react-big-schedule 4.4.1 → 4.4.3
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/dist/components/AddMore.js +12 -19
- package/dist/components/AddMorePopover.js +31 -41
- package/dist/components/AgendaEventItem.js +22 -29
- package/dist/components/AgendaResourceEvents.js +21 -28
- package/dist/components/AgendaView.js +18 -25
- package/dist/components/BodyView.js +8 -15
- package/dist/components/DnDContext.js +23 -28
- package/dist/components/DnDSource.js +12 -17
- package/dist/components/EventItem.js +63 -71
- package/dist/components/EventItemPopover.js +38 -45
- package/dist/components/HeaderView.js +15 -23
- package/dist/components/ResourceEvents.js +41 -50
- package/dist/components/ResourceView.js +22 -29
- package/dist/components/SchedulerData.js +73 -79
- package/dist/components/SchedulerHeader.js +35 -45
- package/dist/components/SelectedArea.js +7 -14
- package/dist/components/Summary.js +13 -20
- package/dist/components/WrapperFun.js +7 -15
- package/dist/components/index.js +88 -159
- package/dist/config/default.js +6 -12
- package/dist/config/scheduler.js +8 -14
- package/dist/helper/behaviors.js +19 -24
- package/dist/helper/utility.js +2 -8
- package/dist/index.js +1 -78
- package/dist/sample-data/sample1.js +1 -7
- package/package.json +18 -19
|
@@ -1,18 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
8
|
-
var _quarterOfYear = _interopRequireDefault(require("dayjs/plugin/quarterOfYear"));
|
|
9
|
-
var _utc = _interopRequireDefault(require("dayjs/plugin/utc"));
|
|
10
|
-
var _weekday = _interopRequireDefault(require("dayjs/plugin/weekday"));
|
|
11
|
-
var _rrule = require("rrule");
|
|
12
|
-
var _scheduler = _interopRequireDefault(require("../config/scheduler"));
|
|
13
|
-
var _behaviors = _interopRequireDefault(require("../helper/behaviors"));
|
|
14
|
-
var _default = require("../config/default");
|
|
15
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
16
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
17
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -22,10 +7,18 @@ function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o =
|
|
|
22
7
|
function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
|
|
23
8
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
24
9
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
25
|
-
|
|
10
|
+
import dayjs from 'dayjs';
|
|
11
|
+
import quarterOfYear from 'dayjs/plugin/quarterOfYear';
|
|
12
|
+
import utc from 'dayjs/plugin/utc';
|
|
13
|
+
import weekday from 'dayjs/plugin/weekday';
|
|
14
|
+
import { RRuleSet, rrulestr } from 'rrule';
|
|
15
|
+
import config from '../config/scheduler';
|
|
16
|
+
import behaviors from '../helper/behaviors';
|
|
17
|
+
import { ViewType, CellUnit, DATE_FORMAT, DATETIME_FORMAT } from '../config/default';
|
|
18
|
+
var SchedulerData = /*#__PURE__*/function () {
|
|
26
19
|
function SchedulerData() {
|
|
27
|
-
var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (
|
|
28
|
-
var viewType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] :
|
|
20
|
+
var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dayjs();
|
|
21
|
+
var viewType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ViewType.Week;
|
|
29
22
|
var showAgenda = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
30
23
|
var isEventPerspective = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
31
24
|
var newConfig = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : undefined;
|
|
@@ -36,7 +29,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
36
29
|
this.eventGroups = [];
|
|
37
30
|
this.eventGroupsAutoGenerated = true;
|
|
38
31
|
this.viewType = viewType;
|
|
39
|
-
this.cellUnit = viewType ===
|
|
32
|
+
this.cellUnit = viewType === ViewType.Day ? CellUnit.Hour : CellUnit.Day;
|
|
40
33
|
this.showAgenda = showAgenda;
|
|
41
34
|
this.isEventPerspective = isEventPerspective;
|
|
42
35
|
this.resizing = false;
|
|
@@ -44,13 +37,13 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
44
37
|
this.documentWidth = 0;
|
|
45
38
|
this._shouldReloadViewType = false;
|
|
46
39
|
this.calendarPopoverLocale = undefined;
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
this.localeDayjs =
|
|
51
|
-
this.config = newConfig === undefined ?
|
|
40
|
+
dayjs.extend(quarterOfYear);
|
|
41
|
+
dayjs.extend(weekday);
|
|
42
|
+
dayjs.extend(utc);
|
|
43
|
+
this.localeDayjs = dayjs;
|
|
44
|
+
this.config = newConfig === undefined ? config : _objectSpread(_objectSpread({}, config), newConfig);
|
|
52
45
|
this._validateMinuteStep(this.config.minuteStep);
|
|
53
|
-
this.behaviors = newBehaviors === undefined ?
|
|
46
|
+
this.behaviors = newBehaviors === undefined ? behaviors : _objectSpread(_objectSpread({}, behaviors), newBehaviors);
|
|
54
47
|
this._resolveDate(0, date);
|
|
55
48
|
this._createHeaders();
|
|
56
49
|
this._createRenderData();
|
|
@@ -189,7 +182,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
189
182
|
}, {
|
|
190
183
|
key: "setDate",
|
|
191
184
|
value: function setDate() {
|
|
192
|
-
var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : (
|
|
185
|
+
var date = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : dayjs(new Date());
|
|
193
186
|
this._resolveDate(0, date);
|
|
194
187
|
this.events = [];
|
|
195
188
|
this._createHeaders();
|
|
@@ -198,29 +191,29 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
198
191
|
}, {
|
|
199
192
|
key: "setViewType",
|
|
200
193
|
value: function setViewType() {
|
|
201
|
-
var viewType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] :
|
|
194
|
+
var viewType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ViewType.Week;
|
|
202
195
|
var showAgenda = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
203
196
|
var isEventPerspective = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
204
197
|
this.showAgenda = showAgenda;
|
|
205
198
|
this.isEventPerspective = isEventPerspective;
|
|
206
|
-
this.cellUnit =
|
|
199
|
+
this.cellUnit = CellUnit.Day;
|
|
207
200
|
if (this.viewType !== viewType || this._shouldReloadViewType) {
|
|
208
201
|
var date = this.startDate;
|
|
209
|
-
if (viewType ===
|
|
202
|
+
if (viewType === ViewType.Custom || viewType === ViewType.Custom1 || viewType === ViewType.Custom2) {
|
|
210
203
|
this.viewType = viewType;
|
|
211
204
|
this._resolveDate(0, date);
|
|
212
205
|
} else {
|
|
213
206
|
if (this.viewType < viewType) {
|
|
214
|
-
if (viewType ===
|
|
207
|
+
if (viewType === ViewType.Week) {
|
|
215
208
|
this.startDate = this.localeDayjs(new Date(date)).startOf('week');
|
|
216
209
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('week');
|
|
217
|
-
} else if (viewType ===
|
|
210
|
+
} else if (viewType === ViewType.Month) {
|
|
218
211
|
this.startDate = this.localeDayjs(new Date(date)).startOf('month');
|
|
219
212
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('month');
|
|
220
|
-
} else if (viewType ===
|
|
213
|
+
} else if (viewType === ViewType.Quarter) {
|
|
221
214
|
this.startDate = this.localeDayjs(new Date(date)).startOf('quarter');
|
|
222
215
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('quarter');
|
|
223
|
-
} else if (viewType ===
|
|
216
|
+
} else if (viewType === ViewType.Year) {
|
|
224
217
|
this.startDate = this.localeDayjs(new Date(date)).startOf('year');
|
|
225
218
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('year');
|
|
226
219
|
}
|
|
@@ -237,17 +230,17 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
237
230
|
if (now >= start && now < end) {
|
|
238
231
|
date = now.startOf('day');
|
|
239
232
|
}
|
|
240
|
-
if (viewType ===
|
|
233
|
+
if (viewType === ViewType.Day) {
|
|
241
234
|
this.startDate = date;
|
|
242
235
|
this.endDate = this.startDate;
|
|
243
|
-
this.cellUnit =
|
|
244
|
-
} else if (viewType ===
|
|
236
|
+
this.cellUnit = CellUnit.Hour;
|
|
237
|
+
} else if (viewType === ViewType.Week) {
|
|
245
238
|
this.startDate = this.localeDayjs(new Date(date)).startOf('week');
|
|
246
239
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('week');
|
|
247
|
-
} else if (viewType ===
|
|
240
|
+
} else if (viewType === ViewType.Month) {
|
|
248
241
|
this.startDate = this.localeDayjs(new Date(date)).startOf('month');
|
|
249
242
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('month');
|
|
250
|
-
} else if (viewType ===
|
|
243
|
+
} else if (viewType === ViewType.Quarter) {
|
|
251
244
|
this.startDate = this.localeDayjs(new Date(date)).startOf('quarter');
|
|
252
245
|
this.endDate = this.localeDayjs(new Date(this.startDate)).endOf('quarter');
|
|
253
246
|
}
|
|
@@ -390,7 +383,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
390
383
|
}, {
|
|
391
384
|
key: "getCellMaxEvents",
|
|
392
385
|
value: function getCellMaxEvents() {
|
|
393
|
-
var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},
|
|
386
|
+
var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewType.Week, 'weekMaxEvents'), ViewType.Day, 'dayMaxEvents'), ViewType.Month, 'monthMaxEvents'), ViewType.Year, 'yearMaxEvents'), ViewType.Quarter, 'quarterMaxEvents');
|
|
394
387
|
var configProperty = viewConfigMap[this.viewType] || 'customMaxEvents';
|
|
395
388
|
return this.config[configProperty];
|
|
396
389
|
}
|
|
@@ -402,7 +395,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
402
395
|
}, {
|
|
403
396
|
key: "getSelectedDate",
|
|
404
397
|
value: function getSelectedDate() {
|
|
405
|
-
return this.selectDate.format(
|
|
398
|
+
return this.selectDate.format(DATE_FORMAT);
|
|
406
399
|
}
|
|
407
400
|
}, {
|
|
408
401
|
key: "getViewStartDate",
|
|
@@ -553,14 +546,14 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
553
546
|
if (this.showAgenda) {
|
|
554
547
|
return this.config.agendaResourceTableWidth;
|
|
555
548
|
}
|
|
556
|
-
var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},
|
|
549
|
+
var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewType.Week, 'weekResourceTableWidth'), ViewType.Day, 'dayResourceTableWidth'), ViewType.Month, 'monthResourceTableWidth'), ViewType.Year, 'yearResourceTableWidth'), ViewType.Quarter, 'quarterResourceTableWidth');
|
|
557
550
|
var configProperty = viewConfigMap[this.viewType] || 'customResourceTableWidth';
|
|
558
551
|
return this.config[configProperty];
|
|
559
552
|
}
|
|
560
553
|
}, {
|
|
561
554
|
key: "getContentCellConfigWidth",
|
|
562
555
|
value: function getContentCellConfigWidth() {
|
|
563
|
-
var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},
|
|
556
|
+
var viewConfigMap = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewType.Week, 'weekCellWidth'), ViewType.Day, 'dayCellWidth'), ViewType.Month, 'monthCellWidth'), ViewType.Year, 'yearCellWidth'), ViewType.Quarter, 'quarterCellWidth');
|
|
564
557
|
var configProperty = viewConfigMap[this.viewType] || 'customCellWidth';
|
|
565
558
|
return this.config[configProperty];
|
|
566
559
|
}
|
|
@@ -604,7 +597,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
604
597
|
var windowEnd = _this2.endDate.add(1, 'days');
|
|
605
598
|
var oldStart = _this2.localeDayjs(new Date(item.start));
|
|
606
599
|
var oldEnd = _this2.localeDayjs(new Date(item.end));
|
|
607
|
-
var rule =
|
|
600
|
+
var rule = rrulestr(item.rrule);
|
|
608
601
|
var oldDtstart;
|
|
609
602
|
var oldUntil = rule.origOptions.until || windowEnd.toDate();
|
|
610
603
|
if (rule.origOptions.dtstart) {
|
|
@@ -616,12 +609,12 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
616
609
|
}
|
|
617
610
|
|
|
618
611
|
// reload
|
|
619
|
-
rule =
|
|
612
|
+
rule = rrulestr(rule.toString());
|
|
620
613
|
if (item.exdates || item.exrule) {
|
|
621
|
-
var rruleSet = new
|
|
614
|
+
var rruleSet = new RRuleSet();
|
|
622
615
|
rruleSet.rrule(rule);
|
|
623
616
|
if (item.exrule) {
|
|
624
|
-
rruleSet.exrule(
|
|
617
|
+
rruleSet.exrule(rrulestr(item.exrule));
|
|
625
618
|
}
|
|
626
619
|
if (item.exdates) {
|
|
627
620
|
item.exdates.forEach(function (exdate) {
|
|
@@ -637,8 +630,8 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
637
630
|
recurringEventStart: item.start,
|
|
638
631
|
recurringEventEnd: item.end,
|
|
639
632
|
id: "".concat(item.id, "-").concat(index),
|
|
640
|
-
start: rule.origOptions.tzid ? _this2.localeDayjs.utc(time).utcOffset(_this2.localeDayjs(new Date()).utcOffset(), true).format(
|
|
641
|
-
end: rule.origOptions.tzid ? _this2.localeDayjs.utc(time).utcOffset(_this2.localeDayjs(new Date()).utcOffset(), true).add(oldEnd.diff(oldStart), 'ms').add(_this2.localeDayjs(new Date(oldUntil)).utcOffset() - _this2.localeDayjs(new Date(item.start)).utcOffset(), 'm').format(
|
|
633
|
+
start: rule.origOptions.tzid ? _this2.localeDayjs.utc(time).utcOffset(_this2.localeDayjs(new Date()).utcOffset(), true).format(DATETIME_FORMAT) : _this2.localeDayjs(new Date(time)).format(DATETIME_FORMAT),
|
|
634
|
+
end: rule.origOptions.tzid ? _this2.localeDayjs.utc(time).utcOffset(_this2.localeDayjs(new Date()).utcOffset(), true).add(oldEnd.diff(oldStart), 'ms').add(_this2.localeDayjs(new Date(oldUntil)).utcOffset() - _this2.localeDayjs(new Date(item.start)).utcOffset(), 'm').format(DATETIME_FORMAT) : _this2.localeDayjs(new Date(time)).add(oldEnd.diff(oldStart), 'ms').format(DATETIME_FORMAT)
|
|
642
635
|
});
|
|
643
636
|
var eventStart = _this2.localeDayjs(newEvent.start);
|
|
644
637
|
var eventEnd = _this2.localeDayjs(newEvent.end);
|
|
@@ -661,25 +654,25 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
661
654
|
_this3.endDate = _this3.startDate.endOf(unit);
|
|
662
655
|
};
|
|
663
656
|
switch (this.viewType) {
|
|
664
|
-
case
|
|
657
|
+
case ViewType.Week:
|
|
665
658
|
setStartAndEndDates('week');
|
|
666
659
|
break;
|
|
667
|
-
case
|
|
660
|
+
case ViewType.Day:
|
|
668
661
|
this.startDate = date !== undefined ? this.selectDate : this.startDate.add(num, 'days');
|
|
669
662
|
this.endDate = this.startDate;
|
|
670
663
|
break;
|
|
671
|
-
case
|
|
664
|
+
case ViewType.Month:
|
|
672
665
|
setStartAndEndDates('month');
|
|
673
666
|
break;
|
|
674
|
-
case
|
|
667
|
+
case ViewType.Quarter:
|
|
675
668
|
setStartAndEndDates('quarter');
|
|
676
669
|
break;
|
|
677
|
-
case
|
|
670
|
+
case ViewType.Year:
|
|
678
671
|
setStartAndEndDates('year');
|
|
679
672
|
break;
|
|
680
|
-
case
|
|
681
|
-
case
|
|
682
|
-
case
|
|
673
|
+
case ViewType.Custom:
|
|
674
|
+
case ViewType.Custom1:
|
|
675
|
+
case ViewType.Custom2:
|
|
683
676
|
if (this.behaviors.getCustomDateFunc !== undefined) {
|
|
684
677
|
var customDate = this.behaviors.getCustomDateFunc(this, num, date);
|
|
685
678
|
this.startDate = this.localeDayjs(customDate.startDate);
|
|
@@ -706,10 +699,10 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
706
699
|
var header = start;
|
|
707
700
|
if (this.showAgenda) {
|
|
708
701
|
headers.push({
|
|
709
|
-
time: header.format(
|
|
702
|
+
time: header.format(DATETIME_FORMAT),
|
|
710
703
|
nonWorkingTime: false
|
|
711
704
|
});
|
|
712
|
-
} else if (this.cellUnit ===
|
|
705
|
+
} else if (this.cellUnit === CellUnit.Hour) {
|
|
713
706
|
if (start.hour() === 0) {
|
|
714
707
|
start = start.add(this.config.dayStartFrom, 'hours');
|
|
715
708
|
}
|
|
@@ -730,7 +723,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
730
723
|
for (var i = 0; i < minuteSteps; i += 1) {
|
|
731
724
|
var hour = header.hour();
|
|
732
725
|
if (hour >= this.config.dayStartFrom && hour <= this.config.dayStopTo) {
|
|
733
|
-
var time = header.format(
|
|
726
|
+
var time = header.format(DATETIME_FORMAT);
|
|
734
727
|
var nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, time);
|
|
735
728
|
headers.push({
|
|
736
729
|
time: time,
|
|
@@ -740,9 +733,9 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
740
733
|
header = header.add(this.config.minuteStep, 'minutes');
|
|
741
734
|
}
|
|
742
735
|
}
|
|
743
|
-
} else if (this.cellUnit ===
|
|
736
|
+
} else if (this.cellUnit === CellUnit.Day) {
|
|
744
737
|
while (header >= start && header <= end) {
|
|
745
|
-
var _time = header.format(
|
|
738
|
+
var _time = header.format(DATETIME_FORMAT);
|
|
746
739
|
var dayOfWeek = header.weekday();
|
|
747
740
|
if (this.config.displayWeekend || dayOfWeek !== 0 && dayOfWeek !== 6) {
|
|
748
741
|
var _nonWorkingTime = this.behaviors.isNonWorkingTimeFunc(this, _time);
|
|
@@ -753,25 +746,25 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
753
746
|
}
|
|
754
747
|
header = header.add(1, 'days');
|
|
755
748
|
}
|
|
756
|
-
} else if (this.cellUnit ===
|
|
749
|
+
} else if (this.cellUnit === CellUnit.Week) {
|
|
757
750
|
while (header >= start && header <= end) {
|
|
758
|
-
var _time2 = header.format(
|
|
751
|
+
var _time2 = header.format(DATE_FORMAT);
|
|
759
752
|
headers.push({
|
|
760
753
|
time: _time2
|
|
761
754
|
});
|
|
762
755
|
header = header.add(1, 'weeks').startOf('week');
|
|
763
756
|
}
|
|
764
|
-
} else if (this.cellUnit ===
|
|
757
|
+
} else if (this.cellUnit === CellUnit.Month) {
|
|
765
758
|
while (header >= start && header <= end) {
|
|
766
|
-
var _time3 = header.format(
|
|
759
|
+
var _time3 = header.format(DATE_FORMAT);
|
|
767
760
|
headers.push({
|
|
768
761
|
time: _time3
|
|
769
762
|
});
|
|
770
763
|
header = header.add(1, 'months').startOf('month');
|
|
771
764
|
}
|
|
772
|
-
} else if (this.cellUnit ===
|
|
765
|
+
} else if (this.cellUnit === CellUnit.Year) {
|
|
773
766
|
while (header >= start && header <= end) {
|
|
774
|
-
var _time4 = header.format(
|
|
767
|
+
var _time4 = header.format(DATE_FORMAT);
|
|
775
768
|
headers.push({
|
|
776
769
|
time: _time4
|
|
777
770
|
});
|
|
@@ -832,18 +825,18 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
832
825
|
key: "_createInitHeaderEvents",
|
|
833
826
|
value: function _createInitHeaderEvents(header) {
|
|
834
827
|
var start = this.localeDayjs(new Date(header.time));
|
|
835
|
-
var startValue = start.format(
|
|
828
|
+
var startValue = start.format(DATETIME_FORMAT);
|
|
836
829
|
var endValue;
|
|
837
830
|
if (this.showAgenda) {
|
|
838
|
-
var incrementUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({},
|
|
831
|
+
var incrementUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ViewType.Day, 'days'), ViewType.Week, 'weeks'), ViewType.Month, 'months'), ViewType.Year, 'years'), ViewType.Quarter, 'quarters')[this.viewType] || 'days';
|
|
839
832
|
if (incrementUnit === 'days') {
|
|
840
|
-
endValue = this.localeDayjs(new Date(this.endDate)).add(1, 'days').format(
|
|
833
|
+
endValue = this.localeDayjs(new Date(this.endDate)).add(1, 'days').format(DATETIME_FORMAT);
|
|
841
834
|
} else {
|
|
842
|
-
endValue = start.add(1, incrementUnit).format(
|
|
835
|
+
endValue = start.add(1, incrementUnit).format(DATETIME_FORMAT);
|
|
843
836
|
}
|
|
844
837
|
} else {
|
|
845
|
-
var _incrementUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty({},
|
|
846
|
-
endValue = start.add(_incrementUnit === 'minutes' ? this.config.minuteStep : 1, _incrementUnit).format(this.cellUnit ===
|
|
838
|
+
var _incrementUnit = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, CellUnit.Hour, 'minutes'), CellUnit.Week, 'weeks'), CellUnit.Month, 'months'), CellUnit.Year, 'years')[this.cellUnit] || 'days';
|
|
839
|
+
endValue = start.add(_incrementUnit === 'minutes' ? this.config.minuteStep : 1, _incrementUnit).format(this.cellUnit === CellUnit.Year || this.cellUnit === CellUnit.Month || this.cellUnit === CellUnit.Week ? DATE_FORMAT : DATETIME_FORMAT);
|
|
847
840
|
}
|
|
848
841
|
return {
|
|
849
842
|
time: header.time,
|
|
@@ -1021,7 +1014,7 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
1021
1014
|
var windowEnd = new Date(this.endDate);
|
|
1022
1015
|
windowStart.setHours(0, 0, 0, 0);
|
|
1023
1016
|
windowEnd.setHours(23, 59, 59);
|
|
1024
|
-
if (this.viewType ===
|
|
1017
|
+
if (this.viewType === ViewType.Day) {
|
|
1025
1018
|
if (headers.length > 0) {
|
|
1026
1019
|
var day = new Date(headers[0].time);
|
|
1027
1020
|
if (day.getDate() > eventStart.getDate() && day.getDate() < eventEnd.getDate()) {
|
|
@@ -1035,17 +1028,17 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
1035
1028
|
span = Math.ceil(timeBetween(eventStart, eventEnd, 'minutes') / this.config.minuteStep);
|
|
1036
1029
|
}
|
|
1037
1030
|
}
|
|
1038
|
-
} else if (this.viewType ===
|
|
1031
|
+
} else if (this.viewType === ViewType.Week || this.viewType === ViewType.Month || this.viewType === ViewType.Quarter || this.viewType === ViewType.Year) {
|
|
1039
1032
|
var startDate = windowStart < eventStart ? eventStart : windowStart;
|
|
1040
1033
|
var endDate = windowEnd > eventEnd ? eventEnd : windowEnd;
|
|
1041
1034
|
span = Math.ceil(timeBetween(startDate, endDate, 'days'));
|
|
1042
1035
|
} else {
|
|
1043
|
-
if (this.cellUnit ===
|
|
1036
|
+
if (this.cellUnit === CellUnit.Day) {
|
|
1044
1037
|
eventEnd.setHours(23, 59, 59);
|
|
1045
1038
|
eventStart.setHours(0, 0, 0, 0);
|
|
1046
1039
|
}
|
|
1047
|
-
var timeIn = this.cellUnit ===
|
|
1048
|
-
var dividedBy = this.cellUnit ===
|
|
1040
|
+
var timeIn = this.cellUnit === CellUnit.Day ? 'days' : 'minutes';
|
|
1041
|
+
var dividedBy = this.cellUnit === CellUnit.Day ? 1 : this.config.minuteStep;
|
|
1049
1042
|
if (windowStart >= eventStart && eventEnd <= windowEnd) {
|
|
1050
1043
|
span = Math.ceil(timeBetween(windowStart, eventEnd, timeIn) / dividedBy);
|
|
1051
1044
|
} else if (windowStart > eventStart && eventEnd > windowEnd) {
|
|
@@ -1235,4 +1228,5 @@ var SchedulerData = exports["default"] = /*#__PURE__*/function () {
|
|
|
1235
1228
|
return this.resizing;
|
|
1236
1229
|
}
|
|
1237
1230
|
}]);
|
|
1238
|
-
}();
|
|
1231
|
+
}();
|
|
1232
|
+
export { SchedulerData as default };
|
|
@@ -1,27 +1,17 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
-
var _antd = require("antd");
|
|
11
|
-
var _icons = require("@ant-design/icons");
|
|
12
|
-
var _dayjs = _interopRequireDefault(require("dayjs"));
|
|
13
|
-
var _default2 = require("../config/default");
|
|
14
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
|
17
1
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
18
2
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
3
|
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
20
4
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
21
5
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
22
6
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
23
|
-
|
|
24
|
-
|
|
7
|
+
import React, { useState } from 'react';
|
|
8
|
+
import PropTypes from 'prop-types';
|
|
9
|
+
import { Col, Row, Spin, Radio, Space, Popover, Calendar } from 'antd';
|
|
10
|
+
import { RightOutlined, LeftOutlined } from '@ant-design/icons';
|
|
11
|
+
import dayjs from 'dayjs';
|
|
12
|
+
import { DATE_FORMAT } from '../config/default';
|
|
13
|
+
var RadioButton = Radio.Button;
|
|
14
|
+
var RadioGroup = Radio.Group;
|
|
25
15
|
function SchedulerHeader(_ref) {
|
|
26
16
|
var _schedulerData$getCal;
|
|
27
17
|
var onViewChange = _ref.onViewChange,
|
|
@@ -31,15 +21,15 @@ function SchedulerHeader(_ref) {
|
|
|
31
21
|
schedulerData = _ref.schedulerData,
|
|
32
22
|
leftCustomHeader = _ref.leftCustomHeader,
|
|
33
23
|
rightCustomHeader = _ref.rightCustomHeader;
|
|
34
|
-
var _useState =
|
|
24
|
+
var _useState = useState(false),
|
|
35
25
|
_useState2 = _slicedToArray(_useState, 2),
|
|
36
26
|
viewSpinning = _useState2[0],
|
|
37
27
|
setViewSpinning = _useState2[1];
|
|
38
|
-
var _useState3 =
|
|
28
|
+
var _useState3 = useState(false),
|
|
39
29
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
40
30
|
dateSpinning = _useState4[0],
|
|
41
31
|
setDateSpinning = _useState4[1];
|
|
42
|
-
var _useState5 =
|
|
32
|
+
var _useState5 = useState(false),
|
|
43
33
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
44
34
|
visible = _useState6[0],
|
|
45
35
|
setVisible = _useState6[1];
|
|
@@ -68,28 +58,28 @@ function SchedulerHeader(_ref) {
|
|
|
68
58
|
coreFunc();
|
|
69
59
|
}
|
|
70
60
|
};
|
|
71
|
-
var popover = /*#__PURE__*/
|
|
61
|
+
var popover = /*#__PURE__*/React.createElement("div", {
|
|
72
62
|
className: "popover-calendar"
|
|
73
|
-
}, /*#__PURE__*/
|
|
63
|
+
}, /*#__PURE__*/React.createElement(Calendar, {
|
|
74
64
|
locale: calendarLocale,
|
|
75
|
-
defaultValue: (
|
|
65
|
+
defaultValue: dayjs(selectDate),
|
|
76
66
|
fullscreen: false,
|
|
77
67
|
onSelect: function onSelect(date) {
|
|
78
68
|
setVisible(false);
|
|
79
|
-
handleEvents(onSelectDate, false, date.format(
|
|
69
|
+
handleEvents(onSelectDate, false, date.format(DATE_FORMAT));
|
|
80
70
|
}
|
|
81
71
|
}));
|
|
82
72
|
var radioButtonList = config.views.map(function (item) {
|
|
83
|
-
return /*#__PURE__*/
|
|
73
|
+
return /*#__PURE__*/React.createElement(RadioButton, {
|
|
84
74
|
key: "".concat(item.viewType).concat(item.showAgenda ? 1 : 0).concat(item.isEventPerspective ? 1 : 0),
|
|
85
75
|
value: "".concat(item.viewType).concat(item.showAgenda ? 1 : 0).concat(item.isEventPerspective ? 1 : 0)
|
|
86
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
87
77
|
style: {
|
|
88
78
|
margin: '0px 8px'
|
|
89
79
|
}
|
|
90
80
|
}, item.viewName));
|
|
91
81
|
});
|
|
92
|
-
return /*#__PURE__*/
|
|
82
|
+
return /*#__PURE__*/React.createElement(Row, {
|
|
93
83
|
gutter: [10, 10],
|
|
94
84
|
type: "flex",
|
|
95
85
|
align: "middle",
|
|
@@ -97,9 +87,9 @@ function SchedulerHeader(_ref) {
|
|
|
97
87
|
style: {
|
|
98
88
|
marginBottom: '24px'
|
|
99
89
|
}
|
|
100
|
-
}, leftCustomHeader, /*#__PURE__*/
|
|
90
|
+
}, leftCustomHeader, /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement("div", {
|
|
101
91
|
className: "header2-text"
|
|
102
|
-
}, /*#__PURE__*/
|
|
92
|
+
}, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LeftOutlined, {
|
|
103
93
|
type: "left",
|
|
104
94
|
style: {
|
|
105
95
|
marginRight: '8px'
|
|
@@ -108,21 +98,21 @@ function SchedulerHeader(_ref) {
|
|
|
108
98
|
onClick: function onClick() {
|
|
109
99
|
return handleEvents(goBack, false);
|
|
110
100
|
}
|
|
111
|
-
}), config.calendarPopoverEnabled ? /*#__PURE__*/
|
|
101
|
+
}), config.calendarPopoverEnabled ? /*#__PURE__*/React.createElement(Popover, {
|
|
112
102
|
content: popover,
|
|
113
103
|
placement: "bottomLeft",
|
|
114
104
|
trigger: "click",
|
|
115
105
|
open: visible,
|
|
116
106
|
onOpenChange: setVisible,
|
|
117
107
|
overlayClassName: "scheduler-header-popover"
|
|
118
|
-
}, /*#__PURE__*/
|
|
108
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
119
109
|
className: "header2-text-label",
|
|
120
110
|
style: {
|
|
121
111
|
cursor: 'pointer'
|
|
122
112
|
}
|
|
123
|
-
}, dateLabel)) : /*#__PURE__*/
|
|
113
|
+
}, dateLabel)) : /*#__PURE__*/React.createElement("span", {
|
|
124
114
|
className: "header2-text-label"
|
|
125
|
-
}, dateLabel), /*#__PURE__*/
|
|
115
|
+
}, dateLabel), /*#__PURE__*/React.createElement(RightOutlined, {
|
|
126
116
|
type: "right",
|
|
127
117
|
style: {
|
|
128
118
|
marginLeft: '8px'
|
|
@@ -131,11 +121,11 @@ function SchedulerHeader(_ref) {
|
|
|
131
121
|
onClick: function onClick() {
|
|
132
122
|
return handleEvents(goNext, false);
|
|
133
123
|
}
|
|
134
|
-
})), /*#__PURE__*/
|
|
124
|
+
})), /*#__PURE__*/React.createElement(Spin, {
|
|
135
125
|
spinning: dateSpinning
|
|
136
|
-
})))), /*#__PURE__*/
|
|
126
|
+
})))), /*#__PURE__*/React.createElement(Col, null, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Spin, {
|
|
137
127
|
spinning: viewSpinning
|
|
138
|
-
}), /*#__PURE__*/
|
|
128
|
+
}), /*#__PURE__*/React.createElement(RadioGroup, {
|
|
139
129
|
buttonStyle: "solid",
|
|
140
130
|
defaultValue: defaultValue,
|
|
141
131
|
size: "default",
|
|
@@ -145,16 +135,16 @@ function SchedulerHeader(_ref) {
|
|
|
145
135
|
}, radioButtonList))), rightCustomHeader);
|
|
146
136
|
}
|
|
147
137
|
SchedulerHeader.propTypes = {
|
|
148
|
-
onViewChange:
|
|
149
|
-
goNext:
|
|
150
|
-
goBack:
|
|
151
|
-
onSelectDate:
|
|
152
|
-
schedulerData:
|
|
153
|
-
leftCustomHeader:
|
|
154
|
-
rightCustomHeader:
|
|
138
|
+
onViewChange: PropTypes.func.isRequired,
|
|
139
|
+
goNext: PropTypes.func.isRequired,
|
|
140
|
+
goBack: PropTypes.func.isRequired,
|
|
141
|
+
onSelectDate: PropTypes.func.isRequired,
|
|
142
|
+
schedulerData: PropTypes.object.isRequired,
|
|
143
|
+
leftCustomHeader: PropTypes.object,
|
|
144
|
+
rightCustomHeader: PropTypes.object
|
|
155
145
|
};
|
|
156
146
|
SchedulerHeader.defaultProps = {
|
|
157
147
|
leftCustomHeader: null,
|
|
158
148
|
rightCustomHeader: null
|
|
159
149
|
};
|
|
160
|
-
|
|
150
|
+
export default SchedulerHeader;
|
|
@@ -1,12 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
10
3
|
function SelectedArea(_ref) {
|
|
11
4
|
var left = _ref.left,
|
|
12
5
|
width = _ref.width,
|
|
@@ -19,14 +12,14 @@ function SelectedArea(_ref) {
|
|
|
19
12
|
bottom: 0,
|
|
20
13
|
backgroundColor: config.selectedAreaColor
|
|
21
14
|
};
|
|
22
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
23
16
|
className: "selected-area",
|
|
24
17
|
style: selectedAreaStyle
|
|
25
18
|
});
|
|
26
19
|
}
|
|
27
20
|
SelectedArea.propTypes = {
|
|
28
|
-
schedulerData:
|
|
29
|
-
left:
|
|
30
|
-
width:
|
|
21
|
+
schedulerData: PropTypes.object.isRequired,
|
|
22
|
+
left: PropTypes.number.isRequired,
|
|
23
|
+
width: PropTypes.number.isRequired
|
|
31
24
|
};
|
|
32
|
-
|
|
25
|
+
export default SelectedArea;
|