@arco-design/mobile-react 2.25.3 → 2.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +124 -43
- package/cjs/_helpers/index.js +13 -2
- package/cjs/_helpers/react-dom.js +12 -0
- package/cjs/_helpers/render.js +12 -0
- package/cjs/action-sheet/index.d.ts +2 -2
- package/cjs/action-sheet/index.js +30 -10
- package/cjs/action-sheet/methods.js +2 -0
- package/cjs/action-sheet/style/css/index.js +2 -0
- package/cjs/action-sheet/style/index.js +2 -0
- package/cjs/avatar/group.js +24 -12
- package/cjs/avatar/index.js +77 -51
- package/cjs/avatar/style/css/index.js +2 -0
- package/cjs/avatar/style/index.js +2 -0
- package/cjs/badge/index.js +29 -18
- package/cjs/badge/style/css/index.js +1 -0
- package/cjs/badge/style/index.js +1 -0
- package/cjs/button/hooks.js +20 -15
- package/cjs/button/index.js +67 -46
- package/cjs/button/style/css/index.js +2 -0
- package/cjs/button/style/index.js +2 -0
- package/cjs/carousel/index.d.ts +6 -0
- package/cjs/carousel/index.js +342 -184
- package/cjs/carousel/style/css/index.css +50 -15
- package/cjs/carousel/style/css/index.js +1 -0
- package/cjs/carousel/style/index.js +1 -0
- package/cjs/carousel/style/index.less +19 -14
- package/cjs/cell/arrow.js +3 -0
- package/cjs/cell/cell.js +23 -14
- package/cjs/cell/demo/style/css/mobile.css +8 -0
- package/cjs/cell/demo/style/mobile.less +2 -2
- package/cjs/cell/group.js +21 -9
- package/cjs/cell/index.js +7 -1
- package/cjs/cell/style/css/index.css +16 -0
- package/cjs/cell/style/css/index.js +1 -0
- package/cjs/cell/style/index.js +1 -0
- package/cjs/cell/style/index.less +6 -4
- package/cjs/checkbox/checkbox.js +57 -31
- package/cjs/checkbox/group.js +38 -24
- package/cjs/checkbox/hooks/index.js +2 -0
- package/cjs/checkbox/hooks/useMergeProps.js +14 -7
- package/cjs/checkbox/index.js +8 -1
- package/cjs/checkbox/style/css/index.js +1 -0
- package/cjs/checkbox/style/index.js +1 -0
- package/cjs/checkbox/type.js +2 -0
- package/cjs/circle-progress/index.js +57 -37
- package/cjs/circle-progress/style/css/index.js +1 -0
- package/cjs/circle-progress/style/index.js +1 -0
- package/cjs/collapse/collapse.js +56 -27
- package/cjs/collapse/group.js +44 -20
- package/cjs/collapse/index.js +9 -0
- package/cjs/collapse/style/css/index.js +1 -0
- package/cjs/collapse/style/index.js +1 -0
- package/cjs/collapse/utils.js +7 -0
- package/cjs/context-provider/index.d.ts +6 -0
- package/cjs/context-provider/index.js +30 -11
- package/cjs/context-provider/style/css/index.js +1 -0
- package/cjs/context-provider/style/index.js +1 -0
- package/cjs/count-down/hooks.js +43 -24
- package/cjs/count-down/index.js +37 -29
- package/cjs/count-down/singleton.js +12 -2
- package/cjs/count-down/style/css/index.js +1 -0
- package/cjs/count-down/style/index.js +1 -0
- package/cjs/count-down/util.js +47 -33
- package/cjs/date-picker/helper.js +14 -7
- package/cjs/date-picker/index.js +106 -42
- package/cjs/date-picker/style/css/index.js +2 -0
- package/cjs/date-picker/style/index.js +2 -0
- package/cjs/dialog/index.d.ts +2 -2
- package/cjs/dialog/index.js +54 -28
- package/cjs/dialog/methods.js +22 -9
- package/cjs/dialog/style/css/index.js +2 -0
- package/cjs/dialog/style/index.js +2 -0
- package/cjs/divider/demo/style/css/mobile.css +7 -0
- package/cjs/divider/demo/style/mobile.less +12 -0
- package/cjs/divider/index.d.ts +49 -0
- package/cjs/divider/index.js +65 -0
- package/cjs/divider/style/css/index.css +69 -0
- package/cjs/divider/style/css/index.d.ts +2 -0
- package/cjs/divider/style/css/index.js +5 -0
- package/cjs/divider/style/index.d.ts +2 -0
- package/cjs/divider/style/index.js +5 -0
- package/cjs/divider/style/index.less +66 -0
- package/cjs/dropdown/dropdown.js +113 -74
- package/cjs/dropdown/index.js +8 -1
- package/cjs/dropdown/options.js +28 -12
- package/cjs/dropdown/style/css/index.js +1 -0
- package/cjs/dropdown/style/index.js +1 -0
- package/cjs/dropdown-menu/dropdown-menu.js +84 -49
- package/cjs/dropdown-menu/helper.js +27 -6
- package/cjs/dropdown-menu/index.js +6 -0
- package/cjs/dropdown-menu/style/css/index.js +2 -0
- package/cjs/dropdown-menu/style/index.js +2 -0
- package/cjs/ellipsis/components/js-ellipsis.js +72 -33
- package/cjs/ellipsis/components/native-ellipsis.js +15 -9
- package/cjs/ellipsis/index.js +32 -19
- package/cjs/ellipsis/style/css/index.js +1 -0
- package/cjs/ellipsis/style/index.js +1 -0
- package/cjs/ellipsis/type.d.ts +3 -3
- package/cjs/ellipsis/utils/dom.js +8 -0
- package/cjs/ellipsis/utils/is.js +5 -1
- package/cjs/form/form-item-context.js +5 -0
- package/cjs/form/form-item.js +124 -42
- package/cjs/form/index.js +35 -17
- package/cjs/form/style/css/index.js +1 -0
- package/cjs/form/style/index.js +1 -0
- package/cjs/form/type.js +3 -0
- package/cjs/form/useForm.js +76 -18
- package/cjs/form/utils.js +10 -3
- package/cjs/grid/index.js +41 -21
- package/cjs/grid/style/css/index.js +1 -0
- package/cjs/grid/style/index.js +1 -0
- package/cjs/icon/IconAdd/index.js +12 -5
- package/cjs/icon/IconArrowBack/index.js +12 -5
- package/cjs/icon/IconArrowDown/index.js +12 -5
- package/cjs/icon/IconArrowIn/index.js +12 -5
- package/cjs/icon/IconArrowUp/index.js +12 -5
- package/cjs/icon/IconCheck/index.js +12 -5
- package/cjs/icon/IconCheckBold/index.js +12 -5
- package/cjs/icon/IconCircleChecked/index.js +12 -5
- package/cjs/icon/IconCircleDisabled/index.js +12 -5
- package/cjs/icon/IconCircleUnchecked/index.js +12 -5
- package/cjs/icon/IconClear/index.js +12 -5
- package/cjs/icon/IconClose/index.js +12 -5
- package/cjs/icon/IconCloseBold/index.js +12 -5
- package/cjs/icon/IconDelete/index.js +12 -5
- package/cjs/icon/IconEdit/index.js +12 -5
- package/cjs/icon/IconErrorCircle/index.js +12 -5
- package/cjs/icon/IconEyeInvisible/index.js +12 -5
- package/cjs/icon/IconEyeVisible/index.js +12 -5
- package/cjs/icon/IconEyelashInvisible/index.js +12 -5
- package/cjs/icon/IconGift/index.js +12 -5
- package/cjs/icon/IconHeart/index.js +12 -5
- package/cjs/icon/IconHome/index.js +12 -5
- package/cjs/icon/IconLikeCircle/index.js +12 -5
- package/cjs/icon/IconMinus/index.js +12 -5
- package/cjs/icon/IconMore/index.js +12 -5
- package/cjs/icon/IconNotice/index.js +12 -5
- package/cjs/icon/IconNoticeOff/index.js +12 -5
- package/cjs/icon/IconPicture/index.js +12 -5
- package/cjs/icon/IconPlay/index.js +12 -5
- package/cjs/icon/IconQuestionCircle/index.js +12 -5
- package/cjs/icon/IconRefresh/index.js +12 -5
- package/cjs/icon/IconSad/index.js +12 -5
- package/cjs/icon/IconScan/index.js +12 -5
- package/cjs/icon/IconSearch/index.js +12 -5
- package/cjs/icon/IconSetting/index.js +12 -5
- package/cjs/icon/IconShop/index.js +12 -5
- package/cjs/icon/IconShopping/index.js +12 -5
- package/cjs/icon/IconSmileFill/index.js +12 -5
- package/cjs/icon/IconSound/index.js +12 -5
- package/cjs/icon/IconSquareChecked/index.js +12 -5
- package/cjs/icon/IconSquareDisabled/index.js +12 -5
- package/cjs/icon/IconSquareUnchecked/index.js +12 -5
- package/cjs/icon/IconStar/index.js +12 -5
- package/cjs/icon/IconStarFill/index.js +12 -5
- package/cjs/icon/IconStarHalf/index.js +12 -5
- package/cjs/icon/IconSubway/index.js +12 -5
- package/cjs/icon/IconSuccessCircle/index.js +12 -5
- package/cjs/icon/IconTriDown/index.js +12 -5
- package/cjs/icon/IconTriUp/index.js +12 -5
- package/cjs/icon/IconUpload/index.js +12 -5
- package/cjs/icon/IconUser/index.js +12 -5
- package/cjs/icon/IconUserFill/index.js +12 -5
- package/cjs/icon/IconWarnCircle/index.js +12 -5
- package/cjs/icon/IconWarnCircleFill/index.js +12 -5
- package/cjs/icon/index.js +111 -0
- package/cjs/image/index.js +92 -56
- package/cjs/image/style/css/index.css +1 -0
- package/cjs/image/style/css/index.js +2 -0
- package/cjs/image/style/index.js +2 -0
- package/cjs/image/style/index.less +1 -0
- package/cjs/image-picker/add-icon.js +3 -0
- package/cjs/image-picker/index.js +96 -52
- package/cjs/image-picker/style/css/index.js +2 -0
- package/cjs/image-picker/style/index.js +2 -0
- package/cjs/image-preview/index.d.ts +2 -2
- package/cjs/image-preview/index.js +239 -119
- package/cjs/image-preview/methods.js +18 -5
- package/cjs/image-preview/style/css/index.js +4 -0
- package/cjs/image-preview/style/index.js +4 -0
- package/cjs/index.d.ts +10 -9
- package/cjs/index.js +132 -19
- package/cjs/input/demo/style/css/mobile.css +5 -1
- package/cjs/input/demo/style/mobile.less +2 -2
- package/cjs/input/hooks.js +104 -42
- package/cjs/input/index.js +40 -26
- package/cjs/input/props.d.ts +6 -0
- package/cjs/input/style/css/index.css +9 -0
- package/cjs/input/style/css/index.js +1 -0
- package/cjs/input/style/index.js +1 -0
- package/cjs/input/style/index.less +2 -2
- package/cjs/load-more/index.js +56 -29
- package/cjs/load-more/style/css/index.js +1 -0
- package/cjs/load-more/style/index.js +1 -0
- package/cjs/loading/index.js +48 -19
- package/cjs/loading/style/css/index.js +1 -0
- package/cjs/loading/style/index.js +1 -0
- package/cjs/masking/index.d.ts +2 -2
- package/cjs/masking/index.js +79 -46
- package/cjs/masking/methods.js +19 -4
- package/cjs/masking/style/css/index.js +2 -0
- package/cjs/masking/style/index.js +2 -0
- package/cjs/nav-bar/back-icon.js +5 -1
- package/cjs/nav-bar/index.js +61 -37
- package/cjs/nav-bar/style/css/index.js +1 -0
- package/cjs/nav-bar/style/index.js +1 -0
- package/cjs/notice-bar/index.js +61 -33
- package/cjs/notice-bar/style/css/index.css +33 -0
- package/cjs/notice-bar/style/css/index.js +1 -0
- package/cjs/notice-bar/style/index.js +1 -0
- package/cjs/notice-bar/style/index.less +16 -3
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +49 -20
- package/cjs/notify/methods.js +17 -2
- package/cjs/notify/style/css/index.js +1 -0
- package/cjs/notify/style/index.js +1 -0
- package/cjs/pagination/arrow.js +3 -0
- package/cjs/pagination/index.js +58 -27
- package/cjs/pagination/style/css/index.js +1 -0
- package/cjs/pagination/style/index.js +1 -0
- package/cjs/picker/index.js +81 -40
- package/cjs/picker/style/css/index.js +3 -0
- package/cjs/picker/style/index.js +3 -0
- package/cjs/picker-view/components/cascader.js +31 -14
- package/cjs/picker-view/components/multi-picker.js +20 -6
- package/cjs/picker-view/components/picker-cell.js +97 -45
- package/cjs/picker-view/index.js +71 -25
- package/cjs/picker-view/style/css/index.js +1 -0
- package/cjs/picker-view/style/index.js +1 -0
- package/cjs/popover/hooks/index.js +4 -0
- package/cjs/popover/hooks/useEvent.js +49 -25
- package/cjs/popover/hooks/usePosition.js +151 -94
- package/cjs/popover/index.js +8 -1
- package/cjs/popover/menu.js +51 -32
- package/cjs/popover/popover-inner.js +47 -30
- package/cjs/popover/popover.js +101 -69
- package/cjs/popover/style/css/index.js +2 -0
- package/cjs/popover/style/index.js +2 -0
- package/cjs/popup/index.d.ts +2 -2
- package/cjs/popup/index.js +39 -22
- package/cjs/popup/methods.js +2 -0
- package/cjs/popup/style/css/index.js +2 -0
- package/cjs/popup/style/index.js +2 -0
- package/cjs/popup-swiper/index.d.ts +2 -2
- package/cjs/popup-swiper/index.js +80 -38
- package/cjs/popup-swiper/methods.js +2 -0
- package/cjs/popup-swiper/style/css/index.js +2 -0
- package/cjs/popup-swiper/style/index.js +2 -0
- package/cjs/portal/index.js +8 -3
- package/cjs/portal/style/css/index.js +1 -0
- package/cjs/portal/style/index.js +1 -0
- package/cjs/progress/index.js +44 -27
- package/cjs/progress/style/css/index.js +1 -0
- package/cjs/progress/style/index.js +1 -0
- package/cjs/pull-refresh/android-pull-refresh.js +100 -58
- package/cjs/pull-refresh/hooks.js +32 -11
- package/cjs/pull-refresh/index.js +14 -3
- package/cjs/pull-refresh/ios-pull-refresh.js +80 -53
- package/cjs/pull-refresh/model.js +1 -0
- package/cjs/pull-refresh/style/css/index.js +2 -0
- package/cjs/pull-refresh/style/index.js +2 -0
- package/cjs/radio/group.js +34 -20
- package/cjs/radio/index.js +8 -1
- package/cjs/radio/radio.js +10 -0
- package/cjs/radio/style/css/index.js +1 -0
- package/cjs/radio/style/index.js +1 -0
- package/cjs/rate/index.js +50 -24
- package/cjs/rate/style/css/index.js +1 -0
- package/cjs/rate/style/index.js +1 -0
- package/cjs/search-bar/association.js +32 -14
- package/cjs/search-bar/cancel-button.js +16 -8
- package/cjs/search-bar/highlight.js +25 -14
- package/cjs/search-bar/index.js +97 -77
- package/cjs/search-bar/style/css/index.css +1 -0
- package/cjs/search-bar/style/css/index.js +1 -0
- package/cjs/search-bar/style/index.js +1 -0
- package/cjs/search-bar/style/index.less +1 -0
- package/cjs/show-monitor/index.js +93 -34
- package/cjs/show-monitor/style/css/index.js +1 -0
- package/cjs/show-monitor/style/index.js +1 -0
- package/cjs/slider/hooks/index.js +13 -0
- package/cjs/slider/hooks/useSliderEvents.js +55 -26
- package/cjs/slider/hooks/useSliderIcon.js +20 -6
- package/cjs/slider/hooks/useSliderInit.js +52 -32
- package/cjs/slider/hooks/useSliderStyle.js +24 -12
- package/cjs/slider/index.js +72 -46
- package/cjs/slider/marks.js +26 -12
- package/cjs/slider/popover.js +13 -4
- package/cjs/slider/style/css/index.js +2 -0
- package/cjs/slider/style/index.js +2 -0
- package/cjs/slider/thumb.js +23 -8
- package/cjs/stepper/hooks/useButtonClick.js +28 -19
- package/cjs/stepper/hooks/useInputEvent.js +18 -9
- package/cjs/stepper/hooks/useValue.js +14 -9
- package/cjs/stepper/index.js +96 -82
- package/cjs/stepper/style/css/index.js +1 -0
- package/cjs/stepper/style/index.js +1 -0
- package/cjs/steps/index.js +40 -22
- package/cjs/steps/step.js +27 -10
- package/cjs/steps/style/css/index.js +1 -0
- package/cjs/steps/style/index.js +1 -0
- package/cjs/sticky/index.js +65 -36
- package/cjs/sticky/style/css/index.js +1 -0
- package/cjs/sticky/style/index.js +1 -0
- package/cjs/style.d.ts +9 -8
- package/cjs/style.js +64 -8
- package/cjs/swipe-action/index.js +92 -40
- package/cjs/swipe-action/item.js +17 -9
- package/cjs/swipe-action/style/css/index.js +1 -0
- package/cjs/swipe-action/style/index.js +1 -0
- package/cjs/swipe-load/index.js +83 -55
- package/cjs/swipe-load/style/css/index.js +1 -0
- package/cjs/swipe-load/style/index.js +1 -0
- package/cjs/switch/index.js +47 -27
- package/cjs/switch/style/css/index.js +1 -0
- package/cjs/switch/style/index.js +1 -0
- package/cjs/tab-bar/index.js +7 -0
- package/cjs/tab-bar/item.js +24 -6
- package/cjs/tab-bar/style/css/index.js +1 -0
- package/cjs/tab-bar/style/index.js +1 -0
- package/cjs/tab-bar/tab-bar.js +31 -15
- package/cjs/tabs/index.js +195 -129
- package/cjs/tabs/style/css/index.js +1 -0
- package/cjs/tabs/style/index.js +1 -0
- package/cjs/tabs/tab-cell-underline.js +111 -38
- package/cjs/tabs/tab-cell.js +124 -70
- package/cjs/tabs/tab-pane.js +94 -49
- package/cjs/tabs/type.d.ts +18 -2
- package/cjs/tag/index.js +8 -1
- package/cjs/tag/list.js +26 -11
- package/cjs/tag/style/css/index.js +1 -0
- package/cjs/tag/style/index.js +1 -0
- package/cjs/tag/tag.js +32 -20
- package/cjs/textarea/index.js +56 -35
- package/cjs/textarea/style/css/index.js +2 -0
- package/cjs/textarea/style/index.js +2 -0
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +61 -26
- package/cjs/toast/methods.js +16 -2
- package/cjs/toast/style/css/index.js +3 -0
- package/cjs/toast/style/index.js +3 -0
- package/cjs/transition/index.js +18 -10
- package/cjs/transition/style/css/index.js +1 -0
- package/cjs/transition/style/index.js +1 -0
- package/dist/index.js +21588 -19198
- package/dist/index.min.js +4 -4
- package/dist/style.css +3766 -3629
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +103 -42
- package/esm/_helpers/index.js +3 -2
- package/esm/_helpers/react-dom.js +10 -0
- package/esm/_helpers/render.js +7 -0
- package/esm/action-sheet/index.d.ts +2 -2
- package/esm/action-sheet/index.js +16 -10
- package/esm/avatar/group.js +16 -12
- package/esm/avatar/index.js +62 -51
- package/esm/badge/index.js +22 -18
- package/esm/button/hooks.js +18 -15
- package/esm/button/index.js +57 -46
- package/esm/carousel/index.d.ts +6 -0
- package/esm/carousel/index.js +336 -186
- package/esm/carousel/style/css/index.css +50 -15
- package/esm/carousel/style/index.less +19 -14
- package/esm/cell/cell.js +14 -14
- package/esm/cell/demo/style/css/mobile.css +8 -0
- package/esm/cell/demo/style/mobile.less +2 -2
- package/esm/cell/group.js +11 -9
- package/esm/cell/index.js +1 -1
- package/esm/cell/style/css/index.css +16 -0
- package/esm/cell/style/index.less +6 -4
- package/esm/checkbox/checkbox.js +42 -31
- package/esm/checkbox/group.js +28 -24
- package/esm/checkbox/hooks/useMergeProps.js +9 -7
- package/esm/checkbox/index.js +2 -2
- package/esm/checkbox/type.js +1 -0
- package/esm/circle-progress/index.js +49 -37
- package/esm/collapse/collapse.js +46 -27
- package/esm/collapse/group.js +34 -20
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +1 -0
- package/esm/context-provider/index.d.ts +6 -0
- package/esm/context-provider/index.js +20 -11
- package/esm/count-down/hooks.js +37 -24
- package/esm/count-down/index.js +29 -30
- package/esm/count-down/singleton.js +5 -2
- package/esm/count-down/util.js +42 -33
- package/esm/date-picker/helper.js +9 -7
- package/esm/date-picker/index.js +93 -42
- package/esm/dialog/index.d.ts +2 -2
- package/esm/dialog/index.js +39 -28
- package/esm/dialog/methods.js +11 -9
- package/esm/divider/demo/style/css/mobile.css +7 -0
- package/esm/divider/demo/style/mobile.less +12 -0
- package/esm/divider/index.d.ts +49 -0
- package/esm/divider/index.js +49 -0
- package/esm/divider/style/css/index.css +69 -0
- package/esm/divider/style/css/index.d.ts +2 -0
- package/esm/divider/style/css/index.js +2 -0
- package/esm/divider/style/index.d.ts +2 -0
- package/esm/divider/style/index.js +2 -0
- package/esm/divider/style/index.less +66 -0
- package/esm/dropdown/dropdown.js +102 -74
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +20 -12
- package/esm/dropdown-menu/dropdown-menu.js +74 -49
- package/esm/dropdown-menu/helper.js +16 -6
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +63 -33
- package/esm/ellipsis/components/native-ellipsis.js +11 -9
- package/esm/ellipsis/index.js +21 -20
- package/esm/ellipsis/type.d.ts +3 -3
- package/esm/ellipsis/utils/dom.js +7 -0
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item.js +110 -42
- package/esm/form/index.js +20 -17
- package/esm/form/type.js +3 -0
- package/esm/form/useForm.js +71 -17
- package/esm/form/utils.js +6 -3
- package/esm/grid/index.js +34 -21
- package/esm/icon/IconAdd/index.js +6 -5
- package/esm/icon/IconArrowBack/index.js +6 -5
- package/esm/icon/IconArrowDown/index.js +6 -5
- package/esm/icon/IconArrowIn/index.js +6 -5
- package/esm/icon/IconArrowUp/index.js +6 -5
- package/esm/icon/IconCheck/index.js +6 -5
- package/esm/icon/IconCheckBold/index.js +6 -5
- package/esm/icon/IconCircleChecked/index.js +6 -5
- package/esm/icon/IconCircleDisabled/index.js +6 -5
- package/esm/icon/IconCircleUnchecked/index.js +6 -5
- package/esm/icon/IconClear/index.js +6 -5
- package/esm/icon/IconClose/index.js +6 -5
- package/esm/icon/IconCloseBold/index.js +6 -5
- package/esm/icon/IconDelete/index.js +6 -5
- package/esm/icon/IconEdit/index.js +6 -5
- package/esm/icon/IconErrorCircle/index.js +6 -5
- package/esm/icon/IconEyeInvisible/index.js +6 -5
- package/esm/icon/IconEyeVisible/index.js +6 -5
- package/esm/icon/IconEyelashInvisible/index.js +6 -5
- package/esm/icon/IconGift/index.js +6 -5
- package/esm/icon/IconHeart/index.js +6 -5
- package/esm/icon/IconHome/index.js +6 -5
- package/esm/icon/IconLikeCircle/index.js +6 -5
- package/esm/icon/IconMinus/index.js +6 -5
- package/esm/icon/IconMore/index.js +6 -5
- package/esm/icon/IconNotice/index.js +6 -5
- package/esm/icon/IconNoticeOff/index.js +6 -5
- package/esm/icon/IconPicture/index.js +6 -5
- package/esm/icon/IconPlay/index.js +6 -5
- package/esm/icon/IconQuestionCircle/index.js +6 -5
- package/esm/icon/IconRefresh/index.js +6 -5
- package/esm/icon/IconSad/index.js +6 -5
- package/esm/icon/IconScan/index.js +6 -5
- package/esm/icon/IconSearch/index.js +6 -5
- package/esm/icon/IconSetting/index.js +6 -5
- package/esm/icon/IconShop/index.js +6 -5
- package/esm/icon/IconShopping/index.js +6 -5
- package/esm/icon/IconSmileFill/index.js +6 -5
- package/esm/icon/IconSound/index.js +6 -5
- package/esm/icon/IconSquareChecked/index.js +6 -5
- package/esm/icon/IconSquareDisabled/index.js +6 -5
- package/esm/icon/IconSquareUnchecked/index.js +6 -5
- package/esm/icon/IconStar/index.js +6 -5
- package/esm/icon/IconStarFill/index.js +6 -5
- package/esm/icon/IconStarHalf/index.js +6 -5
- package/esm/icon/IconSubway/index.js +6 -5
- package/esm/icon/IconSuccessCircle/index.js +6 -5
- package/esm/icon/IconTriDown/index.js +6 -5
- package/esm/icon/IconTriUp/index.js +6 -5
- package/esm/icon/IconUpload/index.js +6 -5
- package/esm/icon/IconUser/index.js +6 -5
- package/esm/icon/IconUserFill/index.js +6 -5
- package/esm/icon/IconWarnCircle/index.js +6 -5
- package/esm/icon/IconWarnCircleFill/index.js +6 -5
- package/esm/image/index.js +84 -57
- package/esm/image/style/css/index.css +1 -0
- package/esm/image/style/index.less +1 -0
- package/esm/image-picker/index.js +80 -52
- package/esm/image-preview/index.d.ts +2 -2
- package/esm/image-preview/index.js +217 -119
- package/esm/image-preview/methods.js +14 -4
- package/esm/index.d.ts +10 -9
- package/esm/index.js +10 -9
- package/esm/input/demo/style/css/mobile.css +5 -1
- package/esm/input/demo/style/mobile.less +2 -2
- package/esm/input/hooks.js +96 -42
- package/esm/input/index.js +30 -26
- package/esm/input/props.d.ts +6 -0
- package/esm/input/style/css/index.css +9 -0
- package/esm/input/style/index.less +2 -2
- package/esm/load-more/index.js +48 -29
- package/esm/loading/index.js +40 -19
- package/esm/masking/index.d.ts +2 -2
- package/esm/masking/index.js +64 -46
- package/esm/masking/methods.js +15 -4
- package/esm/nav-bar/back-icon.js +3 -1
- package/esm/nav-bar/index.js +52 -37
- package/esm/notice-bar/index.js +56 -35
- package/esm/notice-bar/style/css/index.css +33 -0
- package/esm/notice-bar/style/index.less +16 -3
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +33 -20
- package/esm/notify/methods.js +13 -2
- package/esm/pagination/index.js +50 -27
- package/esm/picker/index.js +66 -40
- package/esm/picker-view/components/cascader.js +23 -14
- package/esm/picker-view/components/multi-picker.js +16 -6
- package/esm/picker-view/components/picker-cell.js +89 -45
- package/esm/picker-view/index.js +54 -25
- package/esm/popover/hooks/useEvent.js +41 -26
- package/esm/popover/hooks/usePosition.js +144 -94
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +41 -32
- package/esm/popover/popover-inner.js +38 -30
- package/esm/popover/popover.js +90 -69
- package/esm/popup/index.d.ts +2 -2
- package/esm/popup/index.js +25 -22
- package/esm/popup-swiper/index.d.ts +2 -2
- package/esm/popup-swiper/index.js +64 -38
- package/esm/portal/index.js +5 -3
- package/esm/progress/index.js +36 -27
- package/esm/pull-refresh/android-pull-refresh.js +90 -58
- package/esm/pull-refresh/hooks.js +23 -11
- package/esm/pull-refresh/index.js +5 -3
- package/esm/pull-refresh/ios-pull-refresh.js +68 -53
- package/esm/pull-refresh/model.js +1 -0
- package/esm/radio/group.js +24 -20
- package/esm/radio/index.js +2 -2
- package/esm/rate/index.js +39 -24
- package/esm/search-bar/association.js +27 -14
- package/esm/search-bar/cancel-button.js +11 -8
- package/esm/search-bar/highlight.js +20 -14
- package/esm/search-bar/index.js +86 -77
- package/esm/search-bar/style/css/index.css +1 -0
- package/esm/search-bar/style/index.less +1 -0
- package/esm/show-monitor/index.js +85 -34
- package/esm/slider/hooks/useSliderEvents.js +51 -26
- package/esm/slider/hooks/useSliderIcon.js +13 -6
- package/esm/slider/hooks/useSliderInit.js +46 -32
- package/esm/slider/hooks/useSliderStyle.js +20 -12
- package/esm/slider/index.js +62 -46
- package/esm/slider/marks.js +18 -12
- package/esm/slider/popover.js +6 -4
- package/esm/slider/thumb.js +15 -8
- package/esm/stepper/hooks/useButtonClick.js +27 -19
- package/esm/stepper/hooks/useInputEvent.js +16 -9
- package/esm/stepper/hooks/useValue.js +12 -9
- package/esm/stepper/index.js +82 -82
- package/esm/steps/index.js +27 -22
- package/esm/steps/step.js +19 -10
- package/esm/sticky/index.js +56 -36
- package/esm/style.d.ts +9 -8
- package/esm/style.js +9 -8
- package/esm/swipe-action/index.js +80 -40
- package/esm/swipe-action/item.js +12 -9
- package/esm/swipe-load/index.js +75 -56
- package/esm/switch/index.js +39 -27
- package/esm/tab-bar/index.js +1 -0
- package/esm/tab-bar/item.js +13 -6
- package/esm/tab-bar/tab-bar.js +21 -15
- package/esm/tabs/index.js +183 -130
- package/esm/tabs/tab-cell-underline.js +103 -38
- package/esm/tabs/tab-cell.js +114 -70
- package/esm/tabs/tab-pane.js +85 -49
- package/esm/tabs/type.d.ts +18 -2
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +16 -11
- package/esm/tag/tag.js +22 -20
- package/esm/textarea/index.js +46 -35
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +42 -26
- package/esm/toast/methods.js +12 -2
- package/esm/transition/index.js +12 -10
- package/package.json +3 -3
- package/tokens/app/arcodesign/default/css-variables.less +22 -0
- package/tokens/app/arcodesign/default/index.d.ts +22 -0
- package/tokens/app/arcodesign/default/index.js +25 -1
- package/tokens/app/arcodesign/default/index.json +262 -0
- package/tokens/app/arcodesign/default/index.less +22 -0
- package/tokens/mixin/index.less +19 -1
- package/umd/_helpers/hooks.js +121 -43
- package/umd/_helpers/index.js +6 -2
- package/umd/_helpers/react-dom.js +11 -0
- package/umd/_helpers/render.js +9 -0
- package/umd/action-sheet/index.d.ts +2 -2
- package/umd/action-sheet/index.js +22 -10
- package/umd/action-sheet/methods.js +1 -0
- package/umd/avatar/group.js +20 -12
- package/umd/avatar/index.js +68 -51
- package/umd/badge/index.js +25 -18
- package/umd/button/hooks.js +19 -15
- package/umd/button/index.js +60 -46
- package/umd/carousel/index.d.ts +6 -0
- package/umd/carousel/index.js +337 -184
- package/umd/carousel/style/css/index.css +50 -15
- package/umd/carousel/style/index.less +19 -14
- package/umd/cell/arrow.js +2 -0
- package/umd/cell/cell.js +18 -14
- package/umd/cell/demo/style/css/mobile.css +8 -0
- package/umd/cell/demo/style/mobile.less +2 -2
- package/umd/cell/group.js +17 -9
- package/umd/cell/index.js +2 -1
- package/umd/cell/style/css/index.css +16 -0
- package/umd/cell/style/index.less +6 -4
- package/umd/checkbox/checkbox.js +45 -31
- package/umd/checkbox/group.js +34 -24
- package/umd/checkbox/hooks/useMergeProps.js +12 -7
- package/umd/checkbox/index.js +3 -1
- package/umd/checkbox/type.js +2 -0
- package/umd/circle-progress/index.js +52 -37
- package/umd/collapse/collapse.js +50 -27
- package/umd/collapse/group.js +38 -20
- package/umd/collapse/index.js +3 -0
- package/umd/collapse/utils.js +5 -0
- package/umd/context-provider/index.d.ts +6 -0
- package/umd/context-provider/index.js +25 -11
- package/umd/count-down/hooks.js +39 -24
- package/umd/count-down/index.js +31 -29
- package/umd/count-down/singleton.js +10 -2
- package/umd/count-down/util.js +47 -33
- package/umd/date-picker/helper.js +13 -7
- package/umd/date-picker/index.js +97 -42
- package/umd/dialog/index.d.ts +2 -2
- package/umd/dialog/index.js +44 -28
- package/umd/dialog/methods.js +18 -9
- package/umd/divider/demo/style/css/mobile.css +7 -0
- package/umd/divider/demo/style/mobile.less +12 -0
- package/umd/divider/index.d.ts +49 -0
- package/umd/divider/index.js +71 -0
- package/umd/divider/style/css/index.css +69 -0
- package/umd/divider/style/css/index.d.ts +2 -0
- package/umd/divider/style/css/index.js +15 -0
- package/umd/divider/style/index.d.ts +2 -0
- package/umd/divider/style/index.js +15 -0
- package/umd/divider/style/index.less +66 -0
- package/umd/dropdown/dropdown.js +106 -74
- package/umd/dropdown/index.js +3 -1
- package/umd/dropdown/options.js +24 -12
- package/umd/dropdown-menu/dropdown-menu.js +78 -49
- package/umd/dropdown-menu/helper.js +25 -6
- package/umd/dropdown-menu/index.js +2 -0
- package/umd/ellipsis/components/js-ellipsis.js +69 -33
- package/umd/ellipsis/components/native-ellipsis.js +13 -9
- package/umd/ellipsis/index.js +24 -19
- package/umd/ellipsis/type.d.ts +3 -3
- package/umd/ellipsis/utils/dom.js +8 -0
- package/umd/ellipsis/utils/is.js +5 -1
- package/umd/form/form-item-context.js +3 -0
- package/umd/form/form-item.js +114 -42
- package/umd/form/index.js +25 -17
- package/umd/form/type.js +3 -0
- package/umd/form/useForm.js +72 -18
- package/umd/form/utils.js +10 -3
- package/umd/grid/index.js +37 -21
- package/umd/icon/IconAdd/index.js +7 -5
- package/umd/icon/IconArrowBack/index.js +7 -5
- package/umd/icon/IconArrowDown/index.js +7 -5
- package/umd/icon/IconArrowIn/index.js +7 -5
- package/umd/icon/IconArrowUp/index.js +7 -5
- package/umd/icon/IconCheck/index.js +7 -5
- package/umd/icon/IconCheckBold/index.js +7 -5
- package/umd/icon/IconCircleChecked/index.js +7 -5
- package/umd/icon/IconCircleDisabled/index.js +7 -5
- package/umd/icon/IconCircleUnchecked/index.js +7 -5
- package/umd/icon/IconClear/index.js +7 -5
- package/umd/icon/IconClose/index.js +7 -5
- package/umd/icon/IconCloseBold/index.js +7 -5
- package/umd/icon/IconDelete/index.js +7 -5
- package/umd/icon/IconEdit/index.js +7 -5
- package/umd/icon/IconErrorCircle/index.js +7 -5
- package/umd/icon/IconEyeInvisible/index.js +7 -5
- package/umd/icon/IconEyeVisible/index.js +7 -5
- package/umd/icon/IconEyelashInvisible/index.js +7 -5
- package/umd/icon/IconGift/index.js +7 -5
- package/umd/icon/IconHeart/index.js +7 -5
- package/umd/icon/IconHome/index.js +7 -5
- package/umd/icon/IconLikeCircle/index.js +7 -5
- package/umd/icon/IconMinus/index.js +7 -5
- package/umd/icon/IconMore/index.js +7 -5
- package/umd/icon/IconNotice/index.js +7 -5
- package/umd/icon/IconNoticeOff/index.js +7 -5
- package/umd/icon/IconPicture/index.js +7 -5
- package/umd/icon/IconPlay/index.js +7 -5
- package/umd/icon/IconQuestionCircle/index.js +7 -5
- package/umd/icon/IconRefresh/index.js +7 -5
- package/umd/icon/IconSad/index.js +7 -5
- package/umd/icon/IconScan/index.js +7 -5
- package/umd/icon/IconSearch/index.js +7 -5
- package/umd/icon/IconSetting/index.js +7 -5
- package/umd/icon/IconShop/index.js +7 -5
- package/umd/icon/IconShopping/index.js +7 -5
- package/umd/icon/IconSmileFill/index.js +7 -5
- package/umd/icon/IconSound/index.js +7 -5
- package/umd/icon/IconSquareChecked/index.js +7 -5
- package/umd/icon/IconSquareDisabled/index.js +7 -5
- package/umd/icon/IconSquareUnchecked/index.js +7 -5
- package/umd/icon/IconStar/index.js +7 -5
- package/umd/icon/IconStarFill/index.js +7 -5
- package/umd/icon/IconStarHalf/index.js +7 -5
- package/umd/icon/IconSubway/index.js +7 -5
- package/umd/icon/IconSuccessCircle/index.js +7 -5
- package/umd/icon/IconTriDown/index.js +7 -5
- package/umd/icon/IconTriUp/index.js +7 -5
- package/umd/icon/IconUpload/index.js +7 -5
- package/umd/icon/IconUser/index.js +7 -5
- package/umd/icon/IconUserFill/index.js +7 -5
- package/umd/icon/IconWarnCircle/index.js +7 -5
- package/umd/icon/IconWarnCircleFill/index.js +7 -5
- package/umd/icon/index.js +1 -0
- package/umd/image/index.js +86 -56
- package/umd/image/style/css/index.css +1 -0
- package/umd/image/style/index.less +1 -0
- package/umd/image-picker/add-icon.js +2 -0
- package/umd/image-picker/index.js +85 -52
- package/umd/image-preview/index.d.ts +2 -2
- package/umd/image-preview/index.js +224 -119
- package/umd/image-preview/methods.js +15 -5
- package/umd/index.d.ts +10 -9
- package/umd/index.js +26 -23
- package/umd/input/demo/style/css/mobile.css +5 -1
- package/umd/input/demo/style/mobile.less +2 -2
- package/umd/input/hooks.js +100 -42
- package/umd/input/index.js +35 -26
- package/umd/input/props.d.ts +6 -0
- package/umd/input/style/css/index.css +9 -0
- package/umd/input/style/index.less +2 -2
- package/umd/load-more/index.js +51 -29
- package/umd/loading/index.js +43 -19
- package/umd/masking/index.d.ts +2 -2
- package/umd/masking/index.js +71 -46
- package/umd/masking/methods.js +16 -4
- package/umd/nav-bar/back-icon.js +4 -1
- package/umd/nav-bar/index.js +55 -37
- package/umd/notice-bar/index.js +57 -33
- package/umd/notice-bar/style/css/index.css +33 -0
- package/umd/notice-bar/style/index.less +16 -3
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +40 -20
- package/umd/notify/methods.js +14 -2
- package/umd/pagination/arrow.js +2 -0
- package/umd/pagination/index.js +53 -27
- package/umd/picker/index.js +70 -40
- package/umd/picker-view/components/cascader.js +27 -14
- package/umd/picker-view/components/multi-picker.js +19 -6
- package/umd/picker-view/components/picker-cell.js +93 -45
- package/umd/picker-view/index.js +58 -25
- package/umd/popover/hooks/useEvent.js +44 -25
- package/umd/popover/hooks/usePosition.js +145 -94
- package/umd/popover/index.js +3 -1
- package/umd/popover/menu.js +45 -32
- package/umd/popover/popover-inner.js +42 -30
- package/umd/popover/popover.js +94 -69
- package/umd/popup/index.d.ts +2 -2
- package/umd/popup/index.js +31 -22
- package/umd/popup/methods.js +1 -0
- package/umd/popup-swiper/index.d.ts +2 -2
- package/umd/popup-swiper/index.js +71 -38
- package/umd/popup-swiper/methods.js +1 -0
- package/umd/portal/index.js +6 -3
- package/umd/progress/index.js +39 -27
- package/umd/pull-refresh/android-pull-refresh.js +93 -58
- package/umd/pull-refresh/hooks.js +29 -11
- package/umd/pull-refresh/index.js +7 -3
- package/umd/pull-refresh/ios-pull-refresh.js +72 -53
- package/umd/pull-refresh/model.js +1 -0
- package/umd/radio/group.js +30 -20
- package/umd/radio/index.js +3 -1
- package/umd/radio/radio.js +5 -0
- package/umd/rate/index.js +44 -24
- package/umd/search-bar/association.js +29 -14
- package/umd/search-bar/cancel-button.js +14 -8
- package/umd/search-bar/highlight.js +21 -14
- package/umd/search-bar/index.js +87 -77
- package/umd/search-bar/style/css/index.css +1 -0
- package/umd/search-bar/style/index.less +1 -0
- package/umd/show-monitor/index.js +89 -34
- package/umd/slider/hooks/index.js +4 -0
- package/umd/slider/hooks/useSliderEvents.js +52 -26
- package/umd/slider/hooks/useSliderIcon.js +17 -6
- package/umd/slider/hooks/useSliderInit.js +50 -32
- package/umd/slider/hooks/useSliderStyle.js +22 -12
- package/umd/slider/index.js +65 -46
- package/umd/slider/marks.js +21 -12
- package/umd/slider/popover.js +10 -4
- package/umd/slider/thumb.js +18 -8
- package/umd/stepper/hooks/useButtonClick.js +27 -19
- package/umd/stepper/hooks/useInputEvent.js +17 -9
- package/umd/stepper/hooks/useValue.js +13 -9
- package/umd/stepper/index.js +87 -82
- package/umd/steps/index.js +32 -22
- package/umd/steps/step.js +22 -10
- package/umd/sticky/index.js +59 -36
- package/umd/style.d.ts +9 -8
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +84 -40
- package/umd/swipe-action/item.js +14 -9
- package/umd/swipe-load/index.js +77 -55
- package/umd/switch/index.js +43 -27
- package/umd/tab-bar/index.js +2 -0
- package/umd/tab-bar/item.js +19 -6
- package/umd/tab-bar/tab-bar.js +26 -15
- package/umd/tabs/index.js +186 -129
- package/umd/tabs/tab-cell-underline.js +107 -38
- package/umd/tabs/tab-cell.js +119 -70
- package/umd/tabs/tab-pane.js +89 -49
- package/umd/tabs/type.d.ts +18 -2
- package/umd/tag/index.js +3 -1
- package/umd/tag/list.js +20 -11
- package/umd/tag/tag.js +26 -20
- package/umd/textarea/index.js +51 -35
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +49 -26
- package/umd/toast/methods.js +13 -2
- package/umd/transition/index.js +12 -10
package/cjs/checkbox/checkbox.js
CHANGED
@@ -1,22 +1,38 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
4
5
|
exports.__esModule = true;
|
5
6
|
exports.Checkbox = void 0;
|
7
|
+
|
6
8
|
var _react = _interopRequireWildcard(require("react"));
|
9
|
+
|
7
10
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
11
|
+
|
8
12
|
var _contextProvider = require("../context-provider");
|
13
|
+
|
9
14
|
var _IconCircleUnchecked = _interopRequireDefault(require("../icon/IconCircleUnchecked"));
|
15
|
+
|
10
16
|
var _IconCircleChecked = _interopRequireDefault(require("../icon/IconCircleChecked"));
|
17
|
+
|
11
18
|
var _IconCircleDisabled = _interopRequireDefault(require("../icon/IconCircleDisabled"));
|
19
|
+
|
12
20
|
var _IconSquareChecked = _interopRequireDefault(require("../icon/IconSquareChecked"));
|
21
|
+
|
13
22
|
var _IconSquareUnchecked = _interopRequireDefault(require("../icon/IconSquareUnchecked"));
|
23
|
+
|
14
24
|
var _IconSquareDisabled = _interopRequireDefault(require("../icon/IconSquareDisabled"));
|
25
|
+
|
15
26
|
var _group = require("./group");
|
27
|
+
|
16
28
|
var _type = require("./type");
|
29
|
+
|
17
30
|
var _hooks = require("./hooks");
|
31
|
+
|
18
32
|
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); }
|
33
|
+
|
19
34
|
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; }
|
35
|
+
|
20
36
|
var getDefaultIcon = function getDefaultIcon(shape, status) {
|
21
37
|
var defaultIcons = {
|
22
38
|
circle: {
|
@@ -40,35 +56,39 @@ var getDefaultIcon = function getDefaultIcon(shape, status) {
|
|
40
56
|
};
|
41
57
|
return defaultIcons[shape][status];
|
42
58
|
};
|
59
|
+
|
43
60
|
var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
44
61
|
var _useMergeProps = (0, _hooks.useMergeProps)(props, _group.CheckboxGroupContext),
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
62
|
+
_useMergeProps$style = _useMergeProps.style,
|
63
|
+
style = _useMergeProps$style === void 0 ? {} : _useMergeProps$style,
|
64
|
+
_useMergeProps$classN = _useMergeProps.className,
|
65
|
+
className = _useMergeProps$classN === void 0 ? '' : _useMergeProps$classN,
|
66
|
+
_useMergeProps$childr = _useMergeProps.children,
|
67
|
+
children = _useMergeProps$childr === void 0 ? null : _useMergeProps$childr,
|
68
|
+
_useMergeProps$label = _useMergeProps.label,
|
69
|
+
label = _useMergeProps$label === void 0 ? '' : _useMergeProps$label,
|
70
|
+
_useMergeProps$layout = _useMergeProps.layout,
|
71
|
+
layout = _useMergeProps$layout === void 0 ? 'inline' : _useMergeProps$layout,
|
72
|
+
value = _useMergeProps.value,
|
73
|
+
_useMergeProps$defaul = _useMergeProps.defaultCheck,
|
74
|
+
defaultCheck = _useMergeProps$defaul === void 0 ? false : _useMergeProps$defaul,
|
75
|
+
_useMergeProps$disabl = _useMergeProps.disabled,
|
76
|
+
disabled = _useMergeProps$disabl === void 0 ? false : _useMergeProps$disabl,
|
77
|
+
_useMergeProps$shape = _useMergeProps.shape,
|
78
|
+
shape = _useMergeProps$shape === void 0 ? 'circle' : _useMergeProps$shape,
|
79
|
+
icons = _useMergeProps.icons,
|
80
|
+
_useMergeProps$isRadi = _useMergeProps.isRadio,
|
81
|
+
isRadio = _useMergeProps$isRadi === void 0 ? false : _useMergeProps$isRadi,
|
82
|
+
propsChecked = _useMergeProps.checked,
|
83
|
+
onChange = _useMergeProps.onChange;
|
84
|
+
|
67
85
|
var _useState = (0, _react.useState)(propsChecked === void 0 ? defaultCheck : propsChecked),
|
68
|
-
|
69
|
-
|
86
|
+
checked = _useState[0],
|
87
|
+
setChecked = _useState[1];
|
88
|
+
|
70
89
|
var _useState2 = (0, _react.useState)(isRadio ? 'radio' : 'checkbox'),
|
71
|
-
|
90
|
+
componentName = _useState2[0];
|
91
|
+
|
72
92
|
var domRef = (0, _react.useRef)(null);
|
73
93
|
(0, _react.useImperativeHandle)(ref, function () {
|
74
94
|
return {
|
@@ -78,27 +98,30 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
78
98
|
(0, _react.useEffect)(function () {
|
79
99
|
if (propsChecked !== void 0) setChecked(Boolean(propsChecked));
|
80
100
|
}, [propsChecked]);
|
81
|
-
|
82
101
|
/**
|
83
102
|
* 获得图标样式
|
84
103
|
* @en Get icon style
|
85
104
|
*/
|
105
|
+
|
86
106
|
var getStatus = function getStatus() {
|
87
107
|
if (checked) {
|
88
108
|
if (disabled) return _type.IconStatus.ACTIVE_DISABLED;
|
89
109
|
return _type.IconStatus.ACTIVE;
|
90
110
|
}
|
111
|
+
|
91
112
|
if (disabled) return _type.IconStatus.DISABLED;
|
92
113
|
return _type.IconStatus.NORMAL;
|
93
114
|
};
|
94
|
-
|
95
115
|
/**
|
96
116
|
* 计算展示的icon
|
97
117
|
* @en Calculate the displayed icon
|
98
118
|
*/
|
119
|
+
|
120
|
+
|
99
121
|
var renderIcon = function renderIcon() {
|
100
122
|
var Icon;
|
101
123
|
var iconKey = getStatus();
|
124
|
+
|
102
125
|
if (icons && icons[iconKey] !== void 0) {
|
103
126
|
Icon = icons[iconKey];
|
104
127
|
} else if (icons === null) {
|
@@ -106,6 +129,7 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
106
129
|
} else {
|
107
130
|
Icon = layout === 'justify' ? getDefaultIcon('justify', iconKey) : getDefaultIcon(shape, iconKey);
|
108
131
|
}
|
132
|
+
|
109
133
|
return Icon ? /*#__PURE__*/_react.default.createElement("div", {
|
110
134
|
className: (0, _mobileUtils.cls)(componentName + "-icon", {
|
111
135
|
disabled: disabled,
|
@@ -113,22 +137,24 @@ var Checkbox = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
113
137
|
})
|
114
138
|
}, Icon) : null;
|
115
139
|
};
|
116
|
-
|
117
140
|
/**
|
118
141
|
* 处理点击事件
|
119
142
|
* @en Handling click events
|
120
143
|
*/
|
121
|
-
var onClick = function onClick(e) {
|
122
|
-
if (disabled) return;
|
123
144
|
|
124
|
-
|
145
|
+
|
146
|
+
var onClick = function onClick(e) {
|
147
|
+
if (disabled) return; // Radio组件不支持点击取消选中
|
125
148
|
// @en Radio component does not support click to uncheck
|
149
|
+
|
126
150
|
if (isRadio && checked) return;
|
127
151
|
onChange && onChange(!checked, value, e);
|
152
|
+
|
128
153
|
if (propsChecked === void 0) {
|
129
154
|
setChecked(!checked);
|
130
155
|
}
|
131
156
|
};
|
157
|
+
|
132
158
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
133
159
|
var prefixCls = _ref.prefixCls;
|
134
160
|
return /*#__PURE__*/_react.default.createElement("div", {
|
package/cjs/checkbox/group.js
CHANGED
@@ -1,15 +1,23 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
4
5
|
exports.__esModule = true;
|
5
6
|
exports.CheckboxGroupContext = void 0;
|
6
7
|
exports.componentGenerator = componentGenerator;
|
8
|
+
|
7
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
10
|
+
|
8
11
|
var _react = _interopRequireWildcard(require("react"));
|
12
|
+
|
9
13
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
14
|
+
|
10
15
|
var _contextProvider = require("../context-provider");
|
16
|
+
|
11
17
|
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); }
|
18
|
+
|
12
19
|
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; }
|
20
|
+
|
13
21
|
var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({
|
14
22
|
isGroup: false,
|
15
23
|
shape: 'circle',
|
@@ -18,34 +26,38 @@ var CheckboxGroupContext = /*#__PURE__*/_react.default.createContext({
|
|
18
26
|
value: [],
|
19
27
|
onChange: function onChange() {}
|
20
28
|
});
|
29
|
+
|
21
30
|
exports.CheckboxGroupContext = CheckboxGroupContext;
|
31
|
+
|
22
32
|
function componentGenerator(Comp) {
|
23
33
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
24
34
|
var _props$style = props.style,
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
35
|
+
style = _props$style === void 0 ? {} : _props$style,
|
36
|
+
_props$className = props.className,
|
37
|
+
className = _props$className === void 0 ? '' : _props$className,
|
38
|
+
_props$defaultValue = props.defaultValue,
|
39
|
+
defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
|
40
|
+
_props$disabled = props.disabled,
|
41
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
42
|
+
_props$shape = props.shape,
|
43
|
+
shape = _props$shape === void 0 ? 'circle' : _props$shape,
|
44
|
+
options = props.options,
|
45
|
+
icons = props.icons,
|
46
|
+
onChange = props.onChange,
|
47
|
+
value = props.value,
|
48
|
+
_props$children = props.children,
|
49
|
+
children = _props$children === void 0 ? null : _props$children,
|
50
|
+
_props$layout = props.layout,
|
51
|
+
layout = _props$layout === void 0 ? 'inline' : _props$layout,
|
52
|
+
_props$min = props.min,
|
53
|
+
min = _props$min === void 0 ? 0 : _props$min,
|
54
|
+
_props$max = props.max,
|
55
|
+
max = _props$max === void 0 ? 0 : _props$max;
|
56
|
+
|
46
57
|
var _useState = (0, _react.useState)(value || defaultValue),
|
47
|
-
|
48
|
-
|
58
|
+
groupValue = _useState[0],
|
59
|
+
setGroupValue = _useState[1];
|
60
|
+
|
49
61
|
var domRef = (0, _react.useRef)(null);
|
50
62
|
(0, _react.useImperativeHandle)(ref, function () {
|
51
63
|
return {
|
@@ -55,21 +67,23 @@ function componentGenerator(Comp) {
|
|
55
67
|
(0, _react.useEffect)(function () {
|
56
68
|
value !== void 0 && setGroupValue(value);
|
57
69
|
}, [value]);
|
58
|
-
|
59
70
|
/**
|
60
71
|
* 切换checkbox状态回调
|
61
72
|
* @en callback when toggling checkbox state
|
62
73
|
*/
|
74
|
+
|
63
75
|
var handleChange = function handleChange(checked, val) {
|
64
76
|
if (!checked && groupValue.length <= min || max && checked && groupValue.length >= max) return;
|
65
77
|
var newGroupValue = checked ? [].concat(groupValue, [val]) : groupValue.filter(function (item) {
|
66
78
|
return item !== val;
|
67
79
|
});
|
68
80
|
onChange && onChange(newGroupValue);
|
81
|
+
|
69
82
|
if (value === void 0) {
|
70
83
|
setGroupValue(newGroupValue);
|
71
84
|
}
|
72
85
|
};
|
86
|
+
|
73
87
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
74
88
|
var prefixCls = _ref.prefixCls;
|
75
89
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -1,7 +1,9 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
exports.__esModule = true;
|
4
|
+
|
4
5
|
var _useMergeProps = require("./useMergeProps");
|
6
|
+
|
5
7
|
Object.keys(_useMergeProps).forEach(function (key) {
|
6
8
|
if (key === "default" || key === "__esModule") return;
|
7
9
|
if (key in exports && exports[key] === _useMergeProps[key]) return;
|
@@ -1,19 +1,24 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
4
5
|
exports.__esModule = true;
|
5
6
|
exports.useMergeProps = void 0;
|
7
|
+
|
6
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
|
7
10
|
var _react = require("react");
|
11
|
+
|
8
12
|
var useMergeProps = function useMergeProps(props, groupContext) {
|
9
13
|
var _useContext = (0, _react.useContext)(groupContext),
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
14
|
+
disabled = _useContext.disabled,
|
15
|
+
shape = _useContext.shape,
|
16
|
+
layout = _useContext.layout,
|
17
|
+
icons = _useContext.icons,
|
18
|
+
value = _useContext.value,
|
19
|
+
_onChange = _useContext.onChange,
|
20
|
+
isGroup = _useContext.isGroup;
|
21
|
+
|
17
22
|
if (!isGroup) return props;
|
18
23
|
return (0, _extends2.default)({
|
19
24
|
disabled: disabled,
|
@@ -26,8 +31,10 @@ var useMergeProps = function useMergeProps(props, groupContext) {
|
|
26
31
|
checked: value.indexOf(props.value) > -1,
|
27
32
|
onChange: function onChange(checked, val, e) {
|
28
33
|
_onChange(checked, val, e);
|
34
|
+
|
29
35
|
props.onChange && props.onChange(checked, val, e);
|
30
36
|
}
|
31
37
|
});
|
32
38
|
};
|
39
|
+
|
33
40
|
exports.useMergeProps = useMergeProps;
|
package/cjs/checkbox/index.js
CHANGED
@@ -3,23 +3,28 @@
|
|
3
3
|
exports.__esModule = true;
|
4
4
|
var _exportNames = {};
|
5
5
|
exports.default = void 0;
|
6
|
+
|
6
7
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
8
|
+
|
7
9
|
var _group = require("./group");
|
10
|
+
|
8
11
|
var _checkbox = require("./checkbox");
|
12
|
+
|
9
13
|
var _type = require("./type");
|
14
|
+
|
10
15
|
Object.keys(_type).forEach(function (key) {
|
11
16
|
if (key === "default" || key === "__esModule") return;
|
12
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
13
18
|
if (key in exports && exports[key] === _type[key]) return;
|
14
19
|
exports[key] = _type[key];
|
15
20
|
});
|
21
|
+
|
16
22
|
/**
|
17
23
|
* 复选项组
|
18
24
|
* @en Checkbox group
|
19
25
|
* @displayName CheckboxGroup
|
20
26
|
*/
|
21
27
|
var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_checkbox.Checkbox), 'CheckboxGroup');
|
22
|
-
|
23
28
|
/**
|
24
29
|
* 复选框,可用状态下点击切换选择,支持禁用,支持复选项组。
|
25
30
|
* @en Checkbox, click to switch selection when available, support disabled status, support checkbox group.
|
@@ -29,7 +34,9 @@ var Group = (0, _mobileUtils.componentWrapper)((0, _group.componentGenerator)(_c
|
|
29
34
|
* @type_en Data Entry
|
30
35
|
* @displayName Checkbox
|
31
36
|
*/
|
37
|
+
|
32
38
|
var _default = (0, _mobileUtils.componentWrapper)(_checkbox.Checkbox, 'Checkbox', {
|
33
39
|
Group: Group
|
34
40
|
});
|
41
|
+
|
35
42
|
exports.default = _default;
|
package/cjs/checkbox/type.js
CHANGED
@@ -2,12 +2,14 @@
|
|
2
2
|
|
3
3
|
exports.__esModule = true;
|
4
4
|
exports.IconStatus = void 0;
|
5
|
+
|
5
6
|
/**
|
6
7
|
* 图标状态枚举
|
7
8
|
* @en Icon status enum
|
8
9
|
* */
|
9
10
|
var IconStatus;
|
10
11
|
exports.IconStatus = IconStatus;
|
12
|
+
|
11
13
|
(function (IconStatus) {
|
12
14
|
IconStatus["NORMAL"] = "normal";
|
13
15
|
IconStatus["DISABLED"] = "disabled";
|
@@ -1,15 +1,24 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
|
4
5
|
exports.__esModule = true;
|
5
6
|
exports.default = void 0;
|
7
|
+
|
6
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
|
7
10
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
11
|
+
|
8
12
|
var _react = _interopRequireWildcard(require("react"));
|
13
|
+
|
9
14
|
var _contextProvider = require("../context-provider");
|
15
|
+
|
10
16
|
var _helpers = require("../_helpers");
|
17
|
+
|
11
18
|
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); }
|
19
|
+
|
12
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
21
|
+
|
13
22
|
/**
|
14
23
|
* 环形进度条组件,以圆环形式表示百分比进度
|
15
24
|
* @en Annular progress bar component, representing percentage progress in the form of a circle
|
@@ -20,69 +29,76 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
20
29
|
*/
|
21
30
|
var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
22
31
|
var _props$size = props.size,
|
23
|
-
|
32
|
+
size = _props$size === void 0 ? 'default' : _props$size;
|
24
33
|
var _props$className = props.className,
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
34
|
+
className = _props$className === void 0 ? '' : _props$className,
|
35
|
+
style = props.style,
|
36
|
+
_props$percentPositio = props.percentPosition,
|
37
|
+
percentPosition = _props$percentPositio === void 0 ? 'center' : _props$percentPositio,
|
38
|
+
_props$showPercent = props.showPercent,
|
39
|
+
showPercent = _props$showPercent === void 0 ? size !== 'mini' : _props$showPercent,
|
40
|
+
renderPercent = props.renderPercent,
|
41
|
+
trackColor = props.trackColor,
|
42
|
+
progressColor = props.progressColor,
|
43
|
+
_props$disabled = props.disabled,
|
44
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
45
|
+
_props$trackStroke = props.trackStroke,
|
46
|
+
trackStroke = _props$trackStroke === void 0 ? size === 'mini' ? 4 : 2 : _props$trackStroke,
|
47
|
+
_props$progressStroke = props.progressStroke,
|
48
|
+
progressStroke = _props$progressStroke === void 0 ? 4 : _props$progressStroke,
|
49
|
+
progressColorStart = props.progressColorStart,
|
50
|
+
progressColorEnd = props.progressColorEnd,
|
51
|
+
_props$duration = props.duration,
|
52
|
+
duration = _props$duration === void 0 ? 300 : _props$duration,
|
53
|
+
_props$step = props.step,
|
54
|
+
step = _props$step === void 0 ? 1 : _props$step,
|
55
|
+
_props$clockwise = props.clockwise,
|
56
|
+
clockwise = _props$clockwise === void 0 ? false : _props$clockwise,
|
57
|
+
_props$radius = props.radius,
|
58
|
+
radius = _props$radius === void 0 ? size === 'mini' ? 9 : 30 : _props$radius,
|
59
|
+
_props$filleted = props.filleted,
|
60
|
+
filleted = _props$filleted === void 0 ? size !== 'mini' : _props$filleted,
|
61
|
+
_props$mountedTransit = props.mountedTransition,
|
62
|
+
mountedTransition = _props$mountedTransit === void 0 ? true : _props$mountedTransit,
|
63
|
+
_props$mountedBezier = props.mountedBezier,
|
64
|
+
mountedBezier = _props$mountedBezier === void 0 ? [0.34, 0.69, 0.1, 1] : _props$mountedBezier,
|
65
|
+
_props$svgKey = props.svgKey,
|
66
|
+
userSetSvgKey = _props$svgKey === void 0 ? '' : _props$svgKey;
|
58
67
|
var domRef = (0, _react.useRef)(null);
|
59
68
|
var maxStroke = Math.max(progressStroke, trackStroke);
|
60
69
|
var circlePos = maxStroke + radius;
|
61
70
|
var circleSize = (radius + maxStroke) * 2;
|
62
71
|
var circleLen = 2 * Math.PI * radius;
|
63
72
|
var percentage = Math.min(100, Math.max(props.percentage, 0));
|
73
|
+
|
64
74
|
var _useGenSvgKey = (0, _helpers.useGenSvgKey)(userSetSvgKey),
|
65
|
-
|
75
|
+
svgKey = _useGenSvgKey.svgKey;
|
76
|
+
|
66
77
|
(0, _react.useImperativeHandle)(ref, function () {
|
67
78
|
return {
|
68
79
|
dom: domRef.current
|
69
80
|
};
|
70
81
|
});
|
71
82
|
var isRenderNormal = !(Boolean(progressColorStart) && Boolean(progressColorEnd));
|
83
|
+
|
72
84
|
var _useProgress = (0, _helpers.useProgress)(mountedTransition, percentage, duration, mountedBezier, step),
|
73
|
-
|
74
|
-
|
85
|
+
currentPercentage = _useProgress[0],
|
86
|
+
transitionControl = _useProgress[1];
|
87
|
+
|
75
88
|
var color = (0, _react.useMemo)(function () {
|
76
89
|
if (isRenderNormal) {
|
77
90
|
if (progressColorStart) {
|
78
91
|
return progressColorStart;
|
79
92
|
}
|
93
|
+
|
80
94
|
if (progressColorEnd) {
|
81
95
|
return progressColorEnd;
|
82
96
|
}
|
97
|
+
|
83
98
|
return progressColor;
|
84
99
|
}
|
85
100
|
}, [progressColorStart, progressColorEnd, progressColor]);
|
101
|
+
|
86
102
|
function renderNormalProgress() {
|
87
103
|
return /*#__PURE__*/_react.default.createElement("circle", {
|
88
104
|
cx: circlePos,
|
@@ -102,6 +118,7 @@ var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
102
118
|
fill: "none"
|
103
119
|
});
|
104
120
|
}
|
121
|
+
|
105
122
|
function renderLinearGradient() {
|
106
123
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("linearGradient", {
|
107
124
|
id: svgKey + "-grad-circle-progress",
|
@@ -139,9 +156,11 @@ var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
139
156
|
fill: "none"
|
140
157
|
}));
|
141
158
|
}
|
159
|
+
|
142
160
|
function renderProgress() {
|
143
161
|
return isRenderNormal ? renderNormalProgress() : renderLinearGradient();
|
144
162
|
}
|
163
|
+
|
145
164
|
function renderCircleProgress(_ref) {
|
146
165
|
var prefixCls = _ref.prefixCls;
|
147
166
|
return /*#__PURE__*/_react.default.createElement("div", {
|
@@ -179,6 +198,7 @@ var CircleProgress = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
179
198
|
}
|
180
199
|
}, renderPercent !== void 0 ? renderPercent(currentPercentage) : currentPercentage + "%") : null);
|
181
200
|
}
|
201
|
+
|
182
202
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderCircleProgress);
|
183
203
|
});
|
184
204
|
var _default = CircleProgress;
|