gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/property/propertyPanel.ts

@@ -1,82 +0,0 @@
-import { ComponentSelector } from "gs-bim-air-core/gsDevFx/operators/componentSelector";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-//import { ComponentSelector } from "gs-bim-air-core/gsDevFx/operators/componentSelector";
-import Panel from "../panel";
-import { TreeNodeObject } from "gs-bim-air-core/gsDevFx/objects/treeNodeObject";
-import { Observer, ViewerEvent } from "gs-longan";
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class PropertyPanel extends Panels.PropertyPanel {
-  // getPropertyFunObserver: Observer<ViewerEvent> = null;
-  // isGetPropertyObserver: Observer<ViewerEvent> = null;
-  // isGetPropertyFun;
-  // isGetProperty = false;
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-
-    this.panelComponent = new Panel(this, () => import("./interfacePropertyPanel.vue"));}
-    this.panelComponent.show();
-    super.show();
-
-    // // let viewer = this.viewer;
-    // let componentSelector = this.viewer.operatorManager.find<ComponentSelector>("ComponentSelector");
-    // if (!this.getPropertyFunObserver) {
-    //   this.isGetPropertyObserver = componentSelector.lButtonDown.add(() => {
-    //     this.isGetProperty = true;
-    //   });
-    //   this.getPropertyFunObserver = componentSelector.lButtonUp.add(() => {
-    //     console.log("getPropertyFun");
-    //     //if (this.isGetProperty) {
-    //     let treeNodeObject = this.viewer.selectionManager.selectedObject;
-    //     this.getProperty(treeNodeObject);
-    //     //this.isGetProperty = false;
-
-    //     // if (componentSelector && componentSelector.native.selectObject) {
-    //     //   let node = componentSelector.native.selectObject;
-    //     //   let treeNode = this.viewer.structureTreeManager.getTreeNodeById(
-    //     //     node.modelId as string,
-    //     //     node.id as string
-    //     //   );
-    //     //   this.getProperty(treeNode);
-    //     //   //this.isGetProperty = false;
-    //     // }
-    //     //}
-    //   });
-    // }
-  }
-
-  public hide(): void {
-    this.panelComponent.hide();
-    super.hide();
-    // // let viewer = this.viewer;
-    // // let componentSelector = viewer.operatorManager.find("ComponentSelector") as ComponentSelector;
-    // let componentSelector = this.viewer.operatorManager.find<ComponentSelector>("ComponentSelector");
-    // componentSelector.lButtonUp.remove(this.getPropertyFunObserver);
-    // componentSelector.lButtonDown.remove(this.isGetPropertyObserver);
-    // this.getPropertyFunObserver = null;
-    // this.isGetPropertyObserver = null;
-  }
-
-  // public getProperty(treeNodeObject: TreeNodeObject) {
-  //   //console.log("getProperty--------------");
-  //   this.componentData = [];
-
-  //   let viewer = this.viewer;
-  //   // let segObj = viewer.selectionManager.treeNodeObject;
-  //   if (treeNodeObject && this.viewer.panelManager.getPanelByName<PropertyPanel>("PropertyPanel").visible) {
-  //     viewer.propertyManager.getProperty(treeNodeObject).then((data) => {
-  //       this.componentData = data;
-  //     });
-  //   }
-  //   if (!treeNodeObject || treeNodeObject === null) {
-  //     this.componentData = [];
-  //   }
-  // }
-}

package/src/viewerWrapper/panels/scene/interfaceScenePanel.vue

@@ -1,264 +0,0 @@
-<template>
-  <div class="showScene">
-    <div class="content">
-      <div class="topButton">
-        <el-button type="primary" round @click="sceneDialogVisible = true">
-          <i class="el-icon-plus"></i>
-          创建场景
-        </el-button>
-      </div>
-      <div class="scrollbar">
-        <div
-          class="item"
-          v-for="(item, index) in scenes"
-          :class="{ active: activeIndex === index }"
-          :key="index"
-          @click="sceneClick(item.id, index)">
-          <!-- <img :src="imageUrl(item.imageId)" crossorigin="*" /> -->
-          <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定义 -->
-          <!-- <img :src="imageUrls[index]" /> -->
-
-          <div class="mask"></div>
-          <span>{{ item.name }}</span>
-          <div class="button-wrapper">
-            <!-- <i class="el-icon-share"></i> -->
-            <i
-              v-if="item.isDefault"
-              class="el-icon-check"
-              style="background-color: #62ceff; border-color: #62ceff; border-radius: 5px; color: #000"
-              title="默认场景"></i>
-            <i v-else class="el-icon-edit-outline" @click.stop="setDefaultSceneClick(item.id)" title="设置默认"></i>
-            <i class="el-icon-delete" @click.stop="deleteSceneClick(item.id)"></i>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <gs-dialog title="场景" v-model="sceneDialogVisible" @confirm="addSceneClick(sceneName)" type="dark">
-      <el-form label-position="right" label-width="100px" style="margin-top: 20px">
-        <el-form-item label="场景名称">
-          <el-input v-model="sceneName"></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 { Scene } from "gs-bim-air-core/gsDevFx/objects/scene";
-import { ModelObject, RenderObject, Scene } from "gs-longan";
-import ScenePanel from "./scenePanel";
-
-@Component({
-  components: { GsDialog },
-})
-export default class InterfaceScenePanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-  activeName = "first";
-  sceneDialogVisible = false;
-  sceneName = "";
-  sceneImageList = [];
-  activeIndex = null;
-  store = store;
-  // imageUrls = {};
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get scenes(): Scene[] {
-    if (this.componentData) {
-      this.componentData.forEach((item) => {
-        if (!item.image) {
-          if (item.name === "Default") {
-            item.image = require("../../../assets/images/placeholder.jpg");
-          } else {
-            this.viewer.projectSceneManager.getSceneImage(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 || [];
-  }
-
-  get currentGroupId() {
-    let groupId = "";
-    let lightModelList: ModelObject[] = this.viewer.process.findModelRenderObjects();
-
-    lightModelList.forEach((item) => {
-      groupId += item.id + ",";
-    });
-    return groupId;
-  }
-
-  // imageUrl(imageId) {
-  //   return this.viewer.panelManager.scenePanel.getImageUrl(imageId);
-  // }
-
-  sceneClick(id, index) {
-    this.activeIndex = index;
-    this.viewer.projectSceneManager.restoreSceneById(id);
-  }
-
-  // getImageSrc(sceneId) {
-  //   return this.viewer.projectSceneManager.getSceneImageSrc(sceneId);
-  // }
-
-  addSceneClick(sceneName: string) {
-    if (!sceneName) {
-      return this.$message.warning("场景名称不可为空");
-    }
-    this.sceneDialogVisible = false;
-    this.viewer.projectSceneManager.addScene({ name: sceneName, isDefault: false }).then(() => {
-      this.sceneName = "";
-      // this.activeIndex = this.scenes.length - 1;
-      this.activeIndex = 0;
-      this.$message.success("添加成功");
-    });
-  }
-
-  setDefaultSceneClick(id) {
-    this.viewer.projectSceneManager.setDefaultScene(id).then(() => {
-      this.$message.success("设置成功");
-      // this.viewer.panelManager.scenePanel.componentData = this.viewer.projectSceneManager.scenes;
-      this.viewer.panelManager.getPanelByName<ScenePanel>("ScenePanel").componentData =
-        this.viewer.projectSceneManager.scenes;
-    });
-  }
-
-  deleteSceneClick(id) {
-    MessageBox.confirm("确定删除选中的场景？")
-      .then(() => {
-        this.viewer.projectSceneManager.deleteScene(id).then(() => {});
-      })
-      .catch(() => {});
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "a-changjing",
-      title: "场景列表",
-      top: "10px",
-      bottom: "10px",
-      left: "80px",
-    });
-  }
-
-  // closeClick() {
-  //   ScenePlan.instance.end()
-  // }
-
-  mounted() {
-    this.setData();
-    this.activeName = "first";
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-.showScene {
-  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: calc(100% - 50px);
-  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;
-        margin: 10px 5px;
-      }
-    }
-  }
-
-  .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/scene/scenePanel.ts

@@ -1,133 +0,0 @@
-import renderObjectsService from "../../../api/renderObjectService";
-import axios from "../../../axiosRequestExport";
-import Panel from "gs-bim-air-core/panels/panel";
-import PanelStore from "../panel";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-// import { Scene, SceneObject } from "gs-bim-air-core/gsDevFx/objects/sceneObject";
-import uuid from "../../../utils/uuid";
-import getRelatedIds from "../../module/getRelatedIds";
-import { Constants, ProjectionType, Vector3 } from "gs-longan";
-import { modelService } from "../../../api/modelService";
-
-export default class ScenePanel extends Panel {
-  typeName: string = "ScenePanel";
-  panelComponent: PanelStore;
-
-  constructor(viewer: Viewer) {
-    super(viewer);
-    renderObjectsService.viewer = viewer;
-  }
-
-  show() {
-    // this.panelComponent = new PanelStore(this, () => import("./interfaceScenePanel.vue"));
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceScenePanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-
-    this.getScenes();
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  getScenes() {
-    this.viewer.projectSceneManager.getScenes().then((data) => {
-      this.componentData = data;
-      this.updateComponentData();
-    });
-  }
-
-  restoreSceneById(id) {}
-
-  // private generateSceneObjectList(scenes: Scene[]) {
-  //   if (scenes) {
-  //     this.componentData = scenes;
-  //   }
-  // }
-
-  private async saveImage(blob): Promise<any> {
-    //上传图片到数据库,返回id
-    let formData = new FormData();
-    console.log("场景图片数据：", blob);
-    formData.append("file", blob as any);
-    return axios.post(this.viewer.options.modelService + `/file-service/files`, formData);
-  }
-
-  // /**
-  //  * 获取当前场景图片
-  //  * @returns 图片Blob数据
-  //  */
-  // public async getImage(width?: number, height?: number, quality = 1): Promise<string> {
-  //   let viewerId = this.viewer.container.id;
-  //   let modelViewer = document.getElementById(viewerId);
-  //   // let canvasList = modelViewer!.getElementsByTagName("canvas");
-
-  //   // let width;
-  //   // let height;
-  //   let targetWidth;
-  //   let targetHeight;
-  //   if (width && height) {
-  //     targetWidth = width;
-  //     targetHeight = height;
-  //   } else {
-  //     targetWidth = this.viewer.width;
-  //     targetHeight = this.viewer.height;
-  //   }
-
-  //   let canvas = document.createElement("canvas");
-  //   canvas.width = targetWidth;
-  //   canvas.height = targetHeight;
-  //   let context = canvas.getContext("2d");
-
-  //   // for (let i = 0; i < canvasList.length; i++) {
-  //   let modelCanvas = document.getElementById("canvas_" + viewerId) as HTMLCanvasElement;
-  //   console.log(modelCanvas);
-  //   let modelBase64Image = modelCanvas.toDataURL("image/png");
-
-  //   //生成模型图片
-  //   let modelImage = new Image();
-  //   modelImage.src = modelBase64Image;
-  //   modelImage.crossOrigin = "Anonymous";
-
-  //   await new Promise<void>((resolve, reject) => {
-  //     modelImage.onload = () => {
-  //       // if (!width && !height) {
-  //       //   targetWidth = modelImage.width;
-  //       //   targetWidth = modelImage.height;
-  //       // }
-  //       context.drawImage(modelCanvas, 0, 0, targetWidth, targetHeight);
-  //       resolve();
-  //     };
-  //   });
-  //   // }
-
-  //   //生成svg图片
-  //   // let svgId = SvgDraw.getInstance(this.viewer.container.id).svgId;
-
-  //   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, targetWidth, targetHeight);
-  //       resolve();
-  //     };
-  //     svgImage.onerror = (e, ee) => {
-  //       console.error(e, ee);
-  //       reject();
-  //     };
-  //   });
-  //   return new Promise((resolve, reject) => {
-  //     let imageData = canvas.toDataURL("image/jpg", quality);
-  //     resolve(imageData);
-  //   });
-  // }
-}