unika-components 1.0.78 → 1.0.79

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.
@@ -7,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
7
7
  type: StringConstructor;
8
8
  default: string;
9
9
  };
10
+ isEditing: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
10
14
  }, {
11
15
  styleProps: import("vue").ComputedRef<Pick<any, string>>;
12
16
  handleClick: () => void;
@@ -21,8 +25,13 @@ declare const _default: import("vue").DefineComponent<{
21
25
  type: StringConstructor;
22
26
  default: string;
23
27
  };
28
+ isEditing: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
24
32
  }>>, {
25
33
  mapHtml: string;
26
34
  mapUrl: string;
35
+ isEditing: boolean;
27
36
  }, {}>;
28
37
  export default _default;
@@ -105,6 +105,7 @@ export declare const commonDefaultProps: {
105
105
  left: string;
106
106
  top: string;
107
107
  right: string;
108
+ transform: string;
108
109
  };
109
110
  export declare const textDefaultProps: {
110
111
  actionType: string;
@@ -125,6 +126,7 @@ export declare const textDefaultProps: {
125
126
  left: string;
126
127
  top: string;
127
128
  right: string;
129
+ transform: string;
128
130
  text: string;
129
131
  fontSize: string;
130
132
  fontFamily: string;
@@ -155,6 +157,7 @@ export declare const imageDefaultProps: {
155
157
  left: string;
156
158
  top: string;
157
159
  right: string;
160
+ transform: string;
158
161
  imageSrc: string;
159
162
  };
160
163
  export declare const shapeDefaultProps: {
@@ -176,6 +179,7 @@ export declare const shapeDefaultProps: {
176
179
  left: string;
177
180
  top: string;
178
181
  right: string;
182
+ transform: string;
179
183
  backgroundColor: string;
180
184
  };
181
185
  export declare const backgroundDefaultProps: {
@@ -208,6 +212,7 @@ export declare const musicDefaultProps: {
208
212
  left: string;
209
213
  top: string;
210
214
  right: string;
215
+ transform: string;
211
216
  musicSrc: string;
212
217
  name: string;
213
218
  isPlaying: boolean;
@@ -311,6 +316,7 @@ export declare const likeDefaultProps: {
311
316
  left: string;
312
317
  top: string;
313
318
  right: string;
319
+ transform: string;
314
320
  };
315
321
  export declare const effectDefaultProps: {
316
322
  width: string;
@@ -322,6 +328,7 @@ export declare const effectDefaultProps: {
322
328
  shape: string[];
323
329
  number: number;
324
330
  spead: number;
331
+ transform: string;
325
332
  };
326
333
  export declare const registerFormDefaultProps: {
327
334
  left: string;
@@ -381,6 +388,7 @@ export declare const componentsDefaultProps: {
381
388
  left: string;
382
389
  top: string;
383
390
  right: string;
391
+ transform: string;
384
392
  text: string;
385
393
  fontSize: string;
386
394
  fontFamily: string;
@@ -413,6 +421,7 @@ export declare const componentsDefaultProps: {
413
421
  left: string;
414
422
  top: string;
415
423
  right: string;
424
+ transform: string;
416
425
  imageSrc: string;
417
426
  };
418
427
  };
@@ -436,6 +445,7 @@ export declare const componentsDefaultProps: {
436
445
  left: string;
437
446
  top: string;
438
447
  right: string;
448
+ transform: string;
439
449
  backgroundColor: string;
440
450
  };
441
451
  };
@@ -472,6 +482,7 @@ export declare const componentsDefaultProps: {
472
482
  left: string;
473
483
  top: string;
474
484
  right: string;
485
+ transform: string;
475
486
  musicSrc: string;
476
487
  name: string;
477
488
  isPlaying: boolean;
@@ -572,6 +583,7 @@ export declare const componentsDefaultProps: {
572
583
  left: string;
573
584
  top: string;
574
585
  right: string;
586
+ transform: string;
575
587
  };
576
588
  };
577
589
  'uni-effect': {
@@ -585,6 +597,7 @@ export declare const componentsDefaultProps: {
585
597
  shape: string[];
586
598
  number: number;
587
599
  spead: number;
600
+ transform: string;
588
601
  };
589
602
  };
590
603
  'uni-register-form': {
@@ -1,15 +1,3 @@
1
-
2
- h2.uni-text-component, p.uni-text-component {
3
- margin-bottom: 0;
4
- }
5
- button.uni-text-component {
6
- padding: 5px 10px;
7
- cursor: pointer;
8
- }
9
- .uni-text-component {
10
- box-sizing: border-box;
11
- white-space: pre-wrap;
12
- }
13
1
 
14
2
  .uni-background-component {
15
3
  width: 100%;
@@ -47,6 +35,10 @@ button.uni-text-component {
47
35
  opacity: 0.1;
48
36
  }
49
37
 
38
+ .uni-image-component {
39
+ max-width: 100%;
40
+ }
41
+
50
42
  .slide-guide {
51
43
  position: absolute;
52
44
  bottom: 90px;
@@ -120,6 +112,109 @@ body, html {
120
112
  }
121
113
  }
122
114
 
115
+ .ant-input-number {
116
+ box-sizing: border-box;
117
+ margin: 0;
118
+ padding: 0;
119
+ color: rgba(0, 0, 0, 0.88);
120
+ font-size: 14px;
121
+ line-height: 1.5714285714285714;
122
+ list-style: none;
123
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
124
+ position: relative;
125
+ display: inline-block;
126
+ width: 100%;
127
+ min-width: 0;
128
+ background-color: #ffffff;
129
+ background-image: none;
130
+ border-width: 1px;
131
+ border-style: solid;
132
+ border-color: #d9d9d9;
133
+ border-radius: 6px;
134
+ transition: all 0.2s;
135
+ border: 1px solid #d9d9d9;
136
+ }
137
+ .ant-form-item {
138
+ box-sizing: border-box;
139
+ margin: 0;
140
+ padding: 0;
141
+ color: rgba(0, 0, 0, 0.88);
142
+ font-size: 14px;
143
+ line-height: 1.5714285714285714;
144
+ list-style: none;
145
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
146
+ margin-bottom: 0px;
147
+ vertical-align: top;
148
+ }
149
+
150
+ h2.uni-text-component, p.uni-text-component {
151
+ margin-bottom: 0;
152
+ }
153
+ button.uni-text-component {
154
+ padding: 5px 10px;
155
+ cursor: pointer;
156
+ }
157
+ .uni-text-component {
158
+ box-sizing: border-box;
159
+ white-space: pre-wrap;
160
+ }
161
+
162
+ .effect {
163
+ width: 100%;
164
+ height: 100%;
165
+ }
166
+
167
+ .like-button {
168
+ display: flex;
169
+ flex-direction: column;
170
+ align-items: center;
171
+ cursor: pointer;
172
+ }
173
+
174
+ .icon-heart {
175
+ font-size: 24px;
176
+ color: #e74c3c;
177
+ }
178
+
179
+ .liked {
180
+ color: #f00; /* 更改颜色以示已赞 */
181
+ }
182
+
183
+ .like-count {
184
+ margin-top: 4px;
185
+ font-size: 16px;
186
+ color: #333;
187
+ }
188
+
189
+ .uni-video-component {
190
+ position: relative;
191
+ text-align: center;
192
+ }
193
+ .play-pause-button {
194
+ position: absolute;
195
+ top: 50%;
196
+ left: 50%;
197
+ transform: translate(-50%, -50%);
198
+ cursor: pointer;
199
+ font-size: 2rem;
200
+ color: #fff;
201
+ background: rgba(0, 0, 0, 0.6);
202
+ border-radius: 50%;
203
+ padding: 10px;
204
+ transition: background 0.3s;
205
+ }
206
+ .play-pause-button:hover {
207
+ background: rgba(0, 0, 0, 0.8);
208
+ }
209
+
210
+ .slot-number {
211
+ position: absolute;
212
+ bottom: 2px;
213
+ left: 7px;
214
+ font-size: 12px;
215
+ color: #666
216
+ }
217
+
123
218
  #audio {
124
219
  position: absolute;
125
220
  right: 10px;
@@ -214,44 +309,6 @@ body, html {
214
309
  -webkit-transform: rotate(360deg);
215
310
  }
216
311
  }
217
-
218
- .uni-image-component {
219
- max-width: 100%;
220
- }
221
-
222
- .uni-video-component {
223
- position: relative;
224
- text-align: center;
225
- }
226
- .play-pause-button {
227
- position: absolute;
228
- top: 50%;
229
- left: 50%;
230
- transform: translate(-50%, -50%);
231
- cursor: pointer;
232
- font-size: 2rem;
233
- color: #fff;
234
- background: rgba(0, 0, 0, 0.6);
235
- border-radius: 50%;
236
- padding: 10px;
237
- transition: background 0.3s;
238
- }
239
- .play-pause-button:hover {
240
- background: rgba(0, 0, 0, 0.8);
241
- }
242
-
243
- .slot-number {
244
- position: absolute;
245
- bottom: 2px;
246
- left: 7px;
247
- font-size: 12px;
248
- color: #666
249
- }
250
-
251
- .effect {
252
- width: 100%;
253
- height: 100%;
254
- }
255
312
 
256
313
  .swiper-warp {
257
314
  width: 100%;
@@ -266,63 +323,6 @@ body, html {
266
323
  max-width: 100%;
267
324
  max-height: 100%;
268
325
  }
269
-
270
- .like-button {
271
- display: flex;
272
- flex-direction: column;
273
- align-items: center;
274
- cursor: pointer;
275
- }
276
-
277
- .icon-heart {
278
- font-size: 24px;
279
- color: #e74c3c;
280
- }
281
-
282
- .liked {
283
- color: #f00; /* 更改颜色以示已赞 */
284
- }
285
-
286
- .like-count {
287
- margin-top: 4px;
288
- font-size: 16px;
289
- color: #333;
290
- }
291
-
292
- .ant-input-number {
293
- box-sizing: border-box;
294
- margin: 0;
295
- padding: 0;
296
- color: rgba(0, 0, 0, 0.88);
297
- font-size: 14px;
298
- line-height: 1.5714285714285714;
299
- list-style: none;
300
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
301
- position: relative;
302
- display: inline-block;
303
- width: 100%;
304
- min-width: 0;
305
- background-color: #ffffff;
306
- background-image: none;
307
- border-width: 1px;
308
- border-style: solid;
309
- border-color: #d9d9d9;
310
- border-radius: 6px;
311
- transition: all 0.2s;
312
- border: 1px solid #d9d9d9;
313
- }
314
- .ant-form-item {
315
- box-sizing: border-box;
316
- margin: 0;
317
- padding: 0;
318
- color: rgba(0, 0, 0, 0.88);
319
- font-size: 14px;
320
- line-height: 1.5714285714285714;
321
- list-style: none;
322
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
323
- margin-bottom: 0px;
324
- vertical-align: top;
325
- }
326
326
  /**
327
327
  * Swiper 6.8.4
328
328
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -871,34 +871,221 @@ button.swiper-pagination-bullet {
871
871
  backface-visibility: hidden;
872
872
  }
873
873
 
874
- .unika-calendar-title {
875
- font-size: 25px;
876
- padding-bottom: 4px;
874
+
875
+ .no-animation__card {
876
+ font-weight: 500;
877
+ font-size: var(--countdown-size, 2rem);
878
+ line-height: 1.5;
879
+ display: block;
880
+ color: var(--main-color, #EC685C);
877
881
  }
878
- .unika-calendar-header {
879
- display: -webkit-box;
880
- display: -ms-flexbox;
881
- display: flex;
882
- -webkit-box-pack: justify;
883
- -ms-flex-pack: justify;
884
- justify-content: space-between;
885
- -webkit-box-align: end;
886
- -ms-flex-align: end;
887
- align-items: flex-end;
888
- line-height: 1;
889
- padding: 0 47px 20px;
882
+
883
+ .flip-clock {
884
+ text-align: center;
885
+ perspective: 600px;
886
+ margin: 0 auto;
890
887
  }
891
- .unika-calendar-header .disabled {
892
- pointer-events: none;
893
- color: #f0f0f0;
888
+
889
+ .flip-clock *,
890
+ .flip-clock *:before,
891
+ .flip-clock *:after {
892
+ box-sizing: border-box;
894
893
  }
895
- .unika-calendar-th {
896
- display: -webkit-box;
897
- display: -ms-flexbox;
898
- display: flex;
899
- -webkit-box-pack: start;
900
- -ms-flex-pack: start;
901
- justify-content: flex-start;
894
+
895
+ .flip-clock__piece {
896
+ display: inline-block;
897
+ margin: 0 0.2vw;
898
+ }
899
+
900
+ @media (min-width: 1000px) {
901
+ .flip-clock__piece {
902
+ margin: 0 5px;
903
+ }
904
+ }
905
+
906
+ .flip-clock__slot {
907
+ font-size: var(--label-size, 1rem);
908
+ line-height: 1.5;
909
+ display: block;
910
+ color: var(--label-color, #222222);
911
+ }
912
+
913
+ .flip-card {
914
+ display: block;
915
+ position: relative;
916
+ padding-bottom: 0.72em; /* halfHeight */
917
+ font-size: var(--countdown-size, 2.25rem);
918
+ line-height: 0.95;
919
+ }
920
+
921
+ @media (min-width: 1000px) {
922
+ .flip-clock__slot {
923
+ font-size: 1.2rem;
924
+ }
925
+
926
+ .flip-card {
927
+ font-size: 3rem;
928
+ }
929
+ }
930
+
931
+ .flip-card__top,
932
+ .flip-card__bottom,
933
+ .flip-card__back-bottom,
934
+ .flip-card__back::before,
935
+ .flip-card__back::after{
936
+ display: block;
937
+ height: 0.72em; /* halfHeight */
938
+ color: var(--main-color, #EC685C);
939
+ background: var(--main-flip-background-color, #222222);
940
+ padding: 0.23em 0.15em 0.4em;
941
+ border-radius: 0.15em 0.15em 0 0; /* borderRadius */
942
+ backface-visibility: hidden;
943
+ -webkit-backface-visibility: hidden;
944
+ transform-style: preserve-3d;
945
+ width: 2.1em;
946
+ }
947
+
948
+ .flip-card__top-4digits,
949
+ .flip-card__bottom-4digits,
950
+ .flip-card__back-bottom-4digits,
951
+ .flip-card__back-4digits::before,
952
+ .flip-card__back-4digits::after {
953
+ display: block;
954
+ height: 0.72em; /* halfHeight */
955
+ color: var(--main-color, #EC685C);
956
+ background: var(--main-flip-background-color, #222222);
957
+ padding: 0.23em 0.15em 0.4em;
958
+ border-radius: 0.15em 0.15em 0 0; /* borderRadius */
959
+ backface-visibility: hidden;
960
+ -webkit-backface-visibility: hidden;
961
+ transform-style: preserve-3d;
962
+ width: 2.65em;
963
+ }
964
+
965
+ .flip-card__bottom,
966
+ .flip-card__back-bottom,
967
+ .flip-card__bottom-4digits,
968
+ .flip-card__back-bottom-4digits {
969
+ color: var(--second-flip-color, #EC685C);
970
+ position: absolute;
971
+ top: 50%;
972
+ left: 0;
973
+ border-top: solid 1px var(--second-flip-background-color, #000);
974
+ background: var(--second-flip-background-color, #393939);
975
+ border-radius: 0 0 0.15em 0.15em; /* borderRadius */
976
+ pointer-events: none;
977
+ overflow: hidden;
978
+ z-index: 2;
979
+ }
980
+
981
+ .flip-card__back-bottom,
982
+ .flip-card__back-bottom-4digits {
983
+ z-index: 1;
984
+ }
985
+
986
+ .flip-card__bottom::after,
987
+ .flip-card__back-bottom::after,
988
+ .flip-card__bottom-4digits::after,
989
+ .flip-card__back-bottom-4digits::after {
990
+ display: block;
991
+ margin-top: -0.72em; /* Negative halfHeight */
992
+ }
993
+ .flip-card__back::before,
994
+ .flip-card__bottom::after,
995
+ .flip-card__back-bottom::after,
996
+ .flip-card__back-4digits::before,
997
+ .flip-card__bottom-4digits::after,
998
+ .flip-card__back-bottom-4digits::after {
999
+ content: attr(data-value);
1000
+ }
1001
+
1002
+ .flip-card__back,
1003
+ .flip-card__back-4digits {
1004
+ position: absolute;
1005
+ top: 0;
1006
+ height: 100%;
1007
+ left: 0%;
1008
+ pointer-events: none;
1009
+ }
1010
+ .flip-card__back::before,
1011
+ .flip-card__back-4digits::before {
1012
+ position: relative;
1013
+ overflow: hidden;
1014
+ z-index: -1;
1015
+ }
1016
+
1017
+ .flip .flip-card__back::before,
1018
+ .flip .flip-card__back-4digits::before {
1019
+ z-index: 1;
1020
+ animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
1021
+ animation-fill-mode: both;
1022
+ transform-origin: center bottom;
1023
+ }
1024
+
1025
+ .flip .flip-card__bottom,
1026
+ .flip .flip-card__bottom-4digits {
1027
+ transform-origin: center top;
1028
+ animation-fill-mode: both;
1029
+ animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
1030
+ }
1031
+ @keyframes flipTop {
1032
+ 0% {
1033
+ transform: rotateX(0deg);
1034
+ z-index: 2;
1035
+ }
1036
+ 0%, 99% {
1037
+ opacity: 1;
1038
+ }
1039
+ 100% {
1040
+ transform: rotateX(-90deg);
1041
+ opacity: 0;
1042
+ }
1043
+ }
1044
+
1045
+ @keyframes flipBottom {
1046
+ 0%, 50% {
1047
+ z-index: -1;
1048
+ transform: rotateX(90deg);
1049
+ opacity: 0;
1050
+ }
1051
+ 51% {
1052
+ opacity: 1;
1053
+ }
1054
+ 100% {
1055
+ opacity: 1;
1056
+ transform: rotateX(0deg);
1057
+ z-index: 5;
1058
+ }
1059
+ }
1060
+
1061
+ .unika-calendar-title {
1062
+ font-size: 25px;
1063
+ padding-bottom: 4px;
1064
+ }
1065
+ .unika-calendar-header {
1066
+ display: -webkit-box;
1067
+ display: -ms-flexbox;
1068
+ display: flex;
1069
+ -webkit-box-pack: justify;
1070
+ -ms-flex-pack: justify;
1071
+ justify-content: space-between;
1072
+ -webkit-box-align: end;
1073
+ -ms-flex-align: end;
1074
+ align-items: flex-end;
1075
+ line-height: 1;
1076
+ padding: 0 47px 20px;
1077
+ }
1078
+ .unika-calendar-header .disabled {
1079
+ pointer-events: none;
1080
+ color: #f0f0f0;
1081
+ }
1082
+ .unika-calendar-th {
1083
+ display: -webkit-box;
1084
+ display: -ms-flexbox;
1085
+ display: flex;
1086
+ -webkit-box-pack: start;
1087
+ -ms-flex-pack: start;
1088
+ justify-content: flex-start;
902
1089
  height: 25px;
903
1090
  line-height: 25px;
904
1091
  padding: 0 10px;
@@ -1122,190 +1309,3 @@ button.swiper-pagination-bullet {
1122
1309
  padding: 0 0px;
1123
1310
  border-bottom: 1px solid
1124
1311
  }
1125
-
1126
-
1127
- .no-animation__card {
1128
- font-weight: 500;
1129
- font-size: var(--countdown-size, 2rem);
1130
- line-height: 1.5;
1131
- display: block;
1132
- color: var(--main-color, #EC685C);
1133
- }
1134
-
1135
- .flip-clock {
1136
- text-align: center;
1137
- perspective: 600px;
1138
- margin: 0 auto;
1139
- }
1140
-
1141
- .flip-clock *,
1142
- .flip-clock *:before,
1143
- .flip-clock *:after {
1144
- box-sizing: border-box;
1145
- }
1146
-
1147
- .flip-clock__piece {
1148
- display: inline-block;
1149
- margin: 0 0.2vw;
1150
- }
1151
-
1152
- @media (min-width: 1000px) {
1153
- .flip-clock__piece {
1154
- margin: 0 5px;
1155
- }
1156
- }
1157
-
1158
- .flip-clock__slot {
1159
- font-size: var(--label-size, 1rem);
1160
- line-height: 1.5;
1161
- display: block;
1162
- color: var(--label-color, #222222);
1163
- }
1164
-
1165
- .flip-card {
1166
- display: block;
1167
- position: relative;
1168
- padding-bottom: 0.72em; /* halfHeight */
1169
- font-size: var(--countdown-size, 2.25rem);
1170
- line-height: 0.95;
1171
- }
1172
-
1173
- @media (min-width: 1000px) {
1174
- .flip-clock__slot {
1175
- font-size: 1.2rem;
1176
- }
1177
-
1178
- .flip-card {
1179
- font-size: 3rem;
1180
- }
1181
- }
1182
-
1183
- .flip-card__top,
1184
- .flip-card__bottom,
1185
- .flip-card__back-bottom,
1186
- .flip-card__back::before,
1187
- .flip-card__back::after{
1188
- display: block;
1189
- height: 0.72em; /* halfHeight */
1190
- color: var(--main-color, #EC685C);
1191
- background: var(--main-flip-background-color, #222222);
1192
- padding: 0.23em 0.15em 0.4em;
1193
- border-radius: 0.15em 0.15em 0 0; /* borderRadius */
1194
- backface-visibility: hidden;
1195
- -webkit-backface-visibility: hidden;
1196
- transform-style: preserve-3d;
1197
- width: 2.1em;
1198
- }
1199
-
1200
- .flip-card__top-4digits,
1201
- .flip-card__bottom-4digits,
1202
- .flip-card__back-bottom-4digits,
1203
- .flip-card__back-4digits::before,
1204
- .flip-card__back-4digits::after {
1205
- display: block;
1206
- height: 0.72em; /* halfHeight */
1207
- color: var(--main-color, #EC685C);
1208
- background: var(--main-flip-background-color, #222222);
1209
- padding: 0.23em 0.15em 0.4em;
1210
- border-radius: 0.15em 0.15em 0 0; /* borderRadius */
1211
- backface-visibility: hidden;
1212
- -webkit-backface-visibility: hidden;
1213
- transform-style: preserve-3d;
1214
- width: 2.65em;
1215
- }
1216
-
1217
- .flip-card__bottom,
1218
- .flip-card__back-bottom,
1219
- .flip-card__bottom-4digits,
1220
- .flip-card__back-bottom-4digits {
1221
- color: var(--second-flip-color, #EC685C);
1222
- position: absolute;
1223
- top: 50%;
1224
- left: 0;
1225
- border-top: solid 1px var(--second-flip-background-color, #000);
1226
- background: var(--second-flip-background-color, #393939);
1227
- border-radius: 0 0 0.15em 0.15em; /* borderRadius */
1228
- pointer-events: none;
1229
- overflow: hidden;
1230
- z-index: 2;
1231
- }
1232
-
1233
- .flip-card__back-bottom,
1234
- .flip-card__back-bottom-4digits {
1235
- z-index: 1;
1236
- }
1237
-
1238
- .flip-card__bottom::after,
1239
- .flip-card__back-bottom::after,
1240
- .flip-card__bottom-4digits::after,
1241
- .flip-card__back-bottom-4digits::after {
1242
- display: block;
1243
- margin-top: -0.72em; /* Negative halfHeight */
1244
- }
1245
- .flip-card__back::before,
1246
- .flip-card__bottom::after,
1247
- .flip-card__back-bottom::after,
1248
- .flip-card__back-4digits::before,
1249
- .flip-card__bottom-4digits::after,
1250
- .flip-card__back-bottom-4digits::after {
1251
- content: attr(data-value);
1252
- }
1253
-
1254
- .flip-card__back,
1255
- .flip-card__back-4digits {
1256
- position: absolute;
1257
- top: 0;
1258
- height: 100%;
1259
- left: 0%;
1260
- pointer-events: none;
1261
- }
1262
- .flip-card__back::before,
1263
- .flip-card__back-4digits::before {
1264
- position: relative;
1265
- overflow: hidden;
1266
- z-index: -1;
1267
- }
1268
-
1269
- .flip .flip-card__back::before,
1270
- .flip .flip-card__back-4digits::before {
1271
- z-index: 1;
1272
- animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
1273
- animation-fill-mode: both;
1274
- transform-origin: center bottom;
1275
- }
1276
-
1277
- .flip .flip-card__bottom,
1278
- .flip .flip-card__bottom-4digits {
1279
- transform-origin: center top;
1280
- animation-fill-mode: both;
1281
- animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
1282
- }
1283
- @keyframes flipTop {
1284
- 0% {
1285
- transform: rotateX(0deg);
1286
- z-index: 2;
1287
- }
1288
- 0%, 99% {
1289
- opacity: 1;
1290
- }
1291
- 100% {
1292
- transform: rotateX(-90deg);
1293
- opacity: 0;
1294
- }
1295
- }
1296
-
1297
- @keyframes flipBottom {
1298
- 0%, 50% {
1299
- z-index: -1;
1300
- transform: rotateX(90deg);
1301
- opacity: 0;
1302
- }
1303
- 51% {
1304
- opacity: 1;
1305
- }
1306
- 100% {
1307
- opacity: 1;
1308
- transform: rotateX(0deg);
1309
- z-index: 5;
1310
- }
1311
- }
@@ -5003,7 +5003,8 @@ const commonDefaultProps = {
5003
5003
  position: 'absolute',
5004
5004
  left: '0',
5005
5005
  top: '0',
5006
- right: '0'
5006
+ right: '0',
5007
+ transform: 'rotate(0deg)'
5007
5008
  };
5008
5009
  const textDefaultProps = {
5009
5010
  // basic props - font styles
@@ -5122,7 +5123,7 @@ const buttonDefaultProps = {
5122
5123
  fontColor: '#fff',
5123
5124
  backgroundColor: 'rgb(33, 147, 255)',
5124
5125
  buttonUrl: 'https://unika.cc',
5125
- buttonText: 'Link'
5126
+ buttonText: 'Link',
5126
5127
  };
5127
5128
  const likeDefaultProps = {
5128
5129
  ...commonDefaultProps
@@ -5136,7 +5137,8 @@ const effectDefaultProps = {
5136
5137
  opacity: 1,
5137
5138
  shape: ['image'],
5138
5139
  number: 100,
5139
- spead: 5
5140
+ spead: 5,
5141
+ transform: 'rotate(0deg)'
5140
5142
  };
5141
5143
  const registerFormDefaultProps = {
5142
5144
  left: '57px',
@@ -22532,6 +22534,10 @@ var script$7 = defineComponent({
22532
22534
  mapUrl: {
22533
22535
  type: String,
22534
22536
  default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
22537
+ },
22538
+ isEditing: {
22539
+ type: Boolean,
22540
+ default: false
22535
22541
  }
22536
22542
  },
22537
22543
  components: {},
@@ -22543,7 +22549,9 @@ var script$7 = defineComponent({
22543
22549
  const openMap = () => {
22544
22550
  // 替换为要拨打的电话号码
22545
22551
  // 使用电话链接打电话
22546
- window.location.href = props.mapUrl;
22552
+ if (!props.isEditing) {
22553
+ window.location.href = props.mapUrl;
22554
+ }
22547
22555
  };
22548
22556
  const iframeHtml = computed(() => {
22549
22557
  return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
@@ -22561,11 +22569,14 @@ const _hoisted_1$3 = ["innerHTML"];
22561
22569
 
22562
22570
  function render$8(_ctx, _cache, $props, $setup, $data, $options) {
22563
22571
  return (openBlock(), createElementBlock("div", {
22564
- style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'}),
22565
- innerHTML: _ctx.iframeHtml,
22566
- class: "uni-map-component",
22567
- onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22568
- }, null, 12 /* STYLE, PROPS */, _hoisted_1$3))
22572
+ style: normalizeStyle$1({ ..._ctx.styleProps, position: 'absolute'})
22573
+ }, [
22574
+ createElementVNode("div", {
22575
+ innerHTML: _ctx.iframeHtml,
22576
+ class: "uni-map-component",
22577
+ onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22578
+ }, null, 8 /* PROPS */, _hoisted_1$3)
22579
+ ], 4 /* STYLE */))
22569
22580
  }
22570
22581
 
22571
22582
  script$7.render = render$8;
@@ -5010,7 +5010,8 @@
5010
5010
  position: 'absolute',
5011
5011
  left: '0',
5012
5012
  top: '0',
5013
- right: '0'
5013
+ right: '0',
5014
+ transform: 'rotate(0deg)'
5014
5015
  };
5015
5016
  const textDefaultProps = {
5016
5017
  // basic props - font styles
@@ -5129,7 +5130,7 @@
5129
5130
  fontColor: '#fff',
5130
5131
  backgroundColor: 'rgb(33, 147, 255)',
5131
5132
  buttonUrl: 'https://unika.cc',
5132
- buttonText: 'Link'
5133
+ buttonText: 'Link',
5133
5134
  };
5134
5135
  const likeDefaultProps = {
5135
5136
  ...commonDefaultProps
@@ -5143,7 +5144,8 @@
5143
5144
  opacity: 1,
5144
5145
  shape: ['image'],
5145
5146
  number: 100,
5146
- spead: 5
5147
+ spead: 5,
5148
+ transform: 'rotate(0deg)'
5147
5149
  };
5148
5150
  const registerFormDefaultProps = {
5149
5151
  left: '57px',
@@ -22539,6 +22541,10 @@
22539
22541
  mapUrl: {
22540
22542
  type: String,
22541
22543
  default: 'https://maps.app.goo.gl/YZypYXfBVKvTXJ2R8'
22544
+ },
22545
+ isEditing: {
22546
+ type: Boolean,
22547
+ default: false
22542
22548
  }
22543
22549
  },
22544
22550
  components: {},
@@ -22550,7 +22556,9 @@
22550
22556
  const openMap = () => {
22551
22557
  // 替换为要拨打的电话号码
22552
22558
  // 使用电话链接打电话
22553
- window.location.href = props.mapUrl;
22559
+ if (!props.isEditing) {
22560
+ window.location.href = props.mapUrl;
22561
+ }
22554
22562
  };
22555
22563
  const iframeHtml = vue.computed(() => {
22556
22564
  return props.mapHtml.replace('width="600"', 'width="100%"').replace('height="450"', 'height="100%"');
@@ -22568,11 +22576,14 @@
22568
22576
 
22569
22577
  function render$8(_ctx, _cache, $props, $setup, $data, $options) {
22570
22578
  return (vue.openBlock(), vue.createElementBlock("div", {
22571
- style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'}),
22572
- innerHTML: _ctx.iframeHtml,
22573
- class: "uni-map-component",
22574
- onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22575
- }, null, 12 /* STYLE, PROPS */, _hoisted_1$3))
22579
+ style: vue.normalizeStyle({ ..._ctx.styleProps, position: 'absolute'})
22580
+ }, [
22581
+ vue.createElementVNode("div", {
22582
+ innerHTML: _ctx.iframeHtml,
22583
+ class: "uni-map-component",
22584
+ onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.openMap && _ctx.openMap(...args)))
22585
+ }, null, 8 /* PROPS */, _hoisted_1$3)
22586
+ ], 4 /* STYLE */))
22576
22587
  }
22577
22588
 
22578
22589
  script$7.render = render$8;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.78",
3
+ "version": "1.0.79",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",