gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/index.ts

@@ -1,40 +0,0 @@
-// import CollisionPanel from "./collision/collisionPanel";
-// import StructureTree from "./structureTree/structureTree";
-// import PropertyPanel from "./property/propertyPanel";
-// import ViewPointPanel from "./viewPoint/viewPointPanel";
-// import SettingPanel from "./setting/settingPanel";
-// import InfoPanel from "./info/infoPanel";
-
-import CollisionPanel from "./collision/collisionPanel";
-import CollisionItemPanel from "./collision/collisionItemPanel";
-import DrawingPanel from "./drawing/drawingPanel";
-import PropertyPanel from "./property/propertyPanel";
-import SnapshootPanel from "./snapshoot/snapshootPanel";
-import StructureTreePanel from "./structureTree/structureTree";
-import ViewPlanPanel from "./viewPlan/viewPlanPanel";
-import ViewPointPanel from "./viewPoint/viewPointPanel";
-import SettingPanel from "./setting/settingPanel";
-import InfoPanel from "./info/infoPanel";
-import FrameRatePanel from "./frameRate/frameRatePanel";
-import ProjectionPanel from "./projection/projectionPanel";
-import TransparencyPanel from "./transparency/transparencyPanel";
-import MarkupPanel from "./markup/markupPanel";
-import ScenePanel from "./scene/scenePanel";
-
-export {
-  CollisionItemPanel,
-  CollisionPanel,
-  DrawingPanel,
-  ProjectionPanel,
-  SettingPanel,
-  PropertyPanel,
-  SnapshootPanel,
-  StructureTreePanel,
-  ViewPlanPanel,
-  ViewPointPanel,
-  InfoPanel,
-  FrameRatePanel,
-  TransparencyPanel,
-  MarkupPanel,
-  ScenePanel,
-};

package/src/viewerWrapper/panels/info/infoPanel.ts

@@ -1,30 +0,0 @@
-import Panel from "../panel";
-import store from "../../../store";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class InfoPanel extends Panels.InfoPanel {
-  typeName = "CommandShowInfo";
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-
-    this.panelComponent = new Panel(this, () => import("./interfaceInfoPanel.vue"));
-    }
-    this.panelComponent.show();
-
-    super.show();
-    // this.createImage()
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-}

package/src/viewerWrapper/panels/info/interfaceInfoPanel.vue

@@ -1,191 +0,0 @@
-<template>
-  <div class="ShowInfo">
-    <div class="main">
-      <div class="input-row">
-        <span>顶点数量：</span>
-        <span>{{ size.pos }}</span>
-      </div>
-      <div class="input-row">
-        <span>三角面片数量：</span>
-        <span>{{ size.face }}</span>
-      </div>
-      <!-- <div class="input-row">
-        <span>几何数量：</span><span>{{ size.geo }}</span>
-      </div>-->
-      <div class="input-row">
-        <span>构件数量：</span>
-        <span>{{ componentNum }}</span>
-      </div>
-      <!-- <div class="input-row" v-if="viewerType === 'model'">
-        <span>模型版本：</span>
-        <span>{{ version }}</span>
-      </div> -->
-    </div>
-
-    <div class="bottom">
-      <el-button type="primary" round @click="updateViewerSize">刷新</el-button>
-      <!-- <el-button type="text" @click="saveConfigClick">保存设置</el-button> -->
-    </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 Longan, { Geometry, HLODComponent, List, MeshRendererComponent, Segment } from "gs-longan";
-import { HLODMeshMapComponent } from "gs-bim-air-core/gsDevFx/propertyComponents/hlodMeshMapComponent";
-import { ClusterNode } from "gs-bim-air-core/gsDevFx/objects/clusterNode";
-
-@Component({
-  components: {},
-})
-export default class ShowInfo extends Vue {
-  @Prop() componentData;
-
-  @Inject() getViewer;
-
-  size = { pos: 0, face: 0, geo: 0 };
-
-  viewerType = "";
-
-  //模型版本
-  version = 1;
-
-  componentNum = 0;
-
-  frameRate = "0";
-  lastTime = null; // 上次更新的时间
-  updateInterval = 1000; // 设置更新间隔（毫秒）
-  frameCount = 0; // 记录帧数
-  count = 0; // 计数器，用于控制帧率更新
-  frameRateInterval;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get image() {
-    return this.componentData && this.componentData.image;
-  }
-
-  get camera() {
-    return this.getViewer().camera;
-  }
-
-  updateFPS() {
-    // let currentTime = performance.now();
-    // if (!this.lastTime) {
-    //   this.lastTime = currentTime;
-    // }
-    // let deltaTime = currentTime - this.lastTime;
-    // this.lastTime = currentTime;
-
-    // this.count += deltaTime;
-
-    // if (this.count > this.updateInterval) {
-    //   this.frameRate = Math.round(1000 / deltaTime);
-    //   this.frameCount++;
-    //   this.count = 0;
-    // }
-
-    // requestAnimationFrame(this.updateFPS);
-
-    this.frameRateInterval = setInterval(() => {
-      this.frameRate = this.viewer.averageFPS.toFixed(0);
-    }, 1000);
-  }
-
-  updateViewerSize() {
-    this.size = { pos: 0, face: 0, geo: 0 };
-
-    let renderObjectMap = this.viewer.process.persistenceManager.renderObjectMap;
-    renderObjectMap.forEach((ro: ClusterNode) => {
-      if (ro.typeName === "ModelObject") {
-        // let meshRenderer = ro.components.find<MeshRenderer>("MeshRenderer");
-        let hlodMeshMap = ro.components.find<HLODMeshMapComponent>("HLODMeshMapComponent");
-        let hlodComponent = ro.components.find<HLODComponent>("HLODComponent");
-
-        // let geometry = meshRenderer.geometry;
-        if (hlodMeshMap) {
-          let len = hlodMeshMap.vertexIndexMap.items.length;
-          this.size.pos =
-            this.size.pos + hlodMeshMap.vertexIndexMap.items[len - 1] + hlodMeshMap.vertexIndexMap.items[len - 2];
-          this.size.face += hlodComponent.trianglesNum;
-        }
-      }
-    });
-
-    // let segment = this.viewer.findInstanceObject(this.viewer.renderObject).segment;
-    // let size = this.getSegmentSize(segment);
-    // this.size = { ...size };
-    //获得模型版本，如果options.viewerType通过模型id加载就显示模型版本
-    this.viewerType = this.viewer.options.viewerType;
-    if (this.viewerType === "model") {
-      //this.version = (this.viewer.renderObject as LightModel).version;
-    }
-    //获得构件数量
-    let components = this.viewer.structureTreeManager.components;
-    this.componentNum = Object.keys(components).length;
-    // let info =LonganCore.JS_Show_Database_Info(this.viewer.renderObject.segment.key);
-    // console.log("info", info);
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "jichuxinxi",
-      title: "基本信息",
-      bottom: "10px",
-      right: "10px",
-    });
-  }
-
-  closeClick() {
-    clearInterval(this.frameRateInterval);
-  }
-
-  mounted() {
-    this.setData();
-    this.updateViewerSize();
-    this.updateFPS();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-.ShowInfo {
-  color: white;
-  height: auto;
-  min-height: 50px;
-  font-size: 14px;
-}
-
-.main {
-  padding: 10px 0;
-}
-
-.input-row {
-  padding: 5px 0;
-  text-align: left;
-
-  span {
-    display: inline-block;
-
-    &:first-child {
-      width: 120px;
-      text-align: right;
-    }
-
-    &:last-child {
-      padding-left: 20px;
-    }
-  }
-}
-
-.bottom {
-  display: flex;
-  justify-content: flex-end;
-  padding: 10px;
-  border-top: 1px solid rgba(255, 255, 255, 0.15);
-}
-</style>

package/src/viewerWrapper/panels/markup/interfaceMarkupPanel.vue

@@ -1,234 +0,0 @@
-<template>
-  <div class="showMarkup">
-    <div class="content">
-      <div class="topButton">
-        <el-button type="primary" round @click="markupDialogVisible = true">
-          <i class="el-icon-plus"></i>
-          创建视点
-        </el-button>
-      </div>
-      <div class="scrollbar">
-        <div
-          class="item"
-          v-for="(item, index) in markupView"
-          :class="{ active: activeIndex === index }"
-          :key="index"
-          @click="markupClick(item.id, index)">
-          <!-- <img :src="imageUrl(item.imageId)" crossorigin="*" /> -->
-          <!-- <img :src="item.image" crossorigin="*" style="width: 210px; height: 126px" /> -->
-          <!-- <img :src="getImageSrc(item.id)" /> -->
-          <img
-            :src="item.image ? item.image : require('../../../assets/images/placeholder.jpg')"
-            crossorigin="*"
-            style="width: 210px; height: 126px"
-            v-fallback="require('../../../assets/images/placeholder.jpg')" />
-          <!-- fallback在viewerWrapper.ts定义 -->
-
-          <div class="mask"></div>
-          <span>{{ item.name }}</span>
-          <div class="button-wrapper">
-            <!-- <i class="el-icon-share"></i> -->
-            <i class="el-icon-delete" @click.stop="deletePointClick(item.id)"></i>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <gs-dialog title="视点" v-model="markupDialogVisible" @confirm="addMarkupClick(markupName)" type="dark">
-      <el-form label-position="right" label-width="100px" style="margin-top: 20px">
-        <el-form-item label="视点名称">
-          <el-input v-model="markupName" @keyup.enter.native="addMarkupClick(markupName)"></el-input>
-        </el-form-item>
-      </el-form>
-    </gs-dialog>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue, Watch } from "vue-property-decorator";
-import store from "../../../store";
-
-import GsDialog from "../../../components/gs/gsDialog/gs-dialog.vue";
-import { MessageBox } from "element-ui";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-// import { MarkupObject } from "gs-bim-air-core/gsDevFx/objects/markupObject";
-import { ModelObject, RenderObject } from "gs-longan";
-import { MarkupView } from "../../../api/markupService";
-
-@Component({
-  components: { GsDialog },
-})
-export default class InterfaceMarkupPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-  activeName = "first";
-  markupDialogVisible = false;
-  markupName = "";
-  markupImageList = [];
-  activeIndex = null;
-  store = store;
-  // imageUrls = {};
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get markupView(): MarkupView[] {
-    if (this.componentData) {
-      this.componentData.forEach((item) => {
-        if (!item.image) {
-          this.viewer.markupManager.getImage(item.id).then((res: any) => {
-            if (res && res.data) {
-              Vue.set(item, "image", window.URL.createObjectURL(res.data));
-              // item.image = window.URL.createObjectURL(res.data);
-            }
-          });
-        }
-      });
-    }
-    return this.componentData || [];
-  }
-
-  getImageSrc(markupId) {
-    return this.viewer.markupManager.getImageSrc(markupId);
-  }
-
-  markupClick(id, index) {
-    // let markupObject = this.markupObjects[index];
-    this.activeIndex = index;
-    // if (markupObject) {
-    this.viewer.markupManager.restoreMarkupById(id);
-    // }
-  }
-
-  addMarkupClick(markupName: string) {
-    if (!markupName) {
-      return this.$message.warning("视点名称不可为空");
-    }
-    this.markupDialogVisible = false;
-    this.viewer.markupManager.addMarkup(markupName).then(() => {
-      this.markupName = "";
-      // this.activeIndex = this.markupObjects.length - 1;
-      this.activeIndex = 0;
-    });
-  }
-
-  deletePointClick(id) {
-    MessageBox.confirm("确定删除选中的视点？")
-      .then(() => {
-        this.viewer.markupManager.deleteMarkupById(id);
-      })
-      .catch(() => {});
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "a-biaozhu",
-      title: "视点列表",
-      top: "10px",
-      bottom: "10px",
-      left: "80px",
-    });
-  }
-
-  // closeClick() {
-  //   MarkupPlan.instance.end()
-  // }
-
-  mounted() {
-    this.setData();
-    this.activeName = "first";
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-.showMarkup {
-  color: $gs-primary-fontColor;
-  // background-color: $gs-primary-background;
-  min-width: 230px;
-  height: 100%;
-  min-height: 50px;
-}
-
-.content {
-  display: flex;
-  flex-direction: column;
-  max-height: 700px;
-  height: 100%;
-  // background: $gs-primary-background2;
-  .topButton {
-    margin: 10px 0;
-    padding: 0 10px;
-    text-align: left;
-    // background: $gs-primary-background;
-  }
-  .el-button--text {
-    color: $gs-primary-checkboxColor;
-  }
-}
-
-.add-icon-wrapper {
-  width: 40px;
-  margin: auto;
-
-  i {
-    margin: auto;
-    cursor: pointer;
-    font-size: 25px;
-    padding: 10px 0;
-  }
-}
-
-.scrollbar {
-  height: 600px;
-  width: 250px;
-  //flex: 1;
-  overflow: auto;
-
-  .item {
-    // width: 230px;
-    display: inline-block;
-    position: relative;
-    border: 2px solid transparent;
-    // border-top: 2px solid transparent;
-
-    img {
-      // max-width: 230px;
-      // height: 140px;
-      mask-image: linear-gradient(0deg, transparent, #a5a5a5 50%);
-    }
-
-    span {
-      position: absolute;
-      bottom: 20px;
-      left: 20px;
-    }
-
-    .button-wrapper {
-      display: inline-block;
-      position: absolute;
-      bottom: 10px;
-      right: 20px;
-      color: $gs-primary-active;
-      i {
-        cursor: pointer;
-        padding: 10px;
-      }
-    }
-  }
-
-  .active {
-    border: 2px solid $gs-primary-checkboxColor;
-  }
-}
-:deep(.el-input__inner) {
-  background: transparent;
-  border: 1px solid #aaa;
-  border-radius: 4px;
-  color: $gs-primary-fontColor;
-}
-</style>

package/src/viewerWrapper/panels/markup/markupPanel.ts

@@ -1,54 +0,0 @@
-import renderObjectsService from "../../../api/renderObjectService";
-import axios from "../../../axiosRequestExport";
-import { MarkupObjects } from "gs-bim-air-core/gsDevFx/objects/markupObjects";
-import PanelStore from "../panel";
-import Panel from "gs-bim-air-core/panels/panel";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import uuid from "../../../utils/uuid";
-import getRelatedIds from "../../module/getRelatedIds";
-import { Constants, ProjectionType, Vector3 } from "gs-longan";
-import { markupService, MarkupView } from "../../../api/markupService";
-
-export default class MarkupPanel extends Panel {
-  typeName: string = "MarkupPanel";
-  markupObjects: MarkupObjects;
-  activeMarkupIndex;
-  markupViews: MarkupView[] = [];
-
-  clearMarkupsObservable;
-  panelComponent: PanelStore;
-  clearMarkups = () => {
-    this.viewer.markupManager.markupObjects.removeChildren();
-    // this.viewer.camera.changed.remove(this.clearMarkups);
-  };
-
-  constructor(viewer: Viewer) {
-    super(viewer);
-    renderObjectsService.viewer = viewer;
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceMarkupPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-
-    // this.getMarkups();
-    this.viewer.markupManager.getMarkups().then((data) => {
-      this.componentData = data;
-      this.updateComponentData();
-    });
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // private generateMarkupObjectList(markupViews: MarkupView[]) {
-  //   if (markupViews) {
-  //     this.componentData = markupViews;
-  //   }
-  // }
-}

package/src/viewerWrapper/panels/operationInfo/interfaceOperationInfoPanel.vue

@@ -1,80 +0,0 @@
-<template>
-  <div class="ShowOperationInfo">
-    <img class="model-img" src="../../../assets/images/modelImg.png" />
-    <div class="info-wrapper">
-      <div class="title">鼠标常规操作</div>
-      <div class="infos">
-        <div class="info">
-          <gs-icon svgName="icon-shubiaoyoujian" size="24px" style="margin-right: 5px"></gs-icon>
-          <span>鼠标右键：旋转</span>
-        </div>
-        <div class="info">
-          <gs-icon svgName="icon-shubiaozhongjian" size="24px" style="margin-right: 5px"></gs-icon>
-          <span>鼠标中键：平移</span>
-        </div>
-        <div class="info">
-          <gs-icon svgName="icon-shubiaozhongjian" size="24px" style="margin-right: 5px"></gs-icon>
-          <span>滚轮：前后推进</span>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import GsIcon from "../../../components/gs/gs-icon.vue";
-@Component({
-  components: { GsIcon },
-})
-export default class InterfaceOperationInfoPanel extends Vue {
-  @Prop() componentData;
-
-  setData() {
-    this.$emit("setData", {
-      icon: "caozuoshuoming",
-      title: "操作说明",
-      bottom: "10px",
-      right: "10px",
-      width: "550px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.ShowOperationInfo {
-  height: calc(100% - 30px);
-  overflow-y: auto;
-  padding: 15px;
-  .model-img {
-    width: 100%;
-    height: auto;
-  }
-  .info-wrapper {
-    width: 100%;
-    padding: 10px 0;
-    text-align: left;
-
-    .title {
-      font-size: 14px;
-      line-height: 30px;
-      color: #9aa5c7;
-    }
-    .infos {
-      display: flex;
-      .info {
-        flex: 1;
-        display: flex;
-        align-items: center;
-        font-size: 14px;
-        line-height: 26px;
-      }
-    }
-  }
-}
-</style>

package/src/viewerWrapper/panels/operationInfo/operationInfoPanel.ts

@@ -1,25 +0,0 @@
-import PanelStore from "../panel";
-import Panel from "gs-bim-air-core/panels/panel";
-import store from "../../../store";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-
-export default class OperationInfoPanel extends Panel {
-  typeName = "OperationInfoPanel";
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceOperationInfoPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-}