From d4b6cc5e4d4ff8bd7d444dbb33adb5aafc08d025 Mon Sep 17 00:00:00 2001
From: whyour <imwhyour@gmail.com>
Date: Thu, 13 Oct 2022 23:39:28 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E8=B0=83=E8=AF=95=E8=84=9A?=
 =?UTF-8?q?=E6=9C=AC=E9=80=89=E6=8B=A9=E8=84=9A=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/config/index.tsx     | 1 +
 src/pages/log/index.tsx        | 1 +
 src/pages/script/editModal.tsx | 9 +++++++++
 src/pages/script/index.tsx     | 6 +++++-
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/pages/config/index.tsx b/src/pages/config/index.tsx
index ecd2ebf6..6cfb44aa 100644
--- a/src/pages/config/index.tsx
+++ b/src/pages/config/index.tsx
@@ -80,6 +80,7 @@ const Config = () => {
       loading={loading}
       extra={[
         <TreeSelect
+          treeExpandAction="click"
           className="config-select"
           value={select}
           dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
diff --git a/src/pages/log/index.tsx b/src/pages/log/index.tsx
index 719a68c8..4d60a467 100644
--- a/src/pages/log/index.tsx
+++ b/src/pages/log/index.tsx
@@ -185,6 +185,7 @@ const Log = () => {
         isPhone
           ? [
               <TreeSelect
+                treeExpandAction="click"
                 className="log-select"
                 value={select}
                 dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
diff --git a/src/pages/script/editModal.tsx b/src/pages/script/editModal.tsx
index 703e0b56..b79264d2 100644
--- a/src/pages/script/editModal.tsx
+++ b/src/pages/script/editModal.tsx
@@ -57,6 +57,11 @@ const EditModal = ({
     if (node.key === selectedKey || !value) {
       return;
     }
+
+    if (node.type === 'directory') {
+      return;
+    }
+
     const newMode = LangMap[value.slice(-3)] || '';
     setCNode(node);
     setLanguage(newMode);
@@ -136,10 +141,13 @@ const EditModal = ({
   }, [socketMessage]);
 
   useEffect(() => {
+    setLog('');
     if (currentNode) {
       setCNode(currentNode);
       setValue(content as string);
       setSelectedKey(currentNode.key);
+      const newMode = LangMap[value.slice(-3)] || '';
+      setLanguage(newMode);
     }
   }, [content, currentNode]);
 
@@ -150,6 +158,7 @@ const EditModal = ({
       title={
         <>
           <TreeSelect
+            treeExpandAction="click"
             style={{ marginRight: 8, width: 150 }}
             value={selectedKey}
             dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
diff --git a/src/pages/script/index.tsx b/src/pages/script/index.tsx
index cd1abdb3..1974fcca 100644
--- a/src/pages/script/index.tsx
+++ b/src/pages/script/index.tsx
@@ -82,7 +82,11 @@ const Script = () => {
 
   const getDetail = (node: any) => {
     request
-      .get(`${config.apiPrefix}scripts/${node.title}?path=${node.parent || ''}`)
+      .get(
+        `${config.apiPrefix}scripts/${encodeURIComponent(node.title)}?path=${
+          node.parent || ''
+        }`,
+      )
       .then(({ code, data }) => {
         if (code === 200) {
           setValue(data);