@kdcloudjs/kdesign 1.6.34 → 1.6.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +23 -0
- package/dist/kdesign-complete.less +16 -2
- package/dist/kdesign.css +18 -2
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +9174 -11871
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +18 -18
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +6 -119
- package/es/_utils/arrayUtil.js +0 -5
- package/es/_utils/devwarning.js +0 -1
- package/es/_utils/formatUtil.js +36 -99
- package/es/_utils/getStringLength.js +0 -2
- package/es/_utils/hooks.js +32 -72
- package/es/_utils/index.js +0 -2
- package/es/_utils/numberUtil.js +32 -55
- package/es/_utils/omit.js +0 -2
- package/es/_utils/raf.js +0 -6
- package/es/_utils/resizeObserver.js +2 -17
- package/es/_utils/testBrowserType.js +0 -2
- package/es/_utils/type.js +0 -2
- package/es/_utils/usePopper.js +84 -167
- package/es/alert/alert.js +20 -50
- package/es/anchor/anchor-link.js +12 -23
- package/es/anchor/anchor.js +69 -168
- package/es/avatar/avatar.js +29 -44
- package/es/badge/badge.js +33 -53
- package/es/base-data/base-data.js +89 -197
- package/es/button/button.js +30 -55
- package/es/button/group.js +27 -39
- package/es/card/card.js +19 -23
- package/es/carousel/carousel.js +31 -65
- package/es/carousel/displayList.js +2 -5
- package/es/carousel/fadeList.js +4 -7
- package/es/carousel/slideList.js +1 -7
- package/es/carousel/slidebar.js +5 -12
- package/es/cascader/cascader.js +56 -116
- package/es/cascader/util.js +10 -58
- package/es/checkbox/checkbox.js +22 -47
- package/es/checkbox/group.js +19 -35
- package/es/checkbox/style/index.css +2 -0
- package/es/checkbox/style/index.less +1 -0
- package/es/city-picker/city-group.js +5 -13
- package/es/city-picker/city-list.js +4 -9
- package/es/city-picker/city-panel-item.js +3 -8
- package/es/city-picker/city-panel.js +25 -50
- package/es/city-picker/city-picker.js +22 -46
- package/es/city-picker/city-search-panel.js +6 -13
- package/es/city-picker/no-data.js +3 -6
- package/es/city-picker/utils/grouping.js +0 -4
- package/es/collapse/collapse.js +17 -40
- package/es/collapse/panel.js +21 -44
- package/es/config-provider/SizeContext.js +1 -1
- package/es/config-provider/compDefaultProps.js +0 -1
- package/es/config-provider/configProvider.js +2 -7
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +12 -21
- package/es/date-picker/date-panel.js +22 -66
- package/es/date-picker/date-picker.js +145 -186
- package/es/date-picker/hooks/use-hover-value.js +5 -13
- package/es/date-picker/hooks/use-picker-input.js +17 -31
- package/es/date-picker/hooks/use-range-cls.js +8 -14
- package/es/date-picker/hooks/use-range-disabled.js +7 -21
- package/es/date-picker/hooks/use-range-view-dates.js +18 -39
- package/es/date-picker/hooks/use-state-memo.js +0 -2
- package/es/date-picker/hooks/use-text-value-mapping.js +6 -11
- package/es/date-picker/hooks/use-value-texts.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +7 -10
- package/es/date-picker/panel/header/header.js +9 -11
- package/es/date-picker/panel/month/month.js +11 -30
- package/es/date-picker/panel/quarter/quarter.js +8 -25
- package/es/date-picker/panel/time/time-column.js +8 -18
- package/es/date-picker/panel/time/time.js +62 -88
- package/es/date-picker/panel/week/week.js +25 -57
- package/es/date-picker/panel/year/year.js +19 -42
- package/es/date-picker/popper.js +28 -35
- package/es/date-picker/range/input-range.js +95 -129
- package/es/date-picker/range-picker.d.ts +1 -0
- package/es/date-picker/range-picker.js +197 -287
- package/es/date-picker/single/input-date.js +87 -111
- package/es/date-picker/utils/date-fns.js +32 -63
- package/es/date-picker/utils/get-extra-footer.js +0 -1
- package/es/date-picker/utils/get-ranges.js +13 -19
- package/es/date-picker/utils/index.js +9 -80
- package/es/drawer/drawer.js +50 -71
- package/es/dropdown/dropdown.js +26 -42
- package/es/dropdown/menu.d.ts +3 -2
- package/es/dropdown/menu.js +32 -43
- package/es/empty/defaultEmptyImg.js +2 -5
- package/es/empty/empty.js +15 -26
- package/es/empty/illustrationEmptyImg.js +2 -5
- package/es/filter/condition.js +5 -17
- package/es/filter/filter.js +29 -54
- package/es/filter/scheme.js +35 -71
- package/es/form/Field.js +36 -98
- package/es/form/FieldContext.js +0 -2
- package/es/form/FieldLabel.js +11 -17
- package/es/form/FieldWrapper.js +6 -9
- package/es/form/Form.js +28 -46
- package/es/form/FormContext.js +0 -4
- package/es/form/hooks/useForceUpdate.js +2 -5
- package/es/form/hooks/useForm.js +10 -84
- package/es/grid/col.js +23 -39
- package/es/grid/row.js +22 -36
- package/es/icon/icon.js +11 -29
- package/es/image/image.js +31 -49
- package/es/image/preview-group.js +25 -41
- package/es/image/preview.js +24 -39
- package/es/image-cropper/cropper.js +13 -23
- package/es/image-cropper/image-cropper.js +39 -69
- package/es/image-cropper/operation-bar.js +14 -27
- package/es/image-cropper/style/index.css +12 -1
- package/es/image-cropper/style/index.less +11 -2
- package/es/index.js +0 -2
- package/es/input/ClearableLabeledInput.js +27 -50
- package/es/input/TextArea.js +45 -86
- package/es/input/calculateNodeHeight.js +4 -16
- package/es/input/index.js +2 -2
- package/es/input/input.js +32 -67
- package/es/input-number/inputNumber.js +50 -109
- package/es/layout/layout.js +28 -49
- package/es/layout/sider.js +39 -73
- package/es/link/link.js +19 -33
- package/es/locale/locale.js +6 -44
- package/es/locale/zh-CN.js +0 -2
- package/es/menu/menu.js +29 -63
- package/es/menu/menuItem.js +27 -52
- package/es/menu/subMenu.js +44 -99
- package/es/menu/util.js +4 -13
- package/es/message/content.js +7 -23
- package/es/message/index.js +14 -26
- package/es/modal/confirm.js +3 -12
- package/es/modal/index.js +0 -4
- package/es/modal/modal.js +41 -63
- package/es/notification/content.js +13 -35
- package/es/notification/index.js +20 -35
- package/es/notification-base/index.js +4 -24
- package/es/notification-base/notice.js +12 -24
- package/es/notification-base/notification.js +3 -18
- package/es/pagination/pagination.js +76 -113
- package/es/popconfirm/popconfirm.js +22 -33
- package/es/progress/circle.js +9 -18
- package/es/progress/line.js +5 -9
- package/es/progress/progress.js +21 -44
- package/es/progress/utils.js +6 -22
- package/es/radio/group.js +19 -35
- package/es/radio/radio-button.js +6 -19
- package/es/radio/radio.js +19 -46
- package/es/rate/rate.js +30 -67
- package/es/search/option.js +10 -17
- package/es/search/quick-search.js +68 -155
- package/es/search/search-panel.js +28 -49
- package/es/search/search.js +23 -43
- package/es/select/interface.js +0 -1
- package/es/select/option.js +13 -25
- package/es/select/select.js +115 -222
- package/es/select/style/index.css +3 -0
- package/es/select/style/index.less +4 -0
- package/es/slider/marks.js +9 -15
- package/es/slider/slider.js +60 -104
- package/es/slider/sliderTooltip.js +9 -17
- package/es/slider/steps.js +8 -19
- package/es/slider/track.js +5 -8
- package/es/slider/utils.js +4 -14
- package/es/space/space.js +16 -34
- package/es/spin/spin.js +16 -32
- package/es/split-panel/split-panel.js +57 -83
- package/es/split-panel/trigger.js +8 -17
- package/es/stepper/stepper.js +27 -57
- package/es/steps/Step.js +18 -34
- package/es/steps/Steps.js +19 -38
- package/es/switch/switch.js +25 -43
- package/es/table/api.js +3 -37
- package/es/table/feature/autoRowSpan.js +0 -2
- package/es/table/feature/colGroupExtendable.js +0 -2
- package/es/table/feature/columnDrag.js +0 -2
- package/es/table/feature/columnResize.js +0 -2
- package/es/table/feature/contextMenu.js +0 -2
- package/es/table/feature/filter.js +0 -2
- package/es/table/feature/mergeCellHover.js +0 -2
- package/es/table/feature/rowDetail.js +0 -2
- package/es/table/feature/rowSelection.js +11 -21
- package/es/table/feature/sort.js +0 -2
- package/es/table/feature/treeMode.js +0 -2
- package/es/table/feature/useFooterDataSource.js +0 -2
- package/es/table/feature/useRangeSelection.js +0 -2
- package/es/table/table.js +36 -46
- package/es/tabs/active-line.js +6 -8
- package/es/tabs/arrow-button.js +5 -10
- package/es/tabs/index.js +2 -2
- package/es/tabs/tab-pane.js +7 -23
- package/es/tabs/tabs.js +42 -104
- package/es/tag/tag.js +34 -56
- package/es/timeline/Timeline.js +16 -33
- package/es/timeline/TimelineItem.js +15 -26
- package/es/tooltip/tooltip.js +7 -11
- package/es/transfer/list-body.js +12 -31
- package/es/transfer/list-item.js +10 -18
- package/es/transfer/list.js +35 -68
- package/es/transfer/operation.js +12 -14
- package/es/transfer/search.js +5 -11
- package/es/transfer/transfer.js +51 -100
- package/es/tree/tree.js +95 -156
- package/es/tree/treeHooks.js +18 -34
- package/es/tree/treeNode.js +57 -96
- package/es/tree/utils/treeUtils.js +22 -150
- package/es/typography/base.js +16 -33
- package/es/typography/index.js +2 -2
- package/es/typography/paragraph.js +0 -2
- package/es/typography/text.js +0 -2
- package/es/typography/title.js +3 -14
- package/es/typography/typography.js +14 -24
- package/es/upload/dragger.js +3 -12
- package/es/upload/request.js +6 -26
- package/es/upload/scan-files.js +2 -13
- package/es/upload/upload.js +63 -131
- package/es/upload/utils.js +0 -2
- package/es/upload/verify-file.js +0 -6
- package/es/view-container/view-container.js +7 -9
- package/es/virtual-list/Filler.js +3 -7
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +18 -47
- package/es/virtual-list/virtual-list.js +64 -137
- package/lib/_utils/KeyCode.js +6 -120
- package/lib/_utils/arrayUtil.js +0 -9
- package/lib/_utils/devwarning.js +0 -5
- package/lib/_utils/formatUtil.js +36 -103
- package/lib/_utils/getStringLength.js +0 -3
- package/lib/_utils/hooks.js +32 -90
- package/lib/_utils/index.js +0 -6
- package/lib/_utils/numberUtil.js +32 -64
- package/lib/_utils/omit.js +0 -5
- package/lib/_utils/raf.js +0 -7
- package/lib/_utils/react-children.js +0 -5
- package/lib/_utils/reactNode.js +0 -9
- package/lib/_utils/resizeObserver.js +2 -25
- package/lib/_utils/testBrowserType.js +0 -3
- package/lib/_utils/type.js +0 -6
- package/lib/_utils/usePopper.js +84 -190
- package/lib/alert/alert.js +20 -74
- package/lib/alert/index.js +0 -3
- package/lib/alert/style/css.js +0 -1
- package/lib/alert/style/index.js +0 -1
- package/lib/anchor/anchor-link.js +12 -35
- package/lib/anchor/anchor.js +69 -204
- package/lib/anchor/context.js +0 -7
- package/lib/anchor/index.js +0 -4
- package/lib/anchor/style/css.js +0 -1
- package/lib/anchor/style/index.js +0 -1
- package/lib/avatar/avatar.js +29 -70
- package/lib/avatar/index.js +0 -9
- package/lib/avatar/style/css.js +0 -1
- package/lib/avatar/style/index.js +0 -1
- package/lib/badge/badge.js +33 -70
- package/lib/badge/index.js +0 -9
- package/lib/badge/style/css.js +0 -1
- package/lib/badge/style/index.js +0 -1
- package/lib/base-data/base-data.js +89 -218
- package/lib/base-data/index.js +0 -9
- package/lib/base-data/interface.js +0 -2
- package/lib/base-data/style/css.js +0 -1
- package/lib/base-data/style/index.js +0 -1
- package/lib/button/button.js +30 -72
- package/lib/button/group.js +27 -61
- package/lib/button/index.js +0 -4
- package/lib/button/style/css.js +0 -1
- package/lib/button/style/index.js +0 -1
- package/lib/card/card.js +19 -35
- package/lib/card/index.js +0 -9
- package/lib/card/style/css.js +0 -1
- package/lib/card/style/index.js +0 -1
- package/lib/carousel/carousel.js +31 -112
- package/lib/carousel/displayList.js +2 -14
- package/lib/carousel/fadeList.js +4 -16
- package/lib/carousel/index.js +0 -12
- package/lib/carousel/slideList.js +1 -14
- package/lib/carousel/slidebar.js +5 -22
- package/lib/carousel/style/css.js +0 -1
- package/lib/carousel/style/index.js +0 -1
- package/lib/cascader/cascader.js +56 -150
- package/lib/cascader/index.js +0 -9
- package/lib/cascader/style/css.js +0 -1
- package/lib/cascader/style/index.js +0 -1
- package/lib/cascader/util.js +10 -87
- package/lib/checkbox/checkbox.js +22 -69
- package/lib/checkbox/group.js +18 -59
- package/lib/checkbox/index.js +0 -9
- package/lib/checkbox/style/css.js +0 -1
- package/lib/checkbox/style/index.css +2 -0
- package/lib/checkbox/style/index.js +0 -1
- package/lib/checkbox/style/index.less +1 -0
- package/lib/city-picker/city-group.js +5 -24
- package/lib/city-picker/city-list.js +4 -21
- package/lib/city-picker/city-panel-item.js +3 -17
- package/lib/city-picker/city-panel.js +25 -64
- package/lib/city-picker/city-picker.js +22 -67
- package/lib/city-picker/city-search-panel.js +6 -25
- package/lib/city-picker/index.js +0 -9
- package/lib/city-picker/no-data.js +3 -15
- package/lib/city-picker/style/css.js +0 -1
- package/lib/city-picker/style/index.js +0 -1
- package/lib/city-picker/utils/grouping.js +0 -5
- package/lib/collapse/collapse.js +17 -62
- package/lib/collapse/index.js +0 -4
- package/lib/collapse/panel.js +21 -62
- package/lib/collapse/style/css.js +0 -1
- package/lib/collapse/style/index.js +0 -1
- package/lib/config-provider/ConfigContext.js +1 -4
- package/lib/config-provider/SizeContext.js +1 -6
- package/lib/config-provider/compDefaultProps.js +0 -8
- package/lib/config-provider/configProvider.js +3 -18
- package/lib/config-provider/defaultConfig.js +0 -5
- package/lib/config-provider/index.js +0 -6
- package/lib/date-picker/calendar.js +12 -35
- package/lib/date-picker/context.js +0 -7
- package/lib/date-picker/date-panel.js +22 -87
- package/lib/date-picker/date-picker.js +145 -214
- package/lib/date-picker/hooks/use-hover-value.js +5 -19
- package/lib/date-picker/hooks/use-picker-input.js +17 -37
- package/lib/date-picker/hooks/use-range-cls.js +8 -21
- package/lib/date-picker/hooks/use-range-disabled.js +7 -30
- package/lib/date-picker/hooks/use-range-view-dates.js +16 -49
- package/lib/date-picker/hooks/use-state-memo.js +0 -5
- package/lib/date-picker/hooks/use-text-value-mapping.js +6 -20
- package/lib/date-picker/hooks/use-value-texts.js +0 -5
- package/lib/date-picker/index.js +0 -4
- package/lib/date-picker/panel/date-time/date-time.js +7 -23
- package/lib/date-picker/panel/header/header.js +9 -21
- package/lib/date-picker/panel/month/month.js +11 -46
- package/lib/date-picker/panel/quarter/quarter.js +8 -40
- package/lib/date-picker/panel/time/time-column.js +8 -31
- package/lib/date-picker/panel/time/time.js +60 -106
- package/lib/date-picker/panel/week/week.js +25 -73
- package/lib/date-picker/panel/year/year.js +19 -56
- package/lib/date-picker/popper.js +28 -47
- package/lib/date-picker/range/input-range.js +95 -145
- package/lib/date-picker/range-picker.d.ts +1 -0
- package/lib/date-picker/range-picker.js +195 -327
- package/lib/date-picker/single/input-date.js +87 -127
- package/lib/date-picker/utils/date-fns.js +25 -136
- package/lib/date-picker/utils/get-extra-footer.js +0 -8
- package/lib/date-picker/utils/get-ranges.js +13 -24
- package/lib/date-picker/utils/index.js +9 -104
- package/lib/drawer/drawer.js +49 -95
- package/lib/drawer/index.js +0 -9
- package/lib/drawer/style/css.js +0 -1
- package/lib/drawer/style/index.js +0 -1
- package/lib/dropdown/dropdown.js +26 -56
- package/lib/dropdown/index.js +0 -9
- package/lib/dropdown/menu.d.ts +3 -2
- package/lib/dropdown/menu.js +29 -56
- package/lib/dropdown/style/css.js +0 -1
- package/lib/dropdown/style/index.js +0 -1
- package/lib/empty/defaultEmptyImg.js +2 -14
- package/lib/empty/empty.js +15 -42
- package/lib/empty/illustrationEmptyImg.js +2 -14
- package/lib/empty/index.js +0 -9
- package/lib/empty/style/css.js +0 -1
- package/lib/empty/style/index.js +0 -1
- package/lib/filter/condition.js +5 -28
- package/lib/filter/filter.js +29 -73
- package/lib/filter/index.js +0 -9
- package/lib/filter/scheme.js +35 -82
- package/lib/filter/style/css.js +0 -1
- package/lib/filter/style/index.js +0 -1
- package/lib/form/Field.js +36 -127
- package/lib/form/FieldContext.js +0 -6
- package/lib/form/FieldLabel.js +11 -29
- package/lib/form/FieldWrapper.js +6 -19
- package/lib/form/Form.js +28 -65
- package/lib/form/FormContext.js +0 -11
- package/lib/form/hooks/useForceUpdate.js +2 -9
- package/lib/form/hooks/useForm.js +10 -98
- package/lib/form/index.js +0 -12
- package/lib/form/style/css.js +0 -1
- package/lib/form/style/index.js +0 -1
- package/lib/grid/col.js +23 -51
- package/lib/grid/index.js +0 -3
- package/lib/grid/row.js +22 -49
- package/lib/grid/style/css.js +0 -1
- package/lib/grid/style/index.js +0 -1
- package/lib/icon/icon.js +11 -44
- package/lib/icon/index.js +0 -9
- package/lib/icon/interface.js +0 -6
- package/lib/icon/style/css.js +0 -1
- package/lib/icon/style/index.js +0 -1
- package/lib/image/image.js +31 -64
- package/lib/image/index.js +0 -9
- package/lib/image/preview-group.js +25 -54
- package/lib/image/preview.js +24 -57
- package/lib/image/style/css.js +0 -1
- package/lib/image/style/index.js +0 -1
- package/lib/image-cropper/cropper.js +11 -33
- package/lib/image-cropper/image-cropper.js +39 -89
- package/lib/image-cropper/index.js +0 -3
- package/lib/image-cropper/operation-bar.js +14 -44
- package/lib/image-cropper/style/css.js +0 -1
- package/lib/image-cropper/style/index.css +12 -1
- package/lib/image-cropper/style/index.js +0 -1
- package/lib/image-cropper/style/index.less +11 -2
- package/lib/index.js +2 -64
- package/lib/input/ClearableLabeledInput.js +27 -65
- package/lib/input/TextArea.js +45 -108
- package/lib/input/calculateNodeHeight.js +4 -23
- package/lib/input/index.js +0 -9
- package/lib/input/input.js +32 -87
- package/lib/input-number/index.js +0 -3
- package/lib/input-number/inputNumber.js +50 -129
- package/lib/input-number/style/css.js +0 -1
- package/lib/input-number/style/index.js +0 -1
- package/lib/layout/index.js +0 -9
- package/lib/layout/layout.js +28 -64
- package/lib/layout/sider.js +39 -89
- package/lib/layout/style/css.js +0 -1
- package/lib/layout/style/index.js +0 -1
- package/lib/link/index.js +0 -9
- package/lib/link/link.js +19 -50
- package/lib/link/style/css.js +0 -1
- package/lib/link/style/index.js +0 -1
- package/lib/locale/index.js +0 -7
- package/lib/locale/locale.js +6 -58
- package/lib/locale/zh-CN.js +0 -4
- package/lib/menu/index.js +0 -9
- package/lib/menu/menu.js +29 -83
- package/lib/menu/menuItem.js +27 -69
- package/lib/menu/style/css.js +0 -1
- package/lib/menu/style/index.js +0 -1
- package/lib/menu/subMenu.js +44 -122
- package/lib/menu/util.js +4 -28
- package/lib/message/content.js +7 -32
- package/lib/message/index.js +14 -33
- package/lib/message/style/css.js +0 -1
- package/lib/message/style/index.js +0 -1
- package/lib/modal/confirm.js +3 -21
- package/lib/modal/index.js +0 -14
- package/lib/modal/modal.js +41 -86
- package/lib/modal/style/css.js +0 -1
- package/lib/modal/style/index.js +0 -1
- package/lib/notification/content.js +15 -48
- package/lib/notification/index.js +20 -42
- package/lib/notification/style/css.js +0 -1
- package/lib/notification/style/index.js +0 -1
- package/lib/notification-base/index.js +4 -31
- package/lib/notification-base/notice.js +12 -38
- package/lib/notification-base/notification.js +3 -31
- package/lib/pagination/index.js +0 -3
- package/lib/pagination/pagination.js +76 -137
- package/lib/pagination/style/css.js +0 -1
- package/lib/pagination/style/index.js +0 -1
- package/lib/popconfirm/index.js +0 -9
- package/lib/popconfirm/popconfirm.js +22 -46
- package/lib/popconfirm/style/css.js +0 -1
- package/lib/popconfirm/style/index.js +0 -1
- package/lib/progress/circle.js +9 -25
- package/lib/progress/index.js +0 -3
- package/lib/progress/line.js +5 -11
- package/lib/progress/progress.js +21 -64
- package/lib/progress/style/css.js +0 -1
- package/lib/progress/style/index.js +0 -1
- package/lib/progress/utils.js +6 -30
- package/lib/radio/context.js +0 -7
- package/lib/radio/group.js +19 -53
- package/lib/radio/index.js +0 -5
- package/lib/radio/radio-button.js +6 -32
- package/lib/radio/radio.js +19 -66
- package/lib/radio/style/css.js +0 -1
- package/lib/radio/style/index.js +0 -1
- package/lib/rate/index.js +0 -3
- package/lib/rate/rate.js +30 -82
- package/lib/rate/style/css.js +0 -1
- package/lib/rate/style/index.js +0 -1
- package/lib/search/index.js +0 -7
- package/lib/search/interface.js +0 -2
- package/lib/search/option.js +10 -29
- package/lib/search/quick-search.js +68 -171
- package/lib/search/search-panel.js +28 -66
- package/lib/search/search.js +23 -63
- package/lib/search/style/css.js +0 -1
- package/lib/search/style/index.js +0 -1
- package/lib/select/index.js +0 -4
- package/lib/select/interface.js +0 -3
- package/lib/select/option.js +13 -40
- package/lib/select/select.js +115 -235
- package/lib/select/style/index.css +3 -0
- package/lib/select/style/index.less +4 -0
- package/lib/slider/index.js +0 -9
- package/lib/slider/marks.js +9 -22
- package/lib/slider/slider.js +58 -123
- package/lib/slider/sliderTooltip.js +9 -30
- package/lib/slider/steps.js +8 -24
- package/lib/slider/style/css.js +0 -1
- package/lib/slider/style/index.js +0 -1
- package/lib/slider/track.js +5 -11
- package/lib/slider/utils.js +4 -21
- package/lib/space/index.js +0 -9
- package/lib/space/space.js +16 -50
- package/lib/space/style/css.js +0 -1
- package/lib/space/style/index.js +0 -1
- package/lib/spin/index.js +0 -9
- package/lib/spin/spin.js +16 -50
- package/lib/spin/style/css.js +0 -1
- package/lib/spin/style/index.js +0 -1
- package/lib/split-panel/index.js +0 -9
- package/lib/split-panel/split-panel.js +57 -101
- package/lib/split-panel/style/css.js +0 -1
- package/lib/split-panel/style/index.js +0 -1
- package/lib/split-panel/trigger.js +8 -23
- package/lib/stepper/index.js +0 -9
- package/lib/stepper/stepper.js +27 -81
- package/lib/stepper/style/css.js +0 -1
- package/lib/stepper/style/index.js +0 -1
- package/lib/steps/Step.js +18 -40
- package/lib/steps/Steps.js +19 -55
- package/lib/steps/index.js +0 -5
- package/lib/steps/interface.js +0 -2
- package/lib/steps/style/css.js +0 -1
- package/lib/steps/style/index.js +0 -1
- package/lib/switch/index.js +0 -3
- package/lib/switch/style/css.js +0 -1
- package/lib/switch/style/index.js +0 -1
- package/lib/switch/switch.js +23 -59
- package/lib/table/api.js +3 -39
- package/lib/table/feature/autoRowSpan.js +0 -3
- package/lib/table/feature/colGroupExtendable.js +0 -3
- package/lib/table/feature/columnDrag.js +0 -3
- package/lib/table/feature/columnResize.js +0 -3
- package/lib/table/feature/contextMenu.js +0 -3
- package/lib/table/feature/filter.js +0 -6
- package/lib/table/feature/mergeCellHover.js +0 -3
- package/lib/table/feature/rowDetail.js +0 -5
- package/lib/table/feature/rowSelection.js +11 -24
- package/lib/table/feature/sort.js +0 -6
- package/lib/table/feature/treeMode.js +0 -5
- package/lib/table/feature/useFooterDataSource.js +0 -3
- package/lib/table/feature/useRangeSelection.js +0 -5
- package/lib/table/index.js +0 -3
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/table.js +36 -78
- package/lib/tabs/active-line.js +6 -17
- package/lib/tabs/arrow-button.js +5 -23
- package/lib/tabs/context.js +0 -7
- package/lib/tabs/index.js +2 -6
- package/lib/tabs/style/css.js +0 -1
- package/lib/tabs/style/index.js +0 -1
- package/lib/tabs/tab-pane.js +7 -38
- package/lib/tabs/tabs.js +42 -135
- package/lib/tag/index.js +0 -9
- package/lib/tag/style/css.js +0 -1
- package/lib/tag/style/index.js +0 -1
- package/lib/tag/tag.js +34 -74
- package/lib/timeline/Timeline.js +16 -45
- package/lib/timeline/TimelineItem.js +15 -39
- package/lib/timeline/index.js +0 -3
- package/lib/timeline/style/css.js +0 -1
- package/lib/timeline/style/index.js +0 -1
- package/lib/tooltip/index.js +0 -9
- package/lib/tooltip/style/css.js +0 -1
- package/lib/tooltip/style/index.js +0 -1
- package/lib/tooltip/tooltip.js +7 -24
- package/lib/transfer/index.js +0 -3
- package/lib/transfer/list-body.js +12 -48
- package/lib/transfer/list-item.js +10 -27
- package/lib/transfer/list.js +35 -89
- package/lib/transfer/operation.js +12 -18
- package/lib/transfer/search.js +5 -16
- package/lib/transfer/style/css.js +0 -1
- package/lib/transfer/style/index.js +0 -1
- package/lib/transfer/transfer.js +51 -122
- package/lib/tree/index.js +0 -11
- package/lib/tree/style/css.js +0 -1
- package/lib/tree/style/index.js +0 -1
- package/lib/tree/tree.js +95 -196
- package/lib/tree/treeHooks.js +18 -64
- package/lib/tree/treeNode.js +57 -126
- package/lib/tree/utils/treeUtils.js +22 -193
- package/lib/typography/base.js +16 -53
- package/lib/typography/index.js +2 -8
- package/lib/typography/paragraph.js +0 -11
- package/lib/typography/style/css.js +0 -1
- package/lib/typography/style/index.js +0 -1
- package/lib/typography/text.js +0 -6
- package/lib/typography/title.js +3 -21
- package/lib/typography/typography.js +12 -35
- package/lib/upload/dragger.js +3 -21
- package/lib/upload/index.js +0 -11
- package/lib/upload/request.js +6 -27
- package/lib/upload/scan-files.js +2 -15
- package/lib/upload/style/css.js +0 -1
- package/lib/upload/style/index.js +0 -1
- package/lib/upload/upload.js +63 -151
- package/lib/upload/utils.js +0 -6
- package/lib/upload/verify-file.js +0 -9
- package/lib/view-container/context.js +0 -7
- package/lib/view-container/index.js +0 -3
- package/lib/view-container/view-container.js +7 -21
- package/lib/virtual-list/Filler.js +3 -15
- package/lib/virtual-list/index.js +0 -9
- package/lib/virtual-list/utils/algorithmUtil.js +0 -15
- package/lib/virtual-list/utils/itemUtil.js +18 -60
- package/lib/virtual-list/virtual-list.js +63 -158
- package/package.json +3 -2
|
@@ -16,80 +16,71 @@ import ConfigContext from '../config-provider/ConfigContext';
|
|
|
16
16
|
import { getCompProps } from '../_utils';
|
|
17
17
|
import { Input, Icon, Tabs, Empty, Spin, Checkbox } from '../index';
|
|
18
18
|
import usePopper from '../_utils/usePopper';
|
|
19
|
-
|
|
20
19
|
var InternalBaseData = function InternalBaseData(props, ref) {
|
|
21
20
|
var _useContext = useContext(ConfigContext),
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
22
|
+
prefixCls = _useContext.prefixCls,
|
|
23
|
+
userDefaultProps = _useContext.compDefaultProps,
|
|
24
|
+
getLangMsg = _useContext.locale.getLangMsg;
|
|
27
25
|
var advancedSelectortProps = getCompProps('BaseData', userDefaultProps, props);
|
|
28
26
|
var customPrefixcls = advancedSelectortProps.prefixCls,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
27
|
+
className = advancedSelectortProps.className,
|
|
28
|
+
mode = advancedSelectortProps.mode,
|
|
29
|
+
disabled = advancedSelectortProps.disabled,
|
|
30
|
+
_advancedSelectortPro = advancedSelectortProps.delimiter,
|
|
31
|
+
delimiter = _advancedSelectortPro === void 0 ? ',' : _advancedSelectortPro,
|
|
32
|
+
_advancedSelectortPro2 = advancedSelectortProps.placeholder,
|
|
33
|
+
placeholder = _advancedSelectortPro2 === void 0 ? getLangMsg('global', 'selectholder') : _advancedSelectortPro2,
|
|
34
|
+
showDetailIcon = advancedSelectortProps.showDetailIcon,
|
|
35
|
+
showFrequent = advancedSelectortProps.showFrequent,
|
|
36
|
+
showCollectIcon = advancedSelectortProps.showCollectIcon,
|
|
37
|
+
columns = advancedSelectortProps.columns,
|
|
38
|
+
_advancedSelectortPro3 = advancedSelectortProps.options,
|
|
39
|
+
options = _advancedSelectortPro3 === void 0 ? [] : _advancedSelectortPro3,
|
|
40
|
+
value = advancedSelectortProps.value,
|
|
41
|
+
optionLabelProp = advancedSelectortProps.optionLabelProp,
|
|
42
|
+
size = advancedSelectortProps.size,
|
|
43
|
+
style = advancedSelectortProps.style,
|
|
44
|
+
dropdownFooterRender = advancedSelectortProps.dropdownFooterRender,
|
|
45
|
+
_advancedSelectortPro4 = advancedSelectortProps.collectList,
|
|
46
|
+
collectList = _advancedSelectortPro4 === void 0 ? [] : _advancedSelectortPro4,
|
|
47
|
+
_advancedSelectortPro5 = advancedSelectortProps.historyList,
|
|
48
|
+
historyList = _advancedSelectortPro5 === void 0 ? [] : _advancedSelectortPro5,
|
|
49
|
+
loading = advancedSelectortProps.loading,
|
|
50
|
+
searchField = advancedSelectortProps.searchField,
|
|
51
|
+
dropdownStyle = advancedSelectortProps.dropdownStyle,
|
|
52
|
+
onChange = advancedSelectortProps.onChange,
|
|
53
|
+
onSearch = advancedSelectortProps.onSearch,
|
|
54
|
+
onSelect = advancedSelectortProps.onSelect,
|
|
55
|
+
onShowDetail = advancedSelectortProps.onShowDetail,
|
|
56
|
+
onCollect = advancedSelectortProps.onCollect,
|
|
57
|
+
onShowMore = advancedSelectortProps.onShowMore,
|
|
58
|
+
onVisibleChange = advancedSelectortProps.onVisibleChange;
|
|
61
59
|
var isMultiple = mode === 'multiple'; // 是否多选
|
|
62
|
-
|
|
63
60
|
var _useState = useState([]),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
+
seletedOptions = _useState2[0],
|
|
63
|
+
setSeletedOptions = _useState2[1];
|
|
68
64
|
var _useState3 = useState(''),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
65
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
66
|
+
inputValue = _useState4[0],
|
|
67
|
+
setInputValue = _useState4[1];
|
|
73
68
|
var _useState5 = useState([]),
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
69
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
70
|
+
indxPosList = _useState6[0],
|
|
71
|
+
setIndxPosList = _useState6[1];
|
|
78
72
|
var _useState7 = useState(false),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
73
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
74
|
+
showTotal = _useState8[0],
|
|
75
|
+
setShowTotal = _useState8[1];
|
|
83
76
|
var _useState9 = useState(false),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
77
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
78
|
+
isFocused = _useState10[0],
|
|
79
|
+
setFocused = _useState10[1];
|
|
88
80
|
var _useState11 = useState(!!props.visible),
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
81
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
82
|
+
optionShow = _useState12[0],
|
|
83
|
+
setOptionShow = _useState12[1];
|
|
93
84
|
var innerRef = useRef();
|
|
94
85
|
var advancedSelectorRef = ref || innerRef;
|
|
95
86
|
var inputRef = useRef();
|
|
@@ -101,15 +92,15 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
101
92
|
previousEditValue: '',
|
|
102
93
|
deleteEndIndx: 0
|
|
103
94
|
});
|
|
104
|
-
var advancedSelectorfixCls = getPrefixCls(prefixCls, 'baseData', customPrefixcls);
|
|
105
|
-
|
|
106
|
-
var advancedSelectorCls = classNames(advancedSelectorfixCls, className, _defineProperty({}, "".concat(advancedSelectorfixCls, "-disabled"), disabled));
|
|
107
|
-
|
|
95
|
+
var advancedSelectorfixCls = getPrefixCls(prefixCls, 'baseData', customPrefixcls);
|
|
96
|
+
// class
|
|
97
|
+
var advancedSelectorCls = classNames(advancedSelectorfixCls, className, _defineProperty({}, "".concat(advancedSelectorfixCls, "-disabled"), disabled));
|
|
98
|
+
// 多选模式下 维护新增选中的下标
|
|
108
99
|
useEffect(function () {
|
|
109
100
|
searchInfo.current.searchIndex = seletedOptions.length;
|
|
110
101
|
searchInfo.current.editOptions = seletedOptions;
|
|
111
|
-
}, [seletedOptions]);
|
|
112
|
-
|
|
102
|
+
}, [seletedOptions]);
|
|
103
|
+
// 记录每个选项的开始与结束下标
|
|
113
104
|
var setValIndxPosition = useCallback(function () {
|
|
114
105
|
var arr = [];
|
|
115
106
|
inputValue.split(delimiter).reduce(function (pre, next) {
|
|
@@ -126,39 +117,33 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
126
117
|
setIndxPosList(list);
|
|
127
118
|
}, [setValIndxPosition]);
|
|
128
119
|
useEffect(function () {
|
|
129
|
-
var seletedItems = [];
|
|
130
|
-
|
|
120
|
+
var seletedItems = [];
|
|
121
|
+
// 多选
|
|
131
122
|
if (isMultiple && Array.isArray(value)) {
|
|
132
123
|
seletedItems = value;
|
|
133
|
-
}
|
|
134
|
-
|
|
135
|
-
|
|
124
|
+
}
|
|
125
|
+
// 单选
|
|
136
126
|
if (!isMultiple && value) {
|
|
137
127
|
seletedItems = [value];
|
|
138
128
|
}
|
|
139
|
-
|
|
140
129
|
setSeletedOptions(seletedItems);
|
|
141
130
|
searchInfo.current.editOptions = _toConsumableArray(seletedItems);
|
|
142
131
|
}, [value, isMultiple]);
|
|
143
132
|
useEffect(function () {
|
|
144
133
|
var _a;
|
|
145
|
-
|
|
146
134
|
if (!searchInfo.current.previousEditValue) return;
|
|
147
135
|
var posList = setValIndxPosition();
|
|
148
136
|
var preValueArr = getStrToArr(searchInfo.current.previousEditValue, delimiter);
|
|
149
137
|
var valueArr = getStrToArr(inputValue, delimiter);
|
|
150
138
|
var selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
|
|
151
139
|
var index = findSelectionIndex(selectionStart, posList);
|
|
152
|
-
searchInfo.current.searchIndex = index;
|
|
153
|
-
|
|
140
|
+
searchInfo.current.searchIndex = index;
|
|
141
|
+
// 新增一个
|
|
154
142
|
var list = _toConsumableArray(searchInfo.current.editOptions || []);
|
|
155
|
-
|
|
156
143
|
if (valueArr.length - preValueArr.length === 1) {
|
|
157
144
|
searchInfo.current.deleteEndIndx = index;
|
|
158
|
-
|
|
159
145
|
_spliceInstanceProperty(list).call(list, index, 0, null);
|
|
160
146
|
}
|
|
161
|
-
|
|
162
147
|
if (valueArr.length < preValueArr.length) {
|
|
163
148
|
var val = searchInfo.current.previousEditValue;
|
|
164
149
|
/**
|
|
@@ -167,47 +152,38 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
167
152
|
* 多选时,判断删除的字符包含了几个已选项
|
|
168
153
|
* 单选时,判断selectionStart与deleteEndIndx相等(都为0),则表示选项被删除
|
|
169
154
|
*/
|
|
170
|
-
|
|
171
155
|
var deleteEndIndx = isMultiple ? val.length - inputValue.length + selectionStart : 0;
|
|
172
|
-
|
|
173
156
|
var _findDeleteInterval = findDeleteInterval(selectionStart, deleteEndIndx, indxPosList),
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
157
|
+
start = _findDeleteInterval.start,
|
|
158
|
+
end = _findDeleteInterval.end;
|
|
177
159
|
list === null || list === void 0 ? void 0 : _spliceInstanceProperty(list).call(list, start, end - start + 1);
|
|
178
160
|
}
|
|
179
|
-
|
|
180
161
|
searchInfo.current.editOptions = list;
|
|
181
|
-
searchInfo.current.previousEditValue = inputValue;
|
|
162
|
+
searchInfo.current.previousEditValue = inputValue;
|
|
163
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
182
164
|
}, [delimiter, inputValue, isMultiple, setValIndxPosition]);
|
|
183
|
-
|
|
184
165
|
var getStrToArr = function getStrToArr() {
|
|
185
166
|
var _context;
|
|
186
|
-
|
|
187
167
|
var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
|
188
168
|
var delimiter = arguments.length > 1 ? arguments[1] : undefined;
|
|
189
169
|
return _filterInstanceProperty(_context = str.split(delimiter)).call(_context, function (item) {
|
|
190
170
|
return item;
|
|
191
171
|
});
|
|
192
|
-
};
|
|
193
|
-
|
|
194
|
-
|
|
172
|
+
};
|
|
173
|
+
// 当选中项文字超出输入框时,显示共多少项
|
|
195
174
|
useLayoutEffect(function () {
|
|
196
175
|
if (!inputRef.current) return;
|
|
197
|
-
|
|
198
176
|
if (inputRef.current.scrollWidth - inputRef.current.offsetWidth > 0) {
|
|
199
177
|
setShowTotal(true);
|
|
200
178
|
} else {
|
|
201
179
|
setShowTotal(false);
|
|
202
180
|
}
|
|
203
|
-
}, [inputRef, inputValue]);
|
|
204
|
-
|
|
181
|
+
}, [inputRef, inputValue]);
|
|
182
|
+
// 通过选中项显示input文字, optionLabelProp为回填到选择框的属性
|
|
205
183
|
var setValueBySeleted = useCallback(function () {
|
|
206
184
|
var _context4;
|
|
207
|
-
|
|
208
185
|
var defaultInputValue = seletedOptions.reduce(function (pre, next, index, arr) {
|
|
209
186
|
var _context2, _context3;
|
|
210
|
-
|
|
211
187
|
return _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(pre)).call(_context3, next[optionLabelProp])).call(_context2, index !== arr.length - 1 ? delimiter : '');
|
|
212
188
|
}, '');
|
|
213
189
|
searchInfo.current.previousInputValue = defaultInputValue;
|
|
@@ -217,84 +193,64 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
217
193
|
useEffect(function () {
|
|
218
194
|
setValueBySeleted();
|
|
219
195
|
}, [setValueBySeleted]);
|
|
220
|
-
|
|
221
196
|
var changeInputText = function changeInputText(e) {
|
|
222
197
|
setOptionShow(true);
|
|
223
198
|
var textValue = e.target.value;
|
|
224
199
|
var val = textValue;
|
|
225
|
-
|
|
226
200
|
if (isMultiple && inputRef.current && textValue && textValue.length > inputValue.length) {
|
|
227
201
|
var selectionStart = inputRef.current.selectionStart || 0; // selectionStart: 光标前面有几个字符
|
|
228
|
-
|
|
229
202
|
searchInfo.current.selectionStart = selectionStart;
|
|
230
203
|
var isInHead = selectionStart === 1 && textValue[1] !== delimiter && textValue.length !== 1; // 在首部添加
|
|
231
|
-
|
|
232
204
|
var isInMid = selectionStart !== textValue.length && textValue[selectionStart - 2] === delimiter && textValue[selectionStart] !== delimiter;
|
|
233
|
-
|
|
234
205
|
if (isInHead || isInMid) {
|
|
235
206
|
inputRef.current.value = val = textValue.substring(0, selectionStart) + delimiter + textValue.substring(selectionStart, textValue.length);
|
|
236
207
|
setCursorPosition(inputRef.current, selectionStart);
|
|
237
208
|
}
|
|
238
209
|
}
|
|
239
|
-
|
|
240
210
|
setInputValue(val);
|
|
241
211
|
handleChange(val);
|
|
242
212
|
};
|
|
243
|
-
|
|
244
213
|
var handleChange = function handleChange(val) {
|
|
245
214
|
var str = getQueryStr(val);
|
|
246
215
|
searchInfo.current.searchValue = str;
|
|
247
216
|
onSearch === null || onSearch === void 0 ? void 0 : onSearch(str);
|
|
248
217
|
};
|
|
249
|
-
|
|
250
218
|
var getQueryStr = function getQueryStr(queryStr) {
|
|
251
219
|
if (!isMultiple) {
|
|
252
220
|
return queryStr;
|
|
253
221
|
}
|
|
254
|
-
|
|
255
222
|
if (inputRef.current && queryStr) {
|
|
256
223
|
if (queryStr.indexOf(delimiter) < 0) {
|
|
257
224
|
// 只有一条记录
|
|
258
225
|
return queryStr;
|
|
259
226
|
}
|
|
260
|
-
|
|
261
227
|
var selectionStart = inputRef.current.selectionStart || 0;
|
|
262
228
|
var startIndex = _sliceInstanceProperty(queryStr).call(queryStr, 0, selectionStart).lastIndexOf(delimiter) + 1; // 光标前面最近分隔符index
|
|
263
|
-
|
|
264
229
|
var endIndex = _sliceInstanceProperty(queryStr).call(queryStr, selectionStart).indexOf(delimiter);
|
|
265
|
-
|
|
266
230
|
endIndex = endIndex === -1 ? queryStr.length : selectionStart + endIndex; // 光标后面最近分隔符index
|
|
267
|
-
|
|
268
231
|
queryStr = _sliceInstanceProperty(queryStr).call(queryStr, startIndex, endIndex);
|
|
269
232
|
return queryStr;
|
|
270
233
|
}
|
|
271
|
-
|
|
272
234
|
return queryStr;
|
|
273
235
|
};
|
|
274
|
-
|
|
275
236
|
var handleFocus = function handleFocus() {
|
|
276
237
|
var _context5;
|
|
277
|
-
|
|
278
238
|
if (disabled) return;
|
|
279
239
|
setFocused(true);
|
|
280
240
|
isMultiple && seletedOptions.length && setInputValue(_concatInstanceProperty(_context5 = "".concat(inputValue)).call(_context5, delimiter));
|
|
281
241
|
};
|
|
282
|
-
|
|
283
242
|
var handleBlur = function handleBlur() {
|
|
284
243
|
var _context6, _context7;
|
|
285
|
-
|
|
286
244
|
if (disabled) return;
|
|
287
245
|
setFocused(false);
|
|
288
246
|
setInputValue(searchInfo.current.previousInputValue);
|
|
289
|
-
searchInfo.current.previousEditValue = _concatInstanceProperty(_context6 = "".concat(searchInfo.current.previousInputValue)).call(_context6, delimiter);
|
|
290
|
-
|
|
247
|
+
searchInfo.current.previousEditValue = _concatInstanceProperty(_context6 = "".concat(searchInfo.current.previousInputValue)).call(_context6, delimiter);
|
|
248
|
+
// 多选失去焦点时,通过editOptions去改写选中项
|
|
291
249
|
var list = _filterInstanceProperty(_context7 = searchInfo.current.editOptions || []).call(_context7, function (item) {
|
|
292
250
|
return item;
|
|
293
251
|
}) || [];
|
|
294
|
-
|
|
295
252
|
if (_JSON$stringify(list) !== _JSON$stringify(seletedOptions)) {
|
|
296
253
|
var _context8;
|
|
297
|
-
|
|
298
254
|
onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context8 = _filterInstanceProperty(list).call(list, function (item) {
|
|
299
255
|
return item;
|
|
300
256
|
})).call(_context8, function (v) {
|
|
@@ -303,17 +259,13 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
303
259
|
return item;
|
|
304
260
|
}));
|
|
305
261
|
}
|
|
306
|
-
|
|
307
262
|
if (value !== undefined) {
|
|
308
263
|
return;
|
|
309
264
|
}
|
|
310
|
-
|
|
311
265
|
setSeletedOptions(list);
|
|
312
266
|
};
|
|
313
|
-
|
|
314
267
|
var showInputTotal = function showInputTotal() {
|
|
315
268
|
if (disabled) return;
|
|
316
|
-
|
|
317
269
|
if (inputRef.current) {
|
|
318
270
|
var scrollToWidth = inputRef.current.scrollWidth - inputRef.current.offsetWidth;
|
|
319
271
|
inputRef.current.scrollLeft = scrollToWidth;
|
|
@@ -322,18 +274,15 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
322
274
|
}, 0);
|
|
323
275
|
}
|
|
324
276
|
};
|
|
325
|
-
|
|
326
277
|
var handleShowDetail = function handleShowDetail(e) {
|
|
327
278
|
e.stopPropagation();
|
|
328
279
|
onShowDetail === null || onShowDetail === void 0 ? void 0 : onShowDetail(seletedOptions);
|
|
329
280
|
};
|
|
330
|
-
|
|
331
281
|
var handleShowMore = function handleShowMore(e) {
|
|
332
282
|
e.stopPropagation();
|
|
333
283
|
onShowMore === null || onShowMore === void 0 ? void 0 : onShowMore();
|
|
334
|
-
};
|
|
335
|
-
|
|
336
|
-
|
|
284
|
+
};
|
|
285
|
+
// 设置光标位置
|
|
337
286
|
var setCursorPosition = function setCursorPosition(element, prePosition) {
|
|
338
287
|
if (element.setSelectionRange) {
|
|
339
288
|
// Chrome Firefox
|
|
@@ -347,43 +296,33 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
347
296
|
range.moveStart('character', prePosition);
|
|
348
297
|
range.select();
|
|
349
298
|
}
|
|
350
|
-
};
|
|
351
|
-
|
|
352
|
-
|
|
299
|
+
};
|
|
300
|
+
// 双击选中当前项
|
|
353
301
|
var handleDoubleClick = function handleDoubleClick() {
|
|
354
302
|
var _a, _b;
|
|
355
|
-
|
|
356
303
|
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),
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
304
|
+
start = _findDbClickSelectedP.start,
|
|
305
|
+
end = _findDbClickSelectedP.end;
|
|
360
306
|
handleSeletedText(inputRef.current, start, end);
|
|
361
307
|
};
|
|
362
|
-
|
|
363
308
|
var findDbClickSelectedPos = function findDbClickSelectedPos(selectionStart, selectionEnd) {
|
|
364
309
|
for (var index = 0; index < indxPosList.length; index++) {
|
|
365
310
|
var item = indxPosList[index];
|
|
366
|
-
|
|
367
311
|
if (item.start <= selectionStart && item.end >= selectionEnd) {
|
|
368
312
|
return item;
|
|
369
313
|
}
|
|
370
314
|
}
|
|
371
|
-
|
|
372
315
|
return {};
|
|
373
|
-
};
|
|
374
|
-
|
|
375
|
-
|
|
316
|
+
};
|
|
317
|
+
// 多选,找到光标停留的当前项的下标
|
|
376
318
|
var findSelectionIndex = function findSelectionIndex(selectionStart, posList) {
|
|
377
319
|
var indx = 0;
|
|
378
|
-
|
|
379
320
|
for (var index = 0; index < posList.length; index++) {
|
|
380
321
|
var v = posList[index];
|
|
381
|
-
|
|
382
322
|
if (v.start <= selectionStart && v.end >= selectionStart) {
|
|
383
323
|
indx = index;
|
|
384
324
|
}
|
|
385
325
|
}
|
|
386
|
-
|
|
387
326
|
return indx;
|
|
388
327
|
};
|
|
389
328
|
/**
|
|
@@ -393,42 +332,32 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
393
332
|
* @param end 删除时文字光标的终止位置
|
|
394
333
|
* @param posList 每个选中项的下标区间
|
|
395
334
|
*/
|
|
396
|
-
|
|
397
|
-
|
|
398
335
|
var findDeleteInterval = function findDeleteInterval(start, end, posList) {
|
|
399
336
|
var delIndex = {
|
|
400
337
|
start: null,
|
|
401
338
|
end: null
|
|
402
339
|
};
|
|
403
|
-
|
|
404
340
|
for (var index = 0; index < posList.length; index++) {
|
|
405
341
|
var v = posList[index];
|
|
406
342
|
if (v.start >= start && delIndex.start === null) delIndex.start = index;
|
|
407
343
|
if (v.end <= end) delIndex.end = index;
|
|
408
344
|
}
|
|
409
|
-
|
|
410
345
|
return delIndex;
|
|
411
346
|
};
|
|
412
|
-
|
|
413
347
|
var handleSeletedText = function handleSeletedText(element, start, end) {
|
|
414
348
|
element.setSelectionRange(start, end);
|
|
415
349
|
};
|
|
416
|
-
|
|
417
350
|
var handleSelect = function handleSelect(item) {
|
|
418
351
|
var _context13;
|
|
419
|
-
|
|
420
352
|
searchInfo.current.searchValue = undefined;
|
|
421
|
-
|
|
422
353
|
if (_findIndexInstanceProperty(seletedOptions).call(seletedOptions, function (v) {
|
|
423
354
|
return v.value === item.value;
|
|
424
355
|
}) !== -1) {
|
|
425
356
|
var _context9;
|
|
426
|
-
|
|
427
357
|
var _list = _filterInstanceProperty(seletedOptions).call(seletedOptions, function (v) {
|
|
428
358
|
return v.value !== item.value;
|
|
429
|
-
});
|
|
430
|
-
|
|
431
|
-
|
|
359
|
+
});
|
|
360
|
+
// 取消选中(非受控状态下)
|
|
432
361
|
isMultiple && value === undefined && setSeletedOptions(_list);
|
|
433
362
|
onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context9 = _filterInstanceProperty(_list).call(_list, function (item) {
|
|
434
363
|
return item;
|
|
@@ -439,14 +368,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
439
368
|
}));
|
|
440
369
|
return;
|
|
441
370
|
}
|
|
442
|
-
|
|
443
371
|
var list = _toConsumableArray(searchInfo.current.editOptions || []);
|
|
444
|
-
|
|
445
372
|
list === null || list === void 0 ? void 0 : _spliceInstanceProperty(list).call(list, searchInfo.current.searchIndex || 0, 1, item);
|
|
446
|
-
|
|
447
373
|
if (isMultiple) {
|
|
448
374
|
var _context10, _context11, _context12;
|
|
449
|
-
|
|
450
375
|
onChange === null || onChange === void 0 ? void 0 : onChange(_mapInstanceProperty(_context10 = _filterInstanceProperty(_context11 = list || []).call(_context11, function (item) {
|
|
451
376
|
return item;
|
|
452
377
|
})).call(_context10, function (v) {
|
|
@@ -457,37 +382,29 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
457
382
|
} else {
|
|
458
383
|
onChange === null || onChange === void 0 ? void 0 : onChange(item.value, item);
|
|
459
384
|
}
|
|
460
|
-
|
|
461
385
|
onSelect === null || onSelect === void 0 ? void 0 : onSelect(item.value, item);
|
|
462
|
-
|
|
463
386
|
if (value !== undefined) {
|
|
464
387
|
return;
|
|
465
388
|
}
|
|
466
|
-
|
|
467
389
|
searchInfo.current.editOptions = list;
|
|
468
390
|
setSeletedOptions(_filterInstanceProperty(_context13 = list || []).call(_context13, function (item) {
|
|
469
391
|
return item;
|
|
470
392
|
}));
|
|
471
393
|
};
|
|
472
|
-
|
|
473
394
|
var handleSelectAll = function handleSelectAll(e) {
|
|
474
395
|
var list = e.target.checked ? options : [];
|
|
475
396
|
onChange(_mapInstanceProperty(list).call(list, function (item) {
|
|
476
397
|
return item.value;
|
|
477
398
|
}), list);
|
|
478
|
-
|
|
479
399
|
if (value !== undefined) {
|
|
480
400
|
return;
|
|
481
401
|
}
|
|
482
|
-
|
|
483
402
|
setSeletedOptions(list);
|
|
484
403
|
};
|
|
485
|
-
|
|
486
404
|
var handleCollect = useCallback(function (item, flag) {
|
|
487
405
|
onCollect === null || onCollect === void 0 ? void 0 : onCollect(flag, item);
|
|
488
406
|
}, [onCollect]);
|
|
489
407
|
var isShowDetailBtn = showDetailIcon && !isMultiple && !isFocused;
|
|
490
|
-
|
|
491
408
|
var renderAdvancedSelector = function renderAdvancedSelector() {
|
|
492
409
|
return /*#__PURE__*/React.createElement("div", {
|
|
493
410
|
className: advancedSelectorCls,
|
|
@@ -517,9 +434,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
517
434
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
518
435
|
type: "search"
|
|
519
436
|
})));
|
|
520
|
-
};
|
|
521
|
-
|
|
522
|
-
|
|
437
|
+
};
|
|
438
|
+
// 渲染下拉列表框
|
|
523
439
|
var renderContent = function renderContent() {
|
|
524
440
|
return /*#__PURE__*/React.createElement("div", {
|
|
525
441
|
className: "".concat(advancedSelectorfixCls, "-dropdown")
|
|
@@ -531,12 +447,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
531
447
|
* @param {string[]} value 选中项数组
|
|
532
448
|
* @returns {boolean}
|
|
533
449
|
*/
|
|
534
|
-
|
|
535
|
-
|
|
536
450
|
var getIndeterminate = useCallback(function (value) {
|
|
537
451
|
return value.length > 0 && value.length < options.length;
|
|
538
452
|
}, [options]);
|
|
539
|
-
|
|
540
453
|
var getChecked = function getChecked(value) {
|
|
541
454
|
return options.length && value.length === options.length;
|
|
542
455
|
};
|
|
@@ -549,11 +462,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
549
462
|
* @param {boolean} showCheckbox 是否显示多选框
|
|
550
463
|
* @returns {React.ReactNode}
|
|
551
464
|
*/
|
|
552
|
-
|
|
553
|
-
|
|
554
465
|
var renderDropdownContent = function renderDropdownContent(data, myColumns) {
|
|
555
466
|
var _context14;
|
|
556
|
-
|
|
557
467
|
var showFooter = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
558
468
|
var showCheckbox = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
559
469
|
var dropDownColumns = myColumns && Array.isArray(myColumns) ? myColumns : data && Array.isArray(data) && data.length ? _mapInstanceProperty(_context14 = _Object$keys(data[0])).call(_context14, function (v) {
|
|
@@ -590,8 +500,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
590
500
|
* @param {IOptionsProps} item
|
|
591
501
|
* @returns {React.ReactNode}
|
|
592
502
|
*/
|
|
593
|
-
|
|
594
|
-
|
|
595
503
|
var renderCollect = useCallback(function (item) {
|
|
596
504
|
return /*#__PURE__*/React.createElement("span", {
|
|
597
505
|
className: "".concat(advancedSelectorfixCls, "-dropdown-options-item-collect"),
|
|
@@ -617,7 +525,6 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
617
525
|
}
|
|
618
526
|
}));
|
|
619
527
|
}, [advancedSelectorfixCls, collectList, handleCollect]);
|
|
620
|
-
|
|
621
528
|
var renderSearchValue = function renderSearchValue(item, column) {
|
|
622
529
|
return searchField === 'all' || searchField === column.key ? findSearchValue(item[column.key]) : item[column.key];
|
|
623
530
|
};
|
|
@@ -629,15 +536,12 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
629
536
|
* @param {boolean} showCheckbox 是否显示多选框
|
|
630
537
|
* @returns {React.ReactNode}
|
|
631
538
|
*/
|
|
632
|
-
|
|
633
|
-
|
|
634
539
|
var renderOptionsContent = function renderOptionsContent(data, myColumns) {
|
|
635
540
|
var showCheckbox = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
636
541
|
return /*#__PURE__*/React.createElement(React.Fragment, null, _mapInstanceProperty(data).call(data, function (item, index) {
|
|
637
542
|
if (index + 1 > size) {
|
|
638
543
|
return null;
|
|
639
544
|
}
|
|
640
|
-
|
|
641
545
|
return /*#__PURE__*/React.createElement("div", {
|
|
642
546
|
key: item.value,
|
|
643
547
|
className: classNames("".concat(advancedSelectorfixCls, "-dropdown-options"), {
|
|
@@ -671,11 +575,9 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
671
575
|
* @param {string} title 搜索的文字
|
|
672
576
|
* @returns {React.ReactNode}
|
|
673
577
|
*/
|
|
674
|
-
|
|
675
|
-
|
|
676
578
|
var findSearchValue = function findSearchValue(title) {
|
|
677
579
|
var _searchInfo$current$s = searchInfo.current.searchValue,
|
|
678
|
-
|
|
580
|
+
searchValue = _searchInfo$current$s === void 0 ? '' : _searchInfo$current$s;
|
|
679
581
|
var index = title.indexOf(searchValue);
|
|
680
582
|
var beforeStr = title.substr(0, index);
|
|
681
583
|
var afterStr = title.substr(index + searchValue.length);
|
|
@@ -684,12 +586,10 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
684
586
|
}, searchValue), afterStr) : /*#__PURE__*/React.createElement("span", null, title);
|
|
685
587
|
return content;
|
|
686
588
|
};
|
|
687
|
-
|
|
688
589
|
var renderHistoryContent = function renderHistoryContent() {
|
|
689
590
|
if (!showFrequent) {
|
|
690
591
|
return null;
|
|
691
592
|
}
|
|
692
|
-
|
|
693
593
|
return /*#__PURE__*/React.createElement(Tabs, {
|
|
694
594
|
defaultActiveKey: "history"
|
|
695
595
|
}, /*#__PURE__*/React.createElement(Tabs.TabPane, {
|
|
@@ -700,13 +600,11 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
700
600
|
tab: "\u6211\u7684\u6536\u85CF"
|
|
701
601
|
}, renderDropdownContent(collectList, columns)));
|
|
702
602
|
};
|
|
703
|
-
|
|
704
603
|
var renderNotContent = useCallback(function () {
|
|
705
604
|
return /*#__PURE__*/React.createElement("div", {
|
|
706
605
|
className: "".concat(advancedSelectorfixCls, "-dropdown-empty")
|
|
707
606
|
}, /*#__PURE__*/React.createElement(Empty, null));
|
|
708
607
|
}, [advancedSelectorfixCls]);
|
|
709
|
-
|
|
710
608
|
var catchStyle = function catchStyle() {
|
|
711
609
|
if (advancedSelectorRef === null || advancedSelectorRef === void 0 ? void 0 : advancedSelectorRef.current) {
|
|
712
610
|
return {
|
|
@@ -715,19 +613,15 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
715
613
|
};
|
|
716
614
|
}
|
|
717
615
|
};
|
|
718
|
-
|
|
719
616
|
var handleVisibleChange = function handleVisibleChange(visible) {
|
|
720
617
|
onVisibleChange === null || onVisibleChange === void 0 ? void 0 : onVisibleChange(visible);
|
|
721
618
|
if (props.visible !== undefined) return;
|
|
722
|
-
|
|
723
619
|
if (visible) {
|
|
724
620
|
isFocused && setOptionShow(visible);
|
|
725
621
|
return;
|
|
726
622
|
}
|
|
727
|
-
|
|
728
623
|
setOptionShow(visible);
|
|
729
624
|
};
|
|
730
|
-
|
|
731
625
|
var popperProps = _extends(_extends({
|
|
732
626
|
popperStyle: catchStyle(),
|
|
733
627
|
placement: 'bottomLeft'
|
|
@@ -737,10 +631,8 @@ var InternalBaseData = function InternalBaseData(props, ref) {
|
|
|
737
631
|
prefixCls: "".concat(advancedSelectorfixCls, "-dropdown-wrapper"),
|
|
738
632
|
onVisibleChange: handleVisibleChange
|
|
739
633
|
});
|
|
740
|
-
|
|
741
634
|
return usePopper(renderAdvancedSelector(), renderContent(), popperProps);
|
|
742
635
|
};
|
|
743
|
-
|
|
744
636
|
var BaseData = /*#__PURE__*/React.forwardRef(InternalBaseData);
|
|
745
637
|
BaseData.displayName = 'BaseData';
|
|
746
638
|
export default BaseData;
|