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

src/pages/script/editModal.tsx

@@ -72,18 +72,53 @@ 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('');
-    request
+    autoSave.save().then(() => {
-      .put(`${config.apiPrefix}scripts/run`, {
+      request
-        data: {
+        .put(`${config.apiPrefix}scripts/run`, {
-          filename: cNode.value,
+          data: {
-          path: cNode.parent || '',
+            filename: cNode.value,
-        },
+            path: cNode.parent || '',
-      })
+          },
-      .then((data) => {
+        })
-        setIsRunning(true);
+        .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