gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/commands/showMeasure/showMeasure.vue

@@ -1,415 +0,0 @@
-<template>
-  <div class="showMeasure">
-    <div v-if="!isSetting" class="measure">
-      <!-- <div class="top">
-        <gs-button-group :activeIndex="activeButtonIndex">
-          <gs-button-icon
-            icon="jvli"
-            title="距离"
-            @click="measureTypeChange(MeasureType.Distance)" />
-          <gs-button-icon
-            icon="zuixiaojvli"
-            title="最小距离"
-            @click="measureTypeChange(MeasureType.Mindistance)" />
-          <gs-button-icon
-            icon="jiaodu"
-            title="角度"
-            @click="measureTypeChange(MeasureType.Angle)" />
-          <gs-button-icon
-            icon="gaocheng"
-            title="高程"
-            @click="measureTypeChange(MeasureType.Elevation)" />
-          <gs-button-icon icon="GSBimAir icon-podu" title="坡度" @click="measureTypeChange(MeasureType.Slope)" />
-          <gs-button-icon
-            icon="zuobiao"
-            title="坐标"
-            @click="measureTypeChange(MeasureType.Point)" />
-          <gs-button-icon icon="GSBimAir icon-mianji" title="面积" @click="measureTypeChange(MeasureType.Area)" />
-          <gs-button-icon
-            icon="tiji"
-            title="体积"
-            @click="measureTypeChange(MeasureType.Volume)" />
-        </gs-button-group>
-      </div> -->
-      <div class="middle">
-        <div v-if="measureType === MeasureType.Distance">
-          <div class="input-row">
-            <span>距离:</span>
-            <span style="color: #e09c0d">{{ parseFloat(commandData.distance).toFixed(accuracy) }}</span>
-            m
-          </div>
-          <div class="input-row" style="color: rgb(226, 74, 27)">
-            <span>X:</span>
-            <span>
-              {{ Math.abs(commandData.endPos[0] - commandData.startPos[0]).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-          <div class="input-row" style="color: rgb(144, 226, 74)">
-            <span>Y:</span>
-            <span>
-              {{ Math.abs(commandData.endPos[1] - commandData.startPos[1]).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-          <div class="input-row" style="color: rgb(74, 144, 226)">
-            <span>Z:</span>
-            <span>
-              {{ Math.abs(commandData.endPos[2] - commandData.startPos[2]).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Mindistance">
-          <div class="input-row">
-            <span style="width: 70px">最小距离:</span>
-            <span style="color: #e09c0d">{{ parseFloat(commandData.minDistance).toFixed(accuracy) }}</span>
-            m
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Angle">
-          <div class="input-row">
-            <span>角度:</span>
-            <span style="color: #e09c0d">{{ parseFloat(commandData.angleValue).toFixed(accuracy) }}</span>
-            °
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Elevation">
-          <div class="input-row">
-            <span>高程:</span>
-            <span style="color: #e09c0d">
-              {{ parseFloat(commandData.elevationValue).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Slope">
-          <div class="input-row">
-            <span>坡度:</span>
-            <span style="color: #e09c0d">{{ parseFloat(commandData.slopeValue).toFixed(accuracy) }}</span>
-            °
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Point">
-          <div class="input-row">
-            <span>坐标:</span>
-            <span></span>
-          </div>
-          <div class="input-row" style="color: rgb(226, 74, 27)">
-            <span>X:</span>
-            <span>
-              {{ parseFloat(commandData.pointPos[0]).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-          <div class="input-row" style="color: rgb(144, 226, 74)">
-            <span>Y:</span>
-            <span>
-              {{ parseFloat(commandData.pointPos[1]).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-          <div class="input-row" style="color: rgb(74, 144, 226)">
-            <span>Z:</span>
-            <span>
-              {{ parseFloat(commandData.pointPos[2]).toFixed(accuracy) }}
-            </span>
-            m
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Area">
-          <div class="input-row">
-            <span>面积:</span>
-            <span style="color: #e09c0d">{{ commandData.areaValue.toFixed(accuracy) }}</span>
-            m²
-          </div>
-        </div>
-
-        <div v-if="measureType === MeasureType.Volume">
-          <div class="input-row">
-            <span>体积:</span>
-            <span style="color: #e09c0d">{{ commandData.volumeValue.toFixed(accuracy) }}</span>
-            m³
-          </div>
-        </div>
-      </div>
-
-      <div class="bottom">
-        <!-- <el-button type="text" @click="settingClick">
-          <i class="el-icon-setting"></i>
-        </el-button> -->
-        <el-button type="info" round size="mini" @click="deleteAllMeasureClick">删除全部</el-button>
-      </div>
-    </div>
-
-    <div v-else class="setting">
-      <div class="middle">
-        <div class="row">
-          <span style="width: 70px">精度:</span>
-          <el-select popper-class="dark-select" v-model="accuracy" @change="accuracyChange" size="mini">
-            <el-option
-              v-for="item in accuracyOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"></el-option>
-          </el-select>
-        </div>
-      </div>
-      <div class="bottom">
-        <el-button type="text" @click="saveSettingClick">保存设置</el-button>
-        <el-button type="text" @click="cancelSettingClick">取消</el-button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import { CommandShowMeasure, MeasureType } from "./commandShowMeasure";
-import GsButtonIcon from "../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import GsButtonGroup from "../../../components/gs/gsButtonGroup/gs-button-group.vue";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { SettingPanel } from "../../../viewerWrapper/panels";
-
-@Component({
-  components: { GsButtonIcon, GsButtonGroup },
-})
-export default class ShowMeasure extends Vue {
-  @Prop() componentData;
-
-  @Inject() getViewer;
-
-  MeasureType = MeasureType;
-  // currentMeasureType: MeasureType = MeasureType.Distance;
-  activeButtonIndex = 0;
-  isSetting = false;
-
-  accuracy: number = 3;
-  accuracyOptions = [
-    {
-      label: "0",
-      value: 0,
-    },
-    {
-      label: "0.0",
-      value: 1,
-    },
-    {
-      label: "0.00",
-      value: 2,
-    },
-    {
-      label: "0.000",
-      value: 3,
-    },
-  ];
-
-  // measureType = CommandShowMeasure.instance.
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get commandData() {
-    let commandData = this.componentData;
-    if (commandData) {
-      // this.currentMeasureType = commandData.measureType;
-      // 设置按钮组的高亮
-      this.activeButtonIndex = commandData.measureType;
-    }
-    console.log("this.componentData", this.componentData);
-    return (
-      this.componentData || {
-        measureType: MeasureType.Distance,
-        distance: 0,
-        minDistance: 0,
-        startPos: [0, 0, 0],
-        endPos: [0, 0, 0],
-        angleValue: 0,
-        elevationValue: 0,
-        slopeValue: 0,
-        pointPos: [0, 0, 0],
-      }
-    );
-  }
-
-  get measureType() {
-    return this.commandData.measureType;
-  }
-
-  // get currentMeasureType() {
-  //   console.log("currentMeasureType---");
-  //   let commandShowMeasure = this.viewer.process.commandManager.currentCommand as CommandShowMeasure;
-  //   return commandShowMeasure.activeMeasureType || MeasureType.Distance;
-  // }
-
-  // measureTypeChange(type: MeasureType) {
-  //   this.currentMeasureType = type;
-  //   let commandShowMeasure = this.viewer.process.commandManager.currentCommand as CommandShowMeasure;
-  //   commandShowMeasure.measureTypeChange(type);
-  // }
-
-  // saveMeasureClick() {
-  //   saveModel(this.viewer).then(() => {
-  //     Message.success("测量距离保存成功！");
-  //   });
-  // }
-
-  deleteAllMeasureClick() {
-    let commandShowMeasure = this.viewer.process.commandManager.currentCommand as CommandShowMeasure;
-    commandShowMeasure.clearAll();
-  }
-
-  accuracyChange() {}
-
-  settingClick() {
-    this.isSetting = true;
-    this.$emit("setData", {
-      title: "测量设置",
-    });
-    let accuracy = localStorage.getItem("accuracy");
-    if (accuracy) {
-      this.accuracy = Number(accuracy);
-    } else {
-      this.accuracy = 3;
-    }
-  }
-
-  saveSettingClick() {
-    this.viewer.options.measureAccuracy = this.accuracy;
-    this.viewer.panelManager.getPanelByName<SettingPanel>("SettingPanel").saveLocalConfig();
-
-    this.viewer.measureManager.measureObjects.render();
-    this.isSetting = false;
-    // let viewPointStateObject = this.viewer.process.findRenderObject(
-    //   "ViewPointStateObject"
-    // );
-    // if (viewPointStateObject) {
-    //   viewPointStateObject.render();
-    // }
-    // this.viewer.measureManager.measureObjects.render();
-  }
-
-  cancelSettingClick() {
-    this.isSetting = false;
-    let accuracy = localStorage.getItem("accuracy");
-    if (accuracy) {
-      this.accuracy = Number(accuracy);
-    } else {
-      this.accuracy = 3;
-    }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "measurement",
-      title: "测量",
-      bottom: "20px",
-      right: "20px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-    let accuracy = localStorage.getItem("accuracy");
-    if (accuracy) {
-      this.accuracy = Number(accuracy);
-    } else {
-      this.accuracy = 3;
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-.showMeasure {
-  // min-width: 250px;
-  // height: auto;
-  // min-height: 230px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  text-align: left;
-  border-radius: 0 0 4px 4px;
-  height: 100%;
-  font-size: 14px;
-  .top {
-    margin: 0 10px;
-    padding: 4px 0;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
-  }
-  .middle {
-    padding: 4px 10px;
-    flex: 1;
-    min-height: 120px;
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    align-items: center;
-    margin: 0 10px;
-    border-top: 1px solid rgba(255, 255, 255, 0.15);
-    height: 45px;
-
-    i {
-      font-size: 18px;
-    }
-    .el-button--text {
-      color: $gs-primary-active;
-    }
-  }
-
-  .measure {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    flex: 1;
-  }
-
-  .setting {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    flex: 1;
-
-    .row {
-      padding-top: 10px;
-      display: flex;
-      justify-content: space-between;
-    }
-  }
-}
-
-.input-row {
-  padding: 5px 0;
-  color: $gs-primary-fontColor;
-  span {
-    display: inline-block;
-
-    &:first-child {
-      width: 40px;
-      text-align: right;
-    }
-
-    &:last-child {
-      padding-left: 20px;
-    }
-  }
-}
-
-:deep(.el-select) {
-  input {
-    background: transparent;
-    color: $gs-primary-fontColor;
-  }
-}
-</style>

package/src/viewerWrapper/commands/showModelExplosion/commandShowModelExplosion.ts

@@ -1,271 +0,0 @@
-import { CommandComponent } from "../commandComponent";
-
-import * as Longan from "gs-longan";
-import store from "../../../store";
-import { deepClone } from "../../../utils/utility";
-import StructureTree from "../../panels/structureTree/structureTree";
-import { List } from "gs-longan";
-
-import { LonganCore } from "gs-longan";
-import { Message } from "element-ui";
-import { CommandSelect } from "../commandSelect";
-import { TreeNodeObject } from "gs-bim-air-core/gsDevFx/objects/treeNodeObject";
-import { BoundingBox } from "../../../../../longan/src/longan/gs.math";
-import { Transform } from "gs-bim-air-core/gsDevFx/objects/transform";
-import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-import * as Commands from "gs-bim-air-core/commands";
-import StructureTreePanel from "../../panels/structureTree/structureTree";
-
-export default class CommandShowModelExplosion extends Commands.CommandShowModelExplosion {
-  typeName = "CommandShowModelExplosion";
-
-  lastExplosionValue = 1;
-
-  totalBbCenter = null;
-  components: TreeNodeObject[] = [];
-  componentDirs: Float32Array[] = [];
-  componentLengths: number[] = [];
-  componentCurrentLengths: number[] = [];
-
-  componentsGlobalMatrix: List<Float32Array> = new List<Float32Array>();
-
-  component: CommandComponent;
-
-  constructor() {
-    super();
-  }
-
-  begin() {
-    super.begin();
-    this.component = new CommandComponent(this, () => import("./showModelExplosion.vue"));
-
-    this.component.show();
-    // this.viewer.operatorManager.clear();
-    // this.viewer.operatorManager.add(new CameraMouse());
-
-    // let root = this.viewer.structureTreeManager.treeNodeObjects[0];
-    // // root.setKeepSeparate(true);
-
-    // this.components = this.viewer.structureTreeManager.getComponents(root);
-
-    // //移除隐藏构件
-    // this.removeInvisibleComponent();
-    // //移除构件的BB为空的
-    // this.removeNoGeometryComponent();
-    // if (this.components.length >= 2) {
-    //   this.getComponentsInvertMatrix();
-
-    //   let bbs = this.getElementBoundingBoxs(this.components);
-    //   // let totalBb = this.getTotalBoundingBox(bbs);
-
-    //   this.totalBbCenter = BoundingBox.center(root.boundingBox);
-
-    //   this.getComponentDirsAndLengths(bbs);
-
-    //   this.viewer.panelManager.getPanelByName<StructureTreePanel>("StructureTreePanel").disabled = true;
-    // } else {
-    //   Message.warning("模型构件过少,无法作进行爆炸");
-    //   this.viewer.process.commandManager.execute(new CommandSelect());
-    // }
-  }
-  // getComponentDirsAndLengths(bbs: Longan.List<Float32Array>) {
-  //   for (let i = 0; i < bbs.count; i++) {
-  //     let bb = bbs.items[i];
-  //     let eleCenter = BoundingBox.center(bb);
-  //     let dir = Longan.Point.subtract(eleCenter, this.totalBbCenter);
-
-  //     let currentLength = Longan.Vector.module(dir);
-  //     //方向
-  //     Longan.Vector.normalize(dir);
-
-  //     this.componentDirs.push(dir);
-  //     this.componentCurrentLengths.push(currentLength);
-  //     this.componentLengths.push(currentLength);
-  //   }
-  // }
-
-  end() {
-    this.component.hide();
-
-    super.end();
-    // this.setExplosion(1);
-    // this.clearMatrix();
-    // this.viewer.panelManager.getPanelByName<StructureTreePanel>("StructureTreePanel").disabled = false;
-    // this.lastExplosionValue = 1;
-    // this.totalBbCenter = null;
-    // this.components = [];
-
-    // this.updateLightModelBoudingBox();
-
-    // this.hide();
-  }
-
-  // setExplosion(value: number) {
-  //   let factor = 5;
-
-  //   let scale = this.getScale(value, factor);
-
-  //   if (this.components.length < 2) {
-  //     return;
-  //   } else {
-  //     let matrixs = this.getExplosionMatrixs(scale);
-  //     this.applyMatrix(this.components, matrixs);
-  //     this.updateLightModelBoudingBox();
-  //   }
-
-  //   // this.viewer.updateCameraNearFar();
-  //   // this.viewer.updateDisplay();
-  //   this.lastExplosionValue = value;
-  // }
-
-  // getScale(value: number, factor: number): number {
-  //   //将值映射到1 - factor;
-  //   return ((factor - 1) * (value - 1)) / 9 + 1;
-  // }
-
-  // getElementBoundingBoxs(components: TreeNodeObject[]): Longan.List<Float32Array> {
-  //   let bbs = new Longan.List<Float32Array>();
-  //   components.forEach((com) => {
-  //     bbs.add(com.boundingBox);
-  //   });
-  //   // let segments = [];
-  //   // for (let i = 0; i < components.length; i++) {
-  //   //   let segment = new Longan.Segment(components[i].key);
-  //   //   segment.computeBoundingBox();
-  //   //   segments.push(segment);
-  //   // }
-
-  //   // let boundingBoxes = this.viewer.computeViewBoundingBoxes(segments);
-  //   // for (let i = 0; i < components.length; i++) {
-  //   //   let index = i * 6;
-
-  //   //   let bb = new Float32Array([
-  //   //     boundingBoxes[index],
-  //   //     boundingBoxes[index + 1],
-  //   //     boundingBoxes[index + 2],
-  //   //     boundingBoxes[index + 3],
-  //   //     boundingBoxes[index + 4],
-  //   //     boundingBoxes[index + 5],
-  //   //   ]);
-  //   //   bbs.add(bb);
-  //   // }
-  //   return bbs;
-  // }
-
-  // getTotalBoundingBox(bbs: Longan.List<Float32Array>): Float32Array {
-  //   if (bbs.count > 1) {
-  //     let bb = deepClone(bbs.items[0]);
-  //     for (let i = 1; i < bbs.count; i++) {
-  //       BoundingBox.extend(bb, bbs.items[i]);
-  //     }
-  //     return bb;
-  //   } else {
-  //     return bbs.items[0];
-  //   }
-  // }
-
-  // getExplosionMatrixs(scale: number): Longan.List<Float32Array> {
-  //   let matrixs = new Longan.List<Float32Array>();
-  //   let newComponentCurrentLengths = [];
-  //   for (let i = 0; i < this.components.length; i++) {
-  //     let dir = this.componentDirs[i];
-  //     let orignLength = this.componentLengths[i];
-
-  //     let currentLength = this.componentCurrentLengths[i];
-
-  //     let targetLength = orignLength * scale;
-  //     newComponentCurrentLengths.push(targetLength); //需要移动的长度
-  //     let moveLength = targetLength - currentLength; //向量
-  //     let translate = Longan.Vector.multiply(dir, moveLength);
-
-  //     let matrix = Longan.Matrix4.translateMatrix(translate[0], translate[1], translate[2]);
-
-  //     let global = this.componentsGlobalMatrix.items[i];
-  //     let invertGlobal = Longan.Matrix4.InverseMatrix(global);
-
-  //     matrix = Longan.Matrix4.multiply(invertGlobal, matrix);
-  //     matrix = Longan.Matrix4.multiply(matrix, global);
-  //     matrixs.add(matrix);
-  //   }
-
-  //   this.componentCurrentLengths = newComponentCurrentLengths;
-
-  //   return matrixs;
-  // }
-
-  // applyMatrix(components: TreeNodeObject[], matrixs: Longan.List<Float32Array>) {
-  //   for (let i = 0; i < components.length; i++) {
-  //     // let segment = new Longan.Segment(this.components[i].key);
-  //     // segment.modellingMatrix.append(matrixs.items[i]);
-  //     let m = Longan.Matrix.FromArray(matrixs.items[i]);
-
-  //     // components[i].unsetTransform();
-  //     if (components[i].style.transform) {
-  //       components[i].style.transform.appendMatrix(m);
-  //       components[i].setTransform(components[i].style.transform);
-  //     } else {
-  //       let transform = new Transform(components[i]);
-  //       transform.setMatrix(m);
-  //       components[i].setTransform(transform);
-  //     }
-  //   }
-  //   this.viewer.styleManager.updateAllStyle();
-  // }
-
-  // clearMatrix() {
-  //   for (let i = 0; i < this.components.length; i++) {
-  //     this.components[i].unsetTransform();
-  //   }
-  //   this.viewer.styleManager.updateAllStyle();
-  // }
-
-  // updateLightModelBoudingBox() {
-  //   let lightModels = this.viewer.process.findModelRenderObjects();
-  //   if (lightModels) {
-  //     for (let i = 0; i < lightModels.length; i++) {
-  //       lightModels[i].getTransformComponent()?.updateBoundingBox();
-  //     }
-  //   }
-  // }
-
-  // getComponentsInvertMatrix() {
-  //   for (let i = 0; i < this.components.length; i++) {
-  //     // let segment = new Longan.Segment(this.components[i].key);
-  //     // let pathKeys = [];
-  //     // while (segment.owner) {
-  //     //   pathKeys.push(segment.owner.key);
-  //     //   segment = segment.owner;
-  //     // }
-  //     // let gobalMatrix = JS_Show_Path_ModellingMatrix(pathKeys);
-  //     let com = this.components[i];
-  //     // let componentGobalMatrixs = new List();
-  //     // com.subMeshs;
-  //     let m = com.transform
-  //       ? new Float32Array(com.transform.getLocalToWorldMatrix().asArray())
-  //       : new Float32Array(Longan.Matrix.Identity().asArray());
-  //     this.componentsGlobalMatrix.add(m);
-  //   }
-  // }
-
-  // removeNoGeometryComponent() {
-  //   // let noNull = [];
-  //   // for (let i = 0; i < this.components.length; i++) {
-  //   //   let segment = new Longan.Segment(this.components[i].key);
-  //   //   segment.computeBoundingBox();
-  //   //   if (!Longan.BoundingBox.isNull(new Float32Array(segment.boundingbox))) {
-  //   //     noNull.push(this.components[i]);
-  //   //   }
-  //   // }
-  //   // this.components = noNull;
-  // }
-
-  // removeInvisibleComponent() {
-  //   let visible = [];
-  //   for (let i = 0; i < this.components.length; i++) {
-  //     if (this.components[i].isVisible) {
-  //       visible.push(this.components[i]);
-  //     }
-  //   }
-  //   this.components = visible;
-  // }
-}