@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
|
@@ -324,6 +324,9 @@
|
|
|
324
324
|
.kd-select-bordered.kd-select-single .kd-select-selection-search {
|
|
325
325
|
padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
|
|
326
326
|
}
|
|
327
|
+
.kd-select-bordered .kd-select-placeholder {
|
|
328
|
+
padding-left: var(--kd-c-select-bordered-spacing-padding-left, 8px);
|
|
329
|
+
}
|
|
327
330
|
.kd-select-wrapper {
|
|
328
331
|
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
329
332
|
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
|
package/lib/slider/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 _slider = _interopRequireWildcard(require("./slider"));
|
|
18
|
-
|
|
19
13
|
_Object$keys(_slider).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(_slider).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 = _slider.default;
|
|
36
27
|
exports.default = _default;
|
package/lib/slider/marks.js
CHANGED
|
@@ -1,51 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _extends4 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
13
|
-
|
|
14
10
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
|
|
15
|
-
|
|
16
11
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
17
|
-
|
|
18
12
|
var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
|
|
19
|
-
|
|
20
13
|
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
25
|
-
|
|
26
16
|
function Marks(props) {
|
|
27
17
|
var _context, _context2, _context3;
|
|
28
|
-
|
|
29
18
|
var marks = props.marks,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
19
|
+
prefixCls = props.prefixCls,
|
|
20
|
+
vertical = props.vertical,
|
|
21
|
+
reverse = props.reverse,
|
|
22
|
+
min = props.min,
|
|
23
|
+
max = props.max,
|
|
24
|
+
bound = props.bound,
|
|
25
|
+
onClickLabel = props.onClickLabel;
|
|
37
26
|
var range = max - min;
|
|
38
27
|
var elements = (0, _map.default)(_context = (0, _sort.default)(_context2 = (0, _map.default)(_context3 = (0, _keys.default)(marks)).call(_context3, parseFloat)).call(_context2, function (a, b) {
|
|
39
28
|
return a - b;
|
|
40
29
|
})).call(_context, function (point) {
|
|
41
30
|
var _classNames;
|
|
42
|
-
|
|
43
31
|
// 判断label元素 可能是reactNode 也可能是{label: reactNode, style: css}
|
|
44
32
|
var markNode = marks[point];
|
|
45
33
|
var isObject = (0, _typeof2.default)(markNode) === 'object' && ! /*#__PURE__*/_react.default.isValidElement(markNode);
|
|
46
34
|
var markLabelElement = isObject ? markNode.label : markNode;
|
|
47
|
-
var markLabelStyle = isObject ? markNode.style : null;
|
|
48
|
-
|
|
35
|
+
var markLabelStyle = isObject ? markNode.style : null;
|
|
36
|
+
// 根据vertical和reverse判断mark的样式
|
|
49
37
|
var offset = "".concat(Math.abs(point - min) / range * 100, "%");
|
|
50
38
|
var markStyle = vertical ? (0, _extends4.default)((0, _defineProperty2.default)({}, reverse ? 'top' : 'bottom', offset), markLabelStyle) : (0, _extends4.default)((0, _defineProperty2.default)({}, reverse ? 'right' : 'left', offset), markLabelStyle);
|
|
51
39
|
var isActived = bound >= point;
|
|
@@ -67,6 +55,5 @@ function Marks(props) {
|
|
|
67
55
|
className: marksClass
|
|
68
56
|
}, elements);
|
|
69
57
|
}
|
|
70
|
-
|
|
71
58
|
var _default = Marks;
|
|
72
59
|
exports.default = _default;
|
package/lib/slider/slider.js
CHANGED
|
@@ -1,267 +1,203 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
|
6
|
-
|
|
7
5
|
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
|
8
|
-
|
|
9
6
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
10
|
-
|
|
11
7
|
Object.defineProperty(exports, "__esModule", {
|
|
12
8
|
value: true
|
|
13
9
|
});
|
|
14
10
|
exports.default = void 0;
|
|
15
|
-
|
|
16
11
|
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
|
17
|
-
|
|
18
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
-
|
|
26
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
|
|
28
17
|
var _ConfigContext = _interopRequireDefault(require("../config-provider/ConfigContext"));
|
|
29
|
-
|
|
30
18
|
var _utils = require("../_utils");
|
|
31
|
-
|
|
32
19
|
var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
|
|
33
|
-
|
|
34
20
|
var _marks = _interopRequireDefault(require("./marks"));
|
|
35
|
-
|
|
36
21
|
var _steps = _interopRequireDefault(require("./steps"));
|
|
37
|
-
|
|
38
22
|
var _track = _interopRequireDefault(require("./track"));
|
|
39
|
-
|
|
40
23
|
var _sliderTooltip = _interopRequireDefault(require("./sliderTooltip"));
|
|
41
|
-
|
|
42
24
|
var _hooks = require("../_utils/hooks");
|
|
43
|
-
|
|
44
25
|
var _utils2 = require("./utils");
|
|
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
|
// remove this line and code Slider component here
|
|
64
37
|
var InteranalSlider = function InteranalSlider(props, ref) {
|
|
65
38
|
var _classNames;
|
|
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 sliderProps = (0, _utils.getCompProps)('Slider', userDefaultProps, props);
|
|
73
|
-
|
|
74
44
|
var className = sliderProps.className,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
45
|
+
style = sliderProps.style,
|
|
46
|
+
customPrefixcls = sliderProps.prefixCls,
|
|
47
|
+
defaultValue = sliderProps.defaultValue,
|
|
48
|
+
disabled = sliderProps.disabled,
|
|
49
|
+
dots = sliderProps.dots,
|
|
50
|
+
marks = sliderProps.marks,
|
|
51
|
+
min = sliderProps.min,
|
|
52
|
+
max = sliderProps.max,
|
|
53
|
+
vertical = sliderProps.vertical,
|
|
54
|
+
reverse = sliderProps.reverse,
|
|
55
|
+
step = sliderProps.step,
|
|
56
|
+
tipFormatter = sliderProps.tipFormatter,
|
|
57
|
+
tooltipVisible = sliderProps.tooltipVisible,
|
|
58
|
+
tooltipPlacement = sliderProps.tooltipPlacement,
|
|
59
|
+
propsValue = sliderProps.value,
|
|
60
|
+
getPopupContainer = sliderProps.getPopupContainer,
|
|
61
|
+
onAfterChange = sliderProps.onAfterChange,
|
|
62
|
+
onChange = sliderProps.onChange,
|
|
63
|
+
onBlur = sliderProps.onBlur,
|
|
64
|
+
others = __rest(sliderProps, ["className", "style", "prefixCls", "defaultValue", "disabled", "dots", "marks", "min", "max", "vertical", "reverse", "step", "tipFormatter", "tooltipVisible", "tooltipPlacement", "value", "getPopupContainer", "onAfterChange", "onChange", "onBlur"]);
|
|
96
65
|
(0, _devwarning.default)(className && className.indexOf('shit') > -1, 'slider', "slider className can't include '".concat(className, "'"));
|
|
97
|
-
var sliderPrefixCls = getPrefixCls(prefixCls, 'slider', customPrefixcls);
|
|
98
|
-
|
|
66
|
+
var sliderPrefixCls = getPrefixCls(prefixCls, 'slider', customPrefixcls);
|
|
67
|
+
// ref
|
|
99
68
|
var thisSliderRef = (0, _react.useRef)();
|
|
100
69
|
var sliderRef = ref || thisSliderRef;
|
|
101
70
|
var handleRef = (0, _react.useRef)();
|
|
102
71
|
var sliderClasses = (0, _classnames.default)(sliderPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(sliderPrefixCls, "-vertical"), vertical), (0, _defineProperty2.default)(_classNames, "".concat(sliderPrefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(sliderPrefixCls, "-reverse"), reverse), _classNames));
|
|
103
|
-
|
|
104
72
|
var _useMergedState = (0, _hooks.useMergedState)(0, {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
73
|
+
defaultValue: defaultValue,
|
|
74
|
+
value: propsValue
|
|
75
|
+
}),
|
|
76
|
+
_useMergedState2 = (0, _slicedToArray2.default)(_useMergedState, 2),
|
|
77
|
+
value = _useMergedState2[0],
|
|
78
|
+
setValue = _useMergedState2[1];
|
|
112
79
|
var isDragging = (0, _react.useRef)(false);
|
|
113
80
|
var valueRef = (0, _react.useRef)((0, _hooks.useMergedState)(0, {
|
|
114
81
|
defaultValue: defaultValue,
|
|
115
82
|
value: propsValue
|
|
116
83
|
}));
|
|
117
84
|
var mouseOffset;
|
|
118
|
-
|
|
119
85
|
var addDocumentMouseEvents = function addDocumentMouseEvents() {
|
|
120
86
|
document.addEventListener('mousemove', handleMouseMove);
|
|
121
87
|
document.addEventListener('mouseup', handleMouseUp);
|
|
122
88
|
};
|
|
123
|
-
|
|
124
89
|
var removeDocumentEvents = function removeDocumentEvents() {
|
|
125
90
|
document.removeEventListener('mousemove', handleMouseMove);
|
|
126
91
|
document.removeEventListener('mouseup', handleMouseUp);
|
|
127
92
|
};
|
|
128
|
-
|
|
129
93
|
var noop = function noop() {
|
|
130
94
|
return undefined;
|
|
131
|
-
};
|
|
132
|
-
|
|
133
|
-
|
|
95
|
+
};
|
|
96
|
+
// 获取开始位置尺寸
|
|
134
97
|
var getSliderStart = function getSliderStart() {
|
|
135
98
|
var rect = sliderRef.current.getBoundingClientRect();
|
|
136
|
-
|
|
137
99
|
if (vertical) {
|
|
138
100
|
return reverse ? rect.bottom : rect.top;
|
|
139
101
|
}
|
|
140
|
-
|
|
141
102
|
return window.pageXOffset + (reverse ? rect.right : rect.left);
|
|
142
|
-
};
|
|
143
|
-
|
|
144
|
-
|
|
103
|
+
};
|
|
104
|
+
// 获取整个滑块的长度
|
|
145
105
|
var getSliderLength = function getSliderLength() {
|
|
146
106
|
var slider = sliderRef.current;
|
|
147
|
-
|
|
148
107
|
if (!slider) {
|
|
149
108
|
return 0;
|
|
150
109
|
}
|
|
151
|
-
|
|
152
110
|
var coords = slider.getBoundingClientRect();
|
|
153
111
|
return vertical ? coords.height : coords.width;
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
|
|
112
|
+
};
|
|
113
|
+
// 将鼠标点击位置距开始位置的偏移量转化为value
|
|
157
114
|
var calcValue = function calcValue(offset) {
|
|
158
115
|
var ratio = Math.abs(Math.max(offset, 0) / getSliderLength());
|
|
159
116
|
var value = vertical ? (1 - ratio) * (max - min) + min : ratio * (max - min) + min;
|
|
160
117
|
return value;
|
|
161
|
-
};
|
|
162
|
-
|
|
163
|
-
|
|
118
|
+
};
|
|
119
|
+
// 对值进行转化 1. 在[min, max]区间 2. 当设置了step或者marks时找到距离最近的点
|
|
164
120
|
var trimAlignValue = function trimAlignValue(v) {
|
|
165
121
|
var nextProps = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
166
|
-
|
|
167
122
|
if (v === null) {
|
|
168
123
|
return null;
|
|
169
124
|
}
|
|
170
|
-
|
|
171
125
|
var mergedProps = (0, _extends2.default)((0, _extends2.default)({}, sliderProps), nextProps);
|
|
172
126
|
var val = (0, _utils2.ensureValueInRange)(v, mergedProps);
|
|
173
127
|
return (0, _utils2.ensureValuePrecision)(val, mergedProps);
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
|
|
128
|
+
};
|
|
129
|
+
// 将鼠标点击的位置转化value
|
|
177
130
|
var calcValueByPos = function calcValueByPos(position) {
|
|
178
131
|
var sign = reverse ? -1 : +1;
|
|
179
132
|
var pixelOffset = sign * (position - getSliderStart());
|
|
180
133
|
var nextValue = trimAlignValue(calcValue(pixelOffset));
|
|
181
134
|
return nextValue;
|
|
182
135
|
};
|
|
183
|
-
|
|
184
136
|
var onEnd = function onEnd() {
|
|
185
137
|
removeDocumentEvents();
|
|
186
|
-
|
|
187
138
|
if (isDragging.current) {
|
|
188
139
|
onAfterChange && onAfterChange(valueRef.current);
|
|
189
140
|
}
|
|
190
|
-
|
|
191
141
|
isDragging.current = false;
|
|
192
142
|
};
|
|
193
|
-
|
|
194
|
-
|
|
143
|
+
var handleTouchStart = function handleTouchStart() {
|
|
144
|
+
// console.log('object :>> ', 'object', addDocumentMouseEvents)
|
|
195
145
|
};
|
|
196
|
-
|
|
197
146
|
var handleMouseDown = function handleMouseDown(e) {
|
|
198
147
|
// 移除document的鼠标事件
|
|
199
|
-
removeDocumentEvents();
|
|
200
|
-
|
|
201
|
-
var position = vertical ? e.clientY : e.pageX;
|
|
202
|
-
|
|
148
|
+
removeDocumentEvents();
|
|
149
|
+
// 获取当前鼠标的坐标位置
|
|
150
|
+
var position = vertical ? e.clientY : e.pageX;
|
|
151
|
+
// 判断当前点击的区域是否是拖拽点还是bar条
|
|
203
152
|
var isHandlePoint = handleRef.current === e.target;
|
|
204
|
-
|
|
205
153
|
if (!isHandlePoint) {
|
|
206
154
|
mouseOffset = 0;
|
|
207
155
|
} else {
|
|
208
156
|
var handlePosition = (0, _utils2.getHandleCenterposition)(vertical, e.target);
|
|
209
157
|
mouseOffset = position - handlePosition;
|
|
210
158
|
position = handlePosition;
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
|
|
159
|
+
}
|
|
160
|
+
// 设置状态值
|
|
214
161
|
isDragging.current = true;
|
|
215
162
|
var newV = calcValueByPos(position);
|
|
216
|
-
|
|
217
163
|
if (newV !== value) {
|
|
218
164
|
setValue(newV);
|
|
219
165
|
valueRef.current = newV;
|
|
220
166
|
}
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
167
|
+
onChange && onChange(newV);
|
|
168
|
+
// 监听document的鼠标事件
|
|
224
169
|
addDocumentMouseEvents();
|
|
225
170
|
};
|
|
226
|
-
|
|
227
171
|
var handleMouseUp = function handleMouseUp() {
|
|
228
172
|
onEnd();
|
|
229
173
|
};
|
|
230
|
-
|
|
231
|
-
|
|
174
|
+
var handleKeyDown = function handleKeyDown() {
|
|
175
|
+
// console.log('object :>> ', 'object')
|
|
232
176
|
};
|
|
233
|
-
|
|
234
|
-
|
|
177
|
+
var handleFocus = function handleFocus() {
|
|
178
|
+
// console.log('object :>> ', 'object')
|
|
235
179
|
};
|
|
236
|
-
|
|
237
180
|
var handleBlur = function handleBlur(e) {
|
|
238
181
|
onEnd();
|
|
239
182
|
onBlur && onBlur(e);
|
|
240
183
|
};
|
|
241
|
-
|
|
242
184
|
var handleMouseMove = function handleMouseMove(e) {
|
|
243
185
|
if (!sliderRef.current) {
|
|
244
186
|
removeDocumentEvents();
|
|
245
|
-
|
|
246
187
|
if (isDragging.current) {
|
|
247
188
|
onAfterChange(value);
|
|
248
189
|
}
|
|
249
|
-
|
|
250
190
|
isDragging.current = false;
|
|
251
191
|
return;
|
|
252
192
|
}
|
|
253
|
-
|
|
254
193
|
var position = vertical ? e.clientY : e.pageX;
|
|
255
194
|
var newV = calcValueByPos(position - mouseOffset);
|
|
256
|
-
|
|
257
195
|
if (newV !== value) {
|
|
258
196
|
setValue(newV);
|
|
259
197
|
valueRef.current = newV;
|
|
260
198
|
}
|
|
261
|
-
|
|
262
199
|
onChange && onChange(newV);
|
|
263
200
|
};
|
|
264
|
-
|
|
265
201
|
(0, _react.useEffect)(function () {
|
|
266
202
|
return function () {
|
|
267
203
|
removeDocumentEvents();
|
|
@@ -317,13 +253,12 @@ var InteranalSlider = function InteranalSlider(props, ref) {
|
|
|
317
253
|
min: min,
|
|
318
254
|
max: max,
|
|
319
255
|
bound: value,
|
|
320
|
-
onClickLabel: function onClickLabel() {
|
|
256
|
+
onClickLabel: function onClickLabel() {
|
|
257
|
+
// console.log('hello world!')
|
|
321
258
|
}
|
|
322
259
|
}));
|
|
323
260
|
};
|
|
324
|
-
|
|
325
261
|
var Slider = /*#__PURE__*/_react.default.forwardRef(InteranalSlider);
|
|
326
|
-
|
|
327
262
|
Slider.displayName = 'Slider';
|
|
328
263
|
var _default = Slider;
|
|
329
264
|
exports.default = _default;
|
|
@@ -1,60 +1,40 @@
|
|
|
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 _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
25
|
-
|
|
26
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
|
-
|
|
28
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
-
|
|
30
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
-
|
|
32
19
|
var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
33
20
|
var t = {};
|
|
34
|
-
|
|
35
|
-
for (var p in s) {
|
|
36
|
-
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
37
|
-
}
|
|
38
|
-
|
|
21
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
39
22
|
if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
|
|
40
23
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
41
24
|
}
|
|
42
25
|
return t;
|
|
43
26
|
};
|
|
44
|
-
|
|
45
27
|
var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
46
28
|
var _ref, _ref2;
|
|
47
|
-
|
|
48
29
|
var visible = props.visible,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
30
|
+
prefixCls = props.prefixCls,
|
|
31
|
+
reverse = props.reverse,
|
|
32
|
+
vertical = props.vertical,
|
|
33
|
+
min = props.min,
|
|
34
|
+
max = props.max,
|
|
35
|
+
bound = props.bound,
|
|
36
|
+
tip = props.tip,
|
|
37
|
+
others = __rest(props, ["visible", "prefixCls", "reverse", "vertical", "min", "max", "bound", "tip"]);
|
|
58
38
|
var thisTooltipRef = (0, _react.useRef)(null);
|
|
59
39
|
var tooltipRef = ref || thisTooltipRef;
|
|
60
40
|
var sliderHandleClass = (0, _classnames.default)("".concat(prefixCls, "-handle"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-reverse"), reverse));
|
|
@@ -73,7 +53,6 @@ var SliderTooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
|
|
|
73
53
|
style: handleStyle
|
|
74
54
|
}));
|
|
75
55
|
});
|
|
76
|
-
|
|
77
56
|
SliderTooltip.displayName = 'SliderTooltip';
|
|
78
57
|
var _default = SliderTooltip;
|
|
79
58
|
exports.default = _default;
|
package/lib/slider/steps.js
CHANGED
|
@@ -1,34 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
|
|
11
|
-
|
|
12
9
|
var _sort = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/sort"));
|
|
13
|
-
|
|
14
10
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
15
|
-
|
|
16
11
|
var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
|
|
17
|
-
|
|
18
12
|
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
13
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
21
|
-
|
|
22
14
|
var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
|
|
23
|
-
|
|
24
15
|
var getAllMarkPoints = function getAllMarkPoints(marks, dots, step, min, max) {
|
|
25
16
|
var _context, _context2;
|
|
26
|
-
|
|
27
17
|
(0, _devwarning.default)(dots ? step > 0 : true, 'slider', '`Slider[step]` should be a positive number in order to make Slider[dots] work.');
|
|
28
18
|
var points = (0, _sort.default)(_context = (0, _map.default)(_context2 = (0, _keys.default)(marks)).call(_context2, parseFloat)).call(_context, function (a, b) {
|
|
29
19
|
return a - b;
|
|
30
20
|
});
|
|
31
|
-
|
|
32
21
|
if (dots && step) {
|
|
33
22
|
for (var i = min; i <= max; i += step) {
|
|
34
23
|
if (points.indexOf(i) === -1) {
|
|
@@ -36,26 +25,22 @@ var getAllMarkPoints = function getAllMarkPoints(marks, dots, step, min, max) {
|
|
|
36
25
|
}
|
|
37
26
|
}
|
|
38
27
|
}
|
|
39
|
-
|
|
40
28
|
return points;
|
|
41
29
|
};
|
|
42
|
-
|
|
43
30
|
function steps(props) {
|
|
44
31
|
var _context3;
|
|
45
|
-
|
|
46
32
|
var marks = props.marks,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
33
|
+
prefixCls = props.prefixCls,
|
|
34
|
+
vertical = props.vertical,
|
|
35
|
+
reverse = props.reverse,
|
|
36
|
+
dots = props.dots,
|
|
37
|
+
step = props.step,
|
|
38
|
+
min = props.min,
|
|
39
|
+
max = props.max,
|
|
40
|
+
bound = props.bound;
|
|
55
41
|
var range = max - min;
|
|
56
42
|
var elements = (0, _map.default)(_context3 = getAllMarkPoints(marks, dots, step, min, max)).call(_context3, function (point) {
|
|
57
43
|
var _classNames;
|
|
58
|
-
|
|
59
44
|
var isActived = bound >= point;
|
|
60
45
|
var offset = "".concat(Math.abs(point - min) / range * 100, "%");
|
|
61
46
|
var style = vertical ? (0, _defineProperty2.default)({}, reverse ? 'top' : 'bottom', offset) : (0, _defineProperty2.default)({}, reverse ? 'right' : 'left', offset);
|
|
@@ -71,6 +56,5 @@ function steps(props) {
|
|
|
71
56
|
className: stepClass
|
|
72
57
|
}, elements);
|
|
73
58
|
}
|
|
74
|
-
|
|
75
59
|
var _default = steps;
|
|
76
60
|
exports.default = _default;
|
package/lib/slider/style/css.js
CHANGED