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

fix: node type change not triggering recalculation of node dimensions

Browse Source
This commit is contained in:
Braks
2021-10-21 16:23:23 +02:00
parent 636eeff9fe
commit cd02dd0444
6 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
examples/NodeTypeChange/NodeTypeChangeExample.vue
View File

@@ -1,8 +1,6 @@
<script lang="ts" setup>
import { CSSProperties } from 'vue'
import Flow, { addEdge, Connection, Elements, OnLoadParams, Position, Edge, isEdge } from '~/index'
const onLoad = (reactFlowInstance: OnLoadParams) => reactFlowInstance.fitView()
import Flow, { addEdge, Connection, Edge, Elements, isEdge, OnLoadParams, Position } from '~/index'
const initialElements: Elements = [
{
@@ -26,7 +24,11 @@ const initialElements: Elements = [
const buttonStyle: CSSProperties = { position: 'absolute', right: 10, top: 30, zIndex: 4 }
const elements = ref<Elements>(initialElements)
const onConnect = (params: Connection | Edge) => (elements.value = addEdge(params, elements.value))
const onLoad = (reactFlowInstance: OnLoadParams) => reactFlowInstance.fitView()
const changeType = () => {
elements.value = elements.value.map((el) => {
if (isEdge(el) || el.type === 'input') return el