UNPKG

yuang-framework-ui-pc

Version:

yuang-framework-ui-pc Library

1,109 lines (1,107 loc) 276 kB
import { TabPaneName, TabsPaneContext } from 'element-plus'; import { omit } from '../utils/core'; import { ElTabsProps, ElTabsInstance } from '../ele-app/el'; import { EleDropdownInstance } from '../ele-app/plus'; import { DropdownItem } from '../ele-dropdown/types'; import { TabPaneItem, TabSize, TabType } from './types'; declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ items: { type: import('vue').PropType<TabPaneItem[]>; required: boolean; }; size: import('vue').PropType<TabSize>; type: import('vue').PropType<TabType>; center: BooleanConstructor; contextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>; contextMenus: import('vue').PropType<import('./types').ContextMenus>; sortable: BooleanConstructor; mousewheel: BooleanConstructor; handleClick: BooleanConstructor; flexTable: BooleanConstructor; closable: BooleanConstructor; addable: BooleanConstructor; modelValue: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; editable: BooleanConstructor; tabPosition: { readonly type: import('vue').PropType<"top" | "bottom" | "left" | "right">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "top"; }; beforeLeave: { readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => true; }; stretch: BooleanConstructor; }>, { omit: typeof omit; tabRef: import('vue').Ref<ElTabsInstance, ElTabsInstance>; isOnlyTab: import('vue').ComputedRef<boolean>; tabSize: import('vue').ComputedRef<TabSize | undefined>; tabType: import('vue').ComputedRef<TabType | undefined>; tabProps: import('vue').ComputedRef<Omit<ElTabsProps, "type">>; ctxMenuDropdownRef: import('vue').Ref<EleDropdownInstance, EleDropdownInstance>; ctxMenuDropdownItems: import('vue').ShallowRef<DropdownItem[], DropdownItem[]>; ctxMenuDropdownVirtualRef: import('vue').Ref<any, any>; updateModelValue: (name: TabPaneName) => void; handleContextmenu: (e: MouseEvent) => void; handleTabClick: (pane: TabsPaneContext, e: Event) => void; handleTabChange: (name: TabPaneName) => void; handleTabRemove: (name: TabPaneName) => void; handleTabAdd: () => void; handleEdit: (name: TabPaneName | undefined, action: "remove" | "add") => void; handleItemClick: (item: TabPaneItem | undefined, tabName: string | number | undefined, e: MouseEvent) => void; handleItemCtxMenuVisible: (visible: boolean) => void; handleItemCtxMenuClick: (command: string) => void; handleItemContextmenu: (item: TabPaneItem | undefined, tabName: string | number | undefined, e: MouseEvent) => void; hideAllDropdown: () => void; updateActiveBar: () => void; scrollTabs: (direction: "prev" | "next", done?: () => void) => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { tabItemClick: (_opt: import('./types').TabEventOption) => boolean; tabContextMenu: (_opt: import('./types').TabEventOption) => boolean; tabContextOpen: (_ref: EleDropdownInstance, _item?: TabPaneItem | null, _name?: string | number | null) => boolean; tabSortChange: (_data: TabPaneItem[]) => boolean; "update:modelValue": (name: TabPaneName) => name is string | number; tabClick: (pane: TabsPaneContext, ev: Event) => boolean; tabChange: (name: TabPaneName) => name is string | number; edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean; tabRemove: (name: TabPaneName) => name is string | number; tabAdd: () => boolean; }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ items: { type: import('vue').PropType<TabPaneItem[]>; required: boolean; }; size: import('vue').PropType<TabSize>; type: import('vue').PropType<TabType>; center: BooleanConstructor; contextMenu: import('vue').PropType<boolean | import('../ele-app/plus').EleDropdownProps>; contextMenus: import('vue').PropType<import('./types').ContextMenus>; sortable: BooleanConstructor; mousewheel: BooleanConstructor; handleClick: BooleanConstructor; flexTable: BooleanConstructor; closable: BooleanConstructor; addable: BooleanConstructor; modelValue: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; editable: BooleanConstructor; tabPosition: { readonly type: import('vue').PropType<"top" | "bottom" | "left" | "right">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "top"; }; beforeLeave: { readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => true; }; stretch: BooleanConstructor; }>> & Readonly<{ "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined; onTabItemClick?: ((_opt: import('./types').TabEventOption) => any) | undefined; onTabContextMenu?: ((_opt: import('./types').TabEventOption) => any) | undefined; onTabContextOpen?: ((_ref: EleDropdownInstance, _item?: TabPaneItem | null | undefined, _name?: string | number | null | undefined) => any) | undefined; onTabSortChange?: ((_data: TabPaneItem[]) => any) | undefined; onTabClick?: ((pane: { uid: number; slots: import('vue').Slots; props: { readonly label: string; readonly closable: boolean; readonly disabled: boolean; readonly lazy: boolean; readonly name?: (string | number) | undefined; }; paneName: string | number | undefined; active: boolean; index: string | undefined; isClosable: boolean; }, ev: Event) => any) | undefined; onTabChange?: ((name: TabPaneName) => any) | undefined; onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined; onTabRemove?: ((name: TabPaneName) => any) | undefined; onTabAdd?: (() => any) | undefined; }>, { mousewheel: boolean; closable: boolean; center: boolean; sortable: boolean; addable: boolean; editable: boolean; tabPosition: "top" | "bottom" | "left" | "right"; beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>; stretch: boolean; handleClick: boolean; flexTable: boolean; }, {}, { ElTabs: ({ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ readonly type: { readonly type: import('vue').PropType<"" | "card" | "border-card">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly closable: BooleanConstructor; readonly addable: BooleanConstructor; readonly modelValue: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly editable: BooleanConstructor; readonly tabPosition: { readonly type: import('vue').PropType<"top" | "bottom" | "left" | "right">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "top"; }; readonly beforeLeave: { readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => true; }; readonly stretch: BooleanConstructor; }>> & { "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined; onTabClick?: ((pane: { uid: number; slots: import('vue').Slots; props: { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; readonly name?: (string | number) | undefined; }; paneName: string | number | undefined; active: boolean; index: string | undefined; isClosable: boolean; }, ev: Event) => any) | undefined; onTabRemove?: ((name: TabPaneName) => any) | undefined; onTabChange?: ((name: TabPaneName) => any) | undefined; onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined; onTabAdd?: (() => any) | undefined; }, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:modelValue": (name: TabPaneName) => name is string | number; tabClick: (pane: TabsPaneContext, ev: Event) => boolean; tabChange: (name: TabPaneName) => name is string | number; edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean; tabRemove: (name: TabPaneName) => name is string | number; tabAdd: () => boolean; }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, { readonly stretch: boolean; readonly type: "" | "card" | "border-card"; readonly closable: boolean; readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>; readonly editable: boolean; readonly tabPosition: "top" | "bottom" | "left" | "right"; readonly addable: boolean; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ readonly type: { readonly type: import('vue').PropType<"" | "card" | "border-card">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly closable: BooleanConstructor; readonly addable: BooleanConstructor; readonly modelValue: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly editable: BooleanConstructor; readonly tabPosition: { readonly type: import('vue').PropType<"top" | "bottom" | "left" | "right">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "top"; }; readonly beforeLeave: { readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => true; }; readonly stretch: BooleanConstructor; }>> & { "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined; onTabClick?: ((pane: { uid: number; slots: import('vue').Slots; props: { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; readonly name?: (string | number) | undefined; }; paneName: string | number | undefined; active: boolean; index: string | undefined; isClosable: boolean; }, ev: Event) => any) | undefined; onTabRemove?: ((name: TabPaneName) => any) | undefined; onTabChange?: ((name: TabPaneName) => any) | undefined; onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined; onTabAdd?: (() => any) | undefined; }, () => JSX.Element, {}, {}, {}, { readonly stretch: boolean; readonly type: "" | "card" | "border-card"; readonly closable: boolean; readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>; readonly editable: boolean; readonly tabPosition: "top" | "bottom" | "left" | "right"; readonly addable: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ readonly type: { readonly type: import('vue').PropType<"" | "card" | "border-card">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly closable: BooleanConstructor; readonly addable: BooleanConstructor; readonly modelValue: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly editable: BooleanConstructor; readonly tabPosition: { readonly type: import('vue').PropType<"top" | "bottom" | "left" | "right">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "top"; }; readonly beforeLeave: { readonly type: import('vue').PropType<(newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => true; }; readonly stretch: BooleanConstructor; }>> & { "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined; onTabClick?: ((pane: { uid: number; slots: import('vue').Slots; props: { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; readonly name?: (string | number) | undefined; }; paneName: string | number | undefined; active: boolean; index: string | undefined; isClosable: boolean; }, ev: Event) => any) | undefined; onTabRemove?: ((name: TabPaneName) => any) | undefined; onTabChange?: ((name: TabPaneName) => any) | undefined; onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined; onTabAdd?: (() => any) | undefined; }, () => JSX.Element, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { "update:modelValue": (name: TabPaneName) => name is string | number; tabClick: (pane: TabsPaneContext, ev: Event) => boolean; tabChange: (name: TabPaneName) => name is string | number; edit: (paneName: TabPaneName | undefined, action: "remove" | "add") => boolean; tabRemove: (name: TabPaneName) => name is string | number; tabAdd: () => boolean; }, string, { readonly stretch: boolean; readonly type: "" | "card" | "border-card"; readonly closable: boolean; readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => boolean | void | Promise<boolean | void>; readonly editable: boolean; readonly tabPosition: "top" | "bottom" | "left" | "right"; readonly addable: boolean; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin) & { TabPane: { new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ readonly label: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly name: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly closable: BooleanConstructor; readonly disabled: BooleanConstructor; readonly lazy: BooleanConstructor; }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ readonly label: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly name: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly closable: BooleanConstructor; readonly disabled: BooleanConstructor; readonly lazy: BooleanConstructor; }>>, {}, {}, {}, {}, { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ readonly label: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly name: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly closable: BooleanConstructor; readonly disabled: BooleanConstructor; readonly lazy: BooleanConstructor; }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: 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; }; }); }; ElTabPane: { new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ readonly label: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly name: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly closable: BooleanConstructor; readonly disabled: BooleanConstructor; readonly lazy: BooleanConstructor; }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ readonly label: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly name: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly closable: BooleanConstructor; readonly disabled: BooleanConstructor; readonly lazy: BooleanConstructor; }>>, {}, {}, {}, {}, { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ readonly label: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly name: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly closable: BooleanConstructor; readonly disabled: BooleanConstructor; readonly lazy: BooleanConstructor; }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, { readonly label: string; readonly disabled: boolean; readonly closable: boolean; readonly lazy: 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; ElIcon: { new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ readonly size: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, Readonly<import('vue').ExtractPropTypes<{ readonly size: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, {}, {}, {}, {}, {}>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ readonly size: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly color: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {}, {}, 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; EleDropdown: import('vue').DefineComponent<import('vue').ExtractPropTypes<{ transition: { type: StringConstructor; default: string; }; items: import('vue').PropType<DropdownItem[]>; modelValue: import('vue').PropType<DropdownItem["command"]>; menuStyle: import('vue').PropType<import('../ele-app/types').StyleValue>; iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>; componentType: import('vue').PropType<"pro">; preventContextmenu: BooleanConstructor; splitButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>; caretButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>; id: StringConstructor; type: { readonly type: import('vue').PropType<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; effect: { readonly default: "light"; readonly type: import('vue').PropType<import('element-plus').PopperEffect>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __epPropKey: true; }; placement: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "bottom"; }; popperClass: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; teleported: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; disabled: BooleanConstructor; persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; triggerKeys: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => string[]; }; popperOptions: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; splitButton: BooleanConstructor; hideOnClick: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; loop: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; tabindex: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 0; }; maxHeight: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; role: { readonly type: import('vue').PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "menu"; }; buttonProps: { readonly type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; size: import('vue').PropType<import('../ele-app/el').ElButtonProps["size"]>; ariaLabel: StringConstructor; appendTo: { readonly type: import('vue').PropType<string | HTMLElement>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; offset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: undefined; }; bg: StringConstructor; zIndex: NumberConstructor; visible: { readonly type: import('vue').PropType<boolean | null>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: null; }; trigger: { readonly type: import('vue').PropType<import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "hover"; }; popperStyle: import('vue').PropType<import('../ele-app/types').StyleValue>; enterable: { readonly default: true; readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __epPropKey: true; }; showArrow: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; arrowOffset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 5; }; virtualRef: { readonly type: import('vue').PropType<import('element-plus').Measurable>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; virtualTriggering: BooleanConstructor; className: StringConstructor; gpuAcceleration: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; arrowBg: StringConstructor; }>, { omit: typeof omit; dropdownRef: import('vue').Ref<import('../ele-dropdown/props').DropdownInstance, import('../ele-dropdown/props').DropdownInstance>; dropdownProps: import('vue').ComputedRef<import('../ele-app/el').ElDropdownProps>; selected: import('vue').ComputedRef<DropdownItem | null | undefined>; handleMenuClick: (command: DropdownItem["command"]) => void; handleBtnClick: (e: MouseEvent) => void; handlePopVisibleChange: (visible: boolean) => void; handleOpen: () => void; handleClose: () => void; updatePopper: () => void; }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, { click: (_e: MouseEvent) => boolean; command: (_command: DropdownItem["command"]) => boolean; visibleChange: (_visible: boolean) => boolean; 'update:modelValue': (_value: DropdownItem["command"]) => boolean; change: (_active: DropdownItem["command"]) => boolean; "update:visible": (value: boolean) => boolean; "before-enter": () => boolean; "before-leave": () => boolean; "after-enter": () => boolean; "after-leave": () => boolean; }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{ transition: { type: StringConstructor; default: string; }; items: import('vue').PropType<DropdownItem[]>; modelValue: import('vue').PropType<DropdownItem["command"]>; menuStyle: import('vue').PropType<import('../ele-app/types').StyleValue>; iconProps: import('vue').PropType<import('../ele-app/el').ElIconProps>; componentType: import('vue').PropType<"pro">; preventContextmenu: BooleanConstructor; splitButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>; caretButtonProps: import('vue').PropType<import('../ele-app/el').ElButtonProps>; id: StringConstructor; type: { readonly type: import('vue').PropType<"" | "default" | "text" | "success" | "primary" | "warning" | "info" | "danger">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; effect: { readonly default: "light"; readonly type: import('vue').PropType<import('element-plus').PopperEffect>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __epPropKey: true; }; placement: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "bottom"; }; popperClass: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; teleported: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; disabled: BooleanConstructor; persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; triggerKeys: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => string[]; }; popperOptions: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; splitButton: BooleanConstructor; hideOnClick: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; loop: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; tabindex: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 0; }; maxHeight: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; role: { readonly type: import('vue').PropType<"dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "menu"; }; buttonProps: { readonly type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; size: import('vue').PropType<import('../ele-app/el').ElButtonProps["size"]>; ariaLabel: StringConstructor; appendTo: { readonly type: import('vue').PropType<string | HTMLElement>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; offset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: undefined; }; bg: StringConstructor; zIndex: NumberConstructor; visible: { readonly type: import('vue').PropType<boolean | null>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: null; }; trigger: { readonly type: import('vue').PropType<import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "hover"; }; popperStyle: import('vue').PropType<import('../ele-app/types').StyleValue>; enterable: { readonly default: true; readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; readonly __epPropKey: true; }; showArrow: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; arrowOffset: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 5; }; virtualRef: { readonly type: import('vue').PropType<import('element-plus').Measurable>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; virtualTriggering: BooleanConstructor; className: StringConstructor; gpuAcceleration: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; arrowBg: StringConstructor; }>> & Readonly<{ onChange?: ((_active: (string | number | Record<string, any>) | undefined) => any) | undefined; onClick?: ((_e: MouseEvent) => any) | undefined; onCommand?: ((_command: (string | number | Record<string, any>) | undefined) => any) | undefined; "onUpdate:visible"?: ((value: boolean) => any) | undefined; onVisibleChange?: ((_visible: boolean) => any) | undefined; "onUpdate:modelValue"?: ((_value: (string | number | Record<string, any>) | undefined) => any) | undefined; "onBefore-enter"?: (() => any) | undefined; "onBefore-leave"?: (() => any) | undefined; "onAfter-enter"?: (() => any) | undefined; "onAfter-leave"?: (() => any) | undefined; }>, { effect: import('element-plus').PopperEffect; placement: any; popperClass: string; teleported: boolean; disabled: boolean; offset: number; persistent: boolean; visible: boolean | null; trigger: import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]; triggerKeys: string[]; popperOptions: any; splitButton: boolean; hideOnClick: boolean; loop: boolean; showTimeout: number; hideTimeout: number; tabindex: string | number; maxHeight: string | number; role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation"; transition: string; enterable: boolean; showArrow: boolean; arrowOffset: number; virtualTriggering: boolean; gpuAcceleration: boolean; preventContextmenu: boolean; }, {}, { ElDropdown: ({ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{ readonly trigger: { readonly type: import('vue').PropType<import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "hover"; }; readonly triggerKeys: {