ep-craft 0.1.22 → 0.1.23

package/dist/components/sub-menu/sub-menu.js

@@ -1,17 +1,24 @@
-import { defineComponent as X, getCurrentInstance as ee, computed as t, inject as A, ref as f, reactive as oe, watch as ne, provide as te, onMounted as le, onBeforeUnmount as ae, h as u, Fragment as ue, withDirectives as se, vShow as re, nextTick as pe } from "vue";
-import { ElCollapseTransition as ie } from "element-plus/es/components/collapse-transition/index.mjs";
-import { ElTooltip as ce } from "element-plus/es/components/tooltip/index.mjs";
-import { ElIcon as de } from "element-plus/es/components/icon/index.mjs";
-import { buildProps as me, iconPropType as I, definePropType as ve, throwError as F, isUndefined as fe, isString as be, focusElement as he } from "element-plus/es/utils/index.mjs";
-import { useNamespace as U } from "element-plus/es/hooks/use-namespace/index.mjs";
+import { defineComponent as X, getCurrentInstance as ee, computed as n, inject as A, ref as f, reactive as oe, watch as te, provide as ne, onMounted as le, onBeforeUnmount as ae, h as u, Fragment as ue, withDirectives as re, vShow as se, nextTick as pe } from "vue";
+import { ElCollapseTransition as ie } from "../collapse-transition/index.js";
+import { ElTooltip as ce } from "../tooltip/index.js";
+import { ElIcon as de } from "../icon/index.js";
+import { isUndefined as me } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { throwError as F } from "../../utils/error.js";
+import { isString as ve } from "@vue/shared";
+import { focusElement as fe } from "../../utils/dom/aria.js";
+import { iconPropType as I } from "../../utils/vue/icon.js";
+import { buildProps as be, definePropType as he } from "../../utils/vue/props/runtime.js";
+import { useNamespace as U } from "../../hooks/use-namespace/index.js";
 import { ArrowDown as Me, ArrowRight as Ce } from "@element-plus/icons-vue";
 import Ie from "../menu/use-menu.js";
-import { useMenuCssVar as Te } from "element-plus/es/components/menu/src/use-menu-css-var.mjs";
+import { useMenuCssVar as Te } from "../menu/use-menu-css-var.js";
 import { MENU_INJECTION_KEY as xe, SUB_MENU_INJECTION_KEY as R } from "../menu/tokens.js";
-const D = (o, s) => {
-  const T = setTimeout(o, s);
+const D = (o, r) => {
+  const T = setTimeout(o, r);
   return { stop: () => clearTimeout(T) };
-}, ge = me({
+}, ge = be({
   /** unique identification */
   index: {
     type: String,
@@ -25,7 +32,7 @@ const D = (o, s) => {
   popperClass: String,
   /** custom style for the popup menu */
   popperStyle: {
-    type: ve([String, Object])
+    type: he([String, Object])
   },
   /** whether the sub-menu is disabled */
   disabled: Boolean,
@@ -52,13 +59,13 @@ const D = (o, s) => {
   collapseOpenIcon: {
     type: I
   }
-}), P = "EpSubMenu", $e = X({
+}), P = "EpSubMenu", De = X({
   name: P,
   props: ge,
-  setup(o, { slots: s, expose: T }) {
+  setup(o, { slots: r, expose: T }) {
     const x = ee(), { indexPath: b, parentMenu: N } = Ie(
       x,
-      t(() => o.index)
+      n(() => o.index)
     ), p = U("menu"), d = U("sub-menu"), e = A(xe);
     e || F(P, "can not inject root menu");
     const l = A(
@@ -67,14 +74,14 @@ const D = (o, s) => {
     l || F(P, "can not inject sub menu");
     const H = f({}), g = f({});
     let i;
-    const k = f(!1), J = f(), z = f(), h = t(() => l.level === 0), _ = t(
+    const k = f(!1), J = f(), z = f(), h = n(() => l.level === 0), _ = n(
       () => m.value === "horizontal" && h.value ? "bottom-start" : "right-start"
-    ), S = t(() => m.value === "horizontal" && h.value || m.value === "vertical" && !e.props.collapse ? o.expandCloseIcon && o.expandOpenIcon ? c.value ? o.expandOpenIcon : o.expandCloseIcon : Me : o.collapseCloseIcon && o.collapseOpenIcon ? c.value ? o.collapseOpenIcon : o.collapseCloseIcon : Ce), y = t(() => {
-      const n = o.teleported;
-      return fe(n) ? h.value : n;
-    }), K = t(
+    ), S = n(() => m.value === "horizontal" && h.value || m.value === "vertical" && !e.props.collapse ? o.expandCloseIcon && o.expandOpenIcon ? c.value ? o.expandOpenIcon : o.expandCloseIcon : Me : o.collapseCloseIcon && o.collapseOpenIcon ? c.value ? o.collapseOpenIcon : o.collapseCloseIcon : Ce), y = n(() => {
+      const t = o.teleported;
+      return me(t) ? h.value : t;
+    }), K = n(
       () => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`
-    ), Y = t(
+    ), Y = n(
       () => m.value === "horizontal" && h.value ? [
         "bottom-start",
         "bottom-end",
@@ -92,50 +99,50 @@ const D = (o, s) => {
         "top-start",
         "top-end"
       ]
-    ), c = t(() => e.openedMenus.includes(o.index)), E = t(
+    ), c = n(() => e.openedMenus.includes(o.index)), E = n(
       () => [...Object.values(H.value), ...Object.values(g.value)].some(
-        ({ active: n }) => n
+        ({ active: t }) => t
       )
-    ), m = t(() => e.props.mode), q = t(() => e.props.persistent), M = oe({
+    ), m = n(() => e.props.mode), q = n(() => e.props.persistent), M = oe({
       index: o.index,
       indexPath: b,
       active: E
-    }), $ = Te(e.props, l.level + 1), L = t(
+    }), $ = Te(e.props, l.level + 1), L = n(
       () => o.popperOffset ?? e.props.popperOffset
-    ), j = t(
+    ), j = n(
       () => o.popperClass ?? e.props.popperClass
-    ), V = t(
+    ), V = n(
       () => o.popperStyle ?? e.props.popperStyle
-    ), Z = t(
+    ), Z = n(
       () => o.showTimeout ?? e.props.showTimeout
-    ), G = t(
+    ), G = n(
       () => o.hideTimeout ?? e.props.hideTimeout
     ), Q = () => {
-      var n, r, a;
-      return (a = (r = (n = z.value) == null ? void 0 : n.popperRef) == null ? void 0 : r.popperInstanceRef) == null ? void 0 : a.destroy();
-    }, W = (n) => {
-      n || Q();
+      var t, s, a;
+      return (a = (s = (t = z.value) == null ? void 0 : t.popperRef) == null ? void 0 : s.popperInstanceRef) == null ? void 0 : a.destroy();
+    }, W = (t) => {
+      t || Q();
     }, B = () => {
       e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
         index: o.index,
         indexPath: b.value,
         active: E.value
       });
-    }, C = (n, r = Z.value) => {
+    }, C = (t, s = Z.value) => {
       var a;
-      if (n.type !== "focus") {
+      if (t.type !== "focus") {
         if (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled) {
           l.mouseInChild.value = !0;
           return;
         }
         l.mouseInChild.value = !0, i == null || i(), { stop: i } = D(() => {
           e.openMenu(o.index, b.value);
-        }, r), y.value && ((a = N.value.vnode.el) == null || a.dispatchEvent(new MouseEvent("mouseenter"))), n.type === "mouseenter" && n.target && pe(() => {
-          he(n.target, { preventScroll: !0 });
+        }, s), y.value && ((a = N.value.vnode.el) == null || a.dispatchEvent(new MouseEvent("mouseenter"))), t.type === "mouseenter" && t.target && pe(() => {
+          fe(t.target, { preventScroll: !0 });
         });
       }
-    }, O = (n = !1) => {
-      var r;
+    }, O = (t = !1) => {
+      var s;
       if (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical") {
         l.mouseInChild.value = !1;
         return;
@@ -143,21 +150,21 @@ const D = (o, s) => {
       i == null || i(), l.mouseInChild.value = !1, { stop: i } = D(
         () => !k.value && e.closeMenu(o.index, b.value),
         G.value
-      ), y.value && n && ((r = l.handleMouseleave) == null || r.call(l, !0));
+      ), y.value && t && ((s = l.handleMouseleave) == null || s.call(l, !0));
     };
-    ne(
+    te(
       () => e.props.collapse,
-      (n) => W(!!n)
+      (t) => W(!!t)
     );
     {
-      const n = (a) => {
+      const t = (a) => {
         g.value[a.index] = a;
-      }, r = (a) => {
+      }, s = (a) => {
         delete g.value[a.index];
       };
-      te(`${R}${x.uid}`, {
-        addSubMenu: n,
-        removeSubMenu: r,
+      ne(`${R}${x.uid}`, {
+        addSubMenu: t,
+        removeSubMenu: s,
         handleMouseleave: O,
         mouseInChild: k,
         level: l.level + 1
@@ -171,8 +178,8 @@ const D = (o, s) => {
       l.removeSubMenu(M), e.removeSubMenu(M);
     }), () => {
       var a;
-      const n = [
-        (a = s.title) == null ? void 0 : a.call(s),
+      const t = [
+        (a = r.title) == null ? void 0 : a.call(r),
         u(
           de,
           {
@@ -182,10 +189,10 @@ const D = (o, s) => {
             }
           },
           {
-            default: () => be(S.value) ? u(x.appContext.components[S.value]) : u(S.value)
+            default: () => ve(S.value) ? u(x.appContext.components[S.value]) : u(S.value)
           }
         )
-      ], r = e.isMenuPopup ? u(
+      ], s = e.isMenuPopup ? u(
         ce,
         {
           ref: z,
@@ -229,7 +236,7 @@ const D = (o, s) => {
                     ],
                     style: $.value
                   },
-                  [(v = s.default) == null ? void 0 : v.call(s)]
+                  [(v = r.default) == null ? void 0 : v.call(r)]
                 )
               ]
             );
@@ -240,7 +247,7 @@ const D = (o, s) => {
               class: d.e("title"),
               onClick: B
             },
-            n
+            t
           )
         }
       ) : u(ue, {}, [
@@ -251,7 +258,7 @@ const D = (o, s) => {
             ref: J,
             onClick: B
           },
-          n
+          t
         ),
         u(
           ie,
@@ -259,7 +266,7 @@ const D = (o, s) => {
           {
             default: () => {
               var v;
-              return se(
+              return re(
                 u(
                   "ul",
                   {
@@ -267,9 +274,9 @@ const D = (o, s) => {
                     class: [p.b(), p.m("inline")],
                     style: $.value
                   },
-                  [(v = s.default) == null ? void 0 : v.call(s)]
+                  [(v = r.default) == null ? void 0 : v.call(r)]
                 ),
-                [[re, c.value]]
+                [[se, c.value]]
               );
             }
           }
@@ -291,12 +298,12 @@ const D = (o, s) => {
           onMouseleave: () => O(),
           onFocus: C
         },
-        [r]
+        [s]
       );
     };
   }
 });
 export {
-  $e as default,
+  De as default,
   ge as subMenuProps
 };

package/dist/components/tab-pane/tab-pane.d.ts

@@ -1,31 +1,68 @@
+/**
+ * @deprecated Removed after 3.0.0, Use `TabPaneProps` instead.
+ */
+export declare const tabPaneProps: {
+    readonly label: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly name: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly closable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly lazy: BooleanConstructor;
+};
+export type TabPaneProps = {
+    /**
+     * @description title of the tab
+     */
+    label?: string;
+    /**
+     * @description identifier corresponding to the name of Tabs, representing the alias of the tab-pane, the default is ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '0'
+     */
+    name?: string | number;
+    /**
+     * @description whether Tab is closable
+     */
+    closable?: boolean;
+    /**
+     * @description whether Tab is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description whether Tab is lazily rendered
+     */
+    lazy?: boolean;
+};
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly label: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly label: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly name: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly closable: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly closable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     readonly disabled: BooleanConstructor;
     readonly lazy: BooleanConstructor;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly label: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly label: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly name: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly closable: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly closable: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     readonly disabled: BooleanConstructor;
     readonly lazy: BooleanConstructor;
 }>> & Readonly<{}>, {
-    readonly label: string;
     readonly disabled: boolean;
-    readonly closable: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly label: string;
+    readonly closable: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly lazy: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/tab-pane/tab-pane.js

@@ -1,58 +1,92 @@
-import { defineComponent as P, getCurrentInstance as N, inject as C, ref as c, computed as o, watch as E, reactive as g, onBeforeUnmount as R, onBeforeUpdate as w, withDirectives as x, h as y, renderSlot as B, vShow as T, createCommentVNode as $ } from "vue";
-import { throwError as I } from "element-plus/es/utils/index.mjs";
-import { useNamespace as M } from "element-plus/es/hooks/use-namespace/index.mjs";
-import { tabsRootContextKey as O } from "element-plus/es/components/tabs/src/constants.mjs";
-import { tabPaneProps as S } from "element-plus/es/components/tabs/src/tab-pane.mjs";
-const v = "EpTabPane", A = P({
-  name: v,
-  props: S,
+import { defineComponent as h, getCurrentInstance as N, inject as g, ref as s, computed as o, watch as y, reactive as B, onBeforeUnmount as C, onBeforeUpdate as E, withDirectives as R, h as w, renderSlot as S, vShow as x, createCommentVNode as T } from "vue";
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { throwError as $ } from "../../utils/error.js";
+import "@element-plus/icons-vue";
+import { buildProps as z } from "../../utils/vue/props/runtime.js";
+import { useNamespace as I } from "../../hooks/use-namespace/index.js";
+import { tabsRootContextKey as M } from "../tabs/constants.js";
+const O = z({
+  /**
+   * @description title of the tab
+   */
+  label: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description identifier corresponding to the name of Tabs, representing the alias of the tab-pane, the default is ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '0'
+   */
+  name: {
+    type: [String, Number]
+  },
+  /**
+   * @description whether Tab is closable
+   */
+  closable: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description whether Tab is disabled
+   */
+  disabled: Boolean,
+  /**
+   * @description whether Tab is lazily rendered
+   */
+  lazy: Boolean
+}), p = "EpTabPane", q = h({
+  name: p,
+  props: O,
   setup(n, { slots: r }) {
-    const u = N(), a = C(O);
-    a || I(v, "usage: <ep-tabs><ep-tab-pane /></ep-tabs/>");
-    const p = M("tab-pane"), i = c(), s = c(), b = o(() => n.closable ?? a.props.closable), t = o(
-      () => a.currentName.value === (n.name ?? s.value)
-    ), d = c(t.value), l = o(() => n.name ?? s.value), f = o(
+    const u = N(), a = g(M);
+    a || $(p, "usage: <ep-tabs><ep-tab-pane /></ep-tabs/>");
+    const v = I("tab-pane"), c = s(), l = s(), b = o(() => n.closable ?? a.props.closable), t = o(
+      () => a.currentName.value === (n.name ?? l.value)
+    ), d = s(t.value), i = o(() => n.name ?? l.value), f = o(
       () => !n.lazy || d.value || t.value
-    ), h = () => {
+    ), P = () => {
       var e;
-      return (e = i.value) == null ? void 0 : e.contains(document.activeElement);
+      return (e = c.value) == null ? void 0 : e.contains(document.activeElement);
     };
-    E(t, (e) => {
+    y(t, (e) => {
       e && (d.value = !0);
     });
-    const m = g({
+    const m = B({
       uid: u.uid,
       getVnode: () => u.vnode,
       slots: r,
       props: n,
-      paneName: l,
+      paneName: i,
       active: t,
-      index: s,
+      index: l,
       isClosable: b,
-      isFocusInsidePane: h
+      isFocusInsidePane: P
     });
-    return a.registerPane(m), R(() => {
+    return a.registerPane(m), C(() => {
       a.unregisterPane(m);
-    }), w(() => {
+    }), E(() => {
       var e;
       r.label && ((e = a.nav$.value) == null || e.scheduleRender());
-    }), () => f.value ? x(
-      y(
+    }), () => f.value ? R(
+      w(
         "div",
         {
-          id: `pane-${l.value}`,
-          ref: i,
-          class: p.b(),
+          id: `pane-${i.value}`,
+          ref: c,
+          class: v.b(),
           role: "tabpanel",
           "aria-hidden": !t.value,
-          "aria-labelledby": `tab-${l.value}`
+          "aria-labelledby": `tab-${i.value}`
         },
-        [B(r, "default")]
+        [S(r, "default")]
       ),
-      [[T, t.value]]
-    ) : $("v-if", !0);
+      [[x, t.value]]
+    ) : T("v-if", !0);
   }
 });
 export {
-  A as default
+  q as default,
+  O as tabPaneProps
 };

package/dist/components/tabs/composables/use-tab-nav-touch.d.ts

@@ -0,0 +1,19 @@
+import type { ComputedRef, Ref } from 'vue';
+export interface Scrollable {
+    next?: boolean;
+    prev?: number;
+}
+interface UseTabNavTouchParams {
+    scrollable: Ref<false | Scrollable>;
+    navOffset: Ref<number>;
+    navSize: ComputedRef<number>;
+    navContainerSize: ComputedRef<number>;
+    isHorizontal: ComputedRef<boolean>;
+}
+export declare const useTabNavTouch: ({ scrollable, navOffset, navSize, navContainerSize, isHorizontal, }: UseTabNavTouchParams) => {
+    isTouchScrolling: Ref<boolean, boolean>;
+    handleTouchStart: (event: TouchEvent) => void;
+    handleTouchMove: (event: TouchEvent) => void;
+    handleTouchEnd: () => void;
+};
+export {};

package/dist/components/tabs/composables/use-tab-nav-touch.js

@@ -0,0 +1,58 @@
+import { ref as A, computed as O } from "vue";
+import { isUndefined as S, clamp as g } from "lodash-unified";
+import "@vue/shared";
+import "@vueuse/core";
+import { getClientXY as x } from "../../../utils/dom/position.js";
+import "@element-plus/icons-vue";
+const b = 5, _ = ({
+  scrollable: r,
+  navOffset: s,
+  navSize: T,
+  navContainerSize: D,
+  isHorizontal: i
+}) => {
+  const o = A(!1), l = O(
+    () => Math.max(T.value - D.value, 0)
+  );
+  let e, a;
+  const M = (t) => {
+    if (!r.value || t.touches.length !== 1) return;
+    const { clientX: n, clientY: c } = x(t);
+    e = {
+      startX: n,
+      startY: c,
+      startOffset: s.value
+    }, a = void 0;
+  }, X = (t) => {
+    if (!e || !r.value) return;
+    if (t.touches.length !== 1) {
+      u();
+      return;
+    }
+    const { clientX: n, clientY: c } = x(t), f = e.startX - n, h = e.startY - c, m = i.value ? f : h, Y = i.value ? h : f, v = Math.abs(m), d = Math.abs(Y);
+    if (S(a)) {
+      if (Math.max(v, d) <= b)
+        return;
+      a = v > d;
+    }
+    if (!a)
+      return;
+    const p = g(
+      e.startOffset + m,
+      0,
+      l.value
+    );
+    l.value <= 0 || p === s.value || !t.cancelable || (t.preventDefault(), o.value = !0, s.value = p);
+  }, u = () => {
+    e = void 0, a = void 0, o.value = !1;
+  };
+  return {
+    isTouchScrolling: o,
+    handleTouchStart: M,
+    handleTouchMove: X,
+    handleTouchEnd: u
+  };
+};
+export {
+  _ as useTabNavTouch
+};

package/dist/components/tabs/constants.d.ts

@@ -0,0 +1,63 @@
+import type { ComputedRef, InjectionKey, Ref, Slots, UnwrapRef, VNode } from 'vue';
+import type { TabsProps } from './tabs';
+export type TabPaneName = string | number;
+/**
+ * tab-pane 的 props 类型，与 element-plus `tabs/src/tab-pane.ts` 的 `TabPaneProps`
+ * 字段保持一致（label/name/closable/disabled/lazy）。tab-pane 本体由任务 7.4
+ * 自持后导出自身的 `TabPaneProps`；此处内联字段，避免跨任务引用尚未完成的模块
+ * （type-only 不会产生运行时循环依赖）。
+ */
+type TabPaneProps = {
+    /**
+     * @description title of the tab
+     */
+    label?: string;
+    /**
+     * @description identifier corresponding to the name of Tabs, representing the alias of the tab-pane, the default is ordinal number of the tab-pane in the sequence, e.g. the first tab-pane is '0'
+     */
+    name?: string | number;
+    /**
+     * @description whether Tab is closable
+     */
+    closable?: boolean;
+    /**
+     * @description whether Tab is disabled
+     */
+    disabled?: boolean;
+    /**
+     * @description whether Tab is lazily rendered
+     */
+    lazy?: boolean;
+};
+/**
+ * TabNav 实例在 tabs/tab-pane 处实际消费的方法子集（与 element-plus 的
+ * `TabNavInstance` 消费面一致）。TabNav 本体由任务 7.2 产出、7.3 切换 tabs.ts
+ * 的 `TabNavInstance` 深引用；此处内联其消费面，使本常量在 7.2/7.3 之前即可
+ * 独立类型化（type-only）。
+ */
+interface TabNavInstance {
+    removeFocus: () => void;
+    focusActiveTab: () => void;
+    scrollToActiveTab: () => Promise<void>;
+    scheduleRender: () => void;
+}
+export type TabsPaneContext = UnwrapRef<{
+    uid: number;
+    getVnode: () => VNode;
+    slots: Slots;
+    props: TabPaneProps;
+    paneName: ComputedRef<TabPaneName | undefined>;
+    active: ComputedRef<boolean>;
+    index: Ref<string | undefined>;
+    isClosable: ComputedRef<boolean>;
+    isFocusInsidePane: () => boolean | undefined;
+}>;
+export interface TabsRootContext {
+    props: TabsProps;
+    currentName: Ref<TabPaneName>;
+    registerPane: (pane: TabsPaneContext) => void;
+    unregisterPane: (pane: TabsPaneContext) => void;
+    nav$: Ref<TabNavInstance | undefined>;
+}
+export declare const tabsRootContextKey: InjectionKey<TabsRootContext>;
+export {};

package/dist/components/tabs/constants.js

@@ -0,0 +1,4 @@
+const t = Symbol("tabsRootContextKey");
+export {
+  t as tabsRootContextKey
+};