@nutui/nutui-react 1.3.5 → 1.3.7

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 (110) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/esm/ActionSheet.js +15 -25
  3. package/dist/esm/Address.js +151 -221
  4. package/dist/esm/AnimatingNumbers.js +7 -31
  5. package/dist/esm/Audio.js +31 -66
  6. package/dist/esm/Avatar.js +25 -51
  7. package/dist/esm/AvatarGroup.js +2 -9
  8. package/dist/esm/BackTop.js +29 -55
  9. package/dist/esm/Badge.js +9 -20
  10. package/dist/esm/Barrage.js +8 -20
  11. package/dist/esm/Button.js +22 -37
  12. package/dist/esm/Calendar.js +23 -37
  13. package/dist/esm/CalendarItem.js +86 -186
  14. package/dist/esm/Card.js +14 -20
  15. package/dist/esm/Cascader.js +77 -197
  16. package/dist/esm/Cell.js +20 -30
  17. package/dist/esm/CellGroup.js +6 -12
  18. package/dist/esm/Checkbox.js +27 -48
  19. package/dist/esm/CheckboxGroup.js +12 -30
  20. package/dist/esm/CircleProgress.js +11 -28
  21. package/dist/esm/Col.js +11 -22
  22. package/dist/esm/Collapse.js +11 -27
  23. package/dist/esm/CollapseItem.js +33 -47
  24. package/dist/esm/ConfigProvider.js +4 -15
  25. package/dist/esm/CountDown.js +37 -74
  26. package/dist/esm/DatePicker.js +44 -106
  27. package/dist/esm/Dialog.js +31 -89
  28. package/dist/esm/Divider.js +8 -15
  29. package/dist/esm/Drag.js +30 -45
  30. package/dist/esm/Elevator.js +37 -74
  31. package/dist/esm/Empty.js +11 -24
  32. package/dist/esm/FixedNav.js +18 -29
  33. package/dist/esm/Grid.js +13 -28
  34. package/dist/esm/GridItem.js +18 -34
  35. package/dist/esm/ImagePreview.js +36 -71
  36. package/dist/esm/Indicator.js +9 -20
  37. package/dist/esm/Infiniteloading.js +26 -55
  38. package/dist/esm/Input.js +62 -106
  39. package/dist/esm/InputNumber.js +25 -52
  40. package/dist/esm/Layout.js +0 -6
  41. package/dist/esm/Menu.js +27 -49
  42. package/dist/esm/MenuItem.js +32 -56
  43. package/dist/esm/NavBar.js +18 -34
  44. package/dist/esm/NoticeBar.js +54 -102
  45. package/dist/esm/Notify.js +9 -38
  46. package/dist/esm/NumberKeyboard.js +21 -52
  47. package/dist/esm/Pagination.js +38 -71
  48. package/dist/esm/Picker.js +91 -178
  49. package/dist/esm/Popover.js +32 -72
  50. package/dist/esm/Popup.js +40 -72
  51. package/dist/esm/Price.js +7 -24
  52. package/dist/esm/Progress.js +35 -50
  53. package/dist/esm/PullToRefresh.js +28 -83
  54. package/dist/esm/Radio.js +24 -47
  55. package/dist/esm/RadioGroup.js +14 -24
  56. package/dist/esm/Range.js +44 -116
  57. package/dist/esm/Rate.js +21 -39
  58. package/dist/esm/Row.js +7 -16
  59. package/dist/esm/SearchBar.js +47 -68
  60. package/dist/esm/ShortPassword.js +29 -56
  61. package/dist/esm/SideNavBar.js +9 -16
  62. package/dist/esm/SideNavBarItem.js +4 -11
  63. package/dist/esm/Signature.js +13 -43
  64. package/dist/esm/Skeleton.js +13 -23
  65. package/dist/esm/Step.js +12 -28
  66. package/dist/esm/Steps.js +6 -14
  67. package/dist/esm/Sticky.js +24 -52
  68. package/dist/esm/SubSideNavBar.js +7 -22
  69. package/dist/esm/Swipe.js +15 -54
  70. package/dist/esm/Swiper.js +102 -186
  71. package/dist/esm/SwiperItem.js +2 -12
  72. package/dist/esm/Switch.js +13 -27
  73. package/dist/esm/Tabbar.js +13 -25
  74. package/dist/esm/TabbarItem.js +15 -23
  75. package/dist/esm/Table.js +19 -39
  76. package/dist/esm/Tag.js +19 -36
  77. package/dist/esm/TextArea.js +19 -43
  78. package/dist/esm/TimeDetail.js +15 -28
  79. package/dist/esm/TimePannel.js +5 -12
  80. package/dist/esm/TimeSelect.js +35 -59
  81. package/dist/esm/Toast.js +16 -49
  82. package/dist/esm/Uploader.js +57 -152
  83. package/dist/esm/Video.js +8 -19
  84. package/dist/esm/VirtualList.js +84 -118
  85. package/dist/esm/date-710f8c7c.js +9 -33
  86. package/dist/esm/get-scroll-parent-3dcd3f53.js +1 -9
  87. package/dist/esm/icon-8dc4de10.js +11 -21
  88. package/dist/esm/offsetContext-0e3d04b3.js +0 -3
  89. package/dist/esm/overlay-ed3eb37d.js +12 -23
  90. package/dist/esm/render-18227751.js +0 -11
  91. package/dist/esm/tabpane-c957ab14.js +4 -10
  92. package/dist/esm/tabs-0896a61b.js +28 -56
  93. package/dist/esm/types/src/packages/elevator/demo.d.ts +1 -0
  94. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +2 -0
  95. package/dist/esm/useClientRect-839d18c5.js +0 -5
  96. package/dist/esm/useTouch-a2ea68c6.js +27 -47
  97. package/dist/locales/base.js +1 -1
  98. package/dist/locales/en-US.js +1 -1
  99. package/dist/locales/id-ID.js +1 -1
  100. package/dist/locales/zh-CN.js +1 -1
  101. package/dist/locales/zh-TW.js +1 -1
  102. package/dist/nutui.react.es.js +429 -413
  103. package/dist/nutui.react.umd.js +421 -405
  104. package/dist/packages/menu/menu.scss +4 -0
  105. package/dist/packages/menuitem/menuitem.scss +27 -2
  106. package/dist/packages/searchbar/searchbar.scss +20 -3
  107. package/dist/style.css +1 -1
  108. package/dist/style.es.js +1 -1
  109. package/dist/types/index.d.ts +2 -0
  110. package/package.json +1 -1
@@ -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
+ }
@@ -51,13 +51,19 @@
51
51
  right: 5px;
52
52
  top: 53%;
53
53
  }
54
- &__input {
55
- box-sizing: border-box;
54
+ .nut-searchbar__input-box {
56
55
  display: flex;
57
56
  align-items: center;
57
+ flex: 1;
58
+ }
59
+ &__input {
60
+ border: 0;
61
+ outline: 0;
62
+ box-sizing: border-box;
63
+
58
64
  width: $searchbar-input-width;
59
65
  height: $searchbar-input-height;
60
- flex: 1;
66
+ width: 100%;
61
67
  padding: $searchbar-input-padding;
62
68
  border-radius: 0;
63
69
  font-size: $font-size-small;
@@ -105,3 +111,14 @@
105
111
  margin-left: 10px;
106
112
  }
107
113
  }
114
+ .nut-searchbar-taro {
115
+ .nut-searchbar__leftin-icon {
116
+ top: 41%;
117
+ }
118
+ .nut-searchbar__rightin-icon {
119
+ top: 41%;
120
+ }
121
+ .nut-searchbar__clear {
122
+ top: 33%;
123
+ }
124
+ }