fix: 编写拖拽信息

src/store/modules/chartEditStore/chartEditStore.d.ts

@@ -1,19 +1,19 @@
 // 编辑区域大小
 export enum EditCanvasTypeEnum {
-  EDITLAYOUTDOM = 'editLayoutDom',
-  EDITCONTENTDON = 'editContentDom',
+  EDIT_LAYOUT_DOM = 'editLayoutDom',
+  EDIT_CONTENT_DOM = 'editContentDom',
   WIDTH = 'width',
   HEIGHT = 'height',
   OFFSET = 'offset',
   SCALE = 'scale',
-  USERSCALE = 'userScale',
-  LOCKSCALE = 'lockScale',
-  BACKGROUND = 'background'
+  USER_SCALE = 'userScale',
+  LOCK_SCALE = 'lockScale',
+  BACKGROUND = 'background',
 }
 export type EditCanvasType = {
   // 编辑区域 DOM
-  [EditCanvasTypeEnum.EDITLAYOUTDOM]: HTMLElement | null
-  [EditCanvasTypeEnum.EDITCONTENTDON]: HTMLElement | null
+  [EditCanvasTypeEnum.EDIT_LAYOUT_DOM]: HTMLElement | null
+  [EditCanvasTypeEnum.EDIT_CONTENT_DOM]: HTMLElement | null
   // 大屏宽度
   [EditCanvasTypeEnum.WIDTH]: number
   // 大屏高度
@@ -23,9 +23,9 @@ export type EditCanvasType = {
   // 缩放
   [EditCanvasTypeEnum.SCALE]: number
   // 缩放
-  [EditCanvasTypeEnum.USERSCALE]: number
+  [EditCanvasTypeEnum.USER_SCALE]: number
   // 锁定缩放
-  [EditCanvasTypeEnum.LOCKSCALE]: boolean
+  [EditCanvasTypeEnum.LOCK_SCALE]: boolean
   // 背景色
   [EditCanvasTypeEnum.BACKGROUND]?: string
 }
@@ -45,9 +45,12 @@ export type MousePositionType = {
 // Store 类型
 export enum chartEditStoreEnum {
   EDITCANVAS = 'editCanvas',
-  MOUSEPOSITION = 'mousePosition'
+  MOUSEPOSITION = 'mousePosition',
+  COMPONENT_LIST = 'componentList'
 }
+
 export interface chartEditStoreType {
   [chartEditStoreEnum.EDITCANVAS]: EditCanvasType
   [chartEditStoreEnum.MOUSEPOSITION]: MousePositionType
+  [chartEditStoreEnum.COMPONENT_LIST]: any[]
 }

src/store/modules/chartEditStore/chartEditStore.ts

@@ -32,7 +32,8 @@ export const useChartEditStoreStore = defineStore({
     mousePosition: {
       x: 0,
       y: 0
-    }
+    },
+    componentList: []
   }),
   getters: {
     getMousePosition(): MousePositionType {
@@ -41,8 +42,15 @@ export const useChartEditStoreStore = defineStore({
     getEditCanvas(): EditCanvasType {
       return this.editCanvas
     },
+    getComponentList(): any[] {
+      return this.componentList
+    },
   },
   actions: {
+    // * 新增组件列表
+    addComponentList<T>(chartData:T):void {
+      this.componentList.push(chartData)
+    },
     // * 设置数据项
     setEditCanvasItem<T extends keyof EditCanvasType, K extends EditCanvasType[T]>(key: T, value: K) {
       this.editCanvas[key] = value