ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.4

package/es/ele-menus/index.d.ts

@@ -1,10 +1,10 @@
 import { NavigationFailure } from 'vue-router';
 import { MenuItemClicked } from 'element-plus';
-import { ElMenuProps, ElMenuInstance, ElSubMenuInstance } from '../ele-app/el';
-import { getPopperClass } from './util';
-import { MenuItem, MenuItemEvent } from './types';
+import { ElMenuInstance, ElSubMenuInstance } from '../ele-app/el';
+import { MenuItem } from './types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     mode: import('vue').PropType<import('./types').MenuMode>;
     items: {
         type: import('vue').PropType<MenuItem[]>;
@@ -34,50 +34,29 @@ declare const _default: import('vue').DefineComponent<{
     textColor: StringConstructor;
     activeTextColor: StringConstructor;
     closeOnClickOutside: BooleanConstructor;
-    collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    collapseTransition: import('element-plus/es/utils/index' /** 菜单数据 */).EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (
-    /** 文本溢出提示是否显示 */
-    ... /** 文本溢出提示是否显示 */args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>;
+    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown, () => any, boolean>;
+    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown, "dark", boolean>;
     popperClass: StringConstructor;
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-}, {
-    EllipsisOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
-    getPopperClass: typeof getPopperClass;
-    isWebkit: boolean;
-    menuRef: import('vue').Ref<ElMenuInstance>;
-    ellipsisRef: import('vue').Ref<ElSubMenuInstance>;
-    menuItems: import('vue').ShallowRef<MenuItem[] | undefined>;
-    moreMenuItems: import('vue').ShallowRef<MenuItem[] | undefined>;
-    tooltipVirtualRef: import('vue').Ref<any>;
-    tooltipContent: import('vue').Ref<string>;
-    tooltipVisible: import('vue').Ref<boolean>;
-    isCompact: import('vue').ComputedRef<boolean>;
-    collapseTooltipDisabled: import('vue').ComputedRef<boolean>;
-    menuProps: import('vue').ComputedRef<ElMenuProps>;
+}>, {
+    menuRef: import('vue').Ref<ElMenuInstance, ElMenuInstance>;
+    ellipsisRef: import('vue').Ref<ElSubMenuInstance, ElSubMenuInstance>;
     open: (index: string) => void;
     close: (index: string) => void;
-    handleOpen: (index: string, indexPath: string[]) => void;
-    handleClose: (index: string, indexPath: string[]) => void;
-    handleSelect: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
-    handleItemClick: MenuItemEvent;
-    handleItemMouseenter: MenuItemEvent;
-    handleItemMouseleave: MenuItemEvent;
-    handleParentMouseenter: MenuItemEvent;
-    handleParentMouseleave: MenuItemEvent;
     scrollToActive: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    itemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
-    itemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
-    itemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
-    parentMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
-    parentMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
-    close: (index: string, indexPath: string[]) => boolean;
-    open: (index: string, indexPath: string[]) => boolean;
-    select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => void;
+    close: (index: string, indexPath: string[]) => void;
+    open: (index: string, indexPath: string[]) => void;
+    itemClick: (_item: MenuItem, _e: MouseEvent) => void;
+    itemMouseenter: (_item: MenuItem, _e: MouseEvent) => void;
+    itemMouseleave: (_item: MenuItem, _e: MouseEvent) => void;
+    parentMouseenter: (_item: MenuItem, _e: MouseEvent) => void;
+    parentMouseleave: (_item: MenuItem, _e: MouseEvent) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     mode: import('vue').PropType<import('./types').MenuMode>;
     items: {
@@ -108,17 +87,15 @@ declare const _default: import('vue').DefineComponent<{
     textColor: StringConstructor;
     activeTextColor: StringConstructor;
     closeOnClickOutside: BooleanConstructor;
-    collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    collapseTransition: import('element-plus/es/utils/index' /** 菜单数据 */).EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (
-    /** 文本溢出提示是否显示 */
-    ... /** 文本溢出提示是否显示 */args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>;
+    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown, () => any, boolean>;
+    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown, "dark", boolean>;
     popperClass: StringConstructor;
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
-}>> & {
+}>> & Readonly<{
     onSelect?: ((index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((index: string, indexPath: string[]) => any) | undefined;
     onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
@@ -127,7 +104,7 @@ declare const _default: import('vue').DefineComponent<{
     onItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
     onParentMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
-}, {
+}>, {
     showTimeout: number;
     hideTimeout: number;
     defaultActive: string;
@@ -140,11 +117,17 @@ declare const _default: import('vue').DefineComponent<{
     collapseTransition: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     ellipsis: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     popperOffset: number;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>;
-    popperEffect: string;
+    ellipsisIcon: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>;
+    popperEffect: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown>;
     popupTheme: import('./types').PopupMenuTheme;
     colorful: boolean;
     popupColorful: import('./types').PopupColorful;
     tooltipDisabled: boolean;
-}, {}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/ele-menus/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, shallowRef, computed, onMounted, watch, resolveComponent, openBlock, createBlock, mergeProps, withCtx, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createVNode, resolveDynamicComponent, normalizeStyle } from "vue";
+import { defineComponent, ref, shallowRef, computed, onMounted, watch, openBlock, createBlock, unref, mergeProps, withCtx, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode, createVNode, resolveDynamicComponent, normalizeStyle } from "vue";
 import { ElMenu, ElSubMenu, ElIcon } from "element-plus";
 import { EllipsisOutlined } from "../icons";
 import { pick, contentIsEllipsis } from "../utils/core";
@@ -6,13 +6,15 @@ import EleTooltip from "../ele-tooltip/index";
 import MenuItems from "./components/menu-items";
 import { useMenuEllipsis, getMenuItems, getPopperClass } from "./util";
 import { menusProps, menusEmits, menuPropKeys } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleMenus",
-  components: { ElMenu, ElSubMenu, ElIcon, EleTooltip, MenuItems },
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleMenus" },
+  __name: "index",
   props: menusProps,
   emits: menusEmits,
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     var _a, _b;
+    const props = __props;
+    const emit = __emit;
     const isWebkit = (_b = (_a = navigator == null ? void 0 : navigator.userAgent) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, "WebKit");
     const menuRef = ref(null);
     const ellipsisRef = ref(null);
@@ -30,14 +32,14 @@ const _sfc_main = defineComponent({
     const menuProps = computed(
       () => pick(props, menuPropKeys)
     );
-    const open = (index2) => {
+    const open = (index) => {
       if (menuRef.value) {
-        menuRef.value.open(index2);
+        menuRef.value.open(index);
       }
     };
-    const close = (index2) => {
+    const close = (index) => {
       if (menuRef.value) {
-        menuRef.value.open(index2);
+        menuRef.value.open(index);
       }
     };
     const hideTooltip = () => {
@@ -60,14 +62,14 @@ const _sfc_main = defineComponent({
       }
       hideTooltip();
     };
-    const handleOpen = (index2, indexPath) => {
-      emit("open", index2, indexPath);
+    const handleOpen = (index, indexPath) => {
+      emit("open", index, indexPath);
     };
-    const handleClose = (index2, indexPath) => {
-      emit("close", index2, indexPath);
+    const handleClose = (index, indexPath) => {
+      emit("close", index, indexPath);
     };
-    const handleSelect = (index2, indexPath, item, routerResult) => {
-      emit("select", index2, indexPath, item, routerResult);
+    const handleSelect = (index, indexPath, item, routerResult) => {
+      emit("select", index, indexPath, item, routerResult);
     };
     const handleItemClick = (item, e) => {
       emit("itemClick", item, e);
@@ -111,9 +113,9 @@ const _sfc_main = defineComponent({
         var _a2;
         return (_a2 = ellipsisRef.value) == null ? void 0 : _a2.$el;
       },
-      onEllipsis: (index2) => {
-        if (sliceIndex.value !== index2) {
-          sliceIndex.value = index2;
+      onEllipsis: (index) => {
+        if (sliceIndex.value !== index) {
+          sliceIndex.value = index;
         }
       }
     });
@@ -160,146 +162,53 @@ const _sfc_main = defineComponent({
         deep: true
       }
     );
-    return {
-      EllipsisOutlined,
-      getPopperClass,
-      isWebkit,
+    __expose({
       menuRef,
       ellipsisRef,
-      menuItems,
-      moreMenuItems,
-      tooltipVirtualRef,
-      tooltipContent,
-      tooltipVisible,
-      isCompact,
-      collapseTooltipDisabled,
-      menuProps,
       open,
       close,
-      handleOpen,
-      handleClose,
-      handleSelect,
-      handleItemClick,
-      handleItemMouseenter,
-      handleItemMouseleave,
-      handleParentMouseenter,
-      handleParentMouseleave,
       scrollToActive
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_MenuItems = resolveComponent("MenuItems");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ElSubMenu = resolveComponent("ElSubMenu");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  const _component_ElMenu = resolveComponent("ElMenu");
-  return openBlock(), createBlock(_component_ElMenu, mergeProps(_ctx.menuProps, {
-    ref: "menuRef",
-    ellipsis: false,
-    mode: _ctx.isCompact ? "vertical" : _ctx.mode,
-    collapse: _ctx.isCompact ? true : _ctx.collapse,
-    class: [
-      "ele-menu",
-      { "ele-menu-dark": _ctx.theme === "dark" },
-      { "is-night": _ctx.theme === "dark" },
-      { "ele-menu-colorful": _ctx.colorful },
-      { "is-colorful": _ctx.colorful },
-      { "is-compact": _ctx.isCompact },
-      { "is-compact-collapse": _ctx.isCompact && _ctx.collapse }
-    ],
-    onOpen: _ctx.handleOpen,
-    onClose: _ctx.handleClose,
-    onSelect: _ctx.handleSelect
-  }), {
-    default: withCtx(() => {
-      var _a;
-      return [
-        _ctx.menuItems && _ctx.menuItems.length ? (openBlock(), createBlock(_component_MenuItems, {
-          key: 0,
-          items: _ctx.menuItems,
-          first: true,
-          tipDisabled: _ctx.collapseTooltipDisabled,
-          parentIsGroup: false,
-          theme: _ctx.theme,
-          popTheme: _ctx.popupTheme,
-          colorful: _ctx.colorful,
-          popupColorful: _ctx.popupColorful,
-          firstPopClass: _ctx.firstPopperClass,
-          webkit: _ctx.isWebkit,
-          onItemClick: _ctx.handleItemClick,
-          onItemMouseenter: _ctx.handleItemMouseenter,
-          onItemMouseleave: _ctx.handleItemMouseleave,
-          onParentMouseenter: _ctx.handleParentMouseenter,
-          onParentMouseleave: _ctx.handleParentMouseleave
-        }, createSlots({ _: 2 }, [
-          renderList(Object.keys(_ctx.$slots), (name) => {
-            return {
-              name,
-              fn: withCtx((slotProps) => [
-                renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-              ])
-            };
-          })
-        ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit", "onItemClick", "onItemMouseenter", "onItemMouseleave", "onParentMouseenter", "onParentMouseleave"])) : createCommentVNode("", true),
-        _ctx.moreMenuItems && _ctx.moreMenuItems.length ? (openBlock(), createBlock(_component_ElSubMenu, mergeProps({
-          key: "sub-menu-more",
-          teleported: true
-        }, _ctx.ellipsisProps || {}, {
-          ref: "ellipsisRef",
-          index: "sub-menu-more",
-          popperClass: _ctx.getPopperClass(
-            (_a = _ctx.ellipsisProps) == null ? void 0 : _a.popperClass,
-            _ctx.theme,
-            _ctx.popupTheme,
-            _ctx.colorful,
-            _ctx.popupColorful,
-            _ctx.firstPopperClass,
-            true,
-            _ctx.isWebkit
-          ),
-          class: "ele-sub-menu-ellipsis"
-        }), {
-          title: withCtx(() => {
-            var _a2;
-            return [
-              createVNode(_component_ElIcon, normalizeProps(guardReactiveProps(((_a2 = _ctx.ellipsisProps) == null ? void 0 : _a2.iconProps) || {})), {
-                default: withCtx(() => {
-                  var _a3, _b;
-                  return [
-                    (openBlock(), createBlock(resolveDynamicComponent(((_a3 = _ctx.ellipsisProps) == null ? void 0 : _a3.icon) ?? _ctx.EllipsisOutlined), {
-                      style: normalizeStyle((_b = _ctx.ellipsisProps) == null ? void 0 : _b.iconStyle)
-                    }, null, 8, ["style"]))
-                  ];
-                }),
-                _: 1
-              }, 16)
-            ];
-          }),
-          default: withCtx(() => [
-            createVNode(_component_MenuItems, {
-              items: _ctx.moreMenuItems,
-              first: false,
-              tipDisabled: _ctx.collapseTooltipDisabled,
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElMenu), mergeProps(menuProps.value, {
+        ref_key: "menuRef",
+        ref: menuRef,
+        ellipsis: false,
+        mode: isCompact.value ? "vertical" : _ctx.mode,
+        collapse: isCompact.value ? true : _ctx.collapse,
+        class: [
+          "ele-menu",
+          { "ele-menu-dark": _ctx.theme === "dark" },
+          { "is-night": _ctx.theme === "dark" },
+          { "ele-menu-colorful": _ctx.colorful },
+          { "is-colorful": _ctx.colorful },
+          { "is-compact": isCompact.value },
+          { "is-compact-collapse": isCompact.value && _ctx.collapse }
+        ],
+        onOpen: handleOpen,
+        onClose: handleClose,
+        onSelect: handleSelect
+      }), {
+        default: withCtx(() => {
+          var _a2;
+          return [
+            menuItems.value && menuItems.value.length ? (openBlock(), createBlock(MenuItems, {
+              key: 0,
+              items: menuItems.value,
+              first: true,
+              tipDisabled: collapseTooltipDisabled.value,
               parentIsGroup: false,
               theme: _ctx.theme,
               popTheme: _ctx.popupTheme,
               colorful: _ctx.colorful,
               popupColorful: _ctx.popupColorful,
               firstPopClass: _ctx.firstPopperClass,
-              webkit: _ctx.isWebkit,
-              onItemClick: _ctx.handleItemClick,
-              onItemMouseenter: _ctx.handleItemMouseenter,
-              onItemMouseleave: _ctx.handleItemMouseleave,
-              onParentMouseenter: _ctx.handleParentMouseenter,
-              onParentMouseleave: _ctx.handleParentMouseleave
+              webkit: unref(isWebkit),
+              onItemClick: handleItemClick,
+              onItemMouseenter: handleItemMouseenter,
+              onItemMouseleave: handleItemMouseleave,
+              onParentMouseenter: handleParentMouseenter,
+              onParentMouseleave: handleParentMouseleave
             }, createSlots({ _: 2 }, [
               renderList(Object.keys(_ctx.$slots), (name) => {
                 return {
@@ -309,38 +218,101 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   ])
                 };
               })
-            ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit", "onItemClick", "onItemMouseenter", "onItemMouseleave", "onParentMouseenter", "onParentMouseleave"])
-          ]),
-          _: 3
-        }, 16, ["popperClass"])) : createCommentVNode("", true),
-        _ctx.textEllipsisTooltip ? (openBlock(), createBlock(_component_EleTooltip, mergeProps({
-          key: 2,
-          trigger: "click",
-          placement: "right",
-          fallbackPlacements: [
-            "top-end",
-            "top",
-            "top-start",
-            "bottom-end",
-            "bottom",
-            "bottom-start",
-            "left"
-          ],
-          persistent: false,
-          enterable: false,
-          triggerKeys: []
-        }, _ctx.textEllipsisTooltip === true ? {} : _ctx.textEllipsisTooltip, {
-          virtualTriggering: true,
-          virtualRef: _ctx.tooltipVirtualRef,
-          content: _ctx.tooltipContent,
-          visible: _ctx.tooltipVisible
-        }), null, 16, ["virtualRef", "content", "visible"])) : createCommentVNode("", true)
-      ];
-    }),
-    _: 3
-  }, 16, ["mode", "collapse", "class", "onOpen", "onClose", "onSelect"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+            ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit"])) : createCommentVNode("", true),
+            moreMenuItems.value && moreMenuItems.value.length ? (openBlock(), createBlock(unref(ElSubMenu), mergeProps({
+              key: "sub-menu-more",
+              teleported: true
+            }, _ctx.ellipsisProps || {}, {
+              ref_key: "ellipsisRef",
+              ref: ellipsisRef,
+              index: "sub-menu-more",
+              popperClass: unref(getPopperClass)(
+                (_a2 = _ctx.ellipsisProps) == null ? void 0 : _a2.popperClass,
+                _ctx.theme,
+                _ctx.popupTheme,
+                _ctx.colorful,
+                _ctx.popupColorful,
+                _ctx.firstPopperClass,
+                true,
+                unref(isWebkit)
+              ),
+              class: "ele-sub-menu-ellipsis"
+            }), {
+              title: withCtx(() => {
+                var _a3;
+                return [
+                  createVNode(unref(ElIcon), normalizeProps(guardReactiveProps(((_a3 = _ctx.ellipsisProps) == null ? void 0 : _a3.iconProps) || {})), {
+                    default: withCtx(() => {
+                      var _a4, _b2;
+                      return [
+                        (openBlock(), createBlock(resolveDynamicComponent(((_a4 = _ctx.ellipsisProps) == null ? void 0 : _a4.icon) ?? unref(EllipsisOutlined)), {
+                          style: normalizeStyle((_b2 = _ctx.ellipsisProps) == null ? void 0 : _b2.iconStyle)
+                        }, null, 8, ["style"]))
+                      ];
+                    }),
+                    _: 1
+                  }, 16)
+                ];
+              }),
+              default: withCtx(() => [
+                createVNode(MenuItems, {
+                  items: moreMenuItems.value,
+                  first: false,
+                  tipDisabled: collapseTooltipDisabled.value,
+                  parentIsGroup: false,
+                  theme: _ctx.theme,
+                  popTheme: _ctx.popupTheme,
+                  colorful: _ctx.colorful,
+                  popupColorful: _ctx.popupColorful,
+                  firstPopClass: _ctx.firstPopperClass,
+                  webkit: unref(isWebkit),
+                  onItemClick: handleItemClick,
+                  onItemMouseenter: handleItemMouseenter,
+                  onItemMouseleave: handleItemMouseleave,
+                  onParentMouseenter: handleParentMouseenter,
+                  onParentMouseleave: handleParentMouseleave
+                }, createSlots({ _: 2 }, [
+                  renderList(Object.keys(_ctx.$slots), (name) => {
+                    return {
+                      name,
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                      ])
+                    };
+                  })
+                ]), 1032, ["items", "tipDisabled", "theme", "popTheme", "colorful", "popupColorful", "firstPopClass", "webkit"])
+              ]),
+              _: 3
+            }, 16, ["popperClass"])) : createCommentVNode("", true),
+            _ctx.textEllipsisTooltip ? (openBlock(), createBlock(EleTooltip, mergeProps({
+              key: 2,
+              trigger: "click",
+              placement: "right",
+              fallbackPlacements: [
+                "top-end",
+                "top",
+                "top-start",
+                "bottom-end",
+                "bottom",
+                "bottom-start",
+                "left"
+              ],
+              persistent: false,
+              enterable: false,
+              triggerKeys: []
+            }, _ctx.textEllipsisTooltip === true ? {} : _ctx.textEllipsisTooltip, {
+              virtualTriggering: true,
+              virtualRef: tooltipVirtualRef.value,
+              content: tooltipContent.value,
+              visible: tooltipVisible.value
+            }), null, 16, ["virtualRef", "content", "visible"])) : createCommentVNode("", true)
+          ];
+        }),
+        _: 3
+      }, 16, ["mode", "collapse", "class"]);
+    };
+  }
+});
 export {
-  index as default
+  _sfc_main as default
 };

package/es/ele-menus/props.d.ts

@@ -38,7 +38,7 @@ export declare const menusProps: {
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index' /** 是否开启菜单文本溢出提示 */).EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
@@ -47,8 +47,8 @@ export declare const menusProps: {
     collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown, () => any, boolean>;
-    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>;
+    ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown, () => any, boolean>;
+    popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string) | (() => import('element-plus').PopperEffect) | ((new (...args: any[]) => string) | (() => import('element-plus').PopperEffect))[], unknown, unknown, "dark", boolean>;
     popperClass: StringConstructor;
     showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
     hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;