|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<!-- -->
|
|
|
<ui-group-option
|
|
|
- :class="`sign-guide ${hover ? 'active' : ''} `"
|
|
|
+ :class="`sign-guide ${hover || focus ? 'active' : ''} `"
|
|
|
@click.stop="clickHandler"
|
|
|
@mouseenter="enterHandler"
|
|
|
@mouseleave="leaveHandler"
|
|
@@ -58,14 +58,16 @@ const actions = {
|
|
|
delete: () => emit("delete"),
|
|
|
};
|
|
|
|
|
|
-const focus = computed(() => custom.showPath === props.path.id);
|
|
|
+const focus = ref(false);
|
|
|
const hover = ref(false);
|
|
|
const node = computed(() => getPathNode(props.path.id));
|
|
|
watchEffect((onCleanup) => {
|
|
|
if (!node.value) return;
|
|
|
const $node = node.value;
|
|
|
const focusHandler = (f: boolean) => {
|
|
|
- node.value?.fly();
|
|
|
+ // node.value?.fly();
|
|
|
+ focus.value = f;
|
|
|
+ console.error("focus", f);
|
|
|
};
|
|
|
const leaveHandler = () => {
|
|
|
hover.value = false;
|
|
@@ -76,6 +78,7 @@ watchEffect((onCleanup) => {
|
|
|
|
|
|
$node.bus.on("enter", enterHandler);
|
|
|
$node.bus.on("leave", leaveHandler);
|
|
|
+ $node.bus.on("focus", focusHandler);
|
|
|
onCleanup(() => $node.bus.off("focus", focusHandler));
|
|
|
});
|
|
|
|