primevue 2.9.0 → 2.10.0

package/datatable/bodycell.common.js

@@ -4557,12 +4557,140 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/BodyCell.vue?vue&type=template&id=884e0070&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',{class:_vm.containerClass,style:(_vm.containerStyle),attrs:{"role":"cell","data-prime":_vm.editingRowData},on:{"click":_vm.onClick,"keydown":_vm.onKeyDown}},[(_vm.responsiveLayout === 'stack')?_c('span',{staticClass:"p-column-title"},[_vm._v(_vm._s(_vm.columnProp('header')))]):_vm._e(),(_vm.column.$scopedSlots.body && !_vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.rowData,"column":_vm.column,"field":_vm.field,"index":_vm.rowIndex,"type":"body","frozenRow":_vm.frozenRow}}):(_vm.column.$scopedSlots.editor && _vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.editingRowData,"column":_vm.column,"field":_vm.field,"index":_vm.rowIndex,"type":"editor","frozenRow":_vm.frozenRow}}):(!_vm.column.$scopedSlots.editor && _vm.column.$scopedSlots.body && _vm.d_editing)?_c('ColumnSlot',{attrs:{"data":_vm.editingRowData,"column":_vm.column,"field":_vm.field,"index":_vm.rowIndex,"type":"body","frozenRow":_vm.frozenRow}}):(_vm.columnProp('selectionMode'))?[(_vm.columnProp('selectionMode') === 'single')?_c('DTRadioButton',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":_vm.toggleRowWithRadio}}):(_vm.columnProp('selectionMode') ==='multiple')?_c('DTCheckbox',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":_vm.toggleRowWithCheckbox}}):_vm._e()]:(_vm.columnProp('rowReorder'))?[_c('i',{class:['p-datatable-reorderablerow-handle', (_vm.columnProp('rowReorderIcon') || 'pi pi-bars')]})]:(_vm.columnProp('expander'))?[_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-toggler p-link",attrs:{"type":"button"},on:{"click":_vm.toggleRow}},[_c('span',{class:_vm.rowTogglerIcon})])]:(_vm.editMode === 'row' && _vm.columnProp('rowEditor'))?[(!_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-init p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditInit}},[_c('span',{staticClass:"p-row-editor-init-icon pi pi-fw pi-pencil"})]):_vm._e(),(_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-save p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditSave}},[_c('span',{staticClass:"p-row-editor-save-icon pi pi-fw pi-check"})]):_vm._e(),(_vm.d_editing)?_c('button',{directives:[{name:"ripple",rawName:"v-ripple"}],staticClass:"p-row-editor-cancel p-link",attrs:{"type":"button"},on:{"click":_vm.onRowEditCancel}},[_c('span',{staticClass:"p-row-editor-cancel-icon pi pi-fw pi-times"})]):_vm._e()]:[_vm._v(_vm._s(_vm.resolveFieldData()))]],2)}
-var staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/BodyCell.vue?vue&type=template&id=7a0fc722&
+var render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  return _c('td', {
+    class: _vm.containerClass,
+    style: _vm.containerStyle,
+    attrs: {
+      "role": "cell",
+      "data-prime": _vm.editingRowData
+    },
+    on: {
+      "click": _vm.onClick,
+      "keydown": _vm.onKeyDown
+    }
+  }, [_vm.responsiveLayout === 'stack' ? _c('span', {
+    staticClass: "p-column-title"
+  }, [_vm._v(_vm._s(_vm.columnProp('header')))]) : _vm._e(), _vm.column.$scopedSlots.body && !_vm.d_editing ? _c('ColumnSlot', {
+    attrs: {
+      "data": _vm.rowData,
+      "column": _vm.column,
+      "field": _vm.field,
+      "index": _vm.rowIndex,
+      "type": "body",
+      "frozenRow": _vm.frozenRow,
+      "editorInitCallback": _vm.editorInitCallback
+    }
+  }) : _vm.column.$scopedSlots.editor && _vm.d_editing ? _c('ColumnSlot', {
+    attrs: {
+      "data": _vm.editingRowData,
+      "column": _vm.column,
+      "field": _vm.field,
+      "index": _vm.rowIndex,
+      "type": "editor",
+      "frozenRow": _vm.frozenRow,
+      "editorSaveCallback": _vm.editorSaveCallback,
+      "editorCancelCallback": _vm.editorCancelCallback
+    }
+  }) : !_vm.column.$scopedSlots.editor && _vm.column.$scopedSlots.body && _vm.d_editing ? _c('ColumnSlot', {
+    attrs: {
+      "data": _vm.editingRowData,
+      "column": _vm.column,
+      "field": _vm.field,
+      "index": _vm.rowIndex,
+      "type": "body",
+      "frozenRow": _vm.frozenRow,
+      "editorSaveCallback": _vm.editorSaveCallback,
+      "editorCancelCallback": _vm.editorCancelCallback
+    }
+  }) : _vm.columnProp('selectionMode') ? [_vm.columnProp('selectionMode') === 'single' ? _c('DTRadioButton', {
+    attrs: {
+      "value": _vm.rowData,
+      "checked": _vm.selected
+    },
+    on: {
+      "change": function change($event) {
+        return _vm.toggleRowWithRadio($event, _vm.rowIndex);
+      }
+    }
+  }) : _vm.columnProp('selectionMode') === 'multiple' ? _c('DTCheckbox', {
+    attrs: {
+      "value": _vm.rowData,
+      "checked": _vm.selected
+    },
+    on: {
+      "change": function change($event) {
+        return _vm.toggleRowWithCheckbox($event, _vm.rowIndex);
+      }
+    }
+  }) : _vm._e()] : _vm.columnProp('rowReorder') ? [_c('i', {
+    class: ['p-datatable-reorderablerow-handle', _vm.columnProp('rowReorderIcon') || 'pi pi-bars']
+  })] : _vm.columnProp('expander') ? [_c('button', {
+    directives: [{
+      name: "ripple",
+      rawName: "v-ripple"
+    }],
+    staticClass: "p-row-toggler p-link",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.toggleRow
+    }
+  }, [_c('span', {
+    class: _vm.rowTogglerIcon
+  })])] : _vm.editMode === 'row' && _vm.columnProp('rowEditor') ? [!_vm.d_editing ? _c('button', {
+    directives: [{
+      name: "ripple",
+      rawName: "v-ripple"
+    }],
+    staticClass: "p-row-editor-init p-link",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.onRowEditInit
+    }
+  }, [_c('span', {
+    staticClass: "p-row-editor-init-icon pi pi-fw pi-pencil"
+  })]) : _vm._e(), _vm.d_editing ? _c('button', {
+    directives: [{
+      name: "ripple",
+      rawName: "v-ripple"
+    }],
+    staticClass: "p-row-editor-save p-link",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.onRowEditSave
+    }
+  }, [_c('span', {
+    staticClass: "p-row-editor-save-icon pi pi-fw pi-check"
+  })]) : _vm._e(), _vm.d_editing ? _c('button', {
+    directives: [{
+      name: "ripple",
+      rawName: "v-ripple"
+    }],
+    staticClass: "p-row-editor-cancel p-link",
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.onRowEditCancel
+    }
+  }, [_c('span', {
+    staticClass: "p-row-editor-cancel-icon pi pi-fw pi-times"
+  })]) : _vm._e()] : [_vm._v(_vm._s(_vm.resolveFieldData()))]], 2);
+};
 
+var staticRenderFns = [];
 
-// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=884e0070&
+// CONCATENATED MODULE: ./src/components/datatable/BodyCell.vue?vue&type=template&id=7a0fc722&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -5571,6 +5699,18 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
     filterCallback: {
       type: null,
       default: null
+    },
+    editorInitCallback: {
+      type: null,
+      default: null
+    },
+    editorSaveCallback: {
+      type: null,
+      default: null
+    },
+    editorCancelCallback: {
+      type: null,
+      default: null
     }
   },
   render: function render(createElement, context) {
@@ -5581,7 +5721,10 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
       'frozenRow': context.props.frozenRow,
       'field': context.props.field,
       'filterModel': context.props.filterModel,
-      'filterCallback': context.props.filterCallback
+      'filterCallback': context.props.filterCallback,
+      'editorInitCallback': context.props.editorInitCallback,
+      'editorSaveCallback': context.props.editorSaveCallback,
+      'editorCancelCallback': context.props.editorCancelCallback
     });
     return [content];
   }
@@ -5595,20 +5738,19 @@ var ObjectUtils_ObjectUtils = /*#__PURE__*/function () {
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-function normalizeComponent (
+function normalizeComponent(
   scriptExports,
   render,
   staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier, /* server only */
+  moduleIdentifier /* server only */,
   shadowMode /* vue-cli only */
 ) {
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
   if (render) {
@@ -5628,7 +5770,8 @@ function normalizeComponent (
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -5654,11 +5797,11 @@ function normalizeComponent (
   } else if (injectStyles) {
     hook = shadowMode
       ? function () {
-        injectStyles.call(
-          this,
-          (options.functional ? this.parent : this).$root.$options.shadowRoot
-        )
-      }
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
       : injectStyles
   }
 
@@ -5669,16 +5812,14 @@ function normalizeComponent (
       options._injectStyles = hook
       // register for functional component in vue file
       var originalRender = options.render
-      options.render = function renderWithStyleInjection (h, context) {
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
         return originalRender(h, context)
       }
     } else {
       // inject component registration as beforeCreate hook
       var existing = options.beforeCreate
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
@@ -5708,22 +5849,53 @@ var component = normalizeComponent(
 )
 
 /* harmony default export */ var ColumnSlot = (component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/RowRadioButton.vue?vue&type=template&id=3e398a56&
-var RowRadioButtonvue_type_template_id_3e398a56_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['p-radiobutton p-component', {'p-radiobutton-focused': _vm.focused}],attrs:{"tabindex":"0"},on:{"click":_vm.onClick,"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onClick.apply(null, arguments)}}},[_c('div',{ref:"box",class:['p-radiobutton-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.disabled, 'p-focus': _vm.focused}],attrs:{"role":"radio","aria-checked":_vm.checked}},[_c('div',{staticClass:"p-radiobutton-icon"})])])}
-var RowRadioButtonvue_type_template_id_3e398a56_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/RowRadioButton.vue?vue&type=template&id=3e398a56&
+var RowRadioButtonvue_type_template_id_3e398a56_render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  return _c('div', {
+    class: ['p-radiobutton p-component', {
+      'p-radiobutton-focused': _vm.focused
+    }],
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "click": _vm.onClick,
+      "focus": function focus($event) {
+        return _vm.onFocus($event);
+      },
+      "blur": function blur($event) {
+        return _vm.onBlur($event);
+      },
+      "keydown": function keydown($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) return null;
+        $event.preventDefault();
+        return _vm.onClick.apply(null, arguments);
+      }
+    }
+  }, [_c('div', {
+    ref: "box",
+    class: ['p-radiobutton-box p-component', {
+      'p-highlight': _vm.checked,
+      'p-disabled': _vm.disabled,
+      'p-focus': _vm.focused
+    }],
+    attrs: {
+      "role": "radio",
+      "aria-checked": _vm.checked
+    }
+  }, [_c('div', {
+    staticClass: "p-radiobutton-icon"
+  })])]);
+};
 
+var RowRadioButtonvue_type_template_id_3e398a56_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/datatable/RowRadioButton.vue?vue&type=template&id=3e398a56&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/RowRadioButton.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var RowRadioButtonvue_type_script_lang_js_ = ({
   inheritAttrs: false,
   props: {
@@ -5777,25 +5949,60 @@ var RowRadioButton_component = normalizeComponent(
 )
 
 /* harmony default export */ var RowRadioButton = (RowRadioButton_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"b9fe9a72-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/RowCheckbox.vue?vue&type=template&id=1e7e4cf8&
-var RowCheckboxvue_type_template_id_1e7e4cf8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['p-checkbox p-component', {'p-checkbox-focused': _vm.focused}],on:{"click":_vm.onClick}},[_c('div',{staticClass:"p-hidden-accessible"},[_c('input',{ref:"input",attrs:{"type":"checkbox","disabled":_vm.disabled},domProps:{"checked":_vm.checked},on:{"focus":function($event){return _vm.onFocus($event)},"blur":function($event){return _vm.onBlur($event)}}})]),_c('div',{ref:"box",class:['p-checkbox-box p-component', {'p-highlight': _vm.checked, 'p-disabled': _vm.$attrs.disabled, 'p-focus': _vm.focused}],attrs:{"role":"checkbox","aria-checked":_vm.checked}},[_c('span',{class:['p-checkbox-icon', {'pi pi-check': _vm.checked}]})])])}
-var RowCheckboxvue_type_template_id_1e7e4cf8_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"379c0a9c-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/RowCheckbox.vue?vue&type=template&id=1e7e4cf8&
+var RowCheckboxvue_type_template_id_1e7e4cf8_render = function render() {
+  var _vm = this,
+      _c = _vm._self._c;
+
+  return _c('div', {
+    class: ['p-checkbox p-component', {
+      'p-checkbox-focused': _vm.focused
+    }],
+    on: {
+      "click": _vm.onClick
+    }
+  }, [_c('div', {
+    staticClass: "p-hidden-accessible"
+  }, [_c('input', {
+    ref: "input",
+    attrs: {
+      "type": "checkbox",
+      "disabled": _vm.disabled
+    },
+    domProps: {
+      "checked": _vm.checked
+    },
+    on: {
+      "focus": function focus($event) {
+        return _vm.onFocus($event);
+      },
+      "blur": function blur($event) {
+        return _vm.onBlur($event);
+      }
+    }
+  })]), _c('div', {
+    ref: "box",
+    class: ['p-checkbox-box p-component', {
+      'p-highlight': _vm.checked,
+      'p-disabled': _vm.$attrs.disabled,
+      'p-focus': _vm.focused
+    }],
+    attrs: {
+      "role": "checkbox",
+      "aria-checked": _vm.checked
+    }
+  }, [_c('span', {
+    class: ['p-checkbox-icon', {
+      'pi pi-check': _vm.checked
+    }]
+  })])]);
+};
 
+var RowCheckboxvue_type_template_id_1e7e4cf8_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/datatable/RowCheckbox.vue?vue&type=template&id=1e7e4cf8&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/RowCheckbox.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 /* harmony default export */ var RowCheckboxvue_type_script_lang_js_ = ({
   inheritAttrs: false,
   props: {
@@ -5929,39 +6136,6 @@ var Ripple = {
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/datatable/BodyCell.vue?vue&type=script&lang=js&
 
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
 
 
@@ -6074,11 +6248,19 @@ var Ripple = {
         data: this.rowData
       });
     },
-    toggleRowWithRadio: function toggleRowWithRadio(event) {
-      this.$emit('radio-change', event);
+    toggleRowWithRadio: function toggleRowWithRadio(event, index) {
+      this.$emit('radio-change', {
+        originalEvent: event.originalEvent,
+        index: index,
+        data: event.data
+      });
     },
-    toggleRowWithCheckbox: function toggleRowWithCheckbox(event) {
-      this.$emit('checkbox-change', event);
+    toggleRowWithCheckbox: function toggleRowWithCheckbox(event, index) {
+      this.$emit('checkbox-change', {
+        originalEvent: event.originalEvent,
+        index: index,
+        data: event.data
+      });
     },
     isEditable: function isEditable() {
       return this.column.$scopedSlots.editor != null;
@@ -6277,6 +6459,47 @@ var Ripple = {
         index: this.rowIndex
       });
     },
+    editorInitCallback: function editorInitCallback(event) {
+      this.$emit('row-edit-init', {
+        originalEvent: event,
+        data: this.rowData,
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
+      });
+    },
+    editorSaveCallback: function editorSaveCallback(event) {
+      if (this.editMode === 'row') {
+        this.$emit('row-edit-save', {
+          originalEvent: event,
+          data: this.rowData,
+          newData: this.editingRowData,
+          field: this.field,
+          index: this.rowIndex
+        });
+      } else {
+        this.completeEdit(event, 'enter');
+      }
+    },
+    editorCancelCallback: function editorCancelCallback(event) {
+      if (this.editMode === 'row') {
+        this.$emit('row-edit-cancel', {
+          originalEvent: event,
+          data: this.rowData,
+          newData: this.editingRowData,
+          field: this.field,
+          index: this.rowIndex
+        });
+      } else {
+        this.switchCellToViewMode();
+        this.$emit('cell-edit-cancel', {
+          originalEvent: event,
+          data: this.rowData,
+          field: this.field,
+          index: this.rowIndex
+        });
+      }
+    },
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');