@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/dialog/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-button {
2
6
  position: relative;
3
7
  display: flex;
@@ -17,17 +21,17 @@
17
21
  padding: 0;
18
22
  height: var(--nutui-button-default-height, 32px);
19
23
  font-size: var(--nutui-button-default-font-size, var(--nutui-font-size-base, 14px));
20
- font-weight: var(--nutui-button-default-font-weight, var(--nutui-font-weight, 400));
24
+ font-weight: var(--nutui-font-weight, 400);
21
25
  text-align: center;
22
26
  cursor: pointer;
23
27
  transition: opacity 0.2s;
24
- -webkit-appearance: none;
25
28
  user-select: none;
26
29
  touch-action: manipulation;
30
+ -webkit-appearance: none;
27
31
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
28
- color: var(--nutui-button-default-color, var(--nutui-color-title, #1a1a1a));
32
+ color: var(--nutui-button-default-color, var(--nutui-gray-7));
29
33
  background: var(--nutui-button-default-background-color, transparent);
30
- border-width: var(--nutui-button-border-width, 1px);
34
+ border-width: var(--nutui-button-border-width, 0.5px);
31
35
  }
32
36
  .nut-button-text {
33
37
  margin-left: var(--nutui-button-text-icon-margin, 4px);
@@ -46,9 +50,9 @@
46
50
  left: 50%;
47
51
  width: 100%;
48
52
  height: 100%;
49
- background-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
53
+ background-color: var(--nutui-black-10);
50
54
  border: inherit;
51
- border-color: var(--nutui-color-mask, rgba(0, 0, 0, 0.7));
55
+ border-color: var(--nutui-black-10);
52
56
  border-radius: inherit;
53
57
  transform: translate(-50%, -50%);
54
58
  opacity: 0;
@@ -87,23 +91,38 @@
87
91
  width: var(--nutui-button-default-height, 32px);
88
92
  padding: 0;
89
93
  }
94
+ .nut-button-round {
95
+ border-radius: var(--nutui-button-border-radius, var(--nutui-radius-s, 6px));
96
+ }
97
+ .nut-button-round-xlarge {
98
+ border-radius: var(--nutui-button-xlarge-border-radius, var(--nutui-radius-base, 8px));
99
+ }
100
+ .nut-button-round-large {
101
+ border-radius: var(--nutui-button-large-border-radius, var(--nutui-radius-base, 8px));
102
+ }
103
+ .nut-button-round-small {
104
+ border-radius: var(--nutui-button-small-border-radius, var(--nutui-radius-s, 6px));
105
+ }
106
+ .nut-button-round-mini {
107
+ border-radius: var(--nutui-button-mini-border-radius, var(--nutui-radius-xs, 4px));
108
+ }
90
109
  .nut-button-default {
91
110
  padding: var(--nutui-button-default-padding, 0px 12px);
92
111
  border-style: solid;
93
- border-color: var(--nutui-button-default-border-color, var(--nutui-color-text, #505259));
112
+ border-color: var(--nutui-button-default-border-color, var(--nutui-gray-4));
94
113
  }
95
114
  .nut-button-default-disabled, .nut-button-default-solid-disabled {
96
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
97
- background: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
98
- border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
115
+ color: var(--nutui-button-primary-color, #ffffff);
116
+ background: var(--nutui-button-default-disabled, var(--nutui-gray-4));
117
+ border-color: var(--nutui-button-default-disabled, var(--nutui-gray-4));
99
118
  }
100
119
  .nut-button-default-none-disabled {
101
- color: var(--nutui-button-default-disabled-color, var(--nutui-color-text-help, #888b94));
120
+ color: var(--nutui-button-default-disabled-color, var(--nutui-gray-5));
102
121
  }
103
122
  .nut-button-default-outline-disabled, .nut-button-default-dashed-disabled {
104
123
  background: transparent;
105
- color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
106
- border-color: var(--nutui-button-default-disabled, var(--nutui-color-text-disabled, #c2c4cc));
124
+ color: var(--nutui-button-default-disabled, var(--nutui-gray-4));
125
+ border-color: var(--nutui-button-default-disabled, var(--nutui-gray-4));
107
126
  }
108
127
  .nut-button-normal {
109
128
  padding: var(--nutui-button-normal-padding, 0px 12px);
@@ -111,23 +130,34 @@
111
130
  .nut-button-xlarge {
112
131
  height: var(--nutui-button-xlarge-height, 48px);
113
132
  padding: var(--nutui-button-xlarge-padding, 0px 24px);
114
- font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
115
- font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
133
+ font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
134
+ border-radius: var(--nutui-radius-base, 8px);
135
+ }
136
+ .nut-button-xlarge .nut-button-text {
137
+ margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
138
+ }
139
+ .nut-button-xlarge .nut-button-text-right {
140
+ margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
116
141
  }
117
142
  .nut-button-xlarge .nut-icon {
118
- font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
119
- width: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
120
- height: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
143
+ font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
144
+ width: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
145
+ height: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
121
146
  }
122
147
  .nut-button-xlarge-children {
123
- font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xxl, 24px));
124
- font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
148
+ font-size: var(--nutui-button-xlarge-font-size, var(--nutui-font-size-xl, 18px));
125
149
  }
126
150
  .nut-button-large {
127
151
  height: var(--nutui-button-large-height, 40px);
128
152
  padding: var(--nutui-button-large-padding, 0px 16px);
129
153
  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
130
- font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
154
+ border-radius: var(--nutui-radius-s, 6px);
155
+ }
156
+ .nut-button-large .nut-button-text {
157
+ margin-left: var(--nutui-button-xlarge-text-icon-margin, 6px);
158
+ }
159
+ .nut-button-large .nut-button-text-right {
160
+ margin-right: var(--nutui-button-xlarge-text-icon-margin, 6px);
131
161
  }
132
162
  .nut-button-large .nut-icon {
133
163
  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
@@ -136,12 +166,12 @@
136
166
  }
137
167
  .nut-button-large-children {
138
168
  font-size: var(--nutui-button-large-font-size, var(--nutui-font-size-l, 16px));
139
- font-weight: var(--nutui-button-large-font-weight, var(--nutui-font-weight-bold, 600));
140
169
  }
141
170
  .nut-button-small {
142
171
  height: var(--nutui-button-small-height, 28px);
143
172
  padding: var(--nutui-button-small-padding, 0px 8px);
144
173
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
174
+ border-radius: var(--nutui-radius-xs, 4px);
145
175
  }
146
176
  .nut-button-small .nut-icon {
147
177
  font-size: var(--nutui-button-small-font-size, var(--nutui-font-size-s, 12px));
@@ -154,91 +184,99 @@
154
184
  .nut-button-mini {
155
185
  height: var(--nutui-button-mini-height, 24px);
156
186
  padding: var(--nutui-button-mini-padding, 0px 8px);
157
- font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
187
+ font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
188
+ border-radius: var(--nutui-radius-xs, 4px);
158
189
  }
159
190
  .nut-button-mini .nut-icon {
160
- font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
161
- width: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
162
- height: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
191
+ font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
192
+ width: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
193
+ height: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
163
194
  }
164
195
  .nut-button-mini-children {
165
- font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-s, 12px));
196
+ font-size: var(--nutui-button-mini-font-size, var(--nutui-font-size-xs, 11px));
166
197
  }
167
198
  .nut-button-primary {
168
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
199
+ color: var(--nutui-button-primary-color, #ffffff);
169
200
  background-origin: border-box;
170
201
  border-color: transparent;
171
202
  }
172
203
  .nut-button-primary-children {
173
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
204
+ color: var(--nutui-button-primary-color, #ffffff);
174
205
  }
175
206
  .nut-button-primary-solid {
176
- background: var(--nutui-color-primary, #ff0f23);
177
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
207
+ background: linear-gradient(90deg, var(--nutui-color-primary-stop-1, #ff475d) 0%, var(--nutui-color-primary-stop-2, #ff0f23) 100%);
208
+ color: var(--nutui-button-primary-color, #ffffff);
178
209
  border-color: transparent;
210
+ font-weight: var(--nutui-font-weight-bold, 600);
211
+ }
212
+ .nut-button-primary-solid.nut-button-small, .nut-button-primary-solid.nut-button-mini {
213
+ font-weight: var(--nutui-font-weight, 400);
179
214
  }
180
215
  .nut-button-primary-disabled, .nut-button-primary-solid-disabled {
181
- color: var(--nutui-button-primary-color, var(--nutui-color-primary-text, #ffffff));
182
- background: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
183
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
216
+ color: var(--nutui-button-primary-color, #ffffff);
217
+ background: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
218
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
184
219
  }
185
220
  .nut-button-primary-none {
186
- color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
221
+ color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
187
222
  }
188
223
  .nut-button-primary-none-disabled {
189
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
224
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
190
225
  }
191
226
  .nut-button-primary-outline {
192
- color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
193
- border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
227
+ color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
228
+ border-color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
194
229
  }
195
230
  .nut-button-primary-outline-disabled {
196
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
197
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
231
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
232
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
198
233
  }
199
234
  .nut-button-primary-dashed {
200
- color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
201
- border-color: var(--nutui-button-primary-border-color, var(--nutui-color-primary, #ff0f23));
235
+ color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
236
+ border-color: var(--nutui-button-primary-border-color, var(--nutui-brand-6));
202
237
  }
203
238
  .nut-button-primary-dashed-disabled {
204
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
205
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
239
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
240
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
241
+ }
242
+ .nut-button-primary.nut-button-solid.nut-button-normal {
243
+ font-weight: var(--nutui-font-weight-bold, 600);
206
244
  }
207
245
  .nut-button-success {
208
- color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
209
- background: var(--nutui-button-success-background-color, var(--nutui-color-success, #00d900));
246
+ color: var(--nutui-button-success-color, #ffffff);
247
+ background: var(--nutui-button-success-background-color, var(--nutui-green-2));
210
248
  background-origin: border-box;
211
249
  border-color: transparent;
212
250
  }
213
251
  .nut-button-success-children {
214
- color: var(--nutui-button-success-color, var(--nutui-color-primary-text, #ffffff));
252
+ color: var(--nutui-button-success-color, #ffffff);
215
253
  }
216
254
  .nut-button-success-solid-disabled {
217
255
  background: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
218
256
  border-color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
219
257
  }
220
258
  .nut-button-success-outline, .nut-button-success-dashed {
221
- color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
222
- border-color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
259
+ color: var(--nutui-button-success-border-color, var(--nutui-green-2));
260
+ border-color: var(--nutui-button-success-border-color, var(--nutui-green-2));
223
261
  }
224
262
  .nut-button-success-outline-disabled, .nut-button-success-dashed-disabled {
225
- color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
226
- border-color: var(--nutui-button-primary-disabled, var(--nutui-color-primary-disabled-special, #ffadbe));
263
+ color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
264
+ border-color: var(--nutui-button-primary-disabled, var(--nutui-brand-3));
227
265
  }
228
266
  .nut-button-success-none {
229
- color: var(--nutui-button-success-border-color, var(--nutui-color-success, #00d900));
267
+ color: var(--nutui-button-success-border-color, var(--nutui-green-2));
230
268
  }
231
269
  .nut-button-success-none-disabled {
232
270
  color: var(--nutui-button-success-disabled, var(--nutui-color-success-disabled, #b2f0ae));
233
271
  }
234
272
  .nut-button-info {
235
- color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
273
+ color: var(--nutui-button-info-color, #ffffff);
236
274
  background: var(--nutui-button-info-background-color, var(--nutui-color-info-background, #0073ff));
237
275
  background-origin: border-box;
238
276
  border-color: transparent;
239
277
  }
240
278
  .nut-button-info-children {
241
- color: var(--nutui-button-info-color, var(--nutui-color-primary-text, #ffffff));
279
+ color: var(--nutui-button-info-color, #ffffff);
242
280
  }
243
281
  .nut-button-info-solid-disabled {
244
282
  background: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
@@ -259,56 +297,56 @@
259
297
  color: var(--nutui-button-info-disabled, var(--nutui-color-info-disabled, #89a6f8));
260
298
  }
261
299
  .nut-button-danger {
262
- color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
263
- background: var(--nutui-button-danger-background-color, var(--nutui-color-danger, #ff0f23));
300
+ color: var(--nutui-button-danger-color, #ffffff);
301
+ background: var(--nutui-button-danger-background-color, var(--nutui-red-2));
264
302
  background-origin: border-box;
265
303
  border-color: transparent;
266
304
  }
267
305
  .nut-button-danger-children {
268
- color: var(--nutui-button-danger-color, var(--nutui-color-primary-text, #ffffff));
306
+ color: var(--nutui-button-danger-color, #ffffff);
269
307
  }
270
308
  .nut-button-danger-solid-disabled {
271
- background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
272
- border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
309
+ background: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
310
+ border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
273
311
  }
274
312
  .nut-button-danger-outline, .nut-button-danger-dashed {
275
- color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
276
- border-color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
313
+ color: var(--nutui-button-danger-border-color, var(--nutui-red-2));
314
+ border-color: var(--nutui-button-danger-border-color, var(--nutui-red-2));
277
315
  }
278
316
  .nut-button-danger-outline-disabled, .nut-button-danger-dashed-disabled {
279
- color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
280
- border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
317
+ color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
318
+ border-color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
281
319
  }
282
320
  .nut-button-danger-none {
283
- color: var(--nutui-button-danger-border-color, var(--nutui-color-danger, #ff0f23));
321
+ color: var(--nutui-button-danger-border-color, var(--nutui-red-2));
284
322
  }
285
323
  .nut-button-danger-none-disabled {
286
- color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-color-primary-disabled-special, #ffadbe)));
324
+ color: var(--nutui-button-danger-disabled, var(--nutui-color-danger-disabled, var(--nutui-brand-3)));
287
325
  }
288
326
  .nut-button-warning {
289
- color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
290
- background: var(--nutui-button-warning-background-color, var(--nutui-color-warning, #ffbf00));
327
+ color: var(--nutui-button-warning-color, #ffffff);
328
+ background: var(--nutui-button-warning-background-color, var(--nutui-yellow-2));
291
329
  background-origin: border-box;
292
330
  border-color: transparent;
293
331
  }
294
332
  .nut-button-warning-children {
295
- color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
333
+ color: var(--nutui-button-warning-color, #ffffff);
296
334
  }
297
335
  .nut-button-warning-disabled, .nut-button-warning-solid-disabled {
298
- color: var(--nutui-button-warning-color, var(--nutui-color-primary-text, #ffffff));
336
+ color: var(--nutui-button-warning-color, #ffffff);
299
337
  background: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
300
338
  border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
301
339
  }
302
340
  .nut-button-warning-outline, .nut-button-warning-dashed {
303
- color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
304
- border-color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
341
+ color: var(--nutui-button-warning-border-color, var(--nutui-yellow-2));
342
+ border-color: var(--nutui-button-warning-border-color, var(--nutui-yellow-2));
305
343
  }
306
344
  .nut-button-warning-outline-disabled, .nut-button-warning-dashed-disabled {
307
345
  color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
308
346
  border-color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
309
347
  }
310
348
  .nut-button-warning-none {
311
- color: var(--nutui-button-warning-border-color, var(--nutui-color-warning, #ffbf00));
349
+ color: var(--nutui-button-warning-border-color, var(--nutui-yellow-2));
312
350
  }
313
351
  .nut-button-warning-none-disabled {
314
352
  color: var(--nutui-button-warning-disabled, var(--nutui-color-warning-disabled, #fdd3b9));
@@ -333,18 +371,6 @@
333
371
  cursor: default;
334
372
  opacity: 0.9;
335
373
  }
336
- .nut-button-round {
337
- border-radius: var(--nutui-button-border-radius, 8px);
338
- }
339
- .nut-button-round-xlarge, .nut-button-round-large {
340
- border-radius: var(--nutui-button-large-border-radius, 12px);
341
- }
342
- .nut-button-round-small {
343
- border-radius: var(--nutui-button-small-border-radius, 8px);
344
- }
345
- .nut-button-round-mini {
346
- border-radius: var(--nutui-button-mini-border-radius, 6px);
347
- }
348
374
  .nut-button-square {
349
375
  border-radius: var(--nutui-button-square-border-radius, 0);
350
376
  }
@@ -378,16 +404,10 @@
378
404
  right: 0;
379
405
  width: 100%;
380
406
  height: 100%;
381
- background-color: var(--nutui-overlay-bg-color, var(--nutui-color-mask, rgba(0, 0, 0, 0.7)));
407
+ background-color: var(--nutui-overlay-bg-color, var(--nutui-black-10));
382
408
  z-index: var(--nutui-overlay-zIndex, 1000);
383
409
  }
384
410
 
385
- [dir=rtl] .nut-overlay,
386
- .nut-rtl .nut-overlay {
387
- left: auto;
388
- right: 0;
389
- }
390
-
391
411
  .nut-overflow-hidden {
392
412
  overflow: hidden !important;
393
413
  }
@@ -425,11 +445,18 @@
425
445
  animation-duration: var(--nutui-overlay-animation-duration, 0.3s);
426
446
  }
427
447
 
448
+ [dir=rtl] .nut-overlay,
449
+ .nut-rtl .nut-overlay {
450
+ left: auto;
451
+ right: 0;
452
+ }
453
+
428
454
  .nut-dialog {
429
455
  display: flex;
430
456
  flex-direction: column;
431
457
  align-items: center;
432
458
  width: var(--nutui-dialog-width, 295px);
459
+ min-width: var(--nutui-dialog-min-width, 240px);
433
460
  max-height: 67%;
434
461
  min-height: var(--nutui-dialog-min-height, 124px);
435
462
  padding: var(--nutui-dialog-padding, 24px);
@@ -448,7 +475,7 @@
448
475
  left: 50%;
449
476
  -webkit-transform: translate(-50%, -50%);
450
477
  transform: translate(-50%, -50%);
451
- border-radius: var(--nutui-dialog-border-radius, 16px);
478
+ border-radius: var(--nutui-dialog-border-radius, var(--nutui-radius-xl, 12px));
452
479
  z-index: var(--nutui-dialog-z-index, 1200);
453
480
  animation-duration: 0.3s;
454
481
  }
@@ -456,30 +483,39 @@
456
483
  position: absolute !important;
457
484
  z-index: 1;
458
485
  cursor: pointer;
459
- width: var(--nutui-dialog-close-width, 18px);
460
- height: var(--nutui-dialog-close-height, 18px);
486
+ width: var(--nutui-dialog-close-width, 16px);
487
+ height: var(--nutui-dialog-close-height, 16px);
461
488
  display: flex;
462
489
  justify-content: center;
463
490
  align-items: center;
464
- top: var(--nutui-dialog-close-top, 16px);
465
491
  color: var(--nutui-dialog-close-color, #ffffff);
466
492
  }
467
493
  .nut-dialog-close .nut-icon {
468
- font-size: 24px;
469
- height: 24px;
470
- width: 24px;
494
+ font-size: var(--nutui-dialog-close-width, 16px);
495
+ width: var(--nutui-dialog-close-width, 16px);
496
+ height: var(--nutui-dialog-close-height, 16px);
471
497
  }
472
498
  .nut-dialog-close-top-right {
499
+ top: var(--nutui-dialog-close-top, 16px);
473
500
  right: var(--nutui-dialog-close-right, 16px);
474
501
  }
475
502
  .nut-dialog-close-top-left {
503
+ top: var(--nutui-dialog-close-top, 16px);
476
504
  left: var(--nutui-dialog-close-left, 16px);
477
505
  }
478
506
  .nut-dialog-close-bottom {
479
- top: initial;
480
- bottom: -56px;
507
+ bottom: -64px;
508
+ width: var(--nutui-dialog-bottom-close-icon-size, 24px);
509
+ height: var(--nutui-dialog-bottom-close-icon-size, 24px);
481
510
  left: 50%;
482
- transform: translate(-50%);
511
+ transform: translateX(-50%);
512
+ }
513
+ .nut-dialog-close-bottom .nut-icon {
514
+ color: var(--nutui-gray-4);
515
+ background-color: var(--nutui-black-7);
516
+ border-radius: 50%;
517
+ width: var(--nutui-dialog-bottom-close-icon-size, 24px);
518
+ height: var(--nutui-dialog-bottom-close-icon-size, 24px);
483
519
  }
484
520
  .nut-dialog-close:active {
485
521
  opacity: 0.7;
@@ -488,8 +524,8 @@
488
524
  display: block;
489
525
  text-align: center;
490
526
  font-size: var(--nutui-dialog-header-font-size, var(--nutui-font-size-l, 16px));
491
- font-weight: var(--nutui-dialog-header-font-weight, normal);
492
- color: var(--nutui-color-title, #1a1a1a);
527
+ font-weight: var(--nutui-dialog-header-font-weight, var(--nutui-font-weight-bold, 600));
528
+ color: var(--nutui-gray-7);
493
529
  width: 100%;
494
530
  overflow: hidden;
495
531
  text-overflow: ellipsis;
@@ -497,11 +533,11 @@
497
533
  }
498
534
  .nut-dialog-content {
499
535
  width: 100%;
500
- margin: var(--nutui-dialog-content-margin, 5px 0 24px 0);
536
+ margin: var(--nutui-dialog-content-margin, 12px 0 16px 0);
501
537
  max-height: var(--nutui-dialog-content-max-height, 268px);
502
538
  line-height: var(--nutui-dialog-content-line-height, 20px);
503
539
  font-size: var(--nutui-font-size-base, 14px);
504
- color: var(--nutui-color-text, #505259);
540
+ color: var(--nutui-gray-7);
505
541
  word-wrap: break-word;
506
542
  word-break: break-all;
507
543
  white-space: pre-wrap;
@@ -519,18 +555,18 @@
519
555
  }
520
556
  .nut-dialog-footer.vertical .nut-button {
521
557
  min-width: 100%;
522
- margin: 0;
523
558
  }
524
- .nut-dialog-footer.vertical .nut-button.nut-dialog-footer-ok {
559
+ .nut-dialog-footer.vertical .nut-dialog-footer-ok {
525
560
  order: 1;
526
561
  }
527
- .nut-dialog-footer.vertical .nut-button.nut-dialog-footer-cancel {
528
- border: 0;
529
- color: var(--nutui-color-text, #505259);
562
+ .nut-dialog-footer.vertical .nut-dialog-footer-cancel {
563
+ margin: 0;
564
+ color: var(--nutui-gray-6);
565
+ font-size: var(--nutui-font-size-base, 14px);
530
566
  order: 2;
531
567
  display: flex;
532
- align-items: flex-end;
533
- margin-top: var(--nutui-dialog-vertical-footer-ok-margin-top, 5px);
568
+ justify-content: center;
569
+ margin-top: var(--nutui-dialog-vertical-footer-ok-margin-top, 16px);
534
570
  }
535
571
  .nut-dialog-footer .nut-button {
536
572
  min-width: var(--nutui-dialog-footer-button-min-width, 117px);
@@ -540,6 +576,10 @@
540
576
  }
541
577
  .nut-dialog-footer-ok {
542
578
  max-width: var(--nutui-dialog-footer-ok-max-width, 128px);
579
+ font-weight: var(--nutui-font-weight-bold, 600);
580
+ }
581
+ .nut-dialog-footer-block.nut-button {
582
+ min-width: 100%;
543
583
  }
544
584
 
545
585
  [dir=rtl] .nut-dialog-outer,
package/dist/cjs/packages/divider/style/style.css CHANGED
@@ -1,17 +1,21 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-divider {
2
6
  display: flex;
3
7
  align-items: center;
4
8
  flex-direction: row;
5
9
  font-size: var(--nutui-divider-text-font-size, var(--nutui-font-size-base, 14px));
6
- color: var(--nutui-divider-text-color, var(--nutui-color-text, #505259));
10
+ color: var(--nutui-divider-text-color, var(--nutui-gray-6));
7
11
  margin: var(--nutui-divider-margin, 16px 0);
8
12
  width: 100%;
9
- border: 0 solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
13
+ border: 0 solid var(--nutui-divider-border-color, var(--nutui-black-3));
10
14
  }
11
15
  .nut-divider-before, .nut-divider-after {
12
16
  display: flex;
13
17
  border-style: solid;
14
- border-color: var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
18
+ border-color: var(--nutui-divider-border-color, var(--nutui-black-3));
15
19
  border-width: var(--nutui-divider-line-height, 1px) 0 0;
16
20
  height: var(--nutui-divider-line-height, 1px);
17
21
  flex: 1;
@@ -34,7 +38,7 @@
34
38
  display: inline-flex;
35
39
  width: 0px;
36
40
  height: var(--nutui-divider-vertical-height, 12px);
37
- border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
41
+ border-left: 1px solid var(--nutui-divider-border-color, var(--nutui-black-3));
38
42
  margin: var(--nutui-divider-vertical-margin, 0 8px);
39
43
  vertical-align: middle;
40
44
  }
package/dist/cjs/packages/drag/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-drag {
2
6
  position: fixed;
3
7
  z-index: 9997 !important;
package/dist/cjs/packages/elevator/style/elevator.scss CHANGED
@@ -51,6 +51,8 @@
51
51
  }
52
52
 
53
53
  &-fixed {
54
+ display: flex;
55
+ align-items: center;
54
56
  width: 100%;
55
57
  position: absolute;
56
58
  top: 0;
@@ -58,13 +60,14 @@
58
60
  z-index: 1;
59
61
  padding: $elevator-list-item-padding;
60
62
  height: $elevator-list-item-code-height;
61
- line-height: $elevator-list-item-code-line-height;
62
- font-size: $elevator-list-item-code-font-size;
63
- color: $elevator-list-fixed-color;
64
- font-weight: $elevator-list-item-code-font-weight;
65
63
  background-color: $elevator-list-fixed-bg-color;
66
64
  box-sizing: border-box;
67
65
  box-shadow: $elevator-list-fixed-box-shadow;
66
+ &-title {
67
+ font-size: $elevator-list-item-code-font-size;
68
+ color: $elevator-list-fixed-color;
69
+ font-weight: $elevator-list-item-code-font-weight;
70
+ }
68
71
  }
69
72
  }
70
73