@kdcloudjs/kdesign 1.8.11 → 1.8.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +93 -15
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +3 -3
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +1 -333
- package/es/_utils/arrayUtil.js +0 -8
- package/es/_utils/formatUtil.js +9 -59
- package/es/_utils/getStringLength.js +0 -1
- package/es/_utils/hooks.js +2 -34
- package/es/_utils/index.js +1 -7
- package/es/_utils/numberUtil.js +0 -54
- package/es/_utils/raf.js +2 -2
- package/es/_utils/reactNode.js +1 -1
- package/es/_utils/resizeObserver.js +2 -4
- package/es/_utils/type.js +0 -1
- package/es/_utils/usePopper.js +3 -3
- package/es/alert/alert.js +8 -16
- package/es/anchor/anchor-link.js +3 -3
- package/es/anchor/anchor.js +23 -26
- package/es/anchor/context.js +1 -1
- package/es/avatar/avatar.js +8 -11
- package/es/badge/badge.js +7 -13
- package/es/base-data/base-data.js +42 -104
- package/es/breadcrumb/breadcrumb.js +12 -12
- package/es/breadcrumb/breadcrumbItem.js +5 -5
- package/es/button/button.js +13 -24
- package/es/button/group.js +13 -13
- package/es/card/card.js +12 -14
- package/es/carousel/carousel.js +13 -13
- package/es/carousel/displayList.js +3 -3
- package/es/carousel/fadeList.js +3 -3
- package/es/carousel/slideList.js +4 -4
- package/es/carousel/slidebar.js +3 -3
- package/es/cascader/cascader.js +31 -36
- package/es/checkbox/checkbox.js +25 -30
- package/es/checkbox/group.js +8 -9
- package/es/city-picker/city-picker.js +28 -38
- package/es/city-picker/interface.js +1 -1
- package/es/city-picker/option.js +4 -4
- package/es/clipboard/clipboard.js +5 -23
- package/es/clipboard/util.js +0 -60
- package/es/collapse/collapse.js +5 -5
- package/es/collapse/panel.js +15 -15
- package/es/color-picker/color-picker-panel.js +12 -13
- package/es/color-picker/color-picker.js +6 -10
- package/es/color-picker/utils/validateColor.js +0 -3
- package/es/config-provider/ConfigContext.js +1 -4
- package/es/config-provider/SizeContext.js +3 -3
- package/es/config-provider/compDefaultProps.js +3 -10
- package/es/config-provider/configProvider.js +1 -6
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +6 -23
- package/es/date-picker/context.js +1 -1
- package/es/date-picker/date-panel.js +12 -13
- package/es/date-picker/date-picker.js +7 -12
- package/es/date-picker/hooks/use-hover-value.js +0 -1
- package/es/date-picker/hooks/use-picker-input.js +0 -4
- package/es/date-picker/hooks/use-range-disabled.js +2 -6
- package/es/date-picker/hooks/use-range-view-dates.js +1 -9
- package/es/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/es/date-picker/locale/zh_CN.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +4 -6
- package/es/date-picker/panel/header/header.js +14 -14
- package/es/date-picker/panel/month/month.js +5 -6
- package/es/date-picker/panel/quarter/quarter.js +4 -4
- package/es/date-picker/panel/time/time-column.js +4 -6
- package/es/date-picker/panel/time/time.js +10 -35
- package/es/date-picker/panel/week/week.js +5 -8
- package/es/date-picker/panel/year/year.js +4 -6
- package/es/date-picker/popper.js +3 -6
- package/es/date-picker/range/input-range.js +12 -13
- package/es/date-picker/range-picker.js +13 -36
- package/es/date-picker/single/input-date.js +8 -14
- package/es/date-picker/utils/date-fns.js +0 -35
- package/es/date-picker/utils/get-extra-footer.js +1 -1
- package/es/date-picker/utils/get-ranges.js +8 -8
- package/es/date-picker/utils/index.js +0 -3
- package/es/divider/divider.js +2 -2
- package/es/drawer/drawer.js +14 -39
- package/es/dropdown/dropdown.js +10 -11
- package/es/dropdown/menu.js +8 -12
- package/es/empty/defaultEmptyImg.js +18 -18
- package/es/empty/empty.js +9 -10
- package/es/empty/illustrationEmptyImg.js +106 -106
- package/es/filter/condition.js +10 -10
- package/es/filter/filter.js +17 -19
- package/es/filter/scheme.js +34 -41
- package/es/form/Field.js +5 -5
- package/es/form/FieldContext.js +1 -1
- package/es/form/FieldLabel.js +2 -2
- package/es/form/FieldWrapper.js +6 -6
- package/es/form/Form.js +2 -5
- package/es/form/FormContext.js +2 -4
- package/es/form/hooks/useForm.js +1 -14
- package/es/form/index.js +1 -1
- package/es/grid/col.js +1 -7
- package/es/grid/row.js +3 -9
- package/es/icon/icon.js +2 -2
- package/es/image/image.js +5 -7
- package/es/image/preview-group.js +3 -4
- package/es/image/preview.js +22 -24
- package/es/image-cropper/cropper.js +3 -6
- package/es/image-cropper/image-cropper.js +5 -5
- package/es/image-cropper/operation-bar.js +9 -9
- package/es/index.js +4 -0
- package/es/input/ClearableLabeledInput.js +13 -13
- package/es/input/TextArea.js +7 -7
- package/es/input/calculateNodeHeight.js +6 -11
- package/es/input/index.js +0 -1
- package/es/input/input.js +5 -5
- package/es/input-number/inputNumber.js +3 -10
- package/es/layout/layout.js +5 -9
- package/es/layout/sider.js +11 -14
- package/es/link/link.js +8 -12
- package/es/locale/locale.js +4 -34
- package/es/menu/menu.js +3 -4
- package/es/menu/menuItem.js +8 -13
- package/es/menu/subMenu.js +19 -27
- package/es/menu/util.js +0 -4
- package/es/message/content.js +13 -13
- package/es/message/index.js +1 -3
- package/es/modal/confirm.js +1 -1
- package/es/modal/modal.js +32 -40
- package/es/notification/content.js +18 -18
- package/es/notification/index.js +1 -1
- package/es/notification-base/index.js +1 -1
- package/es/notification-base/notice.js +2 -2
- package/es/notification-base/notification.js +3 -3
- package/es/pagination/pagination.js +48 -70
- package/es/popconfirm/popconfirm.js +8 -10
- package/es/popper/index.d.ts +4 -1
- package/es/popper/index.js +84 -22
- package/es/progress/circle.js +6 -8
- package/es/progress/line.js +3 -3
- package/es/progress/progress.js +11 -11
- package/es/qr-code/qr-code.js +6 -6
- package/es/radio/context.js +1 -1
- package/es/radio/group.js +9 -13
- package/es/radio/radio-button.js +2 -2
- package/es/radio/radio.js +19 -24
- package/es/rate/rate.js +11 -61
- package/es/search/option.js +4 -5
- package/es/search/quick-search.js +36 -57
- package/es/search/search-panel.js +56 -60
- package/es/search/search.js +9 -10
- package/es/select/interface.js +1 -1
- package/es/select/option.js +4 -4
- package/es/select/select.js +47 -87
- package/es/signature/drawingBoard.js +16 -16
- package/es/signature/signature.js +20 -20
- package/es/signature/utils/signature_pad.js +4 -12
- package/es/slider/marks.js +3 -5
- package/es/slider/slider.js +11 -32
- package/es/slider/sliderTooltip.js +3 -3
- package/es/slider/steps.js +2 -2
- package/es/slider/track.js +1 -1
- package/es/space/space.js +3 -5
- package/es/spin/spin.js +16 -18
- package/es/split-panel/split-panel.js +7 -18
- package/es/split-panel/trigger.js +6 -6
- package/es/stepper/stepper.js +11 -12
- package/es/steps/Step.js +8 -8
- package/es/steps/Steps.js +5 -5
- package/es/switch/switch.js +4 -6
- package/es/table/api.js +5 -22
- package/es/table/table.js +4 -15
- package/es/tabs/active-line.js +2 -6
- package/es/tabs/arrow-button.js +3 -3
- package/es/tabs/context.js +1 -1
- package/es/tabs/index.js +0 -1
- package/es/tabs/tab-pane.js +6 -6
- package/es/tabs/tabs.js +31 -34
- package/es/tag/tag.js +7 -15
- package/es/timeline/Timeline.js +5 -5
- package/es/timeline/TimelineItem.js +5 -5
- package/es/tooltip/tooltip.js +2 -2
- package/es/transfer/list-body.js +4 -4
- package/es/transfer/list-item.js +5 -6
- package/es/transfer/list.js +18 -22
- package/es/transfer/operation.js +7 -7
- package/es/transfer/search.js +5 -5
- package/es/transfer/transfer.js +8 -13
- package/es/tree/tree.js +9 -9
- package/es/tree/treeNode.js +18 -20
- package/es/tree/utils/treeUtils.js +1 -27
- package/es/tree-select/interface.js +1 -1
- package/es/tree-select/tree-select.js +35 -48
- package/es/typography/base.js +5 -5
- package/es/typography/index.js +0 -1
- package/es/typography/paragraph.js +1 -1
- package/es/typography/text.js +1 -1
- package/es/typography/title.js +1 -1
- package/es/typography/typography.js +4 -8
- package/es/upload/dragger.js +2 -2
- package/es/upload/request.js +0 -5
- package/es/upload/scan-files.js +0 -1
- package/es/upload/upload.js +34 -34
- package/es/upload/verify-file.js +0 -1
- package/es/view-container/context.js +1 -1
- package/es/view-container/view-container.js +4 -8
- package/es/virtual-list/Filler.js +2 -2
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +0 -30
- package/es/virtual-list/virtual-list.js +8 -11
- package/lib/_utils/KeyCode.js +1 -333
- package/lib/_utils/arrayUtil.js +0 -8
- package/lib/_utils/formatUtil.js +9 -59
- package/lib/_utils/getStringLength.js +0 -1
- package/lib/_utils/hooks.js +2 -34
- package/lib/_utils/index.js +0 -7
- package/lib/_utils/numberUtil.js +0 -54
- package/lib/_utils/raf.js +2 -2
- package/lib/_utils/reactNode.js +1 -1
- package/lib/_utils/resizeObserver.js +2 -4
- package/lib/_utils/type.js +0 -1
- package/lib/_utils/usePopper.js +3 -3
- package/lib/alert/alert.js +8 -16
- package/lib/anchor/anchor-link.js +3 -3
- package/lib/anchor/anchor.js +23 -26
- package/lib/anchor/context.js +1 -1
- package/lib/avatar/avatar.js +8 -11
- package/lib/badge/badge.js +7 -13
- package/lib/base-data/base-data.js +42 -104
- package/lib/breadcrumb/breadcrumb.js +12 -12
- package/lib/breadcrumb/breadcrumbItem.js +5 -5
- package/lib/button/button.js +13 -24
- package/lib/button/group.js +13 -13
- package/lib/card/card.js +12 -14
- package/lib/carousel/carousel.js +13 -13
- package/lib/carousel/displayList.js +3 -3
- package/lib/carousel/fadeList.js +3 -3
- package/lib/carousel/slideList.js +4 -4
- package/lib/carousel/slidebar.js +3 -3
- package/lib/cascader/cascader.js +31 -36
- package/lib/checkbox/checkbox.js +25 -30
- package/lib/checkbox/group.js +8 -8
- package/lib/city-picker/city-picker.js +28 -38
- package/lib/city-picker/interface.js +1 -1
- package/lib/city-picker/option.js +4 -4
- package/lib/clipboard/clipboard.js +5 -23
- package/lib/clipboard/util.js +0 -60
- package/lib/collapse/collapse.js +5 -5
- package/lib/collapse/panel.js +15 -15
- package/lib/color-picker/color-picker-panel.js +12 -14
- package/lib/color-picker/color-picker.js +6 -10
- package/lib/color-picker/utils/validateColor.js +0 -3
- package/lib/config-provider/ConfigContext.js +1 -5
- package/lib/config-provider/SizeContext.js +3 -3
- package/lib/config-provider/compDefaultProps.js +3 -10
- package/lib/config-provider/configProvider.js +1 -7
- package/lib/config-provider/defaultConfig.js +0 -1
- package/lib/date-picker/calendar.js +6 -23
- package/lib/date-picker/context.js +1 -1
- package/lib/date-picker/date-panel.js +12 -13
- package/lib/date-picker/date-picker.js +7 -12
- package/lib/date-picker/hooks/use-hover-value.js +0 -1
- package/lib/date-picker/hooks/use-picker-input.js +0 -4
- package/lib/date-picker/hooks/use-range-disabled.js +2 -6
- package/lib/date-picker/hooks/use-range-view-dates.js +1 -9
- package/lib/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/lib/date-picker/locale/zh_CN.js +0 -1
- package/lib/date-picker/panel/date-time/date-time.js +4 -6
- package/lib/date-picker/panel/header/header.js +14 -14
- package/lib/date-picker/panel/month/month.js +5 -6
- package/lib/date-picker/panel/quarter/quarter.js +4 -4
- package/lib/date-picker/panel/time/time-column.js +4 -6
- package/lib/date-picker/panel/time/time.js +10 -35
- package/lib/date-picker/panel/week/week.js +5 -8
- package/lib/date-picker/panel/year/year.js +4 -6
- package/lib/date-picker/popper.js +3 -6
- package/lib/date-picker/range/input-range.js +12 -13
- package/lib/date-picker/range-picker.js +13 -36
- package/lib/date-picker/single/input-date.js +8 -14
- package/lib/date-picker/utils/date-fns.js +0 -34
- package/lib/date-picker/utils/get-extra-footer.js +1 -1
- package/lib/date-picker/utils/get-ranges.js +8 -8
- package/lib/date-picker/utils/index.js +0 -3
- package/lib/divider/divider.js +2 -2
- package/lib/drawer/drawer.js +14 -40
- package/lib/dropdown/dropdown.js +10 -11
- package/lib/dropdown/menu.js +8 -12
- package/lib/empty/defaultEmptyImg.js +18 -18
- package/lib/empty/empty.js +9 -10
- package/lib/empty/illustrationEmptyImg.js +106 -106
- package/lib/filter/condition.js +10 -10
- package/lib/filter/filter.js +17 -19
- package/lib/filter/scheme.js +34 -41
- package/lib/form/Field.js +5 -5
- package/lib/form/FieldContext.js +1 -1
- package/lib/form/FieldLabel.js +2 -2
- package/lib/form/FieldWrapper.js +6 -6
- package/lib/form/Form.js +2 -5
- package/lib/form/FormContext.js +2 -4
- package/lib/form/hooks/useForm.js +1 -14
- package/lib/form/index.js +1 -1
- package/lib/grid/col.js +1 -7
- package/lib/grid/row.js +3 -9
- package/lib/icon/icon.js +2 -2
- package/lib/image/image.js +5 -7
- package/lib/image/preview-group.js +3 -4
- package/lib/image/preview.js +22 -24
- package/lib/image-cropper/cropper.js +3 -6
- package/lib/image-cropper/image-cropper.js +5 -5
- package/lib/image-cropper/operation-bar.js +9 -9
- package/lib/index.js +2 -8
- package/lib/input/ClearableLabeledInput.js +13 -13
- package/lib/input/TextArea.js +7 -7
- package/lib/input/calculateNodeHeight.js +6 -11
- package/lib/input/index.js +0 -1
- package/lib/input/input.js +5 -5
- package/lib/input-number/inputNumber.js +3 -10
- package/lib/layout/layout.js +5 -9
- package/lib/layout/sider.js +11 -14
- package/lib/link/link.js +8 -12
- package/lib/locale/locale.js +4 -34
- package/lib/menu/menu.js +3 -4
- package/lib/menu/menuItem.js +8 -13
- package/lib/menu/subMenu.js +19 -27
- package/lib/menu/util.js +0 -4
- package/lib/message/content.js +13 -13
- package/lib/message/index.js +1 -3
- package/lib/modal/confirm.js +1 -1
- package/lib/modal/modal.js +32 -40
- package/lib/notification/content.js +18 -18
- package/lib/notification/index.js +1 -1
- package/lib/notification-base/index.js +1 -1
- package/lib/notification-base/notice.js +2 -2
- package/lib/notification-base/notification.js +3 -3
- package/lib/pagination/pagination.js +48 -70
- package/lib/popconfirm/popconfirm.js +8 -10
- package/lib/popper/index.d.ts +4 -1
- package/lib/popper/index.js +84 -22
- package/lib/progress/circle.js +6 -8
- package/lib/progress/line.js +3 -3
- package/lib/progress/progress.js +11 -11
- package/lib/qr-code/qr-code.js +6 -6
- package/lib/radio/context.js +1 -1
- package/lib/radio/group.js +9 -13
- package/lib/radio/radio-button.js +2 -2
- package/lib/radio/radio.js +19 -24
- package/lib/rate/rate.js +11 -61
- package/lib/search/option.js +4 -5
- package/lib/search/quick-search.js +36 -57
- package/lib/search/search-panel.js +56 -60
- package/lib/search/search.js +9 -10
- package/lib/select/interface.js +1 -1
- package/lib/select/option.js +4 -4
- package/lib/select/select.js +47 -87
- package/lib/signature/drawingBoard.js +16 -16
- package/lib/signature/signature.js +20 -20
- package/lib/signature/utils/signature_pad.js +4 -12
- package/lib/slider/marks.js +3 -5
- package/lib/slider/slider.js +11 -32
- package/lib/slider/sliderTooltip.js +3 -3
- package/lib/slider/steps.js +2 -2
- package/lib/slider/track.js +1 -1
- package/lib/space/space.js +3 -5
- package/lib/spin/spin.js +16 -18
- package/lib/split-panel/split-panel.js +7 -18
- package/lib/split-panel/trigger.js +6 -6
- package/lib/stepper/stepper.js +11 -12
- package/lib/steps/Step.js +8 -8
- package/lib/steps/Steps.js +5 -5
- package/lib/switch/switch.js +4 -6
- package/lib/table/api.js +5 -22
- package/lib/table/table.js +4 -15
- package/lib/tabs/active-line.js +2 -6
- package/lib/tabs/arrow-button.js +3 -3
- package/lib/tabs/context.js +1 -1
- package/lib/tabs/index.js +0 -1
- package/lib/tabs/tab-pane.js +6 -6
- package/lib/tabs/tabs.js +31 -34
- package/lib/tag/tag.js +7 -15
- package/lib/timeline/Timeline.js +5 -5
- package/lib/timeline/TimelineItem.js +5 -5
- package/lib/tooltip/tooltip.js +2 -2
- package/lib/transfer/list-body.js +4 -4
- package/lib/transfer/list-item.js +5 -6
- package/lib/transfer/list.js +18 -22
- package/lib/transfer/operation.js +7 -7
- package/lib/transfer/search.js +5 -5
- package/lib/transfer/transfer.js +8 -13
- package/lib/tree/tree.js +9 -9
- package/lib/tree/treeNode.js +18 -20
- package/lib/tree/utils/treeUtils.js +1 -27
- package/lib/tree-select/interface.js +1 -1
- package/lib/tree-select/tree-select.js +35 -48
- package/lib/typography/base.js +5 -5
- package/lib/typography/index.js +0 -1
- package/lib/typography/paragraph.js +1 -1
- package/lib/typography/text.js +1 -1
- package/lib/typography/title.js +1 -1
- package/lib/typography/typography.js +4 -8
- package/lib/upload/dragger.js +2 -2
- package/lib/upload/request.js +0 -5
- package/lib/upload/scan-files.js +0 -1
- package/lib/upload/upload.js +34 -34
- package/lib/upload/verify-file.js +0 -1
- package/lib/view-container/context.js +1 -1
- package/lib/view-container/view-container.js +4 -8
- package/lib/virtual-list/Filler.js +2 -2
- package/lib/virtual-list/utils/algorithmUtil.js +0 -13
- package/lib/virtual-list/utils/itemUtil.js +0 -30
- package/lib/virtual-list/virtual-list.js +8 -12
- package/package.json +1 -3
package/lib/layout/layout.js
CHANGED
|
@@ -29,7 +29,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
29
29
|
}
|
|
30
30
|
return t;
|
|
31
31
|
};
|
|
32
|
-
var LayoutContext =
|
|
32
|
+
var LayoutContext = React.createContext({
|
|
33
33
|
siderHook: {
|
|
34
34
|
addSider: function addSider() {
|
|
35
35
|
return null;
|
|
@@ -50,12 +50,10 @@ function generator(_ref) {
|
|
|
50
50
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
51
51
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
52
52
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
53
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
54
53
|
var _getCompProps = (0, _utils.getCompProps)('Layout', userDefaultProps, props),
|
|
55
54
|
customPrefixcls = _getCompProps.prefixCls;
|
|
56
|
-
// className前缀
|
|
57
55
|
var prefixCls = getPrefixCls(pkgPrefixCls, suffixCls, customPrefixcls);
|
|
58
|
-
return
|
|
56
|
+
return React.createElement(BasicComponent, (0, _extends2.default)({
|
|
59
57
|
prefixCls: prefixCls,
|
|
60
58
|
tagName: tagName
|
|
61
59
|
}, props));
|
|
@@ -67,7 +65,6 @@ function generator(_ref) {
|
|
|
67
65
|
var Basic = function Basic(props) {
|
|
68
66
|
var _React$useContext2 = React.useContext(_configProvider.ConfigContext),
|
|
69
67
|
userDefaultProps = _React$useContext2.compDefaultProps;
|
|
70
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
71
68
|
var _a = (0, _utils.getCompProps)('Layout', userDefaultProps, props),
|
|
72
69
|
className = _a.className,
|
|
73
70
|
children = _a.children,
|
|
@@ -75,14 +72,13 @@ var Basic = function Basic(props) {
|
|
|
75
72
|
tagName = _a.tagName,
|
|
76
73
|
others = __rest(_a, ["className", "children", "prefixCls", "tagName"]);
|
|
77
74
|
var classString = (0, _classnames.default)(prefixCls, className);
|
|
78
|
-
return
|
|
75
|
+
return React.createElement(tagName, (0, _extends2.default)({
|
|
79
76
|
className: classString
|
|
80
77
|
}, others), children);
|
|
81
78
|
};
|
|
82
79
|
var BasicLayout = function BasicLayout(props) {
|
|
83
80
|
var _React$useContext3 = React.useContext(_configProvider.ConfigContext),
|
|
84
81
|
userDefaultProps = _React$useContext3.compDefaultProps;
|
|
85
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
86
82
|
var _a = (0, _utils.getCompProps)('Layout', userDefaultProps, props),
|
|
87
83
|
style = _a.style,
|
|
88
84
|
className = _a.className,
|
|
@@ -97,7 +93,7 @@ var BasicLayout = function BasicLayout(props) {
|
|
|
97
93
|
setSiders = _React$useState2[1];
|
|
98
94
|
var classString = (0, _classnames.default)(prefixCls, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-has-sider"), typeof hasSider === 'boolean' ? hasSider : siders.length > 0), className);
|
|
99
95
|
var styleString = (0, _extends2.default)({}, style);
|
|
100
|
-
return
|
|
96
|
+
return React.createElement(LayoutContext.Provider, {
|
|
101
97
|
value: {
|
|
102
98
|
siderHook: {
|
|
103
99
|
addSider: function addSider(id) {
|
|
@@ -115,7 +111,7 @@ var BasicLayout = function BasicLayout(props) {
|
|
|
115
111
|
}
|
|
116
112
|
}
|
|
117
113
|
}
|
|
118
|
-
},
|
|
114
|
+
}, React.createElement(Tag, (0, _extends2.default)({
|
|
119
115
|
className: classString
|
|
120
116
|
}, others, {
|
|
121
117
|
style: styleString
|
package/lib/layout/sider.js
CHANGED
|
@@ -37,7 +37,7 @@ var dimensionMaxMap = {
|
|
|
37
37
|
lg: '1279.98px',
|
|
38
38
|
xl: '1919.98px'
|
|
39
39
|
};
|
|
40
|
-
var SiderContext =
|
|
40
|
+
var SiderContext = React.createContext({});
|
|
41
41
|
exports.SiderContext = SiderContext;
|
|
42
42
|
var generateId = function () {
|
|
43
43
|
var i = 0;
|
|
@@ -47,12 +47,11 @@ var generateId = function () {
|
|
|
47
47
|
return (0, _concat.default)(_context = "".concat(prefix)).call(_context, i);
|
|
48
48
|
};
|
|
49
49
|
}();
|
|
50
|
-
var Sider =
|
|
50
|
+
var Sider = React.forwardRef(function (props, ref) {
|
|
51
51
|
var _React$useContext = React.useContext(_configProvider.ConfigContext),
|
|
52
52
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
53
53
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
54
54
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
55
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
56
55
|
var _a = (0, _utils.getCompProps)('Layout', userDefaultProps, props),
|
|
57
56
|
customPrefixcls = _a.prefixCls,
|
|
58
57
|
className = _a.className,
|
|
@@ -77,7 +76,6 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
77
76
|
onCollapse = _a.onCollapse,
|
|
78
77
|
onBreakpoint = _a.onBreakpoint,
|
|
79
78
|
other = __rest(_a, ["prefixCls", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"]);
|
|
80
|
-
// className前缀
|
|
81
79
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'layout-sider', customPrefixcls);
|
|
82
80
|
var _useContext = (0, React.useContext)(_layout.LayoutContext),
|
|
83
81
|
siderHook = _useContext.siderHook;
|
|
@@ -100,7 +98,6 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
100
98
|
}
|
|
101
99
|
onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(value, type);
|
|
102
100
|
};
|
|
103
|
-
// Responsive
|
|
104
101
|
var responsiveHandlerRef = (0, React.useRef)();
|
|
105
102
|
responsiveHandlerRef.current = function (mql) {
|
|
106
103
|
setBelow(mql.matches);
|
|
@@ -151,28 +148,28 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
151
148
|
var renderSider = function renderSider() {
|
|
152
149
|
var _context2, _context3, _classNames;
|
|
153
150
|
var siderWidth = getWidth(collapsed ? collapsedWidth : width);
|
|
154
|
-
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ?
|
|
151
|
+
var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? React.createElement("span", {
|
|
155
152
|
onClick: toggle,
|
|
156
153
|
className: (0, _classnames.default)("".concat(prefixCls, "-zero-width-trigger"), (0, _concat.default)(_context2 = "".concat(prefixCls, "-zero-width-trigger-")).call(_context2, reverseArrow ? 'right' : 'left')),
|
|
157
154
|
style: zeroWidthTriggerStyle
|
|
158
|
-
}, trigger ||
|
|
155
|
+
}, trigger || React.createElement(_icon.default, {
|
|
159
156
|
type: "project"
|
|
160
157
|
})) : null;
|
|
161
158
|
var iconObj = {
|
|
162
|
-
expanded: reverseArrow ?
|
|
159
|
+
expanded: reverseArrow ? React.createElement(_icon.default, {
|
|
163
160
|
type: "foldmenu"
|
|
164
|
-
}) :
|
|
161
|
+
}) : React.createElement(_icon.default, {
|
|
165
162
|
type: "unfoldmenu"
|
|
166
163
|
}),
|
|
167
|
-
collapsed: reverseArrow ?
|
|
164
|
+
collapsed: reverseArrow ? React.createElement(_icon.default, {
|
|
168
165
|
type: "unfoldmenu"
|
|
169
|
-
}) :
|
|
166
|
+
}) : React.createElement(_icon.default, {
|
|
170
167
|
type: "foldmenu"
|
|
171
168
|
})
|
|
172
169
|
};
|
|
173
170
|
var status = collapsed ? 'collapsed' : 'expanded';
|
|
174
171
|
var defaultTrigger = iconObj[status];
|
|
175
|
-
var triggerDom = trigger !== null ? zeroWidthTrigger ||
|
|
172
|
+
var triggerDom = trigger !== null ? zeroWidthTrigger || React.createElement("div", {
|
|
176
173
|
className: "".concat(prefixCls, "-trigger"),
|
|
177
174
|
onClick: toggle,
|
|
178
175
|
style: {
|
|
@@ -191,11 +188,11 @@ var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
191
188
|
style: (0, _extends2.default)((0, _extends2.default)({}, style), divStyle),
|
|
192
189
|
ref: ref
|
|
193
190
|
});
|
|
194
|
-
return
|
|
191
|
+
return React.createElement("aside", (0, _extends2.default)({}, siderProps), React.createElement("div", {
|
|
195
192
|
className: "".concat(prefixCls, "-children")
|
|
196
193
|
}, children), collapsible || below && zeroWidthTrigger ? triggerDom : null);
|
|
197
194
|
};
|
|
198
|
-
return
|
|
195
|
+
return React.createElement(SiderContext.Provider, {
|
|
199
196
|
value: {
|
|
200
197
|
siderCollapsed: collapsed,
|
|
201
198
|
collapsedWidth: collapsedWidth
|
package/lib/link/link.js
CHANGED
|
@@ -48,33 +48,29 @@ var InternalLink = function InternalLink(props, ref) {
|
|
|
48
48
|
disabled = linkProps.disabled,
|
|
49
49
|
onClick = linkProps.onClick,
|
|
50
50
|
customPrefixcls = linkProps.prefixCls,
|
|
51
|
-
others = __rest(linkProps
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
// ref
|
|
55
|
-
var linkRef = ref || /*#__PURE__*/_react.default.createRef();
|
|
56
|
-
var linkPrefixCls = getPrefixCls(prefixCls, 'link', customPrefixcls); // 按钮样式前缀
|
|
51
|
+
others = __rest(linkProps, ["size", "style", "className", "target", "href", "underscore", "children", "prefix", "suffix", "disabled", "onClick", "prefixCls"]);
|
|
52
|
+
var linkRef = ref || _react.default.createRef();
|
|
53
|
+
var linkPrefixCls = getPrefixCls(prefixCls, 'link', customPrefixcls);
|
|
57
54
|
var wrapperClasses = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(linkPrefixCls), true), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context = "".concat(linkPrefixCls, "-size-")).call(_context, size), size), _classNames));
|
|
58
55
|
var linkClasses = (0, _classnames.default)(className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(linkPrefixCls, "-text"), true), (0, _defineProperty2.default)(_classNames2, "".concat(linkPrefixCls, "-underscore"), underscore), (0, _defineProperty2.default)(_classNames2, "".concat(linkPrefixCls, "-disabled"), disabled), _classNames2));
|
|
59
56
|
var handleClick = function handleClick(e) {
|
|
60
|
-
// 禁用状态 不跳转
|
|
61
57
|
disabled && e.preventDefault();
|
|
62
58
|
onClick && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
63
59
|
};
|
|
64
60
|
var prefixNode = (0, _react.useMemo)(function () {
|
|
65
|
-
return prefix ?
|
|
61
|
+
return prefix ? _react.default.createElement("span", {
|
|
66
62
|
className: "".concat(linkPrefixCls, "-prefix")
|
|
67
63
|
}, prefix) : null;
|
|
68
64
|
}, [prefix, linkPrefixCls]);
|
|
69
65
|
var suffixNode = (0, _react.useMemo)(function () {
|
|
70
|
-
return suffix ?
|
|
66
|
+
return suffix ? _react.default.createElement("span", {
|
|
71
67
|
className: "".concat(linkPrefixCls, "-suffix")
|
|
72
68
|
}, suffix) : null;
|
|
73
69
|
}, [suffix, linkPrefixCls]);
|
|
74
|
-
return
|
|
70
|
+
return _react.default.createElement("div", {
|
|
75
71
|
style: style,
|
|
76
72
|
className: wrapperClasses
|
|
77
|
-
}, prefixNode,
|
|
73
|
+
}, prefixNode, _react.default.createElement("a", (0, _extends2.default)({
|
|
78
74
|
ref: linkRef,
|
|
79
75
|
target: target,
|
|
80
76
|
disabled: disabled,
|
|
@@ -83,7 +79,7 @@ var InternalLink = function InternalLink(props, ref) {
|
|
|
83
79
|
onClick: handleClick
|
|
84
80
|
}, others), children), suffixNode);
|
|
85
81
|
};
|
|
86
|
-
var Link =
|
|
82
|
+
var Link = _react.default.forwardRef(InternalLink);
|
|
87
83
|
Link.displayName = 'Link';
|
|
88
84
|
var _default = Link;
|
|
89
85
|
exports.default = _default;
|
package/lib/locale/locale.js
CHANGED
|
@@ -21,17 +21,12 @@ var _zhCN = _interopRequireDefault(require("./zh-CN"));
|
|
|
21
21
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
22
22
|
function _unsupportedIterableToArray(o, minLen) { var _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context2 = Object.prototype.toString.call(o)).call(_context2, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
23
23
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
24
|
-
var LocaleCache =
|
|
24
|
+
var LocaleCache = function () {
|
|
25
25
|
function LocaleCache(localesData, locale) {
|
|
26
26
|
(0, _classCallCheck2.default)(this, LocaleCache);
|
|
27
27
|
this.locale = locale || _zhCN.default.locale;
|
|
28
28
|
this.localesData = localesData;
|
|
29
29
|
}
|
|
30
|
-
/**
|
|
31
|
-
* 设置语言包并切换当前语言
|
|
32
|
-
* @param {LocaleDataType | string} localeData 语言数据集合 | 语言类型
|
|
33
|
-
* @returns 设置后的语言对应的语言包
|
|
34
|
-
*/
|
|
35
30
|
(0, _createClass2.default)(LocaleCache, [{
|
|
36
31
|
key: "setLocalesData",
|
|
37
32
|
value: function setLocalesData(locale, localeData) {
|
|
@@ -45,25 +40,16 @@ var LocaleCache = /*#__PURE__*/function () {
|
|
|
45
40
|
this.localesData[newLocale] = newLocaleData;
|
|
46
41
|
return localeData;
|
|
47
42
|
}
|
|
48
|
-
/**
|
|
49
|
-
* 获取当前语言包数据
|
|
50
|
-
*/
|
|
51
43
|
}, {
|
|
52
44
|
key: "getLocalData",
|
|
53
45
|
value: function getLocalData() {
|
|
54
46
|
return this.localesData[this.locale];
|
|
55
47
|
}
|
|
56
|
-
/**
|
|
57
|
-
* 获取当前语言类型
|
|
58
|
-
*/
|
|
59
48
|
}, {
|
|
60
49
|
key: "getLocal",
|
|
61
50
|
value: function getLocal() {
|
|
62
51
|
return this.locale;
|
|
63
52
|
}
|
|
64
|
-
/**
|
|
65
|
-
* 获取所有语言包数据
|
|
66
|
-
*/
|
|
67
53
|
}, {
|
|
68
54
|
key: "getLocalesData",
|
|
69
55
|
value: function getLocalesData() {
|
|
@@ -81,11 +67,6 @@ var getLangMsg = function getLangMsg(componentName, labelName, params) {
|
|
|
81
67
|
var msg = localData[(0, _concat.default)(_context = "".concat(componentName, ".")).call(_context, labelName)] || localData["global.".concat(labelName)] || '';
|
|
82
68
|
return analysVariables(msg, params);
|
|
83
69
|
};
|
|
84
|
-
/**
|
|
85
|
-
* 解析模板字符串中的变量
|
|
86
|
-
* @param {*} msg
|
|
87
|
-
* @param {*} variables
|
|
88
|
-
*/
|
|
89
70
|
exports.getLangMsg = getLangMsg;
|
|
90
71
|
function analysVariables(msg, variables) {
|
|
91
72
|
if (typeof msg === 'string') {
|
|
@@ -134,11 +115,6 @@ function analysVariables(msg, variables) {
|
|
|
134
115
|
return msg;
|
|
135
116
|
}
|
|
136
117
|
}
|
|
137
|
-
/**
|
|
138
|
-
* 替换基本类型的变量
|
|
139
|
-
* @param {*} msg
|
|
140
|
-
* @param {*} stringVar
|
|
141
|
-
*/
|
|
142
118
|
function formatText(msg, stringVar) {
|
|
143
119
|
stringVar.forEach(function (item) {
|
|
144
120
|
var k = item.k,
|
|
@@ -148,19 +124,13 @@ function formatText(msg, stringVar) {
|
|
|
148
124
|
});
|
|
149
125
|
return msg;
|
|
150
126
|
}
|
|
151
|
-
/**
|
|
152
|
-
* 替换React元素类型的变量
|
|
153
|
-
* @param {*} msg
|
|
154
|
-
* @param {*} eleVar
|
|
155
|
-
* @param {*} variables
|
|
156
|
-
*/
|
|
157
127
|
function formatElement(msg, variables) {
|
|
158
128
|
var splitByElement = function splitByElement(msg) {
|
|
159
129
|
var array = [];
|
|
160
130
|
var item = {
|
|
161
131
|
t: 0,
|
|
162
132
|
v: ''
|
|
163
|
-
};
|
|
133
|
+
};
|
|
164
134
|
var len = msg.length;
|
|
165
135
|
msg.split('').forEach(function (c, i) {
|
|
166
136
|
if (c === '{') {
|
|
@@ -190,11 +160,11 @@ function formatElement(msg, variables) {
|
|
|
190
160
|
var t = item.t,
|
|
191
161
|
v = item.v;
|
|
192
162
|
if (t === 0 && v !== '') {
|
|
193
|
-
elements.push(
|
|
163
|
+
elements.push(_react.default.createElement("span", {
|
|
194
164
|
key: index
|
|
195
165
|
}, v));
|
|
196
166
|
} else if (t === 1) {
|
|
197
|
-
elements.push(
|
|
167
|
+
elements.push(_react.default.cloneElement(variables[v], {
|
|
198
168
|
key: index
|
|
199
169
|
}));
|
|
200
170
|
}
|
package/lib/menu/menu.js
CHANGED
|
@@ -128,7 +128,6 @@ var Menu = function Menu(props) {
|
|
|
128
128
|
restProps.onMouseLeave();
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
|
-
// 子菜单展开关闭的回调
|
|
132
131
|
var handleOnOpenChange = function handleOnOpenChange(openKey, isAdd) {
|
|
133
132
|
var clean = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
134
133
|
if (clean) {
|
|
@@ -150,10 +149,10 @@ var Menu = function Menu(props) {
|
|
|
150
149
|
};
|
|
151
150
|
var renderMenu = function renderMenu() {
|
|
152
151
|
var _context;
|
|
153
|
-
return
|
|
152
|
+
return _react.default.createElement("ul", null, (0, _map.default)(_context = (0, _reactChildren.toArray)(children)).call(_context, function (item, i) {
|
|
154
153
|
if (!item) return;
|
|
155
154
|
var key = (item === null || item === void 0 ? void 0 : item.key) || i;
|
|
156
|
-
return
|
|
155
|
+
return _react.default.cloneElement(item, {
|
|
157
156
|
key: key,
|
|
158
157
|
keyValue: key,
|
|
159
158
|
collapsed: collapsed,
|
|
@@ -181,7 +180,7 @@ var Menu = function Menu(props) {
|
|
|
181
180
|
onMouseLeave: handleMouseLeaveMenu,
|
|
182
181
|
onMouseEnter: handleMouseEnterMenu
|
|
183
182
|
};
|
|
184
|
-
return
|
|
183
|
+
return _react.default.createElement("div", (0, _extends2.default)({
|
|
185
184
|
className: (0, _classnames.default)(prefixCls, className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-inline"), mode === 'inline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-vertical"), mode !== 'inline'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-collapsed"), collapsed), (0, _defineProperty2.default)(_classNames, (0, _concat.default)(_context2 = "".concat(prefixCls, "-")).call(_context2, theme === 'light' ? 'light' : 'dark'), true), _classNames)),
|
|
186
185
|
role: "menu",
|
|
187
186
|
style: style
|
package/lib/menu/menuItem.js
CHANGED
|
@@ -37,7 +37,6 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
37
37
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
38
38
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
39
39
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
40
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
41
40
|
var _a = (0, _utils.getCompProps)('MenuItem', userDefaultProps, props),
|
|
42
41
|
customPrefixcls = _a.prefixCls,
|
|
43
42
|
icon = _a.icon,
|
|
@@ -61,15 +60,15 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
61
60
|
restProps = __rest(_a, ["prefixCls", "icon", "mode", "level", "disabled", "children", "collapsed", "keyValue", "selectedKey", "setSelectedKeyPath", "subMenuMode", "inlineIndent", "className", "handleOnClick", "paddingLeft", "style", "parentPath"]);
|
|
62
61
|
(0, _devwarning.default)(!keyValue && keyValue !== 0, 'menuitem', 'cannot found children in Menu.Item');
|
|
63
62
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-item', customPrefixcls);
|
|
64
|
-
var menuItemRef = ref ||
|
|
63
|
+
var menuItemRef = ref || React.createRef();
|
|
65
64
|
var menuItemParentPath = Array.isArray(parentPath) ? (0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)(parentPath), [keyValue]) : [keyValue];
|
|
66
65
|
var renderItemChildren = function renderItemChildren(children) {
|
|
67
66
|
if (typeof children === 'string') {
|
|
68
|
-
return
|
|
67
|
+
return React.createElement("span", {
|
|
69
68
|
className: MENU_ITEM_CONTAINER_NAME
|
|
70
69
|
}, children);
|
|
71
70
|
}
|
|
72
|
-
return
|
|
71
|
+
return React.createElement("div", {
|
|
73
72
|
className: MENU_ITEM_CONTAINER_NAME
|
|
74
73
|
}, typeof children === 'function' ? children() : children);
|
|
75
74
|
};
|
|
@@ -101,10 +100,6 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
101
100
|
if (level > 1 && mode !== 'inline') {
|
|
102
101
|
return _util.DEFAUTL_PADDING;
|
|
103
102
|
}
|
|
104
|
-
// if (level === 1 && icon) {
|
|
105
|
-
// return 0
|
|
106
|
-
// }
|
|
107
|
-
// 无图标显示首个字符不需要paddingleft
|
|
108
103
|
if (!icon && collapsed && level === 1 && typeof children === 'string') {
|
|
109
104
|
return 0;
|
|
110
105
|
}
|
|
@@ -121,7 +116,7 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
121
116
|
};
|
|
122
117
|
var renderTitle = function renderTitle() {
|
|
123
118
|
if (!icon && collapsed && level === 1 && typeof children === 'string') {
|
|
124
|
-
return
|
|
119
|
+
return React.createElement("p", null, children.charAt(0));
|
|
125
120
|
}
|
|
126
121
|
return renderItemChildren(children);
|
|
127
122
|
};
|
|
@@ -130,20 +125,20 @@ var InternalMenuItem = function InternalMenuItem(props, ref) {
|
|
|
130
125
|
setSelectedKeyPath(menuItemParentPath);
|
|
131
126
|
}
|
|
132
127
|
}, [selectedKey]);
|
|
133
|
-
return
|
|
128
|
+
return React.createElement("li", (0, _extends2.default)({
|
|
134
129
|
ref: menuItemRef,
|
|
135
130
|
className: (0, _classnames.default)(className, (_classNames = {}, (0, _defineProperty2.default)(_classNames, prefixCls, subMenuMode !== 'horizontal'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-collapsed"), collapsed && level === 1), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-active"), selectedKey === keyValue), _classNames)),
|
|
136
131
|
role: "menuitem",
|
|
137
132
|
style: style,
|
|
138
133
|
key: keyValue
|
|
139
|
-
}, mouseEvent),
|
|
134
|
+
}, mouseEvent), React.createElement("div", {
|
|
140
135
|
className: (0, _classnames.default)("".concat(prefixCls, "-title")),
|
|
141
136
|
style: titleStyle
|
|
142
|
-
}, icon &&
|
|
137
|
+
}, icon && React.cloneElement((0, _util.renderReactNodeFunction)(icon), {
|
|
143
138
|
className: (0, _classnames.default)("".concat(prefixCls, "-icon"))
|
|
144
139
|
}), renderTitle()));
|
|
145
140
|
};
|
|
146
|
-
var MenuItem =
|
|
141
|
+
var MenuItem = React.forwardRef(InternalMenuItem);
|
|
147
142
|
MenuItem.displayName = 'MenuItem';
|
|
148
143
|
var _default = MenuItem;
|
|
149
144
|
exports.default = _default;
|
package/lib/menu/subMenu.js
CHANGED
|
@@ -37,7 +37,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
37
37
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
38
38
|
pkgPrefixCls = _React$useContext.prefixCls,
|
|
39
39
|
userDefaultProps = _React$useContext.compDefaultProps;
|
|
40
|
-
// 属性需要合并一遍用户定义的默认属性
|
|
41
40
|
var _a = (0, _utils.getCompProps)('MenuSubMenu', userDefaultProps, props),
|
|
42
41
|
customPrefixcls = _a.prefixCls,
|
|
43
42
|
theme = _a.theme,
|
|
@@ -62,7 +61,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
62
61
|
paddingLeft = _a$paddingLeft === void 0 ? 0 : _a$paddingLeft,
|
|
63
62
|
restProps = __rest(_a, ["prefixCls", "theme", "mode", "title", "icon", "disabled", "children", "collapsed", "keyValue", "selectedKey", "selectedKeyPath", "setSelectedKeyPath", "openKeys", "triggerSubMenuAction", "forceSubMenuRender", "inlineIndent", "className", "style", "handleOnOpenChange", "paddingLeft"]);
|
|
64
63
|
var isVertical = mode === 'vertical';
|
|
65
|
-
// 初始化level
|
|
66
64
|
if (!restProps.level) {
|
|
67
65
|
restProps.level = 1;
|
|
68
66
|
}
|
|
@@ -77,7 +75,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
77
75
|
restProps.popupOffset = [];
|
|
78
76
|
}
|
|
79
77
|
(0, _devwarning.default)(!children, 'submenu', 'cannot found children in Menu.SubMenu');
|
|
80
|
-
// className前缀
|
|
81
78
|
var prefixCls = getPrefixCls(pkgPrefixCls, 'menu-submenu', customPrefixcls);
|
|
82
79
|
var subMenuRef = _react.default.useRef(null);
|
|
83
80
|
var subMenuWrapperRef = _react.default.useRef(null);
|
|
@@ -109,7 +106,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
109
106
|
if (restProps.level === 1 && icon) {
|
|
110
107
|
return 0;
|
|
111
108
|
}
|
|
112
|
-
// 无图标显示首个字符不需要paddingleft
|
|
113
109
|
if (!icon && collapsed && restProps.level === 1 && typeof title === 'string') {
|
|
114
110
|
return 0;
|
|
115
111
|
}
|
|
@@ -119,7 +115,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
119
115
|
var curPaddingLeft = getPaddingLeft();
|
|
120
116
|
var getCurrentStyle = _react.default.useCallback(function () {
|
|
121
117
|
var _a;
|
|
122
|
-
// 内嵌模式height主要是用来动画的,必须要设置overflow溢出隐藏
|
|
123
118
|
if (mode === 'inline') {
|
|
124
119
|
var height = ((_a = subMenuWrapperRef.current) === null || _a === void 0 ? void 0 : _a.scrollHeight) || 0;
|
|
125
120
|
return {
|
|
@@ -161,7 +156,6 @@ var SubMenu = function SubMenu(props) {
|
|
|
161
156
|
var closeSubMenu = function closeSubMenu() {
|
|
162
157
|
handleVisibleChange(false, true);
|
|
163
158
|
};
|
|
164
|
-
// 点击区域外的地方关闭
|
|
165
159
|
(0, _hooks.useOnClickOutside)([subMenuVerticalRef, subMenuWrapperVerticalRef], function (e) {
|
|
166
160
|
var _a;
|
|
167
161
|
var className = ((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.className) || '';
|
|
@@ -185,24 +179,23 @@ var SubMenu = function SubMenu(props) {
|
|
|
185
179
|
}
|
|
186
180
|
restProps.handleOnClick && restProps.handleOnClick(info);
|
|
187
181
|
};
|
|
188
|
-
// 子菜单展开收缩
|
|
189
182
|
var handleOnClickSubMenu = function handleOnClickSubMenu() {
|
|
190
183
|
if (disabled || triggerSubMenuAction === 'hover') return;
|
|
191
184
|
handleVisibleChange(!visible);
|
|
192
185
|
};
|
|
193
186
|
var renderItemTitle = function renderItemTitle() {
|
|
194
187
|
if (!icon && collapsed && restProps.level === 1 && (0, _util.isString)(title)) {
|
|
195
|
-
return
|
|
188
|
+
return _react.default.createElement("p", null, title.charAt(0));
|
|
196
189
|
}
|
|
197
190
|
if ((0, _util.isString)(title)) {
|
|
198
|
-
return
|
|
191
|
+
return _react.default.createElement("span", null, title);
|
|
199
192
|
}
|
|
200
193
|
return (0, _util.renderReactNodeFunction)(title);
|
|
201
194
|
};
|
|
202
195
|
var renderItemArrow = function renderItemArrow() {
|
|
203
196
|
var _context2;
|
|
204
197
|
if (mode !== 'inline' || collapsed) return null;
|
|
205
|
-
return
|
|
198
|
+
return _react.default.createElement(_index.Icon, {
|
|
206
199
|
type: "arrow-down",
|
|
207
200
|
className: (0, _classnames.default)("".concat(prefixCls, "-arrow"), (0, _defineProperty2.default)({}, (0, _concat.default)(_context2 = "".concat(prefixCls, "-arrow-")).call(_context2, visible ? 'up' : 'down'), true))
|
|
208
201
|
});
|
|
@@ -210,17 +203,17 @@ var SubMenu = function SubMenu(props) {
|
|
|
210
203
|
if (restProps.subMenuMode === 'horizontal' && restProps.level > 1 && children) {
|
|
211
204
|
var _context3;
|
|
212
205
|
var width = (0, _util.getItemWidth)(children);
|
|
213
|
-
return
|
|
206
|
+
return _react.default.createElement("div", {
|
|
214
207
|
className: (0, _classnames.default)("".concat(prefixCls, "-thrid-item")),
|
|
215
208
|
style: {
|
|
216
209
|
width: width
|
|
217
210
|
}
|
|
218
|
-
},
|
|
211
|
+
}, _react.default.createElement("div", {
|
|
219
212
|
className: (0, _classnames.default)("".concat(prefixCls, "-thrid-title"))
|
|
220
|
-
},
|
|
213
|
+
}, _react.default.createElement("span", null, title)), _react.default.createElement("ul", {
|
|
221
214
|
className: (0, _classnames.default)("".concat(prefixCls, "-thrid-list"), restProps.popupClassName)
|
|
222
215
|
}, (0, _map.default)(_context3 = (0, _reactChildren.toArray)(children)).call(_context3, function (item, i) {
|
|
223
|
-
return
|
|
216
|
+
return _react.default.cloneElement(item, {
|
|
224
217
|
level: restProps.level + 1,
|
|
225
218
|
subMenuMode: restProps.subMenuMode,
|
|
226
219
|
keyValue: item && item.key || i,
|
|
@@ -244,8 +237,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
244
237
|
paddingRight: "".concat(curPaddingRight, "px"),
|
|
245
238
|
paddingLeft: "".concat(curPaddingLeft, "px")
|
|
246
239
|
};
|
|
247
|
-
|
|
248
|
-
var verticalView = (0, _usePopper.default)( /*#__PURE__*/_react.default.createElement("li", (0, _extends2.default)({
|
|
240
|
+
var verticalView = (0, _usePopper.default)(_react.default.createElement("li", (0, _extends2.default)({
|
|
249
241
|
className: (0, _classnames.default)(prefixCls, className, (_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "light", theme === 'light'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-collapsed"), collapsed), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-hover"), !disabled && Array.isArray(openKeys) && (0, _includes.default)(openKeys).call(openKeys, keyValue)), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && (0, _includes.default)(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames2)),
|
|
250
242
|
ref: subMenuVerticalRef,
|
|
251
243
|
key: keyValue
|
|
@@ -253,12 +245,12 @@ var SubMenu = function SubMenu(props) {
|
|
|
253
245
|
onMouseLeave: handleOnMouseLeave,
|
|
254
246
|
onMouseEnter: handleOnMouseEnter,
|
|
255
247
|
onClick: handleOnClickSubMenu
|
|
256
|
-
}),
|
|
248
|
+
}), _react.default.createElement("div", {
|
|
257
249
|
className: (0, _classnames.default)("".concat(prefixCls, "-title")),
|
|
258
250
|
style: titleStyle
|
|
259
|
-
}, icon &&
|
|
251
|
+
}, icon && _react.default.cloneElement((0, _util.renderReactNodeFunction)(icon), {
|
|
260
252
|
className: (0, _classnames.default)("".concat(prefixCls, "-icon"))
|
|
261
|
-
}), renderItemTitle(), renderItemArrow())),
|
|
253
|
+
}), renderItemTitle(), renderItemArrow())), _react.default.createElement("div", {
|
|
262
254
|
ref: subMenuWrapperVerticalRef,
|
|
263
255
|
onMouseLeave: function onMouseLeave() {
|
|
264
256
|
handleOnMouseLeave();
|
|
@@ -266,11 +258,11 @@ var SubMenu = function SubMenu(props) {
|
|
|
266
258
|
onMouseEnter: function onMouseEnter() {
|
|
267
259
|
handleOnMouseEnter();
|
|
268
260
|
}
|
|
269
|
-
},
|
|
261
|
+
}, _react.default.createElement("ul", {
|
|
270
262
|
className: (0, _classnames.default)("".concat(prefixCls, "-sub"), restProps.popupClassName, (_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(prefixCls, "-sub-second"), restProps.level === 1), (0, _defineProperty2.default)(_classNames3, "".concat(prefixCls, "-sub-third"), restProps.level === 2), _classNames3))
|
|
271
263
|
}, (0, _map.default)(_context4 = (0, _reactChildren.toArray)(children)).call(_context4, function (item, index) {
|
|
272
264
|
var key = item.key || index;
|
|
273
|
-
return
|
|
265
|
+
return _react.default.cloneElement(item, {
|
|
274
266
|
key: key,
|
|
275
267
|
level: restProps.level + 1,
|
|
276
268
|
keyValue: key,
|
|
@@ -301,25 +293,25 @@ var SubMenu = function SubMenu(props) {
|
|
|
301
293
|
return verticalView;
|
|
302
294
|
} else {
|
|
303
295
|
var _classNames4, _context5;
|
|
304
|
-
return
|
|
296
|
+
return _react.default.createElement("li", (0, _extends2.default)({
|
|
305
297
|
ref: subMenuRef,
|
|
306
298
|
className: (0, _classnames.default)(prefixCls, className, (_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-collapsed"), collapsed), (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-disabled"), disabled), (0, _defineProperty2.default)(_classNames4, "".concat(prefixCls, "-active"), Array.isArray(selectedKeyPath) && (0, _includes.default)(selectedKeyPath).call(selectedKeyPath, keyValue)), _classNames4)),
|
|
307
299
|
key: keyValue
|
|
308
300
|
}, mouseEvent, {
|
|
309
301
|
style: style
|
|
310
|
-
}),
|
|
302
|
+
}), _react.default.createElement("div", {
|
|
311
303
|
className: (0, _classnames.default)("".concat(prefixCls, "-title")),
|
|
312
304
|
style: titleStyle
|
|
313
|
-
}, icon &&
|
|
305
|
+
}, icon && _react.default.cloneElement((0, _util.renderReactNodeFunction)(icon), {
|
|
314
306
|
className: (0, _classnames.default)("".concat(prefixCls, "-icon"))
|
|
315
|
-
}), renderItemTitle(), renderItemArrow()),
|
|
307
|
+
}), renderItemTitle(), renderItemArrow()), _react.default.createElement("div", {
|
|
316
308
|
style: getCurrentStyle(),
|
|
317
309
|
ref: subMenuWrapperRef
|
|
318
|
-
},
|
|
310
|
+
}, _react.default.createElement("ul", {
|
|
319
311
|
className: (0, _classnames.default)("".concat(prefixCls, "-sub"), restProps.popupClassName)
|
|
320
312
|
}, (0, _map.default)(_context5 = (0, _reactChildren.toArray)(children)).call(_context5, function (item, index) {
|
|
321
313
|
var key = item.key || index;
|
|
322
|
-
return
|
|
314
|
+
return _react.default.cloneElement(item, {
|
|
323
315
|
key: key,
|
|
324
316
|
level: restProps.level + 1,
|
|
325
317
|
keyValue: key,
|
package/lib/menu/util.js
CHANGED
|
@@ -32,9 +32,6 @@ var getColumnWidthList = function getColumnWidthList(nodeList) {
|
|
|
32
32
|
});
|
|
33
33
|
return columnWidthList;
|
|
34
34
|
};
|
|
35
|
-
// 计算外层面板的总宽度 DEFAULT_MAX_WIDTH: 824px, 最多四列(790px),
|
|
36
|
-
// 每列160px+40px
|
|
37
|
-
// 其中160px是width,40px是marginRight
|
|
38
35
|
exports.getColumnWidthList = getColumnWidthList;
|
|
39
36
|
var getWrapWidth = function getWrapWidth(nodelist) {
|
|
40
37
|
var wrapWidth = 0;
|
|
@@ -51,7 +48,6 @@ var getWrapWidth = function getWrapWidth(nodelist) {
|
|
|
51
48
|
});
|
|
52
49
|
return wrapWidth + 10;
|
|
53
50
|
};
|
|
54
|
-
// 计算子项的宽度
|
|
55
51
|
exports.getWrapWidth = getWrapWidth;
|
|
56
52
|
var getItemWidth = function getItemWidth(children) {
|
|
57
53
|
if (!(0, _isArray.default)(children)) {
|