vft 0.0.142 → 0.0.144

package/es/components/iframe-layout/index.js

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

package/es/components/image/index.d.ts

@@ -54,8 +54,8 @@ export declare const VftImage: import("vft/es/utils").SFCWithInstall<{
             readonly src?: string | undefined;
             readonly loading?: "eager" | "lazy" | undefined;
             onClose?: ((...args: any[]) => any) | undefined;
-            readonly initialIndex?: number | undefined;
             readonly infinite?: boolean | undefined;
+            readonly initialIndex?: number | undefined;
             readonly hideOnClickModal?: boolean | undefined;
             readonly closeOnPressEscape?: boolean | undefined;
             onSwitch?: ((...args: any[]) => any) | undefined;

package/es/components/image/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as t } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import m from "./image.vue2.js";
 import o from "./p-image.vue2.js";

package/es/components/image-viewer/image-viewer.vue2.js

@@ -11,10 +11,10 @@ import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
 const ke = ["src"], a = (
   /* hoist-static*/
   me("image-viewer")
-), ge = Z({
-  name: "vft-image-viewer"
+), be = Z({
+  name: a.b()
 }), Ee = /* @__PURE__ */ Z({
-  ...ge,
+  ...be,
   props: {
     urlList: { default: [] },
     zIndex: {},
@@ -30,7 +30,7 @@ const ke = ["src"], a = (
     switch: (s) => H(s)
   },
   setup(s, { expose: A, emit: X }) {
-    const { nextZIndex: P } = ve(), C = z(), Y = z([]), O = ee(), g = z(!0), m = z(s.initialIndex), l = z({
+    const { nextZIndex: P } = ve(), C = z(), Y = z([]), O = ee(), b = z(!0), m = z(s.initialIndex), l = z({
       scale: 1,
       deg: 0,
       offsetX: 0,
@@ -53,11 +53,11 @@ const ke = ["src"], a = (
           [u, f] = [-f, u];
           break;
       }
-      const b = {
+      const g = {
         transform: `scale(${e}) rotate(${t}deg) translate(${u}px, ${f}px)`,
         transition: h ? "transform .3s" : ""
       };
-      return b.maxWidth = b.maxHeight = "100%", b;
+      return g.maxWidth = g.maxHeight = "100%", g;
     }), G = p(() => H(s.zIndex) ? s.zIndex : P());
     function y() {
       K(), X("close");
@@ -99,20 +99,20 @@ const ke = ["src"], a = (
       O.stop();
     }
     function Q() {
-      g.value = !1;
+      b.value = !1;
     }
     function U(e) {
-      g.value = !1, e.target.alt = "加载失败";
+      b.value = !1, e.target.alt = "加载失败";
     }
     function _(e) {
-      if (g.value || e.button !== 0 || !C.value)
+      if (b.value || e.button !== 0 || !C.value)
         return;
       l.value.enableTransition = !1;
-      const { offsetX: t, offsetY: o } = l.value, r = e.pageX, h = e.pageY, u = T((b) => {
+      const { offsetX: t, offsetY: o } = l.value, r = e.pageX, h = e.pageY, u = T((g) => {
         l.value = {
           ...l.value,
-          offsetX: t + b.pageX - r,
-          offsetY: o + b.pageY - h
+          offsetX: t + g.pageX - r,
+          offsetY: o + g.pageY - h
         };
       }), f = I(document, "mousemove", u);
       I(document, "mouseup", () => {
@@ -129,7 +129,7 @@ const ke = ["src"], a = (
       };
     }
     function B() {
-      g.value || N();
+      b.value || N();
     }
     function L(e) {
       const t = s.urlList.length;
@@ -142,7 +142,7 @@ const ke = ["src"], a = (
       M.value && !s.infinite || L(m.value + 1);
     }
     function k(e, t = {}) {
-      if (g.value)
+      if (b.value)
         return;
       const { rotateDeg: o, enableTransition: r } = {
         rotateDeg: 90,
@@ -172,7 +172,7 @@ const ke = ["src"], a = (
     return R(j, () => {
       te(() => {
         const e = Y.value[0];
-        e != null && e.complete || (g.value = !0);
+        e != null && e.complete || (b.value = !0);
       });
     }), R(m, (e) => {
       N(), X("switch", e);

package/es/components/image-viewer/index.d.ts

@@ -49,11 +49,11 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
                 [key: string]: any;
             }>) => void)[] | undefined;
             onClose?: (() => any) | undefined;
+            readonly infinite?: boolean | undefined;
+            readonly teleported?: boolean | undefined;
             readonly urlList?: string[] | undefined;
             readonly initialIndex?: number | undefined;
-            readonly infinite?: boolean | undefined;
             readonly hideOnClickModal?: boolean | undefined;
-            readonly teleported?: boolean | undefined;
             readonly closeOnPressEscape?: boolean | undefined;
             readonly zoomRate?: number | undefined;
             onSwitch?: ((index: number) => any) | undefined;

package/es/components/image-viewer/index.js

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

package/es/components/input/index.d.ts

@@ -67,12 +67,10 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             onMouseleave?: ((evt: MouseEvent) => any) | undefined;
             readonly placeholder?: string | undefined;
             readonly tabindex?: string | number | undefined;
+            readonly readonly?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             onEnter?: (() => any) | undefined;
             readonly autocomplete?: string | undefined;
-            readonly readonly?: boolean | undefined;
-            readonly validateEvent?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             readonly autosize?: boolean | {
                 minRows?: number | undefined;
                 maxRows?: number | undefined;
@@ -86,7 +84,9 @@ export declare const VftInput: import("vft/es/utils").SFCWithInstall<{
             readonly prefixIcon?: string | import("..").IconProps | undefined;
             readonly clearIcon?: string | import("..").IconProps | undefined;
             readonly containerRole?: string | undefined;
+            readonly validateEvent?: boolean | undefined;
             readonly inputStyle?: import("vue").StyleValue | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             onClear?: (() => any) | undefined;
             onSuffixClick?: ((value: any) => any) | undefined;
             onPrefixClick?: ((value: any) => any) | undefined;

package/es/components/input/index.js

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

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

@@ -1,21 +1,20 @@
 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 { useAttrs as Qe, useCursor as Xe } from "@vft/use";
+import { isString as A, singleAttrToObj as X, noop as Ye, isObject as he } from "@vft/utils";
 import "../form/index.js";
 import { VftIcon as K } from "../icon/index.js";
-import { useResizeObserver as Ye, isClient as Ze } from "@vueuse/core";
+import { useResizeObserver as Ze, isClient as _e } from "@vueuse/core";
 import { debugWarn as Y } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { isNil as _e } from "lodash";
-import { useCursor as ea } from "../../hooks/use-cursor/index.js";
+import { isNil as ea } from "lodash";
 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";
-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__ */ Le({
+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"], Ia = /* @__PURE__ */ Le({
   __name: "input",
   props: {
     id: {},
@@ -106,7 +105,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       O.value,
       { resize: a.resize }
     ]), p = l(
-      () => _e(a.modelValue) ? "" : String(a.modelValue)
+      () => ea(a.modelValue) ? "" : String(a.modelValue)
     ), R = l(
       () => a.clearable && !h.value && !a.readonly && !!p.value && (w.value || L.value)
     ), W = l(
@@ -120,8 +119,8 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       )
     ), Be = l(
       () => !!m.suffix || !!a.suffixIcon || R.value || a.showPassword || x.value || !!I.value && oe.value
-    ), [Fe, Ae] = ea(M);
-    Ye(b, (e) => {
+    ), [Fe, Ae] = Xe(M);
+    Ze(b, (e) => {
       if (!x.value || a.resize !== "both")
         return;
       const n = e[0], { width: v } = n.contentRect;
@@ -131,7 +130,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
       };
     });
     const $ = () => {
-      if (!(!Ze || a.type !== "textarea"))
+      if (!(!_e || 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 = {
@@ -316,7 +315,7 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
                   pointer: "",
                   class: [t(o).e("icon"), t(o).e("clear")]
                 }, Ie.value, {
-                  onMousedown: ye(t(Xe), ["prevent"]),
+                  onMousedown: ye(t(Ye), ["prevent"]),
                   onClick: ye(pe, ["stop"])
                 }), null, 16, ["class", "onMousedown", "onClick"])) : r("", !0),
                 W.value ? (i(), F(t(K), y({ key: 2 }, Se.value, {
@@ -386,5 +385,5 @@ const la = ["role"], sa = ["id", "type", "disabled", "formatter", "parser", "rea
   }
 });
 export {
-  Sa as default
+  Ia as default
 };

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

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

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

@@ -1,5 +1,5 @@
 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 { isNumber as c, isUndefined as y, isString as ie } from "@vft/utils";
 import "../form/index.js";
 import { VftIcon as $ } from "../icon/index.js";
 import { VftInput as ae } from "../input/index.js";
@@ -14,11 +14,11 @@ 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 = (
+const de = ["onKeydown"], me = ["onKeydown"], s = (
   /* hoist-static*/
   re("input-number")
 ), fe = j({
-  name: "vft-input-number"
+  name: s.b()
 }), Be = /* @__PURE__ */ j({
   ...fe,
   props: {
@@ -44,18 +44,18 @@ 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) || v(n),
-    [b]: (n) => s(n) || v(n)
+    [w]: (n) => c(n) || v(n),
+    [b]: (n) => c(n) || v(n)
   },
   setup(n, { expose: g, emit: r }) {
     const d = ee(), i = ne({
       currentValue: n.modelValue,
       userInput: null
     }), { formItem: o } = oe(), K = f(
-      () => n.modelValue && s(n.modelValue) && n.modelValue <= n.min
+      () => n.modelValue && c(n.modelValue) && n.modelValue <= n.min
     ), M = f(
-      () => n.modelValue && s(n.modelValue) && n.modelValue >= n.max
-    ), p = f(() => {
+      () => n.modelValue && c(n.modelValue) && n.modelValue >= n.max
+    ), q = f(() => {
       const e = z(n.step);
       return y(n.precision) ? Math.max(z(n.modelValue), e) : (e > n.precision && D(
         "InputNumber",
@@ -67,14 +67,14 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       let e = i.currentValue;
       if (v(e))
         return "";
-      if (s(e)) {
+      if (c(e)) {
         if (Number.isNaN(e))
           return "";
         y(n.precision) || (e = e == null ? void 0 : e.toFixed(n.precision));
       }
       return e;
     }), F = (e, t) => {
-      if (y(t) && (t = p.value), t === 0)
+      if (y(t) && (t = q.value), t === 0)
         return Math.round(e);
       let l = String(e);
       const a = l.indexOf(".");
@@ -88,7 +88,7 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       const t = e.toString(), l = t.indexOf(".");
       let a = 0;
       return l !== -1 && (a = t.length - l - 1), a;
-    }, U = (e, t = 1) => s(e) ? F(e + n.step * t) : i.currentValue, x = () => {
+    }, U = (e, t = 1) => c(e) ? F(e + n.step * t) : i.currentValue, x = () => {
       if (n.readonly || m.value || M.value)
         return;
       const e = Number(E.value) || 0, t = U(e);
@@ -116,20 +116,20 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
         return;
       }
       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) => {
+    }, J = (e) => {
       i.userInput = e;
       const t = e === "" ? null : Number(e);
       r(w, t), N(t, !1);
-    }, J = (e) => {
+    }, Q = (e) => {
       const t = e !== "" ? Number(e) : "";
-      (s(t) && !Number.isNaN(t) || e === "") && N(t), i.userInput = null;
-    }, Q = () => {
+      (c(t) && !Number.isNaN(t) || e === "") && N(t), i.userInput = null;
+    }, X = () => {
       var e, t;
       (t = (e = d.value) == null ? void 0 : e.focus) == null || t.call(e);
-    }, X = () => {
+    }, Z = () => {
       var e, t;
       (t = (e = d.value) == null ? void 0 : e.blur) == null || t.call(e);
-    }, Z = (e) => {
+    }, p = (e) => {
       r("focus", e);
     }, _ = (e) => {
       var t;
@@ -139,13 +139,13 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       () => n.modelValue,
       (e) => {
         const t = C(i.userInput), l = C(e, !0);
-        !s(t) && (!t || t !== l) && (i.currentValue = l, i.userInput = null);
+        !c(t) && (!t || t !== l) && (i.currentValue = l, i.userInput = null);
       },
       { immediate: !0 }
     ), le(() => {
       var t;
       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) {
+      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)), !c(n.modelValue) && n.modelValue !== null) {
         let l = Number(n.modelValue);
         Number.isNaN(l) && (l = null), r(b, l);
       }
@@ -155,16 +155,16 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       e == null || e.setAttribute("aria-valuenow", `${i.currentValue}`);
     }), g({
       /** @description get focus the input component */
-      focus: Q,
+      focus: X,
       /** @description remove focus the input component */
-      blur: X
+      blur: Z
     }), (e, t) => (P(), B("div", {
       class: O([
-        u(c).b(),
-        u(c).m(u(k)),
-        u(c).is("disabled", u(m)),
-        u(c).is("without-controls", !e.controls),
-        u(c).is("controls-right", I.value)
+        u(s).b(),
+        u(s).m(u(k)),
+        u(s).is("disabled", u(m)),
+        u(s).is("without-controls", !e.controls),
+        u(s).is("controls-right", I.value)
       ]),
       onDragstart: t[1] || (t[1] = V(() => {
       }, ["prevent"]))
@@ -172,7 +172,7 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       e.controls ? W((P(), B("span", {
         key: 0,
         role: "button",
-        class: O([u(c).e("decrease"), u(c).is("disabled", K.value)]),
+        class: O([u(s).e("decrease"), u(s).is("disabled", K.value)]),
         onKeydown: h(A, ["enter"])
       }, [
         T(u($), {
@@ -184,7 +184,7 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
       e.controls ? W((P(), B("span", {
         key: 1,
         role: "button",
-        class: O([u(c).e("increase"), u(c).is("disabled", M.value)]),
+        class: O([u(s).e("increase"), u(s).is("disabled", M.value)]),
         onKeydown: h(x, ["enter"])
       }, [
         T(u($), {
@@ -216,9 +216,9 @@ const de = ["onKeydown"], me = ["onKeydown"], c = (
           h(V(A, ["prevent"]), ["down"])
         ],
         onBlur: _,
-        onFocus: Z,
-        onInput: q,
-        onChange: J
+        onFocus: p,
+        onInput: J,
+        onChange: Q
       }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
     ], 34));
   }

package/es/components/link/index.js

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

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

@@ -1,20 +1,20 @@
-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 { useRouterHelper as v } from "@vft/router";
-import { singleAttrToObj as P } from "@vft/utils";
-import { VftIcon as R } from "../icon/index.js";
+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 { useRouterHelper as P } from "@vft/router";
+import { singleAttrToObj as R } from "@vft/utils";
+import { VftIcon as $ } from "../icon/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as $ } from "../../hooks/use-namespace/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const n = (
+const t = (
   /* hoist-static*/
-  $("link")
-), h = u({
-  name: "vft-link"
+  h("link")
+), v = u({
+  name: t.b()
 }), w = /* @__PURE__ */ u({
-  ...h,
+  ...v,
   props: {
     type: { default: "default" },
     underline: { type: Boolean, default: !0 },
@@ -24,27 +24,27 @@ const n = (
     icon: {}
   },
   emits: ["click"],
-  setup(o, { emit: m }) {
-    const d = k().appContext.config.globalProperties.$router, { go: p } = v(d);
+  setup(n, { emit: m }) {
+    const d = k().appContext.config.globalProperties.$router, { go: p } = P(d);
     function f(e) {
-      o.route && p(o.route, o.isReplace), o.disabled || m("click", e);
+      n.route && p(n.route, n.isReplace), n.disabled || m("click", e);
     }
-    const l = b(() => P(o.icon, "icon"));
+    const l = b(() => R(n.icon, "icon"));
     return (e, I) => {
       var i;
       return r(), a("span", {
         class: s([
-          t(n).b(),
-          t(n).m(e.type),
-          t(n).is("disabled", e.disabled),
-          t(n).is("underline", e.underline && !e.disabled)
+          o(t).b(),
+          o(t).m(e.type),
+          o(t).is("disabled", e.disabled),
+          o(t).is("underline", e.underline && !e.disabled)
         ]),
         onClick: f
       }, [
-        (i = l.value) != null && i.icon ? (r(), y(t(R), C(g({ key: 0 }, l.value)), null, 16)) : c("", !0),
+        (i = l.value) != null && i.icon ? (r(), y(o($), C(g({ key: 0 }, l.value)), null, 16)) : c("", !0),
         e.$slots.default ? (r(), a("span", {
           key: 1,
-          class: s(t(n).e("inner"))
+          class: s(o(t).e("inner"))
         }, [
           B(e.$slots, "default")
         ], 2)) : c("", !0)

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

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

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

@@ -1,5 +1,5 @@
-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 { singleAttrToObj as g, addUnit as v, VNode as b } from "@vft/utils";
+import { defineComponent as k, ref as _, computed as m, openBlock as o, createElementBlock as a, normalizeStyle as z, normalizeClass as c, unref as e, Fragment as V, renderList as N, createElementVNode as u, createVNode as b, normalizeProps as d, guardReactiveProps as B, toDisplayString as D, createBlock as p, mergeProps as P } from "vue";
+import { singleAttrToObj as g, addUnit as v, VNode as T } from "@vft/utils";
 import { VftIcon as h } from "../icon/index.js";
 import "@vueuse/core";
 import { generateCssVars as E } from "../../utils/ns-cover.js";
@@ -11,7 +11,7 @@ const S = ["onClick"], l = (
   /* hoist-static*/
   H("list-cell")
 ), j = k({
-  name: "vft-list-cell"
+  name: l.b()
 }), J = /* @__PURE__ */ k({
   ...j,
   props: {
@@ -35,30 +35,30 @@ const S = ["onClick"], l = (
     function y(t, i) {
       f.value = i, I("item-click", t, i);
     }
-    return (t, i) => (c(), a("div", {
+    return (t, i) => (o(), a("div", {
       style: z(x.value),
-      class: o(e(l).b())
+      class: c(e(l).b())
     }, [
-      (c(!0), a(V, null, N(C.value, (n, s) => (c(), a("div", {
+      (o(!0), a(V, null, N(C.value, (n, s) => (o(), a("div", {
         onClick: (w) => y(n, s),
         key: s,
-        class: o([e(l).e("item"), e(l).is("active", f.value === s)])
+        class: c([e(l).e("item"), e(l).is("active", f.value === s)])
       }, [
         u("div", {
-          class: o(e(l).m("left"))
+          class: c(e(l).m("left"))
         }, [
-          B(e(h), d(D(n.leftIcon)), null, 16),
+          b(e(h), d(B(n.leftIcon)), null, 16),
           u("span", {
-            class: o(e(l).e("text"))
-          }, P(n.text), 3)
+            class: c(e(l).e("text"))
+          }, D(n.text), 3)
         ], 2),
         u("div", {
-          class: o(e(l).m("right"))
+          class: c(e(l).m("right"))
         }, [
-          n != null && n.rightContent ? (c(), p(e(b), {
+          n != null && n.rightContent ? (o(), p(e(T), {
             key: 0,
             content: n.rightContent
-          }, null, 8, ["content"])) : (c(), p(e(h), d(T({ key: 1 }, n.rightIcon)), null, 16))
+          }, null, 8, ["content"])) : (o(), p(e(h), d(P({ key: 1 }, n.rightIcon)), null, 16))
         ], 2)
       ], 10, S))), 128))
     ], 6));

package/es/components/logo/index.js

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

package/es/components/logo/logo.vue2.js

@@ -4,16 +4,16 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as v } from "../../hooks/use-namespace/index.js";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const P = ["src"], t = (
+const _ = ["src"], t = (
   /* hoist-static*/
-  v("logo")
-), _ = a({
-  name: "vft-logo"
+  P("logo")
+), j = a({
+  name: t.b()
 }), D = /* @__PURE__ */ a({
-  ..._,
+  ...j,
   props: {
     title: {},
     logo: {},
@@ -27,7 +27,7 @@ const P = ["src"], t = (
     const u = r(
       () => o.jumpPath ? {} : t.cssVarBlock({ cursor: "inital" })
     );
-    return (n, y) => (f(), d("div", {
+    return (n, b) => (f(), d("div", {
       class: e(i.value),
       onClick: p,
       style: C(u.value)
@@ -36,7 +36,7 @@ const P = ["src"], t = (
         class: e(l(t).e("img")),
         src: n.logo,
         alt: ""
-      }, null, 10, P),
+      }, null, 10, _),
       s("div", {
         class: e(l(t).e("title"))
       }, h(n.title), 3)

package/es/components/md-code-demo/index.js

@@ -1,8 +1,8 @@
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "lodash";
 import { withInstall as o } from "../../utils/vue/install.js";
+import "lodash";
 import "vue";
 import t from "./md-code-demo.js";
 const a = o(t);