@progress/kendo-vue-scheduler 3.8.3 → 3.8.4-dev.202302151223

package/dist/esm/views/day/DayViewVerticalRow.js

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { COLLECTION_ACTION } from '../../utils/main.js';
 import { GRID_OFFSET } from './MultiDayView.js';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
 import { DayViewAllDayRowContent } from './DayViewAllDayRowContent.js';
@@ -19,8 +20,50 @@ var DayViewVerticalRowVue2 = {
   inject: {
     ri: {
       default: null
+    },
+    setSlots: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var daySlots = this.daySlots;
+    var groupIndex = this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.calculateRanges(daySlots, groupIndex, this.dayRanges)
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
     }
   },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var daySlots = this.daySlots;
+      var groupIndex = this.ri.groupIndex;
+      return this.calculateRanges(daySlots, groupIndex, this.dayRanges);
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -33,9 +76,7 @@ var DayViewVerticalRowVue2 = {
     var h = gh || createElement;
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
     var groupIndex = this.ri.groupIndex;
-    var _a = this.$props,
-      timeSlots = _a.timeSlots,
-      daySlots = _a.daySlots;
+    var timeSlots = this.$props.timeSlots;
     return h("div", {
       "class": "k-scheduler-row"
     }, [h(DayViewAllDayRowContent, {
@@ -43,61 +84,47 @@ var DayViewVerticalRowVue2 = {
       attrs: this.v3 ? undefined : {
         groupIndex: groupIndex
       }
-    }), this.dayRanges.map(function (_, rangeIndex) {
+    }), this.currentCellSlots.map(function (_slot, slotIndex) {
       var groupOffset = timeSlots.filter(function (s) {
         return s.group.index === groupIndex && s.range.index === FIRST_INDEX;
       }).length;
-      return daySlots.filter(function (s) {
-        return s.group.index === groupIndex && s.range.index === rangeIndex;
-      }).map(function (slot, slotIndex) {
-        return h(EditSlot, {
+      return h(EditSlot, {
+        slotRender: this.$props.slotRender,
+        attrs: this.v3 ? undefined : {
           slotRender: this.$props.slotRender,
-          attrs: this.v3 ? undefined : {
-            slotRender: this.$props.slotRender,
-            viewSlot: this.$props.viewSlot,
-            form: this.$props.form,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
-            row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
-            col: slotIndex,
-            expandable: true,
-            editable: this.$props.editable
-          },
           viewSlot: this.$props.viewSlot,
           form: this.$props.form,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
-          onDataaction: this.handleDataAction,
-          on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
-          },
-          key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
-          "class": 'k-scheduler-alldays-slot',
+          index: slotIndex,
           row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
           col: slotIndex,
           expandable: true,
           editable: this.$props.editable
-        });
-      }, this);
+        },
+        viewSlot: this.$props.viewSlot,
+        form: this.$props.form,
+        index: slotIndex,
+        onDataaction: this.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": this.handleDataAction
+        },
+        "class": 'k-scheduler-alldays-slot',
+        row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * GRID_OFFSET,
+        col: slotIndex,
+        expandable: true,
+        editable: this.$props.editable
+      });
     }, this)]);
   },
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    calculateRanges: function calculateRanges(daySlots, groupIndex, dayRanges) {
+      return dayRanges.map(function (_, rangeIndex) {
+        return daySlots.filter(function (s) {
+          return s.group.index === groupIndex && s.range.index === rangeIndex;
+        });
+      }).flat();
     }
   }
 };

package/dist/esm/views/day/DayViewVerticalSlotsRow.js

@@ -3,13 +3,13 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { COLLECTION_ACTION } from '../../utils/main.js';
 import { GRID_OFFSET } from './MultiDayView.js';
 import { isInTimeRange, intersects, first, last } from '../../utils/main.js';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
 import { DayViewRowContent } from './DayViewRowContent.js';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarker.js';
 import { CurrentTimeMarkerArrow } from '../../components/CurrentTimeMarkerArrow.js';
-var FIRST_INDEX = 0;
 /** @hidden */
 var DayViewVerticalSlotsRowVue2 = {
   name: 'KendoDayViewVerticalSlotsRow',
@@ -40,8 +40,53 @@ var DayViewVerticalSlotsRowVue2 = {
   inject: {
     ri: {
       default: null
+    },
+    setSlots: {
+      default: null
+    }
+  },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var timeSlots = this.timeSlots;
+    var root = this.root;
+    var groupIndex = this.groupIndex;
+    var cSlots = this.calculateRanges(timeSlots, groupIndex, this.timeRanges, root);
+    return {
+      ksSlots: {
+        cSlots: cSlots
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
     }
   },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var timeSlots = this.timeSlots;
+      var root = this.root;
+      var groupIndex = this.groupIndex;
+      return this.calculateRanges(timeSlots, groupIndex, this.timeRanges, root);
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -56,7 +101,6 @@ var DayViewVerticalSlotsRowVue2 = {
     var groupIndex = this.groupIndex;
     var that = this;
     var _a = this.$props,
-      timeSlots = _a.timeSlots,
       root = _a.root,
       rootIndex = _a.rootIndex,
       slotDivisions = _a.slotDivisions,
@@ -84,55 +128,34 @@ var DayViewVerticalSlotsRowVue2 = {
       isMaster: rootIndex % slotDivisions === 0,
       isLast: (rootIndex + 1) % slotDivisions === 0,
       timeHeaderCell: this.$props.timeHeaderCell
-    }), this.timeRanges.map(function (_, rangeIndex) {
-      return timeSlots.filter(function (s) {
-        return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
-      }).map(function (slot) {
-        return h(EditSlot, {
+    }), this.currentCellSlots.map(function (slot, slotIndex) {
+      return h(EditSlot, {
+        slotRender: renderSlot,
+        attrs: this.v3 ? undefined : {
           slotRender: renderSlot,
-          attrs: this.v3 ? undefined : {
-            slotRender: renderSlot,
-            viewSlot: viewSlot,
-            form: form,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
-            row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
-            col: rangeIndex,
-            editable: editable,
-            isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
-            isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
-          },
           viewSlot: viewSlot,
           form: form,
-          onDataaction: that.handleDataAction,
-          on: this.v3 ? undefined : {
-            "dataaction": that.handleDataAction
-          },
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
-          key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
+          index: slotIndex,
           row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
-          col: rangeIndex,
+          col: slot.range.index,
           editable: editable,
           isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
           isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
-        });
-      }, true);
-    }, this), this.$props.currentTimeMarker && intersects(first(this.timeRanges).start, last(this.timeRanges).end, new Date(), new Date(), true) && [h(CurrentTimeMarkerArrow, {
+        },
+        viewSlot: viewSlot,
+        form: form,
+        onDataaction: that.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": that.handleDataAction
+        },
+        index: slotIndex,
+        row: filtered.length * (groupIndex || 0) + rootIndex + (groupIndex || 0) * GRID_OFFSET + GRID_OFFSET,
+        col: slot.range.index,
+        editable: editable,
+        isWorkHour: isInTimeRange(slot.zonedStart, workDayStart, workDayEnd),
+        isWorkDay: 0 <= slot.zonedStart.getDay() + (numberOfDays - workWeekStart) && (slot.zonedStart.getDay() + (numberOfDays - workWeekStart)) % numberOfDays <= workWeekEnd + (numberOfDays - workWeekStart)
+      });
+    }, true), this.$props.currentTimeMarker && intersects(first(this.timeRanges).start, last(this.timeRanges).end, new Date(), new Date(), true) && [h(CurrentTimeMarkerArrow, {
       groupIndex: groupIndex,
       attrs: this.v3 ? undefined : {
         groupIndex: groupIndex
@@ -147,6 +170,13 @@ var DayViewVerticalSlotsRowVue2 = {
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    calculateRanges: function calculateRanges(timeSlots, groupIndex, timeRanges, root) {
+      return timeRanges.map(function (_, rangeIndex) {
+        return timeSlots.filter(function (s) {
+          return s.index === root.index && s.group.index === groupIndex && s.range.index === rangeIndex;
+        });
+      }).flat();
     }
   }
 };

package/dist/esm/views/month/MonthViewBody.js

@@ -3,6 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
+import { COLLECTION_ACTION } from '../../utils/main.js';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
 import { provideIntlService } from '@progress/kendo-vue-intl';
 /** @hidden */
@@ -31,10 +32,56 @@ var MonthViewBodyVue2 = {
     setActiveViewName: {
       default: null
     },
+    setSlots: {
+      default: null
+    },
     kendoIntlService: {
       default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var _this = this;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter(function (slot) {
+          return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+        })
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+      return this.monthSlots.filter(function (slot) {
+        return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
+      });
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -44,7 +91,6 @@ var MonthViewBodyVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     this.intl = provideIntlService(this);
     var EditSlot = this.$props.editSlot || SchedulerEditSlot;
@@ -53,9 +99,7 @@ var MonthViewBodyVue2 = {
     return h("div", {
       "class": "k-scheduler-row",
       key: this.rangeIndex
-    }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === groupIndex && slot.range.index === _this.rangeIndex;
-    }).map(function (slot, slotIndex, filtered) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex, filtered) {
       return (
         // @ts-ignore  function children
         h(EditSlot, {
@@ -64,15 +108,7 @@ var MonthViewBodyVue2 = {
             slotRender: this.$props.slotRender,
             viewSlot: that.$props.viewSlot,
             form: that.$props.form,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
+            index: slotIndex,
             navDay: true,
             itemsPerSlot: that.itemsPerSlot,
             expandable: {
@@ -84,17 +120,8 @@ var MonthViewBodyVue2 = {
             editable: that.$props.editable
           },
           viewSlot: that.$props.viewSlot,
-          key: slotIndex,
           form: that.$props.form,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           navDay: true,
           itemsPerSlot: that.itemsPerSlot,
           expandable: {

package/dist/esm/views/month/MonthViewHead.js

@@ -21,6 +21,34 @@ var MonthViewHeadVue2 = {
       default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var _this = this;
+    return {
+      ksSlots: {
+        cSlots: this.monthSlots.filter(function (slot) {
+          return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+        })
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var _this = this;
+      return this.monthSlots.filter(function (slot) {
+        return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
+      });
+    }
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -30,14 +58,11 @@ var MonthViewHeadVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
     var h = gh || createElement;
     return h("div", {
       "class": "k-scheduler-row",
       key: this.ri.groupIndex
-    }, [this.monthSlots.filter(function (slot) {
-      return slot.group.index === _this.ri.groupIndex && slot.range.index === 0;
-    }).map(function (slot, slotIndex) {
+    }, [this.currentCellSlots.map(function (slot, slotIndex) {
       return (
         // @ts-ignore  function children
         h(DateHeaderCell, {

package/dist/esm/views/time/TimelineViewBody.js

@@ -3,7 +3,7 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
+import { COLLECTION_ACTION } from '../../utils/main.js';
 import { SchedulerEditSlot } from '../../slots/SchedulerEditSlot.js';
 import { isInTimeRange, intersects, first, last } from '../../utils/main.js';
 import { CurrentTimeMarker } from '../../components/CurrentTimeMarker.js';
@@ -30,8 +30,50 @@ var TimelineViewBodyVue2 = {
     },
     ks: {
       default: null
+    },
+    setSlots: {
+      default: null
     }
   },
+  provide: function provide() {
+    return {
+      ksSlots: this.ksSlots
+    };
+  },
+  data: function data() {
+    var timelineSlots = this.timelineSlots;
+    var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+    return {
+      ksSlots: {
+        cSlots: this.calculateRanges(timelineSlots, groupIndex, this.ranges)
+      }
+    };
+  },
+  watch: {
+    currentCellSlots: function currentCellSlots(newValue) {
+      this.ksSlots.cSlots = newValue;
+    }
+  },
+  computed: {
+    currentCellSlots: function currentCellSlots() {
+      var timelineSlots = this.timelineSlots;
+      var groupIndex = this.groupIndex !== undefined ? this.groupIndex : this.ri.groupIndex;
+      return this.calculateRanges(timelineSlots, groupIndex, this.ranges);
+    }
+  },
+  destroyed: !!isV3 ? undefined : function () {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
+  // @ts-ignore
+  unmounted: function unmounted() {
+    this.setSlots({
+      type: COLLECTION_ACTION.remove,
+      item: this
+    });
+  },
   // @ts-ignore
   setup: !isV3 ? undefined : function () {
     var v3 = !!isV3;
@@ -49,54 +91,33 @@ var TimelineViewBodyVue2 = {
     var editable = this.$props.editable;
     return h("div", {
       "class": "k-scheduler-row"
-    }, [this.ranges.map(function (_, rangeIndex) {
-      return this.timelineSlots.filter(function (s) {
-        return s.group.index === groupIndex && s.range.index === rangeIndex;
-      }).map(function (slot, slotIndex, filtered) {
-        return h(SchedulerEditSlot, {
-          key: "".concat(slot.start.getTime(), ":").concat(slot.group.index),
+    }, [this.currentCellSlots.map(function (cSlot, slotIndex, filtered) {
+      return h(SchedulerEditSlot, {
+        slotRender: that.$props.slotRender,
+        attrs: this.v3 ? undefined : {
           slotRender: that.$props.slotRender,
-          attrs: this.v3 ? undefined : {
-            slotRender: that.$props.slotRender,
-            viewSlot: that.$props.viewSlot,
-            index: slot.index,
-            start: slot.start,
-            end: slot.end,
-            zonedStart: slot.zonedStart,
-            zonedEnd: slot.zonedEnd,
-            items: slot.items,
-            group: slot.group,
-            range: slot.range,
-            isAllDay: slot.isAllDay,
-            form: that.$props.form,
-            isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
-            col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
-            row: orientation === 'horizontal' ? 0 : groupIndex || 0,
-            expandable: true,
-            editable: editable
-          },
           viewSlot: that.$props.viewSlot,
-          index: slot.index,
-          start: slot.start,
-          end: slot.end,
-          zonedStart: slot.zonedStart,
-          zonedEnd: slot.zonedEnd,
-          items: slot.items,
-          group: slot.group,
-          range: slot.range,
-          isAllDay: slot.isAllDay,
+          index: slotIndex,
           form: that.$props.form,
-          onDataaction: that.handleDataAction,
-          on: this.v3 ? undefined : {
-            "dataaction": that.handleDataAction
-          },
-          isWorkHour: isInTimeRange(slot.zonedStart, that.workDayStart, that.workDayEnd),
-          col: orientation === 'horizontal' ? rangeIndex * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : rangeIndex * filtered.length + slotIndex,
+          isWorkHour: isInTimeRange(cSlot.zonedStart, that.workDayStart, that.workDayEnd),
+          col: orientation === 'horizontal' ? cSlot.range.index * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : cSlot.range.index * filtered.length + slotIndex,
           row: orientation === 'horizontal' ? 0 : groupIndex || 0,
           expandable: true,
           editable: editable
-        });
-      }, true);
+        },
+        viewSlot: that.$props.viewSlot,
+        index: slotIndex,
+        form: that.$props.form,
+        onDataaction: that.handleDataAction,
+        on: this.v3 ? undefined : {
+          "dataaction": that.handleDataAction
+        },
+        isWorkHour: isInTimeRange(cSlot.zonedStart, that.workDayStart, that.workDayEnd),
+        col: orientation === 'horizontal' ? cSlot.range.index * filtered.length + slotIndex + filtered.length * ranges.length * (groupIndex || 0) : cSlot.range.index * filtered.length + slotIndex,
+        row: orientation === 'horizontal' ? 0 : groupIndex || 0,
+        expandable: true,
+        editable: editable
+      });
     }, this), this.$props.currentTimeMarker && intersects(first(ranges).start, last(ranges).end, new Date(), new Date(), true) && h(CurrentTimeMarker, {
       groupIndex: groupIndex,
       attrs: this.v3 ? undefined : {
@@ -109,6 +130,13 @@ var TimelineViewBodyVue2 = {
   methods: {
     handleDataAction: function handleDataAction(action) {
       this.$emit('dataaction', action);
+    },
+    calculateRanges: function calculateRanges(timelineSlots, groupIndex, ranges) {
+      return ranges.map(function (_, rangeIndex) {
+        return timelineSlots.filter(function (s) {
+          return s.group.index === groupIndex && s.range.index === rangeIndex;
+        });
+      }).flat();
     }
   }
 };

package/dist/npm/components/BaseView.js

@@ -133,8 +133,7 @@ var BaseViewVue2 = {
           this.bv.slots.push(action.item);
           break;
         case main_2.COLLECTION_ACTION.remove:
-          var index = this.bv.slots.indexOf(action.item);
-          this.bv.slots.splice(index, 1);
+          this.bv.slots = [];
           break;
         default:
           break;

package/dist/npm/components/CurrentTimeMarker.js

@@ -120,8 +120,9 @@ var CurrentTimeMarkerVue2 = {
       if (!this.bv.slots) {
         return;
       }
+      var groupIndex = this.$props.groupIndex;
       var sameTimeSlots = this.bv.slots.filter(function (s) {
-        return (_this.$props.groupIndex === undefined || _this.$props.groupIndex === null || s.group.index === _this.$props.groupIndex) && (_this.$props.vertical ? (0, main_1.intersects)(new Date(), new Date(), s.start, s.end, true) : (0, main_1.isInTimeRange)(new Date(), s.start, s.end)) && !s.isAllDay;
+        return (groupIndex === undefined || groupIndex === null || s.cSlot.group.index === groupIndex) && (_this.$props.vertical ? (0, main_1.intersects)(new Date(), new Date(), s.cSlot.start, s.cSlot.end, true) : (0, main_1.isInTimeRange)(new Date(), s.cSlot.start, s.cSlot.end)) && !s.isAllDay;
       });
       if (sameTimeSlots && sameTimeSlots.length && this.line) {
         var firstSlot = (0, main_1.first)(sameTimeSlots);
@@ -131,8 +132,8 @@ var CurrentTimeMarkerVue2 = {
         var size = this.$props.vertical ? combineHeights(sameTimeSlots) : combineWidths(sameTimeSlots);
         var rect = (0, utils_1.getRect)(firstSlot.$el);
         var arrowRect = (0, utils_1.getRect)(this.arrowRef);
-        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.end.getTime() - firstSlot.start.getTime());
-        var offset = (Date.now() - setTime(new Date(), firstSlot.start).getTime()) * pxPerMillisecond;
+        var pxPerMillisecond = (this.$props.vertical ? rect.width : rect.height) / (firstSlot.cSlot.end.getTime() - firstSlot.cSlot.start.getTime());
+        var offset = (Date.now() - setTime(new Date(), firstSlot.cSlot.start).getTime()) * pxPerMillisecond;
         var rtl = this.$props.dir === 'rtl';
         var top_1 = this.$props.vertical ? rect.top : rect.top + offset - arrowRect.height / 2;
         var horizontalDimension = rtl ? 'right' : 'left';