@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/modal/modal.js
CHANGED
|
@@ -1,143 +1,106 @@
|
|
|
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 = exports.ModalTypes = exports.ConfirmModalTypes = void 0;
|
|
15
|
-
|
|
16
11
|
var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
|
|
17
|
-
|
|
18
12
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
23
|
-
|
|
24
15
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _index = require("../index");
|
|
29
|
-
|
|
30
18
|
var _button = _interopRequireDefault(require("../button/button"));
|
|
31
|
-
|
|
32
19
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
33
|
-
|
|
34
20
|
var _type = require("../_utils/type");
|
|
35
|
-
|
|
36
21
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
37
|
-
|
|
38
22
|
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
39
|
-
|
|
40
23
|
var _utils = require("../_utils");
|
|
41
|
-
|
|
42
24
|
var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
|
|
43
|
-
|
|
44
25
|
var _reactDraggable = _interopRequireDefault(require("react-draggable"));
|
|
45
|
-
|
|
46
26
|
var _locale = require("../locale/locale");
|
|
47
|
-
|
|
48
27
|
var _hooks = require("../_utils/hooks");
|
|
49
|
-
|
|
50
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); }
|
|
51
|
-
|
|
52
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; }
|
|
53
|
-
|
|
54
30
|
var ConfirmModalTypes = ['confirm', 'normal'];
|
|
55
31
|
exports.ConfirmModalTypes = ConfirmModalTypes;
|
|
56
32
|
var ModalTypes = (0, _type.tuple)('confirm', 'warning', 'error', 'normal');
|
|
57
33
|
exports.ModalTypes = ModalTypes;
|
|
58
|
-
|
|
59
34
|
var Modal = function Modal(props) {
|
|
60
35
|
var _classNames3, _classNames4, _context2, _context3;
|
|
61
|
-
|
|
62
36
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
37
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
38
|
+
prefixCls = _useContext.prefixCls,
|
|
39
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
67
40
|
var modalProps = (0, _utils.getCompProps)('Modal', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
|
|
68
|
-
|
|
69
41
|
var body = modalProps.body,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
42
|
+
bodyClassName = modalProps.bodyClassName,
|
|
43
|
+
bodyStyle = modalProps.bodyStyle,
|
|
44
|
+
cancelButtonProps = modalProps.cancelButtonProps,
|
|
45
|
+
cancelText = modalProps.cancelText,
|
|
46
|
+
className = modalProps.className,
|
|
47
|
+
closable = modalProps.closable,
|
|
48
|
+
closeIcon = modalProps.closeIcon,
|
|
49
|
+
destroyOnClose = modalProps.destroyOnClose,
|
|
50
|
+
draggable = modalProps.draggable,
|
|
51
|
+
focusTriggerAfterClose = modalProps.focusTriggerAfterClose,
|
|
52
|
+
footer = modalProps.footer,
|
|
53
|
+
footerClassName = modalProps.footerClassName,
|
|
54
|
+
footerStyle = modalProps.footerStyle,
|
|
55
|
+
footerBtnOrder = modalProps.footerBtnOrder,
|
|
56
|
+
getContainer = modalProps.getContainer,
|
|
57
|
+
height = modalProps.height,
|
|
58
|
+
keyboard = modalProps.keyboard,
|
|
59
|
+
mask = modalProps.mask,
|
|
60
|
+
maskClosable = modalProps.maskClosable,
|
|
61
|
+
maskStyle = modalProps.maskStyle,
|
|
62
|
+
okButtonProps = modalProps.okButtonProps,
|
|
63
|
+
okText = modalProps.okText,
|
|
64
|
+
onCancel = modalProps.onCancel,
|
|
65
|
+
onOk = modalProps.onOk,
|
|
66
|
+
customPrefixcls = modalProps.prefixCls,
|
|
67
|
+
title = modalProps.title,
|
|
68
|
+
titleIcon = modalProps.titleIcon,
|
|
69
|
+
type = modalProps.type,
|
|
70
|
+
visible = modalProps.visible,
|
|
71
|
+
width = modalProps.width,
|
|
72
|
+
showline = modalProps.showline;
|
|
101
73
|
var isForceController = visible !== undefined;
|
|
102
|
-
|
|
103
74
|
var _useState = (0, _react.useState)(isForceController ? visible : true),
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
75
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
76
|
+
innerVisible = _useState2[0],
|
|
77
|
+
setInnerVisible = _useState2[1]; // 需要根据visible来判断,不能一开始为true再去设置false
|
|
109
78
|
var previousActiveElement = (0, _react.useRef)(null);
|
|
110
79
|
var containerRef = (0, _react.useRef)(null);
|
|
111
80
|
var modalPrefixCls = getPrefixCls(prefixCls, 'modal', customPrefixcls);
|
|
112
81
|
(0, _devwarning.default)(ModalTypes.indexOf(type) === -1, 'modal', "cannot found modal type '".concat(type, "'"));
|
|
113
82
|
var modalContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
|
|
114
|
-
|
|
115
83
|
if (modalContainer !== false && !(modalContainer instanceof HTMLElement)) {
|
|
116
84
|
try {
|
|
117
85
|
modalContainer = document.querySelector(modalContainer);
|
|
118
86
|
} catch (error) {
|
|
119
87
|
(0, _devwarning.default)(true, 'modal', 'getContainer"s returnValue/value is not a correct CSSSelector');
|
|
120
88
|
}
|
|
121
|
-
|
|
122
89
|
modalContainer = document.body;
|
|
123
90
|
}
|
|
124
|
-
|
|
125
91
|
(0, _hooks.useHideDocumentScrollBar)(isForceController ? !!visible : !!innerVisible, modalContainer === document.body, !!mask);
|
|
126
92
|
var closeModal = (0, _react.useCallback)(function () {
|
|
127
93
|
setInnerVisible(false);
|
|
128
94
|
}, []);
|
|
129
95
|
var proxyCloseModal = (0, _react.useCallback)(function (onDoingAction, event) {
|
|
130
96
|
onDoingAction && onDoingAction(event);
|
|
131
|
-
|
|
132
97
|
if (isForceController) {
|
|
133
98
|
return;
|
|
134
99
|
}
|
|
135
|
-
|
|
136
100
|
closeModal();
|
|
137
101
|
}, [isForceController, closeModal]);
|
|
138
102
|
var escapeToCloseModal = (0, _react.useCallback)(function (evt) {
|
|
139
103
|
var _context;
|
|
140
|
-
|
|
141
104
|
// In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
|
|
142
105
|
if ((0, _includes.default)(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
|
|
143
106
|
proxyCloseModal(onCancel);
|
|
@@ -145,7 +108,8 @@ var Modal = function Modal(props) {
|
|
|
145
108
|
}, [proxyCloseModal, onCancel]);
|
|
146
109
|
var enterToCloseModal = (0, _react.useCallback)(function (evt) {
|
|
147
110
|
if (evt.key === 'Enter' && evt.target === containerRef.current) {
|
|
148
|
-
proxyCloseModal(onOk);
|
|
111
|
+
proxyCloseModal(onOk);
|
|
112
|
+
// 无效
|
|
149
113
|
// evt.stopPropagation()
|
|
150
114
|
}
|
|
151
115
|
}, [proxyCloseModal, onOk]);
|
|
@@ -167,7 +131,6 @@ var Modal = function Modal(props) {
|
|
|
167
131
|
}, okButtonProps);
|
|
168
132
|
var generatorFooterByType = (0, _react.useCallback)(function () {
|
|
169
133
|
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confirm';
|
|
170
|
-
|
|
171
134
|
switch (type) {
|
|
172
135
|
case 'error':
|
|
173
136
|
case 'warning':
|
|
@@ -176,7 +139,6 @@ var Modal = function Modal(props) {
|
|
|
176
139
|
className: "".concat(modalPrefixCls, "-iknow-node")
|
|
177
140
|
}, /*#__PURE__*/_react.default.createElement(_button.default, (0, _extends2.default)({}, finalOkButtonProps), okText || (0, _locale.getLangMsg)('Modal', 'iknowText')));
|
|
178
141
|
}
|
|
179
|
-
|
|
180
142
|
case 'confirm':
|
|
181
143
|
case 'normal':
|
|
182
144
|
default:
|
|
@@ -199,7 +161,6 @@ var Modal = function Modal(props) {
|
|
|
199
161
|
// 不控制时, 只有下面该条件成立获取焦点
|
|
200
162
|
focusTriggerAfterClose && !previousActiveElement.current && (previousActiveElement.current = document.activeElement);
|
|
201
163
|
}
|
|
202
|
-
|
|
203
164
|
return function () {
|
|
204
165
|
if (focusTriggerAfterClose && previousActiveElement.current) {
|
|
205
166
|
// 这里可能有种情况,如果回车触发弹窗,由于回车又可以关闭弹窗,会导致连续触发回车
|
|
@@ -213,7 +174,6 @@ var Modal = function Modal(props) {
|
|
|
213
174
|
if (keyboard) {
|
|
214
175
|
document.body.addEventListener('keydown', escapeToCloseModal);
|
|
215
176
|
}
|
|
216
|
-
|
|
217
177
|
return function () {
|
|
218
178
|
document.body.removeEventListener('keydown', escapeToCloseModal);
|
|
219
179
|
};
|
|
@@ -226,7 +186,6 @@ var Modal = function Modal(props) {
|
|
|
226
186
|
var isHidden = !destroyOnClose && !(isForceController ? visible : innerVisible);
|
|
227
187
|
var modalClasses = (0, _classnames.default)(modalPrefixCls, className, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container"), true), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-hidden"), isHidden), (0, _defineProperty2.default)(_classNames3, "".concat(modalPrefixCls, "-container-show"), !isHidden), _classNames3));
|
|
228
188
|
var headerClass = "".concat(modalPrefixCls, "-header");
|
|
229
|
-
|
|
230
189
|
var container = /*#__PURE__*/_react.default.createElement("div", {
|
|
231
190
|
className: (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-container-box"), true), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-has-container-box"), modalContainer), (0, _defineProperty2.default)(_classNames4, "".concat(modalPrefixCls, "-showline"), showline), _classNames4)),
|
|
232
191
|
style: {
|
|
@@ -259,10 +218,9 @@ var Modal = function Modal(props) {
|
|
|
259
218
|
style: (0, _extends2.default)({
|
|
260
219
|
flexDirection: !footer && (!footerBtnOrder || footerBtnOrder === 'normal') ? 'row' : 'row-reverse'
|
|
261
220
|
}, footerStyle || {})
|
|
262
|
-
}, footer || generatorFooterByType(type)));
|
|
221
|
+
}, footer || generatorFooterByType(type)));
|
|
222
|
+
// 没有容器应该是不用居中的
|
|
263
223
|
// 但仍可拖拽
|
|
264
|
-
|
|
265
|
-
|
|
266
224
|
var defaultPosition = modalContainer ? {
|
|
267
225
|
x: -(width / 2),
|
|
268
226
|
y: -(height / 2)
|
|
@@ -270,7 +228,6 @@ var Modal = function Modal(props) {
|
|
|
270
228
|
x: 0,
|
|
271
229
|
y: 0
|
|
272
230
|
};
|
|
273
|
-
|
|
274
231
|
var comp = /*#__PURE__*/_react.default.createElement("div", {
|
|
275
232
|
className: modalClasses
|
|
276
233
|
}, mask && /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -283,12 +240,10 @@ var Modal = function Modal(props) {
|
|
|
283
240
|
disabled: !draggable,
|
|
284
241
|
cancel: (0, _concat.default)(_context3 = ".".concat(modalPrefixCls, "-title-container, .")).call(_context3, modalPrefixCls, "-close-icon")
|
|
285
242
|
}, container));
|
|
286
|
-
|
|
287
243
|
var renderComp = ((isForceController ? visible : innerVisible) || !destroyOnClose) && comp;
|
|
288
244
|
if (modalContainer && renderComp) return /*#__PURE__*/_reactDom.default.createPortal(renderComp, modalContainer);
|
|
289
245
|
return renderComp || null;
|
|
290
246
|
};
|
|
291
|
-
|
|
292
247
|
Modal.displayName = 'Modal';
|
|
293
248
|
var _default = Modal;
|
|
294
249
|
exports.default = _default;
|
package/lib/modal/style/css.js
CHANGED
package/lib/modal/style/index.js
CHANGED
|
@@ -1,51 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
3
|
+
var _typeof3 = require("@babel/runtime-corejs3/helpers/typeof");
|
|
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
|
-
|
|
11
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
16
12
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
17
|
-
|
|
18
13
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
19
|
-
|
|
20
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
15
|
var _configProvider = require("../config-provider");
|
|
23
|
-
|
|
24
16
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
25
|
-
|
|
26
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
|
|
28
18
|
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); }
|
|
29
|
-
|
|
30
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
19
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
32
20
|
var Content = function Content(args) {
|
|
33
21
|
var _context;
|
|
34
|
-
|
|
35
22
|
var title = args.title,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
23
|
+
footer = args.footer,
|
|
24
|
+
content = args.content,
|
|
25
|
+
closable = args.closable,
|
|
26
|
+
suffixCls = args.suffixCls,
|
|
27
|
+
contentClose = args.contentClose,
|
|
28
|
+
showIcon = args.showIcon,
|
|
29
|
+
type = args.type,
|
|
30
|
+
icon = args.icon,
|
|
31
|
+
closeNode = args.closeNode;
|
|
46
32
|
var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
|
|
47
|
-
|
|
48
|
-
|
|
33
|
+
prefixCls = _useContext.prefixCls;
|
|
49
34
|
var classPrefix = (0, _concat.default)(_context = "".concat(prefixCls, "-")).call(_context, suffixCls, "-content");
|
|
50
35
|
var iconMap = {
|
|
51
36
|
info: /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
@@ -55,7 +40,6 @@ var Content = function Content(args) {
|
|
|
55
40
|
type: "warning-solid"
|
|
56
41
|
})
|
|
57
42
|
};
|
|
58
|
-
|
|
59
43
|
var renderIcon = function renderIcon() {
|
|
60
44
|
if (icon) return /*#__PURE__*/_react.default.createElement("div", {
|
|
61
45
|
className: (0, _classnames.default)("".concat(classPrefix, "-title-left-icon"))
|
|
@@ -65,17 +49,14 @@ var Content = function Content(args) {
|
|
|
65
49
|
className: (0, _classnames.default)("".concat(classPrefix, "-title-left-icon"))
|
|
66
50
|
}, iconMap[type]) : null;
|
|
67
51
|
};
|
|
68
|
-
|
|
69
52
|
var renderCloseIcon = function renderCloseIcon() {
|
|
70
53
|
if (!closable) return null;
|
|
71
|
-
|
|
72
54
|
if (closeNode) {
|
|
73
55
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
74
56
|
className: "".concat(classPrefix, "-title-close"),
|
|
75
57
|
onClick: contentClose
|
|
76
58
|
}, closeNode);
|
|
77
59
|
}
|
|
78
|
-
|
|
79
60
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
80
61
|
className: "".concat(classPrefix, "-title-close"),
|
|
81
62
|
onClick: contentClose
|
|
@@ -83,16 +64,13 @@ var Content = function Content(args) {
|
|
|
83
64
|
type: "close"
|
|
84
65
|
}));
|
|
85
66
|
};
|
|
86
|
-
|
|
87
67
|
var getTitleElement = function getTitleElement() {
|
|
88
|
-
if (
|
|
68
|
+
if ((0, _typeof2.default)(title) === null) {
|
|
89
69
|
return null;
|
|
90
70
|
}
|
|
91
|
-
|
|
92
71
|
if ( /*#__PURE__*/_react.default.isValidElement(title)) {
|
|
93
72
|
return title;
|
|
94
73
|
}
|
|
95
|
-
|
|
96
74
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
97
75
|
className: (0, _classnames.default)("".concat(classPrefix, "-title"))
|
|
98
76
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -101,20 +79,17 @@ var Content = function Content(args) {
|
|
|
101
79
|
className: (0, _classnames.default)("".concat(classPrefix, "-title-left-text"))
|
|
102
80
|
}, title)), renderCloseIcon());
|
|
103
81
|
};
|
|
104
|
-
|
|
105
82
|
var getFooterElement = function getFooterElement() {
|
|
106
83
|
if ( /*#__PURE__*/_react.default.isValidElement(footer)) {
|
|
107
84
|
return footer;
|
|
108
85
|
}
|
|
109
|
-
|
|
110
86
|
if (Array.isArray(footer)) {
|
|
111
87
|
var arr = footer;
|
|
112
88
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
113
89
|
className: (0, _classnames.default)("".concat(classPrefix, "-footer"))
|
|
114
90
|
}, (0, _map.default)(arr).call(arr, function (_ref) {
|
|
115
91
|
var name = _ref.name,
|
|
116
|
-
|
|
117
|
-
|
|
92
|
+
_onClick = _ref.onClick;
|
|
118
93
|
if (name) {
|
|
119
94
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
120
95
|
key: name,
|
|
@@ -122,35 +97,27 @@ var Content = function Content(args) {
|
|
|
122
97
|
if (e) {
|
|
123
98
|
e.stopPropagation();
|
|
124
99
|
}
|
|
125
|
-
|
|
126
100
|
_onClick && _onClick();
|
|
127
101
|
}
|
|
128
102
|
}, /*#__PURE__*/_react.default.createElement("div", null, name));
|
|
129
103
|
}
|
|
130
|
-
|
|
131
104
|
return null;
|
|
132
105
|
}));
|
|
133
106
|
}
|
|
134
|
-
|
|
135
107
|
return null;
|
|
136
108
|
};
|
|
137
|
-
|
|
138
109
|
var getMainElement = function getMainElement() {
|
|
139
110
|
if (typeof content === 'string') {
|
|
140
111
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
141
112
|
className: (0, _classnames.default)("".concat(classPrefix, "-description"))
|
|
142
113
|
}, content);
|
|
143
114
|
}
|
|
144
|
-
|
|
145
115
|
if ( /*#__PURE__*/_react.default.isValidElement(content)) {
|
|
146
116
|
return content;
|
|
147
117
|
}
|
|
148
|
-
|
|
149
118
|
return null;
|
|
150
119
|
};
|
|
151
|
-
|
|
152
120
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, getTitleElement(), getMainElement(), getFooterElement());
|
|
153
121
|
};
|
|
154
|
-
|
|
155
122
|
var _default = Content;
|
|
156
123
|
exports.default = _default;
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _notificationBase = _interopRequireDefault(require("../notification-base"));
|
|
15
|
-
|
|
16
11
|
var _content = _interopRequireDefault(require("./content"));
|
|
17
|
-
|
|
18
12
|
var defaultPlacement = 'bottomRight';
|
|
19
13
|
var defaultDuration = 0;
|
|
20
14
|
var defaultOffset = '40px';
|
|
@@ -24,39 +18,34 @@ var defaultShowIcon = false;
|
|
|
24
18
|
var defaultSuffixCls = 'notice';
|
|
25
19
|
var defaultType = 'primary';
|
|
26
20
|
var defaultTitle = '系统提示'; // 'notice'
|
|
27
|
-
|
|
28
21
|
var notificationElements = {};
|
|
29
22
|
var notificationKey = 1;
|
|
30
|
-
|
|
31
23
|
var getNotificationProps = function getNotificationProps(args) {
|
|
32
24
|
var _args$placement = args.placement,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
25
|
+
placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
|
|
26
|
+
_args$duration = args.duration,
|
|
27
|
+
duration = _args$duration === void 0 ? defaultDuration : _args$duration,
|
|
28
|
+
key = args.key,
|
|
29
|
+
className = args.className,
|
|
30
|
+
_args$style = args.style,
|
|
31
|
+
style = _args$style === void 0 ? defaultStyle : _args$style,
|
|
32
|
+
_args$type = args.type,
|
|
33
|
+
type = _args$type === void 0 ? defaultType : _args$type,
|
|
34
|
+
onClose = args.onClose,
|
|
35
|
+
_args$closable = args.closable,
|
|
36
|
+
closable = _args$closable === void 0 ? defaultClosable : _args$closable,
|
|
37
|
+
_args$title = args.title,
|
|
38
|
+
title = _args$title === void 0 ? defaultTitle : _args$title,
|
|
39
|
+
footer = args.footer,
|
|
40
|
+
content = args.content,
|
|
41
|
+
icon = args.icon,
|
|
42
|
+
closeNode = args.closeNode,
|
|
43
|
+
_args$showIcon = args.showIcon,
|
|
44
|
+
showIcon = _args$showIcon === void 0 ? defaultShowIcon : _args$showIcon;
|
|
54
45
|
var contentClose = function contentClose() {
|
|
55
46
|
onClose && onClose(key);
|
|
56
|
-
|
|
57
47
|
_notificationBase.default.destroy(key);
|
|
58
48
|
};
|
|
59
|
-
|
|
60
49
|
var contentProps = {
|
|
61
50
|
icon: icon,
|
|
62
51
|
closeNode: closeNode,
|
|
@@ -82,7 +71,6 @@ var getNotificationProps = function getNotificationProps(args) {
|
|
|
82
71
|
suffixCls: defaultSuffixCls
|
|
83
72
|
};
|
|
84
73
|
};
|
|
85
|
-
|
|
86
74
|
var setStyleByPlacement = function setStyleByPlacement(placement, el) {
|
|
87
75
|
switch (placement) {
|
|
88
76
|
case 'topLeft':
|
|
@@ -90,19 +78,16 @@ var setStyleByPlacement = function setStyleByPlacement(placement, el) {
|
|
|
90
78
|
el.style.top = defaultOffset;
|
|
91
79
|
el.style.bottom = 'auto';
|
|
92
80
|
break;
|
|
93
|
-
|
|
94
81
|
case 'topRight':
|
|
95
82
|
el.style.right = defaultOffset;
|
|
96
83
|
el.style.top = defaultOffset;
|
|
97
84
|
el.style.bottom = 'auto';
|
|
98
85
|
break;
|
|
99
|
-
|
|
100
86
|
case 'bottomLeft':
|
|
101
87
|
el.style.left = defaultOffset;
|
|
102
88
|
el.style.top = 'auto';
|
|
103
89
|
el.style.bottom = defaultOffset;
|
|
104
90
|
break;
|
|
105
|
-
|
|
106
91
|
default:
|
|
107
92
|
el.style.right = defaultOffset;
|
|
108
93
|
el.style.top = 'auto';
|
|
@@ -110,12 +95,10 @@ var setStyleByPlacement = function setStyleByPlacement(placement, el) {
|
|
|
110
95
|
break;
|
|
111
96
|
}
|
|
112
97
|
};
|
|
113
|
-
|
|
114
98
|
var getNotificationHTMLElement = function getNotificationHTMLElement(placement) {
|
|
115
99
|
var prefixCls = 'kd';
|
|
116
100
|
var suffix = "".concat(prefixCls, "-notice");
|
|
117
101
|
var htmlElement = document.querySelector("#".concat(suffix, "-").concat(placement));
|
|
118
|
-
|
|
119
102
|
if (!htmlElement) {
|
|
120
103
|
htmlElement = document.createElement('div');
|
|
121
104
|
htmlElement.id = "".concat(suffix, "-").concat(placement);
|
|
@@ -123,10 +106,8 @@ var getNotificationHTMLElement = function getNotificationHTMLElement(placement)
|
|
|
123
106
|
setStyleByPlacement(placement, htmlElement);
|
|
124
107
|
document.body.appendChild(htmlElement);
|
|
125
108
|
}
|
|
126
|
-
|
|
127
109
|
return htmlElement;
|
|
128
110
|
};
|
|
129
|
-
|
|
130
111
|
var notice = function notice(args) {
|
|
131
112
|
var key = args.key || notificationKey++;
|
|
132
113
|
var props = getNotificationProps((0, _extends2.default)((0, _extends2.default)({}, args), {
|
|
@@ -134,16 +115,13 @@ var notice = function notice(args) {
|
|
|
134
115
|
}));
|
|
135
116
|
var placement = props.placement;
|
|
136
117
|
var el;
|
|
137
|
-
|
|
138
118
|
if (notificationElements[placement]) {
|
|
139
119
|
el = notificationElements[placement];
|
|
140
120
|
} else {
|
|
141
121
|
el = getNotificationHTMLElement(placement);
|
|
142
122
|
}
|
|
143
|
-
|
|
144
123
|
_notificationBase.default.add(props, el);
|
|
145
124
|
};
|
|
146
|
-
|
|
147
125
|
var Notification = {
|
|
148
126
|
open: notice,
|
|
149
127
|
info: function info(args) {
|