primevue 3.12.1 → 3.12.2

package/datatable/datatable.js

@@ -1435,7 +1435,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
     function render$5(_ctx, _cache, $props, $setup, $data, $options) {
       return (vue.openBlock(), vue.createBlock("div", {
         class: ['p-checkbox p-component', {'p-checkbox-focused': $data.focused}],
-        onClick: _cache[4] || (_cache[4] = (...args) => ($options.onClick && $options.onClick(...args)))
+        onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => ($options.onClick && $options.onClick(...args)), ["stop","prevent"]))
       }, [
         vue.createVNode("div", {
           ref: "box",
@@ -1741,6 +1741,15 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             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');
@@ -1858,8 +1867,9 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                   column: $props.column,
                   field: $options.field,
                   index: $props.rowIndex,
-                  frozenRow: $props.frozenRow
-                }, null, 8, ["data", "column", "field", "index", "frozenRow"]))
+                  frozenRow: $props.frozenRow,
+                  editorInitCallback: $options.editorInitCallback
+                }, null, 8, ["data", "column", "field", "index", "frozenRow", "editorInitCallback"]))
               : ($props.column.children && $props.column.children.editor && $data.d_editing)
                 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children.editor), {
                     key: 2,
@@ -1867,8 +1877,10 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     column: $props.column,
                     field: $options.field,
                     index: $props.rowIndex,
-                    frozenRow: $props.frozenRow
-                  }, null, 8, ["data", "column", "field", "index", "frozenRow"]))
+                    frozenRow: $props.frozenRow,
+                    editorSaveCallback: $options.editorSaveCallback,
+                    editorCancelCallback: $options.editorCancelCallback
+                  }, null, 8, ["data", "column", "field", "index", "frozenRow", "editorSaveCallback", "editorCancelCallback"]))
                 : ($props.column.children && $props.column.children.body && !$props.column.children.editor && $data.d_editing)
                   ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.column.children.body), {
                       key: 3,
@@ -2416,7 +2428,13 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
         },
         computed: {
             columnsLength() {
-                return this.columns ? this.columns.length : 0;
+                let hiddenColLength = 0;
+
+                this.columns.forEach(column => {
+                    if(this.columnProp(column, 'hidden')) hiddenColLength++;
+                });
+
+                return this.columns ? this.columns.length - hiddenColLength : 0;
             },
             rowGroupHeaderStyle() {
                 if (this.scrollable) {
@@ -3863,7 +3881,7 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
                     }
                 `;
                 });
-            
+
                 this.styleElement.innerHTML = innerHTML;
             },
             bindColumnResizeEvents() {
@@ -4334,16 +4352,19 @@ this.primevue.datatable = (function (utils, api, Paginator, VirtualScroller, vue
             },
             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) {