feat: 新增主题色选项

This commit is contained in:
MTrun
2022-02-06 01:04:05 +08:00
parent 27f416a46e
commit 483d1eb5e8
51 changed files with 698 additions and 174 deletions
@@ -1,32 +1,10 @@
import { ThemeEnum } from '@/enums/styleEnum'
export enum ChartLayoutFilterEnum {
HUEROTATE = 'hueRotate',
SATURATE = 'saturate',
BRIGHTNESS = 'brightness',
CONTRAST = 'contrast',
UNOPACITY = 'unOpacity',
}
export interface ChartLayoutFilterType {
// 色相
[ChartLayoutFilterEnum.HUEROTATE]: number
// 饱和度
[ChartLayoutFilterEnum.SATURATE]: number
// 亮度
[ChartLayoutFilterEnum.BRIGHTNESS]: number
// 对比度
[ChartLayoutFilterEnum.CONTRAST]: number
// 不透明度
[ChartLayoutFilterEnum.UNOPACITY]: number
}
export enum ChartLayoutStoreEnum {
LAYERS = 'layers',
CHARTS = 'charts',
DETAILS = 'details',
ALIGNLINE = 'alignLine',
FILTER = 'filter',
}
export interface ChartLayoutType {
@@ -38,6 +16,4 @@ export interface ChartLayoutType {
[ChartLayoutStoreEnum.DETAILS]: boolean
// 对齐线
[ChartLayoutStoreEnum.ALIGNLINE]: boolean
// 滤镜
[ChartLayoutStoreEnum.FILTER]: ChartLayoutFilterType
}
@@ -1,5 +1,5 @@
import { defineStore } from 'pinia'
import { ChartLayoutType, ChartLayoutFilterType } from './chartLayoutStore.d'
import { ChartLayoutType } from './chartLayoutStore.d'
import { setLocalStorage, getLocalStorage } from '@/utils'
import { StorageEnum } from '@/enums/storageEnum'
import { useChartEditStoreStore } from '@/store/modules/chartEditStore/chartEditStore'
@@ -23,19 +23,6 @@ export const useChartLayoutStore = defineStore({
details: true,
// 对齐线
alignLine: true,
// 滤镜
filter: {
// 色相
hueRotate: 0,
// 饱和度
saturate: 0,
// 亮度
brightness: 100,
// 对比度
contrast: 100,
// 不透明度
unOpacity: 100
}
},
getters: {
getLayers(): boolean {
@@ -49,9 +36,6 @@ export const useChartLayoutStore = defineStore({
},
getAlignLine(): boolean {
return this.alignLine
},
getFilter(): ChartLayoutFilterType {
return this.filter
}
},
actions: {
@@ -62,13 +46,6 @@ export const useChartLayoutStore = defineStore({
setTimeout(() => {
chartEditStore.computedScale()
}, 500)
},
setFilter<T extends keyof ChartLayoutFilterType>(
key: T,
value: boolean
): void {
;(this.filter as any)[key] = value
setLocalStorage(GO_CHART_LAYOUT_STORE, this.$state)
}
}
})