yuang-framework-ui-pc/lib/ele-pro-layout/index.d.ts

yuang-framework-ui-pc Library

import { EleAdminLayoutInstance, EleBreadcrumbProps, EleBacktopProps, EleMenusProps } from '../ele-app/plus';
import { isExternalLink } from '../utils/core';
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<import('vue').ExtractPropTypes<{
    height: {
        type: (StringConstructor | NumberConstructor)[];
        default: null;
    };
    menus: import('vue').PropType<MenuItem[] | null>;
    tabs: import('vue').PropType<TabItem[] | null>;
    collapse: BooleanConstructor;
    compact: BooleanConstructor;
    maximized: import('vue').PropType<Maximized>;
    tabBar: {
        type: import('vue').PropType<TabBar>;
        default: boolean;
    };
    breadcrumb: {
        type: import('vue').PropType<boolean | EleBreadcrumbProps>;
        default: boolean;
    };
    backTop: {
        type: import('vue').PropType<boolean | EleBacktopProps>;
        default: boolean;
    };
    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;
    };
    tabStyle: {
        type: import('vue').PropType<import('./types').TabStyle>;
        default: string;
    };
    fixedHeader: {
        type: BooleanConstructor;
        default: boolean;
    };
    fixedSidebar: {
        type: BooleanConstructor;
        default: boolean;
    };
    fixedBody: {
        type: BooleanConstructor;
        default: boolean;
    };
    logoInHeader: BooleanConstructor;
    fixedHome: {
        type: BooleanConstructor;
        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>;
    tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
    tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
    tabSortable: BooleanConstructor;
    headerTitleSlot: {
        type: StringConstructor;
        default: string;
    };
    headerIconSlot: {
        type: StringConstructor;
        default: string;
    };
    sidebarTitleSlot: {
        type: StringConstructor;
        default: string;
    };
    sidebarIconSlot: {
        type: StringConstructor;
        default: string;
    };
    sideboxTitleSlot: {
        type: StringConstructor;
        default: string;
    };
    sideboxIconSlot: {
        type: StringConstructor;
        default: string;
    };
    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    headerMenuProps: import('vue').PropType<EleMenusProps>;
    sidebarMenuProps: import('vue').PropType<EleMenusProps>;
    sideboxMenuProps: import('vue').PropType<EleMenusProps>;
    ellipsis: {
        type: BooleanConstructor;
        default: boolean;
    };
    ellipsisProps: import('vue').PropType<EleMenusProps["ellipsisProps"]>;
    menuTrigger: import('vue').PropType<EleMenusProps["menuTrigger"]>;
    sidebarOpeneds: import('vue').PropType<string[]>;
    uniqueOpened: {
        type: BooleanConstructor;
        default: boolean;
    };
    colorfulIcon: BooleanConstructor;
    tooltipEffect: import('vue').PropType<EleMenusProps["popperEffect"]>;
    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;
}>, {
    layoutRef: import('vue').Ref<EleAdminLayoutInstance, EleAdminLayoutInstance>;
    navActive: import('vue').Ref<string | undefined, string | undefined>;
    sideActive: import('vue').Ref<string | undefined, string | undefined>;
    boxActive: import('vue').Ref<string | undefined, string | undefined>;
    tabData: import('vue').ShallowRef<TabItem[], TabItem[]>;
    tabActive: import('vue').Ref<string | undefined, string | undefined>;
    levelData: import('vue').ShallowRef<LevelItem[], LevelItem[]>;
    mobile: import('vue').Ref<boolean, boolean>;
    homeMenuPath: import('vue').Ref<string | undefined, string | undefined>;
    isHome: import('vue').Ref<boolean, boolean>;
    hideFooter: import('vue').Ref<boolean, 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>;
    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;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
    'update:collapse': (_collapse: 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, _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: null;
    };
    menus: import('vue').PropType<MenuItem[] | null>;
    tabs: import('vue').PropType<TabItem[] | null>;
    collapse: BooleanConstructor;
    compact: BooleanConstructor;
    maximized: import('vue').PropType<Maximized>;
    tabBar: {
        type: import('vue').PropType<TabBar>;
        default: boolean;
    };
    breadcrumb: {
        type: import('vue').PropType<boolean | EleBreadcrumbProps>;
        default: boolean;
    };
    backTop: {
        type: import('vue').PropType<boolean | EleBacktopProps>;
        default: boolean;
    };
    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;
    };
    tabStyle: {
        type: import('vue').PropType<import('./types').TabStyle>;
        default: string;
    };
    fixedHeader: {
        type: BooleanConstructor;
        default: boolean;
    };
    fixedSidebar: {
        type: BooleanConstructor;
        default: boolean;
    };
    fixedBody: {
        type: BooleanConstructor;
        default: boolean;
    };
    logoInHeader: BooleanConstructor;
    fixedHome: {
        type: BooleanConstructor;
        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>;
    tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
    tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
    tabSortable: BooleanConstructor;
    headerTitleSlot: {
        type: StringConstructor;
        default: string;
    };
    headerIconSlot: {
        type: StringConstructor;
        default: string;
    };
    sidebarTitleSlot: {
        type: StringConstructor;
        default: string;
    };
    sidebarIconSlot: {
        type: StringConstructor;
        default: string;
    };
    sideboxTitleSlot: {
        type: StringConstructor;
        default: string;
    };
    sideboxIconSlot: {
        type: StringConstructor;
        default: string;
    };
    headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
    headerMenuProps: import('vue').PropType<EleMenusProps>;
    sidebarMenuProps: import('vue').PropType<EleMenusProps>;
    sideboxMenuProps: import('vue').PropType<EleMenusProps>;
    ellipsis: {
        type: BooleanConstructor;
        default: boolean;
    };
    ellipsisProps: import('vue').PropType<EleMenusProps["ellipsisProps"]>;
    menuTrigger: import('vue').PropType<EleMenusProps["menuTrigger"]>;
    sidebarOpeneds: import('vue').PropType<string[]>;
    uniqueOpened: {
        type: BooleanConstructor;
        default: boolean;
    };
    colorfulIcon: BooleanConstructor;
    tooltipEffect: import('vue').PropType<EleMenusProps["popperEffect"]>;
    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;
}>> & Readonly<{
    onTabContextMenu?: ((_option: TabItemEventOption) => any) | undefined;
    onTabSortChange?: ((_data: TabItem[]) => any) | undefined;
    onTabClick?: ((_option: TabItemEventOption) => any) | undefined;
    onTabRemove?: ((_option: TabItemEventOption) => any) | undefined;
    onTabAdd?: ((_data: TabItem) => any) | undefined;
    "onUpdate:collapse"?: ((_collapse: boolean) => 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;
}>, {
    height: string | number;
    uniqueOpened: boolean;
    collapse: boolean;
    ellipsis: boolean;
    compact: boolean;
    transitionDelay: number;
    expanded: boolean;
    fixedHome: boolean;
    tabSortable: boolean;
    tabStyle: import('./types').TabStyle;
    tabBar: TabBar;
    breadcrumb: boolean | EleBreadcrumbProps;
    backTop: boolean | EleBacktopProps;
    sidebarStyle: import('./types').SidebarStyle;
    fixedHeader: boolean;
    fixedSidebar: boolean;
    fixedBody: boolean;
    logoInHeader: boolean;
    headerTitleSlot: string;
    headerIconSlot: string;
    sidebarTitleSlot: string;
    sidebarIconSlot: string;
    sideboxTitleSlot: string;
    sideboxIconSlot: string;
    responsive: boolean;
    keepAlive: boolean;
    redirectPath: string;
    fluid: boolean;
    compressOnEsc: boolean;
    autoScrollTop: boolean;
    menuHoverTimeout: number;
    colorfulIcon: boolean;
}, {}, {
    EleAdminLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
        height: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        headerMenus: import('vue').PropType<MenuItemProps[]>;
        headerActive: StringConstructor;
        sidebarMenus: import('vue').PropType<MenuItemProps[]>;
        sidebarActive: StringConstructor;
        sideboxMenus: import('vue').PropType<MenuItemProps[]>;
        sideboxActive: StringConstructor;
        tabs: import('vue').PropType<TabPaneItem[]>;
        tabActive: StringConstructor;
        levels: import('vue').PropType<BreadcrumbItem[]>;
        collapse: BooleanConstructor;
        compact: BooleanConstructor;
        maximized: import('vue').PropType<Maximized>;
        tabBar: import('vue').PropType<TabBar>;
        breadcrumb: import('vue').PropType<boolean | EleBreadcrumbProps>;
        backTop: import('vue').PropType<boolean | EleBacktopProps>;
        headerMenuProps: import('vue').PropType<EleMenusProps>;
        sidebarMenuProps: import('vue').PropType<EleMenusProps>;
        sideboxMenuProps: import('vue').PropType<EleMenusProps>;
        layout: import('vue').PropType<Layout>;
        sidebarLayout: import('vue').PropType<SidebarLayout>;
        headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
        sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
        tabStyle: {
            type: import('vue').PropType<import('./types').TabStyle>;
            default: string;
        };
        fixedHeader: BooleanConstructor;
        fixedSidebar: BooleanConstructor;
        fixedBody: BooleanConstructor;
        logoInHeader: BooleanConstructor;
        fixedHome: BooleanConstructor;
        homePath: StringConstructor;
        isHome: BooleanConstructor;
        tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
        tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
        tabSortable: BooleanConstructor;
        headerTitleSlot: {
            type: StringConstructor;
            default: string;
        };
        headerIconSlot: {
            type: StringConstructor;
            default: string;
        };
        sidebarTitleSlot: {
            type: StringConstructor;
            default: string;
        };
        sidebarIconSlot: {
            type: StringConstructor;
            default: string;
        };
        sideboxTitleSlot: {
            type: StringConstructor;
            default: string;
        };
        sideboxIconSlot: {
            type: StringConstructor;
            default: string;
        };
        headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        logoSrc: StringConstructor;
        logoTitle: StringConstructor;
        menuScrollToActive: {
            type: BooleanConstructor;
            default: boolean;
        };
        mobile: BooleanConstructor;
    }>, {
        ownSlots: string[];
        tabSlots: string[];
        sidebarMenuRef: import('vue').ShallowRef<import('../ele-app/plus').EleMenusInstance, import('../ele-app/plus').EleMenusInstance>;
        sideboxMenuRef: import('vue').ShallowRef<import('../ele-app/plus').EleMenusInstance, import('../ele-app/plus').EleMenusInstance>;
        contentRef: import('vue').ShallowRef<HTMLElement | null, HTMLElement | null>;
        modalsRef: import('vue').ShallowRef<HTMLElement | null, HTMLElement | null>;
        isDisableTransition: import('vue').ShallowRef<boolean, boolean>;
        layoutHeight: import('vue').ComputedRef<string | undefined>;
        isFixedHeader: import('vue').ComputedRef<boolean>;
        isFixedSidebar: import('vue').ComputedRef<boolean>;
        isTopLayout: import('vue').ComputedRef<boolean>;
        isSideLayout: import('vue').ComputedRef<boolean>;
        isBoxSidebar: import('vue').ComputedRef<boolean>;
        isMixSidebar: import('vue').ComputedRef<boolean>;
        isMobile: import('vue').ComputedRef<boolean>;
        isHeaderLogo: import('vue').ComputedRef<boolean>;
        showHeaderMenus: import('vue').ComputedRef<boolean>;
        showHeaderTabs: import('vue').ComputedRef<boolean>;
        isDarkHeader: import('vue').ComputedRef<boolean>;
        isPrimaryHeader: import('vue').ComputedRef<boolean>;
        isButtonTab: import('vue').ComputedRef<boolean>;
        isDarkSidebar: import('vue').ComputedRef<boolean>;
        isDarkMixSidebar: import('vue').ComputedRef<boolean>;
        isGhostHeader: import('vue').ComputedRef<boolean>;
        isGhostSidebar: import('vue').ComputedRef<boolean>;
        isCollapseSidebar: import('vue').ComputedRef<boolean>;
        isCollapseMobile: import('vue').ComputedRef<boolean>;
        getContentEl: () => HTMLElement | null;
        getModalsEl: () => HTMLElement | null;
        updateCollapse: (value?: 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;
        handleHeadMenuItemMouseleave: (item: MenuItemProps, e: MouseEvent) => void;
        handleHeadMouseenter: (e: MouseEvent) => void;
        handleHeadMouseleave: (e: MouseEvent) => void;
        handleBoxMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
        handleBoxMenuItemMouseenter: (item: MenuItemProps, e: MouseEvent) => void;
        handleBoxMenuItemMouseleave: (item: MenuItemProps, e: MouseEvent) => void;
        handleBoxMouseEnter: (e: MouseEvent) => void;
        handleBoxMouseLeave: (e: MouseEvent) => void;
        handleSideMenuOpen: (index: string, indexPath: string[]) => void;
        handleSideMenuClose: (index: string, indexPath: string[]) => void;
        handleSideMenuItemClick: (item: MenuItemProps, e: MouseEvent) => void;
        handleSideMouseEnter: (e: MouseEvent) => void;
        handleSideMouseLeave: (e: MouseEvent) => void;
        handleTabClick: (option: TabEventOption) => void;
        handleTabRemove: (name: string) => void;
        handleTabContextMenu: (option: TabEventOption) => void;
        handleTabSortChange: (data: TabPaneItem[]) => void;
    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
        'update:collapse': (_collapse: boolean) => boolean;
        logoClick: (_e: MouseEvent) => boolean;
        headMenuOpen: (_index: string, _indexPath: string[]) => boolean;
        headMenuClose: (_index: string, _indexPath: string[]) => boolean;
        headMenuItemClick: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        headMenuItemMouseenter: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        headMenuItemMouseleave: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        headMouseenter: (_e: MouseEvent) => boolean;
        headMouseleave: (_e: MouseEvent) => boolean;
        boxMenuItemClick: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        boxMenuItemMouseenter: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        boxMenuItemMouseleave: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        boxMouseenter: (_e: MouseEvent) => boolean;
        boxMouseleave: (_e: MouseEvent) => boolean;
        sideMenuOpen: (_index: string, _indexPath: string[]) => boolean;
        sideMenuClose: (_index: string, _indexPath: string[]) => boolean;
        sideMenuItemClick: (_item: MenuItemProps, _e: MouseEvent) => boolean;
        sideMouseenter: (_e: MouseEvent) => boolean;
        sideMouseleave: (_e: MouseEvent) => boolean;
        tabClick: (_option: TabEventOption) => boolean;
        tabRemove: (_name: string) => boolean;
        tabContextMenu: (_option: TabEventOption) => boolean;
        tabSortChange: (_data: TabPaneItem[]) => boolean;
        contentMounted: (_contentEl: HTMLElement, _modalsEl: HTMLElement) => boolean;
    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
        height: {
            type: (StringConstructor | NumberConstructor)[];
            default: string;
        };
        headerMenus: import('vue').PropType<MenuItemProps[]>;
        headerActive: StringConstructor;
        sidebarMenus: import('vue').PropType<MenuItemProps[]>;
        sidebarActive: StringConstructor;
        sideboxMenus: import('vue').PropType<MenuItemProps[]>;
        sideboxActive: StringConstructor;
        tabs: import('vue').PropType<TabPaneItem[]>;
        tabActive: StringConstructor;
        levels: import('vue').PropType<BreadcrumbItem[]>;
        collapse: BooleanConstructor;
        compact: BooleanConstructor;
        maximized: import('vue').PropType<Maximized>;
        tabBar: import('vue').PropType<TabBar>;
        breadcrumb: import('vue').PropType<boolean | EleBreadcrumbProps>;
        backTop: import('vue').PropType<boolean | EleBacktopProps>;
        headerMenuProps: import('vue').PropType<EleMenusProps>;
        sidebarMenuProps: import('vue').PropType<EleMenusProps>;
        sideboxMenuProps: import('vue').PropType<EleMenusProps>;
        layout: import('vue').PropType<Layout>;
        sidebarLayout: import('vue').PropType<SidebarLayout>;
        headerStyle: import('vue').PropType<import('./types').HeaderStyle>;
        sidebarStyle: import('vue').PropType<import('./types').SidebarStyle>;
        tabStyle: {
            type: import('vue').PropType<import('./types').TabStyle>;
            default: string;
        };
        fixedHeader: BooleanConstructor;
        fixedSidebar: BooleanConstructor;
        fixedBody: BooleanConstructor;
        logoInHeader: BooleanConstructor;
        fixedHome: BooleanConstructor;
        homePath: StringConstructor;
        isHome: BooleanConstructor;
        tabContextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>;
        tabContextMenus: import('vue').PropType<import('../ele-tabs/types').ContextMenus>;
        tabSortable: BooleanConstructor;
        headerTitleSlot: {
            type: StringConstructor;
            default: string;
        };
        headerIconSlot: {
            type: StringConstructor;
            default: string;
        };
        sidebarTitleSlot: {
            type: StringConstructor;
            default: string;
        };
        sidebarIconSlot: {
            type: StringConstructor;
            default: string;
        };
        sideboxTitleSlot: {
            type: StringConstructor;
            default: string;
        };
        sideboxIconSlot: {
            type: StringConstructor;
            default: string;
        };
        headerCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sidebarCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sideboxCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        tabsCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        contentCustomStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        logoStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        logoTitleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        headerMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sidebarMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        sideboxMenusStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
        logoSrc: StringConstructor;
        logoTitle: StringConstructor;
        menuScrollToActive: {
            type: BooleanConstructor;
            default: boolean;
        };
        mobile: BooleanConstructor;
    }>> & Readonly<{
        onTabContextMenu?: ((_option: TabEventOption) => any) | undefined;
        onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined;
        onTabClick?: ((_option: TabEventOption) => any) | undefined;
        onTabRemove?: ((_name: string) => any) | undefined;
        "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
        onLogoClick?: ((_e: MouseEvent) => any) | undefined;
        onHeadMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
        onHeadMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
        onHeadMenuItemClick?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onHeadMenuItemMouseenter?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onHeadMenuItemMouseleave?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onHeadMouseenter?: ((_e: MouseEvent) => any) | undefined;
        onHeadMouseleave?: ((_e: MouseEvent) => any) | undefined;
        onBoxMenuItemClick?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onBoxMenuItemMouseenter?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onBoxMenuItemMouseleave?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onBoxMouseenter?: ((_e: MouseEvent) => any) | undefined;
        onBoxMouseleave?: ((_e: MouseEvent) => any) | undefined;
        onSideMenuOpen?: ((_index: string, _indexPath: string[]) => any) | undefined;
        onSideMenuClose?: ((_index: string, _indexPath: string[]) => any) | undefined;
        onSideMenuItemClick?: ((_item: MenuItemProps, _e: MouseEvent) => any) | undefined;
        onSideMouseenter?: ((_e: MouseEvent) => any) | undefined;
        onSideMouseleave?: ((_e: MouseEvent) => any) | undefined;
        onContentMounted?: ((_contentEl: HTMLElement, _modalsEl: HTMLElement) => any) | undefined;
    }>, {
        height: string | number;
        collapse: boolean;
        compact: boolean;
        fixedHome: boolean;
        isHome: boolean;
        tabSortable: boolean;
        tabStyle: import('./types').TabStyle;
        fixedHeader: boolean;
        fixedSidebar: boolean;
        fixedBody: boolean;
        logoInHeader: boolean;
        headerTitleSlot: string;
        headerIconSlot: string;
        sidebarTitleSlot: string;
        sidebarIconSlot: string;
        sideboxTitleSlot: string;
        sideboxIconSlot: string;
        menuScrollToActive: boolean;
        mobile: boolean;
    }, {}, {
        ElScrollbar: {
            new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
                readonly ariaLabel: StringConstructor;
                readonly ariaOrientation: {
                    readonly type: import('vue').PropType<string>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                };
                readonly height: {
                    readonly type: import('vue').PropType<string | number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly maxHeight: {
                    readonly type: import('vue').PropType<string | number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly native: {
                    readonly type: import('vue').PropType<boolean>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: false;
                };
                readonly wrapStyle: {
                    readonly type: import('vue').PropType<import('vue').StyleValue>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly wrapClass: {
                    readonly type: import('vue').PropType<string | unknown[]>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly viewClass: {
                    readonly type: import('vue').PropType<string | unknown[]>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly viewStyle: {
                    readonly type: import('vue').PropType<string | Record<string, any> | unknown[]>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly noresize: BooleanConstructor;
                readonly tag: {
                    readonly type: import('vue').PropType<string>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "div";
                };
                readonly always: BooleanConstructor;
                readonly minSize: {
                    readonly type: import('vue').PropType<number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: 20;
                };
                readonly tabindex: {
                    readonly type: import('vue').PropType<string | number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: undefined;
                };
                readonly id: StringConstructor;
                readonly role: StringConstructor;
            }>> & {
                onScroll?: ((args_0: {
                    scrollTop: number;
                    scrollLeft: number;
                }) => any) | undefined;
                "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
            }, {
                wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
                update: () => void;
                scrollTo: {
                    (xCord: number, yCord?: number): void;
                    (options: ScrollToOptions): void;
                };
                setScrollTop: (value: number) => void;
                setScrollLeft: (value: number) => void;
                handleScroll: () => void;
            }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                scroll: (args_0: {
                    scrollTop: number;
                    scrollLeft: number;
                }) => void;
                "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
            }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
                readonly height: string | number;
                readonly maxHeight: string | number;
                readonly always: boolean;
                readonly tabindex: string | number;
                readonly minSize: number;
                readonly native: boolean;
                readonly wrapStyle: import('vue').StyleValue;
                readonly wrapClass: string | unknown[];
                readonly viewClass: string | unknown[];
                readonly viewStyle: string | Record<string, any> | unknown[];
                readonly tag: string;
                readonly noresize: boolean;
            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
                P: {};
                B: {};
                D: {};
                C: {};
                M: {};
                Defaults: {};
            }, Readonly<import('vue').ExtractPropTypes<{
                readonly ariaLabel: StringConstructor;
                readonly ariaOrientation: {
                    readonly type: import('vue').PropType<string>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                };
                readonly height: {
                    readonly type: import('vue').PropType<string | number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly maxHeight: {
                    readonly type: import('vue').PropType<string | number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly native: {
                    readonly type: import('vue').PropType<boolean>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: false;
                };
                readonly wrapStyle: {
                    readonly type: import('vue').PropType<import('vue').StyleValue>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly wrapClass: {
                    readonly type: import('vue').PropType<string | unknown[]>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly viewClass: {
                    readonly type: import('vue').PropType<string | unknown[]>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly viewStyle: {
                    readonly type: import('vue').PropType<string | Record<string, any> | unknown[]>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "";
                };
                readonly noresize: BooleanConstructor;
                readonly tag: {
                    readonly type: import('vue').PropType<string>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: "div";
                };
                readonly always: BooleanConstructor;
                readonly minSize: {
                    readonly type: import('vue').PropType<number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: 20;
                };
                readonly tabindex: {
                    readonly type: import('vue').PropType<string | number>;
                    readonly required: false;
                    readonly validator: ((val: unknown) => boolean) | undefined;
                    __epPropKey: true;
                } & {
                    readonly default: undefined;
                };
                readonly id: StringConstructor;
                readonly role: StringConstructor;
            }>> & {
                onScroll?: ((args_0: {
                    scrollTop: number;
                    scrollLeft: number;
                }) => any) | undefined;
                "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
            }, {
                wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
                update: () => void;
                scrollTo: {
                    (xCord: number, yCord?: number): void;
                    (options: ScrollToOptions): void;
                };
                setScrollTop: (value: number) => void;
                setScrollLeft: (value: number) => void;
                handleScroll: () => void;
            }, {}, {}, {}, {
                readonly height: string | number;
                readonly maxHeight: string | number;
                readonly always: boolean;
                readonly tabindex: string | number;
                readonly minSize: number;
                readonly native: boolean;
                readonly wrapStyle: import('vue').StyleValue;
                readonly wrapClass: string | unknown[];
                readonly viewClass: string | unknown[];
                readonly viewStyle: string | Record<string, any> | unknown[];
                readonly tag: string;
                readonly noresize: boolean;
            }>;
            __isFragment?: never;
            __isTeleport?: never;
            __isSuspense?: never;
        } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
            readonly ariaLabel: StringConstructor;
            readonly ariaOrientation: {
                readonly type: import('vue').PropType<string>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            };
            readonly height: {
                readonly type: import('vue').PropType<string | number>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "";
            };
            readonly maxHeight: {
                readonly type: import('vue').PropType<string | number>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "";
            };
            readonly native: {
                readonly type: import('vue').PropType<boolean>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: false;
            };
            readonly wrapStyle: {
                readonly type: import('vue').PropType<import('vue').StyleValue>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "";
            };
            readonly wrapClass: {
                readonly type: import('vue').PropType<string | unknown[]>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "";
            };
            readonly viewClass: {
                readonly type: import('vue').PropType<string | unknown[]>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "";
            };
            readonly viewStyle: {
                readonly type: import('vue').PropType<string | Record<string, any> | unknown[]>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "";
            };
            readonly noresize: BooleanConstructor;
            readonly tag: {
                readonly type: import('vue').PropType<string>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: "div";
            };
            readonly always: BooleanConstructor;
            readonly minSize: {
                readonly type: import('vue').PropType<number>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: 20;
            };
            readonly tabindex: {
                readonly type: import('vue').PropType<string | number>;
                readonly required: false;
                readonly validator: ((val: unknown) => boolean) | undefined;
                __epPropKey: true;
            } & {
                readonly default: undefined;
            };
            readonly id: StringConstructor;
            readonly role: StringConstructor;
        }>> & {
            onScroll?: ((args_0: {
                scrollTop: number;
                scrollLeft: number;
            }) => any) | undefined;
            "onEnd-reached"?: ((direction: import('element-plus').ScrollbarDirection) => any) | undefined;
        }, {
            wrapRef: import('vue').Ref<HTMLDivElement | undefined>;
            update: () => void;
            scrollTo: {
                (xCord: number, yCord?: number): void;
                (options: ScrollToOptions): void;
            };
            setScrollTop: (value: number) => void;
            setScrollLeft: (value: number) => void;
            handleScroll: () => void;
        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
            scroll: (args_0: {
                scrollTop: number;
                scrollLeft: number;
            }) => void;
            "end-reached": (direction: import('element-plus').ScrollbarDirection) => void;
        }, string, {
            readonly height: string | number;
            readonly maxHeight: string | number;
            readonly always: boolean;
            readonly tabindex: string | number;
            readonly minSize: number;
            readonly native: boolean;
            readonly wrapStyle: import('vue').StyleValue;
            readonly wrapClass: string | unknown[];
            readonly viewClass: string | unknown[];
            readonly viewStyle: string | Record<string, any> | unknown[];
            readonly tag: string;
            readonly noresize: boolean;
        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
            $slots: