vft 0.0.89 → 0.0.91

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

@@ -1,36 +1,36 @@
-import { defineComponent as $, getCurrentInstance as S, inject as C, ref as g, watch as N, nextTick as R, computed as k, openBlock as B, createElementBlock as F, normalizeClass as P, unref as p, normalizeStyle as T } from "vue";
+import { defineComponent as $, getCurrentInstance as S, inject as C, ref as y, watch as N, nextTick as R, computed as k, openBlock as B, createElementBlock as F, normalizeClass as P, unref as g, normalizeStyle as T } from "vue";
 import { TabsRootContextKey as L } from "./types.js";
 import { useNamespace as j } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import { useResizeObserver as D } from "@vueuse/core";
-import { capitalize as c } from "@vft/utils";
+import { capitalize as p } from "@vft/utils";
 import "../../utils/ns-cover.js";
 const M = /* @__PURE__ */ $({
   __name: "tab-bar",
   props: {
-    tabs: null
+    tabs: {}
   },
   setup(h, { expose: x }) {
-    const s = h, _ = S(), l = C(L), m = j("tabs"), a = g(), f = g(), v = () => {
+    const s = h, v = S(), c = C(L), l = j("tabs"), a = y(), m = y(), _ = () => {
       let t = 0, e = 0;
-      const o = ["top", "bottom"].includes(l.props.tabPosition) ? "width" : "height", u = o === "width" ? "x" : "y", z = u === "x" ? "left" : "top";
-      return s.tabs.every((b) => {
-        var d, y;
-        const r = (y = (d = _.parent) == null ? void 0 : d.refs) == null ? void 0 : y[`tab-${b.uid}`];
+      const o = ["top", "bottom"].includes(c.props.tabPosition) ? "width" : "height", f = o === "width" ? "x" : "y", z = f === "x" ? "left" : "top";
+      return s.tabs.every((u) => {
+        var b, d;
+        const r = (d = (b = v.parent) == null ? void 0 : b.refs) == null ? void 0 : d[`tab-${u.uid}`];
         if (!r)
           return !1;
-        if (!b.active)
+        if (!u.active)
           return !0;
-        t = r[`offset${c(z)}`], e = r[`client${c(o)}`];
+        t = r[`offset${p(z)}`], e = r[`client${p(o)}`];
         const i = window.getComputedStyle(r);
         return o === "width" && (s.tabs.length > 1 && (e -= Number.parseFloat(i.paddingLeft) + Number.parseFloat(i.paddingRight)), t += Number.parseFloat(i.paddingLeft)), !1;
       }), {
         [o]: `${e}px`,
-        transform: `translate${c(u)}(${t}px)`
+        transform: `translate${p(f)}(${t}px)`
       };
-    }, n = () => f.value = v();
+    }, n = () => m.value = _();
     N(
       () => s.tabs,
       async () => {
@@ -38,15 +38,15 @@ const M = /* @__PURE__ */ $({
       },
       { immediate: !0 }
     );
-    const w = k(() => l.props.tabPosition);
+    const w = k(() => c.props.tabPosition);
     return D(a, () => n()), x({
       ref: a,
       update: n
     }), (t, e) => (B(), F("div", {
       ref_key: "barRef",
       ref: a,
-      class: P([p(m).e("active-bar"), p(m).is(p(w))]),
-      style: T(f.value)
+      class: P([g(l).e("active-bar"), g(l).is(w.value)]),
+      style: T(m.value)
     }, null, 6));
   }
 });

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

@@ -1,8 +1,8 @@
-import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as ot, createVNode as s, nextTick as et } from "vue";
+import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as ot, createVNode as l, nextTick as et } from "vue";
 import { capitalize as $ } from "@vft/utils";
 import { throwError as it } from "../../utils/error.js";
 import "lodash";
-import { useDocumentVisibility as nt, useWindowFocus as rt, useResizeObserver as lt } from "@vueuse/core";
+import { useDocumentVisibility as nt, useWindowFocus as rt, useResizeObserver as at } from "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "../divider/index.js";
 import { VftIcon as B } from "../icon/index.js";
@@ -86,8 +86,8 @@ import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { EVENT_CODE as T } from "@vft/constants";
-import { TabsRootContextKey as at } from "./types.js";
-import st from "./tab-bar.vue2.js";
+import { TabsRootContextKey as st } from "./types.js";
+import lt from "./tab-bar.vue2.js";
 const V = (
   /* hoist-static*/
   K("tab-nav")
@@ -96,7 +96,7 @@ const V = (
 }), Xo = /* @__PURE__ */ E({
   ...ct,
   props: {
-    panes: null,
+    panes: {},
     editable: {
       type: Boolean
     },
@@ -110,10 +110,10 @@ const V = (
       type: Boolean,
       default: !1
     },
-    closeIconCfg: null,
-    addIconCfg: null,
-    arrowLeftIconCfg: null,
-    arrowRightIconCfg: null
+    closeIconCfg: {},
+    addIconCfg: {},
+    arrowLeftIconCfg: {},
+    arrowRightIconCfg: {}
   },
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
   setup(n, {
@@ -121,7 +121,7 @@ const V = (
     emit: h
   }) {
     var A;
-    const M = Z(), d = _(at);
+    const M = Z(), d = _(st);
     d || it(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
     const e = K("tabs"), q = nt(), H = rt(), y = g(), v = g(), C = g(), m = g(!1), f = g(0), k = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(d.props.tabPosition) ? "width" : "height"), W = I(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${f.value}px)`
@@ -143,9 +143,9 @@ const V = (
       const t = y.value.querySelector(".is-active");
       if (!t)
         return;
-      const i = v.value, b = ["top", "bottom"].includes(d.props.tabPosition), a = t.getBoundingClientRect(), r = i.getBoundingClientRect(), u = b ? o.offsetWidth - r.width : o.offsetHeight - r.height, c = f.value;
-      let l = c;
-      b ? (a.left < r.left && (l = c - (r.left - a.left)), a.right > r.right && (l = c + a.right - r.right)) : (a.top < r.top && (l = c - (r.top - a.top)), a.bottom > r.bottom && (l = c + (a.bottom - r.bottom))), l = Math.max(l, 0), f.value = Math.min(l, u);
+      const i = v.value, b = ["top", "bottom"].includes(d.props.tabPosition), s = t.getBoundingClientRect(), r = i.getBoundingClientRect(), u = b ? o.offsetWidth - r.width : o.offsetHeight - r.height, c = f.value;
+      let a = c;
+      b ? (s.left < r.left && (a = c - (r.left - s.left)), s.right > r.right && (a = c + s.right - r.right)) : (s.top < r.top && (a = c - (r.top - s.top)), s.bottom > r.bottom && (a = c + (s.bottom - r.bottom))), a = Math.max(a, 0), f.value = Math.min(a, u);
     }, z = () => {
       if (!C.value || !v.value)
         return;
@@ -155,14 +155,14 @@ const V = (
       const t = o.code, {
         up: i,
         down: b,
-        left: a,
+        left: s,
         right: r
       } = T;
-      if (![i, b, a, r].includes(t))
+      if (![i, b, s, r].includes(t))
         return;
       const u = Array.from(o.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(o.target);
-      let l;
-      t === a || t === i ? c === 0 ? l = u.length - 1 : l = c - 1 : c < u.length - 1 ? l = c + 1 : l = 0, u[l].focus(), u[l].click(), P();
+      let a;
+      t === s || t === i ? c === 0 ? a = u.length - 1 : a = c - 1 : c < u.length - 1 ? a = c + 1 : a = 0, u[a].focus(), u[a].click(), P();
     }, P = () => {
       x.value && (k.value = !0);
     }, S = () => k.value = !1;
@@ -170,7 +170,7 @@ const V = (
       o === "hidden" ? x.value = !1 : o === "visible" && setTimeout(() => x.value = !0, 50);
     }), O(H, (o) => {
       o ? setTimeout(() => x.value = !0, 50) : x.value = !1;
-    }), lt(y, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), D({
+    }), at(y, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), D({
       scrollToActiveTab: R,
       removeFocus: S
     }), O(() => n.panes, () => M.update(), {
@@ -178,26 +178,26 @@ const V = (
     });
     const Y = I(() => {
       var o, t;
-      return m.value ? [s("span", {
+      return m.value ? [l("span", {
         class: [e.e("nav-prev"), e.is("disabled", !m.value.prev)],
         onClick: j
-      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? s(B, n.arrowLeftIconCfg, null) : null]), s("span", {
+      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? l(B, n.arrowLeftIconCfg, null) : null]), l("span", {
         class: [e.e("nav-next"), e.is("disabled", !m.value.next)],
         onClick: U
-      }, [(t = n.arrowRightIconCfg) != null && t.icon ? s(B, n.arrowRightIconCfg, null) : null])] : null;
+      }, [(t = n.arrowRightIconCfg) != null && t.icon ? l(B, n.arrowRightIconCfg, null) : null])] : null;
     }), G = I(() => {
       var o;
       return (o = n.panes) == null ? void 0 : o.map((t, i) => {
         var N, F, L;
-        const b = t.uid, a = t.props.disabled, r = t.props.name ?? t.index ?? `${i}`, u = !a && (t.isClosable || n.editable);
+        const b = t.uid, s = t.props.disabled, r = t.props.name ?? t.index ?? `${i}`, u = !s && (t.isClosable || n.editable);
         t.index = `${i}`;
-        const c = u ? s("span", {
+        const c = u ? l("span", {
           class: "is-icon-close",
           onClick: (p) => h("tabRemove", t, p)
-        }, [(N = n.closeIconCfg) != null && N.icon ? s(B, n.closeIconCfg, null) : null]) : null, l = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !a && t.active ? 0 : -1;
-        return s("div", {
+        }, [(N = n.closeIconCfg) != null && N.icon ? l(B, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !s && t.active ? 0 : -1;
+        return l("div", {
           ref: `tab-${b}`,
-          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", a), e.is("closable", u), e.is("focus", k.value)],
+          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", s), e.is("closable", u), e.is("focus", k.value)],
           id: `tab-${r}`,
           key: `tab-${b}`,
           "aria-controls": `pane-${r}`,
@@ -219,29 +219,29 @@ const V = (
           onKeydown: (p) => {
             u && (p.code === T.delete || p.code === T.backspace) && h("tabRemove", t, p);
           }
-        }, [l, c]);
+        }, [a, c]);
       });
-    }), J = n.editable || n.addable ? s("span", {
+    }), J = n.editable || n.addable ? l("span", {
       class: e.e("new-tab"),
       tabindex: "0",
       onClick: () => h("tabAdd"),
       onKeydown: (o) => {
         o.code === T.enter && h("tabAdd");
       }
-    }, [(A = n.addIconCfg) != null && A.icon ? s(B, n.addIconCfg, null) : null]) : null;
-    return () => s("div", {
+    }, [(A = n.addIconCfg) != null && A.icon ? l(B, n.addIconCfg, null) : null]) : null;
+    return () => l("div", {
       ref: y,
       class: [e.e("nav-wrap"), e.is("scrollable", !!m.value), e.is(d.props.tabPosition)]
-    }, [Y.value, s("div", {
+    }, [Y.value, l("div", {
       class: e.e("nav-scroll"),
       ref: v
-    }, [s("div", {
+    }, [l("div", {
       class: [e.e("nav"), e.is(d.props.tabPosition), e.is("stretch", n.stretch && ["top", "bottom"].includes(d.props.tabPosition))],
       ref: C,
       style: W.value,
       role: "tablist",
       onKeydown: X
-    }, [n.showBar ? s(st, {
+    }, [n.showBar ? l(lt, {
       tabs: [...n.panes]
     }, null) : null, G.value]), J])]);
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as m, computed as d, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as t, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
+import { defineComponent as b, getCurrentInstance as y, useSlots as C, inject as B, ref as m, computed as d, watch as g, reactive as w, onMounted as N, onUnmounted as k, unref as o, withDirectives as x, openBlock as z, createElementBlock as R, normalizeClass as S, renderSlot as _, vShow as $, createCommentVNode as E } from "vue";
 import "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
 import "lodash";
@@ -16,44 +16,44 @@ const I = ["id", "aria-hidden", "aria-labelledby"], i = (
 }), O = /* @__PURE__ */ b({
   ...K,
   props: {
-    label: null,
-    name: null,
+    label: {},
+    name: {},
     closable: { type: Boolean },
     disabled: { type: Boolean },
     lazy: { type: Boolean }
   },
-  setup(o) {
-    const n = y(), f = C(), a = B(j);
-    a || P(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
-    const r = m(), v = d(() => o.closable || a.props.closable), e = p(() => a.currentName.value === (o.name ?? r.value)), c = m(e.value), l = d(() => o.name ?? r.value), h = p(() => !o.lazy || c.value || e.value);
-    g(e, (s) => {
-      s && (c.value = !0);
+  setup(a) {
+    const n = y(), v = C(), t = B(j);
+    t || P(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
+    const r = m(), f = d(() => a.closable || t.props.closable), e = p(() => t.currentName.value === (a.name ?? r.value)), c = m(e.value), s = d(() => a.name ?? r.value), h = p(() => !a.lazy || c.value || e.value);
+    g(e, (l) => {
+      l && (c.value = !0);
     });
     const u = w({
       uid: n.uid,
-      slots: f,
+      slots: v,
       props: n.props,
-      paneName: l,
+      paneName: s,
       active: e,
       index: r,
-      isClosable: v,
+      isClosable: f,
       attrs: n.attrs
     });
     return N(() => {
-      a.registerPane(u);
+      t.registerPane(u);
     }), k(() => {
-      a.unregisterPane(u.uid);
-    }), (s, M) => t(h) ? x((z(), R("div", {
+      t.unregisterPane(u.uid);
+    }), (l, M) => o(h) ? x((z(), R("div", {
       key: 0,
-      id: `pane-${t(l)}`,
-      class: S(t(i).b()),
+      id: `pane-${s.value}`,
+      class: S(o(i).b()),
       role: "tabpanel",
-      "aria-hidden": !t(e),
-      "aria-labelledby": `tab-${t(l)}`
+      "aria-hidden": !o(e),
+      "aria-labelledby": `tab-${s.value}`
     }, [
-      _(s.$slots, "default")
+      _(l.$slots, "default")
     ], 10, I)), [
-      [$, t(e)]
+      [$, o(e)]
     ]) : E("", !0);
   }
 });

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
+import { defineComponent as u, useSlots as d, computed as f, createVNode as n, Transition as p, isVNode as b } from "vue";
 import { VftIcon as y } from "../icon/index.js";
 import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
@@ -12,13 +12,13 @@ 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);
 }
-const F = /* @__PURE__ */ m({
+const F = /* @__PURE__ */ u({
   __name: "tag",
   props: {
     closable: {
       type: Boolean
     },
-    type: null,
+    type: {},
     hit: {
       type: Boolean
     },
@@ -26,8 +26,8 @@ const F = /* @__PURE__ */ m({
       type: Boolean,
       default: !0
     },
-    color: null,
-    size: null,
+    color: {},
+    size: {},
     effect: {
       default: "light"
     },
@@ -41,7 +41,7 @@ const F = /* @__PURE__ */ m({
   }) {
     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) => {
       c("close", o);
-    }, u = (o) => {
+    }, m = (o) => {
       c("click", o);
     }, a = () => {
       var o;
@@ -50,7 +50,7 @@ const F = /* @__PURE__ */ m({
         style: {
           backgroundColor: e.color
         },
-        onClick: u
+        onClick: m
       }, [n("span", {
         class: t.e("content")
       }, [(o = l.default) == null ? void 0 : o.call(l)]), e.closable ? n("div", {