@antv/x6/src/registry/router/util.ts

JavaScript diagramming library that uses SVG and HTML for rendering.

import { NumberExt } from '../../util'
import { Point, Rectangle } from '../../geometry'
import { EdgeView } from '../../view/edge'

export interface PaddingOptions {
  padding?: NumberExt.SideOptions
}

export function getPointBBox(p: Point) {
  return new Rectangle(p.x, p.y, 0, 0)
}

export function getPaddingBox(options: PaddingOptions = {}) {
  const sides = NumberExt.normalizeSides(options.padding || 20)

  return {
    x: -sides.left,
    y: -sides.top,
    width: sides.left + sides.right,
    height: sides.top + sides.bottom,
  }
}

export function getSourceBBox(view: EdgeView, options: PaddingOptions = {}) {
  return view.sourceBBox.clone().moveAndExpand(getPaddingBox(options))
}

export function getTargetBBox(view: EdgeView, options: PaddingOptions = {}) {
  return view.targetBBox.clone().moveAndExpand(getPaddingBox(options))
}

export function getSourceAnchor(view: EdgeView, options: PaddingOptions = {}) {
  if (view.sourceAnchor) {
    return view.sourceAnchor
  }
  const bbox = getSourceBBox(view, options)
  return bbox.getCenter()
}

export function getTargetAnchor(view: EdgeView, options: PaddingOptions = {}) {
  if (view.targetAnchor) {
    return view.targetAnchor
  }

  const bbox = getTargetBBox(view, options)
  return bbox.getCenter()
}