From 7b961f128424c95ca20a9c4fbe3290f114ab865b Mon Sep 17 00:00:00 2001
From: parisma <parisma@tencent.com>
Date: Wed, 14 Sep 2022 16:21:38 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20=E7=BB=91=E5=AE=9A=E5=85=B3?=
 =?UTF-8?q?=E7=B3=BB=E7=BB=84=E4=BB=B6=E6=94=AF=E6=8C=81=E5=8D=95=E9=80=89?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/fields/CodeSelect.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/editor/src/fields/CodeSelect.vue b/packages/editor/src/fields/CodeSelect.vue
index 05be41b4..2c0a7217 100644
--- a/packages/editor/src/fields/CodeSelect.vue
+++ b/packages/editor/src/fields/CodeSelect.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, defineEmits, defineProps, inject } from 'vue';
+import { computed, defineEmits, defineProps, inject, ref } from 'vue';
 import { View } from '@element-plus/icons-vue';
 import { map } from 'lodash-es';
 
@@ -63,6 +63,8 @@ const selectConfig = computed(() => {
   };
 });
 
+const combineIds = ref();
+
 const changeHandler = async (value: any) => {
   // 记录组件与代码块的绑定关系
   const { id = '' } = services?.editorService.get('node') || {};
@@ -72,7 +74,11 @@ const changeHandler = async (value: any) => {
 
 const viewHandler = async () => {
   await services?.codeBlockService.setMode(EditorMode.LIST);
-  await services?.codeBlockService.setCombineIds(props.model[props.name]);
-  services?.codeBlockService.setCodeEditorContent(true, props.model[props.name][0]);
+  combineIds.value = props.model[props.name];
+  if (typeof props.model[props.name] === 'string') {
+    combineIds.value = [props.model[props.name]];
+  }
+  await services?.codeBlockService.setCombineIds(combineIds.value);
+  services?.codeBlockService.setCodeEditorContent(true, combineIds.value[0]);
 };
 </script>