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

update: button edge example to remove edge on click

Browse Source
This commit is contained in:
Braks
2021-08-08 20:33:55 +02:00
parent 74a2a3d8c3
commit 156b312336
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/EdgeWithButton/ButtonEdge.tsx
+9 -2
View File
@@ -1,13 +1,20 @@
import { computed, defineComponent } from 'vue'; import { computed, defineComponent, inject } from 'vue';
import { getBezierPath, getEdgeCenter, getMarkerEnd } from '../../src'; import { getBezierPath, getEdgeCenter, getMarkerEnd, RevueFlowStore } from '../../src';
import { DefaultEdgeProps } from '../../src/components/Edges/utils'; import { DefaultEdgeProps } from '../../src/components/Edges/utils';
import { RevueFlowHooks } from '../../src/hooks/RevueFlowHooks';
export default defineComponent({ export default defineComponent({
props: { props: {
...DefaultEdgeProps ...DefaultEdgeProps
}, },
setup(props) { setup(props) {
const store = inject<RevueFlowStore>('store')!;
const hooks = inject<RevueFlowHooks>('hooks')!;
const onEdgeClick = (evt: Event, id: string) => { const onEdgeClick = (evt: Event, id: string) => {
const edge = store.edges.find((edge) => edge.id === id);
if (edge) {
hooks.elementsRemove.trigger([edge]);
}
evt.stopPropagation(); evt.stopPropagation();
alert(`remove ${id}`); alert(`remove ${id}`);
}; };