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

package/lib/date/DateInput.js

@@ -40,6 +40,10 @@ var _util = require('../util');
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+var customParseFormat = require('dayjs/plugin/customParseFormat');
+
+_dayjs2['default'].extend(customParseFormat);
+
 var cachedSelectionStart = void 0;
 var cachedSelectionEnd = void 0;
 var dateInputInstance = void 0;
@@ -55,15 +59,11 @@ var DateInput = function (_React$Component) {
     _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: ''
+      localFormat: _this.props.format[0]
     };
     return _this;
   }
@@ -84,34 +84,9 @@ var DateInput = function (_React$Component) {
     // 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
-          };
-        }
-      }
+      newState = { str: (0, _util.formatDate)(selectedValue, nextProps.format) };
     }
+
     return newState;
   };
 
@@ -119,181 +94,28 @@ var DateInput = function (_React$Component) {
     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 str = this.state.str;
     var locale = props.locale,
         prefixCls = props.prefixCls,
         placeholder = props.placeholder,
         clearIcon = props.clearIcon,
-        inputMode = props.inputMode,
-        showHourAndMinute = props.showHourAndMinute;
+        inputMode = props.inputMode;
 
     return _react2['default'].createElement(
       'div',
       { className: prefixCls + '-input-wrap' },
-      showHourAndMinute ? _react2['default'].createElement(
+      _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' } },
+        { className: prefixCls + '-date-input-wrap' },
         _react2['default'].createElement('input', {
           ref: this.saveDateInput,
           className: prefixCls + '-input',
           value: str,
           disabled: props.disabled,
           placeholder: placeholder,
-          onChange: this.onInputChangeAll,
+          onChange: this.onInputChange,
           onKeyDown: this.onKeyDown,
           onFocus: this.onFocus,
           onBlur: this.onBlur,
@@ -329,65 +151,37 @@ DateInput.propTypes = {
   onSelect: _propTypes2['default'].func,
   selectedValue: _propTypes2['default'].object,
   clearIcon: _propTypes2['default'].node,
-  inputMode: _propTypes2['default'].string,
-  showHourAndMinute: _propTypes2['default'].bool,
-  onChangeCananderIput: _propTypes2['default'].func
+  inputMode: _propTypes2['default'].string
 };
 
 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);
+    _this2.setState({ str: '' });
+    _this2.props.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;
+  this.onInputChange = function (event) {
+    var str = event.target.value;
+    var calendarStr = (0, _util.initializeStr)(str, _this2.state.localFormat) || '';
+    var _props = _this2.props,
+        disabledDate = _props.disabledDate,
+        format = _props.format,
+        onChange = _props.onChange,
+        selectedValue = _props.selectedValue;
+
     // 没有内容，合法并直接退出
-    if (!str) {
+
+    if (!calendarStr) {
       onChange(null);
-      _this2.setState({ str: str });
+      _this2.setState({ str: '' });
       return;
     }
-    // 不合法直接退出
-    var format = (0, _util.getDateFormatByStr)(cananderStr, _this2.state.localeFormat);
-    var parsed = (0, _dayjs2['default'])(cananderStr, format);
+    var parsed = (0, _dayjs2['default'])(calendarStr, format[0]);
     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;
@@ -399,22 +193,6 @@ var _initialiseProps = function _initialiseProps() {
     }
   };
 
-  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 });
   };
@@ -430,10 +208,10 @@ var _initialiseProps = function _initialiseProps() {
 
   this.onKeyDown = function (event) {
     var keyCode = event.keyCode;
-    var _props3 = _this2.props,
-        onSelect = _props3.onSelect,
-        value = _props3.value,
-        disabledDate = _props3.disabledDate;
+    var _props2 = _this2.props,
+        onSelect = _props2.onSelect,
+        value = _props2.value,
+        disabledDate = _props2.disabledDate;
 
     if (keyCode === _KeyCode2['default'].ENTER && onSelect) {
       var validateDate = !disabledDate || !disabledDate(value);
@@ -454,17 +232,6 @@ var _initialiseProps = function _initialiseProps() {
     }
   };
 
-  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;
   };