ep-craft 0.1.15 → 0.1.16

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

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import { ElMenu } from 'element-plus';
-export declare const EpMenu: typeof ElMenu & Plugin;
+import _EpMenu from './menu';
+export declare const EpMenu: typeof _EpMenu & Plugin;
 export default EpMenu;

package/dist/components/menu/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 n } from "../../utils/with-install.js";
-import { ElMenu 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/menu/index.js";
-const t = Object.assign({}, e, { name: "EpMenu" }), r = n(t, "ep-menu");
+import { withInstall as o } from "../../utils/with-install.js";
+import p from "./menu.js";
+const m = o(p, "ep-menu");
 export {
-  r as EpMenu
+  m as EpMenu
 };

package/dist/components/menu/menu-collapse-transition.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as r, openBlock as i, createBlock as l, Transition as c, mergeProps as p, withCtx as d, renderSlot as m } from "vue";
+import { useNamespace as f } 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 { addClass as e, hasClass as h, removeClass as a } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/dom/style.js";
+const _ = /* @__PURE__ */ r({
+  name: "EpMenuCollapseTransition",
+  __name: "menu-collapse-transition",
+  setup(u) {
+    const o = f("menu"), n = {
+      onBeforeEnter: (t) => t.style.opacity = "0.2",
+      onEnter(t, s) {
+        e(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "1", s();
+      },
+      onAfterEnter(t) {
+        a(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "";
+      },
+      onBeforeLeave(t) {
+        t.dataset || (t.dataset = {}), h(t, o.m("collapse")) ? (a(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), e(t, o.m("collapse"))) : (e(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), a(t, o.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+      },
+      onLeave(t) {
+        e(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
+      }
+    };
+    return (t, s) => (i(), l(c, p({ mode: "out-in" }, n), {
+      default: d(() => [
+        m(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/menu/menu-collapse-transition2.vue.js

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

package/dist/components/menu/menu.d.ts

@@ -104,17 +104,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly showTimeout: number;
     readonly hideTimeout: number;
     readonly mode: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly collapse: boolean;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
-    readonly uniqueOpened: boolean;
-    readonly router: boolean;
     readonly menuTrigger: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-    readonly collapse: boolean;
-    readonly closeOnClickOutside: boolean;
     readonly collapseTransition: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly ellipsis: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOffset: number;
     readonly ellipsisIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
     readonly popperEffect: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => "light" | "dark") | (() => "light" | "dark") | (((new (...args: any[]) => "light" | "dark") | (() => "light" | "dark")) | null)[], unknown, unknown>;
+    readonly uniqueOpened: boolean;
+    readonly router: boolean;
+    readonly closeOnClickOutside: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/menu/menu.js

@@ -0,0 +1,323 @@
+import { defineComponent as Q, getCurrentInstance as X, ref as f, computed as Z, watch as x, watchEffect as ee, provide as U, reactive as te, onMounted as ne, h as I, withDirectives as le, nextTick as oe } from "vue";
+import { ElIcon as ue } 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 { More as ae } 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 { isString as C, isObject as ie, isArray as ce } from "../../node_modules/.pnpm/@vue_shared@3.5.40/node_modules/@vue/shared/dist/shared.esm-bundler.js";
+import { buildProps as se, definePropType as N } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/vue/props/runtime.js";
+import { iconPropType as re } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/vue/icon.js";
+import { flattedChildren as de } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/vue/vnode.js";
+import { mutable as fe } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/typescript.js";
+import { useNamespace as j } 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 me from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/directives/click-outside/index.js";
+import ve from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/menu/src/utils/menu-bar.js";
+import { useMenuCssVar as pe } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/menu/src/use-menu-css-var.js";
+import he from "./menu-collapse-transition.vue.js";
+import { MENU_INJECTION_KEY as ge, SUB_MENU_INJECTION_KEY as Me } from "./tokens.js";
+import be from "../sub-menu/sub-menu.js";
+const ye = (e) => {
+  const o = (e == null ? void 0 : e.value) ?? e;
+  return o && typeof o == "object" && "$el" in o ? o.$el : o;
+}, Ie = (e, o) => {
+  let a;
+  const h = x(
+    e,
+    (g) => {
+      a == null || a.disconnect(), a = void 0, g && typeof ResizeObserver < "u" && (a = new ResizeObserver(o), a.observe(g));
+    },
+    { immediate: !0 }
+  );
+  return {
+    stop: () => {
+      a == null || a.disconnect(), h();
+    }
+  };
+}, Se = se({
+  /** menu display mode */
+  mode: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "vertical"
+  },
+  /** index of active menu on page load */
+  defaultActive: {
+    type: String,
+    default: ""
+  },
+  /** array that contains indexes of currently active sub-menus */
+  defaultOpeneds: {
+    type: N(Array),
+    default: () => fe([])
+  },
+  /** whether only one sub-menu can be active */
+  uniqueOpened: Boolean,
+  /** whether `vue-router` mode is activated */
+  router: Boolean,
+  /** how sub-menus are triggered, only works when `mode` is 'horizontal' */
+  menuTrigger: {
+    type: String,
+    values: ["hover", "click"],
+    default: "hover"
+  },
+  /** whether the menu is collapsed (available only in vertical mode) */
+  collapse: Boolean,
+  /** background color of Menu (hex format) */
+  backgroundColor: String,
+  /** text color of Menu (hex format) */
+  textColor: String,
+  /** text color of currently active menu item (hex format) */
+  activeTextColor: String,
+  /** whether menu is collapsed when clicking outside */
+  closeOnClickOutside: Boolean,
+  /** whether to enable the collapse transition */
+  collapseTransition: {
+    type: Boolean,
+    default: !0
+  },
+  /** whether the menu is ellipsis (available only in horizontal mode) */
+  ellipsis: {
+    type: Boolean,
+    default: !0
+  },
+  /** offset of the popper (effective for all submenus) */
+  popperOffset: {
+    type: Number,
+    default: 6
+  },
+  /** custom ellipsis icon (available only in horizontal mode and ellipsis is true) */
+  ellipsisIcon: {
+    type: re,
+    default: () => ae
+  },
+  /** Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed */
+  popperEffect: {
+    type: N(String),
+    default: "dark"
+  },
+  /** custom class name for all popup menus */
+  popperClass: String,
+  /** custom style for all popup menus */
+  popperStyle: {
+    type: N([String, Object])
+  },
+  /** control timeout for all menus before showing */
+  showTimeout: {
+    type: Number,
+    default: 300
+  },
+  /** control timeout for all menus before hiding */
+  hideTimeout: {
+    type: Number,
+    default: 300
+  },
+  /** when menu inactive and `persistent` is `false`, dropdown menu will be destroyed */
+  persistent: {
+    type: Boolean,
+    default: !0
+  }
+}), T = (e) => ce(e) && e.every((o) => C(o)), Oe = {
+  close: (e, o) => C(e) && T(o),
+  open: (e, o) => C(e) && T(o),
+  select: (e, o, a, h) => C(e) && T(o) && ie(a) && (h === void 0 || h instanceof Promise)
+}, F = 64, Le = Q({
+  name: "EpMenu",
+  props: Se,
+  emits: Oe,
+  setup(e, { emit: o, slots: a, expose: h }) {
+    const g = X(), P = g.appContext.config.globalProperties.$router, m = f(), _ = f(), S = j("menu"), k = j("sub-menu");
+    let z = F;
+    const v = f(-1), c = f(
+      e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []
+    ), d = f(e.defaultActive), p = f({}), M = f({}), q = Z(
+      () => e.mode === "horizontal" || e.mode === "vertical" && e.collapse
+    ), J = () => {
+      const t = d.value && p.value[d.value];
+      if (!t || e.mode === "horizontal" || e.collapse) return;
+      t.indexPath.forEach((l) => {
+        const i = M.value[l];
+        i && O(l, i.indexPath);
+      });
+    }, O = (t, n) => {
+      c.value.includes(t) || (e.uniqueOpened && (c.value = c.value.filter(
+        (l) => n.includes(l)
+      )), c.value.push(t), o("open", t, n));
+    }, R = (t) => {
+      const n = c.value.indexOf(t);
+      n !== -1 && c.value.splice(n, 1);
+    }, w = (t, n) => {
+      R(t), o("close", t, n);
+    }, K = ({
+      index: t,
+      indexPath: n
+    }) => {
+      c.value.includes(t) ? w(t, n) : O(t, n);
+    }, V = (t) => {
+      (e.mode === "horizontal" || e.collapse) && (c.value = []);
+      const { index: n, indexPath: l } = t;
+      if (!(n == null || l == null))
+        if (e.router && P) {
+          const i = t.route || n, u = P.push(i).then((s) => (s || (d.value = n), s));
+          o("select", n, l, { index: n, indexPath: l, route: i }, u);
+        } else
+          d.value = n, o("select", n, l, { index: n, indexPath: l });
+    }, A = (t) => {
+      const n = p.value, l = n[t] || d.value && n[d.value] || n[e.defaultActive];
+      d.value = (l == null ? void 0 : l.index) ?? t;
+    }, B = (t) => {
+      const n = getComputedStyle(t), l = Number.parseInt(n.marginLeft, 10), i = Number.parseInt(n.marginRight, 10);
+      return t.offsetWidth + l + i || 0;
+    }, W = () => {
+      if (!m.value) return -1;
+      const t = Array.from(m.value.childNodes).filter(
+        (r) => r.nodeName !== "#comment" && (r.nodeName !== "#text" || r.nodeValue)
+      ), n = getComputedStyle(m.value), l = Number.parseInt(n.paddingLeft, 10), i = Number.parseInt(n.paddingRight, 10), u = m.value.clientWidth - l - i;
+      let s = 0, b = 0;
+      return t.forEach((r, y) => {
+        s += B(r), s <= u - z && (b = y + 1);
+      }), b === t.length ? -1 : b;
+    }, Y = (t) => M.value[t].indexPath, H = (t, n = 33.34) => {
+      let l;
+      return () => {
+        l && clearTimeout(l), l = setTimeout(() => {
+          t();
+        }, n);
+      };
+    };
+    let D = !0;
+    const L = () => {
+      const t = ye(_);
+      if (t && (z = B(t) || F), v.value === W()) return;
+      const n = () => {
+        v.value = -1, oe(() => {
+          v.value = W();
+        });
+      };
+      D ? n() : H(n)(), D = !1;
+    };
+    x(
+      () => e.defaultActive,
+      (t) => {
+        p.value[t] || (d.value = ""), A(t);
+      }
+    ), x(
+      () => e.collapse,
+      (t) => {
+        t && (c.value = []);
+      }
+    ), x(p.value, J);
+    let E;
+    ee(() => {
+      e.mode === "horizontal" && e.ellipsis ? E = Ie(m, L).stop : E == null || E();
+    });
+    const $ = f(!1);
+    {
+      const t = (u) => {
+        M.value[u.index] = u;
+      }, n = (u) => {
+        delete M.value[u.index];
+      };
+      U(
+        ge,
+        te({
+          props: e,
+          openedMenus: c,
+          items: p,
+          subMenus: M,
+          activeIndex: d,
+          isMenuPopup: q,
+          addMenuItem: (u) => {
+            p.value[u.index] = u;
+          },
+          removeMenuItem: (u) => {
+            delete p.value[u.index];
+          },
+          addSubMenu: t,
+          removeSubMenu: n,
+          openMenu: O,
+          closeMenu: w,
+          handleMenuItemClick: V,
+          handleSubMenuClick: K
+        })
+      ), U(`${Me}${g.uid}`, {
+        addSubMenu: t,
+        removeSubMenu: n,
+        mouseInChild: $,
+        level: 0
+      });
+    }
+    ne(() => {
+      e.mode === "horizontal" && new ve(g.vnode.el, S.namespace.value);
+    }), h({
+      open: (n) => {
+        const { indexPath: l } = M.value[n];
+        l.forEach((i) => O(i, l));
+      },
+      close: R,
+      updateActiveIndex: A,
+      handleResize: L
+    });
+    const G = pe(e, 0);
+    return () => {
+      var u;
+      let t = ((u = a.default) == null ? void 0 : u.call(a)) ?? [];
+      const n = [];
+      if (e.mode === "horizontal" && m.value) {
+        const s = de(t).filter((y) => (y == null ? void 0 : y.shapeFlag) !== 8), b = v.value === -1 ? s : s.slice(0, v.value), r = v.value === -1 ? [] : s.slice(v.value);
+        r != null && r.length && e.ellipsis && (t = b, n.push(
+          I(
+            be,
+            {
+              ref: _,
+              index: "sub-menu-more",
+              class: k.e("hide-arrow"),
+              popperOffset: e.popperOffset
+            },
+            {
+              title: () => I(
+                ue,
+                {
+                  class: k.e("icon-more")
+                },
+                {
+                  default: () => I(e.ellipsisIcon)
+                }
+              ),
+              default: () => r
+            }
+          )
+        ));
+      }
+      const l = e.closeOnClickOutside ? [
+        [
+          me,
+          () => {
+            c.value.length && ($.value || (c.value.forEach(
+              (s) => o("close", s, Y(s))
+            ), c.value = []));
+          }
+        ]
+      ] : [], i = le(
+        I(
+          "ul",
+          {
+            key: String(e.collapse),
+            role: "menubar",
+            ref: m,
+            style: G.value,
+            class: {
+              [S.b()]: !0,
+              [S.m(e.mode)]: !0,
+              [S.m("collapse")]: e.collapse
+            }
+          },
+          [...t, ...n]
+        ),
+        l
+      );
+      return e.collapseTransition && e.mode === "vertical" ? I(he, () => i) : i;
+    };
+  }
+});
+export {
+  Le as default,
+  Oe as menuEmits,
+  Se as menuProps
+};

package/dist/components/menu/tokens.js

@@ -0,0 +1,5 @@
+const E = "rootMenu", N = "subMenu:";
+export {
+  E as MENU_INJECTION_KEY,
+  N as SUB_MENU_INJECTION_KEY
+};

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

@@ -0,0 +1,22 @@
+import { computed as u } from "vue";
+function i(n, p) {
+  const r = u(() => {
+    let e = n.parent;
+    const t = [p.value];
+    for (; !["ElMenu", "EpMenu"].includes(e.type.name); )
+      e.props.index && t.unshift(e.props.index), e = e.parent;
+    return t;
+  });
+  return {
+    parentMenu: u(() => {
+      let e = n.parent;
+      for (; e && !["ElMenu", "EpMenu", "ElSubMenu", "EpSubMenu"].includes(e.type.name); )
+        e = e.parent;
+      return e;
+    }),
+    indexPath: r
+  };
+}
+export {
+  i as default
+};

package/dist/components/menu-item/EpMenuItem.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as _, getCurrentInstance as $, inject as M, toRef as g, computed as B, reactive as S, onMounted as O, onBeforeUnmount as P, openBlock as a, createElementBlock as E, normalizeClass as I, unref as e, createBlock as T, withCtx as b, createElementVNode as U, renderSlot as i, Fragment as j } from "vue";
+import { ElTooltip as w } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tooltip/index.js";
+import { throwError as C } 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 N } 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 J from "../menu/use-menu.js";
+import { menuItemEmits as K, menuItemProps as Y } from "./menu-item.js";
+import { MENU_INJECTION_KEY as z, SUB_MENU_INJECTION_KEY as A } from "../menu/tokens.js";
+const c = "EpMenuItem", Q = /* @__PURE__ */ _({
+  name: c,
+  __name: "EpMenuItem",
+  props: Y,
+  emits: K,
+  setup(k, { expose: v, emit: h }) {
+    const n = k, x = h, y = $(), t = M(z), u = N("menu"), r = N("menu-item");
+    t || C(c, "can not inject root menu");
+    const { parentMenu: p, indexPath: d } = J(y, g(n, "index")), l = M(
+      `${A}${p.value.uid}`
+    );
+    l || C(c, "can not inject sub menu");
+    const m = B(() => n.index === t.activeIndex), s = S({
+      index: n.index,
+      indexPath: d,
+      active: m
+    }), f = () => {
+      n.disabled || (t.handleMenuItemClick({
+        index: n.index,
+        indexPath: d.value,
+        route: n.route
+      }), x("click", s));
+    };
+    return O(() => {
+      l.addSubMenu(s), t.addMenuItem(s);
+    }), P(() => {
+      l.removeSubMenu(s), t.removeMenuItem(s);
+    }), v({
+      parentMenu: p,
+      rootMenu: t,
+      active: m,
+      nsMenu: u,
+      nsMenuItem: r,
+      handleClick: f
+    }), (o, F) => (a(), E("li", {
+      class: I([
+        e(r).b(),
+        e(r).is("active", m.value),
+        e(r).is("disabled", o.disabled)
+      ]),
+      role: "menuitem",
+      tabindex: "-1",
+      onClick: f
+    }, [
+      (e(p).type.name === "ElMenu" || e(p).type.name === "EpMenu") && e(t).props.collapse && o.$slots.title ? (a(), T(e(w), {
+        key: 0,
+        effect: e(t).props.popperEffect,
+        placement: "right",
+        "fallback-placements": ["left"],
+        "popper-class": e(t).props.popperClass,
+        "popper-style": e(t).props.popperStyle,
+        persistent: e(t).props.persistent,
+        "focus-on-target": ""
+      }, {
+        content: b(() => [
+          i(o.$slots, "title")
+        ]),
+        default: b(() => [
+          U("div", {
+            class: I(e(u).be("tooltip", "trigger"))
+          }, [
+            i(o.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["effect", "popper-class", "popper-style", "persistent"])) : (a(), E(j, { key: 1 }, [
+        i(o.$slots, "default"),
+        i(o.$slots, "title")
+      ], 64))
+    ], 2));
+  }
+});
+export {
+  Q as default
+};

package/dist/components/menu-item/EpMenuItem2.vue.js

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

package/dist/components/menu-item/index.d.ts

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import { ElMenuItem } from 'element-plus';
-export declare const EpMenuItem: typeof ElMenuItem & Plugin;
+import _EpMenuItem from './EpMenuItem.vue';
+export declare const EpMenuItem: typeof _EpMenuItem & Plugin;
 export default EpMenuItem;

package/dist/components/menu-item/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 e } from "../../utils/with-install.js";
-import { ElMenuItem 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/menu/index.js";
-const m = Object.assign({}, t, { name: "EpMenuItem" }), i = e(m, "ep-menu-item");
+import { withInstall as m } from "../../utils/with-install.js";
+import t from "./EpMenuItem.vue.js";
+const i = m(
+  t,
+  "ep-menu-item"
+);
 export {
   i as EpMenuItem
 };

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

@@ -0,0 +1,19 @@
+const t = {
+  /** unique identification */
+  index: {
+    type: String,
+    required: !0
+  },
+  /** Vue Router object */
+  route: {
+    type: [String, Object]
+  },
+  /** whether disabled */
+  disabled: Boolean
+}, r = {
+  click: (e) => typeof e.index == "string" && Array.isArray(e.indexPath)
+};
+export {
+  r as menuItemEmits,
+  t as menuItemProps
+};

package/dist/components/menu-item-group/EpMenuItemGroup.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as p, openBlock as o, createElementBlock as r, normalizeClass as n, unref as s, createElementVNode as l, Fragment as a, createTextVNode as i, toDisplayString as u, renderSlot as m } from "vue";
+import { useNamespace as c } 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 { menuItemGroupProps as d } from "./menu-item-group.js";
+const v = /* @__PURE__ */ p({
+  name: "EpMenuItemGroup",
+  __name: "EpMenuItemGroup",
+  props: d,
+  setup(f) {
+    const t = c("menu-item-group");
+    return (e, E) => (o(), r("li", {
+      class: n(s(t).b())
+    }, [
+      l("div", {
+        class: n(s(t).e("title"))
+      }, [
+        e.$slots.title ? m(e.$slots, "title", {}, void 0, void 0, 1) : (o(), r(a, { key: 0 }, [
+          i(u(e.title), 1)
+        ], 64))
+      ], 2),
+      l("ul", null, [
+        m(e.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  v as default
+};

package/dist/components/menu-item-group/EpMenuItemGroup2.vue.js

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

package/dist/components/menu-item-group/index.d.ts

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import { ElMenuItemGroup } from 'element-plus';
-export declare const EpMenuItemGroup: typeof ElMenuItemGroup & Plugin;
+import _EpMenuItemGroup from './EpMenuItemGroup.vue';
+export declare const EpMenuItemGroup: typeof _EpMenuItemGroup & Plugin;
 export default EpMenuItemGroup;

package/dist/components/menu-item-group/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 e } from "../../utils/with-install.js";
-import { ElMenuItemGroup 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/menu/index.js";
-const o = Object.assign({}, t, { name: "EpMenuItemGroup" }), n = e(o, "ep-menu-item-group");
+import { withInstall as m } from "../../utils/with-install.js";
+import o from "./EpMenuItemGroup.vue.js";
+const r = m(
+  o,
+  "ep-menu-item-group"
+);
 export {
-  n as EpMenuItemGroup
+  r as EpMenuItemGroup
 };

package/dist/components/menu-item-group/menu-item-group.js

@@ -0,0 +1,7 @@
+const t = {
+  /** group title */
+  title: String
+};
+export {
+  t as menuItemGroupProps
+};

package/dist/components/sub-menu/index.d.ts

@@ -1,4 +1,4 @@
 import type { Plugin } from 'vue';
-import { ElSubMenu } from 'element-plus';
-export declare const EpSubMenu: typeof ElSubMenu & Plugin;
+import _EpSubMenu from './sub-menu';
+export declare const EpSubMenu: typeof _EpSubMenu & Plugin;
 export default EpSubMenu;

package/dist/components/sub-menu/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 n } from "../../utils/with-install.js";
-import { ElSubMenu as u } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/menu/index.js";
-const e = Object.assign({}, u, { name: "EpSubMenu" }), m = n(e, "ep-sub-menu");
+import { withInstall as o } from "../../utils/with-install.js";
+import p from "./sub-menu.js";
+const e = o(
+  p,
+  "ep-sub-menu"
+);
 export {
-  m as EpSubMenu
+  e as EpSubMenu
 };

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

@@ -0,0 +1,307 @@
+import { defineComponent as X, getCurrentInstance as ee, computed as n, inject as A, ref as f, reactive as oe, watch as te, provide as ne, onMounted as le, onBeforeUnmount as ae, h as u, Fragment as ue, withDirectives as re, vShow as se, nextTick as ie } from "vue";
+import { ElCollapseTransition as pe } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/collapse-transition/index.js";
+import { ElTooltip as ce } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/tooltip/index.js";
+import { ElIcon as de } 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 { focusElement as me } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/dom/aria.js";
+import { isUndefined as ve } 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 { throwError as F } 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 { buildProps as fe, definePropType as he } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/utils/vue/props/runtime.js";
+import { iconPropType 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/vue/icon.js";
+import { useNamespace as U } 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 { ArrowDown as be, ArrowRight as Me } 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 Ce from "../menu/use-menu.js";
+import { useMenuCssVar as Ie } from "../../node_modules/.pnpm/element-plus@2.14.3_vue@3.5.40_typescript@5.9.3_/node_modules/element-plus/es/components/menu/src/use-menu-css-var.js";
+import { MENU_INJECTION_KEY as Te, SUB_MENU_INJECTION_KEY as R } from "../menu/tokens.js";
+import { isString as ge } from "../../node_modules/.pnpm/@vue_shared@3.5.40/node_modules/@vue/shared/dist/shared.esm-bundler.js";
+const D = (o, r) => {
+  const T = setTimeout(o, r);
+  return { stop: () => clearTimeout(T) };
+}, xe = fe({
+  /** unique identification */
+  index: {
+    type: String,
+    required: !0
+  },
+  /** timeout before showing a sub-menu */
+  showTimeout: Number,
+  /** timeout before hiding a sub-menu */
+  hideTimeout: Number,
+  /** custom class name for the popup menu */
+  popperClass: String,
+  /** custom style for the popup menu */
+  popperStyle: {
+    type: he([String, Object])
+  },
+  /** whether the sub-menu is disabled */
+  disabled: Boolean,
+  /** whether popup menu is teleported to the body */
+  teleported: {
+    type: Boolean,
+    default: void 0
+  },
+  /** offset of the popper (overrides the `popper` of menu) */
+  popperOffset: Number,
+  /** Icon when menu are expanded and submenu are closed */
+  expandCloseIcon: {
+    type: I
+  },
+  /** Icon when menu are expanded and submenu are opened */
+  expandOpenIcon: {
+    type: I
+  },
+  /** Icon when menu are collapsed and submenu are closed */
+  collapseCloseIcon: {
+    type: I
+  },
+  /** Icon when menu are collapsed and submenu are opened */
+  collapseOpenIcon: {
+    type: I
+  }
+}), P = "EpSubMenu", Ue = X({
+  name: P,
+  props: xe,
+  setup(o, { slots: r, expose: T }) {
+    const g = ee(), { indexPath: h, parentMenu: N } = Ce(
+      g,
+      n(() => o.index)
+    ), i = U("menu"), d = U("sub-menu"), e = A(Te);
+    e || F(P, "can not inject root menu");
+    const l = A(
+      `${R}${N.value.uid}`
+    );
+    l || F(P, "can not inject sub menu");
+    const H = f({}), x = f({});
+    let p;
+    const _ = f(!1), J = f(), k = f(), b = n(() => l.level === 0), z = n(
+      () => m.value === "horizontal" && b.value ? "bottom-start" : "right-start"
+    ), S = n(() => m.value === "horizontal" && b.value || m.value === "vertical" && !e.props.collapse ? o.expandCloseIcon && o.expandOpenIcon ? c.value ? o.expandOpenIcon : o.expandCloseIcon : be : o.collapseCloseIcon && o.collapseOpenIcon ? c.value ? o.collapseOpenIcon : o.collapseCloseIcon : Me), y = n(() => {
+      const t = o.teleported;
+      return ve(t) ? b.value : t;
+    }), K = n(
+      () => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`
+    ), Y = n(
+      () => m.value === "horizontal" && b.value ? [
+        "bottom-start",
+        "bottom-end",
+        "top-start",
+        "top-end",
+        "right-start",
+        "left-start"
+      ] : [
+        "right-start",
+        "right",
+        "right-end",
+        "left-start",
+        "bottom-start",
+        "bottom-end",
+        "top-start",
+        "top-end"
+      ]
+    ), c = n(() => e.openedMenus.includes(o.index)), E = n(
+      () => [...Object.values(H.value), ...Object.values(x.value)].some(
+        ({ active: t }) => t
+      )
+    ), m = n(() => e.props.mode), q = n(() => e.props.persistent), M = oe({
+      index: o.index,
+      indexPath: h,
+      active: E
+    }), $ = Ie(e.props, l.level + 1), L = n(
+      () => o.popperOffset ?? e.props.popperOffset
+    ), j = n(
+      () => o.popperClass ?? e.props.popperClass
+    ), V = n(
+      () => o.popperStyle ?? e.props.popperStyle
+    ), Z = n(
+      () => o.showTimeout ?? e.props.showTimeout
+    ), G = n(
+      () => o.hideTimeout ?? e.props.hideTimeout
+    ), Q = () => {
+      var t, s, a;
+      return (a = (s = (t = k.value) == null ? void 0 : t.popperRef) == null ? void 0 : s.popperInstanceRef) == null ? void 0 : a.destroy();
+    }, W = (t) => {
+      t || Q();
+    }, B = () => {
+      e.props.menuTrigger === "hover" && e.props.mode === "horizontal" || e.props.collapse && e.props.mode === "vertical" || o.disabled || e.handleSubMenuClick({
+        index: o.index,
+        indexPath: h.value,
+        active: E.value
+      });
+    }, C = (t, s = Z.value) => {
+      var a;
+      if (t.type !== "focus") {
+        if (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled) {
+          l.mouseInChild.value = !0;
+          return;
+        }
+        l.mouseInChild.value = !0, p == null || p(), { stop: p } = D(() => {
+          e.openMenu(o.index, h.value);
+        }, s), y.value && ((a = N.value.vnode.el) == null || a.dispatchEvent(new MouseEvent("mouseenter"))), t.type === "mouseenter" && t.target && ie(() => {
+          me(t.target, { preventScroll: !0 });
+        });
+      }
+    }, O = (t = !1) => {
+      var s;
+      if (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical") {
+        l.mouseInChild.value = !1;
+        return;
+      }
+      p == null || p(), l.mouseInChild.value = !1, { stop: p } = D(
+        () => !_.value && e.closeMenu(o.index, h.value),
+        G.value
+      ), y.value && t && ((s = l.handleMouseleave) == null || s.call(l, !0));
+    };
+    te(
+      () => e.props.collapse,
+      (t) => W(!!t)
+    );
+    {
+      const t = (a) => {
+        x.value[a.index] = a;
+      }, s = (a) => {
+        delete x.value[a.index];
+      };
+      ne(`${R}${g.uid}`, {
+        addSubMenu: t,
+        removeSubMenu: s,
+        handleMouseleave: O,
+        mouseInChild: _,
+        level: l.level + 1
+      });
+    }
+    return T({
+      opened: c
+    }), le(() => {
+      e.addSubMenu(M), l.addSubMenu(M);
+    }), ae(() => {
+      l.removeSubMenu(M), e.removeSubMenu(M);
+    }), () => {
+      var a;
+      const t = [
+        (a = r.title) == null ? void 0 : a.call(r),
+        u(
+          de,
+          {
+            class: d.e("icon-arrow"),
+            style: {
+              transform: c.value ? o.expandCloseIcon && o.expandOpenIcon || o.collapseCloseIcon && o.collapseOpenIcon && e.props.collapse ? "none" : "rotateZ(180deg)" : "none"
+            }
+          },
+          {
+            default: () => ge(S.value) ? u(g.appContext.components[S.value]) : u(S.value)
+          }
+        )
+      ], s = e.isMenuPopup ? u(
+        ce,
+        {
+          ref: k,
+          visible: c.value,
+          effect: "light",
+          pure: !0,
+          offset: L.value,
+          showArrow: !1,
+          persistent: q.value,
+          popperClass: j.value,
+          popperStyle: V.value,
+          placement: z.value,
+          teleported: y.value,
+          fallbackPlacements: Y.value,
+          transition: K.value,
+          gpuAcceleration: !1
+        },
+        {
+          content: () => {
+            var v;
+            return u(
+              "div",
+              {
+                class: [
+                  i.m(m.value),
+                  i.m("popup-container"),
+                  j.value
+                ],
+                onMouseenter: (w) => C(w, 100),
+                onMouseleave: () => O(!0),
+                onFocus: (w) => C(w, 100)
+              },
+              [
+                u(
+                  "ul",
+                  {
+                    class: [
+                      i.b(),
+                      i.m("popup"),
+                      i.m(`popup-${z.value}`)
+                    ],
+                    style: $.value
+                  },
+                  [(v = r.default) == null ? void 0 : v.call(r)]
+                )
+              ]
+            );
+          },
+          default: () => u(
+            "div",
+            {
+              class: d.e("title"),
+              onClick: B
+            },
+            t
+          )
+        }
+      ) : u(ue, {}, [
+        u(
+          "div",
+          {
+            class: d.e("title"),
+            ref: J,
+            onClick: B
+          },
+          t
+        ),
+        u(
+          pe,
+          {},
+          {
+            default: () => {
+              var v;
+              return re(
+                u(
+                  "ul",
+                  {
+                    role: "menu",
+                    class: [i.b(), i.m("inline")],
+                    style: $.value
+                  },
+                  [(v = r.default) == null ? void 0 : v.call(r)]
+                ),
+                [[se, c.value]]
+              );
+            }
+          }
+        )
+      ]);
+      return u(
+        "li",
+        {
+          class: [
+            d.b(),
+            d.is("active", E.value),
+            d.is("opened", c.value),
+            d.is("disabled", o.disabled)
+          ],
+          role: "menuitem",
+          ariaHaspopup: !0,
+          ariaExpanded: c.value,
+          onMouseenter: C,
+          onMouseleave: () => O(),
+          onFocus: C
+        },
+        [s]
+      );
+    };
+  }
+});
+export {
+  Ue as default,
+  xe as subMenuProps
+};

package/package.json

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