MonthBody.js
2.82 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.MONTH_COL_COUNT = void 0;
var React = _interopRequireWildcard(require("react"));
var _dateUtil = require("../../utils/dateUtil");
var _RangeContext = _interopRequireDefault(require("../../RangeContext"));
var _useCellClassName = _interopRequireDefault(require("../../hooks/useCellClassName"));
var _PanelBody = _interopRequireDefault(require("../PanelBody"));
var MONTH_COL_COUNT = 3;
exports.MONTH_COL_COUNT = MONTH_COL_COUNT;
var MONTH_ROW_COUNT = 4;
function MonthBody(props) {
var prefixCls = props.prefixCls,
locale = props.locale,
value = props.value,
viewDate = props.viewDate,
generateConfig = props.generateConfig,
monthCellRender = props.monthCellRender;
var _React$useContext = React.useContext(_RangeContext.default),
rangedValue = _React$useContext.rangedValue,
hoverRangedValue = _React$useContext.hoverRangedValue;
var cellPrefixCls = "".concat(prefixCls, "-cell");
var getCellClassName = (0, _useCellClassName.default)({
cellPrefixCls: cellPrefixCls,
value: value,
generateConfig: generateConfig,
rangedValue: rangedValue,
hoverRangedValue: hoverRangedValue,
isSameCell: function isSameCell(current, target) {
return (0, _dateUtil.isSameMonth)(generateConfig, current, target);
},
isInView: function isInView() {
return true;
},
offsetCell: function offsetCell(date, offset) {
return generateConfig.addMonth(date, offset);
}
});
var monthsLocale = locale.shortMonths || (generateConfig.locale.getShortMonths ? generateConfig.locale.getShortMonths(locale.locale) : []);
var baseMonth = generateConfig.setMonth(viewDate, 0);
var getCellNode = monthCellRender ? function (date) {
return monthCellRender(date, locale);
} : undefined;
return /*#__PURE__*/React.createElement(_PanelBody.default, Object.assign({}, props, {
rowNum: MONTH_ROW_COUNT,
colNum: MONTH_COL_COUNT,
baseDate: baseMonth,
getCellNode: getCellNode,
getCellText: function getCellText(date) {
return locale.monthFormat ? (0, _dateUtil.formatValue)(date, {
locale: locale,
format: locale.monthFormat,
generateConfig: generateConfig
}) : monthsLocale[generateConfig.getMonth(date)];
},
getCellClassName: getCellClassName,
getCellDate: generateConfig.addMonth,
titleCell: function titleCell(date) {
return (0, _dateUtil.formatValue)(date, {
locale: locale,
format: 'YYYY-MM',
generateConfig: generateConfig
});
}
}));
}
var _default = MonthBody;
exports.default = _default;