yvan-rcs-web/src/modules/rack/RackRenderer.ts

import * as THREE from 'three'
import BaseRenderer from '@/core/base/BaseRenderer.ts'
import { Line2 } from 'three/examples/jsm/lines/Line2.js'
import { LineGeometry } from 'three/examples/jsm/lines/LineGeometry.js'
import { LineMaterial } from 'three/examples/jsm/lines/LineMaterial.js'
import {decimalSumBy} from "@/core/ModelUtils";
import Constract from '@/core/Constract.ts'

/**
 * 货架货位渲染器
 */
export default class RackRenderer extends BaseRenderer {
  static POINT_NAME = 'rack'

  pointMaterial: THREE.Material

  /**
   * 默认点的高度, 防止和地面重合
   */
  readonly defulePositionY: number = Constract.HEIGHT_WAY
  readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1, 1, 1)
  readonly defaultRotation: THREE.Vector3 = new THREE.Vector3(0, 0, 0)
  readonly defaultLineWidth: number = 0.05

  constructor(itemTypeName: string) {
    super(itemTypeName)
  }

  /**
   * 所有的点，必须使用 storeWidth/storeDepth, 改TF无效
   */
  override afterCreateOrUpdatePoint(item: ItemJson, option: RendererCudOption, objects: THREE.Object3D[]) {
    super.afterCreateOrUpdatePoint(item, option, objects)

    const point = objects[0]
    point.position.y = this.defulePositionY

    //point.scale.set(_.sumBy(item.dt.bays, b=>b.bayWidth), this.defaultScale.y, item.dt.rackDepth)
    point.rotation.set(
      THREE.MathUtils.degToRad(item.tf[1][0]),
      THREE.MathUtils.degToRad(item.tf[1][1]),
      THREE.MathUtils.degToRad(item.tf[1][2])
    )
  }


  createLineBasic(start: ItemJson, end: ItemJson, type: LinkType): THREE.Object3D[] {
    throw new Error('not allow store line.')
  }

  updateLine(start: ItemJson, end: ItemJson, type: LinkType, option?: RendererCudOption) {
    throw new Error('not allow store line.')
  }


  createPoint(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] {
    // 创建平面几何体
    if (!item.dt.bays || !item.dt.rackDepth) {
      return []
    }

    const group = new THREE.Group()
    group.name = RackRenderer.POINT_NAME

    const rackWidth = decimalSumBy(item.dt.bays, b=>b.bayWidth)
    const heights = []
    for (let i = 0; i < item.dt.bays.length; i++) {
      const bay = item.dt.bays[i]
      const bayHeight = decimalSumBy(bay.levelHeight)
      heights.push(bayHeight)
    }
    const rackHeight = _.max(heights)
    // 绘制背景矩形框
    const planeGeometry = new THREE.PlaneGeometry(rackWidth, item.dt.rackDepth);

    planeGeometry.rotateX(Math.PI / 2)

    const planeMaterial = new THREE.MeshBasicMaterial({
      color: '#9a9090',
      transparent: true,  // 启用透明
      opacity: 0.5,       // 50%透明度
      depthWrite: false,   // 防止深度冲突
      side: THREE.DoubleSide  // 双面渲染:ml-citation{ref="5,8" data="citationList"}
    })
    const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial)
    group.add(planeMesh)


    // 绘制边框
    const lineXLen = rackWidth - this.defaultLineWidth
    const lineYLen = item.dt.rackDepth - this.defaultLineWidth

    const lineGeometry = new LineGeometry().setPositions([
      -(lineXLen/2),0,-(lineYLen/2),
      lineXLen/2,0,-(lineYLen/2),
      lineXLen/2,0,lineYLen/2,
      -(lineXLen/2),0,lineYLen/2,
      -(lineXLen/2),0,-(lineYLen/2)
    ])
    const lineMaterial = new LineMaterial({
      color: '#0d89a5',
      linewidth: this.defaultLineWidth,
      worldUnits: true,
      resolution: new THREE.Vector2(window.innerWidth, window.innerHeight),
      side: THREE.DoubleSide
    });
    const line = new Line2(lineGeometry, lineMaterial);
    group.add(line as THREE.Object3D)

    let lineDistanceX = 0

    for (let i = 0; item.dt.bays.length > 1 && i < item.dt.bays.length - 1; i++) {
      const bay = item.dt.bays[i]
      lineDistanceX += bay.bayWidth
      const lineGeometryT = new LineGeometry().setPositions([
        -(lineDistanceX) +(lineXLen/2),0,lineYLen/2,
        -(lineDistanceX)+(lineXLen/2),0,-(lineYLen/2)
      ])
      const lineT = new Line2(lineGeometryT, lineMaterial);
      group.add(lineT as THREE.Object3D)
    }

    // 设置位置
    group.position.set(item.tf[0][0], item.tf[0][1], item.tf[0][2])


    item.dt.rackWidth =  rackWidth
    item.dt.rackHeight =  rackHeight

    const points = [group]
    this.fillObjectUserDataFromItem(item, ...points)
    this.afterCreateOrUpdatePoint(item, option, points)
    this.tempViewport.entityManager.appendObject(item.id, points)
    this.appendToScene(...points)
    return points
  }

  dispose() {
    super.dispose()
    this.pointMaterial?.dispose()
  }

  createPointBasic(item: ItemJson, option?: RendererCudOption): Object3D[] {
    return [];
  }
}