primevue 2.9.0 → 2.9.1

package/confirmpopup/confirmpopup.umd.js

@@ -3639,7 +3639,7 @@ 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/confirmpopup/ConfirmPopup.vue?vue&type=template&id=ab9d457e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/confirmpopup/ConfirmPopup.vue?vue&type=template&id=ab9d457e&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-confirm-popup"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.visible)?_c('div',{ref:"container",staticClass:"p-confirm-popup p-component"},[(_vm.$scopedSlots.message)?_vm._t("message"):[_c('div',{staticClass:"p-confirm-popup-content"},[_c('i',{class:_vm.iconClass}),_c('span',{staticClass:"p-confirm-popup-message"},[_vm._v(_vm._s(_vm.confirmation.message))])])],_c('div',{staticClass:"p-confirm-popup-footer"},[_c('CPButton',{class:_vm.rejectClass,attrs:{"label":_vm.rejectLabel,"icon":_vm.rejectIcon},on:{"click":function($event){return _vm.reject()}}}),_c('CPButton',{class:_vm.acceptClass,attrs:{"label":_vm.acceptLabel,"icon":_vm.acceptIcon,"autofocus":""},on:{"click":function($event){return _vm.accept()}}})],1)],2):_vm._e()])}
 var staticRenderFns = []
 
@@ -4375,7 +4375,7 @@ var ConnectedOverlayScrollHandler_ConnectedOverlayScrollHandler = /*#__PURE__*/f
 }();
 
 
-// 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/button/Button.vue?vue&type=template&id=3d0cb6ac&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/button/Button.vue?vue&type=template&id=3d0cb6ac&
 var Buttonvue_type_template_id_3d0cb6ac_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({directives:[{name:"ripple",rawName:"v-ripple"}],class:_vm.buttonClass,attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default",function(){return [(_vm.icon)?_c('span',{class:_vm.iconClass}):_vm._e(),_c('span',{staticClass:"p-button-label"},[_vm._v(_vm._s(_vm.label||' '))]),(_vm.badge)?_c('span',{staticClass:"p-badge",class:_vm.badgeStyleClass},[_vm._v(_vm._s(_vm.badge))]):_vm._e()]})],2)}
 var Buttonvue_type_template_id_3d0cb6ac_staticRenderFns = []
 

package/contextmenu/contextmenu.common.js

@@ -3287,7 +3287,7 @@ 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/contextmenu/ContextMenu.vue?vue&type=template&id=47d55cea&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/contextmenu/ContextMenu.vue?vue&type=template&id=47d55cea&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-contextmenu"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.visible)?_c('div',{ref:"container",staticClass:"p-contextmenu p-component"},[_c('ContextMenuSub',{attrs:{"model":_vm.model,"root":true,"exact":_vm.exact},on:{"leaf-click":_vm.onLeafClick}})],1):_vm._e()])}
 var staticRenderFns = []
 
@@ -3936,7 +3936,7 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 }();
 
 
-// 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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
 var ContextMenuSubvue_type_template_id_55e43e6c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-contextmenusub"},on:{"enter":_vm.onEnter}},[(_vm.root ? true : _vm.parentActive)?_c('ul',{ref:"container",class:_vm.containerClass,attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:_vm.label(item) + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var navigate = ref.navigate;
 var href = ref.href;

package/contextmenu/contextmenu.umd.js

@@ -3296,7 +3296,7 @@ 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/contextmenu/ContextMenu.vue?vue&type=template&id=47d55cea&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/contextmenu/ContextMenu.vue?vue&type=template&id=47d55cea&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-contextmenu"},on:{"enter":_vm.onEnter,"leave":_vm.onLeave}},[(_vm.visible)?_c('div',{ref:"container",staticClass:"p-contextmenu p-component"},[_c('ContextMenuSub',{attrs:{"model":_vm.model,"root":true,"exact":_vm.exact},on:{"leaf-click":_vm.onLeafClick}})],1):_vm._e()])}
 var staticRenderFns = []
 
@@ -3945,7 +3945,7 @@ var DomHandler_DomHandler = /*#__PURE__*/function () {
 }();
 
 
-// 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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
 var ContextMenuSubvue_type_template_id_55e43e6c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-contextmenusub"},on:{"enter":_vm.onEnter}},[(_vm.root ? true : _vm.parentActive)?_c('ul',{ref:"container",class:_vm.containerClass,attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:_vm.label(item) + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var navigate = ref.navigate;
 var href = ref.href;

package/contextmenu/contextmenusub.common.js

@@ -2782,7 +2782,7 @@ 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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-contextmenusub"},on:{"enter":_vm.onEnter}},[(_vm.root ? true : _vm.parentActive)?_c('ul',{ref:"container",class:_vm.containerClass,attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:_vm.label(item) + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var navigate = ref.navigate;
 var href = ref.href;

package/contextmenu/contextmenusub.umd.js

@@ -2791,7 +2791,7 @@ 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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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/contextmenu/ContextMenuSub.vue?vue&type=template&id=55e43e6c&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":"p-contextmenusub"},on:{"enter":_vm.onEnter}},[(_vm.root ? true : _vm.parentActive)?_c('ul',{ref:"container",class:_vm.containerClass,attrs:{"role":"menu"}},[_vm._l((_vm.model),function(item,i){return [(_vm.visible(item) && !item.separator)?_c('li',{key:_vm.label(item) + i,class:_vm.getItemClass(item),style:(item.style),attrs:{"role":"none"},on:{"mouseenter":function($event){return _vm.onItemMouseEnter($event, item)}}},[(item.to && !_vm.disabled(item))?_c('router-link',{attrs:{"to":item.to,"custom":""},scopedSlots:_vm._u([{key:"default",fn:function(ref){
 var navigate = ref.navigate;
 var href = ref.href;

package/datatable/BodyCell.vue

@@ -1,12 +1,12 @@
 <template>
     <td :style="containerStyle" :class="containerClass" @click="onClick" @keydown="onKeyDown" role="cell" :data-prime="editingRowData">
         <span v-if="responsiveLayout === 'stack'" class="p-column-title">{{columnProp('header')}}</span>
-        <ColumnSlot :data="rowData" :column="column" :field="field" :index="rowIndex" type="body" :frozenRow="frozenRow" v-if="column.$scopedSlots.body && !d_editing" />
-        <ColumnSlot :data="editingRowData" :column="column" :field="field" :index="rowIndex" type="editor" :frozenRow="frozenRow" v-else-if="column.$scopedSlots.editor && d_editing" />
-        <ColumnSlot :data="editingRowData" :column="column" :field="field" :index="rowIndex" type="body" :frozenRow="frozenRow" v-else-if="!column.$scopedSlots.editor && column.$scopedSlots.body && d_editing" />
+        <ColumnSlot :data="rowData" :column="column" :field="field" :index="rowIndex" type="body" :frozenRow="frozenRow" :editorInitCallback="editorInitCallback" v-if="column.$scopedSlots.body && !d_editing" />
+        <ColumnSlot :data="editingRowData" :column="column" :field="field" :index="rowIndex" type="editor" :frozenRow="frozenRow" :editorSaveCallback="editorSaveCallback" :editorCancelCallback="editorCancelCallback" v-else-if="column.$scopedSlots.editor && d_editing" />
+        <ColumnSlot :data="editingRowData" :column="column" :field="field" :index="rowIndex" type="body" :frozenRow="frozenRow" :editorSaveCallback="editorSaveCallback" :editorCancelCallback="editorCancelCallback" v-else-if="!column.$scopedSlots.editor && column.$scopedSlots.body && d_editing" />
         <template v-else-if="columnProp('selectionMode')">
-            <DTRadioButton :value="rowData" :checked="selected" @change="toggleRowWithRadio" v-if="columnProp('selectionMode') === 'single'" />
-            <DTCheckbox :value="rowData" :checked="selected" @change="toggleRowWithCheckbox" v-else-if="columnProp('selectionMode') ==='multiple'" />
+            <DTRadioButton :value="rowData" :checked="selected" @change="toggleRowWithRadio($event, rowIndex)" v-if="columnProp('selectionMode') === 'single'" />
+            <DTCheckbox :value="rowData" :checked="selected" @change="toggleRowWithCheckbox($event, rowIndex)" v-else-if="columnProp('selectionMode') ==='multiple'" />
         </template>
         <template v-else-if="columnProp('rowReorder')">
             <i :class="['p-datatable-reorderablerow-handle', (columnProp('rowReorderIcon') || 'pi pi-bars')]"></i>
@@ -140,11 +140,11 @@ export default {
                 data: this.rowData
             });
         },
-        toggleRowWithRadio(event) {
-            this.$emit('radio-change', event);
+        toggleRowWithRadio(event, index) {
+            this.$emit('radio-change', { originalEvent: event.originalEvent, index: index, data: event.data});
         },
-        toggleRowWithCheckbox(event) {
-            this.$emit('checkbox-change', event);
+        toggleRowWithCheckbox(event, index) {
+            this.$emit('checkbox-change', { originalEvent: event.originalEvent, index: index, data: event.data });
         },
         isEditable() {
             return this.column.$scopedSlots.editor != null;
@@ -320,6 +320,15 @@ export default {
         onRowEditCancel(event) {
             this.$emit('row-edit-cancel', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
         },
+        editorInitCallback(event) {
+            this.$emit('row-edit-init', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+        },
+        editorSaveCallback(event) {
+            this.$emit('row-edit-save', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+        },
+        editorCancelCallback(event) {
+            this.$emit('row-edit-cancel', {originalEvent: event, data: this.rowData, newData: this.editingRowData, field: this.field, index: this.rowIndex});
+        },
         updateStickyPosition() {
             if (this.columnProp('frozen')) {
                 let align = this.columnProp('alignFrozen');

package/datatable/ColumnSlot.vue

@@ -33,6 +33,18 @@ export default {
         filterCallback: {
             type: null,
             default: null
+        },
+        editorInitCallback: {
+            type: null,
+            default: null
+        },
+        editorSaveCallback: {
+            type: null,
+            default: null
+        },
+        editorCancelCallback: {
+            type: null,
+            default: null
         }
     },
     render(createElement, context) {
@@ -43,7 +55,10 @@ export default {
             '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];
     }

package/datatable/DataTable.vue

@@ -732,7 +732,7 @@ export default {
                                 this.$emit('update:selection', _selection);
                             }
 
-                            this.$emit('row-unselect', {originalEvent: event, data: rowData, index: event.index, type: 'row'});
+                            this.$emit('row-unselect', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
                         }
                         else {
                             if(this.isSingleSelectionMode()) {
@@ -744,18 +744,18 @@ export default {
                                 this.$emit('update:selection', _selection);
                             }
 
-                            this.$emit('row-select', {originalEvent: event, data: rowData, index: event.index, type: 'row'});
+                            this.$emit('row-select', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
                         }
                     }
                     else {
                         if (this.selectionMode === 'single') {
                             if (selected) {
                                 this.$emit('update:selection', null);
-                                this.$emit('row-unselect', {originalEvent: event, data: rowData, index: event.index, type: 'row'});
+                                this.$emit('row-unselect', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
                             }
                             else {
                                 this.$emit('update:selection', rowData);
-                                this.$emit('row-select', {originalEvent: event, data: rowData, index: event.index, type: 'row'});
+                                this.$emit('row-select', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
                             }
                         }
                         else if (this.selectionMode === 'multiple') {
@@ -763,12 +763,12 @@ export default {
                                 const selectionIndex = this.findIndexInSelection(rowData);
                                 const _selection = this.selection.filter((val, i) => i != selectionIndex);
                                 this.$emit('update:selection', _selection);
-                                this.$emit('row-unselect', {originalEvent: event, data: rowData, index: event.index, type: 'row'});
+                                this.$emit('row-unselect', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
                             }
                             else {
                                 const _selection = this.selection ? [...this.selection, rowData] : [rowData];
                                 this.$emit('update:selection', _selection);
-                                this.$emit('row-select', {originalEvent: event, data: rowData, index: event.index, type: 'row'});
+                                this.$emit('row-select', {originalEvent: event, data: rowData, index: rowIndex, type: 'row'});
                             }
                         }
                     }
@@ -864,11 +864,11 @@ export default {
 
             if (this.isSelected(rowData)) {
                 this.$emit('update:selection', null);
-                this.$emit('row-unselect', {originalEvent: event, data: rowData, type: 'radiobutton'});
+                this.$emit('row-unselect', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'radiobutton' });
             }
             else {
                 this.$emit('update:selection', rowData);
-                this.$emit('row-select', {originalEvent: event, data: rowData, type: 'radiobutton'});
+                this.$emit('row-select', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'radiobutton' });
             }
         },
         toggleRowWithCheckbox(event) {
@@ -878,13 +878,13 @@ export default {
                 const selectionIndex = this.findIndexInSelection(rowData);
                 const _selection = this.selection.filter((val, i) => i != selectionIndex);
                 this.$emit('update:selection', _selection);
-                this.$emit('row-unselect', {originalEvent: event, data: rowData, type: 'checkbox'});
+                this.$emit('row-unselect', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'checkbox' });
             }
             else {
                 let _selection = this.selection ? [...this.selection] : [];
                 _selection = [..._selection, rowData];
                 this.$emit('update:selection', _selection);
-                this.$emit('row-select', {originalEvent: event, data: rowData, type: 'checkbox'});
+                this.$emit('row-select', { originalEvent: event.originalEvent, data: rowData, index: event.index, type: 'checkbox' });
             }
         },
         toggleRowsWithCheckbox(event) {
@@ -1031,7 +1031,7 @@ export default {
                     else
                         headerInitiated = true;
 
-                    csv += '"' + (this.columnProp(column, 'header') || this.columnProp(column, 'field')) + '"';
+                    csv += '"' + (this.columnProp(column, 'exportHeader') || this.columnProp(column, 'header') || this.columnProp(column, 'field')) + '"';
                 }
             }
 
@@ -1659,16 +1659,19 @@ export default {
         },
         onEditingMetaChange(event) {
             let { data, field, index, editing } = event;
-            let meta = this.d_editingMeta[index];
+            let editingMeta = {...(this.d_editingMeta || {})};
+            let meta = editingMeta[index];
 
             if (editing) {
-                !meta && (meta = this.d_editingMeta[index] = { data: { ...data }, fields: [] });
+                !meta && (meta = editingMeta[index] = { data: { ...data }, fields: [] });
                 meta['fields'].push(field);
             }
             else if (meta) {
                 const fields = meta['fields'].filter(f => f !== field);
-                !fields.length ? (delete this.d_editingMeta[index]) : (meta['fields'] = fields);
+                !fields.length ? (delete editingMeta[index]) : (meta['fields'] = fields);
             }
+
+            this.d_editingMeta = editingMeta;
         },
         clearEditingMetaData() {
             if (this.editMode) {

package/datatable/TableFooter.vue

@@ -41,7 +41,7 @@ export default {
                 row.child.$scopedSlots.default().forEach(child => {
                     if (child.child && child.child.children && child.child.children instanceof Array)
                         cols = [...cols, ...child.child.children];
-                    else if (child.componentOptions.tag === 'Column')
+                    else if (child.componentOptions && child.componentOptions.tag === 'Column')
                         cols.push(child);
                 });
 

package/datatable/TableHeader.vue

@@ -136,7 +136,7 @@ export default {
                 row.child.$scopedSlots.default().forEach(child => {
                     if (child.child && child.child.children && child.child.children instanceof Array)
                         cols = [...cols, ...child.child.children];
-                    else if (child.componentOptions.tag === 'Column')
+                    else if (child.componentOptions && child.componentOptions.tag === 'Column')
                         cols.push(child);
                 });
 

package/datatable/bodycell.common.js

@@ -4557,12 +4557,12 @@ 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)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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=43b472c0&
+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,"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($event){return _vm.toggleRowWithRadio($event, _vm.rowIndex)}}}):(_vm.columnProp('selectionMode') ==='multiple')?_c('DTCheckbox',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":function($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=43b472c0&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -5571,6 +5571,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 +5593,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];
   }
@@ -5708,7 +5723,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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 = []
 
@@ -5777,7 +5792,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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 = []
 
@@ -6074,11 +6089,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 +6300,33 @@ 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) {
+      this.$emit('row-edit-save', {
+        originalEvent: event,
+        data: this.rowData,
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
+      });
+    },
+    editorCancelCallback: function editorCancelCallback(event) {
+      this.$emit('row-edit-cancel', {
+        originalEvent: event,
+        data: this.rowData,
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
+      });
+    },
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');

package/datatable/bodycell.umd.js

@@ -4566,12 +4566,12 @@ 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)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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=43b472c0&
+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,"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($event){return _vm.toggleRowWithRadio($event, _vm.rowIndex)}}}):(_vm.columnProp('selectionMode') ==='multiple')?_c('DTCheckbox',{attrs:{"value":_vm.rowData,"checked":_vm.selected},on:{"change":function($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=43b472c0&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.find.js
 var es6_array_find = __webpack_require__("7514");
@@ -5580,6 +5580,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) {
@@ -5590,7 +5602,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];
   }
@@ -5717,7 +5732,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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 = []
 
@@ -5786,7 +5801,7 @@ 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&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"49e9ffe4-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 = []
 
@@ -6083,11 +6098,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;
@@ -6286,6 +6309,33 @@ 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) {
+      this.$emit('row-edit-save', {
+        originalEvent: event,
+        data: this.rowData,
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
+      });
+    },
+    editorCancelCallback: function editorCancelCallback(event) {
+      this.$emit('row-edit-cancel', {
+        originalEvent: event,
+        data: this.rowData,
+        newData: this.editingRowData,
+        field: this.field,
+        index: this.rowIndex
+      });
+    },
     updateStickyPosition: function updateStickyPosition() {
       if (this.columnProp('frozen')) {
         var align = this.columnProp('alignFrozen');