@kdcloudjs/kdesign 1.8.12 → 1.8.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/kdesign.css +1 -1
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +5 -3
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +1 -1
- package/dist/kdesign.min.js +2 -2
- package/dist/kdesign.min.js.map +1 -1
- package/es/_utils/KeyCode.js +1 -333
- package/es/_utils/arrayUtil.js +0 -8
- package/es/_utils/formatUtil.js +9 -59
- package/es/_utils/getStringLength.js +0 -1
- package/es/_utils/hooks.js +2 -34
- package/es/_utils/index.js +1 -7
- package/es/_utils/numberUtil.js +0 -54
- package/es/_utils/raf.js +2 -2
- package/es/_utils/reactNode.js +1 -1
- package/es/_utils/resizeObserver.js +2 -4
- package/es/_utils/type.js +0 -1
- package/es/_utils/usePopper.js +3 -3
- package/es/alert/alert.js +8 -16
- package/es/anchor/anchor-link.js +3 -3
- package/es/anchor/anchor.js +23 -26
- package/es/anchor/context.js +1 -1
- package/es/avatar/avatar.js +8 -11
- package/es/badge/badge.js +7 -13
- package/es/base-data/base-data.js +34 -103
- package/es/breadcrumb/breadcrumb.js +12 -12
- package/es/breadcrumb/breadcrumbItem.js +5 -5
- package/es/button/button.js +13 -24
- package/es/button/group.js +13 -13
- package/es/card/card.js +12 -14
- package/es/carousel/carousel.js +13 -13
- package/es/carousel/displayList.js +3 -3
- package/es/carousel/fadeList.js +3 -3
- package/es/carousel/slideList.js +4 -4
- package/es/carousel/slidebar.js +3 -3
- package/es/cascader/cascader.js +31 -36
- package/es/checkbox/checkbox.js +25 -30
- package/es/checkbox/group.js +8 -9
- package/es/city-picker/city-picker.js +28 -38
- package/es/city-picker/interface.js +1 -1
- package/es/city-picker/option.js +4 -4
- package/es/clipboard/clipboard.js +5 -23
- package/es/clipboard/util.js +0 -60
- package/es/collapse/collapse.js +5 -5
- package/es/collapse/panel.js +15 -15
- package/es/color-picker/color-picker-panel.js +12 -13
- package/es/color-picker/color-picker.js +6 -10
- package/es/color-picker/utils/validateColor.js +0 -3
- package/es/config-provider/ConfigContext.js +1 -4
- package/es/config-provider/SizeContext.js +3 -3
- package/es/config-provider/compDefaultProps.js +3 -10
- package/es/config-provider/configProvider.js +1 -6
- package/es/config-provider/defaultConfig.js +0 -1
- package/es/date-picker/calendar.js +6 -23
- package/es/date-picker/context.js +1 -1
- package/es/date-picker/date-panel.js +12 -13
- package/es/date-picker/date-picker.js +7 -12
- package/es/date-picker/hooks/use-hover-value.js +0 -1
- package/es/date-picker/hooks/use-picker-input.js +0 -4
- package/es/date-picker/hooks/use-range-disabled.js +2 -6
- package/es/date-picker/hooks/use-range-view-dates.js +1 -9
- package/es/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/es/date-picker/locale/zh_CN.js +0 -1
- package/es/date-picker/panel/date-time/date-time.js +4 -6
- package/es/date-picker/panel/header/header.js +14 -14
- package/es/date-picker/panel/month/month.js +5 -6
- package/es/date-picker/panel/quarter/quarter.js +4 -4
- package/es/date-picker/panel/time/time-column.js +4 -6
- package/es/date-picker/panel/time/time.js +10 -35
- package/es/date-picker/panel/week/week.js +5 -8
- package/es/date-picker/panel/year/year.js +4 -6
- package/es/date-picker/popper.js +3 -6
- package/es/date-picker/range/input-range.js +12 -13
- package/es/date-picker/range-picker.js +13 -36
- package/es/date-picker/single/input-date.js +8 -14
- package/es/date-picker/utils/date-fns.js +0 -35
- package/es/date-picker/utils/get-extra-footer.js +1 -1
- package/es/date-picker/utils/get-ranges.js +8 -8
- package/es/date-picker/utils/index.js +0 -3
- package/es/divider/divider.js +2 -2
- package/es/drawer/drawer.js +14 -39
- package/es/dropdown/dropdown.js +10 -11
- package/es/dropdown/menu.js +8 -12
- package/es/empty/defaultEmptyImg.js +18 -18
- package/es/empty/empty.js +9 -10
- package/es/empty/illustrationEmptyImg.js +106 -106
- package/es/filter/condition.js +10 -10
- package/es/filter/filter.js +17 -19
- package/es/filter/scheme.js +34 -41
- package/es/form/Field.js +5 -5
- package/es/form/FieldContext.js +1 -1
- package/es/form/FieldLabel.js +2 -2
- package/es/form/FieldWrapper.js +6 -6
- package/es/form/Form.js +2 -5
- package/es/form/FormContext.js +2 -4
- package/es/form/hooks/useForm.js +1 -14
- package/es/form/index.js +1 -1
- package/es/grid/col.js +1 -7
- package/es/grid/row.js +3 -9
- package/es/icon/icon.js +2 -2
- package/es/image/image.js +5 -7
- package/es/image/preview-group.js +3 -4
- package/es/image/preview.js +22 -24
- package/es/image-cropper/cropper.js +3 -6
- package/es/image-cropper/image-cropper.js +5 -5
- package/es/image-cropper/operation-bar.js +9 -9
- package/es/index.js +4 -0
- package/es/input/ClearableLabeledInput.js +13 -13
- package/es/input/TextArea.js +7 -7
- package/es/input/calculateNodeHeight.js +6 -11
- package/es/input/index.js +0 -1
- package/es/input/input.js +5 -5
- package/es/input-number/inputNumber.js +3 -10
- package/es/layout/layout.js +5 -9
- package/es/layout/sider.js +11 -14
- package/es/link/link.js +8 -12
- package/es/locale/locale.js +4 -34
- package/es/menu/menu.js +3 -4
- package/es/menu/menuItem.js +8 -13
- package/es/menu/subMenu.js +19 -27
- package/es/menu/util.js +0 -4
- package/es/message/content.js +13 -13
- package/es/message/index.js +1 -3
- package/es/modal/confirm.js +1 -1
- package/es/modal/modal.js +32 -40
- package/es/notification/content.js +18 -18
- package/es/notification/index.js +1 -1
- package/es/notification-base/index.js +1 -1
- package/es/notification-base/notice.js +2 -2
- package/es/notification-base/notification.js +3 -3
- package/es/pagination/pagination.js +48 -70
- package/es/popconfirm/popconfirm.js +8 -10
- package/es/popper/index.d.ts +2 -0
- package/es/popper/index.js +9 -15
- package/es/progress/circle.js +6 -8
- package/es/progress/line.js +3 -3
- package/es/progress/progress.js +11 -11
- package/es/qr-code/qr-code.js +6 -6
- package/es/radio/context.js +1 -1
- package/es/radio/group.js +9 -13
- package/es/radio/radio-button.js +2 -2
- package/es/radio/radio.js +19 -24
- package/es/rate/rate.js +11 -61
- package/es/search/option.js +4 -5
- package/es/search/quick-search.js +36 -57
- package/es/search/search-panel.js +56 -60
- package/es/search/search.js +9 -10
- package/es/select/interface.js +1 -1
- package/es/select/option.js +4 -4
- package/es/select/select.js +47 -87
- package/es/signature/drawingBoard.js +16 -16
- package/es/signature/signature.js +20 -20
- package/es/signature/utils/signature_pad.js +4 -12
- package/es/slider/marks.js +3 -5
- package/es/slider/slider.js +11 -32
- package/es/slider/sliderTooltip.js +3 -3
- package/es/slider/steps.js +2 -2
- package/es/slider/track.js +1 -1
- package/es/space/space.js +3 -5
- package/es/spin/spin.js +16 -18
- package/es/split-panel/split-panel.js +7 -18
- package/es/split-panel/trigger.js +6 -6
- package/es/stepper/stepper.js +11 -12
- package/es/steps/Step.js +8 -8
- package/es/steps/Steps.js +5 -5
- package/es/switch/switch.js +4 -6
- package/es/table/api.js +5 -22
- package/es/table/table.js +4 -15
- package/es/tabs/active-line.js +2 -6
- package/es/tabs/arrow-button.js +3 -3
- package/es/tabs/context.js +1 -1
- package/es/tabs/index.js +0 -1
- package/es/tabs/tab-pane.js +6 -6
- package/es/tabs/tabs.js +31 -34
- package/es/tag/tag.js +7 -15
- package/es/timeline/Timeline.js +5 -5
- package/es/timeline/TimelineItem.js +5 -5
- package/es/tooltip/tooltip.js +2 -2
- package/es/transfer/list-body.js +4 -4
- package/es/transfer/list-item.js +5 -6
- package/es/transfer/list.js +18 -22
- package/es/transfer/operation.js +7 -7
- package/es/transfer/search.js +5 -5
- package/es/transfer/transfer.js +8 -13
- package/es/tree/tree.js +9 -9
- package/es/tree/treeNode.js +18 -20
- package/es/tree/utils/treeUtils.js +1 -27
- package/es/tree-select/interface.js +1 -1
- package/es/tree-select/tree-select.js +35 -48
- package/es/typography/base.js +5 -5
- package/es/typography/index.js +0 -1
- package/es/typography/paragraph.js +1 -1
- package/es/typography/text.js +1 -1
- package/es/typography/title.js +1 -1
- package/es/typography/typography.js +4 -8
- package/es/upload/dragger.js +2 -2
- package/es/upload/request.js +0 -5
- package/es/upload/scan-files.js +0 -1
- package/es/upload/upload.js +34 -34
- package/es/upload/verify-file.js +0 -1
- package/es/view-container/context.js +1 -1
- package/es/view-container/view-container.js +4 -8
- package/es/virtual-list/Filler.js +2 -2
- package/es/virtual-list/utils/algorithmUtil.js +0 -13
- package/es/virtual-list/utils/itemUtil.js +0 -30
- package/es/virtual-list/virtual-list.js +8 -11
- package/lib/_utils/KeyCode.js +1 -333
- package/lib/_utils/arrayUtil.js +0 -8
- package/lib/_utils/formatUtil.js +9 -59
- package/lib/_utils/getStringLength.js +0 -1
- package/lib/_utils/hooks.js +2 -34
- package/lib/_utils/index.js +0 -7
- package/lib/_utils/numberUtil.js +0 -54
- package/lib/_utils/raf.js +2 -2
- package/lib/_utils/reactNode.js +1 -1
- package/lib/_utils/resizeObserver.js +2 -4
- package/lib/_utils/type.js +0 -1
- package/lib/_utils/usePopper.js +3 -3
- package/lib/alert/alert.js +8 -16
- package/lib/anchor/anchor-link.js +3 -3
- package/lib/anchor/anchor.js +23 -26
- package/lib/anchor/context.js +1 -1
- package/lib/avatar/avatar.js +8 -11
- package/lib/badge/badge.js +7 -13
- package/lib/base-data/base-data.js +34 -103
- package/lib/breadcrumb/breadcrumb.js +12 -12
- package/lib/breadcrumb/breadcrumbItem.js +5 -5
- package/lib/button/button.js +13 -24
- package/lib/button/group.js +13 -13
- package/lib/card/card.js +12 -14
- package/lib/carousel/carousel.js +13 -13
- package/lib/carousel/displayList.js +3 -3
- package/lib/carousel/fadeList.js +3 -3
- package/lib/carousel/slideList.js +4 -4
- package/lib/carousel/slidebar.js +3 -3
- package/lib/cascader/cascader.js +31 -36
- package/lib/checkbox/checkbox.js +25 -30
- package/lib/checkbox/group.js +8 -8
- package/lib/city-picker/city-picker.js +28 -38
- package/lib/city-picker/interface.js +1 -1
- package/lib/city-picker/option.js +4 -4
- package/lib/clipboard/clipboard.js +5 -23
- package/lib/clipboard/util.js +0 -60
- package/lib/collapse/collapse.js +5 -5
- package/lib/collapse/panel.js +15 -15
- package/lib/color-picker/color-picker-panel.js +12 -14
- package/lib/color-picker/color-picker.js +6 -10
- package/lib/color-picker/utils/validateColor.js +0 -3
- package/lib/config-provider/ConfigContext.js +1 -5
- package/lib/config-provider/SizeContext.js +3 -3
- package/lib/config-provider/compDefaultProps.js +3 -10
- package/lib/config-provider/configProvider.js +1 -7
- package/lib/config-provider/defaultConfig.js +0 -1
- package/lib/date-picker/calendar.js +6 -23
- package/lib/date-picker/context.js +1 -1
- package/lib/date-picker/date-panel.js +12 -13
- package/lib/date-picker/date-picker.js +7 -12
- package/lib/date-picker/hooks/use-hover-value.js +0 -1
- package/lib/date-picker/hooks/use-picker-input.js +0 -4
- package/lib/date-picker/hooks/use-range-disabled.js +2 -6
- package/lib/date-picker/hooks/use-range-view-dates.js +1 -9
- package/lib/date-picker/hooks/use-text-value-mapping.js +0 -1
- package/lib/date-picker/locale/zh_CN.js +0 -1
- package/lib/date-picker/panel/date-time/date-time.js +4 -6
- package/lib/date-picker/panel/header/header.js +14 -14
- package/lib/date-picker/panel/month/month.js +5 -6
- package/lib/date-picker/panel/quarter/quarter.js +4 -4
- package/lib/date-picker/panel/time/time-column.js +4 -6
- package/lib/date-picker/panel/time/time.js +10 -35
- package/lib/date-picker/panel/week/week.js +5 -8
- package/lib/date-picker/panel/year/year.js +4 -6
- package/lib/date-picker/popper.js +3 -6
- package/lib/date-picker/range/input-range.js +12 -13
- package/lib/date-picker/range-picker.js +13 -36
- package/lib/date-picker/single/input-date.js +8 -14
- package/lib/date-picker/utils/date-fns.js +0 -34
- package/lib/date-picker/utils/get-extra-footer.js +1 -1
- package/lib/date-picker/utils/get-ranges.js +8 -8
- package/lib/date-picker/utils/index.js +0 -3
- package/lib/divider/divider.js +2 -2
- package/lib/drawer/drawer.js +14 -40
- package/lib/dropdown/dropdown.js +10 -11
- package/lib/dropdown/menu.js +8 -12
- package/lib/empty/defaultEmptyImg.js +18 -18
- package/lib/empty/empty.js +9 -10
- package/lib/empty/illustrationEmptyImg.js +106 -106
- package/lib/filter/condition.js +10 -10
- package/lib/filter/filter.js +17 -19
- package/lib/filter/scheme.js +34 -41
- package/lib/form/Field.js +5 -5
- package/lib/form/FieldContext.js +1 -1
- package/lib/form/FieldLabel.js +2 -2
- package/lib/form/FieldWrapper.js +6 -6
- package/lib/form/Form.js +2 -5
- package/lib/form/FormContext.js +2 -4
- package/lib/form/hooks/useForm.js +1 -14
- package/lib/form/index.js +1 -1
- package/lib/grid/col.js +1 -7
- package/lib/grid/row.js +3 -9
- package/lib/icon/icon.js +2 -2
- package/lib/image/image.js +5 -7
- package/lib/image/preview-group.js +3 -4
- package/lib/image/preview.js +22 -24
- package/lib/image-cropper/cropper.js +3 -6
- package/lib/image-cropper/image-cropper.js +5 -5
- package/lib/image-cropper/operation-bar.js +9 -9
- package/lib/index.js +2 -8
- package/lib/input/ClearableLabeledInput.js +13 -13
- package/lib/input/TextArea.js +7 -7
- package/lib/input/calculateNodeHeight.js +6 -11
- package/lib/input/index.js +0 -1
- package/lib/input/input.js +5 -5
- package/lib/input-number/inputNumber.js +3 -10
- package/lib/layout/layout.js +5 -9
- package/lib/layout/sider.js +11 -14
- package/lib/link/link.js +8 -12
- package/lib/locale/locale.js +4 -34
- package/lib/menu/menu.js +3 -4
- package/lib/menu/menuItem.js +8 -13
- package/lib/menu/subMenu.js +19 -27
- package/lib/menu/util.js +0 -4
- package/lib/message/content.js +13 -13
- package/lib/message/index.js +1 -3
- package/lib/modal/confirm.js +1 -1
- package/lib/modal/modal.js +32 -40
- package/lib/notification/content.js +18 -18
- package/lib/notification/index.js +1 -1
- package/lib/notification-base/index.js +1 -1
- package/lib/notification-base/notice.js +2 -2
- package/lib/notification-base/notification.js +3 -3
- package/lib/pagination/pagination.js +48 -70
- package/lib/popconfirm/popconfirm.js +8 -10
- package/lib/popper/index.d.ts +2 -0
- package/lib/popper/index.js +9 -15
- package/lib/progress/circle.js +6 -8
- package/lib/progress/line.js +3 -3
- package/lib/progress/progress.js +11 -11
- package/lib/qr-code/qr-code.js +6 -6
- package/lib/radio/context.js +1 -1
- package/lib/radio/group.js +9 -13
- package/lib/radio/radio-button.js +2 -2
- package/lib/radio/radio.js +19 -24
- package/lib/rate/rate.js +11 -61
- package/lib/search/option.js +4 -5
- package/lib/search/quick-search.js +36 -57
- package/lib/search/search-panel.js +56 -60
- package/lib/search/search.js +9 -10
- package/lib/select/interface.js +1 -1
- package/lib/select/option.js +4 -4
- package/lib/select/select.js +47 -87
- package/lib/signature/drawingBoard.js +16 -16
- package/lib/signature/signature.js +20 -20
- package/lib/signature/utils/signature_pad.js +4 -12
- package/lib/slider/marks.js +3 -5
- package/lib/slider/slider.js +11 -32
- package/lib/slider/sliderTooltip.js +3 -3
- package/lib/slider/steps.js +2 -2
- package/lib/slider/track.js +1 -1
- package/lib/space/space.js +3 -5
- package/lib/spin/spin.js +16 -18
- package/lib/split-panel/split-panel.js +7 -18
- package/lib/split-panel/trigger.js +6 -6
- package/lib/stepper/stepper.js +11 -12
- package/lib/steps/Step.js +8 -8
- package/lib/steps/Steps.js +5 -5
- package/lib/switch/switch.js +4 -6
- package/lib/table/api.js +5 -22
- package/lib/table/table.js +4 -15
- package/lib/tabs/active-line.js +2 -6
- package/lib/tabs/arrow-button.js +3 -3
- package/lib/tabs/context.js +1 -1
- package/lib/tabs/index.js +0 -1
- package/lib/tabs/tab-pane.js +6 -6
- package/lib/tabs/tabs.js +31 -34
- package/lib/tag/tag.js +7 -15
- package/lib/timeline/Timeline.js +5 -5
- package/lib/timeline/TimelineItem.js +5 -5
- package/lib/tooltip/tooltip.js +2 -2
- package/lib/transfer/list-body.js +4 -4
- package/lib/transfer/list-item.js +5 -6
- package/lib/transfer/list.js +18 -22
- package/lib/transfer/operation.js +7 -7
- package/lib/transfer/search.js +5 -5
- package/lib/transfer/transfer.js +8 -13
- package/lib/tree/tree.js +9 -9
- package/lib/tree/treeNode.js +18 -20
- package/lib/tree/utils/treeUtils.js +1 -27
- package/lib/tree-select/interface.js +1 -1
- package/lib/tree-select/tree-select.js +35 -48
- package/lib/typography/base.js +5 -5
- package/lib/typography/index.js +0 -1
- package/lib/typography/paragraph.js +1 -1
- package/lib/typography/text.js +1 -1
- package/lib/typography/title.js +1 -1
- package/lib/typography/typography.js +4 -8
- package/lib/upload/dragger.js +2 -2
- package/lib/upload/request.js +0 -5
- package/lib/upload/scan-files.js +0 -1
- package/lib/upload/upload.js +34 -34
- package/lib/upload/verify-file.js +0 -1
- package/lib/view-container/context.js +1 -1
- package/lib/view-container/view-container.js +4 -8
- package/lib/virtual-list/Filler.js +2 -2
- package/lib/virtual-list/utils/algorithmUtil.js +0 -13
- package/lib/virtual-list/utils/itemUtil.js +0 -30
- package/lib/virtual-list/virtual-list.js +8 -12
- package/package.json +1 -3
package/lib/collapse/panel.js
CHANGED
|
@@ -28,7 +28,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
|
|
|
28
28
|
}
|
|
29
29
|
return t;
|
|
30
30
|
};
|
|
31
|
-
var Panel =
|
|
31
|
+
var Panel = _react.default.forwardRef(function (props, ref) {
|
|
32
32
|
var _classNames6, _classNames7, _classNames8;
|
|
33
33
|
var _React$useContext = _react.default.useContext(_ConfigContext.default),
|
|
34
34
|
getPrefixCls = _React$useContext.getPrefixCls,
|
|
@@ -51,7 +51,7 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
51
51
|
children = _a.children,
|
|
52
52
|
customPrefixcls = _a.prefixCls,
|
|
53
53
|
others = __rest(_a, ["disabled", "extra", "assist", "header", "onChange", "panelKey", "innerKey", "bordered", "expandIcon", "expandIconPosition", "style", "title", "className", "children", "prefixCls"]);
|
|
54
|
-
var panelPrefixCls = getPrefixCls(prefixCls, 'collapse-panel', customPrefixcls);
|
|
54
|
+
var panelPrefixCls = getPrefixCls(prefixCls, 'collapse-panel', customPrefixcls);
|
|
55
55
|
var childrenRef = (0, _react.useRef)();
|
|
56
56
|
var setHeightTimerRef = (0, _react.useRef)(null);
|
|
57
57
|
var setAutoHeightTimerRef = (0, _react.useRef)(null);
|
|
@@ -77,10 +77,10 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
77
77
|
var renderIcon = function renderIcon() {
|
|
78
78
|
var _classNames;
|
|
79
79
|
var iconClassName = (0, _classnames.default)((_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(panelPrefixCls, "-icon"), true), (0, _defineProperty2.default)(_classNames, "".concat(panelPrefixCls, "-animation-expand"), !expand), (0, _defineProperty2.default)(_classNames, "".concat(panelPrefixCls, "-animation-collapse"), expand), (0, _defineProperty2.default)(_classNames, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames));
|
|
80
|
-
return
|
|
80
|
+
return _react.default.createElement("span", {
|
|
81
81
|
className: iconClassName,
|
|
82
82
|
onClick: handleClick
|
|
83
|
-
}, expandIcon ? renderReactNode(expandIcon) :
|
|
83
|
+
}, expandIcon ? renderReactNode(expandIcon) : _react.default.createElement(_icon.default, {
|
|
84
84
|
type: "arrow-right-solid"
|
|
85
85
|
}));
|
|
86
86
|
};
|
|
@@ -88,10 +88,10 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
88
88
|
var _classNames2, _classNames3;
|
|
89
89
|
var className = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(panelPrefixCls, "-left"), true), (0, _defineProperty2.default)(_classNames2, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames2));
|
|
90
90
|
var headerClassName = (0, _classnames.default)((_classNames3 = {}, (0, _defineProperty2.default)(_classNames3, "".concat(panelPrefixCls, "-header"), true), (0, _defineProperty2.default)(_classNames3, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames3));
|
|
91
|
-
return
|
|
91
|
+
return _react.default.createElement("span", {
|
|
92
92
|
className: className,
|
|
93
93
|
onClick: handleClick
|
|
94
|
-
}, expandIconPosition === 'left' ? renderIcon() : null, header &&
|
|
94
|
+
}, expandIconPosition === 'left' ? renderIcon() : null, header && _react.default.createElement("span", {
|
|
95
95
|
className: headerClassName,
|
|
96
96
|
title: title
|
|
97
97
|
}, renderReactNode(header)));
|
|
@@ -100,9 +100,9 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
100
100
|
var _classNames4;
|
|
101
101
|
if (typeof extra === 'undefined' && expandIconPosition !== 'right') return;
|
|
102
102
|
var className = (0, _classnames.default)((_classNames4 = {}, (0, _defineProperty2.default)(_classNames4, "".concat(panelPrefixCls, "-right"), true), (0, _defineProperty2.default)(_classNames4, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames4));
|
|
103
|
-
return
|
|
103
|
+
return _react.default.createElement("span", {
|
|
104
104
|
className: className
|
|
105
|
-
}, extra &&
|
|
105
|
+
}, extra && _react.default.createElement("span", {
|
|
106
106
|
className: "".concat(panelPrefixCls, "-extra")
|
|
107
107
|
}, renderReactNode(extra)), expandIconPosition === 'right' ? renderIcon() : null);
|
|
108
108
|
};
|
|
@@ -110,9 +110,9 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
110
110
|
var _classNames5;
|
|
111
111
|
if (typeof assist === 'undefined') return;
|
|
112
112
|
var className = (0, _classnames.default)((_classNames5 = {}, (0, _defineProperty2.default)(_classNames5, "".concat(panelPrefixCls, "-middle"), true), (0, _defineProperty2.default)(_classNames5, "".concat(panelPrefixCls, "-disabled"), disabled), _classNames5));
|
|
113
|
-
return
|
|
113
|
+
return _react.default.createElement("span", {
|
|
114
114
|
className: className
|
|
115
|
-
}, assist &&
|
|
115
|
+
}, assist && _react.default.createElement("span", {
|
|
116
116
|
className: "".concat(panelPrefixCls, "-assist")
|
|
117
117
|
}, renderReactNode(assist)));
|
|
118
118
|
};
|
|
@@ -152,7 +152,7 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
152
152
|
element.style.height = 'auto';
|
|
153
153
|
element.style.opacity = '1';
|
|
154
154
|
};
|
|
155
|
-
var panelPrefixClsRef = ref ||
|
|
155
|
+
var panelPrefixClsRef = ref || _react.default.createRef();
|
|
156
156
|
_react.default.useLayoutEffect(function () {
|
|
157
157
|
if (!childrenRef.current) return;
|
|
158
158
|
if (expandAnimation) {
|
|
@@ -162,16 +162,16 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
162
162
|
expand ? expandWidthoutAnimation(childrenRef.current) : runCollapseAnimation(childrenRef.current);
|
|
163
163
|
}
|
|
164
164
|
}, [childrenRef.current, expandAnimation, expand]);
|
|
165
|
-
return
|
|
165
|
+
return _react.default.createElement("div", (0, _extends2.default)({
|
|
166
166
|
className: rootClassName,
|
|
167
167
|
style: style,
|
|
168
168
|
ref: panelPrefixClsRef
|
|
169
|
-
}, others),
|
|
169
|
+
}, others), _react.default.createElement("span", {
|
|
170
170
|
className: topClassName
|
|
171
|
-
}, renderLeft(), renderMiddle(), renderRight()),
|
|
171
|
+
}, renderLeft(), renderMiddle(), renderRight()), _react.default.createElement("div", {
|
|
172
172
|
className: childrenClassName,
|
|
173
173
|
ref: childrenRef
|
|
174
|
-
},
|
|
174
|
+
}, _react.default.createElement("div", {
|
|
175
175
|
className: childrenBorderedClassName
|
|
176
176
|
}, children)));
|
|
177
177
|
});
|
|
@@ -26,8 +26,6 @@ var _hooks = require("../_utils/hooks");
|
|
|
26
26
|
var _ieUtil = require("../_utils/ieUtil");
|
|
27
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
/* eslint-disable */
|
|
30
|
-
|
|
31
29
|
var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
32
30
|
var _classNames, _classNames2, _context;
|
|
33
31
|
var setCorrectColorValue = props.setCorrectColorValue,
|
|
@@ -194,24 +192,24 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
194
192
|
}
|
|
195
193
|
showPanel && onVisibleChange && onVisibleChange(false);
|
|
196
194
|
});
|
|
197
|
-
return
|
|
195
|
+
return _react.default.createElement(_react.default.Fragment, null, showColorPickerPanel && _react.default.createElement("div", {
|
|
198
196
|
className: panelCls,
|
|
199
197
|
ref: panelClsRef
|
|
200
|
-
},
|
|
198
|
+
}, _react.default.createElement(_reactColor.ChromePicker, {
|
|
201
199
|
className: panelChromePickerCls,
|
|
202
200
|
color: colTypeArr[2].value,
|
|
203
201
|
onChange: handleChromeChange
|
|
204
|
-
}), functionalColor && showSwitch &&
|
|
202
|
+
}), functionalColor && showSwitch && _react.default.createElement("div", {
|
|
205
203
|
className: panelFollowThemeCls
|
|
206
|
-
},
|
|
204
|
+
}, _react.default.createElement("span", null, (switchName === null || switchName === void 0 ? void 0 : switchName.internationalName) && locale.getLangMsg('ColorPicker', switchName.internationalName) || switchName.name), _react.default.createElement(_index.Switch, {
|
|
207
205
|
checked: isFollow,
|
|
208
206
|
onChange: handleSwitchChange
|
|
209
|
-
})), showColorTransfer &&
|
|
207
|
+
})), showColorTransfer && _react.default.createElement("div", {
|
|
210
208
|
className: panelContainerCls
|
|
211
|
-
},
|
|
209
|
+
}, _react.default.createElement("div", {
|
|
212
210
|
className: panelInputCls,
|
|
213
211
|
ref: panelInputRef
|
|
214
|
-
},
|
|
212
|
+
}, _react.default.createElement(_index.Select, {
|
|
215
213
|
disabled: isFollow,
|
|
216
214
|
borderType: "bordered",
|
|
217
215
|
value: correctColorValue,
|
|
@@ -222,7 +220,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
222
220
|
return panelInputRef.current;
|
|
223
221
|
}
|
|
224
222
|
}, (0, _map.default)(colTypeArr).call(colTypeArr, function (obj, i) {
|
|
225
|
-
return
|
|
223
|
+
return _react.default.createElement(Option, {
|
|
226
224
|
title: obj.value,
|
|
227
225
|
value: obj.value,
|
|
228
226
|
className: (0, _classnames.default)({
|
|
@@ -230,17 +228,17 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
230
228
|
}),
|
|
231
229
|
key: i
|
|
232
230
|
}, obj.type);
|
|
233
|
-
}))),
|
|
231
|
+
}))), _react.default.createElement(_index.Input, {
|
|
234
232
|
className: transparentCls,
|
|
235
233
|
onChange: handleAlphaChange,
|
|
236
234
|
onBlur: handleAlphaBlur,
|
|
237
235
|
borderType: "bordered",
|
|
238
236
|
value: alphaNoVerifyVal,
|
|
239
237
|
disabled: isFollow
|
|
240
|
-
})), showPresetColor &&
|
|
238
|
+
})), showPresetColor && _react.default.createElement("div", {
|
|
241
239
|
className: colorDivContainerCls
|
|
242
240
|
}, (0, _map.default)(_context = checkUserPresetColor(presetColor) && (0, _colorFormat.presetColorToHEX)(presetColor) || _systemPresetColor.systemPresetColor).call(_context, function (colorValue, i) {
|
|
243
|
-
return
|
|
241
|
+
return _react.default.createElement("li", {
|
|
244
242
|
key: i,
|
|
245
243
|
style: {
|
|
246
244
|
backgroundColor: "".concat(colorValue)
|
|
@@ -248,7 +246,7 @@ var ColorPickerPanel = function ColorPickerPanel(props) {
|
|
|
248
246
|
onClick: function onClick() {
|
|
249
247
|
colorLiClick(i, colorValue);
|
|
250
248
|
}
|
|
251
|
-
},
|
|
249
|
+
}, _react.default.createElement("div", {
|
|
252
250
|
className: (0, _classnames.default)('square', {
|
|
253
251
|
'square-click': clickedColorIndex === i
|
|
254
252
|
})
|
|
@@ -154,19 +154,19 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
154
154
|
var afterIcon = function afterIcon() {
|
|
155
155
|
var _classNames;
|
|
156
156
|
var afterIconContainerCls = (0, _classnames.default)("".concat(colorPickerPrefixCls, "-icon"), (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-icon-underline"), borderType === 'underline'), (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-icon-bordered"), borderType === 'bordered'), (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-icon-up"), showPanel), (0, _defineProperty2.default)(_classNames, "".concat(colorPickerPrefixCls, "-icon-down"), !showPanel), _classNames));
|
|
157
|
-
return
|
|
157
|
+
return _react.default.createElement("div", {
|
|
158
158
|
className: afterIconContainerCls,
|
|
159
159
|
style: {
|
|
160
160
|
backgroundColor: "".concat(colTypeArr[2].value || _defaultColor.defaultSystemColor)
|
|
161
161
|
}
|
|
162
|
-
}, showColorPickerPanel &&
|
|
162
|
+
}, showColorPickerPanel && _react.default.createElement(_index.Icon, {
|
|
163
163
|
type: "arrow-down"
|
|
164
164
|
}));
|
|
165
165
|
};
|
|
166
|
-
var colorInputEle =
|
|
166
|
+
var colorInputEle = _react.default.createElement("div", {
|
|
167
167
|
className: containerCls,
|
|
168
168
|
ref: inputRef
|
|
169
|
-
},
|
|
169
|
+
}, _react.default.createElement(_index.Input, {
|
|
170
170
|
borderType: borderType,
|
|
171
171
|
placeholder: placeholder,
|
|
172
172
|
value: value !== null && value !== void 0 ? value : inputColorValue,
|
|
@@ -174,14 +174,11 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
174
174
|
onChange: handleChange,
|
|
175
175
|
style: style,
|
|
176
176
|
onClick: handleClick
|
|
177
|
-
}),
|
|
177
|
+
}), _react.default.createElement("div", {
|
|
178
178
|
onClick: handleClick,
|
|
179
179
|
className: "".concat(colorPickerPrefixCls, "-icon-container")
|
|
180
180
|
}, suffixIcon && suffixIcon(colTypeArr[2].value) || afterIcon()));
|
|
181
|
-
var panel =
|
|
182
|
-
// API
|
|
183
|
-
, {
|
|
184
|
-
// API
|
|
181
|
+
var panel = _react.default.createElement(_colorPickerPanel.default, {
|
|
185
182
|
showSwitch: showSwitch,
|
|
186
183
|
showColorTransfer: showColorTransfer,
|
|
187
184
|
showPresetColor: showPresetColor,
|
|
@@ -194,7 +191,6 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
194
191
|
visible: visible,
|
|
195
192
|
showPanel: showPanel,
|
|
196
193
|
onVisibleChange: onVisibleChange,
|
|
197
|
-
// private
|
|
198
194
|
setInputColorValue: setInputColorValue,
|
|
199
195
|
setCorrectColorValue: setCorrectColorValue,
|
|
200
196
|
correctColorValue: correctColorValue,
|
|
@@ -4,18 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.validateColor = validateColor;
|
|
7
|
-
// 输入框颜色类型校验
|
|
8
7
|
function validateColor(color) {
|
|
9
8
|
var hexReg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
|
|
10
9
|
var hexaReg = /^#([0-9a-fA-F]{8})$/;
|
|
11
10
|
var hsbReg = /^hsb\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*\)$/;
|
|
12
11
|
var hsbaReg = /^hsba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*,\s*(-?\d+|-?\d*\.\d+)\)$/;
|
|
13
|
-
// const rgbaReg = /^rgba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2},\s*(-?\d+|-?\d*\.\d+)|(^\d+%)\s*\)$/
|
|
14
12
|
var rgbaReg = /^rgba\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2},\s*(-?\d+|-?\d*\.\d+)\)$/;
|
|
15
13
|
var rgbReg = /^rgb\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2}\)$/;
|
|
16
14
|
var hslReg = /^hsl\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*\)$/;
|
|
17
15
|
var hslaReg = /^hsla\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+|-?\d+%|-?\d*\.\d+%)){2}\s*,\s*(-?\d+|-?\d*\.\d+)\)$/;
|
|
18
|
-
// const hslaReg = /^hsla\(\s*(-?\d+|-?\d*\.\d+)(?:,\s*(-?\d+|-?\d*\.\d+)){2}\s*,\s*(-?\d+|-?\d*\.\d+)|(^\d+%)\s*\)$/
|
|
19
16
|
var colorNameReg = /^(?:aliceblue|antiquewhite|aqua|aquamarine|azure|beige|bisque|black|blanchedalmond|blue|blueviolet|brown|burlywood|cadetblue|chartreuse|chocolate|coral|cornflowerblue|cornsilk|crimson|cyan|darkblue|darkcyan|darkgoldenrod|darkgray|darkgreen|darkgrey|darkkhaki|darkmagenta|darkolivegreen|darkorange|darkorchid|darkred|darksalmon|darkseagreen|darkslateblue|darkslategray|darkslategrey|darkturquoise|darkviolet|deeppink|deepskyblue|dimgray|dimgrey|dodgerblue|firebrick|floralwhite|forestgreen|fuchsia|gainsboro|ghostwhite|gold|goldenrod|gray|green|greenyellow|grey|honeydew|hotpink|indianred|indigo|ivory|khaki|lavender|lavenderblush|lawngreen|lemonchiffon|lightblue|lightcoral|lightcyan|lightgoldenrodyellow|lightgray|lightgreen|lightgrey|lightpink|lightsalmon|lightseagreen|lightskyblue|lightslategray|lightslategrey|lightsteelblue|lightyellow|lime|limegreen|linen|magenta|maroon|mediumaquamarine|mediumblue|mediumorchid|mediumpurple|mediumseagreen|mediumslateblue|mediumspringgreen|mediumturquoise|mediumvioletred|midnightblue|mintcream|mistyrose|moccasin|navajowhite|navy|oldlace|olive|olivedrab|orange|orangered|orchid|palegoldenrod|palegreen|paleturquoise|palevioletred|papayawhip|peachpuff|peru|pink|plum|powderblue|purple|rebeccapurple|red|rosybrown|royalblue|saddlebrown|salmon|sandybrown|seagreen|seashell|sienna|silver|skyblue|slateblue|slategray|slategrey|snow|springgreen|steelblue|tan|teal|thistle|tomato|turquoise|violet|wheat|white|whitesmoke|yellow|yellowgreen)$/;
|
|
20
17
|
if (hexReg.test(color)) return 'HEX';
|
|
21
18
|
if (hexaReg.test(color)) return 'HEXA';
|
|
@@ -7,10 +7,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _defaultConfig = _interopRequireDefault(require("./defaultConfig"));
|
|
10
|
-
|
|
11
|
-
* 提供外层注入属性的context
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
var ConfigContext = /*#__PURE__*/(0, _react.createContext)(_defaultConfig.default);
|
|
10
|
+
var ConfigContext = (0, _react.createContext)(_defaultConfig.default);
|
|
15
11
|
var _default = ConfigContext;
|
|
16
12
|
exports.default = _default;
|
|
@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.default = exports.SizeContextProvider = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var SizeContext =
|
|
9
|
+
var SizeContext = _react.default.createContext(undefined);
|
|
10
10
|
var SizeContextProvider = function SizeContextProvider(_ref) {
|
|
11
11
|
var children = _ref.children,
|
|
12
12
|
size = _ref.size;
|
|
13
|
-
return
|
|
14
|
-
return
|
|
13
|
+
return _react.default.createElement(SizeContext.Consumer, null, function (originSize) {
|
|
14
|
+
return _react.default.createElement(SizeContext.Provider, {
|
|
15
15
|
value: size || originSize
|
|
16
16
|
}, children);
|
|
17
17
|
});
|
|
@@ -11,12 +11,6 @@ var React = _interopRequireWildcard(require("react"));
|
|
|
11
11
|
var _index = require("../index");
|
|
12
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
-
/**
|
|
15
|
-
* 组件默认属性,所有组件的默认属性都在这里写,
|
|
16
|
-
* 而不是在组件文件中以“componentName.defaultProps”的方式去写
|
|
17
|
-
* componentName: defaultPropsObj
|
|
18
|
-
* (用于处理用户自定义默认属性)
|
|
19
|
-
*/
|
|
20
14
|
var compDefaultProps = {
|
|
21
15
|
Alert: {
|
|
22
16
|
type: 'warning',
|
|
@@ -258,7 +252,6 @@ var compDefaultProps = {
|
|
|
258
252
|
},
|
|
259
253
|
Progress: {
|
|
260
254
|
type: 'line',
|
|
261
|
-
// width: 88,
|
|
262
255
|
trailColor: '#E5E5E5',
|
|
263
256
|
percent: 0,
|
|
264
257
|
showInfo: true,
|
|
@@ -274,7 +267,7 @@ var compDefaultProps = {
|
|
|
274
267
|
Rate: {
|
|
275
268
|
allowHalf: true,
|
|
276
269
|
icon: function icon() {
|
|
277
|
-
return
|
|
270
|
+
return React.createElement(_index.Icon, {
|
|
278
271
|
type: "star"
|
|
279
272
|
});
|
|
280
273
|
},
|
|
@@ -366,7 +359,7 @@ var compDefaultProps = {
|
|
|
366
359
|
draggable: false,
|
|
367
360
|
virtual: true,
|
|
368
361
|
switcherIcon: function switcherIcon() {
|
|
369
|
-
return
|
|
362
|
+
return React.createElement(_index.Icon, {
|
|
370
363
|
type: "arrow-right-solid"
|
|
371
364
|
});
|
|
372
365
|
},
|
|
@@ -480,7 +473,7 @@ var compDefaultProps = {
|
|
|
480
473
|
onlyExpandOnClickIcon: true,
|
|
481
474
|
showSearch: true,
|
|
482
475
|
switcherIcon: function switcherIcon() {
|
|
483
|
-
return
|
|
476
|
+
return React.createElement(_index.Icon, {
|
|
484
477
|
type: "arrow-right-solid"
|
|
485
478
|
});
|
|
486
479
|
},
|
|
@@ -15,12 +15,7 @@ var _defaultConfig = _interopRequireDefault(require("./defaultConfig"));
|
|
|
15
15
|
var _index = _interopRequireWildcard(require("../locale/index"));
|
|
16
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
17
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
18
|
-
/**
|
|
19
|
-
* 对外暴露用于注入全局配置属性的Context.Provider
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
18
|
var ConfigProvider = function ConfigProvider(props) {
|
|
23
|
-
// 处理当前语言
|
|
24
19
|
var value = props.value;
|
|
25
20
|
var localeConfig = value && value.localeConfig;
|
|
26
21
|
if (localeConfig) {
|
|
@@ -40,13 +35,12 @@ var ConfigProvider = function ConfigProvider(props) {
|
|
|
40
35
|
locale: _index.default.getLocal()
|
|
41
36
|
};
|
|
42
37
|
}, [localeConfig]);
|
|
43
|
-
// 处理组件默认属性
|
|
44
38
|
var providerValue = (0, _react.useMemo)(function () {
|
|
45
39
|
return (0, _assign.default)({}, _defaultConfig.default, value, {
|
|
46
40
|
locale: locale
|
|
47
41
|
});
|
|
48
42
|
}, [locale, value]);
|
|
49
|
-
return
|
|
43
|
+
return _react.default.createElement(_ConfigContext.default.Provider, {
|
|
50
44
|
value: providerValue
|
|
51
45
|
}, props.children);
|
|
52
46
|
};
|
|
@@ -10,7 +10,6 @@ var _locale = require("../locale");
|
|
|
10
10
|
var defaultConfig = {
|
|
11
11
|
getPrefixCls: function getPrefixCls(configPrefixCls, suffixCls, customizePrefixCls) {
|
|
12
12
|
var _context;
|
|
13
|
-
// 获取样式前缀方法
|
|
14
13
|
if (customizePrefixCls) return customizePrefixCls;
|
|
15
14
|
configPrefixCls = configPrefixCls || 'kd';
|
|
16
15
|
var t = suffixCls ? (0, _concat.default)(_context = "".concat(configPrefixCls, "-")).call(_context, suffixCls) : configPrefixCls;
|
|
@@ -35,16 +35,16 @@ function Calendar(props) {
|
|
|
35
35
|
var weekTitleItemCls = (0, _classnames.default)("".concat(prefixCls, "-weektitle-item"));
|
|
36
36
|
if (showWeekNumber) {
|
|
37
37
|
var weekTitleNumberItemCls = (0, _classnames.default)("".concat(prefixCls, "-weektitle-weeknumber"));
|
|
38
|
-
dayNames.push(
|
|
38
|
+
dayNames.push(_react.default.createElement("div", {
|
|
39
39
|
key: "W",
|
|
40
40
|
className: weekTitleNumberItemCls
|
|
41
41
|
}));
|
|
42
42
|
}
|
|
43
|
-
return
|
|
43
|
+
return _react.default.createElement("div", {
|
|
44
44
|
className: weekTitleCls
|
|
45
45
|
}, (0, _concat.default)(dayNames).call(dayNames, (0, _map.default)(_context = [0, 1, 2, 3, 4, 5, 6]).call(_context, function (offset) {
|
|
46
46
|
var weekDayName = locale.weekTitle[offset];
|
|
47
|
-
return
|
|
47
|
+
return _react.default.createElement("div", {
|
|
48
48
|
key: offset,
|
|
49
49
|
className: weekTitleItemCls
|
|
50
50
|
}, weekDayName);
|
|
@@ -55,7 +55,7 @@ function Calendar(props) {
|
|
|
55
55
|
var weeks = [];
|
|
56
56
|
var i = 0;
|
|
57
57
|
while (true) {
|
|
58
|
-
weeks.push(
|
|
58
|
+
weeks.push(_react.default.createElement(_week.default, {
|
|
59
59
|
key: i,
|
|
60
60
|
day: currentWeekStart,
|
|
61
61
|
picker: picker,
|
|
@@ -65,34 +65,17 @@ function Calendar(props) {
|
|
|
65
65
|
}));
|
|
66
66
|
i++;
|
|
67
67
|
currentWeekStart = (0, _dateFns.addWeeks)(currentWeekStart, 1);
|
|
68
|
-
// 最少保证面板包含有六周,保证左右面板及切换面板时周数一致
|
|
69
68
|
if (i >= DATE_ROW_COUNT) {
|
|
70
69
|
break;
|
|
71
70
|
}
|
|
72
|
-
// const isNonFixedAndOutOfMonth = !isWeekInMonth(currentWeekStart)
|
|
73
|
-
// if (panelPosition) {
|
|
74
|
-
// // range 模式时,最少保证面板包含有六周,保证左右面板周数一致
|
|
75
|
-
// if (i >= DATE_ROW_COUNT) {
|
|
76
|
-
// break
|
|
77
|
-
// }
|
|
78
|
-
// } else {
|
|
79
|
-
// if (isNonFixedAndOutOfMonth) {
|
|
80
|
-
// break
|
|
81
|
-
// }
|
|
82
|
-
// }
|
|
83
71
|
}
|
|
84
|
-
|
|
85
72
|
return weeks;
|
|
86
73
|
};
|
|
87
74
|
var calendarCls = (0, _classnames.default)("".concat(prefixCls, "-calendar"));
|
|
88
75
|
var calendarWarpperCls = (0, _classnames.default)("".concat(prefixCls, "-calendar-warpper"));
|
|
89
|
-
|
|
90
|
-
// if (picker === 'date' || picker === 'week') {
|
|
91
|
-
// _showWeeksTitle = showWeeksTitle
|
|
92
|
-
// }
|
|
93
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
76
|
+
return _react.default.createElement("div", {
|
|
94
77
|
className: calendarCls
|
|
95
|
-
}, showWeeksTitle ? renderWeeksTitle() : null,
|
|
78
|
+
}, showWeeksTitle ? renderWeeksTitle() : null, _react.default.createElement("div", {
|
|
96
79
|
className: calendarWarpperCls
|
|
97
80
|
}, renderWeeks()));
|
|
98
81
|
}
|
|
@@ -10,6 +10,6 @@ exports.default = void 0;
|
|
|
10
10
|
var React = _interopRequireWildcard(require("react"));
|
|
11
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
var Context =
|
|
13
|
+
var Context = React.createContext({});
|
|
14
14
|
var _default = Context;
|
|
15
15
|
exports.default = _default;
|
|
@@ -50,14 +50,14 @@ function Panel(props) {
|
|
|
50
50
|
showWeeksTitle = props.showWeeksTitle,
|
|
51
51
|
disabledDate = props.disabledDate;
|
|
52
52
|
var getHeader = function getHeader() {
|
|
53
|
-
return
|
|
53
|
+
return _react.default.createElement(_header.default, (0, _extends2.default)({}, headerProps, {
|
|
54
54
|
className: headerObj.className
|
|
55
55
|
}), headerObj.children);
|
|
56
56
|
};
|
|
57
57
|
var renderYearPanel = function renderYearPanel() {
|
|
58
58
|
var _props$yearItemNumber = props.yearItemNumber,
|
|
59
59
|
yearItemNumber = _props$yearItemNumber === void 0 ? _dateFns.DEFAULT_YEAR_ITEM_NUMBER : _props$yearItemNumber;
|
|
60
|
-
return
|
|
60
|
+
return _react.default.createElement(_year.default, (0, _extends2.default)({}, props, {
|
|
61
61
|
yearItemNumber: yearItemNumber
|
|
62
62
|
}));
|
|
63
63
|
};
|
|
@@ -65,13 +65,13 @@ function Panel(props) {
|
|
|
65
65
|
if (isInnerYear) {
|
|
66
66
|
return renderYearPanel();
|
|
67
67
|
}
|
|
68
|
-
return
|
|
68
|
+
return _react.default.createElement(_month.default, (0, _extends2.default)({}, props));
|
|
69
69
|
};
|
|
70
70
|
var renderQuarterPanel = function renderQuarterPanel() {
|
|
71
71
|
if (isInnerYear) {
|
|
72
72
|
return renderYearPanel();
|
|
73
73
|
}
|
|
74
|
-
return
|
|
74
|
+
return _react.default.createElement(_quarter.default, (0, _extends2.default)({}, props));
|
|
75
75
|
};
|
|
76
76
|
var renderDatePanel = function renderDatePanel() {
|
|
77
77
|
if (isInnerPicker) {
|
|
@@ -89,7 +89,7 @@ function Panel(props) {
|
|
|
89
89
|
showWeeksTitle: showWeeksTitle,
|
|
90
90
|
disabledDate: disabledDate
|
|
91
91
|
};
|
|
92
|
-
return
|
|
92
|
+
return _react.default.createElement(_calendar.default, (0, _extends2.default)({}, dateProps, {
|
|
93
93
|
picker: picker
|
|
94
94
|
}));
|
|
95
95
|
} else {
|
|
@@ -102,7 +102,7 @@ function Panel(props) {
|
|
|
102
102
|
}, props), {
|
|
103
103
|
picker: picker
|
|
104
104
|
})) : {});
|
|
105
|
-
return
|
|
105
|
+
return _react.default.createElement(_dateTime.default, (0, _extends2.default)({}, _props, {
|
|
106
106
|
picker: picker,
|
|
107
107
|
dateHeader: getHeader()
|
|
108
108
|
}));
|
|
@@ -120,7 +120,7 @@ function Panel(props) {
|
|
|
120
120
|
}, props), {
|
|
121
121
|
picker: picker
|
|
122
122
|
})) : {});
|
|
123
|
-
return
|
|
123
|
+
return _react.default.createElement(_time.default, (0, _extends2.default)({}, _props));
|
|
124
124
|
};
|
|
125
125
|
var renderYearHeader = function renderYearHeader() {
|
|
126
126
|
var _props$yearItemNumber2 = props.yearItemNumber,
|
|
@@ -130,7 +130,7 @@ function Panel(props) {
|
|
|
130
130
|
endPeriod = _getYearsPeriod.endPeriod;
|
|
131
131
|
var headerCls = (0, _classnames4.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-year"));
|
|
132
132
|
return {
|
|
133
|
-
children:
|
|
133
|
+
children: _react.default.createElement(_react.default.Fragment, null, startPeriod, " - ", endPeriod),
|
|
134
134
|
className: headerCls
|
|
135
135
|
};
|
|
136
136
|
};
|
|
@@ -144,7 +144,7 @@ function Panel(props) {
|
|
|
144
144
|
var year = (0, _dateFns.getYear)(viewDate);
|
|
145
145
|
var headerCls = (0, _classnames4.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-month"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear));
|
|
146
146
|
return {
|
|
147
|
-
children:
|
|
147
|
+
children: _react.default.createElement("span", {
|
|
148
148
|
onClick: onHeaderYearClick
|
|
149
149
|
}, year + locale.year),
|
|
150
150
|
className: headerCls
|
|
@@ -155,10 +155,10 @@ function Panel(props) {
|
|
|
155
155
|
var month = (0, _dateFns.getMonth)(viewDate);
|
|
156
156
|
var headerCls = (0, _classnames4.default)("".concat(prefixCls, "-header"), "".concat(prefixCls, "-header-date"));
|
|
157
157
|
return {
|
|
158
|
-
children:
|
|
158
|
+
children: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("span", {
|
|
159
159
|
className: (0, _classnames4.default)("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerYear)),
|
|
160
160
|
onClick: onHeaderYearClick
|
|
161
|
-
}, year + locale.year),
|
|
161
|
+
}, year + locale.year), _react.default.createElement("span", {
|
|
162
162
|
className: (0, _classnames4.default)("".concat(prefixCls, "-header-text-inner"), "".concat(prefixCls, "-header-text-inner-hover"), (0, _defineProperty2.default)({}, "".concat(prefixCls, "-header-text-inner-active"), isInnerMonth)),
|
|
163
163
|
onClick: onHeaderMonthClick
|
|
164
164
|
}, locale.monthTitle[month])),
|
|
@@ -237,7 +237,6 @@ function Panel(props) {
|
|
|
237
237
|
};
|
|
238
238
|
break;
|
|
239
239
|
}
|
|
240
|
-
// 时间面板,4个箭头的显隐,在时间范围时需要判断是否在快捷选择面板下
|
|
241
240
|
case 'date':
|
|
242
241
|
{
|
|
243
242
|
headerObj = renderDateHeader();
|
|
@@ -274,7 +273,7 @@ function Panel(props) {
|
|
|
274
273
|
}
|
|
275
274
|
var showHeader = !(picker === 'date' && showTime || picker === 'time') || innerPicker !== undefined;
|
|
276
275
|
var containerCls = (0, _classnames4.default)("".concat(prefixCls, "-warpper"));
|
|
277
|
-
return
|
|
276
|
+
return _react.default.createElement("div", {
|
|
278
277
|
className: containerCls
|
|
279
278
|
}, showHeader ? getHeader() : null, panel);
|
|
280
279
|
}
|
|
@@ -227,9 +227,6 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
227
227
|
if (onOpenChange) {
|
|
228
228
|
onOpenChange(newOpen);
|
|
229
229
|
}
|
|
230
|
-
// if (!newOpen && operationRef.current && operationRef.current.onClose) {
|
|
231
|
-
// operationRef.current.onClose()
|
|
232
|
-
// }
|
|
233
230
|
}
|
|
234
231
|
}),
|
|
235
232
|
_useMergedState6 = (0, _slicedToArray2.default)(_useMergedState5, 2),
|
|
@@ -265,13 +262,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
265
262
|
} else {
|
|
266
263
|
setInnerPicker(undefined);
|
|
267
264
|
}
|
|
268
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
269
265
|
}, [openValue, valueText]);
|
|
270
266
|
(0, _react.useEffect)(function () {
|
|
271
267
|
if (!openValue) {
|
|
272
268
|
resetText();
|
|
273
269
|
}
|
|
274
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
275
270
|
}, [picker]);
|
|
276
271
|
(0, _hooks.useOnClickOutside)([popperRef, inputDivRef], function () {
|
|
277
272
|
setViewDate(selectedValue || (0, _dateFns.newDate)());
|
|
@@ -343,7 +338,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
343
338
|
var now = (0, _dateFns.newDate)();
|
|
344
339
|
var todayCls = "".concat(datePickerPrefixCls, "-today-btn");
|
|
345
340
|
var _disabled = disabledDate && disabledDate(now);
|
|
346
|
-
todayNode =
|
|
341
|
+
todayNode = _react.default.createElement("div", {
|
|
347
342
|
className: (0, _classnames.default)(todayCls, _disabled && "".concat(datePickerPrefixCls, "-btn-disabled")),
|
|
348
343
|
"aria-disabled": _disabled,
|
|
349
344
|
onClick: function onClick() {
|
|
@@ -358,11 +353,11 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
358
353
|
onChange: setSelectedValue
|
|
359
354
|
});
|
|
360
355
|
var renderPanel = function renderPanel() {
|
|
361
|
-
var panelNode =
|
|
356
|
+
var panelNode = _react.default.createElement(_datePanel.default, (0, _extends2.default)({}, panelProps));
|
|
362
357
|
if (panelRender) {
|
|
363
358
|
panelNode = panelRender(panelNode);
|
|
364
359
|
}
|
|
365
|
-
return
|
|
360
|
+
return _react.default.createElement(_context2.default.Provider, {
|
|
366
361
|
value: {
|
|
367
362
|
hours: hours,
|
|
368
363
|
minutes: minutes,
|
|
@@ -384,7 +379,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
384
379
|
setInnerPicker: setInnerPicker,
|
|
385
380
|
cellRender: cellRender
|
|
386
381
|
}
|
|
387
|
-
}, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ?
|
|
382
|
+
}, panelNode, (extraFooter || rangesNode || todayNode) && innerPicker === undefined ? _react.default.createElement("div", {
|
|
388
383
|
className: "".concat(datePickerPrefixCls, "-footer")
|
|
389
384
|
}, extraFooter, rangesNode, todayNode) : null);
|
|
390
385
|
};
|
|
@@ -430,9 +425,9 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
430
425
|
resetText: resetText,
|
|
431
426
|
status: status
|
|
432
427
|
};
|
|
433
|
-
return (0, _usePopper.default)(
|
|
428
|
+
return (0, _usePopper.default)(_react.default.createElement(_inputDate.default, (0, _extends2.default)({
|
|
434
429
|
ref: inputDivRef
|
|
435
|
-
}, inputProps)),
|
|
430
|
+
}, inputProps)), _react.default.createElement("div", {
|
|
436
431
|
ref: popperRef,
|
|
437
432
|
onMouseDown: function onMouseDown(e) {
|
|
438
433
|
e.preventDefault();
|
|
@@ -448,7 +443,7 @@ var InternalDatePicker = function InternalDatePicker(props, ref) {
|
|
|
448
443
|
getPopupContainer: getPopupContainer
|
|
449
444
|
});
|
|
450
445
|
};
|
|
451
|
-
var DatePicker =
|
|
446
|
+
var DatePicker = _react.default.forwardRef(InternalDatePicker);
|
|
452
447
|
DatePicker.displayName = 'DatePicker';
|
|
453
448
|
var _default = DatePicker;
|
|
454
449
|
exports.default = _default;
|