feat: 编辑器增加 plaintext 类型

frontend/src/global/mimetype.ts

@@ -17,6 +17,14 @@ export const Mimetypes = new Map([
 ]);
 
 export const Languages = [
+    {
+        label: 'plaintext',
+        value: 'plaintext',
+    },
+    {
+        label: 'json',
+        value: 'json',
+    },
     {
         label: 'go',
         value: 'go',
@@ -65,10 +73,6 @@ export const Languages = [
         label: 'yaml',
         value: 'yaml',
     },
-    {
-        label: 'json',
-        value: 'json',
-    },
     {
         label: 'css',
         value: 'css',

frontend/src/views/host/file-management/code-editor/index.vue

@@ -58,7 +58,7 @@ let loading = ref(false);
 
 let config = reactive<EditorConfig>({
     theme: 'vs-dark',
-    language: 'json',
+    language: 'plaintext',
 });
 
 const themes = [
@@ -97,13 +97,13 @@ const initEditor = () => {
     }
     const codeBox = document.getElementById('codeBox');
     editor = monaco.editor.create(codeBox as HTMLElement, {
-        theme: config.theme, //官方自带三种主题vs, hc-black, or vs-dark
+        theme: config.theme,
         value: form.value.content,
         readOnly: false,
         automaticLayout: true,
         language: config.language,
-        folding: true, //代码折叠
-        roundedSelection: false, // 右侧不显示编辑器预览框
+        folding: true,
+        roundedSelection: false,
     });
 
     editor.onDidChangeModelContent(() => {

frontend/src/views/host/file-management/index.vue

@@ -196,7 +196,7 @@ let pathWidth = ref(0);
 const fileCreate = reactive({ path: '/', isDir: false, mode: 0o755 });
 const fileCompress = reactive({ files: [''], name: '', dst: '', operate: 'compress' });
 const fileDeCompress = reactive({ path: '', name: '', dst: '', mimeType: '' });
-const fileEdit = reactive({ content: '', path: '', name: '', language: 'json' });
+const fileEdit = reactive({ content: '', path: '', name: '', language: 'plaintext' });
 const codeReq = reactive({ path: '', expand: false, page: 1, pageSize: 100 });
 const fileUpload = reactive({ path: '' });
 const fileRename = reactive({ path: '', oldName: '' });