mce 0.13.2 → 0.13.4
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 +58 -55
- package/dist/components/shared/Transformable.vue.d.ts +21 -20
- package/dist/composables/strategy.d.ts +1 -1
- package/dist/index.css +38 -4
- package/dist/index.js +398 -237
- package/dist/locale/en.d.ts +1 -1
- package/dist/locale/zh-Hans.d.ts +1 -1
- package/dist/mixins/4.0.text.d.ts +2 -2
- package/dist/plugins/clipboard.d.ts +2 -1
- package/package.json +1 -1
|
@@ -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
|
-
root: boolean;
|
|
37
36
|
active: boolean;
|
|
37
|
+
root: boolean;
|
|
38
38
|
indent: number;
|
|
39
39
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
40
40
|
declare const _default: typeof __VLS_export;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import type { AxisAlignedBoundingBox
|
|
1
|
+
import type { AxisAlignedBoundingBox } from '../types';
|
|
2
|
+
import type { TransformableValue } from './shared/Transformable.vue';
|
|
2
3
|
type __VLS_Props = {
|
|
3
|
-
resizeStrategy?: '
|
|
4
|
+
resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
|
|
4
5
|
selectedArea?: AxisAlignedBoundingBox;
|
|
5
6
|
};
|
|
6
7
|
declare var __VLS_12: {
|
|
@@ -10,9 +11,17 @@ declare var __VLS_12: {
|
|
|
10
11
|
width: number;
|
|
11
12
|
height: number;
|
|
12
13
|
rotate: number;
|
|
14
|
+
borderRadius: number;
|
|
13
15
|
};
|
|
14
16
|
}, __VLS_14: {
|
|
15
|
-
box:
|
|
17
|
+
box: {
|
|
18
|
+
borderRadius: number;
|
|
19
|
+
rotate?: number;
|
|
20
|
+
left: number;
|
|
21
|
+
top: number;
|
|
22
|
+
width: number;
|
|
23
|
+
height: number;
|
|
24
|
+
};
|
|
16
25
|
};
|
|
17
26
|
type __VLS_Slots = {} & {
|
|
18
27
|
transformable?: (props: typeof __VLS_12) => any;
|
|
@@ -25,25 +34,24 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
25
34
|
$data: {};
|
|
26
35
|
$props: {
|
|
27
36
|
readonly tag?: string | any;
|
|
28
|
-
readonly modelValue?: Partial<
|
|
37
|
+
readonly modelValue?: Partial<TransformableValue> | undefined;
|
|
29
38
|
readonly movable?: boolean | undefined;
|
|
30
39
|
readonly rotatable?: boolean | undefined;
|
|
31
40
|
readonly resizable?: boolean | undefined;
|
|
41
|
+
readonly adjustableBorderRadius?: boolean | undefined;
|
|
32
42
|
readonly threshold?: number | undefined;
|
|
33
|
-
readonly resizeStrategy?: "
|
|
34
|
-
readonly handleStrategy?: "
|
|
43
|
+
readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
|
|
44
|
+
readonly handleStrategy?: "point" | undefined;
|
|
35
45
|
readonly handleShape?: "rect" | "circle" | undefined;
|
|
36
|
-
readonly
|
|
37
|
-
readonly
|
|
38
|
-
readonly visibility?: "visible" | "none" | "auto" | undefined;
|
|
39
|
-
readonly handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[] | undefined;
|
|
46
|
+
readonly hideUi?: boolean | undefined;
|
|
47
|
+
readonly handles?: ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right")[] | undefined;
|
|
40
48
|
readonly initialSize?: boolean | undefined;
|
|
41
49
|
readonly borderStyle?: "solid" | "dashed" | undefined;
|
|
42
50
|
readonly tipFormat?: ((type: "size") => string) | undefined;
|
|
43
|
-
readonly onMove?: ((args_0:
|
|
44
|
-
readonly onEnd?: ((args_0:
|
|
45
|
-
readonly onStart?: ((args_0:
|
|
46
|
-
readonly "onUpdate:modelValue"?: ((args_0:
|
|
51
|
+
readonly onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
|
|
52
|
+
readonly onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
53
|
+
readonly onStart?: ((args_0: TransformableValue) => any) | undefined;
|
|
54
|
+
readonly "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
47
55
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
|
|
48
56
|
$attrs: {
|
|
49
57
|
[x: string]: unknown;
|
|
@@ -57,50 +65,47 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
57
65
|
$root: import("vue").ComponentPublicInstance | null;
|
|
58
66
|
$parent: import("vue").ComponentPublicInstance | null;
|
|
59
67
|
$host: Element | null;
|
|
60
|
-
$emit: ((event: "move", args_0:
|
|
68
|
+
$emit: ((event: "move", args_0: TransformableValue, args_1: TransformableValue) => void) & ((event: "end", args_0: TransformableValue) => void) & ((event: "start", args_0: TransformableValue) => void) & ((event: "update:modelValue", args_0: TransformableValue) => void);
|
|
61
69
|
$el: any;
|
|
62
70
|
$options: import("vue").ComponentOptionsBase<Readonly<{
|
|
63
71
|
tag?: string | any;
|
|
64
|
-
modelValue?: Partial<
|
|
72
|
+
modelValue?: Partial<TransformableValue>;
|
|
65
73
|
movable?: boolean;
|
|
66
74
|
rotatable?: boolean;
|
|
67
75
|
resizable?: boolean;
|
|
76
|
+
adjustableBorderRadius?: boolean;
|
|
68
77
|
threshold?: number;
|
|
69
|
-
resizeStrategy?: "
|
|
70
|
-
handleStrategy?: "
|
|
78
|
+
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
79
|
+
handleStrategy?: "point";
|
|
71
80
|
handleShape?: "rect" | "circle";
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
visibility?: "visible" | "none" | "auto";
|
|
75
|
-
handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
|
|
81
|
+
hideUi?: boolean;
|
|
82
|
+
handles?: ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right")[];
|
|
76
83
|
initialSize?: boolean;
|
|
77
84
|
borderStyle?: "solid" | "dashed";
|
|
78
85
|
tipFormat?: (type: "size") => string;
|
|
79
86
|
}> & Readonly<{
|
|
80
|
-
onMove?: ((args_0:
|
|
81
|
-
onEnd?: ((args_0:
|
|
82
|
-
onStart?: ((args_0:
|
|
83
|
-
"onUpdate:modelValue"?: ((args_0:
|
|
87
|
+
onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
|
|
88
|
+
onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
89
|
+
onStart?: ((args_0: TransformableValue) => any) | undefined;
|
|
90
|
+
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
84
91
|
}>, {
|
|
85
92
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
86
|
-
activeHandle: import("vue").Ref<("move" | "
|
|
93
|
+
activeHandle: import("vue").Ref<("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right") | undefined, ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right") | undefined>;
|
|
87
94
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
88
95
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
89
|
-
move: (args_0:
|
|
90
|
-
end: (args_0:
|
|
91
|
-
start: (args_0:
|
|
92
|
-
"update:modelValue": (args_0:
|
|
96
|
+
move: (args_0: TransformableValue, args_1: TransformableValue) => any;
|
|
97
|
+
end: (args_0: TransformableValue) => any;
|
|
98
|
+
start: (args_0: TransformableValue) => any;
|
|
99
|
+
"update:modelValue": (args_0: TransformableValue) => any;
|
|
93
100
|
}, string, {
|
|
94
|
-
|
|
95
|
-
visibility: "visible" | "none" | "auto";
|
|
101
|
+
handleShape: "rect" | "circle";
|
|
96
102
|
movable: boolean;
|
|
97
103
|
rotatable: boolean;
|
|
98
104
|
resizable: boolean;
|
|
99
105
|
tag: string | any;
|
|
106
|
+
adjustableBorderRadius: boolean;
|
|
100
107
|
threshold: number;
|
|
101
|
-
|
|
102
|
-
handleColor: string;
|
|
103
|
-
handles: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
|
|
108
|
+
handles: ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right")[];
|
|
104
109
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
|
|
105
110
|
beforeCreate?: (() => void) | (() => void)[];
|
|
106
111
|
created?: (() => void) | (() => void)[];
|
|
@@ -122,46 +127,43 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
122
127
|
$nextTick: typeof import("vue").nextTick;
|
|
123
128
|
$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;
|
|
124
129
|
} & Readonly<{
|
|
125
|
-
|
|
126
|
-
visibility: "visible" | "none" | "auto";
|
|
130
|
+
handleShape: "rect" | "circle";
|
|
127
131
|
movable: boolean;
|
|
128
132
|
rotatable: boolean;
|
|
129
133
|
resizable: boolean;
|
|
130
134
|
tag: string | any;
|
|
135
|
+
adjustableBorderRadius: boolean;
|
|
131
136
|
threshold: number;
|
|
132
|
-
|
|
133
|
-
handleColor: string;
|
|
134
|
-
handles: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
|
|
137
|
+
handles: ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right")[];
|
|
135
138
|
}> & Omit<Readonly<{
|
|
136
139
|
tag?: string | any;
|
|
137
|
-
modelValue?: Partial<
|
|
140
|
+
modelValue?: Partial<TransformableValue>;
|
|
138
141
|
movable?: boolean;
|
|
139
142
|
rotatable?: boolean;
|
|
140
143
|
resizable?: boolean;
|
|
144
|
+
adjustableBorderRadius?: boolean;
|
|
141
145
|
threshold?: number;
|
|
142
|
-
resizeStrategy?: "
|
|
143
|
-
handleStrategy?: "
|
|
146
|
+
resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
|
|
147
|
+
handleStrategy?: "point";
|
|
144
148
|
handleShape?: "rect" | "circle";
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
visibility?: "visible" | "none" | "auto";
|
|
148
|
-
handles?: ("move" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right")[];
|
|
149
|
+
hideUi?: boolean;
|
|
150
|
+
handles?: ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right")[];
|
|
149
151
|
initialSize?: boolean;
|
|
150
152
|
borderStyle?: "solid" | "dashed";
|
|
151
153
|
tipFormat?: (type: "size") => string;
|
|
152
154
|
}> & Readonly<{
|
|
153
|
-
onMove?: ((args_0:
|
|
154
|
-
onEnd?: ((args_0:
|
|
155
|
-
onStart?: ((args_0:
|
|
156
|
-
"onUpdate:modelValue"?: ((args_0:
|
|
157
|
-
}>, "start" | "transforming" | "activeHandle" | ("
|
|
155
|
+
onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
|
|
156
|
+
onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
157
|
+
onStart?: ((args_0: TransformableValue) => any) | undefined;
|
|
158
|
+
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
159
|
+
}>, "start" | "transforming" | "activeHandle" | ("handleShape" | "movable" | "rotatable" | "resizable" | "tag" | "adjustableBorderRadius" | "threshold" | "handles")> & import("vue").ShallowUnwrapRef<{
|
|
158
160
|
start: (event?: MouseEvent, index?: number) => boolean;
|
|
159
|
-
activeHandle: import("vue").Ref<("move" | "
|
|
161
|
+
activeHandle: import("vue").Ref<("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right") | undefined, ("move" | "resize-top" | "resize-right" | "resize-bottom" | "resize-left" | "resize-top-left" | "resize-top-right" | "resize-bottom-left" | "resize-bottom-right" | "rotate-top-left" | "rotate-top-right" | "rotate-bottom-left" | "rotate-bottom-right" | "border-radius-top-left" | "border-radius-top-right" | "border-radius-bottom-left" | "border-radius-bottom-right") | undefined>;
|
|
160
162
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
161
163
|
}> & {} & import("vue").ComponentCustomProperties & {} & {
|
|
162
164
|
$slots: {
|
|
163
165
|
default?: (props: {
|
|
164
|
-
value: Partial<
|
|
166
|
+
value: Partial<TransformableValue> | undefined;
|
|
165
167
|
props: {
|
|
166
168
|
onPointerdown: (event?: MouseEvent, index?: number) => boolean;
|
|
167
169
|
};
|
|
@@ -175,6 +177,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
175
177
|
width: number;
|
|
176
178
|
height: number;
|
|
177
179
|
rotate: number;
|
|
180
|
+
borderRadius: number;
|
|
178
181
|
};
|
|
179
182
|
}) => any;
|
|
180
183
|
};
|
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import type { OrientedBoundingBox } from '../../types';
|
|
2
|
-
|
|
2
|
+
export interface TransformableValue extends OrientedBoundingBox {
|
|
3
|
+
borderRadius: number;
|
|
4
|
+
}
|
|
5
|
+
type Handle = 'move' | 'resize-top' | 'resize-right' | 'resize-bottom' | 'resize-left' | 'resize-top-left' | 'resize-top-right' | 'resize-bottom-left' | 'resize-bottom-right' | 'rotate-top-left' | 'rotate-top-right' | 'rotate-bottom-left' | 'rotate-bottom-right' | 'border-radius-top-left' | 'border-radius-top-right' | 'border-radius-bottom-left' | 'border-radius-bottom-right';
|
|
3
6
|
type __VLS_Props = {
|
|
4
7
|
tag?: string | any;
|
|
5
|
-
modelValue?: Partial<
|
|
8
|
+
modelValue?: Partial<TransformableValue>;
|
|
6
9
|
movable?: boolean;
|
|
7
10
|
rotatable?: boolean;
|
|
8
11
|
resizable?: boolean;
|
|
12
|
+
adjustableBorderRadius?: boolean;
|
|
9
13
|
threshold?: number;
|
|
10
|
-
resizeStrategy?: '
|
|
11
|
-
handleStrategy?: '
|
|
14
|
+
resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
|
|
15
|
+
handleStrategy?: 'point';
|
|
12
16
|
handleShape?: 'rect' | 'circle';
|
|
13
|
-
|
|
14
|
-
handleColor?: string;
|
|
15
|
-
visibility?: 'visible' | 'none' | 'auto';
|
|
17
|
+
hideUi?: boolean;
|
|
16
18
|
handles?: Handle[];
|
|
17
19
|
initialSize?: boolean;
|
|
18
20
|
borderStyle?: 'solid' | 'dashed';
|
|
@@ -20,7 +22,7 @@ type __VLS_Props = {
|
|
|
20
22
|
};
|
|
21
23
|
declare function start(event?: MouseEvent, index?: number): boolean;
|
|
22
24
|
declare var __VLS_7: {
|
|
23
|
-
value: Partial<
|
|
25
|
+
value: Partial<TransformableValue> | undefined;
|
|
24
26
|
props: {
|
|
25
27
|
onPointerdown: typeof start;
|
|
26
28
|
};
|
|
@@ -32,6 +34,7 @@ declare var __VLS_7: {
|
|
|
32
34
|
width: number;
|
|
33
35
|
height: number;
|
|
34
36
|
rotate: number;
|
|
37
|
+
borderRadius: number;
|
|
35
38
|
};
|
|
36
39
|
};
|
|
37
40
|
type __VLS_Slots = {} & {
|
|
@@ -44,25 +47,23 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
|
44
47
|
activeHandle: import("vue").Ref<Handle | undefined, Handle | undefined>;
|
|
45
48
|
transforming: import("vue").Ref<boolean, boolean>;
|
|
46
49
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
47
|
-
move: (args_0:
|
|
48
|
-
end: (args_0:
|
|
49
|
-
start: (args_0:
|
|
50
|
-
"update:modelValue": (args_0:
|
|
50
|
+
move: (args_0: TransformableValue, args_1: TransformableValue) => any;
|
|
51
|
+
end: (args_0: TransformableValue) => any;
|
|
52
|
+
start: (args_0: TransformableValue) => any;
|
|
53
|
+
"update:modelValue": (args_0: TransformableValue) => any;
|
|
51
54
|
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
52
|
-
onMove?: ((args_0:
|
|
53
|
-
onEnd?: ((args_0:
|
|
54
|
-
onStart?: ((args_0:
|
|
55
|
-
"onUpdate:modelValue"?: ((args_0:
|
|
55
|
+
onMove?: ((args_0: TransformableValue, args_1: TransformableValue) => any) | undefined;
|
|
56
|
+
onEnd?: ((args_0: TransformableValue) => any) | undefined;
|
|
57
|
+
onStart?: ((args_0: TransformableValue) => any) | undefined;
|
|
58
|
+
"onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
|
|
56
59
|
}>, {
|
|
57
|
-
|
|
58
|
-
visibility: "visible" | "none" | "auto";
|
|
60
|
+
handleShape: "rect" | "circle";
|
|
59
61
|
movable: boolean;
|
|
60
62
|
rotatable: boolean;
|
|
61
63
|
resizable: boolean;
|
|
62
64
|
tag: string | any;
|
|
65
|
+
adjustableBorderRadius: boolean;
|
|
63
66
|
threshold: number;
|
|
64
|
-
handleStrategy: "default" | "point";
|
|
65
|
-
handleColor: string;
|
|
66
67
|
handles: Handle[];
|
|
67
68
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
68
69
|
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
@@ -8,7 +8,7 @@ export interface ActiveStrategyContext {
|
|
|
8
8
|
}
|
|
9
9
|
export interface HoverStrategyContext extends ActiveStrategyContext {
|
|
10
10
|
}
|
|
11
|
-
export type ResizeStrategy = (element: Element2D) => '
|
|
11
|
+
export type ResizeStrategy = (element: Element2D) => 'lockAspectRatio' | 'lockAspectRatioDiagonal' | undefined;
|
|
12
12
|
export type ActiveStrategy = (context: ActiveStrategyContext) => {
|
|
13
13
|
element: Element2D | undefined;
|
|
14
14
|
state: Mce.State | undefined;
|
package/dist/index.css
CHANGED
|
@@ -463,17 +463,22 @@
|
|
|
463
463
|
overflow: visible;
|
|
464
464
|
pointer-events: none;
|
|
465
465
|
color: rgb(var(--mce-theme-primary));
|
|
466
|
-
}
|
|
467
|
-
.mce-transformable__box {
|
|
468
466
|
stroke: currentColor;
|
|
467
|
+
}
|
|
468
|
+
.mce-transformable__diagonal {
|
|
469
|
+
stroke-width: 1px;
|
|
470
|
+
stroke-dasharray: 2px;
|
|
471
|
+
visibility: hidden;
|
|
472
|
+
}
|
|
473
|
+
.mce-transformable__rect {
|
|
469
474
|
stroke-width: 1px;
|
|
470
475
|
}
|
|
471
476
|
.mce-transformable__handle {
|
|
472
|
-
|
|
477
|
+
fill: white;
|
|
473
478
|
stroke-width: 1px;
|
|
474
479
|
pointer-events: none;
|
|
475
480
|
}
|
|
476
|
-
.mce-transformable__handle-
|
|
481
|
+
.mce-transformable__handle-rect {
|
|
477
482
|
stroke-width: 1px;
|
|
478
483
|
fill: transparent;
|
|
479
484
|
stroke: transparent;
|
|
@@ -489,6 +494,35 @@
|
|
|
489
494
|
padding: 2px 4px;
|
|
490
495
|
border-radius: 3px;
|
|
491
496
|
text-wrap: nowrap;
|
|
497
|
+
}
|
|
498
|
+
.mce-transformable--dashed .mce-transformable__rect {
|
|
499
|
+
stroke-dasharray: 4px;
|
|
500
|
+
}
|
|
501
|
+
.mce-transformable--lockAspectRatio.mce-transformable--resizing .mce-transformable__diagonal, .mce-transformable--lockAspectRatioDiagonal.mce-transformable--resizing .mce-transformable__diagonal {
|
|
502
|
+
visibility: visible;
|
|
503
|
+
}
|
|
504
|
+
.mce-transformable--moving .mce-transformable__handle {
|
|
505
|
+
visibility: hidden;
|
|
506
|
+
}
|
|
507
|
+
.mce-transformable--moving .mce-transformable__handle-rect {
|
|
508
|
+
visibility: hidden;
|
|
509
|
+
}
|
|
510
|
+
.mce-transformable--moving .mce-transformable__rect {
|
|
511
|
+
opacity: 0.4;
|
|
512
|
+
stroke-width: 0.5px;
|
|
513
|
+
}
|
|
514
|
+
.mce-transformable--moving .mce-transformable__svg-slot {
|
|
515
|
+
opacity: 0.4;
|
|
516
|
+
stroke-width: 0.5px;
|
|
517
|
+
}
|
|
518
|
+
.mce-transformable--hide-ui .mce-transformable__handle {
|
|
519
|
+
visibility: hidden;
|
|
520
|
+
}
|
|
521
|
+
.mce-transformable--hide-ui .mce-transformable__handle-rect {
|
|
522
|
+
visibility: hidden;
|
|
523
|
+
}
|
|
524
|
+
.mce-transformable--hide-ui .mce-transformable__rect {
|
|
525
|
+
visibility: hidden;
|
|
492
526
|
}.mce-parent-element-obb {
|
|
493
527
|
position: absolute;
|
|
494
528
|
pointer-events: none;
|