@progress/kendo-vue-scheduler 3.2.4 → 3.2.6-dev.202204251505

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.
Files changed (44) hide show
  1. package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
  2. package/dist/es/Scheduler.d.ts +8 -0
  3. package/dist/es/Scheduler.js +15 -1
  4. package/dist/es/additionalTypes.ts +1 -0
  5. package/dist/es/components/SchedulerForm.js +30 -22
  6. package/dist/es/editors/SchedulerFormEditor.js +25 -2
  7. package/dist/es/items/SchedulerEditItem.js +20 -151
  8. package/dist/es/items/SchedulerItem.d.ts +12 -0
  9. package/dist/es/items/SchedulerItem.js +74 -3
  10. package/dist/es/items/SchedulerViewItem.js +46 -2
  11. package/dist/es/package-metadata.js +1 -1
  12. package/dist/es/slots/SchedulerEditSlot.js +15 -32
  13. package/dist/es/slots/SchedulerSlot.d.ts +2 -0
  14. package/dist/es/slots/SchedulerSlot.js +26 -2
  15. package/dist/es/slots/SchedulerViewSlot.js +5 -2
  16. package/dist/es/tasks/SchedulerEditTask.js +14 -64
  17. package/dist/es/tasks/SchedulerTask.d.ts +12 -2
  18. package/dist/es/tasks/SchedulerTask.js +54 -3
  19. package/dist/es/tasks/SchedulerViewTask.js +21 -3
  20. package/dist/es/views/common/SchedulerDrag.js +4 -2
  21. package/dist/es/views/day/MultiDayView.d.ts +4 -0
  22. package/dist/es/views/day/MultiDayView.js +57 -5
  23. package/dist/npm/Scheduler.d.ts +8 -0
  24. package/dist/npm/Scheduler.js +15 -1
  25. package/dist/npm/additionalTypes.ts +1 -0
  26. package/dist/npm/components/SchedulerForm.js +29 -21
  27. package/dist/npm/editors/SchedulerFormEditor.js +25 -2
  28. package/dist/npm/items/SchedulerEditItem.js +20 -155
  29. package/dist/npm/items/SchedulerItem.d.ts +12 -0
  30. package/dist/npm/items/SchedulerItem.js +77 -3
  31. package/dist/npm/items/SchedulerViewItem.js +46 -2
  32. package/dist/npm/package-metadata.js +1 -1
  33. package/dist/npm/slots/SchedulerEditSlot.js +15 -33
  34. package/dist/npm/slots/SchedulerSlot.d.ts +2 -0
  35. package/dist/npm/slots/SchedulerSlot.js +27 -2
  36. package/dist/npm/slots/SchedulerViewSlot.js +5 -2
  37. package/dist/npm/tasks/SchedulerEditTask.js +14 -66
  38. package/dist/npm/tasks/SchedulerTask.d.ts +12 -2
  39. package/dist/npm/tasks/SchedulerTask.js +56 -3
  40. package/dist/npm/tasks/SchedulerViewTask.js +21 -3
  41. package/dist/npm/views/common/SchedulerDrag.js +4 -2
  42. package/dist/npm/views/day/MultiDayView.d.ts +4 -0
  43. package/dist/npm/views/day/MultiDayView.js +58 -5
  44. package/package.json +12 -12
@@ -17,8 +17,6 @@ var Scheduler_1 = require("../Scheduler");
17
17
 
18
18
  var utils_1 = require("../utils");
19
19
 
20
- var SchedulerForm_1 = require("../components/SchedulerForm");
21
-
22
20
  var SchedulerViewSlot_1 = require("./SchedulerViewSlot");
23
21
 
24
22
  var hooks_1 = require("../hooks");
@@ -63,6 +61,13 @@ var SchedulerEditSlotVue2 = {
63
61
  this.slot = null;
64
62
  this.editableSlot = null;
65
63
  },
64
+ provide: function provide() {
65
+ return {
66
+ ksEditFormSubmit: this.handleEditFormSubmit,
67
+ ksEditFormCancel: this.handleEditFormCancel,
68
+ ksEditFormClose: this.handleEditFormClose
69
+ };
70
+ },
66
71
  inject: {
67
72
  bv: {
68
73
  default: null
@@ -83,6 +88,9 @@ var SchedulerEditSlotVue2 = {
83
88
  },
84
89
  computedEditable: function computedEditable() {
85
90
  return hooks_1.useEditable(this.$props.editable);
91
+ },
92
+ compFormItem: function compFormItem() {
93
+ return this.formItem !== undefined ? this.formItem : this.currentFormItem;
86
94
  }
87
95
  },
88
96
  // @ts-ignore
@@ -94,8 +102,6 @@ var SchedulerEditSlotVue2 = {
94
102
  },
95
103
  // @ts-ignore
96
104
  render: function render(createElement) {
97
- var _this2 = this;
98
-
99
105
  var _this = this;
100
106
 
101
107
  var h = gh || createElement;
@@ -151,7 +157,8 @@ var SchedulerEditSlotVue2 = {
151
157
  selected: selected,
152
158
  navDay: navDay,
153
159
  itemsPerSlot: itemsPerSlot,
154
- tabIndex: this.currentTabIndex // Focus
160
+ tabIndex: this.currentTabIndex,
161
+ formItem: this.compFormItem // Focus
155
162
 
156
163
  },
157
164
  isAllDay: this.isAllDay,
@@ -173,6 +180,7 @@ var SchedulerEditSlotVue2 = {
173
180
  navDay: navDay,
174
181
  itemsPerSlot: itemsPerSlot,
175
182
  tabIndex: this.currentTabIndex,
183
+ formItem: this.compFormItem,
176
184
  onFocus: this.handleFocus // Mouse
177
185
  ,
178
186
  on: this.v3 ? undefined : {
@@ -186,34 +194,8 @@ var SchedulerEditSlotVue2 = {
186
194
  onKeydown: this.handleKeyDown,
187
195
  onShowmoreitems: this.handleShowMoreItemsClick
188
196
  }, this.v3 ? function () {
189
- return [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
190
- dataItem: _this2.currentFormItem,
191
- attrs: _this2.v3 ? undefined : {
192
- dataItem: _this2.currentFormItem
193
- },
194
- onSubmit: _this2.handleEditFormSubmit,
195
- on: _this2.v3 ? undefined : {
196
- "submit": _this2.handleEditFormSubmit,
197
- "close": _this2.handleEditFormClose,
198
- "cancel": _this2.handleEditFormCancel
199
- },
200
- onClose: _this2.handleEditFormClose,
201
- onCancel: _this2.handleEditFormCancel
202
- })];
203
- } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
204
- dataItem: _this2.currentFormItem,
205
- attrs: _this2.v3 ? undefined : {
206
- dataItem: _this2.currentFormItem
207
- },
208
- onSubmit: _this2.handleEditFormSubmit,
209
- on: _this2.v3 ? undefined : {
210
- "submit": _this2.handleEditFormSubmit,
211
- "close": _this2.handleEditFormClose,
212
- "cancel": _this2.handleEditFormCancel
213
- },
214
- onClose: _this2.handleEditFormClose,
215
- onCancel: _this2.handleEditFormCancel
216
- })])
197
+ return [defaultSlot];
198
+ } : [defaultSlot])
217
199
  );
218
200
  },
219
201
  methods: {
@@ -14,6 +14,8 @@ export interface SchedulerSlotProps extends Slot {
14
14
  navDay?: boolean;
15
15
  /** @hidden */
16
16
  itemsPerSlot?: number;
17
+ /** @hidden */
18
+ formItem?: object;
17
19
  /**
18
20
  * Specifies the `id` of the wrapping element of the SchedulerSlot.
19
21
  */
@@ -35,6 +35,8 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
35
35
 
36
36
  var ShowMoreItemsButton_1 = require("../components/ShowMoreItemsButton");
37
37
 
38
+ var SchedulerForm_1 = require("../components/SchedulerForm");
39
+
38
40
  var DAY_FORMAT = {
39
41
  skeleton: 'dd'
40
42
  }; // tslint:enable:max-line-length
@@ -65,7 +67,8 @@ var SchedulerSlotVue2 = {
65
67
  isAllDay: Boolean,
66
68
  navDay: Boolean,
67
69
  editable: [Object, Boolean],
68
- itemsPerSlot: Number
70
+ itemsPerSlot: Number,
71
+ formItem: Object
69
72
  },
70
73
  computed: {
71
74
  currentTabIndex: function currentTabIndex() {
@@ -94,6 +97,15 @@ var SchedulerSlotVue2 = {
94
97
  },
95
98
  slotDoubleClick: {
96
99
  default: null
100
+ },
101
+ ksEditFormSubmit: {
102
+ default: null
103
+ },
104
+ ksEditFormCancel: {
105
+ default: null
106
+ },
107
+ ksEditFormClose: {
108
+ default: null
97
109
  }
98
110
  },
99
111
  created: function created() {
@@ -191,7 +203,20 @@ var SchedulerSlotVue2 = {
191
203
  on: this.v3 ? undefined : {
192
204
  "click": this.handleShowMoreItemsClick
193
205
  }
194
- }), defaultSlot]);
206
+ }), defaultSlot, this.formItem && h(SchedulerForm_1.SchedulerForm, {
207
+ dataItem: this.formItem,
208
+ attrs: this.v3 ? undefined : {
209
+ dataItem: this.formItem
210
+ },
211
+ onSubmit: this.ksEditFormSubmit,
212
+ on: this.v3 ? undefined : {
213
+ "submit": this.ksEditFormSubmit,
214
+ "close": this.ksEditFormClose,
215
+ "cancel": this.ksEditFormCancel
216
+ },
217
+ onClose: this.ksEditFormClose,
218
+ onCancel: this.ksEditFormCancel
219
+ })]);
195
220
  },
196
221
  methods: {
197
222
  handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
@@ -46,7 +46,8 @@ var SchedulerViewSlotVue2 = {
46
46
  isAllDay: Boolean,
47
47
  navDay: Boolean,
48
48
  editable: [Object, Boolean],
49
- itemsPerSlot: Number
49
+ itemsPerSlot: Number,
50
+ formItem: Object
50
51
  },
51
52
  created: function created() {
52
53
  this.viewSlot = null;
@@ -114,7 +115,8 @@ var SchedulerViewSlotVue2 = {
114
115
  zonedEnd: zonedEnd,
115
116
  navDay: navDay,
116
117
  itemsPerSlot: itemsPerSlot,
117
- editable: editable
118
+ editable: editable,
119
+ formItem: this.formItem
118
120
  },
119
121
  items: items,
120
122
  row: row,
@@ -131,6 +133,7 @@ var SchedulerViewSlotVue2 = {
131
133
  navDay: navDay,
132
134
  itemsPerSlot: itemsPerSlot,
133
135
  editable: editable,
136
+ formItem: this.formItem,
134
137
  onShowmoreitems: this.handleShowMoreItemsClick,
135
138
  on: this.v3 ? undefined : {
136
139
  "showmoreitems": this.handleShowMoreItemsClick,
@@ -32,10 +32,6 @@ var utils_1 = require("../utils");
32
32
 
33
33
  var Scheduler_1 = require("../Scheduler");
34
34
 
35
- var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
36
-
37
- var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
38
-
39
35
  var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
40
36
 
41
37
 
@@ -104,7 +100,11 @@ var SchedulerEditTaskVue2 = {
104
100
  et: this.et,
105
101
  removeTask: this.handleRemoveItemChange,
106
102
  removeDialog: this.handleRemoveDialogChange,
107
- occurrenceDialog: this.handleOccurrenceDialogChange
103
+ occurrenceDialog: this.handleOccurrenceDialogChange,
104
+ ksCancel: this.handleCancel,
105
+ ksSeriesClick: this.handleSeriesClick,
106
+ ksOccurrenceClick: this.handleOccurrenceClick,
107
+ ksRemoveConfirm: this.handleRemoveConfirm
108
108
  };
109
109
  },
110
110
  data: function data() {
@@ -144,8 +144,6 @@ var SchedulerEditTaskVue2 = {
144
144
  },
145
145
  // @ts-ignore
146
146
  render: function render(createElement) {
147
- var _this = this;
148
-
149
147
  var h = gh || createElement;
150
148
  var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
151
149
 
@@ -193,8 +191,11 @@ var SchedulerEditTaskVue2 = {
193
191
  recurrenceRule: this.$props.recurrenceRule,
194
192
  recurrenceId: this.$props.recurrenceId,
195
193
  dataItem: this.$props.dataItem,
194
+ removeItem: this.compRemoveItem,
196
195
  task: this.$props.task,
197
- editable: this.$props.editable
196
+ editable: this.$props.editable,
197
+ showOccurrenceDialog: this.compShowOccurrenceDialog,
198
+ showRemoveDialog: this.compShowRemoveDialog
198
199
  },
199
200
  tabIndex: this.$props.tabIndex,
200
201
  head: this.$props.head,
@@ -221,71 +222,18 @@ var SchedulerEditTaskVue2 = {
221
222
  recurrenceRule: this.$props.recurrenceRule,
222
223
  recurrenceId: this.$props.recurrenceId,
223
224
  dataItem: this.$props.dataItem,
225
+ removeItem: this.compRemoveItem,
224
226
  task: this.$props.task,
225
227
  editable: this.$props.editable,
228
+ showOccurrenceDialog: this.compShowOccurrenceDialog,
229
+ showRemoveDialog: this.compShowRemoveDialog,
226
230
  onRemoveclick: this.handleRemoveClick,
227
231
  on: this.v3 ? undefined : {
228
232
  "removeclick": this.handleRemoveClick
229
233
  }
230
234
  }, this.v3 ? function () {
231
- return [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
232
- dataItem: _this.compRemoveItem,
233
- attrs: _this.v3 ? undefined : {
234
- dataItem: _this.compRemoveItem,
235
- isRemove: _this.compRemoveItem !== null
236
- },
237
- isRemove: _this.compRemoveItem !== null,
238
- onClose: _this.handleCancel,
239
- on: _this.v3 ? undefined : {
240
- "close": _this.handleCancel,
241
- "occurrenceclose": _this.handleOccurrenceClick,
242
- "seriesclose": _this.handleSeriesClick
243
- },
244
- onOccurrenceclose: _this.handleOccurrenceClick,
245
- onSeriesclose: _this.handleSeriesClick
246
- }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
247
- dataItem: _this.compRemoveItem,
248
- attrs: _this.v3 ? undefined : {
249
- dataItem: _this.compRemoveItem
250
- },
251
- onClose: _this.handleCancel,
252
- on: _this.v3 ? undefined : {
253
- "close": _this.handleCancel,
254
- "cancel": _this.handleCancel,
255
- "confirm": _this.handleRemoveConfirm
256
- },
257
- onCancel: _this.handleCancel,
258
- onConfirm: _this.handleRemoveConfirm
259
- })];
260
- } : [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
261
- dataItem: _this.compRemoveItem,
262
- attrs: _this.v3 ? undefined : {
263
- dataItem: _this.compRemoveItem,
264
- isRemove: _this.compRemoveItem !== null
265
- },
266
- isRemove: _this.compRemoveItem !== null,
267
- onClose: _this.handleCancel,
268
- on: _this.v3 ? undefined : {
269
- "close": _this.handleCancel,
270
- "occurrenceclose": _this.handleOccurrenceClick,
271
- "seriesclose": _this.handleSeriesClick
272
- },
273
- onOccurrenceclose: _this.handleOccurrenceClick,
274
- onSeriesclose: _this.handleSeriesClick
275
- }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
276
- dataItem: _this.compRemoveItem,
277
- attrs: _this.v3 ? undefined : {
278
- dataItem: _this.compRemoveItem
279
- },
280
- onClose: _this.handleCancel,
281
- on: _this.v3 ? undefined : {
282
- "close": _this.handleCancel,
283
- "cancel": _this.handleCancel,
284
- "confirm": _this.handleRemoveConfirm
285
- },
286
- onCancel: _this.handleCancel,
287
- onConfirm: _this.handleRemoveConfirm
288
- })])
235
+ return [defaultSlot];
236
+ } : [defaultSlot])
289
237
  );
290
238
  },
291
239
  methods: {
@@ -8,8 +8,6 @@ import { Item, SchedulerTaskMouseEvent, EditableProp } from '../models';
8
8
  * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.
9
9
  */
10
10
  export interface SchedulerTaskProps extends Item {
11
- /** @hidden */
12
- refTo: any;
13
11
  /**
14
12
  * Specifies the `id` of the wrapping element of the SchedulerTask.
15
13
  */
@@ -35,6 +33,18 @@ export interface SchedulerTaskProps extends Item {
35
33
  * The `delete` icon is rendered only when `props.editable` or `props.editable.remove` is `true`
36
34
  */
37
35
  onRemoveClick?: (event: SchedulerTaskMouseEvent) => void;
36
+ /** @hidden */
37
+ refTo: any;
38
+ /** @hidden */
39
+ removeDialog?: any;
40
+ /** @hidden */
41
+ occurrenceDialog?: any;
42
+ /** @hidden */
43
+ showRemoveDialog?: boolean;
44
+ /** @hidden */
45
+ showOccurrenceDialog?: boolean;
46
+ /** @hidden */
47
+ removeItem?: object;
38
48
  }
39
49
  /**
40
50
  * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.
@@ -33,7 +33,11 @@ var messages_1 = require("../messages");
33
33
 
34
34
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
35
35
 
36
- var hooks_1 = require("../hooks"); // tslint:enable:max-line-length
36
+ var hooks_1 = require("../hooks");
37
+
38
+ var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
39
+
40
+ var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog"); // tslint:enable:max-line-length
37
41
 
38
42
 
39
43
  var SchedulerTaskVue2 = {
@@ -66,7 +70,16 @@ var SchedulerTaskVue2 = {
66
70
  recurrenceRule: String,
67
71
  recurrenceId: [String, Number],
68
72
  dataItem: Object,
69
- editable: [Object, Boolean]
73
+ removeItem: Object,
74
+ editable: [Object, Boolean],
75
+ showOccurrenceDialog: {
76
+ type: Boolean,
77
+ default: undefined
78
+ },
79
+ showRemoveDialog: {
80
+ type: Boolean,
81
+ default: undefined
82
+ }
70
83
  },
71
84
  inject: {
72
85
  kendoLocalizationService: {
@@ -77,6 +90,18 @@ var SchedulerTaskVue2 = {
77
90
  },
78
91
  taskDoubleClick: {
79
92
  default: null
93
+ },
94
+ ksCancel: {
95
+ default: null
96
+ },
97
+ ksSeriesClick: {
98
+ default: null
99
+ },
100
+ ksOccurrenceClick: {
101
+ default: null
102
+ },
103
+ ksRemoveConfirm: {
104
+ default: null
80
105
  }
81
106
  },
82
107
  created: function created() {
@@ -139,7 +164,35 @@ var SchedulerTaskVue2 = {
139
164
  }
140
165
  }, [h("span", {
141
166
  "class": "k-icon k-i-close"
142
- })])]);
167
+ })]), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
168
+ dataItem: this.removeItem,
169
+ attrs: this.v3 ? undefined : {
170
+ dataItem: this.removeItem,
171
+ isRemove: this.removeItem !== null
172
+ },
173
+ isRemove: this.removeItem !== null,
174
+ onClose: this.ksCancel,
175
+ on: this.v3 ? undefined : {
176
+ "close": this.ksCancel,
177
+ "occurrenceclose": this.ksOccurrenceClick,
178
+ "seriesclose": this.ksSeriesClick
179
+ },
180
+ onOccurrenceclose: this.ksOccurrenceClick,
181
+ onSeriesclose: this.ksSeriesClick
182
+ }), this.showRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
183
+ dataItem: this.removeItem,
184
+ attrs: this.v3 ? undefined : {
185
+ dataItem: this.removeItem
186
+ },
187
+ onClose: this.ksCancel,
188
+ on: this.v3 ? undefined : {
189
+ "close": this.ksCancel,
190
+ "cancel": this.ksCancel,
191
+ "confirm": this.ksRemoveConfirm
192
+ },
193
+ onCancel: this.ksCancel,
194
+ onConfirm: this.ksRemoveConfirm
195
+ })]);
143
196
  },
144
197
  methods: {
145
198
  handleRemoveClick: function handleRemoveClick(event) {
@@ -46,8 +46,17 @@ var SchedulerViewTaskVue2 = {
46
46
  recurrenceRule: String,
47
47
  recurrenceId: [String, Number],
48
48
  dataItem: Object,
49
+ removeItem: Object,
49
50
  task: [String, Function, Object],
50
- editable: [Object, Boolean]
51
+ editable: [Object, Boolean],
52
+ showOccurrenceDialog: {
53
+ type: Boolean,
54
+ default: undefined
55
+ },
56
+ showRemoveDialog: {
57
+ type: Boolean,
58
+ default: undefined
59
+ }
51
60
  },
52
61
  // @ts-ignore
53
62
  setup: !gh ? undefined : function () {
@@ -91,7 +100,10 @@ var SchedulerViewTaskVue2 = {
91
100
  recurrenceRule: this.$props.recurrenceRule,
92
101
  recurrenceId: this.$props.recurrenceId,
93
102
  dataItem: this.$props.dataItem,
94
- editable: this.$props.editable
103
+ removeItem: this.removeItem,
104
+ editable: this.$props.editable,
105
+ showOccurrenceDialog: this.showOccurrenceDialog,
106
+ showRemoveDialog: this.showRemoveDialog
95
107
  },
96
108
  tabIndex: this.$props.tabIndex,
97
109
  head: this.$props.head,
@@ -118,7 +130,10 @@ var SchedulerViewTaskVue2 = {
118
130
  recurrenceRule: this.$props.recurrenceRule,
119
131
  recurrenceId: this.$props.recurrenceId,
120
132
  dataItem: this.$props.dataItem,
133
+ removeItem: this.removeItem,
121
134
  editable: this.$props.editable,
135
+ showOccurrenceDialog: this.showOccurrenceDialog,
136
+ showRemoveDialog: this.showRemoveDialog,
122
137
  onRemoveclick: this.handleRemoveClick,
123
138
  on: this.v3 ? undefined : {
124
139
  "removeclick": this.handleRemoveClick
@@ -130,7 +145,10 @@ var SchedulerViewTaskVue2 = {
130
145
  h: h,
131
146
  template: this.$props.task,
132
147
  defaultRendering: taskRenderDefaultRendering,
133
- defaultSlots: defaultSlot
148
+ defaultSlots: defaultSlot,
149
+ additionalListeners: {
150
+ 'removeclick': this.handleRemoveClick
151
+ }
134
152
  });
135
153
  return taskRender;
136
154
  },
@@ -87,7 +87,8 @@ var SchedulerDragVue2 = {
87
87
  });
88
88
  utils_1.mapItemsToSlots(this.items, slots);
89
89
  return (// fragment
90
- h("div", [this.items.map(function (item, idx) {
90
+ // <div>
91
+ this.items.map(function (item, idx) {
91
92
  return h(SchedulerViewItem_1.SchedulerViewItem, {
92
93
  key: idx,
93
94
  uid: item.uid,
@@ -150,7 +151,8 @@ var SchedulerDragVue2 = {
150
151
  vertical: this.$props.vertical,
151
152
  ignoreIsAllDay: this.$props.ignoreIsAllDay
152
153
  });
153
- }, this)])
154
+ }, this) // </div>
155
+
154
156
  );
155
157
  }
156
158
  };
@@ -102,6 +102,10 @@ export interface MultiDayViewProps extends SchedulerViewProps {
102
102
  * Overrides the `item` prop of the Scheduler for the specified view only.
103
103
  */
104
104
  item?: any;
105
+ /**
106
+ * Overrides the `dragItem` prop of the Scheduler for the specified view only.
107
+ */
108
+ dragItem?: any;
105
109
  /**
106
110
  * Overrides the `viewItem` prop of the Scheduler for the specified view only.
107
111
  */
@@ -70,6 +70,8 @@ var constants_1 = require("../../constants");
70
70
 
71
71
  var services_1 = require("../../services/");
72
72
 
73
+ var SchedulerDrag_1 = require("../../views/common/SchedulerDrag");
74
+
73
75
  var SchedulerEditSlot_1 = require("../../slots/SchedulerEditSlot");
74
76
 
75
77
  var SchedulerEditItem_1 = require("../../items/SchedulerEditItem");
@@ -152,6 +154,12 @@ var MultiDayViewVue2 = {
152
154
  type: String,
153
155
  default: '{0:d} - {1:d}'
154
156
  },
157
+ dragItem: {
158
+ type: Object,
159
+ default: function _default() {
160
+ return undefined;
161
+ }
162
+ },
155
163
  // showCurrentTime: {
156
164
  // type: Boolean,
157
165
  // default: true
@@ -270,8 +278,16 @@ var MultiDayViewVue2 = {
270
278
  utils_1.mapItemsToSlots(timeItems, this.timeSlots, false);
271
279
  utils_1.mapSlotsToItems(timeItems, this.timeSlots, false);
272
280
  return timeItems;
281
+ },
282
+ compDragItem: function compDragItem() {
283
+ return this.dragItem !== undefined ? this.dragItem : this.currentDragItem;
273
284
  }
274
285
  },
286
+ data: function data() {
287
+ return {
288
+ currentDragItem: undefined
289
+ };
290
+ },
275
291
  created: function created() {
276
292
  this.intl = kendo_vue_intl_1.provideIntlService(this);
277
293
  },
@@ -305,6 +321,34 @@ var MultiDayViewVue2 = {
305
321
  var timeItems = this.timeItems;
306
322
  var daySlots = this.daySlots;
307
323
  var timeSlots = this.timeSlots;
324
+
325
+ var dragItemClue = function dragItemClue(vertical) {
326
+ return this.compDragItem && this.$props.editable.drag && (Array.isArray(this.compDragItem) ? this.compDragItem.map(function (di, idx) {
327
+ return h(SchedulerDrag_1.SchedulerDrag, {
328
+ key: idx // ignoreIsAllDay={ignoreIsAllDay}
329
+ ,
330
+ dataItem: di,
331
+ attrs: this.v3 ? undefined : {
332
+ dataItem: di,
333
+ vertical: vertical,
334
+ item: this.$props.dataItem
335
+ },
336
+ vertical: vertical,
337
+ item: this.$props.dataItem
338
+ });
339
+ }, this) : h(SchedulerDrag_1.SchedulerDrag, {
340
+ // ignoreIsAllDay={ignoreIsAllDay}
341
+ dataItem: this.compDragItem,
342
+ attrs: this.v3 ? undefined : {
343
+ dataItem: this.compDragItem,
344
+ vertical: vertical,
345
+ item: this.$props.dataItem
346
+ },
347
+ vertical: vertical,
348
+ item: this.$props.dataItem
349
+ }));
350
+ };
351
+
308
352
  return (// @ts-ignore function children
309
353
  h(BaseView_1.BaseView, {
310
354
  id: this.$props.id,
@@ -477,7 +521,9 @@ var MultiDayViewVue2 = {
477
521
  editable: this.$props.editable,
478
522
  vertical: false
479
523
  });
480
- }, _this2)] : // @ts-ignore function children
524
+ }, _this2) // ,
525
+ // dragItemClue.call(this, false)
526
+ ] : // @ts-ignore function children
481
527
  h(VerticalResourceIterator_1.VerticalResourceIterator, {
482
528
  group: _this2.ks.props.group,
483
529
  attrs: _this2.v3 ? undefined : {
@@ -815,15 +861,17 @@ var MultiDayViewVue2 = {
815
861
  format: 't',
816
862
  onDataaction: this.handleDataAction,
817
863
  on: this.v3 ? undefined : {
818
- "dataaction": this.handleDataAction
864
+ "dataaction": this.handleDataAction,
865
+ "dragitemchange": this.handleDragItemChange
819
866
  },
867
+ onDragitemchange: this.handleDragItemChange,
820
868
  viewItem: this.$props.viewItem,
821
869
  item: this.$props.item,
822
870
  form: this.$props.form,
823
871
  editable: this.$props.editable,
824
872
  vertical: true
825
873
  });
826
- }, _this2)])];
874
+ }, _this2), dragItemClue.call(_this2, true)])];
827
875
  } : [h("div", {
828
876
  "class": "k-scheduler-head"
829
877
  }, [_this2.ks.orientation === 'horizontal' ? [h(HorizontalResourceIterator_1.HorizontalResourceIterator, {
@@ -1304,20 +1352,25 @@ var MultiDayViewVue2 = {
1304
1352
  format: 't',
1305
1353
  onDataaction: this.handleDataAction,
1306
1354
  on: this.v3 ? undefined : {
1307
- "dataaction": this.handleDataAction
1355
+ "dataaction": this.handleDataAction,
1356
+ "dragitemchange": this.handleDragItemChange
1308
1357
  },
1358
+ onDragitemchange: this.handleDragItemChange,
1309
1359
  viewItem: this.$props.viewItem,
1310
1360
  item: this.$props.item,
1311
1361
  form: this.$props.form,
1312
1362
  editable: this.$props.editable,
1313
1363
  vertical: true
1314
1364
  });
1315
- }, _this2)])])
1365
+ }, _this2), dragItemClue.call(_this2, true)])])
1316
1366
  );
1317
1367
  },
1318
1368
  methods: {
1319
1369
  handleDataAction: function handleDataAction(action) {
1320
1370
  this.$emit('dataaction', action);
1371
+ },
1372
+ handleDragItemChange: function handleDragItemChange(item) {
1373
+ this.currentDragItem = item;
1321
1374
  }
1322
1375
  }
1323
1376
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-scheduler",
3
3
  "description": "Kendo UI for Vue Scheduler package",
4
- "version": "3.2.4",
4
+ "version": "3.2.6-dev.202204251505",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -42,7 +42,7 @@
42
42
  "dependencies": {
43
43
  "@progress/kendo-data-query": "^1.5.1",
44
44
  "@progress/kendo-recurrence": "^1.0.1",
45
- "@progress/kendo-vue-common": "3.2.4",
45
+ "@progress/kendo-vue-common": "3.2.6-dev.202204251505",
46
46
  "@telerik/kendo-draggable": "^2.2.1"
47
47
  },
48
48
  "@progress": {
@@ -58,16 +58,16 @@
58
58
  "@progress/kendo-date-math": "^1.4.1",
59
59
  "@progress/kendo-drawing": "^1.8.0",
60
60
  "@progress/kendo-licensing": "^1.0.1",
61
- "@progress/kendo-vue-buttons": "3.2.4",
62
- "@progress/kendo-vue-dateinputs": "3.2.4",
63
- "@progress/kendo-vue-dialogs": "3.2.4",
64
- "@progress/kendo-vue-dropdowns": "3.2.4",
65
- "@progress/kendo-vue-form": "3.2.4",
66
- "@progress/kendo-vue-inputs": "3.2.4",
67
- "@progress/kendo-vue-intl": "3.2.4",
68
- "@progress/kendo-vue-labels": "3.2.4",
69
- "@progress/kendo-vue-popup": "3.2.4",
70
- "@progress/kendo-vue-progressbars": "3.2.4",
61
+ "@progress/kendo-vue-buttons": "3.2.6-dev.202204251505",
62
+ "@progress/kendo-vue-dateinputs": "3.2.6-dev.202204251505",
63
+ "@progress/kendo-vue-dialogs": "3.2.6-dev.202204251505",
64
+ "@progress/kendo-vue-dropdowns": "3.2.6-dev.202204251505",
65
+ "@progress/kendo-vue-form": "3.2.6-dev.202204251505",
66
+ "@progress/kendo-vue-inputs": "3.2.6-dev.202204251505",
67
+ "@progress/kendo-vue-intl": "3.2.6-dev.202204251505",
68
+ "@progress/kendo-vue-labels": "3.2.6-dev.202204251505",
69
+ "@progress/kendo-vue-popup": "3.2.6-dev.202204251505",
70
+ "@progress/kendo-vue-progressbars": "3.2.6-dev.202204251505",
71
71
  "cldr-core": "36.0.0",
72
72
  "cldr-dates-full": "36.0.0",
73
73
  "cldr-numbers-full": "36.0.0"