refactor: 拆分AppRelease.tsx(650→339行)提取ReleaseDetailDialog+ReleaseCreateDialog+releaseHelpers子模块

2026-06-17 00:05:38 +08:00
1 parent 8a4ae0ac5c
commit 28655b4ad5
@@ -0,0 +1,92 @@
+// 发布相关共享工具函数与常量 // Logan.Li
+import { Badge } from '@/components/ui/badge';
+import {
+  CheckCircle,
+  XCircle,
+  RotateCcw,
+  Clock,
+  Loader2,
+} from 'lucide-react';
+
+// 发布状态徽章（列表 + 详情共用） // Logan.Li
+export function getStatusBadge(status: any) {
+  switch (status) {
+    case 'success':
+      return (
+        <Badge variant="outline" className="border-emerald-500/30 text-emerald-400 bg-emerald-500/10">
+          <CheckCircle className="h-3 w-3 mr-1" />
+          成功
+        </Badge>
+      );
+    case 'failed':
+      return (
+        <Badge variant="outline" className="border-red-500/30 text-red-400 bg-red-500/10">
+          <XCircle className="h-3 w-3 mr-1" />
+          失败
+        </Badge>
+      );
+    case 'deploying':
+      return (
+        <Badge variant="outline" className="border-blue-500/30 text-blue-400 bg-blue-500/10 animate-pulse">
+          <Loader2 className="h-3 w-3 mr-1 animate-spin" />
+          发布中
+        </Badge>
+      );
+    case 'building':
+      return (
+        <Badge variant="outline" className="border-amber-500/30 text-amber-400 bg-amber-500/10">
+          <Loader2 className="h-3 w-3 mr-1 animate-spin" />
+          构建中
+        </Badge>
+      );
+    case 'rolled_back':
+      return (
+        <Badge variant="outline" className="border-slate-500/30 text-slate-400 bg-slate-500/10">
+          <RotateCcw className="h-3 w-3 mr-1" />
+          已回滚
+        </Badge>
+      );
+    case 'pending':
+      return (
+        <Badge variant="outline" className="border-slate-500/30 text-slate-400 bg-slate-500/10">
+          <Clock className="h-3 w-3 mr-1" />
+          待发布
+        </Badge>
+      );
+    default:
+      return null;
+  }
+}
+
+// 环境徽章 // Logan.Li
+export function getEnvBadge(env: any) {
+  const colors: Record<string, string> = {
+    dev: 'border-slate-500/30 text-slate-400 bg-slate-500/10',
+    test: 'border-blue-500/30 text-blue-400 bg-blue-500/10',
+    staging: 'border-amber-500/30 text-amber-400 bg-amber-500/10',
+    prod: 'border-emerald-500/30 text-emerald-400 bg-emerald-500/10',
+  };
+  const labels: Record<string, string> = {
+    dev: '开发环境',
+    test: '测试环境',
+    staging: '预发布',
+    prod: '生产环境',
+  };
+  return (
+    <Badge variant="outline" className={colors[env] || colors.dev}>
+      {labels[env] || env}
+    </Badge>
+  );
+}
+
+// 模拟流水线步骤（详情弹窗使用） // Logan.Li
+export const PIPELINE_STEPS = [
+  { name: '代码检出', status: 'success', duration: '15s' },
+  { name: '依赖安装', status: 'success', duration: '45s' },
+  { name: '代码检查', status: 'success', duration: '30s' },
+  { name: '单元测试', status: 'success', duration: '2m 15s' },
+  { name: '构建镜像', status: 'success', duration: '3m 30s' },
+  { name: '推送镜像', status: 'success', duration: '1m 20s' },
+  { name: '部署到K8s', status: 'running', duration: '--' },
+  { name: '健康检查', status: 'pending', duration: '--' },
+];