@hprint/plugins 0.0.9-alpha.0 → 0.0.9-alpha.1

package/src/plugins/QrCodePlugin.ts

@@ -45,11 +45,29 @@ class QrCodePlugin implements IPluginTempl {
         }
     }
 
-    async hookTransformObjectEnd({ originObject, fabricObject }: { originObject: any, fabricObject: any }) {
-        if (originObject.extensionType === 'qrcode') {
-            this.initQrcodeEvents(fabricObject);
-        }
-    }
+    async hookTransformObjectEnd({ originObject, fabricObject }: { originObject: any, fabricObject: any }) {
+        if (originObject.extensionType === 'qrcode') {
+            this.initQrcodeEvents(fabricObject);
+        }
+    }
+
+    async hookImportAfter() {
+        const qrcodeObjects = this.canvas
+            .getObjects()
+            .filter(
+                (obj: any) =>
+                    obj.type === 'image' && obj.extensionType === 'qrcode'
+            ) as fabric.Image[];
+
+        await Promise.all(
+            qrcodeObjects.map(async (imgEl) => {
+                this.initQrcodeEvents(imgEl);
+                await this._updateQrCodeImage(imgEl, true);
+            })
+        );
+
+        this.canvas.renderAll();
+    }
 
     async _getQrCodeResult(options: any): Promise<{ url: string; width: number; height: number }> {
         const zoom = this.canvas.getZoom() || 1;
@@ -123,11 +141,11 @@ class QrCodePlugin implements IPluginTempl {
         return options;
     }
 
-    private async _updateQrCodeImage(imgEl: fabric.Image, immediate = false) {
-        const extension = imgEl.get('extension');
-        if (!extension) return;
-        const updateFn = async () => {
-            const currentWidth = imgEl.getScaledWidth();
+    private async _updateQrCodeImage(imgEl: fabric.Image, immediate = false) {
+        const extension = imgEl.get('extension');
+        if (!extension) return;
+        const updateFn = async () => {
+            const currentWidth = imgEl.getScaledWidth();
             const currentHeight = imgEl.getScaledHeight();
             const size = Math.max(currentWidth, currentHeight);
             const options = {
@@ -135,11 +153,11 @@ class QrCodePlugin implements IPluginTempl {
                 width: size,
                 height: size,
             };
-            const paramsOption = this._paramsToOption(options);
-            try {
-                const url = await this._getBase64Str(paramsOption);
-                await new Promise<void>((resolve) => {
-                    imgEl.setSrc(url, () => {
+            const paramsOption = this._paramsToOption(options);
+            try {
+                const url = await this._getBase64Str(paramsOption);
+                await new Promise<void>((resolve) => {
+                    imgEl.setSrc(url, () => {
                         this._setImageScale(imgEl, currentWidth, currentHeight);
                         imgEl.set('extension', options);
                         this.canvas.renderAll();