@progress/kendo-vue-scheduler 3.2.7 → 3.2.9-dev.202205051307
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 +2 -2
- package/dist/es/Scheduler.d.ts +14 -0
- package/dist/es/Scheduler.js +24 -4
- package/dist/es/components/{CurrentTimeMarket.d.ts → CurrentTimeMarker.d.ts} +0 -0
- package/dist/es/components/CurrentTimeMarker.js +160 -0
- package/dist/es/components/CurrentTimeMarkerArrow.d.ts +43 -0
- package/dist/es/components/CurrentTimeMarkerArrow.js +135 -0
- package/dist/es/components/DateHeaderCell.js +15 -2
- package/dist/es/components/SchedulerForm.d.ts +0 -18
- package/dist/es/components/SchedulerForm.js +73 -174
- package/dist/es/components/TimeHeaderCell.js +15 -2
- package/dist/es/items/SchedulerEditItem.js +120 -91
- package/dist/es/items/SchedulerViewItem.js +9 -6
- package/dist/es/main.d.ts +2 -1
- package/dist/es/main.js +2 -1
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/slots/SchedulerEditSlot.js +60 -45
- package/dist/es/slots/SchedulerSlot.d.ts +4 -0
- package/dist/es/slots/SchedulerViewSlot.d.ts +0 -1
- package/dist/es/slots/SchedulerViewSlot.js +12 -4
- package/dist/es/views/agenda/AgendaViewBody.js +0 -1
- package/dist/es/views/common/VerticalResourceIterator.js +10 -2
- package/dist/es/views/day/DayView.js +12 -1
- package/dist/es/views/day/DayViewAllDaySlots.d.ts +1 -0
- package/dist/es/views/day/DayViewAllDaySlots.js +1 -0
- package/dist/es/views/day/DayViewMiddleRow.d.ts +1 -0
- package/dist/es/views/day/DayViewMiddleRow.js +1 -0
- package/dist/es/views/day/DayViewVerticalSlotsRow.d.ts +3 -0
- package/dist/es/views/day/DayViewVerticalSlotsRow.js +25 -5
- package/dist/es/views/day/MultiDayView.js +37 -23
- package/dist/es/views/month/MonthView.js +9 -0
- package/dist/es/views/month/MonthViewBody.d.ts +1 -0
- package/dist/es/views/month/MonthViewBody.js +2 -1
- package/dist/es/views/time/MultiDayTimelineView.js +24 -5
- package/dist/es/views/time/TimelineView.js +12 -1
- package/dist/es/views/time/TimelineViewBody.d.ts +2 -0
- package/dist/es/views/time/TimelineViewBody.js +19 -7
- package/dist/es/views/week/WeekView.js +12 -1
- package/dist/es/views/week/WorkWeekView.js +15 -1
- package/dist/npm/Scheduler.d.ts +14 -0
- package/dist/npm/Scheduler.js +24 -4
- package/dist/npm/components/{CurrentTimeMarket.d.ts → CurrentTimeMarker.d.ts} +0 -0
- package/dist/npm/components/CurrentTimeMarker.js +171 -0
- package/dist/npm/components/CurrentTimeMarkerArrow.d.ts +43 -0
- package/dist/npm/components/CurrentTimeMarkerArrow.js +147 -0
- package/dist/npm/components/DateHeaderCell.js +16 -2
- package/dist/npm/components/SchedulerForm.d.ts +0 -18
- package/dist/npm/components/SchedulerForm.js +74 -174
- package/dist/npm/components/TimeHeaderCell.js +16 -2
- package/dist/npm/items/SchedulerEditItem.js +119 -90
- package/dist/npm/items/SchedulerViewItem.js +9 -6
- package/dist/npm/main.d.ts +2 -1
- package/dist/npm/main.js +3 -1
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/slots/SchedulerEditSlot.js +59 -44
- package/dist/npm/slots/SchedulerSlot.d.ts +4 -0
- package/dist/npm/slots/SchedulerViewSlot.d.ts +0 -1
- package/dist/npm/slots/SchedulerViewSlot.js +12 -4
- package/dist/npm/views/agenda/AgendaViewBody.js +0 -1
- package/dist/npm/views/common/VerticalResourceIterator.js +10 -2
- package/dist/npm/views/day/DayView.js +12 -1
- package/dist/npm/views/day/DayViewAllDaySlots.d.ts +1 -0
- package/dist/npm/views/day/DayViewAllDaySlots.js +1 -0
- package/dist/npm/views/day/DayViewMiddleRow.d.ts +1 -0
- package/dist/npm/views/day/DayViewMiddleRow.js +1 -0
- package/dist/npm/views/day/DayViewVerticalSlotsRow.d.ts +3 -0
- package/dist/npm/views/day/DayViewVerticalSlotsRow.js +28 -6
- package/dist/npm/views/day/MultiDayView.js +38 -23
- package/dist/npm/views/month/MonthView.js +9 -0
- package/dist/npm/views/month/MonthViewBody.d.ts +1 -0
- package/dist/npm/views/month/MonthViewBody.js +2 -1
- package/dist/npm/views/time/MultiDayTimelineView.js +24 -5
- package/dist/npm/views/time/TimelineView.js +12 -1
- package/dist/npm/views/time/TimelineViewBody.d.ts +2 -0
- package/dist/npm/views/time/TimelineViewBody.js +20 -7
- package/dist/npm/views/week/WeekView.js +12 -1
- package/dist/npm/views/week/WorkWeekView.js +15 -1
- package/package.json +12 -12
- package/dist/es/components/CurrentTimeMarket.js +0 -187
- package/dist/npm/components/CurrentTimeMarket.js +0 -199
|
@@ -25,7 +25,8 @@ import { Dialog as KendoDialog } from '@progress/kendo-vue-dialogs';
|
|
|
25
25
|
import { provideLocalizationService } from '@progress/kendo-vue-intl';
|
|
26
26
|
import { SchedulerFormEditor } from '../editors/SchedulerFormEditor'; // import { useSchedulerFieldsContext } from '../context';
|
|
27
27
|
|
|
28
|
-
import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages';
|
|
28
|
+
import { messages, editorValidationRequired, editorValidationStart, editorValidationEnd, editorSave, editorCancel, editorTitle } from '../messages';
|
|
29
|
+
import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
|
|
29
30
|
|
|
30
31
|
var SchedulerFormVue2 = {
|
|
31
32
|
name: 'KendoSchedulerForm',
|
|
@@ -36,10 +37,7 @@ var SchedulerFormVue2 = {
|
|
|
36
37
|
submit: null
|
|
37
38
|
},
|
|
38
39
|
props: {
|
|
39
|
-
dataItem: Object
|
|
40
|
-
renderForm: Object,
|
|
41
|
-
editor: [String, Function, Object],
|
|
42
|
-
dialog: [String, Function, Object]
|
|
40
|
+
dataItem: Object
|
|
43
41
|
},
|
|
44
42
|
inject: {
|
|
45
43
|
ks: {
|
|
@@ -69,179 +67,18 @@ var SchedulerFormVue2 = {
|
|
|
69
67
|
var _this = this;
|
|
70
68
|
|
|
71
69
|
var h = gh || createElement;
|
|
72
|
-
var
|
|
73
|
-
|
|
74
|
-
Dialog = _a.dialog,
|
|
75
|
-
validator = _a.validator; // const form = React.useRef<SchedulerFormHandle>(null);
|
|
76
|
-
|
|
77
|
-
var localization = provideLocalizationService(this); // const fields = useSchedulerFieldsContext();
|
|
78
|
-
|
|
70
|
+
var that = this;
|
|
71
|
+
var localization = provideLocalizationService(this);
|
|
79
72
|
this.requiredValidationMessage = localization.toLanguageString(editorValidationRequired, messages[editorValidationRequired]);
|
|
80
73
|
this.endValidationMessage = localization.toLanguageString(editorValidationEnd, messages[editorValidationEnd]);
|
|
81
74
|
var editSaveMessage = localization.toLanguageString(editorSave, messages[editorSave]);
|
|
82
75
|
var editCancelMessage = localization.toLanguageString(editorCancel, messages[editorCancel]);
|
|
83
76
|
var editorTitleMessage = localization.toLanguageString(editorTitle, messages[editorTitle]);
|
|
84
77
|
this.startValidationMessage = localization.toLanguageString(editorValidationStart, messages[editorValidationStart]);
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
title: editorTitleMessage,
|
|
90
|
-
appendTo: 'body',
|
|
91
|
-
minWidth: 600
|
|
92
|
-
},
|
|
93
|
-
appendTo: 'body',
|
|
94
|
-
minWidth: 600,
|
|
95
|
-
onClose: this.handleClose,
|
|
96
|
-
on: this.v3 ? undefined : {
|
|
97
|
-
"close": this.handleClose
|
|
98
|
-
},
|
|
99
|
-
"class": "k-scheduler-edit-dialog"
|
|
100
|
-
}, this.v3 ? function () {
|
|
101
|
-
return [// @ts-ignore function children
|
|
102
|
-
h(Form, {
|
|
103
|
-
initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
|
|
104
|
-
attrs: _this.v3 ? undefined : {
|
|
105
|
-
initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
|
|
106
|
-
validator: _this.formValidator
|
|
107
|
-
},
|
|
108
|
-
onSubmit: _this.handleSubmit,
|
|
109
|
-
on: _this.v3 ? undefined : {
|
|
110
|
-
"submit": _this.handleSubmit
|
|
111
|
-
},
|
|
112
|
-
validator: _this.formValidator
|
|
113
|
-
}, _this.v3 ? function () {
|
|
114
|
-
return [// @ts-ignore function children
|
|
115
|
-
h(SchedulerFormEditor, {
|
|
116
|
-
renderForm: _this.renderForm // {...this.renderProps}
|
|
117
|
-
,
|
|
118
|
-
attrs: _this.v3 ? undefined : {
|
|
119
|
-
renderForm: _this.renderForm,
|
|
120
|
-
as: Editor
|
|
121
|
-
},
|
|
122
|
-
as: Editor
|
|
123
|
-
}, _this.v3 ? function () {
|
|
124
|
-
return [h(SchedulerActionButtons, {
|
|
125
|
-
editSaveMessage: editSaveMessage,
|
|
126
|
-
attrs: _this.v3 ? undefined : {
|
|
127
|
-
editSaveMessage: editSaveMessage,
|
|
128
|
-
editCancelMessage: editCancelMessage
|
|
129
|
-
},
|
|
130
|
-
editCancelMessage: editCancelMessage,
|
|
131
|
-
onCancel: _this.handleCancel,
|
|
132
|
-
on: _this.v3 ? undefined : {
|
|
133
|
-
"cancel": _this.handleCancel
|
|
134
|
-
}
|
|
135
|
-
})];
|
|
136
|
-
} : [h(SchedulerActionButtons, {
|
|
137
|
-
editSaveMessage: editSaveMessage,
|
|
138
|
-
attrs: _this.v3 ? undefined : {
|
|
139
|
-
editSaveMessage: editSaveMessage,
|
|
140
|
-
editCancelMessage: editCancelMessage
|
|
141
|
-
},
|
|
142
|
-
editCancelMessage: editCancelMessage,
|
|
143
|
-
onCancel: _this.handleCancel,
|
|
144
|
-
on: _this.v3 ? undefined : {
|
|
145
|
-
"cancel": _this.handleCancel
|
|
146
|
-
}
|
|
147
|
-
})])];
|
|
148
|
-
} : [h(SchedulerFormEditor, {
|
|
149
|
-
renderForm: _this.renderForm,
|
|
150
|
-
attrs: _this.v3 ? undefined : {
|
|
151
|
-
renderForm: _this.renderForm,
|
|
152
|
-
as: Editor
|
|
153
|
-
},
|
|
154
|
-
as: Editor
|
|
155
|
-
}, _this.v3 ? function () {
|
|
156
|
-
return [h(SchedulerActionButtons, {
|
|
157
|
-
editSaveMessage: editSaveMessage,
|
|
158
|
-
attrs: _this.v3 ? undefined : {
|
|
159
|
-
editSaveMessage: editSaveMessage,
|
|
160
|
-
editCancelMessage: editCancelMessage
|
|
161
|
-
},
|
|
162
|
-
editCancelMessage: editCancelMessage,
|
|
163
|
-
onCancel: _this.handleCancel,
|
|
164
|
-
on: _this.v3 ? undefined : {
|
|
165
|
-
"cancel": _this.handleCancel
|
|
166
|
-
}
|
|
167
|
-
})];
|
|
168
|
-
} : [h(SchedulerActionButtons, {
|
|
169
|
-
editSaveMessage: editSaveMessage,
|
|
170
|
-
attrs: _this.v3 ? undefined : {
|
|
171
|
-
editSaveMessage: editSaveMessage,
|
|
172
|
-
editCancelMessage: editCancelMessage
|
|
173
|
-
},
|
|
174
|
-
editCancelMessage: editCancelMessage,
|
|
175
|
-
onCancel: _this.handleCancel,
|
|
176
|
-
on: _this.v3 ? undefined : {
|
|
177
|
-
"cancel": _this.handleCancel
|
|
178
|
-
}
|
|
179
|
-
})])])];
|
|
180
|
-
} : [h(Form, {
|
|
181
|
-
initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
|
|
182
|
-
attrs: _this.v3 ? undefined : {
|
|
183
|
-
initialValues: _this.ksModifyInitialFormValues(_this.$props.dataItem),
|
|
184
|
-
validator: _this.formValidator
|
|
185
|
-
},
|
|
186
|
-
onSubmit: _this.handleSubmit,
|
|
187
|
-
on: _this.v3 ? undefined : {
|
|
188
|
-
"submit": _this.handleSubmit
|
|
189
|
-
},
|
|
190
|
-
validator: _this.formValidator
|
|
191
|
-
}, _this.v3 ? function () {
|
|
192
|
-
return [h(SchedulerFormEditor, {
|
|
193
|
-
renderForm: _this.renderForm,
|
|
194
|
-
attrs: _this.v3 ? undefined : {
|
|
195
|
-
renderForm: _this.renderForm,
|
|
196
|
-
as: Editor
|
|
197
|
-
},
|
|
198
|
-
as: Editor
|
|
199
|
-
}, _this.v3 ? function () {
|
|
200
|
-
return [h(SchedulerActionButtons, {
|
|
201
|
-
editSaveMessage: editSaveMessage,
|
|
202
|
-
attrs: _this.v3 ? undefined : {
|
|
203
|
-
editSaveMessage: editSaveMessage,
|
|
204
|
-
editCancelMessage: editCancelMessage
|
|
205
|
-
},
|
|
206
|
-
editCancelMessage: editCancelMessage,
|
|
207
|
-
onCancel: _this.handleCancel,
|
|
208
|
-
on: _this.v3 ? undefined : {
|
|
209
|
-
"cancel": _this.handleCancel
|
|
210
|
-
}
|
|
211
|
-
})];
|
|
212
|
-
} : [h(SchedulerActionButtons, {
|
|
213
|
-
editSaveMessage: editSaveMessage,
|
|
214
|
-
attrs: _this.v3 ? undefined : {
|
|
215
|
-
editSaveMessage: editSaveMessage,
|
|
216
|
-
editCancelMessage: editCancelMessage
|
|
217
|
-
},
|
|
218
|
-
editCancelMessage: editCancelMessage,
|
|
219
|
-
onCancel: _this.handleCancel,
|
|
220
|
-
on: _this.v3 ? undefined : {
|
|
221
|
-
"cancel": _this.handleCancel
|
|
222
|
-
}
|
|
223
|
-
})])];
|
|
224
|
-
} : [h(SchedulerFormEditor, {
|
|
225
|
-
renderForm: _this.renderForm,
|
|
226
|
-
attrs: _this.v3 ? undefined : {
|
|
227
|
-
renderForm: _this.renderForm,
|
|
228
|
-
as: Editor
|
|
229
|
-
},
|
|
230
|
-
as: Editor
|
|
231
|
-
}, _this.v3 ? function () {
|
|
232
|
-
return [h(SchedulerActionButtons, {
|
|
233
|
-
editSaveMessage: editSaveMessage,
|
|
234
|
-
attrs: _this.v3 ? undefined : {
|
|
235
|
-
editSaveMessage: editSaveMessage,
|
|
236
|
-
editCancelMessage: editCancelMessage
|
|
237
|
-
},
|
|
238
|
-
editCancelMessage: editCancelMessage,
|
|
239
|
-
onCancel: _this.handleCancel,
|
|
240
|
-
on: _this.v3 ? undefined : {
|
|
241
|
-
"cancel": _this.handleCancel
|
|
242
|
-
}
|
|
243
|
-
})];
|
|
244
|
-
} : [h(SchedulerActionButtons, {
|
|
78
|
+
var renderAs;
|
|
79
|
+
var defaultRendering = // @ts-ignore function children
|
|
80
|
+
h(SchedulerFormEditor, this.v3 ? function () {
|
|
81
|
+
return [h(SchedulerActionButtons, {
|
|
245
82
|
editSaveMessage: editSaveMessage,
|
|
246
83
|
attrs: _this.v3 ? undefined : {
|
|
247
84
|
editSaveMessage: editSaveMessage,
|
|
@@ -252,8 +89,70 @@ var SchedulerFormVue2 = {
|
|
|
252
89
|
on: _this.v3 ? undefined : {
|
|
253
90
|
"cancel": _this.handleCancel
|
|
254
91
|
}
|
|
255
|
-
})]
|
|
256
|
-
|
|
92
|
+
})];
|
|
93
|
+
} : [h(SchedulerActionButtons, {
|
|
94
|
+
editSaveMessage: editSaveMessage,
|
|
95
|
+
attrs: _this.v3 ? undefined : {
|
|
96
|
+
editSaveMessage: editSaveMessage,
|
|
97
|
+
editCancelMessage: editCancelMessage
|
|
98
|
+
},
|
|
99
|
+
editCancelMessage: editCancelMessage,
|
|
100
|
+
onCancel: _this.handleCancel,
|
|
101
|
+
on: _this.v3 ? undefined : {
|
|
102
|
+
"cancel": _this.handleCancel
|
|
103
|
+
}
|
|
104
|
+
})]);
|
|
105
|
+
renderAs = getTemplate.call(this, {
|
|
106
|
+
h: h,
|
|
107
|
+
template: this.ks.form,
|
|
108
|
+
defaultRendering: defaultRendering,
|
|
109
|
+
additionalProps: {
|
|
110
|
+
dataItem: this.dataItem,
|
|
111
|
+
editSaveMessage: editSaveMessage,
|
|
112
|
+
editCancelMessage: editCancelMessage
|
|
113
|
+
},
|
|
114
|
+
additionalListeners: {
|
|
115
|
+
onCancel: this.handleCancel
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
|
|
119
|
+
var dialogProps = __assign({
|
|
120
|
+
title: editorTitleMessage,
|
|
121
|
+
appendTo: 'body',
|
|
122
|
+
minWidth: 600
|
|
123
|
+
}, this.ks.dialogProps);
|
|
124
|
+
|
|
125
|
+
var formProps = __assign({
|
|
126
|
+
initialValues: that.ksModifyInitialFormValues(that.$props.dataItem),
|
|
127
|
+
validator: that.formValidator
|
|
128
|
+
}, this.ks.formProps);
|
|
129
|
+
|
|
130
|
+
return h(KendoDialog, __assign({
|
|
131
|
+
attrs: this.v3 ? undefined : dialogProps,
|
|
132
|
+
onClose: this.handleClose,
|
|
133
|
+
on: this.v3 ? undefined : {
|
|
134
|
+
'close': this.handleClose
|
|
135
|
+
},
|
|
136
|
+
'class': 'k-scheduler-edit-dialog'
|
|
137
|
+
}, dialogProps), this.v3 ? function () {
|
|
138
|
+
return [h(Form, __assign({
|
|
139
|
+
attrs: that.v3 ? undefined : formProps,
|
|
140
|
+
onSubmit: that.handleSubmit,
|
|
141
|
+
on: that.v3 ? undefined : {
|
|
142
|
+
'submit': that.handleSubmit
|
|
143
|
+
}
|
|
144
|
+
}, formProps), that.v3 ? function () {
|
|
145
|
+
return [renderAs];
|
|
146
|
+
} : [renderAs])];
|
|
147
|
+
} : [h(Form, __assign({
|
|
148
|
+
attrs: this.v3 ? undefined : formProps,
|
|
149
|
+
onSubmit: this.handleSubmit,
|
|
150
|
+
on: this.v3 ? undefined : {
|
|
151
|
+
'submit': this.handleSubmit
|
|
152
|
+
}
|
|
153
|
+
}, formProps), this.v3 ? function () {
|
|
154
|
+
return [renderAs];
|
|
155
|
+
} : [renderAs])]);
|
|
257
156
|
},
|
|
258
157
|
methods: {
|
|
259
158
|
handleCancel: function handleCancel(event) {
|
|
@@ -3,7 +3,8 @@ import * as Vue from 'vue';
|
|
|
3
3
|
var allVue = Vue;
|
|
4
4
|
var gh = allVue.h;
|
|
5
5
|
var inject = allVue.inject;
|
|
6
|
-
import { provideIntlService } from '@progress/kendo-vue-intl';
|
|
6
|
+
import { provideIntlService } from '@progress/kendo-vue-intl';
|
|
7
|
+
import { getTemplate } from '@progress/kendo-vue-common'; // tslint:enable:max-line-length
|
|
7
8
|
|
|
8
9
|
var TimeHeaderCellVue2 = {
|
|
9
10
|
name: 'KendoTimeHeaderCell',
|
|
@@ -35,9 +36,21 @@ var TimeHeaderCellVue2 = {
|
|
|
35
36
|
render: function render(createElement) {
|
|
36
37
|
var h = gh || createElement;
|
|
37
38
|
var intl = provideIntlService(this);
|
|
39
|
+
var renderAs;
|
|
40
|
+
var defaultRendering = intl.formatDate(this.$props.date, this.$props.format);
|
|
41
|
+
renderAs = getTemplate.call(this, {
|
|
42
|
+
h: h,
|
|
43
|
+
template: this.$props.as,
|
|
44
|
+
defaultRendering: defaultRendering,
|
|
45
|
+
additionalProps: {
|
|
46
|
+
default: defaultRendering,
|
|
47
|
+
date: this.$props.date,
|
|
48
|
+
format: this.$props.format
|
|
49
|
+
}
|
|
50
|
+
});
|
|
38
51
|
return h("div", {
|
|
39
52
|
"class": 'k-scheduler-cell k-heading-cell'
|
|
40
|
-
}, [
|
|
53
|
+
}, [renderAs]);
|
|
41
54
|
}
|
|
42
55
|
};
|
|
43
56
|
var TimeHeaderCell = TimeHeaderCellVue2;
|
|
@@ -20,7 +20,7 @@ var allVue = Vue;
|
|
|
20
20
|
var gh = allVue.h;
|
|
21
21
|
var inject = allVue.inject;
|
|
22
22
|
import { DATA_ACTION } from '../Scheduler';
|
|
23
|
-
import { clone, Keys } from '@progress/kendo-vue-common';
|
|
23
|
+
import { clone, Keys, getDefaultSlots, getTemplate } from '@progress/kendo-vue-common';
|
|
24
24
|
import { SchedulerViewItem } from './SchedulerViewItem';
|
|
25
25
|
import { ITEMS_FOCUS_ACTION, SLOTS_FOCUS_ACTION, useEditable } from '../hooks';
|
|
26
26
|
import { FORM_ITEM_ACTION } from './hooks/use-form-item';
|
|
@@ -193,7 +193,8 @@ var SchedulerEditItemVue2 = {
|
|
|
193
193
|
render: function render(createElement) {
|
|
194
194
|
var _this = this;
|
|
195
195
|
|
|
196
|
-
var h = gh || createElement;
|
|
196
|
+
var h = gh || createElement;
|
|
197
|
+
var defaultSlot = getDefaultSlots(this); // tslint:enable:max-line-length
|
|
197
198
|
|
|
198
199
|
var _a = this.$props,
|
|
199
200
|
onDataaction = _a.onDataaction,
|
|
@@ -269,56 +270,12 @@ var SchedulerEditItemVue2 = {
|
|
|
269
270
|
var selected = Boolean(this.bv.selectedItems && this.bv.selectedItems.some(function (si) {
|
|
270
271
|
return compareItems(si, _this, _this.ignoreIsAllDay);
|
|
271
272
|
}));
|
|
272
|
-
|
|
273
|
-
|
|
273
|
+
var itemRender;
|
|
274
|
+
var itemRenderDefaultRendering = // @ts-ignore function children
|
|
275
|
+
h(SchedulerViewItem, {
|
|
276
|
+
ignoreIsAllDay: this.ignoreIsAllDay,
|
|
277
|
+
attrs: this.v3 ? undefined : {
|
|
274
278
|
ignoreIsAllDay: this.ignoreIsAllDay,
|
|
275
|
-
attrs: this.v3 ? undefined : {
|
|
276
|
-
ignoreIsAllDay: this.ignoreIsAllDay,
|
|
277
|
-
item: this.item,
|
|
278
|
-
uid: this.uid,
|
|
279
|
-
start: this.start,
|
|
280
|
-
end: this.end,
|
|
281
|
-
originalStart: this.originalStart,
|
|
282
|
-
startTimezone: this.startTimezone,
|
|
283
|
-
endTimezone: this.endTimezone,
|
|
284
|
-
isAllDay: this.isAllDay,
|
|
285
|
-
title: this.title,
|
|
286
|
-
description: this.description,
|
|
287
|
-
occurrenceId: this.occurrenceId,
|
|
288
|
-
recurrenceExceptions: this.recurrenceExceptions,
|
|
289
|
-
recurrenceRule: this.recurrenceRule,
|
|
290
|
-
recurrenceId: this.recurrenceId,
|
|
291
|
-
dataItem: this.dataItem,
|
|
292
|
-
head: this.head,
|
|
293
|
-
tail: this.tail,
|
|
294
|
-
order: this.order,
|
|
295
|
-
zonedStart: this.zonedStart,
|
|
296
|
-
zonedEnd: this.zonedEnd,
|
|
297
|
-
slots: this.slots,
|
|
298
|
-
group: this.group,
|
|
299
|
-
range: this.range,
|
|
300
|
-
isException: this.isException,
|
|
301
|
-
isRecurring: this.isRecurring,
|
|
302
|
-
id: this.id,
|
|
303
|
-
className: this.className,
|
|
304
|
-
itemStyle: this.itemStyle,
|
|
305
|
-
editable: this.editable,
|
|
306
|
-
vertical: this.vertical,
|
|
307
|
-
dragHint: this.dragHint,
|
|
308
|
-
resizeHint: this.resizeHint,
|
|
309
|
-
format: this.format,
|
|
310
|
-
showOccurrenceDialog: this.compShowOccurrenceDialog,
|
|
311
|
-
showRemoveDialog: this.compShowRemoveDialog,
|
|
312
|
-
formItem: this.compFormItem,
|
|
313
|
-
dragItem: this.compDragItem,
|
|
314
|
-
resizeItem: this.compResizeItem,
|
|
315
|
-
removeItem: this.compRemoveItem // refTo={this}
|
|
316
|
-
,
|
|
317
|
-
itemRef: this.item,
|
|
318
|
-
selected: selected,
|
|
319
|
-
tabIndex: this.currentTabIndex // Keyboard
|
|
320
|
-
|
|
321
|
-
},
|
|
322
279
|
item: this.item,
|
|
323
280
|
uid: this.uid,
|
|
324
281
|
start: this.start,
|
|
@@ -357,48 +314,120 @@ var SchedulerEditItemVue2 = {
|
|
|
357
314
|
formItem: this.compFormItem,
|
|
358
315
|
dragItem: this.compDragItem,
|
|
359
316
|
resizeItem: this.compResizeItem,
|
|
360
|
-
removeItem: this.compRemoveItem
|
|
317
|
+
removeItem: this.compRemoveItem // refTo={this}
|
|
318
|
+
,
|
|
361
319
|
itemRef: this.item,
|
|
362
320
|
selected: selected,
|
|
363
|
-
tabIndex: this.currentTabIndex
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
321
|
+
tabIndex: this.currentTabIndex // Keyboard
|
|
322
|
+
|
|
323
|
+
},
|
|
324
|
+
item: this.item,
|
|
325
|
+
uid: this.uid,
|
|
326
|
+
start: this.start,
|
|
327
|
+
end: this.end,
|
|
328
|
+
originalStart: this.originalStart,
|
|
329
|
+
startTimezone: this.startTimezone,
|
|
330
|
+
endTimezone: this.endTimezone,
|
|
331
|
+
isAllDay: this.isAllDay,
|
|
332
|
+
title: this.title,
|
|
333
|
+
description: this.description,
|
|
334
|
+
occurrenceId: this.occurrenceId,
|
|
335
|
+
recurrenceExceptions: this.recurrenceExceptions,
|
|
336
|
+
recurrenceRule: this.recurrenceRule,
|
|
337
|
+
recurrenceId: this.recurrenceId,
|
|
338
|
+
dataItem: this.dataItem,
|
|
339
|
+
head: this.head,
|
|
340
|
+
tail: this.tail,
|
|
341
|
+
order: this.order,
|
|
342
|
+
zonedStart: this.zonedStart,
|
|
343
|
+
zonedEnd: this.zonedEnd,
|
|
344
|
+
slots: this.slots,
|
|
345
|
+
group: this.group,
|
|
346
|
+
range: this.range,
|
|
347
|
+
isException: this.isException,
|
|
348
|
+
isRecurring: this.isRecurring,
|
|
349
|
+
id: this.id,
|
|
350
|
+
className: this.className,
|
|
351
|
+
itemStyle: this.itemStyle,
|
|
352
|
+
editable: this.editable,
|
|
353
|
+
vertical: this.vertical,
|
|
354
|
+
dragHint: this.dragHint,
|
|
355
|
+
resizeHint: this.resizeHint,
|
|
356
|
+
format: this.format,
|
|
357
|
+
showOccurrenceDialog: this.compShowOccurrenceDialog,
|
|
358
|
+
showRemoveDialog: this.compShowRemoveDialog,
|
|
359
|
+
formItem: this.compFormItem,
|
|
360
|
+
dragItem: this.compDragItem,
|
|
361
|
+
resizeItem: this.compResizeItem,
|
|
362
|
+
removeItem: this.compRemoveItem,
|
|
363
|
+
itemRef: this.item,
|
|
364
|
+
selected: selected,
|
|
365
|
+
tabIndex: this.currentTabIndex,
|
|
366
|
+
onKeydown: this.handleKeyDown,
|
|
367
|
+
on: this.v3 ? undefined : {
|
|
368
|
+
"keydown": this.handleKeyDown,
|
|
369
|
+
"keyup": this.handleKeyUp,
|
|
370
|
+
"focus": this.handleFocus,
|
|
371
|
+
"mouseup": this.handleMouseUp,
|
|
372
|
+
"mousedown": this.handleMouseDown,
|
|
373
|
+
"click": this.handleClick,
|
|
374
|
+
"doubleclick": this.handleDoubleClick,
|
|
375
|
+
"removeclick": this.handleRemoveClick,
|
|
376
|
+
"press": this.handlePress,
|
|
377
|
+
"drag": this.handleDrag,
|
|
378
|
+
"release": this.handleRelease,
|
|
379
|
+
"resizepress": this.handleResizePress,
|
|
380
|
+
"resizeenddrag": this.handleResizeEndDrag,
|
|
381
|
+
"resizestartdrag": this.handleResizeStartDrag,
|
|
382
|
+
"resizerelease": this.handleResizeRelease
|
|
383
|
+
},
|
|
384
|
+
onKeyup: this.handleKeyUp // Focus
|
|
385
|
+
,
|
|
386
|
+
onFocus: this.handleFocus // Mouse
|
|
387
|
+
,
|
|
388
|
+
onMouseup: this.handleMouseUp,
|
|
389
|
+
onMousedown: this.handleMouseDown,
|
|
390
|
+
onClick: this.handleClick,
|
|
391
|
+
onDoubleclick: this.handleDoubleClick,
|
|
392
|
+
onRemoveclick: this.handleRemoveClick // Drag
|
|
393
|
+
,
|
|
394
|
+
onPress: this.handlePress,
|
|
395
|
+
onDrag: this.handleDrag,
|
|
396
|
+
onRelease: this.handleRelease // Resize
|
|
397
|
+
,
|
|
398
|
+
onResizepress: this.handleResizePress,
|
|
399
|
+
onResizeenddrag: this.handleResizeEndDrag,
|
|
400
|
+
onResizestartdrag: this.handleResizeStartDrag,
|
|
401
|
+
onResizerelease: this.handleResizeRelease
|
|
402
|
+
});
|
|
403
|
+
itemRender = getTemplate.call(this, {
|
|
404
|
+
h: h,
|
|
405
|
+
template: this.$props.viewItem,
|
|
406
|
+
defaultRendering: itemRenderDefaultRendering,
|
|
407
|
+
defaultSlots: defaultSlot,
|
|
408
|
+
additionalListeners: {
|
|
409
|
+
// keydown: this.handleKeyDown,
|
|
410
|
+
// keyup: this.handleKeyUp,
|
|
411
|
+
// Focus
|
|
412
|
+
// focus: this.handleFocus,
|
|
413
|
+
// Mouse
|
|
414
|
+
// mouseup: this.handleMouseUp,
|
|
415
|
+
// mousedown: this.handleMouseDown,
|
|
416
|
+
// click: this.handleClick,
|
|
417
|
+
doubleclick: this.handleDoubleClick,
|
|
418
|
+
removeclick: this.handleRemoveClick,
|
|
419
|
+
// Drag
|
|
420
|
+
press: this.handlePress,
|
|
421
|
+
drag: this.handleDrag,
|
|
422
|
+
release: this.handleRelease,
|
|
423
|
+
// Resize
|
|
424
|
+
resizepress: this.handleResizePress,
|
|
425
|
+
resizeenddrag: this.handleResizeEndDrag,
|
|
426
|
+
resizestartdrag: this.handleResizeStartDrag,
|
|
427
|
+
resizerelease: this.handleResizeRelease
|
|
428
|
+
}
|
|
429
|
+
});
|
|
430
|
+
return itemRender;
|
|
402
431
|
},
|
|
403
432
|
methods: {
|
|
404
433
|
dispatchSeries: function dispatchSeries(action, _event) {
|
|
@@ -117,23 +117,26 @@ var SchedulerViewItemVue2 = {
|
|
|
117
117
|
that.position();
|
|
118
118
|
});
|
|
119
119
|
|
|
120
|
-
if (!this.ks.scheduler) {
|
|
120
|
+
if (!this.ks.scheduler || !this.ks.scheduler.$el) {
|
|
121
121
|
return;
|
|
122
122
|
}
|
|
123
123
|
|
|
124
124
|
this.observer = new window.ResizeObserver(this.handleResize);
|
|
125
|
-
this.observer.observe(this.ks.scheduler);
|
|
125
|
+
this.observer.observe(this.ks.scheduler.$el);
|
|
126
126
|
},
|
|
127
127
|
updated: function updated() {
|
|
128
|
-
this
|
|
129
|
-
this
|
|
128
|
+
var that = this;
|
|
129
|
+
this.$nextTick(function () {
|
|
130
|
+
that.align();
|
|
131
|
+
that.position();
|
|
132
|
+
});
|
|
130
133
|
|
|
131
|
-
if (!this.ks.scheduler || this.observer) {
|
|
134
|
+
if (!this.ks.scheduler || !this.ks.scheduler.$el || this.observer) {
|
|
132
135
|
return;
|
|
133
136
|
}
|
|
134
137
|
|
|
135
138
|
this.observer = new window.ResizeObserver(this.handleResize);
|
|
136
|
-
this.observer.observe(this.ks.scheduler);
|
|
139
|
+
this.observer.observe(this.ks.scheduler.$el);
|
|
137
140
|
},
|
|
138
141
|
destroyed: !!gh ? undefined : function () {
|
|
139
142
|
if (this.observer) {
|
package/dist/es/main.d.ts
CHANGED
|
@@ -19,6 +19,7 @@ import { SchedulerDrag, SchedulerDragProps } from './views/common/SchedulerDrag'
|
|
|
19
19
|
import { SchedulerResize, SchedulerResizeProps } from './views/common/SchedulerResize';
|
|
20
20
|
import { SchedulerForm, SchedulerFormHandle, SchedulerFormProps } from './components/SchedulerForm';
|
|
21
21
|
import { SchedulerFormEditor, SchedulerFormEditorHandle, SchedulerFormEditorProps } from './editors/SchedulerFormEditor';
|
|
22
|
+
import { SchedulerActionButtons } from './components/SchedulerActionButtons';
|
|
22
23
|
import { SchedulerOccurrenceDialog, SchedulerOccurrenceDialogHandle, SchedulerOccurrenceDialogProps } from './components/SchedulerOccurrenceDialog';
|
|
23
24
|
import { SchedulerRemoveDialog, SchedulerRemoveDialogHandle, SchedulerRemoveDialogProps } from './components/SchedulerRemoveDialog';
|
|
24
25
|
import { SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle } from './components/header/SchedulerHeader';
|
|
@@ -39,4 +40,4 @@ import { SchedulerItemShowOccurrenceDialogAction, SHOW_OCCURRENCE_DIALOG_ACTION
|
|
|
39
40
|
import { SchedulerItemShowRemoveDialogAction, SHOW_REMOVE_DIALOG_ACTION } from './items/hooks/use-show-remove-item-dialog';
|
|
40
41
|
import { SchedulerSlotsSelectAction, SLOTS_SELECT_ACTION } from './hooks/use-slots-selection';
|
|
41
42
|
import { SchedulerGroup, SchedulerResource } from './models';
|
|
42
|
-
export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction, DATA_ACTION, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, BusinessHours, BusinessHoursProps, SchedulerNavigation, SchedulerNavigationProps, NavigationDatePicker, SchedulerViewSelector, SchedulerViewSelectorProps };
|
|
43
|
+
export { Scheduler, SchedulerProps, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, SchedulerDataChangeEvent, SchedulerDateChangeEvent, SchedulerViewChangeEvent, DataAction, DATA_ACTION, SchedulerItem, SchedulerItemProps, SchedulerItemHandle, SchedulerItemContent, SchedulerItemContentProps, SchedulerViewItem, SchedulerViewItemProps, SchedulerViewItemHandle, SchedulerEditItem, SchedulerEditItemProps, SchedulerEditItemState, SchedulerEditItemAction, SchedulerEditItemHandle, SchedulerSlot, SchedulerSlotProps, SchedulerSlotHandle, SchedulerViewSlot, SchedulerViewSlotProps, SchedulerViewSlotHandle, SchedulerSlotExpandableConfig, SchedulerEditSlot, SchedulerEditSlotProps, SchedulerEditSlotHandle, SchedulerTask, SchedulerTaskProps, SchedulerTaskHandle, SchedulerViewTask, SchedulerViewTaskProps, SchedulerViewTaskHandle, SchedulerEditTask, SchedulerEditTaskProps, SchedulerEditTaskHandle, SchedulerDrag, SchedulerDragProps, SchedulerResize, SchedulerResizeProps, SchedulerForm, SchedulerFormHandle, SchedulerFormProps, SchedulerActionButtons, SchedulerFormEditor, SchedulerFormEditorProps, SchedulerFormEditorHandle, SchedulerOccurrenceDialog, SchedulerOccurrenceDialogProps, SchedulerOccurrenceDialogHandle, SchedulerRemoveDialog, SchedulerRemoveDialogProps, SchedulerRemoveDialogHandle, SchedulerHeader, SchedulerHeaderProps, SchedulerHeaderHandle, SchedulerFooter, SchedulerFooterProps, SchedulerFooterHandle, DateHeaderCell, DateHeaderCellHandle, DateHeaderCellProps, TimeHeaderCell, TimeHeaderCellHandle, TimeHeaderCellProps, DRAG_ITEM_ACTION, SchedulerItemDragItemAction, ITEMS_FOCUS_ACTION, SchedulerItemsFocusAction, ITEMS_SELECT_ACTION, SchedulerItemsSelectAction, REMOVE_ITEM_ACTION, SchedulerItemRemoveItemAction, RESIZE_ITEM_ACTION, SchedulerItemResizeItemAction, SERIES_ACTION, SchedulerItemSeriesAction, SHOW_OCCURRENCE_DIALOG_ACTION, SchedulerItemShowOccurrenceDialogAction, SHOW_REMOVE_DIALOG_ACTION, SchedulerItemShowRemoveDialogAction, SLOTS_FOCUS_ACTION, SchedulerSlotsFocusAction, SLOTS_SELECT_ACTION, SchedulerSlotsSelectAction, SchedulerResource, SchedulerGroup, BusinessHours, BusinessHoursProps, SchedulerNavigation, SchedulerNavigationProps, NavigationDatePicker, SchedulerViewSelector, SchedulerViewSelectorProps };
|
package/dist/es/main.js
CHANGED
|
@@ -19,6 +19,7 @@ import { SchedulerDrag } from './views/common/SchedulerDrag';
|
|
|
19
19
|
import { SchedulerResize } from './views/common/SchedulerResize';
|
|
20
20
|
import { SchedulerForm } from './components/SchedulerForm';
|
|
21
21
|
import { SchedulerFormEditor } from './editors/SchedulerFormEditor';
|
|
22
|
+
import { SchedulerActionButtons } from './components/SchedulerActionButtons';
|
|
22
23
|
import { SchedulerOccurrenceDialog } from './components/SchedulerOccurrenceDialog';
|
|
23
24
|
import { SchedulerRemoveDialog } from './components/SchedulerRemoveDialog';
|
|
24
25
|
import { SchedulerHeader } from './components/header/SchedulerHeader';
|
|
@@ -38,7 +39,7 @@ import { SERIES_ACTION } from './items/hooks/use-series';
|
|
|
38
39
|
import { SHOW_OCCURRENCE_DIALOG_ACTION } from './items/hooks/use-show-occurrence-dialog';
|
|
39
40
|
import { SHOW_REMOVE_DIALOG_ACTION } from './items/hooks/use-show-remove-item-dialog';
|
|
40
41
|
import { SLOTS_SELECT_ACTION } from './hooks/use-slots-selection';
|
|
41
|
-
export { Scheduler, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, DATA_ACTION, SchedulerItem, SchedulerItemContent, SchedulerViewItem, SchedulerEditItem, SchedulerSlot, SchedulerViewSlot, SchedulerEditSlot, SchedulerTask, SchedulerViewTask, SchedulerEditTask, SchedulerDrag, SchedulerResize, SchedulerForm, SchedulerFormEditor, SchedulerOccurrenceDialog, SchedulerRemoveDialog,
|
|
42
|
+
export { Scheduler, AgendaView, TimelineView, DayView, WeekView, WorkWeekView, MonthView, DATA_ACTION, SchedulerItem, SchedulerItemContent, SchedulerViewItem, SchedulerEditItem, SchedulerSlot, SchedulerViewSlot, SchedulerEditSlot, SchedulerTask, SchedulerViewTask, SchedulerEditTask, SchedulerDrag, SchedulerResize, SchedulerForm, SchedulerActionButtons, SchedulerFormEditor, SchedulerOccurrenceDialog, SchedulerRemoveDialog,
|
|
42
43
|
// SchedulerEditItemFormItemContext,
|
|
43
44
|
// useSchedulerEditItemFormItemContext,
|
|
44
45
|
// SchedulerEditItemFormItemContextType,
|
|
@@ -5,7 +5,7 @@ export var packageMetadata = {
|
|
|
5
5
|
name: '@progress/kendo-vue-scheduler',
|
|
6
6
|
productName: 'Kendo UI for Vue',
|
|
7
7
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
8
|
-
publishDate:
|
|
8
|
+
publishDate: 1651755811,
|
|
9
9
|
version: '',
|
|
10
10
|
licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
|
|
11
11
|
};
|