@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
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = IconWarnCircle;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
8
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
9
|
var _contextProvider = require("../../context-provider");
|
|
15
|
-
|
|
16
10
|
var _excluded = ["className", "useCurrentColor", "style"];
|
|
17
|
-
|
|
18
11
|
function IconWarnCircle(props) {
|
|
19
12
|
var _props$className = props.className,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
14
|
+
_props$useCurrentColo = props.useCurrentColor,
|
|
15
|
+
useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
|
|
16
|
+
style = props.style,
|
|
17
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
25
18
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
|
26
19
|
var prefixCls = _ref.prefixCls;
|
|
27
20
|
return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
|
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = IconWarnCircleFill;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
11
|
-
|
|
12
8
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
9
|
var _contextProvider = require("../../context-provider");
|
|
15
|
-
|
|
16
10
|
var _excluded = ["className", "useCurrentColor", "style"];
|
|
17
|
-
|
|
18
11
|
function IconWarnCircleFill(props) {
|
|
19
12
|
var _props$className = props.className,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
14
|
+
_props$useCurrentColo = props.useCurrentColor,
|
|
15
|
+
useCurrentColor = _props$useCurrentColo === void 0 ? true : _props$useCurrentColo,
|
|
16
|
+
style = props.style,
|
|
17
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
25
18
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
|
26
19
|
var prefixCls = _ref.prefixCls;
|
|
27
20
|
return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
|
package/cjs/icon/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
var _exportNames = {
|
|
7
6
|
IconSquareChecked: true,
|
|
@@ -64,241 +63,123 @@ var _exportNames = {
|
|
|
64
63
|
IconUpload: true
|
|
65
64
|
};
|
|
66
65
|
exports.IconWarnCircleFill = exports.IconWarnCircle = exports.IconUserFill = exports.IconUser = exports.IconUpload = exports.IconTriUp = exports.IconTriDown = exports.IconSuccessCircle = exports.IconSubway = exports.IconStarHalf = exports.IconStarFill = exports.IconStar = exports.IconSquareUnchecked = exports.IconSquareDisabled = exports.IconSquareChecked = exports.IconSound = exports.IconSmileFill = exports.IconShopping = exports.IconShop = exports.IconSetting = exports.IconSearch = exports.IconScan = exports.IconSad = exports.IconRefresh = exports.IconQuestionCircle = exports.IconPlay = exports.IconPicture = exports.IconNoticeOff = exports.IconNotice = exports.IconMore = exports.IconMinus = exports.IconLikeCircle = exports.IconKeyboardDelete = exports.IconKeyboard = exports.IconHome = exports.IconHeart = exports.IconGift = exports.IconFile = exports.IconEyelashInvisible = exports.IconEyeVisible = exports.IconEyeInvisible = exports.IconErrorCircle = exports.IconEdit = exports.IconDownload = exports.IconDelete = exports.IconCloseBold = exports.IconClose = exports.IconClear = exports.IconCircleUnchecked = exports.IconCircleDisabled = exports.IconCircleChecked = exports.IconCheckBold = exports.IconCheck = exports.IconArrowUp = exports.IconArrowIn = exports.IconArrowDown = exports.IconArrowBack = exports.IconAdd = void 0;
|
|
67
|
-
|
|
68
66
|
var _IconSquareChecked = _interopRequireDefault(require("./IconSquareChecked"));
|
|
69
|
-
|
|
70
67
|
exports.IconSquareChecked = _IconSquareChecked.default;
|
|
71
|
-
|
|
72
68
|
var _IconTriUp = _interopRequireDefault(require("./IconTriUp"));
|
|
73
|
-
|
|
74
69
|
exports.IconTriUp = _IconTriUp.default;
|
|
75
|
-
|
|
76
70
|
var _IconMore = _interopRequireDefault(require("./IconMore"));
|
|
77
|
-
|
|
78
71
|
exports.IconMore = _IconMore.default;
|
|
79
|
-
|
|
80
72
|
var _IconSound = _interopRequireDefault(require("./IconSound"));
|
|
81
|
-
|
|
82
73
|
exports.IconSound = _IconSound.default;
|
|
83
|
-
|
|
84
74
|
var _IconEyeVisible = _interopRequireDefault(require("./IconEyeVisible"));
|
|
85
|
-
|
|
86
75
|
exports.IconEyeVisible = _IconEyeVisible.default;
|
|
87
|
-
|
|
88
76
|
var _IconEyelashInvisible = _interopRequireDefault(require("./IconEyelashInvisible"));
|
|
89
|
-
|
|
90
77
|
exports.IconEyelashInvisible = _IconEyelashInvisible.default;
|
|
91
|
-
|
|
92
78
|
var _IconWarnCircleFill = _interopRequireDefault(require("./IconWarnCircleFill"));
|
|
93
|
-
|
|
94
79
|
exports.IconWarnCircleFill = _IconWarnCircleFill.default;
|
|
95
|
-
|
|
96
80
|
var _IconSquareDisabled = _interopRequireDefault(require("./IconSquareDisabled"));
|
|
97
|
-
|
|
98
81
|
exports.IconSquareDisabled = _IconSquareDisabled.default;
|
|
99
|
-
|
|
100
82
|
var _IconCircleChecked = _interopRequireDefault(require("./IconCircleChecked"));
|
|
101
|
-
|
|
102
83
|
exports.IconCircleChecked = _IconCircleChecked.default;
|
|
103
|
-
|
|
104
84
|
var _IconSquareUnchecked = _interopRequireDefault(require("./IconSquareUnchecked"));
|
|
105
|
-
|
|
106
85
|
exports.IconSquareUnchecked = _IconSquareUnchecked.default;
|
|
107
|
-
|
|
108
86
|
var _IconUser = _interopRequireDefault(require("./IconUser"));
|
|
109
|
-
|
|
110
87
|
exports.IconUser = _IconUser.default;
|
|
111
|
-
|
|
112
88
|
var _IconEyeInvisible = _interopRequireDefault(require("./IconEyeInvisible"));
|
|
113
|
-
|
|
114
89
|
exports.IconEyeInvisible = _IconEyeInvisible.default;
|
|
115
|
-
|
|
116
90
|
var _IconCircleUnchecked = _interopRequireDefault(require("./IconCircleUnchecked"));
|
|
117
|
-
|
|
118
91
|
exports.IconCircleUnchecked = _IconCircleUnchecked.default;
|
|
119
|
-
|
|
120
92
|
var _IconCircleDisabled = _interopRequireDefault(require("./IconCircleDisabled"));
|
|
121
|
-
|
|
122
93
|
exports.IconCircleDisabled = _IconCircleDisabled.default;
|
|
123
|
-
|
|
124
94
|
var _IconSetting = _interopRequireDefault(require("./IconSetting"));
|
|
125
|
-
|
|
126
95
|
exports.IconSetting = _IconSetting.default;
|
|
127
|
-
|
|
128
96
|
var _IconMinus = _interopRequireDefault(require("./IconMinus"));
|
|
129
|
-
|
|
130
97
|
exports.IconMinus = _IconMinus.default;
|
|
131
|
-
|
|
132
98
|
var _IconDelete = _interopRequireDefault(require("./IconDelete"));
|
|
133
|
-
|
|
134
99
|
exports.IconDelete = _IconDelete.default;
|
|
135
|
-
|
|
136
100
|
var _IconPlay = _interopRequireDefault(require("./IconPlay"));
|
|
137
|
-
|
|
138
101
|
exports.IconPlay = _IconPlay.default;
|
|
139
|
-
|
|
140
102
|
var _IconHeart = _interopRequireDefault(require("./IconHeart"));
|
|
141
|
-
|
|
142
103
|
exports.IconHeart = _IconHeart.default;
|
|
143
|
-
|
|
144
104
|
var _IconStarFill = _interopRequireDefault(require("./IconStarFill"));
|
|
145
|
-
|
|
146
105
|
exports.IconStarFill = _IconStarFill.default;
|
|
147
|
-
|
|
148
106
|
var _IconSearch = _interopRequireDefault(require("./IconSearch"));
|
|
149
|
-
|
|
150
107
|
exports.IconSearch = _IconSearch.default;
|
|
151
|
-
|
|
152
108
|
var _IconEdit = _interopRequireDefault(require("./IconEdit"));
|
|
153
|
-
|
|
154
109
|
exports.IconEdit = _IconEdit.default;
|
|
155
|
-
|
|
156
110
|
var _IconSad = _interopRequireDefault(require("./IconSad"));
|
|
157
|
-
|
|
158
111
|
exports.IconSad = _IconSad.default;
|
|
159
|
-
|
|
160
112
|
var _IconLikeCircle = _interopRequireDefault(require("./IconLikeCircle"));
|
|
161
|
-
|
|
162
113
|
exports.IconLikeCircle = _IconLikeCircle.default;
|
|
163
|
-
|
|
164
114
|
var _IconNotice = _interopRequireDefault(require("./IconNotice"));
|
|
165
|
-
|
|
166
115
|
exports.IconNotice = _IconNotice.default;
|
|
167
|
-
|
|
168
116
|
var _IconHome = _interopRequireDefault(require("./IconHome"));
|
|
169
|
-
|
|
170
117
|
exports.IconHome = _IconHome.default;
|
|
171
|
-
|
|
172
118
|
var _IconArrowIn = _interopRequireDefault(require("./IconArrowIn"));
|
|
173
|
-
|
|
174
119
|
exports.IconArrowIn = _IconArrowIn.default;
|
|
175
|
-
|
|
176
120
|
var _IconCheck = _interopRequireDefault(require("./IconCheck"));
|
|
177
|
-
|
|
178
121
|
exports.IconCheck = _IconCheck.default;
|
|
179
|
-
|
|
180
122
|
var _IconNoticeOff = _interopRequireDefault(require("./IconNoticeOff"));
|
|
181
|
-
|
|
182
123
|
exports.IconNoticeOff = _IconNoticeOff.default;
|
|
183
|
-
|
|
184
124
|
var _IconSmileFill = _interopRequireDefault(require("./IconSmileFill"));
|
|
185
|
-
|
|
186
125
|
exports.IconSmileFill = _IconSmileFill.default;
|
|
187
|
-
|
|
188
126
|
var _IconStar = _interopRequireDefault(require("./IconStar"));
|
|
189
|
-
|
|
190
127
|
exports.IconStar = _IconStar.default;
|
|
191
|
-
|
|
192
128
|
var _IconRefresh = _interopRequireDefault(require("./IconRefresh"));
|
|
193
|
-
|
|
194
129
|
exports.IconRefresh = _IconRefresh.default;
|
|
195
|
-
|
|
196
130
|
var _IconScan = _interopRequireDefault(require("./IconScan"));
|
|
197
|
-
|
|
198
131
|
exports.IconScan = _IconScan.default;
|
|
199
|
-
|
|
200
132
|
var _IconPicture = _interopRequireDefault(require("./IconPicture"));
|
|
201
|
-
|
|
202
133
|
exports.IconPicture = _IconPicture.default;
|
|
203
|
-
|
|
204
134
|
var _IconTriDown = _interopRequireDefault(require("./IconTriDown"));
|
|
205
|
-
|
|
206
135
|
exports.IconTriDown = _IconTriDown.default;
|
|
207
|
-
|
|
208
136
|
var _IconClose = _interopRequireDefault(require("./IconClose"));
|
|
209
|
-
|
|
210
137
|
exports.IconClose = _IconClose.default;
|
|
211
|
-
|
|
212
138
|
var _IconArrowUp = _interopRequireDefault(require("./IconArrowUp"));
|
|
213
|
-
|
|
214
139
|
exports.IconArrowUp = _IconArrowUp.default;
|
|
215
|
-
|
|
216
140
|
var _IconArrowBack = _interopRequireDefault(require("./IconArrowBack"));
|
|
217
|
-
|
|
218
141
|
exports.IconArrowBack = _IconArrowBack.default;
|
|
219
|
-
|
|
220
142
|
var _IconArrowDown = _interopRequireDefault(require("./IconArrowDown"));
|
|
221
|
-
|
|
222
143
|
exports.IconArrowDown = _IconArrowDown.default;
|
|
223
|
-
|
|
224
144
|
var _IconAdd = _interopRequireDefault(require("./IconAdd"));
|
|
225
|
-
|
|
226
145
|
exports.IconAdd = _IconAdd.default;
|
|
227
|
-
|
|
228
146
|
var _IconUserFill = _interopRequireDefault(require("./IconUserFill"));
|
|
229
|
-
|
|
230
147
|
exports.IconUserFill = _IconUserFill.default;
|
|
231
|
-
|
|
232
148
|
var _IconClear = _interopRequireDefault(require("./IconClear"));
|
|
233
|
-
|
|
234
149
|
exports.IconClear = _IconClear.default;
|
|
235
|
-
|
|
236
150
|
var _IconQuestionCircle = _interopRequireDefault(require("./IconQuestionCircle"));
|
|
237
|
-
|
|
238
151
|
exports.IconQuestionCircle = _IconQuestionCircle.default;
|
|
239
|
-
|
|
240
152
|
var _IconSuccessCircle = _interopRequireDefault(require("./IconSuccessCircle"));
|
|
241
|
-
|
|
242
153
|
exports.IconSuccessCircle = _IconSuccessCircle.default;
|
|
243
|
-
|
|
244
154
|
var _IconWarnCircle = _interopRequireDefault(require("./IconWarnCircle"));
|
|
245
|
-
|
|
246
155
|
exports.IconWarnCircle = _IconWarnCircle.default;
|
|
247
|
-
|
|
248
156
|
var _IconErrorCircle = _interopRequireDefault(require("./IconErrorCircle"));
|
|
249
|
-
|
|
250
157
|
exports.IconErrorCircle = _IconErrorCircle.default;
|
|
251
|
-
|
|
252
158
|
var _IconCheckBold = _interopRequireDefault(require("./IconCheckBold"));
|
|
253
|
-
|
|
254
159
|
exports.IconCheckBold = _IconCheckBold.default;
|
|
255
|
-
|
|
256
160
|
var _IconCloseBold = _interopRequireDefault(require("./IconCloseBold"));
|
|
257
|
-
|
|
258
161
|
exports.IconCloseBold = _IconCloseBold.default;
|
|
259
|
-
|
|
260
162
|
var _IconShop = _interopRequireDefault(require("./IconShop"));
|
|
261
|
-
|
|
262
163
|
exports.IconShop = _IconShop.default;
|
|
263
|
-
|
|
264
164
|
var _IconShopping = _interopRequireDefault(require("./IconShopping"));
|
|
265
|
-
|
|
266
165
|
exports.IconShopping = _IconShopping.default;
|
|
267
|
-
|
|
268
166
|
var _IconSubway = _interopRequireDefault(require("./IconSubway"));
|
|
269
|
-
|
|
270
167
|
exports.IconSubway = _IconSubway.default;
|
|
271
|
-
|
|
272
168
|
var _IconGift = _interopRequireDefault(require("./IconGift"));
|
|
273
|
-
|
|
274
169
|
exports.IconGift = _IconGift.default;
|
|
275
|
-
|
|
276
170
|
var _IconStarHalf = _interopRequireDefault(require("./IconStarHalf"));
|
|
277
|
-
|
|
278
171
|
exports.IconStarHalf = _IconStarHalf.default;
|
|
279
|
-
|
|
280
172
|
var _IconKeyboard = _interopRequireDefault(require("./IconKeyboard"));
|
|
281
|
-
|
|
282
173
|
exports.IconKeyboard = _IconKeyboard.default;
|
|
283
|
-
|
|
284
174
|
var _IconKeyboardDelete = _interopRequireDefault(require("./IconKeyboardDelete"));
|
|
285
|
-
|
|
286
175
|
exports.IconKeyboardDelete = _IconKeyboardDelete.default;
|
|
287
|
-
|
|
288
176
|
var _IconDownload = _interopRequireDefault(require("./IconDownload"));
|
|
289
|
-
|
|
290
177
|
exports.IconDownload = _IconDownload.default;
|
|
291
|
-
|
|
292
178
|
var _IconFile = _interopRequireDefault(require("./IconFile"));
|
|
293
|
-
|
|
294
179
|
exports.IconFile = _IconFile.default;
|
|
295
|
-
|
|
296
180
|
var _IconUpload = _interopRequireDefault(require("./IconUpload"));
|
|
297
|
-
|
|
298
181
|
exports.IconUpload = _IconUpload.default;
|
|
299
|
-
|
|
300
182
|
var _type = require("./type");
|
|
301
|
-
|
|
302
183
|
Object.keys(_type).forEach(function (key) {
|
|
303
184
|
if (key === "default" || key === "__esModule") return;
|
|
304
185
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
package/cjs/image/index.js
CHANGED
|
@@ -1,26 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = exports.BaseImage = void 0;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
|
13
|
-
|
|
14
9
|
var _contextProvider = require("../context-provider");
|
|
15
|
-
|
|
16
10
|
var _loading = _interopRequireDefault(require("../loading"));
|
|
17
|
-
|
|
18
11
|
var _helpers = require("../_helpers");
|
|
19
|
-
|
|
20
12
|
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
13
|
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
14
|
/**
|
|
25
15
|
* 增强版的 img 标签,提供多种图片填充模式,支持图片加载中提示、加载失败提示。
|
|
26
16
|
* @en Enhanced img tag, provides a variety of image filling modes, and supports image loading prompts and loading failure prompts.
|
|
@@ -31,62 +21,57 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
31
21
|
*/
|
|
32
22
|
var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
33
23
|
var style = props.style,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
24
|
+
className = props.className,
|
|
25
|
+
status = props.status,
|
|
26
|
+
src = props.src,
|
|
27
|
+
width = props.width,
|
|
28
|
+
height = props.height,
|
|
29
|
+
_props$alt = props.alt,
|
|
30
|
+
alt = _props$alt === void 0 ? '' : _props$alt,
|
|
31
|
+
_props$fit = props.fit,
|
|
32
|
+
fit = _props$fit === void 0 ? 'cover' : _props$fit,
|
|
33
|
+
_props$position = props.position,
|
|
34
|
+
position = _props$position === void 0 ? 'center' : _props$position,
|
|
35
|
+
radius = props.radius,
|
|
36
|
+
bordered = props.bordered,
|
|
37
|
+
loadingArea = props.loadingArea,
|
|
38
|
+
errorArea = props.errorArea,
|
|
39
|
+
showLoading = props.showLoading,
|
|
40
|
+
showError = props.showError,
|
|
41
|
+
_props$animateDuratio = props.animateDuration,
|
|
42
|
+
animateDuration = _props$animateDuratio === void 0 ? 200 : _props$animateDuratio,
|
|
43
|
+
_props$retryTime = props.retryTime,
|
|
44
|
+
retryTime = _props$retryTime === void 0 ? 0 : _props$retryTime,
|
|
45
|
+
forceHttps = props.forceHttps,
|
|
46
|
+
_props$boxWidth = props.boxWidth,
|
|
47
|
+
boxWidth = _props$boxWidth === void 0 ? 0 : _props$boxWidth,
|
|
48
|
+
_props$boxHeight = props.boxHeight,
|
|
49
|
+
boxHeight = _props$boxHeight === void 0 ? 0 : _props$boxHeight,
|
|
50
|
+
topOverlap = props.topOverlap,
|
|
51
|
+
bottomOverlap = props.bottomOverlap,
|
|
52
|
+
_props$showImage = props.showImage,
|
|
53
|
+
showImage = _props$showImage === void 0 ? true : _props$showImage,
|
|
54
|
+
staticLabel = props.staticLabel,
|
|
55
|
+
_props$nativeProps = props.nativeProps,
|
|
56
|
+
nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
|
|
57
|
+
onChange = props.onChange,
|
|
58
|
+
onClick = props.onClick,
|
|
59
|
+
onLoad = props.onLoad,
|
|
60
|
+
onError = props.onError,
|
|
61
|
+
onAutoRetry = props.onAutoRetry;
|
|
72
62
|
var system = (0, _helpers.useSystem)();
|
|
73
|
-
|
|
74
63
|
var _useWindowSize = (0, _helpers.useWindowSize)(),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
64
|
+
windowWidth = _useWindowSize.windowWidth,
|
|
65
|
+
windowHeight = _useWindowSize.windowHeight;
|
|
78
66
|
var _useMountedState = (0, _helpers.useMountedState)(staticLabel && showLoading ? 'loading' : 'init'),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
67
|
+
imageStatus = _useMountedState[0],
|
|
68
|
+
setImageStatus = _useMountedState[1];
|
|
82
69
|
var _useMountedState2 = (0, _helpers.useMountedState)(''),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
70
|
+
wrapClass = _useMountedState2[0],
|
|
71
|
+
setWrapClass = _useMountedState2[1];
|
|
86
72
|
var _useMountedState3 = (0, _helpers.useMountedState)(false),
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
73
|
+
staticRetrying = _useMountedState3[0],
|
|
74
|
+
setStaticRetrying = _useMountedState3[1];
|
|
90
75
|
var imageRef = (0, _react.useRef)(null);
|
|
91
76
|
var imageDomRef = (0, _react.useRef)(null);
|
|
92
77
|
var wrapRef = (0, _react.useRef)(null);
|
|
@@ -99,12 +84,10 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
99
84
|
var validStatus = status === undefined ? imageStatus : status;
|
|
100
85
|
var attrs = (0, _react.useMemo)(function () {
|
|
101
86
|
var imageStyle = {};
|
|
102
|
-
|
|
103
87
|
if (!isPreview) {
|
|
104
88
|
imageStyle.objectFit = fit;
|
|
105
89
|
imageStyle.objectPosition = position;
|
|
106
90
|
}
|
|
107
|
-
|
|
108
91
|
return {
|
|
109
92
|
alt: alt,
|
|
110
93
|
src: forceHttps ? src.replace('http://', 'https://') : src,
|
|
@@ -112,11 +95,9 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
112
95
|
style: imageStyle
|
|
113
96
|
};
|
|
114
97
|
}, [alt, bordered, fit, forceHttps, isPreview, position, radius, src, system]);
|
|
115
|
-
|
|
116
98
|
function retry() {
|
|
117
99
|
loadImage(true);
|
|
118
100
|
}
|
|
119
|
-
|
|
120
101
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
121
102
|
return {
|
|
122
103
|
dom: wrapRef.current,
|
|
@@ -130,7 +111,6 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
130
111
|
}, [attrs, width, height, showImage, staticLabel]);
|
|
131
112
|
(0, _react.useEffect)(function () {
|
|
132
113
|
var _imageDomRef$current;
|
|
133
|
-
|
|
134
114
|
// 当使用img标签时,onLoad可能加载完成前已经执行完,此时手动触发一次
|
|
135
115
|
// @en When using the img tag, onLoad may have been executed before loading is complete, and it needs to be triggered manually
|
|
136
116
|
if (staticLabel && !hasLoadedRef.current && (_imageDomRef$current = imageDomRef.current) != null && _imageDomRef$current.complete) {
|
|
@@ -143,39 +123,32 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
143
123
|
}
|
|
144
124
|
}
|
|
145
125
|
}, [staticLabel]);
|
|
146
|
-
|
|
147
126
|
function changeStatus(newStatus) {
|
|
148
127
|
setImageStatus(newStatus);
|
|
149
128
|
onChange && onChange(newStatus);
|
|
150
129
|
}
|
|
151
|
-
|
|
152
130
|
function replaceChild(newChild) {
|
|
153
131
|
var dom = imageRef.current;
|
|
154
|
-
|
|
155
132
|
if (!dom) {
|
|
156
133
|
return;
|
|
157
134
|
}
|
|
158
|
-
|
|
159
135
|
if (dom.children && dom.children.length) {
|
|
160
136
|
dom.replaceChild(newChild, dom.children[0]);
|
|
161
137
|
} else {
|
|
162
138
|
dom.appendChild(newChild);
|
|
163
139
|
}
|
|
164
140
|
}
|
|
165
|
-
|
|
166
141
|
function handleImageLoaded(image) {
|
|
167
142
|
hasLoadedRef.current = true;
|
|
168
143
|
changeStatus('loaded');
|
|
169
144
|
var _image$width = image.width,
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
145
|
+
imageWidth = _image$width === void 0 ? 0 : _image$width,
|
|
146
|
+
_image$height = image.height,
|
|
147
|
+
imageHeight = _image$height === void 0 ? 0 : _image$height;
|
|
173
148
|
var extraClass = '';
|
|
174
|
-
|
|
175
149
|
if (isPreview) {
|
|
176
150
|
var scale = imageWidth / imageHeight;
|
|
177
151
|
var windowScale = actualBoxWidth / actualBoxHeight;
|
|
178
|
-
|
|
179
152
|
if (fit === 'preview-y') {
|
|
180
153
|
if (scale < windowScale) {
|
|
181
154
|
image.style.width = actualBoxWidth + "px";
|
|
@@ -194,11 +167,9 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
194
167
|
}
|
|
195
168
|
}
|
|
196
169
|
}
|
|
197
|
-
|
|
198
170
|
extraClass && image.classList.add(extraClass);
|
|
199
171
|
setWrapClass(extraClass ? extraClass + "-container" : '');
|
|
200
172
|
}
|
|
201
|
-
|
|
202
173
|
function loadImage(isFromRetry) {
|
|
203
174
|
// 如果在加载图片前发现上一个图片还没加载完,则抛弃上一个图片的加载
|
|
204
175
|
// @en Abort last image before starting loading new image
|
|
@@ -206,11 +177,9 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
206
177
|
loadingImageRef.current.src = '';
|
|
207
178
|
loadingImageRef.current = null;
|
|
208
179
|
}
|
|
209
|
-
|
|
210
180
|
if (!showImage || staticLabel) {
|
|
211
181
|
return;
|
|
212
182
|
}
|
|
213
|
-
|
|
214
183
|
changeStatus('loading');
|
|
215
184
|
var image = new Image();
|
|
216
185
|
Object.keys(nativeProps).forEach(function (key) {
|
|
@@ -220,7 +189,6 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
220
189
|
Object.keys(attrs.style).forEach(function (key) {
|
|
221
190
|
image.style[key] = attrs.style[key];
|
|
222
191
|
});
|
|
223
|
-
|
|
224
192
|
image.onload = function (evt) {
|
|
225
193
|
loadingImageRef.current = null;
|
|
226
194
|
imageDomRef.current = image;
|
|
@@ -228,10 +196,8 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
228
196
|
replaceChild(image);
|
|
229
197
|
onLoad && onLoad(evt, image);
|
|
230
198
|
};
|
|
231
|
-
|
|
232
199
|
image.onerror = function (evt) {
|
|
233
200
|
loadingImageRef.current = null;
|
|
234
|
-
|
|
235
201
|
if (isFromRetry || retryCountRef.current >= retryTime) {
|
|
236
202
|
changeStatus('error');
|
|
237
203
|
var placeholder = document.createElement('div');
|
|
@@ -243,37 +209,32 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
243
209
|
loadImage();
|
|
244
210
|
}
|
|
245
211
|
};
|
|
246
|
-
|
|
247
212
|
(0, _mobileUtils.nextTick)(function () {
|
|
248
213
|
image.src = attrs.src;
|
|
249
214
|
image.alt = attrs.alt;
|
|
250
215
|
loadingImageRef.current = image;
|
|
251
216
|
});
|
|
252
217
|
}
|
|
253
|
-
|
|
254
218
|
function handleStaticImageLoaded(evt, image) {
|
|
255
219
|
handleImageLoaded(image);
|
|
256
220
|
onLoad && onLoad(evt, image);
|
|
257
221
|
}
|
|
258
|
-
|
|
259
222
|
function handleStaticImageError(e) {
|
|
260
223
|
var evt = e ? e.nativeEvent : null;
|
|
261
|
-
|
|
262
224
|
if (retryCountRef.current >= retryTime) {
|
|
263
225
|
changeStatus('error');
|
|
264
226
|
onError && onError(evt);
|
|
265
227
|
} else {
|
|
266
228
|
retryCountRef.current += 1;
|
|
267
|
-
onAutoRetry && onAutoRetry(evt);
|
|
229
|
+
onAutoRetry && onAutoRetry(evt);
|
|
230
|
+
// 强制刷新一下<img>使其重新加载
|
|
268
231
|
// @en Force refresh <img> to reload
|
|
269
|
-
|
|
270
232
|
setStaticRetrying(true);
|
|
271
233
|
(0, _mobileUtils.nextTick)(function () {
|
|
272
234
|
setStaticRetrying(false);
|
|
273
235
|
});
|
|
274
236
|
}
|
|
275
237
|
}
|
|
276
|
-
|
|
277
238
|
function getImageStyle() {
|
|
278
239
|
if (isPreview) {
|
|
279
240
|
var overflow = fit === 'preview-x' ? {
|
|
@@ -286,17 +247,15 @@ var BaseImage = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
286
247
|
height: actualBoxHeight
|
|
287
248
|
}, overflow);
|
|
288
249
|
}
|
|
289
|
-
|
|
290
250
|
return {
|
|
291
251
|
width: Number(width) || width,
|
|
292
252
|
height: Number(height) || height
|
|
293
253
|
};
|
|
294
254
|
}
|
|
295
|
-
|
|
296
255
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
|
297
256
|
var prefixCls = _ref.prefixCls,
|
|
298
|
-
|
|
299
|
-
|
|
257
|
+
_ref$locale = _ref.locale,
|
|
258
|
+
locale = _ref$locale === void 0 ? _mobileUtils.defaultLocale : _ref$locale;
|
|
300
259
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
301
260
|
className: (0, _mobileUtils.cls)(prefixCls + "-image all-border-box", {
|
|
302
261
|
preview: isPreview
|
package/cjs/image/style/index.js
CHANGED
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = AddIcon;
|
|
7
|
-
|
|
8
6
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
7
|
function AddIcon() {
|
|
11
8
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
12
9
|
width: "30",
|