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

update!: Rename Flow container to VueFlow

Browse Source 
* Export renamed to VueFlow

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-11-15 20:34:02 +01:00
parent 98d7053951
commit ffdadda051
31 changed files with 98 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/NodeTypesIdChange/NodeTypesIdChangeExample.vue
+3 -3
View File
@@ -2,7 +2,7 @@
import { CSSProperties } from 'vue'
import NodeA from './NodeA.vue'
import NodeB from './NodeB.vue'
import { Flow, Elements, Position, NodeType, Connection, Edge, addEdge } from '~/index'
import { VueFlow, Elements, Position, NodeType, Connection, Edge, addEdge } from '~/index'
const initialElements: Elements = [
{
@@ -48,7 +48,7 @@ const changeType = () => {
const onConnect = (params: Connection | Edge) => (elements.value = addEdge(params, elements.value))
</script>
<template>
<Flow :elements="elements" :node-types="nodeTypesObjects[nodeTypesId]" :node-types-id="nodeTypesId" @connect="onConnect">
<VueFlow :elements="elements" :node-types="nodeTypesObjects[nodeTypesId]" :node-types-id="nodeTypesId" @connect="onConnect">
<template #node-a>
<NodeA :node-styles="nodeStyles" />
</template>
@@ -56,5 +56,5 @@ const onConnect = (params: Connection | Edge) => (elements.value = addEdge(param
<NodeB :node-styles="nodeStyles" />
</template>
<button :style="buttonStyle" @click="changeType">change type</button>
</Flow>
</VueFlow>
</template>