@seafile/seafile-calendar 0.0.28 → 0.0.29-alpha.2
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 +1 -1
- package/package.json +1 -1
- package/assets/index.css +0 -1177
- package/dist/rc-calendar.css +0 -1179
- package/dist/rc-calendar.css.map +0 -1
- package/dist/rc-calendar.js +0 -7043
- package/dist/rc-calendar.js.map +0 -1
- package/dist/rc-calendar.min.css +0 -1179
- package/dist/rc-calendar.min.css.map +0 -1
- package/dist/rc-calendar.min.js +0 -1
- package/es/Calendar.js +0 -436
- package/es/FullCalendar.js +0 -182
- package/es/MonthCalendar.js +0 -135
- package/es/Picker.js +0 -245
- package/es/RangeCalendar.js +0 -876
- package/es/calendar/CalendarFooter.js +0 -93
- package/es/calendar/CalendarHeader.js +0 -257
- package/es/calendar/CalendarRightPanel.js +0 -121
- package/es/calendar/OkButton.js +0 -22
- package/es/calendar/TimePickerButton.js +0 -28
- package/es/calendar/TodayButton.js +0 -28
- package/es/date/DateConstants.js +0 -4
- package/es/date/DateInput.js +0 -233
- package/es/date/DateTBody.js +0 -275
- package/es/date/DateTHead.js +0 -78
- package/es/date/DateTable.js +0 -32
- package/es/decade/DecadePanel.js +0 -181
- package/es/full-calendar/CalendarHeader.js +0 -180
- package/es/index.js +0 -3
- package/es/locale/ar_EG.js +0 -27
- package/es/locale/bg_BG.js +0 -27
- package/es/locale/ca_ES.js +0 -27
- package/es/locale/cs_CZ.js +0 -27
- package/es/locale/da_DK.js +0 -27
- package/es/locale/de_DE.js +0 -27
- package/es/locale/el_GR.js +0 -27
- package/es/locale/en_GB.js +0 -27
- package/es/locale/en_US.js +0 -28
- package/es/locale/es_ES.js +0 -27
- package/es/locale/et_EE.js +0 -27
- package/es/locale/fa_IR.js +0 -27
- package/es/locale/fi_FI.js +0 -27
- package/es/locale/fr_BE.js +0 -27
- package/es/locale/fr_FR.js +0 -27
- package/es/locale/he_IL.js +0 -28
- package/es/locale/hi_IN.js +0 -28
- package/es/locale/hr_HR.js +0 -28
- package/es/locale/hu_HU.js +0 -27
- package/es/locale/id_ID.js +0 -28
- package/es/locale/is_IS.js +0 -27
- package/es/locale/it_IT.js +0 -27
- package/es/locale/ja_JP.js +0 -26
- package/es/locale/kn_IN.js +0 -28
- package/es/locale/ko_KR.js +0 -27
- package/es/locale/ku_IQ.js +0 -27
- package/es/locale/lv_LV.js +0 -27
- package/es/locale/mm_MM.js +0 -28
- package/es/locale/mn_MN.js +0 -28
- package/es/locale/ms_MY.js +0 -27
- package/es/locale/nb_NO.js +0 -27
- package/es/locale/nl_BE.js +0 -27
- package/es/locale/nl_NL.js +0 -27
- package/es/locale/pl_PL.js +0 -27
- package/es/locale/pt_BR.js +0 -27
- package/es/locale/pt_PT.js +0 -27
- package/es/locale/ro_RO.js +0 -28
- package/es/locale/ru_RU.js +0 -27
- package/es/locale/sk_SK.js +0 -27
- package/es/locale/sl_SI.js +0 -27
- package/es/locale/sr_RS.js +0 -27
- package/es/locale/sv_SE.js +0 -27
- package/es/locale/ta_IN.js +0 -28
- package/es/locale/th_TH.js +0 -27
- package/es/locale/tr_TR.js +0 -27
- package/es/locale/ug_CN.js +0 -26
- package/es/locale/uk_UA.js +0 -27
- package/es/locale/vi_VN.js +0 -28
- package/es/locale/zh_CN.js +0 -27
- package/es/locale/zh_TW.js +0 -26
- package/es/mixin/CalendarMixin.js +0 -123
- package/es/mixin/CommonMixin.js +0 -85
- package/es/month/MonthPanel.js +0 -154
- package/es/month/MonthTable.js +0 -156
- package/es/picker/placements.js +0 -35
- package/es/range-calendar/CalendarPart.js +0 -151
- package/es/util/dayjs.js +0 -17
- package/es/util/index.js +0 -105
- package/es/util/toTime.js +0 -21
- package/es/year/YearPanel.js +0 -194
- package/lib/Calendar.js +0 -499
- package/lib/FullCalendar.js +0 -221
- package/lib/MonthCalendar.js +0 -172
- package/lib/Picker.js +0 -282
- package/lib/RangeCalendar.js +0 -925
- package/lib/calendar/CalendarFooter.js +0 -134
- package/lib/calendar/CalendarHeader.js +0 -290
- package/lib/calendar/CalendarRightPanel.js +0 -145
- package/lib/calendar/OkButton.js +0 -32
- package/lib/calendar/TimePickerButton.js +0 -41
- package/lib/calendar/TodayButton.js +0 -39
- package/lib/date/DateConstants.js +0 -8
- package/lib/date/DateInput.js +0 -265
- package/lib/date/DateTBody.js +0 -302
- package/lib/date/DateTHead.js +0 -95
- package/lib/date/DateTable.js +0 -54
- package/lib/decade/DecadePanel.js +0 -207
- package/lib/full-calendar/CalendarHeader.js +0 -201
- package/lib/index.js +0 -12
- package/lib/locale/ar_EG.js +0 -31
- package/lib/locale/bg_BG.js +0 -31
- package/lib/locale/ca_ES.js +0 -31
- package/lib/locale/cs_CZ.js +0 -31
- package/lib/locale/da_DK.js +0 -31
- package/lib/locale/de_DE.js +0 -31
- package/lib/locale/el_GR.js +0 -31
- package/lib/locale/en_GB.js +0 -31
- package/lib/locale/en_US.js +0 -32
- package/lib/locale/es_ES.js +0 -31
- package/lib/locale/et_EE.js +0 -31
- package/lib/locale/fa_IR.js +0 -31
- package/lib/locale/fi_FI.js +0 -31
- package/lib/locale/fr_BE.js +0 -31
- package/lib/locale/fr_FR.js +0 -31
- package/lib/locale/he_IL.js +0 -32
- package/lib/locale/hi_IN.js +0 -32
- package/lib/locale/hr_HR.js +0 -32
- package/lib/locale/hu_HU.js +0 -31
- package/lib/locale/id_ID.js +0 -32
- package/lib/locale/is_IS.js +0 -31
- package/lib/locale/it_IT.js +0 -31
- package/lib/locale/ja_JP.js +0 -30
- package/lib/locale/kn_IN.js +0 -32
- package/lib/locale/ko_KR.js +0 -31
- package/lib/locale/ku_IQ.js +0 -31
- package/lib/locale/lv_LV.js +0 -31
- package/lib/locale/mm_MM.js +0 -32
- package/lib/locale/mn_MN.js +0 -32
- package/lib/locale/ms_MY.js +0 -31
- package/lib/locale/nb_NO.js +0 -31
- package/lib/locale/nl_BE.js +0 -31
- package/lib/locale/nl_NL.js +0 -31
- package/lib/locale/pl_PL.js +0 -31
- package/lib/locale/pt_BR.js +0 -31
- package/lib/locale/pt_PT.js +0 -31
- package/lib/locale/ro_RO.js +0 -32
- package/lib/locale/ru_RU.js +0 -31
- package/lib/locale/sk_SK.js +0 -31
- package/lib/locale/sl_SI.js +0 -31
- package/lib/locale/sr_RS.js +0 -31
- package/lib/locale/sv_SE.js +0 -31
- package/lib/locale/ta_IN.js +0 -32
- package/lib/locale/th_TH.js +0 -31
- package/lib/locale/tr_TR.js +0 -31
- package/lib/locale/ug_CN.js +0 -30
- package/lib/locale/uk_UA.js +0 -31
- package/lib/locale/vi_VN.js +0 -32
- package/lib/locale/zh_CN.js +0 -31
- package/lib/locale/zh_TW.js +0 -30
- package/lib/mixin/CalendarMixin.js +0 -153
- package/lib/mixin/CommonMixin.js +0 -106
- package/lib/month/MonthPanel.js +0 -179
- package/lib/month/MonthTable.js +0 -181
- package/lib/picker/placements.js +0 -39
- package/lib/range-calendar/CalendarPart.js +0 -184
- package/lib/util/dayjs.js +0 -46
- package/lib/util/index.js +0 -130
- package/lib/util/toTime.js +0 -28
- package/lib/year/YearPanel.js +0 -219
@@ -1,134 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
|
5
|
-
var _extends2 = require('babel-runtime/helpers/extends');
|
6
|
-
|
7
|
-
var _extends3 = _interopRequireDefault(_extends2);
|
8
|
-
|
9
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
10
|
-
|
11
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
12
|
-
|
13
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
14
|
-
|
15
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
16
|
-
|
17
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
18
|
-
|
19
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
20
|
-
|
21
|
-
var _react = require('react');
|
22
|
-
|
23
|
-
var _react2 = _interopRequireDefault(_react);
|
24
|
-
|
25
|
-
var _reactDom = require('react-dom');
|
26
|
-
|
27
|
-
var _reactDom2 = _interopRequireDefault(_reactDom);
|
28
|
-
|
29
|
-
var _propTypes = require('prop-types');
|
30
|
-
|
31
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
32
|
-
|
33
|
-
var _mapSelf = require('rc-util/lib/Children/mapSelf');
|
34
|
-
|
35
|
-
var _mapSelf2 = _interopRequireDefault(_mapSelf);
|
36
|
-
|
37
|
-
var _classnames = require('classnames');
|
38
|
-
|
39
|
-
var _classnames2 = _interopRequireDefault(_classnames);
|
40
|
-
|
41
|
-
var _TodayButton = require('../calendar/TodayButton');
|
42
|
-
|
43
|
-
var _TodayButton2 = _interopRequireDefault(_TodayButton);
|
44
|
-
|
45
|
-
var _OkButton = require('../calendar/OkButton');
|
46
|
-
|
47
|
-
var _OkButton2 = _interopRequireDefault(_OkButton);
|
48
|
-
|
49
|
-
var _TimePickerButton = require('../calendar/TimePickerButton');
|
50
|
-
|
51
|
-
var _TimePickerButton2 = _interopRequireDefault(_TimePickerButton);
|
52
|
-
|
53
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
54
|
-
|
55
|
-
var CalendarFooter = function (_React$Component) {
|
56
|
-
(0, _inherits3['default'])(CalendarFooter, _React$Component);
|
57
|
-
|
58
|
-
function CalendarFooter() {
|
59
|
-
(0, _classCallCheck3['default'])(this, CalendarFooter);
|
60
|
-
return (0, _possibleConstructorReturn3['default'])(this, _React$Component.apply(this, arguments));
|
61
|
-
}
|
62
|
-
|
63
|
-
CalendarFooter.prototype.onSelect = function onSelect(value) {
|
64
|
-
this.props.onSelect(value);
|
65
|
-
};
|
66
|
-
|
67
|
-
CalendarFooter.prototype.getRootDOMNode = function getRootDOMNode() {
|
68
|
-
return _reactDom2['default'].findDOMNode(this);
|
69
|
-
};
|
70
|
-
|
71
|
-
CalendarFooter.prototype.render = function render() {
|
72
|
-
var props = this.props;
|
73
|
-
var value = props.value,
|
74
|
-
prefixCls = props.prefixCls,
|
75
|
-
showOk = props.showOk,
|
76
|
-
timePicker = props.timePicker,
|
77
|
-
renderFooter = props.renderFooter,
|
78
|
-
mode = props.mode;
|
79
|
-
|
80
|
-
var footerEl = null;
|
81
|
-
var extraFooter = renderFooter && renderFooter(mode);
|
82
|
-
if (props.showToday || timePicker || extraFooter) {
|
83
|
-
var _cx;
|
84
|
-
|
85
|
-
var nowEl = void 0;
|
86
|
-
if (props.showToday) {
|
87
|
-
nowEl = _react2['default'].createElement(_TodayButton2['default'], (0, _extends3['default'])({}, props, { value: value }));
|
88
|
-
}
|
89
|
-
var okBtn = void 0;
|
90
|
-
if (showOk === true || showOk !== false && !!props.timePicker) {
|
91
|
-
okBtn = _react2['default'].createElement(_OkButton2['default'], props);
|
92
|
-
}
|
93
|
-
var timePickerBtn = void 0;
|
94
|
-
if (!!props.timePicker) {
|
95
|
-
timePickerBtn = _react2['default'].createElement(_TimePickerButton2['default'], props);
|
96
|
-
}
|
97
|
-
|
98
|
-
var footerBtn = void 0;
|
99
|
-
if (nowEl || timePickerBtn || okBtn || extraFooter) {
|
100
|
-
footerBtn = _react2['default'].createElement(
|
101
|
-
'span',
|
102
|
-
{ className: prefixCls + '-footer-btn' },
|
103
|
-
extraFooter,
|
104
|
-
(0, _mapSelf2['default'])([nowEl, timePickerBtn, okBtn])
|
105
|
-
);
|
106
|
-
}
|
107
|
-
var cls = (0, _classnames2['default'])(prefixCls + '-footer', (_cx = {}, _cx[prefixCls + '-footer-show-ok'] = okBtn, _cx));
|
108
|
-
footerEl = _react2['default'].createElement(
|
109
|
-
'div',
|
110
|
-
{ className: cls },
|
111
|
-
footerBtn
|
112
|
-
);
|
113
|
-
}
|
114
|
-
return footerEl;
|
115
|
-
};
|
116
|
-
|
117
|
-
return CalendarFooter;
|
118
|
-
}(_react2['default'].Component);
|
119
|
-
|
120
|
-
CalendarFooter.propTypes = {
|
121
|
-
prefixCls: _propTypes2['default'].string,
|
122
|
-
showDateInput: _propTypes2['default'].bool,
|
123
|
-
disabledTime: _propTypes2['default'].any,
|
124
|
-
timePicker: _propTypes2['default'].element,
|
125
|
-
selectedValue: _propTypes2['default'].any,
|
126
|
-
showOk: _propTypes2['default'].bool,
|
127
|
-
onSelect: _propTypes2['default'].func,
|
128
|
-
value: _propTypes2['default'].object,
|
129
|
-
renderFooter: _propTypes2['default'].func,
|
130
|
-
defaultValue: _propTypes2['default'].object,
|
131
|
-
mode: _propTypes2['default'].string
|
132
|
-
};
|
133
|
-
exports['default'] = CalendarFooter;
|
134
|
-
module.exports = exports['default'];
|
@@ -1,290 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
|
5
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
6
|
-
|
7
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
8
|
-
|
9
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
10
|
-
|
11
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
12
|
-
|
13
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
14
|
-
|
15
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
16
|
-
|
17
|
-
var _react = require('react');
|
18
|
-
|
19
|
-
var _react2 = _interopRequireDefault(_react);
|
20
|
-
|
21
|
-
var _propTypes = require('prop-types');
|
22
|
-
|
23
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
24
|
-
|
25
|
-
var _mapSelf = require('rc-util/lib/Children/mapSelf');
|
26
|
-
|
27
|
-
var _mapSelf2 = _interopRequireDefault(_mapSelf);
|
28
|
-
|
29
|
-
var _MonthPanel = require('../month/MonthPanel');
|
30
|
-
|
31
|
-
var _MonthPanel2 = _interopRequireDefault(_MonthPanel);
|
32
|
-
|
33
|
-
var _YearPanel = require('../year/YearPanel');
|
34
|
-
|
35
|
-
var _YearPanel2 = _interopRequireDefault(_YearPanel);
|
36
|
-
|
37
|
-
var _DecadePanel = require('../decade/DecadePanel');
|
38
|
-
|
39
|
-
var _DecadePanel2 = _interopRequireDefault(_DecadePanel);
|
40
|
-
|
41
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
42
|
-
|
43
|
-
function goMonth(direction) {
|
44
|
-
var next = this.props.value.clone();
|
45
|
-
next = next.add(direction, 'months');
|
46
|
-
this.props.onValueChange(next);
|
47
|
-
}
|
48
|
-
|
49
|
-
function goYear(direction) {
|
50
|
-
var next = this.props.value.clone();
|
51
|
-
next = next.add(direction, 'years');
|
52
|
-
this.props.onValueChange(next);
|
53
|
-
}
|
54
|
-
|
55
|
-
function showIf(condition, el) {
|
56
|
-
return condition ? el : null;
|
57
|
-
}
|
58
|
-
|
59
|
-
var CalendarHeader = function (_React$Component) {
|
60
|
-
(0, _inherits3['default'])(CalendarHeader, _React$Component);
|
61
|
-
|
62
|
-
function CalendarHeader(props) {
|
63
|
-
(0, _classCallCheck3['default'])(this, CalendarHeader);
|
64
|
-
|
65
|
-
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
|
66
|
-
|
67
|
-
_initialiseProps.call(_this);
|
68
|
-
|
69
|
-
_this.nextMonth = goMonth.bind(_this, 1);
|
70
|
-
_this.previousMonth = goMonth.bind(_this, -1);
|
71
|
-
_this.nextYear = goYear.bind(_this, 1);
|
72
|
-
_this.previousYear = goYear.bind(_this, -1);
|
73
|
-
|
74
|
-
_this.state = { yearPanelReferer: null };
|
75
|
-
return _this;
|
76
|
-
}
|
77
|
-
|
78
|
-
CalendarHeader.prototype.render = function render() {
|
79
|
-
var _this2 = this;
|
80
|
-
|
81
|
-
var props = this.props;
|
82
|
-
var prefixCls = props.prefixCls,
|
83
|
-
locale = props.locale,
|
84
|
-
mode = props.mode,
|
85
|
-
value = props.value,
|
86
|
-
showTimePicker = props.showTimePicker,
|
87
|
-
enableNext = props.enableNext,
|
88
|
-
enablePrev = props.enablePrev,
|
89
|
-
disabledMonth = props.disabledMonth,
|
90
|
-
renderFooter = props.renderFooter;
|
91
|
-
|
92
|
-
|
93
|
-
var panel = null;
|
94
|
-
if (mode === 'month') {
|
95
|
-
panel = _react2['default'].createElement(_MonthPanel2['default'], {
|
96
|
-
locale: locale,
|
97
|
-
value: value,
|
98
|
-
rootPrefixCls: prefixCls,
|
99
|
-
onSelect: this.onMonthSelect,
|
100
|
-
onYearPanelShow: function onYearPanelShow() {
|
101
|
-
return _this2.showYearPanel('month');
|
102
|
-
},
|
103
|
-
disabledDate: disabledMonth,
|
104
|
-
cellRender: props.monthCellRender,
|
105
|
-
contentRender: props.monthCellContentRender,
|
106
|
-
renderFooter: renderFooter,
|
107
|
-
changeYear: this.changeYear
|
108
|
-
});
|
109
|
-
}
|
110
|
-
if (mode === 'year') {
|
111
|
-
panel = _react2['default'].createElement(_YearPanel2['default'], {
|
112
|
-
locale: locale,
|
113
|
-
defaultValue: value,
|
114
|
-
rootPrefixCls: prefixCls,
|
115
|
-
onSelect: this.onYearSelect,
|
116
|
-
onDecadePanelShow: this.showDecadePanel,
|
117
|
-
renderFooter: renderFooter
|
118
|
-
});
|
119
|
-
}
|
120
|
-
if (mode === 'decade') {
|
121
|
-
panel = _react2['default'].createElement(_DecadePanel2['default'], {
|
122
|
-
locale: locale,
|
123
|
-
defaultValue: value,
|
124
|
-
rootPrefixCls: prefixCls,
|
125
|
-
onSelect: this.onDecadeSelect,
|
126
|
-
renderFooter: renderFooter
|
127
|
-
});
|
128
|
-
}
|
129
|
-
|
130
|
-
return _react2['default'].createElement(
|
131
|
-
'div',
|
132
|
-
{ className: prefixCls + '-header' },
|
133
|
-
_react2['default'].createElement(
|
134
|
-
'div',
|
135
|
-
{ style: { position: 'relative' } },
|
136
|
-
showIf(enablePrev && !showTimePicker, _react2['default'].createElement('a', {
|
137
|
-
className: prefixCls + '-prev-year-btn',
|
138
|
-
role: 'button',
|
139
|
-
onClick: this.previousYear,
|
140
|
-
title: locale.previousYear
|
141
|
-
})),
|
142
|
-
showIf(enablePrev && !showTimePicker, _react2['default'].createElement('a', {
|
143
|
-
className: prefixCls + '-prev-month-btn',
|
144
|
-
role: 'button',
|
145
|
-
onClick: this.previousMonth,
|
146
|
-
title: locale.previousMonth
|
147
|
-
})),
|
148
|
-
this.monthYearElement(showTimePicker),
|
149
|
-
showIf(enableNext && !showTimePicker, _react2['default'].createElement('a', {
|
150
|
-
className: prefixCls + '-next-month-btn',
|
151
|
-
onClick: this.nextMonth,
|
152
|
-
title: locale.nextMonth
|
153
|
-
})),
|
154
|
-
showIf(enableNext && !showTimePicker, _react2['default'].createElement('a', {
|
155
|
-
className: prefixCls + '-next-year-btn',
|
156
|
-
onClick: this.nextYear,
|
157
|
-
title: locale.nextYear
|
158
|
-
}))
|
159
|
-
),
|
160
|
-
panel
|
161
|
-
);
|
162
|
-
};
|
163
|
-
|
164
|
-
return CalendarHeader;
|
165
|
-
}(_react2['default'].Component);
|
166
|
-
|
167
|
-
CalendarHeader.propTypes = {
|
168
|
-
prefixCls: _propTypes2['default'].string,
|
169
|
-
value: _propTypes2['default'].object,
|
170
|
-
onValueChange: _propTypes2['default'].func,
|
171
|
-
showTimePicker: _propTypes2['default'].bool,
|
172
|
-
onPanelChange: _propTypes2['default'].func,
|
173
|
-
locale: _propTypes2['default'].object,
|
174
|
-
enablePrev: _propTypes2['default'].any,
|
175
|
-
enableNext: _propTypes2['default'].any,
|
176
|
-
disabledMonth: _propTypes2['default'].func,
|
177
|
-
renderFooter: _propTypes2['default'].func,
|
178
|
-
onMonthSelect: _propTypes2['default'].func
|
179
|
-
};
|
180
|
-
CalendarHeader.defaultProps = {
|
181
|
-
enableNext: 1,
|
182
|
-
enablePrev: 1,
|
183
|
-
onPanelChange: function onPanelChange() {},
|
184
|
-
onValueChange: function onValueChange() {}
|
185
|
-
};
|
186
|
-
|
187
|
-
var _initialiseProps = function _initialiseProps() {
|
188
|
-
var _this3 = this;
|
189
|
-
|
190
|
-
this.onMonthSelect = function (value) {
|
191
|
-
_this3.props.onPanelChange(value, 'date');
|
192
|
-
if (_this3.props.onMonthSelect) {
|
193
|
-
_this3.props.onMonthSelect(value);
|
194
|
-
} else {
|
195
|
-
_this3.props.onValueChange(value);
|
196
|
-
}
|
197
|
-
};
|
198
|
-
|
199
|
-
this.onYearSelect = function (value) {
|
200
|
-
var referer = _this3.state.yearPanelReferer;
|
201
|
-
_this3.setState({ yearPanelReferer: null });
|
202
|
-
_this3.props.onPanelChange(value, referer);
|
203
|
-
_this3.props.onValueChange(value);
|
204
|
-
};
|
205
|
-
|
206
|
-
this.onDecadeSelect = function (value) {
|
207
|
-
_this3.props.onPanelChange(value, 'year');
|
208
|
-
_this3.props.onValueChange(value);
|
209
|
-
};
|
210
|
-
|
211
|
-
this.changeYear = function (direction) {
|
212
|
-
if (direction > 0) {
|
213
|
-
_this3.nextYear();
|
214
|
-
} else {
|
215
|
-
_this3.previousYear();
|
216
|
-
}
|
217
|
-
};
|
218
|
-
|
219
|
-
this.monthYearElement = function (showTimePicker) {
|
220
|
-
var props = _this3.props;
|
221
|
-
var prefixCls = props.prefixCls;
|
222
|
-
var locale = props.locale;
|
223
|
-
var value = props.value;
|
224
|
-
var localeData = value.localeData();
|
225
|
-
var monthBeforeYear = locale.monthBeforeYear;
|
226
|
-
var selectClassName = prefixCls + '-' + (monthBeforeYear ? 'my-select' : 'ym-select');
|
227
|
-
var timeClassName = showTimePicker ? ' ' + prefixCls + '-time-status' : '';
|
228
|
-
var year = _react2['default'].createElement(
|
229
|
-
'a',
|
230
|
-
{
|
231
|
-
className: prefixCls + '-year-select' + timeClassName,
|
232
|
-
role: 'button',
|
233
|
-
onClick: showTimePicker ? null : function () {
|
234
|
-
return _this3.showYearPanel('date');
|
235
|
-
},
|
236
|
-
title: showTimePicker ? null : locale.yearSelect
|
237
|
-
},
|
238
|
-
value.format(locale.yearFormat)
|
239
|
-
);
|
240
|
-
var month = _react2['default'].createElement(
|
241
|
-
'a',
|
242
|
-
{
|
243
|
-
className: prefixCls + '-month-select' + timeClassName,
|
244
|
-
role: 'button',
|
245
|
-
onClick: showTimePicker ? null : _this3.showMonthPanel,
|
246
|
-
title: showTimePicker ? null : locale.monthSelect
|
247
|
-
},
|
248
|
-
locale.monthFormat ? value.format(locale.monthFormat) : localeData.monthsShort(value)
|
249
|
-
);
|
250
|
-
var day = void 0;
|
251
|
-
if (showTimePicker) {
|
252
|
-
day = _react2['default'].createElement(
|
253
|
-
'a',
|
254
|
-
{
|
255
|
-
className: prefixCls + '-day-select' + timeClassName,
|
256
|
-
role: 'button'
|
257
|
-
},
|
258
|
-
value.format(locale.dayFormat)
|
259
|
-
);
|
260
|
-
}
|
261
|
-
var my = [];
|
262
|
-
if (monthBeforeYear) {
|
263
|
-
my = [month, day, year];
|
264
|
-
} else {
|
265
|
-
my = [year, month, day];
|
266
|
-
}
|
267
|
-
return _react2['default'].createElement(
|
268
|
-
'span',
|
269
|
-
{ className: selectClassName },
|
270
|
-
(0, _mapSelf2['default'])(my)
|
271
|
-
);
|
272
|
-
};
|
273
|
-
|
274
|
-
this.showMonthPanel = function () {
|
275
|
-
// null means that users' interaction doesn't change value
|
276
|
-
_this3.props.onPanelChange(null, 'month');
|
277
|
-
};
|
278
|
-
|
279
|
-
this.showYearPanel = function (referer) {
|
280
|
-
_this3.setState({ yearPanelReferer: referer });
|
281
|
-
_this3.props.onPanelChange(null, 'year');
|
282
|
-
};
|
283
|
-
|
284
|
-
this.showDecadePanel = function () {
|
285
|
-
_this3.props.onPanelChange(null, 'decade');
|
286
|
-
};
|
287
|
-
};
|
288
|
-
|
289
|
-
exports['default'] = CalendarHeader;
|
290
|
-
module.exports = exports['default'];
|
@@ -1,145 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
|
5
|
-
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
|
6
|
-
|
7
|
-
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
|
8
|
-
|
9
|
-
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
|
10
|
-
|
11
|
-
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
|
12
|
-
|
13
|
-
var _inherits2 = require('babel-runtime/helpers/inherits');
|
14
|
-
|
15
|
-
var _inherits3 = _interopRequireDefault(_inherits2);
|
16
|
-
|
17
|
-
var _react = require('react');
|
18
|
-
|
19
|
-
var _react2 = _interopRequireDefault(_react);
|
20
|
-
|
21
|
-
var _propTypes = require('prop-types');
|
22
|
-
|
23
|
-
var _propTypes2 = _interopRequireDefault(_propTypes);
|
24
|
-
|
25
|
-
var _dayjs = require('dayjs');
|
26
|
-
|
27
|
-
var _dayjs2 = _interopRequireDefault(_dayjs);
|
28
|
-
|
29
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
30
|
-
|
31
|
-
var CalendarRightPanel = function (_React$Component) {
|
32
|
-
(0, _inherits3['default'])(CalendarRightPanel, _React$Component);
|
33
|
-
|
34
|
-
function CalendarRightPanel(props) {
|
35
|
-
(0, _classCallCheck3['default'])(this, CalendarRightPanel);
|
36
|
-
|
37
|
-
var _this = (0, _possibleConstructorReturn3['default'])(this, _React$Component.call(this, props));
|
38
|
-
|
39
|
-
_this.onSelect = function (value, event) {
|
40
|
-
_this.setState({
|
41
|
-
highlightTime: value
|
42
|
-
});
|
43
|
-
_this.props.onSelect(value);
|
44
|
-
_this.props.onClickRightPanelTime(event);
|
45
|
-
};
|
46
|
-
|
47
|
-
_this.getTimes = function () {
|
48
|
-
var times = [];
|
49
|
-
for (var i = 0; i < 24; i++) {
|
50
|
-
var str = (String(i) + ':00').padStart(5, '0');
|
51
|
-
var str1 = (String(i) + ':30').padStart(5, '0');
|
52
|
-
times.push(str);
|
53
|
-
times.push(str1);
|
54
|
-
}
|
55
|
-
return times;
|
56
|
-
};
|
57
|
-
|
58
|
-
_this.scrollUp = function () {
|
59
|
-
_this.timeRef.current.scrollBy(0, -200);
|
60
|
-
};
|
61
|
-
|
62
|
-
_this.scrollDown = function () {
|
63
|
-
_this.timeRef.current.scrollBy(0, 200);
|
64
|
-
};
|
65
|
-
|
66
|
-
_this.state = {
|
67
|
-
highlightTime: _this.props.value || null
|
68
|
-
};
|
69
|
-
_this.timeRef = _react2['default'].createRef();
|
70
|
-
_this.times = _this.getTimes();
|
71
|
-
return _this;
|
72
|
-
}
|
73
|
-
|
74
|
-
CalendarRightPanel.prototype.componentDidMount = function componentDidMount() {
|
75
|
-
var defaultMinutesTime = this.props.defaultMinutesTime;
|
76
|
-
|
77
|
-
var showTimeIndex = this.times.findIndex(function (item) {
|
78
|
-
return item >= defaultMinutesTime;
|
79
|
-
});
|
80
|
-
var scrollTimeIndex = showTimeIndex > -1 ? showTimeIndex - 1 : 16;
|
81
|
-
this.timeRef.current.scrollTo(0, 34 * scrollTimeIndex);
|
82
|
-
};
|
83
|
-
|
84
|
-
CalendarRightPanel.prototype.render = function render() {
|
85
|
-
var _this2 = this;
|
86
|
-
|
87
|
-
var _props = this.props,
|
88
|
-
value = _props.value,
|
89
|
-
prefixCls = _props.prefixCls,
|
90
|
-
locale = _props.locale;
|
91
|
-
|
92
|
-
var selectedDate = value.format().slice(0, 10);
|
93
|
-
var highlight = this.state.highlightTime;
|
94
|
-
var highlightTime = highlight ? highlight.format().slice(11, 16) : null;
|
95
|
-
var isZhcn = locale && locale.today === '今天';
|
96
|
-
return _react2['default'].createElement(
|
97
|
-
'div',
|
98
|
-
{ className: prefixCls + '-right-panel' },
|
99
|
-
_react2['default'].createElement(
|
100
|
-
'div',
|
101
|
-
{ className: prefixCls + '-right-panel-header', onClick: this.scrollUp },
|
102
|
-
_react2['default'].createElement('span', null)
|
103
|
-
),
|
104
|
-
_react2['default'].createElement(
|
105
|
-
'div',
|
106
|
-
{ className: prefixCls + '-right-panel-body', ref: this.timeRef },
|
107
|
-
_react2['default'].createElement(
|
108
|
-
'ul',
|
109
|
-
null,
|
110
|
-
this.times.map(function (time) {
|
111
|
-
var current = (0, _dayjs2['default'])(selectedDate + ' ' + time);
|
112
|
-
current = isZhcn ? current.locale('zh-cn') : current.locale('en-gb');
|
113
|
-
return _react2['default'].createElement(
|
114
|
-
'li',
|
115
|
-
{
|
116
|
-
key: time,
|
117
|
-
onClick: _this2.onSelect.bind(_this2, current),
|
118
|
-
className: '' + (highlightTime === time ? prefixCls + '-selected-time' : '')
|
119
|
-
},
|
120
|
-
time
|
121
|
-
);
|
122
|
-
})
|
123
|
-
)
|
124
|
-
),
|
125
|
-
_react2['default'].createElement(
|
126
|
-
'div',
|
127
|
-
{ className: prefixCls + '-right-panel-footer', onClick: this.scrollDown },
|
128
|
-
_react2['default'].createElement('span', null)
|
129
|
-
)
|
130
|
-
);
|
131
|
-
};
|
132
|
-
|
133
|
-
return CalendarRightPanel;
|
134
|
-
}(_react2['default'].Component);
|
135
|
-
|
136
|
-
CalendarRightPanel.propTypes = {
|
137
|
-
prefixCls: _propTypes2['default'].string,
|
138
|
-
value: _propTypes2['default'].object,
|
139
|
-
onSelect: _propTypes2['default'].func,
|
140
|
-
onClickRightPanelTime: _propTypes2['default'].func,
|
141
|
-
locale: _propTypes2['default'].object,
|
142
|
-
defaultMinutesTime: _propTypes2['default'].string
|
143
|
-
};
|
144
|
-
exports['default'] = CalendarRightPanel;
|
145
|
-
module.exports = exports['default'];
|
package/lib/calendar/OkButton.js
DELETED
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
exports["default"] = OkButton;
|
5
|
-
|
6
|
-
var _react = require("react");
|
7
|
-
|
8
|
-
var _react2 = _interopRequireDefault(_react);
|
9
|
-
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
|
12
|
-
function OkButton(_ref) {
|
13
|
-
var prefixCls = _ref.prefixCls,
|
14
|
-
locale = _ref.locale,
|
15
|
-
okDisabled = _ref.okDisabled,
|
16
|
-
onOk = _ref.onOk;
|
17
|
-
|
18
|
-
var className = prefixCls + "-ok-btn";
|
19
|
-
if (okDisabled) {
|
20
|
-
className += " " + prefixCls + "-ok-btn-disabled";
|
21
|
-
}
|
22
|
-
return _react2["default"].createElement(
|
23
|
-
"a",
|
24
|
-
{
|
25
|
-
className: className,
|
26
|
-
role: "button",
|
27
|
-
onClick: okDisabled ? null : onOk
|
28
|
-
},
|
29
|
-
locale.ok
|
30
|
-
);
|
31
|
-
}
|
32
|
-
module.exports = exports['default'];
|
@@ -1,41 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
exports['default'] = TimePickerButton;
|
5
|
-
|
6
|
-
var _react = require('react');
|
7
|
-
|
8
|
-
var _react2 = _interopRequireDefault(_react);
|
9
|
-
|
10
|
-
var _classnames2 = require('classnames');
|
11
|
-
|
12
|
-
var _classnames3 = _interopRequireDefault(_classnames2);
|
13
|
-
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
15
|
-
|
16
|
-
function TimePickerButton(_ref) {
|
17
|
-
var _classnames;
|
18
|
-
|
19
|
-
var prefixCls = _ref.prefixCls,
|
20
|
-
locale = _ref.locale,
|
21
|
-
showTimePicker = _ref.showTimePicker,
|
22
|
-
onOpenTimePicker = _ref.onOpenTimePicker,
|
23
|
-
onCloseTimePicker = _ref.onCloseTimePicker,
|
24
|
-
timePickerDisabled = _ref.timePickerDisabled;
|
25
|
-
|
26
|
-
var className = (0, _classnames3['default'])((_classnames = {}, _classnames[prefixCls + '-time-picker-btn'] = true, _classnames[prefixCls + '-time-picker-btn-disabled'] = timePickerDisabled, _classnames));
|
27
|
-
var onClick = null;
|
28
|
-
if (!timePickerDisabled) {
|
29
|
-
onClick = showTimePicker ? onCloseTimePicker : onOpenTimePicker;
|
30
|
-
}
|
31
|
-
return _react2['default'].createElement(
|
32
|
-
'a',
|
33
|
-
{
|
34
|
-
className: className,
|
35
|
-
role: 'button',
|
36
|
-
onClick: onClick
|
37
|
-
},
|
38
|
-
showTimePicker ? locale.dateSelect : locale.timeSelect
|
39
|
-
);
|
40
|
-
}
|
41
|
-
module.exports = exports['default'];
|
@@ -1,39 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
exports.__esModule = true;
|
4
|
-
exports['default'] = TodayButton;
|
5
|
-
|
6
|
-
var _react = require('react');
|
7
|
-
|
8
|
-
var _react2 = _interopRequireDefault(_react);
|
9
|
-
|
10
|
-
var _util = require('../util/');
|
11
|
-
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
|
13
|
-
|
14
|
-
function TodayButton(_ref) {
|
15
|
-
var prefixCls = _ref.prefixCls,
|
16
|
-
locale = _ref.locale,
|
17
|
-
value = _ref.value,
|
18
|
-
timePicker = _ref.timePicker,
|
19
|
-
disabled = _ref.disabled,
|
20
|
-
disabledDate = _ref.disabledDate,
|
21
|
-
onToday = _ref.onToday,
|
22
|
-
text = _ref.text;
|
23
|
-
|
24
|
-
var localeNow = (!text && timePicker ? locale.now : text) || locale.today;
|
25
|
-
var disabledToday = disabledDate && !(0, _util.isAllowedDate)((0, _util.getTodayTime)(value), disabledDate);
|
26
|
-
var isDisabled = disabledToday || disabled;
|
27
|
-
var disabledTodayClass = isDisabled ? prefixCls + '-today-btn-disabled' : '';
|
28
|
-
return _react2['default'].createElement(
|
29
|
-
'a',
|
30
|
-
{
|
31
|
-
className: prefixCls + '-today-btn ' + disabledTodayClass,
|
32
|
-
role: 'button',
|
33
|
-
onClick: isDisabled ? null : onToday,
|
34
|
-
title: (0, _util.getTodayTimeStr)(value)
|
35
|
-
},
|
36
|
-
localeNow
|
37
|
-
);
|
38
|
-
}
|
39
|
-
module.exports = exports['default'];
|