react-design-editor 0.0.32 → 0.0.36

package/lib/handlers/ChartHandler.js

@@ -1,8 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-class ChartHandler {
-    constructor(handler) {
-        this.handler = handler;
-    }
-}
-exports.default = ChartHandler;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class ChartHandler {
+    constructor(handler) {
+        this.handler = handler;
+    }
+}
+exports.default = ChartHandler;

package/lib/handlers/ContextmenuHandler.d.ts

@@ -1,23 +1,28 @@
-/// <reference types="lodash" />
-import { Handler } from '.';
-declare class ContextmenuHandler {
-    handler: Handler;
-    contextmenuEl: HTMLDivElement;
-    constructor(handler: Handler);
-    /**
-     * Init context menu
-     *
-     */
-    init: () => void;
-    /**
-     * Show context menu
-     *
-     */
-    show: ((e: any, target: any) => Promise<void>) & import("lodash").Cancelable;
-    /**
-     * Hide context menu
-     *
-     */
-    hide: (() => void) & import("lodash").Cancelable;
-}
-export default ContextmenuHandler;
+/// <reference types="lodash" />
+import { Handler } from '.';
+declare class ContextmenuHandler {
+    handler: Handler;
+    contextmenuEl: HTMLDivElement;
+    constructor(handler: Handler);
+    /**
+     * Initialize contextmenu
+     *
+     */
+    initialize(): void;
+    /**
+     * Destroy contextmenu
+     *
+     */
+    destory(): void;
+    /**
+     * Show context menu
+     *
+     */
+    show: import("lodash").DebouncedFunc<(e: any, target: any) => Promise<void>>;
+    /**
+     * Hide context menu
+     *
+     */
+    hide: import("lodash").DebouncedFunc<() => void>;
+}
+export default ContextmenuHandler;

package/lib/handlers/ContextmenuHandler.js

@@ -1,56 +1,65 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_dom_1 = __importDefault(require("react-dom"));
-const debounce_1 = __importDefault(require("lodash/debounce"));
-class ContextmenuHandler {
-    constructor(handler) {
-        /**
-         * Init context menu
-         *
-         */
-        this.init = () => {
-            this.contextmenuEl = document.createElement('div');
-            this.contextmenuEl.id = `${this.handler.id}_contextmenu`;
-            this.contextmenuEl.className = 'rde-contextmenu contextmenu-hidden';
-            document.body.appendChild(this.contextmenuEl);
-        };
-        /**
-         * Show context menu
-         *
-         */
-        this.show = debounce_1.default(async (e, target) => {
-            const { onContext } = this.handler;
-            while (this.contextmenuEl.hasChildNodes()) {
-                this.contextmenuEl.removeChild(this.contextmenuEl.firstChild);
-            }
-            const contextmenu = document.createElement('div');
-            contextmenu.className = 'rde-contextmenu-right';
-            const element = await onContext(this.contextmenuEl, e, target);
-            if (!element) {
-                return;
-            }
-            contextmenu.innerHTML = element;
-            this.contextmenuEl.appendChild(contextmenu);
-            react_dom_1.default.render(element, contextmenu);
-            this.contextmenuEl.classList.remove('contextmenu-hidden');
-            const { clientX: left, clientY: top } = e;
-            this.contextmenuEl.style.left = `${left}px`;
-            this.contextmenuEl.style.top = `${top}px`;
-        }, 100);
-        /**
-         * Hide context menu
-         *
-         */
-        this.hide = debounce_1.default(() => {
-            if (this.contextmenuEl) {
-                this.contextmenuEl.classList.add('contextmenu-hidden');
-            }
-        }, 100);
-        this.handler = handler;
-        this.init();
-    }
-}
-exports.default = ContextmenuHandler;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_dom_1 = __importDefault(require("react-dom"));
+const debounce_1 = __importDefault(require("lodash/debounce"));
+class ContextmenuHandler {
+    constructor(handler) {
+        /**
+         * Show context menu
+         *
+         */
+        this.show = debounce_1.default(async (e, target) => {
+            const { onContext } = this.handler;
+            while (this.contextmenuEl.hasChildNodes()) {
+                this.contextmenuEl.removeChild(this.contextmenuEl.firstChild);
+            }
+            const contextmenu = document.createElement('div');
+            contextmenu.className = 'rde-contextmenu-right';
+            const element = await onContext(this.contextmenuEl, e, target);
+            if (!element) {
+                return;
+            }
+            contextmenu.innerHTML = element;
+            this.contextmenuEl.appendChild(contextmenu);
+            react_dom_1.default.render(element, contextmenu);
+            this.contextmenuEl.classList.remove('contextmenu-hidden');
+            const { clientX: left, clientY: top } = e;
+            this.contextmenuEl.style.left = `${left}px`;
+            this.contextmenuEl.style.top = `${top}px`;
+        }, 100);
+        /**
+         * Hide context menu
+         *
+         */
+        this.hide = debounce_1.default(() => {
+            if (this.contextmenuEl) {
+                this.contextmenuEl.classList.add('contextmenu-hidden');
+            }
+        }, 100);
+        this.handler = handler;
+        this.initialize();
+    }
+    /**
+     * Initialize contextmenu
+     *
+     */
+    initialize() {
+        this.contextmenuEl = document.createElement('div');
+        this.contextmenuEl.id = `${this.handler.id}_contextmenu`;
+        this.contextmenuEl.className = 'rde-contextmenu contextmenu-hidden';
+        document.body.appendChild(this.contextmenuEl);
+    }
+    /**
+     * Destroy contextmenu
+     *
+     */
+    destory() {
+        if (this.contextmenuEl) {
+            document.body.removeChild(this.contextmenuEl);
+        }
+    }
+}
+exports.default = ContextmenuHandler;

package/lib/handlers/CropHandler.d.ts

@@ -1,37 +1,43 @@
-import { fabric } from 'fabric';
-import { Handler } from '.';
-import { FabricImage } from '../utils';
-declare class CropHandler {
-    handler: Handler;
-    cropRect: fabric.Rect;
-    cropObject: FabricImage;
-    constructor(handler: Handler);
-    /**
-     * Validate crop type
-     * @returns
-     */
-    validType: () => boolean;
-    /**
-     * Start crop image
-     */
-    start: () => void;
-    /**
-     * Finish crop image
-     */
-    finish: () => void;
-    /**
-     * Cancel crop
-     */
-    cancel: () => void;
-    /**
-     * Resize crop
-     * @param {FabricEvent} opt
-     */
-    resize: (opt: fabric.IEvent) => void;
-    /**
-     * Resize crop
-     * @param {FabricEvent} opt
-     */
-    moving: (opt: fabric.IEvent) => void;
-}
-export default CropHandler;
+import { fabric } from 'fabric';
+import { Handler } from '.';
+import { FabricImage } from '../utils';
+declare class CropHandler {
+    handler: Handler;
+    cropRect: fabric.Rect;
+    cropObject: FabricImage;
+    constructor(handler: Handler);
+    /**
+     * Validate crop type
+     *
+     * @returns
+     */
+    validType: () => boolean;
+    /**
+     * Start crop image
+     *
+     */
+    start: () => void;
+    /**
+     * Finish crop image
+     *
+     */
+    finish: () => void;
+    /**
+     * Cancel crop
+     *
+     */
+    cancel: () => void;
+    /**
+     * Resize crop
+     *
+     * @param {FabricEvent} opt
+     */
+    resize: (opt: fabric.IEvent) => void;
+    /**
+     * Resize crop
+     *
+     * @param {FabricEvent} opt
+     */
+    moving: (opt: fabric.IEvent) => void;
+}
+export default CropHandler;