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

package/es/ele-menus/index.js

@@ -1,9 +1,10 @@
 import { defineComponent, ref, computed, onMounted, watch, h } from "vue";
 import { ElMenu, ElSubMenu, ElIcon } from "element-plus";
+import EleTooltip from "../ele-tooltip/index";
 import { useLicense } from "../ele-config-provider/receiver";
-import { pick } from "../utils/core";
+import { pick, contentIsEllipsis } from "../utils/core";
 import { EllipsisOutlined } from "../icons";
-import { useMenuEllipsis, getMenuItems, renderItems, getPopperClass, ellipsisClass } from "./util";
+import { useMenuEllipsis, getMenuItems, renderItems, getPopperClass, ellipsisClass, titleClass } from "./util";
 import { menusProps, menusEmits, menuPropKeys } from "./props";
 const index = defineComponent({
   name: "EleMenus",
@@ -15,6 +16,9 @@ const index = defineComponent({
     const menuRef = ref(null);
     const ellipsisRef = ref(null);
     const sliceIndex = ref(-1);
+    const tooltipVirtualRef = ref();
+    const tooltipContent = ref("");
+    const tooltipVisible = ref(false);
     const isHorizontal = computed(() => props.mode === "horizontal");
     const { observe, unobserve, computedEllipsis } = useMenuEllipsis({
       getMenuEl: () => {
@@ -58,15 +62,45 @@ const index = defineComponent({
         }
       }
     );
+    const triggerTooltip = (e) => {
+      var _a;
+      if (props.textEllipsisTooltip) {
+        const itemEl = (_a = e.currentTarget) == null ? void 0 : _a.parentNode;
+        if (itemEl) {
+          const titleEl = itemEl.querySelector(`.${titleClass}`);
+          const text = titleEl == null ? void 0 : titleEl.innerText;
+          if (text && contentIsEllipsis(titleEl, "horizontal")) {
+            tooltipVirtualRef.value = itemEl;
+            tooltipContent.value = text;
+            tooltipVisible.value = true;
+            return;
+          }
+        }
+      }
+      hideTooltip();
+    };
+    const hideTooltip = () => {
+      tooltipVisible.value = false;
+    };
     const onItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
     const onItemMouseenter = (item, e) => {
+      triggerTooltip(e);
       emit("itemMouseenter", item, e);
     };
     const onItemMouseleave = (item, e) => {
+      hideTooltip();
       emit("itemMouseleave", item, e);
     };
+    const onParentMouseenter = (item, e) => {
+      triggerTooltip(e);
+      emit("parentMouseenter", item, e);
+    };
+    const onParentMouseleave = (item, e) => {
+      hideTooltip();
+      emit("parentMouseleave", item, e);
+    };
     const exposeValue = {
       menuRef,
       open: (index2) => {
@@ -125,7 +159,9 @@ const index = defineComponent({
             onItemClick,
             onItemMouseenter,
             onItemMouseleave,
-            isWebkit
+            isWebkit,
+            onParentMouseenter,
+            onParentMouseleave
           );
           if (moreItems) {
             const ellipsisProps = props.ellipsisProps || {};
@@ -136,7 +172,8 @@ const index = defineComponent({
               props.colorful,
               props.popupColorful,
               props.firstPopperClass,
-              true
+              true,
+              isWebkit
             );
             nodes.push(
               h(
@@ -166,7 +203,9 @@ const index = defineComponent({
                       onItemClick,
                       onItemMouseenter,
                       onItemMouseleave,
-                      isWebkit
+                      isWebkit,
+                      onParentMouseenter,
+                      onParentMouseleave
                     );
                   },
                   title: () => {
@@ -181,6 +220,19 @@ const index = defineComponent({
               )
             );
           }
+          if (props.textEllipsisTooltip) {
+            nodes.push(
+              h(EleTooltip, {
+                trigger: "click",
+                placement: "right",
+                ...props.textEllipsisTooltipProps || {},
+                virtualTriggering: true,
+                virtualRef: tooltipVirtualRef.value,
+                content: tooltipContent.value,
+                visible: tooltipVisible.value
+              })
+            );
+          }
           return nodes;
         }
       );

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

@@ -30,6 +30,10 @@ export declare const menusProps: {
     tooltipDisabled: BooleanConstructor;
     /** 省略菜单的属性 */
     ellipsisProps: PropType<EllipsisProps>;
+    /** 是否开启菜单文本溢出提示 */
+    textEllipsisTooltip: BooleanConstructor;
+    /** 菜单文本溢出提示属性 */
+    textEllipsisTooltipProps: PropType<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>;
@@ -66,6 +70,10 @@ export declare const menusEmits: {
     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;

package/es/ele-menus/props.js

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

package/es/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/es/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/es/ele-menus/util.js

@@ -13,13 +13,34 @@ function getLinkNode(path) {
     return h("a", {
       href: path,
       target: "_blank",
-      class: linkClass
+      class: linkClass,
+      onClick: (e) => {
+        e.stopPropagation();
+      }
     });
   }
   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, trigger) {
   const nodes = [];
   if (icons) {
@@ -40,7 +61,7 @@ function getNodes(icons, 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;
@@ -62,21 +83,12 @@ 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 triggerNode = 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(
         h(
@@ -103,6 +115,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(
         h(ElMenuItemGroup, { key }, {
@@ -120,10 +139,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;
@@ -174,10 +196,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)
         }
       )
     );
@@ -314,6 +339,7 @@ export {
   getMenuWidth,
   getNodes,
   getPopperClass,
+  getTriggerNode,
   linkClass,
   overflowClass,
   renderItems,

package/es/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/es/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/es/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/es/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/es/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/es/ele-pro-layout/components/pro-header.js

@@ -44,7 +44,11 @@ const _sfc_main = defineComponent({
     /** 主页路由地址 */
     homePath: String,
     /** 当前路由是否是主页 */
-    isHome: Boolean
+    isHome: Boolean,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     logoClick: () => true,
@@ -229,6 +233,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,
@@ -253,7 +259,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"])) : createCommentVNode("", true)
+      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "textEllipsisTooltip", "textEllipsisTooltipProps", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
     ]),
     _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })

package/es/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/es/ele-pro-layout/components/pro-sidebar.js

@@ -30,7 +30,11 @@ const _sfc_main = defineComponent({
     /** 菜单标题插槽名称 */
     titleSlot: String,
     /** 菜单图标插槽名称 */
-    iconSlot: String
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     open: (_index, _indexPath) => true,
@@ -114,6 +118,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
@@ -132,7 +138,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"])) : createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "colorful", "collapse", "defaultActive", "defaultOpeneds", "uniqueOpened", "popperEffect", "textEllipsisTooltip", "textEllipsisTooltipProps", "onOpen", "onClose", "onItemClick"])) : createCommentVNode("", true)
       ]),
       _: 3
     }, 512),

package/es/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;