Socket
Socket
Sign inDemoInstall

@opentiny/vue-input

Package Overview
Dependencies
Maintainers
1
Versions
63
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/vue-input - npm Package Compare versions

Comparing version 3.12.0 to 3.13.0-alpha.0

25

lib/index.js

@@ -20,9 +20,11 @@ function _extends() {

var template = function template2(mode) {
if ("pc" === (process.env.TINY_MODE || mode)) {
var _process$env;
var tinyMode = typeof process === "object" ? (_process$env = process.env) == null ? void 0 : _process$env.TINY_MODE : null;
if ("pc" === (tinyMode || mode)) {
return PcTemplate;
}
if ("mobile" === (process.env.TINY_MODE || mode)) {
if ("mobile" === (tinyMode || mode)) {
return MobileTemplate;
}
if ("mobile-first" === (process.env.TINY_MODE || mode)) {
if ("mobile-first" === (tinyMode || mode)) {
return MobileFirstTemplate;

@@ -82,2 +84,6 @@ }

},
memorySpace: {
type: Number,
default: 5
},
vertical: {

@@ -107,3 +113,3 @@ type: Boolean,

},
mobileTips: String,
tips: String,
counter: {

@@ -144,3 +150,3 @@ type: Boolean,

type: String,
default: "标题"
default: ""
},

@@ -166,2 +172,9 @@ displayOnly: {

default: false
},
textAlign: {
type: String,
default: "left"
},
width: {
type: [String, Number]
}

@@ -181,3 +194,3 @@ });

});
var version = "3.12.0";
var version = "3.13.0-alpha.0";
Input.model = {

@@ -184,0 +197,0 @@ prop: "modelValue",

280

lib/mobile-first.js

@@ -6,3 +6,3 @@ import { renderless, api } from "@opentiny/vue-renderless/input/vue";

import Tooltip from "@opentiny/vue-tooltip";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, toDisplayString, mergeProps, resolveDynamicComponent, withModifiers } from "vue";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, toDisplayString, resolveDynamicComponent, mergeProps, withModifiers } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {

@@ -55,3 +55,3 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];

inheritAttrs: false,
emits: ["update:modelValue", "change", "clear", "focus", "blur", "keyup", "keydown", "paste", "mouseenter", "mouseleave", "click"],
emits: ["update:modelValue", "change", "clear", "focus", "blur", "keyup", "keydown", "paste", "mouseenter", "mouseleave", "click", "input"],
components: {

@@ -65,3 +65,3 @@ IconClose: IconClose(),

},
props: [].concat(props, ["name", "size", "form", "type", "label", "modelValue", "height", "resize", "counter", "autosize", "disabled", "readonly", "tabindex", "clearable", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit", "customClass", "displayOnly", "displayOnlyContent"]),
props: [].concat(props, ["name", "size", "form", "type", "mask", "label", "modelValue", "height", "resize", "counter", "autosize", "disabled", "readonly", "tabindex", "clearable", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit", "customClass", "displayOnly", "displayOnlyContent", "showEmptyValue"]),
setup: function setup(props2, context) {

@@ -83,35 +83,40 @@ return _setup({

var _hoisted_2 = {
class: "relative",
"data-tag": "tiny-input-display-only"
key: 0,
class: "absolute top-0 left-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap leading-7 sm:leading-normal text-color-text-primary"
};
var _hoisted_3 = {
key: 0,
class: "absolute top-0 left-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
key: 1,
class: "absolute top-0 left-0 max-w-full flex items-center leading-7 sm:leading-normal text-color-text-primary"
};
var _hoisted_4 = {
key: 1,
class: "absolute top-0 left-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap"
class: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap mr-4"
};
var _hoisted_5 = ["name", "tabindex", "type", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
var _hoisted_6 = {
var _hoisted_5 = {
key: 2,
class: "absolute top-0 left-0 max-w-full overflow-hidden text-ellipsis whitespace-nowrap leading-7 sm:leading-normal text-color-text-primary"
};
var _hoisted_6 = ["name", "tabindex", "type", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
var _hoisted_7 = {
key: 2,
"data-tag": "tiny-input-prefix",
ref: "prefix",
class: "left-2 transition-all duration-300 ease-in-out text-xs absolute top-1/2 -translate-y-1/2 text-center text-color-text-placeholder flex items-center"
};
var _hoisted_7 = {
var _hoisted_8 = {
key: 3,
"data-tag": "tiny-input-suffix",
ref: "suffix",
class: "right-2 transition-all duration-300 ease-in-out pointer-events-none text-xs absolute top-1/2 -translate-y-1/2 text-center text-color-text-placeholder flex items-center"
class: "right-2 transition-all duration-300 ease-in-out pointer-events-none text-xs absolute top-1/2 -translate-y-1/2 text-center text-color-text-placeholder flex items-center z-[1]"
};
var _hoisted_8 = {
var _hoisted_9 = {
class: "pointer-events-auto text-xs flex justify-start items-center"
};
var _hoisted_9 = {
key: 4,
var _hoisted_10 = {
key: 5,
class: "h-full inline-flex items-center text-xs text-color-text-placeholder"
};
var _hoisted_10 = {
class: "bg-white leading-none inline-block"
var _hoisted_11 = {
class: "bg-color-bg-1 leading-none inline-block"
};
var _hoisted_11 = {
var _hoisted_12 = {
key: 4,

@@ -121,13 +126,10 @@ ref: "append",

};
var _hoisted_12 = {
var _hoisted_13 = {
key: 5,
ref: "panel"
};
var _hoisted_13 = {
var _hoisted_14 = {
key: 1,
"data-tag": "tiny-input-textarea"
};
var _hoisted_14 = {
class: "max-w-full text-ellipsis break-words line-clamp-5"
};
var _hoisted_15 = ["tabindex", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];

@@ -137,3 +139,3 @@ var _hoisted_16 = {

"data-tag": "tiny-input-limit",
class: "bg-white text-color-text-placeholder text-xs absolute bottom-1 right-3"
class: "bg-color-bg-1 text-color-text-placeholder text-xs absolute bottom-1 right-3"
};

@@ -151,11 +153,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {

style: normalizeStyle(_ctx.$attrs.style),
onMouseenter: _cache[19] || (_cache[19] = function($event) {
onMouseenter: _cache[22] || (_cache[22] = function($event) {
_ctx.state.hovering = true;
_ctx.$emit("mouseenter", $event);
}),
onMouseleave: _cache[20] || (_cache[20] = function($event) {
onMouseleave: _cache[23] || (_cache[23] = function($event) {
_ctx.state.hovering = false;
_ctx.$emit("mouseleave", $event);
}),
onClick: _cache[21] || (_cache[21] = function($event) {
onClick: _cache[24] || (_cache[24] = function($event) {
return _ctx.$emit("click", $event);

@@ -175,72 +177,95 @@ })

/* NEED_PATCH */
)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
key: 0,
effect: "light",
content: _ctx.state.displayOnlyTooltip,
display: _ctx.type === "password",
placement: "top",
onMouseenter: _ctx.handleEnterDisplayOnlyContent
}, {
default: withCtx(function() {
return [_ctx.type === "password" ? (openBlock(), createElementBlock(
"span",
_hoisted_3,
toDisplayString(_ctx.state.hiddenPassword),
1
/* TEXT */
)) : (openBlock(), createElementBlock(
"span",
_hoisted_4,
toDisplayString(_ctx.displayOnlyContent || _ctx.state.nativeInputValue),
1
/* TEXT */
))];
}),
_: 1
/* STABLE */
}, 8, ["content", "display", "onMouseenter"])) : createCommentVNode("v-if", true), _ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
)) : createCommentVNode("v-if", true), createElementVNode(
"span",
{
class: normalizeClass(["relative text-sm", [_ctx.state.inputSizeMf === "medium" ? "sm:text-sm" : "sm:text-xs"]]),
"data-tag": "tiny-input-display-only"
},
[_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
key: 0,
effect: "light",
content: _ctx.state.displayOnlyTooltip,
display: _ctx.type === "password",
placement: "top",
"popper-options": {
bubbling: true
},
onMouseenter: _ctx.handleEnterDisplayOnlyContent
}, {
default: withCtx(function() {
return [_ctx.type === "password" ? (openBlock(), createElementBlock(
"span",
_hoisted_2,
toDisplayString(_ctx.state.hiddenPassword),
1
/* TEXT */
)) : _ctx.mask ? (openBlock(), createElementBlock("span", _hoisted_3, [createElementVNode(
"span",
_hoisted_4,
toDisplayString(_ctx.state.displayedMaskValue),
1
/* TEXT */
), (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.maskValueVisible ? "icon-eyeopen" : "icon-eyeclose"), {
onClick: _cache[0] || (_cache[0] = function($event) {
return _ctx.state.maskValueVisible = !_ctx.state.maskValueVisible;
})
}))])) : (openBlock(), createElementBlock(
"span",
_hoisted_5,
toDisplayString(_ctx.state.displayOnlyText),
1
/* TEXT */
))];
}),
_: 1
/* STABLE */
}, 8, ["content", "display", "onMouseenter"])) : createCommentVNode("v-if", true), _ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input",
"data-tag": "tiny-input-inner",
name: _ctx.name
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^onw+"]), {
class: _ctx.m("w-full border-0 sm:border px-0 sm:px-3 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border placeholder:text-color-text-placeholder placeholder:text-sm text-sm sm:placeholder:text-xs sm:text-xs text-color-text-primary bg-color-bg-1 disabled:cursor-not-allowed disabled:text-color-text-disabled sm:disabled:bg-color-bg-4 py-0 outline-0 transition-colors duration-200 ease-in-out ", _ctx.state.inputSizeMf === "medium" ? "h-8 leading-8 " + _ctx.m("sm:text-sm") + " placeholder:text-sm" : _ctx.state.inputSizeMf === "mini" ? "h-6 leading-6 text-xs placeholder:text-xs" : "h-7 leading-7", _ctx.slots.prepend || _ctx.slots.append ? "align-middle table-cell" : "inline-block", _ctx.slots.prepend && _ctx.slots.append ? "rounded-none" : _ctx.slots.prepend ? "rounded-tl-none rounded-bl-none rounded-tr rounded-br" : _ctx.slots.append ? "rounded-tl rounded-bl rounded-tr-none rounded-br-none" : "rounded", _ctx.readonly ? " text-ellipsis overflow-hidden whitespace-nowrap" : "sm:border", (_ctx.slots.prefix || _ctx.prefixIcon) && (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword) ? "px-6 sm:px-6" : _ctx.slots.prefix || _ctx.prefixIcon ? "pl-6 sm:pl-6 pr-0 sm:pr-3" : _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword ? "pl-0 sm:pl-3 pr-6 sm:pr-6" : "", _ctx.mask && _ctx.state.inputDisabled ? !_ctx.state.maskValueVisible ? "font-[serif] pr-6 sm:pr-6" : "pr-6 sm:pr-6" : "", (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.showPassword) && _ctx.clearable ? "pr-10 sm:pr-10" : "", _ctx.state.isDisplayOnly ? "invisible h-auto leading-none border-0" : "", _ctx.state.isWordLimitVisible ? _ctx.clearable ? "pr-18 sm:pr-18" : "pr-14 sm:pr-14" : "", _ctx.customClass),
tabindex: _ctx.tabindex,
type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
unselectable: _ctx.readonly ? "on" : "off",
autocomplete: _ctx.autocomplete,
onCompositionstart: _cache[1] || (_cache[1] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[2] || (_cache[2] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[3] || (_cache[3] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[4] || (_cache[4] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[5] || (_cache[5] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[6] || (_cache[6] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[7] || (_cache[7] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label,
onKeyup: _cache[8] || (_cache[8] = function($event) {
return _ctx.$emit("keyup", $event);
}),
onKeydown: _cache[9] || (_cache[9] = function($event) {
return _ctx.$emit("keydown", $event);
}),
onPaste: _cache[10] || (_cache[10] = function($event) {
return _ctx.$emit("paste", $event);
})
}), null, 16, _hoisted_6)) : createCommentVNode("v-if", true)],
2
/* CLASS */
), _ctx.isMemoryStorage ? (openBlock(), createBlock(_component_tiny_tall_storage, {
key: 1,
ref: "input",
name: _ctx.name
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^onw+"]), {
class: _ctx.m("w-full border-0 px-3 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border placeholder:text-color-text-placeholder placeholder:text-sm text-sm sm:placeholder:text-xs sm:text-xs text-color-text-primary bg-color-bg-1 disabled:cursor-not-allowed disabled:text-color-text-disabled disabled:bg-color-bg-4 py-0 outline-0 transition-colors duration-200 ease-in-out ", _ctx.state.inputSizeMf === "medium" ? "h-8 leading-8" : _ctx.state.inputSizeMf === "mini" ? "h-6 leading-6" : "h-7 leading-7", _ctx.slots.prepend || _ctx.slots.append ? "align-middle table-cell" : "inline-block", _ctx.slots.prepend && _ctx.slots.append ? "rounded-none" : _ctx.slots.prepend ? "rounded-tl-none rounded-bl-none rounded-tr rounded-br" : _ctx.slots.append ? "rounded-tl rounded-bl rounded-tr-none rounded-br-none" : "rounded", _ctx.readonly ? "sm:border-0 text-ellipsis overflow-hidden whitespace-nowrap" : "sm:border", (_ctx.slots.prefix || _ctx.prefixIcon) && (_ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword) ? "pl-6 pr-6" : _ctx.slots.prefix || _ctx.prefixIcon ? "pl-6 pr-3" : _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword ? "pl-3 pr-6" : "", _ctx.state.isDisplayOnly ? "invisible h-auto leading-none border-0" : "", _ctx.customClass),
tabindex: _ctx.tabindex,
type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
unselectable: _ctx.readonly ? "on" : "off",
autocomplete: _ctx.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label,
onKeyup: _cache[7] || (_cache[7] = function($event) {
return _ctx.$emit("keyup", $event);
}),
onKeydown: _cache[8] || (_cache[8] = function($event) {
return _ctx.$emit("keydown", $event);
}),
onPaste: _cache[9] || (_cache[9] = function($event) {
return _ctx.$emit("paste", $event);
})
}), null, 16, _hoisted_5)) : createCommentVNode("v-if", true)]), _ctx.isMemoryStorage ? (openBlock(), createBlock(_component_tiny_tall_storage, {
key: 1,
name: _ctx.name,

@@ -252,3 +277,3 @@ "localstorage-data": _ctx.storageData,

"span",
_hoisted_6,
_hoisted_7,
[renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon), {

@@ -262,4 +287,4 @@ key: 0,

"span",
_hoisted_7,
[createElementVNode("span", _hoisted_8, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
_hoisted_8,
[createElementVNode("span", _hoisted_9, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
Fragment,

@@ -278,3 +303,3 @@ {

class: normalizeClass(_ctx.m("text-center transition-all duration-300 ease-in-out text-xs cursor-pointer fill-color-none-hover block sm:hidden", _ctx.state.inputSizeMf === "medium" ? "leading-8" : _ctx.state.inputSizeMf === "mini" ? "leading-6" : "leading-7")),
onMousedown: _cache[10] || (_cache[10] = withModifiers(function() {
onMousedown: _cache[11] || (_cache[11] = withModifiers(function() {
}, ["prevent"])),

@@ -285,3 +310,3 @@ onClick: _ctx.clear

class: normalizeClass(_ctx.m("hidden sm:block text-center transition-all duration-300 ease-in-out text-xs cursor-pointer", _ctx.state.inputSizeMf === "medium" ? "leading-8" : _ctx.state.inputSizeMf === "mini" ? "leading-6" : "leading-7")),
onMousedown: _cache[11] || (_cache[11] = withModifiers(function() {
onMousedown: _cache[12] || (_cache[12] = withModifiers(function() {
}, ["prevent"])),

@@ -293,5 +318,11 @@ onClick: _ctx.clear

onClick: _ctx.handlePasswordVisible
}, null, 8, ["class", "onClick"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_9, [createElementVNode(
}, null, 8, ["class", "onClick"])) : createCommentVNode("v-if", true), _ctx.mask && _ctx.state.inputDisabled ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.maskValueVisible ? "icon-eyeopen" : "icon-eyeclose"), {
key: 4,
class: normalizeClass(_ctx.m("text-center transition-all duration-300 ease-in-out text-xs fill-color-text-placeholder", _ctx.state.inputSizeMf === "medium" ? "leading-8" : _ctx.state.inputSizeMf === "mini" ? "leading-6" : "leading-7")),
onClick: _cache[13] || (_cache[13] = function($event) {
return _ctx.state.maskValueVisible = !_ctx.state.maskValueVisible;
})
}, null, 8, ["class"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_10, [createElementVNode(
"span",
_hoisted_10,
_hoisted_11,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),

@@ -314,3 +345,3 @@ 1

"div",
_hoisted_11,
_hoisted_12,
[renderSlot(_ctx.$slots, "append")],

@@ -321,3 +352,3 @@ 512

"div",
_hoisted_12,
_hoisted_13,
[renderSlot(_ctx.$slots, "panel")],

@@ -329,3 +360,3 @@ 512

/* STABLE_FRAGMENT */
)) : (openBlock(), createElementBlock("span", _hoisted_13, [_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
)) : (openBlock(), createElementBlock("span", _hoisted_14, [_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
key: 0,

@@ -335,3 +366,8 @@ effect: "light",

placement: "top",
onMouseenter: _ctx.handleEnterDisplayOnlyContent
"popper-options": {
bubbling: true
},
onMouseenter: _cache[14] || (_cache[14] = function($event) {
return _ctx.handleEnterDisplayOnlyContent($event, "textarea");
})
}, {

@@ -341,6 +377,8 @@ default: withCtx(function() {

"span",
_hoisted_14,
toDisplayString(_ctx.displayOnlyContent || _ctx.state.nativeInputValue),
1
/* TEXT */
{
class: normalizeClass(["max-w-full text-ellipsis break-words line-clamp-5 text-sm pt-1.5 text-color-text-primary", [_ctx.state.inputSizeMf === "medium" ? "sm:text-sm" : "sm:text-xs"]])
},
toDisplayString(_ctx.state.displayOnlyText),
3
/* TEXT, CLASS */
)];

@@ -350,17 +388,17 @@ }),

/* STABLE */
}, 8, ["content", "onMouseenter"])) : createCommentVNode("v-if", true), createElementVNode("textarea", mergeProps({
}, 8, ["content"])) : createCommentVNode("v-if", true), createElementVNode("textarea", mergeProps({
ref: "textarea"
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
tabindex: _ctx.tabindex,
class: ["block w-full border-0 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border outline-0 rounded placeholder:text-color-text-placeholder placeholder:text-xs text-xs text-color-text-primary bg-white disabled:cursor-not-allowed disabled:text-color-text-disabled disabled:bg-color-bg-4 leading-normal", [_ctx.readonly ? "sm:border-0 px-0 py-0" : "sm:border px-3 py-2", _ctx.state.isDisplayOnly ? "hidden" : ""]],
onCompositionstart: _cache[12] || (_cache[12] = function() {
class: ["block w-full border-0 sm:border-solid sm:border-color-border sm:hover:border-color-border-hover sm:focus:border-color-brand-focus sm:disabled:border-color-border outline-0 rounded placeholder:text-color-text-placeholder placeholder:text-sm text-sm text-color-text-primary bg-color-bg-1 disabled:cursor-not-allowed disabled:text-color-text-disabled sm:disabled:bg-color-bg-4 leading-normal", [_ctx.readonly ? "sm:border-0 px-0 py-0" : "sm:border px-3 py-2", _ctx.state.isDisplayOnly ? "hidden" : "", _ctx.state.inputSizeMf === "medium" ? "sm:placeholder:text-sm sm:text-sm" : "sm:placeholder:text-xs sm:text-xs"]],
onCompositionstart: _cache[15] || (_cache[15] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[13] || (_cache[13] = function() {
onCompositionupdate: _cache[16] || (_cache[16] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[14] || (_cache[14] = function() {
onCompositionend: _cache[17] || (_cache[17] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[15] || (_cache[15] = function() {
onInput: _cache[18] || (_cache[18] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);

@@ -373,9 +411,9 @@ }),

style: _ctx.state.textareaStyle,
onFocus: _cache[16] || (_cache[16] = function() {
onFocus: _cache[19] || (_cache[19] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[17] || (_cache[17] = function() {
onBlur: _cache[20] || (_cache[20] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[18] || (_cache[18] = function() {
onChange: _cache[21] || (_cache[21] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);

@@ -382,0 +420,0 @@ }),

319

lib/mobile.js

@@ -0,7 +1,21 @@

function _extends() {
_extends = Object.assign ? Object.assign.bind() : function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
import { renderless, api } from "@opentiny/vue-renderless/input/vue";
import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
import { iconOperationfaild, iconChevronRight, iconEyeopen } from "@opentiny/vue-icon";
import { iconClose, iconChevronRight, iconEyeopen, iconEyeclose } from "@opentiny/vue-icon";
import ActionSheet from "@opentiny/vue-action-sheet";
import "@opentiny/vue-theme-mobile/input/index.css";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderSlot, createCommentVNode, mergeProps, createBlock, resolveDynamicComponent, createElementVNode, withModifiers, toDisplayString, normalizeStyle, createVNode } from "vue";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, mergeProps, createVNode, Fragment, createBlock, resolveDynamicComponent, withModifiers } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {

@@ -56,8 +70,9 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];

components: {
IconOperationfaild: iconOperationfaild(),
IconClose: iconClose(),
IconChevronRight: iconChevronRight(),
IconEyeopen: iconEyeopen(),
IconEyeclose: iconEyeclose(),
TinyActionSheet: ActionSheet
},
props: [].concat(props, ["name", "form", "selectMenu", "ellipsis", "contentStyle", "labelWidth", "mobileTips", "isSelect", "type", "label", "modelValue", "disabled", "readonly", "clearable", "maxlength", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit", "showTitle", "textareaTitle", "counter", "autosize", "tabindex"]),
props: [].concat(props, ["name", "selectMenu", "ellipsis", "contentStyle", "labelWidth", "tips", "isSelect", "type", "label", "modelValue", "disabled", "readonly", "clearable", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit", "title", "counter", "autosize", "tabindex", "width", "textAlign", "resize"]),
setup: function setup(props2, context) {

@@ -74,53 +89,45 @@ return _setup({

key: 0,
class: "tiny-mobile-input__title"
};
var _hoisted_2 = {
key: 1,
class: "tiny-mobile-input__wrapper"
};
var _hoisted_3 = ["value", "disabled", "name", "aria-label", "tabindex"];
var _hoisted_4 = ["name", "tabindex", "type", "disabled", "readonly", "autocomplete", "aria-label"];
var _hoisted_5 = {
key: 1,
class: "tiny-mobile-input-group__prepend"
};
var _hoisted_2 = ["name", "tabindex", "type", "disabled", "readonly", "autocomplete", "aria-label"];
var _hoisted_3 = {
var _hoisted_6 = {
key: 2,
class: "tiny-mobile-input__prefix"
};
var _hoisted_4 = {
var _hoisted_7 = {
key: 3,
class: "tiny-mobile-input__suffix"
};
var _hoisted_5 = {
class: "tiny-mobile-input__suffix-inner"
};
var _hoisted_6 = {
var _hoisted_8 = {
key: 3,
class: "tiny-mobile-input__count"
};
var _hoisted_7 = {
var _hoisted_9 = {
class: "tiny-mobile-input__count-inner"
};
var _hoisted_8 = {
var _hoisted_10 = {
key: 4,
class: "tiny-mobile-input-group__append"
};
var _hoisted_9 = {
class: "tiny-mobile-input-form"
};
var _hoisted_10 = ["disabled", "value", "name", "aria-label", "tabindex"];
var _hoisted_11 = ["type", "name", "tabindex", "disabled", "readonly", "aria-label"];
var _hoisted_11 = ["name", "tabindex", "disabled", "readonly", "autocomplete", "aria-label"];
var _hoisted_12 = {
key: 0,
class: "tiny-mobile-input-form__tips"
key: 3,
class: "tiny-mobile-textarea__count"
};
var _hoisted_13 = {
key: 2,
class: "tiny-mobile-textarea__title"
key: 4,
class: "tiny-mobile-input__tips"
};
var _hoisted_14 = {
key: 3,
class: "tiny-mobile-textarea__content"
};
var _hoisted_15 = ["name", "tabindex", "disabled", "readonly", "autocomplete", "aria-label"];
var _hoisted_16 = {
key: 5,
class: "tiny-mobile-textarea__count"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
var _component_icon_operationfaild = resolveComponent("icon-operationfaild");
var _component_icon_eyeopen = resolveComponent("icon-eyeopen");
var _component_IconChevronRight = resolveComponent("IconChevronRight");
var _component_icon_close = resolveComponent("icon-close");
var _component_tiny_action_sheet = resolveComponent("tiny-action-sheet");

@@ -131,27 +138,65 @@ return openBlock(), createElementBlock(

class: normalizeClass([_ctx.type === "textarea" ? "tiny-mobile-textarea" : "tiny-mobile-input", _ctx.state.inputSize ? "tiny-mobile-input-" + _ctx.state.inputSize : "", {
"is-focus": _ctx.state.focused,
"is-disabled": _ctx.state.inputDisabled,
"is-exceed": _ctx.state.inputExceed,
"is-showtitle": _ctx.showTitle && _ctx.type === "textarea",
"is-showcontent": _ctx.slots.content && _ctx.type === "textarea",
"is-showlimit": _ctx.state.isWordLimitVisible && _ctx.type === "textarea",
"tiny-mobile-input-group": _ctx.slots.prepend || _ctx.slots.append,
"tiny-mobile-input-group-append": _ctx.slots.append,
"tiny-mobile-input-group-prepend": _ctx.slots.prepend,
"tiny-mobile-input-prefix": _ctx.slots.prefix || _ctx.prefixIcon,
"tiny-mobile-input-suffix": _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword
"tiny-mobile-input-group-prepend": _ctx.slots.prepend
}]),
onMouseenter: _cache[27] || (_cache[27] = function($event) {
style: normalizeStyle(_ctx.$attrs.style),
onMouseenter: _cache[20] || (_cache[20] = function($event) {
return _ctx.state.hovering = true;
}),
onMouseleave: _cache[28] || (_cache[28] = function($event) {
onMouseleave: _cache[21] || (_cache[21] = function($event) {
return _ctx.state.hovering = false;
})
},
[_ctx.type !== "textarea" && _ctx.type !== "form" ? (openBlock(), createElementBlock(
[_ctx.slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "title", {}, function() {
return [createTextVNode(
toDisplayString(_ctx.title),
1
/* TEXT */
)];
})])) : createCommentVNode("v-if", true), _ctx.type !== "textarea" ? (openBlock(), createElementBlock("div", _hoisted_2, [_ctx.isSelect ? (openBlock(), createElementBlock("div", {
key: 0,
class: "tiny-mobile-input__select",
onClick: _cache[2] || (_cache[2] = function() {
return _ctx.showBox && _ctx.showBox.apply(_ctx, arguments);
})
}, [createElementVNode("input", mergeProps({
type: "text",
readonly: "",
class: "tiny-mobile-input__inner"
}, _ctx.a(_ctx.$attrs, ["size", "class", "style", "^on[A-Z]"]), {
value: _ctx.state.checkedLabel,
disabled: _ctx.state.inputDisabled,
name: _ctx.name,
"aria-label": _ctx.label,
style: _ctx.state.inputStyle,
tabindex: _ctx.tabindex,
onInput: _cache[0] || (_cache[0] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onChange: _cache[1] || (_cache[1] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
})
}), null, 16, _hoisted_3), createElementVNode(
"div",
{
class: "tiny-mobile-input__select-icon",
style: normalizeStyle({
transform: _ctx.state.boxVisibility ? "rotate(90deg)" : "none"
})
},
[createVNode(_component_IconChevronRight)],
4
/* STYLE */
)])) : (openBlock(), createElementBlock(
Fragment,
{
key: 0
key: 1
},
[_ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), _ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
key: 1,
[_ctx.type !== "textarea" ? (openBlock(), createElementBlock("input", mergeProps({
key: 0,
ref: "input",

@@ -161,2 +206,3 @@ name: _ctx.name

class: "tiny-mobile-input__inner",
style: _ctx.state.inputStyle,
tabindex: _ctx.tabindex,

@@ -167,28 +213,28 @@ type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,

autocomplete: _ctx.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function() {
onCompositionstart: _cache[3] || (_cache[3] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function() {
onCompositionupdate: _cache[4] || (_cache[4] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function() {
onCompositionend: _cache[5] || (_cache[5] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function() {
onInput: _cache[6] || (_cache[6] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function() {
onFocus: _cache[7] || (_cache[7] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function() {
onBlur: _cache[8] || (_cache[8] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function() {
onChange: _cache[9] || (_cache[9] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), null, 16, _hoisted_2)) : createCommentVNode("v-if", true), _ctx.slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon), {
}), null, 16, _hoisted_4)) : createCommentVNode("v-if", true), _ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_5, [createElementVNode("span", null, [renderSlot(_ctx.$slots, "prepend")])])) : createCommentVNode("v-if", true), _ctx.slots.prefix || _ctx.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon), {
key: 0,
class: "tiny-mobile-input__icon"
})) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), _ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode("span", _hoisted_5, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
})) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), _ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_7, [!_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
Fragment,

@@ -204,22 +250,22 @@ {

/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_operationfaild, {
)) : createCommentVNode("v-if", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
key: 1,
class: "tiny-mobile-input__icon tiny-mobile-input__clear",
onMousedown: _cache[7] || (_cache[7] = withModifiers(function() {
onMousedown: _cache[10] || (_cache[10] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.showPwdVisible ? (openBlock(), createBlock(_component_icon_eyeopen, {
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.showPwdVisible ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.passwordVisible ? "icon-eyeopen" : "icon-eyeclose"), {
key: 2,
class: "tiny-mobile-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_6, [createElementVNode(
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_8, [createElementVNode(
"span",
_hoisted_7,
_hoisted_9,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
)])) : createCommentVNode("v-if", true), _ctx.state.validateState ? (openBlock(), createElementBlock(
"i",
{
key: 0,
key: 4,
class: normalizeClass(["tiny-mobile-input__icon", ["tiny-mobile-input__validateIcon", _ctx.validateIcon]])

@@ -230,119 +276,24 @@ },

/* CLASS */
)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_8, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)],
)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_10, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.type === "form" ? (openBlock(), createElementBlock(
Fragment,
{
key: 1
},
[createElementVNode("div", _hoisted_9, [_ctx.isSelect ? (openBlock(), createElementBlock("div", {
key: 0,
class: "tiny-mobile-input-form__select",
onClick: _cache[10] || (_cache[10] = function() {
return _ctx.showBox && _ctx.showBox.apply(_ctx, arguments);
})
}, [createElementVNode("input", mergeProps({
type: "text",
disabled: _ctx.state.inputDisabled,
value: _ctx.state.checkedLable
}, _ctx.a(_ctx.$attrs, ["size", "class", "style", "^on[A-Z]"]), {
onInput: _cache[8] || (_cache[8] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
name: _ctx.name,
onChange: _cache[9] || (_cache[9] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label,
readonly: "",
class: "tiny-mobile-input-form__input tiny-mobile-input__inner",
tabindex: _ctx.tabindex
}), null, 16, _hoisted_10), createElementVNode(
"div",
{
class: "tiny-mobile-input-form__icon",
style: normalizeStyle({
transform: _ctx.state.boxVisibility ? "rotate(90deg)" : "none"
})
},
[createVNode(_component_IconChevronRight)],
4
/* STYLE */
)])) : (openBlock(), createElementBlock("input", mergeProps({
key: 1,
ref: "input"
}, _ctx.a(_ctx.$attrs, ["size", "class", "style", "^on[A-Z]"]), {
type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : "text",
name: _ctx.name,
class: "tiny-mobile-input-form__input tiny-mobile-input__inner",
tabindex: _ctx.tabindex,
disabled: _ctx.state.inputDisabled,
readonly: _ctx.readonly,
onCompositionstart: _cache[11] || (_cache[11] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[12] || (_cache[12] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[13] || (_cache[13] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[14] || (_cache[14] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onFocus: _cache[15] || (_cache[15] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[16] || (_cache[16] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[17] || (_cache[17] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), null, 16, _hoisted_11)), createVNode(_component_tiny_action_sheet, {
modelValue: _ctx.state.sheetvalue,
"onUpdate:modelValue": _cache[18] || (_cache[18] = function($event) {
return _ctx.state.sheetvalue = $event;
}),
menus: _ctx.selectMenu,
ellipsis: _ctx.ellipsis,
contentStyle: _ctx.contentStyle,
visible: _ctx.state.boxVisibility,
"onUpdate:visible": _cache[19] || (_cache[19] = function($event) {
return _ctx.state.boxVisibility = $event;
})
}, null, 8, ["modelValue", "menus", "ellipsis", "contentStyle", "visible"])]), _ctx.mobileTips ? (openBlock(), createElementBlock(
"div",
_hoisted_12,
toDisplayString(_ctx.mobileTips),
1
/* TEXT */
)) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), _ctx.showTitle && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
"div",
_hoisted_13,
toDisplayString(_ctx.textareaTitle),
1
/* TEXT */
)) : createCommentVNode("v-if", true), _ctx.slots.content && _ctx.type === "textarea" ? (openBlock(), createElementBlock("div", _hoisted_14, [renderSlot(_ctx.$slots, "content")])) : createCommentVNode("v-if", true), _ctx.type === "textarea" ? (openBlock(), createElementBlock("textarea", mergeProps({
key: 4,
))])) : (openBlock(), createElementBlock("textarea", mergeProps({
key: 2,
ref: "textarea",
name: _ctx.name
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
class: "tiny-mobile-textarea__inner",
class: ["tiny-mobile-textarea__inner", {
"is-focus": _ctx.state.focused
}],
tabindex: _ctx.tabindex,
onCompositionstart: _cache[20] || (_cache[20] = function() {
onCompositionstart: _cache[11] || (_cache[11] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[21] || (_cache[21] = function() {
onCompositionupdate: _cache[12] || (_cache[12] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[22] || (_cache[22] = function() {
onCompositionend: _cache[13] || (_cache[13] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[23] || (_cache[23] = function() {
onInput: _cache[14] || (_cache[14] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);

@@ -353,22 +304,42 @@ }),

autocomplete: _ctx.autocomplete,
style: _ctx.state.textareaStyle,
onFocus: _cache[24] || (_cache[24] = function() {
style: _extends({}, _ctx.state.textareaStyle, {
width: _ctx.$attrs.cols ? "auto" : "100%"
}),
onFocus: _cache[15] || (_cache[15] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[25] || (_cache[25] = function() {
onBlur: _cache[16] || (_cache[16] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[26] || (_cache[26] = function() {
onChange: _cache[17] || (_cache[17] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label
}), "\n ", 16, _hoisted_15)) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
}), "\n ", 16, _hoisted_11)), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
"span",
_hoisted_16,
_hoisted_12,
toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)) : createCommentVNode("v-if", true)],
34
/* CLASS, NEED_HYDRATION */
)) : createCommentVNode("v-if", true), _ctx.slots.tips || _ctx.tips ? (openBlock(), createElementBlock("div", _hoisted_13, [renderSlot(_ctx.$slots, "tips", {}, function() {
return [createTextVNode(
toDisplayString(_ctx.tips),
1
/* TEXT */
)];
})])) : createCommentVNode("v-if", true), createVNode(_component_tiny_action_sheet, {
modelValue: _ctx.state.sheetvalue,
"onUpdate:modelValue": _cache[18] || (_cache[18] = function($event) {
return _ctx.state.sheetvalue = $event;
}),
menus: _ctx.selectMenu,
ellipsis: _ctx.ellipsis,
"content-style": _ctx.contentStyle,
visible: _ctx.state.boxVisibility,
"onUpdate:visible": _cache[19] || (_cache[19] = function($event) {
return _ctx.state.boxVisibility = $event;
})
}, null, 8, ["modelValue", "menus", "ellipsis", "content-style", "visible"])],
38
/* CLASS, STYLE, NEED_HYDRATION */
);

@@ -375,0 +346,0 @@ }

302

lib/pc.js
import { renderless, api } from "@opentiny/vue-renderless/input/vue";
import { defineComponent, props, setup as _setup } from "@opentiny/vue-common";
import TinyTallStorage from "./tall-storage";
import { IconClose, IconEyeopen, IconEyeclose } from "@opentiny/vue-icon";
import Tooltip from "@opentiny/vue-tooltip";
import { iconClose, iconEyeopen, iconEyeclose } from "@opentiny/vue-icon";
import "@opentiny/vue-theme/input/index.css";
import "@opentiny/vue-theme/textarea/index.css";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, toDisplayString, mergeProps, resolveDynamicComponent, createVNode, Transition, withModifiers } from "vue";
import { resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, Fragment, renderSlot, createCommentVNode, createElementVNode, createBlock, withCtx, toDisplayString, resolveDynamicComponent, mergeProps, createVNode, Transition, withModifiers } from "vue";
function _createForOfIteratorHelperLoose_tiny(o, allowArrayLike) {

@@ -55,11 +55,11 @@ var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];

var _sfc_main = defineComponent({
emits: ["update:modelValue", "change", "clear", "focus", "blur", "keyup", "input", "keydown", "paste", "mouseenter", "mouseleave", "click"],
emits: ["update:modelValue", "change", "clear", "focus", "blur", "keyup", "keydown", "paste", "mouseenter", "mouseleave", "click", "input"],
components: {
IconClose: iconClose(),
IconEyeopen: iconEyeopen(),
IconEyeclose: iconEyeclose(),
IconClose: IconClose(),
IconEyeopen: IconEyeopen(),
IconEyeclose: IconEyeclose(),
TinyTallStorage,
TinyTooltip: Tooltip
},
props: [].concat(props, ["name", "size", "form", "type", "label", "modelValue", "height", "resize", "counter", "autosize", "disabled", "readonly", "tabindex", "clearable", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "validateEvent", "showWordLimit", "displayOnly", "displayOnlyContent", "frontClearIcon"]),
props: [].concat(props, ["name", "size", "form", "type", "mask", "label", "modelValue", "height", "resize", "counter", "autosize", "disabled", "readonly", "tabindex", "clearable", "suffixIcon", "prefixIcon", "autocomplete", "showPassword", "memorySpace", "validateEvent", "showWordLimit", "displayOnly", "displayOnlyContent", "frontClearIcon", "showEmptyValue", "hoverExpand"]),
setup: function setup(props2, context) {

@@ -76,3 +76,4 @@ return _setup({

key: 0,
class: "tiny-input-group__prepend"
class: "tiny-input-group__prepend",
ref: "prepend"
};

@@ -88,56 +89,63 @@ var _hoisted_2 = {

key: 1,
class: "tiny-input-display-only__content"
class: "tiny-input-display-only__mask"
};
var _hoisted_5 = ["name", "tabindex", "type", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
var _hoisted_5 = {
class: "tiny-input-display-only__mask-text"
};
var _hoisted_6 = {
key: 2,
class: "tiny-input-display-only__content"
};
var _hoisted_7 = ["name", "tabindex", "type", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
var _hoisted_8 = {
key: 2,
class: "tiny-input__prefix",
ref: "prefix"
};
var _hoisted_7 = {
key: 3
};
var _hoisted_8 = {
var _hoisted_9 = {
key: 0,
class: "tiny-input__suffix"
class: "tiny-input__suffix",
ref: "suffix"
};
var _hoisted_9 = {
var _hoisted_10 = {
class: "tiny-input__suffix-inner"
};
var _hoisted_10 = {
key: 4,
var _hoisted_11 = {
key: 5,
class: "tiny-input__count"
};
var _hoisted_11 = {
var _hoisted_12 = {
class: "tiny-input__count-inner"
};
var _hoisted_12 = {
var _hoisted_13 = {
class: "tiny-input__count-text-length"
};
var _hoisted_13 = {
var _hoisted_14 = {
class: "tiny-input__count-upper-limit"
};
var _hoisted_14 = {
key: 4,
class: "tiny-input-group__append"
};
var _hoisted_15 = {
key: 5,
class: "tiny-input-group__panel"
key: 3,
class: "tiny-input-group__append",
ref: "append"
};
var _hoisted_16 = {
key: 4,
class: "tiny-input-group__panel",
ref: "panel"
};
var _hoisted_17 = {
class: "tiny-textarea-display-only__content"
};
var _hoisted_17 = ["tabindex", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
var _hoisted_18 = {
var _hoisted_18 = ["tabindex", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
var _hoisted_19 = {
key: 2,
class: "tiny-input__count"
};
var _hoisted_19 = {
var _hoisted_20 = {
class: "tiny-input__count-inner"
};
var _hoisted_20 = {
var _hoisted_21 = {
class: "tiny-input__count-text-length"
};
var _hoisted_21 = {
var _hoisted_22 = {
class: "tiny-input__count-upper-limit"

@@ -159,15 +167,16 @@ };

"tiny-input-prefix": _ctx.slots.prefix || _ctx.prefixIcon,
"tiny-input-suffix": _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword,
"tiny-input-suffix": _ctx.slots.suffix || _ctx.suffixIcon || _ctx.clearable || _ctx.showPassword || _ctx.mask && _ctx.state.inputDisabled,
"tiny-input-word-limit": _ctx.state.isWordLimitVisible,
"is-display-only": _ctx.state.isDisplayOnly
}]),
style: normalizeStyle(_ctx.$attrs.style),
onMouseenter: _cache[20] || (_cache[20] = function($event) {
onMouseenter: _cache[24] || (_cache[24] = function($event) {
_ctx.state.hovering = true;
_ctx.$emit("mouseenter", $event);
}),
onMouseleave: _cache[21] || (_cache[21] = function($event) {
onMouseleave: _cache[25] || (_cache[25] = function($event) {
_ctx.state.hovering = false;
_ctx.$emit("mouseleave", $event);
}),
onClick: _cache[22] || (_cache[22] = function($event) {
onClick: _cache[26] || (_cache[26] = function($event) {
return _ctx.$emit("click", $event);

@@ -181,3 +190,9 @@ })

},
[_ctx.slots.prepend ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "prepend")])) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
[_ctx.slots.prepend ? (openBlock(), createElementBlock(
"div",
_hoisted_1,
[renderSlot(_ctx.$slots, "prepend")],
512
/* NEED_PATCH */
)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, [_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {
key: 0,

@@ -197,8 +212,18 @@ effect: "light",

/* TEXT */
)) : (openBlock(), createElementBlock(
)) : _ctx.mask ? (openBlock(), createElementBlock("span", _hoisted_4, [createElementVNode(
"span",
_hoisted_4,
toDisplayString(_ctx.displayOnlyContent || _ctx.state.nativeInputValue),
_hoisted_5,
toDisplayString(_ctx.state.displayedMaskValue),
1
/* TEXT */
), (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.maskValueVisible ? "icon-eyeopen" : "icon-eyeclose"), {
onClick: _cache[0] || (_cache[0] = function($event) {
return _ctx.state.maskValueVisible = !_ctx.state.maskValueVisible;
})
}))])) : (openBlock(), createElementBlock(
"span",
_hoisted_6,
toDisplayString(_ctx.state.displayOnlyText),
1
/* TEXT */
))];

@@ -211,5 +236,6 @@ }),

ref: "input",
name: _ctx.name
name: _ctx.name,
"data-tag": "tiny-input-inner"
}, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^onw+", "id"]), {
class: "tiny-input__inner",
class: ["tiny-input__inner", _ctx.mask && _ctx.state.inputDisabled && !_ctx.state.maskValueVisible && "tiny-input__mask"],
tabindex: _ctx.tabindex,

@@ -221,34 +247,34 @@ type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,

autocomplete: _ctx.autocomplete,
onCompositionstart: _cache[0] || (_cache[0] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
onCompositionend: _cache[1] || (_cache[1] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[1] || (_cache[1] = function() {
onCompositionupdate: _cache[2] || (_cache[2] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[2] || (_cache[2] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
onCompositionstart: _cache[3] || (_cache[3] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onInput: _cache[3] || (_cache[3] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
onBlur: _cache[4] || (_cache[4] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onFocus: _cache[4] || (_cache[4] = function() {
onFocus: _cache[5] || (_cache[5] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[5] || (_cache[5] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
onInput: _cache[6] || (_cache[6] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);
}),
onChange: _cache[6] || (_cache[6] = function() {
onChange: _cache[7] || (_cache[7] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
"aria-label": _ctx.label,
onKeyup: _cache[7] || (_cache[7] = function($event) {
onKeyup: _cache[8] || (_cache[8] = function($event) {
return _ctx.$emit("keyup", $event);
}),
onKeydown: _cache[8] || (_cache[8] = function($event) {
onKeydown: _cache[9] || (_cache[9] = function($event) {
return _ctx.$emit("keydown", $event);
}),
onPaste: _cache[9] || (_cache[9] = function($event) {
onPaste: _cache[10] || (_cache[10] = function($event) {
return _ctx.$emit("paste", $event);
})
}), null, 16, _hoisted_5)) : createCommentVNode("v-if", true)]), _ctx.isMemoryStorage ? (openBlock(), createBlock(_component_tiny_tall_storage, {
}), null, 16, _hoisted_7)) : createCommentVNode("v-if", true)]), _ctx.isMemoryStorage ? (openBlock(), createBlock(_component_tiny_tall_storage, {
key: 1,

@@ -261,3 +287,3 @@ name: _ctx.name,

"span",
_hoisted_6,
_hoisted_8,
[renderSlot(_ctx.$slots, "prefix"), _ctx.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.prefixIcon), {

@@ -269,59 +295,83 @@ key: 0,

/* NEED_PATCH */
)) : createCommentVNode("v-if", true), !_ctx.state.isDisplayOnly && _ctx.getSuffixVisible() ? (openBlock(), createElementBlock("div", _hoisted_7, [createVNode(Transition, {
)) : createCommentVNode("v-if", true), createElementVNode("div", null, [createVNode(Transition, {
name: "tiny-transition-icon-out-in"
}, {
default: withCtx(function() {
return [_ctx.getSuffixVisible() ? (openBlock(), createElementBlock("span", _hoisted_8, [createElementVNode("span", _hoisted_9, [_ctx.frontClearIcon && _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
key: 0,
class: "tiny-svg-size tiny-input__icon tiny-input__clear",
onMousedown: _cache[10] || (_cache[10] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), !_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
Fragment,
{
key: 1
},
[renderSlot(_ctx.$slots, "suffix"), _ctx.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon), {
key: 0,
class: "tiny-svg-size tiny-input__icon"
})) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), !_ctx.frontClearIcon && _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
key: 2,
class: "tiny-svg-size tiny-input__icon tiny-input__clear",
onMousedown: _cache[11] || (_cache[11] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.showPassword ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.passwordVisible ? "icon-eyeopen" : "icon-eyeclose"), {
key: 3,
class: "tiny-svg-size tiny-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_10, [createElementVNode("span", _hoisted_11, [createElementVNode(
return [!_ctx.state.isDisplayOnly && _ctx.getSuffixVisible() ? (openBlock(), createElementBlock(
"span",
_hoisted_12,
toDisplayString(_ctx.state.showWordLimit ? "" + _ctx.state.textLength : ""),
1
/* TEXT */
), createElementVNode(
"span",
_hoisted_13,
toDisplayString(_ctx.state.showWordLimit ? "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)])])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
"i",
{
_hoisted_9,
[createElementVNode("span", _hoisted_10, [_ctx.frontClearIcon && _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
key: 0,
class: normalizeClass(["tiny-input__icon", ["tiny-input__validateIcon", _ctx.validateIcon]])
},
null,
2
/* CLASS */
)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)];
class: "tiny-svg-size tiny-input__icon tiny-input__clear",
onMousedown: _cache[11] || (_cache[11] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), !_ctx.state.showClear || !_ctx.state.showPwdVisible || !_ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock(
Fragment,
{
key: 1
},
[renderSlot(_ctx.$slots, "suffix"), _ctx.suffixIcon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.suffixIcon), {
key: 0,
class: "tiny-svg-size tiny-input__icon"
})) : createCommentVNode("v-if", true)],
64
/* STABLE_FRAGMENT */
)) : createCommentVNode("v-if", true), !_ctx.frontClearIcon && _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
key: 2,
class: "tiny-svg-size tiny-input__icon tiny-input__clear",
onMousedown: _cache[12] || (_cache[12] = withModifiers(function() {
}, ["prevent"])),
onClick: _ctx.clear
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.showPassword ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.passwordVisible ? "icon-eyeopen" : "icon-eyeclose"), {
key: 3,
class: "tiny-svg-size tiny-input__icon",
onClick: _ctx.handlePasswordVisible
}, null, 8, ["onClick"])) : createCommentVNode("v-if", true), _ctx.mask && _ctx.state.inputDisabled ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.maskValueVisible ? "icon-eyeopen" : "icon-eyeclose"), {
key: 4,
class: "tiny-svg-size tiny-input__icon",
onClick: _cache[13] || (_cache[13] = function($event) {
return _ctx.state.maskValueVisible = !_ctx.state.maskValueVisible;
})
})) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", _hoisted_11, [createElementVNode("span", _hoisted_12, [createElementVNode(
"span",
_hoisted_13,
toDisplayString(_ctx.state.showWordLimit ? "" + _ctx.state.textLength : ""),
1
/* TEXT */
), createElementVNode(
"span",
_hoisted_14,
toDisplayString(_ctx.state.showWordLimit ? "/" + _ctx.state.upperLimit : _ctx.state.textLength),
1
/* TEXT */
)])])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
"i",
{
key: 0,
class: normalizeClass(["tiny-input__icon", ["tiny-input__validateIcon", _ctx.validateIcon]])
},
null,
2
/* CLASS */
)) : createCommentVNode("v-if", true)],
512
/* NEED_PATCH */
)) : createCommentVNode("v-if", true)];
}),
_: 3
/* FORWARDED */
})])) : createCommentVNode("v-if", true), _ctx.slots.append ? (openBlock(), createElementBlock("div", _hoisted_14, [renderSlot(_ctx.$slots, "append")])) : createCommentVNode("v-if", true), _ctx.slots.panel ? (openBlock(), createElementBlock("div", _hoisted_15, [renderSlot(_ctx.$slots, "panel")])) : createCommentVNode("v-if", true)],
})]), _ctx.slots.append ? (openBlock(), createElementBlock(
"div",
_hoisted_15,
[renderSlot(_ctx.$slots, "append")],
512
/* NEED_PATCH */
)) : createCommentVNode("v-if", true), _ctx.slots.panel ? (openBlock(), createElementBlock(
"div",
_hoisted_16,
[renderSlot(_ctx.$slots, "panel")],
512
/* NEED_PATCH */
)) : createCommentVNode("v-if", true)],
64

@@ -333,3 +383,3 @@ /* STABLE_FRAGMENT */

key: 1,
class: normalizeClass([_ctx.autosize ? "tiny-textarea-autosize-display-only" : "tiny-textarea-display-only"])
class: normalizeClass([_ctx.autosize ? "tiny-textarea-autosize-display-only" : "tiny-textarea-display-only", _ctx.hoverExpand && "tiny-textarea__inner-con"])
},

@@ -341,3 +391,3 @@ [_ctx.state.isDisplayOnly ? (openBlock(), createBlock(_component_tiny_tooltip, {

placement: "top",
onMouseenter: _cache[12] || (_cache[12] = function($event) {
onMouseenter: _cache[14] || (_cache[14] = function($event) {
return _ctx.handleEnterDisplayOnlyContent($event, "textarea");

@@ -349,4 +399,4 @@ })

"span",
_hoisted_16,
toDisplayString(_ctx.displayOnlyContent || _ctx.state.nativeInputValue),
_hoisted_17,
toDisplayString(_ctx.state.displayOnlyText),
1

@@ -362,13 +412,13 @@ /* TEXT */

tabindex: _ctx.tabindex,
class: "tiny-textarea__inner",
onCompositionstart: _cache[13] || (_cache[13] = function() {
class: ["tiny-textarea__inner", _ctx.hoverExpand && !_ctx.state.enteredTextarea && "tiny-textarea__fix-height"],
onCompositionstart: _cache[15] || (_cache[15] = function() {
return _ctx.handleCompositionStart && _ctx.handleCompositionStart.apply(_ctx, arguments);
}),
onCompositionupdate: _cache[14] || (_cache[14] = function() {
onCompositionupdate: _cache[16] || (_cache[16] = function() {
return _ctx.handleCompositionUpdate && _ctx.handleCompositionUpdate.apply(_ctx, arguments);
}),
onCompositionend: _cache[15] || (_cache[15] = function() {
onCompositionend: _cache[17] || (_cache[17] = function() {
return _ctx.handleCompositionEnd && _ctx.handleCompositionEnd.apply(_ctx, arguments);
}),
onInput: _cache[16] || (_cache[16] = function() {
onInput: _cache[18] || (_cache[18] = function() {
return _ctx.handleInput && _ctx.handleInput.apply(_ctx, arguments);

@@ -381,18 +431,24 @@ }),

style: _ctx.state.textareaStyle,
onFocus: _cache[17] || (_cache[17] = function() {
onFocus: _cache[19] || (_cache[19] = function() {
return _ctx.handleFocus && _ctx.handleFocus.apply(_ctx, arguments);
}),
onBlur: _cache[18] || (_cache[18] = function() {
onBlur: _cache[20] || (_cache[20] = function() {
return _ctx.handleBlur && _ctx.handleBlur.apply(_ctx, arguments);
}),
onChange: _cache[19] || (_cache[19] = function() {
onChange: _cache[21] || (_cache[21] = function() {
return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
}),
onMouseenter: _cache[22] || (_cache[22] = function($event) {
return _ctx.handleEnterTextarea($event);
}),
onMouseleave: _cache[23] || (_cache[23] = function($event) {
return _ctx.handleLeaveTextarea($event);
}),
"aria-label": _ctx.label
}), "\n ", 16, _hoisted_17)],
}), "\n ", 16, _hoisted_18)],
2
/* CLASS */
)), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock("span", _hoisted_18, [createElementVNode("span", _hoisted_19, [createElementVNode(
)), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock("span", _hoisted_19, [createElementVNode("span", _hoisted_20, [createElementVNode(
"span",
_hoisted_20,
_hoisted_21,
toDisplayString(_ctx.state.showWordLimit ? "" + _ctx.state.textLength : ""),

@@ -403,3 +459,3 @@ 1

"span",
_hoisted_21,
_hoisted_22,
toDisplayString(_ctx.state.showWordLimit ? "/" + _ctx.state.upperLimit : _ctx.state.textLength),

@@ -406,0 +462,0 @@ 1

12

package.json
{
"name": "@opentiny/vue-input",
"version": "3.12.0",
"version": "3.13.0-alpha.0",
"description": "",

@@ -10,7 +10,7 @@ "main": "./lib/index.js",

"dependencies": {
"@opentiny/vue-action-sheet": "~3.12.0",
"@opentiny/vue-common": "~3.12.0",
"@opentiny/vue-icon": "~3.12.0",
"@opentiny/vue-tooltip": "~3.12.0",
"@opentiny/vue-renderless": "~3.12.0"
"@opentiny/vue-action-sheet": "~3.13.0-alpha.0",
"@opentiny/vue-common": "~3.13.0-alpha.0",
"@opentiny/vue-icon": "~3.13.0-alpha.0",
"@opentiny/vue-tooltip": "~3.13.0-alpha.0",
"@opentiny/vue-renderless": "~3.13.0-alpha.0"
},

@@ -17,0 +17,0 @@ "license": "MIT",

__tests__/input.test.d.ts
index.d.ts
src/index.d.ts
src/mobile-first.vue.d.ts
src/mobile.vue.d.ts
src/pc.vue.d.ts
src/tall-storage.vue.d.ts
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc