From 9b7081231c5030713cea1db4fbff79388b31d8c6 Mon Sep 17 00:00:00 2001
From: lichunn <269031597@qq.com>
Date: Mon, 23 Sep 2024 04:26:49 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20codeEditor=E6=B7=BB=E5=8A=A0=E6=8F=92?=
 =?UTF-8?q?=E6=A7=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/common/component/MetaCodeEditor.vue  | 14 +-------------
 packages/plugins/page/src/PageInputOutput.vue | 18 ++++++++++++++----
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/packages/common/component/MetaCodeEditor.vue b/packages/common/component/MetaCodeEditor.vue
index 6cbbc7c2f..7230a5762 100644
--- a/packages/common/component/MetaCodeEditor.vue
+++ b/packages/common/component/MetaCodeEditor.vue
@@ -6,7 +6,7 @@
         <svg-icon class="edit-icon" name="to-edit"></svg-icon>
       </div>
       <tiny-button v-else class="edit-btn" @click="open">
-        <svg-icon v-if="showBtnIcon" class="edit-btn-icon" :name="svgName"></svg-icon>
+        <slot name="icon"></slot>
         {{ buttonLabel }}
       </tiny-button>
     </slot>
@@ -121,14 +121,6 @@ export default {
       // 代码编辑器上方提示：title显示简短的文字描述，demo为显示的示例，点击 “展开示例” 可查看
       type: Object,
       default: () => ({ title: '', demo: '' })
-    },
-    showBtnIcon: {
-      type: Boolean,
-      default: false
-    },
-    svgName: {
-      type: String,
-      default: 'to-edit'
     }
   },
   emits: ['save', 'open'],
@@ -271,10 +263,6 @@ export default {
       color: var(--ti-lowcode-meta-codeEditor-hover-color);
       border-color: var(--ti-lowcode-meta-codeEditor-border-hover-color);
     }
-    .edit-btn-icon {
-      color: var(--ti-lowcode-common-text-main-color);
-      margin-right: 4px;
-    }
   }
 }
 
diff --git a/packages/plugins/page/src/PageInputOutput.vue b/packages/plugins/page/src/PageInputOutput.vue
index ebf44a8fa..fb27e4622 100644
--- a/packages/plugins/page/src/PageInputOutput.vue
+++ b/packages/plugins/page/src/PageInputOutput.vue
@@ -5,22 +5,28 @@
       title="输入配置"
       button-text="输入配置"
       language="json"
-      :showBtnIcon="true"
       :buttonShowContent="hasContent(inputValue)"
       single
       @save="saveInputValue"
-    ></meta-code-editor>
+    >
+      <template #icon>
+        <svg-icon class="edit-btn-icon" name="to-edit"></svg-icon>
+      </template>
+    </meta-code-editor>
     <div class="input-output-tips">传递给页面的参数(类似组件的输入属性)</div>
     <meta-code-editor
       :modelValue="outputValue"
       title="输出配置"
       button-text="输出配置"
       language="json"
-      :showBtnIcon="true"
       :buttonShowContent="hasContent(outputValue)"
       single
       @save="saveOutputValue"
-    ></meta-code-editor>
+    >
+      <template #icon>
+        <svg-icon class="edit-btn-icon" name="to-edit"></svg-icon>
+      </template>
+    </meta-code-editor>
     <div class="input-output-div">页面传递出的事件(类似组件触发的输出事件)</div>
 
     <tiny-checkbox class="selectHome" v-model="pageSettingState.currentPageData.isBody"
@@ -120,5 +126,9 @@ export default {
   .input-output-tips {
     margin-bottom: 12px;
   }
+  .edit-btn-icon {
+    color: var(--ti-lowcode-common-text-main-color);
+    margin-right: 6px;
+  }
 }
 </style>