@seafile/seafile-calendar 0.0.15 → 0.0.18

package/es/MonthCalendar.js

@@ -10,7 +10,7 @@ import CalendarHeader from './calendar/CalendarHeader';
 import CalendarFooter from './calendar/CalendarFooter';
 import { calendarMixinWrapper, calendarMixinPropTypes, calendarMixinDefaultProps } from './mixin/CalendarMixin';
 import { commonMixinWrapper, propType, defaultProp } from './mixin/CommonMixin';
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 var MonthCalendar = function (_React$Component) {
   _inherits(MonthCalendar, _React$Component);
@@ -30,26 +30,26 @@ var MonthCalendar = function (_React$Component) {
       switch (keyCode) {
         case KeyCode.DOWN:
           value = stateValue.clone();
-          value.add(3, 'months');
+          value = value.add(3, 'months');
           break;
         case KeyCode.UP:
           value = stateValue.clone();
-          value.add(-3, 'months');
+          value = value.add(-3, 'months');
           break;
         case KeyCode.LEFT:
           value = stateValue.clone();
           if (ctrlKey) {
-            value.add(-1, 'years');
+            value = value.add(-1, 'years');
           } else {
-            value.add(-1, 'months');
+            value = value.add(-1, 'months');
           }
           break;
         case KeyCode.RIGHT:
           value = stateValue.clone();
           if (ctrlKey) {
-            value.add(1, 'years');
+            value = value.add(1, 'years');
           } else {
-            value.add(1, 'months');
+            value = value.add(1, 'months');
           }
           break;
         case KeyCode.ENTER:
@@ -76,7 +76,7 @@ var MonthCalendar = function (_React$Component) {
 
     _this.state = {
       mode: 'month',
-      value: props.value || props.defaultValue || moment(),
+      value: props.value || props.defaultValue || dayjs(),
       selectedValue: props.selectedValue || props.defaultSelectedValue
     };
     return _this;

package/es/RangeCalendar.js

@@ -4,7 +4,7 @@ import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructo
 import _inherits from 'babel-runtime/helpers/inherits';
 import React from 'react';
 import PropTypes from 'prop-types';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import classnames from 'classnames';
 import { polyfill } from 'react-lifecycles-compat';
 import KeyCode from 'rc-util/es/KeyCode';
@@ -55,7 +55,7 @@ function normalizeAnchor(props, init) {
   var selectedValue = props.selectedValue || init && props.defaultSelectedValue;
   var value = props.value || init && props.defaultValue;
   var normalizedValue = value ? getValueFromSelectedValue(value) : getValueFromSelectedValue(selectedValue);
-  return !isEmptyArray(normalizedValue) ? normalizedValue : init && [moment(), moment().add(1, 'months')];
+  return !isEmptyArray(normalizedValue) ? normalizedValue : init && [dayjs(), dayjs().add(1, 'months')];
 }
 
 function generateOptions(length, extraOptionGen) {
@@ -414,7 +414,7 @@ var _initialiseProps = function _initialiseProps() {
       var nextHoverValue = void 0;
 
       if (!firstSelectedValue) {
-        currentHoverTime = hoverValue[0] || selectedValue[0] || value[0] || moment();
+        currentHoverTime = hoverValue[0] || selectedValue[0] || value[0] || dayjs();
         nextHoverTime = func(currentHoverTime);
         nextHoverValue = [nextHoverTime];
         _this2.fireHoverValueChange(nextHoverValue);
@@ -804,7 +804,7 @@ var _initialiseProps = function _initialiseProps() {
 
     // 尚未选择过时间，直接输入的话
     if (!_this2.state.selectedValue[0] || !_this2.state.selectedValue[1]) {
-      var startValue = selectedValue[0] || moment();
+      var startValue = selectedValue[0] || dayjs();
       var endValue = selectedValue[1] || startValue.clone().add(1, 'months');
       _this2.setState({
         selectedValue: selectedValue,

package/es/calendar/CalendarHeader.js

@@ -10,13 +10,13 @@ import DecadePanel from '../decade/DecadePanel';
 
 function goMonth(direction) {
   var next = this.props.value.clone();
-  next.add(direction, 'months');
+  next = next.add(direction, 'months');
   this.props.onValueChange(next);
 }
 
 function goYear(direction) {
   var next = this.props.value.clone();
-  next.add(direction, 'years');
+  next = next.add(direction, 'years');
   this.props.onValueChange(next);
 }
 

package/es/calendar/CalendarRightPanel.js

@@ -3,7 +3,7 @@ import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructo
 import _inherits from 'babel-runtime/helpers/inherits';
 import React from 'react';
 import PropTypes from 'prop-types';
-import moment from 'moment';
+import dayjs from 'dayjs';
 
 var CalendarRightPanel = function (_React$Component) {
   _inherits(CalendarRightPanel, _React$Component);
@@ -13,6 +13,14 @@ var CalendarRightPanel = function (_React$Component) {
 
     var _this = _possibleConstructorReturn(this, _React$Component.call(this, props));
 
+    _this.onSelect = function (value) {
+      _this.setState({
+        highlightTime: value
+      });
+      _this.props.onSelect(value);
+      _this.props.onClickRightPanelTime();
+    };
+
     _this.getTimes = function () {
       var times = [];
       for (var i = 0; i < 24; i++) {
@@ -24,14 +32,6 @@ var CalendarRightPanel = function (_React$Component) {
       return times;
     };
 
-    _this.onSelect = function (value) {
-      _this.setState({
-        highlightTime: value
-      });
-      _this.props.onSelect(value);
-      _this.props.onClickRightPanelTime();
-    };
-
     _this.scrollUp = function () {
       _this.timeRef.current.scrollBy(0, -200);
     };
@@ -51,11 +51,9 @@ var CalendarRightPanel = function (_React$Component) {
   CalendarRightPanel.prototype.componentDidMount = function componentDidMount() {
     var defaultMinutesTime = this.props.defaultMinutesTime;
 
-
     var showTimeIndex = this.times.findIndex(function (item) {
       return item === defaultMinutesTime;
     });
-
     var scrollTimeIndex = showTimeIndex > -1 ? showTimeIndex : 16;
     this.timeRef.current.scrollTo(0, 34 * scrollTimeIndex);
   };
@@ -69,7 +67,6 @@ var CalendarRightPanel = function (_React$Component) {
         locale = _props.locale;
 
     var selectedDate = value.format().slice(0, 10);
-
     var highlight = this.state.highlightTime;
     var highlightTime = highlight ? highlight.format().slice(11, 16) : null;
     var isZhcn = locale && locale.today === '今天';
@@ -88,7 +85,7 @@ var CalendarRightPanel = function (_React$Component) {
           'ul',
           null,
           this.times.map(function (time) {
-            var current = moment(selectedDate + ' ' + time);
+            var current = dayjs(selectedDate + ' ' + time);
             current = isZhcn ? current.locale('zh-cn') : current.locale('en-gb');
             return React.createElement(
               'li',

package/es/date/DateInput.js

@@ -6,7 +6,7 @@ import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import KeyCode from 'rc-util/es/KeyCode';
 import { polyfill } from 'react-lifecycles-compat';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { formatDate } from '../util';
 
 var cachedSelectionStart = void 0;
@@ -155,7 +155,7 @@ var _initialiseProps = function _initialiseProps() {
     }
 
     // 不合法直接退出
-    var parsed = moment(str, format, true);
+    var parsed = dayjs(str, format, true);
     if (!parsed.isValid()) {
       _this2.setState({
         invalid: true,
@@ -165,7 +165,7 @@ var _initialiseProps = function _initialiseProps() {
     }
 
     var value = _this2.props.value.clone();
-    value.year(parsed.year()).month(parsed.month()).date(parsed.date()).hour(parsed.hour()).minute(parsed.minute()).second(parsed.second());
+    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({

package/es/date/DateTBody.js

@@ -70,7 +70,7 @@ var DateTBody = function (_React$Component) {
     var lastDisableClass = prefixCls + '-disabled-cell-last-of-row';
     var lastDayOfMonthClass = prefixCls + '-last-day-of-month';
     var month1 = value.clone();
-    month1.date(1);
+    month1 = month1.date(1);
     var day = month1.day();
     // const firstDayOfWeek = value.localeData().firstDayOfWeek();
     // We set Sunday(7) as the first day of the week in seafile-calendar.
@@ -78,7 +78,7 @@ var DateTBody = function (_React$Component) {
     var lastMonthDiffDay = (day + 7 - firstDayOfWeek) % 7;
     // calculate last month
     var lastMonth1 = month1.clone();
-    lastMonth1.add(0 - lastMonthDiffDay, 'days');
+    lastMonth1 = lastMonth1.add(0 - lastMonthDiffDay, 'days');
     var passed = 0;
 
     for (iIndex = 0; iIndex < DateConstants.DATE_ROW_COUNT; iIndex++) {
@@ -86,7 +86,7 @@ var DateTBody = function (_React$Component) {
         current = lastMonth1;
         if (passed) {
           current = current.clone();
-          current.add(passed, 'days');
+          current = current.add(passed, 'days');
         }
         dateTable.push(current);
         passed++;

package/es/date/DateTHead.js

@@ -1,9 +1,7 @@
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+import _classCallCheck from "babel-runtime/helpers/classCallCheck";
+import _possibleConstructorReturn from "babel-runtime/helpers/possibleConstructorReturn";
+import _inherits from "babel-runtime/helpers/inherits";
 import React from 'react';
-import DateConstants from './DateConstants';
-import moment from 'moment';
 
 var DateTHead = function (_React$Component) {
   _inherits(DateTHead, _React$Component);
@@ -19,56 +17,55 @@ var DateTHead = function (_React$Component) {
     var value = props.value;
     var localeData = value.localeData();
     var prefixCls = props.prefixCls;
-    var veryShortWeekdays = [];
-    var weekDays = [];
+    // const veryShortWeekdays = [];
+    // const weekDays = [];
     // const firstDayOfWeek = localeData.firstDayOfWeek();
     // We set Sunday(7) as the first day of the week in seafile-calendar.
-    var firstDayOfWeek = 7;
     var showWeekNumberEl = void 0;
-    var now = moment();
-    for (var dateColIndex = 0; dateColIndex < DateConstants.DATE_COL_COUNT; dateColIndex++) {
-      var index = (firstDayOfWeek + dateColIndex) % DateConstants.DATE_COL_COUNT;
-      now.day(index);
-      veryShortWeekdays[dateColIndex] = localeData.weekdaysMin(now);
-      weekDays[dateColIndex] = localeData.weekdaysShort(now);
-    }
-
+    // for (let dateColIndex = 0; dateColIndex < DateConstants.DATE_COL_COUNT; dateColIndex++) {
+    //   const index = (firstDayOfWeek + dateColIndex) % DateConstants.DATE_COL_COUNT;
+    //   now.day(index);
+    //   veryShortWeekdays[dateColIndex] = localeData.weekdaysMin();
+    //   weekDays[dateColIndex] = localeData.weekdaysShort();
+    // }
+    var veryShortWeekdays = localeData.weekdaysMin();
+    var weekDays = localeData.weekdaysShort();
     if (props.showWeekNumber) {
       showWeekNumberEl = React.createElement(
-        'th',
+        "th",
         {
-          role: 'columnheader',
-          className: prefixCls + '-column-header ' + prefixCls + '-week-number-header'
+          role: "columnheader",
+          className: prefixCls + "-column-header " + prefixCls + "-week-number-header"
         },
         React.createElement(
-          'span',
-          { className: prefixCls + '-column-header-inner' },
-          'x'
+          "span",
+          { className: prefixCls + "-column-header-inner" },
+          "x"
         )
       );
     }
     var weekDaysEls = weekDays.map(function (day, xindex) {
       return React.createElement(
-        'th',
+        "th",
         {
           key: xindex,
-          role: 'columnheader',
+          role: "columnheader",
           title: day,
-          className: prefixCls + '-column-header'
+          className: prefixCls + "-column-header"
         },
         React.createElement(
-          'span',
-          { className: prefixCls + '-column-header-inner' },
+          "span",
+          { className: prefixCls + "-column-header-inner" },
           veryShortWeekdays[xindex]
         )
       );
     });
     return React.createElement(
-      'thead',
+      "thead",
       null,
       React.createElement(
-        'tr',
-        { role: 'row' },
+        "tr",
+        { role: "row" },
         showWeekNumberEl,
         weekDaysEls
       )

package/es/decade/DecadePanel.js

@@ -9,7 +9,7 @@ import classnames from 'classnames';
 
 function goYear(direction) {
   var next = this.state.value.clone();
-  next.add(direction, 'years');
+  next = next.add(direction, 'years');
   this.setState({
     value: next
   });
@@ -17,8 +17,8 @@ function goYear(direction) {
 
 function chooseDecade(year, event) {
   var next = this.state.value.clone();
-  next.year(year);
-  next.month(this.state.value.month());
+  next = next.year(year);
+  next = next.month(this.state.value.month());
   this.props.onSelect(next);
   event.preventDefault();
 }

package/es/full-calendar/CalendarHeader.js

@@ -18,13 +18,13 @@ var CalendarHeader = function (_Component) {
 
   CalendarHeader.prototype.onYearChange = function onYearChange(year) {
     var newValue = this.props.value.clone();
-    newValue.year(parseInt(year, 10));
+    newValue = newValue.year(parseInt(year, 10));
     this.props.onValueChange(newValue);
   };
 
   CalendarHeader.prototype.onMonthChange = function onMonthChange(month) {
     var newValue = this.props.value.clone();
-    newValue.month(parseInt(month, 10));
+    newValue = newValue.month(parseInt(month, 10));
     this.props.onValueChange(newValue);
   };
 
@@ -70,7 +70,7 @@ var CalendarHeader = function (_Component) {
     var Select = props.Select;
 
     for (var index = 0; index < 12; index++) {
-      t.month(index);
+      t = t.month(index);
       options.push(React.createElement(
         Select.Option,
         { key: '' + index },

package/es/mixin/CalendarMixin.js

@@ -4,7 +4,7 @@ import _inherits from 'babel-runtime/helpers/inherits';
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { isAllowedDate, getTodayTime } from '../util/index';
 
 function noop() {}
@@ -14,7 +14,7 @@ export function getNowByCurrentStateValue(value) {
   if (value) {
     ret = getTodayTime(value);
   } else {
-    ret = moment();
+    ret = dayjs();
   }
   return ret;
 }

package/es/month/MonthTable.js

@@ -11,7 +11,7 @@ var COL = 3;
 
 function chooseMonth(month) {
   var next = this.state.value.clone();
-  next.month(month);
+  next = next.month(month);
   this.setAndSelectValue(next);
 }
 
@@ -54,7 +54,7 @@ var MonthTable = function (_Component) {
     for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
       months[rowIndex] = [];
       for (var colIndex = 0; colIndex < COL; colIndex++) {
-        current.month(index);
+        current = current.month(index);
         var content = getMonthName(current);
         months[rowIndex][colIndex] = {
           value: index,
@@ -87,20 +87,20 @@ var MonthTable = function (_Component) {
         var disabled = false;
         if (props.disabledDate) {
           var testValue = value.clone();
-          testValue.month(monthData.value);
+          testValue = testValue.month(monthData.value);
           disabled = props.disabledDate(testValue);
         }
         var classNameMap = (_classNameMap = {}, _classNameMap[prefixCls + '-cell'] = 1, _classNameMap[prefixCls + '-cell-disabled'] = disabled, _classNameMap[prefixCls + '-selected-cell'] = monthData.value === currentMonth, _classNameMap[prefixCls + '-current-cell'] = today.year() === value.year() && monthData.value === today.month(), _classNameMap);
         var cellEl = void 0;
         if (cellRender) {
           var currentValue = value.clone();
-          currentValue.month(monthData.value);
+          currentValue = currentValue.month(monthData.value);
           cellEl = cellRender(currentValue, locale);
         } else {
           var content = void 0;
           if (contentRender) {
             var _currentValue = value.clone();
-            _currentValue.month(monthData.value);
+            _currentValue = _currentValue.month(monthData.value);
             content = contentRender(_currentValue, locale);
           } else {
             content = monthData.content;

package/es/util/dayjs.js

@@ -0,0 +1,17 @@
+import dayjs from 'dayjs';
+import localeData from 'dayjs/plugin/localeData';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import utc from 'dayjs/plugin/utc';
+import advancedFormat from 'dayjs/plugin/advancedFormat';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import badMutable from 'dayjs/plugin/badMutable';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/en-gb';
+
+dayjs.extend(localeData);
+dayjs.extend(weekOfYear);
+dayjs.extend(utc);
+dayjs.extend(advancedFormat);
+dayjs.extend(customParseFormat);
+dayjs.extend(badMutable);
+export default dayjs;

package/es/util/index.js

@@ -1,5 +1,8 @@
 import _extends from 'babel-runtime/helpers/extends';
-import moment from 'moment';
+import dayjs from 'dayjs';
+import utc from 'dayjs/plugin/utc';
+
+dayjs.extend(utc);
 
 var defaultDisabledTime = {
   disabledHours: function disabledHours() {
@@ -14,8 +17,8 @@ var defaultDisabledTime = {
 };
 
 export function getTodayTime(value) {
-  var today = moment();
-  today.locale(value.locale()).utcOffset(value.utcOffset());
+  var today = dayjs();
+  today = today.locale(value.locale()).utcOffset(value.utcOffset());
   return today;
 }
 
@@ -35,11 +38,11 @@ export function getMonthName(month) {
 }
 
 export function syncTime(from, to) {
-  if (!moment.isMoment(from) || !moment.isMoment(to)) return;
-  to.hour(from.hour());
-  to.minute(from.minute());
-  to.second(from.second());
-  to.millisecond(from.millisecond());
+  if (!dayjs.isDayjs(from) || !dayjs.isDayjs(to)) return;
+  to = to.hour(from.hour());
+  to = to.minute(from.minute());
+  to = to.second(from.second());
+  to = to.millisecond(from.millisecond());
 }
 
 export function getTimeConfig(value, disabledTime) {

package/es/year/YearPanel.js

@@ -9,7 +9,7 @@ var COL = 3;
 
 function goYear(direction) {
   var value = this.state.value.clone();
-  value.add(direction, 'year');
+  value = value.add(direction, 'year');
   this.setState({
     value: value
   });
@@ -17,8 +17,8 @@ function goYear(direction) {
 
 function chooseYear(year) {
   var value = this.state.value.clone();
-  value.year(year);
-  value.month(this.state.value.month());
+  value = value.year(year);
+  value = value.month(this.state.value.month());
   this.setState({
     value: value
   });

package/index.d.ts

@@ -4,7 +4,7 @@
 // Definitions: https://github.com/react-component/calendar
 
 import * as React from 'react';
-import { Moment } from 'moment';
+import { Dayjs } from 'dayjs';
 
 export type Mode = 'time' | 'date' | 'month' | 'year' | 'decade';
 
@@ -12,9 +12,9 @@ export interface Props {
   prefixCls?: string;
   className?: string;
   style?: React.CSSProperties;
-  defaultValue?: Moment;
-  value?: Moment;
-  selectedValue?: Moment;
+  defaultValue?: Dayjs;
+  value?: Dayjs;
+  selectedValue?: Dayjs;
   mode?: Mode;
   locale?: object;
   format?: string | string[];
@@ -22,18 +22,18 @@ export interface Props {
   showWeekNumber?: boolean;
   showToday?: boolean;
   showOk?: boolean;
-  onSelect?: (date: Moment) => void;
+  onSelect?: (date: Dayjs) => void;
   onOk?: () => void;
   onKeyDown?: () => void;
   onClickRightPanelTime?: () => void;
   timePicker?: React.ReactNode;
   dateInputPlaceholder?: string;
   onClear?: () => void;
-  onChange?: (date: Moment | null) => void;
-  onPanelChange?: (date: Moment | null, mode: Mode) => void;
-  disabledDate?: (current: Moment | undefined) => boolean;
-  disabledTime?: (current: Moment | undefined) => object;
-  dateRender?: (current: Moment, value: Moment) => React.ReactNode;
+  onChange?: (date: Dayjs | null) => void;
+  onPanelChange?: (date: Dayjs | null, mode: Mode) => void;
+  disabledDate?: (current: Dayjs | undefined) => boolean;
+  disabledTime?: (current: Dayjs | undefined) => object;
+  dateRender?: (current: Dayjs, value: Dayjs) => React.ReactNode;
   renderFooter?: () => React.ReactNode;
   renderSidebar?: () => React.ReactNode;
   inputMode?: string;

package/lib/Calendar.js

@@ -36,6 +36,10 @@ var _KeyCode2 = _interopRequireDefault(_KeyCode);
 
 var _reactLifecyclesCompat = require('react-lifecycles-compat');
 
+var _dayjs = require('dayjs');
+
+var _dayjs2 = _interopRequireDefault(_dayjs);
+
 var _DateTable = require('./date/DateTable');
 
 var _DateTable2 = _interopRequireDefault(_DateTable);
@@ -64,16 +68,28 @@ var _util = require('./util');
 
 var _toTime = require('./util/toTime');
 
-var _moment = require('moment');
+var _localeData = require('dayjs/plugin/localeData');
+
+var _localeData2 = _interopRequireDefault(_localeData);
+
+var _utc = require('dayjs/plugin/utc');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _utc2 = _interopRequireDefault(_utc);
+
+var _weekOfYear = require('dayjs/plugin/weekOfYear');
+
+var _weekOfYear2 = _interopRequireDefault(_weekOfYear);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
+_dayjs2['default'].extend(_utc2['default']);
+_dayjs2['default'].extend(_localeData2['default']);
+_dayjs2['default'].extend(_weekOfYear2['default']);
+
 function noop() {}
 
 var getMomentObjectIfValid = function getMomentObjectIfValid(date) {
-  if (_moment2['default'].isMoment(date) && date.isValid()) {
+  if (_dayjs2['default'].isDayjs(date) && date.isValid()) {
     return date;
   }
   return false;
@@ -91,7 +107,7 @@ var Calendar = function (_React$Component) {
 
     _this.state = {
       mode: _this.props.mode || 'date',
-      value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || (0, _moment2['default'])(),
+      value: getMomentObjectIfValid(props.value) || getMomentObjectIfValid(props.defaultValue) || (0, _dayjs2['default'])(),
       selectedValue: props.selectedValue || props.defaultSelectedValue
     };
     return _this;

package/lib/FullCalendar.js

@@ -44,9 +44,9 @@ var _CalendarHeader = require('./full-calendar/CalendarHeader');
 
 var _CalendarHeader2 = _interopRequireDefault(_CalendarHeader);
 
-var _moment = require('moment');
+var _dayjs = require('dayjs');
 
-var _moment2 = _interopRequireDefault(_moment);
+var _dayjs2 = _interopRequireDefault(_dayjs);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
 
@@ -69,7 +69,7 @@ var FullCalendar = function (_React$Component) {
 
     _this.state = {
       type: type,
-      value: props.value || props.defaultValue || (0, _moment2['default'])(),
+      value: props.value || props.defaultValue || (0, _dayjs2['default'])(),
       selectedValue: props.selectedValue || props.defaultSelectedValue
     };
     return _this;