@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,131 +1,98 @@
|
|
|
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 _splice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/splice"));
|
|
17
|
-
|
|
18
12
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
19
|
-
|
|
20
13
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
21
|
-
|
|
22
14
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
23
|
-
|
|
24
15
|
var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
|
|
25
|
-
|
|
26
16
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
27
|
-
|
|
28
17
|
var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
|
|
29
|
-
|
|
30
18
|
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
31
|
-
|
|
32
19
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
33
|
-
|
|
34
20
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
|
|
35
|
-
|
|
36
21
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
37
|
-
|
|
38
22
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
39
|
-
|
|
40
23
|
var _react = _interopRequireWildcard(require("react"));
|
|
41
|
-
|
|
42
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
43
|
-
|
|
44
25
|
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
45
|
-
|
|
46
26
|
var _utils = require("../_utils");
|
|
47
|
-
|
|
48
27
|
var _index = require("../index");
|
|
49
|
-
|
|
50
28
|
var _usePopper = _interopRequireDefault(require("../_utils/usePopper"));
|
|
51
|
-
|
|
52
29
|
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); }
|
|
53
|
-
|
|
54
30
|
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; }
|
|
55
|
-
|
|
56
31
|
var InternalBaseData = function InternalBaseData(props, ref) {
|
|
57
32
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
33
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
34
|
+
prefixCls = _useContext.prefixCls,
|
|
35
|
+
userDefaultProps = _useContext.compDefaultProps,
|
|
36
|
+
getLangMsg = _useContext.locale.getLangMsg;
|
|
63
37
|
var advancedSelectortProps = (0, _utils.getCompProps)('BaseData', userDefaultProps, props);
|
|
64
38
|
var customPrefixcls = advancedSelectortProps.prefixCls,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
39
|
+
className = advancedSelectortProps.className,
|
|
40
|
+
mode = advancedSelectortProps.mode,
|
|
41
|
+
disabled = advancedSelectortProps.disabled,
|
|
42
|
+
_advancedSelectortPro = advancedSelectortProps.delimiter,
|
|
43
|
+
delimiter = _advancedSelectortPro === void 0 ? ',' : _advancedSelectortPro,
|
|
44
|
+
_advancedSelectortPro2 = advancedSelectortProps.placeholder,
|
|
45
|
+
placeholder = _advancedSelectortPro2 === void 0 ? getLangMsg('global', 'selectholder') : _advancedSelectortPro2,
|
|
46
|
+
showDetailIcon = advancedSelectortProps.showDetailIcon,
|
|
47
|
+
showFrequent = advancedSelectortProps.showFrequent,
|
|
48
|
+
showCollectIcon = advancedSelectortProps.showCollectIcon,
|
|
49
|
+
columns = advancedSelectortProps.columns,
|
|
50
|
+
_advancedSelectortPro3 = advancedSelectortProps.options,
|
|
51
|
+
options = _advancedSelectortPro3 === void 0 ? [] : _advancedSelectortPro3,
|
|
52
|
+
value = advancedSelectortProps.value,
|
|
53
|
+
optionLabelProp = advancedSelectortProps.optionLabelProp,
|
|
54
|
+
size = advancedSelectortProps.size,
|
|
55
|
+
style = advancedSelectortProps.style,
|
|
56
|
+
dropdownFooterRender = advancedSelectortProps.dropdownFooterRender,
|
|
57
|
+
_advancedSelectortPro4 = advancedSelectortProps.collectList,
|
|
58
|
+
collectList = _advancedSelectortPro4 === void 0 ? [] : _advancedSelectortPro4,
|
|
59
|
+
_advancedSelectortPro5 = advancedSelectortProps.historyList,
|
|
60
|
+
historyList = _advancedSelectortPro5 === void 0 ? [] : _advancedSelectortPro5,
|
|
61
|
+
loading = advancedSelectortProps.loading,
|
|
62
|
+
searchField = advancedSelectortProps.searchField,
|
|
63
|
+
dropdownStyle = advancedSelectortProps.dropdownStyle,
|
|
64
|
+
onChange = advancedSelectortProps.onChange,
|
|
65
|
+
onSearch = advancedSelectortProps.onSearch,
|
|
66
|
+
onSelect = advancedSelectortProps.onSelect,
|
|
67
|
+
onShowDetail = advancedSelectortProps.onShowDetail,
|
|
68
|
+
onCollect = advancedSelectortProps.onCollect,
|
|
69
|
+
onShowMore = advancedSelectortProps.onShowMore,
|
|
70
|
+
onVisibleChange = advancedSelectortProps.onVisibleChange;
|
|
97
71
|
var isMultiple = mode === 'multiple'; // 是否多选
|
|
98
|
-
|
|
99
72
|
var _useState = (0, _react.useState)([]),
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
73
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
74
|
+
seletedOptions = _useState2[0],
|
|
75
|
+
setSeletedOptions = _useState2[1];
|
|
104
76
|
var _useState3 = (0, _react.useState)(''),
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
77
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
78
|
+
inputValue = _useState4[0],
|
|
79
|
+
setInputValue = _useState4[1];
|
|
109
80
|
var _useState5 = (0, _react.useState)([]),
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
81
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
82
|
+
indxPosList = _useState6[0],
|
|
83
|
+
setIndxPosList = _useState6[1];
|
|
114
84
|
var _useState7 = (0, _react.useState)(false),
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
85
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
86
|
+
showTotal = _useState8[0],
|
|
87
|
+
setShowTotal = _useState8[1];
|
|
119
88
|
var _useState9 = (0, _react.useState)(false),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
89
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
90
|
+
isFocused = _useState10[0],
|
|
91
|
+
setFocused = _useState10[1];
|
|
124
92
|
var _useState11 = (0, _react.useState)(!!props.visible),
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
93
|
+
_useState12 = (0, _slicedToArray2.default)(_useState11, 2),
|
|
94
|
+
optionShow = _useState12[0],
|
|
95
|
+
setOptionShow = _useState12[1];
|
|
129
96
|
var innerRef = (0, _react.useRef)();
|
|
130
97
|
var advancedSelectorRef = ref || innerRef;
|
|
131
98
|
var inputRef = (0, _react.useRef)();
|
|
@@ -137,15 +104,15 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
137
104
|
previousEditValue: '',
|
|
138
105
|
deleteEndIndx: 0
|
|
139
106
|
});
|
|
140
|
-
var advancedSelectorfixCls = getPrefixCls(prefixCls, 'baseData', customPrefixcls);
|
|
141
|
-
|
|
142
|
-
var advancedSelectorCls = (0, _classnames.default)(advancedSelectorfixCls, className, (0, _defineProperty2.default)({}, "".concat(advancedSelectorfixCls, "-disabled"), disabled));
|
|
143
|
-
|
|
107
|
+
var advancedSelectorfixCls = getPrefixCls(prefixCls, 'baseData', customPrefixcls);
|
|
108
|
+
// class
|
|
109
|
+
var advancedSelectorCls = (0, _classnames.default)(advancedSelectorfixCls, className, (0, _defineProperty2.default)({}, "".concat(advancedSelectorfixCls, "-disabled"), disabled));
|
|
110
|
+
// 多选模式下 维护新增选中的下标
|
|
144
111
|
(0, _react.useEffect)(function () {
|
|
145
112
|
searchInfo.current.searchIndex = seletedOptions.length;
|
|
146
113
|
searchInfo.current.editOptions = seletedOptions;
|
|
147
|
-
}, [seletedOptions]);
|
|
148
|
-
|
|
114
|
+
}, [seletedOptions]);
|
|
115
|
+
// 记录每个选项的开始与结束下标
|
|
149
116
|
var setValIndxPosition = (0, _react.useCallback)(function () {
|
|
150
117
|
var arr = [];
|
|
151
118
|
inputValue.split(delimiter).reduce(function (pre, next) {
|
|
@@ -162,38 +129,33 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
162
129
|
setIndxPosList(list);
|
|
163
130
|
}, [setValIndxPosition]);
|
|
164
131
|
(0, _react.useEffect)(function () {
|
|
165
|
-
var seletedItems = [];
|
|
166
|
-
|
|
132
|
+
var seletedItems = [];
|
|
133
|
+
// 多选
|
|
167
134
|
if (isMultiple && Array.isArray(value)) {
|
|
168
135
|
seletedItems = value;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
|
|
136
|
+
}
|
|
137
|
+
// 单选
|
|
172
138
|
if (!isMultiple && value) {
|
|
173
139
|
seletedItems = [value];
|
|
174
140
|
}
|
|
175
|
-
|
|
176
141
|
setSeletedOptions(seletedItems);
|
|
177
142
|
searchInfo.current.editOptions = (0, _toConsumableArray2.default)(seletedItems);
|
|
178
143
|
}, [value, isMultiple]);
|
|
179
144
|
(0, _react.useEffect)(function () {
|
|
180
145
|
var _a;
|
|
181
|
-
|
|
182
146
|
if (!searchInfo.current.previousEditValue) return;
|
|
183
147
|
var posList = setValIndxPosition();
|
|
184
148
|
var preValueArr = getStrToArr(searchInfo.current.previousEditValue, delimiter);
|
|
185
149
|
var valueArr = getStrToArr(inputValue, delimiter);
|
|
186
150
|
var selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
|
|
187
151
|
var index = findSelectionIndex(selectionStart, posList);
|
|
188
|
-
searchInfo.current.searchIndex = index;
|
|
189
|
-
|
|
152
|
+
searchInfo.current.searchIndex = index;
|
|
153
|
+
// 新增一个
|
|
190
154
|
var list = (0, _toConsumableArray2.default)(searchInfo.current.editOptions || []);
|
|
191
|
-
|
|
192
155
|
if (valueArr.length - preValueArr.length === 1) {
|
|
193
156
|
searchInfo.current.deleteEndIndx = index;
|
|
194
157
|
(0, _splice.default)(list).call(list, index, 0, null);
|
|
195
158
|
}
|
|
196
|
-
|
|
197
159
|
if (valueArr.length < preValueArr.length) {
|
|
198
160
|
var val = searchInfo.current.previousEditValue;
|
|
199
161
|
/**
|
|
@@ -202,47 +164,38 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
202
164
|
* 多选时,判断删除的字符包含了几个已选项
|
|
203
165
|
* 单选时,判断selectionStart与deleteEndIndx相等(都为0),则表示选项被删除
|
|
204
166
|
*/
|
|
205
|
-
|
|
206
167
|
var deleteEndIndx = isMultiple ? val.length - inputValue.length + selectionStart : 0;
|
|
207
|
-
|
|
208
168
|
var _findDeleteInterval = findDeleteInterval(selectionStart, deleteEndIndx, indxPosList),
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
169
|
+
start = _findDeleteInterval.start,
|
|
170
|
+
end = _findDeleteInterval.end;
|
|
212
171
|
list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, start, end - start + 1);
|
|
213
172
|
}
|
|
214
|
-
|
|
215
173
|
searchInfo.current.editOptions = list;
|
|
216
|
-
searchInfo.current.previousEditValue = inputValue;
|
|
174
|
+
searchInfo.current.previousEditValue = inputValue;
|
|
175
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
217
176
|
}, [delimiter, inputValue, isMultiple, setValIndxPosition]);
|
|
218
|
-
|
|
219
177
|
var getStrToArr = function getStrToArr() {
|
|
220
178
|
var _context;
|
|
221
|
-
|
|
222
179
|
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
223
180
|
var delimiter = arguments.length > 1 ? arguments[1] : undefined;
|
|
224
181
|
return (0, _filter.default)(_context = str.split(delimiter)).call(_context, function (item) {
|
|
225
182
|
return item;
|
|
226
183
|
});
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
|
|
184
|
+
};
|
|
185
|
+
// 当选中项文字超出输入框时,显示共多少项
|
|
230
186
|
(0, _react.useLayoutEffect)(function () {
|
|
231
187
|
if (!inputRef.current) return;
|
|
232
|
-
|
|
233
188
|
if (inputRef.current.scrollWidth - inputRef.current.offsetWidth > 0) {
|
|
234
189
|
setShowTotal(true);
|
|
235
190
|
} else {
|
|
236
191
|
setShowTotal(false);
|
|
237
192
|
}
|
|
238
|
-
}, [inputRef, inputValue]);
|
|
239
|
-
|
|
193
|
+
}, [inputRef, inputValue]);
|
|
194
|
+
// 通过选中项显示input文字, optionLabelProp为回填到选择框的属性
|
|
240
195
|
var setValueBySeleted = (0, _react.useCallback)(function () {
|
|
241
196
|
var _context4;
|
|
242
|
-
|
|
243
197
|
var defaultInputValue = seletedOptions.reduce(function (pre, next, index, arr) {
|
|
244
198
|
var _context2, _context3;
|
|
245
|
-
|
|
246
199
|
return (0, _concat.default)(_context2 = (0, _concat.default)(_context3 = "".concat(pre)).call(_context3, next[optionLabelProp])).call(_context2, index !== arr.length - 1 ? delimiter : '');
|
|
247
200
|
}, '');
|
|
248
201
|
searchInfo.current.previousInputValue = defaultInputValue;
|
|
@@ -252,83 +205,64 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
252
205
|
(0, _react.useEffect)(function () {
|
|
253
206
|
setValueBySeleted();
|
|
254
207
|
}, [setValueBySeleted]);
|
|
255
|
-
|
|
256
208
|
var changeInputText = function changeInputText(e) {
|
|
257
209
|
setOptionShow(true);
|
|
258
210
|
var textValue = e.target.value;
|
|
259
211
|
var val = textValue;
|
|
260
|
-
|
|
261
212
|
if (isMultiple && inputRef.current && textValue && textValue.length > inputValue.length) {
|
|
262
213
|
var selectionStart = inputRef.current.selectionStart || 0; // selectionStart: 光标前面有几个字符
|
|
263
|
-
|
|
264
214
|
searchInfo.current.selectionStart = selectionStart;
|
|
265
215
|
var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1; // 在首部添加
|
|
266
|
-
|
|
267
216
|
var isInMid = selectionStart !== textValue.length && textValue[selectionStart - 2] === delimiter && textValue[selectionStart] !== delimiter;
|
|
268
|
-
|
|
269
217
|
if (isInHead || isInMid) {
|
|
270
218
|
inputRef.current.value = val = textValue.substring(0, selectionStart) + delimiter + textValue.substring(selectionStart, textValue.length);
|
|
271
219
|
setCursorPosition(inputRef.current, selectionStart);
|
|
272
220
|
}
|
|
273
221
|
}
|
|
274
|
-
|
|
275
222
|
setInputValue(val);
|
|
276
223
|
handleChange(val);
|
|
277
224
|
};
|
|
278
|
-
|
|
279
225
|
var handleChange = function handleChange(val) {
|
|
280
226
|
var str = getQueryStr(val);
|
|
281
227
|
searchInfo.current.searchValue = str;
|
|
282
228
|
onSearch === null || onSearch === void 0 ? void 0 : onSearch(str);
|
|
283
229
|
};
|
|
284
|
-
|
|
285
230
|
var getQueryStr = function getQueryStr(queryStr) {
|
|
286
231
|
if (!isMultiple) {
|
|
287
232
|
return queryStr;
|
|
288
233
|
}
|
|
289
|
-
|
|
290
234
|
if (inputRef.current && queryStr) {
|
|
291
235
|
if (queryStr.indexOf(delimiter) < 0) {
|
|
292
236
|
// 只有一条记录
|
|
293
237
|
return queryStr;
|
|
294
238
|
}
|
|
295
|
-
|
|
296
239
|
var selectionStart = inputRef.current.selectionStart || 0;
|
|
297
240
|
var startIndex = (0, _slice.default)(queryStr).call(queryStr, 0, selectionStart).lastIndexOf(delimiter) + 1; // 光标前面最近分隔符index
|
|
298
|
-
|
|
299
241
|
var endIndex = (0, _slice.default)(queryStr).call(queryStr, selectionStart).indexOf(delimiter);
|
|
300
242
|
endIndex = endIndex === -1 ? queryStr.length : selectionStart + endIndex; // 光标后面最近分隔符index
|
|
301
|
-
|
|
302
243
|
queryStr = (0, _slice.default)(queryStr).call(queryStr, startIndex, endIndex);
|
|
303
244
|
return queryStr;
|
|
304
245
|
}
|
|
305
|
-
|
|
306
246
|
return queryStr;
|
|
307
247
|
};
|
|
308
|
-
|
|
309
248
|
var handleFocus = function handleFocus() {
|
|
310
249
|
var _context5;
|
|
311
|
-
|
|
312
250
|
if (disabled) return;
|
|
313
251
|
setFocused(true);
|
|
314
252
|
isMultiple && seletedOptions.length && setInputValue((0, _concat.default)(_context5 = "".concat(inputValue)).call(_context5, delimiter));
|
|
315
253
|
};
|
|
316
|
-
|
|
317
254
|
var handleBlur = function handleBlur() {
|
|
318
255
|
var _context6, _context7;
|
|
319
|
-
|
|
320
256
|
if (disabled) return;
|
|
321
257
|
setFocused(false);
|
|
322
258
|
setInputValue(searchInfo.current.previousInputValue);
|
|
323
|
-
searchInfo.current.previousEditValue = (0, _concat.default)(_context6 = "".concat(searchInfo.current.previousInputValue)).call(_context6, delimiter);
|
|
324
|
-
|
|
259
|
+
searchInfo.current.previousEditValue = (0, _concat.default)(_context6 = "".concat(searchInfo.current.previousInputValue)).call(_context6, delimiter);
|
|
260
|
+
// 多选失去焦点时,通过editOptions去改写选中项
|
|
325
261
|
var list = (0, _filter.default)(_context7 = searchInfo.current.editOptions || []).call(_context7, function (item) {
|
|
326
262
|
return item;
|
|
327
263
|
}) || [];
|
|
328
|
-
|
|
329
264
|
if ((0, _stringify.default)(list) !== (0, _stringify.default)(seletedOptions)) {
|
|
330
265
|
var _context8;
|
|
331
|
-
|
|
332
266
|
onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context8 = (0, _filter.default)(list).call(list, function (item) {
|
|
333
267
|
return item;
|
|
334
268
|
})).call(_context8, function (v) {
|
|
@@ -337,17 +271,13 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
337
271
|
return item;
|
|
338
272
|
}));
|
|
339
273
|
}
|
|
340
|
-
|
|
341
274
|
if (value !== undefined) {
|
|
342
275
|
return;
|
|
343
276
|
}
|
|
344
|
-
|
|
345
277
|
setSeletedOptions(list);
|
|
346
278
|
};
|
|
347
|
-
|
|
348
279
|
var showInputTotal = function showInputTotal() {
|
|
349
280
|
if (disabled) return;
|
|
350
|
-
|
|
351
281
|
if (inputRef.current) {
|
|
352
282
|
var scrollToWidth = inputRef.current.scrollWidth - inputRef.current.offsetWidth;
|
|
353
283
|
inputRef.current.scrollLeft = scrollToWidth;
|
|
@@ -356,18 +286,15 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
356
286
|
}, 0);
|
|
357
287
|
}
|
|
358
288
|
};
|
|
359
|
-
|
|
360
289
|
var handleShowDetail = function handleShowDetail(e) {
|
|
361
290
|
e.stopPropagation();
|
|
362
291
|
onShowDetail === null || onShowDetail === void 0 ? void 0 : onShowDetail(seletedOptions);
|
|
363
292
|
};
|
|
364
|
-
|
|
365
293
|
var handleShowMore = function handleShowMore(e) {
|
|
366
294
|
e.stopPropagation();
|
|
367
295
|
onShowMore === null || onShowMore === void 0 ? void 0 : onShowMore();
|
|
368
|
-
};
|
|
369
|
-
|
|
370
|
-
|
|
296
|
+
};
|
|
297
|
+
// 设置光标位置
|
|
371
298
|
var setCursorPosition = function setCursorPosition(element, prePosition) {
|
|
372
299
|
if (element.setSelectionRange) {
|
|
373
300
|
// Chrome Firefox
|
|
@@ -381,43 +308,33 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
381
308
|
range.moveStart('character', prePosition);
|
|
382
309
|
range.select();
|
|
383
310
|
}
|
|
384
|
-
};
|
|
385
|
-
|
|
386
|
-
|
|
311
|
+
};
|
|
312
|
+
// 双击选中当前项
|
|
387
313
|
var handleDoubleClick = function handleDoubleClick() {
|
|
388
314
|
var _a, _b;
|
|
389
|
-
|
|
390
315
|
var _findDbClickSelectedP = findDbClickSelectedPos(((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0, ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0),
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
316
|
+
start = _findDbClickSelectedP.start,
|
|
317
|
+
end = _findDbClickSelectedP.end;
|
|
394
318
|
handleSeletedText(inputRef.current, start, end);
|
|
395
319
|
};
|
|
396
|
-
|
|
397
320
|
var findDbClickSelectedPos = function findDbClickSelectedPos(selectionStart, selectionEnd) {
|
|
398
321
|
for (var index = 0; index < indxPosList.length; index++) {
|
|
399
322
|
var item = indxPosList[index];
|
|
400
|
-
|
|
401
323
|
if (item.start <= selectionStart && item.end >= selectionEnd) {
|
|
402
324
|
return item;
|
|
403
325
|
}
|
|
404
326
|
}
|
|
405
|
-
|
|
406
327
|
return {};
|
|
407
|
-
};
|
|
408
|
-
|
|
409
|
-
|
|
328
|
+
};
|
|
329
|
+
// 多选,找到光标停留的当前项的下标
|
|
410
330
|
var findSelectionIndex = function findSelectionIndex(selectionStart, posList) {
|
|
411
331
|
var indx = 0;
|
|
412
|
-
|
|
413
332
|
for (var index = 0; index < posList.length; index++) {
|
|
414
333
|
var v = posList[index];
|
|
415
|
-
|
|
416
334
|
if (v.start <= selectionStart && v.end >= selectionStart) {
|
|
417
335
|
indx = index;
|
|
418
336
|
}
|
|
419
337
|
}
|
|
420
|
-
|
|
421
338
|
return indx;
|
|
422
339
|
};
|
|
423
340
|
/**
|
|
@@ -427,42 +344,32 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
427
344
|
* @param end 删除时文字光标的终止位置
|
|
428
345
|
* @param posList 每个选中项的下标区间
|
|
429
346
|
*/
|
|
430
|
-
|
|
431
|
-
|
|
432
347
|
var findDeleteInterval = function findDeleteInterval(start, end, posList) {
|
|
433
348
|
var delIndex = {
|
|
434
349
|
start: null,
|
|
435
350
|
end: null
|
|
436
351
|
};
|
|
437
|
-
|
|
438
352
|
for (var index = 0; index < posList.length; index++) {
|
|
439
353
|
var v = posList[index];
|
|
440
354
|
if (v.start >= start && delIndex.start === null) delIndex.start = index;
|
|
441
355
|
if (v.end <= end) delIndex.end = index;
|
|
442
356
|
}
|
|
443
|
-
|
|
444
357
|
return delIndex;
|
|
445
358
|
};
|
|
446
|
-
|
|
447
359
|
var handleSeletedText = function handleSeletedText(element, start, end) {
|
|
448
360
|
element.setSelectionRange(start, end);
|
|
449
361
|
};
|
|
450
|
-
|
|
451
362
|
var handleSelect = function handleSelect(item) {
|
|
452
363
|
var _context13;
|
|
453
|
-
|
|
454
364
|
searchInfo.current.searchValue = undefined;
|
|
455
|
-
|
|
456
365
|
if ((0, _findIndex.default)(seletedOptions).call(seletedOptions, function (v) {
|
|
457
366
|
return v.value === item.value;
|
|
458
367
|
}) !== -1) {
|
|
459
368
|
var _context9;
|
|
460
|
-
|
|
461
369
|
var _list = (0, _filter.default)(seletedOptions).call(seletedOptions, function (v) {
|
|
462
370
|
return v.value !== item.value;
|
|
463
|
-
});
|
|
464
|
-
|
|
465
|
-
|
|
371
|
+
});
|
|
372
|
+
// 取消选中(非受控状态下)
|
|
466
373
|
isMultiple && value === undefined && setSeletedOptions(_list);
|
|
467
374
|
onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context9 = (0, _filter.default)(_list).call(_list, function (item) {
|
|
468
375
|
return item;
|
|
@@ -473,13 +380,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
473
380
|
}));
|
|
474
381
|
return;
|
|
475
382
|
}
|
|
476
|
-
|
|
477
383
|
var list = (0, _toConsumableArray2.default)(searchInfo.current.editOptions || []);
|
|
478
384
|
list === null || list === void 0 ? void 0 : (0, _splice.default)(list).call(list, searchInfo.current.searchIndex || 0, 1, item);
|
|
479
|
-
|
|
480
385
|
if (isMultiple) {
|
|
481
386
|
var _context10, _context11, _context12;
|
|
482
|
-
|
|
483
387
|
onChange === null || onChange === void 0 ? void 0 : onChange((0, _map.default)(_context10 = (0, _filter.default)(_context11 = list || []).call(_context11, function (item) {
|
|
484
388
|
return item;
|
|
485
389
|
})).call(_context10, function (v) {
|
|
@@ -490,37 +394,29 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
490
394
|
} else {
|
|
491
395
|
onChange === null || onChange === void 0 ? void 0 : onChange(item.value, item);
|
|
492
396
|
}
|
|
493
|
-
|
|
494
397
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, item);
|
|
495
|
-
|
|
496
398
|
if (value !== undefined) {
|
|
497
399
|
return;
|
|
498
400
|
}
|
|
499
|
-
|
|
500
401
|
searchInfo.current.editOptions = list;
|
|
501
402
|
setSeletedOptions((0, _filter.default)(_context13 = list || []).call(_context13, function (item) {
|
|
502
403
|
return item;
|
|
503
404
|
}));
|
|
504
405
|
};
|
|
505
|
-
|
|
506
406
|
var handleSelectAll = function handleSelectAll(e) {
|
|
507
407
|
var list = e.target.checked ? options : [];
|
|
508
408
|
onChange((0, _map.default)(list).call(list, function (item) {
|
|
509
409
|
return item.value;
|
|
510
410
|
}), list);
|
|
511
|
-
|
|
512
411
|
if (value !== undefined) {
|
|
513
412
|
return;
|
|
514
413
|
}
|
|
515
|
-
|
|
516
414
|
setSeletedOptions(list);
|
|
517
415
|
};
|
|
518
|
-
|
|
519
416
|
var handleCollect = (0, _react.useCallback)(function (item, flag) {
|
|
520
417
|
onCollect === null || onCollect === void 0 ? void 0 : onCollect(flag, item);
|
|
521
418
|
}, [onCollect]);
|
|
522
419
|
var isShowDetailBtn = showDetailIcon && !isMultiple && !isFocused;
|
|
523
|
-
|
|
524
420
|
var renderAdvancedSelector = function renderAdvancedSelector() {
|
|
525
421
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
526
422
|
className: advancedSelectorCls,
|
|
@@ -550,9 +446,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
550
446
|
}, /*#__PURE__*/_react.default.createElement(_index.Icon, {
|
|
551
447
|
type: "search"
|
|
552
448
|
})));
|
|
553
|
-
};
|
|
554
|
-
|
|
555
|
-
|
|
449
|
+
};
|
|
450
|
+
// 渲染下拉列表框
|
|
556
451
|
var renderContent = function renderContent() {
|
|
557
452
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
558
453
|
className: "".concat(advancedSelectorfixCls, "-dropdown")
|
|
@@ -564,12 +459,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
564
459
|
* @param {string[]} value 选中项数组
|
|
565
460
|
* @returns {boolean}
|
|
566
461
|
*/
|
|
567
|
-
|
|
568
|
-
|
|
569
462
|
var getIndeterminate = (0, _react.useCallback)(function (value) {
|
|
570
463
|
return value.length > 0 && value.length < options.length;
|
|
571
464
|
}, [options]);
|
|
572
|
-
|
|
573
465
|
var getChecked = function getChecked(value) {
|
|
574
466
|
return options.length && value.length === options.length;
|
|
575
467
|
};
|
|
@@ -582,11 +474,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
582
474
|
* @param {boolean} showCheckbox 是否显示多选框
|
|
583
475
|
* @returns {React.ReactNode}
|
|
584
476
|
*/
|
|
585
|
-
|
|
586
|
-
|
|
587
477
|
var renderDropdownContent = function renderDropdownContent(data, myColumns) {
|
|
588
478
|
var _context14;
|
|
589
|
-
|
|
590
479
|
var showFooter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
591
480
|
var showCheckbox = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
592
481
|
var dropDownColumns = myColumns && Array.isArray(myColumns) ? myColumns : data && Array.isArray(data) && data.length ? (0, _map.default)(_context14 = (0, _keys.default)(data[0])).call(_context14, function (v) {
|
|
@@ -623,8 +512,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
623
512
|
* @param {IOptionsProps} item
|
|
624
513
|
* @returns {React.ReactNode}
|
|
625
514
|
*/
|
|
626
|
-
|
|
627
|
-
|
|
628
515
|
var renderCollect = (0, _react.useCallback)(function (item) {
|
|
629
516
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
630
517
|
className: "".concat(advancedSelectorfixCls, "-dropdown-options-item-collect"),
|
|
@@ -650,7 +537,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
650
537
|
}
|
|
651
538
|
}));
|
|
652
539
|
}, [advancedSelectorfixCls, collectList, handleCollect]);
|
|
653
|
-
|
|
654
540
|
var renderSearchValue = function renderSearchValue(item, column) {
|
|
655
541
|
return searchField === 'all' || searchField === column.key ? findSearchValue(item[column.key]) : item[column.key];
|
|
656
542
|
};
|
|
@@ -662,15 +548,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
662
548
|
* @param {boolean} showCheckbox 是否显示多选框
|
|
663
549
|
* @returns {React.ReactNode}
|
|
664
550
|
*/
|
|
665
|
-
|
|
666
|
-
|
|
667
551
|
var renderOptionsContent = function renderOptionsContent(data, myColumns) {
|
|
668
552
|
var showCheckbox = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
669
553
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _map.default)(data).call(data, function (item, index) {
|
|
670
554
|
if (index + 1 > size) {
|
|
671
555
|
return null;
|
|
672
556
|
}
|
|
673
|
-
|
|
674
557
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
675
558
|
key: item.value,
|
|
676
559
|
className: (0, _classnames.default)("".concat(advancedSelectorfixCls, "-dropdown-options"), {
|
|
@@ -704,11 +587,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
704
587
|
* @param {string} title 搜索的文字
|
|
705
588
|
* @returns {React.ReactNode}
|
|
706
589
|
*/
|
|
707
|
-
|
|
708
|
-
|
|
709
590
|
var findSearchValue = function findSearchValue(title) {
|
|
710
591
|
var _searchInfo$current$s = searchInfo.current.searchValue,
|
|
711
|
-
|
|
592
|
+
searchValue = _searchInfo$current$s === void 0 ? '' : _searchInfo$current$s;
|
|
712
593
|
var index = title.indexOf(searchValue);
|
|
713
594
|
var beforeStr = title.substr(0, index);
|
|
714
595
|
var afterStr = title.substr(index + searchValue.length);
|
|
@@ -717,12 +598,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
717
598
|
}, searchValue), afterStr) : /*#__PURE__*/_react.default.createElement("span", null, title);
|
|
718
599
|
return content;
|
|
719
600
|
};
|
|
720
|
-
|
|
721
601
|
var renderHistoryContent = function renderHistoryContent() {
|
|
722
602
|
if (!showFrequent) {
|
|
723
603
|
return null;
|
|
724
604
|
}
|
|
725
|
-
|
|
726
605
|
return /*#__PURE__*/_react.default.createElement(_index.Tabs, {
|
|
727
606
|
defaultActiveKey: "history"
|
|
728
607
|
}, /*#__PURE__*/_react.default.createElement(_index.Tabs.TabPane, {
|
|
@@ -733,13 +612,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
733
612
|
tab: "\u6211\u7684\u6536\u85CF"
|
|
734
613
|
}, renderDropdownContent(collectList, columns)));
|
|
735
614
|
};
|
|
736
|
-
|
|
737
615
|
var renderNotContent = (0, _react.useCallback)(function () {
|
|
738
616
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
739
617
|
className: "".concat(advancedSelectorfixCls, "-dropdown-empty")
|
|
740
618
|
}, /*#__PURE__*/_react.default.createElement(_index.Empty, null));
|
|
741
619
|
}, [advancedSelectorfixCls]);
|
|
742
|
-
|
|
743
620
|
var catchStyle = function catchStyle() {
|
|
744
621
|
if (advancedSelectorRef === null || advancedSelectorRef === void 0 ? void 0 : advancedSelectorRef.current) {
|
|
745
622
|
return {
|
|
@@ -748,19 +625,15 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
748
625
|
};
|
|
749
626
|
}
|
|
750
627
|
};
|
|
751
|
-
|
|
752
628
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
753
629
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
|
|
754
630
|
if (props.visible !== undefined) return;
|
|
755
|
-
|
|
756
631
|
if (visible) {
|
|
757
632
|
isFocused && setOptionShow(visible);
|
|
758
633
|
return;
|
|
759
634
|
}
|
|
760
|
-
|
|
761
635
|
setOptionShow(visible);
|
|
762
636
|
};
|
|
763
|
-
|
|
764
637
|
var popperProps = (0, _extends2.default)((0, _extends2.default)({
|
|
765
638
|
popperStyle: catchStyle(),
|
|
766
639
|
placement: 'bottomLeft'
|
|
@@ -772,9 +645,7 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
772
645
|
});
|
|
773
646
|
return (0, _usePopper.default)(renderAdvancedSelector(), renderContent(), popperProps);
|
|
774
647
|
};
|
|
775
|
-
|
|
776
648
|
var BaseData = /*#__PURE__*/_react.default.forwardRef(InternalBaseData);
|
|
777
|
-
|
|
778
649
|
BaseData.displayName = 'BaseData';
|
|
779
650
|
var _default = BaseData;
|
|
780
651
|
exports.default = _default;
|