前端 - 调试 - 运行脚本时自动保存

src/pages/script/editModal.tsx

@@ -72,8 +72,42 @@ const EditModal = ({
       });
   };
 
+  class AutoSave {
+    private id: any;
+
+    constructor() {
+      this.id = ''
+    }
+    start() {
+      this.id = setInterval(async() => await this.save, 3000)
+    }
+    stop() {
+      clearInterval(this.id)
+    }
+    async save() {
+      const payload = {
+        content: editorRef.current && editorRef.current.getValue().replace(/\r\n/g, '\n'),
+        filename: cNode?.value,
+        originFilename: cNode?.value,
+        path: cNode?.parent
+      }
+      return request.post(`${config.apiPrefix}scripts`, {
+        data: payload,
+      })
+    }
+  }
+
+  const autoSave = new AutoSave();
+
+  if (visible) {
+    autoSave.start()
+  } else {
+    autoSave.stop()
+  }
+
   const run = () => {
     setLog('');
+    autoSave.save().then(() => {
       request
         .put(`${config.apiPrefix}scripts/run`, {
           data: {
@@ -84,6 +118,7 @@ const EditModal = ({
         .then((data) => {
           setIsRunning(true);
         });
+    })
   };
 
   const stop = () => {

src/pages/script/index.tsx

@@ -552,6 +552,7 @@ const Script = ({ headerStyle, isPhone, theme, socketMessage }: any) => {
           socketMessage={socketMessage}
           handleCancel={() => {
             setIsLogModalVisible(false);
+            getDetail(currentNode);
           }}
         />
         <EditScriptNameModal