mce 0.15.32 → 0.15.33

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 (12) hide show
  1. package/dist/components/Selector.vue.d.ts +6 -0
  2. package/dist/components/SmartGuides.vue.d.ts +4 -1
  3. package/dist/components/SmartSelection.vue.d.ts +3 -0
  4. package/dist/components/shared/TransformControls.vue.d.ts +1 -0
  5. package/dist/index.css +125 -80
  6. package/dist/index.js +2137 -1883
  7. package/dist/locale/en.d.ts +4 -1
  8. package/dist/locale/zh-Hans.d.ts +3 -0
  9. package/dist/plugins/arrange.d.ts +1 -1
  10. package/dist/plugins/smartGuides.d.ts +0 -1
  11. package/dist/plugins/smartSelection.d.ts +4 -2
  12. package/package.json +1 -1
package/dist/components/Selector.vue.d.ts CHANGED
@@ -35,6 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
35
35
  $props: {
36
36
  readonly tag?: string | any;
37
37
  readonly modelValue?: Partial<TransformableValue> | undefined;
38
+ readonly color?: string | undefined;
38
39
  readonly movable?: boolean | undefined;
39
40
  readonly rotatable?: boolean | undefined;
40
41
  readonly rotator?: boolean | undefined;
@@ -71,6 +72,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
71
72
  $options: import("vue").ComponentOptionsBase<Readonly<{
72
73
  tag?: string | any;
73
74
  modelValue?: Partial<TransformableValue>;
75
+ color?: string;
74
76
  movable?: boolean;
75
77
  rotatable?: boolean;
76
78
  rotator?: boolean;
@@ -138,6 +140,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
138
140
  }> & Omit<Readonly<{
139
141
  tag?: string | any;
140
142
  modelValue?: Partial<TransformableValue>;
143
+ color?: string;
141
144
  movable?: boolean;
142
145
  rotatable?: boolean;
143
146
  rotator?: boolean;
@@ -188,6 +191,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
188
191
  $props: {
189
192
  readonly tag?: string | any;
190
193
  readonly modelValue?: Partial<TransformableValue> | undefined;
194
+ readonly color?: string | undefined;
191
195
  readonly movable?: boolean | undefined;
192
196
  readonly rotatable?: boolean | undefined;
193
197
  readonly rotator?: boolean | undefined;
@@ -224,6 +228,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
224
228
  $options: import("vue").ComponentOptionsBase<Readonly<{
225
229
  tag?: string | any;
226
230
  modelValue?: Partial<TransformableValue>;
231
+ color?: string;
227
232
  movable?: boolean;
228
233
  rotatable?: boolean;
229
234
  rotator?: boolean;
@@ -291,6 +296,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
291
296
  }> & Omit<Readonly<{
292
297
  tag?: string | any;
293
298
  modelValue?: Partial<TransformableValue>;
299
+ color?: string;
294
300
  movable?: boolean;
295
301
  rotatable?: boolean;
296
302
  rotator?: boolean;
package/dist/components/SmartGuides.vue.d.ts CHANGED
@@ -1,3 +1,6 @@
1
- declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ type __VLS_Props = {
2
+ snapLines?: Record<string, any>[];
3
+ };
4
+ declare const __VLS_export: 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>;
2
5
  declare const _default: typeof __VLS_export;
3
6
  export default _default;
package/dist/components/SmartSelection.vue.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ declare const _default: typeof __VLS_export;
3
+ export default _default;
package/dist/components/shared/TransformControls.vue.d.ts CHANGED
@@ -6,6 +6,7 @@ type Handle = 'move' | 'resize-t' | 'resize-r' | 'resize-b' | 'resize-l' | 'resi
6
6
  type __VLS_Props = {
7
7
  tag?: string | any;
8
8
  modelValue?: Partial<TransformableValue>;
9
+ color?: string;
9
10
  movable?: boolean;
10
11
  rotatable?: boolean;
11
12
  rotator?: boolean;
package/dist/index.css CHANGED
@@ -79,6 +79,12 @@
79
79
  font-size: inherit;
80
80
  font-weight: inherit;
81
81
  border-radius: 2px;
82
+ }.mce-frames {
83
+ position: absolute;
84
+ left: 0;
85
+ top: 0;
86
+ right: 0;
87
+ bottom: 0;
82
88
  }.mce-hover {
83
89
  position: absolute;
84
90
  border-style: solid;
@@ -573,7 +579,6 @@
573
579
  top: 0;
574
580
  right: 0;
575
581
  bottom: 0;
576
- pointer-events: none;
577
582
  }
578
583
  .mce-rulers__left-top {
579
584
  position: absolute;
@@ -608,6 +613,12 @@
608
613
  }
609
614
  .mce-scrollbar__thumb--active, .mce-scrollbar__thumb:hover {
610
615
  background-color: rgba(var(--mce-theme-on-background), var(--mce-medium-emphasis-opacity));
616
+ }.mce-scrollbars {
617
+ position: absolute;
618
+ left: 0;
619
+ top: 0;
620
+ right: 0;
621
+ bottom: 0;
611
622
  }.mce-back-selected-aera {
612
623
  pointer-events: auto !important;
613
624
  position: absolute;
@@ -671,6 +682,108 @@
671
682
  border-right: none;
672
683
  border-top: 1px solid #1690ff;
673
684
  border-bottom: 1px solid #1690ff;
685
+ }.mce-transform-controls {
686
+ left: 0;
687
+ top: 0;
688
+ }
689
+ .mce-transform-controls__svg {
690
+ position: absolute;
691
+ left: 0;
692
+ top: 0;
693
+ width: 100%;
694
+ height: 100%;
695
+ overflow: visible;
696
+ pointer-events: none;
697
+ color: rgb(var(--mce-theme-primary));
698
+ stroke: currentColor;
699
+ }
700
+ .mce-transform-controls__diagonal {
701
+ stroke-width: 1px;
702
+ stroke-dasharray: 2px;
703
+ visibility: hidden;
704
+ }
705
+ .mce-transform-controls__rect {
706
+ stroke-width: 1px;
707
+ }
708
+ .mce-transform-controls__handle {
709
+ fill: white;
710
+ stroke-width: 1px;
711
+ }
712
+ .mce-transform-controls__handle-rect {
713
+ stroke-width: 1px;
714
+ fill: transparent;
715
+ stroke: transparent;
716
+ }
717
+ .mce-transform-controls__rotator {
718
+ fill: white;
719
+ stroke-width: 0.5px;
720
+ stroke: currentColor;
721
+ }
722
+ .mce-transform-controls__tip {
723
+ position: absolute;
724
+ bottom: 0;
725
+ left: 50%;
726
+ transform: translate(-50%, calc(100% + 8px));
727
+ background-color: rgb(var(--mce-theme-primary));
728
+ color: rgb(var(--mce-theme-on-primary));
729
+ font-size: 0.75rem;
730
+ padding: 2px 4px;
731
+ border-radius: 3px;
732
+ text-wrap: nowrap;
733
+ }
734
+ .mce-transform-controls--dashed .mce-transform-controls__rect {
735
+ stroke-dasharray: 4px;
736
+ }
737
+ .mce-transform-controls--resizing .mce-transform-controls__diagonal {
738
+ visibility: visible;
739
+ }
740
+ .mce-transform-controls--moving .mce-transform-controls__handle,
741
+ .mce-transform-controls--moving .mce-transform-controls__handle-rect,
742
+ .mce-transform-controls--moving .mce-transform-controls__rotator,
743
+ .mce-transform-controls--moving .mce-transform-controls__tip {
744
+ visibility: hidden;
745
+ }
746
+ .mce-transform-controls--moving .mce-transform-controls__rect {
747
+ opacity: 0.4;
748
+ stroke-width: 0.5px;
749
+ }
750
+ .mce-transform-controls--moving .mce-transform-controls__svg-slot {
751
+ opacity: 0.4;
752
+ stroke-width: 0.5px;
753
+ }
754
+ .mce-transform-controls--hide-ui .mce-transform-controls__handle,
755
+ .mce-transform-controls--hide-ui .mce-transform-controls__handle-rect,
756
+ .mce-transform-controls--hide-ui .mce-transform-controls__rect,
757
+ .mce-transform-controls--hide-ui .mce-transform-controls__rotator,
758
+ .mce-transform-controls--hide-ui .mce-transform-controls__tip {
759
+ visibility: hidden;
760
+ }.mce-smart-selection {
761
+ position: absolute;
762
+ overflow: hidden;
763
+ left: 0;
764
+ right: 0;
765
+ top: 0;
766
+ bottom: 0;
767
+ }
768
+ .mce-smart-selection .mce-smart-handle {
769
+ position: absolute;
770
+ display: flex;
771
+ align-items: center;
772
+ justify-content: center;
773
+ }
774
+ .mce-smart-selection .mce-smart-handle--active > .mce-smart-handle__btn {
775
+ background: #FF24BD;
776
+ }
777
+ .mce-smart-selection .mce-smart-handle__btn {
778
+ pointer-events: auto;
779
+ width: 10px;
780
+ height: 10px;
781
+ border-radius: 100%;
782
+ border: 1px solid #FF24BD;
783
+ outline: 1px solid #FFFFFF;
784
+ }
785
+ .mce-smart-selection .mce-smart-handle__btn:hover {
786
+ background: #FF24BD;
674
787
  }.progress-indicator[data-v-3b286483] {
675
788
  display: flex;
676
789
  align-items: center;
@@ -1068,81 +1181,6 @@
1068
1181
  border-radius: 4px;
1069
1182
  }.mce-floatbar .mce-overlay-content {
1070
1183
  overflow: visible;
1071
- }.mce-transform-controls {
1072
- left: 0;
1073
- top: 0;
1074
- }
1075
- .mce-transform-controls__svg {
1076
- position: absolute;
1077
- left: 0;
1078
- top: 0;
1079
- width: 100%;
1080
- height: 100%;
1081
- overflow: visible;
1082
- pointer-events: none;
1083
- color: rgb(var(--mce-theme-primary));
1084
- stroke: currentColor;
1085
- }
1086
- .mce-transform-controls__diagonal {
1087
- stroke-width: 1px;
1088
- stroke-dasharray: 2px;
1089
- visibility: hidden;
1090
- }
1091
- .mce-transform-controls__rect {
1092
- stroke-width: 1px;
1093
- }
1094
- .mce-transform-controls__handle {
1095
- fill: white;
1096
- stroke-width: 1px;
1097
- }
1098
- .mce-transform-controls__handle-rect {
1099
- stroke-width: 1px;
1100
- fill: transparent;
1101
- stroke: transparent;
1102
- }
1103
- .mce-transform-controls__rotator {
1104
- fill: white;
1105
- stroke-width: 0.5px;
1106
- stroke: currentColor;
1107
- }
1108
- .mce-transform-controls__tip {
1109
- position: absolute;
1110
- bottom: 0;
1111
- left: 50%;
1112
- transform: translate(-50%, calc(100% + 8px));
1113
- background-color: rgb(var(--mce-theme-primary));
1114
- color: rgb(var(--mce-theme-on-primary));
1115
- font-size: 0.75rem;
1116
- padding: 2px 4px;
1117
- border-radius: 3px;
1118
- text-wrap: nowrap;
1119
- }
1120
- .mce-transform-controls--dashed .mce-transform-controls__rect {
1121
- stroke-dasharray: 4px;
1122
- }
1123
- .mce-transform-controls--resizing .mce-transform-controls__diagonal {
1124
- visibility: visible;
1125
- }
1126
- .mce-transform-controls--moving .mce-transform-controls__handle,
1127
- .mce-transform-controls--moving .mce-transform-controls__handle-rect,
1128
- .mce-transform-controls--moving .mce-transform-controls__rotator,
1129
- .mce-transform-controls--moving .mce-transform-controls__tip {
1130
- visibility: hidden;
1131
- }
1132
- .mce-transform-controls--moving .mce-transform-controls__rect {
1133
- opacity: 0.4;
1134
- stroke-width: 0.5px;
1135
- }
1136
- .mce-transform-controls--moving .mce-transform-controls__svg-slot {
1137
- opacity: 0.4;
1138
- stroke-width: 0.5px;
1139
- }
1140
- .mce-transform-controls--hide-ui .mce-transform-controls__handle,
1141
- .mce-transform-controls--hide-ui .mce-transform-controls__handle-rect,
1142
- .mce-transform-controls--hide-ui .mce-transform-controls__rect,
1143
- .mce-transform-controls--hide-ui .mce-transform-controls__rotator,
1144
- .mce-transform-controls--hide-ui .mce-transform-controls__tip {
1145
- visibility: hidden;
1146
1184
  }.mce-cropper {
1147
1185
  pointer-events: auto;
1148
1186
  position: absolute;
@@ -1170,10 +1208,17 @@
1170
1208
  .mce-cropper__transformable_rect {
1171
1209
  width: 100%;
1172
1210
  height: 100%;
1173
- }.mce-selector__slot {
1211
+ }.mce-selector {
1212
+ position: absolute;
1213
+ left: 0;
1214
+ right: 0;
1215
+ top: 0;
1216
+ bottom: 0;
1217
+ }
1218
+ .mce-selector__slot {
1174
1219
  position: absolute;
1175
1220
  }
1176
- .mce-selector__parent-obb {
1221
+ .mce-selector__parent {
1177
1222
  position: absolute;
1178
1223
  pointer-events: none;
1179
1224
  border-width: 1px;
@@ -1181,7 +1226,7 @@
1181
1226
  color: rgba(var(--mce-theme-primary), 1);
1182
1227
  opacity: 0.5;
1183
1228
  }
1184
- .mce-selector__selected-area {
1229
+ .mce-selector__area {
1185
1230
  position: absolute;
1186
1231
  border-width: 1px;
1187
1232
  border-style: solid;
@@ -1192,7 +1237,7 @@
1192
1237
  position: absolute;
1193
1238
  color: rgba(var(--mce-theme-primary), 1);
1194
1239
  }
1195
- .mce-selector__obb {
1240
+ .mce-selector__node {
1196
1241
  position: absolute;
1197
1242
  border-width: 1px;
1198
1243
  border-style: solid;