Comparing version
@@ -1,2 +0,1 @@ | ||
/// <reference types="react" /> | ||
export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: { | ||
@@ -3,0 +2,0 @@ dropPosition: -1 | 0 | 1; |
@@ -5,5 +5,5 @@ import Tree from './Tree'; | ||
import type { TreeNodeProps } from './TreeNode'; | ||
import type { BasicDataNode } from './interface'; | ||
import type { BasicDataNode, FieldDataNode } from './interface'; | ||
export { TreeNode }; | ||
export type { TreeProps, TreeNodeProps, BasicDataNode }; | ||
export type { TreeProps, TreeNodeProps, BasicDataNode, FieldDataNode }; | ||
export default Tree; |
@@ -20,4 +20,6 @@ import * as React from 'react'; | ||
key: string | number; | ||
title?: React.ReactNode; | ||
title?: React.ReactNode | ((data: DataNode) => React.ReactNode); | ||
} | ||
/** Provide a wrap type define for developer to wrap with customize fieldNames data type */ | ||
export declare type FieldDataNode<T, ChildFieldName extends string = 'children'> = BasicDataNode & T & Partial<Record<ChildFieldName, FieldDataNode<T, ChildFieldName>[]>>; | ||
export interface EventDataNode extends DataNode { | ||
@@ -24,0 +26,0 @@ expanded: boolean; |
@@ -81,3 +81,3 @@ import _extends from "@babel/runtime/helpers/esm/extends"; | ||
var RefNodeList = function RefNodeList(props, ref) { | ||
var NodeList = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
var prefixCls = props.prefixCls, | ||
@@ -302,6 +302,4 @@ data = props.data, | ||
})); | ||
}; | ||
var NodeList = /*#__PURE__*/React.forwardRef(RefNodeList); | ||
}); | ||
NodeList.displayName = 'NodeList'; | ||
export default NodeList; |
@@ -98,3 +98,3 @@ import * as React from 'react'; | ||
}) => void; | ||
loadData?: (treeNode: EventDataNode) => Promise<void>; | ||
loadData?: (treeNode: EventDataNode) => Promise<any>; | ||
loadedKeys?: Key[]; | ||
@@ -161,3 +161,3 @@ onMouseEnter?: (info: NodeMouseEventParams) => void; | ||
} | ||
declare class Tree<TreeDataType extends BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> { | ||
declare class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> { | ||
static defaultProps: { | ||
@@ -164,0 +164,0 @@ prefixCls: string; |
@@ -964,2 +964,3 @@ import _extends from "@babel/runtime/helpers/esm/extends"; | ||
value: function componentDidMount() { | ||
this.destroyed = false; | ||
this.onUpdated(); | ||
@@ -966,0 +967,0 @@ } |
@@ -68,3 +68,3 @@ import * as React from 'react'; | ||
isDisabled: () => boolean; | ||
isCheckable: () => {}; | ||
isCheckable: () => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment; | ||
syncLoadData: (props: any) => void; | ||
@@ -74,3 +74,3 @@ isSelectable(): boolean; | ||
renderDragHandler: () => JSX.Element; | ||
renderSwitcherIconDom: (isLeaf: boolean) => any; | ||
renderSwitcherIconDom: (isLeaf: boolean) => React.ReactNode; | ||
renderSwitcher: () => JSX.Element; | ||
@@ -77,0 +77,0 @@ renderCheckbox: () => JSX.Element; |
@@ -1,2 +0,1 @@ | ||
/// <reference types="react" /> | ||
export default function DropIndicator({ dropPosition, dropLevelOffset, indent, }: { | ||
@@ -3,0 +2,0 @@ dropPosition: -1 | 0 | 1; |
@@ -5,5 +5,5 @@ import Tree from './Tree'; | ||
import type { TreeNodeProps } from './TreeNode'; | ||
import type { BasicDataNode } from './interface'; | ||
import type { BasicDataNode, FieldDataNode } from './interface'; | ||
export { TreeNode }; | ||
export type { TreeProps, TreeNodeProps, BasicDataNode }; | ||
export type { TreeProps, TreeNodeProps, BasicDataNode, FieldDataNode }; | ||
export default Tree; |
@@ -20,4 +20,6 @@ import * as React from 'react'; | ||
key: string | number; | ||
title?: React.ReactNode; | ||
title?: React.ReactNode | ((data: DataNode) => React.ReactNode); | ||
} | ||
/** Provide a wrap type define for developer to wrap with customize fieldNames data type */ | ||
export declare type FieldDataNode<T, ChildFieldName extends string = 'children'> = BasicDataNode & T & Partial<Record<ChildFieldName, FieldDataNode<T, ChildFieldName>[]>>; | ||
export interface EventDataNode extends DataNode { | ||
@@ -24,0 +26,0 @@ expanded: boolean; |
@@ -99,3 +99,3 @@ "use strict"; | ||
var RefNodeList = function RefNodeList(props, ref) { | ||
var NodeList = /*#__PURE__*/React.forwardRef(function (props, ref) { | ||
var prefixCls = props.prefixCls, | ||
@@ -318,7 +318,5 @@ data = props.data, | ||
})); | ||
}; | ||
var NodeList = /*#__PURE__*/React.forwardRef(RefNodeList); | ||
}); | ||
NodeList.displayName = 'NodeList'; | ||
var _default = NodeList; | ||
exports.default = _default; |
@@ -98,3 +98,3 @@ import * as React from 'react'; | ||
}) => void; | ||
loadData?: (treeNode: EventDataNode) => Promise<void>; | ||
loadData?: (treeNode: EventDataNode) => Promise<any>; | ||
loadedKeys?: Key[]; | ||
@@ -161,3 +161,3 @@ onMouseEnter?: (info: NodeMouseEventParams) => void; | ||
} | ||
declare class Tree<TreeDataType extends BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> { | ||
declare class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends React.Component<TreeProps<TreeDataType>, TreeState<TreeDataType>> { | ||
static defaultProps: { | ||
@@ -164,0 +164,0 @@ prefixCls: string; |
@@ -993,2 +993,3 @@ "use strict"; | ||
value: function componentDidMount() { | ||
this.destroyed = false; | ||
this.onUpdated(); | ||
@@ -995,0 +996,0 @@ } |
@@ -68,3 +68,3 @@ import * as React from 'react'; | ||
isDisabled: () => boolean; | ||
isCheckable: () => {}; | ||
isCheckable: () => string | number | boolean | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment; | ||
syncLoadData: (props: any) => void; | ||
@@ -74,3 +74,3 @@ isSelectable(): boolean; | ||
renderDragHandler: () => JSX.Element; | ||
renderSwitcherIconDom: (isLeaf: boolean) => any; | ||
renderSwitcherIconDom: (isLeaf: boolean) => React.ReactNode; | ||
renderSwitcher: () => JSX.Element; | ||
@@ -77,0 +77,0 @@ renderCheckbox: () => JSX.Element; |
{ | ||
"name": "rc-tree", | ||
"version": "5.6.1", | ||
"version": "5.6.2", | ||
"description": "tree ui component for react", | ||
@@ -53,5 +53,7 @@ "engines": { | ||
"devDependencies": { | ||
"@testing-library/jest-dom": "^5.16.4", | ||
"@testing-library/react": "^13.0.0", | ||
"@types/enzyme": "^3.10.9", | ||
"@types/jest": "^26.0.4", | ||
"@types/react": "^17.0.11", | ||
"@types/react": "^18.0.0", | ||
"@types/react-dom": "^17.0.8", | ||
@@ -72,4 +74,4 @@ "@types/warning": "^3.0.0", | ||
"rc-trigger": "^5.0.7", | ||
"react": "^16.8.0", | ||
"react-dom": "^16.8.0", | ||
"react": "^18.0.0", | ||
"react-dom": "^18.0.0", | ||
"typescript": "^4.0.2" | ||
@@ -82,4 +84,4 @@ }, | ||
"rc-util": "^5.16.1", | ||
"rc-virtual-list": "^3.4.2" | ||
"rc-virtual-list": "^3.4.8" | ||
} | ||
} |
350084
0.27%7356
0.03%23
9.52%Updated