spark-grid-vue3 0.0.2 → 0.0.4

package/package.json

@@ -1,8 +1,9 @@
 {
     "name": "spark-grid-vue3",
-    "version": "0.0.2",
+    "version": "0.0.4",
     "description": "",
-    "main": "index.js",
+    "main": "index.ts",
+    "types": "index.d.ts",
     "author": "",
     "license": "ISC",
     "dependencies": {

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/index.d.ts

@@ -0,0 +1 @@
+export * from 'definition/types'

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
+    }
 }

package/src/main.ts

@@ -1,10 +0,0 @@
-import {createApp} from 'vue';
-import App from './App.vue';
-
-import {DataTable} from './index';
-
-const app = createApp(App);
-
-app.use(DataTable);
-
-app.mount('#app');