@antv/x6/src/registry/marker/index.ts

JavaScript diagramming library that uses SVG and HTML for rendering.

import { KeyValue } from '../../types'
import { Registry } from '../registry'
import { Attr } from '../attr'
import * as markers from './main'
import { normalize as normalizeMarker } from './util'

export namespace Marker {
  export type Factory<T extends KeyValue = KeyValue> = (options: T) => Result

  export interface BaseResult extends Attr.SimpleAttrs {
    tagName?: string
  }

  export type Result = BaseResult & {
    id?: string
    refX?: number
    refY?: number
    // @see https://developer.mozilla.org/en-US/docs/Web/SVG/Element/marker
    markerUnits?: string
    markerOrient?: 'auto' | 'auto-start-reverse' | number
    children?: BaseResult[]
  }
}

export namespace Marker {
  export type Presets = typeof Marker['presets']

  export type OptionsMap = {
    readonly [K in keyof Presets]-?: Parameters<Presets[K]>[0]
  }

  export type NativeNames = keyof OptionsMap

  export interface NativeItem<T extends NativeNames = NativeNames> {
    name: T
    args?: OptionsMap[T]
  }

  export interface ManaualItem {
    name: Exclude<string, NativeNames>
    args?: KeyValue
  }
}

export namespace Marker {
  export const presets = markers
  export const registry = Registry.create<Factory, Presets>({
    type: 'marker',
  })
  registry.register(presets, true)
}

export namespace Marker {
  export const normalize = normalizeMarker
}