choerodon-ui/lib/rc-components/calendar/YearCalendar.js

An enterprise-class UI design language and React-based implementation

"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"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _createReactClass = _interopRequireDefault(require("create-react-class"));

var PropTypes = _interopRequireWildcard(require("prop-types"));

var _KeyCode = _interopRequireDefault(require("../util/KeyCode"));

var _CalendarHeader = _interopRequireDefault(require("./calendar/CalendarHeader"));

var _CalendarFooter = _interopRequireDefault(require("./calendar/CalendarFooter"));

var _CalendarMixin = _interopRequireDefault(require("./mixin/CalendarMixin"));

var _CommonMixin = _interopRequireDefault(require("./mixin/CommonMixin"));

var YearCalendar = (0, _createReactClass["default"])({
  displayName: "YearCalendar",
  propTypes: {
    monthCellRender: PropTypes.func,
    dateCellRender: PropTypes.func
  },
  mixins: [_CommonMixin["default"], _CalendarMixin["default"]],
  getInitialState: function getInitialState() {
    return {
      mode: 'year'
    };
  },
  onKeyDown: function onKeyDown(event) {
    var keyCode = event.keyCode;
    var ctrlKey = event.ctrlKey || event.metaKey;
    var stateValue = this.state.value;
    var disabledDate = this.props.disabledDate;
    var value = stateValue;

    switch (keyCode) {
      case _KeyCode["default"].DOWN:
        value = stateValue.clone();
        value.add(3, 'months');
        break;

      case _KeyCode["default"].UP:
        value = stateValue.clone();
        value.add(-3, 'months');
        break;

      case _KeyCode["default"].LEFT:
        value = stateValue.clone();

        if (ctrlKey) {
          value.add(-1, 'years');
        } else {
          value.add(-1, 'months');
        }

        break;

      case _KeyCode["default"].RIGHT:
        value = stateValue.clone();

        if (ctrlKey) {
          value.add(1, 'years');
        } else {
          value.add(1, 'months');
        }

        break;

      case _KeyCode["default"].ENTER:
        if (!disabledDate || !disabledDate(stateValue)) {
          this.onSelect(stateValue);
        }

        event.preventDefault();
        return 1;

      default:
        return undefined;
    }

    if (value !== stateValue) {
      this.setValue(value);
      event.preventDefault();
      return 1;
    }
  },
  handlePanelChange: function handlePanelChange(_, mode) {
    if (mode !== 'date' && mode !== 'month') {
      this.setState({
        mode: mode
      });
    }
  },
  // onMonthSelect
  render: function render() {
    var props = this.props,
        state = this.state;
    var mode = state.mode,
        value = state.value;

    var children = /*#__PURE__*/_react["default"].createElement("div", {
      className: "".concat(props.prefixCls, "-month-calendar-content")
    }, /*#__PURE__*/_react["default"].createElement("div", {
      className: "".concat(props.prefixCls, "-month-header-wrap")
    }, /*#__PURE__*/_react["default"].createElement(_CalendarHeader["default"], {
      prefixCls: props.prefixCls,
      mode: mode,
      value: value,
      locale: props.locale,
      disabledMonth: props.disabledDate,
      monthCellRender: props.monthCellRender,
      monthCellContentRender: props.monthCellContentRender,
      onYearSelect: this.onSelect,
      onValueChange: this.setValue,
      onPanelChange: this.handlePanelChange
    })), /*#__PURE__*/_react["default"].createElement(_CalendarFooter["default"], {
      prefixCls: props.prefixCls,
      renderFooter: props.renderFooter
    }));

    return this.renderRoot({
      className: "".concat(props.prefixCls, "-month-calendar"),
      children: children
    });
  }
});
var _default = YearCalendar;
exports["default"] = _default;
//# sourceMappingURL=YearCalendar.js.map