@nutui/nutui-react 1.3.6 → 1.3.8

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 (64) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/esm/Avatar.js +4 -5
  3. package/dist/esm/Cascader.js +2 -2
  4. package/dist/esm/Cell.js +5 -2
  5. package/dist/esm/Collapse.js +7 -3
  6. package/dist/esm/Input.js +35 -19
  7. package/dist/esm/InputNumber.js +15 -1
  8. package/dist/esm/Menu.js +3 -3
  9. package/dist/esm/MenuItem.js +3 -4
  10. package/dist/esm/NoticeBar.js +6 -0
  11. package/dist/esm/Radio.js +2 -2
  12. package/dist/esm/Range.js +7 -1
  13. package/dist/esm/SideNavBar.js +3 -3
  14. package/dist/esm/SideNavBarItem.js +3 -3
  15. package/dist/esm/Signature.js +14 -8
  16. package/dist/esm/Step.js +3 -5
  17. package/dist/esm/Steps.js +2 -1
  18. package/dist/esm/SubSideNavBar.js +3 -3
  19. package/dist/esm/Switch.js +2 -2
  20. package/dist/esm/TabPane.js +2 -2
  21. package/dist/esm/Tabbar.js +5 -2
  22. package/dist/esm/Tabs.js +2 -2
  23. package/dist/esm/TimeSelect.js +20 -5
  24. package/dist/esm/Uploader.js +1 -1
  25. package/dist/esm/Video.js +7 -1
  26. package/dist/esm/VirtualList.js +11 -6
  27. package/dist/esm/{tabpane-c957ab14.js → tabpane-9b8ca8a8.js} +3 -2
  28. package/dist/esm/{tabs-0896a61b.js → tabs-ee05fd2f.js} +8 -4
  29. package/dist/esm/types/src/packages/avatar/avatar.d.ts +1 -0
  30. package/dist/esm/types/src/packages/cell/cell.d.ts +1 -0
  31. package/dist/esm/types/src/packages/collapse/collapse.d.ts +3 -1
  32. package/dist/esm/types/src/packages/input/input.d.ts +10 -2
  33. package/dist/esm/types/src/packages/inputnumber/inputnumber.d.ts +6 -0
  34. package/dist/esm/types/src/packages/noticebar/noticebar.d.ts +3 -1
  35. package/dist/esm/types/src/packages/range/range.d.ts +4 -1
  36. package/dist/esm/types/src/packages/sidenavbar/sidenavbar.d.ts +1 -1
  37. package/dist/esm/types/src/packages/sidenavbaritem/sidenavbaritem.d.ts +1 -1
  38. package/dist/esm/types/src/packages/signature/signature.d.ts +2 -0
  39. package/dist/esm/types/src/packages/steps/steps.d.ts +1 -0
  40. package/dist/esm/types/src/packages/subsidenavbar/subsidenavbar.d.ts +1 -1
  41. package/dist/esm/types/src/packages/switch/switch.d.ts +1 -1
  42. package/dist/esm/types/src/packages/tabbar/tabbar.d.ts +1 -0
  43. package/dist/esm/types/src/packages/tabpane/tabpane.d.ts +6 -2
  44. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -0
  45. package/dist/esm/types/src/packages/timeselect/timeselect.d.ts +5 -1
  46. package/dist/esm/types/src/packages/video/video.d.ts +3 -0
  47. package/dist/esm/types/src/packages/virtuallist/type.d.ts +3 -1
  48. package/dist/esm/types/src/packages/virtuallist/virtuallist.d.ts +2 -2
  49. package/dist/locales/base.js +1 -1
  50. package/dist/locales/en-US.js +1 -1
  51. package/dist/locales/id-ID.js +1 -1
  52. package/dist/locales/zh-CN.js +1 -1
  53. package/dist/locales/zh-TW.js +1 -1
  54. package/dist/nutui.react.es.js +167 -72
  55. package/dist/nutui.react.umd.js +167 -72
  56. package/dist/packages/divider/divider.scss +2 -1
  57. package/dist/packages/menu/menu.scss +4 -0
  58. package/dist/packages/menuitem/menuitem.scss +27 -2
  59. package/dist/packages/noticebar/noticebar.scss +4 -1
  60. package/dist/packages/tabs/tabs.scss +3 -1
  61. package/dist/style.css +1 -1
  62. package/dist/style.es.js +1 -1
  63. package/dist/types/index.d.ts +54 -14
  64. package/package.json +3 -1
@@ -4,7 +4,7 @@
4
4
  font-size: $divider-text-font-size;
5
5
  color: $divider-text-color;
6
6
  margin: $divider-margin;
7
- // width: 100%;
7
+ width: 100%;
8
8
 
9
9
  &::before,
10
10
  &::after {
@@ -59,5 +59,6 @@
59
59
  height: $divider-vertical-height;
60
60
  border-left: 1px solid $divider-vertical-border-left;
61
61
  margin: $divider-vertical-margin;
62
+ width: auto;
62
63
  }
63
64
  }
@@ -20,6 +20,10 @@
20
20
  width: 100%;
21
21
  }
22
22
 
23
+ .nut-menu-relative {
24
+ position: relative;
25
+ }
26
+
23
27
  .nut-menu__bar {
24
28
  position: relative;
25
29
  display: flex;
@@ -40,12 +40,16 @@
40
40
  }
41
41
  }
42
42
 
43
- .nut-menu-item__wrap {
44
- position: fixed;
43
+ .nut-menu-item__wrap,
44
+ .nut-menu-item__wrap-up {
45
+ position: absolute;
45
46
  width: 100%;
46
47
  z-index: 2052;
47
48
  overflow: hidden;
48
49
  }
50
+ .nut-menu-item__wrap-up {
51
+ bottom: $menu-bar-line-height;
52
+ }
49
53
 
50
54
  .overlay-fade-enter-active.nut-menu__overlay {
51
55
  top: auto;
@@ -72,10 +76,12 @@
72
76
 
73
77
  .menu-item-enter {
74
78
  opacity: 0;
79
+ transform: translate(0, -30px);
75
80
  }
76
81
 
77
82
  .menu-item-enter-done {
78
83
  opacity: 1;
84
+ transform: translate(0, 0);
79
85
  transition: all 100ms;
80
86
  }
81
87
 
@@ -88,3 +94,22 @@
88
94
  opacity: 0;
89
95
  transition: all 100ms;
90
96
  }
97
+
98
+ .menu-item-up-enter {
99
+ opacity: 0;
100
+ transform: translate(0, 30px);
101
+ }
102
+ .menu-item-up-enter-done {
103
+ opacity: 1;
104
+ transform: translate(0, 0);
105
+ transition: all 100ms;
106
+ }
107
+ .menu-item-up-exit {
108
+ opacity: 1;
109
+ transition: all 100ms;
110
+ }
111
+
112
+ .menu-item-up-exit-done {
113
+ opacity: 0;
114
+ transition: all 100ms;
115
+ }
@@ -11,6 +11,7 @@
11
11
  }
12
12
  }
13
13
  .nut-noticebar {
14
+ width: 100%;
14
15
  .nut-noticebar-page {
15
16
  display: flex;
16
17
  padding: $noticebar-box-padding;
@@ -107,12 +108,14 @@
107
108
  font-size: $noticebar-font-size;
108
109
  overflow: hidden;
109
110
  padding: $noticebar-box-padding;
110
-
111
+ background: $noticebar-background;
112
+ color: $noticebar-color;
111
113
  .horseLamp_list {
112
114
  margin: 0;
113
115
  padding: 0;
114
116
  display: block;
115
117
  flex: 1;
118
+
116
119
  .horseLamp_list_item {
117
120
  display: flex;
118
121
  align-items: center;
@@ -2,7 +2,6 @@
2
2
 
3
3
  .nut-tabs {
4
4
  display: flex;
5
- overflow: hidden;
6
5
 
7
6
  &.horizontal {
8
7
  flex-direction: column;
@@ -185,6 +184,9 @@
185
184
  }
186
185
 
187
186
  &__content {
187
+ &__wrap {
188
+ overflow: hidden;
189
+ }
188
190
  display: flex;
189
191
  box-sizing: border-box;
190
192
  }