@nutui/nutui-react 3.0.0-beta.7 → 3.0.0-beta.9

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 (350) hide show
  1. package/dist/cjs/packages/actionsheet/style/style.css +45 -79
  2. package/dist/cjs/packages/address/address.js +9 -6
  3. package/dist/cjs/packages/address/style/style.css +74 -109
  4. package/dist/cjs/packages/animatingnumbers/style/style.css +3 -3
  5. package/dist/cjs/packages/audio/style/style.css +95 -84
  6. package/dist/cjs/packages/avatar/style/style.css +2 -2
  7. package/dist/cjs/packages/backtop/backtop.d.ts +2 -2
  8. package/dist/cjs/packages/backtop/backtop.js +14 -21
  9. package/dist/cjs/packages/backtop/style/backtop.scss +8 -17
  10. package/dist/cjs/packages/backtop/style/style.css +8 -14
  11. package/dist/cjs/packages/badge/badge.d.ts +2 -12
  12. package/dist/cjs/packages/badge/badge.js +12 -23
  13. package/dist/cjs/packages/badge/index.d.ts +1 -1
  14. package/dist/cjs/packages/badge/style/badge.scss +61 -34
  15. package/dist/cjs/packages/badge/style/style.css +64 -41
  16. package/dist/cjs/packages/badge/types.d.ts +12 -0
  17. package/dist/cjs/packages/badge/types.js +4 -0
  18. package/dist/cjs/packages/barrage/style/style.css +2 -2
  19. package/dist/cjs/packages/button/style/button.scss +16 -4
  20. package/dist/cjs/packages/button/style/style.css +82 -71
  21. package/dist/cjs/packages/calendar/style/style.css +51 -85
  22. package/dist/cjs/packages/calendarcard/style/style.css +11 -11
  23. package/dist/cjs/packages/card/style/style.css +42 -23
  24. package/dist/cjs/packages/cascader/cascader.js +1 -1
  25. package/dist/cjs/packages/cascader/style/style.css +63 -98
  26. package/dist/cjs/packages/cell/cell.d.ts +2 -12
  27. package/dist/cjs/packages/cell/index.d.ts +1 -1
  28. package/dist/cjs/packages/cell/style/style.css +10 -10
  29. package/dist/cjs/packages/cell/types.d.ts +12 -0
  30. package/dist/cjs/packages/cell/types.js +4 -0
  31. package/dist/cjs/packages/cellgroup/style/style.css +3 -3
  32. package/dist/cjs/packages/checkbox/style/checkbox.scss +5 -0
  33. package/dist/cjs/packages/checkbox/style/style.css +34 -29
  34. package/dist/cjs/packages/checkboxgroup/style/style.css +7 -7
  35. package/dist/cjs/packages/circleprogress/style/style.css +3 -3
  36. package/dist/cjs/packages/collapse/style/style.css +11 -11
  37. package/dist/cjs/packages/collapseitem/style/style.css +11 -11
  38. package/dist/cjs/packages/configprovider/types.d.ts +1 -1
  39. package/dist/cjs/packages/countdown/style/style.css +9 -9
  40. package/dist/cjs/packages/countup/style/countup.scss +1 -1
  41. package/dist/cjs/packages/countup/style/style.css +3 -3
  42. package/dist/cjs/packages/datepicker/style/style.css +48 -82
  43. package/dist/cjs/packages/dialog/style/style.css +92 -81
  44. package/dist/cjs/packages/divider/style/style.css +4 -4
  45. package/dist/cjs/packages/elevator/style/style.css +8 -8
  46. package/dist/cjs/packages/empty/style/style.css +3 -3
  47. package/dist/cjs/packages/fixednav/style/style.css +9 -9
  48. package/dist/cjs/packages/form/style/style.css +19 -17
  49. package/dist/cjs/packages/formitem/style/formitem.scss +2 -0
  50. package/dist/cjs/packages/formitem/style/style.css +6 -4
  51. package/dist/cjs/packages/grid/style/style.css +7 -7
  52. package/dist/cjs/packages/griditem/style/style.css +6 -6
  53. package/dist/cjs/packages/hoverbutton/style/style.css +7 -7
  54. package/dist/cjs/packages/hoverbuttonitem/style/hoverbuttonitem.scss +3 -3
  55. package/dist/cjs/packages/hoverbuttonitem/style/style.css +7 -7
  56. package/dist/cjs/packages/image/style/style.css +2 -2
  57. package/dist/cjs/packages/imagepreview/style/style.css +138 -95
  58. package/dist/cjs/packages/indicator/indicator.d.ts +4 -0
  59. package/dist/cjs/packages/indicator/indicator.js +39 -10
  60. package/dist/cjs/packages/indicator/style/indicator.scss +127 -14
  61. package/dist/cjs/packages/indicator/style/style.css +99 -22
  62. package/dist/cjs/packages/infiniteloading/style/infiniteloading.scss +1 -1
  63. package/dist/cjs/packages/infiniteloading/style/style.css +4 -4
  64. package/dist/cjs/packages/input/input.d.ts +1 -0
  65. package/dist/cjs/packages/input/input.js +7 -3
  66. package/dist/cjs/packages/input/style/input.scss +24 -13
  67. package/dist/cjs/packages/input/style/style.css +21 -15
  68. package/dist/cjs/packages/inputnumber/style/inputnumber.scss +2 -2
  69. package/dist/cjs/packages/inputnumber/style/style.css +9 -9
  70. package/dist/cjs/packages/loading/index.d.ts +1 -1
  71. package/dist/cjs/packages/loading/loading.d.ts +3 -10
  72. package/dist/cjs/packages/loading/loading.js +45 -12
  73. package/dist/cjs/packages/loading/style/loading.scss +7 -1
  74. package/dist/cjs/packages/loading/style/style.css +9 -3
  75. package/dist/cjs/packages/loading/types.d.ts +13 -0
  76. package/dist/cjs/packages/loading/types.js +4 -0
  77. package/dist/cjs/packages/lottie/index.d.ts +3 -0
  78. package/dist/cjs/packages/lottie/index.js +12 -0
  79. package/dist/cjs/packages/lottie/style/css.js +1 -0
  80. package/dist/cjs/packages/lottie/style/index.js +1 -0
  81. package/dist/cjs/packages/lottie/style/lottie.scss +0 -0
  82. package/dist/cjs/packages/lottie/style/style.css +4 -0
  83. package/dist/cjs/packages/lottie/types.d.ts +11 -0
  84. package/dist/cjs/packages/lottie/types.js +6 -0
  85. package/dist/cjs/packages/lottie/web.d.ts +3 -0
  86. package/dist/cjs/packages/lottie/web.js +34 -0
  87. package/dist/cjs/packages/menu/style/style.css +14 -14
  88. package/dist/cjs/packages/menuitem/style/style.css +10 -10
  89. package/dist/cjs/packages/navbar/navbar.d.ts +1 -1
  90. package/dist/cjs/packages/navbar/navbar.js +15 -65
  91. package/dist/cjs/packages/navbar/style/navbar.scss +32 -40
  92. package/dist/cjs/packages/navbar/style/style.css +27 -41
  93. package/dist/cjs/packages/notify/style/style.css +4 -4
  94. package/dist/cjs/packages/numberkeyboard/style/style.css +47 -81
  95. package/dist/cjs/packages/nutui.react.build.d.ts +3 -1
  96. package/dist/cjs/packages/nutui.react.build.js +4 -0
  97. package/dist/cjs/packages/nutui.react.d.ts +4 -1
  98. package/dist/cjs/packages/nutui.react.js +5 -0
  99. package/dist/cjs/packages/nutui.react.scss.d.ts +1 -0
  100. package/dist/cjs/packages/nutui.react.scss.js +1 -0
  101. package/dist/cjs/packages/overlay/style/overlay.scss +6 -6
  102. package/dist/cjs/packages/overlay/style/style.css +7 -7
  103. package/dist/cjs/packages/pagination/style/style.css +8 -8
  104. package/dist/cjs/packages/picker/style/style.css +48 -82
  105. package/dist/cjs/packages/popover/popover.js +17 -14
  106. package/dist/cjs/packages/popover/style/popover.scss +42 -65
  107. package/dist/cjs/packages/popover/style/style.css +85 -141
  108. package/dist/cjs/packages/popup/popup.js +24 -23
  109. package/dist/cjs/packages/popup/style/popup.scss +24 -56
  110. package/dist/cjs/packages/popup/style/style.css +37 -71
  111. package/dist/cjs/packages/price/index.d.ts +1 -1
  112. package/dist/cjs/packages/price/price.d.ts +1 -10
  113. package/dist/cjs/packages/price/price.js +9 -9
  114. package/dist/cjs/packages/price/style/price.scss +49 -9
  115. package/dist/cjs/packages/price/style/style.css +35 -16
  116. package/dist/cjs/packages/price/types.d.ts +13 -0
  117. package/dist/cjs/packages/price/types.js +4 -0
  118. package/dist/cjs/packages/progress/style/style.css +2 -2
  119. package/dist/cjs/packages/pulltorefresh/style/style.css +2 -2
  120. package/dist/cjs/packages/radio/style/radio.scss +3 -0
  121. package/dist/cjs/packages/radio/style/style.css +22 -19
  122. package/dist/cjs/packages/radiogroup/style/style.css +6 -6
  123. package/dist/cjs/packages/range/style/style.css +10 -10
  124. package/dist/cjs/packages/rate/style/style.css +4 -4
  125. package/dist/cjs/packages/resultpage/style/style.css +2 -2
  126. package/dist/cjs/packages/searchbar/style/style.css +5 -5
  127. package/dist/cjs/packages/segmented/style/style.css +3 -3
  128. package/dist/cjs/packages/shortpassword/style/style.css +48 -82
  129. package/dist/cjs/packages/sidenavbar/sidenavbar.d.ts +3 -0
  130. package/dist/cjs/packages/sidenavbar/sidenavbar.js +5 -1
  131. package/dist/cjs/packages/sidenavbar/style/style.css +41 -75
  132. package/dist/cjs/packages/sidenavbaritem/style/style.css +2 -2
  133. package/dist/cjs/packages/signature/style/style.css +2 -2
  134. package/dist/cjs/packages/skeleton/style/style.css +5 -5
  135. package/dist/cjs/packages/step/style/style.css +22 -22
  136. package/dist/cjs/packages/steps/style/style.css +22 -22
  137. package/dist/cjs/packages/subsidenavbar/style/style.css +2 -2
  138. package/dist/cjs/packages/swiper/style/style.css +99 -22
  139. package/dist/cjs/packages/switch/style/style.css +10 -10
  140. package/dist/cjs/packages/switch/style/switch.scss +1 -1
  141. package/dist/cjs/packages/tabbar/style/style.css +69 -46
  142. package/dist/cjs/packages/tabbaritem/style/style.css +68 -45
  143. package/dist/cjs/packages/table/style/style.css +11 -11
  144. package/dist/cjs/packages/tabpane/style/style.css +1 -1
  145. package/dist/cjs/packages/tabs/style/style.css +21 -22
  146. package/dist/cjs/packages/tabs/style/tabs.scss +1 -1
  147. package/dist/cjs/packages/tag/style/style.css +5 -5
  148. package/dist/cjs/packages/textarea/style/style.css +30 -19
  149. package/dist/cjs/packages/textarea/style/textarea.scss +43 -16
  150. package/dist/cjs/packages/textarea/textarea.d.ts +2 -0
  151. package/dist/cjs/packages/textarea/textarea.js +9 -7
  152. package/dist/cjs/packages/timedetail/style/style.css +4 -4
  153. package/dist/cjs/packages/timeselect/style/style.css +46 -80
  154. package/dist/cjs/packages/timeselect/timeselect.js +1 -4
  155. package/dist/cjs/packages/toast/style/style.css +8 -8
  156. package/dist/cjs/packages/tour/style/style.css +89 -145
  157. package/dist/cjs/packages/trendarrow/style/style.css +1 -1
  158. package/dist/cjs/packages/uploader/index.d.ts +1 -1
  159. package/dist/cjs/packages/uploader/preview.js +13 -14
  160. package/dist/cjs/packages/uploader/style/style.css +13 -13
  161. package/dist/cjs/packages/uploader/types.d.ts +17 -0
  162. package/dist/cjs/packages/uploader/types.js +4 -0
  163. package/dist/cjs/packages/uploader/uploader.d.ts +5 -28
  164. package/dist/cjs/packages/uploader/uploader.js +241 -220
  165. package/dist/cjs/packages/virtuallist/style/style.css +4 -4
  166. package/dist/cjs/utils/platform-taro.d.ts +1 -0
  167. package/dist/cjs/utils/platform-taro.js +8 -0
  168. package/dist/es/packages/actionsheet/style/style.css +45 -79
  169. package/dist/es/packages/address/address.js +9 -6
  170. package/dist/es/packages/address/style/style.css +74 -109
  171. package/dist/es/packages/animatingnumbers/style/style.css +3 -3
  172. package/dist/es/packages/audio/style/style.css +95 -84
  173. package/dist/es/packages/avatar/style/style.css +2 -2
  174. package/dist/es/packages/backtop/backtop.d.ts +2 -2
  175. package/dist/es/packages/backtop/backtop.js +15 -22
  176. package/dist/es/packages/backtop/style/backtop.scss +8 -17
  177. package/dist/es/packages/backtop/style/style.css +8 -14
  178. package/dist/es/packages/badge/badge.d.ts +2 -12
  179. package/dist/es/packages/badge/badge.js +12 -23
  180. package/dist/es/packages/badge/index.d.ts +1 -1
  181. package/dist/es/packages/badge/style/badge.scss +61 -34
  182. package/dist/es/packages/badge/style/style.css +64 -41
  183. package/dist/es/packages/badge/types.d.ts +12 -0
  184. package/dist/es/packages/badge/types.js +1 -0
  185. package/dist/es/packages/barrage/style/style.css +2 -2
  186. package/dist/es/packages/button/style/button.scss +16 -4
  187. package/dist/es/packages/button/style/style.css +82 -71
  188. package/dist/es/packages/calendar/style/style.css +51 -85
  189. package/dist/es/packages/calendarcard/style/style.css +11 -11
  190. package/dist/es/packages/card/style/style.css +42 -23
  191. package/dist/es/packages/cascader/cascader.js +2 -2
  192. package/dist/es/packages/cascader/style/style.css +63 -98
  193. package/dist/es/packages/cell/cell.d.ts +2 -12
  194. package/dist/es/packages/cell/index.d.ts +1 -1
  195. package/dist/es/packages/cell/style/style.css +10 -10
  196. package/dist/es/packages/cell/types.d.ts +12 -0
  197. package/dist/es/packages/cell/types.js +1 -0
  198. package/dist/es/packages/cellgroup/style/style.css +3 -3
  199. package/dist/es/packages/checkbox/style/checkbox.scss +5 -0
  200. package/dist/es/packages/checkbox/style/style.css +34 -29
  201. package/dist/es/packages/checkboxgroup/style/style.css +7 -7
  202. package/dist/es/packages/circleprogress/style/style.css +3 -3
  203. package/dist/es/packages/collapse/style/style.css +11 -11
  204. package/dist/es/packages/collapseitem/style/style.css +11 -11
  205. package/dist/es/packages/configprovider/types.d.ts +1 -1
  206. package/dist/es/packages/countdown/style/style.css +9 -9
  207. package/dist/es/packages/countup/style/countup.scss +1 -1
  208. package/dist/es/packages/countup/style/style.css +3 -3
  209. package/dist/es/packages/datepicker/style/style.css +48 -82
  210. package/dist/es/packages/dialog/style/style.css +92 -81
  211. package/dist/es/packages/divider/style/style.css +4 -4
  212. package/dist/es/packages/elevator/style/style.css +8 -8
  213. package/dist/es/packages/empty/style/style.css +3 -3
  214. package/dist/es/packages/fixednav/style/style.css +9 -9
  215. package/dist/es/packages/form/style/style.css +19 -17
  216. package/dist/es/packages/formitem/style/formitem.scss +2 -0
  217. package/dist/es/packages/formitem/style/style.css +6 -4
  218. package/dist/es/packages/grid/style/style.css +7 -7
  219. package/dist/es/packages/griditem/style/style.css +6 -6
  220. package/dist/es/packages/hoverbutton/style/style.css +7 -7
  221. package/dist/es/packages/hoverbuttonitem/style/hoverbuttonitem.scss +3 -3
  222. package/dist/es/packages/hoverbuttonitem/style/style.css +7 -7
  223. package/dist/es/packages/image/style/style.css +2 -2
  224. package/dist/es/packages/imagepreview/style/style.css +138 -95
  225. package/dist/es/packages/indicator/indicator.d.ts +4 -0
  226. package/dist/es/packages/indicator/indicator.js +39 -10
  227. package/dist/es/packages/indicator/style/indicator.scss +127 -14
  228. package/dist/es/packages/indicator/style/style.css +99 -22
  229. package/dist/es/packages/infiniteloading/style/infiniteloading.scss +1 -1
  230. package/dist/es/packages/infiniteloading/style/style.css +4 -4
  231. package/dist/es/packages/input/input.d.ts +1 -0
  232. package/dist/es/packages/input/input.js +7 -3
  233. package/dist/es/packages/input/style/input.scss +24 -13
  234. package/dist/es/packages/input/style/style.css +21 -15
  235. package/dist/es/packages/inputnumber/style/inputnumber.scss +2 -2
  236. package/dist/es/packages/inputnumber/style/style.css +9 -9
  237. package/dist/es/packages/loading/index.d.ts +1 -1
  238. package/dist/es/packages/loading/loading.d.ts +3 -10
  239. package/dist/es/packages/loading/loading.js +44 -12
  240. package/dist/es/packages/loading/style/loading.scss +7 -1
  241. package/dist/es/packages/loading/style/style.css +9 -3
  242. package/dist/es/packages/loading/types.d.ts +13 -0
  243. package/dist/es/packages/loading/types.js +1 -0
  244. package/dist/es/packages/lottie/index.d.ts +3 -0
  245. package/dist/es/packages/lottie/index.js +2 -0
  246. package/dist/es/packages/lottie/style/css.js +1 -0
  247. package/dist/es/packages/lottie/style/index.js +1 -0
  248. package/dist/es/packages/lottie/style/lottie.scss +0 -0
  249. package/dist/es/packages/lottie/style/style.css +4 -0
  250. package/dist/es/packages/lottie/types.d.ts +11 -0
  251. package/dist/es/packages/lottie/types.js +1 -0
  252. package/dist/es/packages/lottie/web.d.ts +3 -0
  253. package/dist/es/packages/lottie/web.js +22 -0
  254. package/dist/es/packages/menu/style/style.css +14 -14
  255. package/dist/es/packages/menuitem/style/style.css +10 -10
  256. package/dist/es/packages/navbar/navbar.d.ts +1 -1
  257. package/dist/es/packages/navbar/navbar.js +14 -63
  258. package/dist/es/packages/navbar/style/navbar.scss +32 -40
  259. package/dist/es/packages/navbar/style/style.css +27 -41
  260. package/dist/es/packages/notify/style/style.css +4 -4
  261. package/dist/es/packages/numberkeyboard/style/style.css +47 -81
  262. package/dist/es/packages/nutui.react.build.d.ts +3 -1
  263. package/dist/es/packages/nutui.react.build.js +3 -1
  264. package/dist/es/packages/overlay/style/overlay.scss +6 -6
  265. package/dist/es/packages/overlay/style/style.css +7 -7
  266. package/dist/es/packages/pagination/style/style.css +8 -8
  267. package/dist/es/packages/picker/style/style.css +48 -82
  268. package/dist/es/packages/popover/popover.d.ts +13 -65
  269. package/dist/es/packages/popover/popover.js +17 -14
  270. package/dist/es/packages/popover/style/popover.scss +42 -65
  271. package/dist/es/packages/popover/style/style.css +85 -141
  272. package/dist/es/packages/popup/popup.js +24 -23
  273. package/dist/es/packages/popup/style/popup.scss +24 -56
  274. package/dist/es/packages/popup/style/style.css +37 -71
  275. package/dist/es/packages/price/index.d.ts +1 -1
  276. package/dist/es/packages/price/price.d.ts +1 -10
  277. package/dist/es/packages/price/price.js +9 -9
  278. package/dist/es/packages/price/style/price.scss +49 -9
  279. package/dist/es/packages/price/style/style.css +35 -16
  280. package/dist/es/packages/price/types.d.ts +13 -0
  281. package/dist/es/packages/price/types.js +1 -0
  282. package/dist/es/packages/progress/style/style.css +2 -2
  283. package/dist/es/packages/pulltorefresh/style/style.css +2 -2
  284. package/dist/es/packages/radio/style/radio.scss +3 -0
  285. package/dist/es/packages/radio/style/style.css +22 -19
  286. package/dist/es/packages/radiogroup/style/style.css +6 -6
  287. package/dist/es/packages/range/style/style.css +10 -10
  288. package/dist/es/packages/rate/style/style.css +4 -4
  289. package/dist/es/packages/resultpage/style/style.css +2 -2
  290. package/dist/es/packages/searchbar/style/style.css +5 -5
  291. package/dist/es/packages/segmented/style/style.css +3 -3
  292. package/dist/es/packages/shortpassword/style/style.css +48 -82
  293. package/dist/es/packages/sidenavbar/sidenavbar.d.ts +3 -0
  294. package/dist/es/packages/sidenavbar/sidenavbar.js +4 -1
  295. package/dist/es/packages/sidenavbar/style/style.css +41 -75
  296. package/dist/es/packages/sidenavbaritem/style/style.css +2 -2
  297. package/dist/es/packages/signature/style/style.css +2 -2
  298. package/dist/es/packages/skeleton/style/style.css +5 -5
  299. package/dist/es/packages/step/style/style.css +22 -22
  300. package/dist/es/packages/steps/style/style.css +22 -22
  301. package/dist/es/packages/subsidenavbar/style/style.css +2 -2
  302. package/dist/es/packages/swiper/style/style.css +99 -22
  303. package/dist/es/packages/switch/style/style.css +10 -10
  304. package/dist/es/packages/switch/style/switch.scss +1 -1
  305. package/dist/es/packages/tabbar/style/style.css +69 -46
  306. package/dist/es/packages/tabbaritem/style/style.css +68 -45
  307. package/dist/es/packages/table/style/style.css +11 -11
  308. package/dist/es/packages/tabpane/style/style.css +1 -1
  309. package/dist/es/packages/tabs/style/style.css +21 -22
  310. package/dist/es/packages/tabs/style/tabs.scss +1 -1
  311. package/dist/es/packages/tag/style/style.css +5 -5
  312. package/dist/es/packages/textarea/style/style.css +30 -19
  313. package/dist/es/packages/textarea/style/textarea.scss +43 -16
  314. package/dist/es/packages/textarea/textarea.d.ts +2 -0
  315. package/dist/es/packages/textarea/textarea.js +9 -7
  316. package/dist/es/packages/timedetail/style/style.css +4 -4
  317. package/dist/es/packages/timeselect/style/style.css +46 -80
  318. package/dist/es/packages/timeselect/timeselect.js +1 -4
  319. package/dist/es/packages/toast/style/style.css +8 -8
  320. package/dist/es/packages/tour/style/style.css +89 -145
  321. package/dist/es/packages/trendarrow/style/style.css +1 -1
  322. package/dist/es/packages/uploader/index.d.ts +1 -1
  323. package/dist/es/packages/uploader/preview.js +13 -14
  324. package/dist/es/packages/uploader/style/style.css +13 -13
  325. package/dist/es/packages/uploader/types.d.ts +17 -0
  326. package/dist/es/packages/uploader/types.js +1 -0
  327. package/dist/es/packages/uploader/uploader.d.ts +29 -200
  328. package/dist/es/packages/uploader/uploader.js +241 -220
  329. package/dist/es/packages/virtuallist/style/style.css +4 -4
  330. package/dist/es/utils/platform-taro.d.ts +1 -0
  331. package/dist/es/utils/platform-taro.js +5 -0
  332. package/dist/nutui.react.umd.js +20324 -3756
  333. package/dist/style.css +1 -1
  334. package/dist/style.scss +108 -0
  335. package/dist/styles/jd-font.scss +9 -1
  336. package/dist/styles/theme-dark.scss +17 -17
  337. package/dist/styles/theme-default.scss +3 -3
  338. package/dist/styles/themes/default.css +1 -0
  339. package/dist/styles/variables-jmapp.scss +4 -0
  340. package/dist/styles/variables-jrkf.scss +4 -0
  341. package/dist/styles/variables.scss +150 -153
  342. package/package.json +8 -3
  343. package/dist/cjs/packages/uploader/file-item.d.ts +0 -19
  344. package/dist/cjs/packages/uploader/file-item.js +0 -28
  345. package/dist/cjs/packages/uploader/utils.d.ts +0 -30
  346. package/dist/cjs/packages/uploader/utils.js +0 -184
  347. package/dist/es/packages/uploader/file-item.d.ts +0 -19
  348. package/dist/es/packages/uploader/file-item.js +0 -18
  349. package/dist/es/packages/uploader/utils.d.ts +0 -30
  350. package/dist/es/packages/uploader/utils.js +0 -154
package/dist/cjs/packages/skeleton/style/style.css CHANGED
@@ -25,7 +25,7 @@
25
25
  flex-direction: column;
26
26
  align-items: center;
27
27
  justify-content: center;
28
- background: var(--nutui-color-background, #f5f6fa);
28
+ background: var(--nutui-gray-3);
29
29
  background-size: 100% 100%;
30
30
  }
31
31
  .nut-image-error {
@@ -38,7 +38,7 @@
38
38
  flex-direction: column;
39
39
  align-items: center;
40
40
  justify-content: center;
41
- background: var(--nutui-color-background, #f5f6fa);
41
+ background: var(--nutui-gray-3);
42
42
  background-size: 100% 100%;
43
43
  }
44
44
 
@@ -148,12 +148,12 @@
148
148
  }
149
149
  .nut-skeleton-content-avatar {
150
150
  margin-right: 20px;
151
- background: var(--nutui-skeleton-background, var(--nutui-color-background, #f5f6fa)) !important;
151
+ background: var(--nutui-skeleton-background, var(--nutui-gray-3)) !important;
152
152
  }
153
153
  .nut-skeleton-content-block {
154
154
  width: var(--nutui-skeleton-line-width, 100%);
155
155
  height: var(--nutui-skeleton-line-height, 15px);
156
- background: var(--nutui-skeleton-background, var(--nutui-color-background, #f5f6fa));
156
+ background: var(--nutui-skeleton-background, var(--nutui-gray-3));
157
157
  margin-top: 10px;
158
158
  border-radius: var(--nutui-skeleton-line-border-radius, 0);
159
159
  }
@@ -168,7 +168,7 @@
168
168
  .nut-skeleton-content-title {
169
169
  width: 30%;
170
170
  height: var(--nutui-skeleton-line-height, 15px);
171
- background: var(--nutui-skeleton-background, var(--nutui-color-background, #f5f6fa));
171
+ background: var(--nutui-skeleton-background, var(--nutui-gray-3));
172
172
  }
173
173
  .nut-skeleton-content-block-last-child {
174
174
  width: 55%;
package/dist/cjs/packages/step/style/style.css CHANGED
@@ -21,7 +21,7 @@
21
21
  left: calc(50% + (100% - var(--nutui-steps-base-line-width, 70%)) / 2);
22
22
  height: var(--nutui-steps-base-line-height, 1px);
23
23
  width: var(--nutui-steps-base-line-width, 70%);
24
- 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));
25
25
  }
26
26
  .nut-step-icon {
27
27
  position: relative;
@@ -32,8 +32,8 @@
32
32
  height: var(--nutui-steps-base-icon-height, 25px);
33
33
  line-height: var(--nutui-steps-base-icon-line-height, 25px);
34
34
  font-size: var(--nutui-steps-base-icon-font-size, var(--nutui-font-size-s, 12px));
35
- background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
36
- 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));
37
37
  color: var(--nutui-steps-wait-icon-color, #ffffff);
38
38
  z-index: 1;
39
39
  }
@@ -62,48 +62,48 @@
62
62
  display: block;
63
63
  margin-bottom: var(--nutui-steps-base-title-margin-bottom, 10px);
64
64
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-base, 14px));
65
- color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
65
+ color: var(--nutui-steps-base-title-color, var(--nutui-gray-7));
66
66
  }
67
67
  .nut-step-description {
68
68
  display: block;
69
69
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-s, 12px));
70
- color: var(--nutui-steps-base-description-color, var(--nutui-color-text, #505259));
70
+ color: var(--nutui-steps-base-description-color, var(--nutui-gray-6));
71
71
  }
72
72
  .nut-step:last-child .nut-step-line {
73
73
  display: none;
74
74
  }
75
75
  .nut-step.nut-step-process .nut-step-icon {
76
- background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
77
- 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));
78
78
  color: var(--nutui-steps-process-icon-color, #ffffff);
79
79
  }
80
80
  .nut-step.nut-step-process .nut-step-title {
81
- color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
81
+ color: var(--nutui-steps-process-title-color, var(--nutui-brand-6));
82
82
  font-size: var(--nutui-steps-process-title-font-size, var(--nutui-font-size-base, 14px));
83
83
  font-weight: var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 600));
84
84
  }
85
85
  .nut-step.nut-step-process .nut-step-description {
86
- color: var(--nutui-steps-process-description-color, var(--nutui-color-text, #505259));
86
+ color: var(--nutui-steps-process-description-color, var(--nutui-gray-6));
87
87
  }
88
88
  .nut-step.nut-step-wait .nut-step-title {
89
- color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
89
+ color: var(--nutui-steps-wait-title-color, var(--nutui-gray-7));
90
90
  }
91
91
  .nut-step.nut-step-wait .nut-step-description {
92
- color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
92
+ color: var(--nutui-steps-wait-description-color, var(--nutui-gray-6));
93
93
  }
94
94
  .nut-step.nut-step-finish .nut-step-icon {
95
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
96
- border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
97
- 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));
98
98
  }
99
99
  .nut-step.nut-step-finish .nut-step-line {
100
- background: var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #ff0f23));
100
+ background: var(--nutui-steps-finish-line-background, var(--nutui-brand-6));
101
101
  }
102
102
  .nut-step.nut-step-finish .nut-step-title {
103
- color: var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #ff0f23));
103
+ color: var(--nutui-steps-finish-title-color, var(--nutui-brand-6));
104
104
  }
105
105
  .nut-step.nut-step-finish .nut-step-description {
106
- color: var(--nutui-steps-finish-description-color, var(--nutui-color-text, #505259));
106
+ color: var(--nutui-steps-finish-description-color, var(--nutui-gray-6));
107
107
  }
108
108
 
109
109
  .nut-steps-dot .nut-step-head {
@@ -115,16 +115,16 @@
115
115
  .nut-steps-dot .nut-step-icon {
116
116
  width: var(--nutui-steps-dot-icon-width, 6px);
117
117
  height: var(--nutui-steps-dot-icon-height, 6px);
118
- 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);
119
119
  border-radius: 50%;
120
120
  box-sizing: content-box;
121
121
  }
122
122
  .nut-steps-dot .nut-step-wait .nut-step-icon {
123
- 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)));
124
124
  }
125
125
  .nut-steps-dot .nut-step-finish .nut-step-icon {
126
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
127
- 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)));
128
128
  }
129
129
  .nut-steps-dot .nut-step-process .nut-step-icon {
130
130
  position: relative;
@@ -158,7 +158,7 @@
158
158
  display: inline-block;
159
159
  width: 1px;
160
160
  height: var(--nutui-steps-base-line-width, 70%);
161
- 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));
162
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);
163
163
  left: calc(50% - 1px);
164
164
  }
package/dist/cjs/packages/steps/style/style.css CHANGED
@@ -21,7 +21,7 @@
21
21
  left: calc(50% + (100% - var(--nutui-steps-base-line-width, 70%)) / 2);
22
22
  height: var(--nutui-steps-base-line-height, 1px);
23
23
  width: var(--nutui-steps-base-line-width, 70%);
24
- 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));
25
25
  }
26
26
  .nut-step-icon {
27
27
  position: relative;
@@ -32,8 +32,8 @@
32
32
  height: var(--nutui-steps-base-icon-height, 25px);
33
33
  line-height: var(--nutui-steps-base-icon-line-height, 25px);
34
34
  font-size: var(--nutui-steps-base-icon-font-size, var(--nutui-font-size-s, 12px));
35
- background-color: var(--nutui-steps-wait-icon-bg-color, var(--nutui-color-text-help, #888b94));
36
- 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));
37
37
  color: var(--nutui-steps-wait-icon-color, #ffffff);
38
38
  z-index: 1;
39
39
  }
@@ -62,48 +62,48 @@
62
62
  display: block;
63
63
  margin-bottom: var(--nutui-steps-base-title-margin-bottom, 10px);
64
64
  font-size: var(--nutui-steps-base-title-font-size, var(--nutui-font-size-base, 14px));
65
- color: var(--nutui-steps-base-title-color, var(--nutui-color-title, #1a1a1a));
65
+ color: var(--nutui-steps-base-title-color, var(--nutui-gray-7));
66
66
  }
67
67
  .nut-step-description {
68
68
  display: block;
69
69
  font-size: var(--nutui-steps-base-description-font-size, var(--nutui-font-size-s, 12px));
70
- color: var(--nutui-steps-base-description-color, var(--nutui-color-text, #505259));
70
+ color: var(--nutui-steps-base-description-color, var(--nutui-gray-6));
71
71
  }
72
72
  .nut-step:last-child .nut-step-line {
73
73
  display: none;
74
74
  }
75
75
  .nut-step.nut-step-process .nut-step-icon {
76
- background-color: var(--nutui-steps-process-icon-bg-color, var(--nutui-color-primary, #ff0f23));
77
- 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));
78
78
  color: var(--nutui-steps-process-icon-color, #ffffff);
79
79
  }
80
80
  .nut-step.nut-step-process .nut-step-title {
81
- color: var(--nutui-steps-process-title-color, var(--nutui-color-primary, #ff0f23));
81
+ color: var(--nutui-steps-process-title-color, var(--nutui-brand-6));
82
82
  font-size: var(--nutui-steps-process-title-font-size, var(--nutui-font-size-base, 14px));
83
83
  font-weight: var(--nutui-steps-process-title-font-weight, var(--nutui-font-weight-bold, 600));
84
84
  }
85
85
  .nut-step.nut-step-process .nut-step-description {
86
- color: var(--nutui-steps-process-description-color, var(--nutui-color-text, #505259));
86
+ color: var(--nutui-steps-process-description-color, var(--nutui-gray-6));
87
87
  }
88
88
  .nut-step.nut-step-wait .nut-step-title {
89
- color: var(--nutui-steps-wait-title-color, var(--nutui-color-title, #1a1a1a));
89
+ color: var(--nutui-steps-wait-title-color, var(--nutui-gray-7));
90
90
  }
91
91
  .nut-step.nut-step-wait .nut-step-description {
92
- color: var(--nutui-steps-wait-description-color, var(--nutui-color-text, #505259));
92
+ color: var(--nutui-steps-wait-description-color, var(--nutui-gray-6));
93
93
  }
94
94
  .nut-step.nut-step-finish .nut-step-icon {
95
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
96
- border-color: var(--nutui-steps-finish-icon-border-color, var(--nutui-steps-finish-icon-color, var(--nutui-color-primary, #ff0f23)));
97
- 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));
98
98
  }
99
99
  .nut-step.nut-step-finish .nut-step-line {
100
- background: var(--nutui-steps-finish-line-background, var(--nutui-color-primary, #ff0f23));
100
+ background: var(--nutui-steps-finish-line-background, var(--nutui-brand-6));
101
101
  }
102
102
  .nut-step.nut-step-finish .nut-step-title {
103
- color: var(--nutui-steps-finish-title-color, var(--nutui-color-primary, #ff0f23));
103
+ color: var(--nutui-steps-finish-title-color, var(--nutui-brand-6));
104
104
  }
105
105
  .nut-step.nut-step-finish .nut-step-description {
106
- color: var(--nutui-steps-finish-description-color, var(--nutui-color-text, #505259));
106
+ color: var(--nutui-steps-finish-description-color, var(--nutui-gray-6));
107
107
  }
108
108
 
109
109
  .nut-steps-dot .nut-step-head {
@@ -115,16 +115,16 @@
115
115
  .nut-steps-dot .nut-step-icon {
116
116
  width: var(--nutui-steps-dot-icon-width, 6px);
117
117
  height: var(--nutui-steps-dot-icon-height, 6px);
118
- 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);
119
119
  border-radius: 50%;
120
120
  box-sizing: content-box;
121
121
  }
122
122
  .nut-steps-dot .nut-step-wait .nut-step-icon {
123
- 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)));
124
124
  }
125
125
  .nut-steps-dot .nut-step-finish .nut-step-icon {
126
- background-color: var(--nutui-steps-finish-icon-bg-color, var(--nutui-color-primary-text, #ffffff));
127
- 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)));
128
128
  }
129
129
  .nut-steps-dot .nut-step-process .nut-step-icon {
130
130
  position: relative;
@@ -158,7 +158,7 @@
158
158
  display: inline-block;
159
159
  width: 1px;
160
160
  height: var(--nutui-steps-base-line-width, 70%);
161
- 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));
162
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);
163
163
  left: calc(50% - 1px);
164
164
  }
package/dist/cjs/packages/subsidenavbar/style/style.css CHANGED
@@ -6,8 +6,8 @@
6
6
  height: var(--nutui-sidenavbar-item-height, 40px);
7
7
  padding: var(--nutui-sidenavbar-sub-title-padding, 10px 8px 10px 35px);
8
8
  box-sizing: border-box;
9
- background-color: var(--nutui-sidenavbar-sub-title-background, var(--nutui-color-background-sunken, #f7f8fc));
10
- 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));
11
11
  box-sizing: border-box;
12
12
  }
13
13
  .nut-subsidenavbar-list.sidenavbar-show .nut-subsidenavbar-content {
package/dist/cjs/packages/swiper/style/style.css CHANGED
@@ -4,60 +4,137 @@
4
4
  /* #endif */
5
5
  .nut-indicator {
6
6
  display: flex;
7
- flex-direction: row;
8
7
  width: auto;
8
+ flex-direction: row;
9
9
  flex-wrap: nowrap;
10
10
  align-items: center;
11
- justify-content: center;
12
11
  }
13
- .nut-indicator-dot {
12
+ .nut-indicator-fixed-width {
13
+ width: 21px;
14
+ }
15
+ .nut-indicator-dot, .nut-indicator-line {
14
16
  display: inline-block;
15
17
  vertical-align: middle;
16
- width: var(--nutui-indicator-dot-size, 4px);
17
- height: var(--nutui-indicator-dot-size, 4px);
18
+ width: var(--nutui-indicator-dot-size, 3px);
19
+ height: var(--nutui-indicator-dot-size, 3px);
18
20
  border-radius: 50%;
19
- background-color: var(--nutui-indicator-dot-color, var(--nutui-color-border, rgba(0, 0, 0, 0.06)));
20
- 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;
21
24
  }
22
- .nut-indicator-dot:first-child {
25
+ .nut-indicator-dot:first-child, .nut-indicator-line:first-child {
23
26
  margin-left: 0px;
24
27
  }
25
- .nut-indicator-dot:last-child {
28
+ .nut-indicator-dot:last-child, .nut-indicator-line:last-child {
26
29
  margin-right: 0px;
27
30
  }
28
- .nut-indicator-active {
29
- width: var(--nutui-indicator-dot-active-size, 8px);
30
- border-radius: var(--nutui-indicator-border-radius, 2px);
31
- 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;
32
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
+
33
106
  .nut-indicator-vertical {
34
107
  display: flex;
35
108
  flex-direction: column;
36
109
  align-items: center;
37
110
  justify-content: center;
38
111
  }
39
- .nut-indicator-vertical-dot {
40
- 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;
41
114
  }
42
- .nut-indicator-vertical-dot:first-child {
115
+ .nut-indicator-vertical .nut-indicator-dot:first-child {
43
116
  margin-top: 0px;
44
117
  }
45
- .nut-indicator-vertical-dot:last-child {
118
+ .nut-indicator-vertical .nut-indicator-dot:last-child {
46
119
  margin-bottom: 0px;
47
120
  }
48
- .nut-indicator-vertical-active {
49
- width: var(--nutui-indicator-dot-size, 4px);
50
- 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);
51
128
  }
52
129
 
53
130
  [dir=rtl] .nut-indicator-dot:first-child,
54
131
  .nut-rtl .nut-indicator-dot:first-child {
55
- margin-left: var(--nutui-indicator-dot-margin, 2px);
132
+ margin-left: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px));
56
133
  margin-right: 0px;
57
134
  }
58
135
  [dir=rtl] .nut-indicator-dot:last-child,
59
136
  .nut-rtl .nut-indicator-dot:last-child {
60
- margin-right: var(--nutui-indicator-dot-margin, 2px);
137
+ margin-right: var(--nutui-indicator-dot-margin, var(--nutui-spacing-xxxs, 2px));
61
138
  margin-left: 0px;
62
139
  }
63
140
 
package/dist/cjs/packages/switch/style/style.css CHANGED
@@ -5,13 +5,13 @@
5
5
  .nut-switch {
6
6
  cursor: pointer;
7
7
  position: relative;
8
- display: flex;
8
+ display: inline-flex;
9
9
  flex-direction: row;
10
10
  align-items: center;
11
11
  min-width: var(--nutui-switch-width, 46px);
12
12
  height: var(--nutui-switch-height, 28px);
13
13
  line-height: var(--nutui-switch-line-height, 28px);
14
- background-color: var(--nutui-switch-active-background-color, var(--nutui-color-primary, #ff0f23));
14
+ background-color: var(--nutui-switch-active-background-color, var(--nutui-brand-6));
15
15
  border-radius: var(--nutui-switch-border-radius, 50px);
16
16
  background-size: 100% 100%;
17
17
  background-repeat: no-repeat;
@@ -29,7 +29,7 @@
29
29
  height: calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2);
30
30
  width: calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2);
31
31
  border-radius: var(--nutui-switch-inside-border-radius, 50%);
32
- background: var(--nutui-color-primary-text, #ffffff);
32
+ background: #ffffff;
33
33
  transition: left 0.3s linear;
34
34
  box-shadow: var(--nutui-switch-inside-box-shadow, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
35
35
  }
@@ -46,7 +46,7 @@
46
46
  left: calc(100% - var(--nutui-switch-height, 28px) + var(--nutui-switch-border-width, 2px));
47
47
  }
48
48
  .nut-switch-close {
49
- background-color: var(--nutui-switch-inactive-background-color, var(--nutui-color-text-disabled, #c2c4cc));
49
+ background-color: var(--nutui-switch-inactive-background-color, var(--nutui-gray-4));
50
50
  }
51
51
  .nut-switch-close-line {
52
52
  width: calc((var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) * 2) / 2);
@@ -59,11 +59,11 @@
59
59
  align-items: center;
60
60
  height: 100%;
61
61
  white-space: nowrap;
62
- color: var(--nutui-switch-label-text-color, var(--nutui-color-primary-text, #ffffff));
62
+ color: var(--nutui-switch-label-text-color, #ffffff);
63
63
  font-size: var(--nutui-switch-label-font-size, var(--nutui-font-size-s, 12px));
64
64
  }
65
65
  .nut-switch-label .nut-icon {
66
- color: var(--nutui-switch-label-text-color, var(--nutui-color-primary-text, #ffffff));
66
+ color: var(--nutui-switch-label-text-color, #ffffff);
67
67
  }
68
68
  .nut-switch-label-open {
69
69
  margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
@@ -78,14 +78,14 @@
78
78
  margin: 0 calc(var(--nutui-switch-height, 28px) - var(--nutui-switch-border-width, 2px) + 3px) 0 7px;
79
79
  }
80
80
  .nut-switch-label-close-disabled {
81
- color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled, #c2c4cc));
81
+ color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-gray-4));
82
82
  }
83
83
  .nut-switch-label-close-disabled .nut-icon {
84
- color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-color-text-disabled, #c2c4cc));
84
+ color: var(--nutui-switch-inactive-disabled-label-text-color, var(--nutui-gray-4));
85
85
  }
86
86
  .nut-switch-disabled {
87
- background-color: var(--nutui-switch-active-disabled-background-color, var(--nutui-color-primary-disabled-special, #ffadbe));
87
+ background-color: var(--nutui-switch-active-disabled-background-color, var(--nutui-brand-3));
88
88
  }
89
89
  .nut-switch-disabled-close {
90
- background-color: var(--nutui-switch-inactive-disabled-background-color, var(--nutui-color-background, #f5f6fa));
90
+ background-color: var(--nutui-switch-inactive-disabled-background-color, var(--nutui-gray-3));
91
91
  }
package/dist/cjs/packages/switch/style/switch.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  .nut-switch {
2
2
  cursor: pointer;
3
3
  position: relative;
4
- display: flex;
4
+ display: inline-flex;
5
5
  flex-direction: row;
6
6
  align-items: center;
7
7
  min-width: $switch-width;