119 lines
4.6 KiB
TypeScript
119 lines
4.6 KiB
TypeScript
import * as React from 'react';
|
|
import Input from '../input';
|
|
import { ConfigConsumerProps, RenderEmptyHandler } from '../config-provider';
|
|
import { SizeType } from '../config-provider/SizeContext';
|
|
export interface CascaderOptionType {
|
|
value?: string;
|
|
label?: React.ReactNode;
|
|
disabled?: boolean;
|
|
isLeaf?: boolean;
|
|
loading?: boolean;
|
|
children?: Array<CascaderOptionType>;
|
|
[key: string]: any;
|
|
}
|
|
export interface FieldNamesType {
|
|
value?: string;
|
|
label?: string;
|
|
children?: string;
|
|
}
|
|
export interface FilledFieldNamesType {
|
|
value: string;
|
|
label: string;
|
|
children: string;
|
|
}
|
|
export declare type CascaderExpandTrigger = 'click' | 'hover';
|
|
export interface ShowSearchType {
|
|
filter?: (inputValue: string, path: CascaderOptionType[], names: FilledFieldNamesType) => boolean;
|
|
render?: (inputValue: string, path: CascaderOptionType[], prefixCls: string | undefined, names: FilledFieldNamesType) => React.ReactNode;
|
|
sort?: (a: CascaderOptionType[], b: CascaderOptionType[], inputValue: string, names: FilledFieldNamesType) => number;
|
|
matchInputWidth?: boolean;
|
|
limit?: number | false;
|
|
}
|
|
export interface CascaderProps {
|
|
/** 可选项数据源 */
|
|
options: CascaderOptionType[];
|
|
/** 默认的选中项 */
|
|
defaultValue?: string[];
|
|
/** 指定选中项 */
|
|
value?: string[];
|
|
/** 选择完成后的回调 */
|
|
onChange?: (value: string[], selectedOptions?: CascaderOptionType[]) => void;
|
|
/** 选择后展示的渲染函数 */
|
|
displayRender?: (label: string[], selectedOptions?: CascaderOptionType[]) => React.ReactNode;
|
|
/** 自定义样式 */
|
|
style?: React.CSSProperties;
|
|
/** 自定义类名 */
|
|
className?: string;
|
|
/** 自定义浮层类名 */
|
|
popupClassName?: string;
|
|
/** 浮层预设位置：`bottomLeft` `bottomRight` `topLeft` `topRight` */
|
|
popupPlacement?: string;
|
|
/** 输入框占位文本 */
|
|
placeholder?: string;
|
|
/** 输入框大小，可选 `large` `default` `small` */
|
|
size?: SizeType;
|
|
/** whether has border style */
|
|
bordered?: boolean;
|
|
/** 禁用 */
|
|
disabled?: boolean;
|
|
/** 是否支持清除 */
|
|
allowClear?: boolean;
|
|
showSearch?: boolean | ShowSearchType;
|
|
notFoundContent?: React.ReactNode;
|
|
loadData?: (selectedOptions?: CascaderOptionType[]) => void;
|
|
/** 次级菜单的展开方式，可选 'click' 和 'hover' */
|
|
expandTrigger?: CascaderExpandTrigger;
|
|
/** 当此项为 true 时，点选每级菜单选项值都会发生变化 */
|
|
changeOnSelect?: boolean;
|
|
/** 浮层可见变化时回调 */
|
|
onPopupVisibleChange?: (popupVisible: boolean) => void;
|
|
prefixCls?: string;
|
|
inputPrefixCls?: string;
|
|
getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
|
|
popupVisible?: boolean;
|
|
/** use this after antd@3.7.0 */
|
|
fieldNames?: FieldNamesType;
|
|
suffixIcon?: React.ReactNode;
|
|
}
|
|
export interface CascaderState {
|
|
inputFocused: boolean;
|
|
inputValue: string;
|
|
value: string[];
|
|
popupVisible: boolean | undefined;
|
|
flattenOptions: CascaderOptionType[][] | undefined;
|
|
prevProps: CascaderProps;
|
|
}
|
|
interface CascaderLocale {
|
|
placeholder?: string;
|
|
}
|
|
declare class Cascader extends React.Component<CascaderProps, CascaderState> {
|
|
static defaultProps: {
|
|
transitionName: string;
|
|
options: never[];
|
|
disabled: boolean;
|
|
allowClear: boolean;
|
|
bordered: boolean;
|
|
};
|
|
static getDerivedStateFromProps(nextProps: CascaderProps, { prevProps }: CascaderState): Partial<CascaderState>;
|
|
cachedOptions: CascaderOptionType[];
|
|
private input;
|
|
constructor(props: CascaderProps);
|
|
setValue: (value: string[], selectedOptions?: CascaderOptionType[]) => void;
|
|
getLabel(): any;
|
|
saveInput: (node: Input) => void;
|
|
handleChange: (value: any, selectedOptions: CascaderOptionType[]) => void;
|
|
handlePopupVisibleChange: (popupVisible: boolean) => void;
|
|
handleInputBlur: () => void;
|
|
handleInputClick: (e: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
|
|
handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
clearSelection: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
|
|
generateFilteredOptions(prefixCls: string | undefined, renderEmpty: RenderEmptyHandler): CascaderOptionType[];
|
|
focus(): void;
|
|
blur(): void;
|
|
getPopupPlacement(direction?: string): string;
|
|
renderCascader: ({ getPopupContainer: getContextPopupContainer, getPrefixCls, renderEmpty, direction, }: ConfigConsumerProps, locale: CascaderLocale) => JSX.Element;
|
|
render(): JSX.Element;
|
|
}
|
|
export default Cascader;
|