fix: node selection rect not dragging correctly
* issue comes from revue-draggable (has been fixed in 0.0.12) naming collision of the prop onDrag (callback fn) and the way JSX events are bound (onDrag instead of drag)
This commit is contained in:
@@ -70,10 +70,18 @@ const NodesSelection = defineComponent({
|
||||
props.onSelectionDragStart?.(event, selectedNodes.value);
|
||||
};
|
||||
|
||||
const onDrag: DraggableEventHandler = (event) => {
|
||||
const onDrag: DraggableEventHandler = (event, data) => {
|
||||
if (props.onSelectionDrag) {
|
||||
props.onSelectionDrag(event, selectedNodes.value);
|
||||
}
|
||||
|
||||
store.updateNodePosDiff({
|
||||
diff: {
|
||||
x: data.deltaX,
|
||||
y: data.deltaY
|
||||
},
|
||||
isDragging: true
|
||||
});
|
||||
};
|
||||
|
||||
const onStop: DraggableEventHandler = (event: MouseEvent) => {
|
||||
|
||||
@@ -56,7 +56,6 @@ export default defineComponent({
|
||||
return;
|
||||
}
|
||||
|
||||
console.log('mouseDown');
|
||||
store?.setUserSelection(mousePos);
|
||||
};
|
||||
|
||||
@@ -69,13 +68,11 @@ export default defineComponent({
|
||||
if (!mousePos) {
|
||||
return;
|
||||
}
|
||||
console.log('mousemove');
|
||||
|
||||
store?.updateUserSelection(mousePos);
|
||||
};
|
||||
|
||||
const onMouseUp = () => {
|
||||
console.log('mosueUp');
|
||||
store?.unsetUserSelection();
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user