import * as React from 'react'; export { ScrollTo } from 'rc-virtual-list/lib/List'; export interface TreeNodeProps { eventKey?: Key; prefixCls?: string; className?: string; style?: React.CSSProperties; id?: string; expanded?: boolean; selected?: boolean; checked?: boolean; loaded?: boolean; loading?: boolean; halfChecked?: boolean; title?: React.ReactNode | ((data: TreeDataType) => React.ReactNode); dragOver?: boolean; dragOverGapTop?: boolean; dragOverGapBottom?: boolean; pos?: string; domRef?: React.Ref; /** New added in Tree for easy data access */ data?: TreeDataType; isStart?: boolean[]; isEnd?: boolean[]; active?: boolean; onMouseMove?: React.MouseEventHandler; isLeaf?: boolean; checkable?: boolean; selectable?: boolean; disabled?: boolean; disableCheckbox?: boolean; icon?: IconType; switcherIcon?: IconType; children?: React.ReactNode; } /** For fieldNames, we provides a abstract interface */ export interface BasicDataNode { checkable?: boolean; disabled?: boolean; disableCheckbox?: boolean; icon?: IconType; isLeaf?: boolean; selectable?: boolean; switcherIcon?: IconType; /** Set style of TreeNode. This is not recommend if you don't have any force requirement */ className?: string; style?: React.CSSProperties; } /** Provide a wrap type define for developer to wrap with customize fieldNames data type */ export type FieldDataNode = BasicDataNode & T & Partial[]>>; export type DataNode = FieldDataNode<{ key: string | number; title?: React.ReactNode | ((data: DataNode) => React.ReactNode); }>; export type EventDataNode = { key: React.Key; expanded: boolean; selected: boolean; checked: boolean; loaded: boolean; loading: boolean; halfChecked: boolean; dragOver: boolean; dragOverGapTop: boolean; dragOverGapBottom: boolean; pos: string; active: boolean; } & TreeDataType & BasicDataNode; export type IconType = React.ReactNode | ((props: TreeNodeProps) => React.ReactNode); export type Key = string | number; export type NodeElement = React.ReactElement & { selectHandle?: HTMLSpanElement; type: { isTreeNode: boolean; }; }; export type NodeInstance = React.Component> & { selectHandle?: HTMLSpanElement; }; export interface Entity { node: NodeElement; index: number; key: Key; pos: string; parent?: Entity; children?: Entity[]; } export interface DataEntity extends Omit { node: TreeDataType; nodes: TreeDataType[]; parent?: DataEntity; children?: DataEntity[]; level: number; } export interface FlattenNode { parent: FlattenNode | null; children: FlattenNode[]; pos: string; data: TreeDataType; title: React.ReactNode; key: Key; isStart: boolean[]; isEnd: boolean[]; } export type GetKey = (record: RecordType, index?: number) => Key; export type GetCheckDisabled = (record: RecordType) => boolean; export type Direction = 'ltr' | 'rtl' | undefined; export interface FieldNames { title?: string; /** @private Internal usage for `rc-tree-select`, safe to remove if no need */ _title?: string[]; key?: string; children?: string; }