revert: indentWidth prop

src/Indent.tsx

@@ -1,19 +1,14 @@
-import * as React from 'react';
 import classNames from 'classnames';
+import * as React from 'react';
 
 interface IndentProps {
   prefixCls: string;
   level: number;
   isStart: boolean[];
   isEnd: boolean[];
-  width?: number
 }
 
-const Indent: React.FC<IndentProps> = ({ prefixCls, level, isStart, isEnd, width }) => {
-  const widthStyle: React.CSSProperties = width >= 0 ? {
-    width: width
-  } : {}
-
+const Indent: React.FC<IndentProps> = ({ prefixCls, level, isStart, isEnd }) => {
   const baseClassName = `${prefixCls}-indent-unit`;
   const list: React.ReactElement[] = [];
   for (let i = 0; i < level; i += 1) {
@@ -24,7 +19,6 @@ const Indent: React.FC<IndentProps> = ({ prefixCls, level, isStart, isEnd, width
           [`${baseClassName}-start`]: isStart[i],
           [`${baseClassName}-end`]: isEnd[i],
         })}
-        style={widthStyle}
       />,
     );
   }

src/NodeList.tsx

@@ -75,7 +75,6 @@ interface NodeListProps<TreeDataType extends BasicDataNode> {
   checkable?: boolean;
   selectable?: boolean;
   disabled?: boolean;
-  indentWidth?: number;
 
   expandedKeys: Key[];
   selectedKeys: Key[];
@@ -150,7 +149,6 @@ const NodeList = React.forwardRef<NodeListRef, NodeListProps<any>>((props, ref)
     halfCheckedKeys,
     keyEntities,
     disabled,
-    indentWidth,
 
     dragging,
     dragOverNodeKey,
@@ -364,7 +362,6 @@ const NodeList = React.forwardRef<NodeListRef, NodeListProps<any>>((props, ref)
               isStart={isStart}
               isEnd={isEnd}
               motion={motion}
-              indentWidth={indentWidth}
               motionNodes={key === MOTION_KEY ? transitionRange : null}
               motionType={motionType}
               onMotionStart={onListChangeStart}

src/Tree.tsx

@@ -95,7 +95,6 @@ export interface TreeProps<TreeDataType extends BasicDataNode = DataNode> {
   showLine?: boolean;
   showIcon?: boolean;
   icon?: IconType;
-  indentWidth?: number;
   selectable?: boolean;
   expandAction?: ExpandAction;
   disabled?: boolean;
@@ -1373,7 +1372,6 @@ class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends Rea
       selectable,
       showIcon,
       icon,
-      indentWidth,
       switcherIcon,
       draggable,
       checkable,
@@ -1432,7 +1430,6 @@ class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends Rea
           dropPosition,
           dragOverNodeKey,
           indent,
-          indentWidth,
           direction,
           dropIndicatorRender,
 
@@ -1475,7 +1472,6 @@ class Tree<TreeDataType extends DataNode | BasicDataNode = DataNode> extends Rea
             disabled={disabled}
             selectable={selectable}
             checkable={!!checkable}
-            indentWidth={indentWidth}
             motion={motion}
             dragging={draggingNodeKey !== null}
             height={height}

src/TreeNode.tsx

@@ -519,7 +519,6 @@ class InternalTreeNode extends React.Component<InternalTreeNodeProps, TreeNodeSt
       data,
       onMouseMove,
       selectable,
-      indentWidth,
       ...otherProps
     } = this.props;
     const {
@@ -585,7 +584,6 @@ class InternalTreeNode extends React.Component<InternalTreeNodeProps, TreeNodeSt
           level={level}
           isStart={isStart}
           isEnd={isEnd}
-          width={indentWidth}
         />
         {this.renderDragHandler()}
         {this.renderSwitcher()}

src/contextTypes.ts

@@ -57,7 +57,6 @@ export interface TreeContextProps<TreeDataType extends BasicDataNode = DataNode>
   dropTargetKey: Key | null;
   dropPosition: -1 | 0 | 1 | null;
   indent: number | null;
-  indentWidth?: number;
   dropIndicatorRender: (props: {
     dropPosition: -1 | 0 | 1;
     dropLevelOffset: number;

src/interface.tsx

@@ -27,7 +27,6 @@ export interface TreeNodeProps<TreeDataType extends BasicDataNode = DataNode> {
   isEnd?: boolean[];
   active?: boolean;
   onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
-  indentWidth?: number
 
   // By user
   isLeaf?: boolean;

tests/TreeProps.spec.tsx

@@ -657,7 +657,7 @@ describe('Tree Props', () => {
 
     // https://github.com/ant-design/ant-design/issues/48796
     it('skip load if has children', () => {
-      const loadData = jest.fn(async (info) => {
+      const loadData = jest.fn(async info => {
         console.log('->', info.key);
       });
 
@@ -722,20 +722,6 @@ describe('Tree Props', () => {
     );
   });
 
-  it('indentWidth', () => {
-    const { container } = render(
-      <Tree defaultExpandAll indentWidth={200}>
-        <TreeNode key="0-0" title="parent">
-          <TreeNode key="0-0-0" title="child" />
-        </TreeNode>
-      </Tree>,
-    );
-
-    expect(getComputedStyle(container.querySelector('.rc-tree-indent-unit-start')).width).toBe(
-      '200px',
-    );
-  });
-
   it('onDoubleClick', () => {
     const onClick = jest.fn();
     const onDoubleClick = jest.fn();