qt-public-ui/lib/CompatibleAntd3/date-picker/WeekPicker.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 _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var React = _interopRequireWildcard(require("react"));
var moment = _interopRequireWildcard(require("moment"));
var _reactLifecyclesCompat = require("react-lifecycles-compat");
var _rcCalendar = _interopRequireDefault(require("rc-calendar"));
var _Picker = _interopRequireDefault(require("rc-calendar/lib/Picker"));
var _classnames = _interopRequireDefault(require("classnames"));
var _Icon = _interopRequireDefault(require("../../Icon"));
var _context = require("../config-provider/context");
var _interopDefault = _interopRequireDefault(require("../_util/interopDefault"));
var _InputIcon = _interopRequireDefault(require("./InputIcon"));
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; }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable */
function formatValue(value, format) {
  return value && value.format(format) || '';
}
var WeekPicker = /*#__PURE__*/function (_React$Component) {
  function WeekPicker(props) {
    var _this;
    (0, _classCallCheck2["default"])(this, WeekPicker);
    _this = _callSuper(this, WeekPicker, [props]);
    _this.input = void 0;
    _this.prefixCls = void 0;
    _this.saveInput = function (node) {
      _this.input = node;
    };
    _this.weekDateRender = function (current) {
      var selectedValue = _this.state.value;
      var _this2 = _this,
        prefixCls = _this2.prefixCls;
      var dateRender = _this.props.dateRender;
      var dateNode = dateRender ? dateRender(current) : current.date();
      if (selectedValue && current.year() === selectedValue.year() && current.week() === selectedValue.week()) {
        return /*#__PURE__*/React.createElement("div", {
          className: "".concat(prefixCls, "-selected-day")
        }, /*#__PURE__*/React.createElement("div", {
          className: "".concat(prefixCls, "-date")
        }, dateNode));
      }
      return /*#__PURE__*/React.createElement("div", {
        className: "".concat(prefixCls, "-date")
      }, dateNode);
    };
    _this.handleChange = function (value) {
      if (!('value' in _this.props)) {
        _this.setState({
          value: value
        });
      }
      _this.props.onChange(value, formatValue(value, _this.props.format));
    };
    _this.handleOpenChange = function (open) {
      var onOpenChange = _this.props.onOpenChange;
      if (!('open' in _this.props)) {
        _this.setState({
          open: open
        });
      }
      if (onOpenChange) {
        onOpenChange(open);
      }
    };
    _this.clearSelection = function (e) {
      e.preventDefault();
      e.stopPropagation();
      _this.handleChange(null);
    };
    _this.renderFooter = function () {
      var _this$props = _this.props,
        prefixCls = _this$props.prefixCls,
        renderExtraFooter = _this$props.renderExtraFooter;
      return renderExtraFooter ? /*#__PURE__*/React.createElement("div", {
        className: "".concat(prefixCls, "-footer-extra")
      }, renderExtraFooter.apply(void 0, arguments)) : null;
    };
    _this.renderWeekPicker = function (_ref) {
      var getPrefixCls = _ref.getPrefixCls;
      var _this$props2 = _this.props,
        customizePrefixCls = _this$props2.prefixCls,
        className = _this$props2.className,
        disabled = _this$props2.disabled,
        pickerClass = _this$props2.pickerClass,
        popupStyle = _this$props2.popupStyle,
        pickerInputClass = _this$props2.pickerInputClass,
        format = _this$props2.format,
        allowClear = _this$props2.allowClear,
        locale = _this$props2.locale,
        localeCode = _this$props2.localeCode,
        disabledDate = _this$props2.disabledDate,
        style = _this$props2.style,
        onFocus = _this$props2.onFocus,
        onBlur = _this$props2.onBlur,
        id = _this$props2.id,
        suffixIcon = _this$props2.suffixIcon,
        defaultPickerValue = _this$props2.defaultPickerValue;
      var prefixCls = getPrefixCls('calendar', customizePrefixCls);
      // To support old version react.
      // Have to add prefixCls on the instance.
      // https://github.com/facebook/react/issues/12397
      _this.prefixCls = prefixCls;
      var _this$state = _this.state,
        open = _this$state.open,
        pickerValue = _this$state.value;
      if (pickerValue && localeCode) {
        pickerValue.locale(localeCode);
      }
      var placeholder = 'placeholder' in _this.props ? _this.props.placeholder : locale.lang.placeholder;
      var calendar = /*#__PURE__*/React.createElement(_rcCalendar["default"], {
        showWeekNumber: true,
        dateRender: _this.weekDateRender,
        prefixCls: prefixCls,
        format: format,
        locale: locale.lang,
        showDateInput: false,
        showToday: false,
        disabledDate: disabledDate,
        renderFooter: _this.renderFooter,
        defaultValue: defaultPickerValue
      });
      var clearIcon = !disabled && allowClear && _this.state.value ? /*#__PURE__*/React.createElement(_Icon["default"], {
        type: "close-circle",
        className: "".concat(prefixCls, "-picker-clear"),
        onClick: _this.clearSelection,
        theme: "filled"
      }) : null;
      var inputIcon = /*#__PURE__*/React.createElement(_InputIcon["default"], {
        suffixIcon: suffixIcon,
        prefixCls: prefixCls
      });
      var input = function input(_ref2) {
        var value = _ref2.value;
        return /*#__PURE__*/React.createElement("span", {
          style: {
            display: 'inline-block',
            width: '100%'
          }
        }, /*#__PURE__*/React.createElement("input", {
          ref: _this.saveInput,
          disabled: disabled,
          readOnly: true,
          value: value && value.format(format) || '',
          placeholder: placeholder,
          className: pickerInputClass,
          onFocus: onFocus,
          onBlur: onBlur
        }), clearIcon, inputIcon);
      };
      return /*#__PURE__*/React.createElement("span", {
        className: (0, _classnames["default"])(className, pickerClass),
        style: style,
        id: id
      }, /*#__PURE__*/React.createElement(_Picker["default"], (0, _extends2["default"])({}, _this.props, {
        calendar: calendar,
        prefixCls: "".concat(prefixCls, "-picker-container"),
        value: pickerValue,
        onChange: _this.handleChange,
        open: open,
        onOpenChange: _this.handleOpenChange,
        style: popupStyle
      }), input));
    };
    var _value = props.value || props.defaultValue;
    if (_value && !(0, _interopDefault["default"])(moment).isMoment(_value)) {
      throw new Error('The value/defaultValue of WeekPicker must be ' + 'a moment object after `antd@2.0`, see: https://u.ant.design/date-picker-value');
    }
    _this.state = {
      value: _value,
      open: props.open
    };
    return _this;
  }
  (0, _inherits2["default"])(WeekPicker, _React$Component);
  return (0, _createClass2["default"])(WeekPicker, [{
    key: "componentDidUpdate",
    value: function componentDidUpdate(_, prevState) {
      if (!('open' in this.props) && prevState.open && !this.state.open) {
        this.focus();
      }
    }
  }, {
    key: "focus",
    value: function focus() {
      this.input.focus();
    }
  }, {
    key: "blur",
    value: function blur() {
      this.input.blur();
    }
  }, {
    key: "render",
    value: function render() {
      return /*#__PURE__*/React.createElement(_context.ConfigConsumer, null, this.renderWeekPicker);
    }
  }], [{
    key: "getDerivedStateFromProps",
    value: function getDerivedStateFromProps(nextProps) {
      if ('value' in nextProps || 'open' in nextProps) {
        var state = {};
        if ('value' in nextProps) {
          state.value = nextProps.value;
        }
        if ('open' in nextProps) {
          state.open = nextProps.open;
        }
        return state;
      }
      return null;
    }
  }]);
}(React.Component);
WeekPicker.defaultProps = {
  format: 'gggg-wo',
  allowClear: true
};
(0, _reactLifecyclesCompat.polyfill)(WeekPicker);
var _default = exports["default"] = WeekPicker;