@beisen-platform/date-time/lib/wrapPicker.js

import "core-js/modules/es7.object.get-own-property-descriptors";
import "core-js/modules/es6.symbol";
import "core-js/modules/web.dom.iterable";
import "core-js/modules/es6.array.iterator";
import "core-js/modules/es6.object.to-string";
import "core-js/modules/es6.object.keys";
import _extends from "@babel/runtime/helpers/extends";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
import _inherits from "@babel/runtime/helpers/inherits";

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { if (i % 2) { var source = arguments[i] != null ? arguments[i] : {}; ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(arguments[i])); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(arguments[i], key)); }); } } return target; }

import React from 'react';
import TimePicker from './rc-time-picker/lib/index';
import DateTimeFormat from 'gregorian-calendar-format';
import GregorianCalendar from 'gregorian-calendar';
import classNames from 'classnames';
import defaultLocale from './locale/zh_CN';
export default function wrapPicker(Picker, defaultFormat) {
  var _class, _temp;

  return _temp = _class =
  /*#__PURE__*/
  function (_React$Component) {
    _inherits(PickerWrapper, _React$Component);

    function PickerWrapper(props) {
      var _this;

      _classCallCheck(this, PickerWrapper);

      _this = _possibleConstructorReturn(this, _getPrototypeOf(PickerWrapper).call(this, props));

      _this.getFormatter = function () {
        if (!_this.formats) {
          _this.formats = {};
        }

        var formats = _this.formats;
        var format = _this.props.format;

        if (formats[format]) {
          return formats[format];
        }

        formats[format] = new DateTimeFormat(format, _this.getLocale().lang.format);
        return formats[format];
      };

      _this.parseDateFromValue = function (value) {
        if (value) {
          if (typeof value === 'string') {
            return _this.getFormatter().parse(value, {
              locale: _this.getLocale()
            });
          } else if (value instanceof Date) {
            var date = new GregorianCalendar(_this.getLocale());
            date.setTime(+value);
            return date;
          }
        }

        return value;
      };

      _this.toggleOpen = function (e) {
        _this.props.changeActive(e.open);
      };

      _this.state = {};
      _this.clickDataTable = _this.clickDataTable.bind(_assertThisInitialized(_this));
      _this.toggleOpen = _this.toggleOpen.bind(_assertThisInitialized(_this));
      return _this;
    } // remove input readonly warning


    _createClass(PickerWrapper, [{
      key: "componentWillReceiveProps",
      value: function componentWillReceiveProps(nextProps) {
        var temp = this.state.timeValue;

        if (temp) {
          temp.clickTips = false;
          this.setState({
            timeValue: temp
          });
        }
      }
    }, {
      key: "clickDataTable",
      value: function clickDataTable(value) {
        var _this2 = this;

        value.clickTips = true;
        this.setState({
          timeValue: value
        }); // 仅在点击的时候使用，使用后直接置为false

        setTimeout(function () {
          _this2.state.timeValue.clickTips = false;
        }, 0);
      }
    }, {
      key: "getLocale",
      value: function getLocale() {
        var props = this.props;
        var locale = defaultLocale;
        var context = this.context;

        if (context.antLocale && context.antLocale.DatePicker) {
          locale = context.antLocale.DatePicker;
        } // 统一合并为完整的 Locale


        var result = _objectSpread({}, locale, {}, props.locale);

        result.lang = _objectSpread({}, locale.lang, {}, props.locale.lang);
        return result;
      }
    }, {
      key: "render",
      value: function render() {
        var props = this.props;
        var pickerClass = classNames({
          'ant-calendar-picker': true,
          'ant-calendar-picker_has-error': this.props.errorStatus,
          'ant-calendar-picker-open': props.IsActive || this.props.errorStatus
        });
        var pickerInputClass = classNames({
          'ant-calendar-range-picker': true,
          'ant-input': true,
          'ant-input-lg': props.size === 'large',
          'ant-input-sm': props.size === 'small'
        });
        var locale = this.getLocale();
        var timePicker = props.showTime ? React.createElement(TimePicker, {
          prefixCls: "ant-time-picker",
          dateValue: this.props.value,
          placeholder: locale.timePickerLocale.placeholder,
          value: this.state.timeValue,
          locale: locale.timePickerLocale,
          transitionName: "slide-up"
        }) : null;
        return React.createElement(Picker, _extends({}, this.props, {
          showStatus: this.props.showStatus,
          pickerClass: pickerClass,
          pickerInputClass: pickerInputClass,
          locale: locale,
          timePicker: timePicker,
          open: this.props.IsActive,
          clickDataTable: this.clickDataTable,
          toggleOpen: this.toggleOpen,
          getFormatter: this.getFormatter,
          parseDateFromValue: this.parseDateFromValue
        }));
      }
    }]);

    return PickerWrapper;
  }(React.Component), _class.defaultProps = {
    format: defaultFormat || 'yyyy-MM-dd',
    transitionName: 'slide-up',
    popupStyle: {},
    onChange: function onChange() {},
    onOk: function onOk() {},
    locale: {},
    align: {
      offset: [0, -9]
    },
    ipuBlur: function ipuBlur() {},
    open: false
  }, _temp;
}