vft 0.0.240 → 0.0.241

package/es/components/context-menu/useContextMenu.js

@@ -1,5 +1,5 @@
 import { getCurrentInstance as n, onUnmounted as o } from "vue";
-import { createContextMenu as r, destroyContextMenu as t } from "./createContextMenu.js";
+import { destroyContextMenu as t, createContextMenu as r } from "./createContextMenu.js";
 function f(e = !0) {
   return n() && e && o(() => {
     t();

package/es/components/focus-trap/focus-trap.vue2.js

@@ -1,10 +1,10 @@
-import { EVENT_CODE as w } from "@vft/constants";
+import { EVENT_CODE as V } from "@vft/constants";
 import { useEscapeKeydown as j } from "@vft/use";
 import { isString as q } from "@vft/utils";
 import { isNil as x } from "lodash-es";
-import { defineComponent as J, ref as M, provide as Y, watch as O, unref as E, onMounted as z, onBeforeUnmount as G, nextTick as I } from "vue";
-import { ON_TRAP_FOCUS_EVT as U, ON_RELEASE_FOCUS_EVT as K, FOCUS_TRAP_INJECTION_KEY as H, FOCUS_AFTER_TRAPPED as b, FOCUS_AFTER_TRAPPED_OPTS as k, FOCUS_AFTER_RELEASED as y } from "./tokens.js";
-import { useFocusReason as Q, tryFocus as f, createFocusOutPreventedEvent as m, getEdges as W, focusableStack as N, focusFirstDescendant as X, obtainAllFocusableElements as Z, isFocusCausedByUserEvent as $ } from "./utils.js";
+import { defineComponent as J, ref as M, provide as Y, watch as b, unref as p, onMounted as z, onBeforeUnmount as G, nextTick as U } from "vue";
+import { ON_TRAP_FOCUS_EVT as K, ON_RELEASE_FOCUS_EVT as k, FOCUS_TRAP_INJECTION_KEY as H, FOCUS_AFTER_TRAPPED as y, FOCUS_AFTER_TRAPPED_OPTS as N, FOCUS_AFTER_RELEASED as L } from "./tokens.js";
+import { useFocusReason as Q, tryFocus as f, createFocusOutPreventedEvent as m, getEdges as W, focusableStack as B, focusFirstDescendant as X, obtainAllFocusableElements as Z, isFocusCausedByUserEvent as $ } from "./utils.js";
 const ce = J({
   name: "VftFocusTrap",
   inheritAttrs: !1,
@@ -18,19 +18,19 @@ const ce = J({
     }
   },
   emits: [
-    U,
     K,
+    k,
     "focusin",
     "focusout",
     "focusout-prevented",
     "release-requested"
   ],
-  setup(n, { emit: r }) {
-    const c = M();
+  setup(n, { emit: u }) {
+    const s = M();
     let l, T;
     const { focusReason: d } = Q();
     j((e) => {
-      n.trapped && !i.paused && r("release-requested", e);
+      n.trapped && !i.paused && u("release-requested", e);
     });
     const i = {
       paused: !1,
@@ -42,112 +42,111 @@ const ce = J({
       }
     }, v = (e) => {
       if (!n.loop && !n.trapped || i.paused) return;
-      const { key: t, altKey: s, ctrlKey: o, metaKey: a, currentTarget: R, shiftKey: h } = e, { loop: D } = n, V = t === w.tab && !s && !o && !a, p = document.activeElement;
-      if (V && p) {
-        const P = R, [_, C] = W(P);
-        if (_ && C) {
-          if (!h && p === C) {
-            const u = m({
+      const { code: t, altKey: o, ctrlKey: a, metaKey: r, currentTarget: h, shiftKey: D } = e, { loop: I } = n, w = t === V.tab && !o && !a && !r, E = document.activeElement;
+      if (w && E) {
+        const _ = h, [C, O] = W(_);
+        if (C && O) {
+          if (!D && E === O) {
+            const c = m({
               focusReason: d.value
             });
-            r("focusout-prevented", u), u.defaultPrevented || (e.preventDefault(), D && f(_, !0));
-          } else if (h && [_, P].includes(p)) {
-            const u = m({
+            u("focusout-prevented", c), c.defaultPrevented || (e.preventDefault(), I && f(C, !0));
+          } else if (D && [C, _].includes(E)) {
+            const c = m({
               focusReason: d.value
             });
-            r("focusout-prevented", u), u.defaultPrevented || (e.preventDefault(), D && f(C, !0));
+            u("focusout-prevented", c), c.defaultPrevented || (e.preventDefault(), I && f(O, !0));
           }
-        } else if (p === P) {
-          const u = m({
+        } else if (E === _) {
+          const c = m({
             focusReason: d.value
           });
-          r("focusout-prevented", u), u.defaultPrevented || e.preventDefault();
+          u("focusout-prevented", c), c.defaultPrevented || e.preventDefault();
         }
       }
     };
     Y(H, {
-      focusTrapRef: c,
+      focusTrapRef: s,
       onKeydown: v
-    }), O(
+    }), b(
       () => n.focusTrapEl,
       (e) => {
-        e && (c.value = e);
+        e && (s.value = e);
       },
       { immediate: !0 }
-    ), O([c], ([e], [t]) => {
-      e && (e.addEventListener("keydown", v), e.addEventListener("focusin", g), e.addEventListener("focusout", S)), t && (t.removeEventListener("keydown", v), t.removeEventListener("focusin", g), t.removeEventListener("focusout", S));
+    ), b([s], ([e], [t]) => {
+      e && (e.addEventListener("keydown", v), e.addEventListener("focusin", F), e.addEventListener("focusout", P)), t && (t.removeEventListener("keydown", v), t.removeEventListener("focusin", F), t.removeEventListener("focusout", P));
     });
-    const F = (e) => {
-      r(U, e);
-    }, B = (e) => r(K, e), g = (e) => {
-      const t = E(c);
+    const g = (e) => {
+      u(K, e);
+    }, S = (e) => u(k, e), F = (e) => {
+      const t = p(s);
       if (!t) return;
-      const s = e.target, o = e.relatedTarget, a = s && t.contains(s);
-      n.trapped || o && t.contains(o) || (l = o), a && r("focusin", e), !i.paused && n.trapped && (a ? T = s : f(T, !0));
-    }, S = (e) => {
-      const t = E(c);
+      const o = e.target, a = e.relatedTarget, r = o && t.contains(o);
+      n.trapped || a && t.contains(a) || (l = a), r && u("focusin", e), !i.paused && n.trapped && (r ? T = o : f(T, !0));
+    }, P = (e) => {
+      const t = p(s);
       if (!(i.paused || !t))
         if (n.trapped) {
-          const s = e.relatedTarget;
-          !x(s) && !t.contains(s) && setTimeout(() => {
+          const o = e.relatedTarget;
+          !x(o) && !t.contains(o) && setTimeout(() => {
             if (!i.paused && n.trapped) {
-              const o = m({
+              const a = m({
                 focusReason: d.value
               });
-              r("focusout-prevented", o), o.defaultPrevented || f(T, !0);
+              u("focusout-prevented", a), a.defaultPrevented || f(T, !0);
             }
           }, 0);
         } else {
-          const s = e.target;
-          s && t.contains(s) || r("focusout", e);
+          const o = e.target;
+          o && t.contains(o) || u("focusout", e);
         }
     };
-    async function L() {
-      await I();
-      const e = E(c);
+    async function A() {
+      await U();
+      const e = p(s);
       if (e) {
-        N.push(i);
+        B.push(i);
         const t = e.contains(
           document.activeElement
         ) ? l : document.activeElement;
         if (l = t, !e.contains(t)) {
-          const o = new Event(
-            b,
-            k
+          const a = new Event(
+            y,
+            N
           );
-          e.addEventListener(b, F), e.dispatchEvent(o), o.defaultPrevented || I(() => {
-            let a = n.focusStartEl;
-            q(a) || (f(a), document.activeElement !== a && (a = "first")), a === "first" && X(
+          e.addEventListener(y, g), e.dispatchEvent(a), a.defaultPrevented || U(() => {
+            let r = n.focusStartEl;
+            q(r) || (f(r), document.activeElement !== r && (r = "first")), r === "first" && X(
               Z(e),
               !0
-            ), (document.activeElement === t || a === "container") && f(e);
+            ), (document.activeElement === t || r === "container") && f(e);
           });
         }
       }
     }
-    function A() {
-      const e = E(c);
+    function R() {
+      const e = p(s);
       if (e) {
-        e.removeEventListener(b, F);
-        const t = new CustomEvent(y, {
-          ...k,
+        e.removeEventListener(y, g);
+        const t = new CustomEvent(L, {
+          ...N,
           detail: {
             focusReason: d.value
           }
         });
-        e.addEventListener(y, B), e.dispatchEvent(t), !t.defaultPrevented && // eslint-disable-next-line eqeqeq
-        (d.value == "keyboard" || !$() || e.contains(document.activeElement)) && f(l ?? document.body), e.removeEventListener(y, F), N.remove(i);
+        e.addEventListener(L, S), e.dispatchEvent(t), !t.defaultPrevented && (d.value == "keyboard" || !$() || e.contains(document.activeElement)) && f(l ?? document.body), e.removeEventListener(L, S), B.remove(i);
       }
     }
     return z(() => {
-      n.trapped && L(), O(
+      n.trapped && A(), b(
         () => n.trapped,
         (e) => {
-          e ? L() : A();
+          e ? A() : R();
         }
       );
     }), G(() => {
-      n.trapped && A();
+      n.trapped && R(), s.value && (s.value.removeEventListener("keydown", v), s.value.removeEventListener("focusin", F), s.value.removeEventListener("focusout", P), s.value = void 0);
     }), {
       onKeydown: v
     };

package/es/components/multiple-tabs/index.d.ts

@@ -1,36 +1,4 @@
-export declare const VftMultipleTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    tabsStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    contextMenuStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    canDrag: {
-        type: import("vue").PropType<boolean>;
-    };
-    fixTabCount: {
-        type: import("vue").PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: import("vue").PropType<number>;
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    tabsStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    contextMenuStyle: {
-        type: import("vue").PropType<Record<string, string | number>>;
-    };
-    canDrag: {
-        type: import("vue").PropType<boolean>;
-    };
-    fixTabCount: {
-        type: import("vue").PropType<number>;
-    };
-    fixExtraScrollWidth: {
-        type: import("vue").PropType<number>;
-    };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+export declare const VftMultipleTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftMultipleTabs;
 export * from './types';
 export * from './use';

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

@@ -1,12 +1,2 @@
-import { type MultipleTabsProps } from './types';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MultipleTabsProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MultipleTabsProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
-    };
-};

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

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

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

@@ -1,5 +1,5 @@
-import { defineComponent as c, computed as r, createBlock as l, openBlock as f, unref as s, withModifiers as x } from "vue";
-import { singleAttrToObj as b } from "@vft/utils";
+import { defineComponent as u, computed as m, createElementBlock as c, openBlock as l, toDisplayString as f } from "vue";
+import { singleAttrToObj as s } from "@vft/utils";
 import "../context-menu/context-menu.vue2.js";
 import "../alert/index.js";
 import "../avatar/index.js";
@@ -31,7 +31,7 @@ import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
 import "../icon/index.js";
-import { VftIconText as I } from "../icon-text/index.js";
+import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
 import "../image-viewer/index.js";
@@ -97,12 +97,12 @@ import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import { useContextMenu as d } from "../context-menu/useContextMenu.js";
+import { useContextMenu as x } from "../context-menu/useContextMenu.js";
 import "vue-router";
 import "@vft/store";
 import "@vft/use";
-import { useTabDropdown as v } from "./use/use-tab-dropdown.js";
-const Io = /* @__PURE__ */ c({
+import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
+const so = /* @__PURE__ */ u({
   __name: "tab-content",
   props: {
     tabItem: {},
@@ -110,29 +110,25 @@ const Io = /* @__PURE__ */ c({
     contextMenuStyle: {},
     visible: { type: Boolean }
   },
-  setup(t, { expose: p }) {
-    const [e] = d(), i = r(() => t.tabItem.meta && t.tabItem.meta.title), n = r(() => b(t.tabItem.meta?.icon, "icon")), { getDropMenuList: a, handleContextMenu: u } = v(
+  setup(t, { expose: i }) {
+    const [r] = x(), p = m(() => t.tabItem.meta && t.tabItem.meta.title);
+    m(() => s(t.tabItem.meta?.icon, "icon"));
+    const { getDropMenuList: e, handleContextMenu: n } = b(
       t.tabItem,
       t.affixNum
     );
-    function m(o) {
-      u(t.tabItem)(o), e({
+    function a(o) {
+      n(t.tabItem)(o), r({
         event: o,
         styles: t.contextMenuStyle,
-        items: a.value
+        items: e.value
       });
     }
-    return p({
-      handleContext: m
-    }), (o, M) => (f(), l(s(I), {
-      class: "vft-multiple-tabs__title",
-      title: i.value,
-      icon: n.value,
-      text: i.value,
-      onContextmenu: x(m, ["stop"])
-    }, null, 8, ["title", "icon", "text"]));
+    return i({
+      handleContext: a
+    }), (o, d) => (l(), c("div", null, f(p.value), 1));
   }
 });
 export {
-  Io as default
+  so as default
 };

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

@@ -1,13 +1,13 @@
 import { useMultipleTabStore as c } from "@vft/store";
 import { useSortable as u } from "@vft/use";
-import { isNullOrUndefined as l, arrSort as b } from "@vft/utils";
-import { ref as m, nextTick as d, toRaw as x } from "vue";
+import { arrSort as b, isNullOrUndefined as l } from "@vft/utils";
+import { ref as m, toRaw as d, nextTick as x } from "vue";
 function g(o) {
   const n = m([]), f = c();
   function i(t) {
     const a = [];
     return t && t.forEach((s) => {
-      s.meta?.affix && a.push(x(s));
+      s.meta?.affix && a.push(d(s));
     }), a;
   }
   function r() {
@@ -25,7 +25,7 @@ function g(o) {
 }
 function h(o) {
   const n = c();
-  d(() => {
+  x(() => {
     const f = document.querySelectorAll(".vft-tabs__nav")?.[0], { initSortable: i } = u(f, {
       draggable: ".is-closable",
       // forceFallback: true,

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

@@ -51,6 +51,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {
         uid: number;
+        getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
         props: {
             label: string;
@@ -59,14 +60,15 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
+        getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
         props: {
             label: string;
@@ -75,11 +77,11 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, index: number, ev: Event) => void;
     tabChange: (name: string | number) => void;
     tabRemove: (name: string | number) => void;
@@ -135,6 +137,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
+        getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
         props: {
             label: string;
@@ -143,16 +146,17 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => any) | undefined;
     onTabRemove?: ((name: string | number) => any) | undefined;
     onTabAdd?: (() => any) | undefined;
     onTabContextMenu?: ((pane: {
         uid: number;
+        getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
         props: {
             label: string;
@@ -161,11 +165,11 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
             disabled: boolean;
             lazy: boolean;
         };
-        paneName: string | number | undefined;
+        paneName: import("./types").TabPaneName | undefined;
         active: boolean;
         index: string | undefined;
         isClosable: boolean;
-        attrs: Record<string, any>;
+        isFocusInsidePane: () => boolean | undefined;
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
     onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;

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

@@ -3,6 +3,7 @@ import type { CSSProperties } from 'vue';
 interface Props {
     /** tabs 集合 */
     tabs: TabsPaneContext[];
+    tabRefs?: Record<string, any>;
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>, {
     ref: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;