gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/effectPanels/spotLight/interfaceSpotLightEffectPanel.vue

@@ -1,134 +0,0 @@
-<template>
-  <div class="interfaceSpotLightEffectPanel">
-    <div class="block">
-      <el-form :model="spotLightForm" label-width="100px">
-        <el-form-item label="效果名称：">
-          <el-input v-model="spotLightForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="颜色：">
-          <el-color-picker v-model="spotLightForm.color" size="small" @change="colorChange"></el-color-picker>
-        </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 { CommandSelect } from "../../../commands/commandSelect";
-import spotLightEffectCommand from "./spotLightEffectCommand";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import store from "../../../../store";
-import SpotLightEffectPanel from "./spotLightEffectPanel";
-// import { ViewerEvent } from "gs-longan/viewer";
-@Component({})
-export default class InterfaceSpotLightEffectPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  spotLightForm = {
-    name: null,
-    origin: null,
-    color: "#FFFF00",
-  };
-  colorChange(color) {
-    this.spotLightForm.color = color;
-  }
-  getPoint() {
-    let command = new spotLightEffectCommand();
-    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.spotLightForm.origin = origin.asArray();
-    this.viewer.process.commandManager.execute(new CommandSelect());
-  }
-
-  applyClick() {
-    if (!this.spotLightForm.origin) {
-      this.$message.warning("还未选择聚光灯原点");
-      return;
-    }
-    this.viewer.panelManager.getPanelByName<SpotLightEffectPanel>("SpotLightEffectPanel").create(this.spotLightForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<SpotLightEffectPanel>("SpotLightEffectPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager.getPanelByName<SpotLightEffectPanel>("SpotLightEffectPanel").saveEffect().then(() => {
-      store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-      store.commit("toolbar/setShowLeftComponent", true);
-      this.viewer.panelManager.getPanelByName<SpotLightEffectPanel>("SpotLightEffectPanel").hide();
-    });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "juguangdeng",
-      title: "聚光灯",
-      bottom: "10px",
-      right: "10px",
-      width: "340px",
-    });
-  }
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-.interfaceSpotLightEffectPanel {
-  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/spotLight/spotLightEffectCommand.ts

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

@@ -1,79 +0,0 @@
-import Panel from "../../panel";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import spotLightEffect, { SpotLightEffectOption } from "gs-bim-air-core/sdk/animation/spotLightEffect/spotLightEffect";
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class SpotLightEffectPanel extends Panels.SpotLightEffectPanel {
-  effect: spotLightEffect;
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    if (!this.panelComponent) {
-
-    this.panelComponent = new Panel(this, () => import("./interfaceSpotLightEffectPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide(): void {
-    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(spotLightForm: { name: string; origin: number[]; color: string }) {
-  //   let components = this.viewer.selectionManager.selectedObjects.map((item) => {
-  //     return { modelId: item.modelId, code: item.componentId };
-  //   });
-  //   this.viewer.selectionManager.clearSelectionAndHighlight();
-
-  //   // let options: SpotLightEffectOptions = {};
-
-  //   let options: SpotLightEffectOption["options"] = {
-  //     color: this.hexToRgb(spotLightForm.color),
-  //     origin: spotLightForm.origin,
-  //     angel: 90,
-  //     direction: [0, 0, -1],
-  //     exponent: 5,
-  //     intensity: 200,
-  //   };
-  //   this.viewer
-  //     .loadEffect<spotLightEffect>({
-  //       name: "聚光灯",
-  //       type: "spotLight",
-  //       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/videoFusion/interfaceVideoFusionPanel.vue

@@ -1,208 +0,0 @@
-<template>
-  <div class="interfaceVideoFusionPanel">
-    <div class="block" style="overflow-y: auto">
-      <el-form
-        :model="fusionForm"
-        ref="fusionFormRef"
-        label-position="right"
-        label-width="90px"
-        style="padding-top: 15px">
-        <el-form-item label="名称：">
-          <el-input v-model="fusionForm.name" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="视频地址：">
-          <el-input v-model="fusionForm.url" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="位置：">
-          <el-input v-model="fusionForm.position" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="宽：">
-          <el-input v-model="fusionForm.width" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="高：">
-          <el-input v-model="fusionForm.height" size="mini"></el-input>
-        </el-form-item>
-        <el-form-item label="循环播放：">
-          <el-radio-group v-model="fusionForm.loop" style="height: 30px" @input="loopChange">
-            <el-radio :label="true">循环</el-radio>
-            <el-radio :label="false">不循环</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="音频：">
-          <el-radio-group v-model="fusionForm.audio" @input="audioChange">
-            <el-radio :label="true">开启</el-radio>
-            <el-radio :label="false">关闭</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="播放：">
-          <el-button size="mini" :type="fusionForm.play ? 'primary' : 'default'" @click="playClick">开始</el-button>
-          <el-button
-            style="margin-left: 30px"
-            size="mini"
-            :type="!fusionForm.play ? 'primary' : 'default'"
-            @click="pauseClick">
-            暂停
-          </el-button>
-        </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 { VideoEffect } from "gs-bim-air-core/sdk/animation";
-import { deepClone } from "gs-longan/longan/utility";
-import { Vue, Component, Prop, Inject, Watch } from "vue-property-decorator";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { GPUPreSelector } from "gs-bim-air-core/gsDevFx/operators/gpuPreSelector";
-import VideoEffectCommand from "./videoEffectCommand";
-import { CommandSelect } from "../../../../viewerWrapper/commands/commandSelect";
-import store from "../../../../store";
-import VideoFusionPanel from "./videoFusionPanel";
-
-const defaultVideo = {
-  id: "",
-  name: "",
-  path: "",
-  url: "",
-  loop: true,
-  audio: false,
-  play: true,
-  open: true,
-  position: "",
-  width: null,
-  height: null,
-};
-
-@Component({})
-export default class InterfaceVideoFusionPanel extends Vue {
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  isEdit = false;
-  fusionForm = deepClone(defaultVideo);
-  // videoEffect: VideoEffect;
-
-  getPoint() {
-    let command = new VideoEffectCommand();
-    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.fusionForm.position = origin.asArray().toString();
-    this.viewer.process.commandManager.execute(new CommandSelect());
-  }
-
-  applyClick() {
-    if (!this.fusionForm.position) {
-      this.$message.warning("还未选择视频原点");
-      return;
-    }
-    if (this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").effect) {
-      this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").removeEffect();
-    }
-    let fusionForm = deepClone(this.fusionForm);
-    fusionForm.position = fusionForm.position.split(",");
-    this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").create(fusionForm);
-  }
-
-  saveClick() {
-    if (!this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").effect) {
-      this.applyClick();
-    }
-    this.viewer.panelManager
-      .getPanelByName<VideoFusionPanel>("VideoFusionPanel")
-      .saveEffect()
-      .then(() => {
-        store.commit("toolbar/setLeftToolbarCurrentSelectedMenu", "showScene");
-        store.commit("toolbar/setShowLeftComponent", true);
-        this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").hide();
-      });
-  }
-
-  loopChange(val) {
-    // this.videoEffect
-  }
-
-  audioChange() {}
-
-  playClick() {
-    // if (!this.videoEffect) {
-    //   this.viewer
-    //     .loadEffect<VideoEffect>({
-    //       name: this.fusionForm.name,
-    //       type: "video",
-    //       options: {
-    //         url: this.fusionForm.url,
-    //         position: (this.fusionForm.positions as string).split(",").map((item) => Number(item)),
-    //         width: 10,
-    //         height: 10,
-    //         autoPlay: true,
-    //         loop: this.fusionForm.loop,
-    //         audio: this.fusionForm.audio,
-    //       },
-    //     })
-    //     .then((effect) => {
-    //       this.videoEffect = effect;
-    //     });
-    //   this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").effect = this.videoEffect;
-    // } else {
-    this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").effect.play();
-    // }
-  }
-
-  pauseClick() {
-    this.viewer.panelManager.getPanelByName<VideoFusionPanel>("VideoFusionPanel").effect.pause();
-  }
-
-  beforeEdit(item) {
-    this.isEdit = true;
-    this.fusionForm = deepClone(item);
-  }
-  cancelClick() {}
-  setData() {
-    this.$emit("setData", {
-      icon: "shipinronghe",
-      title: "视频融合",
-      bottom: "10px",
-      right: "10px",
-      width: "320px",
-    });
-  }
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style lang="scss" scoped>
-@import "../../../../assets/scss/site";
-.interfaceVideoFusionPanel {
-  height: 100%;
-  .block {
-    text-align: left;
-    height: calc(100% - 47px);
-    padding: 0 15px;
-    overflow: hidden;
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid #464646;
-    padding: 10px 15px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/effectPanels/videoFusion/videoEffectCommand.ts

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

@@ -1,82 +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 VideoEffect, { VideoEffectOption } from "gs-bim-air-core/sdk/animation/videoEffect/videoEffect";
-
-export default class VideoFusionPanel extends Panel {
-  typeName: string = "VideoFusionPanel";
-  effect: VideoEffect;
-  panelComponent: PanelStore;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  public show(): void {
-    // this.panelComponent = new PanelStore(this, () => import("./interfaceVideoFusionPanel.vue"));
-    if (!this.panelComponent) {
-      this.panelComponent = new PanelStore(this, () => import("./interfaceVideoFusionPanel.vue"));
-    }
-    this.panelComponent.show();
-
-    super.show();
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  create(fusionForm: {
-    id: string;
-    name: string;
-    path: string;
-    url: string;
-    loop: boolean;
-    audio: boolean;
-    play: boolean;
-    open: boolean;
-    position: number[];
-    width: number;
-    height: number;
-  }) {
-    // let components = this.viewer.selectionManager.selectedObjects.map((item) => {
-    //   return { modelId: item.modelId, code: item.componentId };
-    // });
-    this.viewer.selectionManager.clearSelectionAndHighlight();
-
-    let options: VideoEffectOption["options"] = {
-      url: fusionForm.url,
-      position: fusionForm.position,
-      width: fusionForm.width,
-      height: fusionForm.height,
-      autoPlay: true,
-      loop: fusionForm.loop,
-      audio: fusionForm.audio,
-    };
-    // let fanScanEffect = new VideoEffect(this.viewer, "扇形扫描", options);
-    this.viewer
-      .loadEffect<VideoEffect>({
-        name: fusionForm.name,
-        type: "video",
-        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/frameRate/frameRatePanel.ts

@@ -1,29 +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 FrameRatePanel extends Panels.FrameRatePanel {
-  // typeName = "CommandShowFrameRate";
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfaceFrameRatePanel.vue"));
-    }
-    this.panelComponent.show();
-
-    super.show();
-    // this.createImage()
-  }
-
-  public hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-}

package/src/viewerWrapper/panels/frameRate/interfaceFrameRatePanel.vue

@@ -1,102 +0,0 @@
-<template>
-  <div class="ShowFrameRate">
-    <div class="main">
-      <div class="input-row">
-        <span>帧率：</span>
-        <span>{{ fps }}</span>
-      </div>
-    </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 ShowFrameRate extends Vue {
-  @Prop() componentData;
-
-  @Inject() getViewer;
-
-  size = { pos: 0, face: 0, geo: 0 };
-  renderFps;
-  fps = "0";
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  useFps() {
-    let count = 0;
-    let now = performance.now();
-    this.renderFps = () => {
-      const nextFrame = performance.now();
-      console.log(nextFrame);
-      if (count % 10 === 0) {
-        let rate = 1000 / (nextFrame - now);
-        this.fps = (rate > 65 ? 60 : rate).toFixed(1);
-      }
-      now = nextFrame;
-      count++;
-      requestAnimationFrame(this.renderFps);
-    };
-
-    requestAnimationFrame(this.renderFps);
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "绘制信息",
-      bottom: "20px",
-      right: "20px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-    this.useFps();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-.ShowFrameRate {
-  color: white;
-  min-width: 300px;
-  height: auto;
-  min-height: 30px;
-}
-
-.main {
-  padding: 10px 0;
-}
-
-.input-row {
-  padding: 5px 0;
-  text-align: left;
-
-  span {
-    display: inline-block;
-
-    &:first-child {
-      width: 120px;
-      text-align: right;
-    }
-
-    &:last-child {
-      padding-left: 20px;
-    }
-  }
-}
-
-.bottom {
-  display: flex;
-  justify-content: flex-end;
-  margin: 0 10px;
-  border-top: 1px solid #aaa;
-}
-</style>