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

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

@@ -1,15 +1,14 @@
 import { MenuItem, TabItem, LevelItem, TabItemEventOption, MenuItemProps } from './types';
 import { ClassValues } from '../ele-app/types';
-import { Ref } from 'vue';
 
 declare const _default: import('vue').DefineComponent<{
-    menus: import("vue").PropType<MenuItem[] | null>;
-    tabs: import("vue").PropType<TabItem[] | null>;
+    menus: import('vue').PropType<MenuItem[] | null>;
+    tabs: import('vue').PropType<TabItem[] | null>;
     collapse: BooleanConstructor;
     compact: BooleanConstructor;
     maximized: BooleanConstructor;
     tabBar: {
-        type: import("vue").PropType<boolean | "header">;
+        type: import('vue').PropType<boolean | "header">;
         default: boolean;
     };
     breadcrumb: {
@@ -17,7 +16,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     breadcrumbSeparator: {
-        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
         default: string;
     };
     backTop: {
@@ -41,76 +40,77 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    ellipsisProps: import("vue").PropType<import("../ele-menus/types").EllipsisProps | undefined>;
+    ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps | undefined>;
     menuTrigger: {
-        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
+        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
         default: string;
     };
     layout: {
-        type: import("vue").PropType<import("./types").Layout>;
+        type: import('vue').PropType<import('./types').Layout>;
         default: string;
     };
     sidebarLayout: {
-        type: import("vue").PropType<import("./types").SidebarLayout>;
+        type: import('vue').PropType<import('./types').SidebarLayout>;
         default: string;
     };
     headerStyle: {
-        type: import("vue").PropType<import("./types").HeaderStyle>;
+        type: import('vue').PropType<import('./types').HeaderStyle>;
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>;
-        default: string;
-    };
+        type: import('vue').PropType<import('./types').SidebarStyle>;
+        default: string; /** 面包屑数据 */
+    }; /** 面包屑数据 */
     tabStyle: {
-        type: import("vue").PropType<import("./types").TabStyle>;
+        type: import('vue').PropType<import('./types').TabStyle>;
         default: string;
     };
     fixedHeader: {
         type: BooleanConstructor;
-        /** 页签选中 */
         default: boolean;
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
-        type: BooleanConstructor;
+        type: BooleanConstructor; /** 顶栏菜单数据 */
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
+    /** 顶栏菜单选中 */
     colorfulIcon: BooleanConstructor;
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
     expanded: BooleanConstructor;
-    compressOnEsc: BooleanConstructor; /** 侧栏一级菜单数据 */
+    compressOnEsc: BooleanConstructor;
     fixedHome: {
         type: BooleanConstructor;
         default: boolean;
-    }; /** 侧栏一级菜单选中 */
+    };
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    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>;
+    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;
     autoScrollTop: {
         type: BooleanConstructor;
-        default: boolean; /** 是否混合导航布局 */
+        /** 是否混合导航布局 */
+        default: boolean;
     };
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否双侧栏布局 */
-    }; /** 是否双侧栏布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
-        default: string;
+        default: string; /** 是否显示双侧栏一级 */
     };
     sidebarTitleSlot: {
         type: StringConstructor;
@@ -119,7 +119,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarIconSlot: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 是否显示侧栏 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -128,16 +128,16 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: import("vue").PropType<import("element-plus/es/utils/index").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>;
+    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').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>;
     menuHoverTimeout: {
         type: NumberConstructor;
         default: number;
     };
-    menuTextEllipsisTooltip: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps> | undefined>;
+    menuTextEllipsisTooltip: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -149,26 +149,26 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
 }, {
-    contentRef: Ref<HTMLElement | null>;
-    modalsRef: Ref<HTMLElement | null>;
-    levelData: import("vue").ShallowRef<LevelItem[]>;
-    tabData: import("vue").ShallowRef<TabItem[]>;
-    tabActive: Ref<string>;
-    headerData: import("vue").ShallowRef<MenuItem[]>;
-    headerActive: Ref<string | undefined>;
-    sidebarData: import("vue").ShallowRef<MenuItem[]>;
-    sidebarActive: Ref<string | undefined>;
-    sideboxData: import("vue").ShallowRef<MenuItem[]>;
-    sideboxActive: Ref<string | undefined>;
-    hideFooter: Ref<boolean>;
-    homeMenuPath: Ref<string>;
-    isHome: Ref<boolean>;
-    sidebox: import("vue").ComputedRef<boolean>;
-    sidebar: import("vue").ComputedRef<boolean>;
-    layoutClass: import("vue").ComputedRef<ClassValues>;
-    backTopSelector: import("vue").ComputedRef<string>;
-    sidebarCollapse: import("vue").ComputedRef<boolean>;
-    sidebarTheme: import("vue").ComputedRef<"light" | "dark">;
+    contentRef: import('vue').Ref<HTMLElement | null>;
+    modalsRef: import('vue').Ref<HTMLElement | null>;
+    levelData: import('vue').ShallowRef<LevelItem[]>;
+    tabData: import('vue').ShallowRef<TabItem[]>;
+    tabActive: import('vue').Ref<string>;
+    headerData: import('vue').ShallowRef<MenuItem[]>;
+    headerActive: import('vue').Ref<string | undefined>;
+    sidebarData: import('vue').ShallowRef<MenuItem[]>;
+    sidebarActive: import('vue').Ref<string | undefined>;
+    sideboxData: import('vue').ShallowRef<MenuItem[]>;
+    sideboxActive: import('vue').Ref<string | undefined>;
+    hideFooter: import('vue').Ref<boolean>;
+    homeMenuPath: import('vue').Ref<string>;
+    isHome: import('vue').Ref<boolean>;
+    sidebox: import('vue').ComputedRef<boolean>;
+    sidebar: import('vue').ComputedRef<boolean>;
+    layoutClass: import('vue').ComputedRef<ClassValues>;
+    backTopSelector: import('vue').ComputedRef<string>;
+    sidebarCollapse: import('vue').ComputedRef<boolean>;
+    sidebarTheme: import('vue').ComputedRef<"light" | "dark">;
     updateCollapse: (val?: boolean | MouseEvent) => void;
     onTabClick: (option: TabItemEventOption) => void;
     onTabRemove: (option: TabItemEventOption) => void;
@@ -190,7 +190,7 @@ declare const _default: import('vue').DefineComponent<{
     onMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
     onSideMouseEnter: () => void;
     onSideMouseLeave: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:collapse': (_collapse: boolean) => boolean;
     'update:maximized': (_val: boolean) => boolean;
     tabAdd: (_data: TabItem) => boolean;
@@ -203,15 +203,15 @@ declare const _default: import('vue').DefineComponent<{
     sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
     headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
     headMenuClose: (_index: string, _indexPath: string[]) => boolean;
-    bodySizeChange: (_option: import("./types").BodySizeChangeOption) => boolean;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    menus: import("vue").PropType<MenuItem[] | null>;
-    tabs: import("vue").PropType<TabItem[] | null>;
+    bodySizeChange: (_option: import('./types').BodySizeChangeOption) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    menus: import('vue').PropType<MenuItem[] | null>;
+    tabs: import('vue').PropType<TabItem[] | null>;
     collapse: BooleanConstructor;
     compact: BooleanConstructor;
     maximized: BooleanConstructor;
     tabBar: {
-        type: import("vue").PropType<boolean | "header">;
+        type: import('vue').PropType<boolean | "header">;
         default: boolean;
     };
     breadcrumb: {
@@ -219,7 +219,7 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     breadcrumbSeparator: {
-        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
         default: string;
     };
     backTop: {
@@ -243,76 +243,77 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    ellipsisProps: import("vue").PropType<import("../ele-menus/types").EllipsisProps | undefined>;
+    ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps | undefined>;
     menuTrigger: {
-        type: import("vue").PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
+        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
         default: string;
     };
     layout: {
-        type: import("vue").PropType<import("./types").Layout>;
+        type: import('vue').PropType<import('./types').Layout>;
         default: string;
     };
     sidebarLayout: {
-        type: import("vue").PropType<import("./types").SidebarLayout>;
+        type: import('vue').PropType<import('./types').SidebarLayout>;
         default: string;
     };
     headerStyle: {
-        type: import("vue").PropType<import("./types").HeaderStyle>;
+        type: import('vue').PropType<import('./types').HeaderStyle>;
         default: string;
     };
     sidebarStyle: {
-        type: import("vue").PropType<import("./types").SidebarStyle>;
-        default: string;
-    };
+        type: import('vue').PropType<import('./types').SidebarStyle>;
+        default: string; /** 面包屑数据 */
+    }; /** 面包屑数据 */
     tabStyle: {
-        type: import("vue").PropType<import("./types").TabStyle>;
+        type: import('vue').PropType<import('./types').TabStyle>;
         default: string;
     };
     fixedHeader: {
         type: BooleanConstructor;
-        /** 页签选中 */
         default: boolean;
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
     fluid: {
-        type: BooleanConstructor;
+        type: BooleanConstructor; /** 顶栏菜单数据 */
         default: boolean;
     };
     logoInHeader: BooleanConstructor;
+    /** 顶栏菜单选中 */
     colorfulIcon: BooleanConstructor;
     uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
     expanded: BooleanConstructor;
-    compressOnEsc: BooleanConstructor; /** 侧栏一级菜单数据 */
+    compressOnEsc: BooleanConstructor;
     fixedHome: {
         type: BooleanConstructor;
         default: boolean;
-    }; /** 侧栏一级菜单选中 */
+    };
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
         default: string;
     };
     locale: StringConstructor;
-    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>;
+    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;
     autoScrollTop: {
         type: BooleanConstructor;
-        default: boolean; /** 是否混合导航布局 */
+        /** 是否混合导航布局 */
+        default: boolean;
     };
     headerTitleSlot: {
         type: StringConstructor;
-        default: string; /** 是否双侧栏布局 */
-    }; /** 是否双侧栏布局 */
+        default: string;
+    };
     headerIconSlot: {
         type: StringConstructor;
-        default: string;
+        default: string; /** 是否显示双侧栏一级 */
     };
     sidebarTitleSlot: {
         type: StringConstructor;
@@ -321,7 +322,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarIconSlot: {
         type: StringConstructor;
         default: string;
-    };
+    }; /** 是否显示侧栏 */
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -330,16 +331,16 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: import("vue").PropType<import("element-plus/es/utils/index").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>;
+    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').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>;
     menuHoverTimeout: {
         type: NumberConstructor;
         default: number;
     };
-    menuTextEllipsisTooltip: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps> | undefined>;
+    menuTextEllipsisTooltip: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -363,30 +364,30 @@ declare const _default: import('vue').DefineComponent<{
     onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onHeadMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onBodySizeChange?: ((_option: import("./types").BodySizeChangeOption) => any) | undefined;
+    onBodySizeChange?: ((_option: import('./types').BodySizeChangeOption) => any) | undefined;
 }, {
     uniqueOpened: boolean;
-    menuTrigger: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined;
+    menuTrigger: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined;
     collapse: boolean;
     ellipsis: boolean;
     breadcrumb: boolean;
-    layout: import("./types").Layout;
+    layout: import('./types').Layout;
     transitionDelay: number;
     expanded: boolean;
     compact: boolean;
     maximized: boolean;
-    tabBar: boolean | "header";
-    keepAlive: boolean;
     responsive: boolean;
-    headerStyle: import("./types").HeaderStyle;
-    breadcrumbSeparator: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown> | undefined;
+    headerStyle: import('./types').HeaderStyle;
+    keepAlive: boolean;
+    tabBar: boolean | "header";
+    breadcrumbSeparator: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined;
     backTop: boolean;
     backTopVisibilityHeight: number;
     backTopRight: number;
     backTopBottom: number;
-    sidebarLayout: import("./types").SidebarLayout;
-    sidebarStyle: import("./types").SidebarStyle;
-    tabStyle: import("./types").TabStyle;
+    sidebarLayout: import('./types').SidebarLayout;
+    sidebarStyle: import('./types').SidebarStyle;
+    tabStyle: import('./types').TabStyle;
     fixedHeader: boolean;
     fixedSidebar: boolean;
     fixedBody: boolean;

package/es/ele-pro-layout/index.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, shallowRef, computed, watch, unref, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode, createElementVNode } from "vue";
+import { defineComponent, ref, shallowRef, computed, watch, unref, shallowReactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createBlock, createCommentVNode, createElementVNode } from "vue";
 import { useRouter } from "vue-router";
 import { ElBacktop } from "element-plus";
 import { mapTree, isExternalLink } from "../utils/core";
@@ -194,7 +194,6 @@ const _sfc_main = defineComponent({
         current,
         tabData.value,
         homeMenuPath.value,
-        props.fixedHome,
         title
       );
       isHome.value = t.home;
@@ -702,6 +701,24 @@ const _sfc_main = defineComponent({
       },
       { immediate: true }
     );
+    watch([() => props.tabBar, () => props.keepAlive], () => {
+      layoutProvide.keepAlive = props.tabBar && props.keepAlive;
+    });
+    watch(
+      () => props.responsive,
+      () => {
+        layoutProvide.responsive = props.responsive;
+      }
+    );
+    watch(modalsRef, () => {
+      layoutProvide.modalsEl = modalsRef.value;
+    });
+    const layoutProvide = shallowReactive({
+      keepAlive: props.tabBar && props.keepAlive,
+      responsive: props.responsive,
+      modalsEl: modalsRef.value
+    });
+    provide(LAYOUT_KEY, layoutProvide);
     useWindowListener(
       {
         onEscKeydown: (e) => {
@@ -726,24 +743,6 @@ const _sfc_main = defineComponent({
       },
       props
     );
-    const layoutProvide = computed(() => {
-      const state2 = {
-        mobile: mobile.value,
-        collapse: props.collapse,
-        compact: props.compact,
-        topLayout: topLayout.value,
-        mixSidebar: mixSidebar.value,
-        maximized: props.maximized,
-        expanded: props.expanded,
-        tabBar: props.tabBar,
-        sidebar: sidebar.value,
-        keepAlive: props.tabBar && props.keepAlive,
-        responsive: props.responsive,
-        modalsEl: modalsRef.value
-      };
-      return state2;
-    });
-    provide(LAYOUT_KEY, layoutProvide);
     return {
       contentRef,
       modalsRef,

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

@@ -29,7 +29,7 @@ export declare const proLayoutProps: {
     };
     /** 面包屑导航分隔符 */
     breadcrumbSeparator: {
-        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
+        type: PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
         default: string;
     };
     /** 是否需要返回顶部 */

package/es/ele-pro-layout/style/layout.scss

@@ -65,23 +65,33 @@
 }
 
 /* iframe */
-.ele-admin-iframe {
+.ele-admin-iframe-wrap {
+  flex-shrink: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
   width: 100%;
   height: 100%;
-  box-sizing: border-box;
-  display: block;
-  border: none;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+  overflow: hidden;
 }
 
-.ele-admin-iframe-wrap {
+.ele-admin-iframe {
+  flex-shrink: 0;
   width: 100%;
   height: 100%;
-  flex-shrink: 0;
-  overflow: hidden;
+  border: none;
+  box-sizing: border-box;
+  pointer-events: auto;
 }
 
 /* 弹窗容器 */
 .ele-admin-modals {
+  flex-shrink: 0;
   position: absolute;
   top: 0;
   left: 0;

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

@@ -58,11 +58,10 @@ export declare function getMatchedComponents(matched: RouteLocationMatched[]): s
  * @param current 路由信息
  * @param tabs 当前页签数据
  * @param homePath 主页地址
- * @param fixedHome 是否固定主页
  * @param repeatableTabs 可重复打开的页签
  * @param routeTitle 路由对应的标题
  */
-export declare function getRouteTab(current: CurrentRoute, tabs: TabItem[], homePath: string, fixedHome?: boolean, routeTitle?: string): TabItem;
+export declare function getRouteTab(current: CurrentRoute, tabs: TabItem[], homePath: string, routeTitle?: string): TabItem;
 /**
  * 获取混合导航布局选中
  * @param matched 路由匹配的菜单层级数据

package/es/ele-pro-layout/util.js

@@ -109,14 +109,13 @@ function getMatchedComponents(matched) {
   });
   return components;
 }
-function getRouteTab(current, tabs, homePath, fixedHome, routeTitle) {
+function getRouteTab(current, tabs, homePath, routeTitle) {
   const { path, fullPath, meta, matched } = current;
   const key = meta.tabUnique === false ? fullPath : path;
   const t = findTabByPath(key, tabs);
   const title = (t == null ? void 0 : t.title) || routeTitle;
   const home = isHomeRoute(current, homePath);
-  const isFixedHome = fixedHome && home;
-  const closable = isFixedHome ? false : (t == null ? void 0 : t.closable) ?? meta.closable !== false;
+  const closable = (t == null ? void 0 : t.closable) ?? meta.closable !== false;
   const components = getMatchedComponents(matched);
   return { key, path, fullPath, title, closable, home, components, meta };
 }