@jannie-shao/components-antd4/lib/date-range/index.js

基于 Antd 4 的组件封装

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
require("antd/es/date-picker/style");
var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
var _react = _interopRequireWildcard(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _moment = _interopRequireDefault(require("moment"));
var _excluded = ["keys", "value", "onChange", "maxDay", "disabledDate", "disabledStart", "disabledEnd"];
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; }
var DateRange = function DateRange(_ref) {
  var keys = _ref.keys,
    value = _ref.value,
    onChange = _ref.onChange,
    maxDay = _ref.maxDay,
    disabledDate = _ref.disabledDate,
    disabledStart = _ref.disabledStart,
    disabledEnd = _ref.disabledEnd,
    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
  var _useState = (0, _react.useState)([]),
    dates = _useState[0],
    setDates = _useState[1];
  var _useState2 = (0, _react.useState)(),
    hackValue = _useState2[0],
    setHackValue = _useState2[1];
  var _useState3 = (0, _react.useState)([]),
    val = _useState3[0],
    setVal = _useState3[1];
  var handleChange = function handleChange(dateNow) {
    var _onChange;
    if (dateNow === void 0) {
      dateNow = ['', ''];
    }
    var startDate = dateNow[0] ? (0, _moment["default"])(dateNow[0]).startOf('day').valueOf() : undefined;
    var endDate = dateNow[1] ? parseInt((0, _moment["default"])(dateNow[1]).endOf('day').valueOf() / 1000, 10) * 1000 : undefined;
    setVal(dateNow);
    onChange((_onChange = {}, _onChange[keys[0]] = startDate, _onChange[keys[1]] = endDate, _onChange));
  };
  var handleDisabled = function handleDisabled(current) {
    if (disabledDate(current)) return true;
    if (!dates || dates.length === 0 || !maxDay) {
      return false;
    }
    var tooLate = dates[0] && (current.diff(dates[0], 'days') > maxDay || disabledEnd(current));
    var tooEarly = dates[1] && (dates[1].diff(current, 'days') > maxDay || disabledStart(current));
    return tooEarly || tooLate;
  };
  var onOpenChange = function onOpenChange(open) {
    if (open) {
      setHackValue([]);
      setDates([]);
    } else {
      setHackValue(undefined);
    }
  };
  (0, _react.useEffect)(function () {
    if (!value) return;
    var startDate = value !== null && value !== void 0 && value[keys[0]] ? (0, _moment["default"])(value[keys[0]]) : '';
    var endDate = value !== null && value !== void 0 && value[keys[1]] ? (0, _moment["default"])(value[keys[1]]) : '';
    setVal([startDate, endDate]);
  }, [value, keys]);
  return /*#__PURE__*/_react["default"].createElement(_datePicker["default"].RangePicker, (0, _extends2["default"])({}, props, {
    getPopupContainer: function getPopupContainer(n) {
      return n.parentNode;
    },
    value: hackValue || val,
    disabledDate: handleDisabled,
    onCalendarChange: function onCalendarChange(v) {
      return setDates(v);
    },
    onChange: handleChange,
    onOpenChange: onOpenChange
  }));
};
DateRange.propTypes = {
  keys: _propTypes["default"].array,
  maxDay: _propTypes["default"].number,
  disabledDate: _propTypes["default"].func,
  disabledStart: _propTypes["default"].func,
  disabledEnd: _propTypes["default"].func
};
DateRange.defaultProps = {
  keys: ['startTime', 'endTime'],
  maxDay: 0,
  disabledDate: function disabledDate() {
    return false;
  },
  disabledStart: function disabledStart() {
    return false;
  },
  disabledEnd: function disabledEnd() {
    return false;
  }
};
var _default = DateRange;
exports["default"] = _default;