vft 0.0.89 → 0.0.91

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

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

package/es/components/link/link.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, getCurrentInstance as k, computed as b, openBlock as l, createElementBlock as a, normalizeClass as c, unref as t, createBlock as y, normalizeProps as C, mergeProps as g, createCommentVNode as s, renderSlot as B } from "vue";
+import { defineComponent as u, getCurrentInstance as k, computed as b, openBlock as r, createElementBlock as a, normalizeClass as s, unref as o, createBlock as y, normalizeProps as C, mergeProps as g, createCommentVNode as c, renderSlot as B } from "vue";
 import { singleAttrToObj as P } from "@vft/utils";
 import { VftIcon as R } from "../icon/index.js";
 import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
@@ -8,50 +8,50 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { useRouterHelper as h } from "@vft/router";
-const n = (
+const t = (
   /* hoist-static*/
   $("link")
-), z = u({
-  name: n.b()
-}), v = /* @__PURE__ */ u({
-  ...z,
+), v = u({
+  name: t.b()
+}), w = /* @__PURE__ */ u({
+  ...v,
   props: {
     type: { default: "default" },
     underline: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
-    route: null,
+    route: {},
     isReplace: { type: Boolean },
-    icon: null
+    icon: {}
   },
   emits: ["click"],
-  setup(e, { emit: m }) {
-    const d = k().appContext.config.globalProperties.$router, { go: f } = h(d);
-    function p(o) {
-      e.route && f(e.route, e.isReplace), e.disabled || m("click", o);
+  setup(n, { emit: m }) {
+    const d = k().appContext.config.globalProperties.$router, { go: p } = h(d);
+    function f(e) {
+      n.route && p(n.route, n.isReplace), n.disabled || m("click", e);
     }
-    const r = b(() => P(e.icon, "icon"));
-    return (o, N) => {
+    const l = b(() => P(n.icon, "icon"));
+    return (e, I) => {
       var i;
-      return l(), a("span", {
-        class: c([
-          t(n).b(),
-          t(n).m(e.type),
-          t(n).is("disabled", e.disabled),
-          t(n).is("underline", e.underline && !e.disabled)
+      return r(), a("span", {
+        class: s([
+          o(t).b(),
+          o(t).m(e.type),
+          o(t).is("disabled", e.disabled),
+          o(t).is("underline", e.underline && !e.disabled)
         ]),
-        onClick: p
+        onClick: f
       }, [
-        (i = t(r)) != null && i.icon ? (l(), y(t(R), C(g({ key: 0 }, t(r))), null, 16)) : s("", !0),
-        o.$slots.default ? (l(), a("span", {
+        (i = l.value) != null && i.icon ? (r(), y(o(R), C(g({ key: 0 }, l.value)), null, 16)) : c("", !0),
+        e.$slots.default ? (r(), a("span", {
           key: 1,
-          class: c(t(n).e("inner"))
+          class: s(o(t).e("inner"))
         }, [
-          B(o.$slots, "default")
-        ], 2)) : s("", !0)
+          B(e.$slots, "default")
+        ], 2)) : c("", !0)
       ], 2);
     };
   }
 });
 export {
-  v as default
+  w as default
 };