From a23b220de2f816ee42e27365430d3500e4351715 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Fri, 29 Nov 2024 12:20:59 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=E5=A4=A7?=
 =?UTF-8?q?=E5=B1=8F=E5=8F=B3=E9=94=AE=E8=8F=9C=E5=8D=95=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/ContextMenuDetails.vue                  | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
index c5266d4035..aab7510761 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue
@@ -50,8 +50,13 @@ const lock = () => {
 }
 
 const unlock = () => {
-  snapshotStore.recordSnapshotCache()
-  lockStore.unlock()
+  if (curComponent.value && !isGroupArea.value) {
+    lockStore.unlock()
+  } else if (areaData.value.components.length) {
+    areaData.value.components.forEach(component => {
+      lockStore.unlock(component)
+    })
+  }
   menuOpt('unlock')
 }
 
@@ -330,10 +335,13 @@ const editQueryCriteria = () => {
           </li>
           <el-divider class="custom-divider" />
           <li @click="hide" v-show="curComponent['isShow']">{{ t('visualization.hidden') }}</li>
-          <li @click="show" v-show="!curComponent['isShow']">
+          <li @click="show" v-show="!curComponent['isShow'] || isGroupArea">
             {{ t('visualization.cancel_hidden') }}
           </li>
           <li @click="lock">{{ t('visualization.lock') }}</li>
+          <li v-if="curComponent['isLock'] || isGroupArea" @click="unlock">
+            {{ t('visualization.unlock') }}
+          </li>
           <el-divider class="custom-divider" />
           <li v-if="activePosition === 'aside'" @click="rename">{{ t('visualization.rename') }}</li>
           <li @click="copy">{{ t('visualization.copy') }}</li>