@arco-design/mobile-react 2.24.2 → 2.25.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 (823) hide show
  1. package/CHANGELOG.md +18 -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 +4 -1
  42. package/cjs/checkbox/index.js +5 -10
  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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +4 -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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +21031 -20542
  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 +4 -1
  376. package/esm/checkbox/index.js +5 -3
  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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +4 -1
  531. package/esm/radio/index.js +5 -3
  532. package/esm/rate/index.d.ts +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +4 -1
  612. package/umd/checkbox/index.js +5 -5
  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 +3 -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 +3 -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 +3 -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 +3 -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 +3 -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 +4 -1
  772. package/umd/radio/index.js +5 -5
  773. package/umd/radio/radio.js +0 -5
  774. package/umd/rate/index.d.ts +3 -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 +3 -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 +3 -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 +3 -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 +3 -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
@@ -1,80 +1,68 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  exports.__esModule = true;
6
5
  var _exportNames = {
7
6
  methodsGenerator: true
8
7
  };
9
8
  exports.default = void 0;
10
9
  exports.methodsGenerator = methodsGenerator;
11
-
12
10
  var _react = _interopRequireWildcard(require("react"));
13
-
14
11
  var _mobileUtils = require("@arco-design/mobile-utils");
15
-
16
12
  var _contextProvider = require("../context-provider");
17
-
18
13
  var _portal = _interopRequireDefault(require("../portal"));
19
-
20
14
  var _transition = _interopRequireDefault(require("../transition"));
21
-
22
15
  var _helpers = require("../_helpers");
23
-
24
16
  var _methods = require("./methods");
25
-
26
17
  Object.keys(_methods).forEach(function (key) {
27
18
  if (key === "default" || key === "__esModule") return;
28
19
  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
29
20
  if (key in exports && exports[key] === _methods[key]) return;
30
21
  exports[key] = _methods[key];
31
22
  });
32
-
33
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); }
34
-
35
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; }
36
-
37
25
  var Masking = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
38
26
  var className = props.className,
39
- _props$visible = props.visible,
40
- visible = _props$visible === void 0 ? false : _props$visible,
41
- maskClass = props.maskClass,
42
- maskStyle = props.maskStyle,
43
- contentClass = props.contentClass,
44
- contentStyle = props.contentStyle,
45
- close = props.close,
46
- onClose = props.onClose,
47
- onOpen = props.onOpen,
48
- onMaskClick = props.onMaskClick,
49
- children = props.children,
50
- _props$maskTransition = props.maskTransitionType,
51
- maskTransitionType = _props$maskTransition === void 0 ? 'fade' : _props$maskTransition,
52
- _props$contentTransit = props.contentTransitionType,
53
- contentTransitionType = _props$contentTransit === void 0 ? 'fade' : _props$contentTransit,
54
- _props$maskTransition2 = props.maskTransitionTimeout,
55
- maskTransitionTimeout = _props$maskTransition2 === void 0 ? 300 : _props$maskTransition2,
56
- _props$contentTransit2 = props.contentTransitionTimeout,
57
- contentTransitionTimeout = _props$contentTransit2 === void 0 ? 300 : _props$contentTransit2,
58
- _props$maskClosable = props.maskClosable,
59
- maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
60
- animatingClosable = props.animatingClosable,
61
- _props$mountOnEnter = props.mountOnEnter,
62
- mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
63
- _props$unmountOnExit = props.unmountOnExit,
64
- unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
65
- _props$orientationDir = props.orientationDirection,
66
- orientationDirection = _props$orientationDir === void 0 ? 'top' : _props$orientationDir,
67
- _props$preventBodyScr = props.preventBodyScroll,
68
- preventBodyScroll = _props$preventBodyScr === void 0 ? true : _props$preventBodyScr,
69
- initialBodyOverflow = props.initialBodyOverflow,
70
- _props$contentAtCente = props.contentAtCenter,
71
- contentAtCenter = _props$contentAtCente === void 0 ? false : _props$contentAtCente,
72
- _props$gestureOutOfCo = props.gestureOutOfControl,
73
- gestureOutOfControl = _props$gestureOutOfCo === void 0 ? false : _props$gestureOutOfCo,
74
- getContainer = props.getContainer,
75
- getScrollContainer = props.getScrollContainer,
76
- onPreventTouchMove = props.onPreventTouchMove,
77
- onTouchMove = props.onTouchMove;
27
+ _props$visible = props.visible,
28
+ visible = _props$visible === void 0 ? false : _props$visible,
29
+ maskClass = props.maskClass,
30
+ maskStyle = props.maskStyle,
31
+ contentClass = props.contentClass,
32
+ contentStyle = props.contentStyle,
33
+ close = props.close,
34
+ onClose = props.onClose,
35
+ onOpen = props.onOpen,
36
+ onMaskClick = props.onMaskClick,
37
+ children = props.children,
38
+ _props$maskTransition = props.maskTransitionType,
39
+ maskTransitionType = _props$maskTransition === void 0 ? 'fade' : _props$maskTransition,
40
+ _props$contentTransit = props.contentTransitionType,
41
+ contentTransitionType = _props$contentTransit === void 0 ? 'fade' : _props$contentTransit,
42
+ _props$maskTransition2 = props.maskTransitionTimeout,
43
+ maskTransitionTimeout = _props$maskTransition2 === void 0 ? 300 : _props$maskTransition2,
44
+ _props$contentTransit2 = props.contentTransitionTimeout,
45
+ contentTransitionTimeout = _props$contentTransit2 === void 0 ? 300 : _props$contentTransit2,
46
+ _props$maskClosable = props.maskClosable,
47
+ maskClosable = _props$maskClosable === void 0 ? true : _props$maskClosable,
48
+ animatingClosable = props.animatingClosable,
49
+ _props$mountOnEnter = props.mountOnEnter,
50
+ mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
51
+ _props$unmountOnExit = props.unmountOnExit,
52
+ unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
53
+ _props$orientationDir = props.orientationDirection,
54
+ orientationDirection = _props$orientationDir === void 0 ? 'top' : _props$orientationDir,
55
+ _props$preventBodyScr = props.preventBodyScroll,
56
+ preventBodyScroll = _props$preventBodyScr === void 0 ? true : _props$preventBodyScr,
57
+ initialBodyOverflow = props.initialBodyOverflow,
58
+ _props$contentAtCente = props.contentAtCenter,
59
+ contentAtCenter = _props$contentAtCente === void 0 ? false : _props$contentAtCente,
60
+ _props$gestureOutOfCo = props.gestureOutOfControl,
61
+ gestureOutOfControl = _props$gestureOutOfCo === void 0 ? false : _props$gestureOutOfCo,
62
+ getContainer = props.getContainer,
63
+ getScrollContainer = props.getScrollContainer,
64
+ onPreventTouchMove = props.onPreventTouchMove,
65
+ onTouchMove = props.onTouchMove;
78
66
  var domRef = (0, _react.useRef)(null);
79
67
  var maskRef = (0, _react.useRef)(null);
80
68
  var contentRef = (0, _react.useRef)(null);
@@ -82,19 +70,15 @@ var Masking = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
82
70
  var isInitialMount = (0, _react.useRef)(false);
83
71
  var isAnimating = (0, _react.useRef)(false);
84
72
  var closeScene = (0, _react.useRef)('');
85
-
86
73
  var _useState = (0, _react.useState)(visible),
87
- innerVisible = _useState[0],
88
- setInnerVisible = _useState[1];
89
-
74
+ innerVisible = _useState[0],
75
+ setInnerVisible = _useState[1];
90
76
  var _useState2 = (0, _react.useState)(visible),
91
- outerVisible = _useState2[0],
92
- setOuterVisible = _useState2[1];
93
-
77
+ outerVisible = _useState2[0],
78
+ setOuterVisible = _useState2[1];
94
79
  var _useState3 = (0, _react.useState)(''),
95
- extraClass = _useState3[0],
96
- setExtraClass = _useState3[1];
97
-
80
+ extraClass = _useState3[0],
81
+ setExtraClass = _useState3[1];
98
82
  (0, _react.useImperativeHandle)(ref, function () {
99
83
  return {
100
84
  dom: domRef.current,
@@ -109,17 +93,13 @@ var Masking = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
109
93
  if (timerRef.current >= 0) {
110
94
  clearTimeout(timerRef.current);
111
95
  }
112
-
113
96
  var mounted = isInitialMount.current;
114
-
115
97
  if (mounted) {
116
98
  isAnimating.current = true;
117
99
  }
118
-
119
100
  if (!mounted && !visible && !mountOnEnter) {
120
101
  setExtraClass('pre-mount');
121
102
  }
122
-
123
103
  if (visible) {
124
104
  setOuterVisible(true);
125
105
  (0, _mobileUtils.nextTick)(function () {
@@ -139,39 +119,30 @@ var Masking = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
139
119
  closeScene.current = '';
140
120
  });
141
121
  }
142
-
143
122
  isInitialMount.current = true;
144
123
  }, [visible]);
145
-
146
124
  function setCloseScene(scene) {
147
125
  closeScene.current = scene;
148
126
  }
149
-
150
127
  function execAfterClose(callback) {
151
128
  return window.setTimeout(callback, Math.max(getMaxTimeout(maskTransitionTimeout, 'exit'), getMaxTimeout(contentTransitionTimeout, 'exit')));
152
129
  }
153
-
154
130
  function execAfterOpen(callback) {
155
131
  return window.setTimeout(callback, Math.max(getMaxTimeout(maskTransitionTimeout, 'enter'), getMaxTimeout(contentTransitionTimeout, 'enter')));
156
132
  }
157
-
158
133
  function getMaxTimeout(timeout, type) {
159
134
  return typeof timeout === 'number' ? timeout : timeout[type] || 0;
160
135
  }
161
-
162
136
  function handleMaskAction(e) {
163
137
  e.preventDefault();
164
138
  e.stopPropagation();
165
139
  onMaskClick == null ? void 0 : onMaskClick();
166
-
167
140
  if (!maskClosable || !animatingClosable && isAnimating.current) {
168
141
  return;
169
142
  }
170
-
171
143
  closeScene.current = 'mask';
172
144
  close == null ? void 0 : close(e);
173
145
  }
174
-
175
146
  function renderMasking(_ref) {
176
147
  var prefixCls = _ref.prefixCls;
177
148
  return !mountOnEnter || outerVisible || !unmountOnExit ? /*#__PURE__*/_react.default.createElement(_portal.default, {
@@ -204,10 +175,8 @@ var Masking = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
204
175
  style: contentStyle
205
176
  }, children)))) : null;
206
177
  }
207
-
208
178
  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderMasking);
209
179
  });
210
-
211
180
  function methodsGenerator(Comp) {
212
181
  return {
213
182
  /**
@@ -219,8 +188,8 @@ function methodsGenerator(Comp) {
219
188
  open: (0, _methods.open)(Comp)
220
189
  };
221
190
  }
222
-
223
191
  var MaskingWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Masking);
192
+
224
193
  /**
225
194
  * 通用模态弹窗,内部内容自定义。默认做了防滚动穿透处理,如果弹层内容中需要滚动,则需将滚动容器传入`getScrollContainer`属性以在未滚动到顶部或底部时释放滚动。
226
195
  * @en Generic modal popup with custom internal content. By default, anti-scroll penetration processing is performed. If scrolling is required in the content of the bullet layer, need to pass the scroll container to the `getScrollContainer` to release scrolling when it is not scrolled to the top or bottom.
@@ -229,7 +198,5 @@ var MaskingWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Maski
229
198
  * @name 模态弹窗
230
199
  * @name_en Masking
231
200
  */
232
-
233
201
  var _default = (0, _mobileUtils.componentWrapper)(Masking, methodsGenerator(MaskingWithGlobalContext));
234
-
235
202
  exports.default = _default;
@@ -1,24 +1,18 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  exports.__esModule = true;
6
5
  exports.getOpenMethod = getOpenMethod;
7
6
  exports.open = open;
8
-
9
7
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
-
11
8
  var _mobileUtils = require("@arco-design/mobile-utils");
12
-
13
9
  var _render = require("../_helpers/render");
14
-
15
10
  function getOpenMethod(Component, containerId, normalize) {
16
11
  if (normalize === void 0) {
17
12
  normalize = function normalize(config) {
18
13
  return config;
19
14
  };
20
15
  }
21
-
22
16
  return function (config, context) {
23
17
  var baseProps = (0, _extends2.default)({
24
18
  unmountOnExit: true
@@ -26,39 +20,31 @@ function getOpenMethod(Component, containerId, normalize) {
26
20
  visible: false,
27
21
  close: function close() {}
28
22
  });
29
- var dynamicProps = (0, _extends2.default)({}, baseProps); // 不同的key用不同的容器挂载
23
+ var dynamicProps = (0, _extends2.default)({}, baseProps);
30
24
 
25
+ // 不同的key用不同的容器挂载
31
26
  var id = "_" + (containerId || 'ARCO_MASKING') + "_DIV_" + (config.key || '') + "_";
32
-
33
27
  var _appendElementById = (0, _mobileUtils.appendElementById)(id, baseProps.getContainer),
34
- div = _appendElementById.child;
35
-
28
+ div = _appendElementById.child;
36
29
  var leaving = false;
37
-
38
30
  var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
39
- render = _ReactDOMRender.render;
40
-
31
+ render = _ReactDOMRender.render;
41
32
  function update(newConfig) {
42
33
  dynamicProps = (0, _extends2.default)({}, dynamicProps, normalize(newConfig));
43
34
  render(dynamicProps);
44
35
  }
45
-
46
36
  function close() {
47
37
  leaving = true;
48
38
  dynamicProps.visible = false;
49
39
  render(dynamicProps);
50
40
  }
51
-
52
41
  dynamicProps.close = close;
53
-
54
42
  dynamicProps.onClose = function (scene) {
55
43
  baseProps.onClose && baseProps.onClose(scene);
56
-
57
44
  if (baseProps.unmountOnExit) {
58
45
  (0, _mobileUtils.removeElement)(div);
59
46
  }
60
47
  };
61
-
62
48
  render(dynamicProps);
63
49
  (0, _mobileUtils.nextTick)(function () {
64
50
  if (leaving) return;
@@ -71,7 +57,6 @@ function getOpenMethod(Component, containerId, normalize) {
71
57
  };
72
58
  };
73
59
  }
74
-
75
60
  function open(Component, containerId) {
76
61
  return getOpenMethod(Component, containerId);
77
62
  }
@@ -1,7 +1,5 @@
1
1
  "use strict";
2
2
 
3
3
  require("../../../../style/css/public.css");
4
-
5
4
  require("../../../transition/style/css");
6
-
7
5
  require("./index.css");
@@ -1,7 +1,5 @@
1
1
  "use strict";
2
2
 
3
3
  require("../../../style/public.less");
4
-
5
4
  require("../../transition/style");
6
-
7
5
  require("./index.less");
@@ -1,15 +1,12 @@
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 _react = _interopRequireDefault(require("react"));
9
-
10
7
  function BackArrow(_ref) {
11
8
  var _ref$color = _ref.color,
12
- color = _ref$color === void 0 ? 'currentColor' : _ref$color;
9
+ color = _ref$color === void 0 ? 'currentColor' : _ref$color;
13
10
  return /*#__PURE__*/_react.default.createElement("div", {
14
11
  className: "c-svg-arrow nav-bar-back"
15
12
  }, /*#__PURE__*/_react.default.createElement("svg", {
@@ -21,6 +18,5 @@ function BackArrow(_ref) {
21
18
  fill: color
22
19
  })));
23
20
  }
24
-
25
21
  var _default = BackArrow;
26
22
  exports.default = _default;
@@ -1,26 +1,16 @@
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 _react = _interopRequireWildcard(require("react"));
11
-
12
8
  var _mobileUtils = require("@arco-design/mobile-utils");
13
-
14
9
  var _contextProvider = require("../context-provider");
15
-
16
10
  var _backIcon = _interopRequireDefault(require("./back-icon"));
17
-
18
11
  var _helpers = require("../_helpers");
19
-
20
12
  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); }
21
-
22
13
  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; }
23
-
24
14
  /**
25
15
  * 导航栏组件,支持吸顶和沉浸式,支持在指定滚动位置展示,支持根据滚动位置实时更新style。
26
16
  * @en Navigation bar, supports ceiling and immersion, supports display at specified scroll position, and supports real-time update of style according to scroll position.
@@ -31,58 +21,51 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
31
21
  */
32
22
  var NavBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
33
23
  var children = props.children,
34
- _props$title = props.title,
35
- title = _props$title === void 0 ? '' : _props$title,
36
- onClickLeft = props.onClickLeft,
37
- _props$leftContent = props.leftContent,
38
- leftContent = _props$leftContent === void 0 ? /*#__PURE__*/_react.default.createElement(_backIcon.default, null) : _props$leftContent,
39
- onClickRight = props.onClickRight,
40
- rightContent = props.rightContent,
41
- onShowChange = props.onShowChange,
42
- style = props.style,
43
- _props$className = props.className,
44
- className = _props$className === void 0 ? '' : _props$className,
45
- wrapClass = props.wrapClass,
46
- _props$placeholder = props.placeholder,
47
- placeholder = _props$placeholder === void 0 ? true : _props$placeholder,
48
- _props$fixed = props.fixed,
49
- fixed = _props$fixed === void 0 ? true : _props$fixed,
50
- _props$hasBottomLine = props.hasBottomLine,
51
- hasBottomLine = _props$hasBottomLine === void 0 ? true : _props$hasBottomLine,
52
- _props$statusBarHeigh = props.statusBarHeight,
53
- statusBarHeight = _props$statusBarHeigh === void 0 ? 0 : _props$statusBarHeigh,
54
- extra = props.extra,
55
- getScrollContainer = props.getScrollContainer,
56
- _props$showOffset = props.showOffset,
57
- showOffset = _props$showOffset === void 0 ? 0 : _props$showOffset,
58
- getComputedStyleByScroll = props.getComputedStyleByScroll,
59
- _props$ariaLabel = props.ariaLabel,
60
- ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel,
61
- _props$ariaRole = props.ariaRole,
62
- ariaRole = _props$ariaRole === void 0 ? 'banner' : _props$ariaRole;
24
+ _props$title = props.title,
25
+ title = _props$title === void 0 ? '' : _props$title,
26
+ onClickLeft = props.onClickLeft,
27
+ _props$leftContent = props.leftContent,
28
+ leftContent = _props$leftContent === void 0 ? /*#__PURE__*/_react.default.createElement(_backIcon.default, null) : _props$leftContent,
29
+ onClickRight = props.onClickRight,
30
+ rightContent = props.rightContent,
31
+ onShowChange = props.onShowChange,
32
+ style = props.style,
33
+ _props$className = props.className,
34
+ className = _props$className === void 0 ? '' : _props$className,
35
+ wrapClass = props.wrapClass,
36
+ _props$placeholder = props.placeholder,
37
+ placeholder = _props$placeholder === void 0 ? true : _props$placeholder,
38
+ _props$fixed = props.fixed,
39
+ fixed = _props$fixed === void 0 ? true : _props$fixed,
40
+ _props$hasBottomLine = props.hasBottomLine,
41
+ hasBottomLine = _props$hasBottomLine === void 0 ? true : _props$hasBottomLine,
42
+ _props$statusBarHeigh = props.statusBarHeight,
43
+ statusBarHeight = _props$statusBarHeigh === void 0 ? 0 : _props$statusBarHeigh,
44
+ extra = props.extra,
45
+ getScrollContainer = props.getScrollContainer,
46
+ _props$showOffset = props.showOffset,
47
+ showOffset = _props$showOffset === void 0 ? 0 : _props$showOffset,
48
+ getComputedStyleByScroll = props.getComputedStyleByScroll,
49
+ _props$ariaLabel = props.ariaLabel,
50
+ ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel,
51
+ _props$ariaRole = props.ariaRole,
52
+ ariaRole = _props$ariaRole === void 0 ? 'banner' : _props$ariaRole;
63
53
  var navBarRef = (0, _react.useRef)(null);
64
-
65
54
  var _useState = (0, _react.useState)(showOffset > 0),
66
- scrollToggleHide = _useState[0],
67
- setScrollToggleHide = _useState[1];
68
-
55
+ scrollToggleHide = _useState[0],
56
+ setScrollToggleHide = _useState[1];
69
57
  var relBackground = scrollToggleHide ? 'transparent' : '';
70
-
71
58
  var _useState2 = (0, _react.useState)({}),
72
- customStyle = _useState2[0],
73
- setCustomStyle = _useState2[1];
74
-
59
+ customStyle = _useState2[0],
60
+ setCustomStyle = _useState2[1];
75
61
  var system = (0, _helpers.useSystem)();
76
-
77
62
  var onElementScroll = function onElementScroll(curOffset) {
78
63
  setScrollToggleHide(curOffset < showOffset);
79
-
80
64
  if (getComputedStyleByScroll) {
81
65
  var cstyle = getComputedStyleByScroll(curOffset);
82
66
  setCustomStyle(cstyle);
83
67
  }
84
68
  };
85
-
86
69
  (0, _react.useImperativeHandle)(ref, function () {
87
70
  return {
88
71
  navBar: navBarRef.current,
@@ -92,39 +75,35 @@ var NavBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
92
75
  (0, _react.useEffect)(function () {
93
76
  onShowChange == null ? void 0 : onShowChange(!scrollToggleHide);
94
77
  }, [scrollToggleHide]);
95
-
96
78
  var handleEleScroll = function handleEleScroll() {
97
79
  var top = (0, _mobileUtils.getScrollContainerAttribute)('scrollTop', getScrollContainer) || 0;
98
80
  onElementScroll(top);
99
81
  };
100
-
101
82
  (0, _react.useEffect)(function () {
102
83
  var needBind = showOffset || getComputedStyleByScroll;
103
84
  var container = (0, _mobileUtils.getValidScrollContainer)(getScrollContainer);
104
85
  handleEleScroll();
105
-
106
86
  if (needBind && container) {
107
87
  container.addEventListener('scroll', handleEleScroll, false);
108
88
  }
109
-
110
89
  return function () {
111
90
  if (needBind && container) {
112
91
  container.removeEventListener('scroll', handleEleScroll, false);
113
92
  }
114
93
  };
115
94
  }, [showOffset, getComputedStyleByScroll, getScrollContainer]);
116
-
117
95
  function handleClickLeft(e) {
118
96
  if (onClickLeft) {
119
97
  onClickLeft(e);
120
98
  }
121
99
  }
122
-
123
100
  function handleClickRight(e) {
124
101
  if (onClickRight) {
125
102
  onClickRight(e);
126
103
  }
127
- } // 最外层div是为了fixed时占位
104
+ }
105
+
106
+ // 最外层div是为了fixed时占位
128
107
  // @en The outermost div is a placeholder for fixed
129
108
  // 第二层div是为了沉浸式paddingTop
130
109
  // @en The second layer of div is for immersive paddingTop
@@ -134,11 +113,8 @@ var NavBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
134
113
  // @en The background color is placed on the wrapper layer to be compatible with the background color of the pull-down rebound in iOS
135
114
  // fixed时用height+padding撑开nav-bar最外层高度;不fixed时内部wrapper元素撑开最外层高度
136
115
  // @en When fixed, use height+padding to stretch the outermost height of nav-bar; when not fixed, the inner wrapper element stretches the outermost height
137
-
138
-
139
116
  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
140
117
  var _cls, _cls2;
141
-
142
118
  var prefixCls = _ref.prefixCls;
143
119
  return /*#__PURE__*/_react.default.createElement("div", {
144
120
  ref: navBarRef,
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
2
 
3
3
  require("../../../../style/css/public.css");
4
-
5
4
  require("./index.css");
@@ -1,5 +1,4 @@
1
1
  "use strict";
2
2
 
3
3
  require("../../../style/public.less");
4
-
5
4
  require("./index.less");