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

chore(examples): add old api src

Browse Source
This commit is contained in:
moklick
2021-10-14 10:54:40 +02:00
parent ae621d084c
commit a76b111365
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/.gitignore
+2
View File
@@ -21,3 +21,5 @@
npm-debug.log* npm-debug.log*
yarn-debug.log* yarn-debug.log*
yarn-error.log* yarn-error.log*
/src_oldapi
example/src/Undirectional/index.tsx
+13 -14
View File
@@ -68,7 +68,7 @@ const initialElements: Elements = [
target: '01', target: '01',
sourceHandle: 'left', sourceHandle: 'left',
targetHandle: 'bottom', targetHandle: 'bottom',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -77,7 +77,7 @@ const initialElements: Elements = [
target: '01', target: '01',
sourceHandle: 'top', sourceHandle: 'top',
targetHandle: 'right', targetHandle: 'right',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -86,7 +86,7 @@ const initialElements: Elements = [
target: '02', target: '02',
sourceHandle: 'top', sourceHandle: 'top',
targetHandle: 'left', targetHandle: 'left',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -95,7 +95,7 @@ const initialElements: Elements = [
target: '02', target: '02',
sourceHandle: 'right', sourceHandle: 'right',
targetHandle: 'bottom', targetHandle: 'bottom',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -104,7 +104,7 @@ const initialElements: Elements = [
target: '03', target: '03',
sourceHandle: 'right', sourceHandle: 'right',
targetHandle: 'top', targetHandle: 'top',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -113,7 +113,7 @@ const initialElements: Elements = [
target: '03', target: '03',
sourceHandle: 'bottom', sourceHandle: 'bottom',
targetHandle: 'left', targetHandle: 'left',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -122,7 +122,7 @@ const initialElements: Elements = [
target: '04', target: '04',
sourceHandle: 'bottom', sourceHandle: 'bottom',
targetHandle: 'right', targetHandle: 'right',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -131,7 +131,7 @@ const initialElements: Elements = [
target: '04', target: '04',
sourceHandle: 'left', sourceHandle: 'left',
targetHandle: 'top', targetHandle: 'top',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -140,7 +140,7 @@ const initialElements: Elements = [
target: '10', target: '10',
sourceHandle: 'top', sourceHandle: 'top',
targetHandle: 'bottom', targetHandle: 'bottom',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -149,7 +149,7 @@ const initialElements: Elements = [
target: '20', target: '20',
sourceHandle: 'right', sourceHandle: 'right',
targetHandle: 'left', targetHandle: 'left',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -158,7 +158,7 @@ const initialElements: Elements = [
target: '30', target: '30',
sourceHandle: 'bottom', sourceHandle: 'bottom',
targetHandle: 'top', targetHandle: 'top',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
{ {
@@ -167,7 +167,7 @@ const initialElements: Elements = [
target: '40', target: '40',
sourceHandle: 'left', sourceHandle: 'left',
targetHandle: 'right', targetHandle: 'right',
type: 'smoothstep', type: 'default',
arrowHeadType: ArrowHeadType.Arrow, arrowHeadType: ArrowHeadType.Arrow,
}, },
]; ];
@@ -181,8 +181,7 @@ const getId = (): ElementId => `${id++}`;
const UpdateNodeInternalsFlow = () => { const UpdateNodeInternalsFlow = () => {
const [elements, setElements] = useState<Elements>(initialElements); const [elements, setElements] = useState<Elements>(initialElements);
const onConnect = (params: Connection | Edge) => const onConnect = (params: Connection | Edge) => setElements((els) => addEdge({ ...params, type: 'default' }, els));
setElements((els) => addEdge({ ...params, type: 'smoothstep' }, els));
const { project } = useZoomPanHelper(); const { project } = useZoomPanHelper();
const onEdgeUpdate = (oldEdge: Edge, newConnection: Connection) => const onEdgeUpdate = (oldEdge: Edge, newConnection: Connection) =>
setElements((els) => updateEdge(oldEdge, newConnection, els)); setElements((els) => updateEdge(oldEdge, newConnection, els));