feat: add tableRowReplaceInjection prop for customizable row rendering in ResourceListTable components

Author: NoOne7135

adminforth/documentation/docs/tutorial/03-Customization/08-pageInjections.md

@@ -442,6 +442,7 @@ const props = defineProps<{
   record: any
   resource: any
   meta: any
+  adminUser: any
 }>();
 </script>
 ```
@@ -458,7 +459,7 @@ Component contract:
 
 Notes and tips:
 - Requirements:
-  - Required <tr></tr> structure around </slot>
+  - Required `<tr></tr>` structure around `<slot />`
 
 ## List table beforeActionButtons
 

adminforth/spa/src/components/ResourceListTable.vue

@@ -83,13 +83,20 @@
           </td>
         </tr>
 
-        <tr @click="onClick($event,row)" 
-          v-else v-for="(row, rowI) in rows" :key="`row_${row._primaryKeyValue}`"
-          ref="rowRefs"
-          class="list-table-body-row bg-lightListTable dark:bg-darkListTable border-lightListBorder dark:border-gray-700 hover:bg-lightListTableRowHover dark:hover:bg-darkListTableRowHover"
-
-          :class="{'border-b': rowI !== rows.length - 1, 'cursor-pointer': row._clickUrl !== null}"
-        >
+         <component
+            v-else
+            v-for="(row, rowI) in rows"
+            :is="tableRowReplaceInjection ? getCustomComponent(tableRowReplaceInjection) : 'tr'"
+            :key="`row_${row._primaryKeyValue}`"
+            :record="row"
+            :resource="resource"
+            :adminUser="coreStore.adminUser"
+            :meta="tableRowReplaceInjection ? tableRowReplaceInjection.meta : undefined"
+            @click="onClick($event, row)"
+            ref="rowRefs"
+            class="list-table-body-row bg-lightListTable dark:bg-darkListTable border-lightListBorder dark:border-gray-700 hover:bg-lightListTableRowHover dark:hover:bg-darkListTableRowHover"
+            :class="{'border-b': rowI !== rows.length - 1, 'cursor-pointer': row._clickUrl !== null}"
+         >
         <td class="w-4 p-4 cursor-default sticky-column bg-lightListTable dark:bg-darkListTable" @click="(e)=>e.stopPropagation()">
           <Checkbox
             :model-value="checkboxesInternal.includes(row._primaryKeyValue)"
@@ -210,7 +217,7 @@
             </div>
 
           </td>
-        </tr>
+         </component>
       </tbody>
     </table>
   </div>
@@ -345,6 +352,7 @@ const props = defineProps<{
   noRoundings?: boolean,
   customActionsInjection?: any[],
   tableBodyStartInjection?: any[],
+  tableRowReplaceInjection?: any,
 }>();
 
 // emits, update page

adminforth/spa/src/components/ResourceListTableVirtual.vue

@@ -377,6 +377,7 @@ const props = defineProps<{
   containerHeight?: number,
   itemHeight?: number,
   bufferSize?: number,
+  tableRowReplaceInjection?: any
 }>();
 
 // emits, update page