@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/es/button/button.js
CHANGED
|
@@ -2,20 +2,14 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
|
|
3
3
|
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
4
4
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
5
|
-
|
|
6
5
|
var __rest = this && this.__rest || function (s, e) {
|
|
7
6
|
var t = {};
|
|
8
|
-
|
|
9
|
-
for (var p in s) {
|
|
10
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
11
|
-
}
|
|
12
|
-
|
|
7
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
13
8
|
if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14
9
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
15
10
|
}
|
|
16
11
|
return t;
|
|
17
12
|
};
|
|
18
|
-
|
|
19
13
|
import React, { useContext } from 'react';
|
|
20
14
|
import { Icon } from '../index';
|
|
21
15
|
import classNames from 'classnames';
|
|
@@ -28,75 +22,63 @@ export var ButtonSizes = tuple('large', 'middle', 'small');
|
|
|
28
22
|
export var ButtonShapes = tuple('circle', 'round', 'none');
|
|
29
23
|
export var ButtonIconPlaces = tuple('left', 'right');
|
|
30
24
|
export var ButtonHTMLTypes = tuple('submit', 'button', 'reset');
|
|
31
|
-
|
|
32
25
|
var InternalButton = function InternalButton(props, ref) {
|
|
33
26
|
var _context, _context2, _context3, _classNames, _context4, _context5;
|
|
34
|
-
|
|
35
27
|
var _useContext = useContext(ConfigContext),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
29
|
+
prefixCls = _useContext.prefixCls,
|
|
30
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
40
31
|
var buttonProps = getCompProps('Button', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
|
|
41
|
-
|
|
42
32
|
var type = buttonProps.type,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
33
|
+
iconPlace = buttonProps.iconPlace,
|
|
34
|
+
children = buttonProps.children,
|
|
35
|
+
className = buttonProps.className,
|
|
36
|
+
customPrefixcls = buttonProps.prefixCls,
|
|
37
|
+
size = buttonProps.size,
|
|
38
|
+
loading = buttonProps.loading,
|
|
39
|
+
shape = buttonProps.shape,
|
|
40
|
+
bordered = buttonProps.bordered,
|
|
41
|
+
onClick = buttonProps.onClick,
|
|
42
|
+
icon = buttonProps.icon,
|
|
43
|
+
ghost = buttonProps.ghost,
|
|
44
|
+
block = buttonProps.block,
|
|
45
|
+
disabled = buttonProps.disabled,
|
|
46
|
+
_buttonProps$htmlType = buttonProps.htmlType,
|
|
47
|
+
htmlType = _buttonProps$htmlType === void 0 ? 'button' : _buttonProps$htmlType,
|
|
48
|
+
others = __rest(buttonProps, ["type", "iconPlace", "children", "className", "prefixCls", "size", "loading", "shape", "bordered", "onClick", "icon", "ghost", "block", "disabled", "htmlType"]);
|
|
60
49
|
devWarning(ButtonTypes.indexOf(type) === -1, 'button', "cannot found button type '".concat(type, "'"));
|
|
61
50
|
var btnPrefixCls = getPrefixCls(prefixCls, 'btn', customPrefixcls); // 按钮样式前缀
|
|
62
|
-
|
|
63
51
|
/**
|
|
64
52
|
* 按钮click事件处理
|
|
65
53
|
* @param {React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>} e 事件对象
|
|
66
54
|
*/
|
|
67
|
-
|
|
68
55
|
var handleClick = function handleClick(e) {
|
|
69
56
|
if (loading) {
|
|
70
57
|
// 加载中不触发点击事件
|
|
71
58
|
return;
|
|
72
59
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
60
|
+
var waveStatus = buttonRef.current.getAttribute('click-animating-wave');
|
|
61
|
+
// 进入时是否在加载动画
|
|
76
62
|
if (waveStatus === 'true') {
|
|
77
|
-
buttonRef.current.setAttribute('click-animating-wave', false);
|
|
78
|
-
|
|
63
|
+
buttonRef.current.setAttribute('click-animating-wave', false);
|
|
64
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-expressions
|
|
79
65
|
window.getComputedStyle(buttonRef.current).animationPlayState;
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
66
|
+
}
|
|
67
|
+
// 启动动画
|
|
83
68
|
buttonRef.current.setAttribute('click-animating-wave', true);
|
|
84
69
|
buttonRef.current.addEventListener('animationend', onAnimationEnd);
|
|
85
70
|
onClick && onClick(e);
|
|
86
71
|
};
|
|
87
|
-
|
|
88
72
|
var onAnimationEnd = function onAnimationEnd(e) {
|
|
89
73
|
if (e.animationName === 'waveEffect') {
|
|
90
74
|
return;
|
|
91
75
|
}
|
|
92
|
-
|
|
93
76
|
e.target.setAttribute('click-animating-wave', 'false');
|
|
94
77
|
removeEventListener('animationend', onAnimationEnd);
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
78
|
+
};
|
|
79
|
+
// ref
|
|
80
|
+
var buttonRef = ref || /*#__PURE__*/React.createRef();
|
|
81
|
+
// 对children进行进一步处理,目前只处理typeof child === 'string'的情况,后续有特殊情况的在此方法处理
|
|
100
82
|
var handleChild = function handleChild(child) {
|
|
101
83
|
if (typeof child === 'string') {
|
|
102
84
|
return /*#__PURE__*/React.createElement("span", null, child); // 包一层span,该层span的dsiplay为inline-block, 用于处理没内容时按钮高度位置跳动问题
|
|
@@ -104,13 +86,9 @@ var InternalButton = function InternalButton(props, ref) {
|
|
|
104
86
|
|
|
105
87
|
return child;
|
|
106
88
|
};
|
|
107
|
-
|
|
108
89
|
var isTextBtn = type === 'text'; // 判断按钮是否文本类型。这些类型下有部分样式不适用
|
|
109
|
-
|
|
110
90
|
var btnClasses = classNames(btnPrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(btnPrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(btnPrefixCls, "-size-")).call(_context2, size), size), _defineProperty(_classNames, _concatInstanceProperty(_context3 = "".concat(btnPrefixCls, "-shape-")).call(_context3, shape), shape && !isTextBtn), _defineProperty(_classNames, "".concat(btnPrefixCls, "-no-border"), !bordered), _defineProperty(_classNames, "".concat(btnPrefixCls, "-background-ghost"), ghost && !disabled), _defineProperty(_classNames, "".concat(btnPrefixCls, "-loading"), loading && !isTextBtn), _defineProperty(_classNames, "".concat(btnPrefixCls, "-block"), block && !shape), _defineProperty(_classNames, "".concat(btnPrefixCls, "-icon-only"), !children && children !== 0 && icon), _classNames));
|
|
111
|
-
|
|
112
91
|
var iconWrapperClassName = _concatInstanceProperty(_context4 = "".concat(btnPrefixCls, "-iconWrapper-")).call(_context4, iconPlace === 'left' ? 'left' : 'right');
|
|
113
|
-
|
|
114
92
|
var iconNode = icon && !loading ? /*#__PURE__*/React.createElement("span", {
|
|
115
93
|
className: iconWrapperClassName
|
|
116
94
|
}, icon) : loading ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -121,7 +99,6 @@ var InternalButton = function InternalButton(props, ref) {
|
|
|
121
99
|
spin: true
|
|
122
100
|
})) : null;
|
|
123
101
|
var btnChild = handleChild(children);
|
|
124
|
-
|
|
125
102
|
switch (type) {
|
|
126
103
|
case 'text':
|
|
127
104
|
return /*#__PURE__*/React.createElement("span", _extends({
|
|
@@ -130,7 +107,6 @@ var InternalButton = function InternalButton(props, ref) {
|
|
|
130
107
|
onClick: handleClick,
|
|
131
108
|
disabled: disabled
|
|
132
109
|
}, others), iconNode, children);
|
|
133
|
-
|
|
134
110
|
default:
|
|
135
111
|
return /*#__PURE__*/React.createElement("button", _extends({
|
|
136
112
|
ref: buttonRef,
|
|
@@ -147,7 +123,6 @@ var InternalButton = function InternalButton(props, ref) {
|
|
|
147
123
|
}), iconNode));
|
|
148
124
|
}
|
|
149
125
|
};
|
|
150
|
-
|
|
151
126
|
var Button = /*#__PURE__*/React.forwardRef(InternalButton);
|
|
152
127
|
Button.displayName = 'Button';
|
|
153
128
|
export default Button;
|
package/es/button/group.js
CHANGED
|
@@ -12,36 +12,30 @@ import usePopper from '../_utils/usePopper';
|
|
|
12
12
|
import { toArray } from '../_utils/react-children';
|
|
13
13
|
import { tuple } from '../_utils/type';
|
|
14
14
|
export var ButtonGroupTypes = tuple('basic', 'similar');
|
|
15
|
-
|
|
16
15
|
var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
17
16
|
var _context;
|
|
18
|
-
|
|
19
17
|
var _useContext = useContext(ConfigContext),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
19
|
+
prefixCls = _useContext.prefixCls,
|
|
20
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
24
21
|
var buttonGoupProps = getCompProps('ButtonGroup', userDefaultProps, props);
|
|
25
22
|
var style = buttonGoupProps.style,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
23
|
+
className = buttonGoupProps.className,
|
|
24
|
+
children = buttonGoupProps.children,
|
|
25
|
+
customPrefixcls = buttonGoupProps.prefixCls,
|
|
26
|
+
onClick = buttonGoupProps.onClick,
|
|
27
|
+
onItemClick = buttonGoupProps.onItemClick,
|
|
28
|
+
overlay = buttonGoupProps.overlay,
|
|
29
|
+
icon = buttonGoupProps.icon,
|
|
30
|
+
type = buttonGoupProps.type,
|
|
31
|
+
size = buttonGoupProps.size,
|
|
32
|
+
buttonType = buttonGoupProps.buttonType,
|
|
33
|
+
disabled = buttonGoupProps.disabled,
|
|
34
|
+
onVisibleChange = buttonGoupProps.onVisibleChange;
|
|
39
35
|
var _useState = useState(false),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
36
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
37
|
+
optionShow = _useState2[0],
|
|
38
|
+
setOptionShow = _useState2[1]; // 下拉列表是否展示
|
|
45
39
|
var refBtnGroup = React.useRef(null) || ref;
|
|
46
40
|
var triggerRef = React.useRef(null);
|
|
47
41
|
var isBsicType = type === 'basic';
|
|
@@ -49,16 +43,15 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
49
43
|
var btnGroupClasses = classNames("".concat(btnGroupPrefixCls), className, _defineProperty({}, _concatInstanceProperty(_context = "".concat(btnGroupPrefixCls, "-")).call(_context, type), type));
|
|
50
44
|
var renderTriggerButton = useCallback(function () {
|
|
51
45
|
var _toArray = toArray(icon),
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
46
|
+
_toArray2 = _slicedToArray(_toArray, 2),
|
|
47
|
+
_toArray2$ = _toArray2[0],
|
|
48
|
+
iconUp = _toArray2$ === void 0 ? /*#__PURE__*/React.createElement(Icon, {
|
|
49
|
+
type: "arrow-up"
|
|
50
|
+
}) : _toArray2$,
|
|
51
|
+
_toArray2$2 = _toArray2[1],
|
|
52
|
+
iconDown = _toArray2$2 === void 0 ? /*#__PURE__*/React.createElement(Icon, {
|
|
53
|
+
type: "arrow-down"
|
|
54
|
+
}) : _toArray2$2;
|
|
62
55
|
return /*#__PURE__*/React.createElement("div", {
|
|
63
56
|
style: style,
|
|
64
57
|
className: btnGroupClasses,
|
|
@@ -95,7 +88,6 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
95
88
|
}, [onItemClick]);
|
|
96
89
|
var renderContent = useCallback(function () {
|
|
97
90
|
var _context2;
|
|
98
|
-
|
|
99
91
|
return /*#__PURE__*/React.createElement("div", {
|
|
100
92
|
className: "".concat(btnGroupPrefixCls, "-dropdown")
|
|
101
93
|
}, _mapInstanceProperty(_context2 = overlay || []).call(_context2, function (item) {
|
|
@@ -108,12 +100,10 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
108
100
|
}, item.label);
|
|
109
101
|
}));
|
|
110
102
|
}, [btnGroupPrefixCls, overlay, handleItemClick]);
|
|
111
|
-
|
|
112
103
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
113
104
|
setOptionShow(visible);
|
|
114
105
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
|
|
115
106
|
};
|
|
116
|
-
|
|
117
107
|
var popperProps = _extends(_extends({
|
|
118
108
|
placement: 'bottomLeft',
|
|
119
109
|
trigger: 'click',
|
|
@@ -127,10 +117,8 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
127
117
|
return isBsicType ? locatorNode : triggerRef.current;
|
|
128
118
|
}
|
|
129
119
|
});
|
|
130
|
-
|
|
131
120
|
return usePopper(renderTriggerButton(), renderContent(), popperProps);
|
|
132
121
|
};
|
|
133
|
-
|
|
134
122
|
var ButtonGroup = /*#__PURE__*/React.forwardRef(InternalButtonGroup);
|
|
135
123
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
136
124
|
export default ButtonGroup;
|
package/es/card/card.js
CHANGED
|
@@ -4,31 +4,28 @@ import classNames from 'classnames';
|
|
|
4
4
|
import Checkbox from '../checkbox';
|
|
5
5
|
import { getCompProps } from '../_utils';
|
|
6
6
|
import { ConfigContext } from '../config-provider';
|
|
7
|
-
|
|
8
7
|
var Card = function Card(props) {
|
|
9
8
|
var _React$useContext = React.useContext(ConfigContext),
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
getPrefixCls = _React$useContext.getPrefixCls,
|
|
10
|
+
pkgPrefixCls = _React$useContext.prefixCls,
|
|
11
|
+
userDefaultProps = _React$useContext.compDefaultProps;
|
|
12
|
+
// 属性需要合并一遍用户定义的默认属性
|
|
15
13
|
var _getCompProps = getCompProps('Card', userDefaultProps, props),
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
14
|
+
tags = _getCompProps.tags,
|
|
15
|
+
style = _getCompProps.style,
|
|
16
|
+
title = _getCompProps.title,
|
|
17
|
+
avatar = _getCompProps.avatar,
|
|
18
|
+
actions = _getCompProps.actions,
|
|
19
|
+
extra = _getCompProps.extra,
|
|
20
|
+
children = _getCompProps.children,
|
|
21
|
+
className = _getCompProps.className,
|
|
22
|
+
hoverable = _getCompProps.hoverable,
|
|
23
|
+
headStyle = _getCompProps.headStyle,
|
|
24
|
+
bodyStyle = _getCompProps.bodyStyle,
|
|
25
|
+
selectable = _getCompProps.selectable,
|
|
26
|
+
checkboxProps = _getCompProps.checkboxProps,
|
|
27
|
+
customPrefixcls = _getCompProps.prefixCls;
|
|
28
|
+
// className前缀
|
|
32
29
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'card', customPrefixcls);
|
|
33
30
|
var cardClassName = classNames(prefixCls, {
|
|
34
31
|
hoverable: hoverable
|
|
@@ -62,6 +59,5 @@ var Card = function Card(props) {
|
|
|
62
59
|
className: "".concat(prefixCls, "-extra")
|
|
63
60
|
}, extra));
|
|
64
61
|
};
|
|
65
|
-
|
|
66
62
|
Card.displayName = 'Card';
|
|
67
63
|
export default Card;
|
package/es/carousel/carousel.js
CHANGED
|
@@ -17,46 +17,40 @@ import { Slidebar } from './slidebar';
|
|
|
17
17
|
import Icon from '../icon';
|
|
18
18
|
export var DotPositionTypes = tuple('top', 'left', 'bottom', 'right');
|
|
19
19
|
export var EffectTypes = tuple('scrollx', 'fade');
|
|
20
|
-
|
|
21
20
|
var InternalCarousel = function InternalCarousel(props, ref) {
|
|
22
21
|
var _useContext = useContext(ConfigContext),
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
23
|
+
prefixCls = _useContext.prefixCls,
|
|
24
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
27
25
|
var carouselProps = getCompProps('Carousel', userDefaultProps, props);
|
|
28
26
|
var autoplay = carouselProps.autoplay,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
27
|
+
jumpNode = carouselProps.jumpNode,
|
|
28
|
+
dotPosition = carouselProps.dotPosition,
|
|
29
|
+
children = carouselProps.children,
|
|
30
|
+
dots = carouselProps.dots,
|
|
31
|
+
easing = carouselProps.easing,
|
|
32
|
+
effect = carouselProps.effect,
|
|
33
|
+
intervalTime = carouselProps.intervalTime,
|
|
34
|
+
afterChange = carouselProps.afterChange,
|
|
35
|
+
beforeChange = carouselProps.beforeChange,
|
|
36
|
+
customPrefixcls = carouselProps.prefixCls,
|
|
37
|
+
className = carouselProps.className,
|
|
38
|
+
style = carouselProps.style;
|
|
41
39
|
devWarning(DotPositionTypes.indexOf(dotPosition) === -1, 'carousel', "cannot found dotPosition type '".concat(dotPosition, "'"));
|
|
42
40
|
devWarning(EffectTypes.indexOf(effect) === -1, 'carousel', "cannot found effect type '".concat(effect, "'"));
|
|
43
41
|
var carouselPrefixCls = getPrefixCls(prefixCls, 'carousel', customPrefixcls); // 按钮样式前缀
|
|
44
|
-
|
|
45
42
|
var _React$useState = React.useState(0),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
43
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
44
|
+
itemWidth = _React$useState2[0],
|
|
45
|
+
setItemWidth = _React$useState2[1];
|
|
50
46
|
var _React$useState3 = React.useState(false),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
47
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
48
|
+
needAnimation = _React$useState4[0],
|
|
49
|
+
setNeedAnimation = _React$useState4[1];
|
|
55
50
|
var _React$useState5 = React.useState(0),
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
51
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
52
|
+
currentIndex = _React$useState6[0],
|
|
53
|
+
setCurrentIndex = _React$useState6[1];
|
|
60
54
|
var carouselRef = React.useRef();
|
|
61
55
|
var listRef = React.useRef();
|
|
62
56
|
var autoplayRef = React.useRef();
|
|
@@ -79,7 +73,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
79
73
|
}, [itemWidth]);
|
|
80
74
|
var setScrollXEffectStyle = React.useCallback(function () {
|
|
81
75
|
var _context;
|
|
82
|
-
|
|
83
76
|
if (!listRef.current) return;
|
|
84
77
|
listRef.current.style.cssText = needAnimation ? _concatInstanceProperty(_context = "transform: translateX(".concat(posX, "px); transition:all 0.3s ")).call(_context, easing) : "transform: translateX(".concat(posX, "px); transition:'none'");
|
|
85
78
|
}, [needAnimation, easing, posX]);
|
|
@@ -110,28 +103,24 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
110
103
|
React.useEffect(function () {
|
|
111
104
|
var element = carouselRef.current;
|
|
112
105
|
var handler = reSize;
|
|
113
|
-
|
|
114
106
|
if (!element) {
|
|
115
107
|
devWarning(!element && element !== null, 'useResizeMeasure', 'useResizeMeasure指定的元素不存在');
|
|
116
108
|
return;
|
|
117
109
|
}
|
|
118
|
-
|
|
119
110
|
var measure = function measure(entries) {
|
|
120
111
|
if (!entries[0] || !entries[0].contentRect) {
|
|
121
112
|
return;
|
|
122
113
|
}
|
|
123
|
-
|
|
124
114
|
var contentRect = entries[0].contentRect;
|
|
125
115
|
var hide = contentRect.width === 0 && contentRect.height === 0; // 隐藏条件:高宽都为0
|
|
126
|
-
|
|
127
116
|
var bottom = contentRect.bottom,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
117
|
+
height = contentRect.height,
|
|
118
|
+
left = contentRect.left,
|
|
119
|
+
right = contentRect.right,
|
|
120
|
+
top = contentRect.top,
|
|
121
|
+
width = contentRect.width,
|
|
122
|
+
x = contentRect.x,
|
|
123
|
+
y = contentRect.y;
|
|
135
124
|
handler && handler({
|
|
136
125
|
bottom: bottom,
|
|
137
126
|
height: height,
|
|
@@ -144,7 +133,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
144
133
|
hide: hide
|
|
145
134
|
});
|
|
146
135
|
};
|
|
147
|
-
|
|
148
136
|
var resizeObserver = new ResizeObserver(measure);
|
|
149
137
|
resizeObserver && resizeObserver.observe(element);
|
|
150
138
|
return function () {
|
|
@@ -158,16 +146,13 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
158
146
|
if (autoplay) {
|
|
159
147
|
play();
|
|
160
148
|
}
|
|
161
|
-
|
|
162
149
|
return function () {
|
|
163
150
|
autoplayRef.current && clearTimeout(autoplayRef.current);
|
|
164
151
|
};
|
|
165
152
|
}, [currentIndex, autoplay, intervalTime, play]);
|
|
166
|
-
|
|
167
153
|
var showDot = function showDot() {
|
|
168
154
|
return isBoolean(dots) ? dots : true;
|
|
169
155
|
};
|
|
170
|
-
|
|
171
156
|
useImperativeHandle(ref, function () {
|
|
172
157
|
return {
|
|
173
158
|
next: next,
|
|
@@ -187,17 +172,14 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
187
172
|
if (!autoplay || !(children === null || children === void 0 ? void 0 : children.length)) return;
|
|
188
173
|
var childrenL = children.length;
|
|
189
174
|
var newCurrentIndex = currentIndex;
|
|
190
|
-
|
|
191
175
|
if (isScrollxEffect) {
|
|
192
176
|
if (currentIndex === -1) {
|
|
193
177
|
newCurrentIndex = childrenL - 1;
|
|
194
178
|
}
|
|
195
|
-
|
|
196
179
|
if (currentIndex === childrenL) {
|
|
197
180
|
newCurrentIndex = 0;
|
|
198
181
|
}
|
|
199
182
|
}
|
|
200
|
-
|
|
201
183
|
afterChange && afterChange(currentIndex);
|
|
202
184
|
setCurrentIndex(newCurrentIndex);
|
|
203
185
|
isScrollxEffect && setNeedAnimation(false);
|
|
@@ -209,10 +191,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
209
191
|
autoplay && play();
|
|
210
192
|
}, [play, autoplay]);
|
|
211
193
|
var rootClassName = classNames(className, _defineProperty({}, "".concat(carouselPrefixCls, "-root"), true));
|
|
212
|
-
|
|
213
194
|
var renderDisplayList = function renderDisplayList() {
|
|
214
195
|
var content;
|
|
215
|
-
|
|
216
196
|
if (isFadeEffect) {
|
|
217
197
|
content = /*#__PURE__*/React.createElement(FadeList, {
|
|
218
198
|
items: children,
|
|
@@ -236,50 +216,39 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
236
216
|
ref: listRef
|
|
237
217
|
});
|
|
238
218
|
}
|
|
239
|
-
|
|
240
219
|
return content;
|
|
241
220
|
};
|
|
242
|
-
|
|
243
221
|
var renderJumpNode = function renderJumpNode() {
|
|
244
222
|
if ((children === null || children === void 0 ? void 0 : children.length) && jumpNode) {
|
|
245
223
|
var jumpClassPrefix = "".concat(carouselPrefixCls, "-jump");
|
|
246
|
-
|
|
247
224
|
var leftClick = function leftClick(e) {
|
|
248
225
|
e.stopPropagation();
|
|
249
|
-
|
|
250
226
|
if (currentIndex !== 0) {
|
|
251
227
|
prev();
|
|
252
228
|
}
|
|
253
229
|
};
|
|
254
|
-
|
|
255
230
|
var rightClick = function rightClick(e) {
|
|
256
231
|
e.stopPropagation();
|
|
257
|
-
|
|
258
232
|
if (currentIndex !== children.length - 1) {
|
|
259
233
|
next();
|
|
260
234
|
}
|
|
261
235
|
};
|
|
262
|
-
|
|
263
236
|
var mergeNode = function mergeNode(node, type) {
|
|
264
237
|
var onClick = function onClick(evt) {
|
|
265
238
|
var chClick = node.props.onClick;
|
|
266
|
-
|
|
267
239
|
if (type === 'left') {
|
|
268
240
|
leftClick(evt);
|
|
269
241
|
} else {
|
|
270
242
|
rightClick(evt);
|
|
271
243
|
}
|
|
272
|
-
|
|
273
244
|
if (typeof chClick === 'function') {
|
|
274
245
|
chClick(evt);
|
|
275
246
|
}
|
|
276
247
|
};
|
|
277
|
-
|
|
278
248
|
return _extends(_extends({}, node.props), {
|
|
279
249
|
onClick: onClick
|
|
280
250
|
});
|
|
281
251
|
};
|
|
282
|
-
|
|
283
252
|
var leftNode = /*#__PURE__*/React.createElement("div", {
|
|
284
253
|
className: classNames(jumpClassPrefix, "".concat(jumpClassPrefix, "-left"), _defineProperty({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex <= 0))
|
|
285
254
|
}, Array.isArray(jumpNode) && jumpNode.length > 0 && /*#__PURE__*/isValidElement(jumpNode[0]) ? /*#__PURE__*/React.cloneElement(jumpNode[0], mergeNode(jumpNode[0], 'left')) : /*#__PURE__*/React.createElement(Icon, {
|
|
@@ -296,10 +265,8 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
296
265
|
}));
|
|
297
266
|
return /*#__PURE__*/React.createElement(React.Fragment, null, leftNode, rightNode);
|
|
298
267
|
}
|
|
299
|
-
|
|
300
268
|
return null;
|
|
301
269
|
};
|
|
302
|
-
|
|
303
270
|
return /*#__PURE__*/React.createElement("div", {
|
|
304
271
|
className: rootClassName,
|
|
305
272
|
ref: carouselRef,
|
|
@@ -318,7 +285,6 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
318
285
|
onClick: handleClick
|
|
319
286
|
}) : null, renderJumpNode());
|
|
320
287
|
};
|
|
321
|
-
|
|
322
288
|
var Carousel = /*#__PURE__*/React.forwardRef(InternalCarousel);
|
|
323
289
|
Carousel.displayName = 'Carousel';
|
|
324
290
|
export default Carousel;
|
|
@@ -4,14 +4,12 @@ import React from 'react';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
export var DisplayList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
6
6
|
var _context;
|
|
7
|
-
|
|
8
7
|
var items = props.items,
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
parentPrefixCls = props.parentPrefixCls,
|
|
9
|
+
currentIndex = props.currentIndex;
|
|
11
10
|
var itemRef = React.useRef(null);
|
|
12
11
|
var displayListPrefixCls = "".concat(parentPrefixCls, "-list-display");
|
|
13
12
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
14
|
-
|
|
15
13
|
var renderItems = function renderItems() {
|
|
16
14
|
return _mapInstanceProperty(items).call(items, function (item, index) {
|
|
17
15
|
var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
|
|
@@ -22,7 +20,6 @@ export var DisplayList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
22
20
|
}, item);
|
|
23
21
|
});
|
|
24
22
|
};
|
|
25
|
-
|
|
26
23
|
return /*#__PURE__*/React.createElement("ul", {
|
|
27
24
|
className: _concatInstanceProperty(_context = "".concat(listPrefixCls, " ")).call(_context, displayListPrefixCls),
|
|
28
25
|
ref: ref
|
package/es/carousel/fadeList.js
CHANGED
|
@@ -4,16 +4,14 @@ import React from 'react';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
export var FadeList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
6
6
|
var _context;
|
|
7
|
-
|
|
8
7
|
var items = props.items,
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
parentPrefixCls = props.parentPrefixCls,
|
|
9
|
+
needAnimation = props.needAnimation,
|
|
10
|
+
currentIndex = props.currentIndex,
|
|
11
|
+
itemWidth = props.itemWidth;
|
|
13
12
|
var itemRef = React.useRef(null);
|
|
14
13
|
var fadeListPrefixCls = "".concat(parentPrefixCls, "-list-fade");
|
|
15
14
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
16
|
-
|
|
17
15
|
var renderItems = function renderItems() {
|
|
18
16
|
return _mapInstanceProperty(items).call(items, function (item, index) {
|
|
19
17
|
var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
|
|
@@ -29,7 +27,6 @@ export var FadeList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
29
27
|
}, item);
|
|
30
28
|
});
|
|
31
29
|
};
|
|
32
|
-
|
|
33
30
|
return /*#__PURE__*/React.createElement("ul", {
|
|
34
31
|
className: _concatInstanceProperty(_context = "".concat(listPrefixCls, " ")).call(_context, fadeListPrefixCls),
|
|
35
32
|
ref: ref
|
package/es/carousel/slideList.js
CHANGED
|
@@ -4,18 +4,13 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
export var SlideList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
6
6
|
var _context2;
|
|
7
|
-
|
|
8
7
|
var items = props.items,
|
|
9
|
-
|
|
8
|
+
parentPrefixCls = props.parentPrefixCls;
|
|
10
9
|
var slideListPrefixCls = "".concat(parentPrefixCls, "-list-slide");
|
|
11
10
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
12
|
-
|
|
13
11
|
var renderItems = function renderItems() {
|
|
14
12
|
var _context;
|
|
15
|
-
|
|
16
13
|
var _items = _concatInstanceProperty(_context = _sliceInstanceProperty(items).call(items, -1)).call(_context, items, _sliceInstanceProperty(items).call(items, 0, 1)); // 首位分别添加一项
|
|
17
|
-
|
|
18
|
-
|
|
19
14
|
return _mapInstanceProperty(_items).call(_items, function (item, index) {
|
|
20
15
|
return /*#__PURE__*/React.createElement("li", {
|
|
21
16
|
className: "".concat(listPrefixCls, "-item"),
|
|
@@ -23,7 +18,6 @@ export var SlideList = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
23
18
|
}, item);
|
|
24
19
|
});
|
|
25
20
|
};
|
|
26
|
-
|
|
27
21
|
return /*#__PURE__*/React.createElement("ul", {
|
|
28
22
|
className: _concatInstanceProperty(_context2 = "".concat(listPrefixCls, " ")).call(_context2, slideListPrefixCls),
|
|
29
23
|
ref: ref
|