@arco-design/mobile-react 2.24.1 → 2.25.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 +29 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +42 -120
- package/cjs/_helpers/index.js +2 -13
- package/cjs/_helpers/react-dom.js +0 -12
- package/cjs/_helpers/render.js +0 -12
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.css +1 -1
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +51 -77
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.css +3 -2
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/demo/style/css/mobile.css +12 -0
- package/cjs/carousel/demo/style/mobile.less +8 -0
- package/cjs/carousel/index.d.ts +1 -1
- package/cjs/carousel/index.js +159 -275
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +14 -23
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.d.ts +4 -1
- package/cjs/checkbox/index.js +5 -10
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +27 -56
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +10 -28
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.d.ts +3 -2
- package/cjs/date-picker/index.js +52 -114
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +28 -54
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.css +2 -1
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +6 -27
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +35 -71
- package/cjs/ellipsis/components/native-ellipsis.js +9 -15
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.css +3 -0
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/style/index.less +4 -0
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.d.ts +3 -0
- package/cjs/form/form-item-context.js +12 -0
- package/cjs/form/form-item.d.ts +4 -0
- package/cjs/form/form-item.js +313 -0
- package/cjs/form/index.d.ts +16 -0
- package/cjs/form/index.js +96 -0
- package/cjs/form/style/css/index.css +92 -0
- package/cjs/form/style/css/index.d.ts +2 -0
- package/cjs/form/style/css/index.js +4 -0
- package/cjs/form/style/index.d.ts +2 -0
- package/cjs/form/style/index.js +4 -0
- package/cjs/form/style/index.less +91 -0
- package/cjs/form/type.d.ts +371 -0
- package/cjs/form/type.js +30 -0
- package/cjs/form/useForm.d.ts +18 -0
- package/cjs/form/useForm.js +225 -0
- package/cjs/form/utils.d.ts +6 -0
- package/cjs/form/utils.js +36 -0
- package/cjs/grid/index.js +21 -41
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -111
- package/cjs/image/index.js +53 -92
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.d.ts +3 -2
- package/cjs/image-picker/index.js +62 -103
- package/cjs/image-picker/style/css/index.js +0 -2
- package/cjs/image-picker/style/index.js +0 -2
- package/cjs/image-preview/demo/style/css/mobile.css +10 -0
- package/cjs/image-preview/demo/style/mobile.less +11 -0
- package/cjs/image-preview/index.d.ts +5 -0
- package/cjs/image-preview/index.js +124 -239
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.css +1 -0
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/image-preview/style/index.less +1 -1
- package/cjs/index.d.ts +7 -6
- package/cjs/index.js +15 -120
- package/cjs/input/hooks.js +42 -75
- package/cjs/input/index.d.ts +3 -2
- package/cjs/input/index.js +36 -47
- package/cjs/input/style/css/index.css +1 -1
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/load-more/index.js +29 -56
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +46 -79
- package/cjs/masking/methods.js +4 -19
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +1 -5
- package/cjs/nav-bar/index.js +36 -60
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +31 -54
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.css +2 -2
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.d.ts +3 -2
- package/cjs/picker/index.js +50 -89
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +14 -31
- package/cjs/picker-view/components/multi-picker.js +6 -20
- package/cjs/picker-view/components/picker-cell.js +45 -97
- package/cjs/picker-view/index.d.ts +3 -2
- package/cjs/picker-view/index.js +36 -77
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +94 -151
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -51
- package/cjs/popover/popover-inner.js +30 -47
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +38 -80
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +58 -100
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.d.ts +9 -3
- package/cjs/pull-refresh/index.js +5 -15
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -80
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.d.ts +4 -1
- package/cjs/radio/index.js +5 -10
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.d.ts +3 -2
- package/cjs/rate/index.js +34 -57
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +34 -93
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +26 -55
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +12 -24
- package/cjs/slider/index.d.ts +3 -2
- package/cjs/slider/index.js +56 -80
- package/cjs/slider/marks.js +12 -26
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +8 -23
- package/cjs/stepper/hooks/useButtonClick.js +19 -28
- package/cjs/stepper/hooks/useInputEvent.js +9 -18
- package/cjs/stepper/hooks/useValue.js +9 -14
- package/cjs/stepper/index.d.ts +3 -2
- package/cjs/stepper/index.js +92 -103
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +22 -40
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.css +2 -2
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +37 -66
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.d.ts +7 -6
- package/cjs/style.js +7 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +55 -83
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.d.ts +3 -2
- package/cjs/switch/index.js +37 -54
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +15 -31
- package/cjs/tabs/index.js +129 -192
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +25 -64
- package/cjs/tabs/tab-cell.js +66 -108
- package/cjs/tabs/tab-pane.js +49 -94
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.d.ts +3 -2
- package/cjs/textarea/index.js +45 -63
- package/cjs/textarea/style/css/index.css +1 -1
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +10 -18
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/dist/index.js +21033 -20542
- package/dist/index.min.js +12 -3
- package/dist/style.css +826 -740
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +41 -99
- package/esm/_helpers/index.js +2 -3
- package/esm/_helpers/react-dom.js +0 -10
- package/esm/_helpers/render.js +0 -7
- package/esm/action-sheet/index.js +10 -16
- package/esm/action-sheet/style/css/index.css +1 -1
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +51 -62
- package/esm/badge/index.js +18 -22
- package/esm/badge/style/css/index.css +3 -2
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/demo/style/css/mobile.css +12 -0
- package/esm/carousel/demo/style/mobile.less +8 -0
- package/esm/carousel/index.d.ts +1 -1
- package/esm/carousel/index.js +159 -267
- package/esm/cell/cell.js +14 -14
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.d.ts +4 -1
- package/esm/checkbox/index.js +5 -3
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +27 -46
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +10 -18
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.d.ts +3 -2
- package/esm/date-picker/index.js +53 -103
- package/esm/dialog/index.js +28 -39
- package/esm/dialog/methods.js +9 -11
- package/esm/dialog/style/css/index.css +2 -1
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +6 -16
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +35 -62
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/style/css/index.css +3 -0
- package/esm/ellipsis/style/index.less +4 -0
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item-context.d.ts +3 -0
- package/esm/form/form-item-context.js +6 -0
- package/esm/form/form-item.d.ts +4 -0
- package/esm/form/form-item.js +306 -0
- package/esm/form/index.d.ts +16 -0
- package/esm/form/index.js +79 -0
- package/esm/form/style/css/index.css +92 -0
- package/esm/form/style/css/index.d.ts +2 -0
- package/esm/form/style/css/index.js +2 -0
- package/esm/form/style/index.d.ts +2 -0
- package/esm/form/style/index.js +2 -0
- package/esm/form/style/index.less +91 -0
- package/esm/form/type.d.ts +371 -0
- package/esm/form/type.js +24 -0
- package/esm/form/useForm.d.ts +18 -0
- package/esm/form/useForm.js +217 -0
- package/esm/form/utils.d.ts +6 -0
- package/esm/form/utils.js +30 -0
- package/esm/grid/index.js +21 -34
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -83
- package/esm/image-picker/index.d.ts +3 -2
- package/esm/image-picker/index.js +63 -90
- package/esm/image-preview/demo/style/css/mobile.css +10 -0
- package/esm/image-preview/demo/style/mobile.less +11 -0
- package/esm/image-preview/index.d.ts +5 -0
- package/esm/image-preview/index.js +124 -218
- package/esm/image-preview/methods.js +4 -14
- package/esm/image-preview/style/css/index.css +1 -0
- package/esm/image-preview/style/index.less +1 -1
- package/esm/index.d.ts +7 -6
- package/esm/index.js +7 -6
- package/esm/input/hooks.js +42 -67
- package/esm/input/index.d.ts +3 -2
- package/esm/input/index.js +37 -40
- package/esm/input/style/css/index.css +1 -1
- package/esm/load-more/index.js +29 -48
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +46 -64
- package/esm/masking/methods.js +4 -15
- package/esm/nav-bar/back-icon.js +1 -3
- package/esm/nav-bar/index.js +36 -51
- package/esm/notice-bar/index.js +31 -47
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/notify/style/css/index.css +2 -2
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.d.ts +3 -2
- package/esm/picker/index.js +51 -76
- package/esm/picker-view/components/cascader.js +14 -23
- package/esm/picker-view/components/multi-picker.js +6 -16
- package/esm/picker-view/components/picker-cell.js +45 -89
- package/esm/picker-view/index.d.ts +3 -2
- package/esm/picker-view/index.js +36 -63
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +94 -144
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -38
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +38 -64
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +58 -90
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.d.ts +9 -3
- package/esm/pull-refresh/index.js +5 -6
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.d.ts +4 -1
- package/esm/radio/index.js +5 -3
- package/esm/rate/index.d.ts +3 -2
- package/esm/rate/index.js +35 -49
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +34 -85
- package/esm/slider/hooks/useSliderEvents.js +26 -51
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +12 -20
- package/esm/slider/index.d.ts +3 -2
- package/esm/slider/index.js +57 -72
- package/esm/slider/marks.js +12 -18
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +8 -15
- package/esm/stepper/hooks/useButtonClick.js +19 -27
- package/esm/stepper/hooks/useInputEvent.js +9 -16
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.d.ts +3 -2
- package/esm/stepper/index.js +93 -92
- package/esm/steps/index.js +22 -27
- package/esm/steps/step.js +10 -19
- package/esm/steps/style/css/index.css +2 -2
- package/esm/sticky/index.js +37 -57
- package/esm/style.d.ts +7 -6
- package/esm/style.js +7 -6
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +56 -75
- package/esm/switch/index.d.ts +3 -2
- package/esm/switch/index.js +38 -49
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +15 -21
- package/esm/tabs/index.js +130 -180
- package/esm/tabs/tab-cell-underline.js +25 -56
- package/esm/tabs/tab-cell.js +66 -98
- package/esm/tabs/tab-pane.js +49 -85
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.d.ts +3 -2
- package/esm/textarea/index.js +46 -56
- package/esm/textarea/style/css/index.css +1 -1
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +10 -12
- package/package.json +3 -4
- package/style/css/public.css +1 -0
- package/tokens/app/arcodesign/default/css-variables.less +17 -7
- package/tokens/app/arcodesign/default/index.d.ts +10 -0
- package/tokens/app/arcodesign/default/index.js +18 -10
- package/tokens/app/arcodesign/default/index.json +139 -23
- package/tokens/app/arcodesign/default/index.less +17 -7
- package/umd/_helpers/hooks.js +42 -117
- package/umd/_helpers/index.js +2 -6
- package/umd/_helpers/react-dom.js +0 -11
- package/umd/_helpers/render.js +0 -9
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/action-sheet/style/css/index.css +1 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +51 -68
- package/umd/badge/index.js +18 -25
- package/umd/badge/style/css/index.css +3 -2
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/demo/style/css/mobile.css +12 -0
- package/umd/carousel/demo/style/mobile.less +8 -0
- package/umd/carousel/index.d.ts +1 -1
- package/umd/carousel/index.js +159 -270
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +14 -18
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.d.ts +4 -1
- package/umd/checkbox/index.js +5 -5
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +27 -50
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +10 -23
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.d.ts +3 -2
- package/umd/date-picker/index.js +52 -105
- package/umd/dialog/index.js +28 -44
- package/umd/dialog/methods.js +9 -18
- package/umd/dialog/style/css/index.css +2 -1
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +6 -25
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +35 -68
- package/umd/ellipsis/components/native-ellipsis.js +9 -13
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/style/css/index.css +3 -0
- package/umd/ellipsis/style/index.less +4 -0
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.d.ts +3 -0
- package/umd/form/form-item-context.js +25 -0
- package/umd/form/form-item.d.ts +4 -0
- package/umd/form/form-item.js +322 -0
- package/umd/form/index.d.ts +16 -0
- package/umd/form/index.js +106 -0
- package/umd/form/style/css/index.css +92 -0
- package/umd/form/style/css/index.d.ts +2 -0
- package/umd/form/style/css/index.js +15 -0
- package/umd/form/style/index.d.ts +2 -0
- package/umd/form/style/index.js +15 -0
- package/umd/form/style/index.less +91 -0
- package/umd/form/type.d.ts +371 -0
- package/umd/form/type.js +44 -0
- package/umd/form/useForm.d.ts +18 -0
- package/umd/form/useForm.js +238 -0
- package/umd/form/utils.d.ts +6 -0
- package/umd/form/utils.js +50 -0
- package/umd/grid/index.js +21 -37
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -86
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.d.ts +3 -2
- package/umd/image-picker/index.js +62 -92
- package/umd/image-preview/demo/style/css/mobile.css +10 -0
- package/umd/image-preview/demo/style/mobile.less +11 -0
- package/umd/image-preview/index.d.ts +5 -0
- package/umd/image-preview/index.js +124 -224
- package/umd/image-preview/methods.js +5 -15
- package/umd/image-preview/style/css/index.css +1 -0
- package/umd/image-preview/style/index.less +1 -1
- package/umd/index.d.ts +7 -6
- package/umd/index.js +19 -18
- package/umd/input/hooks.js +42 -71
- package/umd/input/index.d.ts +3 -2
- package/umd/input/index.js +36 -42
- package/umd/input/style/css/index.css +1 -1
- package/umd/load-more/index.js +29 -51
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +46 -71
- package/umd/masking/methods.js +4 -16
- package/umd/nav-bar/back-icon.js +1 -4
- package/umd/nav-bar/index.js +36 -54
- package/umd/notice-bar/index.js +31 -50
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/notify/style/css/index.css +2 -2
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.d.ts +3 -2
- package/umd/picker/index.js +50 -78
- package/umd/picker-view/components/cascader.js +14 -27
- package/umd/picker-view/components/multi-picker.js +6 -19
- package/umd/picker-view/components/picker-cell.js +45 -93
- package/umd/picker-view/index.d.ts +3 -2
- package/umd/picker-view/index.js +39 -69
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +94 -145
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -42
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +38 -71
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +58 -93
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.d.ts +9 -3
- package/umd/pull-refresh/index.js +5 -8
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.d.ts +4 -1
- package/umd/radio/index.js +5 -5
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.d.ts +3 -2
- package/umd/rate/index.js +34 -51
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +34 -89
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +26 -52
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +12 -22
- package/umd/slider/index.d.ts +3 -2
- package/umd/slider/index.js +56 -73
- package/umd/slider/marks.js +12 -21
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +8 -18
- package/umd/stepper/hooks/useButtonClick.js +19 -27
- package/umd/stepper/hooks/useInputEvent.js +9 -17
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.d.ts +3 -2
- package/umd/stepper/index.js +92 -94
- package/umd/steps/index.js +22 -32
- package/umd/steps/step.js +10 -22
- package/umd/steps/style/css/index.css +2 -2
- package/umd/sticky/index.js +37 -60
- package/umd/style.d.ts +7 -6
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +55 -77
- package/umd/switch/index.d.ts +3 -2
- package/umd/switch/index.js +37 -50
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +15 -26
- package/umd/tabs/index.js +129 -183
- package/umd/tabs/tab-cell-underline.js +25 -60
- package/umd/tabs/tab-cell.js +66 -103
- package/umd/tabs/tab-pane.js +49 -89
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.d.ts +3 -2
- package/umd/textarea/index.js +45 -58
- package/umd/textarea/style/css/index.css +1 -1
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +10 -12
@@ -14,74 +14,62 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.componentGenerator = componentGenerator;
|
20
19
|
_extends2 = _interopRequireDefault(_extends2);
|
21
20
|
_react = _interopRequireWildcard(_react);
|
22
21
|
_IconTriDown = _interopRequireDefault(_IconTriDown);
|
23
|
-
|
24
22
|
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); }
|
25
|
-
|
26
23
|
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; }
|
27
|
-
|
28
24
|
function componentGenerator(Comp) {
|
29
25
|
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
30
26
|
var _props$className = props.className,
|
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
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
27
|
+
className = _props$className === void 0 ? '' : _props$className,
|
28
|
+
_props$style = props.style,
|
29
|
+
style = _props$style === void 0 ? {} : _props$style,
|
30
|
+
_props$options = props.options,
|
31
|
+
options = _props$options === void 0 ? [] : _props$options,
|
32
|
+
_props$disabled = props.disabled,
|
33
|
+
disabled = _props$disabled === void 0 ? [] : _props$disabled,
|
34
|
+
_props$selectTips = props.selectTips,
|
35
|
+
selectTips = _props$selectTips === void 0 ? [] : _props$selectTips,
|
36
|
+
values = props.values,
|
37
|
+
_props$defaultValues = props.defaultValues,
|
38
|
+
defaultValues = _props$defaultValues === void 0 ? [] : _props$defaultValues,
|
39
|
+
icon = props.icon,
|
40
|
+
_props$chooseAndClose = props.chooseAndClose,
|
41
|
+
chooseAndClose = _props$chooseAndClose === void 0 ? true : _props$chooseAndClose,
|
42
|
+
selectIndex = props.selectIndex,
|
43
|
+
_props$defaultSelectI = props.defaultSelectIndex,
|
44
|
+
defaultSelectIndex = _props$defaultSelectI === void 0 ? 0 : _props$defaultSelectI,
|
45
|
+
showDropdown = props.showDropdown,
|
46
|
+
_props$defaultShowDro = props.defaultShowDropdown,
|
47
|
+
defaultShowDropdown = _props$defaultShowDro === void 0 ? false : _props$defaultShowDro,
|
48
|
+
onValuesChange = props.onValuesChange,
|
49
|
+
onSelectChange = props.onSelectChange,
|
50
|
+
onDropdownChange = props.onDropdownChange,
|
51
|
+
_props$getFormattedOp = props.getFormattedOptions,
|
52
|
+
getFormattedOptions = _props$getFormattedOp === void 0 ? _helper.getFormattedOptions : _props$getFormattedOp,
|
53
|
+
getContainer = props.getContainer,
|
54
|
+
children = props.children,
|
55
|
+
extraForDropdown = props.extraForDropdown;
|
61
56
|
var _useContext = (0, _react.useContext)(_contextProvider.GlobalContext),
|
62
|
-
|
63
|
-
|
64
|
-
|
57
|
+
prefixCls = _useContext.prefixCls,
|
58
|
+
locale = _useContext.locale;
|
65
59
|
var _useState = (0, _react.useState)(defaultValues),
|
66
|
-
|
67
|
-
|
68
|
-
|
60
|
+
innerValues = _useState[0],
|
61
|
+
setInnerValues = _useState[1];
|
69
62
|
var _useState2 = (0, _react.useState)(0),
|
70
|
-
|
71
|
-
|
72
|
-
|
63
|
+
defaultTop = _useState2[0],
|
64
|
+
setDefaultTop = _useState2[1];
|
73
65
|
var currentValues = values !== void 0 ? values : innerValues;
|
74
|
-
|
75
66
|
var _useState3 = (0, _react.useState)(defaultShowDropdown),
|
76
|
-
|
77
|
-
|
78
|
-
|
67
|
+
innerShowDropdown = _useState3[0],
|
68
|
+
setInnerShowDropdown = _useState3[1];
|
79
69
|
var dropdownShown = showDropdown !== void 0 ? showDropdown : innerShowDropdown;
|
80
|
-
|
81
70
|
var _useState4 = (0, _react.useState)(defaultSelectIndex),
|
82
|
-
|
83
|
-
|
84
|
-
|
71
|
+
innerSelectedIndex = _useState4[0],
|
72
|
+
setInnerSelectedIndex = _useState4[1];
|
85
73
|
var selectedIndex = selectIndex !== void 0 ? selectIndex : innerSelectedIndex;
|
86
74
|
var selectWrapper = (0, _react.useRef)(null);
|
87
75
|
var domRef = (0, _react.useRef)(null);
|
@@ -89,70 +77,62 @@
|
|
89
77
|
label: locale == null ? void 0 : locale.DropdownMenu.select,
|
90
78
|
value: -1
|
91
79
|
};
|
80
|
+
|
92
81
|
/**
|
93
82
|
* 更新选项数组和选择情况
|
94
83
|
* @en Update options list and selection
|
95
84
|
*/
|
96
|
-
|
97
85
|
var _useMemo = (0, _react.useMemo)(function () {
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
86
|
+
return getFormattedOptions(options, currentValues);
|
87
|
+
}, [options, currentValues]),
|
88
|
+
formattedOptions = _useMemo.formattedOptions;
|
102
89
|
var selectedOptions = (0, _react.useMemo)(function () {
|
103
90
|
return formattedOptions.map(function (ops, index) {
|
104
91
|
if (props.multiple) {
|
105
92
|
var _value = currentValues[index] || [];
|
106
|
-
|
107
93
|
var opItems = ops.reduce(function (acc, op) {
|
108
94
|
return [].concat(acc, _value.includes(op.value) ? [op] : []);
|
109
95
|
}, []);
|
110
96
|
return opItems.length ? opItems : [defaultOpItem];
|
111
97
|
}
|
112
|
-
|
113
98
|
var value = currentValues[index];
|
114
99
|
return ops.find(function (op) {
|
115
100
|
return op.value === value;
|
116
101
|
}) || ops[0];
|
117
102
|
});
|
118
103
|
}, [formattedOptions, currentValues, props.multiple]);
|
104
|
+
|
119
105
|
/**
|
120
106
|
* 当下拉框的状态变化
|
121
107
|
* @en When the state of the dropdown box changes
|
122
108
|
*/
|
123
|
-
|
124
109
|
var handleShowDropdownChange = function handleShowDropdownChange(show, index) {
|
125
110
|
onDropdownChange && onDropdownChange(show, index);
|
126
111
|
setInnerShowDropdown(show);
|
127
112
|
};
|
128
|
-
|
129
113
|
var handleSelectedIndexChange = function handleSelectedIndexChange(idx) {
|
130
114
|
setInnerSelectedIndex(idx);
|
131
115
|
onSelectChange == null ? void 0 : onSelectChange(idx);
|
132
116
|
};
|
133
|
-
|
134
117
|
var handleValuesChange = function handleValuesChange(val) {
|
135
|
-
var newValue = [].concat(currentValues);
|
118
|
+
var newValue = [].concat(currentValues);
|
119
|
+
// 级联情况下 selectedIndex 之后的选项值重置
|
136
120
|
// @en Option values are reset after selectedIndex in case of cascade
|
137
|
-
|
138
121
|
if ((0, _helper.isCascadeArray)(options)) {
|
139
122
|
newValue = newValue.slice(0, selectedIndex);
|
140
123
|
}
|
141
|
-
|
142
124
|
newValue[selectedIndex] = val;
|
143
125
|
newValue = getFormattedOptions(options, newValue).formattedValue;
|
144
126
|
setInnerValues(newValue);
|
145
127
|
onValuesChange == null ? void 0 : onValuesChange(newValue);
|
146
128
|
};
|
129
|
+
|
147
130
|
/**
|
148
131
|
* 处理选择框的点击事件
|
149
132
|
* @en Handle click event of dropdown box
|
150
133
|
*/
|
151
|
-
|
152
|
-
|
153
134
|
var handleSelectClick = function handleSelectClick(idx) {
|
154
135
|
if (disabled[idx]) return;
|
155
|
-
|
156
136
|
if (Number(idx) === selectedIndex) {
|
157
137
|
handleShowDropdownChange(!dropdownShown, idx);
|
158
138
|
} else {
|
@@ -160,19 +140,16 @@
|
|
160
140
|
if (!dropdownShown) handleShowDropdownChange(true, idx);
|
161
141
|
}
|
162
142
|
};
|
143
|
+
|
163
144
|
/**
|
164
145
|
* 判断是否为当前实例下的选择框
|
165
146
|
* @en Determine whether it is the dropdown box under the current instance
|
166
147
|
*/
|
167
|
-
|
168
|
-
|
169
148
|
var isCurrentSelectEl = function isCurrentSelectEl(target) {
|
170
149
|
var _ref = extraForDropdown || {},
|
171
|
-
|
172
|
-
|
150
|
+
isStopTouchEl = _ref.isStopTouchEl;
|
173
151
|
return (0, _helper.isRefDom)(target, selectWrapper) && (0, _helper.isClassNameDom)(target, 'select-item') || (isStopTouchEl == null ? void 0 : isStopTouchEl(target)) || false;
|
174
152
|
};
|
175
|
-
|
176
153
|
(0, _react.useImperativeHandle)(ref, function () {
|
177
154
|
return {
|
178
155
|
dom: domRef.current
|
@@ -183,11 +160,9 @@
|
|
183
160
|
var container = getContainer ? getContainer() || defaultContainer : defaultContainer;
|
184
161
|
setDefaultTop((container == null ? void 0 : container.getBoundingClientRect().bottom) || 0);
|
185
162
|
}, [getContainer, dropdownShown]);
|
186
|
-
|
187
163
|
var onCancel = props.onCancel || function () {
|
188
164
|
return handleShowDropdownChange(false);
|
189
165
|
};
|
190
|
-
|
191
166
|
var dropdownCommonProps = (0, _extends2.default)({
|
192
167
|
showDropdown: dropdownShown,
|
193
168
|
top: (extraForDropdown == null ? void 0 : extraForDropdown.top) || defaultTop,
|
@@ -195,7 +170,6 @@
|
|
195
170
|
}, extraForDropdown || {}, {
|
196
171
|
isStopTouchEl: isCurrentSelectEl
|
197
172
|
});
|
198
|
-
|
199
173
|
var renderSelectedLabel = function renderSelectedLabel(op, index) {
|
200
174
|
if (props.multiple === true) {
|
201
175
|
var multipleOp = op || [];
|
@@ -205,13 +179,11 @@
|
|
205
179
|
return item.label;
|
206
180
|
}).join(','));
|
207
181
|
}
|
208
|
-
|
209
182
|
var singleOp = op || [];
|
210
183
|
return props.renderSelectLabel ? props.renderSelectLabel(singleOp, index) : /*#__PURE__*/_react.default.createElement("div", {
|
211
184
|
className: (0, _mobileUtils.cls)(prefixCls + "-select-item-label-text")
|
212
185
|
}, singleOp.label);
|
213
186
|
};
|
214
|
-
|
215
187
|
return /*#__PURE__*/_react.default.createElement("div", {
|
216
188
|
ref: domRef,
|
217
189
|
className: (0, _mobileUtils.cls)(prefixCls + "-dropdown-menu all-border-box", className, {
|
@@ -261,7 +233,6 @@
|
|
261
233
|
selectedValue: currentValues[selectedIndex] || 0,
|
262
234
|
onOptionClick: function onOptionClick(val, op) {
|
263
235
|
props.onOptionClick == null ? void 0 : props.onOptionClick(val, op, selectedIndex);
|
264
|
-
|
265
236
|
if (chooseAndClose) {
|
266
237
|
handleShowDropdownChange(false, selectedIndex);
|
267
238
|
}
|
@@ -14,7 +14,6 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.getFormattedOptions = void 0;
|
20
19
|
_exports.isCascadeArray = isCascadeArray;
|
@@ -22,7 +21,6 @@
|
|
22
21
|
_exports.isString = isString;
|
23
22
|
_exports.isStringArray = isStringArray;
|
24
23
|
_extends2 = _interopRequireDefault(_extends2);
|
25
|
-
|
26
24
|
/**
|
27
25
|
* 判断是否为string数组
|
28
26
|
* @en Determine whether it is a string array
|
@@ -30,24 +28,23 @@
|
|
30
28
|
function isStringArray(options) {
|
31
29
|
return typeof options[0] === 'string';
|
32
30
|
}
|
31
|
+
|
33
32
|
/**
|
34
33
|
* 判断是否为嵌套数组
|
35
34
|
* @en Determine if it is a nested array
|
36
35
|
* */
|
37
|
-
|
38
|
-
|
39
36
|
function isCascadeArray(options) {
|
40
37
|
return typeof options[0] === 'object' && !(0, _mobileUtils.isArray)(options[0]);
|
41
38
|
}
|
39
|
+
|
42
40
|
/**
|
43
41
|
* 判断是否为string类型
|
44
42
|
* @en Determine whether it is of type string
|
45
43
|
*/
|
46
|
-
|
47
|
-
|
48
44
|
function isString(icon) {
|
49
45
|
return typeof icon === 'string';
|
50
46
|
}
|
47
|
+
|
51
48
|
/**
|
52
49
|
* 格式化传入的数组
|
53
50
|
* @en format the input array
|
@@ -55,12 +52,9 @@
|
|
55
52
|
* @param {OptionsItem[][] | string[] | CascadeOptions[]} options {en} Array of options from the upper layer
|
56
53
|
* @param {ValueType} currentValues Current selected value
|
57
54
|
* */
|
58
|
-
|
59
|
-
|
60
55
|
var getFormattedOptions = function getFormattedOptions(options, currentValues) {
|
61
56
|
var values = [].concat(currentValues);
|
62
57
|
var formattedOptions = [];
|
63
|
-
|
64
58
|
if (isStringArray(options)) {
|
65
59
|
/**
|
66
60
|
* 如果传入的是简单的字符串数组
|
@@ -76,77 +70,64 @@
|
|
76
70
|
} else if (isCascadeArray(options)) {
|
77
71
|
var ops = options;
|
78
72
|
var i = 0;
|
79
|
-
|
80
73
|
var _loop = function _loop() {
|
81
74
|
formattedOptions.push(ops.map(function (item) {
|
82
75
|
return (0, _extends2.default)({}, item, {
|
83
76
|
disabled: item.disabled || false
|
84
77
|
});
|
85
78
|
}));
|
86
|
-
var temp
|
79
|
+
var temp;
|
87
80
|
var val = values[i];
|
88
81
|
var valIndex = ops.findIndex(function (op) {
|
89
82
|
return op.value === val;
|
90
83
|
});
|
91
|
-
|
92
84
|
if (valIndex > -1) {
|
93
85
|
temp = ops[valIndex].children;
|
94
86
|
} else {
|
95
87
|
temp = ops[0].children;
|
96
88
|
values[i] = ops[0].value;
|
97
89
|
}
|
98
|
-
|
99
90
|
i++;
|
100
91
|
ops = temp;
|
101
92
|
};
|
102
|
-
|
103
93
|
while (ops) {
|
104
94
|
_loop();
|
105
95
|
}
|
106
96
|
} else {
|
107
97
|
formattedOptions.push.apply(formattedOptions, options);
|
108
98
|
}
|
109
|
-
|
110
99
|
return {
|
111
100
|
formattedOptions: formattedOptions,
|
112
101
|
formattedValue: values
|
113
102
|
};
|
114
103
|
};
|
104
|
+
|
115
105
|
/**
|
116
106
|
* 判断是否为指定ref内的元素
|
117
107
|
* @en Determine whether it is an element within the specified ref
|
118
108
|
*/
|
119
|
-
|
120
|
-
|
121
109
|
_exports.getFormattedOptions = getFormattedOptions;
|
122
|
-
|
123
110
|
var isRefDom = function isRefDom(dom, ref) {
|
124
111
|
var refDom = ref.current;
|
125
112
|
if (!refDom || !dom) return false;
|
126
113
|
return refDom.contains(dom);
|
127
114
|
};
|
115
|
+
|
128
116
|
/**
|
129
117
|
* 判断是否为指定类名下的元素
|
130
118
|
* @en Determine whether it is an element under the specified classname
|
131
119
|
*/
|
132
|
-
|
133
|
-
|
134
120
|
_exports.isRefDom = isRefDom;
|
135
|
-
|
136
121
|
var isClassNameDom = function isClassNameDom(dom, className) {
|
137
122
|
if (!dom) return false;
|
138
123
|
var tempEl = dom;
|
139
|
-
|
140
124
|
while (tempEl) {
|
141
125
|
if (tempEl.classList.value.indexOf(className) > -1) {
|
142
126
|
return true;
|
143
127
|
}
|
144
|
-
|
145
128
|
tempEl = tempEl.parentNode;
|
146
129
|
}
|
147
|
-
|
148
130
|
return false;
|
149
131
|
};
|
150
|
-
|
151
132
|
_exports.isClassNameDom = isClassNameDom;
|
152
133
|
});
|
@@ -14,7 +14,6 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
var _exportNames = {};
|
20
19
|
_exports.default = void 0;
|
@@ -25,7 +24,6 @@
|
|
25
24
|
if (key in _exports && _exports[key] === _type[key]) return;
|
26
25
|
_exports[key] = _type[key];
|
27
26
|
});
|
28
|
-
|
29
27
|
/**
|
30
28
|
* 下拉选择组件,点击选择器(select)展开下拉框(dropdown),展示选择项(options),兼容多个选择器的情况。
|
31
29
|
* @en Dropdown component, click the selector (select) to expand the dropdown box (dropdown), display the options (options), compatible with multiple selectors.
|
@@ -14,31 +14,27 @@
|
|
14
14
|
"use strict";
|
15
15
|
|
16
16
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
17
|
-
|
18
17
|
_exports.__esModule = true;
|
19
18
|
_exports.default = void 0;
|
20
19
|
_react = _interopRequireWildcard(_react);
|
21
20
|
_resizeObserverPolyfill = _interopRequireDefault(_resizeObserverPolyfill);
|
22
|
-
|
23
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
24
|
-
|
25
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
26
|
-
|
27
23
|
var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
28
24
|
var prefixCls = props.prefixCls,
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
25
|
+
text = props.text,
|
26
|
+
ellipsis = props.ellipsis,
|
27
|
+
dangerouslyUseInnerHTML = props.dangerouslyUseInnerHTML,
|
28
|
+
_props$maxLine = props.maxLine,
|
29
|
+
maxLine = _props$maxLine === void 0 ? 1 : _props$maxLine,
|
30
|
+
maxHeight = props.maxHeight,
|
31
|
+
ellipsisNode = props.ellipsisNode,
|
32
|
+
collapseNode = props.collapseNode,
|
33
|
+
endExcludes = props.endExcludes,
|
34
|
+
reflowOnResize = props.reflowOnResize,
|
35
|
+
onReflow = props.onReflow,
|
36
|
+
onEllipsisNodeClick = props.onEllipsisNodeClick,
|
37
|
+
onCollapseNodeClick = props.onCollapseNodeClick;
|
42
38
|
var truncating = (0, _react.useRef)(false);
|
43
39
|
var domRef = (0, _react.useRef)(null);
|
44
40
|
var textRef = (0, _react.useRef)(null);
|
@@ -52,89 +48,73 @@
|
|
52
48
|
(0, _react.useEffect)(function () {
|
53
49
|
setCurLineHeight();
|
54
50
|
}, []);
|
55
|
-
|
56
51
|
function handleOnReflow(isEllipsis, result) {
|
57
52
|
if (onReflow && typeof onReflow === 'function') {
|
58
53
|
onReflow(isEllipsis, result);
|
59
54
|
}
|
60
55
|
}
|
61
|
-
|
62
56
|
function truncateText(container, textContainer, max) {
|
63
57
|
var content = textContainer.textContent || '';
|
64
58
|
var currentText = '';
|
65
59
|
var l = 0;
|
66
|
-
var r = content.length - 1;
|
67
|
-
|
60
|
+
var r = content.length - 1;
|
61
|
+
// Binary truncate text until get the max limit fragment of text.
|
68
62
|
while (l < r) {
|
69
63
|
var m = Math.floor((l + r) / 2);
|
70
|
-
|
71
64
|
if (l === m) {
|
72
65
|
break;
|
73
66
|
}
|
74
|
-
|
75
67
|
var temp = content.slice(l, m);
|
76
68
|
textContainer.innerText = currentText + temp;
|
77
|
-
|
78
69
|
var _container$getBoundin = container.getBoundingClientRect(),
|
79
|
-
|
80
|
-
|
70
|
+
height = _container$getBoundin.height;
|
81
71
|
if (height > max) {
|
82
72
|
r = m;
|
83
73
|
} else {
|
84
74
|
currentText += temp;
|
85
75
|
l = m;
|
86
76
|
}
|
87
|
-
}
|
88
|
-
|
89
|
-
|
77
|
+
}
|
78
|
+
// Remove the exclude char at the end of the content.
|
90
79
|
while (endExcludes && endExcludes.includes(currentText[currentText.length - 1])) {
|
91
80
|
currentText = currentText.slice(0, -1);
|
92
|
-
}
|
93
|
-
|
94
|
-
|
81
|
+
}
|
82
|
+
// Callback after reflow.
|
95
83
|
handleOnReflow(true, currentText);
|
96
84
|
textContainer.innerText = currentText;
|
97
85
|
}
|
98
|
-
|
99
86
|
function truncateHTML(container, textContainer, max) {
|
100
87
|
// only enter this function when container overflow.
|
101
88
|
var children = textContainer.childNodes;
|
102
|
-
|
103
89
|
if (children.length === 1) {
|
104
90
|
var node = children[0];
|
105
|
-
|
106
91
|
if (node.nodeType === Node.TEXT_NODE) {
|
107
92
|
truncateText(container, textContainer, max);
|
108
93
|
} else {
|
109
|
-
var html = node.innerHTML;
|
110
|
-
|
94
|
+
var html = node.innerHTML;
|
95
|
+
// clear content to determine whether the empty node can be placed.
|
111
96
|
node.innerHTML = '';
|
112
|
-
|
113
97
|
var _container$getBoundin2 = container.getBoundingClientRect(),
|
114
|
-
|
115
|
-
|
98
|
+
height = _container$getBoundin2.height;
|
116
99
|
if (height > max) {
|
117
100
|
// return after remove the node, if overflow with empty node.
|
118
101
|
textContainer.removeChild(node);
|
119
102
|
handleOnReflow(true, textContainer.innerHTML);
|
120
103
|
return;
|
121
104
|
}
|
122
|
-
|
123
|
-
|
124
|
-
|
105
|
+
node.innerHTML = html;
|
106
|
+
// recursive truncate node
|
125
107
|
truncateHTML(container, node, max);
|
126
108
|
}
|
127
109
|
} else {
|
128
110
|
var nodes = [].slice.call(children);
|
129
111
|
textContainer.innerHTML = '';
|
130
|
-
var i = 0;
|
131
|
-
|
112
|
+
var i = 0;
|
113
|
+
// find the critical node
|
132
114
|
while (i < nodes.length) {
|
133
115
|
textContainer.appendChild(nodes[i]);
|
134
|
-
|
135
116
|
var _container$getBoundin3 = container.getBoundingClientRect(),
|
136
|
-
|
137
|
-
|
117
|
+
_height = _container$getBoundin3.height;
|
138
118
|
if (_height > max) {
|
139
119
|
if (nodes[i].childNodes && nodes[i].childNodes.length) {
|
140
120
|
break;
|
@@ -144,48 +124,39 @@
|
|
144
124
|
return;
|
145
125
|
}
|
146
126
|
}
|
147
|
-
|
148
127
|
i++;
|
149
128
|
}
|
150
|
-
|
151
129
|
if (textContainer.childNodes[i]) {
|
152
130
|
// truncate the critical node
|
153
131
|
truncateHTML(container, textContainer.childNodes[i], max);
|
154
132
|
}
|
155
133
|
}
|
156
|
-
}
|
157
|
-
|
158
|
-
|
134
|
+
}
|
135
|
+
// reflow when the main props change.
|
159
136
|
var reflow = (0, _react.useCallback)(function () {
|
160
137
|
if (!domRef.current || !textRef.current || !ellipsisRef.current || truncating.current) {
|
161
138
|
return;
|
162
139
|
}
|
163
|
-
|
164
140
|
ellipsisRef.current.style.display = 'none';
|
165
|
-
|
166
141
|
if (dangerouslyUseInnerHTML) {
|
167
142
|
textRef.current.innerHTML = text;
|
143
|
+
textRef.current.classList.add(prefixCls + "-js-content-text-pre");
|
168
144
|
} else {
|
169
145
|
textRef.current.innerText = text;
|
170
146
|
}
|
171
|
-
|
172
147
|
if (!ellipsis) {
|
173
148
|
return;
|
174
149
|
}
|
175
|
-
|
150
|
+
textRef.current.classList.remove(prefixCls + "-js-content-text-pre");
|
176
151
|
var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
|
177
|
-
|
178
|
-
|
152
|
+
height = _domRef$current$getBo.height;
|
179
153
|
var max = isNaN(Number(maxHeight)) ? lineHeightRef.current * maxLine : Number(maxHeight);
|
180
|
-
|
181
154
|
if (height <= max) {
|
182
155
|
handleOnReflow(false, text);
|
183
156
|
return;
|
184
157
|
}
|
185
|
-
|
186
158
|
truncating.current = true;
|
187
159
|
ellipsisRef.current.style.display = 'inline';
|
188
|
-
|
189
160
|
if (dangerouslyUseInnerHTML) {
|
190
161
|
// wrap the text children node with span element.
|
191
162
|
(0, _dom.wrapTextChildNodesWithSpan)(textRef.current, prefixCls + "-js-content-text");
|
@@ -193,14 +164,13 @@
|
|
193
164
|
} else {
|
194
165
|
truncateText(domRef.current, textRef.current, max);
|
195
166
|
}
|
196
|
-
|
197
167
|
truncating.current = false;
|
198
168
|
}, [text, ellipsis, dangerouslyUseInnerHTML, maxLine, maxHeight, ellipsisNode, endExcludes]);
|
199
169
|
(0, _react.useEffect)(function () {
|
200
170
|
reflow();
|
201
171
|
}, [reflow]);
|
202
|
-
var observerRef = (0, _react.useRef)(null);
|
203
|
-
|
172
|
+
var observerRef = (0, _react.useRef)(null);
|
173
|
+
// Observe resize event of container if reflowOnResize is true.
|
204
174
|
(0, _react.useEffect)(function () {
|
205
175
|
if (domRef.current && reflowOnResize) {
|
206
176
|
if (!observerRef.current && ellipsis) {
|
@@ -208,7 +178,6 @@
|
|
208
178
|
observerRef.current.observe(domRef.current);
|
209
179
|
}
|
210
180
|
}
|
211
|
-
|
212
181
|
return function () {
|
213
182
|
// Remove observer when component unmounted.
|
214
183
|
if (observerRef.current && domRef.current) {
|
@@ -251,8 +220,6 @@
|
|
251
220
|
onClick: onCollapseNodeClick
|
252
221
|
}, collapseNode));
|
253
222
|
});
|
254
|
-
|
255
223
|
var _default = /*#__PURE__*/_react.default.memo(JsEllipsis);
|
256
|
-
|
257
224
|
_exports.default = _default;
|
258
225
|
});
|