@nutui/nutui-react-taro 2.0.0-alpha.0 → 2.0.0-alpha.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 (50) hide show
  1. package/CHANGELOG.md +24 -630
  2. package/dist/esm/ActionSheet.js +3 -3
  3. package/dist/esm/Address.js +3 -3
  4. package/dist/esm/Calendar.js +5 -5
  5. package/dist/esm/Cascader.js +4 -4
  6. package/dist/esm/Col.js +2 -1
  7. package/dist/esm/DatePicker.js +5 -5
  8. package/dist/esm/ImagePreview.js +5 -5
  9. package/dist/esm/NumberKeyboard.js +3 -3
  10. package/dist/esm/Picker.js +4 -4
  11. package/dist/esm/Popup.js +2 -4
  12. package/dist/esm/Row.js +2 -1
  13. package/dist/esm/ShortPassword.js +3 -3
  14. package/dist/esm/SideNavBar.js +3 -8
  15. package/dist/esm/TimeSelect.js +4 -4
  16. package/dist/esm/Uploader.js +1 -1
  17. package/dist/esm/{actionsheet.taro-b76a342e.js → actionsheet.taro-10cc53ee.js} +1 -1
  18. package/dist/esm/{address.taro-1812caeb.js → address.taro-632ca799.js} +1 -1
  19. package/dist/esm/{calendar.taro-b6b147ca.js → calendar.taro-099cb4a2.js} +1 -1
  20. package/dist/esm/{cascader.taro-9c0a1a38.js → cascader.taro-62e764a7.js} +2 -2
  21. package/dist/esm/{col.taro-53eed3cc.js → col.taro-a99a9171.js} +3 -1
  22. package/dist/esm/{datepicker.taro-439e2080.js → datepicker.taro-0f2bcf42.js} +1 -1
  23. package/dist/esm/{imagepreview.taro-867ee24a.js → imagepreview.taro-b88fcf41.js} +2 -2
  24. package/dist/esm/{numberkeyboard.taro-81b36e5e.js → numberkeyboard.taro-ed9b2149.js} +2 -2
  25. package/dist/esm/nutui-react.es.js +17 -17
  26. package/dist/esm/{picker.taro-5c9030a7.js → picker.taro-5028afcb.js} +1 -1
  27. package/dist/esm/{popup.taro-124b9bab.js → popup.taro-020bf791.js} +27 -30
  28. package/dist/esm/{row.taro-f64d4a13.js → row.taro-75039d53.js} +5 -3
  29. package/dist/esm/{shortpassword.taro-9a2c98ad.js → shortpassword.taro-681a33a1.js} +1 -1
  30. package/dist/esm/{sidenavbar.taro-0265812f.js → sidenavbar.taro-d5c5b331.js} +1 -3
  31. package/dist/esm/{timeselect.taro-5b047850.js → timeselect.taro-a4b86771.js} +1 -1
  32. package/dist/esm/{uploader.taro-0cca7e97.js → uploader.taro-2151eec6.js} +34 -36
  33. package/dist/locales/base.js +1 -1
  34. package/dist/locales/en-US.js +1 -1
  35. package/dist/locales/id-ID.js +1 -1
  36. package/dist/locales/zh-CN.js +1 -1
  37. package/dist/locales/zh-TW.js +1 -1
  38. package/dist/locales/zh-UG.js +1 -1
  39. package/dist/nutui.react.mjs +240 -244
  40. package/dist/nutui.react.umd.js +240 -244
  41. package/dist/packages/audio/audio.scss +2 -15
  42. package/dist/packages/calendar/calendar.scss +0 -30
  43. package/dist/packages/popup/popup.scss +0 -16
  44. package/dist/packages/row/row.scss +13 -31
  45. package/dist/packages/sidenavbar/sidenavbar.scss +0 -19
  46. package/dist/packages/uploader/uploader.scss +2 -28
  47. package/dist/style.css +1 -1
  48. package/dist/style.mjs +1 -1
  49. package/dist/types/index.d.ts +25 -27
  50. package/package.json +1 -1
package/dist/packages/audio/audio.scss CHANGED
@@ -1,17 +1,3 @@
1
- .nut-theme-dark {
2
- .nut-audio {
3
- .nut-audio__icon {
4
- &-stop::after {
5
- background-color: $dark3;
6
- }
7
- }
8
- .nut-audio__none-container {
9
- .nut-voice {
10
- border: 1px solid $white;
11
- }
12
- }
13
- }
14
- }
15
1
 
16
2
  .nut-audio {
17
3
  &__icon {
@@ -23,7 +9,7 @@
23
9
  justify-content: center;
24
10
  width: 30px;
25
11
  height: 30px;
26
- background: #fff;
12
+ background: $white;
27
13
  border-radius: 50%;
28
14
  box-shadow: 0 0 8px rgba(117, 117, 117, 0.5);
29
15
 
@@ -88,6 +74,7 @@
88
74
  .nut-audio__none-container {
89
75
  .nut-voice {
90
76
  border: 1px solid $title-color;
77
+ align-items: center;
91
78
  }
92
79
  }
93
80
  }
package/dist/packages/calendar/calendar.scss CHANGED
@@ -1,34 +1,4 @@
1
1
 
2
- .nut-theme-dark {
3
- .nut-calendar {
4
- background: $dark5;
5
- color: $dark1;
6
-
7
- .nut-calendar-header {
8
- background: $dark5;
9
- color: $dark1;
10
- }
11
-
12
- .nut-calendar-content {
13
- .calendar-months-panel {
14
- .calendar-month-con {
15
- .calendar-month-day {
16
- &-choose {
17
- background-color: rgba(#fa2c19, 0.09);
18
- color: $calendar-choose-font-color;
19
- }
20
- }
21
- }
22
- }
23
- }
24
-
25
- .nut-calendar-footer {
26
- background: $dark5;
27
- color: $dark1;
28
- }
29
- }
30
- }
31
-
32
2
  .nut-calendar {
33
3
  position: relative;
34
4
  display: flex;
package/dist/packages/popup/popup.scss CHANGED
@@ -1,20 +1,4 @@
1
1
 
2
- .nut-theme-dark {
3
- .nut-popup {
4
- background: $dark6;
5
- }
6
-
7
- .nut-popup {
8
- &__close-icon {
9
- color: $dark1;
10
- }
11
- }
12
-
13
- .nut-popup-slide-center-enter-done {
14
- color: $dark1;
15
- }
16
- }
17
-
18
2
  .nut-popup {
19
3
  position: fixed;
20
4
  max-height: 100%;
package/dist/packages/row/row.scss CHANGED
@@ -1,37 +1,7 @@
1
- .nut-theme-dark {
2
- .flex-content {
3
- line-height: $row-content-line-height;
4
- color: $row-content-color;
5
- text-align: center;
6
- border-radius: $row-content-border-radius;
7
- background: $dark4;
8
- &.flex-content-light {
9
- background: $dark8;
10
- }
11
- &.flex-content-height {
12
- height: $row-content-height;
13
- }
14
- }
15
- }
16
-
17
- .flex-content {
18
- line-height: $row-content-line-height;
19
- color: $row-content-color;
20
- text-align: center;
21
- border-radius: $row-content-border-radius;
22
- background: $row-content-background-color;
23
- font-size: 14px;
24
-
25
- &.flex-content-light {
26
- background: $row-content-light-background-color;
27
- }
28
- &.flex-content-height {
29
- height: $row-content-height;
30
- }
31
- }
32
1
  .nut-row {
33
2
  width: 100%;
34
3
  overflow: hidden;
4
+
35
5
  &:after {
36
6
  display: block;
37
7
  height: 0;
@@ -42,41 +12,53 @@
42
12
 
43
13
  &-flex {
44
14
  display: flex;
15
+
45
16
  &:after {
46
17
  display: none;
47
18
  }
19
+
48
20
  .nut-col {
49
21
  float: none;
50
22
  }
51
23
  }
24
+
52
25
  &-justify-center {
53
26
  justify-content: center;
54
27
  }
28
+
55
29
  &-justify-end {
56
30
  justify-content: flex-end;
57
31
  }
32
+
58
33
  &-justify-space-between {
59
34
  justify-content: space-between;
60
35
  align-items: center;
61
36
  }
37
+
62
38
  &-justify-space-around {
63
39
  justify-content: space-around;
64
40
  }
41
+
65
42
  &-align-flex-start {
66
43
  align-items: flex-start;
67
44
  }
45
+
68
46
  &-align-center {
69
47
  align-items: center;
70
48
  }
49
+
71
50
  &-align-flex-end {
72
51
  align-items: flex-end;
73
52
  }
53
+
74
54
  &-flex-wrap {
75
55
  flex-wrap: wrap;
76
56
  }
57
+
77
58
  &-flex-nowrap {
78
59
  flex-wrap: nowrap;
79
60
  }
61
+
80
62
  &-flex-reverse {
81
63
  flex-wrap: wrap-reverse;
82
64
  }
package/dist/packages/sidenavbar/sidenavbar.scss CHANGED
@@ -1,23 +1,4 @@
1
1
 
2
- .nut-theme-dark {
3
- .nut-sidenavbar {
4
- background-color: $dark4;
5
-
6
- &__title {
7
- background: $dark4;
8
- color: $white;
9
- }
10
-
11
- &__content {
12
- .nut-subsidenavbar__list {
13
- .nut-subsidenavbar__title {
14
- background: $dark4;
15
- }
16
- }
17
- }
18
- }
19
- }
20
-
21
2
  $nutSidenavbarItemHeight: 40px;
22
3
 
23
4
  .nut-sidenavbar {
package/dist/packages/uploader/uploader.scss CHANGED
@@ -1,31 +1,5 @@
1
1
  @import '../../styles/mixins/text-ellipsis.scss';
2
2
 
3
- .nut-theme-dark {
4
- .nut-uploader {
5
- // background-color: $gray2;
6
- &__preview {
7
- margin-bottom: 0;
8
-
9
- &-img {
10
- i {
11
- color: $dark1 !important;
12
- }
13
- }
14
- }
15
- }
16
-
17
- .nut-progress {
18
- .nut-progress-text__inner {
19
- color: $white !important;
20
- }
21
- }
22
-
23
- .nut-uploader__preview-list {
24
- background: $dark5;
25
- color: $dark1;
26
- }
27
- }
28
-
29
3
  .nut-uploader {
30
4
  position: relative;
31
5
  display: flex;
@@ -194,8 +168,8 @@
194
168
  }
195
169
 
196
170
  &__c {
197
- max-width: 100%;
198
- max-height: 100%;
171
+ width: 100%;
172
+ height: 100%;
199
173
  border-radius: 6px;
200
174
  }
201
175