vft 0.0.429 → 0.0.430

package/es/components/input/input.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as S, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as E, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as y, Fragment as q, createCommentVNode as u, createElementVNode as x, normalizeClass as r, unref as a, renderSlot as $, createBlock as V, withKeys as Ue, withModifiers as me, toDisplayString as D, normalizeStyle as qe, vShow as Ge } from "vue";
+import { defineComponent as Oe, useAttrs as Te, useSlots as Le, computed as l, ref as S, getCurrentInstance as je, shallowRef as H, watch as U, nextTick as E, onMounted as We, withDirectives as He, createElementBlock as c, openBlock as i, mergeProps as h, Fragment as q, createCommentVNode as u, createElementVNode as w, normalizeClass as r, unref as a, renderSlot as $, createBlock as V, withKeys as Ue, withModifiers as me, toDisplayString as D, normalizeStyle as qe, vShow as Ge } from "vue";
 import "../form/index.js";
 import { VftIcon as B } from "../icon/index.js";
 import { useResizeObserver as Je, isClient as Qe } from "@vueuse/core";
@@ -6,16 +6,16 @@ import { isString as A, singleAttrToObj as G, noop as Xe, isObject as ve } from
 import { debugWarn as J } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import { isNil as Ye } from "lodash-es";
-import { useNamespace as pe } from "../../hooks/use-namespace/index.js";
+import { useNamespace as ye } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
-import { calcTextareaHeight as ye } from "./utils.js";
-import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
-import { useFormItem as at, useFormItemInputId as ot } from "../form/hooks/use-form-item.js";
-const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
+import { calcTextareaHeight as he } from "./utils.js";
+import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
+import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
     id: {},
@@ -61,33 +61,33 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     compositionupdate: (e) => e instanceof CompositionEvent,
     compositionend: (e) => e instanceof CompositionEvent
   },
-  setup(e, { expose: he, emit: be }) {
-    const s = be, g = Te(), m = Le(), X = l(() => {
+  setup(e, { expose: xe, emit: pe }) {
+    const s = pe, g = Te(), m = Le(), X = l(() => {
       const t = {};
       return e.containerRole === "combobox" && (t["aria-haspopup"] = g["aria-haspopup"], t["aria-owns"] = g["aria-owns"], t["aria-expanded"] = g["aria-expanded"]), t;
-    }), we = l(() => [
-      e.type === "textarea" ? Z.b() : o.b(),
-      o.m(ke.value),
-      o.is("disabled", h.value),
-      o.is("exceed", Ee.value),
-      o.is("focus", v.value),
+    }), be = l(() => [
+      e.type === "textarea" ? Z.b() : n.b(),
+      n.m(ke.value),
+      n.is("disabled", x.value),
+      n.is("exceed", Ee.value),
+      n.is("focus", v.value),
       {
-        [o.b("group")]: m.prepend || m.append,
-        [o.bm("group", "append")]: m.append,
-        [o.bm("group", "prepend")]: m.prepend,
-        [o.m("prefix")]: m.prefix || e.prefixIcon,
-        [o.m("suffix")]: m.suffix || e.suffixIcon || e.clearable || e.showPassword,
-        [o.bm("suffix", "password-clear")]: P.value && L.value
+        [n.b("group")]: m.prepend || m.append,
+        [n.bm("group", "append")]: m.append,
+        [n.bm("group", "prepend")]: m.prepend,
+        [n.m("prefix")]: m.prefix || e.prefixIcon,
+        [n.m("suffix")]: m.suffix || e.suffixIcon || e.clearable || e.showPassword,
+        [n.bm("suffix", "password-clear")]: P.value && L.value
       },
       g.class
-    ]), xe = je(), ge = l(() => [
-      o.e("wrapper"),
-      o.is("focus", v.value)
+    ]), we = je(), ge = l(() => [
+      n.e("wrapper"),
+      n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = at(), { inputId: Y } = ot(xe.props, {
+    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
       formItemContext: F
-    }), ke = et(), h = tt(), o = pe("input"), Z = pe("textarea"), M = H(), b = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || b.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(
@@ -101,59 +101,59 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     ), Se = l(() => [
       g.style,
       e.inputStyle
-    ]), oe = l(() => [
+    ]), ne = l(() => [
       e.inputStyle,
       O.value,
       { resize: e.resize }
     ]), f = l(
       () => Ye(e.modelValue) ? "" : String(e.modelValue)
     ), P = l(
-      () => e.clearable && !h.value && !e.readonly && !!f.value && (v.value || N.value)
+      () => e.clearable && !x.value && !e.readonly && !!f.value && (v.value || N.value)
     ), L = l(
-      () => e.showPassword && !h.value && !e.readonly && !!f.value && (!!f.value || v.value)
-    ), w = l(
-      () => e.showWordLimit && !!d.value.maxlength && (e.type === "text" || e.type === "textarea") && !h.value && !e.readonly && !e.showPassword
+      () => e.showPassword && !x.value && !e.readonly && !!f.value && (!!f.value || v.value)
+    ), b = l(
+      () => e.showWordLimit && !!d.value.maxlength && (e.type === "text" || e.type === "textarea") && !x.value && !e.readonly && !e.showPassword
     ), j = l(() => Array.from(f.value).length), Ee = l(
       () => (
         // show exceed style if length of initial value greater then maxlength
-        !!w.value && j.value > Number(d.value.maxlength)
+        !!b.value && j.value > Number(d.value.maxlength)
       )
     ), Ve = l(
-      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || w.value || !!I.value && te.value
+      () => !!m.suffix || !!e.suffixIcon || P.value || e.showPassword || b.value || !!I.value && te.value
     ), [Be, Ae] = _e(M);
-    Je(b, (t) => {
-      if (!w.value || e.resize !== "both") return;
-      const n = t[0], { width: p } = n.contentRect;
+    Je(p, (t) => {
+      if (!b.value || e.resize !== "both") return;
+      const o = t[0], { width: y } = o.contentRect;
       _.value = {
         /** right: 100% - width + padding(15) + right(6) */
-        right: `calc(100% - ${p + 15 + 6}px)`
+        right: `calc(100% - ${y + 15 + 6}px)`
       };
     });
     const R = () => {
       if (!(!Qe || e.type !== "textarea"))
         if (e.autosize) {
-          const t = ve(e.autosize) ? e.autosize.minRows : void 0, n = ve(e.autosize) ? e.autosize.maxRows : void 0;
+          const t = ve(e.autosize) ? e.autosize.minRows : void 0, o = ve(e.autosize) ? e.autosize.maxRows : void 0;
           O.value = {
-            ...ye(b.value, t, n)
+            ...he(p.value, t, o)
           };
         } else
           O.value = {
-            minHeight: ye(b.value).minHeight
+            minHeight: he(p.value).minHeight
           };
     }, z = () => {
       const t = k.value;
       !t || t.value === f.value || (t.value = f.value);
     }, W = async (t) => {
       Be();
-      let { value: n } = t.target;
-      if (d.value.maxlength && n.length >= d.value.maxlength && (n = n.slice(0, Number(d.value.maxlength))), e.formatter && (n = e.parser ? e.parser(n) : n, n = e.formatter(n)), !C.value) {
-        if (n === f.value) {
+      let { value: o } = t.target;
+      if (d.value.maxlength && o.length >= d.value.maxlength && (o = o.slice(0, Number(d.value.maxlength))), e.formatter && (o = e.parser ? e.parser(o) : o, o = e.formatter(o)), !C.value) {
+        if (o === f.value) {
           z();
           return;
         }
-        s(Q, n), s("input", n), await E(), z(), Ae();
+        s(Q, o), s("input", o), await E(), z(), Ae();
       }
-    }, ne = (t) => {
+    }, oe = (t) => {
       s("change", t.target.value);
     }, Fe = () => {
       s("suffixClick", e.modelValue);
@@ -163,8 +163,8 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       s("compositionstart", t), C.value = !0;
     }, Ke = (t) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(t), se = (t) => {
       s("compositionupdate", t);
-      const n = t.target?.value, p = n[n.length - 1] || "";
-      C.value = !Ke(p);
+      const o = t.target?.value, y = o[o.length - 1] || "";
+      C.value = !Ke(y);
     }, ie = (t) => {
       s("compositionend", t), C.value && (C.value = !1, W(t));
     }, Pe = () => {
@@ -174,14 +174,14 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     }, Re = () => k.value?.blur(), re = (t) => {
       v.value = !0, s("focus", t);
     }, ce = (t) => {
-      v.value = !1, s("blur", t), e.validateEvent && F?.validate?.("blur").catch((n) => J(n));
+      v.value = !1, s("blur", t), e.validateEvent && F?.validate?.("blur").catch((o) => J(o));
     }, $e = (t) => {
       N.value = !1, s("mouseleave", t);
     }, De = (t) => {
       N.value = !0, s("mouseenter", t);
     }, de = (t) => {
-      let n = t.key;
-      if (t.target.type === "number" && ["e", "+", "-0", "E"].includes(n))
+      let o = t.key;
+      if (t.target.type === "number" && ["e", "+", "-0", "E"].includes(o))
         return t.returnValue = !1, !1;
       s("keydown", t);
     }, Ne = () => {
@@ -204,15 +204,15 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
         "VftInput",
         "If you set the parser, you also need to set the formatter."
       ), z(), E(R);
-    }), he({
+    }), xe({
       /** @description HTML input element */
       input: M,
       /** @description HTML textarea element */
-      textarea: b,
+      textarea: p,
       /** @description HTML element, input or textarea */
       ref: k,
       /** @description style of textarea. */
-      textareaStyle: oe,
+      textareaStyle: ne,
       /** @description from props (used on unit test) */
       autosize: e.autosize,
       /** @description HTML input element native method */
@@ -225,109 +225,109 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       clear: fe,
       /** @description resize textarea. */
       resizeTextarea: R
-    }), (t, n) => He((i(), c("div", y(X.value, {
-      class: we.value,
+    }), (t, o) => He((i(), c("div", h(X.value, {
+      class: be.value,
       style: Se.value,
-      role: t.containerRole,
+      role: e.containerRole,
       onMouseenter: De,
       onMouseleave: $e,
-      onMousewheel: n[1] || (n[1] = (p) => t.type === "number" && v.value ? p.preventDefault() : null)
+      onMousewheel: o[1] || (o[1] = (y) => e.type === "number" && v.value ? y.preventDefault() : null)
     }), [
-      t.type !== "textarea" ? (i(), c(q, { key: 0 }, [
+      e.type !== "textarea" ? (i(), c(q, { key: 0 }, [
         t.$slots.prepend ? (i(), c("div", {
           key: 0,
-          class: r(a(o).be("group", "prepend"))
+          class: r(a(n).be("group", "prepend"))
         }, [
           $(t.$slots, "prepend")
         ], 2)) : u("", !0),
-        x("div", {
+        w("div", {
           class: r(ge.value)
         }, [
           t.$slots.prefix || T.value?.icon ? (i(), c("span", {
             key: 0,
-            class: r(a(o).e("prefix"))
+            class: r(a(n).e("prefix"))
           }, [
-            x("span", {
-              class: r(a(o).e("prefix-inner")),
+            w("span", {
+              class: r(a(n).e("prefix-inner")),
               onClick: Me
             }, [
               $(t.$slots, "prefix"),
-              T.value?.icon ? (i(), V(a(B), y({
+              T.value?.icon ? (i(), V(a(B), h({
                 key: 0,
                 pointer: ""
               }, T.value, {
-                class: a(o).e("icon")
+                class: a(n).e("icon")
               }), null, 16, ["class"])) : u("", !0)
             ], 2)
           ], 2)) : u("", !0),
-          x("input", y({
+          w("input", h({
             id: a(Y),
             ref_key: "input",
             ref: M,
-            class: a(o).e("inner")
+            class: a(n).e("inner")
           }, a(d), {
-            type: t.showPassword ? K.value ? "text" : "password" : t.type,
-            disabled: a(h),
-            formatter: t.formatter,
-            parser: t.parser,
-            readonly: t.readonly,
-            autocomplete: t.autocomplete,
-            tabindex: t.tabindex,
-            "aria-label": t.label,
-            placeholder: t.placeholder,
-            style: t.inputStyle,
-            form: t.form,
+            type: e.showPassword ? K.value ? "text" : "password" : e.type,
+            disabled: a(x),
+            formatter: e.formatter,
+            parser: e.parser,
+            readonly: e.readonly,
+            autocomplete: e.autocomplete,
+            tabindex: e.tabindex,
+            "aria-label": e.label,
+            placeholder: e.placeholder,
+            style: e.inputStyle,
+            form: e.form,
             onCompositionstart: le,
             onCompositionupdate: se,
             onCompositionend: ie,
             onInput: W,
             onFocus: re,
             onBlur: ce,
-            onChange: ne,
+            onChange: oe,
             onKeydown: de,
-            onKeyup: n[0] || (n[0] = Ue((p) => s("enter"), ["enter"]))
+            onKeyup: o[0] || (o[0] = Ue((y) => s("enter"), ["enter"]))
           }), null, 16, lt),
           Ve.value ? (i(), c("span", {
             key: 1,
-            class: r(a(o).e("suffix"))
+            class: r(a(n).e("suffix"))
           }, [
-            x("span", {
-              class: r(a(o).e("suffix-inner")),
+            w("span", {
+              class: r(a(n).e("suffix-inner")),
               onClick: Fe
             }, [
-              !P.value || !L.value || !w.value ? (i(), c(q, { key: 0 }, [
+              !P.value || !L.value || !b.value ? (i(), c(q, { key: 0 }, [
                 $(t.$slots, "suffix"),
-                ee.value?.icon ? (i(), V(a(B), y({ key: 0 }, ee.value, {
-                  class: a(o).e("icon")
+                ee.value?.icon ? (i(), V(a(B), h({ key: 0 }, ee.value, {
+                  class: a(n).e("icon")
                 }), null, 16, ["class"])) : u("", !0)
               ], 64)) : u("", !0),
-              P.value ? (i(), V(a(B), y({
+              P.value ? (i(), V(a(B), h({
                 key: 1,
                 pointer: "",
-                class: [a(o).e("icon"), a(o).e("clear")]
+                class: [a(n).e("icon"), a(n).e("clear")]
               }, Ie.value, {
                 onMousedown: me(a(Xe), ["prevent"]),
                 onClick: me(fe, ["stop"])
               }), null, 16, ["class", "onMousedown"])) : u("", !0),
-              L.value ? (i(), V(a(B), y({ key: 2 }, ze.value, {
-                class: [a(o).e("icon"), a(o).e("password")],
+              L.value ? (i(), V(a(B), h({ key: 2 }, ze.value, {
+                class: [a(n).e("icon"), a(n).e("password")],
                 onClick: Pe
               }), null, 16, ["class"])) : u("", !0),
-              w.value ? (i(), c("span", {
+              b.value ? (i(), c("span", {
                 key: 3,
-                class: r(a(o).e("count"))
+                class: r(a(n).e("count"))
               }, [
-                x("span", {
-                  class: r(a(o).e("count-inner"))
+                w("span", {
+                  class: r(a(n).e("count-inner"))
                 }, D(j.value) + " / " + D(a(d).maxlength), 3)
               ], 2)) : u("", !0),
               I.value && ae.value && te.value ? (i(), V(a(B), {
                 key: 4,
                 icon: ae.value,
                 class: r([
-                  a(o).e("icon"),
-                  a(o).e("validateIcon"),
-                  a(o).is("loading", I.value === "validating")
+                  a(n).e("icon"),
+                  a(n).e("validateIcon"),
+                  a(n).is("loading", I.value === "validating")
                 ])
               }, null, 8, ["icon", "class"])) : u("", !0)
             ], 2)
@@ -335,42 +335,42 @@ const nt = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
         ], 2),
         t.$slots.append ? (i(), c("div", {
           key: 1,
-          class: r(a(o).be("group", "append"))
+          class: r(a(n).be("group", "append"))
         }, [
           $(t.$slots, "append")
         ], 2)) : u("", !0)
       ], 64)) : (i(), c(q, { key: 1 }, [
-        x("textarea", y({
+        w("textarea", h({
           id: a(Y),
           ref_key: "textarea",
-          ref: b,
+          ref: p,
           class: a(Z).e("inner")
         }, a(d), {
-          tabindex: t.tabindex,
-          disabled: a(h),
-          readonly: t.readonly,
-          autocomplete: t.autocomplete,
-          style: oe.value,
-          "aria-label": t.label,
-          placeholder: t.placeholder,
-          form: t.form,
+          tabindex: e.tabindex,
+          disabled: a(x),
+          readonly: e.readonly,
+          autocomplete: e.autocomplete,
+          style: ne.value,
+          "aria-label": e.label,
+          placeholder: e.placeholder,
+          form: e.form,
           onCompositionstart: le,
           onCompositionupdate: se,
           onCompositionend: ie,
           onInput: W,
           onFocus: re,
           onBlur: ce,
-          onChange: ne,
+          onChange: oe,
           onKeydown: de
         }), null, 16, st),
-        w.value ? (i(), c("span", {
+        b.value ? (i(), c("span", {
           key: 0,
           style: qe(_.value),
-          class: r(a(o).e("count"))
+          class: r(a(n).e("count"))
         }, D(j.value) + " / " + D(a(d).maxlength), 7)) : u("", !0)
       ], 64))
-    ], 16, nt)), [
-      [Ge, t.type !== "hidden"]
+    ], 16, ot)), [
+      [Ge, e.type !== "hidden"]
     ]);
   }
 });