feat: 新增工作区域内容模块

src/store/modules/chartLayoutStore/chartLayoutStore.d.ts

@@ -1,35 +1,43 @@
 import { ThemeEnum } from '@/enums/styleEnum'
 
+export enum ChartLayoutFilterEnum {
+  HUEROTATE = 'hueRotate',
+  SATURATE = 'saturate',
+  BRIGHTNESS = 'brightness',
+  CONTRAST = 'contrast',
+  UNOPACITY = 'unOpacity',
+}
+
 export interface ChartLayoutFilterType {
   // 色相
-  hueRotate: number
+  [ChartLayoutFilterEnum.HUEROTATE]: number
   // 饱和度
-  saturate: number
+  [ChartLayoutFilterEnum.SATURATE]: number
   // 亮度
-  brightness: number
+  [ChartLayoutFilterEnum.BRIGHTNESS]: number
   // 对比度
-  contrast: number
+  [ChartLayoutFilterEnum.CONTRAST]: number
   // 不透明度
-  unOpacity: number
+  [ChartLayoutFilterEnum.UNOPACITY]: number
 }
 
-export interface ChartLayoutType {
-  // 图层控制
-  layers: boolean
-  // 图表组件
-  charts: boolean
-  // 详情设置
-  details: boolean
-  // 对齐线
-  alignLine: boolean
-  // 滤镜
-  filter: ChartLayoutFilterType
-}
-
-export enum ChartLayoutStoreEnums {
+export enum ChartLayoutStoreEnum {
   LAYERS = 'layers',
   CHARTS = 'charts',
   DETAILS = 'details',
   ALIGNLINE = 'alignLine',
   FILTER = 'filter',
-}
+}
+
+export interface ChartLayoutType {
+  // 图层控制
+  [ChartLayoutStoreEnum.LAYERS]: boolean
+  // 图表组件
+  [ChartLayoutStoreEnum.CHARTS]: boolean
+  // 详情设置
+  [ChartLayoutStoreEnum.DETAILS]: boolean
+  // 对齐线
+  [ChartLayoutStoreEnum.ALIGNLINE]: boolean
+  // 滤镜
+  [ChartLayoutStoreEnum.FILTER]: ChartLayoutFilterType
+}