Implement rotate node

[betty2310]

• Need update edge when rotate, for now, edge drawed will not update when handle pos change

<script>
const handleRotateNode = () => {
  rotateDegree.value += 90
  if (rotateDegree.value === 360) {
    rotateDegree.value = 0
  }
  if(rotateDegree.value === 0 || rotateDegree.value === 180) {
    targetPosition.value = Position.Right
    sourcePosition.value = Position.Left
  } else {
    targetPosition.value = Position.Top
    sourcePosition.value = Position.Bottom
  }
  console.log(rotateDegree.value)
}

</script>

<template>
  <div :class="`rotate-${rotateDegree}`">
    <div class="font-mono">{{ props.data.id }}</div>

    <IconComponent />
    &#160;

  </div>

  <Handle type="target" :position="targetPosition" />
  <Handle type="source" :position="sourcePosition" />
</template>