feat(title): 预设卡片预览联动用户选择的字体 #1238

Merged

xiaoxia merged 5 commits from fix/preset-font-preview into develop 2026-08-04 18:03:26 +08:00

Conversation 5 Commits 5 Files Changed 3

+18 -4

xiaoxia commented 2026-08-04 17:46:40 +08:00

Owner

Copy Link

Copy Source

改动

预设样式卡片上的"标题"预览文字，现在会跟随用户选择的字体实时变化。

修改文件

1. TitlePresetsGrid.tsx — 新增 fontFamily prop，合并到预览文字 style
2. TitleStylePanel.tsx — 将 settings.font 传递给 TitlePresetsGrid

已确认的前置状态

• applyPreset 和 getActivePreset 已在 PR #1232 中解耦字号，仅比较 color/bold/italic/stroke/shadow
• 本次只补完"字体预览联动"的最后一环

## 改动 预设样式卡片上的"标题"预览文字，现在会跟随用户选择的字体实时变化。 ### 修改文件 1. **TitlePresetsGrid.tsx** — 新增 `fontFamily` prop，合并到预览文字 style 2. **TitleStylePanel.tsx** — 将 `settings.font` 传递给 TitlePresetsGrid ### 已确认的前置状态 - `applyPreset` 和 `getActivePreset` 已在 PR #1232 中解耦字号，仅比较 color/bold/italic/stroke/shadow - 本次只补完"字体预览联动"的最后一环

xiaoxia added 2 commits 2026-08-04 17:46:40 +08:00

feat(title): preset card preview shows user-selected font family 554cdb4ac5

feat(title): pass fontFamily to preset card preview for font linkage b790356269

gitea-actions bot commented 2026-08-04 17:48:21 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

项目	详情
PR号	#1238
预览链接	https://pr-1238.preview.xiaoxiajianji.com
API环境	staging

💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。

🔄 每次提交新代码后预览环境会自动更新。

🗑️ PR 关闭或合并后，预览环境会自动清理。

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1238 | | 预览链接 | [https://pr-1238.preview.xiaoxiajianji.com](https://pr-1238.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据，请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后，预览环境会自动清理。

xiaoxia added 1 commit 2026-08-04 17:49:49 +08:00

fix(test): TtsPanel 添加 afterEach cleanup 防止 unhandled window error e2e40a6325

xiaoxia added 1 commit 2026-08-04 17:51:16 +08:00

fix(test): TtsPanel afterEach cleanup prevents unhandled window error 42924a747f

xiaoxia added 1 commit 2026-08-04 17:55:04 +08:00

style: fix prettier formatting for TitleStylePanel.tsx 7b573f9fd0

auto-approve-bot commented 2026-08-04 17:56:28 +08:00

Collaborator

Copy Link

Copy Source

【阻塞级判定】

• 是否存在阻塞级问题：否
• 阻塞级问题数量：0 个

📊 审查概览

• 整体评价：通过
• 建议级问题数量：1 个

🔴 阻塞级问题（必须修复）

无

💡 改进建议（不阻塞合并）

1. [apps/web/src/test/pages/editing-planner/components/TtsPanel.test.tsx: 1, 19] 测试清理代码可能冗余
   • 具体内容：React Testing Library 从 v13 版本开始已默认在每个测试后自动执行 cleanup()。如果项目依赖的版本 >= 13，显式导入并调用 cleanup() 是多余的，可以移除以保持代码简洁。

✅ 良好实践

• 样式合并逻辑清晰：在 TitlePresetsGrid.tsx 中使用对象展开运算符 (...) 来合并 previewStyle 和 fontFamily，这种方式简洁且能正确处理样式覆盖。
• 类型定义完善：新增的 fontFamily 属性标记为可选 (fontFamily?: string)，确保了组件的向后兼容性，避免破坏现有调用。
• Props 传递安全：在 TitleStylePanel.tsx 中传递 settings.font 时，即使该值未定义，子组件也能通过三元运算符安全处理。

---

_{🤖 由 AI 代码审查机器人自动生成 | 2026-08-04 09:56:28 | 模型:}

### 【阻塞级判定】 - 是否存在阻塞级问题：否 - 阻塞级问题数量：0 个 ### 📊 审查概览 - 整体评价：通过 - 建议级问题数量：1 个 ### 🔴 阻塞级问题（必须修复） 无 ### 💡 改进建议（不阻塞合并） 1. **[apps/web/src/test/pages/editing-planner/components/TtsPanel.test.tsx: 1, 19] 测试清理代码可能冗余** - 具体内容：React Testing Library 从 v13 版本开始已默认在每个测试后自动执行 `cleanup()`。如果项目依赖的版本 >= 13，显式导入并调用 `cleanup()` 是多余的，可以移除以保持代码简洁。 ### ✅ 良好实践 - **样式合并逻辑清晰**：在 `TitlePresetsGrid.tsx` 中使用对象展开运算符 (`...`) 来合并 `previewStyle` 和 `fontFamily`，这种方式简洁且能正确处理样式覆盖。 - **类型定义完善**：新增的 `fontFamily` 属性标记为可选 (`fontFamily?: string`)，确保了组件的向后兼容性，避免破坏现有调用。 - **Props 传递安全**：在 `TitleStylePanel.tsx` 中传递 `settings.font` 时，即使该值未定义，子组件也能通过三元运算符安全处理。 --- _{🤖 由 AI 代码审查机器人自动生成 | 2026-08-04 09:56:28 | 模型:} <!-- AI_CODE_REVIEW_AUTO_COMMENT -->

auto-approve-bot approved these changes 2026-08-04 17:56:53 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-08-04 17:56:53 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

xiaoxia merged commit 2fefc9659f into develop 2026-08-04 18:03:26 +08:00

gitea-actions bot commented 2026-08-04 18:04:05 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

PR #1238 已关闭或合并，对应的预览环境已被清理。

如有需要，可以重新打开 PR 来重新生成预览环境。

🗑️ **预览环境已清理** PR #1238 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 PR 来重新生成预览环境。

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1238