feat(web): 标题样式模板化 + 修复3个爆款预设bug #2014
Merged
auto-approve-bot
merged 1 commits from 2026-09-22 22:53:56 +08:00
feat/title-template-system into develop
1 Commits
| Author | SHA1 | Message | Date | |
|---|---|---|---|---|
 saas-frontend
|
566a728dda |
feat(web): 标题模板系统 + 修复3个预设bug (#2003)
CI/CD Pipeline / Check push changed paths (pull_request) Has been skipped
CI/CD Pipeline / Dedup Check - skip PR tests when covered by push pipeline (pull_request) Successful in 2s
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Check if frontend-only change (pull_request) Successful in 2s
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Retag skipped Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / Staging E2E Tests (pull_request) Has been skipped
CI/CD Pipeline / Staging API Integration Tests (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (pull_request) Has been skipped
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 1m23s
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 1m37s
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 1m42s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m52s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m57s
CI/CD Pipeline / Validate - Style (pull_request) Successful in 4m36s
CI/CD Pipeline / Validate - Python (mypy + alembic) (pull_request) Successful in 5m8s
AI Code Review / AI Code Review (pull_request) Successful in 6m35s
CI/CD Pipeline / Validate - Security (pull_request) Successful in 12m13s
CI/CD Pipeline / Build Production API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Production Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 1s
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 11m3s
ACR Cleanup / ACR Image Cleanup (pull_request_target) Failing after 35s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m6s
Bug 修复： - useTitleStyleUpdaters.applyPreset：snake_case preset.style 错误 spread 到 camelCase TitleSettings 导致选预设后改字体/描边/阴影/背景等细粒度参数不生效，改用 @/components/title/utils 的 titleStyleConfigToCamel 做显式键名转换 - toggleStroke：开启描边时若 strokeWidth<2 自动给默认值4，修滑块不可调 - PresetGrid 预览：原 width=100 按 preset 自身 size(44~80) 渲染，导致卡片中 "标题"两字视觉大小不一、小的看不清。新增 buildPresetPreviewSettings 归一化 到固定56号+描边/阴影/背景按比例缩放，canvas宽度改为120 标题模板系统（参考字幕模板交互）： - 新建 @/components/title/template-types.ts TitleTemplate 类型（sys:/usr:双结构） - 新建 useTitleTemplates hook：localStorage 持久化 + 内置10个预设系统模板 + 自定义模板 CRUD（新建/复制/更新/删除/导出JSON/导入JSON） - 新建 TitleTemplateSelector 弹窗：4列卡片网格，卡片含Canvas预览+系统/我的标签+ 选中勾+hover显示编辑/复制/导出/删除图标；顶部+新建模板按钮 - 新建 TitleTemplateEditor 编辑器：左侧320×180实时预览，右侧复用 TitleStylePanel 细粒度调节，内联表单填emoji/名称(必填)/描述(可选)，保存自动写localStorage - TitleStylePanel 新增 enableTemplates/onOpenTemplates/activeTemplateLabel 三个 props，开启时旧PresetGrid隐藏，改为"标题模板"标签行+"选择模板"按钮 - generate 页入口：GeneratePage 增加 titleTemplateModalOpen 状态+TitleTemplateSelector， 通过 GenerateStepContent/Step4TitleSettings 透传到 TitleStylePanel，选择模板后 用新增的 applyTemplate 方法覆盖样式字段（保留title/aiAutoSelect/coverTitle） - ai-avatar 入口：PanelTitleConfig 同样接入模板弹窗，选中后把 camelCase settings 转回 snake_case 调 onUpdate 共 13 文件：6 新建 + 7 修改。TitleStylePanel 作为公共组件改完后，智能剪辑 和 AI数字人两个页面的字体/标题配置都通过弹窗选模板。 |