@nutui/nutui-react-taro 3.0.0-beta.11 → 3.0.0-beta.12

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