From ee23f03e4c492c8391d8119409701087ac0bf90d Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Tue, 23 Jan 2024 16:55:09 +0800
Subject: [PATCH] Optimize Editor

---
 src/components/Playground/CodeEditor/index.tsx | 4 ++--
 src/pages/System/Tools/Base.tsx                | 8 +++++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Playground/CodeEditor/index.tsx b/src/components/Playground/CodeEditor/index.tsx
index c4bd636..938aa66 100644
--- a/src/components/Playground/CodeEditor/index.tsx
+++ b/src/components/Playground/CodeEditor/index.tsx
@@ -105,7 +105,7 @@ const CodeEditor = ({
         }
     }
 
-    const handleOnChangeFileContent = _.debounce((code: string = '') => {
+    const handleOnChangeFileContent = (code: string = '') => {
         if (!files[onSelectedFileChange ? propsSelectedFileName : selectedFileName]) {
             return
         }
@@ -116,7 +116,7 @@ const CodeEditor = ({
             onSelectedFileChange ? propsSelectedFileName : selectedFileName,
             clone
         )
-    }, 250)
+    }
 
     return (
         <>
diff --git a/src/pages/System/Tools/Base.tsx b/src/pages/System/Tools/Base.tsx
index 64dd690..e0b0596 100644
--- a/src/pages/System/Tools/Base.tsx
+++ b/src/pages/System/Tools/Base.tsx
@@ -26,14 +26,13 @@ import {
     strToBase64,
     TS_CONFIG_FILE_NAME
 } from '@/components/Playground/files'
+import compiler from '@/components/Playground/compiler'
 import FitFullscreen from '@/components/common/FitFullscreen'
 import FlexBox from '@/components/common/FlexBox'
 import HideScrollbar from '@/components/common/HideScrollbar'
 import Card from '@/components/common/Card'
 import CodeEditor from '@/components/Playground/CodeEditor'
 import Permission from '@/components/common/Permission'
-import { useState } from 'react'
-import compiler from '@/components/Playground/compiler.ts'
 
 const Base = () => {
     const blocker = useBlocker(
@@ -292,6 +291,7 @@ const Base = () => {
                                                     key: 'uploading',
                                                     duration: 0
                                                 })
+                                                // TODO Remove debug
                                                 console.debug(result.outputFiles[0].text)
                                                 void r_sys_tool_base_update({
                                                     id: value.id,
@@ -882,7 +882,9 @@ const Base = () => {
 
     const handleOnChangeFileContent = (_content: string, _fileName: string, files: IFiles) => {
         setEditingFiles({ ...editingFiles, [editingBaseId]: files })
-        setHasEdited({ ...hasEdited, [editingBaseId]: true })
+        if (!hasEdited[editingBaseId]) {
+            setHasEdited({ ...hasEdited, [editingBaseId]: true })
+        }
     }
 
     useEffect(() => {