feat: enhance tableRowReplace injection to support array input and validate element count

Author: NoOne7135

adminforth/modules/configValidator.ts

@@ -45,6 +45,11 @@ export default class ConfigValidator implements IConfigValidator {
   }
 
   validateAndListifyInjection(obj, key, errors) {
+    if (key.includes('tableRowReplace')) {
+      if (obj[key].length > 1) {
+        throw new Error(`tableRowReplace injection supports only one element, but received ${obj[key].length}.`);
+      }
+    }
     if (!Array.isArray(obj[key])) {
       // not array
       obj[key] = [obj[key]];

adminforth/spa/src/utils.ts

@@ -67,22 +67,7 @@ export async function callAdminForthApi({ path, method, body=undefined, headers=
   }
 }
 
-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';
-  }
-
+export function getCustomComponent({ file, meta }: { file: string, meta?: any }) {
   const name = file.replace(/@/g, '').replace(/\./g, '').replace(/\//g, '');
   return resolveComponent(name);
 }

adminforth/spa/src/views/ListView.vue

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

adminforth/types/Common.ts

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