@arco-design/mobile-react 2.24.2 → 2.25.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 (823) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/README.en-US.md +2 -2
  3. package/README.md +2 -2
  4. package/cjs/_helpers/hooks.js +42 -120
  5. package/cjs/_helpers/index.js +2 -13
  6. package/cjs/_helpers/react-dom.js +0 -12
  7. package/cjs/_helpers/render.js +0 -12
  8. package/cjs/action-sheet/index.js +10 -30
  9. package/cjs/action-sheet/methods.js +0 -2
  10. package/cjs/action-sheet/style/css/index.css +1 -1
  11. package/cjs/action-sheet/style/css/index.js +0 -2
  12. package/cjs/action-sheet/style/index.js +0 -2
  13. package/cjs/avatar/group.js +12 -24
  14. package/cjs/avatar/index.js +51 -77
  15. package/cjs/avatar/style/css/index.js +0 -2
  16. package/cjs/avatar/style/index.js +0 -2
  17. package/cjs/badge/index.js +18 -29
  18. package/cjs/badge/style/css/index.css +3 -2
  19. package/cjs/badge/style/css/index.js +0 -1
  20. package/cjs/badge/style/index.js +0 -1
  21. package/cjs/button/hooks.js +15 -20
  22. package/cjs/button/index.js +46 -67
  23. package/cjs/button/style/css/index.js +0 -2
  24. package/cjs/button/style/index.js +0 -2
  25. package/cjs/carousel/demo/style/css/mobile.css +12 -0
  26. package/cjs/carousel/demo/style/mobile.less +8 -0
  27. package/cjs/carousel/index.d.ts +1 -1
  28. package/cjs/carousel/index.js +159 -275
  29. package/cjs/carousel/style/css/index.js +0 -1
  30. package/cjs/carousel/style/index.js +0 -1
  31. package/cjs/cell/arrow.js +0 -3
  32. package/cjs/cell/cell.js +14 -23
  33. package/cjs/cell/group.js +9 -21
  34. package/cjs/cell/index.js +1 -7
  35. package/cjs/cell/style/css/index.js +0 -1
  36. package/cjs/cell/style/index.js +0 -1
  37. package/cjs/checkbox/checkbox.js +31 -57
  38. package/cjs/checkbox/group.js +24 -38
  39. package/cjs/checkbox/hooks/index.js +0 -2
  40. package/cjs/checkbox/hooks/useMergeProps.js +7 -14
  41. package/cjs/checkbox/index.d.ts +6 -1
  42. package/cjs/checkbox/index.js +6 -11
  43. package/cjs/checkbox/style/css/index.js +0 -1
  44. package/cjs/checkbox/style/index.js +0 -1
  45. package/cjs/checkbox/type.js +0 -2
  46. package/cjs/circle-progress/index.js +37 -57
  47. package/cjs/circle-progress/style/css/index.js +0 -1
  48. package/cjs/circle-progress/style/index.js +0 -1
  49. package/cjs/collapse/collapse.js +27 -56
  50. package/cjs/collapse/group.js +20 -44
  51. package/cjs/collapse/index.js +0 -9
  52. package/cjs/collapse/style/css/index.js +0 -1
  53. package/cjs/collapse/style/index.js +0 -1
  54. package/cjs/collapse/utils.js +0 -7
  55. package/cjs/context-provider/index.js +10 -28
  56. package/cjs/context-provider/style/css/index.js +0 -1
  57. package/cjs/context-provider/style/index.js +0 -1
  58. package/cjs/count-down/hooks.js +24 -43
  59. package/cjs/count-down/index.js +29 -37
  60. package/cjs/count-down/singleton.js +2 -12
  61. package/cjs/count-down/style/css/index.js +0 -1
  62. package/cjs/count-down/style/index.js +0 -1
  63. package/cjs/count-down/util.js +33 -47
  64. package/cjs/date-picker/helper.js +7 -14
  65. package/cjs/date-picker/index.d.ts +5 -2
  66. package/cjs/date-picker/index.js +52 -114
  67. package/cjs/date-picker/style/css/index.js +0 -2
  68. package/cjs/date-picker/style/index.js +0 -2
  69. package/cjs/dialog/index.js +28 -54
  70. package/cjs/dialog/methods.js +9 -22
  71. package/cjs/dialog/style/css/index.css +2 -1
  72. package/cjs/dialog/style/css/index.js +0 -2
  73. package/cjs/dialog/style/index.js +0 -2
  74. package/cjs/dropdown/dropdown.js +74 -113
  75. package/cjs/dropdown/index.js +1 -8
  76. package/cjs/dropdown/options.js +12 -28
  77. package/cjs/dropdown/style/css/index.js +0 -1
  78. package/cjs/dropdown/style/index.js +0 -1
  79. package/cjs/dropdown-menu/dropdown-menu.js +49 -84
  80. package/cjs/dropdown-menu/helper.js +6 -27
  81. package/cjs/dropdown-menu/index.js +0 -6
  82. package/cjs/dropdown-menu/style/css/index.js +0 -2
  83. package/cjs/dropdown-menu/style/index.js +0 -2
  84. package/cjs/ellipsis/components/js-ellipsis.js +33 -72
  85. package/cjs/ellipsis/components/native-ellipsis.js +9 -15
  86. package/cjs/ellipsis/index.js +19 -32
  87. package/cjs/ellipsis/style/css/index.js +0 -1
  88. package/cjs/ellipsis/style/index.js +0 -1
  89. package/cjs/ellipsis/utils/dom.js +0 -8
  90. package/cjs/ellipsis/utils/is.js +1 -5
  91. package/cjs/form/form-item-context.d.ts +3 -0
  92. package/cjs/form/form-item-context.js +12 -0
  93. package/cjs/form/form-item.d.ts +4 -0
  94. package/cjs/form/form-item.js +313 -0
  95. package/cjs/form/index.d.ts +16 -0
  96. package/cjs/form/index.js +96 -0
  97. package/cjs/form/style/css/index.css +92 -0
  98. package/cjs/form/style/css/index.d.ts +2 -0
  99. package/cjs/form/style/css/index.js +4 -0
  100. package/cjs/form/style/index.d.ts +2 -0
  101. package/cjs/form/style/index.js +4 -0
  102. package/cjs/form/style/index.less +91 -0
  103. package/cjs/form/type.d.ts +371 -0
  104. package/cjs/form/type.js +30 -0
  105. package/cjs/form/useForm.d.ts +18 -0
  106. package/cjs/form/useForm.js +225 -0
  107. package/cjs/form/utils.d.ts +6 -0
  108. package/cjs/form/utils.js +36 -0
  109. package/cjs/grid/index.js +21 -41
  110. package/cjs/grid/style/css/index.js +0 -1
  111. package/cjs/grid/style/index.js +0 -1
  112. package/cjs/icon/IconAdd/index.js +5 -12
  113. package/cjs/icon/IconArrowBack/index.js +5 -12
  114. package/cjs/icon/IconArrowDown/index.js +5 -12
  115. package/cjs/icon/IconArrowIn/index.js +5 -12
  116. package/cjs/icon/IconArrowUp/index.js +5 -12
  117. package/cjs/icon/IconCheck/index.js +5 -12
  118. package/cjs/icon/IconCheckBold/index.js +5 -12
  119. package/cjs/icon/IconCircleChecked/index.js +5 -12
  120. package/cjs/icon/IconCircleDisabled/index.js +5 -12
  121. package/cjs/icon/IconCircleUnchecked/index.js +5 -12
  122. package/cjs/icon/IconClear/index.js +5 -12
  123. package/cjs/icon/IconClose/index.js +5 -12
  124. package/cjs/icon/IconCloseBold/index.js +5 -12
  125. package/cjs/icon/IconDelete/index.js +5 -12
  126. package/cjs/icon/IconEdit/index.js +5 -12
  127. package/cjs/icon/IconErrorCircle/index.js +5 -12
  128. package/cjs/icon/IconEyeInvisible/index.js +5 -12
  129. package/cjs/icon/IconEyeVisible/index.js +5 -12
  130. package/cjs/icon/IconEyelashInvisible/index.js +5 -12
  131. package/cjs/icon/IconGift/index.js +5 -12
  132. package/cjs/icon/IconHeart/index.js +5 -12
  133. package/cjs/icon/IconHome/index.js +5 -12
  134. package/cjs/icon/IconLikeCircle/index.js +5 -12
  135. package/cjs/icon/IconMinus/index.js +5 -12
  136. package/cjs/icon/IconMore/index.js +5 -12
  137. package/cjs/icon/IconNotice/index.js +5 -12
  138. package/cjs/icon/IconNoticeOff/index.js +5 -12
  139. package/cjs/icon/IconPicture/index.js +5 -12
  140. package/cjs/icon/IconPlay/index.js +5 -12
  141. package/cjs/icon/IconQuestionCircle/index.js +5 -12
  142. package/cjs/icon/IconRefresh/index.js +5 -12
  143. package/cjs/icon/IconSad/index.js +5 -12
  144. package/cjs/icon/IconScan/index.js +5 -12
  145. package/cjs/icon/IconSearch/index.js +5 -12
  146. package/cjs/icon/IconSetting/index.js +5 -12
  147. package/cjs/icon/IconShop/index.js +5 -12
  148. package/cjs/icon/IconShopping/index.js +5 -12
  149. package/cjs/icon/IconSmileFill/index.js +5 -12
  150. package/cjs/icon/IconSound/index.js +5 -12
  151. package/cjs/icon/IconSquareChecked/index.js +5 -12
  152. package/cjs/icon/IconSquareDisabled/index.js +5 -12
  153. package/cjs/icon/IconSquareUnchecked/index.js +5 -12
  154. package/cjs/icon/IconStar/index.js +5 -12
  155. package/cjs/icon/IconStarFill/index.js +5 -12
  156. package/cjs/icon/IconStarHalf/index.js +5 -12
  157. package/cjs/icon/IconSubway/index.js +5 -12
  158. package/cjs/icon/IconSuccessCircle/index.js +5 -12
  159. package/cjs/icon/IconTriDown/index.js +5 -12
  160. package/cjs/icon/IconTriUp/index.js +5 -12
  161. package/cjs/icon/IconUpload/index.js +5 -12
  162. package/cjs/icon/IconUser/index.js +5 -12
  163. package/cjs/icon/IconUserFill/index.js +5 -12
  164. package/cjs/icon/IconWarnCircle/index.js +5 -12
  165. package/cjs/icon/IconWarnCircleFill/index.js +5 -12
  166. package/cjs/icon/index.js +0 -111
  167. package/cjs/image/index.js +53 -92
  168. package/cjs/image/style/css/index.js +0 -2
  169. package/cjs/image/style/index.js +0 -2
  170. package/cjs/image-picker/add-icon.js +0 -3
  171. package/cjs/image-picker/index.d.ts +5 -2
  172. package/cjs/image-picker/index.js +62 -103
  173. package/cjs/image-picker/style/css/index.js +0 -2
  174. package/cjs/image-picker/style/index.js +0 -2
  175. package/cjs/image-preview/demo/style/css/mobile.css +10 -0
  176. package/cjs/image-preview/demo/style/mobile.less +11 -0
  177. package/cjs/image-preview/index.d.ts +5 -0
  178. package/cjs/image-preview/index.js +124 -239
  179. package/cjs/image-preview/methods.js +5 -18
  180. package/cjs/image-preview/style/css/index.css +1 -0
  181. package/cjs/image-preview/style/css/index.js +0 -4
  182. package/cjs/image-preview/style/index.js +0 -4
  183. package/cjs/image-preview/style/index.less +1 -1
  184. package/cjs/index.d.ts +7 -6
  185. package/cjs/index.js +15 -120
  186. package/cjs/input/hooks.js +42 -75
  187. package/cjs/input/index.d.ts +5 -2
  188. package/cjs/input/index.js +36 -47
  189. package/cjs/input/style/css/index.css +1 -1
  190. package/cjs/input/style/css/index.js +0 -1
  191. package/cjs/input/style/index.js +0 -1
  192. package/cjs/load-more/index.js +29 -56
  193. package/cjs/load-more/style/css/index.js +0 -1
  194. package/cjs/load-more/style/index.js +0 -1
  195. package/cjs/loading/index.js +19 -48
  196. package/cjs/loading/style/css/index.js +0 -1
  197. package/cjs/loading/style/index.js +0 -1
  198. package/cjs/masking/index.js +46 -79
  199. package/cjs/masking/methods.js +4 -19
  200. package/cjs/masking/style/css/index.js +0 -2
  201. package/cjs/masking/style/index.js +0 -2
  202. package/cjs/nav-bar/back-icon.js +1 -5
  203. package/cjs/nav-bar/index.js +36 -60
  204. package/cjs/nav-bar/style/css/index.js +0 -1
  205. package/cjs/nav-bar/style/index.js +0 -1
  206. package/cjs/notice-bar/index.js +31 -54
  207. package/cjs/notice-bar/style/css/index.js +0 -1
  208. package/cjs/notice-bar/style/index.js +0 -1
  209. package/cjs/notify/index.d.ts +8 -8
  210. package/cjs/notify/index.js +20 -49
  211. package/cjs/notify/methods.js +2 -17
  212. package/cjs/notify/style/css/index.css +2 -2
  213. package/cjs/notify/style/css/index.js +0 -1
  214. package/cjs/notify/style/index.js +0 -1
  215. package/cjs/pagination/arrow.js +0 -3
  216. package/cjs/pagination/index.js +27 -58
  217. package/cjs/pagination/style/css/index.js +0 -1
  218. package/cjs/pagination/style/index.js +0 -1
  219. package/cjs/picker/index.d.ts +5 -2
  220. package/cjs/picker/index.js +50 -89
  221. package/cjs/picker/style/css/index.js +0 -3
  222. package/cjs/picker/style/index.js +0 -3
  223. package/cjs/picker-view/components/cascader.js +14 -31
  224. package/cjs/picker-view/components/multi-picker.js +6 -20
  225. package/cjs/picker-view/components/picker-cell.js +45 -97
  226. package/cjs/picker-view/index.d.ts +5 -2
  227. package/cjs/picker-view/index.js +36 -77
  228. package/cjs/picker-view/style/css/index.js +0 -1
  229. package/cjs/picker-view/style/index.js +0 -1
  230. package/cjs/popover/hooks/index.js +0 -4
  231. package/cjs/popover/hooks/useEvent.js +25 -49
  232. package/cjs/popover/hooks/usePosition.js +94 -151
  233. package/cjs/popover/index.js +1 -8
  234. package/cjs/popover/menu.js +32 -51
  235. package/cjs/popover/popover-inner.js +30 -47
  236. package/cjs/popover/popover.js +69 -101
  237. package/cjs/popover/style/css/index.js +0 -2
  238. package/cjs/popover/style/index.js +0 -2
  239. package/cjs/popup/index.js +22 -39
  240. package/cjs/popup/methods.js +0 -2
  241. package/cjs/popup/style/css/index.js +0 -2
  242. package/cjs/popup/style/index.js +0 -2
  243. package/cjs/popup-swiper/index.js +38 -80
  244. package/cjs/popup-swiper/methods.js +0 -2
  245. package/cjs/popup-swiper/style/css/index.js +0 -2
  246. package/cjs/popup-swiper/style/index.js +0 -2
  247. package/cjs/portal/index.js +3 -8
  248. package/cjs/portal/style/css/index.js +0 -1
  249. package/cjs/portal/style/index.js +0 -1
  250. package/cjs/progress/index.js +27 -44
  251. package/cjs/progress/style/css/index.js +0 -1
  252. package/cjs/progress/style/index.js +0 -1
  253. package/cjs/pull-refresh/android-pull-refresh.js +58 -100
  254. package/cjs/pull-refresh/hooks.js +11 -32
  255. package/cjs/pull-refresh/index.d.ts +9 -3
  256. package/cjs/pull-refresh/index.js +5 -15
  257. package/cjs/pull-refresh/ios-pull-refresh.js +53 -80
  258. package/cjs/pull-refresh/model.js +0 -1
  259. package/cjs/pull-refresh/style/css/index.js +0 -2
  260. package/cjs/pull-refresh/style/index.js +0 -2
  261. package/cjs/radio/group.js +20 -34
  262. package/cjs/radio/index.d.ts +6 -1
  263. package/cjs/radio/index.js +5 -10
  264. package/cjs/radio/radio.js +0 -10
  265. package/cjs/radio/style/css/index.js +0 -1
  266. package/cjs/radio/style/index.js +0 -1
  267. package/cjs/rate/index.d.ts +5 -2
  268. package/cjs/rate/index.js +34 -57
  269. package/cjs/rate/style/css/index.js +0 -1
  270. package/cjs/rate/style/index.js +0 -1
  271. package/cjs/search-bar/association.js +14 -32
  272. package/cjs/search-bar/cancel-button.js +8 -16
  273. package/cjs/search-bar/highlight.js +14 -25
  274. package/cjs/search-bar/index.js +77 -97
  275. package/cjs/search-bar/style/css/index.js +0 -1
  276. package/cjs/search-bar/style/index.js +0 -1
  277. package/cjs/show-monitor/index.js +34 -93
  278. package/cjs/show-monitor/style/css/index.js +0 -1
  279. package/cjs/show-monitor/style/index.js +0 -1
  280. package/cjs/slider/hooks/index.js +0 -13
  281. package/cjs/slider/hooks/useSliderEvents.js +26 -55
  282. package/cjs/slider/hooks/useSliderIcon.js +6 -20
  283. package/cjs/slider/hooks/useSliderInit.js +32 -52
  284. package/cjs/slider/hooks/useSliderStyle.js +12 -24
  285. package/cjs/slider/index.d.ts +5 -2
  286. package/cjs/slider/index.js +56 -80
  287. package/cjs/slider/marks.js +12 -26
  288. package/cjs/slider/popover.js +4 -13
  289. package/cjs/slider/style/css/index.js +0 -2
  290. package/cjs/slider/style/index.js +0 -2
  291. package/cjs/slider/thumb.js +8 -23
  292. package/cjs/stepper/hooks/useButtonClick.js +19 -28
  293. package/cjs/stepper/hooks/useInputEvent.js +9 -18
  294. package/cjs/stepper/hooks/useValue.js +9 -14
  295. package/cjs/stepper/index.d.ts +5 -2
  296. package/cjs/stepper/index.js +92 -103
  297. package/cjs/stepper/style/css/index.js +0 -1
  298. package/cjs/stepper/style/index.js +0 -1
  299. package/cjs/steps/index.js +22 -40
  300. package/cjs/steps/step.js +10 -27
  301. package/cjs/steps/style/css/index.css +2 -2
  302. package/cjs/steps/style/css/index.js +0 -1
  303. package/cjs/steps/style/index.js +0 -1
  304. package/cjs/sticky/index.js +37 -66
  305. package/cjs/sticky/style/css/index.js +0 -1
  306. package/cjs/sticky/style/index.js +0 -1
  307. package/cjs/style.d.ts +7 -6
  308. package/cjs/style.js +7 -59
  309. package/cjs/swipe-action/index.js +40 -92
  310. package/cjs/swipe-action/item.js +9 -17
  311. package/cjs/swipe-action/style/css/index.js +0 -1
  312. package/cjs/swipe-action/style/index.js +0 -1
  313. package/cjs/swipe-load/index.js +55 -83
  314. package/cjs/swipe-load/style/css/index.js +0 -1
  315. package/cjs/swipe-load/style/index.js +0 -1
  316. package/cjs/switch/index.d.ts +5 -2
  317. package/cjs/switch/index.js +37 -54
  318. package/cjs/switch/style/css/index.js +0 -1
  319. package/cjs/switch/style/index.js +0 -1
  320. package/cjs/tab-bar/index.js +0 -7
  321. package/cjs/tab-bar/item.js +6 -24
  322. package/cjs/tab-bar/style/css/index.js +0 -1
  323. package/cjs/tab-bar/style/index.js +0 -1
  324. package/cjs/tab-bar/tab-bar.js +15 -31
  325. package/cjs/tabs/index.js +129 -192
  326. package/cjs/tabs/style/css/index.js +0 -1
  327. package/cjs/tabs/style/index.js +0 -1
  328. package/cjs/tabs/tab-cell-underline.js +25 -64
  329. package/cjs/tabs/tab-cell.js +66 -108
  330. package/cjs/tabs/tab-pane.js +49 -94
  331. package/cjs/tag/index.js +1 -8
  332. package/cjs/tag/list.js +11 -26
  333. package/cjs/tag/style/css/index.js +0 -1
  334. package/cjs/tag/style/index.js +0 -1
  335. package/cjs/tag/tag.js +20 -32
  336. package/cjs/textarea/index.d.ts +5 -2
  337. package/cjs/textarea/index.js +45 -63
  338. package/cjs/textarea/style/css/index.css +1 -1
  339. package/cjs/textarea/style/css/index.js +0 -2
  340. package/cjs/textarea/style/index.js +0 -2
  341. package/cjs/toast/index.d.ts +12 -12
  342. package/cjs/toast/index.js +26 -61
  343. package/cjs/toast/methods.js +2 -16
  344. package/cjs/toast/style/css/index.js +0 -3
  345. package/cjs/toast/style/index.js +0 -3
  346. package/cjs/transition/index.js +10 -18
  347. package/cjs/transition/style/css/index.js +0 -1
  348. package/cjs/transition/style/index.js +0 -1
  349. package/dist/index.js +21030 -20541
  350. package/dist/index.min.js +12 -3
  351. package/dist/style.css +823 -741
  352. package/dist/style.min.css +1 -1
  353. package/esm/_helpers/hooks.js +41 -99
  354. package/esm/_helpers/index.js +2 -3
  355. package/esm/_helpers/react-dom.js +0 -10
  356. package/esm/_helpers/render.js +0 -7
  357. package/esm/action-sheet/index.js +10 -16
  358. package/esm/action-sheet/style/css/index.css +1 -1
  359. package/esm/avatar/group.js +12 -16
  360. package/esm/avatar/index.js +51 -62
  361. package/esm/badge/index.js +18 -22
  362. package/esm/badge/style/css/index.css +3 -2
  363. package/esm/button/hooks.js +15 -18
  364. package/esm/button/index.js +46 -57
  365. package/esm/carousel/demo/style/css/mobile.css +12 -0
  366. package/esm/carousel/demo/style/mobile.less +8 -0
  367. package/esm/carousel/index.d.ts +1 -1
  368. package/esm/carousel/index.js +159 -267
  369. package/esm/cell/cell.js +14 -14
  370. package/esm/cell/group.js +9 -11
  371. package/esm/cell/index.js +1 -1
  372. package/esm/checkbox/checkbox.js +31 -42
  373. package/esm/checkbox/group.js +24 -28
  374. package/esm/checkbox/hooks/useMergeProps.js +7 -9
  375. package/esm/checkbox/index.d.ts +6 -1
  376. package/esm/checkbox/index.js +6 -4
  377. package/esm/checkbox/type.js +0 -1
  378. package/esm/circle-progress/index.js +37 -49
  379. package/esm/collapse/collapse.js +27 -46
  380. package/esm/collapse/group.js +20 -34
  381. package/esm/collapse/index.js +1 -1
  382. package/esm/collapse/utils.js +0 -1
  383. package/esm/context-provider/index.js +10 -18
  384. package/esm/count-down/hooks.js +24 -37
  385. package/esm/count-down/index.js +30 -29
  386. package/esm/count-down/singleton.js +2 -5
  387. package/esm/count-down/util.js +33 -42
  388. package/esm/date-picker/helper.js +7 -9
  389. package/esm/date-picker/index.d.ts +5 -2
  390. package/esm/date-picker/index.js +53 -103
  391. package/esm/dialog/index.js +28 -39
  392. package/esm/dialog/methods.js +9 -11
  393. package/esm/dialog/style/css/index.css +2 -1
  394. package/esm/dropdown/dropdown.js +74 -102
  395. package/esm/dropdown/index.js +1 -1
  396. package/esm/dropdown/options.js +12 -20
  397. package/esm/dropdown-menu/dropdown-menu.js +49 -74
  398. package/esm/dropdown-menu/helper.js +6 -16
  399. package/esm/dropdown-menu/index.js +1 -1
  400. package/esm/ellipsis/components/js-ellipsis.js +33 -63
  401. package/esm/ellipsis/components/native-ellipsis.js +9 -11
  402. package/esm/ellipsis/index.js +20 -21
  403. package/esm/ellipsis/utils/dom.js +0 -7
  404. package/esm/ellipsis/utils/is.js +1 -1
  405. package/esm/form/form-item-context.d.ts +3 -0
  406. package/esm/form/form-item-context.js +6 -0
  407. package/esm/form/form-item.d.ts +4 -0
  408. package/esm/form/form-item.js +306 -0
  409. package/esm/form/index.d.ts +16 -0
  410. package/esm/form/index.js +79 -0
  411. package/esm/form/style/css/index.css +92 -0
  412. package/esm/form/style/css/index.d.ts +2 -0
  413. package/esm/form/style/css/index.js +2 -0
  414. package/esm/form/style/index.d.ts +2 -0
  415. package/esm/form/style/index.js +2 -0
  416. package/esm/form/style/index.less +91 -0
  417. package/esm/form/type.d.ts +371 -0
  418. package/esm/form/type.js +24 -0
  419. package/esm/form/useForm.d.ts +18 -0
  420. package/esm/form/useForm.js +217 -0
  421. package/esm/form/utils.d.ts +6 -0
  422. package/esm/form/utils.js +30 -0
  423. package/esm/grid/index.js +21 -34
  424. package/esm/icon/IconAdd/index.js +5 -6
  425. package/esm/icon/IconArrowBack/index.js +5 -6
  426. package/esm/icon/IconArrowDown/index.js +5 -6
  427. package/esm/icon/IconArrowIn/index.js +5 -6
  428. package/esm/icon/IconArrowUp/index.js +5 -6
  429. package/esm/icon/IconCheck/index.js +5 -6
  430. package/esm/icon/IconCheckBold/index.js +5 -6
  431. package/esm/icon/IconCircleChecked/index.js +5 -6
  432. package/esm/icon/IconCircleDisabled/index.js +5 -6
  433. package/esm/icon/IconCircleUnchecked/index.js +5 -6
  434. package/esm/icon/IconClear/index.js +5 -6
  435. package/esm/icon/IconClose/index.js +5 -6
  436. package/esm/icon/IconCloseBold/index.js +5 -6
  437. package/esm/icon/IconDelete/index.js +5 -6
  438. package/esm/icon/IconEdit/index.js +5 -6
  439. package/esm/icon/IconErrorCircle/index.js +5 -6
  440. package/esm/icon/IconEyeInvisible/index.js +5 -6
  441. package/esm/icon/IconEyeVisible/index.js +5 -6
  442. package/esm/icon/IconEyelashInvisible/index.js +5 -6
  443. package/esm/icon/IconGift/index.js +5 -6
  444. package/esm/icon/IconHeart/index.js +5 -6
  445. package/esm/icon/IconHome/index.js +5 -6
  446. package/esm/icon/IconLikeCircle/index.js +5 -6
  447. package/esm/icon/IconMinus/index.js +5 -6
  448. package/esm/icon/IconMore/index.js +5 -6
  449. package/esm/icon/IconNotice/index.js +5 -6
  450. package/esm/icon/IconNoticeOff/index.js +5 -6
  451. package/esm/icon/IconPicture/index.js +5 -6
  452. package/esm/icon/IconPlay/index.js +5 -6
  453. package/esm/icon/IconQuestionCircle/index.js +5 -6
  454. package/esm/icon/IconRefresh/index.js +5 -6
  455. package/esm/icon/IconSad/index.js +5 -6
  456. package/esm/icon/IconScan/index.js +5 -6
  457. package/esm/icon/IconSearch/index.js +5 -6
  458. package/esm/icon/IconSetting/index.js +5 -6
  459. package/esm/icon/IconShop/index.js +5 -6
  460. package/esm/icon/IconShopping/index.js +5 -6
  461. package/esm/icon/IconSmileFill/index.js +5 -6
  462. package/esm/icon/IconSound/index.js +5 -6
  463. package/esm/icon/IconSquareChecked/index.js +5 -6
  464. package/esm/icon/IconSquareDisabled/index.js +5 -6
  465. package/esm/icon/IconSquareUnchecked/index.js +5 -6
  466. package/esm/icon/IconStar/index.js +5 -6
  467. package/esm/icon/IconStarFill/index.js +5 -6
  468. package/esm/icon/IconStarHalf/index.js +5 -6
  469. package/esm/icon/IconSubway/index.js +5 -6
  470. package/esm/icon/IconSuccessCircle/index.js +5 -6
  471. package/esm/icon/IconTriDown/index.js +5 -6
  472. package/esm/icon/IconTriUp/index.js +5 -6
  473. package/esm/icon/IconUpload/index.js +5 -6
  474. package/esm/icon/IconUser/index.js +5 -6
  475. package/esm/icon/IconUserFill/index.js +5 -6
  476. package/esm/icon/IconWarnCircle/index.js +5 -6
  477. package/esm/icon/IconWarnCircleFill/index.js +5 -6
  478. package/esm/image/index.js +53 -83
  479. package/esm/image-picker/index.d.ts +5 -2
  480. package/esm/image-picker/index.js +63 -90
  481. package/esm/image-preview/demo/style/css/mobile.css +10 -0
  482. package/esm/image-preview/demo/style/mobile.less +11 -0
  483. package/esm/image-preview/index.d.ts +5 -0
  484. package/esm/image-preview/index.js +124 -218
  485. package/esm/image-preview/methods.js +4 -14
  486. package/esm/image-preview/style/css/index.css +1 -0
  487. package/esm/image-preview/style/index.less +1 -1
  488. package/esm/index.d.ts +7 -6
  489. package/esm/index.js +7 -6
  490. package/esm/input/hooks.js +42 -67
  491. package/esm/input/index.d.ts +5 -2
  492. package/esm/input/index.js +37 -40
  493. package/esm/input/style/css/index.css +1 -1
  494. package/esm/load-more/index.js +29 -48
  495. package/esm/loading/index.js +19 -40
  496. package/esm/masking/index.js +46 -64
  497. package/esm/masking/methods.js +4 -15
  498. package/esm/nav-bar/back-icon.js +1 -3
  499. package/esm/nav-bar/index.js +36 -51
  500. package/esm/notice-bar/index.js +31 -47
  501. package/esm/notify/index.d.ts +8 -8
  502. package/esm/notify/index.js +20 -33
  503. package/esm/notify/methods.js +2 -13
  504. package/esm/notify/style/css/index.css +2 -2
  505. package/esm/pagination/index.js +27 -50
  506. package/esm/picker/index.d.ts +5 -2
  507. package/esm/picker/index.js +51 -76
  508. package/esm/picker-view/components/cascader.js +14 -23
  509. package/esm/picker-view/components/multi-picker.js +6 -16
  510. package/esm/picker-view/components/picker-cell.js +45 -89
  511. package/esm/picker-view/index.d.ts +5 -2
  512. package/esm/picker-view/index.js +36 -63
  513. package/esm/popover/hooks/useEvent.js +26 -41
  514. package/esm/popover/hooks/usePosition.js +94 -144
  515. package/esm/popover/index.js +2 -2
  516. package/esm/popover/menu.js +32 -41
  517. package/esm/popover/popover-inner.js +30 -38
  518. package/esm/popover/popover.js +69 -90
  519. package/esm/popup/index.js +22 -25
  520. package/esm/popup-swiper/index.js +38 -64
  521. package/esm/portal/index.js +3 -5
  522. package/esm/progress/index.js +27 -36
  523. package/esm/pull-refresh/android-pull-refresh.js +58 -90
  524. package/esm/pull-refresh/hooks.js +11 -23
  525. package/esm/pull-refresh/index.d.ts +9 -3
  526. package/esm/pull-refresh/index.js +5 -6
  527. package/esm/pull-refresh/ios-pull-refresh.js +53 -68
  528. package/esm/pull-refresh/model.js +0 -1
  529. package/esm/radio/group.js +20 -24
  530. package/esm/radio/index.d.ts +6 -1
  531. package/esm/radio/index.js +5 -3
  532. package/esm/rate/index.d.ts +5 -2
  533. package/esm/rate/index.js +35 -49
  534. package/esm/search-bar/association.js +14 -27
  535. package/esm/search-bar/cancel-button.js +8 -11
  536. package/esm/search-bar/highlight.js +14 -20
  537. package/esm/search-bar/index.js +77 -86
  538. package/esm/show-monitor/index.js +34 -85
  539. package/esm/slider/hooks/useSliderEvents.js +26 -51
  540. package/esm/slider/hooks/useSliderIcon.js +6 -13
  541. package/esm/slider/hooks/useSliderInit.js +32 -46
  542. package/esm/slider/hooks/useSliderStyle.js +12 -20
  543. package/esm/slider/index.d.ts +5 -2
  544. package/esm/slider/index.js +57 -72
  545. package/esm/slider/marks.js +12 -18
  546. package/esm/slider/popover.js +4 -6
  547. package/esm/slider/thumb.js +8 -15
  548. package/esm/stepper/hooks/useButtonClick.js +19 -27
  549. package/esm/stepper/hooks/useInputEvent.js +9 -16
  550. package/esm/stepper/hooks/useValue.js +9 -12
  551. package/esm/stepper/index.d.ts +5 -2
  552. package/esm/stepper/index.js +93 -92
  553. package/esm/steps/index.js +22 -27
  554. package/esm/steps/step.js +10 -19
  555. package/esm/steps/style/css/index.css +2 -2
  556. package/esm/sticky/index.js +37 -57
  557. package/esm/style.d.ts +7 -6
  558. package/esm/style.js +7 -6
  559. package/esm/swipe-action/index.js +40 -80
  560. package/esm/swipe-action/item.js +9 -12
  561. package/esm/swipe-load/index.js +56 -75
  562. package/esm/switch/index.d.ts +5 -2
  563. package/esm/switch/index.js +38 -49
  564. package/esm/tab-bar/index.js +0 -1
  565. package/esm/tab-bar/item.js +6 -13
  566. package/esm/tab-bar/tab-bar.js +15 -21
  567. package/esm/tabs/index.js +130 -180
  568. package/esm/tabs/tab-cell-underline.js +25 -56
  569. package/esm/tabs/tab-cell.js +66 -98
  570. package/esm/tabs/tab-pane.js +49 -85
  571. package/esm/tag/index.js +2 -2
  572. package/esm/tag/list.js +11 -16
  573. package/esm/tag/tag.js +20 -22
  574. package/esm/textarea/index.d.ts +5 -2
  575. package/esm/textarea/index.js +46 -56
  576. package/esm/textarea/style/css/index.css +1 -1
  577. package/esm/toast/index.d.ts +12 -12
  578. package/esm/toast/index.js +26 -42
  579. package/esm/toast/methods.js +2 -12
  580. package/esm/transition/index.js +10 -12
  581. package/package.json +3 -4
  582. package/tokens/app/arcodesign/default/css-variables.less +17 -7
  583. package/tokens/app/arcodesign/default/index.d.ts +10 -0
  584. package/tokens/app/arcodesign/default/index.js +18 -10
  585. package/tokens/app/arcodesign/default/index.json +139 -23
  586. package/tokens/app/arcodesign/default/index.less +17 -7
  587. package/umd/_helpers/hooks.js +42 -117
  588. package/umd/_helpers/index.js +2 -6
  589. package/umd/_helpers/react-dom.js +0 -11
  590. package/umd/_helpers/render.js +0 -9
  591. package/umd/action-sheet/index.js +10 -22
  592. package/umd/action-sheet/methods.js +0 -1
  593. package/umd/action-sheet/style/css/index.css +1 -1
  594. package/umd/avatar/group.js +12 -20
  595. package/umd/avatar/index.js +51 -68
  596. package/umd/badge/index.js +18 -25
  597. package/umd/badge/style/css/index.css +3 -2
  598. package/umd/button/hooks.js +15 -19
  599. package/umd/button/index.js +46 -60
  600. package/umd/carousel/demo/style/css/mobile.css +12 -0
  601. package/umd/carousel/demo/style/mobile.less +8 -0
  602. package/umd/carousel/index.d.ts +1 -1
  603. package/umd/carousel/index.js +159 -270
  604. package/umd/cell/arrow.js +0 -2
  605. package/umd/cell/cell.js +14 -18
  606. package/umd/cell/group.js +9 -17
  607. package/umd/cell/index.js +1 -2
  608. package/umd/checkbox/checkbox.js +31 -45
  609. package/umd/checkbox/group.js +24 -34
  610. package/umd/checkbox/hooks/useMergeProps.js +7 -12
  611. package/umd/checkbox/index.d.ts +6 -1
  612. package/umd/checkbox/index.js +6 -6
  613. package/umd/checkbox/type.js +0 -2
  614. package/umd/circle-progress/index.js +37 -52
  615. package/umd/collapse/collapse.js +27 -50
  616. package/umd/collapse/group.js +20 -38
  617. package/umd/collapse/index.js +0 -3
  618. package/umd/collapse/utils.js +0 -5
  619. package/umd/context-provider/index.js +10 -23
  620. package/umd/count-down/hooks.js +24 -39
  621. package/umd/count-down/index.js +29 -31
  622. package/umd/count-down/singleton.js +2 -10
  623. package/umd/count-down/util.js +33 -47
  624. package/umd/date-picker/helper.js +7 -13
  625. package/umd/date-picker/index.d.ts +5 -2
  626. package/umd/date-picker/index.js +52 -105
  627. package/umd/dialog/index.js +28 -44
  628. package/umd/dialog/methods.js +9 -18
  629. package/umd/dialog/style/css/index.css +2 -1
  630. package/umd/dropdown/dropdown.js +74 -106
  631. package/umd/dropdown/index.js +1 -3
  632. package/umd/dropdown/options.js +12 -24
  633. package/umd/dropdown-menu/dropdown-menu.js +49 -78
  634. package/umd/dropdown-menu/helper.js +6 -25
  635. package/umd/dropdown-menu/index.js +0 -2
  636. package/umd/ellipsis/components/js-ellipsis.js +33 -69
  637. package/umd/ellipsis/components/native-ellipsis.js +9 -13
  638. package/umd/ellipsis/index.js +19 -24
  639. package/umd/ellipsis/utils/dom.js +0 -8
  640. package/umd/ellipsis/utils/is.js +1 -5
  641. package/umd/form/form-item-context.d.ts +3 -0
  642. package/umd/form/form-item-context.js +25 -0
  643. package/umd/form/form-item.d.ts +4 -0
  644. package/umd/form/form-item.js +322 -0
  645. package/umd/form/index.d.ts +16 -0
  646. package/umd/form/index.js +106 -0
  647. package/umd/form/style/css/index.css +92 -0
  648. package/umd/form/style/css/index.d.ts +2 -0
  649. package/umd/form/style/css/index.js +15 -0
  650. package/umd/form/style/index.d.ts +2 -0
  651. package/umd/form/style/index.js +15 -0
  652. package/umd/form/style/index.less +91 -0
  653. package/umd/form/type.d.ts +371 -0
  654. package/umd/form/type.js +44 -0
  655. package/umd/form/useForm.d.ts +18 -0
  656. package/umd/form/useForm.js +238 -0
  657. package/umd/form/utils.d.ts +6 -0
  658. package/umd/form/utils.js +50 -0
  659. package/umd/grid/index.js +21 -37
  660. package/umd/icon/IconAdd/index.js +5 -7
  661. package/umd/icon/IconArrowBack/index.js +5 -7
  662. package/umd/icon/IconArrowDown/index.js +5 -7
  663. package/umd/icon/IconArrowIn/index.js +5 -7
  664. package/umd/icon/IconArrowUp/index.js +5 -7
  665. package/umd/icon/IconCheck/index.js +5 -7
  666. package/umd/icon/IconCheckBold/index.js +5 -7
  667. package/umd/icon/IconCircleChecked/index.js +5 -7
  668. package/umd/icon/IconCircleDisabled/index.js +5 -7
  669. package/umd/icon/IconCircleUnchecked/index.js +5 -7
  670. package/umd/icon/IconClear/index.js +5 -7
  671. package/umd/icon/IconClose/index.js +5 -7
  672. package/umd/icon/IconCloseBold/index.js +5 -7
  673. package/umd/icon/IconDelete/index.js +5 -7
  674. package/umd/icon/IconEdit/index.js +5 -7
  675. package/umd/icon/IconErrorCircle/index.js +5 -7
  676. package/umd/icon/IconEyeInvisible/index.js +5 -7
  677. package/umd/icon/IconEyeVisible/index.js +5 -7
  678. package/umd/icon/IconEyelashInvisible/index.js +5 -7
  679. package/umd/icon/IconGift/index.js +5 -7
  680. package/umd/icon/IconHeart/index.js +5 -7
  681. package/umd/icon/IconHome/index.js +5 -7
  682. package/umd/icon/IconLikeCircle/index.js +5 -7
  683. package/umd/icon/IconMinus/index.js +5 -7
  684. package/umd/icon/IconMore/index.js +5 -7
  685. package/umd/icon/IconNotice/index.js +5 -7
  686. package/umd/icon/IconNoticeOff/index.js +5 -7
  687. package/umd/icon/IconPicture/index.js +5 -7
  688. package/umd/icon/IconPlay/index.js +5 -7
  689. package/umd/icon/IconQuestionCircle/index.js +5 -7
  690. package/umd/icon/IconRefresh/index.js +5 -7
  691. package/umd/icon/IconSad/index.js +5 -7
  692. package/umd/icon/IconScan/index.js +5 -7
  693. package/umd/icon/IconSearch/index.js +5 -7
  694. package/umd/icon/IconSetting/index.js +5 -7
  695. package/umd/icon/IconShop/index.js +5 -7
  696. package/umd/icon/IconShopping/index.js +5 -7
  697. package/umd/icon/IconSmileFill/index.js +5 -7
  698. package/umd/icon/IconSound/index.js +5 -7
  699. package/umd/icon/IconSquareChecked/index.js +5 -7
  700. package/umd/icon/IconSquareDisabled/index.js +5 -7
  701. package/umd/icon/IconSquareUnchecked/index.js +5 -7
  702. package/umd/icon/IconStar/index.js +5 -7
  703. package/umd/icon/IconStarFill/index.js +5 -7
  704. package/umd/icon/IconStarHalf/index.js +5 -7
  705. package/umd/icon/IconSubway/index.js +5 -7
  706. package/umd/icon/IconSuccessCircle/index.js +5 -7
  707. package/umd/icon/IconTriDown/index.js +5 -7
  708. package/umd/icon/IconTriUp/index.js +5 -7
  709. package/umd/icon/IconUpload/index.js +5 -7
  710. package/umd/icon/IconUser/index.js +5 -7
  711. package/umd/icon/IconUserFill/index.js +5 -7
  712. package/umd/icon/IconWarnCircle/index.js +5 -7
  713. package/umd/icon/IconWarnCircleFill/index.js +5 -7
  714. package/umd/icon/index.js +0 -1
  715. package/umd/image/index.js +53 -86
  716. package/umd/image-picker/add-icon.js +0 -2
  717. package/umd/image-picker/index.d.ts +5 -2
  718. package/umd/image-picker/index.js +62 -92
  719. package/umd/image-preview/demo/style/css/mobile.css +10 -0
  720. package/umd/image-preview/demo/style/mobile.less +11 -0
  721. package/umd/image-preview/index.d.ts +5 -0
  722. package/umd/image-preview/index.js +124 -224
  723. package/umd/image-preview/methods.js +5 -15
  724. package/umd/image-preview/style/css/index.css +1 -0
  725. package/umd/image-preview/style/index.less +1 -1
  726. package/umd/index.d.ts +7 -6
  727. package/umd/index.js +19 -18
  728. package/umd/input/hooks.js +42 -71
  729. package/umd/input/index.d.ts +5 -2
  730. package/umd/input/index.js +36 -42
  731. package/umd/input/style/css/index.css +1 -1
  732. package/umd/load-more/index.js +29 -51
  733. package/umd/loading/index.js +19 -43
  734. package/umd/masking/index.js +46 -71
  735. package/umd/masking/methods.js +4 -16
  736. package/umd/nav-bar/back-icon.js +1 -4
  737. package/umd/nav-bar/index.js +36 -54
  738. package/umd/notice-bar/index.js +31 -50
  739. package/umd/notify/index.d.ts +8 -8
  740. package/umd/notify/index.js +20 -40
  741. package/umd/notify/methods.js +2 -14
  742. package/umd/notify/style/css/index.css +2 -2
  743. package/umd/pagination/arrow.js +0 -2
  744. package/umd/pagination/index.js +27 -53
  745. package/umd/picker/index.d.ts +5 -2
  746. package/umd/picker/index.js +50 -78
  747. package/umd/picker-view/components/cascader.js +14 -27
  748. package/umd/picker-view/components/multi-picker.js +6 -19
  749. package/umd/picker-view/components/picker-cell.js +45 -93
  750. package/umd/picker-view/index.d.ts +5 -2
  751. package/umd/picker-view/index.js +39 -69
  752. package/umd/popover/hooks/useEvent.js +25 -44
  753. package/umd/popover/hooks/usePosition.js +94 -145
  754. package/umd/popover/index.js +1 -3
  755. package/umd/popover/menu.js +32 -45
  756. package/umd/popover/popover-inner.js +30 -42
  757. package/umd/popover/popover.js +69 -94
  758. package/umd/popup/index.js +22 -31
  759. package/umd/popup/methods.js +0 -1
  760. package/umd/popup-swiper/index.js +38 -71
  761. package/umd/popup-swiper/methods.js +0 -1
  762. package/umd/portal/index.js +3 -6
  763. package/umd/progress/index.js +27 -39
  764. package/umd/pull-refresh/android-pull-refresh.js +58 -93
  765. package/umd/pull-refresh/hooks.js +11 -29
  766. package/umd/pull-refresh/index.d.ts +9 -3
  767. package/umd/pull-refresh/index.js +5 -8
  768. package/umd/pull-refresh/ios-pull-refresh.js +53 -72
  769. package/umd/pull-refresh/model.js +0 -1
  770. package/umd/radio/group.js +20 -30
  771. package/umd/radio/index.d.ts +6 -1
  772. package/umd/radio/index.js +5 -5
  773. package/umd/radio/radio.js +0 -5
  774. package/umd/rate/index.d.ts +5 -2
  775. package/umd/rate/index.js +34 -51
  776. package/umd/search-bar/association.js +14 -29
  777. package/umd/search-bar/cancel-button.js +8 -14
  778. package/umd/search-bar/highlight.js +14 -21
  779. package/umd/search-bar/index.js +77 -87
  780. package/umd/show-monitor/index.js +34 -89
  781. package/umd/slider/hooks/index.js +0 -4
  782. package/umd/slider/hooks/useSliderEvents.js +26 -52
  783. package/umd/slider/hooks/useSliderIcon.js +6 -17
  784. package/umd/slider/hooks/useSliderInit.js +32 -50
  785. package/umd/slider/hooks/useSliderStyle.js +12 -22
  786. package/umd/slider/index.d.ts +5 -2
  787. package/umd/slider/index.js +56 -73
  788. package/umd/slider/marks.js +12 -21
  789. package/umd/slider/popover.js +4 -10
  790. package/umd/slider/thumb.js +8 -18
  791. package/umd/stepper/hooks/useButtonClick.js +19 -27
  792. package/umd/stepper/hooks/useInputEvent.js +9 -17
  793. package/umd/stepper/hooks/useValue.js +9 -13
  794. package/umd/stepper/index.d.ts +5 -2
  795. package/umd/stepper/index.js +92 -94
  796. package/umd/steps/index.js +22 -32
  797. package/umd/steps/step.js +10 -22
  798. package/umd/steps/style/css/index.css +2 -2
  799. package/umd/sticky/index.js +37 -60
  800. package/umd/style.d.ts +7 -6
  801. package/umd/style.js +4 -4
  802. package/umd/swipe-action/index.js +40 -84
  803. package/umd/swipe-action/item.js +9 -14
  804. package/umd/swipe-load/index.js +55 -77
  805. package/umd/switch/index.d.ts +5 -2
  806. package/umd/switch/index.js +37 -50
  807. package/umd/tab-bar/index.js +0 -2
  808. package/umd/tab-bar/item.js +6 -19
  809. package/umd/tab-bar/tab-bar.js +15 -26
  810. package/umd/tabs/index.js +129 -183
  811. package/umd/tabs/tab-cell-underline.js +25 -60
  812. package/umd/tabs/tab-cell.js +66 -103
  813. package/umd/tabs/tab-pane.js +49 -89
  814. package/umd/tag/index.js +1 -3
  815. package/umd/tag/list.js +11 -20
  816. package/umd/tag/tag.js +20 -26
  817. package/umd/textarea/index.d.ts +5 -2
  818. package/umd/textarea/index.js +45 -58
  819. package/umd/textarea/style/css/index.css +1 -1
  820. package/umd/toast/index.d.ts +12 -12
  821. package/umd/toast/index.js +26 -49
  822. package/umd/toast/methods.js +2 -13
  823. package/umd/transition/index.js +10 -12
@@ -14,109 +14,94 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
-
18
17
  _exports.__esModule = true;
19
18
  _exports.PullRefresh = void 0;
20
19
  _react = _interopRequireWildcard(_react);
21
20
  _loading = _interopRequireDefault(_loading);
22
-
23
21
  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
-
25
22
  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
-
27
23
  var dampRateCalculate = function dampRateCalculate(val, tipsHeight, dampRate) {
28
24
  return val > tipsHeight ? tipsHeight + (val - tipsHeight) / dampRate : val;
29
25
  };
30
-
31
26
  var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
32
27
  var _pullTextConfig;
33
-
34
28
  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
35
- prefixCls = _useContext.prefixCls,
36
- _useContext$locale = _useContext.locale,
37
- locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
38
-
29
+ prefixCls = _useContext.prefixCls,
30
+ _useContext$locale = _useContext.locale,
31
+ locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
39
32
  var className = props.className,
40
- style = props.style,
41
- children = props.children,
42
- _props$loosingText = props.loosingText,
43
- loosingText = _props$loosingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
44
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
45
- }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
46
- _props$loadingText = props.loadingText,
47
- loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
48
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
49
- }, /*#__PURE__*/_react.default.createElement(_loading.default, {
50
- type: "circle",
51
- radius: 4
52
- }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
53
- _props$pullingText = props.pullingText,
54
- pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
55
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
56
- }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
57
- _props$finishText = props.finishText,
58
- finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
59
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
60
- }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
61
- initialText = props.initialText,
62
- _props$finishDelay = props.finishDelay,
63
- finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
64
- loosingMinHeight = props.loosingMinHeight,
65
- _props$dampRate = props.dampRate,
66
- dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
67
- _props$disabled = props.disabled,
68
- disabled = _props$disabled === void 0 ? false : _props$disabled,
69
- _props$useHideAsNeste = props.useHideAsNestedScroll,
70
- useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
71
- onRefresh = props.onRefresh,
72
- _props$allowPullWhenN = props.allowPullWhenNotTop,
73
- allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
74
-
33
+ style = props.style,
34
+ children = props.children,
35
+ _props$loosingText = props.loosingText,
36
+ loosingText = _props$loosingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
37
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
38
+ }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
39
+ _props$loadingText = props.loadingText,
40
+ loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
41
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
42
+ }, /*#__PURE__*/_react.default.createElement(_loading.default, {
43
+ type: "circle",
44
+ radius: 4
45
+ }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
46
+ _props$pullingText = props.pullingText,
47
+ pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
48
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
49
+ }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
50
+ _props$finishText = props.finishText,
51
+ finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
52
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
53
+ }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
54
+ initialText = props.initialText,
55
+ _props$finishDelay = props.finishDelay,
56
+ finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
57
+ loosingMinHeight = props.loosingMinHeight,
58
+ _props$dampRate = props.dampRate,
59
+ dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
60
+ _props$disabled = props.disabled,
61
+ disabled = _props$disabled === void 0 ? false : _props$disabled,
62
+ _props$useHideAsNeste = props.useHideAsNestedScroll,
63
+ useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
64
+ onRefresh = props.onRefresh,
65
+ _props$allowPullWhenN = props.allowPullWhenNotTop,
66
+ allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
75
67
  var _useState = (0, _react.useState)({}),
76
- transition = _useState[0],
77
- setTransition = _useState[1];
78
-
68
+ transition = _useState[0],
69
+ setTransition = _useState[1];
79
70
  var touchRef = (0, _react.useRef)(null);
80
71
  var currentTranslateYRef = (0, _react.useRef)(0);
81
72
  var onTouching = (0, _react.useRef)(false);
82
-
83
73
  var _useCommonState = (0, _hooks.useCommonState)({
84
- loosingMinHeight: loosingMinHeight,
85
- onRefresh: onRefresh
86
- }),
87
- loadingRef = _useCommonState.loadingRef,
88
- status = _useCommonState.status,
89
- setStatus = _useCommonState.setStatus,
90
- labelRef = _useCommonState.labelRef,
91
- domRef = _useCommonState.domRef,
92
- touching = _useCommonState.touching,
93
- setTouching = _useCommonState.setTouching,
94
- loosingHeight = _useCommonState.loosingHeight,
95
- handleRefresh = _useCommonState.handleRefresh,
96
- tipsHeight = _useCommonState.tipsHeight;
97
-
74
+ loosingMinHeight: loosingMinHeight,
75
+ onRefresh: onRefresh
76
+ }),
77
+ loadingRef = _useCommonState.loadingRef,
78
+ status = _useCommonState.status,
79
+ setStatus = _useCommonState.setStatus,
80
+ labelRef = _useCommonState.labelRef,
81
+ domRef = _useCommonState.domRef,
82
+ touching = _useCommonState.touching,
83
+ setTouching = _useCommonState.setTouching,
84
+ loosingHeight = _useCommonState.loosingHeight,
85
+ handleRefresh = _useCommonState.handleRefresh,
86
+ tipsHeight = _useCommonState.tipsHeight;
98
87
  var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
99
- domRef: domRef,
100
- allowPullWhenNotTop: allowPullWhenNotTop
101
- }),
102
- ifShouldHandle = _useCheckAsStart.ifShouldHandle;
103
-
88
+ domRef: domRef,
89
+ allowPullWhenNotTop: allowPullWhenNotTop
90
+ }),
91
+ ifShouldHandle = _useCheckAsStart.ifShouldHandle;
104
92
  var currentLabelStyle = (0, _react.useMemo)(function () {
105
93
  var _domRef$current$scrol, _domRef$current;
106
-
107
94
  return useHideAsNestedScroll && !touching && status === _model.PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 ? {
108
95
  opacity: 0
109
96
  } : {};
110
97
  }, [useHideAsNestedScroll, touching]);
111
98
  var pullTextConfig = (_pullTextConfig = {}, _pullTextConfig[_model.PullRefreshStatus.Static] = initialText === void 0 ? pullingText : initialText, _pullTextConfig[_model.PullRefreshStatus.Pulling] = pullingText, _pullTextConfig[_model.PullRefreshStatus.Loosing] = loosingText || pullingText, _pullTextConfig[_model.PullRefreshStatus.Loading] = loadingText, _pullTextConfig[_model.PullRefreshStatus.Finish] = finishText, _pullTextConfig);
112
-
113
99
  var scroll = function scroll(y, ms, callback) {
114
100
  if (y < 5) {
115
101
  if (y < 0) {
116
102
  currentTranslateYRef.current = 0;
117
103
  return;
118
104
  }
119
-
120
105
  if (ms === 0) {
121
106
  setTimeout(function () {
122
107
  setTransition({
@@ -127,7 +112,6 @@
127
112
  return;
128
113
  }
129
114
  }
130
-
131
115
  var translateY = dampRateCalculate(y, loosingHeight, dampRate);
132
116
  currentTranslateYRef.current = translateY;
133
117
  setTransition({
@@ -138,49 +122,39 @@
138
122
  callback == null ? void 0 : callback();
139
123
  }, ms);
140
124
  };
141
-
142
125
  var reset = function reset(callback) {
143
126
  if (callback === void 0) {
144
127
  callback = function callback() {};
145
128
  }
146
-
147
129
  scroll(0, 300, function () {
148
130
  if (domRef.current && domRef.current.scrollTop < 0) {
149
131
  domRef.current.scrollTop = 0;
150
132
  }
151
-
152
133
  loadingRef.current = false;
153
134
  setStatus(_model.PullRefreshStatus.Static);
154
135
  callback();
155
136
  });
156
137
  };
157
-
158
138
  var handleTouchStart = (0, _react.useCallback)(function (e) {
159
139
  if (disabled || touchRef.current || loadingRef.current || !domRef.current) return;
160
140
  if (!ifShouldHandle()) return;
161
141
  setTouching(true);
162
-
163
142
  if (domRef.current.scrollTop === 0) {
164
143
  domRef.current.scrollTop = 1;
165
144
  }
166
-
167
145
  var _e$touches$ = e.touches[0],
168
- pageX = _e$touches$.pageX,
169
- pageY = _e$touches$.pageY;
170
-
146
+ pageX = _e$touches$.pageX,
147
+ pageY = _e$touches$.pageY;
171
148
  if (pageX && pageY) {
172
149
  var _domRef$current2;
173
-
174
150
  touchRef.current = {
175
151
  start: (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop,
176
152
  x: pageX,
177
153
  y: pageY
178
154
  };
179
155
  }
180
-
181
156
  setStatus(_model.PullRefreshStatus.Pulling);
182
157
  }, [disabled, ifShouldHandle]);
183
-
184
158
  var refresh = function refresh() {
185
159
  return new Promise(function (resolve) {
186
160
  setStatus(_model.PullRefreshStatus.Loading);
@@ -199,17 +173,14 @@
199
173
  });
200
174
  });
201
175
  };
202
-
203
176
  var handleTouchEnd = (0, _react.useCallback)(function () {
204
177
  if (currentTranslateYRef.current === 0 && !ifShouldHandle()) {
205
178
  return;
206
179
  }
207
-
208
180
  onTouching.current = false;
209
181
  setTouching(false);
210
182
  if (disabled || !touchRef.current || loadingRef.current) return;
211
183
  touchRef.current = null;
212
-
213
184
  if (status === _model.PullRefreshStatus.Loosing) {
214
185
  refresh();
215
186
  } else {
@@ -222,15 +193,12 @@
222
193
  if (!touchRef.current) return;
223
194
  var pageY = e.touches[0].pageY;
224
195
  var pullY = pageY - touchRef.current.y - touchRef.current.start;
225
-
226
196
  if (currentTranslateYRef.current === 0 && domRef.current.scrollTop > 0) {
227
197
  return;
228
198
  }
229
-
230
199
  if (currentTranslateYRef.current === 0 && pullY < 0) {
231
200
  return;
232
201
  }
233
-
234
202
  setStatus(function () {
235
203
  return pullY > loosingHeight ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
236
204
  });
@@ -240,18 +208,15 @@
240
208
  }, [disabled, loosingHeight]);
241
209
  (0, _react.useEffect)(function () {
242
210
  var _domRef$current3;
243
-
244
211
  var onScroll = function onScroll() {
245
212
  if (onTouching.current && domRef.current && (domRef.current.scrollTop < 0 || currentTranslateYRef.current)) {
246
213
  // 禁止 ios 负 scrollTop 和双层滚动
247
214
  domRef.current.scrollTop = 0;
248
215
  }
249
216
  };
250
-
251
217
  (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('scroll', onScroll);
252
218
  return function () {
253
219
  var _domRef$current4;
254
-
255
220
  (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('scroll', onScroll);
256
221
  };
257
222
  }, []);
@@ -15,35 +15,29 @@
15
15
 
16
16
  _exports.__esModule = true;
17
17
  _exports.useCommonState = _exports.useCheckAsStart = _exports.useAddScrollEvents = void 0;
18
-
19
18
  var useCommonState = function useCommonState(_ref) {
20
19
  var onRefresh = _ref.onRefresh,
21
- loosingMinHeight = _ref.loosingMinHeight;
22
-
20
+ loosingMinHeight = _ref.loosingMinHeight;
23
21
  var _useState = (0, _react.useState)(_model.PullRefreshStatus.Static),
24
- status = _useState[0],
25
- setStatus = _useState[1];
26
-
22
+ status = _useState[0],
23
+ setStatus = _useState[1];
27
24
  var loadingRef = (0, _react.useRef)(false);
28
25
  var labelRef = (0, _react.useRef)(null);
29
26
  var domRef = (0, _react.useRef)(null);
30
-
31
27
  var _useState2 = (0, _react.useState)(false),
32
- touching = _useState2[0],
33
- setTouching = _useState2[1];
34
-
28
+ touching = _useState2[0],
29
+ setTouching = _useState2[1];
35
30
  var tipsHeight = (0, _react.useMemo)(function () {
36
31
  var _labelRef$current$get, _labelRef$current;
37
-
38
32
  return (_labelRef$current$get = (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.getBoundingClientRect().height) != null ? _labelRef$current$get : 40;
39
33
  }, [status]);
40
34
  var loosingHeight = (0, _react.useMemo)(function () {
41
35
  return loosingMinHeight || tipsHeight;
42
36
  }, [tipsHeight, loosingMinHeight]);
43
37
  var handleRefresh = (0, _react.useCallback)(function () {
44
- loadingRef.current = true; // 避免动画过快,最短加载时间
38
+ loadingRef.current = true;
39
+ // 避免动画过快,最短加载时间
45
40
  // @en Minimum load time, avoid animation too fast
46
-
47
41
  return _es6Promise.Promise.all([onRefresh == null ? void 0 : onRefresh(), new _es6Promise.Promise(function (resolve) {
48
42
  // 最少加载一秒
49
43
  // @en Load at least one second
@@ -65,60 +59,49 @@
65
59
  tipsHeight: tipsHeight
66
60
  };
67
61
  };
68
-
69
62
  _exports.useCommonState = useCommonState;
70
-
71
63
  var useAddScrollEvents = function useAddScrollEvents(_ref2) {
72
64
  var domRef = _ref2.domRef,
73
- handleTouchStart = _ref2.handleTouchStart,
74
- handleTouchMove = _ref2.handleTouchMove,
75
- handleTouchEnd = _ref2.handleTouchEnd;
65
+ handleTouchStart = _ref2.handleTouchStart,
66
+ handleTouchMove = _ref2.handleTouchMove,
67
+ handleTouchEnd = _ref2.handleTouchEnd;
76
68
  (0, _react.useEffect)(function () {
77
69
  var _domRef$current;
78
-
79
70
  (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.addEventListener('touchstart', handleTouchStart, {
80
71
  passive: false
81
72
  });
82
73
  return function () {
83
74
  var _domRef$current2;
84
-
85
75
  (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.removeEventListener('touchstart', handleTouchStart);
86
76
  };
87
77
  }, [handleTouchMove]);
88
78
  (0, _react.useEffect)(function () {
89
79
  var _domRef$current3;
90
-
91
80
  (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('touchmove', handleTouchMove, {
92
81
  passive: false
93
82
  });
94
83
  return function () {
95
84
  var _domRef$current4;
96
-
97
85
  (_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('touchmove', handleTouchMove);
98
86
  };
99
87
  }, [handleTouchMove]);
100
88
  (0, _react.useEffect)(function () {
101
89
  var _domRef$current5, _domRef$current6;
102
-
103
90
  (_domRef$current5 = domRef.current) == null ? void 0 : _domRef$current5.addEventListener('touchend', handleTouchEnd);
104
91
  (_domRef$current6 = domRef.current) == null ? void 0 : _domRef$current6.addEventListener('touchcancel', handleTouchEnd);
105
92
  return function () {
106
93
  var _domRef$current7, _domRef$current8;
107
-
108
94
  (_domRef$current7 = domRef.current) == null ? void 0 : _domRef$current7.removeEventListener('touchend', handleTouchEnd);
109
95
  (_domRef$current8 = domRef.current) == null ? void 0 : _domRef$current8.removeEventListener('touchcancel', handleTouchEnd);
110
96
  };
111
97
  }, [handleTouchEnd]);
112
98
  };
113
-
114
99
  _exports.useAddScrollEvents = useAddScrollEvents;
115
-
116
100
  var useCheckAsStart = function useCheckAsStart(_ref3) {
117
101
  var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
118
- domRef = _ref3.domRef;
102
+ domRef = _ref3.domRef;
119
103
  var ifShouldHandle = (0, _react.useCallback)(function () {
120
104
  var _domRef$current$getBo, _domRef$current9, _domRef$current9$getB;
121
-
122
105
  var domRefHeight = (_domRef$current$getBo = (_domRef$current9 = domRef.current) == null ? void 0 : (_domRef$current9$getB = _domRef$current9.getBoundingClientRect()) == null ? void 0 : _domRef$current9$getB.height) != null ? _domRef$current$getBo : 0;
123
106
  return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
124
107
  }, [allowPullWhenNotTop]);
@@ -126,6 +109,5 @@
126
109
  ifShouldHandle: ifShouldHandle
127
110
  };
128
111
  };
129
-
130
112
  _exports.useCheckAsStart = useCheckAsStart;
131
113
  });
@@ -3,12 +3,18 @@ import { PullRefreshBasicProps, PullRefreshRef } from './model';
3
3
  export type { PullRefreshRef } from './model';
4
4
  export interface PullRefreshProps extends PullRefreshBasicProps {
5
5
  /**
6
- * 分成两种类型
7
- * @en Divided into two types
6
+ * 下拉刷新组件不同的实现方式,android - 常规的外层容器 transform,ios - 利用 ios scrollTop 负值实现下拉及回弹(性能优于transform),仅ios可用。指定该属性值后优先级高于 useIosOptimize
7
+ * @en Different implementation methods of PullRefresh, android - conventional outer container transform, ios - use ios scrollTop negative value to achieve pull-down and rebound (performance is better than transform), only available for ios. After specifying value, the priority is higher than useIosOptimize
8
8
  * @default 跟随系统
9
- * @default_en follow the system
9
+ * @default_en Follow the system
10
10
  */
11
11
  type?: 'ios' | 'android';
12
+ /**
13
+ * 在 ios 上是否使用 scrollTop 负值实现下拉及回弹,而不是 transform,关闭后所有机型都使用 transform 的方式
14
+ * @en Whether to use the negative value of scrollTop on ios to achieve pull-down and rebound instead of transform. After closing, all models use transform
15
+ * @default false
16
+ */
17
+ useIosOptimize?: boolean;
12
18
  }
13
19
  /**
14
20
  * 下拉刷新数据组件。
@@ -14,18 +14,14 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
-
18
17
  _exports.__esModule = true;
19
18
  _exports.default = void 0;
20
19
  _extends2 = _interopRequireDefault(_extends2);
21
20
  _objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
22
21
  _react = _interopRequireWildcard(_react);
23
- var _excluded = ["type", "children"];
24
-
22
+ var _excluded = ["type", "useIosOptimize", "children"];
25
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); }
26
-
27
24
  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; }
28
-
29
25
  /**
30
26
  * 下拉刷新数据组件。
31
27
  * @en PullRefresh component that pulls down to refresh data.
@@ -36,10 +32,11 @@
36
32
  */
37
33
  var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
38
34
  var type = props.type,
39
- children = props.children,
40
- rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
35
+ useIosOptimize = props.useIosOptimize,
36
+ children = props.children,
37
+ rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
41
38
  var system = (0, _helpers.useSystem)();
42
- var Container = (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
39
+ var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
43
40
  return /*#__PURE__*/_react.default.createElement(Container, (0, _extends2.default)({}, rest, {
44
41
  ref: ref
45
42
  }), children);
@@ -14,90 +14,78 @@
14
14
  "use strict";
15
15
 
16
16
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
17
-
18
17
  _exports.__esModule = true;
19
18
  _exports.PullRefresh = void 0;
20
19
  _extends2 = _interopRequireDefault(_extends2);
21
20
  _react = _interopRequireWildcard(_react);
22
21
  _loading = _interopRequireDefault(_loading);
23
-
24
22
  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
-
26
23
  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
-
28
24
  var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
29
25
  var _pullTextConfig;
30
-
31
26
  var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
32
- prefixCls = _useContext.prefixCls,
33
- _useContext$locale = _useContext.locale,
34
- locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
35
-
27
+ prefixCls = _useContext.prefixCls,
28
+ _useContext$locale = _useContext.locale,
29
+ locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
36
30
  var animationRef = (0, _react.useRef)(0);
37
31
  var className = props.className,
38
- style = props.style,
39
- children = props.children,
40
- _props$loadingText = props.loadingText,
41
- loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
42
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
43
- }, /*#__PURE__*/_react.default.createElement(_loading.default, {
44
- type: "circle",
45
- radius: 4
46
- }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
47
- _props$pullingText = props.pullingText,
48
- pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
49
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
50
- }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
51
- _props$finishText = props.finishText,
52
- finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
53
- className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
54
- }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
55
- initialText = props.initialText,
56
- _props$finishDelay = props.finishDelay,
57
- finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
58
- _props$disabled = props.disabled,
59
- disabled = _props$disabled === void 0 ? false : _props$disabled,
60
- loosingMinHeight = props.loosingMinHeight,
61
- _props$useHideAsNeste = props.useHideAsNestedScroll,
62
- useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
63
- _props$allowPullWhenN = props.allowPullWhenNotTop,
64
- allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
65
- onRefresh = props.onRefresh;
32
+ style = props.style,
33
+ children = props.children,
34
+ _props$loadingText = props.loadingText,
35
+ loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
36
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
37
+ }, /*#__PURE__*/_react.default.createElement(_loading.default, {
38
+ type: "circle",
39
+ radius: 4
40
+ }), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
41
+ _props$pullingText = props.pullingText,
42
+ pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
43
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
44
+ }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
45
+ _props$finishText = props.finishText,
46
+ finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
47
+ className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
48
+ }, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
49
+ initialText = props.initialText,
50
+ _props$finishDelay = props.finishDelay,
51
+ finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
52
+ _props$disabled = props.disabled,
53
+ disabled = _props$disabled === void 0 ? false : _props$disabled,
54
+ loosingMinHeight = props.loosingMinHeight,
55
+ _props$useHideAsNeste = props.useHideAsNestedScroll,
56
+ useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
57
+ _props$allowPullWhenN = props.allowPullWhenNotTop,
58
+ allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
59
+ onRefresh = props.onRefresh;
66
60
  var lastScrollTop = (0, _react.useRef)(0);
67
61
  var statusRef = (0, _react.useRef)(_model.PullRefreshStatus.Static);
68
-
69
62
  var _useState = (0, _react.useState)({}),
70
- labelStyle = _useState[0],
71
- setLabelStyle = _useState[1];
72
-
63
+ labelStyle = _useState[0],
64
+ setLabelStyle = _useState[1];
73
65
  var _useState2 = (0, _react.useState)(0),
74
- contentHeight = _useState2[0],
75
- setContentHeight = _useState2[1];
76
-
66
+ contentHeight = _useState2[0],
67
+ setContentHeight = _useState2[1];
77
68
  var _useCommonState = (0, _hooks.useCommonState)({
78
- loosingMinHeight: loosingMinHeight,
79
- onRefresh: onRefresh
80
- }),
81
- loadingRef = _useCommonState.loadingRef,
82
- status = _useCommonState.status,
83
- setStatus = _useCommonState.setStatus,
84
- labelRef = _useCommonState.labelRef,
85
- domRef = _useCommonState.domRef,
86
- touching = _useCommonState.touching,
87
- setTouching = _useCommonState.setTouching,
88
- loosingHeight = _useCommonState.loosingHeight,
89
- tipsHeight = _useCommonState.tipsHeight,
90
- handleRefresh = _useCommonState.handleRefresh;
91
-
69
+ loosingMinHeight: loosingMinHeight,
70
+ onRefresh: onRefresh
71
+ }),
72
+ loadingRef = _useCommonState.loadingRef,
73
+ status = _useCommonState.status,
74
+ setStatus = _useCommonState.setStatus,
75
+ labelRef = _useCommonState.labelRef,
76
+ domRef = _useCommonState.domRef,
77
+ touching = _useCommonState.touching,
78
+ setTouching = _useCommonState.setTouching,
79
+ loosingHeight = _useCommonState.loosingHeight,
80
+ tipsHeight = _useCommonState.tipsHeight,
81
+ handleRefresh = _useCommonState.handleRefresh;
92
82
  var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
93
- domRef: domRef,
94
- allowPullWhenNotTop: allowPullWhenNotTop
95
- }),
96
- ifShouldHandle = _useCheckAsStart.ifShouldHandle;
97
-
83
+ domRef: domRef,
84
+ allowPullWhenNotTop: allowPullWhenNotTop
85
+ }),
86
+ ifShouldHandle = _useCheckAsStart.ifShouldHandle;
98
87
  var currentLabelStyle = (0, _react.useMemo)(function () {
99
88
  var _domRef$current$scrol, _domRef$current;
100
-
101
89
  return useHideAsNestedScroll && !touching && status === _model.PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 || disabled ? (0, _extends2.default)({}, labelStyle, {
102
90
  opacity: 0
103
91
  }) : labelStyle;
@@ -107,7 +95,6 @@
107
95
  if (callback === void 0) {
108
96
  callback = function callback() {};
109
97
  }
110
-
111
98
  if (animationRef.current === animationKey) {
112
99
  setLabelStyle({
113
100
  position: 'relative',
@@ -116,7 +103,6 @@
116
103
  transition: 'height .45s'
117
104
  });
118
105
  }
119
-
120
106
  setTimeout(function () {
121
107
  if (animationRef.current === animationKey) {
122
108
  if (domRef.current) domRef.current.style.overflow = 'auto';
@@ -136,12 +122,10 @@
136
122
  var handleTouchStart = (0, _react.useCallback)(function () {
137
123
  if (disabled || loadingRef.current || !domRef.current || !ifShouldHandle()) return;
138
124
  setTouching(true);
139
-
140
125
  if (domRef.current && domRef.current.scrollTop === 0) {
141
126
  domRef.current.scrollTop = 1;
142
127
  }
143
128
  }, [disabled, ifShouldHandle]);
144
-
145
129
  var refresh = function refresh() {
146
130
  return new Promise(function (resolve) {
147
131
  if (domRef.current) {
@@ -168,7 +152,6 @@
168
152
  }
169
153
  });
170
154
  };
171
-
172
155
  var handleTouchEnd = (0, _react.useCallback)(function () {
173
156
  if (disabled || loadingRef.current || !domRef.current) return;
174
157
  setTouching(false);
@@ -178,7 +161,6 @@
178
161
  if (disabled || loadingRef.current || !domRef.current) return;
179
162
  setTimeout(function () {
180
163
  var _domRef$current$scrol2, _domRef$current2, _domRef$current$scrol3, _domRef$current3;
181
-
182
164
  var isLoosing = -((_domRef$current$scrol2 = (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop) != null ? _domRef$current$scrol2 : 0) > loosingHeight;
183
165
  if (isLoosing) lastScrollTop.current = (_domRef$current$scrol3 = (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.scrollTop) != null ? _domRef$current$scrol3 : 0;
184
166
  statusRef.current = isLoosing ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
@@ -187,8 +169,7 @@
187
169
  var updateIOSHeight = (0, _react.useCallback)(function () {
188
170
  if (domRef.current) {
189
171
  var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
190
- height = _domRef$current$getBo.height;
191
-
172
+ height = _domRef$current$getBo.height;
192
173
  setContentHeight(height);
193
174
  }
194
175
  }, []);