@arco-design/mobile-react 2.24.2 → 2.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +42 -120
- package/cjs/_helpers/index.js +2 -13
- package/cjs/_helpers/react-dom.js +0 -12
- package/cjs/_helpers/render.js +0 -12
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.css +1 -1
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +51 -77
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.css +3 -2
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/demo/style/css/mobile.css +12 -0
- package/cjs/carousel/demo/style/mobile.less +8 -0
- package/cjs/carousel/index.d.ts +1 -1
- package/cjs/carousel/index.js +159 -275
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +14 -23
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.d.ts +6 -1
- package/cjs/checkbox/index.js +6 -11
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +27 -56
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +10 -28
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.d.ts +5 -2
- package/cjs/date-picker/index.js +52 -114
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +28 -54
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.css +2 -1
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +6 -27
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +33 -72
- package/cjs/ellipsis/components/native-ellipsis.js +9 -15
- 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.d.ts +3 -0
- package/cjs/form/form-item-context.js +12 -0
- package/cjs/form/form-item.d.ts +4 -0
- package/cjs/form/form-item.js +313 -0
- package/cjs/form/index.d.ts +16 -0
- package/cjs/form/index.js +96 -0
- package/cjs/form/style/css/index.css +92 -0
- package/cjs/form/style/css/index.d.ts +2 -0
- package/cjs/form/style/css/index.js +4 -0
- package/cjs/form/style/index.d.ts +2 -0
- package/cjs/form/style/index.js +4 -0
- package/cjs/form/style/index.less +91 -0
- package/cjs/form/type.d.ts +371 -0
- package/cjs/form/type.js +30 -0
- package/cjs/form/useForm.d.ts +18 -0
- package/cjs/form/useForm.js +225 -0
- package/cjs/form/utils.d.ts +6 -0
- package/cjs/form/utils.js +36 -0
- package/cjs/grid/index.js +21 -41
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -111
- package/cjs/image/index.js +53 -92
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.d.ts +5 -2
- package/cjs/image-picker/index.js +62 -103
- package/cjs/image-picker/style/css/index.js +0 -2
- package/cjs/image-picker/style/index.js +0 -2
- package/cjs/image-preview/demo/style/css/mobile.css +10 -0
- package/cjs/image-preview/demo/style/mobile.less +11 -0
- package/cjs/image-preview/index.d.ts +5 -0
- package/cjs/image-preview/index.js +124 -239
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.css +1 -0
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/image-preview/style/index.less +1 -1
- package/cjs/index.d.ts +7 -6
- package/cjs/index.js +15 -120
- package/cjs/input/hooks.js +42 -75
- package/cjs/input/index.d.ts +5 -2
- package/cjs/input/index.js +36 -47
- package/cjs/input/style/css/index.css +1 -1
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/load-more/index.js +29 -56
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +46 -79
- package/cjs/masking/methods.js +4 -19
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +1 -5
- package/cjs/nav-bar/index.js +36 -60
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +31 -54
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.css +2 -2
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.d.ts +5 -2
- package/cjs/picker/index.js +50 -89
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +14 -31
- package/cjs/picker-view/components/multi-picker.js +6 -20
- package/cjs/picker-view/components/picker-cell.js +45 -97
- package/cjs/picker-view/index.d.ts +5 -2
- package/cjs/picker-view/index.js +36 -77
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +94 -151
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -51
- package/cjs/popover/popover-inner.js +30 -47
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +38 -80
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +58 -100
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.d.ts +9 -3
- package/cjs/pull-refresh/index.js +5 -15
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -80
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.d.ts +6 -1
- package/cjs/radio/index.js +5 -10
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.d.ts +5 -2
- package/cjs/rate/index.js +34 -57
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +34 -93
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +26 -55
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +12 -24
- package/cjs/slider/index.d.ts +5 -2
- package/cjs/slider/index.js +56 -80
- package/cjs/slider/marks.js +12 -26
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +8 -23
- package/cjs/stepper/hooks/useButtonClick.js +19 -28
- package/cjs/stepper/hooks/useInputEvent.js +9 -18
- package/cjs/stepper/hooks/useValue.js +9 -14
- package/cjs/stepper/index.d.ts +5 -2
- package/cjs/stepper/index.js +92 -103
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +22 -40
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.css +2 -2
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +37 -66
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.d.ts +7 -6
- package/cjs/style.js +7 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +55 -83
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.d.ts +5 -2
- package/cjs/switch/index.js +37 -54
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +15 -31
- package/cjs/tabs/index.js +129 -192
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +25 -64
- package/cjs/tabs/tab-cell.js +66 -108
- package/cjs/tabs/tab-pane.js +49 -94
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.d.ts +5 -2
- package/cjs/textarea/index.js +45 -63
- package/cjs/textarea/style/css/index.css +1 -1
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +10 -18
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/dist/index.js +21030 -20541
- package/dist/index.min.js +12 -3
- package/dist/style.css +823 -741
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +41 -99
- package/esm/_helpers/index.js +2 -3
- package/esm/_helpers/react-dom.js +0 -10
- package/esm/_helpers/render.js +0 -7
- package/esm/action-sheet/index.js +10 -16
- package/esm/action-sheet/style/css/index.css +1 -1
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +51 -62
- package/esm/badge/index.js +18 -22
- package/esm/badge/style/css/index.css +3 -2
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/demo/style/css/mobile.css +12 -0
- package/esm/carousel/demo/style/mobile.less +8 -0
- package/esm/carousel/index.d.ts +1 -1
- package/esm/carousel/index.js +159 -267
- package/esm/cell/cell.js +14 -14
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.d.ts +6 -1
- package/esm/checkbox/index.js +6 -4
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +27 -46
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +10 -18
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.d.ts +5 -2
- package/esm/date-picker/index.js +53 -103
- package/esm/dialog/index.js +28 -39
- package/esm/dialog/methods.js +9 -11
- package/esm/dialog/style/css/index.css +2 -1
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +6 -16
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +33 -63
- 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-context.d.ts +3 -0
- package/esm/form/form-item-context.js +6 -0
- package/esm/form/form-item.d.ts +4 -0
- package/esm/form/form-item.js +306 -0
- package/esm/form/index.d.ts +16 -0
- package/esm/form/index.js +79 -0
- package/esm/form/style/css/index.css +92 -0
- package/esm/form/style/css/index.d.ts +2 -0
- package/esm/form/style/css/index.js +2 -0
- package/esm/form/style/index.d.ts +2 -0
- package/esm/form/style/index.js +2 -0
- package/esm/form/style/index.less +91 -0
- package/esm/form/type.d.ts +371 -0
- package/esm/form/type.js +24 -0
- package/esm/form/useForm.d.ts +18 -0
- package/esm/form/useForm.js +217 -0
- package/esm/form/utils.d.ts +6 -0
- package/esm/form/utils.js +30 -0
- package/esm/grid/index.js +21 -34
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -83
- package/esm/image-picker/index.d.ts +5 -2
- package/esm/image-picker/index.js +63 -90
- package/esm/image-preview/demo/style/css/mobile.css +10 -0
- package/esm/image-preview/demo/style/mobile.less +11 -0
- package/esm/image-preview/index.d.ts +5 -0
- package/esm/image-preview/index.js +124 -218
- package/esm/image-preview/methods.js +4 -14
- package/esm/image-preview/style/css/index.css +1 -0
- package/esm/image-preview/style/index.less +1 -1
- package/esm/index.d.ts +7 -6
- package/esm/index.js +7 -6
- package/esm/input/hooks.js +42 -67
- package/esm/input/index.d.ts +5 -2
- package/esm/input/index.js +37 -40
- package/esm/input/style/css/index.css +1 -1
- package/esm/load-more/index.js +29 -48
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +46 -64
- package/esm/masking/methods.js +4 -15
- package/esm/nav-bar/back-icon.js +1 -3
- package/esm/nav-bar/index.js +36 -51
- package/esm/notice-bar/index.js +31 -47
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/notify/style/css/index.css +2 -2
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.d.ts +5 -2
- package/esm/picker/index.js +51 -76
- package/esm/picker-view/components/cascader.js +14 -23
- package/esm/picker-view/components/multi-picker.js +6 -16
- package/esm/picker-view/components/picker-cell.js +45 -89
- package/esm/picker-view/index.d.ts +5 -2
- package/esm/picker-view/index.js +36 -63
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +94 -144
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -38
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +38 -64
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +58 -90
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.d.ts +9 -3
- package/esm/pull-refresh/index.js +5 -6
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.d.ts +6 -1
- package/esm/radio/index.js +5 -3
- package/esm/rate/index.d.ts +5 -2
- package/esm/rate/index.js +35 -49
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +34 -85
- package/esm/slider/hooks/useSliderEvents.js +26 -51
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +12 -20
- package/esm/slider/index.d.ts +5 -2
- package/esm/slider/index.js +57 -72
- package/esm/slider/marks.js +12 -18
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +8 -15
- package/esm/stepper/hooks/useButtonClick.js +19 -27
- package/esm/stepper/hooks/useInputEvent.js +9 -16
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.d.ts +5 -2
- package/esm/stepper/index.js +93 -92
- package/esm/steps/index.js +22 -27
- package/esm/steps/step.js +10 -19
- package/esm/steps/style/css/index.css +2 -2
- package/esm/sticky/index.js +37 -57
- package/esm/style.d.ts +7 -6
- package/esm/style.js +7 -6
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +56 -75
- package/esm/switch/index.d.ts +5 -2
- package/esm/switch/index.js +38 -49
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +15 -21
- package/esm/tabs/index.js +130 -180
- package/esm/tabs/tab-cell-underline.js +25 -56
- package/esm/tabs/tab-cell.js +66 -98
- package/esm/tabs/tab-pane.js +49 -85
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.d.ts +5 -2
- package/esm/textarea/index.js +46 -56
- package/esm/textarea/style/css/index.css +1 -1
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +10 -12
- package/package.json +3 -4
- package/tokens/app/arcodesign/default/css-variables.less +17 -7
- package/tokens/app/arcodesign/default/index.d.ts +10 -0
- package/tokens/app/arcodesign/default/index.js +18 -10
- package/tokens/app/arcodesign/default/index.json +139 -23
- package/tokens/app/arcodesign/default/index.less +17 -7
- package/umd/_helpers/hooks.js +42 -117
- package/umd/_helpers/index.js +2 -6
- package/umd/_helpers/react-dom.js +0 -11
- package/umd/_helpers/render.js +0 -9
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/action-sheet/style/css/index.css +1 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +51 -68
- package/umd/badge/index.js +18 -25
- package/umd/badge/style/css/index.css +3 -2
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/demo/style/css/mobile.css +12 -0
- package/umd/carousel/demo/style/mobile.less +8 -0
- package/umd/carousel/index.d.ts +1 -1
- package/umd/carousel/index.js +159 -270
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +14 -18
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.d.ts +6 -1
- package/umd/checkbox/index.js +6 -6
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +27 -50
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +10 -23
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.d.ts +5 -2
- package/umd/date-picker/index.js +52 -105
- package/umd/dialog/index.js +28 -44
- package/umd/dialog/methods.js +9 -18
- package/umd/dialog/style/css/index.css +2 -1
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +6 -25
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +33 -69
- package/umd/ellipsis/components/native-ellipsis.js +9 -13
- 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.d.ts +3 -0
- package/umd/form/form-item-context.js +25 -0
- package/umd/form/form-item.d.ts +4 -0
- package/umd/form/form-item.js +322 -0
- package/umd/form/index.d.ts +16 -0
- package/umd/form/index.js +106 -0
- package/umd/form/style/css/index.css +92 -0
- package/umd/form/style/css/index.d.ts +2 -0
- package/umd/form/style/css/index.js +15 -0
- package/umd/form/style/index.d.ts +2 -0
- package/umd/form/style/index.js +15 -0
- package/umd/form/style/index.less +91 -0
- package/umd/form/type.d.ts +371 -0
- package/umd/form/type.js +44 -0
- package/umd/form/useForm.d.ts +18 -0
- package/umd/form/useForm.js +238 -0
- package/umd/form/utils.d.ts +6 -0
- package/umd/form/utils.js +50 -0
- package/umd/grid/index.js +21 -37
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -86
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.d.ts +5 -2
- package/umd/image-picker/index.js +62 -92
- package/umd/image-preview/demo/style/css/mobile.css +10 -0
- package/umd/image-preview/demo/style/mobile.less +11 -0
- package/umd/image-preview/index.d.ts +5 -0
- package/umd/image-preview/index.js +124 -224
- package/umd/image-preview/methods.js +5 -15
- package/umd/image-preview/style/css/index.css +1 -0
- package/umd/image-preview/style/index.less +1 -1
- package/umd/index.d.ts +7 -6
- package/umd/index.js +19 -18
- package/umd/input/hooks.js +42 -71
- package/umd/input/index.d.ts +5 -2
- package/umd/input/index.js +36 -42
- package/umd/input/style/css/index.css +1 -1
- package/umd/load-more/index.js +29 -51
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +46 -71
- package/umd/masking/methods.js +4 -16
- package/umd/nav-bar/back-icon.js +1 -4
- package/umd/nav-bar/index.js +36 -54
- package/umd/notice-bar/index.js +31 -50
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/notify/style/css/index.css +2 -2
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.d.ts +5 -2
- package/umd/picker/index.js +50 -78
- package/umd/picker-view/components/cascader.js +14 -27
- package/umd/picker-view/components/multi-picker.js +6 -19
- package/umd/picker-view/components/picker-cell.js +45 -93
- package/umd/picker-view/index.d.ts +5 -2
- package/umd/picker-view/index.js +39 -69
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +94 -145
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -42
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +38 -71
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +58 -93
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.d.ts +9 -3
- package/umd/pull-refresh/index.js +5 -8
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.d.ts +6 -1
- package/umd/radio/index.js +5 -5
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.d.ts +5 -2
- package/umd/rate/index.js +34 -51
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +34 -89
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +26 -52
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +12 -22
- package/umd/slider/index.d.ts +5 -2
- package/umd/slider/index.js +56 -73
- package/umd/slider/marks.js +12 -21
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +8 -18
- package/umd/stepper/hooks/useButtonClick.js +19 -27
- package/umd/stepper/hooks/useInputEvent.js +9 -17
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.d.ts +5 -2
- package/umd/stepper/index.js +92 -94
- package/umd/steps/index.js +22 -32
- package/umd/steps/step.js +10 -22
- package/umd/steps/style/css/index.css +2 -2
- package/umd/sticky/index.js +37 -60
- package/umd/style.d.ts +7 -6
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +55 -77
- package/umd/switch/index.d.ts +5 -2
- package/umd/switch/index.js +37 -50
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +15 -26
- package/umd/tabs/index.js +129 -183
- package/umd/tabs/tab-cell-underline.js +25 -60
- package/umd/tabs/tab-cell.js +66 -103
- package/umd/tabs/tab-pane.js +49 -89
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.d.ts +5 -2
- package/umd/textarea/index.js +45 -58
- package/umd/textarea/style/css/index.css +1 -1
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +10 -12
package/cjs/pagination/index.js
CHANGED
@@ -1,24 +1,15 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
exports.__esModule = true;
|
6
5
|
exports.default = void 0;
|
7
|
-
|
8
6
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
|
10
7
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
11
|
-
|
12
8
|
var _contextProvider = require("../context-provider");
|
13
|
-
|
14
9
|
var _helpers = require("../_helpers");
|
15
|
-
|
16
10
|
var _arrow = _interopRequireDefault(require("./arrow"));
|
17
|
-
|
18
11
|
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); }
|
19
|
-
|
20
12
|
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; }
|
21
|
-
|
22
13
|
/**
|
23
14
|
* 用于数据分页,为完全受控组件
|
24
15
|
* @en The pagination component is used for data paging and is a fully controlled component.
|
@@ -29,37 +20,35 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
29
20
|
*/
|
30
21
|
var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
31
22
|
var _cls4;
|
32
|
-
|
33
23
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
34
|
-
|
35
|
-
|
36
|
-
|
24
|
+
prefixCls = _useContext.prefixCls,
|
25
|
+
locale = _useContext.locale;
|
37
26
|
var _props$className = props.className,
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
27
|
+
className = _props$className === void 0 ? '' : _props$className,
|
28
|
+
style = props.style,
|
29
|
+
_props$current = props.current,
|
30
|
+
current = _props$current === void 0 ? 1 : _props$current,
|
31
|
+
_props$pageSize = props.pageSize,
|
32
|
+
pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
|
33
|
+
_props$total = props.total,
|
34
|
+
total = _props$total === void 0 ? 5 : _props$total,
|
35
|
+
_props$icon = props.icon,
|
36
|
+
icon = _props$icon === void 0 ? false : _props$icon,
|
37
|
+
_props$justify = props.justify,
|
38
|
+
justify = _props$justify === void 0 ? 'side' : _props$justify,
|
39
|
+
_props$hideOnOnePage = props.hideOnOnePage,
|
40
|
+
hideOnOnePage = _props$hideOnOnePage === void 0 ? false : _props$hideOnOnePage,
|
41
|
+
_props$nextFieldType = props.nextFieldType,
|
42
|
+
nextFieldType = _props$nextFieldType === void 0 ? 'default' : _props$nextFieldType,
|
43
|
+
renderPrevField = props.renderPrevField,
|
44
|
+
renderNextField = props.renderNextField,
|
45
|
+
_props$type = props.type,
|
46
|
+
type = _props$type === void 0 ? 'default' : _props$type,
|
47
|
+
_props$prevFieldText = props.prevFieldText,
|
48
|
+
prevFieldText = _props$prevFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.previousPage : _props$prevFieldText,
|
49
|
+
_props$nextFieldText = props.nextFieldText,
|
50
|
+
nextFieldText = _props$nextFieldText === void 0 ? locale == null ? void 0 : locale.Pagination.nextPage : _props$nextFieldText,
|
51
|
+
onChange = props.onChange;
|
63
52
|
var system = (0, _helpers.useSystem)();
|
64
53
|
var pageNum = (0, _react.useMemo)(function () {
|
65
54
|
return Math.ceil(total / pageSize);
|
@@ -70,7 +59,6 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
70
59
|
dom: domRef.current
|
71
60
|
};
|
72
61
|
});
|
73
|
-
|
74
62
|
var iconRender = function iconRender(iconType) {
|
75
63
|
if (iconType === 'prev') {
|
76
64
|
if (Array.isArray(icon) && Boolean(icon.length)) {
|
@@ -78,44 +66,35 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
78
66
|
className: "btn-icon"
|
79
67
|
}, icon[0]);
|
80
68
|
}
|
81
|
-
|
82
69
|
if (Object.prototype.toString.call(icon) === '[object Object]') {
|
83
70
|
return /*#__PURE__*/_react.default.createElement("span", {
|
84
71
|
className: "btn-icon"
|
85
72
|
}, icon);
|
86
73
|
}
|
87
|
-
|
88
74
|
return icon ? /*#__PURE__*/_react.default.createElement("span", {
|
89
75
|
className: "btn-icon"
|
90
76
|
}, /*#__PURE__*/_react.default.createElement(_arrow.default, null)) : null;
|
91
77
|
}
|
92
|
-
|
93
78
|
if (Array.isArray(icon) && Boolean(icon.length)) {
|
94
79
|
return /*#__PURE__*/_react.default.createElement("span", {
|
95
80
|
className: "btn-icon"
|
96
81
|
}, icon.length >= 2 ? icon[1] : icon[0]);
|
97
82
|
}
|
98
|
-
|
99
83
|
if (Object.prototype.toString.call(icon) === '[object Object]') {
|
100
84
|
return /*#__PURE__*/_react.default.createElement("span", {
|
101
85
|
className: "btn-icon next"
|
102
86
|
}, icon);
|
103
87
|
}
|
104
|
-
|
105
88
|
return icon ? /*#__PURE__*/_react.default.createElement("span", {
|
106
89
|
className: "btn-icon next"
|
107
90
|
}, /*#__PURE__*/_react.default.createElement(_arrow.default, null)) : null;
|
108
91
|
};
|
109
|
-
|
110
92
|
var prevRender = function prevRender(prefix) {
|
111
93
|
var _cls;
|
112
|
-
|
113
94
|
if (type === 'none') {
|
114
95
|
return null;
|
115
96
|
}
|
116
|
-
|
117
97
|
var prevFieldCls = (0, _mobileUtils.cls)(prefix + "-prev-field", (_cls = {}, _cls["flex-" + justify] = true, _cls));
|
118
|
-
|
119
98
|
if (typeof renderPrevField === 'undefined') {
|
120
99
|
return /*#__PURE__*/_react.default.createElement("div", {
|
121
100
|
className: prevFieldCls
|
@@ -129,7 +108,6 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
129
108
|
if (current <= 1) {
|
130
109
|
return;
|
131
110
|
}
|
132
|
-
|
133
111
|
onChange == null ? void 0 : onChange({
|
134
112
|
pageSize: pageSize,
|
135
113
|
pageNum: pageNum,
|
@@ -140,7 +118,6 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
140
118
|
className: "btn-text"
|
141
119
|
}, prevFieldText)));
|
142
120
|
}
|
143
|
-
|
144
121
|
return /*#__PURE__*/_react.default.createElement("div", {
|
145
122
|
className: prevFieldCls
|
146
123
|
}, renderPrevField ? renderPrevField({
|
@@ -149,19 +126,14 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
149
126
|
pageNum: pageNum
|
150
127
|
}) : null);
|
151
128
|
};
|
152
|
-
|
153
129
|
var nextRender = function nextRender(prefix) {
|
154
130
|
var _cls2;
|
155
|
-
|
156
131
|
if (type === 'none') {
|
157
132
|
return null;
|
158
133
|
}
|
159
|
-
|
160
134
|
var nextFieldCls = (0, _mobileUtils.cls)(prefix + "-next-field", (_cls2 = {}, _cls2["flex-" + justify] = true, _cls2));
|
161
|
-
|
162
135
|
if (typeof renderNextField === 'undefined') {
|
163
136
|
var _cls3;
|
164
|
-
|
165
137
|
return /*#__PURE__*/_react.default.createElement("div", {
|
166
138
|
className: nextFieldCls
|
167
139
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
@@ -173,7 +145,6 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
173
145
|
if (current >= pageNum) {
|
174
146
|
return;
|
175
147
|
}
|
176
|
-
|
177
148
|
onChange == null ? void 0 : onChange({
|
178
149
|
pageSize: pageSize,
|
179
150
|
pageNum: pageNum,
|
@@ -184,7 +155,6 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
184
155
|
className: "btn-text"
|
185
156
|
}, nextFieldText), iconRender('next')));
|
186
157
|
}
|
187
|
-
|
188
158
|
var nextItem = renderNextField && renderNextField({
|
189
159
|
current: current,
|
190
160
|
pageSize: pageSize,
|
@@ -194,7 +164,6 @@ var Pagination = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
194
164
|
className: nextFieldCls
|
195
165
|
}, nextItem);
|
196
166
|
};
|
197
|
-
|
198
167
|
var prefix = prefixCls + "-pagination";
|
199
168
|
return !(hideOnOnePage && pageNum === 1) ? /*#__PURE__*/_react.default.createElement("div", {
|
200
169
|
ref: domRef,
|
package/cjs/picker/index.d.ts
CHANGED
@@ -35,6 +35,9 @@ export interface PickerRef {
|
|
35
35
|
*/
|
36
36
|
scrollToCurrentIndex: () => void;
|
37
37
|
}
|
38
|
+
declare const _default: React.ForwardRefExoticComponent<PickerProps & React.RefAttributes<PickerRef>> & {
|
39
|
+
displayName?: string | undefined;
|
40
|
+
};
|
38
41
|
/**
|
39
42
|
* 选择器组件,形式是弹起的浮层。
|
40
43
|
* @en The selector component, in the form of a popup layer.
|
@@ -42,6 +45,6 @@ export interface PickerRef {
|
|
42
45
|
* @type_en Data Entry
|
43
46
|
* @name 选择器
|
44
47
|
* @name_en Picker
|
48
|
+
* @displayName Picker
|
45
49
|
*/
|
46
|
-
|
47
|
-
export default Picker;
|
50
|
+
export default _default;
|
package/cjs/picker/index.js
CHANGED
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
exports.__esModule = true;
|
6
5
|
var _exportNames = {
|
7
6
|
MultiPicker: true,
|
@@ -9,29 +8,18 @@ var _exportNames = {
|
|
9
8
|
Cascader: true
|
10
9
|
};
|
11
10
|
exports.default = exports.PickerCell = exports.MultiPicker = exports.Cascader = void 0;
|
12
|
-
|
13
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
14
|
-
|
15
12
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
16
|
-
|
17
13
|
var _react = _interopRequireWildcard(require("react"));
|
18
|
-
|
19
14
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
20
|
-
|
21
15
|
var _contextProvider = require("../context-provider");
|
22
|
-
|
23
16
|
var _popup = _interopRequireDefault(require("../popup"));
|
24
|
-
|
25
17
|
var _pickerView = _interopRequireWildcard(require("../picker-view"));
|
26
|
-
|
27
18
|
exports.MultiPicker = _pickerView.MultiPicker;
|
28
19
|
exports.PickerCell = _pickerView.PickerCell;
|
29
20
|
exports.Cascader = _pickerView.Cascader;
|
30
|
-
|
31
21
|
var _helpers = require("../_helpers");
|
32
|
-
|
33
22
|
var _type = require("./type");
|
34
|
-
|
35
23
|
Object.keys(_type).forEach(function (key) {
|
36
24
|
if (key === "default" || key === "__esModule") return;
|
37
25
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
@@ -39,97 +27,74 @@ Object.keys(_type).forEach(function (key) {
|
|
39
27
|
exports[key] = _type[key];
|
40
28
|
});
|
41
29
|
var _excluded = ["className", "itemStyle", "cascade", "cols", "rows", "data", "okText", "dismissText", "disabled", "clickable", "hideEmptyCols", "title", "visible", "value", "needBottomOffset", "onDismiss", "onOk", "onChange", "maskClosable", "onHide", "onPickerChange", "touchToStop", "gestureOutOfControl"];
|
42
|
-
|
43
30
|
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); }
|
44
|
-
|
45
31
|
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; }
|
46
|
-
|
47
32
|
var getInitialValue = function getInitialValue(value, data, cascade) {
|
48
33
|
if (value && value.length) {
|
49
34
|
return value;
|
50
35
|
}
|
51
|
-
|
52
36
|
var computedValue = [];
|
53
|
-
|
54
37
|
if (!cascade) {
|
55
38
|
if (!(data[0] instanceof Array)) {
|
56
39
|
var _data$;
|
57
|
-
|
58
40
|
return (_data$ = data[0]) != null && _data$.value ? [data[0].value] : [];
|
59
41
|
}
|
60
|
-
|
61
42
|
data.map(function (column) {
|
62
43
|
computedValue.push(typeof column[0] === 'object' ? column[0].value : column[0]);
|
63
44
|
});
|
64
45
|
} else {
|
65
46
|
var cascadePickerData = data;
|
66
|
-
|
67
47
|
if (!cascadePickerData || !cascadePickerData.length) {
|
68
48
|
return computedValue;
|
69
49
|
}
|
70
|
-
|
71
50
|
computedValue.push(cascadePickerData[0].value);
|
72
51
|
var traverse = cascadePickerData[0].children;
|
73
|
-
|
74
52
|
while (traverse) {
|
75
53
|
computedValue.push(traverse[0].value);
|
76
54
|
traverse = traverse[0].children;
|
77
55
|
}
|
78
56
|
}
|
79
|
-
|
80
57
|
return computedValue;
|
81
58
|
};
|
82
|
-
/**
|
83
|
-
* 选择器组件,形式是弹起的浮层。
|
84
|
-
* @en The selector component, in the form of a popup layer.
|
85
|
-
* @type 数据录入
|
86
|
-
* @type_en Data Entry
|
87
|
-
* @name 选择器
|
88
|
-
* @name_en Picker
|
89
|
-
*/
|
90
|
-
|
91
|
-
|
92
59
|
var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
93
60
|
var className = props.className,
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
126
|
-
|
127
|
-
|
128
|
-
|
61
|
+
itemStyle = props.itemStyle,
|
62
|
+
_props$cascade = props.cascade,
|
63
|
+
cascade = _props$cascade === void 0 ? true : _props$cascade,
|
64
|
+
_props$cols = props.cols,
|
65
|
+
cols = _props$cols === void 0 ? 3 : _props$cols,
|
66
|
+
_props$rows = props.rows,
|
67
|
+
rows = _props$rows === void 0 ? 5 : _props$rows,
|
68
|
+
data = props.data,
|
69
|
+
okText = props.okText,
|
70
|
+
dismissText = props.dismissText,
|
71
|
+
_props$disabled = props.disabled,
|
72
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
73
|
+
_props$clickable = props.clickable,
|
74
|
+
clickable = _props$clickable === void 0 ? true : _props$clickable,
|
75
|
+
_props$hideEmptyCols = props.hideEmptyCols,
|
76
|
+
hideEmptyCols = _props$hideEmptyCols === void 0 ? false : _props$hideEmptyCols,
|
77
|
+
_props$title = props.title,
|
78
|
+
title = _props$title === void 0 ? '' : _props$title,
|
79
|
+
_props$visible = props.visible,
|
80
|
+
visible = _props$visible === void 0 ? false : _props$visible,
|
81
|
+
value = props.value,
|
82
|
+
_props$needBottomOffs = props.needBottomOffset,
|
83
|
+
needBottomOffset = _props$needBottomOffs === void 0 ? false : _props$needBottomOffs,
|
84
|
+
onDismiss = props.onDismiss,
|
85
|
+
onOk = props.onOk,
|
86
|
+
onChange = props.onChange,
|
87
|
+
_props$maskClosable = props.maskClosable,
|
88
|
+
maskClosable = _props$maskClosable === void 0 ? false : _props$maskClosable,
|
89
|
+
onHide = props.onHide,
|
90
|
+
onPickerChange = props.onPickerChange,
|
91
|
+
touchToStop = props.touchToStop,
|
92
|
+
_props$gestureOutOfCo = props.gestureOutOfControl,
|
93
|
+
gestureOutOfControl = _props$gestureOutOfCo === void 0 ? true : _props$gestureOutOfCo,
|
94
|
+
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
129
95
|
var _useState = (0, _react.useState)(getInitialValue(value, data, cascade)),
|
130
|
-
|
131
|
-
|
132
|
-
|
96
|
+
scrollValue = _useState[0],
|
97
|
+
setScrollValue = _useState[1];
|
133
98
|
var domRef = (0, _react.useRef)(null);
|
134
99
|
var pickerViewRef = (0, _react.useRef)(null);
|
135
100
|
(0, _react.useImperativeHandle)(ref, function () {
|
@@ -137,82 +102,68 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
137
102
|
dom: domRef.current,
|
138
103
|
getCellMovingStatus: function getCellMovingStatus() {
|
139
104
|
var _pickerViewRef$curren;
|
140
|
-
|
141
105
|
return ((_pickerViewRef$curren = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren.getCellMovingStatus()) || [];
|
142
106
|
},
|
143
107
|
getAllColumnValues: function getAllColumnValues() {
|
144
108
|
var _pickerViewRef$curren2;
|
145
|
-
|
146
109
|
return ((_pickerViewRef$curren2 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren2.getAllColumnValues()) || [];
|
147
110
|
},
|
148
111
|
getColumnValue: function getColumnValue(index) {
|
149
112
|
var _pickerViewRef$curren3;
|
150
|
-
|
151
113
|
return ((_pickerViewRef$curren3 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren3.getColumnValue(index)) || '';
|
152
114
|
},
|
153
115
|
updateLayout: function updateLayout() {
|
154
116
|
var _pickerViewRef$curren4;
|
155
|
-
|
156
117
|
return (_pickerViewRef$curren4 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren4.updateLayout();
|
157
118
|
},
|
158
119
|
scrollToCurrentIndex: function scrollToCurrentIndex() {
|
159
120
|
var _pickerViewRef$curren5;
|
160
|
-
|
161
121
|
return (_pickerViewRef$curren5 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren5.scrollToCurrentIndex();
|
162
122
|
}
|
163
123
|
};
|
164
124
|
});
|
165
|
-
|
166
125
|
function handleDismiss() {
|
167
126
|
if (onDismiss) {
|
168
127
|
onDismiss();
|
169
128
|
}
|
170
|
-
|
171
129
|
if (onHide) {
|
172
130
|
onHide('dismiss');
|
173
131
|
}
|
174
132
|
}
|
175
|
-
|
176
133
|
var handleConfirm = function handleConfirm() {
|
177
134
|
var _pickerViewRef$curren6;
|
178
|
-
|
179
135
|
(_pickerViewRef$curren6 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren6.scrollToCurrentIndex();
|
180
136
|
(0, _mobileUtils.nextTick)(function () {
|
181
137
|
var _pickerViewRef$curren7;
|
182
|
-
|
183
138
|
var val = ((_pickerViewRef$curren7 = pickerViewRef.current) == null ? void 0 : _pickerViewRef$curren7.getAllColumnValues()) || scrollValue;
|
184
|
-
|
185
139
|
if (onOk) {
|
186
140
|
onOk(val);
|
187
141
|
}
|
188
|
-
|
189
142
|
if (onChange) {
|
190
143
|
onChange(val);
|
191
144
|
}
|
192
|
-
|
193
145
|
if (onHide) {
|
194
146
|
onHide('confirm');
|
195
147
|
}
|
196
148
|
});
|
197
149
|
};
|
198
|
-
|
199
150
|
(0, _react.useEffect)(function () {
|
200
151
|
setScrollValue(value);
|
201
152
|
}, [value, setScrollValue]);
|
202
|
-
(0, _helpers.useListenResize)(updateLayoutByVisible, [visible]);
|
153
|
+
(0, _helpers.useListenResize)(updateLayoutByVisible, [visible]);
|
203
154
|
|
155
|
+
// 每次visible从false变为true时需要重新设置scrollValue的值为当前value的值(初始值)
|
204
156
|
function updateLayoutByVisible() {
|
205
157
|
if (visible && pickerViewRef.current) {
|
206
158
|
pickerViewRef.current.updateLayout();
|
207
159
|
}
|
208
160
|
}
|
209
|
-
|
210
161
|
(0, _react.useEffect)(function () {
|
211
162
|
updateLayoutByVisible();
|
212
163
|
}, [visible]);
|
213
164
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
214
165
|
var prefixCls = _ref.prefixCls,
|
215
|
-
|
166
|
+
locale = _ref.locale;
|
216
167
|
return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
|
217
168
|
visible: visible,
|
218
169
|
className: (0, _mobileUtils.cls)(className, prefixCls + "-picker all-border-box"),
|
@@ -252,5 +203,15 @@ var Picker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
252
203
|
})));
|
253
204
|
});
|
254
205
|
});
|
255
|
-
|
206
|
+
|
207
|
+
/**
|
208
|
+
* 选择器组件,形式是弹起的浮层。
|
209
|
+
* @en The selector component, in the form of a popup layer.
|
210
|
+
* @type 数据录入
|
211
|
+
* @type_en Data Entry
|
212
|
+
* @name 选择器
|
213
|
+
* @name_en Picker
|
214
|
+
* @displayName Picker
|
215
|
+
*/
|
216
|
+
var _default = (0, _mobileUtils.componentWrapper)(Picker, 'Picker');
|
256
217
|
exports.default = _default;
|
@@ -1,38 +1,30 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
4
|
exports.__esModule = true;
|
6
5
|
exports.default = void 0;
|
7
|
-
|
8
6
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
-
|
10
7
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
11
|
-
|
12
8
|
var _multiPicker = _interopRequireDefault(require("./multi-picker"));
|
13
|
-
|
14
9
|
var _pickerCell = _interopRequireDefault(require("./picker-cell"));
|
15
|
-
|
16
10
|
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
|
-
|
18
11
|
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
|
-
|
20
12
|
var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
21
13
|
var prefixCls = props.prefixCls,
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
14
|
+
itemStyle = props.itemStyle,
|
15
|
+
cols = props.cols,
|
16
|
+
data = props.data,
|
17
|
+
disabled = props.disabled,
|
18
|
+
clickable = props.clickable,
|
19
|
+
itemHeight = props.itemHeight,
|
20
|
+
wrapperHeight = props.wrapperHeight,
|
21
|
+
rows = props.rows,
|
22
|
+
hideEmptyCols = props.hideEmptyCols,
|
23
|
+
onPickerChange = props.onPickerChange,
|
24
|
+
onValueChange = props.onValueChange,
|
25
|
+
_props$selectedValue = props.selectedValue,
|
26
|
+
selectedValue = _props$selectedValue === void 0 ? [] : _props$selectedValue,
|
27
|
+
touchToStop = props.touchToStop;
|
36
28
|
var pickerCellsRef = (0, _react.useRef)([]);
|
37
29
|
(0, _react.useImperativeHandle)(ref, function () {
|
38
30
|
return {
|
@@ -40,35 +32,29 @@ var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
40
32
|
scrollToCurrentIndex: scrollToCurrentIndex
|
41
33
|
};
|
42
34
|
});
|
43
|
-
|
44
35
|
function getCellMovingStatus() {
|
45
36
|
return pickerCellsRef.current.map(function (cell) {
|
46
37
|
return cell.movingStatus;
|
47
38
|
});
|
48
39
|
}
|
49
|
-
|
50
40
|
function scrollToCurrentIndex() {
|
51
41
|
pickerCellsRef.current.forEach(function (cell) {
|
52
42
|
return cell.scrollToCurrentIndex();
|
53
43
|
});
|
54
44
|
}
|
55
|
-
|
56
45
|
function _onValueChange(value, index) {
|
57
46
|
var children = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
|
58
47
|
return level <= index && item.value === value[level];
|
59
48
|
});
|
60
49
|
var child = children[index];
|
61
50
|
var i;
|
62
|
-
|
63
51
|
for (i = index + 1; i < cols && child && child.children; i++) {
|
64
52
|
child = child.children[0];
|
65
53
|
value[i] = child.value;
|
66
54
|
}
|
67
|
-
|
68
55
|
value.length = i;
|
69
56
|
onValueChange == null ? void 0 : onValueChange(value, index);
|
70
57
|
}
|
71
|
-
|
72
58
|
function _formatData() {
|
73
59
|
var childrenTree = (0, _mobileUtils.arrayTreeFilter)(data, function (item, level) {
|
74
60
|
return item.value === selectedValue[level];
|
@@ -76,18 +62,15 @@ var Cascader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
76
62
|
return item.children;
|
77
63
|
});
|
78
64
|
var needPad = cols - childrenTree.length;
|
79
|
-
|
80
65
|
if (needPad > 0) {
|
81
66
|
for (var i = 0; i < needPad; i++) {
|
82
67
|
childrenTree.push([]);
|
83
68
|
}
|
84
69
|
}
|
85
|
-
|
86
70
|
childrenTree.length = cols - 1;
|
87
71
|
childrenTree.unshift(data);
|
88
72
|
return childrenTree;
|
89
73
|
}
|
90
|
-
|
91
74
|
var formatData = (0, _react.useMemo)(function () {
|
92
75
|
return _formatData();
|
93
76
|
}, [data, selectedValue]);
|