@arco-design/mobile-react 2.38.4 → 2.39.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -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.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.js +66 -167
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- 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.js +74 -163
- 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 +11 -1
- package/cjs/form/type.js +0 -5
- 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.js +56 -95
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.js +3 -14
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -81
- 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.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/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-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.js +9 -45
- package/dist/index.js +3838 -6455
- package/dist/index.min.js +2 -2
- 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.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.js +66 -155
- 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.js +74 -147
- package/esm/form/index.js +18 -23
- package/esm/form/linked-container.js +5 -14
- package/esm/form/type.d.ts +11 -1
- package/esm/form/type.js +0 -5
- package/esm/form/useForm.js +10 -74
- 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.js +56 -83
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.js +3 -5
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.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.js +9 -12
- package/esm/stepper/index.js +84 -84
- 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-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.js +9 -38
- package/esnext/form/form-item.js +12 -7
- package/esnext/form/type.d.ts +11 -1
- package/esnext/uploader/index.d.ts +1 -1
- package/esnext/uploader/index.js +1 -1
- package/esnext/uploader/upload/upload.js +1 -1
- 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.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.js +66 -158
- 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.js +74 -151
- package/umd/form/index.js +18 -28
- package/umd/form/linked-container.js +5 -19
- package/umd/form/type.d.ts +11 -1
- package/umd/form/type.js +0 -5
- 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.js +56 -86
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.js +3 -7
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.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.js +9 -13
- package/umd/stepper/index.js +84 -89
- 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-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.js +9 -43
package/umd/toast/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
|
methodsGenerator: true
|
|
@@ -34,38 +33,35 @@
|
|
|
34
33
|
_exports[key] = _methods[key];
|
|
35
34
|
});
|
|
36
35
|
_loading = _interopRequireDefault(_loading);
|
|
37
|
-
|
|
38
36
|
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); }
|
|
39
|
-
|
|
40
37
|
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; }
|
|
41
|
-
|
|
42
38
|
var Toast = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
43
39
|
var className = props.className,
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
40
|
+
getContainer = props.getContainer,
|
|
41
|
+
_props$visible = props.visible,
|
|
42
|
+
visible = _props$visible === void 0 ? false : _props$visible,
|
|
43
|
+
onClose = props.onClose,
|
|
44
|
+
close = props.close,
|
|
45
|
+
_props$type = props.type,
|
|
46
|
+
type = _props$type === void 0 ? 'info' : _props$type,
|
|
47
|
+
icon = props.icon,
|
|
48
|
+
_props$layout = props.layout,
|
|
49
|
+
layout = _props$layout === void 0 ? 'vertical' : _props$layout,
|
|
50
|
+
_props$duration = props.duration,
|
|
51
|
+
duration = _props$duration === void 0 ? 3000 : _props$duration,
|
|
52
|
+
_props$transitionDura = props.transitionDuration,
|
|
53
|
+
transitionDuration = _props$transitionDura === void 0 ? 300 : _props$transitionDura,
|
|
54
|
+
content = props.content,
|
|
55
|
+
_props$loading = props.loading,
|
|
56
|
+
loading = _props$loading === void 0 ? false : _props$loading,
|
|
57
|
+
loadingIcon = props.loadingIcon,
|
|
58
|
+
_props$disableBodyTou = props.disableBodyTouch,
|
|
59
|
+
disableBodyTouch = _props$disableBodyTou === void 0 ? false : _props$disableBodyTou,
|
|
60
|
+
loadingInner = props.loadingInner,
|
|
61
|
+
_props$direction = props.direction,
|
|
62
|
+
direction = _props$direction === void 0 ? 'center' : _props$direction,
|
|
63
|
+
typeIconMap = props.typeIconMap,
|
|
64
|
+
initialBodyOverflow = props.initialBodyOverflow;
|
|
69
65
|
var closeTimerRef = (0, _react.useRef)(undefined);
|
|
70
66
|
var domRef = (0, _react.useRef)(null);
|
|
71
67
|
var wrapDomRef = (0, _react.useRef)(null);
|
|
@@ -77,13 +73,11 @@
|
|
|
77
73
|
};
|
|
78
74
|
});
|
|
79
75
|
(0, _helpers.usePreventBodyScroll)(visible, disableBodyTouch, initialBodyOverflow);
|
|
80
|
-
|
|
81
76
|
function handleClose() {
|
|
82
77
|
if (close) {
|
|
83
78
|
close();
|
|
84
79
|
}
|
|
85
80
|
}
|
|
86
|
-
|
|
87
81
|
function startCloseTimer() {
|
|
88
82
|
if (duration) {
|
|
89
83
|
clearTimeout(closeTimerRef.current);
|
|
@@ -92,13 +86,11 @@
|
|
|
92
86
|
}, duration);
|
|
93
87
|
}
|
|
94
88
|
}
|
|
95
|
-
|
|
96
89
|
function handleClickMask(e) {
|
|
97
90
|
if (disableBodyTouch) {
|
|
98
91
|
e.preventDefault();
|
|
99
92
|
}
|
|
100
93
|
}
|
|
101
|
-
|
|
102
94
|
function getTypeIcons() {
|
|
103
95
|
var map = typeIconMap || {};
|
|
104
96
|
var defaultMap = {
|
|
@@ -108,31 +100,25 @@
|
|
|
108
100
|
};
|
|
109
101
|
return map[type] || defaultMap[type] || null;
|
|
110
102
|
}
|
|
111
|
-
|
|
112
103
|
(0, _react.useEffect)(function () {
|
|
113
104
|
var mounted = isInitialMount.current;
|
|
114
|
-
|
|
115
105
|
if (visible) {
|
|
116
106
|
startCloseTimer();
|
|
117
107
|
} else {
|
|
118
108
|
clearTimeout(closeTimerRef.current);
|
|
119
|
-
|
|
120
109
|
if (mounted) {
|
|
121
110
|
setTimeout(function () {
|
|
122
111
|
onClose && onClose();
|
|
123
112
|
}, transitionDuration);
|
|
124
113
|
}
|
|
125
114
|
}
|
|
126
|
-
|
|
127
115
|
isInitialMount.current = true;
|
|
128
116
|
}, [visible]);
|
|
129
117
|
(0, _react.useEffect)(function () {
|
|
130
118
|
startCloseTimer();
|
|
131
119
|
}, [duration]);
|
|
132
|
-
|
|
133
120
|
function renderComponent(prefixClass) {
|
|
134
121
|
var _cls;
|
|
135
|
-
|
|
136
122
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
137
123
|
className: (0, _mobileUtils.cls)(prefixClass + "-wrapper", "from-" + direction, {
|
|
138
124
|
'no-event': !disableBodyTouch
|
|
@@ -154,7 +140,6 @@
|
|
|
154
140
|
className: prefixClass + "-content"
|
|
155
141
|
}, content) : null));
|
|
156
142
|
}
|
|
157
|
-
|
|
158
143
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
|
159
144
|
var prefixCls = _ref.prefixCls;
|
|
160
145
|
return /*#__PURE__*/_react.default.createElement(_portal.default, {
|
|
@@ -170,7 +155,6 @@
|
|
|
170
155
|
}, renderComponent(prefixCls + "-toast"))));
|
|
171
156
|
});
|
|
172
157
|
});
|
|
173
|
-
|
|
174
158
|
function methodsGenerator(Comp) {
|
|
175
159
|
return {
|
|
176
160
|
/**
|
|
@@ -180,7 +164,6 @@
|
|
|
180
164
|
* @returns {{ update: (config: ToastProps) => void; close: () => void }}
|
|
181
165
|
*/
|
|
182
166
|
toast: (0, _methods.toast)(Comp),
|
|
183
|
-
|
|
184
167
|
/**
|
|
185
168
|
* 展示常规提示框,同 Toast.toast
|
|
186
169
|
* @desc {en} Show regular toast, the same as Toast.toast
|
|
@@ -188,7 +171,6 @@
|
|
|
188
171
|
* @returns {{ update: (config: ToastProps) => void; close: () => void }}
|
|
189
172
|
*/
|
|
190
173
|
info: (0, _methods.toast)(Comp, 'info'),
|
|
191
|
-
|
|
192
174
|
/**
|
|
193
175
|
* 展示成功提示框(含成功icon)
|
|
194
176
|
* @desc {en} Show success prompt toast (including success icon)
|
|
@@ -196,7 +178,6 @@
|
|
|
196
178
|
* @returns {{ update: (config: ToastProps) => void; close: () => void }}
|
|
197
179
|
*/
|
|
198
180
|
success: (0, _methods.toast)(Comp, 'success'),
|
|
199
|
-
|
|
200
181
|
/**
|
|
201
182
|
* 展示错误提示框(含错误icon)
|
|
202
183
|
* @desc {en} Display error prompt toast (including error icon)
|
|
@@ -204,7 +185,6 @@
|
|
|
204
185
|
* @returns {{ update: (config: ToastProps) => void; close: () => void }}
|
|
205
186
|
*/
|
|
206
187
|
error: (0, _methods.toast)(Comp, 'error'),
|
|
207
|
-
|
|
208
188
|
/**
|
|
209
189
|
* 展示加载中提示框(含加载中icon)
|
|
210
190
|
* @desc {en} Display loading prompt toast (including loading icon)
|
|
@@ -212,7 +192,6 @@
|
|
|
212
192
|
* @returns {{ update: (config: ToastProps) => void; close: () => void }}
|
|
213
193
|
*/
|
|
214
194
|
loading: (0, _methods.toast)(Comp, 'loading'),
|
|
215
|
-
|
|
216
195
|
/**
|
|
217
196
|
* 展示警告提示框(含警告icon)
|
|
218
197
|
* @desc {en} Display warning prompt toast (including warning icon)
|
|
@@ -222,8 +201,8 @@
|
|
|
222
201
|
warn: (0, _methods.toast)(Comp, 'warn')
|
|
223
202
|
};
|
|
224
203
|
}
|
|
225
|
-
|
|
226
204
|
var ToastWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(Toast);
|
|
205
|
+
|
|
227
206
|
/**
|
|
228
207
|
* 轻提示组件,支持各个场景下调用方法。
|
|
229
208
|
* @en The toast component, supports calling methods in various scenarios.
|
|
@@ -232,8 +211,6 @@
|
|
|
232
211
|
* @name 轻提示
|
|
233
212
|
* @name_en Toast
|
|
234
213
|
*/
|
|
235
|
-
|
|
236
214
|
var _default = (0, _mobileUtils.componentWrapper)(Toast, methodsGenerator(ToastWithGlobalContext));
|
|
237
|
-
|
|
238
215
|
_exports.default = _default;
|
|
239
216
|
});
|
package/umd/toast/methods.js
CHANGED
|
@@ -14,40 +14,32 @@
|
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
17
|
-
|
|
18
17
|
_exports.__esModule = true;
|
|
19
18
|
_exports.toast = toast;
|
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
|
21
|
-
|
|
22
20
|
function toast(Component, type) {
|
|
23
21
|
return function (originConfig, context) {
|
|
24
22
|
var config = typeof originConfig === 'string' ? {
|
|
25
23
|
content: originConfig,
|
|
26
24
|
type: 'info'
|
|
27
25
|
} : originConfig;
|
|
28
|
-
|
|
29
26
|
if (type !== void 0) {
|
|
30
27
|
config.type = type;
|
|
31
28
|
config.loading = type === 'loading';
|
|
32
29
|
}
|
|
33
|
-
|
|
34
30
|
var div = document.createElement('div');
|
|
35
31
|
document.body.appendChild(div);
|
|
36
|
-
|
|
37
32
|
var _ReactDOMRender = new _render.ReactDOMRender(Component, div, context),
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
render = _ReactDOMRender.render,
|
|
34
|
+
unmount = _ReactDOMRender.unmount;
|
|
41
35
|
function destroy() {
|
|
42
36
|
var onClose = config.onClose;
|
|
43
37
|
onClose && onClose();
|
|
44
38
|
unmount();
|
|
45
|
-
|
|
46
39
|
if (div.parentNode) {
|
|
47
40
|
div.parentNode.removeChild(div);
|
|
48
41
|
}
|
|
49
42
|
}
|
|
50
|
-
|
|
51
43
|
var dynamicProps = (0, _extends2.default)({}, config, {
|
|
52
44
|
close: close,
|
|
53
45
|
getContainer: function getContainer() {
|
|
@@ -57,18 +49,15 @@
|
|
|
57
49
|
visible: false
|
|
58
50
|
});
|
|
59
51
|
var leaving = false;
|
|
60
|
-
|
|
61
52
|
function update(newConfig) {
|
|
62
53
|
dynamicProps = (0, _extends2.default)({}, dynamicProps, newConfig);
|
|
63
54
|
render(dynamicProps);
|
|
64
55
|
}
|
|
65
|
-
|
|
66
56
|
function close() {
|
|
67
57
|
leaving = true;
|
|
68
58
|
dynamicProps.visible = false;
|
|
69
59
|
render(dynamicProps);
|
|
70
60
|
}
|
|
71
|
-
|
|
72
61
|
render(dynamicProps);
|
|
73
62
|
(0, _mobileUtils.nextTick)(function () {
|
|
74
63
|
// 在即将打开时发现已经调用了close则取消打开操作
|
package/umd/transition/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
|
_exports.default = Transition;
|
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
|
@@ -22,12 +21,10 @@
|
|
|
22
21
|
_react = _interopRequireWildcard(_react);
|
|
23
22
|
_CSSTransition = _interopRequireDefault(_CSSTransition);
|
|
24
23
|
var _excluded = ["children", "type", "in", "timeout", "mountOnEnter", "unmountOnExit", "transitionVarType"];
|
|
25
|
-
|
|
26
24
|
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); }
|
|
27
|
-
|
|
28
25
|
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; }
|
|
29
|
-
|
|
30
26
|
var DEFAULT_TIMEOUT = 300;
|
|
27
|
+
|
|
31
28
|
/**
|
|
32
29
|
* react-transition-group/CSSTransition 的简单封装。
|
|
33
30
|
* @en Simple wrapper for react-transition-group/CSSTransition.
|
|
@@ -36,34 +33,32 @@
|
|
|
36
33
|
* @name 动画过渡
|
|
37
34
|
* @name_en Transition
|
|
38
35
|
*/
|
|
39
|
-
|
|
40
36
|
function Transition(props) {
|
|
41
37
|
var _props$children = props.children,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var varPrefix = "builtin-transition-" + (transitionVarType || type);
|
|
38
|
+
children = _props$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _props$children,
|
|
39
|
+
type = props.type,
|
|
40
|
+
transIn = props.in,
|
|
41
|
+
_props$timeout = props.timeout,
|
|
42
|
+
timeout = _props$timeout === void 0 ? DEFAULT_TIMEOUT : _props$timeout,
|
|
43
|
+
_props$mountOnEnter = props.mountOnEnter,
|
|
44
|
+
mountOnEnter = _props$mountOnEnter === void 0 ? true : _props$mountOnEnter,
|
|
45
|
+
_props$unmountOnExit = props.unmountOnExit,
|
|
46
|
+
unmountOnExit = _props$unmountOnExit === void 0 ? true : _props$unmountOnExit,
|
|
47
|
+
transitionVarType = props.transitionVarType,
|
|
48
|
+
restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
49
|
+
var varPrefix = "builtin-transition-" + (transitionVarType || type);
|
|
54
50
|
|
|
51
|
+
// 计算动画时长,支持对象形式的 timeout
|
|
55
52
|
var getDuration = function getDuration(phase) {
|
|
56
53
|
if (typeof timeout === 'number') {
|
|
57
54
|
return timeout;
|
|
58
55
|
}
|
|
59
|
-
|
|
60
56
|
return timeout[phase] || DEFAULT_TIMEOUT;
|
|
61
|
-
};
|
|
62
|
-
|
|
57
|
+
};
|
|
63
58
|
|
|
59
|
+
// 生成 CSS 变量样式
|
|
64
60
|
var cssVariables = (0, _react.useMemo)(function () {
|
|
65
61
|
var _ref;
|
|
66
|
-
|
|
67
62
|
var enterDuration = getDuration('enter');
|
|
68
63
|
var exitDuration = getDuration('exit');
|
|
69
64
|
var appearDuration = getDuration('appear');
|
|
@@ -71,7 +66,6 @@
|
|
|
71
66
|
}, [timeout, varPrefix]);
|
|
72
67
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref2) {
|
|
73
68
|
var _props;
|
|
74
|
-
|
|
75
69
|
var prefixCls = _ref2.prefixCls;
|
|
76
70
|
return /*#__PURE__*/_react.default.createElement(_CSSTransition.default, (0, _extends2.default)({
|
|
77
71
|
in: transIn,
|
package/umd/uploader/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { UploaderRef, UploaderProps } from './type';
|
|
2
|
+
import type { UploaderRef, UploaderProps } from './type';
|
|
3
3
|
export * from './type';
|
|
4
4
|
declare const _default: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<UploaderRef>> & {
|
|
5
5
|
displayName?: string | undefined;
|
package/umd/uploader/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;
|
|
@@ -27,36 +26,33 @@
|
|
|
27
26
|
if (key in _exports && _exports[key] === _type[key]) return;
|
|
28
27
|
_exports[key] = _type[key];
|
|
29
28
|
});
|
|
30
|
-
|
|
31
29
|
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); }
|
|
32
|
-
|
|
33
30
|
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; }
|
|
34
|
-
|
|
35
31
|
var Uploader = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
36
32
|
var _props$className = props.className,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
33
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
34
|
+
style = props.style,
|
|
35
|
+
_props$files = props.files,
|
|
36
|
+
files = _props$files === void 0 ? [] : _props$files,
|
|
37
|
+
_props$accept = props.accept,
|
|
38
|
+
accept = _props$accept === void 0 ? undefined : _props$accept,
|
|
39
|
+
_props$multiple = props.multiple,
|
|
40
|
+
multiple = _props$multiple === void 0 ? false : _props$multiple,
|
|
41
|
+
capture = props.capture,
|
|
42
|
+
_props$limit = props.limit,
|
|
43
|
+
limit = _props$limit === void 0 ? 0 : _props$limit,
|
|
44
|
+
_props$hideStatus = props.hideStatus,
|
|
45
|
+
hideStatus = _props$hideStatus === void 0 ? false : _props$hideStatus,
|
|
46
|
+
_props$alwaysShowSele = props.alwaysShowSelect,
|
|
47
|
+
alwaysShowSelect = _props$alwaysShowSele === void 0 ? false : _props$alwaysShowSele,
|
|
48
|
+
disabled = props.disabled,
|
|
49
|
+
renderDeleteArea = props.renderDeleteArea,
|
|
50
|
+
renderLoadedArea = props.renderLoadedArea,
|
|
51
|
+
renderLoadingArea = props.renderLoadingArea,
|
|
52
|
+
renderErrorArea = props.renderErrorArea,
|
|
53
|
+
renderFileIndexArea = props.renderFileIndexArea,
|
|
54
|
+
renderUploadArea = props.renderUploadArea,
|
|
55
|
+
renderFileList = props.renderFileList;
|
|
60
56
|
var domRef = (0, _react.useRef)(null);
|
|
61
57
|
var fileRef = (0, _react.useRef)(null);
|
|
62
58
|
var cacheRef = (0, _helpers.useLatestRef)(files);
|
|
@@ -66,7 +62,6 @@
|
|
|
66
62
|
dom: domRef.current
|
|
67
63
|
};
|
|
68
64
|
});
|
|
69
|
-
|
|
70
65
|
var uploaderSelect = function uploaderSelect(prefixCls, locale) {
|
|
71
66
|
var showSelect = files.length < (limit || Infinity);
|
|
72
67
|
return (showSelect || alwaysShowSelect) && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -88,7 +83,6 @@
|
|
|
88
83
|
disabled: disabled
|
|
89
84
|
}, locale.Uploader.uploadBtn));
|
|
90
85
|
};
|
|
91
|
-
|
|
92
86
|
var getUploadList = function getUploadList(prefixCls, locale) {
|
|
93
87
|
var generateItemArea = function generateItemArea(fileItem, index, render, part, defaultArea) {
|
|
94
88
|
if (render) {
|
|
@@ -97,12 +91,10 @@
|
|
|
97
91
|
className: prefixCls + "-uploader-list-item-" + part
|
|
98
92
|
}, node) : node;
|
|
99
93
|
}
|
|
100
|
-
|
|
101
94
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
102
95
|
className: prefixCls + "-uploader-list-item-" + part
|
|
103
96
|
}, defaultArea);
|
|
104
97
|
};
|
|
105
|
-
|
|
106
98
|
return renderFileList && renderFileList({
|
|
107
99
|
retryUpload: uploadFunc.retryUpload,
|
|
108
100
|
deleteFile: uploadFunc.deleteFile
|
|
@@ -110,9 +102,9 @@
|
|
|
110
102
|
className: prefixCls + "-uploader-list"
|
|
111
103
|
}, (limit && limit < files.length ? files.slice(0, limit) : files).map(function (fileItem, index) {
|
|
112
104
|
var _cls, _cls2;
|
|
113
|
-
|
|
114
105
|
var file = fileItem.file,
|
|
115
|
-
|
|
106
|
+
_fileItem$status = fileItem.status,
|
|
107
|
+
status = _fileItem$status === void 0 ? 'loaded' : _fileItem$status;
|
|
116
108
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
117
109
|
className: prefixCls + "-uploader-list-item",
|
|
118
110
|
key: index,
|
|
@@ -146,13 +138,11 @@
|
|
|
146
138
|
})));
|
|
147
139
|
}));
|
|
148
140
|
};
|
|
149
|
-
|
|
150
141
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
|
151
142
|
var _cls3;
|
|
152
|
-
|
|
153
143
|
var prefixCls = _ref.prefixCls,
|
|
154
|
-
|
|
155
|
-
|
|
144
|
+
_ref$locale = _ref.locale,
|
|
145
|
+
locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
|
|
156
146
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
157
147
|
className: (0, _mobileUtils.cls)(prefixCls + "-uploader", className, (_cls3 = {}, _cls3[prefixCls + "-uploader-disabled"] = disabled, _cls3)),
|
|
158
148
|
style: style,
|
|
@@ -162,6 +152,7 @@
|
|
|
162
152
|
}, uploaderSelect(prefixCls, locale), getUploadList(prefixCls, locale)));
|
|
163
153
|
});
|
|
164
154
|
});
|
|
155
|
+
|
|
165
156
|
/**
|
|
166
157
|
* 文件上传组件
|
|
167
158
|
* @en Uploader Component
|
|
@@ -171,8 +162,6 @@
|
|
|
171
162
|
* @name_en Uploader
|
|
172
163
|
* @displayName Uploader
|
|
173
164
|
*/
|
|
174
|
-
|
|
175
165
|
var _default = (0, _mobileUtils.componentWrapper)(Uploader, 'Uploader');
|
|
176
|
-
|
|
177
166
|
_exports.default = _default;
|
|
178
167
|
});
|
|
@@ -14,21 +14,18 @@
|
|
|
14
14
|
"use strict";
|
|
15
15
|
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
17
|
-
|
|
18
17
|
_exports.__esModule = true;
|
|
19
18
|
_exports.parseFile = _exports.Upload = void 0;
|
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
|
21
|
-
|
|
22
20
|
var Upload = /*#__PURE__*/function () {
|
|
23
|
-
// click && longPress
|
|
24
21
|
function Upload(props, fileRef, cacheRef) {
|
|
25
22
|
var _this = this;
|
|
26
|
-
|
|
27
23
|
this.props = void 0;
|
|
28
24
|
this.fileRef = void 0;
|
|
29
25
|
this.cacheRef = void 0;
|
|
26
|
+
// click && longPress
|
|
30
27
|
this.timeOutEvent = void 0;
|
|
31
|
-
|
|
28
|
+
// 解析文件生成预览
|
|
32
29
|
this.handleFile = function (newFiles) {
|
|
33
30
|
_es6Promise.Promise.all(newFiles.map(function (file) {
|
|
34
31
|
return parseFile(file);
|
|
@@ -41,10 +38,8 @@
|
|
|
41
38
|
};
|
|
42
39
|
});
|
|
43
40
|
_this.cacheRef.current = [].concat(_this.cacheRef.current, res);
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
41
|
+
_this.props.onChange([].concat(_this.cacheRef.current));
|
|
42
|
+
// 执行upload
|
|
48
43
|
if (typeof _this.props.upload === 'function') {
|
|
49
44
|
newFiles.forEach(function (_file) {
|
|
50
45
|
_this.props.upload(_this.cacheRef.current.find(function (_ref) {
|
|
@@ -55,10 +50,9 @@
|
|
|
55
50
|
var file = _ref2.file;
|
|
56
51
|
return file === _file;
|
|
57
52
|
});
|
|
58
|
-
|
|
59
53
|
if (index !== -1) {
|
|
60
54
|
_this.cacheRef.current[index] = (0, _extends2.default)({}, _this.cacheRef.current[index], data, {
|
|
61
|
-
status:
|
|
55
|
+
status: undefined
|
|
62
56
|
});
|
|
63
57
|
}
|
|
64
58
|
}).catch(function () {
|
|
@@ -66,7 +60,6 @@
|
|
|
66
60
|
var file = _ref3.file;
|
|
67
61
|
return file === _file;
|
|
68
62
|
});
|
|
69
|
-
|
|
70
63
|
if (index !== -1) {
|
|
71
64
|
_this.cacheRef.current[index].status = 'error';
|
|
72
65
|
}
|
|
@@ -77,7 +70,6 @@
|
|
|
77
70
|
}
|
|
78
71
|
});
|
|
79
72
|
};
|
|
80
|
-
|
|
81
73
|
this.handleChange = function (event, fromAdapter) {
|
|
82
74
|
var newFiles = Array.prototype.filter.call(event.target.files || [], function (file) {
|
|
83
75
|
// 过滤maxSize
|
|
@@ -85,41 +77,32 @@
|
|
|
85
77
|
_this.props.onMaxSizeExceed && _this.props.onMaxSizeExceed(file);
|
|
86
78
|
return false;
|
|
87
79
|
}
|
|
88
|
-
|
|
89
80
|
return true;
|
|
90
81
|
}) || [];
|
|
91
|
-
|
|
92
82
|
if (!fromAdapter) {
|
|
93
83
|
event.target.value = '';
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
|
|
84
|
+
}
|
|
85
|
+
// 截断limit
|
|
97
86
|
if (_this.props.limit !== 0 && newFiles.length + _this.props.files.length > _this.props.limit) {
|
|
98
87
|
_this.props.onLimitExceed && _this.props.onLimitExceed(newFiles);
|
|
99
88
|
newFiles.length = _this.props.limit - _this.props.files.length;
|
|
100
89
|
}
|
|
101
|
-
|
|
102
90
|
_this.handleFile(newFiles);
|
|
103
91
|
};
|
|
104
|
-
|
|
105
92
|
this.deleteFile = function (index) {
|
|
106
93
|
_this.props.onDeleteClick && _this.props.onDeleteClick(index);
|
|
107
|
-
|
|
108
94
|
_this.props.onChange(_this.props.files.filter(function (_i, j) {
|
|
109
95
|
return j !== index;
|
|
110
96
|
}));
|
|
111
97
|
};
|
|
112
|
-
|
|
98
|
+
// 重新上传
|
|
113
99
|
this.retryUpload = function (index) {
|
|
114
100
|
_this.deleteFile(index);
|
|
115
|
-
|
|
116
101
|
_this.handleFile([_this.props.files[index].file]);
|
|
117
102
|
};
|
|
118
|
-
|
|
119
103
|
this.handleSelect = function (e) {
|
|
120
104
|
if (e.target !== _this.fileRef.current) {
|
|
121
105
|
var _this$fileRef$current;
|
|
122
|
-
|
|
123
106
|
_this.props.onUploadClick && _this.props.onUploadClick();
|
|
124
107
|
_this.props.selectAdapter ? _this.props.selectAdapter().then(function (value) {
|
|
125
108
|
return _this.handleChange({
|
|
@@ -130,71 +113,54 @@
|
|
|
130
113
|
}) : (_this$fileRef$current = _this.fileRef.current) == null ? void 0 : _this$fileRef$current.click();
|
|
131
114
|
}
|
|
132
115
|
};
|
|
133
|
-
|
|
134
116
|
this.handleClick = function (e, file, index) {
|
|
135
117
|
clearTimeout(_this.timeOutEvent);
|
|
136
|
-
|
|
137
118
|
if (_this.timeOutEvent !== 0) {
|
|
138
119
|
_this.props.onClick == null ? void 0 : _this.props.onClick(e, file, index);
|
|
139
120
|
}
|
|
140
121
|
};
|
|
141
|
-
|
|
142
122
|
this.handleTouchStart = function (e, image, index) {
|
|
143
123
|
_this.timeOutEvent = setTimeout(function () {
|
|
144
124
|
_this.timeOutEvent = 0;
|
|
145
125
|
_this.props.onLongPress == null ? void 0 : _this.props.onLongPress(e, image, index);
|
|
146
126
|
}, 750);
|
|
147
127
|
};
|
|
148
|
-
|
|
149
128
|
this.props = (0, _extends2.default)({}, props);
|
|
150
129
|
this.fileRef = fileRef;
|
|
151
130
|
this.cacheRef = cacheRef;
|
|
152
131
|
this.init();
|
|
153
132
|
}
|
|
154
|
-
|
|
155
133
|
var _proto = Upload.prototype;
|
|
156
|
-
|
|
157
134
|
_proto.init = function init() {
|
|
158
135
|
!this.props.files && (this.props.files = []);
|
|
159
136
|
!this.props.limit && (this.props.limit = 0);
|
|
160
137
|
!this.props.onChange && (this.props.onChange = function () {
|
|
161
138
|
return null;
|
|
162
139
|
});
|
|
163
|
-
}
|
|
164
|
-
;
|
|
165
|
-
|
|
140
|
+
};
|
|
166
141
|
return Upload;
|
|
167
142
|
}();
|
|
168
|
-
|
|
169
143
|
_exports.Upload = Upload;
|
|
170
|
-
|
|
171
144
|
var parseFile = function parseFile(file) {
|
|
172
145
|
return new _es6Promise.Promise(function (resolve, reject) {
|
|
173
146
|
if (file.url) {
|
|
174
147
|
resolve(file.url);
|
|
175
148
|
} else {
|
|
176
149
|
var reader = new FileReader();
|
|
177
|
-
|
|
178
150
|
reader.onload = function (e) {
|
|
179
151
|
var _e$target;
|
|
180
|
-
|
|
181
152
|
var dataURL = (_e$target = e.target) == null ? void 0 : _e$target.result;
|
|
182
|
-
|
|
183
153
|
if (!dataURL) {
|
|
184
154
|
reject(new Error('file parse error'));
|
|
185
155
|
}
|
|
186
|
-
|
|
187
156
|
resolve(dataURL);
|
|
188
157
|
};
|
|
189
|
-
|
|
190
158
|
reader.onerror = function () {
|
|
191
159
|
reject(new Error('file parse error'));
|
|
192
160
|
};
|
|
193
|
-
|
|
194
161
|
reader.readAsDataURL(file);
|
|
195
162
|
}
|
|
196
163
|
});
|
|
197
164
|
};
|
|
198
|
-
|
|
199
165
|
_exports.parseFile = parseFile;
|
|
200
166
|
});
|