fix(P0): 成品库分页加载更多 + AI数字人渲染传 project_id 入库 #1862

Merged

auto-approve-bot merged 5 commits from fix/products-pagination-and-ai-avatar-projectid into develop 2026-09-11 18:23:32 +08:00

Conversation 4 Commits 5 Files Changed 4

+151 -44

xiaoxia commented 2026-09-11 18:07:57 +08:00

Owner

Copy Link

Copy Source

问题1：成品库只显示20条视频，下拉加载更多

后端 GET /api/v1/videos 支持分页（page/page_size，返回 {items,total,page,page_size}），前端没传分页参数也没实现加载更多。

修复：

• getProducts() 改为接收 {page, page_size} 并返回 {items, total, page, page_size}
• useProductList 改用 useInfiniteQuery（@tanstack/react-query 已有），page_size=20，getNextPageParam 自动翻页
• ProductLibrary.tsx 用原生 IntersectionObserver 监听列表底部哨兵 div（rootMargin:200px），进入视口自动 fetchNextPage 实现无限滚动
• 加载下一页时显示 LoadingOutlined；无更多时显示「—— 已加载全部 ——」
• 首次加载仍走 ProductEmptyState loading，翻页加载追加到现有列表不闪屏

问题2：AI数字人渲染完成后视频不在成品库

submitRender 调用没传 project_id，后端要求 project_id 非空导致入库失败。

修复：提交渲染前调用 getOrCreateDefaultProject() 拿到默认项目，传 project_id: defaultProject.id。AI数字人入口独立不在项目内，自动取用户默认项目（素材库上传也是这个逻辑）。

问题3：smart-cover 超时

之前 PR #1861 已合入（60s→120s），本次不重复改。

改动文件（4个，仅前端）

• apps/web/src/api/products/products.ts
• apps/web/src/pages/products/hooks/useProductList/index.ts
• apps/web/src/pages/products/ProductLibrary.tsx
• apps/web/src/pages/ai-avatar/AiAvatarPage.tsx

不破坏其他功能，筛选/批量操作/卡片交互逻辑不变。

## 问题1：成品库只显示20条视频，下拉加载更多 后端 GET /api/v1/videos 支持分页（page/page_size，返回 {items,total,page,page_size}），前端没传分页参数也没实现加载更多。 修复： - `getProducts()` 改为接收 `{page, page_size}` 并返回 `{items, total, page, page_size}` - `useProductList` 改用 `useInfiniteQuery`（@tanstack/react-query 已有），page_size=20，`getNextPageParam` 自动翻页 - `ProductLibrary.tsx` 用原生 `IntersectionObserver` 监听列表底部哨兵 div（rootMargin:200px），进入视口自动 fetchNextPage 实现无限滚动 - 加载下一页时显示 LoadingOutlined；无更多时显示「—— 已加载全部 ——」 - 首次加载仍走 ProductEmptyState loading，翻页加载追加到现有列表不闪屏 ## 问题2：AI数字人渲染完成后视频不在成品库 `submitRender` 调用没传 `project_id`，后端要求 project_id 非空导致入库失败。 修复：提交渲染前调用 `getOrCreateDefaultProject()` 拿到默认项目，传 `project_id: defaultProject.id`。AI数字人入口独立不在项目内，自动取用户默认项目（素材库上传也是这个逻辑）。 ## 问题3：smart-cover 超时 之前 PR #1861 已合入（60s→120s），本次不重复改。 ## 改动文件（4个，仅前端） - apps/web/src/api/products/products.ts - apps/web/src/pages/products/hooks/useProductList/index.ts - apps/web/src/pages/products/ProductLibrary.tsx - apps/web/src/pages/ai-avatar/AiAvatarPage.tsx 不破坏其他功能，筛选/批量操作/卡片交互逻辑不变。

xiaoxia added 4 commits 2026-09-11 18:07:57 +08:00

fix: 成品库分页无限滚动 + AI数字人渲染传 project_id 修复入库 fd1021d74c

fix: 成品库分页无限滚动 + AI数字人渲染传 project_id 修复入库 79a135995b

fix: 成品库分页无限滚动 + AI数字人渲染传 project_id 修复入库 a4f7f0ac20

fix: 成品库分页无限滚动 + AI数字人渲染传 project_id 修复入库 14630ca966

xiaoxia added 1 commit 2026-09-11 18:16:15 +08:00

fix: 补传 titleConfig prop（与 #1860 的 PanelCoverAndGenerateProps 对齐） 28e3d24491

auto-approve-bot approved these changes 2026-09-11 18:17:31 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-09-11 18:17:31 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

gitea-actions bot commented 2026-09-11 18:18:01 +08:00

Copy Link

Copy Source

🚀 预览环境已部署

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

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

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

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

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

auto-approve-bot merged commit 96bf62b00c into develop 2026-09-11 18:23:32 +08:00

auto-approve-bot deleted branch fix/products-pagination-and-ai-avatar-projectid 2026-09-11 18:23:32 +08:00

gitea-actions bot commented 2026-09-11 18:23:55 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

🗑️ **预览环境已清理** PR #1862 已关闭或合并，对应的预览环境已被清理。 > 如有需要，可以重新打开 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#1862