From 75f06e4a9d95056dc353f28065088d4893d9eda5 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 27 Dec 2023 09:22:00 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=88=86=E7=BB=84=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/data-visualization/canvas/Shape.vue    | 8 ++++++++
 .../src/store/modules/data-visualization/compose.ts       | 3 +++
 2 files changed, 11 insertions(+)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
index 936e4e1a9d..a6c2234383 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/Shape.vue
@@ -529,6 +529,7 @@ const handleMouseDownOnShape = e => {
       eventBus.emit('onTabMoveOut-' + tabMoveOutComponentId.value, deepCopy(element.value))
       dvMainStore.setTabMoveOutComponentId(null)
     }
+    handleGroupComponent()
   }
 
   document.addEventListener('mousemove', move)
@@ -648,6 +649,7 @@ const handleMouseDownOnPoint = (point, e) => {
     document.removeEventListener('mousemove', move)
     document.removeEventListener('mouseup', up)
     needSave && snapshotStore.recordSnapshotCache('shape-handleMouseDownOnPoint-up')
+    handleGroupComponent()
   }
 
   document.addEventListener('mousemove', move)
@@ -847,6 +849,12 @@ const htmlToImage = () => {
   }, 200)
 }
 
+const handleGroupComponent = () => {
+  if (element.value.canvasId.includes('Group')) {
+    composeStore.updateGroupBorder()
+  }
+}
+
 onMounted(() => {
   parentNode.value = document.querySelector('#editor-' + canvasId.value)
   // 用于 Group 组件
diff --git a/core/core-frontend/src/store/modules/data-visualization/compose.ts b/core/core-frontend/src/store/modules/data-visualization/compose.ts
index cb92dca7b5..f5bca7ae78 100644
--- a/core/core-frontend/src/store/modules/data-visualization/compose.ts
+++ b/core/core-frontend/src/store/modules/data-visualization/compose.ts
@@ -52,6 +52,9 @@ export const composeStore = defineStore('compose', {
     setAreaData(data) {
       this.areaData = data
     },
+    updateGroupBorder() {
+      // do updateGroupBorder
+    },
 
     compose: function (canvasId = 'canvas-main') {
       const editor = this.editorMap[canvasId]