@nutui/nutui-react 2.0.0-alpha.0 → 2.0.0-alpha.2

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 (46) hide show
  1. package/CHANGELOG.md +35 -627
  2. package/dist/esm/Address.js +1 -1
  3. package/dist/esm/Animate.js +6 -7
  4. package/dist/esm/Audio.js +18 -21
  5. package/dist/esm/Badge.js +15 -22
  6. package/dist/esm/Cascader.js +1 -1
  7. package/dist/esm/Col.js +4 -3
  8. package/dist/esm/Divider.js +4 -3
  9. package/dist/esm/Drag.js +7 -9
  10. package/dist/esm/Elevator.js +38 -41
  11. package/dist/esm/ImagePreview.js +1 -1
  12. package/dist/esm/Menu.js +75 -73
  13. package/dist/esm/MenuItem.js +29 -27
  14. package/dist/esm/NavBar.js +17 -48
  15. package/dist/esm/NumberKeyboard.js +1 -1
  16. package/dist/esm/Popup.js +23 -30
  17. package/dist/esm/Progress.js +20 -68
  18. package/dist/esm/Row.js +6 -5
  19. package/dist/esm/SideNavBar.js +0 -2
  20. package/dist/esm/Uploader.js +49 -52
  21. package/dist/locales/base.js +1 -1
  22. package/dist/locales/en-US.js +1 -1
  23. package/dist/locales/id-ID.js +1 -1
  24. package/dist/locales/zh-CN.js +1 -1
  25. package/dist/locales/zh-TW.js +1 -1
  26. package/dist/locales/zh-UG.js +1 -1
  27. package/dist/nutui.react.mjs +717 -832
  28. package/dist/nutui.react.umd.js +717 -832
  29. package/dist/packages/audio/audio.scss +2 -15
  30. package/dist/packages/badge/badge.scss +8 -17
  31. package/dist/packages/calendar/calendar.scss +0 -30
  32. package/dist/packages/elevator/elevator.scss +2 -28
  33. package/dist/packages/menu/menu.scss +44 -55
  34. package/dist/packages/menuitem/menuitem.scss +16 -26
  35. package/dist/packages/navbar/navbar.scss +16 -115
  36. package/dist/packages/popup/popup.scss +0 -16
  37. package/dist/packages/progress/progress.scss +19 -58
  38. package/dist/packages/row/row.scss +13 -31
  39. package/dist/packages/sidenavbar/sidenavbar.scss +0 -19
  40. package/dist/packages/uploader/uploader.scss +2 -28
  41. package/dist/style.css +1 -1
  42. package/dist/style.mjs +1 -1
  43. package/dist/styles/variables-jmapp.scss +23 -114
  44. package/dist/styles/variables.scss +31 -122
  45. package/dist/types/index.d.ts +43 -81
  46. package/package.json +1 -1
@@ -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
  }
@@ -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 {
@@ -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