@progress/kendo-vue-scheduler 3.2.6 → 3.2.8-dev.202205030909

package/dist/npm/views/day/MultiDayView.js

@@ -78,6 +78,8 @@ var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
 
 var CurrentTimeMarket_1 = require("../../components/CurrentTimeMarket");
 
+var SchedulerResize_1 = require("../common/SchedulerResize");
+
 var FIRST_INDEX = 0;
 exports.GRID_OFFSET = 1; // tslint:enable:max-line-length
 
@@ -160,6 +162,16 @@ var MultiDayViewVue2 = {
         return undefined;
       }
     },
+    resizeItem: {
+      type: Object,
+      default: function _default() {
+        return undefined;
+      }
+    },
+    format: {
+      type: String,
+      default: 't'
+    },
     // showCurrentTime: {
     //   type: Boolean,
     //   default: true
@@ -171,6 +183,7 @@ var MultiDayViewVue2 = {
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -281,11 +294,15 @@ var MultiDayViewVue2 = {
     },
     compDragItem: function compDragItem() {
       return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
+    },
+    compResizeItem: function compResizeItem() {
+      return this.resizeItem !== undefined ? this.resizeItem : this.currentResizeItem;
     }
   },
   data: function data() {
     return {
-      currentDragItem: undefined
+      currentDragItem: undefined,
+      currentResizeItem: undefined
     };
   },
   created: function created() {
@@ -349,6 +366,41 @@ var MultiDayViewVue2 = {
       }));
     };
 
+    var resizeItemClue = function resizeItemClue(vertical) {
+      return this.compResizeItem && this.editable.resize && (Array.isArray(this.compResizeItem) ? this.compResizeItem.map(function (ri, idx) {
+        return h(SchedulerResize_1.SchedulerResize, {
+          key: idx,
+          format: this.$props.format //   ignoreIsAllDay={ignoreIsAllDay}
+          ,
+          attrs: this.v3 ? undefined : {
+            format: this.$props.format,
+            dataItem: ri,
+            viewItem: this.$props.viewItem,
+            item: this.$props.item,
+            vertical: vertical
+          },
+          dataItem: ri,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        });
+      }, this) : h(SchedulerResize_1.SchedulerResize, {
+        format: this.$props.format //   ignoreIsAllDay={ignoreIsAllDay}
+        ,
+        attrs: this.v3 ? undefined : {
+          format: this.$props.format,
+          dataItem: this.compResizeItem,
+          viewItem: this.$props.viewItem,
+          item: this.$props.item,
+          vertical: vertical
+        },
+        dataItem: this.compResizeItem,
+        viewItem: this.$props.viewItem,
+        item: this.$props.item,
+        vertical: vertical
+      }));
+    };
+
     return (// @ts-ignore  function children
       h(BaseView_1.BaseView, {
         id: this.$props.id,
@@ -514,16 +566,18 @@ var MultiDayViewVue2 = {
             form: this.$props.form,
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             item: this.$props.item,
             viewItem: this.$props.viewItem,
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2) // ,
-        // dragItemClue.call(this, false)
-        ] : // @ts-ignore  function children
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, false), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, false)] : // @ts-ignore  function children
         h(VerticalResourceIterator_1.VerticalResourceIterator, {
           group: _this2.ks.props.group,
           attrs: _this2.v3 ? undefined : {
@@ -789,15 +843,19 @@ var MultiDayViewVue2 = {
             isRecurring: item.isRecurring,
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
-              "dataaction": this.handleDataAction
+              "dataaction": this.handleDataAction,
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
+            onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: false
           });
-        }, _this2)], timeItems.map(function (item) {
+        }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
           return h(EditItem, {
             key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
             uid: item.uid,
@@ -862,16 +920,18 @@ var MultiDayViewVue2 = {
             onDataaction: this.handleDataAction,
             on: this.v3 ? undefined : {
               "dataaction": this.handleDataAction,
-              "dragitemchange": this.handleDragItemChange
+              "dragitemchange": this.handleDragItemChange,
+              "resizeitemchange": this.handleResizeItemChange
             },
             onDragitemchange: this.handleDragItemChange,
+            onResizeitemchange: this.handleResizeItemChange,
             viewItem: this.$props.viewItem,
             item: this.$props.item,
             form: this.$props.form,
             editable: this.$props.editable,
             vertical: true
           });
-        }, _this2), dragItemClue.call(_this2, true)])];
+        }, _this2), _this2.compDragItem && !_this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && !_this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)])];
       } : [h("div", {
         "class": "k-scheduler-head"
       }, [_this2.ks.orientation === 'horizontal' ? [h(HorizontalResourceIterator_1.HorizontalResourceIterator, {
@@ -1021,14 +1081,18 @@ var MultiDayViewVue2 = {
           form: this.$props.form,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           item: this.$props.item,
           viewItem: this.$props.viewItem,
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2)] : h(VerticalResourceIterator_1.VerticalResourceIterator, {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, false), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, false)] : h(VerticalResourceIterator_1.VerticalResourceIterator, {
         group: _this2.ks.props.group,
         attrs: _this2.v3 ? undefined : {
           group: _this2.ks.props.group,
@@ -1280,15 +1344,19 @@ var MultiDayViewVue2 = {
           isRecurring: item.isRecurring,
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
-            "dataaction": this.handleDataAction
+            "dataaction": this.handleDataAction,
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
+          onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: false
         });
-      }, _this2)], timeItems.map(function (item) {
+      }, _this2), _this2.compDragItem && _this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && _this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)], timeItems.map(function (item) {
         return h(EditItem, {
           key: item.isRecurring ? item.uid + ":" + item.group.index + ":" + item.range.index + ":" + item.originalStart : item.uid + ":" + item.group.index + ":" + item.range.index,
           uid: item.uid,
@@ -1353,16 +1421,18 @@ var MultiDayViewVue2 = {
           onDataaction: this.handleDataAction,
           on: this.v3 ? undefined : {
             "dataaction": this.handleDataAction,
-            "dragitemchange": this.handleDragItemChange
+            "dragitemchange": this.handleDragItemChange,
+            "resizeitemchange": this.handleResizeItemChange
           },
           onDragitemchange: this.handleDragItemChange,
+          onResizeitemchange: this.handleResizeItemChange,
           viewItem: this.$props.viewItem,
           item: this.$props.item,
           form: this.$props.form,
           editable: this.$props.editable,
           vertical: true
         });
-      }, _this2), dragItemClue.call(_this2, true)])])
+      }, _this2), _this2.compDragItem && !_this2.compDragItem.isAllDay && dragItemClue.call(_this2, true), _this2.compResizeItem && !_this2.compResizeItem.isAllDay && resizeItemClue.call(_this2, true)])])
     );
   },
   methods: {
@@ -1371,6 +1441,9 @@ var MultiDayViewVue2 = {
     },
     handleDragItemChange: function handleDragItemChange(item) {
       this.currentDragItem = item;
+    },
+    handleResizeItemChange: function handleResizeItemChange(item) {
+      this.currentResizeItem = item;
     }
   }
 };

package/dist/npm/views/month/MonthView.js

@@ -87,6 +87,7 @@ var MonthViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false

package/dist/npm/views/time/MultiDayTimelineView.js

@@ -148,6 +148,7 @@ var MultiDayTimelineViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false

package/dist/npm/views/time/TimelineView.js

@@ -104,6 +104,7 @@ var TimelineViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: [Object, Boolean]
   },
   // @ts-ignore
@@ -139,6 +140,7 @@ var TimelineViewVue2 = {
         workWeekEnd: this.$props.workWeekEnd,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -160,6 +162,7 @@ var TimelineViewVue2 = {
       workWeekEnd: this.$props.workWeekEnd,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/npm/views/week/WeekView.js

@@ -101,10 +101,12 @@ var WeekViewVue2 = {
     timeHeaderCell: String,
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
-    }
+    },
+    format: String
   },
   inject: {
     kendoLocalizationService: {
@@ -147,6 +149,7 @@ var WeekViewVue2 = {
         timeHeaderCell: this.$props.timeHeaderCell,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -169,6 +172,7 @@ var WeekViewVue2 = {
       timeHeaderCell: this.$props.timeHeaderCell,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/dist/npm/views/week/WorkWeekView.js

@@ -90,6 +90,7 @@ var WorkWeekViewVue2 = {
     },
     slotRender: [String, Function, Object],
     item: [String, Function, Object],
+    viewItem: [String, Function, Object],
     editable: {
       type: [Boolean, Object],
       default: false
@@ -132,6 +133,7 @@ var WorkWeekViewVue2 = {
         step: constants_1.DAYS_IN_WEEK_COUNT,
         slotRender: this.$props.slotRender,
         item: this.$props.item,
+        viewItem: this.$props.viewItem,
         editable: this.$props.editable
       },
       dateRange: this.$props.dateRange,
@@ -145,6 +147,7 @@ var WorkWeekViewVue2 = {
       step: constants_1.DAYS_IN_WEEK_COUNT,
       slotRender: this.$props.slotRender,
       item: this.$props.item,
+      viewItem: this.$props.viewItem,
       editable: this.$props.editable,
       onDataaction: this.handleDataAction,
       on: this.v3 ? undefined : {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scheduler",
   "description": "Kendo UI for Vue Scheduler package",
-  "version": "3.2.6",
+  "version": "3.2.8-dev.202205030909",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -42,7 +42,7 @@
   "dependencies": {
     "@progress/kendo-data-query": "^1.5.1",
     "@progress/kendo-recurrence": "^1.0.1",
-    "@progress/kendo-vue-common": "3.2.6",
+    "@progress/kendo-vue-common": "3.2.8-dev.202205030909",
     "@telerik/kendo-draggable": "^2.2.1"
   },
   "@progress": {
@@ -58,16 +58,16 @@
     "@progress/kendo-date-math": "^1.4.1",
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-buttons": "3.2.6",
-    "@progress/kendo-vue-dateinputs": "3.2.6",
-    "@progress/kendo-vue-dialogs": "3.2.6",
-    "@progress/kendo-vue-dropdowns": "3.2.6",
-    "@progress/kendo-vue-form": "3.2.6",
-    "@progress/kendo-vue-inputs": "3.2.6",
-    "@progress/kendo-vue-intl": "3.2.6",
-    "@progress/kendo-vue-labels": "3.2.6",
-    "@progress/kendo-vue-popup": "3.2.6",
-    "@progress/kendo-vue-progressbars": "3.2.6",
+    "@progress/kendo-vue-buttons": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-dateinputs": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-dialogs": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-dropdowns": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-form": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-inputs": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-intl": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-labels": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-popup": "3.2.8-dev.202205030909",
+    "@progress/kendo-vue-progressbars": "3.2.8-dev.202205030909",
     "cldr-core": "36.0.0",
     "cldr-dates-full": "36.0.0",
     "cldr-numbers-full": "36.0.0"