diff --git a/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts b/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts index 6e7272ac96..99e3b147bd 100644 --- a/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts +++ b/core/core-frontend/src/utils/changeComponentsSizeWithScale.ts @@ -2,7 +2,7 @@ import { deepCopy } from './utils' import { divide, multiply } from 'mathjs' import { dvMainStoreWithOut } from '@/store/modules/data-visualization/dvMain' import { storeToRefs } from 'pinia' -import { groupSizeStyleAdaptor } from '@/utils/style' +import { groupItemStyleAdaptor, groupSizeStyleAdaptor } from '@/utils/style' import { nextTick } from 'vue' const dvMainStore = dvMainStoreWithOut() @@ -54,6 +54,16 @@ function changeComponentsSizeWithScaleCircle(componentDataCopy, scale) { if (['Group'].includes(component.component)) { groupSizeStyleAdaptor(component) + const parentStyle = component.style + component.propValue.forEach(componentInner => { + if (['DeTabs'].includes(componentInner.component)) { + componentInner.propValue.forEach(tabItem => { + changeComponentsSizeWithScaleCircle(tabItem.componentData, scale) + }) + } else { + groupItemStyleAdaptor(componentInner, parentStyle) + } + }) } else if (['DeTabs'].includes(component.component)) { component.propValue.forEach(tabItem => { changeComponentsSizeWithScaleCircle(tabItem.componentData, scale) diff --git a/core/core-frontend/src/utils/style.ts b/core/core-frontend/src/utils/style.ts index c20465a9f1..f41a61c444 100644 --- a/core/core-frontend/src/utils/style.ts +++ b/core/core-frontend/src/utils/style.ts @@ -274,7 +274,7 @@ function dataVTabSizeStyleAdaptor(tabComponent) { }) } -function groupItemStyleAdaptor(component, parentStyle) { +export function groupItemStyleAdaptor(component, parentStyle) { // 分组还原逻辑 // 当发上分组缩放是,要将内部组件按照比例转换 const styleScale = component.groupStyle