@arco-design/mobile-react 2.38.4 → 2.39.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 +24 -0
- package/README.en-US.md +2 -2
- package/README.md +2 -2
- package/cjs/_helpers/hooks.js +59 -141
- package/cjs/_helpers/index.js +2 -18
- package/cjs/_helpers/react-dom.js +0 -14
- package/cjs/_helpers/render.js +5 -21
- package/cjs/action-sheet/index.js +10 -30
- package/cjs/action-sheet/methods.js +0 -2
- package/cjs/action-sheet/style/css/index.js +0 -2
- package/cjs/action-sheet/style/index.js +0 -2
- package/cjs/avatar/group.js +12 -24
- package/cjs/avatar/index.js +53 -79
- package/cjs/avatar/style/css/index.js +0 -2
- package/cjs/avatar/style/index.js +0 -2
- package/cjs/badge/index.js +18 -29
- package/cjs/badge/style/css/index.js +0 -1
- package/cjs/badge/style/index.js +0 -1
- package/cjs/button/hooks.js +15 -20
- package/cjs/button/index.js +46 -67
- package/cjs/button/style/css/index.js +0 -2
- package/cjs/button/style/index.js +0 -2
- package/cjs/carousel/index.js +153 -288
- package/cjs/carousel/style/css/index.js +0 -1
- package/cjs/carousel/style/index.js +0 -1
- package/cjs/cell/arrow.js +0 -3
- package/cjs/cell/cell.js +18 -34
- package/cjs/cell/group.js +9 -21
- package/cjs/cell/index.js +1 -7
- package/cjs/cell/style/css/index.js +0 -1
- package/cjs/cell/style/index.js +0 -1
- package/cjs/checkbox/checkbox.js +31 -57
- package/cjs/checkbox/group.js +24 -38
- package/cjs/checkbox/hooks/index.js +0 -2
- package/cjs/checkbox/hooks/useMergeProps.js +7 -14
- package/cjs/checkbox/index.js +1 -8
- package/cjs/checkbox/style/css/index.js +0 -1
- package/cjs/checkbox/style/index.js +0 -1
- package/cjs/checkbox/type.js +0 -2
- package/cjs/circle-progress/index.js +37 -57
- package/cjs/circle-progress/style/css/index.js +0 -1
- package/cjs/circle-progress/style/index.js +0 -1
- package/cjs/collapse/collapse.js +30 -61
- package/cjs/collapse/group.js +20 -44
- package/cjs/collapse/index.js +0 -9
- package/cjs/collapse/style/css/index.js +0 -1
- package/cjs/collapse/style/index.js +0 -1
- package/cjs/collapse/utils.js +0 -7
- package/cjs/context-provider/index.js +18 -43
- package/cjs/context-provider/style/css/index.js +0 -1
- package/cjs/context-provider/style/index.js +0 -1
- package/cjs/count-down/hooks.js +24 -43
- package/cjs/count-down/index.js +29 -37
- package/cjs/count-down/singleton.js +2 -12
- package/cjs/count-down/style/css/index.js +0 -1
- package/cjs/count-down/style/index.js +0 -1
- package/cjs/count-down/util.js +33 -47
- package/cjs/date-picker/helper.js +7 -14
- package/cjs/date-picker/index.js +66 -167
- package/cjs/date-picker/style/css/index.js +0 -2
- package/cjs/date-picker/style/index.js +0 -2
- package/cjs/dialog/index.js +31 -57
- package/cjs/dialog/methods.js +9 -22
- package/cjs/dialog/style/css/index.js +0 -2
- package/cjs/dialog/style/index.js +0 -2
- package/cjs/divider/index.js +8 -20
- package/cjs/divider/style/css/index.js +0 -1
- package/cjs/divider/style/index.js +0 -1
- package/cjs/dropdown/dropdown.js +74 -113
- package/cjs/dropdown/index.js +1 -8
- package/cjs/dropdown/options.js +12 -28
- package/cjs/dropdown/style/css/index.js +0 -1
- package/cjs/dropdown/style/index.js +0 -1
- package/cjs/dropdown-menu/dropdown-menu.js +49 -84
- package/cjs/dropdown-menu/helper.js +4 -24
- package/cjs/dropdown-menu/index.js +0 -6
- package/cjs/dropdown-menu/style/css/index.js +0 -2
- package/cjs/dropdown-menu/style/index.js +0 -2
- package/cjs/ellipsis/components/js-ellipsis.js +32 -70
- package/cjs/ellipsis/components/native-ellipsis.js +9 -14
- package/cjs/ellipsis/index.js +19 -32
- package/cjs/ellipsis/style/css/index.js +0 -1
- package/cjs/ellipsis/style/index.js +0 -1
- package/cjs/ellipsis/utils/dom.js +0 -8
- package/cjs/ellipsis/utils/is.js +1 -5
- package/cjs/form/form-item-context.js +0 -5
- package/cjs/form/form-item.js +74 -163
- package/cjs/form/index.js +18 -38
- package/cjs/form/linked-container.js +5 -24
- package/cjs/form/style/css/index.js +0 -1
- package/cjs/form/style/index.js +0 -1
- package/cjs/form/type.d.ts +11 -1
- package/cjs/form/type.js +0 -5
- package/cjs/form/useForm.js +10 -79
- package/cjs/form/utils.js +4 -22
- package/cjs/grid/index.js +22 -45
- package/cjs/grid/style/css/index.js +0 -1
- package/cjs/grid/style/index.js +0 -1
- package/cjs/icon/IconAdd/index.js +5 -12
- package/cjs/icon/IconArrowBack/index.js +5 -12
- package/cjs/icon/IconArrowDown/index.js +5 -12
- package/cjs/icon/IconArrowIn/index.js +5 -12
- package/cjs/icon/IconArrowUp/index.js +5 -12
- package/cjs/icon/IconCheck/index.js +5 -12
- package/cjs/icon/IconCheckBold/index.js +5 -12
- package/cjs/icon/IconCircleChecked/index.js +5 -12
- package/cjs/icon/IconCircleDisabled/index.js +5 -12
- package/cjs/icon/IconCircleUnchecked/index.js +5 -12
- package/cjs/icon/IconClear/index.js +5 -12
- package/cjs/icon/IconClose/index.js +5 -12
- package/cjs/icon/IconCloseBold/index.js +5 -12
- package/cjs/icon/IconDelete/index.js +5 -12
- package/cjs/icon/IconDownload/index.js +5 -12
- package/cjs/icon/IconEdit/index.js +5 -12
- package/cjs/icon/IconErrorCircle/index.js +5 -12
- package/cjs/icon/IconEyeInvisible/index.js +5 -12
- package/cjs/icon/IconEyeVisible/index.js +5 -12
- package/cjs/icon/IconEyelashInvisible/index.js +5 -12
- package/cjs/icon/IconFile/index.js +5 -12
- package/cjs/icon/IconGift/index.js +5 -12
- package/cjs/icon/IconHeart/index.js +5 -12
- package/cjs/icon/IconHome/index.js +5 -12
- package/cjs/icon/IconKeyboard/index.js +5 -12
- package/cjs/icon/IconKeyboardDelete/index.js +5 -12
- package/cjs/icon/IconLikeCircle/index.js +5 -12
- package/cjs/icon/IconMinus/index.js +5 -12
- package/cjs/icon/IconMore/index.js +5 -12
- package/cjs/icon/IconNotice/index.js +5 -12
- package/cjs/icon/IconNoticeOff/index.js +5 -12
- package/cjs/icon/IconPicture/index.js +5 -12
- package/cjs/icon/IconPlay/index.js +5 -12
- package/cjs/icon/IconQuestionCircle/index.js +5 -12
- package/cjs/icon/IconRefresh/index.js +5 -12
- package/cjs/icon/IconSad/index.js +5 -12
- package/cjs/icon/IconScan/index.js +5 -12
- package/cjs/icon/IconSearch/index.js +5 -12
- package/cjs/icon/IconSetting/index.js +5 -12
- package/cjs/icon/IconShop/index.js +5 -12
- package/cjs/icon/IconShopping/index.js +5 -12
- package/cjs/icon/IconSmileFill/index.js +5 -12
- package/cjs/icon/IconSound/index.js +5 -12
- package/cjs/icon/IconSquareChecked/index.js +5 -12
- package/cjs/icon/IconSquareDisabled/index.js +5 -12
- package/cjs/icon/IconSquareUnchecked/index.js +5 -12
- package/cjs/icon/IconStar/index.js +5 -12
- package/cjs/icon/IconStarFill/index.js +5 -12
- package/cjs/icon/IconStarHalf/index.js +5 -12
- package/cjs/icon/IconSubway/index.js +5 -12
- package/cjs/icon/IconSuccessCircle/index.js +5 -12
- package/cjs/icon/IconTriDown/index.js +5 -12
- package/cjs/icon/IconTriUp/index.js +5 -12
- package/cjs/icon/IconUpload/index.js +5 -12
- package/cjs/icon/IconUser/index.js +5 -12
- package/cjs/icon/IconUserFill/index.js +5 -12
- package/cjs/icon/IconWarnCircle/index.js +5 -12
- package/cjs/icon/IconWarnCircleFill/index.js +5 -12
- package/cjs/icon/index.js +0 -119
- package/cjs/image/index.js +53 -94
- package/cjs/image/style/css/index.js +0 -2
- package/cjs/image/style/index.js +0 -2
- package/cjs/image-picker/add-icon.js +0 -3
- package/cjs/image-picker/index.js +32 -59
- package/cjs/image-picker/style/css/index.js +0 -3
- package/cjs/image-picker/style/index.js +0 -3
- package/cjs/image-preview/index.js +129 -254
- package/cjs/image-preview/methods.js +5 -18
- package/cjs/image-preview/style/css/index.js +0 -4
- package/cjs/image-preview/style/index.js +0 -4
- package/cjs/index-bar/context.js +0 -2
- package/cjs/index-bar/group.js +16 -35
- package/cjs/index-bar/index.js +55 -87
- package/cjs/index-bar/side-bar.js +15 -34
- package/cjs/index-bar/style/css/index.js +0 -2
- package/cjs/index-bar/style/index.js +0 -2
- package/cjs/index-bar/utils.js +3 -17
- package/cjs/index.js +0 -119
- package/cjs/input/hooks.js +45 -84
- package/cjs/input/index.js +26 -40
- package/cjs/input/style/css/index.js +0 -1
- package/cjs/input/style/index.js +0 -1
- package/cjs/keyboard/index.js +37 -73
- package/cjs/keyboard/style/css/index.js +0 -2
- package/cjs/keyboard/style/index.js +0 -2
- package/cjs/load-more/index.js +33 -65
- package/cjs/load-more/style/css/index.js +0 -1
- package/cjs/load-more/style/index.js +0 -1
- package/cjs/loading/index.js +19 -48
- package/cjs/loading/style/css/index.js +0 -1
- package/cjs/loading/style/index.js +0 -1
- package/cjs/masking/index.js +47 -80
- package/cjs/masking/methods.js +5 -21
- package/cjs/masking/style/css/index.js +0 -2
- package/cjs/masking/style/index.js +0 -2
- package/cjs/nav-bar/back-icon.js +2 -8
- package/cjs/nav-bar/index.js +37 -61
- package/cjs/nav-bar/style/css/index.js +0 -1
- package/cjs/nav-bar/style/index.js +0 -1
- package/cjs/notice-bar/index.js +34 -60
- package/cjs/notice-bar/style/css/index.js +0 -1
- package/cjs/notice-bar/style/index.js +0 -1
- package/cjs/notify/index.js +20 -49
- package/cjs/notify/methods.js +2 -17
- package/cjs/notify/style/css/index.js +0 -1
- package/cjs/notify/style/index.js +0 -1
- package/cjs/pagination/arrow.js +0 -3
- package/cjs/pagination/index.js +27 -58
- package/cjs/pagination/style/css/index.js +0 -1
- package/cjs/pagination/style/index.js +0 -1
- package/cjs/picker/index.js +48 -84
- package/cjs/picker/style/css/index.js +0 -3
- package/cjs/picker/style/index.js +0 -3
- package/cjs/picker-view/components/cascader.js +13 -32
- package/cjs/picker-view/components/multi-picker.js +8 -17
- package/cjs/picker-view/components/picker-cell.js +45 -101
- package/cjs/picker-view/index.js +30 -76
- package/cjs/picker-view/style/css/index.js +0 -1
- package/cjs/picker-view/style/index.js +0 -1
- package/cjs/popover/hooks/index.js +0 -4
- package/cjs/popover/hooks/useEvent.js +25 -49
- package/cjs/popover/hooks/usePosition.js +100 -159
- package/cjs/popover/index.js +1 -8
- package/cjs/popover/menu.js +32 -52
- package/cjs/popover/popover-inner.js +30 -48
- package/cjs/popover/popover.js +69 -101
- package/cjs/popover/style/css/index.js +0 -2
- package/cjs/popover/style/index.js +0 -2
- package/cjs/popup/index.js +22 -39
- package/cjs/popup/methods.js +0 -2
- package/cjs/popup/style/css/index.js +0 -2
- package/cjs/popup/style/index.js +0 -2
- package/cjs/popup-swiper/index.js +50 -92
- package/cjs/popup-swiper/methods.js +0 -2
- package/cjs/popup-swiper/style/css/index.js +0 -2
- package/cjs/popup-swiper/style/index.js +0 -2
- package/cjs/portal/index.js +3 -8
- package/cjs/portal/style/css/index.js +0 -1
- package/cjs/portal/style/index.js +0 -1
- package/cjs/progress/index.js +27 -44
- package/cjs/progress/style/css/index.js +0 -1
- package/cjs/progress/style/index.js +0 -1
- package/cjs/pull-refresh/android-pull-refresh.js +56 -95
- package/cjs/pull-refresh/hooks.js +11 -32
- package/cjs/pull-refresh/index.js +3 -14
- package/cjs/pull-refresh/ios-pull-refresh.js +53 -81
- package/cjs/pull-refresh/model.js +0 -1
- package/cjs/pull-refresh/style/css/index.js +0 -2
- package/cjs/pull-refresh/style/index.js +0 -2
- package/cjs/radio/group.js +20 -34
- package/cjs/radio/index.js +1 -8
- package/cjs/radio/radio.js +0 -10
- package/cjs/radio/style/css/index.js +0 -1
- package/cjs/radio/style/index.js +0 -1
- package/cjs/rate/index.js +28 -54
- package/cjs/rate/style/css/index.js +0 -1
- package/cjs/rate/style/index.js +0 -1
- package/cjs/search-bar/association.js +14 -32
- package/cjs/search-bar/cancel-button.js +8 -16
- package/cjs/search-bar/highlight.js +14 -25
- package/cjs/search-bar/index.js +77 -97
- package/cjs/search-bar/style/css/index.js +0 -1
- package/cjs/search-bar/style/index.js +0 -1
- package/cjs/show-monitor/index.js +40 -108
- package/cjs/show-monitor/style/css/index.js +0 -1
- package/cjs/show-monitor/style/index.js +0 -1
- package/cjs/skeleton/elements.js +47 -84
- package/cjs/skeleton/index.js +18 -36
- package/cjs/skeleton/skeleton-context.js +0 -4
- package/cjs/skeleton/style/css/index.js +0 -2
- package/cjs/skeleton/style/index.js +0 -2
- package/cjs/slider/hooks/index.js +0 -13
- package/cjs/slider/hooks/useSliderEvents.js +27 -59
- package/cjs/slider/hooks/useSliderIcon.js +6 -20
- package/cjs/slider/hooks/useSliderInit.js +32 -52
- package/cjs/slider/hooks/useSliderStyle.js +13 -27
- package/cjs/slider/index.js +47 -73
- package/cjs/slider/marks.js +13 -27
- package/cjs/slider/popover.js +4 -13
- package/cjs/slider/style/css/index.js +0 -2
- package/cjs/slider/style/index.js +0 -2
- package/cjs/slider/thumb.js +11 -22
- package/cjs/stepper/hooks/useButtonClick.js +15 -25
- package/cjs/stepper/hooks/useInputEvent.js +10 -19
- package/cjs/stepper/hooks/useValue.js +9 -15
- package/cjs/stepper/index.js +84 -98
- package/cjs/stepper/style/css/index.js +0 -1
- package/cjs/stepper/style/index.js +0 -1
- package/cjs/steps/index.js +25 -43
- package/cjs/steps/step.js +10 -27
- package/cjs/steps/style/css/index.js +0 -1
- package/cjs/steps/style/index.js +0 -1
- package/cjs/sticky/index.js +40 -74
- package/cjs/sticky/style/css/index.js +0 -1
- package/cjs/sticky/style/index.js +0 -1
- package/cjs/style.js +0 -59
- package/cjs/swipe-action/index.js +40 -92
- package/cjs/swipe-action/item.js +9 -17
- package/cjs/swipe-action/style/css/index.js +0 -1
- package/cjs/swipe-action/style/index.js +0 -1
- package/cjs/swipe-load/index.js +78 -113
- package/cjs/swipe-load/style/css/index.js +0 -1
- package/cjs/swipe-load/style/index.js +0 -1
- package/cjs/switch/index.js +28 -49
- package/cjs/switch/style/css/index.js +0 -1
- package/cjs/switch/style/index.js +0 -1
- package/cjs/tab-bar/index.js +0 -7
- package/cjs/tab-bar/item.js +6 -24
- package/cjs/tab-bar/style/css/index.js +0 -1
- package/cjs/tab-bar/style/index.js +0 -1
- package/cjs/tab-bar/tab-bar.js +16 -32
- package/cjs/tabs/index.js +136 -206
- package/cjs/tabs/style/css/index.js +0 -1
- package/cjs/tabs/style/index.js +0 -1
- package/cjs/tabs/tab-cell-underline.js +28 -76
- package/cjs/tabs/tab-cell.js +73 -128
- package/cjs/tabs/tab-pane.js +53 -103
- package/cjs/tag/index.js +1 -8
- package/cjs/tag/list.js +11 -26
- package/cjs/tag/style/css/index.js +0 -1
- package/cjs/tag/style/index.js +0 -1
- package/cjs/tag/tag.js +20 -32
- package/cjs/textarea/index.js +35 -56
- package/cjs/textarea/style/css/index.js +0 -2
- package/cjs/textarea/style/index.js +0 -2
- package/cjs/toast/index.js +26 -61
- package/cjs/toast/methods.js +2 -16
- package/cjs/toast/style/css/index.js +0 -3
- package/cjs/toast/style/index.js +0 -3
- package/cjs/transition/index.js +17 -29
- package/cjs/transition/style/css/index.js +0 -1
- package/cjs/transition/style/index.js +0 -1
- package/cjs/uploader/index.d.ts +1 -1
- package/cjs/uploader/index.js +28 -49
- package/cjs/uploader/style/css/index.js +0 -3
- package/cjs/uploader/style/index.js +0 -3
- package/cjs/uploader/upload/index.js +0 -4
- package/cjs/uploader/upload/upload.js +9 -45
- package/dist/index.js +3838 -6455
- package/dist/index.min.js +2 -2
- package/esm/_helpers/hooks.js +59 -123
- package/esm/_helpers/index.js +4 -6
- package/esm/_helpers/react-dom.js +0 -11
- package/esm/_helpers/render.js +5 -15
- package/esm/action-sheet/index.js +10 -16
- package/esm/avatar/group.js +12 -16
- package/esm/avatar/index.js +53 -64
- package/esm/badge/index.js +18 -22
- package/esm/button/hooks.js +15 -18
- package/esm/button/index.js +46 -57
- package/esm/carousel/index.js +153 -280
- package/esm/cell/cell.js +18 -25
- package/esm/cell/group.js +9 -11
- package/esm/cell/index.js +1 -1
- package/esm/checkbox/checkbox.js +31 -42
- package/esm/checkbox/group.js +24 -28
- package/esm/checkbox/hooks/useMergeProps.js +7 -9
- package/esm/checkbox/index.js +2 -2
- package/esm/checkbox/type.js +0 -1
- package/esm/circle-progress/index.js +37 -49
- package/esm/collapse/collapse.js +30 -51
- package/esm/collapse/group.js +20 -34
- package/esm/collapse/index.js +1 -1
- package/esm/collapse/utils.js +0 -1
- package/esm/context-provider/index.js +18 -33
- package/esm/count-down/hooks.js +24 -37
- package/esm/count-down/index.js +30 -29
- package/esm/count-down/singleton.js +2 -5
- package/esm/count-down/util.js +33 -42
- package/esm/date-picker/helper.js +7 -9
- package/esm/date-picker/index.js +66 -155
- package/esm/dialog/index.js +31 -42
- package/esm/dialog/methods.js +9 -11
- package/esm/divider/index.js +8 -12
- package/esm/dropdown/dropdown.js +74 -102
- package/esm/dropdown/index.js +1 -1
- package/esm/dropdown/options.js +12 -20
- package/esm/dropdown-menu/dropdown-menu.js +49 -74
- package/esm/dropdown-menu/helper.js +4 -14
- package/esm/dropdown-menu/index.js +1 -1
- package/esm/ellipsis/components/js-ellipsis.js +32 -60
- package/esm/ellipsis/components/native-ellipsis.js +9 -11
- package/esm/ellipsis/index.js +20 -21
- package/esm/ellipsis/utils/dom.js +0 -7
- package/esm/ellipsis/utils/is.js +1 -1
- package/esm/form/form-item.js +74 -147
- package/esm/form/index.js +18 -23
- package/esm/form/linked-container.js +5 -14
- package/esm/form/type.d.ts +11 -1
- package/esm/form/type.js +0 -5
- package/esm/form/useForm.js +10 -74
- package/esm/form/utils.js +4 -11
- package/esm/grid/index.js +22 -38
- package/esm/icon/IconAdd/index.js +5 -6
- package/esm/icon/IconArrowBack/index.js +5 -6
- package/esm/icon/IconArrowDown/index.js +5 -6
- package/esm/icon/IconArrowIn/index.js +5 -6
- package/esm/icon/IconArrowUp/index.js +5 -6
- package/esm/icon/IconCheck/index.js +5 -6
- package/esm/icon/IconCheckBold/index.js +5 -6
- package/esm/icon/IconCircleChecked/index.js +5 -6
- package/esm/icon/IconCircleDisabled/index.js +5 -6
- package/esm/icon/IconCircleUnchecked/index.js +5 -6
- package/esm/icon/IconClear/index.js +5 -6
- package/esm/icon/IconClose/index.js +5 -6
- package/esm/icon/IconCloseBold/index.js +5 -6
- package/esm/icon/IconDelete/index.js +5 -6
- package/esm/icon/IconDownload/index.js +5 -6
- package/esm/icon/IconEdit/index.js +5 -6
- package/esm/icon/IconErrorCircle/index.js +5 -6
- package/esm/icon/IconEyeInvisible/index.js +5 -6
- package/esm/icon/IconEyeVisible/index.js +5 -6
- package/esm/icon/IconEyelashInvisible/index.js +5 -6
- package/esm/icon/IconFile/index.js +5 -6
- package/esm/icon/IconGift/index.js +5 -6
- package/esm/icon/IconHeart/index.js +5 -6
- package/esm/icon/IconHome/index.js +5 -6
- package/esm/icon/IconKeyboard/index.js +5 -6
- package/esm/icon/IconKeyboardDelete/index.js +5 -6
- package/esm/icon/IconLikeCircle/index.js +5 -6
- package/esm/icon/IconMinus/index.js +5 -6
- package/esm/icon/IconMore/index.js +5 -6
- package/esm/icon/IconNotice/index.js +5 -6
- package/esm/icon/IconNoticeOff/index.js +5 -6
- package/esm/icon/IconPicture/index.js +5 -6
- package/esm/icon/IconPlay/index.js +5 -6
- package/esm/icon/IconQuestionCircle/index.js +5 -6
- package/esm/icon/IconRefresh/index.js +5 -6
- package/esm/icon/IconSad/index.js +5 -6
- package/esm/icon/IconScan/index.js +5 -6
- package/esm/icon/IconSearch/index.js +5 -6
- package/esm/icon/IconSetting/index.js +5 -6
- package/esm/icon/IconShop/index.js +5 -6
- package/esm/icon/IconShopping/index.js +5 -6
- package/esm/icon/IconSmileFill/index.js +5 -6
- package/esm/icon/IconSound/index.js +5 -6
- package/esm/icon/IconSquareChecked/index.js +5 -6
- package/esm/icon/IconSquareDisabled/index.js +5 -6
- package/esm/icon/IconSquareUnchecked/index.js +5 -6
- package/esm/icon/IconStar/index.js +5 -6
- package/esm/icon/IconStarFill/index.js +5 -6
- package/esm/icon/IconStarHalf/index.js +5 -6
- package/esm/icon/IconSubway/index.js +5 -6
- package/esm/icon/IconSuccessCircle/index.js +5 -6
- package/esm/icon/IconTriDown/index.js +5 -6
- package/esm/icon/IconTriUp/index.js +5 -6
- package/esm/icon/IconUpload/index.js +5 -6
- package/esm/icon/IconUser/index.js +5 -6
- package/esm/icon/IconUserFill/index.js +5 -6
- package/esm/icon/IconWarnCircle/index.js +5 -6
- package/esm/icon/IconWarnCircleFill/index.js +5 -6
- package/esm/image/index.js +53 -85
- package/esm/image-picker/index.js +32 -42
- package/esm/image-preview/index.js +129 -232
- package/esm/image-preview/methods.js +5 -14
- package/esm/index-bar/group.js +16 -25
- package/esm/index-bar/index.js +55 -74
- package/esm/index-bar/side-bar.js +15 -28
- package/esm/index-bar/utils.js +3 -10
- package/esm/input/hooks.js +45 -75
- package/esm/input/index.js +26 -30
- package/esm/keyboard/index.js +40 -63
- package/esm/load-more/index.js +33 -57
- package/esm/loading/index.js +19 -40
- package/esm/masking/index.js +47 -65
- package/esm/masking/methods.js +5 -16
- package/esm/nav-bar/back-icon.js +2 -4
- package/esm/nav-bar/index.js +37 -52
- package/esm/notice-bar/index.js +34 -53
- package/esm/notify/index.js +20 -33
- package/esm/notify/methods.js +2 -13
- package/esm/pagination/index.js +27 -50
- package/esm/picker/index.js +48 -69
- package/esm/picker-view/components/cascader.js +13 -24
- package/esm/picker-view/components/multi-picker.js +8 -14
- package/esm/picker-view/components/picker-cell.js +45 -93
- package/esm/picker-view/index.js +30 -60
- package/esm/popover/hooks/useEvent.js +26 -41
- package/esm/popover/hooks/usePosition.js +100 -152
- package/esm/popover/index.js +2 -2
- package/esm/popover/menu.js +32 -41
- package/esm/popover/popover-inner.js +30 -39
- package/esm/popover/popover.js +69 -90
- package/esm/popup/index.js +22 -25
- package/esm/popup-swiper/index.js +50 -76
- package/esm/portal/index.js +3 -5
- package/esm/progress/index.js +27 -36
- package/esm/pull-refresh/android-pull-refresh.js +56 -83
- package/esm/pull-refresh/hooks.js +11 -23
- package/esm/pull-refresh/index.js +3 -5
- package/esm/pull-refresh/ios-pull-refresh.js +53 -68
- package/esm/pull-refresh/model.js +0 -1
- package/esm/radio/group.js +20 -24
- package/esm/radio/index.js +2 -2
- package/esm/rate/index.js +28 -43
- package/esm/search-bar/association.js +14 -27
- package/esm/search-bar/cancel-button.js +8 -11
- package/esm/search-bar/highlight.js +14 -20
- package/esm/search-bar/index.js +77 -86
- package/esm/show-monitor/index.js +40 -100
- package/esm/skeleton/elements.js +47 -75
- package/esm/skeleton/index.js +18 -24
- package/esm/slider/hooks/useSliderEvents.js +27 -54
- package/esm/slider/hooks/useSliderIcon.js +6 -13
- package/esm/slider/hooks/useSliderInit.js +32 -46
- package/esm/slider/hooks/useSliderStyle.js +13 -22
- package/esm/slider/index.js +47 -63
- package/esm/slider/marks.js +13 -19
- package/esm/slider/popover.js +4 -6
- package/esm/slider/thumb.js +11 -16
- package/esm/stepper/hooks/useButtonClick.js +15 -24
- package/esm/stepper/hooks/useInputEvent.js +10 -17
- package/esm/stepper/hooks/useValue.js +9 -12
- package/esm/stepper/index.js +84 -84
- package/esm/steps/index.js +25 -30
- package/esm/steps/step.js +10 -19
- package/esm/sticky/index.js +40 -65
- package/esm/swipe-action/index.js +40 -80
- package/esm/swipe-action/item.js +9 -12
- package/esm/swipe-load/index.js +79 -104
- package/esm/switch/index.js +28 -41
- package/esm/tab-bar/index.js +0 -1
- package/esm/tab-bar/item.js +6 -13
- package/esm/tab-bar/tab-bar.js +16 -22
- package/esm/tabs/index.js +137 -194
- package/esm/tabs/tab-cell-underline.js +28 -67
- package/esm/tabs/tab-cell.js +73 -118
- package/esm/tabs/tab-pane.js +53 -95
- package/esm/tag/index.js +2 -2
- package/esm/tag/list.js +11 -16
- package/esm/tag/tag.js +20 -22
- package/esm/textarea/index.js +35 -46
- package/esm/toast/index.js +26 -42
- package/esm/toast/methods.js +2 -12
- package/esm/transition/index.js +17 -20
- package/esm/uploader/index.d.ts +1 -1
- package/esm/uploader/index.js +28 -34
- package/esm/uploader/upload/upload.js +9 -38
- package/esnext/form/form-item.js +12 -7
- package/esnext/form/type.d.ts +11 -1
- package/esnext/uploader/index.d.ts +1 -1
- package/esnext/uploader/index.js +1 -1
- package/esnext/uploader/upload/upload.js +1 -1
- package/package.json +5 -3
- package/tokens/app/arcodesign/default/index.js +0 -2
- package/umd/_helpers/hooks.js +59 -138
- package/umd/_helpers/index.js +2 -9
- package/umd/_helpers/react-dom.js +0 -13
- package/umd/_helpers/render.js +5 -17
- package/umd/action-sheet/index.js +10 -22
- package/umd/action-sheet/methods.js +0 -1
- package/umd/avatar/group.js +12 -20
- package/umd/avatar/index.js +53 -70
- package/umd/badge/index.js +18 -25
- package/umd/button/hooks.js +15 -19
- package/umd/button/index.js +46 -60
- package/umd/carousel/index.js +153 -283
- package/umd/cell/arrow.js +0 -2
- package/umd/cell/cell.js +18 -29
- package/umd/cell/group.js +9 -17
- package/umd/cell/index.js +1 -2
- package/umd/checkbox/checkbox.js +31 -45
- package/umd/checkbox/group.js +24 -34
- package/umd/checkbox/hooks/useMergeProps.js +7 -12
- package/umd/checkbox/index.js +1 -3
- package/umd/checkbox/type.js +0 -2
- package/umd/circle-progress/index.js +37 -52
- package/umd/collapse/collapse.js +30 -55
- package/umd/collapse/group.js +20 -38
- package/umd/collapse/index.js +0 -3
- package/umd/collapse/utils.js +0 -5
- package/umd/context-provider/index.js +18 -38
- package/umd/count-down/hooks.js +24 -39
- package/umd/count-down/index.js +29 -31
- package/umd/count-down/singleton.js +2 -10
- package/umd/count-down/util.js +33 -47
- package/umd/date-picker/helper.js +7 -13
- package/umd/date-picker/index.js +66 -158
- package/umd/dialog/index.js +31 -47
- package/umd/dialog/methods.js +9 -18
- package/umd/divider/index.js +8 -15
- package/umd/dropdown/dropdown.js +74 -106
- package/umd/dropdown/index.js +1 -3
- package/umd/dropdown/options.js +12 -24
- package/umd/dropdown-menu/dropdown-menu.js +49 -78
- package/umd/dropdown-menu/helper.js +4 -22
- package/umd/dropdown-menu/index.js +0 -2
- package/umd/ellipsis/components/js-ellipsis.js +32 -66
- package/umd/ellipsis/components/native-ellipsis.js +9 -12
- package/umd/ellipsis/index.js +19 -24
- package/umd/ellipsis/utils/dom.js +0 -8
- package/umd/ellipsis/utils/is.js +1 -5
- package/umd/form/form-item-context.js +0 -3
- package/umd/form/form-item.js +74 -151
- package/umd/form/index.js +18 -28
- package/umd/form/linked-container.js +5 -19
- package/umd/form/type.d.ts +11 -1
- package/umd/form/type.js +0 -5
- package/umd/form/useForm.js +10 -74
- package/umd/form/utils.js +4 -19
- package/umd/grid/index.js +22 -41
- package/umd/icon/IconAdd/index.js +5 -7
- package/umd/icon/IconArrowBack/index.js +5 -7
- package/umd/icon/IconArrowDown/index.js +5 -7
- package/umd/icon/IconArrowIn/index.js +5 -7
- package/umd/icon/IconArrowUp/index.js +5 -7
- package/umd/icon/IconCheck/index.js +5 -7
- package/umd/icon/IconCheckBold/index.js +5 -7
- package/umd/icon/IconCircleChecked/index.js +5 -7
- package/umd/icon/IconCircleDisabled/index.js +5 -7
- package/umd/icon/IconCircleUnchecked/index.js +5 -7
- package/umd/icon/IconClear/index.js +5 -7
- package/umd/icon/IconClose/index.js +5 -7
- package/umd/icon/IconCloseBold/index.js +5 -7
- package/umd/icon/IconDelete/index.js +5 -7
- package/umd/icon/IconDownload/index.js +5 -7
- package/umd/icon/IconEdit/index.js +5 -7
- package/umd/icon/IconErrorCircle/index.js +5 -7
- package/umd/icon/IconEyeInvisible/index.js +5 -7
- package/umd/icon/IconEyeVisible/index.js +5 -7
- package/umd/icon/IconEyelashInvisible/index.js +5 -7
- package/umd/icon/IconFile/index.js +5 -7
- package/umd/icon/IconGift/index.js +5 -7
- package/umd/icon/IconHeart/index.js +5 -7
- package/umd/icon/IconHome/index.js +5 -7
- package/umd/icon/IconKeyboard/index.js +5 -7
- package/umd/icon/IconKeyboardDelete/index.js +5 -7
- package/umd/icon/IconLikeCircle/index.js +5 -7
- package/umd/icon/IconMinus/index.js +5 -7
- package/umd/icon/IconMore/index.js +5 -7
- package/umd/icon/IconNotice/index.js +5 -7
- package/umd/icon/IconNoticeOff/index.js +5 -7
- package/umd/icon/IconPicture/index.js +5 -7
- package/umd/icon/IconPlay/index.js +5 -7
- package/umd/icon/IconQuestionCircle/index.js +5 -7
- package/umd/icon/IconRefresh/index.js +5 -7
- package/umd/icon/IconSad/index.js +5 -7
- package/umd/icon/IconScan/index.js +5 -7
- package/umd/icon/IconSearch/index.js +5 -7
- package/umd/icon/IconSetting/index.js +5 -7
- package/umd/icon/IconShop/index.js +5 -7
- package/umd/icon/IconShopping/index.js +5 -7
- package/umd/icon/IconSmileFill/index.js +5 -7
- package/umd/icon/IconSound/index.js +5 -7
- package/umd/icon/IconSquareChecked/index.js +5 -7
- package/umd/icon/IconSquareDisabled/index.js +5 -7
- package/umd/icon/IconSquareUnchecked/index.js +5 -7
- package/umd/icon/IconStar/index.js +5 -7
- package/umd/icon/IconStarFill/index.js +5 -7
- package/umd/icon/IconStarHalf/index.js +5 -7
- package/umd/icon/IconSubway/index.js +5 -7
- package/umd/icon/IconSuccessCircle/index.js +5 -7
- package/umd/icon/IconTriDown/index.js +5 -7
- package/umd/icon/IconTriUp/index.js +5 -7
- package/umd/icon/IconUpload/index.js +5 -7
- package/umd/icon/IconUser/index.js +5 -7
- package/umd/icon/IconUserFill/index.js +5 -7
- package/umd/icon/IconWarnCircle/index.js +5 -7
- package/umd/icon/IconWarnCircleFill/index.js +5 -7
- package/umd/icon/index.js +0 -1
- package/umd/image/index.js +53 -88
- package/umd/image-picker/add-icon.js +0 -2
- package/umd/image-picker/index.js +32 -47
- package/umd/image-preview/index.js +129 -239
- package/umd/image-preview/methods.js +5 -15
- package/umd/index-bar/group.js +16 -30
- package/umd/index-bar/index.js +55 -79
- package/umd/index-bar/side-bar.js +15 -32
- package/umd/index-bar/utils.js +3 -16
- package/umd/index.js +0 -1
- package/umd/input/hooks.js +45 -79
- package/umd/input/index.js +26 -35
- package/umd/keyboard/index.js +37 -64
- package/umd/load-more/index.js +33 -60
- package/umd/loading/index.js +19 -43
- package/umd/masking/index.js +47 -72
- package/umd/masking/methods.js +5 -18
- package/umd/nav-bar/back-icon.js +2 -5
- package/umd/nav-bar/index.js +37 -55
- package/umd/notice-bar/index.js +34 -56
- package/umd/notify/index.js +20 -40
- package/umd/notify/methods.js +2 -14
- package/umd/pagination/arrow.js +0 -2
- package/umd/pagination/index.js +27 -53
- package/umd/picker/index.js +48 -73
- package/umd/picker-view/components/cascader.js +13 -28
- package/umd/picker-view/components/multi-picker.js +8 -16
- package/umd/picker-view/components/picker-cell.js +45 -97
- package/umd/picker-view/index.js +30 -63
- package/umd/popover/hooks/useEvent.js +25 -44
- package/umd/popover/hooks/usePosition.js +100 -153
- package/umd/popover/index.js +1 -3
- package/umd/popover/menu.js +32 -45
- package/umd/popover/popover-inner.js +30 -43
- package/umd/popover/popover.js +69 -94
- package/umd/popup/index.js +22 -31
- package/umd/popup/methods.js +0 -1
- package/umd/popup-swiper/index.js +50 -83
- package/umd/popup-swiper/methods.js +0 -1
- package/umd/portal/index.js +3 -6
- package/umd/progress/index.js +27 -39
- package/umd/pull-refresh/android-pull-refresh.js +56 -86
- package/umd/pull-refresh/hooks.js +11 -29
- package/umd/pull-refresh/index.js +3 -7
- package/umd/pull-refresh/ios-pull-refresh.js +53 -72
- package/umd/pull-refresh/model.js +0 -1
- package/umd/radio/group.js +20 -30
- package/umd/radio/index.js +1 -3
- package/umd/radio/radio.js +0 -5
- package/umd/rate/index.js +28 -48
- package/umd/search-bar/association.js +14 -29
- package/umd/search-bar/cancel-button.js +8 -14
- package/umd/search-bar/highlight.js +14 -21
- package/umd/search-bar/index.js +77 -87
- package/umd/show-monitor/index.js +40 -104
- package/umd/skeleton/elements.js +47 -78
- package/umd/skeleton/index.js +18 -28
- package/umd/skeleton/skeleton-context.js +0 -3
- package/umd/slider/hooks/index.js +0 -4
- package/umd/slider/hooks/useSliderEvents.js +27 -55
- package/umd/slider/hooks/useSliderIcon.js +6 -17
- package/umd/slider/hooks/useSliderInit.js +32 -50
- package/umd/slider/hooks/useSliderStyle.js +13 -24
- package/umd/slider/index.js +47 -66
- package/umd/slider/marks.js +13 -22
- package/umd/slider/popover.js +4 -10
- package/umd/slider/thumb.js +11 -18
- package/umd/stepper/hooks/useButtonClick.js +15 -24
- package/umd/stepper/hooks/useInputEvent.js +10 -18
- package/umd/stepper/hooks/useValue.js +9 -13
- package/umd/stepper/index.js +84 -89
- package/umd/steps/index.js +25 -35
- package/umd/steps/step.js +10 -22
- package/umd/sticky/index.js +40 -68
- package/umd/style.js +1 -1
- package/umd/swipe-action/index.js +40 -84
- package/umd/swipe-action/item.js +9 -14
- package/umd/swipe-load/index.js +78 -106
- package/umd/switch/index.js +28 -45
- package/umd/tab-bar/index.js +0 -2
- package/umd/tab-bar/item.js +6 -19
- package/umd/tab-bar/tab-bar.js +16 -27
- package/umd/tabs/index.js +136 -197
- package/umd/tabs/tab-cell-underline.js +28 -71
- package/umd/tabs/tab-cell.js +73 -122
- package/umd/tabs/tab-pane.js +53 -98
- package/umd/tag/index.js +1 -3
- package/umd/tag/list.js +11 -20
- package/umd/tag/tag.js +20 -26
- package/umd/textarea/index.js +35 -51
- package/umd/toast/index.js +26 -49
- package/umd/toast/methods.js +2 -13
- package/umd/transition/index.js +16 -22
- package/umd/uploader/index.d.ts +1 -1
- package/umd/uploader/index.js +28 -39
- package/umd/uploader/upload/upload.js +9 -43
package/cjs/index-bar/utils.js
CHANGED
|
@@ -5,62 +5,48 @@ exports.filterValidIndexBarChild = filterValidIndexBarChild;
|
|
|
5
5
|
exports.getFormatIndex = getFormatIndex;
|
|
6
6
|
exports.getGroupDomFromIndex = getGroupDomFromIndex;
|
|
7
7
|
exports.isValidIndex = isValidIndex;
|
|
8
|
-
|
|
9
8
|
var _react = require("react");
|
|
10
|
-
|
|
11
9
|
function filterValidIndexBarChild(children) {
|
|
12
10
|
var validChildren = [];
|
|
13
|
-
|
|
14
11
|
_react.Children.forEach(children, function (child) {
|
|
15
12
|
if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
|
|
16
13
|
console.warn('<IndexBar /> only accept <IndexBar.Group /> as the children');
|
|
17
14
|
return;
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
validChildren.push(child);
|
|
21
17
|
});
|
|
22
|
-
|
|
23
18
|
return validChildren;
|
|
24
|
-
}
|
|
25
|
-
// 通过滑动事件得到的都是string,需要处理下
|
|
26
|
-
|
|
19
|
+
}
|
|
27
20
|
|
|
21
|
+
// index有可能是number或者string,但是绑在data-index的attr上后
|
|
22
|
+
// 通过滑动事件得到的都是string,需要处理下
|
|
28
23
|
function getFormatIndex(index, activeIndex) {
|
|
29
24
|
var activeIndexType = typeof activeIndex;
|
|
30
25
|
var indexType = typeof index;
|
|
31
|
-
|
|
32
26
|
if (indexType === activeIndexType) {
|
|
33
27
|
return index;
|
|
34
28
|
}
|
|
35
|
-
|
|
36
29
|
if (activeIndexType === 'number') {
|
|
37
30
|
return Number(index);
|
|
38
31
|
}
|
|
39
|
-
|
|
40
32
|
return index.toString();
|
|
41
33
|
}
|
|
42
|
-
|
|
43
34
|
function isValidIndex(index) {
|
|
44
35
|
return typeof index === 'number' || typeof index === 'string';
|
|
45
36
|
}
|
|
46
|
-
|
|
47
37
|
function getGroupDomFromIndex(containerDom, activeIndex) {
|
|
48
38
|
var targetDom = null;
|
|
49
39
|
var containerChildren = containerDom.children;
|
|
50
|
-
|
|
51
40
|
for (var i = 0; i < containerChildren.length; i++) {
|
|
52
41
|
var dom = containerChildren[i];
|
|
53
42
|
var dataset = dom == null ? void 0 : dom.dataset;
|
|
54
|
-
|
|
55
43
|
if (dataset && dataset.index) {
|
|
56
44
|
var formatIndex = getFormatIndex(dataset.index, activeIndex);
|
|
57
|
-
|
|
58
45
|
if (formatIndex === activeIndex) {
|
|
59
46
|
targetDom = dom;
|
|
60
47
|
break;
|
|
61
48
|
}
|
|
62
49
|
}
|
|
63
50
|
}
|
|
64
|
-
|
|
65
51
|
return targetDom;
|
|
66
52
|
}
|
package/cjs/index.js
CHANGED
|
@@ -1,242 +1,123 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.Uploader = exports.Transition = exports.Toast = exports.Textarea = exports.Tag = exports.Tabs = exports.TabBar = exports.Switch = exports.SwipeLoad = exports.SwipeAction = exports.Sticky = exports.Steps = exports.Stepper = exports.Slider = exports.Skeleton = exports.ShowMonitor = exports.SearchBar = exports.Rate = exports.Radio = exports.PullRefresh = exports.Progress = exports.Portal = exports.PopupSwiper = exports.Popup = exports.Popover = exports.PickerView = exports.Picker = exports.Pagination = exports.Notify = exports.NoticeBar = exports.NavBar = exports.Masking = exports.Loading = exports.LoadMore = exports.Keyboard = exports.Input = exports.IndexBar = exports.ImagePreview = exports.ImagePicker = exports.Image = exports.Grid = exports.Form = exports.Ellipsis = exports.DropdownMenu = exports.Dropdown = exports.Divider = exports.Dialog = exports.DatePicker = exports.CountDown = exports.ContextProvider = exports.Collapse = exports.CircleProgress = exports.Checkbox = exports.Cell = exports.Carousel = exports.Button = exports.Badge = exports.Avatar = exports.ActionSheet = void 0;
|
|
7
|
-
|
|
8
6
|
var _tabs = _interopRequireDefault(require("./tabs"));
|
|
9
|
-
|
|
10
7
|
exports.Tabs = _tabs.default;
|
|
11
|
-
|
|
12
8
|
var _sticky = _interopRequireDefault(require("./sticky"));
|
|
13
|
-
|
|
14
9
|
exports.Sticky = _sticky.default;
|
|
15
|
-
|
|
16
10
|
var _portal = _interopRequireDefault(require("./portal"));
|
|
17
|
-
|
|
18
11
|
exports.Portal = _portal.default;
|
|
19
|
-
|
|
20
12
|
var _steps = _interopRequireDefault(require("./steps"));
|
|
21
|
-
|
|
22
13
|
exports.Steps = _steps.default;
|
|
23
|
-
|
|
24
14
|
var _actionSheet = _interopRequireDefault(require("./action-sheet"));
|
|
25
|
-
|
|
26
15
|
exports.ActionSheet = _actionSheet.default;
|
|
27
|
-
|
|
28
16
|
var _avatar = _interopRequireDefault(require("./avatar"));
|
|
29
|
-
|
|
30
17
|
exports.Avatar = _avatar.default;
|
|
31
|
-
|
|
32
18
|
var _badge = _interopRequireDefault(require("./badge"));
|
|
33
|
-
|
|
34
19
|
exports.Badge = _badge.default;
|
|
35
|
-
|
|
36
20
|
var _button = _interopRequireDefault(require("./button"));
|
|
37
|
-
|
|
38
21
|
exports.Button = _button.default;
|
|
39
|
-
|
|
40
22
|
var _carousel = _interopRequireDefault(require("./carousel"));
|
|
41
|
-
|
|
42
23
|
exports.Carousel = _carousel.default;
|
|
43
|
-
|
|
44
24
|
var _cell = _interopRequireDefault(require("./cell"));
|
|
45
|
-
|
|
46
25
|
exports.Cell = _cell.default;
|
|
47
|
-
|
|
48
26
|
var _checkbox = _interopRequireDefault(require("./checkbox"));
|
|
49
|
-
|
|
50
27
|
exports.Checkbox = _checkbox.default;
|
|
51
|
-
|
|
52
28
|
var _circleProgress = _interopRequireDefault(require("./circle-progress"));
|
|
53
|
-
|
|
54
29
|
exports.CircleProgress = _circleProgress.default;
|
|
55
|
-
|
|
56
30
|
var _collapse = _interopRequireDefault(require("./collapse"));
|
|
57
|
-
|
|
58
31
|
exports.Collapse = _collapse.default;
|
|
59
|
-
|
|
60
32
|
var _contextProvider = _interopRequireDefault(require("./context-provider"));
|
|
61
|
-
|
|
62
33
|
exports.ContextProvider = _contextProvider.default;
|
|
63
|
-
|
|
64
34
|
var _countDown = _interopRequireDefault(require("./count-down"));
|
|
65
|
-
|
|
66
35
|
exports.CountDown = _countDown.default;
|
|
67
|
-
|
|
68
36
|
var _datePicker = _interopRequireDefault(require("./date-picker"));
|
|
69
|
-
|
|
70
37
|
exports.DatePicker = _datePicker.default;
|
|
71
|
-
|
|
72
38
|
var _dialog = _interopRequireDefault(require("./dialog"));
|
|
73
|
-
|
|
74
39
|
exports.Dialog = _dialog.default;
|
|
75
|
-
|
|
76
40
|
var _divider = _interopRequireDefault(require("./divider"));
|
|
77
|
-
|
|
78
41
|
exports.Divider = _divider.default;
|
|
79
|
-
|
|
80
42
|
var _dropdown = _interopRequireDefault(require("./dropdown"));
|
|
81
|
-
|
|
82
43
|
exports.Dropdown = _dropdown.default;
|
|
83
|
-
|
|
84
44
|
var _dropdownMenu = _interopRequireDefault(require("./dropdown-menu"));
|
|
85
|
-
|
|
86
45
|
exports.DropdownMenu = _dropdownMenu.default;
|
|
87
|
-
|
|
88
46
|
var _ellipsis = _interopRequireDefault(require("./ellipsis"));
|
|
89
|
-
|
|
90
47
|
exports.Ellipsis = _ellipsis.default;
|
|
91
|
-
|
|
92
48
|
var _form = _interopRequireDefault(require("./form"));
|
|
93
|
-
|
|
94
49
|
exports.Form = _form.default;
|
|
95
|
-
|
|
96
50
|
var _grid = _interopRequireDefault(require("./grid"));
|
|
97
|
-
|
|
98
51
|
exports.Grid = _grid.default;
|
|
99
|
-
|
|
100
52
|
var _image = _interopRequireDefault(require("./image"));
|
|
101
|
-
|
|
102
53
|
exports.Image = _image.default;
|
|
103
|
-
|
|
104
54
|
var _imagePicker = _interopRequireDefault(require("./image-picker"));
|
|
105
|
-
|
|
106
55
|
exports.ImagePicker = _imagePicker.default;
|
|
107
|
-
|
|
108
56
|
var _imagePreview = _interopRequireDefault(require("./image-preview"));
|
|
109
|
-
|
|
110
57
|
exports.ImagePreview = _imagePreview.default;
|
|
111
|
-
|
|
112
58
|
var _indexBar = _interopRequireDefault(require("./index-bar"));
|
|
113
|
-
|
|
114
59
|
exports.IndexBar = _indexBar.default;
|
|
115
|
-
|
|
116
60
|
var _input = _interopRequireDefault(require("./input"));
|
|
117
|
-
|
|
118
61
|
exports.Input = _input.default;
|
|
119
|
-
|
|
120
62
|
var _keyboard = _interopRequireDefault(require("./keyboard"));
|
|
121
|
-
|
|
122
63
|
exports.Keyboard = _keyboard.default;
|
|
123
|
-
|
|
124
64
|
var _loadMore = _interopRequireDefault(require("./load-more"));
|
|
125
|
-
|
|
126
65
|
exports.LoadMore = _loadMore.default;
|
|
127
|
-
|
|
128
66
|
var _loading = _interopRequireDefault(require("./loading"));
|
|
129
|
-
|
|
130
67
|
exports.Loading = _loading.default;
|
|
131
|
-
|
|
132
68
|
var _masking = _interopRequireDefault(require("./masking"));
|
|
133
|
-
|
|
134
69
|
exports.Masking = _masking.default;
|
|
135
|
-
|
|
136
70
|
var _navBar = _interopRequireDefault(require("./nav-bar"));
|
|
137
|
-
|
|
138
71
|
exports.NavBar = _navBar.default;
|
|
139
|
-
|
|
140
72
|
var _noticeBar = _interopRequireDefault(require("./notice-bar"));
|
|
141
|
-
|
|
142
73
|
exports.NoticeBar = _noticeBar.default;
|
|
143
|
-
|
|
144
74
|
var _notify = _interopRequireDefault(require("./notify"));
|
|
145
|
-
|
|
146
75
|
exports.Notify = _notify.default;
|
|
147
|
-
|
|
148
76
|
var _pagination = _interopRequireDefault(require("./pagination"));
|
|
149
|
-
|
|
150
77
|
exports.Pagination = _pagination.default;
|
|
151
|
-
|
|
152
78
|
var _picker = _interopRequireDefault(require("./picker"));
|
|
153
|
-
|
|
154
79
|
exports.Picker = _picker.default;
|
|
155
|
-
|
|
156
80
|
var _pickerView = _interopRequireDefault(require("./picker-view"));
|
|
157
|
-
|
|
158
81
|
exports.PickerView = _pickerView.default;
|
|
159
|
-
|
|
160
82
|
var _popover = _interopRequireDefault(require("./popover"));
|
|
161
|
-
|
|
162
83
|
exports.Popover = _popover.default;
|
|
163
|
-
|
|
164
84
|
var _popup = _interopRequireDefault(require("./popup"));
|
|
165
|
-
|
|
166
85
|
exports.Popup = _popup.default;
|
|
167
|
-
|
|
168
86
|
var _popupSwiper = _interopRequireDefault(require("./popup-swiper"));
|
|
169
|
-
|
|
170
87
|
exports.PopupSwiper = _popupSwiper.default;
|
|
171
|
-
|
|
172
88
|
var _progress = _interopRequireDefault(require("./progress"));
|
|
173
|
-
|
|
174
89
|
exports.Progress = _progress.default;
|
|
175
|
-
|
|
176
90
|
var _pullRefresh = _interopRequireDefault(require("./pull-refresh"));
|
|
177
|
-
|
|
178
91
|
exports.PullRefresh = _pullRefresh.default;
|
|
179
|
-
|
|
180
92
|
var _radio = _interopRequireDefault(require("./radio"));
|
|
181
|
-
|
|
182
93
|
exports.Radio = _radio.default;
|
|
183
|
-
|
|
184
94
|
var _rate = _interopRequireDefault(require("./rate"));
|
|
185
|
-
|
|
186
95
|
exports.Rate = _rate.default;
|
|
187
|
-
|
|
188
96
|
var _searchBar = _interopRequireDefault(require("./search-bar"));
|
|
189
|
-
|
|
190
97
|
exports.SearchBar = _searchBar.default;
|
|
191
|
-
|
|
192
98
|
var _showMonitor = _interopRequireDefault(require("./show-monitor"));
|
|
193
|
-
|
|
194
99
|
exports.ShowMonitor = _showMonitor.default;
|
|
195
|
-
|
|
196
100
|
var _skeleton = _interopRequireDefault(require("./skeleton"));
|
|
197
|
-
|
|
198
101
|
exports.Skeleton = _skeleton.default;
|
|
199
|
-
|
|
200
102
|
var _slider = _interopRequireDefault(require("./slider"));
|
|
201
|
-
|
|
202
103
|
exports.Slider = _slider.default;
|
|
203
|
-
|
|
204
104
|
var _stepper = _interopRequireDefault(require("./stepper"));
|
|
205
|
-
|
|
206
105
|
exports.Stepper = _stepper.default;
|
|
207
|
-
|
|
208
106
|
var _swipeAction = _interopRequireDefault(require("./swipe-action"));
|
|
209
|
-
|
|
210
107
|
exports.SwipeAction = _swipeAction.default;
|
|
211
|
-
|
|
212
108
|
var _swipeLoad = _interopRequireDefault(require("./swipe-load"));
|
|
213
|
-
|
|
214
109
|
exports.SwipeLoad = _swipeLoad.default;
|
|
215
|
-
|
|
216
110
|
var _switch = _interopRequireDefault(require("./switch"));
|
|
217
|
-
|
|
218
111
|
exports.Switch = _switch.default;
|
|
219
|
-
|
|
220
112
|
var _tabBar = _interopRequireDefault(require("./tab-bar"));
|
|
221
|
-
|
|
222
113
|
exports.TabBar = _tabBar.default;
|
|
223
|
-
|
|
224
114
|
var _tag = _interopRequireDefault(require("./tag"));
|
|
225
|
-
|
|
226
115
|
exports.Tag = _tag.default;
|
|
227
|
-
|
|
228
116
|
var _textarea = _interopRequireDefault(require("./textarea"));
|
|
229
|
-
|
|
230
117
|
exports.Textarea = _textarea.default;
|
|
231
|
-
|
|
232
118
|
var _toast = _interopRequireDefault(require("./toast"));
|
|
233
|
-
|
|
234
119
|
exports.Toast = _toast.default;
|
|
235
|
-
|
|
236
120
|
var _transition = _interopRequireDefault(require("./transition"));
|
|
237
|
-
|
|
238
121
|
exports.Transition = _transition.default;
|
|
239
|
-
|
|
240
122
|
var _uploader = _interopRequireDefault(require("./uploader"));
|
|
241
|
-
|
|
242
123
|
exports.Uploader = _uploader.default;
|
package/cjs/input/hooks.js
CHANGED
|
@@ -1,74 +1,60 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.useInputLogic = useInputLogic;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
|
13
|
-
|
|
14
9
|
var _IconClear = _interopRequireDefault(require("../icon/IconClear"));
|
|
15
|
-
|
|
16
10
|
var _helpers = require("../_helpers");
|
|
17
|
-
|
|
18
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
13
|
function useInputLogic(props, inputRef) {
|
|
23
14
|
var value = props.value,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
15
|
+
defaultValue = props.defaultValue,
|
|
16
|
+
validator = props.validator,
|
|
17
|
+
onChange = props.onChange,
|
|
18
|
+
onInput = props.onInput,
|
|
19
|
+
className = props.className,
|
|
20
|
+
style = props.style,
|
|
21
|
+
label = props.label,
|
|
22
|
+
required = props.required,
|
|
23
|
+
prepend = props.prepend,
|
|
24
|
+
append = props.append,
|
|
25
|
+
blurBeforeFocus = props.blurBeforeFocus,
|
|
26
|
+
onKeyDown = props.onKeyDown,
|
|
27
|
+
onPressEnter = props.onPressEnter,
|
|
28
|
+
onFocus = props.onFocus,
|
|
29
|
+
onBlur = props.onBlur,
|
|
30
|
+
onClick = props.onClick,
|
|
31
|
+
disabled = props.disabled,
|
|
32
|
+
_props$border = props.border,
|
|
33
|
+
border = _props$border === void 0 ? 'half' : _props$border,
|
|
34
|
+
prefix = props.prefix,
|
|
35
|
+
suffix = props.suffix,
|
|
36
|
+
clearable = props.clearable,
|
|
37
|
+
_props$clearShowType = props.clearShowType,
|
|
38
|
+
clearShowType = _props$clearShowType === void 0 ? 'focus' : _props$clearShowType,
|
|
39
|
+
_props$clearIcon = props.clearIcon,
|
|
40
|
+
clearIcon = _props$clearIcon === void 0 ? /*#__PURE__*/_react.default.createElement(_IconClear.default, null) : _props$clearIcon,
|
|
41
|
+
_props$preventEventWh = props.preventEventWhenClearing,
|
|
42
|
+
preventEventWhenClearing = _props$preventEventWh === void 0 ? true : _props$preventEventWh,
|
|
43
|
+
onClear = props.onClear,
|
|
44
|
+
autoFocus = props.autoFocus,
|
|
45
|
+
blockChangeWhenCompositing = props.blockChangeWhenCompositing;
|
|
56
46
|
var _useState = (0, _react.useState)(value || defaultValue || ''),
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
47
|
+
inputValue = _useState[0],
|
|
48
|
+
setInputValue = _useState[1];
|
|
60
49
|
var _useState2 = (0, _react.useState)(function () {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
50
|
+
return clearShowType === 'always' || clearShowType === 'value' && Boolean(value || defaultValue);
|
|
51
|
+
}),
|
|
52
|
+
showClear = _useState2[0],
|
|
53
|
+
toggleClear = _useState2[1];
|
|
66
54
|
var compositingRef = (0, _react.useRef)(false);
|
|
67
|
-
|
|
68
55
|
var _useState3 = (0, _react.useState)(false),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
56
|
+
isFocusing = _useState3[0],
|
|
57
|
+
setIsFocusing = _useState3[1];
|
|
72
58
|
var shouldPreventEvent = (0, _react.useRef)(false);
|
|
73
59
|
var actualInputValue = value !== void 0 ? value : inputValue;
|
|
74
60
|
var system = (0, _helpers.useSystem)();
|
|
@@ -85,17 +71,14 @@ function useInputLogic(props, inputRef) {
|
|
|
85
71
|
var handleCompositionStart = function handleCompositionStart() {
|
|
86
72
|
compositingRef.current = true;
|
|
87
73
|
};
|
|
88
|
-
|
|
89
74
|
var handleCompositionEnd = function handleCompositionEnd(e) {
|
|
90
75
|
compositingRef.current = false;
|
|
91
76
|
handleChange(e);
|
|
92
77
|
};
|
|
93
|
-
|
|
94
78
|
if (inputRef.current && needComposition) {
|
|
95
79
|
inputRef.current.addEventListener('compositionstart', handleCompositionStart);
|
|
96
80
|
inputRef.current.addEventListener('compositionend', handleCompositionEnd);
|
|
97
81
|
}
|
|
98
|
-
|
|
99
82
|
return function () {
|
|
100
83
|
if (inputRef.current && needComposition) {
|
|
101
84
|
inputRef.current.removeEventListener('compositionstart', handleCompositionStart);
|
|
@@ -110,12 +93,10 @@ function useInputLogic(props, inputRef) {
|
|
|
110
93
|
toggleClear(Boolean(value));
|
|
111
94
|
}
|
|
112
95
|
}, [value]);
|
|
113
|
-
|
|
114
96
|
function changeValue(nowValue, callback) {
|
|
115
97
|
if (callback === void 0) {
|
|
116
98
|
callback = function callback() {};
|
|
117
99
|
}
|
|
118
|
-
|
|
119
100
|
if (nowValue && validator) {
|
|
120
101
|
if (typeof validator === 'function') {
|
|
121
102
|
if (!validator(nowValue)) {
|
|
@@ -124,65 +105,53 @@ function useInputLogic(props, inputRef) {
|
|
|
124
105
|
} else if (!validator.test(nowValue)) {
|
|
125
106
|
return;
|
|
126
107
|
}
|
|
127
|
-
}
|
|
108
|
+
}
|
|
109
|
+
// 处理非受控模式下的showClear
|
|
128
110
|
// @en Handling showClear in uncontrolled mode
|
|
129
|
-
|
|
130
|
-
|
|
131
111
|
if (clearShowType === 'value' && value === void 0) {
|
|
132
112
|
toggleClear(Boolean(nowValue));
|
|
133
113
|
}
|
|
134
|
-
|
|
135
114
|
setInputValue(nowValue);
|
|
136
115
|
callback();
|
|
137
116
|
}
|
|
138
|
-
|
|
139
117
|
function handleChange(e) {
|
|
140
118
|
if (needComposition && compositingRef.current) {
|
|
141
119
|
return;
|
|
142
120
|
}
|
|
143
|
-
|
|
144
121
|
var newValue = e.target.value;
|
|
145
122
|
changeValue(newValue, function () {
|
|
146
123
|
onChange && onChange(e, newValue);
|
|
147
124
|
});
|
|
148
125
|
}
|
|
149
|
-
|
|
150
126
|
function handleInput(e) {
|
|
151
127
|
var newValue = e.target.value;
|
|
152
128
|
changeValue(newValue, function () {
|
|
153
129
|
onInput && onInput(e, newValue);
|
|
154
130
|
});
|
|
155
131
|
}
|
|
156
|
-
|
|
157
132
|
function handleKeyDown(e) {
|
|
158
133
|
if (e.keyCode === 13) {
|
|
159
134
|
onPressEnter && onPressEnter(e);
|
|
160
135
|
}
|
|
161
|
-
|
|
162
136
|
onKeyDown && onKeyDown(e);
|
|
163
137
|
}
|
|
164
|
-
|
|
165
138
|
function handleFocus(e) {
|
|
166
139
|
if (preventEventWhenClearing && shouldPreventEvent.current) {
|
|
167
140
|
shouldPreventEvent.current = false;
|
|
168
141
|
return;
|
|
169
142
|
}
|
|
170
|
-
|
|
171
143
|
setIsFocusing(true);
|
|
172
144
|
clearShowType === 'focus' && toggleClear(true);
|
|
173
145
|
onFocus && onFocus(e);
|
|
174
146
|
}
|
|
175
|
-
|
|
176
147
|
function handleBlur(e) {
|
|
177
148
|
if (preventEventWhenClearing && shouldPreventEvent.current) {
|
|
178
149
|
return;
|
|
179
150
|
}
|
|
180
|
-
|
|
181
151
|
setIsFocusing(false);
|
|
182
152
|
clearShowType === 'focus' && toggleClear(false);
|
|
183
153
|
onBlur && onBlur(e);
|
|
184
154
|
}
|
|
185
|
-
|
|
186
155
|
function handleClick(e) {
|
|
187
156
|
// 安卓才会有键盘切换不过来的问题,ios不开启此项,因为blur之后不能再自动focus
|
|
188
157
|
// @en Android will have the problem that the keyboard cannot be switched. iOS does not enable this, because it can no longer automatically focus after blur.
|
|
@@ -194,45 +163,38 @@ function useInputLogic(props, inputRef) {
|
|
|
194
163
|
} else {
|
|
195
164
|
inputRef.current && inputRef.current.focus();
|
|
196
165
|
}
|
|
197
|
-
|
|
198
166
|
onClick && onClick(e);
|
|
199
167
|
}
|
|
200
|
-
|
|
201
168
|
function handleClear(e) {
|
|
202
169
|
// 不展示清除按钮时不触发事件
|
|
203
170
|
// @en No event fired when clear button is not displayed
|
|
204
171
|
if (!clearable || !showClear) {
|
|
205
172
|
return;
|
|
206
173
|
}
|
|
207
|
-
|
|
208
174
|
changeValue('', function () {
|
|
209
|
-
onClear && onClear(e);
|
|
175
|
+
onClear && onClear(e);
|
|
176
|
+
// 当点击clear前是focus时强制执行focus
|
|
210
177
|
// @en Enforce focus when focus is before clicking clear
|
|
211
|
-
|
|
212
178
|
if (isFocusing) {
|
|
213
179
|
if (preventEventWhenClearing) {
|
|
214
|
-
shouldPreventEvent.current = true;
|
|
180
|
+
shouldPreventEvent.current = true;
|
|
181
|
+
// 一段时间未执行blur或focus则重置,避免对下次事件循环造成影响
|
|
215
182
|
// @en If blur or focus is not executed for a period of time, it will be reset to avoid affecting the next event loop
|
|
216
|
-
|
|
217
183
|
setTimeout(function () {
|
|
218
184
|
shouldPreventEvent.current = false;
|
|
219
185
|
}, 200);
|
|
220
186
|
}
|
|
221
|
-
|
|
222
187
|
(0, _mobileUtils.nextTick)(function () {
|
|
223
188
|
inputRef.current && inputRef.current.focus();
|
|
224
189
|
});
|
|
225
190
|
}
|
|
226
191
|
});
|
|
227
192
|
}
|
|
228
|
-
|
|
229
193
|
function renderPendNode(pend) {
|
|
230
194
|
return typeof pend === 'function' ? pend(isFocusing, actualInputValue) : pend;
|
|
231
195
|
}
|
|
232
|
-
|
|
233
196
|
function renderWrapper(prefixCls, type, children) {
|
|
234
197
|
var _clearEvent;
|
|
235
|
-
|
|
236
198
|
// handleClear必须早于handleBlur执行,pc端仅mousedown事件触发早于blur,移动端touch相关事件均早于blur
|
|
237
199
|
// @en handleClear must be executed earlier than handleBlur
|
|
238
200
|
// @en only the mousedown event on the PC side is triggered earlier than blur, and the touch-related events on the mobile side are all earlier than blur
|
|
@@ -262,7 +224,6 @@ function useInputLogic(props, inputRef) {
|
|
|
262
224
|
className: prefixCls + "-suffix"
|
|
263
225
|
}, suffix) : null), renderPendNode(append));
|
|
264
226
|
}
|
|
265
|
-
|
|
266
227
|
return {
|
|
267
228
|
inputValue: actualInputValue,
|
|
268
229
|
handleChange: handleChange,
|
package/cjs/input/index.js
CHANGED
|
@@ -1,62 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
exports.__esModule = true;
|
|
6
5
|
exports.default = void 0;
|
|
7
|
-
|
|
8
6
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
|
|
10
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _mobileUtils = require("@arco-design/mobile-utils");
|
|
13
|
-
|
|
14
9
|
var _contextProvider = require("../context-provider");
|
|
15
|
-
|
|
16
10
|
var _hooks = require("./hooks");
|
|
17
|
-
|
|
18
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
13
|
var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
23
14
|
var id = props.id,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
15
|
+
name = props.name,
|
|
16
|
+
maxLength = props.maxLength,
|
|
17
|
+
placeholder = props.placeholder,
|
|
18
|
+
readOnly = props.readOnly,
|
|
19
|
+
onKeyUp = props.onKeyUp,
|
|
20
|
+
onKeyPress = props.onKeyPress,
|
|
21
|
+
_props$type = props.type,
|
|
22
|
+
type = _props$type === void 0 ? 'text' : _props$type,
|
|
23
|
+
disabled = props.disabled,
|
|
24
|
+
pattern = props.pattern,
|
|
25
|
+
inputClass = props.inputClass,
|
|
26
|
+
inputStyle = props.inputStyle,
|
|
27
|
+
_props$nativeProps = props.nativeProps,
|
|
28
|
+
nativeProps = _props$nativeProps === void 0 ? {} : _props$nativeProps,
|
|
29
|
+
_props$ariaLabel = props.ariaLabel,
|
|
30
|
+
ariaLabel = _props$ariaLabel === void 0 ? '' : _props$ariaLabel;
|
|
40
31
|
var inputRef = (0, _react.useRef)(null);
|
|
41
|
-
|
|
42
32
|
var _useInputLogic = (0, _hooks.useInputLogic)(props, inputRef),
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
33
|
+
inputValue = _useInputLogic.inputValue,
|
|
34
|
+
handleChange = _useInputLogic.handleChange,
|
|
35
|
+
handleInput = _useInputLogic.handleInput,
|
|
36
|
+
handleKeyDown = _useInputLogic.handleKeyDown,
|
|
37
|
+
handleFocus = _useInputLogic.handleFocus,
|
|
38
|
+
handleBlur = _useInputLogic.handleBlur,
|
|
39
|
+
handleClick = _useInputLogic.handleClick,
|
|
40
|
+
renderWrapper = _useInputLogic.renderWrapper,
|
|
41
|
+
wrapRef = _useInputLogic.wrapRef;
|
|
53
42
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
54
43
|
return {
|
|
55
44
|
dom: wrapRef.current,
|
|
56
45
|
input: inputRef.current
|
|
57
46
|
};
|
|
58
47
|
});
|
|
59
|
-
|
|
60
48
|
function renderInput(_ref) {
|
|
61
49
|
var prefixCls = _ref.prefixCls;
|
|
62
50
|
var prefix = prefixCls + "-input";
|
|
@@ -85,9 +73,9 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
85
73
|
"aria-label": ariaLabel
|
|
86
74
|
})));
|
|
87
75
|
}
|
|
88
|
-
|
|
89
76
|
return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, renderInput);
|
|
90
77
|
});
|
|
78
|
+
|
|
91
79
|
/**
|
|
92
80
|
* 输入框组件,支持添加前后缀。
|
|
93
81
|
* @en The input box, supports adding prefixes and suffixes.
|
|
@@ -97,7 +85,5 @@ var Input = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
97
85
|
* @name_en Input
|
|
98
86
|
* @displayName Input
|
|
99
87
|
*/
|
|
100
|
-
|
|
101
88
|
var _default = (0, _mobileUtils.componentWrapper)(Input, 'Input');
|
|
102
|
-
|
|
103
89
|
exports.default = _default;
|