gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/setting/settingPanel.ts

@@ -1,32 +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 SettingPanel extends Panels.SettingPanel {
-  // private _image = "";
-  typeName = "SettingPanel";
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-
-    this.panelComponent = new Panel(this, () => import("./interfaceSettingPanel.vue"));
-        }    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // saveLocalConfig() {
-  //   localStorage.setItem(this.viewer.container.id + "-localOptions", JSON.stringify(this.viewer.options));
-  // }
-}

package/src/viewerWrapper/panels/snapshoot/interfaceSnapshootPanel.vue

@@ -1,213 +0,0 @@
-<template>
-  <div class="showSnapshoot">
-    <div class="content">
-      <img :src="image" />
-      <i class="el-icon-download" @click="downloadImageClick" />
-    </div>
-
-    <div class="info" v-show="isShowInfo">
-      <div>
-        <span>position：</span>
-        <div class="message">
-          {{ camera.position.x }}
-          <br />
-          {{ camera.position.y }}
-          <br />
-          {{ camera.position.z }}
-        </div>
-      </div>
-      <div>
-        <span>target：</span>
-        <div class="message">
-          {{ camera.target.x }}
-          <br />
-          {{ camera.target.y }}
-          <br />
-          {{ camera.target.z }}
-        </div>
-      </div>
-      <div>
-        <span>up：</span>
-        <div class="message">
-          {{ camera.upVector.x }}
-          <br />
-          {{ camera.upVector.y }}
-          <br />
-          {{ camera.upVector.z }}
-        </div>
-      </div>
-      <div>
-        <span>width：</span>
-        <div class="message">
-          {{ camera.orthoWidth }}
-        </div>
-      </div>
-      <div>
-        <span>height：</span>
-        <div class="message">
-          {{ camera.orthoHeight }}
-        </div>
-      </div>
-    </div>
-    <div style="text-align: left" class="bottom">
-      <el-button type="primary" round @click="showInfoClick">{{ isShowInfo ? "收起" : "展开" }}相机信息</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";
-
-@Component({
-  components: {},
-})
-export default class ShowSnapshoot extends Vue {
-  @Prop() componentData;
-
-  @Inject() getViewer;
-
-  activeName = "first";
-  snapshootDialogVisible = false;
-  snapshootName = "";
-  isShowInfo = false;
-
-  get image() {
-    return this.componentData && this.componentData.image;
-  }
-
-  get camera() {
-    return (this.getViewer() as Viewer).camera;
-  }
-
-  downloadImageClick() {
-    const a = document.createElement("a");
-    a.href = this.image;
-    a.setAttribute("download", "快照");
-    a.click();
-  }
-
-  base64ToBlob(code) {
-    let parts = code.split(";base64,");
-    let contentType = parts[0].split(":")[1];
-    let raw = window.atob(parts[1]);
-    let rawLength = raw.length;
-
-    let uInt8Array = new Uint8Array(rawLength);
-
-    for (let i = 0; i < rawLength; ++i) {
-      uInt8Array[i] = raw.charCodeAt(i);
-    }
-    return new Blob([uInt8Array], { type: contentType });
-  }
-
-  showInfoClick() {
-    this.isShowInfo = !this.isShowInfo;
-    this.setData();
-    // if (this.isShowInfo) {
-    //   this.$emit("setData", {
-    //     icon: "camera",
-    //     title: "快照",
-    //     height: "435px",
-    //     bottom: "10px",
-    //     right: "10px",
-    //   });
-    // } else {
-    //   this.$emit("setData", {
-    //     icon: "camera",
-    //     title: "快照",
-    //     height: "210px",
-    //     bottom: "10px",
-    //     right: "10px",
-    //   });
-    // }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "camera",
-      title: "快照",
-      bottom: "10px",
-      right: "10px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-    this.activeName = "first";
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-.showSnapshoot {
-  color: $gs-primary-fontColor;
-  height: auto;
-  min-height: 50px;
-  font-size: 14px;
-}
-
-.content {
-  display: flex;
-  padding: 0 10px;
-  // background-color: $model-theme-light;
-}
-
-.add-icon-wrapper {
-  width: 40px;
-  margin: auto;
-  i {
-    margin: auto;
-    cursor: pointer;
-    font-size: 25px;
-  }
-}
-
-.view-point-wrapper {
-  flex: 1;
-}
-
-img {
-  height: 120px;
-  width: auto;
-}
-
-i {
-  font-size: 25px;
-  margin: auto;
-  display: inline-block;
-  padding-left: 10px;
-  cursor: pointer;
-}
-
-.bottom {
-  display: flex;
-  justify-content: flex-end;
-  // margin: 0 10px;
-  // background: $gs-primary-background;
-  border-top: 1px solid rgba(255, 255, 255, 0.15);
-  padding: 10px;
-}
-
-.info {
-  padding: 10px;
-  // pointer-events: auto;
-  user-select: text;
-
-  div {
-    text-align: left;
-    display: flex;
-
-    span {
-      display: inline-block;
-      width: 80px;
-    }
-
-    .message {
-      flex: 1;
-    }
-  }
-}
-</style>

package/src/viewerWrapper/panels/snapshoot/snapshootPanel.ts

@@ -1,80 +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 SnapshootPanel extends Panels.SnapshootPanel {
-  // private _image = "";
-  typeName = "SnapshootPanel";
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfaceSnapshootPanel.vue"));
-    }
-    this.panelComponent.show();
-
-    super.show();
-  }
-
-  hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // async createImage() {
-  //   let viewerId = this.viewer.container.id;
-  //   let modelViewer = document.getElementById(viewerId);
-  //   let canvasList = modelViewer!.getElementsByTagName("canvas");
-  //   let canvas = document.createElement("canvas");
-  //   let context = canvas.getContext("2d");
-
-  //   for (let i = 0; i < canvasList.length; i++) {
-  //     let modelCanvas = canvasList[i];
-  //     let modelBase64Image = modelCanvas.toDataURL("image/png");
-
-  //     //生成模型图片
-  //     let modelImage = new Image();
-  //     modelImage.src = modelBase64Image;
-  //     modelImage.crossOrigin = "Anonymous";
-
-  //     if (i === 0) {
-  //       canvas.width = modelCanvas.width;
-  //       canvas.height = modelCanvas.height;
-  //     }
-
-  //     await new Promise<void>((resolve, reject) => {
-  //       modelImage.onload = () => {
-  //         context.drawImage(modelCanvas, 0, 0, modelImage.width, modelImage.height);
-  //         resolve();
-  //       };
-  //     });
-  //   }
-
-  //   //生成svg图片
-  //   let svg = modelViewer.getElementsByTagName("svg")[0];
-  //   let svgHtml = svg.outerHTML;
-
-  //   let svgImage = new Image();
-  //   let src = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(svgHtml)));
-  //   svgImage.src = src;
-
-  //   await new Promise<void>((resolve, reject) => {
-  //     svgImage.onload = () => {
-  //       context.drawImage(svgImage, 0, 0, modelViewer.offsetWidth, modelViewer.offsetHeight);
-  //       resolve();
-  //     };
-  //     svgImage.onerror = (e, ee) => {
-  //       console.error(e, ee);
-  //       reject();
-  //     };
-  //   });
-
-  //   this.componentData = { image: canvas.toDataURL("image/png") };
-  // }
-}

package/src/viewerWrapper/panels/structureTree/interfaceStructureTree.ts

@@ -1,92 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Prop, Vue, Watch } from "vue-property-decorator";
-
-@Component({
-  components: {},
-})
-export default class InterfaceStructureTree extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  activeName = this.activeTabName;
-
-  tabPane = [
-    {
-      name: "结构树",
-      component: () => import("./panes/structureTree.vue"),
-    },
-  ];
-
-  tabPanes = this.tabPane.concat(this.tabs);
-
-  get activeTabName() {
-    if (this.viewer) {
-      let activeTabName = this.viewer.options.components.structureTree.activeTabName;
-      return activeTabName;
-    } else {
-      return "";
-    }
-  }
-
-  get defaultTabVisible() {
-    return this.viewer && this.viewer.options.components.structureTree.defaultTab.visible;
-  }
-
-  // get tabPanes() {
-  //   let tabs = this.viewer.options.components.structureTree.tabs;
-  //   return this.defaultTabVisible ? this.tabPane.concat(tabs) : tabs;
-  // }
-
-  get tabs() {
-    return this.viewer ? this.viewer.options.components.structureTree.tabs : [];
-    // return this.defaultTabVisible ? this.tabPane.concat(tabs) : tabs;
-  }
-
-  @Watch("activeTabName")
-  onActiveTabNameChange() {
-    this.activeName = this.activeTabName;
-  }
-
-  @Watch("defaultTabVisible")
-  onDefaultTabVisibleChange() {
-    // let tabs = this.viewer.options.components.structureTree.tabs;
-    this.tabPanes = this.defaultTabVisible ? this.tabPane.concat(this.tabs) : this.tabs;
-  }
-
-  @Watch("tabs")
-  onTabsChange() {
-    this.tabPanes = this.defaultTabVisible ? this.tabPane.concat(this.tabs) : this.tabs;
-  }
-
-  tabClick(val) {
-    // if (val.name == "图层") {
-    //   this.viewer.layerManager.rootNode.isShow = true;
-    // } else {
-    //   this.viewer.layerManager.rootNode.isShow = false;
-    // }
-    if (this.viewer.options.components.structureTree.tabClickFun) {
-      this.viewer.options.components.structureTree.tabClickFun(val);
-    }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "a-jiegoushu",
-      title: "模型结构树",
-      top: "10px",
-      left: "80px",
-      height: "600px",
-      width: "300px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-    // console.log(this.defaultTabVisible, this.tabPane, this.tabs);
-    this.tabPanes = this.defaultTabVisible ? this.tabPane.concat(this.tabs) : this.tabs;
-  }
-}

package/src/viewerWrapper/panels/structureTree/interfaceStructureTree.vue

@@ -1,147 +0,0 @@
-<template>
-  <div class="StructureTree">
-    <component
-      :is="tabPanes[0].component"
-      v-if="tabPanes.length === 1 && tabPanes[0].name"
-      :componentData="componentData"></component>
-
-    <el-tabs v-else v-model="activeName" @tab-click="tabClick">
-      <el-tab-pane v-for="(item, index) in tabPanes" :key="index" :label="item.name" :name="item.name">
-        <div class="el-scrollbar">
-          <component :is="item.component" v-if="item.name" :componentData="componentData"></component>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-
-<script src="./interfaceStructureTree.ts"></script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/element-variables";
-@import "../../../assets/scss/site";
-@import "../../../assets/scss/gs-tree-dark";
-@import "../../../assets/scss/gs-input-dark";
-@import "../../../assets/theme/handle.scss";
-
-.StructureTree {
-  text-align: left;
-  height: 100%;
-}
-
-.input-with-search {
-  margin: 6px 10px;
-  // width: 280px;
-  flex: 1;
-}
-
-:deep(.el-tabs) {
-  height: 100%;
-  position: relative;
-  .el-tabs__header {
-    margin: 0;
-    padding: 0 10px;
-  }
-  .el-tabs__content {
-    // height: 100%;
-    // margin-bottom: -55px;
-    height: calc(100% - 55px);
-  }
-  .el-tabs__item {
-    color: $gs-primary-fontColor;
-  }
-}
-
-.el-scrollbar {
-  overflow: auto;
-  position: absolute;
-  // top: 50px;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.locate-button {
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-  cursor: pointer;
-  color: #aaa;
-
-  &:hover {
-    color: $gs-primary-fontColor;
-  }
-}
-
-.custom-tree-node {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  position: relative;
-  // padding-right: 8px;
-
-  &:hover {
-    .tree-node-button-wrapper {
-      display: inline-block;
-    }
-  }
-
-  .tree-node-input-wrapper {
-    :deep(.tree-node-input) {
-      width: 150px;
-
-      input {
-        height: 26px;
-      }
-    }
-
-    .tree-node-button-wrapper {
-      display: inline-block;
-    }
-  }
-
-  .tree-node-button-wrapper {
-    padding: 0 5px;
-    margin: 10px;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    margin-top: -13px;
-    // background: #3d579b;
-    background: transparent;
-    border-radius: 10px;
-    height: 26px;
-    // display: inline-block;
-    .el-button {
-      color: $gs-primary-el-buttonColor;
-    }
-  }
-
-  .node-hover {
-    display: none;
-  }
-}
-
-.context-menu {
-  // position: absolute;
-  // right: -100px;
-  div {
-    .el-button {
-      // border: none;
-    }
-  }
-}
-:deep(.el-checkbox) {
-  .el-checkbox__inner {
-    background: transparent;
-    border: 1px solid #aaa;
-  }
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    background: $gs-primary-checkboxColor;
-    border-color: $gs-primary-checkboxColor;
-  }
-}
-</style>