@seafile/seafile-calendar 0.0.2 → 0.0.3-Apoi0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/README.md +15 -0
  2. package/assets/index.css +44 -43
  3. package/dist/rc-calendar.css +44 -43
  4. package/dist/rc-calendar.css.map +1 -1
  5. package/dist/rc-calendar.js +1170 -5266
  6. package/dist/rc-calendar.js.map +1 -1
  7. package/dist/rc-calendar.min.css +44 -43
  8. package/dist/rc-calendar.min.css.map +1 -1
  9. package/dist/rc-calendar.min.js +1 -1
  10. package/es/Calendar.js +32 -10
  11. package/es/FullCalendar.js +2 -2
  12. package/es/MonthCalendar.js +8 -8
  13. package/es/RangeCalendar.js +4 -4
  14. package/es/calendar/CalendarHeader.js +2 -2
  15. package/es/calendar/CalendarRightPanel.js +47 -27
  16. package/es/date/DateConstants.js +16 -1
  17. package/es/date/DateInput.js +19 -42
  18. package/es/date/DateTBody.js +19 -11
  19. package/es/date/DateTHead.js +15 -8
  20. package/es/decade/DecadePanel.js +3 -3
  21. package/es/full-calendar/CalendarHeader.js +3 -3
  22. package/es/mixin/CalendarMixin.js +2 -2
  23. package/es/month/MonthTable.js +5 -5
  24. package/es/util/dayjs.js +17 -0
  25. package/es/util/index.js +451 -8
  26. package/es/year/YearPanel.js +5 -13
  27. package/index.d.ts +12 -11
  28. package/lib/Calendar.js +43 -11
  29. package/lib/FullCalendar.js +3 -3
  30. package/lib/MonthCalendar.js +9 -9
  31. package/lib/RangeCalendar.js +7 -7
  32. package/lib/calendar/CalendarHeader.js +2 -2
  33. package/lib/calendar/CalendarRightPanel.js +50 -29
  34. package/lib/date/DateConstants.js +16 -1
  35. package/lib/date/DateInput.js +20 -42
  36. package/lib/date/DateTBody.js +19 -11
  37. package/lib/date/DateTHead.js +15 -11
  38. package/lib/decade/DecadePanel.js +3 -3
  39. package/lib/full-calendar/CalendarHeader.js +3 -3
  40. package/lib/mixin/CalendarMixin.js +3 -3
  41. package/lib/month/MonthTable.js +5 -5
  42. package/lib/util/dayjs.js +46 -0
  43. package/lib/util/index.js +465 -9
  44. package/lib/year/YearPanel.js +5 -13
  45. package/package.json +7 -3
  46. package/HISTORY.md +0 -263
@@ -34,6 +34,10 @@ var _util = require('../util/');
34
34
 
35
35
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
36
36
 
37
+ var DATE_ROW_COLUMN_COUNT = _DateConstants2['default'].DATE_ROW_COLUMN_COUNT,
38
+ DAY_NAME_TO_INDEX = _DateConstants2['default'].DAY_NAME_TO_INDEX;
39
+
40
+
37
41
  function isSameDay(one, two) {
38
42
  return one && two && one.isSame(two, 'day');
39
43
  }
@@ -73,7 +77,8 @@ var DateTBody = function (_React$Component) {
73
77
  showWeekNumber = props.showWeekNumber,
74
78
  dateRender = props.dateRender,
75
79
  disabledDate = props.disabledDate,
76
- hoverValue = props.hoverValue;
80
+ hoverValue = props.hoverValue,
81
+ firstDayOfWeek = props.firstDayOfWeek;
77
82
 
78
83
  var iIndex = void 0;
79
84
  var jIndex = void 0;
@@ -96,20 +101,22 @@ var DateTBody = function (_React$Component) {
96
101
  var lastDisableClass = prefixCls + '-disabled-cell-last-of-row';
97
102
  var lastDayOfMonthClass = prefixCls + '-last-day-of-month';
98
103
  var month1 = value.clone();
99
- month1.date(1);
104
+ month1 = month1.date(1);
100
105
  var day = month1.day();
101
- var lastMonthDiffDay = (day + 7 - value.localeData().firstDayOfWeek()) % 7;
106
+ var firstDayName = typeof firstDayOfWeek === 'string' ? firstDayOfWeek[0].toUpperCase() + firstDayOfWeek.slice(1) : 'Sunday';
107
+ var firstDayIndex = DAY_NAME_TO_INDEX[firstDayName] ? DAY_NAME_TO_INDEX[firstDayName] : 0;
108
+ var lastMonthDiffDay = (day + 7 - firstDayIndex) % 7;
102
109
  // calculate last month
103
110
  var lastMonth1 = month1.clone();
104
- lastMonth1.add(0 - lastMonthDiffDay, 'days');
111
+ lastMonth1 = lastMonth1.add(0 - lastMonthDiffDay, 'days');
105
112
  var passed = 0;
106
113
 
107
- for (iIndex = 0; iIndex < _DateConstants2['default'].DATE_ROW_COUNT; iIndex++) {
108
- for (jIndex = 0; jIndex < _DateConstants2['default'].DATE_COL_COUNT; jIndex++) {
114
+ for (iIndex = 0; iIndex < DATE_ROW_COLUMN_COUNT.DATE_ROW_COUNT; iIndex++) {
115
+ for (jIndex = 0; jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT; jIndex++) {
109
116
  current = lastMonth1;
110
117
  if (passed) {
111
118
  current = current.clone();
112
- current.add(passed, 'days');
119
+ current = current.add(passed, 'days');
113
120
  }
114
121
  dateTable.push(current);
115
122
  passed++;
@@ -118,7 +125,7 @@ var DateTBody = function (_React$Component) {
118
125
  var tableHtml = [];
119
126
  passed = 0;
120
127
 
121
- for (iIndex = 0; iIndex < _DateConstants2['default'].DATE_ROW_COUNT; iIndex++) {
128
+ for (iIndex = 0; iIndex < DATE_ROW_COLUMN_COUNT.DATE_ROW_COUNT; iIndex++) {
122
129
  var _cx;
123
130
 
124
131
  var isCurrentWeek = void 0;
@@ -136,11 +143,11 @@ var DateTBody = function (_React$Component) {
136
143
  dateTable[passed].week()
137
144
  );
138
145
  }
139
- for (jIndex = 0; jIndex < _DateConstants2['default'].DATE_COL_COUNT; jIndex++) {
146
+ for (jIndex = 0; jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT; jIndex++) {
140
147
  var next = null;
141
148
  var last = null;
142
149
  current = dateTable[passed];
143
- if (jIndex < _DateConstants2['default'].DATE_COL_COUNT - 1) {
150
+ if (jIndex < DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT - 1) {
144
151
  next = dateTable[passed + 1];
145
152
  }
146
153
  if (jIndex > 0) {
@@ -290,7 +297,8 @@ DateTBody.propTypes = {
290
297
  selectedValue: _propTypes2['default'].oneOfType([_propTypes2['default'].object, _propTypes2['default'].arrayOf(_propTypes2['default'].object)]),
291
298
  value: _propTypes2['default'].object,
292
299
  hoverValue: _propTypes2['default'].any,
293
- showWeekNumber: _propTypes2['default'].bool
300
+ showWeekNumber: _propTypes2['default'].bool,
301
+ firstDayOfWeek: _propTypes2['default'].string
294
302
  };
295
303
  DateTBody.defaultProps = {
296
304
  hoverValue: []
@@ -22,12 +22,11 @@ var _DateConstants = require('./DateConstants');
22
22
 
23
23
  var _DateConstants2 = _interopRequireDefault(_DateConstants);
24
24
 
25
- var _moment = require('moment');
26
-
27
- var _moment2 = _interopRequireDefault(_moment);
28
-
29
25
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
30
26
 
27
+ var DAY_NAME_TO_INDEX = _DateConstants2['default'].DAY_NAME_TO_INDEX,
28
+ DATE_ROW_COLUMN_COUNT = _DateConstants2['default'].DATE_ROW_COLUMN_COUNT;
29
+
31
30
  var DateTHead = function (_React$Component) {
32
31
  (0, _inherits3['default'])(DateTHead, _React$Component);
33
32
 
@@ -43,14 +42,19 @@ var DateTHead = function (_React$Component) {
43
42
  var prefixCls = props.prefixCls;
44
43
  var veryShortWeekdays = [];
45
44
  var weekDays = [];
46
- var firstDayOfWeek = localeData.firstDayOfWeek();
45
+
46
+ var allWeekdaysMin = localeData.weekdaysMin();
47
+ var allWeekdaysShort = localeData.weekdaysShort();
48
+
49
+ var firstDayName = typeof props.firstDayOfWeek === 'string' ? props.firstDayOfWeek[0].toUpperCase() + props.firstDayOfWeek.slice(1) : 'Sunday';
50
+ var firstDay = DAY_NAME_TO_INDEX[firstDayName] ? DAY_NAME_TO_INDEX[firstDayName] : 0;
51
+
47
52
  var showWeekNumberEl = void 0;
48
- var now = (0, _moment2['default'])();
49
- for (var dateColIndex = 0; dateColIndex < _DateConstants2['default'].DATE_COL_COUNT; dateColIndex++) {
50
- var index = (firstDayOfWeek + dateColIndex) % _DateConstants2['default'].DATE_COL_COUNT;
51
- now.day(index);
52
- veryShortWeekdays[dateColIndex] = localeData.weekdaysMin(now);
53
- weekDays[dateColIndex] = localeData.weekdaysShort(now);
53
+ var dateColumnCount = DATE_ROW_COLUMN_COUNT.DATE_COL_COUNT;
54
+ for (var dateColIndex = 0; dateColIndex < dateColumnCount; dateColIndex++) {
55
+ var index = (firstDay + dateColIndex) % dateColumnCount;
56
+ veryShortWeekdays[dateColIndex] = allWeekdaysMin[index];
57
+ weekDays[dateColIndex] = allWeekdaysShort[index];
54
58
  }
55
59
 
56
60
  if (props.showWeekNumber) {
@@ -34,7 +34,7 @@ var COL = 3;
34
34
 
35
35
  function goYear(direction) {
36
36
  var next = this.state.value.clone();
37
- next.add(direction, 'years');
37
+ next = next.add(direction, 'years');
38
38
  this.setState({
39
39
  value: next
40
40
  });
@@ -42,8 +42,8 @@ function goYear(direction) {
42
42
 
43
43
  function chooseDecade(year, event) {
44
44
  var next = this.state.value.clone();
45
- next.year(year);
46
- next.month(this.state.value.month());
45
+ next = next.year(year);
46
+ next = next.month(this.state.value.month());
47
47
  this.props.onSelect(next);
48
48
  event.preventDefault();
49
49
  }
@@ -38,13 +38,13 @@ var CalendarHeader = function (_Component) {
38
38
 
39
39
  CalendarHeader.prototype.onYearChange = function onYearChange(year) {
40
40
  var newValue = this.props.value.clone();
41
- newValue.year(parseInt(year, 10));
41
+ newValue = newValue.year(parseInt(year, 10));
42
42
  this.props.onValueChange(newValue);
43
43
  };
44
44
 
45
45
  CalendarHeader.prototype.onMonthChange = function onMonthChange(month) {
46
46
  var newValue = this.props.value.clone();
47
- newValue.month(parseInt(month, 10));
47
+ newValue = newValue.month(parseInt(month, 10));
48
48
  this.props.onValueChange(newValue);
49
49
  };
50
50
 
@@ -90,7 +90,7 @@ var CalendarHeader = function (_Component) {
90
90
  var Select = props.Select;
91
91
 
92
92
  for (var index = 0; index < 12; index++) {
93
- t.month(index);
93
+ t = t.month(index);
94
94
  options.push(_react2['default'].createElement(
95
95
  Select.Option,
96
96
  { key: '' + index },
@@ -29,9 +29,9 @@ var _classnames = require('classnames');
29
29
 
30
30
  var _classnames2 = _interopRequireDefault(_classnames);
31
31
 
32
- var _moment = require('moment');
32
+ var _dayjs = require('dayjs');
33
33
 
34
- var _moment2 = _interopRequireDefault(_moment);
34
+ var _dayjs2 = _interopRequireDefault(_dayjs);
35
35
 
36
36
  var _index = require('../util/index');
37
37
 
@@ -44,7 +44,7 @@ function getNowByCurrentStateValue(value) {
44
44
  if (value) {
45
45
  ret = (0, _index.getTodayTime)(value);
46
46
  } else {
47
- ret = (0, _moment2['default'])();
47
+ ret = (0, _dayjs2['default'])();
48
48
  }
49
49
  return ret;
50
50
  }
@@ -35,7 +35,7 @@ var COL = 3;
35
35
 
36
36
  function chooseMonth(month) {
37
37
  var next = this.state.value.clone();
38
- next.month(month);
38
+ next = next.month(month);
39
39
  this.setAndSelectValue(next);
40
40
  }
41
41
 
@@ -78,7 +78,7 @@ var MonthTable = function (_Component) {
78
78
  for (var rowIndex = 0; rowIndex < ROW; rowIndex++) {
79
79
  months[rowIndex] = [];
80
80
  for (var colIndex = 0; colIndex < COL; colIndex++) {
81
- current.month(index);
81
+ current = current.month(index);
82
82
  var content = (0, _index.getMonthName)(current);
83
83
  months[rowIndex][colIndex] = {
84
84
  value: index,
@@ -111,20 +111,20 @@ var MonthTable = function (_Component) {
111
111
  var disabled = false;
112
112
  if (props.disabledDate) {
113
113
  var testValue = value.clone();
114
- testValue.month(monthData.value);
114
+ testValue = testValue.month(monthData.value);
115
115
  disabled = props.disabledDate(testValue);
116
116
  }
117
117
  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);
118
118
  var cellEl = void 0;
119
119
  if (cellRender) {
120
120
  var currentValue = value.clone();
121
- currentValue.month(monthData.value);
121
+ currentValue = currentValue.month(monthData.value);
122
122
  cellEl = cellRender(currentValue, locale);
123
123
  } else {
124
124
  var content = void 0;
125
125
  if (contentRender) {
126
126
  var _currentValue = value.clone();
127
- _currentValue.month(monthData.value);
127
+ _currentValue = _currentValue.month(monthData.value);
128
128
  content = contentRender(_currentValue, locale);
129
129
  } else {
130
130
  content = monthData.content;
@@ -0,0 +1,46 @@
1
+ 'use strict';
2
+
3
+ exports.__esModule = true;
4
+
5
+ var _dayjs = require('dayjs');
6
+
7
+ var _dayjs2 = _interopRequireDefault(_dayjs);
8
+
9
+ var _localeData = require('dayjs/plugin/localeData');
10
+
11
+ var _localeData2 = _interopRequireDefault(_localeData);
12
+
13
+ var _weekOfYear = require('dayjs/plugin/weekOfYear');
14
+
15
+ var _weekOfYear2 = _interopRequireDefault(_weekOfYear);
16
+
17
+ var _utc = require('dayjs/plugin/utc');
18
+
19
+ var _utc2 = _interopRequireDefault(_utc);
20
+
21
+ var _advancedFormat = require('dayjs/plugin/advancedFormat');
22
+
23
+ var _advancedFormat2 = _interopRequireDefault(_advancedFormat);
24
+
25
+ var _customParseFormat = require('dayjs/plugin/customParseFormat');
26
+
27
+ var _customParseFormat2 = _interopRequireDefault(_customParseFormat);
28
+
29
+ var _badMutable = require('dayjs/plugin/badMutable');
30
+
31
+ var _badMutable2 = _interopRequireDefault(_badMutable);
32
+
33
+ require('dayjs/locale/zh-cn');
34
+
35
+ require('dayjs/locale/en-gb');
36
+
37
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
38
+
39
+ _dayjs2['default'].extend(_localeData2['default']);
40
+ _dayjs2['default'].extend(_weekOfYear2['default']);
41
+ _dayjs2['default'].extend(_utc2['default']);
42
+ _dayjs2['default'].extend(_advancedFormat2['default']);
43
+ _dayjs2['default'].extend(_customParseFormat2['default']);
44
+ _dayjs2['default'].extend(_badMutable2['default']);
45
+ exports['default'] = _dayjs2['default'];
46
+ module.exports = exports['default'];