Tencent / Tencent/tdesign-react
[Transfer] 穿梭框与Tree一起使用有许多问题
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 965
- Forks
- 373
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 17
Description
tdesign-react 版本
1.7.5
重现链接
https://codesandbox.io/p/sandbox/tdesign-react-demo-tqtp5d?file=%2Fsrc%2Fdemo.jsx
重现步骤
添加 search={true}, transition={false} 均不能按预期执行。
期望结果
- search={true}
预期行为：过滤所有子节点
实际行为：只过滤第一层数据
- transition={false}
预期行为：Tree在折叠时瞬间完成
实际行为：Tree在children比较多时（几十个）会明显看到子节点一个个消失
- Tree的折叠和展开效率极低，动画很慢
实际结果
上面写过，略
框架版本
React 16.14.0
浏览器版本
Firefox 126.0.1
系统版本
macOS 14.4.1
Node版本
No response
补充说明
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodeSandbox and the Transfer documentation demo for Tree integration, using tdesign-react 1.7.5 with search and transition disabled. Reproduce the three reported cases: filtering nested children, instant collapse, and slow expand/collapse; the work is done when nested filtering is complete and Tree transitions and interaction are acceptably responsive.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100