@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.
- package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
- package/dist/es/Scheduler.d.ts +8 -0
- package/dist/es/Scheduler.js +15 -1
- package/dist/es/additionalTypes.ts +1 -0
- package/dist/es/components/SchedulerForm.js +30 -22
- package/dist/es/editors/SchedulerFormEditor.js +25 -2
- package/dist/es/items/SchedulerEditItem.js +20 -151
- package/dist/es/items/SchedulerItem.d.ts +12 -0
- package/dist/es/items/SchedulerItem.js +74 -3
- package/dist/es/items/SchedulerViewItem.js +46 -2
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/slots/SchedulerEditSlot.js +15 -32
- package/dist/es/slots/SchedulerSlot.d.ts +2 -0
- package/dist/es/slots/SchedulerSlot.js +26 -2
- package/dist/es/slots/SchedulerViewSlot.js +5 -2
- package/dist/es/tasks/SchedulerEditTask.js +14 -64
- package/dist/es/tasks/SchedulerTask.d.ts +12 -2
- package/dist/es/tasks/SchedulerTask.js +54 -3
- package/dist/es/tasks/SchedulerViewTask.js +21 -3
- package/dist/es/views/common/SchedulerDrag.js +4 -2
- package/dist/es/views/day/MultiDayView.d.ts +4 -0
- package/dist/es/views/day/MultiDayView.js +57 -5
- package/dist/npm/Scheduler.d.ts +8 -0
- package/dist/npm/Scheduler.js +15 -1
- package/dist/npm/additionalTypes.ts +1 -0
- package/dist/npm/components/SchedulerForm.js +29 -21
- package/dist/npm/editors/SchedulerFormEditor.js +25 -2
- package/dist/npm/items/SchedulerEditItem.js +20 -155
- package/dist/npm/items/SchedulerItem.d.ts +12 -0
- package/dist/npm/items/SchedulerItem.js +77 -3
- package/dist/npm/items/SchedulerViewItem.js +46 -2
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/slots/SchedulerEditSlot.js +15 -33
- package/dist/npm/slots/SchedulerSlot.d.ts +2 -0
- package/dist/npm/slots/SchedulerSlot.js +27 -2
- package/dist/npm/slots/SchedulerViewSlot.js +5 -2
- package/dist/npm/tasks/SchedulerEditTask.js +14 -66
- package/dist/npm/tasks/SchedulerTask.d.ts +12 -2
- package/dist/npm/tasks/SchedulerTask.js +56 -3
- package/dist/npm/tasks/SchedulerViewTask.js +21 -3
- package/dist/npm/views/common/SchedulerDrag.js +4 -2
- package/dist/npm/views/day/MultiDayView.d.ts +4 -0
- package/dist/npm/views/day/MultiDayView.js +58 -5
- 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
|
|
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
|
|
190
|
-
|
|
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: {
|
|
@@ -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
|
|
232
|
-
|
|
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");
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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)
|
|
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
|
+
"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.
|
|
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.
|
|
62
|
-
"@progress/kendo-vue-dateinputs": "3.2.
|
|
63
|
-
"@progress/kendo-vue-dialogs": "3.2.
|
|
64
|
-
"@progress/kendo-vue-dropdowns": "3.2.
|
|
65
|
-
"@progress/kendo-vue-form": "3.2.
|
|
66
|
-
"@progress/kendo-vue-inputs": "3.2.
|
|
67
|
-
"@progress/kendo-vue-intl": "3.2.
|
|
68
|
-
"@progress/kendo-vue-labels": "3.2.
|
|
69
|
-
"@progress/kendo-vue-popup": "3.2.
|
|
70
|
-
"@progress/kendo-vue-progressbars": "3.2.
|
|
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"
|