From 6354e629adf4d299ae0e4a9ea44edeb6a4381fda Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Mon, 12 Oct 2026 12:05:25 +0800
Subject: [PATCH] =?UTF-8?q?fix(canvas):=20=E9=81=BF=E5=85=8D=E7=A6=BB?=
 =?UTF-8?q?=E5=BC=80=E7=94=BB=E5=B8=83=E6=97=B6=E5=90=8E=E7=BB=AD=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E6=97=A0=E6=B3=95=E6=8C=82=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

画布根节点使用 Teleport，绕开 out-in 过渡以确保返回工作台正常渲染。

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 frontend/src/layouts/PublicLayout.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/layouts/PublicLayout.vue b/frontend/src/layouts/PublicLayout.vue
index fd6ba4c..7c21d96 100644
--- a/frontend/src/layouts/PublicLayout.vue
+++ b/frontend/src/layouts/PublicLayout.vue
@@ -60,6 +60,9 @@ const currentLabel = computed(() => {
 // shell plus a route-label header.
 const isHome = computed(() => route.path === '/')
 
+// CanvasView's root is a <Teleport to="body"> — keep it outside the
+// out-in transition so leaving the canvas cannot stall the next page.
+
 async function onLogout() {
   menuOpen.value = false
   await logout()
@@ -184,8 +187,9 @@ async function onLogout() {
       <main :class="['relative z-10 mx-auto max-w-[1400px] pb-24',
                      isHome ? 'pt-[58px] px-0' : 'px-4 md:px-8 pt-2',
                      { 'public-dark': isDark }]">
-        <router-view v-slot="{ Component }">
-          <transition name="fade" mode="out-in">
+        <router-view v-slot="{ Component, route: viewRoute }">
+          <component :is="Component" v-if="viewRoute.path === '/canvas'" />
+          <transition v-else name="fade" mode="out-in">
             <component :is="Component" />
           </transition>
         </router-view>