update(examples): Add Unidirectional and updatable edge example

2021-10-22 10:46:54 +02:00
parent 3ee3843af6
commit 0cc7ef4805
4 changed files with 297 additions and 0 deletions
@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import { CSSProperties } from 'vue'
+// @ts-ignore
+import { Handle, NodeProps, Position } from '~/index'
+
+interface CustomNodeProps extends NodeProps {
+  id: string
+}
+const props = defineProps<CustomNodeProps>()
+const nodeStyles: CSSProperties = { padding: '10px 15px', border: '1px solid #ddd' }
+</script>
+<template>
+  <div :style="nodeStyles">
+    <div>node {{ props.id }}</div>
+    <Handle id="left" type="source" :position="Position.Left" />
+    <Handle id="right" type="source" :position="Position.Right" />
+    <Handle id="top" type="source" :position="Position.Top" />
+    <Handle id="bottom" type="source" :position="Position.Bottom" />
+  </div>
+</template>