@arco-design/mobile-react 2.25.4 → 2.26.0

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 (807) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +2 -2
  4. package/cjs/_helpers/hooks.js +124 -43
  5. package/cjs/_helpers/index.js +13 -2
  6. package/cjs/_helpers/react-dom.js +12 -0
  7. package/cjs/_helpers/render.js +12 -0
  8. package/cjs/action-sheet/index.d.ts +2 -2
  9. package/cjs/action-sheet/index.js +30 -10
  10. package/cjs/action-sheet/methods.js +2 -0
  11. package/cjs/action-sheet/style/css/index.js +2 -0
  12. package/cjs/action-sheet/style/index.js +2 -0
  13. package/cjs/avatar/group.js +24 -12
  14. package/cjs/avatar/index.js +77 -51
  15. package/cjs/avatar/style/css/index.js +2 -0
  16. package/cjs/avatar/style/index.js +2 -0
  17. package/cjs/badge/index.js +29 -18
  18. package/cjs/badge/style/css/index.js +1 -0
  19. package/cjs/badge/style/index.js +1 -0
  20. package/cjs/button/hooks.js +20 -15
  21. package/cjs/button/index.js +67 -46
  22. package/cjs/button/style/css/index.js +2 -0
  23. package/cjs/button/style/index.js +2 -0
  24. package/cjs/carousel/index.d.ts +6 -0
  25. package/cjs/carousel/index.js +342 -184
  26. package/cjs/carousel/style/css/index.css +50 -15
  27. package/cjs/carousel/style/css/index.js +1 -0
  28. package/cjs/carousel/style/index.js +1 -0
  29. package/cjs/carousel/style/index.less +19 -14
  30. package/cjs/cell/arrow.js +3 -0
  31. package/cjs/cell/cell.js +23 -14
  32. package/cjs/cell/demo/style/css/mobile.css +8 -0
  33. package/cjs/cell/demo/style/mobile.less +2 -2
  34. package/cjs/cell/group.js +21 -9
  35. package/cjs/cell/index.js +7 -1
  36. package/cjs/cell/style/css/index.css +16 -0
  37. package/cjs/cell/style/css/index.js +1 -0
  38. package/cjs/cell/style/index.js +1 -0
  39. package/cjs/cell/style/index.less +6 -4
  40. package/cjs/checkbox/checkbox.js +57 -31
  41. package/cjs/checkbox/group.js +38 -24
  42. package/cjs/checkbox/hooks/index.js +2 -0
  43. package/cjs/checkbox/hooks/useMergeProps.js +14 -7
  44. package/cjs/checkbox/index.js +8 -1
  45. package/cjs/checkbox/style/css/index.js +1 -0
  46. package/cjs/checkbox/style/index.js +1 -0
  47. package/cjs/checkbox/type.js +2 -0
  48. package/cjs/circle-progress/index.js +57 -37
  49. package/cjs/circle-progress/style/css/index.js +1 -0
  50. package/cjs/circle-progress/style/index.js +1 -0
  51. package/cjs/collapse/collapse.js +56 -27
  52. package/cjs/collapse/group.js +44 -20
  53. package/cjs/collapse/index.js +9 -0
  54. package/cjs/collapse/style/css/index.js +1 -0
  55. package/cjs/collapse/style/index.js +1 -0
  56. package/cjs/collapse/utils.js +7 -0
  57. package/cjs/context-provider/index.d.ts +6 -0
  58. package/cjs/context-provider/index.js +30 -11
  59. package/cjs/context-provider/style/css/index.js +1 -0
  60. package/cjs/context-provider/style/index.js +1 -0
  61. package/cjs/count-down/hooks.js +43 -24
  62. package/cjs/count-down/index.js +37 -29
  63. package/cjs/count-down/singleton.js +12 -2
  64. package/cjs/count-down/style/css/index.js +1 -0
  65. package/cjs/count-down/style/index.js +1 -0
  66. package/cjs/count-down/util.js +47 -33
  67. package/cjs/date-picker/helper.js +14 -7
  68. package/cjs/date-picker/index.js +106 -42
  69. package/cjs/date-picker/style/css/index.js +2 -0
  70. package/cjs/date-picker/style/index.js +2 -0
  71. package/cjs/dialog/index.d.ts +2 -2
  72. package/cjs/dialog/index.js +54 -28
  73. package/cjs/dialog/methods.js +22 -9
  74. package/cjs/dialog/style/css/index.js +2 -0
  75. package/cjs/dialog/style/index.js +2 -0
  76. package/cjs/divider/demo/style/css/mobile.css +7 -0
  77. package/cjs/divider/demo/style/mobile.less +12 -0
  78. package/cjs/divider/index.d.ts +49 -0
  79. package/cjs/divider/index.js +65 -0
  80. package/cjs/divider/style/css/index.css +69 -0
  81. package/cjs/divider/style/css/index.d.ts +2 -0
  82. package/cjs/divider/style/css/index.js +5 -0
  83. package/cjs/divider/style/index.d.ts +2 -0
  84. package/cjs/divider/style/index.js +5 -0
  85. package/cjs/divider/style/index.less +66 -0
  86. package/cjs/dropdown/dropdown.js +113 -74
  87. package/cjs/dropdown/index.js +8 -1
  88. package/cjs/dropdown/options.js +28 -12
  89. package/cjs/dropdown/style/css/index.js +1 -0
  90. package/cjs/dropdown/style/index.js +1 -0
  91. package/cjs/dropdown-menu/dropdown-menu.js +84 -49
  92. package/cjs/dropdown-menu/helper.js +27 -6
  93. package/cjs/dropdown-menu/index.js +6 -0
  94. package/cjs/dropdown-menu/style/css/index.js +2 -0
  95. package/cjs/dropdown-menu/style/index.js +2 -0
  96. package/cjs/ellipsis/components/js-ellipsis.js +72 -33
  97. package/cjs/ellipsis/components/native-ellipsis.js +15 -9
  98. package/cjs/ellipsis/index.js +32 -19
  99. package/cjs/ellipsis/style/css/index.js +1 -0
  100. package/cjs/ellipsis/style/index.js +1 -0
  101. package/cjs/ellipsis/utils/dom.js +8 -0
  102. package/cjs/ellipsis/utils/is.js +5 -1
  103. package/cjs/form/form-item-context.js +5 -0
  104. package/cjs/form/form-item.js +124 -42
  105. package/cjs/form/index.js +35 -17
  106. package/cjs/form/style/css/index.js +1 -0
  107. package/cjs/form/style/index.js +1 -0
  108. package/cjs/form/type.js +3 -0
  109. package/cjs/form/useForm.js +76 -18
  110. package/cjs/form/utils.js +10 -3
  111. package/cjs/grid/index.js +41 -21
  112. package/cjs/grid/style/css/index.js +1 -0
  113. package/cjs/grid/style/index.js +1 -0
  114. package/cjs/icon/IconAdd/index.js +12 -5
  115. package/cjs/icon/IconArrowBack/index.js +12 -5
  116. package/cjs/icon/IconArrowDown/index.js +12 -5
  117. package/cjs/icon/IconArrowIn/index.js +12 -5
  118. package/cjs/icon/IconArrowUp/index.js +12 -5
  119. package/cjs/icon/IconCheck/index.js +12 -5
  120. package/cjs/icon/IconCheckBold/index.js +12 -5
  121. package/cjs/icon/IconCircleChecked/index.js +12 -5
  122. package/cjs/icon/IconCircleDisabled/index.js +12 -5
  123. package/cjs/icon/IconCircleUnchecked/index.js +12 -5
  124. package/cjs/icon/IconClear/index.js +12 -5
  125. package/cjs/icon/IconClose/index.js +12 -5
  126. package/cjs/icon/IconCloseBold/index.js +12 -5
  127. package/cjs/icon/IconDelete/index.js +12 -5
  128. package/cjs/icon/IconEdit/index.js +12 -5
  129. package/cjs/icon/IconErrorCircle/index.js +12 -5
  130. package/cjs/icon/IconEyeInvisible/index.js +12 -5
  131. package/cjs/icon/IconEyeVisible/index.js +12 -5
  132. package/cjs/icon/IconEyelashInvisible/index.js +12 -5
  133. package/cjs/icon/IconGift/index.js +12 -5
  134. package/cjs/icon/IconHeart/index.js +12 -5
  135. package/cjs/icon/IconHome/index.js +12 -5
  136. package/cjs/icon/IconLikeCircle/index.js +12 -5
  137. package/cjs/icon/IconMinus/index.js +12 -5
  138. package/cjs/icon/IconMore/index.js +12 -5
  139. package/cjs/icon/IconNotice/index.js +12 -5
  140. package/cjs/icon/IconNoticeOff/index.js +12 -5
  141. package/cjs/icon/IconPicture/index.js +12 -5
  142. package/cjs/icon/IconPlay/index.js +12 -5
  143. package/cjs/icon/IconQuestionCircle/index.js +12 -5
  144. package/cjs/icon/IconRefresh/index.js +12 -5
  145. package/cjs/icon/IconSad/index.js +12 -5
  146. package/cjs/icon/IconScan/index.js +12 -5
  147. package/cjs/icon/IconSearch/index.js +12 -5
  148. package/cjs/icon/IconSetting/index.js +12 -5
  149. package/cjs/icon/IconShop/index.js +12 -5
  150. package/cjs/icon/IconShopping/index.js +12 -5
  151. package/cjs/icon/IconSmileFill/index.js +12 -5
  152. package/cjs/icon/IconSound/index.js +12 -5
  153. package/cjs/icon/IconSquareChecked/index.js +12 -5
  154. package/cjs/icon/IconSquareDisabled/index.js +12 -5
  155. package/cjs/icon/IconSquareUnchecked/index.js +12 -5
  156. package/cjs/icon/IconStar/index.js +12 -5
  157. package/cjs/icon/IconStarFill/index.js +12 -5
  158. package/cjs/icon/IconStarHalf/index.js +12 -5
  159. package/cjs/icon/IconSubway/index.js +12 -5
  160. package/cjs/icon/IconSuccessCircle/index.js +12 -5
  161. package/cjs/icon/IconTriDown/index.js +12 -5
  162. package/cjs/icon/IconTriUp/index.js +12 -5
  163. package/cjs/icon/IconUpload/index.js +12 -5
  164. package/cjs/icon/IconUser/index.js +12 -5
  165. package/cjs/icon/IconUserFill/index.js +12 -5
  166. package/cjs/icon/IconWarnCircle/index.js +12 -5
  167. package/cjs/icon/IconWarnCircleFill/index.js +12 -5
  168. package/cjs/icon/index.js +111 -0
  169. package/cjs/image/index.js +92 -56
  170. package/cjs/image/style/css/index.css +1 -0
  171. package/cjs/image/style/css/index.js +2 -0
  172. package/cjs/image/style/index.js +2 -0
  173. package/cjs/image/style/index.less +1 -0
  174. package/cjs/image-picker/add-icon.js +3 -0
  175. package/cjs/image-picker/index.js +96 -52
  176. package/cjs/image-picker/style/css/index.js +2 -0
  177. package/cjs/image-picker/style/index.js +2 -0
  178. package/cjs/image-preview/index.d.ts +2 -2
  179. package/cjs/image-preview/index.js +239 -119
  180. package/cjs/image-preview/methods.js +18 -5
  181. package/cjs/image-preview/style/css/index.js +4 -0
  182. package/cjs/image-preview/style/index.js +4 -0
  183. package/cjs/index.d.ts +10 -9
  184. package/cjs/index.js +132 -19
  185. package/cjs/input/demo/style/css/mobile.css +5 -1
  186. package/cjs/input/demo/style/mobile.less +2 -2
  187. package/cjs/input/hooks.js +104 -42
  188. package/cjs/input/index.js +40 -26
  189. package/cjs/input/props.d.ts +6 -0
  190. package/cjs/input/style/css/index.css +9 -0
  191. package/cjs/input/style/css/index.js +1 -0
  192. package/cjs/input/style/index.js +1 -0
  193. package/cjs/input/style/index.less +2 -2
  194. package/cjs/load-more/index.js +56 -29
  195. package/cjs/load-more/style/css/index.js +1 -0
  196. package/cjs/load-more/style/index.js +1 -0
  197. package/cjs/loading/index.js +48 -19
  198. package/cjs/loading/style/css/index.js +1 -0
  199. package/cjs/loading/style/index.js +1 -0
  200. package/cjs/masking/index.d.ts +2 -2
  201. package/cjs/masking/index.js +79 -46
  202. package/cjs/masking/methods.js +19 -4
  203. package/cjs/masking/style/css/index.js +2 -0
  204. package/cjs/masking/style/index.js +2 -0
  205. package/cjs/nav-bar/back-icon.js +5 -1
  206. package/cjs/nav-bar/index.js +61 -37
  207. package/cjs/nav-bar/style/css/index.js +1 -0
  208. package/cjs/nav-bar/style/index.js +1 -0
  209. package/cjs/notice-bar/index.js +61 -33
  210. package/cjs/notice-bar/style/css/index.css +33 -0
  211. package/cjs/notice-bar/style/css/index.js +1 -0
  212. package/cjs/notice-bar/style/index.js +1 -0
  213. package/cjs/notice-bar/style/index.less +16 -3
  214. package/cjs/notify/index.d.ts +8 -8
  215. package/cjs/notify/index.js +49 -20
  216. package/cjs/notify/methods.js +17 -2
  217. package/cjs/notify/style/css/index.js +1 -0
  218. package/cjs/notify/style/index.js +1 -0
  219. package/cjs/pagination/arrow.js +3 -0
  220. package/cjs/pagination/index.js +58 -27
  221. package/cjs/pagination/style/css/index.js +1 -0
  222. package/cjs/pagination/style/index.js +1 -0
  223. package/cjs/picker/index.js +81 -40
  224. package/cjs/picker/style/css/index.js +3 -0
  225. package/cjs/picker/style/index.js +3 -0
  226. package/cjs/picker-view/components/cascader.js +31 -14
  227. package/cjs/picker-view/components/multi-picker.js +20 -6
  228. package/cjs/picker-view/components/picker-cell.js +97 -45
  229. package/cjs/picker-view/index.js +71 -25
  230. package/cjs/picker-view/style/css/index.js +1 -0
  231. package/cjs/picker-view/style/index.js +1 -0
  232. package/cjs/popover/hooks/index.js +4 -0
  233. package/cjs/popover/hooks/useEvent.js +49 -25
  234. package/cjs/popover/hooks/usePosition.js +151 -94
  235. package/cjs/popover/index.js +8 -1
  236. package/cjs/popover/menu.js +51 -32
  237. package/cjs/popover/popover-inner.js +47 -30
  238. package/cjs/popover/popover.js +101 -69
  239. package/cjs/popover/style/css/index.js +2 -0
  240. package/cjs/popover/style/index.js +2 -0
  241. package/cjs/popup/index.d.ts +2 -2
  242. package/cjs/popup/index.js +39 -22
  243. package/cjs/popup/methods.js +2 -0
  244. package/cjs/popup/style/css/index.js +2 -0
  245. package/cjs/popup/style/index.js +2 -0
  246. package/cjs/popup-swiper/index.d.ts +2 -2
  247. package/cjs/popup-swiper/index.js +80 -38
  248. package/cjs/popup-swiper/methods.js +2 -0
  249. package/cjs/popup-swiper/style/css/index.js +2 -0
  250. package/cjs/popup-swiper/style/index.js +2 -0
  251. package/cjs/portal/index.js +8 -3
  252. package/cjs/portal/style/css/index.js +1 -0
  253. package/cjs/portal/style/index.js +1 -0
  254. package/cjs/progress/index.js +44 -27
  255. package/cjs/progress/style/css/index.js +1 -0
  256. package/cjs/progress/style/index.js +1 -0
  257. package/cjs/pull-refresh/android-pull-refresh.js +100 -58
  258. package/cjs/pull-refresh/hooks.js +32 -11
  259. package/cjs/pull-refresh/index.js +14 -3
  260. package/cjs/pull-refresh/ios-pull-refresh.js +80 -53
  261. package/cjs/pull-refresh/model.js +1 -0
  262. package/cjs/pull-refresh/style/css/index.js +2 -0
  263. package/cjs/pull-refresh/style/index.js +2 -0
  264. package/cjs/radio/group.js +34 -20
  265. package/cjs/radio/index.js +8 -1
  266. package/cjs/radio/radio.js +10 -0
  267. package/cjs/radio/style/css/index.js +1 -0
  268. package/cjs/radio/style/index.js +1 -0
  269. package/cjs/rate/index.js +50 -24
  270. package/cjs/rate/style/css/index.js +1 -0
  271. package/cjs/rate/style/index.js +1 -0
  272. package/cjs/search-bar/association.js +32 -14
  273. package/cjs/search-bar/cancel-button.js +16 -8
  274. package/cjs/search-bar/highlight.js +25 -14
  275. package/cjs/search-bar/index.js +97 -77
  276. package/cjs/search-bar/style/css/index.js +1 -0
  277. package/cjs/search-bar/style/index.js +1 -0
  278. package/cjs/show-monitor/index.js +93 -34
  279. package/cjs/show-monitor/style/css/index.js +1 -0
  280. package/cjs/show-monitor/style/index.js +1 -0
  281. package/cjs/slider/hooks/index.js +13 -0
  282. package/cjs/slider/hooks/useSliderEvents.js +55 -26
  283. package/cjs/slider/hooks/useSliderIcon.js +20 -6
  284. package/cjs/slider/hooks/useSliderInit.js +52 -32
  285. package/cjs/slider/hooks/useSliderStyle.js +24 -12
  286. package/cjs/slider/index.js +72 -46
  287. package/cjs/slider/marks.js +26 -12
  288. package/cjs/slider/popover.js +13 -4
  289. package/cjs/slider/style/css/index.js +2 -0
  290. package/cjs/slider/style/index.js +2 -0
  291. package/cjs/slider/thumb.js +23 -8
  292. package/cjs/stepper/hooks/useButtonClick.js +28 -19
  293. package/cjs/stepper/hooks/useInputEvent.js +18 -9
  294. package/cjs/stepper/hooks/useValue.js +14 -9
  295. package/cjs/stepper/index.js +96 -82
  296. package/cjs/stepper/style/css/index.js +1 -0
  297. package/cjs/stepper/style/index.js +1 -0
  298. package/cjs/steps/index.js +40 -22
  299. package/cjs/steps/step.js +27 -10
  300. package/cjs/steps/style/css/index.js +1 -0
  301. package/cjs/steps/style/index.js +1 -0
  302. package/cjs/sticky/index.js +65 -36
  303. package/cjs/sticky/style/css/index.js +1 -0
  304. package/cjs/sticky/style/index.js +1 -0
  305. package/cjs/style.d.ts +9 -8
  306. package/cjs/style.js +64 -8
  307. package/cjs/swipe-action/index.js +92 -40
  308. package/cjs/swipe-action/item.js +17 -9
  309. package/cjs/swipe-action/style/css/index.js +1 -0
  310. package/cjs/swipe-action/style/index.js +1 -0
  311. package/cjs/swipe-load/index.js +83 -55
  312. package/cjs/swipe-load/style/css/index.js +1 -0
  313. package/cjs/swipe-load/style/index.js +1 -0
  314. package/cjs/switch/index.js +47 -27
  315. package/cjs/switch/style/css/index.js +1 -0
  316. package/cjs/switch/style/index.js +1 -0
  317. package/cjs/tab-bar/index.js +7 -0
  318. package/cjs/tab-bar/item.js +24 -6
  319. package/cjs/tab-bar/style/css/index.js +1 -0
  320. package/cjs/tab-bar/style/index.js +1 -0
  321. package/cjs/tab-bar/tab-bar.js +31 -15
  322. package/cjs/tabs/index.js +195 -129
  323. package/cjs/tabs/style/css/index.js +1 -0
  324. package/cjs/tabs/style/index.js +1 -0
  325. package/cjs/tabs/tab-cell-underline.js +111 -38
  326. package/cjs/tabs/tab-cell.js +124 -70
  327. package/cjs/tabs/tab-pane.js +94 -49
  328. package/cjs/tabs/type.d.ts +18 -2
  329. package/cjs/tag/index.js +8 -1
  330. package/cjs/tag/list.js +26 -11
  331. package/cjs/tag/style/css/index.js +1 -0
  332. package/cjs/tag/style/index.js +1 -0
  333. package/cjs/tag/tag.js +32 -20
  334. package/cjs/textarea/index.js +56 -35
  335. package/cjs/textarea/style/css/index.js +2 -0
  336. package/cjs/textarea/style/index.js +2 -0
  337. package/cjs/toast/index.d.ts +12 -12
  338. package/cjs/toast/index.js +61 -26
  339. package/cjs/toast/methods.js +16 -2
  340. package/cjs/toast/style/css/index.js +3 -0
  341. package/cjs/toast/style/index.js +3 -0
  342. package/cjs/transition/index.js +18 -10
  343. package/cjs/transition/style/css/index.js +1 -0
  344. package/cjs/transition/style/index.js +1 -0
  345. package/dist/index.js +21588 -19198
  346. package/dist/index.min.js +4 -4
  347. package/dist/style.css +3637 -3501
  348. package/dist/style.min.css +1 -1
  349. package/esm/_helpers/hooks.js +103 -42
  350. package/esm/_helpers/index.js +3 -2
  351. package/esm/_helpers/react-dom.js +10 -0
  352. package/esm/_helpers/render.js +7 -0
  353. package/esm/action-sheet/index.d.ts +2 -2
  354. package/esm/action-sheet/index.js +16 -10
  355. package/esm/avatar/group.js +16 -12
  356. package/esm/avatar/index.js +62 -51
  357. package/esm/badge/index.js +22 -18
  358. package/esm/button/hooks.js +18 -15
  359. package/esm/button/index.js +57 -46
  360. package/esm/carousel/index.d.ts +6 -0
  361. package/esm/carousel/index.js +336 -186
  362. package/esm/carousel/style/css/index.css +50 -15
  363. package/esm/carousel/style/index.less +19 -14
  364. package/esm/cell/cell.js +14 -14
  365. package/esm/cell/demo/style/css/mobile.css +8 -0
  366. package/esm/cell/demo/style/mobile.less +2 -2
  367. package/esm/cell/group.js +11 -9
  368. package/esm/cell/index.js +1 -1
  369. package/esm/cell/style/css/index.css +16 -0
  370. package/esm/cell/style/index.less +6 -4
  371. package/esm/checkbox/checkbox.js +42 -31
  372. package/esm/checkbox/group.js +28 -24
  373. package/esm/checkbox/hooks/useMergeProps.js +9 -7
  374. package/esm/checkbox/index.js +2 -2
  375. package/esm/checkbox/type.js +1 -0
  376. package/esm/circle-progress/index.js +49 -37
  377. package/esm/collapse/collapse.js +46 -27
  378. package/esm/collapse/group.js +34 -20
  379. package/esm/collapse/index.js +1 -1
  380. package/esm/collapse/utils.js +1 -0
  381. package/esm/context-provider/index.d.ts +6 -0
  382. package/esm/context-provider/index.js +20 -11
  383. package/esm/count-down/hooks.js +37 -24
  384. package/esm/count-down/index.js +29 -30
  385. package/esm/count-down/singleton.js +5 -2
  386. package/esm/count-down/util.js +42 -33
  387. package/esm/date-picker/helper.js +9 -7
  388. package/esm/date-picker/index.js +93 -42
  389. package/esm/dialog/index.d.ts +2 -2
  390. package/esm/dialog/index.js +39 -28
  391. package/esm/dialog/methods.js +11 -9
  392. package/esm/divider/demo/style/css/mobile.css +7 -0
  393. package/esm/divider/demo/style/mobile.less +12 -0
  394. package/esm/divider/index.d.ts +49 -0
  395. package/esm/divider/index.js +49 -0
  396. package/esm/divider/style/css/index.css +69 -0
  397. package/esm/divider/style/css/index.d.ts +2 -0
  398. package/esm/divider/style/css/index.js +2 -0
  399. package/esm/divider/style/index.d.ts +2 -0
  400. package/esm/divider/style/index.js +2 -0
  401. package/esm/divider/style/index.less +66 -0
  402. package/esm/dropdown/dropdown.js +102 -74
  403. package/esm/dropdown/index.js +1 -1
  404. package/esm/dropdown/options.js +20 -12
  405. package/esm/dropdown-menu/dropdown-menu.js +74 -49
  406. package/esm/dropdown-menu/helper.js +16 -6
  407. package/esm/dropdown-menu/index.js +1 -1
  408. package/esm/ellipsis/components/js-ellipsis.js +63 -33
  409. package/esm/ellipsis/components/native-ellipsis.js +11 -9
  410. package/esm/ellipsis/index.js +21 -20
  411. package/esm/ellipsis/utils/dom.js +7 -0
  412. package/esm/ellipsis/utils/is.js +1 -1
  413. package/esm/form/form-item.js +110 -42
  414. package/esm/form/index.js +20 -17
  415. package/esm/form/type.js +3 -0
  416. package/esm/form/useForm.js +71 -17
  417. package/esm/form/utils.js +6 -3
  418. package/esm/grid/index.js +34 -21
  419. package/esm/icon/IconAdd/index.js +6 -5
  420. package/esm/icon/IconArrowBack/index.js +6 -5
  421. package/esm/icon/IconArrowDown/index.js +6 -5
  422. package/esm/icon/IconArrowIn/index.js +6 -5
  423. package/esm/icon/IconArrowUp/index.js +6 -5
  424. package/esm/icon/IconCheck/index.js +6 -5
  425. package/esm/icon/IconCheckBold/index.js +6 -5
  426. package/esm/icon/IconCircleChecked/index.js +6 -5
  427. package/esm/icon/IconCircleDisabled/index.js +6 -5
  428. package/esm/icon/IconCircleUnchecked/index.js +6 -5
  429. package/esm/icon/IconClear/index.js +6 -5
  430. package/esm/icon/IconClose/index.js +6 -5
  431. package/esm/icon/IconCloseBold/index.js +6 -5
  432. package/esm/icon/IconDelete/index.js +6 -5
  433. package/esm/icon/IconEdit/index.js +6 -5
  434. package/esm/icon/IconErrorCircle/index.js +6 -5
  435. package/esm/icon/IconEyeInvisible/index.js +6 -5
  436. package/esm/icon/IconEyeVisible/index.js +6 -5
  437. package/esm/icon/IconEyelashInvisible/index.js +6 -5
  438. package/esm/icon/IconGift/index.js +6 -5
  439. package/esm/icon/IconHeart/index.js +6 -5
  440. package/esm/icon/IconHome/index.js +6 -5
  441. package/esm/icon/IconLikeCircle/index.js +6 -5
  442. package/esm/icon/IconMinus/index.js +6 -5
  443. package/esm/icon/IconMore/index.js +6 -5
  444. package/esm/icon/IconNotice/index.js +6 -5
  445. package/esm/icon/IconNoticeOff/index.js +6 -5
  446. package/esm/icon/IconPicture/index.js +6 -5
  447. package/esm/icon/IconPlay/index.js +6 -5
  448. package/esm/icon/IconQuestionCircle/index.js +6 -5
  449. package/esm/icon/IconRefresh/index.js +6 -5
  450. package/esm/icon/IconSad/index.js +6 -5
  451. package/esm/icon/IconScan/index.js +6 -5
  452. package/esm/icon/IconSearch/index.js +6 -5
  453. package/esm/icon/IconSetting/index.js +6 -5
  454. package/esm/icon/IconShop/index.js +6 -5
  455. package/esm/icon/IconShopping/index.js +6 -5
  456. package/esm/icon/IconSmileFill/index.js +6 -5
  457. package/esm/icon/IconSound/index.js +6 -5
  458. package/esm/icon/IconSquareChecked/index.js +6 -5
  459. package/esm/icon/IconSquareDisabled/index.js +6 -5
  460. package/esm/icon/IconSquareUnchecked/index.js +6 -5
  461. package/esm/icon/IconStar/index.js +6 -5
  462. package/esm/icon/IconStarFill/index.js +6 -5
  463. package/esm/icon/IconStarHalf/index.js +6 -5
  464. package/esm/icon/IconSubway/index.js +6 -5
  465. package/esm/icon/IconSuccessCircle/index.js +6 -5
  466. package/esm/icon/IconTriDown/index.js +6 -5
  467. package/esm/icon/IconTriUp/index.js +6 -5
  468. package/esm/icon/IconUpload/index.js +6 -5
  469. package/esm/icon/IconUser/index.js +6 -5
  470. package/esm/icon/IconUserFill/index.js +6 -5
  471. package/esm/icon/IconWarnCircle/index.js +6 -5
  472. package/esm/icon/IconWarnCircleFill/index.js +6 -5
  473. package/esm/image/index.js +84 -57
  474. package/esm/image/style/css/index.css +1 -0
  475. package/esm/image/style/index.less +1 -0
  476. package/esm/image-picker/index.js +80 -52
  477. package/esm/image-preview/index.d.ts +2 -2
  478. package/esm/image-preview/index.js +217 -119
  479. package/esm/image-preview/methods.js +14 -4
  480. package/esm/index.d.ts +10 -9
  481. package/esm/index.js +10 -9
  482. package/esm/input/demo/style/css/mobile.css +5 -1
  483. package/esm/input/demo/style/mobile.less +2 -2
  484. package/esm/input/hooks.js +96 -42
  485. package/esm/input/index.js +30 -26
  486. package/esm/input/props.d.ts +6 -0
  487. package/esm/input/style/css/index.css +9 -0
  488. package/esm/input/style/index.less +2 -2
  489. package/esm/load-more/index.js +48 -29
  490. package/esm/loading/index.js +40 -19
  491. package/esm/masking/index.d.ts +2 -2
  492. package/esm/masking/index.js +64 -46
  493. package/esm/masking/methods.js +15 -4
  494. package/esm/nav-bar/back-icon.js +3 -1
  495. package/esm/nav-bar/index.js +52 -37
  496. package/esm/notice-bar/index.js +56 -35
  497. package/esm/notice-bar/style/css/index.css +33 -0
  498. package/esm/notice-bar/style/index.less +16 -3
  499. package/esm/notify/index.d.ts +8 -8
  500. package/esm/notify/index.js +33 -20
  501. package/esm/notify/methods.js +13 -2
  502. package/esm/pagination/index.js +50 -27
  503. package/esm/picker/index.js +66 -40
  504. package/esm/picker-view/components/cascader.js +23 -14
  505. package/esm/picker-view/components/multi-picker.js +16 -6
  506. package/esm/picker-view/components/picker-cell.js +89 -45
  507. package/esm/picker-view/index.js +54 -25
  508. package/esm/popover/hooks/useEvent.js +41 -26
  509. package/esm/popover/hooks/usePosition.js +144 -94
  510. package/esm/popover/index.js +2 -2
  511. package/esm/popover/menu.js +41 -32
  512. package/esm/popover/popover-inner.js +38 -30
  513. package/esm/popover/popover.js +90 -69
  514. package/esm/popup/index.d.ts +2 -2
  515. package/esm/popup/index.js +25 -22
  516. package/esm/popup-swiper/index.d.ts +2 -2
  517. package/esm/popup-swiper/index.js +64 -38
  518. package/esm/portal/index.js +5 -3
  519. package/esm/progress/index.js +36 -27
  520. package/esm/pull-refresh/android-pull-refresh.js +90 -58
  521. package/esm/pull-refresh/hooks.js +23 -11
  522. package/esm/pull-refresh/index.js +5 -3
  523. package/esm/pull-refresh/ios-pull-refresh.js +68 -53
  524. package/esm/pull-refresh/model.js +1 -0
  525. package/esm/radio/group.js +24 -20
  526. package/esm/radio/index.js +2 -2
  527. package/esm/rate/index.js +39 -24
  528. package/esm/search-bar/association.js +27 -14
  529. package/esm/search-bar/cancel-button.js +11 -8
  530. package/esm/search-bar/highlight.js +20 -14
  531. package/esm/search-bar/index.js +86 -77
  532. package/esm/show-monitor/index.js +85 -34
  533. package/esm/slider/hooks/useSliderEvents.js +51 -26
  534. package/esm/slider/hooks/useSliderIcon.js +13 -6
  535. package/esm/slider/hooks/useSliderInit.js +46 -32
  536. package/esm/slider/hooks/useSliderStyle.js +20 -12
  537. package/esm/slider/index.js +62 -46
  538. package/esm/slider/marks.js +18 -12
  539. package/esm/slider/popover.js +6 -4
  540. package/esm/slider/thumb.js +15 -8
  541. package/esm/stepper/hooks/useButtonClick.js +27 -19
  542. package/esm/stepper/hooks/useInputEvent.js +16 -9
  543. package/esm/stepper/hooks/useValue.js +12 -9
  544. package/esm/stepper/index.js +82 -82
  545. package/esm/steps/index.js +27 -22
  546. package/esm/steps/step.js +19 -10
  547. package/esm/sticky/index.js +56 -36
  548. package/esm/style.d.ts +9 -8
  549. package/esm/style.js +9 -8
  550. package/esm/swipe-action/index.js +80 -40
  551. package/esm/swipe-action/item.js +12 -9
  552. package/esm/swipe-load/index.js +75 -56
  553. package/esm/switch/index.js +39 -27
  554. package/esm/tab-bar/index.js +1 -0
  555. package/esm/tab-bar/item.js +13 -6
  556. package/esm/tab-bar/tab-bar.js +21 -15
  557. package/esm/tabs/index.js +183 -130
  558. package/esm/tabs/tab-cell-underline.js +103 -38
  559. package/esm/tabs/tab-cell.js +114 -70
  560. package/esm/tabs/tab-pane.js +85 -49
  561. package/esm/tabs/type.d.ts +18 -2
  562. package/esm/tag/index.js +2 -2
  563. package/esm/tag/list.js +16 -11
  564. package/esm/tag/tag.js +22 -20
  565. package/esm/textarea/index.js +46 -35
  566. package/esm/toast/index.d.ts +12 -12
  567. package/esm/toast/index.js +42 -26
  568. package/esm/toast/methods.js +12 -2
  569. package/esm/transition/index.js +12 -10
  570. package/package.json +3 -3
  571. package/tokens/app/arcodesign/default/css-variables.less +8 -0
  572. package/tokens/app/arcodesign/default/index.d.ts +8 -0
  573. package/tokens/app/arcodesign/default/index.js +11 -1
  574. package/tokens/app/arcodesign/default/index.json +94 -0
  575. package/tokens/app/arcodesign/default/index.less +8 -0
  576. package/tokens/mixin/index.less +19 -1
  577. package/umd/_helpers/hooks.js +121 -43
  578. package/umd/_helpers/index.js +6 -2
  579. package/umd/_helpers/react-dom.js +11 -0
  580. package/umd/_helpers/render.js +9 -0
  581. package/umd/action-sheet/index.d.ts +2 -2
  582. package/umd/action-sheet/index.js +22 -10
  583. package/umd/action-sheet/methods.js +1 -0
  584. package/umd/avatar/group.js +20 -12
  585. package/umd/avatar/index.js +68 -51
  586. package/umd/badge/index.js +25 -18
  587. package/umd/button/hooks.js +19 -15
  588. package/umd/button/index.js +60 -46
  589. package/umd/carousel/index.d.ts +6 -0
  590. package/umd/carousel/index.js +337 -184
  591. package/umd/carousel/style/css/index.css +50 -15
  592. package/umd/carousel/style/index.less +19 -14
  593. package/umd/cell/arrow.js +2 -0
  594. package/umd/cell/cell.js +18 -14
  595. package/umd/cell/demo/style/css/mobile.css +8 -0
  596. package/umd/cell/demo/style/mobile.less +2 -2
  597. package/umd/cell/group.js +17 -9
  598. package/umd/cell/index.js +2 -1
  599. package/umd/cell/style/css/index.css +16 -0
  600. package/umd/cell/style/index.less +6 -4
  601. package/umd/checkbox/checkbox.js +45 -31
  602. package/umd/checkbox/group.js +34 -24
  603. package/umd/checkbox/hooks/useMergeProps.js +12 -7
  604. package/umd/checkbox/index.js +3 -1
  605. package/umd/checkbox/type.js +2 -0
  606. package/umd/circle-progress/index.js +52 -37
  607. package/umd/collapse/collapse.js +50 -27
  608. package/umd/collapse/group.js +38 -20
  609. package/umd/collapse/index.js +3 -0
  610. package/umd/collapse/utils.js +5 -0
  611. package/umd/context-provider/index.d.ts +6 -0
  612. package/umd/context-provider/index.js +25 -11
  613. package/umd/count-down/hooks.js +39 -24
  614. package/umd/count-down/index.js +31 -29
  615. package/umd/count-down/singleton.js +10 -2
  616. package/umd/count-down/util.js +47 -33
  617. package/umd/date-picker/helper.js +13 -7
  618. package/umd/date-picker/index.js +97 -42
  619. package/umd/dialog/index.d.ts +2 -2
  620. package/umd/dialog/index.js +44 -28
  621. package/umd/dialog/methods.js +18 -9
  622. package/umd/divider/demo/style/css/mobile.css +7 -0
  623. package/umd/divider/demo/style/mobile.less +12 -0
  624. package/umd/divider/index.d.ts +49 -0
  625. package/umd/divider/index.js +71 -0
  626. package/umd/divider/style/css/index.css +69 -0
  627. package/umd/divider/style/css/index.d.ts +2 -0
  628. package/umd/divider/style/css/index.js +15 -0
  629. package/umd/divider/style/index.d.ts +2 -0
  630. package/umd/divider/style/index.js +15 -0
  631. package/umd/divider/style/index.less +66 -0
  632. package/umd/dropdown/dropdown.js +106 -74
  633. package/umd/dropdown/index.js +3 -1
  634. package/umd/dropdown/options.js +24 -12
  635. package/umd/dropdown-menu/dropdown-menu.js +78 -49
  636. package/umd/dropdown-menu/helper.js +25 -6
  637. package/umd/dropdown-menu/index.js +2 -0
  638. package/umd/ellipsis/components/js-ellipsis.js +69 -33
  639. package/umd/ellipsis/components/native-ellipsis.js +13 -9
  640. package/umd/ellipsis/index.js +24 -19
  641. package/umd/ellipsis/utils/dom.js +8 -0
  642. package/umd/ellipsis/utils/is.js +5 -1
  643. package/umd/form/form-item-context.js +3 -0
  644. package/umd/form/form-item.js +114 -42
  645. package/umd/form/index.js +25 -17
  646. package/umd/form/type.js +3 -0
  647. package/umd/form/useForm.js +72 -18
  648. package/umd/form/utils.js +10 -3
  649. package/umd/grid/index.js +37 -21
  650. package/umd/icon/IconAdd/index.js +7 -5
  651. package/umd/icon/IconArrowBack/index.js +7 -5
  652. package/umd/icon/IconArrowDown/index.js +7 -5
  653. package/umd/icon/IconArrowIn/index.js +7 -5
  654. package/umd/icon/IconArrowUp/index.js +7 -5
  655. package/umd/icon/IconCheck/index.js +7 -5
  656. package/umd/icon/IconCheckBold/index.js +7 -5
  657. package/umd/icon/IconCircleChecked/index.js +7 -5
  658. package/umd/icon/IconCircleDisabled/index.js +7 -5
  659. package/umd/icon/IconCircleUnchecked/index.js +7 -5
  660. package/umd/icon/IconClear/index.js +7 -5
  661. package/umd/icon/IconClose/index.js +7 -5
  662. package/umd/icon/IconCloseBold/index.js +7 -5
  663. package/umd/icon/IconDelete/index.js +7 -5
  664. package/umd/icon/IconEdit/index.js +7 -5
  665. package/umd/icon/IconErrorCircle/index.js +7 -5
  666. package/umd/icon/IconEyeInvisible/index.js +7 -5
  667. package/umd/icon/IconEyeVisible/index.js +7 -5
  668. package/umd/icon/IconEyelashInvisible/index.js +7 -5
  669. package/umd/icon/IconGift/index.js +7 -5
  670. package/umd/icon/IconHeart/index.js +7 -5
  671. package/umd/icon/IconHome/index.js +7 -5
  672. package/umd/icon/IconLikeCircle/index.js +7 -5
  673. package/umd/icon/IconMinus/index.js +7 -5
  674. package/umd/icon/IconMore/index.js +7 -5
  675. package/umd/icon/IconNotice/index.js +7 -5
  676. package/umd/icon/IconNoticeOff/index.js +7 -5
  677. package/umd/icon/IconPicture/index.js +7 -5
  678. package/umd/icon/IconPlay/index.js +7 -5
  679. package/umd/icon/IconQuestionCircle/index.js +7 -5
  680. package/umd/icon/IconRefresh/index.js +7 -5
  681. package/umd/icon/IconSad/index.js +7 -5
  682. package/umd/icon/IconScan/index.js +7 -5
  683. package/umd/icon/IconSearch/index.js +7 -5
  684. package/umd/icon/IconSetting/index.js +7 -5
  685. package/umd/icon/IconShop/index.js +7 -5
  686. package/umd/icon/IconShopping/index.js +7 -5
  687. package/umd/icon/IconSmileFill/index.js +7 -5
  688. package/umd/icon/IconSound/index.js +7 -5
  689. package/umd/icon/IconSquareChecked/index.js +7 -5
  690. package/umd/icon/IconSquareDisabled/index.js +7 -5
  691. package/umd/icon/IconSquareUnchecked/index.js +7 -5
  692. package/umd/icon/IconStar/index.js +7 -5
  693. package/umd/icon/IconStarFill/index.js +7 -5
  694. package/umd/icon/IconStarHalf/index.js +7 -5
  695. package/umd/icon/IconSubway/index.js +7 -5
  696. package/umd/icon/IconSuccessCircle/index.js +7 -5
  697. package/umd/icon/IconTriDown/index.js +7 -5
  698. package/umd/icon/IconTriUp/index.js +7 -5
  699. package/umd/icon/IconUpload/index.js +7 -5
  700. package/umd/icon/IconUser/index.js +7 -5
  701. package/umd/icon/IconUserFill/index.js +7 -5
  702. package/umd/icon/IconWarnCircle/index.js +7 -5
  703. package/umd/icon/IconWarnCircleFill/index.js +7 -5
  704. package/umd/icon/index.js +1 -0
  705. package/umd/image/index.js +86 -56
  706. package/umd/image/style/css/index.css +1 -0
  707. package/umd/image/style/index.less +1 -0
  708. package/umd/image-picker/add-icon.js +2 -0
  709. package/umd/image-picker/index.js +85 -52
  710. package/umd/image-preview/index.d.ts +2 -2
  711. package/umd/image-preview/index.js +224 -119
  712. package/umd/image-preview/methods.js +15 -5
  713. package/umd/index.d.ts +10 -9
  714. package/umd/index.js +26 -23
  715. package/umd/input/demo/style/css/mobile.css +5 -1
  716. package/umd/input/demo/style/mobile.less +2 -2
  717. package/umd/input/hooks.js +100 -42
  718. package/umd/input/index.js +35 -26
  719. package/umd/input/props.d.ts +6 -0
  720. package/umd/input/style/css/index.css +9 -0
  721. package/umd/input/style/index.less +2 -2
  722. package/umd/load-more/index.js +51 -29
  723. package/umd/loading/index.js +43 -19
  724. package/umd/masking/index.d.ts +2 -2
  725. package/umd/masking/index.js +71 -46
  726. package/umd/masking/methods.js +16 -4
  727. package/umd/nav-bar/back-icon.js +4 -1
  728. package/umd/nav-bar/index.js +55 -37
  729. package/umd/notice-bar/index.js +57 -33
  730. package/umd/notice-bar/style/css/index.css +33 -0
  731. package/umd/notice-bar/style/index.less +16 -3
  732. package/umd/notify/index.d.ts +8 -8
  733. package/umd/notify/index.js +40 -20
  734. package/umd/notify/methods.js +14 -2
  735. package/umd/pagination/arrow.js +2 -0
  736. package/umd/pagination/index.js +53 -27
  737. package/umd/picker/index.js +70 -40
  738. package/umd/picker-view/components/cascader.js +27 -14
  739. package/umd/picker-view/components/multi-picker.js +19 -6
  740. package/umd/picker-view/components/picker-cell.js +93 -45
  741. package/umd/picker-view/index.js +58 -25
  742. package/umd/popover/hooks/useEvent.js +44 -25
  743. package/umd/popover/hooks/usePosition.js +145 -94
  744. package/umd/popover/index.js +3 -1
  745. package/umd/popover/menu.js +45 -32
  746. package/umd/popover/popover-inner.js +42 -30
  747. package/umd/popover/popover.js +94 -69
  748. package/umd/popup/index.d.ts +2 -2
  749. package/umd/popup/index.js +31 -22
  750. package/umd/popup/methods.js +1 -0
  751. package/umd/popup-swiper/index.d.ts +2 -2
  752. package/umd/popup-swiper/index.js +71 -38
  753. package/umd/popup-swiper/methods.js +1 -0
  754. package/umd/portal/index.js +6 -3
  755. package/umd/progress/index.js +39 -27
  756. package/umd/pull-refresh/android-pull-refresh.js +93 -58
  757. package/umd/pull-refresh/hooks.js +29 -11
  758. package/umd/pull-refresh/index.js +7 -3
  759. package/umd/pull-refresh/ios-pull-refresh.js +72 -53
  760. package/umd/pull-refresh/model.js +1 -0
  761. package/umd/radio/group.js +30 -20
  762. package/umd/radio/index.js +3 -1
  763. package/umd/radio/radio.js +5 -0
  764. package/umd/rate/index.js +44 -24
  765. package/umd/search-bar/association.js +29 -14
  766. package/umd/search-bar/cancel-button.js +14 -8
  767. package/umd/search-bar/highlight.js +21 -14
  768. package/umd/search-bar/index.js +87 -77
  769. package/umd/show-monitor/index.js +89 -34
  770. package/umd/slider/hooks/index.js +4 -0
  771. package/umd/slider/hooks/useSliderEvents.js +52 -26
  772. package/umd/slider/hooks/useSliderIcon.js +17 -6
  773. package/umd/slider/hooks/useSliderInit.js +50 -32
  774. package/umd/slider/hooks/useSliderStyle.js +22 -12
  775. package/umd/slider/index.js +65 -46
  776. package/umd/slider/marks.js +21 -12
  777. package/umd/slider/popover.js +10 -4
  778. package/umd/slider/thumb.js +18 -8
  779. package/umd/stepper/hooks/useButtonClick.js +27 -19
  780. package/umd/stepper/hooks/useInputEvent.js +17 -9
  781. package/umd/stepper/hooks/useValue.js +13 -9
  782. package/umd/stepper/index.js +87 -82
  783. package/umd/steps/index.js +32 -22
  784. package/umd/steps/step.js +22 -10
  785. package/umd/sticky/index.js +59 -36
  786. package/umd/style.d.ts +9 -8
  787. package/umd/style.js +4 -4
  788. package/umd/swipe-action/index.js +84 -40
  789. package/umd/swipe-action/item.js +14 -9
  790. package/umd/swipe-load/index.js +77 -55
  791. package/umd/switch/index.js +43 -27
  792. package/umd/tab-bar/index.js +2 -0
  793. package/umd/tab-bar/item.js +19 -6
  794. package/umd/tab-bar/tab-bar.js +26 -15
  795. package/umd/tabs/index.js +186 -129
  796. package/umd/tabs/tab-cell-underline.js +107 -38
  797. package/umd/tabs/tab-cell.js +119 -70
  798. package/umd/tabs/tab-pane.js +89 -49
  799. package/umd/tabs/type.d.ts +18 -2
  800. package/umd/tag/index.js +3 -1
  801. package/umd/tag/list.js +20 -11
  802. package/umd/tag/tag.js +26 -20
  803. package/umd/textarea/index.js +51 -35
  804. package/umd/toast/index.d.ts +12 -12
  805. package/umd/toast/index.js +49 -26
  806. package/umd/toast/methods.js +13 -2
  807. package/umd/transition/index.js +12 -10
@@ -14,6 +14,7 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
17
18
  _exports.__esModule = true;
18
19
  _exports.default = void 0;
19
20
  _exports.methodsGenerator = methodsGenerator;
@@ -22,29 +23,36 @@
22
23
  _react = _interopRequireWildcard(_react);
23
24
  _popup = _interopRequireDefault(_popup);
24
25
  var _excluded = ["className", "items", "cancelText", "close", "title", "subTitle", "needBottomOffset"];
26
+
25
27
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
28
+
26
29
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
30
+
27
31
  var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
28
32
  var _props$className = props.className,
29
- className = _props$className === void 0 ? '' : _props$className,
30
- items = props.items,
31
- cancelText = props.cancelText,
32
- close = props.close,
33
- title = props.title,
34
- subTitle = props.subTitle,
35
- _props$needBottomOffs = props.needBottomOffset,
36
- needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
37
- otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
33
+ className = _props$className === void 0 ? '' : _props$className,
34
+ items = props.items,
35
+ cancelText = props.cancelText,
36
+ close = props.close,
37
+ title = props.title,
38
+ subTitle = props.subTitle,
39
+ _props$needBottomOffs = props.needBottomOffset,
40
+ needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
41
+ otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
38
42
  var popupRef = (0, _react.useRef)(null);
39
43
  (0, _react.useImperativeHandle)(ref, function () {
40
44
  return popupRef.current;
41
45
  });
46
+
42
47
  function handleItemClick(e, item) {
43
48
  e.stopPropagation();
49
+
44
50
  if (item.status === 'disabled') {
45
51
  return;
46
52
  }
53
+
47
54
  var result = item.onClick ? item.onClick(e) : null;
55
+
48
56
  if (!result || typeof result === 'boolean') {
49
57
  !result && (close == null ? void 0 : close(e));
50
58
  } else if (result && result.then) {
@@ -53,6 +61,7 @@
53
61
  });
54
62
  }
55
63
  }
64
+
56
65
  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
57
66
  var prefixCls = _ref.prefixCls;
58
67
  return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
@@ -88,6 +97,7 @@
88
97
  }, cancelText) : null);
89
98
  });
90
99
  });
100
+
91
101
  function methodsGenerator(Comp) {
92
102
  return {
93
103
  /**
@@ -99,8 +109,8 @@
99
109
  open: (0, _methods.open)(Comp)
100
110
  };
101
111
  }
102
- var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
103
112
 
113
+ var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
104
114
  /**
105
115
  * 动作面板组件
106
116
  * @en ActionSheet Component
@@ -109,6 +119,8 @@
109
119
  * @name 动作面板
110
120
  * @name_en ActionSheet
111
121
  */
122
+
112
123
  var _default = (0, _mobileUtils.componentWrapper)(ActionSheet, methodsGenerator(ActionSheetWithGlobalContext));
124
+
113
125
  _exports.default = _default;
114
126
  });
@@ -15,6 +15,7 @@
15
15
 
16
16
  _exports.__esModule = true;
17
17
  _exports.open = open;
18
+
18
19
  function open(Component) {
19
20
  return (0, _methods.open)(Component, 'ARCO_ACTION_SHEET');
20
21
  }
@@ -14,38 +14,46 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
17
18
  _exports.__esModule = true;
18
19
  _exports.default = _exports.Group = _exports.AvatarGroupContext = void 0;
19
20
  _extends2 = _interopRequireDefault(_extends2);
20
21
  _react = _interopRequireWildcard(_react);
22
+
21
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
+
22
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
+
23
27
  var AvatarGroupContext = /*#__PURE__*/_react.default.createContext({
24
28
  isGroup: false,
25
29
  shape: 'circle',
26
30
  size: 'small'
27
31
  });
28
-
29
32
  /**
30
33
  * 头像叠层
31
34
  * @en Avatar group
32
35
  */
36
+
37
+
33
38
  _exports.AvatarGroupContext = AvatarGroupContext;
34
39
  var Group = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
35
40
  var _props$style = props.style,
36
- style = _props$style === void 0 ? {} : _props$style,
37
- _props$className = props.className,
38
- className = _props$className === void 0 ? '' : _props$className,
39
- _props$shape = props.shape,
40
- shape = _props$shape === void 0 ? 'circle' : _props$shape,
41
- _props$size = props.size,
42
- size = _props$size === void 0 ? 'medium' : _props$size,
43
- _props$zIndexOrder = props.zIndexOrder,
44
- zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
45
- children = props.children;
41
+ style = _props$style === void 0 ? {} : _props$style,
42
+ _props$className = props.className,
43
+ className = _props$className === void 0 ? '' : _props$className,
44
+ _props$shape = props.shape,
45
+ shape = _props$shape === void 0 ? 'circle' : _props$shape,
46
+ _props$size = props.size,
47
+ size = _props$size === void 0 ? 'medium' : _props$size,
48
+ _props$zIndexOrder = props.zIndexOrder,
49
+ zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
50
+ children = props.children;
51
+
46
52
  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
47
- prefixCls = _useContext.prefixCls;
53
+ prefixCls = _useContext.prefixCls;
54
+
48
55
  var childrenArr = _react.default.Children.toArray(children);
56
+
49
57
  var length = childrenArr.length;
50
58
  var domRef = (0, _react.useRef)(null);
51
59
  (0, _react.useImperativeHandle)(ref, function () {
@@ -14,6 +14,7 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
17
18
  _exports.__esModule = true;
18
19
  var _exportNames = {
19
20
  componentGenerator: true
@@ -30,95 +31,109 @@
30
31
  if (key in _exports && _exports[key] === _type[key]) return;
31
32
  _exports[key] = _type[key];
32
33
  });
34
+
33
35
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
36
+
34
37
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
38
+
35
39
  function componentGenerator(Comp) {
36
40
  return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
37
41
  var _cls, _cls2;
42
+
38
43
  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
39
- prefixCls = _useContext.prefixCls;
44
+ prefixCls = _useContext.prefixCls;
45
+
40
46
  var _useContext2 = (0, _react.useContext)(_group.AvatarGroupContext),
41
- groupShape = _useContext2.shape,
42
- groupSize = _useContext2.size,
43
- isGroup = _useContext2.isGroup;
47
+ groupShape = _useContext2.shape,
48
+ groupSize = _useContext2.size,
49
+ isGroup = _useContext2.isGroup;
50
+
44
51
  var _props$shape = props.shape,
45
- shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
46
- _props$size = props.size,
47
- size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
48
- src = props.src,
49
- _props$decoration = props.decoration,
50
- decoration = _props$decoration === void 0 ? null : _props$decoration,
51
- _props$textAvatar = props.textAvatar,
52
- textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
53
- _props$avatarStyle = props.avatarStyle,
54
- avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
55
- _props$autoFixFontSiz = props.autoFixFontSize,
56
- autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
57
- _props$autoFixFontOff = props.autoFixFontOffset,
58
- autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
59
- _props$avatarName = props.avatarName,
60
- avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
61
- _props$avatarDesc = props.avatarDesc,
62
- avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
63
- _props$children = props.children,
64
- children = _props$children === void 0 ? null : _props$children,
65
- _props$renderInfo = props.renderInfo,
66
- renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
67
- _props$className = props.className,
68
- className = _props$className === void 0 ? '' : _props$className,
69
- _props$style = props.style,
70
- style = _props$style === void 0 ? {} : _props$style,
71
- _props$imageProps = props.imageProps,
72
- imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
73
- defaultOverLap = props.defaultOverLap,
74
- onClickDecoration = props.onClickDecoration,
75
- onClick = props.onClick;
52
+ shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
53
+ _props$size = props.size,
54
+ size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
55
+ src = props.src,
56
+ _props$decoration = props.decoration,
57
+ decoration = _props$decoration === void 0 ? null : _props$decoration,
58
+ _props$textAvatar = props.textAvatar,
59
+ textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
60
+ _props$avatarStyle = props.avatarStyle,
61
+ avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
62
+ _props$autoFixFontSiz = props.autoFixFontSize,
63
+ autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
64
+ _props$autoFixFontOff = props.autoFixFontOffset,
65
+ autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
66
+ _props$avatarName = props.avatarName,
67
+ avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
68
+ _props$avatarDesc = props.avatarDesc,
69
+ avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
70
+ _props$children = props.children,
71
+ children = _props$children === void 0 ? null : _props$children,
72
+ _props$renderInfo = props.renderInfo,
73
+ renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
74
+ _props$className = props.className,
75
+ className = _props$className === void 0 ? '' : _props$className,
76
+ _props$style = props.style,
77
+ style = _props$style === void 0 ? {} : _props$style,
78
+ _props$imageProps = props.imageProps,
79
+ imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
80
+ defaultOverLap = props.defaultOverLap,
81
+ onClickDecoration = props.onClickDecoration,
82
+ onClick = props.onClick;
76
83
  var domRef = (0, _react.useRef)(null);
77
84
  var avatarRef = (0, _react.useRef)(null);
78
85
  var avatarTextRef = (0, _react.useRef)(null);
86
+
79
87
  var _useState = (0, _react.useState)(1),
80
- textScale = _useState[0],
81
- setTextScale = _useState[1];
88
+ textScale = _useState[0],
89
+ setTextScale = _useState[1];
90
+
82
91
  (0, _react.useImperativeHandle)(ref, function () {
83
92
  return {
84
93
  dom: domRef.current
85
94
  };
86
- });
87
- // 图片头像
95
+ }); // 图片头像
88
96
  // @en Picture avatar
89
- var isImageAvatar = !children && src !== void 0;
90
- // 文字头像
97
+
98
+ var isImageAvatar = !children && src !== void 0; // 文字头像
91
99
  // @en Text avatar
92
- var isTextAvatar = !children && !isImageAvatar && textAvatar;
93
- // 使用默认头像
100
+
101
+ var isTextAvatar = !children && !isImageAvatar && textAvatar; // 使用默认头像
94
102
  // @en Whether to use default avatar
103
+
95
104
  var useDefaultAvatar = !children && !isImageAvatar && !isTextAvatar;
96
105
  (0, _react.useEffect)(function () {
97
106
  getComputedTextScale();
98
107
  }, [textAvatar]);
99
-
100
108
  /**
101
109
  * 根据字体元素宽度和头像大小动态调整缩放比例
102
110
  * @en Dynamically adjust scaling based on font element width and avatar size
103
111
  */
112
+
104
113
  function getComputedTextScale() {
105
114
  var _avatarRef$current, _avatarTextRef$curren;
115
+
106
116
  if (!isTextAvatar || !autoFixFontSize || !avatarRef || !avatarTextRef) return;
117
+
107
118
  var _ref = ((_avatarRef$current = avatarRef.current) == null ? void 0 : _avatarRef$current.getBoundingClientRect()) || {},
108
- _ref$width = _ref.width,
109
- avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
119
+ _ref$width = _ref.width,
120
+ avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
121
+
110
122
  var _ref2 = ((_avatarTextRef$curren = avatarTextRef.current) == null ? void 0 : _avatarTextRef$curren.getBoundingClientRect()) || {},
111
- _ref2$width = _ref2.width,
112
- textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
113
- if (avatarWidth === 0 || textWidth === 0) return;
114
- // 文本节点宽度大于头像元素时进行动态缩放
123
+ _ref2$width = _ref2.width,
124
+ textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
125
+
126
+ if (avatarWidth === 0 || textWidth === 0) return; // 文本节点宽度大于头像元素时进行动态缩放
115
127
  // @en Dynamic scaling when the width of the text node is larger than the avatar element
128
+
116
129
  var maxWidth = avatarWidth - 2 * autoFixFontOffset;
130
+
117
131
  if (textWidth > maxWidth) {
118
132
  var scale = maxWidth / textWidth;
119
133
  setTextScale(textScale * scale);
120
134
  }
121
135
  }
136
+
122
137
  return /*#__PURE__*/_react.default.createElement("div", {
123
138
  ref: domRef,
124
139
  style: style,
@@ -151,8 +166,8 @@
151
166
  }, avatarDesc)));
152
167
  });
153
168
  }
154
- var Avatar = componentGenerator(_image.BaseImage);
155
169
 
170
+ var Avatar = componentGenerator(_image.BaseImage);
156
171
  /**
157
172
  * 头像展示组件,支持圆形和方形两种形状,支持图片文字头像,支持五种尺寸。
158
173
  * @en Avatar component supports two shapes of circle and square, supports pictures or text avatars, with five sizes.
@@ -161,8 +176,10 @@
161
176
  * @name 头像
162
177
  * @name_en Avatar
163
178
  */
179
+
164
180
  var _default = (0, _mobileUtils.componentWrapper)(Avatar, {
165
181
  Group: _group.default
166
182
  });
183
+
167
184
  _exports.default = _default;
168
185
  });
@@ -14,12 +14,16 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
17
18
  _exports.__esModule = true;
18
19
  _exports.default = void 0;
19
20
  _react = _interopRequireWildcard(_react);
20
21
  _transition = _interopRequireDefault(_transition);
22
+
21
23
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
24
+
22
25
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
26
+
23
27
  /**
24
28
  * 在右上角展示徽标数字或小红点
25
29
  * @en Display the badge number or small red dot in the upper right corner
@@ -30,37 +34,40 @@
30
34
  */
31
35
  var Badge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
32
36
  var _props$className = props.className,
33
- className = _props$className === void 0 ? '' : _props$className,
34
- _props$style = props.style,
35
- style = _props$style === void 0 ? {} : _props$style,
36
- _props$visible = props.visible,
37
- visible = _props$visible === void 0 ? true : _props$visible,
38
- text = props.text,
39
- _props$dot = props.dot,
40
- dot = _props$dot === void 0 ? false : _props$dot,
41
- _props$maxCount = props.maxCount,
42
- maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
43
- _props$children = props.children,
44
- children = _props$children === void 0 ? null : _props$children,
45
- _props$absolute = props.absolute,
46
- absolute = _props$absolute === void 0 ? false : _props$absolute,
47
- _props$bordered = props.bordered,
48
- bordered = _props$bordered === void 0 ? false : _props$bordered,
49
- _props$timeout = props.timeout,
50
- timeout = _props$timeout === void 0 ? 300 : _props$timeout;
37
+ className = _props$className === void 0 ? '' : _props$className,
38
+ _props$style = props.style,
39
+ style = _props$style === void 0 ? {} : _props$style,
40
+ _props$visible = props.visible,
41
+ visible = _props$visible === void 0 ? true : _props$visible,
42
+ text = props.text,
43
+ _props$dot = props.dot,
44
+ dot = _props$dot === void 0 ? false : _props$dot,
45
+ _props$maxCount = props.maxCount,
46
+ maxCount = _props$maxCount === void 0 ? 99 : _props$maxCount,
47
+ _props$children = props.children,
48
+ children = _props$children === void 0 ? null : _props$children,
49
+ _props$absolute = props.absolute,
50
+ absolute = _props$absolute === void 0 ? false : _props$absolute,
51
+ _props$bordered = props.bordered,
52
+ bordered = _props$bordered === void 0 ? false : _props$bordered,
53
+ _props$timeout = props.timeout,
54
+ timeout = _props$timeout === void 0 ? 300 : _props$timeout;
51
55
  var domRef = (0, _react.useRef)(null);
52
56
  (0, _react.useImperativeHandle)(ref, function () {
53
57
  return {
54
58
  dom: domRef.current
55
59
  };
56
60
  });
61
+
57
62
  function renderInnerBadge(prefix) {
58
63
  return dot ? null : /*#__PURE__*/_react.default.createElement("span", {
59
64
  className: prefix + "-text badge-text"
60
65
  }, Number(text) && Number(text) > maxCount ? maxCount + "+" : text);
61
66
  }
67
+
62
68
  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
63
69
  var _cls;
70
+
64
71
  var prefixCls = _ref.prefixCls;
65
72
  return /*#__PURE__*/_react.default.createElement(_transition.default, {
66
73
  in: visible,
@@ -15,6 +15,7 @@
15
15
 
16
16
  _exports.__esModule = true;
17
17
  _exports.useCustomColor = void 0;
18
+
18
19
  var formatColorStatus = function formatColorStatus(color) {
19
20
  if (!color) return null;
20
21
  return typeof color === 'string' ? {
@@ -22,23 +23,23 @@
22
23
  active: color,
23
24
  disabled: color
24
25
  } : color;
25
- };
26
-
27
- // 主要是用来 diff 颜色是否变化,将对象或者字符串的 diff 转换成字符串的 diff
26
+ }; // 主要是用来 diff 颜色是否变化,将对象或者字符串的 diff 转换成字符串的 diff
28
27
  // @en It is mainly used to judge whether the color has changed, and convert the diff of the object or string into the diff of the string
28
+
29
+
29
30
  var diffColor = function diffColor(color) {
30
31
  return color && (typeof color === 'string' ? color : Object.values(color).join('-'));
31
- };
32
-
33
- // 允许传入定制所有颜色,忽略的值会继续走原生的颜色
32
+ }; // 允许传入定制所有颜色,忽略的值会继续走原生的颜色
34
33
  // @en Allows to pass in all custom colors, ignored values will continue to use native colors
34
+
35
+
35
36
  var useCustomColor = function useCustomColor(_ref) {
36
37
  var color = _ref.color,
37
- bgColor = _ref.bgColor,
38
- borderColor = _ref.borderColor,
39
- active = _ref.isActive,
40
- disabled = _ref.disabled,
41
- halfBorder = _ref.halfBorder;
38
+ bgColor = _ref.bgColor,
39
+ borderColor = _ref.borderColor,
40
+ active = _ref.isActive,
41
+ disabled = _ref.disabled,
42
+ halfBorder = _ref.halfBorder;
42
43
  var state = {
43
44
  active: active,
44
45
  disabled: disabled
@@ -46,9 +47,10 @@
46
47
  var priority = ['active', 'disabled'];
47
48
  var styleConfig = (0, _react.useMemo)(function () {
48
49
  var _map = [color, bgColor, borderColor].map(formatColorStatus),
49
- fmtColor = _map[0],
50
- fmtBgColor = _map[1],
51
- fmtBorderColor = _map[2];
50
+ fmtColor = _map[0],
51
+ fmtBgColor = _map[1],
52
+ fmtBorderColor = _map[2];
53
+
52
54
  return {
53
55
  color: fmtColor,
54
56
  borderColor: fmtBorderColor,
@@ -59,7 +61,8 @@
59
61
  var res = {};
60
62
  Object.entries(styleConfig).forEach(function (_ref2) {
61
63
  var styleName = _ref2[0],
62
- fmtColorConfig = _ref2[1];
64
+ fmtColorConfig = _ref2[1];
65
+
63
66
  if (fmtColorConfig) {
64
67
  var styleColor = fmtColorConfig.normal;
65
68
  priority.forEach(function (key) {
@@ -81,5 +84,6 @@
81
84
  customColorClass: customColorClass
82
85
  };
83
86
  };
87
+
84
88
  _exports.useCustomColor = useCustomColor;
85
89
  });
@@ -14,13 +14,17 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
+
17
18
  _exports.__esModule = true;
18
19
  _exports.default = void 0;
19
20
  _extends2 = _interopRequireDefault(_extends2);
20
21
  _react = _interopRequireWildcard(_react);
21
22
  _loading = _interopRequireDefault(_loading);
23
+
22
24
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+
23
26
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
24
28
  /**
25
29
  * 按钮用于开始一个即时操作。
26
30
  * @en Using for starting an immediate action
@@ -31,78 +35,88 @@
31
35
  */
32
36
  var Button = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
33
37
  var _ref, _cls;
38
+
34
39
  var _useState = (0, _react.useState)(false),
35
- isActive = _useState[0],
36
- setActive = _useState[1];
40
+ isActive = _useState[0],
41
+ setActive = _useState[1];
42
+
37
43
  var system = (0, _helpers.useSystem)();
38
44
  var _props$type = props.type,
39
- type = _props$type === void 0 ? 'primary' : _props$type,
40
- _props$size = props.size,
41
- size = _props$size === void 0 ? 'large' : _props$size,
42
- _props$inline = props.inline,
43
- inline = _props$inline === void 0 ? false : _props$inline,
44
- _props$loading = props.loading,
45
- loading = _props$loading === void 0 ? false : _props$loading,
46
- _props$disabled = props.disabled,
47
- disabled = _props$disabled === void 0 ? false : _props$disabled,
48
- _props$disableWhenLoa = props.disableWhenLoading,
49
- disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
50
- _props$shape = props.shape,
51
- shape = _props$shape === void 0 ? 'semi' : _props$shape,
52
- _props$halfBorder = props.halfBorder,
53
- halfBorder = _props$halfBorder === void 0 ? false : _props$halfBorder,
54
- icon = props.icon,
55
- _props$showTextWhenLo = props.showTextWhenLoading,
56
- showTextWhenLoading = _props$showTextWhenLo === void 0 ? true : _props$showTextWhenLo,
57
- _props$needActive = props.needActive,
58
- needActive = _props$needActive === void 0 ? true : _props$needActive,
59
- _props$style = props.style,
60
- style = _props$style === void 0 ? {} : _props$style,
61
- color = props.color,
62
- bgColor = props.bgColor,
63
- borderColor = props.borderColor,
64
- _props$className = props.className,
65
- className = _props$className === void 0 ? '' : _props$className,
66
- _props$children = props.children,
67
- children = _props$children === void 0 ? null : _props$children,
68
- loadingIcon = props.loadingIcon,
69
- onClick = props.onClick,
70
- onClickDisabled = props.onClickDisabled,
71
- _props$coverIconWhenL = props.coverIconWhenLoading,
72
- coverIconWhenLoading = _props$coverIconWhenL === void 0 ? true : _props$coverIconWhenL;
45
+ type = _props$type === void 0 ? 'primary' : _props$type,
46
+ _props$size = props.size,
47
+ size = _props$size === void 0 ? 'large' : _props$size,
48
+ _props$inline = props.inline,
49
+ inline = _props$inline === void 0 ? false : _props$inline,
50
+ _props$loading = props.loading,
51
+ loading = _props$loading === void 0 ? false : _props$loading,
52
+ _props$disabled = props.disabled,
53
+ disabled = _props$disabled === void 0 ? false : _props$disabled,
54
+ _props$disableWhenLoa = props.disableWhenLoading,
55
+ disableWhenLoading = _props$disableWhenLoa === void 0 ? true : _props$disableWhenLoa,
56
+ _props$shape = props.shape,
57
+ shape = _props$shape === void 0 ? 'semi' : _props$shape,
58
+ _props$halfBorder = props.halfBorder,
59
+ halfBorder = _props$halfBorder === void 0 ? false : _props$halfBorder,
60
+ icon = props.icon,
61
+ _props$showTextWhenLo = props.showTextWhenLoading,
62
+ showTextWhenLoading = _props$showTextWhenLo === void 0 ? true : _props$showTextWhenLo,
63
+ _props$needActive = props.needActive,
64
+ needActive = _props$needActive === void 0 ? true : _props$needActive,
65
+ _props$style = props.style,
66
+ style = _props$style === void 0 ? {} : _props$style,
67
+ color = props.color,
68
+ bgColor = props.bgColor,
69
+ borderColor = props.borderColor,
70
+ _props$className = props.className,
71
+ className = _props$className === void 0 ? '' : _props$className,
72
+ _props$children = props.children,
73
+ children = _props$children === void 0 ? null : _props$children,
74
+ loadingIcon = props.loadingIcon,
75
+ onClick = props.onClick,
76
+ onClickDisabled = props.onClickDisabled,
77
+ _props$coverIconWhenL = props.coverIconWhenLoading,
78
+ coverIconWhenLoading = _props$coverIconWhenL === void 0 ? true : _props$coverIconWhenL;
73
79
  var domRef = (0, _react.useRef)(null);
80
+
74
81
  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
75
- prefixCls = _useContext.prefixCls;
82
+ prefixCls = _useContext.prefixCls;
83
+
76
84
  var prefix = prefixCls + "-button";
77
85
  (0, _react.useImperativeHandle)(ref, function () {
78
86
  return {
79
87
  dom: domRef.current
80
88
  };
81
89
  });
90
+
82
91
  var _useCustomColor = (0, _hooks.useCustomColor)({
83
- color: color,
84
- bgColor: bgColor,
85
- borderColor: borderColor,
86
- isActive: isActive,
87
- disabled: disabled,
88
- halfBorder: halfBorder
89
- }),
90
- customColorClass = _useCustomColor.customColorClass,
91
- customColorStyle = _useCustomColor.customColorStyle;
92
+ color: color,
93
+ bgColor: bgColor,
94
+ borderColor: borderColor,
95
+ isActive: isActive,
96
+ disabled: disabled,
97
+ halfBorder: halfBorder
98
+ }),
99
+ customColorClass = _useCustomColor.customColorClass,
100
+ customColorStyle = _useCustomColor.customColorStyle;
101
+
92
102
  var handleTouchStart = function handleTouchStart() {
93
103
  if (needActive && !disabled && !loading) {
94
104
  setActive(true);
95
105
  }
96
106
  };
107
+
97
108
  var handleTouchEnd = function handleTouchEnd() {
98
109
  setActive(false);
99
110
  };
111
+
100
112
  var renderIcon = function renderIcon() {
101
113
  if (coverIconWhenLoading) {
102
114
  return loading ? null : icon;
103
115
  }
116
+
104
117
  return icon;
105
118
  };
119
+
106
120
  return /*#__PURE__*/_react.default.createElement("button", {
107
121
  type: "button",
108
122
  ref: domRef,