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

refactor(vue-flow,nodes): remove v-model

Browse Source
This commit is contained in:
Braks
2022-05-27 23:36:01 +02:00
parent ddac5b0e58
commit c059b5929a
2 changed files with 2 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vue-flow/src/components/Nodes/NodeWrapper.vue
+2 -5
View File
@@ -6,7 +6,6 @@ import { getConnectedEdges, getHandleBounds, getXYZPos } from '../../utils'
const { id, type, name, draggable, selectable, connectable, snapGrid, ...props } = defineProps<{ const { id, type, name, draggable, selectable, connectable, snapGrid, ...props } = defineProps<{
id: string id: string
modelValue: XYZPosition
draggable: boolean draggable: boolean
selectable: boolean selectable: boolean
connectable: boolean connectable: boolean
@@ -17,8 +16,6 @@ const { id, type, name, draggable, selectable, connectable, snapGrid, ...props }
const emit = defineEmits(['update:modelValue']) const emit = defineEmits(['update:modelValue'])
let computedPosition = $(useVModel(props, 'modelValue', emit))
provide(NodeId, id) provide(NodeId, id)
const { const {
@@ -117,9 +114,9 @@ onMounted(() => {
} }
if (parentX && parentY) { if (parentX && parentY) {
computedPosition = getXYZPos({ x: parentX, y: parentY, z: parentZ! }, xyzPos) node.computedPosition = getXYZPos({ x: parentX, y: parentY, z: parentZ! }, xyzPos)
} else { } else {
computedPosition = xyzPos node.computedPosition = xyzPos
} }
node.handleBounds = getHandleBounds(nodeElement.value, viewport.zoom) node.handleBounds = getHandleBounds(nodeElement.value, viewport.zoom)
packages/vue-flow/src/container/NodeRenderer/NodeRenderer.vue
-1
View File
@@ -60,7 +60,6 @@ export default {
v-for="node of getNodes" v-for="node of getNodes"
:id="node.id" :id="node.id"
:key="node.id" :key="node.id"
v-model="node.computedPosition"
:type="getType(node.type, node.template)" :type="getType(node.type, node.template)"
:name="node.type || 'default'" :name="node.type || 'default'"
:draggable="draggable(node.draggable)" :draggable="draggable(node.draggable)"