重构前端逻辑

frontend/src/layouts/components/UserPanel.tsx

@@ -7,16 +7,7 @@ import type { MenuProps } from 'antd';
 import { logout } from '@/store/userSlice';
 import type { RootState } from '@/store';
 import { useToast } from '@/components/ui/use-toast';
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
 import { AlertCircle } from 'lucide-react';
 import { shallowEqual } from 'react-redux';
 
@@ -44,12 +35,8 @@ const UserPanel: React.FC = React.memo(() => {
     setLogoutDialogOpen(true);
   };
 
-  const confirmLogout = () => {
+  const confirmLogout = async () => {
     dispatch(logout());
-    toast({
-      title: '退出成功',
-      description: '已成功退出系统',
-    });
     navigate('/login', { replace: true });
   };
 
@@ -92,25 +79,25 @@ const UserPanel: React.FC = React.memo(() => {
       </Dropdown>
 
       {/* 退出登录确认对话框 */}
-      <AlertDialog open={logoutDialogOpen} onOpenChange={setLogoutDialogOpen}>
+      <ConfirmDialog
-        <AlertDialogContent>
+        open={logoutDialogOpen}
-          <AlertDialogHeader>
+        onOpenChange={setLogoutDialogOpen}
-            <AlertDialogTitle className="flex items-center gap-2">
+        title={
+          <div className="flex items-center gap-2">
             <AlertCircle className="h-5 w-5 text-amber-500" />
             确认退出
-            </AlertDialogTitle>
+          </div>
-            <AlertDialogDescription>
+        }
-              确定要退出系统吗？
+        description="确定要退出系统吗？"
-            </AlertDialogDescription>
+        onConfirm={confirmLogout}
-          </AlertDialogHeader>
+        onSuccess={() => {
-          <AlertDialogFooter>
+          toast({
-            <AlertDialogCancel onClick={() => setLogoutDialogOpen(false)}>
+            title: '退出成功',
-              取消
+            description: '已成功退出系统',
-            </AlertDialogCancel>
+          });
-            <AlertDialogAction onClick={confirmLogout}>确定</AlertDialogAction>
+        }}
-          </AlertDialogFooter>
+        confirmText="确定"
-        </AlertDialogContent>
+      />
-      </AlertDialog>
     </>
   );
 });

frontend/src/pages/Deploy/Application/List/components/CategoryManageDialog.tsx

@@ -6,16 +6,7 @@ import {
     DialogBody,
     DialogTitle,
 } from "@/components/ui/dialog";
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
@@ -175,25 +166,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
     // 确认删除
     const confirmDelete = async () => {
         if (!deleteRecord) return;
-        
-        try {
         await deleteCategory(deleteRecord.id);
-            toast({
-                title: "删除成功",
-                description: `分类 "${deleteRecord.name}" 已删除`,
-            });
-            loadCategories();
-            onSuccess?.();
-            setDeleteDialogOpen(false);
-            setDeleteRecord(null);
-        } catch (error) {
-            console.error('删除失败:', error);
-            toast({
-                variant: "destructive",
-                title: "删除失败",
-                description: error instanceof Error ? error.message : '未知错误',
-            });
-        }
     };
 
     // 保存
@@ -516,13 +489,25 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
         </Dialog>
 
         {/* 删除确认对话框 */}
-        <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+        <ConfirmDialog
-            <AlertDialogContent>
+            open={deleteDialogOpen}
-                <AlertDialogHeader>
+            onOpenChange={setDeleteDialogOpen}
-                    <AlertDialogTitle>确认删除分类</AlertDialogTitle>
+            title="确认删除分类"
-                    <AlertDialogDescription asChild>
+            description="您确定要删除以下分类吗？此操作无法撤销。"
-                        <div className="space-y-3">
+            item={deleteRecord}
-                            <p>您确定要删除以下分类吗？此操作无法撤销。</p>
+            onConfirm={confirmDelete}
+            onSuccess={() => {
+                toast({
+                    title: "删除成功",
+                    description: `分类 "${deleteRecord?.name}" 已删除`,
+                });
+                setDeleteRecord(null);
+                loadCategories();
+                onSuccess?.();
+            }}
+            variant="destructive"
+            confirmText="确认删除"
+        >
             {deleteRecord && (
                 <div className="rounded-md border p-3 space-y-2 bg-muted/50">
                     <div className="flex items-center gap-2">
@@ -549,20 +534,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
                     )}
                 </div>
             )}
-                        </div>
+        </ConfirmDialog>
-                    </AlertDialogDescription>
-                </AlertDialogHeader>
-                <AlertDialogFooter>
-                    <AlertDialogCancel>取消</AlertDialogCancel>
-                    <AlertDialogAction
-                        onClick={confirmDelete}
-                        className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-                    >
-                        确认删除
-                    </AlertDialogAction>
-                </AlertDialogFooter>
-            </AlertDialogContent>
-        </AlertDialog>
     </>
     );
 };

frontend/src/pages/Deploy/NotificationChannel/List/index.tsx

@@ -17,16 +17,7 @@ import {
   TableRow,
 } from '@/components/ui/table';
 import { Badge } from '@/components/ui/badge';
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
 import { useToast } from '@/components/ui/use-toast';
 import { DataTablePagination } from '@/components/ui/pagination';
 import { DEFAULT_PAGE_SIZE, DEFAULT_CURRENT } from '@/utils/page';
@@ -176,20 +167,7 @@ const NotificationChannelList: React.FC = () => {
   // 删除
   const handleDelete = async () => {
     if (!deleteId) return;
-
-    try {
     await deleteChannel(deleteId);
-      toast({ title: '删除成功' });
-      setDeleteDialogOpen(false);
-      setDeleteId(null);
-      loadData();
-    } catch (error: any) {
-      toast({
-        variant: 'destructive',
-        title: '删除失败',
-        description: error.response?.data?.message || error.message,
-      });
-    }
   };
 
   // 启用/禁用
@@ -477,20 +455,22 @@ const NotificationChannelList: React.FC = () => {
       />
 
       {/* 删除确认对话框 */}
-      <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+      <ConfirmDialog
-        <AlertDialogContent>
+        open={deleteDialogOpen}
-          <AlertDialogHeader>
+        onOpenChange={setDeleteDialogOpen}
-            <AlertDialogTitle>确认删除</AlertDialogTitle>
+        title="确认删除"
-            <AlertDialogDescription>
+        description="确定要删除这个通知渠道吗？此操作不可撤销。"
-              确定要删除这个通知渠道吗？此操作不可撤销。
+        item={deleteId}
-            </AlertDialogDescription>
+        onConfirm={handleDelete}
-          </AlertDialogHeader>
+        onSuccess={() => {
-          <AlertDialogFooter>
+          toast({ title: '删除成功' });
-            <AlertDialogCancel onClick={() => setDeleteId(null)}>取消</AlertDialogCancel>
+          setDeleteId(null);
-            <AlertDialogAction onClick={handleDelete}>删除</AlertDialogAction>
+          loadData();
-          </AlertDialogFooter>
+        }}
-        </AlertDialogContent>
+        onCancel={() => setDeleteId(null)}
-      </AlertDialog>
+        variant="destructive"
+        confirmText="删除"
+      />
     </div>
   );
 };

frontend/src/pages/Deploy/ScheduleJob/List/components/CategoryManageDialog.tsx

@@ -6,16 +6,7 @@ import {
     DialogBody,
     DialogTitle,
 } from '@/components/ui/dialog';
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import {
@@ -180,25 +171,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
     // 确认删除
     const confirmDelete = async () => {
         if (!deleteRecord) return;
-        
-        try {
         await deleteJobCategory(deleteRecord.id);
-            toast({
-                title: '删除成功',
-                description: `分类 "${deleteRecord.name}" 已删除`,
-            });
-            loadCategories();
-            onSuccess?.();
-            setDeleteDialogOpen(false);
-            setDeleteRecord(null);
-        } catch (error) {
-            console.error('删除失败:', error);
-            toast({
-                variant: 'destructive',
-                title: '删除失败',
-                description: error instanceof Error ? error.message : '未知错误',
-            });
-        }
     };
 
     // 保存
@@ -542,21 +515,30 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
         />
 
         {/* 删除确认对话框 */}
-        <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+        <ConfirmDialog
-            <AlertDialogContent>
+            open={deleteDialogOpen}
-                <AlertDialogHeader>
+            onOpenChange={setDeleteDialogOpen}
-                    <AlertDialogTitle>确认删除</AlertDialogTitle>
+            title="确认删除"
-                    <AlertDialogDescription>
+            description={
+                <>
                     确定要删除分类 <span className="font-semibold">{deleteRecord?.name}</span> 吗？
                     此操作无法撤销。
-                    </AlertDialogDescription>
+                </>
-                </AlertDialogHeader>
+            }
-                <AlertDialogFooter>
+            item={deleteRecord}
-                    <AlertDialogCancel>取消</AlertDialogCancel>
+            onConfirm={confirmDelete}
-                    <AlertDialogAction onClick={confirmDelete}>确认删除</AlertDialogAction>
+            onSuccess={() => {
-                </AlertDialogFooter>
+                toast({
-            </AlertDialogContent>
+                    title: '删除成功',
-        </AlertDialog>
+                    description: `分类 "${deleteRecord?.name}" 已删除`,
+                });
+                setDeleteRecord(null);
+                loadCategories();
+                onSuccess?.();
+            }}
+            variant="destructive"
+            confirmText="确认删除"
+        />
         </>
     );
 };

frontend/src/pages/Deploy/ScheduleJob/List/index.tsx

@@ -20,16 +20,7 @@ import CategoryManageDialog from './components/CategoryManageDialog';
 import JobLogDialog from './components/JobLogDialog';
 import JobEditDialog from './components/JobEditDialog';
 import Dashboard from './components/Dashboard';
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
 import dayjs from 'dayjs';
 
 /**
@@ -123,22 +114,7 @@ const ScheduleJobList: React.FC = () => {
     // 确认删除
     const confirmDelete = async () => {
         if (!deleteJob) return;
-        try {
         await deleteScheduleJob(deleteJob.id);
-            toast({
-                title: '删除成功',
-                description: `任务 "${deleteJob.jobName}" 已删除`,
-            });
-            loadData();
-            setDeleteDialogOpen(false);
-            setDeleteJob(null);
-        } catch (error) {
-            toast({
-                variant: 'destructive',
-                title: '删除失败',
-                description: error instanceof Error ? error.message : '未知错误',
-            });
-        }
     };
 
     // 暂停任务
@@ -612,13 +588,24 @@ const ScheduleJobList: React.FC = () => {
                     />
 
                     {/* 删除确认对话框 */}
-                    <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+                    <ConfirmDialog
-                        <AlertDialogContent>
+                        open={deleteDialogOpen}
-                            <AlertDialogHeader>
+                        onOpenChange={setDeleteDialogOpen}
-                                <AlertDialogTitle>确认删除定时任务</AlertDialogTitle>
+                        title="确认删除定时任务"
-                                <AlertDialogDescription asChild>
+                        description="您确定要删除以下定时任务吗？此操作无法撤销。"
-                                    <div className="space-y-3">
+                        item={deleteJob}
-                                        <p>您确定要删除以下定时任务吗？此操作无法撤销。</p>
+                        onConfirm={confirmDelete}
+                        onSuccess={() => {
+                            toast({
+                                title: '删除成功',
+                                description: `任务 "${deleteJob?.jobName}" 已删除`,
+                            });
+                            setDeleteJob(null);
+                            loadData();
+                        }}
+                        variant="destructive"
+                        confirmText="确认删除"
+                    >
                         {deleteJob && (
                             <div className="rounded-md border p-3 space-y-2 bg-muted/50">
                                 <div className="flex items-center gap-2">
@@ -647,20 +634,7 @@ const ScheduleJobList: React.FC = () => {
                                 )}
                             </div>
                         )}
-                                    </div>
+                    </ConfirmDialog>
-                                </AlertDialogDescription>
-                            </AlertDialogHeader>
-                            <AlertDialogFooter>
-                                <AlertDialogCancel>取消</AlertDialogCancel>
-                                <AlertDialogAction
-                                    onClick={confirmDelete}
-                                    className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-                                >
-                                    确认删除
-                                </AlertDialogAction>
-                            </AlertDialogFooter>
-                        </AlertDialogContent>
-                    </AlertDialog>
                 </TabsContent>
 
                 {/* 仪表盘视图 */}

frontend/src/pages/Form/Definition/List/components/CategoryManageDialog.tsx

@@ -6,16 +6,7 @@ import {
     DialogBody,
     DialogTitle,
 } from "@/components/ui/dialog";
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
@@ -172,25 +163,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
     // 确认删除
     const confirmDelete = async () => {
         if (!deleteRecord) return;
-        
-        try {
         await deleteCategory(deleteRecord.id);
-            toast({
-                title: "删除成功",
-                description: `分类 "${deleteRecord.name}" 已删除`,
-            });
-            loadCategories();
-            onSuccess?.();
-            setDeleteDialogOpen(false);
-            setDeleteRecord(null);
-        } catch (error) {
-            console.error('删除失败:', error);
-            toast({
-                variant: "destructive",
-                title: "删除失败",
-                description: error instanceof Error ? error.message : '未知错误',
-            });
-        }
     };
 
     // 保存
@@ -509,13 +482,25 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
         </Dialog>
 
         {/* 删除确认对话框 */}
-        <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+        <ConfirmDialog
-            <AlertDialogContent>
+            open={deleteDialogOpen}
-                <AlertDialogHeader>
+            onOpenChange={setDeleteDialogOpen}
-                    <AlertDialogTitle>确认删除分类</AlertDialogTitle>
+            title="确认删除分类"
-                    <AlertDialogDescription asChild>
+            description="您确定要删除以下分类吗？此操作无法撤销。"
-                        <div className="space-y-3">
+            item={deleteRecord}
-                            <p>您确定要删除以下分类吗？此操作无法撤销。</p>
+            onConfirm={confirmDelete}
+            onSuccess={() => {
+                toast({
+                    title: "删除成功",
+                    description: `分类 "${deleteRecord?.name}" 已删除`,
+                });
+                setDeleteRecord(null);
+                loadCategories();
+                onSuccess?.();
+            }}
+            variant="destructive"
+            confirmText="确认删除"
+        >
             {deleteRecord && (
                 <div className="rounded-md border p-3 space-y-2 bg-muted/50">
                     <div className="flex items-center gap-2">
@@ -542,20 +527,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
                     )}
                 </div>
             )}
-                        </div>
+        </ConfirmDialog>
-                    </AlertDialogDescription>
-                </AlertDialogHeader>
-                <AlertDialogFooter>
-                    <AlertDialogCancel>取消</AlertDialogCancel>
-                    <AlertDialogAction
-                        onClick={confirmDelete}
-                        className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-                    >
-                        确认删除
-                    </AlertDialogAction>
-                </AlertDialogFooter>
-            </AlertDialogContent>
-        </AlertDialog>
     </>
     );
 };

frontend/src/pages/Resource/Server/List/components/CategoryManageDialog.tsx

@@ -33,7 +33,7 @@ import {
     TableRow,
 } from '@/components/ui/table';
 import { useToast } from '@/components/ui/use-toast';
-import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from '@/components/ui/alert-dialog';
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
 import { DataTablePagination } from '@/components/ui/pagination';
 import { DEFAULT_PAGE_SIZE, DEFAULT_CURRENT } from '@/utils/page';
 import type { ServerCategoryResponse } from '../types';
@@ -159,25 +159,7 @@ export const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
 
     const confirmDelete = async () => {
         if (!categoryToDelete) return;
-
-        try {
         await deleteServerCategory(categoryToDelete.id);
-            toast({
-                title: '删除成功',
-                description: `分类"${categoryToDelete.name}"已删除`,
-            });
-            loadCategories();
-            onSuccess?.();
-        } catch (error) {
-            toast({
-                variant: 'destructive',
-                title: '删除失败',
-                description: '删除服务器分类失败',
-            });
-        } finally {
-            setDeleteConfirmOpen(false);
-            setCategoryToDelete(null);
-        }
     };
 
     // 提交表单
@@ -499,20 +481,25 @@ export const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
             </Dialog>
 
             {/* 删除确认对话框 */}
-            <AlertDialog open={deleteConfirmOpen} onOpenChange={setDeleteConfirmOpen}>
+            <ConfirmDialog
-                <AlertDialogContent>
+                open={deleteConfirmOpen}
-                    <AlertDialogHeader>
+                onOpenChange={setDeleteConfirmOpen}
-                        <AlertDialogTitle>确认删除</AlertDialogTitle>
+                title="确认删除"
-                        <AlertDialogDescription>
+                description={`确定要删除分类"${categoryToDelete?.name}"吗？此操作无法撤销。`}
-                            确定要删除分类"{categoryToDelete?.name}"吗？此操作无法撤销。
+                item={categoryToDelete}
-                        </AlertDialogDescription>
+                onConfirm={confirmDelete}
-                    </AlertDialogHeader>
+                onSuccess={() => {
-                    <AlertDialogFooter>
+                    toast({
-                        <AlertDialogCancel>取消</AlertDialogCancel>
+                        title: '删除成功',
-                        <AlertDialogAction onClick={confirmDelete}>确定</AlertDialogAction>
+                        description: `分类"${categoryToDelete?.name}"已删除`,
-                    </AlertDialogFooter>
+                    });
-                </AlertDialogContent>
+                    setCategoryToDelete(null);
-            </AlertDialog>
+                    loadCategories();
+                    onSuccess?.();
+                }}
+                variant="destructive"
+                confirmText="确定"
+            />
         </>
     );
 };

frontend/src/pages/Resource/Server/List/index.tsx

@@ -29,16 +29,7 @@ import {
 import {
     TooltipProvider,
 } from '@/components/ui/tooltip';
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-} from '@/components/ui/alert-dialog';
 import { useToast } from '@/components/ui/use-toast';
 import { DataTablePagination } from '@/components/ui/pagination';
 import { Input } from '@/components/ui/input';
@@ -215,25 +206,7 @@ const ServerList: React.FC = () => {
 
     const confirmDelete = async () => {
         if (!serverToDelete) return;
-
-        try {
         await deleteServer(serverToDelete.id);
-            toast({
-                title: '删除成功',
-                description: `服务器"${serverToDelete.serverName}"已删除`,
-            });
-            loadServers();
-            loadStats();
-        } catch (error: any) {
-            toast({
-                variant: 'destructive',
-                title: '删除失败',
-                description: error.response?.data?.message || '删除失败',
-            });
-        } finally {
-            setDeleteDialogOpen(false);
-            setServerToDelete(null);
-        }
     };
 
     // 成功回调
@@ -600,20 +573,25 @@ const ServerList: React.FC = () => {
             />
 
             {/* 删除确认对话框 */}
-            <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+            <ConfirmDialog
-                <AlertDialogContent>
+                open={deleteDialogOpen}
-                    <AlertDialogHeader>
+                onOpenChange={setDeleteDialogOpen}
-                        <AlertDialogTitle>确认删除</AlertDialogTitle>
+                title="确认删除"
-                        <AlertDialogDescription>
+                description={`确定要删除服务器"${serverToDelete?.serverName}"吗？此操作无法撤销。`}
-                            确定要删除服务器"{serverToDelete?.serverName}"吗？此操作无法撤销。
+                item={serverToDelete}
-                        </AlertDialogDescription>
+                onConfirm={confirmDelete}
-                    </AlertDialogHeader>
+                onSuccess={() => {
-                    <AlertDialogFooter>
+                    toast({
-                        <AlertDialogCancel>取消</AlertDialogCancel>
+                        title: '删除成功',
-                        <AlertDialogAction onClick={confirmDelete}>确定</AlertDialogAction>
+                        description: `服务器"${serverToDelete?.serverName}"已删除`,
-                    </AlertDialogFooter>
+                    });
-                </AlertDialogContent>
+                    setServerToDelete(null);
-            </AlertDialog>
+                    loadServers();
+                    loadStats();
+                }}
+                variant="destructive"
+                confirmText="确定"
+            />
         </TooltipProvider>
     );
 };

frontend/src/pages/Workflow/Definition/List/components/CategoryManageDialog.tsx

@@ -6,16 +6,7 @@ import {
     DialogBody,
     DialogTitle,
 } from "@/components/ui/dialog";
-import {
+import { ConfirmDialog } from '@/components/ui/confirm-dialog';
-    AlertDialog,
-    AlertDialogAction,
-    AlertDialogCancel,
-    AlertDialogContent,
-    AlertDialogDescription,
-    AlertDialogFooter,
-    AlertDialogHeader,
-    AlertDialogTitle,
-} from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import {
@@ -190,25 +181,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
     // 确认删除
     const confirmDelete = async () => {
         if (!deleteRecord) return;
-        
-        try {
         await deleteWorkflowCategory(deleteRecord.id);
-            toast({
-                title: "删除成功",
-                description: `分类 "${deleteRecord.name}" 已删除`,
-            });
-            loadCategories();
-            onSuccess?.();
-            setDeleteDialogOpen(false);
-            setDeleteRecord(null);
-        } catch (error) {
-            console.error('删除失败:', error);
-            toast({
-                variant: "destructive",
-                title: "删除失败",
-                description: error instanceof Error ? error.message : '未知错误',
-            });
-        }
     };
 
     // 保存
@@ -588,13 +561,25 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
         </Dialog>
 
         {/* 删除确认对话框 */}
-        <AlertDialog open={deleteDialogOpen} onOpenChange={setDeleteDialogOpen}>
+        <ConfirmDialog
-            <AlertDialogContent>
+            open={deleteDialogOpen}
-                <AlertDialogHeader>
+            onOpenChange={setDeleteDialogOpen}
-                    <AlertDialogTitle>确认删除分类</AlertDialogTitle>
+            title="确认删除分类"
-                    <AlertDialogDescription asChild>
+            description="您确定要删除以下分类吗？此操作无法撤销。"
-                        <div className="space-y-3">
+            item={deleteRecord}
-                            <p>您确定要删除以下分类吗？此操作无法撤销。</p>
+            onConfirm={confirmDelete}
+            onSuccess={() => {
+                toast({
+                    title: "删除成功",
+                    description: `分类 "${deleteRecord?.name}" 已删除`,
+                });
+                setDeleteRecord(null);
+                loadCategories();
+                onSuccess?.();
+            }}
+            variant="destructive"
+            confirmText="确认删除"
+        >
             {deleteRecord && (
                 <div className="rounded-md border p-3 space-y-2 bg-muted/50">
                     <div className="flex items-center gap-2">
@@ -621,20 +606,7 @@ const CategoryManageDialog: React.FC<CategoryManageDialogProps> = ({
                     )}
                 </div>
             )}
-                        </div>
+        </ConfirmDialog>
-                    </AlertDialogDescription>
-                </AlertDialogHeader>
-                <AlertDialogFooter>
-                    <AlertDialogCancel>取消</AlertDialogCancel>
-                    <AlertDialogAction
-                        onClick={confirmDelete}
-                        className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-                    >
-                        确认删除
-                    </AlertDialogAction>
-                </AlertDialogFooter>
-            </AlertDialogContent>
-        </AlertDialog>
     </>
     );
 };