vft 0.0.239 → 0.0.240

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

@@ -1,55 +1,54 @@
-import { defineComponent as $, getCurrentInstance as S, inject as C, ref as y, watch as N, nextTick as R, computed as k, createElementBlock as B, openBlock as F, normalizeStyle as P, normalizeClass as T, unref as g } from "vue";
-import { TabsRootContextKey as L } from "./types.js";
-import { useResizeObserver as j } from "@vueuse/core";
+import { defineComponent as w, getCurrentInstance as z, inject as $, ref as b, watch as S, nextTick as C, computed as N, createElementBlock as R, openBlock as k, normalizeStyle as B, normalizeClass as F, unref as d } from "vue";
+import { TabsRootContextKey as P } from "./types.js";
+import { useResizeObserver as T } from "@vueuse/core";
 import { capitalize as p } from "@vft/utils";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import { useNamespace as L } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const Q = /* @__PURE__ */ $({
+const J = /* @__PURE__ */ w({
   __name: "tab-bar",
   props: {
     tabs: {}
   },
-  setup(h, { expose: x }) {
-    const s = h, v = S(), c = C(L), l = D("tabs"), a = y(), m = y(), _ = () => {
+  setup(y, { expose: g }) {
+    const s = y, h = z(), c = $(P), l = L("tabs"), a = b(), m = b(), x = () => {
       let t = 0, e = 0;
-      const o = ["top", "bottom"].includes(c.props.tabPosition) ? "width" : "height", f = o === "width" ? "x" : "y", z = f === "x" ? "left" : "top";
+      const o = ["top", "bottom"].includes(c.props.tabPosition) ? "width" : "height", f = o === "width" ? "x" : "y", _ = 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}`];
+        const r = h.parent?.refs?.[`tab-${u.uid}`];
         if (!r) return !1;
         if (!u.active)
           return !0;
-        t = r[`offset${p(z)}`], e = r[`client${p(o)}`];
+        t = r[`offset${p(_)}`], 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${p(f)}(${t}px)`
       };
-    }, n = () => m.value = _();
-    N(
+    }, n = () => m.value = x();
+    S(
       () => s.tabs,
       async () => {
-        await R(), n();
+        await C(), n();
       },
       { immediate: !0 }
     );
-    const w = k(() => c.props.tabPosition);
-    return j(a, () => n()), x({
+    const v = N(() => c.props.tabPosition);
+    return T(a, () => n()), g({
       ref: a,
       update: n
-    }), (t, e) => (F(), B("div", {
+    }), (t, e) => (k(), R("div", {
       ref_key: "barRef",
       ref: a,
-      class: T([g(l).e("active-bar"), g(l).is(w.value)]),
-      style: P(m.value)
+      class: F([d(l).e("active-bar"), d(l).is(v.value)]),
+      style: B(m.value)
     }, null, 6));
   }
 });
 export {
-  Q as default
+  J as default
 };

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

@@ -19,20 +19,20 @@ interface TabNavProps {
     /** tab 触发方式 */
     trigger?: 'click' | 'hover';
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabNavProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>, {
     scrollToActiveTab: () => Promise<void>;
     removeFocus: () => boolean;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabClick: (...args: any[]) => void;
     tabRemove: (...args: any[]) => void;
     tabAdd: (...args: any[]) => void;
     tabContextmenu: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabNavProps>>> & Readonly<{
     onTabClick?: ((...args: any[]) => any) | undefined;
     onTabRemove?: ((...args: any[]) => any) | undefined;
     onTabAdd?: ((...args: any[]) => any) | undefined;
     onTabContextmenu?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -1,7 +1,7 @@
-import { defineComponent as D, getCurrentInstance as et, inject as it, ref as b, computed as S, watch as z, onMounted as rt, onUpdated as nt, createVNode as s, mergeProps as at, useSlots as lt, nextTick as st } from "vue";
-import { useDocumentVisibility as ct, useWindowFocus as ut, useResizeObserver as mt } from "@vueuse/core";
+import { defineComponent as W, getCurrentInstance as Q, inject as Z, ref as b, computed as R, watch as O, onMounted as _, onUpdated as tt, createVNode as c, mergeProps as ot, useSlots as et, nextTick as it } from "vue";
+import { useDocumentVisibility as rt, useWindowFocus as nt, useResizeObserver as at } from "@vueuse/core";
 import { capitalize as y } from "@vft/utils";
-import { throwError as ft } from "../../utils/error.js";
+import { throwError as lt } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
 import "../alert/index.js";
@@ -34,7 +34,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as $ } from "../icon/index.js";
+import { VftIcon as S } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -91,20 +91,20 @@ import "../md-comment/index.js";
 import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import { useNamespace as V } from "../../hooks/use-namespace/index.js";
+import { useNamespace as E } 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 { EVENT_CODE as k } from "@vft/constants";
-import { TabsRootContextKey as pt } from "./types.js";
-import vt from "./tab-bar.vue2.js";
-const dt = D({
+import { EVENT_CODE as $ } from "@vft/constants";
+import { TabsRootContextKey as st } from "./types.js";
+import ct from "./tab-bar.vue2.js";
+const ut = W({
   name: "vft-tab-nav"
-}), fe = /* @__PURE__ */ D({
-  ...dt,
+}), le = /* @__PURE__ */ W({
+  ...ut,
   props: {
     panes: {},
     editable: {
@@ -135,135 +135,127 @@ const dt = D({
     }
   },
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
-  setup(i, {
-    expose: q,
-    emit: H
+  setup(e, {
+    expose: L,
+    emit: K
   }) {
-    var W;
-    const C = H, j = V("tab-nav"), U = et(), g = it(pt);
-    g || ft(j.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const r = V("tabs"), X = ct(), Y = ut(), I = b(), p = b(), x = b(), P = b(), c = b(!1), u = b(0), B = b(!1), T = b(!0), w = S(() => ["top", "bottom"].includes(g.props.tabPosition) ? "width" : "height"), G = S(() => ({
-      transform: `translate${w.value === "width" ? "X" : "Y"}(-${u.value}px)`
-    })), J = () => {
-      if (!p.value) return;
-      const t = p.value[`offset${y(w.value)}`], e = u.value;
-      e && (u.value = e > t ? e - t : 0);
-    }, Q = () => {
-      if (!p.value || !x.value) return;
-      const t = x.value[`offset${y(w.value)}`], e = p.value[`offset${y(w.value)}`], o = u.value;
-      t - o <= e || (u.value = t - o > e * 2 ? o + e : t - e);
-    }, N = async () => {
-      const t = x.value, e = P.value;
-      if (!c.value || !I.value || !p.value || !t) return;
-      await st();
-      const o = I.value.querySelector(".is-active");
-      if (!o) return;
-      const h = p.value, d = ["top", "bottom"].includes(g.props.tabPosition), a = o.getBoundingClientRect(), n = h.getBoundingClientRect(), m = d ? t.offsetWidth - n.width : t.offsetHeight - n.height, l = u.value;
+    const h = K, M = E("tab-nav"), V = Q(), g = Z(st);
+    g || lt(M.b(), "<vft-tabs><tab-nav /></vft-tabs>");
+    const i = E("tabs"), D = rt(), q = nt(), I = b(), f = b(), C = b(), z = b(), u = b(!1), m = b(0), k = b(!1), T = b(!0), x = R(() => ["top", "bottom"].includes(g.props.tabPosition) ? "width" : "height"), H = R(() => ({
+      transform: `translate${x.value === "width" ? "X" : "Y"}(-${m.value}px)`
+    })), j = () => {
+      if (!f.value) return;
+      const o = f.value[`offset${y(x.value)}`], t = m.value;
+      t && (m.value = t > o ? t - o : 0);
+    }, U = () => {
+      if (!f.value || !C.value) return;
+      const o = C.value[`offset${y(x.value)}`], t = f.value[`offset${y(x.value)}`], n = m.value;
+      o - n <= t || (m.value = o - n > t * 2 ? n + t : o - t);
+    }, F = async () => {
+      const o = C.value, t = z.value;
+      if (!u.value || !I.value || !f.value || !o) return;
+      await it();
+      const n = I.value.querySelector(".is-active");
+      if (!n) return;
+      const w = f.value, p = ["top", "bottom"].includes(g.props.tabPosition), a = n.getBoundingClientRect(), r = w.getBoundingClientRect(), d = p ? o.offsetWidth - r.width : o.offsetHeight - r.height, l = m.value;
       let v = l;
-      const R = i.fixTabCount ? ((e == null ? void 0 : e.offsetWidth) || 0) + i.fixExtraScrollWidth : 0;
-      d ? (a.left - R < n.left && (v = l - (n.left - a.left + R)), a.right > n.right && (v = l + a.right - n.right)) : (a.top < n.top && (v = l - (n.top - a.top)), a.bottom > n.bottom && (v = l + (a.bottom - n.bottom))), v = Math.max(v, 0), u.value = Math.min(v, m);
-    }, A = () => {
-      if (!x.value || !p.value) return;
-      const t = x.value[`offset${y(w.value)}`], e = p.value[`offset${y(w.value)}`], o = u.value;
-      e < t ? (c.value = c.value || {}, c.value.prev = o, c.value.next = o + e < t, t - o < e && (u.value = t - e)) : (c.value = !1, o > 0 && (u.value = 0));
-    }, Z = (t) => {
-      const e = t.code, {
-        up: o,
-        down: h,
-        left: d,
+      const s = e.fixTabCount ? (t?.offsetWidth || 0) + e.fixExtraScrollWidth : 0;
+      p ? (a.left - s < r.left && (v = l - (r.left - a.left + s)), a.right > r.right && (v = l + a.right - r.right)) : (a.top < r.top && (v = l - (r.top - a.top)), a.bottom > r.bottom && (v = l + (a.bottom - r.bottom))), v = Math.max(v, 0), m.value = Math.min(v, d);
+    }, P = () => {
+      if (!C.value || !f.value) return;
+      const o = C.value[`offset${y(x.value)}`], t = f.value[`offset${y(x.value)}`], n = m.value;
+      t < o ? (u.value = u.value || {}, u.value.prev = n, u.value.next = n + t < o, o - n < t && (m.value = o - t)) : (u.value = !1, n > 0 && (m.value = 0));
+    }, X = (o) => {
+      const t = o.code, {
+        up: n,
+        down: w,
+        left: p,
         right: a
-      } = k;
-      if (![o, h, d, a].includes(e)) return;
-      const n = Array.from(t.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), m = n.indexOf(t.target);
+      } = $;
+      if (![n, w, p, a].includes(t)) return;
+      const r = Array.from(o.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), d = r.indexOf(o.target);
       let l;
-      e === d || e === o ? m === 0 ? l = n.length - 1 : l = m - 1 : m < n.length - 1 ? l = m + 1 : l = 0, n[l].focus(), n[l].click(), E();
-    }, E = () => {
-      T.value && (B.value = !0);
-    }, O = () => B.value = !1;
-    z(X, (t) => {
-      t === "hidden" ? T.value = !1 : t === "visible" && setTimeout(() => T.value = !0, 50);
-    }), z(Y, (t) => {
-      t ? setTimeout(() => T.value = !0, 50) : T.value = !1;
-    }), mt(I.value, A), rt(() => setTimeout(() => N(), 0)), nt(() => A()), q({
-      scrollToActiveTab: N,
-      removeFocus: O
-    }), z(() => i.panes, () => U.update(), {
+      t === p || t === n ? d === 0 ? l = r.length - 1 : l = d - 1 : d < r.length - 1 ? l = d + 1 : l = 0, r[l].focus(), r[l].click(), N();
+    }, N = () => {
+      T.value && (k.value = !0);
+    }, B = () => k.value = !1;
+    O(D, (o) => {
+      o === "hidden" ? T.value = !1 : o === "visible" && setTimeout(() => T.value = !0, 50);
+    }), O(q, (o) => {
+      o ? setTimeout(() => T.value = !0, 50) : T.value = !1;
+    }), at(I.value, P), _(() => setTimeout(() => F(), 0)), tt(() => P()), L({
+      scrollToActiveTab: F,
+      removeFocus: B
+    }), O(() => e.panes, () => V.update(), {
       flush: "post"
     });
-    const _ = S(() => {
-      var t, e;
-      return c.value ? [s("span", {
-        class: [r.e("nav-prev"), r.is("disabled", !c.value.prev)],
-        onClick: J
-      }, [(t = i.arrowLeftIconCfg) != null && t.icon ? s($, i.arrowLeftIconCfg, null) : null]), s("span", {
-        class: [r.e("nav-next"), r.is("disabled", !c.value.next)],
-        onClick: Q
-      }, [(e = i.arrowRightIconCfg) != null && e.icon ? s($, i.arrowRightIconCfg, null) : null])] : null;
-    }), tt = S(() => (t) => {
-      var e;
-      return (e = i.panes.slice(0, t)) == null ? void 0 : e.map((o, h) => {
-        var L, K, M;
-        const d = o.uid, a = o.props.disabled, n = o.props.name ?? o.index ?? `${h}`, m = !a && (o.isClosable || i.editable);
-        o.index = `${h}`;
-        const l = m ? s("span", {
-          class: "is-icon-close",
-          onClick: (f) => C("tabRemove", o, f)
-        }, [(L = i.closeIconCfg) != null && L.icon ? s($, i.closeIconCfg, null) : null]) : null, v = ((M = (K = o.slots).label) == null ? void 0 : M.call(K)) || o.props.label, R = !a && o.active ? 0 : -1;
-        return s("div", at({
-          ref: `tab-${d}`,
-          class: [r.e("item"), r.is(g.props.tabPosition), r.is("active", o.active), r.is("disabled", a), r.is("closable", m), r.is("focus", B.value)],
-          id: `tab-${n}`,
-          key: `tab-${d}`,
-          "aria-controls": `pane-${n}`,
-          role: "tab",
-          "aria-selected": o.active,
-          tabindex: R,
-          onFocus: () => E(),
-          onBlur: () => O()
-        }, {
-          [i.trigger === "click" ? "onClick" : "onMouseenter"]: (f) => {
-            O(), C("tabClick", o, n, f);
-          }
-        }, {
-          onContextmenu: (f) => {
-            f.preventDefault(), C("tabContextmenu", {
-              pane: o,
-              index: h,
-              event: f
-            });
-          },
-          onKeydown: (f) => {
-            m && (f.code === k.delete || f.code === k.backspace) && C("tabRemove", o, f);
-          }
-        }), [v, l]);
-      });
-    }), ot = i.editable || i.addable ? s("span", {
-      class: r.e("new-tab"),
+    const Y = R(() => u.value ? [c("span", {
+      class: [i.e("nav-prev"), i.is("disabled", !u.value.prev)],
+      onClick: j
+    }, [e.arrowLeftIconCfg?.icon ? c(S, e.arrowLeftIconCfg, null) : null]), c("span", {
+      class: [i.e("nav-next"), i.is("disabled", !u.value.next)],
+      onClick: U
+    }, [e.arrowRightIconCfg?.icon ? c(S, e.arrowRightIconCfg, null) : null])] : null), G = R(() => (o) => e.panes.slice(0, o)?.map((t, n) => {
+      const w = t.uid, p = t.props.disabled, a = t.props.name ?? t.index ?? `${n}`, r = !p && (t.isClosable || e.editable);
+      t.index = `${n}`;
+      const d = r ? c("span", {
+        class: "is-icon-close",
+        onClick: (s) => h("tabRemove", t, s)
+      }, [e.closeIconCfg?.icon ? c(S, e.closeIconCfg, null) : null]) : null, l = t.slots.label?.() || t.props.label, v = !p && t.active ? 0 : -1;
+      return c("div", ot({
+        ref: `tab-${w}`,
+        class: [i.e("item"), i.is(g.props.tabPosition), i.is("active", t.active), i.is("disabled", p), i.is("closable", r), i.is("focus", k.value)],
+        id: `tab-${a}`,
+        key: `tab-${w}`,
+        "aria-controls": `pane-${a}`,
+        role: "tab",
+        "aria-selected": t.active,
+        tabindex: v,
+        onFocus: () => N(),
+        onBlur: () => B()
+      }, {
+        [e.trigger === "click" ? "onClick" : "onMouseenter"]: (s) => {
+          B(), h("tabClick", t, a, s);
+        }
+      }, {
+        onContextmenu: (s) => {
+          s.preventDefault(), h("tabContextmenu", {
+            pane: t,
+            index: n,
+            event: s
+          });
+        },
+        onKeydown: (s) => {
+          r && (s.code === $.delete || s.code === $.backspace) && h("tabRemove", t, s);
+        }
+      }), [l, d]);
+    })), J = e.editable || e.addable ? c("span", {
+      class: i.e("new-tab"),
       tabindex: "0",
-      onClick: () => C("tabAdd"),
-      onKeydown: (t) => {
-        t.code === k.enter && C("tabAdd");
+      onClick: () => h("tabAdd"),
+      onKeydown: (o) => {
+        o.code === $.enter && h("tabAdd");
       }
-    }, [(W = i.addIconCfg) != null && W.icon ? s($, i.addIconCfg, null) : null]) : null;
-    lt();
-    const F = (t = !1) => s("div", {
-      class: [r.e("nav"), r.is(g.props.tabPosition), r.is("fixed-nav", t), r.is("stretch", i.stretch && ["top", "bottom"].includes(g.props.tabPosition))],
-      ref: t ? P : x,
-      style: t ? {} : G.value,
+    }, [e.addIconCfg?.icon ? c(S, e.addIconCfg, null) : null]) : null;
+    et();
+    const A = (o = !1) => c("div", {
+      class: [i.e("nav"), i.is(g.props.tabPosition), i.is("fixed-nav", o), i.is("stretch", e.stretch && ["top", "bottom"].includes(g.props.tabPosition))],
+      ref: o ? z : C,
+      style: o ? {} : H.value,
       role: "tablist",
-      onKeydown: Z
-    }, [i.showBar ? s(vt, {
-      tabs: [...i.panes]
-    }, null) : null, tt.value(t ? i.fixTabCount : void 0)]);
-    return () => s("div", {
+      onKeydown: X
+    }, [e.showBar ? c(ct, {
+      tabs: [...e.panes]
+    }, null) : null, G.value(o ? e.fixTabCount : void 0)]);
+    return () => c("div", {
       ref: I,
-      class: [r.e("nav-wrap"), r.is("scrollable", !!c.value), r.is(g.props.tabPosition)]
-    }, [_.value, s("div", {
-      class: [r.e("nav-scroll"), r.is("have-fixed-tab", !!i.fixTabCount)],
-      ref: p
-    }, [F(), i.fixTabCount ? F(!0) : null, ot])]);
+      class: [i.e("nav-wrap"), i.is("scrollable", !!u.value), i.is(g.props.tabPosition)]
+    }, [Y.value, c("div", {
+      class: [i.e("nav-scroll"), i.is("have-fixed-tab", !!e.fixTabCount)],
+      ref: f
+    }, [A(), e.fixTabCount ? A(!0) : null, J])]);
   }
 });
 export {
-  fe as default
+  le as default
 };

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

@@ -10,9 +10,11 @@ interface TabPaneProps {
     /** 标签是否延迟渲染 */
     lazy?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabPaneProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabPaneProps>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -25,15 +25,13 @@ export interface TabsProps {
     /** tab 触发方式 */
     trigger?: 'click' | 'hover';
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<TabsProps>, {
-    currentName: import("vue").Ref<string | number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>, {
+    currentName: import("vue").Ref<string | number, string | number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: string | number) => void;
     tabClick: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -49,9 +47,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     }, ev: Event) => void;
     tabContextMenu: (pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -69,13 +65,11 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     tabRemove: (name: string | number) => void;
     tabAdd: () => void;
     edit: (paneName: string | number | undefined, action: "remove" | "add") => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TabsProps>>> & Readonly<{
     "onUpdate:modelValue"?: ((name: string | number) => any) | undefined;
     onTabClick?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -93,9 +87,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     onTabAdd?: (() => any) | undefined;
     onTabContextMenu?: ((pane: {
         uid: number;
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
+        slots: import("vue").Slots;
         props: {
             label: string;
             name: string | number;
@@ -111,7 +103,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
     }, index: number, ev: Event) => any) | undefined;
     onTabChange?: ((name: string | number) => any) | undefined;
     onEdit?: ((paneName: string | number | undefined, action: "remove" | "add") => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {