@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
|
@@ -1,108 +1,75 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof3 = 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.OmitProps = void 0;
|
|
15
|
-
|
|
16
11
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
17
|
-
|
|
18
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
19
|
-
|
|
20
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
21
|
-
|
|
22
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
23
|
-
|
|
24
15
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
-
|
|
30
18
|
var _type = require("../_utils/type");
|
|
31
|
-
|
|
32
19
|
var _pagination = _interopRequireDefault(require("../pagination"));
|
|
33
|
-
|
|
34
20
|
var _listItem = _interopRequireDefault(require("./list-item"));
|
|
35
|
-
|
|
36
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
|
-
|
|
38
22
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
39
|
-
|
|
40
23
|
var OmitProps = (0, _type.tuple)('handleFilter', 'handleClear', 'checkedKeys');
|
|
41
24
|
exports.OmitProps = OmitProps;
|
|
42
|
-
|
|
43
25
|
function parsePagination(pagination) {
|
|
44
26
|
if (!pagination) {
|
|
45
27
|
return null;
|
|
46
28
|
}
|
|
47
|
-
|
|
48
29
|
var defaultPagination = {
|
|
49
30
|
pageSize: 10
|
|
50
31
|
};
|
|
51
|
-
|
|
52
32
|
if ((0, _typeof2.default)(pagination) === 'object') {
|
|
53
33
|
return (0, _extends2.default)((0, _extends2.default)({}, defaultPagination), pagination);
|
|
54
34
|
}
|
|
55
|
-
|
|
56
35
|
return defaultPagination;
|
|
57
36
|
}
|
|
58
|
-
|
|
59
37
|
var ListBody = function ListBody(props) {
|
|
60
38
|
var _context;
|
|
61
|
-
|
|
62
39
|
var prefixCls = props.prefixCls,
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
40
|
+
itemSelect = props.onItemSelect,
|
|
41
|
+
itemRemove = props.onItemRemove,
|
|
42
|
+
pagination = props.pagination,
|
|
43
|
+
filteredRenderItems = props.filteredRenderItems,
|
|
44
|
+
selectedKeys = props.selectedKeys,
|
|
45
|
+
globalDisabled = props.disabled,
|
|
46
|
+
showRemove = props.showRemove;
|
|
71
47
|
var _useState = (0, _react.useState)(1),
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
48
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
49
|
+
current = _useState2[0],
|
|
50
|
+
setCurrent = _useState2[1];
|
|
76
51
|
var mergedPagination = (0, _react.useMemo)(function () {
|
|
77
52
|
return parsePagination(pagination);
|
|
78
53
|
}, [pagination]);
|
|
79
|
-
|
|
80
54
|
var onItemSelect = function onItemSelect(item) {
|
|
81
55
|
var checked = selectedKeys.indexOf(item.key) >= 0;
|
|
82
56
|
itemSelect(item.key, !checked);
|
|
83
57
|
};
|
|
84
|
-
|
|
85
58
|
var onItemRemove = function onItemRemove(item) {
|
|
86
59
|
itemRemove && itemRemove([item.key]);
|
|
87
60
|
};
|
|
88
|
-
|
|
89
61
|
var onPageChange = function onPageChange(current) {
|
|
90
62
|
setCurrent(current);
|
|
91
63
|
};
|
|
92
|
-
|
|
93
64
|
var getItems = function getItems() {
|
|
94
65
|
var displayItems = filteredRenderItems;
|
|
95
|
-
|
|
96
66
|
if (mergedPagination) {
|
|
97
67
|
displayItems = (0, _slice.default)(filteredRenderItems).call(filteredRenderItems, (current - 1) * mergedPagination.pageSize, current * mergedPagination.pageSize);
|
|
98
68
|
}
|
|
99
|
-
|
|
100
69
|
return displayItems;
|
|
101
70
|
};
|
|
102
|
-
|
|
103
71
|
(0, _react.useEffect)(function () {
|
|
104
72
|
var total = filteredRenderItems.length;
|
|
105
|
-
|
|
106
73
|
if (mergedPagination && (current - 1) * mergedPagination.pageSize >= total) {
|
|
107
74
|
var pageSize = mergedPagination.pageSize;
|
|
108
75
|
var pageNo = total % pageSize === 0 ? total / pageSize : Math.floor(total / pageSize) + 1;
|
|
@@ -110,7 +77,6 @@ var ListBody = function ListBody(props) {
|
|
|
110
77
|
}
|
|
111
78
|
}, [mergedPagination, filteredRenderItems]);
|
|
112
79
|
var paginationNode = null;
|
|
113
|
-
|
|
114
80
|
if (mergedPagination) {
|
|
115
81
|
paginationNode = /*#__PURE__*/_react.default.createElement("div", {
|
|
116
82
|
className: "".concat(prefixCls, "-pagination")
|
|
@@ -124,13 +90,12 @@ var ListBody = function ListBody(props) {
|
|
|
124
90
|
onChange: onPageChange
|
|
125
91
|
}));
|
|
126
92
|
}
|
|
127
|
-
|
|
128
93
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
|
|
129
94
|
className: (0, _classnames.default)("".concat(prefixCls, "-content"))
|
|
130
95
|
}, (0, _map.default)(_context = getItems()).call(_context, function (_ref) {
|
|
131
96
|
var renderedEl = _ref.renderedEl,
|
|
132
|
-
|
|
133
|
-
|
|
97
|
+
renderedText = _ref.renderedText,
|
|
98
|
+
item = _ref.item;
|
|
134
99
|
var disabled = item.disabled;
|
|
135
100
|
var checked = selectedKeys.indexOf(item.key) >= 0;
|
|
136
101
|
return /*#__PURE__*/_react.default.createElement(_listItem.default, {
|
|
@@ -147,6 +112,5 @@ var ListBody = function ListBody(props) {
|
|
|
147
112
|
});
|
|
148
113
|
})), paginationNode);
|
|
149
114
|
};
|
|
150
|
-
|
|
151
115
|
var _default = ListBody;
|
|
152
116
|
exports.default = _default;
|
|
@@ -1,52 +1,39 @@
|
|
|
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.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
-
|
|
18
12
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
19
|
-
|
|
20
13
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
21
|
-
|
|
22
14
|
var ListItem = function ListItem(props) {
|
|
23
15
|
var _classNames;
|
|
24
|
-
|
|
25
16
|
var renderedText = props.renderedText,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
17
|
+
renderedEl = props.renderedEl,
|
|
18
|
+
item = props.item,
|
|
19
|
+
checked = props.checked,
|
|
20
|
+
disabled = props.disabled,
|
|
21
|
+
prefixCls = props.prefixCls,
|
|
22
|
+
onClick = props.onClick,
|
|
23
|
+
showRemove = props.showRemove,
|
|
24
|
+
onRemove = props.onRemove;
|
|
34
25
|
var className = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-content-item"), true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-content-item-disabled"), disabled || item.disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-content-item-checked"), checked), _classNames));
|
|
35
26
|
var title;
|
|
36
|
-
|
|
37
27
|
if (typeof renderedText === 'string' || typeof renderedText === 'number') {
|
|
38
28
|
title = String(renderedText);
|
|
39
29
|
}
|
|
40
|
-
|
|
41
30
|
var liProps = {
|
|
42
31
|
className: className,
|
|
43
32
|
title: title
|
|
44
33
|
};
|
|
45
|
-
|
|
46
34
|
var labelNode = /*#__PURE__*/_react.default.createElement("span", {
|
|
47
35
|
className: "".concat(prefixCls, "-content-item-text")
|
|
48
36
|
}, renderedEl);
|
|
49
|
-
|
|
50
37
|
if (showRemove) {
|
|
51
38
|
return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({}, liProps), labelNode, /*#__PURE__*/_react.default.createElement("span", {
|
|
52
39
|
className: "".concat(prefixCls, "-content-item-remove"),
|
|
@@ -56,21 +43,17 @@ var ListItem = function ListItem(props) {
|
|
|
56
43
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
57
44
|
type: "close-solid"
|
|
58
45
|
})));
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
46
|
+
}
|
|
47
|
+
// Default click to select
|
|
62
48
|
liProps.onClick = function (e) {
|
|
63
49
|
if (disabled || item.disabled) return;
|
|
64
50
|
e.preventDefault();
|
|
65
51
|
onClick(item);
|
|
66
52
|
};
|
|
67
|
-
|
|
68
53
|
return /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({}, liProps), /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
69
54
|
checked: checked,
|
|
70
55
|
disabled: disabled || item.disabled
|
|
71
56
|
}), labelNode);
|
|
72
57
|
};
|
|
73
|
-
|
|
74
58
|
var _default = /*#__PURE__*/_react.default.memo(ListItem);
|
|
75
|
-
|
|
76
59
|
exports.default = _default;
|
package/lib/transfer/list.js
CHANGED
|
@@ -1,91 +1,66 @@
|
|
|
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 = void 0;
|
|
15
|
-
|
|
16
11
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
17
|
-
|
|
18
12
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
19
|
-
|
|
20
13
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
25
|
-
|
|
26
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _omit = require("../_utils/omit");
|
|
31
|
-
|
|
32
19
|
var _search = _interopRequireDefault(require("./search"));
|
|
33
|
-
|
|
34
20
|
var _listBody = _interopRequireWildcard(require("./list-body"));
|
|
35
|
-
|
|
36
21
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
37
|
-
|
|
38
22
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
39
|
-
|
|
40
23
|
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); }
|
|
41
|
-
|
|
42
24
|
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; }
|
|
43
|
-
|
|
44
25
|
var defaultRender = function defaultRender() {
|
|
45
26
|
return null;
|
|
46
27
|
};
|
|
47
|
-
|
|
48
28
|
function isRenderResultPlainObject(result) {
|
|
49
29
|
return result && ! /*#__PURE__*/_react.default.isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';
|
|
50
30
|
}
|
|
51
|
-
|
|
52
31
|
var ITransferList = function ITransferList(props, ref) {
|
|
53
32
|
var _classNames;
|
|
54
|
-
|
|
55
33
|
var prefixCls = props.prefixCls,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
34
|
+
dataSource = props.dataSource,
|
|
35
|
+
filterOption = props.filterOption,
|
|
36
|
+
handleFilter = props.handleFilter,
|
|
37
|
+
handleClear = props.handleClear,
|
|
38
|
+
_props$render = props.render,
|
|
39
|
+
render = _props$render === void 0 ? defaultRender : _props$render,
|
|
40
|
+
titleText = props.titleText,
|
|
41
|
+
checkedKeys = props.checkedKeys,
|
|
42
|
+
disabled = props.disabled,
|
|
43
|
+
showSearch = props.showSearch,
|
|
44
|
+
style = props.style,
|
|
45
|
+
renderList = props.renderList,
|
|
46
|
+
onItemSelectAll = props.onItemSelectAll,
|
|
47
|
+
noDataContent = props.noDataContent,
|
|
48
|
+
showSelectAll = props.showSelectAll,
|
|
49
|
+
pagination = props.pagination,
|
|
50
|
+
footer = props.footer,
|
|
51
|
+
showRemove = props.showRemove,
|
|
52
|
+
placeholder = props.placeholder;
|
|
76
53
|
var _useState = (0, _react.useState)(''),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
54
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
55
|
+
filterValue = _useState2[0],
|
|
56
|
+
setFilterValue = _useState2[1];
|
|
57
|
+
// 自定义底部渲染
|
|
82
58
|
var footerDom = footer && footer(props);
|
|
83
59
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
84
60
|
return {
|
|
85
61
|
onClear: onClear
|
|
86
62
|
};
|
|
87
63
|
});
|
|
88
|
-
|
|
89
64
|
var renderItem = function renderItem(item) {
|
|
90
65
|
var renderResult = render(item);
|
|
91
66
|
var isRenderResultPlain = isRenderResultPlainObject(renderResult);
|
|
@@ -95,18 +70,16 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
95
70
|
item: item
|
|
96
71
|
};
|
|
97
72
|
};
|
|
98
|
-
|
|
99
73
|
var getFilteredItems = function getFilteredItems(dataSource, filterValue) {
|
|
100
74
|
var filteredItems = [];
|
|
101
75
|
var filteredRenderItems = [];
|
|
102
76
|
dataSource.forEach(function (item) {
|
|
103
77
|
var renderedItem = renderItem(item);
|
|
104
|
-
var renderedText = renderedItem.renderedText;
|
|
105
|
-
|
|
78
|
+
var renderedText = renderedItem.renderedText;
|
|
79
|
+
// Filter skip
|
|
106
80
|
if (filterValue && !matchFilter(renderedText, item)) {
|
|
107
81
|
return null;
|
|
108
82
|
}
|
|
109
|
-
|
|
110
83
|
filteredItems.push(item);
|
|
111
84
|
filteredRenderItems.push(renderedItem);
|
|
112
85
|
});
|
|
@@ -115,43 +88,34 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
115
88
|
filteredRenderItems: filteredRenderItems
|
|
116
89
|
};
|
|
117
90
|
};
|
|
118
|
-
|
|
119
91
|
var onFilterChange = function onFilterChange(e) {
|
|
120
92
|
var filterStr = e.target.value;
|
|
121
93
|
setFilterValue(filterStr);
|
|
122
94
|
handleFilter(e);
|
|
123
95
|
};
|
|
124
|
-
|
|
125
96
|
var onClear = function onClear() {
|
|
126
97
|
setFilterValue('');
|
|
127
98
|
handleClear();
|
|
128
99
|
};
|
|
129
|
-
|
|
130
100
|
var matchFilter = function matchFilter(text, item) {
|
|
131
101
|
if (filterOption) {
|
|
132
102
|
return filterOption(filterValue, item);
|
|
133
103
|
}
|
|
134
|
-
|
|
135
104
|
return text.indexOf(filterValue) > -1;
|
|
136
105
|
};
|
|
137
|
-
|
|
138
106
|
var renderListBody = function renderListBody(renderList, props) {
|
|
139
107
|
var bodyContent = renderList ? renderList(props) : null;
|
|
140
108
|
var customize = !!bodyContent;
|
|
141
|
-
|
|
142
109
|
if (!customize) {
|
|
143
110
|
bodyContent = /*#__PURE__*/_react.default.createElement(_listBody.default, (0, _extends2.default)({}, props));
|
|
144
111
|
}
|
|
145
|
-
|
|
146
112
|
return {
|
|
147
113
|
customize: customize,
|
|
148
114
|
bodyContent: bodyContent
|
|
149
115
|
};
|
|
150
116
|
};
|
|
151
|
-
|
|
152
117
|
var getListBody = function getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled) {
|
|
153
118
|
var _context;
|
|
154
|
-
|
|
155
119
|
var search = showSearch ? /*#__PURE__*/_react.default.createElement("div", {
|
|
156
120
|
className: "".concat(prefixCls, "-body-search-wrapper")
|
|
157
121
|
}, /*#__PURE__*/_react.default.createElement(_search.default, {
|
|
@@ -162,17 +126,15 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
162
126
|
value: filterValue,
|
|
163
127
|
disabled: disabled
|
|
164
128
|
})) : null;
|
|
165
|
-
|
|
166
129
|
var _renderListBody = renderListBody(renderList, (0, _extends2.default)((0, _extends2.default)({}, (0, _omit.omit)(props, _listBody.OmitProps)), {
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
130
|
+
filteredItems: filteredItems,
|
|
131
|
+
filteredRenderItems: filteredRenderItems,
|
|
132
|
+
selectedKeys: checkedKeys
|
|
133
|
+
})),
|
|
134
|
+
bodyContent = _renderListBody.bodyContent,
|
|
135
|
+
customize = _renderListBody.customize;
|
|
136
|
+
var bodyNode;
|
|
137
|
+
// We should wrap customize list body in a classNamed div to use flex layout.
|
|
176
138
|
if (customize) {
|
|
177
139
|
bodyNode = /*#__PURE__*/_react.default.createElement("div", {
|
|
178
140
|
className: "".concat(prefixCls, "-body-customize-wrapper")
|
|
@@ -182,40 +144,31 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
182
144
|
className: "".concat(prefixCls, "-body-not-found")
|
|
183
145
|
}, noDataContent);
|
|
184
146
|
}
|
|
185
|
-
|
|
186
147
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
187
148
|
className: (0, _classnames.default)(showSearch ? (0, _concat.default)(_context = "".concat(prefixCls, "-body ")).call(_context, prefixCls, "-body-with-search") : "".concat(prefixCls, "-body"))
|
|
188
149
|
}, search, bodyNode);
|
|
189
150
|
};
|
|
190
|
-
|
|
191
151
|
var getSelectAllLabel = function getSelectAllLabel(selectedCount, totalCount) {
|
|
192
152
|
var _context2;
|
|
193
|
-
|
|
194
153
|
if (showRemove) {
|
|
195
154
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "".concat(totalCount));
|
|
196
155
|
}
|
|
197
|
-
|
|
198
156
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _concat.default)(_context2 = "(".concat(selectedCount, "/")).call(_context2, totalCount, ")"));
|
|
199
157
|
};
|
|
200
|
-
|
|
201
158
|
var getCheckStatus = function getCheckStatus(filteredItems) {
|
|
202
159
|
if (checkedKeys.length === 0) {
|
|
203
160
|
return 'none';
|
|
204
161
|
}
|
|
205
|
-
|
|
206
162
|
if (filteredItems.every(function (item) {
|
|
207
163
|
return checkedKeys.indexOf(item.key) >= 0 || !!item.disabled;
|
|
208
164
|
})) {
|
|
209
165
|
return 'all';
|
|
210
166
|
}
|
|
211
|
-
|
|
212
167
|
return 'part';
|
|
213
168
|
};
|
|
214
|
-
|
|
215
169
|
var getCheckBox = function getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled) {
|
|
216
170
|
var checkStatus = getCheckStatus(filteredItems);
|
|
217
171
|
var checkedAll = checkStatus === 'all';
|
|
218
|
-
|
|
219
172
|
var checkAllCheckbox = /*#__PURE__*/_react.default.createElement("div", {
|
|
220
173
|
className: "".concat(prefixCls, "-header-select-all")
|
|
221
174
|
}, showSelectAll !== false && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
@@ -224,7 +177,6 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
224
177
|
indeterminate: checkStatus === 'part',
|
|
225
178
|
onChange: function onChange() {
|
|
226
179
|
var _context3;
|
|
227
|
-
|
|
228
180
|
// Only select enabled items
|
|
229
181
|
onItemSelectAll((0, _map.default)(_context3 = (0, _filter.default)(filteredItems).call(filteredItems, function (item) {
|
|
230
182
|
return !item.disabled;
|
|
@@ -234,18 +186,14 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
234
186
|
}), !checkedAll);
|
|
235
187
|
}
|
|
236
188
|
}));
|
|
237
|
-
|
|
238
189
|
return checkAllCheckbox;
|
|
239
190
|
};
|
|
240
|
-
|
|
241
191
|
var listFooter = footerDom ? /*#__PURE__*/_react.default.createElement("div", {
|
|
242
192
|
className: "".concat(prefixCls, "-footer")
|
|
243
193
|
}, footerDom) : null;
|
|
244
|
-
|
|
245
194
|
var _getFilteredItems = getFilteredItems(dataSource, filterValue),
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
195
|
+
filteredItems = _getFilteredItems.filteredItems,
|
|
196
|
+
filteredRenderItems = _getFilteredItems.filteredRenderItems;
|
|
249
197
|
var checkAllCheckbox = !showRemove && getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled);
|
|
250
198
|
var listBody = getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled);
|
|
251
199
|
var listCls = (0, _classnames.default)(prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-with-pagination"), pagination), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-with-footer"), footerDom), _classNames));
|
|
@@ -262,9 +210,7 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
262
210
|
className: "".concat(prefixCls, "-header-selected")
|
|
263
211
|
}, getSelectAllLabel(checkedKeys.length, filteredItems.length))), listBody, listFooter);
|
|
264
212
|
};
|
|
265
|
-
|
|
266
213
|
var TransferList = /*#__PURE__*/_react.default.forwardRef(ITransferList);
|
|
267
|
-
|
|
268
214
|
TransferList.defaultProps = {
|
|
269
215
|
dataSource: [],
|
|
270
216
|
titleText: '',
|
|
@@ -1,32 +1,27 @@
|
|
|
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.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _button = _interopRequireDefault(require("../button"));
|
|
13
|
-
|
|
14
10
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
15
|
-
|
|
16
11
|
var Operation = function Operation(_ref) {
|
|
17
12
|
var disabled = _ref.disabled,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
13
|
+
moveToLeft = _ref.moveToLeft,
|
|
14
|
+
moveToRight = _ref.moveToRight,
|
|
15
|
+
_ref$leftArrowText = _ref.leftArrowText,
|
|
16
|
+
leftArrowText = _ref$leftArrowText === void 0 ? '' : _ref$leftArrowText,
|
|
17
|
+
_ref$rightArrowText = _ref.rightArrowText,
|
|
18
|
+
rightArrowText = _ref$rightArrowText === void 0 ? '' : _ref$rightArrowText,
|
|
19
|
+
leftActive = _ref.leftActive,
|
|
20
|
+
rightActive = _ref.rightActive,
|
|
21
|
+
className = _ref.className,
|
|
22
|
+
style = _ref.style,
|
|
23
|
+
direction = _ref.direction,
|
|
24
|
+
oneWay = _ref.oneWay;
|
|
30
25
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
31
26
|
className: className,
|
|
32
27
|
style: style
|
|
@@ -52,6 +47,5 @@ var Operation = function Operation(_ref) {
|
|
|
52
47
|
})
|
|
53
48
|
}, leftArrowText));
|
|
54
49
|
};
|
|
55
|
-
|
|
56
50
|
var _default = Operation;
|
|
57
51
|
exports.default = _default;
|
package/lib/transfer/search.js
CHANGED
|
@@ -1,46 +1,36 @@
|
|
|
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.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _input = _interopRequireDefault(require("../input"));
|
|
13
|
-
|
|
14
10
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
15
|
-
|
|
16
11
|
var transferSearch = function transferSearch(props) {
|
|
17
12
|
var prefixCls = props.prefixCls,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
13
|
+
placeholder = props.placeholder,
|
|
14
|
+
onChange = props.onChange,
|
|
15
|
+
handleClear = props.handleClear,
|
|
16
|
+
value = props.value,
|
|
17
|
+
disabled = props.disabled;
|
|
24
18
|
var handleChange = function handleChange(e) {
|
|
25
19
|
if (onChange) {
|
|
26
20
|
onChange(e);
|
|
27
21
|
}
|
|
28
22
|
};
|
|
29
|
-
|
|
30
23
|
var handleClearFn = function handleClearFn(e) {
|
|
31
24
|
e.preventDefault();
|
|
32
|
-
|
|
33
25
|
if (!disabled && handleClear) {
|
|
34
26
|
handleClear(e);
|
|
35
27
|
}
|
|
36
28
|
};
|
|
37
|
-
|
|
38
29
|
var prefixIcon = /*#__PURE__*/_react.default.createElement("span", {
|
|
39
30
|
className: "".concat(prefixCls, "-prefix")
|
|
40
31
|
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
41
32
|
type: "search"
|
|
42
33
|
}));
|
|
43
|
-
|
|
44
34
|
var suffixIcon = value && value.length > 0 ? /*#__PURE__*/_react.default.createElement("span", {
|
|
45
35
|
className: "".concat(prefixCls, "-suffix"),
|
|
46
36
|
onClick: handleClearFn
|
|
@@ -58,7 +48,6 @@ var transferSearch = function transferSearch(props) {
|
|
|
58
48
|
suffix: suffixIcon
|
|
59
49
|
}));
|
|
60
50
|
};
|
|
61
|
-
|
|
62
51
|
transferSearch.defaultProps = {
|
|
63
52
|
placeholder: ''
|
|
64
53
|
};
|