Releases: chengpeiquan/vue-picture-cropper
Releases · chengpeiquan/vue-picture-cropper
v0.7.0
- 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'sdependencies
no longer have irrelevant dependencies (currently this problem only exists in previous patch versionv0.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
- 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
Release v0.4.0
feat
本版本这里提供了一些常用的预设模式,方便在日常的业务场景里快速使用。
-
固定尺寸模式
可用固定裁切区域的大小,并且获得和裁切区域一样大的裁切结果(这种情况下你可以禁止用户修改裁切区域大小)。
功能建议来自知乎用户 @Interesting -
圆形模式
如果你在用户头像等地方,需要裁切为圆形图片,可以使用该模式来帮助你获得一个圆形的 png 图。
功能建议来自 864379232 by @guozhenyu666
Release v0.3.0
fix
- 由于从 base64 转换为 blob ,在大图片的情况下仍存在白边的情况,从
0.3.0
版本改成用 canvas 去获取,但也因此需要改成异步方式,本版本的更新主要是调整了 getBlob 和 getFile 的处理方式,fix #12
Release v0.2.0
feat
- 增加了 getFile 方法,可以直接拿到 file 结果,同时修复了中小图片获取 blob 结果后存在底部白边的问题
WIP: fix
- 但是大图片还是会存在该问题,将在 0.3.0 版本修复
Release v0.1.11
fix
- 修复裁剪失败,获取 base64 为空时,再转换 blob 会导致程序崩溃的问题,现在如果裁剪失败,blob 会返回 null,修复 #9
Release v0.1.9
fix
- 增加了
ESM
版本,用于支持在 Vite 项目里的使用(fix #6 )