yuang-framework-ui-pc

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: { 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: { default?(_: {}): any; }; }) & import('vue').Plugin; 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: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; defaultOpeneds: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => []; }; uniqueOpened: BooleanConstructor; router: BooleanConstructor; menuTrigger: { readonly type: import('vue').PropType<"click" | "hover">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "hover"; }; collapse: BooleanConstructor; backgroundColor: StringConstructor; textColor: StringConstructor; activeTextColor: StringConstructor; closeOnClickOutside: BooleanConstructor; collapseTransition: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; ellipsis: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; popperOffset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 6; }; ellipsisIcon: { readonly type: import('vue').PropType<string | import('vue').Component>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => any; }; popperEffect: { readonly type: import('vue').PropType<import('element-plus').PopperEffect>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "dark"; }; popperClass: StringConstructor; showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 300; }; hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 300; }; persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; }>, { 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: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; defaultOpeneds: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => []; }; uniqueOpened: BooleanConstructor; router: BooleanConstructor; menuTrigger: { readonly type: import('vue').PropType<"click" | "hover">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "hover"; }; collapse: BooleanConstructor; backgroundColor: StringConstructor; textColor: StringConstructor; activeTextColor: StringConstructor; closeOnClickOutside: BooleanConstructor; collapseTransition: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; ellipsis: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; popperOffset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 6; }; ellipsisIcon: { readonly type: import('vue').PropType<string | import('vue').Component>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => any; }; popperEffect: { readonly type: import('vue').PropType<import('element-plus').PopperEffect>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "dark"; }; popperClass: StringConstructor; showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 300; }; hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 300; }; persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; }>> & 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; }>, { persistent: boolean; showTimeout: number; hideTimeout: number; defaultActive: string; defaultOpeneds: string[]; uniqueOpened: boolean; router: boolean; menuTrigger: "click" | "hover"; collapse: boolean; closeOnClickOutside: boolean; collapseTransition: boolean; ellipsis: boolean; popperOffset: number; ellipsisIcon: string | import('vue').Component; popperEffect: import('element-plus').PopperEffect; popupTheme: import('../ele-menus/types').PopupMenuTheme; colorful: boolean; popupColorful: import('../ele-menus/types').PopupColorful; tooltipDisabled: boolean; }, {}, { ElMenu: ({ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ readonly mode: { readonly type: import('vue').PropType<"horizontal" | "vertical">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "vertical"; }; readonly defaultActive: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly defaultOpeneds: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => []; }; readonly uniqueOpened: BooleanConstructor; readonly router: BooleanConstructor; readonly menuTrigger: { readonly type: import('vue').PropType<"click" | "hover">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "hover"; }; readonly collapse: BooleanConstructor; readonly backgroundColor: StringConstructor; readonly textColor: StringConstructor; readonly activeTextColor: StringConstructor; readonly closeOnClickOutside: BooleanConstructor; readonly collapseTransition: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly ellipsis: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly popperOffset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 6; }; readonly ellipsisIcon: { readonly type: import('vue').PropType<string | import('vue').Component>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => any; }; readonly popperEffect: { readonly type: import('vue').PropType<import('element-plus').PopperEffect>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "dark"; }; readonly popperClass: StringConstructor; readonly showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 300; }; readonly hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 300; }; readonly persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; }>> & { 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; onClose?: ((index: string, indexPath: string[]) => any) | undefined; }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, { [key: string]: any; }>, unknown, {}, {}, import('vue').ComponentOpt