From 4866e26cd621fce9c57e079ec08944841460b972 Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 1 Jun 2022 12:15:44 +0200
Subject: [PATCH] feat(resize-rotate-node): show moveable when dragging

---
 .../src/node/ResizeRotateNode.vue             | 23 ++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/packages/resize-rotate-node/src/node/ResizeRotateNode.vue b/packages/resize-rotate-node/src/node/ResizeRotateNode.vue
index 2f0e670d..62733a99 100644
--- a/packages/resize-rotate-node/src/node/ResizeRotateNode.vue
+++ b/packages/resize-rotate-node/src/node/ResizeRotateNode.vue
@@ -13,11 +13,16 @@ const props = defineProps<{
   data: any
 }>()
 
-const { viewport, updateNodeDimensions, onPaneClick, onPaneScroll, onPaneContextMenu, getNode } = useVueFlow()
+const { viewport, updateNodeDimensions, onPaneClick, onPaneScroll, onPaneContextMenu, getNode, onNodeClick, onNodeDragStart } =
+  useVueFlow()
 
 const el = ref()
 const visible = ref(false)
 
+const frame = {
+  rotate: 0,
+}
+
 const onResize = (e: MoveableEvents['resize']) => {
   e.target.style.width = `${e.width}px`
   e.target.style.height = `${e.height}px`
@@ -25,8 +30,13 @@ const onResize = (e: MoveableEvents['resize']) => {
   e.target.style.top = `${e.drag.top}px`
 }
 
+const onRotateStart = (e: MoveableEvents['rotateStart']) => {
+  e.set(frame.rotate)
+}
+
 const onRotate = (e: MoveableEvents['rotate']) => {
-  e.target.style.transform = e.transform
+  frame.rotate = e.beforeRotate
+  e.target.style.transform = `rotate(${e.beforeRotate}deg)`
   updateNodeDimensions([{ id: props.id, nodeElement: props.nodeElement, forceUpdate: true }])
 }
 
@@ -34,11 +44,18 @@ const onClick = () => {
   visible.value = true
 }
 
+onNodeClick(({ node }) => {
+  if (node.id === props.id) onClick()
+})
+
+onNodeDragStart(({ node }) => {
+  if (node.id === props.id) onClick()
+})
+
 const hideMoveable = () => {
   visible.value = false
 }
 
-onClickOutside(el, hideMoveable)
 onPaneClick(hideMoveable)
 onPaneScroll(hideMoveable)
 onPaneContextMenu(hideMoveable)