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

package/es/ele-modal/index.d.ts

@@ -26,12 +26,12 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: 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>;
-    closeBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    fullscreenBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -71,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -83,6 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }, {
     dialogRef: import("vue").Ref<ElDialogInstance>;
     container: import("vue").Ref<Element>;
@@ -133,12 +135,12 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    titleStyle: 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>;
-    closeBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
-    fullscreenBtnStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    headerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -178,6 +180,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -190,6 +193,7 @@ declare const _default: import("vue").DefineComponent<{
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
@@ -213,14 +217,16 @@ declare const _default: import("vue").DefineComponent<{
     openDelay: number;
     closeDelay: number;
     trapFocus: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    headerAriaLevel: string;
     alignCenter: boolean;
     customClass: string;
     draggable: boolean;
     fullscreen: boolean;
     showClose: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    ariaLevel: string;
     minWidth: number;
-    responsive: boolean;
     minHeight: number;
+    responsive: boolean;
     multiple: boolean;
     resetOnClose: boolean;
     maxable: boolean;

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

@@ -1,6 +1,5 @@
 import type { PropType, ExtractPropTypes } from 'vue';
 import { dialogProps } from 'element-plus';
-import type { StyleValue } from '../ele-app/types';
 import type { Resizable, MoveOut, Position } from './types';
 /**
  * 属性
@@ -32,12 +31,12 @@ export declare const modalProps: {
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: PropType<StyleValue>;
-    titleStyle: PropType<StyleValue>;
-    bodyStyle: PropType<StyleValue>;
-    footerStyle: PropType<StyleValue>;
-    closeBtnStyle: PropType<StyleValue>;
-    fullscreenBtnStyle: PropType<StyleValue>;
+    headerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    titleStyle: PropType<Partial<import("vue").CSSProperties>>;
+    bodyStyle: PropType<Partial<import("vue").CSSProperties>>;
+    footerStyle: PropType<Partial<import("vue").CSSProperties>>;
+    closeBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
+    fullscreenBtnStyle: PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
         type: BooleanConstructor;
         default: null;
@@ -77,6 +76,7 @@ export declare const modalProps: {
         __epPropKey: true;
     };
     trapFocus: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    headerAriaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
@@ -89,6 +89,7 @@ export declare const modalProps: {
     fullscreen: BooleanConstructor;
     showClose: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     title: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
 };
 export type ModalProps = ExtractPropTypes<typeof modalProps>;
 /**

package/es/ele-modal/util.js

@@ -102,8 +102,8 @@ function handleMovable(event, props) {
       left: e.clientX - downX + downOL,
       top: e.clientY - downY + downOT
     };
-    const limitL = wrapEl.clientWidth - modalEl.clientWidth - 1;
-    const limitT = wrapEl.clientHeight - modalEl.clientHeight - 2;
+    const limitL = wrapEl.clientWidth - modalEl.clientWidth - 0.65;
+    const limitT = wrapEl.clientHeight - modalEl.clientHeight - 0.45;
     if (!props.moveOut) {
       if (position.left < 0) {
         position.left = 0;

package/es/ele-pagination/index.d.ts

@@ -58,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     popperClass: string;
     disabled: boolean;
     small: boolean;
+    background: boolean;
     pagerCount: number;
     layout: string;
     pageSizes: number[];
@@ -65,7 +66,6 @@ declare const _default: import("vue").DefineComponent<{
     prevIcon: 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>;
     nextText: string;
     nextIcon: 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>;
-    background: boolean;
     hideOnSinglePage: boolean;
 }, {}>;
 export default _default;

package/es/ele-popconfirm/index.d.ts

@@ -23,15 +23,15 @@ declare const _default: import("vue").DefineComponent<{
     hideIcon: BooleanConstructor;
     hideConfirmButton: BooleanConstructor;
     hideCancelButton: BooleanConstructor;
-    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     iconProps: import("vue").PropType<ElIconProps>;
     confirmButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
     cancelButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     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>;
     effect: {
         readonly default: "light";
@@ -113,15 +113,15 @@ declare const _default: import("vue").DefineComponent<{
     hideIcon: BooleanConstructor;
     hideConfirmButton: BooleanConstructor;
     hideCancelButton: BooleanConstructor;
-    iconStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    iconStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     iconProps: import("vue").PropType<ElIconProps>;
     confirmButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
     cancelButtonProps: import("vue").PropType<import("../ele-app/types").ElButtonProps>;
-    footerStyle: import("vue").PropType<import("../ele-app/types").StyleValue>;
+    footerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     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>;
     effect: {
         readonly default: "light";

package/es/ele-popconfirm/index.js

@@ -59,9 +59,15 @@ const _sfc_main = 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 = computed(() => {

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

@@ -22,6 +22,8 @@ const _sfc_main = defineComponent({
     ellipsisProps: Object,
     // 子菜单触发方式
     menuTrigger: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 侧栏是否折叠
     collapse: Boolean,
     // 当前是否有侧栏
@@ -47,11 +49,14 @@ const _sfc_main = defineComponent({
   emits: {
     logoClick: () => true,
     open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true
+    close: (_index, _indexPath) => true,
+    itemClick: (_item) => true
   },
   setup(props, { emit }) {
     const levelItems = shallowRef([]);
-    const menuItems = computed(() => getMenuItems(props.menus));
+    const menuItems = computed(() => {
+      return getMenuItems(props.menus, props.itemTrigger != "click");
+    });
     const isDark = computed(() => props.headerStyle === "dark");
     const isPrimary = computed(() => props.headerStyle === "primary");
     const isIconSeparator = computed(() => {
@@ -66,6 +71,9 @@ const _sfc_main = defineComponent({
     const onClose = (index, indexPath) => {
       emit("close", index, indexPath);
     };
+    const onItemClick = (item) => {
+      emit("itemClick", item);
+    };
     watch(
       [() => props.isHome, () => props.homePath, () => props.levels],
       () => {
@@ -95,7 +103,8 @@ const _sfc_main = defineComponent({
       isIconSeparator,
       onLogoClick,
       onOpen,
-      onClose
+      onClose,
+      onItemClick
     };
   }
 });
@@ -169,7 +178,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
       }, createSlots({ _: 2 }, [
         _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
           name: "icon",
@@ -185,7 +195,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose"])) : createCommentVNode("", true)
+      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "onOpen", "onClose", "onItemClick"])) : createCommentVNode("", true)
     ]),
     _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
       renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })

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

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

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

@@ -25,6 +25,8 @@ const _sfc_main = defineComponent({
     defaultOpeneds: Array,
     // tooltip 主题
     popperEffect: String,
+    // 菜单项触发模式
+    itemTrigger: String,
     // 标题插槽名称
     titleSlot: String,
     // 图标插槽名称
@@ -32,7 +34,8 @@ const _sfc_main = defineComponent({
   },
   emits: {
     open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true
+    close: (_index, _indexPath) => true,
+    itemClick: (_item) => true
   },
   setup(props, { emit }) {
     const { scrollIntoView } = useMenuScroll(() => {
@@ -40,13 +43,18 @@ const _sfc_main = defineComponent({
       return (_a = menusRef.value) == null ? void 0 : _a.$el;
     });
     const menusRef = ref(null);
-    const menuItems = computed(() => getMenuItems(props.menus));
+    const menuItems = computed(() => {
+      return 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);
+    };
     watch(
       () => props.active,
       () => {
@@ -55,7 +63,7 @@ const _sfc_main = defineComponent({
         });
       }
     );
-    return { menusRef, menuItems, onOpen, onClose };
+    return { menusRef, menuItems, onOpen, onClose, onItemClick };
   }
 });
 const _export_sfc = (sfc, props) => {
@@ -87,7 +95,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
         }, createSlots({ _: 2 }, [
           _ctx.iconSlot && _ctx.$slots[_ctx.iconSlot] ? {
             name: "icon",
@@ -103,7 +112,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),