From e50e332818dbe44f33489167aa5be4e42196e82a Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Fri, 8 Dec 2023 17:27:19 +0800
Subject: [PATCH] =?UTF-8?q?feat(editor):=20=E5=8F=AF=E9=80=89=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=8C=89=E9=92=AE=E5=8F=AA=E6=9C=89=E5=9C=A8=E5=8F=AF?=
 =?UTF-8?q?=E9=80=89=E7=BB=84=E4=BB=B6=E9=95=BF=E5=BA=A6=E5=A4=A7=E4=BA=8E?=
 =?UTF-8?q?3=E6=97=B6=E6=89=8D=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../editor/src/layouts/workspace/viewer/NodeListMenu.vue  | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue b/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue
index 846e1dd3..44c86dec 100644
--- a/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue
+++ b/packages/editor/src/layouts/workspace/viewer/NodeListMenu.vue
@@ -1,9 +1,9 @@
 <template>
-  <TMagicTooltip v-if="page" content="点击查看当前位置下的组件">
+  <TMagicTooltip v-if="page && buttonVisible" content="点击查看当前位置下的组件">
     <div ref="button" class="m-editor-stage-float-button" @click="visible = true">可选组件</div>
   </TMagicTooltip>
   <FloatingBox
-    v-if="page && nodeStatusMap"
+    v-if="page && nodeStatusMap && buttonVisible"
     ref="box"
     v-model:visible="visible"
     title="当前位置下的组件"
@@ -36,6 +36,7 @@ const services = inject<Services>('services');
 const editorService = services?.editorService;
 
 const visible = ref(false);
+const buttonVisible = ref(false);
 const button = ref<HTMLDivElement>();
 const box = ref<InstanceType<typeof FloatingBox>>();
 
@@ -58,6 +59,9 @@ const unWatch = watch(
     stage.on('select', (el: HTMLElement, event: MouseEvent) => {
       const els = stage.renderer.getElementsFromPoint(event) || [];
       const ids = els.map((el) => el.id).filter((id) => Boolean(id));
+
+      buttonVisible.value = ids.length > 3;
+
       filterTextChangeHandler(ids);
     });