@progress/kendo-vue-scheduler 10.2.0-develop.11 → 10.2.0-develop.12
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/Scheduler.d.ts +157 -56
- package/Scheduler.js +1 -1
- package/Scheduler.mjs +242 -214
- package/components/EventOverviewPopover.d.ts +62 -0
- package/components/EventOverviewPopover.js +8 -0
- package/components/EventOverviewPopover.mjs +191 -0
- package/components/MoreEventsPopover.d.ts +3 -1
- package/components/MoreEventsPopover.js +1 -1
- package/components/MoreEventsPopover.mjs +31 -27
- package/components/SchedulerActionButtons.js +1 -1
- package/components/SchedulerActionButtons.mjs +1 -0
- package/components/SchedulerForm.d.ts +412 -2
- package/components/SchedulerForm.js +1 -1
- package/components/SchedulerForm.mjs +162 -60
- package/components/SchedulerQuickCreateForm.d.ts +118 -0
- package/components/SchedulerQuickCreateForm.js +8 -0
- package/components/SchedulerQuickCreateForm.mjs +249 -0
- package/constants/main.d.ts +2 -0
- package/constants/main.js +1 -1
- package/constants/main.mjs +10 -9
- package/dist/cdn/js/kendo-vue-scheduler.js +1 -1
- package/editors/KeepResetCustomEventsDialog.d.ts +31 -0
- package/editors/KeepResetCustomEventsDialog.js +8 -0
- package/editors/KeepResetCustomEventsDialog.mjs +72 -0
- package/editors/SchedulerFormEditor.d.ts +151 -52
- package/editors/SchedulerFormEditor.js +1 -1
- package/editors/SchedulerFormEditor.mjs +192 -139
- package/editors/SchedulerRecurrenceDialog.d.ts +2 -2
- package/editors/SchedulerRecurrenceDialog.js +1 -1
- package/editors/SchedulerRecurrenceDialog.mjs +126 -131
- package/editors/ZonedSplitDateTime.d.ts +32 -3
- package/editors/ZonedSplitDateTime.js +1 -1
- package/editors/ZonedSplitDateTime.mjs +112 -47
- package/hooks/useCloseOnAnchorScrollOut.d.ts +10 -0
- package/hooks/useCloseOnAnchorScrollOut.js +8 -0
- package/hooks/useCloseOnAnchorScrollOut.mjs +43 -0
- package/hooks/useCustomEventsConfirmation.d.ts +20 -0
- package/hooks/useCustomEventsConfirmation.js +8 -0
- package/hooks/useCustomEventsConfirmation.mjs +48 -0
- package/hooks/useDeferredClick.d.ts +12 -0
- package/hooks/useDeferredClick.js +8 -0
- package/hooks/useDeferredClick.mjs +22 -0
- package/hooks/useExclusivePopover.d.ts +26 -0
- package/hooks/useExclusivePopover.js +8 -0
- package/hooks/useExclusivePopover.mjs +30 -0
- package/hooks/useRecurrenceSummary.d.ts +3 -0
- package/hooks/useRecurrenceSummary.js +1 -1
- package/hooks/useRecurrenceSummary.mjs +68 -41
- package/index.d.mts +4 -2
- package/index.d.ts +4 -2
- package/index.js +1 -1
- package/index.mjs +83 -78
- package/items/SchedulerEditItem.d.ts +116 -12
- package/items/SchedulerEditItem.js +1 -1
- package/items/SchedulerEditItem.mjs +212 -131
- package/items/SchedulerItem.d.ts +2 -1
- package/items/SchedulerItem.js +1 -1
- package/items/SchedulerItem.mjs +28 -23
- package/items/SchedulerProportionalViewItem.d.ts +1 -0
- package/items/SchedulerProportionalViewItem.js +1 -1
- package/items/SchedulerProportionalViewItem.mjs +83 -68
- package/items/SchedulerViewItem.d.ts +1 -0
- package/items/SchedulerViewItem.js +1 -1
- package/items/SchedulerViewItem.mjs +84 -75
- package/items/hooks/use-drag-item.js +1 -1
- package/items/hooks/use-drag-item.mjs +49 -48
- package/items/hooks/use-form-item.d.ts +1 -1
- package/items/hooks/use-remove-item.d.ts +1 -1
- package/items/hooks/use-resize-item.js +1 -1
- package/items/hooks/use-resize-item.mjs +74 -65
- package/messages/main.d.ts +42 -0
- package/messages/main.js +1 -1
- package/messages/main.mjs +303 -275
- package/models/InternalDataAction.d.ts +13 -0
- package/models/SchedulerView.d.ts +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +13 -12
- package/recurrence/RecurrenceEditor.js +1 -1
- package/recurrence/RecurrenceEditor.mjs +42 -42
- package/recurrence/common.d.ts +10 -0
- package/recurrence/common.js +1 -1
- package/recurrence/common.mjs +39 -35
- package/services/itemsService.d.ts +5 -2
- package/services/itemsService.js +1 -1
- package/services/itemsService.mjs +46 -33
- package/services/occurrenceService.js +1 -1
- package/services/occurrenceService.mjs +18 -18
- package/slots/SchedulerEditSlot.d.ts +70 -8
- package/slots/SchedulerEditSlot.js +1 -1
- package/slots/SchedulerEditSlot.mjs +222 -141
- package/slots/SchedulerSlot.js +1 -1
- package/slots/SchedulerSlot.mjs +20 -16
- package/slots/SchedulerViewSlot.d.ts +3 -0
- package/slots/SchedulerViewSlot.js +1 -1
- package/slots/SchedulerViewSlot.mjs +21 -15
- package/tasks/SchedulerEditTask.d.ts +13 -2
- package/tasks/SchedulerEditTask.js +1 -1
- package/tasks/SchedulerEditTask.mjs +45 -30
- package/utils/main.d.ts +27 -0
- package/utils/main.js +1 -1
- package/utils/main.mjs +172 -136
- package/views/agenda/AgendaView.d.ts +6 -2
- package/views/agenda/AgendaView.js +1 -1
- package/views/agenda/AgendaView.mjs +31 -29
- package/views/agenda/AgendaViewBody.d.ts +3 -3
- package/views/agenda/AgendaViewBody.js +1 -1
- package/views/agenda/AgendaViewBody.mjs +31 -29
- package/views/common/SchedulerDrag.d.ts +4 -2
- package/views/common/SchedulerDrag.js +1 -1
- package/views/common/SchedulerDrag.mjs +8 -7
- package/views/common/SchedulerResize.d.ts +4 -2
- package/views/common/SchedulerResize.js +1 -1
- package/views/common/SchedulerResize.mjs +14 -12
- package/views/common/VerticalResourceIterator.d.ts +3 -3
- package/views/common/VerticalResourceIterator.js +1 -1
- package/views/common/VerticalResourceIterator.mjs +34 -33
- package/views/day/DayView.d.ts +2 -0
- package/views/day/DayView.js +1 -1
- package/views/day/DayView.mjs +9 -7
- package/views/day/DayViewAllDaySlots.d.ts +7 -5
- package/views/day/DayViewAllDaySlots.js +1 -1
- package/views/day/DayViewAllDaySlots.mjs +24 -21
- package/views/day/DayViewMiddleRow.d.ts +7 -5
- package/views/day/DayViewMiddleRow.js +1 -1
- package/views/day/DayViewMiddleRow.mjs +18 -13
- package/views/day/DayViewVerticalRow.d.ts +7 -5
- package/views/day/DayViewVerticalRow.js +1 -1
- package/views/day/DayViewVerticalRow.mjs +23 -17
- package/views/day/DayViewVerticalSlotsRow.d.ts +7 -5
- package/views/day/DayViewVerticalSlotsRow.js +1 -1
- package/views/day/DayViewVerticalSlotsRow.mjs +34 -29
- package/views/day/MultiDayView.d.ts +13 -7
- package/views/day/MultiDayView.js +1 -1
- package/views/day/MultiDayView.mjs +108 -95
- package/views/month/MonthView.d.ts +15 -4
- package/views/month/MonthView.js +1 -1
- package/views/month/MonthView.mjs +105 -68
- package/views/month/MonthViewBody.d.ts +3 -3
- package/views/month/MonthViewBody.js +1 -1
- package/views/month/MonthViewBody.mjs +18 -16
- package/views/time/MultiDayTimelineView.d.ts +6 -4
- package/views/time/MultiDayTimelineView.js +1 -1
- package/views/time/MultiDayTimelineView.mjs +64 -63
- package/views/time/TimelineView.d.ts +2 -0
- package/views/time/TimelineView.js +1 -1
- package/views/time/TimelineView.mjs +5 -3
- package/views/time/TimelineViewBody.d.ts +7 -5
- package/views/time/TimelineViewBody.js +1 -1
- package/views/time/TimelineViewBody.mjs +29 -27
- package/views/week/WeekView.d.ts +2 -0
- package/views/week/WeekView.js +1 -1
- package/views/week/WeekView.mjs +11 -10
- package/views/week/WorkWeekView.d.ts +2 -0
- package/views/week/WorkWeekView.js +1 -1
- package/views/week/WorkWeekView.mjs +17 -16
package/Scheduler.d.ts
CHANGED
|
@@ -5,11 +5,13 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
+
import { InternalDataAction } from './models/InternalDataAction';
|
|
8
9
|
import { DataItem, EditableProp, SchedulerGroup, SchedulerResource, SchedulerModelFields, DateRange, SchedulerViewProps, SchedulerItemMouseEvent, SchedulerSlotMouseEvent, SchedulerTaskMouseEvent } from './models/main';
|
|
9
10
|
import { DatePickerChangeEvent } from '@progress/kendo-vue-dateinputs';
|
|
10
|
-
import { PropType } from 'vue';
|
|
11
|
+
import { h, Component, PropType, VNode, VNodeChild } from 'vue';
|
|
11
12
|
import { DATA_ACTION } from './constants/main';
|
|
12
13
|
import { SchedulerFormStateChangeEvent } from './components/SchedulerForm';
|
|
14
|
+
import { SchedulerQuickCreateFormProps } from './components/SchedulerQuickCreateForm';
|
|
13
15
|
/**
|
|
14
16
|
* Represents the props of the [Kendo UI for Vue Scheduler component]({% slug overview_scheduler %}).
|
|
15
17
|
*/
|
|
@@ -152,6 +154,16 @@ export interface SchedulerProps {
|
|
|
152
154
|
editSlot?: any;
|
|
153
155
|
/** @hidden */
|
|
154
156
|
form?: any;
|
|
157
|
+
/**
|
|
158
|
+
* Overrides the default quick-create form. Accepts a component, render function, or named slot.
|
|
159
|
+
* Use SchedulerQuickCreateForm with a custom validator to validate the title.
|
|
160
|
+
*
|
|
161
|
+
* @example
|
|
162
|
+
* ```vue
|
|
163
|
+
* <Scheduler :quick-create-form="'quickForm'" />
|
|
164
|
+
* ```
|
|
165
|
+
*/
|
|
166
|
+
quickCreateForm?: string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild);
|
|
155
167
|
/** @hidden */
|
|
156
168
|
resizeHint?: any;
|
|
157
169
|
/** @hidden */
|
|
@@ -174,6 +186,24 @@ export interface SchedulerProps {
|
|
|
174
186
|
* Sets if the Scheduler component is editable. The value can be either a `boolean` or an Object to specify different types of editing.
|
|
175
187
|
*/
|
|
176
188
|
editable?: EditableProp | boolean;
|
|
189
|
+
/**
|
|
190
|
+
* Enables a title popover when an empty slot is clicked or a focused slot receives Enter.
|
|
191
|
+
* Requires `editable.add`. Double-clicking always opens the full editor.
|
|
192
|
+
*
|
|
193
|
+
* @default true
|
|
194
|
+
* @example
|
|
195
|
+
* ```vue
|
|
196
|
+
* <Scheduler :quick-create="false" />
|
|
197
|
+
* ```
|
|
198
|
+
*/
|
|
199
|
+
quickCreate?: boolean;
|
|
200
|
+
/**
|
|
201
|
+
* Specifies whether clicking an event or pressing Enter opens its overview popover.
|
|
202
|
+
* Double-clicking continues to open the full editor.
|
|
203
|
+
*
|
|
204
|
+
* @default true
|
|
205
|
+
*/
|
|
206
|
+
eventOverview?: boolean;
|
|
177
207
|
/**
|
|
178
208
|
* Sets the initially selected view.
|
|
179
209
|
*
|
|
@@ -329,6 +359,14 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
329
359
|
type: PropType<number>;
|
|
330
360
|
default: number;
|
|
331
361
|
};
|
|
362
|
+
eventOverview: {
|
|
363
|
+
type: PropType<boolean>;
|
|
364
|
+
default: boolean;
|
|
365
|
+
};
|
|
366
|
+
quickCreate: {
|
|
367
|
+
type: PropType<boolean>;
|
|
368
|
+
default: boolean;
|
|
369
|
+
};
|
|
332
370
|
editable: {
|
|
333
371
|
type: PropType<boolean | EditableProp>;
|
|
334
372
|
default: boolean;
|
|
@@ -353,6 +391,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
353
391
|
viewItem: PropType<any>;
|
|
354
392
|
task: PropType<any>;
|
|
355
393
|
form: PropType<any>;
|
|
394
|
+
quickCreateForm: PropType<string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild)>;
|
|
356
395
|
resizeHint: PropType<any>;
|
|
357
396
|
editItem: PropType<any>;
|
|
358
397
|
viewTask: PropType<any>;
|
|
@@ -377,6 +416,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
377
416
|
currentDate: Date;
|
|
378
417
|
showWorkHours: any;
|
|
379
418
|
timezone: string;
|
|
419
|
+
isRtl: boolean;
|
|
380
420
|
props: {
|
|
381
421
|
validator: Function;
|
|
382
422
|
tabIndex: number;
|
|
@@ -385,6 +425,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
385
425
|
dataItems: any[];
|
|
386
426
|
views: SchedulerViewProps[];
|
|
387
427
|
editable: boolean | EditableProp;
|
|
428
|
+
eventOverview: boolean;
|
|
429
|
+
quickCreate: boolean;
|
|
388
430
|
modifyInitialFormValues: Function;
|
|
389
431
|
defaultDate: Date;
|
|
390
432
|
footer?: any;
|
|
@@ -400,6 +442,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
400
442
|
viewSlot?: any;
|
|
401
443
|
slotRender?: any;
|
|
402
444
|
resizeHint?: any;
|
|
445
|
+
quickCreateForm?: string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild);
|
|
403
446
|
timeHeaderCell?: any;
|
|
404
447
|
resources?: SchedulerResource[];
|
|
405
448
|
dateHeaderCell?: any;
|
|
@@ -416,8 +459,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
416
459
|
onDatachange?: (...args: any[]) => any;
|
|
417
460
|
onItemclick?: (...args: any[]) => any;
|
|
418
461
|
onViewchange?: (...args: any[]) => any;
|
|
419
|
-
onDatechange?: (...args: any[]) => any;
|
|
420
462
|
onItemdoubleclick?: (...args: any[]) => any;
|
|
463
|
+
onDatechange?: (...args: any[]) => any;
|
|
421
464
|
onSlotclick?: (...args: any[]) => any;
|
|
422
465
|
onSlotdoubleclick?: (...args: any[]) => any;
|
|
423
466
|
onTaskclick?: (...args: any[]) => any;
|
|
@@ -456,6 +499,14 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
456
499
|
type: PropType<number>;
|
|
457
500
|
default: number;
|
|
458
501
|
};
|
|
502
|
+
eventOverview: {
|
|
503
|
+
type: PropType<boolean>;
|
|
504
|
+
default: boolean;
|
|
505
|
+
};
|
|
506
|
+
quickCreate: {
|
|
507
|
+
type: PropType<boolean>;
|
|
508
|
+
default: boolean;
|
|
509
|
+
};
|
|
459
510
|
editable: {
|
|
460
511
|
type: PropType<boolean | EditableProp>;
|
|
461
512
|
default: boolean;
|
|
@@ -480,6 +531,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
480
531
|
viewItem: PropType<any>;
|
|
481
532
|
task: PropType<any>;
|
|
482
533
|
form: PropType<any>;
|
|
534
|
+
quickCreateForm: PropType<string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild)>;
|
|
483
535
|
resizeHint: PropType<any>;
|
|
484
536
|
editItem: PropType<any>;
|
|
485
537
|
viewTask: PropType<any>;
|
|
@@ -498,8 +550,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
498
550
|
onDatachange?: (...args: any[]) => any;
|
|
499
551
|
onItemclick?: (...args: any[]) => any;
|
|
500
552
|
onViewchange?: (...args: any[]) => any;
|
|
501
|
-
onDatechange?: (...args: any[]) => any;
|
|
502
553
|
onItemdoubleclick?: (...args: any[]) => any;
|
|
554
|
+
onDatechange?: (...args: any[]) => any;
|
|
503
555
|
onSlotclick?: (...args: any[]) => any;
|
|
504
556
|
onSlotdoubleclick?: (...args: any[]) => any;
|
|
505
557
|
onTaskclick?: (...args: any[]) => any;
|
|
@@ -529,6 +581,14 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
529
581
|
type: PropType<number>;
|
|
530
582
|
default: number;
|
|
531
583
|
};
|
|
584
|
+
eventOverview: {
|
|
585
|
+
type: PropType<boolean>;
|
|
586
|
+
default: boolean;
|
|
587
|
+
};
|
|
588
|
+
quickCreate: {
|
|
589
|
+
type: PropType<boolean>;
|
|
590
|
+
default: boolean;
|
|
591
|
+
};
|
|
532
592
|
editable: {
|
|
533
593
|
type: PropType<boolean | EditableProp>;
|
|
534
594
|
default: boolean;
|
|
@@ -553,6 +613,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
553
613
|
viewItem: PropType<any>;
|
|
554
614
|
task: PropType<any>;
|
|
555
615
|
form: PropType<any>;
|
|
616
|
+
quickCreateForm: PropType<string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild)>;
|
|
556
617
|
resizeHint: PropType<any>;
|
|
557
618
|
editItem: PropType<any>;
|
|
558
619
|
viewTask: PropType<any>;
|
|
@@ -571,8 +632,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
571
632
|
onDatachange?: (...args: any[]) => any;
|
|
572
633
|
onItemclick?: (...args: any[]) => any;
|
|
573
634
|
onViewchange?: (...args: any[]) => any;
|
|
574
|
-
onDatechange?: (...args: any[]) => any;
|
|
575
635
|
onItemdoubleclick?: (...args: any[]) => any;
|
|
636
|
+
onDatechange?: (...args: any[]) => any;
|
|
576
637
|
onSlotclick?: (...args: any[]) => any;
|
|
577
638
|
onSlotdoubleclick?: (...args: any[]) => any;
|
|
578
639
|
onTaskclick?: (...args: any[]) => any;
|
|
@@ -609,6 +670,14 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
609
670
|
type: PropType<number>;
|
|
610
671
|
default: number;
|
|
611
672
|
};
|
|
673
|
+
eventOverview: {
|
|
674
|
+
type: PropType<boolean>;
|
|
675
|
+
default: boolean;
|
|
676
|
+
};
|
|
677
|
+
quickCreate: {
|
|
678
|
+
type: PropType<boolean>;
|
|
679
|
+
default: boolean;
|
|
680
|
+
};
|
|
612
681
|
editable: {
|
|
613
682
|
type: PropType<boolean | EditableProp>;
|
|
614
683
|
default: boolean;
|
|
@@ -633,6 +702,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
633
702
|
viewItem: PropType<any>;
|
|
634
703
|
task: PropType<any>;
|
|
635
704
|
form: PropType<any>;
|
|
705
|
+
quickCreateForm: PropType<string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild)>;
|
|
636
706
|
resizeHint: PropType<any>;
|
|
637
707
|
editItem: PropType<any>;
|
|
638
708
|
viewTask: PropType<any>;
|
|
@@ -651,8 +721,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
651
721
|
onDatachange?: (...args: any[]) => any;
|
|
652
722
|
onItemclick?: (...args: any[]) => any;
|
|
653
723
|
onViewchange?: (...args: any[]) => any;
|
|
654
|
-
onDatechange?: (...args: any[]) => any;
|
|
655
724
|
onItemdoubleclick?: (...args: any[]) => any;
|
|
725
|
+
onDatechange?: (...args: any[]) => any;
|
|
656
726
|
onSlotclick?: (...args: any[]) => any;
|
|
657
727
|
onSlotdoubleclick?: (...args: any[]) => any;
|
|
658
728
|
onTaskclick?: (...args: any[]) => any;
|
|
@@ -668,11 +738,11 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
668
738
|
[x: number]: boolean;
|
|
669
739
|
'k-rtl': any;
|
|
670
740
|
'k-scheduler': boolean;
|
|
671
|
-
'k-scheduler-mobile': any;
|
|
672
741
|
};
|
|
673
742
|
fields(): import('./models/Fields').Fields;
|
|
674
743
|
}, {
|
|
675
744
|
getViewComponentByName(viewName: string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
745
|
+
onDataAction: PropType<(action: DataAction) => void>;
|
|
676
746
|
name: {
|
|
677
747
|
type: PropType<string>;
|
|
678
748
|
default: string;
|
|
@@ -690,11 +760,13 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
690
760
|
default: string;
|
|
691
761
|
};
|
|
692
762
|
slotDuration: {
|
|
693
|
-
type: PropType<number>;
|
|
694
|
-
* Specifies the `className` attribute of the wrapping element of the Scheduler.
|
|
695
|
-
*/
|
|
763
|
+
type: PropType<number>;
|
|
696
764
|
default: number;
|
|
697
|
-
};
|
|
765
|
+
}; /**
|
|
766
|
+
* The `aria-label` attribute to be applied to the Scheduler component.
|
|
767
|
+
*
|
|
768
|
+
* For more information, refer to the [Scheduler Accessibility Compliance]({% slug accessibility_scheduler %}) article
|
|
769
|
+
*/
|
|
698
770
|
slotDivisions: {
|
|
699
771
|
type: PropType<number>;
|
|
700
772
|
default: number;
|
|
@@ -719,7 +791,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
719
791
|
items(): import('./models/Item').Item[];
|
|
720
792
|
}, {
|
|
721
793
|
handleDataAction(action: DataAction): void;
|
|
722
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
794
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dataaction"[], "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
795
|
+
onDataAction: PropType<(action: DataAction) => void>;
|
|
723
796
|
name: {
|
|
724
797
|
type: PropType<string>;
|
|
725
798
|
default: string;
|
|
@@ -737,11 +810,13 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
737
810
|
default: string;
|
|
738
811
|
};
|
|
739
812
|
slotDuration: {
|
|
740
|
-
type: PropType<number>;
|
|
741
|
-
* Specifies the `className` attribute of the wrapping element of the Scheduler.
|
|
742
|
-
*/
|
|
813
|
+
type: PropType<number>;
|
|
743
814
|
default: number;
|
|
744
|
-
};
|
|
815
|
+
}; /**
|
|
816
|
+
* The `aria-label` attribute to be applied to the Scheduler component.
|
|
817
|
+
*
|
|
818
|
+
* For more information, refer to the [Scheduler Accessibility Compliance]({% slug accessibility_scheduler %}) article
|
|
819
|
+
*/
|
|
745
820
|
slotDivisions: {
|
|
746
821
|
type: PropType<number>;
|
|
747
822
|
default: number;
|
|
@@ -759,7 +834,9 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
759
834
|
type: PropType<boolean | EditableProp>;
|
|
760
835
|
default: boolean;
|
|
761
836
|
};
|
|
762
|
-
}>> & Readonly<{
|
|
837
|
+
}>> & Readonly<{
|
|
838
|
+
onDataaction?: (...args: any[]) => any;
|
|
839
|
+
}>, {
|
|
763
840
|
name: string;
|
|
764
841
|
step: number;
|
|
765
842
|
editable: boolean | EditableProp;
|
|
@@ -770,6 +847,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
770
847
|
dateRange: DateRange | ((args: import('./models/SchedulerView').SchedulerViewDateRangeArgs) => DateRange);
|
|
771
848
|
slotDivisions: number;
|
|
772
849
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
850
|
+
onDataAction: PropType<(action: DataAction) => void>;
|
|
773
851
|
name: {
|
|
774
852
|
type: PropType<string>;
|
|
775
853
|
default: string;
|
|
@@ -855,12 +933,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
855
933
|
default: () => any;
|
|
856
934
|
};
|
|
857
935
|
dateHeaderCell: PropType<any>;
|
|
858
|
-
timeHeaderCell: PropType<any>;
|
|
859
|
-
* Specifies the `tabIndex` attribute of the wrapping element of the Scheduler.
|
|
860
|
-
*/
|
|
936
|
+
timeHeaderCell: PropType<any>;
|
|
861
937
|
slotRender: PropType<any>;
|
|
862
938
|
viewSlot: PropType<any>;
|
|
863
|
-
resizeHint: PropType<any>;
|
|
939
|
+
resizeHint: PropType<any>; /**
|
|
940
|
+
* Specifies the `tabIndex` attribute of the wrapping element of the Scheduler.
|
|
941
|
+
*/
|
|
864
942
|
item: PropType<any>;
|
|
865
943
|
viewItem: PropType<any>;
|
|
866
944
|
editable: PropType<boolean | EditableProp>;
|
|
@@ -869,6 +947,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
869
947
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
870
948
|
dataaction: any;
|
|
871
949
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
950
|
+
onDataAction: PropType<(action: DataAction) => void>;
|
|
872
951
|
name: {
|
|
873
952
|
type: PropType<string>;
|
|
874
953
|
default: string;
|
|
@@ -954,12 +1033,12 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
954
1033
|
default: () => any;
|
|
955
1034
|
};
|
|
956
1035
|
dateHeaderCell: PropType<any>;
|
|
957
|
-
timeHeaderCell: PropType<any>;
|
|
958
|
-
* Specifies the `tabIndex` attribute of the wrapping element of the Scheduler.
|
|
959
|
-
*/
|
|
1036
|
+
timeHeaderCell: PropType<any>;
|
|
960
1037
|
slotRender: PropType<any>;
|
|
961
1038
|
viewSlot: PropType<any>;
|
|
962
|
-
resizeHint: PropType<any>;
|
|
1039
|
+
resizeHint: PropType<any>; /**
|
|
1040
|
+
* Specifies the `tabIndex` attribute of the wrapping element of the Scheduler.
|
|
1041
|
+
*/
|
|
963
1042
|
item: PropType<any>;
|
|
964
1043
|
viewItem: PropType<any>;
|
|
965
1044
|
editable: PropType<boolean | EditableProp>;
|
|
@@ -988,6 +1067,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
988
1067
|
endTime: string;
|
|
989
1068
|
defaultShowWorkHours: boolean;
|
|
990
1069
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1070
|
+
onDataAction: PropType<(event: DataAction) => void>;
|
|
991
1071
|
name: {
|
|
992
1072
|
type: PropType<string>;
|
|
993
1073
|
default: string;
|
|
@@ -1068,12 +1148,22 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1068
1148
|
type: PropType<boolean>;
|
|
1069
1149
|
default: boolean;
|
|
1070
1150
|
};
|
|
1151
|
+
/**
|
|
1152
|
+
* Represents the props of the [Kendo UI for Vue Scheduler component]({% slug overview_scheduler %}).
|
|
1153
|
+
*/
|
|
1071
1154
|
format: PropType<string>;
|
|
1072
1155
|
}>, {}, {}, {}, {
|
|
1073
|
-
handleDataAction(action: DataAction): void;
|
|
1156
|
+
handleDataAction(action: DataAction): void; /**
|
|
1157
|
+
* Overrides the default viewItem. Specifying the `viewItem` property of a specific view will override this property.
|
|
1158
|
+
*
|
|
1159
|
+
* The default component is: [SchedulerViewItem]({% slug api_scheduler_schedulerviewitemprops %})
|
|
1160
|
+
*
|
|
1161
|
+
* For more information on customizing the scheduler items, refer to the [Item Customization]({% slug scheduler_custom_event %}) article.
|
|
1162
|
+
*/
|
|
1074
1163
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
1075
1164
|
dataaction: any;
|
|
1076
1165
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1166
|
+
onDataAction: PropType<(event: DataAction) => void>;
|
|
1077
1167
|
name: {
|
|
1078
1168
|
type: PropType<string>;
|
|
1079
1169
|
default: string;
|
|
@@ -1154,6 +1244,9 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1154
1244
|
type: PropType<boolean>;
|
|
1155
1245
|
default: boolean;
|
|
1156
1246
|
};
|
|
1247
|
+
/**
|
|
1248
|
+
* Represents the props of the [Kendo UI for Vue Scheduler component]({% slug overview_scheduler %}).
|
|
1249
|
+
*/
|
|
1157
1250
|
format: PropType<string>;
|
|
1158
1251
|
}>> & Readonly<{
|
|
1159
1252
|
onDataaction?: (...args: any) => any;
|
|
@@ -1177,6 +1270,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1177
1270
|
endTime: string;
|
|
1178
1271
|
defaultShowWorkHours: boolean;
|
|
1179
1272
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1273
|
+
onDataAction: PropType<(event: DataAction) => void>;
|
|
1180
1274
|
name: {
|
|
1181
1275
|
type: PropType<string>;
|
|
1182
1276
|
default: string;
|
|
@@ -1234,6 +1328,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1234
1328
|
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
1235
1329
|
dataaction: any;
|
|
1236
1330
|
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1331
|
+
onDataAction: PropType<(event: DataAction) => void>;
|
|
1237
1332
|
name: {
|
|
1238
1333
|
type: PropType<string>;
|
|
1239
1334
|
default: string;
|
|
@@ -1301,6 +1396,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1301
1396
|
workWeekEnd: import('@progress/kendo-date-math').Day;
|
|
1302
1397
|
showWorkHours: boolean;
|
|
1303
1398
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any> | import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1399
|
+
onDataAction: PropType<(action: DataAction) => void>;
|
|
1304
1400
|
itemsPerSlot: {
|
|
1305
1401
|
type: PropType<number>;
|
|
1306
1402
|
default: number;
|
|
@@ -1315,11 +1411,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1315
1411
|
};
|
|
1316
1412
|
slotDuration: {
|
|
1317
1413
|
type: PropType<number>;
|
|
1318
|
-
default: number;
|
|
1319
|
-
* The `aria-label` attribute to be applied to the Scheduler component.
|
|
1320
|
-
*
|
|
1321
|
-
* For more information, refer to the [Scheduler Accessibility Compliance]({% slug accessibility_scheduler %}) article
|
|
1322
|
-
*/
|
|
1414
|
+
default: number;
|
|
1323
1415
|
};
|
|
1324
1416
|
slotDivisions: {
|
|
1325
1417
|
type: PropType<number>;
|
|
@@ -1349,20 +1441,21 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1349
1441
|
dateHeaderCell: PropType<any>;
|
|
1350
1442
|
slotRender: PropType<any>;
|
|
1351
1443
|
viewSlot: PropType<any>;
|
|
1352
|
-
resizeHint: PropType<any>;
|
|
1353
|
-
* Overrides the default editItem. Specifying the `editItem` property of a specific view will override this property.
|
|
1354
|
-
*
|
|
1355
|
-
* The default component is: [SchedulerEditItem]({% slug api_scheduler_scheduleredititemprops %})
|
|
1356
|
-
*
|
|
1357
|
-
* For more information on customizing the scheduler items, refer to the [Item Customization]({% slug scheduler_custom_event %}) article.
|
|
1358
|
-
*/
|
|
1444
|
+
resizeHint: PropType<any>;
|
|
1359
1445
|
item: PropType<any>;
|
|
1360
1446
|
viewItem: PropType<any>;
|
|
1361
1447
|
editable: {
|
|
1362
1448
|
type: PropType<boolean>;
|
|
1363
1449
|
default: boolean;
|
|
1364
1450
|
};
|
|
1365
|
-
}>, {
|
|
1451
|
+
}>, {
|
|
1452
|
+
popoverEditItem: import('vue').ShallowRef<import('./models/Item').Item, import('./models/Item').Item>;
|
|
1453
|
+
popoverFormItem: import('vue').ShallowRef<any, any>;
|
|
1454
|
+
popoverShowOccurrenceDialog: import('vue').Ref<boolean, boolean>;
|
|
1455
|
+
handlePopoverItemDoubleClick: (item: import('./models/Item').Item) => boolean;
|
|
1456
|
+
handlePopoverFormItemChange: (formItem: any) => void;
|
|
1457
|
+
handlePopoverShowOccurrenceDialogChange: (show: boolean) => void;
|
|
1458
|
+
}, {
|
|
1366
1459
|
hasMounted: boolean;
|
|
1367
1460
|
rowSyncFrame: number;
|
|
1368
1461
|
rowSyncQueued: boolean;
|
|
@@ -1388,7 +1481,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1388
1481
|
handleDataAction(action: DataAction): void;
|
|
1389
1482
|
handleDragItemChange(item: any): void;
|
|
1390
1483
|
handleResizeItemChange(item: any): void;
|
|
1391
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin,
|
|
1484
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "dataaction"[], "dataaction", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1485
|
+
onDataAction: PropType<(action: DataAction) => void>;
|
|
1392
1486
|
itemsPerSlot: {
|
|
1393
1487
|
type: PropType<number>;
|
|
1394
1488
|
default: number;
|
|
@@ -1403,11 +1497,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1403
1497
|
};
|
|
1404
1498
|
slotDuration: {
|
|
1405
1499
|
type: PropType<number>;
|
|
1406
|
-
default: number;
|
|
1407
|
-
* The `aria-label` attribute to be applied to the Scheduler component.
|
|
1408
|
-
*
|
|
1409
|
-
* For more information, refer to the [Scheduler Accessibility Compliance]({% slug accessibility_scheduler %}) article
|
|
1410
|
-
*/
|
|
1500
|
+
default: number;
|
|
1411
1501
|
};
|
|
1412
1502
|
slotDivisions: {
|
|
1413
1503
|
type: PropType<number>;
|
|
@@ -1437,20 +1527,16 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1437
1527
|
dateHeaderCell: PropType<any>;
|
|
1438
1528
|
slotRender: PropType<any>;
|
|
1439
1529
|
viewSlot: PropType<any>;
|
|
1440
|
-
resizeHint: PropType<any>;
|
|
1441
|
-
* Overrides the default editItem. Specifying the `editItem` property of a specific view will override this property.
|
|
1442
|
-
*
|
|
1443
|
-
* The default component is: [SchedulerEditItem]({% slug api_scheduler_scheduleredititemprops %})
|
|
1444
|
-
*
|
|
1445
|
-
* For more information on customizing the scheduler items, refer to the [Item Customization]({% slug scheduler_custom_event %}) article.
|
|
1446
|
-
*/
|
|
1530
|
+
resizeHint: PropType<any>;
|
|
1447
1531
|
item: PropType<any>;
|
|
1448
1532
|
viewItem: PropType<any>;
|
|
1449
1533
|
editable: {
|
|
1450
1534
|
type: PropType<boolean>;
|
|
1451
1535
|
default: boolean;
|
|
1452
1536
|
};
|
|
1453
|
-
}>> & Readonly<{
|
|
1537
|
+
}>> & Readonly<{
|
|
1538
|
+
onDataaction?: (...args: any[]) => any;
|
|
1539
|
+
}>, {
|
|
1454
1540
|
name: string;
|
|
1455
1541
|
editable: boolean;
|
|
1456
1542
|
itemsPerSlot: number;
|
|
@@ -1473,8 +1559,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1473
1559
|
handleNewEventFormSubmit(event: SchedulerFormStateChangeEvent<DataItem>): void;
|
|
1474
1560
|
handleNewEventFormCancel(): void;
|
|
1475
1561
|
handleCreate(action: DataAction): void;
|
|
1476
|
-
handleUpdate(action:
|
|
1477
|
-
handleRemove(action:
|
|
1562
|
+
handleUpdate(action: InternalDataAction): void;
|
|
1563
|
+
handleRemove(action: InternalDataAction): void;
|
|
1478
1564
|
handleDataAction(action: DataAction): void;
|
|
1479
1565
|
handleActiveViewNameChange(newView: string, event?: any): void;
|
|
1480
1566
|
setToolbarRef(instance: any): void;
|
|
@@ -1496,7 +1582,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1496
1582
|
updatePassedState(newViewName: string): void;
|
|
1497
1583
|
calculateMedia(): void;
|
|
1498
1584
|
measureToolbar(): void;
|
|
1499
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("datachange" | "itemclick" | "viewchange" | "
|
|
1585
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("datachange" | "itemclick" | "viewchange" | "itemdoubleclick" | "datechange" | "slotclick" | "slotdoubleclick" | "taskclick" | "taskdoubleclick")[], "datachange" | "itemclick" | "viewchange" | "itemdoubleclick" | "datechange" | "slotclick" | "slotdoubleclick" | "taskclick" | "taskdoubleclick", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
1500
1586
|
dataItems: {
|
|
1501
1587
|
type: PropType<any[]>;
|
|
1502
1588
|
default: () => any[];
|
|
@@ -1521,6 +1607,14 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1521
1607
|
type: PropType<number>;
|
|
1522
1608
|
default: number;
|
|
1523
1609
|
};
|
|
1610
|
+
eventOverview: {
|
|
1611
|
+
type: PropType<boolean>;
|
|
1612
|
+
default: boolean;
|
|
1613
|
+
};
|
|
1614
|
+
quickCreate: {
|
|
1615
|
+
type: PropType<boolean>;
|
|
1616
|
+
default: boolean;
|
|
1617
|
+
};
|
|
1524
1618
|
editable: {
|
|
1525
1619
|
type: PropType<boolean | EditableProp>;
|
|
1526
1620
|
default: boolean;
|
|
@@ -1545,6 +1639,7 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1545
1639
|
viewItem: PropType<any>;
|
|
1546
1640
|
task: PropType<any>;
|
|
1547
1641
|
form: PropType<any>;
|
|
1642
|
+
quickCreateForm: PropType<string | Component<SchedulerQuickCreateFormProps> | ((createElement: typeof h, defaultRendering: VNode, props: SchedulerQuickCreateFormProps) => VNodeChild)>;
|
|
1548
1643
|
resizeHint: PropType<any>;
|
|
1549
1644
|
editItem: PropType<any>;
|
|
1550
1645
|
viewTask: PropType<any>;
|
|
@@ -1563,8 +1658,8 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1563
1658
|
onDatachange?: (...args: any[]) => any;
|
|
1564
1659
|
onItemclick?: (...args: any[]) => any;
|
|
1565
1660
|
onViewchange?: (...args: any[]) => any;
|
|
1566
|
-
onDatechange?: (...args: any[]) => any;
|
|
1567
1661
|
onItemdoubleclick?: (...args: any[]) => any;
|
|
1662
|
+
onDatechange?: (...args: any[]) => any;
|
|
1568
1663
|
onSlotclick?: (...args: any[]) => any;
|
|
1569
1664
|
onSlotdoubleclick?: (...args: any[]) => any;
|
|
1570
1665
|
onTaskclick?: (...args: any[]) => any;
|
|
@@ -1577,11 +1672,17 @@ declare const Scheduler: import('vue').DefineComponent<import('vue').ExtractProp
|
|
|
1577
1672
|
dataItems: any[];
|
|
1578
1673
|
views: SchedulerViewProps[];
|
|
1579
1674
|
editable: boolean | EditableProp;
|
|
1675
|
+
eventOverview: boolean;
|
|
1676
|
+
quickCreate: boolean;
|
|
1580
1677
|
modifyInitialFormValues: Function;
|
|
1581
1678
|
defaultDate: Date;
|
|
1582
1679
|
}, {}, {}, {}, string, () => {
|
|
1583
1680
|
ks: any;
|
|
1584
1681
|
ksMobile: () => any;
|
|
1682
|
+
ksEventOverview: () => any;
|
|
1683
|
+
ksQuickCreate: () => any;
|
|
1684
|
+
ksQuickCreateForm: () => any;
|
|
1685
|
+
ksPopoverCoordinator: import('./hooks/useExclusivePopover').SchedulerPopoverCoordinator;
|
|
1585
1686
|
setActiveViewName: any;
|
|
1586
1687
|
setActiveDate: any;
|
|
1587
1688
|
itemDoubleClick: any;
|