@kdcloudjs/kdesign 1.6.34 → 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/dist/kdesign-complete.less +5 -0
- package/dist/kdesign.css +6 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +9170 -11861
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +3 -3
- package/dist/kdesign.min.js +18 -18
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +6 -119
- package/es/_utils/arrayUtil.js +0 -5
- package/es/_utils/devwarning.js +0 -1
- package/es/_utils/formatUtil.js +36 -99
- package/es/_utils/getStringLength.js +0 -2
- package/es/_utils/hooks.js +32 -72
- package/es/_utils/index.js +0 -2
- package/es/_utils/numberUtil.js +32 -55
- package/es/_utils/omit.js +0 -2
- package/es/_utils/raf.js +0 -6
- package/es/_utils/resizeObserver.js +2 -17
- package/es/_utils/testBrowserType.js +0 -2
- package/es/_utils/type.js +0 -2
- package/es/_utils/usePopper.js +84 -167
- package/es/alert/alert.js +20 -50
- package/es/anchor/anchor-link.js +12 -23
- package/es/anchor/anchor.js +69 -168
- package/es/avatar/avatar.js +29 -44
- package/es/badge/badge.js +33 -53
- package/es/base-data/base-data.js +89 -197
- package/es/button/button.js +30 -55
- package/es/button/group.js +27 -39
- package/es/card/card.js +19 -23
- package/es/carousel/carousel.js +31 -65
- package/es/carousel/displayList.js +2 -5
- package/es/carousel/fadeList.js +4 -7
- package/es/carousel/slideList.js +1 -7
- package/es/carousel/slidebar.js +5 -12
- package/es/cascader/cascader.js +56 -116
- package/es/cascader/util.js +10 -58
- package/es/checkbox/checkbox.js +22 -47
- package/es/checkbox/group.js +19 -35
- package/es/checkbox/style/index.css +2 -0
- package/es/checkbox/style/index.less +1 -0
- package/es/city-picker/city-group.js +5 -13
- package/es/city-picker/city-list.js +4 -9
- package/es/city-picker/city-panel-item.js +3 -8
- package/es/city-picker/city-panel.js +25 -50
- package/es/city-picker/city-picker.js +22 -46
- package/es/city-picker/city-search-panel.js +6 -13
- package/es/city-picker/no-data.js +3 -6
- package/es/city-picker/utils/grouping.js +0 -4
- package/es/collapse/collapse.js +17 -40
- package/es/collapse/panel.js +21 -44
- package/es/config-provider/SizeContext.js +1 -1
- package/es/config-provider/compDefaultProps.js +0 -1
- package/es/config-provider/configProvider.js +2 -7
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +12 -21
- package/es/date-picker/date-panel.js +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/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/switch/switch.js +25 -43
- package/es/table/api.js +3 -37
- package/es/table/feature/autoRowSpan.js +0 -2
- package/es/table/feature/colGroupExtendable.js +0 -2
- package/es/table/feature/columnDrag.js +0 -2
- package/es/table/feature/columnResize.js +0 -2
- package/es/table/feature/contextMenu.js +0 -2
- package/es/table/feature/filter.js +0 -2
- package/es/table/feature/mergeCellHover.js +0 -2
- package/es/table/feature/rowDetail.js +0 -2
- package/es/table/feature/rowSelection.js +11 -21
- package/es/table/feature/sort.js +0 -2
- package/es/table/feature/treeMode.js +0 -2
- package/es/table/feature/useFooterDataSource.js +0 -2
- package/es/table/feature/useRangeSelection.js +0 -2
- package/es/table/table.js +36 -46
- package/es/tabs/active-line.js +6 -8
- package/es/tabs/arrow-button.js +5 -10
- package/es/tabs/index.js +2 -2
- package/es/tabs/tab-pane.js +7 -23
- package/es/tabs/tabs.js +42 -104
- package/es/tag/tag.js +34 -56
- package/es/timeline/Timeline.js +16 -33
- package/es/timeline/TimelineItem.js +15 -26
- package/es/tooltip/tooltip.js +7 -11
- package/es/transfer/list-body.js +12 -31
- package/es/transfer/list-item.js +10 -18
- package/es/transfer/list.js +35 -68
- package/es/transfer/operation.js +12 -14
- package/es/transfer/search.js +5 -11
- package/es/transfer/transfer.js +51 -100
- package/es/tree/tree.js +95 -156
- package/es/tree/treeHooks.js +18 -34
- package/es/tree/treeNode.js +57 -96
- package/es/tree/utils/treeUtils.js +22 -150
- package/es/typography/base.js +16 -33
- package/es/typography/index.js +2 -2
- package/es/typography/paragraph.js +0 -2
- package/es/typography/text.js +0 -2
- package/es/typography/title.js +3 -14
- package/es/typography/typography.js +14 -24
- package/es/upload/dragger.js +3 -12
- package/es/upload/request.js +6 -26
- package/es/upload/scan-files.js +2 -13
- package/es/upload/upload.js +63 -131
- package/es/upload/utils.js +0 -2
- package/es/upload/verify-file.js +0 -6
- package/es/view-container/view-container.js +7 -9
- package/es/virtual-list/Filler.js +3 -7
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +18 -47
- package/es/virtual-list/virtual-list.js +64 -137
- package/lib/_utils/KeyCode.js +6 -120
- package/lib/_utils/arrayUtil.js +0 -9
- package/lib/_utils/devwarning.js +0 -5
- package/lib/_utils/formatUtil.js +36 -103
- package/lib/_utils/getStringLength.js +0 -3
- package/lib/_utils/hooks.js +32 -90
- package/lib/_utils/index.js +0 -6
- package/lib/_utils/numberUtil.js +32 -64
- package/lib/_utils/omit.js +0 -5
- package/lib/_utils/raf.js +0 -7
- package/lib/_utils/react-children.js +0 -5
- package/lib/_utils/reactNode.js +0 -9
- package/lib/_utils/resizeObserver.js +2 -25
- package/lib/_utils/testBrowserType.js +0 -3
- package/lib/_utils/type.js +0 -6
- package/lib/_utils/usePopper.js +84 -190
- package/lib/alert/alert.js +20 -74
- package/lib/alert/index.js +0 -3
- package/lib/alert/style/css.js +0 -1
- package/lib/alert/style/index.js +0 -1
- package/lib/anchor/anchor-link.js +12 -35
- package/lib/anchor/anchor.js +69 -204
- package/lib/anchor/context.js +0 -7
- package/lib/anchor/index.js +0 -4
- package/lib/anchor/style/css.js +0 -1
- package/lib/anchor/style/index.js +0 -1
- package/lib/avatar/avatar.js +29 -70
- package/lib/avatar/index.js +0 -9
- package/lib/avatar/style/css.js +0 -1
- package/lib/avatar/style/index.js +0 -1
- package/lib/badge/badge.js +33 -70
- package/lib/badge/index.js +0 -9
- package/lib/badge/style/css.js +0 -1
- package/lib/badge/style/index.js +0 -1
- package/lib/base-data/base-data.js +89 -218
- package/lib/base-data/index.js +0 -9
- package/lib/base-data/interface.js +0 -2
- package/lib/base-data/style/css.js +0 -1
- package/lib/base-data/style/index.js +0 -1
- package/lib/button/button.js +30 -72
- package/lib/button/group.js +27 -61
- package/lib/button/index.js +0 -4
- package/lib/button/style/css.js +0 -1
- package/lib/button/style/index.js +0 -1
- package/lib/card/card.js +19 -35
- package/lib/card/index.js +0 -9
- package/lib/card/style/css.js +0 -1
- package/lib/card/style/index.js +0 -1
- package/lib/carousel/carousel.js +31 -112
- package/lib/carousel/displayList.js +2 -14
- package/lib/carousel/fadeList.js +4 -16
- package/lib/carousel/index.js +0 -12
- package/lib/carousel/slideList.js +1 -14
- package/lib/carousel/slidebar.js +5 -22
- package/lib/carousel/style/css.js +0 -1
- package/lib/carousel/style/index.js +0 -1
- package/lib/cascader/cascader.js +56 -150
- package/lib/cascader/index.js +0 -9
- package/lib/cascader/style/css.js +0 -1
- package/lib/cascader/style/index.js +0 -1
- package/lib/cascader/util.js +10 -87
- package/lib/checkbox/checkbox.js +22 -69
- package/lib/checkbox/group.js +18 -59
- package/lib/checkbox/index.js +0 -9
- package/lib/checkbox/style/css.js +0 -1
- package/lib/checkbox/style/index.css +2 -0
- package/lib/checkbox/style/index.js +0 -1
- package/lib/checkbox/style/index.less +1 -0
- package/lib/city-picker/city-group.js +5 -24
- package/lib/city-picker/city-list.js +4 -21
- package/lib/city-picker/city-panel-item.js +3 -17
- package/lib/city-picker/city-panel.js +25 -64
- package/lib/city-picker/city-picker.js +22 -67
- package/lib/city-picker/city-search-panel.js +6 -25
- package/lib/city-picker/index.js +0 -9
- package/lib/city-picker/no-data.js +3 -15
- package/lib/city-picker/style/css.js +0 -1
- package/lib/city-picker/style/index.js +0 -1
- package/lib/city-picker/utils/grouping.js +0 -5
- package/lib/collapse/collapse.js +17 -62
- package/lib/collapse/index.js +0 -4
- package/lib/collapse/panel.js +21 -62
- package/lib/collapse/style/css.js +0 -1
- package/lib/collapse/style/index.js +0 -1
- package/lib/config-provider/ConfigContext.js +1 -4
- package/lib/config-provider/SizeContext.js +1 -6
- package/lib/config-provider/compDefaultProps.js +0 -8
- package/lib/config-provider/configProvider.js +3 -18
- package/lib/config-provider/defaultConfig.js +0 -5
- package/lib/config-provider/index.js +0 -6
- package/lib/date-picker/calendar.js +12 -35
- package/lib/date-picker/context.js +0 -7
- package/lib/date-picker/date-panel.js +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.js +0 -1
- package/lib/search/index.js +0 -7
- package/lib/search/interface.js +0 -2
- package/lib/search/option.js +10 -29
- package/lib/search/quick-search.js +68 -171
- package/lib/search/search-panel.js +28 -66
- package/lib/search/search.js +23 -63
- package/lib/search/style/css.js +0 -1
- package/lib/search/style/index.js +0 -1
- package/lib/select/index.js +0 -4
- package/lib/select/interface.js +0 -3
- package/lib/select/option.js +13 -40
- package/lib/select/select.js +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/switch/index.js +0 -3
- package/lib/switch/style/css.js +0 -1
- package/lib/switch/style/index.js +0 -1
- package/lib/switch/switch.js +23 -59
- package/lib/table/api.js +3 -39
- package/lib/table/feature/autoRowSpan.js +0 -3
- package/lib/table/feature/colGroupExtendable.js +0 -3
- package/lib/table/feature/columnDrag.js +0 -3
- package/lib/table/feature/columnResize.js +0 -3
- package/lib/table/feature/contextMenu.js +0 -3
- package/lib/table/feature/filter.js +0 -6
- package/lib/table/feature/mergeCellHover.js +0 -3
- package/lib/table/feature/rowDetail.js +0 -5
- package/lib/table/feature/rowSelection.js +11 -24
- package/lib/table/feature/sort.js +0 -6
- package/lib/table/feature/treeMode.js +0 -5
- package/lib/table/feature/useFooterDataSource.js +0 -3
- package/lib/table/feature/useRangeSelection.js +0 -5
- package/lib/table/index.js +0 -3
- package/lib/table/style/css.js +0 -1
- package/lib/table/style/index.js +0 -1
- package/lib/table/table.js +36 -78
- package/lib/tabs/active-line.js +6 -17
- package/lib/tabs/arrow-button.js +5 -23
- package/lib/tabs/context.js +0 -7
- package/lib/tabs/index.js +2 -6
- package/lib/tabs/style/css.js +0 -1
- package/lib/tabs/style/index.js +0 -1
- package/lib/tabs/tab-pane.js +7 -38
- package/lib/tabs/tabs.js +42 -135
- package/lib/tag/index.js +0 -9
- package/lib/tag/style/css.js +0 -1
- package/lib/tag/style/index.js +0 -1
- package/lib/tag/tag.js +34 -74
- package/lib/timeline/Timeline.js +16 -45
- package/lib/timeline/TimelineItem.js +15 -39
- package/lib/timeline/index.js +0 -3
- package/lib/timeline/style/css.js +0 -1
- package/lib/timeline/style/index.js +0 -1
- package/lib/tooltip/index.js +0 -9
- package/lib/tooltip/style/css.js +0 -1
- package/lib/tooltip/style/index.js +0 -1
- package/lib/tooltip/tooltip.js +7 -24
- package/lib/transfer/index.js +0 -3
- package/lib/transfer/list-body.js +12 -48
- package/lib/transfer/list-item.js +10 -27
- package/lib/transfer/list.js +35 -89
- package/lib/transfer/operation.js +12 -18
- package/lib/transfer/search.js +5 -16
- package/lib/transfer/style/css.js +0 -1
- package/lib/transfer/style/index.js +0 -1
- package/lib/transfer/transfer.js +51 -122
- package/lib/tree/index.js +0 -11
- package/lib/tree/style/css.js +0 -1
- package/lib/tree/style/index.js +0 -1
- package/lib/tree/tree.js +95 -196
- package/lib/tree/treeHooks.js +18 -64
- package/lib/tree/treeNode.js +57 -126
- package/lib/tree/utils/treeUtils.js +22 -193
- package/lib/typography/base.js +16 -53
- package/lib/typography/index.js +2 -8
- package/lib/typography/paragraph.js +0 -11
- package/lib/typography/style/css.js +0 -1
- package/lib/typography/style/index.js +0 -1
- package/lib/typography/text.js +0 -6
- package/lib/typography/title.js +3 -21
- package/lib/typography/typography.js +12 -35
- package/lib/upload/dragger.js +3 -21
- package/lib/upload/index.js +0 -11
- package/lib/upload/request.js +6 -27
- package/lib/upload/scan-files.js +2 -15
- package/lib/upload/style/css.js +0 -1
- package/lib/upload/style/index.js +0 -1
- package/lib/upload/upload.js +63 -151
- package/lib/upload/utils.js +0 -6
- package/lib/upload/verify-file.js +0 -9
- package/lib/view-container/context.js +0 -7
- package/lib/view-container/index.js +0 -3
- package/lib/view-container/view-container.js +7 -21
- package/lib/virtual-list/Filler.js +3 -15
- package/lib/virtual-list/index.js +0 -9
- package/lib/virtual-list/utils/algorithmUtil.js +0 -15
- package/lib/virtual-list/utils/itemUtil.js +18 -60
- package/lib/virtual-list/virtual-list.js +63 -158
- package/package.json +3 -2
package/es/modal/modal.js
CHANGED
|
@@ -17,89 +17,76 @@ import { getLangMsg } from '../locale/locale';
|
|
|
17
17
|
import { useHideDocumentScrollBar } from '../_utils/hooks';
|
|
18
18
|
export var ConfirmModalTypes = ['confirm', 'normal'];
|
|
19
19
|
export var ModalTypes = tuple('confirm', 'warning', 'error', 'normal');
|
|
20
|
-
|
|
21
20
|
var Modal = function Modal(props) {
|
|
22
21
|
var _classNames3, _classNames4, _context2, _context3;
|
|
23
|
-
|
|
24
22
|
var _useContext = useContext(ConfigContext),
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
23
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
24
|
+
prefixCls = _useContext.prefixCls,
|
|
25
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
29
26
|
var modalProps = getCompProps('Modal', userDefaultProps, props); // 属性需要合并一遍用户定义的默认属性
|
|
30
|
-
|
|
31
27
|
var body = modalProps.body,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
28
|
+
bodyClassName = modalProps.bodyClassName,
|
|
29
|
+
bodyStyle = modalProps.bodyStyle,
|
|
30
|
+
cancelButtonProps = modalProps.cancelButtonProps,
|
|
31
|
+
cancelText = modalProps.cancelText,
|
|
32
|
+
className = modalProps.className,
|
|
33
|
+
closable = modalProps.closable,
|
|
34
|
+
closeIcon = modalProps.closeIcon,
|
|
35
|
+
destroyOnClose = modalProps.destroyOnClose,
|
|
36
|
+
draggable = modalProps.draggable,
|
|
37
|
+
focusTriggerAfterClose = modalProps.focusTriggerAfterClose,
|
|
38
|
+
footer = modalProps.footer,
|
|
39
|
+
footerClassName = modalProps.footerClassName,
|
|
40
|
+
footerStyle = modalProps.footerStyle,
|
|
41
|
+
footerBtnOrder = modalProps.footerBtnOrder,
|
|
42
|
+
getContainer = modalProps.getContainer,
|
|
43
|
+
height = modalProps.height,
|
|
44
|
+
keyboard = modalProps.keyboard,
|
|
45
|
+
mask = modalProps.mask,
|
|
46
|
+
maskClosable = modalProps.maskClosable,
|
|
47
|
+
maskStyle = modalProps.maskStyle,
|
|
48
|
+
okButtonProps = modalProps.okButtonProps,
|
|
49
|
+
okText = modalProps.okText,
|
|
50
|
+
onCancel = modalProps.onCancel,
|
|
51
|
+
onOk = modalProps.onOk,
|
|
52
|
+
customPrefixcls = modalProps.prefixCls,
|
|
53
|
+
title = modalProps.title,
|
|
54
|
+
titleIcon = modalProps.titleIcon,
|
|
55
|
+
type = modalProps.type,
|
|
56
|
+
visible = modalProps.visible,
|
|
57
|
+
width = modalProps.width,
|
|
58
|
+
showline = modalProps.showline;
|
|
63
59
|
var isForceController = visible !== undefined;
|
|
64
|
-
|
|
65
60
|
var _useState = useState(isForceController ? visible : true),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
62
|
+
innerVisible = _useState2[0],
|
|
63
|
+
setInnerVisible = _useState2[1]; // 需要根据visible来判断,不能一开始为true再去设置false
|
|
71
64
|
var previousActiveElement = useRef(null);
|
|
72
65
|
var containerRef = useRef(null);
|
|
73
66
|
var modalPrefixCls = getPrefixCls(prefixCls, 'modal', customPrefixcls);
|
|
74
67
|
devWarning(ModalTypes.indexOf(type) === -1, 'modal', "cannot found modal type '".concat(type, "'"));
|
|
75
68
|
var modalContainer = typeof getContainer === 'function' ? getContainer() : getContainer;
|
|
76
|
-
|
|
77
69
|
if (modalContainer !== false && !(modalContainer instanceof HTMLElement)) {
|
|
78
70
|
try {
|
|
79
71
|
modalContainer = document.querySelector(modalContainer);
|
|
80
72
|
} catch (error) {
|
|
81
73
|
devWarning(true, 'modal', 'getContainer"s returnValue/value is not a correct CSSSelector');
|
|
82
74
|
}
|
|
83
|
-
|
|
84
75
|
modalContainer = document.body;
|
|
85
76
|
}
|
|
86
|
-
|
|
87
77
|
useHideDocumentScrollBar(isForceController ? !!visible : !!innerVisible, modalContainer === document.body, !!mask);
|
|
88
78
|
var closeModal = useCallback(function () {
|
|
89
79
|
setInnerVisible(false);
|
|
90
80
|
}, []);
|
|
91
81
|
var proxyCloseModal = useCallback(function (onDoingAction, event) {
|
|
92
82
|
onDoingAction && onDoingAction(event);
|
|
93
|
-
|
|
94
83
|
if (isForceController) {
|
|
95
84
|
return;
|
|
96
85
|
}
|
|
97
|
-
|
|
98
86
|
closeModal();
|
|
99
87
|
}, [isForceController, closeModal]);
|
|
100
88
|
var escapeToCloseModal = useCallback(function (evt) {
|
|
101
89
|
var _context;
|
|
102
|
-
|
|
103
90
|
// In Internet Explorer 9 and Firefox 36 and earlier, the Esc key returns "Esc" instead of "Escape"
|
|
104
91
|
if (_includesInstanceProperty(_context = ['Escape', 'Esc']).call(_context, evt.key)) {
|
|
105
92
|
proxyCloseModal(onCancel);
|
|
@@ -107,15 +94,13 @@ var Modal = function Modal(props) {
|
|
|
107
94
|
}, [proxyCloseModal, onCancel]);
|
|
108
95
|
var enterToCloseModal = useCallback(function (evt) {
|
|
109
96
|
if (evt.key === 'Enter' && evt.target === containerRef.current) {
|
|
110
|
-
proxyCloseModal(onOk);
|
|
97
|
+
proxyCloseModal(onOk);
|
|
98
|
+
// 无效
|
|
111
99
|
// evt.stopPropagation()
|
|
112
100
|
}
|
|
113
101
|
}, [proxyCloseModal, onOk]);
|
|
114
|
-
|
|
115
102
|
var isConfirmType = _includesInstanceProperty(ConfirmModalTypes).call(ConfirmModalTypes, type);
|
|
116
|
-
|
|
117
103
|
var isNormalBtn = !footerBtnOrder || footerBtnOrder === 'normal';
|
|
118
|
-
|
|
119
104
|
var finalCancelButtonProps = _extends({
|
|
120
105
|
onClick: useCallback(function (event) {
|
|
121
106
|
proxyCloseModal(onCancel, event);
|
|
@@ -123,7 +108,6 @@ var Modal = function Modal(props) {
|
|
|
123
108
|
type: 'second',
|
|
124
109
|
className: classNames("".concat(modalPrefixCls, "-cancel-btn"), _defineProperty({}, "".concat(modalPrefixCls, "-margin-btn"), isConfirmType && isNormalBtn))
|
|
125
110
|
}, cancelButtonProps);
|
|
126
|
-
|
|
127
111
|
var finalOkButtonProps = _extends({
|
|
128
112
|
onClick: useCallback(function (event) {
|
|
129
113
|
proxyCloseModal(onOk, event);
|
|
@@ -131,10 +115,8 @@ var Modal = function Modal(props) {
|
|
|
131
115
|
type: _includesInstanceProperty(ConfirmModalTypes).call(ConfirmModalTypes, type) ? 'primary' : 'second',
|
|
132
116
|
className: classNames("".concat(modalPrefixCls, "-ok-btn"), _defineProperty({}, "".concat(modalPrefixCls, "-margin-btn"), isConfirmType && !isNormalBtn))
|
|
133
117
|
}, okButtonProps);
|
|
134
|
-
|
|
135
118
|
var generatorFooterByType = useCallback(function () {
|
|
136
119
|
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'confirm';
|
|
137
|
-
|
|
138
120
|
switch (type) {
|
|
139
121
|
case 'error':
|
|
140
122
|
case 'warning':
|
|
@@ -143,7 +125,6 @@ var Modal = function Modal(props) {
|
|
|
143
125
|
className: "".concat(modalPrefixCls, "-iknow-node")
|
|
144
126
|
}, /*#__PURE__*/React.createElement(Button, _extends({}, finalOkButtonProps), okText || getLangMsg('Modal', 'iknowText')));
|
|
145
127
|
}
|
|
146
|
-
|
|
147
128
|
case 'confirm':
|
|
148
129
|
case 'normal':
|
|
149
130
|
default:
|
|
@@ -166,7 +147,6 @@ var Modal = function Modal(props) {
|
|
|
166
147
|
// 不控制时, 只有下面该条件成立获取焦点
|
|
167
148
|
focusTriggerAfterClose && !previousActiveElement.current && (previousActiveElement.current = document.activeElement);
|
|
168
149
|
}
|
|
169
|
-
|
|
170
150
|
return function () {
|
|
171
151
|
if (focusTriggerAfterClose && previousActiveElement.current) {
|
|
172
152
|
// 这里可能有种情况,如果回车触发弹窗,由于回车又可以关闭弹窗,会导致连续触发回车
|
|
@@ -180,7 +160,6 @@ var Modal = function Modal(props) {
|
|
|
180
160
|
if (keyboard) {
|
|
181
161
|
document.body.addEventListener('keydown', escapeToCloseModal);
|
|
182
162
|
}
|
|
183
|
-
|
|
184
163
|
return function () {
|
|
185
164
|
document.body.removeEventListener('keydown', escapeToCloseModal);
|
|
186
165
|
};
|
|
@@ -225,9 +204,9 @@ var Modal = function Modal(props) {
|
|
|
225
204
|
style: _extends({
|
|
226
205
|
flexDirection: !footer && (!footerBtnOrder || footerBtnOrder === 'normal') ? 'row' : 'row-reverse'
|
|
227
206
|
}, footerStyle || {})
|
|
228
|
-
}, footer || generatorFooterByType(type)));
|
|
207
|
+
}, footer || generatorFooterByType(type)));
|
|
208
|
+
// 没有容器应该是不用居中的
|
|
229
209
|
// 但仍可拖拽
|
|
230
|
-
|
|
231
210
|
var defaultPosition = modalContainer ? {
|
|
232
211
|
x: -(width / 2),
|
|
233
212
|
y: -(height / 2)
|
|
@@ -251,6 +230,5 @@ var Modal = function Modal(props) {
|
|
|
251
230
|
if (modalContainer && renderComp) return /*#__PURE__*/ReactDOM.createPortal(renderComp, modalContainer);
|
|
252
231
|
return renderComp || null;
|
|
253
232
|
};
|
|
254
|
-
|
|
255
233
|
Modal.displayName = 'Modal';
|
|
256
234
|
export default Modal;
|
|
@@ -1,29 +1,25 @@
|
|
|
1
|
+
import _typeof from "@babel/runtime-corejs3/helpers/typeof";
|
|
1
2
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
|
2
3
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
|
3
4
|
import React, { useContext } from 'react';
|
|
4
5
|
import { ConfigContext } from '../config-provider';
|
|
5
6
|
import Icon from '../icon';
|
|
6
7
|
import classNames from 'classnames';
|
|
7
|
-
|
|
8
8
|
var Content = function Content(args) {
|
|
9
9
|
var _context;
|
|
10
|
-
|
|
11
10
|
var title = args.title,
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
footer = args.footer,
|
|
12
|
+
content = args.content,
|
|
13
|
+
closable = args.closable,
|
|
14
|
+
suffixCls = args.suffixCls,
|
|
15
|
+
contentClose = args.contentClose,
|
|
16
|
+
showIcon = args.showIcon,
|
|
17
|
+
type = args.type,
|
|
18
|
+
icon = args.icon,
|
|
19
|
+
closeNode = args.closeNode;
|
|
22
20
|
var _useContext = useContext(ConfigContext),
|
|
23
|
-
|
|
24
|
-
|
|
21
|
+
prefixCls = _useContext.prefixCls;
|
|
25
22
|
var classPrefix = _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, suffixCls, "-content");
|
|
26
|
-
|
|
27
23
|
var iconMap = {
|
|
28
24
|
info: /*#__PURE__*/React.createElement(Icon, {
|
|
29
25
|
type: "warning-solid"
|
|
@@ -32,7 +28,6 @@ var Content = function Content(args) {
|
|
|
32
28
|
type: "warning-solid"
|
|
33
29
|
})
|
|
34
30
|
};
|
|
35
|
-
|
|
36
31
|
var renderIcon = function renderIcon() {
|
|
37
32
|
if (icon) return /*#__PURE__*/React.createElement("div", {
|
|
38
33
|
className: classNames("".concat(classPrefix, "-title-left-icon"))
|
|
@@ -42,17 +37,14 @@ var Content = function Content(args) {
|
|
|
42
37
|
className: classNames("".concat(classPrefix, "-title-left-icon"))
|
|
43
38
|
}, iconMap[type]) : null;
|
|
44
39
|
};
|
|
45
|
-
|
|
46
40
|
var renderCloseIcon = function renderCloseIcon() {
|
|
47
41
|
if (!closable) return null;
|
|
48
|
-
|
|
49
42
|
if (closeNode) {
|
|
50
43
|
return /*#__PURE__*/React.createElement("div", {
|
|
51
44
|
className: "".concat(classPrefix, "-title-close"),
|
|
52
45
|
onClick: contentClose
|
|
53
46
|
}, closeNode);
|
|
54
47
|
}
|
|
55
|
-
|
|
56
48
|
return /*#__PURE__*/React.createElement("div", {
|
|
57
49
|
className: "".concat(classPrefix, "-title-close"),
|
|
58
50
|
onClick: contentClose
|
|
@@ -60,16 +52,13 @@ var Content = function Content(args) {
|
|
|
60
52
|
type: "close"
|
|
61
53
|
}));
|
|
62
54
|
};
|
|
63
|
-
|
|
64
55
|
var getTitleElement = function getTitleElement() {
|
|
65
|
-
if (
|
|
56
|
+
if (_typeof(title) === null) {
|
|
66
57
|
return null;
|
|
67
58
|
}
|
|
68
|
-
|
|
69
59
|
if ( /*#__PURE__*/React.isValidElement(title)) {
|
|
70
60
|
return title;
|
|
71
61
|
}
|
|
72
|
-
|
|
73
62
|
return /*#__PURE__*/React.createElement("div", {
|
|
74
63
|
className: classNames("".concat(classPrefix, "-title"))
|
|
75
64
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -78,20 +67,17 @@ var Content = function Content(args) {
|
|
|
78
67
|
className: classNames("".concat(classPrefix, "-title-left-text"))
|
|
79
68
|
}, title)), renderCloseIcon());
|
|
80
69
|
};
|
|
81
|
-
|
|
82
70
|
var getFooterElement = function getFooterElement() {
|
|
83
71
|
if ( /*#__PURE__*/React.isValidElement(footer)) {
|
|
84
72
|
return footer;
|
|
85
73
|
}
|
|
86
|
-
|
|
87
74
|
if (Array.isArray(footer)) {
|
|
88
75
|
var arr = footer;
|
|
89
76
|
return /*#__PURE__*/React.createElement("div", {
|
|
90
77
|
className: classNames("".concat(classPrefix, "-footer"))
|
|
91
78
|
}, _mapInstanceProperty(arr).call(arr, function (_ref) {
|
|
92
79
|
var name = _ref.name,
|
|
93
|
-
|
|
94
|
-
|
|
80
|
+
_onClick = _ref.onClick;
|
|
95
81
|
if (name) {
|
|
96
82
|
return /*#__PURE__*/React.createElement("div", {
|
|
97
83
|
key: name,
|
|
@@ -99,34 +85,26 @@ var Content = function Content(args) {
|
|
|
99
85
|
if (e) {
|
|
100
86
|
e.stopPropagation();
|
|
101
87
|
}
|
|
102
|
-
|
|
103
88
|
_onClick && _onClick();
|
|
104
89
|
}
|
|
105
90
|
}, /*#__PURE__*/React.createElement("div", null, name));
|
|
106
91
|
}
|
|
107
|
-
|
|
108
92
|
return null;
|
|
109
93
|
}));
|
|
110
94
|
}
|
|
111
|
-
|
|
112
95
|
return null;
|
|
113
96
|
};
|
|
114
|
-
|
|
115
97
|
var getMainElement = function getMainElement() {
|
|
116
98
|
if (typeof content === 'string') {
|
|
117
99
|
return /*#__PURE__*/React.createElement("div", {
|
|
118
100
|
className: classNames("".concat(classPrefix, "-description"))
|
|
119
101
|
}, content);
|
|
120
102
|
}
|
|
121
|
-
|
|
122
103
|
if ( /*#__PURE__*/React.isValidElement(content)) {
|
|
123
104
|
return content;
|
|
124
105
|
}
|
|
125
|
-
|
|
126
106
|
return null;
|
|
127
107
|
};
|
|
128
|
-
|
|
129
108
|
return /*#__PURE__*/React.createElement(React.Fragment, null, getTitleElement(), getMainElement(), getFooterElement());
|
|
130
109
|
};
|
|
131
|
-
|
|
132
110
|
export default Content;
|
package/es/notification/index.js
CHANGED
|
@@ -11,38 +11,34 @@ var defaultShowIcon = false;
|
|
|
11
11
|
var defaultSuffixCls = 'notice';
|
|
12
12
|
var defaultType = 'primary';
|
|
13
13
|
var defaultTitle = '系统提示'; // 'notice'
|
|
14
|
-
|
|
15
14
|
var notificationElements = {};
|
|
16
15
|
var notificationKey = 1;
|
|
17
|
-
|
|
18
16
|
var getNotificationProps = function getNotificationProps(args) {
|
|
19
17
|
var _args$placement = args.placement,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
18
|
+
placement = _args$placement === void 0 ? defaultPlacement : _args$placement,
|
|
19
|
+
_args$duration = args.duration,
|
|
20
|
+
duration = _args$duration === void 0 ? defaultDuration : _args$duration,
|
|
21
|
+
key = args.key,
|
|
22
|
+
className = args.className,
|
|
23
|
+
_args$style = args.style,
|
|
24
|
+
style = _args$style === void 0 ? defaultStyle : _args$style,
|
|
25
|
+
_args$type = args.type,
|
|
26
|
+
type = _args$type === void 0 ? defaultType : _args$type,
|
|
27
|
+
onClose = args.onClose,
|
|
28
|
+
_args$closable = args.closable,
|
|
29
|
+
closable = _args$closable === void 0 ? defaultClosable : _args$closable,
|
|
30
|
+
_args$title = args.title,
|
|
31
|
+
title = _args$title === void 0 ? defaultTitle : _args$title,
|
|
32
|
+
footer = args.footer,
|
|
33
|
+
content = args.content,
|
|
34
|
+
icon = args.icon,
|
|
35
|
+
closeNode = args.closeNode,
|
|
36
|
+
_args$showIcon = args.showIcon,
|
|
37
|
+
showIcon = _args$showIcon === void 0 ? defaultShowIcon : _args$showIcon;
|
|
41
38
|
var contentClose = function contentClose() {
|
|
42
39
|
onClose && onClose(key);
|
|
43
40
|
NotificationApi.destroy(key);
|
|
44
41
|
};
|
|
45
|
-
|
|
46
42
|
var contentProps = {
|
|
47
43
|
icon: icon,
|
|
48
44
|
closeNode: closeNode,
|
|
@@ -68,7 +64,6 @@ var getNotificationProps = function getNotificationProps(args) {
|
|
|
68
64
|
suffixCls: defaultSuffixCls
|
|
69
65
|
};
|
|
70
66
|
};
|
|
71
|
-
|
|
72
67
|
var setStyleByPlacement = function setStyleByPlacement(placement, el) {
|
|
73
68
|
switch (placement) {
|
|
74
69
|
case 'topLeft':
|
|
@@ -76,19 +71,16 @@ var setStyleByPlacement = function setStyleByPlacement(placement, el) {
|
|
|
76
71
|
el.style.top = defaultOffset;
|
|
77
72
|
el.style.bottom = 'auto';
|
|
78
73
|
break;
|
|
79
|
-
|
|
80
74
|
case 'topRight':
|
|
81
75
|
el.style.right = defaultOffset;
|
|
82
76
|
el.style.top = defaultOffset;
|
|
83
77
|
el.style.bottom = 'auto';
|
|
84
78
|
break;
|
|
85
|
-
|
|
86
79
|
case 'bottomLeft':
|
|
87
80
|
el.style.left = defaultOffset;
|
|
88
81
|
el.style.top = 'auto';
|
|
89
82
|
el.style.bottom = defaultOffset;
|
|
90
83
|
break;
|
|
91
|
-
|
|
92
84
|
default:
|
|
93
85
|
el.style.right = defaultOffset;
|
|
94
86
|
el.style.top = 'auto';
|
|
@@ -96,12 +88,10 @@ var setStyleByPlacement = function setStyleByPlacement(placement, el) {
|
|
|
96
88
|
break;
|
|
97
89
|
}
|
|
98
90
|
};
|
|
99
|
-
|
|
100
91
|
var getNotificationHTMLElement = function getNotificationHTMLElement(placement) {
|
|
101
92
|
var prefixCls = 'kd';
|
|
102
93
|
var suffix = "".concat(prefixCls, "-notice");
|
|
103
94
|
var htmlElement = document.querySelector("#".concat(suffix, "-").concat(placement));
|
|
104
|
-
|
|
105
95
|
if (!htmlElement) {
|
|
106
96
|
htmlElement = document.createElement('div');
|
|
107
97
|
htmlElement.id = "".concat(suffix, "-").concat(placement);
|
|
@@ -109,10 +99,8 @@ var getNotificationHTMLElement = function getNotificationHTMLElement(placement)
|
|
|
109
99
|
setStyleByPlacement(placement, htmlElement);
|
|
110
100
|
document.body.appendChild(htmlElement);
|
|
111
101
|
}
|
|
112
|
-
|
|
113
102
|
return htmlElement;
|
|
114
103
|
};
|
|
115
|
-
|
|
116
104
|
var notice = function notice(args) {
|
|
117
105
|
var key = args.key || notificationKey++;
|
|
118
106
|
var props = getNotificationProps(_extends(_extends({}, args), {
|
|
@@ -120,16 +108,13 @@ var notice = function notice(args) {
|
|
|
120
108
|
}));
|
|
121
109
|
var placement = props.placement;
|
|
122
110
|
var el;
|
|
123
|
-
|
|
124
111
|
if (notificationElements[placement]) {
|
|
125
112
|
el = notificationElements[placement];
|
|
126
113
|
} else {
|
|
127
114
|
el = getNotificationHTMLElement(placement);
|
|
128
115
|
}
|
|
129
|
-
|
|
130
116
|
NotificationApi.add(props, el);
|
|
131
117
|
};
|
|
132
|
-
|
|
133
118
|
var Notification = {
|
|
134
119
|
open: notice,
|
|
135
120
|
info: function info(args) {
|
|
@@ -1,56 +1,42 @@
|
|
|
1
1
|
import _extends from "@babel/runtime-corejs3/helpers/extends";
|
|
2
2
|
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
|
3
3
|
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
|
4
|
-
|
|
5
4
|
var __rest = this && this.__rest || function (s, e) {
|
|
6
5
|
var t = {};
|
|
7
|
-
|
|
8
|
-
for (var p in s) {
|
|
9
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
10
|
-
}
|
|
11
|
-
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
12
7
|
if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
|
|
13
8
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
14
9
|
}
|
|
15
10
|
return t;
|
|
16
11
|
};
|
|
17
|
-
|
|
18
12
|
import React from 'react';
|
|
19
13
|
import ReactDOM from 'react-dom';
|
|
20
14
|
import Notification from './notification';
|
|
21
15
|
var notificationInstance = {};
|
|
22
|
-
|
|
23
16
|
var renderNotification = function renderNotification(properties, el, callback) {
|
|
24
17
|
var _properties$placement = properties.placement,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
18
|
+
placement = _properties$placement === void 0 ? 'default' : _properties$placement,
|
|
19
|
+
props = __rest(properties, ["placement"]);
|
|
28
20
|
var called = false;
|
|
29
|
-
|
|
30
21
|
var ref = function ref(notices) {
|
|
31
22
|
notificationInstance[placement] = {
|
|
32
23
|
instance: notices,
|
|
33
24
|
el: el
|
|
34
25
|
};
|
|
35
|
-
|
|
36
26
|
if (called) {
|
|
37
27
|
return;
|
|
38
28
|
}
|
|
39
|
-
|
|
40
29
|
called = true;
|
|
41
30
|
callback && callback(notices);
|
|
42
31
|
};
|
|
43
|
-
|
|
44
32
|
ReactDOM.render( /*#__PURE__*/React.createElement(Notification, _extends({}, props, {
|
|
45
33
|
ref: ref
|
|
46
34
|
})), el);
|
|
47
35
|
};
|
|
48
|
-
|
|
49
36
|
var NotificationApi = {
|
|
50
37
|
add: function add(props, el) {
|
|
51
38
|
var _props$placement = props.placement,
|
|
52
|
-
|
|
53
|
-
|
|
39
|
+
placement = _props$placement === void 0 ? 'default' : _props$placement;
|
|
54
40
|
if (notificationInstance[placement]) {
|
|
55
41
|
notificationInstance[placement].instance.add(props);
|
|
56
42
|
} else {
|
|
@@ -64,12 +50,10 @@ var NotificationApi = {
|
|
|
64
50
|
_Object$keys(notificationInstance).forEach(function (placement) {
|
|
65
51
|
var instance = notificationInstance[placement].instance;
|
|
66
52
|
var notices = instance.notices;
|
|
67
|
-
|
|
68
53
|
if (Array.isArray(notices) && notices.length) {
|
|
69
54
|
var flag = notices.some(function (notice) {
|
|
70
55
|
return notice.key === key;
|
|
71
56
|
});
|
|
72
|
-
|
|
73
57
|
if (flag) {
|
|
74
58
|
instance.remove(key);
|
|
75
59
|
}
|
|
@@ -78,17 +62,13 @@ var NotificationApi = {
|
|
|
78
62
|
} else {
|
|
79
63
|
_Object$keys(notificationInstance).forEach(function (placement) {
|
|
80
64
|
var _a;
|
|
81
|
-
|
|
82
65
|
var el = (_a = notificationInstance[placement]) === null || _a === void 0 ? void 0 : _a.el;
|
|
83
|
-
|
|
84
66
|
if (el) {
|
|
85
67
|
ReactDOM.unmountComponentAtNode(el);
|
|
86
|
-
|
|
87
68
|
if (el.parentNode) {
|
|
88
69
|
el.parentNode.removeChild(el);
|
|
89
70
|
}
|
|
90
71
|
}
|
|
91
|
-
|
|
92
72
|
notificationInstance[placement] = null;
|
|
93
73
|
});
|
|
94
74
|
}
|
|
@@ -6,57 +6,46 @@ import ConfigContext from '../config-provider/ConfigContext';
|
|
|
6
6
|
import { getCompProps } from '../_utils';
|
|
7
7
|
import { tuple } from '../_utils/type';
|
|
8
8
|
export var NotificationTypes = tuple('success', 'warning', 'error', 'info', 'primary');
|
|
9
|
-
|
|
10
9
|
var Notice = function Notice(props) {
|
|
11
10
|
var _context, _classNames;
|
|
12
|
-
|
|
13
11
|
var _useContext = useContext(ConfigContext),
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
13
|
+
prefixCls = _useContext.prefixCls,
|
|
14
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
18
15
|
var noticeProps = getCompProps('Notice', userDefaultProps, props);
|
|
19
16
|
var customPrefixcls = noticeProps.prefixCls,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
17
|
+
className = noticeProps.className,
|
|
18
|
+
content = noticeProps.content,
|
|
19
|
+
closable = noticeProps.closable,
|
|
20
|
+
duration = noticeProps.duration,
|
|
21
|
+
style = noticeProps.style,
|
|
22
|
+
type = noticeProps.type,
|
|
23
|
+
onClose = noticeProps.onClose,
|
|
24
|
+
suffixCls = noticeProps.suffixCls,
|
|
25
|
+
key = noticeProps.key;
|
|
29
26
|
var noticePrefixCls = getPrefixCls(prefixCls, suffixCls, customPrefixcls);
|
|
30
27
|
var timer = null;
|
|
31
28
|
var noticeRef = useRef();
|
|
32
29
|
var noticeClasses = classNames(noticePrefixCls, className, (_classNames = {}, _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(noticePrefixCls, "-")).call(_context, type), type), _defineProperty(_classNames, "".concat(noticePrefixCls, "-closable"), closable), _classNames));
|
|
33
|
-
|
|
34
30
|
var animationEvent = function animationEvent() {
|
|
35
31
|
var _a, _b;
|
|
36
|
-
|
|
37
32
|
(_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove("".concat(noticePrefixCls, "-leave"));
|
|
38
33
|
(_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.classList.add("".concat(noticePrefixCls, "-leave-after"));
|
|
39
34
|
};
|
|
40
|
-
|
|
41
35
|
var transitionEvent = function transitionEvent() {
|
|
42
36
|
onClose && onClose(key);
|
|
43
37
|
};
|
|
44
|
-
|
|
45
38
|
var clearEventListener = function clearEventListener() {
|
|
46
39
|
var _a, _b;
|
|
47
|
-
|
|
48
40
|
(_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('animationend', animationEvent);
|
|
49
41
|
(_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('transitionend', transitionEvent);
|
|
50
42
|
};
|
|
51
|
-
|
|
52
43
|
var handleClose = function handleClose() {
|
|
53
44
|
var _a, _b, _c;
|
|
54
|
-
|
|
55
45
|
(_a = noticeRef.current) === null || _a === void 0 ? void 0 : _a.classList.add("".concat(noticePrefixCls, "-leave"));
|
|
56
46
|
(_b = noticeRef.current) === null || _b === void 0 ? void 0 : _b.addEventListener('animationend', animationEvent);
|
|
57
47
|
(_c = noticeRef.current) === null || _c === void 0 ? void 0 : _c.addEventListener('transitionend', transitionEvent);
|
|
58
48
|
};
|
|
59
|
-
|
|
60
49
|
var startCloseTimer = useCallback(function () {
|
|
61
50
|
if (!duration) return;
|
|
62
51
|
timer = setTimeout(function () {
|
|
@@ -86,6 +75,5 @@ var Notice = function Notice(props) {
|
|
|
86
75
|
className: "".concat(noticePrefixCls, "-content")
|
|
87
76
|
}, content));
|
|
88
77
|
};
|
|
89
|
-
|
|
90
78
|
Notice.displayName = 'Notice';
|
|
91
79
|
export default Notice;
|