fix: 自动生成封面添加用户提示 (#1317) #1328

Merged
auto-approve-bot merged 1 commits from fix/cover-auto-generate-feedback into develop 2026-08-10 10:21:00 +08:00
Owner

修复问题

1. 自动生成封面点击无反应

  • 根因: generateAutoCover 函数在条件不满足时静默返回,无任何用户提示
  • 修复: 添加明确的错误提示
    • 未选择模板 → "请先选择模板"
    • 未选择素材 → "请先选择素材"
    • 生成中重复点击 → "封面正在生成中,请稍候..."
    • 生成成功 → "封面生成成功"
    • 生成失败 → "封面生成失败,请稍后重试"

2. 封面生成结果未反馈

  • 修复: 添加 success/warning/error 三种状态提示

影响范围

  • 仅影响 apps/web/src/pages/generate/hooks/useStep6Cover.ts
  • 前端交互体验优化
## 修复问题 ### 1. 自动生成封面点击无反应 - **根因**: `generateAutoCover` 函数在条件不满足时静默返回,无任何用户提示 - **修复**: 添加明确的错误提示 - 未选择模板 → "请先选择模板" - 未选择素材 → "请先选择素材" - 生成中重复点击 → "封面正在生成中,请稍候..." - 生成成功 → "封面生成成功" - 生成失败 → "封面生成失败,请稍后重试" ### 2. 封面生成结果未反馈 - **修复**: 添加 success/warning/error 三种状态提示 ## 影响范围 - 仅影响 `apps/web/src/pages/generate/hooks/useStep6Cover.ts` - 前端交互体验优化
xiaoxia added 1 commit 2026-08-10 10:16:03 +08:00
fix: 自动生成封面添加用户提示,修复静默返回问题 (#1317)
CI/CD Pipeline / Build Staging API Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Web Image (pull_request) Has been skipped
CI/CD Pipeline / Build Staging Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Deploy Staging (Watchtower auto-deploy) (pull_request) Has been skipped
CI/CD Pipeline / ACR Image Cleanup (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 / Check if frontend-only change (pull_request) Successful in 49s
CI/CD Pipeline / Unit Tests (pull_request) Has been skipped
CI/CD Pipeline / PR Build API Image (pull_request) Has been skipped
CI/CD Pipeline / Validate - Migration (alembic) (pull_request) Successful in 56s
CI/CD Pipeline / PR Build Worker Image (pull_request) Has been skipped
CI/CD Pipeline / Validate - Type Check (mypy) (pull_request) Successful in 1m1s
CI/CD Pipeline / Frontend Unit Tests (pull_request) Successful in 37s
Preview Deploy / Deploy Preview Environment (pull_request) Successful in 1m31s
PR Automation / Auto Merge on CI Green + Approved (pull_request) Successful in 1m48s
CI/CD Pipeline / Frontend Lint (pull_request) Successful in 57s
PR Automation / Auto Approve on CI Green (pull_request) Successful in 1m51s
AI Code Review / AI Code Review (pull_request) Successful in 2m37s
CI/CD Pipeline / PR Build Web Image (pull_request) Successful in 2m1s
CI/CD Pipeline / Validate - Code Quality (pull_request) Successful in 2m59s
CI/CD Pipeline / Integration Tests (pull_request) Has been skipped
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 / Deploy Production (pull_request) Has been skipped
CI/CD Pipeline / Canary Release to Production (pull_request) Has been skipped
CI/CD Pipeline / Production Browser E2E (pull_request) Has been skipped
CI/CD Pipeline / CI Gate (pull_request) Successful in 10s
ACR Cleanup / ACR Image Cleanup (pull_request_target) Successful in 1m8s
Preview Cleanup / Cleanup Preview Environment (pull_request) Successful in 1m18s
5af83567a4

🚀 预览环境已部署

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

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

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

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

🚀 **预览环境已部署** | 项目 | 详情 | |------|------| | PR号 | #1328 | | 预览链接 | [https://pr-1328.preview.xiaoxiajianji.com](https://pr-1328.preview.xiaoxiajianji.com) | | API环境 | staging | > 💡 预览环境使用 staging API 数据,请勿在预览环境中操作重要数据。 > > 🔄 每次提交新代码后预览环境会自动更新。 > > 🗑️ PR 关闭或合并后,预览环境会自动清理。
auto-approve-bot approved these changes 2026-08-10 10:17:54 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
auto-approve-bot approved these changes 2026-08-10 10:17:54 +08:00
auto-approve-bot left a comment
Collaborator

CI全绿,自动审批通过。

CI全绿,自动审批通过。
Collaborator

【阻塞级判定】

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

📊 审查概览

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

🔴 阻塞级问题(必须修复)

💡 改进建议(不阻塞合并)

  1. [useStep6Cover.ts: 99] 建议补充异常数据日志
    • 具体内容:在 else 分支中(即接口调用成功但未返回图片 URL 时),建议增加 console.warn 打印 response 的完整内容。这有助于在出现“生成成功但无图片”的情况时,快速定位是后端数据结构变化还是业务逻辑问题。

良好实践

  1. 状态管理严谨:在 finally 块中重置 generatingRef.current = false,确保无论接口成功或失败,锁状态都能被正确释放,避免死锁。
  2. 用户体验优化:将原本合并的前置条件校验拆分为独立的 if 块,并配合 message.error/warning 给出具体的错误提示,使用户能明确知道操作失败的原因(如未选模板、未选素材等)。
  3. 防御性编程:使用可选链 response.cover?.thumbnail_url 访问嵌套属性,有效避免了空指针异常导致的崩溃。

🤖 由 AI 代码审查机器人自动生成 | 2026-08-10 02:18:41 | 模型:

### 【阻塞级判定】 - 是否存在阻塞级问题:否 - 阻塞级问题数量:0 个 ### 📊 审查概览 - 整体评价:通过 - 建议级问题数量:1 个 ### 🔴 阻塞级问题(必须修复) 无 ### 💡 改进建议(不阻塞合并) 1. **[useStep6Cover.ts: 99] 建议补充异常数据日志** - 具体内容:在 `else` 分支中(即接口调用成功但未返回图片 URL 时),建议增加 `console.warn` 打印 `response` 的完整内容。这有助于在出现“生成成功但无图片”的情况时,快速定位是后端数据结构变化还是业务逻辑问题。 ### ✅ 良好实践 1. **状态管理严谨**:在 `finally` 块中重置 `generatingRef.current = false`,确保无论接口成功或失败,锁状态都能被正确释放,避免死锁。 2. **用户体验优化**:将原本合并的前置条件校验拆分为独立的 `if` 块,并配合 `message.error/warning` 给出具体的错误提示,使用户能明确知道操作失败的原因(如未选模板、未选素材等)。 3. **防御性编程**:使用可选链 `response.cover?.thumbnail_url` 访问嵌套属性,有效避免了空指针异常导致的崩溃。 --- <sub>🤖 由 AI 代码审查机器人自动生成 | 2026-08-10 02:18:41 | 模型: </sub> <!-- AI_CODE_REVIEW_AUTO_COMMENT -->
auto-approve-bot merged commit f3b98a5ff4 into develop 2026-08-10 10:21:00 +08:00
auto-approve-bot deleted branch fix/cover-auto-generate-feedback 2026-08-10 10:21:00 +08:00

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1328 已关闭或合并,对应的预览环境已被清理。 > 如有需要,可以重新打开 PR 来重新生成预览环境。
Sign in to join this conversation.