alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(core,edges): group edges on edge selection changes

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2022-12-19 16:50:51 +01:00
committed by Braks
parent b734d085b2
commit d06ce8659d
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/container/EdgeRenderer/EdgeRenderer.vue
+3 -2
View File
@@ -1,5 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { EffectScope } from 'vue' import type { EffectScope, WatchStopHandle } from 'vue'
import EdgeWrapper from '../../components/Edges/EdgeWrapper' import EdgeWrapper from '../../components/Edges/EdgeWrapper'
import ConnectionLine from '../../components/ConnectionLine/ConnectionLine.vue' import ConnectionLine from '../../components/ConnectionLine/ConnectionLine.vue'
import type { EdgeComponent, EdgeUpdatable, GraphEdge } from '../../types' import type { EdgeComponent, EdgeUpdatable, GraphEdge } from '../../types'
@@ -17,6 +17,7 @@ const {
edgesUpdatable, edgesUpdatable,
elementsSelectable, elementsSelectable,
getSelectedNodes, getSelectedNodes,
getSelectedEdges,
nodesSelectionActive, nodesSelectionActive,
getNode, getNode,
getNodes, getNodes,
@@ -63,7 +64,7 @@ onPaneReady(() => {
scope.run(() => { scope.run(() => {
watch( watch(
[$$(getSelectedNodes), $$(getEdges)], [$$(getSelectedNodes), $$(getEdges), () => (elevateEdgesOnSelect ? getSelectedEdges : [])],
() => { () => {
if (elevateEdgesOnSelect) { if (elevateEdgesOnSelect) {
nextTick(() => (groups = groupEdgesByZLevel(getEdges, getNode))) nextTick(() => (groups = groupEdgesByZLevel(getEdges, getNode)))