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

examples: cleanup save-restore controls

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-01-19 09:21:55 +01:00
committed by Braks
parent a54a88539a
commit cd0658534a
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/vite/src/SaveRestore/Controls.vue
+5 -3
View File
@@ -1,6 +1,6 @@
<script lang="ts" setup> <script lang="ts" setup>
import type { FlowExportObject, Node } from '@vue-flow/core' import type { FlowExportObject, Node } from '@vue-flow/core'
import { useVueFlow, useZoomPanHelper } from '@vue-flow/core' import { useVueFlow } from '@vue-flow/core'
const flowKey = 'example-flow' const flowKey = 'example-flow'
const state = useStorage<FlowExportObject>(flowKey, { const state = useStorage<FlowExportObject>(flowKey, {
@@ -12,8 +12,7 @@ const state = useStorage<FlowExportObject>(flowKey, {
const getNodeId = () => `randomnode_${+new Date()}` const getNodeId = () => `randomnode_${+new Date()}`
const { setTransform } = useZoomPanHelper() const { addNodes, setNodes, setEdges, toObject, dimensions, setTransform } = useVueFlow()
const { nodes, edges, addNodes, setNodes, setEdges, toObject, dimensions } = useVueFlow()
const onSave = () => { const onSave = () => {
state.value = toObject() state.value = toObject()
@@ -24,8 +23,11 @@ const onRestore = () => {
if (flow) { if (flow) {
const [x = 0, y = 0] = flow.position const [x = 0, y = 0] = flow.position
setNodes(state.value.nodes) setNodes(state.value.nodes)
setEdges(state.value.edges) setEdges(state.value.edges)
setTransform({ x, y, zoom: flow.zoom || 0 }) setTransform({ x, y, zoom: flow.zoom || 0 })
} }
} }