Kaynağa Gözat

perf: 优化导入失败提示

奔跑的面条 3 yıl önce
ebeveyn
işleme
e6b7a868a2

+ 14 - 6
src/views/chart/ContentEdit/components/EditTools/hooks/useFile.hooks.ts

@@ -33,15 +33,23 @@ export const useFile = () => {
             negativeButtonProps: { type: 'info', ghost: false },
             // 新增
             onPositiveCallback: async () => {
-              fileData = JSON.parse(fileData)
-              await updateComponent(fileData, false, true)
-              window['$message'].success('导入成功!')
+              try {
+                fileData = JSON.parse(fileData)
+                await updateComponent(fileData, false, true)
+                window['$message'].success('导入成功!')
+              } catch (error) {
+                window['$message'].error('组件导入失败,请检查文件完整性!')
+              }
             },
             // 覆盖
             onNegativeCallback: async () => {
-              fileData = JSON.parse(fileData)
-              await updateComponent(fileData, true, true)
-              window['$message'].success('导入成功!')
+              try {
+                fileData = JSON.parse(fileData)
+                await updateComponent(fileData, true, true)
+                window['$message'].success('导入成功!')
+              } catch (error) {
+                window['$message'].error('组件导入失败,请检查文件完整性!')
+              }
             }
           })
         })