acud
Version:
acg react 组件库
200 lines (199 loc) • 8.14 kB
JavaScript
;
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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var React = _interopRequireWildcard(require("react"));
var _useMemo = _interopRequireDefault(require("rc-util/lib/hooks/useMemo"));
var _TimeUnitColumn = _interopRequireDefault(require("./TimeUnitColumn"));
var _miscUtil = require("../../utils/miscUtil");
var _timeUtil = require("../../utils/timeUtil");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
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 = [];
for (var i = start; i <= end; i += step) {
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,
hideDisabledOptions = props.hideDisabledOptions,
onSelect = props.onSelect;
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;
var setTime = function setTime(isNewPM, newHour, newMinute, newSecond) {
var newDate = value || generateConfig.getNow();
var mergedHour = Math.max(0, newHour);
var mergedMinute = Math.max(0, newMinute);
var mergedSecond = Math.max(0, newSecond);
newDate = (0, _timeUtil.setTime)(generateConfig, newDate, !use12Hours || !isNewPM ? mergedHour : mergedHour + 12, mergedMinute, mergedSecond);
return newDate;
};
// ========================= Unit =========================
var rawHours = generateUnits(0, 23, hourStep, disabledHours && disabledHours());
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$useMemo = 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$useMemo2 = (0, _slicedToArray2["default"])(_React$useMemo, 2),
AMDisabled = _React$useMemo2[0],
PMDisabled = _React$useMemo2[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, _extends2["default"])((0, _extends2["default"])({}, hourMeta), {
label: hourLabel,
value: hourValue
});
});
}, [use12Hours, isPM, memorizedRawHours]);
var minutes = generateUnits(0, 59, minuteStep, disabledMinutes && disabledMinutes(originHour));
var seconds = generateUnits(0, 59, secondStep, disabledSeconds && disabledSeconds(originHour, minute));
// ====================== 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"
}), hour, hours, function (num) {
onSelect(setTime(isPM, num, minute, second), 'mouse');
});
// Minute
addColumnNode(showMinute, /*#__PURE__*/React.createElement(_TimeUnitColumn["default"], {
key: "minute"
}), minute, minutes, function (num) {
onSelect(setTime(isPM, hour, num, second), 'mouse');
});
// Second
addColumnNode(showSecond, /*#__PURE__*/React.createElement(_TimeUnitColumn["default"], {
key: "second"
}), 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: "12hours"
}), 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 = exports["default"] = TimeBody;