refactor(store): add selectednodesbbox back to state

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>
2021-12-20 19:29:52 +01:00
parent b365e947e1
commit 4065354c10
3 changed files with 11 additions and 8 deletions
@@ -9,13 +9,14 @@ interface Props {
 }
 const store = useStore()
 const props = defineProps<Props>()
-const selectedNodesBBox = getRectOfNodes(props.nodes)
-const innerStyle = {
-  width: `${selectedNodesBBox.width}px`,
-  height: `${selectedNodesBBox.height}px`,
-  top: `${selectedNodesBBox.y}px`,
-  left: `${selectedNodesBBox.x}px`,
-}
+const selectedNodesBBox = computed(() => getRectOfNodes(props.nodes))
+const innerStyle = computed(() => ({
+  width: `${selectedNodesBBox.value.width}px`,
+  height: `${selectedNodesBBox.value.height}px`,
+  top: `${selectedNodesBBox.value.y}px`,
+  left: `${selectedNodesBBox.value.x}px`,
+}))
+watch(selectedNodesBBox, (v) => (store.selectedNodesBbox = v))
 const onStart: DraggableEventListener = ({ event }) => store.hooks.selectionDragStart.trigger({ event, nodes: props.nodes })
 const onDrag: DraggableEventListener = ({ event, data: { deltaX, deltaY } }) => {
  store.hooks.selectionDrag.trigger({ event, nodes: props.nodes })