From 36ff0f9642e591686d4bfb32c229df21f310a732 Mon Sep 17 00:00:00 2001 From: K <1175047471@qq.com> Date: Wed, 20 Mar 2024 10:13:49 +0800 Subject: [PATCH] =?UTF-8?q?feat(CodeEditor):=20=E4=B8=BB=E9=A2=98=E6=9B=B4?= =?UTF-8?q?=E6=8D=A2=E4=B8=BA=20oneDark?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + pnpm-lock.yaml | 12 ++++++++++++ .../CodeEditor/src/codemirror/CodeMirror.vue | 2 ++ 3 files changed, 15 insertions(+) diff --git a/package.json b/package.json index 8e0e9b4f..3e11a1b1 100644 --- a/package.json +++ b/package.json @@ -30,6 +30,7 @@ "@codemirror/lang-javascript": "^6.2.2", "@codemirror/lang-json": "^6.0.1", "@codemirror/state": "^6.4.1", + "@codemirror/theme-one-dark": "^6.1.2", "@codemirror/view": "^6.25.1", "@vueuse/core": "^10.6.1", "@zxcvbn-ts/core": "^3.0.4", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 80353256..aee7cc95 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,6 +23,9 @@ dependencies: '@codemirror/state': specifier: ^6.4.1 version: 6.4.1 + '@codemirror/theme-one-dark': + specifier: ^6.1.2 + version: 6.1.2 '@codemirror/view': specifier: ^6.25.1 version: 6.25.1 @@ -1664,6 +1667,15 @@ packages: resolution: {integrity: sha512-QkEyUiLhsJoZkbumGZlswmAhA7CBU02Wrz7zvH4SrcifbsqwlXShVXg65f3v/ts57W3dqyamEriMhij1Z3Zz4A==} dev: false + /@codemirror/theme-one-dark@6.1.2: + resolution: {integrity: sha512-F+sH0X16j/qFLMAfbciKTxVOwkdAS336b7AXTKOZhy8BR3eH/RelsnLgLFINrpST63mmN2OuwUt0W2ndUgYwUA==} + dependencies: + '@codemirror/language': 6.10.1 + '@codemirror/state': 6.4.1 + '@codemirror/view': 6.25.1 + '@lezer/highlight': 1.2.0 + dev: false + /@codemirror/view@6.25.1: resolution: {integrity: sha512-2LXLxsQnHDdfGzDvjzAwZh2ZviNJm7im6tGpa0IONIDnFd8RZ80D2SNi8PDi6YjKcMoMRK20v6OmKIdsrwsyoQ==} dependencies: diff --git a/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/src/components/CodeEditor/src/codemirror/CodeMirror.vue index 3e4ffd47..6becfa10 100644 --- a/src/components/CodeEditor/src/codemirror/CodeMirror.vue +++ b/src/components/CodeEditor/src/codemirror/CodeMirror.vue @@ -8,6 +8,7 @@ import { EditorState } from '@codemirror/state' import { javascript } from '@codemirror/lang-javascript' import { json } from '@codemirror/lang-json' import { indentWithTab } from '@codemirror/commands' +import { oneDark } from '@codemirror/theme-one-dark' import { MODE } from './../typing' const props = defineProps({ @@ -67,6 +68,7 @@ async function init() { emit('change', context) })), EditorState.readOnly.of(props.readonly), + oneDark, ], })