@nutui/nutui-react 2.1.1-beta.0 → 2.2.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 (299) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +7 -6
  4. package/dist/esm/Address/style/style.css +1 -1
  5. package/dist/esm/Address.js +4 -4
  6. package/dist/esm/AnimatingNumbers/style/style.css +1 -1
  7. package/dist/esm/AnimatingNumbers.js +5 -5
  8. package/dist/esm/Audio/style/style.css +1 -1
  9. package/dist/esm/Audio.js +5 -5
  10. package/dist/esm/Avatar/style/style.css +1 -1
  11. package/dist/esm/Avatar.js +4 -4
  12. package/dist/esm/AvatarCropper/style/style.css +1 -1
  13. package/dist/esm/BackTop/style/style.css +1 -1
  14. package/dist/esm/BackTop.js +3 -7
  15. package/dist/esm/Badge/style/style.css +1 -1
  16. package/dist/esm/Barrage/style/style.css +1 -1
  17. package/dist/esm/Button/style/style.css +1 -1
  18. package/dist/esm/Button.js +84 -5
  19. package/dist/esm/Calendar/style/style.css +1 -1
  20. package/dist/esm/CalendarCard/style/style.css +1 -1
  21. package/dist/esm/Card/style/style.css +1 -1
  22. package/dist/esm/Card.js +3 -3
  23. package/dist/esm/Cascader/style/style.css +1 -1
  24. package/dist/esm/Cell/style/style.css +1 -1
  25. package/dist/esm/Cell.js +5 -5
  26. package/dist/esm/CellGroup/style/style.css +1 -1
  27. package/dist/esm/CellGroup.js +3 -3
  28. package/dist/esm/Checkbox/style/style.css +1 -1
  29. package/dist/esm/CheckboxGroup/style/style.css +1 -1
  30. package/dist/esm/CheckboxGroup.js +1 -1
  31. package/dist/esm/CircleProgress/style/style.css +1 -1
  32. package/dist/esm/CircleProgress.js +2 -2
  33. package/dist/esm/Col/style/style.css +1 -1
  34. package/dist/esm/Collapse/style/style.css +1 -1
  35. package/dist/esm/CollapseItem/style/style.css +1 -1
  36. package/dist/esm/CountDown/style/style.css +1 -1
  37. package/dist/esm/CountDown.js +1 -1
  38. package/dist/esm/DatePicker/style/style.css +1 -1
  39. package/dist/esm/Dialog/style/style.css +1 -1
  40. package/dist/esm/Dialog.js +9 -6
  41. package/dist/esm/Divider/style/style.css +1 -1
  42. package/dist/esm/Divider.js +1 -1
  43. package/dist/esm/Elevator/style/style.css +1 -1
  44. package/dist/esm/Elevator.js +12 -12
  45. package/dist/esm/Ellipsis/style/style.css +1 -1
  46. package/dist/esm/Empty/style/style.css +1 -1
  47. package/dist/esm/Empty.js +10 -31
  48. package/dist/esm/FixedNav/style/style.css +1 -1
  49. package/dist/esm/FixedNav.js +6 -6
  50. package/dist/esm/Form/style/style.css +1 -1
  51. package/dist/esm/FormItem/style/style.css +1 -1
  52. package/dist/esm/Grid/style/style.css +1 -1
  53. package/dist/esm/Grid.js +1 -1
  54. package/dist/esm/GridItem/style/style.css +1 -1
  55. package/dist/esm/Image/style/style.css +1 -1
  56. package/dist/esm/Image.js +2 -2
  57. package/dist/esm/ImagePreview/style/style.css +1 -1
  58. package/dist/esm/Indicator/style/style.css +1 -1
  59. package/dist/esm/InfiniteLoading/style/style.css +1 -1
  60. package/dist/esm/InfiniteLoading.js +6 -63
  61. package/dist/esm/Input/style/style.css +1 -1
  62. package/dist/esm/InputNumber/style/style.css +1 -1
  63. package/dist/esm/InputNumber.js +5 -5
  64. package/dist/esm/Loading/style/style.css +1 -1
  65. package/dist/esm/Menu/style/style.css +1 -1
  66. package/dist/esm/Menu.js +14 -7
  67. package/dist/esm/MenuItem/style/style.css +1 -1
  68. package/dist/esm/NavBar/style/style.css +1 -1
  69. package/dist/esm/NavBar.js +9 -10
  70. package/dist/esm/NoticeBar/style/style.css +1 -1
  71. package/dist/esm/NoticeBar.js +4 -4
  72. package/dist/esm/Notify/style/style.css +1 -1
  73. package/dist/esm/Notify.js +2 -2
  74. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  75. package/dist/esm/NumberKeyboard.js +14 -14
  76. package/dist/esm/Overlay/style/style.css +1 -1
  77. package/dist/esm/Pagination/style/style.css +1 -1
  78. package/dist/esm/Pagination.js +8 -14
  79. package/dist/esm/Picker/style/style.css +1 -1
  80. package/dist/esm/Picker.js +5 -5
  81. package/dist/esm/Popover/style/style.css +1 -1
  82. package/dist/esm/Popover.js +6 -13
  83. package/dist/esm/Popup/style/style.css +1 -1
  84. package/dist/esm/Price/style/style.css +1 -1
  85. package/dist/esm/Price.js +5 -5
  86. package/dist/esm/Progress/style/style.css +1 -1
  87. package/dist/esm/Progress.js +1 -1
  88. package/dist/esm/PullToRefresh/style/style.css +1 -1
  89. package/dist/esm/PullToRefresh.js +2 -37
  90. package/dist/esm/Radio/style/style.css +1 -1
  91. package/dist/esm/RadioGroup/style/style.css +1 -1
  92. package/dist/esm/RadioGroup.js +1 -1
  93. package/dist/esm/Range/style/style.css +1 -1
  94. package/dist/esm/Rate/style/style.css +1 -1
  95. package/dist/esm/Rate.js +5 -5
  96. package/dist/esm/SearchBar/style/style.css +1 -1
  97. package/dist/esm/SearchBar.js +20 -20
  98. package/dist/esm/ShortPassword/style/style.css +1 -1
  99. package/dist/esm/ShortPassword.js +13 -13
  100. package/dist/esm/SideNavBar/style/style.css +1 -1
  101. package/dist/esm/SideNavBar.js +4 -4
  102. package/dist/esm/SideNavBarItem/style/style.css +1 -1
  103. package/dist/esm/SideNavBarItem.js +1 -1
  104. package/dist/esm/Signature/style/style.css +1 -1
  105. package/dist/esm/Signature.js +3 -3
  106. package/dist/esm/Skeleton/style/style.css +1 -1
  107. package/dist/esm/Skeleton.js +7 -7
  108. package/dist/esm/Step/style/style.css +1 -1
  109. package/dist/esm/Steps/style/style.css +1 -1
  110. package/dist/esm/Sticky/style/style.css +1 -1
  111. package/dist/esm/Sticky.js +1 -1
  112. package/dist/esm/SubSideNavBar/style/style.css +1 -1
  113. package/dist/esm/SubSideNavBar.js +6 -6
  114. package/dist/esm/Swipe/style/style.css +1 -1
  115. package/dist/esm/Swipe.js +2 -2
  116. package/dist/esm/Swiper/style/style.css +1 -1
  117. package/dist/esm/Swiper.js +3 -6
  118. package/dist/esm/Switch/style/style.css +1 -1
  119. package/dist/esm/Switch.js +3 -3
  120. package/dist/esm/TabPane/style/style.css +1 -1
  121. package/dist/esm/Tabbar/style/style.css +1 -1
  122. package/dist/esm/Tabbar.js +3 -3
  123. package/dist/esm/TabbarItem/style/style.css +1 -1
  124. package/dist/esm/Table/style/style.css +1 -1
  125. package/dist/esm/Table.js +11 -11
  126. package/dist/esm/Tabs/style/style.css +1 -1
  127. package/dist/esm/Tag/style/style.css +1 -1
  128. package/dist/esm/Tag.js +3 -3
  129. package/dist/esm/TextArea/style/style.css +1 -1
  130. package/dist/esm/TextArea.js +3 -3
  131. package/dist/esm/TimeDetail/style/style.css +1 -1
  132. package/dist/esm/TimeDetail.js +1 -1
  133. package/dist/esm/TimeSelect/style/style.css +1 -1
  134. package/dist/esm/TimeSelect.js +4 -3
  135. package/dist/esm/Toast/style/style.css +1 -1
  136. package/dist/esm/Toast.js +4 -4
  137. package/dist/esm/Tour/style/style.css +1 -1
  138. package/dist/esm/TrendArrow/style/style.css +1 -1
  139. package/dist/esm/TrendArrow.js +4 -4
  140. package/dist/esm/Uploader/style/style.css +1 -1
  141. package/dist/esm/Uploader.js +24 -22
  142. package/dist/esm/VirtualList/style/style.css +1 -1
  143. package/dist/esm/badge2.js +2 -2
  144. package/dist/esm/cascader2.js +6 -6
  145. package/dist/esm/checkbox2.js +10 -47
  146. package/dist/esm/collapseitem2.js +7 -7
  147. package/dist/esm/configprovider2.js +2 -2
  148. package/dist/esm/context5.js +1 -1
  149. package/dist/esm/formitem2.js +4 -4
  150. package/dist/esm/griditem2.js +2 -2
  151. package/dist/esm/indicator2.js +3 -3
  152. package/dist/esm/menuitem2.js +7 -7
  153. package/dist/esm/overlay2.js +1 -1
  154. package/dist/esm/popup2.js +20 -21
  155. package/dist/esm/radio2.js +5 -10
  156. package/dist/esm/tabbaritem2.js +1 -1
  157. package/dist/esm/tabs2.js +8 -8
  158. package/dist/esm/types/src/packages/button/button.d.ts +2 -3
  159. package/dist/esm/types/src/packages/button/button.taro.d.ts +2 -3
  160. package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +0 -2
  161. package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +0 -2
  162. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  163. package/dist/esm/types/src/packages/empty/demo.d.ts +1 -0
  164. package/dist/esm/types/src/packages/empty/demo.taro.d.ts +1 -0
  165. package/dist/esm/types/src/packages/empty/empty.d.ts +1 -5
  166. package/dist/esm/types/src/packages/empty/empty.taro.d.ts +1 -5
  167. package/dist/esm/types/src/packages/empty/index.d.ts +0 -1
  168. package/dist/esm/types/src/packages/empty/index.taro.d.ts +0 -1
  169. package/dist/esm/types/src/packages/indicator/demo.d.ts +1 -0
  170. package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +1 -0
  171. package/dist/esm/types/src/packages/inputnumber/demo.d.ts +1 -0
  172. package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +1 -0
  173. package/dist/esm/types/src/packages/navbar/navbar.d.ts +0 -1
  174. package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +0 -1
  175. package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
  176. package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
  177. package/dist/esm/types/src/packages/popover/popover.d.ts +0 -4
  178. package/dist/esm/types/src/packages/popover/popover.taro.d.ts +0 -4
  179. package/dist/esm/types/src/packages/popup/popup.d.ts +0 -1
  180. package/dist/esm/types/src/packages/popup/popup.taro.d.ts +2 -3
  181. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +0 -1
  182. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +0 -1
  183. package/dist/esm/types/src/packages/swipe/swipe.d.ts +6 -0
  184. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
  185. package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
  186. package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
  187. package/dist/locales/base.js +1 -1
  188. package/dist/locales/en-US.js +1 -1
  189. package/dist/locales/id-ID.js +1 -1
  190. package/dist/locales/tr-TR.js +1 -1
  191. package/dist/locales/zh-CN.js +2 -2
  192. package/dist/locales/zh-TW.js +1 -1
  193. package/dist/locales/zh-UG.js +1 -1
  194. package/dist/nutui.react.es.js +1794 -3192
  195. package/dist/nutui.react.umd.js +1808 -3206
  196. package/dist/packages/actionsheet/actionsheet.scss +15 -15
  197. package/dist/packages/address/address.scss +4 -4
  198. package/dist/packages/animatingnumbers/countup.scss +6 -19
  199. package/dist/packages/audio/audio.scss +9 -17
  200. package/dist/packages/avatar/avatar.scss +1 -1
  201. package/dist/packages/avatarcropper/avatarcropper.scss +0 -4
  202. package/dist/packages/backtop/backtop.scss +3 -6
  203. package/dist/packages/badge/badge.scss +10 -12
  204. package/dist/packages/barrage/barrage.scss +6 -16
  205. package/dist/packages/button/button.scss +93 -163
  206. package/dist/packages/calendar/calendar.scss +12 -13
  207. package/dist/packages/calendarcard/calendarcard.scss +6 -6
  208. package/dist/packages/card/card.scss +13 -27
  209. package/dist/packages/cascader/cascader.scss +6 -6
  210. package/dist/packages/cell/cell.scss +3 -3
  211. package/dist/packages/cellgroup/cellgroup.scss +6 -6
  212. package/dist/packages/checkbox/checkbox.scss +21 -81
  213. package/dist/packages/checkboxgroup/checkboxgroup.scss +7 -17
  214. package/dist/packages/collapseitem/collapseitem.scss +10 -32
  215. package/dist/packages/dialog/dialog.scss +13 -13
  216. package/dist/packages/divider/divider.scss +7 -7
  217. package/dist/packages/elevator/elevator.scss +12 -13
  218. package/dist/packages/empty/empty.scss +6 -36
  219. package/dist/packages/fixednav/fixednav.scss +13 -26
  220. package/dist/packages/form/form.scss +4 -4
  221. package/dist/packages/formitem/formitem.scss +6 -6
  222. package/dist/packages/grid/grid.scss +1 -1
  223. package/dist/packages/griditem/griditem.scss +15 -16
  224. package/dist/packages/image/image.scss +2 -4
  225. package/dist/packages/imagepreview/imagepreview.scss +11 -1
  226. package/dist/packages/indicator/indicator.scss +9 -9
  227. package/dist/packages/infiniteloading/infiniteloading.scss +8 -23
  228. package/dist/packages/input/input.scss +2 -4
  229. package/dist/packages/inputnumber/inputnumber.scss +18 -21
  230. package/dist/packages/loading/loading.scss +3 -3
  231. package/dist/packages/menu/menu.scss +30 -22
  232. package/dist/packages/menuitem/menuitem.scss +56 -55
  233. package/dist/packages/navbar/navbar.scss +16 -52
  234. package/dist/packages/noticebar/noticebar.scss +11 -12
  235. package/dist/packages/notify/notify.scss +18 -10
  236. package/dist/packages/numberkeyboard/numberkeyboard.scss +17 -19
  237. package/dist/packages/pagination/pagination.scss +9 -32
  238. package/dist/packages/picker/picker.scss +19 -19
  239. package/dist/packages/popover/popover.scss +35 -51
  240. package/dist/packages/popup/popup.scss +213 -225
  241. package/dist/packages/price/price.scss +7 -18
  242. package/dist/packages/progress/progress.scss +1 -1
  243. package/dist/packages/pulltorefresh/pulltorefresh.scss +2 -9
  244. package/dist/packages/radio/radio.scss +40 -45
  245. package/dist/packages/radiogroup/radiogroup.scss +18 -18
  246. package/dist/packages/range/range.scss +2 -13
  247. package/dist/packages/rate/rate.scss +9 -8
  248. package/dist/packages/searchbar/searchbar.scss +42 -67
  249. package/dist/packages/shortpassword/shortpassword.scss +13 -13
  250. package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
  251. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
  252. package/dist/packages/signature/signature.scss +2 -5
  253. package/dist/packages/skeleton/skeleton.scss +8 -8
  254. package/dist/packages/step/step.scss +32 -27
  255. package/dist/packages/sticky/sticky.scss +1 -1
  256. package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
  257. package/dist/packages/swipe/swipe.scss +5 -8
  258. package/dist/packages/swiper/swiper.scss +4 -4
  259. package/dist/packages/switch/switch.scss +27 -38
  260. package/dist/packages/tabbar/tabbar.scss +4 -4
  261. package/dist/packages/tabbaritem/tabbaritem.scss +1 -8
  262. package/dist/packages/table/table.scss +27 -27
  263. package/dist/packages/tabpane/tabpane.scss +2 -2
  264. package/dist/packages/tabs/tabs.scss +137 -181
  265. package/dist/packages/tag/tag.scss +12 -12
  266. package/dist/packages/textarea/textarea.scss +6 -6
  267. package/dist/packages/timedetail/timedetail.scss +9 -8
  268. package/dist/packages/timeselect/timeselect.scss +21 -12
  269. package/dist/packages/toast/toast.scss +22 -37
  270. package/dist/packages/tour/tour.scss +3 -8
  271. package/dist/packages/trendarrow/trendarrow.scss +3 -8
  272. package/dist/packages/uploader/uploader.scss +37 -41
  273. package/dist/packages/virtuallist/virtuallist.scss +3 -13
  274. package/dist/packages/watermark/watermark.scss +0 -1
  275. package/dist/style.css +1 -1
  276. package/dist/style.mjs +1 -5
  277. package/dist/styles/theme-dark.scss +28 -17
  278. package/dist/styles/theme-default.scss +37 -15
  279. package/dist/styles/theme-jmapp.scss +40 -17
  280. package/dist/styles/variables-jmapp.scss +1169 -883
  281. package/dist/styles/variables.scss +982 -685
  282. package/dist/types/packages/animate/animate.d.ts +2 -2
  283. package/dist/types/packages/button/button.d.ts +2 -3
  284. package/dist/types/packages/checkbox/checkbox.d.ts +0 -2
  285. package/dist/types/packages/configprovider/types.d.ts +1 -1
  286. package/dist/types/packages/empty/empty.d.ts +1 -5
  287. package/dist/types/packages/empty/index.d.ts +0 -1
  288. package/dist/types/packages/navbar/navbar.d.ts +0 -1
  289. package/dist/types/packages/pagination/pagination.d.ts +1 -1
  290. package/dist/types/packages/popover/popover.d.ts +0 -4
  291. package/dist/types/packages/popup/popup.d.ts +2 -15
  292. package/dist/types/packages/searchbar/searchbar.d.ts +0 -5
  293. package/dist/types/packages/swipe/swipe.d.ts +6 -6
  294. package/dist/types/packages/swiper/swiper.d.ts +2 -2
  295. package/dist/types/packages/tabs/tabs.d.ts +2 -2
  296. package/package.json +2 -2
  297. package/dist/esm/button2.js +0 -88
  298. package/dist/esm/types/src/packages/empty/types.d.ts +0 -3
  299. package/dist/types/packages/empty/types.d.ts +0 -3
package/dist/esm/InputNumber/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-inputnumber{display:flex;align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 16px);height:var(--nutui-inputnumber-button-height, 16px);background-color:var(--nutui-inputnumber-button-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:var(--nutui-inputnumber-button-border-radius, 16px)}.nut-inputnumber-disabled input{color:var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))!important}.nut-inputnumber-icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-inputnumber-icon-size, 8px);cursor:pointer}.nut-inputnumber-icon-disabled{color:var(--nutui-inputnumber-disabled-color, var(--nutui-color-text-disabled, #bfbfbf));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber-text-readonly{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);border-radius:var(--nutui-inputnumber-input-border-radius, 6px);margin:var(--nutui-inputnumber-input-margin, 0 6px);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-7, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-1, #ffffff))}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nut-inputnumber .nut-icon-Minus,.nut-inputnumber .nut-icon-minus,.nut-inputnumber .nut-icon-Plus,.nut-inputnumber .nut-icon-plus{--nut-icon-width: 16px;--nut-icon-height: 16px}
1
+ .nut-inputnumber{display:var(--nutui-inputnumber-display, flex);align-items:center}.nut-inputnumber .nut-input-minus,.nut-inputnumber .nut-input-add{display:flex;justify-content:center;align-items:center;width:var(--nutui-inputnumber-button-width, 20px);height:var(--nutui-inputnumber-button-height, 20px);background-color:var(--nutui-inputnumber-button-background-color, var(--nutui-gray-6, #ffffff));border-radius:var(--nutui-inputnumber-button-border-radius, 30px)}.nut-inputnumber--disabled input{color:var(--nutui-inputnumber-icon-void-color, var(--nutui-gray-3, #bfbfbf))!important}.nut-inputnumber__icon{color:var(--nutui-inputnumber-icon-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-inputnumber-icon-size, 20px);cursor:pointer}.nut-inputnumber__icon--disabled{color:var(--nutui-inputnumber-icon-disabled-color, var(--nutui-gray-3, #cccccc));cursor:not-allowed}.nut-inputnumber input,.nut-inputnumber .nut-number-input,.nut-inputnumber__text--readonly{width:var(--nutui-inputnumber-input-width, 40px);height:var(--nutui-inputnumber-input-height, 24px);text-align:center;outline:none;border:var(--nutui-inputnumber-input-border, 0);margin:var(--nutui-inputnumber-input-margin, 0 6px);color:var(--nutui-inputnumber-input-font-color, var(--nutui-gray-1, #1a1a1a));background-color:var(--nutui-inputnumber-input-background-color, var(--nutui-gray-4, #f4f4f4));border-radius:var(--nutui-inputnumber-input-border-radius, 4px)}.nut-inputnumber input::-webkit-outer-spin-button,.nut-inputnumber input::-webkit-inner-spin-button,.nut-inputnumber .nut-number-input::-webkit-outer-spin-button,.nut-inputnumber .nut-number-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.nut-icon-Minus,.nut-icon-minus,.nut-icon-Plus,.nut-icon-plus{--nut-icon-width: 20px;--nut-icon-height: 20px}
package/dist/esm/InputNumber.js CHANGED
@@ -56,7 +56,7 @@ var InputNumber = function InputNumber2(props) {
56
56
  }
57
57
  }
58
58
  }, []);
59
- var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-disabled"), disabled), _classNames), className);
59
+ var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "--disabled"), disabled), _classNames), className);
60
60
  var styles = _objectSpread({}, style);
61
61
  var addAllow = function addAllow2() {
62
62
  var value2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : _checked;
@@ -74,11 +74,11 @@ var InputNumber = function InputNumber2(props) {
74
74
  }
75
75
  return Number(value2) > Number(min) && !disabled;
76
76
  };
77
- var iconMinusClasses = classNames("nut-inputnumber-icon icon-minus", {
78
- "nut-inputnumber-icon-disabled": !reduceAllow()
77
+ var iconMinusClasses = classNames("nut-inputnumber__icon icon-minus", {
78
+ "nut-inputnumber__icon--disabled": !reduceAllow()
79
79
  });
80
- var iconAddClasses = classNames("nut-inputnumber-icon icon-plus", {
81
- "nut-inputnumber-icon-disabled": !addAllow()
80
+ var iconAddClasses = classNames("nut-inputnumber__icon icon-plus", {
81
+ "nut-inputnumber__icon--disabled": !addAllow()
82
82
  });
83
83
  var fixedDecimalPlaces = function fixedDecimalPlaces2(v) {
84
84
  return Number(v).toFixed(Number(digits));
package/dist/esm/Loading/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-loading{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.nut-loading.nut-loading-vertical{flex-direction:column}.nut-loading .nut-loading-icon-box{display:inline-block;font-size:0;line-height:0;animation:nut-loading-rotation 1s infinite linear}.nut-loading .nut-loading-icon-box .nut-loading-icon{color:var(--nutui-loading-icon-color, var(--nutui-gray-5, #8c8c8c));width:var(--nutui-loading-icon-size, var(--nutui-font-size-2, 12px));height:var(--nutui-loading-icon-size, var(--nutui-font-size-2, 12px));font-size:var(--nutui-loading-icon-size, var(--nutui-font-size-2, 12px))}.nut-loading .nut-loading-text{padding:8px;color:var(--nutui-loading-color, var(--nutui-gray-5, #8c8c8c));font-size:var(--nutui-loading-font-size, var(--nutui-font-size-2, 12px))}@keyframes nut-loading-rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
1
+ .nut-loading{display:inline-flex;flex-direction:row;align-items:center;justify-content:center}.nut-loading.nut-loading-vertical{flex-direction:column}.nut-loading .nut-loading-icon-box{display:inline-block;font-size:0;line-height:0;animation:nut-loading-rotation 1s infinite linear}.nut-loading .nut-loading-icon-box .nut-loading-icon{color:var(--nutui-loading-icon-color, #9ea9af);width:var(--nutui-loading-icon-size, 32px);height:var(--nutui-loading-icon-size, 32px);font-size:var(--nutui-loading-icon-size, 32px)}.nut-loading .nut-loading-text{padding:4px;color:var(--nutui-loading-text-color, #9ea9af);font-size:var(--nutui-loading-text-size, 14px)}@keyframes nut-loading-rotation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}
package/dist/esm/Menu/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item i{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}.nut-menu{position:relative}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:var(--nutui-gray-1, #ffffff);box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu-bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu-title{flex:1;text-align:center;font-size:var(--nutui-menu-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-title-color, var(--nutui-gray-7, #1a1a1a));min-width:0;display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding:var(--nutui-menu-title-padding, 0 8px)}.nut-menu-title-icon{transition:all .2s linear}.nut-menu-title.active{color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-title.disabled{color:var(--nutui-menu-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-menu-title.active .nut-menu-title-icon{transform:rotate(180deg)}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-item-z-index, 1000);overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:var(--nutui-menu-item-z-index, 1000)}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:fixed;top:var(--nutui-menu-placeholder-top, -48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}.nut-menu.scroll-fixed{position:fixed;top:var(--nutui-menu-scroll-fixed-top, 0);z-index:var(--nutui-menu-scroll-fixed-z-index, 1000);width:100%}.nut-menu-relative{position:relative}.nut-menu__bar{position:relative;display:flex;line-height:var(--nutui-menu-bar-line-height, 48px);background-color:#fff;box-shadow:var(--nutui-menu-bar-box-shadow, 0 2px 12px rgba(89, 89, 89, .12))}.nut-menu__bar.opened{z-index:var(--nutui-menu-bar-opened-z-index, 1000)}.nut-menu__item{flex:1;text-align:center;font-size:var(--nutui-menu-item-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-menu-item-text-color, var(--nutui-gray-1, #1a1a1a));min-width:0}.nut-menu__item.active{color:var(--nutui-menu-item-active-text-color, var(--nutui-color-primary, #fa2c19))}.nut-menu__item.disabled{color:var(--nutui-menu-item-disabled-color, #969799)}.nut-menu__title-icon{transition:all .2s linear}.nut-menu__title{display:flex;align-items:center;justify-content:center;max-width:100%}.nut-menu__title.active .nut-menu__title-icon{transform:rotate(180deg)}.nut-menu__title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:var(--nutui-menu-title-text-padding-left, 8px);padding-right:var(--nutui-menu-title-text-padding-right, 8px)}
package/dist/esm/Menu.js CHANGED
@@ -131,7 +131,7 @@ var Menu = function Menu2(props) {
131
131
  return "";
132
132
  };
133
133
  return React__default.createElement("div", {
134
- className: classNames("nut-menu-title ", {
134
+ className: classNames("nut-menu__item ", {
135
135
  active: showMenuItem[index],
136
136
  disabled
137
137
  }, className),
@@ -146,12 +146,17 @@ var Menu = function Menu2(props) {
146
146
  !disabled && toggleMenuItem(index);
147
147
  }
148
148
  }, React__default.createElement("div", {
149
- className: "nut-menu-title-text"
149
+ className: classNames("nut-menu__title ", {
150
+ active: showMenuItem[index],
151
+ disabled
152
+ })
153
+ }, React__default.createElement("div", {
154
+ className: "nut-menu__title-text"
150
155
  }, finallyTitle()), icon || (direction === "up" ? React__default.createElement(ArrowUp2, {
151
- className: "nut-menu-title-icon"
156
+ className: "nut-menu__title-icon"
152
157
  }) : React__default.createElement(ArrowDown2, {
153
- className: "nut-menu-title-icon"
154
- })));
158
+ className: "nut-menu__title-icon"
159
+ }))));
155
160
  }
156
161
  return null;
157
162
  });
@@ -162,10 +167,12 @@ var Menu = function Menu2(props) {
162
167
  }),
163
168
  ref: menuRef
164
169
  }), React__default.createElement("div", {
165
- className: classNames("nut-menu-bar", {
170
+ className: "nut-menu-relative"
171
+ }, React__default.createElement("div", {
172
+ className: classNames("nut-menu__bar", {
166
173
  opened: showMenuItem.includes(true)
167
174
  })
168
- }, menuTitle()), cloneChildren());
175
+ }, menuTitle()), cloneChildren()));
169
176
  };
170
177
  Menu.defaultProps = defaultProps;
171
178
  Menu.displayName = "NutMenu";
package/dist/esm/MenuItem/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-container-content{padding:var(--nutui-menu-content-padding, 12px 24px);max-height:var(--nutui-menu-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-content-background-color, var(--nutui-gray-1, #ffffff))}.nut-menu-container-content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-container-item{display:flex;align-items:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding:var(--nutui-menu-item-padding, 12px 0)}.nut-menu-container-item.active{font-weight:var(--nutui-menu-item-active-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-menu-item-active-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-container-item i{display:inline-flex;align-items:center;margin-right:var(--nutui-menu-item-icon-margin, 8px)}.nut-menu-container-wrap,.nut-menu-container-wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-container-z-index, 1000);overflow:hidden}.nut-menu-container-wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu-container-overlay{top:auto;z-index:var(--nutui-menu-container-z-index, 1000)}.placeholder-element{position:fixed;top:-var(--nutui-menu-bar-line-height,48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.nut-menu-container-down-enter{opacity:0;transform:translateY(-30px)}.nut-menu-container-down-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-down-exit{opacity:1;transition:all .1s}.nut-menu-container-down-exit-done{opacity:0;transition:all .1s}.nut-menu-container-up-enter{opacity:0;transform:translateY(30px)}.nut-menu-container-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.nut-menu-container-up-exit{opacity:1;transition:all .1s}.nut-menu-container-up-exit-done{opacity:0;transition:all .1s}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-menu-item__content{padding:var(--nutui-menu-item-content-padding, 12px 24px);max-height:var(--nutui-menu-item-content-max-height, 214px);overflow-y:auto;display:flex;flex-wrap:wrap;background:var(--nutui-menu-item-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-menu-item__content_fixed{width:100%;opacity:0;position:fixed}.nut-menu-item__option{color:var(--nutui-gray-1, #1a1a1a);font-size:var(--nutui-font-size-3, 14px);padding-top:var(--nutui-menu-item-option-padding-top, 12px);padding-bottom:var(--nutui-menu-item-option-padding-bottom, 12px);display:flex;align-items:center}.nut-menu-item__option.active{font-weight:500;color:var(--nutui-menu-item-active-text-color, var(--nutui-color-primary, #fa2c19))}.nut-menu-item__option i{margin-right:var(--nutui-menu-item-option-i-margin-right, 6px);display:inline-flex;align-items:center}.nut-menu-item__wrap,.nut-menu-item__wrap-up{position:absolute;width:100%;z-index:var(--nutui-menu-item-z-index, 1000);overflow:hidden}.nut-menu-item__wrap-up{bottom:var(--nutui-menu-bar-line-height, 48px)}.overlay-fade-enter-active.nut-menu__overlay{top:auto;z-index:var(--nutui-menu-item-z-index, 1000)}.nut-menu__pop.nut-popup{transition:all 0s ease 0s;transform:none}.placeholder-element{position:fixed;top:var(--nutui-menu-placeholder-top, -48px);left:0;right:0;z-index:var(--nutui-menu-bar-opened-z-index, 1000);background-color:transparent}.placeholder-element.up{bottom:-var(--nutui-menu-bar-line-height,48px)}.menu-item-enter{opacity:0;transform:translateY(-30px)}.menu-item-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-exit{opacity:1;transition:all .1s}.menu-item-exit-done{opacity:0;transition:all .1s}.menu-item-up-enter{opacity:0;transform:translateY(30px)}.menu-item-up-enter-done{opacity:1;transform:translate(0);transition:all .1s}.menu-item-up-exit{opacity:1;transition:all .1s}.menu-item-up-exit-done{opacity:0;transition:all .1s}
package/dist/esm/NavBar/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;background:var(--nutui-navbar-background, var(--nutui-gray-3, #f6f6f6));box-shadow:var(--nutui-navbar-box-shadow, 0px);font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-7, #1a1a1a));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar-fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar-placeholder{display:inline-block;width:100%}.nut-navbar-safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar-title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-5, 18px));font-weight:var(--nutui-navbar-title-font-weight, var(--nutui-font-weight-bold, 500));color:var(--nutui-navbar-title-font-color, var(--nutui-gray-7, #1a1a1a))}.nut-navbar-title .nut-tabs-titles{background:transparent}.nut-navbar-title .nut-tabs-titles-item-text{color:var(--nutui-gray-7, #1a1a1a)}.nut-navbar-title .nut-tabpane{display:none}.nut-navbar-title ::-webkit-scrollbar{display:none}.nut-navbar-left,.nut-navbar-right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 14px}.nut-navbar-left .nut-icon,.nut-navbar-left .nutui-iconfont,.nut-navbar-right .nut-icon,.nut-navbar-right .nutui-iconfont{width:20px;height:20px;font-size:20px}.nut-navbar-left{left:0}.nut-navbar-left-back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar-right{right:0}.nut-navbar-right .nut-icon{margin-left:12px}.nut-navbar-right .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left{padding:0 14px}.nut-navbar-title-align-left .nut-navbar-left{position:static;padding:0}.nut-navbar-title-align-left .nut-navbar-left .nut-icon{margin-left:12px}.nut-navbar-title-align-left .nut-navbar-left .nut-icon:first-child{margin-left:0}.nut-navbar-title-align-left .nut-navbar-left-back{margin-right:0}.nut-navbar-title-align-left .nut-navbar-title{margin:0;flex:1;justify-content:flex-start;padding:0 8px}
1
+ .nut-navbar{width:var(--nutui-navbar-width, 100%);position:relative;display:flex;align-items:center;height:var(--nutui-navbar-height, 44px);box-sizing:border-box;padding:var(--nutui-navbar-padding, 13px 16px);background:var(--nutui-navbar-background, #ffffff);box-shadow:var(--nutui-navbar-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-navbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-navbar-color, var(--nutui-gray-2, #757575));margin-bottom:var(--nutui-navbar-margin-bottom, 20px);overflow:hidden}.nut-navbar--fixed{position:fixed;top:0;left:0;width:100%}.nut-navbar--placeholder{display:inline-block;width:100%}.nut-navbar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.nut-navbar__title{min-width:53%;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:var(--nutui-navbar-title-font-size, var(--nutui-font-size-3, 14px));font-weight:var(--nutui-navbar-title-font-weight, 0);color:var(--nutui-navbar-title-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-navbar__title .nut-tabs__titles{background:#ffffff}.nut-navbar__title .nut-tabs__titles-item__text{color:var(--nutui-gray-1, #1a1a1a)}.nut-navbar__title .nut-tabpane{display:none}.nut-navbar__title ::-webkit-scrollbar{display:none}.nut-navbar__left,.nut-navbar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;cursor:pointer;padding:0 16px}.nut-navbar__left{left:0}.nut-navbar__left__back{display:flex;align-items:center;justify-content:center;margin-right:10px}.nut-navbar__right{right:0}
package/dist/esm/NavBar.js CHANGED
@@ -26,7 +26,6 @@ import { C as ComponentDefaults } from "./typings.js";
26
26
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
27
27
  left: "",
28
28
  right: "",
29
- titleAlign: "center",
30
29
  back: "",
31
30
  fixed: false,
32
31
  safeAreaInsetTop: false,
@@ -35,7 +34,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
35
34
  });
36
35
  var NavBar = function NavBar2(props) {
37
36
  var _classNames;
38
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), right = _defaultProps$props.right, left = _defaultProps$props.left, titleAlign = _defaultProps$props.titleAlign, className = _defaultProps$props.className, style = _defaultProps$props.style, back = _defaultProps$props.back, fixed = _defaultProps$props.fixed, safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop, placeholder = _defaultProps$props.placeholder, zIndex = _defaultProps$props.zIndex, onBackClick = _defaultProps$props.onBackClick;
37
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), right = _defaultProps$props.right, left = _defaultProps$props.left, className = _defaultProps$props.className, style = _defaultProps$props.style, back = _defaultProps$props.back, fixed = _defaultProps$props.fixed, safeAreaInsetTop = _defaultProps$props.safeAreaInsetTop, placeholder = _defaultProps$props.placeholder, zIndex = _defaultProps$props.zIndex, onBackClick = _defaultProps$props.onBackClick;
39
38
  var classPrefix = "nut-navbar";
40
39
  var children = Array.isArray(props.children) ? props.children : [props.children];
41
40
  var styles = function styles2() {
@@ -44,23 +43,23 @@ var NavBar = function NavBar2(props) {
44
43
  });
45
44
  };
46
45
  var renderLeft = function renderLeft2() {
47
- return back || left ? React__default.createElement("div", {
48
- className: "".concat(classPrefix, "-left")
46
+ return React__default.createElement("div", {
47
+ className: "".concat(classPrefix, "__left")
49
48
  }, back && React__default.createElement("div", {
50
- className: "".concat(classPrefix, "-left-back"),
49
+ className: "".concat(classPrefix, "__left__back"),
51
50
  onClick: function onClick(e) {
52
51
  return onBackClick(e);
53
52
  }
54
- }, back), left) : null;
53
+ }, back), left);
55
54
  };
56
55
  var renderContent = function renderContent2() {
57
56
  return React__default.createElement("div", {
58
- className: "".concat(classPrefix, "-title")
57
+ className: "".concat(classPrefix, "__title")
59
58
  }, children);
60
59
  };
61
60
  var renderRight = function renderRight2() {
62
61
  return React__default.createElement("div", {
63
- className: "".concat(classPrefix, "-right")
62
+ className: "".concat(classPrefix, "__right")
64
63
  }, right);
65
64
  };
66
65
  var renderWrapper = function renderWrapper2() {
@@ -69,10 +68,10 @@ var NavBar = function NavBar2(props) {
69
68
  style: styles()
70
69
  }, renderLeft(), renderContent(), renderRight());
71
70
  };
72
- var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-fixed"), fixed), _defineProperty(_classNames, "".concat(classPrefix, "-safe-area-inset-top"), safeAreaInsetTop), _defineProperty(_classNames, "".concat(classPrefix, "-title-align-").concat(titleAlign), true), _classNames));
71
+ var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "--fixed"), fixed), _defineProperty(_classNames, "".concat(classPrefix, "--safe-area-inset-top"), safeAreaInsetTop), _classNames));
73
72
  var cls = classNames(classPrefix, classes, className);
74
73
  return React__default.createElement(React__default.Fragment, null, fixed && placeholder ? React__default.createElement("div", {
75
- className: "".concat(classPrefix, "-placeholder")
74
+ className: "".concat(classPrefix, "--placeholder")
76
75
  }, renderWrapper()) : renderWrapper());
77
76
  };
78
77
  NavBar.defaultProps = defaultProps;
package/dist/esm/NoticeBar/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-box{position:relative;display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);padding:var(--nutui-noticebar-box-padding, 0 16px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b);border-radius:var(--nutui-noticebar-border-radius, 0)}.nut-noticebar .nut-noticebar-box.wrapable{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 8px 16px)}.nut-noticebar .nut-noticebar-box.wrapable .wrap{height:auto}.nut-noticebar .nut-noticebar-box.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-box .withicon{position:relative;padding-right:40px}.nut-noticebar .nut-noticebar-box .left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin-right:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%}.nut-noticebar .nut-noticebar-box .right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}.nut-noticebar .nut-noticebar-box .wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-box .content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-box .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-box .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-box .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-box .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 36px))}}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 36px);font-size:var(--nutui-noticebar-font-size, var(--nutui-font-size-2, 12px));overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-icon-gap, 4px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .horseLamp-list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .horseLamp-list .horseLamp-list-item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 36px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar-inner{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .go{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin-left:var(--nutui-noticebar-icon-gap, 4px)}
1
+ .nut-noticebar{width:100%}.nut-noticebar .nut-noticebar-page{display:flex;padding:var(--nutui-noticebar-box-padding, 0 16px);height:var(--nutui-noticebar-height, 40px);font-size:var(--nutui-noticebar-font-size, 14px);position:relative;align-items:center;background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-page.wrapable{height:auto;padding:var(--nutui-noticebar-wrapable-padding, 16px)}.nut-noticebar .nut-noticebar-page.wrapable .wrap{height:auto}.nut-noticebar .nut-noticebar-page.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar .nut-noticebar-page .withicon{position:relative;padding-right:40px}.nut-noticebar .nut-noticebar-page .left-icon{display:flex;height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-lefticon-margin, 0px 10px);background-size:100% 100%}.nut-noticebar .nut-noticebar-page .right-icon{display:flex;align-items:center;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin:var(--nutui-noticebar-righticon-margin, 0px 10px)}.nut-noticebar .nut-noticebar-page .wrap{display:flex;flex:1;height:var(--nutui-noticebar-line-height, 24px);line-height:var(--nutui-noticebar-line-height, 24px);overflow:hidden;position:relative}.nut-noticebar .nut-noticebar-page .content{position:absolute;white-space:nowrap}.nut-noticebar .nut-noticebar-page .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nut-noticebar .nut-noticebar-page .play{animation:nut-notice-bar-play linear both running}.nut-noticebar .nut-noticebar-page .play-infinite{animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .nut-noticebar-page .play-vertical{animation:nut-notice-bar-play-vertical linear infinite both running}@keyframes nut-notice-bar-play{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-vertical{to{transform:translateY(var(--nutui-noticebar-height, 40px))}}.nut-noticebar .nut-noticebar-vertical{position:relative;display:flex;justify-content:space-between;height:var(--nutui-noticebar-height, 40px);font-size:var(--nutui-noticebar-font-size, 14px);overflow:hidden;padding:var(--nutui-noticebar-box-padding, 0 16px);background:var(--nutui-noticebar-background, rgb(251, 248, 220));color:var(--nutui-noticebar-color, #d9500b)}.nut-noticebar .nut-noticebar-vertical .left-icon{height:var(--nutui-noticebar-left-icon-width, 16px);min-width:var(--nutui-noticebar-left-icon-width, 16px);margin:var(--nutui-noticebar-lefticon-margin, 0px 10px);background-size:100% 100%;display:flex;align-self:center}.nut-noticebar .nut-noticebar-vertical .horseLamp_list{margin:0;padding:0;display:block;flex:1}.nut-noticebar .nut-noticebar-vertical .horseLamp_list .horseLamp_list_item{display:flex;align-items:center;height:var(--nutui-noticebar-height, 40px);width:100%}.nut-noticebar .nut-noticebar-vertical .nut-noticebar__inner{display:flex;height:100%;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.nut-noticebar .nut-noticebar-vertical .go{align-self:center;display:flex;justify-content:center;width:var(--nutui-noticebar-right-icon-width, 16px);margin:var(--nutui-noticebar-righticon-margin, 0px 10px)}
package/dist/esm/NoticeBar.js CHANGED
@@ -333,7 +333,7 @@ var NoticeBar = function NoticeBar2(props) {
333
333
  }
334
334
  };
335
335
  var noticebarClass = classNames({
336
- "nut-noticebar-box": true,
336
+ "nut-noticebar-page": true,
337
337
  withicon: closeable,
338
338
  close: closeable,
339
339
  wrapable: wrap
@@ -374,7 +374,7 @@ var NoticeBar = function NoticeBar2(props) {
374
374
  }, leftIcon ? React__default.createElement("div", {
375
375
  className: "left-icon"
376
376
  }, leftIcon) : null, children ? React__default.createElement("div", {
377
- className: "nut-noticebar-inner",
377
+ className: "nut-noticebar__inner",
378
378
  ref: innerRef
379
379
  }, scrollList.current.map(function(item, index) {
380
380
  return React__default.createElement("div", {
@@ -386,13 +386,13 @@ var NoticeBar = function NoticeBar2(props) {
386
386
  }
387
387
  }, item);
388
388
  })) : React__default.createElement("div", {
389
- className: "horseLamp-list",
389
+ className: "horseLamp_list",
390
390
  style: horseLampStyle
391
391
  }, scrollList.current.map(function(item, index) {
392
392
  return (
393
393
  // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
394
394
  React__default.createElement("div", {
395
- className: "horseLamp-list-item",
395
+ className: "horseLamp_list_item",
396
396
  style: {
397
397
  height
398
398
  },
package/dist/esm/Notify/style/style.css CHANGED
@@ -1 +1 @@
1
- .fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:var(--nutui-notify-padding, 0px 10px);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, var(--nutui-font-size-3, 14px));white-space:pre-wrap;word-wrap:break-word;height:var(--nutui-notify-height, 40px)}.nut-notify-popup-top,.nut-notify-popup-bottom{position:fixed;top:0;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify-base{background:var(--nutui-notify-base-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-notify-primary{background:var(--nutui-notify-primary-background-color, var(--nutui-color-info))}.nut-notify-success{background:var(--nutui-notify-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%))}.nut-notify-danger{background:var(--nutui-notify-danger-background-color, var(--nutui-color-primary, #fa2c19))}.nut-notify-warning{background:var(--nutui-notify-warning-background-color, var(--nutui-color-warning, rgb(255, 158, 13)))}
1
+ .fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1s}.fade-enter-done,.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1s}.fade-exit-done,.fade-appear{opacity:0}.fade-appear-active{opacity:1;transition:opacity 1s}.nut-notify{box-sizing:border-box;padding:var(--nutui-notify-padding, 12px 0);color:var(--nutui-notify-text-color, #ffffff);font-size:var(--nutui-notify-font-size, 14px);white-space:pre-wrap;text-align:center;word-wrap:break-word;height:var(--nutui-notify-height, 44px);line-height:var(--nutui-notify-line-height, auto)}.nut-notify--popup-top{position:fixed;top:0;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify--popup-bottom{position:fixed;bottom:0;left:0;width:100%;overflow-y:auto;transition:transform .3s;z-index:9999}.nut-notify--base{background:var(--nutui-notify-base-background-color, linear-gradient(135deg, var(--nutui-color-primary, #fa2c19) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-notify--primary{background:var(--nutui-notify-primary-background-color, linear-gradient(315deg, rgb(73, 143, 242) 0%, rgb(73, 101, 242) 100%))}.nut-notify--success{background:var(--nutui-notify-success-background-color, linear-gradient(135deg, rgb(38, 191, 38) 0%, rgb(39, 197, 48) 45%, rgb(40, 207, 63) 83%, rgb(41, 212, 70) 100%))}.nut-notify--danger{background:var(--nutui-notify-danger-background-color, rgb(250, 50, 25))}.nut-notify--warning{background:var(--nutui-notify-warning-background-color, linear-gradient(135deg, rgb(255, 93, 13) 0%, rgb(255, 154, 13) 100%))}
package/dist/esm/Notify.js CHANGED
@@ -131,7 +131,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
131
131
  var _classNames;
132
132
  var _this$props = this.props, style = _this$props.style, message = _this$props.message, type = _this$props.type, className = _this$props.className, position = _this$props.position;
133
133
  var show = this.state.show;
134
- var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "-popup-top"), position === "top"), _defineProperty(_classNames, "".concat(classPrefix, "-popup-bottom"), position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "-").concat(type), true), _classNames));
134
+ var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "--popup-top"), position === "top"), _defineProperty(_classNames, "".concat(classPrefix, "--popup-bottom"), position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "--").concat(type), true), _classNames));
135
135
  return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
136
136
  "in": show,
137
137
  timeout: 300,
@@ -151,7 +151,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
151
151
  _defineProperty(Notification, "newInstance", void 0);
152
152
  Notification.newInstance = function(properties, callback) {
153
153
  var element = document.createElement("div");
154
- var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
154
+ var id = properties.id ? properties.id : "".concat(/* @__PURE__ */ (/* @__PURE__ */ new Date()).getTime());
155
155
  element.id = id;
156
156
  properties.id = id;
157
157
  document.body.appendChild(element);
package/dist/esm/NumberKeyboard/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-numberkeyboard{width:100%;padding:var(--nutui-numberkeyboard-padding, 0 0 22px 0);-webkit-user-select:none;user-select:none;background-color:var(--nutui-numberkeyboard-background-color, var(--nutui-gray-3, #f6f6f6))}.nut-numberkeyboard-header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;padding:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-numberkeyboard-header-title{color:var(--nutui-gray-7, #1a1a1a);display:inline-block}.nut-numberkeyboard-header-close{position:absolute;display:block;right:0;padding:var(--nutui-numberkeyboard-header-close-padding, 0 16px);color:var(--nutui-numberkeyboard-header-close-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-numberkeyboard-header-close-font-size, 14px);background-color:var(--nutui-numberkeyboard-header-close-background-color, transparent);border:none;cursor:pointer}.nut-numberkeyboard-body{display:flex;padding:6px 0 0 6px}.nut-numberkeyboard-body-keys{display:flex;flex:3;flex-wrap:wrap}.nut-numberkeyboard-body-wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0;background-color:var(--nutui-numberkeyboard-wrapper-background-color, var(--nutui-gray-2, #f8f8f8))}.nut-numberkeyboard-body-wrapper .key{display:flex;align-items:center;justify-content:center;height:var(--nutui-numberkeyboard-key-height, 48px);font-size:var(--nutui-numberkeyboard-key-font-size, var(--nutui-font-size-5, 18px));line-height:var(--nutui-numberkeyboard-key-line-height, 1.5);background-color:var(--nutui-numberkeyboard-key-background-color, #fff);color:var(--nutui-numberkeyboard-key-font-color, var(--nutui-gray-6, #595959));border-radius:var(--nutui-numberkeyboard-key-border-radius, 8px);border:var(--nutui-numberkeyboard-key-border, none);font-weight:var(--nutui-font-weight-bold, 500);cursor:pointer}.nut-numberkeyboard-body-wrapper .key.active{background-color:var(--nutui-numberkeyboard-key-active-background-color, #ebedf0)}.nut-numberkeyboard-sidebar{display:flex;flex:1;flex-direction:column}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm{font-size:var(--nutui-numberkeyboard-key-confirm-font-size, var(--nutui-font-size-4, 16px));color:var(--nutui-numberkeyboard-key-confirm-font-color, #fff);background-color:var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #fa2c19))}.nut-numberkeyboard-sidebar .nut-numberkeyboard-body-wrapper .confirm.active{background-color:#ff0000b3}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 500);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-numberkeyboard{width:var(--nutui-numberkeyboard-width, 100%);padding:var(--nutui-numberkeyboard-padding, 0 0 22px 0);background-color:var(--nutui-numberkeyboard-background-color, #f2f3f5);-webkit-user-select:none;user-select:none;background-color:var(--nutui-gray-4, #f4f4f4)}.nut-numberkeyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--nutui-numberkeyboard-header-height, 34px);padding:var(--nutui-numberkeyboard-header-padding, 6px 0 0 0);color:var(--nutui-numberkeyboard-header-color, #646566);font-size:var(--nutui-numberkeyboard-header-font-size, 16px)}.nut-numberkeyboard__header__title{color:var(--nutui-gray-1, #1a1a1a);display:inline-block}.nut-numberkeyboard__header__close{position:absolute;display:block;right:0;padding:var(--nutui-numberkeyboard-header-close-padding, 0 16px);color:var(--nutui-numberkeyboard-header-close-color, var(--nutui-gray-2, #757575));font-size:var(--nutui-numberkeyboard-header-close-font-size, 14px);background-color:var(--nutui-numberkeyboard-header-close-background-color, transparent);border:none;cursor:pointer}.nut-numberkeyboard__body{display:flex;padding:6px 0 0 6px}.nut-numberkeyboard__body__keys{display:flex;flex:3;flex-wrap:wrap}.nut-numberkeyboard__body__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0;background-color:var(--nutui-gray-5, #f8f8f8)}.nut-numberkeyboard__body__wrapper .key{display:flex;align-items:center;justify-content:center;height:var(--nutui-numberkeyboard-key-height, 48px);font-size:var(--nutui-numberkeyboard-key-font-size, 28px);line-height:var(--nutui-numberkeyboard-key-line-height, 1.5);background-color:var(--nutui-numberkeyboard-key-background-color, #fff);color:var(--nutui-numberkeyboard-key-font-color, #333);border-radius:var(--nutui-numberkeyboard-key-border-radius, 8px);cursor:pointer}.nut-numberkeyboard__body__wrapper .key.active{background-color:var(--nutui-numberkeyboard-key-active-background-color, #ebedf0)}.nut-numberkeyboard__sidebar{display:flex;flex:1;flex-direction:column}.nut-numberkeyboard__sidebar .nut-numberkeyboard__body__wrapper .key{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.nut-numberkeyboard__sidebar .nut-numberkeyboard__body__wrapper .confirm{font-size:var(--nutui-numberkeyboard-key-confirm-font-size, 16px);color:var(--nutui-numberkeyboard-key-confirm-font-color, #fff);background-color:var(--nutui-numberkeyboard-key-confirm-background-color, var(--nutui-color-primary, #fa2c19))}.nut-numberkeyboard__sidebar .nut-numberkeyboard__body__wrapper .confirm.active{background-color:#ff0000b3}
package/dist/esm/NumberKeyboard.js CHANGED
@@ -26,7 +26,7 @@ function _objectSpread(e) {
26
26
  }
27
27
  import React__default, { useMemo, useState } from "react";
28
28
  import classNames from "classnames";
29
- import { ArrowDown } from "@nutui/icons-react";
29
+ import { RectDown } from "@nutui/icons-react";
30
30
  import Popup from "./Popup.js";
31
31
  import { useConfig } from "./ConfigProvider.js";
32
32
  import { C as ComponentDefaults } from "./typings.js";
@@ -86,8 +86,8 @@ var NumberKeyboard = function NumberKeyboard2(props) {
86
86
  var DeleteIcon = function DeleteIcon2() {
87
87
  return React__default.createElement("svg", {
88
88
  viewBox: "0 0 1024 1024",
89
- width: "28",
90
- height: "28"
89
+ width: "36",
90
+ height: "36"
91
91
  }, React__default.createElement("path", {
92
92
  d: "M875.594 186.122H390.803a51.162 51.162 0 0 0-36.18 14.986L79.91 475.821a51.166 51.166 0 0 0 0 72.358l274.714 274.712a51.164 51.164 0 0 0 36.179 14.986h484.791c46.033 0 83.484-37.45 83.484-83.483V269.606c.001-46.033-37.45-83.484-83.483-83.484zm32.32 568.274c0 17.85-14.473 32.318-32.32 32.318H390.803L116.089 512l274.714-274.714h484.791c17.849 0 32.32 14.47 32.32 32.32v484.789z",
93
93
  fill: "currentColor"
@@ -119,7 +119,7 @@ var NumberKeyboard = function NumberKeyboard2(props) {
119
119
  };
120
120
  return React__default.createElement("div", {
121
121
  key: item.id,
122
- className: "".concat(classPrefix, "-body-wrapper")
122
+ className: "".concat(classPrefix, "__body__wrapper")
123
123
  }, React__default.createElement("div", {
124
124
  className: classNames({
125
125
  key: true,
@@ -137,9 +137,9 @@ var NumberKeyboard = function NumberKeyboard2(props) {
137
137
  onTouchCancel: function onTouchCancel() {
138
138
  return _onTouchEnd(item);
139
139
  }
140
- }, (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id), item.type === "delete" && React__default.createElement(DeleteIcon, null), item.type === "close" && React__default.createElement(ArrowDown, {
141
- width: 18,
142
- height: 18
140
+ }, (item.type === "num" || item.type === "custom") && React__default.createElement("div", null, item.id), item.type === "delete" && React__default.createElement(DeleteIcon, null), item.type === "close" && React__default.createElement(RectDown, {
141
+ width: 25,
142
+ height: 25
143
143
  }), item.type === "confirm" && React__default.createElement(React__default.Fragment, null, confirmText || locale.done)));
144
144
  };
145
145
  return React__default.createElement(Popup, _objectSpread({
@@ -154,23 +154,23 @@ var NumberKeyboard = function NumberKeyboard2(props) {
154
154
  className: classNames(classPrefix, className),
155
155
  style
156
156
  }, title && React__default.createElement("div", {
157
- className: "".concat(classPrefix, "-header")
158
- }, React__default.createElement("div", {
159
- className: "".concat(classPrefix, "-header-title")
157
+ className: "".concat(classPrefix, "__header")
158
+ }, React__default.createElement("h3", {
159
+ className: "".concat(classPrefix, "__header__title")
160
160
  }, title), type === "default" && React__default.createElement("span", {
161
- className: "".concat(classPrefix, "-header-close"),
161
+ className: "".concat(classPrefix, "__header__close"),
162
162
  onClick: onConfirm
163
163
  }, locale.done)), React__default.createElement("div", {
164
- className: "".concat(classPrefix, "-body")
164
+ className: "".concat(classPrefix, "__body")
165
165
  }, React__default.createElement("div", {
166
- className: "".concat(classPrefix, "-body-keys")
166
+ className: "".concat(classPrefix, "__body__keys")
167
167
  }, keysList === null || keysList === void 0 ? void 0 : keysList.map(function(item) {
168
168
  return React__default.createElement(NumberKeyboardKey, {
169
169
  key: item.id,
170
170
  item
171
171
  });
172
172
  })), type === "rightColumn" && React__default.createElement("div", {
173
- className: "".concat(classPrefix, "-sidebar")
173
+ className: "".concat(classPrefix, "__sidebar")
174
174
  }, React__default.createElement(NumberKeyboardKey, {
175
175
  key: "delete",
176
176
  item: {
package/dist/esm/Overlay/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}
package/dist/esm/Pagination/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination-contain{display:flex}.nut-pagination-simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination-prev,.nut-pagination-item,.nut-pagination-next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));cursor:pointer}.nut-pagination-prev,.nut-pagination-item{border-right:none}.nut-pagination-prev,.nut-pagination-next{padding:var(--nutui-pagination-prev-next-padding, 0 12px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary-stop-1, #f53d4d) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-color-text-disabled, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #ffffff);cursor:not-allowed}.nut-pagination-lite{width:var(--nutui-pagination-lite-width, 40px);height:var(--nutui-pagination-lite-height, 20px);display:flex;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-color-primary-text, #ffffff);background-color:var(--nutui-pagination-lite-background-color, var(--nutui-black-7));border-radius:var(--nutui-pagination-lite-radius, 12px)}.nut-pagination-lite-active,.nut-pagination-lite-default{display:flex;align-items:center;justify-content:center;width:var(--nutui-pagination-lite-height, 20px);height:var(--nutui-pagination-lite-height, 20px)}.nut-pagination-lite-active{border-radius:var(--nutui-pagination-lite-radius, 12px);font-size:var(--nutui-font-size-2, 12px);background-color:var(--nutui-pagination-lite-active-background-color, var(--nutui-black-5))}
1
+ .nut-pagination{display:flex;font-size:var(--nutui-pagination-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-pagination-color, var(--nutui-color-primary, #fa2c19))}.nut-pagination__contain{display:flex}.nut-pagination__simple{height:39px;width:124px;line-height:39px;text-align:center}.nut-pagination__prev,.nut-pagination__item,.nut-pagination__next{height:39px;min-width:39px;flex-shrink:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#ffffff;border-radius:var(--nutui-pagination-item-border-radius, 2px);border:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb);cursor:pointer}.nut-pagination__prev,.nut-pagination__item{border-right:none}.nut-pagination__prev,.nut-pagination__next{padding:var(--nutui-pagination-prev-next-padding, 0 11px)}.nut-pagination .simple-border{border-right:var(--nutui-pagination-item-border-width, 1px) solid var(--nutui-pagination-item-border-color, #e4e7eb)}.nut-pagination .active{color:#fff;border:none;background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%)}.nut-pagination .disabled{color:var(--nutui-pagination-disable-color, var(--nutui-gray-3, #bfbfbf));background-color:var(--nutui-pagination-disable-background-color, #f7f8fa);cursor:not-allowed}
package/dist/esm/Pagination.js CHANGED
@@ -94,17 +94,17 @@ var Pagination = function Pagination2(props) {
94
94
  };
95
95
  return React__default.createElement("div", _objectSpread({
96
96
  className: classNames(classPrefix, className)
97
- }, rest), (mode === "multi" || mode === "simple") && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
98
- className: classNames("".concat(classPrefix, "-prev"), mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""),
97
+ }, rest), React__default.createElement("div", {
98
+ className: classNames("".concat(classPrefix, "__prev"), mode === "multi" ? "" : "simple-border", currentPage === 1 ? "disabled" : ""),
99
99
  onClick: function onClick(e) {
100
100
  return handleSelectPage(currentPage - 1);
101
101
  }
102
102
  }, prev || locale.pagination.prev), mode === "multi" && React__default.createElement("div", {
103
- className: "".concat(classPrefix, "-contain")
103
+ className: "".concat(classPrefix, "__contain")
104
104
  }, pages.map(function(item, index) {
105
105
  return React__default.createElement("div", {
106
106
  key: "".concat(index, "pagination"),
107
- className: classNames("".concat(classPrefix, "-item"), {
107
+ className: classNames("".concat(classPrefix, "__item"), {
108
108
  active: item.number === currentPage
109
109
  }),
110
110
  onClick: function onClick(e) {
@@ -112,21 +112,15 @@ var Pagination = function Pagination2(props) {
112
112
  }
113
113
  }, itemRender ? itemRender(item) : item.text);
114
114
  })), mode === "simple" && React__default.createElement("div", {
115
- className: "".concat(classPrefix, "-contain")
115
+ className: "".concat(classPrefix, "__contain")
116
116
  }, React__default.createElement("div", {
117
- className: "".concat(classPrefix, "-simple")
117
+ className: "".concat(classPrefix, "__simple")
118
118
  }, currentPage, "/", pageCount)), React__default.createElement("div", {
119
- className: classNames("".concat(classPrefix, "-next"), currentPage >= pageCount ? "disabled" : ""),
119
+ className: classNames("".concat(classPrefix, "__next"), currentPage >= pageCount ? "disabled" : ""),
120
120
  onClick: function onClick(e) {
121
121
  return handleSelectPage(currentPage + 1);
122
122
  }
123
- }, next || locale.pagination.next)), mode === "lite" && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
124
- className: "".concat(classPrefix, "-lite")
125
- }, React__default.createElement("div", {
126
- className: "".concat(classPrefix, "-lite-active")
127
- }, 2), React__default.createElement("div", {
128
- className: "".concat(classPrefix, "-lite-default")
129
- }, 8))));
123
+ }, next || locale.pagination.next));
130
124
  };
131
125
  Pagination.defaultProps = defaultProps;
132
126
  Pagination.displayName = "NutPagination";
package/dist/esm/Picker/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;min-height:40%;max-height:100%;overflow-y:auto;background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-gray-7, #1a1a1a);-webkit-overflow-scrolling:touch;font-size:var(--nutui-font-size-3, 14px)}.nut-popup-title{display:flex;align-items:center;justify-content:center;height:var(--nutui-popup-title-height, 50px);border-bottom:var(--nutui-popup-title-border-bottom, 0);padding:var(--nutui-popup-title-padding, 16px);position:relative}.nut-popup-title-left{position:absolute;left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-title{font-weight:var(--nutui-font-weight-bold, 500);font-size:var(--nutui-popup-title-font-size, 18px)}.nut-popup-title-description{color:var(--nutui-gray-5, #8c8c8c);font-size:var(--nutui-popup-description-font-size, var(--nutui-font-size-1, 10px));font-weight:var(--nutui-font-weight, 400)}.nut-popup-title-right{position:absolute!important;z-index:1;cursor:pointer;width:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));height:var(--nutui-popup-icon-size, var(--nutui-font-size-5, 18px));display:flex;justify-content:center;align-items:center;top:var(--nutui-popup-title-padding, 16px);right:var(--nutui-popup-title-padding, 16px);color:var(--nutui-gray-5, #8c8c8c)}.nut-popup-title-right:active{opacity:.7}.nut-popup-title-right-top-left{top:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-left{bottom:var(--nutui-popup-title-padding, 16px);left:var(--nutui-popup-title-padding, 16px)}.nut-popup-title-right-bottom-right{right:var(--nutui-popup-title-padding, 16px);bottom:var(--nutui-popup-title-padding, 16px)}.nut-popup-center{top:50%;left:50%;min-height:10%;transform:translate(-50%,-50%)}.nut-popup-center.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom,.nut-popup-top{max-height:83%}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.nut-popup-round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.nut-popup-round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.nut-popup-round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup .nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-1, #ffffff);width:100%}.nut-picker-control{display:flex;height:var(--nutui-popup-title-height, 50px);font-size:var(--nutui-popup-title-font-size, 18px);align-items:center;justify-content:space-between;padding:var(--nutui-popup-title-padding, 16px)}.nut-picker-cancel-btn{color:var(--nutui-gray-6, #595959);font-size:var(--nutui-picker-title-cancel-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-confirm-btn{color:var(--nutui-color-primary, #fa2c19);font-size:var(--nutui-picker-title-ok-font-size, var(--nutui-font-size-3, 14px))}.nut-picker-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-popup-title-font-size, 18px);font-weight:var(--nutui-font-weight-bold, 500)}.nut-picker-panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-background, linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, var(--nutui-font-size-3, 14px));text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-gray-7, #1a1a1a);font-size:var(--nutui-font-size-3, 14px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
1
+ .nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-gray-7, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-6, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-1, #1a1a1a))}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-popup{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;color:var(--nutui-gray-1, #1a1a1a);-webkit-overflow-scrolling:touch}.nut-popup-title{display:flex;align-items:center;justify-content:center;background-color:var(--nutui-gray-6, #ffffff);color:var(--nutui-gray-1, #1a1a1a);padding:var(--nutui-popup-title-padding, 15px);font-weight:var(--nutui-font-weight-bold, 500);line-height:var(--nutui-popup-title-line-height, 18px);font-size:var(--nutui-popup-title-font-size, 18px);border-bottom:var(--nutui-popup-title-border-bottom, 0)}.nut-popup-left-icon{position:absolute;top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon{position:absolute!important;z-index:1;color:var(--nutui-popup-close-icon-color, #969799);cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.nut-popup__close-icon:active{opacity:.7}.nut-popup__close-icon--top-left{top:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--top-right{top:var(--nutui-popup-close-icon-margin, 16px);right:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-left{bottom:var(--nutui-popup-close-icon-margin, 16px);left:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup__close-icon--bottom-right{right:var(--nutui-popup-close-icon-margin, 16px);bottom:var(--nutui-popup-close-icon-margin, 16px)}.nut-popup-center{top:50%;left:50%;transform:translate(-50%,-50%)}.nut-popup-center.round{border-radius:var(--nutui-popup-border-radius, 24px)}.nut-popup-bottom{bottom:0;left:0;width:100%}.nut-popup-bottom.round{border-radius:var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0 0}.nut-popup-right{top:0;right:0}.nut-popup-right.round{border-radius:var(--nutui-popup-border-radius, 24px) 0 0 var(--nutui-popup-border-radius, 24px)}.nut-popup-left{top:0;left:0}.nut-popup-left.round{border-radius:0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px) 0}.nut-popup-top{top:0;left:0;width:100%}.nut-popup-top.round{border-radius:0 0 var(--nutui-popup-border-radius, 24px) var(--nutui-popup-border-radius, 24px)}@keyframes popup-scale-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes popup-scale-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.nut-popup-slide-default-enter-active{animation-fill-mode:both;animation-name:popup-scale-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-default-exit-active{animation-fill-mode:both;animation-name:popup-scale-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.nut-popup-slide-center-enter-active{animation-fill-mode:both;animation-name:popup-fade-in;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-center-exit-active{animation-fill-mode:both;animation-name:popup-fade-out;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-top-enter{0%{transform:translate3d(0,-100%,0)}}@keyframes popup-slide-top-exit{to{transform:translate3d(0,-100%,0)}}.nut-popup-slide-top-enter-active,.nut-popup-slide-top-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-top-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-top-exit-active{animation-fill-mode:both;animation-name:popup-slide-top-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-right-enter{0%{transform:translate3d(100%,0,0)}}@keyframes popup-slide-right-exit{to{transform:translate3d(100%,0,0)}}.nut-popup-slide-right-enter-active,.nut-popup-slide-right-appear-active{transform:translateZ(0);animation-fill-mode:both;animation-name:popup-slide-right-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-right-exit{animation-fill-mode:both;animation-name:popup-slide-right-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-bottom-enter{0%{transform:translate3d(0,100%,0)}}@keyframes slide-bottom-exit{to{transform:translate3d(0,100%,0)}}.nut-popup-slide-bottom-enter-active,.nut-popup-slide-bottom-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-bottom-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-bottom-exit{animation-fill-mode:both;animation-name:slide-bottom-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}@keyframes popup-slide-left-enter{0%{transform:translate3d(-100%,0,0)}}@keyframes popup-slide-left-exit{to{transform:translate3d(-100%,0,0)}}.nut-popup-slide-left-enter-active,.nut-popup-slide-left-appear-active{transform:translate(0);animation-fill-mode:both;animation-name:popup-slide-left-enter;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-popup-slide-left-exit-active,.nut-popup-slide-left-exit-done{animation-fill-mode:both;animation-name:popup-slide-left-exit;animation-duration:var(--nutui-popup-animation-duration, .3s)}.nut-overflow-hidden{overflow:hidden!important}.nut-picker{background-color:var(--nutui-gray-6, #ffffff);width:100%}.nut-picker__control{display:flex;height:56px;font-size:16px;align-items:center;justify-content:space-between;padding:var(--nutui-picker-bar-button-padding, 0 15px)}.nut-picker__cancel-btn{color:var(--nutui-picker-cancel-color, #808080);font-size:var(--nutui-picker-bar-cancel-font-size, 14px)}.nut-picker__confirm-btn{color:var(--nutui-picker-ok-color, var(--nutui-color-primary, #fa2c19));font-size:var(--nutui-picker-bar-ok-font-size, 14px)}.nut-picker__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--nutui-picker-bar-title-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px);font-weight:var(--nutui-picker-bar-title-font-weight, normal)}.nut-picker__panel{display:flex;position:relative}.nut-picker-indicator{position:absolute;top:108px;height:var(--nutui-picker-item-height, 36px);width:100%;border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);z-index:3}.nut-picker-indicator-taro{height:var(--nutui-picker-item-height, 36px);border:0}.nut-picker-indicator-taro:before,.nut-picker-indicator-taro:after{border:var(--nutui-picker-item-active-line-border, 1px solid #d8d8d8);border-left:0;border-right:0}.nut-picker-list{flex:1;position:relative;height:var(--nutui-picker-list-height, 252px);overflow:hidden;text-align:center}.nut-picker-list-panel{transform-style:preserve-3d}.nut-picker-mask{position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--picker-mask-bg-img, linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)), linear-gradient(0deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .4)));background-position:top,bottom;background-size:100% 108px;background-repeat:no-repeat;z-index:3}.nut-picker-view-panel{height:var(--nutui-picker-list-height, 252px);flex-grow:1}.nut-picker-content,.nut-picker-roller{position:absolute;top:108px;width:100%;height:var(--nutui-picker-item-height, 36px)}.nut-picker-content{background:#fff;z-index:2;overflow:hidden}.nut-picker-item,.nut-picker-roller-item{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-item-text-font-size, 14px);text-align:center}.nut-picker-item{font-size:16px;background:#fff}.nut-picker-roller{z-index:1;transform-style:preserve-3d}.nut-picker-roller-item{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute;top:0;width:100%}.nut-picker-roller-item-title{display:block;width:100%;height:var(--nutui-picker-item-height, 36px);line-height:var(--nutui-picker-item-height, 36px);text-align:center;color:var(--nutui-picker-item-text-color, var(--nutui-gray-1, #1a1a1a));font-size:var(--nutui-picker-bar-title-font-size, 16px)}.nut-picker-roller-item-hidden{visibility:hidden;opacity:0}.nut-picker-placeholder{height:1px}
package/dist/esm/Picker.js CHANGED
@@ -447,17 +447,17 @@ var InternalPicker = function InternalPicker2(props, ref) {
447
447
  };
448
448
  var renderTitleBar = function renderTitleBar2() {
449
449
  return React__default.createElement("div", {
450
- className: "".concat(classPrefix, "-control")
450
+ className: "".concat(classPrefix, "__control")
451
451
  }, React__default.createElement("span", {
452
- className: "".concat(classPrefix, "-cancel-btn"),
452
+ className: "".concat(classPrefix, "__cancel-btn"),
453
453
  onClick: function onClick(e) {
454
454
  onCancel === null || onCancel === void 0 || onCancel();
455
455
  setInnerVisible(false);
456
456
  }
457
457
  }, locale.cancel), React__default.createElement("div", {
458
- className: "".concat(classPrefix, "-title")
458
+ className: "".concat(classPrefix, "__title")
459
459
  }, title || ""), React__default.createElement("span", {
460
- className: "".concat(classPrefix, "-confirm-btn"),
460
+ className: "".concat(classPrefix, "__confirm-btn"),
461
461
  onClick: function onClick(e) {
462
462
  confirm();
463
463
  }
@@ -480,7 +480,7 @@ var InternalPicker = function InternalPicker2(props, ref) {
480
480
  className: classes,
481
481
  style
482
482
  }, rest), renderTitleBar(), typeof children !== "function" && children, React__default.createElement("div", {
483
- className: "".concat(classPrefix, "-panel"),
483
+ className: "".concat(classPrefix, "__panel"),
484
484
  ref: pickerRef
485
485
  }, columnsList === null || columnsList === void 0 ? void 0 : columnsList.map(function(item, index) {
486
486
  return React__default.createElement(PickerPanel$1, {