@seafile/seafile-calendar 0.0.88899 → 0.1.1

package/es/date/DateTBody.js

@@ -5,8 +5,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import DateConstants from './DateConstants';
-import { getTitleString, getTodayTime } from '../util/';
-import dayjs from 'dayjs';
+import { getTitleString, getTodayTime, syncCurrentTime } from '../util/';
 
 var DATE_ROW_COLUMN_COUNT = DateConstants.DATE_ROW_COLUMN_COUNT,
     DAY_NAME_TO_INDEX = DateConstants.DAY_NAME_TO_INDEX;
@@ -122,11 +121,7 @@ var DateTBody = function (_React$Component) {
       for (jIndex = 0; jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT; jIndex++) {
         var next = null;
         var last = null;
-        if (currentStatus === 'todayTime') {
-          current = dateTable[passed].hour(dayjs().hour()).minute(dayjs().minute()).second(dayjs().second()); // eslint-disable-line max-len
-        } else {
-          current = dateTable[passed];
-        }
+        current = syncCurrentTime(dateTable[passed], currentStatus);
         if (jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT - 1) {
           next = dateTable[passed + 1];
         }

package/es/util/index.js

@@ -27,6 +27,18 @@ export var DATE_FORMATS = {
   Germany_Russia_etcAndTime: 'DD.MM.YYYY HH:mm'
 };
 
+export var CALENDAR_STATUS = {
+  SPECIFIC_TIME: 'specific_time',
+  CURRENT_TIME: 'current_time'
+};
+
+export var syncCurrentTime = function syncCurrentTime(date, status) {
+  if (status === CALENDAR_STATUS.CURRENT_TIME) {
+    return date.hour(dayjs().hour()).minute(dayjs().minute()).second(dayjs().second());
+  }
+  return date;
+};
+
 var defaultDisabledTime = {
   disabledHours: function disabledHours() {
     return [];

package/lib/Calendar.js

@@ -109,7 +109,7 @@ var Calendar = function (_React$Component) {
       mode: _this.props.mode || 'date',
       value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || (0, _dayjs2['default'])(),
       selectedValue: props.selectedValue || props.defaultSelectedValue,
-      currentStatus: 'selectDateTime'
+      currentStatus: _util.CALENDAR_STATUS.SPECIFIC_TIME
     };
     return _this;
   }
@@ -427,7 +427,7 @@ var _initialiseProps = function _initialiseProps() {
   this.onClear = function () {
     _this2.onSelect(null);
     _this2.props.onClear();
-    _this2.setState({ currentStatus: 'todayTime' });
+    _this2.setState({ currentStatus: _util.CALENDAR_STATUS.CURRENT_TIME });
   };
 
   this.onOk = function () {
@@ -454,7 +454,7 @@ var _initialiseProps = function _initialiseProps() {
     var timePicker = _this2.props.timePicker;
     var selectedValue = _this2.state.selectedValue;
 
-    _this2.setState({ currentStatus: 'selectDateTime' });
+    _this2.setState({ currentStatus: _util.CALENDAR_STATUS.SPECIFIC_TIME });
     if (!selectedValue && timePicker) {
       var timePickerDefaultValue = timePicker.props.defaultValue;
       if (timePickerDefaultValue) {

package/lib/date/DateInput.js

@@ -63,11 +63,20 @@ var DateInput = function (_React$Component) {
     _this.state = {
       str: (0, _util.formatDate)(selectedValue, _this.props.format),
       hasFocus: false,
+      isInputEmpty: false,
       localFormat: _this.props.format[0]
     };
     return _this;
   }
 
+  DateInput.prototype.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+
+    setTimeout(function () {
+      _this2.focus();
+    }, 100);
+  };
+
   DateInput.prototype.componentDidUpdate = function componentDidUpdate() {
     if (dateInputInstance && this.state.hasFocus && !(cachedSelectionStart === 0 && cachedSelectionEnd === 0)) {
       dateInputInstance.setSelectionRange(cachedSelectionStart, cachedSelectionEnd);
@@ -119,10 +128,11 @@ var DateInput = function (_React$Component) {
           onKeyDown: this.onKeyDown,
           onFocus: this.onFocus,
           onBlur: this.onBlur,
-          inputMode: inputMode
+          inputMode: inputMode,
+          tabIndex: '0'
         })
       ),
-      props.showClear ? _react2['default'].createElement(
+      props.showClear && _react2['default'].createElement(
         'a',
         {
           role: 'button',
@@ -130,7 +140,7 @@ var DateInput = function (_React$Component) {
           onClick: this.onClear
         },
         clearIcon || _react2['default'].createElement('span', { className: prefixCls + '-clear-btn' })
-      ) : null
+      )
     );
   };
 
@@ -155,48 +165,55 @@ DateInput.propTypes = {
 };
 
 var _initialiseProps = function _initialiseProps() {
-  var _this2 = this;
+  var _this3 = this;
 
   this.onClear = function () {
-    _this2.setState({ str: '' });
-    _this2.props.onClear(null);
+    _this3.setState({ str: '' });
+    _this3.props.onClear(null);
   };
 
   this.onInputChange = function (event) {
     var str = event.target.value;
-    var calendarStr = (0, _util.initializeStr)(str, _this2.state.localFormat) || '';
-    var _props = _this2.props,
+    var calendarStr = (0, _util.initializeStr)(str, _this3.state.localFormat) || '';
+    var _props = _this3.props,
         disabledDate = _props.disabledDate,
         format = _props.format,
         onChange = _props.onChange,
         selectedValue = _props.selectedValue;
+
     // 没有内容，合法并直接退出
 
     if (!str || !calendarStr) {
-      _this2.onClear();
+      _this3.setState({ isInputEmpty: true });
+      _this3.onClear();
       return;
     }
+
+    if (_this3.state.isInputEmpty) {
+      _this3.setState({ isInputEmpty: false });
+    }
+
     var parsed = (0, _dayjs2['default'])(calendarStr, format[0]);
-    var value = _this2.props.value.clone();
+    var value = _this3.props.value.clone();
     value = value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
 
     if (!value || disabledDate && disabledDate(value)) {
-      _this2.setState({ str: str });
+      _this3.setState({ str: str });
       return;
     }
 
     if (selectedValue !== value || selectedValue && value && !selectedValue.isSame(value)) {
-      _this2.setState({ str: str });
+      _this3.setState({ str: str });
       onChange(value);
     }
   };
 
   this.onFocus = function () {
-    _this2.setState({ hasFocus: true });
+    _this3.setState({ hasFocus: true });
   };
 
   this.onBlur = function () {
-    _this2.setState(function (prevState, prevProps) {
+    _this3.setState(function (prevState, prevProps) {
       return {
         hasFocus: false,
         str: (0, _util.formatDate)(prevProps.value, prevProps.format)
@@ -206,7 +223,7 @@ var _initialiseProps = function _initialiseProps() {
 
   this.onKeyDown = function (event) {
     var keyCode = event.keyCode;
-    var _props2 = _this2.props,
+    var _props2 = _this3.props,
         onSelect = _props2.onSelect,
         value = _props2.value,
         disabledDate = _props2.disabledDate;
@@ -214,14 +231,18 @@ var _initialiseProps = function _initialiseProps() {
     if (keyCode === _KeyCode2['default'].ENTER && onSelect) {
       var validateDate = !disabledDate || !disabledDate(value);
       if (validateDate) {
-        onSelect(value.clone());
+        if (_this3.state.isInputEmpty) {
+          onSelect(null);
+        } else {
+          onSelect(value.clone());
+        }
       }
       event.preventDefault();
     }
   };
 
   this.getRootDOMNode = function () {
-    return _reactDom2['default'].findDOMNode(_this2);
+    return _reactDom2['default'].findDOMNode(_this3);
   };
 
   this.focus = function () {

package/lib/date/DateTBody.js

@@ -32,10 +32,6 @@ var _DateConstants2 = _interopRequireDefault(_DateConstants);
 
 var _util = require('../util/');
 
-var _dayjs = require('dayjs');
-
-var _dayjs2 = _interopRequireDefault(_dayjs);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
 var DATE_ROW_COLUMN_COUNT = _DateConstants2['default'].DATE_ROW_COLUMN_COUNT,
@@ -151,11 +147,7 @@ var DateTBody = function (_React$Component) {
       for (jIndex = 0; jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT; jIndex++) {
         var next = null;
         var last = null;
-        if (currentStatus === 'todayTime') {
-          current = dateTable[passed].hour((0, _dayjs2['default'])().hour()).minute((0, _dayjs2['default'])().minute()).second((0, _dayjs2['default'])().second()); // eslint-disable-line max-len
-        } else {
-          current = dateTable[passed];
-        }
+        current = (0, _util.syncCurrentTime)(dateTable[passed], currentStatus);
         if (jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT - 1) {
           next = dateTable[passed + 1];
         }

package/lib/util/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 exports.__esModule = true;
-exports.isLeapYear = exports.DATE_FORMATS = exports.getCurrentTime = exports.getCurrentYear = exports.getCurrentMonth = exports.getCurrentDate = undefined;
+exports.isLeapYear = exports.syncCurrentTime = exports.CALENDAR_STATUS = exports.DATE_FORMATS = exports.getCurrentTime = exports.getCurrentYear = exports.getCurrentMonth = exports.getCurrentDate = undefined;
 
 var _extends2 = require('babel-runtime/helpers/extends');
 
@@ -62,6 +62,18 @@ var DATE_FORMATS = exports.DATE_FORMATS = {
   Germany_Russia_etcAndTime: 'DD.MM.YYYY HH:mm'
 };
 
+var CALENDAR_STATUS = exports.CALENDAR_STATUS = {
+  SPECIFIC_TIME: 'specific_time',
+  CURRENT_TIME: 'current_time'
+};
+
+var syncCurrentTime = exports.syncCurrentTime = function syncCurrentTime(date, status) {
+  if (status === CALENDAR_STATUS.CURRENT_TIME) {
+    return date.hour((0, _dayjs2['default'])().hour()).minute((0, _dayjs2['default'])().minute()).second((0, _dayjs2['default'])().second());
+  }
+  return date;
+};
+
 var defaultDisabledTime = {
   disabledHours: function disabledHours() {
     return [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/seafile-calendar",
-  "version": "0.0.88899",
+  "version": "0.1.1",
   "description": "React Calendar",
   "keywords": [
     "react",
@@ -48,6 +48,7 @@
     "lint": "rc-tools run lint",
     "test": "jest",
     "types": "tslint *.ts{,x} && tsc",
+    "prepublishOnly": "npm run compile",
     "coverage": "jest --coverage"
   },
   "jest": {
@@ -68,13 +69,13 @@
   "devDependencies": {
     "@types/react": "^16.3.13",
     "async": "~3.1.0",
+    "chokidar": "^4.0.3",
     "dtslint": "^0.9.0",
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
     "enzyme-to-json": "^3.3.1",
     "jest": "^22.1.4",
     "mockdate": "^2.0.1",
-    "pre-commit": "1.x",
     "rc-dialog": "^7.0.0",
     "rc-select": "^9.1.5",
     "rc-time-picker": "^3.1.0",
@@ -85,9 +86,6 @@
     "tslint": "^5.9.1",
     "typescript": "^3.4.1"
   },
-  "pre-commit": [
-    "lint"
-  ],
   "dependencies": {
     "babel-runtime": "6.x",
     "classnames": "2.x",