@nutui/nutui-react 2.3.9 → 2.3.11

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 (141) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +3 -3
  4. package/dist/esm/Address/style/style.css +1 -1
  5. package/dist/esm/Animate/style/style.css +1 -1
  6. package/dist/esm/Audio/style/style.css +1 -1
  7. package/dist/esm/BackTop.js +1 -1
  8. package/dist/esm/Badge/style/style.css +1 -1
  9. package/dist/esm/Barrage/style/style.css +1 -1
  10. package/dist/esm/Barrage.js +18 -3
  11. package/dist/esm/Calendar/style/style.css +1 -1
  12. package/dist/esm/Card/style/style.css +1 -1
  13. package/dist/esm/Cascader/style/style.css +1 -1
  14. package/dist/esm/Checkbox/style/style.css +1 -1
  15. package/dist/esm/CheckboxGroup/style/style.css +1 -1
  16. package/dist/esm/Col/style/style.css +1 -1
  17. package/dist/esm/Collapse/style/style.css +1 -1
  18. package/dist/esm/CollapseItem/style/style.css +1 -1
  19. package/dist/esm/DatePicker/style/style.css +1 -1
  20. package/dist/esm/Dialog/style/style.css +1 -1
  21. package/dist/esm/Divider/style/style.css +1 -1
  22. package/dist/esm/Form/style/style.css +1 -1
  23. package/dist/esm/FormItem/style/style.css +1 -1
  24. package/dist/esm/Grid/style/style.css +1 -1
  25. package/dist/esm/GridItem/style/style.css +1 -1
  26. package/dist/esm/ImagePreview/style/style.css +1 -1
  27. package/dist/esm/Indicator/style/style.css +1 -1
  28. package/dist/esm/Input.js +4 -1
  29. package/dist/esm/InputNumber.js +107 -161
  30. package/dist/esm/Menu/style/style.css +1 -1
  31. package/dist/esm/MenuItem/style/style.css +1 -1
  32. package/dist/esm/NavBar/style/style.css +1 -1
  33. package/dist/esm/NoticeBar/style/style.css +1 -1
  34. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  35. package/dist/esm/Picker/style/style.css +1 -1
  36. package/dist/esm/Popover/style/style.css +1 -1
  37. package/dist/esm/Popup/style/style.css +1 -1
  38. package/dist/esm/Price/style/style.css +1 -1
  39. package/dist/esm/Radio/style/style.css +1 -1
  40. package/dist/esm/RadioGroup/style/style.css +1 -1
  41. package/dist/esm/Range/style/style.css +1 -1
  42. package/dist/esm/SearchBar/style/style.css +1 -1
  43. package/dist/esm/ShortPassword/style/style.css +1 -1
  44. package/dist/esm/ShortPassword.js +28 -12
  45. package/dist/esm/SideNavBar/style/style.css +1 -1
  46. package/dist/esm/Skeleton/style/style.css +1 -1
  47. package/dist/esm/Skeleton.js +2 -4
  48. package/dist/esm/Step/style/style.css +1 -1
  49. package/dist/esm/Steps/style/style.css +1 -1
  50. package/dist/esm/Swipe/style/style.css +1 -1
  51. package/dist/esm/Swiper/style/style.css +1 -1
  52. package/dist/esm/Switch/style/style.css +1 -1
  53. package/dist/esm/Tabbar/style/style.css +1 -1
  54. package/dist/esm/TabbarItem/style/style.css +1 -1
  55. package/dist/esm/Table/style/style.css +1 -1
  56. package/dist/esm/Tabs/style/style.css +1 -1
  57. package/dist/esm/TextArea/style/style.css +1 -1
  58. package/dist/esm/TimeSelect/style/style.css +1 -1
  59. package/dist/esm/Tour/style/style.css +1 -1
  60. package/dist/esm/VirtualList/style/style.css +1 -1
  61. package/dist/esm/formitem2.js +39 -5
  62. package/dist/esm/types/src/packages/formitem/formitem.d.ts +6 -2
  63. package/dist/esm/types/src/packages/formitem/formitem.taro.d.ts +6 -2
  64. package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts +15 -15
  65. package/dist/esm/types/src/packages/inputnumber/inputnumber.taro.d.ts +15 -17
  66. package/dist/esm/types/src/packages/shortpassword/shortpassword.d.ts +3 -2
  67. package/dist/esm/types/src/packages/shortpassword/shortpassword.taro.d.ts +3 -2
  68. package/dist/esm/types/src/packages/shortpassword/types.d.ts +4 -0
  69. package/dist/locales/base.js +1 -1
  70. package/dist/locales/en-US.js +1 -1
  71. package/dist/locales/id-ID.js +1 -1
  72. package/dist/locales/tr-TR.js +1 -1
  73. package/dist/locales/zh-CN.js +1 -1
  74. package/dist/locales/zh-TW.js +1 -1
  75. package/dist/locales/zh-UG.js +1 -1
  76. package/dist/nutui.react.es.js +219 -202
  77. package/dist/nutui.react.umd.js +219 -202
  78. package/dist/packages/animate/animate.scss +0 -27
  79. package/dist/packages/audio/audio.scss +0 -5
  80. package/dist/packages/avatarcropper/avatarcropper.scss +0 -2
  81. package/dist/packages/badge/badge.scss +7 -0
  82. package/dist/packages/barrage/barrage.scss +23 -4
  83. package/dist/packages/button/button.scss +0 -1
  84. package/dist/packages/calendar/calendar.scss +4 -4
  85. package/dist/packages/calendarcard/calendarcard.scss +0 -1
  86. package/dist/packages/cascader/cascader.scss +0 -1
  87. package/dist/packages/checkbox/checkbox.scss +0 -2
  88. package/dist/packages/checkboxgroup/checkboxgroup.scss +1 -3
  89. package/dist/packages/col/col.scss +2 -2
  90. package/dist/packages/collapseitem/collapseitem.scss +2 -3
  91. package/dist/packages/dialog/dialog.scss +4 -0
  92. package/dist/packages/divider/divider.scss +1 -1
  93. package/dist/packages/fixednav/fixednav.scss +0 -2
  94. package/dist/packages/form/form.scss +24 -26
  95. package/dist/packages/formitem/formitem.scss +0 -1
  96. package/dist/packages/grid/grid.scss +1 -1
  97. package/dist/packages/griditem/griditem.scss +28 -26
  98. package/dist/packages/imagepreview/imagepreview.scss +0 -1
  99. package/dist/packages/indicator/indicator.scss +2 -3
  100. package/dist/packages/menu/menu.scss +0 -7
  101. package/dist/packages/menuitem/menuitem.scss +14 -10
  102. package/dist/packages/navbar/navbar.scss +3 -5
  103. package/dist/packages/noticebar/noticebar.scss +20 -0
  104. package/dist/packages/numberkeyboard/numberkeyboard.scss +25 -18
  105. package/dist/packages/pagination/pagination.scss +0 -2
  106. package/dist/packages/picker/picker.scss +9 -0
  107. package/dist/packages/popover/popover.scss +0 -4
  108. package/dist/packages/popup/popup.scss +4 -19
  109. package/dist/packages/price/price.scss +1 -0
  110. package/dist/packages/radio/radio.scss +0 -1
  111. package/dist/packages/radiogroup/radiogroup.scss +10 -1
  112. package/dist/packages/range/range.scss +127 -127
  113. package/dist/packages/rate/rate.scss +0 -1
  114. package/dist/packages/searchbar/searchbar.scss +3 -2
  115. package/dist/packages/shortpassword/shortpassword.scss +4 -0
  116. package/dist/packages/skeleton/skeleton.scss +13 -3
  117. package/dist/packages/space/space.scss +0 -1
  118. package/dist/packages/step/step.scss +21 -25
  119. package/dist/packages/swipe/swipe.scss +0 -15
  120. package/dist/packages/swiper/swiper.scss +0 -1
  121. package/dist/packages/switch/switch.scss +11 -0
  122. package/dist/packages/table/table.scss +4 -5
  123. package/dist/packages/tabs/tabs.scss +16 -18
  124. package/dist/packages/tag/tag.scss +0 -1
  125. package/dist/packages/textarea/textarea.scss +1 -6
  126. package/dist/packages/timeselect/timeselect.scss +1 -6
  127. package/dist/packages/tour/tour.scss +1 -5
  128. package/dist/packages/trendarrow/trendarrow.scss +0 -1
  129. package/dist/packages/uploader/uploader.scss +0 -1
  130. package/dist/packages/virtuallist/virtuallist.scss +12 -12
  131. package/dist/style.css +1 -1
  132. package/dist/style.mjs +1 -1
  133. package/dist/styles/variables.scss +11 -7
  134. package/dist/types/packages/formitem/formitem.d.ts +14 -2
  135. package/dist/types/packages/formitem/formitem.taro.d.ts +6 -2
  136. package/dist/types/packages/inputnumber/inputnumber.d.ts +28 -28
  137. package/dist/types/packages/inputnumber/inputnumber.taro.d.ts +15 -17
  138. package/dist/types/packages/shortpassword/shortpassword.d.ts +3 -2
  139. package/dist/types/packages/shortpassword/shortpassword.taro.d.ts +3 -2
  140. package/dist/types/packages/shortpassword/types.d.ts +4 -0
  141. package/package.json +5 -5
@@ -28,10 +28,16 @@
28
28
 
29
29
  &-left {
30
30
  justify-content: flex-start;
31
+ .nut-tabs-titles-item {
32
+ padding: 0 10px;
33
+ }
31
34
  }
32
35
 
33
36
  &-right {
34
37
  justify-content: flex-end;
38
+ .nut-tabs-titles-item {
39
+ padding: 0 10px;
40
+ }
35
41
  }
36
42
 
37
43
  &-scrollable {
@@ -45,19 +51,15 @@
45
51
  align-items: center;
46
52
  justify-content: center;
47
53
  flex: 1 0 auto;
48
- padding: 0 10px;
49
54
  margin: 0 $tabs-titles-gap;
55
+ height: $tabs-titles-height;
56
+ line-height: $tabs-titles-height;
50
57
  min-width: $tabs-titles-item-min-width;
51
58
  font-size: $tabs-titles-font-size;
52
59
  color: $tabs-titles-item-color;
53
60
  text-overflow: ellipsis;
54
61
  white-space: nowrap;
55
62
 
56
- &.taro {
57
- height: 44px;
58
- line-height: 44px;
59
- }
60
-
61
63
  &-left,
62
64
  &-right {
63
65
  flex: none;
@@ -120,6 +122,10 @@
120
122
  &:first-child {
121
123
  margin-left: 0;
122
124
  }
125
+
126
+ &:last-child {
127
+ margin-right: 0;
128
+ }
123
129
  }
124
130
 
125
131
  &-simple {
@@ -147,11 +153,9 @@
147
153
  &-button {
148
154
  .nut-tabs-titles-item {
149
155
  &-active {
150
- &.taro {
151
- height: 28px;
152
- }
153
-
154
- margin: 8px 9px;
156
+ height: 28px;
157
+ margin-top: 8px;
158
+ margin-bottom: 8px;
155
159
  background: $color-default-light;
156
160
  color: $color-text;
157
161
  border-radius: $tabs-tab-button-border-radius;
@@ -200,13 +204,11 @@
200
204
  right: 50%;
201
205
  transform: translate(50%, 0);
202
206
  }
203
-
204
207
  &:first-child {
205
208
  margin-left: 0;
206
209
  margin-right: 0;
207
210
  }
208
211
  }
209
-
210
212
  &-divider {
211
213
  .nut-tabs-titles-item {
212
214
  &::after {
@@ -261,6 +263,7 @@
261
263
 
262
264
  .nut-tabs-titles-item {
263
265
  height: $tabs-vertical-titles-item-height;
266
+ margin: 0;
264
267
  flex: none;
265
268
 
266
269
  &-smile {
@@ -283,7 +286,6 @@
283
286
 
284
287
  &-active {
285
288
  background-color: $tabs-titles-item-active-background-color;
286
-
287
289
  .nut-tabs-titles-item-line {
288
290
  left: 10px;
289
291
  width: $tabs-vertical-tab-line-width;
@@ -300,10 +302,6 @@
300
302
  transform: rotate(320deg);
301
303
  }
302
304
  }
303
-
304
- &:first-child {
305
- margin: 0 $tabs-titles-gap;
306
- }
307
305
  }
308
306
 
309
307
  .nut-tabs-horizontal {
@@ -70,7 +70,6 @@
70
70
  justify-content: center;
71
71
  }
72
72
  }
73
-
74
73
  [dir='rtl'] .nut-tag,
75
74
  .nut-rtl .nut-tag {
76
75
  .nut-icon {
@@ -34,7 +34,7 @@
34
34
  font-size: $textarea-font;
35
35
  color: $textarea-text-color;
36
36
  caret-color: $textarea-text-curror-color;
37
- text-align: left;
37
+ text-align: start;
38
38
  background-color: transparent;
39
39
  border: 0;
40
40
  resize: none;
@@ -58,11 +58,6 @@
58
58
  right: auto;
59
59
  left: 15px;
60
60
  }
61
-
62
- &-textarea {
63
- text-align: right;
64
- }
65
-
66
61
  .cpoyText {
67
62
  left: auto;
68
63
  right: -999999px;
@@ -23,7 +23,7 @@
23
23
  padding: 0 16px;
24
24
  height: $timeselect-date-height;
25
25
  line-height: $timeselect-date-height;
26
- text-align: left;
26
+ text-align: start;
27
27
  color: $color-text;
28
28
  font-size: $font-size-base;
29
29
 
@@ -33,8 +33,3 @@
33
33
  font-weight: $font-weight-bold;
34
34
  }
35
35
  }
36
-
37
- [dir='rtl'] .nut-timepannel,
38
- .nut-rtl .nut-timepannel {
39
- text-align: right;
40
- }
@@ -23,7 +23,7 @@
23
23
 
24
24
  &-top {
25
25
  display: block;
26
- text-align: right;
26
+ text-align: end;
27
27
 
28
28
  &-close {
29
29
  --nut-icon-width: 10px;
@@ -86,10 +86,6 @@
86
86
  [dir='rtl'] .nut-tour,
87
87
  .nut-rtl .nut-tour {
88
88
  &-content {
89
- &-top {
90
- text-align: left;
91
- }
92
-
93
89
  &-bottom {
94
90
  &-operate {
95
91
  &-btn {
@@ -21,7 +21,6 @@
21
21
  vertical-align: middle;
22
22
  }
23
23
  }
24
-
25
24
  [dir='rtl'] .nut-trendarrow,
26
25
  .nut-rtl .nut-trendarrow {
27
26
  &-icon-before {
@@ -223,7 +223,6 @@
223
223
  &-preview {
224
224
  margin-right: 0;
225
225
  margin-left: $uploader-preview-margin-right;
226
-
227
226
  &-progress {
228
227
  left: auto;
229
228
  right: 0;
@@ -18,17 +18,6 @@
18
18
  }
19
19
  }
20
20
 
21
- [dir='rtl'] .nut-horizontal-items,
22
- .nut-rtl .nut-horizontal-items {
23
- float: right;
24
-
25
- li {
26
- float: right;
27
- margin-right: 0;
28
- margin-left: 20px;
29
- }
30
- }
31
-
32
21
  .nut-vertical-items {
33
22
  li {
34
23
  display: block;
@@ -83,10 +72,10 @@
83
72
  }
84
73
 
85
74
  &-container {
75
+ position: absolute;
86
76
  left: 0;
87
77
  right: 0;
88
78
  top: 0;
89
- position: absolute;
90
79
  }
91
80
 
92
81
  &-item {
@@ -94,3 +83,14 @@
94
83
  margin: $list-item-margin;
95
84
  }
96
85
  }
86
+
87
+ [dir='rtl'] .nut-horizontal-items,
88
+ .nut-rtl .nut-horizontal-items {
89
+ float: right;
90
+
91
+ li {
92
+ float: right;
93
+ margin-right: 0;
94
+ margin-left: 20px;
95
+ }
96
+ }