@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
package/umd/skeleton/elements.js
CHANGED
|
@@ -14,45 +14,34 @@
|
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
17
|
-
|
|
18
17
|
_exports.__esModule = true;
|
|
19
18
|
_exports.SkeletonTitle = _exports.SkeletonParagraph = _exports.SkeletonNode = _exports.SkeletonGrid = _exports.SkeletonAvatar = void 0;
|
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
|
21
20
|
_react = _interopRequireWildcard(_react);
|
|
22
|
-
|
|
23
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
|
-
|
|
25
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
|
-
|
|
27
23
|
var calcOffset = function calcOffset(dom, useRtl) {
|
|
28
24
|
if (!dom) {
|
|
29
25
|
return 0;
|
|
30
26
|
}
|
|
31
|
-
|
|
32
27
|
if (useRtl) {
|
|
33
28
|
return dom.offsetLeft - dom.offsetTop;
|
|
34
29
|
}
|
|
35
|
-
|
|
36
30
|
return dom.offsetLeft + dom.offsetTop;
|
|
37
31
|
};
|
|
38
|
-
|
|
39
32
|
function useOffset(dom, useRtl) {
|
|
40
33
|
var _useState = (0, _react.useState)(),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
34
|
+
offset = _useState[0],
|
|
35
|
+
setOffset = _useState[1];
|
|
44
36
|
var calcLayout = function calcLayout() {
|
|
45
37
|
var isList = Array.isArray(dom);
|
|
46
|
-
|
|
47
38
|
if (!(isList ? dom.length > 0 : dom == null ? void 0 : dom.current)) {
|
|
48
39
|
return;
|
|
49
40
|
}
|
|
50
|
-
|
|
51
41
|
setOffset(isList ? dom.map(function (item) {
|
|
52
42
|
return calcOffset(item, useRtl);
|
|
53
43
|
}) : calcOffset(dom.current, useRtl));
|
|
54
44
|
};
|
|
55
|
-
|
|
56
45
|
(0, _react.useEffect)(function () {
|
|
57
46
|
(0, _mobileUtils.nextTick)(function () {
|
|
58
47
|
calcLayout();
|
|
@@ -61,22 +50,18 @@
|
|
|
61
50
|
(0, _helpers.useListenResize)(calcLayout);
|
|
62
51
|
return offset;
|
|
63
52
|
}
|
|
64
|
-
|
|
65
53
|
var SkeletonNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
66
54
|
var _props$className = props.className,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
56
|
+
style = props.style,
|
|
57
|
+
children = props.children;
|
|
71
58
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
59
|
+
useRtl = _useContext.useRtl,
|
|
60
|
+
prefixCls = _useContext.prefixCls;
|
|
75
61
|
var _useContext2 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
62
|
+
backgroundColor = _useContext2.backgroundColor,
|
|
63
|
+
showAnimation = _useContext2.showAnimation,
|
|
64
|
+
animation = _useContext2.animation;
|
|
80
65
|
var domRef = (0, _react.useRef)(null);
|
|
81
66
|
var isGradientAnimation = showAnimation && animation === 'gradient';
|
|
82
67
|
var offset = useOffset(isGradientAnimation ? domRef : undefined, useRtl);
|
|
@@ -101,20 +86,17 @@
|
|
|
101
86
|
_exports.SkeletonNode = SkeletonNode;
|
|
102
87
|
var SkeletonTitle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
103
88
|
var _props$className2 = props.className,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
89
|
+
className = _props$className2 === void 0 ? '' : _props$className2,
|
|
90
|
+
style = props.style,
|
|
91
|
+
_props$width = props.width,
|
|
92
|
+
width = _props$width === void 0 ? '40%' : _props$width;
|
|
109
93
|
var _useContext3 = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
94
|
+
useRtl = _useContext3.useRtl,
|
|
95
|
+
prefixCls = _useContext3.prefixCls;
|
|
113
96
|
var _useContext4 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
97
|
+
backgroundColor = _useContext4.backgroundColor,
|
|
98
|
+
showAnimation = _useContext4.showAnimation,
|
|
99
|
+
animation = _useContext4.animation;
|
|
118
100
|
var domRef = (0, _react.useRef)(null);
|
|
119
101
|
var isGradientAnimation = showAnimation && animation === 'gradient';
|
|
120
102
|
var offset = useOffset(isGradientAnimation ? domRef : undefined, useRtl);
|
|
@@ -140,22 +122,19 @@
|
|
|
140
122
|
_exports.SkeletonTitle = SkeletonTitle;
|
|
141
123
|
var SkeletonParagraph = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
142
124
|
var _props$className3 = props.className,
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
125
|
+
className = _props$className3 === void 0 ? '' : _props$className3,
|
|
126
|
+
style = props.style,
|
|
127
|
+
_props$rows = props.rows,
|
|
128
|
+
rows = _props$rows === void 0 ? 3 : _props$rows,
|
|
129
|
+
_props$width2 = props.width,
|
|
130
|
+
width = _props$width2 === void 0 ? '60%' : _props$width2;
|
|
150
131
|
var _useContext5 = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
132
|
+
useRtl = _useContext5.useRtl,
|
|
133
|
+
prefixCls = _useContext5.prefixCls;
|
|
154
134
|
var _useContext6 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
135
|
+
backgroundColor = _useContext6.backgroundColor,
|
|
136
|
+
showAnimation = _useContext6.showAnimation,
|
|
137
|
+
animation = _useContext6.animation;
|
|
159
138
|
var domRef = (0, _react.useRef)(null);
|
|
160
139
|
var lineDomRefs = (0, _react.useRef)([]);
|
|
161
140
|
var isGradientAnimation = showAnimation && animation === 'gradient';
|
|
@@ -165,19 +144,15 @@
|
|
|
165
144
|
dom: domRef.current
|
|
166
145
|
};
|
|
167
146
|
});
|
|
168
|
-
|
|
169
147
|
var getWidth = function getWidth(idx) {
|
|
170
148
|
if ((0, _mobileUtils.isArray)(width)) {
|
|
171
149
|
return width[idx];
|
|
172
150
|
}
|
|
173
|
-
|
|
174
151
|
if (rows - 1 === idx) {
|
|
175
152
|
return width;
|
|
176
153
|
}
|
|
177
|
-
|
|
178
154
|
return undefined;
|
|
179
155
|
};
|
|
180
|
-
|
|
181
156
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
182
157
|
className: (0, _mobileUtils.cls)(prefixCls + "-skeleton-paragraph", className),
|
|
183
158
|
style: style,
|
|
@@ -206,18 +181,15 @@
|
|
|
206
181
|
_exports.SkeletonParagraph = SkeletonParagraph;
|
|
207
182
|
var SkeletonAvatar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
208
183
|
var _props$className4 = props.className,
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
184
|
+
className = _props$className4 === void 0 ? '' : _props$className4,
|
|
185
|
+
style = props.style;
|
|
212
186
|
var _useContext7 = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
187
|
+
useRtl = _useContext7.useRtl,
|
|
188
|
+
prefixCls = _useContext7.prefixCls;
|
|
216
189
|
var _useContext8 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
190
|
+
backgroundColor = _useContext8.backgroundColor,
|
|
191
|
+
showAnimation = _useContext8.showAnimation,
|
|
192
|
+
animation = _useContext8.animation;
|
|
221
193
|
var domRef = (0, _react.useRef)(null);
|
|
222
194
|
var isGradientAnimation = showAnimation && animation === 'gradient';
|
|
223
195
|
var offset = useOffset(isGradientAnimation ? domRef : undefined, useRtl);
|
|
@@ -242,20 +214,17 @@
|
|
|
242
214
|
_exports.SkeletonAvatar = SkeletonAvatar;
|
|
243
215
|
var SkeletonGrid = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
244
216
|
var _props$className5 = props.className,
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
217
|
+
className = _props$className5 === void 0 ? '' : _props$className5,
|
|
218
|
+
style = props.style,
|
|
219
|
+
_props$columns = props.columns,
|
|
220
|
+
columns = _props$columns === void 0 ? 4 : _props$columns;
|
|
250
221
|
var _useContext9 = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
animation = _useContext10.animation;
|
|
258
|
-
|
|
222
|
+
useRtl = _useContext9.useRtl,
|
|
223
|
+
prefixCls = _useContext9.prefixCls;
|
|
224
|
+
var _useContext0 = (0, _react.useContext)(_skeletonContext.SkeletonContext),
|
|
225
|
+
backgroundColor = _useContext0.backgroundColor,
|
|
226
|
+
showAnimation = _useContext0.showAnimation,
|
|
227
|
+
animation = _useContext0.animation;
|
|
259
228
|
var domRef = (0, _react.useRef)(null);
|
|
260
229
|
var iconDomRefs = (0, _react.useRef)([]);
|
|
261
230
|
var textDomRefs = (0, _react.useRef)([]);
|
package/umd/skeleton/index.js
CHANGED
|
@@ -14,7 +14,6 @@
|
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
17
|
-
|
|
18
17
|
_exports.__esModule = true;
|
|
19
18
|
var _exportNames = {};
|
|
20
19
|
_exports.default = void 0;
|
|
@@ -26,44 +25,36 @@
|
|
|
26
25
|
if (key in _exports && _exports[key] === _type[key]) return;
|
|
27
26
|
_exports[key] = _type[key];
|
|
28
27
|
});
|
|
29
|
-
|
|
30
28
|
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); }
|
|
31
|
-
|
|
32
29
|
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; }
|
|
33
|
-
|
|
34
30
|
function getComponentProps(prop) {
|
|
35
31
|
if (prop && typeof prop === 'object') {
|
|
36
32
|
return prop;
|
|
37
33
|
}
|
|
38
|
-
|
|
39
34
|
return {};
|
|
40
35
|
}
|
|
41
|
-
|
|
42
36
|
var Skeleton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
43
37
|
var _cls;
|
|
44
|
-
|
|
45
38
|
var _props$className = props.className,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
39
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
40
|
+
style = props.style,
|
|
41
|
+
children = props.children,
|
|
42
|
+
_props$title = props.title,
|
|
43
|
+
title = _props$title === void 0 ? true : _props$title,
|
|
44
|
+
_props$paragraph = props.paragraph,
|
|
45
|
+
paragraph = _props$paragraph === void 0 ? true : _props$paragraph,
|
|
46
|
+
_props$avatar = props.avatar,
|
|
47
|
+
avatar = _props$avatar === void 0 ? false : _props$avatar,
|
|
48
|
+
grid = props.grid,
|
|
49
|
+
_props$showAnimation = props.showAnimation,
|
|
50
|
+
showAnimation = _props$showAnimation === void 0 ? true : _props$showAnimation,
|
|
51
|
+
_props$animation = props.animation,
|
|
52
|
+
animation = _props$animation === void 0 ? 'gradient' : _props$animation,
|
|
53
|
+
animationGradientColor = props.animationGradientColor,
|
|
54
|
+
backgroundColor = props.backgroundColor;
|
|
62
55
|
var domRef = (0, _react.useRef)(null);
|
|
63
|
-
|
|
64
56
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
65
|
-
|
|
66
|
-
|
|
57
|
+
prefixCls = _useContext.prefixCls;
|
|
67
58
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
68
59
|
return {
|
|
69
60
|
dom: domRef.current
|
|
@@ -90,6 +81,7 @@
|
|
|
90
81
|
}
|
|
91
82
|
}, content, children));
|
|
92
83
|
});
|
|
84
|
+
|
|
93
85
|
/**
|
|
94
86
|
* 在内容加载过程中展示一组占位图形。
|
|
95
87
|
* @en Display a set of placeholder graphics during content loading
|
|
@@ -98,7 +90,6 @@
|
|
|
98
90
|
* @name 骨架屏
|
|
99
91
|
* @name_en Skeleton
|
|
100
92
|
*/
|
|
101
|
-
|
|
102
93
|
var _default = (0, _mobileUtils.componentWrapper)(Skeleton, {
|
|
103
94
|
Node: _elements.SkeletonNode,
|
|
104
95
|
Title: _elements.SkeletonTitle,
|
|
@@ -106,6 +97,5 @@
|
|
|
106
97
|
Avatar: _elements.SkeletonAvatar,
|
|
107
98
|
Grid: _elements.SkeletonGrid
|
|
108
99
|
});
|
|
109
|
-
|
|
110
100
|
_exports.default = _default;
|
|
111
101
|
});
|
|
@@ -14,15 +14,12 @@
|
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
17
|
-
|
|
18
17
|
_exports.__esModule = true;
|
|
19
18
|
_exports.SkeletonContext = void 0;
|
|
20
19
|
_react = _interopRequireDefault(_react);
|
|
21
|
-
|
|
22
20
|
var SkeletonContext = /*#__PURE__*/_react.default.createContext({
|
|
23
21
|
showAnimation: true,
|
|
24
22
|
animation: 'gradient'
|
|
25
23
|
});
|
|
26
|
-
|
|
27
24
|
_exports.SkeletonContext = SkeletonContext;
|
|
28
25
|
});
|
|
@@ -44,11 +44,8 @@
|
|
|
44
44
|
if (key in _exports && _exports[key] === _useSliderEvents[key]) return;
|
|
45
45
|
_exports[key] = _useSliderEvents[key];
|
|
46
46
|
});
|
|
47
|
-
|
|
48
47
|
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); }
|
|
49
|
-
|
|
50
48
|
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; }
|
|
51
|
-
|
|
52
49
|
var baseRenderThumb = function baseRenderThumb(prefixCls) {
|
|
53
50
|
return function () {
|
|
54
51
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -56,7 +53,6 @@
|
|
|
56
53
|
});
|
|
57
54
|
};
|
|
58
55
|
};
|
|
59
|
-
|
|
60
56
|
_exports.baseRenderThumb = baseRenderThumb;
|
|
61
57
|
// 因为子组件和 hooks 较多, 为了代码整洁和可读性,做了拆分。
|
|
62
58
|
// 参数通过 context 共享
|
|
@@ -16,39 +16,32 @@
|
|
|
16
16
|
_exports.__esModule = true;
|
|
17
17
|
_exports.useSliderEvents = void 0;
|
|
18
18
|
var IsTouchingStatus;
|
|
19
|
-
|
|
20
19
|
(function (IsTouchingStatus) {
|
|
21
20
|
IsTouchingStatus[IsTouchingStatus["Idle"] = 0] = "Idle";
|
|
22
21
|
IsTouchingStatus[IsTouchingStatus["Start"] = 1] = "Start";
|
|
23
22
|
IsTouchingStatus[IsTouchingStatus["Moving"] = 2] = "Moving";
|
|
24
23
|
})(IsTouchingStatus || (IsTouchingStatus = {}));
|
|
25
|
-
|
|
26
24
|
var useSliderEvents = function useSliderEvents(_ref) {
|
|
27
25
|
var getLinePosition = _ref.getLinePosition,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
26
|
+
lineRef = _ref.lineRef,
|
|
27
|
+
valueGroup = _ref.valueGroup,
|
|
28
|
+
setValueGroup = _ref.setValueGroup,
|
|
29
|
+
setCommonIsTouching = _ref.setCommonIsTouching;
|
|
33
30
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
34
|
-
|
|
35
|
-
|
|
31
|
+
useRtl = _useContext.useRtl;
|
|
36
32
|
var _useContext2 = (0, _react.useContext)(_.SliderContext),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
33
|
+
disabled = _useContext2.disabled,
|
|
34
|
+
step = _useContext2.step,
|
|
35
|
+
min = _useContext2.min,
|
|
36
|
+
max = _useContext2.max,
|
|
37
|
+
type = _useContext2.type,
|
|
38
|
+
draggableTrackOnly = _useContext2.draggableTrackOnly;
|
|
44
39
|
var _useState = (0, _react.useState)(IsTouchingStatus.Idle),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
40
|
+
isTouching = _useState[0],
|
|
41
|
+
setIsTouching = _useState[1];
|
|
48
42
|
var _useState2 = (0, _react.useState)(0),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
43
|
+
touchStartPosition = _useState2[0],
|
|
44
|
+
setTouchStartPosition = _useState2[1];
|
|
52
45
|
var linePositionRef = (0, _react.useRef)({
|
|
53
46
|
length: 0,
|
|
54
47
|
start: 0
|
|
@@ -57,132 +50,112 @@
|
|
|
57
50
|
var validateValue = (0, _react.useCallback)(function (value) {
|
|
58
51
|
if (value >= min && value <= max) return value;
|
|
59
52
|
return value <= (min + max) / 2 ? min : max;
|
|
60
|
-
}, [min, max]);
|
|
61
|
-
// @en Get value by position
|
|
53
|
+
}, [min, max]);
|
|
62
54
|
|
|
55
|
+
// 通过位置获取值
|
|
56
|
+
// @en Get value by position
|
|
63
57
|
var getValueFromPosition = (0, _react.useCallback)(function (touchPosition) {
|
|
64
58
|
var _linePositionRef$curr = linePositionRef.current,
|
|
65
|
-
|
|
66
|
-
|
|
59
|
+
length = _linePositionRef$curr.length,
|
|
60
|
+
start = _linePositionRef$curr.start;
|
|
67
61
|
if (length === 0) return 0;
|
|
68
62
|
var rtlRatio = useRtl ? -1 : 1;
|
|
69
63
|
var newWidth = isHorizontal ? (touchPosition - start) * rtlRatio : length - touchPosition + start;
|
|
70
|
-
|
|
71
64
|
if (newWidth < 0) {
|
|
72
65
|
newWidth = 0;
|
|
73
66
|
} else if (newWidth > length) {
|
|
74
67
|
newWidth = length;
|
|
75
68
|
}
|
|
76
|
-
|
|
77
69
|
var newRealTimeValue = validateValue(Math.round(newWidth / length * (max - min) / step) * step + min);
|
|
78
70
|
return newRealTimeValue;
|
|
79
|
-
}, [isHorizontal, max, min, step]);
|
|
80
|
-
// @en Set different values. Because line can be clicked, it needs to calculate which value to modify in advance.
|
|
71
|
+
}, [isHorizontal, max, min, step]);
|
|
81
72
|
|
|
73
|
+
// 设置不同的值,因为可以点击 line ,需要提前计算具体修改的是哪个值。
|
|
74
|
+
// @en Set different values. Because line can be clicked, it needs to calculate which value to modify in advance.
|
|
82
75
|
var setCommonValue = (0, _react.useMemo)(function () {
|
|
83
76
|
var start = getValueFromPosition(touchStartPosition);
|
|
84
|
-
|
|
85
77
|
if (!Array.isArray(valueGroup)) {
|
|
86
78
|
if (isTouching) {
|
|
87
79
|
setValueGroup(start);
|
|
88
80
|
setCommonIsTouching(0);
|
|
89
81
|
setIsTouching(IsTouchingStatus.Moving);
|
|
90
82
|
}
|
|
91
|
-
|
|
92
83
|
return function (realTimeValue) {
|
|
93
84
|
setValueGroup(realTimeValue);
|
|
94
85
|
};
|
|
95
86
|
}
|
|
96
|
-
|
|
97
87
|
var index = Math.abs(valueGroup[0] - start) < Math.abs(valueGroup[1] - start) ? 0 : 1;
|
|
98
|
-
|
|
99
88
|
var handleValue = function handleValue(realTimeValue) {
|
|
100
89
|
setValueGroup(function (passValueGroup) {
|
|
101
90
|
if (typeof passValueGroup === 'number') {
|
|
102
91
|
return [passValueGroup, realTimeValue];
|
|
103
92
|
}
|
|
104
|
-
|
|
105
93
|
var newValueGroup = [].concat(passValueGroup);
|
|
106
94
|
newValueGroup[index] = realTimeValue;
|
|
107
95
|
return newValueGroup;
|
|
108
96
|
});
|
|
109
97
|
};
|
|
110
|
-
|
|
111
98
|
if (isTouching) {
|
|
112
99
|
setCommonIsTouching(index);
|
|
113
100
|
handleValue(start);
|
|
114
101
|
setIsTouching(IsTouchingStatus.Moving);
|
|
115
102
|
}
|
|
116
|
-
|
|
117
103
|
return handleValue;
|
|
118
104
|
}, [touchStartPosition, getValueFromPosition]);
|
|
119
105
|
(0, _react.useEffect)(function () {
|
|
120
106
|
var _lineRef$current;
|
|
121
|
-
|
|
122
107
|
if (disabled) return;
|
|
123
|
-
|
|
124
108
|
var handleTouchStart = function handleTouchStart(e) {
|
|
125
109
|
if (draggableTrackOnly && e.target === lineRef.current) return;
|
|
126
110
|
linePositionRef.current = getLinePosition();
|
|
127
111
|
var _e$touches$ = e.touches[0],
|
|
128
|
-
|
|
129
|
-
|
|
112
|
+
clientX = _e$touches$.clientX,
|
|
113
|
+
clientY = _e$touches$.clientY;
|
|
130
114
|
var touchPosition = isHorizontal ? clientX : clientY;
|
|
131
115
|
setIsTouching(IsTouchingStatus.Start);
|
|
132
116
|
setTouchStartPosition(touchPosition);
|
|
133
117
|
e.stopPropagation();
|
|
134
118
|
e.preventDefault();
|
|
135
119
|
};
|
|
136
|
-
|
|
137
120
|
(_lineRef$current = lineRef.current) == null ? void 0 : _lineRef$current.addEventListener('touchstart', handleTouchStart);
|
|
138
121
|
return function () {
|
|
139
122
|
var _lineRef$current2;
|
|
140
|
-
|
|
141
123
|
!disabled && ((_lineRef$current2 = lineRef.current) == null ? void 0 : _lineRef$current2.removeEventListener('touchstart', handleTouchStart));
|
|
142
124
|
};
|
|
143
125
|
}, [disabled, isHorizontal, draggableTrackOnly]);
|
|
144
126
|
(0, _react.useEffect)(function () {
|
|
145
127
|
var _lineRef$current3;
|
|
146
|
-
|
|
147
128
|
if (disabled) return;
|
|
148
|
-
|
|
149
129
|
var handleTouchMove = function handleTouchMove(e) {
|
|
150
130
|
if (isTouching === IsTouchingStatus.Moving) {
|
|
151
131
|
var _e$touches$2 = e.touches[0],
|
|
152
|
-
|
|
153
|
-
|
|
132
|
+
clientX = _e$touches$2.clientX,
|
|
133
|
+
clientY = _e$touches$2.clientY;
|
|
154
134
|
var touchPosition = isHorizontal ? clientX : clientY;
|
|
155
135
|
setCommonValue(getValueFromPosition(touchPosition));
|
|
156
136
|
}
|
|
157
|
-
|
|
158
137
|
e.stopPropagation();
|
|
159
138
|
e.cancelable && e.preventDefault();
|
|
160
139
|
};
|
|
161
|
-
|
|
162
140
|
(_lineRef$current3 = lineRef.current) == null ? void 0 : _lineRef$current3.addEventListener('touchmove', handleTouchMove);
|
|
163
141
|
return function () {
|
|
164
142
|
var _lineRef$current4;
|
|
165
|
-
|
|
166
143
|
!disabled && ((_lineRef$current4 = lineRef.current) == null ? void 0 : _lineRef$current4.removeEventListener('touchmove', handleTouchMove));
|
|
167
144
|
};
|
|
168
145
|
}, [disabled, isHorizontal, isTouching]);
|
|
169
146
|
(0, _react.useEffect)(function () {
|
|
170
147
|
var _lineRef$current5, _lineRef$current6;
|
|
171
|
-
|
|
172
148
|
if (disabled) return;
|
|
173
|
-
|
|
174
149
|
var handleTouchEnd = function handleTouchEnd(e) {
|
|
175
150
|
setIsTouching(IsTouchingStatus.Idle);
|
|
176
151
|
setCommonIsTouching(-1);
|
|
177
152
|
e.stopPropagation();
|
|
178
153
|
e.preventDefault();
|
|
179
154
|
};
|
|
180
|
-
|
|
181
155
|
(_lineRef$current5 = lineRef.current) == null ? void 0 : _lineRef$current5.addEventListener('touchend', handleTouchEnd);
|
|
182
156
|
(_lineRef$current6 = lineRef.current) == null ? void 0 : _lineRef$current6.addEventListener('touchcancel', handleTouchEnd);
|
|
183
157
|
return function () {
|
|
184
158
|
var _lineRef$current7, _lineRef$current8;
|
|
185
|
-
|
|
186
159
|
!disabled && ((_lineRef$current7 = lineRef.current) == null ? void 0 : _lineRef$current7.removeEventListener('touchend', handleTouchEnd));
|
|
187
160
|
!disabled && ((_lineRef$current8 = lineRef.current) == null ? void 0 : _lineRef$current8.removeEventListener('touchcancel', handleTouchEnd));
|
|
188
161
|
};
|
|
@@ -191,6 +164,5 @@
|
|
|
191
164
|
isTouching: isTouching
|
|
192
165
|
};
|
|
193
166
|
};
|
|
194
|
-
|
|
195
167
|
_exports.useSliderEvents = useSliderEvents;
|
|
196
168
|
});
|
|
@@ -16,28 +16,21 @@
|
|
|
16
16
|
_exports.__esModule = true;
|
|
17
17
|
_exports.useSliderIcon = void 0;
|
|
18
18
|
_react = _interopRequireWildcard(_react);
|
|
19
|
-
|
|
20
19
|
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); }
|
|
21
|
-
|
|
22
20
|
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; }
|
|
23
|
-
|
|
24
21
|
var useSliderIcon = function useSliderIcon(_ref) {
|
|
25
22
|
var valueGroup = _ref.valueGroup;
|
|
26
|
-
|
|
27
23
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
24
|
+
_useContext$prefixCls = _useContext.prefixCls,
|
|
25
|
+
prefixCls = _useContext$prefixCls === void 0 ? '' : _useContext$prefixCls;
|
|
31
26
|
var _useContext2 = (0, _react.useContext)(_.SliderContext),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
max = _useContext2.max,
|
|
28
|
+
suffixLabel = _useContext2.suffixLabel,
|
|
29
|
+
min = _useContext2.min,
|
|
30
|
+
prefixLabel = _useContext2.prefixLabel;
|
|
37
31
|
var renderPrefixLabel = (0, _react.useMemo)(function () {
|
|
38
32
|
if (!prefixLabel) return null;
|
|
39
33
|
var inner;
|
|
40
|
-
|
|
41
34
|
if (typeof prefixLabel === 'boolean' && prefixLabel) {
|
|
42
35
|
inner = min;
|
|
43
36
|
} else if (typeof prefixLabel === 'function') {
|
|
@@ -45,7 +38,6 @@
|
|
|
45
38
|
} else {
|
|
46
39
|
inner = prefixLabel;
|
|
47
40
|
}
|
|
48
|
-
|
|
49
41
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
50
42
|
className: prefixCls + "-slider-label is-prefix"
|
|
51
43
|
}, inner);
|
|
@@ -53,7 +45,6 @@
|
|
|
53
45
|
var renderSuffixLabel = (0, _react.useMemo)(function () {
|
|
54
46
|
if (!suffixLabel) return null;
|
|
55
47
|
var inner;
|
|
56
|
-
|
|
57
48
|
if (typeof suffixLabel === 'boolean' && suffixLabel) {
|
|
58
49
|
inner = max;
|
|
59
50
|
} else if (typeof suffixLabel === 'function') {
|
|
@@ -61,7 +52,6 @@
|
|
|
61
52
|
} else {
|
|
62
53
|
inner = suffixLabel;
|
|
63
54
|
}
|
|
64
|
-
|
|
65
55
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
66
56
|
className: prefixCls + "-slider-label is-suffix"
|
|
67
57
|
}, inner);
|
|
@@ -71,6 +61,5 @@
|
|
|
71
61
|
renderSuffixLabel: renderSuffixLabel
|
|
72
62
|
};
|
|
73
63
|
};
|
|
74
|
-
|
|
75
64
|
_exports.useSliderIcon = useSliderIcon;
|
|
76
65
|
});
|