🐛 修复代码编辑框不跟随暗夜模式变化的问题与优化id列为sort列

Author: CodFrm

src/pages/components/CodeEditor/index.tsx

@@ -35,10 +35,6 @@ const CodeEditor: React.ForwardRefRenderFunction<
       const div = document.getElementById(id) as HTMLDivElement;
       if (diffCode) {
         edit = editor.createDiffEditor(div, {
-          theme:
-            document.body.getAttribute("arco-theme") === "dark"
-              ? "vs-dark"
-              : "vs",
           enableSplitViewResizing: false,
           renderSideBySide: false,
           folding: true,

src/pages/components/layout/MainLayout.tsx

@@ -20,6 +20,7 @@ import {
   IconMoonFill,
   IconSunFill,
 } from "@arco-design/web-react/icon";
+import { editor } from "monaco-editor";
 import React, { ReactNode, useRef, useState } from "react";
 import { RiFileCodeLine, RiTerminalBoxLine, RiTimerLine } from "react-icons/ri";
 import "./index.css";
@@ -30,8 +31,10 @@ export function switchLight(mode: string) {
     const isMatch = (match: boolean) => {
       if (match) {
         document.body.setAttribute("arco-theme", "dark");
+        editor.setTheme("vs-dark");
       } else {
         document.body.removeAttribute("arco-theme");
+        editor.setTheme("vs");
       }
     };
     darkThemeMq.addEventListener("change", (e) => {
@@ -40,6 +43,7 @@ export function switchLight(mode: string) {
     isMatch(darkThemeMq.matches);
   } else {
     document.body.setAttribute("arco-theme", mode);
+    editor.setTheme(mode === "dark" ? "vs-dark" : "vs");
   }
 }
 

src/pages/options/routes/ScriptList.tsx

@@ -193,10 +193,13 @@ function ScriptList() {
   const columns: ColumnProps[] = [
     {
       title: "#",
-      dataIndex: "id",
+      dataIndex: "sort",
       width: 70,
-      key: "id",
+      key: "sort",
       sorter: (a, b) => a.id - b.id,
+      render(col) {
+        return col + 1;
+      },
     },
     {
       title: "开启",