gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/componentBlink/componentBlinkPanel.ts

@@ -1,68 +0,0 @@
-import Panel from "../panel";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { FlashingEffect } from "gs-bim-air-core/sdk/animation";
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class ComponentBlinkPanel extends Panels.ComponentBlinkPanel {
-  typeName = "ComponentBlinkPanel";
-
-  effect: FlashingEffect;
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfaceComponentBlinkPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide(): void {
-    // this.effect.dispose();
-    // this.effect = null;
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // create(duration: number, color: number[]) {
-  //   let components = this.viewer.selectionManager.selectedObjects.map((item) => {
-  //     return { modelId: item.modelId, code: item.componentId };
-  //   });
-  //   this.viewer.selectionManager.clearSelectionAndHighlight();
-  //   if (this.effect) {
-  //     this.removeEffect();
-  //   }
-  //   return this.viewer
-  //     .loadEffect<FlashingEffect>({
-  //       type: "flashing",
-  //       name: "构件闪烁",
-  //       components,
-
-  //       options: {
-  //         duration,
-  //         color,
-  //       },
-  //     })
-  //     .then((effect) => {
-  //       this.effect = effect;
-  //       return this.effect;
-  //     });
-  // }
-
-  // removeEffect() {
-  //   this.effect.dispose();
-  //   this.effect = null;
-  // }
-
-  // saveEffect() {
-  //   return this.viewer.effectManager.addEffect(this.effect);
-  // }
-
-  // editEffect() {
-  //   return this.viewer.effectManager.editEffect(this.effect);
-  // }
-}

package/src/viewerWrapper/panels/componentBlink/interfaceComponentBlinkPanel.vue

@@ -1,140 +0,0 @@
-<template>
-  <div class="interfaceComponentBlinkPanel">
-    <div class="block">
-      <el-form :model="blinkForm">
-        <el-form-item label="闪烁时长：">
-          <el-input type="number" v-model="blinkForm.binkSecond" size="mini">
-            <template slot="append">s</template>
-          </el-input>
-        </el-form-item>
-        <el-form-item label="闪烁颜色：">
-          <el-color-picker
-            show-alpha
-            color-format="hex"
-            size="small"
-            v-model="blinkForm.color"
-            @change="colorChange"></el-color-picker>
-        </el-form-item>
-        <!-- <el-form-item label="间隔时长：">
-          <el-input type="number" v-model="blinkForm.gapSecond" size="mini">
-            <template slot="append">s</template>
-          </el-input>
-        </el-form-item> -->
-      </el-form>
-    </div>
-    <div class="bottom">
-      <el-button @click="cancelClick">取消</el-button>
-      <el-button type="primary" @click="applyClick">应用</el-button>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Vue, Component, Prop, Inject } from "vue-property-decorator";
-import store from "../../../store";
-import ComponentBlinkPanel from "./componentBlinkPanel";
-@Component({})
-export default class InterfaceComponentBlinkPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  blinkForm = {
-    binkSecond: 1,
-    gapSecond: 0,
-    color: "#ffff0080",
-  };
-
-  colorChange(val) {
-    console.log("color", val);
-  }
-
-  cancelClick() {
-    this.viewer.panelManager.getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel").hide();
-    this.viewer.panelManager.getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel").removeEffect();
-  }
-
-  applyClick() {
-    let color = this.blinkForm.color
-      .replace("rgba(", "")
-      .replace(")", "")
-      .split(",")
-      .map((item) => Number(item));
-    this.viewer.panelManager
-      .getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel")
-      .create(this.blinkForm.binkSecond, color);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager
-      .getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel")
-      .saveEffect()
-      .then(() => {
-        store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-        this.viewer.panelManager.getPanelByName<ComponentBlinkPanel>("ComponentBlinkPanel").hide();
-      });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "goujianshanshuo",
-      title: "构件闪烁",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-.interfaceComponentBlinkPanel {
-  height: 100%;
-  .block {
-    padding: 15px;
-    height: calc(100% - 77px);
-    overflow-y: auto;
-    text-align: left;
-
-    :deep(.el-input-group) {
-      .el-input-group__prepend,
-      .el-input-group__append {
-        padding: 0 10px;
-        background: rgba(255, 255, 255, 0.2);
-        border-color: transparent;
-        color: #fff;
-      }
-      &.el-input-group--prepend {
-        .el-input__inner {
-          border-radius: 0 5px 5px 0;
-        }
-      }
-      &.el-input-group--append {
-        .el-input__inner {
-          border-radius: 5px 0 0 5px;
-          &:focus {
-            border-right: none;
-          }
-        }
-      }
-    }
-  }
-
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid #464646;
-    padding: 10px 15px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/componentInfo/componentInfoPanel.ts

@@ -1,27 +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 ComponentInfoPanel extends Panel {
-  typeName = "ComponentInfoPanel";
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-        if (!this.panelComponent) {
-
-    this.panelComponent = new PanelStore(this, () => import("./interfaceComponentInfoPanel.vue"));
-        }
-    this.panelComponent.show();
-    super.show();
-    // this.createImage()
-  }
-
-  hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-}

package/src/viewerWrapper/panels/componentInfo/interfaceComponentInfoPanel.vue

@@ -1,98 +0,0 @@
-<template>
-  <div class="ShowInfo">
-    <div class="main">
-      <div class="input-row">
-        <span>构件面积：</span>
-        <span>{{ area }}</span>
-      </div>
-      <div class="input-row">
-        <span>构件体积：</span>
-        <span>{{ volume }}</span>
-      </div>
-    </div>
-
-    <div class="bottom">
-      <el-button type="primary" @click="update">刷新</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 ShowComponentInfo extends Vue {
-  @Prop() componentData;
-
-  @Inject() getViewer;
-
-  area = "";
-  volume = "";
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  update() {}
-
-  setData() {
-    this.$emit("setData", {
-      icon: "goujianxinxi",
-      title: "构件信息",
-      bottom: "10px",
-      right: "10px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-.ShowInfo {
-  color: white;
-  // min-width: 300px;
-  height: 100%;
-  font-size: 14px;
-
-  .main {
-    padding: 10px 0;
-    height: calc(100% - 46px);
-    box-sizing: border-box;
-    overflow: auto;
-    .input-row {
-      padding: 5px 0;
-      text-align: left;
-
-      span {
-        display: inline-block;
-
-        &:first-child {
-          width: 100px;
-          text-align: right;
-        }
-
-        &:last-child {
-          padding-left: 20px;
-        }
-      }
-    }
-  }
-
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid rgba(255, 255, 255, 0.15);
-    padding: 10px 15px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/drawing/drawingPanel.ts

@@ -1,105 +0,0 @@
-import Panel from "../panel";
-
-import * as Longan from "gs-longan";
-import { threeChannelToFourChannel, imageDataToSrc } from "../../../utils/fileUtility";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { modelService } from "../../../api/modelService";
-
-interface Drawings {
-  Name: string;
-  Items: { Name: string; Path: string; Image: string }[];
-}
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class DrawingPanel extends Panels.DrawingPanel {
-  // lightmodel = null;
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-    // this.componentData = [];
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfaceDrawingPanel.vue"));
-    }
-    this.panelComponent.show();
-
-    // this.componentData = [];
-    // // this.lightmodel = this.viewer.process.findRenderObject("LightModel");
-    // // this.getDrawingList(this.lightmodel.segment);
-    // super.show();
-    // console.log("this.viewer.modelIds", this.viewer.modelIds);
-    // this.viewer.modelIds.forEach((modelId) => {
-    //   modelService.getResource(modelId, "/Extensions/2d-drawings.json").then((data: Drawings) => {
-    //     data.Items.forEach((item) => {
-    //       this.componentData.push({
-    //         modelId,
-    //         name: item.Name,
-    //         image: item.Image,
-    //         path: item.Path,
-    //       });
-    //     });
-    //   });
-    // });
-  }
-
-  hide() {
-    // this.lightmodel = null;
-    // this.componentData = [];
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // getDrawingList(segment: Longan.Segment) {
-  //   if (segment.subsegmentExists("main/二维图纸")) {
-  //     let darwingSegment = segment.subsegment("main/二维图纸");
-  //     let subs = darwingSegment.subsegments;
-  //     if (subs.count > 0) {
-  //       for (let i = 0; i < subs.count; i++) {
-  //         let sub = subs.items[i];
-  //         let drawing = new Drawing();
-  //         drawing.name = sub.name;
-  //         drawing.segment = sub;
-  //         let geometries = sub.geometries;
-  //         for (let j = 0; j < geometries.count; j++) {
-  //           let geometry = geometries.items[j];
-  //           if (geometry.typeName === "Image") {
-  //             let image = geometry as Longan.Image;
-  //             if (image.externalLoad && image.id) {
-  //               // let url = this.viewer.getAsynImageAction.url + image.id;
-  //               let url = image.id;
-  //               fetch(url).then((response) => {
-  //                 response.blob().then((blob) => {
-  //                   blob.arrayBuffer().then((buffer) => {
-  //                     if (image.format === "rgb") {
-  //                       let imageData = threeChannelToFourChannel(new Uint8Array(buffer));
-  //                       drawing.imageSrc = imageDataToSrc(imageData, image.size.width, image.size.height);
-  //                       this.componentData.push(drawing);
-  //                     }
-  //                   });
-  //                 });
-  //               });
-  //             } else {
-  //               let imageData = image.data;
-  //               if (image.format === "rgb") {
-  //                 imageData = threeChannelToFourChannel(imageData);
-  //               }
-  //               drawing.imageSrc = imageDataToSrc(imageData, image.size.width, image.size.height);
-  //               this.componentData.push(drawing);
-  //             }
-  //           }
-  //         }
-  //       }
-  //     }
-  //   }
-  // }
-}
-
-// export class Drawing {
-//   imageSrc: string;
-//   name: string;
-//   segment: Longan.Segment;
-// }

package/src/viewerWrapper/panels/drawing/interfaceDrawingPanel.vue

@@ -1,126 +0,0 @@
-<template>
-  <div class="showDrawing">
-    <div class="twoD-threeD-wrapper">
-      <div class="item" v-for="(item, index) in drawingList" :key="index" @click="showDrawingClick(item)">
-        <img :src="'data:image/png;base64,' + item.image" />
-        <div class="mask"></div>
-        <span>{{ item.name }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import CommandShowDrawingItem from "../../commands/showDrawingItem/commandShowDrawingItem";
-
-@Component({
-  components: {},
-})
-export default class InterfaceDrawingPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-  defaultPanelData = {};
-  currentCommand: CommandShowDrawingItem = null;
-
-  get viewer() {
-    return this.getViewer();
-  }
-
-  get drawingList() {
-    return this.componentData || this.defaultPanelData;
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "二维图纸",
-      bottom: "20px",
-      right: "20px",
-      height: "500px",
-      width: "260px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-
-  showDrawingClick(item) {
-    this.currentCommand = this.viewer.process.commandManager.currentCommand;
-    if (this.currentCommand.typeName !== "CommandShowDrawingItem") {
-      this.currentCommand = new CommandShowDrawingItem();
-      this.viewer.process.commandManager.execute(this.currentCommand);
-    }
-    setTimeout(() => {
-      this.currentCommand.switchDrawing(item);
-    }, 200);
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle";
-
-.showDrawing {
-  color: $gs-primary-fontColor;
-  background-color: $gs-primary-background2;
-  display: flex;
-  height: 100%;
-}
-
-.add-icon-wrapper {
-  width: 40px;
-  margin: auto;
-
-  i {
-    margin: auto;
-    cursor: pointer;
-    font-size: 25px;
-    padding: 10px 0;
-  }
-}
-
-.twoD-threeD-wrapper {
-  position: absolute;
-  top: 10px;
-  bottom: 0;
-  //width: 250px;
-  flex: 1;
-  overflow: auto;
-  overflow-x: hidden;
-
-  .item {
-    padding: 0 10px 0 10px;
-    position: relative;
-    width: 230px;
-    height: 140px;
-
-    img {
-      width: 100%;
-      height: 100%;
-      //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;
-
-      i {
-        cursor: pointer;
-        padding: 10px;
-      }
-    }
-  }
-}
-</style>

package/src/viewerWrapper/panels/effectPanels/componentEmissive/componentEmissivePanel.ts

@@ -1,80 +0,0 @@
-import PanelStore from "../../panel";
-import Panel from "gs-bim-air-core/panels/panel";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { FlashingEffect } from "gs-bim-air-core/sdk/animation";
-import { EmissiveEffectOption } from "gs-bim-air-core/sdk/animation/emissiveEffect/emissiveEffect";
-import emissiveEffect from "gs-bim-air-core/sdk/animation/emissiveEffect/emissiveEffect";
-
-export default class ComponentEmissivePanel extends Panel {
-  typeName: string = "ComponentEmissivePanel";
-  effect: emissiveEffect;
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    // this.panelComponent = new PanelStore(this, () => import("./interfaceComponentEmissivePanel.vue"));
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceComponentEmissivePanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  hexToRgb(hex) {
-    // 移除开头的 # 符号
-    hex = hex.replace("#", "");
-    // 提取红、绿、蓝分量
-    const r = parseInt(hex.substring(0, 2), 16);
-    const g = parseInt(hex.substring(2, 4), 16);
-    const b = parseInt(hex.substring(4, 6), 16);
-    // 返回 RGB 数组
-    return new Float32Array([r, g, b, 1]);
-  }
-
-  create(emissiveForm: { name: string; emissiveRank: number; emissiveRadius: number; color: string }) {
-    let components = this.viewer.selectionManager.selectedObjects.map((item) => {
-      return { modelId: item.modelId, code: item.componentId };
-    });
-    this.viewer.selectionManager.clearSelectionAndHighlight();
-
-    let options: EmissiveEffectOption["options"] = {
-      // components: components,
-      color: Array.from(this.hexToRgb(emissiveForm.color)),
-      radius: emissiveForm.emissiveRadius,
-      strength: emissiveForm.emissiveRank,
-      // components,
-    };
-
-    this.viewer
-      .loadEffect<emissiveEffect>({
-        name: emissiveForm.name,
-        type: "emissive",
-        options: options,
-        components,
-      })
-      .then((effect) => {
-        this.effect = effect;
-        return this.effect;
-      });
-  }
-
-  removeEffect() {
-    this.effect.dispose();
-    this.effect = null;
-  }
-
-  saveEffect() {
-    return this.viewer.effectManager.addEffect(this.effect);
-  }
-
-  editEffect() {
-    return this.viewer.effectManager.editEffect(this.effect);
-  }
-}