ep-craft 0.1.16 → 0.1.17

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

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import { ElTabPane } from 'element-plus';
-export declare const EpTabPane: typeof ElTabPane & Plugin;
+import _EpTabPane from './tab-pane';
+export declare const EpTabPane: typeof _EpTabPane & Plugin;
 export default EpTabPane;

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

@@ -1,7 +1,9 @@
-import "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/index.js";
 import { withInstall as a } from "../../utils/with-install.js";
-import { ElTabPane as n } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/index.js";
-const t = Object.assign({}, n, { name: "EpTabPane" }), b = a(t, "ep-tab-pane");
+import p from "./tab-pane.js";
+const e = a(
+  p,
+  "ep-tab-pane"
+);
 export {
-  b as EpTabPane
+  e as EpTabPane
 };

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

@@ -0,0 +1,31 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly label: import("element-plus/es/utils/index.mjs").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 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 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 name: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").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 disabled: BooleanConstructor;
+    readonly lazy: BooleanConstructor;
+}>> & Readonly<{}>, {
+    readonly closable: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: boolean;
+    readonly label: string;
+    readonly lazy: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,58 @@
+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 "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/error.js";
+import { useNamespace as M } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/hooks/use-namespace/index.js";
+import { tabsRootContextKey as O } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/src/constants.js";
+import { tabPaneProps as S } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/src/tab-pane.js";
+const v = "EpTabPane", A = P({
+  name: v,
+  props: S,
+  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(
+      () => !n.lazy || d.value || t.value
+    ), h = () => {
+      var e;
+      return (e = i.value) == null ? void 0 : e.contains(document.activeElement);
+    };
+    E(t, (e) => {
+      e && (d.value = !0);
+    });
+    const m = g({
+      uid: u.uid,
+      getVnode: () => u.vnode,
+      slots: r,
+      props: n,
+      paneName: l,
+      active: t,
+      index: s,
+      isClosable: b,
+      isFocusInsidePane: h
+    });
+    return a.registerPane(m), R(() => {
+      a.unregisterPane(m);
+    }), w(() => {
+      var e;
+      r.label && ((e = a.nav$.value) == null || e.scheduleRender());
+    }), () => f.value ? x(
+      y(
+        "div",
+        {
+          id: `pane-${l.value}`,
+          ref: i,
+          class: p.b(),
+          role: "tabpanel",
+          "aria-hidden": !t.value,
+          "aria-labelledby": `tab-${l.value}`
+        },
+        [B(r, "default")]
+      ),
+      [[T, t.value]]
+    ) : $("v-if", !0);
+  }
+});
+export {
+  A as default
+};

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

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import { ElTabs } from 'element-plus';
-export declare const EpTabs: typeof ElTabs & Plugin;
+import _EpTabs from './tabs';
+export declare const EpTabs: typeof _EpTabs & Plugin;
 export default EpTabs;

package/dist/components/tabs/index.js

@@ -1,7 +1,6 @@
-import "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/index.js";
-import { withInstall as s } from "../../utils/with-install.js";
-import { ElTabs as t } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/index.js";
-const a = Object.assign({}, t, { name: "EpTabs" }), m = s(a, "ep-tabs");
+import { withInstall as t } from "../../utils/with-install.js";
+import o from "./tabs.js";
+const s = t(o, "ep-tabs");
 export {
-  m as EpTabs
+  s as EpTabs
 };

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

@@ -0,0 +1,111 @@
+import type { VNode } from 'vue';
+import type { TabPaneName, TabsPaneContext } from 'element-plus/es/components/tabs/src/constants.mjs';
+/**
+ * EpTabs —— 从 element-plus 的 tabs 源码 vendored 而来（el -> ep 命名），
+ * 样式复用仓库内置的 theme-chalk/src/tabs.scss（命名空间为 el）。
+ *
+ * 注意：内部通过 useOrderedChildren 按子组件 name 匹配 TabPane，
+ * 因此必须将子组件命名为 EpTabPane（对应 useOrderedChildren(..., 'EpTabPane')），
+ * 否则用改名包装（ElTabs -> EpTabs）会导致 TabPane 无法被识别、标签页不展示。
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly type: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly closable: BooleanConstructor;
+    readonly addable: BooleanConstructor;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly defaultValue: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly editable: BooleanConstructor;
+    readonly tabPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+    readonly beforeLeave: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, () => true, boolean>;
+    readonly stretch: BooleanConstructor;
+    readonly tabindex: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (name: TabPaneName) => name is string | number;
+    tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
+    tabChange: (name: TabPaneName) => name is string | number;
+    edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean;
+    tabRemove: (name: TabPaneName) => name is string | number;
+    tabAdd: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly type: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly closable: BooleanConstructor;
+    readonly addable: BooleanConstructor;
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly defaultValue: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly editable: BooleanConstructor;
+    readonly tabPosition: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+    readonly beforeLeave: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>) | {
+        (): (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, () => true, boolean>;
+    readonly stretch: BooleanConstructor;
+    readonly tabindex: import("element-plus/es/utils/index.mjs").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
+    onTabClick?: ((pane: {
+        uid: number;
+        getVnode: () => VNode;
+        slots: import("vue").Slots;
+        props: {
+            label?: string | undefined;
+            name?: string | number | undefined;
+            closable?: boolean | undefined;
+            disabled?: boolean | undefined;
+            lazy?: boolean | undefined;
+        };
+        paneName: TabPaneName | undefined;
+        active: boolean;
+        index: string | undefined;
+        isClosable: boolean;
+        isFocusInsidePane: () => boolean | undefined;
+    }, ev: Event) => any) | undefined;
+    onTabChange?: ((name: TabPaneName) => any) | undefined;
+    onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
+    onTabRemove?: ((name: TabPaneName) => any) | undefined;
+    onTabAdd?: (() => any) | undefined;
+}>, {
+    readonly type: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
+    readonly closable: boolean;
+    readonly tabindex: import("element-plus/es/utils/index.mjs").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly editable: boolean;
+    readonly stretch: boolean;
+    readonly addable: boolean;
+    readonly tabPosition: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
+    readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => import("element-plus/es/utils/typescript.mjs").Awaitable<void | boolean>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/tabs/tabs.js

@@ -0,0 +1,133 @@
+import { defineComponent as F, computed as I, getCurrentInstance as L, ref as E, watch as p, nextTick as S, provide as D, h as i, renderSlot as y } from "vue";
+import { Plus as K } from "../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.40_typescript@5.9.3_/node_modules/@element-plus/icons-vue/dist/index.js";
+import { EVENT_CODE as N } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/constants/aria.js";
+import { UPDATE_MODEL_EVENT as O } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/constants/event.js";
+import { getEventCode as U } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/dom/event.js";
+import { isUndefined as b } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/types.js";
+import { useNamespace as M } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/hooks/use-namespace/index.js";
+import { useOrderedChildren as B } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/hooks/use-ordered-children/index.js";
+import { ElIcon as $ } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/icon/index.js";
+import { tabsRootContextKey as j } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/src/constants.js";
+import { tabsEmits as q, tabsProps as z } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/src/tabs.js";
+import G from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/src/tab-nav.js";
+const re = F({
+  name: "EpTabs",
+  props: z,
+  emits: q,
+  setup(t, { emit: d, slots: m, expose: g }) {
+    const n = M("tabs"), v = I(
+      () => ["left", "right"].includes(t.tabPosition)
+    ), {
+      children: h,
+      addChild: w,
+      removeChild: V,
+      ChildrenSorter: R
+    } = B(L(), "EpTabPane"), s = E(), r = E(
+      (b(t.modelValue) ? t.defaultValue : t.modelValue) ?? "0"
+    ), C = async (e, a = !1) => {
+      var o, l, u;
+      if (!(r.value === e || b(e)))
+        try {
+          let f;
+          if (t.beforeLeave) {
+            const c = t.beforeLeave(e, r.value);
+            f = c instanceof Promise ? await c : c;
+          } else
+            f = !0;
+          if (f !== !1) {
+            const c = (o = h.value.find((_) => _.paneName === r.value)) == null ? void 0 : o.isFocusInsidePane();
+            r.value = e, a && (d(O, e), d("tabChange", e)), (l = s.value) == null || l.removeFocus(), c && ((u = s.value) == null || u.focusActiveTab());
+          }
+        } catch {
+        }
+    }, k = (e, a, o) => {
+      e.props.disabled || (d("tabClick", e, o), C(a, !0));
+    }, x = (e, a) => {
+      e.props.disabled || b(e.props.name) || (a.stopPropagation(), d("edit", e.props.name, "remove"), d("tabRemove", e.props.name));
+    }, T = () => {
+      d("edit", void 0, "add"), d("tabAdd");
+    }, A = (e) => {
+      const a = U(e);
+      [N.enter, N.numpadEnter].includes(a) && T();
+    }, P = (e) => {
+      const a = e.el.firstChild, o = e.children, l = ["bottom", "right"].includes(t.tabPosition) ? o[0].el : o[1].el;
+      a !== l && a.before(l);
+    };
+    return p(
+      () => t.modelValue,
+      (e) => C(e)
+    ), p(r, async () => {
+      var e;
+      await S(), (e = s.value) == null || e.scrollToActiveTab();
+    }), D(j, {
+      props: t,
+      currentName: r,
+      registerPane: w,
+      unregisterPane: V,
+      nav$: s
+    }), g({
+      currentName: r,
+      get tabNavRef() {
+        if (!s.value) return;
+        const { scheduleRender: e, ...a } = s.value;
+        return a;
+      }
+    }), () => {
+      const e = m["add-icon"], a = t.editable || t.addable ? i(
+        "div",
+        {
+          class: [
+            n.e("new-tab"),
+            v.value && n.e("new-tab-vertical")
+          ],
+          tabindex: t.tabindex,
+          onClick: T,
+          onKeydown: A
+        },
+        [
+          e ? y(m, "add-icon") : i($, { class: n.is("icon-plus") }, { default: () => [i(K)] })
+        ]
+      ) : null, o = () => i(G, {
+        ref: s,
+        currentName: r.value,
+        editable: t.editable,
+        type: t.type,
+        panes: h.value,
+        stretch: t.stretch,
+        onTabClick: k,
+        onTabRemove: x
+      }), l = i(
+        "div",
+        {
+          class: [
+            n.e("header"),
+            v.value && n.e("header-vertical"),
+            n.is(t.tabPosition)
+          ]
+        },
+        [i(R, null, { default: o }), a]
+      ), u = i("div", { class: n.e("content") }, [
+        y(m, "default")
+      ]);
+      return i(
+        "div",
+        {
+          class: [
+            n.b(),
+            n.m(t.tabPosition),
+            {
+              [n.m("card")]: t.type === "card",
+              [n.m("border-card")]: t.type === "border-card"
+            }
+          ],
+          onVnodeMounted: P,
+          onVnodeUpdated: P
+        },
+        [u, l]
+      );
+    };
+  }
+});
+export {
+  re as default
+};

package/dist/node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/index.js

@@ -1,8 +1,8 @@
-import { withInstall as a, withNoopInstall as o } from "../../utils/vue/install.js";
+import { withNoopInstall as a, withInstall as o } from "../../utils/vue/install.js";
 import s from "./src/tabs.js";
 import { tabsEmits as f, tabsProps as i } from "./src/tabs.js";
 import t from "./src/tab-pane2.js";
-const p = a(s, { TabPane: t }), b = o(t);
+const p = o(s, { TabPane: t }), b = a(t);
 export {
   b as ElTabPane,
   p as ElTabs,

package/dist/node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tabs/src/tabs.js

@@ -1,7 +1,7 @@
 import { EVENT_CODE as N } from "../../../constants/aria.js";
 import { UPDATE_MODEL_EVENT as S } from "../../../constants/event.js";
 import { getEventCode as I } from "../../../utils/dom/event.js";
-import { isUndefined as f, isNumber as _ } from "../../../utils/types.js";
+import { isNumber as _, isUndefined as f } from "../../../utils/types.js";
 import { buildProps as D, definePropType as K } from "../../../utils/vue/props/runtime.js";
 import { useNamespace as O } from "../../../hooks/use-namespace/index.js";
 import { useOrderedChildren as U } from "../../../hooks/use-ordered-children/index.js";
@@ -10,8 +10,8 @@ import { tabsRootContextKey as $ } from "./constants.js";
 import j from "./tab-nav.js";
 import { Plus as q } from "../../../../../../../@element-plus_icons-vue@2.3.2_vue@3.5.40_typescript@5.9.3_/node_modules/@element-plus/icons-vue/dist/index.js";
 import { defineComponent as z, computed as G, getCurrentInstance as H, ref as T, watch as E, nextTick as J, provide as Q, createVNode as d, renderSlot as V } from "vue";
-import W from "../../../../../../../lodash-es@4.18.1/node_modules/lodash-es/omit.js";
-import { isString as X } from "../../../../../../../@vue_shared@3.5.40/node_modules/@vue/shared/dist/shared.esm-bundler.js";
+import { isString as W } from "../../../../../../../@vue_shared@3.5.40/node_modules/@vue/shared/dist/shared.esm-bundler.js";
+import X from "../../../../../../../lodash-es@4.18.1/node_modules/lodash-es/omit.js";
 const Y = D({
   /**
   * @description type of Tab
@@ -76,7 +76,7 @@ const Y = D({
     type: [String, Number],
     default: 0
   }
-}), v = (e) => X(e) || _(e), Z = {
+}), v = (e) => W(e) || _(e), Z = {
   [S]: (e) => v(e),
   tabClick: (e, n) => n instanceof Event,
   tabChange: (e) => v(e),
@@ -128,7 +128,7 @@ const Y = D({
     }), w({
       currentName: i,
       get tabNavRef() {
-        return W(l.value, ["scheduleRender"]);
+        return X(l.value, ["scheduleRender"]);
       }
     }), () => {
       const t = m["add-icon"], a = e.editable || e.addable ? d("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.16",
+  "version": "0.1.17",
   "description": "A Vue 3 component library based on element-plus with ep- prefix",
   "type": "module",
   "main": "./dist/ep-craft.js",