130 lines
1.8 KiB
TypeScript
130 lines
1.8 KiB
TypeScript
import type { EdgeMarkerType, Elements } from '@vue-flow/core'
|
|
import { MarkerType } from '@vue-flow/core'
|
|
|
|
const markerEnd: EdgeMarkerType = MarkerType.Arrow
|
|
|
|
export default [
|
|
{
|
|
id: '1',
|
|
label: 'Node 1',
|
|
position: {
|
|
x: 430,
|
|
y: 0,
|
|
},
|
|
},
|
|
{
|
|
id: '2',
|
|
label: 'Node 2',
|
|
position: {
|
|
x: 230,
|
|
y: 90,
|
|
},
|
|
},
|
|
{
|
|
id: '2a',
|
|
label: 'Node 2a',
|
|
position: {
|
|
x: 0,
|
|
y: 180,
|
|
},
|
|
},
|
|
{
|
|
id: '2b',
|
|
label: 'Node 2b',
|
|
position: {
|
|
x: 230,
|
|
y: 180,
|
|
},
|
|
},
|
|
{
|
|
id: '2c',
|
|
label: 'Node 2c',
|
|
position: {
|
|
x: 430,
|
|
y: 180,
|
|
},
|
|
},
|
|
{
|
|
id: '2d',
|
|
label: 'Node 2d',
|
|
position: {
|
|
x: 475,
|
|
y: 270,
|
|
},
|
|
},
|
|
{
|
|
id: '3',
|
|
label: 'Node 3',
|
|
position: {
|
|
x: 430,
|
|
y: 90,
|
|
},
|
|
},
|
|
{
|
|
id: 'e12',
|
|
source: '1',
|
|
target: '2',
|
|
label: 'Foobar',
|
|
style: { stroke: 'red' },
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e13',
|
|
source: '1',
|
|
target: '3',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e22a',
|
|
source: '2',
|
|
target: '2a',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e22b',
|
|
source: '2',
|
|
target: '2b',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e22c',
|
|
source: '2',
|
|
target: '2c',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e2c2d',
|
|
source: '2c',
|
|
target: '2d',
|
|
type: 'perfectArrow',
|
|
label: 'perfect arrow',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e2d2c',
|
|
source: '2d',
|
|
target: '2c',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e2d1',
|
|
source: '2d',
|
|
target: '1',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
{
|
|
id: 'e2a2b',
|
|
source: '2a',
|
|
target: '2b',
|
|
type: 'pathFinding',
|
|
markerEnd,
|
|
},
|
|
] as Elements
|