From 2fded7af33d3a586b779ed2258d4506c67dcfc10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Fri, 5 Jun 2026 10:39:28 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E4=BC=98=E5=8C=96=20T?=
 =?UTF-8?q?ab=20=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=94=AF=E6=8C=81=20Tab=20?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9=E6=87=92=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom-component/de-tabs/Component.vue    | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/custom-component/de-tabs/Component.vue b/core/core-frontend/src/custom-component/de-tabs/Component.vue
index 45b24ebeff..6bda470abf 100644
--- a/core/core-frontend/src/custom-component/de-tabs/Component.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/Component.vue
@@ -91,7 +91,7 @@
         v-for="(tabItem, index) in element.propValue"
         :class="{ 'switch-hidden': editableTabsValue !== tabItem.name }"
       >
-        <template v-if="!tabItem.hidden">
+        <template v-if="!tabItem.hidden && isTabActivated(tabItem.name)">
           <de-canvas
             v-if="isEdit && !mobileInPc"
             :ref="'tabCanvas_' + index"
@@ -301,6 +301,27 @@ const state = reactive({
   tabShow: true,
   hoverFlag: false
 })
+
+const activatedTabs = ref(new Set())
+
+const initActivatedTab = () => {
+  if (element.value.editableTabsValue) {
+    activatedTabs.value.add(element.value.editableTabsValue)
+  }
+}
+
+watch(
+  () => element.value.editableTabsValue,
+  val => {
+    if (val) {
+      activatedTabs.value.add(val)
+    }
+  }
+)
+
+const isTabActivated = tabName => {
+  return activatedTabs.value.has(tabName)
+}
 const tabsAreaScroll = ref(false)
 const editableTabsValue = ref(null)
 
@@ -708,6 +729,7 @@ onMounted(() => {
   if (element.value.propValue.length > 0) {
     editableTabsValue.value = element.value.propValue[0].name
   }
+  initActivatedTab()
   calcTabLength()
   if (['canvas', 'canvasDataV', 'edit'].includes(showPosition.value) && !mobileInPc.value) {
     eventBus.on('onTabMoveIn-' + element.value.id, componentMoveIn)