257 lines
9.6 KiB
JavaScript
257 lines
9.6 KiB
JavaScript
"use strict";
|
|
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
exports.default = void 0;
|
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
var _useMemo = _interopRequireDefault(require("rc-util/lib/hooks/useMemo"));
|
|
var React = _interopRequireWildcard(require("react"));
|
|
var _useTimeSelection = _interopRequireDefault(require("../../hooks/useTimeSelection"));
|
|
var _miscUtil = require("../../utils/miscUtil");
|
|
var _TimeUnitColumn = _interopRequireDefault(require("./TimeUnitColumn"));
|
|
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); }
|
|
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; }
|
|
function shouldUnitsUpdate(prevUnits, nextUnits) {
|
|
if (prevUnits.length !== nextUnits.length) return true;
|
|
// if any unit's disabled status is different, the units should be re-evaluted
|
|
for (var i = 0; i < prevUnits.length; i += 1) {
|
|
if (prevUnits[i].disabled !== nextUnits[i].disabled) return true;
|
|
}
|
|
return false;
|
|
}
|
|
function generateUnits(start, end, step, disabledUnits) {
|
|
var units = [];
|
|
var integerStep = step >= 1 ? step | 0 : 1;
|
|
for (var i = start; i <= end; i += integerStep) {
|
|
units.push({
|
|
label: (0, _miscUtil.leftPad)(i, 2),
|
|
value: i,
|
|
disabled: (disabledUnits || []).includes(i)
|
|
});
|
|
}
|
|
return units;
|
|
}
|
|
function TimeBody(props) {
|
|
var generateConfig = props.generateConfig,
|
|
prefixCls = props.prefixCls,
|
|
operationRef = props.operationRef,
|
|
activeColumnIndex = props.activeColumnIndex,
|
|
value = props.value,
|
|
showHour = props.showHour,
|
|
showMinute = props.showMinute,
|
|
showSecond = props.showSecond,
|
|
use12Hours = props.use12Hours,
|
|
_props$hourStep = props.hourStep,
|
|
hourStep = _props$hourStep === void 0 ? 1 : _props$hourStep,
|
|
_props$minuteStep = props.minuteStep,
|
|
minuteStep = _props$minuteStep === void 0 ? 1 : _props$minuteStep,
|
|
_props$secondStep = props.secondStep,
|
|
secondStep = _props$secondStep === void 0 ? 1 : _props$secondStep,
|
|
disabledHours = props.disabledHours,
|
|
disabledMinutes = props.disabledMinutes,
|
|
disabledSeconds = props.disabledSeconds,
|
|
disabledTime = props.disabledTime,
|
|
hideDisabledOptions = props.hideDisabledOptions,
|
|
onSelect = props.onSelect,
|
|
cellRender = props.cellRender,
|
|
locale = props.locale;
|
|
|
|
// Misc
|
|
var columns = [];
|
|
var contentPrefixCls = "".concat(prefixCls, "-content");
|
|
var columnPrefixCls = "".concat(prefixCls, "-time-panel");
|
|
var isPM;
|
|
var originHour = value ? generateConfig.getHour(value) : -1;
|
|
var hour = originHour;
|
|
var minute = value ? generateConfig.getMinute(value) : -1;
|
|
var second = value ? generateConfig.getSecond(value) : -1;
|
|
|
|
// Disabled Time
|
|
var now = generateConfig.getNow();
|
|
var _React$useMemo = React.useMemo(function () {
|
|
if (disabledTime) {
|
|
var disabledConfig = disabledTime(now);
|
|
return [disabledConfig.disabledHours, disabledConfig.disabledMinutes, disabledConfig.disabledSeconds];
|
|
}
|
|
return [disabledHours, disabledMinutes, disabledSeconds];
|
|
}, [disabledHours, disabledMinutes, disabledSeconds, disabledTime, now]),
|
|
_React$useMemo2 = (0, _slicedToArray2.default)(_React$useMemo, 3),
|
|
mergedDisabledHours = _React$useMemo2[0],
|
|
mergedDisabledMinutes = _React$useMemo2[1],
|
|
mergedDisabledSeconds = _React$useMemo2[2];
|
|
|
|
// ========================= Unit =========================
|
|
var rawHours = generateUnits(0, 23, hourStep, mergedDisabledHours && mergedDisabledHours());
|
|
var memorizedRawHours = (0, _useMemo.default)(function () {
|
|
return rawHours;
|
|
}, rawHours, shouldUnitsUpdate);
|
|
|
|
// Should additional logic to handle 12 hours
|
|
if (use12Hours) {
|
|
isPM = hour >= 12; // -1 means should display AM
|
|
hour %= 12;
|
|
}
|
|
var _React$useMemo3 = React.useMemo(function () {
|
|
if (!use12Hours) {
|
|
return [false, false];
|
|
}
|
|
var AMPMDisabled = [true, true];
|
|
memorizedRawHours.forEach(function (_ref) {
|
|
var disabled = _ref.disabled,
|
|
hourValue = _ref.value;
|
|
if (disabled) return;
|
|
if (hourValue >= 12) {
|
|
AMPMDisabled[1] = false;
|
|
} else {
|
|
AMPMDisabled[0] = false;
|
|
}
|
|
});
|
|
return AMPMDisabled;
|
|
}, [use12Hours, memorizedRawHours]),
|
|
_React$useMemo4 = (0, _slicedToArray2.default)(_React$useMemo3, 2),
|
|
AMDisabled = _React$useMemo4[0],
|
|
PMDisabled = _React$useMemo4[1];
|
|
var hours = React.useMemo(function () {
|
|
if (!use12Hours) return memorizedRawHours;
|
|
return memorizedRawHours.filter(isPM ? function (hourMeta) {
|
|
return hourMeta.value >= 12;
|
|
} : function (hourMeta) {
|
|
return hourMeta.value < 12;
|
|
}).map(function (hourMeta) {
|
|
var hourValue = hourMeta.value % 12;
|
|
var hourLabel = hourValue === 0 ? '12' : (0, _miscUtil.leftPad)(hourValue, 2);
|
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, hourMeta), {}, {
|
|
label: hourLabel,
|
|
value: hourValue
|
|
});
|
|
});
|
|
}, [use12Hours, isPM, memorizedRawHours]);
|
|
var minutes = generateUnits(0, 59, minuteStep, mergedDisabledMinutes && mergedDisabledMinutes(originHour));
|
|
var seconds = generateUnits(0, 59, secondStep, mergedDisabledSeconds && mergedDisabledSeconds(originHour, minute));
|
|
|
|
// Set Time
|
|
var setTime = (0, _useTimeSelection.default)({
|
|
value: value,
|
|
generateConfig: generateConfig,
|
|
disabledMinutes: mergedDisabledMinutes,
|
|
disabledSeconds: mergedDisabledSeconds,
|
|
minutes: minutes,
|
|
seconds: seconds,
|
|
use12Hours: use12Hours
|
|
});
|
|
|
|
// ====================== Operations ======================
|
|
operationRef.current = {
|
|
onUpDown: function onUpDown(diff) {
|
|
var column = columns[activeColumnIndex];
|
|
if (column) {
|
|
var valueIndex = column.units.findIndex(function (unit) {
|
|
return unit.value === column.value;
|
|
});
|
|
var unitLen = column.units.length;
|
|
for (var i = 1; i < unitLen; i += 1) {
|
|
var nextUnit = column.units[(valueIndex + diff * i + unitLen) % unitLen];
|
|
if (nextUnit.disabled !== true) {
|
|
column.onSelect(nextUnit.value);
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
// ======================== Render ========================
|
|
function addColumnNode(condition, node, columnValue, units, onColumnSelect) {
|
|
if (condition !== false) {
|
|
columns.push({
|
|
node: /*#__PURE__*/React.cloneElement(node, {
|
|
prefixCls: columnPrefixCls,
|
|
value: columnValue,
|
|
active: activeColumnIndex === columns.length,
|
|
onSelect: onColumnSelect,
|
|
units: units,
|
|
hideDisabledOptions: hideDisabledOptions
|
|
}),
|
|
onSelect: onColumnSelect,
|
|
value: columnValue,
|
|
units: units
|
|
});
|
|
}
|
|
}
|
|
|
|
// Hour
|
|
addColumnNode(showHour, /*#__PURE__*/React.createElement(_TimeUnitColumn.default, {
|
|
key: "hour",
|
|
type: "hour",
|
|
info: {
|
|
today: now,
|
|
locale: locale,
|
|
cellRender: cellRender
|
|
}
|
|
}), hour, hours, function (num) {
|
|
onSelect(setTime(isPM, num, minute, second), 'mouse');
|
|
});
|
|
|
|
// Minute
|
|
addColumnNode(showMinute, /*#__PURE__*/React.createElement(_TimeUnitColumn.default, {
|
|
key: "minute",
|
|
type: "minute",
|
|
info: {
|
|
today: now,
|
|
locale: locale,
|
|
cellRender: cellRender
|
|
}
|
|
}), minute, minutes, function (num) {
|
|
onSelect(setTime(isPM, hour, num, second), 'mouse');
|
|
});
|
|
|
|
// Second
|
|
addColumnNode(showSecond, /*#__PURE__*/React.createElement(_TimeUnitColumn.default, {
|
|
key: "second",
|
|
type: "second",
|
|
info: {
|
|
today: now,
|
|
locale: locale,
|
|
cellRender: cellRender
|
|
}
|
|
}), second, seconds, function (num) {
|
|
onSelect(setTime(isPM, hour, minute, num), 'mouse');
|
|
});
|
|
|
|
// 12 Hours
|
|
var PMIndex = -1;
|
|
if (typeof isPM === 'boolean') {
|
|
PMIndex = isPM ? 1 : 0;
|
|
}
|
|
addColumnNode(use12Hours === true, /*#__PURE__*/React.createElement(_TimeUnitColumn.default, {
|
|
key: "meridiem",
|
|
type: "meridiem",
|
|
info: {
|
|
today: now,
|
|
locale: locale,
|
|
cellRender: cellRender
|
|
}
|
|
}), PMIndex, [{
|
|
label: 'AM',
|
|
value: 0,
|
|
disabled: AMDisabled
|
|
}, {
|
|
label: 'PM',
|
|
value: 1,
|
|
disabled: PMDisabled
|
|
}], function (num) {
|
|
onSelect(setTime(!!num, hour, minute, second), 'mouse');
|
|
});
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: contentPrefixCls
|
|
}, columns.map(function (_ref2) {
|
|
var node = _ref2.node;
|
|
return node;
|
|
}));
|
|
}
|
|
var _default = TimeBody;
|
|
exports.default = _default; |