@hprint/plugins 0.0.1-alpha.1 → 0.0.1-alpha.3

package/src/plugins/LayerPlugin.ts

@@ -1,108 +1,108 @@
-import { fabric } from '@hprint/core';
-import type { IEditor, IPluginTempl } from '@hprint/core';
-
-type IPlugin = Pick<LayerPlugin, 'up' | 'down' | 'toFront' | 'toBack'>;
-
-declare module '@hprint/core' {
-    // eslint-disable-next-line @typescript-eslint/no-empty-interface
-    interface IEditor extends IPlugin {}
-}
-
-class LayerPlugin implements IPluginTempl {
-    static pluginName = 'LayerPlugin';
-    static apis = ['up', 'down', 'toFront', 'toBack'];
-    constructor(
-        public canvas: fabric.Canvas,
-        public editor: IEditor
-    ) {}
-
-    _getWorkspace() {
-        return this.canvas.getObjects().find((item) => item.id === 'workspace');
-    }
-
-    _workspaceSendToBack() {
-        const workspace = this._getWorkspace();
-        workspace && workspace.sendToBack();
-    }
-
-    up() {
-        const actives = this.canvas.getActiveObjects();
-        if (actives && actives.length === 1) {
-            const activeObject = this.canvas.getActiveObjects()[0];
-            activeObject && activeObject.bringForward();
-            this.canvas.renderAll();
-            this._workspaceSendToBack();
-        }
-    }
-
-    down() {
-        const actives = this.canvas.getActiveObjects();
-        if (actives && actives.length === 1) {
-            const activeObject = this.canvas.getActiveObjects()[0];
-            activeObject && activeObject.sendBackwards();
-            this.canvas.renderAll();
-            this._workspaceSendToBack();
-        }
-    }
-
-    toFront() {
-        const actives = this.canvas.getActiveObjects();
-        if (actives && actives.length === 1) {
-            const activeObject = this.canvas.getActiveObjects()[0];
-            activeObject && activeObject.bringToFront();
-            this.canvas.renderAll();
-            this._workspaceSendToBack();
-        }
-    }
-
-    toBack() {
-        const actives = this.canvas.getActiveObjects();
-        if (actives && actives.length === 1) {
-            const activeObject = this.canvas.getActiveObjects()[0];
-            activeObject && activeObject.sendToBack();
-            this.canvas.renderAll();
-            this._workspaceSendToBack();
-        }
-    }
-
-    contextMenu() {
-        const activeObject = this.canvas.getActiveObject();
-        if (activeObject) {
-            return [
-                {
-                    text: '图层管理',
-                    hotkey: '❯',
-                    subitems: [
-                        {
-                            text: '上一个',
-                            hotkey: '',
-                            onclick: () => this.up(),
-                        },
-                        {
-                            text: '下一个',
-                            hotkey: '',
-                            onclick: () => this.down(),
-                        },
-                        {
-                            text: '置顶',
-                            hotkey: '',
-                            onclick: () => this.toFront(),
-                        },
-                        {
-                            text: '置底',
-                            hotkey: '',
-                            onclick: () => this.toBack(),
-                        },
-                    ],
-                },
-            ];
-            // return [{ text: '复制', hotkey: 'Ctrl+V', disabled: false, onclick: () => this.clone() }];
-        }
-    }
-
-    destroy() {
-        console.log('pluginDestroy');
-    }
-}
-
-export default LayerPlugin;
+import { fabric } from '@hprint/core';
+import type { IEditor, IPluginTempl } from '@hprint/core';
+
+type IPlugin = Pick<LayerPlugin, 'up' | 'down' | 'toFront' | 'toBack'>;
+
+declare module '@hprint/core' {
+    // eslint-disable-next-line @typescript-eslint/no-empty-interface
+    interface IEditor extends IPlugin {}
+}
+
+class LayerPlugin implements IPluginTempl {
+    static pluginName = 'LayerPlugin';
+    static apis = ['up', 'down', 'toFront', 'toBack'];
+    constructor(
+        public canvas: fabric.Canvas,
+        public editor: IEditor
+    ) {}
+
+    _getWorkspace() {
+        return this.canvas.getObjects().find((item) => item.id === 'workspace');
+    }
+
+    _workspaceSendToBack() {
+        const workspace = this._getWorkspace();
+        workspace && workspace.sendToBack();
+    }
+
+    up() {
+        const actives = this.canvas.getActiveObjects();
+        if (actives && actives.length === 1) {
+            const activeObject = this.canvas.getActiveObjects()[0];
+            activeObject && activeObject.bringForward();
+            this.canvas.renderAll();
+            this._workspaceSendToBack();
+        }
+    }
+
+    down() {
+        const actives = this.canvas.getActiveObjects();
+        if (actives && actives.length === 1) {
+            const activeObject = this.canvas.getActiveObjects()[0];
+            activeObject && activeObject.sendBackwards();
+            this.canvas.renderAll();
+            this._workspaceSendToBack();
+        }
+    }
+
+    toFront() {
+        const actives = this.canvas.getActiveObjects();
+        if (actives && actives.length === 1) {
+            const activeObject = this.canvas.getActiveObjects()[0];
+            activeObject && activeObject.bringToFront();
+            this.canvas.renderAll();
+            this._workspaceSendToBack();
+        }
+    }
+
+    toBack() {
+        const actives = this.canvas.getActiveObjects();
+        if (actives && actives.length === 1) {
+            const activeObject = this.canvas.getActiveObjects()[0];
+            activeObject && activeObject.sendToBack();
+            this.canvas.renderAll();
+            this._workspaceSendToBack();
+        }
+    }
+
+    contextMenu() {
+        const activeObject = this.canvas.getActiveObject();
+        if (activeObject) {
+            return [
+                {
+                    text: '图层管理',
+                    hotkey: '❯',
+                    subitems: [
+                        {
+                            text: '上一个',
+                            hotkey: '',
+                            onclick: () => this.up(),
+                        },
+                        {
+                            text: '下一个',
+                            hotkey: '',
+                            onclick: () => this.down(),
+                        },
+                        {
+                            text: '置顶',
+                            hotkey: '',
+                            onclick: () => this.toFront(),
+                        },
+                        {
+                            text: '置底',
+                            hotkey: '',
+                            onclick: () => this.toBack(),
+                        },
+                    ],
+                },
+            ];
+            // return [{ text: '复制', hotkey: 'Ctrl+V', disabled: false, onclick: () => this.clone() }];
+        }
+    }
+
+    destroy() {
+        console.log('pluginDestroy');
+    }
+}
+
+export default LayerPlugin;