react-design-editor 0.0.50 → 0.0.51
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.
- package/dist/react-design-editor.js +7739 -7114
- package/dist/react-design-editor.min.js +1 -1
- package/dist/react-design-editor.min.js.LICENSE.txt +2 -0
- package/lib/Canvas.d.ts +18 -18
- package/lib/Canvas.js +172 -172
- package/lib/CanvasObject.d.ts +10 -10
- package/lib/CanvasObject.js +96 -96
- package/lib/constants/code.d.ts +19 -19
- package/lib/constants/code.js +22 -22
- package/lib/constants/defaults.d.ts +38 -38
- package/lib/constants/defaults.js +69 -69
- package/lib/constants/index.d.ts +3 -3
- package/lib/constants/index.js +26 -26
- package/lib/handlers/AlignmentHandler.d.ts +18 -18
- package/lib/handlers/AlignmentHandler.js +58 -58
- package/lib/handlers/AnimationHandler.d.ts +50 -50
- package/lib/handlers/AnimationHandler.js +346 -346
- package/lib/handlers/ChartHandler.d.ts +8 -8
- package/lib/handlers/ChartHandler.js +8 -8
- package/lib/handlers/ContextmenuHandler.d.ts +28 -28
- package/lib/handlers/ContextmenuHandler.js +65 -65
- package/lib/handlers/CropHandler.d.ts +43 -43
- package/lib/handlers/CropHandler.js +261 -261
- package/lib/handlers/CustomHandler.d.ts +7 -7
- package/lib/handlers/CustomHandler.js +10 -10
- package/lib/handlers/DrawingHandler.d.ts +28 -28
- package/lib/handlers/DrawingHandler.js +318 -318
- package/lib/handlers/ElementHandler.d.ts +80 -80
- package/lib/handlers/ElementHandler.js +154 -154
- package/lib/handlers/EventHandler.d.ts +170 -170
- package/lib/handlers/EventHandler.js +880 -880
- package/lib/handlers/FiberHandler.d.ts +6 -6
- package/lib/handlers/FiberHandler.js +23 -23
- package/lib/handlers/GridHandler.d.ts +19 -19
- package/lib/handlers/GridHandler.js +77 -77
- package/lib/handlers/GuidelineHandler.d.ts +61 -61
- package/lib/handlers/GuidelineHandler.js +315 -315
- package/lib/handlers/Handler.d.ts +618 -618
- package/lib/handlers/Handler.js +1645 -1645
- package/lib/handlers/ImageHandler.d.ts +307 -307
- package/lib/handlers/ImageHandler.js +528 -528
- package/lib/handlers/InteractionHandler.d.ts +45 -45
- package/lib/handlers/InteractionHandler.js +168 -164
- package/lib/handlers/LinkHandler.d.ts +115 -115
- package/lib/handlers/LinkHandler.js +247 -247
- package/lib/handlers/NodeHandler.d.ts +50 -50
- package/lib/handlers/NodeHandler.js +274 -274
- package/lib/handlers/PortHandler.d.ts +22 -22
- package/lib/handlers/PortHandler.js +179 -179
- package/lib/handlers/ShortcutHandler.d.ts +119 -119
- package/lib/handlers/ShortcutHandler.js +151 -151
- package/lib/handlers/TooltipHandler.d.ts +33 -33
- package/lib/handlers/TooltipHandler.js +91 -91
- package/lib/handlers/TransactionHandler.d.ts +59 -59
- package/lib/handlers/TransactionHandler.js +137 -137
- package/lib/handlers/WorkareaHandler.d.ts +43 -43
- package/lib/handlers/WorkareaHandler.js +354 -354
- package/lib/handlers/ZoomHandler.d.ts +48 -48
- package/lib/handlers/ZoomHandler.js +143 -143
- package/lib/handlers/index.d.ts +23 -23
- package/lib/handlers/index.js +48 -48
- package/lib/index.d.ts +6 -6
- package/lib/index.js +20 -20
- package/lib/objects/Arrow.d.ts +2 -2
- package/lib/objects/Arrow.js +40 -40
- package/lib/objects/Chart.d.ts +10 -10
- package/lib/objects/Chart.js +117 -117
- package/lib/objects/CirclePort.d.ts +2 -2
- package/lib/objects/CirclePort.js +28 -28
- package/lib/objects/Cube.d.ts +5 -5
- package/lib/objects/Cube.js +71 -71
- package/lib/objects/CurvedLink.d.ts +2 -2
- package/lib/objects/CurvedLink.js +51 -51
- package/lib/objects/Element.d.ts +13 -13
- package/lib/objects/Element.js +77 -77
- package/lib/objects/Gif.d.ts +3 -3
- package/lib/objects/Gif.js +41 -41
- package/lib/objects/Iframe.d.ts +9 -9
- package/lib/objects/Iframe.js +63 -63
- package/lib/objects/Line.d.ts +2 -2
- package/lib/objects/Line.js +24 -24
- package/lib/objects/Link.d.ts +15 -15
- package/lib/objects/Link.js +107 -107
- package/lib/objects/Node.d.ts +59 -59
- package/lib/objects/Node.js +271 -271
- package/lib/objects/OrthogonalLink.d.ts +2 -2
- package/lib/objects/OrthogonalLink.js +54 -54
- package/lib/objects/Port.d.ts +12 -12
- package/lib/objects/Port.js +28 -28
- package/lib/objects/Svg.d.ts +12 -12
- package/lib/objects/Svg.js +93 -93
- package/lib/objects/Video.d.ts +14 -14
- package/lib/objects/Video.js +113 -113
- package/lib/objects/index.d.ts +15 -15
- package/lib/objects/index.js +32 -32
- package/lib/utils/ObjectUtil.d.ts +408 -408
- package/lib/utils/ObjectUtil.js +13 -13
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.js +13 -13
- package/package.json +1 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as echarts from 'echarts';
|
|
2
|
-
import Handler from './Handler';
|
|
3
|
-
declare class ChartHandler {
|
|
4
|
-
handler?: Handler;
|
|
5
|
-
instance?: echarts.ECharts;
|
|
6
|
-
constructor(handler: Handler);
|
|
7
|
-
}
|
|
8
|
-
export default ChartHandler;
|
|
1
|
+
import * as echarts from 'echarts';
|
|
2
|
+
import Handler from './Handler';
|
|
3
|
+
declare class ChartHandler {
|
|
4
|
+
handler?: Handler;
|
|
5
|
+
instance?: echarts.ECharts;
|
|
6
|
+
constructor(handler: Handler);
|
|
7
|
+
}
|
|
8
|
+
export default ChartHandler;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
class ChartHandler {
|
|
4
|
-
constructor(handler) {
|
|
5
|
-
this.handler = handler;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
exports.default = ChartHandler;
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
class ChartHandler {
|
|
4
|
+
constructor(handler) {
|
|
5
|
+
this.handler = handler;
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
exports.default = ChartHandler;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
/// <reference types="lodash" />
|
|
2
|
-
import { Handler } from '.';
|
|
3
|
-
declare class ContextmenuHandler {
|
|
4
|
-
handler: Handler;
|
|
5
|
-
contextmenuEl: HTMLDivElement;
|
|
6
|
-
constructor(handler: Handler);
|
|
7
|
-
/**
|
|
8
|
-
* Initialize contextmenu
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
initialize(): void;
|
|
12
|
-
/**
|
|
13
|
-
* Destroy contextmenu
|
|
14
|
-
*
|
|
15
|
-
*/
|
|
16
|
-
destory(): void;
|
|
17
|
-
/**
|
|
18
|
-
* Show context menu
|
|
19
|
-
*
|
|
20
|
-
*/
|
|
21
|
-
show: import("lodash").DebouncedFunc<(e: any, target: any) => Promise<void>>;
|
|
22
|
-
/**
|
|
23
|
-
* Hide context menu
|
|
24
|
-
*
|
|
25
|
-
*/
|
|
26
|
-
hide: import("lodash").DebouncedFunc<() => void>;
|
|
27
|
-
}
|
|
28
|
-
export default ContextmenuHandler;
|
|
1
|
+
/// <reference types="lodash" />
|
|
2
|
+
import { Handler } from '.';
|
|
3
|
+
declare class ContextmenuHandler {
|
|
4
|
+
handler: Handler;
|
|
5
|
+
contextmenuEl: HTMLDivElement;
|
|
6
|
+
constructor(handler: Handler);
|
|
7
|
+
/**
|
|
8
|
+
* Initialize contextmenu
|
|
9
|
+
*
|
|
10
|
+
*/
|
|
11
|
+
initialize(): void;
|
|
12
|
+
/**
|
|
13
|
+
* Destroy contextmenu
|
|
14
|
+
*
|
|
15
|
+
*/
|
|
16
|
+
destory(): void;
|
|
17
|
+
/**
|
|
18
|
+
* Show context menu
|
|
19
|
+
*
|
|
20
|
+
*/
|
|
21
|
+
show: import("lodash").DebouncedFunc<(e: any, target: any) => Promise<void>>;
|
|
22
|
+
/**
|
|
23
|
+
* Hide context menu
|
|
24
|
+
*
|
|
25
|
+
*/
|
|
26
|
+
hide: import("lodash").DebouncedFunc<() => void>;
|
|
27
|
+
}
|
|
28
|
+
export default ContextmenuHandler;
|
|
@@ -1,65 +1,65 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_dom_1 = __importDefault(require("react-dom"));
|
|
7
|
-
const debounce_1 = __importDefault(require("lodash/debounce"));
|
|
8
|
-
class ContextmenuHandler {
|
|
9
|
-
constructor(handler) {
|
|
10
|
-
/**
|
|
11
|
-
* Show context menu
|
|
12
|
-
*
|
|
13
|
-
*/
|
|
14
|
-
this.show = debounce_1.default(async (e, target) => {
|
|
15
|
-
const { onContext } = this.handler;
|
|
16
|
-
while (this.contextmenuEl.hasChildNodes()) {
|
|
17
|
-
this.contextmenuEl.removeChild(this.contextmenuEl.firstChild);
|
|
18
|
-
}
|
|
19
|
-
const contextmenu = document.createElement('div');
|
|
20
|
-
contextmenu.className = 'rde-contextmenu-right';
|
|
21
|
-
const element = await onContext(this.contextmenuEl, e, target);
|
|
22
|
-
if (!element) {
|
|
23
|
-
return;
|
|
24
|
-
}
|
|
25
|
-
contextmenu.innerHTML = element;
|
|
26
|
-
this.contextmenuEl.appendChild(contextmenu);
|
|
27
|
-
react_dom_1.default.render(element, contextmenu);
|
|
28
|
-
this.contextmenuEl.classList.remove('contextmenu-hidden');
|
|
29
|
-
const { clientX: left, clientY: top } = e;
|
|
30
|
-
this.contextmenuEl.style.left = `${left}px`;
|
|
31
|
-
this.contextmenuEl.style.top = `${top}px`;
|
|
32
|
-
}, 100);
|
|
33
|
-
/**
|
|
34
|
-
* Hide context menu
|
|
35
|
-
*
|
|
36
|
-
*/
|
|
37
|
-
this.hide = debounce_1.default(() => {
|
|
38
|
-
if (this.contextmenuEl) {
|
|
39
|
-
this.contextmenuEl.classList.add('contextmenu-hidden');
|
|
40
|
-
}
|
|
41
|
-
}, 100);
|
|
42
|
-
this.handler = handler;
|
|
43
|
-
this.initialize();
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Initialize contextmenu
|
|
47
|
-
*
|
|
48
|
-
*/
|
|
49
|
-
initialize() {
|
|
50
|
-
this.contextmenuEl = document.createElement('div');
|
|
51
|
-
this.contextmenuEl.id = `${this.handler.id}_contextmenu`;
|
|
52
|
-
this.contextmenuEl.className = 'rde-contextmenu contextmenu-hidden';
|
|
53
|
-
document.body.appendChild(this.contextmenuEl);
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* Destroy contextmenu
|
|
57
|
-
*
|
|
58
|
-
*/
|
|
59
|
-
destory() {
|
|
60
|
-
if (this.contextmenuEl) {
|
|
61
|
-
document.body.removeChild(this.contextmenuEl);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
exports.default = ContextmenuHandler;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_dom_1 = __importDefault(require("react-dom"));
|
|
7
|
+
const debounce_1 = __importDefault(require("lodash/debounce"));
|
|
8
|
+
class ContextmenuHandler {
|
|
9
|
+
constructor(handler) {
|
|
10
|
+
/**
|
|
11
|
+
* Show context menu
|
|
12
|
+
*
|
|
13
|
+
*/
|
|
14
|
+
this.show = debounce_1.default(async (e, target) => {
|
|
15
|
+
const { onContext } = this.handler;
|
|
16
|
+
while (this.contextmenuEl.hasChildNodes()) {
|
|
17
|
+
this.contextmenuEl.removeChild(this.contextmenuEl.firstChild);
|
|
18
|
+
}
|
|
19
|
+
const contextmenu = document.createElement('div');
|
|
20
|
+
contextmenu.className = 'rde-contextmenu-right';
|
|
21
|
+
const element = await onContext(this.contextmenuEl, e, target);
|
|
22
|
+
if (!element) {
|
|
23
|
+
return;
|
|
24
|
+
}
|
|
25
|
+
contextmenu.innerHTML = element;
|
|
26
|
+
this.contextmenuEl.appendChild(contextmenu);
|
|
27
|
+
react_dom_1.default.render(element, contextmenu);
|
|
28
|
+
this.contextmenuEl.classList.remove('contextmenu-hidden');
|
|
29
|
+
const { clientX: left, clientY: top } = e;
|
|
30
|
+
this.contextmenuEl.style.left = `${left}px`;
|
|
31
|
+
this.contextmenuEl.style.top = `${top}px`;
|
|
32
|
+
}, 100);
|
|
33
|
+
/**
|
|
34
|
+
* Hide context menu
|
|
35
|
+
*
|
|
36
|
+
*/
|
|
37
|
+
this.hide = debounce_1.default(() => {
|
|
38
|
+
if (this.contextmenuEl) {
|
|
39
|
+
this.contextmenuEl.classList.add('contextmenu-hidden');
|
|
40
|
+
}
|
|
41
|
+
}, 100);
|
|
42
|
+
this.handler = handler;
|
|
43
|
+
this.initialize();
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* Initialize contextmenu
|
|
47
|
+
*
|
|
48
|
+
*/
|
|
49
|
+
initialize() {
|
|
50
|
+
this.contextmenuEl = document.createElement('div');
|
|
51
|
+
this.contextmenuEl.id = `${this.handler.id}_contextmenu`;
|
|
52
|
+
this.contextmenuEl.className = 'rde-contextmenu contextmenu-hidden';
|
|
53
|
+
document.body.appendChild(this.contextmenuEl);
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Destroy contextmenu
|
|
57
|
+
*
|
|
58
|
+
*/
|
|
59
|
+
destory() {
|
|
60
|
+
if (this.contextmenuEl) {
|
|
61
|
+
document.body.removeChild(this.contextmenuEl);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
exports.default = ContextmenuHandler;
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import { fabric } from 'fabric';
|
|
2
|
-
import { Handler } from '.';
|
|
3
|
-
import { FabricImage } from '../utils';
|
|
4
|
-
declare class CropHandler {
|
|
5
|
-
handler: Handler;
|
|
6
|
-
cropRect: fabric.Rect;
|
|
7
|
-
cropObject: FabricImage;
|
|
8
|
-
constructor(handler: Handler);
|
|
9
|
-
/**
|
|
10
|
-
* Validate crop type
|
|
11
|
-
*
|
|
12
|
-
* @returns
|
|
13
|
-
*/
|
|
14
|
-
validType: () => boolean;
|
|
15
|
-
/**
|
|
16
|
-
* Start crop image
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
19
|
-
start: () => void;
|
|
20
|
-
/**
|
|
21
|
-
* Finish crop image
|
|
22
|
-
*
|
|
23
|
-
*/
|
|
24
|
-
finish: () => void;
|
|
25
|
-
/**
|
|
26
|
-
* Cancel crop
|
|
27
|
-
*
|
|
28
|
-
*/
|
|
29
|
-
cancel: () => void;
|
|
30
|
-
/**
|
|
31
|
-
* Resize crop
|
|
32
|
-
*
|
|
33
|
-
* @param {FabricEvent} opt
|
|
34
|
-
*/
|
|
35
|
-
resize: (opt: fabric.IEvent) => void;
|
|
36
|
-
/**
|
|
37
|
-
* Resize crop
|
|
38
|
-
*
|
|
39
|
-
* @param {FabricEvent} opt
|
|
40
|
-
*/
|
|
41
|
-
moving: (opt: fabric.IEvent) => void;
|
|
42
|
-
}
|
|
43
|
-
export default CropHandler;
|
|
1
|
+
import { fabric } from 'fabric';
|
|
2
|
+
import { Handler } from '.';
|
|
3
|
+
import { FabricImage } from '../utils';
|
|
4
|
+
declare class CropHandler {
|
|
5
|
+
handler: Handler;
|
|
6
|
+
cropRect: fabric.Rect;
|
|
7
|
+
cropObject: FabricImage;
|
|
8
|
+
constructor(handler: Handler);
|
|
9
|
+
/**
|
|
10
|
+
* Validate crop type
|
|
11
|
+
*
|
|
12
|
+
* @returns
|
|
13
|
+
*/
|
|
14
|
+
validType: () => boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Start crop image
|
|
17
|
+
*
|
|
18
|
+
*/
|
|
19
|
+
start: () => void;
|
|
20
|
+
/**
|
|
21
|
+
* Finish crop image
|
|
22
|
+
*
|
|
23
|
+
*/
|
|
24
|
+
finish: () => void;
|
|
25
|
+
/**
|
|
26
|
+
* Cancel crop
|
|
27
|
+
*
|
|
28
|
+
*/
|
|
29
|
+
cancel: () => void;
|
|
30
|
+
/**
|
|
31
|
+
* Resize crop
|
|
32
|
+
*
|
|
33
|
+
* @param {FabricEvent} opt
|
|
34
|
+
*/
|
|
35
|
+
resize: (opt: fabric.IEvent) => void;
|
|
36
|
+
/**
|
|
37
|
+
* Resize crop
|
|
38
|
+
*
|
|
39
|
+
* @param {FabricEvent} opt
|
|
40
|
+
*/
|
|
41
|
+
moving: (opt: fabric.IEvent) => void;
|
|
42
|
+
}
|
|
43
|
+
export default CropHandler;
|