gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/commands/showProjection/commandShowProjection.ts

@@ -1,353 +0,0 @@
-// import { CommandComponent } from "../commandComponent";
-
-// import * as Longan from "gs-longan";
-// import store from "../../../store";
-// import { ProjectionType } 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 { LonganCore } from "gs-longan";
-// import { compassPath1, compassPath2, compassPath3 } from "../../../assets/svgs/compass";
-// import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-
-// export default class CommandShowProjection extends Commands.CommandShowProjection {
-//   typeName = "CommandShowProjection";
-
-//   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;
-//   currentCamera = null;
-
-//   repaintCamera = () => {
-//     this.repaintCameraIcon();
-//   };
-
-//   component: CommandComponent;
-
-// constructor() {
-//     super();
-//   }
-
-//   begin() {
-//         this.component = new CommandComponent(this, () => import("./showProjection.vue"));
-
-//     this.component.show();
-//   }
-
-//   end(): void {
-//     this.hide();
-//     super.end();
-//   }
-
-//   show() {
-//     super.show();
-
-//     let width = (250 / this.viewer.height) * this.viewer.width;
-//     let height = 250;
-//     this.commandData = {
-//       image: "",
-//       width,
-//       height,
-//       pixelPos: null,
-//       dirPos: null,
-//     };
-//     // let topCamera = { ...this.topCamera };
-
-//     this.viewer.options.isShowLoading = true;
-//     setTimeout(() => {
-//       this.initViewer3D();
-//     }, 100);
-//     let timer = setInterval(() => {
-//       let el = document.getElementById("viewer-drawing");
-//       if (el) {
-//         this.initViewer2D();
-
-//         setTimeout(() => {
-//           this.viewer.removeCompass();
-
-//           this.createImage().then((data) => {
-//             if (data) {
-//               this.viewer2d.backgroundImage = data.image;
-
-//               setTimeout(() => {
-//                 // this.viewer2d.updateDisplay();
-//                 // this.viewer2d.updateDisplay();
-
-//                 this.restoreViewer3D();
-//                 this.viewer.camera["data"] = this.currentCamera;
-//                 this.viewer.addCompass();
-//                 this.viewer.smoothTransition = true;
-
-//                 let topCamera = JSON.parse(JSON.stringify(this.topCamera));
-//                 this.viewer2d.camera["data"] = topCamera;
-//                 this.viewer2d.updateSize();
-//                 this.repaintCameraIcon();
-
-//                 this.viewer.options.isShowLoading = false;
-//               }, 10);
-//             }
-//           });
-//         }, 100);
-//         clearInterval(timer);
-//       }
-//     }, 100);
-//   }
-
-//   public hide(): void {
-//     // this.viewer.sceneCameraChanged.remove(this.repaintCamera);
-//     this.totalMatrix = null;
-//     this.svgDraw.dispose();
-//     this.svgDraw = null;
-//     this.viewer2d.dispose();
-//     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 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 this.commandData;
-//     return Promise.all(promises).then(() => {
-//       this.commandData = {
-//         image: canvas.toDataURL("image/png"),
-//         width: this.commandData.width,
-//         height: this.commandData.height,
-//         pixelPos: this.commandData.pixelPos,
-//         dirPos: this.commandData.dirPos,
-//       };
-//       return this.commandData;
-//     });
-//   }
-
-//   //初始化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.sceneSegment.camera.projection = ProjectionType.Orthographic;
-//   }
-
-//   initViewer3D() {
-//     this.currentCamera = {
-//       height: this.viewer.camera.orthoHeight,
-//       width: this.viewer.camera.orthoWidth,
-//       position: this.viewer.camera.position,
-//       target: this.viewer.camera.target,
-//       up: this.viewer.camera.upVector,
-//     };
-
-//     // this.viewer.camera = this.defaultCamera;
-//     this.viewer.smoothTransition = false;
-//     this.viewer.setViewMode(Longan.ViewMode.XY, true);
-//     this.viewer.updateDisplay();
-
-//     let topCamera = JSON.parse(
-//       JSON.stringify({
-//         height: this.viewer.camera.orthoHeight,
-//         width: this.viewer.camera.orthoWidth,
-//         position: this.viewer.camera.position,
-//         target: this.viewer.camera.target,
-//         up: this.viewer.camera.upVector,
-//       })
-//     );
-//     this.topCamera = JSON.parse(JSON.stringify(topCamera));
-//     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.viewer.sceneCameraChanged.add(this.repaintCamera);
-//     this.viewer.operatorManager.clear();
-//     this.viewer.operatorManager.add(new 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.sceneSegment.camera.position as Float32Array;
-//     let targetPos = viewer.sceneSegment.camera.target as Float32Array;
-
-//     let dir = Longan.Point.subtract(targetPos, cameraPos);
-//     Longan.Vector.normalize(dir);
-
-//     targetPos = Longan.Point.add(cameraPos, Longan.Vector.multiply(dir, 10));
-//     if (this.totalMatrix !== null) {
-//       targetPos = Longan.Matrix4.multiplyPoint(Longan.Matrix4.InverseMatrix(this.totalMatrix), targetPos);
-//       cameraPos = Longan.Matrix4.multiplyPoint(Longan.Matrix4.InverseMatrix(this.totalMatrix), cameraPos);
-//     }
-
-//     //计算三维点的二维坐标
-//     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 pixelPos = [
-//     //   (pixelPos3D[0] / this.viewer.width) * this.commandData.width,
-//     //   (pixelPos3D[1] / this.viewer.height) * this.commandData.height,
-//     // ];
-
-//     // let dirPos = [
-//     //   (dirPos3D[0] / this.viewer.width) * this.commandData.width,
-//     //   (dirPos3D[1] / this.viewer.height) * this.commandData.height,
-//     // ];
-
-//     //重新绘制二维相机
-//     this.commandData.pixelPos = pixelPos;
-//     this.commandData.dirPos = dirPos;
-
-//     let pixelPosFloat32 = new Float32Array([dirPos[0] - pixelPos[0], dirPos[1] - pixelPos[1], 0]);
-//     let xFloat32 = new Float32Array([1, 0, 0]);
-//     let zFloat32 = new Float32Array([0, 0, -1]);
-
-//     let angle = (Longan.Vector.angle(pixelPosFloat32, xFloat32, zFloat32) / Math.PI) * 180;
-//     console.log("angle", angle);
-
-//     let x = pixelPos[0] - 4;
-//     let y = pixelPos[1] - 18;
-
-//     if (x < 0) {
-//       x = 0;
-//     } else if (x > this.commandData.width) {
-//       x = this.commandData.width;
-//     }
-//     if (y < -20) {
-//       y = -20;
-//     } else if (y > this.commandData.height - 20) {
-//       y = this.commandData.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.commandData.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;
-//   }
-// }

package/src/viewerWrapper/commands/showProjection/showProjection.vue

@@ -1,75 +0,0 @@
-<template>
-  <div class="showProjection">
-    <div
-      id="viewer-drawing"
-      :style="{
-        height: commandData.height + 'px',
-        width: commandData.width + 'px',
-      }"></div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import store from "../../../store";
-
-@Component({
-  components: {},
-})
-export default class ShowProjection extends Vue {
-  @Prop() componentData;
-
-  defaultCommandData = null;
-
-  get commandData() {
-    return this.componentData || this.defaultCommandData;
-  }
-
-  @Watch("componentData", { deep: true })
-  onIsComputeChange(val, oldVal) {
-    if (this.componentData.name) {
-      this.$emit("setSubTitle", this.componentData.name);
-    }
-    if (this.componentData.width) {
-      this.$emit("setData", {
-        title: "地图",
-        // bottom: "20px",
-        // left: "20px",
-        width: this.commandData.width + "px",
-        // height: "300px",
-      });
-    }
-  }
-
-  borderMouseUp() {
-    // store.state.viewer2d.updateSize();
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "地图",
-      bottom: "20px",
-      left: "20px",
-      width: "400px",
-      height: "300px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.showProjection {
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-
-#viewer-drawing {
-  height: 100%;
-  width: 100%;
-}
-</style>