@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/image/image.js
CHANGED
|
@@ -1,104 +1,78 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
exports.default = void 0;
|
|
15
|
-
|
|
16
11
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
17
|
-
|
|
18
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
19
|
-
|
|
20
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
21
|
-
|
|
22
14
|
var React = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
-
|
|
26
16
|
var _utils = require("../_utils");
|
|
27
|
-
|
|
28
17
|
var _configProvider = require("../config-provider");
|
|
29
|
-
|
|
30
18
|
var _preview = _interopRequireDefault(require("./preview"));
|
|
31
|
-
|
|
32
19
|
var _previewGroup = _interopRequireDefault(require("./preview-group"));
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
22
|
var ImageInternal = function ImageInternal(props, ref) {
|
|
39
23
|
var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
24
|
+
getPrefixCls = _React$useContext.getPrefixCls,
|
|
25
|
+
pkgPrefixCls = _React$useContext.prefixCls,
|
|
26
|
+
userDefaultProps = _React$useContext.compDefaultProps;
|
|
27
|
+
// 属性需要合并一遍用户定义的默认属性
|
|
45
28
|
var allProps = (0, _utils.getCompProps)('Image', userDefaultProps, props);
|
|
46
29
|
var innerRef = React.useRef();
|
|
47
30
|
var previewRef = ref || innerRef;
|
|
48
31
|
var id = allProps.id,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
32
|
+
alt = allProps.alt,
|
|
33
|
+
name = allProps.name,
|
|
34
|
+
size = allProps.size,
|
|
35
|
+
width = allProps.width,
|
|
36
|
+
height = allProps.height,
|
|
37
|
+
preview = allProps.preview,
|
|
38
|
+
fallback = allProps.fallback,
|
|
39
|
+
operations = allProps.operations,
|
|
40
|
+
_allProps$placeholder = allProps.placeholder,
|
|
41
|
+
placeholder = _allProps$placeholder === void 0 ? '' : _allProps$placeholder,
|
|
42
|
+
customPrefixcls = allProps.prefixCls;
|
|
43
|
+
// className前缀
|
|
61
44
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
|
|
62
|
-
|
|
63
45
|
var _React$useState = React.useState(false),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
46
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
47
|
+
exit = _React$useState2[0],
|
|
48
|
+
setExit = _React$useState2[1];
|
|
68
49
|
React.useEffect(function () {
|
|
69
50
|
if (exit) setVisible(true);
|
|
70
51
|
}, [exit]);
|
|
71
|
-
|
|
72
52
|
var _React$useState3 = React.useState(placeholder),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
53
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
54
|
+
src = _React$useState4[0],
|
|
55
|
+
setSrc = _React$useState4[1];
|
|
77
56
|
var _React$useState5 = React.useState(true),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
57
|
+
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
|
|
58
|
+
error = _React$useState6[0],
|
|
59
|
+
setError = _React$useState6[1];
|
|
82
60
|
var _React$useState7 = React.useState(false),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
61
|
+
_React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
|
|
62
|
+
visible = _React$useState8[0],
|
|
63
|
+
setVisible = _React$useState8[1];
|
|
87
64
|
var _React$useState9 = React.useState(''),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
65
|
+
_React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
|
|
66
|
+
transformOrigin = _React$useState10[0],
|
|
67
|
+
setTransformOrigin = _React$useState10[1];
|
|
92
68
|
React.useEffect(function () {
|
|
93
69
|
placeholder && setSrc(placeholder);
|
|
94
70
|
var img = new window.Image();
|
|
95
71
|
img.src = props.src;
|
|
96
|
-
|
|
97
72
|
img.onload = function () {
|
|
98
73
|
setError(false);
|
|
99
74
|
setSrc(props.src);
|
|
100
75
|
};
|
|
101
|
-
|
|
102
76
|
img.onerror = function () {
|
|
103
77
|
setError(true);
|
|
104
78
|
setSrc(fallback || props.src);
|
|
@@ -113,30 +87,24 @@ var ImageInternal = function ImageInternal(props, ref) {
|
|
|
113
87
|
},
|
|
114
88
|
className: "".concat(prefixCls, "-img")
|
|
115
89
|
};
|
|
116
|
-
|
|
117
90
|
if (!error) {
|
|
118
91
|
imgProps.onClick = function (e) {
|
|
119
92
|
preview && (exit ? setVisible(true) : setExit(true));
|
|
120
93
|
props.onClick && props.onClick(e);
|
|
121
94
|
};
|
|
122
95
|
}
|
|
123
|
-
|
|
124
96
|
var calcTransformOrigin = function calcTransformOrigin(element) {
|
|
125
97
|
var _context;
|
|
126
|
-
|
|
127
98
|
var transformOriginX = element.getBoundingClientRect().x + element.getBoundingClientRect().width / 2;
|
|
128
99
|
var transformOriginY = element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
|
|
129
100
|
setTransformOrigin((0, _concat.default)(_context = "".concat(transformOriginX, "px ")).call(_context, transformOriginY, "px"));
|
|
130
101
|
};
|
|
131
|
-
|
|
132
102
|
React.useEffect(function () {
|
|
133
103
|
previewRef.current && calcTransformOrigin(previewRef.current);
|
|
134
104
|
});
|
|
135
|
-
|
|
136
105
|
var onClose = function onClose() {
|
|
137
106
|
return setVisible(false);
|
|
138
107
|
};
|
|
139
|
-
|
|
140
108
|
var previewProps = {
|
|
141
109
|
alt: alt,
|
|
142
110
|
name: name,
|
|
@@ -165,7 +133,6 @@ var ImageInternal = function ImageInternal(props, ref) {
|
|
|
165
133
|
className: "".concat(prefixCls, "-action")
|
|
166
134
|
}, operations), preview && exit && /*#__PURE__*/React.createElement(_preview.default, (0, _extends2.default)({}, previewProps)));
|
|
167
135
|
};
|
|
168
|
-
|
|
169
136
|
var Image = /*#__PURE__*/React.forwardRef(ImageInternal);
|
|
170
137
|
var ImageOuter = Image;
|
|
171
138
|
ImageOuter.Preview = _preview.default;
|
package/lib/image/index.js
CHANGED
|
@@ -1,21 +1,15 @@
|
|
|
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 _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
var _exportNames = {};
|
|
15
11
|
exports.default = void 0;
|
|
16
|
-
|
|
17
12
|
var _image = _interopRequireWildcard(require("./image"));
|
|
18
|
-
|
|
19
13
|
_Object$keys(_image).forEach(function (key) {
|
|
20
14
|
if (key === "default" || key === "__esModule") return;
|
|
21
15
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -27,10 +21,7 @@ _Object$keys(_image).forEach(function (key) {
|
|
|
27
21
|
}
|
|
28
22
|
});
|
|
29
23
|
});
|
|
30
|
-
|
|
31
24
|
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); }
|
|
32
|
-
|
|
33
25
|
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; }
|
|
34
|
-
|
|
35
26
|
var _default = _image.default;
|
|
36
27
|
exports.default = _default;
|
|
@@ -1,71 +1,52 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
exports.default = void 0;
|
|
15
|
-
|
|
16
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
13
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
21
|
-
|
|
22
14
|
var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
|
|
23
|
-
|
|
24
15
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
25
|
-
|
|
26
16
|
var React = _interopRequireWildcard(require("react"));
|
|
27
|
-
|
|
28
17
|
var _preview = _interopRequireDefault(require("./preview"));
|
|
29
|
-
|
|
30
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); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
var PreviewGroup = function PreviewGroup(_ref) {
|
|
35
21
|
var children = _ref.children,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
22
|
+
className = _ref.className,
|
|
23
|
+
style = _ref.style,
|
|
24
|
+
previewType = _ref.previewType,
|
|
25
|
+
operations = _ref.operations;
|
|
40
26
|
var images = React.useMemo(function () {
|
|
41
27
|
var _context;
|
|
42
|
-
|
|
43
28
|
return Array.isArray(children) ? (0, _map.default)(_context = (0, _filter.default)(children).call(children, function (image) {
|
|
44
29
|
return image.props.src;
|
|
45
30
|
})).call(_context, function (image) {
|
|
46
31
|
return image.props;
|
|
47
32
|
}) : [children !== undefined ? children.props : {}];
|
|
48
|
-
}, [children]);
|
|
49
|
-
|
|
33
|
+
}, [children]);
|
|
34
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
50
35
|
var refs = (0, _map.default)(images).call(images, function () {
|
|
51
36
|
return React.useRef();
|
|
52
37
|
});
|
|
53
|
-
|
|
54
38
|
var _React$useState = React.useState(images[0] || {}),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
39
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
40
|
+
image = _React$useState2[0],
|
|
41
|
+
setImage = _React$useState2[1];
|
|
59
42
|
var _React$useState3 = React.useState(0),
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
43
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
44
|
+
current = _React$useState4[0],
|
|
45
|
+
setCurrent = _React$useState4[1];
|
|
64
46
|
var _React$useState5 = React.useState(false),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
47
|
+
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
|
|
48
|
+
exit = _React$useState6[0],
|
|
49
|
+
setExit = _React$useState6[1];
|
|
69
50
|
React.useEffect(function () {
|
|
70
51
|
exit && setVisible(true);
|
|
71
52
|
}, [exit]);
|
|
@@ -74,48 +55,39 @@ var PreviewGroup = function PreviewGroup(_ref) {
|
|
|
74
55
|
setImage(images[current]);
|
|
75
56
|
}
|
|
76
57
|
}, [current, images]);
|
|
77
|
-
|
|
78
58
|
var _React$useState7 = React.useState(false),
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
59
|
+
_React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
|
|
60
|
+
visible = _React$useState8[0],
|
|
61
|
+
setVisible = _React$useState8[1];
|
|
83
62
|
var _React$useState9 = React.useState(''),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
63
|
+
_React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
|
|
64
|
+
transformOrigin = _React$useState10[0],
|
|
65
|
+
setTransformOrigin = _React$useState10[1];
|
|
88
66
|
var calcTransformOrigin = function calcTransformOrigin(element) {
|
|
89
67
|
var _context2;
|
|
90
|
-
|
|
91
68
|
var transformOriginX = element && element.getBoundingClientRect().x + element.getBoundingClientRect().width / 2;
|
|
92
69
|
var transformOriginY = element && element.getBoundingClientRect().y + element.getBoundingClientRect().height / 2;
|
|
93
70
|
setTransformOrigin((0, _concat.default)(_context2 = "".concat(transformOriginX, "px ")).call(_context2, transformOriginY, "px"));
|
|
94
71
|
};
|
|
95
|
-
|
|
96
72
|
var onPreview = function onPreview(index) {
|
|
97
73
|
setCurrent(index);
|
|
98
74
|
calcTransformOrigin(refs[index].current);
|
|
99
75
|
exit ? setVisible(true) : setExit(true);
|
|
100
76
|
};
|
|
101
|
-
|
|
102
77
|
var onClose = function onClose() {
|
|
103
78
|
return setVisible(false);
|
|
104
79
|
};
|
|
105
|
-
|
|
106
80
|
var onNext = function onNext() {
|
|
107
81
|
return current < images.length - 1 && setCurrent(current + 1);
|
|
108
82
|
};
|
|
109
|
-
|
|
110
83
|
var onPrevious = function onPrevious() {
|
|
111
84
|
return current > 0 && setCurrent(current - 1);
|
|
112
85
|
};
|
|
113
|
-
|
|
114
86
|
var alt = image.alt,
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
87
|
+
src = image.src,
|
|
88
|
+
previewStyle = image.previewStyle,
|
|
89
|
+
previewClassName = image.previewClassName,
|
|
90
|
+
previewOperations = image.previewOperations;
|
|
119
91
|
var previewProps = {
|
|
120
92
|
alt: alt,
|
|
121
93
|
src: src,
|
|
@@ -141,6 +113,5 @@ var PreviewGroup = function PreviewGroup(_ref) {
|
|
|
141
113
|
});
|
|
142
114
|
}) : children, exit && /*#__PURE__*/React.createElement(_preview.default, (0, _extends2.default)({}, previewProps)));
|
|
143
115
|
};
|
|
144
|
-
|
|
145
116
|
var _default = PreviewGroup;
|
|
146
117
|
exports.default = _default;
|
package/lib/image/preview.js
CHANGED
|
@@ -1,92 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
exports.default = void 0;
|
|
15
|
-
|
|
16
11
|
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
17
|
-
|
|
18
12
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
19
|
-
|
|
20
13
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
21
|
-
|
|
22
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
23
|
-
|
|
24
15
|
var React = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
16
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
27
|
-
|
|
28
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
29
|
-
|
|
30
18
|
var _utils = require("../_utils");
|
|
31
|
-
|
|
32
19
|
var _configProvider = require("../config-provider");
|
|
33
|
-
|
|
34
20
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
35
|
-
|
|
36
21
|
var _throttle = _interopRequireDefault(require("lodash/throttle"));
|
|
37
|
-
|
|
38
22
|
var _findLast = _interopRequireDefault(require("lodash/findLast"));
|
|
39
|
-
|
|
40
23
|
var _reactDraggable = _interopRequireDefault(require("react-draggable"));
|
|
41
|
-
|
|
42
24
|
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); }
|
|
43
|
-
|
|
44
25
|
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; }
|
|
45
|
-
|
|
46
26
|
var Preview = function Preview(props) {
|
|
47
27
|
var _context;
|
|
48
|
-
|
|
49
28
|
var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
29
|
+
getPrefixCls = _React$useContext.getPrefixCls,
|
|
30
|
+
pkgPrefixCls = _React$useContext.prefixCls,
|
|
31
|
+
userDefaultProps = _React$useContext.compDefaultProps;
|
|
32
|
+
// 属性需要合并一遍用户定义的默认属性
|
|
55
33
|
var allProps = (0, _utils.getCompProps)('Image', userDefaultProps, props);
|
|
56
34
|
var src = allProps.src,
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
35
|
+
alt = allProps.alt,
|
|
36
|
+
name = allProps.name,
|
|
37
|
+
size = allProps.size,
|
|
38
|
+
scales = allProps.scales,
|
|
39
|
+
visible = allProps.visible,
|
|
40
|
+
onClose = allProps.onClose,
|
|
41
|
+
current = allProps.current,
|
|
42
|
+
length = allProps.length,
|
|
43
|
+
operations = allProps.operations,
|
|
44
|
+
customPrefixcls = allProps.prefixCls;
|
|
45
|
+
// className前缀
|
|
68
46
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'image', customPrefixcls);
|
|
69
|
-
|
|
70
47
|
var _React$useState = React.useState(visible),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
48
|
+
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
49
|
+
show = _React$useState2[0],
|
|
50
|
+
setShow = _React$useState2[1];
|
|
75
51
|
React.useEffect(function () {
|
|
76
52
|
setShow(visible);
|
|
77
53
|
visible && setPreviewSrc(src);
|
|
78
54
|
}, [visible, src]);
|
|
79
|
-
|
|
80
55
|
var _React$useState3 = React.useState(src),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
56
|
+
_React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
|
|
57
|
+
previewSrc = _React$useState4[0],
|
|
58
|
+
setPreviewSrc = _React$useState4[1];
|
|
85
59
|
var _React$useState5 = React.useState(1),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
60
|
+
_React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
|
|
61
|
+
scale = _React$useState6[0],
|
|
62
|
+
setScale = _React$useState6[1];
|
|
90
63
|
var maxScale = scales[scales.length - 1] / 100;
|
|
91
64
|
var minScale = scales[0] / 100;
|
|
92
65
|
React.useEffect(function () {
|
|
@@ -95,7 +68,6 @@ var Preview = function Preview(props) {
|
|
|
95
68
|
var throMouseWheel = (0, _throttle.default)(function (e) {
|
|
96
69
|
if (e.wheelDelta > 0) {
|
|
97
70
|
if (scale > maxScale) return;
|
|
98
|
-
|
|
99
71
|
if (scale + 0.1 > maxScale) {
|
|
100
72
|
setScale(maxScale);
|
|
101
73
|
} else {
|
|
@@ -103,7 +75,6 @@ var Preview = function Preview(props) {
|
|
|
103
75
|
}
|
|
104
76
|
} else if (e.wheelDelta < 0) {
|
|
105
77
|
if (scale < minScale) return;
|
|
106
|
-
|
|
107
78
|
if (scale - 0.1 < minScale) {
|
|
108
79
|
setScale(minScale);
|
|
109
80
|
} else {
|
|
@@ -120,21 +91,18 @@ var Preview = function Preview(props) {
|
|
|
120
91
|
setScale(1);
|
|
121
92
|
}
|
|
122
93
|
}, [show, scale]);
|
|
123
|
-
|
|
124
94
|
var handleZoomOut = function handleZoomOut() {
|
|
125
95
|
var nextScale = (0, _findLast.default)(scales, function (s) {
|
|
126
96
|
return s / 100 < scale;
|
|
127
97
|
});
|
|
128
98
|
if (nextScale !== undefined) setScale(nextScale / 100);
|
|
129
99
|
};
|
|
130
|
-
|
|
131
100
|
var handleZoomIn = function handleZoomIn() {
|
|
132
101
|
var nextScale = (0, _find.default)(scales).call(scales, function (s) {
|
|
133
102
|
return s / 100 > scale;
|
|
134
103
|
});
|
|
135
104
|
if (nextScale !== undefined) setScale(nextScale / 100);
|
|
136
105
|
};
|
|
137
|
-
|
|
138
106
|
var previewImgProps = {
|
|
139
107
|
alt: alt,
|
|
140
108
|
src: previewSrc,
|
|
@@ -232,6 +200,5 @@ var Preview = function Preview(props) {
|
|
|
232
200
|
}), "\u5173\u95ED"))));
|
|
233
201
|
return /*#__PURE__*/_reactDom.default.createPortal(peviewContainer, document.body);
|
|
234
202
|
};
|
|
235
|
-
|
|
236
203
|
var _default = Preview;
|
|
237
204
|
exports.default = _default;
|
package/lib/image/style/css.js
CHANGED
package/lib/image/style/index.js
CHANGED
|
@@ -1,32 +1,20 @@
|
|
|
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.DragModeTypes = void 0;
|
|
15
|
-
|
|
16
11
|
var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
|
|
17
|
-
|
|
18
12
|
var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
|
|
19
|
-
|
|
20
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
14
|
var _cropperjs = _interopRequireDefault(require("cropperjs"));
|
|
23
|
-
|
|
24
15
|
var _type = require("../_utils/type");
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
17
|
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; }
|
|
29
|
-
|
|
30
18
|
// crop 形成新的裁剪框
|
|
31
19
|
// move 图片可移动
|
|
32
20
|
// none 都不能移动
|
|
@@ -47,17 +35,17 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
|
|
|
47
35
|
};
|
|
48
36
|
});
|
|
49
37
|
var className = props.className,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
38
|
+
_props$imgSrc = props.imgSrc,
|
|
39
|
+
imgSrc = _props$imgSrc === void 0 ? '' : _props$imgSrc,
|
|
40
|
+
dragMode = props.dragMode,
|
|
41
|
+
viewMode = props.viewMode,
|
|
42
|
+
aspectRatio = props.aspectRatio,
|
|
43
|
+
_props$modal = props.modal,
|
|
44
|
+
modal = _props$modal === void 0 ? true : _props$modal,
|
|
45
|
+
_props$zoomOnWheel = props.zoomOnWheel,
|
|
46
|
+
zoomOnWheel = _props$zoomOnWheel === void 0 ? true : _props$zoomOnWheel,
|
|
47
|
+
_props$cropBoxMovable = props.cropBoxMovable,
|
|
48
|
+
cropBoxMovable = _props$cropBoxMovable === void 0 ? true : _props$cropBoxMovable;
|
|
61
49
|
var options = (0, _react.useMemo)(function () {
|
|
62
50
|
return {
|
|
63
51
|
aspectRatio: aspectRatio,
|
|
@@ -74,16 +62,13 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
|
|
|
74
62
|
(0, _react.useEffect)(function () {
|
|
75
63
|
if (!imgRef.current) return;
|
|
76
64
|
if (!imgSrc) return;
|
|
77
|
-
|
|
78
65
|
if (cropperRef.current) {
|
|
79
66
|
cropperRef.current.destroy();
|
|
80
67
|
}
|
|
81
|
-
|
|
82
68
|
imgRef.current.onload = function () {
|
|
83
69
|
var img = imgRef.current;
|
|
84
70
|
cropperRef.current = new _cropperjs.default(img, options);
|
|
85
71
|
};
|
|
86
|
-
|
|
87
72
|
return function () {
|
|
88
73
|
if (cropperRef.current) {
|
|
89
74
|
cropperRef.current.destroy();
|
|
@@ -97,13 +82,11 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
|
|
|
97
82
|
}
|
|
98
83
|
};
|
|
99
84
|
}, []);
|
|
100
|
-
|
|
101
85
|
var getImage = function getImage() {
|
|
102
86
|
return new _promise.default(function (resolve) {
|
|
103
87
|
if (!cropperRef.current) return resolve(null);
|
|
104
88
|
cropperRef.current.getCroppedCanvas().toBlob(function (blob) {
|
|
105
89
|
var _context;
|
|
106
|
-
|
|
107
90
|
if (!blob) return resolve(null);
|
|
108
91
|
resolve(new File([blob], "".concat((0, _slice.default)(_context = Math.random().toString(36)).call(_context, -8), ".png"), {
|
|
109
92
|
type: blob.type
|
|
@@ -111,27 +94,22 @@ var Cropper = /*#__PURE__*/(0, _react.forwardRef)(function (props, forwardedRef)
|
|
|
111
94
|
});
|
|
112
95
|
});
|
|
113
96
|
};
|
|
114
|
-
|
|
115
97
|
var reset = function reset() {
|
|
116
98
|
if (!cropperRef.current) return;
|
|
117
99
|
cropperRef.current.reset();
|
|
118
100
|
};
|
|
119
|
-
|
|
120
101
|
var rotate = function rotate() {
|
|
121
102
|
if (!cropperRef.current) return;
|
|
122
103
|
cropperRef.current.rotate(-90);
|
|
123
104
|
};
|
|
124
|
-
|
|
125
105
|
var zoom = function zoom(num) {
|
|
126
106
|
if (!cropperRef.current) return;
|
|
127
107
|
cropperRef.current.zoom(num);
|
|
128
108
|
};
|
|
129
|
-
|
|
130
109
|
var replace = function replace(src) {
|
|
131
110
|
if (!cropperRef.current) return;
|
|
132
111
|
cropperRef.current.replace(src);
|
|
133
112
|
};
|
|
134
|
-
|
|
135
113
|
var imgStyle = {
|
|
136
114
|
display: 'none'
|
|
137
115
|
};
|