@nutui/nutui-react 3.0.0-beta.1 → 3.0.0-beta.10

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 (626) hide show
  1. package/README.md +39 -9
  2. package/dist/cjs/packages/actionsheet/actionsheet.js +6 -3
  3. package/dist/cjs/packages/actionsheet/style/actionsheet.scss +10 -4
  4. package/dist/cjs/packages/actionsheet/style/style.css +58 -84
  5. package/dist/cjs/packages/address/address.js +9 -6
  6. package/dist/cjs/packages/address/style/style.css +126 -193
  7. package/dist/cjs/packages/animate/style/animate.scss +0 -3
  8. package/dist/cjs/packages/animate/style/style.css +4 -3
  9. package/dist/cjs/packages/animatingnumbers/countup.js +7 -6
  10. package/dist/cjs/packages/animatingnumbers/style/style.css +16 -6
  11. package/dist/cjs/packages/audio/style/style.css +123 -97
  12. package/dist/cjs/packages/avatar/style/avatar.scss +7 -60
  13. package/dist/cjs/packages/avatar/style/style.css +11 -45
  14. package/dist/cjs/packages/avatarcropper/style/style.css +4 -0
  15. package/dist/cjs/packages/avatargroup/style/style.css +4 -0
  16. package/dist/cjs/packages/backtop/backtop.d.ts +2 -2
  17. package/dist/cjs/packages/backtop/backtop.js +14 -21
  18. package/dist/cjs/packages/backtop/style/backtop.scss +8 -17
  19. package/dist/cjs/packages/backtop/style/style.css +12 -14
  20. package/dist/cjs/packages/badge/badge.d.ts +2 -12
  21. package/dist/cjs/packages/badge/badge.js +14 -23
  22. package/dist/cjs/packages/badge/index.d.ts +1 -1
  23. package/dist/cjs/packages/badge/style/badge.scss +62 -41
  24. package/dist/cjs/packages/badge/style/style.css +70 -41
  25. package/dist/cjs/packages/badge/types.d.ts +12 -0
  26. package/dist/cjs/packages/badge/types.js +4 -0
  27. package/dist/cjs/packages/barrage/style/style.css +6 -2
  28. package/dist/cjs/packages/button/style/button.scss +48 -23
  29. package/dist/cjs/packages/button/style/style.css +110 -84
  30. package/dist/cjs/packages/calendar/style/style.css +56 -89
  31. package/dist/cjs/packages/calendarcard/calendarcard.js +8 -3
  32. package/dist/cjs/packages/calendarcard/style/calendarcard.scss +25 -4
  33. package/dist/cjs/packages/calendarcard/style/style.css +40 -11
  34. package/dist/cjs/packages/calendaritem/style/style.css +4 -0
  35. package/dist/cjs/packages/card/style/card.scss +3 -18
  36. package/dist/cjs/packages/card/style/style.css +50 -36
  37. package/dist/cjs/packages/cascader/cascader.js +1 -1
  38. package/dist/cjs/packages/cascader/style/style.css +108 -178
  39. package/dist/cjs/packages/cell/cell.d.ts +2 -12
  40. package/dist/cjs/packages/cell/index.d.ts +1 -1
  41. package/dist/cjs/packages/cell/style/style.css +14 -10
  42. package/dist/cjs/packages/cell/types.d.ts +12 -0
  43. package/dist/cjs/packages/cell/types.js +4 -0
  44. package/dist/cjs/packages/cellgroup/style/style.css +7 -3
  45. package/dist/cjs/packages/checkbox/checkbox.d.ts +1 -4
  46. package/dist/cjs/packages/checkbox/checkbox.js +0 -2
  47. package/dist/cjs/packages/checkbox/index.d.ts +7 -2
  48. package/dist/cjs/packages/checkbox/index.js +4 -1
  49. package/dist/cjs/packages/checkbox/style/checkbox.scss +5 -0
  50. package/dist/cjs/packages/checkbox/style/style.css +48 -29
  51. package/dist/cjs/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  52. package/dist/cjs/packages/checkboxgroup/style/style.css +21 -7
  53. package/dist/cjs/packages/circleprogress/style/style.css +7 -3
  54. package/dist/cjs/packages/col/style/style.css +4 -0
  55. package/dist/cjs/packages/collapse/style/style.css +15 -11
  56. package/dist/cjs/packages/collapseitem/style/style.css +15 -11
  57. package/dist/cjs/packages/configprovider/style/style.css +4 -0
  58. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  59. package/dist/cjs/packages/countdown/countdown.d.ts +2 -20
  60. package/dist/cjs/packages/countdown/countdown.js +3 -2
  61. package/dist/cjs/packages/countdown/index.d.ts +1 -1
  62. package/dist/cjs/packages/countdown/style/countdown.scss +29 -4
  63. package/dist/cjs/packages/countdown/style/style.css +44 -17
  64. package/dist/cjs/packages/countdown/types.d.ts +26 -0
  65. package/dist/cjs/packages/countdown/types.js +4 -0
  66. package/dist/cjs/packages/countup/style/countup.scss +11 -5
  67. package/dist/cjs/packages/countup/style/style.css +16 -6
  68. package/dist/cjs/packages/datepicker/style/style.css +52 -85
  69. package/dist/cjs/packages/dialog/dialog.js +16 -6
  70. package/dist/cjs/packages/dialog/style/dialog.scss +37 -21
  71. package/dist/cjs/packages/dialog/style/style.css +152 -112
  72. package/dist/cjs/packages/divider/style/style.css +8 -4
  73. package/dist/cjs/packages/drag/style/style.css +4 -0
  74. package/dist/cjs/packages/elevator/style/elevator.scss +7 -4
  75. package/dist/cjs/packages/elevator/style/style.css +18 -11
  76. package/dist/cjs/packages/ellipsis/style/style.css +4 -0
  77. package/dist/cjs/packages/empty/empty.js +1 -1
  78. package/dist/cjs/packages/empty/style/empty.scss +9 -5
  79. package/dist/cjs/packages/empty/style/style.css +18 -9
  80. package/dist/cjs/packages/fixednav/style/style.css +13 -9
  81. package/dist/cjs/packages/form/style/style.css +23 -17
  82. package/dist/cjs/packages/formitem/style/formitem.scss +2 -0
  83. package/dist/cjs/packages/formitem/style/style.css +10 -4
  84. package/dist/cjs/packages/grid/grid.js +2 -6
  85. package/dist/cjs/packages/grid/style/grid.scss +2 -2
  86. package/dist/cjs/packages/grid/style/style.css +19 -13
  87. package/dist/cjs/packages/griditem/griditem.js +12 -6
  88. package/dist/cjs/packages/griditem/style/griditem.scss +6 -4
  89. package/dist/cjs/packages/griditem/style/style.css +16 -10
  90. package/dist/cjs/packages/hoverbutton/hoverbutton.js +2 -1
  91. package/dist/cjs/packages/hoverbutton/style/style.css +40 -15
  92. package/dist/cjs/packages/hoverbutton/utils.d.ts +1 -0
  93. package/dist/cjs/packages/hoverbutton/utils.js +11 -0
  94. package/dist/cjs/packages/hoverbuttonitem/hoverbuttonitem.js +17 -8
  95. package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +28 -3
  96. package/dist/cjs/packages/hoverbuttonitem/style/style.css +36 -11
  97. package/dist/cjs/packages/hoverbuttonitem/utils.d.ts +2 -0
  98. package/dist/cjs/packages/hoverbuttonitem/utils.js +18 -0
  99. package/dist/cjs/packages/image/style/style.css +6 -2
  100. package/dist/cjs/packages/imagepreview/style/imagepreview.scss +11 -0
  101. package/dist/cjs/packages/imagepreview/style/style.css +153 -98
  102. package/dist/cjs/packages/indicator/indicator.d.ts +4 -0
  103. package/dist/cjs/packages/indicator/indicator.js +39 -10
  104. package/dist/cjs/packages/indicator/style/indicator.scss +127 -14
  105. package/dist/cjs/packages/indicator/style/style.css +103 -22
  106. package/dist/cjs/packages/infiniteloading/style/infiniteloading.scss +1 -1
  107. package/dist/cjs/packages/infiniteloading/style/style.css +8 -4
  108. package/dist/cjs/packages/input/input.d.ts +1 -0
  109. package/dist/cjs/packages/input/input.js +7 -3
  110. package/dist/cjs/packages/input/style/input.scss +27 -12
  111. package/dist/cjs/packages/input/style/style.css +25 -11
  112. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +19 -16
  113. package/dist/cjs/packages/inputnumber/style/style.css +26 -20
  114. package/dist/cjs/packages/layout/style/style.css +4 -0
  115. package/dist/cjs/packages/loading/index.d.ts +1 -1
  116. package/dist/cjs/packages/loading/loading.d.ts +3 -10
  117. package/dist/cjs/packages/loading/loading.js +45 -12
  118. package/dist/cjs/packages/loading/style/loading.scss +7 -1
  119. package/dist/cjs/packages/loading/style/style.css +13 -3
  120. package/dist/cjs/packages/loading/types.d.ts +13 -0
  121. package/dist/cjs/packages/loading/types.js +4 -0
  122. package/dist/cjs/packages/lottie/index.d.ts +3 -0
  123. package/dist/cjs/packages/{popup/index.rn.js → lottie/index.js} +2 -2
  124. package/dist/cjs/packages/lottie/style/css.js +1 -0
  125. package/dist/cjs/packages/lottie/style/index.js +1 -0
  126. package/dist/cjs/packages/lottie/style/lottie.scss +0 -0
  127. package/dist/cjs/packages/lottie/style/style.css +4 -0
  128. package/dist/cjs/packages/lottie/types.d.ts +11 -0
  129. package/dist/cjs/packages/lottie/types.js +6 -0
  130. package/dist/cjs/packages/lottie/web.d.ts +3 -0
  131. package/dist/cjs/packages/lottie/web.js +34 -0
  132. package/dist/cjs/packages/menu/style/style.css +18 -14
  133. package/dist/cjs/packages/menuitem/style/style.css +14 -10
  134. package/dist/cjs/packages/navbar/navbar.d.ts +1 -1
  135. package/dist/cjs/packages/navbar/navbar.js +20 -65
  136. package/dist/cjs/packages/navbar/style/navbar.scss +48 -111
  137. package/dist/cjs/packages/navbar/style/style.css +50 -105
  138. package/dist/cjs/packages/noticebar/style/style.css +4 -0
  139. package/dist/cjs/packages/notify/style/style.css +8 -4
  140. package/dist/cjs/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  141. package/dist/cjs/packages/numberkeyboard/style/style.css +62 -83
  142. package/dist/cjs/packages/nutui.react.build.d.ts +7 -1
  143. package/dist/cjs/packages/nutui.react.build.js +12 -0
  144. package/dist/cjs/packages/nutui.react.d.ts +10 -1
  145. package/dist/cjs/packages/nutui.react.js +15 -0
  146. package/dist/cjs/packages/nutui.react.scss.d.ts +3 -0
  147. package/dist/cjs/packages/nutui.react.scss.js +3 -0
  148. package/dist/cjs/packages/overlay/style/overlay.scss +6 -6
  149. package/dist/cjs/packages/overlay/style/style.css +11 -7
  150. package/dist/cjs/packages/pagination/pagination.js +2 -0
  151. package/dist/cjs/packages/pagination/style/pagination.scss +6 -12
  152. package/dist/cjs/packages/pagination/style/style.css +20 -22
  153. package/dist/cjs/packages/picker/style/style.css +52 -85
  154. package/dist/cjs/packages/popover/popover.js +17 -14
  155. package/dist/cjs/packages/popover/style/popover.scss +47 -65
  156. package/dist/cjs/packages/popover/style/style.css +93 -136
  157. package/dist/cjs/packages/popup/popup.js +24 -23
  158. package/dist/cjs/packages/popup/style/popup.scss +24 -59
  159. package/dist/cjs/packages/popup/style/style.css +41 -74
  160. package/dist/cjs/packages/price/index.d.ts +1 -1
  161. package/dist/cjs/packages/price/price.d.ts +1 -10
  162. package/dist/cjs/packages/price/price.js +9 -9
  163. package/dist/cjs/packages/price/style/price.scss +49 -9
  164. package/dist/cjs/packages/price/style/style.css +39 -16
  165. package/dist/cjs/packages/price/types.d.ts +13 -0
  166. package/dist/cjs/packages/price/types.js +4 -0
  167. package/dist/cjs/packages/progress/progress.js +1 -1
  168. package/dist/cjs/packages/progress/style/progress.scss +2 -2
  169. package/dist/cjs/packages/progress/style/style.css +9 -4
  170. package/dist/cjs/packages/pulltorefresh/pulltorefresh.js +1 -1
  171. package/dist/cjs/packages/pulltorefresh/style/pulltorefresh.scss +1 -1
  172. package/dist/cjs/packages/pulltorefresh/style/style.css +6 -2
  173. package/dist/cjs/packages/radio/index.d.ts +8 -2
  174. package/dist/cjs/packages/radio/index.js +6 -1
  175. package/dist/cjs/packages/radio/radio.d.ts +1 -4
  176. package/dist/cjs/packages/radio/radio.js +0 -2
  177. package/dist/cjs/packages/radio/style/radio.scss +4 -0
  178. package/dist/cjs/packages/radio/style/style.css +26 -19
  179. package/dist/cjs/packages/radiogroup/radiogroup.js +1 -1
  180. package/dist/cjs/packages/radiogroup/style/style.css +10 -6
  181. package/dist/cjs/packages/range/style/style.css +14 -10
  182. package/dist/cjs/packages/rate/index.d.ts +1 -1
  183. package/dist/cjs/packages/rate/rate.d.ts +2 -16
  184. package/dist/cjs/packages/rate/rate.js +7 -3
  185. package/dist/cjs/packages/rate/style/rate.scss +101 -10
  186. package/dist/cjs/packages/rate/style/style.css +89 -9
  187. package/dist/cjs/packages/rate/types.d.ts +18 -0
  188. package/dist/cjs/packages/rate/types.js +4 -0
  189. package/dist/cjs/packages/resultpage/resultpage.js +23 -17
  190. package/dist/cjs/packages/resultpage/style/resultpage.scss +5 -3
  191. package/dist/cjs/packages/resultpage/style/style.css +16 -10
  192. package/dist/cjs/packages/resultpage/types.d.ts +1 -1
  193. package/dist/cjs/packages/row/style/style.css +4 -0
  194. package/dist/cjs/packages/safearea/style/safearea.scss +1 -1
  195. package/dist/cjs/packages/safearea/style/style.css +5 -1
  196. package/dist/cjs/packages/searchbar/style/searchbar.scss +10 -7
  197. package/dist/cjs/packages/searchbar/style/style.css +20 -13
  198. package/dist/cjs/packages/segmented/index.d.ts +3 -0
  199. package/dist/cjs/packages/segmented/index.js +12 -0
  200. package/dist/cjs/packages/segmented/segmented.d.ts +3 -0
  201. package/dist/cjs/packages/segmented/segmented.js +75 -0
  202. package/dist/cjs/packages/segmented/style/css.js +1 -0
  203. package/dist/cjs/packages/segmented/style/index.js +1 -0
  204. package/dist/cjs/packages/segmented/style/segmented.scss +38 -0
  205. package/dist/cjs/packages/segmented/style/style.css +42 -0
  206. package/dist/cjs/packages/segmented/types.d.ts +15 -0
  207. package/dist/cjs/packages/segmented/types.js +4 -0
  208. package/dist/cjs/packages/shortpassword/style/style.css +52 -85
  209. package/dist/cjs/packages/sidebar/index.d.ts +3 -0
  210. package/dist/cjs/packages/sidebar/index.js +12 -0
  211. package/dist/cjs/packages/sidebar/sidebar.d.ts +6 -0
  212. package/dist/cjs/packages/sidebar/sidebar.js +173 -0
  213. package/dist/cjs/packages/sidebar/style/css.js +1 -0
  214. package/dist/cjs/packages/sidebar/style/index.js +3 -0
  215. package/dist/cjs/packages/sidebar/style/sidebar.scss +61 -0
  216. package/dist/cjs/packages/sidebar/style/style.css +79 -0
  217. package/dist/cjs/packages/sidebar/types.d.ts +16 -0
  218. package/dist/cjs/packages/sidebar/types.js +4 -0
  219. package/dist/cjs/packages/sidebar/utils.d.ts +3 -0
  220. package/dist/cjs/packages/sidebar/utils.js +23 -0
  221. package/dist/cjs/packages/sidebaritem/index.d.ts +3 -0
  222. package/dist/cjs/packages/sidebaritem/index.js +12 -0
  223. package/dist/cjs/packages/sidebaritem/sidebaritem.d.ts +9 -0
  224. package/dist/cjs/packages/sidebaritem/sidebaritem.js +29 -0
  225. package/dist/cjs/packages/sidebaritem/style/css.js +1 -0
  226. package/dist/cjs/packages/sidebaritem/style/index.js +1 -0
  227. package/dist/cjs/packages/sidebaritem/style/sidebaritem.scss +16 -0
  228. package/dist/cjs/packages/sidebaritem/style/style.css +19 -0
  229. package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts +3 -0
  230. package/dist/cjs/packages/sidenavbar/sidenavbar.js +5 -1
  231. package/dist/cjs/packages/sidenavbar/style/style.css +45 -78
  232. package/dist/cjs/packages/sidenavbaritem/style/style.css +6 -2
  233. package/dist/cjs/packages/signature/style/style.css +6 -2
  234. package/dist/cjs/packages/skeleton/style/style.css +14 -48
  235. package/dist/cjs/packages/space/style/style.css +4 -0
  236. package/dist/cjs/packages/step/style/style.css +26 -22
  237. package/dist/cjs/packages/steps/style/style.css +26 -22
  238. package/dist/cjs/packages/sticky/style/style.css +4 -0
  239. package/dist/cjs/packages/subsidenavbar/style/style.css +6 -2
  240. package/dist/cjs/packages/swipe/style/style.css +4 -0
  241. package/dist/cjs/packages/swiper/style/style.css +103 -22
  242. package/dist/cjs/packages/swiperitem/style/style.css +4 -0
  243. package/dist/cjs/packages/switch/style/style.css +52 -32
  244. package/dist/cjs/packages/switch/style/switch.scss +45 -29
  245. package/dist/cjs/packages/switch/switch.d.ts +2 -2
  246. package/dist/cjs/packages/switch/switch.js +3 -11
  247. package/dist/cjs/packages/tabbar/style/style.css +88 -47
  248. package/dist/cjs/packages/tabbaritem/style/style.css +87 -46
  249. package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss +15 -3
  250. package/dist/cjs/packages/tabbaritem/tabbaritem.js +1 -1
  251. package/dist/cjs/packages/table/style/style.css +15 -11
  252. package/dist/cjs/packages/tabpane/style/style.css +5 -1
  253. package/dist/cjs/packages/tabs/style/style.css +66 -99
  254. package/dist/cjs/packages/tabs/style/tabs.scss +69 -107
  255. package/dist/cjs/packages/tag/style/style.css +10 -5
  256. package/dist/cjs/packages/tag/style/tag.scss +1 -0
  257. package/dist/cjs/packages/textarea/style/style.css +34 -19
  258. package/dist/cjs/packages/textarea/style/textarea.scss +43 -16
  259. package/dist/cjs/packages/textarea/textarea.d.ts +2 -0
  260. package/dist/cjs/packages/textarea/textarea.js +9 -7
  261. package/dist/cjs/packages/timedetail/style/style.css +10 -4
  262. package/dist/cjs/packages/timedetail/style/timedetail.scss +2 -0
  263. package/dist/cjs/packages/timeselect/style/style.css +52 -83
  264. package/dist/cjs/packages/timeselect/timeselect.js +1 -4
  265. package/dist/cjs/packages/toast/Notification.js +14 -25
  266. package/dist/cjs/packages/toast/style/index.js +1 -0
  267. package/dist/cjs/packages/toast/style/style.css +131 -38
  268. package/dist/cjs/packages/toast/style/toast.scss +76 -54
  269. package/dist/cjs/packages/toast/toast.js +2 -2
  270. package/dist/cjs/packages/tour/style/style.css +97 -140
  271. package/dist/cjs/packages/trendarrow/style/style.css +7 -2
  272. package/dist/cjs/packages/trendarrow/style/trendarrow.scss +2 -1
  273. package/dist/cjs/packages/uploader/index.d.ts +1 -1
  274. package/dist/cjs/packages/uploader/preview.js +13 -14
  275. package/dist/cjs/packages/uploader/style/style.css +20 -15
  276. package/dist/cjs/packages/uploader/types.d.ts +17 -0
  277. package/dist/cjs/packages/uploader/types.js +4 -0
  278. package/dist/cjs/packages/uploader/uploader.d.ts +5 -28
  279. package/dist/cjs/packages/uploader/uploader.js +241 -220
  280. package/dist/cjs/packages/video/style/style.css +4 -0
  281. package/dist/cjs/packages/video/video.d.ts +6 -2
  282. package/dist/cjs/packages/video/video.js +16 -2
  283. package/dist/cjs/packages/virtuallist/style/style.css +8 -4
  284. package/dist/cjs/packages/watermark/style/style.css +4 -0
  285. package/dist/cjs/utils/add-color-for-harmony.d.ts +9 -0
  286. package/dist/cjs/utils/add-color-for-harmony.js +27 -0
  287. package/dist/cjs/utils/platform-taro.d.ts +1 -0
  288. package/dist/cjs/utils/platform-taro.js +8 -0
  289. package/dist/es/packages/actionsheet/actionsheet.d.ts +7 -35
  290. package/dist/es/packages/actionsheet/actionsheet.js +6 -3
  291. package/dist/es/packages/actionsheet/style/actionsheet.scss +10 -4
  292. package/dist/es/packages/actionsheet/style/style.css +58 -84
  293. package/dist/es/packages/address/address.js +9 -6
  294. package/dist/es/packages/address/style/style.css +126 -193
  295. package/dist/es/packages/animate/style/animate.scss +0 -3
  296. package/dist/es/packages/animate/style/style.css +4 -3
  297. package/dist/es/packages/animatingnumbers/countup.js +7 -6
  298. package/dist/es/packages/animatingnumbers/style/style.css +16 -6
  299. package/dist/es/packages/audio/style/style.css +123 -97
  300. package/dist/es/packages/avatar/style/avatar.scss +7 -60
  301. package/dist/es/packages/avatar/style/style.css +11 -45
  302. package/dist/es/packages/avatarcropper/style/style.css +4 -0
  303. package/dist/es/packages/avatargroup/style/style.css +4 -0
  304. package/dist/es/packages/backtop/backtop.d.ts +2 -2
  305. package/dist/es/packages/backtop/backtop.js +15 -22
  306. package/dist/es/packages/backtop/style/backtop.scss +8 -17
  307. package/dist/es/packages/backtop/style/style.css +12 -14
  308. package/dist/es/packages/badge/badge.d.ts +2 -40
  309. package/dist/es/packages/badge/badge.js +14 -23
  310. package/dist/es/packages/badge/index.d.ts +1 -1
  311. package/dist/es/packages/badge/style/badge.scss +62 -41
  312. package/dist/es/packages/badge/style/style.css +70 -41
  313. package/dist/es/packages/badge/types.d.ts +12 -0
  314. package/dist/es/packages/badge/types.js +1 -0
  315. package/dist/es/packages/barrage/style/style.css +6 -2
  316. package/dist/es/packages/button/style/button.scss +48 -23
  317. package/dist/es/packages/button/style/style.css +110 -84
  318. package/dist/es/packages/calendar/style/style.css +56 -89
  319. package/dist/es/packages/calendarcard/calendarcard.d.ts +13 -65
  320. package/dist/es/packages/calendarcard/calendarcard.js +9 -4
  321. package/dist/es/packages/calendarcard/style/calendarcard.scss +25 -4
  322. package/dist/es/packages/calendarcard/style/style.css +40 -11
  323. package/dist/es/packages/calendaritem/style/style.css +4 -0
  324. package/dist/es/packages/card/card.d.ts +11 -55
  325. package/dist/es/packages/card/style/card.scss +3 -18
  326. package/dist/es/packages/card/style/style.css +50 -36
  327. package/dist/es/packages/cascader/cascader.js +2 -2
  328. package/dist/es/packages/cascader/style/style.css +108 -178
  329. package/dist/es/packages/cell/cell.d.ts +2 -12
  330. package/dist/es/packages/cell/index.d.ts +1 -1
  331. package/dist/es/packages/cell/style/style.css +14 -10
  332. package/dist/es/packages/cell/types.d.ts +12 -0
  333. package/dist/es/packages/cell/types.js +1 -0
  334. package/dist/es/packages/cellgroup/style/style.css +7 -3
  335. package/dist/es/packages/checkbox/checkbox.d.ts +1 -4
  336. package/dist/es/packages/checkbox/checkbox.js +1 -3
  337. package/dist/es/packages/checkbox/index.d.ts +7 -2
  338. package/dist/es/packages/checkbox/index.js +4 -1
  339. package/dist/es/packages/checkbox/style/checkbox.scss +5 -0
  340. package/dist/es/packages/checkbox/style/style.css +48 -29
  341. package/dist/es/packages/checkboxgroup/checkboxgroup.d.ts +10 -50
  342. package/dist/es/packages/checkboxgroup/style/checkboxgroup.scss +8 -0
  343. package/dist/es/packages/checkboxgroup/style/style.css +21 -7
  344. package/dist/es/packages/circleprogress/style/style.css +7 -3
  345. package/dist/es/packages/col/style/style.css +4 -0
  346. package/dist/es/packages/collapse/style/style.css +15 -11
  347. package/dist/es/packages/collapseitem/style/style.css +15 -11
  348. package/dist/es/packages/configprovider/style/style.css +4 -0
  349. package/dist/es/packages/configprovider/types.d.ts +1 -1
  350. package/dist/es/packages/countdown/countdown.d.ts +2 -20
  351. package/dist/es/packages/countdown/countdown.js +3 -2
  352. package/dist/es/packages/countdown/index.d.ts +1 -1
  353. package/dist/es/packages/countdown/style/countdown.scss +29 -4
  354. package/dist/es/packages/countdown/style/style.css +44 -17
  355. package/dist/es/packages/countdown/types.d.ts +26 -0
  356. package/dist/es/packages/countdown/types.js +1 -0
  357. package/dist/es/packages/countup/style/countup.scss +11 -5
  358. package/dist/es/packages/countup/style/style.css +16 -6
  359. package/dist/es/packages/datepicker/style/style.css +52 -85
  360. package/dist/es/packages/dialog/dialog.js +17 -7
  361. package/dist/es/packages/dialog/style/dialog.scss +37 -21
  362. package/dist/es/packages/dialog/style/style.css +152 -112
  363. package/dist/es/packages/divider/style/style.css +8 -4
  364. package/dist/es/packages/drag/drag.d.ts +6 -30
  365. package/dist/es/packages/drag/style/style.css +4 -0
  366. package/dist/es/packages/elevator/elevator.d.ts +9 -45
  367. package/dist/es/packages/elevator/style/elevator.scss +7 -4
  368. package/dist/es/packages/elevator/style/style.css +18 -11
  369. package/dist/es/packages/ellipsis/ellipsis.d.ts +1 -1
  370. package/dist/es/packages/ellipsis/style/style.css +4 -0
  371. package/dist/es/packages/empty/empty.js +1 -1
  372. package/dist/es/packages/empty/style/empty.scss +9 -5
  373. package/dist/es/packages/empty/style/style.css +18 -9
  374. package/dist/es/packages/fixednav/style/style.css +13 -9
  375. package/dist/es/packages/form/style/style.css +23 -17
  376. package/dist/es/packages/formitem/style/formitem.scss +2 -0
  377. package/dist/es/packages/formitem/style/style.css +10 -4
  378. package/dist/es/packages/grid/grid.js +2 -6
  379. package/dist/es/packages/grid/style/grid.scss +2 -2
  380. package/dist/es/packages/grid/style/style.css +19 -13
  381. package/dist/es/packages/griditem/griditem.js +12 -6
  382. package/dist/es/packages/griditem/style/griditem.scss +6 -4
  383. package/dist/es/packages/griditem/style/style.css +16 -10
  384. package/dist/es/packages/hoverbutton/hoverbutton.js +2 -1
  385. package/dist/es/packages/hoverbutton/style/style.css +40 -15
  386. package/dist/es/packages/hoverbutton/utils.d.ts +1 -0
  387. package/dist/es/packages/hoverbutton/utils.js +1 -0
  388. package/dist/es/packages/hoverbuttonitem/hoverbuttonitem.js +17 -8
  389. package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +28 -3
  390. package/dist/es/packages/hoverbuttonitem/style/style.css +36 -11
  391. package/dist/es/packages/hoverbuttonitem/utils.d.ts +2 -0
  392. package/dist/es/packages/hoverbuttonitem/utils.js +7 -0
  393. package/dist/es/packages/image/style/style.css +6 -2
  394. package/dist/es/packages/imagepreview/imagepreview.d.ts +14 -70
  395. package/dist/es/packages/imagepreview/style/imagepreview.scss +11 -0
  396. package/dist/es/packages/imagepreview/style/style.css +153 -98
  397. package/dist/es/packages/indicator/indicator.d.ts +4 -0
  398. package/dist/es/packages/indicator/indicator.js +39 -10
  399. package/dist/es/packages/indicator/style/indicator.scss +127 -14
  400. package/dist/es/packages/indicator/style/style.css +103 -22
  401. package/dist/es/packages/infiniteloading/style/infiniteloading.scss +1 -1
  402. package/dist/es/packages/infiniteloading/style/style.css +8 -4
  403. package/dist/es/packages/input/input.d.ts +1 -0
  404. package/dist/es/packages/input/input.js +7 -3
  405. package/dist/es/packages/input/style/input.scss +27 -12
  406. package/dist/es/packages/input/style/style.css +25 -11
  407. package/dist/es/packages/inputnumber/style/inputnumber.scss +19 -16
  408. package/dist/es/packages/inputnumber/style/style.css +26 -20
  409. package/dist/es/packages/layout/style/style.css +4 -0
  410. package/dist/es/packages/loading/index.d.ts +1 -1
  411. package/dist/es/packages/loading/loading.d.ts +3 -22
  412. package/dist/es/packages/loading/loading.js +44 -12
  413. package/dist/es/packages/loading/style/loading.scss +7 -1
  414. package/dist/es/packages/loading/style/style.css +13 -3
  415. package/dist/es/packages/loading/types.d.ts +13 -0
  416. package/dist/es/packages/loading/types.js +1 -0
  417. package/dist/es/packages/lottie/index.d.ts +3 -0
  418. package/dist/es/packages/lottie/index.js +2 -0
  419. package/dist/es/packages/lottie/style/css.js +1 -0
  420. package/dist/es/packages/lottie/style/index.js +1 -0
  421. package/dist/es/packages/lottie/style/lottie.scss +0 -0
  422. package/dist/es/packages/lottie/style/style.css +4 -0
  423. package/dist/es/packages/lottie/types.d.ts +11 -0
  424. package/dist/es/packages/lottie/types.js +1 -0
  425. package/dist/es/packages/lottie/web.d.ts +3 -0
  426. package/dist/es/packages/lottie/web.js +22 -0
  427. package/dist/es/packages/menu/style/style.css +18 -14
  428. package/dist/es/packages/menuitem/style/style.css +14 -10
  429. package/dist/es/packages/navbar/navbar.d.ts +1 -1
  430. package/dist/es/packages/navbar/navbar.js +19 -63
  431. package/dist/es/packages/navbar/style/navbar.scss +48 -111
  432. package/dist/es/packages/navbar/style/style.css +50 -105
  433. package/dist/es/packages/noticebar/style/style.css +4 -0
  434. package/dist/es/packages/notify/style/style.css +8 -4
  435. package/dist/es/packages/numberkeyboard/numberkeyboard.d.ts +10 -50
  436. package/dist/es/packages/numberkeyboard/style/numberkeyboard.scss +10 -1
  437. package/dist/es/packages/numberkeyboard/style/style.css +62 -83
  438. package/dist/es/packages/nutui.react.build.d.ts +7 -1
  439. package/dist/es/packages/nutui.react.build.js +7 -1
  440. package/dist/es/packages/overlay/style/overlay.scss +6 -6
  441. package/dist/es/packages/overlay/style/style.css +11 -7
  442. package/dist/es/packages/pagination/pagination.js +2 -0
  443. package/dist/es/packages/pagination/style/pagination.scss +6 -12
  444. package/dist/es/packages/pagination/style/style.css +20 -22
  445. package/dist/es/packages/picker/style/style.css +52 -85
  446. package/dist/es/packages/popover/popover.d.ts +13 -65
  447. package/dist/es/packages/popover/popover.js +17 -14
  448. package/dist/es/packages/popover/style/popover.scss +47 -65
  449. package/dist/es/packages/popover/style/style.css +93 -136
  450. package/dist/es/packages/popup/popup.js +24 -23
  451. package/dist/es/packages/popup/style/popup.scss +24 -59
  452. package/dist/es/packages/popup/style/style.css +41 -74
  453. package/dist/es/packages/price/index.d.ts +1 -1
  454. package/dist/es/packages/price/price.d.ts +1 -10
  455. package/dist/es/packages/price/price.js +9 -9
  456. package/dist/es/packages/price/style/price.scss +49 -9
  457. package/dist/es/packages/price/style/style.css +39 -16
  458. package/dist/es/packages/price/types.d.ts +13 -0
  459. package/dist/es/packages/price/types.js +1 -0
  460. package/dist/es/packages/progress/progress.js +1 -1
  461. package/dist/es/packages/progress/style/progress.scss +2 -2
  462. package/dist/es/packages/progress/style/style.css +9 -4
  463. package/dist/es/packages/pulltorefresh/pulltorefresh.js +1 -1
  464. package/dist/es/packages/pulltorefresh/style/pulltorefresh.scss +1 -1
  465. package/dist/es/packages/pulltorefresh/style/style.css +6 -2
  466. package/dist/es/packages/radio/index.d.ts +8 -2
  467. package/dist/es/packages/radio/index.js +5 -1
  468. package/dist/es/packages/radio/radio.d.ts +10 -49
  469. package/dist/es/packages/radio/radio.js +0 -2
  470. package/dist/es/packages/radio/style/radio.scss +4 -0
  471. package/dist/es/packages/radio/style/style.css +26 -19
  472. package/dist/es/packages/radiogroup/radiogroup.d.ts +7 -35
  473. package/dist/es/packages/radiogroup/radiogroup.js +1 -1
  474. package/dist/es/packages/radiogroup/style/style.css +10 -6
  475. package/dist/es/packages/range/style/style.css +14 -10
  476. package/dist/es/packages/rate/index.d.ts +1 -1
  477. package/dist/es/packages/rate/rate.d.ts +2 -64
  478. package/dist/es/packages/rate/rate.js +7 -3
  479. package/dist/es/packages/rate/style/rate.scss +101 -10
  480. package/dist/es/packages/rate/style/style.css +89 -9
  481. package/dist/es/packages/rate/types.d.ts +18 -0
  482. package/dist/es/packages/rate/types.js +1 -0
  483. package/dist/es/packages/resultpage/resultpage.js +23 -16
  484. package/dist/es/packages/resultpage/style/resultpage.scss +5 -3
  485. package/dist/es/packages/resultpage/style/style.css +16 -10
  486. package/dist/es/packages/resultpage/types.d.ts +1 -1
  487. package/dist/es/packages/row/style/style.css +4 -0
  488. package/dist/es/packages/safearea/safearea.d.ts +1 -5
  489. package/dist/es/packages/safearea/style/safearea.scss +1 -1
  490. package/dist/es/packages/safearea/style/style.css +5 -1
  491. package/dist/es/packages/searchbar/searchbar.d.ts +19 -95
  492. package/dist/es/packages/searchbar/style/searchbar.scss +10 -7
  493. package/dist/es/packages/searchbar/style/style.css +20 -13
  494. package/dist/es/packages/segmented/index.d.ts +3 -0
  495. package/dist/es/packages/segmented/index.js +2 -0
  496. package/dist/es/packages/segmented/segmented.d.ts +3 -0
  497. package/dist/es/packages/segmented/segmented.js +63 -0
  498. package/dist/es/packages/segmented/style/css.js +1 -0
  499. package/dist/es/packages/segmented/style/index.js +1 -0
  500. package/dist/es/packages/segmented/style/segmented.scss +38 -0
  501. package/dist/es/packages/segmented/style/style.css +42 -0
  502. package/dist/es/packages/segmented/types.d.ts +15 -0
  503. package/dist/es/packages/segmented/types.js +1 -0
  504. package/dist/es/packages/shortpassword/style/style.css +52 -85
  505. package/dist/es/packages/sidebar/index.d.ts +3 -0
  506. package/dist/es/packages/sidebar/index.js +2 -0
  507. package/dist/es/packages/sidebar/sidebar.d.ts +6 -0
  508. package/dist/es/packages/sidebar/sidebar.js +161 -0
  509. package/dist/es/packages/sidebar/style/css.js +1 -0
  510. package/dist/es/packages/sidebar/style/index.js +3 -0
  511. package/dist/es/packages/sidebar/style/sidebar.scss +61 -0
  512. package/dist/es/packages/sidebar/style/style.css +79 -0
  513. package/dist/es/packages/sidebar/types.d.ts +16 -0
  514. package/dist/es/packages/sidebar/types.js +1 -0
  515. package/dist/es/packages/sidebar/utils.d.ts +3 -0
  516. package/dist/es/packages/sidebar/utils.js +14 -0
  517. package/dist/es/packages/sidebaritem/index.d.ts +3 -0
  518. package/dist/es/packages/sidebaritem/index.js +2 -0
  519. package/dist/es/packages/sidebaritem/sidebaritem.d.ts +9 -0
  520. package/dist/es/packages/sidebaritem/sidebaritem.js +18 -0
  521. package/dist/es/packages/sidebaritem/style/css.js +1 -0
  522. package/dist/es/packages/sidebaritem/style/index.js +1 -0
  523. package/dist/es/packages/sidebaritem/style/sidebaritem.scss +16 -0
  524. package/dist/es/packages/sidebaritem/style/style.css +19 -0
  525. package/dist/es/packages/sidenavbar/sidenavbar.d.ts +3 -0
  526. package/dist/es/packages/sidenavbar/sidenavbar.js +4 -1
  527. package/dist/es/packages/sidenavbar/style/style.css +45 -78
  528. package/dist/es/packages/sidenavbaritem/style/style.css +6 -2
  529. package/dist/es/packages/signature/style/style.css +6 -2
  530. package/dist/es/packages/skeleton/style/style.css +14 -48
  531. package/dist/es/packages/space/style/style.css +4 -0
  532. package/dist/es/packages/step/style/style.css +26 -22
  533. package/dist/es/packages/steps/style/style.css +26 -22
  534. package/dist/es/packages/sticky/style/style.css +4 -0
  535. package/dist/es/packages/subsidenavbar/style/style.css +6 -2
  536. package/dist/es/packages/swipe/style/style.css +4 -0
  537. package/dist/es/packages/swiper/style/style.css +103 -22
  538. package/dist/es/packages/swiperitem/style/style.css +4 -0
  539. package/dist/es/packages/switch/style/style.css +52 -32
  540. package/dist/es/packages/switch/style/switch.scss +45 -29
  541. package/dist/es/packages/switch/switch.d.ts +2 -2
  542. package/dist/es/packages/switch/switch.js +3 -11
  543. package/dist/es/packages/tabbar/style/style.css +88 -47
  544. package/dist/es/packages/tabbar/tabbar.d.ts +7 -35
  545. package/dist/es/packages/tabbaritem/style/style.css +87 -46
  546. package/dist/es/packages/tabbaritem/style/tabbaritem.scss +15 -3
  547. package/dist/es/packages/tabbaritem/tabbaritem.d.ts +7 -35
  548. package/dist/es/packages/tabbaritem/tabbaritem.js +1 -1
  549. package/dist/es/packages/table/style/style.css +15 -11
  550. package/dist/es/packages/tabpane/style/style.css +5 -1
  551. package/dist/es/packages/tabpane/tabpane.d.ts +3 -15
  552. package/dist/es/packages/tabs/style/style.css +66 -99
  553. package/dist/es/packages/tabs/style/tabs.scss +69 -107
  554. package/dist/es/packages/tabs/tabs.d.ts +12 -60
  555. package/dist/es/packages/tag/style/style.css +10 -5
  556. package/dist/es/packages/tag/style/tag.scss +1 -0
  557. package/dist/es/packages/textarea/style/style.css +34 -19
  558. package/dist/es/packages/textarea/style/textarea.scss +43 -16
  559. package/dist/es/packages/textarea/textarea.d.ts +2 -0
  560. package/dist/es/packages/textarea/textarea.js +9 -7
  561. package/dist/es/packages/timedetail/style/style.css +10 -4
  562. package/dist/es/packages/timedetail/style/timedetail.scss +2 -0
  563. package/dist/es/packages/timeselect/style/style.css +52 -83
  564. package/dist/es/packages/timeselect/timeselect.d.ts +9 -45
  565. package/dist/es/packages/timeselect/timeselect.js +1 -4
  566. package/dist/es/packages/toast/Notification.js +15 -26
  567. package/dist/es/packages/toast/style/index.js +1 -0
  568. package/dist/es/packages/toast/style/style.css +131 -38
  569. package/dist/es/packages/toast/style/toast.scss +76 -54
  570. package/dist/es/packages/toast/toast.d.ts +12 -60
  571. package/dist/es/packages/toast/toast.js +2 -2
  572. package/dist/es/packages/tour/style/style.css +97 -140
  573. package/dist/es/packages/trendarrow/style/style.css +7 -2
  574. package/dist/es/packages/trendarrow/style/trendarrow.scss +2 -1
  575. package/dist/es/packages/trendarrow/trendarrow.d.ts +11 -55
  576. package/dist/es/packages/uploader/index.d.ts +1 -1
  577. package/dist/es/packages/uploader/preview.js +13 -14
  578. package/dist/es/packages/uploader/style/style.css +20 -15
  579. package/dist/es/packages/uploader/types.d.ts +17 -0
  580. package/dist/es/packages/uploader/types.js +1 -0
  581. package/dist/es/packages/uploader/uploader.d.ts +29 -200
  582. package/dist/es/packages/uploader/uploader.js +241 -220
  583. package/dist/es/packages/video/style/style.css +4 -0
  584. package/dist/es/packages/video/video.d.ts +11 -27
  585. package/dist/es/packages/video/video.js +16 -2
  586. package/dist/es/packages/virtuallist/style/style.css +8 -4
  587. package/dist/es/packages/watermark/style/style.css +4 -0
  588. package/dist/es/utils/add-color-for-harmony.d.ts +9 -0
  589. package/dist/es/utils/add-color-for-harmony.js +16 -0
  590. package/dist/es/utils/platform-taro.d.ts +1 -0
  591. package/dist/es/utils/platform-taro.js +5 -0
  592. package/dist/nutui.react.umd.js +21031 -4140
  593. package/dist/style.css +1 -1
  594. package/dist/style.scss +110 -0
  595. package/dist/styles/jd-font.scss +16 -0
  596. package/dist/styles/theme-dark.scss +121 -110
  597. package/dist/styles/theme-default.scss +100 -93
  598. package/dist/styles/themes/default.css +1 -0
  599. package/dist/styles/themes/default.scss +2 -105
  600. package/dist/styles/variables-jmapp.scss +4 -0
  601. package/dist/styles/variables-jrkf.scss +25 -27
  602. package/dist/styles/variables.scss +340 -263
  603. package/package.json +8 -3
  604. package/dist/cjs/packages/nutui.react.build.rn.d.ts +0 -203
  605. package/dist/cjs/packages/nutui.react.build.rn.js +0 -418
  606. package/dist/cjs/packages/nutui.react.rn.d.ts +0 -304
  607. package/dist/cjs/packages/nutui.react.rn.js +0 -519
  608. package/dist/cjs/packages/popup/index.rn.d.ts +0 -3
  609. package/dist/cjs/packages/popup/popup.rn.d.ts +0 -26
  610. package/dist/cjs/packages/popup/popup.rn.js +0 -186
  611. package/dist/cjs/packages/uploader/file-item.d.ts +0 -19
  612. package/dist/cjs/packages/uploader/file-item.js +0 -28
  613. package/dist/cjs/packages/uploader/utils.d.ts +0 -30
  614. package/dist/cjs/packages/uploader/utils.js +0 -184
  615. package/dist/es/packages/nutui.react.build.rn.d.ts +0 -203
  616. package/dist/es/packages/nutui.react.build.rn.js +0 -203
  617. package/dist/es/packages/nutui.react.rn.d.ts +0 -304
  618. package/dist/es/packages/nutui.react.rn.js +0 -304
  619. package/dist/es/packages/popup/index.rn.d.ts +0 -3
  620. package/dist/es/packages/popup/index.rn.js +0 -2
  621. package/dist/es/packages/popup/popup.rn.d.ts +0 -26
  622. package/dist/es/packages/popup/popup.rn.js +0 -174
  623. package/dist/es/packages/uploader/file-item.d.ts +0 -19
  624. package/dist/es/packages/uploader/file-item.js +0 -18
  625. package/dist/es/packages/uploader/utils.d.ts +0 -30
  626. package/dist/es/packages/uploader/utils.js +0 -154
package/dist/cjs/packages/tabbar/style/style.css CHANGED
@@ -1,73 +1,102 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-badge {
2
6
  position: relative;
3
- display: inline-block;
7
+ display: inline-flex;
8
+ width: auto;
4
9
  }
5
10
  .nut-badge-icon {
6
- position: absolute;
7
11
  display: flex;
8
12
  justify-content: center;
9
13
  align-items: center;
10
- background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
11
- top: -10%;
12
- right: -15%;
13
- padding: var(--nutui-badge-icon-padding, 3px);
14
+ background: var(--nutui-badge-background-color, var(--nutui-brand-6));
15
+ padding: var(--nutui-badge-icon-padding, 2px);
14
16
  text-align: center;
15
- border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
16
- border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
17
17
  z-index: var(--nutui-badge-z-index, 1);
18
18
  }
19
19
  .nut-badge-icon .nut-icon {
20
- width: var(--nutui-badge-icon-size, 12px);
21
- height: var(--nutui-badge-icon-size, 12px);
22
- font-size: var(--nutui-badge-icon-size, 12px);
20
+ width: var(--nutui-badge-icon-size, 10px);
21
+ height: var(--nutui-badge-icon-size, 10px);
22
+ font-size: var(--nutui-badge-icon-size, 10px);
23
23
  }
24
- .nut-badge-sup {
25
- height: var(--nutui-badge-height, 14px);
24
+ .nut-badge-sup, .nut-badge-icon {
25
+ border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
26
+ }
27
+ .nut-badge-sup::after, .nut-badge-icon::after {
28
+ content: "";
26
29
  position: absolute;
27
- display: flex;
30
+ top: -50%;
31
+ bottom: -50%;
32
+ left: -50%;
33
+ right: -50%;
34
+ transform: scale(0.5);
35
+ border: var(--nutui-badge-border, 1px solid #ffffff);
36
+ border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
37
+ }
38
+ .nut-badge-sup {
39
+ display: inline-flex;
28
40
  justify-content: center;
29
- align-items: center;
30
- background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
31
- color: var(--nutui-badge-color, #fff);
32
- padding: var(--nutui-badge-padding, 0 4px);
41
+ height: var(--nutui-badge-height, 14px);
42
+ min-width: var(--nutui-badge-min-width, 6px);
43
+ padding: var(--nutui-badge-padding, 1px 4px);
44
+ box-sizing: border-box;
45
+ color: var(--nutui-badge-color, #ffffff);
33
46
  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxs, 10px));
34
- font-weight: normal;
35
- text-align: center;
36
- border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
37
- border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
38
- min-width: var(--nutui-badge-min-width, 5px);
47
+ line-height: 12px;
39
48
  white-space: nowrap;
49
+ font-weight: normal;
50
+ vertical-align: middle;
51
+ background: var(--nutui-badge-background-color, var(--nutui-brand-6));
40
52
  z-index: 1;
41
53
  }
54
+ .nut-badge-number {
55
+ font-family: "JD";
56
+ /* #ifdef harmony */
57
+ line-height: 12px;
58
+ /* #endif */
59
+ /* #ifndef harmony */
60
+ line-height: 13px;
61
+ /* #endif */
62
+ }
42
63
  .nut-badge-one {
43
64
  height: var(--nutui-badge-height, 14px);
44
65
  width: var(--nutui-badge-height, 14px);
45
- padding: 0;
46
66
  }
47
67
  .nut-badge-content {
48
- transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(100%));
68
+ position: absolute;
69
+ transform: var(--nutui-badge-content-transform, translate(50%, -50%));
49
70
  }
50
71
  .nut-badge-dot {
51
- width: var(--nutui-badge-dot-width, 7px);
52
- height: var(--nutui-badge-dot-width, 7px);
53
- border: var(--nutui-badge-dot-border, 0px solid var(--nutui-color-primary-text, #ffffff));
54
- border-radius: var(--nutui-badge-dot-width, 7px);
55
72
  padding: 0;
73
+ border-radius: 50%;
56
74
  }
57
- .nut-badge-outline .nut-badge-content {
58
- background: var(--nutui-color-primary-text, #ffffff);
59
- border: 1px solid var(--nutui-color-primary, #ff0f23);
60
- color: var(--nutui-color-primary, #ff0f23);
75
+ .nut-badge-dot::after {
76
+ border: var(--nutui-badge-dot-border, 1px solid #ffffff);
77
+ border-radius: 50%;
61
78
  }
62
-
63
- [dir=rtl] .nut-badge-icon,
64
- .nut-rtl .nut-badge-icon {
65
- right: auto;
66
- left: -15%;
79
+ .nut-badge-dot-normal {
80
+ min-width: var(--nutui-badge-dot-width, 6px);
81
+ width: var(--nutui-badge-dot-width, 6px);
82
+ height: var(--nutui-badge-dot-width, 6px);
83
+ }
84
+ .nut-badge-dot-small {
85
+ min-width: var(--nutui-badge-dot-width, 4px);
86
+ width: var(--nutui-badge-dot-width, 4px);
87
+ height: var(--nutui-badge-dot-width, 4px);
88
+ }
89
+ .nut-badge-dot-large {
90
+ min-width: var(--nutui-badge-dot-width, 8px);
91
+ width: var(--nutui-badge-dot-width, 8px);
92
+ height: var(--nutui-badge-dot-width, 8px);
93
+ }
94
+ .nut-badge-outline {
95
+ background: #ffffff;
96
+ color: var(--nutui-badge-outline-color, var(--nutui-brand-6));
67
97
  }
68
- [dir=rtl] .nut-badge-content,
69
- .nut-rtl .nut-badge-content {
70
- transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%));
98
+ .nut-badge-outline::after {
99
+ border: var(--nutui-badge-outline-border, 1px solid var(--nutui-brand-6));
71
100
  }
72
101
 
73
102
  .nut-tabbar-item {
@@ -78,7 +107,7 @@
78
107
  flex: 1;
79
108
  text-align: center;
80
109
  text-decoration: none;
81
- color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
110
+ color: var(--nutui-tabbar-inactive-color, var(--nutui-gray-7));
82
111
  height: 100%;
83
112
  }
84
113
  .nut-tabbar-item-icon-box {
@@ -89,13 +118,15 @@
89
118
  position: relative;
90
119
  }
91
120
  .nut-tabbar-item-icon-box .nut-icon {
92
- width: 24px;
93
- height: 24px;
94
- font-size: 24px;
121
+ width: 22px;
122
+ height: 22px;
123
+ font-size: 22px;
95
124
  }
96
125
  .nut-tabbar-item-icon-box-nav {
97
126
  display: block;
127
+ color: var(--nutui-gray-6);
98
128
  font-size: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
129
+ line-height: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
99
130
  margin-top: var(--nutui-tabbar-text-margin-top, 3px);
100
131
  }
101
132
  .nut-tabbar-item-icon-box-large {
@@ -105,13 +136,23 @@
105
136
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
106
137
  }
107
138
  .nut-tabbar-item-active {
108
- color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
139
+ color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
109
140
  }
110
141
  .nut-tabbar-item-active .nut-tabbar-item-icon-box {
142
+ /* #ifdef harmony*/
143
+ color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
144
+ /* #endif*/
145
+ /* #ifndef harmony*/
111
146
  color: inherit;
147
+ /* #endif*/
112
148
  }
113
149
  .nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
150
+ /* #ifdef harmony*/
151
+ color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
152
+ /* #endif*/
153
+ /* #ifndef harmony*/
114
154
  color: inherit;
155
+ /* #endif*/
115
156
  }
116
157
 
117
158
  .nut-tabbar {
@@ -125,7 +166,7 @@
125
166
  justify-content: center;
126
167
  align-items: center;
127
168
  box-sizing: border-box;
128
- background: var(--nutui-color-background-overlay, #ffffff);
169
+ background: var(--nutui-gray-1);
129
170
  }
130
171
  .nut-tabbar-wrap {
131
172
  width: 100%;
package/dist/cjs/packages/tabbaritem/style/style.css CHANGED
@@ -1,73 +1,102 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-badge {
2
6
  position: relative;
3
- display: inline-block;
7
+ display: inline-flex;
8
+ width: auto;
4
9
  }
5
10
  .nut-badge-icon {
6
- position: absolute;
7
11
  display: flex;
8
12
  justify-content: center;
9
13
  align-items: center;
10
- background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
11
- top: -10%;
12
- right: -15%;
13
- padding: var(--nutui-badge-icon-padding, 3px);
14
+ background: var(--nutui-badge-background-color, var(--nutui-brand-6));
15
+ padding: var(--nutui-badge-icon-padding, 2px);
14
16
  text-align: center;
15
- border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
16
- border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
17
17
  z-index: var(--nutui-badge-z-index, 1);
18
18
  }
19
19
  .nut-badge-icon .nut-icon {
20
- width: var(--nutui-badge-icon-size, 12px);
21
- height: var(--nutui-badge-icon-size, 12px);
22
- font-size: var(--nutui-badge-icon-size, 12px);
20
+ width: var(--nutui-badge-icon-size, 10px);
21
+ height: var(--nutui-badge-icon-size, 10px);
22
+ font-size: var(--nutui-badge-icon-size, 10px);
23
23
  }
24
- .nut-badge-sup {
25
- height: var(--nutui-badge-height, 14px);
24
+ .nut-badge-sup, .nut-badge-icon {
25
+ border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
26
+ }
27
+ .nut-badge-sup::after, .nut-badge-icon::after {
28
+ content: "";
26
29
  position: absolute;
27
- display: flex;
30
+ top: -50%;
31
+ bottom: -50%;
32
+ left: -50%;
33
+ right: -50%;
34
+ transform: scale(0.5);
35
+ border: var(--nutui-badge-border, 1px solid #ffffff);
36
+ border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
37
+ }
38
+ .nut-badge-sup {
39
+ display: inline-flex;
28
40
  justify-content: center;
29
- align-items: center;
30
- background: var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%));
31
- color: var(--nutui-badge-color, #fff);
32
- padding: var(--nutui-badge-padding, 0 4px);
41
+ height: var(--nutui-badge-height, 14px);
42
+ min-width: var(--nutui-badge-min-width, 6px);
43
+ padding: var(--nutui-badge-padding, 1px 4px);
44
+ box-sizing: border-box;
45
+ color: var(--nutui-badge-color, #ffffff);
33
46
  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxs, 10px));
34
- font-weight: normal;
35
- text-align: center;
36
- border: var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));
37
- border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
38
- min-width: var(--nutui-badge-min-width, 5px);
47
+ line-height: 12px;
39
48
  white-space: nowrap;
49
+ font-weight: normal;
50
+ vertical-align: middle;
51
+ background: var(--nutui-badge-background-color, var(--nutui-brand-6));
40
52
  z-index: 1;
41
53
  }
54
+ .nut-badge-number {
55
+ font-family: "JD";
56
+ /* #ifdef harmony */
57
+ line-height: 12px;
58
+ /* #endif */
59
+ /* #ifndef harmony */
60
+ line-height: 13px;
61
+ /* #endif */
62
+ }
42
63
  .nut-badge-one {
43
64
  height: var(--nutui-badge-height, 14px);
44
65
  width: var(--nutui-badge-height, 14px);
45
- padding: 0;
46
66
  }
47
67
  .nut-badge-content {
48
- transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(100%));
68
+ position: absolute;
69
+ transform: var(--nutui-badge-content-transform, translate(50%, -50%));
49
70
  }
50
71
  .nut-badge-dot {
51
- width: var(--nutui-badge-dot-width, 7px);
52
- height: var(--nutui-badge-dot-width, 7px);
53
- border: var(--nutui-badge-dot-border, 0px solid var(--nutui-color-primary-text, #ffffff));
54
- border-radius: var(--nutui-badge-dot-width, 7px);
55
72
  padding: 0;
73
+ border-radius: 50%;
56
74
  }
57
- .nut-badge-outline .nut-badge-content {
58
- background: var(--nutui-color-primary-text, #ffffff);
59
- border: 1px solid var(--nutui-color-primary, #ff0f23);
60
- color: var(--nutui-color-primary, #ff0f23);
75
+ .nut-badge-dot::after {
76
+ border: var(--nutui-badge-dot-border, 1px solid #ffffff);
77
+ border-radius: 50%;
61
78
  }
62
-
63
- [dir=rtl] .nut-badge-icon,
64
- .nut-rtl .nut-badge-icon {
65
- right: auto;
66
- left: -15%;
79
+ .nut-badge-dot-normal {
80
+ min-width: var(--nutui-badge-dot-width, 6px);
81
+ width: var(--nutui-badge-dot-width, 6px);
82
+ height: var(--nutui-badge-dot-width, 6px);
83
+ }
84
+ .nut-badge-dot-small {
85
+ min-width: var(--nutui-badge-dot-width, 4px);
86
+ width: var(--nutui-badge-dot-width, 4px);
87
+ height: var(--nutui-badge-dot-width, 4px);
88
+ }
89
+ .nut-badge-dot-large {
90
+ min-width: var(--nutui-badge-dot-width, 8px);
91
+ width: var(--nutui-badge-dot-width, 8px);
92
+ height: var(--nutui-badge-dot-width, 8px);
93
+ }
94
+ .nut-badge-outline {
95
+ background: #ffffff;
96
+ color: var(--nutui-badge-outline-color, var(--nutui-brand-6));
67
97
  }
68
- [dir=rtl] .nut-badge-content,
69
- .nut-rtl .nut-badge-content {
70
- transform: var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%));
98
+ .nut-badge-outline::after {
99
+ border: var(--nutui-badge-outline-border, 1px solid var(--nutui-brand-6));
71
100
  }
72
101
 
73
102
  .nut-tabbar-item {
@@ -78,7 +107,7 @@
78
107
  flex: 1;
79
108
  text-align: center;
80
109
  text-decoration: none;
81
- color: var(--nutui-tabbar-inactive-color, var(--nutui-color-title, #1a1a1a));
110
+ color: var(--nutui-tabbar-inactive-color, var(--nutui-gray-7));
82
111
  height: 100%;
83
112
  }
84
113
  .nut-tabbar-item-icon-box {
@@ -89,13 +118,15 @@
89
118
  position: relative;
90
119
  }
91
120
  .nut-tabbar-item-icon-box .nut-icon {
92
- width: 24px;
93
- height: 24px;
94
- font-size: 24px;
121
+ width: 22px;
122
+ height: 22px;
123
+ font-size: 22px;
95
124
  }
96
125
  .nut-tabbar-item-icon-box-nav {
97
126
  display: block;
127
+ color: var(--nutui-gray-6);
98
128
  font-size: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
129
+ line-height: var(--nutui-tabbar-text-font-size, var(--nutui-font-size-xs, 11px));
99
130
  margin-top: var(--nutui-tabbar-text-margin-top, 3px);
100
131
  }
101
132
  .nut-tabbar-item-icon-box-large {
@@ -105,11 +136,21 @@
105
136
  font-weight: var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400));
106
137
  }
107
138
  .nut-tabbar-item-active {
108
- color: var(--nutui-tabbar-active-color, var(--nutui-color-primary, #ff0f23));
139
+ color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
109
140
  }
110
141
  .nut-tabbar-item-active .nut-tabbar-item-icon-box {
142
+ /* #ifdef harmony*/
143
+ color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
144
+ /* #endif*/
145
+ /* #ifndef harmony*/
111
146
  color: inherit;
147
+ /* #endif*/
112
148
  }
113
149
  .nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon {
150
+ /* #ifdef harmony*/
151
+ color: var(--nutui-tabbar-active-color, var(--nutui-brand-6));
152
+ /* #endif*/
153
+ /* #ifndef harmony*/
114
154
  color: inherit;
155
+ /* #endif*/
115
156
  }
package/dist/cjs/packages/tabbaritem/style/tabbaritem.scss CHANGED
@@ -17,14 +17,16 @@
17
17
  position: relative;
18
18
 
19
19
  .nut-icon {
20
- width: 24px;
21
- height: 24px;
22
- font-size: 24px;
20
+ width: 22px;
21
+ height: 22px;
22
+ font-size: 22px;
23
23
  }
24
24
 
25
25
  &-nav {
26
26
  display: block;
27
+ color: $color-text;
27
28
  font-size: $tabbar-text-font-size;
29
+ line-height: $tabbar-text-font-size;
28
30
  margin-top: $tabbar-text-margin-top;
29
31
  }
30
32
 
@@ -40,10 +42,20 @@
40
42
  color: $tabbar-active-color;
41
43
 
42
44
  .nut-tabbar-item-icon-box {
45
+ /* #ifdef harmony*/
46
+ color: $tabbar-active-color;
47
+ /* #endif*/
48
+ /* #ifndef harmony*/
43
49
  color: inherit;
50
+ /* #endif*/
44
51
 
45
52
  .nut-icon {
53
+ /* #ifdef harmony*/
54
+ color: $tabbar-active-color;
55
+ /* #endif*/
56
+ /* #ifndef harmony*/
46
57
  color: inherit;
58
+ /* #endif*/
47
59
  }
48
60
  }
49
61
  }
package/dist/cjs/packages/tabbaritem/tabbaritem.js CHANGED
@@ -26,7 +26,7 @@ var defaultProps = (0, _object_spread_props._)((0, _object_spread._)({}, _typing
26
26
  dot: false,
27
27
  max: 99,
28
28
  top: '0',
29
- right: '5'
29
+ right: '0'
30
30
  });
31
31
  var TabbarItem = function TabbarItem(props) {
32
32
  var ctx = (0, _react.useContext)(_context.default);
package/dist/cjs/packages/table/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-table {
2
6
  overflow: hidden;
3
7
  position: relative;
@@ -9,11 +13,11 @@
9
13
  width: 100%;
10
14
  flex-direction: column;
11
15
  font-size: var(--nutui-font-size-base, 14px);
12
- color: var(--nutui-color-title, #1a1a1a);
16
+ color: var(--nutui-gray-7);
13
17
  overflow-y: auto;
14
18
  overflow-x: hidden;
15
19
  position: relative;
16
- border: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
20
+ border: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
17
21
  }
18
22
  .nut-table-wrapper-sticky {
19
23
  overflow-x: auto;
@@ -21,21 +25,21 @@
21
25
  .nut-table-main {
22
26
  display: table;
23
27
  overflow-x: auto;
24
- color: var(--nutui-color-title, #1a1a1a);
25
- background-color: var(--nutui-color-background-overlay, #ffffff);
28
+ color: var(--nutui-gray-7);
29
+ background-color: var(--nutui-gray-1);
26
30
  table-layout: fixed;
27
31
  width: max-content;
28
32
  min-width: 100%;
29
33
  position: relative;
30
34
  }
31
35
  .nut-table-main-striped .nut-table-main-head-tr {
32
- background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f5f6fa));
36
+ background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3));
33
37
  }
34
38
  .nut-table-main-striped .nut-table-main-body-tr:nth-child(odd) {
35
39
  background-color: var(--nutui-table-tr-odd-bg-color, #ffffff);
36
40
  }
37
41
  .nut-table-main-striped .nut-table-main-body-tr:nth-child(even) {
38
- background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-color-background, #f5f6fa));
42
+ background-color: var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3));
39
43
  }
40
44
  .nut-table-main-head, .nut-table-main-body {
41
45
  background: inherit;
@@ -77,8 +81,8 @@
77
81
  justify-content: center;
78
82
  }
79
83
  .nut-table-main-head-tr-border, .nut-table-main-body-tr-border {
80
- border-right: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
81
- border-bottom: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
84
+ border-right: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
85
+ border-bottom: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
82
86
  }
83
87
  .nut-table-main-head-tr-alignleft, .nut-table-main-head-tr-align, .nut-table-main-body-tr-alignleft, .nut-table-main-body-tr-align {
84
88
  text-align: start;
@@ -127,8 +131,8 @@
127
131
  border-right: none;
128
132
  }
129
133
  .nut-table-summary {
130
- color: var(--nutui-color-title, #1a1a1a);
131
- background-color: var(--nutui-color-background-overlay, #ffffff);
134
+ color: var(--nutui-gray-7);
135
+ background-color: var(--nutui-gray-1);
132
136
  display: flex;
133
137
  align-items: center;
134
138
  justify-content: center;
@@ -154,7 +158,7 @@
154
158
  .nut-rtl .nut-table-main-head-tr-border,
155
159
  .nut-rtl .nut-table-main-body-tr-border {
156
160
  border-right: none;
157
- border-left: 1px solid var(--nutui-table-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
161
+ border-left: 1px solid var(--nutui-table-border-color, var(--nutui-black-3));
158
162
  }
159
163
  [dir=rtl] .nut-table-main-head-tr-alignleft, [dir=rtl] .nut-table-main-head-tr-align, [dir=rtl] .nut-table-main-body-tr-alignleft, [dir=rtl] .nut-table-main-body-tr-align,
160
164
  .nut-rtl .nut-table-main-head-tr-alignleft,
package/dist/cjs/packages/tabpane/style/style.css CHANGED
@@ -1,9 +1,13 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-tabpane {
2
6
  width: 100%;
3
7
  flex-shrink: 0;
4
8
  display: block;
5
9
  background-color: var(--nutui-tabs-tabpane-backgroundColor, #fff);
6
- color: var(--nutui-color-title, #1a1a1a);
10
+ color: var(--nutui-gray-7);
7
11
  padding: var(--nutui-tabs-tabpane-padding, 24px 20px);
8
12
  box-sizing: border-box;
9
13
  overflow: auto;