///
import * as React from 'react';
import Input from '../input';
export interface CascaderOptionType {
value: string;
label: React.ReactNode;
disabled?: boolean;
children?: Array;
__IS_FILTERED_OPTION?: boolean;
}
export declare type CascaderExpandTrigger = 'click' | 'hover';
export interface ShowSearchType {
filter?: (inputValue: string, path: CascaderOptionType[]) => boolean;
render?: (inputValue: string, path: CascaderOptionType[], prefixCls: string | undefined) => React.ReactNode;
sort?: (a: CascaderOptionType[], b: CascaderOptionType[], inputValue: string) => number;
matchInputWidth?: boolean;
}
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?: string;
/** 禁用*/
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;
label?: string;
}
export interface CascaderState {
inputFocused: boolean;
inputValue: string;
value: string[];
popupVisible: boolean | undefined;
flattenOptions: CascaderOptionType[][];
}
export default class Cascader extends React.Component {
static defaultProps: {
prefixCls: string;
inputPrefixCls: string;
placeholder: string;
transitionName: string;
popupPlacement: string;
options: never[];
disabled: boolean;
allowClear: boolean;
notFoundContent: string;
};
cachedOptions: CascaderOptionType[];
private input;
constructor(props: CascaderProps);
componentWillReceiveProps(nextProps: CascaderProps): void;
handleChange: (value: any, selectedOptions: any[]) => void;
handlePopupVisibleChange: (popupVisible: boolean) => void;
handleInputBlur: () => void;
handleInputClick: (e: React.MouseEvent) => void;
handleKeyDown: (e: React.KeyboardEvent) => void;
handleInputChange: (e: React.ChangeEvent) => void;
setValue: (value: string[], selectedOptions?: any[]) => void;
getLabel(): any;
clearSelection: (e: React.MouseEvent) => void;
flattenTree(options: CascaderOptionType[], changeOnSelect: boolean | undefined, ancestor?: CascaderOptionType[]): any;
generateFilteredOptions(prefixCls: string | undefined): CascaderOptionType[];
focus(): void;
blur(): void;
saveInput: (node: Input) => void;
render(): JSX.Element;
}