ep-craft 0.1.22 → 0.1.23

package/dist/components/config-provider/src/hooks/use-global-config.js

@@ -0,0 +1,24 @@
+import { ref as p, getCurrentInstance as n, inject as e, computed as c } from "vue";
+import "@vue/shared";
+import "lodash-unified";
+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 { configProviderContextKey as f } from "../constants.js";
+const t = p();
+function I(r, i = void 0) {
+  const m = n() ? e(f, t) : t;
+  return c(() => {
+    var o;
+    return ((o = m.value) == null ? void 0 : o[r]) ?? i;
+  });
+}
+export {
+  I as useGlobalConfig
+};

package/dist/components/form/src/constants.js

@@ -1,4 +1,5 @@
-const t = Symbol("formItemContextKey");
+const o = Symbol("formContextKey"), t = Symbol("formItemContextKey");
 export {
+  o as formContextKey,
   t as formItemContextKey
 };

package/dist/components/form/src/hooks/use-form-common-props.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentSize } from '@element-plus/constants';
 import type { MaybeRef } from 'vue';
-export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
+export declare const useFormSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "small" | "default" | "large">;
 export declare const useFormDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;
-export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "default" | "small" | "large">;
+export declare const useSize: (fallback?: MaybeRef<ComponentSize | undefined>, ignore?: Partial<Record<"prop" | "form" | "formItem" | "global", boolean>>) => import("vue").ComputedRef<"" | "small" | "default" | "large">;
 export declare const useDisabled: (fallback?: MaybeRef<boolean | undefined>) => import("vue").ComputedRef<boolean>;

package/dist/components/form/src/hooks/use-form-common-props.js

@@ -0,0 +1,17 @@
+import { ref as c, inject as r, computed as d, unref as l } from "vue";
+import { useGlobalSize as f } from "../../../../hooks/use-size/index.js";
+import { useProp as m } from "../../../../hooks/use-prop/index.js";
+import { formContextKey as n, formItemContextKey as p } from "../constants.js";
+const y = (t, o = {}) => {
+  const e = c(void 0), u = o.prop ? e : m("size"), a = o.global ? e : f(), s = o.form ? { size: void 0 } : r(n, void 0), i = o.formItem ? { size: void 0 } : r(p, void 0);
+  return d(
+    () => u.value || l(t) || (i == null ? void 0 : i.size) || (s == null ? void 0 : s.size) || a.value || ""
+  );
+}, C = (t) => {
+  const o = m("disabled"), e = r(n, void 0);
+  return d(() => o.value ?? l(t) ?? (e == null ? void 0 : e.disabled) ?? !1);
+};
+export {
+  C as useFormDisabled,
+  y as useFormSize
+};

package/dist/components/form/src/hooks/use-form-item.js

@@ -0,0 +1,51 @@
+import { inject as f, ref as s, getCurrentInstance as y, computed as h, onMounted as t, watch as w, toRef as F, onUnmounted as L } from "vue";
+import { useId as E } from "../../../../hooks/use-id/index.js";
+import { formContextKey as K, formItemContextKey as U } from "../constants.js";
+const W = () => {
+  const v = f(K, void 0), u = f(U, void 0);
+  return {
+    form: v,
+    formItem: u
+  };
+}, k = (v, {
+  formItemContext: u,
+  disableIdGeneration: c,
+  disableIdManagement: l
+}) => {
+  c || (c = s(!1)), l || (l = s(!1));
+  const e = y(), a = () => {
+    let r = e == null ? void 0 : e.parent;
+    for (; r; ) {
+      if (r.type.name === "ElFormItem")
+        return !1;
+      if (r.type.name === "ElLabelWrap")
+        return !0;
+      r = r.parent;
+    }
+    return !1;
+  }, p = s();
+  let n;
+  const o = h(() => {
+    var r;
+    return !!(!(v.label || v.ariaLabel) && u && u.inputIds && ((r = u.inputIds) == null ? void 0 : r.length) <= 1);
+  });
+  return t(() => {
+    n = w(
+      [F(v, "id"), c],
+      ([r, d]) => {
+        const i = r ?? (d ? void 0 : E().value);
+        i !== p.value && (u != null && u.removeInputId && !a() && (p.value && u.removeInputId(p.value), !(l != null && l.value) && !d && i && u.addInputId(i)), p.value = i);
+      },
+      { immediate: !0 }
+    );
+  }), L(() => {
+    n && n(), u != null && u.removeInputId && p.value && u.removeInputId(p.value);
+  }), {
+    isLabeledByFormItem: o,
+    inputId: p
+  };
+};
+export {
+  W as useFormItem,
+  k as useFormItemInputId
+};

package/dist/components/icon/index.js

@@ -1,14 +1,14 @@
-import { withInstall as o } from "../../utils/with-install.js";
+import { withInstall as t } from "../../utils/with-install.js";
 import "@vue/shared";
 import "lodash-unified";
 import "@vueuse/core";
 import "@element-plus/icons-vue";
 import "vue";
 import { withInstall as i } from "../../utils/vue/install.js";
-import t from "./src/icon.vue.js";
+import o from "./src/icon.vue.js";
 import "./src/icon.js";
-i(t);
-const I = o(t, "ep-icon");
+const f = i(o), h = t(o, "ep-icon");
 export {
-  I as EpIcon
+  f as ElIcon,
+  h as EpIcon
 };

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

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

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

@@ -1,32 +1,32 @@
 import type { MenuItemClicked } from './types';
 import type { Component, CSSProperties, ExtractPropTypes, VNode } from 'vue';
 export declare const menuProps: {
-    readonly mode: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("element-plus/es/utils/index.mjs").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("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("@element-plus/utils").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("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("element-plus/es/utils/index.mjs").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("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("@element-plus/utils").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("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    readonly defaultActive: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly defaultOpeneds: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly mode: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    readonly defaultActive: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly defaultOpeneds: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
     readonly uniqueOpened: BooleanConstructor;
     readonly router: BooleanConstructor;
-    readonly menuTrigger: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    readonly menuTrigger: import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly ellipsis: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly popperOffset: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly ellipsisIcon: import("element-plus/es/utils/index.mjs").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("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown, "dark", boolean>;
+    readonly collapseTransition: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly ellipsis: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly popperOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly ellipsisIcon: import("@element-plus/utils").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("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties) | (((new (...args: any[]) => string | CSSProperties) | (() => string | CSSProperties)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("@element-plus/utils").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("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly hideTimeout: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-    readonly persistent: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly hideTimeout: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
+    readonly persistent: import("@element-plus/utils").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;
-    onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
 }>, {
-    readonly mode: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-    readonly persistent: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly collapse: boolean;
-    readonly ellipsis: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly ellipsis: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly mode: import("@element-plus/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
+    readonly persistent: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showTimeout: number;
     readonly hideTimeout: number;
     readonly defaultActive: string;
     readonly defaultOpeneds: string[];
-    readonly menuTrigger: import("element-plus/es/utils/index.mjs").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
-    readonly collapseTransition: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly menuTrigger: import("@element-plus/utils").EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
+    readonly collapseTransition: import("@element-plus/utils").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[]) => "dark" | "light") | (() => "dark" | "light") | (((new (...args: any[]) => "dark" | "light") | (() => "dark" | "light")) | null)[], unknown, unknown>;
+    readonly ellipsisIcon: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>;
+    readonly popperEffect: import("@element-plus/utils").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,32 +1,39 @@
-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 "element-plus/es/components/icon/index.mjs";
-import { More as ae } from "@element-plus/icons-vue";
-import { buildProps as ie, iconPropType as ce, definePropType as N, mutable as se, flattedChildren as re, isString as C, isObject as de, isArray as fe } from "element-plus/es/utils/index.mjs";
-import { useNamespace as j } from "element-plus/es/hooks/use-namespace/index.mjs";
-import { ClickOutside as me } from "element-plus/es/directives/index.mjs";
-import ve from "element-plus/es/components/menu/src/utils/menu-bar.mjs";
-import { useMenuCssVar as pe } from "element-plus/es/components/menu/src/use-menu-css-var.mjs";
+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 { 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 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 l = (e == null ? void 0 : e.value) ?? e;
+  return l && typeof l == "object" && "$el" in l ? l.$el : l;
+}, Ie = (e, l) => {
+  let i;
   const h = x(
     e,
     (g) => {
-      a == null || a.disconnect(), a = void 0, g && typeof ResizeObserver < "u" && (a = new ResizeObserver(o), a.observe(g));
+      i == null || i.disconnect(), i = void 0, g && typeof ResizeObserver < "u" && (i = new ResizeObserver(l), i.observe(g));
     },
     { immediate: !0 }
   );
   return {
     stop: () => {
-      a == null || a.disconnect(), h();
+      i == null || i.disconnect(), h();
     }
   };
-}, Se = ie({
+}, Se = fe({
   /** menu display mode */
   mode: {
     type: String,
@@ -80,8 +87,8 @@ const ye = (e) => {
   },
   /** custom ellipsis icon (available only in horizontal mode and ellipsis is true) */
   ellipsisIcon: {
-    type: ce,
-    default: () => ae
+    type: re,
+    default: () => ie
   },
   /** Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed */
   popperEffect: {
@@ -109,15 +116,15 @@ const ye = (e) => {
     type: Boolean,
     default: !0
   }
-}), T = (e) => fe(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) && de(a) && (h === void 0 || h instanceof Promise)
-}, F = 64, Ae = Q({
+}), 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({
   name: "EpMenu",
   props: Se,
   emits: Oe,
-  setup(e, { emit: o, slots: a, expose: h }) {
+  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(
@@ -127,19 +134,19 @@ const ye = (e) => {
     ), 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);
+      t.indexPath.forEach((o) => {
+        const a = M.value[o];
+        a && O(o, a.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));
+        (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), o("close", t, n);
+      R(t), l("close", t, n);
     }, K = ({
       index: t,
       indexPath: n
@@ -147,32 +154,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: l } = t;
-      if (!(n == null || l == null))
+      const { index: n, indexPath: o } = t;
+      if (!(n == null || o == 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);
+          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);
         } else
-          d.value = n, o("select", n, l, { index: n, indexPath: l });
+          d.value = n, l("select", n, o, { index: n, indexPath: o });
     }, 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;
+      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), l = Number.parseInt(n.marginLeft, 10), i = Number.parseInt(n.marginRight, 10);
-      return t.offsetWidth + l + i || 0;
+      const n = getComputedStyle(t), o = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
+      return t.offsetWidth + o + 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), l = Number.parseInt(n.paddingLeft, 10), i = Number.parseInt(n.paddingRight, 10), u = m.value.clientWidth - l - i;
+      ), 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) => {
-      let l;
+      let o;
       return () => {
-        l && clearTimeout(l), l = setTimeout(() => {
+        o && clearTimeout(o), o = setTimeout(() => {
           t();
         }, n);
       };
@@ -182,7 +189,7 @@ const ye = (e) => {
       const t = ye(k);
       if (t && (z = B(t) || F), v.value === W()) return;
       const n = () => {
-        v.value = -1, oe(() => {
+        v.value = -1, le(() => {
           v.value = W();
         });
       };
@@ -243,8 +250,8 @@ const ye = (e) => {
       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));
+        const { indexPath: o } = M.value[n];
+        o.forEach((a) => O(a, o));
       },
       close: R,
       updateActiveIndex: A,
@@ -253,10 +260,10 @@ const ye = (e) => {
     const G = pe(e, 0);
     return () => {
       var u;
-      let t = ((u = a.default) == null ? void 0 : u.call(a)) ?? [];
+      let t = ((u = i.default) == null ? void 0 : u.call(i)) ?? [];
       const n = [];
       if (e.mode === "horizontal" && m.value) {
-        const s = re(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 = 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,
@@ -281,16 +288,16 @@ const ye = (e) => {
           )
         ));
       }
-      const l = e.closeOnClickOutside ? [
+      const o = e.closeOnClickOutside ? [
         [
           me,
           () => {
             c.value.length && ($.value || (c.value.forEach(
-              (s) => o("close", s, Y(s))
+              (s) => l("close", s, Y(s))
             ), c.value = []));
           }
         ]
-      ] : [], i = le(
+      ] : [], a = oe(
         I(
           "ul",
           {
@@ -306,14 +313,14 @@ const ye = (e) => {
           },
           [...t, ...n]
         ),
-        l
+        o
       );
-      return e.collapseTransition && e.mode === "vertical" ? I(he, () => i) : i;
+      return e.collapseTransition && e.mode === "vertical" ? I(he, () => a) : a;
     };
   }
 });
 export {
-  Ae as default,
+  je as default,
   Oe as menuEmits,
   Se as menuProps
 };

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

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

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

@@ -0,0 +1,11 @@
+import { computed as n } from "vue";
+import { TinyColor as t } from "@ctrl/tinycolor";
+function m(r) {
+  return n(() => {
+    const o = r.backgroundColor;
+    return o ? new t(o).shade(20).toString() : "";
+  });
+}
+export {
+  m as default
+};

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

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