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

package/lib/ele-modal/util.d.ts

@@ -1,71 +1,45 @@
 import { ModalProps } from './props';
-import { Resizable, PositionObject, MoveOut } from './types';
+import { Position } from './types';
 
+export declare const containerClass = "ele-modal-container";
 export declare const wrapperClass = "ele-modal";
-export declare const containerId = "ele-modal-container";
-export declare const movableClass = "ele-modal-movable";
-export declare const resizableClass = "ele-modal-resizable";
-export declare const multipleClass = "ele-modal-multiple";
-export declare const fullscreenClass = "ele-modal-fullscreen";
-export declare const innerClass = "ele-modal-inner";
-export declare const responsiveClass = "ele-modal-responsive";
 export declare const closedClass = "ele-modal-closed";
-export declare const hideClass = "ele-modal-hide";
-export declare const collapseClass = "ele-state-collapse";
-export declare const compactClass = "ele-state-compact";
-export declare const maximizedClass = "ele-state-maximized";
-export declare const hasTabClass = "ele-state-has-tab";
-export declare const mixSidebarClass = "ele-state-mix-sidebar";
-export declare const singleSidebarClass = "ele-state-single-sidebar";
-export declare const topLayoutClass = "ele-state-top-layout";
-export declare const expandedClass = "ele-state-expanded";
-export declare const mobileClass = "ele-state-mobile";
 /**
- * 创建并获取弹窗容器
+ * 获取弹窗容器
+ * @param inner 是否限制在主体内部
  * @param multiple 是否支持同时打开多个
- * @param appendTo 自定义插入的位置
+ * @param appendTo 自定义插入的容器
+ * @param modalsEl 限制在主体内部时的容器
  */
-export declare function getModalContainer(multiple?: boolean, appendTo?: string): Element | string;
+export declare function getModalContainer(inner?: boolean, multiple?: boolean, appendTo?: string, modalsEl?: HTMLElement | null): Element | string;
 /**
  * 弹窗移动事件处理
+ * @param modalEl 弹窗节点
  * @param event 事件
  * @param props 属性
  */
-export declare function handleMovable(event: MouseEvent, props: ModalProps): void;
+export declare function handleMove(modalEl: HTMLElement, event: MouseEvent, props: ModalProps): void;
 /**
  * 弹窗拉伸事件处理
  * @param event 事件
  * @param props 属性
  */
-export declare function handleResizable(event: MouseEvent, props: ModalProps): void;
+export declare function handleResize(modalEl: HTMLElement, event: MouseEvent, props: ModalProps): void;
 /**
  * 置顶弹窗
- * @param modalEl 弹窗节点
+ * @param modalEl 弹窗
  * @param zIndex 弹窗初始层级
- * @returns
  */
-export declare function setModalTop(modalEl?: HTMLElement, zIndex?: number): void;
+export declare function topModal(modalEl?: HTMLElement, zIndex?: number): void;
 /**
- * 重置弹窗位置及大小
- * @param modalEl 弹窗节点
- * @param width 初始宽度
- * @param top 初始顶部距离
- */
-export declare function resetModalStyle(modalEl?: HTMLElement, width?: string | number, top?: string | number): void;
-/**
- * 设置弹窗位置
- * @param modalEl 弹窗节点
+ * 获取位置对应的外间距值
  * @param position 位置
- * @param resizable 是否可以拉伸
- * @param moveOut 是否可以拉出容器
  */
-export declare function setModalPosition(modalEl?: HTMLElement, resizable?: Resizable, position?: PositionObject, moveOut?: MoveOut): void;
+export declare function getPositionMargin(position?: Position): string | undefined;
 /**
- * 设置弹窗初始位置
+ * 重置弹窗位置及大小
  * @param modalEl 弹窗节点
- * @param position 位置
- * @param resizable 是否可以拉伸
- * @param moveOut 是否可以拉出容器
- * @param force 是否强制更新
+ * @param width 初始宽度
+ * @param top 初始顶部距离
  */
-export declare function setInitPosition(modalEl?: HTMLElement, resizable?: Resizable, position?: PositionObject, moveOut?: MoveOut, force?: boolean): void;
+export declare function resetModalStyle(modalEl?: HTMLElement, width?: string | number, position?: Position): void;

package/lib/ele-pagination/index.cjs

@@ -11,7 +11,10 @@ const _sfc_main = vue.defineComponent({
     const isInfinite = vue.computed(() => "*" === props2.total);
     const pageTotal = vue.computed(() => {
       if (isInfinite.value) {
-        return Number.MAX_SAFE_INTEGER;
+        if (props2.hasNext) {
+          return Number.MAX_SAFE_INTEGER;
+        }
+        return (props2.currentPage || 1) * (props2.pageSize || 10);
       }
       const num = props2.total == null ? void 0 : Number(props2.total);
       return num == null || isNaN(num) ? void 0 : num;

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

@@ -1,5 +1,9 @@
 declare const _default: import('vue').DefineComponent<{
     total: import("vue").PropType<import("./types").PaginationTotal>;
+    hasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
@@ -32,6 +36,10 @@ declare const _default: import('vue').DefineComponent<{
     'update:pageSize': (_pageSize: number) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     total: import("vue").PropType<import("./types").PaginationTotal>;
+    hasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     type: {
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
@@ -59,6 +67,7 @@ declare const _default: import('vue').DefineComponent<{
     "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;
 }, {
     type: import("./types").PaginationType;
+    hasNext: boolean;
     pagerCount: number;
     layout: string;
     pageSizes: number[];

package/lib/ele-pagination/props.cjs

@@ -5,6 +5,11 @@ const paginationProps = {
   ...elementPlus.paginationProps,
   /** 总条目数 */
   total: [String, Number],
+  /** 是否还有下一页 */
+  hasNext: {
+    type: Boolean,
+    default: true
+  },
   /** 风格 */
   type: {
     type: String,

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

@@ -7,6 +7,11 @@ import { PropType, ExtractPropTypes } from 'vue';
 export declare const paginationProps: {
     /** 总条目数 */
     total: PropType<PaginationTotal>;
+    /** 是否还有下一页 */
+    hasNext: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** 风格 */
     type: {
         type: PropType<PaginationType>;

package/lib/ele-popconfirm/index.cjs

@@ -3,6 +3,7 @@ const vue = require("vue");
 const elementPlus = require("element-plus");
 const core = require("../utils/core");
 const EleTooltip = require("../ele-tooltip/index");
+const props$1 = require("../ele-tooltip/props");
 const icons = require("../icons");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
@@ -14,33 +15,10 @@ const _sfc_main = vue.defineComponent({
     const { t } = elementPlus.useLocale();
     const tooltipRef = vue.ref(null);
     const tooltipProps = vue.computed(() => {
-      const options = core.omit(props2, [
-        "title",
-        "content",
-        "bodyClass",
-        "bodyStyle",
-        "titleStyle",
-        "contentStyle",
-        "confirmButtonText",
-        "cancelButtonText",
-        "confirmButtonType",
-        "cancelButtonType",
-        "icon",
-        "iconColor",
-        "hideIcon",
-        "hideConfirmButton",
-        "hideCancelButton",
-        "iconStyle",
-        "iconProps",
-        "confirmButtonProps",
-        "cancelButtonProps",
-        "footerStyle",
-        "onUpdate:visible",
-        "onBefore-enter",
-        "onBefore-leave",
-        "onAfter-enter",
-        "onAfter-leave"
-      ]);
+      const keys = props$1.tooltipPropKeys.filter(
+        (k) => !["content", "bodyStyle"].includes(k)
+      );
+      const options = core.pick(props2, keys);
       options.ariaLabel = props2.title;
       options.gpuAcceleration = props2.transition === "el-fade-in-linear";
       const classes = ["ele-popconfirm"];

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

@@ -37,7 +37,6 @@ declare const _default: import('vue').DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";
@@ -72,6 +71,7 @@ declare const _default: import('vue').DefineComponent<{
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     title: StringConstructor;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -153,7 +153,6 @@ declare const _default: import('vue').DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     effect: {
         readonly default: "light";
@@ -188,6 +187,7 @@ declare const _default: import('vue').DefineComponent<{
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     title: StringConstructor;
+    width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -220,7 +220,6 @@ declare const _default: import('vue').DefineComponent<{
     onConfirm?: ((_e: MouseEvent) => any) | undefined;
     onCancel?: ((_e: MouseEvent) => any) | undefined;
 }, {
-    width: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     offset: number;
     trigger: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown> | undefined;
     effect: string;
@@ -242,6 +241,7 @@ declare const _default: import('vue').DefineComponent<{
     showAfter: number;
     hideAfter: number;
     autoClose: number;
+    width: import("element-plus/es/utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     confirmButtonType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined;
     cancelButtonType: import("element-plus/es/utils/index").EpPropMergeType<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown> | undefined;
     iconColor: string;

package/lib/ele-popover/index.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const core = require("../utils/core");
 const EleTooltip = require("../ele-tooltip/index");
+const props$1 = require("../ele-tooltip/props");
 const props = require("./props");
 const _sfc_main = vue.defineComponent({
   name: "ElePopover",
@@ -11,19 +12,10 @@ const _sfc_main = vue.defineComponent({
   setup(props2, { emit }) {
     const tooltipRef = vue.ref(null);
     const tooltipProps = vue.computed(() => {
-      const options = core.omit(props2, [
-        "title",
-        "content",
-        "bodyClass",
-        "bodyStyle",
-        "titleStyle",
-        "contentStyle",
-        "onUpdate:visible",
-        "onBefore-enter",
-        "onBefore-leave",
-        "onAfter-enter",
-        "onAfter-leave"
-      ]);
+      const keys = props$1.tooltipPropKeys.filter(
+        (k) => !["content", "bodyStyle"].includes(k)
+      );
+      const options = core.pick(props2, keys);
       options.ariaLabel = props2.title;
       options.gpuAcceleration = props2.transition === "el-fade-in-linear";
       return options;

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

@@ -9,6 +9,7 @@ declare const _default: import('vue').DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    title: StringConstructor;
     width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
@@ -44,7 +45,6 @@ declare const _default: import('vue').DefineComponent<{
     showAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    title: StringConstructor;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;
@@ -92,6 +92,7 @@ declare const _default: import('vue').DefineComponent<{
     bodyStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     titleStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     contentStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
+    title: StringConstructor;
     width: import("element-plus/es/utils/index").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 150, boolean>;
     offset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, undefined, boolean>;
     trigger: import("element-plus/es/utils/index").EpPropFinalized<(new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>) | ((new (...args: any[]) => "hover" | "focus" | "click" | "contextmenu" | import("element-plus").TooltipTriggerType[]) | (() => import("element-plus/es/utils/typescript").Arrayable<import("element-plus").TooltipTriggerType>))[], unknown, unknown, "hover", boolean>;
@@ -127,7 +128,6 @@ declare const _default: import('vue').DefineComponent<{
     showAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     hideAfter: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
     autoClose: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    title: StringConstructor;
     popperClass: StringConstructor;
     bg: StringConstructor;
     arrowOffset: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 5, boolean>;

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

@@ -4,9 +4,10 @@ const icons = require("../../icons");
 const EleBreadcrumb = require("../../ele-breadcrumb/index");
 const EleMenus = require("../../ele-menus/index");
 const util = require("../util");
+const ProTabs = require("./pro-tabs");
 const _sfc_main = vue.defineComponent({
   name: "ProHeader",
-  components: { EleBreadcrumb, EleMenus },
+  components: { EleBreadcrumb, EleMenus, ProTabs },
   props: {
     /** 菜单数据 */
     menus: {
@@ -47,9 +48,29 @@ const _sfc_main = vue.defineComponent({
     /** 当前路由是否是主页 */
     isHome: Boolean,
     /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: Boolean,
-    /** 菜单文本溢出提示属性 */
-    menuTextEllipsisTooltipProps: Object
+    menuTextEllipsisTooltip: [Boolean, Object],
+    /** 页签数据 */
+    tabs: {
+      type: Array,
+      required: true
+    },
+    /** 页签选中 */
+    tabActive: {
+      type: String,
+      required: true
+    },
+    /** 是否需要固定的主页页签 */
+    fixedHome: Boolean,
+    /** 页签风格 */
+    tabStyle: String,
+    /** 是否支持右键菜单 */
+    tabContextMenu: [Boolean, Object],
+    /** 右键菜单 */
+    tabContextMenus: [Array, Function],
+    /** 是否支持拖动排序 */
+    tabSortable: Boolean,
+    /** 是否需要页签栏 */
+    tabBar: [Boolean, String]
   },
   emits: {
     logoClick: () => true,
@@ -59,7 +80,11 @@ const _sfc_main = vue.defineComponent({
     itemMouseenter: (_item, _e) => true,
     itemMouseleave: (_item, _e) => true,
     mouseEnter: (_e) => true,
-    mouseLeave: (_e) => true
+    mouseLeave: (_e) => true,
+    tabClick: (_opt) => true,
+    tabRemove: (_opt) => true,
+    tabContextMenu: (_opt) => true,
+    tabSortChange: (_data) => true
   },
   setup(props, { emit }) {
     const state = { hover: false, timer: null };
@@ -75,6 +100,7 @@ const _sfc_main = vue.defineComponent({
     const isIconSeparator = vue.computed(() => {
       return typeof props.breadcrumbSeparator !== "string";
     });
+    const hasTab = vue.computed(() => props.tabBar === "header");
     const onLogoClick = () => {
       emit("logoClick");
     };
@@ -115,6 +141,18 @@ const _sfc_main = vue.defineComponent({
         emit("mouseLeave", e);
       }, 300);
     };
+    const onTabClick = (opt) => {
+      emit("tabClick", opt);
+    };
+    const onTabRemove = (opt) => {
+      emit("tabRemove", opt);
+    };
+    const onTabContextMenu = (opt) => {
+      emit("tabContextMenu", opt);
+    };
+    const onTabSortChange = (data) => {
+      emit("tabSortChange", data);
+    };
     vue.watch(
       [() => props.isHome, () => props.homePath, () => props.levels],
       () => {
@@ -152,6 +190,7 @@ const _sfc_main = vue.defineComponent({
       isDark,
       isPrimary,
       isIconSeparator,
+      hasTab,
       onLogoClick,
       onOpen,
       onClose,
@@ -159,7 +198,11 @@ const _sfc_main = vue.defineComponent({
       onItemMouseenter,
       onItemMouseleave,
       onMouseenter,
-      onMouseleave
+      onMouseleave,
+      onTabClick,
+      onTabRemove,
+      onTabContextMenu,
+      onTabSortChange
     };
   }
 });
@@ -178,19 +221,24 @@ const _hoisted_2 = {
   key: 2,
   class: "ele-admin-breadcrumb"
 };
-const _hoisted_3 = { class: "ele-admin-menus" };
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 3,
+  class: "ele-admin-menus"
+};
+const _hoisted_4 = {
+  key: 5,
   class: "ele-admin-tools"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_EleBreadcrumb = vue.resolveComponent("EleBreadcrumb");
   const _component_EleMenus = vue.resolveComponent("EleMenus");
+  const _component_ProTabs = vue.resolveComponent("ProTabs");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
       "ele-admin-header",
       { "is-dark": _ctx.isDark },
-      { "is-primary": _ctx.isPrimary }
+      { "is-primary": _ctx.isPrimary },
+      { "is-ghost": !_ctx.isDark && !_ctx.isPrimary && _ctx.hasTab && _ctx.tabStyle === "button" }
     ]),
     onMouseenter: _cache[1] || (_cache[1] = (...args) => _ctx.onMouseenter && _ctx.onMouseenter(...args)),
     onMouseleave: _cache[2] || (_cache[2] = (...args) => _ctx.onMouseleave && _ctx.onMouseleave(...args))
@@ -223,7 +271,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ])
     ])) : vue.createCommentVNode("", true),
     vue.renderSlot(_ctx.$slots, "center", { sidebar: _ctx.sidebar }),
-    vue.createElementVNode("div", _hoisted_3, [
+    _ctx.menuItems.length || !_ctx.hasTab ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
       _ctx.menuItems.length ? (vue.openBlock(), vue.createBlock(_component_EleMenus, {
         key: 0,
         items: _ctx.menuItems,
@@ -235,33 +283,75 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         defaultActive: _ctx.active,
         menuTrigger: _ctx.menuTrigger,
         textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-        textEllipsisTooltipProps: _ctx.menuTextEllipsisTooltipProps,
         onOpen: _ctx.onOpen,
         onClose: _ctx.onClose,
         onItemClick: _ctx.onItemClick,
         onItemMouseenter: _ctx.onItemMouseenter,
         onItemMouseleave: _ctx.onItemMouseleave
       }, vue.createSlots({ _: 2 }, [
-        _ctx.iconSlot && !["logo", "left", "right", "center", "breadcrumb"].includes(
-          _ctx.iconSlot
-        ) && _ctx.$slots[_ctx.iconSlot] ? {
+        _ctx.iconSlot && ![
+          "logo",
+          "left",
+          "right",
+          "center",
+          "breadcrumb",
+          "tabTitle",
+          "tabContext",
+          "tabExtra",
+          "tabHome"
+        ].includes(_ctx.iconSlot) && _ctx.$slots[_ctx.iconSlot] ? {
           name: "icon",
           fn: vue.withCtx((slotProps) => [
             vue.renderSlot(_ctx.$slots, _ctx.iconSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
           ]),
           key: "0"
         } : void 0,
-        _ctx.titleSlot && !["logo", "left", "right", "center", "breadcrumb"].includes(
-          _ctx.titleSlot
-        ) && _ctx.$slots[_ctx.titleSlot] ? {
+        _ctx.titleSlot && ![
+          "logo",
+          "left",
+          "right",
+          "center",
+          "breadcrumb",
+          "tabTitle",
+          "tabContext",
+          "tabExtra",
+          "tabHome"
+        ].includes(_ctx.titleSlot) && _ctx.$slots[_ctx.titleSlot] ? {
           name: "title",
           fn: vue.withCtx((slotProps) => [
             vue.renderSlot(_ctx.$slots, _ctx.titleSlot, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "textEllipsisTooltip", "textEllipsisTooltipProps", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
-    ]),
+      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "textEllipsisTooltip", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : vue.createCommentVNode("", true)
+    ])) : vue.createCommentVNode("", true),
+    _ctx.hasTab ? (vue.openBlock(), vue.createBlock(_component_ProTabs, {
+      key: 4,
+      tabs: _ctx.tabs,
+      active: _ctx.tabActive,
+      tabStyle: _ctx.tabStyle,
+      fixedHome: _ctx.fixedHome,
+      homePath: _ctx.homePath,
+      isHome: _ctx.isHome,
+      tabContextMenu: _ctx.tabContextMenu,
+      tabContextMenus: _ctx.tabContextMenus,
+      tabSortable: _ctx.tabSortable,
+      onTabClick: _ctx.onTabClick,
+      onTabRemove: _ctx.onTabRemove,
+      onTabContextMenu: _ctx.onTabContextMenu,
+      onTabSortChange: _ctx.onTabSortChange
+    }, vue.createSlots({ _: 2 }, [
+      vue.renderList(Object.keys(_ctx.$slots).filter(
+        (k) => ["tabTitle", "tabContext", "tabExtra", "tabHome"].includes(k)
+      ), (name) => {
+        return {
+          name,
+          fn: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+          ])
+        };
+      })
+    ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
     _ctx.$slots.right ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
       vue.renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })
     ])) : vue.createCommentVNode("", true)