yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
697 lines (696 loc) • 667 kB
TypeScript
import { nextTick } from 'vue';
import { EleMenusInstance } from '../ele-app/plus';
import { MenuItem } from '../ele-menus/types';
import { TabPaneItem, TabEventOption } from '../ele-tabs/types';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
height: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
headerMenus: import('vue').PropType<MenuItem[]>;
headerActive: StringConstructor;
sidebarMenus: import('vue').PropType<MenuItem[]>;
sidebarActive: StringConstructor;
sideboxMenus: import('vue').PropType<MenuItem[]>;
sideboxActive: StringConstructor;
tabs: import('vue').PropType<TabPaneItem[]>;
tabActive: StringConstructor;
levels: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbItem[]>;
collapse: BooleanConstructor;
compact: BooleanConstructor;
maximized: import('vue').PropType<import('./types').Maximized>;
tabBar: import('vue').PropType<import('./types').TabBar>;
breadcrumb: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
backTop: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
headerMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
sidebarMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
sideboxMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
layout: import('vue').PropType<import('./types').Layout>;
sidebarLayout: import('vue').PropType<import('./types').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<EleMenusInstance, EleMenusInstance>;
sideboxMenuRef: import('vue').ShallowRef<EleMenusInstance, 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: MenuItem, e: MouseEvent) => void;
handleHeadMenuItemMouseenter: (item: MenuItem, e: MouseEvent) => void;
handleHeadMenuItemMouseleave: (item: MenuItem, e: MouseEvent) => void;
handleHeadMouseenter: (e: MouseEvent) => void;
handleHeadMouseleave: (e: MouseEvent) => void;
handleBoxMenuItemClick: (item: MenuItem, e: MouseEvent) => void;
handleBoxMenuItemMouseenter: (item: MenuItem, e: MouseEvent) => void;
handleBoxMenuItemMouseleave: (item: MenuItem, 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: MenuItem, 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: MenuItem, _e: MouseEvent) => boolean;
headMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
headMenuItemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
headMouseenter: (_e: MouseEvent) => boolean;
headMouseleave: (_e: MouseEvent) => boolean;
boxMenuItemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
boxMenuItemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
boxMenuItemMouseleave: (_item: MenuItem, _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: MenuItem, _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<MenuItem[]>;
headerActive: StringConstructor;
sidebarMenus: import('vue').PropType<MenuItem[]>;
sidebarActive: StringConstructor;
sideboxMenus: import('vue').PropType<MenuItem[]>;
sideboxActive: StringConstructor;
tabs: import('vue').PropType<TabPaneItem[]>;
tabActive: StringConstructor;
levels: import('vue').PropType<import('../ele-breadcrumb/types').BreadcrumbItem[]>;
collapse: BooleanConstructor;
compact: BooleanConstructor;
maximized: import('vue').PropType<import('./types').Maximized>;
tabBar: import('vue').PropType<import('./types').TabBar>;
breadcrumb: import('vue').PropType<boolean | import('../ele-app/plus').EleBreadcrumbProps>;
backTop: import('vue').PropType<boolean | import('../ele-app/plus').EleBacktopProps>;
headerMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
sidebarMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
sideboxMenuProps: import('vue').PropType<import('../ele-app/plus').EleMenusProps>;
layout: import('vue').PropType<import('./types').Layout>;
sidebarLayout: import('vue').PropType<import('./types').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: MenuItem, _e: MouseEvent) => any) | undefined;
onHeadMenuItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onHeadMenuItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onHeadMouseenter?: ((_e: MouseEvent) => any) | undefined;
onHeadMouseleave?: ((_e: MouseEvent) => any) | undefined;
onBoxMenuItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onBoxMenuItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onBoxMenuItemMouseleave?: ((_item: MenuItem, _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: MenuItem, _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;
tabStyle: import('./types').TabStyle;
fixedHeader: boolean;
fixedSidebar: boolean;
fixedBody: boolean;
logoInHeader: boolean;
fixedHome: boolean;
isHome: boolean;
tabSortable: 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<MenuItem[]>;
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').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
getPopperClass: typeof import('../ele-menus/util').getPopperClass;
isWebkit: boolean;
menuRef: import('vue').Ref<import('../ele-app/el').ElMenuInstance, import('../ele-app/el').ElMenuInstance>;
ellipsisRef: import('vue').Ref<import('../ele-app/el').ElSubMenuInstance, import('../ele-app/el').ElSubMenuInstance>;
menuItems: import('vue').ShallowRef<MenuItem[] | undefined, MenuItem[] | undefined>;
moreMenuItems: import('vue').ShallowRef<MenuItem[] | undefined, MenuItem[] | undefined>;
tooltipVirtualRef: import('vue').Ref<any, any>;
tooltipContent: import('vue').Ref<string, string>;
tooltipVisible: import('vue').Ref<boolean, boolean>;
isCompact: import('vue').ComputedRef<boolean>;
collapseTooltipDisabled: import('vue').ComputedRef<boolean>;
menuProps: import('vue').ComputedRef<import('../ele-app/el').ElMenuProps>;
open: (index: string) => void;
close: (index: string) => void;
handleOpen: (index: string, indexPath: string[]) => void;
handleClose: (index: string, indexPath: string[]) => void;
handleSelect: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => void;
handleItemClick: import('../ele-menus/types').MenuItemEvent;
handleItemMouseenter: import('../ele-menus/types').MenuItemEvent;
handleItemMouseleave: import('../ele-menus/types').MenuItemEvent;
handleParentMouseenter: import('../ele-menus/types').MenuItemEvent;
handleParentMouseleave: import('../ele-menus/types').MenuItemEvent;
scrollToActive: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
itemClick: (_item: MenuItem, _e: MouseEvent) => boolean;
itemMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
itemMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
parentMouseenter: (_item: MenuItem, _e: MouseEvent) => boolean;
parentMouseleave: (_item: MenuItem, _e: MouseEvent) => boolean;
close: (index: string, indexPath: string[]) => boolean;
open: (index: string, indexPath: string[]) => boolean;
select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure>) => boolean;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
mode: import('vue').PropType<import('../ele-menus/types').MenuMode>;
items: {
type: import('vue').PropType<MenuItem[]>;
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>;
}>> & Readonly<{
onClose?: ((index: string, indexPath: string[]) => any) | undefined;
onSelect?: ((index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => any) | undefined;
onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
onItemClick?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onItemMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onItemMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onParentMouseenter?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
onParentMouseleave?: ((_item: MenuItem, _e: MouseEvent) => any) | undefined;
}>, {
showTimeout: number;
hideTimeout: number;
defaultActive: string;
defaultOpeneds: string[];
uniqueOpened: boolean;
router: boolean;
menuTrigger: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
collapse: boolean;
closeOnClickOutside: boolean;
collapseTransition: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
ellipsis: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
popperOffset: number;
ellipsisIcon: import('element-plus/es/utils/index').EpPropMergeType<(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>;
popperEffect: string;
popupTheme: import('../ele-menus/types').PopupMenuTheme;
colorful: boolean;
popupColorful: import('../ele-menus/types').PopupColorful;
tooltipDisabled: boolean;
}, {}, {
ElMenu: import('element-plus/es/utils/index').SFCWithInstall<import('vue').DefineComponent<{
readonly mode: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
readonly defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
readonly uniqueOpened: BooleanConstructor;
readonly router: BooleanConstructor;
readonly menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
readonly collapse: BooleanConstructor;
readonly backgroundColor: StringConstructor;
readonly textColor: StringConstructor;
readonly activeTextColor: StringConstructor;
readonly closeOnClickOutside: BooleanConstructor;
readonly collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
readonly 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>;
readonly popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>;
readonly popperClass: StringConstructor;
readonly showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
readonly hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
close: (index: string, indexPath: string[]) => boolean;
open: (index: string, indexPath: string[]) => boolean;
select: (index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => boolean;
}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
readonly mode: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
readonly defaultActive: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
readonly defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
readonly uniqueOpened: BooleanConstructor;
readonly router: BooleanConstructor;
readonly menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
readonly collapse: BooleanConstructor;
readonly backgroundColor: StringConstructor;
readonly textColor: StringConstructor;
readonly activeTextColor: StringConstructor;
readonly closeOnClickOutside: BooleanConstructor;
readonly collapseTransition: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly ellipsis: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly popperOffset: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
readonly 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>;
readonly popperEffect: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "dark", boolean>;
readonly popperClass: StringConstructor;
readonly showTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
readonly hideTimeout: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 300, boolean>;
}>> & {
onSelect?: ((index: string, indexPath: string[], item: import('element-plus').MenuItemClicked, routerResult?: Promise<void | import('vue-router').NavigationFailure> | undefined) => any) | undefined;
onClose?: ((index: string, indexPath: string[]) => any) | undefined;
onOpen?: ((index: string, indexPath: string[]) => any) | undefined;
}, {
readonly ellipsis: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly collapse: boolean;
readonly mode: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
readonly defaultActive: string;
readonly defaultOpeneds: string[];
readonly menuTrigger: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "click" | "hover", unknown>;
readonly collapseTransition: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly popperOffset: number;
readonly ellipsisIcon: import('element-plus/es/utils/index').EpPropMergeType<(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>;
readonly popperEffect: string;
readonly showTimeout: number;
readonly hideTimeout: number;
readonly uniqueOpened: boolean;
readonly router: boolean;
readonly closeOnClickOutside: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>> & {
MenuItem: import('vue').DefineComponent<{
readonly index: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string | null) | ((new (...args: any[]) => string & {}) | (() => string | null))[], unknown, unknown, null, boolean>;
readonly route: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('vue-router').RouteLocationRaw & {}) | (() => import('vue-router').RouteLocationRaw) | ((new (...args: any[]) => import('vue-router').RouteLocationRaw & {}) | (() => import('vue-router').RouteLocationRaw))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
}, {
parentMenu: import('vue').ComputedRef<import('vue').ComponentInternalInstance>;
rootMenu: import('element-plus').MenuProvider;
active: import('vue').ComputedRef<boolean>;
nsMenu: {
namespace: import('vue').ComputedRef<string>;
b: (blockSuffix?: string) => string;
e: (element?: string | undefined) => string;
m: (modifier?: string | undefined) => string;
be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
em: (element?: string | undefined, modifier?: string | undefined) => string;
bm: (blockSuffix?: string | unde