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

feat(docs): add animation edge to layouting example

Browse Source
This commit is contained in:
braks
2024-02-07 22:29:40 +01:00
committed by Braks
parent 43a1c9d2ac
commit 75355b04e7
6 changed files with 157 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/examples/layout/initial-elements.js
+23 -23
View File
@@ -1,74 +1,74 @@
const position = { x: 0, y: 0 }
const type = 'process'
const nodeType = 'process'
const edgeType = 'animation'
export const initialNodes = [
{
id: '1',
label: 'Start',
position,
type,
type: nodeType,
},
{
id: '2',
position,
type,
type: nodeType,
},
{
id: '2a',
position,
type,
type: nodeType,
},
{
id: '2b',
position,
type,
type: nodeType,
},
{
id: '2c',
position,
type,
type: nodeType,
},
{
id: '2d',
position,
type,
type: nodeType,
},
{
id: '3',
position,
type,
type: nodeType,
},
{
id: '4',
position,
type,
type: nodeType,
},
{
id: '5',
position,
type,
type: nodeType,
},
{
id: '6',
position,
type,
type: nodeType,
},
{
id: '7',
position,
type,
type: nodeType,
},
]
export const initialEdges = [
{ id: 'e1-2', source: '1', target: '2', type: 'smoothstep', animated: true },
{ id: 'e1-3', source: '1', target: '3', type: 'smoothstep', animated: true },
{ id: 'e2-2a', source: '2', target: '2a', type: 'smoothstep', animated: true },
{ id: 'e2-2b', source: '2', target: '2b', type: 'smoothstep', animated: true },
{ id: 'e2-2c', source: '2', target: '2c', type: 'smoothstep', animated: true },
{ id: 'e2c-2d', source: '2c', target: '2d', type: 'smoothstep', animated: true },
{ id: 'e3-7', source: '3', target: '4', type: 'smoothstep', animated: true },
{ id: 'e4-5', source: '4', target: '5', type: 'smoothstep', animated: true },
{ id: 'e5-6', source: '5', target: '6', type: 'smoothstep', animated: true },
{ id: 'e5-7', source: '5', target: '7', type: 'smoothstep', animated: true },
{ id: 'e1-2', source: '1', target: '2', type: edgeType, animated: true },
{ id: 'e1-3', source: '1', target: '3', type: edgeType, animated: true },
{ id: 'e2-2a', source: '2', target: '2a', type: edgeType, animated: true },
{ id: 'e2-2b', source: '2', target: '2b', type: edgeType, animated: true },
{ id: 'e2-2c', source: '2', target: '2c', type: edgeType, animated: true },
{ id: 'e2c-2d', source: '2c', target: '2d', type: edgeType, animated: true },
{ id: 'e3-7', source: '3', target: '4', type: edgeType, animated: true },
{ id: 'e4-5', source: '4', target: '5', type: edgeType, animated: true },
{ id: 'e5-6', source: '5', target: '6', type: edgeType, animated: true },
{ id: 'e5-7', source: '5', target: '7', type: edgeType, animated: true },
]