From b06d3c58b3a5b995fbac6d6e378367c6e28fa0a9 Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Fri, 13 Oct 2023 10:20:35 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BACodeEditor=E6=B7=BB=E5=8A=A0bo?=
 =?UTF-8?q?rdered=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CodeEditor/src/CodeEditor.vue            | 3 ++-
 src/components/CodeEditor/src/codemirror/CodeMirror.vue | 7 ++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/CodeEditor/src/CodeEditor.vue b/src/components/CodeEditor/src/CodeEditor.vue
index 1e1ca94..b88187c 100644
--- a/src/components/CodeEditor/src/CodeEditor.vue
+++ b/src/components/CodeEditor/src/CodeEditor.vue
@@ -16,6 +16,7 @@ const props = defineProps({
   },
   readonly: { type: Boolean },
   autoFormat: { type: Boolean, default: true },
+  bordered: { type: Boolean, default: false },
 })
 
 const emit = defineEmits(['change', 'update:value', 'formatError'])
@@ -46,6 +47,6 @@ function handleValueChange(v) {
 
 <template>
   <div class="h-full">
-    <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" @change="handleValueChange" />
+    <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" :bordered="bordered" @change="handleValueChange" />
   </div>
 </template>
diff --git a/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
index e568b0d..b06d34b 100644
--- a/src/components/CodeEditor/src/codemirror/CodeMirror.vue
+++ b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -27,6 +27,7 @@ const props = defineProps({
   },
   value: { type: String, default: '' },
   readonly: { type: Boolean, default: false },
+  bordered: { type: Boolean, default: false },
 })
 
 const emit = defineEmits(['change'])
@@ -107,5 +108,9 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div ref="el" class="relative w-full overflow-hidden !h-full" />
+  <div
+    ref="el"
+    class="relative w-full overflow-hidden !h-full"
+    :class="{ 'ant-input': props.bordered, 'css-dev-only-do-not-override-kqecok': props.bordered }"
+  />
 </template>