UNPKG

yuang-framework-ui-pc

Version:

yuang-framework-ui-pc Library

1,180 lines (1,179 loc) 226 kB
import { Ref } from 'vue'; import { ElDropdownProps } from '../ele-app/el'; import { omit } from '../utils/core'; import { DropdownItem } from './types'; import { DropdownInstance } from './props'; declare const _default: 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>; type: { readonly type: import('vue').PropType<"" | "success" | "primary" | "warning" | "info" | "default" | "danger" | "text">; 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: () => {}; }; id: StringConstructor; 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: Ref<DropdownInstance, DropdownInstance>; dropdownProps: import('vue').ComputedRef<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>; type: { readonly type: import('vue').PropType<"" | "success" | "primary" | "warning" | "info" | "default" | "danger" | "text">; 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: () => {}; }; id: StringConstructor; 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<{ onClick?: ((_e: MouseEvent) => any) | undefined; onCommand?: ((_command: (string | number | Record<string, any>) | undefined) => any) | undefined; onChange?: ((_active: (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: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => string[]; }; readonly 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; }; readonly type: { readonly type: import('vue').PropType<"" | "success" | "primary" | "warning" | "info" | "default" | "danger" | "text">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placement: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "bottom"; }; readonly popperOptions: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; readonly id: StringConstructor; readonly size: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly splitButton: BooleanConstructor; readonly hideOnClick: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly loop: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; readonly hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; readonly tabindex: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 0; }; readonly maxHeight: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly popperClass: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly disabled: BooleanConstructor; readonly 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"; }; readonly buttonProps: { readonly type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly teleported: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; }>> & { onClick?: ((...args: any[]) => any) | undefined; "onVisible-change"?: ((...args: any[]) => any) | undefined; onCommand?: ((...args: any[]) => any) | undefined; }, { t: import('element-plus').Translator; ns: { namespace: import('vue').ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; scrollbar: Ref<null>; wrapStyle: import('vue').ComputedRef<import('vue').CSSProperties>; dropdownTriggerKls: import('vue').ComputedRef<string[]>; dropdownSize: import('vue').ComputedRef<"" | "small" | "default" | "large">; triggerId: import('vue').ComputedRef<string>; currentTabId: Ref<string | null>; handleCurrentTabIdChange: (id: string) => void; handlerMainButtonClick: (event: MouseEvent) => void; handleEntryFocus: (e: Event) => void; handleClose: () => void; handleOpen: () => void; handleBeforeShowTooltip: () => void; handleShowTooltip: (event?: Event) => void; handleBeforeHideTooltip: () => void; onFocusAfterTrapped: (e: Event) => void; popperRef: Ref<import('element-plus').TooltipInstance | undefined>; contentRef: Ref<HTMLElement | undefined>; triggeringElementRef: Ref<any>; referenceElementRef: Ref<any>; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "visible-change" | "command")[], import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, { readonly disabled: boolean; readonly maxHeight: string | number; readonly size: string; readonly placement: any; readonly effect: import('element-plus').PopperEffect; readonly trigger: import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]; readonly tabindex: string | number; readonly role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation"; readonly loop: boolean; readonly popperOptions: Partial<Options>; readonly popperClass: string; readonly triggerKeys: string[]; readonly teleported: boolean; readonly persistent: boolean; readonly hideOnClick: boolean; readonly showTimeout: number; readonly hideTimeout: number; readonly splitButton: boolean; }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, { P: {}; B: {}; D: {}; C: {}; M: {}; Defaults: {}; }, 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: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => string[]; }; readonly 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; }; readonly type: { readonly type: import('vue').PropType<"" | "success" | "primary" | "warning" | "info" | "default" | "danger" | "text">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placement: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "bottom"; }; readonly popperOptions: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; readonly id: StringConstructor; readonly size: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly splitButton: BooleanConstructor; readonly hideOnClick: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly loop: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; readonly hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; readonly tabindex: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 0; }; readonly maxHeight: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly popperClass: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly disabled: BooleanConstructor; readonly 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"; }; readonly buttonProps: { readonly type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly teleported: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; }>> & { onClick?: ((...args: any[]) => any) | undefined; "onVisible-change"?: ((...args: any[]) => any) | undefined; onCommand?: ((...args: any[]) => any) | undefined; }, { t: import('element-plus').Translator; ns: { namespace: import('vue').ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; scrollbar: Ref<null>; wrapStyle: import('vue').ComputedRef<import('vue').CSSProperties>; dropdownTriggerKls: import('vue').ComputedRef<string[]>; dropdownSize: import('vue').ComputedRef<"" | "small" | "default" | "large">; triggerId: import('vue').ComputedRef<string>; currentTabId: Ref<string | null>; handleCurrentTabIdChange: (id: string) => void; handlerMainButtonClick: (event: MouseEvent) => void; handleEntryFocus: (e: Event) => void; handleClose: () => void; handleOpen: () => void; handleBeforeShowTooltip: () => void; handleShowTooltip: (event?: Event) => void; handleBeforeHideTooltip: () => void; onFocusAfterTrapped: (e: Event) => void; popperRef: Ref<import('element-plus').TooltipInstance | undefined>; contentRef: Ref<HTMLElement | undefined>; triggeringElementRef: Ref<any>; referenceElementRef: Ref<any>; }, {}, {}, {}, { readonly disabled: boolean; readonly maxHeight: string | number; readonly size: string; readonly placement: any; readonly effect: import('element-plus').PopperEffect; readonly trigger: import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]; readonly tabindex: string | number; readonly role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation"; readonly loop: boolean; readonly popperOptions: Partial<Options>; readonly popperClass: string; readonly triggerKeys: string[]; readonly teleported: boolean; readonly persistent: boolean; readonly hideOnClick: boolean; readonly showTimeout: number; readonly hideTimeout: number; readonly splitButton: boolean; }>; __isFragment?: never; __isTeleport?: never; __isSuspense?: never; } & import('vue').ComponentOptionsBase<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: { readonly type: import('vue').PropType<string[]>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => string[]; }; readonly 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; }; readonly type: { readonly type: import('vue').PropType<"" | "success" | "primary" | "warning" | "info" | "default" | "danger" | "text">; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly placement: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: "bottom"; }; readonly popperOptions: { readonly type: import('vue').PropType<any>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; readonly id: StringConstructor; readonly size: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly splitButton: BooleanConstructor; readonly hideOnClick: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly loop: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly showTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; readonly hideTimeout: { readonly type: import('vue').PropType<number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 150; }; readonly tabindex: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: 0; }; readonly maxHeight: { readonly type: import('vue').PropType<string | number>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly popperClass: { readonly type: import('vue').PropType<string>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: ""; }; readonly disabled: BooleanConstructor; readonly 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"; }; readonly buttonProps: { readonly type: import('vue').PropType<Partial<import('element-plus').ButtonProps>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; readonly teleported: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; readonly persistent: { readonly type: import('vue').PropType<boolean>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: true; }; }>> & { onClick?: ((...args: any[]) => any) | undefined; "onVisible-change"?: ((...args: any[]) => any) | undefined; onCommand?: ((...args: any[]) => any) | undefined; }, { t: import('element-plus').Translator; ns: { namespace: import('vue').ComputedRef<string>; b: (blockSuffix?: string) => string; e: (element?: string) => string; m: (modifier?: string) => string; be: (blockSuffix?: string, element?: string) => string; em: (element?: string, modifier?: string) => string; bm: (blockSuffix?: string, modifier?: string) => string; bem: (blockSuffix?: string, element?: string, modifier?: string) => string; is: { (name: string, state: boolean | undefined): string; (name: string): string; }; cssVar: (object: Record<string, string>) => Record<string, string>; cssVarName: (name: string) => string; cssVarBlock: (object: Record<string, string>) => Record<string, string>; cssVarBlockName: (name: string) => string; }; scrollbar: Ref<null>; wrapStyle: import('vue').ComputedRef<import('vue').CSSProperties>; dropdownTriggerKls: import('vue').ComputedRef<string[]>; dropdownSize: import('vue').ComputedRef<"" | "small" | "default" | "large">; triggerId: import('vue').ComputedRef<string>; currentTabId: Ref<string | null>; handleCurrentTabIdChange: (id: string) => void; handlerMainButtonClick: (event: MouseEvent) => void; handleEntryFocus: (e: Event) => void; handleClose: () => void; handleOpen: () => void; handleBeforeShowTooltip: () => void; handleShowTooltip: (event?: Event) => void; handleBeforeHideTooltip: () => void; onFocusAfterTrapped: (e: Event) => void; popperRef: Ref<import('element-plus').TooltipInstance | undefined>; contentRef: Ref<HTMLElement | undefined>; triggeringElementRef: Ref<any>; referenceElementRef: Ref<any>; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "visible-change" | "command")[], "click" | "visible-change" | "command", { readonly disabled: boolean; readonly maxHeight: string | number; readonly size: string; readonly placement: any; readonly effect: import('element-plus').PopperEffect; readonly trigger: import('element-plus').TooltipTriggerType | import('element-plus').TooltipTriggerType[]; readonly tabindex: string | number; readonly role: "dialog" | "menu" | "grid" | "listbox" | "tooltip" | "tree" | "group" | "navigation"; readonly loop: boolean; readonly popperOptions: Partial<Options>; readonly popperClass: string; readonly triggerKeys: string[]; readonly teleported: boolean; readonly persistent: boolean; readonly hideOnClick: boolean; readonly showTimeout: number; readonly hideTimeout: number; readonly splitButton: boolean; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin) & { DropdownItem: import('vue').DefineComponent<{ readonly command: { readonly type: import('vue').PropType<string | number | Record<string, any>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; readonly disabled: BooleanConstructor; readonly divided: BooleanConstructor; readonly textValue: StringConstructor; readonly icon: { readonly type: import('vue').PropType<string | import('vue').Component>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }, { handleClick: (event: PointerEvent) => void; handlePointerMove: (event: PointerEvent) => void; handlePointerLeave: (event: PointerEvent) => void; textContent: import('vue').ComputedRef<string>; propsAndAttrs: import('vue').ComputedRef<{ disabled: boolean; icon: (string | import('vue').Component) | undefined; onClick: ((...args: any[]) => any) | undefined; onPointermove: ((...args: any[]) => any) | undefined; onPointerleave: ((...args: any[]) => any) | undefined; command: string | number | Record<string, any>; divided: boolean; textValue: string | undefined; }>; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("click" | "pointerleave" | "pointermove")[], "click" | "pointerleave" | "pointermove", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{ readonly command: { readonly type: import('vue').PropType<string | number | Record<string, any>>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; } & { readonly default: () => {}; }; readonly disabled: BooleanConstructor; readonly divided: BooleanConstructor; readonly textValue: StringConstructor; readonly icon: { readonly type: import('vue').PropType<string | import('vue').Component>; readonly required: false; readonly validator: ((val: unknown) => boolean) | undefined; __epPropKey: true; }; }>> & { onClick?: ((...args: any[]) => any) | undefined; onPointermove?: ((...args: any[]) => any) | undefined; onPointerleave?: ((...args: any[]) => any) | undefined; }, { readonly disabled: boolean