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

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

@@ -27,9 +27,7 @@ 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>[]>;
@@ -69,9 +67,7 @@ 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;
@@ -82,6 +78,5 @@ declare const _default: import('vue').DefineComponent<{
     collapse: boolean;
     compact: boolean;
     colorfulIcon: boolean;
-    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

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

@@ -30,9 +30,7 @@ const _sfc_main = defineComponent({
     /** 菜单图标插槽名称 */
     iconSlot: String,
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: Boolean,
-    /** 菜单文本溢出提示属性 */
-    menuTextEllipsisTooltipProps: Object
+    menuTextEllipsisTooltip: [Boolean, Object]
   },
   emits: {
     itemClick: (_item, _e) => true,
@@ -120,7 +118,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
@@ -139,7 +136,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"])) : createCommentVNode("", true)
+        ]), 1032, ["items", "theme", "popupColorful", "collapse", "defaultActive", "popperEffect", "tooltipDisabled", "textEllipsisTooltip", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
       ]),
       _: 3
     }, 512),

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

@@ -68,7 +68,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/es/ele-pro-layout/index.d.ts

@@ -9,7 +9,7 @@ declare const _default: import('vue').DefineComponent<{
     compact: BooleanConstructor;
     maximized: BooleanConstructor;
     tabBar: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean | "header">;
         default: boolean;
     };
     breadcrumb: {
@@ -41,7 +41,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    ellipsisProps: import("vue").PropType<import("../ele-menus/types").EllipsisProps>;
+    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>;
         default: string;
@@ -68,7 +68,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean; /** 菜单数据 */
+        /** 页签选中 */
+        default: boolean;
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
@@ -83,12 +84,11 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     expanded: BooleanConstructor;
-    compressOnEsc: BooleanConstructor;
-    /** 侧栏一级菜单选中 */
+    compressOnEsc: BooleanConstructor; /** 侧栏一级菜单数据 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean; /** 侧栏是否隐藏 */
-    };
+        default: boolean;
+    }; /** 侧栏一级菜单选中 */
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
@@ -102,12 +102,12 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 是否混合导航布局 */
     };
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否双侧栏布局 */
+    }; /** 是否双侧栏布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -137,8 +137,7 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    menuTextEllipsisTooltip: BooleanConstructor;
-    menuTextEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    menuTextEllipsisTooltip: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -151,6 +150,7 @@ declare const _default: import('vue').DefineComponent<{
     };
 }, {
     contentRef: Ref<HTMLElement | null>;
+    modalsRef: Ref<HTMLElement | null>;
     levelData: import("vue").ShallowRef<LevelItem[]>;
     tabData: import("vue").ShallowRef<TabItem[]>;
     tabActive: Ref<string>;
@@ -166,7 +166,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>;
+    backTopSelector: import("vue").ComputedRef<string>;
     sidebarCollapse: import("vue").ComputedRef<boolean>;
     sidebarTheme: import("vue").ComputedRef<"light" | "dark">;
     updateCollapse: (val?: boolean | MouseEvent) => void;
@@ -211,7 +211,7 @@ declare const _default: import('vue').DefineComponent<{
     compact: BooleanConstructor;
     maximized: BooleanConstructor;
     tabBar: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean | "header">;
         default: boolean;
     };
     breadcrumb: {
@@ -243,7 +243,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    ellipsisProps: import("vue").PropType<import("../ele-menus/types").EllipsisProps>;
+    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>;
         default: string;
@@ -270,7 +270,8 @@ declare const _default: import('vue').DefineComponent<{
     };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean; /** 菜单数据 */
+        /** 页签选中 */
+        default: boolean;
     };
     fixedSidebar: BooleanConstructor;
     fixedBody: BooleanConstructor;
@@ -285,12 +286,11 @@ declare const _default: import('vue').DefineComponent<{
         default: boolean;
     };
     expanded: BooleanConstructor;
-    compressOnEsc: BooleanConstructor;
-    /** 侧栏一级菜单选中 */
+    compressOnEsc: BooleanConstructor; /** 侧栏一级菜单数据 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean; /** 侧栏是否隐藏 */
-    };
+        default: boolean;
+    }; /** 侧栏一级菜单选中 */
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
@@ -304,12 +304,12 @@ declare const _default: import('vue').DefineComponent<{
     tabSortable: BooleanConstructor;
     autoScrollTop: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 是否混合导航布局 */
     };
     headerTitleSlot: {
         type: StringConstructor;
-        default: string;
-    };
+        default: string; /** 是否双侧栏布局 */
+    }; /** 是否双侧栏布局 */
     headerIconSlot: {
         type: StringConstructor;
         default: string;
@@ -339,8 +339,7 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    menuTextEllipsisTooltip: BooleanConstructor;
-    menuTextEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
+    menuTextEllipsisTooltip: import("vue").PropType<boolean | Partial<import("../ele-tooltip/props").TooltipProps> | undefined>;
     keepAlive: BooleanConstructor;
     transitionName: StringConstructor;
     transitionDelay: {
@@ -376,7 +375,7 @@ declare const _default: import('vue').DefineComponent<{
     expanded: boolean;
     compact: boolean;
     maximized: boolean;
-    tabBar: boolean;
+    tabBar: boolean | "header";
     keepAlive: boolean;
     responsive: boolean;
     headerStyle: import("./types").HeaderStyle;
@@ -406,6 +405,5 @@ declare const _default: import('vue').DefineComponent<{
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
     menuHoverTimeout: number;
-    menuTextEllipsisTooltip: boolean;
 }, {}>;
 export default _default;

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

@@ -35,6 +35,7 @@ const _sfc_main = defineComponent({
       isHover: false
     };
     const contentRef = ref(null);
+    const modalsRef = ref(null);
     const levelData = shallowRef([]);
     const tabData = shallowRef([]);
     const tabActive = ref(getHomePath(props.homePath));
@@ -92,7 +93,7 @@ const _sfc_main = defineComponent({
         // 图标置于顶栏
         { "ele-admin-logo-auto": logoAuto && !mobile.value },
         // 开启页签栏
-        { "ele-admin-open-tab": props.tabBar },
+        { "ele-admin-open-tab": props.tabBar && props.tabBar !== "header" },
         // 卡片风格页签
         { "ele-admin-tab-card": props.tabStyle === "button" },
         // 主体定宽
@@ -110,7 +111,7 @@ const _sfc_main = defineComponent({
         return props.backTopTarget;
       }
       if (props.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";
     });
@@ -737,13 +738,15 @@ const _sfc_main = defineComponent({
         tabBar: props.tabBar,
         sidebar: sidebar.value,
         keepAlive: props.tabBar && props.keepAlive,
-        responsive: props.responsive
+        responsive: props.responsive,
+        modalsEl: modalsRef.value
       };
       return state2;
     });
     provide(LAYOUT_KEY, layoutProvide);
     return {
       contentRef,
+      modalsRef,
       levelData,
       tabData,
       tabActive,
@@ -794,18 +797,23 @@ const _export_sfc = (sfc, props) => {
   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 = resolveComponent("ProHeader");
   const _component_ProSidebox = resolveComponent("ProSidebox");
   const _component_ProSidebar = resolveComponent("ProSidebar");
   const _component_ProTabs = resolveComponent("ProTabs");
   const _component_ProIframe = resolveComponent("ProIframe");
-  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _component_ElBacktop = resolveComponent("ElBacktop");
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.layoutClass)
   }, [
@@ -827,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
     }, createSlots({ _: 2 }, [
       renderList(Object.keys(_ctx.$slots).filter(
         (k) => ![
@@ -843,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 {
@@ -857,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"]),
     createVNode(_component_ReceiverView, {
       class: "ele-admin-main",
       wrapPosition: false
@@ -876,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,
@@ -906,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"])) : createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "compact", "collapse", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "onItemClick", "onItemMouseenter", "onMouseEnter", "onMouseLeave"])) : createCommentVNode("", true),
         _ctx.sidebar ? (openBlock(), createBlock(_component_ProSidebar, {
           key: 1,
           menus: _ctx.sidebarData,
@@ -921,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,
@@ -952,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"])) : createCommentVNode("", true),
+        ]), 1032, ["menus", "sidebarStyle", "colorfulIcon", "active", "collapse", "uniqueOpened", "defaultOpeneds", "popperEffect", "itemTrigger", "titleSlot", "iconSlot", "menuTextEllipsisTooltip", "onOpen", "onClsoe", "onItemClick", "onMouseEnter", "onMouseLeave"])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_1, [
-          _ctx.tabBar ? (openBlock(), createBlock(_component_ProTabs, {
+          _ctx.tabBar && _ctx.tabBar !== "header" ? (openBlock(), createBlock(_component_ProTabs, {
             key: 0,
             tabs: _ctx.tabData,
             active: _ctx.tabActive,
@@ -982,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"])) : createCommentVNode("", true),
           createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "default"),
+              !_ctx.hideFooter ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : createCommentVNode("", true)
+            ], 512),
             _ctx.tabBar && _ctx.keepAlive ? (openBlock(), createBlock(_component_ProIframe, {
               key: 0,
               keepAlive: _ctx.keepAlive,
@@ -990,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"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "default"),
-            !_ctx.hideFooter ? renderSlot(_ctx.$slots, "footer", { key: 1 }) : createCommentVNode("", true)
-          ], 512)
+            _ctx.backTop ? (openBlock(), createBlock(_component_ElBacktop, {
+              key: _ctx.backTopSelector,
+              target: _ctx.backTopSelector,
+              visibilityHeight: _ctx.backTopVisibilityHeight,
+              bottom: _ctx.backTopBottom,
+              right: _ctx.backTopRight
+            }, null, 8, ["target", "visibilityHeight", "bottom", "right"])) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_4, null, 512)
+          ])
         ])
       ]),
       _: 3
@@ -1000,14 +1023,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("div", {
       class: "ele-admin-mask",
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.updateCollapse && _ctx.updateCollapse(...args))
-    }),
-    _ctx.backTop ? (openBlock(), createBlock(_component_ElBacktop, {
-      key: 0,
-      right: _ctx.backTopRight,
-      bottom: _ctx.backTopBottom,
-      visibilityHeight: _ctx.backTopVisibilityHeight,
-      target: _ctx.backTopSelector
-    }, null, 8, ["right", "bottom", "visibilityHeight", "target"])) : createCommentVNode("", true)
+    })
   ], 2);
 }
 const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

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

@@ -1,7 +1,6 @@
 import { MenuItem, TabItem, Layout, SidebarLayout, HeaderStyle, SidebarStyle, TabStyle, MenuI18n, TabItemEventOption, BodySizeChangeOption, MenuItemTrigger, BeforeClick } from './types';
 import { EleDropdownProps } from '../ele-app/plus';
 import { ContextMenus } from '../ele-tabs/types';
-import { EllipsisProps } from '../ele-menus/types';
 import { PropType, ExtractPropTypes } from 'vue';
 
 /**
@@ -20,7 +19,7 @@ export declare const proLayoutProps: {
     maximized: BooleanConstructor;
     /** 是否需要页签栏 */
     tabBar: {
-        type: BooleanConstructor;
+        type: PropType<boolean | "header">;
         default: boolean;
     };
     /** 是否需要面包屑导航 */
@@ -61,7 +60,7 @@ export declare const proLayoutProps: {
         default: boolean;
     };
     /** 顶栏菜单省略项的属性 */
-    ellipsisProps: PropType<EllipsisProps>;
+    ellipsisProps: PropType<import('../ele-menus/types').EllipsisProps | undefined>;
     /** 顶栏子菜单触发方式 */
     menuTrigger: {
         type: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
@@ -194,9 +193,7 @@ export declare const proLayoutProps: {
         default: number;
     };
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: BooleanConstructor;
-    /** 菜单文本溢出提示属性 */
-    menuTextEllipsisTooltipProps: PropType<Partial<import('../ele-tooltip/props').TooltipProps>>;
+    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps> | undefined>;
     /** 是否支持内链缓存 */
     keepAlive: BooleanConstructor;
     /** 内链切换动画 */

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

@@ -11,7 +11,7 @@ const proLayoutProps = {
   maximized: Boolean,
   /** 是否需要页签栏 */
   tabBar: {
-    type: Boolean,
+    type: [Boolean, String],
     default: true
   },
   /** 是否需要面包屑导航 */
@@ -185,9 +185,7 @@ const proLayoutProps = {
     default: 600
   },
   /** 是否开启菜单文本溢出提示 */
-  menuTextEllipsisTooltip: Boolean,
-  /** 菜单文本溢出提示属性 */
-  menuTextEllipsisTooltipProps: Object,
+  menuTextEllipsisTooltip: [Boolean, Object],
   /** 是否支持内链缓存 */
   keepAlive: Boolean,
   /** 内链切换动画 */

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

@@ -9,21 +9,10 @@
   .ele-admin-header,
   .ele-admin-sidebar,
   .ele-admin-sidebox,
-  .ele-admin-tabs,
-  .ele-modal-inner,
-  .ele-drawer-inner {
+  .ele-admin-tabs {
     @include set-ele-var('header', $var);
   }
 
-  .ele-admin-header.is-dark,
-  .ele-admin-header.is-primary {
-    @include set-ele-var('header-dark', $var);
-  }
-
-  .ele-admin-header.is-primary {
-    @include set-ele-var('header-primary', $var);
-  }
-
   .ele-admin-logo {
     @include set-ele-var('logo', $var);
   }
@@ -32,18 +21,14 @@
   .ele-admin-sidebar,
   .ele-admin-sidebox,
   .ele-admin-body,
-  .ele-admin-mask,
-  .ele-modal-inner,
-  .ele-drawer-inner {
+  .ele-admin-mask {
     @include set-ele-var('sidebar', $var);
   }
 
   .ele-admin-header,
   .ele-admin-sidebox,
   .ele-admin-sidebox-popup,
-  .ele-admin-body,
-  .ele-modal-inner,
-  .ele-drawer-inner {
+  .ele-admin-body {
     @include set-ele-var('sidebox', $var);
   }
 }

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

@@ -13,6 +13,11 @@
   z-index: calc(#{eleVar('layout', 'index')} + 3);
   flex-shrink: 0;
 
+  &.is-ghost {
+    background: hsla(0, 0%, 100%, 0.04);
+    backdrop-filter: blur(8px);
+  }
+
   /* 图标 */
   .ele-admin-logo {
     color: eleVar('logo', 'color');
@@ -41,7 +46,9 @@
 
   /* 面包屑 */
   .ele-admin-breadcrumb {
+    $tool-padding: eleVar('header', 'tool-padding');
     flex-shrink: 0;
+    margin-left: calc(#{eleVar('header', 'tools-padding')} + #{$tool-padding});
   }
 
   /* 菜单 */
@@ -59,21 +66,79 @@
     }
   }
 
-  /* 工具栏 */
-  .ele-admin-tools {
-    height: 100%;
-    flex-shrink: 0;
-    padding: 0 12px;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
+  /* 页签栏 */
+  & > .ele-admin-tabs {
+    flex: 1;
+    overflow: hidden;
+    line-height: normal;
+
+    &.ele-tab-wrap {
+      padding-right: 0;
+      background: none;
+      box-shadow: none;
+    }
+
+    & + .ele-admin-tools {
+      padding-left: 0;
+    }
+
+    &.is-simple,
+    &.is-indicator {
+      align-self: flex-end;
+    }
+  }
+
+  & > .ele-admin-tabs.ele-tab-wrap.is-simple,
+  & > .ele-admin-tabs.ele-tab-wrap.is-indicator,
+  & > .ele-tab-wrap .ele-tabs.is-simple,
+  & > .ele-tab-wrap .ele-tabs.is-indicator {
+    $height: eleVar('header', 'height');
+    $tool-height: eleVar('header', 'tool-height');
+    $tab-height: calc(#{$height} - (#{$height} - #{$tool-height}) / 2);
+    #{eleVarName('tab', 'height')}: #{$tab-height};
+  }
+}
+
+/* 工具栏 */
+.ele-admin-tools {
+  display: flex;
+  align-items: center;
+  padding: 0 eleVar('header', 'tools-padding');
+  box-sizing: border-box;
+  flex-shrink: 0;
+  height: 100%;
+
+  & + .ele-admin-breadcrumb {
+    margin-left: 0;
+  }
+
+  & + .ele-admin-tabs {
+    &.ele-tab-wrap,
+    &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
+      padding-left: 0;
+    }
+  }
+
+  & + .is-simple,
+  & + .is-indicator {
+    &.is-fixed-home,
+    &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
+      padding-left: eleVar('tab', 'simple-angle-size');
+    }
+  }
+
+  & + .is-button {
+    &.is-fixed-home,
+    &:not(.is-fixed-home) .el-tabs__nav-wrap:not(.is-scrollable) .el-tabs__nav {
+      padding-left: eleVar('tab', 'button-space');
+    }
   }
 }
 
 /* 操作按钮 */
 .ele-admin-tool {
   height: eleVar('header', 'tool-height');
-  padding: 0 12px;
+  padding: 0 eleVar('header', 'tool-padding');
   display: flex;
   align-items: center;
   border-radius: eleVar('header', 'tool-radius');

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

@@ -30,7 +30,7 @@
     width: 100% !important;
   }
 
-  .ele-admin-tabs {
+  .ele-admin-body > .ele-admin-tabs {
     left: 0 !important;
   }
 
@@ -56,7 +56,7 @@
 
     &.is-dark,
     &.is-primary {
-      box-shadow: eleVar('header-dark', 'shadow');
+      box-shadow: eleVar('header', 'dark-shadow');
     }
   }
 }