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

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

@@ -21,17 +21,21 @@ const _sfc_main = defineComponent({
     compact: Boolean,
     /** 二级侧栏是否折叠 */
     collapse: Boolean,
-    /** tooltip 主题 */
+    /** 菜单折叠提示气泡主题 */
     popperEffect: String,
-    /** 菜单项触发模式 */
+    /** 子菜单项触发模式 */
     itemTrigger: String,
-    /** 标题插槽名称 */
+    /** 菜单标题插槽名称 */
     titleSlot: String,
-    /** 图标插槽名称 */
+    /** 菜单图标插槽名称 */
     iconSlot: String
   },
   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 +44,40 @@ 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 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 +87,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 +113,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           collapseTransition: false,
           firstPopperClass: "ele-admin-sidebox-popup",
           tooltipDisabled: !_ctx.compact,
-          onItemClick: _ctx.onItemClick
+          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 +131,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", "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/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();
           }

package/es/ele-pro-layout/index.d.ts

@@ -58,15 +58,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>; /** 页签选中 */
+        type: import("vue").PropType<import("./types").SidebarStyle>;
         default: string;
     };
     tabStyle: {
         type: import("vue").PropType<import("./types").TabStyle>;
-        default: string;
-    };
+        default: string; /** 页签数据 */
+    }; /** 页签数据 */
     fixedHeader: {
-        /** 顶栏菜单数据 */
         type: BooleanConstructor;
         default: boolean;
     };
@@ -74,13 +73,13 @@ declare const _default: import("vue").DefineComponent<{
     fixedBody: BooleanConstructor;
     fluid: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 顶栏菜单数据 */
     };
     logoInHeader: BooleanConstructor;
-    colorfulIcon: BooleanConstructor; /** 侧栏一级菜单数据 */
+    colorfulIcon: BooleanConstructor;
     uniqueOpened: {
         type: BooleanConstructor;
-        default: boolean; /** 侧栏一级菜单选中 */
+        default: boolean;
     };
     expanded: BooleanConstructor;
     compressOnEsc: BooleanConstructor;
@@ -90,20 +89,20 @@ declare const _default: import("vue").DefineComponent<{
     };
     homePath: StringConstructor;
     redirectPath: {
+        /** 侧栏是否隐藏 */
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    i18n: import("vue").PropType<import("./types").MenuI18n>;
-    sidebarOpeneds: import("vue").PropType<string[]>;
+    i18n: import("vue").PropType<import("./types").MenuI18n>; /** 页脚是否隐藏 */
+    sidebarOpeneds: import("vue").PropType<string[]>; /** 主页地址 */
     tabContextMenu: import("vue").PropType<boolean | import("../ele-app/plus").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor;
+    tabSortable: BooleanConstructor; /** 水印文本 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否双侧栏布局 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -126,7 +125,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     sideboxIconSlot: {
         type: StringConstructor;
-        /** 布局类名 */
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
@@ -144,6 +142,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
 }, {
     authenticated: Ref<boolean>;
     watermark: Ref<string[]>;
@@ -176,9 +178,17 @@ declare const _default: import("vue").DefineComponent<{
     onSideMenuClose: (index: string, indexPath: string[]) => void;
     onHeadMenuOpen: (index: string, indexPath: string[]) => void;
     onHeadMenuClose: (index: string, indexPath: string[]) => void;
-    onNavItemClick: (item: MenuItemProps) => void;
-    onBoxItemClick: (item: MenuItemProps) => void;
-    onMenuItemClick: (item: MenuItemProps) => void;
+    onNavItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    onNavItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    onNavMouseEnter: () => void;
+    onNavMouseLeave: () => void;
+    onBoxItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    onBoxItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    onBoxMouseEnter: () => void;
+    onBoxMouseLeave: () => void;
+    onMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    onSideMouseEnter: () => void;
+    onSideMouseLeave: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:collapse': (_collapse: boolean) => boolean;
     'update:maximized': (_val: boolean) => boolean;
@@ -250,15 +260,14 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>; /** 页签选中 */
+        type: import("vue").PropType<import("./types").SidebarStyle>;
         default: string;
     };
     tabStyle: {
         type: import("vue").PropType<import("./types").TabStyle>;
-        default: string;
-    };
+        default: string; /** 页签数据 */
+    }; /** 页签数据 */
     fixedHeader: {
-        /** 顶栏菜单数据 */
         type: BooleanConstructor;
         default: boolean;
     };
@@ -266,13 +275,13 @@ declare const _default: import("vue").DefineComponent<{
     fixedBody: BooleanConstructor;
     fluid: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 顶栏菜单数据 */
     };
     logoInHeader: BooleanConstructor;
-    colorfulIcon: BooleanConstructor; /** 侧栏一级菜单数据 */
+    colorfulIcon: BooleanConstructor;
     uniqueOpened: {
         type: BooleanConstructor;
-        default: boolean; /** 侧栏一级菜单选中 */
+        default: boolean;
     };
     expanded: BooleanConstructor;
     compressOnEsc: BooleanConstructor;
@@ -282,20 +291,20 @@ declare const _default: import("vue").DefineComponent<{
     };
     homePath: StringConstructor;
     redirectPath: {
+        /** 侧栏是否隐藏 */
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    i18n: import("vue").PropType<import("./types").MenuI18n>;
-    sidebarOpeneds: import("vue").PropType<string[]>;
+    i18n: import("vue").PropType<import("./types").MenuI18n>; /** 页脚是否隐藏 */
+    sidebarOpeneds: import("vue").PropType<string[]>; /** 主页地址 */
     tabContextMenu: import("vue").PropType<boolean | import("../ele-app/plus").EleDropdownProps>;
     tabContextMenus: import("vue").PropType<import("../ele-tabs/types").ContextMenus>;
-    tabSortable: BooleanConstructor;
+    tabSortable: BooleanConstructor; /** 水印文本 */
     autoScrollTop: {
         type: BooleanConstructor;
         default: boolean;
     };
-    /** 是否双侧栏布局 */
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -318,7 +327,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     sideboxIconSlot: {
         type: StringConstructor;
-        /** 布局类名 */
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
@@ -336,6 +344,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
@@ -390,5 +402,6 @@ declare const _default: import("vue").DefineComponent<{
     sidebarIconSlot: string;
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
+    menuHoverTimeout: number;
 }, {}>;
 export default _default;