gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/effectPanels/particleEffect/interfaceParticleEffectPanel.vue

@@ -1,242 +0,0 @@
-<template>
-  <div class="interfaceParticleEffectPanel">
-    <div class="block">
-      <el-form :model="particleEffectForm" label-width="82px">
-        <el-form-item label="效果名称：">
-          <el-input type="string" v-model="particleEffectForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="类型：">
-          <el-select v-model="particleEffectForm.type" popper-class="dark-select" size="mini" style="width: 100%">
-            <el-option v-for="item in particleTypeList" :key="item.id" :label="item.name" :value="item.id"></el-option>
-          </el-select>
-        </el-form-item>
-        <!-- <el-form-item label="方向：">
-          <el-input
-            type="number"
-            v-model="particleEffectForm.directionX"
-            size="mini"
-            style="margin-right: 5px"
-            ><template slot="prepend">X</template></el-input
-          >
-          <el-input
-            type="number"
-            v-model="particleEffectForm.directionY"
-            size="mini"
-            style="margin-right: 5px"
-            ><template slot="prepend">Y</template></el-input
-          >
-          <el-input
-            type="number"
-            v-model="particleEffectForm.directionZ"
-            size="mini"
-            ><template slot="prepend">Z</template></el-input
-          >
-        </el-form-item>
-        <el-form-item label="夹角：">
-          <el-input type="number" v-model="particleEffectForm.angle" size="mini"
-            ><template slot="append">°</template></el-input
-          >
-        </el-form-item>
-        <el-form-item label="大小：">
-          <el-input
-            type="number"
-            v-model="particleEffectForm.size"
-            size="mini"
-          ></el-input>
-        </el-form-item> -->
-      </el-form>
-      <!-- <div class="location">
-        <div style="width: 60px">位置：</div>
-        <div>
-          <div style="color: #ff662a">
-            X:
-            {{
-              isNaN(particleEffectForm.X)
-                ? ""
-                : particleEffectForm.X.toFixed(3) + "m"
-            }}
-          </div>
-          <div style="color: #4afb53">
-            Y:
-            {{
-              isNaN(particleEffectForm.Y)
-                ? ""
-                : particleEffectForm.Y.toFixed(3) + "m"
-            }}
-          </div>
-          <div style="color: #4ab2fb">
-            Z:
-            {{
-              isNaN(particleEffectForm.Z)
-                ? ""
-                : particleEffectForm.Z.toFixed(3) + "m"
-            }}
-          </div>
-        </div>
-      </div> -->
-    </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 { Vue, Component, Prop, Inject } from "vue-property-decorator";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { ViewerOperator } from "gs-longan";
-import { CommandSelect } from "../../../commands/commandSelect";
-import particleEffectCommand from "./particleEffectCommand";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import store from "../../../../store";
-import ParticleEffectPanel from "./particleEffectPanel";
-@Component({})
-export default class InterfaceParticleEffectPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  particleTypeList = [
-    {
-      name: "火焰",
-      id: "fire",
-    },
-    {
-      name: "喷水",
-      id: "sprayWater",
-    },
-    {
-      name: "烟雾",
-      id: "smoke",
-    },
-  ];
-  particleEffectForm = {
-    name: null,
-    origin: null,
-    type: null,
-    // directionX: 0,
-    // directionY: 0,
-    // directionZ: 0,
-    // angle: 0,
-    // size: 0,
-    // X: 0,
-    // Y: 0,
-    // Z: 0,
-  };
-
-  getPoint() {
-    let command = new particleEffectCommand();
-    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.selectedPosition;
-    // console.log(origin, "origin");
-    this.particleEffectForm.origin = origin;
-    this.viewer.process.commandManager.execute(new CommandSelect());
-  }
-
-  applyClick() {
-    if (!this.particleEffectForm.origin) {
-      this.$message.warning("还未选择粒子原点");
-      return;
-    }
-    this.viewer.panelManager.getPanelByName<ParticleEffectPanel>("ParticleEffectPanel").create(this.particleEffectForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<ParticleEffectPanel>("ParticleEffectPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager.getPanelByName<ParticleEffectPanel>("ParticleEffectPanel").saveEffect().then(() => {
-      store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-      store.commit("toolbar/setShowLeftComponent", true);
-      this.viewer.panelManager.getPanelByName<ParticleEffectPanel>("ParticleEffectPanel").hide();
-    });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "lizixiaoguo",
-      title: "粒子效果",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-.interfaceParticleEffectPanel {
-  height: 100%;
-  .block {
-    padding: 15px;
-    height: calc(100% - 77px);
-    overflow-y: auto;
-    text-align: left;
-    :deep(.el-form) {
-      .el-form-item {
-        .el-input-number {
-          flex: 1;
-          .el-input-number__increase,
-          .el-input-number__decrease {
-            display: none;
-          }
-          .el-input__inner {
-            padding: 0 8px;
-            flex: 1;
-          }
-        }
-        .text {
-          padding: 0 5px;
-          text-align: center;
-          display: flex;
-          align-items: center;
-        }
-      }
-    }
-    .location {
-      display: flex;
-      line-height: 30px;
-    }
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid #464646;
-    padding: 10px 15px;
-    // :deep(.el-button) {
-    //   background-color: transparent;
-    //   // color: $gs-btn-default-color;
-    //   // border-color: $gs-btn-default-color;
-    //   padding: 6px 10px;
-    //   &:hover {
-    //     color: #fff;
-    //     border-color: #fff;
-    //   }
-    //   &.el-button--primary {
-    //     color: #ffffff;
-    //     background-color: $gs-primary;
-    //     border-color: $gs-primary;
-    //     &:hover {
-    //       background-color: #5145e4;
-    //       border-color: #5145e4;
-    //     }
-    //   }
-    // }
-  }
-}
-</style>

package/src/viewerWrapper/panels/effectPanels/particleEffect/particleEffectCommand.ts

@@ -1,17 +0,0 @@
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import { Command } from "../../../../../../longan/src";
-
-export default class ParticleEffectCommand 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/particleEffect/particleEffectPanel.ts

@@ -1,86 +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 fireEffect, { FireEffectOption } from "gs-bim-air-core/sdk/animation/fireEffect/fireEffect";
-import smokeEffect, { SmokeEffectOption } from "gs-bim-air-core/sdk/animation/smokeEffect/smokeEffect";
-import sprayWaterEffect, {
-  SprayWaterEffectOption,
-} from "gs-bim-air-core/sdk/animation/sprayWaterEffect/sprayWaterEffect";
-import { Vector3 } from "../../../../../../longan/src";
-
-export default class ParticleEffectPanel extends Panel {
-  typeName: string = "ParticleEffectPanel";
-  effect = null;
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceParticleEffectPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  create(particleEffectForm: { name: string; origin: Vector3; type: string }) {
-    this.viewer.selectionManager.clearSelectionAndHighlight();
-
-    if (particleEffectForm.type === "fire") {
-      this.viewer
-        .loadEffect<fireEffect>({
-          name: particleEffectForm.name,
-          type: particleEffectForm.type,
-          options: { position: particleEffectForm.origin.asArray() },
-        })
-        .then((effect) => {
-          this.effect = effect;
-          return this.effect;
-          // fireEffect.show();
-        });
-    } else if (particleEffectForm.type === "sprayWater") {
-      this.viewer
-        .loadEffect<sprayWaterEffect>({
-          name: particleEffectForm.name,
-          type: particleEffectForm.type,
-          options: { position: particleEffectForm.origin.asArray() },
-        })
-        .then((effect) => {
-          this.effect = effect;
-          return this.effect;
-          // fireEffect.show();
-        });
-    } else if (particleEffectForm.type === "smoke") {
-      this.viewer
-        .loadEffect<smokeEffect>({
-          name: particleEffectForm.name,
-          type: particleEffectForm.type,
-          options: { position: particleEffectForm.origin.asArray() },
-        })
-        .then((effect) => {
-          this.effect = effect;
-          return this.effect;
-          // fireEffect.show();
-        });
-    }
-  }
-
-  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/radarScanEffect/interfaceRadarScanEffectPanel.vue

@@ -1,164 +0,0 @@
-<template>
-  <div class="interfaceRadarScanEffectPanel">
-    <div class="block">
-      <el-form :model="radarScanForm" label-width="100px">
-        <!-- <el-form-item label="位置：">
-          <div class="positionBlock">
-            <div class="position">
-              <div>X：{{ radarScanForm.position.X }}Y：{{ radarScanForm.position.Y }}Z：{{ radarScanForm.position.Z }}</div>
-            </div>
-          </div>
-        </el-form-item> -->
-        <el-form-item label="效果名称：">
-          <el-input v-model="radarScanForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="半径：">
-          <el-input v-model="radarScanForm.radius" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="持续时间：">
-          <el-input v-model="radarScanForm.duration" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="颜色：">
-          <el-color-picker v-model="radarScanForm.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 "../../../../viewerWrapper/commands/commandSelect";
-import RadarScanEffectCommand from "./radarScanEffectCommand";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import store from "../../../../store";
-import RadarScanEffectPanel from "./radarScanEffectPanel";
-// import { ViewerEvent } from "gs-longan/viewer";
-@Component({})
-export default class InterfaceRadarScanEffectPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  radarScanForm = {
-    name: null,
-    origin: null,
-    radius: null,
-    duration: null,
-    color: "#2CD0AF",
-    position: {
-      X: null,
-      Y: null,
-      Z: null,
-    },
-  };
-  colorChange(color) {
-    this.radarScanForm.color = color;
-  }
-  getPoint() {
-    let command = new RadarScanEffectCommand();
-    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.selectedPosition;
-    // console.log(origin, "origin");
-    this.radarScanForm.origin = origin.asArray();
-    this.viewer.process.commandManager.execute(new CommandSelect());
-  }
-
-  applyClick() {
-    if (!this.radarScanForm.origin) {
-      this.$message.warning("还未选择扫描原点");
-      return;
-    }
-    this.radarScanForm.radius = parseInt(this.radarScanForm.radius);
-    this.radarScanForm.duration = parseInt(this.radarScanForm.duration);
-    this.viewer.panelManager.getPanelByName<RadarScanEffectPanel>("RadarScanEffectPanel").create(this.radarScanForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<RadarScanEffectPanel>("RadarScanEffectPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager
-      .getPanelByName<RadarScanEffectPanel>("RadarScanEffectPanel")
-      .saveEffect()
-      .then(() => {
-        store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-        store.commit("toolbar/setShowLeftComponent", true);
-        this.viewer.panelManager.getPanelByName<RadarScanEffectPanel>("RadarScanEffectPanel").hide();
-      });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "a-leidasaomiao2",
-      title: "雷达扫描",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-.interfaceRadarScanEffectPanel {
-  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>

package/src/viewerWrapper/panels/effectPanels/radarScanEffect/radarScanEffectCommand.ts

@@ -1,17 +0,0 @@
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import { Command } from "../../../../../../longan/src";
-
-export default class RadarScanEffectCommand 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/radarScanEffect/radarScanEffectPanel.ts

@@ -1,89 +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 FanScanEffect, { FanScanEffectOption } from "gs-bim-air-core/sdk/animation/fanScanEffect/fanScanEffect";
-
-export default class RadarScanEffectPanel extends Panel {
-  typeName: string = "RadarScanEffectPanel";
-  effect: FanScanEffect;
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceRadarScanEffectPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public 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(radarScanForm: {
-    name: string;
-    origin: number[];
-    radius: number;
-    duration: number;
-    color: string;
-    position: {
-      X: number;
-      Y: number;
-      Z: number;
-    };
-  }) {
-    // let components = this.viewer.selectionManager.selectedObjects.map((item) => {
-    //   return { modelId: item.modelId, code: item.componentId };
-    // });
-    this.viewer.selectionManager.clearSelectionAndHighlight();
-
-    let options: FanScanEffectOption["options"] = {
-      color: this.hexToRgb(radarScanForm.color),
-      backgroundColor: [0, 0, 0, 0.05],
-      fanAngle: Math.PI,
-      origin: radarScanForm.origin,
-      radius: radarScanForm.radius,
-      duration: radarScanForm.duration,
-    };
-    // let fanScanEffect = new FanScanEffect(this.viewer, "扇形扫描", options);
-    this.viewer
-      .loadEffect<FanScanEffect>({
-        name: radarScanForm.name,
-        type: "fanScan",
-        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);
-  }
-}