修复上传代码看不到的bug

Author: Longgererer

src/store/mutations/instance.js

@@ -72,6 +72,9 @@ const instance = {
   setIframeInit: (state, isInit) => {
     state.iframeInit = isInit
   },
+  setHasUploadCode: (state, status) => {
+    state.hasUploadCode = status
+  }
 }
 
 export default instance

src/store/state/instance.js

@@ -58,10 +58,13 @@ const instance = {
     tags: '',
     liked: false,
     id: '',
-    saved: true // 当前实例是否被保存了
+    saved: true, // 当前实例是否被保存了
+    ispublic: true,
   },
 
-  iframeInit: false // iframe是否被初始化过
+  iframeInit: false, // iframe是否被初始化过
+
+  hasUploadCode: false // 当前是否有代码上传
 }
 
 export default instance

src/views/instance/components/dialog/upload.vue

@@ -64,6 +64,7 @@ export default {
       'setInstanceCode',
       'setPrep',
       'setCurTab',
+      'setHasUploadCode'
     ]),
     chooseFile() {
       // 判断上传的文件中哪些是符合后缀名要求的
@@ -96,6 +97,7 @@ export default {
         const fileList = this.fileList
         const resolve = this.resolve
         const codeObj = {}
+        this.setHasUploadCode(false)
         await uploader(fileList, resolve).then((res) => {
           let visibleTab = ''
           const { HTML, CSS, JavaScript } = res
@@ -147,6 +149,8 @@ export default {
           })
         }
         this.fileList = []
+        this.setHasUploadCode(true)
+        this.$refs.fileInput.value = ''
         this.$message.success('所有文件已全部上传成功！')
       } catch (err) {
         this.$message.error('文件上传过程出错！')

src/views/instance/components/editor.vue

@@ -55,6 +55,7 @@ export default {
       'instanceSetting',
       'mdToolbarVisible',
       'curTab',
+      'hasUploadCode',
     ]),
     fontStyle() {
       const { family: fontFamily, size: fontSize } = this.instanceSetting.font
@@ -69,6 +70,9 @@ export default {
     },
   },
   watch: {
+    hasUploadCode(status) {
+      if (status) this.code = this.codeContent
+    },
     codeMode(newMode) {
       const codeOptions = this.codeOptions
       codeOptions.mode = modeStyleList[newMode]