@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.
Files changed (113) hide show
  1. package/README.md +52 -1
  2. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -1
  3. package/es/components/button/index.d.ts +19 -3
  4. package/es/components/button/index.js +1 -1
  5. package/es/components/button/style/index.css +81 -29
  6. package/es/components/button/style/index.d.ts +1 -0
  7. package/es/components/button/style/index.js +1 -0
  8. package/es/components/checkbox/checkbox-group.d.ts +6 -2
  9. package/es/components/checkbox/checkbox-group.js +1 -1
  10. package/es/components/checkbox/index.js +1 -1
  11. package/es/components/checkbox/style/index.css +2 -24
  12. package/es/components/checkbox/style/index.d.ts +1 -0
  13. package/es/components/checkbox/style/index.js +1 -0
  14. package/es/components/date-picker-view/index.d.ts +40 -0
  15. package/es/components/date-picker-view/index.js +1 -0
  16. package/es/components/date-picker-view/style/index.css +3 -0
  17. package/es/components/date-picker-view/style/index.d.ts +2 -0
  18. package/es/components/date-picker-view/style/index.js +2 -0
  19. package/es/components/date-picker-view/util.d.ts +7 -0
  20. package/es/components/date-picker-view/util.js +1 -0
  21. package/es/components/form/form-item.js +1 -1
  22. package/es/components/form/index.js +1 -1
  23. package/es/components/form/style/index.css +0 -22
  24. package/es/components/form/style/index.d.ts +1 -0
  25. package/es/components/form/style/index.js +1 -0
  26. package/es/components/icon/index.d.ts +12 -0
  27. package/es/components/icon/index.js +1 -0
  28. package/es/components/icon/style/iconfont.css +60 -0
  29. package/es/components/icon/style/iconfont.ttf +0 -0
  30. package/es/components/icon/style/iconfont.woff +0 -0
  31. package/es/components/icon/style/iconfont.woff2 +0 -0
  32. package/es/components/icon/style/index.d.ts +1 -0
  33. package/es/components/icon/style/index.js +1 -0
  34. package/es/components/input/index.d.ts +12 -0
  35. package/es/components/input/index.js +1 -1
  36. package/es/components/input/style/index.css +28 -27
  37. package/es/components/input/style/index.d.ts +2 -0
  38. package/es/components/input/style/index.js +2 -0
  39. package/es/components/input/style/search.css +21 -0
  40. package/es/components/picker-view/index.d.ts +25 -0
  41. package/es/components/picker-view/index.js +1 -0
  42. package/es/components/picker-view/style/index.css +62 -0
  43. package/es/components/picker-view/style/index.d.ts +2 -0
  44. package/es/components/picker-view/style/index.js +2 -0
  45. package/es/components/popup/index.d.ts +62 -0
  46. package/es/components/popup/index.js +1 -0
  47. package/es/components/popup/style/index.css +91 -0
  48. package/es/components/popup/style/index.d.ts +2 -0
  49. package/es/components/popup/style/index.js +2 -0
  50. package/es/components/radio/context.d.ts +5 -0
  51. package/es/components/radio/context.js +1 -0
  52. package/es/components/radio/index.js +1 -1
  53. package/es/components/radio/radio-group.js +1 -1
  54. package/es/components/radio/style/group.css +0 -22
  55. package/es/components/radio/style/index.d.ts +1 -0
  56. package/es/components/radio/style/index.js +1 -0
  57. package/es/components/radio/style/radio.css +11 -24
  58. package/es/components/safe-area/index.d.ts +13 -0
  59. package/es/components/safe-area/index.js +1 -0
  60. package/es/components/safe-area/style/index.css +3 -0
  61. package/es/components/safe-area/style/index.d.ts +2 -0
  62. package/es/components/safe-area/style/index.js +2 -0
  63. package/es/components/safe-area/util.d.ts +5 -0
  64. package/es/components/safe-area/util.js +1 -0
  65. package/es/components/switch/index.d.ts +6 -0
  66. package/es/components/switch/index.js +1 -0
  67. package/es/components/switch/style/index.css +38 -0
  68. package/es/components/switch/style/index.d.ts +2 -0
  69. package/es/components/switch/style/index.js +2 -0
  70. package/es/components/toast/style/index.css +0 -22
  71. package/es/components/toast/style/index.d.ts +1 -0
  72. package/es/components/toast/style/index.js +1 -0
  73. package/es/components/toast/toast.js +1 -1
  74. package/es/components/toast/withToast.js +1 -1
  75. package/es/global/global.css +18 -0
  76. package/es/global/index.d.ts +2 -1
  77. package/es/global/theme-default.css +18 -0
  78. package/es/global/variables.css +0 -0
  79. package/es/hooks/useRefState.d.ts +7 -0
  80. package/es/hooks/useRefState.js +1 -0
  81. package/es/index.d.ts +6 -0
  82. package/es/index.js +1 -1
  83. package/es/node_modules/@yup/taro-checkbox/dist/_virtual/_rollupPluginBabelHelpers.js +1 -0
  84. package/es/node_modules/@yup/taro-checkbox/dist/checkbox-group.js +1 -0
  85. package/es/node_modules/@yup/taro-checkbox/dist/context.js +1 -0
  86. package/es/node_modules/@yup/taro-checkbox/dist/index.js +1 -0
  87. package/es/node_modules/@yup/taro-form/dist/_virtual/_rollupPluginBabelHelpers.js +3 -0
  88. package/es/node_modules/@yup/taro-form/dist/context.js +1 -0
  89. package/es/node_modules/@yup/taro-form/dist/formItem.js +1 -0
  90. package/es/node_modules/@yup/taro-form/dist/fromStore.js +1 -0
  91. package/es/node_modules/@yup/taro-form/dist/index.js +1 -0
  92. package/es/node_modules/@yup/taro-form/dist/useForm.js +1 -0
  93. package/es/node_modules/@yup/taro-form/dist/useWatch.js +1 -0
  94. package/es/node_modules/@yup/taro-radio/dist/_virtual/_rollupPluginBabelHelpers.js +1 -0
  95. package/es/node_modules/@yup/taro-radio/dist/context.js +1 -0
  96. package/es/node_modules/@yup/taro-radio/dist/index.js +1 -0
  97. package/es/node_modules/@yup/taro-radio/dist/radio-group.js +1 -0
  98. package/es/style/iconfont.ttf +0 -0
  99. package/es/style/iconfont.woff +0 -0
  100. package/es/style/iconfont.woff2 +0 -0
  101. package/es/style/index.css +225 -203
  102. package/package.json +12 -7
  103. package/es/_virtual/_commonjsHelpers.js +0 -1
  104. package/es/_virtual/index.js +0 -1
  105. package/es/_virtual/jsx-runtime.js +0 -1
  106. package/es/_virtual/react-jsx-runtime.development.js +0 -1
  107. package/es/_virtual/react-jsx-runtime.production.min.js +0 -1
  108. package/es/global.css +0 -22
  109. package/es/node_modules/classnames/index.js +0 -1
  110. package/es/node_modules/react/cjs/react-jsx-runtime.development.js +0 -1
  111. package/es/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -10
  112. package/es/node_modules/react/jsx-runtime.js +0 -1
  113. package/es/utils/react.d.ts +0 -2
@@ -1,70 +1,55 @@
1
1
  :root,
2
2
  page {
3
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
- }
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(--yp-color-primary);
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 48px;
45
+ padding: 0 24px;
61
46
  border: unset;
62
47
  font-weight: bold;
63
- font-size: 34px;
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(--yp-color-text);
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(--yp-color-primary);
149
- --checkbox-button-checked-border-color: var(--yp-color-primary);
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
- :root,
246
- page {
247
- --ypmini-hd: 2;
248
- --yp-color-primary: #0092ff;
249
- --yp-color-text: rgba(0, 0, 0, 0.85);
250
- --yp-color-text-light: #0092ff;
251
- --yp-color-text-weak: rgba(0, 0, 0, 0.45);
252
- --yp-border-color: #e9edf3;
253
- --yp-color-text-primary: #333;
254
- --yp-color-text-link: var(--yp-color-primary);
255
- --yp-color-text-secondary: #666;
256
- --yp-color-text-disabled: #ccc;
257
- --yp-color-text-placeholder: #999;
258
- --yp-font-size-default: calc(17px * var(--ypmini-hd));
259
- --yp-radio-circle-checked-color: var(--yp-color-primary);
260
- --yp-radio-button-checked-color: var(--yp-color-primary);
261
- --yp-checkbox-circle-checked-color: var(--yp-color-primary);
262
- --yp-checkbox-button-checked-color: var(--yp-color-primary);
263
- --yp-border-radius-base: calc(4px * var(--ypmini-hd));
264
- --yp-border-radius-button: calc(8px * var(--ypmini-hd));
265
- --yp-space-horizontal-base: calc(12px * var(--ypmini-hd));
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(--yp-color-text);
271
- --input-font-size: var(--yp-font-size-default);
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: 32px 24px;
322
+ padding: 0px 24px;
277
323
  border-radius: 16px;
278
- border: 2px solid #e9edf3;
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(--yp-color-text-light);
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-radio-group {
359
+ .ypmini-taro-input-prefix-icon-wrapper {
329
360
  display: flex;
330
- width: 100%;
331
- }
332
- .ypmini-radio-group-block {
333
- display: block;
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
- .ypmini-radio-group-button {
336
- display: flex;
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-radio-group .ypmini-taro-radio-button {
339
- flex: 1;
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-radio-group .ypmini-taro-radio:not(:first-child) {
342
- margin-left: 24px;
381
+ .ypmini-search-input {
382
+ font-size: var(--input-font-size);
343
383
  }
344
-
345
- :root,
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(--yp-color-primary);
375
- --radio-button-checked-border-color: var(--yp-color-primary);
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
- :root,
398
- page {
399
- --ypmini-hd: 2;
400
- --yp-color-primary: #0092ff;
401
- --yp-color-text: rgba(0, 0, 0, 0.85);
402
- --yp-color-text-light: #0092ff;
403
- --yp-color-text-weak: rgba(0, 0, 0, 0.45);
404
- --yp-border-color: #e9edf3;
405
- --yp-color-text-primary: #333;
406
- --yp-color-text-link: var(--yp-color-primary);
407
- --yp-color-text-secondary: #666;
408
- --yp-color-text-disabled: #ccc;
409
- --yp-color-text-placeholder: #999;
410
- --yp-font-size-default: calc(17px * var(--ypmini-hd));
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.8",
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 && npm run build:components && npm publish"
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
- "@yup/taro-checkbox": "^0.13.7",
121
- "@yup/taro-form": "^0.13.7",
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};
@@ -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};