chore: update revue-draggable to latest version
fix: selection not draggable after creation selection (stop event propagation) * naming collision with eventlistener and callback on draggable component (everything being called 2x)
This commit is contained in:
@@ -162,14 +162,12 @@ export default (NodeComponent: DefineComponent<WrapNodeProps>) => {
|
||||
}
|
||||
]);
|
||||
|
||||
const scale = computed(() => store.transform[2] || 1);
|
||||
|
||||
return () => (
|
||||
<DraggableCore
|
||||
start={onDragStart}
|
||||
move={onDrag}
|
||||
stop={onDragStop}
|
||||
scale={scale.value}
|
||||
scale={store.transform[2]}
|
||||
disabled={!props.isDraggable}
|
||||
cancel=".nodrag"
|
||||
grid={grid.value}
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
* made a selectio with on or several nodes
|
||||
*/
|
||||
import { computed, defineComponent, inject, PropType } from 'vue';
|
||||
import { Draggable, DraggableEventHandler } from '@braks/revue-draggable';
|
||||
import { Draggable, DraggableEventListener } from '@braks/revue-draggable';
|
||||
import { isNode } from '../../utils/graph';
|
||||
import { Node, RevueFlowStore } from '../../types';
|
||||
|
||||
@@ -65,13 +65,12 @@ const NodesSelection = defineComponent({
|
||||
left: `${store.selectedNodesBbox.x}px`
|
||||
}));
|
||||
|
||||
const onStart: DraggableEventHandler = (event: MouseEvent) => {
|
||||
console.log('ondragstart');
|
||||
const onStart: DraggableEventListener = ({ event }) => {
|
||||
event.stopPropagation();
|
||||
props.onSelectionDragStart?.(event, selectedNodes.value);
|
||||
};
|
||||
|
||||
const onDrag: DraggableEventHandler = (event, data) => {
|
||||
console.log('ondrag');
|
||||
const onDrag: DraggableEventListener = ({ event, data }) => {
|
||||
props.onSelectionDrag?.(event, selectedNodes.value);
|
||||
|
||||
store.updateNodePosDiff({
|
||||
@@ -83,8 +82,7 @@ const NodesSelection = defineComponent({
|
||||
});
|
||||
};
|
||||
|
||||
const onStop: DraggableEventHandler = (event: MouseEvent) => {
|
||||
console.log('ondragend');
|
||||
const onStop: DraggableEventListener = ({ event }) => {
|
||||
store.updateNodePosDiff({
|
||||
isDragging: false
|
||||
});
|
||||
@@ -106,9 +104,9 @@ const NodesSelection = defineComponent({
|
||||
) : (
|
||||
<div class="revue-flow__nodesselection" style={style.value}>
|
||||
<Draggable
|
||||
start={onStart}
|
||||
move={onDrag}
|
||||
stop={onStop}
|
||||
onStart={onStart}
|
||||
onMove={onDrag}
|
||||
onStop={onStop}
|
||||
scale={store.transform[2]}
|
||||
grid={grid.value}
|
||||
enableUserSelectHack={false}
|
||||
|
||||
Reference in New Issue
Block a user