unika-components 1.0.285 → 1.0.287

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.
@@ -105,7 +105,6 @@ export declare const commonDefaultProps: {
105
105
  position: string;
106
106
  left: string;
107
107
  top: string;
108
- right: string;
109
108
  transform: string;
110
109
  };
111
110
  export declare const textDefaultProps: {
@@ -126,7 +125,6 @@ export declare const textDefaultProps: {
126
125
  position: string;
127
126
  left: string;
128
127
  top: string;
129
- right: string;
130
128
  transform: string;
131
129
  text: string;
132
130
  fontSize: string;
@@ -157,7 +155,6 @@ export declare const imageDefaultProps: {
157
155
  position: string;
158
156
  left: string;
159
157
  top: string;
160
- right: string;
161
158
  transform: string;
162
159
  imageSrc: string;
163
160
  maskImage: string;
@@ -180,7 +177,6 @@ export declare const shapeDefaultProps: {
180
177
  position: string;
181
178
  left: string;
182
179
  top: string;
183
- right: string;
184
180
  transform: string;
185
181
  backgroundColor: string;
186
182
  };
@@ -193,10 +189,8 @@ export declare const backgroundDefaultProps: {
193
189
  backgroundPosition: string;
194
190
  zIndex: number;
195
191
  position: string;
196
- right: number;
197
- left: number;
198
- top: number;
199
- bottom: number;
192
+ left: string;
193
+ top: string;
200
194
  width: string;
201
195
  height: string;
202
196
  overflow: string;
@@ -246,16 +240,16 @@ export declare const buildUpDefaultProps: {
246
240
  export declare const calendarDefaultProps: {
247
241
  left: string;
248
242
  top: string;
249
- size: string;
250
243
  opacity: number;
251
244
  position: string;
252
- backgroundColor: string;
253
245
  borderRadius: string;
254
246
  borderColor: string;
255
247
  borderStyle: string;
256
248
  borderWidth: string;
257
249
  width: string;
258
250
  height: string;
251
+ backgroundColor: string;
252
+ size: string;
259
253
  date: string;
260
254
  dateColor: string;
261
255
  themeColor: string;
@@ -279,6 +273,7 @@ export declare const countdownDefaultProps: {
279
273
  size: string;
280
274
  flipAnimation: boolean;
281
275
  deadline: string;
276
+ transform: string;
282
277
  display: string;
283
278
  alignItems: string;
284
279
  justifyContent: string;
@@ -360,7 +355,6 @@ export declare const likeDefaultProps: {
360
355
  position: string;
361
356
  left: string;
362
357
  top: string;
363
- right: string;
364
358
  transform: string;
365
359
  };
366
360
  export declare const effectDefaultProps: {
@@ -386,9 +380,9 @@ export declare const registerFormDefaultProps: {
386
380
  borderStyle: string;
387
381
  borderWidth: string;
388
382
  borderColor: string;
383
+ opacity: number;
389
384
  backgroundColor: string;
390
385
  attendanceTimeList: string[];
391
- opacity: number;
392
386
  isPhoneNumber: boolean;
393
387
  buttonBackgroundColor: string;
394
388
  buttonFontColor: string;
@@ -453,7 +447,6 @@ export declare const componentsDefaultProps: {
453
447
  position: string;
454
448
  left: string;
455
449
  top: string;
456
- right: string;
457
450
  transform: string;
458
451
  text: string;
459
452
  fontSize: string;
@@ -486,7 +479,6 @@ export declare const componentsDefaultProps: {
486
479
  position: string;
487
480
  left: string;
488
481
  top: string;
489
- right: string;
490
482
  transform: string;
491
483
  imageSrc: string;
492
484
  maskImage: string;
@@ -511,7 +503,6 @@ export declare const componentsDefaultProps: {
511
503
  position: string;
512
504
  left: string;
513
505
  top: string;
514
- right: string;
515
506
  transform: string;
516
507
  backgroundColor: string;
517
508
  };
@@ -542,10 +533,8 @@ export declare const componentsDefaultProps: {
542
533
  backgroundPosition: string;
543
534
  zIndex: number;
544
535
  position: string;
545
- right: number;
546
- left: number;
547
- top: number;
548
- bottom: number;
536
+ left: string;
537
+ top: string;
549
538
  width: string;
550
539
  height: string;
551
540
  overflow: string;
@@ -580,16 +569,16 @@ export declare const componentsDefaultProps: {
580
569
  props: {
581
570
  left: string;
582
571
  top: string;
583
- size: string;
584
572
  opacity: number;
585
573
  position: string;
586
- backgroundColor: string;
587
574
  borderRadius: string;
588
575
  borderColor: string;
589
576
  borderStyle: string;
590
577
  borderWidth: string;
591
578
  width: string;
592
579
  height: string;
580
+ backgroundColor: string;
581
+ size: string;
593
582
  date: string;
594
583
  dateColor: string;
595
584
  themeColor: string;
@@ -615,6 +604,7 @@ export declare const componentsDefaultProps: {
615
604
  size: string;
616
605
  flipAnimation: boolean;
617
606
  deadline: string;
607
+ transform: string;
618
608
  display: string;
619
609
  alignItems: string;
620
610
  justifyContent: string;
@@ -681,7 +671,6 @@ export declare const componentsDefaultProps: {
681
671
  position: string;
682
672
  left: string;
683
673
  top: string;
684
- right: string;
685
674
  transform: string;
686
675
  };
687
676
  };
@@ -711,9 +700,9 @@ export declare const componentsDefaultProps: {
711
700
  borderStyle: string;
712
701
  borderWidth: string;
713
702
  borderColor: string;
703
+ opacity: number;
714
704
  backgroundColor: string;
715
705
  attendanceTimeList: string[];
716
- opacity: number;
717
706
  isPhoneNumber: boolean;
718
707
  buttonBackgroundColor: string;
719
708
  buttonFontColor: string;
@@ -1,4 +1,11 @@
1
1
 
2
+ .uni-image-component {
3
+ max-width: 100%;
4
+ }
5
+ .uni-image-mask-wrapper {
6
+ display: inline-block;
7
+ }
8
+
2
9
  h2.uni-text-component, p.uni-text-component {
3
10
  margin-top: 0;
4
11
  margin-bottom: 0;
@@ -11,13 +18,6 @@ button.uni-text-component {
11
18
  box-sizing: border-box;
12
19
  white-space: pre-wrap;
13
20
  }
14
-
15
- .uni-image-component {
16
- max-width: 100%;
17
- }
18
- .uni-image-mask-wrapper {
19
- display: inline-block;
20
- }
21
21
 
22
22
  .uni-video-component {
23
23
  position: relative;
@@ -39,32 +39,6 @@ button.uni-text-component {
39
39
  .play-pause-button:hover {
40
40
  background: rgba(0, 0, 0, 0.8);
41
41
  }
42
-
43
-
44
- .uni-calendar-component {
45
-
46
- }
47
- .slot-number {
48
- position: absolute;
49
- bottom: 2px;
50
- left: 7px;
51
- font-size: 12px;
52
- color: #666
53
- }
54
-
55
- .swiper-warp {
56
- width: 100%;
57
- height: 100%;
58
- }
59
-
60
- .swiper-slide-component {
61
- text-align: center;
62
- }
63
-
64
- .swiper-slide img {
65
- max-width: 100%;
66
- max-height: 100%;
67
- }
68
42
 
69
43
  .slide-guide {
70
44
  position: absolute;
@@ -150,6 +124,11 @@ body, html {
150
124
  position: static !important;
151
125
  }
152
126
 
127
+ .uni-lotties-component {
128
+ width: 100%;
129
+ height: 100%;
130
+ }
131
+
153
132
  .like-button {
154
133
  display: flex;
155
134
  flex-direction: column;
@@ -172,6 +151,37 @@ body, html {
172
151
  color: #333;
173
152
  }
174
153
 
154
+
155
+ .uni-calendar-component {
156
+
157
+ }
158
+ .slot-number {
159
+ position: absolute;
160
+ bottom: 2px;
161
+ left: 7px;
162
+ font-size: 12px;
163
+ color: #666
164
+ }
165
+
166
+ .effect {
167
+ width: 100%;
168
+ height: 100%;
169
+ }
170
+
171
+ .swiper-warp {
172
+ width: 100%;
173
+ height: 100%;
174
+ }
175
+
176
+ .swiper-slide-component {
177
+ text-align: center;
178
+ }
179
+
180
+ .swiper-slide img {
181
+ max-width: 100%;
182
+ max-height: 100%;
183
+ }
184
+
175
185
  .ant-input-number {
176
186
  box-sizing: border-box;
177
187
  margin: 0;
@@ -206,23 +216,13 @@ body, html {
206
216
  margin-bottom: 0px;
207
217
  vertical-align: top;
208
218
  }
209
-
210
- .effect {
211
- width: 100%;
212
- height: 100%;
213
- }
214
-
215
- .uni-lotties-component {
216
- width: 100%;
217
- height: 100%;
218
- }
219
-
220
- .uni-build-up-component {
221
- }
222
219
 
223
220
  .uni-svg-component {
224
221
  display: inline-block;
225
222
  }
223
+
224
+ .uni-build-up-component {
225
+ }
226
226
  /**
227
227
  * Swiper 6.8.4
228
228
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -771,6 +771,193 @@ button.swiper-pagination-bullet {
771
771
  backface-visibility: hidden;
772
772
  }
773
773
 
774
+
775
+ .no-animation__card {
776
+ font-weight: 500;
777
+ font-size: var(--countdown-size, 2rem);
778
+ line-height: 1.5;
779
+ display: block;
780
+ color: var(--main-color, #EC685C);
781
+ }
782
+
783
+ .flip-clock {
784
+ text-align: center;
785
+ perspective: 600px;
786
+ margin: 0 auto;
787
+ }
788
+
789
+ .flip-clock *,
790
+ .flip-clock *:before,
791
+ .flip-clock *:after {
792
+ box-sizing: border-box;
793
+ }
794
+
795
+ .flip-clock__piece {
796
+ display: inline-block;
797
+ margin: 0 0.2vw;
798
+ }
799
+
800
+ @media (min-width: 1000px) {
801
+ .flip-clock__piece {
802
+ margin: 0 5px;
803
+ }
804
+ }
805
+
806
+ .flip-clock__slot {
807
+ font-size: var(--label-size, 1rem);
808
+ line-height: 1.5;
809
+ display: block;
810
+ color: var(--label-color, #222222);
811
+ }
812
+
813
+ .flip-card {
814
+ display: block;
815
+ position: relative;
816
+ padding-bottom: 0.72em; /* halfHeight */
817
+ font-size: var(--countdown-size, 2.25rem);
818
+ line-height: 0.95;
819
+ }
820
+
821
+ @media (min-width: 1000px) {
822
+ .flip-clock__slot {
823
+ font-size: 1.2rem;
824
+ }
825
+
826
+ .flip-card {
827
+ font-size: 3rem;
828
+ }
829
+ }
830
+
831
+ .flip-card__top,
832
+ .flip-card__bottom,
833
+ .flip-card__back-bottom,
834
+ .flip-card__back::before,
835
+ .flip-card__back::after{
836
+ display: block;
837
+ height: 0.72em; /* halfHeight */
838
+ color: var(--main-color, #EC685C);
839
+ background: var(--main-flip-background-color, #222222);
840
+ padding: 0.23em 0.15em 0.4em;
841
+ border-radius: 0.15em 0.15em 0 0; /* borderRadius */
842
+ backface-visibility: hidden;
843
+ -webkit-backface-visibility: hidden;
844
+ transform-style: preserve-3d;
845
+ width: 2.1em;
846
+ }
847
+
848
+ .flip-card__top-4digits,
849
+ .flip-card__bottom-4digits,
850
+ .flip-card__back-bottom-4digits,
851
+ .flip-card__back-4digits::before,
852
+ .flip-card__back-4digits::after {
853
+ display: block;
854
+ height: 0.72em; /* halfHeight */
855
+ color: var(--main-color, #EC685C);
856
+ background: var(--main-flip-background-color, #222222);
857
+ padding: 0.23em 0.15em 0.4em;
858
+ border-radius: 0.15em 0.15em 0 0; /* borderRadius */
859
+ backface-visibility: hidden;
860
+ -webkit-backface-visibility: hidden;
861
+ transform-style: preserve-3d;
862
+ width: 2.65em;
863
+ }
864
+
865
+ .flip-card__bottom,
866
+ .flip-card__back-bottom,
867
+ .flip-card__bottom-4digits,
868
+ .flip-card__back-bottom-4digits {
869
+ color: var(--second-flip-color, #EC685C);
870
+ position: absolute;
871
+ top: 50%;
872
+ left: 0;
873
+ border-top: solid 1px var(--second-flip-background-color, #000);
874
+ background: var(--second-flip-background-color, #393939);
875
+ border-radius: 0 0 0.15em 0.15em; /* borderRadius */
876
+ pointer-events: none;
877
+ overflow: hidden;
878
+ z-index: 2;
879
+ }
880
+
881
+ .flip-card__back-bottom,
882
+ .flip-card__back-bottom-4digits {
883
+ z-index: 1;
884
+ }
885
+
886
+ .flip-card__bottom::after,
887
+ .flip-card__back-bottom::after,
888
+ .flip-card__bottom-4digits::after,
889
+ .flip-card__back-bottom-4digits::after {
890
+ display: block;
891
+ margin-top: -0.72em; /* Negative halfHeight */
892
+ }
893
+ .flip-card__back::before,
894
+ .flip-card__bottom::after,
895
+ .flip-card__back-bottom::after,
896
+ .flip-card__back-4digits::before,
897
+ .flip-card__bottom-4digits::after,
898
+ .flip-card__back-bottom-4digits::after {
899
+ content: attr(data-value);
900
+ }
901
+
902
+ .flip-card__back,
903
+ .flip-card__back-4digits {
904
+ position: absolute;
905
+ top: 0;
906
+ height: 100%;
907
+ left: 0%;
908
+ pointer-events: none;
909
+ }
910
+ .flip-card__back::before,
911
+ .flip-card__back-4digits::before {
912
+ position: relative;
913
+ overflow: hidden;
914
+ z-index: -1;
915
+ }
916
+
917
+ .flip .flip-card__back::before,
918
+ .flip .flip-card__back-4digits::before {
919
+ z-index: 1;
920
+ animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
921
+ animation-fill-mode: both;
922
+ transform-origin: center bottom;
923
+ }
924
+
925
+ .flip .flip-card__bottom,
926
+ .flip .flip-card__bottom-4digits {
927
+ transform-origin: center top;
928
+ animation-fill-mode: both;
929
+ animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
930
+ }
931
+ @keyframes flipTop {
932
+ 0% {
933
+ transform: rotateX(0deg);
934
+ z-index: 2;
935
+ }
936
+ 0%, 99% {
937
+ opacity: 1;
938
+ }
939
+ 100% {
940
+ transform: rotateX(-90deg);
941
+ opacity: 0;
942
+ }
943
+ }
944
+
945
+ @keyframes flipBottom {
946
+ 0%, 50% {
947
+ z-index: -1;
948
+ transform: rotateX(90deg);
949
+ opacity: 0;
950
+ }
951
+ 51% {
952
+ opacity: 1;
953
+ }
954
+ 100% {
955
+ opacity: 1;
956
+ transform: rotateX(0deg);
957
+ z-index: 5;
958
+ }
959
+ }
960
+
774
961
  .unika-calendar-box {
775
962
  position: relative;
776
963
  width: 325px !important;
@@ -1031,190 +1218,3 @@ button.swiper-pagination-bullet {
1031
1218
  padding: 0 0px;
1032
1219
  border-bottom: 1px solid
1033
1220
  }
1034
-
1035
-
1036
- .no-animation__card {
1037
- font-weight: 500;
1038
- font-size: var(--countdown-size, 2rem);
1039
- line-height: 1.5;
1040
- display: block;
1041
- color: var(--main-color, #EC685C);
1042
- }
1043
-
1044
- .flip-clock {
1045
- text-align: center;
1046
- perspective: 600px;
1047
- margin: 0 auto;
1048
- }
1049
-
1050
- .flip-clock *,
1051
- .flip-clock *:before,
1052
- .flip-clock *:after {
1053
- box-sizing: border-box;
1054
- }
1055
-
1056
- .flip-clock__piece {
1057
- display: inline-block;
1058
- margin: 0 0.2vw;
1059
- }
1060
-
1061
- @media (min-width: 1000px) {
1062
- .flip-clock__piece {
1063
- margin: 0 5px;
1064
- }
1065
- }
1066
-
1067
- .flip-clock__slot {
1068
- font-size: var(--label-size, 1rem);
1069
- line-height: 1.5;
1070
- display: block;
1071
- color: var(--label-color, #222222);
1072
- }
1073
-
1074
- .flip-card {
1075
- display: block;
1076
- position: relative;
1077
- padding-bottom: 0.72em; /* halfHeight */
1078
- font-size: var(--countdown-size, 2.25rem);
1079
- line-height: 0.95;
1080
- }
1081
-
1082
- @media (min-width: 1000px) {
1083
- .flip-clock__slot {
1084
- font-size: 1.2rem;
1085
- }
1086
-
1087
- .flip-card {
1088
- font-size: 3rem;
1089
- }
1090
- }
1091
-
1092
- .flip-card__top,
1093
- .flip-card__bottom,
1094
- .flip-card__back-bottom,
1095
- .flip-card__back::before,
1096
- .flip-card__back::after{
1097
- display: block;
1098
- height: 0.72em; /* halfHeight */
1099
- color: var(--main-color, #EC685C);
1100
- background: var(--main-flip-background-color, #222222);
1101
- padding: 0.23em 0.15em 0.4em;
1102
- border-radius: 0.15em 0.15em 0 0; /* borderRadius */
1103
- backface-visibility: hidden;
1104
- -webkit-backface-visibility: hidden;
1105
- transform-style: preserve-3d;
1106
- width: 2.1em;
1107
- }
1108
-
1109
- .flip-card__top-4digits,
1110
- .flip-card__bottom-4digits,
1111
- .flip-card__back-bottom-4digits,
1112
- .flip-card__back-4digits::before,
1113
- .flip-card__back-4digits::after {
1114
- display: block;
1115
- height: 0.72em; /* halfHeight */
1116
- color: var(--main-color, #EC685C);
1117
- background: var(--main-flip-background-color, #222222);
1118
- padding: 0.23em 0.15em 0.4em;
1119
- border-radius: 0.15em 0.15em 0 0; /* borderRadius */
1120
- backface-visibility: hidden;
1121
- -webkit-backface-visibility: hidden;
1122
- transform-style: preserve-3d;
1123
- width: 2.65em;
1124
- }
1125
-
1126
- .flip-card__bottom,
1127
- .flip-card__back-bottom,
1128
- .flip-card__bottom-4digits,
1129
- .flip-card__back-bottom-4digits {
1130
- color: var(--second-flip-color, #EC685C);
1131
- position: absolute;
1132
- top: 50%;
1133
- left: 0;
1134
- border-top: solid 1px var(--second-flip-background-color, #000);
1135
- background: var(--second-flip-background-color, #393939);
1136
- border-radius: 0 0 0.15em 0.15em; /* borderRadius */
1137
- pointer-events: none;
1138
- overflow: hidden;
1139
- z-index: 2;
1140
- }
1141
-
1142
- .flip-card__back-bottom,
1143
- .flip-card__back-bottom-4digits {
1144
- z-index: 1;
1145
- }
1146
-
1147
- .flip-card__bottom::after,
1148
- .flip-card__back-bottom::after,
1149
- .flip-card__bottom-4digits::after,
1150
- .flip-card__back-bottom-4digits::after {
1151
- display: block;
1152
- margin-top: -0.72em; /* Negative halfHeight */
1153
- }
1154
- .flip-card__back::before,
1155
- .flip-card__bottom::after,
1156
- .flip-card__back-bottom::after,
1157
- .flip-card__back-4digits::before,
1158
- .flip-card__bottom-4digits::after,
1159
- .flip-card__back-bottom-4digits::after {
1160
- content: attr(data-value);
1161
- }
1162
-
1163
- .flip-card__back,
1164
- .flip-card__back-4digits {
1165
- position: absolute;
1166
- top: 0;
1167
- height: 100%;
1168
- left: 0%;
1169
- pointer-events: none;
1170
- }
1171
- .flip-card__back::before,
1172
- .flip-card__back-4digits::before {
1173
- position: relative;
1174
- overflow: hidden;
1175
- z-index: -1;
1176
- }
1177
-
1178
- .flip .flip-card__back::before,
1179
- .flip .flip-card__back-4digits::before {
1180
- z-index: 1;
1181
- animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
1182
- animation-fill-mode: both;
1183
- transform-origin: center bottom;
1184
- }
1185
-
1186
- .flip .flip-card__bottom,
1187
- .flip .flip-card__bottom-4digits {
1188
- transform-origin: center top;
1189
- animation-fill-mode: both;
1190
- animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
1191
- }
1192
- @keyframes flipTop {
1193
- 0% {
1194
- transform: rotateX(0deg);
1195
- z-index: 2;
1196
- }
1197
- 0%, 99% {
1198
- opacity: 1;
1199
- }
1200
- 100% {
1201
- transform: rotateX(-90deg);
1202
- opacity: 0;
1203
- }
1204
- }
1205
-
1206
- @keyframes flipBottom {
1207
- 0%, 50% {
1208
- z-index: -1;
1209
- transform: rotateX(90deg);
1210
- opacity: 0;
1211
- }
1212
- 51% {
1213
- opacity: 1;
1214
- }
1215
- 100% {
1216
- opacity: 1;
1217
- transform: rotateX(0deg);
1218
- z-index: 5;
1219
- }
1220
- }
@@ -4993,7 +4993,7 @@ const commonDefaultProps = {
4993
4993
  paddingBottom: '0px',
4994
4994
  // border type
4995
4995
  borderStyle: 'none',
4996
- borderColor: '#000',
4996
+ borderColor: '#000000',
4997
4997
  borderWidth: '0',
4998
4998
  borderRadius: '0',
4999
4999
  // shadow and opacity
@@ -5001,9 +5001,8 @@ const commonDefaultProps = {
5001
5001
  opacity: 1,
5002
5002
  // position and x,y
5003
5003
  position: 'absolute',
5004
- left: '0',
5005
- top: '0',
5006
- right: '0',
5004
+ left: '0px',
5005
+ top: '0px',
5007
5006
  transform: 'rotate(0deg)'
5008
5007
  };
5009
5008
  const textDefaultProps = {
@@ -5038,10 +5037,8 @@ const backgroundDefaultProps = {
5038
5037
  backgroundPosition: '50% 50%',
5039
5038
  zIndex: 0,
5040
5039
  position: 'absolute',
5041
- right: 0,
5042
- left: 0,
5043
- top: 0,
5044
- bottom: 0,
5040
+ left: '0px',
5041
+ top: '0px',
5045
5042
  width: '100%',
5046
5043
  height: '100%',
5047
5044
  overflow: 'hidden',
@@ -5091,16 +5088,16 @@ const buildUpDefaultProps = {
5091
5088
  const calendarDefaultProps = {
5092
5089
  left: '25px',
5093
5090
  top: '204.5px',
5094
- size: 'middle',
5095
5091
  opacity: 1,
5096
5092
  position: 'absolute',
5097
- backgroundColor: 'rgb(255, 255, 255)',
5098
5093
  borderRadius: '0px',
5099
5094
  borderColor: 'rgb(237, 85, 102)',
5100
5095
  borderStyle: 'solid',
5101
5096
  borderWidth: '2px',
5102
5097
  width: '325px',
5103
5098
  height: '325px',
5099
+ backgroundColor: 'rgb(255, 255, 255)',
5100
+ size: 'middle',
5104
5101
  date: '2024-05-21',
5105
5102
  dateColor: '#000000',
5106
5103
  themeColor: 'rgb(237, 85, 102)',
@@ -5124,6 +5121,7 @@ const countdownDefaultProps = {
5124
5121
  size: 'small',
5125
5122
  flipAnimation: true,
5126
5123
  deadline: '2024-09-21 12:00:00',
5124
+ transform: 'rotate(0deg)',
5127
5125
  display: 'flex',
5128
5126
  alignItems: 'center',
5129
5127
  justifyContent: 'center' /* 水平居中,可选 */
@@ -5213,9 +5211,9 @@ const registerFormDefaultProps = {
5213
5211
  borderStyle: 'solid',
5214
5212
  borderWidth: '2px',
5215
5213
  borderColor: 'blue',
5214
+ opacity: 1,
5216
5215
  backgroundColor: 'rgb(33, 147, 255)',
5217
5216
  attendanceTimeList: ['Evening'],
5218
- opacity: 1,
5219
5217
  isPhoneNumber: true,
5220
5218
  buttonBackgroundColor: 'blue',
5221
5219
  buttonFontColor: 'black',
@@ -26323,7 +26321,7 @@ script$8.install = (app) => {
26323
26321
  };
26324
26322
 
26325
26323
  const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
26326
- const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
26324
+ const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead', 'id');
26327
26325
  // import Particles from './Particles.vue'
26328
26326
  // array that contains style props
26329
26327
  var script$7 = defineComponent({
@@ -54132,9 +54130,7 @@ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
54132
54130
  style: normalizeStyle$1(_ctx.styleProps),
54133
54131
  class: "uni-register-form-component inner-component"
54134
54132
  }, [
54135
- createElementVNode("h3", {
54136
- style: normalizeStyle$1({ color: _ctx.titleFontColor, textAlign: 'center' })
54137
- }, "出席人数登记表单", 4 /* STYLE */),
54133
+ createCommentVNode(" <h3 :style=\"{ color: titleFontColor, textAlign: 'center' }\">出席人数登记表单</h3>"),
54138
54134
  createVNode(_component_a_form, {
54139
54135
  "label-col": _ctx.labelCol,
54140
54136
  "wrapper-col": _ctx.wrapperCol,
@@ -5000,7 +5000,7 @@
5000
5000
  paddingBottom: '0px',
5001
5001
  // border type
5002
5002
  borderStyle: 'none',
5003
- borderColor: '#000',
5003
+ borderColor: '#000000',
5004
5004
  borderWidth: '0',
5005
5005
  borderRadius: '0',
5006
5006
  // shadow and opacity
@@ -5008,9 +5008,8 @@
5008
5008
  opacity: 1,
5009
5009
  // position and x,y
5010
5010
  position: 'absolute',
5011
- left: '0',
5012
- top: '0',
5013
- right: '0',
5011
+ left: '0px',
5012
+ top: '0px',
5014
5013
  transform: 'rotate(0deg)'
5015
5014
  };
5016
5015
  const textDefaultProps = {
@@ -5045,10 +5044,8 @@
5045
5044
  backgroundPosition: '50% 50%',
5046
5045
  zIndex: 0,
5047
5046
  position: 'absolute',
5048
- right: 0,
5049
- left: 0,
5050
- top: 0,
5051
- bottom: 0,
5047
+ left: '0px',
5048
+ top: '0px',
5052
5049
  width: '100%',
5053
5050
  height: '100%',
5054
5051
  overflow: 'hidden',
@@ -5098,16 +5095,16 @@
5098
5095
  const calendarDefaultProps = {
5099
5096
  left: '25px',
5100
5097
  top: '204.5px',
5101
- size: 'middle',
5102
5098
  opacity: 1,
5103
5099
  position: 'absolute',
5104
- backgroundColor: 'rgb(255, 255, 255)',
5105
5100
  borderRadius: '0px',
5106
5101
  borderColor: 'rgb(237, 85, 102)',
5107
5102
  borderStyle: 'solid',
5108
5103
  borderWidth: '2px',
5109
5104
  width: '325px',
5110
5105
  height: '325px',
5106
+ backgroundColor: 'rgb(255, 255, 255)',
5107
+ size: 'middle',
5111
5108
  date: '2024-05-21',
5112
5109
  dateColor: '#000000',
5113
5110
  themeColor: 'rgb(237, 85, 102)',
@@ -5131,6 +5128,7 @@
5131
5128
  size: 'small',
5132
5129
  flipAnimation: true,
5133
5130
  deadline: '2024-09-21 12:00:00',
5131
+ transform: 'rotate(0deg)',
5134
5132
  display: 'flex',
5135
5133
  alignItems: 'center',
5136
5134
  justifyContent: 'center' /* 水平居中,可选 */
@@ -5220,9 +5218,9 @@
5220
5218
  borderStyle: 'solid',
5221
5219
  borderWidth: '2px',
5222
5220
  borderColor: 'blue',
5221
+ opacity: 1,
5223
5222
  backgroundColor: 'rgb(33, 147, 255)',
5224
5223
  attendanceTimeList: ['Evening'],
5225
- opacity: 1,
5226
5224
  isPhoneNumber: true,
5227
5225
  buttonBackgroundColor: 'blue',
5228
5226
  buttonFontColor: 'black',
@@ -26330,7 +26328,7 @@
26330
26328
  };
26331
26329
 
26332
26330
  const defaultProps$6 = transformToComponentProps(componentsDefaultProps['uni-effect'].props, isEditingProp);
26333
- const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead');
26331
+ const defaultStyles$5 = without$1(Object.keys(effectDefaultProps), 'actionType', 'url', 'shape', 'number', 'spead', 'id');
26334
26332
  // import Particles from './Particles.vue'
26335
26333
  // array that contains style props
26336
26334
  var script$7 = vue.defineComponent({
@@ -54139,9 +54137,7 @@ summary tabindex target title type usemap value width wmode wrap`;
54139
54137
  style: vue.normalizeStyle(_ctx.styleProps),
54140
54138
  class: "uni-register-form-component inner-component"
54141
54139
  }, [
54142
- vue.createElementVNode("h3", {
54143
- style: vue.normalizeStyle({ color: _ctx.titleFontColor, textAlign: 'center' })
54144
- }, "出席人数登记表单", 4 /* STYLE */),
54140
+ vue.createCommentVNode(" <h3 :style=\"{ color: titleFontColor, textAlign: 'center' }\">出席人数登记表单</h3>"),
54145
54141
  vue.createVNode(_component_a_form, {
54146
54142
  "label-col": _ctx.labelCol,
54147
54143
  "wrapper-col": _ctx.wrapperCol,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.285",
3
+ "version": "1.0.287",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",