You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
2.1 KiB
68 lines
2.1 KiB
import * as React from 'react';
|
|
import { AbstractSelectProps } from '../select';
|
|
|
|
export type TreeNode = TreeNodeNormal | TreeNodeSimpleMode;
|
|
|
|
export type TreeNodeValue = string | number | string[] | number[];
|
|
|
|
export interface TreeNodeNormal {
|
|
value: TreeNodeValue;
|
|
/**
|
|
* @deprecated Please use `title` instead.
|
|
*/
|
|
label?: React.ReactNode;
|
|
title?: React.ReactNode;
|
|
key: string;
|
|
isLeaf?: boolean;
|
|
disabled?: boolean;
|
|
disableCheckbox?: boolean;
|
|
selectable?: boolean;
|
|
children?: TreeNodeNormal[];
|
|
}
|
|
|
|
export interface TreeNodeSimpleMode {
|
|
/* It is possible to change `id` and `pId` prop keys using TreeDataSimpleMode so those keys can be anything */
|
|
[key: string]: string | boolean | React.ReactNode;
|
|
}
|
|
|
|
export interface TreeDataSimpleMode {
|
|
id?: string;
|
|
pId?: string;
|
|
rootPId?: string;
|
|
}
|
|
|
|
export interface TreeSelectProps<T extends TreeNodeValue> extends AbstractSelectProps {
|
|
autoFocus?: boolean;
|
|
defaultValue?: T;
|
|
dropdownStyle?: React.CSSProperties;
|
|
filterTreeNode?: (inputValue: string, treeNode: any) => boolean | boolean;
|
|
labelInValue?: boolean;
|
|
loadData?: (node: any) => void;
|
|
maxTagCount?: number;
|
|
maxTagPlaceholder?: React.ReactNode | ((omittedValues: any[]) => React.ReactNode);
|
|
multiple?: boolean;
|
|
notFoundContent?: React.ReactNode;
|
|
onChange?: (value: T, label: any, extra: any) => void;
|
|
onSearch?: (value: any) => void;
|
|
onSelect?: (value: any) => void;
|
|
onTreeExpand?: (keys: Array<string>) => void;
|
|
onFocus?: React.FocusEventHandler<HTMLInputElement>;
|
|
onBlur?: React.FocusEventHandler<HTMLInputElement>;
|
|
searchPlaceholder?: string;
|
|
searchValue?: string;
|
|
showCheckedStrategy?: 'SHOW_ALL' | 'SHOW_PARENT' | 'SHOW_CHILD';
|
|
suffixIcon?: React.ReactNode;
|
|
removeIcon?: React.ReactNode;
|
|
clearIcon?: React.ReactNode;
|
|
treeCheckable?: boolean | React.ReactNode;
|
|
treeCheckStrictly?: boolean;
|
|
treeData?: Array<TreeNode>;
|
|
treeDataSimpleMode?: boolean | TreeDataSimpleMode;
|
|
treeDefaultExpandAll?: boolean;
|
|
treeDefaultExpandedKeys?: Array<string>;
|
|
treeExpandedKeys?: Array<string>;
|
|
treeIcon?: boolean;
|
|
treeNodeFilterProp?: string;
|
|
treeNodeLabelProp?: string;
|
|
value?: T;
|
|
}
|
|
|