ep-craft 0.1.39 → 0.1.40

package/dist/components/mention/mention.js

@@ -1,17 +1,11 @@
-import { isFunction as i, isString as e, isObject as n } from "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import { UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
-import "@element-plus/icons-vue";
-import { buildProps as s, definePropType as r } from "../../utils/vue/props/runtime.js";
-import "vue";
-import "../input/index.js";
-import { filterOption as a } from "./helper.js";
-import "../tooltip/index.js";
+import { buildProps as n, definePropType as r } from "../../utils/vue/props/runtime.js";
+import { UPDATE_MODEL_EVENT as i } from "../../constants/event.js";
+import { filterOption as l } from "./helper.js";
 import { useTooltipContentProps as p } from "../tooltip/src/content.js";
-import { inputProps as u } from "../input/input.js";
-const F = s({
-  ...u,
+import { inputProps as s } from "../input/input.js";
+import { isObject as a, isString as t, isFunction as u } from "@vue/shared";
+const h = n({
+  ...s,
   /**
    * @description mention options list
    */
@@ -25,7 +19,7 @@ const F = s({
   prefix: {
     type: r([String, Array]),
     default: "@",
-    validator: (t) => e(t) ? t.length === 1 : t.every((o) => e(o) && o.length === 1)
+    validator: (e) => t(e) ? e.length === 1 : e.every((o) => t(o) && o.length === 1)
   },
   /**
    * @description character to split mentions. The string length must be exactly 1.
@@ -33,15 +27,15 @@ const F = s({
   split: {
     type: String,
     default: " ",
-    validator: (t) => t.length === 1
+    validator: (e) => e.length === 1
   },
   /**
    * @description customize filter option logic.
    */
   filterOption: {
     type: r([Boolean, Function]),
-    default: () => a,
-    validator: (t) => t === !1 ? !0 : i(t)
+    default: () => l,
+    validator: (e) => e === !1 ? !0 : u(e)
   },
   /**
    * @description set popup placement
@@ -103,14 +97,14 @@ const F = s({
     type: r(Object),
     default: () => f
   }
-}), w = {
-  [l]: (t) => e(t),
-  "whole-remove": (t, o) => e(t) && e(o),
-  input: (t) => e(t),
-  search: (t, o) => e(t) && e(o),
-  select: (t, o) => n(t) && e(o),
-  focus: (t) => t instanceof FocusEvent,
-  blur: (t) => t instanceof FocusEvent
+}), E = {
+  [i]: (e) => t(e),
+  "whole-remove": (e, o) => t(e) && t(o),
+  input: (e) => t(e),
+  search: (e, o) => t(e) && t(o),
+  select: (e, o) => a(e) && t(o),
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent
 }, f = {
   value: "value",
   label: "label",
@@ -118,6 +112,6 @@ const F = s({
 };
 export {
   f as mentionDefaultProps,
-  w as mentionEmits,
-  F as mentionProps
+  E as mentionEmits,
+  h as mentionProps
 };

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

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

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

@@ -1,11 +1,7 @@
-import { defineComponent as r, openBlock as i, createBlock as l, Transition as p, mergeProps as c, withCtx as d, renderSlot as m } from "vue";
+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 "../../hooks/use-namespace/index.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
 import { addClass as e, hasClass as h, removeClass as a } from "../../utils/dom/style.js";
-import "@element-plus/icons-vue";
-const x = /* @__PURE__ */ r({
+const _ = /* @__PURE__ */ r({
   name: "EpMenuCollapseTransition",
   __name: "menu-collapse-transition",
   setup(u) {
@@ -24,7 +20,7 @@ const x = /* @__PURE__ */ r({
         e(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
       }
     };
-    return (t, s) => (i(), l(p, c({ mode: "out-in" }, n), {
+    return (t, s) => (i(), l(c, p({ mode: "out-in" }, n), {
       default: d(() => [
         m(t.$slots, "default")
       ]),
@@ -33,5 +29,5 @@ const x = /* @__PURE__ */ r({
   }
 });
 export {
-  x as default
+  _ as default
 };

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

@@ -1,32 +1,32 @@
-import type { MenuItemClicked } from './types';
+import type { MenuItemClicked } from './types.js';
 import type { Component, CSSProperties, ExtractPropTypes, VNode } from 'vue';
 export declare const menuProps: {
-    readonly mode: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("../../utils/index").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("../../utils/index.js").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly closeOnClickOutside: BooleanConstructor;
-    readonly collapseTransition: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly popperEffect: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperEffect: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
     readonly popperClass: StringConstructor;
     readonly popperStyle: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly showTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
 export type MenuProps = ExtractPropTypes<typeof menuProps>;
 export declare const menuEmits: {
@@ -36,32 +36,32 @@ export declare const menuEmits: {
 };
 export type MenuEmits = typeof menuEmits;
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
-    readonly mode: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("../../utils/index").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("../../utils/index.js").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly closeOnClickOutside: BooleanConstructor;
-    readonly collapseTransition: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly popperEffect: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperEffect: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
     readonly popperClass: StringConstructor;
     readonly popperStyle: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly showTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -69,50 +69,50 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     open: (index: string, indexPath: string[]) => boolean;
     select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<unknown>) => boolean;
 }, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
-    readonly mode: import("../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("../../utils/index").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("../../utils/index.js").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     readonly collapse: BooleanConstructor;
     readonly backgroundColor: StringConstructor;
     readonly textColor: StringConstructor;
     readonly activeTextColor: StringConstructor;
     readonly closeOnClickOutside: BooleanConstructor;
-    readonly collapseTransition: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
-    readonly popperEffect: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, () => import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly popperEffect: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
     readonly popperClass: StringConstructor;
     readonly popperStyle: {
-        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly showTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 }>> & Readonly<{
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<unknown> | undefined) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
     readonly collapse: boolean;
-    readonly ellipsis: import("../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    readonly mode: import("../../utils/index").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-    readonly persistent: import("../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly ellipsis: import("../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly mode: import("../../utils/index.js").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly persistent: import("../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showTimeout: number;
     readonly hideTimeout: number;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
-    readonly menuTrigger: import("../../utils/index").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-    readonly collapseTransition: import("../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly menuTrigger: import("../../utils/index.js").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+    readonly collapseTransition: import("../../utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly popperOffset: number;
-    readonly ellipsisIcon: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
-    readonly popperEffect: import("../../utils/index").EpPropMergeType<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown>;
+    readonly ellipsisIcon: import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
+    readonly popperEffect: import("../../utils/index.js").EpPropMergeType<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown>;
     readonly uniqueOpened: boolean;
     readonly router: boolean;
     readonly closeOnClickOutside: boolean;

package/dist/components/menu/menu.js

@@ -1,30 +1,27 @@
-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 { 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 "../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 { 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 { mutable as ae } from "../../utils/typescript.js";
+import { iconPropType as ce } from "../../utils/vue/icon.js";
+import { flattedChildren as se } from "../../utils/vue/vnode.js";
+import { buildProps as re, 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";
+import de from "../../directives/click-outside/index.js";
+import fe from "./utils/menu-bar.js";
+import { useMenuCssVar as me } from "./use-menu-css-var.js";
+import ve from "./menu-collapse-transition.vue.js";
+import { MENU_INJECTION_KEY as pe, SUB_MENU_INJECTION_KEY as he } from "./tokens.js";
+import ge from "../sub-menu/sub-menu.js";
+import { isString as C, isObject as Me, isArray as be } from "@vue/shared";
 const ye = (e) => {
-  const l = (e == null ? void 0 : e.value) ?? e;
-  return l && typeof l == "object" && "$el" in l ? l.$el : l;
-}, Ie = (e, l) => {
+  const o = (e == null ? void 0 : e.value) ?? e;
+  return o && typeof o == "object" && "$el" in o ? o.$el : o;
+}, Ie = (e, o) => {
   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));
+      i == null || i.disconnect(), i = void 0, g && typeof ResizeObserver < "u" && (i = new ResizeObserver(o), i.observe(g));
     },
     { immediate: !0 }
   );
@@ -33,7 +30,7 @@ const ye = (e) => {
       i == null || i.disconnect(), h();
     }
   };
-}, Se = fe({
+}, Se = re({
   /** menu display mode */
   mode: {
     type: String,
@@ -48,7 +45,7 @@ const ye = (e) => {
   /** array that contains indexes of currently active sub-menus */
   defaultOpeneds: {
     type: N(Array),
-    default: () => se([])
+    default: () => ae([])
   },
   /** whether only one sub-menu can be active */
   uniqueOpened: Boolean,
@@ -87,7 +84,7 @@ const ye = (e) => {
   },
   /** custom ellipsis icon (available only in horizontal mode and ellipsis is true) */
   ellipsisIcon: {
-    type: re,
+    type: ce,
     default: () => ie
   },
   /** Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed */
@@ -116,15 +113,15 @@ 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 = (e) => be(e) && e.every((o) => C(o)), Oe = {
+  close: (e, o) => C(e) && T(o),
+  open: (e, o) => C(e) && T(o),
+  select: (e, o, i, h) => C(e) && T(o) && Me(i) && (h === void 0 || h instanceof Promise)
+}, F = 64, Le = Q({
   name: "EpMenu",
   props: Se,
   emits: Oe,
-  setup(e, { emit: l, slots: i, expose: h }) {
+  setup(e, { emit: o, 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(
@@ -134,19 +131,19 @@ const ye = (e) => {
     ), 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];
-        a && O(o, a.indexPath);
+      t.indexPath.forEach((l) => {
+        const a = M.value[l];
+        a && O(l, a.indexPath);
       });
     }, O = (t, n) => {
       c.value.includes(t) || (e.uniqueOpened && (c.value = c.value.filter(
-        (o) => n.includes(o)
-      )), c.value.push(t), l("open", t, n));
+        (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), l("close", t, n);
+      R(t), o("close", t, n);
     }, K = ({
       index: t,
       indexPath: n
@@ -154,32 +151,32 @@ const ye = (e) => {
       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;
-      if (!(n == null || o == null))
+      const { index: n, indexPath: l } = t;
+      if (!(n == null || l == null))
         if (e.router && P) {
           const a = t.route || n, u = P.push(a).then((s) => (s || (d.value = n), s));
-          l("select", n, o, { index: n, indexPath: o, route: a }, u);
+          o("select", n, l, { index: n, indexPath: l, route: a }, u);
         } else
-          d.value = n, l("select", n, o, { index: n, indexPath: o });
+          d.value = n, o("select", n, l, { index: n, indexPath: l });
     }, 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;
+      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), o = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
-      return t.offsetWidth + o + a || 0;
+      const n = getComputedStyle(t), l = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
+      return t.offsetWidth + l + a || 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), o = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = m.value.clientWidth - o - a;
+      ), n = getComputedStyle(m.value), l = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = m.value.clientWidth - l - 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) => {
-      let o;
+      let l;
       return () => {
-        o && clearTimeout(o), o = setTimeout(() => {
+        l && clearTimeout(l), l = setTimeout(() => {
           t();
         }, n);
       };
@@ -189,7 +186,7 @@ const ye = (e) => {
       const t = ye(k);
       if (t && (z = B(t) || F), v.value === W()) return;
       const n = () => {
-        v.value = -1, le(() => {
+        v.value = -1, oe(() => {
           v.value = W();
         });
       };
@@ -218,7 +215,7 @@ const ye = (e) => {
         delete M.value[u.index];
       };
       U(
-        ge,
+        pe,
         te({
           props: e,
           openedMenus: c,
@@ -239,7 +236,7 @@ const ye = (e) => {
           handleMenuItemClick: V,
           handleSubMenuClick: K
         })
-      ), U(`${Me}${g.uid}`, {
+      ), U(`${he}${g.uid}`, {
         addSubMenu: t,
         removeSubMenu: n,
         mouseInChild: $,
@@ -247,26 +244,26 @@ const ye = (e) => {
       });
     }
     ne(() => {
-      e.mode === "horizontal" && new ve(g.vnode.el, S.namespace.value);
+      e.mode === "horizontal" && new fe(g.vnode.el, S.namespace.value);
     }), h({
       open: (n) => {
-        const { indexPath: o } = M.value[n];
-        o.forEach((a) => O(a, o));
+        const { indexPath: l } = M.value[n];
+        l.forEach((a) => O(a, l));
       },
       close: R,
       updateActiveIndex: A,
       handleResize: L
     });
-    const G = pe(e, 0);
+    const G = me(e, 0);
     return () => {
       var u;
       let t = ((u = i.default) == null ? void 0 : u.call(i)) ?? [];
       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);
+        const s = se(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,
+            ge,
             {
               ref: k,
               index: "sub-menu-more",
@@ -288,16 +285,16 @@ const ye = (e) => {
           )
         ));
       }
-      const o = e.closeOnClickOutside ? [
+      const l = e.closeOnClickOutside ? [
         [
-          me,
+          de,
           () => {
             c.value.length && ($.value || (c.value.forEach(
-              (s) => l("close", s, Y(s))
+              (s) => o("close", s, Y(s))
             ), c.value = []));
           }
         ]
-      ] : [], a = oe(
+      ] : [], a = le(
         I(
           "ul",
           {
@@ -313,14 +310,14 @@ const ye = (e) => {
           },
           [...t, ...n]
         ),
-        o
+        l
       );
-      return e.collapseTransition && e.mode === "vertical" ? I(he, () => a) : a;
+      return e.collapseTransition && e.mode === "vertical" ? I(ve, () => a) : a;
     };
   }
 });
 export {
-  je as default,
+  Le as default,
   Oe as menuEmits,
   Se 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
 };