ep-craft 0.1.22 → 0.1.23

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

@@ -0,0 +1,97 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import type { TabPaneName, TabsPaneContext } from './constants';
+import type TabBar from './tab-bar.vue';
+/**
+ * @deprecated Removed after 3.0.0, Use `TabBarProps` instead.
+ */
+export declare const tabBarProps: {
+    readonly tabs: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly tabRefs: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (() => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (((new (...args: any[]) => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    }) | (() => {
+        [key: string]: HTMLDivElement;
+        [key: number]: HTMLDivElement;
+    })) | null)[], unknown, unknown, () => import("@element-plus/utils").Mutable<{}>, boolean>;
+};
+export type TabBarProps = {
+    tabs?: TabsPaneContext[];
+    tabRefs?: {
+        [key: TabPaneName]: HTMLDivElement;
+    };
+};
+/**
+ * @deprecated Removed after 3.0.0, Use `TabBarProps` instead.
+ */
+export type TabBarPropsPublic = ExtractPublicPropTypes<typeof tabBarProps>;
+export type TabBarInstance = InstanceType<typeof TabBar> & unknown;

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

@@ -0,0 +1,14 @@
+import type { TabBarProps } from './tab-bar';
+import type { CSSProperties } from 'vue';
+declare const _default: import("vue").DefineComponent<TabBarProps, {
+    /** @description tab root html element */
+    ref: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    /** @description method to manually update tab bar style, return the updated style */
+    update: () => CSSProperties;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabBarProps> & Readonly<{}>, {
+    tabs: import("./constants").TabsPaneContext[];
+    tabRefs: {
+        [key: import("./constants").TabPaneName]: HTMLDivElement;
+    };
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,80 @@
+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 { 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 { 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({
+  name: N,
+  __name: "tab-bar",
+  props: {
+    tabs: { default: () => [] },
+    tabRefs: { default: () => ({}) }
+  },
+  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(
+      () => {
+        var e;
+        return y(o.props.defaultValue) || !!((e = m.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];
+        if (!i) return !1;
+        if (!l.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;
+      }), {
+        [n]: `${s}px`,
+        transform: `translate${b(d)}(${e}px)`
+      };
+    }, a = () => m.value = E(), t = [], R = () => {
+      t.forEach((e) => e.stop()), t.length = 0, Object.values(r.tabRefs).forEach((e) => {
+        t.push(v(e, a));
+      });
+    };
+    S(
+      () => r.tabs,
+      async () => {
+        await $(), a(), R();
+      },
+      { immediate: !0 }
+    );
+    const _ = v(p, () => a());
+    return k(() => {
+      t.forEach((e) => e.stop()), t.length = 0, _.stop();
+    }), x({
+      /** @description tab root html element */
+      ref: p,
+      /** @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)
+    }, null, 6)) : A("", !0);
+  }
+});
+export {
+  ae as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./tab-bar.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,295 @@
+import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { TabBarInstance } from './tab-bar';
+import type { TabPaneName, TabsPaneContext } from './constants';
+export declare const tabNavProps: {
+    readonly panes: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly currentName: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly editable: BooleanConstructor;
+    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
+};
+export declare const tabNavEmits: {
+    tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
+    tabRemove: (tab: TabsPaneContext, ev: Event) => boolean;
+};
+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[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly currentName: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly editable: BooleanConstructor;
+    readonly type: import("@element-plus/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
+    readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/utils").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[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[]) | (() => {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly currentName: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    readonly editable: BooleanConstructor;
+    readonly type: import("@element-plus/utils").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<{
+    onTabClick?: ((tab: {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }, tabName: TabPaneName, ev: Event) => any) | undefined;
+    onTabRemove?: ((tab: {
+        uid: number;
+        getVnode: () => import("vue").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;
+}>, {
+    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 editable: boolean;
+    readonly panes: {
+        uid: number;
+        getVnode: () => import("vue").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;
+    }[];
+    readonly currentName: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export type TabNavInstance = InstanceType<typeof TabNav> & {
+    scrollToActiveTab: () => Promise<void>;
+    removeFocus: () => void;
+    focusActiveTab: () => void;
+    scheduleRender: () => void;
+    tabListRef: HTMLDivElement | undefined;
+    tabBarRef: TabBarInstance | undefined;
+};
+export default TabNav;