ep-craft 0.1.38 → 0.1.40

package/dist/components/tabs/tab-bar.vue.js

@@ -1,21 +1,13 @@
-import { defineComponent as B, inject as C, ref as h, computed as O, watch as S, nextTick as $, onBeforeUnmount as k, openBlock as T, createElementBlock as F, normalizeStyle as P, normalizeClass as j, unref as c, createCommentVNode as A } from "vue";
+import { defineComponent as B, inject as C, ref as h, computed as O, watch as S, nextTick as $, onBeforeUnmount as k, openBlock as T, createElementBlock as F, normalizeStyle as P, normalizeClass as j, unref as m, createCommentVNode as A } from "vue";
 import { useResizeObserver as v } from "@vueuse/core";
-import { isUndefined as y } from "../../utils/types.js";
-import "lodash-unified";
 import { throwError as L } from "../../utils/error.js";
-import "@vue/shared";
 import { capitalize as b } from "../../utils/strings.js";
-import "@element-plus/icons-vue";
+import { isUndefined as y } from "../../utils/types.js";
 import { useNamespace as M } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
 import "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "../../hooks/use-empty-values/index.js";
 import { tabsRootContextKey as U } from "./constants.js";
-const N = "ElTabBar", ae = /* @__PURE__ */ B({
+const N = "ElTabBar", W = /* @__PURE__ */ B({
   name: N,
   __name: "tab-bar",
   props: {
@@ -25,28 +17,28 @@ const N = "ElTabBar", ae = /* @__PURE__ */ B({
   setup(g, { expose: x }) {
     const r = g, o = C(U);
     o || L(N, "<el-tabs><el-tab-bar /></el-tabs>");
-    const u = M("tabs"), p = h(), m = h(), w = O(
+    const u = M("tabs"), l = h(), p = h(), w = O(
       () => {
         var e;
-        return y(o.props.defaultValue) || !!((e = m.value) != null && e.transform);
+        return y(o.props.defaultValue) || !!((e = p.value) != null && e.transform);
       }
     ), E = () => {
       let e = 0, s = 0;
       const n = ["top", "bottom"].includes(o.props.tabPosition) ? "width" : "height", d = n === "width" ? "x" : "y", z = d === "x" ? "left" : "top";
-      return r.tabs.every((l) => {
-        if (y(l.paneName)) return !1;
-        const i = r.tabRefs[l.paneName];
+      return r.tabs.every((f) => {
+        if (y(f.paneName)) return !1;
+        const i = r.tabRefs[f.paneName];
         if (!i) return !1;
-        if (!l.active)
+        if (!f.active)
           return !0;
         e = i[`offset${b(z)}`], s = i[`client${b(n)}`];
-        const f = window.getComputedStyle(i);
-        return n === "width" && (s -= Number.parseFloat(f.paddingLeft) + Number.parseFloat(f.paddingRight), e += Number.parseFloat(f.paddingLeft)), !1;
+        const c = window.getComputedStyle(i);
+        return n === "width" && (s -= Number.parseFloat(c.paddingLeft) + Number.parseFloat(c.paddingRight), e += Number.parseFloat(c.paddingLeft)), !1;
       }), {
         [n]: `${s}px`,
         transform: `translate${b(d)}(${e}px)`
       };
-    }, a = () => m.value = E(), t = [], R = () => {
+    }, a = () => p.value = E(), t = [], R = () => {
       t.forEach((e) => e.stop()), t.length = 0, Object.values(r.tabRefs).forEach((e) => {
         t.push(v(e, a));
       });
@@ -58,23 +50,23 @@ const N = "ElTabBar", ae = /* @__PURE__ */ B({
       },
       { immediate: !0 }
     );
-    const _ = v(p, () => a());
+    const _ = v(l, () => a());
     return k(() => {
       t.forEach((e) => e.stop()), t.length = 0, _.stop();
     }), x({
       /** @description tab root html element */
-      ref: p,
+      ref: l,
       /** @description method to manually update tab bar style, return the updated style */
       update: a
     }), (e, s) => w.value ? (T(), F("div", {
       key: 0,
       ref_key: "barRef",
-      ref: p,
-      class: j([c(u).e("active-bar"), c(u).is(c(o).props.tabPosition)]),
-      style: P(m.value)
+      ref: l,
+      class: j([m(u).e("active-bar"), m(u).is(m(o).props.tabPosition)]),
+      style: P(p.value)
     }, null, 6)) : A("", !0);
   }
 });
 export {
-  ae as default
+  W as default
 };

package/dist/components/tabs/tab-nav.d.ts

@@ -1,8 +1,8 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
-import type { TabBarInstance } from './tab-bar';
-import type { TabPaneName, TabsPaneContext } from './constants';
+import type { TabBarInstance } from './tab-bar.js';
+import type { TabPaneName, TabsPaneContext } from './constants.js';
 export declare const tabNavProps: {
-    readonly panes: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => {
+    readonly panes: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
         getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
@@ -67,11 +67,11 @@ export declare const tabNavProps: {
         isClosable: boolean;
         isFocusInsidePane: () => boolean | undefined;
     }[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly currentName: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly currentName: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly editable: BooleanConstructor;
-    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly type: import("../../utils/index.js").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly stretch: BooleanConstructor;
-    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
 };
 export declare const tabNavEmits: {
     tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
@@ -81,7 +81,7 @@ export type TabNavProps = ExtractPropTypes<typeof tabNavProps>;
 export type TabNavPropsPublic = ExtractPublicPropTypes<typeof tabNavProps>;
 export type TabNavEmits = typeof tabNavEmits;
 declare const TabNav: import("vue").DefineComponent<ExtractPropTypes<{
-    readonly panes: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => {
+    readonly panes: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
         getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
@@ -146,16 +146,16 @@ declare const TabNav: import("vue").DefineComponent<ExtractPropTypes<{
         isClosable: boolean;
         isFocusInsidePane: () => boolean | undefined;
     }[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly currentName: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly currentName: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly editable: BooleanConstructor;
-    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly type: import("../../utils/index.js").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly stretch: BooleanConstructor;
-    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
     tabRemove: (tab: TabsPaneContext, ev: Event) => boolean;
 }, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    readonly panes: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => {
+    readonly panes: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => {
         uid: number;
         getVnode: () => import("vue").VNode;
         slots: import("vue").Slots;
@@ -220,11 +220,11 @@ declare const TabNav: import("vue").DefineComponent<ExtractPropTypes<{
         isClosable: boolean;
         isFocusInsidePane: () => boolean | undefined;
     }[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly currentName: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly currentName: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     readonly editable: BooleanConstructor;
-    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly type: import("../../utils/index.js").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly stretch: BooleanConstructor;
-    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
 }>> & Readonly<{
     onTabClick?: ((tab: {
         uid: number;
@@ -262,8 +262,8 @@ declare const TabNav: import("vue").DefineComponent<ExtractPropTypes<{
     }, ev: Event) => any) | undefined;
 }>, {
     readonly stretch: boolean;
-    readonly tabindex: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly type: import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
+    readonly tabindex: import("../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly type: import("../../utils/index.js").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
     readonly editable: boolean;
     readonly panes: {
         uid: number;
@@ -282,7 +282,7 @@ declare const TabNav: import("vue").DefineComponent<ExtractPropTypes<{
         isClosable: boolean;
         isFocusInsidePane: () => boolean | undefined;
     }[];
-    readonly currentName: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly currentName: import("../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export type TabNavInstance = InstanceType<typeof TabNav> & {
     scrollToActiveTab: () => Promise<void>;

package/dist/components/tabs/tab-nav.js

@@ -1,32 +1,26 @@
 import { defineComponent as me, inject as he, ref as f, shallowRef as pe, computed as h, watch as q, onMounted as ge, onUpdated as Te, triggerRef as Ce, createVNode as i, nextTick as G } from "vue";
 import { useDocumentVisibility as Se, useWindowFocus as we, useElementSize as U, useResizeObserver as xe } from "@vueuse/core";
-import "@vue/shared";
-import { clamp as Re } from "lodash-unified";
-import { throwError as ye } from "../../utils/error.js";
+import { throwError as Re } from "../../utils/error.js";
 import { isGreaterThan as M } from "../../utils/numbers.js";
 import { rAF as X } from "../../utils/raf.js";
-import { mutable as Ne } from "../../utils/typescript.js";
+import { mutable as ye } from "../../utils/typescript.js";
 import { getEventCode as Y } from "../../utils/dom/event.js";
-import { ArrowLeft as Ee, ArrowRight as Be, Close as Oe } from "@element-plus/icons-vue";
-import { buildProps as ke, definePropType as ze } from "../../utils/vue/props/runtime.js";
+import { buildProps as Ne, definePropType as Ee } from "../../utils/vue/props/runtime.js";
 import { EVENT_CODE as x } from "../../constants/aria.js";
 import { ElIcon as F } from "../icon/index.js";
-import { useNamespace as Pe } from "../../hooks/use-namespace/index.js";
+import { ArrowLeft as Be, ArrowRight as Oe, Close as ke } from "@element-plus/icons-vue";
+import { useNamespace as ze } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "../../hooks/use-delayed-toggle/index.js";
 import "../../hooks/use-aria/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "../../hooks/use-empty-values/index.js";
-import $e from "../../hooks/use-wheel/index.js";
+import Pe from "../../hooks/use-wheel/index.js";
+import { clamp as $e } from "lodash-unified";
 import Ae from "./tab-bar.vue.js";
 import { tabsRootContextKey as We } from "./constants.js";
 import { useTabNavTouch as Me } from "./composables/use-tab-nav-touch.js";
-const Fe = ke({
+const Fe = Ne({
   panes: {
-    type: ze(Array),
-    default: () => Ne([])
+    type: Ee(Array),
+    default: () => ye([])
   },
   currentName: {
     type: [String, Number],
@@ -49,7 +43,7 @@ const Fe = ke({
 }), Le = {
   tabClick: (r, N, R) => R instanceof Event,
   tabRemove: (r, N) => N instanceof Event
-}, J = "ElTabNav", ut = /* @__PURE__ */ me({
+}, J = "ElTabNav", nt = /* @__PURE__ */ me({
   name: J,
   props: Fe,
   emits: Le,
@@ -58,8 +52,8 @@ const Fe = ke({
     emit: R
   }) {
     const p = he(We);
-    p || ye(J, "<el-tabs><tab-nav /></el-tabs>");
-    const n = Pe("tabs"), Q = Se(), Z = we(), v = f(), b = f(), B = f(), E = f({}), O = f(), c = f(!1), l = f(0), k = f(!1), y = f(!0), z = f(!1), L = pe(), g = h(() => ["top", "bottom"].includes(p.props.tabPosition)), S = h(() => g.value ? "width" : "height"), ee = h(() => {
+    p || Re(J, "<el-tabs><tab-nav /></el-tabs>");
+    const n = ze("tabs"), Q = Se(), Z = we(), v = f(), b = f(), B = f(), E = f({}), O = f(), c = f(!1), l = f(0), k = f(!1), y = f(!0), z = f(!1), L = pe(), g = h(() => ["top", "bottom"].includes(p.props.tabPosition)), S = h(() => g.value ? "width" : "height"), ee = h(() => {
       const e = S.value === "width" ? "X" : "Y";
       return {
         transition: z.value || ie.value ? "none" : void 0,
@@ -78,12 +72,12 @@ const Fe = ke({
       box: "border-box"
     }), P = h(() => g.value ? te.value : oe.value), $ = h(() => g.value ? ae.value : ne.value), {
       onWheel: le
-    } = $e({
+    } = Pe({
       atStartEdge: h(() => l.value <= 0),
       atEndEdge: h(() => $.value - l.value <= P.value),
       layout: h(() => g.value ? "horizontal" : "vertical")
     }, (e) => {
-      l.value = Re(l.value + e, 0, $.value - P.value);
+      l.value = $e(l.value + e, 0, $.value - P.value);
     }), se = (e) => {
       z.value = !0, le(e), X(() => {
         z.value = !1;
@@ -175,12 +169,12 @@ const Fe = ke({
         class: [n.e("nav-prev"), n.is("disabled", !c.value.prev)],
         onClick: ue
       }, [i(F, null, {
-        default: () => [i(Ee, null, null)]
+        default: () => [i(Be, null, null)]
       })]), i("span", {
         class: [n.e("nav-next"), n.is("disabled", !c.value.next)],
         onClick: ve
       }, [i(F, null, {
-        default: () => [i(Be, null, null)]
+        default: () => [i(Oe, null, null)]
       })])] : null, o = r.panes.map((t, a) => {
         var V, D;
         const u = t.uid, s = t.props.disabled, T = t.props.name ?? t.index ?? `${a}`, w = !s && (t.isClosable || t.props.closable !== !1 && r.editable);
@@ -189,7 +183,7 @@ const Fe = ke({
           class: "is-icon-close",
           onClick: (m) => R("tabRemove", t, m)
         }, {
-          default: () => [i(Oe, null, null)]
+          default: () => [i(ke, null, null)]
         }) : null, C = ((D = (V = t.slots).label) == null ? void 0 : D.call(V)) || t.props.label, d = !s && t.active ? r.tabindex ?? p.props.tabindex : -1;
         return i("div", {
           ref: (m) => de(m, T),
@@ -237,7 +231,7 @@ const Fe = ke({
   }
 });
 export {
-  ut as default,
+  nt as default,
   Le as tabNavEmits,
   Fe as tabNavProps
 };

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

@@ -1,25 +1,25 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes, VNode } from 'vue';
-import type { Awaitable } from '@element-plus/utils';
-import type { TabPaneName, TabsPaneContext } from './constants';
+import type { Awaitable } from '../../utils/index.js';
+import type { TabPaneName, TabsPaneContext } from './constants.js';
 export declare const tabsProps: {
-    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly type: import("../../utils/index.js").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly closable: BooleanConstructor;
     readonly addable: BooleanConstructor;
     readonly modelValue: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").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/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").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/utils").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
-    readonly beforeLeave: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
+    readonly tabPosition: import("../../utils/index.js").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+    readonly beforeLeave: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
         (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
@@ -29,7 +29,7 @@ export declare const tabsProps: {
         readonly prototype: any;
     }) | null)[], unknown, unknown, () => true, boolean>;
     readonly stretch: BooleanConstructor;
-    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 };
 export type TabsProps = ExtractPropTypes<typeof tabsProps>;
 export type TabsPropsPublic = ExtractPublicPropTypes<typeof tabsProps>;
@@ -52,24 +52,24 @@ export type TabsPanes = Record<number, TabsPaneContext>;
  * 否则用改名包装（ElTabs -> EpTabs）会导致 TabPane 无法被识别、标签页不展示。
  */
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
-    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly type: import("../../utils/index.js").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly closable: BooleanConstructor;
     readonly addable: BooleanConstructor;
     readonly modelValue: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").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/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").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/utils").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
-    readonly beforeLeave: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
+    readonly tabPosition: import("../../utils/index.js").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+    readonly beforeLeave: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
         (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly prototype: any;
     }) | null)[], unknown, unknown, () => true, boolean>;
     readonly stretch: BooleanConstructor;
-    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -90,24 +90,24 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tabRemove: (name: TabPaneName) => name is string | number;
     tabAdd: () => boolean;
 }, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly type: import("../../utils/index.js").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly closable: BooleanConstructor;
     readonly addable: BooleanConstructor;
     readonly modelValue: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").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/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").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/utils").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
-    readonly beforeLeave: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
+    readonly tabPosition: import("../../utils/index.js").EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
+    readonly beforeLeave: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
         (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
         new (): any;
         readonly prototype: any;
@@ -117,7 +117,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         readonly prototype: any;
     }) | null)[], unknown, unknown, () => true, boolean>;
     readonly stretch: BooleanConstructor;
-    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    readonly tabindex: import("../../utils/index.js").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
     onTabClick?: ((pane: {
@@ -143,12 +143,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     onTabAdd?: (() => any) | undefined;
 }>, {
     readonly stretch: boolean;
-    readonly tabindex: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    readonly type: import("@element-plus/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
+    readonly tabindex: import("../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    readonly type: import("../../utils/index.js").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
     readonly closable: boolean;
     readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     readonly editable: boolean;
-    readonly tabPosition: import("@element-plus/utils").EpPropMergeType<StringConstructor, "left" | "right" | "bottom" | "top", unknown>;
+    readonly tabPosition: import("../../utils/index.js").EpPropMergeType<StringConstructor, "left" | "right" | "bottom" | "top", unknown>;
     readonly addable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/tabs/tabs.js

@@ -3,17 +3,15 @@ import { Plus as O } from "@element-plus/icons-vue";
 import { EVENT_CODE as E } from "../../constants/aria.js";
 import { UPDATE_MODEL_EVENT as V } from "../../constants/event.js";
 import { isUndefined as f, isNumber as U } from "../../utils/types.js";
-import "lodash-unified";
-import "@vueuse/core";
-import { isString as M } from "@vue/shared";
-import { getEventCode as $ } from "../../utils/dom/event.js";
-import { buildProps as j, definePropType as q } from "../../utils/vue/props/runtime.js";
-import { useNamespace as z } from "../../hooks/use-namespace/index.js";
-import { useOrderedChildren as G } from "../../hooks/use-ordered-children/index.js";
-import { ElIcon as H } from "../icon/index.js";
-import { tabsRootContextKey as J } from "./constants.js";
-import Q from "./tab-nav.js";
-const W = j({
+import { getEventCode as M } from "../../utils/dom/event.js";
+import { buildProps as $, definePropType as j } from "../../utils/vue/props/runtime.js";
+import { useNamespace as q } from "../../hooks/use-namespace/index.js";
+import { useOrderedChildren as z } from "../../hooks/use-ordered-children/index.js";
+import { ElIcon as G } from "../icon/index.js";
+import { tabsRootContextKey as H } from "./constants.js";
+import J from "./tab-nav.js";
+import { isString as Q } from "@vue/shared";
+const W = $({
   /**
    * @description type of Tab
    */
@@ -58,7 +56,7 @@ const W = j({
    * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented
    */
   beforeLeave: {
-    type: q(Function),
+    type: j(Function),
     default: () => !0
   },
   /**
@@ -72,38 +70,38 @@ const W = j({
     type: [String, Number],
     default: 0
   }
-}), v = (e) => M(e) || U(e), X = {
+}), v = (e) => Q(e) || U(e), X = {
   [V]: (e) => v(e),
   tabClick: (e, n) => n instanceof Event,
   tabChange: (e) => v(e),
   edit: (e, n) => ["remove", "add"].includes(n),
   tabRemove: (e) => v(e),
   tabAdd: () => !0
-}, be = L({
+}, ue = L({
   name: "EpTabs",
   props: W,
   emits: X,
-  setup(e, { emit: n, slots: m, expose: S }) {
-    const o = z("tabs"), h = I(
+  setup(e, { emit: n, slots: b, expose: S }) {
+    const o = q("tabs"), h = I(
       () => ["left", "right"].includes(e.tabPosition)
     ), {
       children: p,
       addChild: w,
       removeChild: R,
       ChildrenSorter: k
-    } = G(_(), "EpTabPane"), l = g(), i = g(
+    } = z(_(), "EpTabPane"), l = g(), i = g(
       (f(e.modelValue) ? e.defaultValue : e.modelValue) ?? "0"
     ), C = async (t, a = !1) => {
       var r, s, u;
       if (!(i.value === t || f(t)))
         try {
-          let b;
+          let m;
           if (e.beforeLeave) {
             const c = e.beforeLeave(t, i.value);
-            b = c instanceof Promise ? await c : c;
+            m = c instanceof Promise ? await c : c;
           } else
-            b = !0;
-          if (b !== !1) {
+            m = !0;
+          if (m !== !1) {
             const c = (r = p.value.find((F) => F.paneName === i.value)) == null ? void 0 : r.isFocusInsidePane();
             i.value = t, a && (n(V, t), n("tabChange", t)), (s = l.value) == null || s.removeFocus(), c && ((u = l.value) == null || u.focusActiveTab());
           }
@@ -116,7 +114,7 @@ const W = j({
     }, P = () => {
       n("edit", void 0, "add"), n("tabAdd");
     }, B = (t) => {
-      const a = $(t);
+      const a = M(t);
       [E.enter, E.numpadEnter].includes(a) && P();
     }, y = (t) => {
       const a = t.el.firstChild, r = t.children, s = ["bottom", "right"].includes(e.tabPosition) ? r[0].el : r[1].el;
@@ -128,7 +126,7 @@ const W = j({
     ), T(i, async () => {
       var t;
       await D(), (t = l.value) == null || t.scrollToActiveTab();
-    }), K(J, {
+    }), K(H, {
       props: e,
       currentName: i,
       registerPane: w,
@@ -142,7 +140,7 @@ const W = j({
         return a;
       }
     }), () => {
-      const t = m["add-icon"], a = e.editable || e.addable ? d(
+      const t = b["add-icon"], a = e.editable || e.addable ? d(
         "div",
         {
           class: [
@@ -154,9 +152,9 @@ const W = j({
           onKeydown: B
         },
         [
-          t ? N(m, "add-icon") : d(H, { class: o.is("icon-plus") }, { default: () => [d(O)] })
+          t ? N(b, "add-icon") : d(G, { class: o.is("icon-plus") }, { default: () => [d(O)] })
         ]
-      ) : null, r = () => d(Q, {
+      ) : null, r = () => d(J, {
         ref: l,
         currentName: i.value,
         editable: e.editable,
@@ -176,7 +174,7 @@ const W = j({
         },
         [d(k, null, { default: r }), a]
       ), u = d("div", { class: o.e("content") }, [
-        N(m, "default")
+        N(b, "default")
       ]);
       return d(
         "div",
@@ -198,7 +196,7 @@ const W = j({
   }
 });
 export {
-  be as default,
+  ue as default,
   X as tabsEmits,
   W as tabsProps
 };

package/dist/components/tag/EpTag.vue.d.ts

@@ -6,7 +6,7 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<typeof import("./tag").tagTypes[number]>;
+        readonly type: import("vue").PropType<typeof import("./tag.js").tagTypes[number]>;
         readonly values: readonly ["primary", "success", "info", "warning", "danger"];
         readonly default: "primary";
     };
@@ -19,7 +19,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly values: readonly ["", "large", "default", "small"];
     };
     readonly effect: {
-        readonly type: import("vue").PropType<typeof import("./tag").tagEffects[number]>;
+        readonly type: import("vue").PropType<typeof import("./tag.js").tagEffects[number]>;
         readonly values: readonly ["dark", "light", "plain"];
         readonly default: "light";
     };
@@ -29,7 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     close: (evt: MouseEvent) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly type: {
-        readonly type: import("vue").PropType<typeof import("./tag").tagTypes[number]>;
+        readonly type: import("vue").PropType<typeof import("./tag.js").tagTypes[number]>;
         readonly values: readonly ["primary", "success", "info", "warning", "danger"];
         readonly default: "primary";
     };
@@ -42,7 +42,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         readonly values: readonly ["", "large", "default", "small"];
     };
     readonly effect: {
-        readonly type: import("vue").PropType<typeof import("./tag").tagEffects[number]>;
+        readonly type: import("vue").PropType<typeof import("./tag.js").tagEffects[number]>;
         readonly values: readonly ["dark", "light", "plain"];
         readonly default: "light";
     };

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

@@ -1,5 +1,5 @@
 import type { Plugin } from 'vue';
-import _EpTag from './EpTag.vue';
+import _EpTag from './EpTag.vue.js';
 export declare const EpTag: typeof _EpTag & Plugin;
 export default EpTag;
-export * from './tag';
+export * from './tag.js';

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

@@ -1,6 +1,6 @@
 import type { Plugin } from 'vue';
-import _EpText from './src/text.vue';
+import _EpText from './src/text.vue.js';
 export declare const EpText: typeof _EpText & Plugin;
 export default EpText;
-export { textProps } from './src/text';
-export type { TextProps, TextPropsPublic } from './src/text';
+export { textProps } from './src/text.js';
+export type { TextProps, TextPropsPublic } from './src/text.js';