chore(deps): update revue-draggable to v0.3.4

* fix import path of utils in NodesSelection.vue
* remove scale (bug)

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
Braks
2021-11-17 16:07:56 +01:00
parent 03734364a0
commit 1deb41766b
3 changed files with 10 additions and 20 deletions
+1 -1
View File
@@ -31,7 +31,7 @@
"lint": "yarn lint:js" "lint": "yarn lint:js"
}, },
"dependencies": { "dependencies": {
"@braks/revue-draggable": "0.2.5", "@braks/revue-draggable": "^0.3.4",
"@types/d3": "^7.1.0", "@types/d3": "^7.1.0",
"@vueuse/core": "^6.6.2", "@vueuse/core": "^6.6.2",
"d3": "^7.1.1", "d3": "^7.1.1",
@@ -2,7 +2,7 @@
import { Draggable, DraggableEventListener } from '@braks/revue-draggable' import { Draggable, DraggableEventListener } from '@braks/revue-draggable'
import { useHooks, useStore } from '../../composables' import { useHooks, useStore } from '../../composables'
import { Node } from '../../types' import { Node } from '../../types'
import { getRectOfNodes, isNode } from '~/utils' import { getRectOfNodes, isNode } from '../../utils'
const store = useStore() const store = useStore()
const hooks = useHooks() const hooks = useHooks()
@@ -56,22 +56,17 @@ const onContextMenu = (event: MouseEvent) => {
const nodes = selectedNodes const nodes = selectedNodes
hooks.selectionContextMenu.trigger({ event, nodes }) hooks.selectionContextMenu.trigger({ event, nodes })
} }
const transform = computed(() => store.transform)
</script> </script>
<template> <template>
<div <div
class="vue-flow__nodesselection" class="vue-flow__nodesselection"
:style="{ :style="{
transform: `translate(${store.transform[0]}px,${store.transform[1]}px) scale(${store.transform[2]})`, transform: `translate(${transform[0]}px,${transform[1]}px) scale(${transform[2]})`,
}" }"
> >
<Draggable <Draggable @start="onStart" @move="onDrag" @stop="onStop">
:scale="store.transform[2]"
:grid="store.snapToGrid ? store.snapGrid : undefined"
:enable-user-select-hack="false"
@start="onStart"
@move="onDrag"
@stop="onStop"
>
<div class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" /> <div class="vue-flow__nodesselection-rect" :style="innerStyle" @contextmenu="onContextMenu" />
</Draggable> </Draggable>
</div> </div>
+4 -9
View File
@@ -288,10 +288,10 @@
"@babel/helper-validator-identifier" "^7.14.9" "@babel/helper-validator-identifier" "^7.14.9"
to-fast-properties "^2.0.0" to-fast-properties "^2.0.0"
"@braks/revue-draggable@0.2.5": "@braks/revue-draggable@^0.3.4":
version "0.2.5" version "0.3.4"
resolved "https://registry.yarnpkg.com/@braks/revue-draggable/-/revue-draggable-0.2.5.tgz#28a94ee4633aab25bcee28877511e0c9ad262f59" resolved "https://registry.yarnpkg.com/@braks/revue-draggable/-/revue-draggable-0.3.4.tgz#fd01a867c95148c0de2b951d76da1167e2e46d1a"
integrity sha512-iKGLFXaurfEqoyPbkANv8ZuO1229krVvUQDDYN9le5WlVssFWcQtA3hNvBD2TPuwil226qXv9SqXGp5kgDhAsA== integrity sha512-94RqlmFPb/ARiOTrSwt0Zco5tFLK/pR6SgVl1efk3wWafngDY2GT7oa42UXuHtH2HmviCIZwWROgZG3H1G1ONA==
dependencies: dependencies:
"@vueuse/core" "^5.1.3" "@vueuse/core" "^5.1.3"
vue-demi latest vue-demi latest
@@ -5497,11 +5497,6 @@ validate-npm-package-name@^3.0.0:
dependencies: dependencies:
builtins "^1.0.3" builtins "^1.0.3"
vite-plugin-css-injected-by-js@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/vite-plugin-css-injected-by-js/-/vite-plugin-css-injected-by-js-1.0.1.tgz#3cdef205a413ed39df2a8f4ff8160739ed656014"
integrity sha512-Z6tMEIeTesv/B23+1BDhoqRH1WXduat+P1aKMOpDMO/NLWlLF7c1TTJvXJebpH6HXSkrvySbfr5NnooeiSZsMQ==
vite-svg-loader@^2.2.0: vite-svg-loader@^2.2.0:
version "2.2.0" version "2.2.0"
resolved "https://registry.yarnpkg.com/vite-svg-loader/-/vite-svg-loader-2.2.0.tgz#b5d6ca948b03e45320cb4f96c44bf88f5bef0a2c" resolved "https://registry.yarnpkg.com/vite-svg-loader/-/vite-svg-loader-2.2.0.tgz#b5d6ca948b03e45320cb4f96c44bf88f5bef0a2c"