@yup/taro-ui 0.0.8 → 0.1.0
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/README.md +52 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -1
- package/es/components/button/index.d.ts +19 -3
- package/es/components/button/index.js +1 -1
- package/es/components/button/style/index.css +81 -29
- package/es/components/button/style/index.d.ts +1 -0
- package/es/components/button/style/index.js +1 -0
- package/es/components/checkbox/checkbox-group.d.ts +6 -2
- package/es/components/checkbox/checkbox-group.js +1 -1
- package/es/components/checkbox/index.js +1 -1
- package/es/components/checkbox/style/index.css +2 -24
- package/es/components/checkbox/style/index.d.ts +1 -0
- package/es/components/checkbox/style/index.js +1 -0
- package/es/components/date-picker-view/index.d.ts +40 -0
- package/es/components/date-picker-view/index.js +1 -0
- package/es/components/date-picker-view/style/index.css +3 -0
- package/es/components/date-picker-view/style/index.d.ts +2 -0
- package/es/components/date-picker-view/style/index.js +2 -0
- package/es/components/date-picker-view/util.d.ts +7 -0
- package/es/components/date-picker-view/util.js +1 -0
- package/es/components/form/form-item.js +1 -1
- package/es/components/form/index.js +1 -1
- package/es/components/form/style/index.css +0 -22
- package/es/components/form/style/index.d.ts +1 -0
- package/es/components/form/style/index.js +1 -0
- package/es/components/icon/index.d.ts +12 -0
- package/es/components/icon/index.js +1 -0
- package/es/components/icon/style/iconfont.css +60 -0
- package/es/components/icon/style/iconfont.ttf +0 -0
- package/es/components/icon/style/iconfont.woff +0 -0
- package/es/components/icon/style/iconfont.woff2 +0 -0
- package/es/components/icon/style/index.d.ts +1 -0
- package/es/components/icon/style/index.js +1 -0
- package/es/components/input/index.d.ts +12 -0
- package/es/components/input/index.js +1 -1
- package/es/components/input/style/index.css +28 -27
- package/es/components/input/style/index.d.ts +2 -0
- package/es/components/input/style/index.js +2 -0
- package/es/components/input/style/search.css +21 -0
- package/es/components/picker-view/index.d.ts +25 -0
- package/es/components/picker-view/index.js +1 -0
- package/es/components/picker-view/style/index.css +62 -0
- package/es/components/picker-view/style/index.d.ts +2 -0
- package/es/components/picker-view/style/index.js +2 -0
- package/es/components/popup/index.d.ts +62 -0
- package/es/components/popup/index.js +1 -0
- package/es/components/popup/style/index.css +91 -0
- package/es/components/popup/style/index.d.ts +2 -0
- package/es/components/popup/style/index.js +2 -0
- package/es/components/radio/context.d.ts +5 -0
- package/es/components/radio/context.js +1 -0
- package/es/components/radio/index.js +1 -1
- package/es/components/radio/radio-group.js +1 -1
- package/es/components/radio/style/group.css +0 -22
- package/es/components/radio/style/index.d.ts +1 -0
- package/es/components/radio/style/index.js +1 -0
- package/es/components/radio/style/radio.css +11 -24
- package/es/components/safe-area/index.d.ts +13 -0
- package/es/components/safe-area/index.js +1 -0
- package/es/components/safe-area/style/index.css +3 -0
- package/es/components/safe-area/style/index.d.ts +2 -0
- package/es/components/safe-area/style/index.js +2 -0
- package/es/components/safe-area/util.d.ts +5 -0
- package/es/components/safe-area/util.js +1 -0
- package/es/components/switch/index.d.ts +6 -0
- package/es/components/switch/index.js +1 -0
- package/es/components/switch/style/index.css +38 -0
- package/es/components/switch/style/index.d.ts +2 -0
- package/es/components/switch/style/index.js +2 -0
- package/es/components/toast/style/index.css +0 -22
- package/es/components/toast/style/index.d.ts +1 -0
- package/es/components/toast/style/index.js +1 -0
- package/es/components/toast/toast.js +1 -1
- package/es/components/toast/withToast.js +1 -1
- package/es/global/global.css +18 -0
- package/es/global/index.d.ts +2 -1
- package/es/global/theme-default.css +18 -0
- package/es/global/variables.css +0 -0
- package/es/hooks/useRefState.d.ts +7 -0
- package/es/hooks/useRefState.js +1 -0
- package/es/index.d.ts +6 -0
- package/es/index.js +1 -1
- package/es/node_modules/@yup/taro-checkbox/dist/_virtual/_rollupPluginBabelHelpers.js +1 -0
- package/es/node_modules/@yup/taro-checkbox/dist/checkbox-group.js +1 -0
- package/es/node_modules/@yup/taro-checkbox/dist/context.js +1 -0
- package/es/node_modules/@yup/taro-checkbox/dist/index.js +1 -0
- package/es/node_modules/@yup/taro-form/dist/_virtual/_rollupPluginBabelHelpers.js +3 -0
- package/es/node_modules/@yup/taro-form/dist/context.js +1 -0
- package/es/node_modules/@yup/taro-form/dist/formItem.js +1 -0
- package/es/node_modules/@yup/taro-form/dist/fromStore.js +1 -0
- package/es/node_modules/@yup/taro-form/dist/index.js +1 -0
- package/es/node_modules/@yup/taro-form/dist/useForm.js +1 -0
- package/es/node_modules/@yup/taro-form/dist/useWatch.js +1 -0
- package/es/node_modules/@yup/taro-radio/dist/_virtual/_rollupPluginBabelHelpers.js +1 -0
- package/es/node_modules/@yup/taro-radio/dist/context.js +1 -0
- package/es/node_modules/@yup/taro-radio/dist/index.js +1 -0
- package/es/node_modules/@yup/taro-radio/dist/radio-group.js +1 -0
- package/es/style/iconfont.ttf +0 -0
- package/es/style/iconfont.woff +0 -0
- package/es/style/iconfont.woff2 +0 -0
- package/es/style/index.css +225 -203
- package/package.json +12 -7
- package/es/_virtual/_commonjsHelpers.js +0 -1
- package/es/_virtual/index.js +0 -1
- package/es/_virtual/jsx-runtime.js +0 -1
- package/es/_virtual/react-jsx-runtime.development.js +0 -1
- package/es/_virtual/react-jsx-runtime.production.min.js +0 -1
- package/es/global.css +0 -22
- package/es/node_modules/classnames/index.js +0 -1
- package/es/node_modules/react/cjs/react-jsx-runtime.development.js +0 -1
- package/es/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -10
- package/es/node_modules/react/jsx-runtime.js +0 -1
- package/es/utils/react.d.ts +0 -2
package/es/style/index.css
CHANGED
|
@@ -1,70 +1,55 @@
|
|
|
1
1
|
:root,
|
|
2
2
|
page {
|
|
3
3
|
--ypmini-hd: 2;
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--
|
|
18
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
19
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
20
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
21
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
:root,
|
|
25
|
-
page {
|
|
26
|
-
--ypmini-hd: 2;
|
|
27
|
-
--yp-color-primary: #0092ff;
|
|
28
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
29
|
-
--yp-color-text-light: #0092ff;
|
|
30
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
31
|
-
--yp-border-color: #e9edf3;
|
|
32
|
-
--yp-color-text-primary: #333;
|
|
33
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
34
|
-
--yp-color-text-secondary: #666;
|
|
35
|
-
--yp-color-text-disabled: #ccc;
|
|
36
|
-
--yp-color-text-placeholder: #999;
|
|
37
|
-
--yp-font-size-default: calc(17px * var(--ypmini-hd));
|
|
38
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
39
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
40
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
41
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
42
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
43
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
44
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
4
|
+
--ypmini-primary-color: #0092ff;
|
|
5
|
+
--ypmini-color-text: rgba(0, 0, 0, 0.85);
|
|
6
|
+
--ypmini-color-text-light: var(--ypmini-primary-color);
|
|
7
|
+
--ypmini-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
8
|
+
--ypmini-color-text-primary: #333;
|
|
9
|
+
--ypmini-color-text-link: var(--ypmini-primary-color);
|
|
10
|
+
--ypmini-color-text-secondary: #666;
|
|
11
|
+
--ypmini-color-text-disabled: #ccc;
|
|
12
|
+
--ypmini-color-text-placeholder: #00000040;
|
|
13
|
+
--ypmini-border-color: #e9edf3;
|
|
14
|
+
--ypmini-font-size-max: calc(19px * var(--ypmini-hd));
|
|
15
|
+
--ypmini-font-size-large: calc(17px * var(--ypmini-hd));
|
|
16
|
+
--ypmini-font-size-default: calc(15px * var(--ypmini-hd));
|
|
17
|
+
--ypmini-font-size-middle: calc(14px * var(--ypmini-hd));
|
|
45
18
|
}
|
|
46
19
|
:root,
|
|
47
20
|
page {
|
|
48
21
|
--border-radius: calc(8px * var(--ypmini-hd));
|
|
49
|
-
--button-height: calc(48px * var(--ypmini-hd));
|
|
22
|
+
--button-height-large: calc(48px * var(--ypmini-hd));
|
|
23
|
+
--button-height-default: calc(44px * var(--ypmini-hd));
|
|
24
|
+
--button-height-middle: calc(40px * var(--ypmini-hd));
|
|
25
|
+
--button-height-small: calc(32px * var(--ypmini-hd));
|
|
26
|
+
--button-font-size-samll: calc(14px * var(--ypmini-hd));
|
|
27
|
+
--button-font-size-moddle: calc(15px * var(--ypmini-hd));
|
|
28
|
+
--button-font-size-default: calc(17px * var(--ypmini-hd));
|
|
29
|
+
--button-font-size-large: calc(17px * var(--ypmini-hd));
|
|
50
30
|
--default-button-background: #f5f7fc;
|
|
51
31
|
--default-button-text-color: rgba(0, 0, 0, 0.65);
|
|
52
|
-
--primary-button-background: var(--
|
|
32
|
+
--primary-button-background: var(--ypmini-primary-color);
|
|
53
33
|
--primary-button-disabled-background: #99d3ff;
|
|
54
34
|
--primary-button-disabled-text-color: rgba(255, 255, 255, 0.45);
|
|
55
35
|
--primary-button-text-color: #fff;
|
|
56
36
|
--secondary-button-background: #00cbff;
|
|
57
37
|
--secondary-button-text-color: #ffffff;
|
|
38
|
+
--warning-button-background: #FF5A57;
|
|
39
|
+
--warning-button-text-color: #ffffff;
|
|
40
|
+
--warning-button-outlined-color: #E8362E;
|
|
41
|
+
--primary-button-outlined-color: var(--ypmini-primary-color);
|
|
42
|
+
--default-button-outlined-color: rgba(0, 0, 0, 0.65);
|
|
58
43
|
}
|
|
59
44
|
.ypmini-taro-button {
|
|
60
|
-
padding: 0
|
|
45
|
+
padding: 0 24px;
|
|
61
46
|
border: unset;
|
|
62
47
|
font-weight: bold;
|
|
63
|
-
font-size:
|
|
48
|
+
font-size: var(--button-font-size-default);
|
|
64
49
|
width: auto;
|
|
65
|
-
height: var(--button-height);
|
|
66
|
-
line-height: var(--button-height);
|
|
67
|
-
color: var(--
|
|
50
|
+
height: var(--button-height-default);
|
|
51
|
+
line-height: var(--button-height-default);
|
|
52
|
+
color: var(--ypmini-color-text);
|
|
68
53
|
border-radius: var(--border-radius);
|
|
69
54
|
display: inline-block;
|
|
70
55
|
white-space: nowrap;
|
|
@@ -72,6 +57,53 @@ page {
|
|
|
72
57
|
.ypmini-taro-button:after {
|
|
73
58
|
display: none;
|
|
74
59
|
}
|
|
60
|
+
.ypmini-taro-button-ghost {
|
|
61
|
+
background: transparent;
|
|
62
|
+
}
|
|
63
|
+
.ypmini-taro-button-shape-default {
|
|
64
|
+
padding: 0 24px;
|
|
65
|
+
}
|
|
66
|
+
.ypmini-taro-button-shape-round {
|
|
67
|
+
padding: 0px 24px;
|
|
68
|
+
border-radius: 1998px;
|
|
69
|
+
}
|
|
70
|
+
.ypmini-taro-button-size-large {
|
|
71
|
+
height: var(--button-height-large);
|
|
72
|
+
line-height: var(--button-height-large);
|
|
73
|
+
font-weight: bold;
|
|
74
|
+
font-size: var(--button-font-size-large);
|
|
75
|
+
}
|
|
76
|
+
.ypmini-taro-button-size-middle {
|
|
77
|
+
font-weight: 400;
|
|
78
|
+
font-size: var(--button-font-size-middle);
|
|
79
|
+
height: var(--button-height-middle);
|
|
80
|
+
line-height: var(--button-height-middle);
|
|
81
|
+
}
|
|
82
|
+
.ypmini-taro-button-size-default {
|
|
83
|
+
height: var(--button-height-default);
|
|
84
|
+
line-height: var(--button-height-default);
|
|
85
|
+
}
|
|
86
|
+
.ypmini-taro-button-size-small {
|
|
87
|
+
font-weight: 400;
|
|
88
|
+
font-size: var(--button-font-size-middle);
|
|
89
|
+
height: var(--button-height-small);
|
|
90
|
+
line-height: var(--button-height-small);
|
|
91
|
+
}
|
|
92
|
+
.ypmini-taro-button-warning {
|
|
93
|
+
background: var(--warning-button-background);
|
|
94
|
+
color: var(--warning-button-text-color);
|
|
95
|
+
}
|
|
96
|
+
.ypmini-taro-button-warning.ypmini-taro-button-warning-disabled {
|
|
97
|
+
opacity: 0.6;
|
|
98
|
+
}
|
|
99
|
+
.ypmini-taro-button-warning.ypmini-taro-button-warning-disabled.ypmini-taro-button-warning.ypmini-taro-button-warning-disabled[disabled] {
|
|
100
|
+
color: var(--warning-button-text-color);
|
|
101
|
+
}
|
|
102
|
+
.ypmini-taro-button-warning.ypmini-taro-button-outlined {
|
|
103
|
+
border: 2px solid #E8362E;
|
|
104
|
+
color: #E8362E;
|
|
105
|
+
background: transparent;
|
|
106
|
+
}
|
|
75
107
|
.ypmini-taro-button-primary {
|
|
76
108
|
background: var(--primary-button-background);
|
|
77
109
|
color: var(--primary-button-text-color);
|
|
@@ -80,6 +112,11 @@ page {
|
|
|
80
112
|
color: var(--primary-button-disabled-text-color);
|
|
81
113
|
background: var(--primary-button-disabled-background);
|
|
82
114
|
}
|
|
115
|
+
.ypmini-taro-button-primary.ypmini-taro-button-outlined {
|
|
116
|
+
border: 2px solid var(--primary-button-outlined-color);
|
|
117
|
+
color: var(--primary-button-outlined-color);
|
|
118
|
+
background: transparent;
|
|
119
|
+
}
|
|
83
120
|
.ypmini-taro-button-default {
|
|
84
121
|
background: var(--default-button-background);
|
|
85
122
|
color: var(--default-button-text-color);
|
|
@@ -90,6 +127,11 @@ page {
|
|
|
90
127
|
.ypmini-taro-button-default.ypmini-taro-button-default-disabled.ypmini-taro-button-default.ypmini-taro-button-default-disabled[disabled] {
|
|
91
128
|
color: var(--default-button-text-color);
|
|
92
129
|
}
|
|
130
|
+
.ypmini-taro-button-default.ypmini-taro-button-outlined {
|
|
131
|
+
border: 2px solid var(--default-button-outlined-color);
|
|
132
|
+
color: var(--default-button-outlined-color);
|
|
133
|
+
background: transparent;
|
|
134
|
+
}
|
|
93
135
|
.ypmini-taro-button-secondary {
|
|
94
136
|
background: var(--secondary-button-background);
|
|
95
137
|
color: var(--secondary-button-text-color);
|
|
@@ -100,6 +142,11 @@ page {
|
|
|
100
142
|
.ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled.ypmini-taro-button-secondary.ypmini-taro-button-secondary-disabled[disabled] {
|
|
101
143
|
color: var(--secondary-button-text-color);
|
|
102
144
|
}
|
|
145
|
+
.ypmini-taro-button-secondary.ypmini-taro-button-outlined {
|
|
146
|
+
border: 2px solid var(--secondary-button-background);
|
|
147
|
+
color: var(--secondary-button-background);
|
|
148
|
+
background: transparent;
|
|
149
|
+
}
|
|
103
150
|
.ypmini-taro-button-block {
|
|
104
151
|
display: block;
|
|
105
152
|
}
|
|
@@ -115,29 +162,6 @@ page {
|
|
|
115
162
|
taro-button-core + taro-button-core {
|
|
116
163
|
margin-top: 0;
|
|
117
164
|
}
|
|
118
|
-
|
|
119
|
-
:root,
|
|
120
|
-
page {
|
|
121
|
-
--ypmini-hd: 2;
|
|
122
|
-
--yp-color-primary: #0092ff;
|
|
123
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
124
|
-
--yp-color-text-light: #0092ff;
|
|
125
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
126
|
-
--yp-border-color: #e9edf3;
|
|
127
|
-
--yp-color-text-primary: #333;
|
|
128
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
129
|
-
--yp-color-text-secondary: #666;
|
|
130
|
-
--yp-color-text-disabled: #ccc;
|
|
131
|
-
--yp-color-text-placeholder: #999;
|
|
132
|
-
--yp-font-size-default: calc(17px * var(--ypmini-hd));
|
|
133
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
134
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
135
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
136
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
137
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
138
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
139
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
140
|
-
}
|
|
141
165
|
:root,
|
|
142
166
|
page {
|
|
143
167
|
--checkbox-button-font-size: calc(17px * var(--ypmini-hd));
|
|
@@ -145,8 +169,8 @@ page {
|
|
|
145
169
|
--checkbox-button-background-color: #f5f7fc;
|
|
146
170
|
--checkbox-button-text-color: #000000d9;
|
|
147
171
|
--checkbox-button-checked-background-color: #e0f3ff;
|
|
148
|
-
--checkbox-button-checked-text-color: var(--
|
|
149
|
-
--checkbox-button-checked-border-color: var(--
|
|
172
|
+
--checkbox-button-checked-text-color: var(--ypmini-primary-color);
|
|
173
|
+
--checkbox-button-checked-border-color: var(--ypmini-primary-color);
|
|
150
174
|
--checkbox-button-height: calc(52px * var(--ypmini-hd));
|
|
151
175
|
}
|
|
152
176
|
.ypmini-checkbox-button {
|
|
@@ -184,29 +208,6 @@ page {
|
|
|
184
208
|
margin-left: 24px;
|
|
185
209
|
margin-top: 0px;
|
|
186
210
|
}
|
|
187
|
-
|
|
188
|
-
:root,
|
|
189
|
-
page {
|
|
190
|
-
--ypmini-hd: 2;
|
|
191
|
-
--yp-color-primary: #0092ff;
|
|
192
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
193
|
-
--yp-color-text-light: #0092ff;
|
|
194
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
195
|
-
--yp-border-color: #e9edf3;
|
|
196
|
-
--yp-color-text-primary: #333;
|
|
197
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
198
|
-
--yp-color-text-secondary: #666;
|
|
199
|
-
--yp-color-text-disabled: #ccc;
|
|
200
|
-
--yp-color-text-placeholder: #999;
|
|
201
|
-
--yp-font-size-default: calc(17px * var(--ypmini-hd));
|
|
202
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
203
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
204
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
205
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
206
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
207
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
208
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
209
|
-
}
|
|
210
211
|
:root,
|
|
211
212
|
page {
|
|
212
213
|
--form-item-label-width: calc(60px * var(--ypmini-hd));
|
|
@@ -241,41 +242,86 @@ page {
|
|
|
241
242
|
font-weight: bold;
|
|
242
243
|
font-size: 38px;
|
|
243
244
|
}
|
|
244
|
-
|
|
245
|
-
:
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
245
|
+
@font-face {
|
|
246
|
+
font-family: "iconfont";
|
|
247
|
+
/* Project id 5088009 */
|
|
248
|
+
src: url('iconfont.woff2?t=1766462693408') format('woff2'), url('iconfont.woff?t=1766462693408') format('woff'), url('iconfont.ttf?t=1766462693408') format('truetype');
|
|
249
|
+
}
|
|
250
|
+
.iconfont {
|
|
251
|
+
font-family: "iconfont" !important;
|
|
252
|
+
font-size: 16px;
|
|
253
|
+
font-style: normal;
|
|
254
|
+
-webkit-font-smoothing: antialiased;
|
|
255
|
+
-moz-osx-font-smoothing: grayscale;
|
|
256
|
+
}
|
|
257
|
+
.icon-telephone_icon:before {
|
|
258
|
+
content: "\e60f";
|
|
259
|
+
}
|
|
260
|
+
.icon-wechat_icon:before {
|
|
261
|
+
content: "\e610";
|
|
262
|
+
}
|
|
263
|
+
.icon-search_icon:before {
|
|
264
|
+
content: "\e611";
|
|
265
|
+
}
|
|
266
|
+
.icon-edit_icon:before {
|
|
267
|
+
content: "\e60e";
|
|
268
|
+
}
|
|
269
|
+
.icon-add-circle_icon:before {
|
|
270
|
+
content: "\e612";
|
|
271
|
+
}
|
|
272
|
+
.icon-checked-fill_icon:before {
|
|
273
|
+
content: "\e60d";
|
|
274
|
+
}
|
|
275
|
+
.icon-quote-fill_icon:before {
|
|
276
|
+
content: "\e613";
|
|
277
|
+
}
|
|
278
|
+
.icon-vedio_icon:before {
|
|
279
|
+
content: "\e614";
|
|
280
|
+
}
|
|
281
|
+
.icon-delete-fill_icon:before {
|
|
282
|
+
content: "\e615";
|
|
283
|
+
}
|
|
284
|
+
.icon-close_icon:before {
|
|
285
|
+
content: "\e616";
|
|
286
|
+
}
|
|
287
|
+
.icon-time_icon:before {
|
|
288
|
+
content: "\e617";
|
|
289
|
+
}
|
|
290
|
+
.icon-phone_icon:before {
|
|
291
|
+
content: "\e618";
|
|
292
|
+
}
|
|
293
|
+
.icon-arrow-right_icon:before {
|
|
294
|
+
content: "\e619";
|
|
295
|
+
}
|
|
296
|
+
.icon-attention_icon:before {
|
|
297
|
+
content: "\e61a";
|
|
298
|
+
}
|
|
299
|
+
.icon-comment_icon:before {
|
|
300
|
+
content: "\e61b";
|
|
301
|
+
}
|
|
302
|
+
.icon-camera_icon:before {
|
|
303
|
+
content: "\e61c";
|
|
266
304
|
}
|
|
267
305
|
:root,
|
|
268
306
|
page {
|
|
269
307
|
--input-placeholder-color: rgba(0, 0, 0, 0.25);
|
|
270
|
-
--input-text-color: var(--
|
|
271
|
-
--input-font-size: var(--
|
|
308
|
+
--input-text-color: var(--ypmini-color-text);
|
|
309
|
+
--input-font-size: var(--ypmini-font-size-default);
|
|
310
|
+
--input-delete-cion-color: #00000040;
|
|
311
|
+
--input-delete-cion-size: calc(var(--ypmini-hd) * 16px);
|
|
312
|
+
--input-height: calc(48px * var(--ypmini-hd));
|
|
313
|
+
--input-prefix-icon-size: calc(16px * var(--ypmini-hd));
|
|
314
|
+
--input-border-color: var(--ypmini-border-color);
|
|
315
|
+
--input-prefix-icon-color: #000000a6;
|
|
272
316
|
}
|
|
273
317
|
.ypmini-taro-input-wrapper {
|
|
274
318
|
display: flex;
|
|
319
|
+
align-items: center;
|
|
320
|
+
height: var(--input-height);
|
|
275
321
|
font-size: var(--input-font-size);
|
|
276
|
-
padding:
|
|
322
|
+
padding: 0px 24px;
|
|
277
323
|
border-radius: 16px;
|
|
278
|
-
border: 2px solid
|
|
324
|
+
border: 2px solid var(--input-border-color);
|
|
279
325
|
box-sizing: border-box;
|
|
280
326
|
}
|
|
281
327
|
.ypmini-taro-input-borderless-wrapper {
|
|
@@ -292,6 +338,14 @@ page {
|
|
|
292
338
|
.ypmini-input-placeholder {
|
|
293
339
|
color: var(--input-placeholder-color);
|
|
294
340
|
}
|
|
341
|
+
.ypmini-taro-input-clear {
|
|
342
|
+
display: flex;
|
|
343
|
+
align-items: center;
|
|
344
|
+
}
|
|
345
|
+
.ypmini-taro-input-clear-icon {
|
|
346
|
+
color: var(--input-delete-cion-color);
|
|
347
|
+
font-size: var(--input-delete-cion-size);
|
|
348
|
+
}
|
|
295
349
|
.ypmini-taro-input-count {
|
|
296
350
|
color: rgba(0, 0, 0, 0.45);
|
|
297
351
|
font-size: 30px;
|
|
@@ -300,69 +354,35 @@ page {
|
|
|
300
354
|
margin-left: 8px;
|
|
301
355
|
}
|
|
302
356
|
.ypmini-taro-input-count .ypmini-taro-input-count-current-light {
|
|
303
|
-
color: var(--
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
:root,
|
|
307
|
-
page {
|
|
308
|
-
--ypmini-hd: 2;
|
|
309
|
-
--yp-color-primary: #0092ff;
|
|
310
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
311
|
-
--yp-color-text-light: #0092ff;
|
|
312
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
313
|
-
--yp-border-color: #e9edf3;
|
|
314
|
-
--yp-color-text-primary: #333;
|
|
315
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
316
|
-
--yp-color-text-secondary: #666;
|
|
317
|
-
--yp-color-text-disabled: #ccc;
|
|
318
|
-
--yp-color-text-placeholder: #999;
|
|
319
|
-
--yp-font-size-default: calc(17px * var(--ypmini-hd));
|
|
320
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
321
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
322
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
323
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
324
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
325
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
326
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
357
|
+
color: var(--ypmini-color-text-light);
|
|
327
358
|
}
|
|
328
|
-
.ypmini-
|
|
359
|
+
.ypmini-taro-input-prefix-icon-wrapper {
|
|
329
360
|
display: flex;
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
361
|
+
align-items: center;
|
|
362
|
+
font-size: var(--input-prefix-icon-size);
|
|
363
|
+
margin-right: 16px;
|
|
364
|
+
color: var(--input-prefix-icon-color);
|
|
334
365
|
}
|
|
335
|
-
|
|
336
|
-
|
|
366
|
+
:root,
|
|
367
|
+
page {
|
|
368
|
+
--search-input-backgroud: hsl(223, 54%, 97%);
|
|
369
|
+
--search-input-height: calc(var(--ypmini-hd) * 48px);
|
|
370
|
+
--search-input-font-size: calc(var(--ypmini-hd) * 15px);
|
|
337
371
|
}
|
|
338
|
-
.ypmini-
|
|
339
|
-
|
|
372
|
+
.ypmini-search-input-wrapper {
|
|
373
|
+
padding: 0px 24px;
|
|
374
|
+
border-radius: 16px;
|
|
375
|
+
height: var(--search-input-height);
|
|
376
|
+
display: inline-flex;
|
|
377
|
+
align-items: center;
|
|
378
|
+
font-size: var(--search-input-font-size);
|
|
379
|
+
background: var(--search-input-backgroud);
|
|
340
380
|
}
|
|
341
|
-
.ypmini-
|
|
342
|
-
|
|
381
|
+
.ypmini-search-input {
|
|
382
|
+
font-size: var(--input-font-size);
|
|
343
383
|
}
|
|
344
|
-
|
|
345
|
-
:
|
|
346
|
-
page {
|
|
347
|
-
--ypmini-hd: 2;
|
|
348
|
-
--yp-color-primary: #0092ff;
|
|
349
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
350
|
-
--yp-color-text-light: #0092ff;
|
|
351
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
352
|
-
--yp-border-color: #e9edf3;
|
|
353
|
-
--yp-color-text-primary: #333;
|
|
354
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
355
|
-
--yp-color-text-secondary: #666;
|
|
356
|
-
--yp-color-text-disabled: #ccc;
|
|
357
|
-
--yp-color-text-placeholder: #999;
|
|
358
|
-
--yp-font-size-default: calc(17px * var(--ypmini-hd));
|
|
359
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
360
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
361
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
362
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
363
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
364
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
365
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
384
|
+
.ypmini-search-input-icon {
|
|
385
|
+
font-size: 32px;
|
|
366
386
|
}
|
|
367
387
|
:root,
|
|
368
388
|
page {
|
|
@@ -371,9 +391,18 @@ page {
|
|
|
371
391
|
--radio-button-background-color: #f5f7fc;
|
|
372
392
|
--radio-button-text-color: #000000d9;
|
|
373
393
|
--radio-button-checked-background-color: #e0f3ff;
|
|
374
|
-
--radio-button-checked-text-color: var(--
|
|
375
|
-
--radio-button-checked-border-color: var(--
|
|
394
|
+
--radio-button-checked-text-color: var(--ypmini-primary-color);
|
|
395
|
+
--radio-button-checked-border-color: var(--ypmini-primary-color);
|
|
376
396
|
--radio-button-height: calc(52px * var(--ypmini-hd));
|
|
397
|
+
--radio-default-size: calc(16px * var(--ypmini-hd));
|
|
398
|
+
}
|
|
399
|
+
.ypmini-taro-radio-default-inner {
|
|
400
|
+
width: var(--radio-default-size);
|
|
401
|
+
height: var(--radio-default-size);
|
|
402
|
+
border-radius: 100%;
|
|
403
|
+
}
|
|
404
|
+
.ypmini-taro-radio-default-inner-checked::before {
|
|
405
|
+
content: "☑️";
|
|
377
406
|
}
|
|
378
407
|
.ypmini-taro-radio-button-inner {
|
|
379
408
|
background-color: var(--radio-button-background-color);
|
|
@@ -393,28 +422,21 @@ page {
|
|
|
393
422
|
border-width: 2px;
|
|
394
423
|
border-style: solid;
|
|
395
424
|
}
|
|
396
|
-
|
|
397
|
-
:
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
412
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
413
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
414
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
415
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
416
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
417
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
425
|
+
.ypmini-radio-group {
|
|
426
|
+
display: flex;
|
|
427
|
+
width: 100%;
|
|
428
|
+
}
|
|
429
|
+
.ypmini-radio-group-block {
|
|
430
|
+
display: block;
|
|
431
|
+
}
|
|
432
|
+
.ypmini-radio-group-button {
|
|
433
|
+
display: flex;
|
|
434
|
+
}
|
|
435
|
+
.ypmini-radio-group .ypmini-taro-radio-button {
|
|
436
|
+
flex: 1;
|
|
437
|
+
}
|
|
438
|
+
.ypmini-radio-group .ypmini-taro-radio:not(:first-child) {
|
|
439
|
+
margin-left: 24px;
|
|
418
440
|
}
|
|
419
441
|
:root,
|
|
420
442
|
page {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yup/taro-ui",
|
|
3
|
-
"version": "0.0
|
|
3
|
+
"version": "0.1.0",
|
|
4
4
|
"description": "鱼泡 Taro UI组件库",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "es/index.js",
|
|
@@ -18,8 +18,11 @@
|
|
|
18
18
|
"build:components": "gulp && rollup -c && cpx 'types/**/*' es",
|
|
19
19
|
"preview": "dumi preview",
|
|
20
20
|
"lint": "eslint .",
|
|
21
|
-
"release": "npm run build:components && npm publish",
|
|
22
|
-
"release:patch": "npm version patch &&
|
|
21
|
+
"release": "npm run build:components && standard-version && git push --follow-tags && npm publish",
|
|
22
|
+
"release:patch": "npm run build:components && standard-version --release-as patch && git push --follow-tags && npm publish",
|
|
23
|
+
"release:minor": "npm run build:components && standard-version --release-as minor && git push --follow-tags && npm publish",
|
|
24
|
+
"release:major": "npm run build:components && standard-version --release-as major && git push --follow-tags && npm publish",
|
|
25
|
+
"release:first": "npm run build:components && standard-version --first-release && git push --follow-tags && npm publish"
|
|
23
26
|
},
|
|
24
27
|
"publishConfig": {
|
|
25
28
|
"access": "public",
|
|
@@ -67,6 +70,9 @@
|
|
|
67
70
|
"@types/minimatch": "5.1.2",
|
|
68
71
|
"@types/node-sass": "^4.11.8",
|
|
69
72
|
"@yangzw/bruce-std": "^1.3.6",
|
|
73
|
+
"@yup/taro-checkbox": "^0.17.0",
|
|
74
|
+
"@yup/taro-form": "^0.17.0",
|
|
75
|
+
"@yup/taro-radio": "^0.17.0",
|
|
70
76
|
"babel-loader": "^10.0.0",
|
|
71
77
|
"babel-plugin-import": "^1.13.8",
|
|
72
78
|
"babel-plugin-transform-taroapi": "3.6.37",
|
|
@@ -101,6 +107,7 @@
|
|
|
101
107
|
"rollup-plugin-less": "^1.1.3",
|
|
102
108
|
"rollup-plugin-postcss": "^4.0.2",
|
|
103
109
|
"rollup-plugin-typescript2": "^0.36.0",
|
|
110
|
+
"standard-version": "^9.5.0",
|
|
104
111
|
"stylelint": "^16.8.2",
|
|
105
112
|
"stylelint-config-standard": "^36.0.1",
|
|
106
113
|
"stylelint-config-standard-scss": "^13.1.0",
|
|
@@ -112,14 +119,12 @@
|
|
|
112
119
|
"peerDependencies": {
|
|
113
120
|
"@tarojs/components": "3.6.37",
|
|
114
121
|
"@tarojs/taro": "3.6.37",
|
|
115
|
-
"classnames": "^2.3.2",
|
|
116
122
|
"react": "^18.2.0",
|
|
117
123
|
"react-dom": "^18.2.0"
|
|
118
124
|
},
|
|
119
125
|
"dependencies": {
|
|
120
|
-
"
|
|
121
|
-
"
|
|
122
|
-
"@yup/taro-radio": "^0.13.7"
|
|
126
|
+
"classnames": "^2.3.2",
|
|
127
|
+
"dayjs": "^1.11.19"
|
|
123
128
|
},
|
|
124
129
|
"overrides": {
|
|
125
130
|
"minimatch": "^5.1.0"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as getDefaultExportFromCjs};
|
package/es/_virtual/index.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e={exports:{}};export{e as __module};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e={exports:{}};export{e as __module};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var r={};export{r as __exports};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var r={};export{r as __exports};
|
package/es/global.css
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
:root,
|
|
2
|
-
page {
|
|
3
|
-
--ypmini-hd: 2;
|
|
4
|
-
--yp-color-primary: #0092ff;
|
|
5
|
-
--yp-color-text: rgba(0, 0, 0, 0.85);
|
|
6
|
-
--yp-color-text-light: #0092ff;
|
|
7
|
-
--yp-color-text-weak: rgba(0, 0, 0, 0.45);
|
|
8
|
-
--yp-border-color: #e9edf3;
|
|
9
|
-
--yp-color-text-primary: #333;
|
|
10
|
-
--yp-color-text-link: var(--yp-color-primary);
|
|
11
|
-
--yp-color-text-secondary: #666;
|
|
12
|
-
--yp-color-text-disabled: #ccc;
|
|
13
|
-
--yp-color-text-placeholder: #999;
|
|
14
|
-
--yp-font-size-default: calc(17px * var(--ypmini-hd));
|
|
15
|
-
--yp-radio-circle-checked-color: var(--yp-color-primary);
|
|
16
|
-
--yp-radio-button-checked-color: var(--yp-color-primary);
|
|
17
|
-
--yp-checkbox-circle-checked-color: var(--yp-color-primary);
|
|
18
|
-
--yp-checkbox-button-checked-color: var(--yp-color-primary);
|
|
19
|
-
--yp-border-radius-base: calc(4px * var(--ypmini-hd));
|
|
20
|
-
--yp-border-radius-button: calc(8px * var(--ypmini-hd));
|
|
21
|
-
--yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
|
|
22
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{typeof as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{getDefaultExportFromCjs as t}from"../../_virtual/_commonjsHelpers.js";import{__module as o}from"../../_virtual/index.js";var e;e=o,function(){var t={}.hasOwnProperty;function o(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=i(r,n(o)))}return r}function n(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!==r(e))return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var n="";for(var a in e)t.call(e,a)&&e[a]&&(n=i(n,a));return n}function i(r,t){return t?r?r+" "+t:r+t:r}e.exports?(o.default=o,e.exports=o):window.classNames=o}();var n=t(o.exports);export{n as default};
|