fix: 修改注释

This commit is contained in:
奔跑的面条 2022-04-25 16:50:20 +08:00
parent e02dad5e2c
commit 9d3f53c315
2 changed files with 5 additions and 2 deletions

View File

@ -24,7 +24,7 @@ import type { ChartEditStorageType } from './index.d'
const localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEditStorageType const localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEditStorageType
const previewRefStyle: any = computed(() => { const previewRefStyle = computed(() => {
return { ...getEditCanvasConfigStyle(localStorageInfo.editCanvasConfig), ...getStyle(localStorageInfo.editCanvasConfig) } return { ...getEditCanvasConfigStyle(localStorageInfo.editCanvasConfig), ...getStyle(localStorageInfo.editCanvasConfig) }
}) })

View File

@ -4,6 +4,7 @@ import { EditCanvasConfigType } from '@/store/modules/chartEditStore/chartEditSt
type AttrType = PickCreateComponentType<'attr'> type AttrType = PickCreateComponentType<'attr'>
type StylesType = PickCreateComponentType<'styles'> type StylesType = PickCreateComponentType<'styles'>
// 设置位置
export const getComponentAttrStyle = (attr: AttrType, index: number) => { export const getComponentAttrStyle = (attr: AttrType, index: number) => {
const componentStyle = { const componentStyle = {
zIndex: index + 1, zIndex: index + 1,
@ -13,6 +14,7 @@ export const getComponentAttrStyle = (attr: AttrType, index: number) => {
return componentStyle return componentStyle
} }
// 设置大小
export const getSizeStyle = (attr: AttrType, scale?: number) => { export const getSizeStyle = (attr: AttrType, scale?: number) => {
const sizeStyle = { const sizeStyle = {
width: `${scale ? scale * attr.w : attr.w}px`, width: `${scale ? scale * attr.w : attr.w}px`,
@ -21,6 +23,7 @@ export const getSizeStyle = (attr: AttrType, scale?: number) => {
return sizeStyle return sizeStyle
} }
// 全局样式
export const getEditCanvasConfigStyle = (canvas: EditCanvasConfigType) => { export const getEditCanvasConfigStyle = (canvas: EditCanvasConfigType) => {
// 背景 // 背景
const computedBackground = canvas.selectColor const computedBackground = canvas.selectColor
@ -44,7 +47,7 @@ export const animationsClass = (animations: string[]) => {
return '' return ''
} }
// 样式 // 滤镜
export const getStyle = (styles: StylesType | EditCanvasConfigType) => { export const getStyle = (styles: StylesType | EditCanvasConfigType) => {
const { opacity, saturate, contrast, hueRotate, brightness } = styles const { opacity, saturate, contrast, hueRotate, brightness } = styles
return { return {