yuang-framework-ui-pc
Version:
yuang-framework-ui-pc Library
646 lines (644 loc) • 180 kB
TypeScript
import { nextTick } from 'vue';
import { ElTreeV2Instance } from '../ele-app/el';
import { EleBasicSelectInstance } from '../ele-app/plus';
import { SelectValue, SingleValue, SelectedItem } from '../ele-basic-select/types';
import { DataItem } from './types';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
modelValue: {
type: import('vue').PropType<SelectValue>;
default: () => null;
};
multiple: BooleanConstructor;
disabled: BooleanConstructor;
size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
clearable: BooleanConstructor;
placeholder: StringConstructor;
cacheData: import('vue').PropType<import('../ele-app/el').ElTreeV2Props["data"]>;
treeProps: {
type: import('vue').PropType<import('../ele-app/el').ElTreeV2Props>;
required: boolean;
};
showCheckedStrategy: import('vue').PropType<import('./types').ShowCheckedStrategy>;
checkedValueStrategy: BooleanConstructor;
maxTagCount: NumberConstructor;
maxTagTextLength: NumberConstructor;
tagType: {
type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
default: string;
};
automaticDropdown: BooleanConstructor;
filterable: BooleanConstructor;
teleported: {
type: BooleanConstructor;
default: boolean;
};
persistent: {
type: BooleanConstructor;
default: boolean;
};
placement: {
type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
default: string;
};
transition: {
type: StringConstructor;
default: string;
};
popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
popperClass: StringConstructor;
popperWidth: (StringConstructor | NumberConstructor)[];
selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
}>, {
selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
treeRef: import('vue').Ref<ElTreeV2Instance, ElTreeV2Instance>;
selectVisible: import('vue').Ref<boolean, boolean>;
selectedItems: import('vue').Ref<{
label: string;
value: SingleValue;
hide?: boolean | undefined;
index?: number | undefined;
}[], SelectedItem[] | {
label: string;
value: SingleValue;
hide?: boolean | undefined;
index?: number | undefined;
}[]>;
selectedLabel: import('vue').ComputedRef<string>;
selectPopperClass: import('vue').ComputedRef<string>;
treeOptions: import('vue').ComputedRef<Required<import('element-plus/es/components/tree-v2/src/types').TreeOptionProps>>;
updatePopover: () => void;
treeFilter: (keywords: string, item: DataItem) => any;
updateVisible: (visible: boolean) => void;
handleSelectFilter: (keywords: string) => void;
handleSelectRemove: (item: SelectedItem) => void;
handleSelectClear: () => void;
handleSelectFocus: (e: FocusEvent) => void;
handleSelectBlur: (e: FocusEvent) => void;
handleTreeClick: (item: DataItem, _node: any, e: MouseEvent) => void;
handleTreeCheck: () => void;
handleTreeExpand: () => void;
handleTreeCollapse: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
'update:modelValue': (_value: SelectValue) => boolean;
change: (_value: SelectValue) => boolean;
visibleChange: (_visible: boolean) => boolean;
removeTag: (_value: SingleValue) => boolean;
clear: () => boolean;
focus: (_e: FocusEvent) => boolean;
blur: (_e: FocusEvent) => boolean;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
modelValue: {
type: import('vue').PropType<SelectValue>;
default: () => null;
};
multiple: BooleanConstructor;
disabled: BooleanConstructor;
size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
clearable: BooleanConstructor;
placeholder: StringConstructor;
cacheData: import('vue').PropType<import('../ele-app/el').ElTreeV2Props["data"]>;
treeProps: {
type: import('vue').PropType<import('../ele-app/el').ElTreeV2Props>;
required: boolean;
};
showCheckedStrategy: import('vue').PropType<import('./types').ShowCheckedStrategy>;
checkedValueStrategy: BooleanConstructor;
maxTagCount: NumberConstructor;
maxTagTextLength: NumberConstructor;
tagType: {
type: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
default: string;
};
automaticDropdown: BooleanConstructor;
filterable: BooleanConstructor;
teleported: {
type: BooleanConstructor;
default: boolean;
};
persistent: {
type: BooleanConstructor;
default: boolean;
};
placement: {
type: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
default: string;
};
transition: {
type: StringConstructor;
default: string;
};
popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
popperClass: StringConstructor;
popperWidth: (StringConstructor | NumberConstructor)[];
selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
}>> & Readonly<{
onFocus?: ((_e: FocusEvent) => any) | undefined;
onBlur?: ((_e: FocusEvent) => any) | undefined;
onClear?: (() => any) | undefined;
onChange?: ((_value: SelectValue) => any) | undefined;
onVisibleChange?: ((_visible: boolean) => any) | undefined;
"onUpdate:modelValue"?: ((_value: SelectValue) => any) | undefined;
onRemoveTag?: ((_value: SingleValue) => any) | undefined;
}>, {
modelValue: SelectValue;
placement: string | undefined;
teleported: boolean;
clearable: boolean;
disabled: boolean;
filterable: boolean;
tagType: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "success" | "warning" | "info" | "primary" | "danger", unknown> | undefined;
persistent: boolean;
transition: string;
multiple: boolean;
automaticDropdown: boolean;
checkedValueStrategy: boolean;
}, {}, {
ElTreeV2: import('element-plus/es/utils/index').SFCWithInstall<import('vue').DefineComponent<{
readonly data: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeData) | (() => import('element-plus/es/components/tree-v2/src/types').TreeData) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeData) | (() => import('element-plus/es/components/tree-v2/src/types').TreeData))[], unknown, unknown, () => [], boolean>;
readonly emptyText: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly height: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
readonly props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps) | (() => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps) | (() => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
readonly children: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.CHILDREN;
readonly label: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.LABEL;
readonly disabled: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.DISABLED;
readonly value: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.KEY;
}>, boolean>;
readonly highlightCurrent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultCheckedKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly checkStrictly: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultExpandedKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly indent: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
readonly itemSize: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
readonly icon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly expandOnClickNode: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly checkOnClickNode: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly currentNodeKey: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey & {}) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey & {}) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly accordion: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly filterMethod: {
readonly type: import('vue').PropType<import('element-plus/es/components/tree-v2/src/types').FilterMethod>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly perfMode: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
}, {
toggleCheckbox: (node: import('element-plus/es/components/tree-v2/src/types').TreeNode, isChecked: import('element-plus').CheckboxValueType, nodeClick?: boolean) => void;
getCurrentNode: () => import('element-plus/es/components/tree-v2/src/types').TreeNodeData | undefined;
getCurrentKey: () => import('element-plus/es/components/tree-v2/src/types').TreeKey | undefined;
setCurrentKey: (key: import('element-plus/es/components/tree-v2/src/types').TreeKey) => void;
getCheckedKeys: (leafOnly?: boolean) => import('element-plus/es/components/tree-v2/src/types').TreeKey[];
getCheckedNodes: (leafOnly?: boolean) => import('element-plus/es/components/tree-v2/src/types').TreeNodeData[];
getHalfCheckedKeys: () => import('element-plus/es/components/tree-v2/src/types').TreeKey[];
getHalfCheckedNodes: () => import('element-plus/es/components/tree-v2/src/types').TreeNodeData[];
setChecked: (key: import('element-plus/es/components/tree-v2/src/types').TreeKey, isChecked: boolean) => void;
setCheckedKeys: (keys: import('element-plus/es/components/tree-v2/src/types').TreeKey[]) => void;
filter: (query: string) => void;
setData: (data: import('element-plus/es/components/tree-v2/src/types').TreeData) => void;
getNode: (data: import('element-plus/es/components/tree-v2/src/types').TreeNodeData | import('element-plus/es/components/tree-v2/src/types').TreeKey) => import('element-plus/es/components/tree-v2/src/types').TreeNode | undefined;
expandNode: (node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => void;
collapseNode: (node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => void;
setExpandedKeys: (keys: import('element-plus/es/components/tree-v2/src/types').TreeKey[]) => void;
scrollToNode: (key: import('element-plus/es/components/tree-v2/src/types').TreeKey, strategy?: import('element-plus').Alignment) => void;
scrollTo: (offset: number) => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
check: (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, checkedInfo: import('element-plus/es/components/tree-v2/src/types').CheckedInfo) => void;
"current-change": (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => void;
"node-expand": (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => void;
"check-change": (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, checked: boolean) => void;
"node-click": (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode, e: MouseEvent) => void;
"node-contextmenu": (evt: Event, data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => void;
"node-collapse": (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => void;
"node-drop": (data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode, e: DragEvent) => void;
}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
readonly data: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeData) | (() => import('element-plus/es/components/tree-v2/src/types').TreeData) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeData) | (() => import('element-plus/es/components/tree-v2/src/types').TreeData))[], unknown, unknown, () => [], boolean>;
readonly emptyText: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly height: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 200, boolean>;
readonly props: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps) | (() => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps) | (() => import('element-plus/es/components/tree-v2/src/types').TreeOptionProps))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{
readonly children: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.CHILDREN;
readonly label: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.LABEL;
readonly disabled: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.DISABLED;
readonly value: import("element-plus/es/components/tree-v2/src/virtual-tree").TreeOptionsEnum.KEY;
}>, boolean>;
readonly highlightCurrent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly showCheckbox: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultCheckedKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly checkStrictly: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly defaultExpandedKeys: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey[]) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey[]))[], unknown, unknown, () => [], boolean>;
readonly indent: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
readonly itemSize: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
readonly icon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly expandOnClickNode: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly checkOnClickNode: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly currentNodeKey: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey & {}) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey) | ((new (...args: any[]) => import('element-plus/es/components/tree-v2/src/types').TreeKey & {}) | (() => import('element-plus/es/components/tree-v2/src/types').TreeKey))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly accordion: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
readonly filterMethod: {
readonly type: import('vue').PropType<import('element-plus/es/components/tree-v2/src/types').FilterMethod>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly perfMode: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
}>> & {
"onNode-expand"?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => any) | undefined;
onCheck?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, checkedInfo: import('element-plus/es/components/tree-v2/src/types').CheckedInfo) => any) | undefined;
"onCurrent-change"?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => any) | undefined;
"onCheck-change"?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, checked: boolean) => any) | undefined;
"onNode-click"?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode, e: MouseEvent) => any) | undefined;
"onNode-contextmenu"?: ((evt: Event, data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => any) | undefined;
"onNode-collapse"?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode) => any) | undefined;
"onNode-drop"?: ((data: import('element-plus/es/components/tree/src/tree.type').TreeNodeData, node: import('element-plus/es/components/tree-v2/src/types').TreeNode, e: DragEvent) => any) | undefined;
}, {
readonly data: import('element-plus/es/components/tree-v2/src/types').TreeData;
readonly height: number;
readonly props: import('element-plus/es/components/tree-v2/src/types').TreeOptionProps;
readonly checkStrictly: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly accordion: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly perfMode: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly itemSize: number;
readonly showCheckbox: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly defaultCheckedKeys: import('element-plus/es/components/tree-v2/src/types').TreeKey[];
readonly defaultExpandedKeys: import('element-plus/es/components/tree-v2/src/types').TreeKey[];
readonly expandOnClickNode: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly checkOnClickNode: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly highlightCurrent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly indent: number;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
EleBasicSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
value: {
type: import('vue').PropType<SelectValue>;
default: () => null;
};
multiple: BooleanConstructor;
disabled: BooleanConstructor;
size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
clearable: BooleanConstructor;
placeholder: StringConstructor;
selectedLabel: StringConstructor;
selected: import('vue').PropType<SelectedItem[]>;
maxTagCount: NumberConstructor;
maxTagTextLength: NumberConstructor;
tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
automaticDropdown: BooleanConstructor;
filterable: BooleanConstructor;
visible: BooleanConstructor;
teleported: BooleanConstructor;
persistent: BooleanConstructor;
placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
transition: {
type: StringConstructor;
default: string;
};
popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
popperClass: StringConstructor;
popperWidth: (StringConstructor | NumberConstructor)[];
selectClass: StringConstructor;
selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
}>, {
tooltipRef: import('vue').Ref<import('../ele-app/plus').EleTooltipInstance, import('../ele-app/plus').EleTooltipInstance>;
inputRef: import('vue').Ref<import('../ele-app/el').ElInputInstance, import('../ele-app/el').ElInputInstance>;
searchRef: import('vue').Ref<import('../ele-app/el').ElInputInstance, import('../ele-app/el').ElInputInstance>;
inputValue: import('vue').Ref<string, string>;
searchValue: import('vue').Ref<string, string>;
isEmpty: import('vue').ComputedRef<boolean>;
inputPlaceholder: import('vue').ComputedRef<string>;
isCollapse: import('vue').ComputedRef<boolean>;
currentTags: import('vue').ComputedRef<SelectedItem[]>;
omittedTags: import('vue').ComputedRef<SelectedItem[]>;
omittedSize: import('vue').ComputedRef<number>;
updatePopper: () => void;
focusSearchInput: (e?: MouseEvent) => void;
updateSearchValue: (modelValue: string) => void;
updateInputValue: (modelValue: string) => void;
updateVisible: (visible: boolean) => void;
handleTagClose: (item: SelectedItem) => void;
handleClear: () => void;
handleInputClick: (e: MouseEvent) => void;
handleInputFocus: (e: FocusEvent) => void;
handleInputBlur: (e: FocusEvent) => void;
handleInputEsc: (e: FocusEvent) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
'update:visible': (_visible: boolean) => boolean;
removeTag: (_item: SelectedItem) => boolean;
clear: () => boolean;
focus: (_e: FocusEvent) => boolean;
blur: (_e: FocusEvent) => boolean;
filterChange: (_value: string) => boolean;
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
value: {
type: import('vue').PropType<SelectValue>;
default: () => null;
};
multiple: BooleanConstructor;
disabled: BooleanConstructor;
size: import('vue').PropType<import('../ele-app/el').ElInputProps["size"]>;
clearable: BooleanConstructor;
placeholder: StringConstructor;
selectedLabel: StringConstructor;
selected: import('vue').PropType<SelectedItem[]>;
maxTagCount: NumberConstructor;
maxTagTextLength: NumberConstructor;
tagType: import('vue').PropType<import('../ele-app/el').ElTagProps["type"]>;
automaticDropdown: BooleanConstructor;
filterable: BooleanConstructor;
visible: BooleanConstructor;
teleported: BooleanConstructor;
persistent: BooleanConstructor;
placement: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["placement"]>;
transition: {
type: StringConstructor;
default: string;
};
popperOptions: import('vue').PropType<import('../ele-app/plus').EleTooltipProps["popperOptions"]>;
popperClass: StringConstructor;
popperWidth: (StringConstructor | NumberConstructor)[];
selectClass: StringConstructor;
selectStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
inputStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
selectTagsStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
}>> & Readonly<{
onFocus?: ((_e: FocusEvent) => any) | undefined;
onBlur?: ((_e: FocusEvent) => any) | undefined;
onClear?: (() => any) | undefined;
"onUpdate:visible"?: ((_visible: boolean) => any) | undefined;
onRemoveTag?: ((_item: SelectedItem) => any) | undefined;
onFilterChange?: ((_value: string) => any) | undefined;
}>, {
teleported: boolean;
clearable: boolean;
disabled: boolean;
value: SelectValue;
filterable: boolean;
persistent: boolean;
visible: boolean;
transition: string;
multiple: boolean;
automaticDropdown: boolean;
}, {}, {
ElInput: import('element-plus/es/utils/index').SFCWithInstall<{
new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
readonly ariaLabel: StringConstructor;
readonly id: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
readonly maxlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly minlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly type: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly autosize: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').InputAutoSize & {}) | (() => import('element-plus').InputAutoSize) | ((new (...args: any[]) => import('element-plus').InputAutoSize & {}) | (() => import('element-plus').InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly parser: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly placeholder: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly form: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly readonly: BooleanConstructor;
readonly clearable: BooleanConstructor;
readonly showPassword: BooleanConstructor;
readonly showWordLimit: BooleanConstructor;
readonly suffixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly containerRole: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue) | ((new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{}>, boolean>;
readonly autofocus: BooleanConstructor;
readonly rows: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
}>> & {
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onInput?: ((value: string) => any) | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined;
onClear?: (() => any) | undefined;
}, {
input: import('vue').ShallowRef<HTMLInputElement | undefined>;
textarea: import('vue').ShallowRef<HTMLTextAreaElement | undefined>;
ref: import('vue').ComputedRef<HTMLInputElement | HTMLTextAreaElement | undefined>;
textareaStyle: import('vue').ComputedRef<import('vue').StyleValue>;
autosize: import('vue').Ref<import('element-plus').InputAutoSize>;
isComposing: import('vue').Ref<boolean>;
focus: () => Promise<void>;
blur: () => void | undefined;
select: () => void;
clear: () => void;
resizeTextarea: () => void;
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
input: (value: string) => void;
clear: () => void;
"update:modelValue": (value: string) => void;
change: (value: string) => void;
blur: (evt: FocusEvent) => void;
compositionend: (evt: CompositionEvent) => void;
compositionstart: (evt: CompositionEvent) => void;
compositionupdate: (evt: CompositionEvent) => void;
focus: (evt: FocusEvent) => void;
keydown: (evt: Event | KeyboardEvent) => void;
mouseenter: (evt: MouseEvent) => void;
mouseleave: (evt: MouseEvent) => void;
}, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {
readonly disabled: boolean;
readonly id: string;
readonly type: string;
readonly modelValue: import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown>;
readonly tabindex: import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
readonly autosize: import('element-plus').InputAutoSize;
readonly autocomplete: string;
readonly containerRole: string;
readonly validateEvent: import('element-plus/es/utils/index').EpPropMergeType<BooleanConstructor, unknown, unknown>;
readonly inputStyle: import('vue').StyleValue;
readonly rows: number;
readonly readonly: boolean;
readonly clearable: boolean;
readonly showPassword: boolean;
readonly showWordLimit: boolean;
readonly autofocus: boolean;
}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<import('vue').ExtractPropTypes<{
readonly ariaLabel: StringConstructor;
readonly id: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly size: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly disabled: BooleanConstructor;
readonly modelValue: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
readonly maxlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly minlength: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly type: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
readonly resize: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly autosize: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('element-plus').InputAutoSize & {}) | (() => import('element-plus').InputAutoSize) | ((new (...args: any[]) => import('element-plus').InputAutoSize & {}) | (() => import('element-plus').InputAutoSize))[], unknown, unknown, false, boolean>;
readonly autocomplete: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, "off", boolean>;
readonly formatter: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly parser: {
readonly type: import('vue').PropType<Function>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly placeholder: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly form: {
readonly type: import('vue').PropType<string>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly readonly: BooleanConstructor;
readonly clearable: BooleanConstructor;
readonly showPassword: BooleanConstructor;
readonly showWordLimit: BooleanConstructor;
readonly suffixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly prefixIcon: {
readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
readonly required: false;
readonly validator: ((val: unknown) => boolean) | undefined;
__epPropKey: true;
};
readonly containerRole: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
readonly tabindex: import('element-plus/es/utils/index').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
readonly validateEvent: import('element-plus/es/utils/index').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
readonly inputStyle: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue) | ((new (...args: any[]) => import('vue').StyleValue & {}) | (() => import('vue').StyleValue))[], unknown, unknown, () => import('element-plus/es/utils/typescript').Mutable<{}>, boolean>;
readonly autofocus: BooleanConstructor;
readonly rows: import('element-plus/es/utils/index').EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
}>> & {
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
onChange?: ((value: string) => any) | undefined;
onCompositionend?: ((evt: CompositionEvent) => any) | undefined;
onCompositionstart?: ((evt: CompositionEvent) => any) | undefined;
onCompositionupdate?: ((evt: CompositionEvent) => any) | undefined;
onFocus?: ((evt: FocusEvent) => any) | undefined;
onBlur?: ((evt: FocusEvent) => any) | undefined;
onInput?: ((value: string) => any) | undefined;
onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
onMouseenter?: ((evt: MouseEvent) => any) | undefined;
onMouseleave?: ((evt: MouseEvent) => any) | undefined;