@caido-utils/components 0.2.4 → 0.3.1

package/dist/DataTable/Container.d.vue.ts

@@ -4,12 +4,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_With
         field: string;
         header: string;
         sortable?: boolean;
+        style?: Record<string, string>;
     }[];
     rowHeight?: number;
     selectable?: boolean | "single" | "multiple";
     selection?: Record<string, unknown>[] | null;
     activeRow?: Record<string, unknown> | null;
     scrollKey?: string;
+    dataKey?: string;
 }>, {
     rowHeight: number;
     selectable: boolean;
@@ -21,12 +23,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_With
         field: string;
         header: string;
         sortable?: boolean;
+        style?: Record<string, string>;
     }[];
     rowHeight?: number;
     selectable?: boolean | "single" | "multiple";
     selection?: Record<string, unknown>[] | null;
     activeRow?: Record<string, unknown> | null;
     scrollKey?: string;
+    dataKey?: string;
 }>, {
     rowHeight: number;
     selectable: boolean;

package/dist/DataTable/Container.vue

@@ -21,6 +21,7 @@ type ColumnDef = {
   field: string;
   header: string;
   sortable?: boolean;
+  style?: Record<string, string>;
 };
 
 const props = withDefaults(
@@ -32,6 +33,7 @@ const props = withDefaults(
     selection?: Record<string, unknown>[] | null;
     activeRow?: Record<string, unknown> | null;
     scrollKey?: string;
+    dataKey?: string;
   }>(),
   {
     rowHeight: ROW_HEIGHT,
@@ -119,10 +121,10 @@ onBeforeUnmount(() => {
 const isMultiple = props.selectable === "multiple";
 
 const attrs = useAttrs();
-const dataKeyAttr = (attrs["dataKey"] as string) ?? "id";
+const dataKeyAttr = computed(() => props.dataKey ?? "id");
 
 function getRowKey(row: Record<string, unknown>): unknown {
-  return row[dataKeyAttr];
+  return row[dataKeyAttr.value];
 }
 
 // --- Selection logic ---
@@ -270,7 +272,7 @@ const columnPt = {
         :field="col.field"
         :header="col.header"
         :sortable="col.sortable"
-        :style="{ height: `${props.rowHeight}px` }"
+        :style="{ height: `${props.rowHeight}px`, ...col.style }"
         :pt="columnPt"
       >
         <template v-if="col.sortable" #sorticon="{ sorted, sortOrder }">

package/dist/DataTable/Container.vue.d.ts

@@ -4,12 +4,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_With
         field: string;
         header: string;
         sortable?: boolean;
+        style?: Record<string, string>;
     }[];
     rowHeight?: number;
     selectable?: boolean | "single" | "multiple";
     selection?: Record<string, unknown>[] | null;
     activeRow?: Record<string, unknown> | null;
     scrollKey?: string;
+    dataKey?: string;
 }>, {
     rowHeight: number;
     selectable: boolean;
@@ -21,12 +23,14 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<__VLS_With
         field: string;
         header: string;
         sortable?: boolean;
+        style?: Record<string, string>;
     }[];
     rowHeight?: number;
     selectable?: boolean | "single" | "multiple";
     selection?: Record<string, unknown>[] | null;
     activeRow?: Record<string, unknown> | null;
     scrollKey?: string;
+    dataKey?: string;
 }>, {
     rowHeight: number;
     selectable: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@caido-utils/components",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "type": "module",
   "files": [
     "dist"