@progress/kendo-vue-scheduler 3.2.5 → 3.2.7-dev.202205021145

package/dist/npm/slots/SchedulerEditSlot.js

@@ -17,8 +17,6 @@ var Scheduler_1 = require("../Scheduler");
 
 var utils_1 = require("../utils");
 
-var SchedulerForm_1 = require("../components/SchedulerForm");
-
 var SchedulerViewSlot_1 = require("./SchedulerViewSlot");
 
 var hooks_1 = require("../hooks");
@@ -30,6 +28,10 @@ var SchedulerEditSlotVue2 = {
   name: 'KendoSchedulerEditSlot',
   props: {
     viewSlot: Object,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     form: Object,
     formItem: Object,
     refTo: [Function, Object],
@@ -63,12 +65,25 @@ var SchedulerEditSlotVue2 = {
     this.slot = null;
     this.editableSlot = null;
   },
+  provide: function provide() {
+    return {
+      ksEditFormSubmit: this.handleEditFormSubmit,
+      ksEditFormCancel: this.handleEditFormCancel,
+      ksEditFormClose: this.handleEditFormClose
+    };
+  },
   inject: {
     bv: {
       default: null
     },
     ks: {
       default: null
+    },
+    dispatchFocusedSlots: {
+      default: null
+    },
+    dispatchSelectedSlots: {
+      default: null
     }
   },
   data: function data() {
@@ -78,11 +93,14 @@ var SchedulerEditSlotVue2 = {
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
-      var isFirst = this.bv.slots.length && this.bv.slots[0].current === this.slot;
+      var isFirst = this.bv.slots.length && utils_1.compareSlots(this.bv.slots[0], this);
       return this.$props.tabIndex !== undefined ? this.$props.tabIndex === null ? undefined : this.$props.tabIndex : this.bv.selectedSlots.length === 0 ? isFirst && this.items.length === 0 ? 0 : undefined : undefined;
     },
     computedEditable: function computedEditable() {
       return hooks_1.useEditable(this.$props.editable);
+    },
+    compFormItem: function compFormItem() {
+      return this.formItem !== undefined ? this.formItem : this.currentFormItem;
     }
   },
   // @ts-ignore
@@ -94,8 +112,6 @@ var SchedulerEditSlotVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-
     var _this = this;
 
     var h = gh || createElement;
@@ -119,14 +135,9 @@ var SchedulerEditSlotVue2 = {
         zonedStart = _a.zonedStart,
         zonedEnd = _a.zonedEnd,
         navDay = _a.navDay,
-        itemsPerSlot = _a.itemsPerSlot; // const fields = useSchedulerFieldsContext();
-    // const [slots] = useSchedulerViewSlotsContext();
-    // const [items] = useSchedulerViewItemsContext();
-    // const [selectedSlots, dispatchSlotsSelection] = useSchedulerViewSelectedSlotsContext();
-    // const [,dispatchFocusedSlots] = useSchedulerViewFocusedSlotsContext();
-
+        itemsPerSlot = _a.itemsPerSlot;
     var selected = this.bv.selectedSlots.some(function (s) {
-      return Boolean(s.current && s.current.props.start.getTime() === _this.$props.start.getTime() && s.current.props.end.getTime() === _this.$props.end.getTime() && s.current.props.index === _this.$props.index && s.current.props.group.index === _this.$props.group.index && s.current.props.range.index === _this.$props.range.index && s.current.props.isAllDay === _this.$props.isAllDay);
+      return utils_1.compareSlots(s, _this);
     });
     return (// @ts-ignore  function children
       h(SchedulerViewSlot_1.SchedulerViewSlot, {
@@ -151,7 +162,8 @@ var SchedulerEditSlotVue2 = {
           selected: selected,
           navDay: navDay,
           itemsPerSlot: itemsPerSlot,
-          tabIndex: this.currentTabIndex // Focus
+          tabIndex: this.currentTabIndex,
+          formItem: this.compFormItem // Focus
 
         },
         isAllDay: this.isAllDay,
@@ -173,6 +185,7 @@ var SchedulerEditSlotVue2 = {
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
         tabIndex: this.currentTabIndex,
+        formItem: this.compFormItem,
         onFocus: this.handleFocus // Mouse
         ,
         on: this.v3 ? undefined : {
@@ -186,34 +199,8 @@ var SchedulerEditSlotVue2 = {
         onKeydown: this.handleKeyDown,
         onShowmoreitems: this.handleShowMoreItemsClick
       }, this.v3 ? function () {
-        return [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
-          dataItem: _this2.currentFormItem,
-          attrs: _this2.v3 ? undefined : {
-            dataItem: _this2.currentFormItem
-          },
-          onSubmit: _this2.handleEditFormSubmit,
-          on: _this2.v3 ? undefined : {
-            "submit": _this2.handleEditFormSubmit,
-            "close": _this2.handleEditFormClose,
-            "cancel": _this2.handleEditFormCancel
-          },
-          onClose: _this2.handleEditFormClose,
-          onCancel: _this2.handleEditFormCancel
-        })];
-      } : [defaultSlot, _this2.currentFormItem && h(SchedulerForm_1.SchedulerForm, {
-        dataItem: _this2.currentFormItem,
-        attrs: _this2.v3 ? undefined : {
-          dataItem: _this2.currentFormItem
-        },
-        onSubmit: _this2.handleEditFormSubmit,
-        on: _this2.v3 ? undefined : {
-          "submit": _this2.handleEditFormSubmit,
-          "close": _this2.handleEditFormClose,
-          "cancel": _this2.handleEditFormCancel
-        },
-        onClose: _this2.handleEditFormClose,
-        onCancel: _this2.handleEditFormCancel
-      })])
+        return [defaultSlot];
+      } : [defaultSlot])
     );
   },
   methods: {
@@ -243,9 +230,9 @@ var SchedulerEditSlotVue2 = {
     },
     handleFocus: function handleFocus(event) {
       if (this.computedEditable.select) {
-        this.dispatchSlotsSelection({
+        this.dispatchSelectedSlots({
           type: use_slots_selection_1.SLOTS_SELECT_ACTION.select,
-          slot: this.slotRender
+          slot: this
         }, event.event);
       }
 
@@ -271,7 +258,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.left,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -283,7 +270,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.right,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -295,7 +282,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.up,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -307,7 +294,7 @@ var SchedulerEditSlotVue2 = {
           event.event.preventDefault();
           this.dispatchFocusedSlots({
             type: hooks_1.SLOTS_FOCUS_ACTION.down,
-            slot: this.slot
+            slot: this
           }, event.event);
           break;
 
@@ -321,7 +308,7 @@ var SchedulerEditSlotVue2 = {
           break;
 
         case kendo_vue_common_1.Keys.tab:
-          nextItem = utils_1.findFirstItem(event.target);
+          nextItem = utils_1.findNextItem(utils_1.findFirstItem(event.target), this.bv.items, false);
           break;
 
         default:

package/dist/npm/slots/SchedulerSlot.d.ts

@@ -14,6 +14,8 @@ export interface SchedulerSlotProps extends Slot {
     navDay?: boolean;
     /** @hidden */
     itemsPerSlot?: number;
+    /** @hidden */
+    formItem?: object;
     /**
      * Specifies the `id` of the wrapping element of the SchedulerSlot.
      */

package/dist/npm/slots/SchedulerSlot.js

@@ -35,12 +35,29 @@ var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
 
 var ShowMoreItemsButton_1 = require("../components/ShowMoreItemsButton");
 
+var SchedulerForm_1 = require("../components/SchedulerForm");
+
 var DAY_FORMAT = {
   skeleton: 'dd'
 }; // tslint:enable:max-line-length
 
 var SchedulerSlotVue2 = {
   name: 'KendoSchedulerSlot',
+  // @ts-ignore
+  emits: {
+    focus: null,
+    blur: null,
+    click: null,
+    showmoreitems: null,
+    mouseover: null,
+    mouseout: null,
+    mouseenter: null,
+    mouseleave: null,
+    doubleclick: null,
+    keydown: null,
+    keypress: null,
+    keyup: null
+  },
   props: {
     refTo: [Function, Object],
     items: Array,
@@ -56,6 +73,10 @@ var SchedulerSlotVue2 = {
       default: true
     },
     selected: Boolean,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    },
     col: Number,
     index: Number,
     start: Date,
@@ -65,7 +86,8 @@ var SchedulerSlotVue2 = {
     isAllDay: Boolean,
     navDay: Boolean,
     editable: [Object, Boolean],
-    itemsPerSlot: Number
+    itemsPerSlot: Number,
+    formItem: Object
   },
   computed: {
     currentTabIndex: function currentTabIndex() {
@@ -94,6 +116,15 @@ var SchedulerSlotVue2 = {
     },
     slotDoubleClick: {
       default: null
+    },
+    ksEditFormSubmit: {
+      default: null
+    },
+    ksEditFormCancel: {
+      default: null
+    },
+    ksEditFormClose: {
+      default: null
     }
   },
   created: function created() {
@@ -191,7 +222,20 @@ var SchedulerSlotVue2 = {
       on: this.v3 ? undefined : {
         "click": this.handleShowMoreItemsClick
       }
-    }), defaultSlot]);
+    }), defaultSlot, this.formItem && h(SchedulerForm_1.SchedulerForm, {
+      dataItem: this.formItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.formItem
+      },
+      onSubmit: this.ksEditFormSubmit,
+      on: this.v3 ? undefined : {
+        "submit": this.ksEditFormSubmit,
+        "close": this.ksEditFormClose,
+        "cancel": this.ksEditFormCancel
+      },
+      onClose: this.ksEditFormClose,
+      onCancel: this.ksEditFormCancel
+    })]);
   },
   methods: {
     handleShowMoreItemsClick: function handleShowMoreItemsClick(event) {
@@ -283,7 +327,7 @@ var SchedulerSlotVue2 = {
       });
     },
     handleKeyPress: function handleKeyPress(event) {
-      this.$emit('keydown', {
+      this.$emit('keypress', {
         event: event,
         target: {
           props: __assign({}, this.$props),

package/dist/npm/slots/SchedulerViewSlot.js

@@ -20,6 +20,13 @@ var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable
 
 var SchedulerViewSlotVue2 = {
   name: 'KendoSchedulerViewSlot',
+  // @ts-ignore
+  emits: {
+    focus: null,
+    showmoreitems: null,
+    doubleclick: null,
+    keydown: null
+  },
   props: {
     refTo: [Function, Object],
     items: Array,
@@ -46,7 +53,12 @@ var SchedulerViewSlotVue2 = {
     isAllDay: Boolean,
     navDay: Boolean,
     editable: [Object, Boolean],
-    itemsPerSlot: Number
+    itemsPerSlot: Number,
+    formItem: Object,
+    tabIndex: {
+      type: Number,
+      default: undefined
+    }
   },
   created: function created() {
     this.viewSlot = null;
@@ -97,8 +109,9 @@ var SchedulerViewSlotVue2 = {
     var slotRender;
     var slotRenderDefaultRendering = // @ts-ignore  function children
     h(SchedulerSlot_1.SchedulerSlot, {
-      isAllDay: this.isAllDay,
+      tabIndex: this.tabIndex,
       attrs: this.v3 ? undefined : {
+        tabIndex: this.tabIndex,
         isAllDay: this.isAllDay,
         items: items,
         row: row,
@@ -114,8 +127,11 @@ var SchedulerViewSlotVue2 = {
         zonedEnd: zonedEnd,
         navDay: navDay,
         itemsPerSlot: itemsPerSlot,
-        editable: editable
+        editable: editable,
+        formItem: this.formItem,
+        selected: this.selected
       },
+      isAllDay: this.isAllDay,
       items: items,
       row: row,
       group: group,
@@ -131,12 +147,18 @@ var SchedulerViewSlotVue2 = {
       navDay: navDay,
       itemsPerSlot: itemsPerSlot,
       editable: editable,
+      formItem: this.formItem,
       onShowmoreitems: this.handleShowMoreItemsClick,
       on: this.v3 ? undefined : {
         "showmoreitems": this.handleShowMoreItemsClick,
-        "doubleclick": this.handleDoubleClick
+        "doubleclick": this.handleDoubleClick,
+        "keydown": this.handleKeyDown,
+        "focus": this.handleFocus
       },
-      onDoubleclick: this.handleDoubleClick
+      onDoubleclick: this.handleDoubleClick,
+      onKeydown: this.handleKeyDown,
+      onFocus: this.handleFocus,
+      selected: this.selected
     }, this.v3 ? function () {
       return [defaultSlot];
     } : [defaultSlot]);
@@ -157,6 +179,12 @@ var SchedulerViewSlotVue2 = {
     },
     handleDoubleClick: function handleDoubleClick(args) {
       this.$emit('doubleclick', args);
+    },
+    handleKeyDown: function handleKeyDown(args) {
+      this.$emit('keydown', args);
+    },
+    handleFocus: function handleFocus(args) {
+      this.$emit('focus', args);
     }
   }
 };

package/dist/npm/tasks/SchedulerEditTask.js

@@ -32,10 +32,6 @@ var utils_1 = require("../utils");
 
 var Scheduler_1 = require("../Scheduler");
 
-var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog");
-
-var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
-
 var kendo_vue_common_1 = require("@progress/kendo-vue-common"); // tslint:enable:max-line-length
 
 
@@ -104,7 +100,11 @@ var SchedulerEditTaskVue2 = {
       et: this.et,
       removeTask: this.handleRemoveItemChange,
       removeDialog: this.handleRemoveDialogChange,
-      occurrenceDialog: this.handleOccurrenceDialogChange
+      occurrenceDialog: this.handleOccurrenceDialogChange,
+      ksCancel: this.handleCancel,
+      ksSeriesClick: this.handleSeriesClick,
+      ksOccurrenceClick: this.handleOccurrenceClick,
+      ksRemoveConfirm: this.handleRemoveConfirm
     };
   },
   data: function data() {
@@ -144,8 +144,6 @@ var SchedulerEditTaskVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this = this;
-
     var h = gh || createElement;
     var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
 
@@ -193,8 +191,11 @@ var SchedulerEditTaskVue2 = {
           recurrenceRule: this.$props.recurrenceRule,
           recurrenceId: this.$props.recurrenceId,
           dataItem: this.$props.dataItem,
+          removeItem: this.compRemoveItem,
           task: this.$props.task,
-          editable: this.$props.editable
+          editable: this.$props.editable,
+          showOccurrenceDialog: this.compShowOccurrenceDialog,
+          showRemoveDialog: this.compShowRemoveDialog
         },
         tabIndex: this.$props.tabIndex,
         head: this.$props.head,
@@ -221,71 +222,18 @@ var SchedulerEditTaskVue2 = {
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
+        removeItem: this.compRemoveItem,
         task: this.$props.task,
         editable: this.$props.editable,
+        showOccurrenceDialog: this.compShowOccurrenceDialog,
+        showRemoveDialog: this.compShowRemoveDialog,
         onRemoveclick: this.handleRemoveClick,
         on: this.v3 ? undefined : {
           "removeclick": this.handleRemoveClick
         }
       }, this.v3 ? function () {
-        return [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
-          dataItem: _this.compRemoveItem,
-          attrs: _this.v3 ? undefined : {
-            dataItem: _this.compRemoveItem,
-            isRemove: _this.compRemoveItem !== null
-          },
-          isRemove: _this.compRemoveItem !== null,
-          onClose: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "close": _this.handleCancel,
-            "occurrenceclose": _this.handleOccurrenceClick,
-            "seriesclose": _this.handleSeriesClick
-          },
-          onOccurrenceclose: _this.handleOccurrenceClick,
-          onSeriesclose: _this.handleSeriesClick
-        }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
-          dataItem: _this.compRemoveItem,
-          attrs: _this.v3 ? undefined : {
-            dataItem: _this.compRemoveItem
-          },
-          onClose: _this.handleCancel,
-          on: _this.v3 ? undefined : {
-            "close": _this.handleCancel,
-            "cancel": _this.handleCancel,
-            "confirm": _this.handleRemoveConfirm
-          },
-          onCancel: _this.handleCancel,
-          onConfirm: _this.handleRemoveConfirm
-        })];
-      } : [defaultSlot, _this.compShowOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
-        dataItem: _this.compRemoveItem,
-        attrs: _this.v3 ? undefined : {
-          dataItem: _this.compRemoveItem,
-          isRemove: _this.compRemoveItem !== null
-        },
-        isRemove: _this.compRemoveItem !== null,
-        onClose: _this.handleCancel,
-        on: _this.v3 ? undefined : {
-          "close": _this.handleCancel,
-          "occurrenceclose": _this.handleOccurrenceClick,
-          "seriesclose": _this.handleSeriesClick
-        },
-        onOccurrenceclose: _this.handleOccurrenceClick,
-        onSeriesclose: _this.handleSeriesClick
-      }), _this.compShowRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
-        dataItem: _this.compRemoveItem,
-        attrs: _this.v3 ? undefined : {
-          dataItem: _this.compRemoveItem
-        },
-        onClose: _this.handleCancel,
-        on: _this.v3 ? undefined : {
-          "close": _this.handleCancel,
-          "cancel": _this.handleCancel,
-          "confirm": _this.handleRemoveConfirm
-        },
-        onCancel: _this.handleCancel,
-        onConfirm: _this.handleRemoveConfirm
-      })])
+        return [defaultSlot];
+      } : [defaultSlot])
     );
   },
   methods: {

package/dist/npm/tasks/SchedulerTask.d.ts

@@ -8,8 +8,6 @@ import { Item, SchedulerTaskMouseEvent, EditableProp } from '../models';
  * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.
  */
 export interface SchedulerTaskProps extends Item {
-    /** @hidden */
-    refTo: any;
     /**
      * Specifies the `id` of the wrapping element of the SchedulerTask.
      */
@@ -35,6 +33,18 @@ export interface SchedulerTaskProps extends Item {
      * The `delete` icon is rendered only when `props.editable` or `props.editable.remove` is `true`
      */
     onRemoveClick?: (event: SchedulerTaskMouseEvent) => void;
+    /** @hidden */
+    refTo: any;
+    /** @hidden */
+    removeDialog?: any;
+    /** @hidden */
+    occurrenceDialog?: any;
+    /** @hidden */
+    showRemoveDialog?: boolean;
+    /** @hidden */
+    showOccurrenceDialog?: boolean;
+    /** @hidden */
+    removeItem?: object;
 }
 /**
  * Represents the props of the Kendo UI for Vue [SchedulerTask]({% slug api_scheduler_schedulertask %}) component.

package/dist/npm/tasks/SchedulerTask.js

@@ -33,7 +33,11 @@ var messages_1 = require("../messages");
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
-var hooks_1 = require("../hooks"); // tslint:enable:max-line-length
+var hooks_1 = require("../hooks");
+
+var SchedulerOccurrenceDialog_1 = require("../components/SchedulerOccurrenceDialog");
+
+var SchedulerRemoveDialog_1 = require("../components/SchedulerRemoveDialog"); // tslint:enable:max-line-length
 
 
 var SchedulerTaskVue2 = {
@@ -66,7 +70,16 @@ var SchedulerTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
-    editable: [Object, Boolean]
+    removeItem: Object,
+    editable: [Object, Boolean],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
   },
   inject: {
     kendoLocalizationService: {
@@ -77,6 +90,18 @@ var SchedulerTaskVue2 = {
     },
     taskDoubleClick: {
       default: null
+    },
+    ksCancel: {
+      default: null
+    },
+    ksSeriesClick: {
+      default: null
+    },
+    ksOccurrenceClick: {
+      default: null
+    },
+    ksRemoveConfirm: {
+      default: null
     }
   },
   created: function created() {
@@ -139,7 +164,35 @@ var SchedulerTaskVue2 = {
       }
     }, [h("span", {
       "class": "k-icon k-i-close"
-    })])]);
+    })]), this.showOccurrenceDialog && h(SchedulerOccurrenceDialog_1.SchedulerOccurrenceDialog, {
+      dataItem: this.removeItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.removeItem,
+        isRemove: this.removeItem !== null
+      },
+      isRemove: this.removeItem !== null,
+      onClose: this.ksCancel,
+      on: this.v3 ? undefined : {
+        "close": this.ksCancel,
+        "occurrenceclose": this.ksOccurrenceClick,
+        "seriesclose": this.ksSeriesClick
+      },
+      onOccurrenceclose: this.ksOccurrenceClick,
+      onSeriesclose: this.ksSeriesClick
+    }), this.showRemoveDialog && h(SchedulerRemoveDialog_1.SchedulerRemoveDialog, {
+      dataItem: this.removeItem,
+      attrs: this.v3 ? undefined : {
+        dataItem: this.removeItem
+      },
+      onClose: this.ksCancel,
+      on: this.v3 ? undefined : {
+        "close": this.ksCancel,
+        "cancel": this.ksCancel,
+        "confirm": this.ksRemoveConfirm
+      },
+      onCancel: this.ksCancel,
+      onConfirm: this.ksRemoveConfirm
+    })]);
   },
   methods: {
     handleRemoveClick: function handleRemoveClick(event) {

package/dist/npm/tasks/SchedulerViewTask.js

@@ -46,8 +46,17 @@ var SchedulerViewTaskVue2 = {
     recurrenceRule: String,
     recurrenceId: [String, Number],
     dataItem: Object,
+    removeItem: Object,
     task: [String, Function, Object],
-    editable: [Object, Boolean]
+    editable: [Object, Boolean],
+    showOccurrenceDialog: {
+      type: Boolean,
+      default: undefined
+    },
+    showRemoveDialog: {
+      type: Boolean,
+      default: undefined
+    }
   },
   // @ts-ignore
   setup: !gh ? undefined : function () {
@@ -91,7 +100,10 @@ var SchedulerViewTaskVue2 = {
         recurrenceRule: this.$props.recurrenceRule,
         recurrenceId: this.$props.recurrenceId,
         dataItem: this.$props.dataItem,
-        editable: this.$props.editable
+        removeItem: this.removeItem,
+        editable: this.$props.editable,
+        showOccurrenceDialog: this.showOccurrenceDialog,
+        showRemoveDialog: this.showRemoveDialog
       },
       tabIndex: this.$props.tabIndex,
       head: this.$props.head,
@@ -118,7 +130,10 @@ var SchedulerViewTaskVue2 = {
       recurrenceRule: this.$props.recurrenceRule,
       recurrenceId: this.$props.recurrenceId,
       dataItem: this.$props.dataItem,
+      removeItem: this.removeItem,
       editable: this.$props.editable,
+      showOccurrenceDialog: this.showOccurrenceDialog,
+      showRemoveDialog: this.showRemoveDialog,
       onRemoveclick: this.handleRemoveClick,
       on: this.v3 ? undefined : {
         "removeclick": this.handleRemoveClick
@@ -130,7 +145,10 @@ var SchedulerViewTaskVue2 = {
       h: h,
       template: this.$props.task,
       defaultRendering: taskRenderDefaultRendering,
-      defaultSlots: defaultSlot
+      defaultSlots: defaultSlot,
+      additionalListeners: {
+        'removeclick': this.handleRemoveClick
+      }
     });
     return taskRender;
   },

package/dist/npm/utils/index.d.ts

@@ -165,6 +165,10 @@ export declare const noop: (..._args: any) => void;
 /** @hidden */
 export declare const findFirstItem: (current: any) => SchedulerItemHandle | null;
 /** @hidden */
+export declare const compareItems: (f: any, s: any, ignoreIsAllDay?: boolean) => boolean;
+/** @hidden */
+export declare const compareSlots: (f: any, s: any) => boolean;
+/** @hidden */
 export declare const findNextItem: (ref: any, all: any, ignoreIsAllDay?: boolean | undefined, backwards?: boolean) => any;
 /**
  * @hidden