fix: 解决全局滤镜导致TS打包报错问题,修改壁纸不更随滤镜变换的问题

This commit is contained in:
奔跑的面条
2022-05-04 13:21:27 +08:00
parent 3d1ed95bed
commit b402969a44
4 changed files with 37 additions and 2 deletions
+24 -1
View File
@@ -15,7 +15,10 @@
<!-- 展示 -->
<edit-range>
<!-- 滤镜预览 -->
<div :style="getFilterStyle(chartEditStore.getEditCanvasConfig)">
<div :style="{
...getFilterStyle(chartEditStore.getEditCanvasConfig),
...rangeStyle
}">
<!-- 图表 -->
<edit-shape-box
v-for="(item, index) in chartEditStore.getComponentList"
@@ -98,6 +101,26 @@ const themeColor = computed(() => {
return chartColors[chartThemeColor]
})
// 背景
const rangeStyle = computed(() => {
// 设置背景色和图片背景
const background = chartEditStore.getEditCanvasConfig.background
const backgroundImage = chartEditStore.getEditCanvasConfig.backgroundImage
const selectColor = chartEditStore.getEditCanvasConfig.selectColor
const backgroundColor = background ? background : undefined
const computedBackground = selectColor
? { background: backgroundColor }
: { background: `url(${backgroundImage}) no-repeat center/100% !important` }
// @ts-ignore
return {
...computedBackground,
width: 'inherit',
height: 'inherit'
}
})
// 键盘事件
onMounted(() => {
useAddKeyboard()