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

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

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { ElScrollbarInstance } from '../../ele-app/el';
-import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
+import { ElScrollbarInstance } from '../../ele-app/el';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
@@ -15,28 +16,34 @@ declare const _default: import("vue").DefineComponent<{
     active: StringConstructor;
     /** 是否折叠 */
     collapse: BooleanConstructor;
-    /** 是否只保持一个子菜单展开 */
+    /** 是否只保持一个父级菜单展开 */
     uniqueOpened: BooleanConstructor;
-    /** 默认展开的子菜单 */
+    /** 默认展开的父级菜单 */
     defaultOpeneds: PropType<string[]>;
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: StringConstructor;
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import("../../ele-tooltip/props").TooltipProps> | undefined>;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
     menuItems: import("vue").ComputedRef<Partial<import("../../ele-menus/types").MenuItem>[]>;
     onOpen: (index: string, indexPath: string[]) => void;
     onClose: (index: string, indexPath: string[]) => void;
-    onItemClick: (item: MenuItemProps) => void;
+    onItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    onMouseenter: (e: MouseEvent) => void;
+    onMouseleave: (e: MouseEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: (_index: string, _indexPath: string[]) => true;
     close: (_index: string, _indexPath: string[]) => true;
-    itemClick: (_item: MenuItemProps) => true;
+    itemClick: (_item: MenuItemProps, _e: MouseEvent) => true;
+    mouseEnter: (_e: MouseEvent) => true;
+    mouseLeave: (_e: MouseEvent) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /** 菜单数据 */
     menus: {
@@ -51,22 +58,26 @@ declare const _default: import("vue").DefineComponent<{
     active: StringConstructor;
     /** 是否折叠 */
     collapse: BooleanConstructor;
-    /** 是否只保持一个子菜单展开 */
+    /** 是否只保持一个父级菜单展开 */
     uniqueOpened: BooleanConstructor;
-    /** 默认展开的子菜单 */
+    /** 默认展开的父级菜单 */
     defaultOpeneds: PropType<string[]>;
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: StringConstructor;
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import("../../ele-tooltip/props").TooltipProps> | undefined>;
 }>> & {
     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;
+    onMouseEnter?: ((_e: MouseEvent) => any) | undefined;
+    onMouseLeave?: ((_e: MouseEvent) => any) | undefined;
 }, {
     uniqueOpened: boolean;
     collapse: boolean;

package/es/ele-pro-layout/components/pro-sidebar.js

@@ -19,23 +19,27 @@ const _sfc_main = defineComponent({
     active: String,
     /** 是否折叠 */
     collapse: Boolean,
-    /** 是否只保持一个子菜单展开 */
+    /** 是否只保持一个父级菜单展开 */
     uniqueOpened: Boolean,
-    /** 默认展开的子菜单 */
+    /** 默认展开的父级菜单 */
     defaultOpeneds: Array,
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: String,
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: String,
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: String,
-    /** 图标插槽名称 */
-    iconSlot: String
+    /** 菜单图标插槽名称 */
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: [Boolean, 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 } = useMenuScroll(() => {
@@ -44,7 +48,10 @@ const _sfc_main = defineComponent({
     });
     const menusRef = ref(null);
     const menuItems = computed(() => {
-      return getMenuItems(props.menus, props.itemTrigger != "click");
+      return getMenuItems(
+        props.menus,
+        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
+      );
     });
     const onOpen = (index, indexPath) => {
       emit("open", index, indexPath);
@@ -52,15 +59,29 @@ const _sfc_main = 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);
     };
     watch([() => props.active, () => props.collapse], () => {
       nextTick(() => {
         scrollIntoView();
       });
     });
-    return { menusRef, menuItems, onOpen, onClose, onItemClick };
+    return {
+      menusRef,
+      menuItems,
+      onOpen,
+      onClose,
+      onItemClick,
+      onMouseenter,
+      onMouseleave
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -70,11 +91,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 = resolveComponent("EleMenus");
   const _component_ElScrollbar = resolveComponent("ElScrollbar");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), 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))
+  }, [
     renderSlot(_ctx.$slots, "top"),
     createVNode(_component_ElScrollbar, {
       ref: "menusRef",
@@ -92,6 +116,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           uniqueOpened: _ctx.uniqueOpened,
           popperEffect: _ctx.popperEffect,
           collapseTransition: false,
+          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
           onOpen: _ctx.onOpen,
           onClose: _ctx.onClose,
           onItemClick: _ctx.onItemClick
@@ -110,12 +135,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"])) : createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "colorful", "collapse", "defaultActive", "defaultOpeneds", "uniqueOpened", "popperEffect", "textEllipsisTooltip", "onOpen", "onClose", "onItemClick"])) : createCommentVNode("", true)
       ]),
       _: 3
     }, 512),
     renderSlot(_ctx.$slots, "bottom")
-  ]);
+  ], 32);
 }
 const proSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

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

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { ElScrollbarInstance } from '../../ele-app/el';
-import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
+import { ElScrollbarInstance } from '../../ele-app/el';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
@@ -17,20 +18,30 @@ declare const _default: import("vue").DefineComponent<{
     compact: BooleanConstructor;
     /** 二级侧栏是否折叠 */
     collapse: BooleanConstructor;
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: StringConstructor;
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import("../../ele-tooltip/props").TooltipProps> | undefined>;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
     menuItems: import("vue").ComputedRef<Partial<import("../../ele-menus/types").MenuItem>[]>;
-    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, {
-    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: {
@@ -47,16 +58,22 @@ declare const _default: import("vue").DefineComponent<{
     compact: BooleanConstructor;
     /** 二级侧栏是否折叠 */
     collapse: BooleanConstructor;
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: StringConstructor;
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import("../../ele-tooltip/props").TooltipProps> | 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;
+    onMouseEnter?: ((_e: MouseEvent) => any) | undefined;
+    onMouseLeave?: ((_e: MouseEvent) => any) | undefined;
 }, {
     collapse: boolean;
     compact: boolean;

package/es/ele-pro-layout/components/pro-sidebox.js

@@ -21,17 +21,23 @@ const _sfc_main = defineComponent({
     compact: Boolean,
     /** 二级侧栏是否折叠 */
     collapse: Boolean,
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: String,
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: String,
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: String,
-    /** 图标插槽名称 */
-    iconSlot: String
+    /** 菜单图标插槽名称 */
+    iconSlot: String,
+    /** 是否开启菜单文本溢出提示 */
+    menuTextEllipsisTooltip: [Boolean, Object]
   },
   emits: {
-    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 { scrollIntoView } = useMenuScroll(() => {
@@ -40,17 +46,42 @@ const _sfc_main = defineComponent({
     });
     const menusRef = ref(null);
     const menuItems = computed(() => {
-      return getMenuItems(props.menus, props.itemTrigger != "click");
+      return getMenuItems(
+        props.menus,
+        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
+      ).map((d) => {
+        return { ...d, group: false };
+      });
     });
-    const onItemClick = (item) => {
-      emit("itemClick", item);
+    const onItemClick = (item, e) => {
+      emit("itemClick", item, e);
+    };
+    const onItemMouseenter = (item, e) => {
+      emit("itemMouseenter", item, e);
+    };
+    const onItemMouseleave = (item, e) => {
+      emit("itemMouseleave", item, e);
+    };
+    const onMouseenter = (e) => {
+      emit("mouseEnter", e);
+    };
+    const onMouseleave = (e) => {
+      emit("mouseLeave", e);
     };
     watch([() => props.active, () => props.compact], () => {
       nextTick(() => {
         scrollIntoView();
       });
     });
-    return { menusRef, menuItems, onItemClick };
+    return {
+      menusRef,
+      menuItems,
+      onItemClick,
+      onItemMouseenter,
+      onItemMouseleave,
+      onMouseenter,
+      onMouseleave
+    };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -60,11 +91,14 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1 = { class: "ele-admin-sidebox" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleMenus = resolveComponent("EleMenus");
   const _component_ElScrollbar = resolveComponent("ElScrollbar");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+  return openBlock(), createElementBlock("div", {
+    class: "ele-admin-sidebox",
+    onMouseenter: _cache[0] || (_cache[0] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
+    onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
+  }, [
     renderSlot(_ctx.$slots, "boxTop"),
     createVNode(_component_ElScrollbar, {
       ref: "menusRef",
@@ -83,7 +117,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           collapseTransition: false,
           firstPopperClass: "ele-admin-sidebox-popup",
           tooltipDisabled: !_ctx.compact,
-          onItemClick: _ctx.onItemClick
+          textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
+          onItemClick: _ctx.onItemClick,
+          onItemMouseenter: _ctx.onItemMouseenter,
+          onItemMouseleave: _ctx.onItemMouseleave
         }, createSlots({ _: 2 }, [
           _ctx.iconSlot && !["boxTop", "boxBottom"].includes(_ctx.iconSlot) && _ctx.$slots[_ctx.iconSlot] ? {
             name: "icon",
@@ -99,12 +136,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "onItemClick"])) : createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
       ]),
       _: 3
     }, 512),
     renderSlot(_ctx.$slots, "boxBottom")
-  ]);
+  ], 32);
 }
 const proSidebox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/es/ele-pro-layout/components/pro-tabs.d.ts

@@ -1,8 +1,9 @@
-import type { PropType } from 'vue';
-import type { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
-import type { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
-import type { TabItem, TabStyle, TabItemEventOption, TabTitleInstance } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { TabItem, TabStyle, TabItemEventOption, TabTitleInstance } from '../types';
+import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
+import { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 页签数据 */
     tabs: {
         type: PropType<TabItem[]>;

package/es/ele-pro-layout/components/sidebar-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/es/ele-pro-layout/components/tab-dropdown.d.ts

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { DropdownItem } from '../../ele-dropdown/types';
-import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-declare const _default: import("vue").DefineComponent<{
+import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
+import { DropdownItem } from '../../ele-dropdown/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 右键菜单 */
     items: PropType<DropdownItem[]>;
     /** 右键菜单属性 */

package/es/ele-pro-layout/components/tab-dropdown.js

@@ -24,13 +24,17 @@ const _sfc_main = defineComponent({
     const state = { timer: null };
     const dropdownRef = ref(null);
     const clearTimer = () => {
-      state.timer && clearTimeout(state.timer);
+      if (state.timer) {
+        clearTimeout(state.timer);
+        state.timer = null;
+      }
     };
     const onCommand = (command) => {
       emit("menuClick", command);
       clearTimer();
       if (props.autoClose) {
         state.timer = setTimeout(() => {
+          state.timer = null;
           if (dropdownRef.value) {
             dropdownRef.value.handleClose();
           }
@@ -64,7 +68,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         popperOptions: {
           modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
         }
-      }, _ctx.dropdownProps, {
+      }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,
         onCommand: _ctx.onCommand