@nutui/nutui-react-taro 2.5.0 → 2.5.2

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 (62) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/README.md +5 -5
  3. package/dist/esm/Address/style/style.css +1 -1
  4. package/dist/esm/Address.js +1 -1
  5. package/dist/esm/CalendarCard.js +1 -1
  6. package/dist/esm/Cascader/style/style.css +1 -1
  7. package/dist/esm/Cascader.js +1 -1
  8. package/dist/esm/DatePicker.js +1 -1
  9. package/dist/esm/Ellipsis/style/style.css +1 -1
  10. package/dist/esm/Ellipsis.js +1 -1
  11. package/dist/esm/Form/style/style.css +1 -1
  12. package/dist/esm/FormItem/style/style.css +1 -1
  13. package/dist/esm/Input.js +1 -1
  14. package/dist/esm/Popover/style/style.css +1 -1
  15. package/dist/esm/Popover.js +1 -1
  16. package/dist/esm/Progress.js +1 -1
  17. package/dist/esm/Radio/style/style.css +1 -1
  18. package/dist/esm/RadioGroup/style/style.css +1 -1
  19. package/dist/esm/Tabs/style/style.css +1 -1
  20. package/dist/esm/Tabs.js +1 -1
  21. package/dist/esm/Tour/style/style.css +1 -1
  22. package/dist/esm/Tour.js +1 -1
  23. package/dist/esm/Uploader.js +1 -1
  24. package/dist/esm/{address.taro-CipZMqK4.js → address.taro-CQmN9x1W.js} +1 -1
  25. package/dist/esm/{cascader.taro-AZEBpBH3.js → cascader.taro-7Xhq98L4.js} +1 -1
  26. package/dist/esm/{datepicker.taro-DqR52Ivo.js → datepicker.taro-FiLalMAA.js} +14 -3
  27. package/dist/esm/{ellipsis.taro-cNaaQFyW.js → ellipsis.taro-uVc3En9l.js} +17 -8
  28. package/dist/esm/{input.taro-BVC8gEuk.js → input.taro-Dh6zXTLQ.js} +10 -3
  29. package/dist/esm/nutui-react.es.js +11 -11
  30. package/dist/esm/{popover.taro-BsOaXoWp.js → popover.taro-BG0msyw5.js} +17 -10
  31. package/dist/esm/progress.taro-rjiPI6mD.js +120 -0
  32. package/dist/esm/{tabs.taro-BxPmx5n5.js → tabs.taro-A7pOK9IM.js} +4 -20
  33. package/dist/esm/{tour.taro-wfXuUebD.js → tour.taro-BqlNfxdD.js} +1 -1
  34. package/dist/esm/{uploader.taro-Bs-cboSU.js → uploader.taro-DMmTl0Cp.js} +1 -1
  35. package/dist/esm/use-uuid-BvqmbYZ7.js +19 -0
  36. package/dist/locales/base.js +1 -1
  37. package/dist/locales/en-US.js +1 -1
  38. package/dist/locales/id-ID.js +1 -1
  39. package/dist/locales/tr-TR.js +1 -1
  40. package/dist/locales/zh-CN.js +1 -1
  41. package/dist/locales/zh-TW.js +1 -1
  42. package/dist/locales/zh-UG.js +1 -1
  43. package/dist/nutui.react.es.js +462 -339
  44. package/dist/nutui.react.umd.js +470 -347
  45. package/dist/packages/ellipsis/ellipsis.scss +1 -1
  46. package/dist/packages/form/form.scss +4 -2
  47. package/dist/packages/formitem/formitem.scss +19 -0
  48. package/dist/packages/popover/popover.scss +0 -23
  49. package/dist/packages/radiogroup/radiogroup.scss +1 -2
  50. package/dist/packages/tabs/tabs.scss +16 -21
  51. package/dist/style.css +1 -1
  52. package/dist/style.mjs +1 -1
  53. package/dist/styles/variables-jmapp.scss +0 -1
  54. package/dist/styles/variables.scss +5 -9
  55. package/dist/types/packages/calendar/calendar.d.ts +1 -5
  56. package/dist/types/packages/calendar/calendar.taro.d.ts +1 -5
  57. package/dist/types/packages/calendar/types.d.ts +3 -0
  58. package/dist/types/packages/configprovider/types.d.ts +1 -1
  59. package/dist/types/packages/progress/progress.taro.d.ts +5 -0
  60. package/package.json +2 -2
  61. package/dist/esm/progress.taro-BOHykt7X.js +0 -60
  62. package/dist/esm/{calendarcard.taro-CK31xju_.js → calendarcard.taro-C7P3oqAL.js} +1 -1
package/dist/packages/ellipsis/ellipsis.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  .nut-ellipsis-text {
5
5
  cursor: pointer;
6
6
  color: $ellipsis-expand-collapse-color;
7
- display: inline;
7
+ display: inline-block;
8
8
  }
9
9
 
10
10
  .nut-ellipsis-wordbreak {
package/dist/packages/form/form.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  .form-layout-right .nut-form-item-label {
3
- text-align: end;
3
+ text-align: right;
4
4
  font-size: 14px;
5
5
  padding-right: 24px;
6
6
  white-space: nowrap;
@@ -8,7 +8,7 @@
8
8
 
9
9
  .form-layout-left .nut-form-item-label {
10
10
  position: relative;
11
- text-align: start;
11
+ text-align: left;
12
12
  font-size: 14px;
13
13
  padding-left: 12px;
14
14
  white-space: nowrap;
@@ -41,12 +41,14 @@
41
41
 
42
42
  [dir='rtl'] .form-layout-right .nut-form-item-label,
43
43
  .nut-rtl .form-layout-right .nut-form-item-label {
44
+ text-align: left;
44
45
  padding-right: 0;
45
46
  padding-left: 24px;
46
47
  }
47
48
 
48
49
  [dir='rtl'] .form-layout-left .nut-form-item-label,
49
50
  .nut-rtl .form-layout-left .nut-form-item-label {
51
+ text-align: right;
50
52
  padding-left: 0;
51
53
  padding-right: 12px;
52
54
 
package/dist/packages/formitem/formitem.scss CHANGED
@@ -78,6 +78,7 @@
78
78
  [dir='rtl'] .nut-form-item,
79
79
  .nut-rtl .nut-form-item {
80
80
  &-label {
81
+ text-align: right;
81
82
  margin-right: 0;
82
83
  margin-left: $form-item-label-margin-right;
83
84
 
@@ -88,4 +89,22 @@
88
89
  }
89
90
  }
90
91
  }
92
+ &-body {
93
+ &-slots {
94
+ text-align: right;
95
+ .nut-icon-ArrowRight,
96
+ .nut-icon-ArrowLeft {
97
+ transform: rotateY(180deg);
98
+ }
99
+ .nut-input-text {
100
+ text-align: right;
101
+ }
102
+ .nut-textarea-textarea {
103
+ text-align: right;
104
+ }
105
+ }
106
+ }
107
+ &-tips {
108
+ text-align: right;
109
+ }
91
110
  }
package/dist/packages/popover/popover.scss CHANGED
@@ -244,29 +244,6 @@
244
244
 
245
245
  [dir='rtl'] .nut-popover,
246
246
  .nut-rtl .nut-popover {
247
- &-arrow {
248
- &-left {
249
- right: auto;
250
- left: 0px;
251
- border-left-color: currentcolor;
252
- border-right-color: $popover-border-color;
253
- border-right-width: medium;
254
- border-left-width: 0;
255
- margin-right: 0;
256
- margin-left: -8px;
257
- }
258
-
259
- &-right {
260
- left: auto;
261
- right: 0px;
262
- border-right-color: currentcolor;
263
- border-left-color: $popover-border-color;
264
- border-left-width: medium;
265
- border-right-width: 0;
266
- margin-left: 0;
267
- margin-right: -8px;
268
- }
269
- }
270
247
  .nut-popover-content {
271
248
  .nut-popover-menu-item {
272
249
  &-name {
package/dist/packages/radiogroup/radiogroup.scss CHANGED
@@ -1,7 +1,6 @@
1
1
  .nut-radiogroup {
2
2
  .nut-radio {
3
- margin-right: $radiogroup-radio-margin;
4
- margin-bottom: $radiogroup-radio-margin-bottom;
3
+ margin: 0 $radiogroup-radio-margin $radiogroup-radio-margin-bottom 0;
5
4
 
6
5
  &-label {
7
6
  margin: $radiogroup-radio-label-margin;
package/dist/packages/tabs/tabs.scss CHANGED
@@ -8,7 +8,6 @@
8
8
  display: flex;
9
9
  box-sizing: border-box;
10
10
  height: $tabs-titles-height;
11
- padding: $tabs-titles-padding;
12
11
  user-select: none;
13
12
  overflow: hidden;
14
13
  background: $tabs-titles-background-color;
@@ -29,14 +28,14 @@
29
28
  &-left {
30
29
  justify-content: flex-start;
31
30
  .nut-tabs-titles-item {
32
- padding: 0 10px;
31
+ padding: 0 22px;
33
32
  }
34
33
  }
35
34
 
36
35
  &-right {
37
36
  justify-content: flex-end;
38
37
  .nut-tabs-titles-item {
39
- padding: 0 10px;
38
+ padding: 0 22px;
40
39
  }
41
40
  }
42
41
 
@@ -51,7 +50,7 @@
51
50
  align-items: center;
52
51
  justify-content: center;
53
52
  flex: 1 0 auto;
54
- margin: 0 $tabs-titles-gap;
53
+ padding: 0 $tabs-titles-gap;
55
54
  height: $tabs-titles-height;
56
55
  line-height: $tabs-titles-height;
57
56
  min-width: $tabs-titles-item-min-width;
@@ -118,14 +117,6 @@
118
117
  &-disabled {
119
118
  color: $color-text-disabled;
120
119
  }
121
-
122
- &:first-child {
123
- margin-left: 0;
124
- }
125
-
126
- &:last-child {
127
- margin-right: 0;
128
- }
129
120
  }
130
121
 
131
122
  &-simple {
@@ -140,7 +131,7 @@
140
131
  background-color: $color-default-light;
141
132
 
142
133
  .nut-tabs-titles-item {
143
- margin: 0;
134
+ padding: 0;
144
135
 
145
136
  &-active {
146
137
  font-weight: $font-weight-bold;
@@ -152,10 +143,18 @@
152
143
 
153
144
  &-button {
154
145
  .nut-tabs-titles-item {
155
- &-active {
146
+ padding: 0 10px;
147
+ .nut-tabs-titles-item-text {
148
+ flex: 1;
156
149
  height: 28px;
157
- margin-top: 8px;
158
- margin-bottom: 8px;
150
+ display: flex;
151
+ align-items: center;
152
+ justify-content: center;
153
+ padding: 0 8px;
154
+ }
155
+ }
156
+ .nut-tabs-titles-item-active {
157
+ .nut-tabs-titles-item-text {
159
158
  background: $color-default-light;
160
159
  color: $color-text;
161
160
  border-radius: $tabs-tab-button-border-radius;
@@ -172,7 +171,7 @@
172
171
  border-bottom: 1px solid $color-border;
173
172
 
174
173
  .nut-tabs-titles-item {
175
- margin: 0;
174
+ padding: 0;
176
175
  position: relative;
177
176
 
178
177
  &::after {
@@ -204,10 +203,6 @@
204
203
  right: 50%;
205
204
  transform: translate(50%, 0);
206
205
  }
207
- &:first-child {
208
- margin-left: 0;
209
- margin-right: 0;
210
- }
211
206
  }
212
207
  &-divider {
213
208
  .nut-tabs-titles-item {