ep-craft 0.1.39 → 0.1.41

package/dist/components/menu/menu.js

@@ -1,39 +1,23 @@
-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 oe, nextTick as le } from "vue";
-import { ElIcon as ue } from "../icon/index.js";
-import { More as ie } from "@element-plus/icons-vue";
-import { isString as C, isObject as ae, isArray as ce } from "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
+import { defineComponent as X, getCurrentInstance as Z, ref as d, computed as ee, watch as C, watchEffect as te, onBeforeUnmount as ne, provide as j, reactive as oe, onMounted as le, h as I, withDirectives as ue, nextTick as ae } from "vue";
+import { useResizeObserver as ie } from "@vueuse/core";
+import { ElIcon as ce } from "../icon/index.js";
+import { More as re } from "@element-plus/icons-vue";
 import { mutable as se } from "../../utils/typescript.js";
-import { iconPropType as re } from "../../utils/vue/icon.js";
-import { flattedChildren as de } from "../../utils/vue/vnode.js";
-import { buildProps as fe, definePropType as N } from "../../utils/vue/props/runtime.js";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
-import me from "../../directives/click-outside/index.js";
-import "normalize-wheel-es";
-import ve from "./utils/menu-bar.js";
-import { useMenuCssVar as pe } from "./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 l = (e == null ? void 0 : e.value) ?? e;
+import { iconPropType as de } from "../../utils/vue/icon.js";
+import { flattedChildren as fe } from "../../utils/vue/vnode.js";
+import { buildProps as me, definePropType as N } from "../../utils/vue/props/runtime.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
+import ve from "../../directives/click-outside/index.js";
+import pe from "./utils/menu-bar.js";
+import { useMenuCssVar as he } from "./use-menu-css-var.js";
+import ge from "./menu-collapse-transition.vue.js";
+import { MENU_INJECTION_KEY as Me, SUB_MENU_INJECTION_KEY as be } from "./tokens.js";
+import Ie from "../sub-menu/sub-menu.js";
+import { isString as E, isObject as ye, isArray as Se } from "@vue/shared";
+const Oe = (t) => {
+  const l = (t == null ? void 0 : t.value) ?? t;
   return l && typeof l == "object" && "$el" in l ? l.$el : l;
-}, Ie = (e, l) => {
-  let i;
-  const h = x(
-    e,
-    (g) => {
-      i == null || i.disconnect(), i = void 0, g && typeof ResizeObserver < "u" && (i = new ResizeObserver(l), i.observe(g));
-    },
-    { immediate: !0 }
-  );
-  return {
-    stop: () => {
-      i == null || i.disconnect(), h();
-    }
-  };
-}, Se = fe({
+}, Ee = me({
   /** menu display mode */
   mode: {
     type: String,
@@ -87,8 +71,8 @@ const ye = (e) => {
   },
   /** custom ellipsis icon (available only in horizontal mode and ellipsis is true) */
   ellipsisIcon: {
-    type: re,
-    default: () => ie
+    type: de,
+    default: () => re
   },
   /** Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed */
   popperEffect: {
@@ -116,171 +100,174 @@ const ye = (e) => {
     type: Boolean,
     default: !0
   }
-}), T = (e) => ce(e) && e.every((l) => C(l)), Oe = {
-  close: (e, l) => C(e) && T(l),
-  open: (e, l) => C(e) && T(l),
-  select: (e, l, i, h) => C(e) && T(l) && ae(i) && (h === void 0 || h instanceof Promise)
-}, F = 64, je = Q({
+}), T = (t) => Se(t) && t.every((l) => E(l)), xe = {
+  close: (t, l) => E(t) && T(l),
+  open: (t, l) => E(t) && T(l),
+  select: (t, l, h, y) => E(t) && T(l) && ye(h) && (y === void 0 || y instanceof Promise)
+}, q = 64, je = X({
   name: "EpMenu",
-  props: Se,
-  emits: Oe,
-  setup(e, { emit: l, slots: i, expose: h }) {
-    const g = X(), P = g.appContext.config.globalProperties.$router, m = f(), k = f(), S = j("menu"), _ = 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((o) => {
-        const a = M.value[o];
+  props: Ee,
+  emits: xe,
+  setup(t, { emit: l, slots: h, expose: y }) {
+    const x = Z(), P = x.appContext.config.globalProperties.$router, f = d(), k = d(), S = F("menu"), _ = F("sub-menu");
+    let z = q;
+    const m = d(-1), i = d(
+      t.defaultOpeneds && !t.collapse ? t.defaultOpeneds.slice(0) : []
+    ), s = d(t.defaultActive), v = d({}), p = d({}), J = ee(
+      () => t.mode === "horizontal" || t.mode === "vertical" && t.collapse
+    ), K = () => {
+      const e = s.value && v.value[s.value];
+      if (!e || t.mode === "horizontal" || t.collapse) return;
+      e.indexPath.forEach((o) => {
+        const a = p.value[o];
         a && O(o, a.indexPath);
       });
-    }, O = (t, n) => {
-      c.value.includes(t) || (e.uniqueOpened && (c.value = c.value.filter(
+    }, O = (e, n) => {
+      i.value.includes(e) || (t.uniqueOpened && (i.value = i.value.filter(
         (o) => n.includes(o)
-      )), c.value.push(t), l("open", t, n));
-    }, R = (t) => {
-      const n = c.value.indexOf(t);
-      n !== -1 && c.value.splice(n, 1);
-    }, w = (t, n) => {
-      R(t), l("close", t, n);
-    }, K = ({
-      index: t,
+      )), i.value.push(e), l("open", e, n));
+    }, B = (e) => {
+      const n = i.value.indexOf(e);
+      n !== -1 && i.value.splice(n, 1);
+    }, R = (e, n) => {
+      B(e), l("close", e, n);
+    }, V = ({
+      index: e,
       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: o } = t;
+      i.value.includes(e) ? R(e, n) : O(e, n);
+    }, Y = (e) => {
+      (t.mode === "horizontal" || t.collapse) && (i.value = []);
+      const { index: n, indexPath: o } = e;
       if (!(n == null || o == null))
-        if (e.router && P) {
-          const a = t.route || n, u = P.push(a).then((s) => (s || (d.value = n), s));
+        if (t.router && P) {
+          const a = e.route || n, u = P.push(a).then((c) => (c || (s.value = n), c));
           l("select", n, o, { index: n, indexPath: o, route: a }, u);
         } else
-          d.value = n, l("select", n, o, { index: n, indexPath: o });
-    }, A = (t) => {
-      const n = p.value, o = n[t] || d.value && n[d.value] || n[e.defaultActive];
-      d.value = (o == null ? void 0 : o.index) ?? t;
-    }, B = (t) => {
-      const n = getComputedStyle(t), o = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
-      return t.offsetWidth + o + a || 0;
+          s.value = n, l("select", n, o, { index: n, indexPath: o });
+    }, A = (e) => {
+      const n = v.value, o = n[e] || s.value && n[s.value] || n[t.defaultActive];
+      s.value = (o == null ? void 0 : o.index) ?? e;
+    }, w = (e) => {
+      const n = getComputedStyle(e), o = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
+      return e.offsetWidth + o + a || 0;
     }, W = () => {
-      if (!m.value) return -1;
-      const t = Array.from(m.value.childNodes).filter(
+      if (!f.value) return -1;
+      const e = Array.from(f.value.childNodes).filter(
         (r) => r.nodeName !== "#comment" && (r.nodeName !== "#text" || r.nodeValue)
-      ), n = getComputedStyle(m.value), o = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = m.value.clientWidth - o - a;
-      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) => {
+      ), n = getComputedStyle(f.value), o = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = f.value.clientWidth - o - a;
+      let c = 0, M = 0;
+      return e.forEach((r, b) => {
+        c += w(r), c <= u - z && (M = b + 1);
+      }), M === e.length ? -1 : M;
+    }, H = (e) => p.value[e].indexPath, G = (e, n = 33.34) => {
       let o;
       return () => {
         o && clearTimeout(o), o = setTimeout(() => {
-          t();
+          e();
         }, n);
       };
     };
     let D = !0;
     const L = () => {
-      const t = ye(k);
-      if (t && (z = B(t) || F), v.value === W()) return;
+      const e = Oe(k);
+      if (e && (z = w(e) || q), m.value === W()) return;
       const n = () => {
-        v.value = -1, le(() => {
-          v.value = W();
+        m.value = -1, ae(() => {
+          m.value = W();
         });
       };
-      D ? n() : H(n)(), D = !1;
+      D ? n() : G(n)(), D = !1;
     };
-    x(
-      () => e.defaultActive,
-      (t) => {
-        p.value[t] || (d.value = ""), A(t);
+    C(
+      () => t.defaultActive,
+      (e) => {
+        v.value[e] || (s.value = ""), A(e);
       }
-    ), x(
-      () => e.collapse,
-      (t) => {
-        t && (c.value = []);
+    ), C(
+      () => t.collapse,
+      (e) => {
+        e && (i.value = []);
       }
-    ), x(p.value, J);
-    let E;
-    ee(() => {
-      e.mode === "horizontal" && e.ellipsis ? E = Ie(m, L).stop : E == null || E();
-    });
-    const $ = f(!1);
+    ), C(v.value, K);
+    let g;
+    const U = () => {
+      g == null || g(), g = void 0;
+    };
+    te(() => {
+      U(), t.mode === "horizontal" && t.ellipsis && (g = ie(f, L).stop);
+    }), ne(U);
+    const $ = d(!1);
     {
-      const t = (u) => {
-        M.value[u.index] = u;
+      const e = (u) => {
+        p.value[u.index] = u;
       }, n = (u) => {
-        delete M.value[u.index];
+        delete p.value[u.index];
       };
-      U(
-        ge,
-        te({
-          props: e,
-          openedMenus: c,
-          items: p,
-          subMenus: M,
-          activeIndex: d,
-          isMenuPopup: q,
+      j(
+        Me,
+        oe({
+          props: t,
+          openedMenus: i,
+          items: v,
+          subMenus: p,
+          activeIndex: s,
+          isMenuPopup: J,
           addMenuItem: (u) => {
-            p.value[u.index] = u;
+            v.value[u.index] = u;
           },
           removeMenuItem: (u) => {
-            delete p.value[u.index];
+            delete v.value[u.index];
           },
-          addSubMenu: t,
+          addSubMenu: e,
           removeSubMenu: n,
           openMenu: O,
-          closeMenu: w,
-          handleMenuItemClick: V,
-          handleSubMenuClick: K
+          closeMenu: R,
+          handleMenuItemClick: Y,
+          handleSubMenuClick: V
         })
-      ), U(`${Me}${g.uid}`, {
-        addSubMenu: t,
+      ), j(`${be}${x.uid}`, {
+        addSubMenu: e,
         removeSubMenu: n,
         mouseInChild: $,
         level: 0
       });
     }
-    ne(() => {
-      e.mode === "horizontal" && new ve(g.vnode.el, S.namespace.value);
-    }), h({
+    le(() => {
+      t.mode === "horizontal" && new pe(x.vnode.el, S.namespace.value);
+    }), y({
       open: (n) => {
-        const { indexPath: o } = M.value[n];
+        const { indexPath: o } = p.value[n];
         o.forEach((a) => O(a, o));
       },
-      close: R,
+      close: B,
       updateActiveIndex: A,
       handleResize: L
     });
-    const G = pe(e, 0);
+    const Q = he(t, 0);
     return () => {
       var u;
-      let t = ((u = i.default) == null ? void 0 : u.call(i)) ?? [];
+      let e = ((u = h.default) == null ? void 0 : u.call(h)) ?? [];
       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(
+      if (t.mode === "horizontal" && f.value) {
+        const c = fe(e).filter((b) => (b == null ? void 0 : b.shapeFlag) !== 8), M = m.value === -1 ? c : c.slice(0, m.value), r = m.value === -1 ? [] : c.slice(m.value);
+        r != null && r.length && t.ellipsis && (e = M, n.push(
           I(
-            be,
+            Ie,
             {
               ref: k,
               index: "sub-menu-more",
               class: _.e("hide-arrow"),
-              popperOffset: e.popperOffset
+              popperOffset: t.popperOffset
             },
             {
               title: () => I(
-                ue,
+                ce,
                 {
                   class: _.e("icon-more")
                 },
                 {
-                  default: () => I(e.ellipsisIcon)
+                  default: () => I(t.ellipsisIcon)
                 }
               ),
               default: () => r
@@ -288,39 +275,39 @@ const ye = (e) => {
           )
         ));
       }
-      const o = e.closeOnClickOutside ? [
+      const o = t.closeOnClickOutside ? [
         [
-          me,
+          ve,
           () => {
-            c.value.length && ($.value || (c.value.forEach(
-              (s) => l("close", s, Y(s))
-            ), c.value = []));
+            i.value.length && ($.value || (i.value.forEach(
+              (c) => l("close", c, H(c))
+            ), i.value = []));
           }
         ]
-      ] : [], a = oe(
+      ] : [], a = ue(
         I(
           "ul",
           {
-            key: String(e.collapse),
+            key: String(t.collapse),
             role: "menubar",
-            ref: m,
-            style: G.value,
+            ref: f,
+            style: Q.value,
             class: {
               [S.b()]: !0,
-              [S.m(e.mode)]: !0,
-              [S.m("collapse")]: e.collapse
+              [S.m(t.mode)]: !0,
+              [S.m("collapse")]: t.collapse
             }
           },
-          [...t, ...n]
+          [...e, ...n]
         ),
         o
       );
-      return e.collapseTransition && e.mode === "vertical" ? I(he, () => a) : a;
+      return t.collapseTransition && t.mode === "vertical" ? I(ge, () => a) : a;
     };
   }
 });
 export {
   je as default,
-  Oe as menuEmits,
-  Se as menuProps
+  xe as menuEmits,
+  Ee as menuProps
 };

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

@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import type { MenuProps } from './menu';
+import type { MenuProps } from './menu.js';
 export interface MenuItemRegistered {
     index: string;
     indexPath: string[];

package/dist/components/menu/use-menu-color.d.ts

@@ -1,2 +1,2 @@
-import type { MenuProps } from './menu';
+import type { MenuProps } from './menu.js';
 export default function useMenuColor(props: MenuProps): import("vue").ComputedRef<string>;

package/dist/components/menu/use-menu-css-var.d.ts

@@ -1,2 +1,2 @@
-import type { MenuProps } from './menu';
+import type { MenuProps } from './menu.js';
 export declare const useMenuCssVar: (props: MenuProps, level: number) => import("vue").ComputedRef<Record<string, string>>;

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

@@ -1,30 +1,22 @@
-import { computed as e } from "vue";
-import { useNamespace as m } from "../../hooks/use-namespace/index.js";
-import "@vue/shared";
-import "lodash-unified";
+import { computed as t } from "vue";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "@vueuse/core";
-import "@element-plus/icons-vue";
 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 i from "./use-menu-color.js";
-const h = (o, r) => {
-  const t = m("menu");
-  return e(
-    () => t.cssVarBlock({
+import l from "./use-menu-color.js";
+const v = (o, e) => {
+  const r = c("menu");
+  return t(
+    () => r.cssVarBlock({
       "text-color": o.textColor || "",
       "hover-text-color": o.textColor || "",
       "bg-color": o.backgroundColor || "",
-      "hover-bg-color": i(o).value || "",
+      "hover-bg-color": l(o).value || "",
       "active-color": o.activeTextColor || "",
-      level: `${r}`
+      level: `${e}`
     })
   );
 };
 export {
-  h as useMenuCssVar
+  v as useMenuCssVar
 };

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

@@ -1,4 +1,4 @@
-import SubMenu from './submenu';
+import SubMenu from './submenu.js';
 declare class MenuItem {
     domNode: HTMLElement;
     submenu: SubMenu | null;

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

@@ -1,37 +1,32 @@
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import { triggerEvent as o } from "../../../utils/dom/aria.js";
-import { getEventCode as n } from "../../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import "vue";
+import { triggerEvent as u } from "../../../utils/dom/aria.js";
+import { getEventCode as i } from "../../../utils/dom/event.js";
 import { EVENT_CODE as r } from "../../../constants/aria.js";
-import m from "./submenu.js";
-class k {
+import a from "./submenu.js";
+class l {
   constructor(e, t) {
     this.domNode = e, this.submenu = null, this.init(t);
   }
   init(e) {
     this.domNode.setAttribute("tabindex", "0");
     const t = this.domNode.querySelector(`.${e}-menu`);
-    t && (this.submenu = new m(this, t)), this.addListeners();
+    t && (this.submenu = new a(this, t)), this.addListeners();
   }
   addListeners() {
     this.domNode.addEventListener("keydown", (e) => {
-      var u, i;
-      const t = n(e);
+      var n, o;
+      const t = i(e);
       let s = !1;
       switch (t) {
         case r.down: {
-          o(e.currentTarget, "mouseenter"), (u = this.submenu) == null || u.gotoSubIndex(0), s = !0;
+          u(e.currentTarget, "mouseenter"), (n = this.submenu) == null || n.gotoSubIndex(0), s = !0;
           break;
         }
         case r.up: {
-          o(e.currentTarget, "mouseenter"), (i = this.submenu) == null || i.gotoSubIndex(this.submenu.subMenuItems.length - 1), s = !0;
+          u(e.currentTarget, "mouseenter"), (o = this.submenu) == null || o.gotoSubIndex(this.submenu.subMenuItems.length - 1), s = !0;
           break;
         }
         case r.tab: {
-          o(e.currentTarget, "mouseleave");
+          u(e.currentTarget, "mouseleave");
           break;
         }
         case r.enter:
@@ -46,5 +41,5 @@ class k {
   }
 }
 export {
-  k as default
+  l as default
 };

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

@@ -1,4 +1,4 @@
-import type MenuItem from './menu-item';
+import type MenuItem from './menu-item.js';
 declare class SubMenu {
     parent: MenuItem;
     domNode: ParentNode;

package/dist/components/menu/utils/submenu.js

@@ -1,12 +1,7 @@
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
 import { triggerEvent as u } from "../../../utils/dom/aria.js";
 import { getEventCode as a } from "../../../utils/dom/event.js";
-import "@element-plus/icons-vue";
-import "vue";
 import { EVENT_CODE as t } from "../../../constants/aria.js";
-class I {
+class b {
   constructor(e, o) {
     this.parent = e, this.domNode = o, this.subIndex = 0, this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
   }
@@ -45,5 +40,5 @@ class I {
   }
 }
 export {
-  I as default
+  b as default
 };

package/dist/components/menu-item/EpMenuItem.vue.d.ts

@@ -1,4 +1,4 @@
-import type { MenuProvider } from '../menu/types';
+import type { MenuProvider } from '../menu/types.js';
 declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_5) => any;

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

@@ -1,15 +1,11 @@
 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 "../tooltip/index.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
 import { throwError as C } from "../../utils/error.js";
-import "@element-plus/icons-vue";
 import { useNamespace as N } from "../../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", ee = /* @__PURE__ */ _({
+const c = "EpMenuItem", Q = /* @__PURE__ */ _({
   name: c,
   __name: "EpMenuItem",
   props: Y,
@@ -17,14 +13,14 @@ const c = "EpMenuItem", ee = /* @__PURE__ */ _({
   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")), m = M(
+    const { parentMenu: p, indexPath: d } = J(y, g(n, "index")), l = M(
       `${A}${p.value.uid}`
     );
-    m || C(c, "can not inject sub menu");
-    const l = B(() => n.index === t.activeIndex), s = S({
+    l || C(c, "can not inject sub menu");
+    const m = B(() => n.index === t.activeIndex), s = S({
       index: n.index,
       indexPath: d,
-      active: l
+      active: m
     }), f = () => {
       n.disabled || (t.handleMenuItemClick({
         index: n.index,
@@ -33,20 +29,20 @@ const c = "EpMenuItem", ee = /* @__PURE__ */ _({
       }), x("click", s));
     };
     return O(() => {
-      m.addSubMenu(s), t.addMenuItem(s);
+      l.addSubMenu(s), t.addMenuItem(s);
     }), P(() => {
-      m.removeSubMenu(s), t.removeMenuItem(s);
+      l.removeSubMenu(s), t.removeMenuItem(s);
     }), v({
       parentMenu: p,
       rootMenu: t,
-      active: l,
+      active: m,
       nsMenu: u,
       nsMenuItem: r,
       handleClick: f
     }), (o, F) => (a(), E("li", {
       class: I([
         e(r).b(),
-        e(r).is("active", l.value),
+        e(r).is("active", m.value),
         e(r).is("disabled", o.disabled)
       ]),
       role: "menuitem",
@@ -82,5 +78,5 @@ const c = "EpMenuItem", ee = /* @__PURE__ */ _({
   }
 });
 export {
-  ee as default
+  Q as default
 };

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

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

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

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