vft 0.0.153 → 0.0.154

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

@@ -11,8 +11,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (value: boolean) => void;
     close: () => void;
     open: () => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<DrawerProps>>> & {
@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onOpen?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
 }, {}, {}>, {
     header?(_: {
         close: () => void;

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

@@ -88,16 +88,16 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         onOpen?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-        onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
     }, {
         close: () => void;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: boolean) => void;
         close: () => void;
         open: () => void;
-        opened: () => void;
         closed: () => void;
+        opened: () => void;
         openAutoFocus: () => void;
         closeAutoFocus: () => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<globalThis.ExtractPropTypes<{
@@ -188,8 +188,8 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         onOpen?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-        onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
     }, {}, true, {}, {}, {
         P: {};
         B: {};
@@ -285,8 +285,8 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
         onOpen?: (() => any) | undefined;
         onOpenAutoFocus?: (() => any) | undefined;
         onCloseAutoFocus?: (() => any) | undefined;
-        onOpened?: (() => any) | undefined;
         onClosed?: (() => any) | undefined;
+        onOpened?: (() => any) | undefined;
     }, {
         close: () => void;
     }, {}, {}, {}, {}>;
@@ -381,16 +381,16 @@ export declare const VftDrawer: import("vft/es/utils").SFCWithInstall<{
     onOpen?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
 }, {
     close: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     close: () => void;
     open: () => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

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

@@ -66,12 +66,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onCommand?: ((val: string) => any) | undefined;
 }, {
     maxHeight: string | number;
-    placement: Placement;
-    effect: "light" | "dark";
+    placement: any;
     role: string;
     loop: boolean;
     disabled: boolean;
     trigger: TooltipTriggerType;
+    effect: "light" | "dark";
     tabindex: string | number;
     popperClass: string;
     teleported: boolean;

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

@@ -11,11 +11,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string>;
         };
         placement: {
-            type: globalThis.PropType<import("@popperjs/core").Placement>;
-            default: string;
-        };
-        effect: {
-            type: globalThis.PropType<"light" | "dark">;
+            type: globalThis.PropType<any>;
             default: string;
         };
         id: {
@@ -37,12 +33,16 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<import("..").TooltipTriggerType>;
             default: string;
         };
+        effect: {
+            type: globalThis.PropType<"light" | "dark">;
+            default: string;
+        };
         tabindex: {
             type: globalThis.PropType<string | number>;
             default: number;
         };
         popperOptions: {
-            type: globalThis.PropType<import("@popperjs/core").Options>;
+            type: globalThis.PropType<any>;
         };
         popperClass: {
             type: globalThis.PropType<string>;
@@ -94,11 +94,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string>;
         };
         placement: {
-            type: globalThis.PropType<import("@popperjs/core").Placement>;
-            default: string;
-        };
-        effect: {
-            type: globalThis.PropType<"light" | "dark">;
+            type: globalThis.PropType<any>;
             default: string;
         };
         id: {
@@ -120,12 +116,16 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<import("..").TooltipTriggerType>;
             default: string;
         };
+        effect: {
+            type: globalThis.PropType<"light" | "dark">;
+            default: string;
+        };
         tabindex: {
             type: globalThis.PropType<string | number>;
             default: number;
         };
         popperOptions: {
-            type: globalThis.PropType<import("@popperjs/core").Options>;
+            type: globalThis.PropType<any>;
         };
         popperClass: {
             type: globalThis.PropType<string>;
@@ -159,12 +159,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         onCommand?: ((val: string) => any) | undefined;
     }, {
         maxHeight: string | number;
-        placement: import("@popperjs/core").Placement;
-        effect: "light" | "dark";
+        placement: any;
         role: string;
         loop: boolean;
         disabled: boolean;
         trigger: import("..").TooltipTriggerType;
+        effect: "light" | "dark";
         tabindex: string | number;
         popperClass: string;
         teleported: boolean;
@@ -190,11 +190,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<string>;
         };
         placement: {
-            type: globalThis.PropType<import("@popperjs/core").Placement>;
-            default: string;
-        };
-        effect: {
-            type: globalThis.PropType<"light" | "dark">;
+            type: globalThis.PropType<any>;
             default: string;
         };
         id: {
@@ -216,12 +212,16 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
             type: globalThis.PropType<import("..").TooltipTriggerType>;
             default: string;
         };
+        effect: {
+            type: globalThis.PropType<"light" | "dark">;
+            default: string;
+        };
         tabindex: {
             type: globalThis.PropType<string | number>;
             default: number;
         };
         popperOptions: {
-            type: globalThis.PropType<import("@popperjs/core").Options>;
+            type: globalThis.PropType<any>;
         };
         popperClass: {
             type: globalThis.PropType<string>;
@@ -259,12 +259,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         onFocusAfterTrapped: (e: Event) => void;
     }, {}, {}, {}, {
         maxHeight: string | number;
-        placement: import("@popperjs/core").Placement;
-        effect: "light" | "dark";
+        placement: any;
         role: string;
         loop: boolean;
         disabled: boolean;
         trigger: import("..").TooltipTriggerType;
+        effect: "light" | "dark";
         tabindex: string | number;
         popperClass: string;
         teleported: boolean;
@@ -287,11 +287,7 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<string>;
     };
     placement: {
-        type: globalThis.PropType<import("@popperjs/core").Placement>;
-        default: string;
-    };
-    effect: {
-        type: globalThis.PropType<"light" | "dark">;
+        type: globalThis.PropType<any>;
         default: string;
     };
     id: {
@@ -313,12 +309,16 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
         type: globalThis.PropType<import("..").TooltipTriggerType>;
         default: string;
     };
+    effect: {
+        type: globalThis.PropType<"light" | "dark">;
+        default: string;
+    };
     tabindex: {
         type: globalThis.PropType<string | number>;
         default: number;
     };
     popperOptions: {
-        type: globalThis.PropType<import("@popperjs/core").Options>;
+        type: globalThis.PropType<any>;
     };
     popperClass: {
         type: globalThis.PropType<string>;
@@ -360,12 +360,12 @@ export declare const VftDropdown: import("vft/es/utils").SFCWithInstall<{
     click: (val: MouseEvent) => void;
 }, string, {
     maxHeight: string | number;
-    placement: import("@popperjs/core").Placement;
-    effect: "light" | "dark";
+    placement: any;
     role: string;
     loop: boolean;
     disabled: boolean;
     trigger: import("..").TooltipTriggerType;
+    effect: "light" | "dark";
     tabindex: string | number;
     popperClass: string;
     teleported: boolean;

package/es/components/form/hooks/use-form-common-props.d.ts

@@ -1,6 +1,4 @@
-import type { ComponentSize } from 'vft/es/constants';
-import type { MaybeRef } from '@vueuse/core';
-export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => globalThis.ComputedRef<"" | "default" | "small" | "large">;
-export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => globalThis.ComputedRef<boolean>;
-export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => globalThis.ComputedRef<"" | "default" | "small" | "large">;
-export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => globalThis.ComputedRef<boolean>;
+export declare const useFormSize: (fallback?: any, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => globalThis.ComputedRef<"" | "default" | "small" | "large">;
+export declare const useFormDisabled: (fallback?: any) => globalThis.ComputedRef<any>;
+export declare const useSize: (fallback?: any, ignore?: Partial<Record<'prop' | 'form' | 'formItem' | 'global', boolean>>) => globalThis.ComputedRef<"" | "default" | "small" | "large">;
+export declare const useDisabled: (fallback?: any) => globalThis.ComputedRef<any>;

package/es/components/icon/icon.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as u, computed as a, openBlock as c, createElementBlock as l, normalizeClass as m, unref as i, normalizeStyle as f } from "vue";
-import { addUnit as y } from "@vft/utils";
+import { defineComponent as u, computed as s, openBlock as l, createElementBlock as a, normalizeClass as c, unref as t, normalizeStyle as m } from "vue";
+import { addUnit as v } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
 import { generateCssVars as C } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.js";
-const z = ["src"], n = (
+import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
+const h = ["src"], n = (
   /* hoist-static*/
-  g("icon")
-), I = u({
+  y("icon")
+), z = u({
   name: n.b()
-}), W = /* @__PURE__ */ u({
-  ...I,
+}), j = /* @__PURE__ */ u({
+  ...z,
   props: {
     icon: {},
     size: {},
@@ -25,32 +25,31 @@ const z = ["src"], n = (
     hoverColor: {}
   },
   setup(o) {
-    var r;
-    const t = h(), s = a(
+    const i = g(), r = s(
       () => C(
         {
-          size: y(o.size),
+          size: v(o.size),
           color: o.color,
           hoverColor: o.hoverColor,
           cursor: o.pointer ? "pointer" : void 0,
-          animation: o.rotate ? `${t.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
+          animation: o.rotate ? `${i.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
         },
         "icon"
       )
-    ), d = (e) => e == null ? void 0 : e.includes("/"), p = a(() => d(o.icon)), v = o.icon.startsWith((r = t.value) == null ? void 0 : r.iconifyPrefixClass) ? "" : t.value.iconfontClass;
-    return (e, B) => p.value ? (c(), l("img", {
+    ), f = (e) => e == null ? void 0 : e.includes("/"), p = s(() => f(o.icon)), d = i.value.iconfontClass;
+    return (e, k) => p.value ? (l(), a("img", {
       key: 0,
-      class: m(i(n).e("image")),
+      class: c(t(n).e("image")),
       src: e.icon,
       alt: "",
-      style: f(s.value)
-    }, null, 14, z)) : (c(), l("i", {
+      style: m(r.value)
+    }, null, 14, h)) : (l(), a("i", {
       key: 1,
-      class: m([i(n).b(), e.icon, i(v)]),
-      style: f(s.value)
+      class: c([t(n).b(), e.icon, t(d)]),
+      style: m(r.value)
     }, null, 6));
   }
 });
 export {
-  W as default
+  j as default
 };

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

@@ -18,25 +18,17 @@ export declare const VftLoading: {
         originalOverflow: globalThis.Ref<string>;
         visible: globalThis.Ref<boolean>;
         parent: globalThis.Ref<import("./types").LoadingParentElement>;
-        background: globalThis.Ref<string>;
-        svg: globalThis.Ref<string>;
-        svgViewBox: globalThis.Ref<string>;
-        spinner: globalThis.Ref<string | boolean>;
-        img: globalThis.Ref<string | boolean>;
-        icon: globalThis.Ref<string | import("..").IconProps | {
-            icon: string;
-            size?: string | number | undefined;
-            color?: string | undefined;
-            rotate?: boolean | undefined;
-            rotateSpeed?: number | undefined;
-            pointer?: boolean | undefined;
-            hoverColor?: string | undefined;
-        }>;
-        text: globalThis.Ref<string>;
+        background: globalThis.Ref<any>;
+        svg: globalThis.Ref<any>;
+        svgViewBox: globalThis.Ref<any>;
+        spinner: globalThis.Ref<any>;
+        img: globalThis.Ref<any>;
+        icon: globalThis.Ref<any>;
+        text: globalThis.Ref<any>;
         fullscreen: globalThis.Ref<boolean>;
-        rotate: globalThis.Ref<string | boolean>;
+        rotate: globalThis.Ref<any>;
         lock: globalThis.Ref<boolean>;
-        customClass: globalThis.Ref<string>;
+        customClass: globalThis.Ref<any>;
         target: globalThis.Ref<HTMLElement>;
         beforeClose?: globalThis.Ref<(() => boolean) | undefined> | undefined;
         closed?: globalThis.Ref<(() => void) | undefined> | undefined;

package/es/components/loading/loading.d.ts

@@ -10,25 +10,17 @@ export declare function createLoadingComponent(options: LoadingOptionsResolved):
     originalOverflow: globalThis.Ref<string>;
     visible: globalThis.Ref<boolean>;
     parent: globalThis.Ref<import("./types").LoadingParentElement>;
-    background: globalThis.Ref<string>;
-    svg: globalThis.Ref<string>;
-    svgViewBox: globalThis.Ref<string>;
-    spinner: globalThis.Ref<string | boolean>;
-    img: globalThis.Ref<string | boolean>;
-    icon: globalThis.Ref<string | import("vft/es/components/icon").IconProps | {
-        icon: string;
-        size?: string | number | undefined;
-        color?: string | undefined;
-        rotate?: boolean | undefined;
-        rotateSpeed?: number | undefined;
-        pointer?: boolean | undefined;
-        hoverColor?: string | undefined;
-    }>;
-    text: globalThis.Ref<string>;
+    background: globalThis.Ref<any>;
+    svg: globalThis.Ref<any>;
+    svgViewBox: globalThis.Ref<any>;
+    spinner: globalThis.Ref<any>;
+    img: globalThis.Ref<any>;
+    icon: globalThis.Ref<any>;
+    text: globalThis.Ref<any>;
     fullscreen: globalThis.Ref<boolean>;
-    rotate: globalThis.Ref<string | boolean>;
+    rotate: globalThis.Ref<any>;
     lock: globalThis.Ref<boolean>;
-    customClass: globalThis.Ref<string>;
+    customClass: globalThis.Ref<any>;
     target: globalThis.Ref<HTMLElement>;
     beforeClose?: globalThis.Ref<(() => boolean) | undefined> | undefined;
     closed?: globalThis.Ref<(() => void) | undefined> | undefined;

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

@@ -1,7 +1,7 @@
-import { defineComponent as y, getCurrentInstance as A, ref as d, computed as g, watchEffect as E, unref as p, openBlock as I, createElementBlock as N, normalizeClass as V, normalizeStyle as z, createVNode as D } from "vue";
-import { useRouterHelper as H, getRouterKeyPath as T, listenerRouteChange as K } from "@vft/router";
-import { useMultipleTabStore as W, useTabs as U } from "@vft/store";
-import { useRefs as $ } from "@vft/use";
+import { defineComponent as P, getCurrentInstance as D, ref as x, computed as y, watchEffect as H, unref as r, openBlock as h, createElementBlock as R, normalizeClass as K, normalizeStyle as W, createVNode as C, withCtx as S, Fragment as $, renderList as F, createBlock as U } from "vue";
+import { useRouterHelper as j, getRouterKeyPath as f, listenerRouteChange as q } from "@vft/router";
+import { useMultipleTabStore as G, useTabs as J } from "@vft/store";
+import { useRefs as L } from "@vft/use";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -64,7 +64,7 @@ import "../slider/index.js";
 import "../space/index.js";
 import "../switch/index.js";
 import "../table/index.js";
-import { VftTabs as j } from "../tabs/index.js";
+import { VftTabs as O, VftTabPane as Q } from "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
 import "../tooltip/index.js";
@@ -88,24 +88,25 @@ import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
 import "@vueuse/core";
-import { generateCssVars as R } from "../../utils/ns-cover.js";
+import { generateCssVars as _ } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as q } from "../../hooks/use-namespace/index.js";
+import { useNamespace as X } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import F from "hotkeys-js";
-import { onBeforeRouteLeave as G } from "vue-router";
-import { initAffixTabs as J, useTabsDrag as O } from "./use/use-multiple-tabs.js";
-const C = (
+import Y from "hotkeys-js";
+import { onBeforeRouteLeave as Z } from "vue-router";
+import tt from "./tab-content.vue2.js";
+import { initAffixTabs as et, useTabsDrag as ot } from "./use/use-multiple-tabs.js";
+const k = (
   /* hoist-static*/
-  q("multiple-tabs")
-), Q = y({
-  name: C.b()
-}), Fe = /* @__PURE__ */ y({
-  ...Q,
+  X("multiple-tabs")
+), rt = P({
+  name: k.b()
+}), Ze = /* @__PURE__ */ P({
+  ...rt,
   props: {
     tabsStyle: {},
     contextMenuStyle: {},
@@ -113,55 +114,55 @@ const C = (
     fixTabCount: {},
     fixExtraScrollWidth: {}
   },
-  setup(u) {
-    const n = A().appContext.config.globalProperties.$router, i = J(n);
-    u.canDrag && O(i);
-    const a = W(), r = d(""), m = d(0), c = d(), { go: h } = H(n), f = g(() => a.getTabList.filter((t) => {
+  setup(d) {
+    const l = D().appContext.config.globalProperties.$router, i = et(l);
+    d.canDrag && ot(i);
+    const u = G(), m = x(""), a = x(0), b = x(), { go: v } = j(l), c = y(() => u.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
-    E(() => {
+    H(() => {
       var t;
-      if (r.value) {
-        const e = f.value.findIndex((o) => T(o) === r.value);
-        e === -1 ? m.value = ((t = f.value) == null ? void 0 : t.length) - 1 : m.value = e, m.value = m.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : m.value;
+      if (m.value) {
+        const e = c.value.findIndex((o) => f(o) === m.value);
+        e === -1 ? a.value = ((t = c.value) == null ? void 0 : t.length) - 1 : a.value = e, a.value = a.value < (i == null ? void 0 : i.length) ? (i == null ? void 0 : i.length) - 1 : a.value;
       }
-    }), G(() => {
-      c.value = p(n.currentRoute);
-    }), K((t) => {
-      var x;
-      if (!t || (x = t.meta) != null && x.hasTokenToRoot)
+    }), Z(() => {
+      b.value = r(l.currentRoute);
+    }), q((t) => {
+      var g;
+      if (!t || (g = t.meta) != null && g.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: l } = e, s = l ? o : null, v = T(t);
-      if (r.value !== v && (r.value = v), s) {
-        let b = n.getRoutes().find((_) => _.path === o);
-        b && a.addTab(
-          b,
-          p(c),
-          m.value,
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: n } = e, p = n ? o : null, s = f(t);
+      if (m.value !== s && (m.value = s), p) {
+        let T = l.getRoutes().find((z) => z.path === o);
+        T && u.addTab(
+          T,
+          r(b),
+          a.value,
           t
         );
       } else
-        a.addTab(p(t), p(c), m.value);
+        u.addTab(r(t), r(b), a.value);
     });
-    function S(t) {
-      var l, s;
-      if (r.value === t.paneName)
+    function w(t) {
+      var n, p;
+      if (m.value === t.paneName)
         return;
-      const e = f.value[t.attrs.index];
-      r.value = t.paneName;
-      const o = (s = (l = e == null ? void 0 : e.meta) == null ? void 0 : l.hideActiveRoute) == null ? void 0 : s.fullPath;
-      h(o || e.fullPath || e.path);
+      const e = c.value[t.attrs.index];
+      m.value = t.paneName;
+      const o = (p = (n = e == null ? void 0 : e.meta) == null ? void 0 : n.hideActiveRoute) == null ? void 0 : p.fullPath;
+      v(o || e.fullPath || e.path);
     }
-    function P(t) {
-      a.closeTabByKey(t, n);
+    function B(t) {
+      u.closeTabByKey(t, l);
     }
-    const { refs: w, setRefs: Y } = $();
-    function k(t) {
+    const { refs: M, setRefs: V } = L();
+    function A(t) {
       const e = t.pane.attrs.index, o = t.event;
-      w.value[e].handleContext(o);
+      M.value[e].handleContext(o);
     }
-    const B = g(() => ({ ...R({
+    const E = y(() => ({ ..._({
       padding: "4px 0 0",
       "border-bottom": "none",
       "header-height": "26px",
@@ -174,35 +175,64 @@ const C = (
       "header-margin": "0 0 0 8px",
       "item-border-radius": "5px 5px 0 0",
       "item-border": "none"
-    }, "tabs"), ...u.tabsStyle })), { closeCurrent: M } = U();
-    return F("command+e, ctrl+e", function() {
-      return M(), !1;
-    }), {
-      ...R(
+    }, "tabs"), ...d.tabsStyle })), { closeCurrent: I } = J();
+    Y("command+e, ctrl+e", function() {
+      return I(), !1;
+    });
+    const N = {
+      ..._(
         {
           "sub-item-height": "40px",
           "item-min-width": "150px"
         },
         "menu"
       ),
-      ...u.contextMenuStyle
-    }, (t, e) => (I(), N("div", {
-      class: V(p(C).b()),
-      style: z(B.value)
+      ...d.contextMenuStyle
+    };
+    return (t, e) => (h(), R("div", {
+      class: K(r(k).b()),
+      style: W(E.value)
     }, [
-      D(p(j), {
+      C(r(O), {
         "show-bar": !1,
         "fix-tab-count": t.fixTabCount,
         "fix-extra-scroll-width": t.fixExtraScrollWidth,
-        "model-value": r.value,
-        "onUpdate:modelValue": e[0] || (e[0] = (o) => r.value = o),
-        onTabClick: S,
-        onTabRemove: P,
-        onTabContextMenu: k
-      }, null, 8, ["fix-tab-count", "fix-extra-scroll-width", "model-value"])
+        "model-value": m.value,
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => m.value = o),
+        onTabClick: w,
+        onTabRemove: B,
+        onTabContextMenu: A
+      }, {
+        default: S(() => [
+          (h(!0), R($, null, F(c.value, (o, n) => {
+            var p;
+            return h(), U(r(Q), {
+              key: r(f)(o) + n,
+              closable: !((p = o.meta) != null && p.affix),
+              index: n,
+              name: r(f)(o)
+            }, {
+              label: S(() => {
+                var s;
+                return [
+                  C(tt, {
+                    "context-menu-style": N,
+                    "affix-num": (s = r(i)) == null ? void 0 : s.length,
+                    ref_for: !0,
+                    ref: r(V)(n),
+                    "tab-item": o
+                  }, null, 8, ["affix-num", "tab-item"])
+                ];
+              }),
+              _: 2
+            }, 1032, ["closable", "index", "name"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["fix-tab-count", "fix-extra-scroll-width", "model-value"])
     ], 6));
   }
 });
 export {
-  Fe as default
+  Ze as default
 };