@nutui/nutui-react 1.3.7 → 1.3.9-beta.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 (100) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/esm/Avatar.js +4 -5
  3. package/dist/esm/Button.js +1 -2
  4. package/dist/esm/Card/style/index.js +2 -2
  5. package/dist/esm/Cascader.js +2 -2
  6. package/dist/esm/Cell.js +5 -2
  7. package/dist/esm/CellGroup.js +5 -5
  8. package/dist/esm/Collapse.js +7 -3
  9. package/dist/esm/DatePicker.js +3 -3
  10. package/dist/esm/GridItem.js +9 -3
  11. package/dist/esm/Input.js +39 -23
  12. package/dist/esm/InputNumber.js +15 -1
  13. package/dist/esm/NoticeBar.js +6 -0
  14. package/dist/esm/Radio.js +2 -2
  15. package/dist/esm/Range.js +7 -1
  16. package/dist/esm/SideNavBar.js +3 -3
  17. package/dist/esm/SideNavBarItem.js +3 -3
  18. package/dist/esm/Signature.js +14 -8
  19. package/dist/esm/Step.js +3 -5
  20. package/dist/esm/Steps.js +2 -1
  21. package/dist/esm/SubSideNavBar.js +3 -3
  22. package/dist/esm/Switch.js +2 -2
  23. package/dist/esm/TabPane.js +2 -2
  24. package/dist/esm/Tabbar.js +5 -2
  25. package/dist/esm/Tabs.js +2 -2
  26. package/dist/esm/TimeSelect.js +20 -5
  27. package/dist/esm/Uploader.js +1 -1
  28. package/dist/esm/Video.js +7 -1
  29. package/dist/esm/VirtualList.js +11 -6
  30. package/dist/esm/date-710f8c7c.js +18 -9
  31. package/dist/esm/{tabpane-c957ab14.js → tabpane-9b8ca8a8.js} +3 -2
  32. package/dist/esm/{tabs-0896a61b.js → tabs-ee05fd2f.js} +8 -4
  33. package/dist/esm/types/src/packages/avatar/avatar.d.ts +1 -0
  34. package/dist/esm/types/src/packages/cell/cell.d.ts +1 -0
  35. package/dist/esm/types/src/packages/cellgroup/cellgroup.d.ts +1 -1
  36. package/dist/esm/types/src/packages/collapse/collapse.d.ts +3 -1
  37. package/dist/esm/types/src/packages/datepicker/datepicker.d.ts +2 -2
  38. package/dist/esm/types/src/packages/input/input.d.ts +10 -2
  39. package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts +6 -0
  40. package/dist/esm/types/src/packages/noticebar/noticebar.d.ts +3 -1
  41. package/dist/esm/types/src/packages/range/range.d.ts +4 -1
  42. package/dist/esm/types/src/packages/sidenavbar/sidenavbar.d.ts +1 -1
  43. package/dist/esm/types/src/packages/sidenavbaritem/sidenavbaritem.d.ts +1 -1
  44. package/dist/esm/types/src/packages/signature/signature.d.ts +2 -0
  45. package/dist/esm/types/src/packages/steps/steps.d.ts +1 -0
  46. package/dist/esm/types/src/packages/subsidenavbar/subsidenavbar.d.ts +1 -1
  47. package/dist/esm/types/src/packages/switch/switch.d.ts +1 -1
  48. package/dist/esm/types/src/packages/tabbar/tabbar.d.ts +1 -0
  49. package/dist/esm/types/src/packages/tabpane/tabpane.d.ts +6 -2
  50. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -0
  51. package/dist/esm/types/src/packages/timeselect/timeselect.d.ts +5 -1
  52. package/dist/esm/types/src/packages/video/video.d.ts +3 -0
  53. package/dist/esm/types/src/packages/virtuallist/type.d.ts +3 -1
  54. package/dist/esm/types/src/packages/virtuallist/virtuallist.d.ts +2 -2
  55. package/dist/locales/base.js +1 -1
  56. package/dist/locales/en-US.js +1 -1
  57. package/dist/locales/id-ID.js +1 -1
  58. package/dist/locales/zh-CN.js +1 -1
  59. package/dist/locales/zh-TW.js +1 -1
  60. package/dist/nutui.react.es.js +180 -79
  61. package/dist/nutui.react.umd.js +180 -79
  62. package/dist/packages/actionsheet/actionsheet.scss +17 -0
  63. package/dist/packages/address/address.scss +42 -0
  64. package/dist/packages/badge/badge.scss +8 -0
  65. package/dist/packages/calendar/calendar.scss +27 -0
  66. package/dist/packages/card/card.scss +8 -0
  67. package/dist/packages/cascader/cascader.scss +16 -0
  68. package/dist/packages/cell/cell.scss +7 -0
  69. package/dist/packages/checkbox/checkbox.scss +11 -0
  70. package/dist/packages/circleprogress/circleprogress.scss +6 -0
  71. package/dist/packages/collapseitem/collapseitem.scss +21 -0
  72. package/dist/packages/divider/divider.scss +2 -1
  73. package/dist/packages/elevator/elevator.scss +17 -1
  74. package/dist/packages/empty/empty.scss +6 -0
  75. package/dist/packages/infiniteloading/infiniteloading.scss +18 -0
  76. package/dist/packages/inputnumber/inputnumber.scss +22 -0
  77. package/dist/packages/navbar/navbar.scss +9 -0
  78. package/dist/packages/noticebar/noticebar.scss +4 -1
  79. package/dist/packages/numberkeyboard/numberkeyboard.scss +10 -0
  80. package/dist/packages/pagination/pagination.scss +21 -1
  81. package/dist/packages/picker/picker.scss +39 -0
  82. package/dist/packages/popup/popup.scss +11 -0
  83. package/dist/packages/radio/radio.scss +18 -0
  84. package/dist/packages/shortpassword/shortpassword.scss +62 -0
  85. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +9 -0
  86. package/dist/packages/subsidenavbar/subsidenavbar.scss +12 -0
  87. package/dist/packages/tabbar/tabbar.scss +5 -0
  88. package/dist/packages/tabbaritem/tabbaritem.scss +7 -0
  89. package/dist/packages/table/table.scss +38 -0
  90. package/dist/packages/tabpane/tabpane.scss +5 -0
  91. package/dist/packages/tabs/tabs.scss +31 -2
  92. package/dist/packages/timedetail/timedetail.scss +16 -0
  93. package/dist/packages/timepannel/timepannel.scss +10 -0
  94. package/dist/packages/timeselect/timeselect.scss +18 -0
  95. package/dist/packages/uploader/uploader.scss +9 -1
  96. package/dist/style.css +1 -1
  97. package/dist/style.es.js +1 -1
  98. package/dist/styles/variables.scss +110 -101
  99. package/dist/types/index.d.ts +57 -17
  100. package/package.json +10 -1
package/dist/packages/tabs/tabs.scss CHANGED
@@ -1,8 +1,29 @@
1
1
  @import '../../styles/mixins/index';
2
+ .nut-theme-dark {
3
+ .nut-tabs {
4
+ &__titles {
5
+ background: $dark-background3;
6
+ &-item {
7
+ color: $dark-color-gray;
8
+ &.active {
9
+ color: $dark-color;
10
+ }
11
+ }
12
+ }
13
+ &.vertical {
14
+ .nut-tabs__titles {
15
+ &-item {
16
+ &.active {
17
+ background-color: $dark-background2;
18
+ }
19
+ }
20
+ }
21
+ }
22
+ }
23
+ }
2
24
 
3
25
  .nut-tabs {
4
26
  display: flex;
5
- overflow: hidden;
6
27
 
7
28
  &.horizontal {
8
29
  flex-direction: column;
@@ -13,6 +34,7 @@
13
34
  width: 100%;
14
35
 
15
36
  .nut-tabs__titles {
37
+ box-sizing: border-box;
16
38
  flex-direction: column;
17
39
  height: 100%;
18
40
  padding: 10px 0 !important;
@@ -63,8 +85,11 @@
63
85
  }
64
86
 
65
87
  .nut-tabs__content {
66
- flex: 1;
67
88
  flex-direction: column;
89
+ &__wrap {
90
+ flex: 1;
91
+ }
92
+ height: 100%;
68
93
 
69
94
  .nut-tabpane {
70
95
  height: 100%;
@@ -80,6 +105,7 @@
80
105
  background: $tabs-titles-background-color;
81
106
  border-radius: $tabs-titles-border-radius;
82
107
  flex-shrink: 0;
108
+ overflow: hidden;
83
109
 
84
110
  &.large {
85
111
  .nut-tabs__titles-item {
@@ -185,6 +211,9 @@
185
211
  }
186
212
 
187
213
  &__content {
214
+ &__wrap {
215
+ overflow: hidden;
216
+ }
188
217
  display: flex;
189
218
  box-sizing: border-box;
190
219
  }
package/dist/packages/timedetail/timedetail.scss CHANGED
@@ -1,3 +1,19 @@
1
+ .nut-theme-dark {
2
+ .nut-timedetail {
3
+ background-color: $dark-background2;
4
+ &__detail {
5
+ &__list {
6
+ &__item {
7
+ background-color: $dark-background;
8
+ color: $dark-color;
9
+ &--curr {
10
+ color: $timeselect-timedetail-item-cur-text-color;
11
+ }
12
+ }
13
+ }
14
+ }
15
+ }
16
+ }
1
17
  .nut-timedetail {
2
18
  display: flex;
3
19
  align-content: flex-start;
package/dist/packages/timepannel/timepannel.scss CHANGED
@@ -1,3 +1,13 @@
1
+ .nut-theme-dark {
2
+ .nut-timepannel {
3
+ background-color: $dark-background3;
4
+ color: $dark-color-gray;
5
+ &--curr {
6
+ background-color: $dark-background2;
7
+ color: $dark-color;
8
+ }
9
+ }
10
+ }
1
11
  .nut-timepannel {
2
12
  height: 40px;
3
13
  line-height: 40px;
package/dist/packages/timeselect/timeselect.scss CHANGED
@@ -1,3 +1,21 @@
1
+ .nut-theme-dark {
2
+ .nut-timeselect {
3
+ background-color: $dark-background2;
4
+ &__title {
5
+ background-color: $dark-background2;
6
+ color: $dark-color;
7
+ }
8
+ &__content {
9
+ &__pannel {
10
+ background-color: $dark-background3;
11
+ color: $dark-color;
12
+ }
13
+ &__detail {
14
+ background-color: $dark-background2;
15
+ }
16
+ }
17
+ }
18
+ }
1
19
 
2
20
  .nut-timeselect {
3
21
  display: flex;
package/dist/packages/uploader/uploader.scss CHANGED
@@ -1,5 +1,13 @@
1
1
  @import '../../styles/mixins/text-ellipsis.scss';
2
-
2
+ .nut-theme-dark {
3
+ .nut-uploader__preview-list {
4
+ background: $dark-background2;
5
+ color: $dark-color;
6
+ }
7
+ .close {
8
+ color: $dark-color !important;
9
+ }
10
+ }
3
11
  .nut-uploader {
4
12
  position: relative;
5
13
  display: flex;