primevue 3.12.1 → 3.12.2

package/datatable/datatable.cjs.js

@@ -1443,7 +1443,7 @@ var script$5 = {
 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",
@@ -1749,6 +1749,15 @@ var script$4 = {
         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');
@@ -1866,8 +1875,9 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
               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,
@@ -1875,8 +1885,10 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 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,
@@ -2424,7 +2436,13 @@ var script$3 = {
     },
     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) {
@@ -3871,7 +3889,7 @@ var script = {
                     }
                 `;
             });
-        
+
             this.styleElement.innerHTML = innerHTML;
         },
         bindColumnResizeEvents() {
@@ -4342,16 +4360,19 @@ var script = {
         },
         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) {