"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;