61 lines
1.5 KiB
TypeScript
61 lines
1.5 KiB
TypeScript
import { Component, CSSProperties, DefineComponent } from 'vue'
|
|
import { ArrowHeadType, ElementId, Position } from './flow'
|
|
import { EdgeTextProps } from './components'
|
|
|
|
export interface Edge<T = any> {
|
|
id: ElementId
|
|
type?: string
|
|
source: ElementId
|
|
target: ElementId
|
|
sourceHandle?: ElementId | null
|
|
targetHandle?: ElementId | null
|
|
selected?: boolean
|
|
sourcePosition?: Position
|
|
targetPosition?: Position
|
|
label?:
|
|
| string
|
|
| {
|
|
component: DefineComponent<EdgeTextProps> | any
|
|
props?: EdgeTextProps | any
|
|
}
|
|
labelStyle?: any
|
|
labelShowBg?: boolean
|
|
labelBgStyle?: any
|
|
labelBgPadding?: [number, number]
|
|
labelBgBorderRadius?: number
|
|
style?: CSSProperties | unknown
|
|
animated?: boolean
|
|
arrowHeadType?: ArrowHeadType
|
|
markerEndId?: string
|
|
data?: T
|
|
class?: string
|
|
isHidden?: boolean
|
|
}
|
|
|
|
export interface EdgeProps<T = any> extends Edge<T> {
|
|
sourceX: number
|
|
sourceY: number
|
|
targetX: number
|
|
targetY: number
|
|
selected?: boolean
|
|
sourcePosition: Position
|
|
targetPosition: Position
|
|
markerEndId?: string
|
|
sourceHandleId?: ElementId | null
|
|
targetHandleId?: ElementId | null
|
|
}
|
|
|
|
export interface EdgeSmoothStepProps<T = any> extends EdgeProps<T> {
|
|
borderRadius?: number
|
|
}
|
|
|
|
export type EdgeComponent = Component<EdgeProps> | DefineComponent<EdgeSmoothStepProps, any, any, any, any, any> | string
|
|
export type EdgeTypes = string[]
|
|
|
|
export interface EdgePositions {
|
|
sourceX: number
|
|
sourceY: number
|
|
targetX: number
|
|
targetY: number
|
|
}
|