删除向下编译

优化卡片样式

Author: wherewhere

SharpScript/Site/App.vue

@@ -124,7 +124,7 @@
     import { AnsiUp } from "ansi_up";
     import type { EditorView } from "codemirror";
     import type { Extension, Text } from "@codemirror/state";
-    import { autocompletion, Completion, CompletionContext, ifNotIn } from "@codemirror/autocomplete";
+    import { autocompletion, ifNotIn, Completion, CompletionContext } from "@codemirror/autocomplete";
     import { linter, lintGutter } from "@codemirror/lint";
     import { hoverTooltip } from "@codemirror/view";
     import MetaSetter from "./components/MetaSetter.vue";
@@ -138,7 +138,6 @@
     import Alert16Regular from "@fluentui/svg-icons/icons/alert_16_regular.svg?component";
     import DismissCircle16Regular from "@fluentui/svg-icons/icons/dismiss_circle_16_regular.svg?component";
     import Warning16Regular from "@fluentui/svg-icons/icons/warning_16_regular.svg?component";
-    import { direction } from "@fluentui/web-components";
 
     export default {
         name: "App",
@@ -957,10 +956,11 @@
                 flex: 1;
                 display: flex;
                 overflow: auto;
+                box-sizing: border-box;
                 background: var(--neutral-fill-input-rest);
+                border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
                 border-radius: calc(var(--layer-corner-radius) * 1px);
 
-
                 .cm-editor {
                     flex: 1;
                     overflow: inherit;

SharpScript/Site/components/SplitPanels.vue

@@ -292,27 +292,41 @@
     }
 
     .median {
-        background: var(--neutral-stroke-rest);
+        box-sizing: border-box;
+        background: var(--neutral-fill-input-rest);
+        border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-layer-rest);
         border-radius: calc(var(--control-corner-radius) * 1px);
         display: inline-flex;
         align-items: center;
         justify-content: center;
 
+        span.handle {
+            border: 1px solid var(--neutral-stroke-strong-rest);
+            border-radius: 1px;
+        }
+
         &:hover {
-            background: var(--neutral-stroke-hover);
+            background: var(--neutral-fill-input-hover);
+
+            span.handle {
+                border: 1px solid var(--neutral-stroke-strong-hover);
+            }
         }
 
         &:active {
-            background: var(--neutral-stroke-active);
+            background: var(--neutral-fill-input-active);
+
+            span.handle {
+                border: 1px solid var(--neutral-stroke-strong-active);
+            }
         }
 
         &:focus {
-            background: var(--neutral-stroke-focus);
-        }
+            background: var(--neutral-fill-input-focus);
 
-        span.handle {
-            border: 1px solid var(--neutral-stroke-strong-rest);
-            border-radius: 1px;
+            span.handle {
+                border: 1px solid var(--neutral-stroke-strong-focus);
+            }
         }
     }
 

SharpScript/Site/package.json

@@ -39,16 +39,15 @@
     "type": "git",
     "url": "git+https://github.com/wherewhere/SharpScript.git"
   },
+  "devDependencies": {
+    "eslint": "^9.0.0"
+  },
   "dependencies": {
-    "@babel/preset-typescript": "^7.0.0",
     "@babel/runtime": "^7.0.0",
     "@fluentui/svg-icons": "^1.0.0",
     "@fluentui/web-components": "^2.0.0",
     "@replit/codemirror-lang-csharp": "^6.0.0",
-    "@rollup/plugin-babel": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.0",
     "@uiw/codemirror-theme-vscode": "^4.0.0",
-    "@vitejs/plugin-legacy": "^7.0.0",
     "@vitejs/plugin-vue": "^6.0.0",
     "ansi_up": "^6.0.6",
     "async-lock": "^1.0.0",
@@ -63,9 +62,5 @@
     "vite-svg-loader": "^5.0.0",
     "vue": "^3.0.0",
     "vue-i18n": "^11.0.0"
-  },
-  "devDependencies": {
-    "@types/babel__core": "^7.0.0",
-    "eslint": "^9.0.0"
   }
 }

SharpScript/Site/vite.config.js

@@ -1,8 +1,6 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
-import legacy from "@vitejs/plugin-legacy";
 import svgLoader from "vite-svg-loader";
-import postcssPresetEnv from "postcss-preset-env";
 import { fileURLToPath } from "url";
 import fs from "fs";
 import path from "path";
@@ -18,11 +16,6 @@ export default defineConfig({
                 }
             }
         }),
-        legacy({
-            targets: ["supports custom-elementsv1"],
-            polyfills: false,
-            renderLegacyChunks: false
-        }),
         svgLoader(), {
             name: "dotnet-framework-static-files",
             configureServer(server) {
@@ -106,12 +99,6 @@ export default defineConfig({
                     }
                 }]
             }
-        },
-        postcss: {
-            plugins: [postcssPresetEnv({
-                stage: 0,
-                browsers: ["supports custom-elementsv1"]
-            })]
         }
     },
     build: {