@arco-design/mobile-react 2.24.1 → 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.
- package/CHANGELOG.md +29 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +42 -120
- package/cjs/_helpers/index.js +2 -13
- package/cjs/_helpers/react-dom.js +0 -12
- package/cjs/_helpers/render.js +0 -12
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.css +1 -1
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +51 -77
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.css +3 -2
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/demo/style/css/mobile.css +12 -0
- package/cjs/carousel/demo/style/mobile.less +8 -0
- package/cjs/carousel/index.d.ts +1 -1
- package/cjs/carousel/index.js +159 -275
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +14 -23
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.d.ts +4 -1
- package/cjs/checkbox/index.js +5 -10
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +27 -56
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +10 -28
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.d.ts +3 -2
- package/cjs/date-picker/index.js +52 -114
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +28 -54
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.css +2 -1
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +6 -27
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +35 -71
- package/cjs/ellipsis/components/native-ellipsis.js +9 -15
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.css +3 -0
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/style/index.less +4 -0
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.d.ts +3 -0
- package/cjs/form/form-item-context.js +12 -0
- package/cjs/form/form-item.d.ts +4 -0
- package/cjs/form/form-item.js +313 -0
- package/cjs/form/index.d.ts +16 -0
- package/cjs/form/index.js +96 -0
- package/cjs/form/style/css/index.css +92 -0
- package/cjs/form/style/css/index.d.ts +2 -0
- package/cjs/form/style/css/index.js +4 -0
- package/cjs/form/style/index.d.ts +2 -0
- package/cjs/form/style/index.js +4 -0
- package/cjs/form/style/index.less +91 -0
- package/cjs/form/type.d.ts +371 -0
- package/cjs/form/type.js +30 -0
- package/cjs/form/useForm.d.ts +18 -0
- package/cjs/form/useForm.js +225 -0
- package/cjs/form/utils.d.ts +6 -0
- package/cjs/form/utils.js +36 -0
- package/cjs/grid/index.js +21 -41
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -111
- package/cjs/image/index.js +53 -92
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.d.ts +3 -2
- package/cjs/image-picker/index.js +62 -103
- package/cjs/image-picker/style/css/index.js +0 -2
- package/cjs/image-picker/style/index.js +0 -2
- package/cjs/image-preview/demo/style/css/mobile.css +10 -0
- package/cjs/image-preview/demo/style/mobile.less +11 -0
- package/cjs/image-preview/index.d.ts +5 -0
- package/cjs/image-preview/index.js +124 -239
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.css +1 -0
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/image-preview/style/index.less +1 -1
- package/cjs/index.d.ts +7 -6
- package/cjs/index.js +15 -120
- package/cjs/input/hooks.js +42 -75
- package/cjs/input/index.d.ts +3 -2
- package/cjs/input/index.js +36 -47
- package/cjs/input/style/css/index.css +1 -1
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/load-more/index.js +29 -56
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +46 -79
- package/cjs/masking/methods.js +4 -19
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +1 -5
- package/cjs/nav-bar/index.js +36 -60
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +31 -54
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.css +2 -2
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.d.ts +3 -2
- package/cjs/picker/index.js +50 -89
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +14 -31
- package/cjs/picker-view/components/multi-picker.js +6 -20
- package/cjs/picker-view/components/picker-cell.js +45 -97
- package/cjs/picker-view/index.d.ts +3 -2
- package/cjs/picker-view/index.js +36 -77
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +94 -151
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -51
- package/cjs/popover/popover-inner.js +30 -47
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +38 -80
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +58 -100
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.d.ts +9 -3
- package/cjs/pull-refresh/index.js +5 -15
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -80
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.d.ts +4 -1
- package/cjs/radio/index.js +5 -10
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.d.ts +3 -2
- package/cjs/rate/index.js +34 -57
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +34 -93
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +26 -55
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +12 -24
- package/cjs/slider/index.d.ts +3 -2
- package/cjs/slider/index.js +56 -80
- package/cjs/slider/marks.js +12 -26
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +8 -23
- package/cjs/stepper/hooks/useButtonClick.js +19 -28
- package/cjs/stepper/hooks/useInputEvent.js +9 -18
- package/cjs/stepper/hooks/useValue.js +9 -14
- package/cjs/stepper/index.d.ts +3 -2
- package/cjs/stepper/index.js +92 -103
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +22 -40
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.css +2 -2
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +37 -66
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.d.ts +7 -6
- package/cjs/style.js +7 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +55 -83
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.d.ts +3 -2
- package/cjs/switch/index.js +37 -54
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +15 -31
- package/cjs/tabs/index.js +129 -192
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +25 -64
- package/cjs/tabs/tab-cell.js +66 -108
- package/cjs/tabs/tab-pane.js +49 -94
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.d.ts +3 -2
- package/cjs/textarea/index.js +45 -63
- package/cjs/textarea/style/css/index.css +1 -1
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +10 -18
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/dist/index.js +21033 -20542
- package/dist/index.min.js +12 -3
- package/dist/style.css +826 -740
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +41 -99
- package/esm/_helpers/index.js +2 -3
- package/esm/_helpers/react-dom.js +0 -10
- package/esm/_helpers/render.js +0 -7
- package/esm/action-sheet/index.js +10 -16
- package/esm/action-sheet/style/css/index.css +1 -1
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +51 -62
- package/esm/badge/index.js +18 -22
- package/esm/badge/style/css/index.css +3 -2
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/demo/style/css/mobile.css +12 -0
- package/esm/carousel/demo/style/mobile.less +8 -0
- package/esm/carousel/index.d.ts +1 -1
- package/esm/carousel/index.js +159 -267
- package/esm/cell/cell.js +14 -14
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.d.ts +4 -1
- package/esm/checkbox/index.js +5 -3
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +27 -46
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +10 -18
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.d.ts +3 -2
- package/esm/date-picker/index.js +53 -103
- package/esm/dialog/index.js +28 -39
- package/esm/dialog/methods.js +9 -11
- package/esm/dialog/style/css/index.css +2 -1
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +6 -16
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +35 -62
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/style/css/index.css +3 -0
- package/esm/ellipsis/style/index.less +4 -0
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item-context.d.ts +3 -0
- package/esm/form/form-item-context.js +6 -0
- package/esm/form/form-item.d.ts +4 -0
- package/esm/form/form-item.js +306 -0
- package/esm/form/index.d.ts +16 -0
- package/esm/form/index.js +79 -0
- package/esm/form/style/css/index.css +92 -0
- package/esm/form/style/css/index.d.ts +2 -0
- package/esm/form/style/css/index.js +2 -0
- package/esm/form/style/index.d.ts +2 -0
- package/esm/form/style/index.js +2 -0
- package/esm/form/style/index.less +91 -0
- package/esm/form/type.d.ts +371 -0
- package/esm/form/type.js +24 -0
- package/esm/form/useForm.d.ts +18 -0
- package/esm/form/useForm.js +217 -0
- package/esm/form/utils.d.ts +6 -0
- package/esm/form/utils.js +30 -0
- package/esm/grid/index.js +21 -34
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -83
- package/esm/image-picker/index.d.ts +3 -2
- package/esm/image-picker/index.js +63 -90
- package/esm/image-preview/demo/style/css/mobile.css +10 -0
- package/esm/image-preview/demo/style/mobile.less +11 -0
- package/esm/image-preview/index.d.ts +5 -0
- package/esm/image-preview/index.js +124 -218
- package/esm/image-preview/methods.js +4 -14
- package/esm/image-preview/style/css/index.css +1 -0
- package/esm/image-preview/style/index.less +1 -1
- package/esm/index.d.ts +7 -6
- package/esm/index.js +7 -6
- package/esm/input/hooks.js +42 -67
- package/esm/input/index.d.ts +3 -2
- package/esm/input/index.js +37 -40
- package/esm/input/style/css/index.css +1 -1
- package/esm/load-more/index.js +29 -48
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +46 -64
- package/esm/masking/methods.js +4 -15
- package/esm/nav-bar/back-icon.js +1 -3
- package/esm/nav-bar/index.js +36 -51
- package/esm/notice-bar/index.js +31 -47
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/notify/style/css/index.css +2 -2
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.d.ts +3 -2
- package/esm/picker/index.js +51 -76
- package/esm/picker-view/components/cascader.js +14 -23
- package/esm/picker-view/components/multi-picker.js +6 -16
- package/esm/picker-view/components/picker-cell.js +45 -89
- package/esm/picker-view/index.d.ts +3 -2
- package/esm/picker-view/index.js +36 -63
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +94 -144
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -38
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +38 -64
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +58 -90
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.d.ts +9 -3
- package/esm/pull-refresh/index.js +5 -6
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.d.ts +4 -1
- package/esm/radio/index.js +5 -3
- package/esm/rate/index.d.ts +3 -2
- package/esm/rate/index.js +35 -49
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +34 -85
- package/esm/slider/hooks/useSliderEvents.js +26 -51
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +12 -20
- package/esm/slider/index.d.ts +3 -2
- package/esm/slider/index.js +57 -72
- package/esm/slider/marks.js +12 -18
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +8 -15
- package/esm/stepper/hooks/useButtonClick.js +19 -27
- package/esm/stepper/hooks/useInputEvent.js +9 -16
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.d.ts +3 -2
- package/esm/stepper/index.js +93 -92
- package/esm/steps/index.js +22 -27
- package/esm/steps/step.js +10 -19
- package/esm/steps/style/css/index.css +2 -2
- package/esm/sticky/index.js +37 -57
- package/esm/style.d.ts +7 -6
- package/esm/style.js +7 -6
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +56 -75
- package/esm/switch/index.d.ts +3 -2
- package/esm/switch/index.js +38 -49
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +15 -21
- package/esm/tabs/index.js +130 -180
- package/esm/tabs/tab-cell-underline.js +25 -56
- package/esm/tabs/tab-cell.js +66 -98
- package/esm/tabs/tab-pane.js +49 -85
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.d.ts +3 -2
- package/esm/textarea/index.js +46 -56
- package/esm/textarea/style/css/index.css +1 -1
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +10 -12
- package/package.json +3 -4
- package/style/css/public.css +1 -0
- package/tokens/app/arcodesign/default/css-variables.less +17 -7
- package/tokens/app/arcodesign/default/index.d.ts +10 -0
- package/tokens/app/arcodesign/default/index.js +18 -10
- package/tokens/app/arcodesign/default/index.json +139 -23
- package/tokens/app/arcodesign/default/index.less +17 -7
- package/umd/_helpers/hooks.js +42 -117
- package/umd/_helpers/index.js +2 -6
- package/umd/_helpers/react-dom.js +0 -11
- package/umd/_helpers/render.js +0 -9
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/action-sheet/style/css/index.css +1 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +51 -68
- package/umd/badge/index.js +18 -25
- package/umd/badge/style/css/index.css +3 -2
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/demo/style/css/mobile.css +12 -0
- package/umd/carousel/demo/style/mobile.less +8 -0
- package/umd/carousel/index.d.ts +1 -1
- package/umd/carousel/index.js +159 -270
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +14 -18
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.d.ts +4 -1
- package/umd/checkbox/index.js +5 -5
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +27 -50
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +10 -23
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.d.ts +3 -2
- package/umd/date-picker/index.js +52 -105
- package/umd/dialog/index.js +28 -44
- package/umd/dialog/methods.js +9 -18
- package/umd/dialog/style/css/index.css +2 -1
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +6 -25
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +35 -68
- package/umd/ellipsis/components/native-ellipsis.js +9 -13
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/style/css/index.css +3 -0
- package/umd/ellipsis/style/index.less +4 -0
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.d.ts +3 -0
- package/umd/form/form-item-context.js +25 -0
- package/umd/form/form-item.d.ts +4 -0
- package/umd/form/form-item.js +322 -0
- package/umd/form/index.d.ts +16 -0
- package/umd/form/index.js +106 -0
- package/umd/form/style/css/index.css +92 -0
- package/umd/form/style/css/index.d.ts +2 -0
- package/umd/form/style/css/index.js +15 -0
- package/umd/form/style/index.d.ts +2 -0
- package/umd/form/style/index.js +15 -0
- package/umd/form/style/index.less +91 -0
- package/umd/form/type.d.ts +371 -0
- package/umd/form/type.js +44 -0
- package/umd/form/useForm.d.ts +18 -0
- package/umd/form/useForm.js +238 -0
- package/umd/form/utils.d.ts +6 -0
- package/umd/form/utils.js +50 -0
- package/umd/grid/index.js +21 -37
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -86
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.d.ts +3 -2
- package/umd/image-picker/index.js +62 -92
- package/umd/image-preview/demo/style/css/mobile.css +10 -0
- package/umd/image-preview/demo/style/mobile.less +11 -0
- package/umd/image-preview/index.d.ts +5 -0
- package/umd/image-preview/index.js +124 -224
- package/umd/image-preview/methods.js +5 -15
- package/umd/image-preview/style/css/index.css +1 -0
- package/umd/image-preview/style/index.less +1 -1
- package/umd/index.d.ts +7 -6
- package/umd/index.js +19 -18
- package/umd/input/hooks.js +42 -71
- package/umd/input/index.d.ts +3 -2
- package/umd/input/index.js +36 -42
- package/umd/input/style/css/index.css +1 -1
- package/umd/load-more/index.js +29 -51
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +46 -71
- package/umd/masking/methods.js +4 -16
- package/umd/nav-bar/back-icon.js +1 -4
- package/umd/nav-bar/index.js +36 -54
- package/umd/notice-bar/index.js +31 -50
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/notify/style/css/index.css +2 -2
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.d.ts +3 -2
- package/umd/picker/index.js +50 -78
- package/umd/picker-view/components/cascader.js +14 -27
- package/umd/picker-view/components/multi-picker.js +6 -19
- package/umd/picker-view/components/picker-cell.js +45 -93
- package/umd/picker-view/index.d.ts +3 -2
- package/umd/picker-view/index.js +39 -69
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +94 -145
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -42
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +38 -71
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +58 -93
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.d.ts +9 -3
- package/umd/pull-refresh/index.js +5 -8
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.d.ts +4 -1
- package/umd/radio/index.js +5 -5
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.d.ts +3 -2
- package/umd/rate/index.js +34 -51
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +34 -89
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +26 -52
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +12 -22
- package/umd/slider/index.d.ts +3 -2
- package/umd/slider/index.js +56 -73
- package/umd/slider/marks.js +12 -21
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +8 -18
- package/umd/stepper/hooks/useButtonClick.js +19 -27
- package/umd/stepper/hooks/useInputEvent.js +9 -17
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.d.ts +3 -2
- package/umd/stepper/index.js +92 -94
- package/umd/steps/index.js +22 -32
- package/umd/steps/step.js +10 -22
- package/umd/steps/style/css/index.css +2 -2
- package/umd/sticky/index.js +37 -60
- package/umd/style.d.ts +7 -6
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +55 -77
- package/umd/switch/index.d.ts +3 -2
- package/umd/switch/index.js +37 -50
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +15 -26
- package/umd/tabs/index.js +129 -183
- package/umd/tabs/tab-cell-underline.js +25 -60
- package/umd/tabs/tab-cell.js +66 -103
- package/umd/tabs/tab-pane.js +49 -89
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.d.ts +3 -2
- package/umd/textarea/index.js +45 -58
- package/umd/textarea/style/css/index.css +1 -1
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +10 -12
@@ -14,109 +14,94 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.PullRefresh = void 0;
|
20
19
|
_react = _interopRequireWildcard(_react);
|
21
20
|
_loading = _interopRequireDefault(_loading);
|
22
|
-
|
23
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
24
|
-
|
25
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
26
|
-
|
27
23
|
var dampRateCalculate = function dampRateCalculate(val, tipsHeight, dampRate) {
|
28
24
|
return val > tipsHeight ? tipsHeight + (val - tipsHeight) / dampRate : val;
|
29
25
|
};
|
30
|
-
|
31
26
|
var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
32
27
|
var _pullTextConfig;
|
33
|
-
|
34
28
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
29
|
+
prefixCls = _useContext.prefixCls,
|
30
|
+
_useContext$locale = _useContext.locale,
|
31
|
+
locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
|
39
32
|
var className = props.className,
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
33
|
+
style = props.style,
|
34
|
+
children = props.children,
|
35
|
+
_props$loosingText = props.loosingText,
|
36
|
+
loosingText = _props$loosingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
37
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
38
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loosingText)) : _props$loosingText,
|
39
|
+
_props$loadingText = props.loadingText,
|
40
|
+
loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
41
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(_loading.default, {
|
43
|
+
type: "circle",
|
44
|
+
radius: 4
|
45
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
|
46
|
+
_props$pullingText = props.pullingText,
|
47
|
+
pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
48
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
49
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
|
50
|
+
_props$finishText = props.finishText,
|
51
|
+
finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
52
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
53
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
|
54
|
+
initialText = props.initialText,
|
55
|
+
_props$finishDelay = props.finishDelay,
|
56
|
+
finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
|
57
|
+
loosingMinHeight = props.loosingMinHeight,
|
58
|
+
_props$dampRate = props.dampRate,
|
59
|
+
dampRate = _props$dampRate === void 0 ? 4 : _props$dampRate,
|
60
|
+
_props$disabled = props.disabled,
|
61
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
62
|
+
_props$useHideAsNeste = props.useHideAsNestedScroll,
|
63
|
+
useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
|
64
|
+
onRefresh = props.onRefresh,
|
65
|
+
_props$allowPullWhenN = props.allowPullWhenNotTop,
|
66
|
+
allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN;
|
75
67
|
var _useState = (0, _react.useState)({}),
|
76
|
-
|
77
|
-
|
78
|
-
|
68
|
+
transition = _useState[0],
|
69
|
+
setTransition = _useState[1];
|
79
70
|
var touchRef = (0, _react.useRef)(null);
|
80
71
|
var currentTranslateYRef = (0, _react.useRef)(0);
|
81
72
|
var onTouching = (0, _react.useRef)(false);
|
82
|
-
|
83
73
|
var _useCommonState = (0, _hooks.useCommonState)({
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
74
|
+
loosingMinHeight: loosingMinHeight,
|
75
|
+
onRefresh: onRefresh
|
76
|
+
}),
|
77
|
+
loadingRef = _useCommonState.loadingRef,
|
78
|
+
status = _useCommonState.status,
|
79
|
+
setStatus = _useCommonState.setStatus,
|
80
|
+
labelRef = _useCommonState.labelRef,
|
81
|
+
domRef = _useCommonState.domRef,
|
82
|
+
touching = _useCommonState.touching,
|
83
|
+
setTouching = _useCommonState.setTouching,
|
84
|
+
loosingHeight = _useCommonState.loosingHeight,
|
85
|
+
handleRefresh = _useCommonState.handleRefresh,
|
86
|
+
tipsHeight = _useCommonState.tipsHeight;
|
98
87
|
var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
88
|
+
domRef: domRef,
|
89
|
+
allowPullWhenNotTop: allowPullWhenNotTop
|
90
|
+
}),
|
91
|
+
ifShouldHandle = _useCheckAsStart.ifShouldHandle;
|
104
92
|
var currentLabelStyle = (0, _react.useMemo)(function () {
|
105
93
|
var _domRef$current$scrol, _domRef$current;
|
106
|
-
|
107
94
|
return useHideAsNestedScroll && !touching && status === _model.PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 ? {
|
108
95
|
opacity: 0
|
109
96
|
} : {};
|
110
97
|
}, [useHideAsNestedScroll, touching]);
|
111
98
|
var pullTextConfig = (_pullTextConfig = {}, _pullTextConfig[_model.PullRefreshStatus.Static] = initialText === void 0 ? pullingText : initialText, _pullTextConfig[_model.PullRefreshStatus.Pulling] = pullingText, _pullTextConfig[_model.PullRefreshStatus.Loosing] = loosingText || pullingText, _pullTextConfig[_model.PullRefreshStatus.Loading] = loadingText, _pullTextConfig[_model.PullRefreshStatus.Finish] = finishText, _pullTextConfig);
|
112
|
-
|
113
99
|
var scroll = function scroll(y, ms, callback) {
|
114
100
|
if (y < 5) {
|
115
101
|
if (y < 0) {
|
116
102
|
currentTranslateYRef.current = 0;
|
117
103
|
return;
|
118
104
|
}
|
119
|
-
|
120
105
|
if (ms === 0) {
|
121
106
|
setTimeout(function () {
|
122
107
|
setTransition({
|
@@ -127,7 +112,6 @@
|
|
127
112
|
return;
|
128
113
|
}
|
129
114
|
}
|
130
|
-
|
131
115
|
var translateY = dampRateCalculate(y, loosingHeight, dampRate);
|
132
116
|
currentTranslateYRef.current = translateY;
|
133
117
|
setTransition({
|
@@ -138,49 +122,39 @@
|
|
138
122
|
callback == null ? void 0 : callback();
|
139
123
|
}, ms);
|
140
124
|
};
|
141
|
-
|
142
125
|
var reset = function reset(callback) {
|
143
126
|
if (callback === void 0) {
|
144
127
|
callback = function callback() {};
|
145
128
|
}
|
146
|
-
|
147
129
|
scroll(0, 300, function () {
|
148
130
|
if (domRef.current && domRef.current.scrollTop < 0) {
|
149
131
|
domRef.current.scrollTop = 0;
|
150
132
|
}
|
151
|
-
|
152
133
|
loadingRef.current = false;
|
153
134
|
setStatus(_model.PullRefreshStatus.Static);
|
154
135
|
callback();
|
155
136
|
});
|
156
137
|
};
|
157
|
-
|
158
138
|
var handleTouchStart = (0, _react.useCallback)(function (e) {
|
159
139
|
if (disabled || touchRef.current || loadingRef.current || !domRef.current) return;
|
160
140
|
if (!ifShouldHandle()) return;
|
161
141
|
setTouching(true);
|
162
|
-
|
163
142
|
if (domRef.current.scrollTop === 0) {
|
164
143
|
domRef.current.scrollTop = 1;
|
165
144
|
}
|
166
|
-
|
167
145
|
var _e$touches$ = e.touches[0],
|
168
|
-
|
169
|
-
|
170
|
-
|
146
|
+
pageX = _e$touches$.pageX,
|
147
|
+
pageY = _e$touches$.pageY;
|
171
148
|
if (pageX && pageY) {
|
172
149
|
var _domRef$current2;
|
173
|
-
|
174
150
|
touchRef.current = {
|
175
151
|
start: (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop,
|
176
152
|
x: pageX,
|
177
153
|
y: pageY
|
178
154
|
};
|
179
155
|
}
|
180
|
-
|
181
156
|
setStatus(_model.PullRefreshStatus.Pulling);
|
182
157
|
}, [disabled, ifShouldHandle]);
|
183
|
-
|
184
158
|
var refresh = function refresh() {
|
185
159
|
return new Promise(function (resolve) {
|
186
160
|
setStatus(_model.PullRefreshStatus.Loading);
|
@@ -199,17 +173,14 @@
|
|
199
173
|
});
|
200
174
|
});
|
201
175
|
};
|
202
|
-
|
203
176
|
var handleTouchEnd = (0, _react.useCallback)(function () {
|
204
177
|
if (currentTranslateYRef.current === 0 && !ifShouldHandle()) {
|
205
178
|
return;
|
206
179
|
}
|
207
|
-
|
208
180
|
onTouching.current = false;
|
209
181
|
setTouching(false);
|
210
182
|
if (disabled || !touchRef.current || loadingRef.current) return;
|
211
183
|
touchRef.current = null;
|
212
|
-
|
213
184
|
if (status === _model.PullRefreshStatus.Loosing) {
|
214
185
|
refresh();
|
215
186
|
} else {
|
@@ -222,15 +193,12 @@
|
|
222
193
|
if (!touchRef.current) return;
|
223
194
|
var pageY = e.touches[0].pageY;
|
224
195
|
var pullY = pageY - touchRef.current.y - touchRef.current.start;
|
225
|
-
|
226
196
|
if (currentTranslateYRef.current === 0 && domRef.current.scrollTop > 0) {
|
227
197
|
return;
|
228
198
|
}
|
229
|
-
|
230
199
|
if (currentTranslateYRef.current === 0 && pullY < 0) {
|
231
200
|
return;
|
232
201
|
}
|
233
|
-
|
234
202
|
setStatus(function () {
|
235
203
|
return pullY > loosingHeight ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
|
236
204
|
});
|
@@ -240,18 +208,15 @@
|
|
240
208
|
}, [disabled, loosingHeight]);
|
241
209
|
(0, _react.useEffect)(function () {
|
242
210
|
var _domRef$current3;
|
243
|
-
|
244
211
|
var onScroll = function onScroll() {
|
245
212
|
if (onTouching.current && domRef.current && (domRef.current.scrollTop < 0 || currentTranslateYRef.current)) {
|
246
213
|
// 禁止 ios 负 scrollTop 和双层滚动
|
247
214
|
domRef.current.scrollTop = 0;
|
248
215
|
}
|
249
216
|
};
|
250
|
-
|
251
217
|
(_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('scroll', onScroll);
|
252
218
|
return function () {
|
253
219
|
var _domRef$current4;
|
254
|
-
|
255
220
|
(_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('scroll', onScroll);
|
256
221
|
};
|
257
222
|
}, []);
|
@@ -15,35 +15,29 @@
|
|
15
15
|
|
16
16
|
_exports.__esModule = true;
|
17
17
|
_exports.useCommonState = _exports.useCheckAsStart = _exports.useAddScrollEvents = void 0;
|
18
|
-
|
19
18
|
var useCommonState = function useCommonState(_ref) {
|
20
19
|
var onRefresh = _ref.onRefresh,
|
21
|
-
|
22
|
-
|
20
|
+
loosingMinHeight = _ref.loosingMinHeight;
|
23
21
|
var _useState = (0, _react.useState)(_model.PullRefreshStatus.Static),
|
24
|
-
|
25
|
-
|
26
|
-
|
22
|
+
status = _useState[0],
|
23
|
+
setStatus = _useState[1];
|
27
24
|
var loadingRef = (0, _react.useRef)(false);
|
28
25
|
var labelRef = (0, _react.useRef)(null);
|
29
26
|
var domRef = (0, _react.useRef)(null);
|
30
|
-
|
31
27
|
var _useState2 = (0, _react.useState)(false),
|
32
|
-
|
33
|
-
|
34
|
-
|
28
|
+
touching = _useState2[0],
|
29
|
+
setTouching = _useState2[1];
|
35
30
|
var tipsHeight = (0, _react.useMemo)(function () {
|
36
31
|
var _labelRef$current$get, _labelRef$current;
|
37
|
-
|
38
32
|
return (_labelRef$current$get = (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.getBoundingClientRect().height) != null ? _labelRef$current$get : 40;
|
39
33
|
}, [status]);
|
40
34
|
var loosingHeight = (0, _react.useMemo)(function () {
|
41
35
|
return loosingMinHeight || tipsHeight;
|
42
36
|
}, [tipsHeight, loosingMinHeight]);
|
43
37
|
var handleRefresh = (0, _react.useCallback)(function () {
|
44
|
-
loadingRef.current = true;
|
38
|
+
loadingRef.current = true;
|
39
|
+
// 避免动画过快,最短加载时间
|
45
40
|
// @en Minimum load time, avoid animation too fast
|
46
|
-
|
47
41
|
return _es6Promise.Promise.all([onRefresh == null ? void 0 : onRefresh(), new _es6Promise.Promise(function (resolve) {
|
48
42
|
// 最少加载一秒
|
49
43
|
// @en Load at least one second
|
@@ -65,60 +59,49 @@
|
|
65
59
|
tipsHeight: tipsHeight
|
66
60
|
};
|
67
61
|
};
|
68
|
-
|
69
62
|
_exports.useCommonState = useCommonState;
|
70
|
-
|
71
63
|
var useAddScrollEvents = function useAddScrollEvents(_ref2) {
|
72
64
|
var domRef = _ref2.domRef,
|
73
|
-
|
74
|
-
|
75
|
-
|
65
|
+
handleTouchStart = _ref2.handleTouchStart,
|
66
|
+
handleTouchMove = _ref2.handleTouchMove,
|
67
|
+
handleTouchEnd = _ref2.handleTouchEnd;
|
76
68
|
(0, _react.useEffect)(function () {
|
77
69
|
var _domRef$current;
|
78
|
-
|
79
70
|
(_domRef$current = domRef.current) == null ? void 0 : _domRef$current.addEventListener('touchstart', handleTouchStart, {
|
80
71
|
passive: false
|
81
72
|
});
|
82
73
|
return function () {
|
83
74
|
var _domRef$current2;
|
84
|
-
|
85
75
|
(_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.removeEventListener('touchstart', handleTouchStart);
|
86
76
|
};
|
87
77
|
}, [handleTouchMove]);
|
88
78
|
(0, _react.useEffect)(function () {
|
89
79
|
var _domRef$current3;
|
90
|
-
|
91
80
|
(_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('touchmove', handleTouchMove, {
|
92
81
|
passive: false
|
93
82
|
});
|
94
83
|
return function () {
|
95
84
|
var _domRef$current4;
|
96
|
-
|
97
85
|
(_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('touchmove', handleTouchMove);
|
98
86
|
};
|
99
87
|
}, [handleTouchMove]);
|
100
88
|
(0, _react.useEffect)(function () {
|
101
89
|
var _domRef$current5, _domRef$current6;
|
102
|
-
|
103
90
|
(_domRef$current5 = domRef.current) == null ? void 0 : _domRef$current5.addEventListener('touchend', handleTouchEnd);
|
104
91
|
(_domRef$current6 = domRef.current) == null ? void 0 : _domRef$current6.addEventListener('touchcancel', handleTouchEnd);
|
105
92
|
return function () {
|
106
93
|
var _domRef$current7, _domRef$current8;
|
107
|
-
|
108
94
|
(_domRef$current7 = domRef.current) == null ? void 0 : _domRef$current7.removeEventListener('touchend', handleTouchEnd);
|
109
95
|
(_domRef$current8 = domRef.current) == null ? void 0 : _domRef$current8.removeEventListener('touchcancel', handleTouchEnd);
|
110
96
|
};
|
111
97
|
}, [handleTouchEnd]);
|
112
98
|
};
|
113
|
-
|
114
99
|
_exports.useAddScrollEvents = useAddScrollEvents;
|
115
|
-
|
116
100
|
var useCheckAsStart = function useCheckAsStart(_ref3) {
|
117
101
|
var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
|
118
|
-
|
102
|
+
domRef = _ref3.domRef;
|
119
103
|
var ifShouldHandle = (0, _react.useCallback)(function () {
|
120
104
|
var _domRef$current$getBo, _domRef$current9, _domRef$current9$getB;
|
121
|
-
|
122
105
|
var domRefHeight = (_domRef$current$getBo = (_domRef$current9 = domRef.current) == null ? void 0 : (_domRef$current9$getB = _domRef$current9.getBoundingClientRect()) == null ? void 0 : _domRef$current9$getB.height) != null ? _domRef$current$getBo : 0;
|
123
106
|
return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
|
124
107
|
}, [allowPullWhenNotTop]);
|
@@ -126,6 +109,5 @@
|
|
126
109
|
ifShouldHandle: ifShouldHandle
|
127
110
|
};
|
128
111
|
};
|
129
|
-
|
130
112
|
_exports.useCheckAsStart = useCheckAsStart;
|
131
113
|
});
|
@@ -3,12 +3,18 @@ import { PullRefreshBasicProps, PullRefreshRef } from './model';
|
|
3
3
|
export type { PullRefreshRef } from './model';
|
4
4
|
export interface PullRefreshProps extends PullRefreshBasicProps {
|
5
5
|
/**
|
6
|
-
*
|
7
|
-
* @en
|
6
|
+
* 下拉刷新组件不同的实现方式,android - 常规的外层容器 transform,ios - 利用 ios scrollTop 负值实现下拉及回弹(性能优于transform),仅ios可用。指定该属性值后优先级高于 useIosOptimize
|
7
|
+
* @en Different implementation methods of PullRefresh, android - conventional outer container transform, ios - use ios scrollTop negative value to achieve pull-down and rebound (performance is better than transform), only available for ios. After specifying value, the priority is higher than useIosOptimize
|
8
8
|
* @default 跟随系统
|
9
|
-
* @default_en
|
9
|
+
* @default_en Follow the system
|
10
10
|
*/
|
11
11
|
type?: 'ios' | 'android';
|
12
|
+
/**
|
13
|
+
* 在 ios 上是否使用 scrollTop 负值实现下拉及回弹,而不是 transform,关闭后所有机型都使用 transform 的方式
|
14
|
+
* @en Whether to use the negative value of scrollTop on ios to achieve pull-down and rebound instead of transform. After closing, all models use transform
|
15
|
+
* @default false
|
16
|
+
*/
|
17
|
+
useIosOptimize?: boolean;
|
12
18
|
}
|
13
19
|
/**
|
14
20
|
* 下拉刷新数据组件。
|
@@ -14,18 +14,14 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.default = void 0;
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
21
20
|
_objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
|
22
21
|
_react = _interopRequireWildcard(_react);
|
23
|
-
var _excluded = ["type", "children"];
|
24
|
-
|
22
|
+
var _excluded = ["type", "useIosOptimize", "children"];
|
25
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
26
|
-
|
27
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
28
|
-
|
29
25
|
/**
|
30
26
|
* 下拉刷新数据组件。
|
31
27
|
* @en PullRefresh component that pulls down to refresh data.
|
@@ -36,10 +32,11 @@
|
|
36
32
|
*/
|
37
33
|
var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
38
34
|
var type = props.type,
|
39
|
-
|
40
|
-
|
35
|
+
useIosOptimize = props.useIosOptimize,
|
36
|
+
children = props.children,
|
37
|
+
rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
41
38
|
var system = (0, _helpers.useSystem)();
|
42
|
-
var Container = (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
|
39
|
+
var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? _iosPullRefresh.PullRefresh : _androidPullRefresh.PullRefresh;
|
43
40
|
return /*#__PURE__*/_react.default.createElement(Container, (0, _extends2.default)({}, rest, {
|
44
41
|
ref: ref
|
45
42
|
}), children);
|
@@ -14,90 +14,78 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.PullRefresh = void 0;
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
21
20
|
_react = _interopRequireWildcard(_react);
|
22
21
|
_loading = _interopRequireDefault(_loading);
|
23
|
-
|
24
22
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
25
|
-
|
26
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
27
|
-
|
28
24
|
var PullRefresh = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
29
25
|
var _pullTextConfig;
|
30
|
-
|
31
26
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
27
|
+
prefixCls = _useContext.prefixCls,
|
28
|
+
_useContext$locale = _useContext.locale,
|
29
|
+
locale = _useContext$locale === void 0 ? _mobileUtils.defaultLocale : _useContext$locale;
|
36
30
|
var animationRef = (0, _react.useRef)(0);
|
37
31
|
var className = props.className,
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
32
|
+
style = props.style,
|
33
|
+
children = props.children,
|
34
|
+
_props$loadingText = props.loadingText,
|
35
|
+
loadingText = _props$loadingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
36
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
37
|
+
}, /*#__PURE__*/_react.default.createElement(_loading.default, {
|
38
|
+
type: "circle",
|
39
|
+
radius: 4
|
40
|
+
}), /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
|
41
|
+
_props$pullingText = props.pullingText,
|
42
|
+
pullingText = _props$pullingText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
43
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
|
45
|
+
_props$finishText = props.finishText,
|
46
|
+
finishText = _props$finishText === void 0 ? /*#__PURE__*/_react.default.createElement("div", {
|
47
|
+
className: (0, _mobileUtils.cls)(prefixCls + "-pull-refresh-label-text")
|
48
|
+
}, /*#__PURE__*/_react.default.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
|
49
|
+
initialText = props.initialText,
|
50
|
+
_props$finishDelay = props.finishDelay,
|
51
|
+
finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
|
52
|
+
_props$disabled = props.disabled,
|
53
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
54
|
+
loosingMinHeight = props.loosingMinHeight,
|
55
|
+
_props$useHideAsNeste = props.useHideAsNestedScroll,
|
56
|
+
useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
|
57
|
+
_props$allowPullWhenN = props.allowPullWhenNotTop,
|
58
|
+
allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
|
59
|
+
onRefresh = props.onRefresh;
|
66
60
|
var lastScrollTop = (0, _react.useRef)(0);
|
67
61
|
var statusRef = (0, _react.useRef)(_model.PullRefreshStatus.Static);
|
68
|
-
|
69
62
|
var _useState = (0, _react.useState)({}),
|
70
|
-
|
71
|
-
|
72
|
-
|
63
|
+
labelStyle = _useState[0],
|
64
|
+
setLabelStyle = _useState[1];
|
73
65
|
var _useState2 = (0, _react.useState)(0),
|
74
|
-
|
75
|
-
|
76
|
-
|
66
|
+
contentHeight = _useState2[0],
|
67
|
+
setContentHeight = _useState2[1];
|
77
68
|
var _useCommonState = (0, _hooks.useCommonState)({
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
69
|
+
loosingMinHeight: loosingMinHeight,
|
70
|
+
onRefresh: onRefresh
|
71
|
+
}),
|
72
|
+
loadingRef = _useCommonState.loadingRef,
|
73
|
+
status = _useCommonState.status,
|
74
|
+
setStatus = _useCommonState.setStatus,
|
75
|
+
labelRef = _useCommonState.labelRef,
|
76
|
+
domRef = _useCommonState.domRef,
|
77
|
+
touching = _useCommonState.touching,
|
78
|
+
setTouching = _useCommonState.setTouching,
|
79
|
+
loosingHeight = _useCommonState.loosingHeight,
|
80
|
+
tipsHeight = _useCommonState.tipsHeight,
|
81
|
+
handleRefresh = _useCommonState.handleRefresh;
|
92
82
|
var _useCheckAsStart = (0, _hooks.useCheckAsStart)({
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
83
|
+
domRef: domRef,
|
84
|
+
allowPullWhenNotTop: allowPullWhenNotTop
|
85
|
+
}),
|
86
|
+
ifShouldHandle = _useCheckAsStart.ifShouldHandle;
|
98
87
|
var currentLabelStyle = (0, _react.useMemo)(function () {
|
99
88
|
var _domRef$current$scrol, _domRef$current;
|
100
|
-
|
101
89
|
return useHideAsNestedScroll && !touching && status === _model.PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 || disabled ? (0, _extends2.default)({}, labelStyle, {
|
102
90
|
opacity: 0
|
103
91
|
}) : labelStyle;
|
@@ -107,7 +95,6 @@
|
|
107
95
|
if (callback === void 0) {
|
108
96
|
callback = function callback() {};
|
109
97
|
}
|
110
|
-
|
111
98
|
if (animationRef.current === animationKey) {
|
112
99
|
setLabelStyle({
|
113
100
|
position: 'relative',
|
@@ -116,7 +103,6 @@
|
|
116
103
|
transition: 'height .45s'
|
117
104
|
});
|
118
105
|
}
|
119
|
-
|
120
106
|
setTimeout(function () {
|
121
107
|
if (animationRef.current === animationKey) {
|
122
108
|
if (domRef.current) domRef.current.style.overflow = 'auto';
|
@@ -136,12 +122,10 @@
|
|
136
122
|
var handleTouchStart = (0, _react.useCallback)(function () {
|
137
123
|
if (disabled || loadingRef.current || !domRef.current || !ifShouldHandle()) return;
|
138
124
|
setTouching(true);
|
139
|
-
|
140
125
|
if (domRef.current && domRef.current.scrollTop === 0) {
|
141
126
|
domRef.current.scrollTop = 1;
|
142
127
|
}
|
143
128
|
}, [disabled, ifShouldHandle]);
|
144
|
-
|
145
129
|
var refresh = function refresh() {
|
146
130
|
return new Promise(function (resolve) {
|
147
131
|
if (domRef.current) {
|
@@ -168,7 +152,6 @@
|
|
168
152
|
}
|
169
153
|
});
|
170
154
|
};
|
171
|
-
|
172
155
|
var handleTouchEnd = (0, _react.useCallback)(function () {
|
173
156
|
if (disabled || loadingRef.current || !domRef.current) return;
|
174
157
|
setTouching(false);
|
@@ -178,7 +161,6 @@
|
|
178
161
|
if (disabled || loadingRef.current || !domRef.current) return;
|
179
162
|
setTimeout(function () {
|
180
163
|
var _domRef$current$scrol2, _domRef$current2, _domRef$current$scrol3, _domRef$current3;
|
181
|
-
|
182
164
|
var isLoosing = -((_domRef$current$scrol2 = (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop) != null ? _domRef$current$scrol2 : 0) > loosingHeight;
|
183
165
|
if (isLoosing) lastScrollTop.current = (_domRef$current$scrol3 = (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.scrollTop) != null ? _domRef$current$scrol3 : 0;
|
184
166
|
statusRef.current = isLoosing ? _model.PullRefreshStatus.Loosing : _model.PullRefreshStatus.Pulling;
|
@@ -187,8 +169,7 @@
|
|
187
169
|
var updateIOSHeight = (0, _react.useCallback)(function () {
|
188
170
|
if (domRef.current) {
|
189
171
|
var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
|
190
|
-
|
191
|
-
|
172
|
+
height = _domRef$current$getBo.height;
|
192
173
|
setContentHeight(height);
|
193
174
|
}
|
194
175
|
}, []);
|