feat: 组件公共属性滤镜中增添混合模式设置

This commit is contained in:
tnt group
2022-10-05 21:56:43 +08:00
parent 111f5bdcfb
commit ee8a05b6e6
9 changed files with 75 additions and 26 deletions
@@ -8,8 +8,9 @@
...getComponentAttrStyle(item.attr, groupIndex),
...getFilterStyle(item.styles),
...getTransformStyle(item.styles),
...getBlendModeStyle(item.styles),
...getStatusStyle(item.status)
}"
} as any"
>
<component
:is="item.chartConfig.chartKey"
@@ -24,7 +25,7 @@
<script setup lang="ts">
import { PropType } from 'vue'
import { CreateComponentGroupType } from '@/packages/index.d'
import { animationsClass, getFilterStyle, getTransformStyle } from '@/utils'
import { animationsClass, getFilterStyle, getTransformStyle, getBlendModeStyle } from '@/utils'
import { getSizeStyle, getComponentAttrStyle, getStatusStyle } from '../../utils'
const props = defineProps({
@@ -8,8 +8,9 @@
...getComponentAttrStyle(item.attr, index),
...getFilterStyle(item.styles),
...getTransformStyle(item.styles),
...getBlendModeStyle(item.styles),
...getStatusStyle(item.status)
}"
} as any"
>
<!-- 分组 -->
<preview-render-group
@@ -38,7 +39,7 @@ import { ChartEditStorageType } from '../../index.d'
import { PreviewRenderGroup } from '../PreviewRenderGroup/index'
import { CreateComponentGroupType } from '@/packages/index.d'
import { chartColors } from '@/settings/chartThemes/index'
import { animationsClass, getFilterStyle, getTransformStyle } from '@/utils'
import { animationsClass, getFilterStyle, getTransformStyle, getBlendModeStyle } from '@/utils'
import { getSizeStyle, getComponentAttrStyle, getStatusStyle } from '../../utils'
const props = defineProps({