tiny-vue
tiny-vue copied to clipboard
feat(crop): [crop] update crop for smb design
PR
PR Checklist
Please check if your PR fulfills the following requirements:
- [x] The commit message follows our Commit Message Guidelines
- [x] Tests for the changes have been added (for bug fixes / features)
- [x] Docs have been added / updated (for bug fixes / features)
PR Type
What kind of change does this PR introduce?
- [ ] Bugfix
- [x] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no api changes)
- [ ] Build related changes
- [ ] CI related changes
- [x] Documentation content changes
- [ ] Other... Please describe:
What is the current behavior?
Issue Number: N/A
What is the new behavior?
Does this PR introduce a breaking change?
- [x] Yes
- [ ] No
Other information
根据最新规范, 修改图片裁剪组件。 移除了预览的功能 调整了裁剪区域的样式 调整了裁剪工具条的样式 调整了裁剪工具条的提示文字 增加 esc 关闭裁剪 同步调整文档
Summary by CodeRabbit
-
New Features
- Enhanced user interaction during cropping with new localized strings for actions like choosing images, zooming, and rotating.
- Introduced a quick exit option for the crop interface by handling the Escape key.
-
Bug Fixes
- Improved rendering performance by switching from
v-if
tov-show
for the crop preview display.
- Improved rendering performance by switching from
-
Refactor
- Removed the 'preview' functionality from the cropping configuration and components, simplifying the cropping tool's interface.
- Streamlined cropping state management and rendering logic for better performance.
-
Style
- Significant CSS refactoring to improve clarity and responsiveness by commenting out unused styles and adjusting existing ones.