Tencent / Tencent/tdesign-react
[ImageViewer/图片预览] 希望这个功能更强大些！
Open
Nobody has claimed this yet.
💪🏻 enhancement
- Dominant language
- TypeScript
- Stars
- 965
- Forks
- 373
- Avg merge
- 3d 6h
- Merged PRs (30d)
- 17
Description
这个功能解决了什么问题
组件增强，我认为下面我提到的几个方案应该很实用！
你建议的方案是什么
- 希望切换的时候，可以增加动画过度，不是现在这种很生硬的。甚至可以自己用css定义动画指定。
- 拖动图片，如果往右或往左拖动速度很快并且释放鼠标或触屏后，也是切换。
- 希望多图预览的时候，上方的缩略图栏，可以指定其他的位置：下、左、右
- 多图切换，支持垂直方向切换。
- 多图切换的左右箭头支持自己传入html节点，react组件什么的。
- 支持图片说明，比如alt属性的展示，缩略图也支持tooltip显示alt，大图也在合适的位置（我不知道怎么设计好）可以显示说明
同类产品的issues
https://github.com/ant-design/ant-design/issues/45428
https://github.com/arco-design/arco-design/issues/2268
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
The issue does not name files, tests, or entry points. First review the existing ImageViewer implementation and compare the requested transition, gesture, thumbnail placement, vertical switching, custom controls, and captions with the linked Ant Design and Arco Design issues. Done requires narrowing these proposals into a defined, testable scope.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100