mce 0.15.32 → 0.15.34
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/components/Layer.vue.d.ts +1 -1
- package/dist/components/Selector.vue.d.ts +109 -59
- package/dist/components/SmartGuides.vue.d.ts +4 -1
- package/dist/components/SmartSelection.vue.d.ts +11 -0
- package/dist/components/shared/TransformControls.vue.d.ts +35 -15
- package/dist/editor.d.ts +4 -3
- package/dist/index.css +128 -83
- package/dist/index.js +2477 -2141
- package/dist/locale/en.d.ts +5 -2
- package/dist/locale/zh-Hans.d.ts +4 -1
- package/dist/mixins/2.box.d.ts +1 -1
- package/dist/plugins/arrange.d.ts +1 -1
- package/dist/plugins/scroll.d.ts +15 -0
- package/dist/plugins/selection.d.ts +14 -1
- package/dist/plugins/smartGuides.d.ts +0 -1
- package/dist/plugins/smartSelection.d.ts +4 -2
- package/dist/plugins/ui.d.ts +2 -8
- package/dist/plugins/zoom.d.ts +10 -0
- package/dist/typed-plugins.d.ts +0 -2
- package/package.json +1 -1
- package/dist/mixins/scroll.d.ts +0 -23
- package/dist/mixins/zoom.d.ts +0 -18
- /package/dist/components/{GoBackSelectedArea.vue.d.ts → ScrollToSelection.vue.d.ts} +0 -0
|
@@ -33,8 +33,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
|
|
|
33
33
|
}>> & Readonly<{
|
|
34
34
|
"onUpdate:opened"?: ((value: boolean) => any) | undefined;
|
|
35
35
|
}>, {
|
|
36
|
-
active: boolean;
|
|
37
36
|
root: boolean;
|
|
37
|
+
active: boolean;
|
|
38
38
|
indent: number;
|
|
39
39
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
40
40
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
1
|
+
import type { TransformValue } from './shared/TransformControls.vue';
|
|
2
2
|
import { Aabb2D } from 'modern-canvas';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
|
|
@@ -34,7 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
34
34
|
$data: {};
|
|
35
35
|
$props: {
|
|
36
36
|
readonly tag?: string | any;
|
|
37
|
-
readonly
|
|
37
|
+
readonly color?: string | undefined;
|
|
38
38
|
readonly movable?: boolean | undefined;
|
|
39
39
|
readonly rotatable?: boolean | undefined;
|
|
40
40
|
readonly rotator?: boolean | undefined;
|
|
@@ -44,15 +44,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
44
44
|
readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
|
|
45
45
|
readonly handleStrategy?: "point" | undefined;
|
|
46
46
|
readonly handleShape?: "rect" | "circle" | undefined;
|
|
47
|
+
readonly handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[] | undefined;
|
|
48
|
+
readonly scale?: [number, number] | undefined;
|
|
49
|
+
readonly offset?: [number, number] | undefined;
|
|
47
50
|
readonly hideUi?: boolean | undefined;
|
|
48
|
-
readonly handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-tl" | "resize-tr" | "resize-bl" | "resize-br" | "rotate-tl" | "rotate-tr" | "rotate-bl" | "rotate-br" | "round-tl" | "round-tr" | "round-bl" | "round-br")[] | undefined;
|
|
49
51
|
readonly initialSize?: boolean | undefined;
|
|
50
52
|
readonly borderStyle?: "solid" | "dashed" | undefined;
|
|
51
53
|
readonly tipFormat?: ((type: "size") => string) | undefined;
|
|
52
|
-
readonly
|
|
53
|
-
readonly
|
|
54
|
-
readonly
|
|
55
|
-
readonly
|
|
54
|
+
readonly modelValue?: Partial<TransformValue> | undefined;
|
|
55
|
+
readonly modelModifiers?: Partial<Record<string, true>> | undefined;
|
|
56
|
+
readonly onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
57
|
+
readonly onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
58
|
+
readonly onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
59
|
+
readonly "onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
56
60
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
57
61
|
$attrs: {
|
|
58
62
|
[x: string]: unknown;
|
|
@@ -66,11 +70,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
66
70
|
$root: import("vue").ComponentPublicInstance | null;
|
|
67
71
|
$parent: import("vue").ComponentPublicInstance | null;
|
|
68
72
|
$host: Element | null;
|
|
69
|
-
$emit: ((event: "move", args_0:
|
|
73
|
+
$emit: ((event: "move", args_0: TransformValue, args_1: TransformValue) => void) & ((event: "start", args_0: TransformValue) => void) & ((event: "end", args_0: TransformValue) => void) & ((event: "update:modelValue", value: Partial<TransformValue> | undefined) => void);
|
|
70
74
|
$el: any;
|
|
71
75
|
$options: import("vue").ComponentOptionsBase<Readonly<{
|
|
72
76
|
tag?: string | any;
|
|
73
|
-
|
|
77
|
+
color?: string;
|
|
74
78
|
movable?: boolean;
|
|
75
79
|
rotatable?: boolean;
|
|
76
80
|
rotator?: boolean;
|
|
@@ -80,33 +84,40 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
80
84
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
81
85
|
handleStrategy?: "point";
|
|
82
86
|
handleShape?: "rect" | "circle";
|
|
87
|
+
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
88
|
+
scale?: [number, number];
|
|
89
|
+
offset?: [number, number];
|
|
83
90
|
hideUi?: boolean;
|
|
84
|
-
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-tl" | "resize-tr" | "resize-bl" | "resize-br" | "rotate-tl" | "rotate-tr" | "rotate-bl" | "rotate-br" | "round-tl" | "round-tr" | "round-bl" | "round-br")[];
|
|
85
91
|
initialSize?: boolean;
|
|
86
92
|
borderStyle?: "solid" | "dashed";
|
|
87
93
|
tipFormat?: (type: "size") => string;
|
|
94
|
+
} & {
|
|
95
|
+
modelValue?: Partial<TransformValue>;
|
|
96
|
+
modelModifiers?: Partial<Record<string, true>>;
|
|
88
97
|
}> & Readonly<{
|
|
89
|
-
onMove?: ((args_0:
|
|
90
|
-
onStart?: ((args_0:
|
|
91
|
-
onEnd?: ((args_0:
|
|
92
|
-
"onUpdate:modelValue"?: ((
|
|
98
|
+
onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
99
|
+
onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
100
|
+
onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
101
|
+
"onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
93
102
|
}>, {
|
|
94
103
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
95
|
-
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
104
|
+
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined, ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined>;
|
|
96
105
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
97
106
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
98
|
-
move: (args_0:
|
|
99
|
-
start: (args_0:
|
|
100
|
-
end: (args_0:
|
|
101
|
-
"update:modelValue": (
|
|
107
|
+
move: (args_0: TransformValue, args_1: TransformValue) => any;
|
|
108
|
+
start: (args_0: TransformValue) => any;
|
|
109
|
+
end: (args_0: TransformValue) => any;
|
|
110
|
+
"update:modelValue": (value: Partial<TransformValue> | undefined) => any;
|
|
102
111
|
}, string, {
|
|
112
|
+
offset: [number, number];
|
|
113
|
+
scale: [number, number];
|
|
103
114
|
movable: boolean;
|
|
104
115
|
rotatable: boolean;
|
|
105
116
|
resizable: boolean;
|
|
106
117
|
tag: string | any;
|
|
107
118
|
threshold: number;
|
|
108
119
|
handleShape: "rect" | "circle";
|
|
109
|
-
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
120
|
+
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
110
121
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
111
122
|
beforeCreate?: (() => void) | (() => void)[];
|
|
112
123
|
created?: (() => void) | (() => void)[];
|
|
@@ -128,16 +139,18 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
128
139
|
$nextTick: typeof import("vue").nextTick;
|
|
129
140
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
130
141
|
} & Readonly<{
|
|
142
|
+
offset: [number, number];
|
|
143
|
+
scale: [number, number];
|
|
131
144
|
movable: boolean;
|
|
132
145
|
rotatable: boolean;
|
|
133
146
|
resizable: boolean;
|
|
134
147
|
tag: string | any;
|
|
135
148
|
threshold: number;
|
|
136
149
|
handleShape: "rect" | "circle";
|
|
137
|
-
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
150
|
+
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
138
151
|
}> & Omit<Readonly<{
|
|
139
152
|
tag?: string | any;
|
|
140
|
-
|
|
153
|
+
color?: string;
|
|
141
154
|
movable?: boolean;
|
|
142
155
|
rotatable?: boolean;
|
|
143
156
|
rotator?: boolean;
|
|
@@ -147,24 +160,36 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
147
160
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
148
161
|
handleStrategy?: "point";
|
|
149
162
|
handleShape?: "rect" | "circle";
|
|
163
|
+
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
164
|
+
scale?: [number, number];
|
|
165
|
+
offset?: [number, number];
|
|
150
166
|
hideUi?: boolean;
|
|
151
|
-
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-tl" | "resize-tr" | "resize-bl" | "resize-br" | "rotate-tl" | "rotate-tr" | "rotate-bl" | "rotate-br" | "round-tl" | "round-tr" | "round-bl" | "round-br")[];
|
|
152
167
|
initialSize?: boolean;
|
|
153
168
|
borderStyle?: "solid" | "dashed";
|
|
154
169
|
tipFormat?: (type: "size") => string;
|
|
170
|
+
} & {
|
|
171
|
+
modelValue?: Partial<TransformValue>;
|
|
172
|
+
modelModifiers?: Partial<Record<string, true>>;
|
|
155
173
|
}> & Readonly<{
|
|
156
|
-
onMove?: ((args_0:
|
|
157
|
-
onStart?: ((args_0:
|
|
158
|
-
onEnd?: ((args_0:
|
|
159
|
-
"onUpdate:modelValue"?: ((
|
|
160
|
-
}>, "transforming" | "start" | "activeHandle" | ("movable" | "rotatable" | "resizable" | "tag" | "threshold" | "handleShape" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
174
|
+
onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
175
|
+
onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
176
|
+
onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
177
|
+
"onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
178
|
+
}>, "transforming" | "start" | "activeHandle" | ("offset" | "scale" | "movable" | "rotatable" | "resizable" | "tag" | "threshold" | "handleShape" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
161
179
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
162
|
-
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
180
|
+
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined, ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined>;
|
|
163
181
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
164
182
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
165
183
|
$slots: {
|
|
166
184
|
default?: (props: {
|
|
167
|
-
value:
|
|
185
|
+
value: {
|
|
186
|
+
left: number;
|
|
187
|
+
top: number;
|
|
188
|
+
width: number;
|
|
189
|
+
height: number;
|
|
190
|
+
rotate: number;
|
|
191
|
+
borderRadius: number;
|
|
192
|
+
};
|
|
168
193
|
props: {
|
|
169
194
|
onPointerdown: (event?: MouseEvent, index?: number) => boolean;
|
|
170
195
|
};
|
|
@@ -187,7 +212,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
187
212
|
$data: {};
|
|
188
213
|
$props: {
|
|
189
214
|
readonly tag?: string | any;
|
|
190
|
-
readonly
|
|
215
|
+
readonly color?: string | undefined;
|
|
191
216
|
readonly movable?: boolean | undefined;
|
|
192
217
|
readonly rotatable?: boolean | undefined;
|
|
193
218
|
readonly rotator?: boolean | undefined;
|
|
@@ -197,15 +222,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
197
222
|
readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
|
|
198
223
|
readonly handleStrategy?: "point" | undefined;
|
|
199
224
|
readonly handleShape?: "rect" | "circle" | undefined;
|
|
225
|
+
readonly handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[] | undefined;
|
|
226
|
+
readonly scale?: [number, number] | undefined;
|
|
227
|
+
readonly offset?: [number, number] | undefined;
|
|
200
228
|
readonly hideUi?: boolean | undefined;
|
|
201
|
-
readonly handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-tl" | "resize-tr" | "resize-bl" | "resize-br" | "rotate-tl" | "rotate-tr" | "rotate-bl" | "rotate-br" | "round-tl" | "round-tr" | "round-bl" | "round-br")[] | undefined;
|
|
202
229
|
readonly initialSize?: boolean | undefined;
|
|
203
230
|
readonly borderStyle?: "solid" | "dashed" | undefined;
|
|
204
231
|
readonly tipFormat?: ((type: "size") => string) | undefined;
|
|
205
|
-
readonly
|
|
206
|
-
readonly
|
|
207
|
-
readonly
|
|
208
|
-
readonly
|
|
232
|
+
readonly modelValue?: Partial<TransformValue> | undefined;
|
|
233
|
+
readonly modelModifiers?: Partial<Record<string, true>> | undefined;
|
|
234
|
+
readonly onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
235
|
+
readonly onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
236
|
+
readonly onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
237
|
+
readonly "onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
209
238
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
210
239
|
$attrs: {
|
|
211
240
|
[x: string]: unknown;
|
|
@@ -219,11 +248,11 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
219
248
|
$root: import("vue").ComponentPublicInstance | null;
|
|
220
249
|
$parent: import("vue").ComponentPublicInstance | null;
|
|
221
250
|
$host: Element | null;
|
|
222
|
-
$emit: ((event: "move", args_0:
|
|
251
|
+
$emit: ((event: "move", args_0: TransformValue, args_1: TransformValue) => void) & ((event: "start", args_0: TransformValue) => void) & ((event: "end", args_0: TransformValue) => void) & ((event: "update:modelValue", value: Partial<TransformValue> | undefined) => void);
|
|
223
252
|
$el: any;
|
|
224
253
|
$options: import("vue").ComponentOptionsBase<Readonly<{
|
|
225
254
|
tag?: string | any;
|
|
226
|
-
|
|
255
|
+
color?: string;
|
|
227
256
|
movable?: boolean;
|
|
228
257
|
rotatable?: boolean;
|
|
229
258
|
rotator?: boolean;
|
|
@@ -233,33 +262,40 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
233
262
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
234
263
|
handleStrategy?: "point";
|
|
235
264
|
handleShape?: "rect" | "circle";
|
|
265
|
+
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
266
|
+
scale?: [number, number];
|
|
267
|
+
offset?: [number, number];
|
|
236
268
|
hideUi?: boolean;
|
|
237
|
-
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-tl" | "resize-tr" | "resize-bl" | "resize-br" | "rotate-tl" | "rotate-tr" | "rotate-bl" | "rotate-br" | "round-tl" | "round-tr" | "round-bl" | "round-br")[];
|
|
238
269
|
initialSize?: boolean;
|
|
239
270
|
borderStyle?: "solid" | "dashed";
|
|
240
271
|
tipFormat?: (type: "size") => string;
|
|
272
|
+
} & {
|
|
273
|
+
modelValue?: Partial<TransformValue>;
|
|
274
|
+
modelModifiers?: Partial<Record<string, true>>;
|
|
241
275
|
}> & Readonly<{
|
|
242
|
-
onMove?: ((args_0:
|
|
243
|
-
onStart?: ((args_0:
|
|
244
|
-
onEnd?: ((args_0:
|
|
245
|
-
"onUpdate:modelValue"?: ((
|
|
276
|
+
onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
277
|
+
onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
278
|
+
onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
279
|
+
"onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
246
280
|
}>, {
|
|
247
281
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
248
|
-
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
282
|
+
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined, ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined>;
|
|
249
283
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
250
284
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
251
|
-
move: (args_0:
|
|
252
|
-
start: (args_0:
|
|
253
|
-
end: (args_0:
|
|
254
|
-
"update:modelValue": (
|
|
285
|
+
move: (args_0: TransformValue, args_1: TransformValue) => any;
|
|
286
|
+
start: (args_0: TransformValue) => any;
|
|
287
|
+
end: (args_0: TransformValue) => any;
|
|
288
|
+
"update:modelValue": (value: Partial<TransformValue> | undefined) => any;
|
|
255
289
|
}, string, {
|
|
290
|
+
offset: [number, number];
|
|
291
|
+
scale: [number, number];
|
|
256
292
|
movable: boolean;
|
|
257
293
|
rotatable: boolean;
|
|
258
294
|
resizable: boolean;
|
|
259
295
|
tag: string | any;
|
|
260
296
|
threshold: number;
|
|
261
297
|
handleShape: "rect" | "circle";
|
|
262
|
-
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
298
|
+
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
263
299
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
264
300
|
beforeCreate?: (() => void) | (() => void)[];
|
|
265
301
|
created?: (() => void) | (() => void)[];
|
|
@@ -281,16 +317,18 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
281
317
|
$nextTick: typeof import("vue").nextTick;
|
|
282
318
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
|
|
283
319
|
} & Readonly<{
|
|
320
|
+
offset: [number, number];
|
|
321
|
+
scale: [number, number];
|
|
284
322
|
movable: boolean;
|
|
285
323
|
rotatable: boolean;
|
|
286
324
|
resizable: boolean;
|
|
287
325
|
tag: string | any;
|
|
288
326
|
threshold: number;
|
|
289
327
|
handleShape: "rect" | "circle";
|
|
290
|
-
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
328
|
+
handles: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
291
329
|
}> & Omit<Readonly<{
|
|
292
330
|
tag?: string | any;
|
|
293
|
-
|
|
331
|
+
color?: string;
|
|
294
332
|
movable?: boolean;
|
|
295
333
|
rotatable?: boolean;
|
|
296
334
|
rotator?: boolean;
|
|
@@ -300,24 +338,36 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
300
338
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
301
339
|
handleStrategy?: "point";
|
|
302
340
|
handleShape?: "rect" | "circle";
|
|
341
|
+
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl")[];
|
|
342
|
+
scale?: [number, number];
|
|
343
|
+
offset?: [number, number];
|
|
303
344
|
hideUi?: boolean;
|
|
304
|
-
handles?: ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-tl" | "resize-tr" | "resize-bl" | "resize-br" | "rotate-tl" | "rotate-tr" | "rotate-bl" | "rotate-br" | "round-tl" | "round-tr" | "round-bl" | "round-br")[];
|
|
305
345
|
initialSize?: boolean;
|
|
306
346
|
borderStyle?: "solid" | "dashed";
|
|
307
347
|
tipFormat?: (type: "size") => string;
|
|
348
|
+
} & {
|
|
349
|
+
modelValue?: Partial<TransformValue>;
|
|
350
|
+
modelModifiers?: Partial<Record<string, true>>;
|
|
308
351
|
}> & Readonly<{
|
|
309
|
-
onMove?: ((args_0:
|
|
310
|
-
onStart?: ((args_0:
|
|
311
|
-
onEnd?: ((args_0:
|
|
312
|
-
"onUpdate:modelValue"?: ((
|
|
313
|
-
}>, "transforming" | "start" | "activeHandle" | ("movable" | "rotatable" | "resizable" | "tag" | "threshold" | "handleShape" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
352
|
+
onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
353
|
+
onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
354
|
+
onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
355
|
+
"onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
356
|
+
}>, "transforming" | "start" | "activeHandle" | ("offset" | "scale" | "movable" | "rotatable" | "resizable" | "tag" | "threshold" | "handleShape" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
314
357
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
315
|
-
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-
|
|
358
|
+
activeHandle: import("vue").Ref<("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined, ("move" | "resize-t" | "resize-r" | "resize-b" | "resize-l" | "resize-br" | "resize-tr" | "resize-tl" | "resize-bl" | "rotate-br" | "rotate-tr" | "rotate-tl" | "rotate-bl" | "round-br" | "round-tr" | "round-tl" | "round-bl") | undefined>;
|
|
316
359
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
317
360
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
318
361
|
$slots: {
|
|
319
362
|
default?: (props: {
|
|
320
|
-
value:
|
|
363
|
+
value: {
|
|
364
|
+
left: number;
|
|
365
|
+
top: number;
|
|
366
|
+
width: number;
|
|
367
|
+
height: number;
|
|
368
|
+
rotate: number;
|
|
369
|
+
borderRadius: number;
|
|
370
|
+
};
|
|
321
371
|
props: {
|
|
322
372
|
onPointerdown: (event?: MouseEvent, index?: number) => boolean;
|
|
323
373
|
};
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
snapLines?: Record<string, any>[];
|
|
3
|
+
};
|
|
4
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
2
5
|
declare const _default: typeof __VLS_export;
|
|
3
6
|
export default _default;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Element2D } from 'modern-canvas';
|
|
2
|
+
type __VLS_ModelProps = {
|
|
3
|
+
modelValue?: Element2D;
|
|
4
|
+
};
|
|
5
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
6
|
+
"update:modelValue": (value: Element2D | undefined) => any;
|
|
7
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
|
|
8
|
+
"onUpdate:modelValue"?: ((value: Element2D | undefined) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
export interface TransformValue {
|
|
2
|
+
left: number;
|
|
3
|
+
top: number;
|
|
4
|
+
width: number;
|
|
5
|
+
height: number;
|
|
6
|
+
rotate: number;
|
|
3
7
|
borderRadius: number;
|
|
4
8
|
}
|
|
5
9
|
type Handle = 'move' | 'resize-t' | 'resize-r' | 'resize-b' | 'resize-l' | 'resize-tl' | 'resize-tr' | 'resize-bl' | 'resize-br' | 'rotate-tl' | 'rotate-tr' | 'rotate-bl' | 'rotate-br' | 'round-tl' | 'round-tr' | 'round-bl' | 'round-br';
|
|
6
10
|
type __VLS_Props = {
|
|
7
11
|
tag?: string | any;
|
|
8
|
-
|
|
12
|
+
color?: string;
|
|
9
13
|
movable?: boolean;
|
|
10
14
|
rotatable?: boolean;
|
|
11
15
|
rotator?: boolean;
|
|
@@ -15,15 +19,29 @@ type __VLS_Props = {
|
|
|
15
19
|
resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
|
|
16
20
|
handleStrategy?: 'point';
|
|
17
21
|
handleShape?: 'rect' | 'circle';
|
|
18
|
-
hideUi?: boolean;
|
|
19
22
|
handles?: Handle[];
|
|
23
|
+
scale?: [number, number];
|
|
24
|
+
offset?: [number, number];
|
|
25
|
+
hideUi?: boolean;
|
|
20
26
|
initialSize?: boolean;
|
|
21
27
|
borderStyle?: 'solid' | 'dashed';
|
|
22
28
|
tipFormat?: (type: 'size') => string;
|
|
23
29
|
};
|
|
24
30
|
declare function start(event?: MouseEvent, index?: number): boolean;
|
|
31
|
+
type __VLS_ModelProps = {
|
|
32
|
+
modelValue?: Partial<TransformValue>;
|
|
33
|
+
'modelModifiers'?: Partial<Record<string, true>>;
|
|
34
|
+
};
|
|
35
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
25
36
|
declare var __VLS_8: {
|
|
26
|
-
value:
|
|
37
|
+
value: {
|
|
38
|
+
left: number;
|
|
39
|
+
top: number;
|
|
40
|
+
width: number;
|
|
41
|
+
height: number;
|
|
42
|
+
rotate: number;
|
|
43
|
+
borderRadius: number;
|
|
44
|
+
};
|
|
27
45
|
props: {
|
|
28
46
|
onPointerdown: typeof start;
|
|
29
47
|
};
|
|
@@ -43,21 +61,23 @@ type __VLS_Slots = {} & {
|
|
|
43
61
|
} & {
|
|
44
62
|
svg?: (props: typeof __VLS_15) => any;
|
|
45
63
|
};
|
|
46
|
-
declare const __VLS_base: import("vue").DefineComponent<
|
|
64
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
47
65
|
start: typeof start;
|
|
48
66
|
activeHandle: import("vue").Ref<Handle | undefined, Handle | undefined>;
|
|
49
67
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
50
68
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
51
|
-
move: (args_0:
|
|
52
|
-
start: (args_0:
|
|
53
|
-
end: (args_0:
|
|
54
|
-
"update:modelValue": (
|
|
55
|
-
}, string, import("vue").PublicProps, Readonly<
|
|
56
|
-
onMove?: ((args_0:
|
|
57
|
-
onStart?: ((args_0:
|
|
58
|
-
onEnd?: ((args_0:
|
|
59
|
-
"onUpdate:modelValue"?: ((
|
|
69
|
+
move: (args_0: TransformValue, args_1: TransformValue) => any;
|
|
70
|
+
start: (args_0: TransformValue) => any;
|
|
71
|
+
end: (args_0: TransformValue) => any;
|
|
72
|
+
"update:modelValue": (value: Partial<TransformValue> | undefined) => any;
|
|
73
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
74
|
+
onMove?: ((args_0: TransformValue, args_1: TransformValue) => any) | undefined;
|
|
75
|
+
onStart?: ((args_0: TransformValue) => any) | undefined;
|
|
76
|
+
onEnd?: ((args_0: TransformValue) => any) | undefined;
|
|
77
|
+
"onUpdate:modelValue"?: ((value: Partial<TransformValue> | undefined) => any) | undefined;
|
|
60
78
|
}>, {
|
|
79
|
+
offset: [number, number];
|
|
80
|
+
scale: [number, number];
|
|
61
81
|
movable: boolean;
|
|
62
82
|
rotatable: boolean;
|
|
63
83
|
resizable: boolean;
|
package/dist/editor.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { EffectScope } from '@vue/reactivity';
|
|
1
2
|
import type { RemovableRef } from '@vueuse/core';
|
|
2
3
|
import type { ObservableEvents } from 'modern-idoc';
|
|
3
4
|
import type { App, InjectionKey } from 'vue';
|
|
@@ -30,9 +31,9 @@ export declare class Editor extends Observable<Events> {
|
|
|
30
31
|
log: (...args: any[]) => void;
|
|
31
32
|
emit: <K extends keyof Events & string>(event: K, ...args: Events[K]) => this;
|
|
32
33
|
protected _setupOptions(options: Options): void;
|
|
33
|
-
|
|
34
|
-
use(
|
|
35
|
-
protected
|
|
34
|
+
mixin(mixin: Mixin | Mixin[], options?: Options): void;
|
|
35
|
+
use(plugin: Plugin | Plugin[], options: Options): void;
|
|
36
|
+
protected _effectScope?: EffectScope;
|
|
36
37
|
setup: () => Promise<void>;
|
|
37
38
|
install: (app: App) => void;
|
|
38
39
|
}
|