@tmagic/stage 1.1.0-beta.7 → 1.1.0
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/tmagic-stage.mjs +136 -40
- package/dist/tmagic-stage.mjs.map +1 -1
- package/dist/tmagic-stage.umd.js +141 -43
- package/dist/tmagic-stage.umd.js.map +1 -1
- package/package.json +4 -4
- package/src/StageCore.ts +19 -7
- package/src/StageDragResize.ts +54 -32
- package/src/StageMultiDragResize.ts +92 -23
- package/src/style.css +4 -0
- package/src/types.ts +34 -14
- package/types/StageCore.d.ts +2 -1
- package/types/StageDragResize.d.ts +2 -0
- package/types/StageMultiDragResize.d.ts +3 -1
- package/types/types.d.ts +32 -14
package/types/types.d.ts
CHANGED
|
@@ -7,6 +7,10 @@ import StageDragResize from './StageDragResize';
|
|
|
7
7
|
import StageMask from './StageMask';
|
|
8
8
|
export declare type CanSelect = (el: HTMLElement, event: MouseEvent, stop: () => boolean) => boolean | Promise<boolean>;
|
|
9
9
|
export declare type IsContainer = (el: HTMLElement) => boolean | Promise<boolean>;
|
|
10
|
+
export declare enum ContainerHighlightType {
|
|
11
|
+
DEFAULT = "default",
|
|
12
|
+
ALT = "alt"
|
|
13
|
+
}
|
|
10
14
|
export declare type StageCoreConfig = {
|
|
11
15
|
/** 需要对齐的dom节点的CSS选择器字符串 */
|
|
12
16
|
snapElementQuerySelector?: string;
|
|
@@ -14,8 +18,9 @@ export declare type StageCoreConfig = {
|
|
|
14
18
|
zoom?: number;
|
|
15
19
|
canSelect?: CanSelect;
|
|
16
20
|
isContainer: IsContainer;
|
|
17
|
-
containerHighlightClassName
|
|
18
|
-
containerHighlightDuration
|
|
21
|
+
containerHighlightClassName?: string;
|
|
22
|
+
containerHighlightDuration?: number;
|
|
23
|
+
containerHighlightType?: ContainerHighlightType;
|
|
19
24
|
moveableOptions?: ((core?: StageCore) => MoveableOptions) | MoveableOptions;
|
|
20
25
|
multiMoveableOptions?: ((core?: StageCore) => MoveableOptions) | MoveableOptions;
|
|
21
26
|
/** runtime 的HTML地址，可以是一个HTTP地址，如果和编辑器不同域，需要设置跨域，也可以是一个相对或绝对路径 */
|
|
@@ -35,6 +40,15 @@ export interface StageDragResizeConfig {
|
|
|
35
40
|
container: HTMLElement;
|
|
36
41
|
mask: StageMask;
|
|
37
42
|
}
|
|
43
|
+
/** 拖动状态 */
|
|
44
|
+
export declare enum StageDragStatus {
|
|
45
|
+
/** 开始拖动 */
|
|
46
|
+
START = "start",
|
|
47
|
+
/** 拖动中 */
|
|
48
|
+
ING = "ing",
|
|
49
|
+
/** 拖动结束 */
|
|
50
|
+
END = "end"
|
|
51
|
+
}
|
|
38
52
|
export declare type Rect = {
|
|
39
53
|
width: number;
|
|
40
54
|
height: number;
|
|
@@ -48,19 +62,21 @@ export interface GuidesEventData {
|
|
|
48
62
|
guides: number[];
|
|
49
63
|
}
|
|
50
64
|
export interface UpdateEventData {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
65
|
+
data: {
|
|
66
|
+
el: HTMLElement;
|
|
67
|
+
style: {
|
|
68
|
+
width?: number;
|
|
69
|
+
height?: number;
|
|
70
|
+
left?: number;
|
|
71
|
+
top?: number;
|
|
72
|
+
transform?: {
|
|
73
|
+
rotate?: string;
|
|
74
|
+
scale?: string;
|
|
75
|
+
};
|
|
62
76
|
};
|
|
63
|
-
|
|
77
|
+
ghostEl?: HTMLElement;
|
|
78
|
+
}[];
|
|
79
|
+
parentEl: HTMLElement | null;
|
|
64
80
|
}
|
|
65
81
|
export interface SortEventData {
|
|
66
82
|
src: Id;
|
|
@@ -70,10 +86,12 @@ export interface SortEventData {
|
|
|
70
86
|
export interface UpdateData {
|
|
71
87
|
config: MNode;
|
|
72
88
|
parent?: MContainer;
|
|
89
|
+
parentId?: Id;
|
|
73
90
|
root: MApp;
|
|
74
91
|
}
|
|
75
92
|
export interface RemoveData {
|
|
76
93
|
id: Id;
|
|
94
|
+
parentId: Id;
|
|
77
95
|
root: MApp;
|
|
78
96
|
}
|
|
79
97
|
export interface Runtime {
|