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

fix: scale being incorrect when passed to draggable causing weirdly fast drags

Browse Source 
chore: upgrade revue-draggable to latest on tag next
This commit is contained in:
Braks
2021-07-20 20:39:42 +02:00
parent 1a7f3da0b6
commit 86ead92839
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@@ -28,7 +28,7 @@
"lint": "yarn lint:js"
},
"dependencies": {
"@braks/revue-draggable": "^0.2.1-5",
"@braks/revue-draggable": "^0.2.1-6",
"@types/d3": "^7.0.0",
"d3": "^7.0.0",
"d3-selection": "^3.0.0",

8
src/components/Nodes/wrapNode.tsx
View File

@@ -1,5 +1,5 @@
import { Node, RevueFlowStore, WrapNodeProps } from '../../types';
import { computed, CSSProperties, DefineComponent, defineComponent, inject, onMounted, provide, ref, watchEffect } from 'vue';
import { computed, CSSProperties, DefineComponent, defineComponent, inject, onMounted, onUpdated, provide, ref } from 'vue';
import { DraggableEventHandler, DraggableCore } from '@braks/revue-draggable';
export default (NodeComponent: DefineComponent<WrapNodeProps>) => {
@@ -134,7 +134,7 @@ export default (NodeComponent: DefineComponent<WrapNodeProps>) => {
props.onNodeDragStop?.(event as MouseEvent, node.value as Node);
};
watchEffect(() => {
onUpdated(() => {
if (nodeElement.value && !props.isHidden) {
store?.updateNodeDimensions([{ id: props.id || '', nodeElement: nodeElement.value, forceUpdate: true }]);
}
@@ -162,12 +162,14 @@ export default (NodeComponent: DefineComponent<WrapNodeProps>) => {
}
]);
const scale = computed(() => store.transform[2] || 1);
return () => (
<DraggableCore
start={onDragStart}
move={onDrag}
stop={onDragStop}
scale={store.transform[2]}
scale={scale.value}
disabled={!props.isDraggable}
cancel=".nodrag"
grid={grid.value}

8
yarn.lock
View File

@@ -262,10 +262,10 @@
"@babel/helper-validator-identifier" "^7.14.5"
to-fast-properties "^2.0.0"
"@braks/revue-draggable@^0.2.1-5":
version "0.2.1-5"
resolved "https://registry.yarnpkg.com/@braks/revue-draggable/-/revue-draggable-0.2.1-5.tgz#280f9cb4dfd5c3bc88dff0f8c70ffa8966536328"
integrity sha512-+oDuUvTVd5ST6brdtfXYJMnFrmyQat9W7yUKpKBTI0od3ycfaGgMCT9w+OoQ3rlBi2cV6gFXlhZVIeLi+v55aA==
"@braks/revue-draggable@^0.2.1-6":
version "0.2.1-6"
resolved "https://registry.yarnpkg.com/@braks/revue-draggable/-/revue-draggable-0.2.1-6.tgz#6a0b5bf837d7c6a5b2380f3a2b6687271121980b"
integrity sha512-umY2rLspfkrYfRqDCnV3RvvSiqQPio4Mjdpcp/T+IF/kj0ym7UgA11c017wEQmzUmXwHrgL050bC/LBW5/KJNQ==
dependencies:
"@vueuse/core" "^5.1.3"
vue-demi latest