ant-design-vue
Version:
An enterprise-class UI design language and Vue-based implementation
724 lines (723 loc) • 28.6 kB
TypeScript
/**
* To match accessibility requirement, we always provide an input in the component.
* Other element will not set `tabindex` to avoid `onBlur` sequence problem.
* For focused select, we set `aria-live="polite"` to update the accessibility content.
*
* ref:
* - keyboard: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role#Keyboard_interactions
*/
import type { RenderNode, Mode, RenderDOMFunc, OnActiveValue } from './interface';
import type { GetLabeledValue, FilterOptions, FilterFunc, DefaultValueType, RawValueType, LabelValueType, Key, DisplayLabelValueType, FlattenOptionsType, SingleType, OnClear, SelectSource, CustomTagProps, DropdownRender } from './interface/generator';
import type { OptionListProps } from './OptionList';
import type { CSSProperties, PropType, VNodeChild } from 'vue';
import type { EventHandler } from '../_util/EventInterface';
export declare const BaseProps: () => {
prefixCls: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
id: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
class: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
style: import("vue-types").VueTypeValidableDef<any>;
options: import("vue-types").VueTypeValidableDef<unknown[]> & {
default: () => unknown[];
};
mode: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
value: import("vue-types").VueTypeValidableDef<any>;
defaultValue: import("vue-types").VueTypeValidableDef<any>;
labelInValue: import("vue-types").VueTypeValidableDef<boolean>;
inputValue: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
searchValue: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
optionFilterProp: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
/**
* In Select, `false` means do nothing.
* In TreeSelect, `false` will highlight match item.
* It's by design.
*/
filterOption: import("vue-types").VueTypeValidableDef<any>;
filterSort: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
showSearch: import("vue-types").VueTypeValidableDef<boolean>;
autoClearSearchValue: import("vue-types").VueTypeValidableDef<boolean>;
onSearch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onClear: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
allowClear: import("vue-types").VueTypeValidableDef<boolean>;
clearIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
showArrow: import("vue-types").VueTypeValidableDef<boolean>;
inputIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
removeIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
menuItemSelectedIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
open: import("vue-types").VueTypeValidableDef<boolean>;
defaultOpen: import("vue-types").VueTypeValidableDef<boolean>;
listHeight: import("vue-types").VueTypeValidableDef<number> & {
default: number;
};
listItemHeight: import("vue-types").VueTypeValidableDef<number> & {
default: number;
};
dropdownStyle: import("vue-types").VueTypeValidableDef<{
[key: string]: any;
}> & {
default: () => {
[key: string]: any;
};
};
dropdownClassName: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
dropdownMatchSelectWidth: import("vue-types").VueTypeDef<number | boolean>;
virtual: import("vue-types").VueTypeValidableDef<boolean>;
dropdownRender: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
dropdownAlign: import("vue-types").VueTypeValidableDef<any>;
animation: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
transitionName: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
getPopupContainer: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
direction: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
disabled: import("vue-types").VueTypeValidableDef<boolean>;
loading: import("vue-types").VueTypeValidableDef<boolean>;
autofocus: import("vue-types").VueTypeValidableDef<boolean>;
defaultActiveFirstOption: import("vue-types").VueTypeValidableDef<boolean>;
notFoundContent: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
placeholder: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
backfill: import("vue-types").VueTypeValidableDef<boolean>;
getInputElement: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
optionLabelProp: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
maxTagTextLength: import("vue-types").VueTypeValidableDef<number> & {
default: number;
};
maxTagCount: import("vue-types").VueTypeDef<string | number>;
maxTagPlaceholder: import("vue-types").VueTypeValidableDef<any>;
tokenSeparators: import("vue-types").VueTypeDef<string[]>;
tagRender: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
showAction: import("vue-types").VueTypeValidableDef<unknown[]> & {
default: () => unknown[];
};
tabindex: import("vue-types").VueTypeDef<string | number>;
onKeyup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onKeydown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onPopupScroll: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onDropdownVisibleChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onSelect: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onDeselect: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onInputKeyDown: {
type: PropType<EventHandler>;
};
onClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onBlur: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onFocus: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onMouseenter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onMouseleave: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
choiceTransitionName: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
/**
* Only used in current version for internal event process.
* Do not use in production environment.
*/
internalProps: import("vue-types").VueTypeValidableDef<{
[key: string]: any;
}> & {
default: () => {
[key: string]: any;
};
};
children: import("vue-types").VueTypeValidableDef<unknown[]> & {
default: () => unknown[];
};
};
export interface SelectProps<OptionsType extends object[], ValueType> {
prefixCls?: string;
id?: string;
class?: string;
style?: CSSProperties;
options?: OptionsType;
children?: any[];
mode?: Mode;
value?: ValueType;
defaultValue?: ValueType;
labelInValue?: boolean;
inputValue?: string;
searchValue?: string;
optionFilterProp?: string;
/**
* In Select, `false` means do nothing.
* In TreeSelect, `false` will highlight match item.
* It's by design.
*/
filterOption?: boolean | FilterFunc<OptionsType[number]>;
filterSort?: (optionA: OptionsType[number], optionB: OptionsType[number]) => number;
showSearch?: boolean;
autoClearSearchValue?: boolean;
onSearch?: (value: string) => void;
onClear?: OnClear;
allowClear?: boolean;
clearIcon?: VNodeChild;
showArrow?: boolean;
inputIcon?: RenderNode;
removeIcon?: VNodeChild;
menuItemSelectedIcon?: RenderNode;
open?: boolean;
defaultOpen?: boolean;
listHeight?: number;
listItemHeight?: number;
dropdownStyle?: CSSProperties;
dropdownClassName?: string;
dropdownMatchSelectWidth?: boolean | number;
virtual?: boolean;
dropdownRender?: DropdownRender;
dropdownAlign?: any;
animation?: string;
transitionName?: string;
getPopupContainer?: RenderDOMFunc;
direction?: string;
disabled?: boolean;
loading?: boolean;
autofocus?: boolean;
defaultActiveFirstOption?: boolean;
notFoundContent?: VNodeChild;
placeholder?: VNodeChild;
backfill?: boolean;
getInputElement?: () => VNodeChild | JSX.Element;
optionLabelProp?: string;
maxTagTextLength?: number;
maxTagCount?: number | 'responsive';
maxTagPlaceholder?: VNodeChild | ((omittedValues: LabelValueType[]) => VNodeChild);
tokenSeparators?: string[];
tagRender?: (props: CustomTagProps) => VNodeChild;
showAction?: ('focus' | 'click')[];
tabindex?: number | string;
onKeyup?: EventHandler;
onKeydown?: EventHandler;
onPopupScroll?: EventHandler;
onDropdownVisibleChange?: (open: boolean) => void;
onSelect?: (value: SingleType<ValueType>, option: OptionsType[number]) => void;
onDeselect?: (value: SingleType<ValueType>, option: OptionsType[number]) => void;
onInputKeyDown?: EventHandler;
onClick?: EventHandler;
onChange?: (value: ValueType, option: OptionsType[number] | OptionsType) => void;
onBlur?: EventHandler;
onFocus?: EventHandler;
onMousedown?: EventHandler;
onMouseenter?: EventHandler;
onMouseleave?: EventHandler;
choiceTransitionName?: string;
/**
* Only used in current version for internal event process.
* Do not use in production environment.
*/
internalProps?: {
mark?: string;
onClear?: OnClear;
skipTriggerChange?: boolean;
skipTriggerSelect?: boolean;
onRawSelect?: (value: RawValueType, option: OptionsType[number], source: SelectSource) => void;
onRawDeselect?: (value: RawValueType, option: OptionsType[number], source: SelectSource) => void;
};
}
export interface GenerateConfig<OptionsType extends object[]> {
prefixCls: string;
components: {
optionList: (props: Omit<OptionListProps, 'options'> & {
options?: OptionsType;
}) => JSX.Element;
};
/** Convert jsx tree into `OptionsType` */
convertChildrenToData: (children: VNodeChild | JSX.Element) => OptionsType;
/** Flatten nest options into raw option list */
flattenOptions: (options: OptionsType, props: any) => FlattenOptionsType<OptionsType>;
/** Convert single raw value into { label, value } format. Will be called by each value */
getLabeledValue: GetLabeledValue<FlattenOptionsType<OptionsType>>;
filterOptions: FilterOptions<OptionsType>;
findValueOption: ((values: RawValueType[], options: FlattenOptionsType<OptionsType>) => OptionsType) | ((values: RawValueType[], options: FlattenOptionsType<OptionsType>, info?: {
prevValueOptions?: OptionsType[];
}) => OptionsType);
/** Check if a value is disabled */
isValueDisabled: (value: RawValueType, options: FlattenOptionsType<OptionsType>) => boolean;
warningProps?: (props: any) => void;
fillOptionsWithMissingValue?: (options: OptionsType, value: DefaultValueType, optionLabelProp: string, labelInValue: boolean) => OptionsType;
omitDOMProps?: (props: object) => object;
}
/**
* This function is in internal usage.
* Do not use it in your prod env since we may refactor this.
*/
export default function generateSelector<OptionsType extends {
value?: RawValueType;
label?: VNodeChild;
key?: Key;
disabled?: boolean;
}[]>(config: GenerateConfig<OptionsType>): import("vue").DefineComponent<{
prefixCls: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
id: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
class: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
style: import("vue-types").VueTypeValidableDef<any>;
options: import("vue-types").VueTypeValidableDef<unknown[]> & {
default: () => unknown[];
};
mode: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
value: import("vue-types").VueTypeValidableDef<any>;
defaultValue: import("vue-types").VueTypeValidableDef<any>;
labelInValue: import("vue-types").VueTypeValidableDef<boolean>;
inputValue: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
searchValue: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
optionFilterProp: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
/**
* In Select, `false` means do nothing.
* In TreeSelect, `false` will highlight match item.
* It's by design.
*/
filterOption: import("vue-types").VueTypeValidableDef<any>;
filterSort: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
showSearch: import("vue-types").VueTypeValidableDef<boolean>;
autoClearSearchValue: import("vue-types").VueTypeValidableDef<boolean>;
onSearch: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onClear: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
allowClear: import("vue-types").VueTypeValidableDef<boolean>;
clearIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
showArrow: import("vue-types").VueTypeValidableDef<boolean>;
inputIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
removeIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
menuItemSelectedIcon: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
open: import("vue-types").VueTypeValidableDef<boolean>;
defaultOpen: import("vue-types").VueTypeValidableDef<boolean>;
listHeight: import("vue-types").VueTypeValidableDef<number> & {
default: number;
};
listItemHeight: import("vue-types").VueTypeValidableDef<number> & {
default: number;
};
dropdownStyle: import("vue-types").VueTypeValidableDef<{
[key: string]: any;
}> & {
default: () => {
[key: string]: any;
};
};
dropdownClassName: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
dropdownMatchSelectWidth: import("vue-types").VueTypeDef<number | boolean>;
virtual: import("vue-types").VueTypeValidableDef<boolean>;
dropdownRender: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
dropdownAlign: import("vue-types").VueTypeValidableDef<any>;
animation: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
transitionName: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
getPopupContainer: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
direction: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
disabled: import("vue-types").VueTypeValidableDef<boolean>;
loading: import("vue-types").VueTypeValidableDef<boolean>;
autofocus: import("vue-types").VueTypeValidableDef<boolean>;
defaultActiveFirstOption: import("vue-types").VueTypeValidableDef<boolean>;
notFoundContent: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
placeholder: import("vue-types").VueTypeValidableDef<import("../_util/type").VueNode>;
backfill: import("vue-types").VueTypeValidableDef<boolean>;
getInputElement: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
optionLabelProp: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
maxTagTextLength: import("vue-types").VueTypeValidableDef<number> & {
default: number;
};
maxTagCount: import("vue-types").VueTypeDef<string | number>;
maxTagPlaceholder: import("vue-types").VueTypeValidableDef<any>;
tokenSeparators: import("vue-types").VueTypeDef<string[]>;
tagRender: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
showAction: import("vue-types").VueTypeValidableDef<unknown[]> & {
default: () => unknown[];
};
tabindex: import("vue-types").VueTypeDef<string | number>;
onKeyup: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onKeydown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onPopupScroll: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onDropdownVisibleChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onSelect: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onDeselect: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onInputKeyDown: {
type: PropType<EventHandler>;
};
onClick: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onBlur: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onFocus: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onMousedown: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onMouseenter: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
onMouseleave: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
default: (...args: any[]) => any;
};
choiceTransitionName: import("vue-types").VueTypeValidableDef<string> & {
default: string;
};
/**
* Only used in current version for internal event process.
* Do not use in production environment.
*/
internalProps: import("vue-types").VueTypeValidableDef<{
[key: string]: any;
}> & {
default: () => {
[key: string]: any;
};
};
children: import("vue-types").VueTypeValidableDef<unknown[]> & {
default: () => unknown[];
};
}, {
focus: () => void;
blur: () => void;
scrollTo: any;
tokenWithEnter: import("vue").ComputedRef<boolean>;
mockFocused: import("vue").Ref<Boolean>;
mergedId: import("vue").ComputedRef<string>;
containerWidth: any;
onActiveValue: OnActiveValue;
accessibilityIndex: import("vue").Ref<number>;
mergedDefaultActiveFirstOption: import("vue").ComputedRef<boolean>;
onInternalMouseDown: (event: MouseEvent) => void;
onContainerFocus: (...args: any[]) => void;
onContainerBlur: (...args: any[]) => void;
onInternalKeyDown: (event: KeyboardEvent) => void;
isMultiple: import("vue").ComputedRef<boolean>;
mergedOpen: import("vue").Ref<boolean>;
displayOptions: import("vue").ComputedRef<OptionsType>;
displayFlattenOptions: import("vue").ComputedRef<FlattenOptionsType<OptionsType>>;
rawValues: import("vue").ComputedRef<Set<RawValueType>>;
onInternalOptionSelect: (newValue: RawValueType, info: {
selected: boolean;
}) => void;
onToggleOpen: (newOpen?: boolean) => void;
mergedSearchValue: import("vue").ComputedRef<string>;
useInternalProps: import("vue").ComputedRef<boolean>;
triggerChange: (newRawValues: RawValueType[]) => void;
triggerSearch: (searchText: string, fromTyping: boolean, isCompositing: boolean) => boolean;
mergedRawValue: import("vue").ComputedRef<RawValueType[]>;
mergedShowSearch: import("vue").ComputedRef<boolean>;
onInternalKeyUp: (event: Event) => void;
triggerOpen: import("vue").ComputedRef<boolean>;
mergedOptions: import("vue").ComputedRef<OptionsType>;
onInternalSelectionSelect: (newValue: RawValueType, info: {
selected: boolean;
}) => void;
selectorDomRef: any;
displayValues: import("vue").ComputedRef<DisplayLabelValueType[]>;
activeValue: any;
onSearchSubmit: (searchText: string) => void;
containerRef: any;
listRef: any;
triggerRef: any;
selectorRef: any;
}, unknown, {}, {
onPopupMouseEnter(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
prefixCls?: unknown;
id?: unknown;
class?: unknown;
style?: unknown;
options?: unknown;
mode?: unknown;
value?: unknown;
defaultValue?: unknown;
labelInValue?: unknown;
inputValue?: unknown;
searchValue?: unknown;
optionFilterProp?: unknown;
filterOption?: unknown;
filterSort?: unknown;
showSearch?: unknown;
autoClearSearchValue?: unknown;
onSearch?: unknown;
onClear?: unknown;
allowClear?: unknown;
clearIcon?: unknown;
showArrow?: unknown;
inputIcon?: unknown;
removeIcon?: unknown;
menuItemSelectedIcon?: unknown;
open?: unknown;
defaultOpen?: unknown;
listHeight?: unknown;
listItemHeight?: unknown;
dropdownStyle?: unknown;
dropdownClassName?: unknown;
dropdownMatchSelectWidth?: unknown;
virtual?: unknown;
dropdownRender?: unknown;
dropdownAlign?: unknown;
animation?: unknown;
transitionName?: unknown;
getPopupContainer?: unknown;
direction?: unknown;
disabled?: unknown;
loading?: unknown;
autofocus?: unknown;
defaultActiveFirstOption?: unknown;
notFoundContent?: unknown;
placeholder?: unknown;
backfill?: unknown;
getInputElement?: unknown;
optionLabelProp?: unknown;
maxTagTextLength?: unknown;
maxTagCount?: unknown;
maxTagPlaceholder?: unknown;
tokenSeparators?: unknown;
tagRender?: unknown;
showAction?: unknown;
tabindex?: unknown;
onKeyup?: unknown;
onKeydown?: unknown;
onPopupScroll?: unknown;
onDropdownVisibleChange?: unknown;
onSelect?: unknown;
onDeselect?: unknown;
onInputKeyDown?: unknown;
onClick?: unknown;
onChange?: unknown;
onBlur?: unknown;
onFocus?: unknown;
onMousedown?: unknown;
onMouseenter?: unknown;
onMouseleave?: unknown;
choiceTransitionName?: unknown;
internalProps?: unknown;
children?: unknown;
} & {
class: string;
children: unknown[];
prefixCls: string;
direction: string;
mode: string;
id: string;
options: unknown[];
searchValue: string;
optionLabelProp: string;
optionFilterProp: string;
maxTagTextLength: number;
choiceTransitionName: string;
animation: string;
transitionName: string;
dropdownStyle: {
[key: string]: any;
};
dropdownClassName: string;
showAction: unknown[];
inputValue: string;
listHeight: number;
listItemHeight: number;
internalProps: {
[key: string]: any;
};
} & {
style?: any;
value?: any;
getPopupContainer?: (...args: any[]) => any;
virtual?: boolean;
dropdownMatchSelectWidth?: number | boolean;
onFocus?: (...args: any[]) => any;
onBlur?: (...args: any[]) => any;
onChange?: (...args: any[]) => any;
onKeydown?: (...args: any[]) => any;
onKeyup?: (...args: any[]) => any;
onClick?: (...args: any[]) => any;
onMousedown?: (...args: any[]) => any;
onMouseenter?: (...args: any[]) => any;
onMouseleave?: (...args: any[]) => any;
onSelect?: (...args: any[]) => any;
tabindex?: string | number;
onDeselect?: (...args: any[]) => any;
onClear?: (...args: any[]) => any;
open?: boolean;
disabled?: boolean;
defaultActiveFirstOption?: boolean;
notFoundContent?: import("../_util/type").VueNode;
menuItemSelectedIcon?: import("../_util/type").VueNode;
labelInValue?: boolean;
filterOption?: any;
autofocus?: boolean;
placeholder?: import("../_util/type").VueNode;
showSearch?: boolean;
onInputKeyDown?: EventHandler;
removeIcon?: import("../_util/type").VueNode;
maxTagCount?: string | number;
maxTagPlaceholder?: any;
tokenSeparators?: string[];
tagRender?: (...args: any[]) => any;
backfill?: boolean;
onSearch?: (...args: any[]) => any;
dropdownRender?: (...args: any[]) => any;
dropdownAlign?: any;
defaultValue?: any;
filterSort?: (...args: any[]) => any;
autoClearSearchValue?: boolean;
allowClear?: boolean;
clearIcon?: import("../_util/type").VueNode;
showArrow?: boolean;
inputIcon?: import("../_util/type").VueNode;
defaultOpen?: boolean;
loading?: boolean;
getInputElement?: (...args: any[]) => any;
onPopupScroll?: (...args: any[]) => any;
onDropdownVisibleChange?: (...args: any[]) => any;
}>, {
class: string;
children: unknown[];
getPopupContainer: (...args: any[]) => any;
prefixCls: string;
direction: string;
onFocus: (...args: any[]) => any;
onBlur: (...args: any[]) => any;
onChange: (...args: any[]) => any;
onKeydown: (...args: any[]) => any;
onKeyup: (...args: any[]) => any;
onClick: (...args: any[]) => any;
onMousedown: (...args: any[]) => any;
onMouseenter: (...args: any[]) => any;
onMouseleave: (...args: any[]) => any;
onSelect: (...args: any[]) => any;
onDeselect: (...args: any[]) => any;
onClear: (...args: any[]) => any;
mode: string;
id: string;
options: unknown[];
searchValue: string;
optionLabelProp: string;
optionFilterProp: string;
maxTagTextLength: number;
tagRender: (...args: any[]) => any;
choiceTransitionName: string;
onSearch: (...args: any[]) => any;
animation: string;
transitionName: string;
dropdownStyle: {
[key: string]: any;
};
dropdownClassName: string;
dropdownRender: (...args: any[]) => any;
showAction: unknown[];
inputValue: string;
filterSort: (...args: any[]) => any;
listHeight: number;
listItemHeight: number;
getInputElement: (...args: any[]) => any;
onPopupScroll: (...args: any[]) => any;
onDropdownVisibleChange: (...args: any[]) => any;
internalProps: {
[key: string]: any;
};
}>;