mce 0.13.13 → 0.13.14

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.
@@ -156,7 +156,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
156
156
  onEnd?: ((args_0: TransformableValue) => any) | undefined;
157
157
  onStart?: ((args_0: TransformableValue) => any) | undefined;
158
158
  "onUpdate:modelValue"?: ((args_0: TransformableValue) => any) | undefined;
159
- }>, "start" | "transforming" | "activeHandle" | ("handleShape" | "movable" | "rotatable" | "resizable" | "tag" | "adjustableBorderRadius" | "threshold" | "handles")> & import("vue").ShallowUnwrapRef<{
159
+ }>, "transforming" | "start" | "activeHandle" | ("handleShape" | "movable" | "rotatable" | "resizable" | "tag" | "adjustableBorderRadius" | "threshold" | "handles")> & import("vue").ShallowUnwrapRef<{
160
160
  start: (event?: MouseEvent, index?: number) => boolean;
161
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>;
@@ -1,8 +1,11 @@
1
+ type __VLS_Props = {
2
+ active?: boolean;
3
+ };
1
4
  declare var __VLS_1: {};
2
5
  type __VLS_Slots = {} & {
3
6
  default?: (props: typeof __VLS_1) => any;
4
7
  };
5
- declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
8
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
6
9
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
7
10
  declare const _default: typeof __VLS_export;
8
11
  export default _default;
@@ -3,7 +3,7 @@ declare var __VLS_8: {
3
3
  props: {
4
4
  ref: (el: any) => any;
5
5
  };
6
- isActive: boolean;
6
+ isActive: boolean | undefined;
7
7
  }, __VLS_10: {};
8
8
  type __VLS_Slots = {} & {
9
9
  activator?: (props: typeof __VLS_8) => any;
@@ -3,6 +3,15 @@ type __VLS_Slots = {
3
3
  title?: (props: {
4
4
  item: MenuItem;
5
5
  }) => any;
6
+ kbd?: (props: {
7
+ item: MenuItem;
8
+ }) => any;
9
+ prepend?: (props: {
10
+ item: MenuItem;
11
+ }) => any;
12
+ append?: (props: {
13
+ item: MenuItem;
14
+ }) => any;
6
15
  activator?: (props: any) => any;
7
16
  };
8
17
  export interface MenuItem {
@@ -2,7 +2,7 @@ declare var __VLS_1: {
2
2
  props: {
3
3
  ref: (el: any) => any;
4
4
  };
5
- isActive: boolean;
5
+ isActive: boolean | undefined;
6
6
  }, __VLS_8: {};
7
7
  type __VLS_Slots = {} & {
8
8
  activator?: (props: typeof __VLS_1) => any;
@@ -25,8 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
25
25
  default: undefined;
26
26
  };
27
27
  modelValue: {
28
- type: BooleanConstructor;
29
- default: boolean;
28
+ type: import("vue").PropType<boolean>;
30
29
  };
31
30
  }>, {
32
31
  activatorEl: import("vue").Ref<any, any>;
@@ -34,7 +33,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
34
33
  contentEl: Readonly<import("vue").ShallowRef<HTMLDivElement | null>>;
35
34
  updateLocation: () => void;
36
35
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
37
- "update:modelValue": (val: boolean) => any;
36
+ "update:modelValue": (value: boolean | undefined) => any;
38
37
  "click:outside": (event: MouseEvent) => any;
39
38
  }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
40
39
  location: import("vue").PropType<import("@floating-ui/vue").Side | import("@floating-ui/vue").AlignedPlacement>;
@@ -52,16 +51,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
52
51
  default: undefined;
53
52
  };
54
53
  modelValue: {
55
- type: BooleanConstructor;
56
- default: boolean;
54
+ type: import("vue").PropType<boolean>;
57
55
  };
58
56
  }>> & Readonly<{
59
- "onUpdate:modelValue"?: ((val: boolean) => any) | undefined;
57
+ "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
60
58
  "onClick:outside"?: ((event: MouseEvent) => any) | undefined;
61
59
  }>, {
62
60
  attach: string | boolean | Element | null | undefined;
63
61
  middlewares: ("shift" | "flip" | "offset")[];
64
- modelValue: boolean;
65
62
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
66
63
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
67
64
  declare const _default: typeof __VLS_export;
@@ -1,9 +1,11 @@
1
1
  declare function updateLocation(): void;
2
2
  declare var __VLS_8: {
3
3
  props: {
4
+ onMouseenter: () => boolean;
5
+ onMouseleave: () => boolean;
4
6
  ref: (el: any) => any;
5
7
  };
6
- isActive: boolean;
8
+ isActive: boolean | undefined;
7
9
  }, __VLS_10: {};
8
10
  type __VLS_Slots = {} & {
9
11
  activator?: (props: typeof __VLS_8) => any;
package/dist/index.css CHANGED
@@ -1,4 +1,19 @@
1
- .mce-icon {
1
+ .mce-drawing {
2
+ position: absolute;
3
+ }
4
+ .mce-drawing__tip {
5
+ margin: 4px;
6
+ border: 1px solid rgba(0, 0, 0, 0.168627451);
7
+ border-radius: 4px;
8
+ width: fit-content;
9
+ height: 22px;
10
+ padding: 0 4px;
11
+ font-size: 14px;
12
+ white-space: nowrap;
13
+ overflow: hidden;
14
+ text-overflow: ellipsis;
15
+ background-color: rgba(var(--mce-theme-surface), 1);
16
+ }.mce-icon {
2
17
  align-items: center;
3
18
  display: inline-flex;
4
19
  font-feature-settings: "liga";
@@ -75,6 +90,15 @@
75
90
  display: flex;
76
91
  align-items: center;
77
92
  justify-content: center;
93
+ cursor: pointer;
94
+ }
95
+ .mce-btn:hover {
96
+ color: rgb(var(--mce-theme-on-background));
97
+ background: rgb(var(--mce-theme-background));
98
+ }
99
+ .mce-btn.mce-btn--active {
100
+ color: rgb(var(--mce-theme-on-primary));
101
+ background: rgb(var(--mce-theme-primary));
78
102
  }.mce-layer {
79
103
  position: relative;
80
104
  flex: none;
@@ -187,13 +211,10 @@
187
211
  display: flex;
188
212
  align-items: center;
189
213
  }
190
- .mce-btn--hide {
214
+ .mce-layer__btn--hide {
191
215
  opacity: 0;
192
216
  }
193
- .mce-btn:hover {
194
- background-color: rgb(var(--mce-theme-background));
195
- }
196
- .mce-btn + .mce-btn {
217
+ .mce-layer__btn + .mce-layer__btn {
197
218
  margin-left: -4px;
198
219
  }.mce-layers {
199
220
  position: relative;
@@ -274,7 +295,7 @@
274
295
  user-select: none;
275
296
  opacity: 0.4;
276
297
  }
277
- .mce-list-item__prepend {
298
+ .mce-list-item__prepend, .mce-list-item__checked {
278
299
  width: 12px;
279
300
  height: 12px;
280
301
  display: flex;
@@ -289,6 +310,13 @@
289
310
  font-size: 12px;
290
311
  white-space: nowrap;
291
312
  }
313
+ .mce-list-item__kbd {
314
+ font-size: 12px;
315
+ white-space: nowrap;
316
+ letter-spacing: 0.08em;
317
+ margin-left: 24px;
318
+ opacity: 0.3;
319
+ }
292
320
  .mce-list-item__append {
293
321
  width: 12px;
294
322
  height: 12px;
@@ -297,13 +325,6 @@
297
325
  justify-content: center;
298
326
  font-size: 12px;
299
327
  margin-right: -6px;
300
- }.mce-context-menu__title {
301
- flex: 1;
302
- }
303
- .mce-context-menu__kbd {
304
- letter-spacing: 0.08em;
305
- margin-left: 24px;
306
- opacity: 0.3;
307
328
  }.mce-tooltip {
308
329
  background: rgb(var(--mce-theme-surface-variant));
309
330
  color: rgb(var(--mce-theme-on-surface-variant));
@@ -317,6 +338,10 @@
317
338
  opacity: 1;
318
339
  transition-property: opacity, transform;
319
340
  overflow-wrap: break-word;
341
+ }
342
+ .mce-tooltip__content {
343
+ display: flex;
344
+ align-items: center;
320
345
  }.mce-ruler {
321
346
  position: absolute;
322
347
  left: 0;
@@ -801,22 +826,48 @@
801
826
  height: max-content;
802
827
  min-height: 100%;
803
828
  overflow: hidden;
804
- }.mce-drawing {
829
+ }.mce-toolbelt {
805
830
  pointer-events: auto !important;
806
- position: fixed;
831
+ position: absolute;
832
+ left: 50%;
833
+ bottom: 18px;
834
+ transform: translateX(-50%);
835
+ display: flex;
836
+ align-items: center;
837
+ gap: 12px;
838
+ box-shadow: var(--mce-shadow);
839
+ background: rgb(var(--mce-theme-surface));
840
+ padding: 8px;
841
+ border-radius: 12px;
842
+ height: 48px;
843
+ cursor: default;
807
844
  }
808
- .mce-drawing__content {
809
- margin: 4px;
810
- border: 1px solid rgba(0, 0, 0, 0.168627451);
811
- border-radius: 4px;
812
- width: fit-content;
813
- height: 22px;
814
- padding: 0 4px;
815
- font-size: 14px;
845
+ .mce-toolbelt__kbd {
846
+ font-size: 12px;
816
847
  white-space: nowrap;
817
- overflow: hidden;
818
- text-overflow: ellipsis;
819
- background-color: rgba(var(--mce-theme-surface), 1);
848
+ letter-spacing: 0.08em;
849
+ margin-left: 16px;
850
+ opacity: 0.3;
851
+ }
852
+ .mce-toolbelt__group {
853
+ display: flex;
854
+ align-items: center;
855
+ height: 100%;
856
+ }
857
+ .mce-toolbelt__btn {
858
+ font-size: 24px;
859
+ width: 100%;
860
+ height: 100%;
861
+ border-radius: 8px;
862
+ }
863
+ .mce-toolbelt__icon {
864
+ font-size: 16px;
865
+ }
866
+ .mce-toolbelt__arrow {
867
+ width: 16px;
868
+ height: 100%;
869
+ font-size: 12px;
870
+ border-radius: 4px;
820
871
  }.mce-floatbar {
821
872
  overflow: visible;
822
873
  }.mce-transformable {
@@ -1068,6 +1119,15 @@
1068
1119
  user-select: none;
1069
1120
  cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48aW1hZ2UgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFFQUFBQUJBQ0FZQUFBQ3FhWEhlQUFBR0JVbEVRVlI0QWV5WXowOGtSUlRIZXhhRlVTRUVRamlRRUFnbitBK01ISmlERi84SkU0OWNTRkQ1RlRETUhFQVE5S3pSZytGSE5pSGVKRkZqQW5PQnJLekdZRlRRRzRSQUVHRloxdDBaRk1YdnAzZHIwcGxNTTkzTDdzeDAwNlJlcXZyVnE2cjMvYjczdW91NVpkM3d2NGlBRzU0QWxsc0d4RVFNYzA1QmgyZ3FQQTJBVGpRQVJGY2w1WXVTYWttTmhCNTVRV1Btc05NdytBMndCZ1dnZUFaNHpkblpXZkx5OGpLVHpXYS9QVGs1U1oyZW5xWmsrSkxFRUFJWjJMTk82bUEyQUJqUEFRS282dVBqNC9HNnVycGhKbXBxYXJvYkdob0c2K3ZyaDBUSS9hT2pJNGg0UlhPR0RBZ2pLOWlMUFRRVm5JYlRlSXZqakNFZzN0allPSUF5bFVwWnNWak1vdWNaYVdwcWVsZEVIR2N5bWE5RlZFcTZseVdRRWNnU0FiVDh0eHRSSkpweHBmOWROT2wwbXM1S0pwTTVJZ3daOFhqOE5ZZ1NHZmNPRHcrVGxJbU1JU091M3BEQi9wQXJWV1UySE1Rem5FUWdvZnJpNHNMV0p4SUo1bklDRVVnczlqZ3JEQm5OemMzdlVDWWk0MVFsa3RTQ3dKU0lEVlFPMHlBQXViVzB0UFE1aXA2ZUhycUNBaEZJTFBhWURHTVV0Qkp4RW5CcFFQVDI5djU0Y0hEd014bUFHTDFiN3lUQ1pJV1BFbkhidGlSNlF3RGdrZjkwNnIrU2kxZ3N4ck0xUGo2dVIyOE5JaEN0dFYrY2hvd0NKVkxvWGVIdGtHZHM1U1FBOEJmYS94L0orY0xDd3J4Nnkwc0dZSmN2RUlFWU1zejhreEk1MFZma202MnRyZGVsNTRYSnU4ZjRJbFhwbXZOUUNDRDZmK3Y0ODRHQmdZMzkvZjFmTkg1cUVsaUxPSWt3V1VHSmRIWjJmcm01dVZsV0V2SUp5R1dBSE0vT3pjMHRxdmRWQnRpN0NVUWd6cXpvNk9nWWtUMmZUajdCdklUMStQeGEvczVPQXFoNU1zQXVBUmxtUjBaRzdQc0FaWUJJOTh4YU9wMjI5NnF0clgxVkE2N1hYTUx3cDZRa2NLRE96elhLZ0N5Z0RMTFNadmthcUw5MkdaZzlJSEoxZGRWQzBHMXZiMytpbnVpWDVUMlFUNEF6Q3lBZ016OC92eUFIcmF2dUJNd1hFc0FpZ0hVS091eDFhZHJzNnVyNlZPT1NSbDNuNVpvYkFTWUx6b2VHaHU3eU1zUnBKTGZTWllDTkV5eGpkQWhMZG5kM2Z4c2RIWDEvWW1MaVBYMGUrNldqNUNnOXNvOEFTRlc2bGs4QUorT0lJY0RPQXIyMGJNZUszUW1TeWFTZDJvQkYyR3huWitmM3djSEJENGVIaHovUVBtKzJ0YldOVDA1TzNoa2JHMXZYL0FOSlJuSXVLUXNKaFFnQUxNNUFBbzVsRnhjWDUrU2c1L2ZBOHZMeVYvcU1maVRBYjdXM3Q2ZG1abWJ1VEU5UHIybVBJNGNjYTN3cStVdkNPV1FDNU91eGRLMFFBWnlPSXhDQVU5d0o3REpnSXBGSTBCVVVreUZyYTJzL3pjN09ic2pvUkFMb1EvVk9RY2ZjZmVrZlNpQUEwaUZmajZWcnhRZ3dYNE9Nbnp2QjFOU1VFL3dmZ29NQStrK05UZVRQTkFZOFpRYlJGVVVBa2NBaEhDTTZSZThFMUw4QVdTc3JLMStvcDdidnFTZktBS1luM1lrNGM2UzlxWDB5amJNNFUwdEsyOXd5QUM5TUdaZ3M4SFFuaU1mamtBWkloQ2pUQTVob0E1cUlReXAyQU9jY3ppdUxYRVVBRWNGQkhNWHBLKzhFcHY0M05qYStGNUpIRWdEVEF4ckFFTWxlN01uZWlNeksyN3dRUUlyaXZLYzdRWDkvUDlkbkFDT3NZejFScmdqQStYUmZSUUMyT0E0QWdOaFpvRStiRGNSRUhDTlQvK3ZyNjdmMWpDMlJaaDNyRWFrcnN4VWpBTENrTEdDSTZKVjNncXFxS213TkFZd3JHandoS1VZQU5vQ0FBS0thMVFVbjl6c0JrZWRlWUxKQjlmK0RGb1NXQUlCUkJvL01yMFVBNTY0djBCYnAzOWZYOTUzR1pBcUVrUUZra0ZUbGE4Vk85cElCZ0FDTW5RSGE4S0grUVJMZTlkdDdlM3UvNnRuaVgrYnU3dTdQTk9hdER3SFlzb2Jza2JweW14Y0M4QjRnZ0FJY0lCOEk4TWV0cmExdjY2WDRSa3RMUzUrTStPYno2U05Mc0dXTjFKWGR2Qkpnc2dBQ0FNbU5qcHNlVjF1RW14NDY1ckNoQkVKSkFKSGxZc1B0RGdLNDVpS015UUN5ZzNjRjZROXBsUjErZWVjMUEyUnFFVkVpQzBDQVFnS2dpVHc5MFNmOXNjR1dOUlV2ZmdnQURNQUFDQWxrQXFBaGc3RkovY0JFSDBCK0NXQ05JWUZ5Z0FpQTAwTk1vTUFENW1rSVlCMUNqZWNMK2tESmRRZ0lGRkEzWnlNQzNKaTVLZm9vQTI1S3BOMXdSaG5neHN4TjBZY3VBL3dHTGlMQUwyTmhzNDh5SUd3UjlZc255Z0MvaklYTlBzcUFzRVhVTDU0b0Evd3lGamI3S0FQQ0ZsRy9lS0lNOE10WTJPeWpEQWg2Uksvci8vOEFBQUQvLzltR1FIRUFBQUFHU1VSQlZBTUFFTFdobi9KQ0EzY0FBQUFBU1VWT1JLNUNZSUk9IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz48L3N2Zz4=) 4 4, auto;
1070
1121
  }
1122
+ .mce-editor--drawing {
1123
+ cursor: crosshair;
1124
+ }
1125
+ .mce-editor--hand {
1126
+ cursor: grab;
1127
+ }
1128
+ .mce-editor--grabbing {
1129
+ cursor: grabbing;
1130
+ }
1071
1131
  .mce-editor * {
1072
1132
  box-sizing: border-box;
1073
1133
  }