mce 0.15.24 → 0.15.26
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/Floatbar.vue.d.ts +7 -9
- package/dist/components/Selector.vue.d.ts +33 -31
- package/dist/components/shared/Dialog.vue.d.ts +4 -0
- package/dist/components/shared/Menu.vue.d.ts +6 -0
- package/dist/components/shared/Overlay.vue.d.ts +4 -0
- package/dist/components/shared/Tooltip.vue.d.ts +4 -0
- package/dist/components/shared/{Transformable.vue.d.ts → TransformControls.vue.d.ts} +4 -4
- package/dist/composables/icons.d.ts +20 -0
- package/dist/composables/layer.d.ts +2 -0
- package/dist/composables/overlay.d.ts +11 -1
- package/dist/index.css +64 -43
- package/dist/index.d.ts +1 -1
- package/dist/index.js +701 -403
- package/dist/mixins/0.config/base.d.ts +8 -4
- package/dist/mixins/1.screen.d.ts +2 -1
- package/dist/mixins/scroll.d.ts +4 -0
- package/dist/mixins/zoom.d.ts +1 -1
- package/dist/plugins/transform.d.ts +6 -0
- package/dist/plugins/ui.d.ts +13 -7
- package/dist/plugins/zoom.d.ts +0 -4
- package/dist/typed-plugins.d.ts +0 -1
- package/dist/utils/helper.d.ts +1 -0
- package/package.json +1 -1
- package/dist/plugins/enter.d.ts +0 -12
|
@@ -9,12 +9,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
9
9
|
type: import("vue").PropType<number>;
|
|
10
10
|
default: number;
|
|
11
11
|
};
|
|
12
|
-
middlewares:
|
|
12
|
+
middlewares: {
|
|
13
13
|
type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
|
|
14
14
|
default: () => string[];
|
|
15
|
-
}, "type" | "default"> & {
|
|
16
|
-
type: import("vue").PropType<any[] | ("shift" | "offset" | "flip")[]>;
|
|
17
|
-
default: any[] | ("shift" | "offset" | "flip")[];
|
|
18
15
|
};
|
|
19
16
|
target: import("vue").PropType<{
|
|
20
17
|
x: number;
|
|
@@ -24,6 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
24
21
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
25
22
|
default: undefined;
|
|
26
23
|
};
|
|
24
|
+
contentClass: import("vue").PropType<any>;
|
|
25
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
27
26
|
}>, {
|
|
28
27
|
updateLocation: typeof updateLocation;
|
|
29
28
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -32,12 +31,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
32
31
|
type: import("vue").PropType<number>;
|
|
33
32
|
default: number;
|
|
34
33
|
};
|
|
35
|
-
middlewares:
|
|
34
|
+
middlewares: {
|
|
36
35
|
type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
|
|
37
36
|
default: () => string[];
|
|
38
|
-
}, "type" | "default"> & {
|
|
39
|
-
type: import("vue").PropType<any[] | ("shift" | "offset" | "flip")[]>;
|
|
40
|
-
default: any[] | ("shift" | "offset" | "flip")[];
|
|
41
37
|
};
|
|
42
38
|
target: import("vue").PropType<{
|
|
43
39
|
x: number;
|
|
@@ -47,10 +43,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
47
43
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
48
44
|
default: undefined;
|
|
49
45
|
};
|
|
46
|
+
contentClass: import("vue").PropType<any>;
|
|
47
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
50
48
|
}>> & Readonly<{}>, {
|
|
51
49
|
offset: number;
|
|
52
50
|
attach: string | boolean | Element | null | undefined;
|
|
53
|
-
middlewares:
|
|
51
|
+
middlewares: ("shift" | "offset" | "flip")[];
|
|
54
52
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
55
53
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
56
54
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { TransformableValue } from './shared/
|
|
1
|
+
import type { TransformableValue } from './shared/TransformControls.vue';
|
|
2
2
|
import { Aabb2D } from 'modern-canvas';
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
|
|
@@ -37,14 +37,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
37
37
|
readonly modelValue?: Partial<TransformableValue> | undefined;
|
|
38
38
|
readonly movable?: boolean | undefined;
|
|
39
39
|
readonly rotatable?: boolean | undefined;
|
|
40
|
+
readonly rotator?: boolean | undefined;
|
|
40
41
|
readonly resizable?: boolean | undefined;
|
|
41
|
-
readonly
|
|
42
|
+
readonly roundable?: boolean | undefined;
|
|
42
43
|
readonly threshold?: number | undefined;
|
|
43
44
|
readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
|
|
44
45
|
readonly handleStrategy?: "point" | undefined;
|
|
45
46
|
readonly handleShape?: "rect" | "circle" | undefined;
|
|
46
47
|
readonly hideUi?: boolean | undefined;
|
|
47
|
-
readonly handles?: ("move" | "resize-
|
|
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;
|
|
48
49
|
readonly initialSize?: boolean | undefined;
|
|
49
50
|
readonly borderStyle?: "solid" | "dashed" | undefined;
|
|
50
51
|
readonly tipFormat?: ((type: "size") => string) | undefined;
|
|
@@ -72,14 +73,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
72
73
|
modelValue?: Partial<TransformableValue>;
|
|
73
74
|
movable?: boolean;
|
|
74
75
|
rotatable?: boolean;
|
|
76
|
+
rotator?: boolean;
|
|
75
77
|
resizable?: boolean;
|
|
76
|
-
|
|
78
|
+
roundable?: boolean;
|
|
77
79
|
threshold?: number;
|
|
78
80
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
79
81
|
handleStrategy?: "point";
|
|
80
82
|
handleShape?: "rect" | "circle";
|
|
81
83
|
hideUi?: boolean;
|
|
82
|
-
handles?: ("move" | "resize-
|
|
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")[];
|
|
83
85
|
initialSize?: boolean;
|
|
84
86
|
borderStyle?: "solid" | "dashed";
|
|
85
87
|
tipFormat?: (type: "size") => string;
|
|
@@ -90,7 +92,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
90
92
|
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
91
93
|
}>, {
|
|
92
94
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
93
|
-
activeHandle: import("vue").Ref<("move" | "resize-
|
|
95
|
+
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>;
|
|
94
96
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
95
97
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
96
98
|
move: (args_0: TransformableValue, args_1: TransformableValue) => any;
|
|
@@ -98,14 +100,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
98
100
|
end: (args_0: TransformableValue) => any;
|
|
99
101
|
"update:modelValue": (args_0: TransformableValue) => any;
|
|
100
102
|
}, string, {
|
|
101
|
-
handleShape: "rect" | "circle";
|
|
102
103
|
movable: boolean;
|
|
103
104
|
rotatable: boolean;
|
|
104
105
|
resizable: boolean;
|
|
105
106
|
tag: string | any;
|
|
106
|
-
adjustableBorderRadius: boolean;
|
|
107
107
|
threshold: number;
|
|
108
|
-
|
|
108
|
+
handleShape: "rect" | "circle";
|
|
109
|
+
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")[];
|
|
109
110
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
110
111
|
beforeCreate?: (() => void) | (() => void)[];
|
|
111
112
|
created?: (() => void) | (() => void)[];
|
|
@@ -127,27 +128,27 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
127
128
|
$nextTick: typeof import("vue").nextTick;
|
|
128
129
|
$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;
|
|
129
130
|
} & Readonly<{
|
|
130
|
-
handleShape: "rect" | "circle";
|
|
131
131
|
movable: boolean;
|
|
132
132
|
rotatable: boolean;
|
|
133
133
|
resizable: boolean;
|
|
134
134
|
tag: string | any;
|
|
135
|
-
adjustableBorderRadius: boolean;
|
|
136
135
|
threshold: number;
|
|
137
|
-
|
|
136
|
+
handleShape: "rect" | "circle";
|
|
137
|
+
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")[];
|
|
138
138
|
}> & Omit<Readonly<{
|
|
139
139
|
tag?: string | any;
|
|
140
140
|
modelValue?: Partial<TransformableValue>;
|
|
141
141
|
movable?: boolean;
|
|
142
142
|
rotatable?: boolean;
|
|
143
|
+
rotator?: boolean;
|
|
143
144
|
resizable?: boolean;
|
|
144
|
-
|
|
145
|
+
roundable?: boolean;
|
|
145
146
|
threshold?: number;
|
|
146
147
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
147
148
|
handleStrategy?: "point";
|
|
148
149
|
handleShape?: "rect" | "circle";
|
|
149
150
|
hideUi?: boolean;
|
|
150
|
-
handles?: ("move" | "resize-
|
|
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")[];
|
|
151
152
|
initialSize?: boolean;
|
|
152
153
|
borderStyle?: "solid" | "dashed";
|
|
153
154
|
tipFormat?: (type: "size") => string;
|
|
@@ -156,9 +157,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
156
157
|
onStart?: ((args_0: TransformableValue) => any) | undefined;
|
|
157
158
|
onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
158
159
|
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
159
|
-
}>, "transforming" | "start" | "activeHandle" | ("
|
|
160
|
+
}>, "transforming" | "start" | "activeHandle" | ("movable" | "rotatable" | "resizable" | "tag" | "threshold" | "handleShape" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
160
161
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
161
|
-
activeHandle: import("vue").Ref<("move" | "resize-
|
|
162
|
+
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>;
|
|
162
163
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
163
164
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
164
165
|
$slots: {
|
|
@@ -189,14 +190,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
189
190
|
readonly modelValue?: Partial<TransformableValue> | undefined;
|
|
190
191
|
readonly movable?: boolean | undefined;
|
|
191
192
|
readonly rotatable?: boolean | undefined;
|
|
193
|
+
readonly rotator?: boolean | undefined;
|
|
192
194
|
readonly resizable?: boolean | undefined;
|
|
193
|
-
readonly
|
|
195
|
+
readonly roundable?: boolean | undefined;
|
|
194
196
|
readonly threshold?: number | undefined;
|
|
195
197
|
readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
|
|
196
198
|
readonly handleStrategy?: "point" | undefined;
|
|
197
199
|
readonly handleShape?: "rect" | "circle" | undefined;
|
|
198
200
|
readonly hideUi?: boolean | undefined;
|
|
199
|
-
readonly handles?: ("move" | "resize-
|
|
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;
|
|
200
202
|
readonly initialSize?: boolean | undefined;
|
|
201
203
|
readonly borderStyle?: "solid" | "dashed" | undefined;
|
|
202
204
|
readonly tipFormat?: ((type: "size") => string) | undefined;
|
|
@@ -224,14 +226,15 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
224
226
|
modelValue?: Partial<TransformableValue>;
|
|
225
227
|
movable?: boolean;
|
|
226
228
|
rotatable?: boolean;
|
|
229
|
+
rotator?: boolean;
|
|
227
230
|
resizable?: boolean;
|
|
228
|
-
|
|
231
|
+
roundable?: boolean;
|
|
229
232
|
threshold?: number;
|
|
230
233
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
231
234
|
handleStrategy?: "point";
|
|
232
235
|
handleShape?: "rect" | "circle";
|
|
233
236
|
hideUi?: boolean;
|
|
234
|
-
handles?: ("move" | "resize-
|
|
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")[];
|
|
235
238
|
initialSize?: boolean;
|
|
236
239
|
borderStyle?: "solid" | "dashed";
|
|
237
240
|
tipFormat?: (type: "size") => string;
|
|
@@ -242,7 +245,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
242
245
|
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
243
246
|
}>, {
|
|
244
247
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
245
|
-
activeHandle: import("vue").Ref<("move" | "resize-
|
|
248
|
+
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>;
|
|
246
249
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
247
250
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
248
251
|
move: (args_0: TransformableValue, args_1: TransformableValue) => any;
|
|
@@ -250,14 +253,13 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
250
253
|
end: (args_0: TransformableValue) => any;
|
|
251
254
|
"update:modelValue": (args_0: TransformableValue) => any;
|
|
252
255
|
}, string, {
|
|
253
|
-
handleShape: "rect" | "circle";
|
|
254
256
|
movable: boolean;
|
|
255
257
|
rotatable: boolean;
|
|
256
258
|
resizable: boolean;
|
|
257
259
|
tag: string | any;
|
|
258
|
-
adjustableBorderRadius: boolean;
|
|
259
260
|
threshold: number;
|
|
260
|
-
|
|
261
|
+
handleShape: "rect" | "circle";
|
|
262
|
+
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")[];
|
|
261
263
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
262
264
|
beforeCreate?: (() => void) | (() => void)[];
|
|
263
265
|
created?: (() => void) | (() => void)[];
|
|
@@ -279,27 +281,27 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
279
281
|
$nextTick: typeof import("vue").nextTick;
|
|
280
282
|
$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;
|
|
281
283
|
} & Readonly<{
|
|
282
|
-
handleShape: "rect" | "circle";
|
|
283
284
|
movable: boolean;
|
|
284
285
|
rotatable: boolean;
|
|
285
286
|
resizable: boolean;
|
|
286
287
|
tag: string | any;
|
|
287
|
-
adjustableBorderRadius: boolean;
|
|
288
288
|
threshold: number;
|
|
289
|
-
|
|
289
|
+
handleShape: "rect" | "circle";
|
|
290
|
+
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")[];
|
|
290
291
|
}> & Omit<Readonly<{
|
|
291
292
|
tag?: string | any;
|
|
292
293
|
modelValue?: Partial<TransformableValue>;
|
|
293
294
|
movable?: boolean;
|
|
294
295
|
rotatable?: boolean;
|
|
296
|
+
rotator?: boolean;
|
|
295
297
|
resizable?: boolean;
|
|
296
|
-
|
|
298
|
+
roundable?: boolean;
|
|
297
299
|
threshold?: number;
|
|
298
300
|
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
299
301
|
handleStrategy?: "point";
|
|
300
302
|
handleShape?: "rect" | "circle";
|
|
301
303
|
hideUi?: boolean;
|
|
302
|
-
handles?: ("move" | "resize-
|
|
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")[];
|
|
303
305
|
initialSize?: boolean;
|
|
304
306
|
borderStyle?: "solid" | "dashed";
|
|
305
307
|
tipFormat?: (type: "size") => string;
|
|
@@ -308,9 +310,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
308
310
|
onStart?: ((args_0: TransformableValue) => any) | undefined;
|
|
309
311
|
onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
310
312
|
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
311
|
-
}>, "transforming" | "start" | "activeHandle" | ("
|
|
313
|
+
}>, "transforming" | "start" | "activeHandle" | ("movable" | "rotatable" | "resizable" | "tag" | "threshold" | "handleShape" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
312
314
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
313
|
-
activeHandle: import("vue").Ref<("move" | "resize-
|
|
315
|
+
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>;
|
|
314
316
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
315
317
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
316
318
|
$slots: {
|
|
@@ -25,6 +25,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
25
25
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
26
26
|
default: undefined;
|
|
27
27
|
};
|
|
28
|
+
contentClass: import("vue").PropType<any>;
|
|
29
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
28
30
|
modelValue: {
|
|
29
31
|
type: import("vue").PropType<boolean>;
|
|
30
32
|
};
|
|
@@ -48,6 +50,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
48
50
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
49
51
|
default: undefined;
|
|
50
52
|
};
|
|
53
|
+
contentClass: import("vue").PropType<any>;
|
|
54
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
51
55
|
modelValue: {
|
|
52
56
|
type: import("vue").PropType<boolean>;
|
|
53
57
|
};
|
|
@@ -41,11 +41,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
41
41
|
type: PropType<string | boolean | Element | null | undefined>;
|
|
42
42
|
default: undefined;
|
|
43
43
|
};
|
|
44
|
+
contentClass: PropType<any>;
|
|
45
|
+
contentStyle: PropType<import("vue").CSSProperties>;
|
|
44
46
|
modelValue: {
|
|
45
47
|
type: PropType<boolean>;
|
|
46
48
|
};
|
|
47
49
|
}>, {
|
|
48
50
|
isActive: import("vue").ModelRef<boolean | undefined, string, boolean | undefined, boolean | undefined>;
|
|
51
|
+
activatorEl: import("vue").ComputedRef<any>;
|
|
52
|
+
contentEl: import("vue").ComputedRef<HTMLDivElement | null | undefined>;
|
|
49
53
|
updateLocation: typeof updateLocation;
|
|
50
54
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
51
55
|
"update:modelValue": (value: boolean | undefined) => any;
|
|
@@ -68,6 +72,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
68
72
|
type: PropType<string | boolean | Element | null | undefined>;
|
|
69
73
|
default: undefined;
|
|
70
74
|
};
|
|
75
|
+
contentClass: PropType<any>;
|
|
76
|
+
contentStyle: PropType<import("vue").CSSProperties>;
|
|
71
77
|
modelValue: {
|
|
72
78
|
type: PropType<boolean>;
|
|
73
79
|
};
|
|
@@ -25,6 +25,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
25
25
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
26
26
|
default: undefined;
|
|
27
27
|
};
|
|
28
|
+
contentClass: import("vue").PropType<any>;
|
|
29
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
28
30
|
}>, {
|
|
29
31
|
activatorEl: import("vue").Ref<any, any>;
|
|
30
32
|
target: import("vue").ComputedRef<any>;
|
|
@@ -49,6 +51,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
49
51
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
50
52
|
default: undefined;
|
|
51
53
|
};
|
|
54
|
+
contentClass: import("vue").PropType<any>;
|
|
55
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
52
56
|
}>> & Readonly<{
|
|
53
57
|
"onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
|
|
54
58
|
"onClick:outside"?: ((event: MouseEvent) => any) | undefined;
|
|
@@ -36,6 +36,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
36
36
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
37
37
|
default: undefined;
|
|
38
38
|
};
|
|
39
|
+
contentClass: import("vue").PropType<any>;
|
|
40
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
39
41
|
modelValue: {
|
|
40
42
|
type: import("vue").PropType<boolean>;
|
|
41
43
|
};
|
|
@@ -65,6 +67,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
|
|
|
65
67
|
type: import("vue").PropType<string | boolean | Element | null | undefined>;
|
|
66
68
|
default: undefined;
|
|
67
69
|
};
|
|
70
|
+
contentClass: import("vue").PropType<any>;
|
|
71
|
+
contentStyle: import("vue").PropType<import("vue").CSSProperties>;
|
|
68
72
|
modelValue: {
|
|
69
73
|
type: import("vue").PropType<boolean>;
|
|
70
74
|
};
|
|
@@ -2,14 +2,15 @@ import type { OrientedBoundingBox } from '../../types';
|
|
|
2
2
|
export interface TransformableValue extends OrientedBoundingBox {
|
|
3
3
|
borderRadius: number;
|
|
4
4
|
}
|
|
5
|
-
type Handle = 'move' | 'resize-
|
|
5
|
+
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
6
|
type __VLS_Props = {
|
|
7
7
|
tag?: string | any;
|
|
8
8
|
modelValue?: Partial<TransformableValue>;
|
|
9
9
|
movable?: boolean;
|
|
10
10
|
rotatable?: boolean;
|
|
11
|
+
rotator?: boolean;
|
|
11
12
|
resizable?: boolean;
|
|
12
|
-
|
|
13
|
+
roundable?: boolean;
|
|
13
14
|
threshold?: number;
|
|
14
15
|
resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
|
|
15
16
|
handleStrategy?: 'point';
|
|
@@ -57,13 +58,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
57
58
|
onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
58
59
|
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
59
60
|
}>, {
|
|
60
|
-
handleShape: "rect" | "circle";
|
|
61
61
|
movable: boolean;
|
|
62
62
|
rotatable: boolean;
|
|
63
63
|
resizable: boolean;
|
|
64
64
|
tag: string | any;
|
|
65
|
-
adjustableBorderRadius: boolean;
|
|
66
65
|
threshold: number;
|
|
66
|
+
handleShape: "rect" | "circle";
|
|
67
67
|
handles: Handle[];
|
|
68
68
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
69
69
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -2,17 +2,37 @@ import type { Component, InjectionKey } from 'vue';
|
|
|
2
2
|
import type { IconValue } from './icon';
|
|
3
3
|
export interface IconAliases {
|
|
4
4
|
[name: string]: IconValue;
|
|
5
|
+
close: IconValue;
|
|
5
6
|
play: IconValue;
|
|
6
7
|
pause: IconValue;
|
|
7
8
|
gps: IconValue;
|
|
8
9
|
arrowRight: IconValue;
|
|
10
|
+
arrowDown: IconValue;
|
|
9
11
|
mouseLeftClick: IconValue;
|
|
10
12
|
mouseRightClick: IconValue;
|
|
11
13
|
check: IconValue;
|
|
14
|
+
collapse: IconValue;
|
|
12
15
|
frame: IconValue;
|
|
13
16
|
group: IconValue;
|
|
14
17
|
shape: IconValue;
|
|
15
18
|
text: IconValue;
|
|
19
|
+
image: IconValue;
|
|
20
|
+
lottie: IconValue;
|
|
21
|
+
video: IconValue;
|
|
22
|
+
lock: IconValue;
|
|
23
|
+
unlock: IconValue;
|
|
24
|
+
visible: IconValue;
|
|
25
|
+
unvisible: IconValue;
|
|
26
|
+
move: IconValue;
|
|
27
|
+
hand: IconValue;
|
|
28
|
+
pen: IconValue;
|
|
29
|
+
pencil: IconValue;
|
|
30
|
+
rectangle: IconValue;
|
|
31
|
+
line: IconValue;
|
|
32
|
+
arrow: IconValue;
|
|
33
|
+
ellipse: IconValue;
|
|
34
|
+
polygon: IconValue;
|
|
35
|
+
star: IconValue;
|
|
16
36
|
}
|
|
17
37
|
export interface IconSet {
|
|
18
38
|
component: Component;
|
|
@@ -8,6 +8,7 @@ export interface LayerItem {
|
|
|
8
8
|
}
|
|
9
9
|
export interface LayerProvide {
|
|
10
10
|
selecting: Ref<boolean>;
|
|
11
|
+
openedItems: Map<string, Ref<boolean>>;
|
|
11
12
|
register: (vm: ComponentInternalInstance, item: LayerItem) => void;
|
|
12
13
|
unregister: (id: string) => void;
|
|
13
14
|
onMousedown?: (event: MouseEvent, id: string) => void;
|
|
@@ -29,6 +30,7 @@ export declare function useLayerItem(options: Omit<LayerItem, 'id'>): {
|
|
|
29
30
|
dropping: import("vue").ComputedRef<boolean>;
|
|
30
31
|
onMousedown: (e: MouseEvent) => void | undefined;
|
|
31
32
|
selecting: Ref<boolean>;
|
|
33
|
+
openedItems: Map<string, Ref<boolean>>;
|
|
32
34
|
register: (vm: ComponentInternalInstance, item: LayerItem) => void;
|
|
33
35
|
unregister: (id: string) => void;
|
|
34
36
|
dragging: Ref<boolean>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { ReferenceElement, Side } from '@floating-ui/vue';
|
|
2
|
-
import type { ComputedRef, InjectionKey, PropType } from 'vue';
|
|
2
|
+
import type { ComputedRef, CSSProperties, InjectionKey, PropType } from 'vue';
|
|
3
3
|
export interface OverlayOptions {
|
|
4
4
|
attach?: ComputedRef<string | boolean | Element | null | undefined>;
|
|
5
5
|
}
|
|
@@ -18,6 +18,8 @@ export declare const makeMceOverlayProps: <Defaults extends {
|
|
|
18
18
|
middlewares?: unknown;
|
|
19
19
|
target?: unknown;
|
|
20
20
|
attach?: unknown;
|
|
21
|
+
contentClass?: unknown;
|
|
22
|
+
contentStyle?: unknown;
|
|
21
23
|
} = {}>(defaults?: Defaults | undefined) => {
|
|
22
24
|
location: unknown extends Defaults["location"] ? PropType<Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end"> : {
|
|
23
25
|
type: PropType<unknown extends Defaults["location"] ? Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" : Side | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | Defaults["location"]>;
|
|
@@ -66,6 +68,14 @@ export declare const makeMceOverlayProps: <Defaults extends {
|
|
|
66
68
|
type: PropType<unknown extends Defaults["attach"] ? string | boolean | Element | null | undefined : string | boolean | Element | Defaults["attach"] | null | undefined>;
|
|
67
69
|
default: unknown extends Defaults["attach"] ? string | boolean | Element | null | undefined : Defaults["attach"] | NonNullable<string | boolean | Element | null | undefined>;
|
|
68
70
|
};
|
|
71
|
+
contentClass: unknown extends Defaults["contentClass"] ? PropType<any> : {
|
|
72
|
+
type: PropType<unknown extends Defaults["contentClass"] ? any : any>;
|
|
73
|
+
default: unknown extends Defaults["contentClass"] ? any : any;
|
|
74
|
+
};
|
|
75
|
+
contentStyle: unknown extends Defaults["contentStyle"] ? PropType<CSSProperties> : {
|
|
76
|
+
type: PropType<unknown extends Defaults["contentStyle"] ? CSSProperties : CSSProperties | Defaults["contentStyle"]>;
|
|
77
|
+
default: unknown extends Defaults["contentStyle"] ? CSSProperties : CSSProperties | Defaults["contentStyle"];
|
|
78
|
+
};
|
|
69
79
|
};
|
|
70
80
|
export declare function provideOverlay(options?: OverlayOptions): MceOverlayProvide;
|
|
71
81
|
export declare function useOverlay(): MceOverlayItem;
|