Class Alignment

packages/plugin-dashboard/src/designer/alignment.ts:36–188

 * 多组件对齐功能类
 */
export class Alignment {
  constructor(readonly designer: Designer) {}

  get selection() {
    return this.designer.selection
  }

  /**
   * 获取选中节点（排除 root）
   */
  private getSelectedNodes(): Node[] {
    return this.selection.getTopNodes(false).filter(node => node && !node.isRoot)
  }

  /**
   * 计算选中组件的包围盒
   */
  private calculateBoundingBox(nodes: Node[]): BoundingBox {
    let [minX, minY, maxX, maxY] = [
      Number.POSITIVE_INFINITY,
      Number.POSITIVE_INFINITY,
      Number.NEGATIVE_INFINITY,
      Number.NEGATIVE_INFINITY,
    ]

    for (const node of nodes) {
      const rect = node.getDashboardRect()
      minX = Math.min(minX, rect.x)
      minY = Math.min(minY, rect.y)
      maxX = Math.max(maxX, rect.x + rect.width)
      maxY = Math.max(maxY, rect.y + rect.height)
    }

    return {
      minX,
      minY,
      maxX,
      maxY,
      width: maxX - minX,
      height: maxY - minY,
    }
  }

  /**
   * 更新节点位置（支持 Group）
   */
  private updateNodePosition(node: Node, x: number, y: number) {
    if (node.isGroup) {
      const nodeRect = node.getDashboardRect()
      const deltaX = x - nodeRect.x
      const deltaY = y - nodeRect.y

      for (const child of node.getAllNodesInGroup()) {
        const childRect = child.getDashboardRect()
        child.updateDashboardRect({
          x: childRect.x + deltaX,
          y: childRect.y + deltaY,
        })