@arco-design/mobile-react 2.24.2 → 2.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +42 -120
- package/cjs/_helpers/index.js +2 -13
- package/cjs/_helpers/react-dom.js +0 -12
- package/cjs/_helpers/render.js +0 -12
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.css +1 -1
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +51 -77
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.css +3 -2
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/demo/style/css/mobile.css +12 -0
- package/cjs/carousel/demo/style/mobile.less +8 -0
- package/cjs/carousel/index.d.ts +1 -1
- package/cjs/carousel/index.js +159 -275
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +14 -23
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.d.ts +6 -1
- package/cjs/checkbox/index.js +6 -11
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +27 -56
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +10 -28
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.d.ts +5 -2
- package/cjs/date-picker/index.js +52 -114
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +28 -54
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.css +2 -1
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +6 -27
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +33 -72
- package/cjs/ellipsis/components/native-ellipsis.js +9 -15
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.d.ts +3 -0
- package/cjs/form/form-item-context.js +12 -0
- package/cjs/form/form-item.d.ts +4 -0
- package/cjs/form/form-item.js +313 -0
- package/cjs/form/index.d.ts +16 -0
- package/cjs/form/index.js +96 -0
- package/cjs/form/style/css/index.css +92 -0
- package/cjs/form/style/css/index.d.ts +2 -0
- package/cjs/form/style/css/index.js +4 -0
- package/cjs/form/style/index.d.ts +2 -0
- package/cjs/form/style/index.js +4 -0
- package/cjs/form/style/index.less +91 -0
- package/cjs/form/type.d.ts +371 -0
- package/cjs/form/type.js +30 -0
- package/cjs/form/useForm.d.ts +18 -0
- package/cjs/form/useForm.js +225 -0
- package/cjs/form/utils.d.ts +6 -0
- package/cjs/form/utils.js +36 -0
- package/cjs/grid/index.js +21 -41
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -111
- package/cjs/image/index.js +53 -92
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.d.ts +5 -2
- package/cjs/image-picker/index.js +62 -103
- package/cjs/image-picker/style/css/index.js +0 -2
- package/cjs/image-picker/style/index.js +0 -2
- package/cjs/image-preview/demo/style/css/mobile.css +10 -0
- package/cjs/image-preview/demo/style/mobile.less +11 -0
- package/cjs/image-preview/index.d.ts +5 -0
- package/cjs/image-preview/index.js +124 -239
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.css +1 -0
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/image-preview/style/index.less +1 -1
- package/cjs/index.d.ts +7 -6
- package/cjs/index.js +15 -120
- package/cjs/input/hooks.js +42 -75
- package/cjs/input/index.d.ts +5 -2
- package/cjs/input/index.js +36 -47
- package/cjs/input/style/css/index.css +1 -1
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/load-more/index.js +29 -56
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +46 -79
- package/cjs/masking/methods.js +4 -19
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +1 -5
- package/cjs/nav-bar/index.js +36 -60
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +31 -54
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.css +2 -2
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.d.ts +5 -2
- package/cjs/picker/index.js +50 -89
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +14 -31
- package/cjs/picker-view/components/multi-picker.js +6 -20
- package/cjs/picker-view/components/picker-cell.js +45 -97
- package/cjs/picker-view/index.d.ts +5 -2
- package/cjs/picker-view/index.js +36 -77
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +94 -151
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -51
- package/cjs/popover/popover-inner.js +30 -47
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +38 -80
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +58 -100
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.d.ts +9 -3
- package/cjs/pull-refresh/index.js +5 -15
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -80
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.d.ts +6 -1
- package/cjs/radio/index.js +5 -10
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.d.ts +5 -2
- package/cjs/rate/index.js +34 -57
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +34 -93
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +26 -55
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +12 -24
- package/cjs/slider/index.d.ts +5 -2
- package/cjs/slider/index.js +56 -80
- package/cjs/slider/marks.js +12 -26
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +8 -23
- package/cjs/stepper/hooks/useButtonClick.js +19 -28
- package/cjs/stepper/hooks/useInputEvent.js +9 -18
- package/cjs/stepper/hooks/useValue.js +9 -14
- package/cjs/stepper/index.d.ts +5 -2
- package/cjs/stepper/index.js +92 -103
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +22 -40
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.css +2 -2
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +37 -66
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.d.ts +7 -6
- package/cjs/style.js +7 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +55 -83
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.d.ts +5 -2
- package/cjs/switch/index.js +37 -54
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +15 -31
- package/cjs/tabs/index.js +129 -192
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +25 -64
- package/cjs/tabs/tab-cell.js +66 -108
- package/cjs/tabs/tab-pane.js +49 -94
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.d.ts +5 -2
- package/cjs/textarea/index.js +45 -63
- package/cjs/textarea/style/css/index.css +1 -1
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +10 -18
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/dist/index.js +21030 -20541
- package/dist/index.min.js +12 -3
- package/dist/style.css +823 -741
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +41 -99
- package/esm/_helpers/index.js +2 -3
- package/esm/_helpers/react-dom.js +0 -10
- package/esm/_helpers/render.js +0 -7
- package/esm/action-sheet/index.js +10 -16
- package/esm/action-sheet/style/css/index.css +1 -1
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +51 -62
- package/esm/badge/index.js +18 -22
- package/esm/badge/style/css/index.css +3 -2
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/demo/style/css/mobile.css +12 -0
- package/esm/carousel/demo/style/mobile.less +8 -0
- package/esm/carousel/index.d.ts +1 -1
- package/esm/carousel/index.js +159 -267
- package/esm/cell/cell.js +14 -14
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.d.ts +6 -1
- package/esm/checkbox/index.js +6 -4
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +27 -46
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +10 -18
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.d.ts +5 -2
- package/esm/date-picker/index.js +53 -103
- package/esm/dialog/index.js +28 -39
- package/esm/dialog/methods.js +9 -11
- package/esm/dialog/style/css/index.css +2 -1
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +6 -16
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +33 -63
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item-context.d.ts +3 -0
- package/esm/form/form-item-context.js +6 -0
- package/esm/form/form-item.d.ts +4 -0
- package/esm/form/form-item.js +306 -0
- package/esm/form/index.d.ts +16 -0
- package/esm/form/index.js +79 -0
- package/esm/form/style/css/index.css +92 -0
- package/esm/form/style/css/index.d.ts +2 -0
- package/esm/form/style/css/index.js +2 -0
- package/esm/form/style/index.d.ts +2 -0
- package/esm/form/style/index.js +2 -0
- package/esm/form/style/index.less +91 -0
- package/esm/form/type.d.ts +371 -0
- package/esm/form/type.js +24 -0
- package/esm/form/useForm.d.ts +18 -0
- package/esm/form/useForm.js +217 -0
- package/esm/form/utils.d.ts +6 -0
- package/esm/form/utils.js +30 -0
- package/esm/grid/index.js +21 -34
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -83
- package/esm/image-picker/index.d.ts +5 -2
- package/esm/image-picker/index.js +63 -90
- package/esm/image-preview/demo/style/css/mobile.css +10 -0
- package/esm/image-preview/demo/style/mobile.less +11 -0
- package/esm/image-preview/index.d.ts +5 -0
- package/esm/image-preview/index.js +124 -218
- package/esm/image-preview/methods.js +4 -14
- package/esm/image-preview/style/css/index.css +1 -0
- package/esm/image-preview/style/index.less +1 -1
- package/esm/index.d.ts +7 -6
- package/esm/index.js +7 -6
- package/esm/input/hooks.js +42 -67
- package/esm/input/index.d.ts +5 -2
- package/esm/input/index.js +37 -40
- package/esm/input/style/css/index.css +1 -1
- package/esm/load-more/index.js +29 -48
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +46 -64
- package/esm/masking/methods.js +4 -15
- package/esm/nav-bar/back-icon.js +1 -3
- package/esm/nav-bar/index.js +36 -51
- package/esm/notice-bar/index.js +31 -47
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/notify/style/css/index.css +2 -2
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.d.ts +5 -2
- package/esm/picker/index.js +51 -76
- package/esm/picker-view/components/cascader.js +14 -23
- package/esm/picker-view/components/multi-picker.js +6 -16
- package/esm/picker-view/components/picker-cell.js +45 -89
- package/esm/picker-view/index.d.ts +5 -2
- package/esm/picker-view/index.js +36 -63
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +94 -144
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -38
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +38 -64
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +58 -90
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.d.ts +9 -3
- package/esm/pull-refresh/index.js +5 -6
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.d.ts +6 -1
- package/esm/radio/index.js +5 -3
- package/esm/rate/index.d.ts +5 -2
- package/esm/rate/index.js +35 -49
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +34 -85
- package/esm/slider/hooks/useSliderEvents.js +26 -51
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +12 -20
- package/esm/slider/index.d.ts +5 -2
- package/esm/slider/index.js +57 -72
- package/esm/slider/marks.js +12 -18
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +8 -15
- package/esm/stepper/hooks/useButtonClick.js +19 -27
- package/esm/stepper/hooks/useInputEvent.js +9 -16
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.d.ts +5 -2
- package/esm/stepper/index.js +93 -92
- package/esm/steps/index.js +22 -27
- package/esm/steps/step.js +10 -19
- package/esm/steps/style/css/index.css +2 -2
- package/esm/sticky/index.js +37 -57
- package/esm/style.d.ts +7 -6
- package/esm/style.js +7 -6
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +56 -75
- package/esm/switch/index.d.ts +5 -2
- package/esm/switch/index.js +38 -49
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +15 -21
- package/esm/tabs/index.js +130 -180
- package/esm/tabs/tab-cell-underline.js +25 -56
- package/esm/tabs/tab-cell.js +66 -98
- package/esm/tabs/tab-pane.js +49 -85
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.d.ts +5 -2
- package/esm/textarea/index.js +46 -56
- package/esm/textarea/style/css/index.css +1 -1
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +10 -12
- package/package.json +3 -4
- package/tokens/app/arcodesign/default/css-variables.less +17 -7
- package/tokens/app/arcodesign/default/index.d.ts +10 -0
- package/tokens/app/arcodesign/default/index.js +18 -10
- package/tokens/app/arcodesign/default/index.json +139 -23
- package/tokens/app/arcodesign/default/index.less +17 -7
- package/umd/_helpers/hooks.js +42 -117
- package/umd/_helpers/index.js +2 -6
- package/umd/_helpers/react-dom.js +0 -11
- package/umd/_helpers/render.js +0 -9
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/action-sheet/style/css/index.css +1 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +51 -68
- package/umd/badge/index.js +18 -25
- package/umd/badge/style/css/index.css +3 -2
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/demo/style/css/mobile.css +12 -0
- package/umd/carousel/demo/style/mobile.less +8 -0
- package/umd/carousel/index.d.ts +1 -1
- package/umd/carousel/index.js +159 -270
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +14 -18
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.d.ts +6 -1
- package/umd/checkbox/index.js +6 -6
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +27 -50
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +10 -23
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.d.ts +5 -2
- package/umd/date-picker/index.js +52 -105
- package/umd/dialog/index.js +28 -44
- package/umd/dialog/methods.js +9 -18
- package/umd/dialog/style/css/index.css +2 -1
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +6 -25
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +33 -69
- package/umd/ellipsis/components/native-ellipsis.js +9 -13
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.d.ts +3 -0
- package/umd/form/form-item-context.js +25 -0
- package/umd/form/form-item.d.ts +4 -0
- package/umd/form/form-item.js +322 -0
- package/umd/form/index.d.ts +16 -0
- package/umd/form/index.js +106 -0
- package/umd/form/style/css/index.css +92 -0
- package/umd/form/style/css/index.d.ts +2 -0
- package/umd/form/style/css/index.js +15 -0
- package/umd/form/style/index.d.ts +2 -0
- package/umd/form/style/index.js +15 -0
- package/umd/form/style/index.less +91 -0
- package/umd/form/type.d.ts +371 -0
- package/umd/form/type.js +44 -0
- package/umd/form/useForm.d.ts +18 -0
- package/umd/form/useForm.js +238 -0
- package/umd/form/utils.d.ts +6 -0
- package/umd/form/utils.js +50 -0
- package/umd/grid/index.js +21 -37
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -86
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.d.ts +5 -2
- package/umd/image-picker/index.js +62 -92
- package/umd/image-preview/demo/style/css/mobile.css +10 -0
- package/umd/image-preview/demo/style/mobile.less +11 -0
- package/umd/image-preview/index.d.ts +5 -0
- package/umd/image-preview/index.js +124 -224
- package/umd/image-preview/methods.js +5 -15
- package/umd/image-preview/style/css/index.css +1 -0
- package/umd/image-preview/style/index.less +1 -1
- package/umd/index.d.ts +7 -6
- package/umd/index.js +19 -18
- package/umd/input/hooks.js +42 -71
- package/umd/input/index.d.ts +5 -2
- package/umd/input/index.js +36 -42
- package/umd/input/style/css/index.css +1 -1
- package/umd/load-more/index.js +29 -51
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +46 -71
- package/umd/masking/methods.js +4 -16
- package/umd/nav-bar/back-icon.js +1 -4
- package/umd/nav-bar/index.js +36 -54
- package/umd/notice-bar/index.js +31 -50
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/notify/style/css/index.css +2 -2
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.d.ts +5 -2
- package/umd/picker/index.js +50 -78
- package/umd/picker-view/components/cascader.js +14 -27
- package/umd/picker-view/components/multi-picker.js +6 -19
- package/umd/picker-view/components/picker-cell.js +45 -93
- package/umd/picker-view/index.d.ts +5 -2
- package/umd/picker-view/index.js +39 -69
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +94 -145
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -42
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +38 -71
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +58 -93
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.d.ts +9 -3
- package/umd/pull-refresh/index.js +5 -8
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.d.ts +6 -1
- package/umd/radio/index.js +5 -5
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.d.ts +5 -2
- package/umd/rate/index.js +34 -51
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +34 -89
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +26 -52
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +12 -22
- package/umd/slider/index.d.ts +5 -2
- package/umd/slider/index.js +56 -73
- package/umd/slider/marks.js +12 -21
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +8 -18
- package/umd/stepper/hooks/useButtonClick.js +19 -27
- package/umd/stepper/hooks/useInputEvent.js +9 -17
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.d.ts +5 -2
- package/umd/stepper/index.js +92 -94
- package/umd/steps/index.js +22 -32
- package/umd/steps/step.js +10 -22
- package/umd/steps/style/css/index.css +2 -2
- package/umd/sticky/index.js +37 -60
- package/umd/style.d.ts +7 -6
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +55 -77
- package/umd/switch/index.d.ts +5 -2
- package/umd/switch/index.js +37 -50
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +15 -26
- package/umd/tabs/index.js +129 -183
- package/umd/tabs/tab-cell-underline.js +25 -60
- package/umd/tabs/tab-cell.js +66 -103
- package/umd/tabs/tab-pane.js +49 -89
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.d.ts +5 -2
- package/umd/textarea/index.js +45 -58
- package/umd/textarea/style/css/index.css +1 -1
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +10 -12
@@ -14,16 +14,12 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.default = void 0;
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
21
20
|
_react = _interopRequireWildcard(_react);
|
22
|
-
|
23
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
24
|
-
|
25
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
26
|
-
|
27
23
|
/**
|
28
24
|
* 环形进度条组件,以圆环形式表示百分比进度
|
29
25
|
* @en Annular progress bar component, representing percentage progress in the form of a circle
|
@@ -34,76 +30,69 @@
|
|
34
30
|
*/
|
35
31
|
var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
36
32
|
var _props$size = props.size,
|
37
|
-
|
33
|
+
size = _props$size === void 0 ? 'default' : _props$size;
|
38
34
|
var _props$className = props.className,
|
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
|
-
|
35
|
+
className = _props$className === void 0 ? '' : _props$className,
|
36
|
+
style = props.style,
|
37
|
+
_props$percentPositio = props.percentPosition,
|
38
|
+
percentPosition = _props$percentPositio === void 0 ? 'center' : _props$percentPositio,
|
39
|
+
_props$showPercent = props.showPercent,
|
40
|
+
showPercent = _props$showPercent === void 0 ? size !== 'mini' : _props$showPercent,
|
41
|
+
renderPercent = props.renderPercent,
|
42
|
+
trackColor = props.trackColor,
|
43
|
+
progressColor = props.progressColor,
|
44
|
+
_props$disabled = props.disabled,
|
45
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
46
|
+
_props$trackStroke = props.trackStroke,
|
47
|
+
trackStroke = _props$trackStroke === void 0 ? size === 'mini' ? 4 : 2 : _props$trackStroke,
|
48
|
+
_props$progressStroke = props.progressStroke,
|
49
|
+
progressStroke = _props$progressStroke === void 0 ? 4 : _props$progressStroke,
|
50
|
+
progressColorStart = props.progressColorStart,
|
51
|
+
progressColorEnd = props.progressColorEnd,
|
52
|
+
_props$duration = props.duration,
|
53
|
+
duration = _props$duration === void 0 ? 300 : _props$duration,
|
54
|
+
_props$step = props.step,
|
55
|
+
step = _props$step === void 0 ? 1 : _props$step,
|
56
|
+
_props$clockwise = props.clockwise,
|
57
|
+
clockwise = _props$clockwise === void 0 ? false : _props$clockwise,
|
58
|
+
_props$radius = props.radius,
|
59
|
+
radius = _props$radius === void 0 ? size === 'mini' ? 9 : 30 : _props$radius,
|
60
|
+
_props$filleted = props.filleted,
|
61
|
+
filleted = _props$filleted === void 0 ? size !== 'mini' : _props$filleted,
|
62
|
+
_props$mountedTransit = props.mountedTransition,
|
63
|
+
mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
|
64
|
+
_props$mountedBezier = props.mountedBezier,
|
65
|
+
mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier,
|
66
|
+
_props$svgKey = props.svgKey,
|
67
|
+
userSetSvgKey = _props$svgKey === void 0 ? '' : _props$svgKey;
|
72
68
|
var domRef = (0, _react.useRef)(null);
|
73
69
|
var maxStroke = Math.max(progressStroke, trackStroke);
|
74
70
|
var circlePos = maxStroke + radius;
|
75
71
|
var circleSize = (radius + maxStroke) * 2;
|
76
72
|
var circleLen = 2 * Math.PI * radius;
|
77
73
|
var percentage = Math.min(100, Math.max(props.percentage, 0));
|
78
|
-
|
79
74
|
var _useGenSvgKey = (0, _helpers.useGenSvgKey)(userSetSvgKey),
|
80
|
-
|
81
|
-
|
75
|
+
svgKey = _useGenSvgKey.svgKey;
|
82
76
|
(0, _react.useImperativeHandle)(ref, function () {
|
83
77
|
return {
|
84
78
|
dom: domRef.current
|
85
79
|
};
|
86
80
|
});
|
87
81
|
var isRenderNormal = !(Boolean(progressColorStart) && Boolean(progressColorEnd));
|
88
|
-
|
89
82
|
var _useProgress = (0, _helpers.useProgress)(mountedTransition, percentage, duration, mountedBezier, step),
|
90
|
-
|
91
|
-
|
92
|
-
|
83
|
+
currentPercentage = _useProgress[0],
|
84
|
+
transitionControl = _useProgress[1];
|
93
85
|
var color = (0, _react.useMemo)(function () {
|
94
86
|
if (isRenderNormal) {
|
95
87
|
if (progressColorStart) {
|
96
88
|
return progressColorStart;
|
97
89
|
}
|
98
|
-
|
99
90
|
if (progressColorEnd) {
|
100
91
|
return progressColorEnd;
|
101
92
|
}
|
102
|
-
|
103
93
|
return progressColor;
|
104
94
|
}
|
105
95
|
}, [progressColorStart, progressColorEnd, progressColor]);
|
106
|
-
|
107
96
|
function renderNormalProgress() {
|
108
97
|
return /*#__PURE__*/_react.default.createElement("circle", {
|
109
98
|
cx: circlePos,
|
@@ -123,7 +112,6 @@
|
|
123
112
|
fill: "none"
|
124
113
|
});
|
125
114
|
}
|
126
|
-
|
127
115
|
function renderLinearGradient() {
|
128
116
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
|
129
117
|
id: svgKey + "-grad-circle-progress",
|
@@ -161,11 +149,9 @@
|
|
161
149
|
fill: "none"
|
162
150
|
}));
|
163
151
|
}
|
164
|
-
|
165
152
|
function renderProgress() {
|
166
153
|
return isRenderNormal ? renderNormalProgress() : renderLinearGradient();
|
167
154
|
}
|
168
|
-
|
169
155
|
function renderCircleProgress(_ref) {
|
170
156
|
var prefixCls = _ref.prefixCls;
|
171
157
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -203,7 +189,6 @@
|
|
203
189
|
}
|
204
190
|
}, renderPercent !== void 0 ? renderPercent(currentPercentage) : currentPercentage + "%") : null);
|
205
191
|
}
|
206
|
-
|
207
192
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderCircleProgress);
|
208
193
|
});
|
209
194
|
var _default = CircleProgress;
|
package/umd/collapse/collapse.js
CHANGED
@@ -14,113 +14,93 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.Collapse = void 0;
|
20
19
|
_react = _interopRequireWildcard(_react);
|
21
20
|
_IconArrowDown = _interopRequireDefault(_IconArrowDown);
|
22
|
-
|
23
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
24
|
-
|
25
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
26
|
-
|
27
23
|
var Collapse = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
28
24
|
var _props$header = props.header,
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
25
|
+
header = _props$header === void 0 ? '' : _props$header,
|
26
|
+
icon = props.icon,
|
27
|
+
_props$hideIcon = props.hideIcon,
|
28
|
+
hideIcon = _props$hideIcon === void 0 ? false : _props$hideIcon,
|
29
|
+
_props$disabled = props.disabled,
|
30
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
31
|
+
_props$content = props.content,
|
32
|
+
content = _props$content === void 0 ? null : _props$content,
|
33
|
+
_props$defaultActive = props.defaultActive,
|
34
|
+
defaultActive = _props$defaultActive === void 0 ? false : _props$defaultActive,
|
35
|
+
_props$value = props.value,
|
36
|
+
value = _props$value === void 0 ? '' : _props$value,
|
37
|
+
active = props.active,
|
38
|
+
animationTimeout = props.animationTimeout,
|
39
|
+
animationFunction = props.animationFunction,
|
40
|
+
_props$className = props.className,
|
41
|
+
className = _props$className === void 0 ? '' : _props$className,
|
42
|
+
_props$style = props.style,
|
43
|
+
style = _props$style === void 0 ? {} : _props$style;
|
49
44
|
var _useState = (0, _react.useState)(defaultActive),
|
50
|
-
|
51
|
-
|
52
|
-
|
45
|
+
innerActive = _useState[0],
|
46
|
+
setInnerActive = _useState[1];
|
53
47
|
var _useRefState = (0, _helpers.useRefState)(active === void 0 ? innerActive : active),
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
48
|
+
itemActive = _useRefState[0],
|
49
|
+
itemActiveRef = _useRefState[1],
|
50
|
+
setItemActive = _useRefState[2];
|
58
51
|
var contentHeightRef = (0, _react.useRef)(0);
|
59
52
|
var collapseHeaderRef = (0, _react.useRef)(null);
|
60
53
|
var domRef = (0, _react.useRef)(null);
|
61
54
|
var contentWrapRef = (0, _react.useRef)(null);
|
62
55
|
var contentRef = (0, _react.useRef)(null);
|
63
|
-
|
64
56
|
var _useContext = (0, _react.useContext)(_utils.CollapseKeyContext),
|
65
|
-
|
66
|
-
|
57
|
+
groupKey = _useContext.key;
|
67
58
|
var CollapseContext = _utils.allContexts[groupKey] || {};
|
68
59
|
var groupContext = (0, _react.useContext)(CollapseContext) || {};
|
69
60
|
var opened = (0, _react.useMemo)(function () {
|
70
|
-
var show = false;
|
61
|
+
var show = false;
|
62
|
+
// 优先级: group > children
|
71
63
|
// @en Priority: group > children
|
72
|
-
|
73
64
|
if (groupContext.isGroup) {
|
74
65
|
if (active !== void 0) {
|
75
66
|
show = active;
|
76
67
|
}
|
77
|
-
|
78
68
|
if (groupContext.value) show = groupContext.value.includes(value);
|
79
69
|
} else {
|
80
70
|
show = itemActive;
|
81
71
|
}
|
82
|
-
|
83
72
|
return show;
|
84
73
|
}, [value, active, itemActive, groupContext.isGroup, groupContext.value]);
|
85
|
-
|
86
74
|
var getContentHeight = function getContentHeight() {
|
87
75
|
var _div$getBoundingClien, _div$getBoundingClien2;
|
88
|
-
|
89
76
|
var div = contentRef.current;
|
90
77
|
return (_div$getBoundingClien = div == null ? void 0 : (_div$getBoundingClien2 = div.getBoundingClientRect()) == null ? void 0 : _div$getBoundingClien2.height) != null ? _div$getBoundingClien : 0;
|
91
78
|
};
|
92
|
-
|
93
79
|
var resetHeight = function resetHeight(newHeight) {
|
94
80
|
if (!contentWrapRef.current) {
|
95
81
|
return;
|
96
82
|
}
|
97
|
-
|
98
83
|
contentWrapRef.current.style.height = newHeight;
|
99
84
|
var transTimeout = (0, _mobileUtils.convertCssDuration)(contentWrapRef.current, 'transitionDuration');
|
100
85
|
setTimeout(function () {
|
101
86
|
return contentWrapRef.current && (contentWrapRef.current.style.height = opened ? 'auto' : '0px');
|
102
87
|
}, opened ? transTimeout : 20);
|
103
88
|
};
|
104
|
-
|
105
89
|
var toggleOpened = function toggleOpened() {
|
106
90
|
var height = getContentHeight();
|
107
91
|
var isBeginning = contentHeightRef.current === 0;
|
108
92
|
contentHeightRef.current = height;
|
109
|
-
|
110
93
|
if (isBeginning) {
|
111
94
|
var initHeight = opened ? 'auto' : '0px';
|
112
95
|
contentWrapRef.current && (contentWrapRef.current.style.height = initHeight);
|
113
96
|
return;
|
114
97
|
}
|
115
|
-
|
116
98
|
resetHeight(height + "px");
|
117
99
|
};
|
118
|
-
|
119
100
|
var updateLayout = function updateLayout() {
|
120
101
|
if (!contentWrapRef.current) {
|
121
102
|
return;
|
122
103
|
}
|
123
|
-
|
124
104
|
var height = getContentHeight();
|
125
105
|
contentWrapRef.current.style.height = opened ? contentHeightRef.current + "px" : '0px';
|
126
106
|
(0, _mobileUtils.nextTick)(function () {
|
@@ -128,18 +108,15 @@
|
|
128
108
|
resetHeight(opened ? height + "px" : '0px');
|
129
109
|
});
|
130
110
|
};
|
131
|
-
|
132
111
|
var onCollapse = function onCollapse(val) {
|
133
112
|
if (disabled) return;
|
134
113
|
props.onCollapse && props.onCollapse(val);
|
135
|
-
|
136
114
|
if (!groupContext.isGroup) {
|
137
115
|
setInnerActive(!itemActiveRef.current);
|
138
116
|
} else {
|
139
117
|
groupContext.onCollapse(value);
|
140
118
|
}
|
141
119
|
};
|
142
|
-
|
143
120
|
(0, _react.useEffect)(function () {
|
144
121
|
setItemActive(active === void 0 ? innerActive : active);
|
145
122
|
}, [active, innerActive]);
|
package/umd/collapse/group.js
CHANGED
@@ -14,76 +14,61 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.Group = void 0;
|
20
19
|
_exports.componentGenerator = componentGenerator;
|
21
20
|
_exports.default = void 0;
|
22
21
|
_extends2 = _interopRequireDefault(_extends2);
|
23
22
|
_react = _interopRequireWildcard(_react);
|
24
|
-
|
25
23
|
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); }
|
26
|
-
|
27
24
|
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; }
|
28
|
-
|
29
25
|
function componentGenerator(Comp) {
|
30
26
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
31
27
|
var _props$items = props.items,
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
28
|
+
items = _props$items === void 0 ? [] : _props$items,
|
29
|
+
_props$className = props.className,
|
30
|
+
className = _props$className === void 0 ? '' : _props$className,
|
31
|
+
_props$style = props.style,
|
32
|
+
style = _props$style === void 0 ? {} : _props$style,
|
33
|
+
_props$defaultActiveI = props.defaultActiveItems,
|
34
|
+
defaultActiveItems = _props$defaultActiveI === void 0 ? [] : _props$defaultActiveI,
|
35
|
+
_props$useAccordion = props.useAccordion,
|
36
|
+
useAccordion = _props$useAccordion === void 0 ? false : _props$useAccordion,
|
37
|
+
_props$disabled = props.disabled,
|
38
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
39
|
+
children = props.children,
|
40
|
+
groupKey = props.groupKey;
|
46
41
|
var _useState = (0, _react.useState)([]),
|
47
|
-
|
48
|
-
|
49
|
-
|
42
|
+
innerActiveItems = _useState[0],
|
43
|
+
setInnerActiveItems = _useState[1];
|
50
44
|
var _useState2 = (0, _react.useState)([]),
|
51
|
-
|
52
|
-
|
45
|
+
activeItems = _useState2[0],
|
46
|
+
setActiveItems = _useState2[1];
|
53
47
|
/** 用于children模式下的active管理 */
|
54
|
-
|
55
|
-
|
56
48
|
var _useState3 = (0, _react.useState)([]),
|
57
|
-
|
58
|
-
|
59
|
-
|
49
|
+
childActiveItems = _useState3[0],
|
50
|
+
setChildActiveItems = _useState3[1];
|
60
51
|
var contextKey = groupKey || _utils.defaultContextKey;
|
61
52
|
var CollapseContext = (0, _utils.getCollapseContext)(contextKey);
|
62
53
|
var domRef = (0, _react.useRef)(null);
|
63
|
-
|
64
54
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
65
|
-
|
66
|
-
|
55
|
+
prefixCls = _useContext.prefixCls;
|
67
56
|
var formatArray = function formatArray(input) {
|
68
57
|
var arr = input;
|
69
58
|
return items.map(function (item) {
|
70
59
|
return arr.indexOf(item.value) > -1;
|
71
60
|
});
|
72
61
|
};
|
73
|
-
|
74
62
|
var handleChange = function handleChange(value) {
|
75
63
|
if (disabled) return;
|
76
|
-
|
77
64
|
if (props.onCollapse) {
|
78
65
|
props.onCollapse(value);
|
79
66
|
}
|
80
|
-
|
81
67
|
if (props.activeItems !== void 0) {
|
82
68
|
setInnerActiveItems(formatArray(props.activeItems));
|
83
69
|
setChildActiveItems(props.activeItems);
|
84
70
|
return;
|
85
71
|
}
|
86
|
-
|
87
72
|
if (!children) {
|
88
73
|
var temp = items.findIndex(function (item) {
|
89
74
|
return item.value === value;
|
@@ -101,14 +86,12 @@
|
|
101
86
|
? [value] : [].concat(childActiveItems, [value]));
|
102
87
|
}
|
103
88
|
};
|
104
|
-
|
105
89
|
(0, _react.useEffect)(function () {
|
106
90
|
setInnerActiveItems(formatArray(defaultActiveItems));
|
107
91
|
setChildActiveItems(defaultActiveItems);
|
108
92
|
}, []);
|
109
93
|
(0, _react.useEffect)(function () {
|
110
94
|
setActiveItems(props.activeItems === void 0 ? innerActiveItems : formatArray(props.activeItems));
|
111
|
-
|
112
95
|
if (children && props.activeItems) {
|
113
96
|
setChildActiveItems(props.activeItems);
|
114
97
|
}
|
@@ -145,7 +128,6 @@
|
|
145
128
|
})))));
|
146
129
|
});
|
147
130
|
}
|
148
|
-
|
149
131
|
var Group = componentGenerator(_collapse.Collapse);
|
150
132
|
_exports.Group = Group;
|
151
133
|
var _default = Group;
|
package/umd/collapse/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;
|
@@ -31,7 +30,6 @@
|
|
31
30
|
if (key in _exports && _exports[key] === _type[key]) return;
|
32
31
|
_exports[key] = _type[key];
|
33
32
|
});
|
34
|
-
|
35
33
|
/**
|
36
34
|
* 折叠面板组件,支持手风琴模式。
|
37
35
|
* @en Collapse supports accordion mode.
|
@@ -43,6 +41,5 @@
|
|
43
41
|
var _default = (0, _mobileUtils.componentWrapper)(_collapse.Collapse, {
|
44
42
|
Group: _group.default
|
45
43
|
});
|
46
|
-
|
47
44
|
_exports.default = _default;
|
48
45
|
});
|
package/umd/collapse/utils.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.defaultContextKey = _exports.allContexts = _exports.CollapseKeyContext = void 0;
|
20
19
|
_exports.getCollapseContext = getCollapseContext;
|
@@ -23,7 +22,6 @@
|
|
23
22
|
_exports.defaultContextKey = defaultContextKey;
|
24
23
|
var allContexts = {};
|
25
24
|
_exports.allContexts = allContexts;
|
26
|
-
|
27
25
|
function getCollapseContext(key) {
|
28
26
|
if (!allContexts[key]) {
|
29
27
|
allContexts[key] = /*#__PURE__*/_react.default.createContext({
|
@@ -32,13 +30,10 @@
|
|
32
30
|
onCollapse: function onCollapse() {}
|
33
31
|
});
|
34
32
|
}
|
35
|
-
|
36
33
|
return allContexts[key];
|
37
34
|
}
|
38
|
-
|
39
35
|
var CollapseKeyContext = /*#__PURE__*/_react.default.createContext({
|
40
36
|
key: defaultContextKey
|
41
37
|
});
|
42
|
-
|
43
38
|
_exports.CollapseKeyContext = CollapseKeyContext;
|
44
39
|
});
|
@@ -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.CompWithGlobalContext = CompWithGlobalContext;
|
20
19
|
_exports.GlobalContext = _exports.ContextLayout = void 0;
|
@@ -24,12 +23,9 @@
|
|
24
23
|
_objectWithoutPropertiesLoose2 = _interopRequireDefault(_objectWithoutPropertiesLoose2);
|
25
24
|
_react = _interopRequireWildcard(_react);
|
26
25
|
var _excluded = ["children", "useDarkMode", "isDarkMode", "theme", "locale"],
|
27
|
-
|
28
|
-
|
26
|
+
_excluded2 = ["context"];
|
29
27
|
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); }
|
30
|
-
|
31
28
|
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; }
|
32
|
-
|
33
29
|
var defaultContext = {
|
34
30
|
prefixCls: 'arco',
|
35
31
|
system: '',
|
@@ -40,7 +36,6 @@
|
|
40
36
|
_exports.defaultContext = defaultContext;
|
41
37
|
var GlobalContext = /*#__PURE__*/(0, _react.createContext)(defaultContext);
|
42
38
|
_exports.GlobalContext = GlobalContext;
|
43
|
-
|
44
39
|
/**
|
45
40
|
* 全局数据控制组件,用于替换全局数据。
|
46
41
|
* @en Global data control component, used to replace global data.
|
@@ -51,34 +46,29 @@
|
|
51
46
|
*/
|
52
47
|
function ContextProvider(props) {
|
53
48
|
var children = props.children,
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
49
|
+
useDarkMode = props.useDarkMode,
|
50
|
+
isDarkMode = props.isDarkMode,
|
51
|
+
theme = props.theme,
|
52
|
+
_props$locale = props.locale,
|
53
|
+
locale = _props$locale === void 0 ? _mobileUtils.defaultLocale : _props$locale,
|
54
|
+
restProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
61
55
|
var _useState = (0, _react.useState)(),
|
62
|
-
|
63
|
-
|
64
|
-
|
56
|
+
isDarkModeState = _useState[0],
|
57
|
+
setIsDarkModeState = _useState[1];
|
65
58
|
var changeDarkMode = (0, _react.useCallback)(function (res) {
|
66
59
|
return setIsDarkModeState(res.matches);
|
67
60
|
}, []);
|
68
61
|
(0, _react.useEffect)(function () {
|
69
62
|
var matchMedia = window.matchMedia('(prefers-color-scheme: dark)');
|
70
|
-
|
71
63
|
if (useDarkMode) {
|
72
64
|
var dark = matchMedia.matches;
|
73
65
|
setIsDarkModeState(dark);
|
74
|
-
|
75
66
|
if (typeof matchMedia.addEventListener === 'function') {
|
76
67
|
matchMedia.addEventListener('change', changeDarkMode);
|
77
68
|
} else if (typeof matchMedia.addListener === 'function') {
|
78
69
|
matchMedia.addListener(changeDarkMode);
|
79
70
|
}
|
80
71
|
}
|
81
|
-
|
82
72
|
return function () {
|
83
73
|
if (useDarkMode) {
|
84
74
|
if (typeof matchMedia.removeEventListener === 'function') {
|
@@ -93,7 +83,6 @@
|
|
93
83
|
if (!theme) {
|
94
84
|
return;
|
95
85
|
}
|
96
|
-
|
97
86
|
(0, _mobileUtils.addCssRules)('arcoCustomTheme', theme);
|
98
87
|
return function () {
|
99
88
|
(0, _mobileUtils.removeCssStyleDom)('arcoCustomTheme');
|
@@ -107,14 +96,12 @@
|
|
107
96
|
})
|
108
97
|
}, children);
|
109
98
|
}
|
110
|
-
|
111
99
|
var ContextLayout = GlobalContext.Consumer;
|
112
100
|
_exports.ContextLayout = ContextLayout;
|
113
|
-
|
114
101
|
function CompWithGlobalContext(Component) {
|
115
102
|
return function (props) {
|
116
103
|
var propsContext = props.context,
|
117
|
-
|
104
|
+
others = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
|
118
105
|
return /*#__PURE__*/_react.default.createElement(ContextLayout, null, function (context) {
|
119
106
|
return /*#__PURE__*/_react.default.createElement(ContextProvider, (0, _extends2.default)({}, context, propsContext), /*#__PURE__*/_react.default.createElement(Component, others));
|
120
107
|
});
|