spark-grid-vue3 0.0.39 → 0.0.41

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "spark-grid-vue3",
-    "version": "0.0.39",
+    "version": "0.0.41",
     "description": "",
     "files": [
         "src"

package/src/assets/SparkGrid.ts

@@ -43,6 +43,7 @@ export default {
         fetch: DataFetcher.fetch,
         refresh: EventHandler.refresh,
         setRows: EventHandler.setRows,
+        clearRows: EventHandler.clearRows,
         getRows: EventHandler.getRows,
         getCheckedRows: EventHandler.getCheckedRows,
         clearCheckedRows: EventHandler.clearCheckedRows,

package/src/components/GridFooter.vue

@@ -21,7 +21,7 @@
                 Exibindo {{ beginningRows() }} a {{ endingRows() }} de {{ grid.totalRows }} registro(s)
             </span>
 
-            <span class="spark-grid-selected-rows">
+            <span class="spark-grid-selected-rows" v-if="grid.config.checkboxEnabled">
                 <span v-if="selectedRowsLength > 0">{{ selectedRowsLength }} registro(s) selecionado(s)</span>
             </span>
 

package/src/components/GridHeaderCheckbox.vue

@@ -7,6 +7,7 @@
                     :name="grid.uuid"
                     @input="onChange($event.target.value)"
                     class="styled"
+                    :disabled="isCheckboxHeaderDisabled"
                     :value="hasAnyChecked"
                     :checked="hasAnyChecked"
                 />
@@ -17,7 +18,7 @@
 
 <script setup lang="ts">
 import {GridStyler} from "../utils/GridStyler"
-import type {GridComponent, Row} from "../types/types"
+import {GridComponent, IsCheckboxHeaderDisabled, Row} from "../types/types"
 import {computed} from "vue"
 
 const props = defineProps<{
@@ -37,11 +38,21 @@ const onChange = function (value: any) {
     props.grid.getRows().forEach((row: Row) => {
         row._isChecked = isNotChecked
 
-        if (row._isChecked) {
-            props.grid.config.onRowChecked && props.grid.config.onRowChecked(row, 'checkbox');
-        } else {
-            props.grid.config.onRowUnchecked && props.grid.config.onRowUnchecked(row, 'checkbox');
+        if (row._isCheckboxDisabled !== true) {
+            if (row._isChecked) {
+                props.grid.config.onRowChecked && props.grid.config.onRowChecked(row, 'checkbox');
+            } else {
+                props.grid.config.onRowUnchecked && props.grid.config.onRowUnchecked(row, 'checkbox');
+            }
         }
     })
 }
+
+const isCheckboxHeaderDisabled = computed(() => {
+    if (props.grid.config.isCheckboxHeaderDisabled) {
+        return props.grid.config.isCheckboxHeaderDisabled(props.grid)
+    }
+
+    return false
+})
 </script>

package/src/types/types.d.ts

@@ -27,6 +27,7 @@ export type OnRequestFinished = (response: any, grid: GridComponent) => void
 export type OnRequestStarted = (grid: GridComponent) => void
 export type IsRowChecked = (row: Row) => boolean
 export type IsCheckboxDisabled = (row: Row) => boolean
+export type IsCheckboxHeaderDisabled = (grid: GridComponent) => boolean
 export type OnRowEvent = (row: Row, grid: GridComponent) => void
 export type OnCellEvent = (value: any, column: Column, row: Row, grid: GridComponent) => any
 export type OnContextMenu = (value: any, column: Column, row: Row, grid: GridComponent) => ContextMenItem[]
@@ -107,7 +108,8 @@ export type SparkGridConfig = {
     disableFilterWhenPresentOnInitialFilters?: boolean,
 
     isRowChecked?: IsRowChecked,
-    isCheckboxDisabled?: IsCheckboxDisabled,
+    isCheckboxRowDisabled?: IsCheckboxDisabled,
+    isCheckboxHeaderDisabled?: IsCheckboxHeaderDisabled,
     onRowChecked?: (row: Row, type: 'checkbox' | 'radio') => void,
     onRowUnchecked?: (row: Row, type: 'checkbox' | 'radio') => void,
     onRequestStarted?: OnRequestStarted,
@@ -154,6 +156,7 @@ export type Methods = {
     refresh: () => void,
     fetch: () => void,
     setRows: (rows: Row[]) => Rows[],
+    clearRows: () => void,
     getRows: () => Rows[],
     getCheckedRows: () => Rows[],
     getColumns: () => Column[],
@@ -165,6 +168,7 @@ export type Methods = {
     getSummarizedValue: (column: Column, onlyIsChecked: boolean = true) => any,
     getSelectedRadioRow: () => Row | null,
     clearRadioRowSelection: () => void,
+    clearCheckedRows: () => void,
     setSelectedRadioRow: (row: Row) => void,
 }
 

package/src/utils/CheckboxSelectedMapper.ts

@@ -6,8 +6,8 @@ export class CheckboxSelectedMapper {
             row._isChecked = grid.config.isRowChecked(row);
         }
 
-        if (typeof grid.config.isCheckboxDisabled == "function") {
-            row._isCheckboxDisabled = grid.config.isCheckboxDisabled(row);
+        if (typeof grid.config.isCheckboxRowDisabled == "function") {
+            row._isCheckboxDisabled = grid.config.isCheckboxRowDisabled(row);
         }
 
         return row;

package/src/utils/EventHandler.ts

@@ -33,6 +33,10 @@ export class EventHandler {
         return rows
     }
 
+    static clearRows(this: GridComponent): void {
+        this.rows = []
+    }
+
     static getRows(this: GridComponent): Row[] {
         return this.rows
     }