refactor(nodes)!: Remove draggable options, boolean only

Signed-off-by: Braks <78412429+bcakmakoglu@users.noreply.github.com>

src/components/Nodes/NodeWrapper.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { DraggableEventListener, DraggableCore } from '@braks/revue-draggable'
 import { useStore } from '../../composables'
-import { Draggable, GraphNode, SnapGrid, XYPosition } from '../../types'
+import { GraphNode, SnapGrid, XYPosition } from '../../types'
 import { NodeId } from '../../context'
 import { calculateXYZPosition, clampPosition, getDimensions, getHandleBounds, isParentSelected } from '../../utils'
 
@@ -10,7 +10,7 @@ interface NodeWrapperProps {
   selectNodesOnDrag?: boolean
   snapGrid?: SnapGrid
   component?: any
-  draggable?: Draggable
+  draggable?: boolean
   selectable?: boolean
   connectable?: boolean
   scale?: number

src/types/edge.ts

@@ -1,3 +1,4 @@
+import { CSSProperties } from 'vue'
 import { ArrowHeadType, Position, Element } from './flow'
 import { GraphNode } from './node'
 
@@ -24,7 +25,14 @@ export interface GraphEdge<T = any> extends Edge<T> {
   targetNode: GraphNode
 }
 
-export interface EdgeProps<T = any> extends GraphEdge<T> {
+export interface EdgeProps<Data = any> {
+  id: string
+  label?: string
+  type?: string
+  data?: Data
+  class?: string
+  style?: CSSProperties
+  hidden?: boolean
   sourceX: number
   sourceY: number
   targetX: number
@@ -35,9 +43,21 @@ export interface EdgeProps<T = any> extends GraphEdge<T> {
   markerEndId?: string
   sourceHandleId?: string
   targetHandleId?: string
+  source: string
+  target: string
+  sourceHandle?: string
+  targetHandle?: string
+  labelStyle?: any
+  labelShowBg?: boolean
+  labelBgStyle?: any
+  labelBgPadding?: [number, number]
+  labelBgBorderRadius?: number
+  animated?: boolean
+  arrowHeadType?: ArrowHeadType
+  updatable?: boolean
 }
 
-export interface EdgeSmoothStepProps<T = any> extends EdgeProps<T> {
+export interface SmoothStepEdgeProps<T = any> extends EdgeProps<T> {
   borderRadius?: number
 }
 

src/types/node.ts

@@ -1,16 +1,13 @@
-import { DraggableOptions } from '@braks/revue-draggable'
 import { XYPosition, Position, SnapGrid, Element, XYZPosition, Dimensions } from './flow'
 import { HandleElement, ValidConnectionFunc } from './components'
 
 export type CoordinateExtent = [[number, number], [number, number]]
 
-export type Draggable = Omit<DraggableOptions, 'scale' | 'grid' | 'enableUserSelectHack' | 'enableTransformFix'> | boolean
-
 export interface Node<T = any> extends Element<T> {
   position: XYPosition
   targetPosition?: Position
   sourcePosition?: Position
-  draggable?: Draggable
+  draggable?: boolean
   selectable?: boolean
   connectable?: boolean
   dragHandle?: string