@mce/bigesj 0.15.12 → 0.15.13

package/dist/convert/cropping.d.ts

@@ -7,7 +7,7 @@ export interface BigeCropping {
     translateY: number;
     zoom?: number;
 }
-export declare function croppingToCropRect(cropping: BigeCropping, width: number, height: number): {
+export declare function croppingToCropRect(cropping: BigeCropping, elWidth: number, elHeight: number): {
     left: number;
     top: number;
     right: number;

package/dist/convert/transform.d.ts

@@ -7,7 +7,7 @@ export interface BigeTransform {
     translateY: number;
     zoom?: number;
 }
-export declare function transformToCropRect(transform: BigeTransform, width: number, height: number): {
+export declare function transformToCropRect(transform: BigeTransform, elWidth: number, elHeight: number): {
     left: number;
     top: number;
     right: number;

package/dist/index.js

@@ -603,16 +603,18 @@ function getStyle(el, clone = false) {
   }
   return style;
 }
-function transformToCropRect(transform, width, height) {
+function transformToCropRect(transform, elWidth, elHeight) {
   const {
     imageWidth,
     imageHeight,
-    originWidth: _originWidth = width,
-    originHeight: _originHeight = height,
+    originWidth: _originWidth = elWidth,
+    originHeight: _originHeight = elHeight,
     translateX,
     translateY,
     zoom = 1
   } = transform;
+  const width = imageWidth * zoom;
+  const height = imageHeight * zoom;
   const left = -(imageWidth * (zoom - 1) / 2) + translateX * zoom;
   const top = -(imageHeight * (zoom - 1) / 2) + translateY * zoom;
   const right = left + imageWidth * zoom;
@@ -620,8 +622,8 @@ function transformToCropRect(transform, width, height) {
   return {
     left: -left / width,
     top: -top / height,
-    right: -(width - right) / width,
-    bottom: -(height - bottom) / height
+    right: -(elWidth - right) / width,
+    bottom: -(elHeight - bottom) / height
   };
 }
 function convertBackground(el) {
@@ -667,31 +669,31 @@ function convertBackground(el) {
   }
   return background;
 }
-function croppingToCropRect(cropping, width, height) {
+function croppingToCropRect(cropping, elWidth, elHeight) {
   const {
     imageWidth,
     imageHeight,
-    maskWidth = width,
-    maskHeight = height,
+    maskWidth = elWidth,
+    maskHeight = elHeight,
     translateX,
     translateY,
     zoom = 1
   } = cropping;
-  const cvsWidth = imageWidth * zoom;
-  const cvsHeight = imageHeight * zoom;
-  const distX = (cvsWidth - maskWidth) / 2 - translateX;
-  const distY = (cvsHeight - maskHeight) / 2 - translateY;
+  const width = imageWidth * zoom;
+  const height = imageHeight * zoom;
+  const distX = (width - maskWidth) / 2 - translateX;
+  const distY = (height - maskHeight) / 2 - translateY;
   const originX = distX + maskWidth / 2;
   const originY = distY + maskHeight / 2;
-  const left = -(width / 2 - originX);
-  const top = -(height / 2 - originY);
-  const right = cvsWidth - (left + width);
-  const bottom = cvsHeight - (top + height);
+  const left = -(elWidth / 2 - originX);
+  const top = -(elHeight / 2 - originY);
+  const right = width - (left + elWidth);
+  const bottom = height - (top + elHeight);
   return {
-    left: left / cvsWidth,
-    top: top / cvsHeight,
-    right: right / cvsWidth,
-    bottom: bottom / cvsHeight
+    left: left / width,
+    top: top / height,
+    right: right / width,
+    bottom: bottom / height
   };
 }
 async function convertImageElementToUrl(el) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mce/bigesj",
   "type": "module",
-  "version": "0.15.12",
+  "version": "0.15.13",
   "description": "Plugin for mce",
   "author": "wxm",
   "license": "MIT",
@@ -49,7 +49,7 @@
     "modern-openxml": "^1.10.1"
   },
   "devDependencies": {
-    "mce": "0.15.12"
+    "mce": "0.15.13"
   },
   "peerDependencies": {
     "mce": "^0"