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

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

@@ -1,22 +1,22 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import('vue').DefineComponent<{
     modelValue: BooleanConstructor;
     headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     title: StringConstructor;
-    margin: (StringConstructor | NumberConstructor)[];
+    margin: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<string | null>;
     orientation: import("vue").PropType<import("./types").PrintOrientation | null>;
     target: import("vue").PropType<import("./types").PrintTarget | null>;
     static: BooleanConstructor;
-    options: ObjectConstructor; /** 是否显示 */
+    options: ObjectConstructor;
 }, {
     container: import("vue").ShallowRef<Element>;
     visible: import("vue").Ref<boolean>;
     isStatic: import("vue").ComputedRef<boolean>;
     print: (options?: any) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:modelValue': (_value: boolean) => boolean;
+    'update:modelValue': (_value: boolean) => boolean; /** 打印 */
     done: () => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
@@ -24,17 +24,17 @@ declare const _default: import("vue").DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     title: StringConstructor;
-    margin: (StringConstructor | NumberConstructor)[];
+    margin: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<string | null>;
     orientation: import("vue").PropType<import("./types").PrintOrientation | null>;
     target: import("vue").PropType<import("./types").PrintTarget | null>;
     static: BooleanConstructor;
-    options: ObjectConstructor; /** 是否显示 */
+    options: ObjectConstructor;
 }>> & {
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
     onDone?: (() => any) | undefined;
 }, {
-    modelValue: boolean;
     static: boolean;
+    modelValue: boolean;
 }, {}>;
 export default _default;

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

@@ -1,5 +1,6 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-import type { PrintOrientation, PrintTarget } from './types';
+import { PrintOrientation, PrintTarget } from './types';
+import { PropType, ExtractPropTypes } from 'vue';
+
 /**
  * 属性
  */
@@ -7,11 +8,11 @@ export declare const printerProps: {
     /** 是否打印 */
     modelValue: BooleanConstructor;
     /** 页眉样式 */
-    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 内容样式 */
-    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 页脚样式 */
-    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: PropType<Partial<import('vue').CSSProperties>>;
     /** 标题 */
     title: StringConstructor;
     /** 页间距 */

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

@@ -18,7 +18,7 @@
     border: none;
   }
 
-  &:not(.is-open, .is-static) {
+  &:not(.is-open):not(.is-static) {
     display: none;
   }
 

package/lib/ele-printer/util.cjs

@@ -122,7 +122,7 @@ function mergeOptions(options, userOptions) {
 function usePrinter(done) {
   const printId = core.uuid(8);
   const onMessage = (e) => {
-    if (e.data === "elePrintDone_" + printId) {
+    if (e.data === `elePrintDone_${printId}`) {
       removePrintFrame();
       done && done();
     }
@@ -136,10 +136,12 @@ function usePrinter(done) {
 function printPdf(option) {
   const pFrame = getPrintFrame();
   pFrame.onload = () => {
-    if (!!pFrame.getAttribute("src")) {
+    const url = pFrame.getAttribute("src");
+    if (!!url) {
       pFrame.focus();
       pFrame.contentWindow && pFrame.contentWindow.print(option.options);
       option.done && option.done();
+      URL.revokeObjectURL(url);
     }
   };
   const doPrint2 = (buffer) => {

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

@@ -1,4 +1,5 @@
-import type { PrintOption, PrintPdfOption } from './types';
+import { PrintOption, PrintPdfOption } from './types';
+
 export declare const printContainerId = "ele-printer-container";
 export declare const printFrameId = "ele-printer-iframe";
 export declare const printingClass = "ele-printing";

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -21,17 +21,17 @@ const _sfc_main = vue.defineComponent({
     ellipsis: Boolean,
     /** 菜单省略项的属性 */
     ellipsisProps: Object,
-    /** 子菜单触发方式 */
+    /** 父级菜单展开触发方式 */
     menuTrigger: String,
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: String,
     /** 侧栏是否折叠 */
     collapse: Boolean,
     /** 当前是否有侧栏 */
     sidebar: Boolean,
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: String,
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: String,
     /** 面包屑导航数据 */
     levels: {
@@ -45,18 +45,30 @@ const _sfc_main = vue.defineComponent({
     /** 主页路由地址 */
     homePath: String,
     /** 当前路由是否是主页 */
-    isHome: Boolean
+    isHome: Boolean,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     logoClick: () => true,
     open: (_index, _indexPath) => true,
     close: (_index, _indexPath) => true,
-    itemClick: (_item) => true
+    itemClick: (_item, _e) => true,
+    itemMouseenter: (_item, _e) => true,
+    itemMouseleave: (_item, _e) => true,
+    mouseEnter: (_e) => true,
+    mouseLeave: (_e) => true
   },
   setup(props, { emit }) {
+    const state = { hover: false, timer: null };
     const levelItems = vue.shallowRef([]);
     const menuItems = vue.computed(() => {
-      return util.getMenuItems(props.menus, props.itemTrigger != "click");
+      return util.getMenuItems(
+        props.menus,
+        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
+      );
     });
     const isDark = vue.computed(() => props.headerStyle === "dark");
     const isPrimary = vue.computed(() => props.headerStyle === "primary");
@@ -72,8 +84,36 @@ const _sfc_main = vue.defineComponent({
     const onClose = (index, indexPath) => {
       emit("close", index, indexPath);
     };
-    const onItemClick = (item) => {
-      emit("itemClick", item);
+    const onItemClick = (item, e) => {
+      emit("itemClick", item, e);
+    };
+    const onItemMouseenter = (item, e) => {
+      emit("itemMouseenter", item, e);
+      onMouseenter(e);
+    };
+    const onItemMouseleave = (item, e) => {
+      emit("itemMouseleave", item, e);
+      onMouseleave(e);
+    };
+    const onMouseenter = (e) => {
+      if (state.timer != null) {
+        clearTimeout(state.timer);
+        state.timer = null;
+      }
+      if (!state.hover) {
+        state.hover = true;
+        emit("mouseEnter", e);
+      }
+    };
+    const onMouseleave = (e) => {
+      if (state.timer != null) {
+        clearTimeout(state.timer);
+      }
+      state.timer = setTimeout(() => {
+        state.timer = null;
+        state.hover = false;
+        emit("mouseLeave", e);
+      }, 300);
     };
     vue.watch(
       [() => props.isHome, () => props.homePath, () => props.levels],
@@ -95,8 +135,17 @@ const _sfc_main = vue.defineComponent({
         });
         levelItems.value = data;
       },
-      { deep: true, immediate: true }
+      {
+        immediate: true,
+        deep: true
+      }
     );
+    vue.onBeforeUnmount(() => {
+      if (state.timer != null) {
+        clearTimeout(state.timer);
+        state.timer = null;
+      }
+    });
     return {
       levelItems,
       menuItems,
@@ -106,7 +155,11 @@ const _sfc_main = vue.defineComponent({
       onLogoClick,
       onOpen,
       onClose,
-      onItemClick
+      onItemClick,
+      onItemMouseenter,
+      onItemMouseleave,
+      onMouseenter,
+      onMouseleave
     };
   }
 });
@@ -138,7 +191,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "ele-admin-header",
       { "is-dark": _ctx.isDark },
       { "is-primary": _ctx.isPrimary }
-    ])
+    ]),
+    onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
+    onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
   }, [
     _ctx.$slots.logo ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
@@ -179,9 +234,13 @@ 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
+        onItemClick: _ctx.onItemClick,
+        onItemMouseenter: _ctx.onItemMouseenter,
+        onItemMouseleave: _ctx.onItemMouseleave
       }, vue.createSlots({ _: 2 }, [
         _ctx.iconSlot && !["logo", "left", "right", "center", "breadcrumb"].includes(
           _ctx.iconSlot
@@ -201,12 +260,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose", "onItemClick"])) : 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 })
     ])) : vue.createCommentVNode("", true)
-  ], 2);
+  ], 34);
 }
 const proHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = proHeader;

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

@@ -1,8 +1,9 @@
-import type { PropType } from 'vue';
+import { MenuItem, LevelItem, HeaderStyle, MenuItemTrigger, MenuItemProps } from '../types';
+import { EllipsisProps } from '../../ele-menus/types';
 import { BreadcrumbItem } from '../../ele-breadcrumb/types';
-import type { EllipsisProps } from '../../ele-menus/types';
-import type { MenuItem, LevelItem, HeaderStyle, MenuItemTrigger, MenuItemProps } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
@@ -16,17 +17,17 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: BooleanConstructor;
     /** 菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
-    /** 子菜单触发方式 */
+    /** 父级菜单展开触发方式 */
     menuTrigger: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
     /** 侧栏是否折叠 */
     collapse: BooleanConstructor;
     /** 当前是否有侧栏 */
     sidebar: BooleanConstructor;
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: StringConstructor;
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
     /** 面包屑导航数据 */
     levels: {
@@ -41,6 +42,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>[]>;
@@ -50,12 +55,20 @@ declare const _default: import("vue").DefineComponent<{
     onLogoClick: () => void;
     onOpen: (index: string, indexPath: string[]) => void;
     onClose: (index: string, indexPath: string[]) => void;
-    onItemClick: (item: MenuItemProps) => void;
+    onItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    onItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    onItemMouseleave: (item: MenuItemProps, e: MouseEvent) => void;
+    onMouseenter: (e: MouseEvent) => void;
+    onMouseleave: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     logoClick: () => true;
     open: (_index: string, _indexPath: string[]) => true;
     close: (_index: string, _indexPath: string[]) => true;
-    itemClick: (_item: MenuItemProps) => true;
+    itemClick: (_item: MenuItemProps, _e: MouseEvent) => true;
+    itemMouseenter: (_item: MenuItemProps, _e: MouseEvent) => true;
+    itemMouseleave: (_item: MenuItemProps, _e: MouseEvent) => true;
+    mouseEnter: (_e: MouseEvent) => true;
+    mouseLeave: (_e: MouseEvent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** 菜单数据 */
     menus: {
@@ -70,17 +83,17 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: BooleanConstructor;
     /** 菜单省略项的属性 */
     ellipsisProps: PropType<EllipsisProps>;
-    /** 子菜单触发方式 */
+    /** 父级菜单展开触发方式 */
     menuTrigger: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
     /** 侧栏是否折叠 */
     collapse: BooleanConstructor;
     /** 当前是否有侧栏 */
     sidebar: BooleanConstructor;
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: StringConstructor;
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
     /** 面包屑导航数据 */
     levels: {
@@ -95,16 +108,25 @@ 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;
-    onItemClick?: ((_item: Partial<import("../../ele-menus/types").MenuItem>) => any) | undefined;
+    onItemClick?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
+    onItemMouseenter?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
+    onItemMouseleave?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
     onLogoClick?: (() => any) | undefined;
+    onMouseEnter?: ((_e: MouseEvent) => any) | undefined;
+    onMouseLeave?: ((_e: MouseEvent) => any) | undefined;
 }, {
     collapse: boolean;
     ellipsis: boolean;
     breadcrumb: boolean;
     sidebar: boolean;
+    menuTextEllipsisTooltip: boolean;
     isHome: boolean;
 }, {}>;
 export default _default;

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

@@ -22,20 +22,22 @@ const _sfc_main = vue.defineComponent({
     const visible = vue.ref(false);
     const active = vue.ref(null);
     const data = vue.computed(() => {
-      const result = [];
+      const list = [];
       props.tabData.forEach((t) => {
         var _a, _b;
         const isAlive = ((_a = t.meta) == null ? void 0 : _a.keepAlive) !== false;
-        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && !t.refresh && isAlive) {
-          result.push({ id: t.key, src: t.meta.iframe });
+        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && isAlive) {
+          list.push({ id: t.key, src: t.meta.iframe, refresh: t.refresh });
         }
       });
-      return result;
+      return list.sort((a, b) => a.id === b.id ? 0 : a.id > b.id ? 1 : -1);
     });
     const onAfterLeave = (delay) => {
       if (props.tabActive && data.value.length && data.value.some((d) => d.id === props.tabActive)) {
         if (delay) {
+          clearTimer();
           state.timer = setTimeout(() => {
+            state.timer = null;
             visible.value = true;
             vue.nextTick(() => {
               active.value = props.tabActive;
@@ -43,9 +45,7 @@ const _sfc_main = vue.defineComponent({
           }, delay);
         } else {
           visible.value = true;
-          vue.nextTick(() => {
-            active.value = props.tabActive;
-          });
+          active.value = props.tabActive;
         }
       } else {
         visible.value = false;
@@ -53,7 +53,7 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const clearTimer = () => {
-      if (state.timer) {
+      if (state.timer != null) {
         clearTimeout(state.timer);
         state.timer = null;
       }
@@ -63,10 +63,14 @@ const _sfc_main = vue.defineComponent({
       () => {
         clearTimer();
         if (visible.value) {
-          active.value = null;
-        } else {
-          onAfterLeave(props.transitionDelay);
+          if (!props.transitionName) {
+            onAfterLeave();
+          } else {
+            active.value = null;
+          }
+          return;
         }
+        onAfterLeave(props.transitionName ? props.transitionDelay : void 0);
       }
     );
     vue.onBeforeUnmount(() => {
@@ -88,28 +92,47 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
-const _hoisted_2 = ["id", "src"];
+const _hoisted_2 = ["data-id", "src"];
+const _hoisted_3 = ["data-id", "src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createVNode(vue.TransitionGroup, {
+    !_ctx.transitionName ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(_ctx.data, (item) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        key: item.id
+      }, [
+        !item.refresh ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
+          key: 0,
+          "data-id": item.id,
+          src: item.src,
+          class: "ele-admin-iframe"
+        }, null, 8, _hoisted_2)), [
+          [vue.vShow, _ctx.active === item.id]
+        ]) : vue.createCommentVNode("", true)
+      ], 64);
+    }), 128)) : (vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
+      key: 1,
       appear: true,
       name: _ctx.transitionName,
       onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.onAfterLeave())
     }, {
       default: vue.withCtx(() => [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.data, (item) => {
-          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
-            key: item.id,
-            id: item.id,
-            src: item.src,
-            class: "ele-admin-iframe"
-          }, null, 8, _hoisted_2)), [
-            [vue.vShow, _ctx.active === item.id]
-          ]);
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+            key: item.id
+          }, [
+            !item.refresh ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
+              key: 0,
+              "data-id": item.id,
+              src: item.src,
+              class: "ele-admin-iframe"
+            }, null, 8, _hoisted_3)), [
+              [vue.vShow, _ctx.active === item.id]
+            ]) : vue.createCommentVNode("", true)
+          ], 64);
         }), 128))
       ]),
       _: 1
-    }, 8, ["name"])
+    }, 8, ["name"]))
   ], 512)), [
     [vue.vShow, _ctx.visible]
   ]);

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

@@ -1,6 +1,7 @@
-import type { PropType } from 'vue';
-import type { TabItem, IframeItem } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { TabItem, IframeItem } from '../types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 是否支持内链缓存 */
     keepAlive: BooleanConstructor;
     /** 内链切换动画 */

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

@@ -20,23 +20,29 @@ const _sfc_main = vue.defineComponent({
     active: String,
     /** 是否折叠 */
     collapse: Boolean,
-    /** 是否只保持一个子菜单展开 */
+    /** 是否只保持一个父级菜单展开 */
     uniqueOpened: Boolean,
-    /** 默认展开的子菜单 */
+    /** 默认展开的父级菜单 */
     defaultOpeneds: Array,
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: String,
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: String,
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: String,
-    /** 图标插槽名称 */
-    iconSlot: String
+    /** 菜单图标插槽名称 */
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: Boolean,
+    /** 菜单文本溢出提示属性 */
+    menuTextEllipsisTooltipProps: Object
   },
   emits: {
     open: (_index, _indexPath) => true,
     close: (_index, _indexPath) => true,
-    itemClick: (_item) => true
+    itemClick: (_item, _e) => true,
+    mouseEnter: (_e) => true,
+    mouseLeave: (_e) => true
   },
   setup(props, { emit }) {
     const { scrollIntoView } = util.useMenuScroll(() => {
@@ -45,7 +51,10 @@ const _sfc_main = vue.defineComponent({
     });
     const menusRef = vue.ref(null);
     const menuItems = vue.computed(() => {
-      return util.getMenuItems(props.menus, props.itemTrigger != "click");
+      return util.getMenuItems(
+        props.menus,
+        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
+      );
     });
     const onOpen = (index, indexPath) => {
       emit("open", index, indexPath);
@@ -53,15 +62,29 @@ const _sfc_main = vue.defineComponent({
     const onClose = (index, indexPath) => {
       emit("close", index, indexPath);
     };
-    const onItemClick = (item) => {
-      emit("itemClick", item);
+    const onItemClick = (item, e) => {
+      emit("itemClick", item, e);
+    };
+    const onMouseenter = (e) => {
+      emit("mouseEnter", e);
+    };
+    const onMouseleave = (e) => {
+      emit("mouseLeave", e);
     };
     vue.watch([() => props.active, () => props.collapse], () => {
       vue.nextTick(() => {
         scrollIntoView();
       });
     });
-    return { menusRef, menuItems, onOpen, onClose, onItemClick };
+    return {
+      menusRef,
+      menuItems,
+      onOpen,
+      onClose,
+      onItemClick,
+      onMouseenter,
+      onMouseleave
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -71,11 +94,14 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-admin-sidebar" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleMenus = vue.resolveComponent("EleMenus");
   const _component_ElScrollbar = vue.resolveComponent("ElScrollbar");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ele-admin-sidebar",
+    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
+    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
+  }, [
     vue.renderSlot(_ctx.$slots, "top"),
     vue.createVNode(_component_ElScrollbar, {
       ref: "menusRef",
@@ -93,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
@@ -111,12 +139,12 @@ 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),
     vue.renderSlot(_ctx.$slots, "bottom")
-  ]);
+  ], 32);
 }
 const proSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 module.exports = proSidebar;