UNPKG

yuang-framework-ui-pc

Version:

yuang-framework-ui-pc Library

913 lines (912 loc) 717 kB
import { nextTick } from 'vue'; 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: import('element-plus/es/utils/index').SFCWithInstall<{ 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: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly maxHeight: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly native: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly wrapStyle: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue) | ((new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue))[], unknown, unknown, "", boolean>; readonly wrapClass: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewClass: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewStyle: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>; readonly noresize: BooleanConstructor; readonly tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>; readonly always: BooleanConstructor; readonly minSize: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>; readonly tabindex: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>; readonly id: StringConstructor; readonly role: StringConstructor; }>> & { onScroll?: ((args_0: { scrollTop: number; scrollLeft: number; }) => 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; }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, { readonly height: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly maxHeight: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly always: boolean; readonly tabindex: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly minSize: number; readonly native: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly wrapStyle: import('vue').StyleValue; readonly wrapClass: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewClass: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewStyle: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, 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: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly maxHeight: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly native: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly wrapStyle: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue) | ((new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue))[], unknown, unknown, "", boolean>; readonly wrapClass: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewClass: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewStyle: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>; readonly noresize: BooleanConstructor; readonly tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>; readonly always: BooleanConstructor; readonly minSize: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>; readonly tabindex: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>; readonly id: StringConstructor; readonly role: StringConstructor; }>> & { onScroll?: ((args_0: { scrollTop: number; scrollLeft: number; }) => 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: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly maxHeight: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly always: boolean; readonly tabindex: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly minSize: number; readonly native: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly wrapStyle: import('vue').StyleValue; readonly wrapClass: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewClass: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewStyle: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, 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: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly maxHeight: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>; readonly native: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>; readonly wrapStyle: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue) | ((new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue))[], unknown, unknown, "", boolean>; readonly wrapClass: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewClass: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor], unknown, unknown, "", boolean>; readonly viewStyle: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, unknown, "", boolean>; readonly noresize: BooleanConstructor; readonly tag: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "div", boolean>; readonly always: BooleanConstructor; readonly minSize: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 20, boolean>; readonly tabindex: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>; readonly id: StringConstructor; readonly role: StringConstructor; }>> & { onScroll?: ((args_0: { scrollTop: number; scrollLeft: number; }) => 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; }, string, { readonly height: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly maxHeight: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly always: boolean; readonly tabindex: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>; readonly minSize: number; readonly native: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>; readonly wrapStyle: import('vue').StyleValue; readonly wrapClass: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewClass: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor], unknown, unknown>; readonly viewStyle: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, ArrayConstructor, ObjectConstructor], unknown, 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: { default?(_: {}): any; }; })>; EleMenus: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ mode: import('vue').PropType<import('../ele-menus/types').MenuMode>; items: { type: import('vue').PropType<MenuItemProps[]>; required: boolean; }; theme: import('vue').PropType<import('../ele-menus/types').MenuTheme>; popupTheme: { type: import('vue').PropType<import('../ele-menus/types').PopupMenuTheme>; default: string; }; colorful: BooleanConstructor; popupColorful: { type: import('vue').PropType<import('../ele-menus/types').PopupColorful>; default: string; }; firstPopperClass: StringConstructor; tooltipDisabled: BooleanConstructor; ellipsisProps: import('vue').PropType<import('../ele-menus/types').EllipsisProps>; textEllipsisTooltip: import('vue').PropType<import('../ele-menus/types').TextEllipsisTooltip>; defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>; defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>; uniqueOpened: BooleanConstructor; router: BooleanConstructor; menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>; collapse: BooleanConstructor; backgroundColor: StringConstructor; textColor: StringConstructor; activeTextColor: StringConstructor; closeOnClickOutside: BooleanConstructor; collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>; popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>; ellipsisIcon: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown, () => any, boolean>; popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>; popperClass: StringConstructor; showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>; hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>; }>, { EllipsisOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOp