From c0b519229653d17c9bef9a211505bb1a618e880f Mon Sep 17 00:00:00 2001
From: whyour <imwhyour@gmail.com>
Date: Sat, 24 Sep 2022 11:27:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E7=A7=BB=E5=8A=A8=E7=AB=AF?=
 =?UTF-8?q?=E8=84=9A=E6=9C=AC=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/index.less       | 2 +-
 src/layouts/index.tsx        | 3 +++
 src/pages/crontab/detail.tsx | 1 -
 src/pages/script/index.tsx   | 2 +-
 4 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/layouts/index.less b/src/layouts/index.less
index 02bebc34..c1121680 100644
--- a/src/layouts/index.less
+++ b/src/layouts/index.less
@@ -161,7 +161,7 @@
     &.env-wrapper,
     &.config-wrapper {
       .CodeMirror {
-        width: calc(100vw - 80px);
+        width: calc(100vw - 24px);
       }
     }
   }
diff --git a/src/layouts/index.tsx b/src/layouts/index.tsx
index 5a7ce75b..a22e544e 100644
--- a/src/layouts/index.tsx
+++ b/src/layouts/index.tsx
@@ -20,6 +20,9 @@ import { message, Badge, Modal, Avatar, Dropdown, Menu, Image } from 'antd';
 import SockJS from 'sockjs-client';
 import * as Sentry from '@sentry/react';
 import { init } from '../utils/init';
+import 'codemirror/mode/javascript/javascript';
+import 'codemirror/mode/python/python';
+import 'codemirror/mode/shell/shell';
 
 export interface SharedContext {
   headerStyle: React.CSSProperties;
diff --git a/src/pages/crontab/detail.tsx b/src/pages/crontab/detail.tsx
index e2c7208f..56ec7ea0 100644
--- a/src/pages/crontab/detail.tsx
+++ b/src/pages/crontab/detail.tsx
@@ -103,7 +103,6 @@ const CronDetailModal = ({
           fontSize: 12,
           lineNumbersMinChars: 3,
           fontFamily: 'Source Code Pro',
-          folding: false,
           glyphMargin: false,
           wordWrap: 'on',
         }}
diff --git a/src/pages/script/index.tsx b/src/pages/script/index.tsx
index e0a7eab5..f31ae707 100644
--- a/src/pages/script/index.tsx
+++ b/src/pages/script/index.tsx
@@ -453,6 +453,7 @@ const Script = () => {
         isPhone
           ? [
               <TreeSelect
+                treeExpandAction="click"
                 className="log-select"
                 value={select}
                 dropdownStyle={{ maxHeight: 400, overflow: 'auto' }}
@@ -564,7 +565,6 @@ const Script = () => {
                 readOnly: !isEditing,
                 fontSize: 12,
                 lineNumbersMinChars: 3,
-                folding: false,
                 glyphMargin: false,
               }}
               onMount={(editor) => {