@arco-design/mobile-react 2.38.3 → 2.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +59 -141
- package/cjs/_helpers/index.js +2 -18
- package/cjs/_helpers/react-dom.js +0 -14
- package/cjs/_helpers/render.js +5 -21
- package/cjs/action-sheet/index.d.ts +0 -1
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- 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 +53 -79
- 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.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/index.js +153 -288
- 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 +18 -34
- 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.js +1 -8
- 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 +30 -61
- 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 +18 -43
- 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 +1 -1
- package/cjs/date-picker/index.js +69 -167
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.d.ts +0 -1
- package/cjs/dialog/index.js +31 -57
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/divider/index.js +8 -20
- package/cjs/divider/style/css/index.js +0 -1
- package/cjs/divider/style/index.js +0 -1
- 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 +4 -24
- 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 +32 -70
- package/cjs/ellipsis/components/native-ellipsis.js +9 -14
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.js +0 -5
- package/cjs/form/form-item.d.ts +5 -4
- package/cjs/form/form-item.js +75 -164
- package/cjs/form/index.js +18 -38
- package/cjs/form/linked-container.js +5 -24
- package/cjs/form/style/css/index.js +0 -1
- package/cjs/form/style/index.js +0 -1
- package/cjs/form/type.d.ts +13 -4
- package/cjs/form/type.js +0 -5
- package/cjs/form/useForm.d.ts +1 -1
- package/cjs/form/useForm.js +10 -79
- package/cjs/form/utils.js +4 -22
- package/cjs/grid/index.js +22 -45
- 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/IconDownload/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/IconFile/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/IconKeyboard/index.js +5 -12
- package/cjs/icon/IconKeyboardDelete/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 -119
- package/cjs/image/index.js +53 -94
- 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.js +32 -59
- package/cjs/image-picker/style/css/index.js +0 -3
- package/cjs/image-picker/style/index.js +0 -3
- package/cjs/image-preview/index.js +129 -254
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/index-bar/context.js +0 -2
- package/cjs/index-bar/group.js +16 -35
- package/cjs/index-bar/index.js +55 -87
- package/cjs/index-bar/side-bar.js +15 -34
- package/cjs/index-bar/style/css/index.js +0 -2
- package/cjs/index-bar/style/index.js +0 -2
- package/cjs/index-bar/utils.js +3 -17
- package/cjs/index.js +0 -119
- package/cjs/input/hooks.js +45 -84
- package/cjs/input/index.js +26 -40
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/keyboard/index.js +37 -73
- package/cjs/keyboard/style/css/index.js +0 -2
- package/cjs/keyboard/style/index.js +0 -2
- package/cjs/load-more/index.js +33 -65
- 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 +47 -80
- package/cjs/masking/methods.js +5 -21
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +2 -8
- package/cjs/nav-bar/index.js +37 -61
- 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 +34 -60
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- 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.js +48 -84
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +13 -32
- package/cjs/picker-view/components/multi-picker.js +8 -17
- package/cjs/picker-view/components/picker-cell.js +45 -101
- package/cjs/picker-view/index.js +30 -76
- 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 +100 -159
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -52
- package/cjs/popover/popover-inner.js +30 -48
- 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 +50 -92
- 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.d.ts +1 -1
- package/cjs/pull-refresh/android-pull-refresh.js +56 -95
- package/cjs/pull-refresh/hooks.d.ts +2 -2
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.js +3 -14
- package/cjs/pull-refresh/ios-pull-refresh.d.ts +1 -1
- package/cjs/pull-refresh/ios-pull-refresh.js +55 -81
- package/cjs/pull-refresh/model.d.ts +0 -1
- 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.js +1 -8
- 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.js +28 -54
- 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 +40 -108
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/skeleton/elements.js +47 -84
- package/cjs/skeleton/index.js +18 -36
- package/cjs/skeleton/skeleton-context.js +0 -4
- package/cjs/skeleton/style/css/index.js +0 -2
- package/cjs/skeleton/style/index.js +0 -2
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +27 -59
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +13 -27
- package/cjs/slider/index.js +47 -73
- package/cjs/slider/marks.js +13 -27
- 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 +11 -22
- package/cjs/stepper/hooks/useButtonClick.js +15 -25
- package/cjs/stepper/hooks/useInputEvent.js +10 -19
- package/cjs/stepper/hooks/useValue.d.ts +1 -1
- package/cjs/stepper/hooks/useValue.js +9 -15
- package/cjs/stepper/index.js +84 -98
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/stepper/type.d.ts +1 -1
- package/cjs/steps/index.js +25 -43
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +40 -74
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.js +0 -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-action/type.d.ts +1 -1
- package/cjs/swipe-load/index.js +78 -113
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.js +28 -49
- 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 +16 -32
- package/cjs/tabs/index.js +136 -206
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +28 -76
- package/cjs/tabs/tab-cell.js +73 -128
- package/cjs/tabs/tab-pane.js +53 -103
- 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.js +35 -56
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- 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 +17 -29
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/cjs/uploader/index.d.ts +1 -1
- package/cjs/uploader/index.js +28 -49
- package/cjs/uploader/style/css/index.js +0 -3
- package/cjs/uploader/style/index.js +0 -3
- package/cjs/uploader/upload/index.js +0 -4
- package/cjs/uploader/upload/upload.d.ts +4 -4
- package/cjs/uploader/upload/upload.js +9 -45
- package/dist/index.js +5078 -7692
- package/dist/index.min.js +4 -4
- package/esm/_helpers/hooks.js +59 -123
- package/esm/_helpers/index.js +4 -6
- package/esm/_helpers/react-dom.js +0 -11
- package/esm/_helpers/render.js +5 -15
- package/esm/action-sheet/index.d.ts +0 -1
- package/esm/action-sheet/index.js +10 -16
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +53 -64
- package/esm/badge/index.js +18 -22
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/index.js +153 -280
- package/esm/cell/cell.js +18 -25
- 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.js +2 -2
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +30 -51
- 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 +18 -33
- 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 +1 -1
- package/esm/date-picker/index.js +69 -155
- package/esm/dialog/index.d.ts +0 -1
- package/esm/dialog/index.js +31 -42
- package/esm/dialog/methods.js +9 -11
- package/esm/divider/index.js +8 -12
- 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 +4 -14
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +32 -60
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item.d.ts +5 -4
- package/esm/form/form-item.js +79 -152
- package/esm/form/index.js +18 -23
- package/esm/form/linked-container.js +5 -14
- package/esm/form/type.d.ts +13 -4
- package/esm/form/type.js +0 -5
- package/esm/form/useForm.d.ts +1 -1
- package/esm/form/useForm.js +13 -77
- package/esm/form/utils.js +4 -11
- package/esm/grid/index.js +22 -38
- 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/IconDownload/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/IconFile/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/IconKeyboard/index.js +5 -6
- package/esm/icon/IconKeyboardDelete/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 -85
- package/esm/image-picker/index.js +32 -42
- package/esm/image-preview/index.js +129 -232
- package/esm/image-preview/methods.js +5 -14
- package/esm/index-bar/group.js +16 -25
- package/esm/index-bar/index.js +55 -74
- package/esm/index-bar/side-bar.js +15 -28
- package/esm/index-bar/utils.js +3 -10
- package/esm/input/hooks.js +45 -75
- package/esm/input/index.js +26 -30
- package/esm/keyboard/index.js +40 -63
- package/esm/load-more/index.js +33 -57
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +47 -65
- package/esm/masking/methods.js +5 -16
- package/esm/nav-bar/back-icon.js +2 -4
- package/esm/nav-bar/index.js +37 -52
- package/esm/notice-bar/index.js +34 -53
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.js +48 -69
- package/esm/picker-view/components/cascader.js +13 -24
- package/esm/picker-view/components/multi-picker.js +8 -14
- package/esm/picker-view/components/picker-cell.js +45 -93
- package/esm/picker-view/index.js +30 -60
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +100 -152
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -39
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +50 -76
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.d.ts +1 -1
- package/esm/pull-refresh/android-pull-refresh.js +58 -85
- package/esm/pull-refresh/hooks.d.ts +2 -2
- package/esm/pull-refresh/hooks.js +13 -25
- package/esm/pull-refresh/index.js +3 -5
- package/esm/pull-refresh/ios-pull-refresh.d.ts +1 -1
- package/esm/pull-refresh/ios-pull-refresh.js +55 -69
- package/esm/pull-refresh/model.d.ts +0 -1
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.js +2 -2
- package/esm/rate/index.js +28 -43
- 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 +40 -100
- package/esm/skeleton/elements.js +47 -75
- package/esm/skeleton/index.js +18 -24
- package/esm/slider/hooks/useSliderEvents.js +27 -54
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +13 -22
- package/esm/slider/index.js +47 -63
- package/esm/slider/marks.js +13 -19
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +11 -16
- package/esm/stepper/hooks/useButtonClick.js +15 -24
- package/esm/stepper/hooks/useInputEvent.js +10 -17
- package/esm/stepper/hooks/useValue.d.ts +1 -1
- package/esm/stepper/hooks/useValue.js +11 -14
- package/esm/stepper/index.js +84 -84
- package/esm/stepper/type.d.ts +1 -1
- package/esm/steps/index.js +25 -30
- package/esm/steps/step.js +10 -19
- package/esm/sticky/index.js +40 -65
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-action/type.d.ts +1 -1
- package/esm/swipe-load/index.js +79 -104
- package/esm/switch/index.js +28 -41
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +16 -22
- package/esm/tabs/index.js +137 -194
- package/esm/tabs/tab-cell-underline.js +28 -67
- package/esm/tabs/tab-cell.js +73 -118
- package/esm/tabs/tab-pane.js +53 -95
- 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.js +35 -46
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +17 -20
- package/esm/uploader/index.d.ts +1 -1
- package/esm/uploader/index.js +28 -34
- package/esm/uploader/upload/upload.d.ts +4 -4
- package/esm/uploader/upload/upload.js +12 -41
- package/esnext/action-sheet/index.d.ts +0 -1
- package/esnext/date-picker/index.d.ts +1 -1
- package/esnext/date-picker/index.js +5 -0
- package/esnext/dialog/index.d.ts +0 -1
- package/esnext/form/form-item.d.ts +5 -4
- package/esnext/form/form-item.js +23 -13
- package/esnext/form/type.d.ts +13 -4
- package/esnext/form/useForm.d.ts +1 -1
- package/esnext/form/useForm.js +4 -5
- package/esnext/pull-refresh/android-pull-refresh.d.ts +1 -1
- package/esnext/pull-refresh/android-pull-refresh.js +2 -2
- package/esnext/pull-refresh/hooks.d.ts +2 -2
- package/esnext/pull-refresh/hooks.js +3 -3
- package/esnext/pull-refresh/ios-pull-refresh.d.ts +1 -1
- package/esnext/pull-refresh/ios-pull-refresh.js +2 -1
- package/esnext/pull-refresh/model.d.ts +0 -1
- package/esnext/stepper/hooks/useValue.d.ts +1 -1
- package/esnext/stepper/hooks/useValue.js +2 -2
- package/esnext/stepper/type.d.ts +1 -1
- package/esnext/swipe-action/type.d.ts +1 -1
- package/esnext/uploader/index.d.ts +1 -1
- package/esnext/uploader/index.js +1 -1
- package/esnext/uploader/upload/upload.d.ts +4 -4
- package/esnext/uploader/upload/upload.js +4 -4
- package/package.json +5 -3
- package/tokens/app/arcodesign/default/index.js +0 -2
- package/umd/_helpers/hooks.js +59 -138
- package/umd/_helpers/index.js +2 -9
- package/umd/_helpers/react-dom.js +0 -13
- package/umd/_helpers/render.js +5 -17
- package/umd/action-sheet/index.d.ts +0 -1
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +53 -70
- package/umd/badge/index.js +18 -25
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/index.js +153 -283
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +18 -29
- 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.js +1 -3
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +30 -55
- 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 +18 -38
- 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 +1 -1
- package/umd/date-picker/index.js +69 -158
- package/umd/dialog/index.d.ts +0 -1
- package/umd/dialog/index.js +31 -47
- package/umd/dialog/methods.js +9 -18
- package/umd/divider/index.js +8 -15
- 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 +4 -22
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +32 -66
- package/umd/ellipsis/components/native-ellipsis.js +9 -12
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.js +0 -3
- package/umd/form/form-item.d.ts +5 -4
- package/umd/form/form-item.js +75 -152
- package/umd/form/index.js +18 -28
- package/umd/form/linked-container.js +5 -19
- package/umd/form/type.d.ts +13 -4
- package/umd/form/type.js +0 -5
- package/umd/form/useForm.d.ts +1 -1
- package/umd/form/useForm.js +10 -74
- package/umd/form/utils.js +4 -19
- package/umd/grid/index.js +22 -41
- 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/IconDownload/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/IconFile/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/IconKeyboard/index.js +5 -7
- package/umd/icon/IconKeyboardDelete/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 -88
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.js +32 -47
- package/umd/image-preview/index.js +129 -239
- package/umd/image-preview/methods.js +5 -15
- package/umd/index-bar/group.js +16 -30
- package/umd/index-bar/index.js +55 -79
- package/umd/index-bar/side-bar.js +15 -32
- package/umd/index-bar/utils.js +3 -16
- package/umd/index.js +0 -1
- package/umd/input/hooks.js +45 -79
- package/umd/input/index.js +26 -35
- package/umd/keyboard/index.js +37 -64
- package/umd/load-more/index.js +33 -60
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +47 -72
- package/umd/masking/methods.js +5 -18
- package/umd/nav-bar/back-icon.js +2 -5
- package/umd/nav-bar/index.js +37 -55
- package/umd/notice-bar/index.js +34 -56
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.js +48 -73
- package/umd/picker-view/components/cascader.js +13 -28
- package/umd/picker-view/components/multi-picker.js +8 -16
- package/umd/picker-view/components/picker-cell.js +45 -97
- package/umd/picker-view/index.js +30 -63
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +100 -153
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -43
- 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 +50 -83
- 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.d.ts +1 -1
- package/umd/pull-refresh/android-pull-refresh.js +56 -86
- package/umd/pull-refresh/hooks.d.ts +2 -2
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.js +3 -7
- package/umd/pull-refresh/ios-pull-refresh.d.ts +1 -1
- package/umd/pull-refresh/ios-pull-refresh.js +58 -77
- package/umd/pull-refresh/model.d.ts +0 -1
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.js +1 -3
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.js +28 -48
- 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 +40 -104
- package/umd/skeleton/elements.js +47 -78
- package/umd/skeleton/index.js +18 -28
- package/umd/skeleton/skeleton-context.js +0 -3
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +27 -55
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +13 -24
- package/umd/slider/index.js +47 -66
- package/umd/slider/marks.js +13 -22
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +11 -18
- package/umd/stepper/hooks/useButtonClick.js +15 -24
- package/umd/stepper/hooks/useInputEvent.js +10 -18
- package/umd/stepper/hooks/useValue.d.ts +1 -1
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.js +84 -89
- package/umd/stepper/type.d.ts +1 -1
- package/umd/steps/index.js +25 -35
- package/umd/steps/step.js +10 -22
- package/umd/sticky/index.js +40 -68
- package/umd/style.js +1 -1
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-action/type.d.ts +1 -1
- package/umd/swipe-load/index.js +78 -106
- package/umd/switch/index.js +28 -45
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +16 -27
- package/umd/tabs/index.js +136 -197
- package/umd/tabs/tab-cell-underline.js +28 -71
- package/umd/tabs/tab-cell.js +73 -122
- package/umd/tabs/tab-pane.js +53 -98
- 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.js +35 -51
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +16 -22
- package/umd/uploader/index.d.ts +1 -1
- package/umd/uploader/index.js +28 -39
- package/umd/uploader/upload/upload.d.ts +4 -4
- package/umd/uploader/upload/upload.js +9 -43
|
@@ -14,19 +14,16 @@
|
|
|
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 = MultiPicker;
|
|
20
19
|
_react = _interopRequireDefault(_react);
|
|
21
|
-
|
|
22
20
|
function MultiPicker(props) {
|
|
23
21
|
var prefixCls = props.prefixCls,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
onValueChange = props.onValueChange,
|
|
23
|
+
children = props.children,
|
|
24
|
+
itemHeight = props.itemHeight,
|
|
25
|
+
selectedValue = props.selectedValue,
|
|
26
|
+
data = props.data;
|
|
30
27
|
function getCurrentData() {
|
|
31
28
|
return (data || []).map(function (item, itemIndex) {
|
|
32
29
|
var curSelected = selectedValue == null ? void 0 : selectedValue[itemIndex];
|
|
@@ -36,24 +33,21 @@
|
|
|
36
33
|
return cur || (item == null ? void 0 : item[0]);
|
|
37
34
|
});
|
|
38
35
|
}
|
|
39
|
-
|
|
40
36
|
function onChange(_ref) {
|
|
41
37
|
var index = _ref.index,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
38
|
+
value = _ref.value,
|
|
39
|
+
changedData = _ref.changedData,
|
|
40
|
+
callback = _ref.callback;
|
|
45
41
|
var newData = getCurrentData().concat();
|
|
46
42
|
newData[index] = changedData;
|
|
47
43
|
var newValue = newData.map(function (d) {
|
|
48
44
|
return d == null ? void 0 : d.value;
|
|
49
45
|
});
|
|
50
46
|
newValue[index] = value;
|
|
51
|
-
|
|
52
47
|
if (callback) {
|
|
53
48
|
callback(newValue, index, newData);
|
|
54
49
|
}
|
|
55
50
|
}
|
|
56
|
-
|
|
57
51
|
function _onValueChange(value, index, changedData) {
|
|
58
52
|
onChange({
|
|
59
53
|
index: index,
|
|
@@ -62,7 +56,6 @@
|
|
|
62
56
|
changedData: changedData
|
|
63
57
|
});
|
|
64
58
|
}
|
|
65
|
-
|
|
66
59
|
function renderChild() {
|
|
67
60
|
var curData = getCurrentData();
|
|
68
61
|
var value = curData.map(function (d) {
|
|
@@ -77,7 +70,6 @@
|
|
|
77
70
|
});
|
|
78
71
|
});
|
|
79
72
|
}
|
|
80
|
-
|
|
81
73
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
82
74
|
className: prefixCls + "-multi",
|
|
83
75
|
style: {
|
|
@@ -14,55 +14,45 @@
|
|
|
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
|
_react = _interopRequireWildcard(_react);
|
|
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 PickerCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
28
24
|
var prefixCls = props.prefixCls,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
25
|
+
style = props.style,
|
|
26
|
+
data = props.data,
|
|
27
|
+
clickable = props.clickable,
|
|
28
|
+
itemHeight = props.itemHeight,
|
|
29
|
+
wrapperHeight = props.wrapperHeight,
|
|
30
|
+
selectedValue = props.selectedValue,
|
|
31
|
+
onValueChange = props.onValueChange,
|
|
32
|
+
disabled = props.disabled,
|
|
33
|
+
hideEmptyCols = props.hideEmptyCols,
|
|
34
|
+
_props$rows = props.rows,
|
|
35
|
+
rows = _props$rows === void 0 ? 5 : _props$rows,
|
|
36
|
+
_props$touchToStop = props.touchToStop,
|
|
37
|
+
touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
|
|
43
38
|
var _useMountedState = (0, _helpers.useMountedState)(''),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
transitionDuration = _useMountedState[0],
|
|
40
|
+
setTransitionDuration = _useMountedState[1];
|
|
47
41
|
var _useState = (0, _react.useState)(''),
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
bezier = _useState[0],
|
|
43
|
+
setBezier = _useState[1];
|
|
51
44
|
var _useMountedState2 = (0, _helpers.useMountedState)(0),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
45
|
+
currentIndex = _useMountedState2[0],
|
|
46
|
+
setCurrentIndex = _useMountedState2[1];
|
|
55
47
|
var _useMountedState3 = (0, _helpers.useMountedState)(selectedValue),
|
|
56
|
-
|
|
57
|
-
|
|
48
|
+
currentValue = _useMountedState3[0],
|
|
49
|
+
setCurrentValue = _useMountedState3[1];
|
|
50
|
+
// 是否开始touch
|
|
58
51
|
// @en whether to start touch
|
|
59
|
-
|
|
60
|
-
|
|
61
52
|
var _useRefState = (0, _helpers.useRefState)(0),
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
53
|
+
transformY = _useRefState[0],
|
|
54
|
+
transformYRef = _useRefState[1],
|
|
55
|
+
setTransformY = _useRefState[2];
|
|
66
56
|
var lastTransformYRef = (0, _react.useRef)(0);
|
|
67
57
|
var touchStartTimeRef = (0, _react.useRef)(0);
|
|
68
58
|
var latestCallbackTimer = (0, _react.useRef)(0);
|
|
@@ -88,7 +78,6 @@
|
|
|
88
78
|
paddingTop: (rowCount - 1) / 2 * itemHeight + "px"
|
|
89
79
|
}));
|
|
90
80
|
}, [transitionDuration, transformY, bezier, itemHeight, rowCount]);
|
|
91
|
-
|
|
92
81
|
function _scrollingComplete(nowItemIndex) {
|
|
93
82
|
// index有改变时再抛出
|
|
94
83
|
// @en Throws again when index changes
|
|
@@ -96,34 +85,28 @@
|
|
|
96
85
|
setCurrentIndex(Math.max(nowItemIndex, 0));
|
|
97
86
|
var newData = data[nowItemIndex];
|
|
98
87
|
var newValue = newData == null ? void 0 : newData.value;
|
|
99
|
-
|
|
100
88
|
if (newValue !== currentValue) {
|
|
101
89
|
setCurrentValue(newValue);
|
|
102
|
-
|
|
103
90
|
if (onValueChange) {
|
|
104
91
|
onValueChange(newValue, newData);
|
|
105
92
|
}
|
|
106
93
|
}
|
|
107
94
|
}
|
|
108
95
|
}
|
|
109
|
-
|
|
110
96
|
function _scrollTo(transY, transDuration, callback) {
|
|
111
97
|
if (transDuration === void 0) {
|
|
112
98
|
transDuration = 0;
|
|
113
99
|
}
|
|
114
|
-
|
|
115
100
|
if (callback === void 0) {
|
|
116
101
|
callback = function callback() {};
|
|
117
102
|
}
|
|
118
|
-
|
|
119
103
|
setTransitionDuration(transDuration ? transDuration + "ms" : '');
|
|
120
|
-
setTransformY(transY);
|
|
104
|
+
setTransformY(transY);
|
|
105
|
+
// 处理连续滑动的情况:如果上一次callback还未执行,先cancel掉上一次回调
|
|
121
106
|
// @en handle the case of continuous sliding: If the last callback has not been executed, cancel the last callback first
|
|
122
|
-
|
|
123
107
|
if (latestCallbackTimer.current) {
|
|
124
108
|
clearTimeout(latestCallbackTimer.current);
|
|
125
109
|
}
|
|
126
|
-
|
|
127
110
|
var setNormalStatus = function setNormalStatus() {
|
|
128
111
|
// 如果timer顺利执行,则在unmount时不再重复执行
|
|
129
112
|
// @en If the timer is successfully executed, it will not be repeated when unmounting
|
|
@@ -132,38 +115,30 @@
|
|
|
132
115
|
setTransitionDuration('');
|
|
133
116
|
callback();
|
|
134
117
|
};
|
|
135
|
-
|
|
136
118
|
unmountCallbackRef.current = setNormalStatus;
|
|
137
119
|
latestCallbackTimer.current = window.setTimeout(setNormalStatus, transDuration);
|
|
138
120
|
}
|
|
139
|
-
|
|
140
121
|
function _scrollToIndex(itemIndex, transDuration, callback) {
|
|
141
122
|
if (transDuration === void 0) {
|
|
142
123
|
transDuration = 0;
|
|
143
124
|
}
|
|
144
|
-
|
|
145
125
|
if (callback === void 0) {
|
|
146
126
|
callback = function callback() {};
|
|
147
127
|
}
|
|
148
|
-
|
|
149
128
|
_scrollTo(-1 * itemIndex * itemHeight, transDuration, callback);
|
|
150
129
|
}
|
|
151
|
-
|
|
152
130
|
function _scrollToIndexWithChange(itemIndex, transDuration) {
|
|
153
131
|
if (transDuration === void 0) {
|
|
154
132
|
transDuration = 0;
|
|
155
133
|
}
|
|
156
|
-
|
|
157
134
|
_scrollToIndex(itemIndex, transDuration, function () {
|
|
158
135
|
_scrollingComplete(itemIndex);
|
|
159
136
|
});
|
|
160
137
|
}
|
|
161
|
-
|
|
162
138
|
var _handleColumnTouchStart = (0, _react.useCallback)(function (e) {
|
|
163
139
|
if (disabled) {
|
|
164
140
|
return;
|
|
165
141
|
}
|
|
166
|
-
|
|
167
142
|
isTouchMoveRef.current = false;
|
|
168
143
|
movingStatusRef.current = 'moving';
|
|
169
144
|
var x = e.touches[0].screenX;
|
|
@@ -175,44 +150,38 @@
|
|
|
175
150
|
touchStartYRef.current = y;
|
|
176
151
|
lastTransformYRef.current = transformYRef.current;
|
|
177
152
|
}, [disabled]);
|
|
178
|
-
|
|
179
153
|
var _handleColumnTouchMove = (0, _react.useCallback)(function (e) {
|
|
180
154
|
if (disabled || !touchingRef.current) {
|
|
181
155
|
return;
|
|
182
156
|
}
|
|
183
|
-
|
|
184
157
|
isTouchMoveRef.current = true;
|
|
185
158
|
var lastTransformY = lastTransformYRef.current;
|
|
186
159
|
var touchMoveX = e.touches[0].screenX;
|
|
187
160
|
var touchMoveY = e.touches[0].screenY;
|
|
188
161
|
var distanceX = touchMoveX - touchStartXRef.current;
|
|
189
162
|
var distance = touchMoveY - touchStartYRef.current;
|
|
190
|
-
|
|
191
163
|
if (touchingXRef.current === null) {
|
|
192
164
|
touchingXRef.current = Math.abs(distanceX) > Math.abs(distance);
|
|
193
165
|
}
|
|
194
|
-
|
|
195
166
|
if (touchingXRef.current) {
|
|
196
167
|
return;
|
|
197
168
|
}
|
|
198
|
-
|
|
199
169
|
e.cancelable && e.preventDefault();
|
|
200
170
|
var newPos = lastTransformY + distance;
|
|
201
|
-
var maxPos = -1 * (data.length - 1) * itemHeight;
|
|
171
|
+
var maxPos = -1 * (data.length - 1) * itemHeight;
|
|
172
|
+
// 当滚动到上边界或下边界时增加阻尼效果
|
|
202
173
|
// @en Add damping effect when scrolling to the upper or lower border
|
|
203
|
-
|
|
204
174
|
setTransformY(lastTransformY >= 0 && distance > 0 || lastTransformY <= maxPos && distance < 0 ? lastTransformY + distance / 4 : newPos);
|
|
205
175
|
}, [data.length, disabled, itemHeight]);
|
|
206
|
-
|
|
207
176
|
function _handleScrollEnd() {
|
|
208
177
|
var maxIndex = data.length - 1;
|
|
209
|
-
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transformY / itemHeight)));
|
|
178
|
+
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transformY / itemHeight)));
|
|
179
|
+
// 滚动(包括加动量的滚动)完成之后定位到最近的一个index上
|
|
210
180
|
// @en After scrolling (including scrolling with momentum) is completed, it is positioned on the nearest index
|
|
211
|
-
|
|
212
181
|
_scrollToIndexWithChange(nowIndex, 200);
|
|
213
|
-
}
|
|
214
|
-
|
|
182
|
+
}
|
|
215
183
|
|
|
184
|
+
// Reference: https://juejin.im/post/6844904185121488910
|
|
216
185
|
function momentum(current, start, duration, minY, maxY) {
|
|
217
186
|
var durationMap = {
|
|
218
187
|
noBounce: 400,
|
|
@@ -224,24 +193,23 @@
|
|
|
224
193
|
weekBounce: 'cubic-bezier(.25, .46, .45, .94)',
|
|
225
194
|
strongBounce: 'cubic-bezier(.25, .46, .45, .94)'
|
|
226
195
|
};
|
|
227
|
-
var type = 'noBounce';
|
|
196
|
+
var type = 'noBounce';
|
|
197
|
+
// 惯性滑动加速度
|
|
228
198
|
// @en inertial sliding acceleration
|
|
229
|
-
|
|
230
|
-
|
|
199
|
+
var deceleration = 0.003;
|
|
200
|
+
// 回弹阻力
|
|
231
201
|
// @en rebound resistance
|
|
232
|
-
|
|
233
|
-
|
|
202
|
+
var bounceRate = 5;
|
|
203
|
+
// 强弱回弹的分割值
|
|
234
204
|
// @en Split value of strong and weak rebound
|
|
235
|
-
|
|
236
|
-
|
|
205
|
+
var bounceThreshold = 300;
|
|
206
|
+
// 回弹的最大限度
|
|
237
207
|
// @en maximum rebound
|
|
238
|
-
|
|
239
208
|
var maxOverflowY = wrapperHeight / 6;
|
|
240
209
|
var overflowY;
|
|
241
210
|
var distance = current - start;
|
|
242
211
|
var speed = 2 * Math.abs(distance) / duration;
|
|
243
212
|
var destination = current + speed / deceleration * (distance < 0 ? -1 : 1);
|
|
244
|
-
|
|
245
213
|
if (destination < minY) {
|
|
246
214
|
overflowY = minY - destination;
|
|
247
215
|
type = overflowY > bounceThreshold ? 'strongBounce' : 'weekBounce';
|
|
@@ -251,37 +219,31 @@
|
|
|
251
219
|
type = overflowY > bounceThreshold ? 'strongBounce' : 'weekBounce';
|
|
252
220
|
destination = Math.min(maxY + maxOverflowY, maxY + overflowY / bounceRate);
|
|
253
221
|
}
|
|
254
|
-
|
|
255
222
|
return {
|
|
256
223
|
destination: destination,
|
|
257
224
|
duration: durationMap[type],
|
|
258
225
|
bezier: bezierMap[type]
|
|
259
226
|
};
|
|
260
227
|
}
|
|
261
|
-
|
|
262
228
|
function _handleColumnTouchEnd() {
|
|
263
229
|
_clearTimer();
|
|
264
|
-
|
|
265
230
|
movingStatusRef.current = 'normal';
|
|
266
231
|
var lastTransformY = lastTransformYRef.current;
|
|
267
|
-
|
|
268
232
|
if (!isTouchMoveRef.current || transformY === lastTransformY) {
|
|
269
233
|
return;
|
|
270
234
|
}
|
|
271
|
-
|
|
272
235
|
touchingRef.current = false;
|
|
273
236
|
var endTime = Date.now();
|
|
274
237
|
var scrollerHeight = (data.length + rowCount - 1) * itemHeight;
|
|
275
238
|
var duration = endTime - touchStartTimeRef.current;
|
|
276
|
-
var absDistY = Math.abs(transformY - lastTransformY);
|
|
239
|
+
var absDistY = Math.abs(transformY - lastTransformY);
|
|
240
|
+
// 计算动量,保证滚动顺畅,条件:手势时间小于300ms && 移动距离绝对值大于30时
|
|
277
241
|
// @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
|
|
278
|
-
|
|
279
242
|
if (duration < 300 && absDistY > 90) {
|
|
280
243
|
var momentumY = momentum(transformY, lastTransformY, duration, wrapperHeight - scrollerHeight, 0);
|
|
281
244
|
var newItemIndex = Math.max(0, Math.min(data.length - 1, Math.round(-1 * momentumY.destination / itemHeight)));
|
|
282
245
|
setBezier(momentumY.bezier);
|
|
283
246
|
movingStatusRef.current = 'scrolling';
|
|
284
|
-
|
|
285
247
|
_scrollToIndex(newItemIndex, momentumY.duration, function () {
|
|
286
248
|
_scrollingComplete(newItemIndex);
|
|
287
249
|
});
|
|
@@ -289,42 +251,34 @@
|
|
|
289
251
|
_handleScrollEnd();
|
|
290
252
|
}
|
|
291
253
|
}
|
|
292
|
-
|
|
293
254
|
function scrollToCurrentIndex() {
|
|
294
255
|
if (!wrapRef.current) {
|
|
295
256
|
return;
|
|
296
257
|
}
|
|
297
|
-
|
|
298
258
|
var curStyle = window.getComputedStyle(wrapRef.current);
|
|
299
259
|
var transformMatrix = curStyle.transform || curStyle.webkitTransform || '';
|
|
300
260
|
var transY = Number(transformMatrix.replace(/matrix\((.*?)\)/, '$1').split(/,\s*/).slice(-1)[0]) || 0;
|
|
301
261
|
var maxIndex = data.length - 1;
|
|
302
|
-
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transY / itemHeight)));
|
|
262
|
+
var nowIndex = Math.max(0, Math.min(maxIndex, Math.round(-1 * transY / itemHeight)));
|
|
263
|
+
// 滚动(包括加动量的滚动)完成之后定位到最近的一个index上
|
|
303
264
|
// @en After scrolling (including scrolling with momentum) is completed, it is positioned on the nearest index
|
|
304
|
-
|
|
305
265
|
_scrollToIndexWithChange(nowIndex, 0);
|
|
306
266
|
}
|
|
307
|
-
|
|
308
267
|
function getCurrentCellValue() {
|
|
309
268
|
var _data$currentIndex;
|
|
310
|
-
|
|
311
269
|
return (_data$currentIndex = data[currentIndex]) == null ? void 0 : _data$currentIndex.value;
|
|
312
270
|
}
|
|
313
|
-
|
|
314
271
|
function getCurrentCellData() {
|
|
315
272
|
return data[currentIndex];
|
|
316
273
|
}
|
|
317
|
-
|
|
318
274
|
function _clearTimer() {
|
|
319
275
|
timeRef.current && clearTimeout(timeRef.current);
|
|
320
276
|
timeRef.current = null;
|
|
321
277
|
}
|
|
322
|
-
|
|
323
278
|
function _handleItemTouchStart() {
|
|
324
279
|
if (touchToStop === false) {
|
|
325
280
|
return;
|
|
326
281
|
}
|
|
327
|
-
|
|
328
282
|
isTouchStopped.current = false;
|
|
329
283
|
timeRef.current = window.setTimeout(function () {
|
|
330
284
|
if (!isTouchMoveRef.current) {
|
|
@@ -333,15 +287,12 @@
|
|
|
333
287
|
}
|
|
334
288
|
}, touchToStop === true ? 100 : touchToStop);
|
|
335
289
|
}
|
|
336
|
-
|
|
337
290
|
function _handleItemClick(itemIndex) {
|
|
338
291
|
if (!clickable || disabled || touchToStop !== false && isTouchStopped.current) {
|
|
339
292
|
return;
|
|
340
293
|
}
|
|
341
|
-
|
|
342
294
|
_scrollToIndexWithChange(itemIndex, 200);
|
|
343
295
|
}
|
|
344
|
-
|
|
345
296
|
(0, _react.useEffect)(function () {
|
|
346
297
|
return function () {
|
|
347
298
|
// 卸载组件时,如果timer中还有未执行的onchange操作,则立刻执行该操作并移除timer
|
|
@@ -356,7 +307,6 @@
|
|
|
356
307
|
wrapRef.current.addEventListener('touchstart', _handleColumnTouchStart);
|
|
357
308
|
wrapRef.current.addEventListener('touchmove', _handleColumnTouchMove);
|
|
358
309
|
}
|
|
359
|
-
|
|
360
310
|
return function () {
|
|
361
311
|
if (wrapRef.current) {
|
|
362
312
|
wrapRef.current.removeEventListener('touchstart', _handleColumnTouchStart);
|
|
@@ -370,7 +320,6 @@
|
|
|
370
320
|
return item.value === selectedValue;
|
|
371
321
|
});
|
|
372
322
|
setCurrentIndex(Math.max(curIndex, 0));
|
|
373
|
-
|
|
374
323
|
if (curIndex >= 0) {
|
|
375
324
|
_scrollToIndexWithChange(curIndex);
|
|
376
325
|
}
|
|
@@ -396,7 +345,6 @@
|
|
|
396
345
|
"aria-disabled": disabled
|
|
397
346
|
}, data.map(function (item, index) {
|
|
398
347
|
var _cls;
|
|
399
|
-
|
|
400
348
|
var dis = Math.abs(index - currentIndex);
|
|
401
349
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
402
350
|
"aria-label": index === currentIndex ? "" + item.value : '',
|
package/umd/picker-view/index.js
CHANGED
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
17
|
-
|
|
18
17
|
_exports.__esModule = true;
|
|
19
18
|
var _exportNames = {
|
|
20
19
|
MultiPicker: true,
|
|
@@ -36,60 +35,52 @@
|
|
|
36
35
|
if (key in _exports && _exports[key] === _type[key]) return;
|
|
37
36
|
_exports[key] = _type[key];
|
|
38
37
|
});
|
|
39
|
-
|
|
40
38
|
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); }
|
|
41
|
-
|
|
42
39
|
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; }
|
|
43
|
-
|
|
44
40
|
var isArray = function isArray(dt) {
|
|
45
41
|
return dt ? Array.isArray(dt[0]) : false;
|
|
46
42
|
};
|
|
47
|
-
|
|
48
43
|
var isStrOrNum = function isStrOrNum(dt) {
|
|
49
44
|
return typeof dt[0][0] === 'string' || typeof dt[0][0] === 'number';
|
|
50
45
|
};
|
|
51
|
-
|
|
52
46
|
var PickerView = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
53
47
|
var _props$className = props.className,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
48
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
49
|
+
itemStyle = props.itemStyle,
|
|
50
|
+
_props$cascade = props.cascade,
|
|
51
|
+
cascade = _props$cascade === void 0 ? true : _props$cascade,
|
|
52
|
+
_props$cols = props.cols,
|
|
53
|
+
cols = _props$cols === void 0 ? 3 : _props$cols,
|
|
54
|
+
_props$rows = props.rows,
|
|
55
|
+
rows = _props$rows === void 0 ? 5 : _props$rows,
|
|
56
|
+
data = props.data,
|
|
57
|
+
_props$disabled = props.disabled,
|
|
58
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
59
|
+
_props$clickable = props.clickable,
|
|
60
|
+
clickable = _props$clickable === void 0 ? true : _props$clickable,
|
|
61
|
+
value = props.value,
|
|
62
|
+
_props$hideEmptyCols = props.hideEmptyCols,
|
|
63
|
+
hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
|
|
64
|
+
onPickerChange = props.onPickerChange,
|
|
65
|
+
_props$touchToStop = props.touchToStop,
|
|
66
|
+
touchToStop = _props$touchToStop === void 0 ? false : _props$touchToStop;
|
|
74
67
|
var _useState = (0, _react.useState)(0),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
68
|
+
itemHeight = _useState[0],
|
|
69
|
+
setItemHeight = _useState[1];
|
|
78
70
|
var _useState2 = (0, _react.useState)(0),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
71
|
+
wrapperHeight = _useState2[0],
|
|
72
|
+
setWrapperHeight = _useState2[1];
|
|
82
73
|
var _useMountedState = (0, _helpers.useMountedState)(value),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
74
|
+
scrollValue = _useMountedState[0],
|
|
75
|
+
setScrollValue = _useMountedState[1];
|
|
86
76
|
var wrapperRef = (0, _react.useRef)(null);
|
|
87
77
|
var domRef = (0, _react.useRef)(null);
|
|
88
78
|
var barRef = (0, _react.useRef)(null);
|
|
89
79
|
var pickerCellsRef = (0, _react.useRef)([]);
|
|
90
|
-
var cascaderRef = (0, _react.useRef)(null);
|
|
91
|
-
// @en The height of itemStyle applies to the selection-bar as well, without separately exposing the height setting property for the selection-bar.
|
|
80
|
+
var cascaderRef = (0, _react.useRef)(null);
|
|
92
81
|
|
|
82
|
+
// itemStyle height 同时对 selection-bar 生效,这里不单独抛出 selection-bar 的高度设置属性
|
|
83
|
+
// @en The height of itemStyle applies to the selection-bar as well, without separately exposing the height setting property for the selection-bar.
|
|
93
84
|
var selectionBarHeight = (0, _react.useMemo)(function () {
|
|
94
85
|
return itemStyle != null && itemStyle.height ? {
|
|
95
86
|
height: itemStyle.height
|
|
@@ -97,7 +88,6 @@
|
|
|
97
88
|
}, [itemStyle]);
|
|
98
89
|
var innerData = (0, _react.useMemo)(function () {
|
|
99
90
|
var newData;
|
|
100
|
-
|
|
101
91
|
if (isArray(data)) {
|
|
102
92
|
if (isStrOrNum(data)) {
|
|
103
93
|
newData = data.map(function (item) {
|
|
@@ -114,26 +104,21 @@
|
|
|
114
104
|
} else {
|
|
115
105
|
newData = [data];
|
|
116
106
|
}
|
|
117
|
-
|
|
118
107
|
return newData;
|
|
119
108
|
}, [data]);
|
|
120
|
-
|
|
121
109
|
var getAllColumnValues = function getAllColumnValues() {
|
|
122
110
|
var _cascaderRef$current;
|
|
123
|
-
|
|
124
111
|
var curValues = cascade ? ((_cascaderRef$current = cascaderRef.current) == null ? void 0 : _cascaderRef$current.getAllCellsValue()) || [] : pickerCellsRef.current.map(function (cell) {
|
|
125
112
|
return cell.getCurrentCellValue();
|
|
126
|
-
});
|
|
113
|
+
});
|
|
114
|
+
// 移除级联带来的空列值,理论上非首尾列不会有空值
|
|
127
115
|
// @en Remove empty values from cascader
|
|
128
|
-
|
|
129
116
|
return curValues.filter(function (v) {
|
|
130
117
|
return v !== undefined;
|
|
131
118
|
});
|
|
132
119
|
};
|
|
133
|
-
|
|
134
120
|
var getAllColumnData = function getAllColumnData() {
|
|
135
121
|
var _cascaderRef$current2;
|
|
136
|
-
|
|
137
122
|
var curValues = cascade ? ((_cascaderRef$current2 = cascaderRef.current) == null ? void 0 : _cascaderRef$current2.getAllCellsData()) || [] : pickerCellsRef.current.map(function (cell) {
|
|
138
123
|
return cell.getCurrentCellData();
|
|
139
124
|
});
|
|
@@ -141,36 +126,28 @@
|
|
|
141
126
|
return v !== undefined;
|
|
142
127
|
});
|
|
143
128
|
};
|
|
144
|
-
|
|
145
129
|
function getColumnValue(index) {
|
|
146
130
|
if (index === void 0) {
|
|
147
131
|
index = 0;
|
|
148
132
|
}
|
|
149
|
-
|
|
150
133
|
return getAllColumnValues()[index];
|
|
151
134
|
}
|
|
152
|
-
|
|
153
135
|
function getCellMovingStatus() {
|
|
154
136
|
var _cascaderRef$current3;
|
|
155
|
-
|
|
156
137
|
return cascade ? ((_cascaderRef$current3 = cascaderRef.current) == null ? void 0 : _cascaderRef$current3.getCellMovingStatus()) || [] : pickerCellsRef.current.map(function (cell) {
|
|
157
138
|
return cell.movingStatus;
|
|
158
139
|
});
|
|
159
140
|
}
|
|
160
|
-
|
|
161
141
|
function scrollToCurrentIndex() {
|
|
162
142
|
if (cascade) {
|
|
163
143
|
var _cascaderRef$current4;
|
|
164
|
-
|
|
165
144
|
(_cascaderRef$current4 = cascaderRef.current) == null ? void 0 : _cascaderRef$current4.scrollToCurrentIndex();
|
|
166
145
|
return;
|
|
167
146
|
}
|
|
168
|
-
|
|
169
147
|
pickerCellsRef.current.forEach(function (cell) {
|
|
170
148
|
return cell.scrollToCurrentIndex();
|
|
171
149
|
});
|
|
172
150
|
}
|
|
173
|
-
|
|
174
151
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
175
152
|
return {
|
|
176
153
|
dom: domRef.current,
|
|
@@ -183,15 +160,12 @@
|
|
|
183
160
|
getAllColumnData: getAllColumnData
|
|
184
161
|
};
|
|
185
162
|
});
|
|
186
|
-
|
|
187
163
|
function _onValueChange(val, index, newData) {
|
|
188
164
|
setScrollValue(val);
|
|
189
|
-
|
|
190
165
|
if (onPickerChange) {
|
|
191
166
|
onPickerChange(val, index, newData);
|
|
192
167
|
}
|
|
193
168
|
}
|
|
194
|
-
|
|
195
169
|
(0, _react.useEffect)(function () {
|
|
196
170
|
setScrollValue(value);
|
|
197
171
|
}, [value]);
|
|
@@ -200,26 +174,21 @@
|
|
|
200
174
|
setWrapperHeight(wrapperRef.current.offsetHeight);
|
|
201
175
|
}
|
|
202
176
|
}, [wrapperRef, setWrapperHeight]);
|
|
203
|
-
|
|
204
177
|
var updateItemHeight = function updateItemHeight() {
|
|
205
178
|
if (barRef.current) {
|
|
206
179
|
setItemHeight(barRef.current.getBoundingClientRect().height);
|
|
207
180
|
}
|
|
208
181
|
};
|
|
209
|
-
|
|
210
182
|
(0, _react.useEffect)(function () {
|
|
211
183
|
updateLayout();
|
|
212
184
|
}, []);
|
|
213
|
-
|
|
214
185
|
function updateLayout() {
|
|
215
186
|
updateWrapperHeight();
|
|
216
187
|
updateItemHeight();
|
|
217
188
|
}
|
|
218
|
-
|
|
219
189
|
function resetValue() {
|
|
220
190
|
setScrollValue(value);
|
|
221
191
|
}
|
|
222
|
-
|
|
223
192
|
var newItemStyle = (0, _extends2.default)({
|
|
224
193
|
height: itemHeight + "px"
|
|
225
194
|
}, itemStyle);
|
|
@@ -293,8 +262,6 @@
|
|
|
293
262
|
* @name_en PickerView
|
|
294
263
|
* @displayName PickerView
|
|
295
264
|
*/
|
|
296
|
-
|
|
297
265
|
var _default = (0, _mobileUtils.componentWrapper)(PickerView, 'PickerView');
|
|
298
|
-
|
|
299
266
|
_exports.default = _default;
|
|
300
267
|
});
|