ep-craft 0.1.21 → 0.1.23

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 "../../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,
+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/table/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 { ElTable as e } from "element-plus";
 import { withInstall as t } from "../../utils/with-install.js";
-import { ElTable as e } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/table/index.js";
-const a = Object.assign({}, e, { name: "EpTable" }), b = t(a, "ep-table");
+const a = Object.assign({}, e, { name: "EpTable" }), p = t(a, "ep-table");
 export {
-  b as EpTable
+  p as EpTable
 };

package/dist/components/table-column/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 l } from "../../utils/with-install.js";
-import { ElTableColumn 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/table/index.js";
-const m = Object.assign({}, o, { name: "EpTableColumn" }), a = l(m, "ep-table-column");
+import { ElTableColumn as l } from "element-plus";
+import { withInstall as o } from "../../utils/with-install.js";
+const m = Object.assign({}, l, { name: "EpTableColumn" }), t = o(m, "ep-table-column");
 export {
-  a as EpTableColumn
+  t as EpTableColumn
 };

package/dist/components/table-v2/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 { ElTableV2 as e } from "element-plus";
 import { withInstall as t } from "../../utils/with-install.js";
-import { ElTableV2 as e } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/table-v2/index.js";
-const a = Object.assign({}, e, { name: "EpTableV2" }), b = t(a, "ep-table-v2");
+const a = Object.assign({}, e, { name: "EpTableV2" }), p = t(a, "ep-table-v2");
 export {
-  b as EpTableV2
+  p as EpTableV2
 };

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/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
+};