@arco-design/mobile-react 2.29.6 → 2.30.1

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 (727) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +2 -2
  4. package/cjs/_helpers/hooks.d.ts +242 -2
  5. package/cjs/_helpers/hooks.js +267 -10
  6. package/cjs/_helpers/index.d.ts +78 -1
  7. package/cjs/_helpers/index.js +87 -8
  8. package/cjs/action-sheet/demo/style/css/mobile.css +514 -1
  9. package/cjs/action-sheet/demo/style/mobile.less +32 -0
  10. package/cjs/action-sheet/style/css/index.css +597 -2
  11. package/cjs/action-sheet/style/index.less +62 -0
  12. package/cjs/avatar/demo/style/css/mobile.css +518 -1
  13. package/cjs/avatar/demo/style/mobile.less +41 -1
  14. package/cjs/avatar/style/css/index.css +529 -3
  15. package/cjs/avatar/style/index.less +54 -1
  16. package/cjs/badge/demo/style/css/mobile.css +520 -1
  17. package/cjs/badge/demo/style/mobile.less +40 -0
  18. package/cjs/badge/style/css/index.css +518 -1
  19. package/cjs/badge/style/index.less +36 -0
  20. package/cjs/button/demo/style/css/mobile.css +510 -0
  21. package/cjs/button/demo/style/mobile.less +25 -0
  22. package/cjs/button/style/css/index.css +616 -39
  23. package/cjs/button/style/index.less +135 -25
  24. package/cjs/carousel/demo/style/css/mobile.css +514 -0
  25. package/cjs/carousel/demo/style/mobile.less +33 -0
  26. package/cjs/carousel/index.js +3 -1
  27. package/cjs/carousel/style/css/index.css +525 -3
  28. package/cjs/carousel/style/index.less +55 -0
  29. package/cjs/cell/demo/style/css/mobile.css +521 -0
  30. package/cjs/cell/demo/style/mobile.less +46 -0
  31. package/cjs/cell/style/css/index.css +707 -2
  32. package/cjs/cell/style/index.less +96 -0
  33. package/cjs/checkbox/demo/style/css/mobile.css +510 -0
  34. package/cjs/checkbox/demo/style/mobile.less +25 -0
  35. package/cjs/checkbox/style/css/index.css +535 -4
  36. package/cjs/checkbox/style/index.less +61 -0
  37. package/cjs/circle-progress/demo/style/css/mobile.css +510 -0
  38. package/cjs/circle-progress/demo/style/mobile.less +25 -0
  39. package/cjs/circle-progress/style/css/index.css +527 -3
  40. package/cjs/circle-progress/style/index.less +49 -0
  41. package/cjs/collapse/demo/style/css/mobile.css +510 -0
  42. package/cjs/collapse/demo/style/mobile.less +25 -0
  43. package/cjs/collapse/style/css/index.css +557 -1
  44. package/cjs/collapse/style/index.less +53 -0
  45. package/cjs/context-provider/demo/style/css/mobile.css +510 -0
  46. package/cjs/context-provider/demo/style/mobile.less +25 -0
  47. package/cjs/context-provider/index.d.ts +14 -3
  48. package/cjs/context-provider/index.js +47 -7
  49. package/cjs/count-down/demo/style/css/mobile.css +518 -2
  50. package/cjs/count-down/demo/style/mobile.less +39 -0
  51. package/cjs/count-down/style/css/index.css +513 -0
  52. package/cjs/count-down/style/index.less +30 -0
  53. package/cjs/date-picker/demo/style/css/mobile.css +510 -0
  54. package/cjs/date-picker/demo/style/mobile.less +25 -0
  55. package/cjs/date-picker/style/css/index.css +510 -0
  56. package/cjs/date-picker/style/index.less +25 -0
  57. package/cjs/dialog/demo/style/css/mobile.css +522 -2
  58. package/cjs/dialog/demo/style/mobile.less +46 -1
  59. package/cjs/dialog/style/css/index.css +645 -4
  60. package/cjs/dialog/style/index.less +102 -0
  61. package/cjs/divider/demo/style/css/mobile.css +510 -1
  62. package/cjs/divider/demo/style/mobile.less +26 -2
  63. package/cjs/divider/style/css/index.css +516 -0
  64. package/cjs/divider/style/index.less +44 -9
  65. package/cjs/dropdown/demo/style/css/mobile.css +510 -0
  66. package/cjs/dropdown/demo/style/mobile.less +25 -0
  67. package/cjs/dropdown/style/css/index.css +542 -6
  68. package/cjs/dropdown/style/index.less +69 -0
  69. package/cjs/dropdown-menu/demo/style/css/mobile.css +510 -0
  70. package/cjs/dropdown-menu/demo/style/mobile.less +25 -0
  71. package/cjs/dropdown-menu/style/css/index.css +566 -3
  72. package/cjs/dropdown-menu/style/index.less +62 -0
  73. package/cjs/ellipsis/demo/style/css/mobile.css +519 -1
  74. package/cjs/ellipsis/demo/style/mobile.less +39 -0
  75. package/cjs/ellipsis/style/css/index.css +514 -0
  76. package/cjs/ellipsis/style/index.less +32 -0
  77. package/cjs/form/form-item.js +15 -7
  78. package/cjs/form/style/css/index.css +538 -5
  79. package/cjs/form/style/index.less +66 -3
  80. package/cjs/form/type.d.ts +3 -2
  81. package/cjs/form/utils.d.ts +1 -0
  82. package/cjs/form/utils.js +6 -2
  83. package/cjs/grid/demo/style/css/mobile.css +525 -3
  84. package/cjs/grid/demo/style/mobile.less +47 -0
  85. package/cjs/grid/style/css/index.css +519 -0
  86. package/cjs/grid/style/index.less +48 -0
  87. package/cjs/image/demo/style/css/mobile.css +510 -0
  88. package/cjs/image/demo/style/mobile.less +25 -0
  89. package/cjs/image/style/css/index.css +551 -7
  90. package/cjs/image/style/index.less +54 -0
  91. package/cjs/image-picker/demo/style/css/mobile.css +510 -0
  92. package/cjs/image-picker/demo/style/mobile.less +25 -0
  93. package/cjs/image-picker/style/css/index.css +529 -4
  94. package/cjs/image-picker/style/index.less +54 -0
  95. package/cjs/image-preview/demo/style/css/mobile.css +510 -0
  96. package/cjs/image-preview/demo/style/mobile.less +25 -0
  97. package/cjs/image-preview/style/css/index.css +530 -5
  98. package/cjs/image-preview/style/index.less +37 -0
  99. package/cjs/index-bar/demo/style/css/mobile.css +510 -0
  100. package/cjs/index-bar/demo/style/mobile.less +25 -0
  101. package/cjs/index-bar/style/css/index.css +572 -8
  102. package/cjs/index-bar/style/index.less +67 -0
  103. package/cjs/input/demo/style/css/mobile.css +538 -7
  104. package/cjs/input/demo/style/mobile.less +63 -6
  105. package/cjs/input/style/css/index.css +589 -2
  106. package/cjs/input/style/index.less +87 -0
  107. package/cjs/keyboard/demo/style/css/mobile.css +516 -0
  108. package/cjs/keyboard/demo/style/mobile.less +35 -1
  109. package/cjs/keyboard/style/css/index.css +526 -2
  110. package/cjs/keyboard/style/index.less +51 -0
  111. package/cjs/load-more/demo/style/css/mobile.css +513 -0
  112. package/cjs/load-more/demo/style/mobile.less +30 -0
  113. package/cjs/load-more/style/css/index.css +513 -0
  114. package/cjs/load-more/style/index.less +30 -0
  115. package/cjs/loading/demo/style/css/mobile.css +510 -0
  116. package/cjs/loading/demo/style/mobile.less +25 -0
  117. package/cjs/loading/style/css/index.css +534 -5
  118. package/cjs/loading/style/index.less +45 -0
  119. package/cjs/masking/demo/style/css/mobile.css +514 -1
  120. package/cjs/masking/demo/style/mobile.less +30 -0
  121. package/cjs/masking/style/css/index.css +510 -0
  122. package/cjs/masking/style/index.less +25 -0
  123. package/cjs/nav-bar/demo/style/css/mobile.css +514 -1
  124. package/cjs/nav-bar/demo/style/mobile.less +33 -1
  125. package/cjs/nav-bar/style/css/index.css +550 -1
  126. package/cjs/nav-bar/style/index.less +38 -0
  127. package/cjs/notice-bar/style/css/index.css +520 -2
  128. package/cjs/notice-bar/style/index.less +36 -0
  129. package/cjs/notify/demo/style/css/mobile.css +515 -1
  130. package/cjs/notify/demo/style/mobile.less +34 -1
  131. package/cjs/notify/style/css/index.css +529 -4
  132. package/cjs/notify/style/index.less +50 -0
  133. package/cjs/pagination/demo/style/css/index.css +510 -0
  134. package/cjs/pagination/demo/style/index.less +25 -0
  135. package/cjs/pagination/style/css/index.css +543 -4
  136. package/cjs/pagination/style/index.less +72 -0
  137. package/cjs/picker/demo/style/css/mobile.css +510 -0
  138. package/cjs/picker/demo/style/mobile.less +25 -0
  139. package/cjs/picker/style/css/index.css +525 -3
  140. package/cjs/picker/style/index.less +49 -0
  141. package/cjs/picker-view/demo/style/css/mobile.css +510 -0
  142. package/cjs/picker-view/demo/style/mobile.less +25 -0
  143. package/cjs/picker-view/style/css/index.css +587 -0
  144. package/cjs/picker-view/style/index.less +50 -0
  145. package/cjs/popover/demo/style/css/mobile.css +516 -2
  146. package/cjs/popover/demo/style/mobile.less +37 -2
  147. package/cjs/popover/style/css/index.css +614 -4
  148. package/cjs/popover/style/css/menu.css +539 -1
  149. package/cjs/popover/style/index.less +126 -9
  150. package/cjs/popover/style/menu.less +69 -0
  151. package/cjs/popup/demo/style/css/mobile.css +517 -0
  152. package/cjs/popup/demo/style/mobile.less +38 -0
  153. package/cjs/popup/style/css/index.css +514 -1
  154. package/cjs/popup/style/index.less +32 -0
  155. package/cjs/popup-swiper/demo/style/css/mobile.css +517 -0
  156. package/cjs/popup-swiper/demo/style/mobile.less +38 -0
  157. package/cjs/popup-swiper/style/css/index.css +510 -0
  158. package/cjs/popup-swiper/style/index.less +25 -0
  159. package/cjs/portal/demo/style/css/mobile.css +515 -1
  160. package/cjs/portal/demo/style/mobile.less +31 -0
  161. package/cjs/progress/demo/style/css/mobile.css +510 -0
  162. package/cjs/progress/demo/style/mobile.less +25 -0
  163. package/cjs/progress/style/css/index.css +556 -8
  164. package/cjs/progress/style/index.less +91 -0
  165. package/cjs/pull-refresh/demo/style/css/mobile.css +514 -2
  166. package/cjs/pull-refresh/demo/style/mobile.less +35 -2
  167. package/cjs/pull-refresh/style/css/index.css +536 -3
  168. package/cjs/pull-refresh/style/index.less +45 -0
  169. package/cjs/radio/demo/style/css/mobile.css +513 -0
  170. package/cjs/radio/demo/style/mobile.less +32 -0
  171. package/cjs/radio/style/css/index.css +535 -4
  172. package/cjs/radio/style/index.less +61 -0
  173. package/cjs/rate/demo/style/css/mobile.css +510 -0
  174. package/cjs/rate/demo/style/mobile.less +25 -0
  175. package/cjs/rate/style/css/index.css +522 -2
  176. package/cjs/rate/style/index.less +43 -0
  177. package/cjs/search-bar/demo/style/css/mobile.css +516 -1
  178. package/cjs/search-bar/demo/style/mobile.less +39 -5
  179. package/cjs/search-bar/style/css/index.css +586 -6
  180. package/cjs/search-bar/style/index.less +84 -0
  181. package/cjs/show-monitor/demo/style/css/mobile.css +521 -2
  182. package/cjs/show-monitor/demo/style/mobile.less +43 -1
  183. package/cjs/skeleton/demo/style/css/mobile.css +510 -0
  184. package/cjs/skeleton/demo/style/mobile.less +25 -0
  185. package/cjs/skeleton/style/css/index.css +517 -1
  186. package/cjs/skeleton/style/index.less +35 -0
  187. package/cjs/slider/demo/style/css/mobile.css +514 -1
  188. package/cjs/slider/demo/style/mobile.less +34 -0
  189. package/cjs/slider/style/css/index.css +542 -5
  190. package/cjs/slider/style/index.less +74 -0
  191. package/cjs/stepper/demo/style/css/mobile.css +510 -0
  192. package/cjs/stepper/demo/style/mobile.less +25 -1
  193. package/cjs/stepper/style/css/index.css +551 -7
  194. package/cjs/stepper/style/index.less +84 -3
  195. package/cjs/steps/demo/style/css/mobile.css +544 -4
  196. package/cjs/steps/demo/style/mobile.less +41 -3
  197. package/cjs/steps/style/css/index.css +580 -9
  198. package/cjs/steps/style/index.less +138 -0
  199. package/cjs/steps/type.d.ts +1 -1
  200. package/cjs/sticky/demo/style/css/mobile.css +515 -2
  201. package/cjs/sticky/demo/style/mobile.less +34 -2
  202. package/cjs/sticky/style/css/index.css +510 -0
  203. package/cjs/sticky/style/index.less +25 -0
  204. package/cjs/swipe-action/demo/style/css/mobile.css +510 -0
  205. package/cjs/swipe-action/demo/style/mobile.less +25 -0
  206. package/cjs/swipe-action/style/css/index.css +518 -2
  207. package/cjs/swipe-action/style/index.less +43 -0
  208. package/cjs/swipe-load/demo/style/css/mobile.css +539 -5
  209. package/cjs/swipe-load/demo/style/mobile.less +64 -0
  210. package/cjs/swipe-load/style/css/index.css +517 -1
  211. package/cjs/swipe-load/style/index.less +37 -0
  212. package/cjs/switch/demo/style/css/mobile.css +515 -1
  213. package/cjs/switch/demo/style/mobile.less +35 -0
  214. package/cjs/switch/style/css/index.css +532 -4
  215. package/cjs/switch/style/index.less +59 -0
  216. package/cjs/tab-bar/demo/style/css/mobile.css +510 -0
  217. package/cjs/tab-bar/demo/style/mobile.less +25 -0
  218. package/cjs/tab-bar/style/css/index.css +517 -1
  219. package/cjs/tab-bar/style/index.less +37 -0
  220. package/cjs/tabs/demo/style/css/mobile.css +546 -5
  221. package/cjs/tabs/demo/style/mobile.less +81 -0
  222. package/cjs/tabs/style/css/index.css +618 -13
  223. package/cjs/tabs/style/index.less +123 -0
  224. package/cjs/tabs/tab-cell.js +1 -1
  225. package/cjs/tag/demo/style/css/mobile.css +510 -0
  226. package/cjs/tag/demo/style/mobile.less +25 -0
  227. package/cjs/tag/style/css/index.css +538 -10
  228. package/cjs/tag/style/index.less +55 -0
  229. package/cjs/textarea/demo/style/css/mobile.css +514 -1
  230. package/cjs/textarea/demo/style/mobile.less +32 -1
  231. package/cjs/textarea/style/css/index.css +527 -2
  232. package/cjs/textarea/style/index.less +47 -0
  233. package/cjs/toast/demo/style/css/mobile.css +510 -0
  234. package/cjs/toast/demo/style/mobile.less +25 -0
  235. package/cjs/toast/style/css/index.css +530 -5
  236. package/cjs/toast/style/index.less +37 -0
  237. package/cjs/transition/demo/style/css/mobile.css +510 -0
  238. package/cjs/transition/demo/style/mobile.less +25 -0
  239. package/cjs/transition/style/css/index.css +510 -0
  240. package/cjs/transition/style/index.less +25 -0
  241. package/dist/index.js +1104 -39
  242. package/dist/index.min.js +4 -4
  243. package/dist/style.css +28002 -211
  244. package/dist/style.min.css +1 -1
  245. package/esm/_helpers/hooks.d.ts +242 -2
  246. package/esm/_helpers/hooks.js +269 -10
  247. package/esm/_helpers/index.d.ts +78 -1
  248. package/esm/_helpers/index.js +80 -1
  249. package/esm/action-sheet/demo/style/css/mobile.css +514 -1
  250. package/esm/action-sheet/demo/style/mobile.less +32 -0
  251. package/esm/action-sheet/style/css/index.css +597 -2
  252. package/esm/action-sheet/style/index.less +62 -0
  253. package/esm/avatar/demo/style/css/mobile.css +518 -1
  254. package/esm/avatar/demo/style/mobile.less +41 -1
  255. package/esm/avatar/style/css/index.css +529 -3
  256. package/esm/avatar/style/index.less +54 -1
  257. package/esm/badge/demo/style/css/mobile.css +520 -1
  258. package/esm/badge/demo/style/mobile.less +40 -0
  259. package/esm/badge/style/css/index.css +518 -1
  260. package/esm/badge/style/index.less +36 -0
  261. package/esm/button/demo/style/css/mobile.css +510 -0
  262. package/esm/button/demo/style/mobile.less +25 -0
  263. package/esm/button/style/css/index.css +616 -39
  264. package/esm/button/style/index.less +135 -25
  265. package/esm/carousel/demo/style/css/mobile.css +514 -0
  266. package/esm/carousel/demo/style/mobile.less +33 -0
  267. package/esm/carousel/index.js +3 -1
  268. package/esm/carousel/style/css/index.css +525 -3
  269. package/esm/carousel/style/index.less +55 -0
  270. package/esm/cell/demo/style/css/mobile.css +521 -0
  271. package/esm/cell/demo/style/mobile.less +46 -0
  272. package/esm/cell/style/css/index.css +707 -2
  273. package/esm/cell/style/index.less +96 -0
  274. package/esm/checkbox/demo/style/css/mobile.css +510 -0
  275. package/esm/checkbox/demo/style/mobile.less +25 -0
  276. package/esm/checkbox/style/css/index.css +535 -4
  277. package/esm/checkbox/style/index.less +61 -0
  278. package/esm/circle-progress/demo/style/css/mobile.css +510 -0
  279. package/esm/circle-progress/demo/style/mobile.less +25 -0
  280. package/esm/circle-progress/style/css/index.css +527 -3
  281. package/esm/circle-progress/style/index.less +49 -0
  282. package/esm/collapse/demo/style/css/mobile.css +510 -0
  283. package/esm/collapse/demo/style/mobile.less +25 -0
  284. package/esm/collapse/style/css/index.css +557 -1
  285. package/esm/collapse/style/index.less +53 -0
  286. package/esm/context-provider/demo/style/css/mobile.css +510 -0
  287. package/esm/context-provider/demo/style/mobile.less +25 -0
  288. package/esm/context-provider/index.d.ts +14 -3
  289. package/esm/context-provider/index.js +48 -8
  290. package/esm/count-down/demo/style/css/mobile.css +518 -2
  291. package/esm/count-down/demo/style/mobile.less +39 -0
  292. package/esm/count-down/style/css/index.css +513 -0
  293. package/esm/count-down/style/index.less +30 -0
  294. package/esm/date-picker/demo/style/css/mobile.css +510 -0
  295. package/esm/date-picker/demo/style/mobile.less +25 -0
  296. package/esm/date-picker/style/css/index.css +510 -0
  297. package/esm/date-picker/style/index.less +25 -0
  298. package/esm/dialog/demo/style/css/mobile.css +522 -2
  299. package/esm/dialog/demo/style/mobile.less +46 -1
  300. package/esm/dialog/style/css/index.css +645 -4
  301. package/esm/dialog/style/index.less +102 -0
  302. package/esm/divider/demo/style/css/mobile.css +510 -1
  303. package/esm/divider/demo/style/mobile.less +26 -2
  304. package/esm/divider/style/css/index.css +516 -0
  305. package/esm/divider/style/index.less +44 -9
  306. package/esm/dropdown/demo/style/css/mobile.css +510 -0
  307. package/esm/dropdown/demo/style/mobile.less +25 -0
  308. package/esm/dropdown/style/css/index.css +542 -6
  309. package/esm/dropdown/style/index.less +69 -0
  310. package/esm/dropdown-menu/demo/style/css/mobile.css +510 -0
  311. package/esm/dropdown-menu/demo/style/mobile.less +25 -0
  312. package/esm/dropdown-menu/style/css/index.css +566 -3
  313. package/esm/dropdown-menu/style/index.less +62 -0
  314. package/esm/ellipsis/demo/style/css/mobile.css +519 -1
  315. package/esm/ellipsis/demo/style/mobile.less +39 -0
  316. package/esm/ellipsis/style/css/index.css +514 -0
  317. package/esm/ellipsis/style/index.less +32 -0
  318. package/esm/form/form-item.js +15 -7
  319. package/esm/form/style/css/index.css +538 -5
  320. package/esm/form/style/index.less +66 -3
  321. package/esm/form/type.d.ts +3 -2
  322. package/esm/form/utils.d.ts +1 -0
  323. package/esm/form/utils.js +6 -2
  324. package/esm/grid/demo/style/css/mobile.css +525 -3
  325. package/esm/grid/demo/style/mobile.less +47 -0
  326. package/esm/grid/style/css/index.css +519 -0
  327. package/esm/grid/style/index.less +48 -0
  328. package/esm/image/demo/style/css/mobile.css +510 -0
  329. package/esm/image/demo/style/mobile.less +25 -0
  330. package/esm/image/style/css/index.css +551 -7
  331. package/esm/image/style/index.less +54 -0
  332. package/esm/image-picker/demo/style/css/mobile.css +510 -0
  333. package/esm/image-picker/demo/style/mobile.less +25 -0
  334. package/esm/image-picker/style/css/index.css +529 -4
  335. package/esm/image-picker/style/index.less +54 -0
  336. package/esm/image-preview/demo/style/css/mobile.css +510 -0
  337. package/esm/image-preview/demo/style/mobile.less +25 -0
  338. package/esm/image-preview/style/css/index.css +530 -5
  339. package/esm/image-preview/style/index.less +37 -0
  340. package/esm/index-bar/demo/style/css/mobile.css +510 -0
  341. package/esm/index-bar/demo/style/mobile.less +25 -0
  342. package/esm/index-bar/style/css/index.css +572 -8
  343. package/esm/index-bar/style/index.less +67 -0
  344. package/esm/input/demo/style/css/mobile.css +538 -7
  345. package/esm/input/demo/style/mobile.less +63 -6
  346. package/esm/input/style/css/index.css +589 -2
  347. package/esm/input/style/index.less +87 -0
  348. package/esm/keyboard/demo/style/css/mobile.css +516 -0
  349. package/esm/keyboard/demo/style/mobile.less +35 -1
  350. package/esm/keyboard/style/css/index.css +526 -2
  351. package/esm/keyboard/style/index.less +51 -0
  352. package/esm/load-more/demo/style/css/mobile.css +513 -0
  353. package/esm/load-more/demo/style/mobile.less +30 -0
  354. package/esm/load-more/style/css/index.css +513 -0
  355. package/esm/load-more/style/index.less +30 -0
  356. package/esm/loading/demo/style/css/mobile.css +510 -0
  357. package/esm/loading/demo/style/mobile.less +25 -0
  358. package/esm/loading/style/css/index.css +534 -5
  359. package/esm/loading/style/index.less +45 -0
  360. package/esm/masking/demo/style/css/mobile.css +514 -1
  361. package/esm/masking/demo/style/mobile.less +30 -0
  362. package/esm/masking/style/css/index.css +510 -0
  363. package/esm/masking/style/index.less +25 -0
  364. package/esm/nav-bar/demo/style/css/mobile.css +514 -1
  365. package/esm/nav-bar/demo/style/mobile.less +33 -1
  366. package/esm/nav-bar/style/css/index.css +550 -1
  367. package/esm/nav-bar/style/index.less +38 -0
  368. package/esm/notice-bar/style/css/index.css +520 -2
  369. package/esm/notice-bar/style/index.less +36 -0
  370. package/esm/notify/demo/style/css/mobile.css +515 -1
  371. package/esm/notify/demo/style/mobile.less +34 -1
  372. package/esm/notify/style/css/index.css +529 -4
  373. package/esm/notify/style/index.less +50 -0
  374. package/esm/pagination/demo/style/css/index.css +510 -0
  375. package/esm/pagination/demo/style/index.less +25 -0
  376. package/esm/pagination/style/css/index.css +543 -4
  377. package/esm/pagination/style/index.less +72 -0
  378. package/esm/picker/demo/style/css/mobile.css +510 -0
  379. package/esm/picker/demo/style/mobile.less +25 -0
  380. package/esm/picker/style/css/index.css +525 -3
  381. package/esm/picker/style/index.less +49 -0
  382. package/esm/picker-view/demo/style/css/mobile.css +510 -0
  383. package/esm/picker-view/demo/style/mobile.less +25 -0
  384. package/esm/picker-view/style/css/index.css +587 -0
  385. package/esm/picker-view/style/index.less +50 -0
  386. package/esm/popover/demo/style/css/mobile.css +516 -2
  387. package/esm/popover/demo/style/mobile.less +37 -2
  388. package/esm/popover/style/css/index.css +614 -4
  389. package/esm/popover/style/css/menu.css +539 -1
  390. package/esm/popover/style/index.less +126 -9
  391. package/esm/popover/style/menu.less +69 -0
  392. package/esm/popup/demo/style/css/mobile.css +517 -0
  393. package/esm/popup/demo/style/mobile.less +38 -0
  394. package/esm/popup/style/css/index.css +514 -1
  395. package/esm/popup/style/index.less +32 -0
  396. package/esm/popup-swiper/demo/style/css/mobile.css +517 -0
  397. package/esm/popup-swiper/demo/style/mobile.less +38 -0
  398. package/esm/popup-swiper/style/css/index.css +510 -0
  399. package/esm/popup-swiper/style/index.less +25 -0
  400. package/esm/portal/demo/style/css/mobile.css +515 -1
  401. package/esm/portal/demo/style/mobile.less +31 -0
  402. package/esm/progress/demo/style/css/mobile.css +510 -0
  403. package/esm/progress/demo/style/mobile.less +25 -0
  404. package/esm/progress/style/css/index.css +556 -8
  405. package/esm/progress/style/index.less +91 -0
  406. package/esm/pull-refresh/demo/style/css/mobile.css +514 -2
  407. package/esm/pull-refresh/demo/style/mobile.less +35 -2
  408. package/esm/pull-refresh/style/css/index.css +536 -3
  409. package/esm/pull-refresh/style/index.less +45 -0
  410. package/esm/radio/demo/style/css/mobile.css +513 -0
  411. package/esm/radio/demo/style/mobile.less +32 -0
  412. package/esm/radio/style/css/index.css +535 -4
  413. package/esm/radio/style/index.less +61 -0
  414. package/esm/rate/demo/style/css/mobile.css +510 -0
  415. package/esm/rate/demo/style/mobile.less +25 -0
  416. package/esm/rate/style/css/index.css +522 -2
  417. package/esm/rate/style/index.less +43 -0
  418. package/esm/search-bar/demo/style/css/mobile.css +516 -1
  419. package/esm/search-bar/demo/style/mobile.less +39 -5
  420. package/esm/search-bar/style/css/index.css +586 -6
  421. package/esm/search-bar/style/index.less +84 -0
  422. package/esm/show-monitor/demo/style/css/mobile.css +521 -2
  423. package/esm/show-monitor/demo/style/mobile.less +43 -1
  424. package/esm/skeleton/demo/style/css/mobile.css +510 -0
  425. package/esm/skeleton/demo/style/mobile.less +25 -0
  426. package/esm/skeleton/style/css/index.css +517 -1
  427. package/esm/skeleton/style/index.less +35 -0
  428. package/esm/slider/demo/style/css/mobile.css +514 -1
  429. package/esm/slider/demo/style/mobile.less +34 -0
  430. package/esm/slider/style/css/index.css +542 -5
  431. package/esm/slider/style/index.less +74 -0
  432. package/esm/stepper/demo/style/css/mobile.css +510 -0
  433. package/esm/stepper/demo/style/mobile.less +25 -1
  434. package/esm/stepper/style/css/index.css +551 -7
  435. package/esm/stepper/style/index.less +84 -3
  436. package/esm/steps/demo/style/css/mobile.css +544 -4
  437. package/esm/steps/demo/style/mobile.less +41 -3
  438. package/esm/steps/style/css/index.css +580 -9
  439. package/esm/steps/style/index.less +138 -0
  440. package/esm/steps/type.d.ts +1 -1
  441. package/esm/sticky/demo/style/css/mobile.css +515 -2
  442. package/esm/sticky/demo/style/mobile.less +34 -2
  443. package/esm/sticky/style/css/index.css +510 -0
  444. package/esm/sticky/style/index.less +25 -0
  445. package/esm/swipe-action/demo/style/css/mobile.css +510 -0
  446. package/esm/swipe-action/demo/style/mobile.less +25 -0
  447. package/esm/swipe-action/style/css/index.css +518 -2
  448. package/esm/swipe-action/style/index.less +43 -0
  449. package/esm/swipe-load/demo/style/css/mobile.css +539 -5
  450. package/esm/swipe-load/demo/style/mobile.less +64 -0
  451. package/esm/swipe-load/style/css/index.css +517 -1
  452. package/esm/swipe-load/style/index.less +37 -0
  453. package/esm/switch/demo/style/css/mobile.css +515 -1
  454. package/esm/switch/demo/style/mobile.less +35 -0
  455. package/esm/switch/style/css/index.css +532 -4
  456. package/esm/switch/style/index.less +59 -0
  457. package/esm/tab-bar/demo/style/css/mobile.css +510 -0
  458. package/esm/tab-bar/demo/style/mobile.less +25 -0
  459. package/esm/tab-bar/style/css/index.css +517 -1
  460. package/esm/tab-bar/style/index.less +37 -0
  461. package/esm/tabs/demo/style/css/mobile.css +546 -5
  462. package/esm/tabs/demo/style/mobile.less +81 -0
  463. package/esm/tabs/style/css/index.css +618 -13
  464. package/esm/tabs/style/index.less +123 -0
  465. package/esm/tabs/tab-cell.js +1 -1
  466. package/esm/tag/demo/style/css/mobile.css +510 -0
  467. package/esm/tag/demo/style/mobile.less +25 -0
  468. package/esm/tag/style/css/index.css +538 -10
  469. package/esm/tag/style/index.less +55 -0
  470. package/esm/textarea/demo/style/css/mobile.css +514 -1
  471. package/esm/textarea/demo/style/mobile.less +32 -1
  472. package/esm/textarea/style/css/index.css +527 -2
  473. package/esm/textarea/style/index.less +47 -0
  474. package/esm/toast/demo/style/css/mobile.css +510 -0
  475. package/esm/toast/demo/style/mobile.less +25 -0
  476. package/esm/toast/style/css/index.css +530 -5
  477. package/esm/toast/style/index.less +37 -0
  478. package/esm/transition/demo/style/css/mobile.css +510 -0
  479. package/esm/transition/demo/style/mobile.less +25 -0
  480. package/esm/transition/style/css/index.css +510 -0
  481. package/esm/transition/style/index.less +25 -0
  482. package/less-loader.config.js +6 -0
  483. package/package.json +3 -3
  484. package/style/css/public.css +510 -0
  485. package/tokens/app/arcodesign/default/css-variables.less +355 -101
  486. package/tokens/app/arcodesign/default/index.d.ts +257 -3
  487. package/tokens/app/arcodesign/default/index.js +355 -101
  488. package/tokens/app/arcodesign/default/index.json +2418 -370
  489. package/tokens/app/arcodesign/default/index.less +355 -101
  490. package/tokens/mixin/index.less +255 -1
  491. package/umd/_helpers/hooks.d.ts +242 -2
  492. package/umd/_helpers/hooks.js +267 -10
  493. package/umd/_helpers/index.d.ts +78 -1
  494. package/umd/_helpers/index.js +89 -10
  495. package/umd/action-sheet/demo/style/css/mobile.css +514 -1
  496. package/umd/action-sheet/demo/style/mobile.less +32 -0
  497. package/umd/action-sheet/style/css/index.css +597 -2
  498. package/umd/action-sheet/style/index.less +62 -0
  499. package/umd/avatar/demo/style/css/mobile.css +518 -1
  500. package/umd/avatar/demo/style/mobile.less +41 -1
  501. package/umd/avatar/style/css/index.css +529 -3
  502. package/umd/avatar/style/index.less +54 -1
  503. package/umd/badge/demo/style/css/mobile.css +520 -1
  504. package/umd/badge/demo/style/mobile.less +40 -0
  505. package/umd/badge/style/css/index.css +518 -1
  506. package/umd/badge/style/index.less +36 -0
  507. package/umd/button/demo/style/css/mobile.css +510 -0
  508. package/umd/button/demo/style/mobile.less +25 -0
  509. package/umd/button/style/css/index.css +616 -39
  510. package/umd/button/style/index.less +135 -25
  511. package/umd/carousel/demo/style/css/mobile.css +514 -0
  512. package/umd/carousel/demo/style/mobile.less +33 -0
  513. package/umd/carousel/index.js +3 -1
  514. package/umd/carousel/style/css/index.css +525 -3
  515. package/umd/carousel/style/index.less +55 -0
  516. package/umd/cell/demo/style/css/mobile.css +521 -0
  517. package/umd/cell/demo/style/mobile.less +46 -0
  518. package/umd/cell/style/css/index.css +707 -2
  519. package/umd/cell/style/index.less +96 -0
  520. package/umd/checkbox/demo/style/css/mobile.css +510 -0
  521. package/umd/checkbox/demo/style/mobile.less +25 -0
  522. package/umd/checkbox/style/css/index.css +535 -4
  523. package/umd/checkbox/style/index.less +61 -0
  524. package/umd/circle-progress/demo/style/css/mobile.css +510 -0
  525. package/umd/circle-progress/demo/style/mobile.less +25 -0
  526. package/umd/circle-progress/style/css/index.css +527 -3
  527. package/umd/circle-progress/style/index.less +49 -0
  528. package/umd/collapse/demo/style/css/mobile.css +510 -0
  529. package/umd/collapse/demo/style/mobile.less +25 -0
  530. package/umd/collapse/style/css/index.css +557 -1
  531. package/umd/collapse/style/index.less +53 -0
  532. package/umd/context-provider/demo/style/css/mobile.css +510 -0
  533. package/umd/context-provider/demo/style/mobile.less +25 -0
  534. package/umd/context-provider/index.d.ts +14 -3
  535. package/umd/context-provider/index.js +47 -7
  536. package/umd/count-down/demo/style/css/mobile.css +518 -2
  537. package/umd/count-down/demo/style/mobile.less +39 -0
  538. package/umd/count-down/style/css/index.css +513 -0
  539. package/umd/count-down/style/index.less +30 -0
  540. package/umd/date-picker/demo/style/css/mobile.css +510 -0
  541. package/umd/date-picker/demo/style/mobile.less +25 -0
  542. package/umd/date-picker/style/css/index.css +510 -0
  543. package/umd/date-picker/style/index.less +25 -0
  544. package/umd/dialog/demo/style/css/mobile.css +522 -2
  545. package/umd/dialog/demo/style/mobile.less +46 -1
  546. package/umd/dialog/style/css/index.css +645 -4
  547. package/umd/dialog/style/index.less +102 -0
  548. package/umd/divider/demo/style/css/mobile.css +510 -1
  549. package/umd/divider/demo/style/mobile.less +26 -2
  550. package/umd/divider/style/css/index.css +516 -0
  551. package/umd/divider/style/index.less +44 -9
  552. package/umd/dropdown/demo/style/css/mobile.css +510 -0
  553. package/umd/dropdown/demo/style/mobile.less +25 -0
  554. package/umd/dropdown/style/css/index.css +542 -6
  555. package/umd/dropdown/style/index.less +69 -0
  556. package/umd/dropdown-menu/demo/style/css/mobile.css +510 -0
  557. package/umd/dropdown-menu/demo/style/mobile.less +25 -0
  558. package/umd/dropdown-menu/style/css/index.css +566 -3
  559. package/umd/dropdown-menu/style/index.less +62 -0
  560. package/umd/ellipsis/demo/style/css/mobile.css +519 -1
  561. package/umd/ellipsis/demo/style/mobile.less +39 -0
  562. package/umd/ellipsis/style/css/index.css +514 -0
  563. package/umd/ellipsis/style/index.less +32 -0
  564. package/umd/form/form-item.js +15 -7
  565. package/umd/form/style/css/index.css +538 -5
  566. package/umd/form/style/index.less +66 -3
  567. package/umd/form/type.d.ts +3 -2
  568. package/umd/form/utils.d.ts +1 -0
  569. package/umd/form/utils.js +6 -2
  570. package/umd/grid/demo/style/css/mobile.css +525 -3
  571. package/umd/grid/demo/style/mobile.less +47 -0
  572. package/umd/grid/style/css/index.css +519 -0
  573. package/umd/grid/style/index.less +48 -0
  574. package/umd/image/demo/style/css/mobile.css +510 -0
  575. package/umd/image/demo/style/mobile.less +25 -0
  576. package/umd/image/style/css/index.css +551 -7
  577. package/umd/image/style/index.less +54 -0
  578. package/umd/image-picker/demo/style/css/mobile.css +510 -0
  579. package/umd/image-picker/demo/style/mobile.less +25 -0
  580. package/umd/image-picker/style/css/index.css +529 -4
  581. package/umd/image-picker/style/index.less +54 -0
  582. package/umd/image-preview/demo/style/css/mobile.css +510 -0
  583. package/umd/image-preview/demo/style/mobile.less +25 -0
  584. package/umd/image-preview/style/css/index.css +530 -5
  585. package/umd/image-preview/style/index.less +37 -0
  586. package/umd/index-bar/demo/style/css/mobile.css +510 -0
  587. package/umd/index-bar/demo/style/mobile.less +25 -0
  588. package/umd/index-bar/style/css/index.css +572 -8
  589. package/umd/index-bar/style/index.less +67 -0
  590. package/umd/input/demo/style/css/mobile.css +538 -7
  591. package/umd/input/demo/style/mobile.less +63 -6
  592. package/umd/input/style/css/index.css +589 -2
  593. package/umd/input/style/index.less +87 -0
  594. package/umd/keyboard/demo/style/css/mobile.css +516 -0
  595. package/umd/keyboard/demo/style/mobile.less +35 -1
  596. package/umd/keyboard/style/css/index.css +526 -2
  597. package/umd/keyboard/style/index.less +51 -0
  598. package/umd/load-more/demo/style/css/mobile.css +513 -0
  599. package/umd/load-more/demo/style/mobile.less +30 -0
  600. package/umd/load-more/style/css/index.css +513 -0
  601. package/umd/load-more/style/index.less +30 -0
  602. package/umd/loading/demo/style/css/mobile.css +510 -0
  603. package/umd/loading/demo/style/mobile.less +25 -0
  604. package/umd/loading/style/css/index.css +534 -5
  605. package/umd/loading/style/index.less +45 -0
  606. package/umd/masking/demo/style/css/mobile.css +514 -1
  607. package/umd/masking/demo/style/mobile.less +30 -0
  608. package/umd/masking/style/css/index.css +510 -0
  609. package/umd/masking/style/index.less +25 -0
  610. package/umd/nav-bar/demo/style/css/mobile.css +514 -1
  611. package/umd/nav-bar/demo/style/mobile.less +33 -1
  612. package/umd/nav-bar/style/css/index.css +550 -1
  613. package/umd/nav-bar/style/index.less +38 -0
  614. package/umd/notice-bar/style/css/index.css +520 -2
  615. package/umd/notice-bar/style/index.less +36 -0
  616. package/umd/notify/demo/style/css/mobile.css +515 -1
  617. package/umd/notify/demo/style/mobile.less +34 -1
  618. package/umd/notify/style/css/index.css +529 -4
  619. package/umd/notify/style/index.less +50 -0
  620. package/umd/pagination/demo/style/css/index.css +510 -0
  621. package/umd/pagination/demo/style/index.less +25 -0
  622. package/umd/pagination/style/css/index.css +543 -4
  623. package/umd/pagination/style/index.less +72 -0
  624. package/umd/picker/demo/style/css/mobile.css +510 -0
  625. package/umd/picker/demo/style/mobile.less +25 -0
  626. package/umd/picker/style/css/index.css +525 -3
  627. package/umd/picker/style/index.less +49 -0
  628. package/umd/picker-view/demo/style/css/mobile.css +510 -0
  629. package/umd/picker-view/demo/style/mobile.less +25 -0
  630. package/umd/picker-view/style/css/index.css +587 -0
  631. package/umd/picker-view/style/index.less +50 -0
  632. package/umd/popover/demo/style/css/mobile.css +516 -2
  633. package/umd/popover/demo/style/mobile.less +37 -2
  634. package/umd/popover/style/css/index.css +614 -4
  635. package/umd/popover/style/css/menu.css +539 -1
  636. package/umd/popover/style/index.less +126 -9
  637. package/umd/popover/style/menu.less +69 -0
  638. package/umd/popup/demo/style/css/mobile.css +517 -0
  639. package/umd/popup/demo/style/mobile.less +38 -0
  640. package/umd/popup/style/css/index.css +514 -1
  641. package/umd/popup/style/index.less +32 -0
  642. package/umd/popup-swiper/demo/style/css/mobile.css +517 -0
  643. package/umd/popup-swiper/demo/style/mobile.less +38 -0
  644. package/umd/popup-swiper/style/css/index.css +510 -0
  645. package/umd/popup-swiper/style/index.less +25 -0
  646. package/umd/portal/demo/style/css/mobile.css +515 -1
  647. package/umd/portal/demo/style/mobile.less +31 -0
  648. package/umd/progress/demo/style/css/mobile.css +510 -0
  649. package/umd/progress/demo/style/mobile.less +25 -0
  650. package/umd/progress/style/css/index.css +556 -8
  651. package/umd/progress/style/index.less +91 -0
  652. package/umd/pull-refresh/demo/style/css/mobile.css +514 -2
  653. package/umd/pull-refresh/demo/style/mobile.less +35 -2
  654. package/umd/pull-refresh/style/css/index.css +536 -3
  655. package/umd/pull-refresh/style/index.less +45 -0
  656. package/umd/radio/demo/style/css/mobile.css +513 -0
  657. package/umd/radio/demo/style/mobile.less +32 -0
  658. package/umd/radio/style/css/index.css +535 -4
  659. package/umd/radio/style/index.less +61 -0
  660. package/umd/rate/demo/style/css/mobile.css +510 -0
  661. package/umd/rate/demo/style/mobile.less +25 -0
  662. package/umd/rate/style/css/index.css +522 -2
  663. package/umd/rate/style/index.less +43 -0
  664. package/umd/search-bar/demo/style/css/mobile.css +516 -1
  665. package/umd/search-bar/demo/style/mobile.less +39 -5
  666. package/umd/search-bar/style/css/index.css +586 -6
  667. package/umd/search-bar/style/index.less +84 -0
  668. package/umd/show-monitor/demo/style/css/mobile.css +521 -2
  669. package/umd/show-monitor/demo/style/mobile.less +43 -1
  670. package/umd/skeleton/demo/style/css/mobile.css +510 -0
  671. package/umd/skeleton/demo/style/mobile.less +25 -0
  672. package/umd/skeleton/style/css/index.css +517 -1
  673. package/umd/skeleton/style/index.less +35 -0
  674. package/umd/slider/demo/style/css/mobile.css +514 -1
  675. package/umd/slider/demo/style/mobile.less +34 -0
  676. package/umd/slider/style/css/index.css +542 -5
  677. package/umd/slider/style/index.less +74 -0
  678. package/umd/stepper/demo/style/css/mobile.css +510 -0
  679. package/umd/stepper/demo/style/mobile.less +25 -1
  680. package/umd/stepper/style/css/index.css +551 -7
  681. package/umd/stepper/style/index.less +84 -3
  682. package/umd/steps/demo/style/css/mobile.css +544 -4
  683. package/umd/steps/demo/style/mobile.less +41 -3
  684. package/umd/steps/style/css/index.css +580 -9
  685. package/umd/steps/style/index.less +138 -0
  686. package/umd/steps/type.d.ts +1 -1
  687. package/umd/sticky/demo/style/css/mobile.css +515 -2
  688. package/umd/sticky/demo/style/mobile.less +34 -2
  689. package/umd/sticky/style/css/index.css +510 -0
  690. package/umd/sticky/style/index.less +25 -0
  691. package/umd/swipe-action/demo/style/css/mobile.css +510 -0
  692. package/umd/swipe-action/demo/style/mobile.less +25 -0
  693. package/umd/swipe-action/style/css/index.css +518 -2
  694. package/umd/swipe-action/style/index.less +43 -0
  695. package/umd/swipe-load/demo/style/css/mobile.css +539 -5
  696. package/umd/swipe-load/demo/style/mobile.less +64 -0
  697. package/umd/swipe-load/style/css/index.css +517 -1
  698. package/umd/swipe-load/style/index.less +37 -0
  699. package/umd/switch/demo/style/css/mobile.css +515 -1
  700. package/umd/switch/demo/style/mobile.less +35 -0
  701. package/umd/switch/style/css/index.css +532 -4
  702. package/umd/switch/style/index.less +59 -0
  703. package/umd/tab-bar/demo/style/css/mobile.css +510 -0
  704. package/umd/tab-bar/demo/style/mobile.less +25 -0
  705. package/umd/tab-bar/style/css/index.css +517 -1
  706. package/umd/tab-bar/style/index.less +37 -0
  707. package/umd/tabs/demo/style/css/mobile.css +546 -5
  708. package/umd/tabs/demo/style/mobile.less +81 -0
  709. package/umd/tabs/style/css/index.css +618 -13
  710. package/umd/tabs/style/index.less +123 -0
  711. package/umd/tabs/tab-cell.js +1 -1
  712. package/umd/tag/demo/style/css/mobile.css +510 -0
  713. package/umd/tag/demo/style/mobile.less +25 -0
  714. package/umd/tag/style/css/index.css +538 -10
  715. package/umd/tag/style/index.less +55 -0
  716. package/umd/textarea/demo/style/css/mobile.css +514 -1
  717. package/umd/textarea/demo/style/mobile.less +32 -1
  718. package/umd/textarea/style/css/index.css +527 -2
  719. package/umd/textarea/style/index.less +47 -0
  720. package/umd/toast/demo/style/css/mobile.css +510 -0
  721. package/umd/toast/demo/style/mobile.less +25 -0
  722. package/umd/toast/style/css/index.css +530 -5
  723. package/umd/toast/style/index.less +37 -0
  724. package/umd/transition/demo/style/css/mobile.css +510 -0
  725. package/umd/transition/demo/style/mobile.less +25 -0
  726. package/umd/transition/style/css/index.css +510 -0
  727. package/umd/transition/style/index.less +25 -0
@@ -1,3 +1,499 @@
1
+ /**
2
+ * @type mixin-var
3
+ * @name GeneralMixinVars
4
+ * @name_en General Mixin
5
+ */
6
+ /**
7
+ * 根据base-font-size,设置单位尺寸为rem
8
+ * @desc {en} set the unit size to rem based on base-font-size
9
+ * @param @property css属性名
10
+ * @param @property {en} css property
11
+ * @param @values css属性值,如果为复合属性,值可以用逗号分隔开
12
+ * @param @values {en} css property value, the values can be separated by commas when the style is composite
13
+ * @example
14
+ * ```
15
+ * @import '@arco-design/mobile-react/style/mixin.less';
16
+ *
17
+ * .demo {
18
+ * .rem(font-size, 14);
19
+ * .rem(padding, 16, 0);
20
+ * }
21
+ * ```
22
+ */
23
+ /**
24
+ * 根据base-font-size,设置常规模式和rtl模式下单位尺寸为rem
25
+ * @desc {en} set the unit size to rem for regular and RTL modes based on the base-font-size
26
+ * @param @property css属性名
27
+ * @param @property {en} css property
28
+ * @param @values css属性值,如果为复合属性,值可以用逗号分隔开
29
+ * @param @values {en} css property value, the values can be separated by commas when the style is composite
30
+ * @example
31
+ * ```
32
+ * @import '@arco-design/mobile-react/style/mixin.less';
33
+ *
34
+ * .demo {
35
+ * .rem-with-rtl(font-size, 14);
36
+ * .rem-with-rtl(padding, 16, 0);
37
+ * }
38
+ * ```
39
+ */
40
+ /**
41
+ * 当less变量use-dark-mode=1时,为原生暗黑模式媒体查询事件prefers-color-scheme:dark绑定对应css规则
42
+ * @desc {en} bind corresponding CSS rules to the native dark mode media query event prefers-color-scheme: dark when the less variable use-dark-mode=1.
43
+ * @param @rules 对应的暗黑模式规则
44
+ * @param @rules {en} Corresponding dark mode rules
45
+ * @example
46
+ * ```
47
+ * @import '@arco-design/mobile-react/style/mixin.less';
48
+ *
49
+ * .demo {
50
+ * .use-dark-mode-query({
51
+ * background-color: #000;
52
+ * });
53
+ * }
54
+ * ```
55
+ */
56
+ /**
57
+ * 为属性设置arco提供的token变量
58
+ * @desc {en} set the token variable provided by Arco for the attribute
59
+ * @param @property css属性名
60
+ * @param @property {en} css property
61
+ * @param @variables token变量名
62
+ * @param @variables {en} token variable name
63
+ * @param @preValues 复合属性css变量前缀
64
+ * @param @preValues {en} prefix for Compound Attribute CSS Variables
65
+ * @param @nextValues 复合属性css变量后缀
66
+ * @param @nextValues {en} suffix for Compound Attribute CSS Variables
67
+ * @example
68
+ * ```
69
+ * @import '@arco-design/mobile-react/style/mixin.less';
70
+ *
71
+ * .demo {
72
+ * .use-var(background, primary-color);
73
+ * .use-var(border, primary-color, 1px solid);
74
+ * .use-var(border, cell-border-width, '', solid black);
75
+ * }
76
+ * ```
77
+ */
78
+ /**
79
+ * 在常规模式和rtl模式下为属性设置arco提供的token变量
80
+ * @desc {en} set the token variable provided by Arco for the attribute in regular mode and RTL mode
81
+ * @param @property css属性名
82
+ * @param @property {en} css property
83
+ * @param @variables token变量名
84
+ * @param @variables {en} token variable name
85
+ * @param @preValues
86
+ * @param @preValues {en}
87
+ * @param @nextValues
88
+ * @param @nextValues {en}
89
+ * @example
90
+ * ```
91
+ * @import '@arco-design/mobile-react/style/mixin.less';
92
+ *
93
+ * .demo {
94
+ * .use-var-with-rtl(margin-left, button-icon-text-gutter);
95
+ * }
96
+ * ```
97
+ */
98
+ /**
99
+ * 0.5px的边框线
100
+ * @desc {en} a border line of 0.5 pixels
101
+ * @param @color 使用css变量为线设置颜色
102
+ * @param @color {en} set border-color by CSS variable
103
+ * @param @direction 边框方向,默认为全部方向
104
+ * @param @direction {en} border direction,default to all directions.
105
+ * @example
106
+ * ```
107
+ * @import '@arco-design/mobile-react/style/mixin.less';
108
+ *
109
+ * .demo {
110
+ * .hairline-var(line-color);
111
+ * .hairline-var(line-color, top);
112
+ * }
113
+ * ```
114
+ */
115
+ /**
116
+ * 字体加粗
117
+ * @desc {en} font bold
118
+ * @param @color 使用css变量设置加粗的字体颜色,默认继承文字当前颜色
119
+ * @param @color {en} set color by CSS variable
120
+ * @param @stroke 字体粗细,默认0.3px
121
+ * @param @stroke {en} font weight, default 0.3 pixel
122
+ * @example
123
+ * ```
124
+ * @import '@arco-design/mobile-react/style/mixin.less';
125
+ *
126
+ * .demo {
127
+ * .text-medium-var();
128
+ * .text-medium-var(primary-color, 0.5PX);
129
+ * }
130
+ * ```
131
+ */
132
+ /**
133
+ * 1px边框
134
+ * @desc {en} 1 pixel border
135
+ * @param @direction 边框方向
136
+ * @param @direction {en} border direction
137
+ * @param @borderColor 使用css变量设置边框颜色
138
+ * @param @borderColor {en} set border-color by CSS variable
139
+ * @param @borderRadius border-radius,默认为0
140
+ * @param @borderRadius {en} border-radius, default value is 0
141
+ * @param @borderWidth border-width,默认为1px
142
+ * @param @borderWidth {en} border-width, default value is 1 pixel
143
+ * @param @borderStyle border-style,默认为solid
144
+ * @param @borderStyle {en} border-style, default value is solid
145
+ * @example
146
+ * ```
147
+ * @import '@arco-design/mobile-react/style/mixin.less';
148
+ *
149
+ * .demo {
150
+ * .onepx-border-var(top, line-color);
151
+ * .onepx-border-var(all, line-color, 2, 2px, dashed);
152
+ * }
153
+ * ```
154
+ */
155
+ /**
156
+ * 元素右下0.5px边框
157
+ * @desc {en} 0.5px border on bottom right
158
+ * @param @color 使用css变量设置边框颜色
159
+ * @param @color {en} set border-color by CSS variable
160
+ * @example
161
+ * ```
162
+ * @import '@arco-design/mobile-react/style/mixin.less';
163
+ *
164
+ * .demo {
165
+ * .hairline-bottom-right-var(line-color);
166
+ * }
167
+ * ```
168
+ */
169
+ /**
170
+ * 元素左上0.5px边框
171
+ * @desc {en} 0.5px border on top left
172
+ * @param @color 使用css变量设置边框颜色
173
+ * @param @color {en} set border-color by CSS variable
174
+ * @example
175
+ * ```
176
+ * @import '@arco-design/mobile-react/style/mixin.less';
177
+ *
178
+ * .demo {
179
+ * .hairline-top-left-var(line-color);
180
+ * }
181
+ * ```
182
+ */
183
+ /**
184
+ * 设置Loading组件颜色
185
+ * @desc {en} set Loading component color
186
+ * @param @color 使用css变量设置颜色
187
+ * @param @color {en} set color by CSS variable
188
+ * @example
189
+ * ```
190
+ * @import '@arco-design/mobile-react/style/mixin.less';
191
+ *
192
+ * .demo {
193
+ * .set-loading-color-var(primary-color);
194
+ * }
195
+ * ```
196
+ */
197
+ /**
198
+ * 设置最小字号
199
+ * @desc {en} set minimum font-size
200
+ * @param @size 使用css变量设置最小字号
201
+ * @param @size {en} set minimum font-size by CSS variable
202
+ * @param @scale 设置最小字号下文字缩放比例,默认为0.9
203
+ * @param @scale {en} set minimum font-size down text scale,default value is 0.9
204
+ * @example
205
+ * ```
206
+ * @import '@arco-design/mobile-react/style/mixin.less';
207
+ *
208
+ * .demo {
209
+ * .set-font-size-var(badge-font-size);
210
+ * .set-font-size-var(badge-font-size, 0.5);
211
+ * }
212
+ * ```
213
+ */
214
+ /**
215
+ * 设置content-box盒模型下元素宽度
216
+ * @desc {en} set box width in content-box
217
+ * @param @property css属性名
218
+ * @param @property {en} css property
219
+ * @param @width 元素总宽度,包含内边距
220
+ * @param @width element width, include padding
221
+ * @param @padding-left 左侧内边距
222
+ * @param @padding-left {en} padding-left
223
+ * @param @padding-right 右侧内边距
224
+ * @param @padding-right {en} padding-right
225
+ * @example
226
+ * ```
227
+ * @import '@arco-design/mobile-react/style/mixin.less';
228
+ *
229
+ * .demo {
230
+ * .set-content-box-width-var(min-width, badge-text-width, badge-text-padding-left, badge-text-padding-right);
231
+ * }
232
+ * ```
233
+ */
234
+ /**
235
+ * 设置Steps组件颜色
236
+ * @desc {en} set Steps component color
237
+ * @param @color 使用css变量设置主颜色
238
+ * @param @color {en} set main step color by CSS variable
239
+ * @param @finish-color 使用css变量设置已完成步骤的颜色
240
+ * @param @finish-color {en} set finished step color by CSS variable
241
+ * @example
242
+ * ```
243
+ * @import '@arco-design/mobile-react/style/mixin.less';
244
+ *
245
+ * .demo {
246
+ * .set-steps-color-var(primary-color, lighter-primary-color);
247
+ * }
248
+ * ```
249
+ */
250
+ /**
251
+ * @type mixin
252
+ * @name GeneralMixin
253
+ * @name_en General Mixin
254
+ */
255
+ /**
256
+ * 文本溢出,支持1行/多行文本
257
+ * @desc {en} text overflow, support single line or multiple lines
258
+ * @param @lines 最大展示行数,默认为1行
259
+ * @param @lines {en} allows limiting of the contents of a block to the specified number of lines, default to 1
260
+ * @example
261
+ * ```
262
+ * @import '@arco-design/mobile-utils/style/mixin.less';
263
+ * .demo1{
264
+ * .text-overflow();
265
+ * }
266
+ * .demo2 {
267
+ * .text-overflow(2);
268
+ * }
269
+ * ```
270
+ */
271
+ /**
272
+ * 禁用用户选择文本
273
+ * @desc {en} disable user selection of text
274
+ * @example
275
+ * ```
276
+ * @import '@arco-design/mobile-utils/style/mixin.less';
277
+ *
278
+ * .demo {
279
+ * .noselect();
280
+ * }
281
+ */
282
+ /**
283
+ * 全屏布局
284
+ * @desc {en} full-screen layout
285
+ * @example
286
+ * ```
287
+ * @import '@arco-design/mobile-utils/style/mixin.less';
288
+ *
289
+ * .demo {
290
+ * .full-screen();
291
+ * }
292
+ */
293
+ /**
294
+ * 文本加粗,兼容安卓设备
295
+ * @desc {en} text-bold, compatible with Android devices
296
+ * @param @color 文本颜色,默认为currentColor
297
+ * @param @color {en} text color, default to currentColor
298
+ * @param @stroke 文本字符笔触宽度,默认为0.3PX
299
+ * @param @stroke {en} the width of strokes for text characters, default to 0.3PX
300
+ * @example
301
+ * ```
302
+ * @import '@arco-design/mobile-utils/style/mixin.less';
303
+ *
304
+ * .demo1 {
305
+ * .text-medium();
306
+ * }
307
+ * .demo2 {
308
+ * .text-medium(#fff, 0.5px);
309
+ * }
310
+ */
311
+ /**
312
+ * 消除文本加粗样式,兼容安卓设备
313
+ * @desc {en} remove text-bold, compatible with Android devices
314
+ * @example
315
+ * ```
316
+ * @import '@arco-design/mobile-utils/style/mixin.less';
317
+ *
318
+ * .demo {
319
+ * .remove-text-medium();
320
+ * }
321
+ */
322
+ /**
323
+ * 1px(物理像素)边框
324
+ * @desc {en} a border line of 1 pixel
325
+ * @param @direction 边框方向
326
+ * @param @direction {en} border direction
327
+ * @param @borderColor 边框颜色,默认inherit
328
+ * @param @borderColor {en} border color, default to inherit
329
+ * @param @borderRadius 边框圆角,默认0
330
+ * @param @borderRadius {en} border radius, default to 0
331
+ * @param @borderWidth 边框宽度,默认1px
332
+ * @param @borderWidth {en} border width, default to 1px
333
+ * @param @borderStyle 边框样式,默认solid
334
+ * @param @borderStyle {en} border style, default to solid
335
+ * @example
336
+ * ```
337
+ * @import '@arco-design/mobile-utils/style/mixin.less';
338
+ *
339
+ * .demo {
340
+ * .onepx-border();
341
+ * }
342
+ */
343
+ /**
344
+ * 移除0.5px的边框线
345
+ * @desc {en} remove border line of 0.5 pixels
346
+ * @param @direction 边框方向,默认为全部方向
347
+ * @param @direction {en} border direction,default to all directions.
348
+ * @example
349
+ * ```
350
+ * @import '@arco-design/mobile-utils/style/mixin.less';
351
+ *
352
+ * .demo {
353
+ * .remove-hairline(all);
354
+ * }
355
+ * ```
356
+ */
357
+ /**
358
+ * 元素右下 0.5px border
359
+ * @desc {en} 0.5px border on bottom right
360
+ * @param @color 边框颜色
361
+ * @param @color {en} border-color
362
+ * @example
363
+ * ```
364
+ * @import '@arco-design/mobile-utils/style/mixin.less';
365
+ *
366
+ * .demo {
367
+ * .hairline-bottom-right(#000);
368
+ * }
369
+ * ```
370
+ */
371
+ /**
372
+ * 元素左上 0.5px border
373
+ * @desc {en} 0.5px border on top left
374
+ * @param @color 边框颜色
375
+ * @param @color {en} border-color
376
+ * @example
377
+ * ```
378
+ * @import '@arco-design/mobile-utils/style/mixin.less';
379
+ *
380
+ * .demo {
381
+ * .hairline-top-left(#000);
382
+ * }
383
+ * ```
384
+ */
385
+ /**
386
+ * 输入涉及左右相关的属性名,获取方向相反的属性名,可用于处理rtl模式
387
+ * @desc {en} get the property name in the opposite direction of the input property name, which can be used to process rtl mode
388
+ * @param @origin-property css属性名
389
+ * @param @origin-property {en} css property
390
+ * @example
391
+ * ```
392
+ * @import '@arco-design/mobile-utils/style/mixin.less';
393
+ *
394
+ * .demo {
395
+ * @a: .prop-with-rtl(margin-left)[@property-name]; // @a 变量值为margin-right
396
+ * }
397
+ * ```
398
+ */
399
+ /**
400
+ * 设置涉及左右相关的属性名,在rtl模式下自动替换为相反的属性名
401
+ * @desc {en} set the property name related to left and right, and automatically replace it with the opposite attribute name in rtl mode
402
+ * @param @property css属性名
403
+ * @param @property {en} css property
404
+ * @param @value css属性值
405
+ * @param @value {en} css property value
406
+ * @param @rules 自定义的复写规则,默认重置为initial
407
+ * @param @rules {en} customized rewrite rules, default to initial
408
+ * @example
409
+ * ```
410
+ * @import '@arco-design/mobile-utils/style/mixin.less';
411
+ *
412
+ * .demo {
413
+ * .set-prop-with-rtl(right, auto);
414
+ * }
415
+ * ```
416
+ */
417
+ /**
418
+ * 设置涉及左右相关的属性值,在rtl模式下自动替换为相反的属性值
419
+ * @desc {en} set the property value related to left and right, and automatically replace it with the opposite attribute value in rtl mode
420
+ * @param @property css属性名
421
+ * @param @property {en} css property
422
+ * @param @value css属性值
423
+ * @param @value {en} css property value
424
+ * @example
425
+ * ```
426
+ * @import '@arco-design/mobile-utils/style/mixin.less';
427
+ *
428
+ * .demo {
429
+ * .set-value-with-rtl(text-align, left);
430
+ * }
431
+ * ```
432
+ */
433
+ /**
434
+ * 设置Loading组件颜色
435
+ * @desc {en} set Loading component color
436
+ * @param @color 颜色
437
+ * @param @color {en} color
438
+ * @example
439
+ * ```
440
+ * @import '@arco-design/mobile-utils/style/mixin.less';
441
+ *
442
+ * .demo {
443
+ * .set-loading-color(#000);
444
+ * }
445
+ * ```
446
+ */
447
+ /**
448
+ * 设置最小字号
449
+ * @desc {en} set minimum font-size
450
+ * @param @size 最小字号
451
+ * @param @size {en} minimum font-size
452
+ * @example
453
+ * ```
454
+ * @import '@arco-design/mobile-utils/style/mixin.less';
455
+ *
456
+ * .demo {
457
+ * .set-font-size(10px);
458
+ * }
459
+ * ```
460
+ */
461
+ /**
462
+ * 设置content-box盒模型下元素宽度
463
+ * @desc {en} set box width in content-box
464
+ * @param @property css属性名
465
+ * @param @property {en} css property
466
+ * @param @width 元素总宽度,包含内边距
467
+ * @param @width element width, include padding
468
+ * @param @padding-left 左侧内边距
469
+ * @param @padding-left {en} padding-left
470
+ * @param @padding-right 右侧内边距
471
+ * @param @padding-right {en} padding-right
472
+ * @example
473
+ * ```
474
+ * @import '@arco-design/mobile-utils/style/mixin.less';
475
+ *
476
+ * .demo {
477
+ * .set-content-box-width(min-width, 300px, 10px, 10px);
478
+ * }
479
+ * ```
480
+ */
481
+ /**
482
+ * 设置Steps组件当前步骤主要颜色,已完成步骤颜色自动计算为当前步骤颜色透明度10%
483
+ * @desc {en} set Steps component color
484
+ * @param @color 当前步骤背景、标题文本颜色
485
+ * @param @color {en} color of current step background and title text
486
+ * @param @finish-color 已完成步骤背景色
487
+ * @param @finish-color {en} color of finished step background
488
+ * @example
489
+ * ```
490
+ * @import '@arco-design/mobile-utils/style/mixin.less';
491
+ *
492
+ * .demo {
493
+ * .set-steps-color(#FFB400);
494
+ * }
495
+ * ```
496
+ */
1
497
  .arco-button {
2
498
  cursor: pointer;
3
499
  text-align: center;
@@ -22,74 +518,74 @@
22
518
  width: auto;
23
519
  display: inline-block;
24
520
  }
25
- .arco-button.arco-button-type-ghost {
26
- background: transparent ;
27
- color: #165dff ;
521
+ .arco-button.arco-button-type-primary {
522
+ background: #165DFF ;
523
+ color: #FFFFFF ;
28
524
  }
29
- .arco-button.arco-button-type-ghost-disabled {
30
- background: transparent ;
31
- color: #94bfff ;
525
+ .arco-button.arco-button-type-primary-disabled {
526
+ background: #94BFFF ;
527
+ color: #E8F3FF ;
32
528
  }
33
- .arco-button.arco-button-type-ghost-active {
34
- background: #e8f3ff ;
529
+ .arco-button.arco-button-type-primary-active {
530
+ background: #0E42D2 ;
35
531
  }
36
- .arco-button-type-ghost .bg-color-with-config {
37
- background: #165dff;
532
+ .arco-button-type-primary .bg-color-with-config {
533
+ background: #FFFFFF;
38
534
  }
39
- .arco-button-type-ghost .stop-color-with-config {
40
- stop-color: #165dff;
535
+ .arco-button-type-primary .stop-color-with-config {
536
+ stop-color: #FFFFFF;
41
537
  }
42
- .arco-button-type-ghost .fill-color-with-config {
43
- fill: #165dff;
538
+ .arco-button-type-primary .fill-color-with-config {
539
+ fill: #FFFFFF;
44
540
  }
45
- .arco-button-type-ghost .stroke-color-with-config {
46
- stroke: #165dff;
541
+ .arco-button-type-primary .stroke-color-with-config {
542
+ stroke: #FFFFFF;
47
543
  }
48
544
  .arco-button.arco-button-type-default {
49
545
  background: #E8F3FF ;
50
- color: #165dff ;
546
+ color: #165DFF ;
51
547
  }
52
548
  .arco-button.arco-button-type-default-disabled {
53
549
  background: #E8F3FF ;
54
- color: #94bfff ;
550
+ color: #94BFFF ;
55
551
  }
56
552
  .arco-button.arco-button-type-default-active {
57
- background: #94bfff ;
553
+ background: #94BFFF ;
58
554
  }
59
555
  .arco-button-type-default .bg-color-with-config {
60
- background: #165dff;
556
+ background: #165DFF;
61
557
  }
62
558
  .arco-button-type-default .stop-color-with-config {
63
- stop-color: #165dff;
559
+ stop-color: #165DFF;
64
560
  }
65
561
  .arco-button-type-default .fill-color-with-config {
66
- fill: #165dff;
562
+ fill: #165DFF;
67
563
  }
68
564
  .arco-button-type-default .stroke-color-with-config {
69
- stroke: #165dff;
565
+ stroke: #165DFF;
70
566
  }
71
- .arco-button.arco-button-type-primary {
72
- background: #165dff ;
73
- color: #fff ;
567
+ .arco-button.arco-button-type-ghost {
568
+ background: transparent ;
569
+ color: #165DFF ;
74
570
  }
75
- .arco-button.arco-button-type-primary-disabled {
76
- background: #94bfff ;
77
- color: #E8F3FF ;
571
+ .arco-button.arco-button-type-ghost-disabled {
572
+ background: transparent ;
573
+ color: #94BFFF ;
78
574
  }
79
- .arco-button.arco-button-type-primary-active {
80
- background: #0E42D2 ;
575
+ .arco-button.arco-button-type-ghost-active {
576
+ background: #E8F3FF ;
81
577
  }
82
- .arco-button-type-primary .bg-color-with-config {
83
- background: #fff;
578
+ .arco-button-type-ghost .bg-color-with-config {
579
+ background: #165DFF;
84
580
  }
85
- .arco-button-type-primary .stop-color-with-config {
86
- stop-color: #fff;
581
+ .arco-button-type-ghost .stop-color-with-config {
582
+ stop-color: #165DFF;
87
583
  }
88
- .arco-button-type-primary .fill-color-with-config {
89
- fill: #fff;
584
+ .arco-button-type-ghost .fill-color-with-config {
585
+ fill: #165DFF;
90
586
  }
91
- .arco-button-type-primary .stroke-color-with-config {
92
- stroke: #fff;
587
+ .arco-button-type-ghost .stroke-color-with-config {
588
+ stroke: #165DFF;
93
589
  }
94
590
  .arco-button.arco-button-type-ghost {
95
591
  border: 1PX solid currentColor;
@@ -221,3 +717,84 @@
221
717
  .arco-button.has-custom-border {
222
718
  border: 1PX solid;
223
719
  }
720
+ /***************************************************
721
+ * *
722
+ * Arco Theme Style *
723
+ * *
724
+ ***************************************************/
725
+ .arco-theme-dark .process-bg-color-with-config,
726
+ .arco-theme-dark .process-custom-icon-bg-color-with-config {
727
+ color: rgba(255, 255, 255, 0.9) ;
728
+ }
729
+ .arco-theme-dark .wait-custom-icon-bg-color-with-config {
730
+ background: #2e2e30 ;
731
+ color: #929293 ;
732
+ }
733
+ .arco-theme-dark .arco-button.arco-button-type-primary {
734
+ background: #3C7EFF ;
735
+ color: rgba(255, 255, 255, 0.9) ;
736
+ }
737
+ .arco-theme-dark .arco-button.arco-button-type-primary-disabled {
738
+ background: #0E32A6 ;
739
+ color: #000D4D ;
740
+ }
741
+ .arco-theme-dark .arco-button.arco-button-type-primary-active {
742
+ background: #689FFF ;
743
+ }
744
+ .arco-theme-dark .arco-button-type-primary .bg-color-with-config {
745
+ background: rgba(255, 255, 255, 0.9);
746
+ }
747
+ .arco-theme-dark .arco-button-type-primary .stop-color-with-config {
748
+ stop-color: rgba(255, 255, 255, 0.9);
749
+ }
750
+ .arco-theme-dark .arco-button-type-primary .fill-color-with-config {
751
+ fill: rgba(255, 255, 255, 0.9);
752
+ }
753
+ .arco-theme-dark .arco-button-type-primary .stroke-color-with-config {
754
+ stroke: rgba(255, 255, 255, 0.9);
755
+ }
756
+ .arco-theme-dark .arco-button.arco-button-type-default {
757
+ background: #000D4D ;
758
+ color: #3C7EFF ;
759
+ }
760
+ .arco-theme-dark .arco-button.arco-button-type-default-disabled {
761
+ background: #000D4D ;
762
+ color: #0E32A6 ;
763
+ }
764
+ .arco-theme-dark .arco-button.arco-button-type-default-active {
765
+ background: #0E32A6 ;
766
+ }
767
+ .arco-theme-dark .arco-button-type-default .bg-color-with-config {
768
+ background: #3C7EFF;
769
+ }
770
+ .arco-theme-dark .arco-button-type-default .stop-color-with-config {
771
+ stop-color: #3C7EFF;
772
+ }
773
+ .arco-theme-dark .arco-button-type-default .fill-color-with-config {
774
+ fill: #3C7EFF;
775
+ }
776
+ .arco-theme-dark .arco-button-type-default .stroke-color-with-config {
777
+ stroke: #3C7EFF;
778
+ }
779
+ .arco-theme-dark .arco-button.arco-button-type-ghost {
780
+ color: #3C7EFF ;
781
+ }
782
+ .arco-theme-dark .arco-button.arco-button-type-ghost-disabled {
783
+ color: #0E32A6 ;
784
+ }
785
+ .arco-theme-dark .arco-button.arco-button-type-ghost-active {
786
+ background: #000D4D ;
787
+ }
788
+ .arco-theme-dark .arco-button-type-ghost .bg-color-with-config {
789
+ background: #3C7EFF;
790
+ }
791
+ .arco-theme-dark .arco-button-type-ghost .stop-color-with-config {
792
+ stop-color: #3C7EFF;
793
+ }
794
+ .arco-theme-dark .arco-button-type-ghost .fill-color-with-config {
795
+ fill: #3C7EFF;
796
+ }
797
+ .arco-theme-dark .arco-button-type-ghost .stroke-color-with-config {
798
+ stroke: #3C7EFF;
799
+ }
800
+ /********************* End *************************/