@@ -500,21 +486,18 @@ export const MediaViewer = React.memo(function MediaViewer({
{/* 操作按钮组 */}
{/* 底部控制区域 */}
@@ -535,7 +518,6 @@ export const MediaViewer = React.memo(function MediaViewer({
>
@@ -557,9 +539,7 @@ export const MediaViewer = React.memo(function MediaViewer({
return (
onControlsChange(true)}
- onMouseLeave={() => onControlsChange(false)}
+ className="relative w-full h-full rounded-lg group"
>
{/* 状态 */}
{currentSketch.status === 0 && (
@@ -590,21 +570,18 @@ export const MediaViewer = React.memo(function MediaViewer({
{/* 操作按钮组 */}
- {showControls && (
-
- handleEditClick('1')}
- />
-
- )}
+
+ handleEditClick('1')}
+ />
+
{/* 底部播放按钮 */}
diff --git a/components/pages/work-flow/use-workflow-data.tsx b/components/pages/work-flow/use-workflow-data.tsx
index aadda90..01d62e1 100644
--- a/components/pages/work-flow/use-workflow-data.tsx
+++ b/components/pages/work-flow/use-workflow-data.tsx
@@ -1,6 +1,6 @@
'use client';
-import { useState, useEffect, useCallback, useRef } from 'react';
+import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
import { useSearchParams } from 'next/navigation';
import { detailScriptEpisodeNew, getScriptTitle, getRunningStreamData, pauseMovieProjectPlan, resumeMovieProjectPlan } from '@/api/video_flow';
import { useAppDispatch, useAppSelector } from '@/lib/store/hooks';
@@ -42,7 +42,7 @@ type ApiStep = keyof typeof STEP_MAP;
export function useWorkflowData() {
- console.log('98877766777777888888990')
+ console.log('init-useWorkflowData')
const searchParams = useSearchParams();
const episodeId = searchParams.get('episodeId') || '';
@@ -78,13 +78,10 @@ export function useWorkflowData() {
// 更新 taskObject 的类型
const [taskObject, setTaskObject] = useState
(tempTaskObject.current);
- const [originalText, setOriginalText] = useState('');
- const [scriptData, setScriptData] = useState(null);
const [taskSketch, setTaskSketch] = useState([]);
const [taskScenes, setTaskScenes] = useState([]);
const [taskShotSketch, setTaskShotSketch] = useState([]);
const [taskVideos, setTaskVideos] = useState([]);
- const [isLoading, setIsLoading] = useState(true);
const [currentStep, setCurrentStep] = useState('0');
const [currentSketchIndex, setCurrentSketchIndex] = useState(0);
const [isGeneratingSketch, setIsGeneratingSketch] = useState(false);
@@ -97,7 +94,11 @@ export function useWorkflowData() {
const [dataLoadError, setDataLoadError] = useState(null);
const [needStreamData, setNeedStreamData] = useState(false);
const [isPauseWorkFlow, setIsPauseWorkFlow] = useState(false);
- const [mode, setMode] = useState<'automatic' | 'manual' | 'auto'>('automatic');
+ const [state, setState] = useState({
+ mode: 'automatic' as 'automatic' | 'manual' | 'auto',
+ originalText: '',
+ isLoading: true
+ });
const dispatch = useAppDispatch();
@@ -110,12 +111,8 @@ export function useWorkflowData() {
applyScript
} = useScriptService();
// 监听剧本加载完毕
- useEffect(() => {
- if (scriptBlocksMemo.length > 0) {
- console.log('scriptBlocksMemo 更新:', scriptBlocksMemo);
- setScriptData(scriptBlocksMemo);
- // setCurrentLoadingText(LOADING_TEXT_MAP.script);
- }
+ const scriptData = useMemo(() => {
+ return scriptBlocksMemo.length > 0 ? scriptBlocksMemo : null;
}, [scriptBlocksMemo]);
// 监听继续 请求更新数据
useUpdateEffect(() => {
@@ -418,7 +415,7 @@ export function useWorkflowData() {
} catch (error) {
console.error('获取数据失败:', error);
}
- }, [episodeId, needStreamData, roles.length, taskShotSketch.length]);
+ }, [episodeId, needStreamData]);
// 轮询获取流式数据
useUpdateEffect(() => {
@@ -440,12 +437,15 @@ export function useWorkflowData() {
const initializeWorkflow = async () => {
if (!episodeId) {
setDataLoadError('缺少必要的参数');
- setIsLoading(false);
return;
}
try {
- setIsLoading(true);
+ setState({
+ mode: 'automatic' as 'automatic' | 'manual' | 'auto',
+ originalText: '',
+ isLoading: true
+ });
setCurrentLoadingText('loading project info...');
// 获取剧集详情
@@ -455,9 +455,6 @@ export function useWorkflowData() {
}
const { name, status, data, tags, mode, original_text } = response.data;
- setMode(mode as 'automatic' | 'manual' | 'auto');
- setOriginalText(original_text);
- setIsLoading(false);
const { current: taskCurrent } = tempTaskObject;
@@ -585,15 +582,20 @@ export function useWorkflowData() {
console.log('---look-taskData', taskCurrent);
if (taskCurrent.currentStage === 'script') {
- console.log('开始初始化剧本', originalText,episodeId);
+ console.log('开始初始化剧本', original_text,episodeId);
// TODO 为什么一开始没项目id
- originalText && initializeFromProject(episodeId, originalText).then(() => {
+ original_text && initializeFromProject(episodeId, original_text).then(() => {
console.log('应用剧本');
// 自动模式下 应用剧本；手动模式 需要点击 下一步 触发
mode.includes('auto') && applyScript();
});
}
+ setState({
+ mode: mode as 'automatic' | 'manual' | 'auto',
+ originalText: original_text,
+ isLoading: false
+ });
// 设置步骤
setTaskObject(prev => {
const newState = JSON.parse(JSON.stringify({...prev, ...taskCurrent}));
@@ -606,7 +608,11 @@ export function useWorkflowData() {
} catch (error) {
console.error('初始化失败:', error);
setDataLoadError('加载失败，请重试');
- setIsLoading(false);
+ setState({
+ mode: 'automatic' as 'automatic' | 'manual' | 'auto',
+ originalText: '',
+ isLoading: false
+ });
}
};
@@ -649,7 +655,7 @@ export function useWorkflowData() {
taskShotSketch,
taskVideos,
sketchCount,
- isLoading,
+ isLoading: state.isLoading,
currentStep,
currentSketchIndex,
isGeneratingSketch,
@@ -664,11 +670,11 @@ export function useWorkflowData() {
retryLoadData,
handleManualPlay,
isPauseWorkFlow,
- mode,
+ mode: state.mode,
setIsPauseWorkFlow,
setAnyAttribute,
applyScript,
fallbackToStep,
- originalText
+ originalText: state.originalText
};
}