@opentinyvue/vue-input 3.26.0 → 3.28.0

package/lib/mobile-first.js

@@ -115,7 +115,7 @@ var _sfc_main = defineComponent({
     TinyButton: Button,
     TinyDialogBox: DialogBox
   },
-  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", "popupMore", "showTooltip", "frontClearIcon", "hoverExpand"]),
+  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", "popupMore", "showTooltip", "frontClearIcon", "hoverExpand", "inputBoxType"]),
   setup: function setup$1(props2, context) {
     return setup({
       props: props2,
@@ -162,10 +162,7 @@ var _hoisted_8 = {
 var _hoisted_9 = {
   class: "pointer-events-auto text-xs fill-color-icon-placeholder flex justify-start items-center"
 };
-var _hoisted_10 = {
-  key: 5,
-  class: "h-full inline-flex items-center text-xs sm:text-sm text-color-text-placeholder"
-};
+var _hoisted_10 = ["id"];
 var _hoisted_11 = {
   class: "bg-color-bg-1 leading-none inline-block text-xs"
 };
@@ -189,11 +186,7 @@ var _hoisted_16 = {
   class: "font-[inherit]"
 };
 var _hoisted_17 = ["tabindex", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
-var _hoisted_18 = {
-  key: 2,
-  "data-tag": "tiny-input-limit",
-  class: "text-color-text-placeholder text-xs leading-5 absolute bottom-0 right-3"
-};
+var _hoisted_18 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_tiny_tooltip = resolveComponent("tiny-tooltip");
   var _component_tiny_tall_storage = resolveComponent("tiny-tall-storage");
@@ -282,7 +275,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "data-tag": "tiny-input-inner",
           name: _ctx.name
         }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]"]), {
-          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 sm:disabled:placeholder:text-color-text-disabled text-sm text-color-text-primary bg-color-bg-1 disabled:cursor-not-allowed disabled:text-color-text-disabled sm:disabled:text-color-text-disabled sm:disabled:bg-color-bg-6 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),
+          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 sm:disabled:placeholder:text-color-text-disabled text-sm text-color-text-primary bg-color-bg-1 disabled:cursor-not-allowed disabled:text-color-text-disabled sm:disabled:text-color-text-disabled sm:disabled:bg-color-bg-6 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.inputBoxType === "underline" ? "rounded-none border-t-0 border-l-0 border-r-0 border-b sm:border-b" : _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,
@@ -310,7 +303,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onChange: _cache[7] || (_cache[7] = function() {
             return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
           }),
-          "aria-label": _ctx.label,
+          "aria-label": _ctx.label || _ctx.$attrs.placeholder,
           onKeyup: _cache[8] || (_cache[8] = function($event) {
             return _ctx.$emit("keyup", $event);
           }),
@@ -344,6 +337,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         [createElementVNode("span", _hoisted_9, [_ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
           key: 0,
           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")),
+          role: "button",
+          "aria-label": "clear",
+          tabindex: "0",
           onMousedown: _cache[11] || (_cache[11] = withModifiers(function() {
           }, ["prevent"])),
           onClick: _ctx.clear
@@ -361,26 +357,41 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         )) : createCommentVNode("v-if", true), _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_error, {
           key: 2,
           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")),
+          role: "button",
+          "aria-label": "clear",
+          tabindex: "0",
           onMousedown: _cache[12] || (_cache[12] = withModifiers(function() {
           }, ["prevent"])),
           onClick: _ctx.clear
         }, null, 8, ["class", "onClick"])) : createCommentVNode("v-if", true), _ctx.showPassword ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.passwordVisible ? "icon-eyeopen" : "icon-eyeclose"), {
           key: 3,
           class: normalizeClass(_ctx.m("text-center transition-all duration-300 ease-in-out text-xs", _ctx.state.inputSizeMf === "medium" ? "leading-8" : _ctx.state.inputSizeMf === "mini" ? "leading-6" : "leading-7")),
+          role: "button",
+          "aria-label": _ctx.state.passwordVisible ? "hide password" : "show password",
+          tabindex: "0",
           onClick: _ctx.handlePasswordVisible
-        }, null, 8, ["class", "onClick"])) : createCommentVNode("v-if", true), _ctx.mask && _ctx.state.inputDisabled ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.state.maskValueVisible ? "icon-eyeopen" : "icon-eyeclose"), {
+        }, null, 8, ["class", "aria-label", "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")),
+          role: "button",
+          "aria-label": _ctx.state.maskValueVisible ? "hide content" : "show content",
+          tabindex: "0",
           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(
+        }, null, 8, ["class", "aria-label"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
+          key: 5,
+          id: (_ctx.$attrs.id || _ctx.name || "input") + "-word-limit",
+          class: "h-full inline-flex items-center text-xs sm:text-sm text-color-text-placeholder",
+          role: "status",
+          "aria-live": "polite"
+        }, [createElementVNode(
           "span",
           _hoisted_11,
           toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
           1
           /* TEXT */
-        )])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
+        )], 8, _hoisted_10)) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
           "i",
           {
             key: 0,
@@ -532,17 +543,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseleave: _cache[26] || (_cache[26] = function($event) {
           return _ctx.handleLeaveTextarea($event);
         }),
-        "aria-label": _ctx.label
+        "aria-label": _ctx.label || _ctx.$attrs.placeholder
       }), "\n      ", 16, _hoisted_17)],
       2
       /* CLASS */
-    )), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock(
-      "span",
-      _hoisted_18,
-      toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength),
-      1
-      /* TEXT */
-    )) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")],
+    )), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock("span", {
+      key: 2,
+      "data-tag": "tiny-input-limit",
+      id: (_ctx.$attrs.id || _ctx.name || "textarea") + "-word-limit",
+      class: "text-color-text-placeholder text-xs leading-5 absolute bottom-0 right-3",
+      role: "status",
+      "aria-live": "polite"
+    }, toDisplayString(_ctx.state.showWordLimit ? _ctx.state.textLength + "/" + _ctx.state.upperLimit : _ctx.state.textLength), 9, _hoisted_18)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")],
     38
     /* CLASS, STYLE, NEED_HYDRATION */
   );

package/lib/pc.js

@@ -168,10 +168,7 @@ var _hoisted_9 = {
 var _hoisted_10 = {
   class: "tiny-input__suffix-inner"
 };
-var _hoisted_11 = {
-  key: 5,
-  class: "tiny-input__count"
-};
+var _hoisted_11 = ["id"];
 var _hoisted_12 = {
   class: "tiny-input__count-inner"
 };
@@ -199,10 +196,7 @@ var _hoisted_18 = {
   class: "tiny-textarea-display-only__content text-box"
 };
 var _hoisted_19 = ["tabindex", "disabled", "readonly", "unselectable", "autocomplete", "aria-label"];
-var _hoisted_20 = {
-  key: 2,
-  class: "tiny-input__count"
-};
+var _hoisted_20 = ["id"];
 var _hoisted_21 = {
   class: "tiny-input__count-inner"
 };
@@ -221,7 +215,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_clickoutside = resolveDirective("clickoutside");
   return openBlock(), createElementBlock(
     "div",
-    mergeProps(_ctx.a(_ctx.$attrs, ["class"]), {
+    mergeProps(_ctx.a(_ctx.$attrs, ["class", "role", "aria-haspopup", "aria-autocomplete", "aria-owns", "aria-controls"]), {
       class: [_ctx.$attrs.class, _ctx.type === "textarea" ? "tiny-textarea" : "tiny-input", _ctx.state.inputSize ? "tiny-input-" + _ctx.state.inputSize : "", {
         "is-disabled": _ctx.state.inputDisabled,
         "is-exceed": _ctx.state.inputExceed,
@@ -299,7 +293,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ref: "input",
         name: _ctx.name,
         "data-tag": "tiny-input-inner"
-      }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]", "id"]), {
+      }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "^on[A-Z]", "id", "aria-required", "aria-invalid"]), {
         class: ["tiny-input__inner", _ctx.mask && _ctx.state.inputDisabled && !_ctx.state.maskValueVisible && "tiny-input__mask"],
         tabindex: _ctx.tabindex,
         type: _ctx.showPassword ? _ctx.state.passwordVisible ? "text" : "password" : _ctx.type,
@@ -328,7 +322,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onChange: _cache[7] || (_cache[7] = function() {
           return _ctx.handleChange && _ctx.handleChange.apply(_ctx, arguments);
         }),
-        "aria-label": _ctx.label,
+        "aria-label": _ctx.label || _ctx.$attrs.placeholder,
         onKeyup: _cache[8] || (_cache[8] = function($event) {
           return _ctx.$emit("keyup", $event);
         }),
@@ -363,6 +357,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             [createElementVNode("span", _hoisted_10, [_ctx.frontClearIcon && _ctx.state.showClear ? (openBlock(), createBlock(_component_icon_close, {
               key: 0,
               class: "tiny-svg-size tiny-input__icon tiny-input__clear",
+              role: "button",
+              "aria-label": "清除",
+              tabindex: "0",
               onMousedown: _cache[11] || (_cache[11] = withModifiers(function() {
               }, ["prevent"])),
               onClick: _ctx.clear
@@ -380,20 +377,35 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             )) : 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",
+              role: "button",
+              "aria-label": "清除",
+              tabindex: "0",
               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",
+              role: "button",
+              "aria-label": _ctx.state.passwordVisible ? "hide password" : "show password",
+              tabindex: "0",
               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"), {
+            }, null, 8, ["aria-label", "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",
+              role: "button",
+              "aria-label": _ctx.state.maskValueVisible ? "hide content" : "show content",
+              tabindex: "0",
               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(
+            }, null, 8, ["aria-label"])) : createCommentVNode("v-if", true), _ctx.state.isWordLimitVisible ? (openBlock(), createElementBlock("span", {
+              key: 5,
+              id: (_ctx.$attrs.id || _ctx.name || "input") + "-word-limit",
+              class: "tiny-input__count",
+              role: "status",
+              "aria-live": "polite"
+            }, [createElementVNode("span", _hoisted_12, [createElementVNode(
               "span",
               _hoisted_13,
               toDisplayString(_ctx.state.showWordLimit ? "" + _ctx.state.textLength : ""),
@@ -405,7 +417,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               toDisplayString(_ctx.state.showWordLimit ? "/" + _ctx.state.upperLimit : _ctx.state.textLength),
               1
               /* TEXT */
-            )])])) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
+            )])], 8, _hoisted_11)) : createCommentVNode("v-if", true)]), _ctx.state.validateState ? (openBlock(), createElementBlock(
               "i",
               {
                 key: 0,
@@ -520,7 +532,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         /* STABLE */
       }, 8, ["title", "visible"])) : createCommentVNode("v-if", true), withDirectives((openBlock(), createElementBlock("textarea", mergeProps({
         ref: "textarea"
-      }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "id"]), {
+      }, _ctx.a(_ctx.$attrs, ["type", "class", "style", "id", "aria-required", "aria-invalid"]), {
         tabindex: _ctx.tabindex,
         class: ["tiny-textarea__inner", _ctx.hoverExpand && !_ctx.state.enteredTextarea && "tiny-textarea__fix-height"],
         onCompositionstart: _cache[18] || (_cache[18] = function() {
@@ -561,7 +573,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onMouseup: _cache[28] || (_cache[28] = function($event) {
           return _ctx.handleTextareaMouseUp();
         }),
-        "aria-label": _ctx.label,
+        "aria-label": _ctx.label || _ctx.$attrs.placeholder,
         onKeyup: _cache[29] || (_cache[29] = function($event) {
           return _ctx.$emit("keyup", $event);
         }),
@@ -578,7 +590,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }]])],
       2
       /* CLASS */
-    )), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock("span", _hoisted_20, [createElementVNode("span", _hoisted_21, [createElementVNode(
+    )), _ctx.state.isWordLimitVisible && _ctx.type === "textarea" ? (openBlock(), createElementBlock("span", {
+      key: 2,
+      id: (_ctx.$attrs.id || _ctx.name || "textarea") + "-word-limit",
+      class: "tiny-input__count",
+      role: "status",
+      "aria-live": "polite"
+    }, [createElementVNode("span", _hoisted_21, [createElementVNode(
       "span",
       _hoisted_22,
       toDisplayString(_ctx.state.showWordLimit ? "" + _ctx.state.textLength : ""),
@@ -590,7 +608,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       toDisplayString(_ctx.state.showWordLimit ? "/" + _ctx.state.upperLimit : _ctx.state.textLength),
       1
       /* TEXT */
-    )])])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")],
+    )])], 8, _hoisted_20)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")],
     16
     /* FULL_PROPS */
   );

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@opentinyvue/vue-input",
   "type": "module",
-  "version": "3.26.0",
+  "version": "3.28.0",
   "description": "",
   "license": "MIT",
   "sideEffects": false,
   "main": "./lib/index.js",
   "module": "./lib/index.js",
   "dependencies": {
-    "@opentinyvue/vue-directive": "~3.26.0",
-    "@opentinyvue/vue-button": "~3.26.0",
-    "@opentinyvue/vue-common": "~3.26.0",
-    "@opentinyvue/vue-dialog-box": "~3.26.0",
-    "@opentinyvue/vue-icon": "~3.26.0",
-    "@opentinyvue/vue-renderless": "~3.26.0",
-    "@opentinyvue/vue-theme": "~3.26.0",
-    "@opentinyvue/vue-tooltip": "~3.26.0"
+    "@opentinyvue/vue-directive": "~3.28.0",
+    "@opentinyvue/vue-button": "~3.28.0",
+    "@opentinyvue/vue-common": "~3.28.0",
+    "@opentinyvue/vue-dialog-box": "~3.28.0",
+    "@opentinyvue/vue-icon": "~3.28.0",
+    "@opentinyvue/vue-renderless": "~3.28.0",
+    "@opentinyvue/vue-theme": "~3.28.0",
+    "@opentinyvue/vue-tooltip": "~3.28.0"
   },
   "types": "index.d.ts",
   "scripts": {

package/src/mobile-first.vue.d.ts

@@ -36,6 +36,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     frontClearIcon?: any;
     showEmptyValue?: any;
     showTooltip?: any;
+    inputBoxType?: any;
 }>, any, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, ("input" | "change" | "keyup" | "keydown" | "blur" | "click" | "focus" | "mouseenter" | "mouseleave" | "paste" | "clear" | "update:modelValue")[], "input" | "change" | "keyup" | "keydown" | "blur" | "click" | "focus" | "mouseenter" | "mouseleave" | "paste" | "clear" | "update:modelValue", import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<Readonly<{
     name?: any;
     label?: any;
@@ -74,6 +75,7 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     frontClearIcon?: any;
     showEmptyValue?: any;
     showTooltip?: any;
+    inputBoxType?: any;
 }>>> & {
     onInput?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
@@ -125,5 +127,6 @@ declare const _default: import("@vue/runtime-core").DefineComponent<Readonly<{
     readonly frontClearIcon?: any;
     readonly showEmptyValue?: any;
     readonly showTooltip?: any;
+    readonly inputBoxType?: any;
 }, {}>;
 export default _default;