ele-admin-plus 1.1.9 → 1.2.0-beta.2

package/es/ele-app/style/overwrite/table-filter/index.scss

@@ -1,98 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use '../../../../ele-virtual-table/style/css-var.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-table-filter-var($ele);
-
-/* TableFilter */
-.el-table-filter {
-  .el-table-filter__list {
-    padding: eleVar('table-filter', 'padding');
-    max-height: eleVar('table-filter', 'max-height');
-    box-sizing: border-box;
-    overflow: auto;
-  }
-
-  .el-table-filter__list-item {
-    color: eleVar('table-filter', 'item-color');
-    height: eleVar('table-filter', 'item-height');
-    line-height: eleVar('table-filter', 'item-height');
-    padding: eleVar('table-filter', 'item-padding');
-    border-radius: eleVar('table-filter', 'item-radius');
-    transition: (color $ele-transition, background-color $ele-transition);
-    box-sizing: border-box;
-
-    & + .el-table-filter__list-item {
-      margin-top: eleVar('table-filter', 'item-margin');
-    }
-
-    &:hover {
-      color: eleVar('table-filter', 'item-hover-color');
-      background: eleVar('table-filter', 'item-hover-bg');
-    }
-
-    &.is-active {
-      color: eleVar('table-filter', 'item-active-color');
-      background: eleVar('table-filter', 'item-active-bg');
-      font-weight: eleVar('table-filter', 'item-active-font-weight');
-
-      &:hover {
-        background: eleVar('table-filter', 'item-active-hover-bg');
-      }
-    }
-  }
-
-  .el-table-filter__wrap {
-    max-height: eleVar('table-filter', 'max-height');
-  }
-
-  @include filter-checkbox-style($ele-transition);
-
-  .el-table-filter__bottom {
-    padding: eleVar('table-filter', 'footer-padding');
-    border-top: eleVar('table-filter', 'footer-border');
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-
-    & > button {
-      height: 24px;
-      line-height: 24px;
-      padding: 0 11px;
-      font-size: 12px;
-      color: elVar('text-color', 'regular');
-      border-radius: calc(#{elVar('border-radius', 'base')} - 1px);
-      transition: (color $ele-transition, background-color $ele-transition);
-      box-sizing: border-box;
-
-      &:hover {
-        background: elVar('fill-color', 'light');
-      }
-
-      &:active {
-        background: elVar('fill-color');
-      }
-
-      &:first-child {
-        order: 2;
-        color: #fff;
-        background: elVar('color-primary');
-        margin-left: 4px;
-
-        &:hover {
-          background: elVar('color-primary', 'light-3');
-        }
-
-        &:active {
-          background: elVar('color-primary', 'dark-2');
-        }
-
-        &.is-disabled {
-          background: elVar('color-primary', 'light-5');
-        }
-      }
-    }
-  }
-}

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

@@ -1,187 +0,0 @@
-import { MenuItem, LevelItem, HeaderStyle, MenuItemTrigger, MenuItemProps, TabStyle, TabItem, TabItemEventOption } from '../types';
-import { ContextMenus } from '../../ele-tabs/types';
-import { EleDropdownProps } from '../../ele-app/plus';
-import { BreadcrumbItem } from '../../ele-breadcrumb/types';
-import { PropType } from 'vue';
-
-declare const _default: import('vue').DefineComponent<{
-    /** 菜单数据 */
-    menus: {
-        type: PropType<MenuItem[]>;
-        required: true;
-    };
-    /** 顶栏风格 */
-    headerStyle: PropType<HeaderStyle>;
-    /** 菜单选中 */
-    active: StringConstructor;
-    /** 菜单是否省略多余的子项 */
-    ellipsis: BooleanConstructor;
-    /** 菜单省略项的属性 */
-    ellipsisProps: PropType<import('../../ele-menus/types').EllipsisProps | undefined>;
-    /** 父级菜单展开触发方式 */
-    menuTrigger: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-    /** 子菜单项触发模式 */
-    itemTrigger: PropType<MenuItemTrigger>;
-    /** 侧栏是否折叠 */
-    collapse: BooleanConstructor;
-    /** 当前是否有侧栏 */
-    sidebar: BooleanConstructor;
-    /** 菜单标题插槽名称 */
-    titleSlot: StringConstructor;
-    /** 菜单图标插槽名称 */
-    iconSlot: StringConstructor;
-    /** 面包屑导航数据 */
-    levels: {
-        type: PropType<LevelItem[]>;
-        required: true;
-    };
-    /** 是否显示面包屑导航 */
-    breadcrumb: BooleanConstructor;
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: 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>;
-    /** 主页路由地址 */
-    homePath: StringConstructor;
-    /** 当前路由是否是主页 */
-    isHome: BooleanConstructor;
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../../ele-tooltip/props').TooltipProps> | undefined>;
-    /** 页签数据 */
-    tabs: {
-        type: PropType<TabItem[]>;
-        required: true;
-    };
-    /** 页签选中 */
-    tabActive: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** 是否需要固定的主页页签 */
-    fixedHome: BooleanConstructor;
-    /** 页签风格 */
-    tabStyle: PropType<TabStyle>;
-    /** 是否支持右键菜单 */
-    tabContextMenu: PropType<boolean | EleDropdownProps>;
-    /** 右键菜单 */
-    tabContextMenus: PropType<ContextMenus>;
-    /** 是否支持拖动排序 */
-    tabSortable: BooleanConstructor;
-    /** 是否需要页签栏 */
-    tabBar: PropType<boolean | "header">;
-}, {
-    levelItems: import('vue').ShallowRef<BreadcrumbItem[]>;
-    menuItems: import('vue').ComputedRef<Partial<import('../../ele-menus/types').MenuItem>[]>;
-    isDark: import('vue').ComputedRef<boolean>;
-    isPrimary: import('vue').ComputedRef<boolean>;
-    isIconSeparator: import('vue').ComputedRef<boolean>;
-    hasTab: import('vue').ComputedRef<boolean>;
-    onLogoClick: () => void;
-    onOpen: (index: string, indexPath: string[]) => void;
-    onClose: (index: string, indexPath: string[]) => void;
-    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;
-    onTabClick: (opt: TabItemEventOption) => void;
-    onTabRemove: (opt: TabItemEventOption) => void;
-    onTabContextMenu: (opt: TabItemEventOption) => void;
-    onTabSortChange: (data: TabItem[]) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    logoClick: () => true;
-    open: (_index: string, _indexPath: string[]) => true;
-    close: (_index: string, _indexPath: string[]) => true;
-    itemClick: (_item: MenuItemProps, _e: MouseEvent) => true;
-    itemMouseenter: (_item: MenuItemProps, _e: MouseEvent) => true;
-    itemMouseleave: (_item: MenuItemProps, _e: MouseEvent) => true;
-    mouseEnter: (_e: MouseEvent) => true;
-    mouseLeave: (_e: MouseEvent) => true;
-    tabClick: (_opt: TabItemEventOption) => true;
-    tabRemove: (_opt: TabItemEventOption) => true;
-    tabContextMenu: (_opt: TabItemEventOption) => true;
-    tabSortChange: (_data: TabItem[]) => true;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /** 菜单数据 */
-    menus: {
-        type: PropType<MenuItem[]>;
-        required: true;
-    };
-    /** 顶栏风格 */
-    headerStyle: PropType<HeaderStyle>;
-    /** 菜单选中 */
-    active: StringConstructor;
-    /** 菜单是否省略多余的子项 */
-    ellipsis: BooleanConstructor;
-    /** 菜单省略项的属性 */
-    ellipsisProps: PropType<import('../../ele-menus/types').EllipsisProps | undefined>;
-    /** 父级菜单展开触发方式 */
-    menuTrigger: PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined>;
-    /** 子菜单项触发模式 */
-    itemTrigger: PropType<MenuItemTrigger>;
-    /** 侧栏是否折叠 */
-    collapse: BooleanConstructor;
-    /** 当前是否有侧栏 */
-    sidebar: BooleanConstructor;
-    /** 菜单标题插槽名称 */
-    titleSlot: StringConstructor;
-    /** 菜单图标插槽名称 */
-    iconSlot: StringConstructor;
-    /** 面包屑导航数据 */
-    levels: {
-        type: PropType<LevelItem[]>;
-        required: true;
-    };
-    /** 是否显示面包屑导航 */
-    breadcrumb: BooleanConstructor;
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: 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>;
-    /** 主页路由地址 */
-    homePath: StringConstructor;
-    /** 当前路由是否是主页 */
-    isHome: BooleanConstructor;
-    /** 是否开启菜单文本溢出提示 */
-    menuTextEllipsisTooltip: PropType<boolean | Partial<import('../../ele-tooltip/props').TooltipProps> | undefined>;
-    /** 页签数据 */
-    tabs: {
-        type: PropType<TabItem[]>;
-        required: true;
-    };
-    /** 页签选中 */
-    tabActive: {
-        type: StringConstructor;
-        required: true;
-    };
-    /** 是否需要固定的主页页签 */
-    fixedHome: BooleanConstructor;
-    /** 页签风格 */
-    tabStyle: PropType<TabStyle>;
-    /** 是否支持右键菜单 */
-    tabContextMenu: PropType<boolean | EleDropdownProps>;
-    /** 右键菜单 */
-    tabContextMenus: PropType<ContextMenus>;
-    /** 是否支持拖动排序 */
-    tabSortable: BooleanConstructor;
-    /** 是否需要页签栏 */
-    tabBar: PropType<boolean | "header">;
-}>> & {
-    onOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onTabClick?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabRemove?: ((_opt: TabItemEventOption) => any) | undefined;
-    onItemClick?: ((_item: Partial<import('../../ele-menus/types').MenuItem>, _e: MouseEvent) => any) | undefined;
-    onTabContextMenu?: ((_opt: TabItemEventOption) => any) | undefined;
-    onTabSortChange?: ((_data: TabItem[]) => 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;
-    onLogoClick?: (() => any) | undefined;
-    onMouseEnter?: ((_e: MouseEvent) => any) | undefined;
-    onMouseLeave?: ((_e: MouseEvent) => any) | undefined;
-}, {
-    collapse: boolean;
-    ellipsis: boolean;
-    breadcrumb: boolean;
-    fixedHome: boolean;
-    tabSortable: boolean;
-    isHome: boolean;
-    sidebar: boolean;
-}, {}>;
-export default _default;

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

@@ -1,362 +0,0 @@
-import { defineComponent, shallowRef, computed, watch, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, createVNode, createBlock, createSlots, withCtx, normalizeProps, guardReactiveProps, renderList } from "vue";
-import { HomeOutlined } from "../../icons";
-import EleBreadcrumb from "../../ele-breadcrumb/index";
-import EleMenus from "../../ele-menus/index";
-import { getMenuItems } from "../util";
-import ProTabs from "./pro-tabs";
-const _sfc_main = defineComponent({
-  name: "ProHeader",
-  components: { EleBreadcrumb, EleMenus, ProTabs },
-  props: {
-    /** 菜单数据 */
-    menus: {
-      type: Array,
-      required: true
-    },
-    /** 顶栏风格 */
-    headerStyle: String,
-    /** 菜单选中 */
-    active: String,
-    /** 菜单是否省略多余的子项 */
-    ellipsis: Boolean,
-    /** 菜单省略项的属性 */
-    ellipsisProps: Object,
-    /** 父级菜单展开触发方式 */
-    menuTrigger: String,
-    /** 子菜单项触发模式 */
-    itemTrigger: String,
-    /** 侧栏是否折叠 */
-    collapse: Boolean,
-    /** 当前是否有侧栏 */
-    sidebar: Boolean,
-    /** 菜单标题插槽名称 */
-    titleSlot: String,
-    /** 菜单图标插槽名称 */
-    iconSlot: String,
-    /** 面包屑导航数据 */
-    levels: {
-      type: Array,
-      required: true
-    },
-    /** 是否显示面包屑导航 */
-    breadcrumb: Boolean,
-    /** 面包屑导航分隔符 */
-    breadcrumbSeparator: [String, Object, Function],
-    /** 主页路由地址 */
-    homePath: String,
-    /** 当前路由是否是主页 */
-    isHome: Boolean,
-    /** 是否开启菜单文本溢出提示 */
-    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,
-    open: (_index, _indexPath) => true,
-    close: (_index, _indexPath) => true,
-    itemClick: (_item, _e) => true,
-    itemMouseenter: (_item, _e) => true,
-    itemMouseleave: (_item, _e) => true,
-    mouseEnter: (_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 };
-    const levelItems = shallowRef([]);
-    const menuItems = computed(() => {
-      return getMenuItems(
-        props.menus,
-        props.itemTrigger !== "click" && props.itemTrigger !== "hover"
-      );
-    });
-    const isDark = computed(() => props.headerStyle === "dark");
-    const isPrimary = computed(() => props.headerStyle === "primary");
-    const isIconSeparator = computed(() => {
-      return typeof props.breadcrumbSeparator !== "string";
-    });
-    const hasTab = computed(() => props.tabBar === "header");
-    const onLogoClick = () => {
-      emit("logoClick");
-    };
-    const onOpen = (index, indexPath) => {
-      emit("open", index, indexPath);
-    };
-    const onClose = (index, indexPath) => {
-      emit("close", index, indexPath);
-    };
-    const onItemClick = (item, e) => {
-      emit("itemClick", item, e);
-    };
-    const onItemMouseenter = (item, e) => {
-      emit("itemMouseenter", item, e);
-      onMouseenter(e);
-    };
-    const onItemMouseleave = (item, e) => {
-      emit("itemMouseleave", item, e);
-      onMouseleave(e);
-    };
-    const onMouseenter = (e) => {
-      if (state.timer != null) {
-        clearTimeout(state.timer);
-        state.timer = null;
-      }
-      if (!state.hover) {
-        state.hover = true;
-        emit("mouseEnter", e);
-      }
-    };
-    const onMouseleave = (e) => {
-      if (state.timer != null) {
-        clearTimeout(state.timer);
-      }
-      state.timer = setTimeout(() => {
-        state.timer = null;
-        state.hover = false;
-        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);
-    };
-    watch(
-      [() => props.isHome, () => props.homePath, () => props.levels],
-      () => {
-        const data = [];
-        if (!props.isHome) {
-          data.push({
-            key: props.homePath,
-            to: props.homePath,
-            icon: HomeOutlined,
-            iconStyle: {
-              transform: "scale(1.13)",
-              transformOrigin: "8px -2px"
-            }
-          });
-        }
-        props.levels.forEach((d) => {
-          data.push({ key: d.path, title: d.title });
-        });
-        levelItems.value = data;
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
-    onBeforeUnmount(() => {
-      if (state.timer != null) {
-        clearTimeout(state.timer);
-        state.timer = null;
-      }
-    });
-    return {
-      levelItems,
-      menuItems,
-      isDark,
-      isPrimary,
-      isIconSeparator,
-      hasTab,
-      onLogoClick,
-      onOpen,
-      onClose,
-      onItemClick,
-      onItemMouseenter,
-      onItemMouseleave,
-      onMouseenter,
-      onMouseleave,
-      onTabClick,
-      onTabRemove,
-      onTabContextMenu,
-      onTabSortChange
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 1,
-  class: "ele-admin-tools"
-};
-const _hoisted_2 = {
-  key: 2,
-  class: "ele-admin-breadcrumb"
-};
-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 = resolveComponent("EleBreadcrumb");
-  const _component_EleMenus = resolveComponent("EleMenus");
-  const _component_ProTabs = resolveComponent("ProTabs");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      "ele-admin-header",
-      { "is-dark": _ctx.isDark },
-      { "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))
-  }, [
-    _ctx.$slots.logo ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "ele-admin-logo",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onLogoClick && _ctx.onLogoClick(...args))
-    }, [
-      renderSlot(_ctx.$slots, "logo", {
-        collapse: _ctx.collapse,
-        sidebar: _ctx.sidebar
-      })
-    ])) : createCommentVNode("", true),
-    _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_1, [
-      renderSlot(_ctx.$slots, "left", { sidebar: _ctx.sidebar })
-    ])) : createCommentVNode("", true),
-    _ctx.breadcrumb ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      renderSlot(_ctx.$slots, "breadcrumb", {
-        levels: _ctx.levels,
-        isHome: _ctx.isHome,
-        homePath: _ctx.homePath,
-        sidebar: _ctx.sidebar
-      }, () => [
-        createVNode(_component_EleBreadcrumb, {
-          separator: _ctx.isIconSeparator ? void 0 : _ctx.breadcrumbSeparator,
-          separatorIcon: _ctx.isIconSeparator ? _ctx.breadcrumbSeparator : void 0,
-          items: _ctx.levelItems
-        }, null, 8, ["separator", "separatorIcon", "items"])
-      ])
-    ])) : createCommentVNode("", true),
-    renderSlot(_ctx.$slots, "center", { sidebar: _ctx.sidebar }),
-    _ctx.menuItems.length || !_ctx.hasTab ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      _ctx.menuItems.length ? (openBlock(), createBlock(_component_EleMenus, {
-        key: 0,
-        items: _ctx.menuItems,
-        theme: _ctx.isDark || _ctx.isPrimary ? "dark" : "light",
-        popupTheme: _ctx.isDark ? "dark" : "light",
-        mode: "horizontal",
-        ellipsis: _ctx.ellipsis,
-        ellipsisProps: _ctx.ellipsisProps,
-        defaultActive: _ctx.active,
-        menuTrigger: _ctx.menuTrigger,
-        textEllipsisTooltip: _ctx.menuTextEllipsisTooltip,
-        onOpen: _ctx.onOpen,
-        onClose: _ctx.onClose,
-        onItemClick: _ctx.onItemClick,
-        onItemMouseenter: _ctx.onItemMouseenter,
-        onItemMouseleave: _ctx.onItemMouseleave
-      }, createSlots({ _: 2 }, [
-        _ctx.iconSlot && ![
-          "logo",
-          "left",
-          "right",
-          "center",
-          "breadcrumb",
-          "tabTitle",
-          "tabContext",
-          "tabExtra",
-          "tabHome"
-        ].includes(_ctx.iconSlot) && _ctx.$slots[_ctx.iconSlot] ? {
-          name: "icon",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, _ctx.iconSlot, normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.titleSlot && ![
-          "logo",
-          "left",
-          "right",
-          "center",
-          "breadcrumb",
-          "tabTitle",
-          "tabContext",
-          "tabExtra",
-          "tabHome"
-        ].includes(_ctx.titleSlot) && _ctx.$slots[_ctx.titleSlot] ? {
-          name: "title",
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, _ctx.titleSlot, normalizeProps(guardReactiveProps(slotProps || {})))
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["items", "theme", "popupTheme", "ellipsis", "ellipsisProps", "defaultActive", "menuTrigger", "textEllipsisTooltip", "onOpen", "onClose", "onItemClick", "onItemMouseenter", "onItemMouseleave"])) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true),
-    _ctx.hasTab ? (openBlock(), 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
-    }, createSlots({ _: 2 }, [
-      renderList(Object.keys(_ctx.$slots).filter(
-        (k) => ["tabTitle", "tabContext", "tabExtra", "tabHome"].includes(k)
-      ), (name) => {
-        return {
-          name,
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-          ])
-        };
-      })
-    ]), 1032, ["tabs", "active", "tabStyle", "fixedHome", "homePath", "isHome", "tabContextMenu", "tabContextMenus", "tabSortable", "onTabClick", "onTabRemove", "onTabContextMenu", "onTabSortChange"])) : createCommentVNode("", true),
-    _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_4, [
-      renderSlot(_ctx.$slots, "right", { sidebar: _ctx.sidebar })
-    ])) : createCommentVNode("", true)
-  ], 34);
-}
-const proHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  proHeader as default
-};