unika-components 1.0.138 → 1.0.139

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 (4) hide show
  1. package/dist/unika-components.css +330 -330
  2. package/dist/unika-components.esm.js +11 -8
  3. package/dist/unika-components.umd.js +11 -8
  4. package/package.json +1 -1
package/dist/unika-components.css CHANGED
@@ -3,6 +3,39 @@
3
3
  max-width: 100%;
4
4
  }
5
5
 
6
+ h2.uni-text-component, p.uni-text-component {
7
+ margin-bottom: 0;
8
+ }
9
+ button.uni-text-component {
10
+ padding: 5px 10px;
11
+ cursor: pointer;
12
+ }
13
+ .uni-text-component {
14
+ box-sizing: border-box;
15
+ white-space: pre-wrap;
16
+ }
17
+
18
+ .uni-video-component {
19
+ position: relative;
20
+ text-align: center;
21
+ }
22
+ .play-pause-button {
23
+ position: absolute;
24
+ top: 50%;
25
+ left: 50%;
26
+ transform: translate(-50%, -50%);
27
+ cursor: pointer;
28
+ font-size: 2rem;
29
+ color: #fff;
30
+ background: rgba(0, 0, 0, 0.6);
31
+ border-radius: 50%;
32
+ padding: 10px;
33
+ transition: background 0.3s;
34
+ }
35
+ .play-pause-button:hover {
36
+ background: rgba(0, 0, 0, 0.8);
37
+ }
38
+
6
39
  .slide-guide {
7
40
  position: absolute;
8
41
  bottom: 90px;
@@ -75,39 +108,6 @@ body, html {
75
108
  transform: translate3d(-50%, -50%, 0);
76
109
  }
77
110
  }
78
-
79
- h2.uni-text-component, p.uni-text-component {
80
- margin-bottom: 0;
81
- }
82
- button.uni-text-component {
83
- padding: 5px 10px;
84
- cursor: pointer;
85
- }
86
- .uni-text-component {
87
- box-sizing: border-box;
88
- white-space: pre-wrap;
89
- }
90
-
91
- .uni-video-component {
92
- position: relative;
93
- text-align: center;
94
- }
95
- .play-pause-button {
96
- position: absolute;
97
- top: 50%;
98
- left: 50%;
99
- transform: translate(-50%, -50%);
100
- cursor: pointer;
101
- font-size: 2rem;
102
- color: #fff;
103
- background: rgba(0, 0, 0, 0.6);
104
- border-radius: 50%;
105
- padding: 10px;
106
- transition: background 0.3s;
107
- }
108
- .play-pause-button:hover {
109
- background: rgba(0, 0, 0, 0.8);
110
- }
111
111
 
112
112
 
113
113
  .uni-calendar-component {
@@ -121,46 +121,6 @@ button.uni-text-component {
121
121
  color: #666
122
122
  }
123
123
 
124
- .ant-input-number {
125
- box-sizing: border-box;
126
- margin: 0;
127
- padding: 0;
128
- color: rgba(0, 0, 0, 0.88);
129
- font-size: 14px;
130
- line-height: 1.5714285714285714;
131
- list-style: none;
132
- 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';
133
- position: relative;
134
- display: inline-block;
135
- width: 100%;
136
- min-width: 0;
137
- background-color: #ffffff;
138
- background-image: none;
139
- border-width: 1px;
140
- border-style: solid;
141
- border-color: #d9d9d9;
142
- border-radius: 6px;
143
- transition: all 0.2s;
144
- border: 1px solid #d9d9d9;
145
- }
146
- .ant-form-item {
147
- box-sizing: border-box;
148
- margin: 0;
149
- padding: 0;
150
- color: rgba(0, 0, 0, 0.88);
151
- font-size: 14px;
152
- line-height: 1.5714285714285714;
153
- list-style: none;
154
- 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';
155
- margin-bottom: 0px;
156
- vertical-align: top;
157
- }
158
-
159
- .effect {
160
- width: 100%;
161
- height: 100%;
162
- }
163
-
164
124
  .like-button {
165
125
  display: flex;
166
126
  flex-direction: column;
@@ -183,6 +143,11 @@ button.uni-text-component {
183
143
  color: #333;
184
144
  }
185
145
 
146
+ .effect {
147
+ width: 100%;
148
+ height: 100%;
149
+ }
150
+
186
151
  .swiper-warp {
187
152
  width: 100%;
188
153
  height: 100%;
@@ -196,6 +161,41 @@ button.uni-text-component {
196
161
  max-width: 100%;
197
162
  max-height: 100%;
198
163
  }
164
+
165
+ .ant-input-number {
166
+ box-sizing: border-box;
167
+ margin: 0;
168
+ padding: 0;
169
+ color: rgba(0, 0, 0, 0.88);
170
+ font-size: 14px;
171
+ line-height: 1.5714285714285714;
172
+ list-style: none;
173
+ 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';
174
+ position: relative;
175
+ display: inline-block;
176
+ width: 100%;
177
+ min-width: 0;
178
+ background-color: #ffffff;
179
+ background-image: none;
180
+ border-width: 1px;
181
+ border-style: solid;
182
+ border-color: #d9d9d9;
183
+ border-radius: 6px;
184
+ transition: all 0.2s;
185
+ border: 1px solid #d9d9d9;
186
+ }
187
+ .ant-form-item {
188
+ box-sizing: border-box;
189
+ margin: 0;
190
+ padding: 0;
191
+ color: rgba(0, 0, 0, 0.88);
192
+ font-size: 14px;
193
+ line-height: 1.5714285714285714;
194
+ list-style: none;
195
+ 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';
196
+ margin-bottom: 0px;
197
+ vertical-align: top;
198
+ }
199
199
  /**
200
200
  * Swiper 6.8.4
201
201
  * Most modern mobile touch slider and framework with hardware accelerated transitions
@@ -744,271 +744,84 @@ button.swiper-pagination-bullet {
744
744
  backface-visibility: hidden;
745
745
  }
746
746
 
747
-
748
- .no-animation__card {
749
- font-weight: 500;
750
- font-size: var(--countdown-size, 2rem);
751
- line-height: 1.5;
752
- display: block;
753
- color: var(--main-color, #EC685C);
747
+ .unika-calendar-title {
748
+ font-size: 25px;
749
+ padding-bottom: 4px;
754
750
  }
755
-
756
- .flip-clock {
751
+ .unika-calendar-header {
752
+ display: -webkit-box;
753
+ display: -ms-flexbox;
754
+ display: flex;
755
+ -webkit-box-pack: justify;
756
+ -ms-flex-pack: justify;
757
+ justify-content: space-between;
758
+ -webkit-box-align: end;
759
+ -ms-flex-align: end;
760
+ align-items: flex-end;
761
+ line-height: 1;
762
+ padding: 0 47px 20px;
763
+ }
764
+ .unika-calendar-header .disabled {
765
+ pointer-events: none;
766
+ color: #f0f0f0;
767
+ }
768
+ .unika-calendar-th {
769
+ display: -webkit-box;
770
+ display: -ms-flexbox;
771
+ display: flex;
772
+ -webkit-box-pack: start;
773
+ -ms-flex-pack: start;
774
+ justify-content: flex-start;
775
+ height: 25px;
776
+ line-height: 25px;
777
+ padding: 0 10px;
778
+ border-radius: 13px
779
+ }
780
+ .unika-calendar-th > * {
781
+ width: 14.2%;
757
782
  text-align: center;
758
- perspective: 600px;
759
- margin: 0 auto;
783
+ color: #fff;
784
+ font-size: 15px;
760
785
  }
761
-
762
- .flip-clock *,
763
- .flip-clock *:before,
764
- .flip-clock *:after {
765
- box-sizing: border-box;
786
+ .unika-calendar-th > *:not(:first-child) {
787
+ margin-left: 10px;
766
788
  }
767
-
768
- .flip-clock__piece {
789
+ .unika-calendar-body {
790
+ padding: 0;
791
+ margin: 0;
792
+ font-size: 0;
793
+ padding: 5px 10px 0;
794
+ text-align: left;
795
+ }
796
+ .unika-calendar-editor {
797
+ font-size: 25px;
798
+ }
799
+ .unika-calendar-editor span {
800
+ position: relative;
801
+ top: 2px;
802
+ font-size: 57px;
803
+ }
804
+ .unika-calendar-day {
769
805
  display: inline-block;
770
- margin: 0 0.2vw;
806
+ width: 24px;
807
+ height: 24px;
808
+ line-height: 24px;
809
+ text-align: center;
810
+ font-size: 14px;
811
+ position: absolute;
812
+ border-radius: 50%;
771
813
  }
772
-
773
- @media (min-width: 1000px) {
774
- .flip-clock__piece {
775
- margin: 0 5px;
776
- }
814
+ .unika-calendar-row {
815
+ display: flex;
777
816
  }
778
-
779
- .flip-clock__slot {
780
- font-size: var(--label-size, 1rem);
781
- line-height: 1.5;
782
- display: block;
783
- color: var(--label-color, #222222);
817
+ .unika-calendar-row:not(:last-child) {
818
+ margin-bottom: 10px;
784
819
  }
785
-
786
- .flip-card {
787
- display: block;
788
- position: relative;
789
- padding-bottom: 0.72em; /* halfHeight */
790
- font-size: var(--countdown-size, 2.25rem);
791
- line-height: 0.95;
792
- }
793
-
794
- @media (min-width: 1000px) {
795
- .flip-clock__slot {
796
- font-size: 1.2rem;
797
- }
798
-
799
- .flip-card {
800
- font-size: 3rem;
801
- }
802
- }
803
-
804
- .flip-card__top,
805
- .flip-card__bottom,
806
- .flip-card__back-bottom,
807
- .flip-card__back::before,
808
- .flip-card__back::after{
809
- display: block;
810
- height: 0.72em; /* halfHeight */
811
- color: var(--main-color, #EC685C);
812
- background: var(--main-flip-background-color, #222222);
813
- padding: 0.23em 0.15em 0.4em;
814
- border-radius: 0.15em 0.15em 0 0; /* borderRadius */
815
- backface-visibility: hidden;
816
- -webkit-backface-visibility: hidden;
817
- transform-style: preserve-3d;
818
- width: 2.1em;
819
- }
820
-
821
- .flip-card__top-4digits,
822
- .flip-card__bottom-4digits,
823
- .flip-card__back-bottom-4digits,
824
- .flip-card__back-4digits::before,
825
- .flip-card__back-4digits::after {
826
- display: block;
827
- height: 0.72em; /* halfHeight */
828
- color: var(--main-color, #EC685C);
829
- background: var(--main-flip-background-color, #222222);
830
- padding: 0.23em 0.15em 0.4em;
831
- border-radius: 0.15em 0.15em 0 0; /* borderRadius */
832
- backface-visibility: hidden;
833
- -webkit-backface-visibility: hidden;
834
- transform-style: preserve-3d;
835
- width: 2.65em;
836
- }
837
-
838
- .flip-card__bottom,
839
- .flip-card__back-bottom,
840
- .flip-card__bottom-4digits,
841
- .flip-card__back-bottom-4digits {
842
- color: var(--second-flip-color, #EC685C);
843
- position: absolute;
844
- top: 50%;
845
- left: 0;
846
- border-top: solid 1px var(--second-flip-background-color, #000);
847
- background: var(--second-flip-background-color, #393939);
848
- border-radius: 0 0 0.15em 0.15em; /* borderRadius */
849
- pointer-events: none;
850
- overflow: hidden;
851
- z-index: 2;
852
- }
853
-
854
- .flip-card__back-bottom,
855
- .flip-card__back-bottom-4digits {
856
- z-index: 1;
857
- }
858
-
859
- .flip-card__bottom::after,
860
- .flip-card__back-bottom::after,
861
- .flip-card__bottom-4digits::after,
862
- .flip-card__back-bottom-4digits::after {
863
- display: block;
864
- margin-top: -0.72em; /* Negative halfHeight */
865
- }
866
- .flip-card__back::before,
867
- .flip-card__bottom::after,
868
- .flip-card__back-bottom::after,
869
- .flip-card__back-4digits::before,
870
- .flip-card__bottom-4digits::after,
871
- .flip-card__back-bottom-4digits::after {
872
- content: attr(data-value);
873
- }
874
-
875
- .flip-card__back,
876
- .flip-card__back-4digits {
877
- position: absolute;
878
- top: 0;
879
- height: 100%;
880
- left: 0%;
881
- pointer-events: none;
882
- }
883
- .flip-card__back::before,
884
- .flip-card__back-4digits::before {
885
- position: relative;
886
- overflow: hidden;
887
- z-index: -1;
888
- }
889
-
890
- .flip .flip-card__back::before,
891
- .flip .flip-card__back-4digits::before {
892
- z-index: 1;
893
- animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
894
- animation-fill-mode: both;
895
- transform-origin: center bottom;
896
- }
897
-
898
- .flip .flip-card__bottom,
899
- .flip .flip-card__bottom-4digits {
900
- transform-origin: center top;
901
- animation-fill-mode: both;
902
- animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
903
- }
904
- @keyframes flipTop {
905
- 0% {
906
- transform: rotateX(0deg);
907
- z-index: 2;
908
- }
909
- 0%, 99% {
910
- opacity: 1;
911
- }
912
- 100% {
913
- transform: rotateX(-90deg);
914
- opacity: 0;
915
- }
916
- }
917
-
918
- @keyframes flipBottom {
919
- 0%, 50% {
920
- z-index: -1;
921
- transform: rotateX(90deg);
922
- opacity: 0;
923
- }
924
- 51% {
925
- opacity: 1;
926
- }
927
- 100% {
928
- opacity: 1;
929
- transform: rotateX(0deg);
930
- z-index: 5;
931
- }
932
- }
933
-
934
- .unika-calendar-title {
935
- font-size: 25px;
936
- padding-bottom: 4px;
937
- }
938
- .unika-calendar-header {
939
- display: -webkit-box;
940
- display: -ms-flexbox;
941
- display: flex;
942
- -webkit-box-pack: justify;
943
- -ms-flex-pack: justify;
944
- justify-content: space-between;
945
- -webkit-box-align: end;
946
- -ms-flex-align: end;
947
- align-items: flex-end;
948
- line-height: 1;
949
- padding: 0 47px 20px;
950
- }
951
- .unika-calendar-header .disabled {
952
- pointer-events: none;
953
- color: #f0f0f0;
954
- }
955
- .unika-calendar-th {
956
- display: -webkit-box;
957
- display: -ms-flexbox;
958
- display: flex;
959
- -webkit-box-pack: start;
960
- -ms-flex-pack: start;
961
- justify-content: flex-start;
962
- height: 25px;
963
- line-height: 25px;
964
- padding: 0 10px;
965
- border-radius: 13px
966
- }
967
- .unika-calendar-th > * {
968
- width: 14.2%;
969
- text-align: center;
970
- color: #fff;
971
- font-size: 15px;
972
- }
973
- .unika-calendar-th > *:not(:first-child) {
974
- margin-left: 10px;
975
- }
976
- .unika-calendar-body {
977
- padding: 0;
978
- margin: 0;
979
- font-size: 0;
980
- padding: 5px 10px 0;
981
- text-align: left;
982
- }
983
- .unika-calendar-editor {
984
- font-size: 25px;
985
- }
986
- .unika-calendar-editor span {
987
- position: relative;
988
- top: 2px;
989
- font-size: 57px;
990
- }
991
- .unika-calendar-day {
992
- display: inline-block;
993
- width: 24px;
994
- height: 24px;
995
- line-height: 24px;
996
- text-align: center;
997
- font-size: 14px;
998
- position: absolute;
999
- border-radius: 50%;
1000
- }
1001
- .unika-calendar-row {
1002
- display: flex;
1003
- }
1004
- .unika-calendar-row:not(:last-child) {
1005
- margin-bottom: 10px;
1006
- }
1007
- .unika-calendar-row > * {
1008
- flex: 1;
1009
- padding: 2px;
1010
- height: 28px;
1011
- box-sizing: border-box;
820
+ .unika-calendar-row > * {
821
+ flex: 1;
822
+ padding: 2px;
823
+ height: 28px;
824
+ box-sizing: border-box;
1012
825
  position: relative;
1013
826
  }
1014
827
  /*.unika-calendar-row > *.color-grey {
@@ -1182,3 +995,190 @@ button.swiper-pagination-bullet {
1182
995
  padding: 0 0px;
1183
996
  border-bottom: 1px solid
1184
997
  }
998
+
999
+
1000
+ .no-animation__card {
1001
+ font-weight: 500;
1002
+ font-size: var(--countdown-size, 2rem);
1003
+ line-height: 1.5;
1004
+ display: block;
1005
+ color: var(--main-color, #EC685C);
1006
+ }
1007
+
1008
+ .flip-clock {
1009
+ text-align: center;
1010
+ perspective: 600px;
1011
+ margin: 0 auto;
1012
+ }
1013
+
1014
+ .flip-clock *,
1015
+ .flip-clock *:before,
1016
+ .flip-clock *:after {
1017
+ box-sizing: border-box;
1018
+ }
1019
+
1020
+ .flip-clock__piece {
1021
+ display: inline-block;
1022
+ margin: 0 0.2vw;
1023
+ }
1024
+
1025
+ @media (min-width: 1000px) {
1026
+ .flip-clock__piece {
1027
+ margin: 0 5px;
1028
+ }
1029
+ }
1030
+
1031
+ .flip-clock__slot {
1032
+ font-size: var(--label-size, 1rem);
1033
+ line-height: 1.5;
1034
+ display: block;
1035
+ color: var(--label-color, #222222);
1036
+ }
1037
+
1038
+ .flip-card {
1039
+ display: block;
1040
+ position: relative;
1041
+ padding-bottom: 0.72em; /* halfHeight */
1042
+ font-size: var(--countdown-size, 2.25rem);
1043
+ line-height: 0.95;
1044
+ }
1045
+
1046
+ @media (min-width: 1000px) {
1047
+ .flip-clock__slot {
1048
+ font-size: 1.2rem;
1049
+ }
1050
+
1051
+ .flip-card {
1052
+ font-size: 3rem;
1053
+ }
1054
+ }
1055
+
1056
+ .flip-card__top,
1057
+ .flip-card__bottom,
1058
+ .flip-card__back-bottom,
1059
+ .flip-card__back::before,
1060
+ .flip-card__back::after{
1061
+ display: block;
1062
+ height: 0.72em; /* halfHeight */
1063
+ color: var(--main-color, #EC685C);
1064
+ background: var(--main-flip-background-color, #222222);
1065
+ padding: 0.23em 0.15em 0.4em;
1066
+ border-radius: 0.15em 0.15em 0 0; /* borderRadius */
1067
+ backface-visibility: hidden;
1068
+ -webkit-backface-visibility: hidden;
1069
+ transform-style: preserve-3d;
1070
+ width: 2.1em;
1071
+ }
1072
+
1073
+ .flip-card__top-4digits,
1074
+ .flip-card__bottom-4digits,
1075
+ .flip-card__back-bottom-4digits,
1076
+ .flip-card__back-4digits::before,
1077
+ .flip-card__back-4digits::after {
1078
+ display: block;
1079
+ height: 0.72em; /* halfHeight */
1080
+ color: var(--main-color, #EC685C);
1081
+ background: var(--main-flip-background-color, #222222);
1082
+ padding: 0.23em 0.15em 0.4em;
1083
+ border-radius: 0.15em 0.15em 0 0; /* borderRadius */
1084
+ backface-visibility: hidden;
1085
+ -webkit-backface-visibility: hidden;
1086
+ transform-style: preserve-3d;
1087
+ width: 2.65em;
1088
+ }
1089
+
1090
+ .flip-card__bottom,
1091
+ .flip-card__back-bottom,
1092
+ .flip-card__bottom-4digits,
1093
+ .flip-card__back-bottom-4digits {
1094
+ color: var(--second-flip-color, #EC685C);
1095
+ position: absolute;
1096
+ top: 50%;
1097
+ left: 0;
1098
+ border-top: solid 1px var(--second-flip-background-color, #000);
1099
+ background: var(--second-flip-background-color, #393939);
1100
+ border-radius: 0 0 0.15em 0.15em; /* borderRadius */
1101
+ pointer-events: none;
1102
+ overflow: hidden;
1103
+ z-index: 2;
1104
+ }
1105
+
1106
+ .flip-card__back-bottom,
1107
+ .flip-card__back-bottom-4digits {
1108
+ z-index: 1;
1109
+ }
1110
+
1111
+ .flip-card__bottom::after,
1112
+ .flip-card__back-bottom::after,
1113
+ .flip-card__bottom-4digits::after,
1114
+ .flip-card__back-bottom-4digits::after {
1115
+ display: block;
1116
+ margin-top: -0.72em; /* Negative halfHeight */
1117
+ }
1118
+ .flip-card__back::before,
1119
+ .flip-card__bottom::after,
1120
+ .flip-card__back-bottom::after,
1121
+ .flip-card__back-4digits::before,
1122
+ .flip-card__bottom-4digits::after,
1123
+ .flip-card__back-bottom-4digits::after {
1124
+ content: attr(data-value);
1125
+ }
1126
+
1127
+ .flip-card__back,
1128
+ .flip-card__back-4digits {
1129
+ position: absolute;
1130
+ top: 0;
1131
+ height: 100%;
1132
+ left: 0%;
1133
+ pointer-events: none;
1134
+ }
1135
+ .flip-card__back::before,
1136
+ .flip-card__back-4digits::before {
1137
+ position: relative;
1138
+ overflow: hidden;
1139
+ z-index: -1;
1140
+ }
1141
+
1142
+ .flip .flip-card__back::before,
1143
+ .flip .flip-card__back-4digits::before {
1144
+ z-index: 1;
1145
+ animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
1146
+ animation-fill-mode: both;
1147
+ transform-origin: center bottom;
1148
+ }
1149
+
1150
+ .flip .flip-card__bottom,
1151
+ .flip .flip-card__bottom-4digits {
1152
+ transform-origin: center top;
1153
+ animation-fill-mode: both;
1154
+ animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
1155
+ }
1156
+ @keyframes flipTop {
1157
+ 0% {
1158
+ transform: rotateX(0deg);
1159
+ z-index: 2;
1160
+ }
1161
+ 0%, 99% {
1162
+ opacity: 1;
1163
+ }
1164
+ 100% {
1165
+ transform: rotateX(-90deg);
1166
+ opacity: 0;
1167
+ }
1168
+ }
1169
+
1170
+ @keyframes flipBottom {
1171
+ 0%, 50% {
1172
+ z-index: -1;
1173
+ transform: rotateX(90deg);
1174
+ opacity: 0;
1175
+ }
1176
+ 51% {
1177
+ opacity: 1;
1178
+ }
1179
+ 100% {
1180
+ opacity: 1;
1181
+ transform: rotateX(0deg);
1182
+ z-index: 5;
1183
+ }
1184
+ }
package/dist/unika-components.esm.js CHANGED
@@ -5295,9 +5295,9 @@ const transformToComponentProps = (props, extraProps) => {
5295
5295
  }
5296
5296
  };
5297
5297
 
5298
- const defaultStyles$3 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
5298
+ const defaultStyles$4 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
5299
5299
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
5300
- const useStylePick = (props, pickStyles = defaultStyles$3) => {
5300
+ const useStylePick = (props, pickStyles = defaultStyles$4) => {
5301
5301
  return computed(() => pick$1(props, pickStyles));
5302
5302
  };
5303
5303
 
@@ -13139,7 +13139,7 @@ script$f.install = (app) => {
13139
13139
  };
13140
13140
 
13141
13141
  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
13142
- const defaultStyles$2 = Object.keys(backgroundDefaultProps);
13142
+ const defaultStyles$3 = Object.keys(backgroundDefaultProps);
13143
13143
  // array that contains style props
13144
13144
  var script$e = defineComponent({
13145
13145
  name: 'uni-background',
@@ -13147,7 +13147,7 @@ var script$e = defineComponent({
13147
13147
  ...defaultProps$a
13148
13148
  },
13149
13149
  setup(props) {
13150
- const styleProps = useStylePick(props, defaultStyles$2);
13150
+ const styleProps = useStylePick(props, defaultStyles$3);
13151
13151
  const handleClick = useComponentClick(props);
13152
13152
  return {
13153
13153
  styleProps,
@@ -15883,7 +15883,10 @@ const _hoisted_5$1 = {
15883
15883
 
15884
15884
  function render$d(_ctx, _cache, $props, $setup, $data, $options) {
15885
15885
  return (openBlock(), createElementBlock("div", {
15886
- class: normalizeClass(`${_ctx.cp}-box`)
15886
+ class: normalizeClass(`${_ctx.cp}-box`),
15887
+ style: normalizeStyle$1({'background-color': _ctx.backgroundColor, 'border-color': _ctx.themeColor,
15888
+ 'border-radius': _ctx.borderRadius,'border-style': _ctx.borderStyle,'border-width': _ctx.borderWidth,
15889
+ 'position': 'relative', 'width': '100%','height': 'auto!important','padding': '0.5867rem 0'})
15887
15890
  }, [
15888
15891
  (_ctx.themeStyle == '1')
15889
15892
  ? (openBlock(), createElementBlock("div", {
@@ -16015,7 +16018,7 @@ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
16015
16018
  }), 128 /* KEYED_FRAGMENT */))
16016
16019
  ], 6 /* CLASS, STYLE */)
16017
16020
  ])
16018
- ], 2 /* CLASS */))
16021
+ ], 6 /* CLASS, STYLE */))
16019
16022
  }
16020
16023
 
16021
16024
  script$c.render = render$d;
@@ -16023,7 +16026,7 @@ script$c.__scopeId = "data-v-ef842ea2";
16023
16026
  script$c.__file = "src/components/UniCalendar/Calendar.vue";
16024
16027
 
16025
16028
  const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
16026
- without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
16029
+ const defaultStyles$2 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
16027
16030
  // 获取当前日期和时间
16028
16031
  const now$2 = new Date();
16029
16032
  // 添加一天
@@ -16044,7 +16047,7 @@ var script$b = defineComponent({
16044
16047
  setup(props) {
16045
16048
  // 重用并且简化
16046
16049
  // 抽离并且获得 styleProps
16047
- const styleProps = useStylePick(props);
16050
+ const styleProps = useStylePick(props, defaultStyles$2);
16048
16051
  const handleClick = useComponentClick(props);
16049
16052
  const dataList = ref([
16050
16053
  { date: '2028-01-31', value: '' }
package/dist/unika-components.umd.js CHANGED
@@ -5302,9 +5302,9 @@
5302
5302
  }
5303
5303
  };
5304
5304
 
5305
- const defaultStyles$3 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
5305
+ const defaultStyles$4 = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
5306
5306
  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
5307
- const useStylePick = (props, pickStyles = defaultStyles$3) => {
5307
+ const useStylePick = (props, pickStyles = defaultStyles$4) => {
5308
5308
  return vue.computed(() => pick$1(props, pickStyles));
5309
5309
  };
5310
5310
 
@@ -13146,7 +13146,7 @@
13146
13146
  };
13147
13147
 
13148
13148
  const defaultProps$a = transformToComponentProps(componentsDefaultProps['uni-background'].props, isEditingProp);
13149
- const defaultStyles$2 = Object.keys(backgroundDefaultProps);
13149
+ const defaultStyles$3 = Object.keys(backgroundDefaultProps);
13150
13150
  // array that contains style props
13151
13151
  var script$e = vue.defineComponent({
13152
13152
  name: 'uni-background',
@@ -13154,7 +13154,7 @@
13154
13154
  ...defaultProps$a
13155
13155
  },
13156
13156
  setup(props) {
13157
- const styleProps = useStylePick(props, defaultStyles$2);
13157
+ const styleProps = useStylePick(props, defaultStyles$3);
13158
13158
  const handleClick = useComponentClick(props);
13159
13159
  return {
13160
13160
  styleProps,
@@ -15890,7 +15890,10 @@
15890
15890
 
15891
15891
  function render$d(_ctx, _cache, $props, $setup, $data, $options) {
15892
15892
  return (vue.openBlock(), vue.createElementBlock("div", {
15893
- class: vue.normalizeClass(`${_ctx.cp}-box`)
15893
+ class: vue.normalizeClass(`${_ctx.cp}-box`),
15894
+ style: vue.normalizeStyle({'background-color': _ctx.backgroundColor, 'border-color': _ctx.themeColor,
15895
+ 'border-radius': _ctx.borderRadius,'border-style': _ctx.borderStyle,'border-width': _ctx.borderWidth,
15896
+ 'position': 'relative', 'width': '100%','height': 'auto!important','padding': '0.5867rem 0'})
15894
15897
  }, [
15895
15898
  (_ctx.themeStyle == '1')
15896
15899
  ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -16022,7 +16025,7 @@
16022
16025
  }), 128 /* KEYED_FRAGMENT */))
16023
16026
  ], 6 /* CLASS, STYLE */)
16024
16027
  ])
16025
- ], 2 /* CLASS */))
16028
+ ], 6 /* CLASS, STYLE */))
16026
16029
  }
16027
16030
 
16028
16031
  script$c.render = render$d;
@@ -16030,7 +16033,7 @@
16030
16033
  script$c.__file = "src/components/UniCalendar/Calendar.vue";
16031
16034
 
16032
16035
  const defaultProps$8 = transformToComponentProps(componentsDefaultProps['uni-calendar'].props, isEditingProp);
16033
- without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
16036
+ const defaultStyles$2 = without$1(Object.keys(calendarDefaultProps), 'actionType', 'url', 'backgroundColor', 'borderRadius', 'borderColor', 'borderStyle', 'borderWidth', 'mainColor', 'mainFlipBackgroundColor', 'labelColor', 'showLabels', 'language', 'size', 'flipAnimation', 'deadline');
16034
16037
  // 获取当前日期和时间
16035
16038
  const now$2 = new Date();
16036
16039
  // 添加一天
@@ -16051,7 +16054,7 @@
16051
16054
  setup(props) {
16052
16055
  // 重用并且简化
16053
16056
  // 抽离并且获得 styleProps
16054
- const styleProps = useStylePick(props);
16057
+ const styleProps = useStylePick(props, defaultStyles$2);
16055
16058
  const handleClick = useComponentClick(props);
16056
16059
  const dataList = vue.ref([
16057
16060
  { date: '2028-01-31', value: '' }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unika-components",
3
- "version": "1.0.138",
3
+ "version": "1.0.139",
4
4
  "private": false,
5
5
  "main": "dist/unika-components.umd.js",
6
6
  "module": "dist/unika-components.esm.js",