mce 0.15.32 → 0.15.34

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 (23) hide show
  1. package/dist/components/Layer.vue.d.ts +1 -1
  2. package/dist/components/Selector.vue.d.ts +109 -59
  3. package/dist/components/SmartGuides.vue.d.ts +4 -1
  4. package/dist/components/SmartSelection.vue.d.ts +11 -0
  5. package/dist/components/shared/TransformControls.vue.d.ts +35 -15
  6. package/dist/editor.d.ts +4 -3
  7. package/dist/index.css +128 -83
  8. package/dist/index.js +2477 -2141
  9. package/dist/locale/en.d.ts +5 -2
  10. package/dist/locale/zh-Hans.d.ts +4 -1
  11. package/dist/mixins/2.box.d.ts +1 -1
  12. package/dist/plugins/arrange.d.ts +1 -1
  13. package/dist/plugins/scroll.d.ts +15 -0
  14. package/dist/plugins/selection.d.ts +14 -1
  15. package/dist/plugins/smartGuides.d.ts +0 -1
  16. package/dist/plugins/smartSelection.d.ts +4 -2
  17. package/dist/plugins/ui.d.ts +2 -8
  18. package/dist/plugins/zoom.d.ts +10 -0
  19. package/dist/typed-plugins.d.ts +0 -2
  20. package/package.json +1 -1
  21. package/dist/mixins/scroll.d.ts +0 -23
  22. package/dist/mixins/zoom.d.ts +0 -18
  23. /package/dist/components/{GoBackSelectedArea.vue.d.ts → ScrollToSelection.vue.d.ts} +0 -0
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,7 +613,13 @@
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));
611
- }.mce-back-selected-aera {
616
+ }.mce-scrollbars {
617
+ position: absolute;
618
+ left: 0;
619
+ top: 0;
620
+ right: 0;
621
+ bottom: 0;
622
+ }.mce-scroll-to-selection {
612
623
  pointer-events: auto !important;
613
624
  position: absolute;
614
625
  left: 50%;
@@ -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;
@@ -1162,18 +1200,25 @@
1162
1200
  width: 100%;
1163
1201
  height: 100%;
1164
1202
  }
1165
- .mce-cropper__transformable {
1203
+ .mce-cropper__transform {
1166
1204
  position: absolute;
1167
1205
  color: rgba(var(--mce-theme-primary), 1);
1168
1206
  opacity: 0.5;
1169
1207
  }
1170
- .mce-cropper__transformable_rect {
1208
+ .mce-cropper__transform_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;