chore(examples): only use bundle
This commit is contained in:
@@ -12,7 +12,7 @@ import {
|
||||
NodeChange,
|
||||
EdgeChange,
|
||||
HandleType,
|
||||
} from '@react-flow/core';
|
||||
} from '@react-flow/bundle';
|
||||
|
||||
import { Controls } from '@react-flow/controls';
|
||||
|
||||
@@ -59,17 +59,11 @@ const initialNodes: Node[] = [
|
||||
},
|
||||
];
|
||||
|
||||
const initialEdges = [
|
||||
{ id: 'e1-2', source: '1', target: '2', label: 'This is a draggable edge' },
|
||||
];
|
||||
const initialEdges = [{ id: 'e1-2', source: '1', target: '2', label: 'This is a draggable edge' }];
|
||||
|
||||
const onInit = (reactFlowInstance: ReactFlowInstance) =>
|
||||
reactFlowInstance.fitView();
|
||||
const onEdgeUpdateStart = (
|
||||
_: React.MouseEvent,
|
||||
edge: Edge,
|
||||
handleType: HandleType
|
||||
) => console.log(`start update ${handleType} handle`, edge);
|
||||
const onInit = (reactFlowInstance: ReactFlowInstance) => reactFlowInstance.fitView();
|
||||
const onEdgeUpdateStart = (_: React.MouseEvent, edge: Edge, handleType: HandleType) =>
|
||||
console.log(`start update ${handleType} handle`, edge);
|
||||
const onEdgeUpdateEnd = (_: MouseEvent, edge: Edge, handleType: HandleType) =>
|
||||
console.log(`end update ${handleType} handle`, edge);
|
||||
|
||||
@@ -78,8 +72,7 @@ const UpdatableEdge = () => {
|
||||
const [edges, setEdges] = useState<Edge[]>(initialEdges);
|
||||
const onEdgeUpdate = (oldEdge: Edge, newConnection: Connection) =>
|
||||
setEdges((els) => updateEdge(oldEdge, newConnection, els));
|
||||
const onConnect = (connection: Connection) =>
|
||||
setEdges((els) => addEdge(connection, els));
|
||||
const onConnect = (connection: Connection) => setEdges((els) => addEdge(connection, els));
|
||||
|
||||
const onNodesChange = useCallback((changes: NodeChange[]) => {
|
||||
console.log(changes);
|
||||
|
||||
Reference in New Issue
Block a user