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,170 +1,170 @@
|
|
|
1
|
-
import { FabricEvent } from '../utils';
|
|
2
|
-
import Handler from './Handler';
|
|
3
|
-
/**
|
|
4
|
-
* Event Handler Class
|
|
5
|
-
* @author salgum1114
|
|
6
|
-
* @class EventHandler
|
|
7
|
-
*/
|
|
8
|
-
declare class EventHandler {
|
|
9
|
-
handler: Handler;
|
|
10
|
-
code: string;
|
|
11
|
-
panning: boolean;
|
|
12
|
-
constructor(handler: Handler);
|
|
13
|
-
/**
|
|
14
|
-
* Attch event on document
|
|
15
|
-
*
|
|
16
|
-
*/
|
|
17
|
-
initialize(): void;
|
|
18
|
-
/**
|
|
19
|
-
* Detach event on document
|
|
20
|
-
*
|
|
21
|
-
*/
|
|
22
|
-
destroy: () => void;
|
|
23
|
-
/**
|
|
24
|
-
* Individual object event
|
|
25
|
-
*
|
|
26
|
-
*/
|
|
27
|
-
object: {
|
|
28
|
-
/**
|
|
29
|
-
* Mouse down event on object
|
|
30
|
-
* @param {FabricEvent} opt
|
|
31
|
-
*/
|
|
32
|
-
mousedown: (opt: FabricEvent) => void;
|
|
33
|
-
/**
|
|
34
|
-
* Mouse double click event on object
|
|
35
|
-
* @param {FabricEvent} opt
|
|
36
|
-
*/
|
|
37
|
-
mousedblclick: (opt: FabricEvent) => void;
|
|
38
|
-
};
|
|
39
|
-
/**
|
|
40
|
-
* Modified event object
|
|
41
|
-
*
|
|
42
|
-
* @param {FabricEvent} opt
|
|
43
|
-
* @returns
|
|
44
|
-
*/
|
|
45
|
-
modified: (opt: FabricEvent) => void;
|
|
46
|
-
/**
|
|
47
|
-
* Moving event object
|
|
48
|
-
*
|
|
49
|
-
* @param {FabricEvent} opt
|
|
50
|
-
* @returns
|
|
51
|
-
*/
|
|
52
|
-
moving: (opt: FabricEvent) => void;
|
|
53
|
-
/**
|
|
54
|
-
* Moved event object
|
|
55
|
-
*
|
|
56
|
-
* @param {FabricEvent} opt
|
|
57
|
-
*/
|
|
58
|
-
moved: (opt: FabricEvent) => void;
|
|
59
|
-
/**
|
|
60
|
-
* Scaling event object
|
|
61
|
-
*
|
|
62
|
-
* @param {FabricEvent} opt
|
|
63
|
-
*/
|
|
64
|
-
scaling: (opt: FabricEvent) => void;
|
|
65
|
-
/**
|
|
66
|
-
* Scaled event object
|
|
67
|
-
*
|
|
68
|
-
* @param {FabricEvent} opt
|
|
69
|
-
*/
|
|
70
|
-
scaled: (_opt: FabricEvent) => void;
|
|
71
|
-
/**
|
|
72
|
-
* Rotating event object
|
|
73
|
-
*
|
|
74
|
-
* @param {FabricEvent} opt
|
|
75
|
-
*/
|
|
76
|
-
rotating: (opt: FabricEvent) => void;
|
|
77
|
-
/**
|
|
78
|
-
* Rotated event object
|
|
79
|
-
*
|
|
80
|
-
* @param {FabricEvent} opt
|
|
81
|
-
*/
|
|
82
|
-
rotated: (_opt: FabricEvent) => void;
|
|
83
|
-
/**
|
|
84
|
-
* Moing object at keyboard arrow key down event
|
|
85
|
-
*
|
|
86
|
-
* @param {KeyboardEvent} e
|
|
87
|
-
* @returns
|
|
88
|
-
*/
|
|
89
|
-
arrowmoving: (e: KeyboardEvent) => boolean;
|
|
90
|
-
/**
|
|
91
|
-
* Zoom at mouse wheel event
|
|
92
|
-
*
|
|
93
|
-
* @param {FabricEvent<WheelEvent>} opt
|
|
94
|
-
* @returns
|
|
95
|
-
*/
|
|
96
|
-
mousewheel: (opt: FabricEvent) => void;
|
|
97
|
-
/**
|
|
98
|
-
* Mouse down event on object
|
|
99
|
-
*
|
|
100
|
-
* @param {FabricEvent<MouseEvent>} opt
|
|
101
|
-
* @returns
|
|
102
|
-
*/
|
|
103
|
-
mousedown: (opt: FabricEvent) => void;
|
|
104
|
-
/**
|
|
105
|
-
* Mouse move event on canvas
|
|
106
|
-
*
|
|
107
|
-
* @param {FabricEvent<MouseEvent>} opt
|
|
108
|
-
* @returns
|
|
109
|
-
*/
|
|
110
|
-
mousemove: (opt: FabricEvent) => void;
|
|
111
|
-
/**
|
|
112
|
-
* Mouse up event on canvas
|
|
113
|
-
*
|
|
114
|
-
* @param {FabricEvent<MouseEvent>} opt
|
|
115
|
-
* @returns
|
|
116
|
-
*/
|
|
117
|
-
mouseup: (opt: FabricEvent) => void;
|
|
118
|
-
/**
|
|
119
|
-
* Mouse out event on canvas
|
|
120
|
-
*
|
|
121
|
-
* @param {FabricEvent<MouseEvent>} opt
|
|
122
|
-
*/
|
|
123
|
-
mouseout: (opt: FabricEvent) => void;
|
|
124
|
-
/**
|
|
125
|
-
* Selection event event on canvas
|
|
126
|
-
*
|
|
127
|
-
* @param {FabricEvent} opt
|
|
128
|
-
*/
|
|
129
|
-
selection: (opt: FabricEvent) => void;
|
|
130
|
-
/**
|
|
131
|
-
* Called resize event on canvas
|
|
132
|
-
*
|
|
133
|
-
* @param {number} nextWidth
|
|
134
|
-
* @param {number} nextHeight
|
|
135
|
-
* @returns
|
|
136
|
-
*/
|
|
137
|
-
resize: (nextWidth: number, nextHeight: number) => void;
|
|
138
|
-
/**
|
|
139
|
-
* Paste event on canvas
|
|
140
|
-
*
|
|
141
|
-
* @param {ClipboardEvent} e
|
|
142
|
-
* @returns
|
|
143
|
-
*/
|
|
144
|
-
paste: (e: ClipboardEvent) => Promise<boolean>;
|
|
145
|
-
/**
|
|
146
|
-
* Keydown event on document
|
|
147
|
-
*
|
|
148
|
-
* @param {KeyboardEvent} e
|
|
149
|
-
*/
|
|
150
|
-
keydown: (e: KeyboardEvent) => void;
|
|
151
|
-
/**
|
|
152
|
-
* Key up event on canvas
|
|
153
|
-
*
|
|
154
|
-
* @param {KeyboardEvent} _e
|
|
155
|
-
*/
|
|
156
|
-
keyup: (e: KeyboardEvent) => void;
|
|
157
|
-
/**
|
|
158
|
-
* Context menu event on canvas
|
|
159
|
-
*
|
|
160
|
-
* @param {MouseEvent} e
|
|
161
|
-
*/
|
|
162
|
-
contextmenu: (e: MouseEvent) => void;
|
|
163
|
-
/**
|
|
164
|
-
* Mouse down event on canvas
|
|
165
|
-
*
|
|
166
|
-
* @param {MouseEvent} _e
|
|
167
|
-
*/
|
|
168
|
-
onmousedown: (_e: MouseEvent) => void;
|
|
169
|
-
}
|
|
170
|
-
export default EventHandler;
|
|
1
|
+
import { FabricEvent } from '../utils';
|
|
2
|
+
import Handler from './Handler';
|
|
3
|
+
/**
|
|
4
|
+
* Event Handler Class
|
|
5
|
+
* @author salgum1114
|
|
6
|
+
* @class EventHandler
|
|
7
|
+
*/
|
|
8
|
+
declare class EventHandler {
|
|
9
|
+
handler: Handler;
|
|
10
|
+
code: string;
|
|
11
|
+
panning: boolean;
|
|
12
|
+
constructor(handler: Handler);
|
|
13
|
+
/**
|
|
14
|
+
* Attch event on document
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
initialize(): void;
|
|
18
|
+
/**
|
|
19
|
+
* Detach event on document
|
|
20
|
+
*
|
|
21
|
+
*/
|
|
22
|
+
destroy: () => void;
|
|
23
|
+
/**
|
|
24
|
+
* Individual object event
|
|
25
|
+
*
|
|
26
|
+
*/
|
|
27
|
+
object: {
|
|
28
|
+
/**
|
|
29
|
+
* Mouse down event on object
|
|
30
|
+
* @param {FabricEvent} opt
|
|
31
|
+
*/
|
|
32
|
+
mousedown: (opt: FabricEvent) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Mouse double click event on object
|
|
35
|
+
* @param {FabricEvent} opt
|
|
36
|
+
*/
|
|
37
|
+
mousedblclick: (opt: FabricEvent) => void;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Modified event object
|
|
41
|
+
*
|
|
42
|
+
* @param {FabricEvent} opt
|
|
43
|
+
* @returns
|
|
44
|
+
*/
|
|
45
|
+
modified: (opt: FabricEvent) => void;
|
|
46
|
+
/**
|
|
47
|
+
* Moving event object
|
|
48
|
+
*
|
|
49
|
+
* @param {FabricEvent} opt
|
|
50
|
+
* @returns
|
|
51
|
+
*/
|
|
52
|
+
moving: (opt: FabricEvent) => void;
|
|
53
|
+
/**
|
|
54
|
+
* Moved event object
|
|
55
|
+
*
|
|
56
|
+
* @param {FabricEvent} opt
|
|
57
|
+
*/
|
|
58
|
+
moved: (opt: FabricEvent) => void;
|
|
59
|
+
/**
|
|
60
|
+
* Scaling event object
|
|
61
|
+
*
|
|
62
|
+
* @param {FabricEvent} opt
|
|
63
|
+
*/
|
|
64
|
+
scaling: (opt: FabricEvent) => void;
|
|
65
|
+
/**
|
|
66
|
+
* Scaled event object
|
|
67
|
+
*
|
|
68
|
+
* @param {FabricEvent} opt
|
|
69
|
+
*/
|
|
70
|
+
scaled: (_opt: FabricEvent) => void;
|
|
71
|
+
/**
|
|
72
|
+
* Rotating event object
|
|
73
|
+
*
|
|
74
|
+
* @param {FabricEvent} opt
|
|
75
|
+
*/
|
|
76
|
+
rotating: (opt: FabricEvent) => void;
|
|
77
|
+
/**
|
|
78
|
+
* Rotated event object
|
|
79
|
+
*
|
|
80
|
+
* @param {FabricEvent} opt
|
|
81
|
+
*/
|
|
82
|
+
rotated: (_opt: FabricEvent) => void;
|
|
83
|
+
/**
|
|
84
|
+
* Moing object at keyboard arrow key down event
|
|
85
|
+
*
|
|
86
|
+
* @param {KeyboardEvent} e
|
|
87
|
+
* @returns
|
|
88
|
+
*/
|
|
89
|
+
arrowmoving: (e: KeyboardEvent) => boolean;
|
|
90
|
+
/**
|
|
91
|
+
* Zoom at mouse wheel event
|
|
92
|
+
*
|
|
93
|
+
* @param {FabricEvent<WheelEvent>} opt
|
|
94
|
+
* @returns
|
|
95
|
+
*/
|
|
96
|
+
mousewheel: (opt: FabricEvent) => void;
|
|
97
|
+
/**
|
|
98
|
+
* Mouse down event on object
|
|
99
|
+
*
|
|
100
|
+
* @param {FabricEvent<MouseEvent>} opt
|
|
101
|
+
* @returns
|
|
102
|
+
*/
|
|
103
|
+
mousedown: (opt: FabricEvent) => void;
|
|
104
|
+
/**
|
|
105
|
+
* Mouse move event on canvas
|
|
106
|
+
*
|
|
107
|
+
* @param {FabricEvent<MouseEvent>} opt
|
|
108
|
+
* @returns
|
|
109
|
+
*/
|
|
110
|
+
mousemove: (opt: FabricEvent) => void;
|
|
111
|
+
/**
|
|
112
|
+
* Mouse up event on canvas
|
|
113
|
+
*
|
|
114
|
+
* @param {FabricEvent<MouseEvent>} opt
|
|
115
|
+
* @returns
|
|
116
|
+
*/
|
|
117
|
+
mouseup: (opt: FabricEvent) => void;
|
|
118
|
+
/**
|
|
119
|
+
* Mouse out event on canvas
|
|
120
|
+
*
|
|
121
|
+
* @param {FabricEvent<MouseEvent>} opt
|
|
122
|
+
*/
|
|
123
|
+
mouseout: (opt: FabricEvent) => void;
|
|
124
|
+
/**
|
|
125
|
+
* Selection event event on canvas
|
|
126
|
+
*
|
|
127
|
+
* @param {FabricEvent} opt
|
|
128
|
+
*/
|
|
129
|
+
selection: (opt: FabricEvent) => void;
|
|
130
|
+
/**
|
|
131
|
+
* Called resize event on canvas
|
|
132
|
+
*
|
|
133
|
+
* @param {number} nextWidth
|
|
134
|
+
* @param {number} nextHeight
|
|
135
|
+
* @returns
|
|
136
|
+
*/
|
|
137
|
+
resize: (nextWidth: number, nextHeight: number) => void;
|
|
138
|
+
/**
|
|
139
|
+
* Paste event on canvas
|
|
140
|
+
*
|
|
141
|
+
* @param {ClipboardEvent} e
|
|
142
|
+
* @returns
|
|
143
|
+
*/
|
|
144
|
+
paste: (e: ClipboardEvent) => Promise<boolean>;
|
|
145
|
+
/**
|
|
146
|
+
* Keydown event on document
|
|
147
|
+
*
|
|
148
|
+
* @param {KeyboardEvent} e
|
|
149
|
+
*/
|
|
150
|
+
keydown: (e: KeyboardEvent) => void;
|
|
151
|
+
/**
|
|
152
|
+
* Key up event on canvas
|
|
153
|
+
*
|
|
154
|
+
* @param {KeyboardEvent} _e
|
|
155
|
+
*/
|
|
156
|
+
keyup: (e: KeyboardEvent) => void;
|
|
157
|
+
/**
|
|
158
|
+
* Context menu event on canvas
|
|
159
|
+
*
|
|
160
|
+
* @param {MouseEvent} e
|
|
161
|
+
*/
|
|
162
|
+
contextmenu: (e: MouseEvent) => void;
|
|
163
|
+
/**
|
|
164
|
+
* Mouse down event on canvas
|
|
165
|
+
*
|
|
166
|
+
* @param {MouseEvent} _e
|
|
167
|
+
*/
|
|
168
|
+
onmousedown: (_e: MouseEvent) => void;
|
|
169
|
+
}
|
|
170
|
+
export default EventHandler;
|