feat:新增旋转功能

This commit is contained in:
奔跑的面条
2022-05-03 16:24:31 +08:00
parent ab96d0919f
commit ef9e4c8ea4
8 changed files with 120 additions and 19 deletions
@@ -4,7 +4,11 @@
:class="animationsClass(item.styles.animations)"
v-for="(item, index) in localStorageInfo.componentList"
:key="item.id"
:style="{ ...getComponentAttrStyle(item.attr, index), ...getStyle(item.styles)}"
:style="{
...getComponentAttrStyle(item.attr, index),
...getFilterStyle(item.styles),
...getTranstormStyle(item.styles)
}"
>
<component
:is="item.chartConfig.chartKey"
@@ -20,7 +24,8 @@
import { PropType, computed } from 'vue'
import { ChartEditStorageType } from '../../index.d'
import { chartColors } from '@/settings/chartThemes/index'
import { getSizeStyle, getStyle, getComponentAttrStyle, animationsClass } from '../../utils'
import { getSizeStyle, getFilterStyle, getTranstormStyle, getComponentAttrStyle, animationsClass } from '../../utils'
const props = defineProps({
localStorageInfo: {
@@ -29,6 +34,8 @@ const props = defineProps({
}
})
console.log(getTranstormStyle(props.localStorageInfo.componentList[0].styles))
// 主题色
const themeSetting = computed(() => {
const chartThemeSetting = props.localStorageInfo.editCanvasConfig.chartThemeSetting