taro-react-uilib 1.3.4-2 → 1.3.4-4
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.
- package/CHANGELOG.md +21 -0
- package/dist/components/ActivityIndicator/index.js +1 -1
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Cell/index.js +1 -1
- package/dist/components/Cell/index.js.map +1 -1
- package/dist/components/Dialog/Confirm/index.js +1 -1
- package/dist/components/Dialog/Confirm/index.js.map +1 -1
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/LinkMan/index.js +1 -1
- package/dist/components/LinkMan/index.js.map +1 -1
- package/dist/components/List/index.js +1 -1
- package/dist/components/List/index.js.map +1 -1
- package/dist/components/Loading/index.js +1 -1
- package/dist/components/Loading/index.js.map +1 -1
- package/dist/components/Page/index.js +1 -1
- package/dist/components/Page/index.js.map +1 -1
- package/dist/components/ProgressCircle/index.js +2 -0
- package/dist/components/ProgressCircle/index.js.map +1 -0
- package/dist/components/src/index.js +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +6 -6
- package/dist/index.umd.js.map +1 -1
- package/dist/styles/components/activityindicator.scss +5 -2
- package/dist/styles/components/button.scss +24 -18
- package/dist/styles/components/captcha.scss +1 -2
- package/dist/styles/components/cell.scss +15 -3
- package/dist/styles/components/dialog.scss +2 -2
- package/dist/styles/components/dialogref.scss +1 -1
- package/dist/styles/components/font/iconfont.ttf +0 -0
- package/dist/styles/components/font/iconfont.woff +0 -0
- package/dist/styles/components/font/iconfont.woff2 +0 -0
- package/dist/styles/components/icon.scss +4 -0
- package/dist/styles/components/index.scss +1 -0
- package/dist/styles/components/list.scss +2 -2
- package/dist/styles/components/loading.scss +38 -31
- package/dist/styles/components/popup.scss +2 -2
- package/dist/styles/components/progresscircle.scss +71 -0
- package/dist/styles/components/step.scss +1 -1
- package/dist/styles/themes/default.scss +5 -1
- package/dist/styles/themes/variable.scss +8 -0
- package/lib/components/ActivityIndicator/index.js +20 -4
- package/lib/components/ActivityIndicator/index.js.map +1 -1
- package/lib/components/Button/index.js +14 -14
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Cell/index.js +5 -3
- package/lib/components/Cell/index.js.map +1 -1
- package/lib/components/Dialog/Confirm/index.js +1 -1
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/LinkMan/index.js +28 -20
- package/lib/components/LinkMan/index.js.map +1 -1
- package/lib/components/List/index.js +3 -1
- package/lib/components/List/index.js.map +1 -1
- package/lib/components/Loading/index.js +7 -4
- package/lib/components/Loading/index.js.map +1 -1
- package/lib/components/Page/index.js +1 -1
- package/lib/components/Page/index.js.map +1 -1
- package/lib/components/ProgressCircle/index.js +22 -0
- package/lib/components/ProgressCircle/index.js.map +1 -0
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ActivityIndicator/index.d.ts +7 -5
- package/types/components/Cell/index.d.ts +1 -0
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Loading/index.d.ts +1 -0
- package/types/components/ProgressCircle/index.d.ts +13 -0
- package/types/index.d.ts +1 -0
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
width: 100%;
|
|
14
14
|
height: 100%;
|
|
15
15
|
margin: 1PX;
|
|
16
|
-
border-width: 1PX;
|
|
16
|
+
border-width: var(--loading-border-width, 1PX);
|
|
17
17
|
border-style: solid;
|
|
18
|
-
border-color: var(--color-primary) transparent transparent transparent;
|
|
18
|
+
border-color: var(--loading-border-color, var(--color-primary)) transparent transparent transparent;
|
|
19
19
|
border-radius: 50%;
|
|
20
20
|
animation: loading 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
|
|
21
21
|
|
|
@@ -31,6 +31,9 @@
|
|
|
31
31
|
animation-delay: -0.15s;
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
+
&-slot {
|
|
35
|
+
font-size: 24px;
|
|
36
|
+
}
|
|
34
37
|
}
|
|
35
38
|
@keyframes loading {
|
|
36
39
|
0% {
|
|
@@ -1,11 +1,17 @@
|
|
|
1
1
|
@import "../../styles/themes/variable.scss";
|
|
2
2
|
|
|
3
|
-
button.xh-button
|
|
3
|
+
button.xh-button[disabled][type=primary] {
|
|
4
4
|
background-color: var(--btn-color-disabled);
|
|
5
5
|
color: #fff;
|
|
6
6
|
}
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
|
|
8
|
+
button.xh-button-ghost.xh-button-primary[type=primary] {
|
|
9
|
+
background-color: #FFF;
|
|
10
|
+
color: var(--color-primary);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
button.xh-button[loading][type=primary] {
|
|
14
|
+
background-color: var(--color-primary);
|
|
9
15
|
}
|
|
10
16
|
#{$xh-prefix}-button {
|
|
11
17
|
position: relative;
|
|
@@ -37,72 +43,72 @@ button.xh-button-primary[type=primary] {
|
|
|
37
43
|
opacity: 0.4;
|
|
38
44
|
}
|
|
39
45
|
|
|
40
|
-
|
|
46
|
+
&.default {
|
|
41
47
|
color: var(--font-color);
|
|
42
48
|
background: #fff;
|
|
43
49
|
border: 2px solid var(--border-color);
|
|
44
50
|
}
|
|
45
51
|
|
|
46
|
-
|
|
52
|
+
&.primary {
|
|
47
53
|
color: #fff;
|
|
48
54
|
background-color: var(--btn-color);
|
|
49
55
|
box-shadow: var(--btn-shadow-primary);
|
|
50
56
|
}
|
|
51
57
|
|
|
52
|
-
|
|
58
|
+
&.secondary {
|
|
53
59
|
background-color: transparent;
|
|
54
60
|
color: var(--font-color-secondary);
|
|
55
61
|
border: 1px solid var(--font-color-secondary);
|
|
56
62
|
}
|
|
57
63
|
|
|
58
|
-
|
|
64
|
+
&.warn {
|
|
59
65
|
background-color: var(--color-warning);
|
|
60
66
|
color: #fff;
|
|
61
67
|
}
|
|
62
68
|
|
|
63
|
-
|
|
69
|
+
&.disabled {
|
|
64
70
|
background: var(--btn-color-disabled);
|
|
65
71
|
color: #fff;
|
|
66
72
|
box-shadow: unset;
|
|
67
73
|
}
|
|
68
74
|
|
|
69
|
-
|
|
75
|
+
&.square {
|
|
70
76
|
border-radius: 12px;
|
|
71
77
|
}
|
|
72
78
|
|
|
73
|
-
|
|
79
|
+
&.round {
|
|
74
80
|
border-radius: 55px;
|
|
75
81
|
}
|
|
76
82
|
|
|
77
|
-
|
|
83
|
+
&.rectangle {
|
|
78
84
|
border-radius: 0;
|
|
79
85
|
}
|
|
80
86
|
|
|
81
|
-
|
|
87
|
+
&.normal {
|
|
82
88
|
width: 570px;
|
|
83
89
|
}
|
|
84
90
|
|
|
85
|
-
|
|
91
|
+
&.small {
|
|
86
92
|
font-size: 20px;
|
|
87
93
|
width: 170px;
|
|
88
94
|
display: inline-block;
|
|
89
95
|
}
|
|
90
|
-
|
|
96
|
+
&.full {
|
|
91
97
|
width: 100%;
|
|
92
98
|
}
|
|
93
|
-
|
|
94
|
-
background: #fff;
|
|
99
|
+
&.ghost {
|
|
100
|
+
background-color: #fff;
|
|
95
101
|
color: var(--color-primary);
|
|
96
102
|
box-shadow: none;
|
|
97
103
|
border: 0;
|
|
98
104
|
}
|
|
99
|
-
|
|
105
|
+
&.hollow {
|
|
100
106
|
background-color: #FFF;
|
|
101
107
|
color: var(--color-primary);
|
|
102
108
|
border: 1PX solid var(--color-primary);
|
|
103
109
|
}
|
|
104
110
|
|
|
105
|
-
|
|
111
|
+
&.webutton {
|
|
106
112
|
display: inline-block;
|
|
107
113
|
margin: 0;
|
|
108
114
|
&.xh-button-small {
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
@import "../../styles/themes/variable.scss";
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
@font-face {
|
|
5
|
+
font-family: "xh-iconfont"; /* Project id 4043926 */
|
|
6
|
+
src:
|
|
7
|
+
url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
|
|
8
|
+
url('./font/iconfont.woff?t=1687140360510') format('woff'),
|
|
9
|
+
url('./font/iconfont.ttf?t=1687140360510') format('truetype');
|
|
10
|
+
}
|
|
11
|
+
|
|
3
12
|
#{$xh-prefix}-cell {
|
|
4
13
|
display: flex;
|
|
5
14
|
justify-content: space-between;
|
|
@@ -8,7 +17,11 @@
|
|
|
8
17
|
position: relative;
|
|
9
18
|
box-sizing: border-box;
|
|
10
19
|
line-height: 1.2;
|
|
11
|
-
padding: 28px;
|
|
20
|
+
padding: 28px 0;
|
|
21
|
+
width: 100%;
|
|
22
|
+
&.paddingHorizontal {
|
|
23
|
+
padding: 28px;
|
|
24
|
+
}
|
|
12
25
|
font-size: 28px;
|
|
13
26
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
14
27
|
font-weight: 400;
|
|
@@ -103,8 +116,7 @@
|
|
|
103
116
|
&-icon {
|
|
104
117
|
display: inline-block;
|
|
105
118
|
margin-left: 7px;
|
|
106
|
-
|
|
107
|
-
display: block;
|
|
119
|
+
&-arrow {
|
|
108
120
|
display: block;
|
|
109
121
|
font-family: 'xh-iconfont';
|
|
110
122
|
-webkit-font-smoothing: antialiased;
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
}
|
|
44
44
|
&-footer {
|
|
45
45
|
margin-top: 60px;
|
|
46
|
-
.xh-alert-button {
|
|
46
|
+
.xh-alert-button.xh-button {
|
|
47
47
|
width: 100%;
|
|
48
48
|
padding: 8px 0;
|
|
49
49
|
border-bottom-left-radius: 16px;
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
font-size: 32px;
|
|
64
64
|
padding: 8px 0;
|
|
65
65
|
}
|
|
66
|
-
&-cancel-button {
|
|
66
|
+
&-cancel-button.xh-button {
|
|
67
67
|
color: var(--font-color-tertiary);
|
|
68
68
|
border-right: 1PX solid #EEE;
|
|
69
69
|
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
box-sizing: border-box;
|
|
19
19
|
font-size: 32px;
|
|
20
20
|
line-height: 1.2;
|
|
21
|
+
width: 100%;
|
|
21
22
|
&.condensed {
|
|
22
23
|
padding: 6px 0;
|
|
23
24
|
}
|
|
@@ -84,8 +85,7 @@
|
|
|
84
85
|
}
|
|
85
86
|
&-icon {
|
|
86
87
|
display: inline-block;
|
|
87
|
-
|
|
88
|
-
display: block;
|
|
88
|
+
&-arrow {
|
|
89
89
|
display: block;
|
|
90
90
|
font-family: 'xh-iconfont';
|
|
91
91
|
-webkit-font-smoothing: antialiased;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@import './mask.scss';
|
|
2
|
+
@import './activityindicator.scss';
|
|
2
3
|
@import "../../styles/themes/variable.scss";
|
|
3
4
|
|
|
4
5
|
#{$xh-prefix}-loading {
|
|
@@ -10,42 +11,48 @@
|
|
|
10
11
|
align-items: center;
|
|
11
12
|
justify-content: center;
|
|
12
13
|
flex-direction: column;
|
|
13
|
-
border-radius:
|
|
14
|
+
border-radius: 8px;
|
|
14
15
|
transform: translate(-50%, -50%);
|
|
15
16
|
z-index: 999;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
height: 100px;
|
|
19
|
-
position: relative;
|
|
20
|
-
&-circle {
|
|
21
|
-
width: 100%;
|
|
22
|
-
height: 100%;
|
|
23
|
-
top: 0;
|
|
24
|
-
left: 0;
|
|
25
|
-
position: absolute;
|
|
26
|
-
.dot-rotate {
|
|
27
|
-
display: block;
|
|
28
|
-
margin: 0 auto;
|
|
29
|
-
width: 15%;
|
|
30
|
-
height: 15%;
|
|
31
|
-
border-radius: 100%;
|
|
32
|
-
animation: xh-spinner-circle 1.2s infinite ease-in-out both;
|
|
33
|
-
background-color: $font-color-secondary;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
@for $var from 1 through 12 {
|
|
37
|
-
.is-circle#{$var} {
|
|
38
|
-
transform: rotate(30+30 * ($var - 1) + deg);
|
|
39
|
-
.dot-rotate {
|
|
40
|
-
animation-delay: -(1 - 0.1 * ($var - 1)) + s;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
17
|
+
&.hasTip {
|
|
18
|
+
padding: 28px 60px;
|
|
44
19
|
}
|
|
20
|
+
padding: 60px;
|
|
21
|
+
background: rgba(0,0,0,0.75);
|
|
22
|
+
// &-spinner {
|
|
23
|
+
// width: 100px;
|
|
24
|
+
// height: 100px;
|
|
25
|
+
// position: relative;
|
|
26
|
+
// &-circle {
|
|
27
|
+
// width: 100%;
|
|
28
|
+
// height: 100%;
|
|
29
|
+
// top: 0;
|
|
30
|
+
// left: 0;
|
|
31
|
+
// position: absolute;
|
|
32
|
+
// .dot-rotate {
|
|
33
|
+
// display: block;
|
|
34
|
+
// margin: 0 auto;
|
|
35
|
+
// width: 15%;
|
|
36
|
+
// height: 15%;
|
|
37
|
+
// border-radius: 100%;
|
|
38
|
+
// animation: xh-spinner-circle 1.2s infinite ease-in-out both;
|
|
39
|
+
// background-color: $font-color-secondary;
|
|
40
|
+
// }
|
|
41
|
+
// }
|
|
42
|
+
// @for $var from 1 through 12 {
|
|
43
|
+
// .is-circle#{$var} {
|
|
44
|
+
// transform: rotate(30+30 * ($var - 1) + deg);
|
|
45
|
+
// .dot-rotate {
|
|
46
|
+
// animation-delay: -(1 - 0.1 * ($var - 1)) + s;
|
|
47
|
+
// }
|
|
48
|
+
// }
|
|
49
|
+
// }
|
|
50
|
+
// }
|
|
45
51
|
&-tip {
|
|
46
52
|
display: block;
|
|
47
|
-
font-size:
|
|
48
|
-
margin-top:
|
|
53
|
+
font-size: 24px;
|
|
54
|
+
margin-top: 18px;
|
|
55
|
+
color: #FFF;
|
|
49
56
|
}
|
|
50
57
|
}
|
|
51
58
|
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
display: flex;
|
|
13
13
|
justify-content: center;
|
|
14
14
|
align-items: center;
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
padding-bottom: env(safe-area-inset-bottom);
|
|
16
|
+
padding-bottom: constant(safe-area-inset-bottom);
|
|
17
17
|
overflow: auto;
|
|
18
18
|
&.visible {
|
|
19
19
|
visibility: visible;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
@import "../../styles/themes/variable.scss";
|
|
2
|
+
|
|
3
|
+
@font-face {
|
|
4
|
+
font-family: "xh-iconfont"; /* Project id 4043926 */
|
|
5
|
+
src:
|
|
6
|
+
url('./font/iconfont.woff2?t=1687140360510') format('woff2'),
|
|
7
|
+
url('./font/iconfont.woff?t=1687140360510') format('woff'),
|
|
8
|
+
url('./font/iconfont.ttf?t=1687140360510') format('truetype');
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
#{$xh-prefix}-progress-circle {
|
|
12
|
+
width: 62px;
|
|
13
|
+
height: 62px;
|
|
14
|
+
display: inline-block;
|
|
15
|
+
border-radius: 50%;
|
|
16
|
+
background: conic-gradient(var(--doneColor, #DDD), var(--percent, 0.25turn), var(--backgroundColor, rgba(0,0,0,0.5)) 0deg);
|
|
17
|
+
position: relative;
|
|
18
|
+
&:after {
|
|
19
|
+
content: "";
|
|
20
|
+
border-radius: 50%;
|
|
21
|
+
width: 80%;
|
|
22
|
+
height: 80%;
|
|
23
|
+
background-color: var(--maskColor);
|
|
24
|
+
position: absolute;
|
|
25
|
+
top: 50%;
|
|
26
|
+
left: 50%;
|
|
27
|
+
transform: translate(-50%, -50%);
|
|
28
|
+
font-size: 20px;
|
|
29
|
+
display: flex;
|
|
30
|
+
align-items: center;
|
|
31
|
+
justify-content: center;
|
|
32
|
+
}
|
|
33
|
+
&-done {
|
|
34
|
+
background-color: #FFF;
|
|
35
|
+
position: absolute;
|
|
36
|
+
top: 50%;
|
|
37
|
+
left: 50%;
|
|
38
|
+
transform: translate(-50%, -50%);
|
|
39
|
+
display: inline-block;
|
|
40
|
+
font-family: xh-iconfont;
|
|
41
|
+
font-style: normal;
|
|
42
|
+
font-weight: 400;
|
|
43
|
+
font-variant: normal;
|
|
44
|
+
text-transform: none;
|
|
45
|
+
text-rendering: auto;
|
|
46
|
+
line-height: 1;
|
|
47
|
+
-webkit-font-smoothing: antialiased;
|
|
48
|
+
-moz-osx-font-smoothing: grayscale;
|
|
49
|
+
vertical-align: middle;
|
|
50
|
+
font-size: 60px;
|
|
51
|
+
color: var(--doneColor);
|
|
52
|
+
background-color: transparent;
|
|
53
|
+
&:before {
|
|
54
|
+
content: "\e624";
|
|
55
|
+
}
|
|
56
|
+
z-index: 5;
|
|
57
|
+
animation: finish .4s ease-in-out;
|
|
58
|
+
}
|
|
59
|
+
@keyframes finish {
|
|
60
|
+
0% {
|
|
61
|
+
transform: translate(-50%, -50%) scale(0);
|
|
62
|
+
}
|
|
63
|
+
50% {
|
|
64
|
+
transform: translate(-50%, -50%) scale(1.3);
|
|
65
|
+
}
|
|
66
|
+
100% {
|
|
67
|
+
transform: translate(-50%, -50%) scale(1);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
$color-primary: #fe5e00;
|
|
2
|
+
$color-primary-secondary: #F95700;
|
|
2
3
|
$color-primary-dark: #ff8d1a;
|
|
3
4
|
$color-primary-reverse: #fff;
|
|
4
5
|
$color-disabled: #febe98;
|
|
@@ -20,13 +21,16 @@ $color-success: #00c261;
|
|
|
20
21
|
$color-fail: #ff2e2e;
|
|
21
22
|
$color-warning: #ffb101;
|
|
22
23
|
$color-active: #485efe;
|
|
23
|
-
|
|
24
|
+
$form-color-placeholder: #cccccc;
|
|
24
25
|
$border-color: #f2f2f2 !default;
|
|
25
26
|
|
|
26
27
|
$btn-font-size: 34px;
|
|
27
28
|
|
|
28
29
|
$btn-color: #fe5e00;
|
|
29
30
|
$btn-color-disabled: #febe98;
|
|
31
|
+
$btn-font-color: #F95700;
|
|
32
|
+
$btn-border-color: #F95700;
|
|
33
|
+
|
|
30
34
|
$btn-shadow-primary: 0;
|
|
31
35
|
$card-box-shadow: 0 0 15px rgb(0 0 0 / 0.06);
|
|
32
36
|
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
$xh-prefix: ".xh";
|
|
4
4
|
:root, page {
|
|
5
5
|
--color-primary: #{$color-primary};
|
|
6
|
+
--color-primary-secondary: #{$color-primary-secondary};
|
|
6
7
|
--color-primary-dark: #{$color-primary-dark};
|
|
7
8
|
--color-primary-reverse: #{$color-primary-reverse};
|
|
8
9
|
--color-disabled: #{$color-disabled};
|
|
@@ -18,6 +19,9 @@ $xh-prefix: ".xh";
|
|
|
18
19
|
--font-color-fifth: #{$font-color-fifth};
|
|
19
20
|
--border-color: #{$border-color};
|
|
20
21
|
--btn-color: #{$btn-color};
|
|
22
|
+
--btn-font-color: #{$btn-font-color};
|
|
23
|
+
--btn-border-color: #{$btn-border-color};
|
|
24
|
+
--btn-color-disabled: #{$btn-color-disabled};
|
|
21
25
|
--btn-shadow-primary: #{$btn-shadow-primary};
|
|
22
26
|
--mask-color: #{$mask-color};
|
|
23
27
|
--toast-bg-color: #{$toast-bg-light};
|
|
@@ -29,6 +33,7 @@ $xh-prefix: ".xh";
|
|
|
29
33
|
@media (prefers-color-scheme: dark) {
|
|
30
34
|
:root, page {
|
|
31
35
|
--color-primary: #{$color-primary};
|
|
36
|
+
--color-primary-secondary: #{$color-primary-secondary};
|
|
32
37
|
--color-primary-dark: #{$color-primary-dark};
|
|
33
38
|
--color-primary-reverse: #{$color-primary-reverse};
|
|
34
39
|
--color-disabled: #{$color-disabled};
|
|
@@ -44,6 +49,9 @@ $xh-prefix: ".xh";
|
|
|
44
49
|
--font-color-fifth: #{$font-color-fifth};
|
|
45
50
|
--border-color: #{$border-color};
|
|
46
51
|
--btn-color: #{$btn-color};
|
|
52
|
+
--btn-font-color: #{$btn-font-color};
|
|
53
|
+
--btn-border-color: #{$btn-border-color};
|
|
54
|
+
--btn-color-disabled: #{$btn-color-disabled};
|
|
47
55
|
--btn-shadow-primary: #{$btn-shadow-primary};
|
|
48
56
|
--mask-color: #{$mask-color};
|
|
49
57
|
--toast-bg-color: #{$toast-bg-dark};
|
|
@@ -1,14 +1,30 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
1
12
|
import React from "react";
|
|
2
13
|
import classNames from "classnames";
|
|
3
14
|
import { View } from "@tarojs/components";
|
|
15
|
+
import { pxTransform } from "@/utils";
|
|
4
16
|
import "./index.scss";
|
|
5
|
-
const Activityindicator = (
|
|
17
|
+
const Activityindicator = (_a) => {
|
|
18
|
+
var { className, style, size = 36 } = _a, rest = __rest(_a, ["className", "style", "size"]);
|
|
6
19
|
const cls = classNames("xh-activity-indicator", className);
|
|
7
|
-
|
|
8
|
-
|
|
20
|
+
let finalStyle = Object.assign(Object.assign({}, style), rest);
|
|
21
|
+
if (size !== 36) {
|
|
22
|
+
finalStyle = Object.assign(Object.assign({}, finalStyle), { width: pxTransform(size), height: pxTransform(size) });
|
|
23
|
+
}
|
|
24
|
+
return (React.createElement(View, { className: cls, style: finalStyle },
|
|
9
25
|
React.createElement(View, { className: "xh-activity-indicator-main" }),
|
|
10
26
|
React.createElement(View, { className: "xh-activity-indicator-main" }),
|
|
11
|
-
|
|
27
|
+
React.createElement(View, { className: "xh-activity-indicator-main" })));
|
|
12
28
|
};
|
|
13
29
|
export default Activityindicator;
|
|
14
30
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGtC,OAAO,cAAc,CAAC;AAUtB,MAAM,iBAAiB,GAAqB,CAAC,EAK5C,EAAE,EAAE;QALwC,EAC3C,SAAS,EACT,KAAK,EACL,IAAI,GAAG,EAAE,OAEV,EADI,IAAI,cAJoC,8BAK5C,CADQ;IAEP,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,EAAE,SAAS,CAAC,CAAC;IAE3D,IAAI,UAAU,mCACT,KAAK,GACL,IAAI,CACR,CAAC;IACF,IAAI,IAAI,KAAK,EAAE,EAAE;QACf,UAAU,mCACL,UAAU,KACb,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,EACxB,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,GAC1B,CAAC;KACH;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU;QACrC,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAQ;QACpD,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAQ;QACpD,oBAAC,IAAI,IAAC,SAAS,EAAC,4BAA4B,GAAQ,CAC/C,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -10,20 +10,20 @@ const XhButton = props => {
|
|
|
10
10
|
const [preventClick, setPreventClick] = useState(false);
|
|
11
11
|
const timer = useRef();
|
|
12
12
|
const classObj = classNames("xh-button", {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
13
|
+
default: type === "default",
|
|
14
|
+
primary: type === "primary",
|
|
15
|
+
secondary: type === "secondary",
|
|
16
|
+
ghost: ghost,
|
|
17
|
+
hollow: hollow,
|
|
18
|
+
warn: type === "warn",
|
|
19
|
+
quare: shape === "square",
|
|
20
|
+
round: shape === "round",
|
|
21
|
+
rectangle: shape === "rectangle",
|
|
22
|
+
normal: size === "normal",
|
|
23
|
+
small: size === "mini",
|
|
24
|
+
full: size === "full",
|
|
25
|
+
disabled: disabled,
|
|
26
|
+
webutton: state === "WEAPP",
|
|
27
27
|
}, className);
|
|
28
28
|
const handleClick = e => {
|
|
29
29
|
state === "WEB" && e.nativeEvent.stopImmediatePropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAO,MAAM,WAAW,CAAC;AAoDhC,MAAM,QAAQ,GAAsB,KAAK,CAAC,EAAE;IAC1C,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,GACf,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,MAAM,EAA8B,CAAC;IACnD,MAAM,QAAQ,GAAG,UAAU,CACzB,WAAW,EACX;QACE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,cAAc,CAAC;AACtB,OAAO,OAAO,MAAM,WAAW,CAAC;AAoDhC,MAAM,QAAQ,GAAsB,KAAK,CAAC,EAAE;IAC1C,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,OAAO,EACf,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,GAAG,IAAI,EAClB,KAAK,EACL,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,GACf,GAAG,KAAK,CAAC;IACV,MAAM,KAAK,GAAG,UAAU,EAAE,CAAC;IAC3B,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,KAAK,GAAG,MAAM,EAA8B,CAAC;IACnD,MAAM,QAAQ,GAAG,UAAU,CACzB,WAAW,EACX;QACE,OAAO,EAAE,IAAI,KAAK,SAAS;QAC3B,OAAO,EAAE,IAAI,KAAK,SAAS;QAC3B,SAAS,EAAE,IAAI,KAAK,WAAW;QAC/B,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,IAAI,KAAK,MAAM;QACrB,KAAK,EAAE,KAAK,KAAK,QAAQ;QACzB,KAAK,EAAE,KAAK,KAAK,OAAO;QACxB,SAAS,EAAE,KAAK,KAAK,WAAW;QAChC,MAAM,EAAE,IAAI,KAAK,QAAQ;QACzB,KAAK,EAAE,IAAI,KAAK,MAAM;QACtB,IAAI,EAAE,IAAI,KAAK,MAAM;QACrB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,KAAK,KAAK,OAAO;KAC5B,EACD,SAAS,CACV,CAAC;IAEF,MAAM,WAAW,GAA2C,CAAC,CAAC,EAAE;QAC9D,KAAK,KAAK,KAAK,IAAI,CAAC,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;QAC5D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,YAAY,IAAI,WAAW,KAAK,CAAC,EAAE;YACrC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACpB,OAAO;SACR;QACD,IAAI,WAAW,KAAK,CAAC,EAAE;YACrB,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;YAC9B,CAAC,EAAE,WAAW,CAAC,CAAC;SACjB;QACD,IAAI,WAAW,KAAK,CAAC;YAAE,eAAe,CAAC,IAAI,CAAC,CAAC;QAC7C,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QACpB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG,CACf,oBAAC,MAAM,IACL,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAA2B,EACjC,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAEf,QAAQ,CACF,CACV,CAAC;IAEF,IAAI,KAAK,KAAK,OAAO,EAAE;QACrB,OAAO,QAAQ,CAAC;KACjB;IAED,OAAO;IACL,iDAAiD;IACjD,gCACE,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EAC3C,KAAK,EAAE,KAAK;QAEX,QAAQ,IAAI,IAAI;QAChB,OAAO,IAAI,oBAAC,OAAO,IAAC,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,GAAI,CAC1D,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { View, Text } from "@tarojs/components";
|
|
|
3
3
|
import classNames from "classnames";
|
|
4
4
|
import "./index.scss";
|
|
5
5
|
const XHCell = props => {
|
|
6
|
-
const { icon, value, extraIcon, arrow, border = true, onClick, className, outline = true, descriptionColor = "", valueColor, ellipsis = true, content, contentDescription, description, subDescription, secondary, alignItems = icon ? "start" : "center", placeholder = "", } = props;
|
|
7
|
-
const cellcls = classNames("xh-cell", { border }, { secondary }, { outline }, alignItems, className);
|
|
6
|
+
const { icon, value, extraIcon, arrow, border = true, paddingHorizontal = true, onClick, className, outline = true, descriptionColor = "", valueColor, ellipsis = true, content, contentDescription, description, subDescription, secondary, alignItems = icon ? "start" : "center", placeholder = "", } = props;
|
|
7
|
+
const cellcls = classNames("xh-cell", { border }, { secondary }, { outline }, { paddingHorizontal }, alignItems, className);
|
|
8
8
|
const mainCls = classNames("xh-cell-main", {
|
|
9
9
|
ellipsis,
|
|
10
10
|
});
|
|
@@ -21,7 +21,9 @@ const XHCell = props => {
|
|
|
21
21
|
React.createElement(Text, { className: "xh-cell-description-sub" }, subDescription)),
|
|
22
22
|
React.createElement(View, { className: "xh-cell-value" },
|
|
23
23
|
React.createElement(View, { className: "xh-cell-value-info", style: { color: valueColor } }, value),
|
|
24
|
-
React.createElement(View, { className: "xh-cell-value-icon" }, extraIcon
|
|
24
|
+
React.createElement(View, { className: "xh-cell-value-icon" }, extraIcon
|
|
25
|
+
? extraIcon
|
|
26
|
+
: arrow && React.createElement(View, { className: "xh-cell-value-icon-arrow" })))));
|
|
25
27
|
};
|
|
26
28
|
export default XHCell;
|
|
27
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Cell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAAe,MAAM,oBAAoB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAIpC,OAAO,cAAc,CAAC;AA0BtB,MAAM,MAAM,GAAoB,KAAK,CAAC,EAAE;IACtC,MAAM,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,MAAM,GAAG,IAAI,EACb,iBAAiB,GAAG,IAAI,EACxB,OAAO,EACP,SAAS,EACT,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,EAAE,EACrB,UAAU,EACV,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,kBAAkB,EAClB,WAAW,EACX,cAAc,EACd,SAAS,EACT,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EACtC,WAAW,GAAG,EAAE,GACjB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,EACT,EAAE,MAAM,EAAE,EACV,EAAE,SAAS,EAAE,EACb,EAAE,OAAO,EAAE,EACX,EAAE,iBAAiB,EAAE,EACrB,UAAU,EACV,SAAS,CACV,CAAC;IAEF,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,EAAE;QACzC,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,CAAc,EAAE,EAAE;QACrC,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW;QAC3C,IAAI,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,cAAc,IAAE,IAAI,CAAQ;QACrD,oBAAC,IAAI,IAAC,SAAS,EAAE,OAAO;YACrB,OAAO,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAQ;YAClE,kBAAkB,IAAI,CACrB,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,IAAE,kBAAkB,CAAQ,CACvE,CACI;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE;YACrE,WAAW,CAAC,CAAC,CAAC,CACb,oBAAC,IAAI,QAAE,WAAW,CAAQ,CAC3B,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,IAAE,WAAW,CAAQ,CACvE;YACD,oBAAC,IAAI,IAAC,SAAS,EAAC,yBAAyB,IAAE,cAAc,CAAQ,CAC5D;QACP,oBAAC,IAAI,IAAC,SAAS,EAAC,eAAe;YAC7B,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAC9D,KAAK,CACD;YACP,oBAAC,IAAI,IAAC,SAAS,EAAC,oBAAoB,IACjC,SAAS;gBACR,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,KAAK,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,GAAG,CACrD,CACF,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,MAAM,CAAC"}
|
|
@@ -33,7 +33,7 @@ const Comfirm = (props) => {
|
|
|
33
33
|
}
|
|
34
34
|
else {
|
|
35
35
|
showModal(Object.assign({ title,
|
|
36
|
-
content, confirmColor: "#
|
|
36
|
+
content, confirmColor: "#fe5e00", cancelText, cancelColor: "#666", confirmText }, rest)).then(resolve);
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAItC,OAAO,cAAc,CAAC;AAsDtB,MAAM,IAAI,GAA0B,KAAK,CAAC,EAAE;IAC1C,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAjE,+CAAyD,CAAQ,CAAC;IAExE,MAAM,OAAO,GAAG,IAAI,IAAI,WAAW,IAAI,EAAE,CAAC;IAC1C,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAE1D,MAAM,UAAU,mCACX,KAAK,KACR,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,KAAK,GACN,CAAC;IAEF,OAAO,4CAAM,SAAS,EAAE,OAAO,IAAM,EAAE,KAAK,EAAE,UAAU,EAAE,EAAM,IAAI,EAAI,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|