ele-admin-plus 1.1.9-beta.5 → 1.1.9-beta.7

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

@@ -26,7 +26,7 @@
     position: relative;
 
     .el-icon:not(.el-sub-menu__icon-arrow) {
-      width: auto;
+      width: auto !important;
       font-size: eleVar('menu', 'icon-font-size');
       margin: eleVar('menu', 'icon-margin');
     }

package/lib/ele-menus/util.cjs

@@ -15,13 +15,34 @@ function getLinkNode(path) {
     return vue.h("a", {
       href: path,
       target: "_blank",
-      class: linkClass
+      class: linkClass,
+      onClick: (e) => {
+        e.stopPropagation();
+      }
     });
   }
   if (path) {
     return vue.h(vueRouter.RouterLink, { to: path, class: linkClass });
   }
 }
+function getTriggerNode(item, path, onItemClick, onItemMouseenter, onItemMouseleave) {
+  return vue.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(icons2, titles, badge, trigger) {
   const nodes = [];
   if (icons2) {
@@ -42,7 +63,7 @@ function getNodes(icons2, titles, badge, trigger) {
   }
   return nodes;
 }
-function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick, onItemMouseenter, onItemMouseleave, webkit) {
+function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorful, popupColorful, firstPopClass, first, onItemClick, onItemMouseenter, onItemMouseleave, webkit, onParentMouseenter, onParentMouseleave) {
   const nodes = [];
   if (!items) {
     return nodes;
@@ -64,21 +85,12 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     }
     const bNode = item.badge != null ? vue.h(elementPlus.ElBadge, item.badge) : null;
     if (!((_a = item.children) == null ? void 0 : _a.length)) {
-      const triggerNode = vue.h(
-        "div",
-        {
-          class: triggerClass,
-          onClick: (e) => {
-            onItemClick && onItemClick(item, e);
-          },
-          onMouseenter: (e) => {
-            onItemMouseenter && onItemMouseenter(item, e);
-          },
-          onMouseleave: (e) => {
-            onItemMouseleave && onItemMouseleave(item, e);
-          }
-        },
-        getLinkNode(item.path)
+      const triggerNode = getTriggerNode(
+        item,
+        item.path,
+        onItemClick,
+        onItemMouseenter,
+        onItemMouseleave
       );
       nodes.push(
         vue.h(
@@ -105,6 +117,13 @@ 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(
         vue.h(elementPlus.ElMenuItemGroup, { key }, {
@@ -122,10 +141,13 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
               first,
               onItemClick,
               onItemMouseenter,
-              onItemMouseleave
+              onItemMouseleave,
+              webkit,
+              onParentMouseenter,
+              onParentMouseleave
             );
           },
-          title: () => getNodes(iNodes, tNodes, bNode)
+          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
         })
       );
       return;
@@ -176,10 +198,13 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
               false,
               onItemClick,
               onItemMouseenter,
-              onItemMouseleave
+              onItemMouseleave,
+              webkit,
+              onParentMouseenter,
+              onParentMouseleave
             );
           },
-          title: () => getNodes(iNodes, tNodes, bNode)
+          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
         }
       )
     );
@@ -315,6 +340,7 @@ exports.getMenuItems = getMenuItems;
 exports.getMenuWidth = getMenuWidth;
 exports.getNodes = getNodes;
 exports.getPopperClass = getPopperClass;
+exports.getTriggerNode = getTriggerNode;
 exports.linkClass = linkClass;
 exports.overflowClass = overflowClass;
 exports.renderItems = renderItems;

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

@@ -15,12 +15,21 @@ export declare const ellipsisClass = "ele-sub-menu-ellipsis";
  * @param path 链接地址
  */
 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 trigger 子菜单项事件触发元素节点
+ * @param trigger 事件触发元素节点
  */
 export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNode | null, trigger?: VNode | null): VNode[];
 /**
@@ -38,9 +47,11 @@ export declare function getNodes(icons?: VNode[], titles?: VNode[], badge?: VNod
  * @param onItemClick 子菜单项点击事件
  * @param onItemMouseenter 子菜单项鼠标进入事件
  * @param onItemMouseenter 子菜单项鼠标离开事件
- * @param webkit 是否时webkit内核
+ * @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?: MenuItemEvent, onItemMouseenter?: MenuItemEvent, onItemMouseleave?: MenuItemEvent, webkit?: boolean): VNode[];
+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 自定义的类名
@@ -50,6 +61,7 @@ export declare function renderItems(items?: MenuItem[], sIcon?: Slot, sTitle?: S
  * @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;
 /**

package/lib/ele-modal/index.cjs

@@ -200,7 +200,7 @@ const _sfc_main = vue.defineComponent({
       emit("close");
     };
     const onClosed = () => {
-      if (dialogEnable.value) {
+      if (props$1.destroyOnClose && dialogEnable.value) {
         dialogEnable.value = false;
       }
       emit("closed");

package/lib/ele-modal/style/index.scss

@@ -18,6 +18,7 @@
 
     & > .el-dialog {
       padding: 0;
+      flex-shrink: 0;
       position: relative;
       background: eleVar('modal', 'bg');
       border-radius: eleVar('modal', 'radius');

package/lib/ele-popconfirm/index.d.ts

@@ -36,6 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";
@@ -70,7 +71,6 @@ declare const _default: import("vue").DefineComponent<{
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     title: StringConstructor;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -152,6 +152,7 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";
@@ -186,7 +187,6 @@ declare const _default: import("vue").DefineComponent<{
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     title: StringConstructor;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -219,6 +219,7 @@ declare const _default: import("vue").DefineComponent<{
     onConfirm?: ((_e: MouseEvent) => any) | undefined;
     onCancel?: ((_e: MouseEvent) => any) | undefined;
 }, {
+    width: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
     trigger: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown> | undefined;
     effect: string;
@@ -240,7 +241,6 @@ declare const _default: import("vue").DefineComponent<{
     showAfter: number;
     hideAfter: number;
     autoClose: number;
-    width: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     confirmButtonType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined;
     cancelButtonType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined;
     iconColor: string;

package/lib/ele-popover/index.d.ts

@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
@@ -43,7 +44,6 @@ declare const _default: import("vue").DefineComponent<{
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     title: StringConstructor;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -91,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
@@ -126,7 +127,6 @@ declare const _default: import("vue").DefineComponent<{
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     title: StringConstructor;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -157,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
     "onAfter-enter"?: (() => any) | undefined;
     "onAfter-leave"?: (() => any) | undefined;
 }, {
+    width: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
     trigger: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown>;
     effect: string;
@@ -178,7 +179,6 @@ declare const _default: import("vue").DefineComponent<{
     showAfter: number;
     hideAfter: number;
     autoClose: number;
-    width: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     isPopover: boolean;
 }, {}>;
 export default _default;

package/lib/ele-popover/props.d.ts

@@ -15,6 +15,7 @@ export declare const popoverProps: {
     titleStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 自定义内容样式 */
     contentStyle: PropType<Partial<import("vue").CSSProperties>>;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperStyle: {
         readonly type: PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
         readonly required: false;
@@ -48,7 +49,6 @@ export declare const popoverProps: {
     showAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     tabindex: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown, 0, boolean>;
     title: StringConstructor;
     popperClass: StringConstructor;

package/lib/ele-pro-layout/components/pro-header.cjs

@@ -45,7 +45,11 @@ const _sfc_main = vue.defineComponent({
     /** 主页路由地址 */
     homePath: String,
     /** 当前路由是否是主页 */
-    isHome: Boolean
+    isHome: Boolean,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     logoClick: () => true,
@@ -230,6 +234,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ellipsisProps: _ctx.ellipsisProps,
         defaultActive: _ctx.active,
         menuTrigger: _ctx.menuTrigger,
+        textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+        textEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
         onOpen: _ctx.onOpen,
         onClose: _ctx.onClose,
         onItemClick: _ctx.onItemClick,
@@ -254,7 +260,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
+      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "textEllipsisTooltip", "textEllipsisTooltipProps", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
     ]),
     _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
       vue.renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })

package/lib/ele-pro-layout/components/pro-header.d.ts

@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
     homePath: StringConstructor;
     /** 当前路由是否是主页 */
     isHome: BooleanConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
 }, {
     levelItems: import("vue").ShallowRef<BreadcrumbItem[]>;
     menuItems: import("vue").ComputedRef<Partial<import("../../ele-menus/types").MenuItem>[]>;
@@ -103,6 +107,10 @@ declare const _default: import("vue").DefineComponent<{
     homePath: StringConstructor;
     /** 当前路由是否是主页 */
     isHome: BooleanConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -117,6 +125,7 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: boolean;
     breadcrumb: boolean;
     sidebar: boolean;
+    menuTextEllipsisTooltip: boolean;
     isHome: boolean;
 }, {}>;
 export default _default;

package/lib/ele-pro-layout/components/pro-sidebar.cjs

@@ -31,7 +31,11 @@ const _sfc_main = vue.defineComponent({
     /** 菜单标题插槽名称 */
     titleSlot: String,
     /** 菜单图标插槽名称 */
-    iconSlot: String
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     open: (_index, _indexPath) => true,
@@ -115,6 +119,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           uniqueOpened: _ctx.uniqueOpened,
           popperEffect: _ctx.popperEffect,
           collapseTransition: false,
+          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          textEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onOpen: _ctx.onOpen,
           onClose: _ctx.onClose,
           onItemClick: _ctx.onItemClick
@@ -133,7 +139,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "colorful", "collapse", "defaultActive", "defaultOpeneds", "uniqueOpened", "popperEffect", "onOpen", "onClose", "onItemClick"])) : vue.createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "colorful", "collapse", "defaultActive", "defaultOpeneds", "uniqueOpened", "popperEffect", "textEllipsisTooltip", "textEllipsisTooltipProps", "onOpen", "onClose", "onItemClick"])) : vue.createCommentVNode("", true)
       ]),
       _: 3
     }, 512),

package/lib/ele-pro-layout/components/pro-sidebar.d.ts

@@ -27,6 +27,10 @@ declare const _default: import("vue").DefineComponent<{
     titleSlot: StringConstructor;
     /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
     menuItems: import("vue").ComputedRef<Partial<import("../../ele-menus/types").MenuItem>[]>;
@@ -67,6 +71,10 @@ declare const _default: import("vue").DefineComponent<{
     titleSlot: StringConstructor;
     /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
@@ -77,5 +85,6 @@ declare const _default: import("vue").DefineComponent<{
     uniqueOpened: boolean;
     collapse: boolean;
     colorfulIcon: boolean;
+    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

package/lib/ele-pro-layout/components/pro-sidebox.cjs

@@ -29,7 +29,11 @@ const _sfc_main = vue.defineComponent({
     /** 菜单标题插槽名称 */
     titleSlot: String,
     /** 菜单图标插槽名称 */
-    iconSlot: String
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     itemClick: (_item, _e) => true,
@@ -114,6 +118,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           collapseTransition: false,
           firstPopperClass: "ele-admin-sidebox-popup",
           tooltipDisabled: !_ctx.compact,
+          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          textEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onItemClick: _ctx.onItemClick,
           onItemMouseenter: _ctx.onItemMouseenter,
           onItemMouseleave: _ctx.onItemMouseleave
@@ -132,7 +138,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "textEllipsisTooltipProps", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
       ]),
       _: 3
     }, 512),

package/lib/ele-pro-layout/components/pro-sidebox.d.ts

@@ -25,6 +25,10 @@ declare const _default: import("vue").DefineComponent<{
     titleSlot: StringConstructor;
     /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
     menuItems: import("vue").ComputedRef<Partial<import("../../ele-menus/types").MenuItem>[]>;
@@ -63,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
     titleSlot: StringConstructor;
     /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
 }>> & {
     onItemClick?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
     onItemMouseenter?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
@@ -73,5 +81,6 @@ declare const _default: import("vue").DefineComponent<{
     collapse: boolean;
     compact: boolean;
     colorfulIcon: boolean;
+    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

package/lib/ele-pro-layout/index.cjs

@@ -831,6 +831,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       breadcrumbSeparator: _ctx.breadcrumbSeparator,
       homePath: _ctx.homeMenuPath,
       isHome: _ctx.isHome,
+      menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+      menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
       onLogoClick: _ctx.onLogoClick,
       onOpen: _ctx.onHeadMenuOpen,
       onClsoe: _ctx.onHeadMenuClose,
@@ -860,7 +862,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"]),
+    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"]),
     vue.createVNode(_component_EleWatermark, {
       class: "ele-admin-main",
       height: 68,
@@ -881,6 +883,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           itemTrigger: _ctx.boxTrigger,
           titleSlot: _ctx.sideboxTitleSlot,
           iconSlot: _ctx.sideboxIconSlot,
+          menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onItemClick: _ctx.onBoxItemClick,
           onItemMouseenter: _ctx.onBoxItemMouseenter,
           onMouseEnter: _ctx.onBoxMouseEnter,
@@ -910,7 +914,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
         _ctx.sidebar ? (vue.openBlock(), vue.createBlock(_component_ProSidebar, {
           key: 1,
           menus: _ctx.sidebarData,
@@ -924,6 +928,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           itemTrigger: _ctx.itemTrigger,
           titleSlot: _ctx.sidebarTitleSlot,
           iconSlot: _ctx.sidebarIconSlot,
+          menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onOpen: _ctx.onSideMenuOpen,
           onClsoe: _ctx.onSideMenuClose,
           onItemClick: _ctx.onMenuItemClick,
@@ -954,7 +960,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_1, [
           _ctx.tabBar ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
             key: 0,