dongjunchuan/de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 大屏字体修改，同步修改图表标题字体

Browse Source
This commit is contained in:
wangjiahao 2024-11-22 17:31:22 +08:00
parent a81cdbb074
commit 283804828f
3 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
core/core-frontend/src/components/dashboard/subject-setting/dashboard-style/OverallSetting.vue
View File

@ -236,6 +236,7 @@ const dvMainStore = dvMainStoreWithOut()
const { canvasStyleData, dvInfo } = storeToRefs(dvMainStore)
import {
adaptCurThemeCommonStyleAll,
adaptTitleFontFamilyAll,
DARK_THEME_DASHBOARD_BACKGROUND,
LIGHT_THEME_DASHBOARD_BACKGROUND
} from '@/utils/canvasStyle'
@ -303,6 +304,8 @@ const fontFamilyChange = () => {
'--de-canvas_custom_font',
`${canvasStyleData.value.fontFamily}`
)
adaptTitleFontFamilyAll(canvasStyleData.value.fontFamily)
snapshotStore.recordSnapshotCache('renderChart')
}
const themeChange = (modifyName?) => {

3
core/core-frontend/src/components/visualization/CanvasBaseSetting.vue
View File

@ -84,6 +84,7 @@ import { ElFormItem, ElIcon } from 'element-plus-secondary'
import Icon from '../icon-custom/src/Icon.vue'
import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
import { CHART_FONT_FAMILY } from '@/views/chart/components/editor/util/chart'
import { adaptTitleFontFamilyAll } from '@/utils/canvasStyle'
const snapshotStore = snapshotStoreWithOut()
const dvMainStore = dvMainStoreWithOut()
@ -101,6 +102,8 @@ const onFontFamilyChange = () => {
'--de-canvas_custom_font',
`${canvasStyleData.value.fontFamily}`
)
adaptTitleFontFamilyAll(canvasStyleData.value.fontFamily)
snapshotStore.recordSnapshotCache('renderChart')
}
const onThemeChange = () => {
snapshotStore.recordSnapshotCache()

35
core/core-frontend/src/utils/canvasStyle.ts
View File

@ -421,6 +421,41 @@ export function adaptCurTheme(customStyle, customAttr) {
}
}
export function adaptTitleFontFamily(fontFamily, viewInfo) {
if (viewInfo) {
viewInfo.customStyle['text']['fontFamily'] = fontFamily
}
}
export function adaptTitleFontFamilyAll(fontFamily) {
const componentData = dvMainStore.componentData
componentData.forEach(item => {
if (item.component === 'UserView') {
const viewDetails = dvMainStore.canvasViewInfo[item.id]
adaptTitleFontFamily(fontFamily, viewDetails)
useEmitt().emitter.emit('renderChart-' + item.id, viewDetails)
} else if (item.component === 'Group') {
item.propValue.forEach(groupItem => {
if (groupItem.component === 'UserView') {
const viewDetails = dvMainStore.canvasViewInfo[item.id]
adaptTitleFontFamily(fontFamily, viewDetails)
useEmitt().emitter.emit('renderChart-' + item.id, viewDetails)
}
})
} else if (item.component === 'DeTabs') {
item.propValue.forEach(tabItem => {
tabItem.componentData.forEach(tabComponent => {
if (tabComponent.component === 'UserView') {
const viewDetails = dvMainStore.canvasViewInfo[item.id]
adaptTitleFontFamily(fontFamily, viewDetails)
useEmitt().emitter.emit('renderChart-' + item.id, viewDetails)
}
})
})
}
})
}
export function adaptCurThemeCommonStyle(component) {
if (['DeTabs'].includes(component.component)) {
component.commonBackground['innerPadding'] = 0