From 59e7c3b1fbd58a8ae33182251d33137b16c1cc69 Mon Sep 17 00:00:00 2001
From: asp_ly <dengqichen@iscmtech.com>
Date: Sat, 28 Dec 2024 19:09:10 +0800
Subject: [PATCH] 1

---
 frontend/scripts/generate-page.ts | 59 ++++++++++++++++++++-----------
 1 file changed, 39 insertions(+), 20 deletions(-)

diff --git a/frontend/scripts/generate-page.ts b/frontend/scripts/generate-page.ts
index 2f6cf28b..6e0fc818 100644
--- a/frontend/scripts/generate-page.ts
+++ b/frontend/scripts/generate-page.ts
@@ -308,11 +308,7 @@ function generateListPage(options: GenerateOptions): string {
 
   return `import React, { useState, useEffect } from 'react';
 import { PageContainer } from '@/components/ui/page-container';
-import {
-    PlusOutlined,
-    EditOutlined,
-    DeleteOutlined,
-} from '@ant-design/icons';
+import { Plus, Pencil, Trash2, Loader2 } from 'lucide-react';
 import {
     Table,
     TableHeader,
@@ -509,7 +505,7 @@ const ${typeName}List: React.FC = () => {
                         size="sm"
                         onClick={() => handleEdit(row.original)}
                     >
-                        <EditOutlined className="mr-1"/>
+                        <Pencil className="mr-2 h-4 w-4" />
                         编辑
                     </Button>
                     <AlertDialog>
@@ -519,7 +515,7 @@ const ${typeName}List: React.FC = () => {
                                 size="sm"
                                 className="text-destructive"
                             >
-                                <DeleteOutlined className="mr-1"/>
+                                <Trash2 className="mr-2 h-4 w-4" />
                                 删除
                             </Button>
                         </AlertDialogTrigger>
@@ -551,7 +547,7 @@ const ${typeName}List: React.FC = () => {
                 <h2 className="text-3xl font-bold tracking-tight">${description}</h2>
                 <div className="flex items-center gap-4">
                     <Button onClick={handleAdd}>
-                        <PlusOutlined className="mr-1"/>
+                        <Plus className="mr-2 h-4 w-4" />
                         新建
                     </Button>
                 </div>
@@ -607,19 +603,42 @@ const ${typeName}List: React.FC = () => {
                                 </TableRow>
                             </TableHeader>
                             <TableBody>
-                                {list.map((item) => (
-                                    <TableRow key={item.id}>
-                                        {columns.map((column) => (
-                                            <TableCell
-                                                key={column.accessorKey || column.id}
-                                            >
-                                                {column.cell
-                                                    ? column.cell({row: {original: item}})
-                                                    : item[column.accessorKey!]}
-                                            </TableCell>
-                                        ))}
+                                {loading ? (
+                                    <TableRow>
+                                        <TableCell
+                                            colSpan={columns.length}
+                                            className="h-24 text-center"
+                                        >
+                                            <div className="flex justify-center items-center">
+                                                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+                                                加载中...
+                                            </div>
+                                        </TableCell>
                                     </TableRow>
-                                ))}
+                                ) : list.length === 0 ? (
+                                    <TableRow>
+                                        <TableCell
+                                            colSpan={columns.length}
+                                            className="h-24 text-center"
+                                        >
+                                            暂无数据
+                                        </TableCell>
+                                    </TableRow>
+                                ) : (
+                                    list.map((item) => (
+                                        <TableRow key={item.id}>
+                                            {columns.map((column) => (
+                                                <TableCell
+                                                    key={column.accessorKey || column.id}
+                                                >
+                                                    {column.cell
+                                                        ? column.cell({row: {original: item}})
+                                                        : item[column.accessorKey!]}
+                                                </TableCell>
+                                            ))}
+                                        </TableRow>
+                                    ))
+                                )}
                             </TableBody>
                         </Table>
                         <div className="flex justify-end border-t border-border bg-muted/40">