修复windows换行符

src/pages/config/index.tsx

@@ -3,7 +3,7 @@ import { Button, message, Modal, TreeSelect } from 'antd';
 import config from '@/utils/config';
 import { PageContainer } from '@ant-design/pro-layout';
 import { request } from '@/utils/http';
-import Editor from "@monaco-editor/react";
+import Editor from '@monaco-editor/react';
 
 const Config = () => {
   const [width, setWidth] = useState('100%');
@@ -65,18 +65,19 @@ const Config = () => {
   useEffect(() => {
     const media = window.matchMedia('(prefers-color-scheme: dark)');
     const storageTheme = localStorage.getItem('qinglong_dark_theme');
-    const isDark = (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
+    const isDark =
+      (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
     setTheme(isDark ? 'vs-dark' : 'vs');
     media.addEventListener('change', (e) => {
       if (storageTheme === 'auto' || !storageTheme) {
         if (e.matches) {
-          setTheme('vs-dark')
+          setTheme('vs-dark');
         } else {
           setTheme('vs');
         }
       }
-    })
+    });
-  },[])
+  }, []);
 
   return (
     <PageContainer
@@ -119,9 +120,11 @@ const Config = () => {
           minimap: { enabled: width === '100%' },
           lineNumbersMinChars: 3,
           folding: false,
-          glyphMargin: false
+          glyphMargin: false,
+        }}
+        onChange={(val) => {
+          setValue((val as string).replace(/\r\n/g, '\n'));
         }}
-        onChange={(val) => {setValue(val as string)}}
       />
     </PageContainer>
   );

src/pages/log/index.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, useCallback, Key, useRef } from 'react';
 import { TreeSelect, Tree, Input } from 'antd';
 import config from '@/utils/config';
 import { PageContainer } from '@ant-design/pro-layout';
-import Editor from "@monaco-editor/react";
+import Editor from '@monaco-editor/react';
 import { request } from '@/utils/http';
 import styles from './index.module.less';
 
@@ -123,18 +123,19 @@ const Log = () => {
   useEffect(() => {
     const media = window.matchMedia('(prefers-color-scheme: dark)');
     const storageTheme = localStorage.getItem('qinglong_dark_theme');
-    const isDark = (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
+    const isDark =
+      (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
     setTheme(isDark ? 'vs-dark' : 'vs');
     media.addEventListener('change', (e) => {
       if (storageTheme === 'auto' || !storageTheme) {
         if (e.matches) {
-          setTheme('vs-dark')
+          setTheme('vs-dark');
         } else {
           setTheme('vs');
         }
       }
-    })
+    });
-  },[])
+  }, []);
 
   return (
     <PageContainer
@@ -199,9 +200,11 @@ const Log = () => {
             fontFamily: 'Source Code Pro',
             folding: false,
             glyphMargin: false,
-            wordWrap: 'on'
+            wordWrap: 'on',
+          }}
+          onChange={(val, ev) => {
+            setValue((val as string).replace(/\r\n/g, '\n'));
           }}
-          onChange={(val, ev) => {setValue(val as string)}}
         />
       </div>
     </PageContainer>

src/pages/script/index.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, useCallback, Key, useRef } from 'react';
 import { TreeSelect, Tree, Input } from 'antd';
 import config from '@/utils/config';
 import { PageContainer } from '@ant-design/pro-layout';
-import Editor from "@monaco-editor/react";
+import Editor from '@monaco-editor/react';
 import { request } from '@/utils/http';
 import styles from './index.module.less';
 
@@ -23,6 +23,7 @@ const LangMap: any = {
   '.py': 'python',
   '.js': 'javascript',
   '.sh': 'shell',
+  '.ts': 'typescript',
 };
 
 const Script = () => {
@@ -98,18 +99,19 @@ const Script = () => {
   useEffect(() => {
     const media = window.matchMedia('(prefers-color-scheme: dark)');
     const storageTheme = localStorage.getItem('qinglong_dark_theme');
-    const isDark = (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
+    const isDark =
+      (media.matches && storageTheme !== 'light') || storageTheme === 'dark';
     setTheme(isDark ? 'vs-dark' : 'vs');
     media.addEventListener('change', (e) => {
       if (storageTheme === 'auto' || !storageTheme) {
         if (e.matches) {
-          setTheme('vs-dark')
+          setTheme('vs-dark');
         } else {
           setTheme('vs');
         }
       }
-    })
+    });
-  },[])
+  }, []);
 
   return (
     <PageContainer
@@ -173,8 +175,11 @@ const Script = () => {
             lineNumbersMinChars: 3,
             folding: false,
             glyphMargin: false,
+            default
+          }}
+          onChange={(val) => {
+            setValue((val as string).replace(/\r\n/g, '\n'));
           }}
-          onChange={(val) => {setValue(val as string)}}
         />
       </div>
     </PageContainer>