gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/components/bottomToolbar/viewModel/viewModel.ts

@@ -1,157 +0,0 @@
-import * as Longan from "gs-longan";
-import { LButtonState } from "gs-longan";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Provide, Vue, Watch } from "vue-property-decorator";
-import { fullScreenToggle, isFullscreen } from "../../../../utils/documentUtility";
-import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-import { ComponentSelector } from "gs-bim-air-core/gsDevFx/operators/componentSelector";
-import GsButtonGroup from "../../../../components/gs/gsButtonGroup/gs-button-group.vue";
-import GsButtonIcon from "../../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-@Component({
-  components: {
-    GsButtonIcon,
-    GsButtonGroup,
-  },
-})
-export default class ViewModel extends Vue {
-  @Inject() getViewer;
-  isFullScreen = false;
-  lButtonSate = LButtonState.select;
-  LButtonStateEnum = LButtonState;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  setViewModel(tag) {
-    let viewer = this.viewer;
-    switch (tag) {
-      case "fit_world":
-        viewer.fitWorld();
-        break;
-      case "front":
-        viewer.setViewMode(Longan.ViewMode.YZ);
-        break;
-      case "back":
-        viewer.setViewMode(Longan.ViewMode.ZY);
-        break;
-      case "left":
-        viewer.setViewMode(Longan.ViewMode.XZ);
-        break;
-      case "right":
-        viewer.setViewMode(Longan.ViewMode.ZX);
-        break;
-      case "up":
-        viewer.setViewMode(Longan.ViewMode.XY);
-        break;
-      case "down":
-        viewer.setViewMode(Longan.ViewMode.YX);
-        break;
-      case "iso":
-        viewer.setViewMode(Longan.ViewMode.Iso);
-        break;
-    }
-    viewer.updateDisplay();
-  }
-
-  fullScreenClick() {
-    fullScreenToggle();
-    this.isFullScreen = !isFullscreen();
-  }
-
-  setCameraMouseModelClick(model: LButtonState) {
-    // this.viewer.options.events.lButtonState = model;
-    let viewer = this.viewer;
-    let currentCommand = viewer.process.commandManager.currentCommand;
-    if (currentCommand.typeName !== "CommandSelect") {
-      this.lButtonSate = model;
-      this.saveLButtonState();
-      return;
-    }
-
-    let cameraMouse: CameraMouse = null;
-    viewer.operatorManager.operatorList.items.forEach((operator) => {
-      if (operator instanceof CameraMouse) {
-        cameraMouse = operator;
-      }
-    });
-
-    // let cameraMouse: Longan.CameraMouse =
-    //   viewer.operatorManager.find("CameraMouse");
-
-    let cameraTouch: Longan.CameraTouch = viewer.operatorManager.find("CameraTouch");
-
-    let componentSelector = this.viewer.operatorManager.find("ComponentSelector") as ComponentSelector;
-    if (!componentSelector) {
-      componentSelector = new ComponentSelector();
-      viewer.operatorManager.add(componentSelector);
-    }
-
-    if (model == LButtonState.select) {
-      if (this.lButtonSate == LButtonState.select) {
-        return;
-      }
-      if (cameraMouse) {
-        cameraMouse.lButtonSate = LButtonState.select;
-      }
-      if (cameraTouch) {
-        cameraTouch.operationType = Longan.TouchOpertionType.Pan;
-      }
-      this.lButtonSate = LButtonState.select;
-
-      let segmentObject = viewer.selectionManager.selectedObject;
-      if (segmentObject) {
-        // let properties = viewer.propertyManager.getProperty(segmentObject);
-        // if (properties) {
-        //   store.commit("propertiesChange", properties);
-        // }
-      }
-    } else if (model == LButtonState.rotation) {
-      if (this.lButtonSate == LButtonState.rotation) {
-        return;
-      }
-
-      // viewer.selectionManager.clearAllSelectionAndHighlight();
-
-      if (cameraMouse) {
-        cameraMouse.lButtonSate = LButtonState.rotation;
-      }
-      if (cameraTouch) {
-        cameraTouch.operationType = Longan.TouchOpertionType.Rotate;
-      }
-      this.lButtonSate = LButtonState.rotation;
-    } else if (model == LButtonState.translation) {
-      if (this.lButtonSate == LButtonState.translation) {
-        return;
-      }
-
-      if (cameraMouse) {
-        cameraMouse.lButtonSate = LButtonState.translation;
-      }
-      if (cameraTouch) {
-        cameraTouch.operationType = Longan.TouchOpertionType.Pan;
-      }
-
-      this.lButtonSate = LButtonState.translation;
-    } else if (model == LButtonState.scale) {
-      if (this.lButtonSate == LButtonState.scale) {
-        return;
-      }
-
-      if (cameraMouse) {
-        cameraMouse.lButtonSate = LButtonState.scale;
-      }
-      this.lButtonSate = LButtonState.scale;
-    }
-
-    this.saveLButtonState();
-  }
-
-  saveLButtonState() {
-    this.viewer.options.events.lButtonState = this.lButtonSate;
-  }
-
-  mounted() {
-    this.lButtonSate = this.viewer.options.events.lButtonState || LButtonState.select;
-    this.isFullScreen = isFullscreen();
-  }
-}

package/src/viewerWrapper/components/bottomToolbar/viewModel/viewModel.vue

@@ -1,54 +0,0 @@
-<template>
-  <div class="view-model">
-    <gs-button-icon icon="jvzhong" @click="setViewModel('fit_world')" title="自动居中" />
-    <gs-button-icon icon="iso" @click="setViewModel('iso')" title="iso" />
-    <gs-button-icon icon="shitu">
-      <template slot="hover">
-        <gs-button-group>
-          <gs-button-icon icon="front" @click="setViewModel('front')">
-            <template slot="text">前视图</template>
-          </gs-button-icon>
-          <gs-button-icon icon="back" @click="setViewModel('back')">
-            <template slot="text">后视图</template>
-          </gs-button-icon>
-          <gs-button-icon icon="left" @click="setViewModel('left')">
-            <template slot="text">左视图</template>
-          </gs-button-icon>
-          <gs-button-icon icon="right" @click="setViewModel('right')">
-            <template slot="text">右视图</template>
-          </gs-button-icon>
-          <gs-button-icon icon="up" @click="setViewModel('up')">
-            <template slot="text">顶视图</template>
-          </gs-button-icon>
-          <gs-button-icon icon="down" @click="setViewModel('down')">
-            <template slot="text">底视图</template>
-          </gs-button-icon>
-        </gs-button-group>
-      </template>
-    </gs-button-icon>
-    <gs-button-icon icon="quanping" @click="fullScreenClick" :active="isFullScreen" />
-    <div class="divider"></div>
-    <gs-button-group :activeIndex="lButtonSate">
-      <gs-button-icon icon="shubiao" @click="setCameraMouseModelClick(LButtonStateEnum.select)" />
-      <gs-button-icon icon="yidongdao" @click="setCameraMouseModelClick(LButtonStateEnum.translation)" />
-      <gs-button-icon icon="rotate" @click="setCameraMouseModelClick(LButtonStateEnum.rotation)" />
-      <gs-button-icon icon="fangdajing" @click="setCameraMouseModelClick(LButtonStateEnum.scale)" />
-    </gs-button-group>
-  </div>
-</template>
-<script lang="ts" src="./viewModel.ts"></script>
-<style scoped lang="scss">
-.view-model {
-  height: 100%;
-  display: flex;
-  align-items: center;
-  .divider {
-    width: 2px;
-    height: 22px;
-    background: #fff;
-    opacity: 0.4;
-    border-radius: 0;
-    margin: auto 15px;
-  }
-}
-</style>

package/src/viewerWrapper/components/frameRate/frameRate.ts

@@ -1,34 +0,0 @@
-import { Component, Inject, Vue } from "vue-property-decorator";
-@Component({
-    components: {},
-})
-export default class FrameRate extends Vue {
-    fps = 0;// 用于显示帧率
-    lastTime = null;// 上次更新的时间
-    updateInterval = 1000;// 设置更新间隔（毫秒）
-    frameCount = 0; // 记录帧数
-    count = 0;// 计数器，用于控制帧率更新
-
-    updateFPS() {
-        let currentTime = performance.now();
-        if (!this.lastTime) {
-            this.lastTime = currentTime;
-        }
-        let deltaTime = currentTime - this.lastTime;
-        this.lastTime = currentTime;
-
-        this.count += deltaTime;
-
-        if (this.count > this.updateInterval) {
-            this.fps = Math.round(1000 / deltaTime);
-            this.frameCount++;
-            this.count = 0;
-        }
-
-        requestAnimationFrame(this.updateFPS);
-    }
-    mounted() {
-        this.updateFPS()
-
-    }
-}

package/src/viewerWrapper/components/frameRate/frameRate.vue

@@ -1,14 +0,0 @@
-<template>
-      <div
-        style="
-          background-color: #3D4049;
-          position: absolute;
-          right: 20px;
-          top: 20px;
-          z-index: 1000;
-        "
-      >
-        <span style="color: #fff">帧率：{{ fps }}</span>
-      </div>
-  </template>
-  <script lang="ts" src="./frameRate.ts"></script>

package/src/viewerWrapper/components/leftToolbar/components/showRoam/showRoam.ts

@@ -1,59 +0,0 @@
-import { Component, Vue, Inject, Watch } from "vue-property-decorator";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { PathRoam } from "gs-bim-air-core/gsDevFx/objects/roamObject";
-import CommandShowPathRoam from "../../../../../viewerWrapper/commands/showPathRoam/commandShowPathRoam";
-// import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-@Component({
-  components: {},
-})
-export default class showRoam extends Vue {
-  @Inject() getViewer;
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  pathRoamData: PathRoam[] = [];
-  //显隐
-  // switchPlayButton: boolean = true;
-
-  analyzeSelected = "";
-
-  @Watch("viewer.pathRoamManager.pathRoams", { deep: true })
-  onViewPointsChange() {
-    this.pathRoamData = this.viewer.pathRoamManager.pathRoams;
-  }
-
-  //编辑
-  sceneEdit(item: PathRoam) {
-    // this.viewer.panelManager.getPanelByName<viewPointPanel>("viewPointPanel").toggle();
-    // this.viewer.pathRoamManager.activeRoam = item;
-    let command = new CommandShowPathRoam();
-    this.viewer.commandManager.execute(command);
-    command.editPathRoam(item);
-  }
-  //删除
-  sceneDelete(item: PathRoam) {
-    this.$confirm(`确定删除${item.name}`, "提示", {
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
-      type: "warning",
-    })
-      .then(() => {
-        this.viewer.pathRoamManager.deletePathRoam(item.id).then(() => {
-          this.$message.success(`删除成功`);
-        });
-      })
-      .catch(() => {});
-  }
-  //切换播放暂停
-  switchPlayClick(index) {
-    // this.sceneData[index].status = !this.sceneData[index].status;
-  }
-  // 生命周期钩子
-  created() {}
-
-  mounted() {
-    this.viewer.pathRoamManager.getPathRoams().then((pathRoams) => {
-      this.pathRoamData = this.viewer.pathRoamManager.pathRoams;
-    });
-  }
-}

package/src/viewerWrapper/components/leftToolbar/components/viewPoint/viewPointPanel.ts

@@ -1,65 +0,0 @@
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Vue, Watch } from "vue-property-decorator";
-@Component({})
-export default class viewPointManagerToolbar extends Vue {
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  activeIndex;
-
-  searchContent: string = "";
-  showButtons: boolean = false;
-  hoverIndex: number = -1;
-  pointViewData = [];
-  showPointViewData = [];
-  loading = false;
-
-  @Watch("viewer.viewPointManager.viewPoints", { deep: true })
-  onViewPointsChange() {
-    this.pointViewData = this.viewer.viewPointManager.viewPoints;
-  }
-
-  viewPointClick(index) {
-    let viewPointObject = this.showPointViewData[index];
-    this.activeIndex = index;
-    if (viewPointObject) {
-      this.viewer.viewPointManager.restoreViewPointById(viewPointObject.id);
-    }
-  }
-
-  //视点编辑
-  pointViewEdit() {}
-  //视点删除
-  pointViewDelete(index) {
-    let viewPointObject = this.showPointViewData[index];
-    this.activeIndex = index;
-    if (viewPointObject) {
-      this.viewer.viewPointManager.deleteViewPointById(viewPointObject.id);
-    }
-  }
-  //查询
-  onSearchClick() {
-    if (this.searchContent === "") {
-      this.showPointViewData = this.pointViewData;
-    } else {
-      let filterItems = this.pointViewData.filter((item) => item.name.includes(this.searchContent));
-      this.showPointViewData = filterItems;
-    }
-  }
-  //回车查询
-  handleEnterSearch() {}
-  // 生命周期钩子
-  created() {}
-
-  mounted() {
-    this.loading = true;
-    this.viewer.viewPointManager.getViewPoints().then((viewPoints) => {
-      this.pointViewData = viewPoints;
-      this.showPointViewData = this.pointViewData;
-      this.loading = false;
-    });
-  }
-}

package/src/viewerWrapper/components/leftToolbar/toolbar.ts

@@ -1,246 +0,0 @@
-import { Component, Inject, Vue, Watch } from "vue-property-decorator";
-import GsButtonIcon from "../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { ToolbarType } from "../../../store/toolbar";
-import store from "../../../store";
-import { CommandShowMarkup } from "../../../viewerWrapper/commands/showMarkup/commandShowMarkup";
-import GsIcon from "../../../components/gs/gs-icon.vue";
-import { CommandSelect } from "../../../viewerWrapper/commands/commandSelect";
-import {
-  PropertyPanel,
-  SettingPanel,
-  StructureTreePanel,
-  ViewPointPanel,
-  MarkupPanel,
-  ScenePanel,
-} from "../../../viewerWrapper/panels";
-@Component({
-  components: {
-    GsButtonIcon,
-    GsIcon,
-  },
-})
-export default class Toolbar extends Vue {
-  @Inject() getViewer;
-
-  btns = [
-    {
-      icon: "icon-a-jiegoushu",
-      activeIcon: "icon-c-jiegoushu",
-      title: "结构树",
-      key: "structureTree",
-      panelName: "StructureTreePanel",
-      panel: StructureTreePanel,
-    },
-    {
-      icon: "icon-a-shuxing-copy",
-      activeIcon: "icon-shuxing",
-      title: "属性",
-      key: "property",
-      panelName: "PropertyPanel",
-      panel: PropertyPanel,
-    },
-    {
-      icon: "icon-a-changjing",
-      activeIcon: "icon-c-changjing",
-      title: "场景",
-      key: "scene",
-      panelName: "ScenePanel",
-      panel: ScenePanel,
-      children: [
-        {
-          icon: "icon-a-pouqie",
-          activeIcon: "icon-c-pouqie-copy",
-          title: "剖切",
-          key: "cut",
-          toolbar: ToolbarType.Cut,
-        },
-        {
-          icon: "icon-a-celiang",
-          activeIcon: "icon-c-celiang-copy",
-          title: "测量",
-          key: "measure",
-          toolbar: ToolbarType.Measure,
-        },
-        {
-          icon: "icon-biaoqian",
-          activeIcon: "icon-c-biaoqian-copy",
-          title: "标签",
-          key: "label",
-          toolbar: ToolbarType.Label,
-        },
-        {
-          icon: "icon-a-biaozhu",
-          activeIcon: "icon-c-biaozhu",
-          title: "批注",
-          key: "comment",
-          // panelName: "MarkupPanel",
-          // panel: MarkupPanel,
-
-          toolbar: ToolbarType.Markup,
-        },
-        {
-          icon: "icon-a-shidian",
-          activeIcon: "icon-c-shidian-copy",
-          title: "视点",
-          key: "viewPoint",
-          // panelName: "ViewPointPanel",
-          // panel: ViewPointPanel,
-
-          panelName: "MarkupPanel",
-          panel: MarkupPanel,
-        },
-        {
-          icon: "icon-a-goujiancaozuo",
-          activeIcon: "icon-c-goujiancaozuo",
-          title: "构件操作",
-          toolbar: ToolbarType.ComponentOperate,
-        },
-        {
-          icon: "icon-a-changjingxiaoguo",
-          activeIcon: "icon-c-changjingxiaoguo",
-          title: "场景效果",
-          toolbar: ToolbarType.SceneEffect,
-        },
-        {
-          icon: "icon-a-manyou",
-          activeIcon: "icon-c-manyou",
-          title: "漫游",
-          key: "roam",
-          toolbar: ToolbarType.Roam,
-        },
-      ],
-    },
-    // {
-    //   icon: "icon-a-pengzhuang",
-    //   activeIcon: "icon-c-pengzhuang",
-    //   title: "碰撞",
-    //   key: "collision",
-    //   panel: "collisionPanel",
-    // },
-    {
-      icon: "icon-a-shitucaozuo",
-      activeIcon: "icon-c-shitucaozuo",
-      title: "视图操作",
-      toolbar: ToolbarType.ViewModel,
-    },
-    {
-      icon: "icon-a-xinxi",
-      activeIcon: "icon-c-xinxi",
-      title: "信息",
-      key: "info",
-      toolbar: ToolbarType.Info,
-    },
-    {
-      icon: "icon-a-setting",
-      activeIcon: "icon-c-setting-copy",
-      title: "设置",
-      key: "setting",
-      panelName: "SettingPanel",
-      panel: SettingPanel,
-    },
-  ];
-  currentExpand = ""; // 当前展开的按钮
-  isExpand = true; // 是否展开工具栏
-  toolbarMaxHeight = "unset"; // 工具栏最大高度
-  commandShowMarkup = new CommandShowMarkup();
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get toolbar(): ToolbarType {
-    return store.getters["toolbar/toolbarType"](this.viewer.container.id);
-  }
-
-  get toolbarVisible() {
-    return this.viewer.options.toolbarVisible;
-  }
-
-  // 判断按钮是否激活
-  checkActive(item) {
-    if (item.toolbar) {
-      return this.toolbar == item.toolbar;
-    } else if (item.panel) {
-      return this.viewer.panelManager.getPanelByName(item.panel)?.visible;
-    }
-    return false;
-  }
-
-  // 切换展开收起子级按钮
-  toggleExpand(item) {
-    if (item.children && item.children.length > 0) {
-      this.currentExpand = this.currentExpand == item.title ? "" : item.title;
-    }
-  }
-
-  btnClick(item) {
-    if (item.panelName) {
-      if (item.title === "视点") {
-        this.viewer.process.commandManager.execute(new CommandSelect());
-        store.commit("toolbar/resetToolbar", this.viewer.container.id);
-      }
-      let panel = this.viewer.panelManager.getPanelByName(item.panelName);
-      if (!panel) {
-        console.log("panel: ", item.panelName);
-        panel = this.viewer.panelManager.execute(new item.panel(this.viewer));
-
-        // switch (item.panelName) {
-        //   case "StructureTreePanel":
-        //     panel = this.viewer.panelManager.execute(new item.panel(this.viewer));
-        //     break;
-        //   case "propertyPanel":
-        //     panel = this.viewer.panelManager.execute(new PropertyPanel(this.viewer));
-        //     break;
-
-        //   default:
-        //     break;
-        // }
-        // this.viewer.panelManager.execute();
-      }
-      panel.toggle();
-    }
-    if (item.toolbar) {
-      // 关闭视点面板
-      let viewPointPanel = this.viewer.panelManager.getPanelByName<ViewPointPanel>("ViewPointPanel");
-      if (viewPointPanel && viewPointPanel.visible) {
-        viewPointPanel.hide();
-      }
-      let currentCommand = this.viewer.process.commandManager.currentCommand;
-      switch (item.title) {
-        case "批注":
-          this.viewer.process.commandManager.execute(this.commandShowMarkup);
-          break;
-        case "测量":
-        case "标签":
-          let command = item.title === "测量" ? "CommandShowMeasure" : "CommandShowEditLabel";
-          if (currentCommand.typeName !== command) {
-            this.viewer.process.commandManager.execute(new CommandSelect());
-          }
-          break;
-        default:
-          this.viewer.process.commandManager.execute(new CommandSelect());
-          break;
-      }
-      // 切换显示底部工具栏
-      store.commit("toolbar/changeToolbar", {
-        viewerId: this.viewer.container.id,
-        toolbarType: item.toolbar,
-      });
-    }
-  }
-
-  initToolbarHeight() {
-    this.toolbarMaxHeight = window.innerHeight - 92 + "px";
-  }
-
-  mounted() {
-    this.initToolbarHeight();
-    // 监听窗口大小变化
-    window.addEventListener("resize", this.initToolbarHeight);
-  }
-
-  beforeDestroy() {
-    window.removeEventListener("resize", this.initToolbarHeight);
-  }
-}