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'

/**
 * 地堆货位渲染器
 */
export default class GstoreRenderer extends BaseRenderer {
  static POINT_NAME = 'ground_store'

  pointMaterial: THREE.Material

  /**
   * 默认点的高度, 防止和地面重合
   */
  readonly defulePositionY: number = 0.5 // 默认点的高度, 0.01, 防止和地面重合
  readonly defaultScale: THREE.Vector3 = new THREE.Vector3(1.5, 1.2, 0.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(item.dt.storeWidth, this.defaultScale.y, item.dt.storeDepth)
    point.rotation.set(
      THREE.MathUtils.degToRad(this.defaultRotation.x),
      THREE.MathUtils.degToRad(this.defaultRotation.y),
      THREE.MathUtils.degToRad(this.defaultRotation.z)
    )
  }


  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.')
  }

  createPointBasic(item: ItemJson, option?: RendererCudOption): THREE.Object3D[] {
    // 创建平面几何体

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

    // 绘制背景矩形框
    const planeGeometry = new THREE.PlaneGeometry(item.dt.storeWidth, item.dt.storeDepth)
    planeGeometry.rotateX(-Math.PI / 2)
    const planeMaterial = new THREE.MeshBasicMaterial({
      color: 'white',
      transparent: true,  // 启用透明
      opacity: 0.2,       // 50%透明度
      depthWrite: false,   // 防止深度冲突
      side: THREE.DoubleSide  // 双面渲染:ml-citation{ref="5,8" data="citationList"}
    })
    const planeMesh = new THREE.Mesh(planeGeometry, planeMaterial)
    group.add(planeMesh)

    if (!item.dt.storeWidth || !item.dt.storeDepth) {
      return [group]
    }

    // 绘制边框
    const lineXLen = item.dt.storeWidth - this.defaultLineWidth
    const lineYLen = item.dt.storeDepth - this.defaultLineWidth

    const lineGeometry = new LineGeometry().setPositions([
      -(lineXLen / 2), -(lineYLen / 2), 0,
      lineXLen / 2, -(lineYLen / 2), 0,
      lineXLen / 2, lineYLen / 2, 0,
      -(lineXLen / 2), lineYLen / 2, 0,
      -(lineXLen / 2), -(lineYLen / 2), 0
    ])
    lineGeometry.rotateX(-Math.PI / 2)
    const lineMaterial = new LineMaterial({
      color: 0x00ff00,
      linewidth: 0.05,
      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)

    return [group]
  }

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