Skip to content

Releases: chengpeiquan/vue-picture-cropper

v0.7.0

06 Oct 13:54
Compare
Choose a tag to compare
  • Since part of the code in this repo has nothing to do with the cropper component (e.g. Documentation ), since v0.7.0 , this repo supports an independent workspace, so that the component's dependencies no longer have irrelevant dependencies (currently this problem only exists in previous patch version v0.6.2)
  • Upgraded the dependency version of CropperJS (v1.5.13 --> v1.6.1)
  • The component uses Vue's ref API instead of the original random ID selector.
  • The component uses Vite's Inline CSS Mode to import styles internally, so the build product no longer generates a separate CSS file.

  • 由于部分仓库代码和裁剪组件无关(例如:文档),因此从 v0.7.0 开始,本仓库支持独立的工作空间,这样让组件的 dependencies 不再有无关的依赖(目前该问题仅存在于上一个补丁版本 v0.6.2
  • 升级了 CropperJS 的依赖版本( v1.5.13 --> v1.6.1
  • 组件内部使用 Vue 的 ref API 代替原有的随机 ID 选择器
  • 组件内部使用 Vite 的 Inline CSS Mode 导入样式,因此构建产物不再生成独立的 CSS 文件

v0.6.0

05 Dec 08:27
590c88e
Compare
Choose a tag to compare
  • Refined TypeScript type declarations to now get better type deduction
  • Refactored components using Composition API and TSX, the build products are now index.mjs (ESM) / index.cjs (CJS) / index.min.js (UMD), you don’t need to pay attention to the file type when using , it can be automatically identified by importing from the package name
  • Optimized document experience, see https://cropper.chengpeiquan.com
  • Added live demos and source code reference in the document, see live demos
  • The build tool migrated from Rollup to Vite (if you want to know how to build a Vue component with Vite, you can refer to the repository source code)

  • 完善了 TypeScript 类型声明,现在可以获得更完善的类型推导
  • 使用 Composition API 和 TSX 重构了组件,构建产物现在分别是 index.mjs (ESM) / index.cjs (CJS) / index.min.js (UMD) ,使用时无须关注文件类型,从包名导入即可自动识别
  • 优化了文档体验,见 https://cropper.chengpeiquan.com/zh/
  • 文档内新增了在线 demo 及源码参考,见 在线演示
  • 构建工具从 Rollup 迁移到 Vite (如果你想了解用 Vite 构建一个 Vue 组件,可以参考仓库源码)

Release v0.5.0

29 Sep 02:05
54e65ab
Compare
Choose a tag to compare

feat

增加了在同一个页面里使用多个裁剪框的支持

感谢 @dga3364#16 的功能建议

Release v0.4.0

13 Sep 09:49
c809c5c
Compare
Choose a tag to compare

feat

本版本这里提供了一些常用的预设模式,方便在日常的业务场景里快速使用。

  • 固定尺寸模式
    可用固定裁切区域的大小,并且获得和裁切区域一样大的裁切结果(这种情况下你可以禁止用户修改裁切区域大小)。
    功能建议来自知乎用户 @Interesting

  • 圆形模式
    如果你在用户头像等地方,需要裁切为圆形图片,可以使用该模式来帮助你获得一个圆形的 png 图。
    功能建议来自 864379232 by @guozhenyu666

Release v0.3.0

09 Sep 09:38
739f6f7
Compare
Choose a tag to compare

fix

  • 由于从 base64 转换为 blob ,在大图片的情况下仍存在白边的情况,从 0.3.0 版本改成用 canvas 去获取,但也因此需要改成异步方式,本版本的更新主要是调整了 getBlob 和 getFile 的处理方式,fix #12

Release v0.2.0

09 Sep 09:31
7d284d4
Compare
Choose a tag to compare

feat

  • 增加了 getFile 方法,可以直接拿到 file 结果,同时修复了中小图片获取 blob 结果后存在底部白边的问题

WIP: fix

  • 但是大图片还是会存在该问题,将在 0.3.0 版本修复

Release v0.1.11

29 Jul 06:07
44aa1ae
Compare
Choose a tag to compare

fix

  • 修复裁剪失败,获取 base64 为空时,再转换 blob 会导致程序崩溃的问题,现在如果裁剪失败,blob 会返回 null,修复 #9

Release v0.1.9

07 Jun 09:56
25b1806
Compare
Choose a tag to compare

fix

  • 增加了 ESM 版本,用于支持在 Vite 项目里的使用(fix #6