Tencent / Tencent/tdesign-react
[TagInput/标签输入框] 拖放排序的时候体验优化需求
Open
Nobody has claimed this yet.
💪🏻 enhancement
- Dominant language
- TypeScript
- Stars
- 965
- Forks
- 373
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 17
Description
这个功能解决了什么问题
用户体验提升
你建议的方案是什么
两个方案：
前提：拖动的时候，如果输入框中有已存在的tag；
- 拖动的时候，在对应位置加入一个竖线，用来标记松开时，插入的位置；
- 拖动的时候，其他的tag应该让出对应的空间，让出空间的时候，已存在的tag应该有移动动画，效果更好。
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 TagInput entry point and reproduce drag sorting with several existing tags. Compare the proposed insertion marker and spacing animation behaviors, then confirm the chosen interaction works when tags are reordered and the drop position is apparent.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100