@arco-design/mobile-react 2.24.2 → 2.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +42 -120
- package/cjs/_helpers/index.js +2 -13
- package/cjs/_helpers/react-dom.js +0 -12
- package/cjs/_helpers/render.js +0 -12
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.css +1 -1
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +51 -77
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.css +3 -2
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/demo/style/css/mobile.css +12 -0
- package/cjs/carousel/demo/style/mobile.less +8 -0
- package/cjs/carousel/index.d.ts +1 -1
- package/cjs/carousel/index.js +159 -275
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +14 -23
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.d.ts +6 -1
- package/cjs/checkbox/index.js +6 -11
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +27 -56
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +10 -28
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.d.ts +5 -2
- package/cjs/date-picker/index.js +52 -114
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +28 -54
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.css +2 -1
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +6 -27
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +33 -72
- package/cjs/ellipsis/components/native-ellipsis.js +9 -15
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.d.ts +3 -0
- package/cjs/form/form-item-context.js +12 -0
- package/cjs/form/form-item.d.ts +4 -0
- package/cjs/form/form-item.js +313 -0
- package/cjs/form/index.d.ts +16 -0
- package/cjs/form/index.js +96 -0
- package/cjs/form/style/css/index.css +92 -0
- package/cjs/form/style/css/index.d.ts +2 -0
- package/cjs/form/style/css/index.js +4 -0
- package/cjs/form/style/index.d.ts +2 -0
- package/cjs/form/style/index.js +4 -0
- package/cjs/form/style/index.less +91 -0
- package/cjs/form/type.d.ts +371 -0
- package/cjs/form/type.js +30 -0
- package/cjs/form/useForm.d.ts +18 -0
- package/cjs/form/useForm.js +225 -0
- package/cjs/form/utils.d.ts +6 -0
- package/cjs/form/utils.js +36 -0
- package/cjs/grid/index.js +21 -41
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -111
- package/cjs/image/index.js +53 -92
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.d.ts +5 -2
- package/cjs/image-picker/index.js +62 -103
- package/cjs/image-picker/style/css/index.js +0 -2
- package/cjs/image-picker/style/index.js +0 -2
- package/cjs/image-preview/demo/style/css/mobile.css +10 -0
- package/cjs/image-preview/demo/style/mobile.less +11 -0
- package/cjs/image-preview/index.d.ts +5 -0
- package/cjs/image-preview/index.js +124 -239
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.css +1 -0
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/image-preview/style/index.less +1 -1
- package/cjs/index.d.ts +7 -6
- package/cjs/index.js +15 -120
- package/cjs/input/hooks.js +42 -75
- package/cjs/input/index.d.ts +5 -2
- package/cjs/input/index.js +36 -47
- package/cjs/input/style/css/index.css +1 -1
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/load-more/index.js +29 -56
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +46 -79
- package/cjs/masking/methods.js +4 -19
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +1 -5
- package/cjs/nav-bar/index.js +36 -60
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +31 -54
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.d.ts +8 -8
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.css +2 -2
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.d.ts +5 -2
- package/cjs/picker/index.js +50 -89
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +14 -31
- package/cjs/picker-view/components/multi-picker.js +6 -20
- package/cjs/picker-view/components/picker-cell.js +45 -97
- package/cjs/picker-view/index.d.ts +5 -2
- package/cjs/picker-view/index.js +36 -77
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +94 -151
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -51
- package/cjs/popover/popover-inner.js +30 -47
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +38 -80
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +58 -100
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.d.ts +9 -3
- package/cjs/pull-refresh/index.js +5 -15
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -80
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.d.ts +6 -1
- package/cjs/radio/index.js +5 -10
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.d.ts +5 -2
- package/cjs/rate/index.js +34 -57
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +34 -93
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +26 -55
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +12 -24
- package/cjs/slider/index.d.ts +5 -2
- package/cjs/slider/index.js +56 -80
- package/cjs/slider/marks.js +12 -26
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +8 -23
- package/cjs/stepper/hooks/useButtonClick.js +19 -28
- package/cjs/stepper/hooks/useInputEvent.js +9 -18
- package/cjs/stepper/hooks/useValue.js +9 -14
- package/cjs/stepper/index.d.ts +5 -2
- package/cjs/stepper/index.js +92 -103
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +22 -40
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.css +2 -2
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +37 -66
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.d.ts +7 -6
- package/cjs/style.js +7 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +55 -83
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.d.ts +5 -2
- package/cjs/switch/index.js +37 -54
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +15 -31
- package/cjs/tabs/index.js +129 -192
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +25 -64
- package/cjs/tabs/tab-cell.js +66 -108
- package/cjs/tabs/tab-pane.js +49 -94
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.d.ts +5 -2
- package/cjs/textarea/index.js +45 -63
- package/cjs/textarea/style/css/index.css +1 -1
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.d.ts +12 -12
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +10 -18
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/dist/index.js +21030 -20541
- package/dist/index.min.js +12 -3
- package/dist/style.css +823 -741
- package/dist/style.min.css +1 -1
- package/esm/_helpers/hooks.js +41 -99
- package/esm/_helpers/index.js +2 -3
- package/esm/_helpers/react-dom.js +0 -10
- package/esm/_helpers/render.js +0 -7
- package/esm/action-sheet/index.js +10 -16
- package/esm/action-sheet/style/css/index.css +1 -1
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +51 -62
- package/esm/badge/index.js +18 -22
- package/esm/badge/style/css/index.css +3 -2
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/demo/style/css/mobile.css +12 -0
- package/esm/carousel/demo/style/mobile.less +8 -0
- package/esm/carousel/index.d.ts +1 -1
- package/esm/carousel/index.js +159 -267
- package/esm/cell/cell.js +14 -14
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.d.ts +6 -1
- package/esm/checkbox/index.js +6 -4
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +27 -46
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +10 -18
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.d.ts +5 -2
- package/esm/date-picker/index.js +53 -103
- package/esm/dialog/index.js +28 -39
- package/esm/dialog/methods.js +9 -11
- package/esm/dialog/style/css/index.css +2 -1
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +6 -16
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +33 -63
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item-context.d.ts +3 -0
- package/esm/form/form-item-context.js +6 -0
- package/esm/form/form-item.d.ts +4 -0
- package/esm/form/form-item.js +306 -0
- package/esm/form/index.d.ts +16 -0
- package/esm/form/index.js +79 -0
- package/esm/form/style/css/index.css +92 -0
- package/esm/form/style/css/index.d.ts +2 -0
- package/esm/form/style/css/index.js +2 -0
- package/esm/form/style/index.d.ts +2 -0
- package/esm/form/style/index.js +2 -0
- package/esm/form/style/index.less +91 -0
- package/esm/form/type.d.ts +371 -0
- package/esm/form/type.js +24 -0
- package/esm/form/useForm.d.ts +18 -0
- package/esm/form/useForm.js +217 -0
- package/esm/form/utils.d.ts +6 -0
- package/esm/form/utils.js +30 -0
- package/esm/grid/index.js +21 -34
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -83
- package/esm/image-picker/index.d.ts +5 -2
- package/esm/image-picker/index.js +63 -90
- package/esm/image-preview/demo/style/css/mobile.css +10 -0
- package/esm/image-preview/demo/style/mobile.less +11 -0
- package/esm/image-preview/index.d.ts +5 -0
- package/esm/image-preview/index.js +124 -218
- package/esm/image-preview/methods.js +4 -14
- package/esm/image-preview/style/css/index.css +1 -0
- package/esm/image-preview/style/index.less +1 -1
- package/esm/index.d.ts +7 -6
- package/esm/index.js +7 -6
- package/esm/input/hooks.js +42 -67
- package/esm/input/index.d.ts +5 -2
- package/esm/input/index.js +37 -40
- package/esm/input/style/css/index.css +1 -1
- package/esm/load-more/index.js +29 -48
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +46 -64
- package/esm/masking/methods.js +4 -15
- package/esm/nav-bar/back-icon.js +1 -3
- package/esm/nav-bar/index.js +36 -51
- package/esm/notice-bar/index.js +31 -47
- package/esm/notify/index.d.ts +8 -8
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/notify/style/css/index.css +2 -2
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.d.ts +5 -2
- package/esm/picker/index.js +51 -76
- package/esm/picker-view/components/cascader.js +14 -23
- package/esm/picker-view/components/multi-picker.js +6 -16
- package/esm/picker-view/components/picker-cell.js +45 -89
- package/esm/picker-view/index.d.ts +5 -2
- package/esm/picker-view/index.js +36 -63
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +94 -144
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -38
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +38 -64
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +58 -90
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.d.ts +9 -3
- package/esm/pull-refresh/index.js +5 -6
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.d.ts +6 -1
- package/esm/radio/index.js +5 -3
- package/esm/rate/index.d.ts +5 -2
- package/esm/rate/index.js +35 -49
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +34 -85
- package/esm/slider/hooks/useSliderEvents.js +26 -51
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +12 -20
- package/esm/slider/index.d.ts +5 -2
- package/esm/slider/index.js +57 -72
- package/esm/slider/marks.js +12 -18
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +8 -15
- package/esm/stepper/hooks/useButtonClick.js +19 -27
- package/esm/stepper/hooks/useInputEvent.js +9 -16
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.d.ts +5 -2
- package/esm/stepper/index.js +93 -92
- package/esm/steps/index.js +22 -27
- package/esm/steps/step.js +10 -19
- package/esm/steps/style/css/index.css +2 -2
- package/esm/sticky/index.js +37 -57
- package/esm/style.d.ts +7 -6
- package/esm/style.js +7 -6
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +56 -75
- package/esm/switch/index.d.ts +5 -2
- package/esm/switch/index.js +38 -49
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +15 -21
- package/esm/tabs/index.js +130 -180
- package/esm/tabs/tab-cell-underline.js +25 -56
- package/esm/tabs/tab-cell.js +66 -98
- package/esm/tabs/tab-pane.js +49 -85
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.d.ts +5 -2
- package/esm/textarea/index.js +46 -56
- package/esm/textarea/style/css/index.css +1 -1
- package/esm/toast/index.d.ts +12 -12
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +10 -12
- package/package.json +3 -4
- package/tokens/app/arcodesign/default/css-variables.less +17 -7
- package/tokens/app/arcodesign/default/index.d.ts +10 -0
- package/tokens/app/arcodesign/default/index.js +18 -10
- package/tokens/app/arcodesign/default/index.json +139 -23
- package/tokens/app/arcodesign/default/index.less +17 -7
- package/umd/_helpers/hooks.js +42 -117
- package/umd/_helpers/index.js +2 -6
- package/umd/_helpers/react-dom.js +0 -11
- package/umd/_helpers/render.js +0 -9
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/action-sheet/style/css/index.css +1 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +51 -68
- package/umd/badge/index.js +18 -25
- package/umd/badge/style/css/index.css +3 -2
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/demo/style/css/mobile.css +12 -0
- package/umd/carousel/demo/style/mobile.less +8 -0
- package/umd/carousel/index.d.ts +1 -1
- package/umd/carousel/index.js +159 -270
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +14 -18
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.d.ts +6 -1
- package/umd/checkbox/index.js +6 -6
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +27 -50
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +10 -23
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.d.ts +5 -2
- package/umd/date-picker/index.js +52 -105
- package/umd/dialog/index.js +28 -44
- package/umd/dialog/methods.js +9 -18
- package/umd/dialog/style/css/index.css +2 -1
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +6 -25
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +33 -69
- package/umd/ellipsis/components/native-ellipsis.js +9 -13
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.d.ts +3 -0
- package/umd/form/form-item-context.js +25 -0
- package/umd/form/form-item.d.ts +4 -0
- package/umd/form/form-item.js +322 -0
- package/umd/form/index.d.ts +16 -0
- package/umd/form/index.js +106 -0
- package/umd/form/style/css/index.css +92 -0
- package/umd/form/style/css/index.d.ts +2 -0
- package/umd/form/style/css/index.js +15 -0
- package/umd/form/style/index.d.ts +2 -0
- package/umd/form/style/index.js +15 -0
- package/umd/form/style/index.less +91 -0
- package/umd/form/type.d.ts +371 -0
- package/umd/form/type.js +44 -0
- package/umd/form/useForm.d.ts +18 -0
- package/umd/form/useForm.js +238 -0
- package/umd/form/utils.d.ts +6 -0
- package/umd/form/utils.js +50 -0
- package/umd/grid/index.js +21 -37
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -86
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.d.ts +5 -2
- package/umd/image-picker/index.js +62 -92
- package/umd/image-preview/demo/style/css/mobile.css +10 -0
- package/umd/image-preview/demo/style/mobile.less +11 -0
- package/umd/image-preview/index.d.ts +5 -0
- package/umd/image-preview/index.js +124 -224
- package/umd/image-preview/methods.js +5 -15
- package/umd/image-preview/style/css/index.css +1 -0
- package/umd/image-preview/style/index.less +1 -1
- package/umd/index.d.ts +7 -6
- package/umd/index.js +19 -18
- package/umd/input/hooks.js +42 -71
- package/umd/input/index.d.ts +5 -2
- package/umd/input/index.js +36 -42
- package/umd/input/style/css/index.css +1 -1
- package/umd/load-more/index.js +29 -51
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +46 -71
- package/umd/masking/methods.js +4 -16
- package/umd/nav-bar/back-icon.js +1 -4
- package/umd/nav-bar/index.js +36 -54
- package/umd/notice-bar/index.js +31 -50
- package/umd/notify/index.d.ts +8 -8
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/notify/style/css/index.css +2 -2
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.d.ts +5 -2
- package/umd/picker/index.js +50 -78
- package/umd/picker-view/components/cascader.js +14 -27
- package/umd/picker-view/components/multi-picker.js +6 -19
- package/umd/picker-view/components/picker-cell.js +45 -93
- package/umd/picker-view/index.d.ts +5 -2
- package/umd/picker-view/index.js +39 -69
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +94 -145
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -42
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +38 -71
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +58 -93
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.d.ts +9 -3
- package/umd/pull-refresh/index.js +5 -8
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.d.ts +6 -1
- package/umd/radio/index.js +5 -5
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.d.ts +5 -2
- package/umd/rate/index.js +34 -51
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +34 -89
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +26 -52
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +12 -22
- package/umd/slider/index.d.ts +5 -2
- package/umd/slider/index.js +56 -73
- package/umd/slider/marks.js +12 -21
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +8 -18
- package/umd/stepper/hooks/useButtonClick.js +19 -27
- package/umd/stepper/hooks/useInputEvent.js +9 -17
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.d.ts +5 -2
- package/umd/stepper/index.js +92 -94
- package/umd/steps/index.js +22 -32
- package/umd/steps/step.js +10 -22
- package/umd/steps/style/css/index.css +2 -2
- package/umd/sticky/index.js +37 -60
- package/umd/style.d.ts +7 -6
- package/umd/style.js +4 -4
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +55 -77
- package/umd/switch/index.d.ts +5 -2
- package/umd/switch/index.js +37 -50
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +15 -26
- package/umd/tabs/index.js +129 -183
- package/umd/tabs/tab-cell-underline.js +25 -60
- package/umd/tabs/tab-cell.js +66 -103
- package/umd/tabs/tab-pane.js +49 -89
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.d.ts +5 -2
- package/umd/textarea/index.js +45 -58
- package/umd/textarea/style/css/index.css +1 -1
- package/umd/toast/index.d.ts +12 -12
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +10 -12
@@ -14,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,51 +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;
|
168
143
|
textRef.current.classList.add(prefixCls + "-js-content-text-pre");
|
169
144
|
} else {
|
170
145
|
textRef.current.innerText = text;
|
171
146
|
}
|
172
|
-
|
173
147
|
if (!ellipsis) {
|
174
148
|
return;
|
175
149
|
}
|
176
|
-
|
177
150
|
textRef.current.classList.remove(prefixCls + "-js-content-text-pre");
|
178
|
-
|
179
151
|
var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
|
180
|
-
|
181
|
-
|
152
|
+
height = _domRef$current$getBo.height;
|
182
153
|
var max = isNaN(Number(maxHeight)) ? lineHeightRef.current * maxLine : Number(maxHeight);
|
183
|
-
|
184
154
|
if (height <= max) {
|
185
155
|
handleOnReflow(false, text);
|
186
156
|
return;
|
187
157
|
}
|
188
|
-
|
189
158
|
truncating.current = true;
|
190
159
|
ellipsisRef.current.style.display = 'inline';
|
191
|
-
|
192
160
|
if (dangerouslyUseInnerHTML) {
|
193
161
|
// wrap the text children node with span element.
|
194
162
|
(0, _dom.wrapTextChildNodesWithSpan)(textRef.current, prefixCls + "-js-content-text");
|
@@ -196,14 +164,13 @@
|
|
196
164
|
} else {
|
197
165
|
truncateText(domRef.current, textRef.current, max);
|
198
166
|
}
|
199
|
-
|
200
167
|
truncating.current = false;
|
201
168
|
}, [text, ellipsis, dangerouslyUseInnerHTML, maxLine, maxHeight, ellipsisNode, endExcludes]);
|
202
169
|
(0, _react.useEffect)(function () {
|
203
170
|
reflow();
|
204
171
|
}, [reflow]);
|
205
|
-
var observerRef = (0, _react.useRef)(null);
|
206
|
-
|
172
|
+
var observerRef = (0, _react.useRef)(null);
|
173
|
+
// Observe resize event of container if reflowOnResize is true.
|
207
174
|
(0, _react.useEffect)(function () {
|
208
175
|
if (domRef.current && reflowOnResize) {
|
209
176
|
if (!observerRef.current && ellipsis) {
|
@@ -211,7 +178,6 @@
|
|
211
178
|
observerRef.current.observe(domRef.current);
|
212
179
|
}
|
213
180
|
}
|
214
|
-
|
215
181
|
return function () {
|
216
182
|
// Remove observer when component unmounted.
|
217
183
|
if (observerRef.current && domRef.current) {
|
@@ -254,8 +220,6 @@
|
|
254
220
|
onClick: onCollapseNodeClick
|
255
221
|
}, collapseNode));
|
256
222
|
});
|
257
|
-
|
258
223
|
var _default = /*#__PURE__*/_react.default.memo(JsEllipsis);
|
259
|
-
|
260
224
|
_exports.default = _default;
|
261
225
|
});
|