unika-components 1.0.246 → 1.0.247
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.
|
@@ -1,8 +1,18 @@
|
|
|
1
|
+
export declare const defaultStyles: string[];
|
|
1
2
|
declare const _default: import("vue").DefineComponent<{
|
|
2
3
|
[x: string]: any;
|
|
3
4
|
}, {
|
|
4
5
|
styleProps: import("vue").ComputedRef<Pick<any, string>>;
|
|
5
6
|
handleClick: () => void;
|
|
7
|
+
maskStyle: import("vue").ComputedRef<{
|
|
8
|
+
WebkitMaskImage: string;
|
|
9
|
+
WebkitMaskRepeat: string;
|
|
10
|
+
WebkitMaskSize: string;
|
|
11
|
+
} | {
|
|
12
|
+
WebkitMaskImage?: undefined;
|
|
13
|
+
WebkitMaskRepeat?: undefined;
|
|
14
|
+
WebkitMaskSize?: undefined;
|
|
15
|
+
}>;
|
|
6
16
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
7
17
|
[x: string]: any;
|
|
8
18
|
}>>, {
|
package/dist/src/index.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { App } from 'vue';
|
|
2
2
|
import UniText from './components/UniText';
|
|
3
|
+
import UniImage from './components/UniImage';
|
|
3
4
|
import UniShape from './components/UniShape';
|
|
4
5
|
import LongPage from './components/LongPage';
|
|
5
6
|
import SwiperPage from './components/SwiperPage';
|
|
@@ -19,7 +20,7 @@ import UniBulidUp from './components/UniBulidUp';
|
|
|
19
20
|
import UniTest from './components/UniTest';
|
|
20
21
|
import UniSvg from './components/UniSvg';
|
|
21
22
|
declare const install: (app: App) => void;
|
|
22
|
-
export { UniText, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniBulidUp, UniSvg, UniTest, install };
|
|
23
|
+
export { UniText, UniImage, UniShape, LongPage, SwiperPage, UniBackground, UniVideo, UniCalendar, UniCountdown, UniMap, UniCall, UniLike, UniEffect, UniRegisterForm, UniLotties, UniSwiper, UniButton, UniBulidUp, UniSvg, UniTest, install };
|
|
23
24
|
declare const _default: {
|
|
24
25
|
install: (app: App<any>) => void;
|
|
25
26
|
};
|
|
@@ -1,28 +1,11 @@
|
|
|
1
1
|
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
}
|
|
5
|
-
button.uni-text-component {
|
|
6
|
-
padding: 5px 10px;
|
|
7
|
-
cursor: pointer;
|
|
2
|
+
.uni-image-component {
|
|
3
|
+
max-width: 100%;
|
|
8
4
|
}
|
|
9
|
-
.uni-
|
|
10
|
-
|
|
11
|
-
white-space: pre-wrap;
|
|
5
|
+
.uni-image-mask-wrapper {
|
|
6
|
+
display: inline-block;
|
|
12
7
|
}
|
|
13
8
|
|
|
14
|
-
|
|
15
|
-
.uni-calendar-component {
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
.slot-number {
|
|
19
|
-
position: absolute;
|
|
20
|
-
bottom: 2px;
|
|
21
|
-
left: 7px;
|
|
22
|
-
font-size: 12px;
|
|
23
|
-
color: #666
|
|
24
|
-
}
|
|
25
|
-
|
|
26
9
|
.uni-video-component {
|
|
27
10
|
position: relative;
|
|
28
11
|
text-align: center;
|
|
@@ -43,28 +26,18 @@ button.uni-text-component {
|
|
|
43
26
|
.play-pause-button:hover {
|
|
44
27
|
background: rgba(0, 0, 0, 0.8);
|
|
45
28
|
}
|
|
46
|
-
|
|
47
|
-
.
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
.
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.liked {
|
|
60
|
-
color: #f00; /* 更改颜色以示已赞 */
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
.like-count {
|
|
64
|
-
margin-top: 4px;
|
|
65
|
-
font-size: 16px;
|
|
66
|
-
color: #333;
|
|
67
|
-
}
|
|
29
|
+
|
|
30
|
+
h2.uni-text-component, p.uni-text-component {
|
|
31
|
+
margin-bottom: 0;
|
|
32
|
+
}
|
|
33
|
+
button.uni-text-component {
|
|
34
|
+
padding: 5px 10px;
|
|
35
|
+
cursor: pointer;
|
|
36
|
+
}
|
|
37
|
+
.uni-text-component {
|
|
38
|
+
box-sizing: border-box;
|
|
39
|
+
white-space: pre-wrap;
|
|
40
|
+
}
|
|
68
41
|
|
|
69
42
|
.slide-guide {
|
|
70
43
|
position: absolute;
|
|
@@ -139,6 +112,40 @@ body, html {
|
|
|
139
112
|
}
|
|
140
113
|
}
|
|
141
114
|
|
|
115
|
+
.like-button {
|
|
116
|
+
display: flex;
|
|
117
|
+
flex-direction: column;
|
|
118
|
+
align-items: center;
|
|
119
|
+
cursor: pointer;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
.icon-heart {
|
|
123
|
+
font-size: 24px;
|
|
124
|
+
color: #e74c3c;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.liked {
|
|
128
|
+
color: #f00; /* 更改颜色以示已赞 */
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.like-count {
|
|
132
|
+
margin-top: 4px;
|
|
133
|
+
font-size: 16px;
|
|
134
|
+
color: #333;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
.uni-calendar-component {
|
|
139
|
+
|
|
140
|
+
}
|
|
141
|
+
.slot-number {
|
|
142
|
+
position: absolute;
|
|
143
|
+
bottom: 2px;
|
|
144
|
+
left: 7px;
|
|
145
|
+
font-size: 12px;
|
|
146
|
+
color: #666
|
|
147
|
+
}
|
|
148
|
+
|
|
142
149
|
.swiper-warp {
|
|
143
150
|
width: 100%;
|
|
144
151
|
height: 100%;
|
|
@@ -152,18 +159,6 @@ body, html {
|
|
|
152
159
|
max-width: 100%;
|
|
153
160
|
max-height: 100%;
|
|
154
161
|
}
|
|
155
|
-
|
|
156
|
-
.uni-svg-component {
|
|
157
|
-
display: inline-block;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
.effect {
|
|
161
|
-
width: 100%;
|
|
162
|
-
height: 100%;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.uni-build-up-component {
|
|
166
|
-
}
|
|
167
162
|
|
|
168
163
|
.ant-input-number {
|
|
169
164
|
box-sizing: border-box;
|
|
@@ -199,6 +194,18 @@ body, html {
|
|
|
199
194
|
margin-bottom: 0px;
|
|
200
195
|
vertical-align: top;
|
|
201
196
|
}
|
|
197
|
+
|
|
198
|
+
.uni-build-up-component {
|
|
199
|
+
}
|
|
200
|
+
|
|
201
|
+
.effect {
|
|
202
|
+
width: 100%;
|
|
203
|
+
height: 100%;
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.uni-svg-component {
|
|
207
|
+
display: inline-block;
|
|
208
|
+
}
|
|
202
209
|
/**
|
|
203
210
|
* Swiper 6.8.4
|
|
204
211
|
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
|
@@ -747,6 +754,193 @@ button.swiper-pagination-bullet {
|
|
|
747
754
|
backface-visibility: hidden;
|
|
748
755
|
}
|
|
749
756
|
|
|
757
|
+
|
|
758
|
+
.no-animation__card {
|
|
759
|
+
font-weight: 500;
|
|
760
|
+
font-size: var(--countdown-size, 2rem);
|
|
761
|
+
line-height: 1.5;
|
|
762
|
+
display: block;
|
|
763
|
+
color: var(--main-color, #EC685C);
|
|
764
|
+
}
|
|
765
|
+
|
|
766
|
+
.flip-clock {
|
|
767
|
+
text-align: center;
|
|
768
|
+
perspective: 600px;
|
|
769
|
+
margin: 0 auto;
|
|
770
|
+
}
|
|
771
|
+
|
|
772
|
+
.flip-clock *,
|
|
773
|
+
.flip-clock *:before,
|
|
774
|
+
.flip-clock *:after {
|
|
775
|
+
box-sizing: border-box;
|
|
776
|
+
}
|
|
777
|
+
|
|
778
|
+
.flip-clock__piece {
|
|
779
|
+
display: inline-block;
|
|
780
|
+
margin: 0 0.2vw;
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
@media (min-width: 1000px) {
|
|
784
|
+
.flip-clock__piece {
|
|
785
|
+
margin: 0 5px;
|
|
786
|
+
}
|
|
787
|
+
}
|
|
788
|
+
|
|
789
|
+
.flip-clock__slot {
|
|
790
|
+
font-size: var(--label-size, 1rem);
|
|
791
|
+
line-height: 1.5;
|
|
792
|
+
display: block;
|
|
793
|
+
color: var(--label-color, #222222);
|
|
794
|
+
}
|
|
795
|
+
|
|
796
|
+
.flip-card {
|
|
797
|
+
display: block;
|
|
798
|
+
position: relative;
|
|
799
|
+
padding-bottom: 0.72em; /* halfHeight */
|
|
800
|
+
font-size: var(--countdown-size, 2.25rem);
|
|
801
|
+
line-height: 0.95;
|
|
802
|
+
}
|
|
803
|
+
|
|
804
|
+
@media (min-width: 1000px) {
|
|
805
|
+
.flip-clock__slot {
|
|
806
|
+
font-size: 1.2rem;
|
|
807
|
+
}
|
|
808
|
+
|
|
809
|
+
.flip-card {
|
|
810
|
+
font-size: 3rem;
|
|
811
|
+
}
|
|
812
|
+
}
|
|
813
|
+
|
|
814
|
+
.flip-card__top,
|
|
815
|
+
.flip-card__bottom,
|
|
816
|
+
.flip-card__back-bottom,
|
|
817
|
+
.flip-card__back::before,
|
|
818
|
+
.flip-card__back::after{
|
|
819
|
+
display: block;
|
|
820
|
+
height: 0.72em; /* halfHeight */
|
|
821
|
+
color: var(--main-color, #EC685C);
|
|
822
|
+
background: var(--main-flip-background-color, #222222);
|
|
823
|
+
padding: 0.23em 0.15em 0.4em;
|
|
824
|
+
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
825
|
+
backface-visibility: hidden;
|
|
826
|
+
-webkit-backface-visibility: hidden;
|
|
827
|
+
transform-style: preserve-3d;
|
|
828
|
+
width: 2.1em;
|
|
829
|
+
}
|
|
830
|
+
|
|
831
|
+
.flip-card__top-4digits,
|
|
832
|
+
.flip-card__bottom-4digits,
|
|
833
|
+
.flip-card__back-bottom-4digits,
|
|
834
|
+
.flip-card__back-4digits::before,
|
|
835
|
+
.flip-card__back-4digits::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.65em;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
.flip-card__bottom,
|
|
849
|
+
.flip-card__back-bottom,
|
|
850
|
+
.flip-card__bottom-4digits,
|
|
851
|
+
.flip-card__back-bottom-4digits {
|
|
852
|
+
color: var(--second-flip-color, #EC685C);
|
|
853
|
+
position: absolute;
|
|
854
|
+
top: 50%;
|
|
855
|
+
left: 0;
|
|
856
|
+
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
857
|
+
background: var(--second-flip-background-color, #393939);
|
|
858
|
+
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
859
|
+
pointer-events: none;
|
|
860
|
+
overflow: hidden;
|
|
861
|
+
z-index: 2;
|
|
862
|
+
}
|
|
863
|
+
|
|
864
|
+
.flip-card__back-bottom,
|
|
865
|
+
.flip-card__back-bottom-4digits {
|
|
866
|
+
z-index: 1;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
.flip-card__bottom::after,
|
|
870
|
+
.flip-card__back-bottom::after,
|
|
871
|
+
.flip-card__bottom-4digits::after,
|
|
872
|
+
.flip-card__back-bottom-4digits::after {
|
|
873
|
+
display: block;
|
|
874
|
+
margin-top: -0.72em; /* Negative halfHeight */
|
|
875
|
+
}
|
|
876
|
+
.flip-card__back::before,
|
|
877
|
+
.flip-card__bottom::after,
|
|
878
|
+
.flip-card__back-bottom::after,
|
|
879
|
+
.flip-card__back-4digits::before,
|
|
880
|
+
.flip-card__bottom-4digits::after,
|
|
881
|
+
.flip-card__back-bottom-4digits::after {
|
|
882
|
+
content: attr(data-value);
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
.flip-card__back,
|
|
886
|
+
.flip-card__back-4digits {
|
|
887
|
+
position: absolute;
|
|
888
|
+
top: 0;
|
|
889
|
+
height: 100%;
|
|
890
|
+
left: 0%;
|
|
891
|
+
pointer-events: none;
|
|
892
|
+
}
|
|
893
|
+
.flip-card__back::before,
|
|
894
|
+
.flip-card__back-4digits::before {
|
|
895
|
+
position: relative;
|
|
896
|
+
overflow: hidden;
|
|
897
|
+
z-index: -1;
|
|
898
|
+
}
|
|
899
|
+
|
|
900
|
+
.flip .flip-card__back::before,
|
|
901
|
+
.flip .flip-card__back-4digits::before {
|
|
902
|
+
z-index: 1;
|
|
903
|
+
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
904
|
+
animation-fill-mode: both;
|
|
905
|
+
transform-origin: center bottom;
|
|
906
|
+
}
|
|
907
|
+
|
|
908
|
+
.flip .flip-card__bottom,
|
|
909
|
+
.flip .flip-card__bottom-4digits {
|
|
910
|
+
transform-origin: center top;
|
|
911
|
+
animation-fill-mode: both;
|
|
912
|
+
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
913
|
+
}
|
|
914
|
+
@keyframes flipTop {
|
|
915
|
+
0% {
|
|
916
|
+
transform: rotateX(0deg);
|
|
917
|
+
z-index: 2;
|
|
918
|
+
}
|
|
919
|
+
0%, 99% {
|
|
920
|
+
opacity: 1;
|
|
921
|
+
}
|
|
922
|
+
100% {
|
|
923
|
+
transform: rotateX(-90deg);
|
|
924
|
+
opacity: 0;
|
|
925
|
+
}
|
|
926
|
+
}
|
|
927
|
+
|
|
928
|
+
@keyframes flipBottom {
|
|
929
|
+
0%, 50% {
|
|
930
|
+
z-index: -1;
|
|
931
|
+
transform: rotateX(90deg);
|
|
932
|
+
opacity: 0;
|
|
933
|
+
}
|
|
934
|
+
51% {
|
|
935
|
+
opacity: 1;
|
|
936
|
+
}
|
|
937
|
+
100% {
|
|
938
|
+
opacity: 1;
|
|
939
|
+
transform: rotateX(0deg);
|
|
940
|
+
z-index: 5;
|
|
941
|
+
}
|
|
942
|
+
}
|
|
943
|
+
|
|
750
944
|
.unika-calendar-box {
|
|
751
945
|
position: relative;
|
|
752
946
|
width: 325px !important;
|
|
@@ -1006,190 +1200,3 @@ button.swiper-pagination-bullet {
|
|
|
1006
1200
|
padding: 0 0px;
|
|
1007
1201
|
border-bottom: 1px solid
|
|
1008
1202
|
}
|
|
1009
|
-
|
|
1010
|
-
|
|
1011
|
-
.no-animation__card {
|
|
1012
|
-
font-weight: 500;
|
|
1013
|
-
font-size: var(--countdown-size, 2rem);
|
|
1014
|
-
line-height: 1.5;
|
|
1015
|
-
display: block;
|
|
1016
|
-
color: var(--main-color, #EC685C);
|
|
1017
|
-
}
|
|
1018
|
-
|
|
1019
|
-
.flip-clock {
|
|
1020
|
-
text-align: center;
|
|
1021
|
-
perspective: 600px;
|
|
1022
|
-
margin: 0 auto;
|
|
1023
|
-
}
|
|
1024
|
-
|
|
1025
|
-
.flip-clock *,
|
|
1026
|
-
.flip-clock *:before,
|
|
1027
|
-
.flip-clock *:after {
|
|
1028
|
-
box-sizing: border-box;
|
|
1029
|
-
}
|
|
1030
|
-
|
|
1031
|
-
.flip-clock__piece {
|
|
1032
|
-
display: inline-block;
|
|
1033
|
-
margin: 0 0.2vw;
|
|
1034
|
-
}
|
|
1035
|
-
|
|
1036
|
-
@media (min-width: 1000px) {
|
|
1037
|
-
.flip-clock__piece {
|
|
1038
|
-
margin: 0 5px;
|
|
1039
|
-
}
|
|
1040
|
-
}
|
|
1041
|
-
|
|
1042
|
-
.flip-clock__slot {
|
|
1043
|
-
font-size: var(--label-size, 1rem);
|
|
1044
|
-
line-height: 1.5;
|
|
1045
|
-
display: block;
|
|
1046
|
-
color: var(--label-color, #222222);
|
|
1047
|
-
}
|
|
1048
|
-
|
|
1049
|
-
.flip-card {
|
|
1050
|
-
display: block;
|
|
1051
|
-
position: relative;
|
|
1052
|
-
padding-bottom: 0.72em; /* halfHeight */
|
|
1053
|
-
font-size: var(--countdown-size, 2.25rem);
|
|
1054
|
-
line-height: 0.95;
|
|
1055
|
-
}
|
|
1056
|
-
|
|
1057
|
-
@media (min-width: 1000px) {
|
|
1058
|
-
.flip-clock__slot {
|
|
1059
|
-
font-size: 1.2rem;
|
|
1060
|
-
}
|
|
1061
|
-
|
|
1062
|
-
.flip-card {
|
|
1063
|
-
font-size: 3rem;
|
|
1064
|
-
}
|
|
1065
|
-
}
|
|
1066
|
-
|
|
1067
|
-
.flip-card__top,
|
|
1068
|
-
.flip-card__bottom,
|
|
1069
|
-
.flip-card__back-bottom,
|
|
1070
|
-
.flip-card__back::before,
|
|
1071
|
-
.flip-card__back::after{
|
|
1072
|
-
display: block;
|
|
1073
|
-
height: 0.72em; /* halfHeight */
|
|
1074
|
-
color: var(--main-color, #EC685C);
|
|
1075
|
-
background: var(--main-flip-background-color, #222222);
|
|
1076
|
-
padding: 0.23em 0.15em 0.4em;
|
|
1077
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1078
|
-
backface-visibility: hidden;
|
|
1079
|
-
-webkit-backface-visibility: hidden;
|
|
1080
|
-
transform-style: preserve-3d;
|
|
1081
|
-
width: 2.1em;
|
|
1082
|
-
}
|
|
1083
|
-
|
|
1084
|
-
.flip-card__top-4digits,
|
|
1085
|
-
.flip-card__bottom-4digits,
|
|
1086
|
-
.flip-card__back-bottom-4digits,
|
|
1087
|
-
.flip-card__back-4digits::before,
|
|
1088
|
-
.flip-card__back-4digits::after {
|
|
1089
|
-
display: block;
|
|
1090
|
-
height: 0.72em; /* halfHeight */
|
|
1091
|
-
color: var(--main-color, #EC685C);
|
|
1092
|
-
background: var(--main-flip-background-color, #222222);
|
|
1093
|
-
padding: 0.23em 0.15em 0.4em;
|
|
1094
|
-
border-radius: 0.15em 0.15em 0 0; /* borderRadius */
|
|
1095
|
-
backface-visibility: hidden;
|
|
1096
|
-
-webkit-backface-visibility: hidden;
|
|
1097
|
-
transform-style: preserve-3d;
|
|
1098
|
-
width: 2.65em;
|
|
1099
|
-
}
|
|
1100
|
-
|
|
1101
|
-
.flip-card__bottom,
|
|
1102
|
-
.flip-card__back-bottom,
|
|
1103
|
-
.flip-card__bottom-4digits,
|
|
1104
|
-
.flip-card__back-bottom-4digits {
|
|
1105
|
-
color: var(--second-flip-color, #EC685C);
|
|
1106
|
-
position: absolute;
|
|
1107
|
-
top: 50%;
|
|
1108
|
-
left: 0;
|
|
1109
|
-
border-top: solid 1px var(--second-flip-background-color, #000);
|
|
1110
|
-
background: var(--second-flip-background-color, #393939);
|
|
1111
|
-
border-radius: 0 0 0.15em 0.15em; /* borderRadius */
|
|
1112
|
-
pointer-events: none;
|
|
1113
|
-
overflow: hidden;
|
|
1114
|
-
z-index: 2;
|
|
1115
|
-
}
|
|
1116
|
-
|
|
1117
|
-
.flip-card__back-bottom,
|
|
1118
|
-
.flip-card__back-bottom-4digits {
|
|
1119
|
-
z-index: 1;
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1122
|
-
.flip-card__bottom::after,
|
|
1123
|
-
.flip-card__back-bottom::after,
|
|
1124
|
-
.flip-card__bottom-4digits::after,
|
|
1125
|
-
.flip-card__back-bottom-4digits::after {
|
|
1126
|
-
display: block;
|
|
1127
|
-
margin-top: -0.72em; /* Negative halfHeight */
|
|
1128
|
-
}
|
|
1129
|
-
.flip-card__back::before,
|
|
1130
|
-
.flip-card__bottom::after,
|
|
1131
|
-
.flip-card__back-bottom::after,
|
|
1132
|
-
.flip-card__back-4digits::before,
|
|
1133
|
-
.flip-card__bottom-4digits::after,
|
|
1134
|
-
.flip-card__back-bottom-4digits::after {
|
|
1135
|
-
content: attr(data-value);
|
|
1136
|
-
}
|
|
1137
|
-
|
|
1138
|
-
.flip-card__back,
|
|
1139
|
-
.flip-card__back-4digits {
|
|
1140
|
-
position: absolute;
|
|
1141
|
-
top: 0;
|
|
1142
|
-
height: 100%;
|
|
1143
|
-
left: 0%;
|
|
1144
|
-
pointer-events: none;
|
|
1145
|
-
}
|
|
1146
|
-
.flip-card__back::before,
|
|
1147
|
-
.flip-card__back-4digits::before {
|
|
1148
|
-
position: relative;
|
|
1149
|
-
overflow: hidden;
|
|
1150
|
-
z-index: -1;
|
|
1151
|
-
}
|
|
1152
|
-
|
|
1153
|
-
.flip .flip-card__back::before,
|
|
1154
|
-
.flip .flip-card__back-4digits::before {
|
|
1155
|
-
z-index: 1;
|
|
1156
|
-
animation: flipTop 0.3s cubic-bezier(0.37, 0.01, 0.94, 0.35);
|
|
1157
|
-
animation-fill-mode: both;
|
|
1158
|
-
transform-origin: center bottom;
|
|
1159
|
-
}
|
|
1160
|
-
|
|
1161
|
-
.flip .flip-card__bottom,
|
|
1162
|
-
.flip .flip-card__bottom-4digits {
|
|
1163
|
-
transform-origin: center top;
|
|
1164
|
-
animation-fill-mode: both;
|
|
1165
|
-
animation: flipBottom 0.6s cubic-bezier(0.15, 0.45, 0.28, 1);
|
|
1166
|
-
}
|
|
1167
|
-
@keyframes flipTop {
|
|
1168
|
-
0% {
|
|
1169
|
-
transform: rotateX(0deg);
|
|
1170
|
-
z-index: 2;
|
|
1171
|
-
}
|
|
1172
|
-
0%, 99% {
|
|
1173
|
-
opacity: 1;
|
|
1174
|
-
}
|
|
1175
|
-
100% {
|
|
1176
|
-
transform: rotateX(-90deg);
|
|
1177
|
-
opacity: 0;
|
|
1178
|
-
}
|
|
1179
|
-
}
|
|
1180
|
-
|
|
1181
|
-
@keyframes flipBottom {
|
|
1182
|
-
0%, 50% {
|
|
1183
|
-
z-index: -1;
|
|
1184
|
-
transform: rotateX(90deg);
|
|
1185
|
-
opacity: 0;
|
|
1186
|
-
}
|
|
1187
|
-
51% {
|
|
1188
|
-
opacity: 1;
|
|
1189
|
-
}
|
|
1190
|
-
100% {
|
|
1191
|
-
opacity: 1;
|
|
1192
|
-
transform: rotateX(0deg);
|
|
1193
|
-
z-index: 5;
|
|
1194
|
-
}
|
|
1195
|
-
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass,
|
|
1
|
+
import { computed, defineComponent, openBlock, createBlock, resolveDynamicComponent, withModifiers, normalizeStyle as normalizeStyle$1, withCtx, createTextVNode, toDisplayString, createElementBlock, createElementVNode, Fragment, renderList, normalizeProps, guardReactiveProps, h as h$2, ref, onUpdated, watch, nextTick as nextTick$1, onMounted, onBeforeUnmount, onBeforeUpdate, resolveComponent, createVNode, normalizeClass, mergeProps, createCommentVNode, renderSlot, pushScopeId, popScopeId, toRefs, onBeforeMount, onUnmounted, withDirectives, vShow, isVNode, Comment, Text, reactive, getCurrentInstance, inject, provide, unref, shallowRef, watchEffect, triggerRef, Transition, resolveDirective, cloneVNode, toRef, Teleport, isRef, toRaw, render as render$n, TransitionGroup } from 'vue';
|
|
2
2
|
import crypto from 'crypto';
|
|
3
3
|
|
|
4
4
|
/** Detect free variable `global` from Node.js. */
|
|
@@ -5350,9 +5350,9 @@ const transformToComponentProps = (props, extraProps) => {
|
|
|
5350
5350
|
}
|
|
5351
5351
|
};
|
|
5352
5352
|
|
|
5353
|
-
const defaultStyles$
|
|
5353
|
+
const defaultStyles$d = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
|
|
5354
5354
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
|
|
5355
|
-
const useStylePick = (props, pickStyles = defaultStyles$
|
|
5355
|
+
const useStylePick = (props, pickStyles = defaultStyles$d) => {
|
|
5356
5356
|
return computed(() => pick$1(props, pickStyles));
|
|
5357
5357
|
};
|
|
5358
5358
|
|
|
@@ -5373,12 +5373,12 @@ const extraProps$1 = {
|
|
|
5373
5373
|
},
|
|
5374
5374
|
...isEditingProp
|
|
5375
5375
|
};
|
|
5376
|
-
const defaultProps$
|
|
5376
|
+
const defaultProps$g = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
|
|
5377
5377
|
// array that contains style props
|
|
5378
|
-
var script$
|
|
5378
|
+
var script$l = defineComponent({
|
|
5379
5379
|
name: 'uni-text',
|
|
5380
5380
|
props: {
|
|
5381
|
-
...defaultProps$
|
|
5381
|
+
...defaultProps$g
|
|
5382
5382
|
},
|
|
5383
5383
|
setup(props) {
|
|
5384
5384
|
const styleProps = useStylePick(props);
|
|
@@ -5390,7 +5390,7 @@ var script$k = defineComponent({
|
|
|
5390
5390
|
}
|
|
5391
5391
|
});
|
|
5392
5392
|
|
|
5393
|
-
function render$
|
|
5393
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5394
5394
|
return (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
|
|
5395
5395
|
onClick: withModifiers(_ctx.handleClick, ["prevent"]),
|
|
5396
5396
|
style: normalizeStyle$1(_ctx.styleProps),
|
|
@@ -5403,9 +5403,61 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
5403
5403
|
}, 8 /* PROPS */, ["onClick", "style"]))
|
|
5404
5404
|
}
|
|
5405
5405
|
|
|
5406
|
+
script$l.render = render$m;
|
|
5407
|
+
script$l.__scopeId = "data-v-55ed80cb";
|
|
5408
|
+
script$l.__file = "src/components/UniText/UniText.vue";
|
|
5409
|
+
|
|
5410
|
+
script$l.install = (app) => {
|
|
5411
|
+
app.component(script$l.name, script$l);
|
|
5412
|
+
};
|
|
5413
|
+
|
|
5414
|
+
const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp);
|
|
5415
|
+
const defaultStyles$c = without$1(Object.keys(imageDefaultProps), 'maskImage', 'imageSrc');
|
|
5416
|
+
// array that contains style props
|
|
5417
|
+
var script$k = defineComponent({
|
|
5418
|
+
name: 'uni-image',
|
|
5419
|
+
props: {
|
|
5420
|
+
...defaultProps$f
|
|
5421
|
+
},
|
|
5422
|
+
setup(props) {
|
|
5423
|
+
const styleProps = useStylePick(props, defaultStyles$c);
|
|
5424
|
+
const handleClick = useComponentClick(props);
|
|
5425
|
+
const maskStyle = computed(() => {
|
|
5426
|
+
return props.maskImage
|
|
5427
|
+
? {
|
|
5428
|
+
WebkitMaskImage: `url(${props.maskImage})`,
|
|
5429
|
+
WebkitMaskRepeat: 'no-repeat',
|
|
5430
|
+
WebkitMaskSize: 'contain'
|
|
5431
|
+
}
|
|
5432
|
+
: {};
|
|
5433
|
+
});
|
|
5434
|
+
return {
|
|
5435
|
+
styleProps,
|
|
5436
|
+
handleClick,
|
|
5437
|
+
maskStyle
|
|
5438
|
+
};
|
|
5439
|
+
}
|
|
5440
|
+
});
|
|
5441
|
+
|
|
5442
|
+
const _hoisted_1$b = ["src"];
|
|
5443
|
+
|
|
5444
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5445
|
+
return (openBlock(), createElementBlock("div", {
|
|
5446
|
+
style: normalizeStyle$1({ ..._ctx.styleProps, ..._ctx.maskStyle }),
|
|
5447
|
+
class: "uni-image-mask-wrapper uni-image-component inner-component",
|
|
5448
|
+
draggable: false,
|
|
5449
|
+
onClick: _cache[0] || (_cache[0] = withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"]))
|
|
5450
|
+
}, [
|
|
5451
|
+
createElementVNode("img", {
|
|
5452
|
+
src: _ctx.imageSrc,
|
|
5453
|
+
style: {"width":"100%","height":"100%"}
|
|
5454
|
+
}, null, 8 /* PROPS */, _hoisted_1$b)
|
|
5455
|
+
], 4 /* STYLE */))
|
|
5456
|
+
}
|
|
5457
|
+
|
|
5406
5458
|
script$k.render = render$l;
|
|
5407
|
-
script$k.__scopeId = "data-v-
|
|
5408
|
-
script$k.__file = "src/components/
|
|
5459
|
+
script$k.__scopeId = "data-v-03caca2f";
|
|
5460
|
+
script$k.__file = "src/components/UniImage/UniImage.vue";
|
|
5409
5461
|
|
|
5410
5462
|
script$k.install = (app) => {
|
|
5411
5463
|
app.component(script$k.name, script$k);
|
|
@@ -13155,7 +13207,7 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
13155
13207
|
id: `component-${item.id}`,
|
|
13156
13208
|
style: {"width":"100%","height":"100%"}
|
|
13157
13209
|
}, [
|
|
13158
|
-
(item.name != 'uni-build-up')
|
|
13210
|
+
(item.name != 'uni-build-up' && !item.isHidden)
|
|
13159
13211
|
? (openBlock(), createBlock(resolveDynamicComponent(item.name), normalizeProps(mergeProps({ key: 0 }, item.props)), null, 16 /* FULL_PROPS */))
|
|
13160
13212
|
: createCommentVNode("v-if", true)
|
|
13161
13213
|
], 8 /* PROPS */, _hoisted_2$3))
|
|
@@ -44764,7 +44816,7 @@ const WaveEffect = defineComponent({
|
|
|
44764
44816
|
var _a;
|
|
44765
44817
|
const holder = (_a = divRef.value) === null || _a === void 0 ? void 0 : _a.parentElement;
|
|
44766
44818
|
if (holder) {
|
|
44767
|
-
render$
|
|
44819
|
+
render$n(null, holder);
|
|
44768
44820
|
if (holder.parentElement) {
|
|
44769
44821
|
holder.parentElement.removeChild(holder);
|
|
44770
44822
|
}
|
|
@@ -44837,7 +44889,7 @@ function showWaveEffect(node, className) {
|
|
|
44837
44889
|
holder.style.left = `0px`;
|
|
44838
44890
|
holder.style.top = `0px`;
|
|
44839
44891
|
node === null || node === void 0 ? void 0 : node.insertBefore(holder, node === null || node === void 0 ? void 0 : node.firstChild);
|
|
44840
|
-
render$
|
|
44892
|
+
render$n(createVNode(WaveEffect, {
|
|
44841
44893
|
"target": node,
|
|
44842
44894
|
"className": className
|
|
44843
44895
|
}, null), holder);
|
|
@@ -75936,8 +75988,8 @@ script.install = (app) => {
|
|
|
75936
75988
|
|
|
75937
75989
|
// export { textDefaultProps , textStylePropNames, TextComponentProps,
|
|
75938
75990
|
const components = [
|
|
75991
|
+
script$l,
|
|
75939
75992
|
script$k,
|
|
75940
|
-
// UniImage,
|
|
75941
75993
|
script$j,
|
|
75942
75994
|
script$i,
|
|
75943
75995
|
script$h,
|
|
@@ -75969,4 +76021,4 @@ var index = {
|
|
|
75969
76021
|
install
|
|
75970
76022
|
};
|
|
75971
76023
|
|
|
75972
|
-
export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$6 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$4 as UniSwiper, script$1 as UniTest, script$
|
|
76024
|
+
export { script$i as LongPage, script$h as SwiperPage, script$g as UniBackground, script$2 as UniBulidUp, script$3 as UniButton, script$d as UniCalendar, script$9 as UniCall, script$b as UniCountdown, script$7 as UniEffect, script$k as UniImage, script$8 as UniLike, script$5 as UniLotties, script$a as UniMap, script$6 as UniRegisterForm, script$j as UniShape, script as UniSvg, script$4 as UniSwiper, script$1 as UniTest, script$l as UniText, script$f as UniVideo, index as default, install };
|
|
@@ -5357,9 +5357,9 @@
|
|
|
5357
5357
|
}
|
|
5358
5358
|
};
|
|
5359
5359
|
|
|
5360
|
-
const defaultStyles$
|
|
5360
|
+
const defaultStyles$d = without$1(Object.keys(textDefaultProps), 'actionType', 'url', 'text');
|
|
5361
5361
|
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/no-explicit-any
|
|
5362
|
-
const useStylePick = (props, pickStyles = defaultStyles$
|
|
5362
|
+
const useStylePick = (props, pickStyles = defaultStyles$d) => {
|
|
5363
5363
|
return vue.computed(() => pick$1(props, pickStyles));
|
|
5364
5364
|
};
|
|
5365
5365
|
|
|
@@ -5380,12 +5380,12 @@
|
|
|
5380
5380
|
},
|
|
5381
5381
|
...isEditingProp
|
|
5382
5382
|
};
|
|
5383
|
-
const defaultProps$
|
|
5383
|
+
const defaultProps$g = transformToComponentProps(componentsDefaultProps['uni-text'].props, extraProps$1);
|
|
5384
5384
|
// array that contains style props
|
|
5385
|
-
var script$
|
|
5385
|
+
var script$l = vue.defineComponent({
|
|
5386
5386
|
name: 'uni-text',
|
|
5387
5387
|
props: {
|
|
5388
|
-
...defaultProps$
|
|
5388
|
+
...defaultProps$g
|
|
5389
5389
|
},
|
|
5390
5390
|
setup(props) {
|
|
5391
5391
|
const styleProps = useStylePick(props);
|
|
@@ -5397,7 +5397,7 @@
|
|
|
5397
5397
|
}
|
|
5398
5398
|
});
|
|
5399
5399
|
|
|
5400
|
-
function render$
|
|
5400
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5401
5401
|
return (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
|
|
5402
5402
|
onClick: vue.withModifiers(_ctx.handleClick, ["prevent"]),
|
|
5403
5403
|
style: vue.normalizeStyle(_ctx.styleProps),
|
|
@@ -5410,9 +5410,61 @@
|
|
|
5410
5410
|
}, 8 /* PROPS */, ["onClick", "style"]))
|
|
5411
5411
|
}
|
|
5412
5412
|
|
|
5413
|
+
script$l.render = render$m;
|
|
5414
|
+
script$l.__scopeId = "data-v-55ed80cb";
|
|
5415
|
+
script$l.__file = "src/components/UniText/UniText.vue";
|
|
5416
|
+
|
|
5417
|
+
script$l.install = (app) => {
|
|
5418
|
+
app.component(script$l.name, script$l);
|
|
5419
|
+
};
|
|
5420
|
+
|
|
5421
|
+
const defaultProps$f = transformToComponentProps(componentsDefaultProps['uni-image'].props, isEditingProp);
|
|
5422
|
+
const defaultStyles$c = without$1(Object.keys(imageDefaultProps), 'maskImage', 'imageSrc');
|
|
5423
|
+
// array that contains style props
|
|
5424
|
+
var script$k = vue.defineComponent({
|
|
5425
|
+
name: 'uni-image',
|
|
5426
|
+
props: {
|
|
5427
|
+
...defaultProps$f
|
|
5428
|
+
},
|
|
5429
|
+
setup(props) {
|
|
5430
|
+
const styleProps = useStylePick(props, defaultStyles$c);
|
|
5431
|
+
const handleClick = useComponentClick(props);
|
|
5432
|
+
const maskStyle = vue.computed(() => {
|
|
5433
|
+
return props.maskImage
|
|
5434
|
+
? {
|
|
5435
|
+
WebkitMaskImage: `url(${props.maskImage})`,
|
|
5436
|
+
WebkitMaskRepeat: 'no-repeat',
|
|
5437
|
+
WebkitMaskSize: 'contain'
|
|
5438
|
+
}
|
|
5439
|
+
: {};
|
|
5440
|
+
});
|
|
5441
|
+
return {
|
|
5442
|
+
styleProps,
|
|
5443
|
+
handleClick,
|
|
5444
|
+
maskStyle
|
|
5445
|
+
};
|
|
5446
|
+
}
|
|
5447
|
+
});
|
|
5448
|
+
|
|
5449
|
+
const _hoisted_1$b = ["src"];
|
|
5450
|
+
|
|
5451
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
5452
|
+
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
5453
|
+
style: vue.normalizeStyle({ ..._ctx.styleProps, ..._ctx.maskStyle }),
|
|
5454
|
+
class: "uni-image-mask-wrapper uni-image-component inner-component",
|
|
5455
|
+
draggable: false,
|
|
5456
|
+
onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => (_ctx.handleClick && _ctx.handleClick(...args)), ["prevent"]))
|
|
5457
|
+
}, [
|
|
5458
|
+
vue.createElementVNode("img", {
|
|
5459
|
+
src: _ctx.imageSrc,
|
|
5460
|
+
style: {"width":"100%","height":"100%"}
|
|
5461
|
+
}, null, 8 /* PROPS */, _hoisted_1$b)
|
|
5462
|
+
], 4 /* STYLE */))
|
|
5463
|
+
}
|
|
5464
|
+
|
|
5413
5465
|
script$k.render = render$l;
|
|
5414
|
-
script$k.__scopeId = "data-v-
|
|
5415
|
-
script$k.__file = "src/components/
|
|
5466
|
+
script$k.__scopeId = "data-v-03caca2f";
|
|
5467
|
+
script$k.__file = "src/components/UniImage/UniImage.vue";
|
|
5416
5468
|
|
|
5417
5469
|
script$k.install = (app) => {
|
|
5418
5470
|
app.component(script$k.name, script$k);
|
|
@@ -13162,7 +13214,7 @@
|
|
|
13162
13214
|
id: `component-${item.id}`,
|
|
13163
13215
|
style: {"width":"100%","height":"100%"}
|
|
13164
13216
|
}, [
|
|
13165
|
-
(item.name != 'uni-build-up')
|
|
13217
|
+
(item.name != 'uni-build-up' && !item.isHidden)
|
|
13166
13218
|
? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(item.name), vue.normalizeProps(vue.mergeProps({ key: 0 }, item.props)), null, 16 /* FULL_PROPS */))
|
|
13167
13219
|
: vue.createCommentVNode("v-if", true)
|
|
13168
13220
|
], 8 /* PROPS */, _hoisted_2$3))
|
|
@@ -75943,8 +75995,8 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75943
75995
|
|
|
75944
75996
|
// export { textDefaultProps , textStylePropNames, TextComponentProps,
|
|
75945
75997
|
const components = [
|
|
75998
|
+
script$l,
|
|
75946
75999
|
script$k,
|
|
75947
|
-
// UniImage,
|
|
75948
76000
|
script$j,
|
|
75949
76001
|
script$i,
|
|
75950
76002
|
script$h,
|
|
@@ -75985,6 +76037,7 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75985
76037
|
exports.UniCall = script$9;
|
|
75986
76038
|
exports.UniCountdown = script$b;
|
|
75987
76039
|
exports.UniEffect = script$7;
|
|
76040
|
+
exports.UniImage = script$k;
|
|
75988
76041
|
exports.UniLike = script$8;
|
|
75989
76042
|
exports.UniLotties = script$5;
|
|
75990
76043
|
exports.UniMap = script$a;
|
|
@@ -75993,7 +76046,7 @@ summary tabindex target title type usemap value width wmode wrap`;
|
|
|
75993
76046
|
exports.UniSvg = script;
|
|
75994
76047
|
exports.UniSwiper = script$4;
|
|
75995
76048
|
exports.UniTest = script$1;
|
|
75996
|
-
exports.UniText = script$
|
|
76049
|
+
exports.UniText = script$l;
|
|
75997
76050
|
exports.UniVideo = script$f;
|
|
75998
76051
|
exports["default"] = index;
|
|
75999
76052
|
exports.install = install;
|