Method align

packages/plugin-dashboard/src/designer/alignment.ts:104–140

(type: AlignType)

   */
  @action
  align(type: AlignType): boolean {
    const nodes = this.getSelectedNodes()
    if (nodes.length < 2) return false

    const box = this.calculateBoundingBox(nodes)

    for (const node of nodes) {
      const rect = node.getDashboardRect()
      let newX = rect.x
      let newY = rect.y

      switch (type) {
        case AlignType.LEFT:
          newX = box.minX
          break
        case AlignType.RIGHT:
          newX = box.maxX - rect.width
          break
        case AlignType.TOP:
          newY = box.minY
          break
        case AlignType.BOTTOM:
          newY = box.maxY - rect.height
          break
        case AlignType.HORIZONTAL_CENTER:
          newX = box.minX + (box.width - rect.width) / 2
          break
        case AlignType.VERTICAL_CENTER:
          newY = box.minY + (box.height - rect.height) / 2
          break
      }

      this.updateNodePosition(node, newX, newY)
    }

    return true
  }

  /**
   * 执行分布操作