feat(数据大屏): tab组件在调整大小的时候，可以选择tab组件内的组件是否自适应调整大小 #12888

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

@@ -772,9 +772,13 @@ const handleMouseDownOnPoint = (point, e) => {
     dashboardActive.value && emit('onResizing', moveEvent)
     element.value['resizing'] = true
     //如果当前组件是Group分组或者Tab 则要进行内部组件深度计算
-    if (['DeTabs', 'Group'].includes(element.value.component)) {
+    if (
+      ['Group'].includes(element.value.component) ||
+      (['DeTabs'].includes(element.value.component) && !element.value.resizeInnerKeep)
+    ) {
       groupSizeStyleAdaptor(element.value)
     }
+
     //如果当前画布是Group内部画布 则对应组件定位在resize时要还原到groupStyle中
     if (isGroupCanvas(canvasId.value) || isTabCanvas(canvasId.value)) {
       groupStyleRevert(element.value, {

core/core-frontend/src/components/visualization/common/ComponentPosition.vue

@@ -17,6 +17,20 @@
         </el-form-item>
       </el-col>
     </el-row>
+    <el-form-item
+      v-if="curComponent && curComponent.component === 'DeTabs'"
+      class="form-item"
+      :class="'form-item-' + themes"
+    >
+      <el-checkbox
+        size="small"
+        :effect="themes"
+        v-model="curComponent['resizeInnerKeep']"
+        @change="snapshotChange"
+      >
+        调整大小保持内部组件尺寸
+      </el-checkbox>
+    </el-form-item>
     <el-form-item class="form-item" :class="'form-item-' + themes">
       <el-checkbox
         v-if="curComponent"
@@ -186,6 +200,10 @@ const multiDimensionalChange = () => {
   snapshotStore.recordSnapshotCache()
 }
 
+const snapshotChange = () => {
+  snapshotStore.recordSnapshotCache()
+}
+
 const positionInit = () => {
   if (curComponent.value) {
     canvasId.value = curComponent.value.canvasId

core/core-frontend/src/utils/canvasUtils.ts

@@ -152,9 +152,8 @@ export function historyItemAdaptor(
     componentItem.style['titleHide'] = componentItem.style['titleHide'] || false
   }
 
-  if (componentItem.component === 'Group') {
-    componentItem.expand = componentItem.expand || false
-  }
+  componentItem['expand'] = componentItem['expand'] || false
+  componentItem['resizeInnerKeep'] = componentItem['resizeInnerKeep'] || false
 
   if (componentItem.component === 'Picture') {
     componentItem.style['adaptation'] = componentItem.style['adaptation'] || 'adaptation'