vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix: loose focus when clicked outside container

Browse source
This commit is contained in:
Shariq Ansari 2023-05-02 21:13:27 +05:30
parent a405f99154
commit 1622f8d86a
1 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frappe/public/js/workflow_builder/WorkflowBuilder.vue
View file

@ -7,13 +7,15 @@ import ActionNode from "./components/ActionNode.vue";
import ConnectionLine from "./components/ConnectionLine.vue";
import Sidebar from "./components/Sidebar.vue";
import { useStore } from "./store";
import { nextTick, onMounted, watch } from "vue";
import { useMagicKeys, whenever } from "@vueuse/core";
import { ref, nextTick, onMounted, watch } from "vue";
import { onClickOutside, useMagicKeys, whenever } from "@vueuse/core";
let store = useStore();
let {
const {
nodes,
getEdges,
getSelectedNodes,
findNode,
onNodeDragStop,
onConnect,
@ -30,6 +32,12 @@ let {
vueFlowRef
} = useVueFlow();
let main = ref(null);
onClickOutside(main, () => {
getSelectedNodes.value?.forEach(node => (node.selected = false));
store.workflow.selected = null;
});
// cmd/ctrl + s to save the form
const { meta_s, ctrl_s } = useMagicKeys();
whenever(
@ -191,7 +199,7 @@ onMounted(() => store.fetch());
</script>
<template>
<div class="main">
<div class="main" ref="main">
<div class="sidebar-container" @click.stop>
<Sidebar />
</div>