vft 0.0.70 → 0.0.72

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

@@ -1,23 +1,21 @@
-import { defineComponent as De, useAttrs as Te, useSlots as We, computed as l, getCurrentInstance as Le, shallowRef as G, ref as E, watch as J, nextTick as V, onMounted as Oe, withDirectives as je, openBlock as i, createElementBlock as d, mergeProps as x, 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, addUnit as Je, noop as Qe, isObject as he } from "@vft/utils";
-import { useResizeObserver as Xe, isClient as Ye } from "@vueuse/core";
-import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
-import { useCursor as Ze } 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 _e } 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 "@vue/reactivity";
-import "@vue/shared";
-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 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"], St = /* @__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,
@@ -43,17 +41,18 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     label: null,
     tabindex: { default: 0 },
     validateEvent: { type: Boolean, default: !0 },
-    inputStyle: null,
-    focusWidth: null
+    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
@@ -63,199 +62,200 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
     compositionend: (e) => e instanceof CompositionEvent
   },
   setup(e, { expose: be, emit: s }) {
-    const C = Te(), y = We(), _ = 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", p.value),
-      n.is("exceed", Ee.value),
-      n.is("focus", h.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 = Le(), Ce = l(() => [n.e("wrapper"), n.is("focus", h.value)]), f = Ge({
-      excludeKeys: l(() => Object.keys(_.value))
-    }), { form: W, formItem: u } = et(), { inputId: ee } = tt(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 = at(), p = nt(), n = xe("input"), te = xe("textarea"), A = G(), b = G(), h = E(!1), L = E(!1), k = E(!1), M = E(!1), ae = E(), O = G(e.inputStyle), z = l(() => A.value || b.value), j = 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(() => (W == null ? void 0 : W.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,
-      e.focusWidth && h.value ? { width: Je(e.focusWidth) } : {}
-    ]), se = l(
+    ), Se = l(() => [C.style, e.inputStyle]), le = l(
       () => [e.inputStyle, O.value, { resize: e.resize }]
-    ), m = l(() => _e(e.modelValue) ? "" : String(e.modelValue)), R = l(
-      () => e.clearable && !p.value && !e.readonly && !!m.value && (h.value || L.value)
-    ), H = l(
-      () => e.showPassword && !p.value && !e.readonly && !!m.value && (!!m.value || h.value)
+    ), 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") && !p.value && !e.readonly && !e.showPassword
-    ), U = l(() => Array.from(m.value).length), Ee = 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(
       () => (
         // 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] = Ze(A);
-    Xe(b, (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 (!(!Ye || 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;
+          const n = xe(e.autosize) ? e.autosize.minRows : void 0, o = xe(e.autosize) ? e.autosize.maxRows : void 0;
           O.value = {
-            ...pe(b.value, a, o)
+            ...pe(p.value, n, o)
           };
         } else
           O.value = {
-            minHeight: pe(b.value).minHeight
+            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) => {
-      h.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;
-      h.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) => {
-      L.value = !1, s("mouseleave", a);
-    }, $e = (a) => {
-      L.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(), $();
       }
-    ), Oe(() => {
-      !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: b,
+      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 je((i(), d("div", x(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(j)) != 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(j)) != null && S.icon ? (i(), B(t(F), x({ key: 0 }, t(j), {
-                  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),
-            g("input", x({
-              id: t(ee),
+            ], 2)) : r("", !0),
+            g("input", h({
+              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(p),
+              disabled: t(x),
               formatter: e.formatter,
               parser: e.parser,
               readonly: e.readonly,
@@ -265,97 +265,96 @@ const ot = ["role"], lt = ["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, lt),
+              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), x({
-                    key: 0,
-                    onClick: Ae
-                  }, t(ne), {
-                    class: t(n).e("icon")
-                  }), null, 16, ["class"])) : c("", !0)
-                ], 64)) : c("", !0),
-                t(R) ? (i(), B(t(F), x({
+                !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(Qe), ["prevent"]),
+                  onMousedown: qe(t(_e), ["prevent"]),
                   onClick: me
-                }), null, 16, ["class", "onMousedown"])) : c("", !0),
-                t(H) ? (i(), B(t(F), x({ 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 }, [
-          g("textarea", x({
-            id: t(ee),
+            N(n.$slots, "append")
+          ], 2)) : r("", !0)
+        ], 64)) : (i(), d(J, { key: 1 }, [
+          g("textarea", h({
+            id: t(_),
             ref_key: "textarea",
-            ref: b,
-            class: t(te).e("inner")
+            ref: p,
+            class: t(ee).e("inner")
           }, t(f), {
             tabindex: e.tabindex,
-            disabled: t(p),
+            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, st),
+          }), 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, ot)), [
-        [qe, e.type !== "hidden"]
+      ], 16, lt)), [
+        [Je, e.type !== "hidden"]
       ]);
     };
   }

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

@@ -1,21 +1,19 @@
-import { defineComponent as m, 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 "@vue/reactivity";
-import "@vue/shared";
 import { useRouterHelper as h } from "@vft/router";
-const o = (
+const n = (
   /* hoist-static*/
-  R("link")
-), z = m({
-  name: o.b()
-}), v = /* @__PURE__ */ m({
+  $("link")
+), z = u({
+  name: n.b()
+}), v = /* @__PURE__ */ u({
   ...z,
   props: {
     type: { default: "default" },
@@ -26,29 +24,29 @@ const o = (
     icon: null
   },
   emits: ["click"],
-  setup(e, { emit: u }) {
-    const { go: d } = h();
-    function f(n) {
-      e.route && d(e.route, e.isReplace), e.disabled || u("click", n);
+  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);
     }
-    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);
     };