@kdcloudjs/kdesign 1.8.11 → 1.8.13
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.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +93 -15
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +1 -333
- package/es/_utils/arrayUtil.js +0 -8
- package/es/_utils/formatUtil.js +9 -59
- package/es/_utils/getStringLength.js +0 -1
- package/es/_utils/hooks.js +2 -34
- package/es/_utils/index.js +1 -7
- package/es/_utils/numberUtil.js +0 -54
- package/es/_utils/raf.js +2 -2
- package/es/_utils/reactNode.js +1 -1
- package/es/_utils/resizeObserver.js +2 -4
- package/es/_utils/type.js +0 -1
- package/es/_utils/usePopper.js +3 -3
- package/es/alert/alert.js +8 -16
- package/es/anchor/anchor-link.js +3 -3
- package/es/anchor/anchor.js +23 -26
- package/es/anchor/context.js +1 -1
- package/es/avatar/avatar.js +8 -11
- package/es/badge/badge.js +7 -13
- package/es/base-data/base-data.js +42 -104
- package/es/breadcrumb/breadcrumb.js +12 -12
- package/es/breadcrumb/breadcrumbItem.js +5 -5
- package/es/button/button.js +13 -24
- package/es/button/group.js +13 -13
- package/es/card/card.js +12 -14
- package/es/carousel/carousel.js +13 -13
- package/es/carousel/displayList.js +3 -3
- package/es/carousel/fadeList.js +3 -3
- package/es/carousel/slideList.js +4 -4
- package/es/carousel/slidebar.js +3 -3
- package/es/cascader/cascader.js +31 -36
- package/es/checkbox/checkbox.js +25 -30
- package/es/checkbox/group.js +8 -9
- package/es/city-picker/city-picker.js +28 -38
- package/es/city-picker/interface.js +1 -1
- package/es/city-picker/option.js +4 -4
- package/es/clipboard/clipboard.js +5 -23
- package/es/clipboard/util.js +0 -60
- package/es/collapse/collapse.js +5 -5
- package/es/collapse/panel.js +15 -15
- package/es/color-picker/color-picker-panel.js +12 -13
- package/es/color-picker/color-picker.js +6 -10
- package/es/color-picker/utils/validateColor.js +0 -3
- package/es/config-provider/ConfigContext.js +1 -4
- package/es/config-provider/SizeContext.js +3 -3
- package/es/config-provider/compDefaultProps.js +3 -10
- package/es/config-provider/configProvider.js +1 -6
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +6 -23
- package/es/date-picker/context.js +1 -1
- package/es/date-picker/date-panel.js +12 -13
- package/es/date-picker/date-picker.js +7 -12
- package/es/date-picker/hooks/use-hover-value.js +0 -1
- package/es/date-picker/hooks/use-picker-input.js +0 -4
- package/es/date-picker/hooks/use-range-disabled.js +2 -6
- package/es/date-picker/hooks/use-range-view-dates.js +1 -9
- package/es/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/es/date-picker/locale/zh_CN.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +4 -6
- package/es/date-picker/panel/header/header.js +14 -14
- package/es/date-picker/panel/month/month.js +5 -6
- package/es/date-picker/panel/quarter/quarter.js +4 -4
- package/es/date-picker/panel/time/time-column.js +4 -6
- package/es/date-picker/panel/time/time.js +10 -35
- package/es/date-picker/panel/week/week.js +5 -8
- package/es/date-picker/panel/year/year.js +4 -6
- package/es/date-picker/popper.js +3 -6
- package/es/date-picker/range/input-range.js +12 -13
- package/es/date-picker/range-picker.js +13 -36
- package/es/date-picker/single/input-date.js +8 -14
- package/es/date-picker/utils/date-fns.js +0 -35
- package/es/date-picker/utils/get-extra-footer.js +1 -1
- package/es/date-picker/utils/get-ranges.js +8 -8
- package/es/date-picker/utils/index.js +0 -3
- package/es/divider/divider.js +2 -2
- package/es/drawer/drawer.js +14 -39
- package/es/dropdown/dropdown.js +10 -11
- package/es/dropdown/menu.js +8 -12
- package/es/empty/defaultEmptyImg.js +18 -18
- package/es/empty/empty.js +9 -10
- package/es/empty/illustrationEmptyImg.js +106 -106
- package/es/filter/condition.js +10 -10
- package/es/filter/filter.js +17 -19
- package/es/filter/scheme.js +34 -41
- package/es/form/Field.js +5 -5
- package/es/form/FieldContext.js +1 -1
- package/es/form/FieldLabel.js +2 -2
- package/es/form/FieldWrapper.js +6 -6
- package/es/form/Form.js +2 -5
- package/es/form/FormContext.js +2 -4
- package/es/form/hooks/useForm.js +1 -14
- package/es/form/index.js +1 -1
- package/es/grid/col.js +1 -7
- package/es/grid/row.js +3 -9
- package/es/icon/icon.js +2 -2
- package/es/image/image.js +5 -7
- package/es/image/preview-group.js +3 -4
- package/es/image/preview.js +22 -24
- package/es/image-cropper/cropper.js +3 -6
- package/es/image-cropper/image-cropper.js +5 -5
- package/es/image-cropper/operation-bar.js +9 -9
- package/es/index.js +4 -0
- package/es/input/ClearableLabeledInput.js +13 -13
- package/es/input/TextArea.js +7 -7
- package/es/input/calculateNodeHeight.js +6 -11
- package/es/input/index.js +0 -1
- package/es/input/input.js +5 -5
- package/es/input-number/inputNumber.js +3 -10
- package/es/layout/layout.js +5 -9
- package/es/layout/sider.js +11 -14
- package/es/link/link.js +8 -12
- package/es/locale/locale.js +4 -34
- package/es/menu/menu.js +3 -4
- package/es/menu/menuItem.js +8 -13
- package/es/menu/subMenu.js +19 -27
- package/es/menu/util.js +0 -4
- package/es/message/content.js +13 -13
- package/es/message/index.js +1 -3
- package/es/modal/confirm.js +1 -1
- package/es/modal/modal.js +32 -40
- package/es/notification/content.js +18 -18
- package/es/notification/index.js +1 -1
- package/es/notification-base/index.js +1 -1
- package/es/notification-base/notice.js +2 -2
- package/es/notification-base/notification.js +3 -3
- package/es/pagination/pagination.js +48 -70
- package/es/popconfirm/popconfirm.js +8 -10
- package/es/popper/index.d.ts +4 -1
- package/es/popper/index.js +84 -22
- package/es/progress/circle.js +6 -8
- package/es/progress/line.js +3 -3
- package/es/progress/progress.js +11 -11
- package/es/qr-code/qr-code.js +6 -6
- package/es/radio/context.js +1 -1
- package/es/radio/group.js +9 -13
- package/es/radio/radio-button.js +2 -2
- package/es/radio/radio.js +19 -24
- package/es/rate/rate.js +11 -61
- package/es/search/option.js +4 -5
- package/es/search/quick-search.js +36 -57
- package/es/search/search-panel.js +56 -60
- package/es/search/search.js +9 -10
- package/es/select/interface.js +1 -1
- package/es/select/option.js +4 -4
- package/es/select/select.js +47 -87
- package/es/signature/drawingBoard.js +16 -16
- package/es/signature/signature.js +20 -20
- package/es/signature/utils/signature_pad.js +4 -12
- package/es/slider/marks.js +3 -5
- package/es/slider/slider.js +11 -32
- package/es/slider/sliderTooltip.js +3 -3
- package/es/slider/steps.js +2 -2
- package/es/slider/track.js +1 -1
- package/es/space/space.js +3 -5
- package/es/spin/spin.js +16 -18
- package/es/split-panel/split-panel.js +7 -18
- package/es/split-panel/trigger.js +6 -6
- package/es/stepper/stepper.js +11 -12
- package/es/steps/Step.js +8 -8
- package/es/steps/Steps.js +5 -5
- package/es/switch/switch.js +4 -6
- package/es/table/api.js +5 -22
- package/es/table/table.js +4 -15
- package/es/tabs/active-line.js +2 -6
- package/es/tabs/arrow-button.js +3 -3
- package/es/tabs/context.js +1 -1
- package/es/tabs/index.js +0 -1
- package/es/tabs/tab-pane.js +6 -6
- package/es/tabs/tabs.js +31 -34
- package/es/tag/tag.js +7 -15
- package/es/timeline/Timeline.js +5 -5
- package/es/timeline/TimelineItem.js +5 -5
- package/es/tooltip/tooltip.js +2 -2
- package/es/transfer/list-body.js +4 -4
- package/es/transfer/list-item.js +5 -6
- package/es/transfer/list.js +18 -22
- package/es/transfer/operation.js +7 -7
- package/es/transfer/search.js +5 -5
- package/es/transfer/transfer.js +8 -13
- package/es/tree/tree.js +9 -9
- package/es/tree/treeNode.js +18 -20
- package/es/tree/utils/treeUtils.js +1 -27
- package/es/tree-select/interface.js +1 -1
- package/es/tree-select/tree-select.js +35 -48
- package/es/typography/base.js +5 -5
- package/es/typography/index.js +0 -1
- package/es/typography/paragraph.js +1 -1
- package/es/typography/text.js +1 -1
- package/es/typography/title.js +1 -1
- package/es/typography/typography.js +4 -8
- package/es/upload/dragger.js +2 -2
- package/es/upload/request.js +0 -5
- package/es/upload/scan-files.js +0 -1
- package/es/upload/upload.js +34 -34
- package/es/upload/verify-file.js +0 -1
- package/es/view-container/context.js +1 -1
- package/es/view-container/view-container.js +4 -8
- package/es/virtual-list/Filler.js +2 -2
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +0 -30
- package/es/virtual-list/virtual-list.js +8 -11
- package/lib/_utils/KeyCode.js +1 -333
- package/lib/_utils/arrayUtil.js +0 -8
- package/lib/_utils/formatUtil.js +9 -59
- package/lib/_utils/getStringLength.js +0 -1
- package/lib/_utils/hooks.js +2 -34
- package/lib/_utils/index.js +0 -7
- package/lib/_utils/numberUtil.js +0 -54
- package/lib/_utils/raf.js +2 -2
- package/lib/_utils/reactNode.js +1 -1
- package/lib/_utils/resizeObserver.js +2 -4
- package/lib/_utils/type.js +0 -1
- package/lib/_utils/usePopper.js +3 -3
- package/lib/alert/alert.js +8 -16
- package/lib/anchor/anchor-link.js +3 -3
- package/lib/anchor/anchor.js +23 -26
- package/lib/anchor/context.js +1 -1
- package/lib/avatar/avatar.js +8 -11
- package/lib/badge/badge.js +7 -13
- package/lib/base-data/base-data.js +42 -104
- package/lib/breadcrumb/breadcrumb.js +12 -12
- package/lib/breadcrumb/breadcrumbItem.js +5 -5
- package/lib/button/button.js +13 -24
- package/lib/button/group.js +13 -13
- package/lib/card/card.js +12 -14
- package/lib/carousel/carousel.js +13 -13
- package/lib/carousel/displayList.js +3 -3
- package/lib/carousel/fadeList.js +3 -3
- package/lib/carousel/slideList.js +4 -4
- package/lib/carousel/slidebar.js +3 -3
- package/lib/cascader/cascader.js +31 -36
- package/lib/checkbox/checkbox.js +25 -30
- package/lib/checkbox/group.js +8 -8
- package/lib/city-picker/city-picker.js +28 -38
- package/lib/city-picker/interface.js +1 -1
- package/lib/city-picker/option.js +4 -4
- package/lib/clipboard/clipboard.js +5 -23
- package/lib/clipboard/util.js +0 -60
- package/lib/collapse/collapse.js +5 -5
- package/lib/collapse/panel.js +15 -15
- package/lib/color-picker/color-picker-panel.js +12 -14
- package/lib/color-picker/color-picker.js +6 -10
- package/lib/color-picker/utils/validateColor.js +0 -3
- package/lib/config-provider/ConfigContext.js +1 -5
- package/lib/config-provider/SizeContext.js +3 -3
- package/lib/config-provider/compDefaultProps.js +3 -10
- package/lib/config-provider/configProvider.js +1 -7
- package/lib/config-provider/defaultConfig.js +0 -1
- package/lib/date-picker/calendar.js +6 -23
- package/lib/date-picker/context.js +1 -1
- package/lib/date-picker/date-panel.js +12 -13
- package/lib/date-picker/date-picker.js +7 -12
- package/lib/date-picker/hooks/use-hover-value.js +0 -1
- package/lib/date-picker/hooks/use-picker-input.js +0 -4
- package/lib/date-picker/hooks/use-range-disabled.js +2 -6
- package/lib/date-picker/hooks/use-range-view-dates.js +1 -9
- package/lib/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/lib/date-picker/locale/zh_CN.js +0 -1
- package/lib/date-picker/panel/date-time/date-time.js +4 -6
- package/lib/date-picker/panel/header/header.js +14 -14
- package/lib/date-picker/panel/month/month.js +5 -6
- package/lib/date-picker/panel/quarter/quarter.js +4 -4
- package/lib/date-picker/panel/time/time-column.js +4 -6
- package/lib/date-picker/panel/time/time.js +10 -35
- package/lib/date-picker/panel/week/week.js +5 -8
- package/lib/date-picker/panel/year/year.js +4 -6
- package/lib/date-picker/popper.js +3 -6
- package/lib/date-picker/range/input-range.js +12 -13
- package/lib/date-picker/range-picker.js +13 -36
- package/lib/date-picker/single/input-date.js +8 -14
- package/lib/date-picker/utils/date-fns.js +0 -34
- package/lib/date-picker/utils/get-extra-footer.js +1 -1
- package/lib/date-picker/utils/get-ranges.js +8 -8
- package/lib/date-picker/utils/index.js +0 -3
- package/lib/divider/divider.js +2 -2
- package/lib/drawer/drawer.js +14 -40
- package/lib/dropdown/dropdown.js +10 -11
- package/lib/dropdown/menu.js +8 -12
- package/lib/empty/defaultEmptyImg.js +18 -18
- package/lib/empty/empty.js +9 -10
- package/lib/empty/illustrationEmptyImg.js +106 -106
- package/lib/filter/condition.js +10 -10
- package/lib/filter/filter.js +17 -19
- package/lib/filter/scheme.js +34 -41
- package/lib/form/Field.js +5 -5
- package/lib/form/FieldContext.js +1 -1
- package/lib/form/FieldLabel.js +2 -2
- package/lib/form/FieldWrapper.js +6 -6
- package/lib/form/Form.js +2 -5
- package/lib/form/FormContext.js +2 -4
- package/lib/form/hooks/useForm.js +1 -14
- package/lib/form/index.js +1 -1
- package/lib/grid/col.js +1 -7
- package/lib/grid/row.js +3 -9
- package/lib/icon/icon.js +2 -2
- package/lib/image/image.js +5 -7
- package/lib/image/preview-group.js +3 -4
- package/lib/image/preview.js +22 -24
- package/lib/image-cropper/cropper.js +3 -6
- package/lib/image-cropper/image-cropper.js +5 -5
- package/lib/image-cropper/operation-bar.js +9 -9
- package/lib/index.js +2 -8
- package/lib/input/ClearableLabeledInput.js +13 -13
- package/lib/input/TextArea.js +7 -7
- package/lib/input/calculateNodeHeight.js +6 -11
- package/lib/input/index.js +0 -1
- package/lib/input/input.js +5 -5
- package/lib/input-number/inputNumber.js +3 -10
- package/lib/layout/layout.js +5 -9
- package/lib/layout/sider.js +11 -14
- package/lib/link/link.js +8 -12
- package/lib/locale/locale.js +4 -34
- package/lib/menu/menu.js +3 -4
- package/lib/menu/menuItem.js +8 -13
- package/lib/menu/subMenu.js +19 -27
- package/lib/menu/util.js +0 -4
- package/lib/message/content.js +13 -13
- package/lib/message/index.js +1 -3
- package/lib/modal/confirm.js +1 -1
- package/lib/modal/modal.js +32 -40
- package/lib/notification/content.js +18 -18
- package/lib/notification/index.js +1 -1
- package/lib/notification-base/index.js +1 -1
- package/lib/notification-base/notice.js +2 -2
- package/lib/notification-base/notification.js +3 -3
- package/lib/pagination/pagination.js +48 -70
- package/lib/popconfirm/popconfirm.js +8 -10
- package/lib/popper/index.d.ts +4 -1
- package/lib/popper/index.js +84 -22
- package/lib/progress/circle.js +6 -8
- package/lib/progress/line.js +3 -3
- package/lib/progress/progress.js +11 -11
- package/lib/qr-code/qr-code.js +6 -6
- package/lib/radio/context.js +1 -1
- package/lib/radio/group.js +9 -13
- package/lib/radio/radio-button.js +2 -2
- package/lib/radio/radio.js +19 -24
- package/lib/rate/rate.js +11 -61
- package/lib/search/option.js +4 -5
- package/lib/search/quick-search.js +36 -57
- package/lib/search/search-panel.js +56 -60
- package/lib/search/search.js +9 -10
- package/lib/select/interface.js +1 -1
- package/lib/select/option.js +4 -4
- package/lib/select/select.js +47 -87
- package/lib/signature/drawingBoard.js +16 -16
- package/lib/signature/signature.js +20 -20
- package/lib/signature/utils/signature_pad.js +4 -12
- package/lib/slider/marks.js +3 -5
- package/lib/slider/slider.js +11 -32
- package/lib/slider/sliderTooltip.js +3 -3
- package/lib/slider/steps.js +2 -2
- package/lib/slider/track.js +1 -1
- package/lib/space/space.js +3 -5
- package/lib/spin/spin.js +16 -18
- package/lib/split-panel/split-panel.js +7 -18
- package/lib/split-panel/trigger.js +6 -6
- package/lib/stepper/stepper.js +11 -12
- package/lib/steps/Step.js +8 -8
- package/lib/steps/Steps.js +5 -5
- package/lib/switch/switch.js +4 -6
- package/lib/table/api.js +5 -22
- package/lib/table/table.js +4 -15
- package/lib/tabs/active-line.js +2 -6
- package/lib/tabs/arrow-button.js +3 -3
- package/lib/tabs/context.js +1 -1
- package/lib/tabs/index.js +0 -1
- package/lib/tabs/tab-pane.js +6 -6
- package/lib/tabs/tabs.js +31 -34
- package/lib/tag/tag.js +7 -15
- package/lib/timeline/Timeline.js +5 -5
- package/lib/timeline/TimelineItem.js +5 -5
- package/lib/tooltip/tooltip.js +2 -2
- package/lib/transfer/list-body.js +4 -4
- package/lib/transfer/list-item.js +5 -6
- package/lib/transfer/list.js +18 -22
- package/lib/transfer/operation.js +7 -7
- package/lib/transfer/search.js +5 -5
- package/lib/transfer/transfer.js +8 -13
- package/lib/tree/tree.js +9 -9
- package/lib/tree/treeNode.js +18 -20
- package/lib/tree/utils/treeUtils.js +1 -27
- package/lib/tree-select/interface.js +1 -1
- package/lib/tree-select/tree-select.js +35 -48
- package/lib/typography/base.js +5 -5
- package/lib/typography/index.js +0 -1
- package/lib/typography/paragraph.js +1 -1
- package/lib/typography/text.js +1 -1
- package/lib/typography/title.js +1 -1
- package/lib/typography/typography.js +4 -8
- package/lib/upload/dragger.js +2 -2
- package/lib/upload/request.js +0 -5
- package/lib/upload/scan-files.js +0 -1
- package/lib/upload/upload.js +34 -34
- package/lib/upload/verify-file.js +0 -1
- package/lib/view-container/context.js +1 -1
- package/lib/view-container/view-container.js +4 -8
- package/lib/virtual-list/Filler.js +2 -2
- package/lib/virtual-list/utils/algorithmUtil.js +0 -13
- package/lib/virtual-list/utils/itemUtil.js +0 -30
- package/lib/virtual-list/virtual-list.js +8 -12
- package/package.json +1 -3
package/lib/button/group.js
CHANGED
|
@@ -49,7 +49,7 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
49
49
|
var _useState = (0, _react.useState)(false),
|
|
50
50
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
51
51
|
optionShow = _useState2[0],
|
|
52
|
-
setOptionShow = _useState2[1];
|
|
52
|
+
setOptionShow = _useState2[1];
|
|
53
53
|
var refBtnGroup = _react.default.useRef(null) || ref;
|
|
54
54
|
var triggerRef = _react.default.useRef(null);
|
|
55
55
|
var isBsicType = type === 'basic';
|
|
@@ -59,39 +59,39 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
59
59
|
var _toArray = (0, _reactChildren.toArray)(icon),
|
|
60
60
|
_toArray2 = (0, _slicedToArray2.default)(_toArray, 2),
|
|
61
61
|
_toArray2$ = _toArray2[0],
|
|
62
|
-
iconUp = _toArray2$ === void 0 ?
|
|
62
|
+
iconUp = _toArray2$ === void 0 ? _react.default.createElement(_index.Icon, {
|
|
63
63
|
type: "arrow-up"
|
|
64
64
|
}) : _toArray2$,
|
|
65
65
|
_toArray2$2 = _toArray2[1],
|
|
66
|
-
iconDown = _toArray2$2 === void 0 ?
|
|
66
|
+
iconDown = _toArray2$2 === void 0 ? _react.default.createElement(_index.Icon, {
|
|
67
67
|
type: "arrow-down"
|
|
68
68
|
}) : _toArray2$2;
|
|
69
|
-
return
|
|
69
|
+
return _react.default.createElement("div", {
|
|
70
70
|
style: style,
|
|
71
71
|
className: btnGroupClasses,
|
|
72
72
|
ref: refBtnGroup
|
|
73
|
-
}, isBsicType &&
|
|
73
|
+
}, isBsicType && _react.default.createElement(_index.Button, {
|
|
74
74
|
type: buttonType,
|
|
75
75
|
size: size,
|
|
76
76
|
disabled: disabled,
|
|
77
77
|
loading: loading
|
|
78
|
-
}, children,
|
|
78
|
+
}, children, _react.default.createElement("span", {
|
|
79
79
|
className: "".concat(btnGroupPrefixCls, "-basic-icon")
|
|
80
|
-
}, optionShow ? iconUp : iconDown)), !isBsicType &&
|
|
80
|
+
}, optionShow ? iconUp : iconDown)), !isBsicType && _react.default.createElement(_index.Button, {
|
|
81
81
|
type: buttonType,
|
|
82
82
|
size: size,
|
|
83
83
|
disabled: disabled,
|
|
84
84
|
onClick: onClick,
|
|
85
85
|
loading: loading
|
|
86
|
-
}, children), !isBsicType &&
|
|
86
|
+
}, children), !isBsicType && _react.default.createElement("span", {
|
|
87
87
|
className: "".concat(btnGroupPrefixCls, "-trigger"),
|
|
88
88
|
ref: triggerRef
|
|
89
|
-
}, optionShow ?
|
|
89
|
+
}, optionShow ? _react.default.createElement(_index.Button, {
|
|
90
90
|
icon: iconUp,
|
|
91
91
|
type: buttonType,
|
|
92
92
|
size: size,
|
|
93
93
|
disabled: disabled
|
|
94
|
-
}) :
|
|
94
|
+
}) : _react.default.createElement(_index.Button, {
|
|
95
95
|
icon: iconDown,
|
|
96
96
|
type: buttonType,
|
|
97
97
|
size: size,
|
|
@@ -104,10 +104,10 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
104
104
|
}, [onItemClick]);
|
|
105
105
|
var renderContent = (0, _react.useCallback)(function () {
|
|
106
106
|
var _context2;
|
|
107
|
-
return
|
|
107
|
+
return _react.default.createElement("div", {
|
|
108
108
|
className: "".concat(btnGroupPrefixCls, "-dropdown")
|
|
109
109
|
}, (0, _map.default)(_context2 = overlay || []).call(_context2, function (item) {
|
|
110
|
-
return
|
|
110
|
+
return _react.default.createElement("div", {
|
|
111
111
|
key: item.value,
|
|
112
112
|
className: "".concat(btnGroupPrefixCls, "-dropdown-item"),
|
|
113
113
|
onClick: function onClick() {
|
|
@@ -135,7 +135,7 @@ var InternalButtonGroup = function InternalButtonGroup(props, ref) {
|
|
|
135
135
|
});
|
|
136
136
|
return (0, _usePopper.default)(renderTriggerButton(), renderContent(), popperProps);
|
|
137
137
|
};
|
|
138
|
-
var ButtonGroup =
|
|
138
|
+
var ButtonGroup = _react.default.forwardRef(InternalButtonGroup);
|
|
139
139
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
140
140
|
var _default = ButtonGroup;
|
|
141
141
|
exports.default = _default;
|
package/lib/card/card.js
CHANGED
|
@@ -25,12 +25,11 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
25
25
|
}
|
|
26
26
|
return t;
|
|
27
27
|
};
|
|
28
|
-
var Card =
|
|
28
|
+
var Card = React.forwardRef(function (props, ref) {
|
|
29
29
|
var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
|
30
30
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
31
31
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
32
32
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
33
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
34
33
|
var _a = (0, _utils.getCompProps)('Card', userDefaultProps, props),
|
|
35
34
|
tags = _a.tags,
|
|
36
35
|
style = _a.style,
|
|
@@ -47,38 +46,37 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
47
46
|
checkboxProps = _a.checkboxProps,
|
|
48
47
|
customPrefixcls = _a.prefixCls,
|
|
49
48
|
others = __rest(_a, ["tags", "style", "title", "avatar", "actions", "extra", "children", "className", "hoverable", "headStyle", "bodyStyle", "selectable", "checkboxProps", "prefixCls"]);
|
|
50
|
-
// className前缀
|
|
51
49
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'card', customPrefixcls);
|
|
52
50
|
var cardClassName = (0, _classnames.default)(prefixCls, {
|
|
53
51
|
hoverable: hoverable
|
|
54
52
|
}, className);
|
|
55
|
-
return
|
|
53
|
+
return React.createElement("div", (0, _extends2.default)({
|
|
56
54
|
ref: ref,
|
|
57
55
|
className: cardClassName,
|
|
58
56
|
style: style
|
|
59
|
-
}, others), title && !avatar &&
|
|
57
|
+
}, others), title && !avatar && React.createElement("header", {
|
|
60
58
|
className: "".concat(prefixCls, "-header"),
|
|
61
59
|
style: headStyle
|
|
62
|
-
}, title), avatar &&
|
|
60
|
+
}, title), avatar && React.createElement("header", {
|
|
63
61
|
className: "".concat(prefixCls, "-avatar")
|
|
64
|
-
},
|
|
62
|
+
}, React.createElement("div", {
|
|
65
63
|
className: (0, _classnames.default)("".concat(prefixCls, "-avatar-img"), {
|
|
66
64
|
circle: !avatar.square
|
|
67
65
|
})
|
|
68
|
-
},
|
|
66
|
+
}, React.createElement("img", {
|
|
69
67
|
src: avatar.src
|
|
70
|
-
})),
|
|
68
|
+
})), React.createElement("div", null, React.createElement("h4", {
|
|
71
69
|
className: "".concat(prefixCls, "-avatar-title")
|
|
72
|
-
}, avatar.title),
|
|
70
|
+
}, avatar.title), React.createElement("span", {
|
|
73
71
|
className: "".concat(prefixCls, "-avatar-desc")
|
|
74
|
-
}, avatar.description))), selectable &&
|
|
72
|
+
}, avatar.description))), selectable && React.createElement(_checkbox.default, (0, _extends2.default)({}, checkboxProps)), tags && React.createElement("div", {
|
|
75
73
|
className: "".concat(prefixCls, "-tags")
|
|
76
|
-
}, tags),
|
|
74
|
+
}, tags), React.createElement("div", {
|
|
77
75
|
className: "".concat(prefixCls, "-body"),
|
|
78
76
|
style: bodyStyle
|
|
79
|
-
}, children), actions &&
|
|
77
|
+
}, children), actions && React.createElement("div", {
|
|
80
78
|
className: "".concat(prefixCls, "-actions")
|
|
81
|
-
}, actions), extra &&
|
|
79
|
+
}, actions), extra && React.createElement("div", {
|
|
82
80
|
className: "".concat(prefixCls, "-extra")
|
|
83
81
|
}, extra));
|
|
84
82
|
});
|
package/lib/carousel/carousel.js
CHANGED
|
@@ -52,7 +52,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
52
52
|
style = carouselProps.style;
|
|
53
53
|
(0, _devwarning.default)(DotPositionTypes.indexOf(dotPosition) === -1, 'carousel', "cannot found dotPosition type '".concat(dotPosition, "'"));
|
|
54
54
|
(0, _devwarning.default)(EffectTypes.indexOf(effect) === -1, 'carousel', "cannot found effect type '".concat(effect, "'"));
|
|
55
|
-
var carouselPrefixCls = getPrefixCls(prefixCls, 'carousel', customPrefixcls);
|
|
55
|
+
var carouselPrefixCls = getPrefixCls(prefixCls, 'carousel', customPrefixcls);
|
|
56
56
|
var _React$useState = _react.default.useState(0),
|
|
57
57
|
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
|
|
58
58
|
itemWidth = _React$useState2[0],
|
|
@@ -139,7 +139,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
139
139
|
return;
|
|
140
140
|
}
|
|
141
141
|
var contentRect = entries[0].contentRect;
|
|
142
|
-
var hide = contentRect.width === 0 && contentRect.height === 0;
|
|
142
|
+
var hide = contentRect.width === 0 && contentRect.height === 0;
|
|
143
143
|
var bottom = contentRect.bottom,
|
|
144
144
|
height = contentRect.height,
|
|
145
145
|
left = contentRect.left,
|
|
@@ -223,7 +223,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
223
223
|
var tempChild = processChildren(children);
|
|
224
224
|
var content;
|
|
225
225
|
if (isFadeEffect) {
|
|
226
|
-
content =
|
|
226
|
+
content = _react.default.createElement(_fadeList.FadeList, {
|
|
227
227
|
items: tempChild,
|
|
228
228
|
parentPrefixCls: carouselPrefixCls,
|
|
229
229
|
needAnimation: needAnimation,
|
|
@@ -232,14 +232,14 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
232
232
|
itemWidth: itemWidth
|
|
233
233
|
});
|
|
234
234
|
} else if (isNoneEffect) {
|
|
235
|
-
content =
|
|
235
|
+
content = _react.default.createElement(_displayList.DisplayList, {
|
|
236
236
|
items: tempChild,
|
|
237
237
|
parentPrefixCls: carouselPrefixCls,
|
|
238
238
|
currentIndex: currentIndex,
|
|
239
239
|
ref: listRef
|
|
240
240
|
});
|
|
241
241
|
} else {
|
|
242
|
-
content =
|
|
242
|
+
content = _react.default.createElement(_slideList.SlideList, {
|
|
243
243
|
items: tempChild,
|
|
244
244
|
parentPrefixCls: carouselPrefixCls,
|
|
245
245
|
currentIndex: currentIndex,
|
|
@@ -280,25 +280,25 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
280
280
|
onClick: onClick
|
|
281
281
|
});
|
|
282
282
|
};
|
|
283
|
-
var leftNode =
|
|
283
|
+
var leftNode = _react.default.createElement("div", {
|
|
284
284
|
className: (0, _classnames.default)(jumpClassPrefix, "".concat(jumpClassPrefix, "-left"), (0, _defineProperty2.default)({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex <= 0))
|
|
285
|
-
}, Array.isArray(jumpNode) && jumpNode.length > 0 &&
|
|
285
|
+
}, Array.isArray(jumpNode) && jumpNode.length > 0 && (0, _react.isValidElement)(jumpNode[0]) ? _react.default.cloneElement(jumpNode[0], mergeNode(jumpNode[0], 'left')) : _react.default.createElement(_icon.default, {
|
|
286
286
|
className: "".concat(jumpClassPrefix, "-icon"),
|
|
287
287
|
type: 'arrow-left-circle-solid',
|
|
288
288
|
onClick: leftClick
|
|
289
289
|
}));
|
|
290
|
-
var rightNode =
|
|
290
|
+
var rightNode = _react.default.createElement("div", {
|
|
291
291
|
className: (0, _classnames.default)(jumpClassPrefix, "".concat(jumpClassPrefix, "-right"), (0, _defineProperty2.default)({}, "".concat(jumpClassPrefix, "-disabled"), currentIndex >= tempChild.length - 1))
|
|
292
|
-
}, Array.isArray(jumpNode) && jumpNode.length > 1 &&
|
|
292
|
+
}, Array.isArray(jumpNode) && jumpNode.length > 1 && (0, _react.isValidElement)(jumpNode[1]) ? _react.default.cloneElement(jumpNode[1], mergeNode(jumpNode[1], 'right')) : _react.default.createElement(_icon.default, {
|
|
293
293
|
className: "".concat(jumpClassPrefix, "-icon"),
|
|
294
294
|
type: 'arrow-right-circle-solid',
|
|
295
295
|
onClick: rightClick
|
|
296
296
|
}));
|
|
297
|
-
return
|
|
297
|
+
return _react.default.createElement(_react.default.Fragment, null, leftNode, rightNode);
|
|
298
298
|
}
|
|
299
299
|
return null;
|
|
300
300
|
};
|
|
301
|
-
return
|
|
301
|
+
return _react.default.createElement("div", {
|
|
302
302
|
className: rootClassName,
|
|
303
303
|
ref: carouselRef,
|
|
304
304
|
onTransitionEnd: function onTransitionEnd() {
|
|
@@ -307,7 +307,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
307
307
|
style: style,
|
|
308
308
|
onMouseEnter: handleMouseEnter,
|
|
309
309
|
onMouseLeave: handleMouseLeave
|
|
310
|
-
}, (tempChild === null || tempChild === void 0 ? void 0 : tempChild.length) ? renderDisplayList() : null, (tempChild === null || tempChild === void 0 ? void 0 : tempChild.length) && showDot() ?
|
|
310
|
+
}, (tempChild === null || tempChild === void 0 ? void 0 : tempChild.length) ? renderDisplayList() : null, (tempChild === null || tempChild === void 0 ? void 0 : tempChild.length) && showDot() ? _react.default.createElement(_slidebar.Slidebar, {
|
|
311
311
|
number: tempChild.length,
|
|
312
312
|
currentIndex: currentIndex,
|
|
313
313
|
dotsClassName: dots,
|
|
@@ -316,7 +316,7 @@ var InternalCarousel = function InternalCarousel(props, ref) {
|
|
|
316
316
|
onClick: handleClick
|
|
317
317
|
}) : null, renderJumpNode());
|
|
318
318
|
};
|
|
319
|
-
var Carousel =
|
|
319
|
+
var Carousel = _react.default.forwardRef(InternalCarousel);
|
|
320
320
|
Carousel.displayName = 'Carousel';
|
|
321
321
|
var _default = Carousel;
|
|
322
322
|
exports.default = _default;
|
|
@@ -9,7 +9,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
|
|
|
9
9
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
-
var DisplayList =
|
|
12
|
+
var DisplayList = _react.default.forwardRef(function (props, ref) {
|
|
13
13
|
var _context;
|
|
14
14
|
var items = props.items,
|
|
15
15
|
parentPrefixCls = props.parentPrefixCls,
|
|
@@ -20,14 +20,14 @@ var DisplayList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
20
20
|
var renderItems = function renderItems() {
|
|
21
21
|
return (0, _map.default)(items).call(items, function (item, index) {
|
|
22
22
|
var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
|
|
23
|
-
return
|
|
23
|
+
return _react.default.createElement("li", {
|
|
24
24
|
className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), opacityClassName),
|
|
25
25
|
key: index,
|
|
26
26
|
ref: itemRef
|
|
27
27
|
}, item);
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
|
-
return
|
|
30
|
+
return _react.default.createElement("ul", {
|
|
31
31
|
className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, displayListPrefixCls),
|
|
32
32
|
ref: ref
|
|
33
33
|
}, renderItems());
|
package/lib/carousel/fadeList.js
CHANGED
|
@@ -9,7 +9,7 @@ var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable
|
|
|
9
9
|
var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
|
|
10
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
11
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
12
|
-
var FadeList =
|
|
12
|
+
var FadeList = _react.default.forwardRef(function (props, ref) {
|
|
13
13
|
var _context;
|
|
14
14
|
var items = props.items,
|
|
15
15
|
parentPrefixCls = props.parentPrefixCls,
|
|
@@ -24,7 +24,7 @@ var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
24
24
|
var opacityClassName = index === currentIndex ? "".concat(listPrefixCls, "-item-not-hidden") : "".concat(listPrefixCls, "-item-hidden");
|
|
25
25
|
var animationClassName = needAnimation ? "".concat(listPrefixCls, "-item-animation") : "".concat(listPrefixCls, "-item-none-animation");
|
|
26
26
|
var posx = -1 * index * itemWidth;
|
|
27
|
-
return
|
|
27
|
+
return _react.default.createElement("li", {
|
|
28
28
|
className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), opacityClassName, animationClassName),
|
|
29
29
|
key: index,
|
|
30
30
|
ref: itemRef,
|
|
@@ -34,7 +34,7 @@ var FadeList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
34
34
|
}, item);
|
|
35
35
|
});
|
|
36
36
|
};
|
|
37
|
-
return
|
|
37
|
+
return _react.default.createElement("ul", {
|
|
38
38
|
className: (0, _concat.default)(_context = "".concat(listPrefixCls, " ")).call(_context, fadeListPrefixCls),
|
|
39
39
|
ref: ref
|
|
40
40
|
}, renderItems());
|
|
@@ -11,7 +11,7 @@ var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stab
|
|
|
11
11
|
var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
|
-
var SlideList =
|
|
14
|
+
var SlideList = _react.default.forwardRef(function (props, ref) {
|
|
15
15
|
var _context2;
|
|
16
16
|
var items = props.items,
|
|
17
17
|
parentPrefixCls = props.parentPrefixCls,
|
|
@@ -20,15 +20,15 @@ var SlideList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
20
20
|
var listPrefixCls = "".concat(parentPrefixCls, "-list");
|
|
21
21
|
var renderItems = function renderItems() {
|
|
22
22
|
var _context;
|
|
23
|
-
var _items = items.length > 1 ? (0, _concat.default)(_context = (0, _slice.default)(items).call(items, -1)).call(_context, items, (0, _slice.default)(items).call(items, 0, 1)) : items;
|
|
23
|
+
var _items = items.length > 1 ? (0, _concat.default)(_context = (0, _slice.default)(items).call(items, -1)).call(_context, items, (0, _slice.default)(items).call(items, 0, 1)) : items;
|
|
24
24
|
return (0, _map.default)(_items).call(_items, function (item, index) {
|
|
25
|
-
return
|
|
25
|
+
return _react.default.createElement("li", {
|
|
26
26
|
className: (0, _classnames.default)("".concat(listPrefixCls, "-item"), (0, _defineProperty2.default)({}, "".concat(listPrefixCls, "-item-active"), currentIndex === index - 1)),
|
|
27
27
|
key: index
|
|
28
28
|
}, item);
|
|
29
29
|
});
|
|
30
30
|
};
|
|
31
|
-
return
|
|
31
|
+
return _react.default.createElement("ul", {
|
|
32
32
|
className: (0, _concat.default)(_context2 = "".concat(listPrefixCls, " ")).call(_context2, slideListPrefixCls),
|
|
33
33
|
ref: ref
|
|
34
34
|
}, renderItems());
|
package/lib/carousel/slidebar.js
CHANGED
|
@@ -25,10 +25,10 @@ var Slidebar = function Slidebar(props) {
|
|
|
25
25
|
var _loop = function _loop(i) {
|
|
26
26
|
var _classNames2, _classNames3;
|
|
27
27
|
var dotClassName = (0, _isObject.default)(dotsClassName) ? (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(dotsClassName.dotsClassName), true), (0, _defineProperty2.default)(_classNames2, "".concat(dotsClassName.activeDotsClassName), i === currentIndex), _classNames2)) : (0, _classnames.default)((_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(slideBarPrefixCls, "-dot"), true), (0, _defineProperty2.default)(_classNames3, "".concat(slideBarPrefixCls, "-dot-active"), i === currentIndex), _classNames3));
|
|
28
|
-
var li =
|
|
28
|
+
var li = _react.default.createElement("li", {
|
|
29
29
|
key: i,
|
|
30
30
|
className: dotClassName
|
|
31
|
-
},
|
|
31
|
+
}, _react.default.createElement("button", {
|
|
32
32
|
onClick: function onClick() {
|
|
33
33
|
return _onClick(i);
|
|
34
34
|
}
|
|
@@ -40,7 +40,7 @@ var Slidebar = function Slidebar(props) {
|
|
|
40
40
|
}
|
|
41
41
|
return element;
|
|
42
42
|
};
|
|
43
|
-
return
|
|
43
|
+
return _react.default.createElement("ul", {
|
|
44
44
|
className: slideClassName
|
|
45
45
|
}, renderDot());
|
|
46
46
|
};
|
package/lib/cascader/cascader.js
CHANGED
|
@@ -59,19 +59,18 @@ var CascaderMenuSubmenu = function CascaderMenuSubmenu(props) {
|
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
61
|
}, [selected]);
|
|
62
|
-
return
|
|
62
|
+
return _react.default.createElement("li", (0, _extends2.default)({
|
|
63
63
|
ref: ref
|
|
64
64
|
}, optionProps, {
|
|
65
65
|
title: label
|
|
66
66
|
}), children);
|
|
67
67
|
};
|
|
68
|
-
var Cascader =
|
|
68
|
+
var Cascader = _react.default.forwardRef(function (props, ref) {
|
|
69
69
|
var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
|
|
70
70
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
71
71
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
72
72
|
userDefaultProps = _React$useContext.compDefaultProps,
|
|
73
73
|
locale = _React$useContext.locale;
|
|
74
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
75
74
|
var allProps = (0, _utils.getCompProps)('Cascader', userDefaultProps, props);
|
|
76
75
|
var mode = allProps.mode,
|
|
77
76
|
style = allProps.style,
|
|
@@ -101,10 +100,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
101
100
|
popupPlacement = allProps.popupPlacement,
|
|
102
101
|
maxTagCount = allProps.maxTagCount,
|
|
103
102
|
autoFocus = allProps.autoFocus,
|
|
104
|
-
otherProps = __rest(allProps
|
|
105
|
-
// className前缀
|
|
106
|
-
, ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls", "allowClear", "popupPlacement", "maxTagCount", "autoFocus"]);
|
|
107
|
-
// className前缀
|
|
103
|
+
otherProps = __rest(allProps, ["mode", "style", "options", "bordered", "disabled", "children", "loadData", "clearIcon", "className", "fieldNames", "placeholder", "defaultValue", "maxTagPlaceholder", "displayRender", "expandTrigger", "changeOnSelect", "dropdownRender", "notFoundContent", "getPopupContainer", "defaultPopupVisible", "onPopupVisibleChange", "onPopperVisibleChange", "prefixCls", "allowClear", "popupPlacement", "maxTagCount", "autoFocus"]);
|
|
108
104
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'cascader', customPrefixcls);
|
|
109
105
|
var mergeRef = (0, _react.useRef)();
|
|
110
106
|
var inputRef = (0, _react.useRef)();
|
|
@@ -282,29 +278,28 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
282
278
|
var renderSuffix = function renderSuffix() {
|
|
283
279
|
var _classNames;
|
|
284
280
|
var suffixIcon = allProps.suffixIcon;
|
|
285
|
-
// 选择器下拉icon样式
|
|
286
281
|
var arrowIconCls = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow"), true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow-up"), visible), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow-down"), !visible), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-icon-arrow-focus"), visible), _classNames));
|
|
287
282
|
var iconShow = allowClear && !disabled && currentOptions.length > 0;
|
|
288
283
|
var clearIconCls = (0, _classnames.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-icon-clear"), true));
|
|
289
|
-
return
|
|
284
|
+
return _react.default.createElement(_react.default.Fragment, null, iconShow ? _react.default.createElement("span", {
|
|
290
285
|
onClick: handleClear,
|
|
291
286
|
className: clearIconCls
|
|
292
|
-
},
|
|
287
|
+
}, _react.default.createElement(_icon.default, {
|
|
293
288
|
type: "close-solid"
|
|
294
|
-
}) || clearIcon) : null,
|
|
289
|
+
}) || clearIcon) : null, _react.default.createElement("span", {
|
|
295
290
|
className: arrowIconCls
|
|
296
|
-
}, suffixIcon ||
|
|
291
|
+
}, suffixIcon || _react.default.createElement(_icon.default, {
|
|
297
292
|
type: "arrow-down"
|
|
298
293
|
})));
|
|
299
294
|
};
|
|
300
295
|
var handleMaxTagHolder = (0, _react.useCallback)(function () {
|
|
301
296
|
if (typeof maxTagPlaceholder === 'function') {
|
|
302
|
-
return
|
|
297
|
+
return _react.default.createElement(_tag.default, {
|
|
303
298
|
type: "edit",
|
|
304
299
|
disabled: disabled
|
|
305
300
|
}, maxTagPlaceholder(currentOptions));
|
|
306
301
|
} else {
|
|
307
|
-
return
|
|
302
|
+
return _react.default.createElement(_tag.default, {
|
|
308
303
|
type: "edit",
|
|
309
304
|
disabled: disabled
|
|
310
305
|
}, maxTagPlaceholder);
|
|
@@ -325,20 +320,20 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
325
320
|
var totalText = locale.getLangMsg('Cascader', 'total', {
|
|
326
321
|
total: currentOptions.length
|
|
327
322
|
});
|
|
328
|
-
return
|
|
323
|
+
return _react.default.createElement("div", (0, _extends2.default)({
|
|
329
324
|
className: multipleCls,
|
|
330
325
|
ref: mergeRef,
|
|
331
326
|
style: style
|
|
332
327
|
}, otherProps, {
|
|
333
328
|
tabIndex: -1
|
|
334
|
-
}),
|
|
329
|
+
}), _react.default.createElement("div", {
|
|
335
330
|
className: "".concat(prefixCls, "-multiple-wrapper"),
|
|
336
331
|
ref: wrapperRef
|
|
337
|
-
}, Array.isArray(currentOptions) ?
|
|
338
|
-
return
|
|
332
|
+
}, Array.isArray(currentOptions) ? _react.default.createElement(_react.default.Fragment, null, (0, _map.default)(currentOptions).call(currentOptions, function (option, index) {
|
|
333
|
+
return _react.default.createElement("span", {
|
|
339
334
|
key: (0, _stringify.default)(values[index]),
|
|
340
335
|
className: (0, _classnames.default)("".concat(prefixCls, "-selection-tag"))
|
|
341
|
-
}, !maxTagCount || index <= maxTagCount - 1 ?
|
|
336
|
+
}, !maxTagCount || index <= maxTagCount - 1 ? _react.default.createElement(_tag.default, {
|
|
342
337
|
type: "edit",
|
|
343
338
|
disabled: disabled,
|
|
344
339
|
style: TagStyle,
|
|
@@ -347,13 +342,13 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
347
342
|
return handleRemove(e, option);
|
|
348
343
|
}
|
|
349
344
|
}, displayRender(labels[index], option)) : null);
|
|
350
|
-
}), maxTagCount && currentOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() :
|
|
345
|
+
}), maxTagCount && currentOptions.length > maxTagCount ? maxTagPlaceholder ? handleMaxTagHolder() : _react.default.createElement("span", {
|
|
351
346
|
className: itemCls
|
|
352
|
-
},
|
|
347
|
+
}, _react.default.createElement("span", {
|
|
353
348
|
className: "".concat(prefixCls, "-tag-describe-content")
|
|
354
|
-
}, totalText)) : null) : null,
|
|
349
|
+
}, totalText)) : null) : null, _react.default.createElement("span", {
|
|
355
350
|
className: "".concat(prefixCls, "-placeholder")
|
|
356
|
-
}, !currentOptions.length ? placeholder : null)),
|
|
351
|
+
}, !currentOptions.length ? placeholder : null)), _react.default.createElement("span", {
|
|
357
352
|
ref: suffixRef,
|
|
358
353
|
className: "".concat(prefixCls, "-suffix")
|
|
359
354
|
}, renderSuffix()));
|
|
@@ -370,7 +365,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
370
365
|
className: (0, _classnames.default)("".concat(prefixCls, "-picker-input"), {
|
|
371
366
|
expand: visible
|
|
372
367
|
}),
|
|
373
|
-
suffix: props.suffixIcon ||
|
|
368
|
+
suffix: props.suffixIcon || _react.default.createElement(_icon.default, {
|
|
374
369
|
type: "arrow-down",
|
|
375
370
|
className: (0, _classnames.default)({
|
|
376
371
|
expand: visible
|
|
@@ -382,14 +377,14 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
382
377
|
tabIndex: 0,
|
|
383
378
|
className: (0, _classnames.default)("".concat(prefixCls, "-picker"), className, (_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, "".concat(prefixCls, "-single"), true), (0, _defineProperty2.default)(_classNames5, "".concat(prefixCls, "-expand"), visible), (0, _defineProperty2.default)(_classNames5, "allowClear", allowClear), (0, _defineProperty2.default)(_classNames5, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames5, "".concat(prefixCls, "-bordered"), bordered), _classNames5))
|
|
384
379
|
};
|
|
385
|
-
return
|
|
380
|
+
return _react.default.createElement("div", (0, _extends2.default)({}, singleProps, {
|
|
386
381
|
ref: mergeRef
|
|
387
|
-
}, otherProps), _react.default.Children.count(children) === 1 && children.type ?
|
|
382
|
+
}, otherProps), _react.default.Children.count(children) === 1 && children.type ? _react.default.cloneElement(children) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("div", {
|
|
388
383
|
className: "".concat(prefixCls, "-single-wrapper"),
|
|
389
384
|
ref: wrapperRef
|
|
390
|
-
},
|
|
385
|
+
}, _react.default.createElement(_input.default, (0, _extends2.default)({}, inputProps)), _react.default.createElement("span", {
|
|
391
386
|
className: "".concat(prefixCls, "-picker-label")
|
|
392
|
-
}, (labels === null || labels === void 0 ? void 0 : labels.length) ? displayRender(labels, currentOptions) : ''), allowClear ?
|
|
387
|
+
}, (labels === null || labels === void 0 ? void 0 : labels.length) ? displayRender(labels, currentOptions) : ''), allowClear ? _react.default.createElement(_icon.default, {
|
|
393
388
|
type: "close-solid",
|
|
394
389
|
className: "".concat(prefixCls, "-picker-close"),
|
|
395
390
|
onClick: handleClear
|
|
@@ -451,8 +446,8 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
451
446
|
onPopperVisibleChange && onPopperVisibleChange(v);
|
|
452
447
|
v && setSelectedOptions((0, _slice.default)(currentOptions).call(currentOptions, 0));
|
|
453
448
|
};
|
|
454
|
-
var cascaderMenus =
|
|
455
|
-
return
|
|
449
|
+
var cascaderMenus = _react.default.createElement(_react.default.Fragment, null, (options === null || options === void 0 ? void 0 : options.length) ? (menus === null || menus === void 0 ? void 0 : menus.length) ? (0, _map.default)(menus).call(menus, function (opts, index) {
|
|
450
|
+
return _react.default.createElement("ul", {
|
|
456
451
|
key: index,
|
|
457
452
|
className: "".concat(prefixCls, "-menu")
|
|
458
453
|
}, (opts === null || opts === void 0 ? void 0 : opts.length) ? (0, _map.default)(opts).call(opts, function (opt) {
|
|
@@ -474,22 +469,22 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
474
469
|
if (!opt.disabled) {
|
|
475
470
|
optionProps[expendEvent] = isMultiple ? onMultipleExpend.bind(null, index, opt, children) : onExpend.bind(null, index, opt, children);
|
|
476
471
|
}
|
|
477
|
-
var node =
|
|
472
|
+
var node = _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
|
|
478
473
|
className: "".concat(prefixCls, "-menu-item-label")
|
|
479
|
-
}, label), loading ?
|
|
474
|
+
}, label), loading ? _react.default.createElement(_icon.default, {
|
|
480
475
|
type: "loadding-circle",
|
|
481
476
|
spin: true
|
|
482
|
-
}) : (children === null || children === void 0 ? void 0 : children.length) || isLeaf === false ? props.expandIcon ||
|
|
477
|
+
}) : (children === null || children === void 0 ? void 0 : children.length) || isLeaf === false ? props.expandIcon || _react.default.createElement(_icon.default, {
|
|
483
478
|
type: "arrow-right"
|
|
484
479
|
}) : null);
|
|
485
|
-
return
|
|
480
|
+
return _react.default.createElement(CascaderMenuSubmenu, (0, _extends2.default)({
|
|
486
481
|
key: value
|
|
487
482
|
}, {
|
|
488
483
|
isMultiple: isMultiple,
|
|
489
484
|
optionProps: optionProps,
|
|
490
485
|
label: label,
|
|
491
486
|
selected: selected
|
|
492
|
-
}), isMultiple ?
|
|
487
|
+
}), isMultiple ? _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_checkbox.default, {
|
|
493
488
|
checked: (0, _util.getChecked)(checkedKeys, value),
|
|
494
489
|
indeterminate: (0, _util.getHalfChecked)(halfCheckedKeys, value),
|
|
495
490
|
disabled: opt.disabled,
|
|
@@ -499,7 +494,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
499
494
|
className: "".concat(prefixCls, "-checkbox")
|
|
500
495
|
}), node) : node);
|
|
501
496
|
}) : null);
|
|
502
|
-
}) : null :
|
|
497
|
+
}) : null : _react.default.createElement(_empty.default, {
|
|
503
498
|
description: notFoundContent
|
|
504
499
|
}));
|
|
505
500
|
var cascaderPopper = dropdownRender(cascaderMenus);
|
package/lib/checkbox/checkbox.js
CHANGED
|
@@ -103,7 +103,6 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
|
|
|
103
103
|
(_a = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('click', handleRepeatClick);
|
|
104
104
|
return function () {
|
|
105
105
|
var _a;
|
|
106
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
107
106
|
(_a = labelRef === null || labelRef === void 0 ? void 0 : labelRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleRepeatClick);
|
|
108
107
|
};
|
|
109
108
|
}, []);
|
|
@@ -120,38 +119,34 @@ var InternalCheckbox = function InternalCheckbox(props, ref) {
|
|
|
120
119
|
if ((value !== null && value !== void 0 ? value : '') !== '') {
|
|
121
120
|
inputProps.value = value;
|
|
122
121
|
}
|
|
123
|
-
return (
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
type: "right-bold",
|
|
148
|
-
className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
|
|
149
|
-
}))) : null)
|
|
150
|
-
);
|
|
122
|
+
return _react.default.createElement("label", (0, _extends2.default)({
|
|
123
|
+
className: getRootClassName,
|
|
124
|
+
style: style,
|
|
125
|
+
ref: labelRef
|
|
126
|
+
}, rest), _react.default.createElement("span", {
|
|
127
|
+
className: checkedWrapperClassName
|
|
128
|
+
}, selected ? _react.default.createElement("span", {
|
|
129
|
+
className: innerIconClassName
|
|
130
|
+
}, _react.default.createElement(_icon.default, {
|
|
131
|
+
type: "right-bold",
|
|
132
|
+
className: (0, _concat.default)(_context19 = "".concat(checkboxPrefixCls, "-")).call(_context19, mergedCheckboxType, "-inner-icon")
|
|
133
|
+
})) : null, _react.default.createElement("input", (0, _extends2.default)({
|
|
134
|
+
type: "checkbox",
|
|
135
|
+
ref: ref
|
|
136
|
+
}, inputProps))), children ? _react.default.createElement("span", {
|
|
137
|
+
className: "".concat(checkboxPrefixCls, "-children")
|
|
138
|
+
}, children) : null, !isDefaultType() ? _react.default.createElement("span", {
|
|
139
|
+
className: triangleClassName
|
|
140
|
+
}, _react.default.createElement("span", {
|
|
141
|
+
className: innerIconClassName
|
|
142
|
+
}, _react.default.createElement(_icon.default, {
|
|
143
|
+
type: "right-bold",
|
|
144
|
+
className: (0, _concat.default)(_context20 = "".concat(checkboxPrefixCls, "-")).call(_context20, mergedCheckboxType, "-inner-icon")
|
|
145
|
+
}))) : null);
|
|
151
146
|
};
|
|
152
147
|
return getDefaultCheckbox();
|
|
153
148
|
};
|
|
154
|
-
var Checkbox =
|
|
149
|
+
var Checkbox = _react.default.forwardRef(InternalCheckbox);
|
|
155
150
|
Checkbox.displayName = 'Checkbox';
|
|
156
151
|
var _default = Checkbox;
|
|
157
152
|
exports.default = _default;
|