react-design-editor 0.0.50 → 0.0.52

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 (100) hide show
  1. package/dist/react-design-editor.js +7739 -7114
  2. package/dist/react-design-editor.min.js +1 -1
  3. package/dist/react-design-editor.min.js.LICENSE.txt +2 -0
  4. package/lib/Canvas.d.ts +18 -18
  5. package/lib/Canvas.js +172 -172
  6. package/lib/CanvasObject.d.ts +10 -10
  7. package/lib/CanvasObject.js +96 -96
  8. package/lib/constants/code.d.ts +19 -19
  9. package/lib/constants/code.js +22 -22
  10. package/lib/constants/defaults.d.ts +38 -38
  11. package/lib/constants/defaults.js +69 -69
  12. package/lib/constants/index.d.ts +3 -3
  13. package/lib/constants/index.js +26 -26
  14. package/lib/handlers/AlignmentHandler.d.ts +18 -18
  15. package/lib/handlers/AlignmentHandler.js +58 -58
  16. package/lib/handlers/AnimationHandler.d.ts +50 -50
  17. package/lib/handlers/AnimationHandler.js +346 -346
  18. package/lib/handlers/ChartHandler.d.ts +8 -8
  19. package/lib/handlers/ChartHandler.js +8 -8
  20. package/lib/handlers/ContextmenuHandler.d.ts +28 -28
  21. package/lib/handlers/ContextmenuHandler.js +65 -65
  22. package/lib/handlers/CropHandler.d.ts +43 -43
  23. package/lib/handlers/CropHandler.js +261 -261
  24. package/lib/handlers/CustomHandler.d.ts +7 -7
  25. package/lib/handlers/CustomHandler.js +10 -10
  26. package/lib/handlers/DrawingHandler.d.ts +28 -28
  27. package/lib/handlers/DrawingHandler.js +318 -318
  28. package/lib/handlers/ElementHandler.d.ts +80 -80
  29. package/lib/handlers/ElementHandler.js +154 -154
  30. package/lib/handlers/EventHandler.d.ts +170 -170
  31. package/lib/handlers/EventHandler.js +880 -880
  32. package/lib/handlers/FiberHandler.d.ts +6 -6
  33. package/lib/handlers/FiberHandler.js +23 -23
  34. package/lib/handlers/GridHandler.d.ts +19 -19
  35. package/lib/handlers/GridHandler.js +77 -77
  36. package/lib/handlers/GuidelineHandler.d.ts +61 -61
  37. package/lib/handlers/GuidelineHandler.js +315 -315
  38. package/lib/handlers/Handler.d.ts +618 -618
  39. package/lib/handlers/Handler.js +1645 -1645
  40. package/lib/handlers/ImageHandler.d.ts +307 -307
  41. package/lib/handlers/ImageHandler.js +528 -528
  42. package/lib/handlers/InteractionHandler.d.ts +45 -45
  43. package/lib/handlers/InteractionHandler.js +168 -164
  44. package/lib/handlers/LinkHandler.d.ts +115 -115
  45. package/lib/handlers/LinkHandler.js +247 -247
  46. package/lib/handlers/NodeHandler.d.ts +50 -50
  47. package/lib/handlers/NodeHandler.js +274 -274
  48. package/lib/handlers/PortHandler.d.ts +22 -22
  49. package/lib/handlers/PortHandler.js +179 -179
  50. package/lib/handlers/ShortcutHandler.d.ts +119 -119
  51. package/lib/handlers/ShortcutHandler.js +151 -151
  52. package/lib/handlers/TooltipHandler.d.ts +33 -33
  53. package/lib/handlers/TooltipHandler.js +91 -91
  54. package/lib/handlers/TransactionHandler.d.ts +59 -59
  55. package/lib/handlers/TransactionHandler.js +137 -137
  56. package/lib/handlers/WorkareaHandler.d.ts +43 -43
  57. package/lib/handlers/WorkareaHandler.js +354 -354
  58. package/lib/handlers/ZoomHandler.d.ts +48 -48
  59. package/lib/handlers/ZoomHandler.js +143 -143
  60. package/lib/handlers/index.d.ts +23 -23
  61. package/lib/handlers/index.js +48 -48
  62. package/lib/index.d.ts +6 -6
  63. package/lib/index.js +20 -20
  64. package/lib/objects/Arrow.d.ts +2 -2
  65. package/lib/objects/Arrow.js +40 -40
  66. package/lib/objects/Chart.d.ts +10 -10
  67. package/lib/objects/Chart.js +117 -117
  68. package/lib/objects/CirclePort.d.ts +2 -2
  69. package/lib/objects/CirclePort.js +28 -28
  70. package/lib/objects/Cube.d.ts +5 -5
  71. package/lib/objects/Cube.js +71 -71
  72. package/lib/objects/CurvedLink.d.ts +2 -2
  73. package/lib/objects/CurvedLink.js +51 -51
  74. package/lib/objects/Element.d.ts +13 -13
  75. package/lib/objects/Element.js +77 -77
  76. package/lib/objects/Gif.d.ts +3 -3
  77. package/lib/objects/Gif.js +41 -41
  78. package/lib/objects/Iframe.d.ts +9 -9
  79. package/lib/objects/Iframe.js +63 -63
  80. package/lib/objects/Line.d.ts +2 -2
  81. package/lib/objects/Line.js +24 -24
  82. package/lib/objects/Link.d.ts +15 -15
  83. package/lib/objects/Link.js +107 -107
  84. package/lib/objects/Node.d.ts +59 -59
  85. package/lib/objects/Node.js +271 -271
  86. package/lib/objects/OrthogonalLink.d.ts +2 -2
  87. package/lib/objects/OrthogonalLink.js +54 -54
  88. package/lib/objects/Port.d.ts +12 -12
  89. package/lib/objects/Port.js +28 -28
  90. package/lib/objects/Svg.d.ts +12 -12
  91. package/lib/objects/Svg.js +93 -93
  92. package/lib/objects/Video.d.ts +14 -14
  93. package/lib/objects/Video.js +113 -113
  94. package/lib/objects/index.d.ts +15 -15
  95. package/lib/objects/index.js +32 -32
  96. package/lib/utils/ObjectUtil.d.ts +408 -408
  97. package/lib/utils/ObjectUtil.js +13 -13
  98. package/lib/utils/index.d.ts +1 -1
  99. package/lib/utils/index.js +13 -13
  100. 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;