fix: 修复缩放大屏时，Tab组件内的元素大小/位置可能会变问题 #13857

core/core-frontend/src/components/data-visualization/ComponentToolBar.vue

@@ -6,7 +6,10 @@ import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain'
 import { storeToRefs } from 'pinia'
 import { ref, onMounted, onUnmounted, nextTick } from 'vue'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
-import { changeSizeWithScale } from '@/utils/changeComponentsSizeWithScale'
+import {
+  changeSizeWithScale,
+  changeSizeWithScaleAdaptor
+} from '@/utils/changeComponentsSizeWithScale'
 import { useEmitt } from '@/hooks/web/useEmitt'
 import { useI18n } from '@/hooks/web/useI18n'
 const dvMainStore = dvMainStoreWithOut()
@@ -25,8 +28,9 @@ const handleScaleChange = () => {
       scale.value = scale.value < 10 ? 10 : scale.value
       scale.value = scale.value > 200 ? 200 : scale.value
       changeSizeWithScale(scale.value)
+      changeSizeWithScaleAdaptor(scale.value)
       scaleChangeReady.value = true
-    }, 0)
+    }, 50)
   }
 }
 

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

@@ -22,6 +22,10 @@ const needToChangeDirectionAttrs = {
   height: ['top', 'height']
 }
 
+export function changeSizeWithScaleAdaptor(scale) {
+  return changeComponentsSizeWithScale(scale)
+}
+
 export function changeSizeWithScale(scale) {
   return changeComponentsSizeWithScale(scale)
 }