72 lines
2.1 KiB
TypeScript
72 lines
2.1 KiB
TypeScript
import { VueNode } from '../../_util/type';
|
|
import { VNodeChild } from 'vue';
|
|
|
|
export type SelectSource = 'option' | 'selection' | 'input';
|
|
|
|
export const INTERNAL_PROPS_MARK = 'RC_SELECT_INTERNAL_PROPS_MARK';
|
|
|
|
// =================================== Shared Type ===================================
|
|
export type Key = string | number;
|
|
|
|
export type RawValueType = string | number | null;
|
|
|
|
export interface LabelValueType extends Record<string, any> {
|
|
key?: Key;
|
|
value?: RawValueType;
|
|
label?: VNodeChild;
|
|
}
|
|
export type DefaultValueType = RawValueType | RawValueType[] | LabelValueType | LabelValueType[];
|
|
|
|
export interface DisplayLabelValueType extends LabelValueType {
|
|
disabled?: boolean;
|
|
}
|
|
|
|
export type SingleType<MixType> = MixType extends (infer Single)[] ? Single : MixType;
|
|
|
|
export type OnClear = () => void;
|
|
|
|
export type CustomTagProps = {
|
|
label: DefaultValueType;
|
|
value: DefaultValueType;
|
|
disabled: boolean;
|
|
onClose: (event?: MouseEvent) => void;
|
|
closable: boolean;
|
|
};
|
|
|
|
// ==================================== Generator ====================================
|
|
export type GetLabeledValue<FOT extends FlattenOptionsType> = (
|
|
value: RawValueType,
|
|
config: {
|
|
options: FOT;
|
|
prevValue: DefaultValueType;
|
|
labelInValue: boolean;
|
|
optionLabelProp: string;
|
|
},
|
|
) => LabelValueType;
|
|
|
|
export type FilterOptions<OptionsType extends object[]> = (
|
|
searchValue: string,
|
|
options: OptionsType,
|
|
/** Component props, since Select & TreeSelect use different prop name, use any here */
|
|
config: {
|
|
optionFilterProp: string;
|
|
filterOption: boolean | FilterFunc<OptionsType[number]>;
|
|
},
|
|
) => OptionsType;
|
|
|
|
export type FilterFunc<OptionType> = (inputValue: string, option?: OptionType) => boolean;
|
|
|
|
export type FlattenOptionsType<OptionsType extends object[] = object[]> = {
|
|
key: Key;
|
|
data: OptionsType[number];
|
|
/** Used for customize data */
|
|
[name: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any
|
|
}[];
|
|
|
|
export type DropdownObject = {
|
|
menuNode?: VueNode;
|
|
props?: Record<string, any>;
|
|
};
|
|
|
|
export type DropdownRender = (opt?: DropdownObject) => VueNode;
|