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

feat(svelte): custom nodes

Browse Source
This commit is contained in:
moklick
2023-02-21 14:36:07 +01:00
parent 6b192d90d5
commit aea43103af
12 changed files with 199 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/components/nodes/DefaultNode.svelte
+12 -5
View File
@@ -1,12 +1,19 @@
<script lang="ts">
import { Position } from '@reactflow/system';
import Handle from '$lib/components/Handle.svelte';
import Handle from '$lib/components/Handle/index.svelte';
import type { NodeProps } from '$lib/types';
export let data: any = {};
export let isConnectable: boolean = true;
export let targetPosition: Position = Position.Top;
export let sourcePosition: Position = Position.Bottom;
interface $$Props extends NodeProps<{ label: string }>{}
export let id: $$Props['id'];
export let data: $$Props['data'] = { label: 'Node' };
export let isConnectable: $$Props['isConnectable'] = true;
export let targetPosition: $$Props['targetPosition'] = Position.Top;
export let sourcePosition: $$Props['sourcePosition'] = Position.Bottom;
export let xPos: $$Props['xPos'];
export let yPos: $$Props['yPos'];
export let selected: $$Props['selected'];
</script>
<Handle type="target" position={targetPosition} />