feat: 新增导入导出功能😍

src/views/chart/ContentEdit/components/EditTools/utils/index.ts

@@ -2,13 +2,19 @@ import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore
 import { canvasCut, downloadTextFile } from '@/utils'
 const chartEditStore = useChartEditStore()
 
-// 导入
-export const importHandle = () => { }
-
 // 导出
 export const exportHandle = () => {
+  // 取消选中
+  chartEditStore.setTargetSelectChart(undefined)
+
   // 导出数据
-  downloadTextFile(JSON.stringify(chartEditStore.getStorageInfo || []), undefined, 'json')
+  downloadTextFile(
+    JSON.stringify(chartEditStore.getStorageInfo || [], (k, v) => {
+      return v === undefined ? null : v
+    }),
+    undefined,
+    'json'
+  )
 
   // 导出图片
   const ruler = document.getElementById('mb-ruler')
@@ -19,6 +25,7 @@ export const exportHandle = () => {
     window['$message'].error('导出失败！')
     return
   }
+
   // 记录缩放比例
   const scaleTemp = chartEditStore.getEditCanvas.scale
   // 去除标尺Dom
@@ -27,8 +34,7 @@ export const exportHandle = () => {
   chartEditStore.setScale(1, true)
   // 展示水印
   watermark.style.display = 'block'
-  
-  window['$message'].warning('生成截图和数据中, 请耐心等待...')
+
   setTimeout(() => {
     canvasCut(range, () => {
       // 隐藏水印
@@ -40,8 +46,3 @@ export const exportHandle = () => {
     })
   }, 600)
 }
-
-// 改变工具栏展示样式
-export const changeTypeHandle = () => {
-
-}