tiny-vue icon indicating copy to clipboard operation
tiny-vue copied to clipboard

feat(crop): [crop] update crop for smb design

Open shenjunjian opened this issue 6 months ago • 2 comments

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 关闭裁剪 同步调整文档

image

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 to v-show for the crop preview display.
  • 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.

shenjunjian avatar Aug 06 '24 07:08 shenjunjian