ele-admin-plus 1.1.9-beta.9 → 1.2.0-beta.1

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

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

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

@@ -31,9 +31,7 @@ const _sfc_main = vue.defineComponent({
     /** 菜单图标插槽名称 */
     iconSlot: String,
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: Boolean,
-    /** 菜单文本溢出提示属性 */
-    menuTextEllipsisTooltipProps: Object
+    menuTextEllipsisTooltip: [Boolean, Object]
   },
   emits: {
     itemClick: (_item, _e) => true,
@@ -121,7 +119,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           firstPopperClass: "ele-admin-sidebox-popup",
           tooltipDisabled: !_ctx.compact,
           textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-          textEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onItemClick: _ctx.onItemClick,
           onItemMouseenter: _ctx.onItemMouseenter,
           onItemMouseleave: _ctx.onItemMouseleave
@@ -140,7 +137,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             key: "1"
           } : void 0
-        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "textEllipsisTooltipProps", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
       ]),
       _: 3
     }, 512),

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

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { ElScrollbarInstance } from '../../ele-app/el';
-import type { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { MenuItem, SidebarStyle, MenuItemTrigger, MenuItemProps } from '../types';
+import { ElScrollbarInstance } from '../../ele-app/el';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
@@ -18,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     /** 二级侧栏是否折叠 */
     collapse: BooleanConstructor;
     /** 菜单折叠提示气泡主题 */
-    popperEffect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    popperEffect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
     /** 菜单标题插槽名称 */
@@ -26,24 +27,22 @@ declare const _default: import("vue").DefineComponent<{
     /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: BooleanConstructor;
-    /** 菜单文本溢出提示属性 */
-    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../../ele-tooltip/props').TooltipProps> | undefined>;
 }, {
-    menusRef: import("vue").Ref<ElScrollbarInstance>;
-    menuItems: import("vue").ComputedRef<Partial<import("../../ele-menus/types").MenuItem>[]>;
+    menusRef: import('vue').Ref<ElScrollbarInstance>;
+    menuItems: import('vue').ComputedRef<Partial<import('../../ele-menus/types').MenuItem>[]>;
     onItemClick: (item: MenuItemProps, e: MouseEvent) => void;
     onItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
     onItemMouseleave: (item: MenuItemProps, e: MouseEvent) => void;
     onMouseenter: (e: MouseEvent) => void;
     onMouseleave: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     itemClick: (_item: MenuItemProps, _e: MouseEvent) => true;
     itemMouseenter: (_item: MenuItemProps, _e: MouseEvent) => true;
     itemMouseleave: (_item: MenuItemProps, _e: MouseEvent) => true;
     mouseEnter: (_e: MouseEvent) => true;
     mouseLeave: (_e: MouseEvent) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 菜单数据 */
     menus: {
         type: PropType<MenuItem[]>;
@@ -60,7 +59,7 @@ declare const _default: import("vue").DefineComponent<{
     /** 二级侧栏是否折叠 */
     collapse: BooleanConstructor;
     /** 菜单折叠提示气泡主题 */
-    popperEffect: PropType<import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    popperEffect: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
     /** 子菜单项触发模式 */
     itemTrigger: PropType<MenuItemTrigger>;
     /** 菜单标题插槽名称 */
@@ -68,19 +67,16 @@ declare const _default: import("vue").DefineComponent<{
     /** 菜单图标插槽名称 */
     iconSlot: StringConstructor;
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: BooleanConstructor;
-    /** 菜单文本溢出提示属性 */
-    menuTextEllipsisTooltipProps: PropType<Partial<import("../../ele-tooltip/props").TooltipProps>>;
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../../ele-tooltip/props').TooltipProps> | undefined>;
 }>> & {
-    onItemClick?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
-    onItemMouseenter?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
-    onItemMouseleave?: ((_item: Partial<import("../../ele-menus/types").MenuItem>, _e: MouseEvent) => any) | undefined;
+    onItemClick?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
+    onItemMouseenter?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
+    onItemMouseleave?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
     onMouseEnter?: ((_e: MouseEvent) => any) | undefined;
     onMouseLeave?: ((_e: MouseEvent) => any) | undefined;
 }, {
     collapse: boolean;
     compact: boolean;
     colorfulIcon: boolean;
-    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

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

@@ -1,8 +1,9 @@
-import type { PropType } from 'vue';
-import type { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
-import type { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
-import type { TabItem, TabStyle, TabItemEventOption, TabTitleInstance } from '../types';
-declare const _default: import("vue").DefineComponent<{
+import { TabItem, TabStyle, TabItemEventOption, TabTitleInstance } from '../types';
+import { EleDropdownProps, EleDropdownInstance, EleTabsInstance } from '../../ele-app/plus';
+import { TabPaneItem, TabEventOption, ContextMenus } from '../../ele-tabs/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 页签数据 */
     tabs: {
         type: PropType<TabItem[]>;
@@ -28,21 +29,21 @@ declare const _default: import("vue").DefineComponent<{
     /** 是否支持拖动排序 */
     tabSortable: BooleanConstructor;
 }, {
-    homeRef: import("vue").Ref<TabTitleInstance>;
-    tabRef: import("vue").Ref<EleTabsInstance>;
-    items: import("vue").ComputedRef<TabPaneItem[]>;
-    contextMenus: import("vue").ComputedRef<import("../../ele-dropdown/types").DropdownItem[] | undefined>;
+    homeRef: import('vue').Ref<TabTitleInstance>;
+    tabRef: import('vue').Ref<EleTabsInstance>;
+    items: import('vue').ComputedRef<TabPaneItem[]>;
+    contextMenus: import('vue').ComputedRef<import('../../ele-dropdown/types').DropdownItem[] | undefined>;
     onTabRemove: (key: string) => void;
     onTabItemClick: (opt: TabEventOption) => void;
     onTabContextMenu: (opt: TabEventOption) => void;
     onTabContextOpen: (ref: EleDropdownInstance) => void;
     onTabSortChange: (data: TabPaneItem[]) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     tabClick: (_opt: TabItemEventOption) => true;
     tabRemove: (_opt: TabItemEventOption) => true;
     tabContextMenu: (_opt: TabItemEventOption) => true;
     tabSortChange: (_data: TabItem[]) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签数据 */
     tabs: {
         type: PropType<TabItem[]>;

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

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -69,7 +69,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         popperOptions: {
           modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
         }
-      }, _ctx.dropdownProps, {
+      }, _ctx.dropdownProps || {}, {
         ref: "dropdownRef",
         items: _ctx.items,
         onCommand: _ctx.onCommand

package/lib/ele-pro-layout/components/tab-dropdown.d.ts

@@ -1,7 +1,8 @@
-import type { PropType } from 'vue';
-import type { DropdownItem } from '../../ele-dropdown/types';
-import type { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
-declare const _default: import("vue").DefineComponent<{
+import { EleDropdownProps, EleDropdownInstance } from '../../ele-app/plus';
+import { DropdownItem } from '../../ele-dropdown/types';
+import { PropType } from 'vue';
+
+declare const _default: import('vue').DefineComponent<{
     /** 右键菜单 */
     items: PropType<DropdownItem[]>;
     /** 右键菜单属性 */
@@ -12,11 +13,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
-    dropdownRef: import("vue").Ref<EleDropdownInstance>;
+    dropdownRef: import('vue').Ref<EleDropdownInstance>;
     onCommand: (command: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     menuClick: (_command: string) => true;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 右键菜单 */
     items: PropType<DropdownItem[]>;
     /** 右键菜单属性 */

package/lib/ele-pro-layout/index.cjs

@@ -36,6 +36,7 @@ const _sfc_main = vue.defineComponent({
       isHover: false
     };
     const contentRef = vue.ref(null);
+    const modalsRef = vue.ref(null);
     const levelData = vue.shallowRef([]);
     const tabData = vue.shallowRef([]);
     const tabActive = vue.ref(util.getHomePath(props2.homePath));
@@ -93,7 +94,7 @@ const _sfc_main = vue.defineComponent({
         // 图标置于顶栏
         { "ele-admin-logo-auto": logoAuto && !mobile.value },
         // 开启页签栏
-        { "ele-admin-open-tab": props2.tabBar },
+        { "ele-admin-open-tab": props2.tabBar && props2.tabBar !== "header" },
         // 卡片风格页签
         { "ele-admin-tab-card": props2.tabStyle === "button" },
         // 主体定宽
@@ -111,7 +112,7 @@ const _sfc_main = vue.defineComponent({
         return props2.backTopTarget;
       }
       if (props2.fixedBody) {
-        return ".ele-admin-layout.ele-admin-fixed-body>.ele-admin-main>.ele-admin-body>.ele-admin-content";
+        return ".ele-admin-layout.ele-admin-fixed-body>.ele-admin-main>.ele-admin-body>.ele-admin-wrapper>.ele-admin-content";
       }
       return "body";
     });
@@ -129,7 +130,7 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const updateMaximized = (value) => {
-      const maximize = typeof value === "boolean" ? value : !props2.maximized;
+      const maximize = value;
       emit("update:maximized", maximize);
     };
     const tabAdd = (data) => {
@@ -194,7 +195,6 @@ const _sfc_main = vue.defineComponent({
         current,
         tabData.value,
         homeMenuPath.value,
-        props2.fixedHome,
         title
       );
       isHome.value = t.home;
@@ -702,6 +702,24 @@ const _sfc_main = vue.defineComponent({
       },
       { immediate: true }
     );
+    vue.watch([() => props2.tabBar, () => props2.keepAlive], () => {
+      layoutProvide.keepAlive = props2.tabBar && props2.keepAlive;
+    });
+    vue.watch(
+      () => props2.responsive,
+      () => {
+        layoutProvide.responsive = props2.responsive;
+      }
+    );
+    vue.watch(modalsRef, () => {
+      layoutProvide.modalsEl = modalsRef.value;
+    });
+    const layoutProvide = vue.shallowReactive({
+      keepAlive: props2.tabBar && props2.keepAlive,
+      responsive: props2.responsive,
+      modalsEl: modalsRef.value
+    });
+    vue.provide(receiver.LAYOUT_KEY, layoutProvide);
     util.useWindowListener(
       {
         onEscKeydown: (e) => {
@@ -726,25 +744,9 @@ const _sfc_main = vue.defineComponent({
       },
       props2
     );
-    const layoutProvide = vue.computed(() => {
-      const state2 = {
-        mobile: mobile.value,
-        collapse: props2.collapse,
-        compact: props2.compact,
-        topLayout: topLayout.value,
-        mixSidebar: mixSidebar.value,
-        maximized: props2.maximized,
-        expanded: props2.expanded,
-        tabBar: props2.tabBar,
-        sidebar: sidebar.value,
-        keepAlive: props2.tabBar && props2.keepAlive,
-        responsive: props2.responsive
-      };
-      return state2;
-    });
-    vue.provide(receiver.LAYOUT_KEY, layoutProvide);
     return {
       contentRef,
+      modalsRef,
       levelData,
       tabData,
       tabActive,
@@ -795,18 +797,23 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const _hoisted_1 = { class: "ele-admin-body" };
-const _hoisted_2 = {
+const _hoisted_2 = { class: "ele-admin-wrapper" };
+const _hoisted_3 = {
   ref: "contentRef",
   class: "ele-admin-content"
 };
+const _hoisted_4 = {
+  ref: "modalsRef",
+  class: "ele-admin-modals"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ProHeader = vue.resolveComponent("ProHeader");
   const _component_ProSidebox = vue.resolveComponent("ProSidebox");
   const _component_ProSidebar = vue.resolveComponent("ProSidebar");
   const _component_ProTabs = vue.resolveComponent("ProTabs");
   const _component_ProIframe = vue.resolveComponent("ProIframe");
-  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   const _component_ElBacktop = vue.resolveComponent("ElBacktop");
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.layoutClass)
   }, [
@@ -828,14 +835,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       homePath: _ctx.homeMenuPath,
       isHome: _ctx.isHome,
       menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-      menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
+      tabs: _ctx.tabData,
+      tabActive: _ctx.tabActive,
+      fixedHome: _ctx.fixedHome,
+      tabStyle: _ctx.tabStyle,
+      tabContextMenu: _ctx.tabContextMenu,
+      tabContextMenus: _ctx.tabContextMenus,
+      tabSortable: _ctx.tabSortable,
+      tabBar: _ctx.tabBar,
       onLogoClick: _ctx.onLogoClick,
       onOpen: _ctx.onHeadMenuOpen,
       onClsoe: _ctx.onHeadMenuClose,
       onItemClick: _ctx.onNavItemClick,
       onItemMouseenter: _ctx.onNavItemMouseenter,
       onMouseEnter: _ctx.onNavMouseEnter,
-      onMouseLeave: _ctx.onNavMouseLeave
+      onMouseLeave: _ctx.onNavMouseLeave,
+      onTabClick: _ctx.onTabClick,
+      onTabRemove: _ctx.onTabRemove,
+      onTabContextMenu: _ctx.onTabContextMenu,
+      onTabSortChange: _ctx.onTabSortChange
     }, vue.createSlots({ _: 2 }, [
       vue.renderList(Object.keys(_ctx.$slots).filter(
         (k) => ![
@@ -844,11 +862,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "bottom",
           "boxTop",
           "boxBottom",
-          "footer",
-          "tabTitle",
-          "tabContext",
-          "tabExtra",
-          "tabHome"
+          "footer"
         ].includes(k)
       ), (name) => {
         return {
@@ -858,7 +872,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         };
       })
-    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"]),
+    ]), 1032, ["menus", "headerStyle", "active", "ellipsis", "ellipsisProps", "menuTrigger", "itemTrigger", "collapse", "sidebar", "titleSlot", "iconSlot", "levels", "breadcrumb", "breadcrumbSeparator", "homePath", "isHome", "menuTextEllipsisTooltip", "tabs", "tabActive", "fixedHome", "tabStyle", "tabContextMenu", "tabContextMenus", "tabSortable", "tabBar", "onLogoClick", "onOpen", "onClsoe", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"]),
     vue.createVNode(_component_ReceiverView, {
       class: "ele-admin-main",
       wrapPosition: false
@@ -877,7 +891,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           titleSlot: _ctx.sideboxTitleSlot,
           iconSlot: _ctx.sideboxIconSlot,
           menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-          menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onItemClick: _ctx.onBoxItemClick,
           onItemMouseenter: _ctx.onBoxItemMouseenter,
           onMouseEnter: _ctx.onBoxMouseEnter,
@@ -907,7 +920,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
         _ctx.sidebar ? (vue.openBlock(), vue.createBlock(_component_ProSidebar, {
           key: 1,
           menus: _ctx.sidebarData,
@@ -922,7 +935,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           titleSlot: _ctx.sidebarTitleSlot,
           iconSlot: _ctx.sidebarIconSlot,
           menuTextEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-          menuTextEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
           onOpen: _ctx.onSideMenuOpen,
           onClsoe: _ctx.onSideMenuClose,
           onItemClick: _ctx.onMenuItemClick,
@@ -953,9 +965,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "menuTextEllipsisTooltipProps", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_1, [
-          _ctx.tabBar ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
+          _ctx.tabBar && _ctx.tabBar !== "header" ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
             key: 0,
             tabs: _ctx.tabData,
             active: _ctx.tabActive,
@@ -983,6 +995,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_2, [
+            vue.createElementVNode("div", _hoisted_3, [
+              vue.renderSlot(_ctx.$slots, "default"),
+              !_ctx.hideFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : vue.createCommentVNode("", true)
+            ], 512),
             _ctx.tabBar && _ctx.keepAlive ? (vue.openBlock(), vue.createBlock(_component_ProIframe, {
               key: 0,
               keepAlive: _ctx.keepAlive,
@@ -991,9 +1007,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               tabData: _ctx.tabData,
               tabActive: _ctx.tabActive
             }, null, 8, ["keepAlive", "transitionName", "transitionDelay", "tabData", "tabActive"])) : vue.createCommentVNode("", true),
-            vue.renderSlot(_ctx.$slots, "default"),
-            !_ctx.hideFooter ? vue.renderSlot(_ctx.$slots, "footer", { key: 1 }) : vue.createCommentVNode("", true)
-          ], 512)
+            _ctx.backTop ? (vue.openBlock(), vue.createBlock(_component_ElBacktop, {
+              key: _ctx.backTopSelector,
+              target: _ctx.backTopSelector,
+              visibilityHeight: _ctx.backTopVisibilityHeight,
+              bottom: _ctx.backTopBottom,
+              right: _ctx.backTopRight
+            }, null, 8, ["target", "visibilityHeight", "bottom", "right"])) : vue.createCommentVNode("", true),
+            vue.createElementVNode("div", _hoisted_4, null, 512)
+          ])
         ])
       ]),
       _: 3
@@ -1001,14 +1023,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", {
       class: "ele-admin-mask",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.updateCollapse && _ctx.updateCollapse(...args))
-    }),
-    _ctx.backTop ? (vue.openBlock(), vue.createBlock(_component_ElBacktop, {
-      key: 0,
-      right: _ctx.backTopRight,
-      bottom: _ctx.backTopBottom,
-      visibilityHeight: _ctx.backTopVisibilityHeight,
-      target: _ctx.backTopSelector
-    }, null, 8, ["right", "bottom", "visibilityHeight", "target"])) : vue.createCommentVNode("", true)
+    })
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);