style: 分组区域自适应样式

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 组件

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]