@mce/bigesj 0.15.12 → 0.15.14

package/dist/composables/useFonts.d.ts

@@ -3,6 +3,6 @@ export type BigeFont = Record<string, any>;
 export declare function useFonts(): {
     bigeFonts: import("vue").Ref<BigeFont[], BigeFont[]>;
     searchBigeFont: (keyword: string, fonts?: BigeFont[]) => BigeFont | undefined;
-    loadBigeFonts: (url: string) => Promise<BigeFont[]>;
+    loadBigeFonts: (url: string, init?: boolean) => Promise<BigeFont[]>;
     loadFont: (name: string | string[]) => Promise<(FontLoadedResult | undefined)[]>;
 };

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

@@ -27,9 +27,9 @@ function useFonts() {
     loadFont: baseLoadFont
   } = useEditor();
   const fontPromises = ref(/* @__PURE__ */ new Map());
-  async function loadBigeFonts(url) {
+  async function loadBigeFonts(url, init = false) {
     let result = bigeFonts.value;
-    if (!result.length) {
+    if (!init || !result.length) {
       result = await fetch(url).then((rep) => rep.json()).then((res) => res.data.datalist);
       bigeFonts.value = result;
     }
@@ -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) {
@@ -1862,7 +1864,7 @@ async function setupFonts(editor, api) {
   });
   on("setDoc", preload);
   renderEngine.value.on("nodeEnter", preloadNode);
-  await loadBigeFonts(api.fonts);
+  await loadBigeFonts(api.fonts, true);
 }
 export {
   bidTidLoader,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mce/bigesj",
   "type": "module",
-  "version": "0.15.12",
+  "version": "0.15.14",
   "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.14"
   },
   "peerDependencies": {
     "mce": "^0"