lunanting/ai-chatbot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: stop canvas reload effect loop
Some checks failed
Lint / build (20) (push) Has been cancelled
Details
Playwright Tests / test (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Your Name 2026-03-24 02:53:01 +08:00
parent f1ffeed9f2
commit 365eabead1
1 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/canvas/[id]/page.tsx
View File

@ -413,13 +413,20 @@ export default function CanvasEditorPage({ params }: PageProps) {
workflowMaterials,
workflowSelections,
]);
const currentWorkflowPersistedStateRef = useRef<AgentWorkflowPersistedState>(
buildCurrentWorkflowPersistedState()
);
useEffect(() => {
currentWorkflowPersistedStateRef.current = buildCurrentWorkflowPersistedState();
}, [buildCurrentWorkflowPersistedState]);
// 加载画布数据
useLayoutEffect(() => {
console.log('[Canvas] Loading project:', id);
const loadProject = async () => {
const preservedWorkflowState = buildCurrentWorkflowPersistedState();
const preservedWorkflowState = currentWorkflowPersistedStateRef.current;
const shouldPreserveCurrentWorkflowState =
requestedAgentMode &&
lastLoadedCanvasIdRef.current === id &&
@ -532,7 +539,7 @@ export default function CanvasEditorPage({ params }: PageProps) {
};
loadProject();
}, [buildCurrentWorkflowPersistedState, id, requestedAgentMode]);
}, [id, requestedAgentMode]);
useEffect(() => {
const updateViewportWidth = () => setViewportWidth(window.innerWidth);
@ -596,6 +603,11 @@ export default function CanvasEditorPage({ params }: PageProps) {
workflowMaterials,
workflowSelections,
]);
const persistedAgentProjectStateRef = useRef(buildPersistedAgentProjectState());
useEffect(() => {
persistedAgentProjectStateRef.current = buildPersistedAgentProjectState();
}, [buildPersistedAgentProjectState]);
useEffect(() => {
if (isAgentMode) return;
@ -724,7 +736,7 @@ export default function CanvasEditorPage({ params }: PageProps) {
try {
const result = await agentProjectService.createProject({
title: buildDefaultAgentProjectTitle(),
projectState: buildPersistedAgentProjectState(),
projectState: persistedAgentProjectStateRef.current,
});
if (!result.success || !result.data) {
throw new Error(result.error || "创建生图项目失败");
@ -751,7 +763,6 @@ export default function CanvasEditorPage({ params }: PageProps) {
};
}, [
agentProjectId,
buildPersistedAgentProjectState,
isAgentWorkspaceEnabled,
requestedAgentMode,
updateCanvasSearchParams,
@ -773,7 +784,7 @@ export default function CanvasEditorPage({ params }: PageProps) {
const persistedState = normalizeAgentGenerationProjectPersistedState(
result.data.projectState
);
const currentWorkflowState = buildCurrentWorkflowPersistedState();
const currentWorkflowState = currentWorkflowPersistedStateRef.current;
const persistedWorkflow = hasMeaningfulWorkflowState(persistedState.workflowState)
? persistedState.workflowState
: hasMeaningfulWorkflowState(currentWorkflowState)
@ -814,7 +825,7 @@ export default function CanvasEditorPage({ params }: PageProps) {
return () => {
cancelled = true;
};
}, [agentProjectId, buildCurrentWorkflowPersistedState, requestedAgentMode]);
}, [agentProjectId, requestedAgentMode]);
useEffect(() => {
if (!isAgentMode || !agentProjectId || isAgentProjectLoading) return;