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

update(examples): remove node zoom from basic example

Browse Source 
Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-12-04 15:42:18 +01:00
parent 1a3b68373e
commit f5caf94cfa
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/Basic/Basic.vue
+1 -5
View File
@@ -27,7 +27,7 @@ const vfInstance = ref<FlowInstance>()
const onElementsRemove = (elementsToRemove: Elements) => removeElements(elementsToRemove, elements.value) const onElementsRemove = (elementsToRemove: Elements) => removeElements(elementsToRemove, elements.value)
const onConnect = (params: Edge | Connection) => addEdge(params, elements.value) const onConnect = (params: Edge | Connection) => addEdge(params, elements.value)
const onLoad = (flowInstance: FlowInstance) => { const onLoad = (flowInstance: FlowInstance) => {
flowInstance.fitView({ padding: 0.1, nodes: ['2'] }) flowInstance.fitView({ padding: 0.1 })
vfInstance.value = flowInstance vfInstance.value = flowInstance
} }
@@ -65,12 +65,8 @@ const toggleclasss = () => {
@connect="onConnect" @connect="onConnect"
@node-drag-stop="onNodeDragStop" @node-drag-stop="onNodeDragStop"
@node-click="onElementClick" @node-click="onElementClick"
@edge-update="log"
@load="onLoad" @load="onLoad"
> >
<MiniMap />
<Controls />
<Background color="#aaa" :gap="8" />
<div style="position: absolute; right: 10px; top: 10px; z-index: 4"> <div style="position: absolute; right: 10px; top: 10px; z-index: 4">
<button style="margin-right: 5px" @click="resetTransform">reset transform</button> <button style="margin-right: 5px" @click="resetTransform">reset transform</button>
<button style="margin-right: 5px" @click="updatePos">change pos</button> <button style="margin-right: 5px" @click="updatePos">change pos</button>