refactor(editing-planner): Phase 3 - extract business hooks #903

Merged

xiaoxia merged 2 commits from refactor/editing-planner-phase3 into develop 2026-07-26 07:58:48 +08:00

Conversation 3 Commits 2 Files Changed 8

+1021 -763

xiaoxia commented 2026-07-26 01:24:07 +08:00

Owner

Copy Link

Copy Source

Phase 3 — 抽取业务 Hook

将 EditingPlanner.tsx 中的业务逻辑抽成 4 个自定义 Hook：

Hook	行数	职责
useTemplateManagement	~459	模板列表/详情/计划加载、保存、模式切换、筛选搜索、3个useEffect
useClipOperations	~231	片段增删改查、重排、裁剪、分割、转场、调速、TTS、配音选择
usePlaybackControl	~56	播放/暂停、rAF帧推进、时间线缩放、seek
useEditorDrawers	~78	11个抽屉开关 + 3个目标片段ID + 快捷打开方法

主文件变化

• 重构前：1013 行
• 重构后：425 行
• 减少：588 行（-58%）

保留在主文件

• 全局配置 state（11个配置项）
• useUndoRedo（最上层管理 clips/setClips）
• voiceMaterialsQuery（useQuery，全局缓存共享）
• 素材库 state + 右侧栏 Tab
• 6 个配置变更 handler（简单 setter 包装）

质量

• 仅移动代码，逻辑等价
• 新文件权限 644
• smoke test 已覆盖 4 个新 Hook
• Phase 2 基础上继续，按顺序合并

## Phase 3 — 抽取业务 Hook 将 EditingPlanner.tsx 中的业务逻辑抽成 4 个自定义 Hook： | Hook | 行数 | 职责 | |------|------|------| | `useTemplateManagement` | ~459 | 模板列表/详情/计划加载、保存、模式切换、筛选搜索、3个useEffect | | `useClipOperations` | ~231 | 片段增删改查、重排、裁剪、分割、转场、调速、TTS、配音选择 | | `usePlaybackControl` | ~56 | 播放/暂停、rAF帧推进、时间线缩放、seek | | `useEditorDrawers` | ~78 | 11个抽屉开关 + 3个目标片段ID + 快捷打开方法 | ### 主文件变化 - **重构前**：1013 行 - **重构后**：425 行 - **减少**：588 行（-58%） ### 保留在主文件 - 全局配置 state（11个配置项） - `useUndoRedo`（最上层管理 clips/setClips） - `voiceMaterialsQuery`（useQuery，全局缓存共享） - 素材库 state + 右侧栏 Tab - 6 个配置变更 handler（简单 setter 包装） ### 质量 - 仅移动代码，逻辑等价 - 新文件权限 644 - smoke test 已覆盖 4 个新 Hook - Phase 2 基础上继续，按顺序合并

xiaoxia force-pushed refactor/editing-planner-phase3 from 97aba1623e to 12807debac 2026-07-26 03:08:24 +08:00 Compare

auto-approve-bot approved these changes 2026-07-26 03:10:33 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

auto-approve-bot approved these changes 2026-07-26 03:10:33 +08:00

auto-approve-bot left a comment

Collaborator

Copy Link

Copy Source

CI全绿，自动审批通过。

CI全绿，自动审批通过。

xiaoxia added 1 commit 2026-07-26 03:39:59 +08:00

refactor(editing-planner): Phase 3 - extract business hooks ... a1bda3e484

Extract 4 business hooks from EditingPlanner.tsx:
- useEditorDrawers (78行): 11个抽屉开关 + 目标ID + 快捷打开
- usePlaybackControl (56行): 播放/暂停、rAF帧推进、缩放、seek
- useClipOperations (231行): 片段CRUD、重排、裁剪、分割、转场、调速、TTS、配音
- useTemplateManagement (459行): 模板列表/详情/计划加载、保存、模式切换、筛选搜索

主文件: 997→415行（-58%）

xiaoxia force-pushed refactor/editing-planner-phase3 from 12807debac to a1bda3e484 2026-07-26 03:39:59 +08:00 Compare

xiaoxia added 1 commit 2026-07-26 07:42:36 +08:00

fix(ts): remove unused TemplateMode import (TS6133) 4105a4df41

xiaoxia force-pushed refactor/editing-planner-phase3 from 1d039e155d to 4105a4df41 2026-07-26 07:42:36 +08:00 Compare

xiaoxia merged commit 07805e72c5 into develop 2026-07-26 07:58:48 +08:00

gitea-actions bot commented 2026-07-26 07:59:21 +08:00

Copy Link

Copy Source

🗑️ 预览环境已清理

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

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

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