vft 0.0.150 → 0.0.153

package/es/components/tabs/tab-nav.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as D, getCurrentInstance as ot, inject as et, ref as b, computed as B, watch as z, onMounted as it, onUpdated as nt, createVNode as s, nextTick as rt } from "vue";
-import { useDocumentVisibility as at, useWindowFocus as lt, useResizeObserver as st } from "@vueuse/core";
+import { defineComponent as D, getCurrentInstance as et, inject as it, ref as b, computed as B, watch as z, onMounted as nt, onUpdated as rt, createVNode as s, nextTick as at } from "vue";
+import { useDocumentVisibility as lt, useWindowFocus as st, useResizeObserver as ct } from "@vueuse/core";
 import { capitalize as $ } from "@vft/utils";
-import { throwError as ct } from "../../utils/error.js";
+import { throwError as ut } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash";
 import "../alert/index.js";
@@ -95,15 +95,15 @@ import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
 import { EVENT_CODE as k } from "@vft/constants";
-import { TabsRootContextKey as ut } from "./types.js";
-import mt from "./tab-bar.vue2.js";
+import { TabsRootContextKey as mt } from "./types.js";
+import ft from "./tab-bar.vue2.js";
 const q = (
   /* hoist-static*/
   M("tab-nav")
-), ft = D({
+), pt = D({
   name: q.b()
-}), re = /* @__PURE__ */ D({
-  ...ft,
+}), ae = /* @__PURE__ */ D({
+  ...pt,
   props: {
     panes: {},
     editable: {
@@ -133,19 +133,19 @@ const q = (
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
   setup(i, {
     expose: H,
-    emit: g
+    emit: j
   }) {
     var W;
-    const j = ot(), h = et(ut);
-    h || ct(q.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const n = M("tabs"), U = at(), X = lt(), y = b(), p = b(), x = b(), P = b(), c = b(!1), u = b(0), O = b(!1), T = b(!0), w = B(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), Y = B(() => ({
+    const g = j, U = et(), h = it(mt);
+    h || ut(q.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const n = M("tabs"), X = lt(), Y = st(), y = b(), p = b(), x = b(), P = b(), c = b(!1), u = b(0), O = b(!1), T = b(!0), w = B(() => ["top", "bottom"].includes(h.props.tabPosition) ? "width" : "height"), G = B(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${u.value}px)`
-    })), G = () => {
+    })), J = () => {
       if (!p.value)
         return;
       const t = p.value[`offset${$(w.value)}`], e = u.value;
       e && (u.value = e > t ? e - t : 0);
-    }, J = () => {
+    }, Q = () => {
       if (!p.value || !x.value)
         return;
       const t = x.value[`offset${$(w.value)}`], e = p.value[`offset${$(w.value)}`], o = u.value;
@@ -154,7 +154,7 @@ const q = (
       const t = x.value, e = P.value;
       if (!c.value || !y.value || !p.value || !t)
         return;
-      await rt();
+      await at();
       const o = y.value.querySelector(".is-active");
       if (!o)
         return;
@@ -167,7 +167,7 @@ const q = (
         return;
       const t = x.value[`offset${$(w.value)}`], e = p.value[`offset${$(w.value)}`], o = u.value;
       e < t ? (c.value = c.value || {}, c.value.prev = o, c.value.next = o + e < t, t - o < e && (u.value = t - e)) : (c.value = !1, o > 0 && (u.value = 0));
-    }, Q = (t) => {
+    }, Z = (t) => {
       const e = t.code, {
         up: o,
         down: C,
@@ -182,26 +182,26 @@ const q = (
     }, F = () => {
       T.value && (O.value = !0);
     }, R = () => O.value = !1;
-    z(U, (t) => {
+    z(X, (t) => {
       t === "hidden" ? T.value = !1 : t === "visible" && setTimeout(() => T.value = !0, 50);
-    }), z(X, (t) => {
+    }), z(Y, (t) => {
       t ? setTimeout(() => T.value = !0, 50) : T.value = !1;
-    }), st(y, E), it(() => setTimeout(() => A(), 0)), nt(() => E()), H({
+    }), ct(y, E), nt(() => setTimeout(() => A(), 0)), rt(() => E()), H({
       scrollToActiveTab: A,
       removeFocus: R
-    }), z(() => i.panes, () => j.update(), {
+    }), z(() => i.panes, () => U.update(), {
       flush: "post"
     });
-    const Z = B(() => {
+    const _ = B(() => {
       var t, e;
       return c.value ? [s("span", {
         class: [n.e("nav-prev"), n.is("disabled", !c.value.prev)],
-        onClick: G
+        onClick: J
       }, [(t = i.arrowLeftIconCfg) != null && t.icon ? s(S, i.arrowLeftIconCfg, null) : null]), s("span", {
         class: [n.e("nav-next"), n.is("disabled", !c.value.next)],
-        onClick: J
+        onClick: Q
       }, [(e = i.arrowRightIconCfg) != null && e.icon ? s(S, i.arrowRightIconCfg, null) : null])] : null;
-    }), _ = B(() => (t) => {
+    }), tt = B(() => (t) => {
       var e;
       return (e = i.panes.slice(0, t)) == null ? void 0 : e.map((o, C) => {
         var L, K, V;
@@ -237,7 +237,7 @@ const q = (
           }
         }, [v, l]);
       });
-    }), tt = i.editable || i.addable ? s("span", {
+    }), ot = i.editable || i.addable ? s("span", {
       class: n.e("new-tab"),
       tabindex: "0",
       onClick: () => g("tabAdd"),
@@ -247,21 +247,21 @@ const q = (
     }, [(W = i.addIconCfg) != null && W.icon ? s(S, i.addIconCfg, null) : null]) : null, N = (t = !1) => s("div", {
       class: [n.e("nav"), n.is(h.props.tabPosition), n.is("fixed-nav", t), n.is("stretch", i.stretch && ["top", "bottom"].includes(h.props.tabPosition))],
       ref: t ? P : x,
-      style: t ? {} : Y.value,
+      style: t ? {} : G.value,
       role: "tablist",
-      onKeydown: Q
-    }, [i.showBar ? s(mt, {
+      onKeydown: Z
+    }, [i.showBar ? s(ft, {
       tabs: [...i.panes]
-    }, null) : null, _.value(t ? i.fixTabCount : void 0)]);
+    }, null) : null, tt.value(t ? i.fixTabCount : void 0)]);
     return () => s("div", {
       ref: y,
       class: [n.e("nav-wrap"), n.is("scrollable", !!c.value), n.is(h.props.tabPosition)]
-    }, [Z.value, s("div", {
+    }, [_.value, s("div", {
       class: [n.e("nav-scroll"), n.is("have-fixed-tab", !!i.fixTabCount)],
       ref: p
-    }, [N(), i.fixTabCount ? N(!0) : null, tt])]);
+    }, [N(), i.fixTabCount ? N(!0) : null, ot])]);
   }
 });
 export {
-  re as default
+  ae as default
 };

package/es/components/tabs/tab-pane.vue.d.ts

@@ -1,39 +1,28 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string | number>;
-    };
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    lazy: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    label: {
-        type: globalThis.PropType<string>;
-    };
-    name: {
-        type: globalThis.PropType<string | number>;
-    };
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    disabled: {
-        type: globalThis.PropType<boolean>;
-    };
-    lazy: {
-        type: globalThis.PropType<boolean>;
-    };
-}>>, {}, {}>, {
+interface TabPaneProps {
+    /** 选项卡标题 */
+    label?: string;
+    /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名 */
+    name?: string | number;
+    /** 标签是否可关闭 */
+    closable?: boolean;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 标签是否延迟渲染 */
+    lazy?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabPaneProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/es/components/tabs/tabs.vue.d.ts

@@ -23,50 +23,7 @@ export interface TabsProps {
     fixTabCount?: number;
     fixExtraScrollWidth?: number;
 }
-declare const _default: import("vue").DefineComponent<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    tabPosition: {
-        type: globalThis.PropType<"left" | "right" | "bottom" | "top">;
-    };
-    beforeLeave: {
-        type: globalThis.PropType<Function>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabsProps>, {
     currentName: globalThis.Ref<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
@@ -109,51 +66,8 @@ declare const _default: import("vue").DefineComponent<{
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
-    edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    addable: {
-        type: globalThis.PropType<boolean>;
-    };
-    modelValue: {
-        type: globalThis.PropType<string | number>;
-    };
-    editable: {
-        type: globalThis.PropType<boolean>;
-    };
-    tabPosition: {
-        type: globalThis.PropType<"left" | "right" | "bottom" | "top">;
-    };
-    beforeLeave: {
-        type: globalThis.PropType<Function>;
-    };
-    stretch: {
-        type: globalThis.PropType<boolean>;
-    };
-    showBar: {
-        type: globalThis.PropType<boolean>;
-    };
-    closeIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    addIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowLeftIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    arrowRightIconCfg: {
-        type: globalThis.PropType<IconProps>;
-    };
-    fixTabCount: {
-        type: globalThis.PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: globalThis.PropType<number>;
-    };
-}>> & {
+    edit: (paneName: string | number | undefined, action: "add" | "remove") => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & {
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
@@ -194,6 +108,15 @@ declare const _default: import("vue").DefineComponent<{
         attrs: Record<string, any>;
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
-    onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/components/tabs/tabs.vue2.js

@@ -1,22 +1,22 @@
-import { defineComponent as I, getCurrentInstance as h, useSlots as z, ref as g, watch as v, nextTick as S, computed as i, createVNode as s, provide as M } from "vue";
+import { defineComponent as I, getCurrentInstance as h, useSlots as S, ref as g, watch as v, nextTick as M, computed as c, createVNode as s, provide as W } from "vue";
 import "@vueuse/core";
 import { isUndefined as x } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as W } from "../../hooks/use-namespace/index.js";
-import { useOrderedChildren as D } from "../../hooks/use-ordered-children/index.js";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useOrderedChildren as O } from "../../hooks/use-ordered-children/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { UPDATE_MODEL_EVENT as O } from "@vft/constants";
-import U from "./tab-nav.vue2.js";
-import { TabsRootContextKey as $ } from "./types.js";
+import { UPDATE_MODEL_EVENT as U } from "@vft/constants";
+import $ from "./tab-nav.vue2.js";
+import { TabsRootContextKey as F } from "./types.js";
 const d = (
   /* hoist-static*/
-  W("tabs")
-), F = I({
+  D("tabs")
+), K = I({
   name: d.b()
-}), ae = /* @__PURE__ */ I({
-  ...F,
+}), oe = /* @__PURE__ */ I({
+  ...K,
   props: {
     closable: {
       type: Boolean
@@ -54,90 +54,90 @@ const d = (
   emits: ["update:modelValue", "tabClick", "tabContextMenu", "tabChange", "tabRemove", "tabAdd", "edit"],
   setup(t, {
     expose: w,
-    emit: a
+    emit: T
   }) {
-    const T = h(), n = z(), f = g(), r = g(t.modelValue ?? "0"), u = async (e, o = !1) => {
-      var c, l, C;
+    const a = T, R = h(), n = S(), f = g(), r = g(t.modelValue ?? "0"), u = async (e, o = !1) => {
+      var i, l, C;
       if (!(r.value === e || x(e)))
         try {
-          await ((c = t.beforeLeave) == null ? void 0 : c.call(t, e, r.value)) !== !1 && (r.value = e, o && (a(O, e), a("tabChange", e)), (C = (l = f.value) == null ? void 0 : l.removeFocus) == null || C.call(l));
+          await ((i = t.beforeLeave) == null ? void 0 : i.call(t, e, r.value)) !== !1 && (r.value = e, o && (a(U, e), a("tabChange", e)), (C = (l = f.value) == null ? void 0 : l.removeFocus) == null || C.call(l));
         } catch {
         }
-    }, R = (e, o, c) => {
-      e.props.disabled || (u(o, !0), a("tabClick", e, c));
-    }, y = (e, o) => {
+    }, y = (e, o, i) => {
+      e.props.disabled || (u(o, !0), a("tabClick", e, i));
+    }, L = (e, o) => {
       e.props.disabled || x(e.props.name) || (o.stopPropagation(), a("edit", e.props.name, "remove"), a("tabRemove", e.props.name));
     };
     v(() => t.modelValue, (e) => u(e)), v(r, async () => {
       var e;
-      await S(), (e = f.value) == null || e.scrollToActiveTab();
+      await M(), (e = f.value) == null || e.scrollToActiveTab();
     });
-    const L = () => {
+    const p = () => {
       a("edit", void 0, "add"), a("tabAdd");
-    }, p = (e, o, c) => {
-      a("tabContextMenu", e, o, c);
-    }, b = i(() => {
+    }, B = (e, o, i) => {
+      a("tabContextMenu", e, o, i);
+    }, m = c(() => {
       var e;
       return s("div", {
         class: d.e("content")
       }, [(e = n.default) == null ? void 0 : e.call(n)]);
     }), {
-      children: B,
-      addChild: P,
-      removeChild: E
-    } = D(h(), "vft-tab-pane");
-    M($, {
-      props: T.props,
+      children: P,
+      addChild: E,
+      removeChild: A
+    } = O(h(), "vft-tab-pane");
+    W(F, {
+      props: R.props,
       currentName: r,
-      registerPane: P,
-      unregisterPane: E
+      registerPane: E,
+      unregisterPane: A
     }), w({
       currentName: r
     });
-    const A = i(() => ({
+    const V = c(() => ({
       icon: "icon-plus",
       size: 12,
       ...t.addIconCfg
-    })), V = i(() => ({
+    })), k = c(() => ({
       icon: "icon-close",
       size: 14,
       ...t.closeIconCfg
-    })), k = i(() => ({
+    })), N = c(() => ({
       icon: "icon-arrow-left",
       size: 18,
       ...t.arrowLeftIconCfg
-    })), N = i(() => ({
+    })), z = c(() => ({
       icon: "icon-arrow-right",
       size: 18,
       ...t.arrowRightIconCfg
-    })), m = i(() => {
+    })), b = c(() => {
       var e;
       return s("div", {
         class: [d.e("header"), d.is(t.tabPosition)]
-      }, [s(U, {
+      }, [s($, {
         ref: f,
-        panes: B.value,
+        panes: P.value,
         stretch: t.stretch,
         showBar: t.showBar,
-        closeIconCfg: V.value,
-        addIconCfg: A.value,
-        arrowRightIconCfg: N.value,
-        arrowLeftIconCfg: k.value,
+        closeIconCfg: k.value,
+        addIconCfg: V.value,
+        arrowRightIconCfg: z.value,
+        arrowLeftIconCfg: N.value,
         editable: t.editable,
         fixTabCount: t.fixTabCount,
         fixExtraScrollWidth: t.fixExtraScrollWidth,
         addable: t.addable,
-        onTabClick: R,
-        onTabRemove: y,
-        onTabAdd: L,
-        onTabContextmenu: p
+        onTabClick: y,
+        onTabRemove: L,
+        onTabAdd: p,
+        onTabContextmenu: B
       }, null), (e = n.headerRight) == null ? void 0 : e.call(n)]);
     });
     return () => s("div", {
       class: [d.b(), d.m(t.tabPosition)]
-    }, [...t.tabPosition !== "bottom" ? [m.value, b.value] : [b.value, m.value]]);
+    }, [...t.tabPosition !== "bottom" ? [b.value, m.value] : [m.value, b.value]]);
   }
 });
 export {
-  ae as default
+  oe as default
 };

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

@@ -27,7 +27,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     closable: {
         type: globalThis.PropType<boolean>;
     };

package/es/components/tag/tag.vue.d.ts

@@ -10,61 +10,20 @@ export interface TagProps {
     effect?: 'dark' | 'light' | 'plain';
     round?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<TagType>;
-    };
-    hit: {
-        type: globalThis.PropType<boolean>;
-    };
-    disableTransitions: {
-        type: globalThis.PropType<boolean>;
-    };
-    color: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<ComponentSize>;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark" | "plain">;
-    };
-    round: {
-        type: globalThis.PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TagProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (...args: any[]) => void;
     close: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<{
-    closable: {
-        type: globalThis.PropType<boolean>;
-    };
-    type: {
-        type: globalThis.PropType<TagType>;
-    };
-    hit: {
-        type: globalThis.PropType<boolean>;
-    };
-    disableTransitions: {
-        type: globalThis.PropType<boolean>;
-    };
-    color: {
-        type: globalThis.PropType<string>;
-    };
-    size: {
-        type: globalThis.PropType<ComponentSize>;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark" | "plain">;
-    };
-    round: {
-        type: globalThis.PropType<boolean>;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TagProps>>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/es/components/tag/tag.vue2.js

@@ -1,18 +1,18 @@
-import { defineComponent as u, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
+import { defineComponent as d, useSlots as f, computed as p, createVNode as n, Transition as b, isVNode as y } from "vue";
 import "../form/index.js";
-import { VftIcon as y } from "../icon/index.js";
+import { VftIcon as g } from "../icon/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as g } 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";
-import { useFormSize as h } from "../form/hooks/use-form-common-props.js";
-function k(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !b(e);
+import { useFormSize as k } from "../form/hooks/use-form-common-props.js";
+function C(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !y(e);
 }
-const F = /* @__PURE__ */ u({
+const I = /* @__PURE__ */ d({
   __name: "tag",
   props: {
     closable: {
@@ -37,40 +37,40 @@ const F = /* @__PURE__ */ u({
   },
   emits: ["close", "click"],
   setup(e, {
-    emit: c
+    emit: a
   }) {
-    const l = d(), i = h(), t = g("tag"), s = f(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(i.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
+    const c = a, l = f(), s = k(), t = h("tag"), r = p(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(s.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), m = (o) => {
       c("close", o);
-    }, m = (o) => {
+    }, u = (o) => {
       c("click", o);
-    }, a = () => {
+    }, i = () => {
       var o;
       return n("span", {
-        class: s.value,
+        class: r.value,
         style: {
           backgroundColor: e.color
         },
-        onClick: m
+        onClick: u
       }, [n("span", {
         class: t.e("content")
       }, [(o = l.default) == null ? void 0 : o.call(l)]), e.closable ? n("div", {
         class: t.e("close"),
-        onClick: r
-      }, [n(y, {
+        onClick: m
+      }, [n(g, {
         icon: "icon-close"
       }, null)]) : ""]);
     };
     return () => {
       let o;
-      return e.disableTransitions ? a() : n(p, {
+      return e.disableTransitions ? i() : n(b, {
         name: `${t.namespace.value}-zoom-in-center`,
         appear: !0
-      }, k(o = a()) ? o : {
+      }, C(o = i()) ? o : {
         default: () => [o]
       });
     };
   }
 });
 export {
-  F as default
+  I as default
 };