@hprint/plugins 0.0.6 → 0.0.8

package/src/plugins/PrintPlugin.ts

@@ -1,81 +1,81 @@
-import { fabric } from '@hprint/core';
-import type { IEditor, IPluginTempl } from '@hprint/core';
-import { io } from 'socket.io-client';
-
-type IPlugin = Pick<PrintPlugin, 'printPDF' | 'getPrinterList'>;
-
-export interface Option {
-    'printer-location': string;
-    'printer-make-and-model': string;
-    system_driverinfo: string;
-}
-
-export interface IPrinterItem {
-    name: string;
-    displayName: string;
-    description: string;
-    status: number;
-    isDefault: boolean;
-    options: Option;
-}
-
-export interface IPrintPDFOption {
-    width: number;
-    height: number;
-    base64: string;
-}
-
-declare module '@hprint/core' {
-    // eslint-disable-next-line @typescript-eslint/no-empty-interface
-    interface IEditor extends IPlugin {}
-}
-
-export default class PrintPlugin implements IPluginTempl {
-    static pluginName = 'PrintPlugin';
-    static apis = ['printPDF', 'getPrinterList'];
-
-    socket?: any;
-    isConnect = false;
-    printerList: IPrinterItem[] = [];
-
-    constructor(
-        public canvas: fabric.Canvas,
-        public editor: IEditor
-    ) {
-        this.editor = editor;
-        this.canvas = canvas;
-
-        this.socket = io('http://localhost:17521', {
-            transports: ['websocket'],
-            auth: {
-                token: 'vue-plugin-hiprint',
-            },
-        });
-
-        this.socket.on('connect', () => {
-            this.isConnect = true;
-            // globalThis.connect = true;
-            // TODO: Do something for your project
-        });
-
-        this.socket.on('printerList', (printerList: IPrinterItem[]) => {
-            console.log('printerList', printerList);
-            this.printerList = printerList;
-        });
-    }
-
-    printPDF(options: IPrintPDFOption) {
-        this.socket.emit('printPDF', {
-            ...options,
-            unit: 'mm',
-        });
-    }
-
-    getPrinterList() {
-        return this.printerList;
-    }
-
-    destroy() {
-        console.log('pluginDestroy');
-    }
-}
+import { fabric } from '@hprint/core';
+import type { IEditor, IPluginTempl } from '@hprint/core';
+import { io } from 'socket.io-client';
+
+type IPlugin = Pick<PrintPlugin, 'printPDF' | 'getPrinterList'>;
+
+export interface Option {
+    'printer-location': string;
+    'printer-make-and-model': string;
+    system_driverinfo: string;
+}
+
+export interface IPrinterItem {
+    name: string;
+    displayName: string;
+    description: string;
+    status: number;
+    isDefault: boolean;
+    options: Option;
+}
+
+export interface IPrintPDFOption {
+    width: number;
+    height: number;
+    base64: string;
+}
+
+declare module '@hprint/core' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface IEditor extends IPlugin {}
+}
+
+export default class PrintPlugin implements IPluginTempl {
+    static pluginName = 'PrintPlugin';
+    static apis = ['printPDF', 'getPrinterList'];
+
+    socket?: any;
+    isConnect = false;
+    printerList: IPrinterItem[] = [];
+
+    constructor(
+        public canvas: fabric.Canvas,
+        public editor: IEditor
+    ) {
+        this.editor = editor;
+        this.canvas = canvas;
+
+        this.socket = io('http://localhost:17521', {
+            transports: ['websocket'],
+            auth: {
+                token: 'vue-plugin-hiprint',
+            },
+        });
+
+        this.socket.on('connect', () => {
+            this.isConnect = true;
+            // globalThis.connect = true;
+            // TODO: Do something for your project
+        });
+
+        this.socket.on('printerList', (printerList: IPrinterItem[]) => {
+            console.log('printerList', printerList);
+            this.printerList = printerList;
+        });
+    }
+
+    printPDF(options: IPrintPDFOption) {
+        this.socket.emit('printPDF', {
+            ...options,
+            unit: 'mm',
+        });
+    }
+
+    getPrinterList() {
+        return this.printerList;
+    }
+
+    destroy() {
+        console.log('pluginDestroy');
+    }
+}

package/src/plugins/PsdPlugin.ts

@@ -1,52 +1,52 @@
-import { fabric } from '@hprint/core';
-import { utils } from '@hprint/shared';
-import psdToJson from '../utils/psd';
-import Psd from '@webtoon/psd';
-import type { IEditor, IPluginTempl } from '@hprint/core';
-
-type IPlugin = Pick<PsdPlugin, 'insertPSD'>;
-
-declare module '@hprint/core' {
-    // eslint-disable-next-line @typescript-eslint/no-empty-interface
-    interface IEditor extends IPlugin {}
-}
-
-class PsdPlugin implements IPluginTempl {
-    static pluginName = 'PsdPlugin';
-    static apis = ['insertPSD'];
-    constructor(
-        public canvas: fabric.Canvas,
-        public editor: IEditor
-    ) {}
-
-    insertPSD(callback?: () => void) {
-        return new Promise((resolve, reject) => {
-            utils
-                .selectFiles({ accept: '.psd' })
-                .then((files) => {
-                    if (files && files.length > 0) {
-                        const file = files[0];
-                        const reader = new FileReader();
-                        reader.readAsText(file, 'UTF-8');
-                        reader.onload = async () => {
-                            const result = await file.arrayBuffer();
-                            // 解析PSD文件
-                            const psdFile = Psd.parse(result as ArrayBuffer);
-                            console.log(psdFile, '11111');
-                            const json = await psdToJson(psdFile);
-                            // 加载json
-                            this.loadJSON(json, callback);
-                            resolve('');
-                        };
-                    }
-                })
-                .catch(reject);
-        });
-    }
-
-    loadJSON(json: string, callback?: () => void) {
-        this.editor.loadJSON(json, callback);
-    }
-}
-
-export default PsdPlugin;
+import { fabric } from '@hprint/core';
+import { utils } from '@hprint/shared';
+import psdToJson from '../utils/psd';
+import Psd from '@webtoon/psd';
+import type { IEditor, IPluginTempl } from '@hprint/core';
+
+type IPlugin = Pick<PsdPlugin, 'insertPSD'>;
+
+declare module '@hprint/core' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface IEditor extends IPlugin {}
+}
+
+class PsdPlugin implements IPluginTempl {
+    static pluginName = 'PsdPlugin';
+    static apis = ['insertPSD'];
+    constructor(
+        public canvas: fabric.Canvas,
+        public editor: IEditor
+    ) {}
+
+    insertPSD(callback?: () => void) {
+        return new Promise((resolve, reject) => {
+            utils
+                .selectFiles({ accept: '.psd' })
+                .then((files) => {
+                    if (files && files.length > 0) {
+                        const file = files[0];
+                        const reader = new FileReader();
+                        reader.readAsText(file, 'UTF-8');
+                        reader.onload = async () => {
+                            const result = await file.arrayBuffer();
+                            // 解析PSD文件
+                            const psdFile = Psd.parse(result as ArrayBuffer);
+                            console.log(psdFile, '11111');
+                            const json = await psdToJson(psdFile);
+                            // 加载json
+                            this.loadJSON(json, callback);
+                            resolve('');
+                        };
+                    }
+                })
+                .catch(reject);
+        });
+    }
+
+    loadJSON(json: string, callback?: () => void) {
+        this.editor.loadJSON(json, callback);
+    }
+}
+
+export default PsdPlugin;

package/src/plugins/QrCodePlugin.ts

@@ -4,7 +4,7 @@ import { utils } from '@hprint/shared';
 import { getUnit, processOptions, formatOriginValues } from '../utils/units';
 import type { IEditor, IPluginTempl } from '@hprint/core';
 
-type IPlugin = Pick<QrCodePlugin, 'addQrCode' | 'setQrCode'>;
+type IPlugin = Pick<QrCodePlugin, 'addQrCode' | 'setQrCode' | 'initQrcodeEvents'>;
 
 declare module '@hprint/core' {
     // eslint-disable-next-line @typescript-eslint/no-empty-interface
@@ -13,7 +13,7 @@ declare module '@hprint/core' {
 
 class QrCodePlugin implements IPluginTempl {
     static pluginName = 'QrCodePlugin';
-    static apis = ['addQrCode', 'setQrCode'];
+    static apis = ['addQrCode', 'setQrCode', 'initQrcodeEvents'];
     constructor(
         public canvas: fabric.Canvas,
         public editor: IEditor
@@ -47,7 +47,7 @@ class QrCodePlugin implements IPluginTempl {
 
     async hookTransformObjectEnd({ originObject, fabricObject }: { originObject: any, fabricObject: any }) {
         if (originObject.extensionType === 'qrcode') {
-            this._bindQrCodeEvents(fabricObject);
+            this.initQrcodeEvents(fabricObject);
         }
     }
 
@@ -180,7 +180,7 @@ class QrCodePlugin implements IPluginTempl {
     /**
      * 绑定二维码相关事件与方法
      */
-    private _bindQrCodeEvents(imgEl: fabric.Image) {
+    initQrcodeEvents(imgEl: fabric.Image) {
         (imgEl as any).setExtension = async (fields: Record<string, any>) => {
             const currentExt = (imgEl.get('extension') as any) || {};
             const merged = { ...currentExt, ...(fields || {}) };
@@ -279,7 +279,7 @@ class QrCodePlugin implements IPluginTempl {
                         originMapped.height = originMapped.width;
                     }
                     (imgEl as any)._originSize = { [unit]: originMapped };
-                    this._bindQrCodeEvents(imgEl);
+                    this.initQrcodeEvents(imgEl);
                     resolve(imgEl);
                 },
                 { crossOrigin: 'anonymous' }
@@ -302,7 +302,7 @@ class QrCodePlugin implements IPluginTempl {
                         extension: { ...option },
                     });
                     imgEl.scaleToWidth(activeObject.getScaledWidth());
-                    this._bindQrCodeEvents(imgEl);
+                    this.initQrcodeEvents(imgEl);
                     this.editor.del();
                     this.canvas.add(imgEl);
                     this.canvas.setActiveObject(imgEl);