@progress/kendo-vue-scheduler 8.2.0 → 8.3.0-develop.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/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +11 -11
- package/views/day/MultiDayView.js +1 -1
- package/views/day/MultiDayView.mjs +9 -9
- package/views/time/MultiDayTimelineView.js +1 -1
- package/views/time/MultiDayTimelineView.mjs +6 -6
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scheduler",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1776959074,version:"8.3.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "8.
|
|
13
|
+
publishDate: 1776959074,
|
|
14
|
+
version: "8.3.0-develop.2",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-scheduler",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.3.0-develop.2",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -27,15 +27,15 @@
|
|
|
27
27
|
"@progress/kendo-date-math": "^1.5.13",
|
|
28
28
|
"@progress/kendo-drawing": "^1.20.1",
|
|
29
29
|
"@progress/kendo-licensing": "^1.7.2",
|
|
30
|
-
"@progress/kendo-vue-common": "8.
|
|
31
|
-
"@progress/kendo-vue-buttons": "8.
|
|
32
|
-
"@progress/kendo-vue-dateinputs": "8.
|
|
33
|
-
"@progress/kendo-vue-dialogs": "8.
|
|
34
|
-
"@progress/kendo-vue-dropdowns": "8.
|
|
35
|
-
"@progress/kendo-vue-form": "8.
|
|
36
|
-
"@progress/kendo-vue-inputs": "8.
|
|
37
|
-
"@progress/kendo-vue-intl": "8.
|
|
38
|
-
"@progress/kendo-vue-popup": "8.
|
|
30
|
+
"@progress/kendo-vue-common": "8.3.0-develop.2",
|
|
31
|
+
"@progress/kendo-vue-buttons": "8.3.0-develop.2",
|
|
32
|
+
"@progress/kendo-vue-dateinputs": "8.3.0-develop.2",
|
|
33
|
+
"@progress/kendo-vue-dialogs": "8.3.0-develop.2",
|
|
34
|
+
"@progress/kendo-vue-dropdowns": "8.3.0-develop.2",
|
|
35
|
+
"@progress/kendo-vue-form": "8.3.0-develop.2",
|
|
36
|
+
"@progress/kendo-vue-inputs": "8.3.0-develop.2",
|
|
37
|
+
"@progress/kendo-vue-intl": "8.3.0-develop.2",
|
|
38
|
+
"@progress/kendo-vue-popup": "8.3.0-develop.2",
|
|
39
39
|
"@progress/kendo-svg-icons": "^4.4.0",
|
|
40
40
|
"vue": "^3.0.2"
|
|
41
41
|
},
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"package": {
|
|
61
61
|
"productName": "Kendo UI for Vue",
|
|
62
62
|
"productCode": "KENDOUIVUE",
|
|
63
|
-
"publishDate":
|
|
63
|
+
"publishDate": 1776959074,
|
|
64
64
|
"licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=vue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
|
|
65
65
|
}
|
|
66
66
|
},
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),n=require("@progress/kendo-date-math"),N=require("../../components/BaseView.js"),I=require("../common/HorizontalResourceIterator.js"),R=require("./DayViewGroupRowContent.js"),k=require("../common/VerticalResourceIterator.js"),f=require("./DayViewAllDayRowContent.js"),M=require("./DayViewRowContent.js"),x=require("./DayViewMiddleRow.js"),q=require("./DayViewVerticalRow.js"),z=require("./DayViewHead.js"),H=require("./DayViewAllDaySlots.js"),i=require("../../utils/main.js"),g=require("@progress/kendo-vue-intl"),O=require("../../constants/main.js"),$=require("../common/SchedulerDrag.js"),W=require("../../slots/SchedulerEditSlot.js"),j=require("../../items/SchedulerEditItem.js"),F=require("../../components/CurrentTimeMarker.js"),_=require("../../components/CurrentTimeMarkerArrow.js"),v=require("../common/SchedulerResize.js"),E=require("../../services/rangeService.js"),V=require("../../services/itemsService.js"),P=require("../../services/occurrenceService.js"),T=require("../../services/slotsService.js"),b=0,B=r.defineComponent({name:"KendoMultiDayView",props:{name:{type:String,default:"multi-day"},title:{type:String,default:"Multi Day"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return C}},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"23:59"},workDayStart:{type:String,default:"08:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:n.Day.Monday},workWeekEnd:{type:Number,default:n.Day.Friday},step:{type:Number,default:1},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},format:{type:String,default:"t"},defaultShowWorkHours:{type:Boolean,default:!0},dateHeaderCell:[String,Function,Object],timeHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1},onDataaction:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},computed:{viewStart(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),s=this.intl.parseDate(this.$props.startTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},viewEnd(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),s=this.intl.parseDate(this.$props.endTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},dayRanges(){return E.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return E.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return T.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return T.toSlots(this.ks.dateRange,{step:this.slotDuration*O.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||i.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return P.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},dayOccurrences(){return this.occurrences.filter(t=>t.isAllDay)},timeOccurrences(){return this.occurrences.filter(t=>!t.isAllDay)},dayItems(){const t=V.toItems(this.dayOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.dayRanges});return i.mapItemsToSlots(t,this.daySlots,!1),i.mapSlotsToItems(t,this.daySlots,!1),t},timeItems(){const t=V.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>this.viewStart.getTime()===this.viewEnd.getTime()||i.isInTimeRange(s.zonedStart,this.viewStart,this.viewEnd)||i.isInTimeRange(s.zonedEnd,this.viewStart,this.viewEnd)||i.isInTimeRange(new Date(s.zonedEnd.getTime()-(s.zonedEnd.getTime()-s.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return i.mapItemsToSlots(t,this.timeSlots,!1),i.mapSlotsToItems(t,this.timeSlots,!1),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},mounted(){this.hasMounted=!0},created(){this.intl=g.provideIntlService(this)},beforeUpdate(){this.intl=g.provideIntlService(this)},render(){this.intl=g.provideIntlService(this);const t=this.$props.editItem||j.SchedulerEditItem;this.$props.editSlot||W.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,a=this.$props.slotDivisions;this.$props.slotDuration;const l=this.$props.workWeekStart,d=this.$props.workWeekEnd,m=this.intl.parseDate(this.$props.workDayStart),c=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,h=this.daySlots,p=this.timeSlots,A=this.ks.view.name==="workweek"||this.ks.view.name==="week",y=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(o,S){return r.createVNode($.SchedulerDrag,{key:S,dataItem:o,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode($.SchedulerDrag,{dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},w=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(o,S){return r.createVNode(v.SchedulerResize,{key:S,format:this.$props.format,dataItem:o,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(v.SchedulerResize,{format:this.$props.format,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};return r.createVNode(N.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:A?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...h,...p]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(I.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:R.DayViewGroupRowContent,childRowContent:R.DayViewGroupRowContent},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(I.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:f.DayViewAllDayRowContent,childRowContent:f.DayViewAllDayRowContent},{default:()=>[r.createVNode(H.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:h,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,form:this.$props.form,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!1),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!1)]:r.createVNode(k.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[p.filter(e=>e.group.index===b&&e.range.index===b).map(function(e,o){return r.createVNode(I.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:M.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:o%a===0,isLast:(o+1)%a===0,contentSlot:e}},{default:()=>[r.createVNode(x.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:p,slotDivisions:a,rootIndex:o,root:e,numberOfDays:s,workDayStart:m,workDayEnd:c,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&i.intersects(i.first(this.timeRanges).start,i.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(_.CurrentTimeMarkerArrow,null,null),r.createVNode(F.CurrentTimeMarker,null,null)]]:[r.createVNode(k.VerticalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{timeRanges:this.timeRanges,timeSlots:p,workDayStart:m,workDayEnd:c,numberOfDays:s,workWeekStart:l,workWeekEnd:d,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(q.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:h,timeSlots:p,dayRanges:this.dayRanges,editable:this.$props.editable},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index} : ${e.range.index} : ${e.originalStart}`:`${e.uid}:${e.group.index} : ${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!0)],this.hasMounted&&D.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:"t",onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!0},null)},this),this.compDragItem&&!this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&!this.compResizeItem.isAllDay&&w.call(this,!0)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),C=({date:t,numberOfDays:s=1,timezone:a})=>{const l=n.ZonedDate.fromLocalDate(t,a),d=n.getDate(l),m=n.addDays(d,s),c=n.ZonedDate.fromUTCDate(i.toUTCDateTime(d),a),u=n.ZonedDate.fromUTCDate(i.toUTCDateTime(m),a),D=new Date(c.getTime()),h=new Date(u.getTime());return{start:D,end:h,zonedStart:c,zonedEnd:u}};exports.MultiDayView=B;exports.multiDayViewDateRange=C;
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),n=require("@progress/kendo-date-math"),N=require("../../components/BaseView.js"),I=require("../common/HorizontalResourceIterator.js"),R=require("./DayViewGroupRowContent.js"),k=require("../common/VerticalResourceIterator.js"),f=require("./DayViewAllDayRowContent.js"),M=require("./DayViewRowContent.js"),x=require("./DayViewMiddleRow.js"),q=require("./DayViewVerticalRow.js"),z=require("./DayViewHead.js"),H=require("./DayViewAllDaySlots.js"),i=require("../../utils/main.js"),g=require("@progress/kendo-vue-intl"),O=require("../../constants/main.js"),$=require("../common/SchedulerDrag.js"),W=require("../../slots/SchedulerEditSlot.js"),j=require("../../items/SchedulerEditItem.js"),F=require("../../components/CurrentTimeMarker.js"),_=require("../../components/CurrentTimeMarkerArrow.js"),v=require("../common/SchedulerResize.js"),E=require("../../services/itemsService.js"),P=require("../../services/occurrenceService.js"),V=require("../../services/slotsService.js"),T=require("../../services/rangeService.js"),b=0,B=r.defineComponent({name:"KendoMultiDayView",props:{name:{type:String,default:"multi-day"},title:{type:String,default:"Multi Day"},currentTimeMarker:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return C}},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"23:59"},workDayStart:{type:String,default:"08:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:n.Day.Monday},workWeekEnd:{type:Number,default:n.Day.Friday},step:{type:Number,default:1},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},showWorkHours:{type:Boolean,default:!0},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},format:{type:String,default:"t"},defaultShowWorkHours:{type:Boolean,default:!0},dateHeaderCell:[String,Function,Object],timeHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1},onDataaction:Function},inject:{kendoIntlService:{default:null},ks:{default:null}},computed:{viewStart(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),s=this.intl.parseDate(this.$props.startTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},viewEnd(){this.intl=g.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),s=this.intl.parseDate(this.$props.endTime);return(this.ks.showWorkHours!==void 0?this.ks.showWorkHours:this.showWorkHours)?t:s},dayRanges(){return T.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY*this.numberOfDays,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!0}))},timeRanges(){return T.toRanges(this.ks.dateRange,{step:n.MS_PER_DAY,timezone:this.ks.timezone}).map(t=>({...t,isAllDay:!1}))},daySlots(){return V.toSlots(this.ks.dateRange,{step:n.MS_PER_DAY},{groups:this.ks.groups,ranges:this.dayRanges})},timeSlots(){const t=this;return V.toSlots(this.ks.dateRange,{step:this.slotDuration*O.MS_PER_MINUTE/this.slotDivisions},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>t.viewEnd.getTime()===t.viewStart.getTime()||i.isInTimeRange(s.zonedStart,t.viewStart,t.viewEnd))},occurrences(){return P.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},dayOccurrences(){return this.occurrences.filter(t=>t.isAllDay)},timeOccurrences(){return this.occurrences.filter(t=>!t.isAllDay)},dayItems(){const t=E.toItems(this.dayOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.dayRanges});return i.mapItemsToSlots(t,this.daySlots,!1),i.mapSlotsToItems(t,this.daySlots,!1),t},timeItems(){const t=E.toItems(this.timeOccurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.timeRanges}).filter(s=>this.viewStart.getTime()===this.viewEnd.getTime()||i.isInTimeRange(s.zonedStart,this.viewStart,this.viewEnd)||i.isInTimeRange(s.zonedEnd,this.viewStart,this.viewEnd)||i.isInTimeRange(new Date(s.zonedEnd.getTime()-(s.zonedEnd.getTime()-s.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return i.mapItemsToSlots(t,this.timeSlots,!1),i.mapSlotsToItems(t,this.timeSlots,!1),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},mounted(){this.hasMounted=!0},created(){this.intl=g.provideIntlService(this)},beforeUpdate(){this.intl=g.provideIntlService(this)},render(){this.intl=g.provideIntlService(this);const t=this.$props.editItem||j.SchedulerEditItem;this.$props.editSlot||W.SchedulerEditSlot,this.$props.showWorkHours;const s=this.$props.numberOfDays,a=this.$props.slotDivisions;this.$props.slotDuration;const l=this.$props.workWeekStart,d=this.$props.workWeekEnd,m=this.intl.parseDate(this.$props.workDayStart),c=this.intl.parseDate(this.$props.workDayEnd),u=this.dayItems,D=this.timeItems,h=this.daySlots,p=this.timeSlots,A=this.ks.view.name==="workweek"||this.ks.view.name==="week",y=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(o,S){return r.createVNode($.SchedulerDrag,{key:S,dataItem:o,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode($.SchedulerDrag,{dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},w=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(o,S){return r.createVNode(v.SchedulerResize,{key:S,format:this.$props.format,dataItem:o,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(v.SchedulerResize,{format:this.$props.format,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))};return r.createVNode(N.BaseView,{id:this.$props.id,viewProps:{...this.$props},class:A?"k-scheduler-weekview":"k-scheduler-dayview",ranges:[...this.dayRanges,...this.timeRanges],baseSlots:[...h,...p]},{default:()=>[r.createVNode("div",{class:"k-scheduler-head"},[this.ks.orientation==="horizontal"?[r.createVNode(I.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:R.DayViewGroupRowContent,childRowContent:R.DayViewGroupRowContent},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]}),r.createVNode(I.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:f.DayViewAllDayRowContent,childRowContent:f.DayViewAllDayRowContent},{default:()=>[r.createVNode(H.DayViewAllDaySlots,{editable:this.$props.editable,dayRanges:this.dayRanges,daySlots:h,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,numberOfDays:s,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,form:this.$props.form,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!1),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!1)]:r.createVNode(k.VerticalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,emptyCell:!0,editable:this.$props.editable},{default:()=>[r.createVNode(z.DayViewHead,{timeRanges:this.timeRanges,dateHeaderCell:this.$props.dateHeaderCell},null)]})]),r.createVNode("div",{class:"k-scheduler-body"},[this.ks.orientation==="horizontal"?[p.filter(e=>e.group.index===b&&e.range.index===b).map(function(e,o){return r.createVNode(I.HorizontalResourceIterator,{key:e.index,nested:!1,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:M.DayViewRowContent,rowContentProps:{timeHeaderCell:this.$props.timeHeaderCell,isMaster:o%a===0,isLast:(o+1)%a===0,contentSlot:e}},{default:()=>[r.createVNode(x.DayViewMiddleRow,{slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,timeRanges:this.timeRanges,timeSlots:p,slotDivisions:a,rootIndex:o,root:e,numberOfDays:s,workDayStart:m,workDayEnd:c,workWeekStart:l,workWeekEnd:d,onDataaction:this.handleDataAction,editable:this.$props.editable},null)]})},this),this.$props.currentTimeMarker&&i.intersects(i.first(this.timeRanges).start,i.last(this.timeRanges).end,new Date,new Date,!0)&&[r.createVNode(_.CurrentTimeMarkerArrow,null,null),r.createVNode(F.CurrentTimeMarker,null,null)]]:[r.createVNode(k.VerticalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{timeRanges:this.timeRanges,timeSlots:p,workDayStart:m,workDayEnd:c,numberOfDays:s,workWeekStart:l,workWeekEnd:d,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},{default:()=>[r.createVNode(q.DayViewVerticalRow,{onDataaction:this.handleDataAction,daySlots:h,timeSlots:p,dayRanges:this.dayRanges,editable:this.$props.editable},null)]}),this.hasMounted&&u.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index} : ${e.range.index} : ${e.originalStart}`:`${e.uid}:${e.group.index} : ${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!1},null)},this),this.compDragItem&&this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&this.compResizeItem.isAllDay&&w.call(this,!0)],this.hasMounted&&D.map(function(e){return r.createVNode(t,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:"t",onDataaction:this.handleDataAction,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,viewItem:this.$props.viewItem,item:this.$props.item,form:this.$props.form,editable:this.$props.editable,vertical:!0},null)},this),this.compDragItem&&!this.compDragItem.isAllDay&&y.call(this,!0),this.compResizeItem&&!this.compResizeItem.isAllDay&&w.call(this,!0)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),C=({date:t,numberOfDays:s=1,timezone:a})=>{const l=n.ZonedDate.fromLocalDate(t,a),d=n.getDate(l),m=n.addDays(d,s),c=n.ZonedDate.fromUTCDate(i.toUTCDateTime(d),a),u=n.ZonedDate.fromUTCDate(i.toUTCDateTime(m),a),D=new Date(c.getTime()),h=new Date(u.getTime());return{start:D,end:h,zonedStart:c,zonedEnd:u}};exports.MultiDayView=B;exports.multiDayViewDateRange=C;
|
|
@@ -26,10 +26,10 @@ import { SchedulerEditItem as Z } from "../../items/SchedulerEditItem.mjs";
|
|
|
26
26
|
import { CurrentTimeMarker as q } from "../../components/CurrentTimeMarker.mjs";
|
|
27
27
|
import { CurrentTimeMarkerArrow as J } from "../../components/CurrentTimeMarkerArrow.mjs";
|
|
28
28
|
import { SchedulerResize as A } from "../common/SchedulerResize.mjs";
|
|
29
|
-
import {
|
|
30
|
-
import { toItems as O } from "../../services/itemsService.mjs";
|
|
29
|
+
import { toItems as x } from "../../services/itemsService.mjs";
|
|
31
30
|
import { toOccurrences as Q } from "../../services/occurrenceService.mjs";
|
|
32
|
-
import { toSlots as
|
|
31
|
+
import { toSlots as O } from "../../services/slotsService.mjs";
|
|
32
|
+
import { toRanges as W } from "../../services/rangeService.mjs";
|
|
33
33
|
const H = 0, ve = /* @__PURE__ */ V({
|
|
34
34
|
name: "KendoMultiDayView",
|
|
35
35
|
props: {
|
|
@@ -154,7 +154,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
154
154
|
return (this.ks.showWorkHours !== void 0 ? this.ks.showWorkHours : this.showWorkHours) ? t : s;
|
|
155
155
|
},
|
|
156
156
|
dayRanges() {
|
|
157
|
-
return
|
|
157
|
+
return W(this.ks.dateRange, {
|
|
158
158
|
step: w * this.numberOfDays,
|
|
159
159
|
timezone: this.ks.timezone
|
|
160
160
|
}).map((t) => ({
|
|
@@ -163,7 +163,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
163
163
|
}));
|
|
164
164
|
},
|
|
165
165
|
timeRanges() {
|
|
166
|
-
return
|
|
166
|
+
return W(this.ks.dateRange, {
|
|
167
167
|
step: w,
|
|
168
168
|
timezone: this.ks.timezone
|
|
169
169
|
}).map((t) => ({
|
|
@@ -172,7 +172,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
172
172
|
}));
|
|
173
173
|
},
|
|
174
174
|
daySlots() {
|
|
175
|
-
return
|
|
175
|
+
return O(this.ks.dateRange, {
|
|
176
176
|
step: w
|
|
177
177
|
}, {
|
|
178
178
|
groups: this.ks.groups,
|
|
@@ -181,7 +181,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
181
181
|
},
|
|
182
182
|
timeSlots() {
|
|
183
183
|
const t = this;
|
|
184
|
-
return
|
|
184
|
+
return O(this.ks.dateRange, {
|
|
185
185
|
step: this.slotDuration * X / this.slotDivisions
|
|
186
186
|
}, {
|
|
187
187
|
groups: this.ks.groups,
|
|
@@ -202,7 +202,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
202
202
|
return this.occurrences.filter((t) => !t.isAllDay);
|
|
203
203
|
},
|
|
204
204
|
dayItems() {
|
|
205
|
-
const t =
|
|
205
|
+
const t = x(this.dayOccurrences, {
|
|
206
206
|
timezone: this.ks.timezone
|
|
207
207
|
}, {
|
|
208
208
|
groups: this.ks.groups,
|
|
@@ -211,7 +211,7 @@ const H = 0, ve = /* @__PURE__ */ V({
|
|
|
211
211
|
return E(t, this.daySlots, !1), b(t, this.daySlots, !1), t;
|
|
212
212
|
},
|
|
213
213
|
timeItems() {
|
|
214
|
-
const t =
|
|
214
|
+
const t = x(this.timeOccurrences, {
|
|
215
215
|
timezone: this.ks.timezone
|
|
216
216
|
}, {
|
|
217
217
|
groups: this.ks.groups,
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),z=require("../../components/BaseView.js"),o=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),T=require("./TimelineViewRowContent.js"),v=require("./TimelineViewAllEventsRowContent.js"),f=require("../common/VerticalResourceIterator.js"),n=require("../../utils/main.js"),$=require("../../services/rangeService.js"),b=require("../../services/slotsService.js"),E=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),C=require("./TimelineViewBody.js"),N=require("../../constants/main.js"),D=require("@progress/kendo-vue-intl"),q=require("../../items/SchedulerEditItem.js"),y=require("../common/SchedulerResize.js"),I=require("../common/SchedulerDrag.js"),A=require("../../components/DateHeaderCell.js"),M=require("../../components/TimeHeaderCell.js"),w=require("../../hooks/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),z=require("../../components/BaseView.js"),o=require("@progress/kendo-date-math"),S=require("../common/HorizontalResourceIterator.js"),T=require("./TimelineViewRowContent.js"),v=require("./TimelineViewAllEventsRowContent.js"),f=require("../common/VerticalResourceIterator.js"),n=require("../../utils/main.js"),$=require("../../services/rangeService.js"),b=require("../../services/slotsService.js"),E=require("../../services/occurrenceService.js"),V=require("../../services/itemsService.js"),C=require("./TimelineViewBody.js"),N=require("../../constants/main.js"),D=require("@progress/kendo-vue-intl"),q=require("../../items/SchedulerEditItem.js"),y=require("../common/SchedulerResize.js"),I=require("../common/SchedulerDrag.js"),A=require("../../components/DateHeaderCell.js"),M=require("../../components/TimeHeaderCell.js"),w=require("../../hooks/useCellSync.js"),k=require("../../hooks/useRowSync.js");function R(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!r.isVNode(t)}const O="t",x=0,H=r.defineComponent({name:"KendoMultiDayTimelineView",props:{name:{type:String,default:"multi-day-timeline"},title:{type:String,default:"Multi Day Timeline"},currentTimeMarker:{type:Boolean,default:!0},dragItem:{type:Object,default:function(){}},resizeItem:{type:Object,default:function(){}},showWorkHours:{type:Boolean,default:!0},dateRange:{type:[Function,Object],default:function(){return j}},selectedDateFormat:{type:String,default:"{0:D} - {1:D}"},selectedShortDateFormat:{type:String,default:"{0:d} - {1:d}"},step:{type:Number,default:1},numberOfDays:{type:Number,default:1},startTime:{type:String,default:"00:00"},endTime:{type:String,default:"00:00"},workDayStart:{type:String,default:"8:00"},workDayEnd:{type:String,default:"17:00"},workWeekStart:{type:Number,default:o.Day.Monday},workWeekEnd:{type:Number,default:o.Day.Friday},slotDivisions:{type:Number,default:2},slotDuration:{type:Number,default:60},defaultShowWorkHours:{type:Boolean,default:!0},columnWidth:{type:Number,default:100},dateHeaderCell:[String,Function,Object],timeHeaderCell:[String,Function,Object],slotRender:[String,Function,Object],viewSlot:[String,Function,Object],resizeHint:[String,Function,Object],item:[String,Function,Object],viewItem:[String,Function,Object],editable:{type:[Boolean,Object],default:!1},onDataaction:Function},data(){return{hasMounted:!1,currentDragItem:void 0,currentResizeItem:void 0}},inject:{ks:{default:null},kendoIntlService:{default:null}},computed:{viewStart(){this.intl=D.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayStart),i=this.intl.parseDate(this.$props.startTime);return this.showWorkHours?t:i},viewEnd(){this.intl=D.provideIntlService(this);const t=this.intl.parseDate(this.$props.workDayEnd),i=this.intl.parseDate(this.$props.endTime);return this.showWorkHours?t:i},ranges(){return $.toRanges(this.ks.dateRange,{step:o.MS_PER_DAY,timezone:this.ks.timezone})},timelineSlots(){return b.toSlots(this.ks.dateRange,{step:this.slotDuration/this.slotDivisions*o.MS_PER_MINUTE},{groups:this.ks.groups,ranges:this.ranges}).filter(i=>n.isInTimeRange(i.zonedStart,this.viewStart,this.viewEnd)||this.viewStart.getTime()===this.viewEnd.getTime())},occurrences(){return E.toOccurrences(this.ks.dataItems,{dateRange:this.ks.dateRange,fields:this.ks.fields,timezone:this.ks.timezone})},items(){const t=V.toItems(this.occurrences,{timezone:this.ks.timezone},{groups:this.ks.groups,ranges:this.ranges}).filter(i=>this.viewStart.getTime()===this.viewEnd.getTime()||n.isInTimeRange(i.zonedStart,this.viewStart,this.viewEnd)||n.isInTimeRange(i.zonedEnd,this.viewStart,this.viewEnd)||n.isInTimeRange(new Date(i.zonedEnd.getTime()-(i.zonedEnd.getTime()-i.zonedStart.getTime())/2),this.viewStart,this.viewEnd));return n.mapItemsToSlots(t,this.timelineSlots,!0),n.mapSlotsToItems(t,this.timelineSlots,!0),t},compDragItem(){return this.dragItem!==void 0?this.dragItem:this.currentDragItem},compResizeItem(){return this.resizeItem!==void 0?this.resizeItem:this.currentResizeItem}},mounted(){this.timeRef=null,this.bodyRef=null,this.hasMounted=!0,w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),k.useRowSync({element:this.$el})},updated(){w.useCellSync({element:this.$el,selector:".k-resource-cell",attribute:"data-depth-index",explicitDepth:!0}),k.useRowSync({element:this.$el})},render(){const t=D.provideIntlService(this),i=this.$props.slotDuration,u=t.parseDate(this.$props.workDayStart),h=t.parseDate(this.$props.workDayEnd),p=[...this.items],a=[...this.timelineSlots],c=(this.ks.orientation==="horizontal"?a.length:a.length/this.ks.groups.length)*(this.$props.columnWidth+N.BORDER_WIDTH),m=function(e){return this.compDragItem&&this.$props.editable.drag&&(Array.isArray(this.compDragItem)?this.compDragItem.map(function(d,s){return r.createVNode(I.SchedulerDrag,{key:s,ignoreIsAllDay:!0,dataItem:d,vertical:e,item:this.$props.dataItem},null)},this):r.createVNode(I.SchedulerDrag,{ignoreIsAllDay:!0,dataItem:this.compDragItem,vertical:e,item:this.$props.dataItem},null))},g=function(e){return this.compResizeItem&&this.editable.resize&&(Array.isArray(this.compResizeItem)?this.compResizeItem.map(function(d,s){return r.createVNode(y.SchedulerResize,{key:s,format:this.$props.format,ignoreIsAllDay:!0,dataItem:d,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null)},this):r.createVNode(y.SchedulerResize,{format:this.$props.format,ignoreIsAllDay:!0,dataItem:this.compResizeItem,viewItem:this.$props.viewItem,item:this.$props.item,vertical:e},null))},l=[r.createVNode("div",{class:"k-scheduler-row"},[this.ranges.map(function(e,d){return r.createVNode(A.DateHeaderCell,{as:this.$props.dateHeaderCell,key:d,date:e.zonedStart,start:e.start,end:e.end,format:"m"},null)},this)]),r.createVNode("div",{class:"k-scheduler-row",ref:"timeRef"},[this.ranges.map(function(e,d){return a.filter(s=>s.group.index===x&&s.range.index===d).map(function(s){return s.zonedStart.getMinutes()%i===0?r.createVNode(M.TimeHeaderCell,{key:s.index,as:this.$props.timeHeaderCell,format:O,date:s.zonedStart,start:s.zonedStart,end:s.zonedEnd},null):null},this)},this)])];return r.createVNode(z.BaseView,{id:this.$props.id,class:"k-scheduler-timeline-view",viewProps:{...this.$props},baseSlots:a,ranges:this.ranges},{default:()=>[r.createVNode("div",{class:"k-scheduler-head",style:{width:c+"px"}},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{nested:!0,group:this.ks.props.group,resources:this.ks.props.resources,rowContent:T.TimelineViewRowContent},R(l)?l:{default:()=>[l]}):r.createVNode(f.VerticalResourceIterator,{wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,editable:this.$props.editable},R(l)?l:{default:()=>[l]})]),r.createVNode("div",{class:"k-scheduler-body",style:{width:c+"px"},ref:"bodyRef"},[this.ks.orientation==="horizontal"?r.createVNode(S.HorizontalResourceIterator,{group:this.ks.props.group,resources:this.ks.props.resources,rowContent:v.TimelineViewAllEventsRowContent},{default:()=>[r.createVNode(C.TimelineViewBody,{editable:this.$props.editable,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,ranges:this.ranges,workDayStart:u,workDayEnd:h,timelineSlots:a,onDataaction:this.handleDataAction},null)]}):r.createVNode(f.VerticalResourceIterator,{nested:!0,wrapGroup:!0,group:this.ks.props.group,resources:this.ks.props.resources,onDataaction:this.handleDataAction,more:{ranges:this.ranges,workDayStart:u,workDayEnd:h,timelineSlots:a,slotRender:this.$props.slotRender,viewSlot:this.$props.viewSlot,editable:this.$props.editable,currentTimeMarker:this.$props.currentTimeMarker}},null),this.hasMounted&&p.sort(n.orderSort).map(function(e){return r.createVNode(q.SchedulerEditItem,{key:e.isRecurring?`${e.uid}:${e.group.index}:${e.range.index}:${e.originalStart}`:`${e.uid}:${e.group.index}:${e.range.index}`,uid:e.uid,start:e.start,end:e.end,originalStart:e.originalStart,startTimezone:e.startTimezone,endTimezone:e.endTimezone,isAllDay:e.isAllDay,title:e.title,description:e.description,occurrenceId:e.occurrenceId,recurrenceExceptions:e.recurrenceExceptions,recurrenceRule:e.recurrenceRule,recurrenceId:e.recurrenceId,dataItem:e.dataItem,itemRef:e.itemRef,head:e.head,tail:e.tail,order:e.order,zonedStart:e.zonedStart,zonedEnd:e.zonedEnd,slots:e.slots,group:e.group,range:e.range,isException:e.isException,isRecurring:e.isRecurring,format:"t",form:this.$props.form,onDragitemchange:this.handleDragItemChange,onResizeitemchange:this.handleResizeItemChange,onDataaction:this.handleDataAction,item:this.$props.item,viewItem:this.$props.viewItem,editable:this.$props.editable,ignoreIsAllDay:!0,vertical:!1},null)},this),this.compDragItem&&m.call(this,!1),this.compResizeItem&&g.call(this,!1)])]})},methods:{handleDataAction(t){this.$emit("dataaction",t)},handleDragItemChange(t){this.currentDragItem=t},handleResizeItemChange(t){this.currentResizeItem=t}}}),j=({date:t,numberOfDays:i=1,timezone:u})=>{const h=o.ZonedDate.fromLocalDate(t,u),p=o.getDate(h),a=o.addDays(p,i),c=o.ZonedDate.fromUTCDate(n.toUTCDateTime(p),u),m=o.ZonedDate.fromUTCDate(n.toUTCDateTime(a),u),g=new Date(c.getTime()),l=new Date(m.getTime());return{start:g,end:l,zonedStart:c,zonedEnd:m}};exports.MultiDayTimelineView=H;
|
|
@@ -25,8 +25,8 @@ import { SchedulerResize as I } from "../common/SchedulerResize.mjs";
|
|
|
25
25
|
import { SchedulerDrag as k } from "../common/SchedulerDrag.mjs";
|
|
26
26
|
import { DateHeaderCell as G } from "../../components/DateHeaderCell.mjs";
|
|
27
27
|
import { TimeHeaderCell as K } from "../../components/TimeHeaderCell.mjs";
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
28
|
+
import { useCellSync as z } from "../../hooks/useCellSync.mjs";
|
|
29
|
+
import { useRowSync as R } from "../../hooks/useRowSync.mjs";
|
|
30
30
|
function $(t) {
|
|
31
31
|
return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !v(t);
|
|
32
32
|
}
|
|
@@ -198,22 +198,22 @@ const L = "t", X = 0, Se = /* @__PURE__ */ T({
|
|
|
198
198
|
}
|
|
199
199
|
},
|
|
200
200
|
mounted() {
|
|
201
|
-
this.timeRef = null, this.bodyRef = null, this.hasMounted = !0,
|
|
201
|
+
this.timeRef = null, this.bodyRef = null, this.hasMounted = !0, z({
|
|
202
202
|
element: this.$el,
|
|
203
203
|
selector: ".k-resource-cell",
|
|
204
204
|
attribute: "data-depth-index",
|
|
205
205
|
explicitDepth: !0
|
|
206
|
-
}),
|
|
206
|
+
}), R({
|
|
207
207
|
element: this.$el
|
|
208
208
|
});
|
|
209
209
|
},
|
|
210
210
|
updated() {
|
|
211
|
-
|
|
211
|
+
z({
|
|
212
212
|
element: this.$el,
|
|
213
213
|
selector: ".k-resource-cell",
|
|
214
214
|
attribute: "data-depth-index",
|
|
215
215
|
explicitDepth: !0
|
|
216
|
-
}),
|
|
216
|
+
}), R({
|
|
217
217
|
element: this.$el
|
|
218
218
|
});
|
|
219
219
|
},
|