Add List InnerProps export, Enable external input of custom styles

docs/examples/basic.jsx

@@ -103,6 +103,16 @@ class Demo extends React.Component {
         <Tree
           ref={this.setTreeRef}
           className="myCls"
+          innerProps={
+            {
+              title: '内部List包裹 自定义props注入 Inner Inject Title',
+              style: {
+                display: 'flex',
+                flexDirection: 'column',
+                backgroundColor: 'white'
+              }
+            }
+          }
           showLine
           checkable
           defaultExpandAll

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-tree",
-  "version": "5.8.2",
+  "version": "5.8.3",
   "description": "tree ui component for react",
   "engines": {
     "node": ">=10.x"

src/NodeList.tsx

@@ -17,6 +17,7 @@ import {
 import MotionTreeNode from './MotionTreeNode';
 import { findExpandedKeys, getExpandRange } from './utils/diffUtil';
 import { getKey, getTreeNodeProps } from './utils/treeUtil';
+import { InnerProps } from 'rc-virtual-list/lib/Filler';
 
 const HIDDEN_STYLE = {
   width: 0,
@@ -92,6 +93,7 @@ interface NodeListProps<TreeDataType extends BasicDataNode> {
   height: number;
   itemHeight: number;
   virtual?: boolean;
+  innerProps?: InnerProps;
 
   onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
   onFocus?: React.FocusEventHandler<HTMLDivElement>;
@@ -158,6 +160,7 @@ const NodeList = React.forwardRef<NodeListRef, NodeListProps<any>>((props, ref)
     height,
     itemHeight,
     virtual,
+    innerProps,
 
     focusable,
     activeItem,
@@ -326,6 +329,7 @@ const NodeList = React.forwardRef<NodeListRef, NodeListProps<any>>((props, ref)
         itemHeight={itemHeight}
         prefixCls={`${prefixCls}-list`}
         ref={listRef}
+        innerProps={innerProps}
         onVisibleChange={(originList, fullList) => {
           const originSet = new Set(originList);
           const restList = fullList.filter(item => !originSet.has(item));

src/Tree.tsx

@@ -52,6 +52,7 @@ import {
   getTreeNodeProps,
   warningWithoutKey,
 } from './utils/treeUtil';
+import { InnerProps } from 'rc-virtual-list/lib/Filler';
 
 const MAX_RETRY_TIMES = 10;
 
@@ -188,6 +189,7 @@ export interface TreeProps<TreeDataType extends BasicDataNode = DataNode> {
   itemHeight?: number;
   itemScrollOffset?: number;
   virtual?: boolean;
+  innerProps?: InnerProps;
 
   // direction for drag logic
   direction?: Direction;
@@ -1376,6 +1378,7 @@ class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends Rea
       height,
       itemHeight,
       virtual,
+      innerProps,
       titleRender,
       dropIndicatorRender,
       onContextMenu,
@@ -1470,6 +1473,7 @@ class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends Rea
             height={height}
             itemHeight={itemHeight}
             virtual={virtual}
+            innerProps={innerProps}
             focusable={focusable}
             focused={focused}
             tabIndex={tabIndex}