feat: enhance tableRowReplaceInjection type and simplify its usage in ResourceListTable components

Author: NoOne7135

adminforth/spa/src/components/ResourceListTable.vue

@@ -335,7 +335,7 @@ import {
 } from '@iconify-prerendered/vue-flowbite';
 import router from '@/router';
 import { Tooltip } from '@/afcl';
-import type { AdminForthResourceCommon, AdminForthResourceColumnInputCommon, AdminForthResourceColumnCommon } from '@/types/Common';
+import type { AdminForthResourceCommon, AdminForthResourceColumnInputCommon, AdminForthResourceColumnCommon, AdminForthComponentDeclaration } from '@/types/Common';
 import adminforth from '@/adminforth';
 import Checkbox from '@/afcl/Checkbox.vue';
 
@@ -352,7 +352,7 @@ const props = defineProps<{
   noRoundings?: boolean,
   customActionsInjection?: any[],
   tableBodyStartInjection?: any[],
-  tableRowReplaceInjection?: any,
+  tableRowReplaceInjection?: AdminForthComponentDeclaration,
 }>();
 
 // emits, update page

adminforth/spa/src/components/ResourceListTableVirtual.vue

@@ -357,7 +357,7 @@ import {
 } from '@iconify-prerendered/vue-flowbite';
 import router from '@/router';
 import { Tooltip } from '@/afcl';
-import type { AdminForthResourceCommon, AdminForthResourceColumnCommon } from '@/types/Common';
+import type { AdminForthResourceCommon, AdminForthResourceColumnCommon, AdminForthComponentDeclaration } from '@/types/Common';
 import adminforth from '@/adminforth';
 import Checkbox from '@/afcl/Checkbox.vue';
 
@@ -377,7 +377,7 @@ const props = defineProps<{
   containerHeight?: number,
   itemHeight?: number,
   bufferSize?: number,
-  tableRowReplaceInjection?: any
+  tableRowReplaceInjection?: AdminForthComponentDeclaration
 }>();
 
 // emits, update page

adminforth/spa/src/utils.ts

@@ -67,7 +67,22 @@ export async function callAdminForthApi({ path, method, body=undefined, headers=
   }
 }
 
-export function getCustomComponent({ file, meta }: { file: string, meta?: any }) {
+export function getCustomComponent(input: any) {
+  let file: string | undefined;
+  if (Array.isArray(input)) {
+    input = input?.[0];
+  }
+  if (typeof input === 'string') {
+    file = input;
+  } else if (input && typeof input === 'object') {
+    file = (input as { file?: string }).file;
+  }
+
+  if (!file || typeof file !== 'string') {
+    // Fallback to a neutral element to avoid runtime errors
+    return 'div';
+  }
+
   const name = file.replace(/@/g, '').replace(/\./g, '').replace(/\//g, '');
   return resolveComponent(name);
 }

adminforth/spa/src/views/ListView.vue

@@ -143,9 +143,7 @@
           ? [coreStore.resourceOptions.pageInjections.list.tableBodyStart]
           : []
       "
-      :tableRowReplaceInjection="Array.isArray(coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace)
-        ? coreStore.resourceOptions.pageInjections.list.tableRowReplace[0]
-        : coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace || null"
+      :tableRowReplaceInjection="coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace || undefined"
       :container-height="1100"
       :item-height="52.5"
       :buffer-size="listBufferSize"
@@ -176,9 +174,7 @@
           ? [coreStore.resourceOptions.pageInjections.list.tableBodyStart]
           : []
       "
-      :tableRowReplaceInjection="Array.isArray(coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace)
-        ? coreStore.resourceOptions.pageInjections.list.tableRowReplace[0]
-        : coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace || null"
+      :tableRowReplaceInjection="coreStore.resourceOptions?.pageInjections?.list?.tableRowReplace || null"
     />
 
     <component 

adminforth/types/Common.ts

@@ -504,6 +504,7 @@ export interface AdminForthResourceInputCommon {
           threeDotsDropdownItems?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
           customActionIcons?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
           tableBodyStart?: AdminForthComponentDeclaration | Array<AdminForthComponentDeclaration>,
+          tableRowReplace?: AdminForthComponentDeclaration
         },
 
         /**