From dafad8e2e60207481eaf521a24fab2dd826788eb Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 18 Dec 2023 20:10:40 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E6=97=B6Tab=E7=BB=84=E4=BB=B6=E4=B9=9F=E5=8F=AF=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E6=A0=87=E9=A2=98=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/canvas/ComponentWrapper.vue        | 1 +
 .../src/custom-component/de-tabs/Component.vue            | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index 3a75b7d178..59655240de 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -214,6 +214,7 @@ const deepScale = computed(() => scale.value / 100)
           :search-count="searchCount"
           :scale="deepScale"
           :disabled="true"
+          :is-edit="false"
         />
       </div>
     </div>
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 b277f58b20..b06848a8b3 100644
--- a/core/core-frontend/src/custom-component/de-tabs/Component.vue
+++ b/core/core-frontend/src/custom-component/de-tabs/Component.vue
@@ -8,7 +8,7 @@
     <de-custom-tab
       v-model="editableTabsValue"
       @tab-add="addTab"
-      :addable="isEdit"
+      :addable="isEditMode"
       :font-color="fontColor"
       :active-color="activeColor"
       :border-color="noBorderColor"
@@ -25,7 +25,7 @@
         <template #label>
           <span :style="titleStyle(tabItem.name)">{{ tabItem.title }}</span>
           <el-dropdown
-            v-if="dropdownShow"
+            v-if="isEditMode"
             style="line-height: 4 !important"
             trigger="click"
             @command="handleCommand"
@@ -118,7 +118,7 @@ import DeCustomTab from '@/custom-component/de-tabs/DeCustomTab.vue'
 import DePreview from '@/components/data-visualization/canvas/DePreview.vue'
 import { useEmitt } from '@/hooks/web/useEmitt'
 const dvMainStore = dvMainStoreWithOut()
-const { tabMoveInActiveId, bashMatrixInfo } = storeToRefs(dvMainStore)
+const { tabMoveInActiveId, bashMatrixInfo, editMode } = storeToRefs(dvMainStore)
 const tabComponentRef = ref(null)
 
 const props = defineProps({
@@ -168,6 +168,8 @@ const editableTabsValue = ref(null)
 const noBorderColor = ref('none')
 let currentInstance
 
+const isEditMode = computed(() => editMode.value === 'edit' && isEdit.value)
+
 const calcTabLength = () => {
   setTimeout(() => {
     if (element.value.propValue.length > 1) {