@arco-design/mobile-react 2.38.4 → 2.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +59 -141
- package/cjs/_helpers/index.js +2 -18
- package/cjs/_helpers/react-dom.js +0 -14
- package/cjs/_helpers/render.js +5 -21
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +53 -79
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/index.js +153 -288
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +18 -34
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.js +1 -8
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +30 -61
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +18 -43
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.js +66 -167
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +31 -57
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/divider/index.js +8 -20
- package/cjs/divider/style/css/index.js +0 -1
- package/cjs/divider/style/index.js +0 -1
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +4 -24
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +32 -70
- package/cjs/ellipsis/components/native-ellipsis.js +9 -14
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.js +0 -5
- package/cjs/form/form-item.js +74 -163
- package/cjs/form/index.js +18 -38
- package/cjs/form/linked-container.js +5 -24
- package/cjs/form/style/css/index.js +0 -1
- package/cjs/form/style/index.js +0 -1
- package/cjs/form/type.d.ts +11 -1
- package/cjs/form/type.js +0 -5
- package/cjs/form/useForm.js +10 -79
- package/cjs/form/utils.js +4 -22
- package/cjs/grid/index.js +22 -45
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconDownload/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconFile/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconKeyboard/index.js +5 -12
- package/cjs/icon/IconKeyboardDelete/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -119
- package/cjs/image/index.js +53 -94
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.js +32 -59
- package/cjs/image-picker/style/css/index.js +0 -3
- package/cjs/image-picker/style/index.js +0 -3
- package/cjs/image-preview/index.js +129 -254
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/index-bar/context.js +0 -2
- package/cjs/index-bar/group.js +16 -35
- package/cjs/index-bar/index.js +55 -87
- package/cjs/index-bar/side-bar.js +15 -34
- package/cjs/index-bar/style/css/index.js +0 -2
- package/cjs/index-bar/style/index.js +0 -2
- package/cjs/index-bar/utils.js +3 -17
- package/cjs/index.js +0 -119
- package/cjs/input/hooks.js +45 -84
- package/cjs/input/index.js +26 -40
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/keyboard/index.js +37 -73
- package/cjs/keyboard/style/css/index.js +0 -2
- package/cjs/keyboard/style/index.js +0 -2
- package/cjs/load-more/index.js +33 -65
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +47 -80
- package/cjs/masking/methods.js +5 -21
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +2 -8
- package/cjs/nav-bar/index.js +37 -61
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +34 -60
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.js +48 -84
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +13 -32
- package/cjs/picker-view/components/multi-picker.js +8 -17
- package/cjs/picker-view/components/picker-cell.js +45 -101
- package/cjs/picker-view/index.js +30 -76
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +100 -159
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -52
- package/cjs/popover/popover-inner.js +30 -48
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +50 -92
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +56 -95
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.js +3 -14
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -81
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.js +1 -8
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.js +28 -54
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +40 -108
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/skeleton/elements.js +47 -84
- package/cjs/skeleton/index.js +18 -36
- package/cjs/skeleton/skeleton-context.js +0 -4
- package/cjs/skeleton/style/css/index.js +0 -2
- package/cjs/skeleton/style/index.js +0 -2
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +27 -59
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +13 -27
- package/cjs/slider/index.js +47 -73
- package/cjs/slider/marks.js +13 -27
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +11 -22
- package/cjs/stepper/hooks/useButtonClick.js +15 -25
- package/cjs/stepper/hooks/useInputEvent.js +10 -19
- package/cjs/stepper/hooks/useValue.js +9 -15
- package/cjs/stepper/index.js +84 -98
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +25 -43
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +40 -74
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.js +0 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +78 -113
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.js +28 -49
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +16 -32
- package/cjs/tabs/index.js +136 -206
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +28 -76
- package/cjs/tabs/tab-cell.js +73 -128
- package/cjs/tabs/tab-pane.js +53 -103
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.js +35 -56
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +17 -29
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/cjs/uploader/index.d.ts +1 -1
- package/cjs/uploader/index.js +28 -49
- package/cjs/uploader/style/css/index.js +0 -3
- package/cjs/uploader/style/index.js +0 -3
- package/cjs/uploader/upload/index.js +0 -4
- package/cjs/uploader/upload/upload.js +9 -45
- package/dist/index.js +3838 -6455
- package/dist/index.min.js +2 -2
- package/esm/_helpers/hooks.js +59 -123
- package/esm/_helpers/index.js +4 -6
- package/esm/_helpers/react-dom.js +0 -11
- package/esm/_helpers/render.js +5 -15
- package/esm/action-sheet/index.js +10 -16
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +53 -64
- package/esm/badge/index.js +18 -22
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/index.js +153 -280
- package/esm/cell/cell.js +18 -25
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.js +2 -2
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +30 -51
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +18 -33
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.js +66 -155
- package/esm/dialog/index.js +31 -42
- package/esm/dialog/methods.js +9 -11
- package/esm/divider/index.js +8 -12
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +4 -14
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +32 -60
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item.js +74 -147
- package/esm/form/index.js +18 -23
- package/esm/form/linked-container.js +5 -14
- package/esm/form/type.d.ts +11 -1
- package/esm/form/type.js +0 -5
- package/esm/form/useForm.js +10 -74
- package/esm/form/utils.js +4 -11
- package/esm/grid/index.js +22 -38
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconDownload/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconFile/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconKeyboard/index.js +5 -6
- package/esm/icon/IconKeyboardDelete/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -85
- package/esm/image-picker/index.js +32 -42
- package/esm/image-preview/index.js +129 -232
- package/esm/image-preview/methods.js +5 -14
- package/esm/index-bar/group.js +16 -25
- package/esm/index-bar/index.js +55 -74
- package/esm/index-bar/side-bar.js +15 -28
- package/esm/index-bar/utils.js +3 -10
- package/esm/input/hooks.js +45 -75
- package/esm/input/index.js +26 -30
- package/esm/keyboard/index.js +40 -63
- package/esm/load-more/index.js +33 -57
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +47 -65
- package/esm/masking/methods.js +5 -16
- package/esm/nav-bar/back-icon.js +2 -4
- package/esm/nav-bar/index.js +37 -52
- package/esm/notice-bar/index.js +34 -53
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.js +48 -69
- package/esm/picker-view/components/cascader.js +13 -24
- package/esm/picker-view/components/multi-picker.js +8 -14
- package/esm/picker-view/components/picker-cell.js +45 -93
- package/esm/picker-view/index.js +30 -60
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +100 -152
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -39
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +50 -76
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +56 -83
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.js +3 -5
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.js +2 -2
- package/esm/rate/index.js +28 -43
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +40 -100
- package/esm/skeleton/elements.js +47 -75
- package/esm/skeleton/index.js +18 -24
- package/esm/slider/hooks/useSliderEvents.js +27 -54
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +13 -22
- package/esm/slider/index.js +47 -63
- package/esm/slider/marks.js +13 -19
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +11 -16
- package/esm/stepper/hooks/useButtonClick.js +15 -24
- package/esm/stepper/hooks/useInputEvent.js +10 -17
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.js +84 -84
- package/esm/steps/index.js +25 -30
- package/esm/steps/step.js +10 -19
- package/esm/sticky/index.js +40 -65
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +79 -104
- package/esm/switch/index.js +28 -41
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +16 -22
- package/esm/tabs/index.js +137 -194
- package/esm/tabs/tab-cell-underline.js +28 -67
- package/esm/tabs/tab-cell.js +73 -118
- package/esm/tabs/tab-pane.js +53 -95
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.js +35 -46
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +17 -20
- package/esm/uploader/index.d.ts +1 -1
- package/esm/uploader/index.js +28 -34
- package/esm/uploader/upload/upload.js +9 -38
- package/esnext/form/form-item.js +12 -7
- package/esnext/form/type.d.ts +11 -1
- package/esnext/uploader/index.d.ts +1 -1
- package/esnext/uploader/index.js +1 -1
- package/esnext/uploader/upload/upload.js +1 -1
- package/package.json +5 -3
- package/tokens/app/arcodesign/default/index.js +0 -2
- package/umd/_helpers/hooks.js +59 -138
- package/umd/_helpers/index.js +2 -9
- package/umd/_helpers/react-dom.js +0 -13
- package/umd/_helpers/render.js +5 -17
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +53 -70
- package/umd/badge/index.js +18 -25
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/index.js +153 -283
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +18 -29
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.js +1 -3
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +30 -55
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +18 -38
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.js +66 -158
- package/umd/dialog/index.js +31 -47
- package/umd/dialog/methods.js +9 -18
- package/umd/divider/index.js +8 -15
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +4 -22
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +32 -66
- package/umd/ellipsis/components/native-ellipsis.js +9 -12
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.js +0 -3
- package/umd/form/form-item.js +74 -151
- package/umd/form/index.js +18 -28
- package/umd/form/linked-container.js +5 -19
- package/umd/form/type.d.ts +11 -1
- package/umd/form/type.js +0 -5
- package/umd/form/useForm.js +10 -74
- package/umd/form/utils.js +4 -19
- package/umd/grid/index.js +22 -41
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconDownload/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconFile/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconKeyboard/index.js +5 -7
- package/umd/icon/IconKeyboardDelete/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -88
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.js +32 -47
- package/umd/image-preview/index.js +129 -239
- package/umd/image-preview/methods.js +5 -15
- package/umd/index-bar/group.js +16 -30
- package/umd/index-bar/index.js +55 -79
- package/umd/index-bar/side-bar.js +15 -32
- package/umd/index-bar/utils.js +3 -16
- package/umd/index.js +0 -1
- package/umd/input/hooks.js +45 -79
- package/umd/input/index.js +26 -35
- package/umd/keyboard/index.js +37 -64
- package/umd/load-more/index.js +33 -60
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +47 -72
- package/umd/masking/methods.js +5 -18
- package/umd/nav-bar/back-icon.js +2 -5
- package/umd/nav-bar/index.js +37 -55
- package/umd/notice-bar/index.js +34 -56
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.js +48 -73
- package/umd/picker-view/components/cascader.js +13 -28
- package/umd/picker-view/components/multi-picker.js +8 -16
- package/umd/picker-view/components/picker-cell.js +45 -97
- package/umd/picker-view/index.js +30 -63
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +100 -153
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -43
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +50 -83
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +56 -86
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.js +3 -7
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.js +1 -3
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.js +28 -48
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +40 -104
- package/umd/skeleton/elements.js +47 -78
- package/umd/skeleton/index.js +18 -28
- package/umd/skeleton/skeleton-context.js +0 -3
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +27 -55
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +13 -24
- package/umd/slider/index.js +47 -66
- package/umd/slider/marks.js +13 -22
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +11 -18
- package/umd/stepper/hooks/useButtonClick.js +15 -24
- package/umd/stepper/hooks/useInputEvent.js +10 -18
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.js +84 -89
- package/umd/steps/index.js +25 -35
- package/umd/steps/step.js +10 -22
- package/umd/sticky/index.js +40 -68
- package/umd/style.js +1 -1
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +78 -106
- package/umd/switch/index.js +28 -45
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +16 -27
- package/umd/tabs/index.js +136 -197
- package/umd/tabs/tab-cell-underline.js +28 -71
- package/umd/tabs/tab-cell.js +73 -122
- package/umd/tabs/tab-pane.js +53 -98
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.js +35 -51
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +16 -22
- package/umd/uploader/index.d.ts +1 -1
- package/umd/uploader/index.js +28 -39
- package/umd/uploader/upload/upload.js +9 -43
package/cjs/_helpers/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
var _exportNames = {
|
|
7
6
|
getStyleWithVendor: true,
|
|
@@ -11,45 +10,35 @@ var _exportNames = {
|
|
|
11
10
|
exports.getDefaultValue = void 0;
|
|
12
11
|
exports.getStyleWithVendor = getStyleWithVendor;
|
|
13
12
|
exports.setStyleWithVendor = setStyleWithVendor;
|
|
14
|
-
|
|
15
13
|
var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
16
|
-
|
|
17
14
|
var _hooks = require("./hooks");
|
|
18
|
-
|
|
19
15
|
Object.keys(_hooks).forEach(function (key) {
|
|
20
16
|
if (key === "default" || key === "__esModule") return;
|
|
21
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
22
18
|
if (key in exports && exports[key] === _hooks[key]) return;
|
|
23
19
|
exports[key] = _hooks[key];
|
|
24
20
|
});
|
|
25
|
-
|
|
26
21
|
var _reactDom = require("./react-dom");
|
|
27
|
-
|
|
28
22
|
Object.keys(_reactDom).forEach(function (key) {
|
|
29
23
|
if (key === "default" || key === "__esModule") return;
|
|
30
24
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
31
25
|
if (key in exports && exports[key] === _reactDom[key]) return;
|
|
32
26
|
exports[key] = _reactDom[key];
|
|
33
27
|
});
|
|
34
|
-
|
|
35
28
|
var _render = require("./render");
|
|
36
|
-
|
|
37
29
|
Object.keys(_render).forEach(function (key) {
|
|
38
30
|
if (key === "default" || key === "__esModule") return;
|
|
39
31
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
40
32
|
if (key in exports && exports[key] === _render[key]) return;
|
|
41
33
|
exports[key] = _render[key];
|
|
42
34
|
});
|
|
43
|
-
|
|
44
35
|
var _type = require("./type");
|
|
45
|
-
|
|
46
36
|
Object.keys(_type).forEach(function (key) {
|
|
47
37
|
if (key === "default" || key === "__esModule") return;
|
|
48
38
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
49
39
|
if (key in exports && exports[key] === _type[key]) return;
|
|
50
40
|
exports[key] = _type[key];
|
|
51
41
|
});
|
|
52
|
-
|
|
53
42
|
/**
|
|
54
43
|
* @type utils
|
|
55
44
|
* @name componentUtils
|
|
@@ -90,7 +79,6 @@ function getStyleWithVendor(style) {
|
|
|
90
79
|
var allowReg = /(transform|transition|animation)/i;
|
|
91
80
|
var newStyle = Object.keys(style).reduce(function (acc, key) {
|
|
92
81
|
var _ref, _extends2;
|
|
93
|
-
|
|
94
82
|
var webkitStyle = allowReg.test(key) ? (_ref = {}, _ref["Webkit" + key.replace(/^(.)/, function (_, p1) {
|
|
95
83
|
return p1.toUpperCase();
|
|
96
84
|
})] = style[key], _ref) : {};
|
|
@@ -98,6 +86,7 @@ function getStyleWithVendor(style) {
|
|
|
98
86
|
}, {});
|
|
99
87
|
return newStyle;
|
|
100
88
|
}
|
|
89
|
+
|
|
101
90
|
/**
|
|
102
91
|
* 给元素设置带浏览器前缀的样式
|
|
103
92
|
* @desc {en} Set element style with browser vendor prefix
|
|
@@ -128,15 +117,13 @@ function getStyleWithVendor(style) {
|
|
|
128
117
|
* console.log(computedStyle.getPropertyValue('border-radius')); // Output: The borderRadius style without a vendor prefix
|
|
129
118
|
* ```
|
|
130
119
|
*/
|
|
131
|
-
|
|
132
|
-
|
|
133
120
|
function setStyleWithVendor(dom, style) {
|
|
134
121
|
var vendorStyle = getStyleWithVendor(style);
|
|
135
|
-
|
|
136
122
|
for (var key in vendorStyle) {
|
|
137
123
|
dom.style[key] = vendorStyle[key];
|
|
138
124
|
}
|
|
139
125
|
}
|
|
126
|
+
|
|
140
127
|
/**
|
|
141
128
|
* 计算默认值,仅未定义时使用默认值
|
|
142
129
|
* @desc {en} Calculate the default value, use default value only if undefined
|
|
@@ -157,10 +144,7 @@ function setStyleWithVendor(dom, style) {
|
|
|
157
144
|
* console.log(result2); // Output: 100
|
|
158
145
|
* ```
|
|
159
146
|
*/
|
|
160
|
-
|
|
161
|
-
|
|
162
147
|
var getDefaultValue = function getDefaultValue(value, defaultValue) {
|
|
163
148
|
return value === void 0 ? defaultValue : value;
|
|
164
149
|
};
|
|
165
|
-
|
|
166
150
|
exports.getDefaultValue = getDefaultValue;
|
|
@@ -2,33 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.render = void 0;
|
|
5
|
-
|
|
6
5
|
var ReactDOM = _interopRequireWildcard(require("react-dom"));
|
|
7
|
-
|
|
8
6
|
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); }
|
|
9
|
-
|
|
10
7
|
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; }
|
|
11
|
-
|
|
12
8
|
function isObject(obj) {
|
|
13
9
|
return Object.prototype.toString.call(obj) === '[object Object]';
|
|
14
10
|
}
|
|
15
|
-
|
|
16
11
|
// Cast ReactDOM to a version that might have createRoot and other properties
|
|
17
12
|
var typedReactDOM = ReactDOM;
|
|
18
13
|
var copyRender;
|
|
19
|
-
|
|
20
14
|
var updateUsingClientEntryPoint = function updateUsingClientEntryPoint(skipWarning) {
|
|
21
15
|
// https://github.com/facebook/react/blob/17806594cc28284fe195f918e8d77de3516848ec/packages/react-dom/npm/client.js#L10
|
|
22
16
|
// Avoid console warning
|
|
23
17
|
var secretInternals = typedReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
24
|
-
|
|
25
18
|
if (isObject(secretInternals)) {
|
|
26
19
|
secretInternals.usingClientEntryPoint = skipWarning;
|
|
27
20
|
}
|
|
28
21
|
};
|
|
29
|
-
|
|
30
22
|
var createRootFn = typedReactDOM.createRoot;
|
|
31
|
-
|
|
32
23
|
var getRender = function getRender(createRootFunction) {
|
|
33
24
|
return function (app, container) {
|
|
34
25
|
updateUsingClientEntryPoint(true);
|
|
@@ -49,7 +40,6 @@ var getRender = function getRender(createRootFunction) {
|
|
|
49
40
|
};
|
|
50
41
|
};
|
|
51
42
|
};
|
|
52
|
-
|
|
53
43
|
if (createRootFn) {
|
|
54
44
|
// React 18
|
|
55
45
|
copyRender = getRender(createRootFn);
|
|
@@ -57,7 +47,6 @@ if (createRootFn) {
|
|
|
57
47
|
// React 16/17
|
|
58
48
|
copyRender = function copyRender(app, container) {
|
|
59
49
|
typedReactDOM.render(app, container); // Use non-null assertion
|
|
60
|
-
|
|
61
50
|
return {
|
|
62
51
|
render: function render(elementToRender) {
|
|
63
52
|
typedReactDOM.render(elementToRender, container); // Use non-null assertion
|
|
@@ -77,14 +66,11 @@ if (createRootFn) {
|
|
|
77
66
|
_unmount: function _unmount() {}
|
|
78
67
|
};
|
|
79
68
|
};
|
|
80
|
-
|
|
81
69
|
if (createRootFunction) {
|
|
82
70
|
return getRender(createRootFunction)(app, container);
|
|
83
71
|
}
|
|
84
|
-
|
|
85
72
|
return defaultCb();
|
|
86
73
|
};
|
|
87
74
|
}
|
|
88
|
-
|
|
89
75
|
var render = copyRender;
|
|
90
76
|
exports.render = render;
|
package/cjs/_helpers/render.js
CHANGED
|
@@ -1,72 +1,56 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.renderRootCache = exports.ReactDOMRender = void 0;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
8
|
var _reactDom = require("./react-dom");
|
|
13
|
-
|
|
14
9
|
var renderRootCache = {};
|
|
15
10
|
exports.renderRootCache = renderRootCache;
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
var ReactDOMRender = function ReactDOMRender(app, container, context, rootCacheId,
|
|
12
|
+
// root id in cache
|
|
18
13
|
root // use root in cache
|
|
19
14
|
) {
|
|
20
15
|
var _this = this;
|
|
21
|
-
|
|
22
16
|
this.root = void 0;
|
|
23
17
|
this.app = void 0;
|
|
24
18
|
this.container = void 0;
|
|
25
19
|
this.context = void 0;
|
|
26
20
|
this.rootCacheId = void 0;
|
|
27
|
-
|
|
28
21
|
this.render = function (props) {
|
|
29
22
|
var CustomApp = _this.app;
|
|
30
23
|
var propsWithContext = (0, _extends2.default)({
|
|
31
24
|
context: _this.context
|
|
32
25
|
}, props);
|
|
33
|
-
|
|
34
26
|
if (_this.root) {
|
|
35
|
-
_this.root.render(
|
|
27
|
+
_this.root.render(/*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext));
|
|
36
28
|
} else {
|
|
37
29
|
var _ref = _this.context || {},
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
_this.root = (0, _reactDom.render)( /*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext), _this.container, createRoot);
|
|
30
|
+
createRoot = _ref.createRoot;
|
|
31
|
+
_this.root = (0, _reactDom.render)(/*#__PURE__*/_react.default.createElement(CustomApp, propsWithContext), _this.container, createRoot);
|
|
41
32
|
}
|
|
42
33
|
};
|
|
43
|
-
|
|
44
34
|
this.setRootCache = function () {
|
|
45
35
|
if (_this.rootCacheId) {
|
|
46
36
|
renderRootCache[_this.rootCacheId] = _this.root;
|
|
47
37
|
}
|
|
48
38
|
};
|
|
49
|
-
|
|
50
39
|
this.clearRootCache = function () {
|
|
51
40
|
if (_this.rootCacheId) {
|
|
52
41
|
delete renderRootCache[_this.rootCacheId];
|
|
53
42
|
}
|
|
54
43
|
};
|
|
55
|
-
|
|
56
44
|
this.unmount = function () {
|
|
57
45
|
var _this$root;
|
|
58
|
-
|
|
59
46
|
(_this$root = _this.root) == null ? void 0 : _this$root._unmount();
|
|
60
47
|
_this.root = undefined;
|
|
61
|
-
|
|
62
48
|
_this.clearRootCache();
|
|
63
49
|
};
|
|
64
|
-
|
|
65
50
|
this.app = app;
|
|
66
51
|
this.container = container;
|
|
67
52
|
this.context = context;
|
|
68
53
|
this.rootCacheId = rootCacheId;
|
|
69
54
|
this.root = root;
|
|
70
55
|
};
|
|
71
|
-
|
|
72
56
|
exports.ReactDOMRender = ReactDOMRender;
|
|
@@ -1,42 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = void 0;
|
|
7
6
|
exports.methodsGenerator = methodsGenerator;
|
|
8
|
-
|
|
9
7
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
10
|
-
|
|
11
8
|
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
12
|
-
|
|
13
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
14
|
-
|
|
15
10
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
|
16
|
-
|
|
17
11
|
var _contextProvider = require("../context-provider");
|
|
18
|
-
|
|
19
12
|
var _popup = _interopRequireDefault(require("../popup"));
|
|
20
|
-
|
|
21
13
|
var _methods = require("./methods");
|
|
22
|
-
|
|
23
14
|
var _excluded = ["className", "items", "cancelText", "close", "title", "subTitle", "needBottomOffset"];
|
|
24
|
-
|
|
25
15
|
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
16
|
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
17
|
var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
30
18
|
var _props$className = props.className,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
19
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
20
|
+
items = props.items,
|
|
21
|
+
cancelText = props.cancelText,
|
|
22
|
+
close = props.close,
|
|
23
|
+
title = props.title,
|
|
24
|
+
subTitle = props.subTitle,
|
|
25
|
+
_props$needBottomOffs = props.needBottomOffset,
|
|
26
|
+
needBottomOffset = _props$needBottomOffs === void 0 ? true : _props$needBottomOffs,
|
|
27
|
+
otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
|
|
40
28
|
var popupRef = (0, _react.useRef)(null);
|
|
41
29
|
var listRef = (0, _react.useRef)(null);
|
|
42
30
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
@@ -44,16 +32,12 @@ var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
44
32
|
actionList: listRef.current
|
|
45
33
|
});
|
|
46
34
|
});
|
|
47
|
-
|
|
48
35
|
function handleItemClick(e, item) {
|
|
49
36
|
e.stopPropagation();
|
|
50
|
-
|
|
51
37
|
if (item.status === 'disabled') {
|
|
52
38
|
return;
|
|
53
39
|
}
|
|
54
|
-
|
|
55
40
|
var result = item.onClick ? item.onClick(e) : null;
|
|
56
|
-
|
|
57
41
|
if (!result || typeof result === 'boolean') {
|
|
58
42
|
!result && (close == null ? void 0 : close(e));
|
|
59
43
|
} else if (result && result.then) {
|
|
@@ -62,7 +46,6 @@ var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
62
46
|
});
|
|
63
47
|
}
|
|
64
48
|
}
|
|
65
|
-
|
|
66
49
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
|
|
67
50
|
var prefixCls = _ref.prefixCls;
|
|
68
51
|
return /*#__PURE__*/_react.default.createElement(_popup.default, (0, _extends2.default)({
|
|
@@ -99,7 +82,6 @@ var ActionSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
99
82
|
}, cancelText) : null);
|
|
100
83
|
});
|
|
101
84
|
});
|
|
102
|
-
|
|
103
85
|
function methodsGenerator(Comp) {
|
|
104
86
|
return {
|
|
105
87
|
/**
|
|
@@ -111,8 +93,8 @@ function methodsGenerator(Comp) {
|
|
|
111
93
|
open: (0, _methods.open)(Comp)
|
|
112
94
|
};
|
|
113
95
|
}
|
|
114
|
-
|
|
115
96
|
var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(ActionSheet);
|
|
97
|
+
|
|
116
98
|
/**
|
|
117
99
|
* 动作面板组件
|
|
118
100
|
* @en ActionSheet Component
|
|
@@ -121,7 +103,5 @@ var ActionSheetWithGlobalContext = (0, _contextProvider.CompWithGlobalContext)(A
|
|
|
121
103
|
* @name 动作面板
|
|
122
104
|
* @name_en ActionSheet
|
|
123
105
|
*/
|
|
124
|
-
|
|
125
106
|
var _default = (0, _mobileUtils.componentWrapper)(ActionSheet, methodsGenerator(ActionSheetWithGlobalContext));
|
|
126
|
-
|
|
127
107
|
exports.default = _default;
|
package/cjs/avatar/group.js
CHANGED
|
@@ -1,52 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = exports.Group = exports.AvatarGroupContext = void 0;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
|
13
|
-
|
|
14
9
|
var _contextProvider = require("../context-provider");
|
|
15
|
-
|
|
16
10
|
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); }
|
|
17
|
-
|
|
18
11
|
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; }
|
|
19
|
-
|
|
20
12
|
var AvatarGroupContext = /*#__PURE__*/_react.default.createContext({
|
|
21
13
|
isGroup: false,
|
|
22
14
|
shape: 'circle',
|
|
23
15
|
size: 'small'
|
|
24
16
|
});
|
|
17
|
+
|
|
25
18
|
/**
|
|
26
19
|
* 头像叠层
|
|
27
20
|
* @en Avatar group
|
|
28
21
|
*/
|
|
29
|
-
|
|
30
|
-
|
|
31
22
|
exports.AvatarGroupContext = AvatarGroupContext;
|
|
32
23
|
var Group = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
33
24
|
var _props$style = props.style,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
25
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
26
|
+
_props$className = props.className,
|
|
27
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
28
|
+
_props$shape = props.shape,
|
|
29
|
+
shape = _props$shape === void 0 ? 'circle' : _props$shape,
|
|
30
|
+
_props$size = props.size,
|
|
31
|
+
size = _props$size === void 0 ? 'medium' : _props$size,
|
|
32
|
+
_props$zIndexOrder = props.zIndexOrder,
|
|
33
|
+
zIndexOrder = _props$zIndexOrder === void 0 ? 'desc' : _props$zIndexOrder,
|
|
34
|
+
children = props.children;
|
|
45
35
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
46
|
-
|
|
47
|
-
|
|
36
|
+
prefixCls = _useContext.prefixCls;
|
|
48
37
|
var childrenArr = _react.default.Children.toArray(children);
|
|
49
|
-
|
|
50
38
|
var length = childrenArr.length;
|
|
51
39
|
var domRef = (0, _react.useRef)(null);
|
|
52
40
|
(0, _react.useImperativeHandle)(ref, function () {
|
package/cjs/avatar/index.js
CHANGED
|
@@ -1,141 +1,117 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
var _exportNames = {
|
|
7
6
|
componentGenerator: true
|
|
8
7
|
};
|
|
9
8
|
exports.componentGenerator = componentGenerator;
|
|
10
9
|
exports.default = void 0;
|
|
11
|
-
|
|
12
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
11
|
var _react = _interopRequireWildcard(require("react"));
|
|
15
|
-
|
|
16
12
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
|
17
|
-
|
|
18
13
|
var _image = require("../image");
|
|
19
|
-
|
|
20
14
|
var _IconUserFill = _interopRequireDefault(require("../icon/IconUserFill"));
|
|
21
|
-
|
|
22
15
|
var _contextProvider = require("../context-provider");
|
|
23
|
-
|
|
24
16
|
var _group = _interopRequireWildcard(require("./group"));
|
|
25
|
-
|
|
26
17
|
var _type = require("./type");
|
|
27
|
-
|
|
28
18
|
Object.keys(_type).forEach(function (key) {
|
|
29
19
|
if (key === "default" || key === "__esModule") return;
|
|
30
20
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
31
21
|
if (key in exports && exports[key] === _type[key]) return;
|
|
32
22
|
exports[key] = _type[key];
|
|
33
23
|
});
|
|
34
|
-
|
|
35
24
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
36
|
-
|
|
37
25
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
38
|
-
|
|
39
26
|
function componentGenerator(Comp) {
|
|
40
27
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
41
28
|
var _cls, _cls2;
|
|
42
|
-
|
|
43
29
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
|
44
|
-
|
|
45
|
-
|
|
30
|
+
prefixCls = _useContext.prefixCls;
|
|
46
31
|
var _useContext2 = (0, _react.useContext)(_group.AvatarGroupContext),
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
32
|
+
groupShape = _useContext2.shape,
|
|
33
|
+
groupSize = _useContext2.size,
|
|
34
|
+
isGroup = _useContext2.isGroup;
|
|
51
35
|
var _props$shape = props.shape,
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
36
|
+
shape = _props$shape === void 0 ? props.shape || (isGroup ? groupShape : 'circle') : _props$shape,
|
|
37
|
+
_props$size = props.size,
|
|
38
|
+
size = _props$size === void 0 ? props.size || (isGroup ? groupSize : 'small') : _props$size,
|
|
39
|
+
src = props.src,
|
|
40
|
+
_props$decoration = props.decoration,
|
|
41
|
+
decoration = _props$decoration === void 0 ? null : _props$decoration,
|
|
42
|
+
_props$textAvatar = props.textAvatar,
|
|
43
|
+
textAvatar = _props$textAvatar === void 0 ? '' : _props$textAvatar,
|
|
44
|
+
_props$avatarStyle = props.avatarStyle,
|
|
45
|
+
avatarStyle = _props$avatarStyle === void 0 ? {} : _props$avatarStyle,
|
|
46
|
+
_props$avatarClass = props.avatarClass,
|
|
47
|
+
avatarClass = _props$avatarClass === void 0 ? '' : _props$avatarClass,
|
|
48
|
+
_props$autoFixFontSiz = props.autoFixFontSize,
|
|
49
|
+
autoFixFontSize = _props$autoFixFontSiz === void 0 ? true : _props$autoFixFontSiz,
|
|
50
|
+
_props$autoFixFontOff = props.autoFixFontOffset,
|
|
51
|
+
autoFixFontOffset = _props$autoFixFontOff === void 0 ? 2 : _props$autoFixFontOff,
|
|
52
|
+
_props$avatarName = props.avatarName,
|
|
53
|
+
avatarName = _props$avatarName === void 0 ? '' : _props$avatarName,
|
|
54
|
+
_props$avatarDesc = props.avatarDesc,
|
|
55
|
+
avatarDesc = _props$avatarDesc === void 0 ? '' : _props$avatarDesc,
|
|
56
|
+
_props$children = props.children,
|
|
57
|
+
children = _props$children === void 0 ? null : _props$children,
|
|
58
|
+
_props$renderInfo = props.renderInfo,
|
|
59
|
+
renderInfo = _props$renderInfo === void 0 ? null : _props$renderInfo,
|
|
60
|
+
_props$className = props.className,
|
|
61
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
62
|
+
_props$style = props.style,
|
|
63
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
64
|
+
_props$imageProps = props.imageProps,
|
|
65
|
+
imageProps = _props$imageProps === void 0 ? {} : _props$imageProps,
|
|
66
|
+
defaultOverLap = props.defaultOverLap,
|
|
67
|
+
onClickDecoration = props.onClickDecoration,
|
|
68
|
+
onClick = props.onClick;
|
|
85
69
|
var domRef = (0, _react.useRef)(null);
|
|
86
70
|
var avatarRef = (0, _react.useRef)(null);
|
|
87
71
|
var avatarTextRef = (0, _react.useRef)(null);
|
|
88
|
-
|
|
89
72
|
var _useState = (0, _react.useState)(1),
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
73
|
+
textScale = _useState[0],
|
|
74
|
+
setTextScale = _useState[1];
|
|
93
75
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
94
76
|
return {
|
|
95
77
|
dom: domRef.current
|
|
96
78
|
};
|
|
97
|
-
});
|
|
79
|
+
});
|
|
80
|
+
// 图片头像
|
|
98
81
|
// @en Picture avatar
|
|
99
|
-
|
|
100
|
-
|
|
82
|
+
var isImageAvatar = !children && src !== void 0;
|
|
83
|
+
// 文字头像
|
|
101
84
|
// @en Text avatar
|
|
102
|
-
|
|
103
|
-
|
|
85
|
+
var isTextAvatar = !children && !isImageAvatar && textAvatar;
|
|
86
|
+
// 使用默认头像
|
|
104
87
|
// @en Whether to use default avatar
|
|
105
|
-
|
|
106
88
|
var useDefaultAvatar = !children && !isImageAvatar && !isTextAvatar;
|
|
107
89
|
(0, _react.useEffect)(function () {
|
|
108
90
|
getComputedTextScale();
|
|
109
91
|
}, [textAvatar]);
|
|
92
|
+
|
|
110
93
|
/**
|
|
111
94
|
* 根据字体元素宽度和头像大小动态调整缩放比例
|
|
112
95
|
* @en Dynamically adjust scaling based on font element width and avatar size
|
|
113
96
|
*/
|
|
114
|
-
|
|
115
97
|
function getComputedTextScale() {
|
|
116
98
|
var _avatarRef$current, _avatarTextRef$curren;
|
|
117
|
-
|
|
118
99
|
if (!isTextAvatar || !autoFixFontSize || !avatarRef || !avatarTextRef) return;
|
|
119
|
-
|
|
120
100
|
var _ref = ((_avatarRef$current = avatarRef.current) == null ? void 0 : _avatarRef$current.getBoundingClientRect()) || {},
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
101
|
+
_ref$width = _ref.width,
|
|
102
|
+
avatarWidth = _ref$width === void 0 ? 0 : _ref$width;
|
|
124
103
|
var _ref2 = ((_avatarTextRef$curren = avatarTextRef.current) == null ? void 0 : _avatarTextRef$curren.getBoundingClientRect()) || {},
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
104
|
+
_ref2$width = _ref2.width,
|
|
105
|
+
textWidth = _ref2$width === void 0 ? 0 : _ref2$width;
|
|
106
|
+
if (avatarWidth === 0 || textWidth === 0) return;
|
|
107
|
+
// 文本节点宽度大于头像元素时进行动态缩放
|
|
129
108
|
// @en Dynamic scaling when the width of the text node is larger than the avatar element
|
|
130
|
-
|
|
131
109
|
var maxWidth = avatarWidth - 2 * autoFixFontOffset;
|
|
132
|
-
|
|
133
110
|
if (textWidth > maxWidth) {
|
|
134
111
|
var scale = maxWidth / textWidth;
|
|
135
112
|
setTextScale(textScale * scale);
|
|
136
113
|
}
|
|
137
114
|
}
|
|
138
|
-
|
|
139
115
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
140
116
|
ref: domRef,
|
|
141
117
|
style: style,
|
|
@@ -168,8 +144,8 @@ function componentGenerator(Comp) {
|
|
|
168
144
|
}, avatarDesc)));
|
|
169
145
|
});
|
|
170
146
|
}
|
|
171
|
-
|
|
172
147
|
var Avatar = componentGenerator(_image.BaseImage);
|
|
148
|
+
|
|
173
149
|
/**
|
|
174
150
|
* 头像展示组件,支持圆形和方形两种形状,支持图片文字头像,支持五种尺寸。
|
|
175
151
|
* @en Avatar component supports two shapes of circle and square, supports pictures or text avatars, with five sizes.
|
|
@@ -178,9 +154,7 @@ var Avatar = componentGenerator(_image.BaseImage);
|
|
|
178
154
|
* @name 头像
|
|
179
155
|
* @name_en Avatar
|
|
180
156
|
*/
|
|
181
|
-
|
|
182
157
|
var _default = (0, _mobileUtils.componentWrapper)(Avatar, {
|
|
183
158
|
Group: _group.default
|
|
184
159
|
});
|
|
185
|
-
|
|
186
160
|
exports.default = _default;
|