@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/es/packages/step/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-step {
2
6
  flex-grow: 0;
3
7
  flex-shrink: 0;
@@ -17,7 +21,7 @@
17
21
  left: calc(50% + (100% - var(--nutui-steps-base-line-width, 70%)) / 2);
18
22
  height: var(--nutui-steps-base-line-height, 1px);
19
23
  width: var(--nutui-steps-base-line-width, 70%);
20
- background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
24
+ background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
21
25
  }
22
26
  .nut-step-icon {
23
27
  position: relative;
@@ -28,8 +32,8 @@
28
32
  height: var(--nutui-steps-base-icon-height, 25px);
29
33
  line-height: var(--nutui-steps-base-icon-line-height, 25px);
30
34
  font-size: var(--nutui-steps-base-icon-font-size, var(--nutui-font-size-s, 12px));
31
- background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
32
- border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
35
+ background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
36
+ border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
33
37
  color: var(--nutui-steps-wait-icon-color, #ffffff);
34
38
  z-index: 1;
35
39
  }
@@ -58,48 +62,48 @@
58
62
  display: block;
59
63
  margin-bottom: var(--nutui-steps-base-title-margin-bottom, 10px);
60
64
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-base, 14px));
61
- color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
65
+ color: var(--nutui-steps-base-title-color, var(--nutui-gray-7));
62
66
  }
63
67
  .nut-step-description {
64
68
  display: block;
65
69
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-s, 12px));
66
- color: var(--nutui-steps-base-description-color, var(--nutui-color-text, #505259));
70
+ color: var(--nutui-steps-base-description-color, var(--nutui-gray-6));
67
71
  }
68
72
  .nut-step:last-child .nut-step-line {
69
73
  display: none;
70
74
  }
71
75
  .nut-step.nut-step-process .nut-step-icon {
72
- background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
73
- border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
76
+ background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
77
+ border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
74
78
  color: var(--nutui-steps-process-icon-color, #ffffff);
75
79
  }
76
80
  .nut-step.nut-step-process .nut-step-title {
77
- color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
81
+ color: var(--nutui-steps-process-title-color, var(--nutui-brand-6));
78
82
  font-size: var(--nutui-steps-process-title-font-size, var(--nutui-font-size-base, 14px));
79
83
  font-weight: var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 600));
80
84
  }
81
85
  .nut-step.nut-step-process .nut-step-description {
82
- color: var(--nutui-steps-process-description-color, var(--nutui-color-text, #505259));
86
+ color: var(--nutui-steps-process-description-color, var(--nutui-gray-6));
83
87
  }
84
88
  .nut-step.nut-step-wait .nut-step-title {
85
- color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
89
+ color: var(--nutui-steps-wait-title-color, var(--nutui-gray-7));
86
90
  }
87
91
  .nut-step.nut-step-wait .nut-step-description {
88
- color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
92
+ color: var(--nutui-steps-wait-description-color, var(--nutui-gray-6));
89
93
  }
90
94
  .nut-step.nut-step-finish .nut-step-icon {
91
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
92
- border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
93
- color: var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23));
95
+ background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
96
+ border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
97
+ color: var(--nutui-steps-finish-icon-color, var(--nutui-brand-6));
94
98
  }
95
99
  .nut-step.nut-step-finish .nut-step-line {
96
- background: var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #ff0f23));
100
+ background: var(--nutui-steps-finish-line-background, var(--nutui-brand-6));
97
101
  }
98
102
  .nut-step.nut-step-finish .nut-step-title {
99
- color: var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #ff0f23));
103
+ color: var(--nutui-steps-finish-title-color, var(--nutui-brand-6));
100
104
  }
101
105
  .nut-step.nut-step-finish .nut-step-description {
102
- color: var(--nutui-steps-finish-description-color, var(--nutui-color-text, #505259));
106
+ color: var(--nutui-steps-finish-description-color, var(--nutui-gray-6));
103
107
  }
104
108
 
105
109
  .nut-steps-dot .nut-step-head {
@@ -111,16 +115,16 @@
111
115
  .nut-steps-dot .nut-step-icon {
112
116
  width: var(--nutui-steps-dot-icon-width, 6px);
113
117
  height: var(--nutui-steps-dot-icon-height, 6px);
114
- border: var(--nutui-steps-dot-icon-border, 2px solid var(--nutui-color-primary-text, #ffffff));
118
+ border: var(--nutui-steps-dot-icon-border, 2px solid #ffffff);
115
119
  border-radius: 50%;
116
120
  box-sizing: content-box;
117
121
  }
118
122
  .nut-steps-dot .nut-step-wait .nut-step-icon {
119
- background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94)));
123
+ background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5)));
120
124
  }
121
125
  .nut-steps-dot .nut-step-finish .nut-step-icon {
122
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
123
- border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
126
+ background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
127
+ border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
124
128
  }
125
129
  .nut-steps-dot .nut-step-process .nut-step-icon {
126
130
  position: relative;
@@ -154,7 +158,7 @@
154
158
  display: inline-block;
155
159
  width: 1px;
156
160
  height: var(--nutui-steps-base-line-width, 70%);
157
- background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
161
+ background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
158
162
  top: calc(var(--nutui-steps-base-icon-height, 25px) + (100% - var(--nutui-steps-base-line-width, 70%) - var(--nutui-steps-base-icon-margin-bottom, 12px)) / 2);
159
163
  left: calc(50% - 1px);
160
164
  }
package/dist/es/packages/steps/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-step {
2
6
  flex-grow: 0;
3
7
  flex-shrink: 0;
@@ -17,7 +21,7 @@
17
21
  left: calc(50% + (100% - var(--nutui-steps-base-line-width, 70%)) / 2);
18
22
  height: var(--nutui-steps-base-line-height, 1px);
19
23
  width: var(--nutui-steps-base-line-width, 70%);
20
- background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
24
+ background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
21
25
  }
22
26
  .nut-step-icon {
23
27
  position: relative;
@@ -28,8 +32,8 @@
28
32
  height: var(--nutui-steps-base-icon-height, 25px);
29
33
  line-height: var(--nutui-steps-base-icon-line-height, 25px);
30
34
  font-size: var(--nutui-steps-base-icon-font-size, var(--nutui-font-size-s, 12px));
31
- background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
32
- border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
35
+ background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
36
+ border-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5));
33
37
  color: var(--nutui-steps-wait-icon-color, #ffffff);
34
38
  z-index: 1;
35
39
  }
@@ -58,48 +62,48 @@
58
62
  display: block;
59
63
  margin-bottom: var(--nutui-steps-base-title-margin-bottom, 10px);
60
64
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-base, 14px));
61
- color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
65
+ color: var(--nutui-steps-base-title-color, var(--nutui-gray-7));
62
66
  }
63
67
  .nut-step-description {
64
68
  display: block;
65
69
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-s, 12px));
66
- color: var(--nutui-steps-base-description-color, var(--nutui-color-text, #505259));
70
+ color: var(--nutui-steps-base-description-color, var(--nutui-gray-6));
67
71
  }
68
72
  .nut-step:last-child .nut-step-line {
69
73
  display: none;
70
74
  }
71
75
  .nut-step.nut-step-process .nut-step-icon {
72
- background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
73
- border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
76
+ background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
77
+ border-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-brand-6));
74
78
  color: var(--nutui-steps-process-icon-color, #ffffff);
75
79
  }
76
80
  .nut-step.nut-step-process .nut-step-title {
77
- color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
81
+ color: var(--nutui-steps-process-title-color, var(--nutui-brand-6));
78
82
  font-size: var(--nutui-steps-process-title-font-size, var(--nutui-font-size-base, 14px));
79
83
  font-weight: var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 600));
80
84
  }
81
85
  .nut-step.nut-step-process .nut-step-description {
82
- color: var(--nutui-steps-process-description-color, var(--nutui-color-text, #505259));
86
+ color: var(--nutui-steps-process-description-color, var(--nutui-gray-6));
83
87
  }
84
88
  .nut-step.nut-step-wait .nut-step-title {
85
- color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
89
+ color: var(--nutui-steps-wait-title-color, var(--nutui-gray-7));
86
90
  }
87
91
  .nut-step.nut-step-wait .nut-step-description {
88
- color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
92
+ color: var(--nutui-steps-wait-description-color, var(--nutui-gray-6));
89
93
  }
90
94
  .nut-step.nut-step-finish .nut-step-icon {
91
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
92
- border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
93
- color: var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23));
95
+ background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
96
+ border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
97
+ color: var(--nutui-steps-finish-icon-color, var(--nutui-brand-6));
94
98
  }
95
99
  .nut-step.nut-step-finish .nut-step-line {
96
- background: var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #ff0f23));
100
+ background: var(--nutui-steps-finish-line-background, var(--nutui-brand-6));
97
101
  }
98
102
  .nut-step.nut-step-finish .nut-step-title {
99
- color: var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #ff0f23));
103
+ color: var(--nutui-steps-finish-title-color, var(--nutui-brand-6));
100
104
  }
101
105
  .nut-step.nut-step-finish .nut-step-description {
102
- color: var(--nutui-steps-finish-description-color, var(--nutui-color-text, #505259));
106
+ color: var(--nutui-steps-finish-description-color, var(--nutui-gray-6));
103
107
  }
104
108
 
105
109
  .nut-steps-dot .nut-step-head {
@@ -111,16 +115,16 @@
111
115
  .nut-steps-dot .nut-step-icon {
112
116
  width: var(--nutui-steps-dot-icon-width, 6px);
113
117
  height: var(--nutui-steps-dot-icon-height, 6px);
114
- border: var(--nutui-steps-dot-icon-border, 2px solid var(--nutui-color-primary-text, #ffffff));
118
+ border: var(--nutui-steps-dot-icon-border, 2px solid #ffffff);
115
119
  border-radius: 50%;
116
120
  box-sizing: content-box;
117
121
  }
118
122
  .nut-steps-dot .nut-step-wait .nut-step-icon {
119
- background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94)));
123
+ background-color: var(--nutui-steps-dot-wait-icon-bg-color, var(--nutui-steps-wait-icon-bg-color, var(--nutui-gray-5)));
120
124
  }
121
125
  .nut-steps-dot .nut-step-finish .nut-step-icon {
122
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
123
- border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
126
+ background-color: var(--nutui-steps-finish-icon-bg-color, #ffffff);
127
+ border-color: var(--nutui-steps-dot-finish-icon-bg-color, var(--nutui-steps-finish-icon-color, var(--nutui-brand-6)));
124
128
  }
125
129
  .nut-steps-dot .nut-step-process .nut-step-icon {
126
130
  position: relative;
@@ -154,7 +158,7 @@
154
158
  display: inline-block;
155
159
  width: 1px;
156
160
  height: var(--nutui-steps-base-line-width, 70%);
157
- background: var(--nutui-steps-base-line-background, var(--nutui-color-text-help, #888b94));
161
+ background: var(--nutui-steps-base-line-background, var(--nutui-gray-5));
158
162
  top: calc(var(--nutui-steps-base-icon-height, 25px) + (100% - var(--nutui-steps-base-line-width, 70%) - var(--nutui-steps-base-icon-margin-bottom, 12px)) / 2);
159
163
  left: calc(50% - 1px);
160
164
  }
package/dist/es/packages/sticky/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-sticky-fixed {
2
6
  position: fixed;
3
7
  }
package/dist/es/packages/subsidenavbar/style/style.css CHANGED
@@ -1,9 +1,13 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-subsidenavbar-title {
2
6
  height: var(--nutui-sidenavbar-item-height, 40px);
3
7
  padding: var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);
4
8
  box-sizing: border-box;
5
- background-color: var(--nutui-sidenavbar-sub-title-background, var(--nutui-color-background-sunken, #f7f8fc));
6
- color: var(--nutui-sidenavbar-sub-title-color, var(--nutui-color-title, #1a1a1a));
9
+ background-color: var(--nutui-sidenavbar-sub-title-background, var(--nutui-color-background-sunken, var(--nutui-gray-2)));
10
+ color: var(--nutui-sidenavbar-sub-title-color, var(--nutui-gray-7));
7
11
  box-sizing: border-box;
8
12
  }
9
13
  .nut-subsidenavbar-list.sidenavbar-show .nut-subsidenavbar-content {
package/dist/es/packages/swipe/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-swipe {
2
6
  display: flex;
3
7
  flex-direction: row;
package/dist/es/packages/swiper/style/style.css CHANGED
@@ -1,59 +1,140 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-indicator {
2
6
  display: flex;
3
- flex-direction: row;
4
7
  width: auto;
8
+ flex-direction: row;
5
9
  flex-wrap: nowrap;
6
10
  align-items: center;
7
- justify-content: center;
8
11
  }
9
- .nut-indicator-dot {
12
+ .nut-indicator-fixed-width {
13
+ width: 21px;
14
+ }
15
+ .nut-indicator-dot, .nut-indicator-line {
10
16
  display: inline-block;
11
17
  vertical-align: middle;
12
- width: var(--nutui-indicator-dot-size, 4px);
13
- height: var(--nutui-indicator-dot-size, 4px);
18
+ width: var(--nutui-indicator-dot-size, 3px);
19
+ height: var(--nutui-indicator-dot-size, 3px);
14
20
  border-radius: 50%;
15
- background-color: var(--nutui-indicator-dot-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
16
- margin: 0 var(--nutui-indicator-dot-margin, 2px);
21
+ background-color: var(--nutui-gray-4);
22
+ margin: 0 var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px));
23
+ opacity: 0.4;
17
24
  }
18
- .nut-indicator-dot:first-child {
25
+ .nut-indicator-dot:first-child, .nut-indicator-line:first-child {
19
26
  margin-left: 0px;
20
27
  }
21
- .nut-indicator-dot:last-child {
28
+ .nut-indicator-dot:last-child, .nut-indicator-line:last-child {
22
29
  margin-right: 0px;
23
30
  }
24
- .nut-indicator-active {
25
- width: var(--nutui-indicator-dot-active-size, 8px);
26
- border-radius: var(--nutui-indicator-border-radius, 2px);
27
- background: var(--nutui-indicator-color, var(--nutui-color-primary, #ff0f23));
31
+ .nut-indicator-dot-active, .nut-indicator-line-active {
32
+ width: var(--nutui-indicator-dot-active-size, 6px);
33
+ border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
34
+ background: var(--nutui-indicator-color, var(--nutui-brand-6));
35
+ opacity: 1;
36
+ }
37
+ .nut-indicator-fixed-width .nut-indicator-dot {
38
+ width: 12px;
39
+ border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
40
+ }
41
+ .nut-indicator-fixed-width .nut-indicator-dot-active {
42
+ width: 6px;
43
+ }
44
+ .nut-indicator-vertical.nut-indicator-fixed-width {
45
+ justify-content: flex-start;
46
+ height: 21px;
47
+ width: auto;
48
+ }
49
+ .nut-indicator-vertical.nut-indicator-fixed-width .nut-indicator-dot {
50
+ width: 3px;
51
+ height: 12px;
52
+ border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
53
+ }
54
+ .nut-indicator-vertical.nut-indicator-fixed-width .nut-indicator-dot-active {
55
+ height: 6px;
56
+ }
57
+ .nut-indicator-line {
58
+ width: var(--nutui-indicator-dot-active-size, 6px);
59
+ margin: 0;
60
+ border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
61
+ background-color: transparent;
62
+ }
63
+ .nut-indicator-line-active {
64
+ transition: transform 0.3s ease-in-out;
65
+ background: var(--nutui-indicator-color, var(--nutui-brand-6));
66
+ }
67
+
68
+ .nut-indicator-track {
69
+ position: relative;
28
70
  }
71
+ .nut-indicator-track:after {
72
+ display: block;
73
+ content: " ";
74
+ position: absolute;
75
+ width: 100%;
76
+ height: 100%;
77
+ box-sizing: border-box;
78
+ border-radius: var(--nutui-indicator-border-radius, var(--nutui-radius-xxs, 2px));
79
+ background-color: var(--nutui-gray-4);
80
+ opacity: 0.4;
81
+ }
82
+
83
+ .nut-indicator-white .nut-indicator-dot, .nut-indicator-white .nut-indicator-line {
84
+ position: relative;
85
+ box-sizing: content-box;
86
+ background: rgba(255, 255, 255, 0.4);
87
+ border: 1px solid rgba(0, 0, 0, 0.06);
88
+ opacity: 1;
89
+ }
90
+ .nut-indicator-white .nut-indicator-line {
91
+ opacity: 0;
92
+ }
93
+ .nut-indicator-white .nut-indicator-line-active {
94
+ opacity: 1;
95
+ background: rgb(255, 255, 255);
96
+ }
97
+ .nut-indicator-white .nut-indicator-dot-active {
98
+ background: rgb(255, 255, 255);
99
+ }
100
+
101
+ .nut-indicator-track.nut-indicator-white:after {
102
+ border: 1px solid rgba(0, 0, 0, 0.06);
103
+ background: rgba(255, 255, 255, 0.4);
104
+ }
105
+
29
106
  .nut-indicator-vertical {
30
107
  display: flex;
31
108
  flex-direction: column;
32
109
  align-items: center;
33
110
  justify-content: center;
34
111
  }
35
- .nut-indicator-vertical-dot {
36
- margin: var(--nutui-indicator-dot-margin, 2px) 0;
112
+ .nut-indicator-vertical .nut-indicator-dot {
113
+ margin: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px)) 0;
37
114
  }
38
- .nut-indicator-vertical-dot:first-child {
115
+ .nut-indicator-vertical .nut-indicator-dot:first-child {
39
116
  margin-top: 0px;
40
117
  }
41
- .nut-indicator-vertical-dot:last-child {
118
+ .nut-indicator-vertical .nut-indicator-dot:last-child {
42
119
  margin-bottom: 0px;
43
120
  }
44
- .nut-indicator-vertical-active {
45
- width: var(--nutui-indicator-dot-size, 4px);
46
- height: var(--nutui-indicator-dot-active-size, 8px);
121
+ .nut-indicator-vertical .nut-indicator-dot-active {
122
+ width: var(--nutui-indicator-dot-size, 3px);
123
+ height: var(--nutui-indicator-dot-active-size, 6px);
124
+ }
125
+ .nut-indicator-vertical.nut-indicator-track .nut-indicator-line {
126
+ width: var(--nutui-indicator-dot-size, 3px);
127
+ height: var(--nutui-indicator-dot-active-size, 6px);
47
128
  }
48
129
 
49
130
  [dir=rtl] .nut-indicator-dot:first-child,
50
131
  .nut-rtl .nut-indicator-dot:first-child {
51
- margin-left: var(--nutui-indicator-dot-margin, 2px);
132
+ margin-left: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px));
52
133
  margin-right: 0px;
53
134
  }
54
135
  [dir=rtl] .nut-indicator-dot:last-child,
55
136
  .nut-rtl .nut-indicator-dot:last-child {
56
- margin-right: var(--nutui-indicator-dot-margin, 2px);
137
+ margin-right: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px));
57
138
  margin-left: 0px;
58
139
  }
59
140
 
package/dist/es/packages/swiperitem/style/style.css CHANGED
@@ -1,3 +1,7 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-swiper-item {
2
6
  height: 100%;
3
7
  }
package/dist/es/packages/switch/style/style.css CHANGED
@@ -1,71 +1,91 @@
1
+ /* #ifdef harmony */
2
+ /* #endif */
3
+ /* #ifndef harmony */
4
+ /* #endif */
1
5
  .nut-switch {
2
6
  cursor: pointer;
3
- display: flex;
7
+ position: relative;
8
+ display: inline-flex;
4
9
  flex-direction: row;
5
10
  align-items: center;
6
- width: var(--nutui-switch-width, 40px);
7
- height: var(--nutui-switch-height, 24px);
8
- line-height: var(--nutui-switch-line-height, 24px);
9
- background-color: var(--nutui-switch-open-background-color, var(--nutui-color-primary, #ff0f23));
10
- border-radius: var(--nutui-switch-border-radius, 8px);
11
+ min-width: var(--nutui-switch-width, 46px);
12
+ height: var(--nutui-switch-height, 28px);
13
+ line-height: var(--nutui-switch-line-height, 28px);
14
+ background-color: var(--nutui-switch-active-background-color, var(--nutui-brand-6));
15
+ border-radius: var(--nutui-switch-border-radius, 50px);
11
16
  background-size: 100% 100%;
12
17
  background-repeat: no-repeat;
13
18
  background-position: center center;
14
19
  flex: 0 0 auto;
15
20
  }
16
21
  .nut-switch-button {
22
+ position: absolute;
23
+ top: 50%;
24
+ transform: translateY(-50%);
17
25
  display: flex;
18
26
  flex-direction: row;
19
27
  align-items: center;
20
28
  justify-content: center;
21
- height: var(--nutui-switch-inside-height, 20px);
22
- width: var(--nutui-switch-inside-width, 20px);
23
- transform: var(--nutui-switch-inside-close-transform, translateX(2px));
24
- border-radius: var(--nutui-switch-inside-border-radius, var(--nutui-radius-s, 6px));
25
- background: var(--nutui-color-primary-text, #ffffff);
26
- transition: transform 0.3s;
27
- box-shadow: var(--nutui-switch-box-shadow, 0 0 transparent);
29
+ height: calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2);
30
+ width: calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2);
31
+ border-radius: var(--nutui-switch-inside-border-radius, 50%);
32
+ background: #ffffff;
33
+ transition: left 0.3s linear;
34
+ box-shadow: var(--nutui-switch-inside-box-shadow, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
28
35
  }
29
36
  .nut-switch-button-open {
30
- transform: var(--nutui-switch-inside-open-transform, translateX(18px));
37
+ left: calc(100% - var(--nutui-switch-height, 28px) + var(--nutui-switch-border-width, 2px));
31
38
  }
32
39
  .nut-switch-button-open-rtl {
33
- transform: var(--nutui-switch-inside-open-transform, translateX(-18px));
40
+ left: var(--nutui-switch-border-width, 2px);
34
41
  }
35
42
  .nut-switch-button-close {
36
- transform: var(--nutui-switch-inside-close-transform, translateX(2px));
43
+ left: var(--nutui-switch-border-width, 2px);
37
44
  }
38
45
  .nut-switch-button-close-rtl {
39
- transform: var(--nutui-switch-inside-close-transform, translateX(-2px));
46
+ left: calc(100% - var(--nutui-switch-height, 28px) + var(--nutui-switch-border-width, 2px));
40
47
  }
41
48
  .nut-switch-close {
42
- background-color: var(--nutui-switch-close-background-color, var(--nutui-color-text-disabled, #c2c4cc));
49
+ background-color: var(--nutui-switch-inactive-background-color, var(--nutui-gray-4));
43
50
  }
44
51
  .nut-switch-close-line {
45
- width: 12px;
52
+ width: calc((var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
46
53
  height: 2px;
47
- background: var(--nutui-switch-close-line-background-color, #fff);
54
+ background: var(--nutui-switch-inactive-line-background-color, #ffffff);
48
55
  border-radius: 2px;
49
56
  }
50
- .nut-switch-disabled {
51
- background-color: var(--nutui-switch-open-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
52
- }
53
- .nut-switch-disabled-close {
54
- background-color: var(--nutui-switch-close-disabled-background-color, var(--nutui-color-background, #f5f6fa));
55
- }
56
57
  .nut-switch-label {
57
- color: var(--nutui-color-primary-text, #ffffff);
58
- font-size: var(--nutui-font-size-s, 12px);
58
+ display: inline-flex;
59
+ align-items: center;
60
+ height: 100%;
61
+ white-space: nowrap;
62
+ color: var(--nutui-switch-label-text-color, #ffffff);
63
+ font-size: var(--nutui-switch-label-font-size, var(--nutui-font-size-s, 12px));
64
+ }
65
+ .nut-switch-label .nut-icon {
66
+ color: var(--nutui-switch-label-text-color, #ffffff);
59
67
  }
60
68
  .nut-switch-label-open {
61
- transform: translateX(-18px);
69
+ margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
62
70
  }
63
71
  .nut-switch-label-open-rtl {
64
- transform: translateX(18px);
72
+ margin: 0 7px 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px);
65
73
  }
66
74
  .nut-switch-label-close {
67
- transform: translateX(18px);
75
+ margin: 0 7px 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px);
68
76
  }
69
77
  .nut-switch-label-close-rtl {
70
- transform: translateX(-18px);
78
+ margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
79
+ }
80
+ .nut-switch-label-close-disabled {
81
+ color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-gray-4));
82
+ }
83
+ .nut-switch-label-close-disabled .nut-icon {
84
+ color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-gray-4));
85
+ }
86
+ .nut-switch-disabled {
87
+ background-color: var(--nutui-switch-active-disabled-background-color, var(--nutui-brand-3));
88
+ }
89
+ .nut-switch-disabled-close {
90
+ background-color: var(--nutui-switch-inactive-disabled-background-color, var(--nutui-gray-3));
71
91
  }