gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/components/bottomToolbar/info/info.ts

@@ -1,60 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { InfoPanel, SnapshootPanel } from "../../../../viewerWrapper/panels";
-import OperationInfoPanel from "../../../../viewerWrapper/panels/operationInfo/operationInfoPanel";
-
-@Component({
-  components: {
-    GsButtonIcon,
-  },
-})
-export default class Info extends Vue {
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get isSnapshootActive() {
-    let panel = this.viewer.panelManager.getPanelByName<SnapshootPanel>("SnapshootPanel");
-    return panel && panel.visible;
-  }
-
-  get isInfoActive() {
-    let panel = this.viewer.panelManager.getPanelByName<InfoPanel>("InfoPanel");
-    return panel && panel.visible;
-  }
-
-  get isOperateInfoActive() {
-    let panel = this.viewer.panelManager.getPanelByName<OperationInfoPanel>("OperationInfoPanel");
-    return panel && panel.visible;
-  }
-
-  snapshootClick() {
-    let panel = this.viewer.panelManager.getPanelByName<SnapshootPanel>("SnapshootPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new SnapshootPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  infoClick() {
-    let panel = this.viewer.panelManager.getPanelByName<InfoPanel>("InfoPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new InfoPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  operateInfoClick() {
-    let panel = this.viewer.panelManager.getPanelByName<OperationInfoPanel>("OperationInfoPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new OperationInfoPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/info/info.vue

@@ -1,30 +0,0 @@
-<template>
-  <div class="scene-effect">
-    <gs-button-icon
-      icon="kuaizhao"
-      title="快照"
-      v-if="toolbarVisible.snapshoot"
-      :active="isSnapshootActive"
-      @click="snapshootClick" />
-    <gs-button-icon
-      icon="xinxi"
-      title="基本信息"
-      v-if="toolbarVisible.info"
-      :active="isInfoActive"
-      @click="infoClick" />
-    <gs-button-icon
-      icon="caozuo"
-      title="操作说明"
-      v-if="toolbarVisible.operateInfo"
-      :active="isOperateInfoActive"
-      @click="operateInfoClick" />
-  </div>
-</template>
-<script lang="ts" src="./info.ts"></script>
-<style scoped lang="scss">
-.scene-effect {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/label/label.ts

@@ -1,39 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { CommandShowEditLabel, LabelType } from "../../../commands/showEditLabel/commandShowEditLabel";
-@Component({
-  components: {
-    GsButtonIcon,
-  },
-})
-export default class LabelToolbar extends Vue {
-  @Inject() getViewer;
-
-  LabelType = LabelType;
-  commandShowEditLabel = new CommandShowEditLabel();
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get labelType() {
-    return this.commandShowEditLabel.activeLabelType;
-  }
-
-  showEditLabelClick(type: LabelType) {
-    this.commandShowEditLabel.labelTypeChange(type);
-  }
-
-  mounted() {
-    let currentCommand = this.viewer.process.commandManager.currentCommand;
-    if (currentCommand.typeName == "CommandShowEditLabel") {
-      this.commandShowEditLabel = currentCommand as CommandShowEditLabel;
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowEditLabel);
-    }
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/label/label.vue

@@ -1,17 +0,0 @@
-<template>
-  <div class="label">
-    <gs-button-group :activeIndex="labelType">
-      <gs-button-icon icon="locationlabel" title="定位标签" @click="showEditLabelClick(LabelType.Location)" />
-      <gs-button-icon icon="LeadText" title="引线标签" @click="showEditLabelClick(LabelType.LeadText)" />
-      <gs-button-icon icon="tupian" title="图片" @click="showEditLabelClick(LabelType.Image)" />
-    </gs-button-group>
-  </div>
-</template>
-<script lang="ts" src="./label.ts"></script>
-<style scoped lang="scss">
-.label {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/markup/markup.ts

@@ -1,48 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import GsButtonGroup from "../../../../components/gs/gsButtonGroup/gs-button-group.vue";
-import { CommandShowMarkup, MarkupType } from "../../../commands/showMarkup/commandShowMarkup";
-import { PenSize } from "../../../../plugins/svgDraw";
-@Component({
-  components: { GsButtonIcon, GsButtonGroup },
-})
-export default class Markup extends Vue {
-  @Inject() getViewer;
-
-  commandShowMarkup: CommandShowMarkup;
-  penSize = PenSize.Middle;
-  penSizeEnum = PenSize;
-  toolTypeEnum = MarkupType;
-  color = "#ff0000";
-  activeSize = 0;
-
-  get viewer() {
-    return this.getViewer();
-  }
-
-  setCanvasDrawModel(markupType: MarkupType) {
-    this.commandShowMarkup.chooseTool(markupType);
-  }
-
-  penSizeChange(size) {
-    this.commandShowMarkup.penSize = size;
-  }
-
-  colorChange(color) {
-    this.commandShowMarkup.penColor = color;
-  }
-
-  clearFabricObjects() {
-    this.commandShowMarkup.clearMarkups();
-  }
-
-  mounted() {
-    this.commandShowMarkup = this.viewer.process.commandManager.currentCommand as CommandShowMarkup;
-    this.color = this.commandShowMarkup.penColor;
-    this.penSize = this.commandShowMarkup.penSize;
-    this.activeSize = this.penSize == this.penSizeEnum.Large ? 2 : this.penSize == this.penSizeEnum.Small ? 0 : 1;
-    this.penSizeChange(this.penSize);
-    this.colorChange(this.color);
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/markup/markup.vue

@@ -1,72 +0,0 @@
-<template>
-  <div class="markup">
-    <gs-button-group>
-      <gs-button-icon icon="GSBimAir icon-a-rectangle" @click="setCanvasDrawModel(toolTypeEnum.Rectangle)" />
-      <gs-button-icon icon="GSBimAir icon-a-circle" @click="setCanvasDrawModel(toolTypeEnum.Elliptic)" />
-      <gs-button-icon icon="GSBimAir icon-character" @click="setCanvasDrawModel(toolTypeEnum.Text)" />
-      <gs-button-icon icon="arrow" @click="setCanvasDrawModel(toolTypeEnum.Arrow)" />
-    </gs-button-group>
-    <div class="divider"></div>
-    <gs-button-icon icon="GSBimAir icon-biaozhudaxiao">
-      <template slot="hover">
-        <gs-button-group :activeIndex="activeSize">
-          <gs-button-icon @click="penSizeChange(penSizeEnum.Small)" title="细">
-            <template slot="text">
-              <div class="line-wrapper">
-                <div class="line" style="height: 1px"></div>
-              </div>
-            </template>
-          </gs-button-icon>
-          <gs-button-icon @click="penSizeChange(penSizeEnum.Middle)" title="正常">
-            <template slot="text">
-              <div class="line-wrapper">
-                <div class="line" style="height: 2px"></div>
-              </div>
-            </template>
-          </gs-button-icon>
-          <gs-button-icon @click="penSizeChange(penSizeEnum.Large)" title="粗">
-            <template slot="text">
-              <div class="line-wrapper">
-                <div class="line" style="height: 4px"></div>
-              </div>
-            </template>
-          </gs-button-icon>
-        </gs-button-group>
-      </template>
-    </gs-button-icon>
-    <el-color-picker
-      v-model="color"
-      size="small"
-      @change="colorChange"
-      style="margin-left: 10px; vertical-align: middle"></el-color-picker>
-    <div class="divider"></div>
-    <gs-button-icon icon="el-icon-delete" title="删除全部" @click="clearFabricObjects" />
-  </div>
-</template>
-<script lang="ts" src="./markup.ts"></script>
-<style scoped lang="scss">
-.markup {
-  height: 100%;
-  display: flex;
-  align-items: center;
-
-  .divider {
-    width: 2px;
-    height: 22px;
-    background: #ffffff;
-    opacity: 0.2;
-    border-radius: 0;
-    margin: auto 15px;
-  }
-  .line-wrapper {
-    height: 18px;
-    line-height: 18px;
-    display: flex;
-    align-items: center;
-    .line {
-      background: #fff;
-      width: 60px;
-    }
-  }
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/measure/measure.ts

@@ -1,39 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { CommandShowMeasure, MeasureType } from "../../../commands/showMeasure/commandShowMeasure";
-
-@Component({
-  components: {
-    GsButtonIcon,
-  },
-})
-export default class Measure extends Vue {
-  @Inject() getViewer;
-  MeasureType = MeasureType;
-  commandShowMeasure = new CommandShowMeasure();
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get measureType() {
-    return this.commandShowMeasure.activeMeasureType || MeasureType.Distance;
-  }
-
-  showMeasureClick(type: MeasureType) {
-    this.commandShowMeasure.measureTypeChange(type);
-  }
-
-  mounted() {
-    let currentCommand = this.viewer.process.commandManager.currentCommand;
-    if (currentCommand && currentCommand.typeName == "CommandShowMeasure") {
-      this.commandShowMeasure = currentCommand as CommandShowMeasure;
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowMeasure);
-    }
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/measure/measure.vue

@@ -1,20 +0,0 @@
-<template>
-  <div class="measure">
-    <gs-button-group :activeIndex="measureType">
-      <gs-button-icon icon="jvli" title="距离" @click="showMeasureClick(MeasureType.Distance)" />
-      <gs-button-icon icon="zuixiaojvli" title="最小距离" @click="showMeasureClick(MeasureType.Mindistance)" />
-      <gs-button-icon icon="jiaodu" title="角度" @click="showMeasureClick(MeasureType.Angle)" />
-      <gs-button-icon icon="gaocheng" title="高程" @click="showMeasureClick(MeasureType.Elevation)" />
-      <gs-button-icon icon="podu" title="坡度" @click="showMeasureClick(MeasureType.Slope)" />
-      <gs-button-icon icon="zuobiao" title="坐标" @click="showMeasureClick(MeasureType.Point)" />
-    </gs-button-group>
-  </div>
-</template>
-<script lang="ts" src="./measure.ts"></script>
-<style scoped lang="scss">
-.measure {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-</style>

package/src/viewerWrapper/components/bottomToolbar/roam/roam.ts

@@ -1,243 +0,0 @@
-import { InputNumber } from "element-ui";
-import { Component, Inject, Vue } from "vue-property-decorator";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { ThirdPersonOperator } from "gs-bim-air-core/gsDevFx/operators/thirdPersonOperator";
-import { FreeRoamOperator } from "gs-bim-air-core/gsDevFx/operators/freeRoamOperator";
-import { PathRoamOperator } from "gs-bim-air-core/gsDevFx/operators/pathRoamOperator";
-import store from "../../../../store";
-import { CommandSelect } from "../../../commands/commandSelect";
-import CommandShowPathRoam from "../../../commands/showPathRoam/commandShowPathRoam";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import CommandShowFirstPersonRoam from "../../../commands/showFirstPersonRoam/commandShowFirstPersonRoam";
-import CommandShowThirdPersonRoam from "../../../../viewerWrapper/commands/showThirdPersonRoam/commandShowThirdPersonRoam";
-
-Vue.use(InputNumber);
-@Component({
-  components: {
-    GsButtonIcon,
-  },
-})
-export default class Roam extends Vue {
-  @Inject() getViewer;
-  commandShowPathRoam = new CommandShowPathRoam();
-  commandShowFirstPersonRoam = new CommandShowFirstPersonRoam();
-  commandShowThirdPersonRoam = new CommandShowThirdPersonRoam();
-  speed = 1;
-  distance = 1;
-  isGravity = false;
-  isCollision = false;
-  isCutting = false;
-  isCuttingVisible = false;
-  maxSpeed = Infinity;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get isRoamActive() {
-    return this.commandShowPathRoam.visible;
-  }
-
-  get isFirstPersonRoamActive() {
-    return this.commandShowFirstPersonRoam.visible;
-  }
-
-  get isThirdPersonRoamActive() {
-    return this.commandShowThirdPersonRoam.visible;
-  }
-
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get toolbarButtons() {
-    let toolbarButtons = this.viewer.options.components.roamToolbar.buttons;
-    return toolbarButtons;
-  }
-
-  //   get isPathRoamShow() {
-  //     let panel =  this.viewer.panelManager.getPanelByName<viewPointPanel>("viewPointPanel");  return panel && panel.visible;
-  //   }
-
-  showPathRoamClick() {
-    if (this.commandShowPathRoam.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowPathRoam);
-
-      let pathRoamOperator = this.viewer.operatorManager.find("PathRoamOperator") as PathRoamOperator;
-      if (pathRoamOperator) {
-        pathRoamOperator.speed = this.speed;
-      }
-    }
-  }
-
-  showFirstPersonClick() {
-    console.log("this.commandShowFirstPersonRoam", this.commandShowFirstPersonRoam);
-    if (this.commandShowFirstPersonRoam.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowFirstPersonRoam);
-
-      this.commandShowFirstPersonRoam.onEnd.add(() => {
-        this.isGravity = false;
-        this.isCollision = false;
-        this.isCutting = false;
-        this.isCuttingVisible = false;
-        this.distance = 1;
-      });
-
-      let thirdPersonOperator = this.viewer.operatorManager.find("FreeRoamOperator") as FreeRoamOperator;
-      if (thirdPersonOperator) {
-        thirdPersonOperator.speed = this.speed;
-        thirdPersonOperator.isGravity = this.isGravity;
-      }
-    }
-  }
-
-  showThirdPersonClick() {
-    console.log("this.commandShowThirdPersonRoam", this.commandShowThirdPersonRoam);
-    if (this.commandShowThirdPersonRoam.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowThirdPersonRoam);
-
-      this.commandShowThirdPersonRoam.onEnd.add(() => {
-        this.isGravity = false;
-        this.isCollision = false;
-        this.isCutting = false;
-        this.isCuttingVisible = false;
-        this.distance = 1;
-      });
-
-      let thirdPersonOperator = this.viewer.operatorManager.find("ThirdPersonOperator") as ThirdPersonOperator;
-      if (thirdPersonOperator) {
-        thirdPersonOperator.speed = this.speed;
-        thirdPersonOperator.isGravity = this.isGravity;
-      }
-    }
-  }
-
-  speedChange(val, oldVal) {
-    if (this.isGravity && val > this.maxSpeed) {
-      // this.speed = 8;
-      this.$message.warning("开启重力模式，漫游速度最高为" + this.maxSpeed);
-    }
-    if (this.isCollision && val > this.maxSpeed) {
-      // this.speed = 8;
-
-      this.$message.warning("开启障碍模式，漫游速度最高为" + this.maxSpeed);
-    }
-
-    let firstPersonOperator = this.viewer.operatorManager.find("FreeRoamOperator") as FreeRoamOperator;
-    if (firstPersonOperator) {
-      firstPersonOperator.speed = this.speed;
-    }
-
-    let thirdPersonOperator = this.viewer.operatorManager.find("ThirdPersonOperator") as ThirdPersonOperator;
-    if (thirdPersonOperator) {
-      thirdPersonOperator.speed = this.speed;
-    }
-
-    let pathRoamOperator = this.viewer.operatorManager.find("PathRoamOperator") as PathRoamOperator;
-    if (pathRoamOperator) {
-      pathRoamOperator.speed = this.speed;
-    }
-  }
-
-  gravityChange(val) {
-    // console.log("重力:", val);
-    if (val) {
-      this.maxSpeed = 8;
-      if (this.speed > this.maxSpeed) {
-        this.speed = this.maxSpeed;
-      }
-    } else {
-      this.maxSpeed = Infinity;
-    }
-    let firstPersonOperator = this.viewer.operatorManager.find("FreeRoamOperator") as FreeRoamOperator;
-    if (firstPersonOperator) {
-      firstPersonOperator.isGravity = val;
-      if (val) {
-        firstPersonOperator.runAnimations();
-      }
-    }
-
-    let thirdPersonOperator = this.viewer.operatorManager.find("ThirdPersonOperator") as ThirdPersonOperator;
-    if (thirdPersonOperator) {
-      thirdPersonOperator.isGravity = val;
-      if (val) {
-        thirdPersonOperator.runAnimations();
-      }
-    }
-  }
-
-  collisionChange(val) {
-    if (val) {
-      this.maxSpeed = 8;
-      if (this.speed > this.maxSpeed) {
-        this.speed = this.maxSpeed;
-      }
-    } else {
-      this.maxSpeed = Infinity;
-    }
-    let firstPersonOperator = this.viewer.operatorManager.find("FreeRoamOperator") as FreeRoamOperator;
-    if (firstPersonOperator) {
-      firstPersonOperator.isCollision = val;
-    }
-
-    let thirdPersonOperator = this.viewer.operatorManager.find("ThirdPersonOperator") as ThirdPersonOperator;
-    if (thirdPersonOperator) {
-      thirdPersonOperator.isCollision = val;
-    }
-  }
-
-  distanceChange() {
-    console.log("剖切面: ", this.distance);
-    let command = this.viewer.process.commandManager.currentCommand;
-    if (command instanceof CommandShowFirstPersonRoam || command instanceof CommandShowThirdPersonRoam) {
-      command.distance = this.distance;
-      this.viewer.updateDisplay();
-    }
-  }
-
-  cuttingChange(val) {
-    console.log("剖切面: ", val);
-    let command = this.viewer.process.commandManager.currentCommand;
-    if (command instanceof CommandShowFirstPersonRoam || command instanceof CommandShowThirdPersonRoam) {
-      command.isCutting = val;
-      if (val) {
-        command.cullingInit();
-      } else {
-        command.clearCutting();
-      }
-
-      this.viewer.updateDisplay();
-    }
-  }
-
-  cuttingVisibleChange(val) {
-    console.log("剖面可视化: ", val);
-    let command = this.viewer.process.commandManager.currentCommand;
-    if (command instanceof CommandShowFirstPersonRoam || command instanceof CommandShowThirdPersonRoam) {
-      command.isCuttingVisible = val;
-      if (val && command.isCutting) {
-        // 显示剖面的几何图形
-        command.drawCuttingPlane();
-      } else {
-        // 删除剖面几何图形
-        command.cuttingPlaneSegment.clearGeometries();
-      }
-
-      this.viewer.updateDisplay();
-    }
-  }
-
-  existClick() {
-    this.viewer.process.commandManager.execute(new CommandSelect());
-
-    store.commit("toolbar/resetToolbar", this.viewer.container.id);
-  }
-
-  mounted() {}
-}