vft 0.0.71 → 0.0.72

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

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

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

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