@kdcloudjs/kdesign 1.8.12 → 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 +5 -3
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +2 -2
- 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 +34 -103
- 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 +2 -0
- package/es/popper/index.js +9 -15
- 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 +34 -103
- 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 +2 -0
- package/lib/popper/index.js +9 -15
- 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/tabs/tabs.js
CHANGED
|
@@ -36,7 +36,7 @@ var TabsSizes = (0, _type.tuple)('middle', 'small');
|
|
|
36
36
|
exports.TabsSizes = TabsSizes;
|
|
37
37
|
var TabsPositions = (0, _type.tuple)('top', 'left', 'right', 'bottom');
|
|
38
38
|
exports.TabsPositions = TabsPositions;
|
|
39
|
-
var EffectTypes = (0, _type.tuple)('scrollx', 'fade', 'none');
|
|
39
|
+
var EffectTypes = (0, _type.tuple)('scrollx', 'fade', 'none');
|
|
40
40
|
exports.EffectTypes = EffectTypes;
|
|
41
41
|
function getDefaultActiveKey(props) {
|
|
42
42
|
var activeKey;
|
|
@@ -143,7 +143,6 @@ var Tabs = function Tabs(props) {
|
|
|
143
143
|
setBoxWidth(((_a = tabRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0);
|
|
144
144
|
}
|
|
145
145
|
var offset = 0;
|
|
146
|
-
// TODO margin需要是变量的形式,不能写死
|
|
147
146
|
var margin = type === 'line' ? 24 : 0;
|
|
148
147
|
var curOffset = ((_b = tabListRef.current) === null || _b === void 0 ? void 0 : _b.offsetLeft) || 0;
|
|
149
148
|
var boxWidth = ((_c = tabRef.current) === null || _c === void 0 ? void 0 : _c.offsetWidth) || 0;
|
|
@@ -155,7 +154,6 @@ var Tabs = function Tabs(props) {
|
|
|
155
154
|
if (left + curOffset < 48 && curOffset) {
|
|
156
155
|
offset = left > 48 ? 48 - left : 0;
|
|
157
156
|
setListPosition(offset);
|
|
158
|
-
// return
|
|
159
157
|
}
|
|
160
158
|
}, [tabRef, left, width, type, ListWidth]);
|
|
161
159
|
var tabsClasses = (0, _classnames.default)(tabsPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(tabsPrefixCls, "-")).call(_context, position), position), (0, _defineProperty2.default)(_classNames, "".concat(tabsPrefixCls, "-noContainer"), noContainer), _classNames));
|
|
@@ -188,7 +186,7 @@ var Tabs = function Tabs(props) {
|
|
|
188
186
|
});
|
|
189
187
|
var formatTabPane = function formatTabPane(child) {
|
|
190
188
|
if (Object.prototype.toString.call(child) === '[object Object]' && child.type.displayName === 'TabPane') {
|
|
191
|
-
return
|
|
189
|
+
return _react.default.createElement(_tabPane.default, (0, _extends2.default)({}, child.props, {
|
|
192
190
|
key: child.key,
|
|
193
191
|
id: child.key,
|
|
194
192
|
onChange: handleActive
|
|
@@ -197,7 +195,7 @@ var Tabs = function Tabs(props) {
|
|
|
197
195
|
return null;
|
|
198
196
|
};
|
|
199
197
|
var renderActiveLine = function renderActiveLine() {
|
|
200
|
-
return ['line', 'dynamic'].indexOf(type) > -1 && !disabled ?
|
|
198
|
+
return ['line', 'dynamic'].indexOf(type) > -1 && !disabled ? _react.default.createElement(_activeLine.default, {
|
|
201
199
|
left: left,
|
|
202
200
|
width: width
|
|
203
201
|
}) : null;
|
|
@@ -211,9 +209,9 @@ var Tabs = function Tabs(props) {
|
|
|
211
209
|
var offset = ListPostion + boxWidth > 0 ? 0 : ListPostion + boxWidth;
|
|
212
210
|
setListPosition(offset);
|
|
213
211
|
};
|
|
214
|
-
return
|
|
212
|
+
return _react.default.createElement("div", {
|
|
215
213
|
className: leftClasses
|
|
216
|
-
},
|
|
214
|
+
}, _react.default.createElement(_arrowButton.default, {
|
|
217
215
|
direction: "left",
|
|
218
216
|
disabled: ListPostion === 0,
|
|
219
217
|
onClick: handleLeft
|
|
@@ -243,31 +241,31 @@ var Tabs = function Tabs(props) {
|
|
|
243
241
|
handleActive(value);
|
|
244
242
|
};
|
|
245
243
|
if (type === 'grid') {
|
|
246
|
-
return
|
|
244
|
+
return _react.default.createElement("div", {
|
|
247
245
|
className: rightClasses
|
|
248
|
-
},
|
|
246
|
+
}, _react.default.createElement(_dropdown.default, {
|
|
249
247
|
menu: menu,
|
|
250
248
|
trigger: ['click'],
|
|
251
249
|
onItemClick: handleSelectItem
|
|
252
|
-
},
|
|
250
|
+
}, _react.default.createElement("span", {
|
|
253
251
|
className: "".concat(tabsPrefixCls, "-more-btn")
|
|
254
|
-
},
|
|
252
|
+
}, _react.default.createElement(_icon.default, {
|
|
255
253
|
type: "more"
|
|
256
254
|
}))));
|
|
257
255
|
}
|
|
258
|
-
return
|
|
256
|
+
return _react.default.createElement("div", {
|
|
259
257
|
className: rightClasses
|
|
260
|
-
}, showScrollArrow ?
|
|
258
|
+
}, showScrollArrow ? _react.default.createElement(_arrowButton.default, {
|
|
261
259
|
direction: "right",
|
|
262
260
|
disabled: ListWidth + ListPostion === boxWidth,
|
|
263
261
|
onClick: handleRight
|
|
264
|
-
}) : null,
|
|
262
|
+
}) : null, _react.default.createElement(_dropdown.default, {
|
|
265
263
|
menu: menu,
|
|
266
264
|
trigger: ['click'],
|
|
267
265
|
onItemClick: handleSelectItem
|
|
268
|
-
},
|
|
266
|
+
}, _react.default.createElement("span", {
|
|
269
267
|
className: "".concat(tabsPrefixCls, "-more-btn")
|
|
270
|
-
},
|
|
268
|
+
}, _react.default.createElement(_icon.default, {
|
|
271
269
|
type: "arrow-down"
|
|
272
270
|
}))));
|
|
273
271
|
};
|
|
@@ -275,16 +273,16 @@ var Tabs = function Tabs(props) {
|
|
|
275
273
|
if (type !== 'dynamic' || !leftOperations || !leftOperations.props.children) return null;
|
|
276
274
|
var classes = (0, _classnames.default)("".concat(tabsPrefixCls, "-left-operations"), {});
|
|
277
275
|
var children = Object.prototype.toString.call(leftOperations.props.children) === '[object Array]' ? leftOperations.props.children : [leftOperations.props.children];
|
|
278
|
-
return
|
|
276
|
+
return _react.default.createElement("div", {
|
|
279
277
|
className: classes
|
|
280
278
|
}, (0, _map.default)(children).call(children, function (child, index) {
|
|
281
279
|
var event = function event() {
|
|
282
280
|
child.props.onClick && child.props.onClick();
|
|
283
281
|
};
|
|
284
|
-
return
|
|
282
|
+
return _react.default.createElement("span", {
|
|
285
283
|
className: "".concat(tabsPrefixCls, "-left-operations-item"),
|
|
286
284
|
key: index
|
|
287
|
-
},
|
|
285
|
+
}, _react.default.createElement("span", {
|
|
288
286
|
onClick: event
|
|
289
287
|
}, child));
|
|
290
288
|
}));
|
|
@@ -293,16 +291,16 @@ var Tabs = function Tabs(props) {
|
|
|
293
291
|
if (type !== 'dynamic' || !rightOperations || !rightOperations.props.children) return null;
|
|
294
292
|
var classes = (0, _classnames.default)("".concat(tabsPrefixCls, "-right-operations"), {});
|
|
295
293
|
var children = Object.prototype.toString.call(rightOperations.props.children) === '[object Array]' ? rightOperations.props.children : [rightOperations.props.children];
|
|
296
|
-
return
|
|
294
|
+
return _react.default.createElement("div", {
|
|
297
295
|
className: classes
|
|
298
296
|
}, (0, _map.default)(children).call(children, function (child, index) {
|
|
299
297
|
var event = function event() {
|
|
300
298
|
child.props.onClick && child.props.onClick();
|
|
301
299
|
};
|
|
302
|
-
return
|
|
300
|
+
return _react.default.createElement("span", {
|
|
303
301
|
className: "".concat(tabsPrefixCls, "-right-operations-item"),
|
|
304
302
|
key: index
|
|
305
|
-
},
|
|
303
|
+
}, _react.default.createElement("span", {
|
|
306
304
|
onClick: event
|
|
307
305
|
}, child));
|
|
308
306
|
}));
|
|
@@ -327,7 +325,7 @@ var Tabs = function Tabs(props) {
|
|
|
327
325
|
var listPositionStyle = {
|
|
328
326
|
left: "".concat(ListPostion, "px")
|
|
329
327
|
};
|
|
330
|
-
var renderWrap =
|
|
328
|
+
var renderWrap = _react.default.createElement("div", {
|
|
331
329
|
ref: tabListRef,
|
|
332
330
|
className: "".concat(tabsPrefixCls, "-tab-list"),
|
|
333
331
|
style: listPositionStyle
|
|
@@ -335,25 +333,25 @@ var Tabs = function Tabs(props) {
|
|
|
335
333
|
if (!contextMenuList) return renderWrap;
|
|
336
334
|
var children = Object.prototype.toString.call(contextMenuList.props.children) === '[object Array]' ? contextMenuList.props.children : [contextMenuList.props.children];
|
|
337
335
|
var eventMap = [];
|
|
338
|
-
var menu =
|
|
336
|
+
var menu = _react.default.createElement(_dropdown.default.Menu, null, (0, _map.default)(children).call(children, function (child, index) {
|
|
339
337
|
eventMap.push(child.props.onClick);
|
|
340
|
-
return
|
|
338
|
+
return _react.default.createElement(_dropdown.default.Item, {
|
|
341
339
|
key: index
|
|
342
|
-
},
|
|
340
|
+
}, _react.default.createElement("span", null, child));
|
|
343
341
|
}));
|
|
344
342
|
var handleItemClick = function handleItemClick(key) {
|
|
345
343
|
var event = eventMap[key];
|
|
346
344
|
event && event(triggerKey);
|
|
347
345
|
};
|
|
348
|
-
return
|
|
346
|
+
return _react.default.createElement(_dropdown.default, {
|
|
349
347
|
menu: menu,
|
|
350
348
|
trigger: ['contextMenu'],
|
|
351
349
|
onItemClick: handleItemClick
|
|
352
350
|
}, renderWrap);
|
|
353
351
|
};
|
|
354
|
-
return
|
|
352
|
+
return _react.default.createElement("div", (0, _extends2.default)({}, (0, _omit.omit)(tabsProps, ['activeKey', 'defaultActiveKey', 'showScrollArrow', 'noContainer']), {
|
|
355
353
|
className: tabNavsClasses
|
|
356
|
-
}), renderLeftOperations(), renderLeftArrow(),
|
|
354
|
+
}), renderLeftOperations(), renderLeftArrow(), _react.default.createElement("div", {
|
|
357
355
|
ref: tabRef,
|
|
358
356
|
className: "".concat(tabsPrefixCls, "-tab-wrap")
|
|
359
357
|
}, renderTabWrap()), renderRightArrows(childrenToRender), renderRightOperations());
|
|
@@ -364,7 +362,6 @@ var Tabs = function Tabs(props) {
|
|
|
364
362
|
(0, _map.default)(containerPanes).call(containerPanes, function (pane) {
|
|
365
363
|
var props = pane.props,
|
|
366
364
|
key = pane.key;
|
|
367
|
-
// 如果没有children传入那就以tab为准
|
|
368
365
|
var item = {
|
|
369
366
|
key: key
|
|
370
367
|
};
|
|
@@ -375,18 +372,18 @@ var Tabs = function Tabs(props) {
|
|
|
375
372
|
}
|
|
376
373
|
carouselData.push(item);
|
|
377
374
|
});
|
|
378
|
-
return
|
|
375
|
+
return _react.default.createElement(_carousel.default, {
|
|
379
376
|
ref: carouselRef,
|
|
380
377
|
dots: false,
|
|
381
378
|
autoplay: false,
|
|
382
379
|
effect: effect
|
|
383
380
|
}, (0, _map.default)(carouselData).call(carouselData, function (item) {
|
|
384
|
-
return
|
|
381
|
+
return _react.default.createElement(_react.default.Fragment, {
|
|
385
382
|
key: item.key
|
|
386
383
|
}, item.content);
|
|
387
384
|
}));
|
|
388
385
|
};
|
|
389
|
-
return
|
|
386
|
+
return _react.default.createElement(_context8.TabsContextProvider, {
|
|
390
387
|
value: {
|
|
391
388
|
type: type,
|
|
392
389
|
size: size,
|
|
@@ -396,7 +393,7 @@ var Tabs = function Tabs(props) {
|
|
|
396
393
|
getActiveLinePosition: getActiveLinePosition,
|
|
397
394
|
getTriggerKey: getTriggerKey
|
|
398
395
|
}
|
|
399
|
-
},
|
|
396
|
+
}, _react.default.createElement("div", {
|
|
400
397
|
className: tabsClasses
|
|
401
398
|
}, renderTabPane(), renderContainer()));
|
|
402
399
|
};
|
package/lib/tag/tag.js
CHANGED
|
@@ -34,7 +34,6 @@ exports.TagTypes = TagTypes;
|
|
|
34
34
|
var TagColors = (0, _type.tuple)('process', 'success', 'warning', 'error', 'end', 'expired');
|
|
35
35
|
exports.TagColors = TagColors;
|
|
36
36
|
var TagSizes = (0, _type.tuple)('small', 'middle', 'large');
|
|
37
|
-
// remove this line and code Tag component here
|
|
38
37
|
exports.TagSizes = TagSizes;
|
|
39
38
|
var InteranalTag = function InteranalTag(props, ref) {
|
|
40
39
|
var _context, _context2, _context3, _classNames;
|
|
@@ -71,55 +70,48 @@ var InteranalTag = function InteranalTag(props, ref) {
|
|
|
71
70
|
if (e.defaultPrevented) {
|
|
72
71
|
return;
|
|
73
72
|
}
|
|
74
|
-
// 删除标签
|
|
75
73
|
var tagWrapper = e.currentTarget.parentNode;
|
|
76
74
|
(_a = tagWrapper === null || tagWrapper === void 0 ? void 0 : tagWrapper.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(tagWrapper);
|
|
77
75
|
};
|
|
78
|
-
// ref
|
|
79
76
|
var thisTagRef = (0, _react.useRef)();
|
|
80
77
|
var tagRef = ref || thisTagRef;
|
|
81
|
-
// 对children进行进一步处理 当标签包含图标时 文本内容需要用标签包裹设置外边距
|
|
82
78
|
var handleChild = function handleChild(child) {
|
|
83
79
|
if (!child) return null;
|
|
84
80
|
if (typeof child === 'string' && icon) {
|
|
85
|
-
return
|
|
81
|
+
return _react.default.createElement("span", {
|
|
86
82
|
className: "".concat(tagPrefixCls, "-text")
|
|
87
83
|
}, child);
|
|
88
84
|
}
|
|
89
|
-
return
|
|
85
|
+
return _react.default.createElement("span", {
|
|
90
86
|
className: "".concat(tagPrefixCls, "-ellipsis")
|
|
91
87
|
}, child);
|
|
92
88
|
};
|
|
93
|
-
// 预设的颜色值
|
|
94
89
|
var isPresetColor = ['process', 'success', 'warning', 'error', 'end', 'expired'].indexOf(color) > -1;
|
|
95
90
|
var tagClasses = (0, _classnames.default)(tagPrefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(tagPrefixCls, "-shape-")).call(_context, type), type), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(tagPrefixCls, "-")).call(_context2, color), isPresetColor), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-has-color"), !isPresetColor && color && type === 'attribute'), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-clickable"), clickable), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-closable"), closable), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context3 = "".concat(tagPrefixCls, "-size-")).call(_context3, size), size), (0, _defineProperty2.default)(_classNames, "".concat(tagPrefixCls, "-closable-disabled"), type === 'edit' && disabled), _classNames));
|
|
96
|
-
// 设置自定义颜色值的样式
|
|
97
91
|
var tagColorStyle = !isPresetColor && color && type === 'attribute' ? {
|
|
98
92
|
backgroundColor: color
|
|
99
93
|
} : {};
|
|
100
94
|
var tagStyle = (0, _extends2.default)((0, _extends2.default)({}, tagColorStyle), style);
|
|
101
|
-
// 图标
|
|
102
95
|
var iconNode = icon || null;
|
|
103
96
|
var tagChild = handleChild(children);
|
|
104
|
-
|
|
105
|
-
var closeIconNode = closeIcon || /*#__PURE__*/_react.default.createElement(_index.Icon, {
|
|
97
|
+
var closeIconNode = closeIcon || _react.default.createElement(_index.Icon, {
|
|
106
98
|
type: "close",
|
|
107
99
|
className: "".concat(tagPrefixCls, "-close-icon")
|
|
108
100
|
});
|
|
109
|
-
var closeNode = closable && type === 'edit' ? disabled ?
|
|
101
|
+
var closeNode = closable && type === 'edit' ? disabled ? _react.default.createElement("span", {
|
|
110
102
|
className: "".concat(tagPrefixCls, "-closeWrapper")
|
|
111
|
-
}, closeIconNode) :
|
|
103
|
+
}, closeIconNode) : _react.default.createElement("span", {
|
|
112
104
|
className: "".concat(tagPrefixCls, "-closeWrapper"),
|
|
113
105
|
onClick: handleClose
|
|
114
106
|
}, closeIconNode) : null;
|
|
115
|
-
return
|
|
107
|
+
return _react.default.createElement("span", (0, _extends2.default)({
|
|
116
108
|
ref: tagRef,
|
|
117
109
|
onClick: handleClick,
|
|
118
110
|
className: tagClasses,
|
|
119
111
|
style: tagStyle
|
|
120
112
|
}, others), iconNode, tagChild, closeNode);
|
|
121
113
|
};
|
|
122
|
-
var Tag =
|
|
114
|
+
var Tag = _react.default.forwardRef(InteranalTag);
|
|
123
115
|
Tag.displayName = 'Tag';
|
|
124
116
|
var _default = Tag;
|
|
125
117
|
exports.default = _default;
|
package/lib/timeline/Timeline.js
CHANGED
|
@@ -52,9 +52,9 @@ var Timeline = function Timeline(props) {
|
|
|
52
52
|
restProps = __rest(_a, ["prefixCls", "pending", "pendingDot", "children", "className", "reverse", "mode", "style", "lineHeight", "labelWidth"]);
|
|
53
53
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'timeline', customizePrefixCls);
|
|
54
54
|
var pendingNode = typeof pending === 'boolean' ? null : pending;
|
|
55
|
-
var pendingItem = pending ?
|
|
55
|
+
var pendingItem = pending ? React.createElement(_TimelineItem.default, {
|
|
56
56
|
pending: !!pending,
|
|
57
|
-
dot: pendingDot ||
|
|
57
|
+
dot: pendingDot || React.createElement(_icon.default, {
|
|
58
58
|
type: "loadding",
|
|
59
59
|
spin: true
|
|
60
60
|
})
|
|
@@ -67,7 +67,7 @@ var Timeline = function Timeline(props) {
|
|
|
67
67
|
var items = (0, _map.default)(_context3 = React.Children).call(_context3, truthyItems, function (ele, index) {
|
|
68
68
|
var pendingClass = index === itemsCount - 2 ? 'last' : '';
|
|
69
69
|
var readyClass = index === itemsCount - 1 ? 'last' : '';
|
|
70
|
-
return
|
|
70
|
+
return React.cloneElement(ele, {
|
|
71
71
|
className: (0, _classnames.default)([ele.props.className, !reverse && !!pending ? pendingClass : readyClass])
|
|
72
72
|
});
|
|
73
73
|
});
|
|
@@ -82,11 +82,11 @@ var Timeline = function Timeline(props) {
|
|
|
82
82
|
paddingLeft: hasLabelItem && mode === 'left' ? "".concat(labelWidth, "px") : undefined,
|
|
83
83
|
paddingRight: hasLabelItem && mode === 'right' ? "".concat(labelWidth, "px") : undefined
|
|
84
84
|
});
|
|
85
|
-
return
|
|
85
|
+
return React.createElement("ul", (0, _extends2.default)({}, restProps, {
|
|
86
86
|
className: classString,
|
|
87
87
|
style: styleString
|
|
88
88
|
}), items === null || items === void 0 ? void 0 : (0, _map.default)(items).call(items, function (item) {
|
|
89
|
-
return
|
|
89
|
+
return React.cloneElement(item, {
|
|
90
90
|
mode: mode,
|
|
91
91
|
labelWidth: labelWidth,
|
|
92
92
|
lineHeight: lineHeight,
|
|
@@ -56,22 +56,22 @@ var TimelineItem = function TimelineItem(props) {
|
|
|
56
56
|
width: "".concat(labelWidth, "px")
|
|
57
57
|
}, (0, _concat.default)(_context = "margin".concat(mode === null || mode === void 0 ? void 0 : mode.substring(0, 1).toUpperCase())).call(_context, mode === null || mode === void 0 ? void 0 : mode.substring(1)), "-".concat(labelWidth, "px")) : {};
|
|
58
58
|
var marginDistance = pending ? Math.round(lineHeight / 2 + 12 / 2 + 2) : Math.round(lineHeight / 2 + 9 / 2 + 2);
|
|
59
|
-
return
|
|
59
|
+
return React.createElement("li", (0, _extends2.default)({}, restProps, {
|
|
60
60
|
className: itemClassName
|
|
61
|
-
}), label &&
|
|
61
|
+
}), label && React.createElement("div", {
|
|
62
62
|
className: "".concat(prefixCls, "-label"),
|
|
63
63
|
style: (0, _extends2.default)((0, _extends2.default)({}, labelStyle), {
|
|
64
64
|
lineHeight: lineHeight + 'px'
|
|
65
65
|
})
|
|
66
|
-
}, label),
|
|
66
|
+
}, label), React.createElement("div", {
|
|
67
67
|
className: "".concat(prefixCls, "-tail"),
|
|
68
68
|
style: {
|
|
69
69
|
marginTop: marginDistance
|
|
70
70
|
}
|
|
71
|
-
}),
|
|
71
|
+
}), React.createElement("div", {
|
|
72
72
|
className: dotClassName,
|
|
73
73
|
style: dotStyle
|
|
74
|
-
}, dot),
|
|
74
|
+
}, dot), React.createElement("div", {
|
|
75
75
|
className: "".concat(prefixCls, "-content"),
|
|
76
76
|
style: {
|
|
77
77
|
lineHeight: lineHeight + 'px'
|
package/lib/tooltip/tooltip.js
CHANGED
|
@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
10
10
|
var _utils = require("../_utils");
|
|
11
11
|
var _configProvider = require("../config-provider");
|
|
12
12
|
var _popper = _interopRequireDefault(require("../popper"));
|
|
13
|
-
var Tooltip =
|
|
13
|
+
var Tooltip = _react.default.forwardRef(function (props, ref) {
|
|
14
14
|
var _React$useContext = _react.default.useContext(_configProvider.ConfigContext),
|
|
15
15
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
16
16
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
@@ -21,7 +21,7 @@ var Tooltip = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
21
21
|
ref: ref,
|
|
22
22
|
prefixCls: prefixCls
|
|
23
23
|
}, allProps);
|
|
24
|
-
return
|
|
24
|
+
return _react.default.createElement(_popper.default, (0, _extends2.default)({}, popperProps));
|
|
25
25
|
});
|
|
26
26
|
Tooltip.displayName = 'Tooltip';
|
|
27
27
|
var _default = Tooltip;
|
|
@@ -78,9 +78,9 @@ var ListBody = function ListBody(props) {
|
|
|
78
78
|
}, [mergedPagination, filteredRenderItems]);
|
|
79
79
|
var paginationNode = null;
|
|
80
80
|
if (mergedPagination) {
|
|
81
|
-
paginationNode =
|
|
81
|
+
paginationNode = _react.default.createElement("div", {
|
|
82
82
|
className: "".concat(prefixCls, "-pagination")
|
|
83
|
-
},
|
|
83
|
+
}, _react.default.createElement(_pagination.default, {
|
|
84
84
|
pageType: "simple",
|
|
85
85
|
disabled: globalDisabled,
|
|
86
86
|
current: current,
|
|
@@ -90,7 +90,7 @@ var ListBody = function ListBody(props) {
|
|
|
90
90
|
onChange: onPageChange
|
|
91
91
|
}));
|
|
92
92
|
}
|
|
93
|
-
return
|
|
93
|
+
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("ul", {
|
|
94
94
|
className: (0, _classnames.default)("".concat(prefixCls, "-content"))
|
|
95
95
|
}, (0, _map.default)(_context = getItems()).call(_context, function (_ref) {
|
|
96
96
|
var renderedEl = _ref.renderedEl,
|
|
@@ -98,7 +98,7 @@ var ListBody = function ListBody(props) {
|
|
|
98
98
|
item = _ref.item;
|
|
99
99
|
var disabled = item.disabled;
|
|
100
100
|
var checked = selectedKeys.indexOf(item.key) >= 0;
|
|
101
|
-
return
|
|
101
|
+
return _react.default.createElement(_listItem.default, {
|
|
102
102
|
disabled: globalDisabled || disabled,
|
|
103
103
|
key: item.key,
|
|
104
104
|
item: item,
|
|
@@ -31,29 +31,28 @@ var ListItem = function ListItem(props) {
|
|
|
31
31
|
className: className,
|
|
32
32
|
title: title
|
|
33
33
|
};
|
|
34
|
-
var labelNode =
|
|
34
|
+
var labelNode = _react.default.createElement("span", {
|
|
35
35
|
className: "".concat(prefixCls, "-content-item-text")
|
|
36
36
|
}, renderedEl);
|
|
37
37
|
if (showRemove) {
|
|
38
|
-
return
|
|
38
|
+
return _react.default.createElement("li", (0, _extends2.default)({}, liProps), labelNode, _react.default.createElement("span", {
|
|
39
39
|
className: "".concat(prefixCls, "-content-item-remove"),
|
|
40
40
|
onClick: function onClick() {
|
|
41
41
|
return onRemove && onRemove(item);
|
|
42
42
|
}
|
|
43
|
-
},
|
|
43
|
+
}, _react.default.createElement(_icon.default, {
|
|
44
44
|
type: "close-solid"
|
|
45
45
|
})));
|
|
46
46
|
}
|
|
47
|
-
// Default click to select
|
|
48
47
|
liProps.onClick = function (e) {
|
|
49
48
|
if (disabled || item.disabled) return;
|
|
50
49
|
e.preventDefault();
|
|
51
50
|
onClick(item);
|
|
52
51
|
};
|
|
53
|
-
return
|
|
52
|
+
return _react.default.createElement("li", (0, _extends2.default)({}, liProps), _react.default.createElement(_checkbox.default, {
|
|
54
53
|
checked: checked,
|
|
55
54
|
disabled: disabled || item.disabled
|
|
56
55
|
}), labelNode);
|
|
57
56
|
};
|
|
58
|
-
var _default =
|
|
57
|
+
var _default = _react.default.memo(ListItem);
|
|
59
58
|
exports.default = _default;
|
package/lib/transfer/list.js
CHANGED
|
@@ -26,7 +26,7 @@ var defaultRender = function defaultRender() {
|
|
|
26
26
|
return null;
|
|
27
27
|
};
|
|
28
28
|
function isRenderResultPlainObject(result) {
|
|
29
|
-
return result && !
|
|
29
|
+
return result && !_react.default.isValidElement(result) && Object.prototype.toString.call(result) === '[object Object]';
|
|
30
30
|
}
|
|
31
31
|
var ITransferList = function ITransferList(props, ref) {
|
|
32
32
|
var _classNames;
|
|
@@ -54,7 +54,6 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
54
54
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
55
55
|
filterValue = _useState2[0],
|
|
56
56
|
setFilterValue = _useState2[1];
|
|
57
|
-
// 自定义底部渲染
|
|
58
57
|
var footerDom = footer && footer(props);
|
|
59
58
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
60
59
|
return {
|
|
@@ -76,7 +75,6 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
76
75
|
dataSource.forEach(function (item) {
|
|
77
76
|
var renderedItem = renderItem(item);
|
|
78
77
|
var renderedText = renderedItem.renderedText;
|
|
79
|
-
// Filter skip
|
|
80
78
|
if (filterValue && !matchFilter(renderedText, item)) {
|
|
81
79
|
return null;
|
|
82
80
|
}
|
|
@@ -107,7 +105,7 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
107
105
|
var bodyContent = renderList ? renderList(props) : null;
|
|
108
106
|
var customize = !!bodyContent;
|
|
109
107
|
if (!customize) {
|
|
110
|
-
bodyContent =
|
|
108
|
+
bodyContent = _react.default.createElement(_listBody.default, (0, _extends2.default)({}, props));
|
|
111
109
|
}
|
|
112
110
|
return {
|
|
113
111
|
customize: customize,
|
|
@@ -116,9 +114,9 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
116
114
|
};
|
|
117
115
|
var getListBody = function getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled) {
|
|
118
116
|
var _context;
|
|
119
|
-
var search = showSearch ?
|
|
117
|
+
var search = showSearch ? _react.default.createElement("div", {
|
|
120
118
|
className: "".concat(prefixCls, "-body-search-wrapper")
|
|
121
|
-
},
|
|
119
|
+
}, _react.default.createElement(_search.default, {
|
|
122
120
|
prefixCls: "".concat(prefixCls, "-search"),
|
|
123
121
|
onChange: onFilterChange,
|
|
124
122
|
handleClear: onClear,
|
|
@@ -134,26 +132,25 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
134
132
|
bodyContent = _renderListBody.bodyContent,
|
|
135
133
|
customize = _renderListBody.customize;
|
|
136
134
|
var bodyNode;
|
|
137
|
-
// We should wrap customize list body in a classNamed div to use flex layout.
|
|
138
135
|
if (customize) {
|
|
139
|
-
bodyNode =
|
|
136
|
+
bodyNode = _react.default.createElement("div", {
|
|
140
137
|
className: "".concat(prefixCls, "-body-customize-wrapper")
|
|
141
138
|
}, bodyContent);
|
|
142
139
|
} else {
|
|
143
|
-
bodyNode = filteredItems.length ? bodyContent :
|
|
140
|
+
bodyNode = filteredItems.length ? bodyContent : _react.default.createElement("div", {
|
|
144
141
|
className: "".concat(prefixCls, "-body-not-found")
|
|
145
142
|
}, noDataContent);
|
|
146
143
|
}
|
|
147
|
-
return
|
|
144
|
+
return _react.default.createElement("div", {
|
|
148
145
|
className: (0, _classnames.default)(showSearch ? (0, _concat.default)(_context = "".concat(prefixCls, "-body ")).call(_context, prefixCls, "-body-with-search") : "".concat(prefixCls, "-body"))
|
|
149
146
|
}, search, bodyNode);
|
|
150
147
|
};
|
|
151
148
|
var getSelectAllLabel = function getSelectAllLabel(selectedCount, totalCount) {
|
|
152
149
|
var _context2;
|
|
153
150
|
if (showRemove) {
|
|
154
|
-
return
|
|
151
|
+
return _react.default.createElement(_react.default.Fragment, null, "".concat(totalCount));
|
|
155
152
|
}
|
|
156
|
-
return
|
|
153
|
+
return _react.default.createElement(_react.default.Fragment, null, (0, _concat.default)(_context2 = "(".concat(selectedCount, "/")).call(_context2, totalCount, ")"));
|
|
157
154
|
};
|
|
158
155
|
var getCheckStatus = function getCheckStatus(filteredItems) {
|
|
159
156
|
if (checkedKeys.length === 0) {
|
|
@@ -169,15 +166,14 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
169
166
|
var getCheckBox = function getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled) {
|
|
170
167
|
var checkStatus = getCheckStatus(filteredItems);
|
|
171
168
|
var checkedAll = checkStatus === 'all';
|
|
172
|
-
var checkAllCheckbox =
|
|
169
|
+
var checkAllCheckbox = _react.default.createElement("div", {
|
|
173
170
|
className: "".concat(prefixCls, "-header-select-all")
|
|
174
|
-
}, showSelectAll !== false &&
|
|
171
|
+
}, showSelectAll !== false && _react.default.createElement(_checkbox.default, {
|
|
175
172
|
disabled: disabled,
|
|
176
173
|
checked: checkedAll,
|
|
177
174
|
indeterminate: checkStatus === 'part',
|
|
178
175
|
onChange: function onChange() {
|
|
179
176
|
var _context3;
|
|
180
|
-
// Only select enabled items
|
|
181
177
|
onItemSelectAll((0, _map.default)(_context3 = (0, _filter.default)(filteredItems).call(filteredItems, function (item) {
|
|
182
178
|
return !item.disabled;
|
|
183
179
|
})).call(_context3, function (_ref) {
|
|
@@ -188,7 +184,7 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
188
184
|
}));
|
|
189
185
|
return checkAllCheckbox;
|
|
190
186
|
};
|
|
191
|
-
var listFooter = footerDom ?
|
|
187
|
+
var listFooter = footerDom ? _react.default.createElement("div", {
|
|
192
188
|
className: "".concat(prefixCls, "-footer")
|
|
193
189
|
}, footerDom) : null;
|
|
194
190
|
var _getFilteredItems = getFilteredItems(dataSource, filterValue),
|
|
@@ -197,20 +193,20 @@ var ITransferList = function ITransferList(props, ref) {
|
|
|
197
193
|
var checkAllCheckbox = !showRemove && getCheckBox(filteredItems, onItemSelectAll, showSelectAll, disabled);
|
|
198
194
|
var listBody = getListBody(prefixCls, placeholder, filterValue, filteredItems, noDataContent, filteredRenderItems, checkedKeys, renderList, showSearch, disabled);
|
|
199
195
|
var listCls = (0, _classnames.default)(prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-with-pagination"), pagination), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-with-footer"), footerDom), _classNames));
|
|
200
|
-
return
|
|
196
|
+
return _react.default.createElement("div", {
|
|
201
197
|
className: listCls,
|
|
202
198
|
style: style
|
|
203
|
-
},
|
|
199
|
+
}, _react.default.createElement("div", {
|
|
204
200
|
className: "".concat(prefixCls, "-header")
|
|
205
|
-
},
|
|
201
|
+
}, _react.default.createElement("div", {
|
|
206
202
|
className: "".concat(prefixCls, "-header-left")
|
|
207
|
-
}, checkAllCheckbox,
|
|
203
|
+
}, checkAllCheckbox, _react.default.createElement("span", {
|
|
208
204
|
className: "".concat(prefixCls, "-header-title")
|
|
209
|
-
}, titleText)),
|
|
205
|
+
}, titleText)), _react.default.createElement("span", {
|
|
210
206
|
className: "".concat(prefixCls, "-header-selected")
|
|
211
207
|
}, getSelectAllLabel(checkedKeys.length, filteredItems.length))), listBody, listFooter);
|
|
212
208
|
};
|
|
213
|
-
var TransferList =
|
|
209
|
+
var TransferList = _react.default.forwardRef(ITransferList);
|
|
214
210
|
TransferList.defaultProps = {
|
|
215
211
|
dataSource: [],
|
|
216
212
|
titleText: '',
|
|
@@ -22,27 +22,27 @@ var Operation = function Operation(_ref) {
|
|
|
22
22
|
style = _ref.style,
|
|
23
23
|
direction = _ref.direction,
|
|
24
24
|
oneWay = _ref.oneWay;
|
|
25
|
-
return
|
|
25
|
+
return _react.default.createElement("div", {
|
|
26
26
|
className: className,
|
|
27
27
|
style: style
|
|
28
|
-
},
|
|
28
|
+
}, _react.default.createElement(_button.default, {
|
|
29
29
|
type: disabled || !rightActive ? 'ghost' : 'primary',
|
|
30
30
|
size: "small",
|
|
31
31
|
disabled: disabled || !rightActive,
|
|
32
32
|
onClick: moveToRight,
|
|
33
|
-
icon: direction !== 'rtl' ?
|
|
33
|
+
icon: direction !== 'rtl' ? _react.default.createElement(_icon.default, {
|
|
34
34
|
type: "arrow-right"
|
|
35
|
-
}) :
|
|
35
|
+
}) : _react.default.createElement(_icon.default, {
|
|
36
36
|
type: "arrow-left"
|
|
37
37
|
})
|
|
38
|
-
}, rightArrowText), !oneWay &&
|
|
38
|
+
}, rightArrowText), !oneWay && _react.default.createElement(_button.default, {
|
|
39
39
|
type: disabled || !leftActive ? 'ghost' : 'primary',
|
|
40
40
|
size: "small",
|
|
41
41
|
disabled: disabled || !leftActive,
|
|
42
42
|
onClick: moveToLeft,
|
|
43
|
-
icon: direction !== 'rtl' ?
|
|
43
|
+
icon: direction !== 'rtl' ? _react.default.createElement(_icon.default, {
|
|
44
44
|
type: "arrow-left"
|
|
45
|
-
}) :
|
|
45
|
+
}) : _react.default.createElement(_icon.default, {
|
|
46
46
|
type: "arrow-right"
|
|
47
47
|
})
|
|
48
48
|
}, leftArrowText));
|
package/lib/transfer/search.js
CHANGED
|
@@ -26,18 +26,18 @@ var transferSearch = function transferSearch(props) {
|
|
|
26
26
|
handleClear(e);
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
|
-
var prefixIcon =
|
|
29
|
+
var prefixIcon = _react.default.createElement("span", {
|
|
30
30
|
className: "".concat(prefixCls, "-prefix")
|
|
31
|
-
},
|
|
31
|
+
}, _react.default.createElement(_icon.default, {
|
|
32
32
|
type: "search"
|
|
33
33
|
}));
|
|
34
|
-
var suffixIcon = value && value.length > 0 ?
|
|
34
|
+
var suffixIcon = value && value.length > 0 ? _react.default.createElement("span", {
|
|
35
35
|
className: "".concat(prefixCls, "-suffix"),
|
|
36
36
|
onClick: handleClearFn
|
|
37
|
-
},
|
|
37
|
+
}, _react.default.createElement(_icon.default, {
|
|
38
38
|
type: "close-solid"
|
|
39
39
|
})) : null;
|
|
40
|
-
return
|
|
40
|
+
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_input.default, {
|
|
41
41
|
borderType: "bordered",
|
|
42
42
|
placeholder: placeholder,
|
|
43
43
|
className: prefixCls,
|