@seafile/seafile-calendar 0.0.30-beta.1 → 0.0.30-beta.3

package/lib/date/DateConstants.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+var DATE_ROW_COLUMN_COUNT = {
+  DATE_ROW_COUNT: 6,
+  DATE_COL_COUNT: 7
+};
+
+var DAY_NAME_TO_INDEX = {
+  Sunday: 0,
+  Monday: 1,
+  Tuesday: 2,
+  Wednesday: 3,
+  Thursday: 4,
+  Friday: 5,
+  Saturday: 6
+};
+
+exports["default"] = {
+  DATE_ROW_COLUMN_COUNT: DATE_ROW_COLUMN_COUNT,
+  DAY_NAME_TO_INDEX: DAY_NAME_TO_INDEX
+};
+module.exports = exports['default'];

package/lib/date/DateInput.js

@@ -0,0 +1,476 @@
+'use strict';
+
+exports.__esModule = true;
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _reactDom = require('react-dom');
+
+var _reactDom2 = _interopRequireDefault(_reactDom);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _KeyCode = require('rc-util/lib/KeyCode');
+
+var _KeyCode2 = _interopRequireDefault(_KeyCode);
+
+var _reactLifecyclesCompat = require('react-lifecycles-compat');
+
+var _dayjs = require('dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
+var _util = require('../util');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
+
+var cachedSelectionStart = void 0;
+var cachedSelectionEnd = void 0;
+var dateInputInstance = void 0;
+
+var DateInput = function (_React$Component) {
+  (0, _inherits3['default'])(DateInput, _React$Component);
+
+  function DateInput(props) {
+    (0, _classCallCheck3['default'])(this, DateInput);
+
+    var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
+
+    _initialiseProps.call(_this);
+
+    var selectedValue = props.selectedValue;
+    var formatPrefix = _this.props.format[0];
+    _this.state = {
+      timeStr: '',
+      dateStr: '',
+      str: (0, _util.formatDate)(selectedValue, _this.props.format),
+      hasFocus: false,
+      localeFormat: formatPrefix,
+      delimiter: (0, _util.delimate)(formatPrefix),
+      cananderIput: ''
+    };
+    return _this;
+  }
+
+  DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
+    if (dateInputInstance && this.state.hasFocus && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
+      dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
+    }
+  };
+
+  DateInput.getDerivedStateFromProps = function getDerivedStateFromProps(nextProps, state) {
+    var newState = {};
+
+    if (dateInputInstance) {
+      cachedSelectionStart = dateInputInstance.selectionStart;
+      cachedSelectionEnd = dateInputInstance.selectionEnd;
+    }
+    // when popup show, click body will call this, bug!
+    var selectedValue = nextProps.selectedValue;
+    if (!state.hasFocus) {
+      var timeStr = (0, _util.formatDate)(selectedValue, nextProps.format).split(' ')[0];
+      var parts = timeStr.split(state.delimiter);
+      var timeParts = (0, _util.formatDate)(selectedValue, nextProps.format).split(' ')[1];
+      if (parts.length === 3) {
+        if (state.localeFormat === _util.DATE_FORMATS.ISO) {
+          newState = { str: parts[0].padStart(4, 0) + '-' + parts[1] + '-' + parts[2] };
+        } else if (state.localeFormat === _util.DATE_FORMATS.ISOAndTime) {
+          newState = {
+            str: parts[0].padStart(4, 0) + '-' + parts[1] + '-' + parts[2] + ' ' + (nextProps.showHourAndMinute ? timeParts : ''), // eslint-disable-line max-len
+            dateStr: parts[0].padStart(4, 0) + '-' + parts[1] + '-' + parts[2]
+          };
+        } else if (state.localeFormat === _util.DATE_FORMATS.US) {
+          newState = { str: Number(parts[0]) + '/' + Number(parts[1]) + '/' + parts[2].padStart(4, 0) };
+        } else if (state.localeFormat === _util.DATE_FORMATS.USAndTime) {
+          newState = {
+            str: Number(parts[0]) + '/' + Number(parts[1]) + '/' + parts[2].padStart(4, 0) + ' ' + (nextProps.showHourAndMinute ? timeParts : ''), // eslint-disable-line max-len
+            dateStr: Number(parts[0]) + '/' + Number(parts[1]) + '/' + parts[2].padStart(4, 0)
+          };
+        } else if (state.localeFormat === _util.DATE_FORMATS.European || state.localeFormat === _util.DATE_FORMATS.Germany_Russia_etc) {
+          newState = { str: '' + Number(parts[0]) + state.delimiter + Number(parts[1]) + state.delimiter + parts[2].padStart(4, 0) }; // eslint-disable-line max-len
+        } else if (state.localeFormat === _util.DATE_FORMATS.EuropeanAndTime || state.localeFormat === _util.DATE_FORMATS.Germany_Russia_etcAndTime) {
+          newState = {
+            str: '' + Number(parts[0]) + state.delimiter + Number(parts[1]) + state.delimiter + parts[2].padStart(4, 0) + ' ' + (nextProps.showHourAndMinute ? timeParts : ''), // eslint-disable-line max-len
+            dateStr: '' + Number(parts[0]) + state.delimiter + Number(parts[1]) + state.delimiter + parts[2].padStart(4, 0) // eslint-disable-line max-len
+          };
+        }
+      }
+    }
+    return newState;
+  };
+
+  DateInput.getInstance = function getInstance() {
+    return dateInputInstance;
+  };
+
+  DateInput.prototype.normalizeDateInput = function normalizeDateInput(str) {
+    var day = void 0;
+    var month = void 0;
+    var year = void 0;
+    var parts = (0, _util.formatDateLocal)(str, this.state.localeFormat, _util.DATE_FORMATS);
+    var delimiter = this.state.delimiter;
+    var hasSpecial = (0, _util.hasSpecialChar)(str);
+    if (this.state.localeFormat === _util.DATE_FORMATS.ISO || this.state.localeFormat === _util.DATE_FORMATS.ISOAndTime) {
+      var numStr = str.replace(/[^0-9]/g, '');
+      if (numStr.length === 7) {
+        year = numStr.slice(0, 4);
+        month = numStr.slice(4, 6).padStart(2, '0');
+        day = numStr.slice(6, 7).padStart(2, '0');
+        if (!(0, _util.isValidDay)(day)) {
+          return year + '-' + _util.stringCurrentMonth + '-' + _util.stringCurrentDate;
+        }
+        return year + '-' + month + '-' + day;
+      }
+      if (hasSpecial) {
+        year = (0, _util.fullValidYear)(parts[0]);
+        month = Number(parts[1]);
+        day = Number(parts[2]);
+        if (month >= 1 && month <= 12) {
+          if ((0, _util.isValidDay)(day)) {
+            return year + '-' + String(month).padStart(2, '0') + '-' + String(day).padStart(2, '0');
+          }
+          return year + '-' + String(month).padStart(2, '0') + '-01';
+        }
+        if ((month >= 13 || month < 1) && isNaN(day)) {
+          return year + '-' + _util.stringCurrentMonth + '-' + _util.stringCurrentDate;
+        }
+        if (!month && !day) {
+          return year + '-01-01';
+        }
+      }
+      if (str.length >= 1 && str.length <= 8) {
+        year = (0, _util.fullValidYear)(str.slice(0, 4));
+        month = str.slice(4, 6);
+        day = Number(str.slice(6, 8));
+        if (str.length === 5 && Number(month) < 1) {
+          return year + '-' + _util.stringCurrentMonth + '-' + _util.stringCurrentDate + ' ';
+        }
+        if (str.length === 6 && Number(month) < 1) {
+          return year + '-' + _util.stringCurrentMonth + '-' + _util.stringCurrentDate;
+        }
+        if (str.length === 7) {
+          if (!(0, _util.isValidDay)(day)) {
+            return year + '-' + String((0, _util.isValidMonth)(month)).padStart(2, '0') + '-' + _util.stringCurrentDate;
+          }
+          return year + '-' + String((0, _util.isValidMonth)(month)).padStart(2, '0') + '-' + String(day).padStart(2, '0'); // eslint-disable-line max-len
+        }
+        if (str.length === 8) {
+          if (!(0, _util.isValidDay)(day)) {
+            return (0, _util.isCurrentYear)(year, month, day) + '-' + String((0, _util.isValidMonth)(month)).padStart(2, '0') + '-' + _util.stringCurrentDate; // eslint-disable-line max-len
+          }
+          return (0, _util.isCurrentYear)(year, month, day) + '-' + String((0, _util.isValidMonth)(month)).padStart(2, '0') + '-' + String(day).padStart(2, '0'); // eslint-disable-line max-len
+        }
+        if (Number(month) >= 1 && Number(month) <= 12 && (0, _util.isValidDay)(day)) {
+          return year + '-' + month.padStart(2, '0') + '-' + String(day).padStart(2, '0');
+        }
+        return year + '-' + (month ? month.padStart(2, '0') : '01') + '-' + (day ? String(day).padStart(2, '0') : '01'); // eslint-disable-line max-len
+      }
+      return _util.currentYear + '/' + _util.stringCurrentMonth + '/' + _util.stringCurrentDate;
+    }
+    if (this.state.localeFormat === _util.DATE_FORMATS.US || this.state.localeFormat === _util.DATE_FORMATS.USAndTime) {
+      if (hasSpecial) {
+        month = Number(parts[0]);
+        day = Number(parts[1]);
+        year = (0, _util.fullValidYear)(parts[2]);
+        if (month >= 1 && month <= 12 && (0, _util.isValidDay)(day)) {
+          return month + '/' + day + '/' + year;
+        }
+        return _util.currentMonth + '/' + _util.currentDate + '/' + _util.currentYear;
+      }
+      if (str.length >= 1 && str.length <= 8) {
+        month = Number(str.slice(0, 2));
+        day = Number(str.slice(2, 4));
+        year = (0, _util.fullValidYear)(str.slice(4, str.length));
+        if (month >= 1 && month <= 12) {
+          if ((0, _util.isValidDay)(day)) {
+            return month + '/' + day + '/' + year;
+          }
+          if (!day) {
+            return month + '/1/' + year;
+          }
+          return _util.currentMonth + '/' + _util.currentDate + '/' + _util.currentYear;
+        }
+      }
+      return _util.currentMonth + '/' + _util.currentDate + '/' + _util.currentYear;
+    }
+    if (this.state.localeFormat === _util.DATE_FORMATS.European || this.state.localeFormat === _util.DATE_FORMATS.EuropeanAndTime || this.state.localeFormat === _util.DATE_FORMATS.Germany_Russia_etcAndTime || this.state.localeFormat === _util.DATE_FORMATS.Germany_Russia_etc) {
+      if (hasSpecial) {
+        day = parts[0];
+        month = parts[1];
+        year = (0, _util.fullValidYear)(parts[2]);
+        if ((0, _util.isValidDay)(day) && Number(month) >= 1 && Number(month) <= 12) {
+          return '' + Number(day) + delimiter + Number(month) + delimiter + year;
+        }
+        return '' + _util.currentDate + delimiter + _util.currentMonth + delimiter + _util.currentYear;
+      }
+      if (str.length >= 1 && str.length <= 8) {
+        day = Number(str.slice(0, 2));
+        var monthStr = str.slice(2, 4);
+        month = (0, _util.isValidMonth)(monthStr);
+        var yearStr = str.slice(4, str.length);
+        year = (0, _util.fullValidYear)(yearStr);
+        if (Number(monthStr) >= 1 && Number(monthStr) <= 12 && (0, _util.isValidDay)(day)) {
+          return '' + Number(day) + delimiter + Number(month) + delimiter + year;
+        }
+      }
+      return '' + _util.currentDate + delimiter + _util.currentMonth + delimiter + _util.currentYear;
+    }
+  };
+
+  DateInput.prototype.render = function render() {
+    var props = this.props;
+    var _state = this.state,
+        str = _state.str,
+        dateStr = _state.dateStr,
+        timeStr = _state.timeStr;
+    var locale = props.locale,
+        prefixCls = props.prefixCls,
+        placeholder = props.placeholder,
+        clearIcon = props.clearIcon,
+        inputMode = props.inputMode,
+        showHourAndMinute = props.showHourAndMinute;
+
+    return _react2['default'].createElement(
+      'div',
+      { className: prefixCls + '-input-wrap' },
+      showHourAndMinute ? _react2['default'].createElement(
+        'div',
+        { className: prefixCls + '-date-input-wrap', style: { display: 'flex' } },
+        _react2['default'].createElement(
+          'div',
+          null,
+          _react2['default'].createElement('input', {
+            ref: this.saveDateInput,
+            className: prefixCls + '-input',
+            value: dateStr,
+            disabled: props.disabled,
+            placeholder: placeholder.slice(0, 10),
+            onChange: this.onInputChangeDate,
+            onKeyDown: this.onKeyDown,
+            onFocus: this.onFocus,
+            onBlur: this.onBlur,
+            inputMode: inputMode
+          })
+        ),
+        _react2['default'].createElement(
+          'div',
+          null,
+          _react2['default'].createElement('input', {
+            ref: this.saveDateInput,
+            className: prefixCls + '-input',
+            value: timeStr,
+            disabled: props.disabled,
+            placeholder: 'HH:mm',
+            onChange: this.onInputChangeHourMinute,
+            onKeyDown: this.onKeyDown,
+            onFocus: this.onFocus,
+            onBlur: this.TimeBlure,
+            inputMode: inputMode
+          })
+        )
+      ) : _react2['default'].createElement(
+        'div',
+        { className: prefixCls + '-date-input-wrap', style: { display: 'flex' } },
+        _react2['default'].createElement('input', {
+          ref: this.saveDateInput,
+          className: prefixCls + '-input',
+          value: str,
+          disabled: props.disabled,
+          placeholder: placeholder,
+          onChange: this.onInputChangeAll,
+          onKeyDown: this.onKeyDown,
+          onFocus: this.onFocus,
+          onBlur: this.onBlur,
+          inputMode: inputMode
+        })
+      ),
+      props.showClear ? _react2['default'].createElement(
+        'a',
+        {
+          role: 'button',
+          title: locale.clear,
+          onClick: this.onClear
+        },
+        clearIcon || _react2['default'].createElement('span', { className: prefixCls + '-clear-btn' })
+      ) : null
+    );
+  };
+
+  return DateInput;
+}(_react2['default'].Component);
+
+DateInput.propTypes = {
+  prefixCls: _propTypes2['default'].string,
+  timePicker: _propTypes2['default'].object,
+  value: _propTypes2['default'].object,
+  disabledTime: _propTypes2['default'].any,
+  format: _propTypes2['default'].oneOfType([_propTypes2['default'].string, _propTypes2['default'].arrayOf(_propTypes2['default'].string)]),
+  locale: _propTypes2['default'].object,
+  disabledDate: _propTypes2['default'].func,
+  onChange: _propTypes2['default'].func,
+  onClear: _propTypes2['default'].func,
+  placeholder: _propTypes2['default'].string,
+  onSelect: _propTypes2['default'].func,
+  selectedValue: _propTypes2['default'].object,
+  clearIcon: _propTypes2['default'].node,
+  inputMode: _propTypes2['default'].string,
+  showHourAndMinute: _propTypes2['default'].bool,
+  onChangeCananderIput: _propTypes2['default'].func
+};
+
+var _initialiseProps = function _initialiseProps() {
+  var _this2 = this;
+
+  this.onClear = function () {
+    var _props = _this2.props,
+        showHourAndMinute = _props.showHourAndMinute,
+        onClear = _props.onClear;
+
+    if (showHourAndMinute) {
+      _this2.setState({
+        dateStr: '',
+        timeStr: ''
+      });
+    } else {
+      _this2.setState({
+        str: ''
+      });
+    }
+    onClear(null);
+  };
+
+  this.onInputChange = function (str) {
+    var cananderStr = _this2.normalizeDateInput(str, _this2.props.showHourAndMinute);
+    var _props2 = _this2.props,
+        disabledDate = _props2.disabledDate,
+        onChange = _props2.onChange,
+        selectedValue = _props2.selectedValue;
+
+    var parts = (0, _util.formatDateLocal)(cananderStr, _this2.state.localeFormat);
+    var hourMinuteStr = (0, _util.validateTime)(_this2.state.timeStr);
+    _this2.setState({ timeStr: hourMinuteStr });
+    cananderStr = cananderStr + ' ' + hourMinuteStr;
+    // 没有内容，合法并直接退出
+    if (!str) {
+      onChange(null);
+      _this2.setState({ str: str });
+      return;
+    }
+    // 不合法直接退出
+    var format = (0, _util.getDateFormatByStr)(cananderStr, _this2.state.localeFormat);
+    var parsed = (0, _dayjs2['default'])(cananderStr, format);
+    var value = _this2.props.value.clone();
+    value = value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
+
+    if (_this2.state.localeFormat === _util.DATE_FORMATS.ISO || _this2.state.localeFormat === _util.DATE_FORMATS.ISOAndTime) {
+      if (parts[0] && parts[0].length === 4 && (parts[0].slice(0, 3) === '000' || parts[0].slice(0, 2) === '00')) {
+        value.year(parts[0]);
+      }
+    }
+    if (_this2.state.localeFormat === _util.DATE_FORMATS.European || _this2.state.localeFormat === _util.DATE_FORMATS.EuropeanAndTime || _this2.state.localeFormat === _util.DATE_FORMATS.US || _this2.state.localeFormat === _util.DATE_FORMATS.USAndTime || _this2.state.localeFormat === _util.DATE_FORMATS.Germany_Russia_etc || _this2.state.localeFormat === _util.DATE_FORMATS.Germany_Russia_etcAndTime) {
+      if (parts[2] && parts[2].length === 4 && (parts[2].slice(0, 3) === '000' || parts[2].slice(0, 2) === '00')) {
+        value.year(parts[2]);
+      }
+    }
+    if (!value || disabledDate && disabledDate(value)) {
+      _this2.setState({ str: str });
+      return;
+    }
+
+    if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
+      _this2.setState({ str: str });
+      onChange(value);
+    }
+  };
+
+  this.onInputChangeAll = function (event) {
+    var str = event.target.value;
+    _this2.onInputChange(str);
+  };
+
+  this.onInputChangeDate = function (event) {
+    var dateStr = event.target.value;
+    _this2.setState({ dateStr: dateStr });
+    _this2.onInputChange(dateStr);
+  };
+
+  this.onInputChangeHourMinute = function (e) {
+    var timeStr = e.target.value;
+    _this2.setState({ timeStr: timeStr });
+  };
+
+  this.onFocus = function () {
+    _this2.setState({ hasFocus: true });
+  };
+
+  this.onBlur = function () {
+    _this2.setState(function (prevState, prevProps) {
+      return {
+        hasFocus: false,
+        str: (0, _util.formatDate)(prevProps.value, prevProps.format)
+      };
+    });
+  };
+
+  this.onKeyDown = function (event) {
+    var keyCode = event.keyCode;
+    var _props3 = _this2.props,
+        onSelect = _props3.onSelect,
+        value = _props3.value,
+        disabledDate = _props3.disabledDate;
+
+    if (keyCode === _KeyCode2['default'].ENTER && onSelect) {
+      var validateDate = !disabledDate || !disabledDate(value);
+      if (validateDate) {
+        onSelect(value.clone());
+      }
+      event.preventDefault();
+    }
+  };
+
+  this.getRootDOMNode = function () {
+    return _reactDom2['default'].findDOMNode(_this2);
+  };
+
+  this.focus = function () {
+    if (dateInputInstance) {
+      dateInputInstance.focus();
+    }
+  };
+
+  this.TimeBlure = function () {
+    var hourMinuteStr = (0, _util.validateTime)(_this2.state.timeStr);
+    _this2.setState({ timeStr: hourMinuteStr }, function () {
+      _this2.onInputChange(_this2.state.str);
+    });
+  };
+
+  this.focusTimeInput = function (timeStr) {
+    _this2.setState({ timeStr: timeStr });
+  };
+
+  this.saveDateInput = function (dateInput) {
+    dateInputInstance = dateInput;
+  };
+};
+
+(0, _reactLifecyclesCompat.polyfill)(DateInput);
+
+exports['default'] = DateInput;
+module.exports = exports['default'];