@kdcloudjs/kdesign 1.6.34 → 1.6.36
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 +23 -0
- package/dist/kdesign-complete.less +16 -2
- package/dist/kdesign.css +18 -2
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +9174 -11871
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +18 -18
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +6 -119
- package/es/_utils/arrayUtil.js +0 -5
- package/es/_utils/devwarning.js +0 -1
- package/es/_utils/formatUtil.js +36 -99
- package/es/_utils/getStringLength.js +0 -2
- package/es/_utils/hooks.js +32 -72
- package/es/_utils/index.js +0 -2
- package/es/_utils/numberUtil.js +32 -55
- package/es/_utils/omit.js +0 -2
- package/es/_utils/raf.js +0 -6
- package/es/_utils/resizeObserver.js +2 -17
- package/es/_utils/testBrowserType.js +0 -2
- package/es/_utils/type.js +0 -2
- package/es/_utils/usePopper.js +84 -167
- package/es/alert/alert.js +20 -50
- package/es/anchor/anchor-link.js +12 -23
- package/es/anchor/anchor.js +69 -168
- package/es/avatar/avatar.js +29 -44
- package/es/badge/badge.js +33 -53
- package/es/base-data/base-data.js +89 -197
- package/es/button/button.js +30 -55
- package/es/button/group.js +27 -39
- package/es/card/card.js +19 -23
- package/es/carousel/carousel.js +31 -65
- package/es/carousel/displayList.js +2 -5
- package/es/carousel/fadeList.js +4 -7
- package/es/carousel/slideList.js +1 -7
- package/es/carousel/slidebar.js +5 -12
- package/es/cascader/cascader.js +56 -116
- package/es/cascader/util.js +10 -58
- package/es/checkbox/checkbox.js +22 -47
- package/es/checkbox/group.js +19 -35
- package/es/checkbox/style/index.css +2 -0
- package/es/checkbox/style/index.less +1 -0
- package/es/city-picker/city-group.js +5 -13
- package/es/city-picker/city-list.js +4 -9
- package/es/city-picker/city-panel-item.js +3 -8
- package/es/city-picker/city-panel.js +25 -50
- package/es/city-picker/city-picker.js +22 -46
- package/es/city-picker/city-search-panel.js +6 -13
- package/es/city-picker/no-data.js +3 -6
- package/es/city-picker/utils/grouping.js +0 -4
- package/es/collapse/collapse.js +17 -40
- package/es/collapse/panel.js +21 -44
- package/es/config-provider/SizeContext.js +1 -1
- package/es/config-provider/compDefaultProps.js +0 -1
- package/es/config-provider/configProvider.js +2 -7
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +12 -21
- package/es/date-picker/date-panel.js +22 -66
- package/es/date-picker/date-picker.js +145 -186
- package/es/date-picker/hooks/use-hover-value.js +5 -13
- package/es/date-picker/hooks/use-picker-input.js +17 -31
- package/es/date-picker/hooks/use-range-cls.js +8 -14
- package/es/date-picker/hooks/use-range-disabled.js +7 -21
- package/es/date-picker/hooks/use-range-view-dates.js +18 -39
- package/es/date-picker/hooks/use-state-memo.js +0 -2
- package/es/date-picker/hooks/use-text-value-mapping.js +6 -11
- package/es/date-picker/hooks/use-value-texts.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +7 -10
- package/es/date-picker/panel/header/header.js +9 -11
- package/es/date-picker/panel/month/month.js +11 -30
- package/es/date-picker/panel/quarter/quarter.js +8 -25
- package/es/date-picker/panel/time/time-column.js +8 -18
- package/es/date-picker/panel/time/time.js +62 -88
- package/es/date-picker/panel/week/week.js +25 -57
- package/es/date-picker/panel/year/year.js +19 -42
- package/es/date-picker/popper.js +28 -35
- package/es/date-picker/range/input-range.js +95 -129
- package/es/date-picker/range-picker.d.ts +1 -0
- package/es/date-picker/range-picker.js +197 -287
- package/es/date-picker/single/input-date.js +87 -111
- package/es/date-picker/utils/date-fns.js +32 -63
- package/es/date-picker/utils/get-extra-footer.js +0 -1
- package/es/date-picker/utils/get-ranges.js +13 -19
- package/es/date-picker/utils/index.js +9 -80
- package/es/drawer/drawer.js +50 -71
- package/es/dropdown/dropdown.js +26 -42
- package/es/dropdown/menu.d.ts +3 -2
- package/es/dropdown/menu.js +32 -43
- package/es/empty/defaultEmptyImg.js +2 -5
- package/es/empty/empty.js +15 -26
- package/es/empty/illustrationEmptyImg.js +2 -5
- package/es/filter/condition.js +5 -17
- package/es/filter/filter.js +29 -54
- package/es/filter/scheme.js +35 -71
- package/es/form/Field.js +36 -98
- package/es/form/FieldContext.js +0 -2
- package/es/form/FieldLabel.js +11 -17
- package/es/form/FieldWrapper.js +6 -9
- package/es/form/Form.js +28 -46
- package/es/form/FormContext.js +0 -4
- package/es/form/hooks/useForceUpdate.js +2 -5
- package/es/form/hooks/useForm.js +10 -84
- package/es/grid/col.js +23 -39
- package/es/grid/row.js +22 -36
- package/es/icon/icon.js +11 -29
- package/es/image/image.js +31 -49
- package/es/image/preview-group.js +25 -41
- package/es/image/preview.js +24 -39
- package/es/image-cropper/cropper.js +13 -23
- package/es/image-cropper/image-cropper.js +39 -69
- package/es/image-cropper/operation-bar.js +14 -27
- package/es/image-cropper/style/index.css +12 -1
- package/es/image-cropper/style/index.less +11 -2
- package/es/index.js +0 -2
- package/es/input/ClearableLabeledInput.js +27 -50
- package/es/input/TextArea.js +45 -86
- package/es/input/calculateNodeHeight.js +4 -16
- package/es/input/index.js +2 -2
- package/es/input/input.js +32 -67
- package/es/input-number/inputNumber.js +50 -109
- package/es/layout/layout.js +28 -49
- package/es/layout/sider.js +39 -73
- package/es/link/link.js +19 -33
- package/es/locale/locale.js +6 -44
- package/es/locale/zh-CN.js +0 -2
- package/es/menu/menu.js +29 -63
- package/es/menu/menuItem.js +27 -52
- package/es/menu/subMenu.js +44 -99
- package/es/menu/util.js +4 -13
- package/es/message/content.js +7 -23
- package/es/message/index.js +14 -26
- package/es/modal/confirm.js +3 -12
- package/es/modal/index.js +0 -4
- package/es/modal/modal.js +41 -63
- package/es/notification/content.js +13 -35
- package/es/notification/index.js +20 -35
- package/es/notification-base/index.js +4 -24
- package/es/notification-base/notice.js +12 -24
- package/es/notification-base/notification.js +3 -18
- package/es/pagination/pagination.js +76 -113
- package/es/popconfirm/popconfirm.js +22 -33
- package/es/progress/circle.js +9 -18
- package/es/progress/line.js +5 -9
- package/es/progress/progress.js +21 -44
- package/es/progress/utils.js +6 -22
- package/es/radio/group.js +19 -35
- package/es/radio/radio-button.js +6 -19
- package/es/radio/radio.js +19 -46
- package/es/rate/rate.js +30 -67
- package/es/search/option.js +10 -17
- package/es/search/quick-search.js +68 -155
- package/es/search/search-panel.js +28 -49
- package/es/search/search.js +23 -43
- package/es/select/interface.js +0 -1
- package/es/select/option.js +13 -25
- package/es/select/select.js +115 -222
- package/es/select/style/index.css +3 -0
- package/es/select/style/index.less +4 -0
- package/es/slider/marks.js +9 -15
- package/es/slider/slider.js +60 -104
- package/es/slider/sliderTooltip.js +9 -17
- package/es/slider/steps.js +8 -19
- package/es/slider/track.js +5 -8
- package/es/slider/utils.js +4 -14
- package/es/space/space.js +16 -34
- package/es/spin/spin.js +16 -32
- package/es/split-panel/split-panel.js +57 -83
- package/es/split-panel/trigger.js +8 -17
- package/es/stepper/stepper.js +27 -57
- package/es/steps/Step.js +18 -34
- package/es/steps/Steps.js +19 -38
- package/es/switch/switch.js +25 -43
- package/es/table/api.js +3 -37
- package/es/table/feature/autoRowSpan.js +0 -2
- package/es/table/feature/colGroupExtendable.js +0 -2
- package/es/table/feature/columnDrag.js +0 -2
- package/es/table/feature/columnResize.js +0 -2
- package/es/table/feature/contextMenu.js +0 -2
- package/es/table/feature/filter.js +0 -2
- package/es/table/feature/mergeCellHover.js +0 -2
- package/es/table/feature/rowDetail.js +0 -2
- package/es/table/feature/rowSelection.js +11 -21
- package/es/table/feature/sort.js +0 -2
- package/es/table/feature/treeMode.js +0 -2
- package/es/table/feature/useFooterDataSource.js +0 -2
- package/es/table/feature/useRangeSelection.js +0 -2
- package/es/table/table.js +36 -46
- package/es/tabs/active-line.js +6 -8
- package/es/tabs/arrow-button.js +5 -10
- package/es/tabs/index.js +2 -2
- package/es/tabs/tab-pane.js +7 -23
- package/es/tabs/tabs.js +42 -104
- package/es/tag/tag.js +34 -56
- package/es/timeline/Timeline.js +16 -33
- package/es/timeline/TimelineItem.js +15 -26
- package/es/tooltip/tooltip.js +7 -11
- package/es/transfer/list-body.js +12 -31
- package/es/transfer/list-item.js +10 -18
- package/es/transfer/list.js +35 -68
- package/es/transfer/operation.js +12 -14
- package/es/transfer/search.js +5 -11
- package/es/transfer/transfer.js +51 -100
- package/es/tree/tree.js +95 -156
- package/es/tree/treeHooks.js +18 -34
- package/es/tree/treeNode.js +57 -96
- package/es/tree/utils/treeUtils.js +22 -150
- package/es/typography/base.js +16 -33
- package/es/typography/index.js +2 -2
- package/es/typography/paragraph.js +0 -2
- package/es/typography/text.js +0 -2
- package/es/typography/title.js +3 -14
- package/es/typography/typography.js +14 -24
- package/es/upload/dragger.js +3 -12
- package/es/upload/request.js +6 -26
- package/es/upload/scan-files.js +2 -13
- package/es/upload/upload.js +63 -131
- package/es/upload/utils.js +0 -2
- package/es/upload/verify-file.js +0 -6
- package/es/view-container/view-container.js +7 -9
- package/es/virtual-list/Filler.js +3 -7
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +18 -47
- package/es/virtual-list/virtual-list.js +64 -137
- package/lib/_utils/KeyCode.js +6 -120
- package/lib/_utils/arrayUtil.js +0 -9
- package/lib/_utils/devwarning.js +0 -5
- package/lib/_utils/formatUtil.js +36 -103
- package/lib/_utils/getStringLength.js +0 -3
- package/lib/_utils/hooks.js +32 -90
- package/lib/_utils/index.js +0 -6
- package/lib/_utils/numberUtil.js +32 -64
- package/lib/_utils/omit.js +0 -5
- package/lib/_utils/raf.js +0 -7
- package/lib/_utils/react-children.js +0 -5
- package/lib/_utils/reactNode.js +0 -9
- package/lib/_utils/resizeObserver.js +2 -25
- package/lib/_utils/testBrowserType.js +0 -3
- package/lib/_utils/type.js +0 -6
- package/lib/_utils/usePopper.js +84 -190
- package/lib/alert/alert.js +20 -74
- package/lib/alert/index.js +0 -3
- package/lib/alert/style/css.js +0 -1
- package/lib/alert/style/index.js +0 -1
- package/lib/anchor/anchor-link.js +12 -35
- package/lib/anchor/anchor.js +69 -204
- package/lib/anchor/context.js +0 -7
- package/lib/anchor/index.js +0 -4
- package/lib/anchor/style/css.js +0 -1
- package/lib/anchor/style/index.js +0 -1
- package/lib/avatar/avatar.js +29 -70
- package/lib/avatar/index.js +0 -9
- package/lib/avatar/style/css.js +0 -1
- package/lib/avatar/style/index.js +0 -1
- package/lib/badge/badge.js +33 -70
- package/lib/badge/index.js +0 -9
- package/lib/badge/style/css.js +0 -1
- package/lib/badge/style/index.js +0 -1
- package/lib/base-data/base-data.js +89 -218
- package/lib/base-data/index.js +0 -9
- package/lib/base-data/interface.js +0 -2
- package/lib/base-data/style/css.js +0 -1
- package/lib/base-data/style/index.js +0 -1
- package/lib/button/button.js +30 -72
- package/lib/button/group.js +27 -61
- package/lib/button/index.js +0 -4
- package/lib/button/style/css.js +0 -1
- package/lib/button/style/index.js +0 -1
- package/lib/card/card.js +19 -35
- package/lib/card/index.js +0 -9
- package/lib/card/style/css.js +0 -1
- package/lib/card/style/index.js +0 -1
- package/lib/carousel/carousel.js +31 -112
- package/lib/carousel/displayList.js +2 -14
- package/lib/carousel/fadeList.js +4 -16
- package/lib/carousel/index.js +0 -12
- package/lib/carousel/slideList.js +1 -14
- package/lib/carousel/slidebar.js +5 -22
- package/lib/carousel/style/css.js +0 -1
- package/lib/carousel/style/index.js +0 -1
- package/lib/cascader/cascader.js +56 -150
- package/lib/cascader/index.js +0 -9
- package/lib/cascader/style/css.js +0 -1
- package/lib/cascader/style/index.js +0 -1
- package/lib/cascader/util.js +10 -87
- package/lib/checkbox/checkbox.js +22 -69
- package/lib/checkbox/group.js +18 -59
- package/lib/checkbox/index.js +0 -9
- package/lib/checkbox/style/css.js +0 -1
- package/lib/checkbox/style/index.css +2 -0
- package/lib/checkbox/style/index.js +0 -1
- package/lib/checkbox/style/index.less +1 -0
- package/lib/city-picker/city-group.js +5 -24
- package/lib/city-picker/city-list.js +4 -21
- package/lib/city-picker/city-panel-item.js +3 -17
- package/lib/city-picker/city-panel.js +25 -64
- package/lib/city-picker/city-picker.js +22 -67
- package/lib/city-picker/city-search-panel.js +6 -25
- package/lib/city-picker/index.js +0 -9
- package/lib/city-picker/no-data.js +3 -15
- package/lib/city-picker/style/css.js +0 -1
- package/lib/city-picker/style/index.js +0 -1
- package/lib/city-picker/utils/grouping.js +0 -5
- package/lib/collapse/collapse.js +17 -62
- package/lib/collapse/index.js +0 -4
- package/lib/collapse/panel.js +21 -62
- package/lib/collapse/style/css.js +0 -1
- package/lib/collapse/style/index.js +0 -1
- package/lib/config-provider/ConfigContext.js +1 -4
- package/lib/config-provider/SizeContext.js +1 -6
- package/lib/config-provider/compDefaultProps.js +0 -8
- package/lib/config-provider/configProvider.js +3 -18
- package/lib/config-provider/defaultConfig.js +0 -5
- package/lib/config-provider/index.js +0 -6
- package/lib/date-picker/calendar.js +12 -35
- package/lib/date-picker/context.js +0 -7
- package/lib/date-picker/date-panel.js +22 -87
- package/lib/date-picker/date-picker.js +145 -214
- package/lib/date-picker/hooks/use-hover-value.js +5 -19
- package/lib/date-picker/hooks/use-picker-input.js +17 -37
- package/lib/date-picker/hooks/use-range-cls.js +8 -21
- package/lib/date-picker/hooks/use-range-disabled.js +7 -30
- package/lib/date-picker/hooks/use-range-view-dates.js +16 -49
- package/lib/date-picker/hooks/use-state-memo.js +0 -5
- package/lib/date-picker/hooks/use-text-value-mapping.js +6 -20
- package/lib/date-picker/hooks/use-value-texts.js +0 -5
- package/lib/date-picker/index.js +0 -4
- package/lib/date-picker/panel/date-time/date-time.js +7 -23
- package/lib/date-picker/panel/header/header.js +9 -21
- package/lib/date-picker/panel/month/month.js +11 -46
- package/lib/date-picker/panel/quarter/quarter.js +8 -40
- package/lib/date-picker/panel/time/time-column.js +8 -31
- package/lib/date-picker/panel/time/time.js +60 -106
- package/lib/date-picker/panel/week/week.js +25 -73
- package/lib/date-picker/panel/year/year.js +19 -56
- package/lib/date-picker/popper.js +28 -47
- package/lib/date-picker/range/input-range.js +95 -145
- package/lib/date-picker/range-picker.d.ts +1 -0
- package/lib/date-picker/range-picker.js +195 -327
- package/lib/date-picker/single/input-date.js +87 -127
- package/lib/date-picker/utils/date-fns.js +25 -136
- package/lib/date-picker/utils/get-extra-footer.js +0 -8
- package/lib/date-picker/utils/get-ranges.js +13 -24
- package/lib/date-picker/utils/index.js +9 -104
- package/lib/drawer/drawer.js +49 -95
- package/lib/drawer/index.js +0 -9
- package/lib/drawer/style/css.js +0 -1
- package/lib/drawer/style/index.js +0 -1
- package/lib/dropdown/dropdown.js +26 -56
- package/lib/dropdown/index.js +0 -9
- package/lib/dropdown/menu.d.ts +3 -2
- package/lib/dropdown/menu.js +29 -56
- package/lib/dropdown/style/css.js +0 -1
- package/lib/dropdown/style/index.js +0 -1
- package/lib/empty/defaultEmptyImg.js +2 -14
- package/lib/empty/empty.js +15 -42
- package/lib/empty/illustrationEmptyImg.js +2 -14
- package/lib/empty/index.js +0 -9
- package/lib/empty/style/css.js +0 -1
- package/lib/empty/style/index.js +0 -1
- package/lib/filter/condition.js +5 -28
- package/lib/filter/filter.js +29 -73
- package/lib/filter/index.js +0 -9
- package/lib/filter/scheme.js +35 -82
- package/lib/filter/style/css.js +0 -1
- package/lib/filter/style/index.js +0 -1
- package/lib/form/Field.js +36 -127
- package/lib/form/FieldContext.js +0 -6
- package/lib/form/FieldLabel.js +11 -29
- package/lib/form/FieldWrapper.js +6 -19
- package/lib/form/Form.js +28 -65
- package/lib/form/FormContext.js +0 -11
- package/lib/form/hooks/useForceUpdate.js +2 -9
- package/lib/form/hooks/useForm.js +10 -98
- package/lib/form/index.js +0 -12
- package/lib/form/style/css.js +0 -1
- package/lib/form/style/index.js +0 -1
- package/lib/grid/col.js +23 -51
- package/lib/grid/index.js +0 -3
- package/lib/grid/row.js +22 -49
- package/lib/grid/style/css.js +0 -1
- package/lib/grid/style/index.js +0 -1
- package/lib/icon/icon.js +11 -44
- package/lib/icon/index.js +0 -9
- package/lib/icon/interface.js +0 -6
- package/lib/icon/style/css.js +0 -1
- package/lib/icon/style/index.js +0 -1
- package/lib/image/image.js +31 -64
- package/lib/image/index.js +0 -9
- package/lib/image/preview-group.js +25 -54
- package/lib/image/preview.js +24 -57
- package/lib/image/style/css.js +0 -1
- package/lib/image/style/index.js +0 -1
- package/lib/image-cropper/cropper.js +11 -33
- package/lib/image-cropper/image-cropper.js +39 -89
- package/lib/image-cropper/index.js +0 -3
- package/lib/image-cropper/operation-bar.js +14 -44
- package/lib/image-cropper/style/css.js +0 -1
- package/lib/image-cropper/style/index.css +12 -1
- package/lib/image-cropper/style/index.js +0 -1
- package/lib/image-cropper/style/index.less +11 -2
- package/lib/index.js +2 -64
- package/lib/input/ClearableLabeledInput.js +27 -65
- package/lib/input/TextArea.js +45 -108
- package/lib/input/calculateNodeHeight.js +4 -23
- package/lib/input/index.js +0 -9
- package/lib/input/input.js +32 -87
- package/lib/input-number/index.js +0 -3
- package/lib/input-number/inputNumber.js +50 -129
- package/lib/input-number/style/css.js +0 -1
- package/lib/input-number/style/index.js +0 -1
- package/lib/layout/index.js +0 -9
- package/lib/layout/layout.js +28 -64
- package/lib/layout/sider.js +39 -89
- package/lib/layout/style/css.js +0 -1
- package/lib/layout/style/index.js +0 -1
- package/lib/link/index.js +0 -9
- package/lib/link/link.js +19 -50
- package/lib/link/style/css.js +0 -1
- package/lib/link/style/index.js +0 -1
- package/lib/locale/index.js +0 -7
- package/lib/locale/locale.js +6 -58
- package/lib/locale/zh-CN.js +0 -4
- package/lib/menu/index.js +0 -9
- package/lib/menu/menu.js +29 -83
- package/lib/menu/menuItem.js +27 -69
- package/lib/menu/style/css.js +0 -1
- package/lib/menu/style/index.js +0 -1
- package/lib/menu/subMenu.js +44 -122
- package/lib/menu/util.js +4 -28
- package/lib/message/content.js +7 -32
- package/lib/message/index.js +14 -33
- package/lib/message/style/css.js +0 -1
- package/lib/message/style/index.js +0 -1
- package/lib/modal/confirm.js +3 -21
- package/lib/modal/index.js +0 -14
- package/lib/modal/modal.js +41 -86
- package/lib/modal/style/css.js +0 -1
- package/lib/modal/style/index.js +0 -1
- package/lib/notification/content.js +15 -48
- package/lib/notification/index.js +20 -42
- package/lib/notification/style/css.js +0 -1
- package/lib/notification/style/index.js +0 -1
- package/lib/notification-base/index.js +4 -31
- package/lib/notification-base/notice.js +12 -38
- package/lib/notification-base/notification.js +3 -31
- package/lib/pagination/index.js +0 -3
- package/lib/pagination/pagination.js +76 -137
- package/lib/pagination/style/css.js +0 -1
- package/lib/pagination/style/index.js +0 -1
- package/lib/popconfirm/index.js +0 -9
- package/lib/popconfirm/popconfirm.js +22 -46
- package/lib/popconfirm/style/css.js +0 -1
- package/lib/popconfirm/style/index.js +0 -1
- package/lib/progress/circle.js +9 -25
- package/lib/progress/index.js +0 -3
- package/lib/progress/line.js +5 -11
- package/lib/progress/progress.js +21 -64
- package/lib/progress/style/css.js +0 -1
- package/lib/progress/style/index.js +0 -1
- package/lib/progress/utils.js +6 -30
- package/lib/radio/context.js +0 -7
- package/lib/radio/group.js +19 -53
- package/lib/radio/index.js +0 -5
- package/lib/radio/radio-button.js +6 -32
- package/lib/radio/radio.js +19 -66
- package/lib/radio/style/css.js +0 -1
- package/lib/radio/style/index.js +0 -1
- package/lib/rate/index.js +0 -3
- package/lib/rate/rate.js +30 -82
- package/lib/rate/style/css.js +0 -1
- package/lib/rate/style/index.js +0 -1
- package/lib/search/index.js +0 -7
- package/lib/search/interface.js +0 -2
- package/lib/search/option.js +10 -29
- package/lib/search/quick-search.js +68 -171
- package/lib/search/search-panel.js +28 -66
- package/lib/search/search.js +23 -63
- package/lib/search/style/css.js +0 -1
- package/lib/search/style/index.js +0 -1
- package/lib/select/index.js +0 -4
- package/lib/select/interface.js +0 -3
- package/lib/select/option.js +13 -40
- package/lib/select/select.js +115 -235
- package/lib/select/style/index.css +3 -0
- package/lib/select/style/index.less +4 -0
- package/lib/slider/index.js +0 -9
- package/lib/slider/marks.js +9 -22
- package/lib/slider/slider.js +58 -123
- package/lib/slider/sliderTooltip.js +9 -30
- package/lib/slider/steps.js +8 -24
- package/lib/slider/style/css.js +0 -1
- package/lib/slider/style/index.js +0 -1
- package/lib/slider/track.js +5 -11
- package/lib/slider/utils.js +4 -21
- package/lib/space/index.js +0 -9
- package/lib/space/space.js +16 -50
- package/lib/space/style/css.js +0 -1
- package/lib/space/style/index.js +0 -1
- package/lib/spin/index.js +0 -9
- package/lib/spin/spin.js +16 -50
- package/lib/spin/style/css.js +0 -1
- package/lib/spin/style/index.js +0 -1
- package/lib/split-panel/index.js +0 -9
- package/lib/split-panel/split-panel.js +57 -101
- package/lib/split-panel/style/css.js +0 -1
- package/lib/split-panel/style/index.js +0 -1
- package/lib/split-panel/trigger.js +8 -23
- package/lib/stepper/index.js +0 -9
- package/lib/stepper/stepper.js +27 -81
- package/lib/stepper/style/css.js +0 -1
- package/lib/stepper/style/index.js +0 -1
- package/lib/steps/Step.js +18 -40
- package/lib/steps/Steps.js +19 -55
- package/lib/steps/index.js +0 -5
- package/lib/steps/interface.js +0 -2
- package/lib/steps/style/css.js +0 -1
- package/lib/steps/style/index.js +0 -1
- package/lib/switch/index.js +0 -3
- package/lib/switch/style/css.js +0 -1
- package/lib/switch/style/index.js +0 -1
- package/lib/switch/switch.js +23 -59
- package/lib/table/api.js +3 -39
- package/lib/table/feature/autoRowSpan.js +0 -3
- package/lib/table/feature/colGroupExtendable.js +0 -3
- package/lib/table/feature/columnDrag.js +0 -3
- package/lib/table/feature/columnResize.js +0 -3
- package/lib/table/feature/contextMenu.js +0 -3
- package/lib/table/feature/filter.js +0 -6
- package/lib/table/feature/mergeCellHover.js +0 -3
- package/lib/table/feature/rowDetail.js +0 -5
- package/lib/table/feature/rowSelection.js +11 -24
- package/lib/table/feature/sort.js +0 -6
- package/lib/table/feature/treeMode.js +0 -5
- package/lib/table/feature/useFooterDataSource.js +0 -3
- package/lib/table/feature/useRangeSelection.js +0 -5
- package/lib/table/index.js +0 -3
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/table.js +36 -78
- package/lib/tabs/active-line.js +6 -17
- package/lib/tabs/arrow-button.js +5 -23
- package/lib/tabs/context.js +0 -7
- package/lib/tabs/index.js +2 -6
- package/lib/tabs/style/css.js +0 -1
- package/lib/tabs/style/index.js +0 -1
- package/lib/tabs/tab-pane.js +7 -38
- package/lib/tabs/tabs.js +42 -135
- package/lib/tag/index.js +0 -9
- package/lib/tag/style/css.js +0 -1
- package/lib/tag/style/index.js +0 -1
- package/lib/tag/tag.js +34 -74
- package/lib/timeline/Timeline.js +16 -45
- package/lib/timeline/TimelineItem.js +15 -39
- package/lib/timeline/index.js +0 -3
- package/lib/timeline/style/css.js +0 -1
- package/lib/timeline/style/index.js +0 -1
- package/lib/tooltip/index.js +0 -9
- package/lib/tooltip/style/css.js +0 -1
- package/lib/tooltip/style/index.js +0 -1
- package/lib/tooltip/tooltip.js +7 -24
- package/lib/transfer/index.js +0 -3
- package/lib/transfer/list-body.js +12 -48
- package/lib/transfer/list-item.js +10 -27
- package/lib/transfer/list.js +35 -89
- package/lib/transfer/operation.js +12 -18
- package/lib/transfer/search.js +5 -16
- package/lib/transfer/style/css.js +0 -1
- package/lib/transfer/style/index.js +0 -1
- package/lib/transfer/transfer.js +51 -122
- package/lib/tree/index.js +0 -11
- package/lib/tree/style/css.js +0 -1
- package/lib/tree/style/index.js +0 -1
- package/lib/tree/tree.js +95 -196
- package/lib/tree/treeHooks.js +18 -64
- package/lib/tree/treeNode.js +57 -126
- package/lib/tree/utils/treeUtils.js +22 -193
- package/lib/typography/base.js +16 -53
- package/lib/typography/index.js +2 -8
- package/lib/typography/paragraph.js +0 -11
- package/lib/typography/style/css.js +0 -1
- package/lib/typography/style/index.js +0 -1
- package/lib/typography/text.js +0 -6
- package/lib/typography/title.js +3 -21
- package/lib/typography/typography.js +12 -35
- package/lib/upload/dragger.js +3 -21
- package/lib/upload/index.js +0 -11
- package/lib/upload/request.js +6 -27
- package/lib/upload/scan-files.js +2 -15
- package/lib/upload/style/css.js +0 -1
- package/lib/upload/style/index.js +0 -1
- package/lib/upload/upload.js +63 -151
- package/lib/upload/utils.js +0 -6
- package/lib/upload/verify-file.js +0 -9
- package/lib/view-container/context.js +0 -7
- package/lib/view-container/index.js +0 -3
- package/lib/view-container/view-container.js +7 -21
- package/lib/virtual-list/Filler.js +3 -15
- package/lib/virtual-list/index.js +0 -9
- package/lib/virtual-list/utils/algorithmUtil.js +0 -15
- package/lib/virtual-list/utils/itemUtil.js +18 -60
- package/lib/virtual-list/virtual-list.js +63 -158
- package/package.json +3 -2
package/lib/carousel/carousel.js
CHANGED
|
@@ -1,135 +1,95 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
exports.default = exports.EffectTypes = exports.DotPositionTypes = void 0;
|
|
15
|
-
|
|
16
11
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
17
|
-
|
|
18
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
|
|
28
17
|
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
29
|
-
|
|
30
18
|
var _utils = require("../_utils");
|
|
31
|
-
|
|
32
19
|
var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
|
|
33
|
-
|
|
34
20
|
var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
|
|
35
|
-
|
|
36
21
|
var _type = require("../_utils/type");
|
|
37
|
-
|
|
38
22
|
var _isBoolean = _interopRequireDefault(require("lodash/isBoolean"));
|
|
39
|
-
|
|
40
23
|
var _fadeList = require("./fadeList");
|
|
41
|
-
|
|
42
24
|
var _slideList = require("./slideList");
|
|
43
|
-
|
|
44
25
|
var _displayList = require("./displayList");
|
|
45
|
-
|
|
46
26
|
var _slidebar = require("./slidebar");
|
|
47
|
-
|
|
48
27
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
49
|
-
|
|
50
28
|
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); }
|
|
51
|
-
|
|
52
29
|
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; }
|
|
53
|
-
|
|
54
30
|
var DotPositionTypes = (0, _type.tuple)('top', 'left', 'bottom', 'right');
|
|
55
31
|
exports.DotPositionTypes = DotPositionTypes;
|
|
56
32
|
var EffectTypes = (0, _type.tuple)('scrollx', 'fade');
|
|
57
33
|
exports.EffectTypes = EffectTypes;
|
|
58
|
-
|
|
59
34
|
var InternalCarousel = function InternalCarousel(props, ref) {
|
|
60
35
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
36
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
37
|
+
prefixCls = _useContext.prefixCls,
|
|
38
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
65
39
|
var carouselProps = (0, _utils.getCompProps)('Carousel', userDefaultProps, props);
|
|
66
40
|
var autoplay = carouselProps.autoplay,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
41
|
+
jumpNode = carouselProps.jumpNode,
|
|
42
|
+
dotPosition = carouselProps.dotPosition,
|
|
43
|
+
children = carouselProps.children,
|
|
44
|
+
dots = carouselProps.dots,
|
|
45
|
+
easing = carouselProps.easing,
|
|
46
|
+
effect = carouselProps.effect,
|
|
47
|
+
intervalTime = carouselProps.intervalTime,
|
|
48
|
+
afterChange = carouselProps.afterChange,
|
|
49
|
+
beforeChange = carouselProps.beforeChange,
|
|
50
|
+
customPrefixcls = carouselProps.prefixCls,
|
|
51
|
+
className = carouselProps.className,
|
|
52
|
+
style = carouselProps.style;
|
|
79
53
|
(0, _devwarning.default)(DotPositionTypes.indexOf(dotPosition) === -1, 'carousel', "cannot found dotPosition type '".concat(dotPosition, "'"));
|
|
80
54
|
(0, _devwarning.default)(EffectTypes.indexOf(effect) === -1, 'carousel', "cannot found effect type '".concat(effect, "'"));
|
|
81
55
|
var carouselPrefixCls = getPrefixCls(prefixCls, 'carousel', customPrefixcls); // 按钮样式前缀
|
|
82
|
-
|
|
83
56
|
var _React$useState = _react.default.useState(0),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
57
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
58
|
+
itemWidth = _React$useState2[0],
|
|
59
|
+
setItemWidth = _React$useState2[1];
|
|
88
60
|
var _React$useState3 = _react.default.useState(false),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
61
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
62
|
+
needAnimation = _React$useState4[0],
|
|
63
|
+
setNeedAnimation = _React$useState4[1];
|
|
93
64
|
var _React$useState5 = _react.default.useState(0),
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
65
|
+
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
|
|
66
|
+
currentIndex = _React$useState6[0],
|
|
67
|
+
setCurrentIndex = _React$useState6[1];
|
|
98
68
|
var carouselRef = _react.default.useRef();
|
|
99
|
-
|
|
100
69
|
var listRef = _react.default.useRef();
|
|
101
|
-
|
|
102
70
|
var autoplayRef = _react.default.useRef();
|
|
103
|
-
|
|
104
71
|
var isScrollxEffect = _react.default.useMemo(function () {
|
|
105
72
|
return effect === 'scrollx';
|
|
106
73
|
}, [effect]);
|
|
107
|
-
|
|
108
74
|
var isFadeEffect = _react.default.useMemo(function () {
|
|
109
75
|
return effect === 'fade';
|
|
110
76
|
}, [effect]);
|
|
111
|
-
|
|
112
77
|
var isNoneEffect = _react.default.useMemo(function () {
|
|
113
78
|
return effect === 'none';
|
|
114
79
|
}, [effect]);
|
|
115
|
-
|
|
116
80
|
var posX = _react.default.useMemo(function () {
|
|
117
81
|
return -1 * (currentIndex + 1) * itemWidth;
|
|
118
82
|
}, [currentIndex, itemWidth]);
|
|
119
|
-
|
|
120
83
|
var reSize = _react.default.useCallback(function (rect) {
|
|
121
84
|
if (itemWidth !== rect.width && !rect.hide) {
|
|
122
85
|
setItemWidth(rect.width);
|
|
123
86
|
}
|
|
124
87
|
}, [itemWidth]);
|
|
125
|
-
|
|
126
88
|
var setScrollXEffectStyle = _react.default.useCallback(function () {
|
|
127
89
|
var _context;
|
|
128
|
-
|
|
129
90
|
if (!listRef.current) return;
|
|
130
91
|
listRef.current.style.cssText = needAnimation ? (0, _concat.default)(_context = "transform: translateX(".concat(posX, "px); transition:all 0.3s ")).call(_context, easing) : "transform: translateX(".concat(posX, "px); transition:'none'");
|
|
131
92
|
}, [needAnimation, easing, posX]);
|
|
132
|
-
|
|
133
93
|
var jumpTo = _react.default.useCallback(function (index, needAnimation) {
|
|
134
94
|
if (isFadeEffect) {
|
|
135
95
|
if (index === -1 || index === children.length) index = 0;
|
|
@@ -142,47 +102,39 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
142
102
|
setNeedAnimation(needAnimation);
|
|
143
103
|
}
|
|
144
104
|
}, [isFadeEffect, beforeChange, currentIndex, children === null || children === void 0 ? void 0 : children.length]);
|
|
145
|
-
|
|
146
105
|
var next = _react.default.useCallback(function () {
|
|
147
106
|
jumpTo(currentIndex + 1, true);
|
|
148
107
|
}, [currentIndex, jumpTo]);
|
|
149
|
-
|
|
150
108
|
var prev = _react.default.useCallback(function () {
|
|
151
109
|
jumpTo(currentIndex - 1, true);
|
|
152
110
|
}, [currentIndex, jumpTo]);
|
|
153
|
-
|
|
154
111
|
var play = _react.default.useCallback(function () {
|
|
155
112
|
autoplayRef.current && clearTimeout(autoplayRef.current);
|
|
156
113
|
autoplayRef.current = setTimeout(function () {
|
|
157
114
|
next();
|
|
158
115
|
}, intervalTime);
|
|
159
116
|
}, [intervalTime, next]);
|
|
160
|
-
|
|
161
117
|
_react.default.useEffect(function () {
|
|
162
118
|
var element = carouselRef.current;
|
|
163
119
|
var handler = reSize;
|
|
164
|
-
|
|
165
120
|
if (!element) {
|
|
166
121
|
(0, _devwarning.default)(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
|
|
167
122
|
return;
|
|
168
123
|
}
|
|
169
|
-
|
|
170
124
|
var measure = function measure(entries) {
|
|
171
125
|
if (!entries[0] || !entries[0].contentRect) {
|
|
172
126
|
return;
|
|
173
127
|
}
|
|
174
|
-
|
|
175
128
|
var contentRect = entries[0].contentRect;
|
|
176
129
|
var hide = contentRect.width === 0 && contentRect.height === 0; // 隐藏条件:高宽都为0
|
|
177
|
-
|
|
178
130
|
var bottom = contentRect.bottom,
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
131
|
+
height = contentRect.height,
|
|
132
|
+
left = contentRect.left,
|
|
133
|
+
right = contentRect.right,
|
|
134
|
+
top = contentRect.top,
|
|
135
|
+
width = contentRect.width,
|
|
136
|
+
x = contentRect.x,
|
|
137
|
+
y = contentRect.y;
|
|
186
138
|
handler && handler({
|
|
187
139
|
bottom: bottom,
|
|
188
140
|
height: height,
|
|
@@ -195,32 +147,26 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
195
147
|
hide: hide
|
|
196
148
|
});
|
|
197
149
|
};
|
|
198
|
-
|
|
199
150
|
var resizeObserver = new _resizeObserverPolyfill.default(measure);
|
|
200
151
|
resizeObserver && resizeObserver.observe(element);
|
|
201
152
|
return function () {
|
|
202
153
|
resizeObserver && resizeObserver.disconnect();
|
|
203
154
|
};
|
|
204
155
|
}, [reSize]);
|
|
205
|
-
|
|
206
156
|
_react.default.useLayoutEffect(function () {
|
|
207
157
|
isScrollxEffect && setScrollXEffectStyle();
|
|
208
158
|
}, [setScrollXEffectStyle, isScrollxEffect]);
|
|
209
|
-
|
|
210
159
|
_react.default.useEffect(function () {
|
|
211
160
|
if (autoplay) {
|
|
212
161
|
play();
|
|
213
162
|
}
|
|
214
|
-
|
|
215
163
|
return function () {
|
|
216
164
|
autoplayRef.current && clearTimeout(autoplayRef.current);
|
|
217
165
|
};
|
|
218
166
|
}, [currentIndex, autoplay, intervalTime, play]);
|
|
219
|
-
|
|
220
167
|
var showDot = function showDot() {
|
|
221
168
|
return (0, _isBoolean.default)(dots) ? dots : true;
|
|
222
169
|
};
|
|
223
|
-
|
|
224
170
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
225
171
|
return {
|
|
226
172
|
next: next,
|
|
@@ -231,46 +177,36 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
231
177
|
}
|
|
232
178
|
};
|
|
233
179
|
});
|
|
234
|
-
|
|
235
180
|
var handleClick = _react.default.useCallback(function (index) {
|
|
236
181
|
beforeChange && beforeChange(currentIndex, index);
|
|
237
182
|
setCurrentIndex(index);
|
|
238
183
|
setNeedAnimation(true);
|
|
239
184
|
}, [beforeChange, currentIndex]);
|
|
240
|
-
|
|
241
185
|
var handleTransitionEnd = _react.default.useCallback(function () {
|
|
242
186
|
if (!autoplay || !(children === null || children === void 0 ? void 0 : children.length)) return;
|
|
243
187
|
var childrenL = children.length;
|
|
244
188
|
var newCurrentIndex = currentIndex;
|
|
245
|
-
|
|
246
189
|
if (isScrollxEffect) {
|
|
247
190
|
if (currentIndex === -1) {
|
|
248
191
|
newCurrentIndex = childrenL - 1;
|
|
249
192
|
}
|
|
250
|
-
|
|
251
193
|
if (currentIndex === childrenL) {
|
|
252
194
|
newCurrentIndex = 0;
|
|
253
195
|
}
|
|
254
196
|
}
|
|
255
|
-
|
|
256
197
|
afterChange && afterChange(currentIndex);
|
|
257
198
|
setCurrentIndex(newCurrentIndex);
|
|
258
199
|
isScrollxEffect && setNeedAnimation(false);
|
|
259
200
|
}, [currentIndex, children === null || children === void 0 ? void 0 : children.length, afterChange, isScrollxEffect, autoplay]);
|
|
260
|
-
|
|
261
201
|
var handleMouseEnter = _react.default.useCallback(function () {
|
|
262
202
|
autoplayRef.current && clearTimeout(autoplayRef.current);
|
|
263
203
|
}, []);
|
|
264
|
-
|
|
265
204
|
var handleMouseLeave = _react.default.useCallback(function () {
|
|
266
205
|
autoplay && play();
|
|
267
206
|
}, [play, autoplay]);
|
|
268
|
-
|
|
269
207
|
var rootClassName = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(carouselPrefixCls, "-root"), true));
|
|
270
|
-
|
|
271
208
|
var renderDisplayList = function renderDisplayList() {
|
|
272
209
|
var content;
|
|
273
|
-
|
|
274
210
|
if (isFadeEffect) {
|
|
275
211
|
content = /*#__PURE__*/_react.default.createElement(_fadeList.FadeList, {
|
|
276
212
|
items: children,
|
|
@@ -294,50 +230,39 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
294
230
|
ref: listRef
|
|
295
231
|
});
|
|
296
232
|
}
|
|
297
|
-
|
|
298
233
|
return content;
|
|
299
234
|
};
|
|
300
|
-
|
|
301
235
|
var renderJumpNode = function renderJumpNode() {
|
|
302
236
|
if ((children === null || children === void 0 ? void 0 : children.length) && jumpNode) {
|
|
303
237
|
var jumpClassPrefix = "".concat(carouselPrefixCls, "-jump");
|
|
304
|
-
|
|
305
238
|
var leftClick = function leftClick(e) {
|
|
306
239
|
e.stopPropagation();
|
|
307
|
-
|
|
308
240
|
if (currentIndex !== 0) {
|
|
309
241
|
prev();
|
|
310
242
|
}
|
|
311
243
|
};
|
|
312
|
-
|
|
313
244
|
var rightClick = function rightClick(e) {
|
|
314
245
|
e.stopPropagation();
|
|
315
|
-
|
|
316
246
|
if (currentIndex !== children.length - 1) {
|
|
317
247
|
next();
|
|
318
248
|
}
|
|
319
249
|
};
|
|
320
|
-
|
|
321
250
|
var mergeNode = function mergeNode(node, type) {
|
|
322
251
|
var onClick = function onClick(evt) {
|
|
323
252
|
var chClick = node.props.onClick;
|
|
324
|
-
|
|
325
253
|
if (type === 'left') {
|
|
326
254
|
leftClick(evt);
|
|
327
255
|
} else {
|
|
328
256
|
rightClick(evt);
|
|
329
257
|
}
|
|
330
|
-
|
|
331
258
|
if (typeof chClick === 'function') {
|
|
332
259
|
chClick(evt);
|
|
333
260
|
}
|
|
334
261
|
};
|
|
335
|
-
|
|
336
262
|
return (0, _extends2.default)((0, _extends2.default)({}, node.props), {
|
|
337
263
|
onClick: onClick
|
|
338
264
|
});
|
|
339
265
|
};
|
|
340
|
-
|
|
341
266
|
var leftNode = /*#__PURE__*/_react.default.createElement("div", {
|
|
342
267
|
className: (0, _classnames.default)(jumpClassPrefix, "".concat(jumpClassPrefix, "-left"), (0, _defineProperty2.default)({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex <= 0))
|
|
343
268
|
}, Array.isArray(jumpNode) && jumpNode.length > 0 && /*#__PURE__*/(0, _react.isValidElement)(jumpNode[0]) ? /*#__PURE__*/_react.default.cloneElement(jumpNode[0], mergeNode(jumpNode[0], 'left')) : /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -345,7 +270,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
345
270
|
type: 'arrow-left-circle-solid',
|
|
346
271
|
onClick: leftClick
|
|
347
272
|
}));
|
|
348
|
-
|
|
349
273
|
var rightNode = /*#__PURE__*/_react.default.createElement("div", {
|
|
350
274
|
className: (0, _classnames.default)(jumpClassPrefix, "".concat(jumpClassPrefix, "-right"), (0, _defineProperty2.default)({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex >= children.length - 1))
|
|
351
275
|
}, Array.isArray(jumpNode) && jumpNode.length > 1 && /*#__PURE__*/(0, _react.isValidElement)(jumpNode[1]) ? /*#__PURE__*/_react.default.cloneElement(jumpNode[1], mergeNode(jumpNode[1], 'right')) : /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -353,13 +277,10 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
353
277
|
type: 'arrow-right-circle-solid',
|
|
354
278
|
onClick: rightClick
|
|
355
279
|
}));
|
|
356
|
-
|
|
357
280
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, leftNode, rightNode);
|
|
358
281
|
}
|
|
359
|
-
|
|
360
282
|
return null;
|
|
361
283
|
};
|
|
362
|
-
|
|
363
284
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
364
285
|
className: rootClassName,
|
|
365
286
|
ref: carouselRef,
|
|
@@ -378,9 +299,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
378
299
|
onClick: handleClick
|
|
379
300
|
}) : null, renderJumpNode());
|
|
380
301
|
};
|
|
381
|
-
|
|
382
302
|
var Carousel = /*#__PURE__*/_react.default.forwardRef(InternalCarousel);
|
|
383
|
-
|
|
384
303
|
Carousel.displayName = 'Carousel';
|
|
385
304
|
var _default = Carousel;
|
|
386
305
|
exports.default = _default;
|
|
@@ -1,32 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.DisplayList = void 0;
|
|
9
|
-
|
|
10
8
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
11
|
-
|
|
12
9
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
19
13
|
var _context;
|
|
20
|
-
|
|
21
14
|
var items = props.items,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
parentPrefixCls = props.parentPrefixCls,
|
|
16
|
+
currentIndex = props.currentIndex;
|
|
25
17
|
var itemRef = _react.default.useRef(null);
|
|
26
|
-
|
|
27
18
|
var displayListPrefixCls = "".concat(parentPrefixCls, "-list-display");
|
|
28
19
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
29
|
-
|
|
30
20
|
var renderItems = function renderItems() {
|
|
31
21
|
return (0, _map.default)(items).call(items, function (item, index) {
|
|
32
22
|
var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
|
|
@@ -37,11 +27,9 @@ var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
37
27
|
}, item);
|
|
38
28
|
});
|
|
39
29
|
};
|
|
40
|
-
|
|
41
30
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
42
31
|
className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, displayListPrefixCls),
|
|
43
32
|
ref: ref
|
|
44
33
|
}, renderItems());
|
|
45
34
|
});
|
|
46
|
-
|
|
47
35
|
exports.DisplayList = DisplayList;
|
package/lib/carousel/fadeList.js
CHANGED
|
@@ -1,34 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.FadeList = void 0;
|
|
9
|
-
|
|
10
8
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
11
|
-
|
|
12
9
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
19
13
|
var _context;
|
|
20
|
-
|
|
21
14
|
var items = props.items,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
15
|
+
parentPrefixCls = props.parentPrefixCls,
|
|
16
|
+
needAnimation = props.needAnimation,
|
|
17
|
+
currentIndex = props.currentIndex,
|
|
18
|
+
itemWidth = props.itemWidth;
|
|
27
19
|
var itemRef = _react.default.useRef(null);
|
|
28
|
-
|
|
29
20
|
var fadeListPrefixCls = "".concat(parentPrefixCls, "-list-fade");
|
|
30
21
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
31
|
-
|
|
32
22
|
var renderItems = function renderItems() {
|
|
33
23
|
return (0, _map.default)(items).call(items, function (item, index) {
|
|
34
24
|
var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
|
|
@@ -44,11 +34,9 @@ var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
44
34
|
}, item);
|
|
45
35
|
});
|
|
46
36
|
};
|
|
47
|
-
|
|
48
37
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
49
38
|
className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, fadeListPrefixCls),
|
|
50
39
|
ref: ref
|
|
51
40
|
}, renderItems());
|
|
52
41
|
});
|
|
53
|
-
|
|
54
42
|
exports.FadeList = FadeList;
|
package/lib/carousel/index.js
CHANGED
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
@@ -35,9 +31,7 @@ Object.defineProperty(exports, "Slidebar", {
|
|
|
35
31
|
}
|
|
36
32
|
});
|
|
37
33
|
exports.default = void 0;
|
|
38
|
-
|
|
39
34
|
var _carousel = _interopRequireWildcard(require("./carousel"));
|
|
40
|
-
|
|
41
35
|
_Object$keys(_carousel).forEach(function (key) {
|
|
42
36
|
if (key === "default" || key === "__esModule") return;
|
|
43
37
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -49,16 +43,10 @@ _Object$keys(_carousel).forEach(function (key) {
|
|
|
49
43
|
}
|
|
50
44
|
});
|
|
51
45
|
});
|
|
52
|
-
|
|
53
46
|
var _slidebar = require("./slidebar");
|
|
54
|
-
|
|
55
47
|
var _slideList = require("./slideList");
|
|
56
|
-
|
|
57
48
|
var _fadeList = require("./fadeList");
|
|
58
|
-
|
|
59
49
|
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); }
|
|
60
|
-
|
|
61
50
|
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; }
|
|
62
|
-
|
|
63
51
|
var _default = _carousel.default;
|
|
64
52
|
exports.default = _default;
|
|
@@ -1,34 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.SlideList = void 0;
|
|
9
|
-
|
|
10
8
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
11
|
-
|
|
12
9
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
13
|
-
|
|
14
10
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
15
|
-
|
|
16
11
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
-
|
|
18
12
|
var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
19
13
|
var _context2;
|
|
20
|
-
|
|
21
14
|
var items = props.items,
|
|
22
|
-
|
|
15
|
+
parentPrefixCls = props.parentPrefixCls;
|
|
23
16
|
var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
|
|
24
17
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
25
|
-
|
|
26
18
|
var renderItems = function renderItems() {
|
|
27
19
|
var _context;
|
|
28
|
-
|
|
29
20
|
var _items = (0, _concat.default)(_context = (0, _slice.default)(items).call(items, -1)).call(_context, items, (0, _slice.default)(items).call(items, 0, 1)); // 首位分别添加一项
|
|
30
|
-
|
|
31
|
-
|
|
32
21
|
return (0, _map.default)(_items).call(_items, function (item, index) {
|
|
33
22
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
34
23
|
className: "".concat(listPrefixCls, "-item"),
|
|
@@ -36,11 +25,9 @@ var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
36
25
|
}, item);
|
|
37
26
|
});
|
|
38
27
|
};
|
|
39
|
-
|
|
40
28
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
41
29
|
className: (0, _concat.default)(_context2 = "".concat(listPrefixCls, " ")).call(_context2, slideListPrefixCls),
|
|
42
30
|
ref: ref
|
|
43
31
|
}, renderItems());
|
|
44
32
|
});
|
|
45
|
-
|
|
46
33
|
exports.SlideList = SlideList;
|
package/lib/carousel/slidebar.js
CHANGED
|
@@ -1,42 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.Slidebar = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _isObject = _interopRequireDefault(require("lodash/isObject"));
|
|
19
|
-
|
|
20
13
|
var Slidebar = function Slidebar(props) {
|
|
21
14
|
var _context, _classNames;
|
|
22
|
-
|
|
23
15
|
var number = props.number,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
16
|
+
currentIndex = props.currentIndex,
|
|
17
|
+
dotPosition = props.dotPosition,
|
|
18
|
+
dotsClassName = props.dotsClassName,
|
|
19
|
+
parentPrefixCls = props.parentPrefixCls,
|
|
20
|
+
_onClick = props.onClick;
|
|
29
21
|
var slideBarPrefixCls = "".concat(parentPrefixCls, "-slidebar");
|
|
30
22
|
var slideClassName = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(slideBarPrefixCls), true), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(slideBarPrefixCls, "-")).call(_context, dotPosition), true), _classNames));
|
|
31
|
-
|
|
32
23
|
var renderDot = function renderDot() {
|
|
33
24
|
var element = [];
|
|
34
|
-
|
|
35
25
|
var _loop = function _loop(i) {
|
|
36
26
|
var _classNames2, _classNames3;
|
|
37
|
-
|
|
38
27
|
var dotClassName = (0, _isObject.default)(dotsClassName) ? (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(dotsClassName.dotsClassName), true), (0, _defineProperty2.default)(_classNames2, "".concat(dotsClassName.activeDotsClassName), i === currentIndex), _classNames2)) : (0, _classnames.default)((_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(slideBarPrefixCls, "-dot"), true), (0, _defineProperty2.default)(_classNames3, "".concat(slideBarPrefixCls, "-dot-active"), i === currentIndex), _classNames3));
|
|
39
|
-
|
|
40
28
|
var li = /*#__PURE__*/_react.default.createElement("li", {
|
|
41
29
|
key: i,
|
|
42
30
|
className: dotClassName
|
|
@@ -45,20 +33,15 @@ var Slidebar = function Slidebar(props) {
|
|
|
45
33
|
return _onClick(i);
|
|
46
34
|
}
|
|
47
35
|
}));
|
|
48
|
-
|
|
49
36
|
element.push(li);
|
|
50
37
|
};
|
|
51
|
-
|
|
52
38
|
for (var i = 0; i <= number - 1; i++) {
|
|
53
39
|
_loop(i);
|
|
54
40
|
}
|
|
55
|
-
|
|
56
41
|
return element;
|
|
57
42
|
};
|
|
58
|
-
|
|
59
43
|
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
60
44
|
className: slideClassName
|
|
61
45
|
}, renderDot());
|
|
62
46
|
};
|
|
63
|
-
|
|
64
47
|
exports.Slidebar = Slidebar;
|