ele-admin-plus 1.1.9-beta.1 → 1.1.9-beta.11

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

@@ -1,6 +1,7 @@
-import type { PropType, ExtractPropTypes } from 'vue';
+import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, EllipsisProps } from './types';
 import { menuProps } from 'element-plus';
-import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, EllipsisProps } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -30,25 +31,27 @@ export declare const menusProps: {
     tooltipDisabled: BooleanConstructor;
     /** 省略菜单的属性 */
     ellipsisProps: PropType<EllipsisProps>;
-    mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
-    defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    defaultOpeneds: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
+    /** 是否开启菜单文本溢出提示 */
+    textEllipsisTooltip: PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps>>;
+    mode: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
+    defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    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, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
     activeTextColor: StringConstructor;
     closeOnClickOutside: BooleanConstructor;
-    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<StringConstructor, "light" | "dark", unknown, "dark", 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<StringConstructor, "light" | "dark", 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>;
+    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>;
 };
 export type MenusProps = ExtractPropTypes<typeof menusProps>;
 export type MenuPropKeys = Array<keyof typeof menuProps>;
@@ -60,9 +63,17 @@ export declare const menuPropKeys: MenuPropKeys;
  * 事件
  */
 export declare const menusEmits: {
-    /** 菜单项点击事件 */
-    itemClick: (_item: MenuItem) => boolean;
+    /** 子菜单项点击事件 */
+    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: import("element-plus").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => boolean;
+    select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => boolean;
 };

package/es/ele-menus/props.js

@@ -25,13 +25,23 @@ const menusProps = {
   /** 禁用 tooltip */
   tooltipDisabled: Boolean,
   /** 省略菜单的属性 */
-  ellipsisProps: Object
+  ellipsisProps: Object,
+  /** 是否开启菜单文本溢出提示 */
+  textEllipsisTooltip: [Boolean, Object]
 };
 const menuPropKeys = Object.keys(menuProps);
 const menusEmits = {
   ...menuEmits,
-  /** 菜单项点击事件 */
-  itemClick: (_item) => true
+  /** 子菜单项点击事件 */
+  itemClick: (_item, _e) => true,
+  /** 子菜单项鼠标进入事件 */
+  itemMouseenter: (_item, _e) => true,
+  /** 子菜单项鼠标离开事件 */
+  itemMouseleave: (_item, _e) => true,
+  /** 父级菜单项鼠标进入事件 */
+  parentMouseenter: (_item, _e) => true,
+  /** 父级菜单项鼠标离开事件 */
+  parentMouseleave: (_item, _e) => true
 };
 export {
   menuPropKeys,

package/es/ele-menus/style/css-var.scss

@@ -22,11 +22,7 @@
     @include set-ele-var('menu-colorful', $var);
   }
 
-  .ele-menu.ele-menu-dark,
-  .ele-admin-header.is-dark,
-  .ele-admin-header.is-primary,
-  .ele-admin-dark-sidebar .ele-admin-sidebar,
-  .ele-admin-dark-sidebar .ele-admin-sidebox {
+  .ele-menu.ele-menu-dark {
     @include set-ele-var('menu-dark', $var);
   }
 

package/es/ele-menus/style/index.js

@@ -3,4 +3,6 @@ import 'element-plus/es/components/menu-item/style/index';
 import 'element-plus/es/components/menu-item-group/style/index';
 import 'element-plus/es/components/sub-menu/style/index';
 import 'element-plus/es/components/icon/style/index';
+import 'element-plus/es/components/badge/style/index';
+import '../../ele-tooltip/style/index';
 import './index.scss';

package/es/ele-menus/style/index.scss

@@ -26,6 +26,7 @@
     position: relative;
 
     .el-icon:not(.el-sub-menu__icon-arrow) {
+      #{elVarName('menu-icon-width')}: auto;
       width: auto;
       font-size: eleVar('menu', 'icon-font-size');
       margin: eleVar('menu', 'icon-margin');
@@ -695,20 +696,21 @@
 }
 
 /* 超链接 */
+.ele-menu-trigger {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+}
+
 .el-menu-item .ele-menu-link {
+  width: 100%;
+  height: 100%;
+  display: block;
   color: inherit;
-  position: static;
   text-decoration: none;
-
-  &::before {
-    content: '';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 2;
-  }
 }
 
 /* Tooltip */

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

@@ -35,7 +35,7 @@ export interface MenuItem
   children?: MenuItem[];
   /** 附加数据 */
   meta?: Record<keyof any, any>;
-  /** 是否是溢出的菜单 */
+  /** 是否是溢出的菜单(内部属性) */
   overflow?: boolean;
 }
 
@@ -54,6 +54,11 @@ export type PopupMenuTheme = 'auto' | MenuTheme;
  */
 export type PopupColorful = 'auto' | boolean;
 
+/**
+ * 子菜单项点击事件
+ */
+export type MenuItemEvent = (item: MenuItem, e: MouseEvent) => void;
+
 /**
  * 省略菜单的属性
  */
@@ -78,19 +83,14 @@ export interface MenuResult {
   moreItems?: MenuItem[];
 }
 
-/**
- * 菜单项点击事件
- */
-export type ItemClick = (item: MenuItem) => void;
-
 /**
  * 菜单省略计算参数
  */
 export interface MenuEllipsisOption {
-  /** 获取菜单节点 */
+  /** 获取菜单节点的方法 */
   getMenuEl: () => HTMLElement | null;
-  /** 获取菜单省略项节点 */
+  /** 获取菜单省略项节点的方法 */
   getMoreEl: () => HTMLElement | null;
-  /** 返回计算结果 */
+  /** 计算结果回调 */
   onEllipsis: (index: number) => void;
 }

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

@@ -1,9 +1,12 @@
-import type { VNode, Slot } from 'vue';
-import type { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, ItemClick } from './types';
-/** 菜单链接类名 */
+import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
+import { VNode, Slot } from 'vue';
+
+/** 子菜单项链接类名 */
 export declare const linkClass = "ele-menu-link";
 /** 菜单标题类名 */
 export declare const titleClass = "ele-menu-title";
+/** 子菜单项事件触发元素类名 */
+export declare const triggerClass = "ele-menu-trigger";
 /** 菜单溢出隐藏项类名 */
 export declare const overflowClass = "ele-menu-overflow";
 /** 菜单省略项的类名 */
@@ -12,20 +15,29 @@ export declare const ellipsisClass = "ele-sub-menu-ellipsis";
  * 生成菜单链接节点
  * @param path 链接地址
  */
-export declare function getLinkNode(item: MenuItem, onItemClick?: ItemClick): VNode | undefined;
+export declare function getLinkNode(path?: string): VNode | undefined;
+/**
+ * 生成事件触发节点
+ * @param item 菜单数据
+ * @param path 链接地址
+ * @param onItemClick 点击事件
+ * @param onItemMouseenter 鼠标进入事件
+ * @param onItemMouseleave 鼠标离开事件
+ */
+export declare function getTriggerNode(item: MenuItem, path?: string, onItemClick?: MenuItemEvent, onItemMouseenter?: MenuItemEvent, onItemMouseleave?: MenuItemEvent): VNode | undefined;
 /**
  * 生成菜单内容节点
  * @param icons 图标节点
  * @param titles 标题节点
  * @param badge 徽章节点
- * @param link 链接节点
+ * @param trigger 事件触发元素节点
  */
-export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNode | null, link?: VNode | null): VNode[];
+export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNode | null, trigger?: VNode | null): VNode[];
 /**
  * 递归生成菜单节点
  * @param items 菜单数据
  * @param sIcon 图标插槽
- * @param sTitle 白哦提插槽
+ * @param sTitle 标题插槽
  * @param tipDisabled 是否禁用折叠的tooltip
  * @param theme 主题
  * @param popTheme 气泡菜单主题
@@ -33,15 +45,14 @@ export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNod
  * @param popupColorful 气泡菜单是否彩色图标
  * @param firstPopClass 第一级气泡菜单类名
  * @param first 是否是第一级菜单
+ * @param onItemClick 子菜单项点击事件
+ * @param onItemMouseenter 子菜单项鼠标进入事件
+ * @param onItemMouseenter 子菜单项鼠标离开事件
+ * @param webkit 是否是webkit内核
+ * @param onParentMouseenter 父级菜单项鼠标进入事件
+ * @param onParentMouseleave 父级菜单项鼠标离开事件
  */
-export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, onItemClick?: ItemClick): VNode[];
-/**
- * 生成菜单数据
- * @param items 菜单数据
- * @param index 省略位置
- * @param horizontal 是否是水平菜单
- */
-export declare function getMenuItems(menus?: MenuItem[], index?: number, horizontal?: boolean): MenuResult;
+export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: Slot, tipDisabled?: boolean, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, onItemClick?: MenuItemEvent, onItemMouseenter?: MenuItemEvent, onItemMouseleave?: MenuItemEvent, webkit?: boolean, onParentMouseenter?: MenuItemEvent, onParentMouseleave?: MenuItemEvent): VNode[];
 /**
  * 生成气泡菜单的类名
  * @param customerClass 自定义的类名
@@ -51,8 +62,16 @@ export declare function getMenuItems(menus?: MenuItem[], index?: number, horizon
  * @param popupColorful 气泡菜单是否彩色图标
  * @param firstPopClass 第一级气泡菜单类名
  * @param first 是否是第一级菜单
+ * @param webkit 是否是webkit内核
+ */
+export declare function getPopperClass(customerClass?: string, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean, webkit?: boolean): string;
+/**
+ * 生成菜单数据
+ * @param items 菜单数据
+ * @param index 省略位置
+ * @param horizontal 是否是水平菜单
  */
-export declare function getPopperClass(customerClass?: string, theme?: MenuTheme, popTheme?: PopupMenuTheme, colorful?: boolean, popupColorful?: PopupColorful, firstPopClass?: string, first?: boolean): string;
+export declare function getMenuItems(menus?: MenuItem[], index?: number, horizontal?: boolean): MenuResult;
 /**
  * 获取菜单节点宽度
  * @param el 菜单节点

package/es/ele-menus/util.js

@@ -5,26 +5,43 @@ import { isExternalLink, getCurrentStyle, debounce } from "../utils/core";
 import { ArrowDown, ArrowRight } from "../icons";
 const linkClass = "ele-menu-link";
 const titleClass = "ele-menu-title";
+const triggerClass = "ele-menu-trigger";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
-function getLinkNode(item, onItemClick) {
-  if (!(item == null ? void 0 : item.path)) {
-    return;
-  }
-  if (isExternalLink(item.path)) {
+function getLinkNode(path) {
+  if (isExternalLink(path)) {
     return h("a", {
-      href: item.path,
+      href: path,
       target: "_blank",
       class: linkClass,
       onClick: (e) => {
         e.stopPropagation();
-        onItemClick && onItemClick(item);
       }
     });
   }
-  return h(RouterLink, { to: item.path, class: linkClass });
+  if (path) {
+    return h(RouterLink, { to: path, class: linkClass });
+  }
+}
+function getTriggerNode(item, path, onItemClick, onItemMouseenter, onItemMouseleave) {
+  return h(
+    "div",
+    {
+      class: triggerClass,
+      onClick: (e) => {
+        onItemClick && onItemClick(item, e);
+      },
+      onMouseenter: (e) => {
+        onItemMouseenter && onItemMouseenter(item, e);
+      },
+      onMouseleave: (e) => {
+        onItemMouseleave && onItemMouseleave(item, e);
+      }
+    },
+    getLinkNode(path)
+  );
 }
-function getNodes(icons, titles, badge, link) {
+function getNodes(icons, titles, badge, trigger) {
   const nodes = [];
   if (icons) {
     icons.forEach((t) => {
@@ -39,18 +56,19 @@ function getNodes(icons, titles, badge, link) {
   if (badge) {
     nodes.push(badge);
   }
-  if (link) {
-    nodes.push(link);
+  if (trigger) {
+    nodes.push(trigger);
   }
   return nodes;
 }
-function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick) {
+function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick, onItemMouseenter, onItemMouseleave, webkit, onParentMouseenter, onParentMouseleave) {
   const nodes = [];
   if (!items) {
     return nodes;
   }
   items.forEach((item) => {
     var _a;
+    const key = item.key || item.index || item.path;
     const iNodes = sIcon ? sIcon({ item, icon: item.icon }) ?? [] : [];
     if (!iNodes.length && item.icon) {
       iNodes.push(
@@ -65,27 +83,31 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     }
     const bNode = item.badge != null ? h(ElBadge, item.badge) : null;
     if (!((_a = item.children) == null ? void 0 : _a.length)) {
-      const linkNode = getLinkNode(item, onItemClick);
-      const key = item.key || item.index || item.path;
+      const triggerNode = getTriggerNode(
+        item,
+        item.path,
+        onItemClick,
+        onItemMouseenter,
+        onItemMouseleave
+      );
       nodes.push(
         h(
           ElMenuItem,
           {
             key: key + "-" + tipDisabled,
-            index: item.index,
+            index: item.index || item.path,
             route: item.route,
             disabled: item.disabled,
             class: item.overflow ? overflowClass : void 0,
             onClick: () => {
-              onItemClick && onItemClick(item);
             }
           },
           {
             default: () => {
-              if (!first || tipDisabled) {
-                return getNodes(iNodes, tNodes, bNode, linkNode);
+              if (first && !tipDisabled) {
+                return getNodes(iNodes, void 0, bNode, triggerNode);
               }
-              return getNodes(iNodes, void 0, bNode, linkNode);
+              return getNodes(iNodes, tNodes, bNode, triggerNode);
             },
             title: first && !tipDisabled ? () => tNodes : void 0
           }
@@ -93,49 +115,57 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
       );
       return;
     }
+    const parentTriggerNode = getTriggerNode(
+      item,
+      void 0,
+      void 0,
+      onParentMouseenter,
+      onParentMouseleave
+    );
     if (item.group === true) {
       nodes.push(
-        h(
-          ElMenuItemGroup,
-          { key: item.key || item.index },
-          {
-            default: () => {
-              return renderItems(
-                item.children,
-                sIcon,
-                sTitle,
-                tipDisabled,
-                theme,
-                popTheme,
-                colorful,
-                popupColorful,
-                firstPopClass,
-                first,
-                onItemClick
-              );
-            },
-            title: () => getNodes(iNodes, tNodes, bNode)
-          }
-        )
+        h(ElMenuItemGroup, { key }, {
+          default: () => {
+            return renderItems(
+              item.children,
+              sIcon,
+              sTitle,
+              tipDisabled,
+              theme,
+              popTheme,
+              colorful,
+              popupColorful,
+              firstPopClass,
+              first,
+              onItemClick,
+              onItemMouseenter,
+              onItemMouseleave,
+              webkit,
+              onParentMouseenter,
+              onParentMouseleave
+            );
+          },
+          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
+        })
       );
       return;
     }
-    const popperClass = getPopperClass(
-      item.popperClass,
-      theme,
-      popTheme,
-      colorful,
-      popupColorful,
-      firstPopClass,
-      first
-    );
     nodes.push(
       h(
         ElSubMenu,
         {
-          key: item.key || item.index,
-          index: item.index,
-          popperClass,
+          key,
+          index: item.index || item.path,
+          popperClass: getPopperClass(
+            item.popperClass,
+            theme,
+            popTheme,
+            colorful,
+            popupColorful,
+            firstPopClass,
+            first,
+            webkit
+          ),
           showTimeout: item.showTimeout,
           hideTimeout: item.hideTimeout,
           disabled: item.disabled,
@@ -164,16 +194,40 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
               popupColorful,
               firstPopClass,
               false,
-              onItemClick
+              onItemClick,
+              onItemMouseenter,
+              onItemMouseleave,
+              webkit,
+              onParentMouseenter,
+              onParentMouseleave
             );
           },
-          title: () => getNodes(iNodes, tNodes, bNode)
+          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
         }
       )
     );
   });
   return nodes;
 }
+function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first, webkit) {
+  const popperClass = ["ele-menu"];
+  if (webkit) {
+    popperClass.push("is-webkit");
+  }
+  if (popTheme === "dark" || popTheme === "auto" && theme === "dark") {
+    popperClass.push("is-night ele-menu-dark");
+  }
+  if (popupColorful === true || popupColorful === "auto" && colorful) {
+    popperClass.push("is-colorful ele-menu-colorful");
+  }
+  if (first && firstPopClass) {
+    popperClass.push(firstPopClass);
+  }
+  if (customerClass) {
+    popperClass.push(customerClass);
+  }
+  return popperClass.join(" ");
+}
 function getMenuItems(menus, index, horizontal) {
   if (!horizontal || !menus || !menus.length) {
     return { items: menus };
@@ -188,36 +242,16 @@ function getMenuItems(menus, index, horizontal) {
   const moreItems = index === 0 ? data : data.slice(index);
   moreItems.forEach((d) => {
     var _a;
-    const children = ((_a = d.children) == null ? void 0 : _a.length) ? [null] : void 0;
     items.push({
       ...d,
+      key: `overflow-${d.key || d.index || d.path}`,
+      index: `overflow-${d.index || d.path}`,
       overflow: true,
-      key: `overflow-${d.key || d.index}`,
-      index: `overflow-${d.index}`,
-      children
+      children: ((_a = d.children) == null ? void 0 : _a.length) ? [null] : void 0
     });
   });
   return { items, moreItems };
 }
-function getPopperClass(customerClass, theme, popTheme, colorful, popupColorful, firstPopClass, first) {
-  const popperClass = ["ele-menu"];
-  if (navigator.userAgent.includes("WebKit")) {
-    popperClass.push("is-webkit");
-  }
-  if (popTheme === "dark" || popTheme === "auto" && theme === "dark") {
-    popperClass.push("is-night ele-menu-dark");
-  }
-  if (popupColorful === true || popupColorful === "auto" && colorful) {
-    popperClass.push("is-colorful ele-menu-colorful");
-  }
-  if (first && firstPopClass) {
-    popperClass.push(firstPopClass);
-  }
-  if (customerClass) {
-    popperClass.push(customerClass);
-  }
-  return popperClass.join(" ");
-}
 function getMenuWidth(el) {
   if (!el) {
     return;
@@ -237,8 +271,7 @@ function getItemWidth(el) {
   return el.offsetWidth + ml + mr;
 }
 function getMenuChilds(el) {
-  const childs = Array.from(el.childNodes ?? []);
-  return childs.filter((t) => {
+  return Array.from(el.childNodes ?? []).filter((t) => {
     return t.nodeName === "LI" && !t.classList.contains(ellipsisClass);
   });
 }
@@ -306,9 +339,11 @@ export {
   getMenuWidth,
   getNodes,
   getPopperClass,
+  getTriggerNode,
   linkClass,
   overflowClass,
   renderItems,
   titleClass,
+  triggerClass,
   useMenuEllipsis
 };