qt-public-ui/lib/CyclePicker/unit.js

新设计规范下业务组件库

"use strict";

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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _antd = require("antd");
var _qtPublicHooks = require("qt-public-hooks");
var _moment = _interopRequireDefault(require("moment"));
var _excluded = ["onUnitChange", "pickerValue", "use", "onChange"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
var radios = [{
  value: 'hour',
  label: '小时'
}, {
  value: 'day',
  label: '天'
}, {
  value: 'week',
  label: '周'
}, {
  value: 'month',
  label: '月'
}];
var CycleUnit = function CycleUnit(props) {
  var onUnitChange = props.onUnitChange,
    pickerValue = props.pickerValue,
    use = props.use,
    onChange = props.onChange,
    radioProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var _useState = (0, _react.useState)(),
    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
    value = _useState2[0],
    setValue = _useState2[1];
  var _useState3 = (0, _react.useState)([]),
    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
    disabled = _useState4[0],
    setDisabled = _useState4[1];
  (0, _qtPublicHooks.useUpdateEffect)(function () {
    onUnitChange && value && onUnitChange(value, disabled);
  }, [value]);
  var onRadioChange = function onRadioChange(e) {
    setValue(e.target.value);
  };
  (0, _react.useEffect)(function () {
    var _pickerValue = (0, _slicedToArray2["default"])(pickerValue, 2),
      start = _pickerValue[0],
      end = _pickerValue[1];
    var diff = _moment["default"].isMoment(end) ? end.diff(start, 'day') : 1;
    var forbids;
    var validValue;
    if (diff === 0) {
      forbids = ['day', 'week', 'month'];
    } else if (diff >= 1 && diff < 7) {
      forbids = ['hour', 'week', 'month'];
    } else if (diff >= 7 && diff < 31) {
      forbids = ['hour', 'month'];
    } else {
      forbids = ['hour'];
    }
    if (diff === 0) {
      validValue = forbids.includes(value) ? 'hour' : value || 'hour';
    } else {
      validValue = forbids.includes(value) ? 'day' : value || 'day';
    }
    setValue(validValue);
    setDisabled(forbids);
  }, [pickerValue]);
  return /*#__PURE__*/_react["default"].createElement(_antd.Radio.Group, (0, _extends2["default"])({
    value: value,
    onChange: onRadioChange
  }, radioProps), radios.filter(function (r) {
    return Array.isArray(use) ? use.includes(r.value) : true;
  }).map(function (r) {
    return /*#__PURE__*/_react["default"].createElement(_antd.Radio.Button, {
      key: r.value,
      value: r.value,
      disabled: disabled.includes(r.value)
    }, r.label);
  }));
};
CycleUnit.displayName = 'CycleUnit';
var _default = exports["default"] = CycleUnit;