fix: fix itemHeight of Tree (ant-design#46672)

* fix: Fix itemHeight of Tree * fix: Fix itemHeight of Tree
sebastibe · Dec 28, 2023 · 726e618 · 726e618
1 parent a876e8a
commit 726e618
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/components/tree/Tree.tsx b/components/tree/Tree.tsx
@@ -12,6 +12,7 @@ import { ConfigContext } from '../config-provider';
 import useStyle from './style';
 import dropIndicatorRender from './utils/dropIndicator';
 import SwitcherIconCom from './utils/iconUtil';
+import { useToken } from '../theme/internal';
 
 export type SwitcherIcon = React.ReactNode | ((props: AntTreeNodeProps) => React.ReactNode);
 export type TreeLeafIcon = React.ReactNode | ((props: AntTreeNodeProps) => React.ReactNode);
@@ -194,6 +195,9 @@ const Tree = React.forwardRef<RcTree, TreeProps>((props, ref) => {
   };
 
   const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls);
+  const [, token] = useToken();
+
+  const itemHeight = (token.paddingXS / 2) + (token.Tree?.titleHeight || token.controlHeightSM);
 
   const draggableConfig = React.useMemo(() => {
     if (!draggable) {
@@ -231,7 +235,7 @@ const Tree = React.forwardRef<RcTree, TreeProps>((props, ref) => {
 
   return wrapCSSVar(
     <RcTree
-      itemHeight={20}
+      itemHeight={itemHeight}
       ref={ref}
       virtual={virtual}
       {...newProps}