@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
|
@@ -1,84 +1,62 @@
|
|
|
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
11
|
exports.hasPrefixSuffix = hasPrefixSuffix;
|
|
16
|
-
|
|
17
12
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
18
|
-
|
|
19
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
20
|
-
|
|
21
14
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
22
|
-
|
|
23
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
24
|
-
|
|
25
16
|
var _index = require("../index");
|
|
26
|
-
|
|
27
17
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
28
|
-
|
|
29
18
|
var _type = require("../_utils/type");
|
|
30
|
-
|
|
31
19
|
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
20
|
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
21
|
var ClearableInputType = (0, _type.tuple)('input', 'text');
|
|
36
|
-
|
|
37
22
|
function hasPrefixSuffix(props) {
|
|
38
23
|
return !!(props.prefix || props.suffix || props.allowClear || !!props.inputCount);
|
|
39
24
|
}
|
|
40
|
-
|
|
41
25
|
var ClearableInput = function ClearableInput(props) {
|
|
42
26
|
var prefixCls = props.prefixCls,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
27
|
+
prefix = props.prefix,
|
|
28
|
+
suffix = props.suffix,
|
|
29
|
+
allowClear = props.allowClear,
|
|
30
|
+
value = props.value,
|
|
31
|
+
disabled = props.disabled,
|
|
32
|
+
inputType = props.inputType,
|
|
33
|
+
handleReset = props.handleReset,
|
|
34
|
+
element = props.element,
|
|
35
|
+
className = props.className,
|
|
36
|
+
size = props.size,
|
|
37
|
+
borderType = props.borderType,
|
|
38
|
+
style = props.style,
|
|
39
|
+
addonBefore = props.addonBefore,
|
|
40
|
+
addonAfter = props.addonAfter,
|
|
41
|
+
focused = props.focused,
|
|
42
|
+
numberMark = props.numberMark,
|
|
43
|
+
inputCount = props.inputCount,
|
|
44
|
+
count = props.count;
|
|
62
45
|
var _useState = (0, _react.useState)(false),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
46
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
47
|
+
isMouseEnter = _useState2[0],
|
|
48
|
+
setIsMouseEnter = _useState2[1];
|
|
67
49
|
var mouseEnterHandle = function mouseEnterHandle() {
|
|
68
50
|
setIsMouseEnter(true);
|
|
69
51
|
};
|
|
70
|
-
|
|
71
52
|
var mouseLeaveHandle = function mouseLeaveHandle() {
|
|
72
53
|
setIsMouseEnter(false);
|
|
73
54
|
};
|
|
74
|
-
|
|
75
55
|
var renderClearIcon = function renderClearIcon() {
|
|
76
56
|
var _classNames;
|
|
77
|
-
|
|
78
57
|
if (!allowClear) {
|
|
79
58
|
return null;
|
|
80
59
|
}
|
|
81
|
-
|
|
82
60
|
var needClear = !disabled && value && isMouseEnter;
|
|
83
61
|
var clearIconclasses = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-textarea-clear-icon"), inputType === ClearableInputType[1]), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon"), inputType === ClearableInputType[0]), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon-hidden"), !needClear), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-clear-icon-rightSpace"), suffix), _classNames));
|
|
84
62
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -88,7 +66,6 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
88
66
|
type: "close-solid"
|
|
89
67
|
}) : allowClear);
|
|
90
68
|
};
|
|
91
|
-
|
|
92
69
|
var renderSuffix = function renderSuffix() {
|
|
93
70
|
if (suffix || !disabled && !!allowClear || inputCount) {
|
|
94
71
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -99,17 +76,13 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
99
76
|
}
|
|
100
77
|
}, inputCount), /*#__PURE__*/_react.default.createElement("span", null, suffix));
|
|
101
78
|
}
|
|
102
|
-
|
|
103
79
|
return null;
|
|
104
80
|
};
|
|
105
|
-
|
|
106
81
|
var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
|
|
107
82
|
var _context, _classNames2;
|
|
108
|
-
|
|
109
83
|
if (!hasPrefixSuffix(props) && !count) {
|
|
110
84
|
return originElement;
|
|
111
85
|
}
|
|
112
|
-
|
|
113
86
|
var suffixNode = renderSuffix();
|
|
114
87
|
var prefixNode = prefix ? /*#__PURE__*/_react.default.createElement("span", {
|
|
115
88
|
className: "".concat(prefixCls, "-prefix")
|
|
@@ -124,14 +97,11 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
124
97
|
style: null
|
|
125
98
|
}), suffixNode);
|
|
126
99
|
};
|
|
127
|
-
|
|
128
100
|
var renderInputWithLabel = function renderInputWithLabel(originElement) {
|
|
129
101
|
var _classNames4, _context2, _classNames5;
|
|
130
|
-
|
|
131
102
|
if (!addonBefore && !addonAfter && !count) {
|
|
132
103
|
return originElement;
|
|
133
104
|
}
|
|
134
|
-
|
|
135
105
|
var addonClassName = (0, _classnames.default)("".concat(prefixCls, "-group-addon"), (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-group-addon-borderless"), borderType === 'none'), (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-group-addon-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-group-addon-disabled"), disabled), _classNames4));
|
|
136
106
|
var addonBeforeNode = addonBefore ? /*#__PURE__*/_react.default.createElement("span", {
|
|
137
107
|
className: addonClassName
|
|
@@ -149,20 +119,17 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
149
119
|
style: null
|
|
150
120
|
}), addonAfterNode));
|
|
151
121
|
};
|
|
152
|
-
|
|
153
122
|
var renderTextAreaWithLabel = function renderTextAreaWithLabel(originElement) {
|
|
154
123
|
if (!allowClear) {
|
|
155
124
|
return originElement;
|
|
156
125
|
}
|
|
157
|
-
|
|
158
126
|
var _ref = style || {},
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
127
|
+
width = _ref.width,
|
|
128
|
+
margin = _ref.margin,
|
|
129
|
+
marginLeft = _ref.marginLeft,
|
|
130
|
+
marginRight = _ref.marginRight,
|
|
131
|
+
marginTop = _ref.marginTop,
|
|
132
|
+
marginBottom = _ref.marginBottom;
|
|
166
133
|
var wrapperStyle = style ? {
|
|
167
134
|
width: width,
|
|
168
135
|
margin: margin,
|
|
@@ -171,13 +138,11 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
171
138
|
marginTop: marginTop,
|
|
172
139
|
marginBottom: marginBottom
|
|
173
140
|
} : {};
|
|
174
|
-
|
|
175
141
|
for (var key in wrapperStyle) {
|
|
176
142
|
if (wrapperStyle[key] === undefined) {
|
|
177
143
|
delete wrapperStyle[key];
|
|
178
144
|
}
|
|
179
145
|
}
|
|
180
|
-
|
|
181
146
|
var textAreaWrapperClasses = (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-wrapper-textarea"), true));
|
|
182
147
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
183
148
|
className: textAreaWrapperClasses,
|
|
@@ -186,13 +151,10 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
186
151
|
onMouseLeave: mouseLeaveHandle
|
|
187
152
|
}, originElement, renderClearIcon(), numberMark && numberMark);
|
|
188
153
|
};
|
|
189
|
-
|
|
190
154
|
if (inputType === ClearableInputType[0]) {
|
|
191
155
|
return renderInputWithLabel(renderInputWithFixNode(element));
|
|
192
156
|
}
|
|
193
|
-
|
|
194
157
|
return renderTextAreaWithLabel(element);
|
|
195
158
|
};
|
|
196
|
-
|
|
197
159
|
var _default = ClearableInput;
|
|
198
160
|
exports.default = _default;
|
package/lib/input/TextArea.js
CHANGED
|
@@ -1,163 +1,118 @@
|
|
|
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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
19
|
-
|
|
20
13
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
21
|
-
|
|
22
14
|
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
23
|
-
|
|
24
15
|
var _maxSafeInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/max-safe-integer"));
|
|
25
|
-
|
|
26
16
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
19
|
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
33
|
-
|
|
34
20
|
var _utils = require("../_utils");
|
|
35
|
-
|
|
36
21
|
var _ClearableLabeledInput = _interopRequireDefault(require("./ClearableLabeledInput"));
|
|
37
|
-
|
|
38
22
|
var _input = require("./input");
|
|
39
|
-
|
|
40
23
|
var _calculateNodeHeight = _interopRequireDefault(require("./calculateNodeHeight"));
|
|
41
|
-
|
|
42
24
|
var _hooks = require("../_utils/hooks");
|
|
43
|
-
|
|
44
25
|
var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
|
|
45
|
-
|
|
46
26
|
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); }
|
|
47
|
-
|
|
48
27
|
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; }
|
|
49
|
-
|
|
50
28
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
51
29
|
var t = {};
|
|
52
|
-
|
|
53
|
-
for (var p in s) {
|
|
54
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
55
|
-
}
|
|
56
|
-
|
|
30
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
57
31
|
if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
|
|
58
32
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
59
33
|
}
|
|
60
34
|
return t;
|
|
61
35
|
};
|
|
62
|
-
|
|
63
36
|
var InternalTextarea = function InternalTextarea(props, ref) {
|
|
64
37
|
var thisTextareaRef = (0, _react.useRef)();
|
|
65
38
|
var textareaRef = ref || thisTextareaRef;
|
|
66
|
-
|
|
67
39
|
var _useContext = (0, _react.useContext)(_ConfigContext.default),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
40
|
+
getPrefixCls = _useContext.getPrefixCls,
|
|
41
|
+
prefixCls = _useContext.prefixCls,
|
|
42
|
+
userDefaultProps = _useContext.compDefaultProps;
|
|
72
43
|
var textAreaProps = (0, _utils.getCompProps)('TextArea', userDefaultProps, props); // 按钮属性需要合并一遍用户定义的默认属性
|
|
73
|
-
|
|
74
44
|
var _useState = (0, _react.useState)({}),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
45
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
46
|
+
textareaStyles = _useState2[0],
|
|
47
|
+
setTextareaStyles = _useState2[1];
|
|
79
48
|
var propsValue = textAreaProps.value,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
49
|
+
allowClear = textAreaProps.allowClear,
|
|
50
|
+
borderType = textAreaProps.borderType,
|
|
51
|
+
defaultValue = textAreaProps.defaultValue,
|
|
52
|
+
count = textAreaProps.count,
|
|
53
|
+
countPosition = textAreaProps.countPosition,
|
|
54
|
+
autoSize = textAreaProps.autoSize,
|
|
55
|
+
className = textAreaProps.className,
|
|
56
|
+
customPrefixcls = textAreaProps.prefixCls,
|
|
57
|
+
canResize = textAreaProps.canResize,
|
|
58
|
+
maxLength = textAreaProps.maxLength,
|
|
59
|
+
disabled = textAreaProps.disabled,
|
|
60
|
+
onBlur = textAreaProps.onBlur,
|
|
61
|
+
onFocus = textAreaProps.onFocus,
|
|
62
|
+
onChange = textAreaProps.onChange,
|
|
63
|
+
placeholder = textAreaProps.placeholder,
|
|
64
|
+
style = textAreaProps.style,
|
|
65
|
+
size = textAreaProps.size,
|
|
66
|
+
others = __rest(textAreaProps, ["value", "allowClear", "borderType", "defaultValue", "count", "countPosition", "autoSize", "className", "prefixCls", "canResize", "maxLength", "disabled", "onBlur", "onFocus", "onChange", "placeholder", "style", "size"]);
|
|
99
67
|
var textAreaPrefixCls = getPrefixCls(prefixCls, 'input', customPrefixcls); // TextArea样式前缀
|
|
100
|
-
|
|
101
68
|
(0, _devwarning.default)(_input.BorderTypes.indexOf(borderType) === -1, 'textarea', "cannot found textarea borderType '".concat(borderType, "'"));
|
|
102
|
-
|
|
103
69
|
var _useMergedState = (0, _hooks.useMergedState)('', {
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
70
|
+
value: propsValue,
|
|
71
|
+
defaultValue: defaultValue
|
|
72
|
+
}),
|
|
73
|
+
_useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
|
|
74
|
+
value = _useMergedState2[0],
|
|
75
|
+
setValue = _useMergedState2[1];
|
|
111
76
|
var _useState3 = (0, _react.useState)(false),
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
77
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
78
|
+
focused = _useState4[0],
|
|
79
|
+
setFocused = _useState4[1];
|
|
116
80
|
var _useState5 = (0, _react.useState)(false),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
81
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
82
|
+
showNumberMark = _useState6[0],
|
|
83
|
+
setShowNumberMark = _useState6[1];
|
|
121
84
|
var resizeTextarea = (0, _react.useCallback)(function () {
|
|
122
85
|
if (!autoSize || !textareaRef.current) {
|
|
123
86
|
return;
|
|
124
87
|
}
|
|
125
|
-
|
|
126
88
|
var minRows = autoSize.minRows,
|
|
127
|
-
|
|
89
|
+
maxRows = autoSize.maxRows;
|
|
128
90
|
var textareaStyles = (0, _calculateNodeHeight.default)(textareaRef.current, minRows, maxRows);
|
|
129
|
-
|
|
130
91
|
if (style) {
|
|
131
92
|
var height = style.height || _maxSafeInteger.default;
|
|
132
93
|
var maxHeight = style.maxHeight || _maxSafeInteger.default;
|
|
133
|
-
|
|
134
94
|
if (Math.min(height, maxHeight) > textareaStyles.height) {
|
|
135
95
|
textareaStyles.overflowY = 'hidden';
|
|
136
96
|
} else {
|
|
137
97
|
textareaStyles.overflowY = '';
|
|
138
98
|
}
|
|
139
99
|
}
|
|
140
|
-
|
|
141
100
|
setTextareaStyles(textareaStyles);
|
|
142
101
|
}, [autoSize, textareaRef, style]);
|
|
143
102
|
(0, _hooks.useResizeObserver)(textareaRef.current, resizeTextarea);
|
|
144
|
-
|
|
145
103
|
var handleChange = function handleChange(e) {
|
|
146
104
|
if (value === undefined) return;
|
|
147
105
|
setValue(e.target.value);
|
|
148
106
|
onChange && onChange(e);
|
|
149
107
|
};
|
|
150
|
-
|
|
151
108
|
var handleFocus = function handleFocus(e) {
|
|
152
109
|
setFocused(true);
|
|
153
110
|
onFocus && onFocus(e);
|
|
154
111
|
};
|
|
155
|
-
|
|
156
112
|
var handleBlur = function handleBlur(e) {
|
|
157
113
|
setFocused(false);
|
|
158
114
|
onBlur && onBlur(e);
|
|
159
115
|
};
|
|
160
|
-
|
|
161
116
|
var handleReset = function handleReset() {
|
|
162
117
|
setValue('');
|
|
163
118
|
var event = {
|
|
@@ -165,33 +120,26 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
165
120
|
value: ''
|
|
166
121
|
}
|
|
167
122
|
};
|
|
168
|
-
|
|
169
123
|
if (textareaRef.current) {
|
|
170
124
|
textareaRef.current.value = '';
|
|
171
125
|
textareaRef.current.focus();
|
|
172
126
|
event.target = textareaRef.current;
|
|
173
127
|
}
|
|
174
|
-
|
|
175
128
|
onChange && onChange(event);
|
|
176
129
|
};
|
|
177
|
-
|
|
178
130
|
var renderNumberMark = function renderNumberMark() {
|
|
179
131
|
var enteredLength = value ? value.length : 0;
|
|
180
|
-
|
|
181
132
|
if (enteredLength >= maxLength) {
|
|
182
133
|
enteredLength = maxLength;
|
|
183
134
|
}
|
|
184
|
-
|
|
185
135
|
if (count && showNumberMark && !disabled && maxLength !== '' && maxLength >= 0) {
|
|
186
136
|
var countClass = (0, _classnames.default)("".concat(textAreaPrefixCls, "-textarea-mark"), (0, _defineProperty2.default)({}, "".concat(textAreaPrefixCls, "-textarea-mark-inner"), countPosition === 'inner'));
|
|
187
137
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
188
138
|
className: countClass
|
|
189
139
|
}, enteredLength, "/", maxLength);
|
|
190
140
|
}
|
|
191
|
-
|
|
192
141
|
return null;
|
|
193
142
|
};
|
|
194
|
-
|
|
195
143
|
(0, _react.useEffect)(function () {
|
|
196
144
|
resizeTextarea();
|
|
197
145
|
}, [value, resizeTextarea]);
|
|
@@ -204,26 +152,21 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
204
152
|
if (focused && !showNumberMark) {
|
|
205
153
|
setShowNumberMark(true);
|
|
206
154
|
}
|
|
207
|
-
|
|
208
155
|
if (!focused && showNumberMark) {
|
|
209
156
|
setShowNumberMark(false);
|
|
210
157
|
}
|
|
211
158
|
}, [focused]);
|
|
212
|
-
|
|
213
159
|
var renderTextArea = function renderTextArea(prefixCls) {
|
|
214
160
|
var _context, _classNames2, _context2;
|
|
215
|
-
|
|
216
161
|
var hadCount = count && !disabled && !allowClear;
|
|
217
|
-
|
|
218
162
|
var _a = style || {},
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
163
|
+
width = _a.width,
|
|
164
|
+
margin = _a.margin,
|
|
165
|
+
marginLeft = _a.marginLeft,
|
|
166
|
+
marginRight = _a.marginRight,
|
|
167
|
+
marginTop = _a.marginTop,
|
|
168
|
+
marginBottom = _a.marginBottom,
|
|
169
|
+
otherStyles = __rest(_a, ["width", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom"]);
|
|
227
170
|
var wrapperStyle = style ? {
|
|
228
171
|
width: width,
|
|
229
172
|
margin: margin,
|
|
@@ -232,13 +175,11 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
232
175
|
marginTop: marginTop,
|
|
233
176
|
marginBottom: marginBottom
|
|
234
177
|
} : {};
|
|
235
|
-
|
|
236
178
|
for (var key in wrapperStyle) {
|
|
237
179
|
if (wrapperStyle[key] === undefined) {
|
|
238
180
|
delete wrapperStyle[key];
|
|
239
181
|
}
|
|
240
182
|
}
|
|
241
|
-
|
|
242
183
|
var textarea = /*#__PURE__*/_react.default.createElement("textarea", (0, _extends2.default)({
|
|
243
184
|
ref: textareaRef,
|
|
244
185
|
disabled: disabled,
|
|
@@ -251,13 +192,11 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
251
192
|
placeholder: placeholder,
|
|
252
193
|
maxLength: maxLength
|
|
253
194
|
}, others));
|
|
254
|
-
|
|
255
195
|
return hadCount ? /*#__PURE__*/_react.default.createElement("span", {
|
|
256
196
|
style: wrapperStyle,
|
|
257
197
|
className: (0, _concat.default)(_context2 = "".concat(prefixCls, "-countWrapper ")).call(_context2, className && !allowClear ? className : '')
|
|
258
198
|
}, textarea, renderNumberMark()) : textarea;
|
|
259
199
|
};
|
|
260
|
-
|
|
261
200
|
return /*#__PURE__*/_react.default.createElement(_ClearableLabeledInput.default, (0, _extends2.default)({}, textAreaProps, {
|
|
262
201
|
handleReset: handleReset,
|
|
263
202
|
value: value,
|
|
@@ -267,9 +206,7 @@ var InternalTextarea = function InternalTextarea(props, ref) {
|
|
|
267
206
|
numberMark: renderNumberMark()
|
|
268
207
|
}));
|
|
269
208
|
};
|
|
270
|
-
|
|
271
209
|
var TextArea = /*#__PURE__*/_react.default.forwardRef(InternalTextarea);
|
|
272
|
-
|
|
273
210
|
TextArea.displayName = 'TextArea';
|
|
274
211
|
var _default = TextArea;
|
|
275
212
|
exports.default = _default;
|
|
@@ -1,27 +1,19 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.calculateNodeStyling = calculateNodeStyling;
|
|
9
8
|
exports.default = calculateNodeHeight;
|
|
10
|
-
|
|
11
9
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
12
|
-
|
|
13
10
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
14
|
-
|
|
15
11
|
var _minSafeInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/min-safe-integer"));
|
|
16
|
-
|
|
17
12
|
var _maxSafeInteger = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/max-safe-integer"));
|
|
18
|
-
|
|
19
13
|
var _big = _interopRequireDefault(require("big.js"));
|
|
20
|
-
|
|
21
14
|
var HIDDEN_TEXTAREA_STYLE = "\n min-height:0 !important;\n\tmax-height:none !important;\n\theight:0 !important;\n\tvisibility:hidden !important;\n position:absolute !important;\n overflow:hidden !important;\n z-index:-1000 !important;\n top:0 !important;\n right:0 !important;\n";
|
|
22
15
|
var SIZING_STYLE = ['letter-spacing', 'line-height', 'padding-top', 'padding-bottom', 'font-family', 'font-weight', 'font-size', 'font-variant', 'text-rendering', 'text-transform', 'width', 'text-indent', 'padding-left', 'padding-right', 'border-width', 'box-sizing', 'word-break'];
|
|
23
16
|
var hiddenTextarea;
|
|
24
|
-
|
|
25
17
|
function calculateNodeStyling(node) {
|
|
26
18
|
var style = window.getComputedStyle(node);
|
|
27
19
|
var boxSizing = style.getPropertyValue('box-sizing') || style.getPropertyValue('-moz-box-sizing') || style.getPropertyValue('-webkit-box-sizing');
|
|
@@ -29,7 +21,6 @@ function calculateNodeStyling(node) {
|
|
|
29
21
|
var borderSize = parseFloat(new _big.default(parseFloat(style.getPropertyValue('border-bottom-width')) || 0).plus(parseFloat(style.getPropertyValue('border-top-width')) || 0).valueOf());
|
|
30
22
|
var sizingStyle = (0, _map.default)(SIZING_STYLE).call(SIZING_STYLE, function (name) {
|
|
31
23
|
var _context;
|
|
32
|
-
|
|
33
24
|
return (0, _concat.default)(_context = "".concat(name, ":")).call(_context, style.getPropertyValue(name));
|
|
34
25
|
}).join(';');
|
|
35
26
|
var nodeInfo = {
|
|
@@ -40,38 +31,31 @@ function calculateNodeStyling(node) {
|
|
|
40
31
|
};
|
|
41
32
|
return nodeInfo;
|
|
42
33
|
}
|
|
43
|
-
|
|
44
34
|
function calculateNodeHeight(uiTextNode) {
|
|
45
35
|
var _context2;
|
|
46
|
-
|
|
47
36
|
var minRows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
48
37
|
var maxRows = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
49
|
-
|
|
50
38
|
if (!hiddenTextarea) {
|
|
51
39
|
hiddenTextarea = document.createElement('textarea');
|
|
52
40
|
hiddenTextarea.setAttribute('tab-index', '-1');
|
|
53
41
|
hiddenTextarea.setAttribute('aria-hidden', 'true');
|
|
54
42
|
document.body.appendChild(hiddenTextarea);
|
|
55
43
|
}
|
|
56
|
-
|
|
57
44
|
if (uiTextNode.getAttribute('wrap')) {
|
|
58
45
|
hiddenTextarea.setAttribute('wrap', uiTextNode.getAttribute('wrap'));
|
|
59
46
|
} else {
|
|
60
47
|
hiddenTextarea.removeAttribute('wrap');
|
|
61
48
|
}
|
|
62
|
-
|
|
63
49
|
var _calculateNodeStyling = calculateNodeStyling(uiTextNode),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
50
|
+
paddingSize = _calculateNodeStyling.paddingSize,
|
|
51
|
+
borderSize = _calculateNodeStyling.borderSize,
|
|
52
|
+
boxSizing = _calculateNodeStyling.boxSizing,
|
|
53
|
+
sizingStyle = _calculateNodeStyling.sizingStyle;
|
|
69
54
|
hiddenTextarea.setAttribute('style', (0, _concat.default)(_context2 = "".concat(sizingStyle, ";")).call(_context2, HIDDEN_TEXTAREA_STYLE));
|
|
70
55
|
hiddenTextarea.value = uiTextNode.value || uiTextNode.placeholder || '';
|
|
71
56
|
var minHeight = _minSafeInteger.default;
|
|
72
57
|
var maxHeight = _maxSafeInteger.default;
|
|
73
58
|
var height = parseFloat(new _big.default(hiddenTextarea.scrollHeight).valueOf());
|
|
74
|
-
|
|
75
59
|
if (boxSizing === 'border-box') {
|
|
76
60
|
height = parseFloat(new _big.default(height).plus(borderSize).valueOf()); // height += borderSize
|
|
77
61
|
} else if (boxSizing === 'content-box') {
|
|
@@ -81,10 +65,8 @@ function calculateNodeHeight(uiTextNode) {
|
|
|
81
65
|
if (minRows !== null || maxRows !== null) {
|
|
82
66
|
hiddenTextarea.value = ' ';
|
|
83
67
|
var bigSingleRowHeight = new _big.default(hiddenTextarea.scrollHeight).minus(paddingSize);
|
|
84
|
-
|
|
85
68
|
if (minRows !== null) {
|
|
86
69
|
minHeight = parseFloat(bigSingleRowHeight.times(minRows).valueOf());
|
|
87
|
-
|
|
88
70
|
if (boxSizing === 'border-box') {
|
|
89
71
|
minHeight = parseFloat(new _big.default(minHeight).plus(paddingSize).plus(borderSize).valueOf()); // minHeight + paddingSize + borderSize
|
|
90
72
|
}
|
|
@@ -94,7 +76,6 @@ function calculateNodeHeight(uiTextNode) {
|
|
|
94
76
|
|
|
95
77
|
if (maxRows !== null) {
|
|
96
78
|
maxHeight = parseFloat(bigSingleRowHeight.times(maxRows).valueOf());
|
|
97
|
-
|
|
98
79
|
if (boxSizing === 'border-box') {
|
|
99
80
|
maxHeight = parseFloat(new _big.default(maxHeight).plus(paddingSize).plus(borderSize).valueOf()); // maxHeight + paddingSize + borderSize
|
|
100
81
|
}
|
package/lib/input/index.js
CHANGED
|
@@ -1,13 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
@@ -30,15 +26,10 @@ Object.defineProperty(exports, "TextArea", {
|
|
|
30
26
|
}
|
|
31
27
|
});
|
|
32
28
|
exports.default = void 0;
|
|
33
|
-
|
|
34
29
|
var _input = _interopRequireWildcard(require("./input"));
|
|
35
|
-
|
|
36
30
|
var _TextArea = _interopRequireDefault(require("./TextArea"));
|
|
37
|
-
|
|
38
31
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
-
|
|
40
32
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
-
|
|
42
33
|
// export { TextAreaProps } from './TextArea'
|
|
43
34
|
var _default = _input.default;
|
|
44
35
|
exports.default = _default;
|