update: pass store state as props to edge-renderer and edge

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

src/types/components.ts

@@ -58,12 +58,12 @@ export interface MiniMapNodeProps {
 }
 
 export interface EdgeTextProps {
-  x: number
-  y: number
+  x?: number
+  y?: number
   label?:
     | string
     | {
-        component: Component | DefineComponent
+        component: any
         props?: Record<string, any>
       }
   labelStyle?: CSSProperties

src/types/edge.ts

@@ -1,6 +1,6 @@
 import { Component, CSSProperties, DefineComponent } from 'vue'
 import { ArrowHeadType, ElementId, Position } from './flow'
-import { EdgeTextProps } from '~/types/components'
+import { EdgeTextProps } from './components'
 
 export interface Edge<T = any> {
   id: ElementId
@@ -15,8 +15,8 @@ export interface Edge<T = any> {
   label?:
     | string
     | {
-        component: DefineComponent<EdgeTextProps>
-        props?: EdgeTextProps
+        component: DefineComponent<EdgeTextProps> | any
+        props?: EdgeTextProps | any
       }
   labelStyle?: any
   labelShowBg?: boolean

src/types/node.ts

@@ -33,6 +33,11 @@ export interface GraphNode<T = any> extends Node<T> {
   __vf: VFInternals
 }
 
+export type SourceTargetNode = {
+  sourceNode: GraphNode
+  targetNode: GraphNode
+}
+
 export type NodePosUpdate = {
   id: ElementId
   pos: XYPosition