@hprint/plugins 0.0.1-alpha.2 → 0.0.1-alpha.4

package/src/plugins/BarCodePlugin.ts

@@ -48,8 +48,8 @@ class BarCodePlugin implements IPluginTempl {
     }
 
     async hookTransformObjectEnd({ originObject, fabricObject }: { originObject: any, fabricObject: any }) {
-        if (originObject.extensionType === 'qrcode') {
-            this._bindQrCodeEvents(fabricObject);
+        if (originObject.extensionType === 'barcode') {
+            this._bindBarcodeEvents(fabricObject);
         }
     }
 

package/src/plugins/CreateElementPlugin.ts

@@ -54,7 +54,11 @@ class CreateElementPlugin implements IPluginTempl {
         public editor: IEditor
     ) { }
 
-
+    async hookTransformObjectEnd({ originObject, fabricObject }: { originObject: any, fabricObject: any }) {
+        if (fabricObject) {
+            this.addSetAndSyncByUnit(fabricObject);
+        }
+    }
 
     private _processPoints(points: Array<{ x: number; y: number }>, dpi?: number): { processed: Array<{ x: number; y: number }>; originByUnit: Record<string, Record<string, any>> } {
         const hasCfg = CreateElementPlugin.lengthFieldConfigs.some(
@@ -101,6 +105,12 @@ class CreateElementPlugin implements IPluginTempl {
                     if (value !== undefined) {
                         const processedVal = convertSingle(value, unit, dpi);
                         mergeOrigin(this, unit, { [field]: value });
+                        if (this.type === 'image' && (field === 'width' || field === 'height')) {
+                            if (field === 'width') {
+                                return originalSet('scaleX', processedVal / (this.width || 1));
+                            }
+                            return originalSet('scaleY', processedVal / (this.height || 1));
+                        }
                         return originalSet(field, processedVal);
                     }
                 }
@@ -136,7 +146,18 @@ class CreateElementPlugin implements IPluginTempl {
                 const { processed, originByUnit } = processOptions(opts, unit, dpi, singleFields);
                 const originUnit = originByUnit[unit] || {};
                 if (Object.keys(originUnit).length) mergeOrigin(this, unit, originUnit);
-                return originalSet({ ...opts, ...processed });
+                const finalProps = { ...opts, ...processed };
+                if (this.type === 'image') {
+                    if (finalProps.width !== undefined) {
+                        finalProps.scaleX = finalProps.width / (this.width || 1);
+                        delete finalProps.width;
+                    }
+                    if (finalProps.height !== undefined) {
+                        finalProps.scaleY = finalProps.height / (this.height || 1);
+                        delete finalProps.height;
+                    }
+                }
+                return originalSet(finalProps);
             }
             return originalSet(key, value);
         };

package/src/plugins/GroupAlignPlugin.ts

@@ -15,7 +15,7 @@ type IPlugin = Pick<
 
 declare module '@hprint/core' {
     // eslint-disable-next-line @typescript-eslint/no-empty-interface
-    interface IEditor extends IPlugin {}
+    interface IEditor extends IPlugin { }
 }
 
 class GroupAlignPlugin implements IPluginTempl {
@@ -34,7 +34,7 @@ class GroupAlignPlugin implements IPluginTempl {
     constructor(
         public canvas: fabric.Canvas,
         public editor: IEditor
-    ) {}
+    ) { }
 
     left() {
         const { canvas } = this;

package/src/plugins/LockPlugin.ts

@@ -9,7 +9,7 @@ type IPlugin = Pick<LockPlugin, 'lock' | 'unLock'>;
 
 declare module '@hprint/core' {
     // eslint-disable-next-line @typescript-eslint/no-empty-interface
-    interface IEditor extends IPlugin {}
+    interface IEditor extends IPlugin { }
 }
 
 enum ItypeKey {
@@ -181,6 +181,8 @@ export default class LockPlugin implements IPluginTempl {
 
     hookImportAfter() {
         this.canvas.forEachObject((obj: fabric.Object) => {
+            // 避免导入JSON后选中画布
+            if (obj.id === 'workspace') return;
             if (obj.hasControls === false && obj.selectable === false) {
                 this.canvas.setActiveObject(obj);
                 this.lock();