fix(Tree): remove leftover delay when transition is disabled (#4231)

* fix(Tree): remove leftover delay when collapsing nodes with transition disabled

* chore: stash changelog [ci skip]

---------

Co-authored-by: tdesign-bot <tdesign@tencent.com>

Author: uyarn

packages/components/tree/Tree.tsx

@@ -39,8 +39,6 @@ import type { TdTreeProps, TreeInstanceFunctions } from './type';
 export type TreeProps = TdTreeProps & StyledProps;
 
 const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((originalProps, ref) => {
-  const { treeClassNames, transitionNames, transitionClassNames, transitionDuration, locale } = useTreeConfig();
-
   const { value, onChange, expanded, onExpand, onActive, actived, setTreeIndeterminate, indeterminate } =
     useControllable(originalProps);
   const props = useDefaultProps<TreeProps>(originalProps, treeDefaultProps);
@@ -66,6 +64,9 @@ const Tree = forwardRef<TreeInstanceFunctions<TreeOptionData>, TreeProps>((origi
     onScroll,
   } = props;
 
+  const { treeClassNames, transitionNames, transitionClassNames, transitionDuration, locale } =
+    useTreeConfig(transition);
+
   // 可见节点集合
   const [visibleNodes, setVisibleNodes] = useState([]);
 

packages/components/tree/hooks/useTreeConfig.ts

@@ -2,7 +2,7 @@ import { useMemo } from 'react';
 import useConfig from '../../hooks/useConfig';
 import { useLocaleReceiver } from '../../locale/LocalReceiver';
 
-export function useTreeConfig() {
+export function useTreeConfig(transition = true) {
   const { classPrefix: prefix } = useConfig();
   const [locale, t] = useLocaleReceiver('tree');
 
@@ -63,8 +63,9 @@ export function useTreeConfig() {
       treeClassNames,
       transitionNames,
       transitionClassNames,
-      transitionDuration: 300,
+      // transition 关闭时立即移除节点，避免 CSSTransition 多等 300ms 造成的关闭延迟
+      transitionDuration: transition ? 300 : 0,
       locale: (key) => t(locale[key]),
     };
-  }, [locale, prefix, t]);
+  }, [locale, prefix, t, transition]);
 }

packages/tdesign-react/.changelog/pr-4231.md

@@ -0,0 +1,6 @@
+---
+pr_number: 4231
+contributor: uyarn
+---
+
+- fix(Tree): 修复关闭 `transition` API 后，由于内部 duration 没有移除导致出现的卡顿表现 @uyarn ([#4231](https://github.com/Tencent/tdesign-react/pull/4231))