gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/effectPanels/componentEmissive/interfaceComponentEmissivePanel.vue

@@ -1,114 +0,0 @@
-<template>
-  <div class="interfaceComponentEmissivePanel">
-    <div class="block" style="overflow-y: auto">
-      <el-form :model="emissiveForm" label-position="right" label-width="90px" style="padding-top: 15px">
-        <el-form-item label="效果名称：">
-          <el-input v-model="emissiveForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="发光强度：">
-          <el-input type="number" v-model="emissiveForm.emissiveRank" size="mini"></el-input>
-          <div class="text">(Lux)</div>
-        </el-form-item>
-        <el-form-item label="发光半径：">
-          <el-input type="number" v-model="emissiveForm.emissiveRadius" size="mini"></el-input>
-          <div class="text">(px)</div>
-        </el-form-item>
-        <el-form-item label="发光颜色：">
-          <el-color-picker show-alpha size="small" v-model="emissiveForm.color" @change="colorChange"></el-color-picker>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="bottom">
-      <el-button>取消</el-button>
-      <el-button type="primary" @click="applyClick">应用</el-button>
-      <el-button v-if="viewer.options.ableSave" type="primary" @click="saveClick">保存</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 ComponentEmissivePanel from "./componentEmissivePanel";
-@Component({})
-export default class InterfaceComponentEmissivePanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  emissiveForm = {
-    name: "",
-    emissiveRank: null,
-    emissiveRadius: null,
-    color: "#FFFF00",
-  };
-  colorChange(color) {
-    this.emissiveForm.color = color;
-  }
-  applyClick() {
-    let color = this.emissiveForm.color
-      .replace("rgba(", "")
-      .replace(")", "")
-      .split(",")
-      .map((item) => Number(item));
-    this.emissiveForm.emissiveRank = Number(this.emissiveForm.emissiveRank);
-    this.emissiveForm.emissiveRadius = Number(this.emissiveForm.emissiveRadius);
-    this.viewer.panelManager.getPanelByName<ComponentEmissivePanel>("ComponentEmissivePanel").create(this.emissiveForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<ComponentEmissivePanel>("ComponentEmissivePanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager
-      .getPanelByName<ComponentEmissivePanel>("ComponentEmissivePanel")
-      .saveEffect()
-      .then(() => {
-        store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-        store.commit("toolbar/setShowLeftComponent", true);
-        this.viewer.panelManager.getPanelByName<ComponentEmissivePanel>("ComponentEmissivePanel").hide();
-      });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "faguangxiaoguo",
-      title: "构件自发光",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-.interfaceComponentEmissivePanel {
-  height: 100%;
-  .block {
-    text-align: left;
-    height: calc(100% - 47px);
-    padding: 0 15px;
-    overflow: hidden;
-    .text {
-      width: 40px;
-      text-align: left;
-      display: flex;
-      align-items: center;
-      margin-left: 10px;
-    }
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid #464646;
-    padding: 10px 15px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/effectPanels/electricWall/electricWallPanel.ts

@@ -1,65 +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 multiPointCommand from "../../../commands/multiPoint/multiPointCommand";
-import wallEffect from "gs-bim-air-core/sdk/animation/wallEffect/wallEffect";
-
-export default class ElectricWallPanel extends Panel {
-  typeName: string = "ElectricWallPanel";
-  effect: wallEffect;
-  src = "/js/images/wall/wall.png";
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceElectricWallEffectPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  create(electricWallForm: { name: string; height: number }) {
-    this.viewer.process.commandManager.execute(new multiPointCommand());
-
-    //手动创建电子围栏
-    multiPointCommand.addWallObject = (path) => {
-      let wallEffect = this.viewer
-        .loadEffects([
-          {
-            name: electricWallForm.name,
-            type: "wall",
-            options: {
-              points: Array.from(path),
-              height: electricWallForm.height,
-              imageSrc: this.src,
-            },
-          },
-        ])
-        .then((effects) => {
-          this.effect = effects[0] as wallEffect;
-          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/effectPanels/electricWall/interfaceElectricWallEffectPanel.vue

@@ -1,109 +0,0 @@
-<template>
-  <div class="showElectricWallEffect">
-    <div class="content">
-      <el-form :model="electricWallForm" label-position="right" label-width="90px">
-        <el-form-item label="效果名称：">
-          <el-input v-model="electricWallForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="围栏高度：">
-          <el-input type="number" v-model="electricWallForm.height" size="mini"></el-input>
-          <div class="text">(m)</div>
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="bottom">
-      <el-button @click="cancelEdit">取消</el-button>
-      <el-button type="primary" @click="applyClick">选点</el-button>
-      <el-button v-if="viewer.options.ableSave" type="primary" @click="saveClick">保存</el-button>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import store from "../../../../store";
-import { CommandSelect } from "../../../../viewerWrapper/commands/commandSelect";
-import ElectricWallPanel from "./electricWallPanel";
-
-@Component({
-  components: {},
-})
-export default class InterfaceElectricWallEffectPanel extends Vue {
-  electricWallForm = {
-    name: null,
-    height: null,
-    // scale:null
-  };
-
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  cancelEdit() {}
-
-  applyClick() {
-    this.electricWallForm.height = parseInt(this.electricWallForm.height);
-    this.viewer.panelManager.getPanelByName<ElectricWallPanel>("ElectricWallPanel").create(this.electricWallForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<ElectricWallPanel>("ElectricWallPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager.getPanelByName<ElectricWallPanel>("ElectricWallPanel").saveEffect().then(() => {
-      store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-      store.commit("toolbar/setShowLeftComponent", true);
-      this.viewer.panelManager.getPanelByName<ElectricWallPanel>("ElectricWallPanel").hide();
-      this.viewer.process.commandManager.execute(new CommandSelect());
-    });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "dianziweilan",
-      title: "电子围栏",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style scoped lang="scss">
-@import "../../../../assets/scss/site";
-.showElectricWallEffect {
-  height: 100%;
-  .content {
-    text-align: left;
-    padding: 15px 15px 0 15px;
-    height: calc(100% - 62px);
-    overflow-y: auto;
-    .text {
-      width: 40px;
-      text-align: left;
-      display: flex;
-      align-items: center;
-      margin-left: 10px;
-    }
-    .el-row {
-      display: flex;
-      align-items: center;
-      width: 100%;
-      margin-bottom: 15px;
-    }
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid #464646;
-    padding: 10px 15px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/effectPanels/heatMap/heatMapEffectPanel.ts

@@ -1,87 +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 heatMap2DEffect, { HeatMap2DEffectOption } from "gs-bim-air-core/sdk/animation/heatMap2DEffect/heatMap2DEffect";
-import { TreeNodeObject } from "gs-bim-air-core/gsDevFx/objects/treeNodeObject";
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class HeatMapEffectPanel extends Panels.HeatMapEffectPanel {
-  effect: heatMap2DEffect;
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceHeatMapEffectPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide(): void {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // create(heatMapForm: {
-  //   selectedComponents: TreeNodeObject[];
-  //   hotSpots: { point: number[]; value: number }[];
-  //   name: string;
-  // }) {
-  //   //当前选中热源点
-  //   // let heatMapData = [
-  //   //   {
-  //   //     point: heatMapForm.hotSpots,
-  //   //     value: 9,
-  //   //   },
-  //   //   // { point: Array.from(viewer.coordinateManager.worldToLocal(new Float64Array([3.8, 17.5, 7.3]))), value: 9 },
-  //   //   // { point: Array.from(viewer.coordinateManager.worldToLocal(new Float64Array([12.688, 16.359, 2.798]))), value: 6 },
-  //   // ];
-  //   //设置热源对应颜色
-  //   let heatMapColor = [
-  //     { value: 2, color: [0.1, 0.1, 1] },
-  //     { value: 4, color: [0, 0.9, 0.5] },
-  //     { value: 6, color: [0.2, 1, 0] },
-  //     { value: 8, color: [1, 1, 0] },
-  //     { value: 10, color: [1, 0.2, 0] },
-  //   ];
-  //   //热力图配置
-  //   let options: HeatMap2DEffectOption["options"] = {
-  //     // modelId: heatMapForm.modelId,
-  //     // componentIds: heatMapForm.selectedComponents,
-  //     components: heatMapForm.selectedComponents.map((val) => {
-  //       return { modelId: val.modelId, componentId: val.componentId };
-  //     }),
-  //     heatMapData: heatMapForm.hotSpots,
-  //     heatMapColor,
-  //   };
-
-  //   this.viewer
-  //     .loadEffect<heatMap2DEffect>({
-  //       name: heatMapForm.name,
-  //       type: "heatMap2D",
-  //       options,
-  //     })
-  //     .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/effectPanels/hemisphereScan/hemisphereScanCommand.ts

@@ -1,17 +0,0 @@
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import { Command } from "../../../../../../longan/src";
-
-export default class HemisphereScanCommand extends Command {
-  constructor() {
-    super();
-  }
-
-  begin(): void {
-    this.viewer.operatorManager.clear();
-    let gpuPreSelector = new GPUPreSelector();
-    this.viewer.operatorManager.add(gpuPreSelector);
-    gpuPreSelector.edgeSelection = true;
-    gpuPreSelector.faceSelection = true;
-  }
-  end(): void {}
-}

package/src/viewerWrapper/panels/effectPanels/hemisphereScan/hemisphereScanPanel.ts

@@ -1,75 +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 hemisphereScanEffect, {
-  HemisphereScanEffectOption,
-} from "gs-bim-air-core/sdk/animation/hemisphereScanEffect/hemisphereScanEffect";
-
-export default class HemisphereScanPanel extends Panel {
-  typeName: string = "HemisphereScanPanel";
-  effect: hemisphereScanEffect;
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceHemisphereScanPanel.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 [r, g, b, 1];
-  }
-
-  create(hemisphereScanForm: { name: string; origin: number[]; radius: number; duration: number; color: string }) {
-    this.viewer.selectionManager.clearSelectionAndHighlight();
-
-    let options: HemisphereScanEffectOption["options"] = {
-      color: this.hexToRgb(hemisphereScanForm.color),
-      angle: Math.PI / 2,
-      origin: hemisphereScanForm.origin,
-      radius: hemisphereScanForm.radius,
-      duration: hemisphereScanForm.duration,
-    };
-    // let fanScanEffect = new FanScanEffect(this.viewer, "扇形扫描", options);
-    this.viewer
-      .loadEffect<hemisphereScanEffect>({
-        name: hemisphereScanForm.name,
-        type: "hemisphereScan",
-        options,
-      })
-      .then((effect) => {
-        // console.log(effect, "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/effectPanels/hemisphereScan/interfaceHemisphereScanPanel.vue

@@ -1,159 +0,0 @@
-<template>
-  <div class="interfaceHemisphereScanPanel">
-    <div class="block">
-      <el-form :model="hemisphereScanForm" label-width="100px">
-        <el-form-item label="效果名称：">
-          <el-input v-model="hemisphereScanForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="半径：">
-          <el-input v-model="hemisphereScanForm.radius" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="持续时间：">
-          <el-input v-model="hemisphereScanForm.duration" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="颜色：">
-          <el-color-picker v-model="hemisphereScanForm.color" size="small" @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="getPoint">选点</el-button>
-      <el-button type="primary" @click="applyClick">应用</el-button>
-      <el-button v-if="viewer.options.ableSave" type="primary" @click="saveClick">保存</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 { ViewerOperator } from "gs-longan";
-import { CommandSelect } from "../../../commands/commandSelect";
-import HemisphereScanCommand from "./hemisphereScanCommand";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import store from "../../../../store";
-import HemisphereScanPanel from "./hemisphereScanPanel";
-// import { ViewerEvent } from "gs-longan/viewer";
-@Component({})
-export default class interfaceHemisphereScanPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  hemisphereScanForm = {
-    name: null,
-    origin: null,
-    radius: null,
-    duration: null,
-    color: "#2CD0AF",
-    position: {
-      X: null,
-      Y: null,
-      Z: null,
-    },
-  };
-  colorChange(color) {
-    this.hemisphereScanForm.color = color;
-  }
-  getPoint() {
-    let command = new HemisphereScanCommand();
-    this.viewer.process.commandManager.execute(command);
-    let gpuPreSelector = this.viewer.operatorManager.find<GPUPreSelector>("GPUPreSelector");
-    gpuPreSelector.lButtonDown.add(() => {
-      this.setPoint(gpuPreSelector);
-    });
-  }
-
-  setPoint(sender: GPUPreSelector) {
-    let gpuPreSelector = sender as GPUPreSelector;
-    // let origin = gpuPreSelector.selectedOriginPosition;
-
-    let origin = gpuPreSelector.selectedPosition;
-    // console.log(origin, "origin");
-    this.hemisphereScanForm.origin = origin.asArray();
-    this.viewer.process.commandManager.execute(new CommandSelect());
-  }
-
-  applyClick() {
-    if (!this.hemisphereScanForm.origin) {
-      this.$message.warning("还未选择发光原点");
-      return;
-    }
-    this.hemisphereScanForm.radius = parseInt(this.hemisphereScanForm.radius);
-    this.hemisphereScanForm.duration = parseInt(this.hemisphereScanForm.duration);
-    this.viewer.panelManager.getPanelByName<HemisphereScanPanel>("HemisphereScanPanel").create(this.hemisphereScanForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<HemisphereScanPanel>("HemisphereScanPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager
-      .getPanelByName<HemisphereScanPanel>("HemisphereScanPanel")
-      .saveEffect()
-      .then(() => {
-        store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-        store.commit("toolbar/setShowLeftComponent", true);
-        this.viewer.panelManager.getPanelByName<HemisphereScanPanel>("HemisphereScanPanel").hide();
-      });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "a-banqiusaomiao2",
-      title: "半球扫描",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-.interfaceHemisphereScanPanel {
-  height: 100%;
-  .block {
-    padding: 15px;
-    height: calc(100% - 77px);
-    overflow-y: auto;
-    text-align: left;
-    .positionBlock {
-      border-top: 1px solid #aaa;
-      display: flex;
-      line-height: 30px;
-      padding: 10px 0;
-      .title {
-        text-align: right;
-        width: 65px;
-      }
-      .position {
-        :nth-child(1) {
-          color: #ff662a;
-        }
-        :nth-child(2) {
-          color: #4afb53;
-        }
-        :nth-child(3) {
-          color: #4ab2fb;
-        }
-      }
-    }
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid #464646;
-    padding: 10px 15px;
-  }
-}
-</style>