@arco-design/mobile-react 2.25.3 → 2.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +124 -43
- package/cjs/_helpers/index.js +13 -2
- package/cjs/_helpers/react-dom.js +12 -0
- package/cjs/_helpers/render.js +12 -0
- package/cjs/action-sheet/index.d.ts +2 -2
- package/cjs/action-sheet/index.js +30 -10
- package/cjs/action-sheet/methods.js +2 -0
- package/cjs/action-sheet/style/css/index.js +2 -0
- package/cjs/action-sheet/style/index.js +2 -0
- package/cjs/avatar/group.js +24 -12
- package/cjs/avatar/index.js +77 -51
- package/cjs/avatar/style/css/index.js +2 -0
- package/cjs/avatar/style/index.js +2 -0
- package/cjs/badge/index.js +29 -18
- package/cjs/badge/style/css/index.js +1 -0
- package/cjs/badge/style/index.js +1 -0
- package/cjs/button/hooks.js +20 -15
- package/cjs/button/index.js +67 -46
- package/cjs/button/style/css/index.js +2 -0
- package/cjs/button/style/index.js +2 -0
- package/cjs/carousel/index.d.ts +6 -0
- package/cjs/carousel/index.js +342 -184
- package/cjs/carousel/style/css/index.css +50 -15
- package/cjs/carousel/style/css/index.js +1 -0
- package/cjs/carousel/style/index.js +1 -0
- package/cjs/carousel/style/index.less +19 -14
- package/cjs/cell/arrow.js +3 -0
- package/cjs/cell/cell.js +23 -14
- package/cjs/cell/demo/style/css/mobile.css +8 -0
- package/cjs/cell/demo/style/mobile.less +2 -2
- package/cjs/cell/group.js +21 -9
- package/cjs/cell/index.js +7 -1
- package/cjs/cell/style/css/index.css +16 -0
- package/cjs/cell/style/css/index.js +1 -0
- package/cjs/cell/style/index.js +1 -0
- package/cjs/cell/style/index.less +6 -4
- package/cjs/checkbox/checkbox.js +57 -31
- package/cjs/checkbox/group.js +38 -24
- package/cjs/checkbox/hooks/index.js +2 -0
- package/cjs/checkbox/hooks/useMergeProps.js +14 -7
- package/cjs/checkbox/index.js +8 -1
- package/cjs/checkbox/style/css/index.js +1 -0
- package/cjs/checkbox/style/index.js +1 -0
- package/cjs/checkbox/type.js +2 -0
- package/cjs/circle-progress/index.js +57 -37
- package/cjs/circle-progress/style/css/index.js +1 -0
- package/cjs/circle-progress/style/index.js +1 -0
- package/cjs/collapse/collapse.js +56 -27
- package/cjs/collapse/group.js +44 -20
- package/cjs/collapse/index.js +9 -0
- package/cjs/collapse/style/css/index.js +1 -0
- package/cjs/collapse/style/index.js +1 -0
- package/cjs/collapse/utils.js +7 -0
- package/cjs/context-provider/index.d.ts +6 -0
- package/cjs/context-provider/index.js +30 -11
- package/cjs/context-provider/style/css/index.js +1 -0
- package/cjs/context-provider/style/index.js +1 -0
- package/cjs/count-down/hooks.js +43 -24
- package/cjs/count-down/index.js +37 -29
- package/cjs/count-down/singleton.js +12 -2
- package/cjs/count-down/style/css/index.js +1 -0
- package/cjs/count-down/style/index.js +1 -0
- package/cjs/count-down/util.js +47 -33
- package/cjs/date-picker/helper.js +14 -7
- package/cjs/date-picker/index.js +106 -42
- package/cjs/date-picker/style/css/index.js +2 -0
- package/cjs/date-picker/style/index.js +2 -0
- package/cjs/dialog/index.d.ts +2 -2
- package/cjs/dialog/index.js +54 -28
- package/cjs/dialog/methods.js +22 -9
- package/cjs/dialog/style/css/index.js +2 -0
- package/cjs/dialog/style/index.js +2 -0
- package/cjs/divider/demo/style/css/mobile.css +7 -0
- package/cjs/divider/demo/style/mobile.less +12 -0
- package/cjs/divider/index.d.ts +49 -0
- package/cjs/divider/index.js +65 -0
- package/cjs/divider/style/css/index.css +69 -0
- package/cjs/divider/style/css/index.d.ts +2 -0
- package/cjs/divider/style/css/index.js +5 -0
- package/cjs/divider/style/index.d.ts +2 -0
- package/cjs/divider/style/index.js +5 -0
- package/cjs/divider/style/index.less +66 -0
- package/cjs/dropdown/dropdown.js +113 -74
- package/cjs/dropdown/index.js +8 -1
- package/cjs/dropdown/options.js +28 -12
- package/cjs/dropdown/style/css/index.js +1 -0
- package/cjs/dropdown/style/index.js +1 -0
- package/cjs/dropdown-menu/dropdown-menu.js +84 -49
- package/cjs/dropdown-menu/helper.js +27 -6
- package/cjs/dropdown-menu/index.js +6 -0
- package/cjs/dropdown-menu/style/css/index.js +2 -0
- package/cjs/dropdown-menu/style/index.js +2 -0
- package/cjs/ellipsis/components/js-ellipsis.js +72 -33
- package/cjs/ellipsis/components/native-ellipsis.js +15 -9
- package/cjs/ellipsis/index.js +32 -19
- package/cjs/ellipsis/style/css/index.js +1 -0
- package/cjs/ellipsis/style/index.js +1 -0
- package/cjs/ellipsis/type.d.ts +3 -3
- package/cjs/ellipsis/utils/dom.js +8 -0
- package/cjs/ellipsis/utils/is.js +5 -1
- package/cjs/form/form-item-context.js +5 -0
- package/cjs/form/form-item.js +124 -42
- package/cjs/form/index.js +35 -17
- package/cjs/form/style/css/index.js +1 -0
- package/cjs/form/style/index.js +1 -0
- package/cjs/form/type.js +3 -0
- package/cjs/form/useForm.js +76 -18
- package/cjs/form/utils.js +10 -3
- package/cjs/grid/index.js +41 -21
- package/cjs/grid/style/css/index.js +1 -0
- package/cjs/grid/style/index.js +1 -0
- package/cjs/icon/IconAdd/index.js +12 -5
- package/cjs/icon/IconArrowBack/index.js +12 -5
- package/cjs/icon/IconArrowDown/index.js +12 -5
- package/cjs/icon/IconArrowIn/index.js +12 -5
- package/cjs/icon/IconArrowUp/index.js +12 -5
- package/cjs/icon/IconCheck/index.js +12 -5
- package/cjs/icon/IconCheckBold/index.js +12 -5
- package/cjs/icon/IconCircleChecked/index.js +12 -5
- package/cjs/icon/IconCircleDisabled/index.js +12 -5
- package/cjs/icon/IconCircleUnchecked/index.js +12 -5
- package/cjs/icon/IconClear/index.js +12 -5
- package/cjs/icon/IconClose/index.js +12 -5
- package/cjs/icon/IconCloseBold/index.js +12 -5
- package/cjs/icon/IconDelete/index.js +12 -5
- package/cjs/icon/IconEdit/index.js +12 -5
- package/cjs/icon/IconErrorCircle/index.js +12 -5
- package/cjs/icon/IconEyeInvisible/index.js +12 -5
- package/cjs/icon/IconEyeVisible/index.js +12 -5
- package/cjs/icon/IconEyelashInvisible/index.js +12 -5
- package/cjs/icon/IconGift/index.js +12 -5
- package/cjs/icon/IconHeart/index.js +12 -5
- package/cjs/icon/IconHome/index.js +12 -5
- package/cjs/icon/IconLikeCircle/index.js +12 -5
- package/cjs/icon/IconMinus/index.js +12 -5
- package/cjs/icon/IconMore/index.js +12 -5
- package/cjs/icon/IconNotice/index.js +12 -5
- package/cjs/icon/IconNoticeOff/index.js +12 -5
- package/cjs/icon/IconPicture/index.js +12 -5
- package/cjs/icon/IconPlay/index.js +12 -5
- package/cjs/icon/IconQuestionCircle/index.js +12 -5
- package/cjs/icon/IconRefresh/index.js +12 -5
- package/cjs/icon/IconSad/index.js +12 -5
- package/cjs/icon/IconScan/index.js +12 -5
- package/cjs/icon/IconSearch/index.js +12 -5
- package/cjs/icon/IconSetting/index.js +12 -5
- package/cjs/icon/IconShop/index.js +12 -5
- package/cjs/icon/IconShopping/index.js +12 -5
- package/cjs/icon/IconSmileFill/index.js +12 -5
- package/cjs/icon/IconSound/index.js +12 -5
- package/cjs/icon/IconSquareChecked/index.js +12 -5
- package/cjs/icon/IconSquareDisabled/index.js +12 -5
- package/cjs/icon/IconSquareUnchecked/index.js +12 -5
- package/cjs/icon/IconStar/index.js +12 -5
- package/cjs/icon/IconStarFill/index.js +12 -5
- package/cjs/icon/IconStarHalf/index.js +12 -5
- package/cjs/icon/IconSubway/index.js +12 -5
- package/cjs/icon/IconSuccessCircle/index.js +12 -5
- package/cjs/icon/IconTriDown/index.js +12 -5
- package/cjs/icon/IconTriUp/index.js +12 -5
- package/cjs/icon/IconUpload/index.js +12 -5
- package/cjs/icon/IconUser/index.js +12 -5
- package/cjs/icon/IconUserFill/index.js +12 -5
- package/cjs/icon/IconWarnCircle/index.js +12 -5
- package/cjs/icon/IconWarnCircleFill/index.js +12 -5
- package/cjs/icon/index.js +111 -0
- package/cjs/image/index.js +92 -56
- package/cjs/image/style/css/index.css +1 -0
- package/cjs/image/style/css/index.js +2 -0
- package/cjs/image/style/index.js +2 -0
- package/cjs/image/style/index.less +1 -0
- package/cjs/image-picker/add-icon.js +3 -0
- package/cjs/image-picker/index.js +96 -52
- package/cjs/image-picker/style/css/index.js +2 -0
- package/cjs/image-picker/style/index.js +2 -0
- package/cjs/image-preview/index.d.ts +2 -2
- package/cjs/image-preview/index.js +239 -119
- package/cjs/image-preview/methods.js +18 -5
- package/cjs/image-preview/style/css/index.js +4 -0
- package/cjs/image-preview/style/index.js +4 -0
- package/cjs/index.d.ts +10 -9
- package/cjs/index.js +132 -19
- package/cjs/input/demo/style/css/mobile.css +5 -1
- package/cjs/input/demo/style/mobile.less +2 -2
- package/cjs/input/hooks.js +104 -42
- package/cjs/input/index.js +40 -26
- package/cjs/input/props.d.ts +6 -0
- package/cjs/input/style/css/index.css +9 -0
- package/cjs/input/style/css/index.js +1 -0
- package/cjs/input/style/index.js +1 -0
- package/cjs/input/style/index.less +2 -2
- package/cjs/load-more/index.js +56 -29
- package/cjs/load-more/style/css/index.js +1 -0
- package/cjs/load-more/style/index.js +1 -0
- package/cjs/loading/index.js +48 -19
- package/cjs/loading/style/css/index.js +1 -0
- package/cjs/loading/style/index.js +1 -0
- package/cjs/masking/index.d.ts +2 -2
- package/cjs/masking/index.js +79 -46
- package/cjs/masking/methods.js +19 -4
- package/cjs/masking/style/css/index.js +2 -0
- package/cjs/masking/style/index.js +2 -0
- package/cjs/nav-bar/back-icon.js +5 -1
- package/cjs/nav-bar/index.js +61 -37
- package/cjs/nav-bar/style/css/index.js +1 -0
- package/cjs/nav-bar/style/index.js +1 -0
- package/cjs/notice-bar/index.js +61 -33
- package/cjs/notice-bar/style/css/index.css +33 -0
- package/cjs/notice-bar/style/css/index.js +1 -0
- package/cjs/notice-bar/style/index.js +1 -0
- package/cjs/notice-bar/style/index.less +16 -3
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +49 -20
- package/cjs/notify/methods.js +17 -2
- package/cjs/notify/style/css/index.js +1 -0
- package/cjs/notify/style/index.js +1 -0
- package/cjs/pagination/arrow.js +3 -0
- package/cjs/pagination/index.js +58 -27
- package/cjs/pagination/style/css/index.js +1 -0
- package/cjs/pagination/style/index.js +1 -0
- package/cjs/picker/index.js +81 -40
- package/cjs/picker/style/css/index.js +3 -0
- package/cjs/picker/style/index.js +3 -0
- package/cjs/picker-view/components/cascader.js +31 -14
- package/cjs/picker-view/components/multi-picker.js +20 -6
- package/cjs/picker-view/components/picker-cell.js +97 -45
- package/cjs/picker-view/index.js +71 -25
- package/cjs/picker-view/style/css/index.js +1 -0
- package/cjs/picker-view/style/index.js +1 -0
- package/cjs/popover/hooks/index.js +4 -0
- package/cjs/popover/hooks/useEvent.js +49 -25
- package/cjs/popover/hooks/usePosition.js +151 -94
- package/cjs/popover/index.js +8 -1
- package/cjs/popover/menu.js +51 -32
- package/cjs/popover/popover-inner.js +47 -30
- package/cjs/popover/popover.js +101 -69
- package/cjs/popover/style/css/index.js +2 -0
- package/cjs/popover/style/index.js +2 -0
- package/cjs/popup/index.d.ts +2 -2
- package/cjs/popup/index.js +39 -22
- package/cjs/popup/methods.js +2 -0
- package/cjs/popup/style/css/index.js +2 -0
- package/cjs/popup/style/index.js +2 -0
- package/cjs/popup-swiper/index.d.ts +2 -2
- package/cjs/popup-swiper/index.js +80 -38
- package/cjs/popup-swiper/methods.js +2 -0
- package/cjs/popup-swiper/style/css/index.js +2 -0
- package/cjs/popup-swiper/style/index.js +2 -0
- package/cjs/portal/index.js +8 -3
- package/cjs/portal/style/css/index.js +1 -0
- package/cjs/portal/style/index.js +1 -0
- package/cjs/progress/index.js +44 -27
- package/cjs/progress/style/css/index.js +1 -0
- package/cjs/progress/style/index.js +1 -0
- package/cjs/pull-refresh/android-pull-refresh.js +100 -58
- package/cjs/pull-refresh/hooks.js +32 -11
- package/cjs/pull-refresh/index.js +14 -3
- package/cjs/pull-refresh/ios-pull-refresh.js +80 -53
- package/cjs/pull-refresh/model.js +1 -0
- package/cjs/pull-refresh/style/css/index.js +2 -0
- package/cjs/pull-refresh/style/index.js +2 -0
- package/cjs/radio/group.js +34 -20
- package/cjs/radio/index.js +8 -1
- package/cjs/radio/radio.js +10 -0
- package/cjs/radio/style/css/index.js +1 -0
- package/cjs/radio/style/index.js +1 -0
- package/cjs/rate/index.js +50 -24
- package/cjs/rate/style/css/index.js +1 -0
- package/cjs/rate/style/index.js +1 -0
- package/cjs/search-bar/association.js +32 -14
- package/cjs/search-bar/cancel-button.js +16 -8
- package/cjs/search-bar/highlight.js +25 -14
- package/cjs/search-bar/index.js +97 -77
- package/cjs/search-bar/style/css/index.css +1 -0
- package/cjs/search-bar/style/css/index.js +1 -0
- package/cjs/search-bar/style/index.js +1 -0
- package/cjs/search-bar/style/index.less +1 -0
- package/cjs/show-monitor/index.js +93 -34
- package/cjs/show-monitor/style/css/index.js +1 -0
- package/cjs/show-monitor/style/index.js +1 -0
- package/cjs/slider/hooks/index.js +13 -0
- package/cjs/slider/hooks/useSliderEvents.js +55 -26
- package/cjs/slider/hooks/useSliderIcon.js +20 -6
- package/cjs/slider/hooks/useSliderInit.js +52 -32
- package/cjs/slider/hooks/useSliderStyle.js +24 -12
- package/cjs/slider/index.js +72 -46
- package/cjs/slider/marks.js +26 -12
- package/cjs/slider/popover.js +13 -4
- package/cjs/slider/style/css/index.js +2 -0
- package/cjs/slider/style/index.js +2 -0
- package/cjs/slider/thumb.js +23 -8
- package/cjs/stepper/hooks/useButtonClick.js +28 -19
- package/cjs/stepper/hooks/useInputEvent.js +18 -9
- package/cjs/stepper/hooks/useValue.js +14 -9
- package/cjs/stepper/index.js +96 -82
- package/cjs/stepper/style/css/index.js +1 -0
- package/cjs/stepper/style/index.js +1 -0
- package/cjs/steps/index.js +40 -22
- package/cjs/steps/step.js +27 -10
- package/cjs/steps/style/css/index.js +1 -0
- package/cjs/steps/style/index.js +1 -0
- package/cjs/sticky/index.js +65 -36
- package/cjs/sticky/style/css/index.js +1 -0
- package/cjs/sticky/style/index.js +1 -0
- package/cjs/style.d.ts +9 -8
- package/cjs/style.js +64 -8
- package/cjs/swipe-action/index.js +92 -40
- package/cjs/swipe-action/item.js +17 -9
- package/cjs/swipe-action/style/css/index.js +1 -0
- package/cjs/swipe-action/style/index.js +1 -0
- package/cjs/swipe-load/index.js +83 -55
- package/cjs/swipe-load/style/css/index.js +1 -0
- package/cjs/swipe-load/style/index.js +1 -0
- package/cjs/switch/index.js +47 -27
- package/cjs/switch/style/css/index.js +1 -0
- package/cjs/switch/style/index.js +1 -0
- package/cjs/tab-bar/index.js +7 -0
- package/cjs/tab-bar/item.js +24 -6
- package/cjs/tab-bar/style/css/index.js +1 -0
- package/cjs/tab-bar/style/index.js +1 -0
- package/cjs/tab-bar/tab-bar.js +31 -15
- package/cjs/tabs/index.js +195 -129
- package/cjs/tabs/style/css/index.js +1 -0
- package/cjs/tabs/style/index.js +1 -0
- package/cjs/tabs/tab-cell-underline.js +111 -38
- package/cjs/tabs/tab-cell.js +124 -70
- package/cjs/tabs/tab-pane.js +94 -49
- package/cjs/tabs/type.d.ts +18 -2
- package/cjs/tag/index.js +8 -1
- package/cjs/tag/list.js +26 -11
- package/cjs/tag/style/css/index.js +1 -0
- package/cjs/tag/style/index.js +1 -0
- package/cjs/tag/tag.js +32 -20
- package/cjs/textarea/index.js +56 -35
- package/cjs/textarea/style/css/index.js +2 -0
- package/cjs/textarea/style/index.js +2 -0
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +61 -26
- package/cjs/toast/methods.js +16 -2
- package/cjs/toast/style/css/index.js +3 -0
- package/cjs/toast/style/index.js +3 -0
- package/cjs/transition/index.js +18 -10
- package/cjs/transition/style/css/index.js +1 -0
- package/cjs/transition/style/index.js +1 -0
- package/dist/index.js +21588 -19198
- package/dist/index.min.js +4 -4
- package/dist/style.css +3766 -3629
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +103 -42
- package/esm/_helpers/index.js +3 -2
- package/esm/_helpers/react-dom.js +10 -0
- package/esm/_helpers/render.js +7 -0
- package/esm/action-sheet/index.d.ts +2 -2
- package/esm/action-sheet/index.js +16 -10
- package/esm/avatar/group.js +16 -12
- package/esm/avatar/index.js +62 -51
- package/esm/badge/index.js +22 -18
- package/esm/button/hooks.js +18 -15
- package/esm/button/index.js +57 -46
- package/esm/carousel/index.d.ts +6 -0
- package/esm/carousel/index.js +336 -186
- package/esm/carousel/style/css/index.css +50 -15
- package/esm/carousel/style/index.less +19 -14
- package/esm/cell/cell.js +14 -14
- package/esm/cell/demo/style/css/mobile.css +8 -0
- package/esm/cell/demo/style/mobile.less +2 -2
- package/esm/cell/group.js +11 -9
- package/esm/cell/index.js +1 -1
- package/esm/cell/style/css/index.css +16 -0
- package/esm/cell/style/index.less +6 -4
- package/esm/checkbox/checkbox.js +42 -31
- package/esm/checkbox/group.js +28 -24
- package/esm/checkbox/hooks/useMergeProps.js +9 -7
- package/esm/checkbox/index.js +2 -2
- package/esm/checkbox/type.js +1 -0
- package/esm/circle-progress/index.js +49 -37
- package/esm/collapse/collapse.js +46 -27
- package/esm/collapse/group.js +34 -20
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +1 -0
- package/esm/context-provider/index.d.ts +6 -0
- package/esm/context-provider/index.js +20 -11
- package/esm/count-down/hooks.js +37 -24
- package/esm/count-down/index.js +29 -30
- package/esm/count-down/singleton.js +5 -2
- package/esm/count-down/util.js +42 -33
- package/esm/date-picker/helper.js +9 -7
- package/esm/date-picker/index.js +93 -42
- package/esm/dialog/index.d.ts +2 -2
- package/esm/dialog/index.js +39 -28
- package/esm/dialog/methods.js +11 -9
- package/esm/divider/demo/style/css/mobile.css +7 -0
- package/esm/divider/demo/style/mobile.less +12 -0
- package/esm/divider/index.d.ts +49 -0
- package/esm/divider/index.js +49 -0
- package/esm/divider/style/css/index.css +69 -0
- package/esm/divider/style/css/index.d.ts +2 -0
- package/esm/divider/style/css/index.js +2 -0
- package/esm/divider/style/index.d.ts +2 -0
- package/esm/divider/style/index.js +2 -0
- package/esm/divider/style/index.less +66 -0
- package/esm/dropdown/dropdown.js +102 -74
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +20 -12
- package/esm/dropdown-menu/dropdown-menu.js +74 -49
- package/esm/dropdown-menu/helper.js +16 -6
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +63 -33
- package/esm/ellipsis/components/native-ellipsis.js +11 -9
- package/esm/ellipsis/index.js +21 -20
- package/esm/ellipsis/type.d.ts +3 -3
- package/esm/ellipsis/utils/dom.js +7 -0
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item.js +110 -42
- package/esm/form/index.js +20 -17
- package/esm/form/type.js +3 -0
- package/esm/form/useForm.js +71 -17
- package/esm/form/utils.js +6 -3
- package/esm/grid/index.js +34 -21
- package/esm/icon/IconAdd/index.js +6 -5
- package/esm/icon/IconArrowBack/index.js +6 -5
- package/esm/icon/IconArrowDown/index.js +6 -5
- package/esm/icon/IconArrowIn/index.js +6 -5
- package/esm/icon/IconArrowUp/index.js +6 -5
- package/esm/icon/IconCheck/index.js +6 -5
- package/esm/icon/IconCheckBold/index.js +6 -5
- package/esm/icon/IconCircleChecked/index.js +6 -5
- package/esm/icon/IconCircleDisabled/index.js +6 -5
- package/esm/icon/IconCircleUnchecked/index.js +6 -5
- package/esm/icon/IconClear/index.js +6 -5
- package/esm/icon/IconClose/index.js +6 -5
- package/esm/icon/IconCloseBold/index.js +6 -5
- package/esm/icon/IconDelete/index.js +6 -5
- package/esm/icon/IconEdit/index.js +6 -5
- package/esm/icon/IconErrorCircle/index.js +6 -5
- package/esm/icon/IconEyeInvisible/index.js +6 -5
- package/esm/icon/IconEyeVisible/index.js +6 -5
- package/esm/icon/IconEyelashInvisible/index.js +6 -5
- package/esm/icon/IconGift/index.js +6 -5
- package/esm/icon/IconHeart/index.js +6 -5
- package/esm/icon/IconHome/index.js +6 -5
- package/esm/icon/IconLikeCircle/index.js +6 -5
- package/esm/icon/IconMinus/index.js +6 -5
- package/esm/icon/IconMore/index.js +6 -5
- package/esm/icon/IconNotice/index.js +6 -5
- package/esm/icon/IconNoticeOff/index.js +6 -5
- package/esm/icon/IconPicture/index.js +6 -5
- package/esm/icon/IconPlay/index.js +6 -5
- package/esm/icon/IconQuestionCircle/index.js +6 -5
- package/esm/icon/IconRefresh/index.js +6 -5
- package/esm/icon/IconSad/index.js +6 -5
- package/esm/icon/IconScan/index.js +6 -5
- package/esm/icon/IconSearch/index.js +6 -5
- package/esm/icon/IconSetting/index.js +6 -5
- package/esm/icon/IconShop/index.js +6 -5
- package/esm/icon/IconShopping/index.js +6 -5
- package/esm/icon/IconSmileFill/index.js +6 -5
- package/esm/icon/IconSound/index.js +6 -5
- package/esm/icon/IconSquareChecked/index.js +6 -5
- package/esm/icon/IconSquareDisabled/index.js +6 -5
- package/esm/icon/IconSquareUnchecked/index.js +6 -5
- package/esm/icon/IconStar/index.js +6 -5
- package/esm/icon/IconStarFill/index.js +6 -5
- package/esm/icon/IconStarHalf/index.js +6 -5
- package/esm/icon/IconSubway/index.js +6 -5
- package/esm/icon/IconSuccessCircle/index.js +6 -5
- package/esm/icon/IconTriDown/index.js +6 -5
- package/esm/icon/IconTriUp/index.js +6 -5
- package/esm/icon/IconUpload/index.js +6 -5
- package/esm/icon/IconUser/index.js +6 -5
- package/esm/icon/IconUserFill/index.js +6 -5
- package/esm/icon/IconWarnCircle/index.js +6 -5
- package/esm/icon/IconWarnCircleFill/index.js +6 -5
- package/esm/image/index.js +84 -57
- package/esm/image/style/css/index.css +1 -0
- package/esm/image/style/index.less +1 -0
- package/esm/image-picker/index.js +80 -52
- package/esm/image-preview/index.d.ts +2 -2
- package/esm/image-preview/index.js +217 -119
- package/esm/image-preview/methods.js +14 -4
- package/esm/index.d.ts +10 -9
- package/esm/index.js +10 -9
- package/esm/input/demo/style/css/mobile.css +5 -1
- package/esm/input/demo/style/mobile.less +2 -2
- package/esm/input/hooks.js +96 -42
- package/esm/input/index.js +30 -26
- package/esm/input/props.d.ts +6 -0
- package/esm/input/style/css/index.css +9 -0
- package/esm/input/style/index.less +2 -2
- package/esm/load-more/index.js +48 -29
- package/esm/loading/index.js +40 -19
- package/esm/masking/index.d.ts +2 -2
- package/esm/masking/index.js +64 -46
- package/esm/masking/methods.js +15 -4
- package/esm/nav-bar/back-icon.js +3 -1
- package/esm/nav-bar/index.js +52 -37
- package/esm/notice-bar/index.js +56 -35
- package/esm/notice-bar/style/css/index.css +33 -0
- package/esm/notice-bar/style/index.less +16 -3
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +33 -20
- package/esm/notify/methods.js +13 -2
- package/esm/pagination/index.js +50 -27
- package/esm/picker/index.js +66 -40
- package/esm/picker-view/components/cascader.js +23 -14
- package/esm/picker-view/components/multi-picker.js +16 -6
- package/esm/picker-view/components/picker-cell.js +89 -45
- package/esm/picker-view/index.js +54 -25
- package/esm/popover/hooks/useEvent.js +41 -26
- package/esm/popover/hooks/usePosition.js +144 -94
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +41 -32
- package/esm/popover/popover-inner.js +38 -30
- package/esm/popover/popover.js +90 -69
- package/esm/popup/index.d.ts +2 -2
- package/esm/popup/index.js +25 -22
- package/esm/popup-swiper/index.d.ts +2 -2
- package/esm/popup-swiper/index.js +64 -38
- package/esm/portal/index.js +5 -3
- package/esm/progress/index.js +36 -27
- package/esm/pull-refresh/android-pull-refresh.js +90 -58
- package/esm/pull-refresh/hooks.js +23 -11
- package/esm/pull-refresh/index.js +5 -3
- package/esm/pull-refresh/ios-pull-refresh.js +68 -53
- package/esm/pull-refresh/model.js +1 -0
- package/esm/radio/group.js +24 -20
- package/esm/radio/index.js +2 -2
- package/esm/rate/index.js +39 -24
- package/esm/search-bar/association.js +27 -14
- package/esm/search-bar/cancel-button.js +11 -8
- package/esm/search-bar/highlight.js +20 -14
- package/esm/search-bar/index.js +86 -77
- package/esm/search-bar/style/css/index.css +1 -0
- package/esm/search-bar/style/index.less +1 -0
- package/esm/show-monitor/index.js +85 -34
- package/esm/slider/hooks/useSliderEvents.js +51 -26
- package/esm/slider/hooks/useSliderIcon.js +13 -6
- package/esm/slider/hooks/useSliderInit.js +46 -32
- package/esm/slider/hooks/useSliderStyle.js +20 -12
- package/esm/slider/index.js +62 -46
- package/esm/slider/marks.js +18 -12
- package/esm/slider/popover.js +6 -4
- package/esm/slider/thumb.js +15 -8
- package/esm/stepper/hooks/useButtonClick.js +27 -19
- package/esm/stepper/hooks/useInputEvent.js +16 -9
- package/esm/stepper/hooks/useValue.js +12 -9
- package/esm/stepper/index.js +82 -82
- package/esm/steps/index.js +27 -22
- package/esm/steps/step.js +19 -10
- package/esm/sticky/index.js +56 -36
- package/esm/style.d.ts +9 -8
- package/esm/style.js +9 -8
- package/esm/swipe-action/index.js +80 -40
- package/esm/swipe-action/item.js +12 -9
- package/esm/swipe-load/index.js +75 -56
- package/esm/switch/index.js +39 -27
- package/esm/tab-bar/index.js +1 -0
- package/esm/tab-bar/item.js +13 -6
- package/esm/tab-bar/tab-bar.js +21 -15
- package/esm/tabs/index.js +183 -130
- package/esm/tabs/tab-cell-underline.js +103 -38
- package/esm/tabs/tab-cell.js +114 -70
- package/esm/tabs/tab-pane.js +85 -49
- package/esm/tabs/type.d.ts +18 -2
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +16 -11
- package/esm/tag/tag.js +22 -20
- package/esm/textarea/index.js +46 -35
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +42 -26
- package/esm/toast/methods.js +12 -2
- package/esm/transition/index.js +12 -10
- package/package.json +3 -3
- package/tokens/app/arcodesign/default/css-variables.less +22 -0
- package/tokens/app/arcodesign/default/index.d.ts +22 -0
- package/tokens/app/arcodesign/default/index.js +25 -1
- package/tokens/app/arcodesign/default/index.json +262 -0
- package/tokens/app/arcodesign/default/index.less +22 -0
- package/tokens/mixin/index.less +19 -1
- package/umd/_helpers/hooks.js +121 -43
- package/umd/_helpers/index.js +6 -2
- package/umd/_helpers/react-dom.js +11 -0
- package/umd/_helpers/render.js +9 -0
- package/umd/action-sheet/index.d.ts +2 -2
- package/umd/action-sheet/index.js +22 -10
- package/umd/action-sheet/methods.js +1 -0
- package/umd/avatar/group.js +20 -12
- package/umd/avatar/index.js +68 -51
- package/umd/badge/index.js +25 -18
- package/umd/button/hooks.js +19 -15
- package/umd/button/index.js +60 -46
- package/umd/carousel/index.d.ts +6 -0
- package/umd/carousel/index.js +337 -184
- package/umd/carousel/style/css/index.css +50 -15
- package/umd/carousel/style/index.less +19 -14
- package/umd/cell/arrow.js +2 -0
- package/umd/cell/cell.js +18 -14
- package/umd/cell/demo/style/css/mobile.css +8 -0
- package/umd/cell/demo/style/mobile.less +2 -2
- package/umd/cell/group.js +17 -9
- package/umd/cell/index.js +2 -1
- package/umd/cell/style/css/index.css +16 -0
- package/umd/cell/style/index.less +6 -4
- package/umd/checkbox/checkbox.js +45 -31
- package/umd/checkbox/group.js +34 -24
- package/umd/checkbox/hooks/useMergeProps.js +12 -7
- package/umd/checkbox/index.js +3 -1
- package/umd/checkbox/type.js +2 -0
- package/umd/circle-progress/index.js +52 -37
- package/umd/collapse/collapse.js +50 -27
- package/umd/collapse/group.js +38 -20
- package/umd/collapse/index.js +3 -0
- package/umd/collapse/utils.js +5 -0
- package/umd/context-provider/index.d.ts +6 -0
- package/umd/context-provider/index.js +25 -11
- package/umd/count-down/hooks.js +39 -24
- package/umd/count-down/index.js +31 -29
- package/umd/count-down/singleton.js +10 -2
- package/umd/count-down/util.js +47 -33
- package/umd/date-picker/helper.js +13 -7
- package/umd/date-picker/index.js +97 -42
- package/umd/dialog/index.d.ts +2 -2
- package/umd/dialog/index.js +44 -28
- package/umd/dialog/methods.js +18 -9
- package/umd/divider/demo/style/css/mobile.css +7 -0
- package/umd/divider/demo/style/mobile.less +12 -0
- package/umd/divider/index.d.ts +49 -0
- package/umd/divider/index.js +71 -0
- package/umd/divider/style/css/index.css +69 -0
- package/umd/divider/style/css/index.d.ts +2 -0
- package/umd/divider/style/css/index.js +15 -0
- package/umd/divider/style/index.d.ts +2 -0
- package/umd/divider/style/index.js +15 -0
- package/umd/divider/style/index.less +66 -0
- package/umd/dropdown/dropdown.js +106 -74
- package/umd/dropdown/index.js +3 -1
- package/umd/dropdown/options.js +24 -12
- package/umd/dropdown-menu/dropdown-menu.js +78 -49
- package/umd/dropdown-menu/helper.js +25 -6
- package/umd/dropdown-menu/index.js +2 -0
- package/umd/ellipsis/components/js-ellipsis.js +69 -33
- package/umd/ellipsis/components/native-ellipsis.js +13 -9
- package/umd/ellipsis/index.js +24 -19
- package/umd/ellipsis/type.d.ts +3 -3
- package/umd/ellipsis/utils/dom.js +8 -0
- package/umd/ellipsis/utils/is.js +5 -1
- package/umd/form/form-item-context.js +3 -0
- package/umd/form/form-item.js +114 -42
- package/umd/form/index.js +25 -17
- package/umd/form/type.js +3 -0
- package/umd/form/useForm.js +72 -18
- package/umd/form/utils.js +10 -3
- package/umd/grid/index.js +37 -21
- package/umd/icon/IconAdd/index.js +7 -5
- package/umd/icon/IconArrowBack/index.js +7 -5
- package/umd/icon/IconArrowDown/index.js +7 -5
- package/umd/icon/IconArrowIn/index.js +7 -5
- package/umd/icon/IconArrowUp/index.js +7 -5
- package/umd/icon/IconCheck/index.js +7 -5
- package/umd/icon/IconCheckBold/index.js +7 -5
- package/umd/icon/IconCircleChecked/index.js +7 -5
- package/umd/icon/IconCircleDisabled/index.js +7 -5
- package/umd/icon/IconCircleUnchecked/index.js +7 -5
- package/umd/icon/IconClear/index.js +7 -5
- package/umd/icon/IconClose/index.js +7 -5
- package/umd/icon/IconCloseBold/index.js +7 -5
- package/umd/icon/IconDelete/index.js +7 -5
- package/umd/icon/IconEdit/index.js +7 -5
- package/umd/icon/IconErrorCircle/index.js +7 -5
- package/umd/icon/IconEyeInvisible/index.js +7 -5
- package/umd/icon/IconEyeVisible/index.js +7 -5
- package/umd/icon/IconEyelashInvisible/index.js +7 -5
- package/umd/icon/IconGift/index.js +7 -5
- package/umd/icon/IconHeart/index.js +7 -5
- package/umd/icon/IconHome/index.js +7 -5
- package/umd/icon/IconLikeCircle/index.js +7 -5
- package/umd/icon/IconMinus/index.js +7 -5
- package/umd/icon/IconMore/index.js +7 -5
- package/umd/icon/IconNotice/index.js +7 -5
- package/umd/icon/IconNoticeOff/index.js +7 -5
- package/umd/icon/IconPicture/index.js +7 -5
- package/umd/icon/IconPlay/index.js +7 -5
- package/umd/icon/IconQuestionCircle/index.js +7 -5
- package/umd/icon/IconRefresh/index.js +7 -5
- package/umd/icon/IconSad/index.js +7 -5
- package/umd/icon/IconScan/index.js +7 -5
- package/umd/icon/IconSearch/index.js +7 -5
- package/umd/icon/IconSetting/index.js +7 -5
- package/umd/icon/IconShop/index.js +7 -5
- package/umd/icon/IconShopping/index.js +7 -5
- package/umd/icon/IconSmileFill/index.js +7 -5
- package/umd/icon/IconSound/index.js +7 -5
- package/umd/icon/IconSquareChecked/index.js +7 -5
- package/umd/icon/IconSquareDisabled/index.js +7 -5
- package/umd/icon/IconSquareUnchecked/index.js +7 -5
- package/umd/icon/IconStar/index.js +7 -5
- package/umd/icon/IconStarFill/index.js +7 -5
- package/umd/icon/IconStarHalf/index.js +7 -5
- package/umd/icon/IconSubway/index.js +7 -5
- package/umd/icon/IconSuccessCircle/index.js +7 -5
- package/umd/icon/IconTriDown/index.js +7 -5
- package/umd/icon/IconTriUp/index.js +7 -5
- package/umd/icon/IconUpload/index.js +7 -5
- package/umd/icon/IconUser/index.js +7 -5
- package/umd/icon/IconUserFill/index.js +7 -5
- package/umd/icon/IconWarnCircle/index.js +7 -5
- package/umd/icon/IconWarnCircleFill/index.js +7 -5
- package/umd/icon/index.js +1 -0
- package/umd/image/index.js +86 -56
- package/umd/image/style/css/index.css +1 -0
- package/umd/image/style/index.less +1 -0
- package/umd/image-picker/add-icon.js +2 -0
- package/umd/image-picker/index.js +85 -52
- package/umd/image-preview/index.d.ts +2 -2
- package/umd/image-preview/index.js +224 -119
- package/umd/image-preview/methods.js +15 -5
- package/umd/index.d.ts +10 -9
- package/umd/index.js +26 -23
- package/umd/input/demo/style/css/mobile.css +5 -1
- package/umd/input/demo/style/mobile.less +2 -2
- package/umd/input/hooks.js +100 -42
- package/umd/input/index.js +35 -26
- package/umd/input/props.d.ts +6 -0
- package/umd/input/style/css/index.css +9 -0
- package/umd/input/style/index.less +2 -2
- package/umd/load-more/index.js +51 -29
- package/umd/loading/index.js +43 -19
- package/umd/masking/index.d.ts +2 -2
- package/umd/masking/index.js +71 -46
- package/umd/masking/methods.js +16 -4
- package/umd/nav-bar/back-icon.js +4 -1
- package/umd/nav-bar/index.js +55 -37
- package/umd/notice-bar/index.js +57 -33
- package/umd/notice-bar/style/css/index.css +33 -0
- package/umd/notice-bar/style/index.less +16 -3
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +40 -20
- package/umd/notify/methods.js +14 -2
- package/umd/pagination/arrow.js +2 -0
- package/umd/pagination/index.js +53 -27
- package/umd/picker/index.js +70 -40
- package/umd/picker-view/components/cascader.js +27 -14
- package/umd/picker-view/components/multi-picker.js +19 -6
- package/umd/picker-view/components/picker-cell.js +93 -45
- package/umd/picker-view/index.js +58 -25
- package/umd/popover/hooks/useEvent.js +44 -25
- package/umd/popover/hooks/usePosition.js +145 -94
- package/umd/popover/index.js +3 -1
- package/umd/popover/menu.js +45 -32
- package/umd/popover/popover-inner.js +42 -30
- package/umd/popover/popover.js +94 -69
- package/umd/popup/index.d.ts +2 -2
- package/umd/popup/index.js +31 -22
- package/umd/popup/methods.js +1 -0
- package/umd/popup-swiper/index.d.ts +2 -2
- package/umd/popup-swiper/index.js +71 -38
- package/umd/popup-swiper/methods.js +1 -0
- package/umd/portal/index.js +6 -3
- package/umd/progress/index.js +39 -27
- package/umd/pull-refresh/android-pull-refresh.js +93 -58
- package/umd/pull-refresh/hooks.js +29 -11
- package/umd/pull-refresh/index.js +7 -3
- package/umd/pull-refresh/ios-pull-refresh.js +72 -53
- package/umd/pull-refresh/model.js +1 -0
- package/umd/radio/group.js +30 -20
- package/umd/radio/index.js +3 -1
- package/umd/radio/radio.js +5 -0
- package/umd/rate/index.js +44 -24
- package/umd/search-bar/association.js +29 -14
- package/umd/search-bar/cancel-button.js +14 -8
- package/umd/search-bar/highlight.js +21 -14
- package/umd/search-bar/index.js +87 -77
- package/umd/search-bar/style/css/index.css +1 -0
- package/umd/search-bar/style/index.less +1 -0
- package/umd/show-monitor/index.js +89 -34
- package/umd/slider/hooks/index.js +4 -0
- package/umd/slider/hooks/useSliderEvents.js +52 -26
- package/umd/slider/hooks/useSliderIcon.js +17 -6
- package/umd/slider/hooks/useSliderInit.js +50 -32
- package/umd/slider/hooks/useSliderStyle.js +22 -12
- package/umd/slider/index.js +65 -46
- package/umd/slider/marks.js +21 -12
- package/umd/slider/popover.js +10 -4
- package/umd/slider/thumb.js +18 -8
- package/umd/stepper/hooks/useButtonClick.js +27 -19
- package/umd/stepper/hooks/useInputEvent.js +17 -9
- package/umd/stepper/hooks/useValue.js +13 -9
- package/umd/stepper/index.js +87 -82
- package/umd/steps/index.js +32 -22
- package/umd/steps/step.js +22 -10
- package/umd/sticky/index.js +59 -36
- package/umd/style.d.ts +9 -8
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +84 -40
- package/umd/swipe-action/item.js +14 -9
- package/umd/swipe-load/index.js +77 -55
- package/umd/switch/index.js +43 -27
- package/umd/tab-bar/index.js +2 -0
- package/umd/tab-bar/item.js +19 -6
- package/umd/tab-bar/tab-bar.js +26 -15
- package/umd/tabs/index.js +186 -129
- package/umd/tabs/tab-cell-underline.js +107 -38
- package/umd/tabs/tab-cell.js +119 -70
- package/umd/tabs/tab-pane.js +89 -49
- package/umd/tabs/type.d.ts +18 -2
- package/umd/tag/index.js +3 -1
- package/umd/tag/list.js +20 -11
- package/umd/tag/tag.js +26 -20
- package/umd/textarea/index.js +51 -35
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +49 -26
- package/umd/toast/methods.js +13 -2
- package/umd/transition/index.js +12 -10
@@ -1,47 +1,61 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
4
5
|
exports.__esModule = true;
|
5
6
|
exports.default = void 0;
|
7
|
+
|
6
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
|
7
10
|
var _react = _interopRequireWildcard(require("react"));
|
11
|
+
|
8
12
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
13
|
+
|
9
14
|
var _helpers = require("../../_helpers");
|
15
|
+
|
10
16
|
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); }
|
17
|
+
|
11
18
|
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; }
|
19
|
+
|
12
20
|
var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
13
21
|
var prefixCls = props.prefixCls,
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
22
|
+
style = props.style,
|
23
|
+
data = props.data,
|
24
|
+
clickable = props.clickable,
|
25
|
+
itemHeight = props.itemHeight,
|
26
|
+
wrapperHeight = props.wrapperHeight,
|
27
|
+
selectedValue = props.selectedValue,
|
28
|
+
onValueChange = props.onValueChange,
|
29
|
+
disabled = props.disabled,
|
30
|
+
hideEmptyCols = props.hideEmptyCols,
|
31
|
+
_props$rows = props.rows,
|
32
|
+
rows = _props$rows === void 0 ? 5 : _props$rows,
|
33
|
+
_props$touchToStop = props.touchToStop,
|
34
|
+
touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
|
35
|
+
|
27
36
|
var _useMountedState = (0, _helpers.useMountedState)(''),
|
28
|
-
|
29
|
-
|
37
|
+
transitionDuration = _useMountedState[0],
|
38
|
+
setTransitionDuration = _useMountedState[1];
|
39
|
+
|
30
40
|
var _useState = (0, _react.useState)(''),
|
31
|
-
|
32
|
-
|
41
|
+
bezier = _useState[0],
|
42
|
+
setBezier = _useState[1];
|
43
|
+
|
33
44
|
var _useMountedState2 = (0, _helpers.useMountedState)(0),
|
34
|
-
|
35
|
-
|
45
|
+
currentIndex = _useMountedState2[0],
|
46
|
+
setCurrentIndex = _useMountedState2[1];
|
47
|
+
|
36
48
|
var _useMountedState3 = (0, _helpers.useMountedState)(selectedValue),
|
37
|
-
|
38
|
-
|
39
|
-
// 是否开始touch
|
49
|
+
currentValue = _useMountedState3[0],
|
50
|
+
setCurrentValue = _useMountedState3[1]; // 是否开始touch
|
40
51
|
// @en whether to start touch
|
52
|
+
|
53
|
+
|
41
54
|
var _useRefState = (0, _helpers.useRefState)(0),
|
42
|
-
|
43
|
-
|
44
|
-
|
55
|
+
transformY = _useRefState[0],
|
56
|
+
transformYRef = _useRefState[1],
|
57
|
+
setTransformY = _useRefState[2];
|
58
|
+
|
45
59
|
var lastTransformYRef = (0, _react.useRef)(0);
|
46
60
|
var touchStartTimeRef = (0, _react.useRef)(0);
|
47
61
|
var latestCallbackTimer = (0, _react.useRef)(0);
|
@@ -66,66 +80,80 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
66
80
|
paddingTop: (rowCount - 1) / 2 * itemHeight + "px"
|
67
81
|
}));
|
68
82
|
}, [transitionDuration, transformY, bezier, itemHeight, rowCount]);
|
83
|
+
|
69
84
|
function _scrollingComplete(nowItemIndex) {
|
70
85
|
// index有改变时再抛出
|
71
86
|
// @en Throws again when index changes
|
72
87
|
if (currentIndex !== nowItemIndex) {
|
73
88
|
setCurrentIndex(nowItemIndex);
|
74
89
|
var newValue = data[nowItemIndex] && data[nowItemIndex].value;
|
90
|
+
|
75
91
|
if (newValue !== currentValue) {
|
76
92
|
// if (!('selectedValue' in props)) {
|
77
93
|
// setCurrentValue(newValue);
|
78
94
|
// }
|
79
95
|
setCurrentValue(newValue);
|
96
|
+
|
80
97
|
if (onValueChange) {
|
81
98
|
onValueChange(newValue);
|
82
99
|
}
|
83
100
|
}
|
84
101
|
}
|
85
102
|
}
|
103
|
+
|
86
104
|
function _scrollTo(transY, transDuration, callback) {
|
87
105
|
if (transDuration === void 0) {
|
88
106
|
transDuration = 0;
|
89
107
|
}
|
108
|
+
|
90
109
|
if (callback === void 0) {
|
91
110
|
callback = function callback() {};
|
92
111
|
}
|
112
|
+
|
93
113
|
setTransitionDuration(transDuration ? transDuration + "ms" : '');
|
94
|
-
setTransformY(transY);
|
95
|
-
// 处理连续滑动的情况:
|
114
|
+
setTransformY(transY); // 处理连续滑动的情况:
|
96
115
|
// @en handle the case of continuous sliding:
|
97
116
|
// 如果上一次callback还未执行,先cancel掉上一次回调,只执行最近的一次回调
|
98
117
|
// @en If the last callback has not been executed, cancel the last callback first, and only execute the latest callback
|
118
|
+
|
99
119
|
if (latestCallbackTimer.current) {
|
100
120
|
clearTimeout(latestCallbackTimer.current);
|
101
121
|
}
|
122
|
+
|
102
123
|
latestCallbackTimer.current = window.setTimeout(function () {
|
103
124
|
movingStatusRef.current = 'normal';
|
104
125
|
setTransitionDuration('');
|
105
126
|
callback();
|
106
127
|
}, transDuration);
|
107
128
|
}
|
129
|
+
|
108
130
|
function _scrollToIndex(itemIndex, transDuration, callback) {
|
109
131
|
if (transDuration === void 0) {
|
110
132
|
transDuration = 0;
|
111
133
|
}
|
134
|
+
|
112
135
|
if (callback === void 0) {
|
113
136
|
callback = function callback() {};
|
114
137
|
}
|
138
|
+
|
115
139
|
_scrollTo(-1 * itemIndex * itemHeight, transDuration, callback);
|
116
140
|
}
|
141
|
+
|
117
142
|
function _scrollToIndexWithChange(itemIndex, transDuration) {
|
118
143
|
if (transDuration === void 0) {
|
119
144
|
transDuration = 0;
|
120
145
|
}
|
146
|
+
|
121
147
|
_scrollToIndex(itemIndex, transDuration, function () {
|
122
148
|
_scrollingComplete(itemIndex);
|
123
149
|
});
|
124
150
|
}
|
151
|
+
|
125
152
|
var _handleColumnTouchStart = (0, _react.useCallback)(function (e) {
|
126
153
|
if (disabled) {
|
127
154
|
return;
|
128
155
|
}
|
156
|
+
|
129
157
|
isTouchMoveRef.current = false;
|
130
158
|
movingStatusRef.current = 'moving';
|
131
159
|
var x = e.touches[0].screenX;
|
@@ -137,38 +165,44 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
137
165
|
touchStartYRef.current = y;
|
138
166
|
lastTransformYRef.current = transformYRef.current;
|
139
167
|
}, [disabled]);
|
168
|
+
|
140
169
|
var _handleColumnTouchMove = (0, _react.useCallback)(function (e) {
|
141
170
|
if (disabled || !touchingRef.current) {
|
142
171
|
return;
|
143
172
|
}
|
173
|
+
|
144
174
|
isTouchMoveRef.current = true;
|
145
175
|
var lastTransformY = lastTransformYRef.current;
|
146
176
|
var touchMoveX = e.touches[0].screenX;
|
147
177
|
var touchMoveY = e.touches[0].screenY;
|
148
178
|
var distanceX = touchMoveX - touchStartXRef.current;
|
149
179
|
var distance = touchMoveY - touchStartYRef.current;
|
180
|
+
|
150
181
|
if (touchingXRef.current === null) {
|
151
182
|
touchingXRef.current = Math.abs(distanceX) > Math.abs(distance);
|
152
183
|
}
|
184
|
+
|
153
185
|
if (touchingXRef.current) {
|
154
186
|
return;
|
155
187
|
}
|
188
|
+
|
156
189
|
e.cancelable && e.preventDefault();
|
157
190
|
var newPos = lastTransformY + distance;
|
158
|
-
var maxPos = -1 * (data.length - 1) * itemHeight;
|
159
|
-
// 当滚动到上边界或下边界时增加阻尼效果
|
191
|
+
var maxPos = -1 * (data.length - 1) * itemHeight; // 当滚动到上边界或下边界时增加阻尼效果
|
160
192
|
// @en Add damping effect when scrolling to the upper or lower border
|
193
|
+
|
161
194
|
setTransformY(lastTransformY >= 0 && distance > 0 || lastTransformY <= maxPos && distance < 0 ? lastTransformY + distance / 4 : newPos);
|
162
195
|
}, [data.length, disabled, itemHeight]);
|
196
|
+
|
163
197
|
function _handleScrollEnd() {
|
164
198
|
var maxIndex = data.length - 1;
|
165
|
-
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transformY / itemHeight)));
|
166
|
-
// 滚动(包括加动量的滚动)完成之后定位到最近的一个index上
|
199
|
+
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transformY / itemHeight))); // 滚动(包括加动量的滚动)完成之后定位到最近的一个index上
|
167
200
|
// @en After scrolling (including scrolling with momentum) is completed, it is positioned on the nearest index
|
201
|
+
|
168
202
|
_scrollToIndexWithChange(nowIndex, 200);
|
169
|
-
}
|
203
|
+
} // Reference: https://juejin.im/post/6844904185121488910
|
204
|
+
|
170
205
|
|
171
|
-
// Reference: https://juejin.im/post/6844904185121488910
|
172
206
|
function momentum(current, start, duration, minY, maxY) {
|
173
207
|
var durationMap = {
|
174
208
|
noBounce: 2000,
|
@@ -180,23 +214,24 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
180
214
|
weekBounce: 'cubic-bezier(.25, .46, .45, .94)',
|
181
215
|
strongBounce: 'cubic-bezier(.25, .46, .45, .94)'
|
182
216
|
};
|
183
|
-
var type = 'noBounce';
|
184
|
-
// 惯性滑动加速度
|
217
|
+
var type = 'noBounce'; // 惯性滑动加速度
|
185
218
|
// @en inertial sliding acceleration
|
186
|
-
|
187
|
-
// 回弹阻力
|
219
|
+
|
220
|
+
var deceleration = 0.003; // 回弹阻力
|
188
221
|
// @en rebound resistance
|
189
|
-
|
190
|
-
// 强弱回弹的分割值
|
222
|
+
|
223
|
+
var bounceRate = 5; // 强弱回弹的分割值
|
191
224
|
// @en Split value of strong and weak rebound
|
192
|
-
|
193
|
-
// 回弹的最大限度
|
225
|
+
|
226
|
+
var bounceThreshold = 300; // 回弹的最大限度
|
194
227
|
// @en maximum rebound
|
228
|
+
|
195
229
|
var maxOverflowY = wrapperHeight / 6;
|
196
230
|
var overflowY;
|
197
231
|
var distance = current - start;
|
198
232
|
var speed = 2 * Math.abs(distance) / duration;
|
199
233
|
var destination = current + speed / deceleration * (distance < 0 ? -1 : 1);
|
234
|
+
|
200
235
|
if (destination < minY) {
|
201
236
|
overflowY = minY - destination;
|
202
237
|
type = overflowY > bounceThreshold ? 'strongBounce' : 'weekBounce';
|
@@ -206,31 +241,37 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
206
241
|
type = overflowY > bounceThreshold ? 'strongBounce' : 'weekBounce';
|
207
242
|
destination = Math.min(maxY + maxOverflowY, maxY + overflowY / bounceRate);
|
208
243
|
}
|
244
|
+
|
209
245
|
return {
|
210
246
|
destination: destination,
|
211
247
|
duration: durationMap[type],
|
212
248
|
bezier: bezierMap[type]
|
213
249
|
};
|
214
250
|
}
|
251
|
+
|
215
252
|
function _handleColumnTouchEnd() {
|
216
253
|
_clearTimer();
|
254
|
+
|
217
255
|
movingStatusRef.current = 'normal';
|
218
256
|
var lastTransformY = lastTransformYRef.current;
|
257
|
+
|
219
258
|
if (!isTouchMoveRef.current || transformY === lastTransformY) {
|
220
259
|
return;
|
221
260
|
}
|
261
|
+
|
222
262
|
touchingRef.current = false;
|
223
263
|
var endTime = Date.now();
|
224
264
|
var scrollerHeight = (data.length + rowCount - 1) * itemHeight;
|
225
265
|
var duration = endTime - touchStartTimeRef.current;
|
226
|
-
var absDistY = Math.abs(transformY - lastTransformY);
|
227
|
-
// 计算动量,保证滚动顺畅,条件:手势时间小于300ms && 移动距离绝对值大于30时
|
266
|
+
var absDistY = Math.abs(transformY - lastTransformY); // 计算动量,保证滚动顺畅,条件:手势时间小于300ms && 移动距离绝对值大于30时
|
228
267
|
// @en Calculate the momentum to ensure smooth scrolling, condition: the gesture time is less than 300ms && the absolute value of the moving distance is greater than 30
|
268
|
+
|
229
269
|
if (duration < 300 && absDistY > 30) {
|
230
270
|
var momentumY = momentum(transformY, lastTransformY, duration, wrapperHeight - scrollerHeight, 0);
|
231
271
|
var newItemIndex = Math.max(0, Math.min(data.length - 1, Math.round(-1 * momentumY.destination / itemHeight)));
|
232
272
|
setBezier(momentumY.bezier);
|
233
273
|
movingStatusRef.current = 'scrolling';
|
274
|
+
|
234
275
|
_scrollToIndex(newItemIndex, momentumY.duration, function () {
|
235
276
|
_scrollingComplete(newItemIndex);
|
236
277
|
});
|
@@ -238,27 +279,32 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
238
279
|
_handleScrollEnd();
|
239
280
|
}
|
240
281
|
}
|
282
|
+
|
241
283
|
function scrollToCurrentIndex() {
|
242
284
|
if (!wrapRef.current) {
|
243
285
|
return;
|
244
286
|
}
|
287
|
+
|
245
288
|
var curStyle = window.getComputedStyle(wrapRef.current);
|
246
289
|
var transformMatrix = curStyle.transform || curStyle.webkitTransform || '';
|
247
290
|
var transY = Number(transformMatrix.replace(/matrix\((.*?)\)/, '$1').split(/,\s*/).slice(-1)[0]) || 0;
|
248
291
|
var maxIndex = data.length - 1;
|
249
|
-
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transY / itemHeight)));
|
250
|
-
// 滚动(包括加动量的滚动)完成之后定位到最近的一个index上
|
292
|
+
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transY / itemHeight))); // 滚动(包括加动量的滚动)完成之后定位到最近的一个index上
|
251
293
|
// @en After scrolling (including scrolling with momentum) is completed, it is positioned on the nearest index
|
294
|
+
|
252
295
|
_scrollToIndexWithChange(nowIndex, 0);
|
253
296
|
}
|
297
|
+
|
254
298
|
function _clearTimer() {
|
255
299
|
timeRef.current && clearTimeout(timeRef.current);
|
256
300
|
timeRef.current = null;
|
257
301
|
}
|
302
|
+
|
258
303
|
function _handleItemTouchStart() {
|
259
304
|
if (touchToStop === false) {
|
260
305
|
return;
|
261
306
|
}
|
307
|
+
|
262
308
|
isTouchStopped.current = false;
|
263
309
|
timeRef.current = window.setTimeout(function () {
|
264
310
|
if (!isTouchMoveRef.current) {
|
@@ -267,17 +313,21 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
267
313
|
}
|
268
314
|
}, touchToStop === true ? 100 : touchToStop);
|
269
315
|
}
|
316
|
+
|
270
317
|
function _handleItemClick(itemIndex) {
|
271
318
|
if (!clickable || disabled || touchToStop !== false && isTouchStopped.current) {
|
272
319
|
return;
|
273
320
|
}
|
321
|
+
|
274
322
|
_scrollToIndexWithChange(itemIndex, 200);
|
275
323
|
}
|
324
|
+
|
276
325
|
(0, _react.useEffect)(function () {
|
277
326
|
if (wrapRef.current) {
|
278
327
|
wrapRef.current.addEventListener('touchstart', _handleColumnTouchStart);
|
279
328
|
wrapRef.current.addEventListener('touchmove', _handleColumnTouchMove);
|
280
329
|
}
|
330
|
+
|
281
331
|
return function () {
|
282
332
|
if (wrapRef.current) {
|
283
333
|
wrapRef.current.removeEventListener('touchstart', _handleColumnTouchStart);
|
@@ -291,6 +341,7 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
291
341
|
return item.value === selectedValue;
|
292
342
|
});
|
293
343
|
setCurrentIndex(curIndex);
|
344
|
+
|
294
345
|
if (curIndex >= 0) {
|
295
346
|
_scrollToIndexWithChange(curIndex);
|
296
347
|
}
|
@@ -314,6 +365,7 @@ var PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
314
365
|
"aria-disabled": disabled
|
315
366
|
}, data.map(function (item, index) {
|
316
367
|
var _cls;
|
368
|
+
|
317
369
|
var dis = Math.abs(index - currentIndex);
|
318
370
|
return /*#__PURE__*/_react.default.createElement("div", {
|
319
371
|
"aria-label": index === currentIndex ? "" + item.value : '',
|
package/cjs/picker-view/index.js
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
4
5
|
exports.__esModule = true;
|
5
6
|
var _exportNames = {
|
6
7
|
MultiPicker: true,
|
@@ -8,56 +9,76 @@ var _exportNames = {
|
|
8
9
|
Cascader: true
|
9
10
|
};
|
10
11
|
exports.default = void 0;
|
12
|
+
|
11
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
14
|
+
|
12
15
|
var _react = _interopRequireWildcard(require("react"));
|
16
|
+
|
13
17
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
18
|
+
|
14
19
|
var _contextProvider = require("../context-provider");
|
20
|
+
|
15
21
|
var _multiPicker = _interopRequireDefault(require("../picker-view/components/multi-picker"));
|
22
|
+
|
16
23
|
exports.MultiPicker = _multiPicker.default;
|
24
|
+
|
17
25
|
var _pickerCell = _interopRequireDefault(require("../picker-view/components/picker-cell"));
|
26
|
+
|
18
27
|
exports.PickerCell = _pickerCell.default;
|
28
|
+
|
19
29
|
var _cascader = _interopRequireDefault(require("../picker-view/components/cascader"));
|
30
|
+
|
20
31
|
exports.Cascader = _cascader.default;
|
32
|
+
|
21
33
|
var _helpers = require("../_helpers");
|
34
|
+
|
22
35
|
var _type = require("./type");
|
36
|
+
|
23
37
|
Object.keys(_type).forEach(function (key) {
|
24
38
|
if (key === "default" || key === "__esModule") return;
|
25
39
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
26
40
|
if (key in exports && exports[key] === _type[key]) return;
|
27
41
|
exports[key] = _type[key];
|
28
42
|
});
|
43
|
+
|
29
44
|
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); }
|
45
|
+
|
30
46
|
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; }
|
47
|
+
|
31
48
|
var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
32
49
|
var _props$className = props.className,
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
50
|
+
className = _props$className === void 0 ? '' : _props$className,
|
51
|
+
itemStyle = props.itemStyle,
|
52
|
+
_props$cascade = props.cascade,
|
53
|
+
cascade = _props$cascade === void 0 ? true : _props$cascade,
|
54
|
+
_props$cols = props.cols,
|
55
|
+
cols = _props$cols === void 0 ? 3 : _props$cols,
|
56
|
+
_props$rows = props.rows,
|
57
|
+
rows = _props$rows === void 0 ? 5 : _props$rows,
|
58
|
+
data = props.data,
|
59
|
+
_props$disabled = props.disabled,
|
60
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
61
|
+
_props$clickable = props.clickable,
|
62
|
+
clickable = _props$clickable === void 0 ? true : _props$clickable,
|
63
|
+
value = props.value,
|
64
|
+
_props$hideEmptyCols = props.hideEmptyCols,
|
65
|
+
hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
|
66
|
+
onPickerChange = props.onPickerChange,
|
67
|
+
_props$touchToStop = props.touchToStop,
|
68
|
+
touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
|
69
|
+
|
52
70
|
var _useState = (0, _react.useState)(0),
|
53
|
-
|
54
|
-
|
71
|
+
itemHeight = _useState[0],
|
72
|
+
setItemHeight = _useState[1];
|
73
|
+
|
55
74
|
var _useState2 = (0, _react.useState)(0),
|
56
|
-
|
57
|
-
|
75
|
+
wrapperHeight = _useState2[0],
|
76
|
+
setWrapperHeight = _useState2[1];
|
77
|
+
|
58
78
|
var _useMountedState = (0, _helpers.useMountedState)(value),
|
59
|
-
|
60
|
-
|
79
|
+
scrollValue = _useMountedState[0],
|
80
|
+
setScrollValue = _useMountedState[1];
|
81
|
+
|
61
82
|
var wrapperRef = (0, _react.useRef)(null);
|
62
83
|
var domRef = (0, _react.useRef)(null);
|
63
84
|
var barRef = (0, _react.useRef)(null);
|
@@ -66,12 +87,15 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
66
87
|
var cascaderRef = (0, _react.useRef)(null);
|
67
88
|
var innerData = (0, _react.useMemo)(function () {
|
68
89
|
var newData;
|
90
|
+
|
69
91
|
var isArray = function isArray(dt) {
|
70
92
|
return dt ? Array.isArray(dt[0]) : false;
|
71
93
|
};
|
94
|
+
|
72
95
|
var isStrOrNum = function isStrOrNum(dt) {
|
73
96
|
return typeof dt[0][0] === 'string' || typeof dt[0][0] === 'number';
|
74
97
|
};
|
98
|
+
|
75
99
|
if (isArray(data)) {
|
76
100
|
if (isStrOrNum(data)) {
|
77
101
|
newData = data.map(function (item) {
|
@@ -88,36 +112,46 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
88
112
|
} else {
|
89
113
|
newData = [data];
|
90
114
|
}
|
115
|
+
|
91
116
|
return newData;
|
92
117
|
}, [data]);
|
93
118
|
(0, _react.useEffect)(function () {
|
94
119
|
scrollValueRef.current = scrollValue;
|
95
120
|
}, [scrollValue]);
|
121
|
+
|
96
122
|
var getAllColumnValues = function getAllColumnValues() {
|
97
123
|
return scrollValueRef.current;
|
98
124
|
};
|
125
|
+
|
99
126
|
function getColumnValue(index) {
|
100
127
|
if (index === void 0) {
|
101
128
|
index = 0;
|
102
129
|
}
|
130
|
+
|
103
131
|
return scrollValueRef.current[index];
|
104
132
|
}
|
133
|
+
|
105
134
|
function getCellMovingStatus() {
|
106
135
|
var _cascaderRef$current;
|
136
|
+
|
107
137
|
return cascade ? ((_cascaderRef$current = cascaderRef.current) == null ? void 0 : _cascaderRef$current.getCellMovingStatus()) || [] : pickerCellsRef.current.map(function (cell) {
|
108
138
|
return cell.movingStatus;
|
109
139
|
});
|
110
140
|
}
|
141
|
+
|
111
142
|
function scrollToCurrentIndex() {
|
112
143
|
if (cascade) {
|
113
144
|
var _cascaderRef$current2;
|
145
|
+
|
114
146
|
(_cascaderRef$current2 = cascaderRef.current) == null ? void 0 : _cascaderRef$current2.scrollToCurrentIndex();
|
115
147
|
return;
|
116
148
|
}
|
149
|
+
|
117
150
|
pickerCellsRef.current.forEach(function (cell) {
|
118
151
|
return cell.scrollToCurrentIndex();
|
119
152
|
});
|
120
153
|
}
|
154
|
+
|
121
155
|
(0, _react.useImperativeHandle)(ref, function () {
|
122
156
|
return {
|
123
157
|
dom: domRef.current,
|
@@ -129,18 +163,23 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
129
163
|
scrollToCurrentIndex: scrollToCurrentIndex
|
130
164
|
};
|
131
165
|
});
|
166
|
+
|
132
167
|
function _onPickerChange(val, index) {
|
133
168
|
setScrollValue(val);
|
169
|
+
|
134
170
|
if (onPickerChange) {
|
135
171
|
onPickerChange(val, index);
|
136
172
|
}
|
137
173
|
}
|
174
|
+
|
138
175
|
function _onValueChange(val, index) {
|
139
176
|
setScrollValue(val);
|
177
|
+
|
140
178
|
if (onPickerChange) {
|
141
179
|
onPickerChange(val, index);
|
142
180
|
}
|
143
181
|
}
|
182
|
+
|
144
183
|
(0, _react.useEffect)(function () {
|
145
184
|
setScrollValue(value);
|
146
185
|
}, [value, setScrollValue]);
|
@@ -149,21 +188,26 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
149
188
|
setWrapperHeight(wrapperRef.current.offsetHeight);
|
150
189
|
}
|
151
190
|
}, [wrapperRef, setWrapperHeight]);
|
191
|
+
|
152
192
|
var updateItemHeight = function updateItemHeight() {
|
153
193
|
if (barRef.current) {
|
154
194
|
setItemHeight(barRef.current.getBoundingClientRect().height);
|
155
195
|
}
|
156
196
|
};
|
197
|
+
|
157
198
|
(0, _react.useEffect)(function () {
|
158
199
|
updateLayout();
|
159
200
|
}, []);
|
201
|
+
|
160
202
|
function updateLayout() {
|
161
203
|
updateWrapperHeight();
|
162
204
|
updateItemHeight();
|
163
205
|
}
|
206
|
+
|
164
207
|
function resetValue() {
|
165
208
|
setScrollValue(value);
|
166
209
|
}
|
210
|
+
|
167
211
|
var newItemStyle = (0, _extends2.default)({
|
168
212
|
height: itemHeight + "px"
|
169
213
|
}, itemStyle);
|
@@ -236,5 +280,7 @@ var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
236
280
|
* @name_en PickerView
|
237
281
|
* @displayName PickerView
|
238
282
|
*/
|
283
|
+
|
239
284
|
var _default = (0, _mobileUtils.componentWrapper)(PickerView, 'PickerView');
|
285
|
+
|
240
286
|
exports.default = _default;
|
@@ -1,13 +1,17 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
exports.__esModule = true;
|
4
|
+
|
4
5
|
var _usePosition = require("./usePosition");
|
6
|
+
|
5
7
|
Object.keys(_usePosition).forEach(function (key) {
|
6
8
|
if (key === "default" || key === "__esModule") return;
|
7
9
|
if (key in exports && exports[key] === _usePosition[key]) return;
|
8
10
|
exports[key] = _usePosition[key];
|
9
11
|
});
|
12
|
+
|
10
13
|
var _useEvent = require("./useEvent");
|
14
|
+
|
11
15
|
Object.keys(_useEvent).forEach(function (key) {
|
12
16
|
if (key === "default" || key === "__esModule") return;
|
13
17
|
if (key in exports && exports[key] === _useEvent[key]) return;
|