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

package/dist/interface/Editor.d.ts

@@ -1,7 +1,7 @@
 import { default as Editor } from '@hprint/core';
 export interface IEditor extends Editor {
 }
-export type IEditorHooksType = 'hookImportBefore' | 'hookImportAfter' | 'hookSaveBefore' | 'hookSaveAfter' | 'hookTransform';
+export type IEditorHooksType = 'hookImportBefore' | 'hookImportAfter' | 'hookSaveBefore' | 'hookSaveAfter' | 'hookTransform' | 'hookTransformObjectEnd';
 export declare class IPluginTempl {
     constructor(canvas: fabric.Canvas, editor: IEditor, options?: IPluginOption);
     static pluginName: string;
@@ -13,6 +13,7 @@ export declare class IPluginTempl {
     hookSaveBefore?: (...args: unknown[]) => Promise<unknown>;
     hookSaveAfter?: (...args: unknown[]) => Promise<unknown>;
     hookTransform?: (...args: unknown[]) => Promise<unknown>;
+    hookTransformObjectEnd?: (...args: unknown[]) => Promise<unknown>;
     [propName: string]: any;
     canvas?: fabric.Canvas;
     editor?: IEditor;

package/dist/interface/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/interface/Editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAIvC,MAAM,WAAW,OAAQ,SAAQ,MAAM;CAAG;AAG1C,MAAM,MAAM,gBAAgB,GACtB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB,eAAe,GACf,eAAe,CAAC;AAGtB,MAAM,CAAC,OAAO,OAAO,YAAY;gBAEzB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO,EACf,OAAO,CAAC,EAAE,aAAa;IAE3B,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,WAAW,aAAa;IAClC,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC3C;AAED,OAAO,OAAO,aAAc,SAAQ,YAAY;;CAE/C;AAED,MAAM,CAAC,OAAO,WAAW,YAAY;IACjC,KACI,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,aAAa,GACxB,aAAa,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,WAAW,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/interface/Editor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,cAAc,CAAC;AAIvC,MAAM,WAAW,OAAQ,SAAQ,MAAM;CAAI;AAG3C,MAAM,MAAM,gBAAgB,GACtB,kBAAkB,GAClB,iBAAiB,GACjB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,wBAAwB,CAAC;AAG/B,MAAM,CAAC,OAAO,OAAO,YAAY;gBAEzB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO,EACf,OAAO,CAAC,EAAE,aAAa;IAE3B,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IACxB,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IACvD,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC5D,eAAe,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IACzD,sBAAsB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,WAAW,aAAa;IAClC,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAC3C;AAED,OAAO,OAAO,aAAc,SAAQ,YAAY;;CAE/C;AAED,MAAM,CAAC,OAAO,WAAW,YAAY;IACjC,KACI,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,MAAM,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,aAAa,GACxB,aAAa,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,WAAW,WAAW;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hprint/core",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.3",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -33,7 +33,7 @@
     "hotkeys-js": "~3.8.9",
     "tapable": "~2.3.0",
     "uuid": "~8.3.2",
-    "@hprint/shared": "0.0.1-alpha.1"
+    "@hprint/shared": "0.0.1-alpha.3"
   },
   "scripts": {
     "build": "vite build",

package/src/ContextMenu.js

@@ -1,277 +1,277 @@
-import './styles/contextMenu.css';
-
-class ContextMenu {
-    constructor(container, items) {
-        this.container = container;
-        this.dom = null;
-        this.shown = false;
-        this.root = true;
-        this.parent = null;
-        this.submenus = [];
-        this.items = items;
-
-        this._onclick = (e) => {
-            if (
-                this.dom &&
-                e.target != this.dom &&
-                e.target.parentElement != this.dom &&
-                !e.target.classList.contains('item') &&
-                !e.target.parentElement.classList.contains('item')
-            ) {
-                this.hideAll();
-            }
-        };
-
-        this._oncontextmenu = (e) => {
-            e.preventDefault();
-            if (
-                e.target != this.dom &&
-                e.target.parentElement != this.dom &&
-                !e.target.classList.contains('item') &&
-                !e.target.parentElement.classList.contains('item')
-            ) {
-                this.hideAll();
-                this.show(e.clientX, e.clientY);
-            }
-        };
-
-        this._oncontextmenu_keydown = (e) => {
-            if (e.keyCode != 93) return;
-            e.preventDefault();
-
-            this.hideAll();
-            this.show(e.clientX, e.clientY);
-        };
-
-        this._onblur = () => {
-            this.hideAll();
-        };
-    }
-
-    getMenuDom() {
-        const menu = document.createElement('div');
-        menu.classList.add('context');
-
-        for (const item of this.items) {
-            menu.appendChild(this.itemToDomEl(item));
-        }
-
-        return menu;
-    }
-
-    itemToDomEl(data) {
-        const item = document.createElement('div');
-
-        if (data === null) {
-            item.classList = 'separator';
-            return item;
-        }
-
-        if (
-            data.hasOwnProperty('color') &&
-            /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(
-                data.color.toString()
-            )
-        ) {
-            item.style.cssText = `color: ${data.color}`;
-        }
-
-        item.classList.add('item');
-
-        const label = document.createElement('span');
-        label.classList = 'label';
-        label.innerText = data.hasOwnProperty('text')
-            ? data['text'].toString()
-            : '';
-        item.appendChild(label);
-
-        if (data.hasOwnProperty('disabled') && data['disabled']) {
-            item.classList.add('disabled');
-        } else {
-            item.classList.add('enabled');
-        }
-
-        const hotkey = document.createElement('span');
-        hotkey.classList = 'hotkey';
-        hotkey.innerText = data.hasOwnProperty('hotkey')
-            ? data['hotkey'].toString()
-            : '';
-        item.appendChild(hotkey);
-
-        if (
-            data.hasOwnProperty('subitems') &&
-            Array.isArray(data['subitems']) &&
-            data['subitems'].length > 0
-        ) {
-            const menu = new ContextMenu(this.container, data['subitems']);
-            menu.root = false;
-            menu.parent = this;
-
-            const openSubItems = () => {
-                if (data.hasOwnProperty('disabled') && data['disabled'] == true)
-                    return;
-
-                this.hideSubMenus();
-
-                const x =
-                    this.dom.offsetLeft +
-                    this.dom.clientWidth +
-                    item.offsetLeft;
-                const y = this.dom.offsetTop + item.offsetTop;
-
-                if (!menu.shown) {
-                    menu.show(x, y);
-                } else {
-                    menu.hide();
-                }
-            };
-
-            this.submenus.push(menu);
-
-            item.classList.add('has-subitems');
-            item.addEventListener('click', openSubItems);
-            item.addEventListener('mousemove', openSubItems);
-        } else if (
-            data.hasOwnProperty('submenu') &&
-            data['submenu'] instanceof ContextMenu
-        ) {
-            const menu = data['submenu'];
-            menu.root = false;
-            menu.parent = this;
-
-            const openSubItems = () => {
-                if (data.hasOwnProperty('disabled') && data['disabled'] == true)
-                    return;
-
-                this.hideSubMenus();
-
-                const x =
-                    this.dom.offsetLeft +
-                    this.dom.clientWidth +
-                    item.offsetLeft;
-                const y = this.dom.offsetTop + item.offsetTop;
-
-                if (!menu.shown) {
-                    menu.show(x, y);
-                } else {
-                    menu.hide();
-                }
-            };
-
-            this.submenus.push(menu);
-
-            item.classList.add('has-subitems');
-            item.addEventListener('click', openSubItems);
-            item.addEventListener('mousemove', openSubItems);
-        } else {
-            item.addEventListener('click', () => {
-                this.hideSubMenus();
-
-                if (item.classList.contains('disabled')) return;
-
-                if (
-                    data.hasOwnProperty('onclick') &&
-                    typeof data['onclick'] === 'function'
-                ) {
-                    const event = {
-                        handled: false,
-                        item: item,
-                        label: label,
-                        hotkey: hotkey,
-                        items: this.items,
-                        data: data,
-                    };
-
-                    data['onclick'](event);
-
-                    if (!event.handled) {
-                        this.hide();
-                    }
-                } else {
-                    this.hide();
-                }
-            });
-
-            item.addEventListener('mousemove', () => {
-                this.hideSubMenus();
-            });
-        }
-
-        return item;
-    }
-
-    hideAll() {
-        if (this.root && !this.parent) {
-            if (this.shown) {
-                this.hideSubMenus();
-
-                this.shown = false;
-                this.container.removeChild(this.dom);
-
-                if (this.parent && this.parent.shown) {
-                    this.parent.hide();
-                }
-            }
-
-            return;
-        }
-
-        this.parent.hide();
-    }
-
-    hide() {
-        if (this.dom && this.shown) {
-            this.shown = false;
-            this.hideSubMenus();
-            this.container.removeChild(this.dom);
-
-            if (this.parent && this.parent.shown) {
-                this.parent.hide();
-            }
-        }
-    }
-
-    hideSubMenus() {
-        for (const menu of this.submenus) {
-            if (menu.shown) {
-                menu.shown = false;
-                menu.container.removeChild(menu.dom);
-            }
-            menu.hideSubMenus();
-        }
-    }
-
-    show(x, y) {
-        this.dom = this.getMenuDom();
-
-        this.dom.style.left = `${x}px`;
-        this.dom.style.top = `${y}px`;
-
-        this.shown = true;
-        this.container.appendChild(this.dom);
-    }
-
-    install() {
-        this.container.addEventListener('contextmenu', this._oncontextmenu);
-        this.container.addEventListener('keydown', this._oncontextmenu_keydown);
-        this.container.addEventListener('click', this._onclick);
-        window.addEventListener('blur', this._onblur);
-    }
-
-    setData(data) {
-        this.items = data;
-    }
-
-    uninstall() {
-        this.dom = null;
-        // this.container.removeEventListener('contextmenu', this._oncontextmenu);
-        this.container.removeEventListener(
-            'keydown',
-            this._oncontextmenu_keydown
-        );
-        this.container.removeEventListener('click', this._onclick);
-        window.removeEventListener('blur', this._onblur);
-    }
-}
-
-export default ContextMenu;
+import './styles/contextMenu.css';
+
+class ContextMenu {
+    constructor(container, items) {
+        this.container = container;
+        this.dom = null;
+        this.shown = false;
+        this.root = true;
+        this.parent = null;
+        this.submenus = [];
+        this.items = items;
+
+        this._onclick = (e) => {
+            if (
+                this.dom &&
+                e.target != this.dom &&
+                e.target.parentElement != this.dom &&
+                !e.target.classList.contains('item') &&
+                !e.target.parentElement.classList.contains('item')
+            ) {
+                this.hideAll();
+            }
+        };
+
+        this._oncontextmenu = (e) => {
+            e.preventDefault();
+            if (
+                e.target != this.dom &&
+                e.target.parentElement != this.dom &&
+                !e.target.classList.contains('item') &&
+                !e.target.parentElement.classList.contains('item')
+            ) {
+                this.hideAll();
+                this.show(e.clientX, e.clientY);
+            }
+        };
+
+        this._oncontextmenu_keydown = (e) => {
+            if (e.keyCode != 93) return;
+            e.preventDefault();
+
+            this.hideAll();
+            this.show(e.clientX, e.clientY);
+        };
+
+        this._onblur = () => {
+            this.hideAll();
+        };
+    }
+
+    getMenuDom() {
+        const menu = document.createElement('div');
+        menu.classList.add('context');
+
+        for (const item of this.items) {
+            menu.appendChild(this.itemToDomEl(item));
+        }
+
+        return menu;
+    }
+
+    itemToDomEl(data) {
+        const item = document.createElement('div');
+
+        if (data === null) {
+            item.classList = 'separator';
+            return item;
+        }
+
+        if (
+            data.hasOwnProperty('color') &&
+            /^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(
+                data.color.toString()
+            )
+        ) {
+            item.style.cssText = `color: ${data.color}`;
+        }
+
+        item.classList.add('item');
+
+        const label = document.createElement('span');
+        label.classList = 'label';
+        label.innerText = data.hasOwnProperty('text')
+            ? data['text'].toString()
+            : '';
+        item.appendChild(label);
+
+        if (data.hasOwnProperty('disabled') && data['disabled']) {
+            item.classList.add('disabled');
+        } else {
+            item.classList.add('enabled');
+        }
+
+        const hotkey = document.createElement('span');
+        hotkey.classList = 'hotkey';
+        hotkey.innerText = data.hasOwnProperty('hotkey')
+            ? data['hotkey'].toString()
+            : '';
+        item.appendChild(hotkey);
+
+        if (
+            data.hasOwnProperty('subitems') &&
+            Array.isArray(data['subitems']) &&
+            data['subitems'].length > 0
+        ) {
+            const menu = new ContextMenu(this.container, data['subitems']);
+            menu.root = false;
+            menu.parent = this;
+
+            const openSubItems = () => {
+                if (data.hasOwnProperty('disabled') && data['disabled'] == true)
+                    return;
+
+                this.hideSubMenus();
+
+                const x =
+                    this.dom.offsetLeft +
+                    this.dom.clientWidth +
+                    item.offsetLeft;
+                const y = this.dom.offsetTop + item.offsetTop;
+
+                if (!menu.shown) {
+                    menu.show(x, y);
+                } else {
+                    menu.hide();
+                }
+            };
+
+            this.submenus.push(menu);
+
+            item.classList.add('has-subitems');
+            item.addEventListener('click', openSubItems);
+            item.addEventListener('mousemove', openSubItems);
+        } else if (
+            data.hasOwnProperty('submenu') &&
+            data['submenu'] instanceof ContextMenu
+        ) {
+            const menu = data['submenu'];
+            menu.root = false;
+            menu.parent = this;
+
+            const openSubItems = () => {
+                if (data.hasOwnProperty('disabled') && data['disabled'] == true)
+                    return;
+
+                this.hideSubMenus();
+
+                const x =
+                    this.dom.offsetLeft +
+                    this.dom.clientWidth +
+                    item.offsetLeft;
+                const y = this.dom.offsetTop + item.offsetTop;
+
+                if (!menu.shown) {
+                    menu.show(x, y);
+                } else {
+                    menu.hide();
+                }
+            };
+
+            this.submenus.push(menu);
+
+            item.classList.add('has-subitems');
+            item.addEventListener('click', openSubItems);
+            item.addEventListener('mousemove', openSubItems);
+        } else {
+            item.addEventListener('click', () => {
+                this.hideSubMenus();
+
+                if (item.classList.contains('disabled')) return;
+
+                if (
+                    data.hasOwnProperty('onclick') &&
+                    typeof data['onclick'] === 'function'
+                ) {
+                    const event = {
+                        handled: false,
+                        item: item,
+                        label: label,
+                        hotkey: hotkey,
+                        items: this.items,
+                        data: data,
+                    };
+
+                    data['onclick'](event);
+
+                    if (!event.handled) {
+                        this.hide();
+                    }
+                } else {
+                    this.hide();
+                }
+            });
+
+            item.addEventListener('mousemove', () => {
+                this.hideSubMenus();
+            });
+        }
+
+        return item;
+    }
+
+    hideAll() {
+        if (this.root && !this.parent) {
+            if (this.shown) {
+                this.hideSubMenus();
+
+                this.shown = false;
+                this.container.removeChild(this.dom);
+
+                if (this.parent && this.parent.shown) {
+                    this.parent.hide();
+                }
+            }
+
+            return;
+        }
+
+        this.parent.hide();
+    }
+
+    hide() {
+        if (this.dom && this.shown) {
+            this.shown = false;
+            this.hideSubMenus();
+            this.container.removeChild(this.dom);
+
+            if (this.parent && this.parent.shown) {
+                this.parent.hide();
+            }
+        }
+    }
+
+    hideSubMenus() {
+        for (const menu of this.submenus) {
+            if (menu.shown) {
+                menu.shown = false;
+                menu.container.removeChild(menu.dom);
+            }
+            menu.hideSubMenus();
+        }
+    }
+
+    show(x, y) {
+        this.dom = this.getMenuDom();
+
+        this.dom.style.left = `${x}px`;
+        this.dom.style.top = `${y}px`;
+
+        this.shown = true;
+        this.container.appendChild(this.dom);
+    }
+
+    install() {
+        this.container.addEventListener('contextmenu', this._oncontextmenu);
+        this.container.addEventListener('keydown', this._oncontextmenu_keydown);
+        this.container.addEventListener('click', this._onclick);
+        window.addEventListener('blur', this._onblur);
+    }
+
+    setData(data) {
+        this.items = data;
+    }
+
+    uninstall() {
+        this.dom = null;
+        // this.container.removeEventListener('contextmenu', this._oncontextmenu);
+        this.container.removeEventListener(
+            'keydown',
+            this._oncontextmenu_keydown
+        );
+        this.container.removeEventListener('click', this._onclick);
+        window.removeEventListener('blur', this._onblur);
+    }
+}
+
+export default ContextMenu;

package/src/Editor.ts

@@ -33,15 +33,19 @@ class Editor extends EventEmitter {
         'hookSaveBefore',
         'hookSaveAfter',
         'hookTransform',
+        'hookTransformObjectEnd',
     ];
     public hooksEntity: {
         [propName: string]: AsyncSeriesHook<any, any>;
     } = {};
 
-    init(canvas: fabric.Canvas) {
+    init(canvas: fabric.Canvas, options?: { contextMenu?: boolean }) {
         this.canvas = canvas;
-        this._initContextMenu();
-        this._bindContextMenu();
+        // 初始化上下文菜单
+        if (options?.contextMenu !== false) {
+            this._initContextMenu();
+            this._bindContextMenu();
+        }
         this._initActionHooks();
         this._initServersPlugin();