diff --git a/CHANGELOG.md b/CHANGELOG.md index 0368cbf8afbdc1afd02175bcd4f199832be870cd..e1356b7b00ad4e1587d0bf301f3d06aa210a386f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ ## [Unreleased] +### Change + +- 更新移动端裁剪框支持自定义设置宽高 + ### Added - 新增图片裁剪上传组件 diff --git a/src/editor/upload/ibiz-image-cropping/ibiz-image-cropping.tsx b/src/editor/upload/ibiz-image-cropping/ibiz-image-cropping.tsx index 024eb1cf481a94c345ec4b395f30bef4e328fb4a..1c575e3ef8516961c1bb8364219fecdb2adbcfbe 100644 --- a/src/editor/upload/ibiz-image-cropping/ibiz-image-cropping.tsx +++ b/src/editor/upload/ibiz-image-cropping/ibiz-image-cropping.tsx @@ -28,6 +28,18 @@ export const IBizImageCropping = defineComponent({ // 是否阻止默认点击 const result = c.editorParams?.STOPPROPAGATION !== 'false'; + const cropRect: IData = {}; + + if (c.editorParams?.cropWidth) { + Object.assign(cropRect, { + cropareaWidth: Number(c.editorParams.cropWidth), + }); + } + if (c.editorParams?.cropHeight) { + Object.assign(cropRect, { + cropareaHeight: Number(c.editorParams.cropHeight), + }); + } const { uploadUrl, headers, @@ -117,6 +129,7 @@ export const IBizImageCropping = defineComponent({ show, tempFile, cropImgUrl, + cropRect, cropChange, }; }, @@ -163,6 +176,7 @@ export const IBizImageCropping = defineComponent({ diff --git a/src/locale/en/index.ts b/src/locale/en/index.ts index 3b157f3e03a29d630b0889b73c884027abc4bd71..c2540e7a2f5c5f9de782c94c17fbb1aa6ee04c75 100644 --- a/src/locale/en/index.ts +++ b/src/locale/en/index.ts @@ -188,6 +188,7 @@ export default { 'The configuration of uploadparams did not follow the standard JSON format', exportJsonFormatErr: 'The configuration of exportparams did not follow the standard JSON format', + cancelUpload: 'Cancel Upload', }, emojiPicker: { addEmoji: 'Add emoji', diff --git a/src/locale/zh-CN/index.ts b/src/locale/zh-CN/index.ts index 52ab3dc55fd6a659c33b4c0941f6fceb4cb7ec83..ac826e54b4e59c79c8c2edee9b6cd51ac79aea7e 100644 --- a/src/locale/zh-CN/index.ts +++ b/src/locale/zh-CN/index.ts @@ -177,6 +177,7 @@ export default { upload: { uploadJsonFormatErr: '配置uploadparams没有按标准JSON格式', exportJsonFormatErr: '配置exportparams没有按标准JSON格式', + cancelUpload: '取消上传', }, emojiPicker: { addEmoji: '添加表情',