@nutui/nutui-react 1.3.15 → 1.4.0-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 (96) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/ActionSheet.js +1 -1
  3. package/dist/esm/Cell.js +4 -12
  4. package/dist/esm/ConfigProvider.js +18 -4
  5. package/dist/esm/Empty.js +3 -3
  6. package/dist/esm/NoticeBar.js +1 -3
  7. package/dist/esm/Progress.js +1 -1
  8. package/dist/esm/SearchBar.js +3 -3
  9. package/dist/esm/TabbarItem.js +1 -9
  10. package/dist/esm/types/src/packages/cell/cell.d.ts +0 -2
  11. package/dist/esm/types/src/packages/configprovider/configprovider.d.ts +2 -0
  12. package/dist/esm/types/src/packages/{formitem/useForm.d.ts → form/useForm.taro.d.ts} +0 -0
  13. package/dist/esm/types/src/packages/nutui.react.taro.d.ts +189 -0
  14. package/dist/esm/types/src/packages/nutui.react.taro.scss.d.ts +98 -0
  15. package/dist/esm/types/src/packages/nutui.taro.react.build.d.ts +95 -0
  16. package/dist/esm/types/src/packages/signature/demo.d.ts +1 -0
  17. package/dist/esm/types/src/packages/tabbaritem/tabbaritem.d.ts +0 -1
  18. package/dist/locales/base.js +1 -1
  19. package/dist/locales/en-US.js +1 -1
  20. package/dist/locales/id-ID.js +1 -1
  21. package/dist/locales/zh-CN.js +1 -1
  22. package/dist/locales/zh-TW.js +1 -1
  23. package/dist/locales/zh-UG.js +1 -1
  24. package/dist/nutui.react.es.js +6774 -2521
  25. package/dist/nutui.react.umd.js +6761 -2508
  26. package/dist/packages/actionsheet/actionsheet.scss +29 -13
  27. package/dist/packages/address/address.scss +46 -18
  28. package/dist/packages/animatingnumbers/countup.scss +10 -1
  29. package/dist/packages/audio/audio.scss +17 -4
  30. package/dist/packages/backtop/backtop.scss +4 -3
  31. package/dist/packages/badge/badge.scss +2 -2
  32. package/dist/packages/barrage/barrage.scss +13 -6
  33. package/dist/packages/button/button.scss +56 -0
  34. package/dist/packages/calendar/calendar.scss +8 -7
  35. package/dist/packages/card/card.scss +1 -1
  36. package/dist/packages/cascader/cascader.scss +21 -12
  37. package/dist/packages/cell/cell.scss +9 -3
  38. package/dist/packages/cellgroup/cellgroup.scss +2 -2
  39. package/dist/packages/checkbox/checkbox.scss +1 -1
  40. package/dist/packages/circleprogress/circleprogress.scss +1 -1
  41. package/dist/packages/collapseitem/collapseitem.scss +52 -18
  42. package/dist/packages/dialog/dialog.scss +1 -1
  43. package/dist/packages/divider/divider.scss +9 -0
  44. package/dist/packages/elevator/elevator.scss +8 -4
  45. package/dist/packages/empty/empty.scss +5 -2
  46. package/dist/packages/fixednav/fixednav.scss +8 -0
  47. package/dist/packages/formitem/formitem.scss +1 -1
  48. package/dist/packages/griditem/griditem.scss +9 -4
  49. package/dist/packages/image/image.scss +2 -2
  50. package/dist/packages/indicator/indicator.scss +7 -0
  51. package/dist/packages/infiniteloading/infiniteloading.scss +12 -8
  52. package/dist/packages/input/input.scss +24 -4
  53. package/dist/packages/inputnumber/inputnumber.scss +9 -8
  54. package/dist/packages/menu/menu.scss +2 -3
  55. package/dist/packages/menuitem/menuitem.scss +3 -2
  56. package/dist/packages/navbar/navbar.scss +25 -5
  57. package/dist/packages/noticebar/noticebar.scss +14 -8
  58. package/dist/packages/numberkeyboard/numberkeyboard.scss +28 -6
  59. package/dist/packages/overlay/overlay.scss +25 -0
  60. package/dist/packages/pagination/pagination.scss +19 -8
  61. package/dist/packages/picker/picker.scss +46 -21
  62. package/dist/packages/popup/popup.scss +6 -2
  63. package/dist/packages/progress/progress.scss +10 -0
  64. package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -1
  65. package/dist/packages/radio/radio.scss +9 -6
  66. package/dist/packages/radiogroup/radiogroup.scss +49 -0
  67. package/dist/packages/range/range.scss +4 -4
  68. package/dist/packages/row/row.scss +16 -0
  69. package/dist/packages/searchbar/searchbar.scss +20 -6
  70. package/dist/packages/shortpassword/shortpassword.scss +23 -12
  71. package/dist/packages/sidenavbar/sidenavbar.scss +20 -2
  72. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +13 -5
  73. package/dist/packages/signature/signature.scss +16 -0
  74. package/dist/packages/step/step.scss +48 -2
  75. package/dist/packages/subsidenavbar/subsidenavbar.scss +4 -4
  76. package/dist/packages/switch/switch.scss +14 -0
  77. package/dist/packages/tabbar/tabbar.scss +1 -1
  78. package/dist/packages/tabbaritem/tabbaritem.scss +4 -3
  79. package/dist/packages/table/table.scss +21 -10
  80. package/dist/packages/tabpane/tabpane.scss +3 -2
  81. package/dist/packages/tabs/tabs.scss +18 -6
  82. package/dist/packages/textarea/textarea.scss +2 -2
  83. package/dist/packages/timedetail/timedetail.scss +8 -5
  84. package/dist/packages/timepannel/timepannel.scss +4 -4
  85. package/dist/packages/timeselect/timeselect.scss +27 -13
  86. package/dist/packages/uploader/uploader.scss +23 -7
  87. package/dist/packages/virtuallist/virtuallist.scss +15 -3
  88. package/dist/style.css +1 -1
  89. package/dist/style.es.js +1 -1
  90. package/dist/styles/font/config.json +1 -1
  91. package/dist/styles/theme-dark.scss +18 -0
  92. package/dist/styles/theme-default.scss +28 -0
  93. package/dist/styles/themes/default.scss +1 -0
  94. package/dist/styles/variables.scss +103 -96
  95. package/dist/types/index.d.ts +2 -3
  96. package/package.json +4 -5
package/dist/packages/timedetail/timedetail.scss CHANGED
@@ -1,11 +1,11 @@
1
1
  .nut-theme-dark {
2
2
  .nut-timedetail {
3
- background-color: $dark-background2;
3
+ background-color: $dark6;
4
4
  &__detail {
5
5
  &__list {
6
6
  &__item {
7
- background-color: $dark-background;
8
- color: $dark-color;
7
+ background-color: $dark4;
8
+ color: $dark1;
9
9
  &--curr {
10
10
  color: $timeselect-timedetail-item-cur-text-color;
11
11
  }
@@ -27,9 +27,12 @@
27
27
  text-align: center;
28
28
  margin-right: 10px;
29
29
  margin-bottom: 10px;
30
- background-color: #f6f7f9;
30
+ background-color: $background-color;
31
+ color: $title-color;
32
+ &-active {
33
+ background-color: $dark-brand-color;
34
+ }
31
35
  border-radius: 5px;
32
- color: #333;
33
36
  font-size: 14px;
34
37
  border: 1px solid transparent;
35
38
  font-weight: 700;
package/dist/packages/timepannel/timepannel.scss CHANGED
@@ -1,10 +1,10 @@
1
1
  .nut-theme-dark {
2
2
  .nut-timepannel {
3
- background-color: $dark-background3;
4
- color: $dark-color-gray;
3
+ background-color: $dark5;
4
+ color: $dark2;
5
5
  &--curr {
6
- background-color: $dark-background2;
7
- color: $dark-color;
6
+ background-color: $dark5;
7
+ color: $dark1;
8
8
  }
9
9
  }
10
10
  }
package/dist/packages/timeselect/timeselect.scss CHANGED
@@ -1,23 +1,32 @@
1
1
  .nut-theme-dark {
2
2
  .nut-timeselect {
3
- background-color: $dark-background2;
3
+ background-color: $dark6;
4
4
  &__title {
5
- background-color: $dark-background2;
6
- color: $dark-color;
5
+ background-color: $dark6;
6
+ color: $dark1;
7
7
  }
8
8
  &__content {
9
- &__pannel {
10
- background-color: $dark-background3;
11
- color: $dark-color;
12
- }
13
- &__detail {
14
- background-color: $dark-background2;
9
+ &-left {
10
+ background-color: $dark5;
11
+ color: $dark1;
12
+ .nut-timepannel-active {
13
+ background-color: $dark6;
14
+ color: $dark1;
15
+ }
15
16
  }
16
17
  }
17
18
  }
19
+ .nut-timedetail__item {
20
+ background-color: $dark4;
21
+ color: $dark1;
22
+ &-active {
23
+ background-color: $dark-brand-color;
24
+ }
25
+ }
18
26
  }
19
27
 
20
28
  .nut-timeselect {
29
+ background-color: $background-color3;
21
30
  display: flex;
22
31
  flex-direction: column;
23
32
  height: 100%;
@@ -27,7 +36,8 @@
27
36
  line-height: $timeselect-title-line-height;
28
37
  margin-bottom: 10px;
29
38
  font-size: $timeselect-title-font-size;
30
- color: $timeselect-title-color;
39
+ background-color: $background-color3;
40
+ color: $title-color;
31
41
  text-align: center;
32
42
  }
33
43
 
@@ -41,12 +51,16 @@
41
51
  min-width: 140px;
42
52
  height: 100%;
43
53
  overflow: auto;
44
- background-color: #f6f7f9;
54
+ background-color: $background-color2;
55
+ color: $title-color;
56
+ .nut-timepannel-active {
57
+ background-color: red;
58
+ }
45
59
  }
46
60
 
47
61
  .nut-timepannel-active {
48
- background-color: #fff;
49
- color: #333;
62
+ background-color: $background-color3;
63
+ color: $title-color;
50
64
  font-weight: 700;
51
65
  }
52
66
  }
package/dist/packages/uploader/uploader.scss CHANGED
@@ -1,11 +1,24 @@
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;
3
+ .nut-uploader {
4
+ // background-color: $gray2;
5
+ &__preview {
6
+ margin-bottom: 0;
7
+ &-img {
8
+ i {
9
+ color: $dark1 !important;
10
+ }
11
+ }
12
+ }
13
+ }
14
+ .nut-progress {
15
+ .nut-progress-text__inner {
16
+ color: $white !important;
17
+ }
6
18
  }
7
- .close {
8
- color: $dark-color !important;
19
+ .nut-uploader__preview-list {
20
+ background: $dark5;
21
+ color: $dark1;
9
22
  }
10
23
  }
11
24
  .nut-uploader {
@@ -48,7 +61,6 @@
48
61
  margin-right: 10px;
49
62
  margin-bottom: 10px;
50
63
  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
51
-
52
64
  &__progress {
53
65
  position: absolute;
54
66
  left: 0;
@@ -61,7 +73,7 @@
61
73
  align-items: center;
62
74
  justify-content: center;
63
75
  &__msg {
64
- color: $white;
76
+ color: #fff;
65
77
  font-size: 12px;
66
78
  margin-top: 6px;
67
79
  }
@@ -79,6 +91,7 @@
79
91
  flex-direction: column;
80
92
  position: relative;
81
93
  padding-right: 20px;
94
+ background-color: $gray4;
82
95
  .nut-uploader__preview-img__file__name {
83
96
  -webkit-line-clamp: 1;
84
97
  padding: 2px;
@@ -104,6 +117,9 @@
104
117
  position: relative;
105
118
  width: $uploader-picture-width;
106
119
  height: $uploader-picture-height;
120
+ i {
121
+ color: $gray1;
122
+ }
107
123
  .close {
108
124
  position: absolute;
109
125
  right: 0;
package/dist/packages/virtuallist/virtuallist.scss CHANGED
@@ -1,9 +1,21 @@
1
+ .nut-theme-dark {
2
+ .nut-virtualList-demo-box {
3
+ li {
4
+ background-color: $dark5;
5
+ color: $dark1;
6
+ }
7
+ .nut-vertical-items li {
8
+ box-shadow: 0 1px 6px 0 $dark5;
9
+ }
10
+ }
11
+ }
12
+
1
13
  .nut-horizontal-items {
2
14
  float: left;
3
15
  li {
4
16
  display: block;
5
17
  float: left;
6
- background: #fff;
18
+ background: $background-color3;
7
19
  padding: 10px;
8
20
  margin-right: 20px;
9
21
  }
@@ -17,7 +29,7 @@
17
29
  .nut-vertical-items {
18
30
  li {
19
31
  display: block;
20
- background: rgba(255, 255, 255, 1);
32
+ background: $background-color3;
21
33
  border-radius: 7px;
22
34
  box-shadow: 0 1px 6px 0 rgba(237, 238, 241, 1);
23
35
  margin-top: 20px;
@@ -26,7 +38,7 @@
26
38
  line-height: 18px;
27
39
  font-family: PingFangSC;
28
40
  font-weight: 500;
29
- color: rgba(102, 102, 102, 1);
41
+ color: $title-color;
30
42
  }
31
43
  }
32
44