@antv/x6/src/registry/port-label-layout/side.ts

JavaScript diagramming library that uses SVG and HTML for rendering.

import { PortLabelLayout } from './index'
import { toResult } from './util'

export interface SideArgs extends PortLabelLayout.CommonOptions {}

export const manual: PortLabelLayout.Definition<SideArgs> = (
  portPosition,
  elemBBox,
  args,
) => toResult({ position: elemBBox.getTopLeft() }, args)

export const left: PortLabelLayout.Definition<SideArgs> = (
  portPosition,
  elemBBox,
  args,
) =>
  toResult(
    {
      position: { x: -15, y: 0 },
      attrs: { '.': { y: '.3em', 'text-anchor': 'end' } },
    },
    args,
  )

export const right: PortLabelLayout.Definition<SideArgs> = (
  portPosition,
  elemBBox,
  args,
) =>
  toResult(
    {
      position: { x: 15, y: 0 },
      attrs: { '.': { y: '.3em', 'text-anchor': 'start' } },
    },
    args,
  )

export const top: PortLabelLayout.Definition<SideArgs> = (
  portPosition,
  elemBBox,
  args,
) =>
  toResult(
    {
      position: { x: 0, y: -15 },
      attrs: { '.': { 'text-anchor': 'middle' } },
    },
    args,
  )

export const bottom: PortLabelLayout.Definition<SideArgs> = (
  portPosition,
  elemBBox,
  args,
) =>
  toResult(
    {
      position: { x: 0, y: 15 },
      attrs: { '.': { y: '.6em', 'text-anchor': 'middle' } },
    },
    args,
  )