@progress/kendo-vue-scheduler 4.3.2-dev.202403261314 → 4.3.2
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/components/CurrentTimeMarker.js +5 -2
- package/dist/es/components/CurrentTimeMarkerArrow.js +5 -3
- package/dist/es/components/SchedulerForm.js +4 -2
- package/dist/es/components/header/navigation/NavigationDatePicker.js +7 -3
- package/dist/es/components/header/view-selector/ViewSelectorList.js +9 -4
- package/dist/es/items/SchedulerViewItem.js +1 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/slots/SchedulerEditSlot.js +6 -5
- package/dist/es/slots/SchedulerSlot.d.ts +2 -0
- package/dist/es/slots/SchedulerSlot.js +4 -2
- package/dist/es/slots/SchedulerViewSlot.js +8 -4
- package/dist/es/views/agenda/AgendaView.js +79 -73
- package/dist/es/views/agenda/AgendaViewBody.js +3 -2
- package/dist/es/views/day/DayViewVerticalRow.js +2 -1
- package/dist/esm/components/CurrentTimeMarker.js +5 -2
- package/dist/esm/components/CurrentTimeMarkerArrow.js +5 -3
- package/dist/esm/components/SchedulerForm.js +4 -2
- package/dist/esm/components/header/navigation/NavigationDatePicker.js +7 -3
- package/dist/esm/components/header/view-selector/ViewSelectorList.js +9 -4
- package/dist/esm/items/SchedulerViewItem.js +1 -1
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/slots/SchedulerEditSlot.js +6 -5
- package/dist/esm/slots/SchedulerSlot.d.ts +2 -0
- package/dist/esm/slots/SchedulerSlot.js +4 -2
- package/dist/esm/slots/SchedulerViewSlot.js +8 -4
- package/dist/esm/views/agenda/AgendaView.js +79 -73
- package/dist/esm/views/agenda/AgendaViewBody.js +3 -2
- package/dist/esm/views/day/DayViewVerticalRow.js +2 -1
- package/dist/npm/components/CurrentTimeMarker.js +5 -2
- package/dist/npm/components/CurrentTimeMarkerArrow.js +4 -2
- package/dist/npm/components/SchedulerForm.js +3 -1
- package/dist/npm/components/header/navigation/NavigationDatePicker.js +7 -3
- package/dist/npm/components/header/view-selector/ViewSelectorList.js +9 -4
- package/dist/npm/items/SchedulerViewItem.js +1 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/slots/SchedulerEditSlot.js +6 -5
- package/dist/npm/slots/SchedulerSlot.d.ts +2 -0
- package/dist/npm/slots/SchedulerSlot.js +4 -2
- package/dist/npm/slots/SchedulerViewSlot.js +8 -4
- package/dist/npm/views/agenda/AgendaView.js +79 -73
- package/dist/npm/views/agenda/AgendaViewBody.js +3 -2
- package/dist/npm/views/day/DayViewVerticalRow.js +2 -1
- package/package.json +12 -12
|
@@ -60,6 +60,7 @@ var SchedulerSlotVue2 = {
|
|
|
60
60
|
row: Number,
|
|
61
61
|
group: Object,
|
|
62
62
|
range: Object,
|
|
63
|
+
className: String,
|
|
63
64
|
isWorkDay: {
|
|
64
65
|
type: Boolean,
|
|
65
66
|
default: true
|
|
@@ -96,11 +97,12 @@ var SchedulerSlotVue2 = {
|
|
|
96
97
|
return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.$props.selected ? 0 : -1;
|
|
97
98
|
},
|
|
98
99
|
slotClass: function slotClass() {
|
|
99
|
-
|
|
100
|
+
var _a;
|
|
101
|
+
return _a = {
|
|
100
102
|
'k-scheduler-cell k-slot-cell': true,
|
|
101
103
|
'k-nonwork-hour': !this.$props.isWorkHour || !this.$props.isWorkDay,
|
|
102
104
|
'k-selected': this.$props.selected
|
|
103
|
-
};
|
|
105
|
+
}, _a[this.$props.className] = this.$props.className, _a;
|
|
104
106
|
},
|
|
105
107
|
slotLabel: function slotLabel() {
|
|
106
108
|
return "".concat((0, main_1.formatEventTime)(this.intl, this.$props.zonedStart, this.$props.zonedEnd, this.$props.isAllDay || false));
|
|
@@ -28,6 +28,7 @@ var SchedulerViewSlotVue2 = {
|
|
|
28
28
|
},
|
|
29
29
|
props: {
|
|
30
30
|
refTo: [Function, Object],
|
|
31
|
+
className: String,
|
|
31
32
|
items: Array,
|
|
32
33
|
row: Number,
|
|
33
34
|
group: Object,
|
|
@@ -99,7 +100,7 @@ var SchedulerViewSlotVue2 = {
|
|
|
99
100
|
if (!this.ks.scheduler || !this.ks.scheduler.$el) {
|
|
100
101
|
return;
|
|
101
102
|
}
|
|
102
|
-
if (kendo_vue_common_1.canUseDOM) {
|
|
103
|
+
if (kendo_vue_common_1.canUseDOM && window.ResizeObserver) {
|
|
103
104
|
this.observer = new window.ResizeObserver(this.handleResize);
|
|
104
105
|
this.observer.observe(this.ks.scheduler.$el);
|
|
105
106
|
}
|
|
@@ -131,7 +132,8 @@ var SchedulerViewSlotVue2 = {
|
|
|
131
132
|
zonedEnd = _a.zonedEnd,
|
|
132
133
|
navDay = _a.navDay,
|
|
133
134
|
itemsPerSlot = _a.itemsPerSlot,
|
|
134
|
-
editable = _a.editable
|
|
135
|
+
editable = _a.editable,
|
|
136
|
+
className = _a.className;
|
|
135
137
|
var slotRender;
|
|
136
138
|
var slotRenderDefaultRendering =
|
|
137
139
|
// @ts-ignore function children
|
|
@@ -157,7 +159,8 @@ var SchedulerViewSlotVue2 = {
|
|
|
157
159
|
editable: editable,
|
|
158
160
|
formItem: this.formItem,
|
|
159
161
|
selected: this.selected,
|
|
160
|
-
slotStyle: this.$props.slotStyle
|
|
162
|
+
slotStyle: this.$props.slotStyle,
|
|
163
|
+
className: className
|
|
161
164
|
},
|
|
162
165
|
isAllDay: this.isAllDay,
|
|
163
166
|
items: items,
|
|
@@ -187,7 +190,8 @@ var SchedulerViewSlotVue2 = {
|
|
|
187
190
|
onKeydown: this.handleKeyDown,
|
|
188
191
|
onFocus: this.handleFocus,
|
|
189
192
|
selected: this.selected,
|
|
190
|
-
slotStyle: this.$props.slotStyle
|
|
193
|
+
slotStyle: this.$props.slotStyle,
|
|
194
|
+
className: className
|
|
191
195
|
}, this.v3 ? function () {
|
|
192
196
|
return [defaultSlot];
|
|
193
197
|
} : [defaultSlot]);
|
|
@@ -99,27 +99,33 @@ var AgendaViewVue2 = {
|
|
|
99
99
|
this.intl = (0, kendo_vue_intl_1.provideIntlService)(this);
|
|
100
100
|
},
|
|
101
101
|
mounted: function mounted() {
|
|
102
|
+
var _this = this;
|
|
102
103
|
(0, main_1.useCellSync)({
|
|
103
104
|
element: this.$el,
|
|
104
105
|
selector: '.k-scheduler-datecolumn',
|
|
105
106
|
explicitDepth: false
|
|
106
107
|
});
|
|
107
|
-
(
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
108
|
+
setTimeout(function () {
|
|
109
|
+
return (0, main_1.useCellSync)({
|
|
110
|
+
element: _this.$el,
|
|
111
|
+
selector: '.k-scheduler-timecolumn',
|
|
112
|
+
explicitDepth: false
|
|
113
|
+
});
|
|
111
114
|
});
|
|
112
115
|
},
|
|
113
116
|
updated: function updated() {
|
|
117
|
+
var _this = this;
|
|
114
118
|
(0, main_1.useCellSync)({
|
|
115
119
|
element: this.$el,
|
|
116
120
|
selector: '.k-scheduler-datecolumn',
|
|
117
121
|
explicitDepth: false
|
|
118
122
|
});
|
|
119
|
-
(
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
+
setTimeout(function () {
|
|
124
|
+
return (0, main_1.useCellSync)({
|
|
125
|
+
element: _this.$el,
|
|
126
|
+
selector: '.k-scheduler-timecolumn',
|
|
127
|
+
explicitDepth: false
|
|
128
|
+
});
|
|
123
129
|
});
|
|
124
130
|
},
|
|
125
131
|
computed: {
|
|
@@ -165,7 +171,7 @@ var AgendaViewVue2 = {
|
|
|
165
171
|
},
|
|
166
172
|
// @ts-ignore
|
|
167
173
|
render: function render(createElement) {
|
|
168
|
-
var
|
|
174
|
+
var _this2 = this;
|
|
169
175
|
var h = gh || createElement;
|
|
170
176
|
var EditTask = this.$props.editTask || SchedulerEditTask_1.SchedulerEditTask;
|
|
171
177
|
var EditSlot = this.$props.editSlot || SchedulerEditSlot_1.SchedulerEditSlot;
|
|
@@ -194,111 +200,111 @@ var AgendaViewVue2 = {
|
|
|
194
200
|
}, [
|
|
195
201
|
// @ts-ignore function children
|
|
196
202
|
h(VerticalResourceIterator_1.VerticalResourceIterator, {
|
|
197
|
-
resources:
|
|
198
|
-
attrs:
|
|
199
|
-
resources:
|
|
200
|
-
group:
|
|
203
|
+
resources: _this2.ks.props.resources,
|
|
204
|
+
attrs: _this2.v3 ? undefined : {
|
|
205
|
+
resources: _this2.ks.props.resources,
|
|
206
|
+
group: _this2.ks.props.group
|
|
201
207
|
},
|
|
202
|
-
group:
|
|
203
|
-
},
|
|
208
|
+
group: _this2.ks.props.group
|
|
209
|
+
}, _this2.v3 ? function () {
|
|
204
210
|
return [
|
|
205
211
|
// @ts-ignore
|
|
206
212
|
h(AgendaViewHead_1.AgendaViewHead)];
|
|
207
213
|
} : [h(AgendaViewHead_1.AgendaViewHead)])]),
|
|
208
214
|
// @ts-ignore function children
|
|
209
215
|
h(VerticalResourceIterator_1.VerticalResourceIterator, {
|
|
210
|
-
resources:
|
|
211
|
-
attrs:
|
|
212
|
-
resources:
|
|
213
|
-
group:
|
|
216
|
+
resources: _this2.ks.props.resources,
|
|
217
|
+
attrs: _this2.v3 ? undefined : {
|
|
218
|
+
resources: _this2.ks.props.resources,
|
|
219
|
+
group: _this2.ks.props.group,
|
|
214
220
|
nested: true
|
|
215
221
|
},
|
|
216
|
-
group:
|
|
222
|
+
group: _this2.ks.props.group,
|
|
217
223
|
nested: true
|
|
218
|
-
},
|
|
224
|
+
}, _this2.v3 ? function () {
|
|
219
225
|
return [h(AgendaViewBody_1.AgendaViewBody, {
|
|
220
|
-
items:
|
|
221
|
-
attrs:
|
|
222
|
-
items:
|
|
226
|
+
items: _this2.items,
|
|
227
|
+
attrs: _this2.v3 ? undefined : {
|
|
228
|
+
items: _this2.items,
|
|
223
229
|
agendaSlots: agendaSlots,
|
|
224
|
-
task:
|
|
225
|
-
editable:
|
|
230
|
+
task: _this2.$props.task,
|
|
231
|
+
editable: _this2.$props.editable
|
|
226
232
|
},
|
|
227
233
|
agendaSlots: agendaSlots,
|
|
228
|
-
task:
|
|
229
|
-
editable:
|
|
230
|
-
onDataaction:
|
|
231
|
-
on:
|
|
232
|
-
"dataaction":
|
|
234
|
+
task: _this2.$props.task,
|
|
235
|
+
editable: _this2.$props.editable,
|
|
236
|
+
onDataaction: _this2.handleDataAction,
|
|
237
|
+
on: _this2.v3 ? undefined : {
|
|
238
|
+
"dataaction": _this2.handleDataAction
|
|
233
239
|
}
|
|
234
240
|
})];
|
|
235
241
|
} : [h(AgendaViewBody_1.AgendaViewBody, {
|
|
236
|
-
items:
|
|
237
|
-
attrs:
|
|
238
|
-
items:
|
|
242
|
+
items: _this2.items,
|
|
243
|
+
attrs: _this2.v3 ? undefined : {
|
|
244
|
+
items: _this2.items,
|
|
239
245
|
agendaSlots: agendaSlots,
|
|
240
|
-
task:
|
|
241
|
-
editable:
|
|
246
|
+
task: _this2.$props.task,
|
|
247
|
+
editable: _this2.$props.editable
|
|
242
248
|
},
|
|
243
249
|
agendaSlots: agendaSlots,
|
|
244
|
-
task:
|
|
245
|
-
editable:
|
|
246
|
-
onDataaction:
|
|
247
|
-
on:
|
|
248
|
-
"dataaction":
|
|
250
|
+
task: _this2.$props.task,
|
|
251
|
+
editable: _this2.$props.editable,
|
|
252
|
+
onDataaction: _this2.handleDataAction,
|
|
253
|
+
on: _this2.v3 ? undefined : {
|
|
254
|
+
"dataaction": _this2.handleDataAction
|
|
249
255
|
}
|
|
250
256
|
})])];
|
|
251
257
|
} : [h("div", {
|
|
252
258
|
"class": "k-scheduler-head"
|
|
253
259
|
}, [h(VerticalResourceIterator_1.VerticalResourceIterator, {
|
|
254
|
-
resources:
|
|
255
|
-
attrs:
|
|
256
|
-
resources:
|
|
257
|
-
group:
|
|
260
|
+
resources: _this2.ks.props.resources,
|
|
261
|
+
attrs: _this2.v3 ? undefined : {
|
|
262
|
+
resources: _this2.ks.props.resources,
|
|
263
|
+
group: _this2.ks.props.group
|
|
258
264
|
},
|
|
259
|
-
group:
|
|
260
|
-
},
|
|
265
|
+
group: _this2.ks.props.group
|
|
266
|
+
}, _this2.v3 ? function () {
|
|
261
267
|
return [h(AgendaViewHead_1.AgendaViewHead)];
|
|
262
268
|
} : [h(AgendaViewHead_1.AgendaViewHead)])]), h(VerticalResourceIterator_1.VerticalResourceIterator, {
|
|
263
|
-
resources:
|
|
264
|
-
attrs:
|
|
265
|
-
resources:
|
|
266
|
-
group:
|
|
269
|
+
resources: _this2.ks.props.resources,
|
|
270
|
+
attrs: _this2.v3 ? undefined : {
|
|
271
|
+
resources: _this2.ks.props.resources,
|
|
272
|
+
group: _this2.ks.props.group,
|
|
267
273
|
nested: true
|
|
268
274
|
},
|
|
269
|
-
group:
|
|
275
|
+
group: _this2.ks.props.group,
|
|
270
276
|
nested: true
|
|
271
|
-
},
|
|
277
|
+
}, _this2.v3 ? function () {
|
|
272
278
|
return [h(AgendaViewBody_1.AgendaViewBody, {
|
|
273
|
-
items:
|
|
274
|
-
attrs:
|
|
275
|
-
items:
|
|
279
|
+
items: _this2.items,
|
|
280
|
+
attrs: _this2.v3 ? undefined : {
|
|
281
|
+
items: _this2.items,
|
|
276
282
|
agendaSlots: agendaSlots,
|
|
277
|
-
task:
|
|
278
|
-
editable:
|
|
283
|
+
task: _this2.$props.task,
|
|
284
|
+
editable: _this2.$props.editable
|
|
279
285
|
},
|
|
280
286
|
agendaSlots: agendaSlots,
|
|
281
|
-
task:
|
|
282
|
-
editable:
|
|
283
|
-
onDataaction:
|
|
284
|
-
on:
|
|
285
|
-
"dataaction":
|
|
287
|
+
task: _this2.$props.task,
|
|
288
|
+
editable: _this2.$props.editable,
|
|
289
|
+
onDataaction: _this2.handleDataAction,
|
|
290
|
+
on: _this2.v3 ? undefined : {
|
|
291
|
+
"dataaction": _this2.handleDataAction
|
|
286
292
|
}
|
|
287
293
|
})];
|
|
288
294
|
} : [h(AgendaViewBody_1.AgendaViewBody, {
|
|
289
|
-
items:
|
|
290
|
-
attrs:
|
|
291
|
-
items:
|
|
295
|
+
items: _this2.items,
|
|
296
|
+
attrs: _this2.v3 ? undefined : {
|
|
297
|
+
items: _this2.items,
|
|
292
298
|
agendaSlots: agendaSlots,
|
|
293
|
-
task:
|
|
294
|
-
editable:
|
|
299
|
+
task: _this2.$props.task,
|
|
300
|
+
editable: _this2.$props.editable
|
|
295
301
|
},
|
|
296
302
|
agendaSlots: agendaSlots,
|
|
297
|
-
task:
|
|
298
|
-
editable:
|
|
299
|
-
onDataaction:
|
|
300
|
-
on:
|
|
301
|
-
"dataaction":
|
|
303
|
+
task: _this2.$props.task,
|
|
304
|
+
editable: _this2.$props.editable,
|
|
305
|
+
onDataaction: _this2.handleDataAction,
|
|
306
|
+
on: _this2.v3 ? undefined : {
|
|
307
|
+
"dataaction": _this2.handleDataAction
|
|
302
308
|
}
|
|
303
309
|
})])])
|
|
304
310
|
);
|
|
@@ -107,7 +107,8 @@ var AgendaViewBodyVue2 = {
|
|
|
107
107
|
editable: this.$props.editable,
|
|
108
108
|
row: filtered.length * (this.ri.groupIndex || 0) + slotIndex,
|
|
109
109
|
col: 0,
|
|
110
|
-
viewSlot: this.$props.viewSlot
|
|
110
|
+
viewSlot: this.$props.viewSlot,
|
|
111
|
+
className: "k-scheduler-datecolumn k-group-cell"
|
|
111
112
|
},
|
|
112
113
|
editable: this.$props.editable,
|
|
113
114
|
row: filtered.length * (this.ri.groupIndex || 0) + slotIndex,
|
|
@@ -117,7 +118,7 @@ var AgendaViewBodyVue2 = {
|
|
|
117
118
|
on: this.v3 ? undefined : {
|
|
118
119
|
"dataaction": this.handleDataAction
|
|
119
120
|
},
|
|
120
|
-
|
|
121
|
+
className: "k-scheduler-datecolumn k-group-cell"
|
|
121
122
|
}, this.v3 ? function () {
|
|
122
123
|
return [h("div", [h("strong", {
|
|
123
124
|
"class": "k-scheduler-agendaday"
|
|
@@ -87,6 +87,7 @@ var DayViewVerticalRowVue2 = {
|
|
|
87
87
|
viewSlot: this.$props.viewSlot,
|
|
88
88
|
form: this.$props.form,
|
|
89
89
|
index: slotIndex,
|
|
90
|
+
className: 'k-scheduler-alldays-slot',
|
|
90
91
|
row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * MultiDayView_1.GRID_OFFSET,
|
|
91
92
|
col: slotIndex,
|
|
92
93
|
expandable: true,
|
|
@@ -99,7 +100,7 @@ var DayViewVerticalRowVue2 = {
|
|
|
99
100
|
on: this.v3 ? undefined : {
|
|
100
101
|
"dataaction": this.handleDataAction
|
|
101
102
|
},
|
|
102
|
-
|
|
103
|
+
className: 'k-scheduler-alldays-slot',
|
|
103
104
|
row: groupOffset * (groupIndex || 0) + (groupIndex || 0) * MultiDayView_1.GRID_OFFSET,
|
|
104
105
|
col: slotIndex,
|
|
105
106
|
expandable: true,
|
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": "4.3.2
|
|
4
|
+
"version": "4.3.2",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@progress/kendo-data-query": "^1.5.1",
|
|
52
52
|
"@progress/kendo-draggable": "^3.0.1",
|
|
53
53
|
"@progress/kendo-recurrence": "^1.0.1",
|
|
54
|
-
"@progress/kendo-vue-common": "4.3.2
|
|
54
|
+
"@progress/kendo-vue-common": "4.3.2"
|
|
55
55
|
},
|
|
56
56
|
"@progress": {
|
|
57
57
|
"friendlyName": "Scheduler",
|
|
@@ -67,16 +67,16 @@
|
|
|
67
67
|
"@progress/kendo-drawing": "^1.8.0",
|
|
68
68
|
"@progress/kendo-licensing": "^1.3.0",
|
|
69
69
|
"@progress/kendo-svg-icons": "^2.0.0",
|
|
70
|
-
"@progress/kendo-vue-buttons": "4.3.2
|
|
71
|
-
"@progress/kendo-vue-dateinputs": "4.3.2
|
|
72
|
-
"@progress/kendo-vue-dialogs": "4.3.2
|
|
73
|
-
"@progress/kendo-vue-dropdowns": "4.3.2
|
|
74
|
-
"@progress/kendo-vue-form": "4.3.2
|
|
75
|
-
"@progress/kendo-vue-inputs": "4.3.2
|
|
76
|
-
"@progress/kendo-vue-intl": "4.3.2
|
|
77
|
-
"@progress/kendo-vue-labels": "4.3.2
|
|
78
|
-
"@progress/kendo-vue-popup": "4.3.2
|
|
79
|
-
"@progress/kendo-vue-progressbars": "4.3.2
|
|
70
|
+
"@progress/kendo-vue-buttons": "4.3.2",
|
|
71
|
+
"@progress/kendo-vue-dateinputs": "4.3.2",
|
|
72
|
+
"@progress/kendo-vue-dialogs": "4.3.2",
|
|
73
|
+
"@progress/kendo-vue-dropdowns": "4.3.2",
|
|
74
|
+
"@progress/kendo-vue-form": "4.3.2",
|
|
75
|
+
"@progress/kendo-vue-inputs": "4.3.2",
|
|
76
|
+
"@progress/kendo-vue-intl": "4.3.2",
|
|
77
|
+
"@progress/kendo-vue-labels": "4.3.2",
|
|
78
|
+
"@progress/kendo-vue-popup": "4.3.2",
|
|
79
|
+
"@progress/kendo-vue-progressbars": "4.3.2",
|
|
80
80
|
"cldr-core": "^41.0.0",
|
|
81
81
|
"cldr-dates-full": "^41.0.0",
|
|
82
82
|
"cldr-numbers-full": "^41.0.0"
|