@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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RefObject } from 'react';
|
|
2
|
-
import { Promise } from 'es6-promise';
|
|
2
|
+
import { Promise as ES6Promise } from 'es6-promise';
|
|
3
3
|
import { PullRefreshStatus } from './model';
|
|
4
4
|
export declare const useCommonState: ({ onRefresh, loosingMinHeight, }: {
|
|
5
5
|
onRefresh?: (() => Promise<void>) | undefined;
|
|
@@ -13,7 +13,7 @@ export declare const useCommonState: ({ onRefresh, loosingMinHeight, }: {
|
|
|
13
13
|
labelRef: RefObject<HTMLDivElement>;
|
|
14
14
|
domRef: RefObject<HTMLDivElement>;
|
|
15
15
|
loosingHeight: number;
|
|
16
|
-
handleRefresh: () =>
|
|
16
|
+
handleRefresh: () => ES6Promise<[void | undefined, unknown]>;
|
|
17
17
|
tipsHeight: number;
|
|
18
18
|
};
|
|
19
19
|
export declare const useAddScrollEvents: ({ domRef, handleTouchStart, handleTouchMove, handleTouchEnd, }: {
|
|
@@ -1,35 +1,30 @@
|
|
|
1
1
|
import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
|
|
2
|
-
import { Promise } from 'es6-promise';
|
|
2
|
+
import { Promise as ES6Promise } from 'es6-promise';
|
|
3
3
|
import { PullRefreshStatus } from './model';
|
|
4
4
|
export var useCommonState = function useCommonState(_ref) {
|
|
5
5
|
var onRefresh = _ref.onRefresh,
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
loosingMinHeight = _ref.loosingMinHeight;
|
|
8
7
|
var _useState = useState(PullRefreshStatus.Static),
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
status = _useState[0],
|
|
9
|
+
setStatus = _useState[1];
|
|
12
10
|
var loadingRef = useRef(false);
|
|
13
11
|
var labelRef = useRef(null);
|
|
14
12
|
var domRef = useRef(null);
|
|
15
|
-
|
|
16
13
|
var _useState2 = useState(false),
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
touching = _useState2[0],
|
|
15
|
+
setTouching = _useState2[1];
|
|
20
16
|
var tipsHeight = useMemo(function () {
|
|
21
17
|
var _labelRef$current$get, _labelRef$current;
|
|
22
|
-
|
|
23
18
|
return (_labelRef$current$get = (_labelRef$current = labelRef.current) == null ? void 0 : _labelRef$current.getBoundingClientRect().height) != null ? _labelRef$current$get : 40;
|
|
24
19
|
}, [status]);
|
|
25
20
|
var loosingHeight = useMemo(function () {
|
|
26
21
|
return loosingMinHeight || tipsHeight;
|
|
27
22
|
}, [tipsHeight, loosingMinHeight]);
|
|
28
23
|
var handleRefresh = useCallback(function () {
|
|
29
|
-
loadingRef.current = true;
|
|
24
|
+
loadingRef.current = true;
|
|
25
|
+
// 避免动画过快,最短加载时间
|
|
30
26
|
// @en Minimum load time, avoid animation too fast
|
|
31
|
-
|
|
32
|
-
return Promise.all([onRefresh == null ? void 0 : onRefresh(), new Promise(function (resolve) {
|
|
27
|
+
return ES6Promise.all([onRefresh == null ? void 0 : onRefresh(), new ES6Promise(function (resolve) {
|
|
33
28
|
// 最少加载一秒
|
|
34
29
|
// @en Load at least one second
|
|
35
30
|
setTimeout(function () {
|
|
@@ -52,41 +47,35 @@ export var useCommonState = function useCommonState(_ref) {
|
|
|
52
47
|
};
|
|
53
48
|
export var useAddScrollEvents = function useAddScrollEvents(_ref2) {
|
|
54
49
|
var domRef = _ref2.domRef,
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
50
|
+
handleTouchStart = _ref2.handleTouchStart,
|
|
51
|
+
handleTouchMove = _ref2.handleTouchMove,
|
|
52
|
+
handleTouchEnd = _ref2.handleTouchEnd;
|
|
58
53
|
useEffect(function () {
|
|
59
54
|
var _domRef$current;
|
|
60
|
-
|
|
61
55
|
(_domRef$current = domRef.current) == null ? void 0 : _domRef$current.addEventListener('touchstart', handleTouchStart, {
|
|
62
56
|
passive: false
|
|
63
57
|
});
|
|
64
58
|
return function () {
|
|
65
59
|
var _domRef$current2;
|
|
66
|
-
|
|
67
60
|
(_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.removeEventListener('touchstart', handleTouchStart);
|
|
68
61
|
};
|
|
69
62
|
}, [handleTouchMove]);
|
|
70
63
|
useEffect(function () {
|
|
71
64
|
var _domRef$current3;
|
|
72
|
-
|
|
73
65
|
(_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.addEventListener('touchmove', handleTouchMove, {
|
|
74
66
|
passive: false
|
|
75
67
|
});
|
|
76
68
|
return function () {
|
|
77
69
|
var _domRef$current4;
|
|
78
|
-
|
|
79
70
|
(_domRef$current4 = domRef.current) == null ? void 0 : _domRef$current4.removeEventListener('touchmove', handleTouchMove);
|
|
80
71
|
};
|
|
81
72
|
}, [handleTouchMove]);
|
|
82
73
|
useEffect(function () {
|
|
83
74
|
var _domRef$current5, _domRef$current6;
|
|
84
|
-
|
|
85
75
|
(_domRef$current5 = domRef.current) == null ? void 0 : _domRef$current5.addEventListener('touchend', handleTouchEnd);
|
|
86
76
|
(_domRef$current6 = domRef.current) == null ? void 0 : _domRef$current6.addEventListener('touchcancel', handleTouchEnd);
|
|
87
77
|
return function () {
|
|
88
78
|
var _domRef$current7, _domRef$current8;
|
|
89
|
-
|
|
90
79
|
(_domRef$current7 = domRef.current) == null ? void 0 : _domRef$current7.removeEventListener('touchend', handleTouchEnd);
|
|
91
80
|
(_domRef$current8 = domRef.current) == null ? void 0 : _domRef$current8.removeEventListener('touchcancel', handleTouchEnd);
|
|
92
81
|
};
|
|
@@ -94,10 +83,9 @@ export var useAddScrollEvents = function useAddScrollEvents(_ref2) {
|
|
|
94
83
|
};
|
|
95
84
|
export var useCheckAsStart = function useCheckAsStart(_ref3) {
|
|
96
85
|
var allowPullWhenNotTop = _ref3.allowPullWhenNotTop,
|
|
97
|
-
|
|
86
|
+
domRef = _ref3.domRef;
|
|
98
87
|
var ifShouldHandle = useCallback(function () {
|
|
99
88
|
var _domRef$current$offse, _domRef$current9;
|
|
100
|
-
|
|
101
89
|
var domRefHeight = (_domRef$current$offse = (_domRef$current9 = domRef.current) == null ? void 0 : _domRef$current9.offsetHeight) != null ? _domRef$current$offse : 0;
|
|
102
90
|
return domRef.current && !(!allowPullWhenNotTop && (domRef.current.scrollTop < 0 || domRef.current.scrollTop > domRef.current.scrollHeight - domRefHeight));
|
|
103
91
|
}, [allowPullWhenNotTop]);
|
|
@@ -5,7 +5,6 @@ import React, { forwardRef } from 'react';
|
|
|
5
5
|
import { PullRefresh as IOSPullRefresh } from './ios-pull-refresh';
|
|
6
6
|
import { PullRefresh as AndroidPullRefresh } from './android-pull-refresh';
|
|
7
7
|
import { useSystem } from '../_helpers';
|
|
8
|
-
|
|
9
8
|
/**
|
|
10
9
|
* 下拉刷新数据组件。
|
|
11
10
|
* @en PullRefresh component that pulls down to refresh data.
|
|
@@ -16,10 +15,9 @@ import { useSystem } from '../_helpers';
|
|
|
16
15
|
*/
|
|
17
16
|
var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
18
17
|
var type = props.type,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
useIosOptimize = props.useIosOptimize,
|
|
19
|
+
children = props.children,
|
|
20
|
+
rest = _objectWithoutPropertiesLoose(props, _excluded);
|
|
23
21
|
var system = useSystem();
|
|
24
22
|
var Container = type === 'ios' || useIosOptimize && (type || system) === 'ios' ? IOSPullRefresh : AndroidPullRefresh;
|
|
25
23
|
return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { PullRefreshRef, PullRefreshBasicProps } from './model';
|
|
2
|
+
import type { PullRefreshRef, PullRefreshBasicProps } from './model';
|
|
3
3
|
export declare const PullRefresh: React.ForwardRefExoticComponent<PullRefreshBasicProps & React.RefAttributes<PullRefreshRef>>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import React, { useState, useRef, forwardRef, useCallback, useContext, useEffect, useMemo, useImperativeHandle } from 'react';
|
|
3
3
|
import { cls, defaultLocale } from '@arco-design/mobile-utils';
|
|
4
|
+
import { Promise as ES6Promise } from 'es6-promise';
|
|
4
5
|
import Loading from '../loading';
|
|
5
6
|
import { GlobalContext } from '../context-provider';
|
|
6
7
|
import { PullRefreshStatus } from './model';
|
|
@@ -8,77 +9,69 @@ import { useCommonState, useAddScrollEvents, useCheckAsStart } from './hooks';
|
|
|
8
9
|
import { useListenResize } from '../_helpers';
|
|
9
10
|
export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
10
11
|
var _pullTextConfig;
|
|
11
|
-
|
|
12
12
|
var _useContext = useContext(GlobalContext),
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
13
|
+
prefixCls = _useContext.prefixCls,
|
|
14
|
+
_useContext$locale = _useContext.locale,
|
|
15
|
+
locale = _useContext$locale === void 0 ? defaultLocale : _useContext$locale;
|
|
17
16
|
var animationRef = useRef(0);
|
|
18
17
|
var className = props.className,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
18
|
+
style = props.style,
|
|
19
|
+
children = props.children,
|
|
20
|
+
_props$loadingText = props.loadingText,
|
|
21
|
+
loadingText = _props$loadingText === void 0 ? /*#__PURE__*/React.createElement("div", {
|
|
22
|
+
className: cls(prefixCls + "-pull-refresh-label-text")
|
|
23
|
+
}, /*#__PURE__*/React.createElement(Loading, {
|
|
24
|
+
type: "circle",
|
|
25
|
+
radius: 4
|
|
26
|
+
}), /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.loadingText)) : _props$loadingText,
|
|
27
|
+
_props$pullingText = props.pullingText,
|
|
28
|
+
pullingText = _props$pullingText === void 0 ? /*#__PURE__*/React.createElement("div", {
|
|
29
|
+
className: cls(prefixCls + "-pull-refresh-label-text")
|
|
30
|
+
}, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.pullingText)) : _props$pullingText,
|
|
31
|
+
_props$finishText = props.finishText,
|
|
32
|
+
finishText = _props$finishText === void 0 ? /*#__PURE__*/React.createElement("div", {
|
|
33
|
+
className: cls(prefixCls + "-pull-refresh-label-text")
|
|
34
|
+
}, /*#__PURE__*/React.createElement("span", null, locale.PullRefresh.finishText)) : _props$finishText,
|
|
35
|
+
initialText = props.initialText,
|
|
36
|
+
_props$finishDelay = props.finishDelay,
|
|
37
|
+
finishDelay = _props$finishDelay === void 0 ? 300 : _props$finishDelay,
|
|
38
|
+
_props$disabled = props.disabled,
|
|
39
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
40
|
+
loosingMinHeight = props.loosingMinHeight,
|
|
41
|
+
_props$useHideAsNeste = props.useHideAsNestedScroll,
|
|
42
|
+
useHideAsNestedScroll = _props$useHideAsNeste === void 0 ? true : _props$useHideAsNeste,
|
|
43
|
+
_props$allowPullWhenN = props.allowPullWhenNotTop,
|
|
44
|
+
allowPullWhenNotTop = _props$allowPullWhenN === void 0 ? false : _props$allowPullWhenN,
|
|
45
|
+
onRefresh = props.onRefresh;
|
|
47
46
|
var lastScrollTop = useRef(0);
|
|
48
47
|
var statusRef = useRef(PullRefreshStatus.Static);
|
|
49
|
-
|
|
50
48
|
var _useState = useState({}),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
labelStyle = _useState[0],
|
|
50
|
+
setLabelStyle = _useState[1];
|
|
54
51
|
var _useState2 = useState(0),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
52
|
+
contentHeight = _useState2[0],
|
|
53
|
+
setContentHeight = _useState2[1];
|
|
58
54
|
var _useCommonState = useCommonState({
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
55
|
+
loosingMinHeight: loosingMinHeight,
|
|
56
|
+
onRefresh: onRefresh
|
|
57
|
+
}),
|
|
58
|
+
loadingRef = _useCommonState.loadingRef,
|
|
59
|
+
status = _useCommonState.status,
|
|
60
|
+
setStatus = _useCommonState.setStatus,
|
|
61
|
+
labelRef = _useCommonState.labelRef,
|
|
62
|
+
domRef = _useCommonState.domRef,
|
|
63
|
+
touching = _useCommonState.touching,
|
|
64
|
+
setTouching = _useCommonState.setTouching,
|
|
65
|
+
loosingHeight = _useCommonState.loosingHeight,
|
|
66
|
+
tipsHeight = _useCommonState.tipsHeight,
|
|
67
|
+
handleRefresh = _useCommonState.handleRefresh;
|
|
73
68
|
var _useCheckAsStart = useCheckAsStart({
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
69
|
+
domRef: domRef,
|
|
70
|
+
allowPullWhenNotTop: allowPullWhenNotTop
|
|
71
|
+
}),
|
|
72
|
+
ifShouldHandle = _useCheckAsStart.ifShouldHandle;
|
|
79
73
|
var currentLabelStyle = useMemo(function () {
|
|
80
74
|
var _domRef$current$scrol, _domRef$current;
|
|
81
|
-
|
|
82
75
|
return useHideAsNestedScroll && !touching && status === PullRefreshStatus.Pulling && ((_domRef$current$scrol = domRef == null ? void 0 : (_domRef$current = domRef.current) == null ? void 0 : _domRef$current.scrollTop) != null ? _domRef$current$scrol : 0) > 0 || disabled ? _extends({}, labelStyle, {
|
|
83
76
|
opacity: 0
|
|
84
77
|
}) : labelStyle;
|
|
@@ -88,7 +81,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
88
81
|
if (callback === void 0) {
|
|
89
82
|
callback = function callback() {};
|
|
90
83
|
}
|
|
91
|
-
|
|
92
84
|
if (animationRef.current === animationKey) {
|
|
93
85
|
setLabelStyle({
|
|
94
86
|
position: 'relative',
|
|
@@ -97,7 +89,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
97
89
|
transition: 'height .45s'
|
|
98
90
|
});
|
|
99
91
|
}
|
|
100
|
-
|
|
101
92
|
setTimeout(function () {
|
|
102
93
|
if (animationRef.current === animationKey) {
|
|
103
94
|
if (domRef.current) domRef.current.style.overflow = 'auto';
|
|
@@ -117,14 +108,12 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
117
108
|
var handleTouchStart = useCallback(function () {
|
|
118
109
|
if (disabled || loadingRef.current || !domRef.current || !ifShouldHandle()) return;
|
|
119
110
|
setTouching(true);
|
|
120
|
-
|
|
121
111
|
if (domRef.current && domRef.current.scrollTop === 0) {
|
|
122
112
|
domRef.current.scrollTop = 1;
|
|
123
113
|
}
|
|
124
114
|
}, [disabled, ifShouldHandle]);
|
|
125
|
-
|
|
126
115
|
var refresh = function refresh() {
|
|
127
|
-
return new
|
|
116
|
+
return new ES6Promise(function (resolve) {
|
|
128
117
|
if (domRef.current) {
|
|
129
118
|
domRef.current.style.overflow = 'hidden';
|
|
130
119
|
var animationKey = new Date().getTime();
|
|
@@ -149,7 +138,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
149
138
|
}
|
|
150
139
|
});
|
|
151
140
|
};
|
|
152
|
-
|
|
153
141
|
var handleTouchEnd = useCallback(function () {
|
|
154
142
|
if (disabled || loadingRef.current || !domRef.current) return;
|
|
155
143
|
setTouching(false);
|
|
@@ -159,7 +147,6 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
159
147
|
if (disabled || loadingRef.current || !domRef.current) return;
|
|
160
148
|
setTimeout(function () {
|
|
161
149
|
var _domRef$current$scrol2, _domRef$current2, _domRef$current$scrol3, _domRef$current3;
|
|
162
|
-
|
|
163
150
|
var isLoosing = -((_domRef$current$scrol2 = (_domRef$current2 = domRef.current) == null ? void 0 : _domRef$current2.scrollTop) != null ? _domRef$current$scrol2 : 0) > loosingHeight;
|
|
164
151
|
if (isLoosing) lastScrollTop.current = (_domRef$current$scrol3 = (_domRef$current3 = domRef.current) == null ? void 0 : _domRef$current3.scrollTop) != null ? _domRef$current$scrol3 : 0;
|
|
165
152
|
statusRef.current = isLoosing ? PullRefreshStatus.Loosing : PullRefreshStatus.Pulling;
|
|
@@ -168,8 +155,7 @@ export var PullRefresh = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
168
155
|
var updateIOSHeight = useCallback(function () {
|
|
169
156
|
if (domRef.current) {
|
|
170
157
|
var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
|
|
171
|
-
|
|
172
|
-
|
|
158
|
+
height = _domRef$current$getBo.height;
|
|
173
159
|
setContentHeight(height);
|
|
174
160
|
}
|
|
175
161
|
}, []);
|
package/esm/radio/group.js
CHANGED
|
@@ -13,28 +13,26 @@ export var RadioGroupContext = /*#__PURE__*/React.createContext({
|
|
|
13
13
|
export function componentGenerator(Comp) {
|
|
14
14
|
return /*#__PURE__*/forwardRef(function (props, ref) {
|
|
15
15
|
var _props$style = props.style,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
16
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
17
|
+
_props$className = props.className,
|
|
18
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
19
|
+
defaultValue = props.defaultValue,
|
|
20
|
+
_props$disabled = props.disabled,
|
|
21
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
22
|
+
_props$shape = props.shape,
|
|
23
|
+
shape = _props$shape === void 0 ? 'circle' : _props$shape,
|
|
24
|
+
options = props.options,
|
|
25
|
+
icons = props.icons,
|
|
26
|
+
_props$onChange = props.onChange,
|
|
27
|
+
onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
|
|
28
|
+
value = props.value,
|
|
29
|
+
_props$children = props.children,
|
|
30
|
+
children = _props$children === void 0 ? null : _props$children,
|
|
31
|
+
_props$layout = props.layout,
|
|
32
|
+
layout = _props$layout === void 0 ? 'inline' : _props$layout;
|
|
34
33
|
var _useState = useState(value || defaultValue),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
groupValue = _useState[0],
|
|
35
|
+
setGroupValue = _useState[1];
|
|
38
36
|
var domRef = useRef(null);
|
|
39
37
|
useImperativeHandle(ref, function () {
|
|
40
38
|
return {
|
|
@@ -44,20 +42,18 @@ export function componentGenerator(Comp) {
|
|
|
44
42
|
useEffect(function () {
|
|
45
43
|
value !== void 0 && setGroupValue(value);
|
|
46
44
|
}, [value]);
|
|
45
|
+
|
|
47
46
|
/**
|
|
48
47
|
* 切换Radio状态回调
|
|
49
48
|
* @en Callback when toggling radio state
|
|
50
49
|
*/
|
|
51
|
-
|
|
52
50
|
var handleChange = function handleChange(checked, newValue) {
|
|
53
51
|
if (!checked) return;
|
|
54
52
|
onChange(newValue);
|
|
55
|
-
|
|
56
53
|
if (value === void 0) {
|
|
57
54
|
setGroupValue(newValue);
|
|
58
55
|
}
|
|
59
56
|
};
|
|
60
|
-
|
|
61
57
|
return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref) {
|
|
62
58
|
var prefixCls = _ref.prefixCls;
|
|
63
59
|
return /*#__PURE__*/React.createElement("div", {
|
package/esm/radio/index.js
CHANGED
|
@@ -2,13 +2,14 @@ import { componentWrapper } from '@arco-design/mobile-utils';
|
|
|
2
2
|
import { componentGenerator } from './group';
|
|
3
3
|
import { Radio } from './radio';
|
|
4
4
|
export * from './type';
|
|
5
|
+
|
|
5
6
|
/**
|
|
6
7
|
* 单选项组
|
|
7
8
|
* @en Radio group
|
|
8
9
|
* @displayName RadioGroup
|
|
9
10
|
*/
|
|
10
|
-
|
|
11
11
|
var Group = componentWrapper(componentGenerator(Radio), 'RadioGroup');
|
|
12
|
+
|
|
12
13
|
/**
|
|
13
14
|
* 单选框,可用状态下点击切换选择,支持禁用,支持单选项组。
|
|
14
15
|
* @en Radio button, click to switch selection when available, supports disabled state and radio option group.
|
|
@@ -18,7 +19,6 @@ var Group = componentWrapper(componentGenerator(Radio), 'RadioGroup');
|
|
|
18
19
|
* @type_en Data Entry
|
|
19
20
|
* @displayName Radio
|
|
20
21
|
*/
|
|
21
|
-
|
|
22
22
|
export default componentWrapper(Radio, 'Radio', {
|
|
23
23
|
Group: Group
|
|
24
24
|
});
|
package/esm/rate/index.js
CHANGED
|
@@ -6,30 +6,28 @@ import IconStarHalf from '../icon/IconStarHalf';
|
|
|
6
6
|
import { useUpdateEffect } from '../_helpers';
|
|
7
7
|
var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
8
8
|
var className = props.className,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
9
|
+
style = props.style,
|
|
10
|
+
_props$defaultValue = props.defaultValue,
|
|
11
|
+
defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
|
|
12
|
+
value = props.value,
|
|
13
|
+
_props$count = props.count,
|
|
14
|
+
count = _props$count === void 0 ? 5 : _props$count,
|
|
15
|
+
_props$step = props.step,
|
|
16
|
+
step = _props$step === void 0 ? 1 : _props$step,
|
|
17
|
+
color = props.color,
|
|
18
|
+
normalColor = props.normalColor,
|
|
19
|
+
disabledColor = props.disabledColor,
|
|
20
|
+
_props$allowHalf = props.allowHalf,
|
|
21
|
+
allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
|
|
22
|
+
_props$disabled = props.disabled,
|
|
23
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
24
|
+
size = props.size,
|
|
25
|
+
offset = props.offset,
|
|
26
|
+
icons = props.icons,
|
|
27
|
+
onChange = props.onChange;
|
|
29
28
|
var _useState = useState(defaultValue),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
innerValue = _useState[0],
|
|
30
|
+
setInnerValue = _useState[1];
|
|
33
31
|
var starIndex = useMemo(function () {
|
|
34
32
|
var actualValue = value !== void 0 ? value : innerValue;
|
|
35
33
|
return actualValue / step || 0;
|
|
@@ -46,46 +44,37 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
46
44
|
dom: domRef.current
|
|
47
45
|
};
|
|
48
46
|
});
|
|
49
|
-
|
|
50
47
|
function handleStarIndexChange(newIndex) {
|
|
51
48
|
if (disabled) {
|
|
52
49
|
return;
|
|
53
50
|
}
|
|
54
|
-
|
|
55
51
|
var newValue = newIndex * step;
|
|
56
52
|
setInnerValue(newValue);
|
|
57
53
|
onChange && onChange(newValue);
|
|
58
54
|
}
|
|
59
|
-
|
|
60
55
|
function renderIconByAttr(defaultNode, index, attr) {
|
|
61
56
|
if (!attr) {
|
|
62
57
|
return defaultNode;
|
|
63
58
|
}
|
|
64
|
-
|
|
65
59
|
if (typeof attr === 'function') {
|
|
66
60
|
// 对外的index从0开始
|
|
67
61
|
// @en External index starts from 0
|
|
68
62
|
return attr(index - 1);
|
|
69
63
|
}
|
|
70
|
-
|
|
71
64
|
return attr;
|
|
72
65
|
}
|
|
73
|
-
|
|
74
66
|
function getIconStatus(index) {
|
|
75
67
|
if (starIndex >= index) {
|
|
76
68
|
return 'active';
|
|
77
69
|
}
|
|
78
|
-
|
|
79
70
|
if (starIndex >= index - 0.5 && allowHalf) {
|
|
80
71
|
return 'half-active';
|
|
81
72
|
}
|
|
82
|
-
|
|
83
73
|
return 'normal';
|
|
84
74
|
}
|
|
85
|
-
|
|
86
75
|
function renderRateIcon(prefix, status, index) {
|
|
87
76
|
if (status === 'active') {
|
|
88
|
-
return renderIconByAttr(
|
|
77
|
+
return renderIconByAttr(/*#__PURE__*/React.createElement(IconStarFill, {
|
|
89
78
|
className: cls(prefix + "-icon active", {
|
|
90
79
|
disabled: disabled
|
|
91
80
|
}),
|
|
@@ -95,14 +84,12 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
95
84
|
}
|
|
96
85
|
}), index, icons == null ? void 0 : icons.active);
|
|
97
86
|
}
|
|
98
|
-
|
|
99
87
|
if (status === 'half-active') {
|
|
100
88
|
var _ref = icons || {},
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
89
|
+
active = _ref.active,
|
|
90
|
+
halfActive = _ref.halfActive;
|
|
104
91
|
var customIcon = halfActive || active;
|
|
105
|
-
return renderIconByAttr(
|
|
92
|
+
return renderIconByAttr(/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconStarFill, {
|
|
106
93
|
className: cls(prefix + "-icon normal", {
|
|
107
94
|
disabled: disabled
|
|
108
95
|
}),
|
|
@@ -120,8 +107,7 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
120
107
|
}
|
|
121
108
|
})), index, customIcon);
|
|
122
109
|
}
|
|
123
|
-
|
|
124
|
-
return renderIconByAttr( /*#__PURE__*/React.createElement(IconStarFill, {
|
|
110
|
+
return renderIconByAttr(/*#__PURE__*/React.createElement(IconStarFill, {
|
|
125
111
|
className: cls(prefix + "-icon normal", {
|
|
126
112
|
disabled: disabled
|
|
127
113
|
}),
|
|
@@ -131,10 +117,9 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
131
117
|
}
|
|
132
118
|
}), index, icons == null ? void 0 : icons.normal);
|
|
133
119
|
}
|
|
134
|
-
|
|
135
120
|
return /*#__PURE__*/React.createElement(ContextLayout, null, function (_ref2) {
|
|
136
121
|
var prefixCls = _ref2.prefixCls,
|
|
137
|
-
|
|
122
|
+
useRtl = _ref2.useRtl;
|
|
138
123
|
return /*#__PURE__*/React.createElement("div", {
|
|
139
124
|
role: "slider",
|
|
140
125
|
"aria-valuemin": 0,
|
|
@@ -172,6 +157,7 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
172
157
|
}));
|
|
173
158
|
});
|
|
174
159
|
});
|
|
160
|
+
|
|
175
161
|
/**
|
|
176
162
|
* 评分组件,支持受控模式
|
|
177
163
|
* @en Rate component, supports controlled mode
|
|
@@ -181,5 +167,4 @@ var Rate = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
181
167
|
* @name_en Rate
|
|
182
168
|
* @displayName Rate
|
|
183
169
|
*/
|
|
184
|
-
|
|
185
170
|
export default componentWrapper(Rate, 'Rate');
|