@nutui/nutui-react 2.1.0 → 2.1.1-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 (301) hide show
  1. package/CHANGELOG.md +0 -20
  2. package/dist/esm/ActionSheet/style/style.css +1 -1
  3. package/dist/esm/ActionSheet.js +6 -7
  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/Badge/style/style.css +1 -1
  15. package/dist/esm/Barrage/style/style.css +1 -1
  16. package/dist/esm/Button/style/style.css +1 -1
  17. package/dist/esm/Button.js +5 -84
  18. package/dist/esm/Calendar/style/style.css +1 -1
  19. package/dist/esm/CalendarCard/style/style.css +1 -1
  20. package/dist/esm/Card/style/style.css +1 -1
  21. package/dist/esm/Card.js +3 -3
  22. package/dist/esm/Cascader/style/style.css +1 -1
  23. package/dist/esm/Cell/style/style.css +1 -1
  24. package/dist/esm/Cell.js +5 -5
  25. package/dist/esm/CellGroup/style/style.css +1 -1
  26. package/dist/esm/CellGroup.js +3 -3
  27. package/dist/esm/Checkbox/style/style.css +1 -1
  28. package/dist/esm/CheckboxGroup/style/style.css +1 -1
  29. package/dist/esm/CheckboxGroup.js +1 -1
  30. package/dist/esm/CircleProgress/style/style.css +1 -1
  31. package/dist/esm/CircleProgress.js +2 -2
  32. package/dist/esm/Col/style/style.css +1 -1
  33. package/dist/esm/Collapse/style/style.css +1 -1
  34. package/dist/esm/CollapseItem/style/style.css +1 -1
  35. package/dist/esm/CountDown/style/style.css +1 -1
  36. package/dist/esm/CountDown.js +1 -1
  37. package/dist/esm/DatePicker/style/style.css +1 -1
  38. package/dist/esm/Dialog/style/style.css +1 -1
  39. package/dist/esm/Dialog.js +9 -12
  40. package/dist/esm/Divider/style/style.css +1 -1
  41. package/dist/esm/Divider.js +1 -1
  42. package/dist/esm/Elevator/style/style.css +1 -1
  43. package/dist/esm/Elevator.js +12 -12
  44. package/dist/esm/Ellipsis/style/style.css +1 -1
  45. package/dist/esm/Empty/style/style.css +1 -1
  46. package/dist/esm/Empty.js +31 -10
  47. package/dist/esm/FixedNav/style/style.css +1 -1
  48. package/dist/esm/FixedNav.js +6 -6
  49. package/dist/esm/Form/style/style.css +1 -1
  50. package/dist/esm/FormItem/style/style.css +1 -1
  51. package/dist/esm/Grid/style/style.css +1 -1
  52. package/dist/esm/Grid.js +1 -1
  53. package/dist/esm/GridItem/style/style.css +1 -1
  54. package/dist/esm/Image/style/style.css +1 -1
  55. package/dist/esm/ImagePreview/style/style.css +1 -1
  56. package/dist/esm/Indicator/style/style.css +1 -1
  57. package/dist/esm/InfiniteLoading/style/style.css +1 -1
  58. package/dist/esm/InfiniteLoading.js +57 -4
  59. package/dist/esm/Input/style/style.css +1 -1
  60. package/dist/esm/InputNumber/style/style.css +1 -1
  61. package/dist/esm/InputNumber.js +5 -5
  62. package/dist/esm/Loading/style/style.css +1 -1
  63. package/dist/esm/Menu/style/style.css +1 -1
  64. package/dist/esm/Menu.js +7 -14
  65. package/dist/esm/MenuItem/style/style.css +1 -1
  66. package/dist/esm/NavBar/style/style.css +1 -1
  67. package/dist/esm/NavBar.js +10 -9
  68. package/dist/esm/NoticeBar/style/style.css +1 -1
  69. package/dist/esm/NoticeBar.js +4 -4
  70. package/dist/esm/Notify/style/style.css +1 -1
  71. package/dist/esm/Notify.js +1 -1
  72. package/dist/esm/NumberKeyboard/style/style.css +1 -1
  73. package/dist/esm/NumberKeyboard.js +14 -14
  74. package/dist/esm/Overlay/style/style.css +1 -1
  75. package/dist/esm/Pagination/style/style.css +1 -1
  76. package/dist/esm/Pagination.js +14 -8
  77. package/dist/esm/Picker/style/style.css +1 -1
  78. package/dist/esm/Picker.js +5 -5
  79. package/dist/esm/Popover/style/style.css +1 -1
  80. package/dist/esm/Popover.js +13 -6
  81. package/dist/esm/Popup/style/style.css +1 -1
  82. package/dist/esm/Price/style/style.css +1 -1
  83. package/dist/esm/Price.js +5 -5
  84. package/dist/esm/Progress/style/style.css +1 -1
  85. package/dist/esm/Progress.js +1 -1
  86. package/dist/esm/PullToRefresh/style/style.css +1 -1
  87. package/dist/esm/PullToRefresh.js +37 -2
  88. package/dist/esm/Radio/style/style.css +1 -1
  89. package/dist/esm/RadioGroup/style/style.css +1 -1
  90. package/dist/esm/RadioGroup.js +1 -1
  91. package/dist/esm/Range/style/style.css +1 -1
  92. package/dist/esm/Rate/style/style.css +1 -1
  93. package/dist/esm/Rate.js +5 -5
  94. package/dist/esm/SearchBar/style/style.css +1 -1
  95. package/dist/esm/SearchBar.js +20 -20
  96. package/dist/esm/ShortPassword/style/style.css +1 -1
  97. package/dist/esm/ShortPassword.js +13 -13
  98. package/dist/esm/SideNavBar/style/style.css +1 -1
  99. package/dist/esm/SideNavBar.js +4 -4
  100. package/dist/esm/SideNavBarItem/style/style.css +1 -1
  101. package/dist/esm/SideNavBarItem.js +1 -1
  102. package/dist/esm/Signature/style/style.css +1 -1
  103. package/dist/esm/Signature.js +3 -3
  104. package/dist/esm/Skeleton/style/style.css +1 -1
  105. package/dist/esm/Skeleton.js +7 -7
  106. package/dist/esm/Step/style/style.css +1 -1
  107. package/dist/esm/Steps/style/style.css +1 -1
  108. package/dist/esm/Sticky/style/style.css +1 -1
  109. package/dist/esm/Sticky.js +1 -1
  110. package/dist/esm/SubSideNavBar/style/style.css +1 -1
  111. package/dist/esm/SubSideNavBar.js +6 -6
  112. package/dist/esm/Swipe/style/style.css +1 -1
  113. package/dist/esm/Swipe.js +2 -2
  114. package/dist/esm/Swiper/style/style.css +1 -1
  115. package/dist/esm/Swiper.js +3 -3
  116. package/dist/esm/Switch/style/style.css +1 -1
  117. package/dist/esm/Switch.js +3 -3
  118. package/dist/esm/TabPane/style/style.css +1 -1
  119. package/dist/esm/Tabbar/style/style.css +1 -1
  120. package/dist/esm/Tabbar.js +3 -3
  121. package/dist/esm/TabbarItem/style/style.css +1 -1
  122. package/dist/esm/Table/style/style.css +1 -1
  123. package/dist/esm/Table.js +11 -11
  124. package/dist/esm/Tabs/style/style.css +1 -1
  125. package/dist/esm/Tag/style/style.css +1 -1
  126. package/dist/esm/Tag.js +3 -3
  127. package/dist/esm/TextArea/style/style.css +1 -1
  128. package/dist/esm/TextArea.js +3 -3
  129. package/dist/esm/TimeDetail/style/style.css +1 -1
  130. package/dist/esm/TimeDetail.js +1 -1
  131. package/dist/esm/TimeSelect/style/style.css +1 -1
  132. package/dist/esm/TimeSelect.js +3 -4
  133. package/dist/esm/Toast/style/style.css +1 -1
  134. package/dist/esm/Toast.js +3 -3
  135. package/dist/esm/Tour/style/style.css +1 -1
  136. package/dist/esm/TrendArrow/style/style.css +1 -1
  137. package/dist/esm/TrendArrow.js +4 -4
  138. package/dist/esm/Uploader/style/style.css +1 -1
  139. package/dist/esm/Uploader.js +20 -20
  140. package/dist/esm/VirtualList/style/style.css +1 -1
  141. package/dist/esm/badge2.js +20 -7
  142. package/dist/esm/button2.js +88 -0
  143. package/dist/esm/cascader2.js +6 -6
  144. package/dist/esm/checkbox2.js +47 -10
  145. package/dist/esm/collapseitem2.js +7 -7
  146. package/dist/esm/configprovider2.js +1 -1
  147. package/dist/esm/context5.js +1 -1
  148. package/dist/esm/formitem2.js +4 -4
  149. package/dist/esm/griditem2.js +2 -2
  150. package/dist/esm/indicator2.js +3 -3
  151. package/dist/esm/menuitem2.js +7 -7
  152. package/dist/esm/overlay2.js +1 -1
  153. package/dist/esm/popup2.js +21 -20
  154. package/dist/esm/radio2.js +10 -5
  155. package/dist/esm/tabbaritem2.js +1 -1
  156. package/dist/esm/tabs2.js +8 -8
  157. package/dist/esm/types/src/packages/button/button.d.ts +3 -2
  158. package/dist/esm/types/src/packages/button/button.taro.d.ts +3 -2
  159. package/dist/esm/types/src/packages/checkbox/checkbox.d.ts +2 -0
  160. package/dist/esm/types/src/packages/checkbox/checkbox.taro.d.ts +2 -0
  161. package/dist/esm/types/src/packages/configprovider/types.d.ts +1 -1
  162. package/dist/esm/types/src/packages/dialog/config.d.ts +1 -0
  163. package/dist/esm/types/src/packages/dialog/content.d.ts +1 -0
  164. package/dist/esm/types/src/packages/dialog/content.taro.d.ts +1 -0
  165. package/dist/esm/types/src/packages/empty/demo.d.ts +0 -1
  166. package/dist/esm/types/src/packages/empty/demo.taro.d.ts +0 -1
  167. package/dist/esm/types/src/packages/empty/empty.d.ts +5 -1
  168. package/dist/esm/types/src/packages/empty/empty.taro.d.ts +5 -1
  169. package/dist/esm/types/src/packages/empty/index.d.ts +1 -0
  170. package/dist/esm/types/src/packages/empty/index.taro.d.ts +1 -0
  171. package/dist/esm/types/src/packages/empty/types.d.ts +3 -0
  172. package/dist/esm/types/src/packages/indicator/demo.d.ts +0 -1
  173. package/dist/esm/types/src/packages/indicator/demo.taro.d.ts +0 -1
  174. package/dist/esm/types/src/packages/inputnumber/demo.d.ts +0 -1
  175. package/dist/esm/types/src/packages/inputnumber/demo.taro.d.ts +0 -1
  176. package/dist/esm/types/src/packages/navbar/navbar.d.ts +1 -0
  177. package/dist/esm/types/src/packages/navbar/navbar.taro.d.ts +1 -0
  178. package/dist/esm/types/src/packages/pagination/pagination.d.ts +1 -1
  179. package/dist/esm/types/src/packages/pagination/pagination.taro.d.ts +1 -1
  180. package/dist/esm/types/src/packages/popover/popover.d.ts +4 -0
  181. package/dist/esm/types/src/packages/popover/popover.taro.d.ts +4 -0
  182. package/dist/esm/types/src/packages/popup/popup.d.ts +1 -0
  183. package/dist/esm/types/src/packages/popup/popup.taro.d.ts +3 -2
  184. package/dist/esm/types/src/packages/searchbar/searchbar.d.ts +1 -0
  185. package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts +1 -0
  186. package/dist/esm/types/src/packages/swipe/swipe.d.ts +0 -6
  187. package/dist/esm/types/src/packages/tabs/tabs.d.ts +1 -1
  188. package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts +1 -1
  189. package/dist/esm/types/src/packages/virtuallist/utils.d.ts +1 -1
  190. package/dist/locales/base.js +1 -1
  191. package/dist/locales/en-US.js +1 -1
  192. package/dist/locales/id-ID.js +1 -1
  193. package/dist/locales/tr-TR.js +1 -1
  194. package/dist/locales/zh-CN.js +2 -2
  195. package/dist/locales/zh-TW.js +1 -1
  196. package/dist/locales/zh-UG.js +1 -1
  197. package/dist/nutui.react.es.js +3041 -1636
  198. package/dist/nutui.react.umd.js +3051 -1646
  199. package/dist/packages/actionsheet/actionsheet.scss +15 -15
  200. package/dist/packages/address/address.scss +6 -6
  201. package/dist/packages/animatingnumbers/countup.scss +19 -6
  202. package/dist/packages/audio/audio.scss +17 -9
  203. package/dist/packages/avatar/avatar.scss +1 -1
  204. package/dist/packages/avatarcropper/avatarcropper.scss +4 -0
  205. package/dist/packages/backtop/backtop.scss +6 -3
  206. package/dist/packages/badge/badge.scss +25 -6
  207. package/dist/packages/barrage/barrage.scss +16 -6
  208. package/dist/packages/button/button.scss +163 -93
  209. package/dist/packages/calendar/calendar.scss +17 -16
  210. package/dist/packages/calendarcard/calendarcard.scss +8 -8
  211. package/dist/packages/card/card.scss +28 -14
  212. package/dist/packages/cascader/cascader.scss +6 -6
  213. package/dist/packages/cell/cell.scss +3 -3
  214. package/dist/packages/cellgroup/cellgroup.scss +6 -6
  215. package/dist/packages/checkbox/checkbox.scss +82 -22
  216. package/dist/packages/checkboxgroup/checkboxgroup.scss +17 -7
  217. package/dist/packages/collapseitem/collapseitem.scss +32 -10
  218. package/dist/packages/dialog/dialog.scss +22 -37
  219. package/dist/packages/divider/divider.scss +13 -13
  220. package/dist/packages/elevator/elevator.scss +51 -37
  221. package/dist/packages/empty/empty.scss +36 -6
  222. package/dist/packages/fixednav/fixednav.scss +27 -14
  223. package/dist/packages/form/form.scss +4 -4
  224. package/dist/packages/formitem/formitem.scss +6 -6
  225. package/dist/packages/grid/grid.scss +1 -1
  226. package/dist/packages/griditem/griditem.scss +16 -15
  227. package/dist/packages/image/image.scss +4 -2
  228. package/dist/packages/imagepreview/imagepreview.scss +1 -11
  229. package/dist/packages/indicator/indicator.scss +9 -9
  230. package/dist/packages/infiniteloading/infiniteloading.scss +23 -8
  231. package/dist/packages/input/input.scss +4 -2
  232. package/dist/packages/inputnumber/inputnumber.scss +21 -18
  233. package/dist/packages/loading/loading.scss +3 -3
  234. package/dist/packages/menu/menu.scss +22 -30
  235. package/dist/packages/menuitem/menuitem.scss +55 -56
  236. package/dist/packages/navbar/navbar.scss +52 -16
  237. package/dist/packages/noticebar/noticebar.scss +12 -11
  238. package/dist/packages/notify/notify.scss +10 -18
  239. package/dist/packages/numberkeyboard/numberkeyboard.scss +19 -17
  240. package/dist/packages/pagination/pagination.scss +32 -9
  241. package/dist/packages/picker/picker.scss +19 -19
  242. package/dist/packages/popover/popover.scss +51 -35
  243. package/dist/packages/popup/popup.scss +225 -213
  244. package/dist/packages/price/price.scss +20 -9
  245. package/dist/packages/progress/progress.scss +1 -1
  246. package/dist/packages/pulltorefresh/pulltorefresh.scss +9 -2
  247. package/dist/packages/radio/radio.scss +45 -40
  248. package/dist/packages/radiogroup/radiogroup.scss +18 -18
  249. package/dist/packages/range/range.scss +15 -4
  250. package/dist/packages/rate/rate.scss +8 -9
  251. package/dist/packages/searchbar/searchbar.scss +67 -42
  252. package/dist/packages/shortpassword/shortpassword.scss +24 -24
  253. package/dist/packages/sidenavbar/sidenavbar.scss +8 -8
  254. package/dist/packages/sidenavbaritem/sidenavbaritem.scss +3 -3
  255. package/dist/packages/signature/signature.scss +5 -2
  256. package/dist/packages/skeleton/skeleton.scss +8 -8
  257. package/dist/packages/step/step.scss +27 -32
  258. package/dist/packages/sticky/sticky.scss +1 -1
  259. package/dist/packages/subsidenavbar/subsidenavbar.scss +5 -5
  260. package/dist/packages/swipe/swipe.scss +8 -5
  261. package/dist/packages/swiper/swiper.scss +4 -4
  262. package/dist/packages/switch/switch.scss +39 -28
  263. package/dist/packages/tabbar/tabbar.scss +4 -4
  264. package/dist/packages/tabbaritem/tabbaritem.scss +8 -1
  265. package/dist/packages/table/table.scss +28 -28
  266. package/dist/packages/tabpane/tabpane.scss +2 -2
  267. package/dist/packages/tabs/tabs.scss +181 -137
  268. package/dist/packages/tag/tag.scss +12 -12
  269. package/dist/packages/textarea/textarea.scss +6 -6
  270. package/dist/packages/timedetail/timedetail.scss +8 -9
  271. package/dist/packages/timeselect/timeselect.scss +12 -21
  272. package/dist/packages/toast/toast.scss +37 -22
  273. package/dist/packages/tour/tour.scss +9 -4
  274. package/dist/packages/trendarrow/trendarrow.scss +8 -3
  275. package/dist/packages/uploader/uploader.scss +41 -37
  276. package/dist/packages/virtuallist/virtuallist.scss +13 -3
  277. package/dist/packages/watermark/watermark.scss +1 -0
  278. package/dist/style.css +1 -1
  279. package/dist/style.mjs +1 -1
  280. package/dist/styles/theme-dark.scss +118 -23
  281. package/dist/styles/theme-default.scss +114 -32
  282. package/dist/styles/theme-jmapp.scss +158 -32
  283. package/dist/styles/variables-jmapp.scss +1120 -1258
  284. package/dist/styles/variables.scss +953 -1174
  285. package/dist/types/packages/animate/animate.d.ts +1 -1
  286. package/dist/types/packages/button/button.d.ts +3 -2
  287. package/dist/types/packages/checkbox/checkbox.d.ts +2 -0
  288. package/dist/types/packages/configprovider/types.d.ts +1 -1
  289. package/dist/types/packages/dialog/config.d.ts +1 -0
  290. package/dist/types/packages/dialog/content.d.ts +1 -0
  291. package/dist/types/packages/empty/empty.d.ts +5 -1
  292. package/dist/types/packages/empty/index.d.ts +1 -0
  293. package/dist/types/packages/empty/types.d.ts +3 -0
  294. package/dist/types/packages/navbar/navbar.d.ts +1 -0
  295. package/dist/types/packages/pagination/pagination.d.ts +1 -1
  296. package/dist/types/packages/popover/popover.d.ts +4 -0
  297. package/dist/types/packages/popup/popup.d.ts +15 -2
  298. package/dist/types/packages/searchbar/searchbar.d.ts +5 -0
  299. package/dist/types/packages/swipe/swipe.d.ts +6 -6
  300. package/dist/types/packages/tabs/tabs.d.ts +2 -2
  301. package/package.json +2 -2
package/dist/esm/Progress/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, #f3f3f3)}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text__inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-brand-text-color, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, #fa2c19 0%, #fa6419 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}
1
+ .nut-progress{display:flex;align-items:center;position:relative;width:100%}.nut-progress-outer{flex:auto;border-radius:var(--nutui-progress-border-radius, 12px);height:var(--nutui-progress-height, 10px);background:var(--nutui-progress-background, var(--nutui-gray-3, #f6f6f6))}.nut-progress-outer .nut-progress-active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--nutui-progress-border-radius, 12px);animation:progressActive 2s ease-in-out infinite}.nut-progress-inner{height:100%;display:flex;flex-direction:column;justify-content:center;transition:all .4s;border-radius:var(--nutui-progress-border-radius, 12px);background:var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%))}.nut-progress-text{display:flex;align-items:center;position:absolute;top:var(--nutui-progress-text-position-top, -4px);bottom:var(--nutui-progress-text-position-bottom, -4px);transition:all .4s;transform:translate(-50%)}.nut-progress-text-inner{display:flex;align-items:center;height:100%;width:100%;color:var(--nutui-progress-text-color, var(--nutui-color-primary-text, #ffffff));padding:var(--nutui-progress-text-padding, 0 5px);border-radius:var(--nutui-progress-text-border-radius, 5px);font-size:var(--nutui-progress-text-font-size, 9px);line-height:1;background:var(--nutui-progress-text-background, var(--nutui-progress-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%)))}@keyframes progressActive{0%{background:rgba(255,255,255,.1);width:0}20%{background:rgba(255,255,255,.5);width:0}to{background:rgba(255,255,255,0);width:100%}}
package/dist/esm/Progress.js CHANGED
@@ -113,7 +113,7 @@ var Progress = function Progress2(props) {
113
113
  left: "".concat(displayPercent, "%")
114
114
  }
115
115
  }, children || React__default.createElement("div", {
116
- className: "".concat(classPrefix, "-text__inner"),
116
+ className: "".concat(classPrefix, "-text-inner"),
117
117
  style: {
118
118
  background: color
119
119
  }
package/dist/esm/PullToRefresh/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:14px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-1, #1a1a1a);display:flex;justify-content:center;align-items:center}
1
+ .nut-pulltorefresh-head{overflow:hidden;position:relative;font-size:12px}.nut-pulltorefresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--nutui-gray-7, #1a1a1a);display:flex;flex-direction:column;justify-content:center;align-items:center}.nut-pulltorefresh-head-content-icons{width:var(--nutui-pulltorefresh-top-icon-width, 36px);height:var(--nutui-pulltorefresh-top-icon-height, 26px);margin-bottom:4px}
package/dist/esm/PullToRefresh.js CHANGED
@@ -66,7 +66,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
66
66
  completeText: "",
67
67
  completeDelay: 500,
68
68
  disabled: false,
69
- headHeight: 40,
69
+ headHeight: 50,
70
70
  threshold: 60,
71
71
  onRefresh: function onRefresh() {
72
72
  }
@@ -252,6 +252,41 @@ var PullToRefresh = function PullToRefresh2(p) {
252
252
  passive: false
253
253
  } : false
254
254
  });
255
+ var renderIcons = function renderIcons2() {
256
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement("i", {
257
+ className: "".concat(classPrefix, "-head-content-icons")
258
+ }, (status === "pulling" || status === "complete") && React__default.createElement("svg", {
259
+ xmlns: "http://www.w3.org/2000/svg",
260
+ width: "36",
261
+ height: "26",
262
+ viewBox: "0 0 36 26",
263
+ fill: "none"
264
+ }, React__default.createElement("path", {
265
+ d: "M34.7243 10.965C32.842 8.94809 32.4297 5.92727 31.2018 4.90525C29.9738 3.88324 28.1722 5.51123 27.5089 6.46993C23.8429 3.88324 17.9809 4.00082 17.9809 4.00082C17.9809 4.00082 12.1458 3.88324 8.47083 6.46993C7.80754 5.51123 6.01488 3.88324 4.78691 4.90525C3.55894 5.92727 3.15559 8.94809 1.2733 10.965C-0.133943 12.4844 -0.250465 12.9276 0.323186 14.1305C0.887874 15.3334 4.40149 16.3283 6.88432 13.9496C7.21596 15.1887 10.0125 21.9991 17.9899 21.9991C25.9672 21.9991 28.7817 15.1887 29.1043 13.9496C31.5872 16.3283 35.1098 15.3334 35.6834 14.1305C36.2481 12.9276 36.1316 12.4844 34.7243 10.965Z",
266
+ fill: "#8C8C8C"
267
+ })), (status === "canRelease" || status === "refreshing") && React__default.createElement("svg", {
268
+ xmlns: "http://www.w3.org/2000/svg",
269
+ width: "36",
270
+ height: "26",
271
+ viewBox: "0 0 36 26",
272
+ fill: "none"
273
+ }, React__default.createElement("circle", {
274
+ cx: "33",
275
+ cy: "13",
276
+ r: "3",
277
+ fill: "#8C8C8C"
278
+ }), React__default.createElement("circle", {
279
+ cx: "18",
280
+ cy: "13",
281
+ r: "3",
282
+ fill: "#8C8C8C"
283
+ }), React__default.createElement("circle", {
284
+ cx: "3",
285
+ cy: "13",
286
+ r: "3",
287
+ fill: "#8C8C8C"
288
+ }))));
289
+ };
255
290
  var renderStatusText = function renderStatusText2() {
256
291
  if (props.renderText) {
257
292
  var _props$renderText;
@@ -279,7 +314,7 @@ var PullToRefresh = function PullToRefresh2(p) {
279
314
  style: {
280
315
  height: headHeight
281
316
  }
282
- }, renderStatusText())), React__default.createElement("div", {
317
+ }, renderIcons(), React__default.createElement("div", null, renderStatusText()))), React__default.createElement("div", {
283
318
  className: "".concat(classPrefix, "-content")
284
319
  }, props.children));
285
320
  };
package/dist/esm/Radio/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio--reverse{flex-direction:row-reverse}.nut-radio.nut-radio--reverse .nut-radio__label{margin-right:var(--nutui-radio-label-margin-left, 6px);margin-left:0}.nut-radio__button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, 12px);background:#f6f7f9;border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;border:1px solid #f6f7f9}.nut-radio__button--active{background:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05));color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));border:1px solid var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19))}.nut-radio__button--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf));border:1px solid #f6f7f9}.nut-radio .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}.nut-radio__label{margin-left:var(--nutui-radio-label-margin-left, 6px);font-size:var(--nutui-radio-label-font-size, 14px);color:var(--nutui-radio-label-font-color, var(--nutui-gray-1, #1a1a1a))}.nut-radio__label--disabled{color:var(--nutui-radio-label-disable-color, var(--nutui-gray-3, #bfbfbf))}.nut-radio__icon{color:var(--nutui-radio-label-font-active-color, var(--nutui-brand-color, #fa2c19));transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, 18px)}.nut-radio__icon--unchecked{color:var(--nutui-radio-icon-disable-color, var(--nutui-gray-2, #757575))}.nut-radio__icon--disable{color:var(--nutui-radio-icon-disable-color2, var(--nutui-gray-3, #bfbfbf))}
1
+ .nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio{display:flex;align-items:center;flex-shrink:0}.nut-radio:last-child{margin-bottom:0!important;margin-right:0!important}.nut-radio.nut-radio-reverse{flex-direction:row-reverse}.nut-radio.nut-radio-reverse .nut-radio-label{margin-right:var(--nutui-radio-label-margin-left, 4px);margin-left:0}.nut-radio-label{margin-left:var(--nutui-radio-label-margin-left, 4px);font-size:var(--nutui-radio-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-radio-label-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-icon{color:var(--nutui-color-text-disabled, #bfbfbf);transition-duration:.3s;transition-property:color,border-color,background-color;font-size:var(--nutui-radio-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-radio-icon-checked{color:var(--nutui-color-primary, #fa2c19)}.nut-radio-icon-checked.nut-radio-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-radio-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-radio-button{display:inline-flex;align-items:center;padding:var(--nutui-radio-button-padding, 5px 18px);font-size:var(--nutui-radio-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-gray-3, #f6f6f6);border-radius:var(--nutui-radio-button-border-radius, 15px);color:var(--nutui-radio-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radio-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-radio-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radio .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}
package/dist/esm/RadioGroup/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio__label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio__button{background-color:#f6f7f9}.nut-radiogroup--vertical .nut-radio.nut-radio--reverse{width:100%;justify-content:space-between}.nut-radiogroup--vertical .nut-radio__button{border:1px solid #f6f7f9}.nut-radiogroup--vertical .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup--horizontal .nut-radio{display:inline-flex}.nut-radiogroup--horizontal .nut-radio__button{border:1px solid var(--nutui-gray-6, #ffffff)}.nut-radiogroup--horizontal .nut-radio__button--active{border-color:var(--nutui-radio-label-button-border-color, var(--nutui-brand-color, #fa2c19));background-color:var(--nutui-radio-label-button-background, rgba(250, 44, 25, .05))}.nut-radiogroup .nut-radio__button--active.nut-radio__button--disabled{background:var(--nutui-radio-button-disabled-active-background, rgba(0, 0, 0, .15));color:var(--nutui-radio-button-disabled-active-color, rgba(0, 0, 0, .25));border:1px solid var(--nutui-radio-button-disabled-active-border-color, rgba(211, 211, 211, .15))}
1
+ .nut-radiogroup .nut-radio{margin:var(--nutui-radiogroup-radio-margin, 0 20px 5px 0)}.nut-radiogroup .nut-radio-label{margin:var(--nutui-radiogroup-radio-label-margin, 0 5px 0 5px)}.nut-radiogroup .nut-radio-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio.nut-radio-reverse{width:100%;justify-content:space-between}.nut-radiogroup-vertical .nut-radio-button{border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-radiogroup-vertical .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup-horizontal .nut-radio{display:inline-flex}.nut-radiogroup-horizontal .nut-radio-button{border:1px solid #ffffff}.nut-radiogroup-horizontal .nut-radio-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-radiogroup .nut-radio-button-active.nut-radio-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}
package/dist/esm/RadioGroup.js CHANGED
@@ -73,7 +73,7 @@ var RadioGroup = React__default.forwardRef(function(props, ref) {
73
73
  }
74
74
  }
75
75
  }, React__default.createElement("div", _objectSpread({
76
- className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "--").concat(props.direction), props.direction), className)
76
+ className: classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-").concat(props.direction), props.direction), className)
77
77
  }, rest), options !== null && options !== void 0 && options.length ? renderOptionsChildren() : children));
78
78
  });
79
79
  RadioGroup.defaultProps = defaultProps;
package/dist/esm/Range/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, #fa958c);border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-brand-text-color, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-brand-color, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-range-font-color, var(--nutui-gray-1, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, #fa958c)}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-brand-color, #fa2c19))}
1
+ .nut-range-container{display:flex;position:relative;width:100%;height:var(--nutui-range-height, 4px);align-items:center}.nut-range-container .min,.nut-range-container .max{font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));-webkit-user-select:none;user-select:none}.nut-range-container-vertical{height:100%;flex-direction:column;padding:0 15px}.nut-range-container-vertical .nut-range{width:var(--nutui-range-height, 4px);height:100%}.nut-range-container-vertical .nut-range-button-wrapper,.nut-range-container-vertical .nut-range-button-wrapper-right{position:absolute;top:initial;bottom:0;left:50%;right:initial;transform:translate3d(-50%,50%,0)}.nut-range-container-vertical .nut-range-button-wrapper-left{top:0;left:50%;right:initial;transform:translate3d(-50%,-50%,0)}.nut-range-container-vertical .nut-range .number{transform:translate3d(100%,0,0)}.nut-range-container-vertical .nut-range-vertical{margin:var(--nutui-range-margin, 15px) 0px}.nut-range-container-vertical .nut-range-mark{position:absolute;width:100%;right:50%;overflow:visible;font-size:12px;height:100%;top:initial;width:36px;padding:0}.nut-range-container-vertical .nut-range-mark-text{width:20px;position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translateY(-50%)}.nut-range-container-vertical .nut-range-tick{position:absolute;top:0;left:30px;width:11px;height:11px;margin-left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-container-vertical .nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}.nut-range{display:block;position:relative;width:100%;height:var(--nutui-range-height, 4px);margin:0 var(--nutui-range-margin, 15px);background-color:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8));border-radius:2px;cursor:pointer}.nut-range:before{position:absolute;top:-8px;right:0;bottom:-8px;left:0;content:""}.nut-range-bar{display:block;position:relative;width:100%;height:100%;background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19));border-radius:inherit;transition:all .2s}.nut-range-button{display:block;width:var(--nutui-range-button-width, 24px);height:var(--nutui-range-button-height, 24px);background:var(--nutui-range-button-background, var(--nutui-color-primary-text, #ffffff));border-radius:50%;box-shadow:0 1px 2px #00000026;border:var(--nutui-range-button-border, 1px solid var(--nutui-color-primary, #fa2c19));outline:none}.nut-range-button-wrapper,.nut-range-button-wrapper-right{touch-action:none;position:absolute;top:50%;right:0;transform:translate3d(50%,-50%,0);cursor:grab;outline:none}.nut-range-button-wrapper-left{position:absolute;top:50%;left:0;transform:translate3d(-50%,-50%,0);cursor:grab;outline:none;touch-action:none}.nut-range-button .number{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-range-color, var(--nutui-gray-7, #1a1a1a));transform:translate3d(0,-100%,0)}.nut-range-disabled{cursor:not-allowed;opacity:.54}.nut-range-disabled .nut-range-button-wrapper,.nut-range-disabled .nut-range-button-wrapper-left,.nut-range-disabled .nut-range-button-wrapper-right{cursor:not-allowed}.nut-range-mark{position:absolute;width:100%;overflow:visible;top:50%;font-size:12px;padding-top:14px}.nut-range-mark-text{position:absolute;display:inline-block;line-height:16px;color:#999;text-align:center;word-break:keep-all;-webkit-user-select:none;user-select:none;transform:translate(-50%)}.nut-range-tick{position:absolute;top:-20px;width:11px;height:11px;left:0;border-radius:50%;background:var(--nutui-range-inactive-color, var(--nutui-color-primary-light, #ffeae8))}.nut-range-tick.active{background:var(--nutui-range-active-color, var(--nutui-color-primary, #fa2c19))}
package/dist/esm/Rate/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-rate{display:flex}.nut-rate.disabled .nut-rate-item__icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item__icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item__half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item__icon{color:var(--nutui-rate-icon-color, var(--nutui-brand-color, #fa2c19));cursor:pointer}.nut-rate-item__icon--disabled{color:var(--nutui-rate-icon-void-color, var(--nutui-gray-3, #bfbfbf))}.nut-rate-item__icon.nut-rate-item__icon.nut-rate-item__icon--half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item__icon.nut-rate-item__icon:before{position:relative;top:auto;left:auto;transform:none}
1
+ .nut-rate{display:flex}.nut-rate.disabled .nut-rate-item-icon{cursor:not-allowed}.nut-rate.readonly .nut-rate-item-icon{cursor:default}.nut-rate-item{display:flex;flex-shrink:0;position:relative;margin-right:var(--nutui-rate-item-margin, 14px)}.nut-rate-item:last-child{margin-right:0}.nut-rate-item-half{position:absolute;height:100%;width:50%!important;left:0;top:0;overflow:hidden}.nut-rate-item-icon{color:var(--nutui-rate-icon-color, var(--nutui-color-primary, #fa2c19));cursor:pointer}.nut-rate-item-icon-disabled{color:var(--nutui-rate-icon-inactive-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-rate-item-icon.nut-rate-item-icon.nut-rate-item-icon-half{position:absolute;left:0;top:0;overflow:hidden}.nut-rate-item-icon.nut-rate-item-icon:before{position:relative;top:auto;left:auto;transform:none}
package/dist/esm/Rate.js CHANGED
@@ -23,7 +23,7 @@ function _objectSpread(e) {
23
23
  }
24
24
  import React__default, { useState, useEffect } from "react";
25
25
  import classNames from "classnames";
26
- import { StarFillN } from "@nutui/icons-react";
26
+ import { StarFill } from "@nutui/icons-react";
27
27
  import { C as ComponentDefaults } from "./typings.js";
28
28
  import { u as usePropsValue } from "./use-props-value.js";
29
29
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -53,9 +53,9 @@ var Rate = function Rate2(props) {
53
53
  setCountArray(tmp);
54
54
  }, [count]);
55
55
  var renderIcon = function renderIcon2(n) {
56
- return n <= score ? checkedIcon || React__default.createElement(StarFillN, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
56
+ return n <= score ? checkedIcon || React__default.createElement(StarFill, null) : uncheckedIcon || (checkedIcon ? React__default.cloneElement(checkedIcon, {
57
57
  color: void 0
58
- }) : React__default.createElement(StarFillN, null));
58
+ }) : React__default.createElement(StarFill, null));
59
59
  };
60
60
  var _onClick = function onClick(e, index) {
61
61
  e.preventDefault();
@@ -89,9 +89,9 @@ var Rate = function Rate2(props) {
89
89
  return _onClick(event, n);
90
90
  }
91
91
  }, React__default.createElement("div", {
92
- className: classNames("".concat(classPrefix, "-item__icon"), _defineProperty({}, "".concat(classPrefix, "-item__icon--disabled"), disabled || n > score))
92
+ className: classNames("".concat(classPrefix, "-item-icon"), _defineProperty({}, "".concat(classPrefix, "-item-icon-disabled"), disabled || n > score))
93
93
  }, renderIcon(n)), allowHalf && score > n - 1 && React__default.createElement("div", {
94
- className: classNames("".concat(classPrefix, "-item__half"), "".concat(classPrefix, "-item__icon"), "".concat(classPrefix, "-item__icon--half")),
94
+ className: classNames("".concat(classPrefix, "-item-half"), "".concat(classPrefix, "-item-icon"), "".concat(classPrefix, "-item-icon-half")),
95
95
  onClick: function onClick(event) {
96
96
  return onHalfClick(event, n);
97
97
  }
package/dist/esm/SearchBar/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 9px 10px);background:var(--nutui-searchbar-background, #fff);color:var(--nutui-gray-1, #1a1a1a);box-sizing:border-box;justify-content:center}.nut-searchbar__content{flex:1;display:flex;align-items:center;justify-content:center;height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-input-background, #f7f7f7);border-radius:var(--nutui-searchbar-content-border-radius, 2px)}.nut-searchbar__icon{padding:0 5px 0 10px;display:flex;justify-content:center}.nut-searchbar__rightin{display:flex;padding:0 5px}.nut-searchbar__input-box{display:flex;align-items:center;flex:1}.nut-searchbar__input{border:0;outline:0;box-sizing:border-box;width:var(--nutui-searchbar-input-width, 100%);height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);width:100%;padding:var(--nutui-searchbar-input-padding, 0 5px);border-radius:0;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-1, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-1, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar__round{border-radius:var(--nutui-searchbar-input-border-radius, 16px)}.nut-searchbar__disabled{cursor:not-allowed}.nut-searchbar__clear{padding:var(--nutui-searchbar-clear-icon-padding, 0 10px 0 5px)}.nut-searchbar__clear i{color:var(--nutui-gray-1, #1a1a1a)!important}.nut-searchbar .pos-right{right:40px}.nut-searchbar__left{display:flex;padding:var(--nutui-searchbar-left-padding, 0 12px 0 0);font-size:var(--nutui-searchbar-left-fontsize, 12px);color:var(--nutui-searchbar-left-color, var(--nutui-gray-1, #1a1a1a))}.nut-searchbar__right{display:flex;padding:var(--nutui-searchbar-right-padding, 0 0 0 8px);font-size:var(--nutui-searchbar-right-fontsize, 14px);color:var(--nutui-searchbar-right-color, var(--nutui-gray-1, #1a1a1a))}
1
+ .nut-searchbar{display:flex;align-items:center;width:var(--nutui-searchbar-width, 100%);padding:var(--nutui-searchbar-padding, 6px 16px);background:var(--nutui-searchbar-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-searchbar-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));box-sizing:border-box;justify-content:center}.nut-searchbar-content{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--nutui-searchbar-content-padding, 0 12px);height:var(--nutui-searchbar-input-height, 32px);background:var(--nutui-searchbar-content-background, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-searchbar-content-border-radius, 4px)}.nut-searchbar-icon{display:flex;justify-content:center;align-items:center}.nut-searchbar-clear,.nut-searchbar-rightin{width:16px;height:16px;color:var(--nutui-black-5)}.nut-searchbar-left,.nut-searchbar-right{display:flex}.nut-searchbar-left.nut-icon,.nut-searchbar-right.nut-icon{width:20px;height:20px}.nut-searchbar-left{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>*{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>*:last-child{margin-right:0}.nut-searchbar-right{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>*{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>*:first-child{margin-left:0}.nut-searchbar-left>text,.nut-searchbar-left>view{margin-right:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-left>text:last-child,.nut-searchbar-left>view:last-child{margin-right:0}.nut-searchbar-right>text,.nut-searchbar-right>view{margin-left:var(--nutui-searchbar-gap, 16px)}.nut-searchbar-right>text:first-child,.nut-searchbar-right>view:first-child{margin-left:0}.nut-searchbar-input-box{display:flex;align-items:center;flex:1}.nut-searchbar-input{border:0;outline:0;box-sizing:border-box;width:100%;height:var(--nutui-searchbar-input-height, 32px);line-height:var(--nutui-searchbar-input-height, 32px);padding:var(--nutui-searchbar-input-padding, 0 4px);font-size:var(--nutui-searchbar-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-searchbar-input-text-color, var(--nutui-gray-7, #1a1a1a));caret-color:var(--nutui-searchbar-input-curror-color, var(--nutui-gray-7, #1a1a1a));background:transparent;text-align:var(--nutui-searchbar-input-text-align, left)}.nut-searchbar-round{border-radius:var(--nutui-searchbar-content-round-border-radius, 18px)}.nut-searchbar-disabled{cursor:not-allowed}
package/dist/esm/SearchBar.js CHANGED
@@ -22,7 +22,7 @@ function _objectSpread(e) {
22
22
  return e;
23
23
  }
24
24
  import React__default, { useRef, useState, useEffect } from "react";
25
- import { Search, Failure } from "@nutui/icons-react";
25
+ import { Search, ArrowLeft, MaskClose } from "@nutui/icons-react";
26
26
  import { useConfig } from "./ConfigProvider.js";
27
27
  import { C as ComponentDefaults } from "./typings.js";
28
28
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -33,12 +33,13 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
33
33
  clearable: true,
34
34
  readOnly: false,
35
35
  autoFocus: false,
36
+ backable: false,
36
37
  left: "",
37
38
  right: "",
38
39
  rightIn: "",
39
40
  leftIn: React__default.createElement(Search, {
40
- width: "12",
41
- height: "12"
41
+ width: "16",
42
+ height: "16"
42
43
  })
43
44
  });
44
45
  var SearchBar = function SearchBar2(props) {
@@ -48,7 +49,7 @@ var SearchBar = function SearchBar2(props) {
48
49
  var _useState = useState(function() {
49
50
  return props.value;
50
51
  }), _useState2 = _slicedToArray(_useState, 2), value = _useState2[0], setValue = _useState2[1];
51
- var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onInputClick = _defaultProps$props.onInputClick;
52
+ var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), placeholder = _defaultProps$props.placeholder, shape = _defaultProps$props.shape, className = _defaultProps$props.className, disabled = _defaultProps$props.disabled, maxLength = _defaultProps$props.maxLength, clearable = _defaultProps$props.clearable, readOnly = _defaultProps$props.readOnly, autoFocus = _defaultProps$props.autoFocus, backable = _defaultProps$props.backable, right = _defaultProps$props.right, left = _defaultProps$props.left, leftIn = _defaultProps$props.leftIn, rightIn = _defaultProps$props.rightIn, onChange = _defaultProps$props.onChange, onFocus = _defaultProps$props.onFocus, onBlur = _defaultProps$props.onBlur, onClear = _defaultProps$props.onClear, onSearch = _defaultProps$props.onSearch, onInputClick = _defaultProps$props.onInputClick;
52
53
  var forceFocus = function forceFocus2() {
53
54
  var searchSelf = searchRef.current;
54
55
  searchSelf && searchSelf.focus();
@@ -76,7 +77,7 @@ var SearchBar = function SearchBar2(props) {
76
77
  }, [autoFocus]);
77
78
  var renderField = function renderField2() {
78
79
  return React__default.createElement("input", {
79
- className: "".concat(classPrefix, "__input ").concat(clearable ? "".concat(classPrefix, "__input-clear") : ""),
80
+ className: "".concat(classPrefix, "-input ").concat(clearable ? "".concat(classPrefix, "-input-clear") : ""),
80
81
  ref: searchRef,
81
82
  style: _objectSpread({}, props.style),
82
83
  value: value || "",
@@ -106,41 +107,40 @@ var SearchBar = function SearchBar2(props) {
106
107
  if (!leftIn)
107
108
  return null;
108
109
  return React__default.createElement("div", {
109
- className: "".concat(classPrefix, "__leftin ").concat(classPrefix, "__icon")
110
+ className: "".concat(classPrefix, "-leftin ").concat(classPrefix, "-icon")
110
111
  }, leftIn);
111
112
  };
112
113
  var renderLeft = function renderLeft2() {
113
- if (!left)
114
+ if (!backable && !left)
114
115
  return null;
115
116
  return React__default.createElement("div", {
116
- className: "".concat(classPrefix, "__left")
117
- }, left);
117
+ className: "".concat(classPrefix, "-left")
118
+ }, backable ? React__default.createElement(ArrowLeft, {
119
+ width: "20",
120
+ height: "20"
121
+ }) : left);
118
122
  };
119
123
  var renderRightIn = function renderRightIn2() {
120
124
  if (!rightIn)
121
125
  return null;
122
126
  return React__default.createElement("div", {
123
- className: "".concat(classPrefix, "__rightin ").concat(classPrefix, "__icon")
127
+ className: "".concat(classPrefix, "-rightin ").concat(classPrefix, "-icon")
124
128
  }, rightIn);
125
129
  };
126
130
  var renderRight = function renderRight2() {
127
131
  if (!right)
128
132
  return null;
129
133
  return React__default.createElement("div", {
130
- className: "".concat(classPrefix, "__right")
134
+ className: "".concat(classPrefix, "-right")
131
135
  }, right);
132
136
  };
133
137
  var handleClear = function handleClear2() {
134
138
  return React__default.createElement("div", {
135
- className: "".concat(classPrefix, "__clear ").concat(rightIn ? "pos-right" : ""),
139
+ className: "".concat(classPrefix, "-clear ").concat(classPrefix, "-icon"),
136
140
  onClick: function onClick(e) {
137
141
  return clearaVal(e);
138
142
  }
139
- }, React__default.createElement(Failure, {
140
- color: "#555",
141
- width: 12,
142
- height: 12
143
- }));
143
+ }, React__default.createElement(MaskClose, null));
144
144
  };
145
145
  var clearaVal = function clearaVal2(event) {
146
146
  if (disabled || readOnly) {
@@ -160,11 +160,11 @@ var SearchBar = function SearchBar2(props) {
160
160
  }
161
161
  };
162
162
  return React__default.createElement("div", {
163
- className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "__disabled") : "", " ").concat(className || ""),
163
+ className: "".concat(classPrefix, " ").concat(disabled ? "".concat(classPrefix, "-disabled") : "", " ").concat(className || ""),
164
164
  style: _objectSpread({}, props.style)
165
165
  }, renderLeft(), React__default.createElement("div", {
166
- className: "".concat(classPrefix, "__content ").concat(shape === "round" ? "".concat(classPrefix, "__round") : "")
167
- }, renderLeftIn(), renderField(), renderRightIn(), clearable && value && handleClear()), renderRight());
166
+ className: "".concat(classPrefix, "-content ").concat(shape === "round" ? "".concat(classPrefix, "-round") : "")
167
+ }, renderLeftIn(), renderField(), clearable && !value && renderRightIn(), clearable && value && handleClear()), renderRight());
168
168
  };
169
169
  SearchBar.defaultProps = defaultProps;
170
170
  SearchBar.displayName = "NutSearchBar";
package/dist/esm/ShortPassword/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-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:var(--nutui-gray-6, #ffffff);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, 400);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-shortpassword__title{line-height:1;font-size:var(--nutui-font-size-3, 16px);color:var(--nutui-gray-1, #1a1a1a)}.nut-shortpassword__description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-gray-2, #757575)}.nut-shortpassword__input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword__input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword__input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword__input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, rgb(245, 245, 245));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, #ddd);display:flex;position:absolute;left:0}.nut-shortpassword__input-fake__li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword__input-fake__li__icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword__message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword__message__error{line-height:1;font-size:var(--nutui-font-size-0, 10px);color:var(--nutui-shortpassword-error, var(--nutui-brand-color, #fa2c19))}.nut-shortpassword__message__forget{line-height:1;font-size:var(--nutui-font-size-1, 12px);color:var(--nutui-shortpassword-forget, rgb(128, 128, 128));display:flex;align-items:center}.nut-shortpassword__footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword__footer__cancel{background:var(--nutui-gray-6, #ffffff);border:1px solid var(--nutui-brand-color, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-color, #fa2c19)}.nut-shortpassword__footer__sure{background:linear-gradient(135deg,var(--nutui-brand-color, #fa2c19) 0%,var(--nutui-brand-color-end, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-2, 14px);color:var(--nutui-brand-text-color, #ffffff)}
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-shortpassword-title{line-height:1;font-size:var(--nutui-font-size-4, 16px);color:var(--nutui-gray-7, #1a1a1a)}.nut-shortpassword-description{margin-top:12px;margin-bottom:24px;line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-gray-6, #595959)}.nut-shortpassword-input{padding:0 0 10px;text-align:center;position:relative;overflow:hidden}.nut-shortpassword-input-real{position:absolute;right:0;width:247px;height:41px;outline:0 none;border:0;text-decoration:none;z-index:-99}.nut-shortpassword-input-site{width:247px;height:41px;border-radius:4px}.nut-shortpassword-input-fake{top:5%;width:100%;height:41px;margin:0 auto;box-sizing:border-box;background:var(--nutui-shortpassword-background-color, var(--nutui-gray-3, #f6f6f6));border-radius:4px;border:1px solid var(--nutui-shortpassword-border-color, var(--nutui-gray-3, #f6f6f6));display:flex;position:absolute;left:0}.nut-shortpassword-input-fake-li{flex:1;display:flex;justify-content:center;align-items:center}.nut-shortpassword-input-fake-li-icon{height:6px;width:6px;border-radius:50%;background:#000;display:inline-block}.nut-shortpassword-message{margin-top:9px;display:flex;justify-content:space-between;width:247px}.nut-shortpassword-message-error{line-height:1;font-size:var(--nutui-font-size-1, 10px);color:var(--nutui-shortpassword-error, var(--nutui-color-primary, #fa2c19))}.nut-shortpassword-message-forget{line-height:1;font-size:var(--nutui-font-size-2, 12px);color:var(--nutui-shortpassword-forget, var(--nutui-gray-5, #8c8c8c));display:flex;align-items:center}.nut-shortpassword-footer{display:flex;justify-content:space-between;margin-top:20px}.nut-shortpassword-footer-cancel{background:#ffffff;border:1px solid var(--nutui-color-primary, #fa2c19);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary, #fa2c19)}.nut-shortpassword-footer-sure{background:linear-gradient(135deg,var(--nutui-color-primary, #fa2c19) 0%,var(--nutui-color-primary-stop-2, #fa2c19) 100%);border-radius:15px;padding:8px 38px;line-height:1;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-color-primary-text, #ffffff)}
package/dist/esm/ShortPassword.js CHANGED
@@ -82,29 +82,29 @@ var ShortPassword = function ShortPassword2(props) {
82
82
  className: classNames(classPrefix, className),
83
83
  style
84
84
  }, React__default.createElement("div", {
85
- className: "".concat(classPrefix, "__title")
85
+ className: "".concat(classPrefix, "-title")
86
86
  }, title || locale.shortpassword.title), React__default.createElement("div", {
87
- className: "".concat(classPrefix, "__description")
87
+ className: "".concat(classPrefix, "-description")
88
88
  }, description || locale.shortpassword.description), React__default.createElement("div", {
89
- className: "".concat(classPrefix, "__input"),
89
+ className: "".concat(classPrefix, "-input"),
90
90
  onClick: onFocus
91
91
  }, React__default.createElement("div", {
92
- className: "".concat(classPrefix, "__input-site")
92
+ className: "".concat(classPrefix, "-input-site")
93
93
  }), React__default.createElement("div", {
94
- className: "".concat(classPrefix, "__input-fake")
94
+ className: "".concat(classPrefix, "-input-fake")
95
95
  }, _toConsumableArray(new Array(comLen).keys()).map(function(item, index) {
96
96
  return React__default.createElement("div", {
97
- className: "".concat(classPrefix, "__input-fake__li"),
97
+ className: "".concat(classPrefix, "-input-fake-li"),
98
98
  key: index
99
99
  }, inputValue.length > index && React__default.createElement(React__default.Fragment, null, plain ? inputValue[index] : React__default.createElement("div", {
100
- className: "".concat(classPrefix, "__input-fake__li__icon")
100
+ className: "".concat(classPrefix, "-input-fake-li-icon")
101
101
  })));
102
102
  }))), React__default.createElement("div", {
103
- className: "".concat(classPrefix, "__message")
103
+ className: "".concat(classPrefix, "-message")
104
104
  }, React__default.createElement("div", {
105
- className: "".concat(classPrefix, "__message__error")
105
+ className: "".concat(classPrefix, "-message-error")
106
106
  }, error), React__default.createElement("div", {
107
- className: "".concat(classPrefix, "__message__forget"),
107
+ className: "".concat(classPrefix, "-message-forget"),
108
108
  onClick: onTips
109
109
  }, tips || React__default.createElement(React__default.Fragment, null, React__default.createElement(Tips, {
110
110
  width: 11,
@@ -113,12 +113,12 @@ var ShortPassword = function ShortPassword2(props) {
113
113
  marginRight: "3px"
114
114
  }
115
115
  }), locale.shortpassword.tips))), !hideFooter && React__default.createElement("div", {
116
- className: "".concat(classPrefix, "__footer")
116
+ className: "".concat(classPrefix, "-footer")
117
117
  }, React__default.createElement("div", {
118
- className: "".concat(classPrefix, "__footer__cancel"),
118
+ className: "".concat(classPrefix, "-footer-cancel"),
119
119
  onClick: onCancel
120
120
  }, locale.cancel), React__default.createElement("div", {
121
- className: "".concat(classPrefix, "__footer__sure"),
121
+ className: "".concat(classPrefix, "-footer-sure"),
122
122
  onClick: sure
123
123
  }, locale.confirm))));
124
124
  };
package/dist/esm/SideNavBar/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-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:var(--nutui-gray-6, #ffffff);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, 400);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-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, var(--nutui-gray-6, #ffffff))}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid #909ca4;border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar__title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-4, #f4f4f4));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-1, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar__content{position:relative;display:block}.nut-sidenavbar__list.sidenavbar-show .nut-sidenavbar__content{height:auto;overflow:inherit}.nut-sidenavbar__list.sidenavbar-hide .nut-sidenavbar__content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
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-sidenavbar{color:#1d1d21;font-size:14px;height:100%;overflow:auto;display:block;background-color:var(--nutui-sidenavbar-content-bg-color, #ffffff)}.nut-sidenavbar .arrow-icon{position:absolute;width:0;height:0;right:16px;top:18px;cursor:pointer}.nut-sidenavbar .arrow-down{border-top:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar .arrow-up{border-bottom:4px solid var(--nutui-gray-5, #8c8c8c);border-left:4px solid transparent;border-right:4px solid transparent}.nut-sidenavbar-title{height:var(--nutui-sidenavbar-item-height, 40px);padding:var(--nutui-sidenavbar-title-padding, 10px 8px 10px 20px);background:var(--nutui-sidenavbar-title-background, var(--nutui-gray-3, #f6f6f6));color:var(--nutui-sidenavbar-title-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;transition:transform .5s}.nut-sidenavbar-content{position:relative;display:block}.nut-sidenavbar-list.sidenavbar-show .nut-sidenavbar-content{height:auto;overflow:inherit}.nut-sidenavbar-list.sidenavbar-hide .nut-sidenavbar-content{height:0;overflow:hidden}.nut-sidenavbar .nut-subsidenavbar-border-bt{position:relative}.nut-sidenavbar .nut-subsidenavbar-border-bt:after{content:"";position:absolute;width:100%;height:1px;background:#eeeff2;transform:scaleY(.5);left:0;bottom:0}
package/dist/esm/SideNavBar.js CHANGED
@@ -46,12 +46,12 @@ var SideNavBar = function SideNavBar2(props) {
46
46
  }, React__default.createElement("div", _objectSpread({
47
47
  className: classNames(classPrefix, className)
48
48
  }, rest), React__default.createElement("div", {
49
- className: "".concat(classPrefix, "__content")
49
+ className: "".concat(classPrefix, "-content")
50
50
  }, React__default.createElement("div", {
51
- className: "".concat(classPrefix, "__list sidenavbar-show"),
51
+ className: "".concat(classPrefix, "-list sidenavbar-show"),
52
52
  onClick: handleClick
53
53
  }, React__default.createElement("div", {
54
- className: "".concat(classPrefix, "__title ").concat(classPrefix, "-border-bt"),
54
+ className: "".concat(classPrefix, "-title ").concat(classPrefix, "-border-bt"),
55
55
  style: {
56
56
  paddingLeft: "".concat(indent, "px")
57
57
  }
@@ -60,7 +60,7 @@ var SideNavBar = function SideNavBar2(props) {
60
60
  })), React__default.createElement(OffsetContext.Provider, {
61
61
  value: indent
62
62
  }, React__default.createElement("div", {
63
- className: "".concat(classPrefix, "__content")
63
+ className: "".concat(classPrefix, "-content")
64
64
  }, children))))));
65
65
  };
66
66
  SideNavBar.defaultProps = defaultProps;
package/dist/esm/SideNavBarItem/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-subsidenavbar__item{height:var(--nutui-sidenavbar-item-height, 40px);color:var(--nutui-sidenavbar-sub-item-color, var(--nutui-gray-2, #757575));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box}.nut-subsidenavbar__list{background-color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #ffffff));color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-2, #757575))}
1
+ .nut-subsidenavbar-item{height:var(--nutui-sidenavbar-item-height, 40px);color:var(--nutui-sidenavbar-sub-item-color, var(--nutui-gray-6, #595959));padding:var(--nutui-sidenavbar-sub-item-padding, 10px 8px 10px 55px);box-sizing:border-box}.nut-subsidenavbar-list{background-color:var(--nutui-sidenavbar-sub-list-background, #ffffff);color:var(--nutui-sidenavbar-sub-list-background, var(--nutui-gray-6, #595959))}
package/dist/esm/SideNavBarItem.js CHANGED
@@ -34,7 +34,7 @@ var SideNavBarItem = function SideNavBarItem2(props) {
34
34
  });
35
35
  };
36
36
  return React__default.createElement("div", _objectSpread({
37
- className: "".concat(classPrefix, "__item ").concat(classPrefix, "-border-bt"),
37
+ className: "".concat(classPrefix, "-item ").concat(classPrefix, "-border-bt"),
38
38
  onClick: clickFn
39
39
  }, rest), title);
40
40
  };
package/dist/esm/Signature/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-signature__inner{display:flex;justify-content:center;align-items:center;height:var(--nutui-signature-height, 10rem);border:var(--nutui-signature-border-width, 1px) solid var(--nutui-signature-border-color, var(--nutui-gray-9, rgba(0, 0, 0, .08)));background-color:var(--nutui-signature-background-color, var(--nutui-gray-6, #ffffff))}.nut-signature__unsupport{font-size:var(--nutui-signature-font-size, var(--nutui-font-size-2, 14px))}
1
+ .nut-signature .spcanvas_WEAPP{width:100%;height:100%}.nut-signature .spcanvas_WEAPP Canvas{width:100%}.nut-signature-inner{display:flex;justify-content:center;align-items:center;height:var(--nutui-signature-height, 10rem);border:var(--nutui-signature-border-width, 1px) solid var(--nutui-signature-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));background-color:var(--nutui-signature-background-color, var(--nutui-gray-1, #ffffff))}.nut-signature-unsupport{font-size:var(--nutui-signature-font-size, var(--nutui-font-size-3, 14px))}
package/dist/esm/Signature.js CHANGED
@@ -30,7 +30,7 @@ import { c as canUseDom } from "./can-use-dom.js";
30
30
  var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
31
31
  type: "png",
32
32
  lineWidth: 2,
33
- strokeStyle: "#000",
33
+ strokeStyle: "#1a1a1a",
34
34
  unsupported: ""
35
35
  });
36
36
  var InternalSignature = function InternalSignature2(props, ref) {
@@ -138,14 +138,14 @@ var InternalSignature = function InternalSignature2(props, ref) {
138
138
  className: "".concat(classPrefix, " ").concat(className),
139
139
  style
140
140
  }, rest), React__default.createElement("div", {
141
- className: "".concat(classPrefix, "__inner"),
141
+ className: "".concat(classPrefix, "-inner"),
142
142
  ref: wrapRef
143
143
  }, React__default.createElement(React__default.Fragment, null, isCanvasSupported ? React__default.createElement("canvas", {
144
144
  ref: canvasRef,
145
145
  height: canvasHeight,
146
146
  width: canvasWidth
147
147
  }) : unsupported ? React__default.createElement(React__default.Fragment, null, unsupported) : React__default.createElement("p", {
148
- className: "".concat(classPrefix, "__unsupport")
148
+ className: "".concat(classPrefix, "-unsupport")
149
149
  }, locale.signature.unsupported))));
150
150
  };
151
151
  var Signature = React__default.forwardRef(InternalSignature);
package/dist/esm/Skeleton/style/style.css CHANGED
@@ -1 +1 @@
1
- .nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f7f8fa;background-size:100% 100%}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon__img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton__content{display:flex}.nut-skeleton__content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, rgb(239, 239, 239))!important}.nut-skeleton__content .nut-skeleton__block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton__content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton__content-line .nut-skeleton__title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, rgb(239, 239, 239))}.nut-skeleton__content-line .nut-skeleton__block:last-child{width:70%}.nut-skeleton__animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0) 80%);background-repeat:no-repeat;animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}
1
+ .nut-avatar-group{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto}.nut-avatar-group .nut-avatar{border:1px solid #fff}.nut-avatar-group .nut-avatar:not(:first-of-type){margin-left:-8px}.nut-image{display:block;position:relative}.nut-image .nut-img{display:block;width:100%;height:100%}.nut-image.nut-image-round{border-radius:50%;overflow:hidden}.nut-image .nut-img-loading,.nut-image .nut-img-error{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--nutui-gray-3, #f6f6f6);background-size:100% 100%}.nut-avatar{background-size:100% 100%;background-repeat:no-repeat;background-position:center center;display:inline-block;position:relative;flex:0 0 auto;text-align:center}.nut-avatar .avatar-img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);flex-shrink:0}.nut-avatar .icon{background-size:100% 100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nut-avatar .nut-icon-img{width:100%;height:100%}.nut-avatar .text{display:inline-block;width:100%;height:100%;text-align:center;overflow:hidden}.nut-avatar-large{width:var(--nutui-avatar-large-width, 60px);height:var(--nutui-avatar-large-height, 60px);line-height:var(--nutui-avatar-large-height, 60px)}.nut-avatar-small{width:var(--nutui-avatar-small-width, 32px);height:var(--nutui-avatar-small-height, 32px);line-height:var(--nutui-avatar-small-height, 32px)}.nut-avatar-normal{width:var(--nutui-avatar-normal-width, 40px);height:var(--nutui-avatar-normal-height, 40px);line-height:var(--nutui-avatar-normal-height, 40px)}.nut-avatar-round{border-radius:50%;overflow:hidden}.nut-avatar-square{border-radius:var(--nutui-avatar-square, 5px)}.nut-skeleton{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;width:100%}.nut-skeleton-content{display:flex}.nut-skeleton-content .avatar{margin-right:20px;background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))!important}.nut-skeleton-content .nut-skeleton-block{width:var(--nutui-skeleton-line-width, 100%);height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6));margin-top:10px;border-radius:var(--nutui-skeleton-line-border-radius, 0)}.nut-skeleton-content-line{width:100%;display:flex;flex-direction:column}.nut-skeleton-content-line .nut-skeleton-title{width:30%;height:var(--nutui-skeleton-line-height, 15px);background:var(--nutui-skeleton-background, var(--nutui-gray-3, #f6f6f6))}.nut-skeleton-content-line .nut-skeleton-block:last-child{width:70%}.nut-skeleton-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(90deg,var(--nutui-white-1),var(--nutui-white-8) 50%,var(--nutui-white-1) 80%);background-repeat:no-repeat;animation:nut-skeleton 2s ease-in-out 0s infinite}@keyframes nut-skeleton{0%{background-position-x:-500px}to{background-position-x:calc(500px + 100%)}}
package/dist/esm/Skeleton.js CHANGED
@@ -41,7 +41,7 @@ var Skeleton = function Skeleton2(props) {
41
41
  var classes = classNames(classPrefix, className);
42
42
  var avatarClass = classNames(_defineProperty({
43
43
  avatar: true
44
- }, "avatar--".concat(avatarShape), avatarShape));
44
+ }, "avatar-".concat(avatarShape), avatarShape));
45
45
  var repeatLines = function repeatLines2(num) {
46
46
  return Array.from({
47
47
  length: num
@@ -64,23 +64,23 @@ var Skeleton = function Skeleton2(props) {
64
64
  return React__default.createElement(React__default.Fragment, null, visible ? React__default.createElement("div", null, children) : React__default.createElement("div", _objectSpread({
65
65
  className: classes
66
66
  }, rest), animated && React__default.createElement("div", {
67
- className: "".concat(classPrefix, "__animation")
67
+ className: "".concat(classPrefix, "-animation")
68
68
  }), React__default.createElement("div", {
69
- className: "".concat(classPrefix, "__content")
69
+ className: "".concat(classPrefix, "-content")
70
70
  }, avatar && React__default.createElement(Avatar, {
71
71
  className: avatarClass,
72
72
  shape: avatarShape,
73
73
  style: getStyle(),
74
74
  icon: "null"
75
75
  }), rows === 1 ? React__default.createElement("div", {
76
- className: "".concat(classPrefix, "__block")
76
+ className: "".concat(classPrefix, "-block")
77
77
  }) : React__default.createElement("div", {
78
- className: "".concat(classPrefix, "__content-line")
78
+ className: "".concat(classPrefix, "-content-line")
79
79
  }, title && React__default.createElement("div", {
80
- className: "".concat(classPrefix, "__title")
80
+ className: "".concat(classPrefix, "-title")
81
81
  }), repeatLines(rows).map(function(item, index) {
82
82
  return React__default.createElement("div", {
83
- className: "".concat(classPrefix, "__block"),
83
+ className: "".concat(classPrefix, "-block"),
84
84
  key: index
85
85
  });
86
86
  })))));