"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); var _typeof3 = require("@babel/runtime/helpers/typeof"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof")); var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); var _classnames = _interopRequireDefault(require("classnames")); var _KeyCode = _interopRequireDefault(require("rc-util/lib/KeyCode")); var React = _interopRequireWildcard(require("react")); var _miscUtil = require("../../utils/miscUtil"); var _timeUtil = require("../../utils/timeUtil"); var _DatePanel = _interopRequireDefault(require("../DatePanel")); var _TimePanel = _interopRequireDefault(require("../TimePanel")); 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 || _typeof3(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; } var ACTIVE_PANEL = (0, _miscUtil.tuple)('date', 'time'); var findValidTime = function findValidTime(disabledRange, maxValidTime) { var rangeSet = new Set(disabledRange); for (var i = 0; i <= maxValidTime; i++) { if (!rangeSet.has(i)) { return i; } } return 0; }; function DatetimePanel(props) { var prefixCls = props.prefixCls, operationRef = props.operationRef, generateConfig = props.generateConfig, value = props.value, defaultValue = props.defaultValue, disabledTime = props.disabledTime, showTime = props.showTime, onSelect = props.onSelect, cellRender = props.cellRender; var panelPrefixCls = "".concat(prefixCls, "-datetime-panel"); var _React$useState = React.useState(null), _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2), activePanel = _React$useState2[0], setActivePanel = _React$useState2[1]; var dateOperationRef = React.useRef({}); var timeOperationRef = React.useRef({}); var timeProps = (0, _typeof2.default)(showTime) === 'object' ? (0, _objectSpread2.default)({}, showTime) : {}; // ======================= Keyboard ======================= function getNextActive(offset) { var activeIndex = ACTIVE_PANEL.indexOf(activePanel) + offset; var nextActivePanel = ACTIVE_PANEL[activeIndex] || null; return nextActivePanel; } var onBlur = function onBlur(e) { if (timeOperationRef.current.onBlur) { timeOperationRef.current.onBlur(e); } setActivePanel(null); }; operationRef.current = { onKeyDown: function onKeyDown(event) { // Switch active panel if (event.which === _KeyCode.default.TAB) { var nextActivePanel = getNextActive(event.shiftKey ? -1 : 1); setActivePanel(nextActivePanel); if (nextActivePanel) { event.preventDefault(); } return true; } // Operate on current active panel if (activePanel) { var ref = activePanel === 'date' ? dateOperationRef : timeOperationRef; if (ref.current && ref.current.onKeyDown) { ref.current.onKeyDown(event); } return true; } // Switch first active panel if operate without panel if ([_KeyCode.default.LEFT, _KeyCode.default.RIGHT, _KeyCode.default.UP, _KeyCode.default.DOWN].includes(event.which)) { setActivePanel('date'); return true; } return false; }, onBlur: onBlur, onClose: onBlur }; // ======================== Events ======================== var onInternalSelect = function onInternalSelect(date, source) { var selectedDate = date; if (source === 'date' && !value && timeProps.defaultValue) { // Date with time defaultValue selectedDate = generateConfig.setHour(selectedDate, generateConfig.getHour(timeProps.defaultValue)); selectedDate = generateConfig.setMinute(selectedDate, generateConfig.getMinute(timeProps.defaultValue)); selectedDate = generateConfig.setSecond(selectedDate, generateConfig.getSecond(timeProps.defaultValue)); } else if (source === 'time' && !value && defaultValue) { selectedDate = generateConfig.setYear(selectedDate, generateConfig.getYear(defaultValue)); selectedDate = generateConfig.setMonth(selectedDate, generateConfig.getMonth(defaultValue)); selectedDate = generateConfig.setDate(selectedDate, generateConfig.getDate(defaultValue)); } else if (source === 'date' && value && disabledTime) { var _disabledTimes$disabl, _disabledTimes$disabl2, _disabledTimes$disabl3; var _disabledTimes = disabledTime(value); var validHour = findValidTime(((_disabledTimes$disabl = _disabledTimes.disabledHours) === null || _disabledTimes$disabl === void 0 ? void 0 : _disabledTimes$disabl.call(_disabledTimes)) || [-1], 23); var validMinute = findValidTime(((_disabledTimes$disabl2 = _disabledTimes.disabledMinutes) === null || _disabledTimes$disabl2 === void 0 ? void 0 : _disabledTimes$disabl2.call(_disabledTimes, validHour)) || [-1], 59); var validSeconds = findValidTime(((_disabledTimes$disabl3 = _disabledTimes.disabledSeconds) === null || _disabledTimes$disabl3 === void 0 ? void 0 : _disabledTimes$disabl3.call(_disabledTimes, validHour, validMinute)) || [-1], 59); selectedDate = generateConfig.setHour(selectedDate, validHour); selectedDate = generateConfig.setMinute(selectedDate, validMinute); selectedDate = generateConfig.setSecond(selectedDate, validSeconds); } if (onSelect) { onSelect(selectedDate, 'mouse'); } }; // ======================== Render ======================== var disabledTimes = disabledTime ? disabledTime(value || null) : {}; return /*#__PURE__*/React.createElement("div", { className: (0, _classnames.default)(panelPrefixCls, (0, _defineProperty2.default)({}, "".concat(panelPrefixCls, "-active"), activePanel)) }, /*#__PURE__*/React.createElement(_DatePanel.default, (0, _extends2.default)({}, props, { cellRender: cellRender, operationRef: dateOperationRef, active: activePanel === 'date', onSelect: function onSelect(date) { onInternalSelect((0, _timeUtil.setDateTime)(generateConfig, date, !value && (0, _typeof2.default)(showTime) === 'object' ? showTime.defaultValue : null), 'date'); } })), /*#__PURE__*/React.createElement(_TimePanel.default, (0, _extends2.default)({}, props, { cellRender: cellRender ? function (current, info) { return cellRender(current, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, info), {}, { type: 'time' })); } : undefined, format: undefined }, timeProps, disabledTimes, { disabledTime: null, defaultValue: undefined, operationRef: timeOperationRef, active: activePanel === 'time', onSelect: function onSelect(date) { onInternalSelect(date, 'time'); } }))); } var _default = DatetimePanel; exports.default = _default;