@progress/kendo-vue-scheduler 3.2.10 → 3.3.0-dev.202205091534

package/dist/es/items/SchedulerItem.js

@@ -105,14 +105,6 @@ var SchedulerItemVue2 = {
       default: undefined
     }
   },
-  data: function data() {
-    return {
-      resizeEast: null,
-      resizeWest: null,
-      resizeNorth: null,
-      resizeSouth: null
-    };
-  },
   inject: {
     kendoLocalizationService: {
       default: null
@@ -146,6 +138,9 @@ var SchedulerItemVue2 = {
     }
   },
   computed: {
+    currentEditable: function currentEditable() {
+      return useEditable(this.$props.editable);
+    },
     resource: function resource() {
       return this.$props.group.resources.find(function (r) {
         return Boolean(r.colorField && r[r.colorField] !== '' && r[r.colorField] !== undefined);
@@ -162,7 +157,7 @@ var SchedulerItemVue2 = {
 
       return _a = {
         'k-event': !this.$props.resizeHint,
-        'k-state-selected': this.$props.selected && this.editable.select,
+        'k-state-selected': this.$props.selected && this.currentEditable.select,
         'k-event-drag-hint': this.$props.dragHint,
         'k-scheduler-marquee': this.$props.resizeHint,
         'k-marquee': this.$props.resizeHint,
@@ -220,7 +215,6 @@ var SchedulerItemVue2 = {
 
     var h = gh || createElement;
     var defaultSlot = getDefaultSlots(this);
-    var editable = useEditable(this.$props.editable);
     this.intl = provideIntlService(this);
     var localization = provideLocalizationService(this);
     var deleteMessage = localization.toLanguageString(deleteTitle, messages[deleteTitle]);
@@ -293,7 +287,7 @@ var SchedulerItemVue2 = {
           "class": "k-icon k-i-reload"
         }), !_this.$props.isRecurring && _this.$props.isException && h("span", {
           "class": "k-icon k-i-non-recurrence"
-        })]), _this.formItem && !_this.showOccurrenceDialog && editable.edit && h(SchedulerForm, {
+        })]), _this.formItem && !_this.showOccurrenceDialog && _this.currentEditable.edit && h(SchedulerForm, {
           dataItem: _this.formItem,
           attrs: _this.v3 ? undefined : {
             dataItem: _this.formItem
@@ -321,7 +315,7 @@ var SchedulerItemVue2 = {
           },
           onOccurrenceclose: _this.ksOccurrenceClick,
           onSeriesclose: _this.ksSeriesClick
-        }), _this.showRemoveDialog && _this.removeItem && editable.remove && h(SchedulerRemoveDialog, {
+        }), _this.showRemoveDialog && _this.removeItem && _this.currentEditable.remove && h(SchedulerRemoveDialog, {
           dataItem: _this.removeItem,
           attrs: _this.v3 ? undefined : {
             dataItem: _this.removeItem
@@ -336,7 +330,7 @@ var SchedulerItemVue2 = {
           onConfirm: _this.ksRemoveConfirm
         }), defaultSlot, !_this.$props.resizeHint && h("span", {
           "class": "k-event-actions"
-        }, [editable.remove && h("a", {
+        }, [_this.currentEditable.remove && h("a", {
           tabIndex: -1,
           attrs: _this.v3 ? undefined : {
             tabIndex: -1,
@@ -356,7 +350,7 @@ var SchedulerItemVue2 = {
           "class": "k-icon k-i-close"
         })]), _this.$props.head && h("span", {
           "class": "k-icon k-i-arrow-60-right"
-        })]), editable.resize && _this.$props.vertical && [// @ts-ignore  function children
+        })]), _this.currentEditable.resize && _this.$props.vertical && [// @ts-ignore  function children
         h(Draggable, {
           onPress: _this.handleResizePress,
           on: _this.v3 ? undefined : {
@@ -368,12 +362,10 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-n",
-            ref: _this.resizeNorth
+            "class": "k-resize-handle k-resize-n"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-n",
-          ref: _this.resizeNorth
+          "class": "k-resize-handle k-resize-n"
         })]), // @ts-ignore  function children
         h(Draggable, {
           onPress: _this.handleResizePress,
@@ -386,13 +378,11 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-s",
-            ref: _this.resizeSouth
+            "class": "k-resize-handle k-resize-s"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-s",
-          ref: _this.resizeSouth
-        })])], editable.resize && !_this.$props.vertical && [// @ts-ignore  function children
+          "class": "k-resize-handle k-resize-s"
+        })])], _this.currentEditable.resize && !_this.$props.vertical && [// @ts-ignore  function children
         h(Draggable, {
           onPress: _this.handleResizePress,
           on: _this.v3 ? undefined : {
@@ -404,12 +394,10 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-w",
-            ref: _this.resizeWest
+            "class": "k-resize-handle k-resize-w"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-w",
-          ref: _this.resizeWest
+          "class": "k-resize-handle k-resize-w"
         })]), // @ts-ignore  function children
         h(Draggable, {
           onPress: _this.handleResizePress,
@@ -422,12 +410,10 @@ var SchedulerItemVue2 = {
           onRelease: _this.handleResizeRelease
         }, _this.v3 ? function () {
           return [h("span", {
-            "class": "k-resize-handle k-resize-e",
-            ref: _this.resizeEast
+            "class": "k-resize-handle k-resize-e"
           })];
         } : [h("span", {
-          "class": "k-resize-handle k-resize-e",
-          ref: _this.resizeEast
+          "class": "k-resize-handle k-resize-e"
         })])], _this.$props.resizeHint && [h("div", {
           "class": "k-marquee-color",
           style: {
@@ -494,7 +480,7 @@ var SchedulerItemVue2 = {
         "class": "k-icon k-i-reload"
       }), !_this.$props.isRecurring && _this.$props.isException && h("span", {
         "class": "k-icon k-i-non-recurrence"
-      })]), _this.formItem && !_this.showOccurrenceDialog && editable.edit && h(SchedulerForm, {
+      })]), _this.formItem && !_this.showOccurrenceDialog && _this.currentEditable.edit && h(SchedulerForm, {
         dataItem: _this.formItem,
         attrs: _this.v3 ? undefined : {
           dataItem: _this.formItem
@@ -522,7 +508,7 @@ var SchedulerItemVue2 = {
         },
         onOccurrenceclose: _this.ksOccurrenceClick,
         onSeriesclose: _this.ksSeriesClick
-      }), _this.showRemoveDialog && _this.removeItem && editable.remove && h(SchedulerRemoveDialog, {
+      }), _this.showRemoveDialog && _this.removeItem && _this.currentEditable.remove && h(SchedulerRemoveDialog, {
         dataItem: _this.removeItem,
         attrs: _this.v3 ? undefined : {
           dataItem: _this.removeItem
@@ -537,7 +523,7 @@ var SchedulerItemVue2 = {
         onConfirm: _this.ksRemoveConfirm
       }), defaultSlot, !_this.$props.resizeHint && h("span", {
         "class": "k-event-actions"
-      }, [editable.remove && h("a", {
+      }, [_this.currentEditable.remove && h("a", {
         tabIndex: -1,
         attrs: _this.v3 ? undefined : {
           tabIndex: -1,
@@ -557,7 +543,7 @@ var SchedulerItemVue2 = {
         "class": "k-icon k-i-close"
       })]), _this.$props.head && h("span", {
         "class": "k-icon k-i-arrow-60-right"
-      })]), editable.resize && _this.$props.vertical && [h(Draggable, {
+      })]), _this.currentEditable.resize && _this.$props.vertical && [h(Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
           "press": _this.handleResizePress,
@@ -568,12 +554,10 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-n",
-          ref: _this.resizeNorth
+          "class": "k-resize-handle k-resize-n"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-n",
-        ref: _this.resizeNorth
+        "class": "k-resize-handle k-resize-n"
       })]), h(Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
@@ -585,13 +569,11 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-s",
-          ref: _this.resizeSouth
+          "class": "k-resize-handle k-resize-s"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-s",
-        ref: _this.resizeSouth
-      })])], editable.resize && !_this.$props.vertical && [h(Draggable, {
+        "class": "k-resize-handle k-resize-s"
+      })])], _this.currentEditable.resize && !_this.$props.vertical && [h(Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
           "press": _this.handleResizePress,
@@ -602,12 +584,10 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-w",
-          ref: _this.resizeWest
+          "class": "k-resize-handle k-resize-w"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-w",
-        ref: _this.resizeWest
+        "class": "k-resize-handle k-resize-w"
       })]), h(Draggable, {
         onPress: _this.handleResizePress,
         on: _this.v3 ? undefined : {
@@ -619,12 +599,10 @@ var SchedulerItemVue2 = {
         onRelease: _this.handleResizeRelease
       }, _this.v3 ? function () {
         return [h("span", {
-          "class": "k-resize-handle k-resize-e",
-          ref: _this.resizeEast
+          "class": "k-resize-handle k-resize-e"
         })];
       } : [h("span", {
-        "class": "k-resize-handle k-resize-e",
-        ref: _this.resizeEast
+        "class": "k-resize-handle k-resize-e"
       })])], _this.$props.resizeHint && [h("div", {
         "class": "k-marquee-color",
         style: {
@@ -779,31 +757,37 @@ var SchedulerItemVue2 = {
     },
     // Drag Handlers
     handlePress: function handlePress(dragEvent) {
-      this.$emit('press', {
-        dragEvent: dragEvent,
-        target: {
-          props: __assign({}, this.$props),
-          element: this.element
-        }
-      });
+      if (this.currentEditable.drag) {
+        this.$emit('press', {
+          dragEvent: dragEvent,
+          target: {
+            props: __assign({}, this.$props),
+            element: this.element
+          }
+        });
+      }
     },
     handleDrag: function handleDrag(dragEvent) {
-      this.$emit('drag', {
-        dragEvent: dragEvent,
-        target: {
-          props: __assign({}, this.$props),
-          element: this.element
-        }
-      });
+      if (this.currentEditable.drag) {
+        this.$emit('drag', {
+          dragEvent: dragEvent,
+          target: {
+            props: __assign({}, this.$props),
+            element: this.element
+          }
+        });
+      }
     },
     handleRelease: function handleRelease(dragEvent) {
-      this.$emit('release', {
-        dragEvent: dragEvent,
-        target: {
-          props: __assign({}, this.$props),
-          element: this.element
-        }
-      });
+      if (this.currentEditable.drag) {
+        this.$emit('release', {
+          dragEvent: dragEvent,
+          target: {
+            props: __assign({}, this.$props),
+            element: this.element
+          }
+        });
+      }
     },
     handleResizePress: function handleResizePress(dragEvent) {
       this.$emit('resizepress', {

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scheduler',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1651846094,
+    publishDate: 1652110200,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/es/slots/SchedulerEditSlot.js

@@ -5,10 +5,11 @@ var gh = allVue.h;
 var inject = allVue.inject;
 import { getDefaultSlots, getTemplate, Keys } from '@progress/kendo-vue-common';
 import { DATA_ACTION } from '../Scheduler';
-import { setField, getField, findFirstItem, isGroupped, compareSlots, findNextItem } from '../utils';
+import { setField, getField, findFirstItem, isGroupped, compareSlots, findCurrentItem, getSortedSlots } from '../utils';
 import { SchedulerViewSlot } from './SchedulerViewSlot';
-import { SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
-import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection'; // tslint:enable:max-line-length
+import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
+import { SLOTS_SELECT_ACTION } from '../hooks/use-slots-selection';
+import { ITEMS_SELECT_ACTION } from '../main'; // tslint:enable:max-line-length
 
 var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
@@ -65,6 +66,12 @@ var SchedulerEditSlotVue2 = {
     ks: {
       default: null
     },
+    dispatchSelectedItems: {
+      default: null
+    },
+    dispatchFocusedItems: {
+      default: null
+    },
     dispatchFocusedSlots: {
       default: null
     },
@@ -309,7 +316,16 @@ var SchedulerEditSlotVue2 = {
           break;
 
         case Keys.tab:
-          nextItem = findNextItem(findFirstItem(event.target), this.bv.items, false);
+          var fi = findFirstItem(event.target);
+          nextItem = fi ? findCurrentItem(fi, this.bv.items, false) : getSortedSlots(this.bv.items, this.ignoreIsAllDay)[0];
+          this.dispatchFocusedItems({
+            type: ITEMS_FOCUS_ACTION.current,
+            item: nextItem
+          }, event.event);
+          this.dispatchSelectedItems({
+            type: ITEMS_SELECT_ACTION.select,
+            item: nextItem
+          }, event);
           break;
 
         default:
@@ -318,10 +334,6 @@ var SchedulerEditSlotVue2 = {
 
       if (nextItem) {
         event.event.preventDefault();
-
-        if (nextItem.element) {
-          nextItem.element.focus();
-        }
       }
     },
     handleEditFormSubmit: function handleEditFormSubmit(event) {

package/dist/es/slots/SchedulerViewSlot.js

@@ -65,13 +65,13 @@ var SchedulerViewSlotVue2 = {
   updated: function updated() {
     var that = this;
     this.$nextTick(function () {
-      useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+      useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
     });
   },
   mounted: function mounted() {
     var that = this;
     this.$nextTick(function () {
-      useSlotExpand(that, that.ks.scheduler, that.$props.expandable);
+      useSlotExpand(that, that.ks.scheduler.$el, that.$props.expandable);
     });
   },
   // @ts-ignore

package/dist/es/tasks/SchedulerEditTask.js

@@ -101,7 +101,6 @@ var SchedulerEditTaskVue2 = {
         showRemoveDialog: false,
         showOccurrenceDialog: false
       },
-      currentEditable: false,
       currentSeries: null,
       currentRemoveItem: null,
       currentShowRemoveDialog: null,
@@ -120,6 +119,9 @@ var SchedulerEditTaskVue2 = {
     },
     compShowOccurrenceDialog: function compShowOccurrenceDialog() {
       return this.showOccurrenceDialog !== undefined ? this.showOccurrenceDialog : this.currentShowOccurrenceDialog;
+    },
+    currentEditable: function currentEditable() {
+      return useEditable(this.$props.editable);
     }
   },
   // @ts-ignore
@@ -147,7 +149,6 @@ var SchedulerEditTaskVue2 = {
         onShowRemoveDialogChange = _a.onShowRemoveDialogChange,
         taskProps = __rest(_a, ["refTo", "viewTask", "removeDialog", "removeItem", "onRemoveItemChange", "occurrenceDialog", "showOccurrenceDialog", "onShowOccurrenceDialogChange", "showRemoveDialog", "onShowRemoveDialogChange"]);
 
-    this.currentEditable = useEditable(this.$props.editable);
     return (// @ts-ignore  function children
       h(SchedulerViewTask, {
         id: this.$props.id,

package/dist/es/utils/index.d.ts

@@ -166,9 +166,17 @@ export declare const noop: (..._args: any) => void;
 export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
 /** @hidden */
 export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+export declare const getSortedSlots: (all: any[], ignoreIsAllDay: boolean) => any[];
 /** @hidden */
 export declare const compareSlots: (f: any, s: any) => boolean;
 /** @hidden */
+export declare const getCurrentItemIndex: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => {
+    currentIndex: number;
+    sorted: any[];
+};
+/** @hidden */
+export declare const findCurrentItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined) => any;
+/** @hidden */
 export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
 /**
  * @hidden

package/dist/es/utils/index.js

@@ -535,6 +535,16 @@ export var compareItems = function (f, s, ignoreIsAllDay) { return Boolean(f.uid
     && (f.group.index === s.group.index)
     && (f.range.index === s.range.index)
     && (ignoreIsAllDay || f.isAllDay === s.isAllDay)); };
+export var getSortedSlots = function (all, ignoreIsAllDay) {
+    var filtered = all.filter(function (i) { return i.element !== null; });
+    var sorted = orderBy(filtered, [
+        { field: 'group.index', dir: 'asc' },
+        { field: 'range.index', dir: 'asc' },
+        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
+        { field: 'start', dir: 'asc' }
+    ]);
+    return sorted;
+};
 /** @hidden */
 export var compareSlots = function (f, s) { return Boolean(f.start.getTime() === s.start.getTime()
     && f.end.getTime() === s.end.getTime()
@@ -543,22 +553,32 @@ export var compareSlots = function (f, s) { return Boolean(f.start.getTime() ===
     && f.range.index === s.range.index
     && f.isAllDay === s.isAllDay); };
 /** @hidden */
-export var findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
+export var getCurrentItemIndex = function (ref, all, ignoreIsAllDay) {
     if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
-    if (backwards === void 0) { backwards = false; }
     var current = ref;
-    if (!current || !all) {
-        return null;
-    }
-    var filtered = all.filter(function (i) { return i.element !== null; });
-    var sorted = orderBy(filtered, [
-        { field: 'group.index', dir: 'asc' },
-        { field: 'range.index', dir: 'asc' },
-        (ignoreIsAllDay ? { field: '' } : { field: 'isAllDay', dir: 'desc' }),
-        { field: 'start', dir: 'asc' }
-    ]);
+    var sorted = getSortedSlots(all, ignoreIsAllDay);
     var currentIndex = sorted
         .findIndex(function (i) { return compareItems(i, current, ignoreIsAllDay); });
+    return {
+        currentIndex: currentIndex,
+        sorted: sorted
+    };
+};
+/** @hidden */
+export var findCurrentItem = function (ref, all, ignoreIsAllDay) {
+    if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
+    if (!ref || !all) {
+        return null;
+    }
+    var _a = getCurrentItemIndex(ref, all, ignoreIsAllDay) || {}, currentIndex = _a.currentIndex, sorted = _a.sorted;
+    var next = sorted[currentIndex];
+    return next;
+};
+/** @hidden */
+export var findNextItem = function (ref, all, ignoreIsAllDay, backwards) {
+    if (ignoreIsAllDay === void 0) { ignoreIsAllDay = false; }
+    if (backwards === void 0) { backwards = false; }
+    var _a = getCurrentItemIndex(ref, all, ignoreIsAllDay), currentIndex = _a.currentIndex, sorted = _a.sorted;
     var next = sorted[currentIndex + (backwards ? -1 : 1)];
     return next;
 };

package/dist/es/views/common/SchedulerDrag.js

@@ -64,54 +64,18 @@ var SchedulerDragVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var h = gh || createElement; // const ranges = useSchedulerViewRangesContext();
-    // const { timezone } = useSchedulerPropsContext();
-    // const groups = useSchedulerGroupsContext();
-    // const fields = useSchedulerFieldsContext();
-    // const dateRange = useSchedulerDateRangeContext();
-    //  const [viewSlots] = useSchedulerViewSlotsContext();
-
+    var h = gh || createElement;
     var slots = (this.bv.slots || []).map(function (s) {
       return s;
     });
     mapItemsToSlots(this.items, slots);
-    return (// fragment
-      // <div>
-      this.items.map(function (item, idx) {
-        return h(SchedulerViewItem, {
-          key: idx,
+    var itemsToRender = this.v3 ? this.items : this.items && this.items.length ? [this.items[0]] : [];
+    return itemsToRender.map(function (item, idx) {
+      return h(SchedulerViewItem, {
+        key: idx,
+        uid: item.uid,
+        attrs: this.v3 ? undefined : {
           uid: item.uid,
-          attrs: this.v3 ? undefined : {
-            uid: item.uid,
-            start: item.start,
-            end: item.end,
-            originalStart: item.originalStart,
-            startTimezone: item.startTimezone,
-            endTimezone: item.endTimezone,
-            isAllDay: item.isAllDay,
-            title: item.title,
-            description: item.description,
-            occurrenceId: item.occurrenceId,
-            recurrenceExceptions: item.recurrenceExceptions,
-            recurrenceRule: item.recurrenceRule,
-            recurrenceId: item.recurrenceId,
-            dataItem: item.dataItem,
-            itemRef: item.itemRef,
-            head: item.head,
-            tail: item.tail,
-            order: item.order,
-            zonedStart: item.zonedStart,
-            zonedEnd: item.zonedEnd,
-            slots: item.slots,
-            group: item.group,
-            range: item.range,
-            isException: item.isException,
-            isRecurring: item.isRecurring //   item={this.$props.item}
-            ,
-            dragHint: true,
-            vertical: this.$props.vertical,
-            ignoreIsAllDay: this.$props.ignoreIsAllDay
-          },
           start: item.start,
           end: item.end,
           originalStart: item.originalStart,
@@ -135,14 +99,41 @@ var SchedulerDragVue2 = {
           group: item.group,
           range: item.range,
           isException: item.isException,
-          isRecurring: item.isRecurring,
+          isRecurring: item.isRecurring //   item={this.$props.item}
+          ,
           dragHint: true,
           vertical: this.$props.vertical,
           ignoreIsAllDay: this.$props.ignoreIsAllDay
-        });
-      }, this) // </div>
-
-    );
+        },
+        start: item.start,
+        end: item.end,
+        originalStart: item.originalStart,
+        startTimezone: item.startTimezone,
+        endTimezone: item.endTimezone,
+        isAllDay: item.isAllDay,
+        title: item.title,
+        description: item.description,
+        occurrenceId: item.occurrenceId,
+        recurrenceExceptions: item.recurrenceExceptions,
+        recurrenceRule: item.recurrenceRule,
+        recurrenceId: item.recurrenceId,
+        dataItem: item.dataItem,
+        itemRef: item.itemRef,
+        head: item.head,
+        tail: item.tail,
+        order: item.order,
+        zonedStart: item.zonedStart,
+        zonedEnd: item.zonedEnd,
+        slots: item.slots,
+        group: item.group,
+        range: item.range,
+        isException: item.isException,
+        isRecurring: item.isRecurring,
+        dragHint: true,
+        vertical: this.$props.vertical,
+        ignoreIsAllDay: this.$props.ignoreIsAllDay
+      });
+    }, this);
   }
 };
 var SchedulerDrag = SchedulerDragVue2;