@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/es/layout/sider.js
CHANGED
|
@@ -26,7 +26,7 @@ var dimensionMaxMap = {
|
|
|
26
26
|
lg: '1279.98px',
|
|
27
27
|
xl: '1919.98px'
|
|
28
28
|
};
|
|
29
|
-
export var SiderContext =
|
|
29
|
+
export var SiderContext = React.createContext({});
|
|
30
30
|
var generateId = function () {
|
|
31
31
|
var i = 0;
|
|
32
32
|
return function (prefix) {
|
|
@@ -35,12 +35,11 @@ var generateId = function () {
|
|
|
35
35
|
return _concatInstanceProperty(_context = "".concat(prefix)).call(_context, i);
|
|
36
36
|
};
|
|
37
37
|
}();
|
|
38
|
-
var Sider =
|
|
38
|
+
var Sider = React.forwardRef(function (props, ref) {
|
|
39
39
|
var _React$useContext = React.useContext(ConfigContext),
|
|
40
40
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
41
41
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
42
42
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
43
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
44
43
|
var _a = getCompProps('Layout', userDefaultProps, props),
|
|
45
44
|
customPrefixcls = _a.prefixCls,
|
|
46
45
|
className = _a.className,
|
|
@@ -65,7 +64,6 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
65
64
|
onCollapse = _a.onCollapse,
|
|
66
65
|
onBreakpoint = _a.onBreakpoint,
|
|
67
66
|
other = __rest(_a, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
|
|
68
|
-
// className前缀
|
|
69
67
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'layout-sider', customPrefixcls);
|
|
70
68
|
var _useContext = useContext(LayoutContext),
|
|
71
69
|
siderHook = _useContext.siderHook;
|
|
@@ -88,7 +86,6 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
88
86
|
}
|
|
89
87
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type);
|
|
90
88
|
};
|
|
91
|
-
// Responsive
|
|
92
89
|
var responsiveHandlerRef = useRef();
|
|
93
90
|
responsiveHandlerRef.current = function (mql) {
|
|
94
91
|
setBelow(mql.matches);
|
|
@@ -139,28 +136,28 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
139
136
|
var renderSider = function renderSider() {
|
|
140
137
|
var _context2, _context3, _classNames;
|
|
141
138
|
var siderWidth = getWidth(collapsed ? collapsedWidth : width);
|
|
142
|
-
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ?
|
|
139
|
+
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? React.createElement("span", {
|
|
143
140
|
onClick: toggle,
|
|
144
141
|
className: classNames("".concat(prefixCls, "-zero-width-trigger"), _concatInstanceProperty(_context2 = "".concat(prefixCls, "-zero-width-trigger-")).call(_context2, reverseArrow ? 'right' : 'left')),
|
|
145
142
|
style: zeroWidthTriggerStyle
|
|
146
|
-
}, trigger ||
|
|
143
|
+
}, trigger || React.createElement(Icon, {
|
|
147
144
|
type: "project"
|
|
148
145
|
})) : null;
|
|
149
146
|
var iconObj = {
|
|
150
|
-
expanded: reverseArrow ?
|
|
147
|
+
expanded: reverseArrow ? React.createElement(Icon, {
|
|
151
148
|
type: "foldmenu"
|
|
152
|
-
}) :
|
|
149
|
+
}) : React.createElement(Icon, {
|
|
153
150
|
type: "unfoldmenu"
|
|
154
151
|
}),
|
|
155
|
-
collapsed: reverseArrow ?
|
|
152
|
+
collapsed: reverseArrow ? React.createElement(Icon, {
|
|
156
153
|
type: "unfoldmenu"
|
|
157
|
-
}) :
|
|
154
|
+
}) : React.createElement(Icon, {
|
|
158
155
|
type: "foldmenu"
|
|
159
156
|
})
|
|
160
157
|
};
|
|
161
158
|
var status = collapsed ? 'collapsed' : 'expanded';
|
|
162
159
|
var defaultTrigger = iconObj[status];
|
|
163
|
-
var triggerDom = trigger !== null ? zeroWidthTrigger ||
|
|
160
|
+
var triggerDom = trigger !== null ? zeroWidthTrigger || React.createElement("div", {
|
|
164
161
|
className: "".concat(prefixCls, "-trigger"),
|
|
165
162
|
onClick: toggle,
|
|
166
163
|
style: {
|
|
@@ -179,11 +176,11 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
179
176
|
style: _extends(_extends({}, style), divStyle),
|
|
180
177
|
ref: ref
|
|
181
178
|
});
|
|
182
|
-
return
|
|
179
|
+
return React.createElement("aside", _extends({}, siderProps), React.createElement("div", {
|
|
183
180
|
className: "".concat(prefixCls, "-children")
|
|
184
181
|
}, children), collapsible || below && zeroWidthTrigger ? triggerDom : null);
|
|
185
182
|
};
|
|
186
|
-
return
|
|
183
|
+
return React.createElement(SiderContext.Provider, {
|
|
187
184
|
value: {
|
|
188
185
|
siderCollapsed: collapsed,
|
|
189
186
|
collapsedWidth: collapsedWidth
|
package/es/link/link.js
CHANGED
|
@@ -35,33 +35,29 @@ var InternalLink = function InternalLink(props, ref) {
|
|
|
35
35
|
disabled = linkProps.disabled,
|
|
36
36
|
onClick = linkProps.onClick,
|
|
37
37
|
customPrefixcls = linkProps.prefixCls,
|
|
38
|
-
others = __rest(linkProps
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
// ref
|
|
42
|
-
var linkRef = ref || /*#__PURE__*/React.createRef();
|
|
43
|
-
var linkPrefixCls = getPrefixCls(prefixCls, 'link', customPrefixcls); // 按钮样式前缀
|
|
38
|
+
others = __rest(linkProps, ["size", "style", "className", "target", "href", "underscore", "children", "prefix", "suffix", "disabled", "onClick", "prefixCls"]);
|
|
39
|
+
var linkRef = ref || React.createRef();
|
|
40
|
+
var linkPrefixCls = getPrefixCls(prefixCls, 'link', customPrefixcls);
|
|
44
41
|
var wrapperClasses = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(linkPrefixCls), true), _defineProperty(_classNames, _concatInstanceProperty(_context = "".concat(linkPrefixCls, "-size-")).call(_context, size), size), _classNames));
|
|
45
42
|
var linkClasses = classNames(className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(linkPrefixCls, "-text"), true), _defineProperty(_classNames2, "".concat(linkPrefixCls, "-underscore"), underscore), _defineProperty(_classNames2, "".concat(linkPrefixCls, "-disabled"), disabled), _classNames2));
|
|
46
43
|
var handleClick = function handleClick(e) {
|
|
47
|
-
// 禁用状态 不跳转
|
|
48
44
|
disabled && e.preventDefault();
|
|
49
45
|
onClick && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
50
46
|
};
|
|
51
47
|
var prefixNode = useMemo(function () {
|
|
52
|
-
return prefix ?
|
|
48
|
+
return prefix ? React.createElement("span", {
|
|
53
49
|
className: "".concat(linkPrefixCls, "-prefix")
|
|
54
50
|
}, prefix) : null;
|
|
55
51
|
}, [prefix, linkPrefixCls]);
|
|
56
52
|
var suffixNode = useMemo(function () {
|
|
57
|
-
return suffix ?
|
|
53
|
+
return suffix ? React.createElement("span", {
|
|
58
54
|
className: "".concat(linkPrefixCls, "-suffix")
|
|
59
55
|
}, suffix) : null;
|
|
60
56
|
}, [suffix, linkPrefixCls]);
|
|
61
|
-
return
|
|
57
|
+
return React.createElement("div", {
|
|
62
58
|
style: style,
|
|
63
59
|
className: wrapperClasses
|
|
64
|
-
}, prefixNode,
|
|
60
|
+
}, prefixNode, React.createElement("a", _extends({
|
|
65
61
|
ref: linkRef,
|
|
66
62
|
target: target,
|
|
67
63
|
disabled: disabled,
|
|
@@ -70,6 +66,6 @@ var InternalLink = function InternalLink(props, ref) {
|
|
|
70
66
|
onClick: handleClick
|
|
71
67
|
}, others), children), suffixNode);
|
|
72
68
|
};
|
|
73
|
-
var Link =
|
|
69
|
+
var Link = React.forwardRef(InternalLink);
|
|
74
70
|
Link.displayName = 'Link';
|
|
75
71
|
export default Link;
|
package/es/locale/locale.js
CHANGED
|
@@ -13,17 +13,12 @@ import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
|
|
|
13
13
|
import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
|
|
14
14
|
import React from 'react';
|
|
15
15
|
import zhCNData from './zh-CN';
|
|
16
|
-
var LocaleCache =
|
|
16
|
+
var LocaleCache = function () {
|
|
17
17
|
function LocaleCache(localesData, locale) {
|
|
18
18
|
_classCallCheck(this, LocaleCache);
|
|
19
19
|
this.locale = locale || zhCNData.locale;
|
|
20
20
|
this.localesData = localesData;
|
|
21
21
|
}
|
|
22
|
-
/**
|
|
23
|
-
* 设置语言包并切换当前语言
|
|
24
|
-
* @param {LocaleDataType | string} localeData 语言数据集合 | 语言类型
|
|
25
|
-
* @returns 设置后的语言对应的语言包
|
|
26
|
-
*/
|
|
27
22
|
_createClass(LocaleCache, [{
|
|
28
23
|
key: "setLocalesData",
|
|
29
24
|
value: function setLocalesData(locale, localeData) {
|
|
@@ -37,25 +32,16 @@ var LocaleCache = /*#__PURE__*/function () {
|
|
|
37
32
|
this.localesData[newLocale] = newLocaleData;
|
|
38
33
|
return localeData;
|
|
39
34
|
}
|
|
40
|
-
/**
|
|
41
|
-
* 获取当前语言包数据
|
|
42
|
-
*/
|
|
43
35
|
}, {
|
|
44
36
|
key: "getLocalData",
|
|
45
37
|
value: function getLocalData() {
|
|
46
38
|
return this.localesData[this.locale];
|
|
47
39
|
}
|
|
48
|
-
/**
|
|
49
|
-
* 获取当前语言类型
|
|
50
|
-
*/
|
|
51
40
|
}, {
|
|
52
41
|
key: "getLocal",
|
|
53
42
|
value: function getLocal() {
|
|
54
43
|
return this.locale;
|
|
55
44
|
}
|
|
56
|
-
/**
|
|
57
|
-
* 获取所有语言包数据
|
|
58
|
-
*/
|
|
59
45
|
}, {
|
|
60
46
|
key: "getLocalesData",
|
|
61
47
|
value: function getLocalesData() {
|
|
@@ -72,11 +58,6 @@ export var getLangMsg = function getLangMsg(componentName, labelName, params) {
|
|
|
72
58
|
var msg = localData[_concatInstanceProperty(_context = "".concat(componentName, ".")).call(_context, labelName)] || localData["global.".concat(labelName)] || '';
|
|
73
59
|
return analysVariables(msg, params);
|
|
74
60
|
};
|
|
75
|
-
/**
|
|
76
|
-
* 解析模板字符串中的变量
|
|
77
|
-
* @param {*} msg
|
|
78
|
-
* @param {*} variables
|
|
79
|
-
*/
|
|
80
61
|
function analysVariables(msg, variables) {
|
|
81
62
|
if (typeof msg === 'string') {
|
|
82
63
|
var reg = /{[\w\W]*?}/g;
|
|
@@ -124,11 +105,6 @@ function analysVariables(msg, variables) {
|
|
|
124
105
|
return msg;
|
|
125
106
|
}
|
|
126
107
|
}
|
|
127
|
-
/**
|
|
128
|
-
* 替换基本类型的变量
|
|
129
|
-
* @param {*} msg
|
|
130
|
-
* @param {*} stringVar
|
|
131
|
-
*/
|
|
132
108
|
function formatText(msg, stringVar) {
|
|
133
109
|
stringVar.forEach(function (item) {
|
|
134
110
|
var k = item.k,
|
|
@@ -138,19 +114,13 @@ function formatText(msg, stringVar) {
|
|
|
138
114
|
});
|
|
139
115
|
return msg;
|
|
140
116
|
}
|
|
141
|
-
/**
|
|
142
|
-
* 替换React元素类型的变量
|
|
143
|
-
* @param {*} msg
|
|
144
|
-
* @param {*} eleVar
|
|
145
|
-
* @param {*} variables
|
|
146
|
-
*/
|
|
147
117
|
function formatElement(msg, variables) {
|
|
148
118
|
var splitByElement = function splitByElement(msg) {
|
|
149
119
|
var array = [];
|
|
150
120
|
var item = {
|
|
151
121
|
t: 0,
|
|
152
122
|
v: ''
|
|
153
|
-
};
|
|
123
|
+
};
|
|
154
124
|
var len = msg.length;
|
|
155
125
|
msg.split('').forEach(function (c, i) {
|
|
156
126
|
if (c === '{') {
|
|
@@ -180,11 +150,11 @@ function formatElement(msg, variables) {
|
|
|
180
150
|
var t = item.t,
|
|
181
151
|
v = item.v;
|
|
182
152
|
if (t === 0 && v !== '') {
|
|
183
|
-
elements.push(
|
|
153
|
+
elements.push(React.createElement("span", {
|
|
184
154
|
key: index
|
|
185
155
|
}, v));
|
|
186
156
|
} else if (t === 1) {
|
|
187
|
-
elements.push(
|
|
157
|
+
elements.push(React.cloneElement(variables[v], {
|
|
188
158
|
key: index
|
|
189
159
|
}));
|
|
190
160
|
}
|
package/es/menu/menu.js
CHANGED
|
@@ -116,7 +116,6 @@ var Menu = function Menu(props) {
|
|
|
116
116
|
restProps.onMouseLeave();
|
|
117
117
|
}
|
|
118
118
|
};
|
|
119
|
-
// 子菜单展开关闭的回调
|
|
120
119
|
var handleOnOpenChange = function handleOnOpenChange(openKey, isAdd) {
|
|
121
120
|
var clean = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
122
121
|
if (clean) {
|
|
@@ -138,10 +137,10 @@ var Menu = function Menu(props) {
|
|
|
138
137
|
};
|
|
139
138
|
var renderMenu = function renderMenu() {
|
|
140
139
|
var _context;
|
|
141
|
-
return
|
|
140
|
+
return React.createElement("ul", null, _mapInstanceProperty(_context = toArray(children)).call(_context, function (item, i) {
|
|
142
141
|
if (!item) return;
|
|
143
142
|
var key = (item === null || item === void 0 ? void 0 : item.key) || i;
|
|
144
|
-
return
|
|
143
|
+
return React.cloneElement(item, {
|
|
145
144
|
key: key,
|
|
146
145
|
keyValue: key,
|
|
147
146
|
collapsed: collapsed,
|
|
@@ -169,7 +168,7 @@ var Menu = function Menu(props) {
|
|
|
169
168
|
onMouseLeave: handleMouseLeaveMenu,
|
|
170
169
|
onMouseEnter: handleMouseEnterMenu
|
|
171
170
|
};
|
|
172
|
-
return
|
|
171
|
+
return React.createElement("div", _extends({
|
|
173
172
|
className: classNames(prefixCls, className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), _defineProperty(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), _defineProperty(_classNames, "".concat(prefixCls, "-collapsed"), collapsed), _defineProperty(_classNames, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-")).call(_context2, theme === 'light' ? 'light' : 'dark'), true), _classNames)),
|
|
174
173
|
role: "menu",
|
|
175
174
|
style: style
|
package/es/menu/menuItem.js
CHANGED
|
@@ -24,7 +24,6 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
24
24
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
25
25
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
26
26
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
27
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
28
27
|
var _a = getCompProps('MenuItem', userDefaultProps, props),
|
|
29
28
|
customPrefixcls = _a.prefixCls,
|
|
30
29
|
icon = _a.icon,
|
|
@@ -48,15 +47,15 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
48
47
|
restProps = __rest(_a, ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"]);
|
|
49
48
|
devWarning(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
|
|
50
49
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
|
|
51
|
-
var menuItemRef = ref ||
|
|
50
|
+
var menuItemRef = ref || React.createRef();
|
|
52
51
|
var menuItemParentPath = Array.isArray(parentPath) ? _concatInstanceProperty(_context = []).call(_context, _toConsumableArray(parentPath), [keyValue]) : [keyValue];
|
|
53
52
|
var renderItemChildren = function renderItemChildren(children) {
|
|
54
53
|
if (typeof children === 'string') {
|
|
55
|
-
return
|
|
54
|
+
return React.createElement("span", {
|
|
56
55
|
className: MENU_ITEM_CONTAINER_NAME
|
|
57
56
|
}, children);
|
|
58
57
|
}
|
|
59
|
-
return
|
|
58
|
+
return React.createElement("div", {
|
|
60
59
|
className: MENU_ITEM_CONTAINER_NAME
|
|
61
60
|
}, typeof children === 'function' ? children() : children);
|
|
62
61
|
};
|
|
@@ -88,10 +87,6 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
88
87
|
if (level > 1 && mode !== 'inline') {
|
|
89
88
|
return DEFAUTL_PADDING;
|
|
90
89
|
}
|
|
91
|
-
// if (level === 1 && icon) {
|
|
92
|
-
// return 0
|
|
93
|
-
// }
|
|
94
|
-
// 无图标显示首个字符不需要paddingleft
|
|
95
90
|
if (!icon && collapsed && level === 1 && typeof children === 'string') {
|
|
96
91
|
return 0;
|
|
97
92
|
}
|
|
@@ -108,7 +103,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
108
103
|
};
|
|
109
104
|
var renderTitle = function renderTitle() {
|
|
110
105
|
if (!icon && collapsed && level === 1 && typeof children === 'string') {
|
|
111
|
-
return
|
|
106
|
+
return React.createElement("p", null, children.charAt(0));
|
|
112
107
|
}
|
|
113
108
|
return renderItemChildren(children);
|
|
114
109
|
};
|
|
@@ -117,19 +112,19 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
117
112
|
setSelectedKeyPath(menuItemParentPath);
|
|
118
113
|
}
|
|
119
114
|
}, [selectedKey]);
|
|
120
|
-
return
|
|
115
|
+
return React.createElement("li", _extends({
|
|
121
116
|
ref: menuItemRef,
|
|
122
117
|
className: classNames(className, (_classNames = {}, _defineProperty(_classNames, prefixCls, subMenuMode !== 'horizontal'), _defineProperty(_classNames, "".concat(prefixCls, "-collapsed"), collapsed && level === 1), _defineProperty(_classNames, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames, "".concat(prefixCls, "-active"), selectedKey === keyValue), _classNames)),
|
|
123
118
|
role: "menuitem",
|
|
124
119
|
style: style,
|
|
125
120
|
key: keyValue
|
|
126
|
-
}, mouseEvent),
|
|
121
|
+
}, mouseEvent), React.createElement("div", {
|
|
127
122
|
className: classNames("".concat(prefixCls, "-title")),
|
|
128
123
|
style: titleStyle
|
|
129
|
-
}, icon &&
|
|
124
|
+
}, icon && React.cloneElement(renderReactNodeFunction(icon), {
|
|
130
125
|
className: classNames("".concat(prefixCls, "-icon"))
|
|
131
126
|
}), renderTitle()));
|
|
132
127
|
};
|
|
133
|
-
var MenuItem =
|
|
128
|
+
var MenuItem = React.forwardRef(InternalMenuItem);
|
|
134
129
|
MenuItem.displayName = 'MenuItem';
|
|
135
130
|
export default MenuItem;
|
package/es/menu/subMenu.js
CHANGED
|
@@ -30,7 +30,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
30
30
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
31
31
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
32
32
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
33
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
34
33
|
var _a = getCompProps('MenuSubMenu', userDefaultProps, props),
|
|
35
34
|
customPrefixcls = _a.prefixCls,
|
|
36
35
|
theme = _a.theme,
|
|
@@ -55,7 +54,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
55
54
|
paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
|
|
56
55
|
restProps = __rest(_a, ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"]);
|
|
57
56
|
var isVertical = mode === 'vertical';
|
|
58
|
-
// 初始化level
|
|
59
57
|
if (!restProps.level) {
|
|
60
58
|
restProps.level = 1;
|
|
61
59
|
}
|
|
@@ -70,7 +68,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
70
68
|
restProps.popupOffset = [];
|
|
71
69
|
}
|
|
72
70
|
devWarning(!children, 'submenu', 'cannot found children in Menu.SubMenu');
|
|
73
|
-
// className前缀
|
|
74
71
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
|
|
75
72
|
var subMenuRef = React.useRef(null);
|
|
76
73
|
var subMenuWrapperRef = React.useRef(null);
|
|
@@ -102,7 +99,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
102
99
|
if (restProps.level === 1 && icon) {
|
|
103
100
|
return 0;
|
|
104
101
|
}
|
|
105
|
-
// 无图标显示首个字符不需要paddingleft
|
|
106
102
|
if (!icon && collapsed && restProps.level === 1 && typeof title === 'string') {
|
|
107
103
|
return 0;
|
|
108
104
|
}
|
|
@@ -112,7 +108,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
112
108
|
var curPaddingLeft = getPaddingLeft();
|
|
113
109
|
var getCurrentStyle = React.useCallback(function () {
|
|
114
110
|
var _a;
|
|
115
|
-
// 内嵌模式height主要是用来动画的,必须要设置overflow溢出隐藏
|
|
116
111
|
if (mode === 'inline') {
|
|
117
112
|
var height = ((_a = subMenuWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;
|
|
118
113
|
return {
|
|
@@ -154,7 +149,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
154
149
|
var closeSubMenu = function closeSubMenu() {
|
|
155
150
|
handleVisibleChange(false, true);
|
|
156
151
|
};
|
|
157
|
-
// 点击区域外的地方关闭
|
|
158
152
|
useOnClickOutside([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
|
|
159
153
|
var _a;
|
|
160
154
|
var className = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className) || '';
|
|
@@ -178,24 +172,23 @@ var SubMenu = function SubMenu(props) {
|
|
|
178
172
|
}
|
|
179
173
|
restProps.handleOnClick && restProps.handleOnClick(info);
|
|
180
174
|
};
|
|
181
|
-
// 子菜单展开收缩
|
|
182
175
|
var handleOnClickSubMenu = function handleOnClickSubMenu() {
|
|
183
176
|
if (disabled || triggerSubMenuAction === 'hover') return;
|
|
184
177
|
handleVisibleChange(!visible);
|
|
185
178
|
};
|
|
186
179
|
var renderItemTitle = function renderItemTitle() {
|
|
187
180
|
if (!icon && collapsed && restProps.level === 1 && isString(title)) {
|
|
188
|
-
return
|
|
181
|
+
return React.createElement("p", null, title.charAt(0));
|
|
189
182
|
}
|
|
190
183
|
if (isString(title)) {
|
|
191
|
-
return
|
|
184
|
+
return React.createElement("span", null, title);
|
|
192
185
|
}
|
|
193
186
|
return renderReactNodeFunction(title);
|
|
194
187
|
};
|
|
195
188
|
var renderItemArrow = function renderItemArrow() {
|
|
196
189
|
var _context2;
|
|
197
190
|
if (mode !== 'inline' || collapsed) return null;
|
|
198
|
-
return
|
|
191
|
+
return React.createElement(Icon, {
|
|
199
192
|
type: "arrow-down",
|
|
200
193
|
className: classNames("".concat(prefixCls, "-arrow"), _defineProperty({}, _concatInstanceProperty(_context2 = "".concat(prefixCls, "-arrow-")).call(_context2, visible ? 'up' : 'down'), true))
|
|
201
194
|
});
|
|
@@ -203,17 +196,17 @@ var SubMenu = function SubMenu(props) {
|
|
|
203
196
|
if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
|
|
204
197
|
var _context3;
|
|
205
198
|
var width = getItemWidth(children);
|
|
206
|
-
return
|
|
199
|
+
return React.createElement("div", {
|
|
207
200
|
className: classNames("".concat(prefixCls, "-thrid-item")),
|
|
208
201
|
style: {
|
|
209
202
|
width: width
|
|
210
203
|
}
|
|
211
|
-
},
|
|
204
|
+
}, React.createElement("div", {
|
|
212
205
|
className: classNames("".concat(prefixCls, "-thrid-title"))
|
|
213
|
-
},
|
|
206
|
+
}, React.createElement("span", null, title)), React.createElement("ul", {
|
|
214
207
|
className: classNames("".concat(prefixCls, "-thrid-list"), restProps.popupClassName)
|
|
215
208
|
}, _mapInstanceProperty(_context3 = toArray(children)).call(_context3, function (item, i) {
|
|
216
|
-
return
|
|
209
|
+
return React.cloneElement(item, {
|
|
217
210
|
level: restProps.level + 1,
|
|
218
211
|
subMenuMode: restProps.subMenuMode,
|
|
219
212
|
keyValue: item && item.key || i,
|
|
@@ -237,8 +230,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
237
230
|
paddingRight: "".concat(curPaddingRight, "px"),
|
|
238
231
|
paddingLeft: "".concat(curPaddingLeft, "px")
|
|
239
232
|
};
|
|
240
|
-
|
|
241
|
-
var verticalView = usePopper( /*#__PURE__*/React.createElement("li", _extends({
|
|
233
|
+
var verticalView = usePopper(React.createElement("li", _extends({
|
|
242
234
|
className: classNames(prefixCls, className, (_classNames2 = {}, _defineProperty(_classNames2, "light", theme === 'light'), _defineProperty(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), _defineProperty(_classNames2, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames2, "".concat(prefixCls, "-hover"), !disabled && Array.isArray(openKeys) && _includesInstanceProperty(openKeys).call(openKeys, keyValue)), _defineProperty(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && _includesInstanceProperty(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames2)),
|
|
243
235
|
ref: subMenuVerticalRef,
|
|
244
236
|
key: keyValue
|
|
@@ -246,12 +238,12 @@ var SubMenu = function SubMenu(props) {
|
|
|
246
238
|
onMouseLeave: handleOnMouseLeave,
|
|
247
239
|
onMouseEnter: handleOnMouseEnter,
|
|
248
240
|
onClick: handleOnClickSubMenu
|
|
249
|
-
}),
|
|
241
|
+
}), React.createElement("div", {
|
|
250
242
|
className: classNames("".concat(prefixCls, "-title")),
|
|
251
243
|
style: titleStyle
|
|
252
|
-
}, icon &&
|
|
244
|
+
}, icon && React.cloneElement(renderReactNodeFunction(icon), {
|
|
253
245
|
className: classNames("".concat(prefixCls, "-icon"))
|
|
254
|
-
}), renderItemTitle(), renderItemArrow())),
|
|
246
|
+
}), renderItemTitle(), renderItemArrow())), React.createElement("div", {
|
|
255
247
|
ref: subMenuWrapperVerticalRef,
|
|
256
248
|
onMouseLeave: function onMouseLeave() {
|
|
257
249
|
handleOnMouseLeave();
|
|
@@ -259,11 +251,11 @@ var SubMenu = function SubMenu(props) {
|
|
|
259
251
|
onMouseEnter: function onMouseEnter() {
|
|
260
252
|
handleOnMouseEnter();
|
|
261
253
|
}
|
|
262
|
-
},
|
|
254
|
+
}, React.createElement("ul", {
|
|
263
255
|
className: classNames("".concat(prefixCls, "-sub"), restProps.popupClassName, (_classNames3 = {}, _defineProperty(_classNames3, "".concat(prefixCls, "-sub-second"), restProps.level === 1), _defineProperty(_classNames3, "".concat(prefixCls, "-sub-third"), restProps.level === 2), _classNames3))
|
|
264
256
|
}, _mapInstanceProperty(_context4 = toArray(children)).call(_context4, function (item, index) {
|
|
265
257
|
var key = item.key || index;
|
|
266
|
-
return
|
|
258
|
+
return React.cloneElement(item, {
|
|
267
259
|
key: key,
|
|
268
260
|
level: restProps.level + 1,
|
|
269
261
|
keyValue: key,
|
|
@@ -294,25 +286,25 @@ var SubMenu = function SubMenu(props) {
|
|
|
294
286
|
return verticalView;
|
|
295
287
|
} else {
|
|
296
288
|
var _classNames4, _context5;
|
|
297
|
-
return
|
|
289
|
+
return React.createElement("li", _extends({
|
|
298
290
|
ref: subMenuRef,
|
|
299
291
|
className: classNames(prefixCls, className, (_classNames4 = {}, _defineProperty(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), _defineProperty(_classNames4, "".concat(prefixCls, "-disabled"), disabled), _defineProperty(_classNames4, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && _includesInstanceProperty(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames4)),
|
|
300
292
|
key: keyValue
|
|
301
293
|
}, mouseEvent, {
|
|
302
294
|
style: style
|
|
303
|
-
}),
|
|
295
|
+
}), React.createElement("div", {
|
|
304
296
|
className: classNames("".concat(prefixCls, "-title")),
|
|
305
297
|
style: titleStyle
|
|
306
|
-
}, icon &&
|
|
298
|
+
}, icon && React.cloneElement(renderReactNodeFunction(icon), {
|
|
307
299
|
className: classNames("".concat(prefixCls, "-icon"))
|
|
308
|
-
}), renderItemTitle(), renderItemArrow()),
|
|
300
|
+
}), renderItemTitle(), renderItemArrow()), React.createElement("div", {
|
|
309
301
|
style: getCurrentStyle(),
|
|
310
302
|
ref: subMenuWrapperRef
|
|
311
|
-
},
|
|
303
|
+
}, React.createElement("ul", {
|
|
312
304
|
className: classNames("".concat(prefixCls, "-sub"), restProps.popupClassName)
|
|
313
305
|
}, _mapInstanceProperty(_context5 = toArray(children)).call(_context5, function (item, index) {
|
|
314
306
|
var key = item.key || index;
|
|
315
|
-
return
|
|
307
|
+
return React.cloneElement(item, {
|
|
316
308
|
key: key,
|
|
317
309
|
level: restProps.level + 1,
|
|
318
310
|
keyValue: key,
|
package/es/menu/util.js
CHANGED
|
@@ -23,9 +23,6 @@ export var getColumnWidthList = function getColumnWidthList(nodeList) {
|
|
|
23
23
|
});
|
|
24
24
|
return columnWidthList;
|
|
25
25
|
};
|
|
26
|
-
// 计算外层面板的总宽度 DEFAULT_MAX_WIDTH: 824px, 最多四列(790px),
|
|
27
|
-
// 每列160px+40px
|
|
28
|
-
// 其中160px是width,40px是marginRight
|
|
29
26
|
export var getWrapWidth = function getWrapWidth(nodelist) {
|
|
30
27
|
var wrapWidth = 0;
|
|
31
28
|
var totalWidth = 0;
|
|
@@ -41,7 +38,6 @@ export var getWrapWidth = function getWrapWidth(nodelist) {
|
|
|
41
38
|
});
|
|
42
39
|
return wrapWidth + 10;
|
|
43
40
|
};
|
|
44
|
-
// 计算子项的宽度
|
|
45
41
|
export var getItemWidth = function getItemWidth(children) {
|
|
46
42
|
if (!isArray(children)) {
|
|
47
43
|
return DEFAULT_ITEM_WIDTH;
|
package/es/message/content.js
CHANGED
|
@@ -15,24 +15,24 @@ var Content = function Content(args) {
|
|
|
15
15
|
prefixCls = _useContext.prefixCls;
|
|
16
16
|
var classPrefix = _concatInstanceProperty(_context = "".concat(prefixCls, "-")).call(_context, suffixCls, "-content");
|
|
17
17
|
var iconMap = {
|
|
18
|
-
success:
|
|
18
|
+
success: React.createElement(Icon, {
|
|
19
19
|
type: "right-solid"
|
|
20
20
|
}),
|
|
21
|
-
warning:
|
|
21
|
+
warning: React.createElement(Icon, {
|
|
22
22
|
type: "warning-solid"
|
|
23
23
|
}),
|
|
24
|
-
error:
|
|
24
|
+
error: React.createElement(Icon, {
|
|
25
25
|
type: "warning-solid"
|
|
26
26
|
}),
|
|
27
|
-
info:
|
|
27
|
+
info: React.createElement(Icon, {
|
|
28
28
|
type: "notice"
|
|
29
29
|
})
|
|
30
30
|
};
|
|
31
31
|
var renderIcon = function renderIcon() {
|
|
32
|
-
if (icon) return
|
|
32
|
+
if (icon) return React.createElement("div", {
|
|
33
33
|
className: "".concat(classPrefix, "-icon-wrapper")
|
|
34
34
|
}, icon);
|
|
35
|
-
return iconMap[type] ?
|
|
35
|
+
return iconMap[type] ? React.createElement("div", {
|
|
36
36
|
className: "".concat(classPrefix, "-icon-wrapper")
|
|
37
37
|
}, iconMap[type]) : null;
|
|
38
38
|
};
|
|
@@ -45,28 +45,28 @@ var Content = function Content(args) {
|
|
|
45
45
|
var renderCloseIcon = function renderCloseIcon() {
|
|
46
46
|
if (!closable) return null;
|
|
47
47
|
if (closeNode) {
|
|
48
|
-
return
|
|
48
|
+
return React.createElement("div", {
|
|
49
49
|
className: "".concat(classPrefix, "-close"),
|
|
50
50
|
onClick: handleClick
|
|
51
51
|
}, closeNode);
|
|
52
52
|
}
|
|
53
|
-
return
|
|
53
|
+
return React.createElement("div", {
|
|
54
54
|
className: "".concat(classPrefix, "-close"),
|
|
55
55
|
onClick: handleClick
|
|
56
|
-
},
|
|
56
|
+
}, React.createElement(Icon, {
|
|
57
57
|
type: "close"
|
|
58
58
|
}));
|
|
59
59
|
};
|
|
60
60
|
var getMainElement = function getMainElement() {
|
|
61
|
-
if (typeof content === 'string' ||
|
|
62
|
-
return
|
|
61
|
+
if (typeof content === 'string' || React.isValidElement(content)) {
|
|
62
|
+
return React.createElement(React.Fragment, null, React.createElement("div", {
|
|
63
63
|
className: "".concat(classPrefix, "-main")
|
|
64
|
-
}, renderIcon(),
|
|
64
|
+
}, renderIcon(), React.createElement("div", {
|
|
65
65
|
className: "".concat(classPrefix, "-text")
|
|
66
66
|
}, content)), renderCloseIcon());
|
|
67
67
|
}
|
|
68
68
|
return null;
|
|
69
69
|
};
|
|
70
|
-
return
|
|
70
|
+
return React.createElement(React.Fragment, null, getMainElement());
|
|
71
71
|
};
|
|
72
72
|
export default Content;
|
package/es/message/index.js
CHANGED
|
@@ -29,8 +29,6 @@ var getNotificationProps = function getNotificationProps(args) {
|
|
|
29
29
|
content = args.content,
|
|
30
30
|
icon = args.icon,
|
|
31
31
|
closeNode = args.closeNode;
|
|
32
|
-
// const placeStyle = getPlacementStyle(placement)
|
|
33
|
-
// const element = renderView(args)
|
|
34
32
|
var contentClose = function contentClose() {
|
|
35
33
|
onClose && onClose(key);
|
|
36
34
|
NotificationApi.destroy(key);
|
|
@@ -53,7 +51,7 @@ var getNotificationProps = function getNotificationProps(args) {
|
|
|
53
51
|
closable: closable,
|
|
54
52
|
onClose: onClose,
|
|
55
53
|
placement: defaultPlacement,
|
|
56
|
-
content:
|
|
54
|
+
content: React.createElement(Content, _extends({}, contentProps)),
|
|
57
55
|
suffixCls: defaultSuffixCls
|
|
58
56
|
};
|
|
59
57
|
};
|
package/es/modal/confirm.js
CHANGED
|
@@ -19,7 +19,7 @@ export default function confirm(_a) {
|
|
|
19
19
|
document.body.appendChild(div);
|
|
20
20
|
function render(props) {
|
|
21
21
|
setTimeout(function () {
|
|
22
|
-
ReactDOM.render(
|
|
22
|
+
ReactDOM.render(React.createElement(Modal, _extends({}, props)), div);
|
|
23
23
|
});
|
|
24
24
|
}
|
|
25
25
|
render(restProps);
|