@kdcloudjs/kdesign 1.6.33 → 1.6.35
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 +14 -0
- package/dist/kdesign-complete.less +8 -9
- package/dist/kdesign.css +9 -5
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +9332 -11853
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +4 -4
- 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 +20 -60
- 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 +196 -284
- 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/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/rate/style/index.css +3 -3
- package/es/rate/style/index.less +3 -9
- 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 +114 -221
- 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/style/icon/kdicon.css +0 -1
- package/es/switch/switch.js +25 -43
- package/es/table/api.d.ts +4 -0
- package/es/table/api.js +128 -0
- 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/interface.d.ts +3 -0
- package/es/table/table.js +38 -54
- 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 +20 -81
- 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 +194 -324
- 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.js +0 -1
- 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.css +3 -3
- package/lib/rate/style/index.js +0 -1
- package/lib/rate/style/index.less +3 -9
- 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 +114 -234
- 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/style/icon/kdicon.css +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.d.ts +4 -0
- package/lib/table/api.js +135 -0
- 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/interface.d.ts +3 -0
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/table.js +38 -85
- 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;
|