alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(custom-nodes): use custom edge type

Browse Source
This commit is contained in:
moklick
2024-02-20 00:04:20 +01:00
parent ea0e72aa09
commit 67fe7952f8
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
examples/react/src/examples/CustomNode/index.tsx
View File

@@ -9,7 +9,6 @@ import {
SnapGrid,
useEdgesState,
Background,
Edge,
OnNodeDrag,
OnInit,
applyNodeChanges,
@@ -17,6 +16,7 @@ import {
OnConnect,
OnBeforeDelete,
BuiltInNode,
BuiltInEdge,
} from '@xyflow/react';
import ColorSelectorNode from './ColorSelectorNode';
@@ -26,8 +26,9 @@ export type ColorSelectorNode = Node<
'selectorNode'
>;
export type MyNode = BuiltInNode | ColorSelectorNode;
export type MyEdge = BuiltInEdge;
const onInit: OnInit<MyNode> = (reactFlowInstance) => {
const onInit: OnInit<MyNode, MyEdge> = (reactFlowInstance) => {
console.log('flow loaded:', reactFlowInstance);
};
@@ -54,7 +55,7 @@ const CustomNodeFlow = () => {
[setNodes]
);
const [edges, setEdges, onEdgesChange] = useEdgesState<Edge>([]);
const [edges, setEdges, onEdgesChange] = useEdgesState<MyEdge>([]);
const [bgColor, setBgColor] = useState<string>(initBgColor);
@@ -144,7 +145,7 @@ const CustomNodeFlow = () => {
[setEdges]
);
const onBeforeDelete: OnBeforeDelete<MyNode> = useCallback(async (params) => true, []);
const onBeforeDelete: OnBeforeDelete<MyNode, MyEdge> = useCallback(async (params) => true, []);
return (
<ReactFlow