From 0b3585c150505dfa93c86d5421b392f2551e2579 Mon Sep 17 00:00:00 2001
From: parisma <parisma@tencent.com>
Date: Wed, 21 Sep 2022 17:34:40 +0800
Subject: [PATCH] =?UTF-8?q?feat(editor):=20=E6=9A=82=E6=97=B6=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E4=BB=A3=E7=A0=81=E5=9D=97=E5=88=97=E8=A1=A8=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E7=BB=84=E4=BB=B6=E5=8A=9F=E8=83=BD,=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E7=82=B9=E5=87=BB=E7=BB=84=E4=BB=B6tag=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D=E5=88=B0=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sidebar/code-block/CodeBlockList.vue      | 39 ++++++++++++++-----
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
index f3730f5b..7639e6d7 100644
--- a/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
+++ b/packages/editor/src/layouts/sidebar/code-block/CodeBlockList.vue
@@ -61,14 +61,24 @@
                 d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"
               ></path>
             </svg>
-            <el-button
+            <!-- todo 功能暂时隐藏 -->
+            <!-- <el-button
               v-for="(comp, index) in state.bindComps[data.id]"
               :key="index"
               class="code-comp"
               size="small"
               :plain="true"
               >{{ comp.name }}<Icon :icon="Close" class="comp-delete-icon" @click.stop="unbind(comp.id, data.id)"></Icon
-            ></el-button>
+            ></el-button> -->
+            <el-button
+              v-for="(comp, index) in state.bindComps[data.id]"
+              :key="index"
+              class="code-comp"
+              size="small"
+              :plain="true"
+              @click.stop="selectComp(comp.id)"
+              >{{ comp.name }}</el-button
+            >
           </div>
         </div>
       </template>
@@ -90,6 +100,7 @@ import { ElMessage } from 'element-plus';
 import { flattenDeep, forIn, isEmpty, values, xor } from 'lodash-es';
 
 import { Id } from '@tmagic/schema';
+import StageCore from '@tmagic/stage';
 
 import Icon from '../../../components/Icon.vue';
 import type { CodeBlockContent, Services } from '../../../type';
@@ -102,7 +113,7 @@ const props = defineProps<{
 }>();
 
 const services = inject<Services>('services');
-const codeHooks = inject<string[]>('codeHooks') || [];
+// const codeHooks = inject<string[]>('codeHooks') || [];
 
 // 代码块列表
 const state = reactive<ListState>({
@@ -251,13 +262,21 @@ const getCompName = (compId: Id): string => {
   return node?.name || String(compId);
 };
 
+// todo 功能暂时隐藏
 // 解除绑定
-const unbind = async (compId: Id, codeId: string) => {
-  const res = await services?.codeBlockService.unbind(compId, codeId, codeHooks);
-  if (res) {
-    ElMessage.success('绑定关系解除成功');
-  } else {
-    ElMessage.error('绑定关系解除失败');
-  }
+// const unbind = async (compId: Id, codeId: string) => {
+//   const res = await services?.codeBlockService.unbind(compId, codeId, codeHooks);
+//   if (res) {
+//     ElMessage.success('绑定关系解除成功');
+//   } else {
+//     ElMessage.error('绑定关系解除失败');
+//   }
+// };
+
+// 选中组件
+const selectComp = (compId: Id) => {
+  const stage = services?.editorService.get<StageCore | null>('stage');
+  services?.editorService.select(compId);
+  stage?.select(compId);
 };
 </script>