mce 0.13.1 → 0.13.3

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 (22) hide show
  1. package/dist/components/Floatbar.vue.d.ts +5 -5
  2. package/dist/components/Layer.vue.d.ts +1 -1
  3. package/dist/components/Selector.vue.d.ts +65 -64
  4. package/dist/components/shared/Dialog.vue.d.ts +1 -1
  5. package/dist/components/shared/Menu.vue.d.ts +1 -1
  6. package/dist/components/shared/Overlay.vue.d.ts +1 -1
  7. package/dist/components/shared/Tooltip.vue.d.ts +1 -1
  8. package/dist/components/shared/Transformable.vue.d.ts +24 -24
  9. package/dist/composables/overlay.d.ts +2 -2
  10. package/dist/composables/strategy.d.ts +1 -1
  11. package/dist/index.css +38 -4
  12. package/dist/index.js +535 -400
  13. package/dist/locale/en.d.ts +1 -1
  14. package/dist/locale/zh-Hans.d.ts +1 -1
  15. package/dist/mixins/0.context.d.ts +5 -1
  16. package/dist/mixins/4.0.text.d.ts +1 -1
  17. package/dist/mixins/4.2.element.d.ts +0 -1
  18. package/dist/plugins/clipboard.d.ts +2 -1
  19. package/dist/typed-global.d.ts +16 -0
  20. package/dist/typed-plugins.d.ts +0 -1
  21. package/package.json +1 -1
  22. package/dist/mixins/0.element.d.ts +0 -15
package/dist/components/Floatbar.vue.d.ts CHANGED
@@ -16,8 +16,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
16
16
  type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
17
17
  default: () => string[];
18
18
  }, "type" | "default"> & {
19
- type: import("vue").PropType<any[] | ("shift" | "offset" | "flip")[]>;
20
- default: any[] | ("shift" | "offset" | "flip")[];
19
+ type: import("vue").PropType<any[] | ("shift" | "flip" | "offset")[]>;
20
+ default: any[] | ("shift" | "flip" | "offset")[];
21
21
  };
22
22
  target: import("vue").PropType<{
23
23
  x: number;
@@ -42,8 +42,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
42
42
  type: import("vue").PropType<("offset" | "flip" | "shift")[]>;
43
43
  default: () => string[];
44
44
  }, "type" | "default"> & {
45
- type: import("vue").PropType<any[] | ("shift" | "offset" | "flip")[]>;
46
- default: any[] | ("shift" | "offset" | "flip")[];
45
+ type: import("vue").PropType<any[] | ("shift" | "flip" | "offset")[]>;
46
+ default: any[] | ("shift" | "flip" | "offset")[];
47
47
  };
48
48
  target: import("vue").PropType<{
49
49
  x: number;
@@ -57,7 +57,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
57
57
  offset: number;
58
58
  location: import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start";
59
59
  attach: string | boolean | Element | null | undefined;
60
- middlewares: any[] | ("shift" | "offset" | "flip")[];
60
+ middlewares: any[] | ("shift" | "flip" | "offset")[];
61
61
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
62
62
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
63
63
  declare const _default: typeof __VLS_export;
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
- 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;
package/dist/components/Selector.vue.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import type { AxisAlignedBoundingBox, OrientedBoundingBox } from '../types';
1
+ import type { AxisAlignedBoundingBox } from '../types';
2
+ import type { TransformableValue } from './shared/Transformable.vue';
2
3
  type __VLS_Props = {
3
- resizeStrategy?: 'free' | 'aspectRatio' | 'diagonalAspectRatio';
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: OrientedBoundingBox;
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<OrientedBoundingBox> | undefined;
29
- readonly moveable?: boolean | undefined;
37
+ readonly modelValue?: Partial<TransformableValue> | undefined;
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?: "free" | "aspectRatio" | "diagonalAspectRatio" | undefined;
34
- readonly handleStrategy?: "default" | "point" | undefined;
43
+ readonly resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal" | undefined;
44
+ readonly handleStrategy?: "point" | undefined;
35
45
  readonly handleShape?: "rect" | "circle" | undefined;
36
- readonly color?: string | undefined;
37
- readonly handleColor?: string | undefined;
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: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
44
- readonly onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
45
- readonly onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
46
- readonly "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
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,51 +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: OrientedBoundingBox, args_1: OrientedBoundingBox) => void) & ((event: "end", args_0: OrientedBoundingBox) => void) & ((event: "start", args_0: OrientedBoundingBox) => void) & ((event: "update:modelValue", args_0: OrientedBoundingBox) => void);
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<OrientedBoundingBox>;
65
- moveable?: boolean;
72
+ modelValue?: Partial<TransformableValue>;
73
+ movable?: boolean;
66
74
  rotatable?: boolean;
67
75
  resizable?: boolean;
76
+ adjustableBorderRadius?: boolean;
68
77
  threshold?: number;
69
- resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio";
70
- handleStrategy?: "default" | "point";
78
+ resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
79
+ handleStrategy?: "point";
71
80
  handleShape?: "rect" | "circle";
72
- color?: string;
73
- handleColor?: string;
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: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
81
- onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
82
- onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
83
- "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
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" | "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, ("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>;
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: OrientedBoundingBox, args_1: OrientedBoundingBox) => any;
90
- end: (args_0: OrientedBoundingBox) => any;
91
- start: (args_0: OrientedBoundingBox) => any;
92
- "update:modelValue": (args_0: OrientedBoundingBox) => any;
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
- color: string;
95
- visibility: "visible" | "none" | "auto";
101
+ handleShape: "rect" | "circle";
102
+ movable: boolean;
103
+ rotatable: boolean;
96
104
  resizable: boolean;
97
105
  tag: string | any;
98
- resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
99
- moveable: boolean;
100
- rotatable: boolean;
106
+ adjustableBorderRadius: boolean;
101
107
  threshold: number;
102
- handleStrategy: "default" | "point";
103
- handleColor: string;
104
- 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")[];
105
109
  }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
106
110
  beforeCreate?: (() => void) | (() => void)[];
107
111
  created?: (() => void) | (() => void)[];
@@ -123,47 +127,43 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
123
127
  $nextTick: typeof import("vue").nextTick;
124
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;
125
129
  } & Readonly<{
126
- color: string;
127
- visibility: "visible" | "none" | "auto";
130
+ handleShape: "rect" | "circle";
131
+ movable: boolean;
132
+ rotatable: boolean;
128
133
  resizable: boolean;
129
134
  tag: string | any;
130
- resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
131
- moveable: boolean;
132
- rotatable: boolean;
135
+ adjustableBorderRadius: boolean;
133
136
  threshold: number;
134
- handleStrategy: "default" | "point";
135
- handleColor: string;
136
- 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")[];
137
138
  }> & Omit<Readonly<{
138
139
  tag?: string | any;
139
- modelValue?: Partial<OrientedBoundingBox>;
140
- moveable?: boolean;
140
+ modelValue?: Partial<TransformableValue>;
141
+ movable?: boolean;
141
142
  rotatable?: boolean;
142
143
  resizable?: boolean;
144
+ adjustableBorderRadius?: boolean;
143
145
  threshold?: number;
144
- resizeStrategy?: "free" | "aspectRatio" | "diagonalAspectRatio";
145
- handleStrategy?: "default" | "point";
146
+ resizeStrategy?: "lockAspectRatio" | "lockAspectRatioDiagonal";
147
+ handleStrategy?: "point";
146
148
  handleShape?: "rect" | "circle";
147
- color?: string;
148
- handleColor?: string;
149
- visibility?: "visible" | "none" | "auto";
150
- 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")[];
151
151
  initialSize?: boolean;
152
152
  borderStyle?: "solid" | "dashed";
153
153
  tipFormat?: (type: "size") => string;
154
154
  }> & Readonly<{
155
- onMove?: ((args_0: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
156
- onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
157
- onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
158
- "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
159
- }>, "start" | "transforming" | "activeHandle" | ("color" | "visibility" | "resizable" | "tag" | "resizeStrategy" | "moveable" | "rotatable" | "threshold" | "handleStrategy" | "handleColor" | "handles")> & import("vue").ShallowUnwrapRef<{
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<{
160
160
  start: (event?: MouseEvent, index?: number) => boolean;
161
- activeHandle: import("vue").Ref<("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, ("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>;
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>;
162
162
  transforming: import("vue").Ref<boolean, boolean>;
163
163
  }> & {} & import("vue").ComponentCustomProperties & {} & {
164
164
  $slots: {
165
165
  default?: (props: {
166
- value: Partial<OrientedBoundingBox> | undefined;
166
+ value: Partial<TransformableValue> | undefined;
167
167
  props: {
168
168
  onPointerdown: (event?: MouseEvent, index?: number) => boolean;
169
169
  };
@@ -177,6 +177,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
177
177
  width: number;
178
178
  height: number;
179
179
  rotate: number;
180
+ borderRadius: number;
180
181
  };
181
182
  }) => any;
182
183
  };
package/dist/components/shared/Dialog.vue.d.ts CHANGED
@@ -55,7 +55,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
55
55
  "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
56
56
  }>, {
57
57
  attach: string | boolean | Element | null | undefined;
58
- middlewares: ("shift" | "offset" | "flip")[];
58
+ middlewares: ("shift" | "flip" | "offset")[];
59
59
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
60
60
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
61
61
  declare const _default: typeof __VLS_export;
package/dist/components/shared/Menu.vue.d.ts CHANGED
@@ -67,7 +67,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
67
67
  "onClick:item"?: ((item: MenuItem, event: MouseEvent) => any) | undefined;
68
68
  }>, {
69
69
  attach: string | boolean | Element | null | undefined;
70
- middlewares: ("shift" | "offset" | "flip")[];
70
+ middlewares: ("shift" | "flip" | "offset")[];
71
71
  openOnHover: boolean;
72
72
  persistent: boolean;
73
73
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
package/dist/components/shared/Overlay.vue.d.ts CHANGED
@@ -60,7 +60,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
60
60
  "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
61
61
  }>, {
62
62
  attach: string | boolean | Element | null | undefined;
63
- middlewares: ("shift" | "offset" | "flip")[];
63
+ middlewares: ("shift" | "flip" | "offset")[];
64
64
  modelValue: boolean;
65
65
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
66
66
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
package/dist/components/shared/Tooltip.vue.d.ts CHANGED
@@ -68,7 +68,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
68
68
  offset: number;
69
69
  location: import("@floating-ui/vue").Side | "left-end" | "left-start" | "right-end" | "right-start" | "top-end" | "top-start" | "bottom-end" | "bottom-start";
70
70
  attach: string | boolean | Element | null | undefined;
71
- middlewares: ("shift" | "offset" | "flip")[];
71
+ middlewares: ("shift" | "flip" | "offset")[];
72
72
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
73
73
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
74
74
  declare const _default: typeof __VLS_export;
package/dist/components/shared/Transformable.vue.d.ts CHANGED
@@ -1,18 +1,20 @@
1
1
  import type { OrientedBoundingBox } from '../../types';
2
- type Handle = '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';
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<OrientedBoundingBox>;
6
- moveable?: boolean;
8
+ modelValue?: Partial<TransformableValue>;
9
+ movable?: boolean;
7
10
  rotatable?: boolean;
8
11
  resizable?: boolean;
12
+ adjustableBorderRadius?: boolean;
9
13
  threshold?: number;
10
- resizeStrategy?: 'free' | 'aspectRatio' | 'diagonalAspectRatio';
11
- handleStrategy?: 'default' | 'point';
14
+ resizeStrategy?: 'lockAspectRatio' | 'lockAspectRatioDiagonal';
15
+ handleStrategy?: 'point';
12
16
  handleShape?: 'rect' | 'circle';
13
- color?: string;
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<OrientedBoundingBox> | undefined;
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,26 +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: OrientedBoundingBox, args_1: OrientedBoundingBox) => any;
48
- end: (args_0: OrientedBoundingBox) => any;
49
- start: (args_0: OrientedBoundingBox) => any;
50
- "update:modelValue": (args_0: OrientedBoundingBox) => any;
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: OrientedBoundingBox, args_1: OrientedBoundingBox) => any) | undefined;
53
- onEnd?: ((args_0: OrientedBoundingBox) => any) | undefined;
54
- onStart?: ((args_0: OrientedBoundingBox) => any) | undefined;
55
- "onUpdate:modelValue"?: ((args_0: OrientedBoundingBox) => any) | undefined;
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
- color: string;
58
- visibility: "visible" | "none" | "auto";
60
+ handleShape: "rect" | "circle";
61
+ movable: boolean;
62
+ rotatable: boolean;
59
63
  resizable: boolean;
60
64
  tag: string | any;
61
- resizeStrategy: "free" | "aspectRatio" | "diagonalAspectRatio";
62
- moveable: boolean;
63
- rotatable: boolean;
65
+ adjustableBorderRadius: boolean;
64
66
  threshold: number;
65
- handleStrategy: "default" | "point";
66
- handleColor: string;
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>;
package/dist/composables/overlay.d.ts CHANGED
@@ -34,8 +34,8 @@ export declare const makeMceOverlayProps: <Defaults extends {
34
34
  type: PropType<("offset" | "flip" | "shift")[]>;
35
35
  default: () => string[];
36
36
  }, "type" | "default"> & {
37
- type: PropType<unknown extends Defaults["middlewares"] ? ("shift" | "offset" | "flip")[] : ("shift" | "offset" | "flip")[] | Defaults["middlewares"]>;
38
- default: unknown extends Defaults["middlewares"] ? ("shift" | "offset" | "flip")[] : ("shift" | "offset" | "flip")[] | Defaults["middlewares"];
37
+ type: PropType<unknown extends Defaults["middlewares"] ? ("shift" | "flip" | "offset")[] : ("shift" | "flip" | "offset")[] | Defaults["middlewares"]>;
38
+ default: unknown extends Defaults["middlewares"] ? ("shift" | "flip" | "offset")[] : ("shift" | "flip" | "offset")[] | Defaults["middlewares"];
39
39
  };
40
40
  target: unknown extends Defaults["target"] ? PropType<{
41
41
  x: number;
package/dist/composables/strategy.d.ts CHANGED
@@ -8,7 +8,7 @@ export interface ActiveStrategyContext {
8
8
  }
9
9
  export interface HoverStrategyContext extends ActiveStrategyContext {
10
10
  }
11
- export type ResizeStrategy = (element: Element2D) => 'free' | 'aspectRatio' | 'diagonalAspectRatio';
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, .mce-transformable__border {
469
474
  stroke-width: 1px;
470
475
  }
471
476
  .mce-transformable__handle {
472
- stroke: currentColor;
477
+ fill: white;
473
478
  stroke-width: 1px;
474
479
  pointer-events: none;
475
480
  }
476
- .mce-transformable__handle-box {
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;