Gmarker689
ecb74a2aed
后端:
- 异步生成: POST /api/v1/generate 立即返回 taskId，后台执行管线
- 任务轮询: GET /api/v1/tasks/:id + GET /api/v1/tasks/:id/assets
- 图片保存: 生成图片写入 ../generation/{projectId}/{taskId}/，静态服务
- 图片编辑: POST /api/v1/images/edit (multipart/form-data)
- JWT 中间件: mildware/auth.go 保护生成/编辑端点
- config.yml 清空敏感默认值，交由 .env 控制
- ImageGenConfig 新增 Quality 字段
前端:
- api/generate.ts: 对接真实 API (submitGenerate + poll getTask/getAssets)
- api/types.ts: 新增 GenerateResponse, AssetsResponse, Task 类型
- stores/generation.ts: 异步提交→轮询进度→获取素材→完成
- stores/task.ts: 默认分辨率 256→1024
- GenerateForm: 分辨率范围 1024-1536
- GeneratePage: 显示状态文本，完成后可查看结果/继续生成
- ResultPage: 从 store 读取，下载功能实现
67 lines
1.8 KiB
TypeScript
Executable File
67 lines
1.8 KiB
TypeScript
Executable File
import { Link, Outlet } from 'react-router-dom'
|
|
import { useAuthStore } from '../stores/auth'
|
|
import { useThemeStore } from '../stores/theme'
|
|
import ToastContainer from './Toast'
|
|
|
|
export default function Layout() {
|
|
const { user, logout } = useAuthStore()
|
|
const { theme, toggleTheme } = useThemeStore()
|
|
|
|
return (
|
|
<>
|
|
<nav
|
|
style={{
|
|
position: 'sticky',
|
|
top: 0,
|
|
zIndex: 100,
|
|
background: 'var(--nav-bg)',
|
|
borderBottom: '1px solid var(--nav-border)',
|
|
height: 56,
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'space-between',
|
|
padding: '0 24px',
|
|
transition: 'background-color 0.3s ease, border-color 0.3s ease',
|
|
}}
|
|
>
|
|
<Link
|
|
to="/"
|
|
style={{
|
|
fontSize: 20,
|
|
fontWeight: 700,
|
|
color: 'var(--accent)',
|
|
textDecoration: 'none',
|
|
}}
|
|
>
|
|
gen2d
|
|
</Link>
|
|
|
|
<div style={{ display: 'flex', gap: 12, alignItems: 'center' }}>
|
|
<button
|
|
onClick={toggleTheme}
|
|
className="btn-secondary"
|
|
style={{ padding: '6px 10px', fontSize: 16, lineHeight: 1 }}
|
|
title={theme === 'light' ? '切换到暗色模式' : '切换到浅色模式'}
|
|
>
|
|
{theme === 'light' ? '☾' : '☀'}
|
|
</button>
|
|
<span style={{ fontSize: 13, color: 'var(--text-secondary)' }}>
|
|
{user?.username}
|
|
</span>
|
|
<button
|
|
className="btn-secondary"
|
|
onClick={logout}
|
|
style={{ padding: '6px 16px', fontSize: 13 }}
|
|
>
|
|
退出
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<main>
|
|
<Outlet />
|
|
</main>
|
|
<ToastContainer />
|
|
</>
|
|
)
|
|
}
|