ele-admin-plus 1.2.0-beta.1 → 1.2.0-beta.3

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

@@ -1,116 +1,106 @@
-import { MenuItem, TabItem, LevelItem, TabItemEventOption, MenuItemProps } from './types';
-import { ClassValues } from '../ele-app/types';
+import { EleAdminLayoutInstance, EleBreadcrumbProps, EleBacktopProps, EleMenusProps } from '../ele-app/plus';
+import { MenuItem, TabItem, LevelItem, TabItemEventOption } from './types';
+import { MenuItem as MenuItemProps } from '../ele-menus/types';
+import { BreadcrumbItem } from '../ele-breadcrumb/types';
+import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
+import { Layout, SidebarLayout, TabBar, Maximized } from '../ele-admin-layout/types';
 
 declare const _default: import('vue').DefineComponent<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     menus: import('vue').PropType<MenuItem[] | null>;
     tabs: import('vue').PropType<TabItem[] | null>;
     collapse: BooleanConstructor;
     compact: BooleanConstructor;
-    maximized: BooleanConstructor;
+    maximized: import('vue').PropType<Maximized>;
     tabBar: {
-        type: import('vue').PropType<boolean | "header">;
+        type: import('vue').PropType<TabBar>;
         default: boolean;
     };
     breadcrumb: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
-    breadcrumbSeparator: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
-        default: string;
-    };
     backTop: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<boolean | EleBacktopProps>;
         default: boolean;
     };
-    backTopVisibilityHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    backTopRight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    backTopBottom: {
-        type: NumberConstructor;
-        default: number;
-    };
-    backTopTarget: StringConstructor;
-    ellipsis: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    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;
-    };
-    layout: {
-        type: import('vue').PropType<import('./types').Layout>;
-        default: string;
-    };
-    sidebarLayout: {
-        type: import('vue').PropType<import('./types').SidebarLayout>;
-        default: string;
-    };
-    headerStyle: {
-        type: import('vue').PropType<import('./types').HeaderStyle>;
-        default: string;
-    };
+    layout: import('vue').PropType<Layout>;
+    sidebarLayout: import('vue').PropType<SidebarLayout>;
+    headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
     sidebarStyle: {
         type: import('vue').PropType<import('./types').SidebarStyle>;
-        default: string; /** 面包屑数据 */
-    }; /** 面包屑数据 */
+        default: string;
+    };
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
         default: string;
     };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 菜单数据 */
     };
-    fixedSidebar: BooleanConstructor;
-    fixedBody: BooleanConstructor;
-    fluid: {
-        type: BooleanConstructor; /** 顶栏菜单数据 */
+    fixedSidebar: {
+        type: BooleanConstructor;
         default: boolean;
     };
-    logoInHeader: BooleanConstructor;
-    /** 顶栏菜单选中 */
-    colorfulIcon: BooleanConstructor;
-    uniqueOpened: {
+    fixedBody: {
         type: BooleanConstructor;
         default: boolean;
     };
-    expanded: BooleanConstructor;
-    compressOnEsc: BooleanConstructor;
+    logoInHeader: BooleanConstructor; /** 侧栏菜单数据 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 侧栏菜单选中 */
     };
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
         default: string;
     };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 页签数据 */
+    compressOnEsc: BooleanConstructor;
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean; /** 面包屑导航数据 */
+    }; /** 面包屑导航数据 */
+    navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    /** 是否是移动端风格 */
+    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>; /** 主页地址 */
+    itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeClick: import('vue').PropType<import('./types').BeforeClick>;
+    keepAlive: BooleanConstructor; /** 当前路由是否隐藏双侧栏一级 */
+    transitionName: StringConstructor;
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     locale: StringConstructor;
     i18n: import('vue').PropType<import('./types').MenuI18n>;
-    sidebarOpeneds: import('vue').PropType<string[]>;
     tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
     tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
     tabSortable: BooleanConstructor;
-    autoScrollTop: {
-        type: BooleanConstructor;
-        /** 是否混合导航布局 */
-        default: boolean;
-    };
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     headerIconSlot: {
         type: StringConstructor;
-        default: string; /** 是否显示双侧栏一级 */
+        default: string;
     };
     sidebarTitleSlot: {
         type: StringConstructor;
@@ -119,7 +109,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarIconSlot: {
         type: StringConstructor;
         default: string;
-    }; /** 是否显示侧栏 */
+    };
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -128,192 +118,193 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    beforeClick: import('vue').PropType<import('./types').BeforeClick>;
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
-    menuTextEllipsisTooltip: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps> | undefined>;
-    keepAlive: BooleanConstructor;
-    transitionName: StringConstructor;
-    transitionDelay: {
-        type: NumberConstructor;
-        default: number;
+    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerMenuProps: import('vue').PropType<EleMenusProps>;
+    sidebarMenuProps: import('vue').PropType<EleMenusProps>;
+    sideboxMenuProps: import('vue').PropType<EleMenusProps>;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    responsive: {
+    ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps | undefined>;
+    menuTrigger: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown> | undefined>;
+    sidebarOpeneds: import('vue').PropType<string[]>;
+    uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
+    colorfulIcon: BooleanConstructor;
+    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    menuTextEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
+    expanded: BooleanConstructor;
+    breadcrumbSeparator: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbSeparator>;
+    backTopVisibilityHeight: NumberConstructor;
+    backTopRight: NumberConstructor;
+    backTopBottom: NumberConstructor;
+    backTopTarget: StringConstructor;
 }, {
-    contentRef: import('vue').Ref<HTMLElement | null>;
-    modalsRef: import('vue').Ref<HTMLElement | null>;
-    levelData: import('vue').ShallowRef<LevelItem[]>;
+    layoutRef: import('vue').Ref<EleAdminLayoutInstance>;
+    navActive: import('vue').Ref<string | undefined>;
+    sideActive: import('vue').Ref<string | undefined>;
+    boxActive: import('vue').Ref<string | undefined>;
     tabData: import('vue').ShallowRef<TabItem[]>;
-    tabActive: import('vue').Ref<string>;
-    headerData: import('vue').ShallowRef<MenuItem[]>;
-    headerActive: import('vue').Ref<string | undefined>;
-    sidebarData: import('vue').ShallowRef<MenuItem[]>;
-    sidebarActive: import('vue').Ref<string | undefined>;
-    sideboxData: import('vue').ShallowRef<MenuItem[]>;
-    sideboxActive: import('vue').Ref<string | undefined>;
-    hideFooter: import('vue').Ref<boolean>;
-    homeMenuPath: import('vue').Ref<string>;
+    tabActive: import('vue').Ref<string | undefined>;
+    levelData: import('vue').ShallowRef<LevelItem[]>;
+    mobile: import('vue').Ref<boolean>;
+    homeMenuPath: import('vue').Ref<string | undefined>;
     isHome: import('vue').Ref<boolean>;
-    sidebox: import('vue').ComputedRef<boolean>;
+    hideFooter: import('vue').Ref<boolean>;
+    layoutHeaders: import('vue').ComputedRef<MenuItemProps[]>;
+    layoutSidebars: import('vue').ComputedRef<MenuItemProps[]>;
+    layoutSideboxs: import('vue').ComputedRef<MenuItemProps[]>;
+    layoutTabs: import('vue').ComputedRef<TabPaneItem[]>;
+    layoutLevels: import('vue').ComputedRef<BreadcrumbItem[]>;
+    routeLayout: import('vue').ComputedRef<Layout>;
+    routeSideType: import('vue').ComputedRef<SidebarLayout>;
+    isBoxSide: import('vue').ComputedRef<boolean>;
+    routeTabBar: import('vue').ComputedRef<TabBar>;
+    routeMaximized: import('vue').ComputedRef<Maximized | undefined>;
     sidebar: import('vue').ComputedRef<boolean>;
-    layoutClass: import('vue').ComputedRef<ClassValues>;
-    backTopSelector: import('vue').ComputedRef<string>;
-    sidebarCollapse: import('vue').ComputedRef<boolean>;
-    sidebarTheme: import('vue').ComputedRef<"light" | "dark">;
-    updateCollapse: (val?: boolean | MouseEvent) => void;
-    onTabClick: (option: TabItemEventOption) => void;
-    onTabRemove: (option: TabItemEventOption) => void;
-    onTabContextMenu: (option: TabItemEventOption) => void;
-    onTabSortChange: (data: TabItem[]) => void;
-    onLogoClick: () => void;
-    onSideMenuOpen: (index: string, indexPath: string[]) => void;
-    onSideMenuClose: (index: string, indexPath: string[]) => void;
-    onHeadMenuOpen: (index: string, indexPath: string[]) => void;
-    onHeadMenuClose: (index: string, indexPath: string[]) => void;
-    onNavItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    onNavItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    onNavMouseEnter: () => void;
-    onNavMouseLeave: () => void;
-    onBoxItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    onBoxItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
-    onBoxMouseEnter: () => void;
-    onBoxMouseLeave: () => void;
-    onMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
-    onSideMouseEnter: () => void;
-    onSideMouseLeave: () => void;
+    breadcrumbProps: import('vue').ComputedRef<boolean | EleBreadcrumbProps>;
+    backTopProps: import('vue').ComputedRef<boolean | EleBacktopProps>;
+    navMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
+    sideMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
+    boxMenuProps: import('vue').ComputedRef<EleMenusProps | undefined>;
+    updateCollapse: (collapse: boolean) => void;
+    handleLogoClick: (e: MouseEvent) => void;
+    handleHeadMenuOpen: (index: string, indexPath: string[]) => void;
+    handleHeadMenuClose: (index: string, indexPath: string[]) => void;
+    handleHeadMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    handleHeadMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    handleHeadMouseenter: () => void;
+    handleHeadMouseleave: () => void;
+    handleBoxMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    handleBoxMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
+    handleBoxMouseEnter: () => void;
+    handleBoxMouseLeave: () => void;
+    handleSideMenuOpen: (index: string, indexPath: string[]) => void;
+    handleSideMenuClose: (index: string, indexPath: string[]) => void;
+    handleSideMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
+    handleSideMouseEnter: () => void;
+    handleSideMouseLeave: () => void;
+    handleTabClick: (option: TabEventOption) => void;
+    handleTabRemove: (key: string) => void;
+    handleTabContextMenu: (option: TabEventOption) => void;
+    handleTabSortChange: (data: TabPaneItem[]) => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:collapse': (_collapse: boolean) => boolean;
-    'update:maximized': (_val: boolean) => boolean;
+    'update:maximized': (_maximized: boolean) => boolean;
     tabAdd: (_data: TabItem) => boolean;
     tabClick: (_option: TabItemEventOption) => boolean;
     tabRemove: (_option: TabItemEventOption) => boolean;
     tabContextMenu: (_option: TabItemEventOption) => boolean;
     tabSortChange: (_data: TabItem[]) => boolean;
-    logoClick: (_isHome: boolean) => boolean;
-    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
-    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    logoClick: (_isHome: boolean, _e: MouseEvent) => boolean;
     headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
     headMenuClose: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
+    sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
     bodySizeChange: (_option: import('./types').BodySizeChangeOption) => boolean;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
     menus: import('vue').PropType<MenuItem[] | null>;
     tabs: import('vue').PropType<TabItem[] | null>;
     collapse: BooleanConstructor;
     compact: BooleanConstructor;
-    maximized: BooleanConstructor;
+    maximized: import('vue').PropType<Maximized>;
     tabBar: {
-        type: import('vue').PropType<boolean | "header">;
+        type: import('vue').PropType<TabBar>;
         default: boolean;
     };
     breadcrumb: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<boolean | EleBreadcrumbProps>;
         default: boolean;
     };
-    breadcrumbSeparator: {
-        type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined>;
-        default: string;
-    };
     backTop: {
-        type: BooleanConstructor;
+        type: import('vue').PropType<boolean | EleBacktopProps>;
         default: boolean;
     };
-    backTopVisibilityHeight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    backTopRight: {
-        type: NumberConstructor;
-        default: number;
-    };
-    backTopBottom: {
-        type: NumberConstructor;
-        default: number;
-    };
-    backTopTarget: StringConstructor;
-    ellipsis: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    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;
-    };
-    layout: {
-        type: import('vue').PropType<import('./types').Layout>;
-        default: string;
-    };
-    sidebarLayout: {
-        type: import('vue').PropType<import('./types').SidebarLayout>;
-        default: string;
-    };
-    headerStyle: {
-        type: import('vue').PropType<import('./types').HeaderStyle>;
-        default: string;
-    };
+    layout: import('vue').PropType<Layout>;
+    sidebarLayout: import('vue').PropType<SidebarLayout>;
+    headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
     sidebarStyle: {
         type: import('vue').PropType<import('./types').SidebarStyle>;
-        default: string; /** 面包屑数据 */
-    }; /** 面包屑数据 */
+        default: string;
+    };
     tabStyle: {
         type: import('vue').PropType<import('./types').TabStyle>;
         default: string;
     };
     fixedHeader: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 菜单数据 */
     };
-    fixedSidebar: BooleanConstructor;
-    fixedBody: BooleanConstructor;
-    fluid: {
-        type: BooleanConstructor; /** 顶栏菜单数据 */
+    fixedSidebar: {
+        type: BooleanConstructor;
         default: boolean;
     };
-    logoInHeader: BooleanConstructor;
-    /** 顶栏菜单选中 */
-    colorfulIcon: BooleanConstructor;
-    uniqueOpened: {
+    fixedBody: {
         type: BooleanConstructor;
         default: boolean;
     };
-    expanded: BooleanConstructor;
-    compressOnEsc: BooleanConstructor;
+    logoInHeader: BooleanConstructor; /** 侧栏菜单数据 */
     fixedHome: {
         type: BooleanConstructor;
-        default: boolean;
+        default: boolean; /** 侧栏菜单选中 */
     };
     homePath: StringConstructor;
     redirectPath: {
         type: StringConstructor;
         default: string;
     };
+    fluid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 页签数据 */
+    compressOnEsc: BooleanConstructor;
+    autoScrollTop: {
+        type: BooleanConstructor;
+        default: boolean; /** 面包屑导航数据 */
+    }; /** 面包屑导航数据 */
+    navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    /** 是否是移动端风格 */
+    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>; /** 主页地址 */
+    itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
+    menuHoverTimeout: {
+        type: NumberConstructor;
+        default: number;
+    };
+    beforeClick: import('vue').PropType<import('./types').BeforeClick>;
+    keepAlive: BooleanConstructor; /** 当前路由是否隐藏双侧栏一级 */
+    transitionName: StringConstructor;
+    transitionDelay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     locale: StringConstructor;
     i18n: import('vue').PropType<import('./types').MenuI18n>;
-    sidebarOpeneds: import('vue').PropType<string[]>;
     tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
     tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
     tabSortable: BooleanConstructor;
-    autoScrollTop: {
-        type: BooleanConstructor;
-        /** 是否混合导航布局 */
-        default: boolean;
-    };
     headerTitleSlot: {
         type: StringConstructor;
         default: string;
     };
     headerIconSlot: {
         type: StringConstructor;
-        default: string; /** 是否显示双侧栏一级 */
+        default: string;
     };
     sidebarTitleSlot: {
         type: StringConstructor;
@@ -322,7 +313,7 @@ declare const _default: import('vue').DefineComponent<{
     sidebarIconSlot: {
         type: StringConstructor;
         default: string;
-    }; /** 是否显示侧栏 */
+    };
     sideboxTitleSlot: {
         type: StringConstructor;
         default: string;
@@ -331,80 +322,80 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
-    navTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    boxTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    itemTrigger: import('vue').PropType<import('./types').MenuItemTrigger>;
-    beforeClick: import('vue').PropType<import('./types').BeforeClick>;
-    menuHoverTimeout: {
-        type: NumberConstructor;
-        default: number;
-    };
-    menuTextEllipsisTooltip: import('vue').PropType<boolean | Partial<import('../ele-tooltip/props').TooltipProps> | undefined>;
-    keepAlive: BooleanConstructor;
-    transitionName: StringConstructor;
-    transitionDelay: {
-        type: NumberConstructor;
-        default: number;
+    headerCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sidebarCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideboxCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    tabsCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    contentCustomStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerMenuProps: import('vue').PropType<EleMenusProps>;
+    sidebarMenuProps: import('vue').PropType<EleMenusProps>;
+    sideboxMenuProps: import('vue').PropType<EleMenusProps>;
+    ellipsis: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    responsive: {
+    ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps | undefined>;
+    menuTrigger: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown> | undefined>;
+    sidebarOpeneds: import('vue').PropType<string[]>;
+    uniqueOpened: {
         type: BooleanConstructor;
         default: boolean;
     };
+    colorfulIcon: BooleanConstructor;
+    tooltipEffect: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "light" | "dark", unknown> | undefined>;
+    menuTextEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip | undefined>;
+    expanded: BooleanConstructor;
+    breadcrumbSeparator: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbSeparator>;
+    backTopVisibilityHeight: NumberConstructor;
+    backTopRight: NumberConstructor;
+    backTopBottom: NumberConstructor;
+    backTopTarget: StringConstructor;
 }>> & {
     onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
     onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
     onTabAdd?: ((_data: TabItem) => any) | undefined;
-    "onUpdate:maximized"?: ((_val: boolean) => any) | undefined;
     onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
     onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
-    onLogoClick?: ((_isHome: boolean) => any) | undefined;
     "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
-    onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
-    onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onLogoClick?: ((_isHome: boolean, _e: MouseEvent) => any) | undefined;
     onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
     onHeadMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
+    "onUpdate:maximized"?: ((_maximized: boolean) => any) | undefined;
     onBodySizeChange?: ((_option: import('./types').BodySizeChangeOption) => any) | undefined;
 }, {
+    breadcrumb: boolean | EleBreadcrumbProps;
     uniqueOpened: boolean;
-    menuTrigger: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "hover" | "click", unknown> | undefined;
     collapse: boolean;
     ellipsis: boolean;
-    breadcrumb: boolean;
-    layout: import('./types').Layout;
+    height: string | number;
+    compact: boolean;
     transitionDelay: number;
     expanded: boolean;
-    compact: boolean;
-    maximized: boolean;
-    responsive: boolean;
-    headerStyle: import('./types').HeaderStyle;
-    keepAlive: boolean;
-    tabBar: boolean | "header";
-    breadcrumbSeparator: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>))[], unknown, unknown> | undefined;
-    backTop: boolean;
-    backTopVisibilityHeight: number;
-    backTopRight: number;
-    backTopBottom: number;
-    sidebarLayout: import('./types').SidebarLayout;
+    tabBar: TabBar;
+    backTop: boolean | EleBacktopProps;
     sidebarStyle: import('./types').SidebarStyle;
     tabStyle: import('./types').TabStyle;
     fixedHeader: boolean;
     fixedSidebar: boolean;
     fixedBody: boolean;
-    fluid: boolean;
     logoInHeader: boolean;
-    colorfulIcon: boolean;
-    compressOnEsc: boolean;
     fixedHome: boolean;
-    redirectPath: string;
     tabSortable: boolean;
-    autoScrollTop: boolean;
     headerTitleSlot: string;
     headerIconSlot: string;
     sidebarTitleSlot: string;
     sidebarIconSlot: string;
     sideboxTitleSlot: string;
     sideboxIconSlot: string;
+    keepAlive: boolean;
+    responsive: boolean;
+    redirectPath: string;
+    fluid: boolean;
+    compressOnEsc: boolean;
+    autoScrollTop: boolean;
     menuHoverTimeout: number;
+    colorfulIcon: boolean;
 }, {}>;
 export default _default;