mce 0.15.33 → 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.
Files changed (19) hide show
  1. package/dist/components/Layer.vue.d.ts +1 -1
  2. package/dist/components/Selector.vue.d.ts +103 -59
  3. package/dist/components/SmartSelection.vue.d.ts +9 -1
  4. package/dist/components/shared/TransformControls.vue.d.ts +34 -15
  5. package/dist/editor.d.ts +4 -3
  6. package/dist/index.css +3 -3
  7. package/dist/index.js +485 -403
  8. package/dist/locale/en.d.ts +1 -1
  9. package/dist/locale/zh-Hans.d.ts +1 -1
  10. package/dist/mixins/2.box.d.ts +1 -1
  11. package/dist/plugins/scroll.d.ts +15 -0
  12. package/dist/plugins/selection.d.ts +14 -1
  13. package/dist/plugins/ui.d.ts +2 -8
  14. package/dist/plugins/zoom.d.ts +10 -0
  15. package/dist/typed-plugins.d.ts +0 -2
  16. package/package.json +1 -1
  17. package/dist/mixins/scroll.d.ts +0 -23
  18. package/dist/mixins/zoom.d.ts +0 -18
  19. /package/dist/components/{GoBackSelectedArea.vue.d.ts → ScrollToSelection.vue.d.ts} +0 -0
package/dist/components/Layer.vue.d.ts CHANGED
@@ -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;
package/dist/components/Selector.vue.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { TransformableValue } from './shared/TransformControls.vue';
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,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
34
34
  $data: {};
35
35
  $props: {
36
36
  readonly tag?: string | any;
37
- readonly modelValue?: Partial<TransformableValue> | undefined;
38
37
  readonly color?: string | undefined;
39
38
  readonly movable?: boolean | undefined;
40
39
  readonly rotatable?: boolean | undefined;
@@ -45,15 +44,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
45
44
  readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
46
45
  readonly handleStrategy?: "point" | undefined;
47
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;
48
50
  readonly hideUi?: boolean | undefined;
49
- 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;
50
51
  readonly initialSize?: boolean | undefined;
51
52
  readonly borderStyle?: "solid" | "dashed" | undefined;
52
53
  readonly tipFormat?: ((type: "size") => string) | undefined;
53
- readonly onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
54
- readonly onStart?: ((args_0: TransformableValue) => any) | undefined;
55
- readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
56
- readonly "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
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;
57
60
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
58
61
  $attrs: {
59
62
  [x: string]: unknown;
@@ -67,11 +70,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
67
70
  $root: import("vue").ComponentPublicInstance | null;
68
71
  $parent: import("vue").ComponentPublicInstance | null;
69
72
  $host: Element | null;
70
- $emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
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);
71
74
  $el: any;
72
75
  $options: import("vue").ComponentOptionsBase<Readonly<{
73
76
  tag?: string | any;
74
- modelValue?: Partial<TransformableValue>;
75
77
  color?: string;
76
78
  movable?: boolean;
77
79
  rotatable?: boolean;
@@ -82,33 +84,40 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
82
84
  resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
83
85
  handleStrategy?: "point";
84
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];
85
90
  hideUi?: boolean;
86
- 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")[];
87
91
  initialSize?: boolean;
88
92
  borderStyle?: "solid" | "dashed";
89
93
  tipFormat?: (type: "size") => string;
94
+ } & {
95
+ modelValue?: Partial<TransformValue>;
96
+ modelModifiers?: Partial<Record<string, true>>;
90
97
  }> & Readonly<{
91
- onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
92
- onStart?: ((args_0: TransformableValue) => any) | undefined;
93
- onEnd?: ((args_0: TransformableValue) => any) | undefined;
94
- "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
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;
95
102
  }>, {
96
103
  start: (event?: MouseEvent, index?: number) => boolean;
97
- activeHandle: import("vue").Ref<("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, ("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>;
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>;
98
105
  transforming: import("vue").Ref<boolean, boolean>;
99
106
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
100
- move: (args_0: TransformableValue, args_1: TransformableValue) => any;
101
- start: (args_0: TransformableValue) => any;
102
- end: (args_0: TransformableValue) => any;
103
- "update:modelValue": (args_0: TransformableValue) => any;
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;
104
111
  }, string, {
112
+ offset: [number, number];
113
+ scale: [number, number];
105
114
  movable: boolean;
106
115
  rotatable: boolean;
107
116
  resizable: boolean;
108
117
  tag: string | any;
109
118
  threshold: number;
110
119
  handleShape: "rect" | "circle";
111
- 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")[];
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")[];
112
121
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
113
122
  beforeCreate?: (() => void) | (() => void)[];
114
123
  created?: (() => void) | (() => void)[];
@@ -130,16 +139,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
130
139
  $nextTick: typeof import("vue").nextTick;
131
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;
132
141
  } & Readonly<{
142
+ offset: [number, number];
143
+ scale: [number, number];
133
144
  movable: boolean;
134
145
  rotatable: boolean;
135
146
  resizable: boolean;
136
147
  tag: string | any;
137
148
  threshold: number;
138
149
  handleShape: "rect" | "circle";
139
- 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")[];
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")[];
140
151
  }> & Omit<Readonly<{
141
152
  tag?: string | any;
142
- modelValue?: Partial<TransformableValue>;
143
153
  color?: string;
144
154
  movable?: boolean;
145
155
  rotatable?: boolean;
@@ -150,24 +160,36 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
150
160
  resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
151
161
  handleStrategy?: "point";
152
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];
153
166
  hideUi?: boolean;
154
- 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")[];
155
167
  initialSize?: boolean;
156
168
  borderStyle?: "solid" | "dashed";
157
169
  tipFormat?: (type: "size") => string;
170
+ } & {
171
+ modelValue?: Partial<TransformValue>;
172
+ modelModifiers?: Partial<Record<string, true>>;
158
173
  }> & Readonly<{
159
- onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
160
- onStart?: ((args_0: TransformableValue) => any) | undefined;
161
- onEnd?: ((args_0: TransformableValue) => any) | undefined;
162
- "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
163
- }>, "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<{
164
179
  start: (event?: MouseEvent, index?: number) => boolean;
165
- activeHandle: import("vue").Ref<("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, ("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>;
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>;
166
181
  transforming: import("vue").Ref<boolean, boolean>;
167
182
  }> & {} & import("vue").ComponentCustomProperties & {} & {
168
183
  $slots: {
169
184
  default?: (props: {
170
- value: Partial<TransformableValue> | undefined;
185
+ value: {
186
+ left: number;
187
+ top: number;
188
+ width: number;
189
+ height: number;
190
+ rotate: number;
191
+ borderRadius: number;
192
+ };
171
193
  props: {
172
194
  onPointerdown: (event?: MouseEvent, index?: number) => boolean;
173
195
  };
@@ -190,7 +212,6 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
190
212
  $data: {};
191
213
  $props: {
192
214
  readonly tag?: string | any;
193
- readonly modelValue?: Partial<TransformableValue> | undefined;
194
215
  readonly color?: string | undefined;
195
216
  readonly movable?: boolean | undefined;
196
217
  readonly rotatable?: boolean | undefined;
@@ -201,15 +222,19 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
201
222
  readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
202
223
  readonly handleStrategy?: "point" | undefined;
203
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;
204
228
  readonly hideUi?: boolean | undefined;
205
- 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;
206
229
  readonly initialSize?: boolean | undefined;
207
230
  readonly borderStyle?: "solid" | "dashed" | undefined;
208
231
  readonly tipFormat?: ((type: "size") => string) | undefined;
209
- readonly onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
210
- readonly onStart?: ((args_0: TransformableValue) => any) | undefined;
211
- readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
212
- readonly "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
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;
213
238
  } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
214
239
  $attrs: {
215
240
  [x: string]: unknown;
@@ -223,11 +248,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
223
248
  $root: import("vue").ComponentPublicInstance | null;
224
249
  $parent: import("vue").ComponentPublicInstance | null;
225
250
  $host: Element | null;
226
- $emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
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);
227
252
  $el: any;
228
253
  $options: import("vue").ComponentOptionsBase<Readonly<{
229
254
  tag?: string | any;
230
- modelValue?: Partial<TransformableValue>;
231
255
  color?: string;
232
256
  movable?: boolean;
233
257
  rotatable?: boolean;
@@ -238,33 +262,40 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
238
262
  resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
239
263
  handleStrategy?: "point";
240
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];
241
268
  hideUi?: boolean;
242
- 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")[];
243
269
  initialSize?: boolean;
244
270
  borderStyle?: "solid" | "dashed";
245
271
  tipFormat?: (type: "size") => string;
272
+ } & {
273
+ modelValue?: Partial<TransformValue>;
274
+ modelModifiers?: Partial<Record<string, true>>;
246
275
  }> & Readonly<{
247
- onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
248
- onStart?: ((args_0: TransformableValue) => any) | undefined;
249
- onEnd?: ((args_0: TransformableValue) => any) | undefined;
250
- "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
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;
251
280
  }>, {
252
281
  start: (event?: MouseEvent, index?: number) => boolean;
253
- activeHandle: import("vue").Ref<("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, ("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>;
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>;
254
283
  transforming: import("vue").Ref<boolean, boolean>;
255
284
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
256
- move: (args_0: TransformableValue, args_1: TransformableValue) => any;
257
- start: (args_0: TransformableValue) => any;
258
- end: (args_0: TransformableValue) => any;
259
- "update:modelValue": (args_0: TransformableValue) => any;
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;
260
289
  }, string, {
290
+ offset: [number, number];
291
+ scale: [number, number];
261
292
  movable: boolean;
262
293
  rotatable: boolean;
263
294
  resizable: boolean;
264
295
  tag: string | any;
265
296
  threshold: number;
266
297
  handleShape: "rect" | "circle";
267
- 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")[];
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")[];
268
299
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
269
300
  beforeCreate?: (() => void) | (() => void)[];
270
301
  created?: (() => void) | (() => void)[];
@@ -286,16 +317,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
286
317
  $nextTick: typeof import("vue").nextTick;
287
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;
288
319
  } & Readonly<{
320
+ offset: [number, number];
321
+ scale: [number, number];
289
322
  movable: boolean;
290
323
  rotatable: boolean;
291
324
  resizable: boolean;
292
325
  tag: string | any;
293
326
  threshold: number;
294
327
  handleShape: "rect" | "circle";
295
- 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")[];
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")[];
296
329
  }> & Omit<Readonly<{
297
330
  tag?: string | any;
298
- modelValue?: Partial<TransformableValue>;
299
331
  color?: string;
300
332
  movable?: boolean;
301
333
  rotatable?: boolean;
@@ -306,24 +338,36 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
306
338
  resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
307
339
  handleStrategy?: "point";
308
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];
309
344
  hideUi?: boolean;
310
- 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")[];
311
345
  initialSize?: boolean;
312
346
  borderStyle?: "solid" | "dashed";
313
347
  tipFormat?: (type: "size") => string;
348
+ } & {
349
+ modelValue?: Partial<TransformValue>;
350
+ modelModifiers?: Partial<Record<string, true>>;
314
351
  }> & Readonly<{
315
- onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
316
- onStart?: ((args_0: TransformableValue) => any) | undefined;
317
- onEnd?: ((args_0: TransformableValue) => any) | undefined;
318
- "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
319
- }>, "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<{
320
357
  start: (event?: MouseEvent, index?: number) => boolean;
321
- activeHandle: import("vue").Ref<("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, ("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>;
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>;
322
359
  transforming: import("vue").Ref<boolean, boolean>;
323
360
  }> & {} & import("vue").ComponentCustomProperties & {} & {
324
361
  $slots: {
325
362
  default?: (props: {
326
- value: Partial<TransformableValue> | undefined;
363
+ value: {
364
+ left: number;
365
+ top: number;
366
+ width: number;
367
+ height: number;
368
+ rotate: number;
369
+ borderRadius: number;
370
+ };
327
371
  props: {
328
372
  onPointerdown: (event?: MouseEvent, index?: number) => boolean;
329
373
  };
package/dist/components/SmartSelection.vue.d.ts CHANGED
@@ -1,3 +1,11 @@
1
- declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
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>;
2
10
  declare const _default: typeof __VLS_export;
3
11
  export default _default;
package/dist/components/shared/TransformControls.vue.d.ts CHANGED
@@ -1,11 +1,14 @@
1
- import type { OrientedBoundingBox } from '../../types';
2
- export interface TransformableValue extends OrientedBoundingBox {
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
- modelValue?: Partial<TransformableValue>;
9
12
  color?: string;
10
13
  movable?: boolean;
11
14
  rotatable?: boolean;
@@ -16,15 +19,29 @@ type __VLS_Props = {
16
19
  resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
17
20
  handleStrategy?: 'point';
18
21
  handleShape?: 'rect' | 'circle';
19
- hideUi?: boolean;
20
22
  handles?: Handle[];
23
+ scale?: [number, number];
24
+ offset?: [number, number];
25
+ hideUi?: boolean;
21
26
  initialSize?: boolean;
22
27
  borderStyle?: 'solid' | 'dashed';
23
28
  tipFormat?: (type: 'size') => string;
24
29
  };
25
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;
26
36
  declare var __VLS_8: {
27
- value: Partial<TransformableValue> | undefined;
37
+ value: {
38
+ left: number;
39
+ top: number;
40
+ width: number;
41
+ height: number;
42
+ rotate: number;
43
+ borderRadius: number;
44
+ };
28
45
  props: {
29
46
  onPointerdown: typeof start;
30
47
  };
@@ -44,21 +61,23 @@ type __VLS_Slots = {} & {
44
61
  } & {
45
62
  svg?: (props: typeof __VLS_15) => any;
46
63
  };
47
- declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
64
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
48
65
  start: typeof start;
49
66
  activeHandle: import("vue").Ref<Handle | undefined, Handle | undefined>;
50
67
  transforming: import("vue").Ref<boolean, boolean>;
51
68
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
52
- move: (args_0: TransformableValue, args_1: TransformableValue) => any;
53
- start: (args_0: TransformableValue) => any;
54
- end: (args_0: TransformableValue) => any;
55
- "update:modelValue": (args_0: TransformableValue) => any;
56
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
57
- onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
58
- onStart?: ((args_0: TransformableValue) => any) | undefined;
59
- onEnd?: ((args_0: TransformableValue) => any) | undefined;
60
- "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
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;
61
78
  }>, {
79
+ offset: [number, number];
80
+ scale: [number, number];
62
81
  movable: boolean;
63
82
  rotatable: boolean;
64
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
- protected _useMixins(mixins: Mixin[], options: Options): void;
34
- use(plugins: Plugin[], options: Options): void;
35
- protected _setuped: boolean;
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
  }
package/dist/index.css CHANGED
@@ -619,7 +619,7 @@
619
619
  top: 0;
620
620
  right: 0;
621
621
  bottom: 0;
622
- }.mce-back-selected-aera {
622
+ }.mce-scroll-to-selection {
623
623
  pointer-events: auto !important;
624
624
  position: absolute;
625
625
  left: 50%;
@@ -1200,12 +1200,12 @@
1200
1200
  width: 100%;
1201
1201
  height: 100%;
1202
1202
  }
1203
- .mce-cropper__transformable {
1203
+ .mce-cropper__transform {
1204
1204
  position: absolute;
1205
1205
  color: rgba(var(--mce-theme-primary), 1);
1206
1206
  opacity: 0.5;
1207
1207
  }
1208
- .mce-cropper__transformable_rect {
1208
+ .mce-cropper__transform_rect {
1209
1209
  width: 100%;
1210
1210
  height: 100%;
1211
1211
  }.mce-selector {