gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/commands/showCut/showBoxCut/showBoxCut.vue

@@ -1,228 +0,0 @@
-<template>
-  <div class="showBoxCut">
-    <div class="top">
-      <gs-button-icon icon="bukejian" title="隐藏" @click="hideBoxClick"></gs-button-icon>
-      <!-- <gs-button-icon
-        icon="GSBimAir icon-bukejian"
-        title="剖切全部"
-        :disabled="!isSelectedSegment"
-        @click="cutAllClick"
-      >
-      </gs-button-icon>-->
-      <el-switch v-model="commandData.isAllCut" @change="cutAllClick" title="剖切整个模型"></el-switch>
-    </div>
-    <div class="slider-wrapper">
-      <div class="row">
-        <div class="label">X</div>
-        <div class="slider-item">
-          <el-slider v-model="xValue" range @input="xValueChange" :max="100"></el-slider>
-        </div>
-      </div>
-      <div class="row">
-        <div class="label">Y</div>
-        <div class="slider-item">
-          <el-slider v-model="yValue" range @input="yValueChange" :max="100"></el-slider>
-        </div>
-      </div>
-      <div class="row">
-        <div class="label">Z</div>
-        <div class="slider-item">
-          <el-slider v-model="zValue" range @input="zValueChange" :max="100"></el-slider>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Vue, Prop, Inject, Watch } from "vue-property-decorator";
-import CommandShowBoxCut from "./commandShowBoxCut";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { CuttingBoxObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingBoxObject";
-
-@Component({
-  components: { GsButtonIcon },
-})
-export default class ShowBoxCut extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-  defaultCommandData = null;
-  xValue = [0, 100];
-  yValue = [0, 100];
-  zValue = [0, 100];
-  vueShowing = true;
-  // isSelectedComponent = false
-  isAllCut = true;
-
-  get commandData() {
-    return (
-      this.componentData || { isAllCut: true, xValue: [0, 100], yValue: [0, 100], zValue: [0, 100], isOperator: false }
-    );
-  }
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get isSelectedSegment() {
-    let commandShowBoxCut = this.viewer.process.commandManager.currentCommand as CommandShowBoxCut;
-    return commandShowBoxCut.isSelectedSegment;
-  }
-
-  @Watch("commandData.xValue")
-  onXValueChange() {
-    if (this.xValue !== this.commandData.xValue) {
-      this.xValue = this.commandData.xValue;
-    }
-  }
-
-  @Watch("commandData.yValue")
-  onYValueChange() {
-    if (this.yValue !== this.commandData.yValue) {
-      this.yValue = this.commandData.yValue;
-    }
-  }
-
-  @Watch("commandData.zValue")
-  onZValueChange() {
-    if (this.zValue !== this.commandData.zValue) {
-      this.zValue = this.commandData.zValue;
-    }
-  }
-
-  hideBoxClick() {
-    let commandShowBoxCut = this.viewer.process.commandManager.currentCommand as CommandShowBoxCut;
-
-    commandShowBoxCut._cuttingBoxOperator.boxVisible = !commandShowBoxCut._cuttingBoxOperator.boxVisible;
-  }
-
-  cutAllClick() {
-    let commandShowBoxCut = this.viewer.process.commandManager.currentCommand as CommandShowBoxCut;
-    commandShowBoxCut.setAllCut(this.componentData.isAllCut);
-
-    // let cuttingBox = this.viewer.viewPointManager.cuttingObjects.childObjects[0] as CuttingBoxObject;
-    // if (cuttingBox) {
-    //   // cuttingBox.isAllCut = this.componentData.isAllCut;
-
-    //   commandShowBoxCut.setAllCut(this.componentData.isAllCut);
-
-    //   // if (!cuttingBox.isAllCut) {
-    //   //   for (let i = 0; i < 6; i++) {
-    //   //     commandShowBoxCut._cuttingBoxOperator.updateInterface(i);
-    //   //   }
-    //   // }
-    // }
-
-    // cuttingBox.clear();
-    // cuttingBox.render();
-
-    // this.viewer.updateDisplay();
-  }
-
-  xValueChange(value) {
-    if (
-      !this.vueShowing &&
-      !this.commandData.isOperator
-      // &&
-      // (this.commandData.xValue[0] !== this.xValue[0] || this.commandData.xValue[1] !== this.xValue[1])
-    ) {
-      let commandShowBoxCut = this.viewer.process.commandManager.currentCommand as CommandShowBoxCut;
-      console.log("x:", value[0], value[1]);
-      commandShowBoxCut.setXValue(value[0] / 100, value[1] / 100);
-    }
-  }
-
-  yValueChange(value) {
-    if (
-      !this.vueShowing &&
-      !this.commandData.isOperator
-      //  &&
-      // (this.commandData.yValue[0] !== this.yValue[0] || this.commandData.yValue[1] !== this.yValue[1])
-    ) {
-      let commandShowBoxCut = this.viewer.process.commandManager.currentCommand as CommandShowBoxCut;
-
-      commandShowBoxCut.setYValue(value[0] / 100, value[1] / 100);
-    }
-  }
-
-  zValueChange(value) {
-    if (
-      !this.vueShowing &&
-      !this.commandData.isOperator
-      //  &&
-      // (this.commandData.zValue[0] !== this.zValue[0] || this.commandData.zValue[1] !== this.zValue[1])
-    ) {
-      let commandShowBoxCut = this.viewer.process.commandManager.currentCommand as CommandShowBoxCut;
-
-      commandShowBoxCut.setZValue(value[0] / 100, value[1] / 100);
-    }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "hexahedron",
-      title: "六面体剖切",
-      bottom: "10px",
-      right: "10px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-
-    this.$nextTick(() => {
-      this.vueShowing = false;
-    });
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-@import "../../../../assets/theme/handle.scss";
-
-.showBoxCut {
-  text-align: left;
-  padding: 0 0 10px 0;
-  font-size: 12px;
-  // background: $gs-primary-background2;
-  // width: 200px;
-  border-radius: 0 0 4px 4px;
-  .top {
-    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
-    padding: 0 10px;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-  }
-}
-
-.slider-wrapper {
-  padding: 0 10px;
-  .row {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    .label {
-      width: 30px;
-    }
-
-    .slider-item {
-      flex: 1;
-      padding-right: 10px;
-    }
-  }
-}
-.el-switch.is-checked .el-switch__core {
-  border-color: $gs-primary-active;
-  background-color: $gs-primary-active;
-}
-.el-slider__bar {
-  background-color: $gs-primary-active;
-}
-.el-slider__button {
-  border-color: $gs-primary-active;
-}
-</style>

package/src/viewerWrapper/commands/showCut/showElavationCut/commandShowElevationCut.ts

@@ -1,100 +0,0 @@
-import { CommandComponent } from "../../commandComponent";
-import * as Longan from "gs-longan";
-import { BoundingBox, Vector3, WorkCoordinateSystem } from "gs-longan";
-import { CuttingPlaneOperator } from "gs-bim-air-core/gsDevFx/operators/cuttingPlaneOperator";
-import { CuttingPlaneObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingPlaneObject";
-import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-import * as Commands from "gs-bim-air-core/commands";
-
-export default class CommandShowElevationCut extends Commands.CommandShowElevationCut {
-  typeName = "CommandShowElevationCut";
-
-  _bb: BoundingBox = null;
-  _cuttingPlaneOperator: CuttingPlaneOperator = null;
-
-  public get cuttingPlaneOperator() {
-    return this._cuttingPlaneOperator;
-  }
-
-  public set elevation(z: number) {
-    let length = Math.ceil(Vector3.Distance(this._bb.minimum, this._bb.maximum));
-    if (length % 2 === 1) {
-      length += 1;
-    }
-    this._cuttingPlaneOperator.setLength(length);
-
-    let center = this._bb.minimum.add(this._bb.maximum).scale(0.5);
-
-    // let isInclude = this.viewer.camera.isPointInFrustum(Vector3.FromArray(center));
-    // console.log("模型bb中心点是否在视锥体内: ", isInclude);
-    // if (!isInclude) {
-    //   center = new Float32Array(this.viewer.camera.target.asArray());
-    // }
-
-    center.z = z;
-    let wcs = new WorkCoordinateSystem(center, new Vector3(1, 0, 0), new Vector3(0, 1, 0));
-    this._cuttingPlaneOperator.setTransform(wcs.world);
-
-    this.viewer.updateDisplay();
-  }
-
-  component: CommandComponent;
-
-  constructor() {
-    super();
-  }
-
-  begin() {
-    this.component = new CommandComponent(this, () => import("./showElevationCut.vue"));
-
-    this.viewer.instanceObjectSegment.renderingOptions.logarithmicDepthBuffer = true;
-    // this.panelComponent = new PanelStore(this, () => import("./showElevationCut.vue"));
-    this.commandData = { elevationValue: 0, isOperator: false };
-
-    this.viewer.operatorManager.clear();
-    this.viewer.operatorManager.add(new CameraMouse());
-
-    let cuttingPlane = this.viewer.renderObjects.find<CuttingPlaneObject>("CuttingPlaneObject");
-    if (!cuttingPlane) {
-      cuttingPlane = new CuttingPlaneObject();
-      this.viewer.renderObjects.add(this.viewer.renderObject, cuttingPlane);
-    }
-
-    this._cuttingPlaneOperator = new CuttingPlaneOperator();
-    this.viewer.operatorManager.add(this._cuttingPlaneOperator);
-
-    cuttingPlane.visible = true;
-    this._cuttingPlaneOperator.cuttingPlane = cuttingPlane;
-
-    //get model boundingbox
-    this._bb = this.viewer.boundingBox;
-    this.elevation = (this._bb.minimum.z + this._bb.maximum.z) / 2;
-
-    this._cuttingPlaneOperator.setHandlers(true, true, true, true, true, true);
-    this._cuttingPlaneOperator.planeSelectable = false;
-
-    this._cuttingPlaneOperator.lButtonDown.add(() => {
-      this.commandData.isOperator = true;
-    });
-
-    this._cuttingPlaneOperator.lButtonUp.add(() => {
-      this.commandData.isOperator = false;
-    });
-
-    this._cuttingPlaneOperator.lButtonDownAndMove.add(() => {
-      let center = Longan.Matrix4.multiplyPoint(
-        new Float32Array(this._cuttingPlaneOperator._transform.asArray()),
-        new Float32Array([0, 0, 0])
-      );
-      this.commandData.elevationValue = center[2].toFixed(2);
-    });
-
-    this.component.show();
-  }
-
-  end() {
-    this.viewer.operatorManager.clear();
-    // this.hide();
-    this.component.hide();
-  }
-}

package/src/viewerWrapper/commands/showCut/showElavationCut/showElevationCut.vue

@@ -1,123 +0,0 @@
-<template>
-  <div class="showElevationCut">
-    <div class="row" style="display: flex; justify-content: space-between">
-      <div>{{ elevationText }}</div>
-      <div style="padding-right: 20px">
-        <gs-button-icon icon="bukejian" title="隐藏剖切面" @click="hidePlaneClick"></gs-button-icon>
-        <!-- <gs-button-icon
-          icon="GSBimAir icon-bukejian"
-          title="面操作"
-          @click="planeSelectionClick"
-        >
-        </gs-button-icon> -->
-      </div>
-    </div>
-    <div class="row">
-      <div class="label">高程：</div>
-      <div class="slider-item">
-        <el-input v-model="commandData.elevationValue" size="mini" @change="elevationValueChange"></el-input>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import CommandShowElevationCut from "./commandShowElevationCut";
-
-@Component({
-  components: { GsButtonIcon },
-})
-export default class ShowElevationCut extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-  defaultCommandData = null;
-  elevationValue = null;
-  elevationText = null;
-
-  get commandData() {
-    return this.componentData || { elevationValue: 0, isOperator: false };
-  }
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  hidePlaneClick() {
-    let commandShowElevationCut = this.viewer.process.commandManager.currentCommand as CommandShowElevationCut;
-
-    commandShowElevationCut.cuttingPlaneOperator.planeVisible =
-      !commandShowElevationCut.cuttingPlaneOperator.planeVisible;
-  }
-
-  planeSelectionClick() {
-    let commandShowElevationCut = this.viewer.process.commandManager.currentCommand as CommandShowElevationCut;
-
-    commandShowElevationCut.cuttingPlaneOperator.planeSelectable =
-      !commandShowElevationCut.cuttingPlaneOperator.planeSelectable;
-  }
-
-  elevationValueChange() {
-    if (!this.commandData.isOperator) {
-      let commandShowElevationCut = this.viewer.process.commandManager.currentCommand as CommandShowElevationCut;
-
-      commandShowElevationCut.elevation = this.commandData.elevationValue;
-    }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "elevation",
-      title: "高程剖切",
-      bottom: "10px",
-      right: "10px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-
-    let bb = this.viewer.boundingBox;
-
-    this.commandData.elevationValue = ((bb.minimum.y + bb.maximum.y) / 2).toFixed(2);
-    this.elevationText = "高程范围：" + bb.minimum.y.toFixed(2) + " ~ " + bb.maximum.y.toFixed(2);
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-@import "../../../../assets/theme/handle.scss";
-
-.showElevationCut {
-  text-align: left;
-  padding: 0 10px 10px 10px;
-  font-size: 14px;
-  // background: $model-theme-light;
-  border-radius: 0 0 4px 4px;
-}
-
-.row {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 10px 0;
-
-  .label {
-    width: 50px;
-  }
-
-  .slider-item {
-    flex: 1;
-    padding-right: 10px;
-    :deep(.el-input__inner) {
-      background: transparent;
-      border: 1px solid #aaa;
-      border-radius: 4px;
-      color: $gs-primary-el-inputColor;
-    }
-  }
-}
-</style>

package/src/viewerWrapper/commands/showCut/showElementCut/commandShowElementCut.ts

@@ -1,108 +0,0 @@
-import { CommandComponent } from "../../commandComponent";
-import * as Longan from "gs-longan";
-import { GeometryOperators, Vector3, WorkCoordinateSystem } from "gs-longan";
-import { CuttingPlaneOperator } from "gs-bim-air-core/gsDevFx/operators/cuttingPlaneOperator";
-import { CuttingPlaneObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingPlaneObject";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { ViewerEvent } from "gs-longan";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-import * as Commands from "gs-bim-air-core/commands";
-import { CuttingBoxOperator } from "gs-bim-air-core/gsDevFx/operators/cuttingBoxOperator";
-
-export default class CommandShowElementCut extends Commands.CommandShowElementCut {
-  typeName = "CommandShowElementCut";
-
-  _cuttingBoxOperator: CuttingBoxOperator = null;
-  isSelectedSegment = false;
-  bb = null;
-
-  public get cuttingBoxOperator() {
-    return this._cuttingBoxOperator;
-  }
-
-  component: CommandComponent;
-
-  // constructor() {
-  constructor(bb?: number[]) {
-    super();
-
-    if (bb) {
-      this.bb = bb;
-    }
-  }
-
-  begin() {
-    this.component = new CommandComponent(this, () => import("./showElementCut.vue"));
-
-    // this.commandData = { isAllCut: false, xValue: [0, 100], yValue: [0, 100], zValue: [0, 100], isOperator: false };
-
-    // // this.isSelectedSegment =
-    // //   this.viewer.selectionManager.selectedObjects.length > 0;
-    // this.viewer.operatorManager.clear();
-    // this.viewer.operatorManager.add(new Longan.CameraMouse());
-    // // this.viewer.operatorManager.add(new Longan.ComponentSelector());
-
-    // let cuttingBox = this.viewer.renderObjects.find<CuttingBoxObject>("CuttingBoxObject");
-    // if (!cuttingBox) {
-    //   cuttingBox = new CuttingBoxObject();
-    //   if (this.viewer.selectionManager.selectedObjects.length > 0) {
-    //     cuttingBox.cuttingComponents = this.viewer.selectionManager.selectedObjects;
-    //   }
-    //   this.viewer.renderObjects.add(this.viewer.renderObject, cuttingBox);
-    //   // this.viewer.viewPointManager.cuttingObjects.addChildObject(cuttingBox);
-    // }
-
-    // this._cuttingBoxOperator = new CuttingBoxOperator();
-    // cuttingBox.isAllCut = false;
-
-    // if (this.bb) {
-    //   this._cuttingBoxOperator.bb = this.bb;
-    // } else {
-    //   if (cuttingBox.cuttingComponents.length == 0) {
-    //     this._cuttingBoxOperator.bb = this.viewer.boundingBox;
-    //   } else {
-    //     if (cuttingBox.isAllCut) {
-    //       this._cuttingBoxOperator.bb = this.viewer.boundingBox;
-    //     } else {
-    //       const bb = BoundingBox.Null();
-    //       cuttingBox.cuttingComponents.forEach((node) => {
-    //         bb.extend(BoundingBox.FromArray(node.boundingBox));
-    //       });
-
-    //       this._cuttingBoxOperator.bb = bb;
-    //     }
-    //   }
-    // }
-
-    // this.viewer.operatorManager.add(this._cuttingBoxOperator);
-    // this._cuttingBoxOperator.CuttingBox = cuttingBox;
-
-    // // 更新界面拖拽条
-    // cuttingBox.isAllCut = false;
-
-    // for (let i = 0; i < 6; i++) {
-    //   this._cuttingBoxOperator.updateInterface(i);
-    // }
-
-    this.component.show();
-  }
-
-  end() {
-    this.viewer.operatorManager.clear();
-    // this.hide();
-    this.component.hide();
-  }
-
-  public setXValue(start: number, end: number) {
-    this._cuttingBoxOperator.setXValue(start, end);
-  }
-
-  public setYValue(start: number, end: number) {
-    this._cuttingBoxOperator.setYValue(start, end);
-  }
-
-  public setZValue(start: number, end: number) {
-    this._cuttingBoxOperator.setZValue(start, end);
-  }
-}