update(examples): Add validation and zoom pan helper example

2021-10-22 13:03:14 +02:00
parent babcbd0e1f
commit 8779a58bab
7 changed files with 171 additions and 1 deletions
@@ -64,7 +64,10 @@ const toggleHandlePosition = () =>
    return { ...el, data: { ...el.data, handlePosition: el.data?.handlePosition === 0 ? 1 : 0 } }
  }))

-const onLoad = (instance: FlowInstance) => (flowInstance.value = instance)
+const onLoad = (instance: FlowInstance) => {
+  instance.fitView()
+  flowInstance.value = instance
+}
 </script>
 <template>
  <Flow :elements="elements" :node-types="nodeTypes" @connect="onConnect" @pane-click="onPaneClick" @load="onLoad">