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