@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.
- package/README.md +15 -0
- package/assets/index.css +44 -43
- package/dist/rc-calendar.css +44 -43
- package/dist/rc-calendar.css.map +1 -1
- package/dist/rc-calendar.js +1170 -5266
- package/dist/rc-calendar.js.map +1 -1
- package/dist/rc-calendar.min.css +44 -43
- package/dist/rc-calendar.min.css.map +1 -1
- package/dist/rc-calendar.min.js +1 -1
- package/es/Calendar.js +32 -10
- package/es/FullCalendar.js +2 -2
- package/es/MonthCalendar.js +8 -8
- package/es/RangeCalendar.js +4 -4
- package/es/calendar/CalendarHeader.js +2 -2
- package/es/calendar/CalendarRightPanel.js +47 -27
- package/es/date/DateConstants.js +16 -1
- package/es/date/DateInput.js +19 -42
- package/es/date/DateTBody.js +19 -11
- package/es/date/DateTHead.js +15 -8
- package/es/decade/DecadePanel.js +3 -3
- package/es/full-calendar/CalendarHeader.js +3 -3
- package/es/mixin/CalendarMixin.js +2 -2
- package/es/month/MonthTable.js +5 -5
- package/es/util/dayjs.js +17 -0
- package/es/util/index.js +451 -8
- package/es/year/YearPanel.js +5 -13
- package/index.d.ts +12 -11
- package/lib/Calendar.js +43 -11
- package/lib/FullCalendar.js +3 -3
- package/lib/MonthCalendar.js +9 -9
- package/lib/RangeCalendar.js +7 -7
- package/lib/calendar/CalendarHeader.js +2 -2
- package/lib/calendar/CalendarRightPanel.js +50 -29
- package/lib/date/DateConstants.js +16 -1
- package/lib/date/DateInput.js +20 -42
- package/lib/date/DateTBody.js +19 -11
- package/lib/date/DateTHead.js +15 -11
- package/lib/decade/DecadePanel.js +3 -3
- package/lib/full-calendar/CalendarHeader.js +3 -3
- package/lib/mixin/CalendarMixin.js +3 -3
- package/lib/month/MonthTable.js +5 -5
- package/lib/util/dayjs.js +46 -0
- package/lib/util/index.js +465 -9
- package/lib/year/YearPanel.js +5 -13
- package/package.json +7 -3
- package/HISTORY.md +0 -263
package/lib/date/DateTBody.js
CHANGED
@@ -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
|
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 <
|
108
|
-
for (jIndex = 0; 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 <
|
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 <
|
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 <
|
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: []
|
package/lib/date/DateTHead.js
CHANGED
@@ -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
|
-
|
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
|
49
|
-
for (var dateColIndex = 0; dateColIndex <
|
50
|
-
var index = (
|
51
|
-
|
52
|
-
|
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
|
32
|
+
var _dayjs = require('dayjs');
|
33
33
|
|
34
|
-
var
|
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,
|
47
|
+
ret = (0, _dayjs2['default'])();
|
48
48
|
}
|
49
49
|
return ret;
|
50
50
|
}
|
package/lib/month/MonthTable.js
CHANGED
@@ -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'];
|