fix: fix tree node folding animation

[li1615882553]

Types of changes

• Bug fix
• New feature
• Enhancement
• Component style change
• Refactoring
• Typescript definition change
• Documentation change
• Coding style change
• Test cases
• Continuous integration
• Breaking change
• Others

Background and context

Solution

修改树节点折叠动画不生效问题

修改前
树的展开折叠动画，只有展开动画生效，折叠动画失效
把动画时间调到了2s，方便查看效果：

Jul-19-2024.10-48-57.mp4

修改后
展开和折叠动画都生效，效果如下：

Jul-19-2024.16-54-26.mp4

产生原因
树产生动画的节点，无论展开折叠都是节点从无到有的过程，所以在before-enter回调中，获取到的scrollHeight都是0，这样折叠动画就是高度从0到0，所以动画失效

解决方案
不在before-enter中获取初始高度，统一改到enter中获取初始高度，强制浏览器回流后获取最终高度，使动画生效

How is the change tested?

Changelog

Component	Changelog(CN)	Changelog(EN)	Related issues
tree	修复树折叠动画不生效问题	fix tree node folding animation

Checklist:

• Test suite passes (npm run test)
• Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others
  should be submitted to main branch)

Other information

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[xiangshu233]

@li1615882553 怎么感觉动画有点迟滞呢（第二个视频）

[li1615882553]

@li1615882553 怎么感觉动画有点迟滞呢（第二个视频）

相对于原before-enter给初始高度来说，应该稍微有一点，调用enter的时候dom已经挂载了，而且在enter中还需要回流，才能使动画生效，也会有一定的消耗