npm - @hprint/plugins - Versions diffs - 0.0.1-alpha.3 → 0.0.1 - Mend

@hprint/plugins 0.0.1-alpha.3 → 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/dist/index.js +17 -17
package/dist/index.mjs +1282 -1277
package/dist/src/plugins/CreateElementPlugin.d.ts +4 -0
package/dist/src/plugins/CreateElementPlugin.d.ts.map +1 -1
package/dist/src/utils/ruler/ruler.d.ts +1 -0
package/dist/src/utils/ruler/ruler.d.ts.map +1 -1
package/package.json +3 -3
package/src/assets/style/resizePlugin.css +27 -27
package/src/objects/Arrow.js +47 -47
package/src/objects/ThinTailArrow.js +50 -50
package/src/plugins/AlignGuidLinePlugin.ts +1152 -1152
package/src/plugins/ControlsPlugin.ts +251 -251
package/src/plugins/ControlsRotatePlugin.ts +111 -111
package/src/plugins/CopyPlugin.ts +255 -255
package/src/plugins/CreateElementPlugin.ts +23 -2
package/src/plugins/DeleteHotKeyPlugin.ts +57 -57
package/src/plugins/DrawLinePlugin.ts +162 -162
package/src/plugins/DrawPolygonPlugin.ts +205 -205
package/src/plugins/DringPlugin.ts +125 -125
package/src/plugins/FlipPlugin.ts +59 -59
package/src/plugins/FontPlugin.ts +165 -165
package/src/plugins/FreeDrawPlugin.ts +49 -49
package/src/plugins/GroupAlignPlugin.ts +365 -365
package/src/plugins/GroupPlugin.ts +82 -82
package/src/plugins/GroupTextEditorPlugin.ts +198 -198
package/src/plugins/HistoryPlugin.ts +181 -181
package/src/plugins/ImageStroke.ts +121 -121
package/src/plugins/LayerPlugin.ts +108 -108
package/src/plugins/LockPlugin.ts +242 -242
package/src/plugins/MaskPlugin.ts +155 -155
package/src/plugins/MaterialPlugin.ts +224 -224
package/src/plugins/MiddleMousePlugin.ts +45 -45
package/src/plugins/MoveHotKeyPlugin.ts +46 -46
package/src/plugins/PathTextPlugin.ts +89 -89
package/src/plugins/PolygonModifyPlugin.ts +224 -224
package/src/plugins/PrintPlugin.ts +81 -81
package/src/plugins/PsdPlugin.ts +52 -52
package/src/plugins/ResizePlugin.ts +278 -278
package/src/plugins/RulerPlugin.ts +78 -78
package/src/plugins/SimpleClipImagePlugin.ts +244 -244
package/src/plugins/UnitPlugin.ts +326 -326
package/src/plugins/WaterMarkPlugin.ts +257 -257
package/src/types/eventType.ts +11 -11
package/src/utils/psd.js +432 -432
package/src/utils/ruler/guideline.ts +145 -145
package/src/utils/ruler/index.ts +91 -91
package/src/utils/ruler/ruler.ts +936 -924
package/src/utils/ruler/utils.ts +162 -162
package/tsconfig.json +10 -10
package/vite.config.ts +29 -29

package/src/plugins/LayerPlugin.ts CHANGED Viewed

@@ -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;