vft 0.0.48 → 0.0.51

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

@@ -1,8 +1,9 @@
-import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as et, createVNode as r, nextTick as ot } 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 s, nextTick as et } from "vue";
 import { capitalize as y } from "@vft/utils";
-import { throwError as nt } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
+import { throwError as it } from "../../utils/error.js";
 import "lodash";
+import { useDocumentVisibility as nt, useWindowFocus as lt, useResizeObserver as at } from "@vueuse/core";
+import "../../utils/ns-cover.js";
 import "../divider/index.js";
 import { VftIcon as T } from "../icon/index.js";
 import "../avatar/index.js";
@@ -43,6 +44,22 @@ import "../page-wrapper/index.js";
 import "../exception/index.js";
 import "../search/index.js";
 import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -53,16 +70,17 @@ import "../message/index.js";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useDocumentVisibility as it, useWindowFocus as lt, useResizeObserver as at } from "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import { EVENT_CODE as k } from "@vft/constants";
-import { TabsRootContextKey as st } from "./types.js";
-import rt from "./tab-bar.vue2.js";
+import { TabsRootContextKey as rt } from "./types.js";
+import st from "./tab-bar.vue2.js";
 const V = (
   /* hoist-static*/
   K("tab-nav")
 ), ct = E({
   name: V.b()
-}), be = /* @__PURE__ */ E({
+}), No = /* @__PURE__ */ E({
   ...ct,
   props: {
     panes: null,
@@ -82,136 +100,136 @@ const V = (
     arrowRightIconCfg: null
   },
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
-  setup(i, {
+  setup(n, {
     expose: D,
     emit: C
   }) {
     var A;
-    const M = Z(), b = _(st);
-    b || nt(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const o = K("tabs"), q = it(), H = lt(), $ = g(), d = g(), h = g(), f = g(!1), m = g(0), S = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(b.props.tabPosition) ? "width" : "height"), W = I(() => ({
-      transform: `translate${w.value === "width" ? "X" : "Y"}(-${m.value}px)`
+    const M = Z(), d = _(rt);
+    d || it(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const e = K("tabs"), q = nt(), H = lt(), $ = g(), v = g(), h = g(), m = g(!1), f = g(0), S = 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)`
     })), j = () => {
-      if (!d.value)
+      if (!v.value)
         return;
-      const e = d.value[`offset${y(w.value)}`], t = m.value;
-      t && (m.value = t > e ? t - e : 0);
+      const o = v.value[`offset${y(w.value)}`], t = f.value;
+      t && (f.value = t > o ? t - o : 0);
     }, U = () => {
-      if (!d.value || !h.value)
+      if (!v.value || !h.value)
         return;
-      const e = h.value[`offset${y(w.value)}`], t = d.value[`offset${y(w.value)}`], n = m.value;
-      e - n <= t || (m.value = e - n > t * 2 ? n + t : e - t);
+      const o = h.value[`offset${y(w.value)}`], t = v.value[`offset${y(w.value)}`], i = f.value;
+      o - i <= t || (f.value = o - i > t * 2 ? i + t : o - t);
     }, R = async () => {
-      const e = h.value;
-      if (!f.value || !$.value || !d.value || !e)
+      const o = h.value;
+      if (!m.value || !$.value || !v.value || !o)
         return;
-      await ot();
+      await et();
       const t = $.value.querySelector(".is-active");
       if (!t)
         return;
-      const n = d.value, p = ["top", "bottom"].includes(b.props.tabPosition), s = t.getBoundingClientRect(), l = n.getBoundingClientRect(), u = p ? e.offsetWidth - l.width : e.offsetHeight - l.height, c = m.value;
+      const i = v.value, b = ["top", "bottom"].includes(d.props.tabPosition), r = t.getBoundingClientRect(), l = i.getBoundingClientRect(), u = b ? o.offsetWidth - l.width : o.offsetHeight - l.height, c = f.value;
       let a = c;
-      p ? (s.left < l.left && (a = c - (l.left - s.left)), s.right > l.right && (a = c + s.right - l.right)) : (s.top < l.top && (a = c - (l.top - s.top)), s.bottom > l.bottom && (a = c + (s.bottom - l.bottom))), a = Math.max(a, 0), m.value = Math.min(a, u);
+      b ? (r.left < l.left && (a = c - (l.left - r.left)), r.right > l.right && (a = c + r.right - l.right)) : (r.top < l.top && (a = c - (l.top - r.top)), r.bottom > l.bottom && (a = c + (r.bottom - l.bottom))), a = Math.max(a, 0), f.value = Math.min(a, u);
     }, z = () => {
-      if (!h.value || !d.value)
+      if (!h.value || !v.value)
         return;
-      const e = h.value[`offset${y(w.value)}`], t = d.value[`offset${y(w.value)}`], n = m.value;
-      t < e ? (f.value = f.value || {}, f.value.prev = n, f.value.next = n + t < e, e - n < t && (m.value = e - t)) : (f.value = !1, n > 0 && (m.value = 0));
-    }, X = (e) => {
-      const t = e.code, {
-        up: n,
-        down: p,
-        left: s,
+      const o = h.value[`offset${y(w.value)}`], t = v.value[`offset${y(w.value)}`], i = f.value;
+      t < o ? (m.value = m.value || {}, m.value.prev = i, m.value.next = i + t < o, o - i < t && (f.value = o - t)) : (m.value = !1, i > 0 && (f.value = 0));
+    }, X = (o) => {
+      const t = o.code, {
+        up: i,
+        down: b,
+        left: r,
         right: l
       } = k;
-      if (![n, p, s, l].includes(t))
+      if (![i, b, r, l].includes(t))
         return;
-      const u = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(e.target);
+      const u = Array.from(o.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(o.target);
       let a;
-      t === s || t === n ? 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();
+      t === r || 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 && (S.value = !0);
     }, B = () => S.value = !1;
-    O(q, (e) => {
-      e === "hidden" ? x.value = !1 : e === "visible" && setTimeout(() => x.value = !0, 50);
-    }), O(H, (e) => {
-      e ? setTimeout(() => x.value = !0, 50) : x.value = !1;
-    }), at($, z), tt(() => setTimeout(() => R(), 0)), et(() => z()), D({
+    O(q, (o) => {
+      o === "hidden" ? x.value = !1 : o === "visible" && setTimeout(() => x.value = !0, 50);
+    }), O(H, (o) => {
+      o ? setTimeout(() => x.value = !0, 50) : x.value = !1;
+    }), at($, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), D({
       scrollToActiveTab: R,
       removeFocus: B
-    }), O(() => i.panes, () => M.update(), {
+    }), O(() => n.panes, () => M.update(), {
       flush: "post"
     });
     const Y = I(() => {
-      var e, t;
-      return f.value ? [r("span", {
-        class: [o.e("nav-prev"), o.is("disabled", !f.value.prev)],
+      var o, t;
+      return m.value ? [s("span", {
+        class: [e.e("nav-prev"), e.is("disabled", !m.value.prev)],
         onClick: j
-      }, [(e = i.arrowLeftIconCfg) != null && e.icon ? r(T, i.arrowLeftIconCfg, null) : null]), r("span", {
-        class: [o.e("nav-next"), o.is("disabled", !f.value.next)],
+      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? s(T, n.arrowLeftIconCfg, null) : null]), s("span", {
+        class: [e.e("nav-next"), e.is("disabled", !m.value.next)],
         onClick: U
-      }, [(t = i.arrowRightIconCfg) != null && t.icon ? r(T, i.arrowRightIconCfg, null) : null])] : null;
+      }, [(t = n.arrowRightIconCfg) != null && t.icon ? s(T, n.arrowRightIconCfg, null) : null])] : null;
     }), G = I(() => {
-      var e;
-      return (e = i.panes) == null ? void 0 : e.map((t, n) => {
+      var o;
+      return (o = n.panes) == null ? void 0 : o.map((t, i) => {
         var N, F, L;
-        const p = t.uid, s = t.props.disabled, l = t.props.name ?? t.index ?? `${n}`, u = !s && (t.isClosable || i.editable);
-        t.index = `${n}`;
-        const c = u ? r("span", {
+        const b = t.uid, r = t.props.disabled, l = t.props.name ?? t.index ?? `${i}`, u = !r && (t.isClosable || n.editable);
+        t.index = `${i}`;
+        const c = u ? s("span", {
           class: "is-icon-close",
-          onClick: (v) => C("tabRemove", t, v)
-        }, [(N = i.closeIconCfg) != null && N.icon ? r(T, i.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 r("div", {
-          ref: `tab-${p}`,
-          class: [o.e("item"), o.is(b.props.tabPosition), o.is("active", t.active), o.is("disabled", s), o.is("closable", u), o.is("focus", S.value)],
+          onClick: (p) => C("tabRemove", t, p)
+        }, [(N = n.closeIconCfg) != null && N.icon ? s(T, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !r && t.active ? 0 : -1;
+        return s("div", {
+          ref: `tab-${b}`,
+          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", r), e.is("closable", u), e.is("focus", S.value)],
           id: `tab-${l}`,
-          key: `tab-${p}`,
+          key: `tab-${b}`,
           "aria-controls": `pane-${l}`,
           role: "tab",
           "aria-selected": t.active,
           tabindex: Q,
           onFocus: () => P(),
           onBlur: () => B(),
-          onClick: (v) => {
-            B(), C("tabClick", t, l, v);
+          onClick: (p) => {
+            B(), C("tabClick", t, l, p);
           },
-          onContextmenu: (v) => {
-            v.preventDefault(), C("tabContextmenu", {
+          onContextmenu: (p) => {
+            p.preventDefault(), C("tabContextmenu", {
               pane: t,
-              index: n,
-              event: v
+              index: i,
+              event: p
             });
           },
-          onKeydown: (v) => {
-            u && (v.code === k.delete || v.code === k.backspace) && C("tabRemove", t, v);
+          onKeydown: (p) => {
+            u && (p.code === k.delete || p.code === k.backspace) && C("tabRemove", t, p);
           }
         }, [a, c]);
       });
-    }), J = i.editable || i.addable ? r("span", {
-      class: o.e("new-tab"),
+    }), J = n.editable || n.addable ? s("span", {
+      class: e.e("new-tab"),
       tabindex: "0",
       onClick: () => C("tabAdd"),
-      onKeydown: (e) => {
-        e.code === k.enter && C("tabAdd");
+      onKeydown: (o) => {
+        o.code === k.enter && C("tabAdd");
       }
-    }, [(A = i.addIconCfg) != null && A.icon ? r(T, i.addIconCfg, null) : null]) : null;
-    return () => r("div", {
+    }, [(A = n.addIconCfg) != null && A.icon ? s(T, n.addIconCfg, null) : null]) : null;
+    return () => s("div", {
       ref: $,
-      class: [o.e("nav-wrap"), o.is("scrollable", !!f.value), o.is(b.props.tabPosition)]
-    }, [Y.value, r("div", {
-      class: o.e("nav-scroll"),
-      ref: d
-    }, [r("div", {
-      class: [o.e("nav"), o.is(b.props.tabPosition), o.is("stretch", i.stretch && ["top", "bottom"].includes(b.props.tabPosition))],
+      class: [e.e("nav-wrap"), e.is("scrollable", !!m.value), e.is(d.props.tabPosition)]
+    }, [Y.value, s("div", {
+      class: e.e("nav-scroll"),
+      ref: v
+    }, [s("div", {
+      class: [e.e("nav"), e.is(d.props.tabPosition), e.is("stretch", n.stretch && ["top", "bottom"].includes(d.props.tabPosition))],
       ref: h,
       style: W.value,
       role: "tablist",
       onKeydown: X
-    }, [i.type ? null : r(rt, {
-      tabs: [...i.panes]
+    }, [n.type ? null : s(st, {
+      tabs: [...n.panes]
     }, null), G.value]), J])]);
   }
 });
 export {
-  be as default
+  No as default
 };

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

@@ -5,7 +5,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     name: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     closable: {
@@ -26,7 +26,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     name: {
-        type: __PropType<Numberish | undefined>;
+        type: __PropType<string | number | undefined>;
         required: false;
     };
     closable: {

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

@@ -1,19 +1,21 @@
-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 u, 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 "@vft/utils";
 import { throwError as P } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
 import "lodash";
+import { eagerComputed as p } from "@vueuse/core";
+import "../../utils/ns-cover.js";
 import { TabsRootContextKey as j } from "./types.js";
 import { useNamespace as D } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { eagerComputed as p } from "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 const I = ["id", "aria-hidden", "aria-labelledby"], i = (
   /* hoist-static*/
   D("tab-pane")
 ), K = b({
   name: i.b()
-}), O = /* @__PURE__ */ b({
+}), W = /* @__PURE__ */ b({
   ...K,
   props: {
     label: null,
@@ -22,14 +24,14 @@ const I = ["id", "aria-hidden", "aria-labelledby"], i = (
     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);
+  setup(a) {
+    const n = y(), f = C(), o = B(j);
+    o || P(i.b(), "usage: <vft-tabs><vft-tab-pane /></vft-tabs/>");
+    const r = u(), v = d(() => a.closable || o.props.closable), e = p(() => o.currentName.value === (a.name ?? r.value)), c = u(e.value), l = d(() => a.name ?? r.value), h = p(() => !a.lazy || c.value || e.value);
     g(e, (s) => {
       s && (c.value = !0);
     });
-    const u = w({
+    const m = w({
       uid: n.uid,
       slots: f,
       props: n.props,
@@ -40,9 +42,9 @@ const I = ["id", "aria-hidden", "aria-labelledby"], i = (
       attrs: n.attrs
     });
     return N(() => {
-      a.registerPane(u);
+      o.registerPane(m);
     }), k(() => {
-      a.unregisterPane(u.uid);
+      o.unregisterPane(m.uid);
     }), (s, M) => t(h) ? x((z(), R("div", {
       key: 0,
       id: `pane-${t(l)}`,
@@ -58,5 +60,5 @@ const I = ["id", "aria-hidden", "aria-labelledby"], i = (
   }
 });
 export {
-  O as default
+  W as default
 };

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

@@ -15,7 +15,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     modelValue: {
-        type: __PropType<Numberish>;
+        type: __PropType<string | number>;
         required: true;
     };
     editable: {
@@ -23,7 +23,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -53,15 +53,15 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }, {
     currentName: import("vue").Ref<Numberish>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (name: Numberish) => boolean;
+    "update:modelValue": (name: string | number) => boolean;
     /** 点击 */
     tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
     /** 右键点击 */
     tabContextMenu: (pane: TabsPaneContext, index: number, ev: Event) => boolean;
-    tabChange: (name: Numberish) => boolean;
-    edit: (paneName: Numberish | undefined, action: 'remove' | 'add') => boolean;
+    tabChange: (name: string | number) => boolean;
+    edit: (paneName: string | number | undefined, action: 'remove' | 'add') => boolean;
     /** 移除 */
-    tabRemove: (name: Numberish) => boolean;
+    tabRemove: (name: string | number) => boolean;
     /** 增加 */
     tabAdd: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -78,7 +78,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     modelValue: {
-        type: __PropType<Numberish>;
+        type: __PropType<string | number>;
         required: true;
     };
     editable: {
@@ -86,7 +86,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     tabPosition: {
-        type: __PropType<"bottom" | "left" | "right" | "top" | undefined>;
+        type: __PropType<"top" | "bottom" | "right" | "left" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -114,7 +114,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((name: Numberish) => any) | undefined;
+    "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
         slots: Readonly<{
@@ -122,7 +122,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -140,7 +140,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         }>;
         props: {
             label: string;
-            name: Numberish;
+            name: string | number;
             closable: boolean;
             disabled: boolean;
             lazy: boolean;
@@ -151,9 +151,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         isClosable: boolean;
         attrs: Record<string, any>;
     }, index: number, ev: Event) => any) | undefined;
-    onTabChange?: ((name: Numberish) => any) | undefined;
-    onEdit?: ((paneName: Numberish | undefined, action: "add" | "remove") => any) | undefined;
-    onTabRemove?: ((name: Numberish) => any) | undefined;
+    onTabChange?: ((name: string | number) => any) | undefined;
+    onEdit?: ((paneName: string | number | undefined, action: "add" | "remove") => any) | undefined;
+    onTabRemove?: ((name: string | number) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
 }, {}>;
 export default _sfc_main;

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

@@ -7,6 +7,8 @@ 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 "@vue/reactivity";
+import "@vue/shared";
 import { UPDATE_MODEL_EVENT as $ } from "@vft/constants";
 import K from "./tab-nav.vue2.js";
 import { TabsRootContextKey as S } from "./types.js";
@@ -15,7 +17,7 @@ const r = (
   O("tabs")
 ), j = y({
   name: r.b()
-}), ne = /* @__PURE__ */ y({
+}), re = /* @__PURE__ */ y({
   ...j,
   props: {
     type: {
@@ -150,5 +152,5 @@ const r = (
   }
 });
 export {
-  ne as default
+  re as default
 };

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

@@ -21,7 +21,7 @@ export interface TabPaneProps {
     /** 选项卡标题   */
     label: string;
     /** 与选项卡绑定值 value 对应的标识符，表示选项卡别名   */
-    name: Numberish;
+    name: string | number;
     /** 标签是否可关闭   */
     closable: boolean;
     /** 是否禁用   */
@@ -37,7 +37,7 @@ export interface TabsProps {
     /** 标签是否可增加 */
     addable?: boolean;
     /** 绑定值，选中选项卡的 name */
-    modelValue: Numberish;
+    modelValue: string | number;
     /** 标签是否同时可增加和关闭 */
     editable?: boolean;
     /** 选项卡所在位置 */

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

@@ -31,7 +31,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -65,7 +65,7 @@ export declare const VftTag: import("vft/es/utils").SFCWithInstall<import("vue")
         required: false;
     };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {}>> & Record<string, any>;
 export default VftTag;

package/es/components/tag/index.js

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

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

@@ -34,7 +34,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "close")[], "click" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "click")[], "close" | "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     closable: {
         type: __PropType<boolean | undefined>;
         required: false;
@@ -68,7 +68,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
 }>> & {
-    onClick?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

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 m, useSlots as p, computed as d, createVNode as n, Transition as f, 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";
@@ -7,12 +7,14 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import "../form/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);
 }
-const F = /* @__PURE__ */ m({
+const $ = /* @__PURE__ */ m({
   __name: "tag",
   props: {
     closable: {
@@ -39,11 +41,11 @@ const F = /* @__PURE__ */ m({
   setup(e, {
     emit: c
   }) {
-    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 l = p(), a = h(), t = g("tag"), s = d(() => [t.b(), t.is("closable", e.closable), t.m(e.type), t.m(a.value), t.m(e.effect), t.is("hit", e.hit), t.is("round", e.round)]), r = (o) => {
       c("close", o);
     }, u = (o) => {
       c("click", o);
-    }, a = () => {
+    }, i = () => {
       var o;
       return n("span", {
         class: s.value,
@@ -57,20 +59,20 @@ const F = /* @__PURE__ */ m({
         class: t.e("close"),
         onClick: r
       }, [n(y, {
-        icon: "vico-close"
+        icon: "ico-ep:close"
       }, null)]) : ""]);
     };
     return () => {
       let o;
-      return e.disableTransitions ? a() : n(p, {
+      return e.disableTransitions ? i() : n(f, {
         name: `${t.namespace.value}-zoom-in-center`,
         appear: !0
-      }, k(o = a()) ? o : {
+      }, k(o = i()) ? o : {
         default: () => [o]
       });
     };
   }
 });
 export {
-  F as default
+  $ as default
 };