@nutui/nutui-react 2.5.0 → 2.5.1

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 (39) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/README.md +5 -5
  3. package/dist/esm/Address/style/style.css +1 -1
  4. package/dist/esm/Cascader/style/style.css +1 -1
  5. package/dist/esm/DatePicker.js +14 -3
  6. package/dist/esm/Ellipsis/style/style.css +1 -1
  7. package/dist/esm/Ellipsis.js +25 -24
  8. package/dist/esm/Form/style/style.css +1 -1
  9. package/dist/esm/FormItem/style/style.css +1 -1
  10. package/dist/esm/Input.js +10 -3
  11. package/dist/esm/Popover/style/style.css +1 -1
  12. package/dist/esm/Popover.js +13 -7
  13. package/dist/esm/Progress.js +1 -5
  14. package/dist/esm/Tabs/style/style.css +1 -1
  15. package/dist/esm/Tour/style/style.css +1 -1
  16. package/dist/locales/base.js +1 -1
  17. package/dist/locales/en-US.js +1 -1
  18. package/dist/locales/id-ID.js +1 -1
  19. package/dist/locales/tr-TR.js +1 -1
  20. package/dist/locales/zh-CN.js +1 -1
  21. package/dist/locales/zh-TW.js +1 -1
  22. package/dist/locales/zh-UG.js +1 -1
  23. package/dist/nutui.react.es.js +52 -22
  24. package/dist/nutui.react.umd.js +52 -22
  25. package/dist/packages/ellipsis/ellipsis.scss +1 -1
  26. package/dist/packages/form/form.scss +4 -2
  27. package/dist/packages/formitem/formitem.scss +19 -0
  28. package/dist/packages/popover/popover.scss +0 -23
  29. package/dist/packages/tabs/tabs.scss +16 -21
  30. package/dist/style.css +1 -1
  31. package/dist/style.mjs +1 -1
  32. package/dist/styles/variables-jmapp.scss +0 -1
  33. package/dist/styles/variables.scss +4 -8
  34. package/dist/types/packages/calendar/calendar.d.ts +1 -5
  35. package/dist/types/packages/calendar/calendar.taro.d.ts +1 -5
  36. package/dist/types/packages/calendar/types.d.ts +3 -0
  37. package/dist/types/packages/configprovider/types.d.ts +1 -1
  38. package/dist/types/packages/progress/progress.taro.d.ts +1 -0
  39. package/package.json +2 -2
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/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 {