123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- "use strict";
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.default = PopupPanel;
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
- var React = _interopRequireWildcard(require("react"));
- var _PickerPanel = _interopRequireDefault(require("../../PickerPanel"));
- var _context = require("../../PickerPanel/context");
- var _context2 = _interopRequireDefault(require("../context"));
- var _useRangePickerValue = require("../hooks/useRangePickerValue");
- function PopupPanel(props) {
- var picker = props.picker,
- multiplePanel = props.multiplePanel,
- pickerValue = props.pickerValue,
- onPickerValueChange = props.onPickerValueChange,
- needConfirm = props.needConfirm,
- onSubmit = props.onSubmit,
- range = props.range,
- hoverValue = props.hoverValue;
- var _React$useContext = React.useContext(_context2.default),
- prefixCls = _React$useContext.prefixCls,
- generateConfig = _React$useContext.generateConfig;
- // ======================== Offset ========================
- var internalOffsetDate = React.useCallback(function (date, offset) {
- return (0, _useRangePickerValue.offsetPanelDate)(generateConfig, picker, date, offset);
- }, [generateConfig, picker]);
- var nextPickerValue = React.useMemo(function () {
- return internalOffsetDate(pickerValue, 1);
- }, [pickerValue, internalOffsetDate]);
- // Outside
- var onSecondPickerValueChange = function onSecondPickerValueChange(nextDate) {
- onPickerValueChange(internalOffsetDate(nextDate, -1));
- };
- // ======================= Context ========================
- var sharedContext = {
- onCellDblClick: function onCellDblClick() {
- if (needConfirm) {
- onSubmit();
- }
- }
- };
- var hideHeader = picker === 'time';
- // ======================== Props =========================
- var pickerProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
- hoverValue: null,
- hoverRangeValue: null,
- hideHeader: hideHeader
- });
- if (range) {
- pickerProps.hoverRangeValue = hoverValue;
- } else {
- pickerProps.hoverValue = hoverValue;
- }
- // ======================== Render ========================
- // Multiple
- if (multiplePanel) {
- return /*#__PURE__*/React.createElement("div", {
- className: "".concat(prefixCls, "-panels")
- }, /*#__PURE__*/React.createElement(_context.PickerHackContext.Provider, {
- value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, sharedContext), {}, {
- hideNext: true
- })
- }, /*#__PURE__*/React.createElement(_PickerPanel.default, pickerProps)), /*#__PURE__*/React.createElement(_context.PickerHackContext.Provider, {
- value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, sharedContext), {}, {
- hidePrev: true
- })
- }, /*#__PURE__*/React.createElement(_PickerPanel.default, (0, _extends2.default)({}, pickerProps, {
- pickerValue: nextPickerValue,
- onPickerValueChange: onSecondPickerValueChange
- }))));
- }
- // Single
- return /*#__PURE__*/React.createElement(_context.PickerHackContext.Provider, {
- value: (0, _objectSpread2.default)({}, sharedContext)
- }, /*#__PURE__*/React.createElement(_PickerPanel.default, pickerProps));
- }
|