diff --git a/packages/editor/src/fields/UISelect.vue b/packages/editor/src/fields/UISelect.vue index 36d97114..6d29610e 100644 --- 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(); }; diff --git a/packages/editor/src/layouts/sidebar/layer/use-click.ts b/packages/editor/src/layouts/sidebar/layer/use-click.ts index 8315f64d..5af1a918 100644 --- 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) => {