react-big-schedule 4.4.3 → 4.4.4-beta-4
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/LICENSE +20 -20
- package/README.md +1052 -1052
- package/dist/components/AddMore.js +19 -12
- package/dist/components/AddMorePopover.js +41 -31
- package/dist/components/AgendaEventItem.js +29 -22
- package/dist/components/AgendaResourceEvents.js +28 -21
- package/dist/components/AgendaView.js +25 -18
- package/dist/components/BodyView.js +17 -8
- package/dist/components/DnDContext.js +28 -23
- package/dist/components/DnDSource.js +17 -12
- package/dist/components/EventItem.js +59 -51
- package/dist/components/EventItemPopover.js +45 -38
- package/dist/components/HeaderView.js +23 -15
- package/dist/components/ResourceEvents.js +53 -43
- package/dist/components/ResourceView.js +29 -22
- package/dist/components/SchedulerData.js +80 -74
- package/dist/components/SchedulerHeader.js +45 -35
- package/dist/components/SelectedArea.js +14 -7
- package/dist/components/Summary.js +20 -13
- package/dist/components/WrapperFun.js +15 -7
- package/dist/components/index.js +165 -89
- package/dist/config/default.js +12 -6
- package/dist/config/scheduler.js +14 -8
- package/dist/css/style.css +257 -257
- package/dist/helper/behaviors.js +25 -20
- package/dist/helper/utility.js +8 -3
- package/dist/index.d.ts +378 -378
- package/dist/index.js +78 -1
- package/dist/sample-data/sample1.js +7 -1
- package/package.json +96 -94
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _antd = require("antd");
|
|
8
|
+
var _propTypes = require("prop-types");
|
|
9
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _default2 = require("../config/default");
|
|
11
|
+
var _EventItemPopover = _interopRequireDefault(require("./EventItemPopover"));
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
1
15
|
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); }
|
|
2
16
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
3
17
|
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
@@ -15,13 +29,7 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
|
|
|
15
29
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
16
30
|
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
17
31
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
18
|
-
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); }
|
|
19
|
-
/* eslint-disable no-return-assign */
|
|
20
|
-
import React, { Component } from 'react';
|
|
21
|
-
import { PropTypes } from 'prop-types';
|
|
22
|
-
import { Popover } from 'antd';
|
|
23
|
-
import EventItemPopover from './EventItemPopover';
|
|
24
|
-
import { DnDTypes, CellUnit, DATETIME_FORMAT } from '../config/default';
|
|
32
|
+
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); } /* eslint-disable jsx-a11y/no-static-element-interactions */ /* eslint-disable jsx-a11y/click-events-have-key-events */ /* eslint-disable jsx-a11y/anchor-is-valid */ /* eslint-disable no-return-assign */
|
|
25
33
|
var stopDragHelper = function stopDragHelper(_ref) {
|
|
26
34
|
var count = _ref.count,
|
|
27
35
|
cellUnit = _ref.cellUnit,
|
|
@@ -35,15 +43,15 @@ var stopDragHelper = function stopDragHelper(_ref) {
|
|
|
35
43
|
var i = 0;
|
|
36
44
|
var result = value;
|
|
37
45
|
return new Promise(function (resolve) {
|
|
38
|
-
if (count !== 0 && cellUnit !== CellUnit.Hour && config.displayWeekend === false) {
|
|
46
|
+
if (count !== 0 && cellUnit !== _default2.CellUnit.Hour && config.displayWeekend === false) {
|
|
39
47
|
while (whileTrue) {
|
|
40
48
|
i = count > 0 ? i + 1 : i - 1;
|
|
41
49
|
var date = localeDayjs(new Date(eventItem[dragType])).add(i, 'days');
|
|
42
|
-
var dayOfWeek = date.
|
|
50
|
+
var dayOfWeek = date.day();
|
|
43
51
|
if (dayOfWeek !== 0 && dayOfWeek !== 6) {
|
|
44
52
|
tCount = count > 0 ? tCount + 1 : tCount - 1;
|
|
45
53
|
if (tCount === count) {
|
|
46
|
-
result = date.format(DATETIME_FORMAT);
|
|
54
|
+
result = date.format(_default2.DATETIME_FORMAT);
|
|
47
55
|
break;
|
|
48
56
|
}
|
|
49
57
|
}
|
|
@@ -208,7 +216,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
208
216
|
}
|
|
209
217
|
count = (sign > 0 ? Math.floor(Math.abs(deltaX) / cellWidth) : Math.ceil(Math.abs(deltaX) / cellWidth)) * sign;
|
|
210
218
|
if (newWidth < minWidth) count = rightIndex - leftIndex - 1;else if (newWidth > maxWidth) count = -leftIndex;
|
|
211
|
-
newStart = localeDayjs(new Date(eventItem.start)).add(cellUnit === CellUnit.Hour ? count * config.minuteStep : count, cellUnit === CellUnit.Hour ? 'minutes' : 'days').format(DATETIME_FORMAT);
|
|
219
|
+
newStart = localeDayjs(new Date(eventItem.start)).add(cellUnit === _default2.CellUnit.Hour ? count * config.minuteStep : count, cellUnit === _default2.CellUnit.Hour ? 'minutes' : 'days').format(_default2.DATETIME_FORMAT);
|
|
212
220
|
_context.next = 34;
|
|
213
221
|
return stopDragHelper({
|
|
214
222
|
count: count,
|
|
@@ -243,7 +251,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
243
251
|
width: width
|
|
244
252
|
});
|
|
245
253
|
if (conflictOccurred !== undefined) {
|
|
246
|
-
conflictOccurred(schedulerData, 'StartResize', eventItem, DnDTypes.EVENT, slotId, slotName, newStart, eventItem.end);
|
|
254
|
+
conflictOccurred(schedulerData, 'StartResize', eventItem, _default2.DnDTypes.EVENT, slotId, slotName, newStart, eventItem.end);
|
|
247
255
|
} else {
|
|
248
256
|
console.log('Conflict occurred, set conflictOccurred func in Scheduler to handle it');
|
|
249
257
|
}
|
|
@@ -365,7 +373,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
365
373
|
}
|
|
366
374
|
count = (sign < 0 ? Math.floor(Math.abs(deltaX) / cellWidth) : Math.ceil(Math.abs(deltaX) / cellWidth)) * sign;
|
|
367
375
|
if (newWidth < minWidth) count = leftIndex - rightIndex + 1;else if (newWidth > maxWidth) count = headers.length - rightIndex;
|
|
368
|
-
newEnd = localeDayjs(new Date(eventItem.end)).add(cellUnit === CellUnit.Hour ? count * config.minuteStep : count, cellUnit === CellUnit.Hour ? 'minutes' : 'days').format(DATETIME_FORMAT);
|
|
376
|
+
newEnd = localeDayjs(new Date(eventItem.end)).add(cellUnit === _default2.CellUnit.Hour ? count * config.minuteStep : count, cellUnit === _default2.CellUnit.Hour ? 'minutes' : 'days').format(_default2.DATETIME_FORMAT);
|
|
369
377
|
_context2.next = 34;
|
|
370
378
|
return stopDragHelper({
|
|
371
379
|
dragType: 'end',
|
|
@@ -401,7 +409,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
401
409
|
width: width
|
|
402
410
|
});
|
|
403
411
|
if (conflictOccurred !== undefined) {
|
|
404
|
-
conflictOccurred(schedulerData, 'EndResize', eventItem, DnDTypes.EVENT, slotId, slot ? slot.name : null, eventItem.start, newEnd);
|
|
412
|
+
conflictOccurred(schedulerData, 'EndResize', eventItem, _default2.DnDTypes.EVENT, slotId, slot ? slot.name : null, eventItem.start, newEnd);
|
|
405
413
|
} else {
|
|
406
414
|
console.error('Conflict occurred, set conflictOccurred func in Scheduler to handle it');
|
|
407
415
|
}
|
|
@@ -483,7 +491,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
483
491
|
_this.endResizer = undefined;
|
|
484
492
|
_this.supportTouch = false; // 'ontouchstart' in window;
|
|
485
493
|
|
|
486
|
-
_this.eventItemRef = /*#__PURE__*/
|
|
494
|
+
_this.eventItemRef = /*#__PURE__*/_react["default"].createRef();
|
|
487
495
|
_this._isMounted = false;
|
|
488
496
|
return _this;
|
|
489
497
|
}
|
|
@@ -543,7 +551,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
543
551
|
var bgColor = config.defaultEventBgColor;
|
|
544
552
|
if (eventItem.bgColor) bgColor = eventItem.bgColor;
|
|
545
553
|
var titleText = schedulerData.behaviors.getEventTextFunc(schedulerData, eventItem);
|
|
546
|
-
var content = /*#__PURE__*/
|
|
554
|
+
var content = /*#__PURE__*/_react["default"].createElement(_EventItemPopover["default"], _extends({}, this.props, {
|
|
547
555
|
eventItem: eventItem,
|
|
548
556
|
title: eventItem.title,
|
|
549
557
|
startTime: eventItem.start,
|
|
@@ -552,28 +560,28 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
552
560
|
}));
|
|
553
561
|
var start = localeDayjs(new Date(eventItem.start));
|
|
554
562
|
var eventTitle = isInPopover ? "".concat(start.format('HH:mm'), " ").concat(titleText) : titleText;
|
|
555
|
-
var startResizeDiv = /*#__PURE__*/
|
|
556
|
-
if (startResizable(this.props)) startResizeDiv = /*#__PURE__*/
|
|
563
|
+
var startResizeDiv = /*#__PURE__*/_react["default"].createElement("div", null);
|
|
564
|
+
if (startResizable(this.props)) startResizeDiv = /*#__PURE__*/_react["default"].createElement("div", {
|
|
557
565
|
className: "event-resizer event-start-resizer",
|
|
558
566
|
ref: function ref(_ref6) {
|
|
559
567
|
return _this2.startResizer = _ref6;
|
|
560
568
|
}
|
|
561
569
|
});
|
|
562
|
-
var endResizeDiv = /*#__PURE__*/
|
|
563
|
-
if (endResizable(this.props)) endResizeDiv = /*#__PURE__*/
|
|
570
|
+
var endResizeDiv = /*#__PURE__*/_react["default"].createElement("div", null);
|
|
571
|
+
if (endResizable(this.props)) endResizeDiv = /*#__PURE__*/_react["default"].createElement("div", {
|
|
564
572
|
className: "event-resizer event-end-resizer",
|
|
565
573
|
ref: function ref(_ref7) {
|
|
566
574
|
return _this2.endResizer = _ref7;
|
|
567
575
|
}
|
|
568
576
|
});
|
|
569
|
-
var eventItemTemplate = /*#__PURE__*/
|
|
577
|
+
var eventItemTemplate = /*#__PURE__*/_react["default"].createElement("div", {
|
|
570
578
|
className: "".concat(roundCls, " event-item"),
|
|
571
579
|
key: eventItem.id,
|
|
572
580
|
style: {
|
|
573
581
|
height: config.eventItemHeight,
|
|
574
582
|
backgroundColor: bgColor
|
|
575
583
|
}
|
|
576
|
-
}, /*#__PURE__*/
|
|
584
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
577
585
|
style: {
|
|
578
586
|
marginLeft: '10px',
|
|
579
587
|
lineHeight: "".concat(config.eventItemHeight, "px")
|
|
@@ -582,7 +590,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
582
590
|
if (eventItemTemplateResolver !== undefined) {
|
|
583
591
|
eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, bgColor, isStart, isEnd, 'event-item', config.eventItemHeight, undefined);
|
|
584
592
|
}
|
|
585
|
-
var a = /*#__PURE__*/
|
|
593
|
+
var a = /*#__PURE__*/_react["default"].createElement("a", {
|
|
586
594
|
className: "timeline-event",
|
|
587
595
|
ref: this.eventItemRef,
|
|
588
596
|
onMouseMove: isPopoverPlacementMousePosition ? this.handleMouseMove : undefined,
|
|
@@ -631,9 +639,9 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
631
639
|
mousePositionPlacement = _getMousePositionOpti.mousePositionPlacement;
|
|
632
640
|
var aItem = config.dragAndDropEnabled ? connectDragPreview(connectDragSource(a)) : a;
|
|
633
641
|
if (isDragging ? null : schedulerData._isResizing() || config.eventItemPopoverEnabled === false || eventItem.showPopover === false) {
|
|
634
|
-
return /*#__PURE__*/
|
|
642
|
+
return /*#__PURE__*/_react["default"].createElement("div", null, aItem);
|
|
635
643
|
}
|
|
636
|
-
return /*#__PURE__*/
|
|
644
|
+
return /*#__PURE__*/_react["default"].createElement(_antd.Popover, {
|
|
637
645
|
motion: isPopoverPlacementMousePosition ? '' : undefined,
|
|
638
646
|
align: isPopoverPlacementMousePosition ? {
|
|
639
647
|
offset: [popoverOffsetX, popoverPlacement.includes('top') ? -10 : 10],
|
|
@@ -646,33 +654,33 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
646
654
|
}, aItem);
|
|
647
655
|
}
|
|
648
656
|
}]);
|
|
649
|
-
}(Component);
|
|
650
|
-
|
|
657
|
+
}(_react.Component);
|
|
658
|
+
var _default = exports["default"] = EventItem;
|
|
651
659
|
EventItem.propTypes = {
|
|
652
|
-
schedulerData: PropTypes.object.isRequired,
|
|
653
|
-
eventItem: PropTypes.object.isRequired,
|
|
654
|
-
isStart: PropTypes.bool.isRequired,
|
|
655
|
-
isEnd: PropTypes.bool.isRequired,
|
|
656
|
-
left: PropTypes.number.isRequired,
|
|
657
|
-
width: PropTypes.number.isRequired,
|
|
658
|
-
top: PropTypes.number.isRequired,
|
|
659
|
-
isInPopover: PropTypes.bool.isRequired,
|
|
660
|
-
leftIndex: PropTypes.number.isRequired,
|
|
661
|
-
rightIndex: PropTypes.number.isRequired,
|
|
662
|
-
isDragging: PropTypes.bool,
|
|
663
|
-
connectDragSource: PropTypes.func,
|
|
664
|
-
connectDragPreview: PropTypes.func,
|
|
665
|
-
updateEventStart: PropTypes.func,
|
|
666
|
-
updateEventEnd: PropTypes.func,
|
|
667
|
-
moveEvent: PropTypes.func,
|
|
668
|
-
subtitleGetter: PropTypes.func,
|
|
669
|
-
eventItemClick: PropTypes.func,
|
|
670
|
-
viewEventClick: PropTypes.func,
|
|
671
|
-
viewEventText: PropTypes.string,
|
|
672
|
-
viewEvent2Click: PropTypes.func,
|
|
673
|
-
viewEvent2Text: PropTypes.string,
|
|
674
|
-
conflictOccurred: PropTypes.func,
|
|
675
|
-
eventItemTemplateResolver: PropTypes.func
|
|
660
|
+
schedulerData: _propTypes.PropTypes.object.isRequired,
|
|
661
|
+
eventItem: _propTypes.PropTypes.object.isRequired,
|
|
662
|
+
isStart: _propTypes.PropTypes.bool.isRequired,
|
|
663
|
+
isEnd: _propTypes.PropTypes.bool.isRequired,
|
|
664
|
+
left: _propTypes.PropTypes.number.isRequired,
|
|
665
|
+
width: _propTypes.PropTypes.number.isRequired,
|
|
666
|
+
top: _propTypes.PropTypes.number.isRequired,
|
|
667
|
+
isInPopover: _propTypes.PropTypes.bool.isRequired,
|
|
668
|
+
leftIndex: _propTypes.PropTypes.number.isRequired,
|
|
669
|
+
rightIndex: _propTypes.PropTypes.number.isRequired,
|
|
670
|
+
isDragging: _propTypes.PropTypes.bool,
|
|
671
|
+
connectDragSource: _propTypes.PropTypes.func,
|
|
672
|
+
connectDragPreview: _propTypes.PropTypes.func,
|
|
673
|
+
updateEventStart: _propTypes.PropTypes.func,
|
|
674
|
+
updateEventEnd: _propTypes.PropTypes.func,
|
|
675
|
+
moveEvent: _propTypes.PropTypes.func,
|
|
676
|
+
subtitleGetter: _propTypes.PropTypes.func,
|
|
677
|
+
eventItemClick: _propTypes.PropTypes.func,
|
|
678
|
+
viewEventClick: _propTypes.PropTypes.func,
|
|
679
|
+
viewEventText: _propTypes.PropTypes.string,
|
|
680
|
+
viewEvent2Click: _propTypes.PropTypes.func,
|
|
681
|
+
viewEvent2Text: _propTypes.PropTypes.string,
|
|
682
|
+
conflictOccurred: _propTypes.PropTypes.func,
|
|
683
|
+
eventItemTemplateResolver: _propTypes.PropTypes.func
|
|
676
684
|
};
|
|
677
685
|
EventItem.defaultProps = {
|
|
678
686
|
isDragging: undefined,
|
|
@@ -1,6 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
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
|
+
var _antd = require("antd");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
4
11
|
function EventItemPopover(_ref) {
|
|
5
12
|
var schedulerData = _ref.schedulerData,
|
|
6
13
|
eventItem = _ref.eventItem,
|
|
@@ -26,7 +33,7 @@ function EventItemPopover(_ref) {
|
|
|
26
33
|
var showViewEvent2 = viewEvent2Text && viewEvent2Click && (eventItem.clickable2 === undefined || eventItem.clickable2);
|
|
27
34
|
var renderViewEvent = function renderViewEvent(text, clickHandler) {
|
|
28
35
|
var marginLeft = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
29
|
-
return /*#__PURE__*/
|
|
36
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
|
30
37
|
className: "header2-text txt-btn-dis",
|
|
31
38
|
type: "button",
|
|
32
39
|
style: {
|
|
@@ -39,87 +46,87 @@ function EventItemPopover(_ref) {
|
|
|
39
46
|
}
|
|
40
47
|
}, text);
|
|
41
48
|
};
|
|
42
|
-
return /*#__PURE__*/
|
|
49
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
43
50
|
style: {
|
|
44
51
|
width: config.eventItemPopoverWidth
|
|
45
52
|
}
|
|
46
|
-
}, /*#__PURE__*/
|
|
53
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Row, {
|
|
47
54
|
type: "flex",
|
|
48
55
|
align: "middle"
|
|
49
|
-
}, config.eventItemPopoverShowColor && /*#__PURE__*/
|
|
56
|
+
}, config.eventItemPopoverShowColor && /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
50
57
|
span: 2
|
|
51
|
-
}, /*#__PURE__*/
|
|
58
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
52
59
|
className: "status-dot",
|
|
53
60
|
style: {
|
|
54
61
|
backgroundColor: statusColor
|
|
55
62
|
}
|
|
56
|
-
})), /*#__PURE__*/
|
|
63
|
+
})), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
57
64
|
span: 22,
|
|
58
65
|
className: "overflow-text"
|
|
59
|
-
}, /*#__PURE__*/
|
|
66
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
60
67
|
className: "header2-text",
|
|
61
68
|
title: title
|
|
62
|
-
}, title))), subtitle && /*#__PURE__*/
|
|
69
|
+
}, title))), subtitle && /*#__PURE__*/_react["default"].createElement(_antd.Row, {
|
|
63
70
|
type: "flex",
|
|
64
71
|
align: "middle"
|
|
65
|
-
}, /*#__PURE__*/
|
|
72
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
66
73
|
span: 2
|
|
67
|
-
}, /*#__PURE__*/
|
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
68
75
|
span: 22,
|
|
69
76
|
className: "overflow-text"
|
|
70
|
-
}, /*#__PURE__*/
|
|
77
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
71
78
|
className: "header2-text",
|
|
72
79
|
title: subtitle
|
|
73
|
-
}, subtitle))), /*#__PURE__*/
|
|
80
|
+
}, subtitle))), /*#__PURE__*/_react["default"].createElement(_antd.Row, {
|
|
74
81
|
type: "flex",
|
|
75
82
|
align: "middle"
|
|
76
|
-
}, /*#__PURE__*/
|
|
83
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
77
84
|
span: 2
|
|
78
|
-
}, /*#__PURE__*/
|
|
85
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
79
86
|
span: 22
|
|
80
|
-
}, /*#__PURE__*/
|
|
87
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
81
88
|
className: "header1-text"
|
|
82
|
-
}, start.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/
|
|
89
|
+
}, start.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/_react["default"].createElement("span", {
|
|
83
90
|
className: "help-text",
|
|
84
91
|
style: {
|
|
85
92
|
marginLeft: '8px'
|
|
86
93
|
}
|
|
87
|
-
}, start.format(config.eventItemPopoverDateFormat)), /*#__PURE__*/
|
|
94
|
+
}, start.format(config.eventItemPopoverDateFormat)), /*#__PURE__*/_react["default"].createElement("span", {
|
|
88
95
|
className: "header2-text",
|
|
89
96
|
style: {
|
|
90
97
|
marginLeft: '8px'
|
|
91
98
|
}
|
|
92
|
-
}, "-"), /*#__PURE__*/
|
|
99
|
+
}, "-"), /*#__PURE__*/_react["default"].createElement("span", {
|
|
93
100
|
className: "header1-text",
|
|
94
101
|
style: {
|
|
95
102
|
marginLeft: '8px'
|
|
96
103
|
}
|
|
97
|
-
}, end.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/
|
|
104
|
+
}, end.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/_react["default"].createElement("span", {
|
|
98
105
|
className: "help-text",
|
|
99
106
|
style: {
|
|
100
107
|
marginLeft: '8px'
|
|
101
108
|
}
|
|
102
|
-
}, end.format(config.eventItemPopoverDateFormat)))), (showViewEvent || showViewEvent2) && /*#__PURE__*/
|
|
109
|
+
}, end.format(config.eventItemPopoverDateFormat)))), (showViewEvent || showViewEvent2) && /*#__PURE__*/_react["default"].createElement(_antd.Row, {
|
|
103
110
|
type: "flex",
|
|
104
111
|
align: "middle"
|
|
105
|
-
}, /*#__PURE__*/
|
|
112
|
+
}, /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
106
113
|
span: 2
|
|
107
|
-
}, /*#__PURE__*/
|
|
114
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null)), /*#__PURE__*/_react["default"].createElement(_antd.Col, {
|
|
108
115
|
span: 22
|
|
109
116
|
}, showViewEvent && renderViewEvent(viewEventText, viewEventClick), showViewEvent2 && renderViewEvent(viewEvent2Text, viewEvent2Click, 16))));
|
|
110
117
|
}
|
|
111
118
|
EventItemPopover.propTypes = {
|
|
112
|
-
schedulerData:
|
|
113
|
-
eventItem:
|
|
114
|
-
title:
|
|
115
|
-
startTime:
|
|
116
|
-
endTime:
|
|
117
|
-
statusColor:
|
|
118
|
-
subtitleGetter:
|
|
119
|
-
viewEventClick:
|
|
120
|
-
viewEventText:
|
|
121
|
-
viewEvent2Click:
|
|
122
|
-
viewEvent2Text:
|
|
123
|
-
eventItemPopoverTemplateResolver:
|
|
119
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
120
|
+
eventItem: _propTypes["default"].object.isRequired,
|
|
121
|
+
title: _propTypes["default"].string.isRequired,
|
|
122
|
+
startTime: _propTypes["default"].string.isRequired,
|
|
123
|
+
endTime: _propTypes["default"].string.isRequired,
|
|
124
|
+
statusColor: _propTypes["default"].string.isRequired,
|
|
125
|
+
subtitleGetter: _propTypes["default"].func,
|
|
126
|
+
viewEventClick: _propTypes["default"].func,
|
|
127
|
+
viewEventText: _propTypes["default"].string,
|
|
128
|
+
viewEvent2Click: _propTypes["default"].func,
|
|
129
|
+
viewEvent2Text: _propTypes["default"].string,
|
|
130
|
+
eventItemPopoverTemplateResolver: _propTypes["default"].func
|
|
124
131
|
};
|
|
125
|
-
|
|
132
|
+
var _default = exports["default"] = EventItemPopover;
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
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
|
+
var _default2 = require("../config/default");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
1
11
|
/* eslint-disable no-nested-ternary */
|
|
2
12
|
/* eslint-disable react/no-array-index-key */
|
|
3
|
-
|
|
4
|
-
import PropTypes from 'prop-types';
|
|
5
|
-
import { CellUnit } from '../config/default';
|
|
13
|
+
|
|
6
14
|
function HeaderView(_ref) {
|
|
7
15
|
var schedulerData = _ref.schedulerData,
|
|
8
16
|
nonAgendaCellHeaderTemplateResolver = _ref.nonAgendaCellHeaderTemplateResolver;
|
|
@@ -15,7 +23,7 @@ function HeaderView(_ref) {
|
|
|
15
23
|
var minuteStepsInHour = schedulerData.getMinuteStepsInHour();
|
|
16
24
|
var headerList = [];
|
|
17
25
|
var style;
|
|
18
|
-
if (cellUnit === CellUnit.Hour) {
|
|
26
|
+
if (cellUnit === _default2.CellUnit.Hour) {
|
|
19
27
|
headers.forEach(function (item, index) {
|
|
20
28
|
if (index % minuteStepsInHour === 0) {
|
|
21
29
|
var datetime = localeDayjs(new Date(item.time));
|
|
@@ -40,15 +48,15 @@ function HeaderView(_ref) {
|
|
|
40
48
|
element = nonAgendaCellHeaderTemplateResolver(schedulerData, item, pFormattedList, style);
|
|
41
49
|
} else {
|
|
42
50
|
var pList = pFormattedList.map(function (formattedItem, pIndex) {
|
|
43
|
-
return /*#__PURE__*/
|
|
51
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
52
|
key: pIndex
|
|
45
53
|
}, formattedItem);
|
|
46
54
|
});
|
|
47
|
-
element = /*#__PURE__*/
|
|
55
|
+
element = /*#__PURE__*/_react["default"].createElement("th", {
|
|
48
56
|
key: "header-".concat(item.time),
|
|
49
57
|
className: "header3-text",
|
|
50
58
|
style: style
|
|
51
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, pList));
|
|
52
60
|
}
|
|
53
61
|
headerList.push(element);
|
|
54
62
|
}
|
|
@@ -67,7 +75,7 @@ function HeaderView(_ref) {
|
|
|
67
75
|
color: config.nonWorkingTimeHeadColor,
|
|
68
76
|
backgroundColor: config.nonWorkingTimeHeadBgColor
|
|
69
77
|
} : {};
|
|
70
|
-
var cellFormat = cellUnit === CellUnit.Week ? config.nonAgendaWeekCellHeaderFormat : cellUnit === CellUnit.Month ? config.nonAgendaMonthCellHeaderFormat : cellUnit === CellUnit.Year ? config.nonAgendaYearCellHeaderFormat : config.nonAgendaOtherCellHeaderFormat;
|
|
78
|
+
var cellFormat = cellUnit === _default2.CellUnit.Week ? config.nonAgendaWeekCellHeaderFormat : cellUnit === _default2.CellUnit.Month ? config.nonAgendaMonthCellHeaderFormat : cellUnit === _default2.CellUnit.Year ? config.nonAgendaYearCellHeaderFormat : config.nonAgendaOtherCellHeaderFormat;
|
|
71
79
|
var pFormattedList = cellFormat.split('|').map(function (dateFormatPart) {
|
|
72
80
|
return datetime.format(dateFormatPart);
|
|
73
81
|
});
|
|
@@ -75,28 +83,28 @@ function HeaderView(_ref) {
|
|
|
75
83
|
return nonAgendaCellHeaderTemplateResolver(schedulerData, item, pFormattedList, style);
|
|
76
84
|
}
|
|
77
85
|
var pList = pFormattedList.map(function (formattedItem, pIndex) {
|
|
78
|
-
return /*#__PURE__*/
|
|
86
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
79
87
|
key: pIndex
|
|
80
88
|
}, formattedItem);
|
|
81
89
|
});
|
|
82
|
-
return /*#__PURE__*/
|
|
90
|
+
return /*#__PURE__*/_react["default"].createElement("th", {
|
|
83
91
|
key: "header-".concat(item.time),
|
|
84
92
|
className: "header3-text",
|
|
85
93
|
style: style
|
|
86
|
-
}, /*#__PURE__*/
|
|
94
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, pList));
|
|
87
95
|
});
|
|
88
96
|
}
|
|
89
|
-
return /*#__PURE__*/
|
|
97
|
+
return /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", {
|
|
90
98
|
style: {
|
|
91
99
|
height: headerHeight
|
|
92
100
|
}
|
|
93
101
|
}, headerList));
|
|
94
102
|
}
|
|
95
103
|
HeaderView.propTypes = {
|
|
96
|
-
schedulerData:
|
|
97
|
-
nonAgendaCellHeaderTemplateResolver:
|
|
104
|
+
schedulerData: _propTypes["default"].object.isRequired,
|
|
105
|
+
nonAgendaCellHeaderTemplateResolver: _propTypes["default"].func
|
|
98
106
|
};
|
|
99
107
|
HeaderView.defaultProps = {
|
|
100
108
|
nonAgendaCellHeaderTemplateResolver: null
|
|
101
109
|
};
|
|
102
|
-
|
|
110
|
+
var _default = exports["default"] = HeaderView;
|