feat(scripts): #1893 文案库对接三个AI能力（抖音提取/AI改写/AI生成标题） #1935

Merged

xiaoxia merged 4 commits from feature/1893-scripts-ai into develop 2026-09-15 16:49:05 +08:00

Conversation 4 Commits 4 Files Changed 4

+537 -19

xiaoxia commented 2026-09-15 16:15:21 +08:00

Owner

Copy Link

Copy Source

背景

后端 PR#1930 已在 /api/v1/scripts 下新增三个 AI 端点（staging 已部署，81180d1），前端 ScriptLibrary 页面还看不到入口。本次补 UI 对接。

改动

新增文件

• src/api/scripts/scripts-ai.ts：封装三个 AI 端点
  • extractScriptFromDouyin({url}) → POST /scripts/extract-from-douyin，timeout 60s（ASR 较慢）
  • aiRewriteScript({content, style}) → POST /scripts/ai-rewrite，style 支持「口语化/正式/活泼/治愈/励志」
  • aiGenerateTitles({content, count}) → POST /scripts/ai-generate-titles
• 所有 AI 接口直接走真实 API，不走 SCRIPTS_API_MOCK 开关

修改文件

• src/api/scripts/index.ts：barrel 追加导出 scripts-ai
• src/pages/scripts/ScriptLibrary.tsx（约 +340 行）
  • 顶部工具栏「🎬 从抖音提取」按钮 → Modal 输入链接 → loading（Spin 提示）→ 成功后自动打开「新建文案」弹窗并预填 content
  • 新建/编辑弹窗 content TextArea 下方加 AI 改写工具条（风格 Select + ✨ AI 改写 按钮）→ 对比弹窗（原文/改写并列），用户选「应用改写/保留原文」
  • title 字段 label 内联「✨ AI 生成标题」按钮（BulbOutlined）→ 基于当前 content 生成 3 个候选，点击候选 Tag 直接填入 title
  • content 为空时「AI 生成标题」按钮自动禁用并提示
  • 错误处理复用全局拦截器 + extractErrMsg 兜底提取 detail
• src/pages/scripts/scripts.css（+100 行）：新增 AI 相关样式（紫/紫蓝渐变，沿用 --border-color/--text-* CSS 变量，响应式兼容）

验收

• 列表页可见「从抖音提取」「新建文案」两个按钮
• 新建/编辑弹窗：content 下方有「口语化 + ✨ AI 改写」工具条；title 标签后有「✨ AI 生成标题」按钮
• 三个按钮 loading 态正确，失败展示后端 detail
• CRUD 原有逻辑未动，SCRIPTS_API_MOCK 仍为 true
• Prettier 格式化完成

关联：#1893、后端 PR#1930

## 背景 后端 PR#1930 已在 /api/v1/scripts 下新增三个 AI 端点（staging 已部署，81180d1），前端 ScriptLibrary 页面还看不到入口。本次补 UI 对接。 ## 改动 ### 新增文件 - `src/api/scripts/scripts-ai.ts`：封装三个 AI 端点 - `extractScriptFromDouyin({url})` → POST /scripts/extract-from-douyin，timeout 60s（ASR 较慢） - `aiRewriteScript({content, style})` → POST /scripts/ai-rewrite，style 支持「口语化/正式/活泼/治愈/励志」 - `aiGenerateTitles({content, count})` → POST /scripts/ai-generate-titles - 所有 AI 接口直接走真实 API，不走 SCRIPTS_API_MOCK 开关 ### 修改文件 - `src/api/scripts/index.ts`：barrel 追加导出 scripts-ai - `src/pages/scripts/ScriptLibrary.tsx`（约 +340 行） - 顶部工具栏「🎬 从抖音提取」按钮 → Modal 输入链接 → loading（Spin 提示）→ 成功后自动打开「新建文案」弹窗并预填 content - 新建/编辑弹窗 content TextArea 下方加 AI 改写工具条（风格 Select + ✨ AI 改写 按钮）→ 对比弹窗（原文/改写并列），用户选「应用改写/保留原文」 - title 字段 label 内联「✨ AI 生成标题」按钮（BulbOutlined）→ 基于当前 content 生成 3 个候选，点击候选 Tag 直接填入 title - content 为空时「AI 生成标题」按钮自动禁用并提示 - 错误处理复用全局拦截器 + `extractErrMsg` 兜底提取 detail - `src/pages/scripts/scripts.css`（+100 行）：新增 AI 相关样式（紫/紫蓝渐变，沿用 --border-color/--text-* CSS 变量，响应式兼容） ## 验收 - 列表页可见「从抖音提取」「新建文案」两个按钮 - 新建/编辑弹窗：content 下方有「口语化 + ✨ AI 改写」工具条；title 标签后有「✨ AI 生成标题」按钮 - 三个按钮 loading 态正确，失败展示后端 detail - CRUD 原有逻辑未动，SCRIPTS_API_MOCK 仍为 true - Prettier 格式化完成 关联：#1893、后端 PR#1930

xiaoxia added 4 commits 2026-09-15 16:15:21 +08:00

feat(scripts): #1893 add ScriptLibrary.tsx 1381f94fad

feat(scripts): #1893 add scripts.css 49e9791746

feat(scripts): #1893 add scripts-ai.ts 96b12c9b68

feat(scripts): #1893 add index.ts 5e8baa68e0

auto-approve-bot approved these changes 2026-09-15 16:17:02 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-09-15 16:17:02 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

gitea-actions bot commented 2026-09-15 16:17:27 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

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

xiaoxia merged commit dc0a5834f1 into develop 2026-09-15 16:49:05 +08:00

gitea-actions bot commented 2026-09-15 16:49:47 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

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

Sign in to join this conversation.

Reviewers

No Reviewers

auto-approve-bot

Labels

Clear labels

architecture

架构设计

backend

后端相关

blocked

阻塞中

bug

Bug修复

ci-bug

CI本身的bug

ci-optimization

CI优化类任务

ci-pipeline

CI流水线/workflow相关

cleanup

代码清理

devops

运维/部署/CI

documentation

文档相关

feature

新功能

frontend

前端相关

P0

阻塞性，必须立即处理

P1

高优先级

P2

中优先级

P3

低优先级/后考虑

question

需要讨论确认

ready

PR CI通过，可合并

refactor

代码重构

No Label

Milestone

No items

No Milestone

Projects

Clear projects

No project

Assignees

Clear assignees

auto-approve-bot frontend-dev xiaoxia

No Assignees

3 Participants

Notifications

Subscribe

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: xiaoxia/xiaoxia-saas#1935