@kdcloudjs/kdesign 1.6.33 → 1.6.35
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/kdesign-complete.less +8 -9
- package/dist/kdesign.css +9 -5
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +9332 -11853
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +4 -4
- package/dist/kdesign.min.js +18 -18
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +6 -119
- package/es/_utils/arrayUtil.js +0 -5
- package/es/_utils/devwarning.js +0 -1
- package/es/_utils/formatUtil.js +36 -99
- package/es/_utils/getStringLength.js +0 -2
- package/es/_utils/hooks.js +32 -72
- package/es/_utils/index.js +0 -2
- package/es/_utils/numberUtil.js +32 -55
- package/es/_utils/omit.js +0 -2
- package/es/_utils/raf.js +0 -6
- package/es/_utils/resizeObserver.js +2 -17
- package/es/_utils/testBrowserType.js +0 -2
- package/es/_utils/type.js +0 -2
- package/es/_utils/usePopper.js +84 -167
- package/es/alert/alert.js +20 -50
- package/es/anchor/anchor-link.js +12 -23
- package/es/anchor/anchor.js +69 -168
- package/es/avatar/avatar.js +29 -44
- package/es/badge/badge.js +33 -53
- package/es/base-data/base-data.js +89 -197
- package/es/button/button.js +30 -55
- package/es/button/group.js +27 -39
- package/es/card/card.js +19 -23
- package/es/carousel/carousel.js +31 -65
- package/es/carousel/displayList.js +2 -5
- package/es/carousel/fadeList.js +4 -7
- package/es/carousel/slideList.js +1 -7
- package/es/carousel/slidebar.js +5 -12
- package/es/cascader/cascader.js +56 -116
- package/es/cascader/util.js +10 -58
- package/es/checkbox/checkbox.js +22 -47
- package/es/checkbox/group.js +19 -35
- package/es/checkbox/style/index.css +2 -0
- package/es/checkbox/style/index.less +1 -0
- package/es/city-picker/city-group.js +5 -13
- package/es/city-picker/city-list.js +4 -9
- package/es/city-picker/city-panel-item.js +3 -8
- package/es/city-picker/city-panel.js +25 -50
- package/es/city-picker/city-picker.js +22 -46
- package/es/city-picker/city-search-panel.js +6 -13
- package/es/city-picker/no-data.js +3 -6
- package/es/city-picker/utils/grouping.js +0 -4
- package/es/collapse/collapse.js +17 -40
- package/es/collapse/panel.js +21 -44
- package/es/config-provider/SizeContext.js +1 -1
- package/es/config-provider/compDefaultProps.js +0 -1
- package/es/config-provider/configProvider.js +2 -7
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +12 -21
- package/es/date-picker/date-panel.js +20 -60
- package/es/date-picker/date-picker.js +145 -186
- package/es/date-picker/hooks/use-hover-value.js +5 -13
- package/es/date-picker/hooks/use-picker-input.js +17 -31
- package/es/date-picker/hooks/use-range-cls.js +8 -14
- package/es/date-picker/hooks/use-range-disabled.js +7 -21
- package/es/date-picker/hooks/use-range-view-dates.js +18 -39
- package/es/date-picker/hooks/use-state-memo.js +0 -2
- package/es/date-picker/hooks/use-text-value-mapping.js +6 -11
- package/es/date-picker/hooks/use-value-texts.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +7 -10
- package/es/date-picker/panel/header/header.js +9 -11
- package/es/date-picker/panel/month/month.js +11 -30
- package/es/date-picker/panel/quarter/quarter.js +8 -25
- package/es/date-picker/panel/time/time-column.js +8 -18
- package/es/date-picker/panel/time/time.js +62 -88
- package/es/date-picker/panel/week/week.js +25 -57
- package/es/date-picker/panel/year/year.js +19 -42
- package/es/date-picker/popper.js +28 -35
- package/es/date-picker/range/input-range.js +95 -129
- package/es/date-picker/range-picker.d.ts +1 -0
- package/es/date-picker/range-picker.js +196 -284
- package/es/date-picker/single/input-date.js +87 -111
- package/es/date-picker/utils/date-fns.js +32 -63
- package/es/date-picker/utils/get-extra-footer.js +0 -1
- package/es/date-picker/utils/get-ranges.js +13 -19
- package/es/date-picker/utils/index.js +9 -80
- package/es/drawer/drawer.js +50 -71
- package/es/dropdown/dropdown.js +26 -42
- package/es/dropdown/menu.d.ts +3 -2
- package/es/dropdown/menu.js +32 -43
- package/es/empty/defaultEmptyImg.js +2 -5
- package/es/empty/empty.js +15 -26
- package/es/empty/illustrationEmptyImg.js +2 -5
- package/es/filter/condition.js +5 -17
- package/es/filter/filter.js +29 -54
- package/es/filter/scheme.js +35 -71
- package/es/form/Field.js +36 -98
- package/es/form/FieldContext.js +0 -2
- package/es/form/FieldLabel.js +11 -17
- package/es/form/FieldWrapper.js +6 -9
- package/es/form/Form.js +28 -46
- package/es/form/FormContext.js +0 -4
- package/es/form/hooks/useForceUpdate.js +2 -5
- package/es/form/hooks/useForm.js +10 -84
- package/es/grid/col.js +23 -39
- package/es/grid/row.js +22 -36
- package/es/icon/icon.js +11 -29
- package/es/image/image.js +31 -49
- package/es/image/preview-group.js +25 -41
- package/es/image/preview.js +24 -39
- package/es/image-cropper/cropper.js +13 -23
- package/es/image-cropper/image-cropper.js +39 -69
- package/es/image-cropper/operation-bar.js +14 -27
- package/es/index.js +0 -2
- package/es/input/ClearableLabeledInput.js +27 -50
- package/es/input/TextArea.js +45 -86
- package/es/input/calculateNodeHeight.js +4 -16
- package/es/input/index.js +2 -2
- package/es/input/input.js +32 -67
- package/es/input-number/inputNumber.js +50 -109
- package/es/layout/layout.js +28 -49
- package/es/layout/sider.js +39 -73
- package/es/link/link.js +19 -33
- package/es/locale/locale.js +6 -44
- package/es/locale/zh-CN.js +0 -2
- package/es/menu/menu.js +29 -63
- package/es/menu/menuItem.js +27 -52
- package/es/menu/subMenu.js +44 -99
- package/es/menu/util.js +4 -13
- package/es/message/content.js +7 -23
- package/es/message/index.js +14 -26
- package/es/modal/confirm.js +3 -12
- package/es/modal/index.js +0 -4
- package/es/modal/modal.js +41 -63
- package/es/notification/content.js +13 -35
- package/es/notification/index.js +20 -35
- package/es/notification-base/index.js +4 -24
- package/es/notification-base/notice.js +12 -24
- package/es/notification-base/notification.js +3 -18
- package/es/pagination/pagination.js +76 -113
- package/es/popconfirm/popconfirm.js +22 -33
- package/es/progress/circle.js +9 -18
- package/es/progress/line.js +5 -9
- package/es/progress/progress.js +21 -44
- package/es/progress/utils.js +6 -22
- package/es/radio/group.js +19 -35
- package/es/radio/radio-button.js +6 -19
- package/es/radio/radio.js +19 -46
- package/es/rate/rate.js +30 -67
- package/es/rate/style/index.css +3 -3
- package/es/rate/style/index.less +3 -9
- package/es/search/option.js +10 -17
- package/es/search/quick-search.js +68 -155
- package/es/search/search-panel.js +28 -49
- package/es/search/search.js +23 -43
- package/es/select/interface.js +0 -1
- package/es/select/option.js +13 -25
- package/es/select/select.js +114 -221
- package/es/select/style/index.css +3 -0
- package/es/select/style/index.less +4 -0
- package/es/slider/marks.js +9 -15
- package/es/slider/slider.js +60 -104
- package/es/slider/sliderTooltip.js +9 -17
- package/es/slider/steps.js +8 -19
- package/es/slider/track.js +5 -8
- package/es/slider/utils.js +4 -14
- package/es/space/space.js +16 -34
- package/es/spin/spin.js +16 -32
- package/es/split-panel/split-panel.js +57 -83
- package/es/split-panel/trigger.js +8 -17
- package/es/stepper/stepper.js +27 -57
- package/es/steps/Step.js +18 -34
- package/es/steps/Steps.js +19 -38
- package/es/style/icon/kdicon.css +0 -1
- package/es/switch/switch.js +25 -43
- package/es/table/api.d.ts +4 -0
- package/es/table/api.js +128 -0
- package/es/table/feature/autoRowSpan.js +0 -2
- package/es/table/feature/colGroupExtendable.js +0 -2
- package/es/table/feature/columnDrag.js +0 -2
- package/es/table/feature/columnResize.js +0 -2
- package/es/table/feature/contextMenu.js +0 -2
- package/es/table/feature/filter.js +0 -2
- package/es/table/feature/mergeCellHover.js +0 -2
- package/es/table/feature/rowDetail.js +0 -2
- package/es/table/feature/rowSelection.js +11 -21
- package/es/table/feature/sort.js +0 -2
- package/es/table/feature/treeMode.js +0 -2
- package/es/table/feature/useFooterDataSource.js +0 -2
- package/es/table/feature/useRangeSelection.js +0 -2
- package/es/table/interface.d.ts +3 -0
- package/es/table/table.js +38 -54
- package/es/tabs/active-line.js +6 -8
- package/es/tabs/arrow-button.js +5 -10
- package/es/tabs/index.js +2 -2
- package/es/tabs/tab-pane.js +7 -23
- package/es/tabs/tabs.js +42 -104
- package/es/tag/tag.js +34 -56
- package/es/timeline/Timeline.js +16 -33
- package/es/timeline/TimelineItem.js +15 -26
- package/es/tooltip/tooltip.js +7 -11
- package/es/transfer/list-body.js +12 -31
- package/es/transfer/list-item.js +10 -18
- package/es/transfer/list.js +35 -68
- package/es/transfer/operation.js +12 -14
- package/es/transfer/search.js +5 -11
- package/es/transfer/transfer.js +51 -100
- package/es/tree/tree.js +95 -156
- package/es/tree/treeHooks.js +18 -34
- package/es/tree/treeNode.js +57 -96
- package/es/tree/utils/treeUtils.js +22 -150
- package/es/typography/base.js +16 -33
- package/es/typography/index.js +2 -2
- package/es/typography/paragraph.js +0 -2
- package/es/typography/text.js +0 -2
- package/es/typography/title.js +3 -14
- package/es/typography/typography.js +14 -24
- package/es/upload/dragger.js +3 -12
- package/es/upload/request.js +6 -26
- package/es/upload/scan-files.js +2 -13
- package/es/upload/upload.js +63 -131
- package/es/upload/utils.js +0 -2
- package/es/upload/verify-file.js +0 -6
- package/es/view-container/view-container.js +7 -9
- package/es/virtual-list/Filler.js +3 -7
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +18 -47
- package/es/virtual-list/virtual-list.js +64 -137
- package/lib/_utils/KeyCode.js +6 -120
- package/lib/_utils/arrayUtil.js +0 -9
- package/lib/_utils/devwarning.js +0 -5
- package/lib/_utils/formatUtil.js +36 -103
- package/lib/_utils/getStringLength.js +0 -3
- package/lib/_utils/hooks.js +32 -90
- package/lib/_utils/index.js +0 -6
- package/lib/_utils/numberUtil.js +32 -64
- package/lib/_utils/omit.js +0 -5
- package/lib/_utils/raf.js +0 -7
- package/lib/_utils/react-children.js +0 -5
- package/lib/_utils/reactNode.js +0 -9
- package/lib/_utils/resizeObserver.js +2 -25
- package/lib/_utils/testBrowserType.js +0 -3
- package/lib/_utils/type.js +0 -6
- package/lib/_utils/usePopper.js +84 -190
- package/lib/alert/alert.js +20 -74
- package/lib/alert/index.js +0 -3
- package/lib/alert/style/css.js +0 -1
- package/lib/alert/style/index.js +0 -1
- package/lib/anchor/anchor-link.js +12 -35
- package/lib/anchor/anchor.js +69 -204
- package/lib/anchor/context.js +0 -7
- package/lib/anchor/index.js +0 -4
- package/lib/anchor/style/css.js +0 -1
- package/lib/anchor/style/index.js +0 -1
- package/lib/avatar/avatar.js +29 -70
- package/lib/avatar/index.js +0 -9
- package/lib/avatar/style/css.js +0 -1
- package/lib/avatar/style/index.js +0 -1
- package/lib/badge/badge.js +33 -70
- package/lib/badge/index.js +0 -9
- package/lib/badge/style/css.js +0 -1
- package/lib/badge/style/index.js +0 -1
- package/lib/base-data/base-data.js +89 -218
- package/lib/base-data/index.js +0 -9
- package/lib/base-data/interface.js +0 -2
- package/lib/base-data/style/css.js +0 -1
- package/lib/base-data/style/index.js +0 -1
- package/lib/button/button.js +30 -72
- package/lib/button/group.js +27 -61
- package/lib/button/index.js +0 -4
- package/lib/button/style/css.js +0 -1
- package/lib/button/style/index.js +0 -1
- package/lib/card/card.js +19 -35
- package/lib/card/index.js +0 -9
- package/lib/card/style/css.js +0 -1
- package/lib/card/style/index.js +0 -1
- package/lib/carousel/carousel.js +31 -112
- package/lib/carousel/displayList.js +2 -14
- package/lib/carousel/fadeList.js +4 -16
- package/lib/carousel/index.js +0 -12
- package/lib/carousel/slideList.js +1 -14
- package/lib/carousel/slidebar.js +5 -22
- package/lib/carousel/style/css.js +0 -1
- package/lib/carousel/style/index.js +0 -1
- package/lib/cascader/cascader.js +56 -150
- package/lib/cascader/index.js +0 -9
- package/lib/cascader/style/css.js +0 -1
- package/lib/cascader/style/index.js +0 -1
- package/lib/cascader/util.js +10 -87
- package/lib/checkbox/checkbox.js +22 -69
- package/lib/checkbox/group.js +18 -59
- package/lib/checkbox/index.js +0 -9
- package/lib/checkbox/style/css.js +0 -1
- package/lib/checkbox/style/index.css +2 -0
- package/lib/checkbox/style/index.js +0 -1
- package/lib/checkbox/style/index.less +1 -0
- package/lib/city-picker/city-group.js +5 -24
- package/lib/city-picker/city-list.js +4 -21
- package/lib/city-picker/city-panel-item.js +3 -17
- package/lib/city-picker/city-panel.js +25 -64
- package/lib/city-picker/city-picker.js +22 -67
- package/lib/city-picker/city-search-panel.js +6 -25
- package/lib/city-picker/index.js +0 -9
- package/lib/city-picker/no-data.js +3 -15
- package/lib/city-picker/style/css.js +0 -1
- package/lib/city-picker/style/index.js +0 -1
- package/lib/city-picker/utils/grouping.js +0 -5
- package/lib/collapse/collapse.js +17 -62
- package/lib/collapse/index.js +0 -4
- package/lib/collapse/panel.js +21 -62
- package/lib/collapse/style/css.js +0 -1
- package/lib/collapse/style/index.js +0 -1
- package/lib/config-provider/ConfigContext.js +1 -4
- package/lib/config-provider/SizeContext.js +1 -6
- package/lib/config-provider/compDefaultProps.js +0 -8
- package/lib/config-provider/configProvider.js +3 -18
- package/lib/config-provider/defaultConfig.js +0 -5
- package/lib/config-provider/index.js +0 -6
- package/lib/date-picker/calendar.js +12 -35
- package/lib/date-picker/context.js +0 -7
- package/lib/date-picker/date-panel.js +20 -81
- package/lib/date-picker/date-picker.js +145 -214
- package/lib/date-picker/hooks/use-hover-value.js +5 -19
- package/lib/date-picker/hooks/use-picker-input.js +17 -37
- package/lib/date-picker/hooks/use-range-cls.js +8 -21
- package/lib/date-picker/hooks/use-range-disabled.js +7 -30
- package/lib/date-picker/hooks/use-range-view-dates.js +16 -49
- package/lib/date-picker/hooks/use-state-memo.js +0 -5
- package/lib/date-picker/hooks/use-text-value-mapping.js +6 -20
- package/lib/date-picker/hooks/use-value-texts.js +0 -5
- package/lib/date-picker/index.js +0 -4
- package/lib/date-picker/panel/date-time/date-time.js +7 -23
- package/lib/date-picker/panel/header/header.js +9 -21
- package/lib/date-picker/panel/month/month.js +11 -46
- package/lib/date-picker/panel/quarter/quarter.js +8 -40
- package/lib/date-picker/panel/time/time-column.js +8 -31
- package/lib/date-picker/panel/time/time.js +60 -106
- package/lib/date-picker/panel/week/week.js +25 -73
- package/lib/date-picker/panel/year/year.js +19 -56
- package/lib/date-picker/popper.js +28 -47
- package/lib/date-picker/range/input-range.js +95 -145
- package/lib/date-picker/range-picker.d.ts +1 -0
- package/lib/date-picker/range-picker.js +194 -324
- package/lib/date-picker/single/input-date.js +87 -127
- package/lib/date-picker/utils/date-fns.js +25 -136
- package/lib/date-picker/utils/get-extra-footer.js +0 -8
- package/lib/date-picker/utils/get-ranges.js +13 -24
- package/lib/date-picker/utils/index.js +9 -104
- package/lib/drawer/drawer.js +49 -95
- package/lib/drawer/index.js +0 -9
- package/lib/drawer/style/css.js +0 -1
- package/lib/drawer/style/index.js +0 -1
- package/lib/dropdown/dropdown.js +26 -56
- package/lib/dropdown/index.js +0 -9
- package/lib/dropdown/menu.d.ts +3 -2
- package/lib/dropdown/menu.js +29 -56
- package/lib/dropdown/style/css.js +0 -1
- package/lib/dropdown/style/index.js +0 -1
- package/lib/empty/defaultEmptyImg.js +2 -14
- package/lib/empty/empty.js +15 -42
- package/lib/empty/illustrationEmptyImg.js +2 -14
- package/lib/empty/index.js +0 -9
- package/lib/empty/style/css.js +0 -1
- package/lib/empty/style/index.js +0 -1
- package/lib/filter/condition.js +5 -28
- package/lib/filter/filter.js +29 -73
- package/lib/filter/index.js +0 -9
- package/lib/filter/scheme.js +35 -82
- package/lib/filter/style/css.js +0 -1
- package/lib/filter/style/index.js +0 -1
- package/lib/form/Field.js +36 -127
- package/lib/form/FieldContext.js +0 -6
- package/lib/form/FieldLabel.js +11 -29
- package/lib/form/FieldWrapper.js +6 -19
- package/lib/form/Form.js +28 -65
- package/lib/form/FormContext.js +0 -11
- package/lib/form/hooks/useForceUpdate.js +2 -9
- package/lib/form/hooks/useForm.js +10 -98
- package/lib/form/index.js +0 -12
- package/lib/form/style/css.js +0 -1
- package/lib/form/style/index.js +0 -1
- package/lib/grid/col.js +23 -51
- package/lib/grid/index.js +0 -3
- package/lib/grid/row.js +22 -49
- package/lib/grid/style/css.js +0 -1
- package/lib/grid/style/index.js +0 -1
- package/lib/icon/icon.js +11 -44
- package/lib/icon/index.js +0 -9
- package/lib/icon/interface.js +0 -6
- package/lib/icon/style/css.js +0 -1
- package/lib/icon/style/index.js +0 -1
- package/lib/image/image.js +31 -64
- package/lib/image/index.js +0 -9
- package/lib/image/preview-group.js +25 -54
- package/lib/image/preview.js +24 -57
- package/lib/image/style/css.js +0 -1
- package/lib/image/style/index.js +0 -1
- package/lib/image-cropper/cropper.js +11 -33
- package/lib/image-cropper/image-cropper.js +39 -89
- package/lib/image-cropper/index.js +0 -3
- package/lib/image-cropper/operation-bar.js +14 -44
- package/lib/image-cropper/style/css.js +0 -1
- package/lib/image-cropper/style/index.js +0 -1
- package/lib/index.js +2 -64
- package/lib/input/ClearableLabeledInput.js +27 -65
- package/lib/input/TextArea.js +45 -108
- package/lib/input/calculateNodeHeight.js +4 -23
- package/lib/input/index.js +0 -9
- package/lib/input/input.js +32 -87
- package/lib/input-number/index.js +0 -3
- package/lib/input-number/inputNumber.js +50 -129
- package/lib/input-number/style/css.js +0 -1
- package/lib/input-number/style/index.js +0 -1
- package/lib/layout/index.js +0 -9
- package/lib/layout/layout.js +28 -64
- package/lib/layout/sider.js +39 -89
- package/lib/layout/style/css.js +0 -1
- package/lib/layout/style/index.js +0 -1
- package/lib/link/index.js +0 -9
- package/lib/link/link.js +19 -50
- package/lib/link/style/css.js +0 -1
- package/lib/link/style/index.js +0 -1
- package/lib/locale/index.js +0 -7
- package/lib/locale/locale.js +6 -58
- package/lib/locale/zh-CN.js +0 -4
- package/lib/menu/index.js +0 -9
- package/lib/menu/menu.js +29 -83
- package/lib/menu/menuItem.js +27 -69
- package/lib/menu/style/css.js +0 -1
- package/lib/menu/style/index.js +0 -1
- package/lib/menu/subMenu.js +44 -122
- package/lib/menu/util.js +4 -28
- package/lib/message/content.js +7 -32
- package/lib/message/index.js +14 -33
- package/lib/message/style/css.js +0 -1
- package/lib/message/style/index.js +0 -1
- package/lib/modal/confirm.js +3 -21
- package/lib/modal/index.js +0 -14
- package/lib/modal/modal.js +41 -86
- package/lib/modal/style/css.js +0 -1
- package/lib/modal/style/index.js +0 -1
- package/lib/notification/content.js +15 -48
- package/lib/notification/index.js +20 -42
- package/lib/notification/style/css.js +0 -1
- package/lib/notification/style/index.js +0 -1
- package/lib/notification-base/index.js +4 -31
- package/lib/notification-base/notice.js +12 -38
- package/lib/notification-base/notification.js +3 -31
- package/lib/pagination/index.js +0 -3
- package/lib/pagination/pagination.js +76 -137
- package/lib/pagination/style/css.js +0 -1
- package/lib/pagination/style/index.js +0 -1
- package/lib/popconfirm/index.js +0 -9
- package/lib/popconfirm/popconfirm.js +22 -46
- package/lib/popconfirm/style/css.js +0 -1
- package/lib/popconfirm/style/index.js +0 -1
- package/lib/progress/circle.js +9 -25
- package/lib/progress/index.js +0 -3
- package/lib/progress/line.js +5 -11
- package/lib/progress/progress.js +21 -64
- package/lib/progress/style/css.js +0 -1
- package/lib/progress/style/index.js +0 -1
- package/lib/progress/utils.js +6 -30
- package/lib/radio/context.js +0 -7
- package/lib/radio/group.js +19 -53
- package/lib/radio/index.js +0 -5
- package/lib/radio/radio-button.js +6 -32
- package/lib/radio/radio.js +19 -66
- package/lib/radio/style/css.js +0 -1
- package/lib/radio/style/index.js +0 -1
- package/lib/rate/index.js +0 -3
- package/lib/rate/rate.js +30 -82
- package/lib/rate/style/css.js +0 -1
- package/lib/rate/style/index.css +3 -3
- package/lib/rate/style/index.js +0 -1
- package/lib/rate/style/index.less +3 -9
- package/lib/search/index.js +0 -7
- package/lib/search/interface.js +0 -2
- package/lib/search/option.js +10 -29
- package/lib/search/quick-search.js +68 -171
- package/lib/search/search-panel.js +28 -66
- package/lib/search/search.js +23 -63
- package/lib/search/style/css.js +0 -1
- package/lib/search/style/index.js +0 -1
- package/lib/select/index.js +0 -4
- package/lib/select/interface.js +0 -3
- package/lib/select/option.js +13 -40
- package/lib/select/select.js +114 -234
- package/lib/select/style/index.css +3 -0
- package/lib/select/style/index.less +4 -0
- package/lib/slider/index.js +0 -9
- package/lib/slider/marks.js +9 -22
- package/lib/slider/slider.js +58 -123
- package/lib/slider/sliderTooltip.js +9 -30
- package/lib/slider/steps.js +8 -24
- package/lib/slider/style/css.js +0 -1
- package/lib/slider/style/index.js +0 -1
- package/lib/slider/track.js +5 -11
- package/lib/slider/utils.js +4 -21
- package/lib/space/index.js +0 -9
- package/lib/space/space.js +16 -50
- package/lib/space/style/css.js +0 -1
- package/lib/space/style/index.js +0 -1
- package/lib/spin/index.js +0 -9
- package/lib/spin/spin.js +16 -50
- package/lib/spin/style/css.js +0 -1
- package/lib/spin/style/index.js +0 -1
- package/lib/split-panel/index.js +0 -9
- package/lib/split-panel/split-panel.js +57 -101
- package/lib/split-panel/style/css.js +0 -1
- package/lib/split-panel/style/index.js +0 -1
- package/lib/split-panel/trigger.js +8 -23
- package/lib/stepper/index.js +0 -9
- package/lib/stepper/stepper.js +27 -81
- package/lib/stepper/style/css.js +0 -1
- package/lib/stepper/style/index.js +0 -1
- package/lib/steps/Step.js +18 -40
- package/lib/steps/Steps.js +19 -55
- package/lib/steps/index.js +0 -5
- package/lib/steps/interface.js +0 -2
- package/lib/steps/style/css.js +0 -1
- package/lib/steps/style/index.js +0 -1
- package/lib/style/icon/kdicon.css +0 -1
- package/lib/switch/index.js +0 -3
- package/lib/switch/style/css.js +0 -1
- package/lib/switch/style/index.js +0 -1
- package/lib/switch/switch.js +23 -59
- package/lib/table/api.d.ts +4 -0
- package/lib/table/api.js +135 -0
- package/lib/table/feature/autoRowSpan.js +0 -3
- package/lib/table/feature/colGroupExtendable.js +0 -3
- package/lib/table/feature/columnDrag.js +0 -3
- package/lib/table/feature/columnResize.js +0 -3
- package/lib/table/feature/contextMenu.js +0 -3
- package/lib/table/feature/filter.js +0 -6
- package/lib/table/feature/mergeCellHover.js +0 -3
- package/lib/table/feature/rowDetail.js +0 -5
- package/lib/table/feature/rowSelection.js +11 -24
- package/lib/table/feature/sort.js +0 -6
- package/lib/table/feature/treeMode.js +0 -5
- package/lib/table/feature/useFooterDataSource.js +0 -3
- package/lib/table/feature/useRangeSelection.js +0 -5
- package/lib/table/index.js +0 -3
- package/lib/table/interface.d.ts +3 -0
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/table.js +38 -85
- package/lib/tabs/active-line.js +6 -17
- package/lib/tabs/arrow-button.js +5 -23
- package/lib/tabs/context.js +0 -7
- package/lib/tabs/index.js +2 -6
- package/lib/tabs/style/css.js +0 -1
- package/lib/tabs/style/index.js +0 -1
- package/lib/tabs/tab-pane.js +7 -38
- package/lib/tabs/tabs.js +42 -135
- package/lib/tag/index.js +0 -9
- package/lib/tag/style/css.js +0 -1
- package/lib/tag/style/index.js +0 -1
- package/lib/tag/tag.js +34 -74
- package/lib/timeline/Timeline.js +16 -45
- package/lib/timeline/TimelineItem.js +15 -39
- package/lib/timeline/index.js +0 -3
- package/lib/timeline/style/css.js +0 -1
- package/lib/timeline/style/index.js +0 -1
- package/lib/tooltip/index.js +0 -9
- package/lib/tooltip/style/css.js +0 -1
- package/lib/tooltip/style/index.js +0 -1
- package/lib/tooltip/tooltip.js +7 -24
- package/lib/transfer/index.js +0 -3
- package/lib/transfer/list-body.js +12 -48
- package/lib/transfer/list-item.js +10 -27
- package/lib/transfer/list.js +35 -89
- package/lib/transfer/operation.js +12 -18
- package/lib/transfer/search.js +5 -16
- package/lib/transfer/style/css.js +0 -1
- package/lib/transfer/style/index.js +0 -1
- package/lib/transfer/transfer.js +51 -122
- package/lib/tree/index.js +0 -11
- package/lib/tree/style/css.js +0 -1
- package/lib/tree/style/index.js +0 -1
- package/lib/tree/tree.js +95 -196
- package/lib/tree/treeHooks.js +18 -64
- package/lib/tree/treeNode.js +57 -126
- package/lib/tree/utils/treeUtils.js +22 -193
- package/lib/typography/base.js +16 -53
- package/lib/typography/index.js +2 -8
- package/lib/typography/paragraph.js +0 -11
- package/lib/typography/style/css.js +0 -1
- package/lib/typography/style/index.js +0 -1
- package/lib/typography/text.js +0 -6
- package/lib/typography/title.js +3 -21
- package/lib/typography/typography.js +12 -35
- package/lib/upload/dragger.js +3 -21
- package/lib/upload/index.js +0 -11
- package/lib/upload/request.js +6 -27
- package/lib/upload/scan-files.js +2 -15
- package/lib/upload/style/css.js +0 -1
- package/lib/upload/style/index.js +0 -1
- package/lib/upload/upload.js +63 -151
- package/lib/upload/utils.js +0 -6
- package/lib/upload/verify-file.js +0 -9
- package/lib/view-container/context.js +0 -7
- package/lib/view-container/index.js +0 -3
- package/lib/view-container/view-container.js +7 -21
- package/lib/virtual-list/Filler.js +3 -15
- package/lib/virtual-list/index.js +0 -9
- package/lib/virtual-list/utils/algorithmUtil.js +0 -15
- package/lib/virtual-list/utils/itemUtil.js +18 -60
- package/lib/virtual-list/virtual-list.js +63 -158
- package/package.json +3 -2
package/lib/form/Form.js
CHANGED
|
@@ -1,121 +1,88 @@
|
|
|
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 _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
23
|
-
|
|
24
15
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _classnames2 = _interopRequireDefault(require("classnames"));
|
|
29
|
-
|
|
30
18
|
var _configProvider = require("../config-provider");
|
|
31
|
-
|
|
32
19
|
var _utils = require("../_utils");
|
|
33
|
-
|
|
34
20
|
var _useForm3 = _interopRequireWildcard(require("./hooks/useForm"));
|
|
35
|
-
|
|
36
21
|
var _FormContext = _interopRequireDefault(require("./FormContext"));
|
|
37
|
-
|
|
38
22
|
var _FieldContext = _interopRequireDefault(require("./FieldContext"));
|
|
39
|
-
|
|
40
23
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
43
|
-
|
|
44
25
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
45
26
|
var t = {};
|
|
46
|
-
|
|
47
|
-
for (var p in s) {
|
|
48
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
49
|
-
}
|
|
50
|
-
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
51
28
|
if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
|
|
52
29
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
53
30
|
}
|
|
54
31
|
return t;
|
|
55
32
|
};
|
|
56
|
-
|
|
57
33
|
var Form = function Form(props, ref) {
|
|
58
34
|
var _context, _classnames;
|
|
59
|
-
|
|
60
35
|
var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
36
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
37
|
+
prefixCls = _useContext.prefixCls,
|
|
38
|
+
userDefaultProps = _useContext.compDefaultProps,
|
|
39
|
+
globalLocale = _useContext.locale;
|
|
66
40
|
var formProps = (0, _utils.getCompProps)('Form', userDefaultProps, props);
|
|
67
41
|
var formLang = globalLocale.getCompLangMsg({
|
|
68
42
|
componentName: 'Form'
|
|
69
43
|
});
|
|
70
|
-
|
|
71
44
|
var children = formProps.children,
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
45
|
+
defaultValues = formProps.defaultValues,
|
|
46
|
+
className = formProps.className,
|
|
47
|
+
form = formProps.form,
|
|
48
|
+
labelAlign = formProps.labelAlign,
|
|
49
|
+
labelWidth = formProps.labelWidth,
|
|
50
|
+
layout = formProps.layout,
|
|
51
|
+
name = formProps.name,
|
|
52
|
+
customizePrefixCls = formProps.prefixCls,
|
|
53
|
+
wrapperWidth = formProps.wrapperWidth,
|
|
54
|
+
onFinish = formProps.onFinish,
|
|
55
|
+
onFinishFailed = formProps.onFinishFailed,
|
|
56
|
+
onValuesChange = formProps.onValuesChange,
|
|
57
|
+
disabled = formProps.disabled,
|
|
58
|
+
restProps = __rest(formProps, ["children", "defaultValues", "className", "form", "labelAlign", "labelWidth", "layout", "name", "prefixCls", "wrapperWidth", "onFinish", "onFinishFailed", "onValuesChange", "disabled"]);
|
|
87
59
|
var formPrefixCls = getPrefixCls(prefixCls, 'form', customizePrefixCls);
|
|
88
60
|
var formClassName = (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls), true), (0, _defineProperty2.default)(_classnames, (0, _concat.default)(_context = "".concat(formPrefixCls, "-")).call(_context, layout), true), _classnames), className);
|
|
89
61
|
var formContext = (0, _react.useContext)(_FormContext.default);
|
|
90
|
-
|
|
91
62
|
var _useForm = (0, _useForm3.default)(form),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
63
|
+
_useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
|
|
64
|
+
formInstance = _useForm2[0];
|
|
65
|
+
// 注册
|
|
96
66
|
(0, _react.useEffect)(function () {
|
|
97
67
|
formContext.registerForm(name, formInstance);
|
|
98
68
|
return function () {
|
|
99
69
|
formContext.unregisterForm(name);
|
|
100
70
|
};
|
|
101
|
-
}, [name, formInstance, formContext]);
|
|
102
|
-
|
|
71
|
+
}, [name, formInstance, formContext]);
|
|
72
|
+
// 暴露 formInstance
|
|
103
73
|
_react.default.useImperativeHandle(ref, function () {
|
|
104
74
|
return formInstance;
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
|
|
75
|
+
});
|
|
76
|
+
// 设置默认值及回调函数
|
|
108
77
|
var _formInstance$getInte = formInstance.getInternalHooks(_useForm3.INTERNAL_HOOK_KEY),
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
78
|
+
setDefaultValues = _formInstance$getInte.setDefaultValues,
|
|
79
|
+
setCallbacks = _formInstance$getInte.setCallbacks;
|
|
112
80
|
setDefaultValues(defaultValues);
|
|
113
81
|
setCallbacks({
|
|
114
82
|
onFinish: onFinish,
|
|
115
83
|
onFinishFailed: onFinishFailed,
|
|
116
84
|
onValuesChange: onValuesChange
|
|
117
85
|
});
|
|
118
|
-
|
|
119
86
|
var formContextValue = _react.default.useMemo(function () {
|
|
120
87
|
return (0, _extends2.default)((0, _extends2.default)({}, formInstance), {
|
|
121
88
|
labelAlign: labelAlign,
|
|
@@ -126,19 +93,16 @@ var Form = function Form(props, ref) {
|
|
|
126
93
|
vertical: layout === 'vertical'
|
|
127
94
|
});
|
|
128
95
|
}, [formInstance, labelAlign, labelWidth, wrapperWidth, layout, formLang]);
|
|
129
|
-
|
|
130
96
|
var handleSubmit = function handleSubmit(evt) {
|
|
131
97
|
evt.preventDefault();
|
|
132
98
|
evt.stopPropagation();
|
|
133
99
|
formInstance.submit();
|
|
134
100
|
};
|
|
135
|
-
|
|
136
101
|
var handleReset = function handleReset(evt) {
|
|
137
102
|
evt.preventDefault();
|
|
138
103
|
evt.stopPropagation();
|
|
139
104
|
formInstance.resetFields();
|
|
140
105
|
};
|
|
141
|
-
|
|
142
106
|
return /*#__PURE__*/_react.default.createElement("form", (0, _extends2.default)({
|
|
143
107
|
className: formClassName
|
|
144
108
|
}, restProps, {
|
|
@@ -148,6 +112,5 @@ var Form = function Form(props, ref) {
|
|
|
148
112
|
value: formContextValue
|
|
149
113
|
}, children));
|
|
150
114
|
};
|
|
151
|
-
|
|
152
115
|
var _default = Form;
|
|
153
116
|
exports.default = _default;
|
package/lib/form/FormContext.js
CHANGED
|
@@ -1,39 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.FormProvider = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var FormContext = /*#__PURE__*/_react.default.createContext({
|
|
17
12
|
// eslint-disable-next-line
|
|
18
13
|
registerForm: function registerForm() {},
|
|
19
14
|
// eslint-disable-next-line
|
|
20
15
|
unregisterForm: function unregisterForm() {}
|
|
21
16
|
});
|
|
22
|
-
|
|
23
17
|
var FormProvider = function FormProvider(_ref) {
|
|
24
18
|
var children = _ref.children;
|
|
25
|
-
|
|
26
19
|
var formContext = _react.default.useContext(FormContext);
|
|
27
|
-
|
|
28
20
|
var formsRef = _react.default.useRef({});
|
|
29
|
-
|
|
30
21
|
return /*#__PURE__*/_react.default.createElement(FormContext.Provider, {
|
|
31
22
|
value: (0, _extends3.default)((0, _extends3.default)({}, formContext), {
|
|
32
23
|
registerForm: function registerForm(name, form) {
|
|
33
24
|
if (name) {
|
|
34
25
|
formsRef.current = (0, _extends3.default)((0, _extends3.default)({}, formsRef.current), (0, _defineProperty2.default)({}, name, form));
|
|
35
26
|
}
|
|
36
|
-
|
|
37
27
|
formContext.registerForm(name, form);
|
|
38
28
|
},
|
|
39
29
|
unregisterForm: function unregisterForm(name) {
|
|
@@ -45,7 +35,6 @@ var FormProvider = function FormProvider(_ref) {
|
|
|
45
35
|
})
|
|
46
36
|
}, children);
|
|
47
37
|
};
|
|
48
|
-
|
|
49
38
|
exports.FormProvider = FormProvider;
|
|
50
39
|
var _default = FormContext;
|
|
51
40
|
exports.default = _default;
|
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
function useForceUpdate() {
|
|
15
11
|
var _React$useState = _react.default.useState(),
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
13
|
+
updateState = _React$useState2[1];
|
|
19
14
|
var forceUpdate = _react.default.useCallback(function () {
|
|
20
15
|
updateState({});
|
|
21
16
|
}, []);
|
|
22
|
-
|
|
23
17
|
return forceUpdate;
|
|
24
18
|
}
|
|
25
|
-
|
|
26
19
|
var _default = useForceUpdate;
|
|
27
20
|
exports.default = _default;
|
|
@@ -1,47 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = exports.INTERNAL_HOOK_KEY = void 0;
|
|
9
|
-
|
|
10
8
|
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
11
|
-
|
|
12
9
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
13
|
-
|
|
14
10
|
var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
|
|
15
|
-
|
|
16
11
|
var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
|
|
17
|
-
|
|
18
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
19
|
-
|
|
20
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
21
|
-
|
|
22
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/createClass"));
|
|
23
|
-
|
|
24
15
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/classCallCheck"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _asyncValidator = _interopRequireDefault(require("async-validator"));
|
|
29
|
-
|
|
30
18
|
var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
|
|
31
|
-
|
|
32
19
|
var _get = _interopRequireDefault(require("lodash/get"));
|
|
33
|
-
|
|
34
20
|
var _merge = _interopRequireDefault(require("lodash/merge"));
|
|
35
|
-
|
|
36
21
|
var _set = _interopRequireDefault(require("lodash/set"));
|
|
37
|
-
|
|
38
22
|
var _devwarning = _interopRequireDefault(require("../../_utils/devwarning"));
|
|
39
|
-
|
|
40
23
|
var INTERNAL_HOOK_KEY = '__KD_INTERNAL_FORM_HOOK__';
|
|
41
24
|
exports.INTERNAL_HOOK_KEY = INTERNAL_HOOK_KEY;
|
|
42
25
|
var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
43
26
|
var _this = this;
|
|
44
|
-
|
|
45
27
|
(0, _classCallCheck2.default)(this, FormStore);
|
|
46
28
|
this.isMounted = false;
|
|
47
29
|
this.defaultValues = {};
|
|
@@ -49,7 +31,6 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
49
31
|
this.fields = {};
|
|
50
32
|
this.errorMessages = {};
|
|
51
33
|
this.callbacks = {};
|
|
52
|
-
|
|
53
34
|
this.getForm = function () {
|
|
54
35
|
return {
|
|
55
36
|
getFieldValue: _this.getFieldValue,
|
|
@@ -65,13 +46,11 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
65
46
|
getInternalHooks: _this.getInternalHooks
|
|
66
47
|
};
|
|
67
48
|
};
|
|
68
|
-
|
|
69
49
|
this.getInternalHooks = function (key) {
|
|
70
50
|
if (key !== INTERNAL_HOOK_KEY) {
|
|
71
51
|
(0, _devwarning.default)(false, 'Form', '`getInternalHooks` is internal usage.');
|
|
72
52
|
return null;
|
|
73
53
|
}
|
|
74
|
-
|
|
75
54
|
_this.isMounted = true;
|
|
76
55
|
return {
|
|
77
56
|
dispatch: _this.dispatch,
|
|
@@ -81,7 +60,6 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
81
60
|
deleteField: _this.deleteField
|
|
82
61
|
};
|
|
83
62
|
};
|
|
84
|
-
|
|
85
63
|
this.warningUnhooked = function () {
|
|
86
64
|
!_this.isMounted && (0, _devwarning.default)(false, 'Form', 'Instance created by `useForm` is not connected to any Form element. Forget to pass `form` prop?');
|
|
87
65
|
};
|
|
@@ -89,187 +67,136 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
89
67
|
* Dispath. 用于 Field 触发数据变更
|
|
90
68
|
* @param action
|
|
91
69
|
*/
|
|
92
|
-
|
|
93
|
-
|
|
94
70
|
this.dispatch = function (action) {
|
|
95
71
|
_this.warningUnhooked();
|
|
96
|
-
|
|
97
72
|
var namePath = action.namePath;
|
|
98
|
-
|
|
99
73
|
switch (action.type) {
|
|
100
74
|
case 'updateValue':
|
|
101
75
|
_this.updateValue(namePath, action.value);
|
|
102
|
-
|
|
103
76
|
break;
|
|
104
|
-
|
|
105
77
|
case 'validateField':
|
|
106
78
|
_this.validateFields([namePath]);
|
|
107
|
-
|
|
108
79
|
break;
|
|
109
|
-
|
|
110
80
|
default:
|
|
111
81
|
break;
|
|
112
82
|
}
|
|
113
83
|
};
|
|
114
|
-
|
|
115
84
|
this.setDefaultValues = function (values) {
|
|
116
85
|
_this.warningUnhooked();
|
|
117
|
-
|
|
118
86
|
if (!values) return;
|
|
119
87
|
var copyDefaultValues = (0, _cloneDeep.default)(_this.defaultValues);
|
|
120
88
|
var copyValues = (0, _cloneDeep.default)(values);
|
|
121
89
|
_this.defaultValues = (0, _extends2.default)((0, _extends2.default)({}, copyDefaultValues), copyValues);
|
|
122
90
|
_this.store = (0, _merge.default)(_this.store, values);
|
|
123
91
|
};
|
|
124
|
-
|
|
125
92
|
this.getDefaultValue = function (name) {
|
|
126
93
|
_this.warningUnhooked();
|
|
127
|
-
|
|
128
94
|
return (0, _get.default)(_this.defaultValues, name);
|
|
129
95
|
};
|
|
130
|
-
|
|
131
96
|
this.getFieldValue = function (name) {
|
|
132
97
|
_this.warningUnhooked();
|
|
133
|
-
|
|
134
98
|
return (0, _get.default)(_this.store, name);
|
|
135
99
|
};
|
|
136
|
-
|
|
137
100
|
this.setFieldValue = function (name, value) {
|
|
138
101
|
_this.warningUnhooked();
|
|
139
|
-
|
|
140
102
|
_this.setFieldsValue((0, _defineProperty2.default)({}, name, value));
|
|
141
103
|
};
|
|
142
|
-
|
|
143
104
|
this.getFieldsValue = function (namePathList) {
|
|
144
105
|
_this.warningUnhooked();
|
|
145
|
-
|
|
146
106
|
if (!namePathList) {
|
|
147
107
|
return (0, _cloneDeep.default)(_this.store);
|
|
148
108
|
}
|
|
149
|
-
|
|
150
109
|
var fieldsValue = {};
|
|
151
110
|
namePathList.forEach(function (name) {
|
|
152
111
|
fieldsValue[name] = (0, _get.default)(_this.store, name);
|
|
153
112
|
});
|
|
154
113
|
return fieldsValue;
|
|
155
114
|
};
|
|
156
|
-
|
|
157
115
|
this.setFieldsValue = function (store) {
|
|
158
116
|
_this.warningUnhooked();
|
|
159
|
-
|
|
160
117
|
if (!store) return;
|
|
161
118
|
var prevStore = (0, _cloneDeep.default)(_this.store);
|
|
162
119
|
_this.store = (0, _merge.default)(_this.store, store);
|
|
163
|
-
|
|
164
120
|
_this.notifyObservers(prevStore, null, 'externalUpdateValue');
|
|
165
121
|
};
|
|
166
|
-
|
|
167
122
|
this.getFieldError = function (name) {
|
|
168
123
|
_this.warningUnhooked();
|
|
169
|
-
|
|
170
124
|
return (0, _get.default)(_this.errorMessages, name);
|
|
171
125
|
};
|
|
172
|
-
|
|
173
126
|
this.getFieldsError = function (namePathList) {
|
|
174
127
|
_this.warningUnhooked();
|
|
175
|
-
|
|
176
128
|
if (!namePathList) {
|
|
177
129
|
return (0, _cloneDeep.default)(_this.errorMessages);
|
|
178
130
|
}
|
|
179
|
-
|
|
180
131
|
var result = {};
|
|
181
132
|
namePathList.forEach(function (name) {
|
|
182
133
|
result[name] = _this.errorMessages[name];
|
|
183
134
|
});
|
|
184
135
|
return result;
|
|
185
136
|
};
|
|
186
|
-
|
|
187
137
|
this.getRules = function (namePathList) {
|
|
188
138
|
_this.warningUnhooked();
|
|
189
|
-
|
|
190
139
|
var list = (0, _cloneDeep.default)(namePathList);
|
|
191
|
-
|
|
192
140
|
if (!list) {
|
|
193
141
|
list = (0, _keys.default)(_this.fields);
|
|
194
142
|
}
|
|
195
|
-
|
|
196
143
|
var rules = {};
|
|
197
144
|
list.forEach(function (name) {
|
|
198
145
|
var _a, _b;
|
|
199
|
-
|
|
200
146
|
var current = _this.fields[name].current;
|
|
201
|
-
|
|
202
147
|
if ((_a = current === null || current === void 0 ? void 0 : current.meta) === null || _a === void 0 ? void 0 : _a.rules) {
|
|
203
148
|
rules[name] = (0, _cloneDeep.default)((_b = current === null || current === void 0 ? void 0 : current.meta) === null || _b === void 0 ? void 0 : _b.rules);
|
|
204
149
|
}
|
|
205
150
|
});
|
|
206
151
|
return (0, _keys.default)(rules).length === 0 ? null : rules;
|
|
207
152
|
};
|
|
208
|
-
|
|
209
153
|
this.setCallbacks = function (callbacks) {
|
|
210
154
|
_this.warningUnhooked();
|
|
211
|
-
|
|
212
155
|
_this.callbacks = (0, _cloneDeep.default)(callbacks);
|
|
213
156
|
};
|
|
214
|
-
|
|
215
157
|
this.resetFields = function () {
|
|
216
158
|
_this.warningUnhooked();
|
|
217
|
-
|
|
218
|
-
|
|
159
|
+
var prevStore = (0, _cloneDeep.default)(_this.store);
|
|
160
|
+
// 重置时,无默认值的 field value 不能设置为 undefined
|
|
219
161
|
// 部分控件 undefined 的话不会生效
|
|
220
|
-
|
|
221
162
|
var newStore = {};
|
|
222
|
-
|
|
223
163
|
for (var key in _this.store) {
|
|
224
164
|
newStore[key] = _this.defaultValues[key] ? _this.defaultValues[key] : '';
|
|
225
165
|
}
|
|
226
|
-
|
|
227
166
|
_this.store = newStore;
|
|
228
167
|
_this.errorMessages = {};
|
|
229
|
-
|
|
230
168
|
_this.notifyObservers(prevStore, null, 'reset');
|
|
231
169
|
};
|
|
232
|
-
|
|
233
170
|
this.updateValue = function (name, value) {
|
|
234
171
|
_this.warningUnhooked();
|
|
235
|
-
|
|
236
172
|
var prevStore = (0, _cloneDeep.default)(_this.store);
|
|
237
173
|
(0, _set.default)(_this.store, name, value);
|
|
238
|
-
var trigger = (0, _get.default)(_this.fields, [name, 'meta', 'trigger']);
|
|
239
|
-
|
|
174
|
+
var trigger = (0, _get.default)(_this.fields, [name, 'meta', 'trigger']);
|
|
175
|
+
// 默认是 onChange 触发校验
|
|
240
176
|
if (trigger === undefined || trigger === 'onChange' || (0, _includes.default)(trigger).call(trigger, 'onChange')) {
|
|
241
177
|
_this.validateFields([name]);
|
|
242
178
|
} else {
|
|
243
179
|
_this.notifyObservers(prevStore, [name], 'updateValue');
|
|
244
180
|
}
|
|
245
|
-
|
|
246
181
|
var onValuesChange = _this.callbacks.onValuesChange;
|
|
247
|
-
|
|
248
182
|
if (onValuesChange) {
|
|
249
183
|
onValuesChange((0, _defineProperty2.default)({}, name, value), (0, _cloneDeep.default)(_this.store));
|
|
250
184
|
}
|
|
251
185
|
};
|
|
252
|
-
|
|
253
186
|
this.registerField = function (name, field) {
|
|
254
187
|
_this.warningUnhooked();
|
|
255
|
-
|
|
256
188
|
_this.fields[name] = field;
|
|
257
189
|
};
|
|
258
|
-
|
|
259
190
|
this.deleteField = function (name) {
|
|
260
191
|
_this.warningUnhooked();
|
|
261
|
-
|
|
262
192
|
Object.hasOwnProperty.call(_this.fields, name) && delete _this.fields[name];
|
|
263
193
|
Object.hasOwnProperty.call(_this.errorMessages, name) && delete _this.errorMessages[name];
|
|
264
194
|
Object.hasOwnProperty.call(_this.store, name) && delete _this.store[name];
|
|
265
195
|
};
|
|
266
|
-
|
|
267
196
|
this.validateFields = function (namePathList) {
|
|
268
197
|
_this.warningUnhooked();
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
198
|
+
var rules = _this.getRules(namePathList);
|
|
199
|
+
// 没有设置校验规则的情况下,不做校验
|
|
273
200
|
if (!rules) return _promise.default.resolve({
|
|
274
201
|
values: (0, _cloneDeep.default)(_this.store)
|
|
275
202
|
});
|
|
@@ -281,10 +208,10 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
281
208
|
});
|
|
282
209
|
}).catch(function (_ref) {
|
|
283
210
|
var errors = _ref.errors,
|
|
284
|
-
|
|
211
|
+
fields = _ref.fields;
|
|
285
212
|
// eslint-disable-next-line
|
|
286
|
-
console.log(errors);
|
|
287
|
-
|
|
213
|
+
console.log(errors);
|
|
214
|
+
// eslint-disable-next-line prefer-promise-reject-errors
|
|
288
215
|
reject({
|
|
289
216
|
errors: errors,
|
|
290
217
|
errorInfos: {
|
|
@@ -297,37 +224,29 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
297
224
|
/**
|
|
298
225
|
* 内部校验用
|
|
299
226
|
*/
|
|
300
|
-
|
|
301
227
|
validatePromise.then(function () {
|
|
302
228
|
namePathList === null || namePathList === void 0 ? void 0 : namePathList.forEach(function (name) {
|
|
303
229
|
_this.errorMessages[name] && delete _this.errorMessages[name];
|
|
304
230
|
});
|
|
305
|
-
|
|
306
231
|
_this.notifyObservers(_this.store, namePathList || [], 'validateFinish');
|
|
307
232
|
}).catch(function (_ref2) {
|
|
308
233
|
var errorInfos = _ref2.errorInfos;
|
|
309
|
-
|
|
310
234
|
if (!namePathList) {
|
|
311
235
|
_this.errorMessages = {};
|
|
312
236
|
}
|
|
313
|
-
|
|
314
237
|
var _errorInfos$fields = errorInfos.fields,
|
|
315
|
-
|
|
238
|
+
fields = _errorInfos$fields === void 0 ? {} : _errorInfos$fields;
|
|
316
239
|
(0, _keys.default)(fields).forEach(function (name) {
|
|
317
240
|
_this.errorMessages[name] = fields[name][0].message;
|
|
318
241
|
});
|
|
319
|
-
|
|
320
242
|
_this.notifyObservers(_this.store, namePathList || [], 'validateFinish');
|
|
321
243
|
});
|
|
322
244
|
return validatePromise;
|
|
323
245
|
};
|
|
324
|
-
|
|
325
246
|
this.submit = function () {
|
|
326
247
|
_this.warningUnhooked();
|
|
327
|
-
|
|
328
248
|
_this.validateFields().then(function (values) {
|
|
329
249
|
var onFinish = _this.callbacks.onFinish;
|
|
330
|
-
|
|
331
250
|
if (onFinish) {
|
|
332
251
|
try {
|
|
333
252
|
onFinish(values);
|
|
@@ -338,16 +257,13 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
338
257
|
}).catch(function (_ref3) {
|
|
339
258
|
var errorInfos = _ref3.errorInfos;
|
|
340
259
|
var onFinishFailed = _this.callbacks.onFinishFailed;
|
|
341
|
-
|
|
342
260
|
if (onFinishFailed) {
|
|
343
261
|
onFinishFailed(errorInfos);
|
|
344
262
|
}
|
|
345
263
|
});
|
|
346
264
|
};
|
|
347
|
-
|
|
348
265
|
this.notifyObservers = function (prevStore, namePathList, source) {
|
|
349
266
|
_this.warningUnhooked();
|
|
350
|
-
|
|
351
267
|
(0, _values.default)(_this.fields).forEach(function (_ref4) {
|
|
352
268
|
var onStoreChange = _ref4.current.onStoreChange;
|
|
353
269
|
var stores = {
|
|
@@ -358,10 +274,8 @@ var FormStore = /*#__PURE__*/(0, _createClass2.default)(function FormStore() {
|
|
|
358
274
|
});
|
|
359
275
|
};
|
|
360
276
|
});
|
|
361
|
-
|
|
362
277
|
function useForm(form) {
|
|
363
278
|
var formRef = _react.default.useRef();
|
|
364
|
-
|
|
365
279
|
if (!formRef.current) {
|
|
366
280
|
if (form) {
|
|
367
281
|
formRef.current = form;
|
|
@@ -370,9 +284,7 @@ function useForm(form) {
|
|
|
370
284
|
formRef.current = formStore.getForm();
|
|
371
285
|
}
|
|
372
286
|
}
|
|
373
|
-
|
|
374
287
|
return [formRef.current];
|
|
375
288
|
}
|
|
376
|
-
|
|
377
289
|
var _default = useForm;
|
|
378
290
|
exports.default = _default;
|
package/lib/form/index.js
CHANGED
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
@@ -24,21 +20,13 @@ Object.defineProperty(exports, "Item", {
|
|
|
24
20
|
}
|
|
25
21
|
});
|
|
26
22
|
exports.default = void 0;
|
|
27
|
-
|
|
28
23
|
var React = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
24
|
var _Field = _interopRequireDefault(require("./Field"));
|
|
31
|
-
|
|
32
25
|
var _useForm = _interopRequireDefault(require("./hooks/useForm"));
|
|
33
|
-
|
|
34
26
|
var _Form = _interopRequireDefault(require("./Form"));
|
|
35
|
-
|
|
36
27
|
var _FormContext = require("./FormContext");
|
|
37
|
-
|
|
38
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
-
|
|
40
29
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
-
|
|
42
30
|
var InternalForm = /*#__PURE__*/React.forwardRef(_Form.default);
|
|
43
31
|
var RefForm = InternalForm;
|
|
44
32
|
RefForm.FormProvider = _FormContext.FormProvider;
|
package/lib/form/style/css.js
CHANGED