yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
1,109 lines (1,107 loc) • 276 kB
TypeScript
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: {