ele-admin-plus 1.1.3 → 1.1.4-beta.1

package/lib/ele-popconfirm/index.js

@@ -60,9 +60,15 @@ const _sfc_main = vue.defineComponent({
       }
       const classes = ["ele-popconfirm-icon"];
       if (options.class) {
-        classes.push(options.class);
+        if (Array.isArray(options.class)) {
+          options.class.forEach((c) => {
+            classes.push(c);
+          });
+        } else {
+          classes.push(options.class);
+        }
       }
-      options.class = classes.join(" ");
+      options.class = classes;
       return options;
     });
     const confirmText = vue.computed(() => {

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

@@ -1,5 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue, ElIconProps, ElButtonProps } from '../ele-app/types';
+import type { ElIconProps, ElButtonProps } from '../ele-app/types';
 /**
  * 属性
  */
@@ -26,15 +26,15 @@ export declare const popconfirmProps: {
     hideIcon: BooleanConstructor;
     hideConfirmButton: BooleanConstructor;
     hideCancelButton: BooleanConstructor;
-    iconStyle: PropType<StyleValue>;
+    iconStyle: PropType<Partial<import("vue").CSSProperties>>;
     iconProps: PropType<ElIconProps>;
     confirmButtonProps: PropType<ElButtonProps>;
     cancelButtonProps: PropType<ElButtonProps>;
-    footerStyle: PropType<StyleValue>;
+    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
     bodyClass: StringConstructor;
-    bodyStyle: PropType<StyleValue>;
-    titleStyle: PropType<StyleValue>;
-    contentStyle: PropType<StyleValue>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    contentStyle: PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";

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

@@ -1,9 +1,9 @@
 import type { ElPopoverProps, ElPopoverInstance, ElPopperInstance } from '../ele-app/types';
 declare const _default: import("vue").DefineComponent<{
     bodyClass: StringConstructor;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    contentStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {
@@ -60,9 +60,9 @@ declare const _default: import("vue").DefineComponent<{
     'after-leave': () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     bodyClass: StringConstructor;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    contentStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {

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

@@ -1,13 +1,12 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue } from '../ele-app/types';
 /**
  * 属性
  */
 export declare const popoverProps: {
     bodyClass: StringConstructor;
-    bodyStyle: PropType<StyleValue>;
-    titleStyle: PropType<StyleValue>;
-    contentStyle: PropType<StyleValue>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    contentStyle: PropType<Partial<import("vue").CSSProperties>>;
     offset: import("element-plus/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
     effect: {

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

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    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)[];
     direction: import("vue").PropType<import("./types").PrintDirection | null>;
@@ -18,9 +18,9 @@ declare const _default: import("vue").DefineComponent<{
     done: () => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: BooleanConstructor;
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    bodyStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    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)[];
     direction: import("vue").PropType<import("./types").PrintDirection | null>;

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

@@ -1,14 +1,13 @@
 import type { PropType, ExtractPropTypes } from 'vue';
-import type { StyleValue } from '../ele-app/types';
 import type { PrintDirection, PrintOrientation, PrintTarget } from './types';
 /**
  * 属性
  */
 export declare const printerProps: {
     modelValue: BooleanConstructor;
-    headerStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    footerStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
     title: StringConstructor;
     margin: (StringConstructor | NumberConstructor)[];
     direction: PropType<PrintDirection | null>;

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

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 import { BreadcrumbItem } from '../../ele-breadcrumb/types';
 import type { EllipsisProps } from '../../ele-menus/types';
-import type { MenuItem, LevelItem, HeaderStyle } from '../types';
+import type { MenuItem, LevelItem, HeaderStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
     menus: {
         type: PropType<MenuItem[]>;
@@ -12,6 +12,7 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: BooleanConstructor;
     ellipsisProps: PropType<EllipsisProps>;
     menuTrigger: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
+    itemTrigger: PropType<MenuItemTrigger>;
     collapse: BooleanConstructor;
     sidebar: BooleanConstructor;
     titleSlot: StringConstructor;
@@ -26,17 +27,19 @@ declare const _default: import("vue").DefineComponent<{
     isHome: BooleanConstructor;
 }, {
     levelItems: import("vue").ShallowRef<BreadcrumbItem[]>;
-    menuItems: import("vue").ComputedRef<import("../../ele-menus/types").MenuItem[]>;
+    menuItems: import("vue").ComputedRef<MenuItemProps[]>;
     isDark: import("vue").ComputedRef<boolean>;
     isPrimary: import("vue").ComputedRef<boolean>;
     isIconSeparator: import("vue").ComputedRef<boolean>;
     onLogoClick: () => void;
     onOpen: (index: string, indexPath: string[]) => void;
     onClose: (index: string, indexPath: string[]) => void;
+    onItemClick: (item: MenuItemProps) => 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;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: PropType<MenuItem[]>;
@@ -47,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: BooleanConstructor;
     ellipsisProps: PropType<EllipsisProps>;
     menuTrigger: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
+    itemTrigger: PropType<MenuItemTrigger>;
     collapse: BooleanConstructor;
     sidebar: BooleanConstructor;
     titleSlot: StringConstructor;
@@ -62,6 +66,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onItemClick?: ((_item: MenuItemProps) => any) | undefined;
     onLogoClick?: (() => any) | undefined;
 }, {
     collapse: boolean;

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

@@ -23,6 +23,8 @@ const _sfc_main = vue.defineComponent({
     ellipsisProps: Object,
     // 子菜单触发方式
     menuTrigger: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 侧栏是否折叠
     collapse: Boolean,
     // 当前是否有侧栏
@@ -48,11 +50,14 @@ const _sfc_main = vue.defineComponent({
   emits: {
     logoClick: () => true,
     open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true
+    close: (_index, _indexPath) => true,
+    itemClick: (_item) => true
   },
   setup(props, { emit }) {
     const levelItems = vue.shallowRef([]);
-    const menuItems = vue.computed(() => util.getMenuItems(props.menus));
+    const menuItems = vue.computed(() => {
+      return util.getMenuItems(props.menus, props.itemTrigger != "click");
+    });
     const isDark = vue.computed(() => props.headerStyle === "dark");
     const isPrimary = vue.computed(() => props.headerStyle === "primary");
     const isIconSeparator = vue.computed(() => {
@@ -67,6 +72,9 @@ const _sfc_main = vue.defineComponent({
     const onClose = (index, indexPath) => {
       emit("close", index, indexPath);
     };
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     vue.watch(
       [() => props.isHome, () => props.homePath, () => props.levels],
       () => {
@@ -96,7 +104,8 @@ const _sfc_main = vue.defineComponent({
       isIconSeparator,
       onLogoClick,
       onOpen,
-      onClose
+      onClose,
+      onItemClick
     };
   }
 });
@@ -170,7 +179,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         defaultActive: _ctx.active,
         menuTrigger: _ctx.menuTrigger,
         onOpen: _ctx.onOpen,
-        onClose: _ctx.onClose
+        onClose: _ctx.onClose,
+        onItemClick: _ctx.onItemClick
       }, vue.createSlots({ _: 2 }, [
         _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
           name: "icon",
@@ -186,7 +196,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose"])) : vue.createCommentVNode("", true)
+      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose", "onItemClick"])) : 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-iframe.js

@@ -58,14 +58,17 @@ const _sfc_main = vue.defineComponent({
         state.timer = null;
       }
     };
-    vue.watch([() => props.tabActive, () => props.tabData], () => {
-      clearTimer();
-      if (visible.value) {
-        active.value = null;
-      } else {
-        onAfterLeave(props.transitionDelay);
+    vue.watch(
+      () => props.tabActive,
+      () => {
+        clearTimer();
+        if (visible.value) {
+          active.value = null;
+        } else {
+          onAfterLeave(props.transitionDelay);
+        }
       }
-    });
+    );
     vue.onBeforeUnmount(() => {
       clearTimer();
     });

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { ElScrollbarInstance } from '../../ele-app/types';
-import type { MenuItem, SidebarStyle } from '../types';
+import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
     menus: {
         type: PropType<MenuItem[]>;
@@ -13,16 +13,19 @@ declare const _default: import("vue").DefineComponent<{
     uniqueOpened: BooleanConstructor;
     defaultOpeneds: PropType<string[]>;
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    itemTrigger: PropType<MenuItemTrigger>;
     titleSlot: StringConstructor;
     iconSlot: StringConstructor;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
-    menuItems: import("vue").ComputedRef<import("../../ele-menus/types").MenuItem[]>;
+    menuItems: import("vue").ComputedRef<MenuItemProps[]>;
     onOpen: (index: string, indexPath: string[]) => void;
     onClose: (index: string, indexPath: string[]) => void;
+    onItemClick: (item: MenuItemProps) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     open: (_index: string, _indexPath: string[]) => true;
     close: (_index: string, _indexPath: string[]) => true;
+    itemClick: (_item: MenuItemProps) => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: PropType<MenuItem[]>;
@@ -35,11 +38,13 @@ declare const _default: import("vue").DefineComponent<{
     uniqueOpened: BooleanConstructor;
     defaultOpeneds: PropType<string[]>;
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    itemTrigger: PropType<MenuItemTrigger>;
     titleSlot: StringConstructor;
     iconSlot: StringConstructor;
 }>> & {
     onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onItemClick?: ((_item: MenuItemProps) => any) | undefined;
 }, {
     uniqueOpened: boolean;
     collapse: boolean;

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

@@ -26,6 +26,8 @@ const _sfc_main = vue.defineComponent({
     defaultOpeneds: Array,
     // tooltip 主题
     popperEffect: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 标题插槽名称
     titleSlot: String,
     // 图标插槽名称
@@ -33,7 +35,8 @@ const _sfc_main = vue.defineComponent({
   },
   emits: {
     open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true
+    close: (_index, _indexPath) => true,
+    itemClick: (_item) => true
   },
   setup(props, { emit }) {
     const { scrollIntoView } = util.useMenuScroll(() => {
@@ -41,13 +44,18 @@ const _sfc_main = vue.defineComponent({
       return (_a = menusRef.value) == null ? void 0 : _a.$el;
     });
     const menusRef = vue.ref(null);
-    const menuItems = vue.computed(() => util.getMenuItems(props.menus));
+    const menuItems = vue.computed(() => {
+      return util.getMenuItems(props.menus, props.itemTrigger != "click");
+    });
     const onOpen = (index, indexPath) => {
       emit("open", index, indexPath);
     };
     const onClose = (index, indexPath) => {
       emit("close", index, indexPath);
     };
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     vue.watch(
       () => props.active,
       () => {
@@ -56,7 +64,7 @@ const _sfc_main = vue.defineComponent({
         });
       }
     );
-    return { menusRef, menuItems, onOpen, onClose };
+    return { menusRef, menuItems, onOpen, onClose, onItemClick };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -88,7 +96,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           popperEffect: _ctx.popperEffect,
           collapseTransition: false,
           onOpen: _ctx.onOpen,
-          onClose: _ctx.onClose
+          onClose: _ctx.onClose,
+          onItemClick: _ctx.onItemClick
         }, vue.createSlots({ _: 2 }, [
           _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
             name: "icon",
@@ -104,7 +113,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"])
+        ]), 1032, ["items", "theme", "colorful", "collapse", "defaultActive", "defaultOpeneds", "uniqueOpened", "popperEffect", "onOpen", "onClose", "onItemClick"])
       ]),
       _: 3
     }, 512),

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

@@ -1,6 +1,6 @@
 import type { PropType } from 'vue';
 import type { ElScrollbarInstance } from '../../ele-app/types';
-import type { MenuItem, SidebarStyle } from '../types';
+import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
 declare const _default: import("vue").DefineComponent<{
     menus: {
         type: PropType<MenuItem[]>;
@@ -12,12 +12,16 @@ declare const _default: import("vue").DefineComponent<{
     compact: BooleanConstructor;
     collapse: BooleanConstructor;
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    itemTrigger: PropType<MenuItemTrigger>;
     titleSlot: StringConstructor;
     iconSlot: StringConstructor;
 }, {
     menusRef: import("vue").Ref<ElScrollbarInstance>;
-    menuItems: import("vue").ComputedRef<import("../../ele-menus/types").MenuItem[]>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    menuItems: import("vue").ComputedRef<MenuItemProps[]>;
+    onItemClick: (item: MenuItemProps) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    itemClick: (_item: MenuItemProps) => true;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     menus: {
         type: PropType<MenuItem[]>;
         required: true;
@@ -28,9 +32,12 @@ declare const _default: import("vue").DefineComponent<{
     compact: BooleanConstructor;
     collapse: BooleanConstructor;
     popperEffect: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown>>;
+    itemTrigger: PropType<MenuItemTrigger>;
     titleSlot: StringConstructor;
     iconSlot: StringConstructor;
-}>>, {
+}>> & {
+    onItemClick?: ((_item: MenuItemProps) => any) | undefined;
+}, {
     collapse: boolean;
     compact: boolean;
     colorfulIcon: boolean;

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

@@ -24,18 +24,28 @@ const _sfc_main = vue.defineComponent({
     collapse: Boolean,
     // tooltip 主题
     popperEffect: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 标题插槽名称
     titleSlot: String,
     // 图标插槽名称
     iconSlot: String
   },
-  setup(props) {
+  emits: {
+    itemClick: (_item) => true
+  },
+  setup(props, { emit }) {
     const { scrollIntoView } = util.useMenuScroll(() => {
       var _a;
       return (_a = menusRef.value) == null ? void 0 : _a.$el;
     });
     const menusRef = vue.ref(null);
-    const menuItems = vue.computed(() => util.getMenuItems(props.menus));
+    const menuItems = vue.computed(() => {
+      return util.getMenuItems(props.menus, props.itemTrigger != "click");
+    });
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     vue.watch(
       () => props.active,
       () => {
@@ -44,7 +54,7 @@ const _sfc_main = vue.defineComponent({
         });
       }
     );
-    return { menusRef, menuItems };
+    return { menusRef, menuItems, onItemClick };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -75,7 +85,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           popperEffect: _ctx.popperEffect,
           collapseTransition: false,
           firstPopperClass: "ele-admin-sidebox-popup",
-          tooltipDisabled: !_ctx.compact
+          tooltipDisabled: !_ctx.compact,
+          onItemClick: _ctx.onItemClick
         }, vue.createSlots({ _: 2 }, [
           _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
             name: "icon",
@@ -91,7 +102,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled"])
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "onItemClick"])
       ]),
       _: 3
     }, 512),

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

@@ -64,10 +64,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         placement: "bottom-end",
         popperClass: "ele-tab-popup",
         popperOptions: {
-          modifiers: [
-            { name: "arrow", options: { padding: 12 } },
-            { name: "offset", options: { offset: [12, 8] } }
-          ]
+          modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
         },
         items: _ctx.items,
         onCommand: _ctx.onCommand

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

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
 import type { ClassValues } from '../ele-app/types';
-import type { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
+import type { MenuItem, TabItem, LevelItem, TabItemEventOption, MenuItemProps } from './types';
 declare const _default: import("vue").DefineComponent<{
     menus: import("vue").PropType<MenuItem[] | null>;
     tabs: import("vue").PropType<TabItem[] | null>;
@@ -35,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    backTopTarget: StringConstructor;
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -126,6 +127,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    beforeClick: import("vue").PropType<import("./types").BeforeClick>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -137,8 +142,8 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    UNAUTHORIZED_TIP: string;
     authenticated: Ref<boolean>;
+    watermark: Ref<string[]>;
     contentRef: Ref<HTMLElement | null>;
     levelData: import("vue").ShallowRef<LevelItem[]>;
     tabData: import("vue").ShallowRef<TabItem[]>;
@@ -155,6 +160,7 @@ declare const _default: import("vue").DefineComponent<{
     sidebox: import("vue").ComputedRef<boolean>;
     sidebar: import("vue").ComputedRef<boolean>;
     layoutClass: import("vue").ComputedRef<ClassValues>;
+    backTopSelector: import("vue").ComputedRef<string | undefined>;
     sidebarCollapse: import("vue").ComputedRef<boolean>;
     sidebarTheme: import("vue").ComputedRef<"light" | "dark">;
     updateCollapse: (val?: boolean | MouseEvent) => void;
@@ -167,6 +173,9 @@ 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;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:collapse': (_collapse: boolean) => boolean;
     'update:maximized': (_val: boolean) => boolean;
@@ -215,6 +224,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    backTopTarget: StringConstructor;
     ellipsis: {
         type: BooleanConstructor;
         default: boolean;
@@ -306,6 +316,10 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     tooltipEffect: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    navTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    boxTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    itemTrigger: import("vue").PropType<import("./types").MenuItemTrigger>;
+    beforeClick: import("vue").PropType<import("./types").BeforeClick>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -335,6 +349,7 @@ declare const _default: import("vue").DefineComponent<{
     menuTrigger: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined;
     collapse: boolean;
     ellipsis: boolean;
+    transitionDelay: number;
     layout: import("./types").Layout;
     maximized: boolean;
     compact: boolean;
@@ -342,7 +357,6 @@ declare const _default: import("vue").DefineComponent<{
     tabBar: boolean;
     keepAlive: boolean;
     responsive: boolean;
-    transitionDelay: number;
     breadcrumb: boolean;
     breadcrumbSeparator: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown> | undefined;
     backTop: boolean;