fix(editor): 弹层画布响应组件树点击

Tencent · Jan 18, 2024 · 2114b89 · 2114b89
1 parent 2d5bd2d
commit 2114b89
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/editor/src/fields/UISelect.vue b/packages/editor/src/fields/UISelect.vue
@@ -106,16 +106,19 @@ const deleteHandler = () => {
 const selectNode = async (id: Id) => {
   await services?.editorService.select(id);
   services?.editorService.get('stage')?.select(id);
+  services?.stageOverlayService.get('stage')?.select(id);
 };
 
 const highlight = throttle((id: Id) => {
   services?.editorService.highlight(id);
   services?.editorService.get('stage')?.highlight(id);
+  services?.stageOverlayService.get('stage')?.highlight(id);
 }, 150);
 
 const unhightlight = () => {
   services?.editorService.set('highlightNode', null);
   services?.editorService.get('stage')?.clearHighlight();
+  services?.stageOverlayService.get('stage')?.clearHighlight();
 };
 </script>
 

diff --git a/packages/editor/src/layouts/sidebar/layer/use-click.ts b/packages/editor/src/layouts/sidebar/layer/use-click.ts
@@ -26,6 +26,7 @@ export const useClick = (
     } else {
       await services?.editorService.select(data);
       services?.editorService.get('stage')?.select(data.id);
+      services?.stageOverlayService.get('stage')?.select(data.id);
     }
   };
 
@@ -50,6 +51,7 @@ export const useClick = (
 
     await services?.editorService.multiSelect(newNodes);
     services?.editorService.get('stage')?.multiSelect(newNodes);
+    services?.stageOverlayService.get('stage')?.multiSelect(newNodes);
   };
 
   const throttleTime = 300;
@@ -62,6 +64,7 @@ export const useClick = (
   const highlight = (data: TreeNodeData) => {
     services?.editorService?.highlight(data);
     services?.editorService?.get('stage')?.highlight(data.id);
+    services?.stageOverlayService?.get('stage')?.highlight(data.id);
   };
 
   const nodeClickHandler = (event: MouseEvent, data: TreeNodeData) => {