spark-grid-vue3 0.0.2 → 0.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "spark-grid-vue3",
-    "version": "0.0.2",
+    "version": "0.0.3",
     "description": "",
     "main": "index.js",
     "author": "",

package/src/definition/types.d.ts

@@ -65,6 +65,7 @@ export type Action = {
 }
 
 export type ComputedColumn = () => Column[]
+export type UniqueKeyIdentifier = (row: Row) => string
 
 export type SparkGridConfig = {
     url?: string | function,
@@ -111,6 +112,7 @@ export type SparkGridConfig = {
     onClickCell?: OnCellEvent,
     onDoubleClickCell?: OnCellEvent,
     onContextMenu?: OnContextMenu,
+    uniqueKeyIdentifier?: string | UniqueKeyIdentifier,
 }
 
 export type Row = {

package/src/utils/RadioButtonSelectedMapper.ts

@@ -3,15 +3,28 @@ import type {GridComponent, Row} from "../definition/types"
 export class RadioButtonSelectedMapper {
     static map(row: Row, grid: GridComponent) {
         if (grid._selectedRadioRow) {
-            const uuidMatches = row._uuid == grid._selectedRadioRow._uuid
-            const idMatches = row.id == grid._selectedRadioRow.id
+            const uuidMatches: boolean = row._uuid == grid._selectedRadioRow._uuid
 
-            if (uuidMatches || idMatches) {
+            if (uuidMatches || this._idMatches(row, grid)) {
                 row._isRadioChecked = true;
             }
-
         }
 
         return row;
     }
+
+    static _idMatches(row: Row, grid: GridComponent): boolean {
+        if (!grid._selectedRadioRow) {
+            return false
+        }
+
+        if (typeof grid.config.uniqueKeyIdentifier == 'string') {
+            const uniqueKey = grid.config.uniqueKeyIdentifier
+            return row[uniqueKey] == grid._selectedRadioRow[uniqueKey]
+        } else if (typeof grid.config.uniqueKeyIdentifier == 'function') {
+            return grid.config.uniqueKeyIdentifier(row) == grid.config.uniqueKeyIdentifier(grid._selectedRadioRow)
+        }
+
+        return row.id == grid._selectedRadioRow.id
+    }
 }