Merge pull request #13111 from dataease/pr@dev-v2@fix_screen_lock

fix(数据大屏): 修复数据大屏批量锁定失效问题 #12783

core/core-frontend/src/components/data-visualization/canvas/ContextMenuDetails.vue

@@ -37,8 +37,14 @@ const popComponentDataLength = computed(
 )
 
 const lock = () => {
-  snapshotStore.recordSnapshotCache()
+  if (curComponent.value && !isGroupArea.value) {
     lockStore.lock()
+  } else if (areaData.value.components.length) {
+    areaData.value.components.forEach(component => {
+      lockStore.lock(component)
+    })
+  }
+  snapshotStore.recordSnapshotCache()
   menuOpt('lock')
 }
 

core/core-frontend/src/store/modules/data-visualization/lock.ts

@@ -7,19 +7,19 @@ const { curComponent } = storeToRefs(dvMainStore)
 
 export const lockStore = defineStore('lock', {
   actions: {
-    lock() {
-      curComponent.value.isLock = true
-      if (curComponent.value.component === 'Group') {
-        curComponent.value.propValue.forEach(component => {
+    lock(optComponent = curComponent.value) {
+      optComponent.isLock = true
+      if (optComponent.component === 'Group') {
+        optComponent.propValue.forEach(component => {
           component.isLock = true
         })
       }
     },
 
-    unlock() {
-      curComponent.value.isLock = false
-      if (curComponent.value.component === 'Group') {
-        curComponent.value.propValue.forEach(component => {
+    unlock(optComponent = curComponent.value) {
+      optComponent.isLock = false
+      if (optComponent.component === 'Group') {
+        optComponent.propValue.forEach(component => {
           component.isLock = false
         })
       }