gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/projection/projectionPanel.ts

@@ -1,426 +0,0 @@
-import * as Longan from "gs-longan";
-import { ProjectionType, SkyboxComponent, TargetCamera } from "gs-longan";
-import { ComponentSelector } from "gs-bim-air-core/gsDevFx/operators/componentSelector";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { SvgDraw } from "../../../plugins/svgDraw";
-import { Container, G } from "@svgdotjs/svg.js";
-
-import Panel from "../panel";
-import { LonganCore } from "gs-longan";
-import { compassPath1, compassPath2, compassPath3 } from "../../../assets/svgs/compass";
-import { ProjectionCameraMouse } from "gs-bim-air-core/gsDevFx/operators/projectionCameraMouse";
-import { UpdateDisplayMode } from "gs-longan";
-import { CoordinateManager } from "gs-longan";
-
-interface CameraJson {
-  orthoHeight: number;
-  orthoWidth: number;
-  position: Longan.Vector3;
-  target: Longan.Vector3;
-  upVector: Longan.Vector3;
-}
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class ProjectionPanel extends Panels.ProjectionPanel {
-  // typeName = "Projection";
-
-  // viewer2d: Viewer;
-  // svgDraw: SvgDraw;
-  // cameraIcon: G;
-
-  // // svgWidth = 0;
-  // // svgHeight = 0;
-  // totalMatrix: Float32Array = null;
-
-  // // defaultCamera = {
-  // //   height: 217.1120044528568,
-  // //   width: 217.1120044528568,
-  // //   position: [13.965940475463867, 7.6104230880737305, 220.2919146358097],
-  // //   target: [13.965940475463867, 7.6104230880737305, 3.179910182952881],
-  // //   up: [0, 1, 0],
-  // // };
-
-  // topCamera: CameraJson;
-  // currentCamera: CameraJson;
-
-  // repaintCamera = () => {
-  //   this.repaintCameraIcon();
-  // };
-
-  // repaintCameraObserver;
-  panelComponent: Panel;
-  constructor(viewer) {
-    super(viewer);
-  }
-
-  // begin() {
-  //   this.panelComponent= new Panel(this, () => import("./showProjection.vue"));
-  // this.panelComponent.show();
-  //   this.show();
-  // }
-
-  // end(): void {
-  //   this.hide();
-  //   // super.end();
-  // }
-
-  // changeCamera(origin: TargetCamera, target: CameraJson) {
-  //   origin.orthoHeight = target.orthoHeight;
-  //   origin.orthoWidth = target.orthoWidth;
-  //   origin.position = target.position.clone();
-  //   origin.target = target.target.clone();
-  //   origin.upVector = target.upVector.clone();
-  // }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfaceProjectionPanel.vue"));
-    }
-    this.panelComponent.show();
-
-    super.show();
-
-    // let width = (250 / this.viewer.height) * this.viewer.width;
-    // let height = 250;
-    // this.componentData = {
-    //   image: "",
-    //   width,
-    //   height,
-    //   pixelPos: null,
-    //   dirPos: null,
-    // };
-    // // let topCamera = { ...this.topCamera };
-
-    // this.viewer.options.isShowLoading = true;
-    // let that = this;
-    // setTimeout(() => {
-    //   this.initViewer3D();
-    // }, 100);
-    // let timer = setInterval(() => {
-    //   let el = document.getElementById("viewer-drawing");
-    //   if (el) {
-    //     this.initViewer2D();
-
-    //     setTimeout(() => {
-    //       this.createImage().then((data) => {
-    //         if (data) {
-    //           this.viewer2d.backgroundImage = data.image;
-    //           setTimeout(() => {
-    //             this.restoreViewer3D();
-    //             this.changeCamera(this.viewer.camera, that.currentCamera);
-    //             this.viewer.addCompass();
-    //             this.viewer.smoothTransition = true;
-    //             this.viewer.camera.update();
-
-    //             this.changeCamera(this.viewer2d.camera, that.topCamera);
-
-    //             console.log("position: ", this.viewer.camera.position);
-
-    //             this.viewer2d.updateSize();
-    //             this.viewer2d.camera.update();
-
-    //             this.repaintCameraIcon();
-    //             this.viewer.options.isShowLoading = false;
-    //           }, 10);
-    //         }
-    //       });
-    //     }, 100);
-    //     clearInterval(timer);
-    //   }
-    // }, 100);
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // createImage() {
-  //   // return new Promise((resolve)=>{
-  //   let viewerId = this.viewer.container.id;
-  //   let modelViewer = document.getElementById(viewerId);
-  //   // let canvasList = modelViewer!.getElementsByTagName("canvas");
-  //   let canvas = document.createElement("canvas");
-  //   let context = canvas.getContext("2d");
-
-  //   let width, height;
-
-  //   let promises = [];
-  //   // for (let i = 0; i < canvasList.length; i++) {
-  //   // let modelCanvas = canvasList[i];
-  //   let element = document.getElementById("canvas_" + viewerId);
-  //   let modelCanvas: HTMLCanvasElement = element as any;
-
-  //   let modelBase64Image = modelCanvas.toDataURL("image/png");
-
-  //   let p = new Promise<void>((resolve, reject) => {
-  //     //生成模型图片
-  //     let modelImage = new Image();
-  //     modelImage.src = modelBase64Image;
-  //     modelImage.crossOrigin = "Anonymous";
-
-  //     // if (i === 0) {
-  //     canvas.width = modelCanvas.width;
-  //     canvas.height = modelCanvas.height;
-
-  //     width = modelCanvas.width;
-  //     height = modelCanvas.height;
-  //     // }
-
-  //     modelImage.onload = () => {
-  //       context.drawImage(modelCanvas, 0, 0, modelImage.width, modelImage.height);
-  //       resolve();
-  //     };
-  //   });
-
-  //   promises.push(p);
-  //   // }
-
-  //   return Promise.all(promises).then(() => {
-  //     let imageData = canvas.toDataURL("image/png");
-  //     console.log("imageData", imageData);
-  //     this.componentData = {
-  //       image: imageData,
-  //       width: this.componentData.width,
-  //       height: this.componentData.height,
-  //       pixelPos: this.componentData.pixelPos,
-  //       dirPos: this.componentData.dirPos,
-  //     };
-  //     return this.componentData;
-  //   });
-  // }
-
-  // //初始化2d视图
-  // initViewer2D() {
-  //   this.viewer2d = new Viewer({
-  //     elementId: "viewer-drawing",
-  //     components: {
-  //       compass: {
-  //         visible: false,
-  //       },
-  //     },
-  //   });
-  //   // this.viewer2d.updateType = Longan.UpdateType.Asynchronization;
-  //   // this.viewer2d.isUpdateTt = false;
-  //   this.viewer2d.name = "viewer2d";
-  //   // this.viewer2d.backgroundColor = [37, 40, 59];
-  //   this.viewer2d.camera.mode = Longan.Camera.ORTHOGRAPHIC_CAMERA;
-  //   this.viewer2d.updateDisplayMode = UpdateDisplayMode.Static;
-
-  //   this.viewer2d.run();
-
-  //   this.viewer2d.operatorManager.clear();
-
-  //   // let skyboxComponent = this.viewer2d.components.find<SkyboxComponent>("SkyboxComponent");
-  //   // this.viewer2d.renderObjects.delete(skyboxComponent.owner);
-
-  //   let projectionCameraMouse = new ProjectionCameraMouse();
-  //   projectionCameraMouse.lButtonDown.add((e: Longan.ViewerEvent) => {
-  //     // let clickPos = e.mouseWorldPos();
-
-  //     // let potest = this.viewer2d.pixelPointToWorldPoint([[e.mousePixelPos()[0], e.mousePixelPos()[1]]], false)[0];
-  //     console.log("this.viewer.camera.position", this.viewer.camera.position);
-  //     let positionZ = this.viewer.camera.position.z;
-  //     let pos = new Longan.Vector3(e.mouseWorldPos()[0], e.mouseWorldPos()[1], positionZ);
-  //     // console.log("sender,e", clickPos, potest);
-
-  //     let sub = pos.subtract(this.viewer.camera.position);
-  //     let target = this.viewer.camera.target.add(sub);
-  //     // let target = Longan.DPoint.add(
-  //     //   this.viewer.camera.target,
-  //     //   Longan.DPoint.subtract(new Float64Array(pos), new Float64Array(this.viewer.camera.position))
-  //     // );
-  //     let targetZ = this.viewer.camera.target.z;
-  //     this.viewer.camera.target = new Longan.Vector3(target[0], target[1], targetZ);
-  //     // this.viewer.camera.target[1] = target[1];
-  //     this.viewer.camera.position = new Longan.Vector3(pos[0], pos[1], positionZ);
-  //     // this.viewer.camera.position[1] = pos[1];
-  //     this.repaintCameraIcon();
-
-  //     this.viewer.camera.update();
-  //     // this.viewer.updateDisplay();
-  //   });
-  //   this.viewer2d.operatorManager.add(projectionCameraMouse);
-  // }
-
-  // initViewer3D() {
-  //   this.currentCamera = {
-  //     orthoHeight: this.viewer.camera.orthoHeight,
-  //     orthoWidth: this.viewer.camera.orthoWidth,
-  //     position: this.viewer.camera.position.clone(),
-  //     target: this.viewer.camera.target.clone(),
-  //     upVector: this.viewer.camera.upVector.clone(),
-  //   };
-
-  //   // this.viewer.camera = this.defaultCamera;
-  //   this.viewer.smoothTransition = false;
-  //   this.viewer.setViewMode(Longan.ViewMode.XY, true);
-  //   // this.viewer.updateDisplay();
-  //   this.viewer.camera.update();
-
-  //   this.topCamera = {
-  //     orthoHeight: this.viewer.camera.orthoHeight,
-  //     orthoWidth: this.viewer.camera.orthoWidth,
-  //     position: this.viewer.camera.position.clone(),
-  //     target: this.viewer.camera.target.clone(),
-  //     upVector: this.viewer.camera.upVector.clone(),
-  //   };
-  //   this.viewer.smoothTransition = true;
-
-  //   let model = this.viewer.process.renderObject;
-  //   if (model) {
-  //     this.totalMatrix = model.segment.subsegment("main")?.modellingMatrix?.matrix as Float32Array;
-  //   }
-
-  //   this.viewer.removeCompass();
-  // }
-
-  // restoreViewer3D() {
-  //   this.repaintCamera();
-  //   //重新绘制二维视图中三维镜头位置
-  //   this.repaintCameraObserver = this.viewer.camera.onViewMatrixChangedObservable.add(this.repaintCamera);
-  //   // this.viewer.operatorManager.clear();
-  //   // this.viewer.operatorManager.add(new Longan.CameraMouse());
-
-  //   // let componentSelector = new ComponentSelector();
-  //   // this.viewer.operatorManager.add(componentSelector);
-
-  //   // this.viewer.operatorManager.clear();
-  //   // this.viewer.operatorManager.add(new Longan.CameraMouse());
-
-  //   // let componentSelector = new ComponentSelector();
-  //   // componentSelector.isAreaSelect = false;
-  //   //三维中点击事件
-  //   // componentSelector.lButtonDown.add((sender, event) => {
-  //   //   this.modellButtonDown(componentSelector, event);
-  //   // });
-  //   // this.viewer.operatorManager.add(componentSelector);
-  // }
-
-  // repaintCameraIcon() {
-  //   //三维镜头动 联动 二维的镜头
-  //   let viewer = this.viewer;
-  //   let cameraPos = viewer.camera.position;
-  //   let targetPos = viewer.camera.target;
-  //   // console.log("viewer cameraPos targetPso: ", cameraPos, targetPos);
-
-  //   // let dir = Longan.Point.subtract(targetPos, cameraPos);
-  //   // Longan.Vector.normalize(dir);
-
-  //   // targetPos = Longan.Point.add(cameraPos, Longan.Vector.multiply(dir, 10));
-  //   targetPos = targetPos.projectOnPlane(Longan.Plane.FromPositionAndNormal(cameraPos, new Longan.Vector3(0, 0, 1)));
-  //   // targetPos = Longan.DGeometryOperators.projectPointToPlane(targetPos, cameraPos, new Float64Array([0, 0, 1]));
-
-  //   // if (this.totalMatrix !== null) {
-  //   //   targetPos = Longan.Matrix4.multiplyPoint(Longan.Matrix4.InverseMatrix(this.totalMatrix), targetPos);
-  //   //   cameraPos = Longan.Matrix4.multiplyPoint(Longan.Matrix4.InverseMatrix(this.totalMatrix), cameraPos);
-  //   // }
-
-  //   // this.viewer.utilitySegment.insertMarker(cameraPos);
-  //   // this.viewer.utilitySegment.insertMarker(targetPos);
-  //   // this.viewer.utilitySegment.visibility.setMarker(true);
-  //   // this.viewer.updateDisplay();
-
-  //   // this.viewer2d.utilitySegment.insertMarker(cameraPos);
-  //   // this.viewer2d.utilitySegment.insertMarker(targetPos);
-  //   // this.viewer2d.utilitySegment.visibility.setMarker(true);
-  //   // this.viewer2d.updateDisplay();
-  //   //计算三维点的二维坐标
-  //   // let pixelPos =LonganCore.JS_Compute_Coordinates_By_Key(this.viewer2d.sceneSegment.key, "world", cameraPos, "pixels");
-
-  //   // let dirPos =LonganCore.JS_Compute_Coordinates_By_Key(this.viewer2d.sceneSegment.key, "world", targetPos, "pixels");
-  //   // let pixelPosTest = this.viewer.worldPointToPixelPoint([cameraPos], false)[0];
-  //   // let pixelPos = this.viewer2d.worldPointToPixelPoint(cameraPos);
-  //   // let dirPos = this.viewer2d.worldPointToPixelPoint(targetPos);
-
-  //   let pixelPos = this.viewer2d.convertCoordinate(
-  //     Longan.CoordinateType.World,
-  //     Longan.CoordinateType.Pixels,
-  //     cameraPos
-  //   );
-  //   let dirPos = this.viewer2d.convertCoordinate(Longan.CoordinateType.World, Longan.CoordinateType.Pixels, targetPos);
-
-  //   // //转成小图纸的二维坐标
-  //   // let pixelPos = [
-  //   //   (pixelPos3D[0] / this.viewer.width) * this.componentData.width,
-  //   //   (pixelPos3D[1] / this.viewer.height) * this.componentData.height,
-  //   // ];
-
-  //   // let dirPos = [
-  //   //   (dirPos3D[0] / this.viewer.width) * this.componentData.width,
-  //   //   (dirPos3D[1] / this.viewer.height) * this.componentData.height,
-  //   // ];
-
-  //   //重新绘制二维相机
-  //   this.componentData.pixelPos = pixelPos;
-  //   this.componentData.dirPos = dirPos;
-
-  //   let pixelPosFloat32 = new Float64Array([dirPos.x - pixelPos.x, dirPos.y - pixelPos.y, 0]);
-  //   let xFloat32 = new Float64Array([1, 0, 0]);
-  //   let zFloat32 = new Float64Array([0, 0, -1]);
-
-  //   let angle = (Longan.DVector.angle(pixelPosFloat32, xFloat32, zFloat32) / Math.PI) * 180;
-  //   // console.log("angle", angle);
-
-  //   let x = pixelPos.x - 4;
-  //   let y = pixelPos.y - 18;
-
-  //   if (x < 0) {
-  //     x = 0;
-  //   } else if (x > this.componentData.width) {
-  //     x = this.componentData.width;
-  //   }
-  //   if (y < -20) {
-  //     y = -20;
-  //   } else if (y > this.componentData.height - 20) {
-  //     y = this.componentData.height - 20;
-  //   }
-
-  //   if (!this.svgDraw) {
-  //     this.svgDraw = SvgDraw.getInstance("viewer-drawing");
-  //     let draw = this.svgDraw.draw as Container;
-  //     let pathSvg1 = draw.path(compassPath1).fill("#DCDCDC");
-  //     let pathSvg2 = draw.path(compassPath2).fill("#E54A49");
-  //     let pathSvg3 = draw.path(compassPath3).fill("#999999");
-  //     let compassSVG = draw.group();
-  //     compassSVG
-  //       .add(pathSvg1)
-  //       .add(pathSvg2)
-  //       .add(pathSvg3)
-  //       .width(30)
-  //       .height(30)
-  //       .move(this.componentData.width - 40, 10);
-  //   }
-  //   if (this.cameraIcon) {
-  //     this.cameraIcon.clear();
-  //   }
-  //   this.cameraIcon = this.createCameraIcon();
-  //   this.cameraIcon.move(x, y);
-  //   this.cameraIcon.rotate(angle, x + 4, y + 18);
-  // }
-
-  // createCameraIcon() {
-  //   let draw = this.svgDraw.draw as Container;
-  //   let path = "M5.94925387,0 C18.4132389,0 28.6581001,9.50119823 29.8362478,21.6560048 L5.94925387,25 Z";
-  //   let gradient = draw
-  //     .gradient("linear", (add) => {
-  //       add.stop(0, "#F99C34");
-  //       add.stop(1, "#F99C3400");
-  //     })
-  //     .from(0, 1)
-  //     .to(1, 0.2);
-  //   //Math.tan(40*2*Math.PI/360)
-  //   let circle = draw.circle(8).fill("#F99C34").stroke({ color: "#fff", width: 1 });
-  //   let pathSvg = draw.path(path).attr({ fill: gradient }).transform(
-  //     {
-  //       translateX: 0,
-  //       translateY: -8,
-  //       rotate: 50,
-  //     },
-  //     true
-  //   );
-  //   this.cameraIcon = draw.group();
-  //   this.cameraIcon.add(pathSvg).add(circle).width(36).height(36);
-  //   return this.cameraIcon;
-  // }
-}