refactor: dashboard

Author: ziyujiahao

frontend/components.d.ts

@@ -11,8 +11,9 @@ declare module 'vue' {
     ElAvatar: typeof import('element-plus/es')['ElAvatar']
     ElButton: typeof import('element-plus/es')['ElButton']
     ElCheckbox: typeof import('element-plus/es')['ElCheckbox']
+    ElCheckboxGroup: typeof import('element-plus/es')['ElCheckboxGroup']
+    ElCol: typeof import('element-plus/es')['ElCol']
     ElDialog: typeof import('element-plus/es')['ElDialog']
-    ElDrawer: typeof import('element-plus/es')['ElDrawer']
     ElDropdown: typeof import('element-plus/es')['ElDropdown']
     ElDropdownItem: typeof import('element-plus/es')['ElDropdownItem']
     ElDropdownMenu: typeof import('element-plus/es')['ElDropdownMenu']
@@ -23,13 +24,13 @@ declare module 'vue' {
     ElMenu: typeof import('element-plus/es')['ElMenu']
     ElMenuItem: typeof import('element-plus/es')['ElMenuItem']
     ElOption: typeof import('element-plus/es')['ElOption']
-    ElPagination: typeof import('element-plus/es')['ElPagination']
     ElRow: typeof import('element-plus/es')['ElRow']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
     ElSelect: typeof import('element-plus/es')['ElSelect']
-    ElSlider: typeof import('element-plus/es')['ElSlider']
+    ElStep: typeof import('element-plus/es')['ElStep']
+    ElSteps: typeof import('element-plus/es')['ElSteps']
     ElTable: typeof import('element-plus/es')['ElTable']
     ElTableColumn: typeof import('element-plus/es')['ElTableColumn']
-    ElTableV2: typeof import('element-plus/es')['ElTableV2']
     ElTabPane: typeof import('element-plus/es')['ElTabPane']
     ElTabs: typeof import('element-plus/es')['ElTabs']
     ElTooltip: typeof import('element-plus/es')['ElTooltip']

frontend/src/router/index.ts

@@ -5,6 +5,7 @@ import login from '@/views/login/index.vue'
 import chat from '@/views/chat/index.vue'
 import ds from '@/views/ds/index.vue'
 import dashboard from '@/views/dashboard/index.vue'
+import DashboardEditor from '@/views/dashboard/DashboardEditor.vue'
 import setting from '@/views/setting/index.vue'
 import { watchRouter } from './watch'
 const router = createRouter({
@@ -24,7 +25,7 @@ const router = createRouter({
           path: 'index',
           name: 'chat',
           component: chat,
-          meta: { title: 'Data Q&A', icon: 'chat'}
+          meta: { title: 'Data Q&A', icon: 'chat' }
         }
       ]
     },
@@ -55,7 +56,7 @@ const router = createRouter({
         {
           path: 'index',
           name: 'dashboard',
-          component: dashboard,
+          component: DashboardEditor,
           meta: { title: 'Dashboard', icon: 'dashboard' }
         }
       ]

frontend/src/stores/dashboard/dashboard.ts

@@ -1,19 +1,25 @@
-import { defineStore } from 'pinia'
+import {defineStore} from 'pinia'
+import {store} from "@/stores";
 
-export const useDashboardStore = defineStore('dashboardStore', {
-  state: () => {
-    return {
-      curComponent: null
+export const dashboardStore = defineStore('dashboard', {
+    state: () => {
+        return {
+            curComponent: null
+        }
+    },
+    getters: {
+        getCurComponent(): any {
+            return this.curComponent
+        }
+    },
+    actions: {
+        setCurComponent(value: any) {
+            this.curComponent = value
+        }
     }
-  },
-  getters: {
-    getCurComponent(): any {
-      return this.curComponent
-    }
-  },
-  actions: {
-    setCurComponent(value: any) {
-      this.curComponent = value
-    }
-  }
 })
+
+
+export const dashboardStoreWithOut = () => {
+    return dashboardStore(store)
+}

frontend/src/stores/index.ts

@@ -0,0 +1,10 @@
+import type { App } from 'vue'
+import { createPinia } from 'pinia'
+
+const store = createPinia()
+
+export const setupStore = (app: App<Element>) => {
+  app.use(store)
+}
+
+export { store }