gs-bim-air 3.0.3 → 3.0.5

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

@@ -1,21 +0,0 @@
-<template>
-  <div class="cut">
-    <gs-button-icon icon="hepouqie" title="六面体剖切" :active="isBoxCutActive" @click="showBoxCutClick" />
-    <gs-button-icon icon="zhoupouqie" title="轴剖切" :active="isAxisCutActive" @click="showAxisCutClick" />
-    <gs-button-icon icon="yuansupouqie" title="元素剖切" :active="isElementCutActive" @click="showElementCutClick" />
-    <gs-button-icon
-      icon="gaochengpouqie"
-      title="高程剖切"
-      :active="isElevationCutActive"
-      @click="showElevationCutClick" />
-    <gs-button-icon icon="shanchu" title="清除剖切" @click="clearCuttingClick" />
-  </div>
-</template>
-<script lang="ts" src="./cut.ts"></script>
-<style scoped lang="scss">
-.cut {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-</style>

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

@@ -1,446 +0,0 @@
-import * as Longan from "gs-longan";
-import { ViewMode } from "gs-longan";
-import { Component, Inject, Vue } from "vue-property-decorator";
-import GsButtonGroup from "../../../components/gs/gsButtonGroup/gs-button-group.vue";
-import GsButtonIcon from "../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { CuttingObjects } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import store from "../../../store";
-import { ToolbarType } from "../../../store/toolbar";
-import { CommandSelect } from "../../../viewerWrapper/commands/commandSelect";
-import CommandShowAxisCut from "../../commands/showCut/showAxisCut/commandShowAxisCut";
-import CommandShowBoxCut from "../../commands/showCut/showBoxCut/commandShowBoxCut";
-import CommandShowElevationCut from "../../commands/showCut/showElavationCut/commandShowElevationCut";
-import CommandShowElementCut from "../../commands/showCut/showElementCut/commandShowElementCut";
-import { CommandShowEditLabel } from "../../commands/showEditLabel/commandShowEditLabel";
-import CommandShowEditStyle from "../../commands/showEditStyle/commandShowEditStyle";
-import { CommandShowMarkup } from "../../commands/showMarkup/commandShowMarkup";
-import { CommandShowMeasure } from "../../commands/showMeasure/commandShowMeasure";
-import CommandShowModelExplosion from "../../commands/showModelExplosion/commandShowModelExplosion";
-import CommandShowProModelExplosion from "../../commands/showModelExplosion/commandShowProModelExplosion";
-import CommandShowMove from "../../commands/showMove/commandShowMove";
-// import CommandShowProjection from "../../commands/showProjection/commandShowProjection";
-import { CuttingPlaneObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingPlaneObject";
-import { CuttingBoxObject } from "gs-bim-air-core/gsDevFx/objects/cuttingObjects/cuttingBoxObject";
-
-import {
-  ViewPlanPanel,
-  DrawingPanel,
-  PropertyPanel,
-  ViewPointPanel,
-  InfoPanel,
-  TransparencyPanel,
-  SettingPanel,
-  ProjectionPanel,
-  SnapshootPanel,
-  CollisionPanel,
-} from "../../panels";
-
-@Component({
-  components: {
-    GsButtonIcon,
-    GsButtonGroup,
-  },
-})
-export default class IndexToolbar extends Vue {
-  @Inject() getViewer;
-
-  commandShowModelExplosion = new CommandShowModelExplosion();
-  commandShowProModelExplosion = new CommandShowProModelExplosion();
-  commandShowEditStyle = new CommandShowEditStyle();
-  commandShowBoxCut = new CommandShowBoxCut();
-  commandShowAxisCut = new CommandShowAxisCut();
-  commandShowElementCut = new CommandShowElementCut();
-  commandShowElevationCut = new CommandShowElevationCut();
-  commandShowMove = new CommandShowMove();
-  commandShowMarkup = new CommandShowMarkup();
-  commandShowEditLabel = new CommandShowEditLabel();
-  commandShowMeasure = new CommandShowMeasure();
-  // commandShowProjection = new CommandShowProjection();
-
-  // structureTree: StructureTree = null
-
-  // options = options;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get bottomToolbarButtons() {
-    let bottomToolbarButtons = this.viewer.options.components.bottomToolbarButtons;
-    return bottomToolbarButtons;
-  }
-
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  get isViewPointShow() {
-    const ViewPointPanel = this.viewer.panelManager.getPanelByName<ViewPointPanel>("ViewPointPanel");
-    return ViewPointPanel && ViewPointPanel.visible;
-  }
-
-  // get isStructureTreeDisabled() {
-  //     // return StructureTree.instance.disabled;
-  //     return this.structureTree && this.structureTree.disabled
-  // }
-
-  get isPropertyBoxActive() {
-    const PropertyPanel = this.viewer.panelManager.getPanelByName<PropertyPanel>("PropertyPanel");
-    return PropertyPanel && PropertyPanel.visible;
-  }
-
-  get isViewPointActive() {
-    const ViewPointPanel = this.viewer.panelManager.getPanelByName<ViewPointPanel>("ViewPointPanel");
-    return ViewPointPanel && ViewPointPanel.visible;
-  }
-
-  get isMeasureActive() {
-    return this.commandShowMeasure.visible;
-  }
-
-  get isMarkupActive() {
-    return this.commandShowMarkup.visible;
-  }
-
-  get isEditLabelActive() {
-    return this.commandShowEditLabel.visible;
-  }
-
-  get isModelExplosionActive() {
-    return this.commandShowModelExplosion.visible;
-  }
-
-  get isStyleActive() {
-    return this.commandShowEditStyle.visible;
-  }
-
-  get isCollisionActive() {
-    const collisionPanel = this.viewer.panelManager.getPanelByName<CollisionPanel>("CollisionPanel");
-    return collisionPanel && collisionPanel.visible;
-  }
-
-  get isViewPlanActive() {
-    const viewPlanPanel = this.viewer.panelManager.getPanelByName<ViewPlanPanel>("ViewPlanPanel");
-    return viewPlanPanel && viewPlanPanel.visible;
-  }
-
-  get isDrawingActive() {
-    const drawingPanel = this.viewer.panelManager.getPanelByName<DrawingPanel>("DrawingPanel");
-    return drawingPanel && drawingPanel.visible;
-  }
-
-  get isSnapshootActive() {
-    const snapshootPanel = this.viewer.panelManager.getPanelByName<SnapshootPanel>("SnapshootPanel");
-    return snapshootPanel && snapshootPanel.visible;
-  }
-
-  get isSettingActive() {
-    const settingPanel = this.viewer.panelManager.getPanelByName<SettingPanel>("SettingPanel");
-    return settingPanel && settingPanel.visible;
-  }
-
-  get isProjectionActive() {
-    const projectionPanel = this.viewer.panelManager.getPanelByName<ProjectionPanel>("ProjectionPanel");
-    return projectionPanel && projectionPanel.visible;
-  }
-
-  // iconSrc(index) {
-  //     return require(`@/assets/images/modelEdit/矢量智能对象@2x(${index}).png`);
-  // }
-
-  openGslButtonClick() {
-    (this.$refs.uploadGslFile as any).click();
-  }
-
-  uploadGslFileChange() {
-    // let file = (this.$refs.uploadGslFile as any).files[0];
-    // let reader = new FileReader();
-    // reader.onload = (e) => {
-    //   let data = e.target.result;
-    //   let viewer = this.viewer;
-    //   let lightModel = new LightModel(null);
-    //   if (file.name.lastIndexOf(".gsl") == file.name.length - 4) {
-    //     lightModel.name = (file.name as string).substring(
-    //       0,
-    //       file.name.length - 4
-    //     );
-    //   } else if (file.name.lastIndexOf(".gsl.sz") == file.name.length - 7) {
-    //     lightModel.name = (file.name as string).substring(
-    //       0,
-    //       file.name.length - 7
-    //     );
-    //   } else if (file.name.lastIndexOf(".gsz") == file.name.length - 4) {
-    //     lightModel.name = (file.name as string).substring(
-    //       0,
-    //       file.name.length - 4
-    //     );
-    //   } else {
-    //     lightModel.name = file.name;
-    //   }
-    //   lightModel.modelFile = file.name;
-    //   if (this.viewer.process.renderObject) {
-    //     this.viewer.process.addRenderObject(
-    //       this.viewer.process.renderObject,
-    //       lightModel
-    //     );
-    //   } else {
-    //     this.viewer.process.renderObject = lightModel;
-    //     viewer.renderObject = lightModel;
-    //   }
-    //   let fileSegment: Segment;
-    //   if ((file.name as string).lastIndexOf(".sz") == file.name.length - 3) {
-    //     fileSegment = lightModel.segment.fromStreamWithCompression(data);
-    //   } else {
-    //     fileSegment = lightModel.segment.fromStream(data);
-    //   }
-    //   fileSegment.computeBoundingBox();
-    //   viewer.fitWorld();
-    //   viewer.updateDisplay();
-    //   viewer.setViewMode(ViewMode.Iso, true);
-    //   viewer.updateDisplay();
-    // };
-  }
-
-  // showStructureTreeClick() {
-  //     if (!this.structureTree) {
-  //         this.structureTree = new StructureTree()
-  //     }
-  //     this.structureTree.toggle()
-
-  //     // StructureTree.instance.toggle();
-  // }
-
-  showPropertyBoxClick() {
-    let panel = this.viewer.panelManager.getPanelByName<PropertyPanel>("PropertyPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new PropertyPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  showViewPointClick() {
-    let panel = this.viewer.panelManager.getPanelByName<ViewPointPanel>("ViewPointPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ViewPointPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  showMarkupClick() {
-    if (this.commandShowMarkup.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowMarkup);
-    }
-  }
-
-  showEditLabelClick() {
-    if (this.commandShowEditLabel.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowEditLabel);
-    }
-  }
-
-  showMeasureClick() {
-    console.log("showMeasureClick");
-    if (this.commandShowMeasure.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowMeasure);
-    }
-  }
-
-  showModelExplosionClick() {
-    if (this.commandShowModelExplosion.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowModelExplosion);
-    }
-  }
-
-  showProModelExplosionClick() {
-    console.log(this.commandShowProModelExplosion);
-    if (this.commandShowProModelExplosion.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowProModelExplosion);
-    }
-  }
-
-  showEditStyleClick() {
-    if (this.commandShowEditStyle.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowEditStyle);
-    }
-  }
-
-  showEditTransparencyClick() {
-    let panel = this.viewer.panelManager.getPanelByName<TransparencyPanel>("TransparencyPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new TransparencyPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  showCollisionClick() {
-    let panel = this.viewer.panelManager.getPanelByName<CollisionPanel>("CollisionPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new CollisionPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  showViewPlanClick() {
-    let panel = this.viewer.panelManager.getPanelByName<ViewPlanPanel>("ViewPlanPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ViewPlanPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  showDrawingClick() {
-    let panel = this.viewer.panelManager.getPanelByName<DrawingPanel>("DrawingPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new DrawingPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  showBoxCutClick() {
-    if (this.commandShowBoxCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowBoxCut);
-    }
-  }
-
-  showAxisCutClick() {
-    if (this.commandShowAxisCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowAxisCut);
-    }
-  }
-
-  movingComponentClick() {
-    if (this.commandShowMove.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowMove);
-    }
-  }
-
-  showElementCutClick() {
-    if (this.commandShowElementCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowElementCut);
-    }
-  }
-
-  showElevationCutClick() {
-    if (this.commandShowElevationCut.visible) {
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    } else {
-      this.viewer.process.commandManager.execute(this.commandShowElevationCut);
-    }
-  }
-
-  clearCuttingClick() {
-    if (Longan.TypeHelper.typeName(this.viewer.process.commandManager.currentCommand) == "CommandSelect") {
-      let viewer = this.viewer.process.activeViewer;
-      // let viewPointObjects = viewer.process.findRenderObject("ViewPointObjects");
-
-      // let viewPointStateObject: ViewPointStateObject =
-      // 	viewer.process.findRenderObject("ViewPointStateObject");
-      // if (viewPointStateObject) {
-      // 	viewPointStateObject.clear();
-      // }
-
-      // (viewer as Viewer).viewPointManager.cuttingObjects.clearChildObjects();
-      if (this.viewer.process.commandManager.currentCommand.typeName == "CommandSelect") {
-        const cuttingPlaneObject = this.viewer.renderObjects.find<CuttingPlaneObject>("CuttingPlaneObject");
-        const cuttingBoxObject = this.viewer.renderObjects.find<CuttingBoxObject>("CuttingBoxObject");
-        if (cuttingPlaneObject) {
-          // this.viewer.renderObjects.remove(cuttingPlaneObject);
-          this.viewer.renderObjects.delete(cuttingPlaneObject);
-        }
-        if (cuttingBoxObject) {
-          // this.viewer.renderObjects.remove(cuttingBoxObject);
-          this.viewer.renderObjects.delete(cuttingBoxObject);
-        }
-
-        this.viewer.updateDisplay();
-      }
-
-      viewer.updateDisplay();
-    }
-  }
-
-  showPathRoamClick() {
-    store.commit("toolbar/changeToolbar", {
-      viewerId: this.viewer.container.id,
-      toolbarType: ToolbarType.Roam,
-    });
-  }
-
-  snapshootClick() {
-    let panel = this.viewer.panelManager.getPanelByName<SnapshootPanel>("SnapshootPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new SnapshootPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  projectionClick() {
-    // if (this.commandShowProjection.visible) {
-    //   this.viewer.process.commandManager.execute(new CommandSelect());
-    // } else {
-    //   this.viewer.process.commandManager.execute(this.commandShowProjection);
-    // }
-    let panel = this.viewer.panelManager.getPanelByName<ProjectionPanel>("ProjectionPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new ProjectionPanel(this.viewer));
-    }
-    panel.toggle();
-  }
-
-  settingClick() {
-    let panel = this.viewer.panelManager.getPanelByName<SettingPanel>("SettingPanel");
-    if (!panel) {
-      panel = this.viewer.panelManager.execute(new SettingPanel(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();
-  }
-
-  // frameRateClick() {
-  //   this.viewer.panelManager.frameRate.show();
-  // }
-
-  mounted() {
-    // CommandShowEditLabel.instance = new CommandShowEditLabel();
-    // CommandShowMarkup.instance = new CommandShowMarkup();
-    // CommandShowMeasure.instance = new CommandShowMeasure();
-  }
-
-  beforeDestroy() {
-    // store.commit("toolbar/changeToolbar", ToolbarType.IndexToolbar);
-    // if (this.structureTree) {
-    //     this.structureTree.hide()
-    // }
-    // CommandShowEditLabel.instance = null;
-    // CommandShowMarkup.instance = null;
-    // CommandShowMeasure.instance = null;
-  }
-}

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

@@ -1,181 +0,0 @@
-<template>
-  <div class="bottom-toolbar">
-    <gs-button-icon
-      :icon="item.icon"
-      @click="item.clickFun"
-      :title="item.title"
-      :active="item.active"
-      v-for="(item, index) in bottomToolbarButtons"
-      :key="index" />
-
-    <gs-button-icon
-      icon="shuxing"
-      @click="showPropertyBoxClick"
-      title="属性"
-      :active="isPropertyBoxActive"
-      v-if="toolbarVisible.property" />
-    <gs-button-icon
-      icon="shidian"
-      @click="showViewPointClick"
-      title="视点"
-      :active="isViewPointActive"
-      v-if="toolbarVisible.viewPoint" />
-    <div class="divider" v-if="toolbarVisible.property || toolbarVisible.viewPoint"></div>
-    <gs-button-icon
-      icon="celiang"
-      @click="showMeasureClick"
-      title="测量"
-      :active="isMeasureActive"
-      v-if="toolbarVisible.measure" />
-    <gs-button-icon
-      icon="pizhu"
-      @click="showMarkupClick"
-      title="批注"
-      :active="isMarkupActive"
-      v-if="toolbarVisible.comment" />
-    <gs-button-icon
-      icon="biaoqian"
-      @click="showEditLabelClick"
-      title="标签"
-      :active="isEditLabelActive"
-      v-if="toolbarVisible.label" />
-    <gs-button-icon icon="pouqie">
-      <div slot="hover">
-        <gs-button-group>
-          <gs-button-icon icon="hepouqie" @click="showBoxCutClick" title="六面体剖切">
-            <!-- 六面体剖切 -->
-          </gs-button-icon>
-          <gs-button-icon icon="zhoupouqie" @click="showAxisCutClick" title="轴剖切" />
-          <gs-button-icon icon="yuansupouqie" @click="showElementCutClick" title="元素剖切" />
-          <gs-button-icon icon="gaochengpouqie" @click="showElevationCutClick" title="高程剖切" />
-          <gs-button-icon icon="shanchu" @click="clearCuttingClick" title="清除剖切" />
-        </gs-button-group>
-      </div>
-    </gs-button-icon>
-
-    <div class="divider"></div>
-
-    <gs-button-icon icon="branch" title="模型爆炸" v-if="toolbarVisible.explosion">
-      <div slot="hover">
-        <gs-button-group>
-          <gs-button-icon icon="allbranch" @click="showModelExplosionClick" title="全局爆炸">
-            <!-- 全局爆炸 -->
-          </gs-button-icon>
-          <gs-button-icon
-            icon="probranch"
-            @click="showProModelExplosionClick"
-            title="专业爆炸"
-            v-if="toolbarVisible.proExplosion">
-            <!-- 专业爆炸 -->
-          </gs-button-icon>
-        </gs-button-group>
-      </div>
-    </gs-button-icon>
-    <gs-button-icon
-      icon="modelCollision"
-      @click="showCollisionClick"
-      title="模型碰撞"
-      :active="isCollisionActive"
-      v-if="toolbarVisible.collision" />
-    <gs-button-icon icon="manyou" @click="showPathRoamClick" title="漫游" :active="false" v-if="toolbarVisible.roam" />
-
-    <!-- <gs-button-icon
-      icon="iconfontBimAir "
-      @click="showStructureTreeClick"
-      title="模型对比"
-      v-if="toolbarVisible.modelCompare"
-    /> -->
-
-    <gs-button-icon
-      icon="louceng"
-      @click="showViewPlanClick"
-      title="楼层平面"
-      :active="isViewPlanActive"
-      v-if="toolbarVisible.floorPlan" />
-    <gs-button-icon
-      icon="tuzhi"
-      @click="showDrawingClick"
-      title="二维图纸"
-      :active="isDrawingActive"
-      v-if="toolbarVisible.twoDDrawing" />
-    <gs-button-icon
-      icon="yangshi"
-      @click="showEditStyleClick"
-      title="样式"
-      :active="isStyleActive"
-      v-if="toolbarVisible.style" />
-    <div class="divider" v-if="toolbarVisible.snapshoot || toolbarVisible.setting"></div>
-    <!-- <gs-button-icon icon="iconfontBimAir "/> -->
-    <gs-button-icon
-      icon="kuaizhao"
-      @click="snapshootClick"
-      :active="isSnapshootActive"
-      title="快照"
-      v-if="toolbarVisible.snapshoot" />
-    <gs-button-icon
-      icon="GSBimAir icon-tansuob"
-      @click="projectionClick"
-      title="地图"
-      :active="isProjectionActive"
-      v-if="toolbarVisible.projection" />
-    <!-- <div class="divider"></div> -->
-    <gs-button-icon
-      icon="setting"
-      @click="settingClick"
-      title="设置"
-      :active="isSettingActive"
-      v-if="toolbarVisible.setting" />
-    <gs-button-icon icon="el-icon-info" @click="infoClick" title="信息" v-if="toolbarVisible.info" />
-    <!-- <gs-button-icon
-      icon="el-icon-info"
-      @click="frameRateClick"
-      title="绘制信息"
-      v-if="toolbarVisible.frameRate"
-    /> -->
-    <!-- <gs-button-icon
-      icon="el-icon-rank"
-      @click="movingComponentClick"
-      title="移动构件"
-    /> -->
-  </div>
-</template>
-
-<script lang="ts" src="./indexToolbar.ts"></script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-.bottom-toolbar {
-  position: absolute;
-  display: flex;
-  vertical-align: center;
-  align-items: center;
-  bottom: 0px;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 1000;
-  height: 55px;
-  background: $gs-primary-background;
-  opacity: 0.95;
-  border-radius: 4px;
-  padding: 0 10px;
-
-  .gs-button-icon {
-    margin: auto 5px;
-  }
-
-  .divider {
-    width: 2px;
-    height: 22px;
-    background: $gs-primary-fontColor;
-    opacity: 0.4;
-    border-radius: 0;
-    margin: auto 15px;
-  }
-}
-
-.button-hover {
-  display: flex;
-}
-</style>