From ddd22ff486c28bbc55d86190f263648ebf32f94f Mon Sep 17 00:00:00 2001
From: parisma <parisma@tencent.com>
Date: Wed, 14 Sep 2022 15:08:39 +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=E5=A2=9E=E5=8A=A0option=E6=9D=A5?=
 =?UTF-8?q?=E6=BA=90=E7=9A=84=E9=BB=98=E8=AE=A4=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/fields/CodeSelect.vue | 26 +++++++++++++++++++++--
 packages/editor/src/utils/props.ts        | 17 ---------------
 2 files changed, 24 insertions(+), 19 deletions(-)

diff --git a/packages/editor/src/fields/CodeSelect.vue b/packages/editor/src/fields/CodeSelect.vue
index 8c89196e..05be41b4 100644
--- a/packages/editor/src/fields/CodeSelect.vue
+++ b/packages/editor/src/fields/CodeSelect.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="m-fields-code-select">
     <m-fields-select
-      :config="config.selectConfig"
+      :config="selectConfig"
       :model="model"
       :prop="prop"
       :name="name"
@@ -20,8 +20,9 @@
 </template>
 
 <script lang="ts" setup>
-import { defineEmits, defineProps, inject } from 'vue';
+import { computed, defineEmits, defineProps, inject } from 'vue';
 import { View } from '@element-plus/icons-vue';
+import { map } from 'lodash-es';
 
 import { SelectConfig } from '@tmagic/form';
 
@@ -41,6 +42,27 @@ const props = defineProps<{
   size: string;
 }>();
 
+const selectConfig = computed(() => {
+  const defaultConfig = {
+    multiple: true,
+    options: async () => {
+      const codeDsl = await services?.codeBlockService.getCodeDsl();
+      if (codeDsl) {
+        return map(codeDsl, (value, key) => ({
+          text: `${value.name}（${key}）`,
+          label: `${value.name}（${key}）`,
+          value: key,
+        }));
+      }
+      return [];
+    },
+  };
+  return {
+    ...defaultConfig,
+    ...props.config.selectConfig,
+  };
+});
+
 const changeHandler = async (value: any) => {
   // 记录组件与代码块的绑定关系
   const { id = '' } = services?.editorService.get('node') || {};
diff --git a/packages/editor/src/utils/props.ts b/packages/editor/src/utils/props.ts
index eadecb8c..76a2cb58 100644
--- a/packages/editor/src/utils/props.ts
+++ b/packages/editor/src/utils/props.ts
@@ -16,11 +16,8 @@
  * limitations under the License.
  */
 
-import { map } from 'lodash-es';
-
 import { FormConfig, FormState } from '@tmagic/form';
 
-import codeBlockService from '../services/codeBlock';
 import editorService from '../services/editor';
 import eventsService from '../services/events';
 
@@ -231,20 +228,6 @@ export const fillConfig = (config: FormConfig = []) => [
             text: 'created',
             type: 'code-select',
             labelWidth: '100px',
-            selectConfig: {
-              multiple: true,
-              options: async () => {
-                const codeDsl = await codeBlockService.getCodeDsl();
-                if (codeDsl) {
-                  return map(codeDsl, (value, key) => ({
-                    text: `${value.name}（${key}）`,
-                    label: `${value.name}（${key}）`,
-                    value: key,
-                  }));
-                }
-                return [];
-              },
-            },
           },
         ],
       },