vft 0.0.127 → 0.0.129

package/es/components/input/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./input.vue2.js";
 const s = t(o);
 export {

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

@@ -1,17 +1,17 @@
-import { defineComponent as Le, useAttrs as Oe, useSlots as je, computed as l, getCurrentInstance as We, shallowRef as q, ref as E, watch as G, nextTick as V, onMounted as He, withDirectives as Ue, 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 qe, withModifiers as ye, toDisplayString as D, normalizeStyle as Ge, vShow as Je } from "vue";
+import { defineComponent as Le, useAttrs as Oe, useSlots as je, computed as l, getCurrentInstance as We, shallowRef as q, ref as V, watch as G, nextTick as B, onMounted as He, withDirectives as Ue, 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 F, withKeys as qe, withModifiers as ye, toDisplayString as D, normalizeStyle as Ge, vShow as Je } from "vue";
+import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
+import { useAttrs as Qe } from "@vft/use";
+import { isString as A, singleAttrToObj as X, noop as Xe, isObject as he } from "@vft/utils";
 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 Xe } from "lodash";
-import "../../hooks/use-z-index/index.js";
+import { VftIcon as K } from "../icon/index.js";
 import { useResizeObserver as Ye, isClient as Ze } from "@vueuse/core";
-import { isString as A, singleAttrToObj as Q, noop as _e, isObject as be } from "@vft/utils";
-import { debugWarn as X } from "../../utils/error.js";
+import { debugWarn as Y } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { UPDATE_MODEL_EVENT as Y } from "@vft/constants";
-import { useAttrs as ea } from "@vft/use";
+import { isNil as _e } from "lodash";
+import { useCursor as ea } from "../../hooks/use-cursor/index.js";
+import { useNamespace as be } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
 import { calcTextareaHeight as we } 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";
@@ -44,7 +44,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
     inputStyle: {}
   },
   emits: {
-    [Y]: (a) => A(a),
+    [Q]: (a) => A(a),
     input: (a) => A(a),
     change: (a) => A(a),
     suffixClick: (a) => A(a),
@@ -80,15 +80,19 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
         [o.bm("suffix", "password-clear")]: R.value && W.value
       },
       C.class
-    ]), Ce = We(), ke = l(() => [o.e("wrapper"), o.is("focus", w.value)]), f = ea({
+    ]), Ce = We(), ke = l(() => [o.e("wrapper"), o.is("focus", w.value)]), f = Qe({
       excludeKeys: l(() => Object.keys(Z.value))
     }), { form: T, formItem: u } = aa(), { inputId: _ } = ta(Ce.props, {
       formItemContext: u
-    }), ze = oa(), h = na(), o = he("input"), ee = he("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 })), Ie = 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"), Se = l(
-      () => M.value ? { icon: "ico-ep:view", size: 16 } : { icon: "ico-ep:hide", size: 16 }
+    }), ze = oa(), h = na(), o = be("input"), ee = be("textarea"), M = q(), b = q(), w = V(!1), L = V(!1), k = V(!1), P = V(!1), ae = V(), O = q(a.inputStyle), z = l(() => M.value || b.value), j = l(() => X(a.prefixIcon, "icon", { size: 16 })), te = l(() => X(a.suffixIcon, "icon", { size: 16 })), Ie = l(() => X(a.clearIcon, "icon", { icon: "icon-circle-close", size: 16 })), oe = l(() => (T == null ? void 0 : T.statusIcon) ?? !1), I = l(() => (u == null ? void 0 : u.validateState) || ""), ne = l(() => I.value && {
+      validating: "icon-loading",
+      success: "icon-circle-check",
+      error: "icon-circle-close"
+    }[I.value]), Se = l(
+      () => P.value ? { icon: "icon-view", size: 16 } : { icon: "icon-hide", size: 16 }
     ), Ee = l(() => [C.style, a.inputStyle]), le = l(
       () => [a.inputStyle, O.value, { resize: a.resize }]
-    ), p = l(() => Xe(a.modelValue) ? "" : String(a.modelValue)), R = l(
+    ), p = l(() => _e(a.modelValue) ? "" : String(a.modelValue)), R = l(
       () => a.clearable && !h.value && !a.readonly && !!p.value && (w.value || L.value)
     ), W = l(
       () => a.showPassword && !h.value && !a.readonly && !!p.value && (!!p.value || w.value)
@@ -100,8 +104,8 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
         !!x.value && H.value > Number(f.value.maxlength)
       )
     ), Be = l(
-      () => !!m.suffix || !!a.suffixIcon || R.value || a.showPassword || x.value || !!P.value && oe.value
-    ), [Fe, Ae] = Qe(K);
+      () => !!m.suffix || !!a.suffixIcon || R.value || a.showPassword || x.value || !!I.value && oe.value
+    ), [Fe, Ae] = ea(M);
     Ye(b, (e) => {
       if (!x.value || a.resize !== "both")
         return;
@@ -114,7 +118,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
     const $ = () => {
       if (!(!Ze || a.type !== "textarea"))
         if (a.autosize) {
-          const e = be(a.autosize) ? a.autosize.minRows : void 0, n = be(a.autosize) ? a.autosize.maxRows : void 0;
+          const e = he(a.autosize) ? a.autosize.minRows : void 0, n = he(a.autosize) ? a.autosize.maxRows : void 0;
           O.value = {
             ...we(b.value, e, n)
           };
@@ -122,7 +126,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
           O.value = {
             minHeight: we(b.value).minHeight
           };
-    }, I = () => {
+    }, S = () => {
       const e = z.value;
       !e || e.value === p.value || (e.value = p.value);
     }, U = async (e) => {
@@ -130,10 +134,10 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       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();
+          S();
           return;
         }
-        s(Y, n), s("input", n), await V(), I(), Ae();
+        s(Q, n), s("input", n), await B(), S(), Ae();
       }
     }, se = (e) => {
       s("change", e.target.value);
@@ -143,18 +147,18 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       s("prefixClick", a.modelValue);
     }, ie = (e) => {
       s("compositionstart", e), k.value = !0;
-    }, Pe = (e) => /([(\uAC00-\uD7AF)|(\u3130-\u318F)])+/gi.test(e), ue = (e) => {
-      var S;
+    }, Pe = (e) => /([(\uAC00-\uD7AF)|\u3130-\u318F])+/.test(e), ue = (e) => {
+      var E;
       s("compositionupdate", e);
-      const n = (S = e.target) == null ? void 0 : S.value, v = n[n.length - 1] || "";
+      const n = (E = e.target) == null ? void 0 : E.value, v = n[n.length - 1] || "";
       k.value = !Pe(v);
     }, re = (e) => {
       s("compositionend", e), k.value && (k.value = !1, U(e));
     }, Re = () => {
-      M.value = !M.value, ce();
+      P.value = !P.value, ce();
     }, ce = async () => {
       var e;
-      await V(), (e = z.value) == null || e.focus();
+      await B(), (e = z.value) == null || e.focus();
     }, $e = () => {
       var e;
       return (e = z.value) == null ? void 0 : e.blur();
@@ -162,7 +166,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       w.value = !0, s("focus", e);
     }, fe = (e) => {
       var 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)));
+      w.value = !1, s("blur", e), a.validateEvent && ((n = u == null ? void 0 : u.validate) == null || n.call(u, "blur").catch((v) => Y(v)));
     }, Ne = (e) => {
       L.value = !1, s("mouseleave", e);
     }, De = (e) => {
@@ -176,24 +180,24 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       var e;
       (e = z.value) == null || e.select();
     }, pe = () => {
-      s(Y, ""), s("change", ""), s("clear"), s("input", "");
+      s(Q, ""), s("change", ""), s("clear"), s("input", "");
     };
     return G(
       () => a.modelValue,
       () => {
         var e;
-        V(() => $()), a.validateEvent && ((e = u == null ? void 0 : u.validate) == null || e.call(u, "change").catch((n) => X(n)));
+        B(() => $()), a.validateEvent && ((e = u == null ? void 0 : u.validate) == null || e.call(u, "change").catch((n) => Y(n)));
       }
-    ), G(p, () => I()), G(
+    ), G(p, () => S()), G(
       () => a.type,
       async () => {
-        await V(), I(), $();
+        await B(), S(), $();
       }
     ), He(() => {
-      !a.formatter && a.parser && X("VftInput", "If you set the parser, you also need to set the formatter."), I(), V($);
+      !a.formatter && a.parser && Y("VftInput", "If you set the parser, you also need to set the formatter."), S(), B($);
     }), xe({
       /** @description HTML input element */
-      input: K,
+      input: M,
       /** @description HTML textarea element */
       textarea: b,
       /** @description HTML element, input or textarea */
@@ -213,7 +217,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       /** @description resize textarea. */
       resizeTextarea: $
     }), (e, n) => {
-      var v, S, me;
+      var v, E, me;
       return Ue((i(), d("div", y(Z.value, {
         class: ge.value,
         style: Ee.value,
@@ -240,7 +244,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
                 onClick: Me
               }, [
                 N(e.$slots, "prefix"),
-                (S = j.value) != null && S.icon ? (i(), B(t(F), y({
+                (E = j.value) != null && E.icon ? (i(), F(t(K), y({
                   key: 0,
                   pointer: ""
                 }, j.value, {
@@ -251,10 +255,10 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
             g("input", y({
               id: t(_),
               ref_key: "input",
-              ref: K,
+              ref: M,
               class: t(o).e("inner")
             }, t(f), {
-              type: e.showPassword ? M.value ? "text" : "password" : e.type,
+              type: e.showPassword ? P.value ? "text" : "password" : e.type,
               disabled: t(h),
               formatter: e.formatter,
               parser: e.parser,
@@ -285,19 +289,19 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
               }, [
                 !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, {
+                  (me = te.value) != null && me.icon ? (i(), F(t(K), y({ key: 0 }, te.value, {
                     class: t(o).e("icon")
                   }), null, 16, ["class"])) : r("", !0)
                 ], 64)) : r("", !0),
-                R.value ? (i(), B(t(F), y({
+                R.value ? (i(), F(t(K), y({
                   key: 1,
                   pointer: "",
                   class: [t(o).e("icon"), t(o).e("clear")]
                 }, Ie.value, {
-                  onMousedown: ye(t(_e), ["prevent"]),
+                  onMousedown: ye(t(Xe), ["prevent"]),
                   onClick: ye(pe, ["stop"])
                 }), null, 16, ["class", "onMousedown", "onClick"])) : r("", !0),
-                W.value ? (i(), B(t(F), y({ key: 2 }, Se.value, {
+                W.value ? (i(), F(t(K), y({ key: 2 }, Se.value, {
                   class: [t(o).e("icon"), t(o).e("password")],
                   onClick: Re
                 }), null, 16, ["class"])) : r("", !0),
@@ -309,10 +313,10 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
                     class: c(t(o).e("count-inner"))
                   }, D(H.value) + " / " + D(t(f).maxlength), 3)
                 ], 2)) : r("", !0),
-                P.value && ne.value && oe.value ? (i(), B(t(F), {
+                I.value && ne.value && oe.value ? (i(), F(t(K), {
                   key: 4,
                   icon: ne.value,
-                  class: c([t(o).e("icon"), t(o).e("validateIcon"), t(o).is("loading", P.value === "validating")])
+                  class: c([t(o).e("icon"), t(o).e("validateIcon"), t(o).is("loading", I.value === "validating")])
                 }, null, 8, ["icon", "class"])) : r("", !0)
               ], 2)
             ], 2)) : r("", !0)

package/es/components/input-number/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import m from "./input-number.vue2.js";
 const s = t(m);
 export {

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

@@ -1,25 +1,25 @@
-import { defineComponent as L, ref as ee, reactive as ne, computed as f, watch as te, onMounted as le, onUpdated as ue, openBlock as P, createElementBlock as B, normalizeClass as O, unref as u, withModifiers as V, withDirectives as R, withKeys as h, createVNode as T, createCommentVNode as W } from "vue";
-import { isNil as b } from "lodash";
-import { VftInput as ie } from "../input/index.js";
-import { VftIcon as Y } from "../icon/index.js";
+import { defineComponent as j, ref as ee, reactive as ne, computed as f, watch as te, onMounted as le, onUpdated as ue, openBlock as P, createElementBlock as B, normalizeClass as O, unref as u, withModifiers as V, withDirectives as W, withKeys as h, createVNode as T, createCommentVNode as Y } from "vue";
+import { isNumber as s, isUndefined as y, isString as ie } from "@vft/utils";
 import "../form/index.js";
-import { vRepeatClick as $ } from "./directives.js";
-import { useNamespace as ae } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
+import { VftIcon as $ } from "../icon/index.js";
+import { VftInput as ae } from "../input/index.js";
+import { CHANGE_EVENT as H, INPUT_EVENT as w, UPDATE_MODEL_EVENT as b } from "../../constants/event.js";
 import "@vueuse/core";
-import { isNumber as s, isUndefined as y, isString as re } from "@vft/utils";
 import { debugWarn as D } from "../../utils/error.js";
-import { CHANGE_EVENT as H, INPUT_EVENT as w, UPDATE_MODEL_EVENT as v } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
+import { isNil as v } from "lodash";
+import { useNamespace as re } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { vRepeatClick as L } from "./directives.js";
 import { useFormItem as oe } from "../form/hooks/use-form-item.js";
 import { useFormSize as se, useFormDisabled as ce } from "../form/hooks/use-form-common-props.js";
 const de = ["onKeydown"], me = ["onKeydown"], c = (
   /* hoist-static*/
-  ae("input-number")
-), fe = L({
+  re("input-number")
+), fe = j({
   name: "vft-input-number"
-}), Be = /* @__PURE__ */ L({
+}), Be = /* @__PURE__ */ j({
   ...fe,
   props: {
     id: { default: void 0 },
@@ -44,8 +44,8 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
     [H]: (n, g) => g !== n,
     blur: (n) => n instanceof FocusEvent,
     focus: (n) => n instanceof FocusEvent,
-    [w]: (n) => s(n) || b(n),
-    [v]: (n) => s(n) || b(n)
+    [w]: (n) => s(n) || v(n),
+    [b]: (n) => s(n) || v(n)
   },
   setup(n, { expose: g, emit: r }) {
     const d = ee(), i = ne({
@@ -55,7 +55,7 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       () => n.modelValue && s(n.modelValue) && n.modelValue <= n.min
     ), M = f(
       () => n.modelValue && s(n.modelValue) && n.modelValue >= n.max
-    ), j = f(() => {
+    ), p = f(() => {
       const e = z(n.step);
       return y(n.precision) ? Math.max(z(n.modelValue), e) : (e > n.precision && D(
         "InputNumber",
@@ -65,7 +65,7 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       if (i.userInput !== null)
         return i.userInput;
       let e = i.currentValue;
-      if (b(e))
+      if (v(e))
         return "";
       if (s(e)) {
         if (Number.isNaN(e))
@@ -74,48 +74,48 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       }
       return e;
     }), F = (e, t) => {
-      if (y(t) && (t = j.value), t === 0)
+      if (y(t) && (t = p.value), t === 0)
         return Math.round(e);
       let l = String(e);
       const a = l.indexOf(".");
       if (a === -1 || !l.replace(".", "").split("")[a + t])
         return e;
-      const G = l.length;
-      return l.charAt(G - 1) === "5" && (l = `${l.slice(0, Math.max(0, G - 1))}6`), Number.parseFloat(Number(l).toFixed(t));
+      const R = l.length;
+      return l.charAt(R - 1) === "5" && (l = `${l.slice(0, Math.max(0, R - 1))}6`), Number.parseFloat(Number(l).toFixed(t));
     }, z = (e) => {
-      if (b(e))
+      if (v(e))
         return 0;
       const t = e.toString(), l = t.indexOf(".");
       let a = 0;
       return l !== -1 && (a = t.length - l - 1), a;
-    }, p = (e, t = 1) => s(e) ? F(e + n.step * t) : i.currentValue, x = () => {
+    }, U = (e, t = 1) => s(e) ? F(e + n.step * t) : i.currentValue, x = () => {
       if (n.readonly || m.value || M.value)
         return;
-      const e = Number(E.value) || 0, t = p(e);
+      const e = Number(E.value) || 0, t = U(e);
       N(t), r(w, i.currentValue);
     }, A = () => {
       if (n.readonly || m.value || K.value)
         return;
-      const e = Number(E.value) || 0, t = p(e, -1);
+      const e = Number(E.value) || 0, t = U(e, -1);
       N(t), r(w, i.currentValue);
     }, C = (e, t) => {
       let l = Number(e);
-      if (b(e) || Number.isNaN(l))
+      if (v(e) || Number.isNaN(l))
         return null;
       if (e === "") {
         if (n.valueOnClear === null)
           return null;
-        l = re(n.valueOnClear) ? { min: n.min, max: n.max }[n.valueOnClear] : n.valueOnClear;
+        l = ie(n.valueOnClear) ? { min: n.min, max: n.max }[n.valueOnClear] : n.valueOnClear;
       }
-      return n.stepStrictly && (l = F(Math.round(l / n.step) * n.step, n.precision)), y(n.precision) || (l = F(l, n.precision)), (l > n.max || l < n.min) && (l = l > n.max ? n.max : n.min, t && r(v, l)), l;
+      return n.stepStrictly && (l = F(Math.round(l / n.step) * n.step, n.precision)), y(n.precision) || (l = F(l, n.precision)), (l > n.max || l < n.min) && (l = l > n.max ? n.max : n.min, t && r(b, l)), l;
     }, N = (e, t = !0) => {
       var S;
       const l = i.currentValue, a = C(e);
       if (!t) {
-        r(v, a);
+        r(b, a);
         return;
       }
-      l !== a && (i.userInput = null, r(v, a), r(H, a, l), n.validateEvent && ((S = o == null ? void 0 : o.validate) == null || S.call(o, "change").catch((U) => D(U))), i.currentValue = a);
+      l !== a && (i.userInput = null, r(b, a), r(H, a, l), n.validateEvent && ((S = o == null ? void 0 : o.validate) == null || S.call(o, "change").catch((G) => D(G))), i.currentValue = a);
     }, q = (e) => {
       i.userInput = e;
       const t = e === "" ? null : Number(e);
@@ -147,7 +147,7 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       const e = (t = d.value) == null ? void 0 : t.input;
       if (e.setAttribute("role", "spinbutton"), Number.isFinite(n.max) ? e.setAttribute("aria-valuemax", String(n.max)) : e.removeAttribute("aria-valuemax"), Number.isFinite(n.min) ? e.setAttribute("aria-valuemin", String(n.min)) : e.removeAttribute("aria-valuemin"), e.setAttribute("aria-valuenow", String(i.currentValue)), e.setAttribute("aria-disabled", String(m.value)), !s(n.modelValue) && n.modelValue !== null) {
         let l = Number(n.modelValue);
-        Number.isNaN(l) && (l = null), r(v, l);
+        Number.isNaN(l) && (l = null), r(b, l);
       }
     }), ue(() => {
       var t;
@@ -169,31 +169,31 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       onDragstart: t[1] || (t[1] = V(() => {
       }, ["prevent"]))
     }, [
-      e.controls ? R((P(), B("span", {
+      e.controls ? W((P(), B("span", {
         key: 0,
         role: "button",
         class: O([u(c).e("decrease"), u(c).is("disabled", K.value)]),
         onKeydown: h(A, ["enter"])
       }, [
-        T(u(Y), {
-          icon: I.value ? "ico-ep:arrow-down" : "ico-ep:minus"
+        T(u($), {
+          icon: I.value ? "icon-arrow-down" : "icon-minus"
         }, null, 8, ["icon"])
       ], 42, de)), [
-        [u($), A]
-      ]) : W("", !0),
-      e.controls ? R((P(), B("span", {
+        [u(L), A]
+      ]) : Y("", !0),
+      e.controls ? W((P(), B("span", {
         key: 1,
         role: "button",
         class: O([u(c).e("increase"), u(c).is("disabled", M.value)]),
         onKeydown: h(x, ["enter"])
       }, [
-        T(u(Y), {
-          icon: I.value ? "ico-ep:arrow-up" : "ico-ep:plus"
+        T(u($), {
+          icon: I.value ? "icon-arrow-up" : "icon-plus"
         }, null, 8, ["icon"])
       ], 42, me)), [
-        [u($), x]
-      ]) : W("", !0),
-      T(u(ie), {
+        [u(L), x]
+      ]) : Y("", !0),
+      T(u(ae), {
         id: e.id,
         ref_key: "input",
         ref: d,

package/es/components/link/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./link.vue2.js";
 const s = t(o);
 export {

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

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

package/es/components/list-cell/index.js

@@ -1,9 +1,9 @@
-import { withInstall as t } from "../../utils/vue/install.js";
-import "vue";
-import "@vft/utils";
-import "lodash";
 import "@vueuse/core";
+import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "lodash";
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
 import o from "./list-cell.vue2.js";
 const a = t(o);
 export {

package/es/components/list-cell/list-cell.vue2.js

@@ -1,15 +1,15 @@
 import { defineComponent as k, ref as _, computed as m, openBlock as c, createElementBlock as a, normalizeStyle as z, normalizeClass as o, unref as e, Fragment as V, renderList as N, createElementVNode as u, createVNode as B, normalizeProps as d, guardReactiveProps as D, toDisplayString as P, createBlock as p, mergeProps as T } from "vue";
-import { VftIcon as g } from "../icon/index.js";
-import { useNamespace as b } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
+import { singleAttrToObj as g, addUnit as v, VNode as b } from "@vft/utils";
+import { VftIcon as h } from "../icon/index.js";
+import "@vueuse/core";
+import { generateCssVars as E } from "../../utils/ns-cover.js";
 import "lodash";
+import { useNamespace as H } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { singleAttrToObj as v, addUnit as h, VNode as E } from "@vft/utils";
-import { generateCssVars as H } from "../../utils/ns-cover.js";
-const S = ["onClick"], n = (
+const S = ["onClick"], l = (
   /* hoist-static*/
-  b("list-cell")
+  H("list-cell")
 ), j = k({
   name: "vft-list-cell"
 }), J = /* @__PURE__ */ k({
@@ -22,40 +22,40 @@ const S = ["onClick"], n = (
   },
   emits: ["item-click"],
   setup(r, { emit: I }) {
-    const f = _(r.activeIndex), C = m(() => r.list.map((t) => (t.leftIcon = v(t.leftIcon, "icon", { size: 16 }), t.rightIcon = v(t.rightIcon, "icon", {
-      icon: "ico-ep:arrow-right",
+    const f = _(r.activeIndex), C = m(() => r.list.map((t) => (t.leftIcon = g(t.leftIcon, "icon", { size: 16 }), t.rightIcon = g(t.rightIcon, "icon", {
+      icon: "icon-arrow-right",
       size: 16
-    }), t))), x = m(() => H({
-      height: h(r.cellHeight),
-      "left-text-distance": h(r.leftTextDistance)
+    }), t))), x = m(() => E({
+      height: v(r.cellHeight),
+      "left-text-distance": v(r.leftTextDistance)
     }, "list-cell"));
     function y(t, i) {
       f.value = i, I("item-click", t, i);
     }
     return (t, i) => (c(), a("div", {
       style: z(x.value),
-      class: o(e(n).b())
+      class: o(e(l).b())
     }, [
-      (c(!0), a(V, null, N(C.value, (l, s) => (c(), a("div", {
-        onClick: (w) => y(l, s),
+      (c(!0), a(V, null, N(C.value, (n, s) => (c(), a("div", {
+        onClick: (w) => y(n, s),
         key: s,
-        class: o([e(n).e("item"), e(n).is("active", f.value === s)])
+        class: o([e(l).e("item"), e(l).is("active", f.value === s)])
       }, [
         u("div", {
-          class: o(e(n).m("left"))
+          class: o(e(l).m("left"))
         }, [
-          B(e(g), d(D(l.leftIcon)), null, 16),
+          B(e(h), d(D(n.leftIcon)), null, 16),
           u("span", {
-            class: o(e(n).e("text"))
-          }, P(l.text), 3)
+            class: o(e(l).e("text"))
+          }, P(n.text), 3)
         ], 2),
         u("div", {
-          class: o(e(n).m("right"))
+          class: o(e(l).m("right"))
         }, [
-          l != null && l.rightContent ? (c(), p(e(E), {
+          n != null && n.rightContent ? (c(), p(e(b), {
             key: 0,
-            content: l.rightContent
-          }, null, 8, ["content"])) : (c(), p(e(g), d(T({ key: 1 }, l.rightIcon)), null, 16))
+            content: n.rightContent
+          }, null, 8, ["content"])) : (c(), p(e(h), d(T({ key: 1 }, n.rightIcon)), null, 16))
         ], 2)
       ], 10, S))), 128))
     ], 6));

package/es/components/loading/directive.js

@@ -1,12 +1,12 @@
-import { isRef as i, ref as x } from "vue";
-import { isObject as p, hyphenate as V, isString as k } from "@vft/utils";
+import { isObject as p, hyphenate as i, isString as x } from "@vft/utils";
+import { isRef as V, ref as k } from "vue";
 import { Loading as y } from "./service.js";
 const f = Symbol("VftLoading"), m = (a, t) => {
   const o = t.instance, e = (c) => p(t.value) ? t.value[c] : void 0, l = (c) => {
-    const u = k(c) && (o == null ? void 0 : o[c]) || c;
-    return u && x(u);
+    const u = x(c) && (o == null ? void 0 : o[c]) || c;
+    return u && k(u);
   }, s = (c) => l(
-    e(c) ?? a.getAttribute(`vft-loading-${V(c)}`)
+    e(c) ?? a.getAttribute(`vft-loading-${i(c)}`)
   ), r = e("fullscreen") ?? t.modifiers.fullscreen, v = {
     text: s("text"),
     svg: s("svg"),
@@ -29,7 +29,7 @@ const f = Symbol("VftLoading"), m = (a, t) => {
   };
 }, n = (a, t) => {
   for (const o of Object.keys(t))
-    i(t[o]) && (t[o].value = a[o]);
+    V(t[o]) && (t[o].value = a[o]);
 }, L = S();
 function S(a) {
   function t(o) {