react-big-schedule 4.4.2 → 4.4.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/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 +51 -59
- 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 +74 -80
- 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 +20 -25
- package/dist/helper/utility.js +2 -8
- package/dist/index.js +1 -78
- package/dist/sample-data/sample1.js +1 -7
- package/package.json +2 -2
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = require("prop-types");
|
|
9
|
-
var _antd = require("antd");
|
|
10
|
-
var _EventItemPopover = _interopRequireDefault(require("./EventItemPopover"));
|
|
11
|
-
var _default2 = require("../config/default");
|
|
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; }
|
|
15
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); }
|
|
16
2
|
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); }
|
|
17
3
|
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; }
|
|
@@ -29,7 +15,13 @@ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new T
|
|
|
29
15
|
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
30
16
|
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; }
|
|
31
17
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
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); }
|
|
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';
|
|
33
25
|
var stopDragHelper = function stopDragHelper(_ref) {
|
|
34
26
|
var count = _ref.count,
|
|
35
27
|
cellUnit = _ref.cellUnit,
|
|
@@ -43,15 +35,15 @@ var stopDragHelper = function stopDragHelper(_ref) {
|
|
|
43
35
|
var i = 0;
|
|
44
36
|
var result = value;
|
|
45
37
|
return new Promise(function (resolve) {
|
|
46
|
-
if (count !== 0 && cellUnit !==
|
|
38
|
+
if (count !== 0 && cellUnit !== CellUnit.Hour && config.displayWeekend === false) {
|
|
47
39
|
while (whileTrue) {
|
|
48
40
|
i = count > 0 ? i + 1 : i - 1;
|
|
49
41
|
var date = localeDayjs(new Date(eventItem[dragType])).add(i, 'days');
|
|
50
|
-
var dayOfWeek = date.
|
|
42
|
+
var dayOfWeek = date.day();
|
|
51
43
|
if (dayOfWeek !== 0 && dayOfWeek !== 6) {
|
|
52
44
|
tCount = count > 0 ? tCount + 1 : tCount - 1;
|
|
53
45
|
if (tCount === count) {
|
|
54
|
-
result = date.format(
|
|
46
|
+
result = date.format(DATETIME_FORMAT);
|
|
55
47
|
break;
|
|
56
48
|
}
|
|
57
49
|
}
|
|
@@ -216,7 +208,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
216
208
|
}
|
|
217
209
|
count = (sign > 0 ? Math.floor(Math.abs(deltaX) / cellWidth) : Math.ceil(Math.abs(deltaX) / cellWidth)) * sign;
|
|
218
210
|
if (newWidth < minWidth) count = rightIndex - leftIndex - 1;else if (newWidth > maxWidth) count = -leftIndex;
|
|
219
|
-
newStart = localeDayjs(new Date(eventItem.start)).add(cellUnit ===
|
|
211
|
+
newStart = localeDayjs(new Date(eventItem.start)).add(cellUnit === CellUnit.Hour ? count * config.minuteStep : count, cellUnit === CellUnit.Hour ? 'minutes' : 'days').format(DATETIME_FORMAT);
|
|
220
212
|
_context.next = 34;
|
|
221
213
|
return stopDragHelper({
|
|
222
214
|
count: count,
|
|
@@ -251,7 +243,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
251
243
|
width: width
|
|
252
244
|
});
|
|
253
245
|
if (conflictOccurred !== undefined) {
|
|
254
|
-
conflictOccurred(schedulerData, 'StartResize', eventItem,
|
|
246
|
+
conflictOccurred(schedulerData, 'StartResize', eventItem, DnDTypes.EVENT, slotId, slotName, newStart, eventItem.end);
|
|
255
247
|
} else {
|
|
256
248
|
console.log('Conflict occurred, set conflictOccurred func in Scheduler to handle it');
|
|
257
249
|
}
|
|
@@ -373,7 +365,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
373
365
|
}
|
|
374
366
|
count = (sign < 0 ? Math.floor(Math.abs(deltaX) / cellWidth) : Math.ceil(Math.abs(deltaX) / cellWidth)) * sign;
|
|
375
367
|
if (newWidth < minWidth) count = leftIndex - rightIndex + 1;else if (newWidth > maxWidth) count = headers.length - rightIndex;
|
|
376
|
-
newEnd = localeDayjs(new Date(eventItem.end)).add(cellUnit ===
|
|
368
|
+
newEnd = localeDayjs(new Date(eventItem.end)).add(cellUnit === CellUnit.Hour ? count * config.minuteStep : count, cellUnit === CellUnit.Hour ? 'minutes' : 'days').format(DATETIME_FORMAT);
|
|
377
369
|
_context2.next = 34;
|
|
378
370
|
return stopDragHelper({
|
|
379
371
|
dragType: 'end',
|
|
@@ -409,7 +401,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
409
401
|
width: width
|
|
410
402
|
});
|
|
411
403
|
if (conflictOccurred !== undefined) {
|
|
412
|
-
conflictOccurred(schedulerData, 'EndResize', eventItem,
|
|
404
|
+
conflictOccurred(schedulerData, 'EndResize', eventItem, DnDTypes.EVENT, slotId, slot ? slot.name : null, eventItem.start, newEnd);
|
|
413
405
|
} else {
|
|
414
406
|
console.error('Conflict occurred, set conflictOccurred func in Scheduler to handle it');
|
|
415
407
|
}
|
|
@@ -491,7 +483,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
491
483
|
_this.endResizer = undefined;
|
|
492
484
|
_this.supportTouch = false; // 'ontouchstart' in window;
|
|
493
485
|
|
|
494
|
-
_this.eventItemRef = /*#__PURE__*/
|
|
486
|
+
_this.eventItemRef = /*#__PURE__*/React.createRef();
|
|
495
487
|
_this._isMounted = false;
|
|
496
488
|
return _this;
|
|
497
489
|
}
|
|
@@ -551,7 +543,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
551
543
|
var bgColor = config.defaultEventBgColor;
|
|
552
544
|
if (eventItem.bgColor) bgColor = eventItem.bgColor;
|
|
553
545
|
var titleText = schedulerData.behaviors.getEventTextFunc(schedulerData, eventItem);
|
|
554
|
-
var content = /*#__PURE__*/
|
|
546
|
+
var content = /*#__PURE__*/React.createElement(EventItemPopover, _extends({}, this.props, {
|
|
555
547
|
eventItem: eventItem,
|
|
556
548
|
title: eventItem.title,
|
|
557
549
|
startTime: eventItem.start,
|
|
@@ -560,28 +552,28 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
560
552
|
}));
|
|
561
553
|
var start = localeDayjs(new Date(eventItem.start));
|
|
562
554
|
var eventTitle = isInPopover ? "".concat(start.format('HH:mm'), " ").concat(titleText) : titleText;
|
|
563
|
-
var startResizeDiv = /*#__PURE__*/
|
|
564
|
-
if (startResizable(this.props)) startResizeDiv = /*#__PURE__*/
|
|
555
|
+
var startResizeDiv = /*#__PURE__*/React.createElement("div", null);
|
|
556
|
+
if (startResizable(this.props)) startResizeDiv = /*#__PURE__*/React.createElement("div", {
|
|
565
557
|
className: "event-resizer event-start-resizer",
|
|
566
558
|
ref: function ref(_ref6) {
|
|
567
559
|
return _this2.startResizer = _ref6;
|
|
568
560
|
}
|
|
569
561
|
});
|
|
570
|
-
var endResizeDiv = /*#__PURE__*/
|
|
571
|
-
if (endResizable(this.props)) endResizeDiv = /*#__PURE__*/
|
|
562
|
+
var endResizeDiv = /*#__PURE__*/React.createElement("div", null);
|
|
563
|
+
if (endResizable(this.props)) endResizeDiv = /*#__PURE__*/React.createElement("div", {
|
|
572
564
|
className: "event-resizer event-end-resizer",
|
|
573
565
|
ref: function ref(_ref7) {
|
|
574
566
|
return _this2.endResizer = _ref7;
|
|
575
567
|
}
|
|
576
568
|
});
|
|
577
|
-
var eventItemTemplate = /*#__PURE__*/
|
|
569
|
+
var eventItemTemplate = /*#__PURE__*/React.createElement("div", {
|
|
578
570
|
className: "".concat(roundCls, " event-item"),
|
|
579
571
|
key: eventItem.id,
|
|
580
572
|
style: {
|
|
581
573
|
height: config.eventItemHeight,
|
|
582
574
|
backgroundColor: bgColor
|
|
583
575
|
}
|
|
584
|
-
}, /*#__PURE__*/
|
|
576
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
585
577
|
style: {
|
|
586
578
|
marginLeft: '10px',
|
|
587
579
|
lineHeight: "".concat(config.eventItemHeight, "px")
|
|
@@ -590,7 +582,7 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
590
582
|
if (eventItemTemplateResolver !== undefined) {
|
|
591
583
|
eventItemTemplate = eventItemTemplateResolver(schedulerData, eventItem, bgColor, isStart, isEnd, 'event-item', config.eventItemHeight, undefined);
|
|
592
584
|
}
|
|
593
|
-
var a = /*#__PURE__*/
|
|
585
|
+
var a = /*#__PURE__*/React.createElement("a", {
|
|
594
586
|
className: "timeline-event",
|
|
595
587
|
ref: this.eventItemRef,
|
|
596
588
|
onMouseMove: isPopoverPlacementMousePosition ? this.handleMouseMove : undefined,
|
|
@@ -639,9 +631,9 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
639
631
|
mousePositionPlacement = _getMousePositionOpti.mousePositionPlacement;
|
|
640
632
|
var aItem = config.dragAndDropEnabled ? connectDragPreview(connectDragSource(a)) : a;
|
|
641
633
|
if (isDragging ? null : schedulerData._isResizing() || config.eventItemPopoverEnabled === false || eventItem.showPopover === false) {
|
|
642
|
-
return /*#__PURE__*/
|
|
634
|
+
return /*#__PURE__*/React.createElement("div", null, aItem);
|
|
643
635
|
}
|
|
644
|
-
return /*#__PURE__*/
|
|
636
|
+
return /*#__PURE__*/React.createElement(Popover, {
|
|
645
637
|
motion: isPopoverPlacementMousePosition ? '' : undefined,
|
|
646
638
|
align: isPopoverPlacementMousePosition ? {
|
|
647
639
|
offset: [popoverOffsetX, popoverPlacement.includes('top') ? -10 : 10],
|
|
@@ -654,33 +646,33 @@ var EventItem = /*#__PURE__*/function (_Component) {
|
|
|
654
646
|
}, aItem);
|
|
655
647
|
}
|
|
656
648
|
}]);
|
|
657
|
-
}(
|
|
658
|
-
|
|
649
|
+
}(Component);
|
|
650
|
+
export default EventItem;
|
|
659
651
|
EventItem.propTypes = {
|
|
660
|
-
schedulerData:
|
|
661
|
-
eventItem:
|
|
662
|
-
isStart:
|
|
663
|
-
isEnd:
|
|
664
|
-
left:
|
|
665
|
-
width:
|
|
666
|
-
top:
|
|
667
|
-
isInPopover:
|
|
668
|
-
leftIndex:
|
|
669
|
-
rightIndex:
|
|
670
|
-
isDragging:
|
|
671
|
-
connectDragSource:
|
|
672
|
-
connectDragPreview:
|
|
673
|
-
updateEventStart:
|
|
674
|
-
updateEventEnd:
|
|
675
|
-
moveEvent:
|
|
676
|
-
subtitleGetter:
|
|
677
|
-
eventItemClick:
|
|
678
|
-
viewEventClick:
|
|
679
|
-
viewEventText:
|
|
680
|
-
viewEvent2Click:
|
|
681
|
-
viewEvent2Text:
|
|
682
|
-
conflictOccurred:
|
|
683
|
-
eventItemTemplateResolver:
|
|
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
|
|
684
676
|
};
|
|
685
677
|
EventItem.defaultProps = {
|
|
686
678
|
isDragging: undefined,
|
|
@@ -1,13 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 }; }
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import { Col, Row } from 'antd';
|
|
11
4
|
function EventItemPopover(_ref) {
|
|
12
5
|
var schedulerData = _ref.schedulerData,
|
|
13
6
|
eventItem = _ref.eventItem,
|
|
@@ -33,7 +26,7 @@ function EventItemPopover(_ref) {
|
|
|
33
26
|
var showViewEvent2 = viewEvent2Text && viewEvent2Click && (eventItem.clickable2 === undefined || eventItem.clickable2);
|
|
34
27
|
var renderViewEvent = function renderViewEvent(text, clickHandler) {
|
|
35
28
|
var marginLeft = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
|
|
36
|
-
return /*#__PURE__*/
|
|
29
|
+
return /*#__PURE__*/React.createElement("button", {
|
|
37
30
|
className: "header2-text txt-btn-dis",
|
|
38
31
|
type: "button",
|
|
39
32
|
style: {
|
|
@@ -46,87 +39,87 @@ function EventItemPopover(_ref) {
|
|
|
46
39
|
}
|
|
47
40
|
}, text);
|
|
48
41
|
};
|
|
49
|
-
return /*#__PURE__*/
|
|
42
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
50
43
|
style: {
|
|
51
44
|
width: config.eventItemPopoverWidth
|
|
52
45
|
}
|
|
53
|
-
}, /*#__PURE__*/
|
|
46
|
+
}, /*#__PURE__*/React.createElement(Row, {
|
|
54
47
|
type: "flex",
|
|
55
48
|
align: "middle"
|
|
56
|
-
}, config.eventItemPopoverShowColor && /*#__PURE__*/
|
|
49
|
+
}, config.eventItemPopoverShowColor && /*#__PURE__*/React.createElement(Col, {
|
|
57
50
|
span: 2
|
|
58
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
59
52
|
className: "status-dot",
|
|
60
53
|
style: {
|
|
61
54
|
backgroundColor: statusColor
|
|
62
55
|
}
|
|
63
|
-
})), /*#__PURE__*/
|
|
56
|
+
})), /*#__PURE__*/React.createElement(Col, {
|
|
64
57
|
span: 22,
|
|
65
58
|
className: "overflow-text"
|
|
66
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
67
60
|
className: "header2-text",
|
|
68
61
|
title: title
|
|
69
|
-
}, title))), subtitle && /*#__PURE__*/
|
|
62
|
+
}, title))), subtitle && /*#__PURE__*/React.createElement(Row, {
|
|
70
63
|
type: "flex",
|
|
71
64
|
align: "middle"
|
|
72
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React.createElement(Col, {
|
|
73
66
|
span: 2
|
|
74
|
-
}, /*#__PURE__*/
|
|
67
|
+
}, /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Col, {
|
|
75
68
|
span: 22,
|
|
76
69
|
className: "overflow-text"
|
|
77
|
-
}, /*#__PURE__*/
|
|
70
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
78
71
|
className: "header2-text",
|
|
79
72
|
title: subtitle
|
|
80
|
-
}, subtitle))), /*#__PURE__*/
|
|
73
|
+
}, subtitle))), /*#__PURE__*/React.createElement(Row, {
|
|
81
74
|
type: "flex",
|
|
82
75
|
align: "middle"
|
|
83
|
-
}, /*#__PURE__*/
|
|
76
|
+
}, /*#__PURE__*/React.createElement(Col, {
|
|
84
77
|
span: 2
|
|
85
|
-
}, /*#__PURE__*/
|
|
78
|
+
}, /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Col, {
|
|
86
79
|
span: 22
|
|
87
|
-
}, /*#__PURE__*/
|
|
80
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
88
81
|
className: "header1-text"
|
|
89
|
-
}, start.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/
|
|
82
|
+
}, start.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/React.createElement("span", {
|
|
90
83
|
className: "help-text",
|
|
91
84
|
style: {
|
|
92
85
|
marginLeft: '8px'
|
|
93
86
|
}
|
|
94
|
-
}, start.format(config.eventItemPopoverDateFormat)), /*#__PURE__*/
|
|
87
|
+
}, start.format(config.eventItemPopoverDateFormat)), /*#__PURE__*/React.createElement("span", {
|
|
95
88
|
className: "header2-text",
|
|
96
89
|
style: {
|
|
97
90
|
marginLeft: '8px'
|
|
98
91
|
}
|
|
99
|
-
}, "-"), /*#__PURE__*/
|
|
92
|
+
}, "-"), /*#__PURE__*/React.createElement("span", {
|
|
100
93
|
className: "header1-text",
|
|
101
94
|
style: {
|
|
102
95
|
marginLeft: '8px'
|
|
103
96
|
}
|
|
104
|
-
}, end.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/
|
|
97
|
+
}, end.format('HH:mm')), config.eventItemPopoverDateFormat && /*#__PURE__*/React.createElement("span", {
|
|
105
98
|
className: "help-text",
|
|
106
99
|
style: {
|
|
107
100
|
marginLeft: '8px'
|
|
108
101
|
}
|
|
109
|
-
}, end.format(config.eventItemPopoverDateFormat)))), (showViewEvent || showViewEvent2) && /*#__PURE__*/
|
|
102
|
+
}, end.format(config.eventItemPopoverDateFormat)))), (showViewEvent || showViewEvent2) && /*#__PURE__*/React.createElement(Row, {
|
|
110
103
|
type: "flex",
|
|
111
104
|
align: "middle"
|
|
112
|
-
}, /*#__PURE__*/
|
|
105
|
+
}, /*#__PURE__*/React.createElement(Col, {
|
|
113
106
|
span: 2
|
|
114
|
-
}, /*#__PURE__*/
|
|
107
|
+
}, /*#__PURE__*/React.createElement("div", null)), /*#__PURE__*/React.createElement(Col, {
|
|
115
108
|
span: 22
|
|
116
109
|
}, showViewEvent && renderViewEvent(viewEventText, viewEventClick), showViewEvent2 && renderViewEvent(viewEvent2Text, viewEvent2Click, 16))));
|
|
117
110
|
}
|
|
118
111
|
EventItemPopover.propTypes = {
|
|
119
|
-
schedulerData:
|
|
120
|
-
eventItem:
|
|
121
|
-
title:
|
|
122
|
-
startTime:
|
|
123
|
-
endTime:
|
|
124
|
-
statusColor:
|
|
125
|
-
subtitleGetter:
|
|
126
|
-
viewEventClick:
|
|
127
|
-
viewEventText:
|
|
128
|
-
viewEvent2Click:
|
|
129
|
-
viewEvent2Text:
|
|
130
|
-
eventItemPopoverTemplateResolver:
|
|
112
|
+
schedulerData: PropTypes.object.isRequired,
|
|
113
|
+
eventItem: PropTypes.object.isRequired,
|
|
114
|
+
title: PropTypes.string.isRequired,
|
|
115
|
+
startTime: PropTypes.string.isRequired,
|
|
116
|
+
endTime: PropTypes.string.isRequired,
|
|
117
|
+
statusColor: PropTypes.string.isRequired,
|
|
118
|
+
subtitleGetter: PropTypes.func,
|
|
119
|
+
viewEventClick: PropTypes.func,
|
|
120
|
+
viewEventText: PropTypes.string,
|
|
121
|
+
viewEvent2Click: PropTypes.func,
|
|
122
|
+
viewEvent2Text: PropTypes.string,
|
|
123
|
+
eventItemPopoverTemplateResolver: PropTypes.func
|
|
131
124
|
};
|
|
132
|
-
|
|
125
|
+
export default EventItemPopover;
|
|
@@ -1,16 +1,8 @@
|
|
|
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 }; }
|
|
11
1
|
/* eslint-disable no-nested-ternary */
|
|
12
2
|
/* eslint-disable react/no-array-index-key */
|
|
13
|
-
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import { CellUnit } from '../config/default';
|
|
14
6
|
function HeaderView(_ref) {
|
|
15
7
|
var schedulerData = _ref.schedulerData,
|
|
16
8
|
nonAgendaCellHeaderTemplateResolver = _ref.nonAgendaCellHeaderTemplateResolver;
|
|
@@ -23,7 +15,7 @@ function HeaderView(_ref) {
|
|
|
23
15
|
var minuteStepsInHour = schedulerData.getMinuteStepsInHour();
|
|
24
16
|
var headerList = [];
|
|
25
17
|
var style;
|
|
26
|
-
if (cellUnit ===
|
|
18
|
+
if (cellUnit === CellUnit.Hour) {
|
|
27
19
|
headers.forEach(function (item, index) {
|
|
28
20
|
if (index % minuteStepsInHour === 0) {
|
|
29
21
|
var datetime = localeDayjs(new Date(item.time));
|
|
@@ -48,15 +40,15 @@ function HeaderView(_ref) {
|
|
|
48
40
|
element = nonAgendaCellHeaderTemplateResolver(schedulerData, item, pFormattedList, style);
|
|
49
41
|
} else {
|
|
50
42
|
var pList = pFormattedList.map(function (formattedItem, pIndex) {
|
|
51
|
-
return /*#__PURE__*/
|
|
43
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
52
44
|
key: pIndex
|
|
53
45
|
}, formattedItem);
|
|
54
46
|
});
|
|
55
|
-
element = /*#__PURE__*/
|
|
47
|
+
element = /*#__PURE__*/React.createElement("th", {
|
|
56
48
|
key: "header-".concat(item.time),
|
|
57
49
|
className: "header3-text",
|
|
58
50
|
style: style
|
|
59
|
-
}, /*#__PURE__*/
|
|
51
|
+
}, /*#__PURE__*/React.createElement("div", null, pList));
|
|
60
52
|
}
|
|
61
53
|
headerList.push(element);
|
|
62
54
|
}
|
|
@@ -75,7 +67,7 @@ function HeaderView(_ref) {
|
|
|
75
67
|
color: config.nonWorkingTimeHeadColor,
|
|
76
68
|
backgroundColor: config.nonWorkingTimeHeadBgColor
|
|
77
69
|
} : {};
|
|
78
|
-
var cellFormat = cellUnit ===
|
|
70
|
+
var cellFormat = cellUnit === CellUnit.Week ? config.nonAgendaWeekCellHeaderFormat : cellUnit === CellUnit.Month ? config.nonAgendaMonthCellHeaderFormat : cellUnit === CellUnit.Year ? config.nonAgendaYearCellHeaderFormat : config.nonAgendaOtherCellHeaderFormat;
|
|
79
71
|
var pFormattedList = cellFormat.split('|').map(function (dateFormatPart) {
|
|
80
72
|
return datetime.format(dateFormatPart);
|
|
81
73
|
});
|
|
@@ -83,28 +75,28 @@ function HeaderView(_ref) {
|
|
|
83
75
|
return nonAgendaCellHeaderTemplateResolver(schedulerData, item, pFormattedList, style);
|
|
84
76
|
}
|
|
85
77
|
var pList = pFormattedList.map(function (formattedItem, pIndex) {
|
|
86
|
-
return /*#__PURE__*/
|
|
78
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
87
79
|
key: pIndex
|
|
88
80
|
}, formattedItem);
|
|
89
81
|
});
|
|
90
|
-
return /*#__PURE__*/
|
|
82
|
+
return /*#__PURE__*/React.createElement("th", {
|
|
91
83
|
key: "header-".concat(item.time),
|
|
92
84
|
className: "header3-text",
|
|
93
85
|
style: style
|
|
94
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/React.createElement("div", null, pList));
|
|
95
87
|
});
|
|
96
88
|
}
|
|
97
|
-
return /*#__PURE__*/
|
|
89
|
+
return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", {
|
|
98
90
|
style: {
|
|
99
91
|
height: headerHeight
|
|
100
92
|
}
|
|
101
93
|
}, headerList));
|
|
102
94
|
}
|
|
103
95
|
HeaderView.propTypes = {
|
|
104
|
-
schedulerData:
|
|
105
|
-
nonAgendaCellHeaderTemplateResolver:
|
|
96
|
+
schedulerData: PropTypes.object.isRequired,
|
|
97
|
+
nonAgendaCellHeaderTemplateResolver: PropTypes.func
|
|
106
98
|
};
|
|
107
99
|
HeaderView.defaultProps = {
|
|
108
100
|
nonAgendaCellHeaderTemplateResolver: null
|
|
109
101
|
};
|
|
110
|
-
|
|
102
|
+
export default HeaderView;
|