feat: 新增编辑阶段 mock 接口轮询请求功能

src/views/preview/hooks/useScale.hook.ts

@@ -1,6 +1,6 @@
 import { onUnmounted, ref, nextTick, computed } from 'vue'
 import { usePreviewScale } from '@/hooks/index'
-import type { ChartEditStorageType } from '..'
+import type { ChartEditStorageType } from '../index.d'
 
 export const useScale = (localStorageInfo: ChartEditStorageType) => {
 

src/views/preview/hooks/useStore.hook.ts

@@ -0,0 +1,9 @@
+import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
+import { ChartEditStoreEnum } from '@/store/modules/chartEditStore/chartEditStore.d'
+import type { ChartEditStorageType } from '../index.d'
+
+// store 相关
+export const useStore = (localStorageInfo: ChartEditStorageType) => {
+  const chartEditStore = useChartEditStore()
+  chartEditStore.requestGlobalConfig = localStorageInfo[ChartEditStoreEnum.REQUEST_GLOBAL_CONFIG]
+}

src/views/preview/index.vue

@@ -19,6 +19,7 @@ import { PreviewRenderList } from './components/PreviewRenderList'
 import { getEditCanvasConfigStyle, getSessionStorageInfo } from './utils'
 import { useComInstall } from './hooks/useComInstall.hook'
 import { useScale } from './hooks/useScale.hook'
+import { useStore } from './hooks/useStore.hook'
 import type { ChartEditStorageType } from './index.d'
 
 const localStorageInfo: ChartEditStorageType = getSessionStorageInfo() as ChartEditStorageType
@@ -27,6 +28,7 @@ const previewRefStyle: any = computed(() => {
   return getEditCanvasConfigStyle(localStorageInfo.editCanvasConfig)
 })
 
+useStore(localStorageInfo)
 const { previewRef } = useScale(localStorageInfo)
 const { show } = useComInstall(localStorageInfo)
 </script>

src/views/preview/utils/index.ts

@@ -1,27 +1,2 @@
 export * from './style'
-import { getSessionStorage } from '@/utils'
-import { StorageEnum } from '@/enums/storageEnum'
-import { ChartEditStorage } from '@/store/modules/chartEditStore/chartEditStore.d'
-
-export interface ChartEditStorageType extends ChartEditStorage {
-  id: string
-}
-
-// 根据路由 id 获取存储数据的信息
-export const getSessionStorageInfo = () => {
-  const urlHash = document.location.hash
-  const toPathArray = urlHash.split('/')
-  const id = toPathArray && toPathArray[toPathArray.length - 1]
-
-  const storageList: ChartEditStorageType[] = getSessionStorage(
-    StorageEnum.GO_CHART_STORAGE_LIST
-  )
-
-  if(!storageList) return
-
-  for (let i = 0; i < storageList.length; i++) {
-    if (id.toString() === storageList[i]['id']) {
-      return storageList[i]
-    }
-  }
-}
+export * from './storage'

src/views/preview/utils/storage.ts

@@ -0,0 +1,26 @@
+import { getSessionStorage } from '@/utils'
+import { StorageEnum } from '@/enums/storageEnum'
+import { ChartEditStorage } from '@/store/modules/chartEditStore/chartEditStore.d'
+
+export interface ChartEditStorageType extends ChartEditStorage {
+  id: string
+}
+
+// 根据路由 id 获取存储数据的信息
+export const getSessionStorageInfo = () => {
+  const urlHash = document.location.hash
+  const toPathArray = urlHash.split('/')
+  const id = toPathArray && toPathArray[toPathArray.length - 1]
+
+  const storageList: ChartEditStorageType[] = getSessionStorage(
+    StorageEnum.GO_CHART_STORAGE_LIST
+  )
+
+  if(!storageList) return
+
+  for (let i = 0; i < storageList.length; i++) {
+    if (id.toString() === storageList[i]['id']) {
+      return storageList[i]
+    }
+  }
+}