81 lines
4.3 KiB
JavaScript
81 lines
4.3 KiB
JavaScript
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
import { clsx } from 'clsx';
|
|
import * as React from 'react';
|
|
import useTimeInfo from "../../hooks/useTimeInfo";
|
|
import PickerContext from "../context";
|
|
export default function Footer(props) {
|
|
var mode = props.mode,
|
|
internalMode = props.internalMode,
|
|
renderExtraFooter = props.renderExtraFooter,
|
|
showNow = props.showNow,
|
|
showTime = props.showTime,
|
|
onSubmit = props.onSubmit,
|
|
onNow = props.onNow,
|
|
invalid = props.invalid,
|
|
needConfirm = props.needConfirm,
|
|
generateConfig = props.generateConfig,
|
|
disabledDate = props.disabledDate;
|
|
var _React$useContext = React.useContext(PickerContext),
|
|
prefixCls = _React$useContext.prefixCls,
|
|
locale = _React$useContext.locale,
|
|
_React$useContext$but = _React$useContext.button,
|
|
Button = _React$useContext$but === void 0 ? 'button' : _React$useContext$but,
|
|
classNames = _React$useContext.classNames,
|
|
styles = _React$useContext.styles;
|
|
|
|
// >>> Now
|
|
var now = generateConfig.getNow();
|
|
var _useTimeInfo = useTimeInfo(generateConfig, showTime, now),
|
|
_useTimeInfo2 = _slicedToArray(_useTimeInfo, 1),
|
|
getValidTime = _useTimeInfo2[0];
|
|
|
|
// ======================== Extra =========================
|
|
var extraNode = renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter(mode);
|
|
|
|
// ======================== Ranges ========================
|
|
var nowDisabled = disabledDate(now, {
|
|
type: mode
|
|
});
|
|
var onInternalNow = function onInternalNow() {
|
|
if (!nowDisabled) {
|
|
var validateNow = getValidTime(now);
|
|
onNow(validateNow);
|
|
}
|
|
};
|
|
var nowPrefixCls = "".concat(prefixCls, "-now");
|
|
var nowBtnPrefixCls = "".concat(nowPrefixCls, "-btn");
|
|
var presetNode = showNow && /*#__PURE__*/React.createElement("li", {
|
|
className: nowPrefixCls
|
|
}, /*#__PURE__*/React.createElement("a", {
|
|
className: clsx(nowBtnPrefixCls, nowDisabled && "".concat(nowBtnPrefixCls, "-disabled")),
|
|
"aria-disabled": nowDisabled,
|
|
onClick: onInternalNow
|
|
}, internalMode === 'date' ? locale.today : locale.now));
|
|
|
|
// >>> OK
|
|
var okNode = needConfirm && /*#__PURE__*/React.createElement("li", {
|
|
className: "".concat(prefixCls, "-ok")
|
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
disabled: invalid,
|
|
onClick: onSubmit
|
|
}, locale.ok));
|
|
var rangeNode = (presetNode || okNode) && /*#__PURE__*/React.createElement("ul", {
|
|
className: "".concat(prefixCls, "-ranges")
|
|
}, presetNode, okNode);
|
|
|
|
// ======================== Render ========================
|
|
if (!extraNode && !rangeNode) {
|
|
return null;
|
|
}
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
className: clsx("".concat(prefixCls, "-footer"), classNames.popup.footer),
|
|
style: styles.popup.footer
|
|
}, extraNode && /*#__PURE__*/React.createElement("div", {
|
|
className: "".concat(prefixCls, "-footer-extra")
|
|
}, extraNode), rangeNode);
|
|
} |