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

fix(node-resizer): pass correct node id to resize control

Browse Source
This commit is contained in:
braks
2023-12-12 20:29:54 +01:00
committed by Braks
parent aac4c4d593
commit 68957957ae
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/node-resizer/src/NodeResizer.vue
+4 -5
View File
@@ -1,6 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
// todo: add plugin to emit resize events via vue flow store; requires plugin API to be added to core import { inject, toRef, watch } from 'vue'
import { computed, inject, watch } from 'vue'
import type { NodeDimensionChange } from '@vue-flow/core' import type { NodeDimensionChange } from '@vue-flow/core'
import { NodeIdInjection, useVueFlow } from '@vue-flow/core' import { NodeIdInjection, useVueFlow } from '@vue-flow/core'
import ResizeControl from './ResizeControl.vue' import ResizeControl from './ResizeControl.vue'
@@ -21,9 +20,9 @@ const lineControls: ControlLinePosition[] = ['top', 'right', 'bottom', 'left']
const contextNodeId = inject(NodeIdInjection, null) const contextNodeId = inject(NodeIdInjection, null)
const id = computed(() => (typeof props.nodeId === 'string' ? props.nodeId : contextNodeId)) const nodeId = toRef(() => (typeof props.nodeId === 'string' ? props.nodeId : contextNodeId))
const node = computed(() => findNode(id.value)) const node = toRef(() => findNode(nodeId.value))
watch( watch(
[() => props.minWidth, () => props.minHeight, () => props.maxWidth, () => props.maxHeight, () => node.value?.initialized], [() => props.minWidth, () => props.minHeight, () => props.maxWidth, () => props.maxHeight, () => node.value?.initialized],
@@ -104,7 +103,7 @@ export default {
:key="c" :key="c"
:class="handleClassName" :class="handleClassName"
:style="handleStyle" :style="handleStyle"
:node-id="id" :node-id="nodeId"
:position="c" :position="c"
:color="color" :color="color"
:min-width="minWidth" :min-width="minWidth"