gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/commands/showModelExplosion/showProModelExplosion.vue

@@ -1,382 +0,0 @@
-<template>
-  <div class="showModelExplosion">
-    <div style="text-align: left">
-      <el-button type="text" @click="reExplosionClick"
-        ><i class="el-icon-refresh-right"></i>重新爆炸
-      </el-button>
-      <div style="padding-top: 10px">已选专业：</div>
-    </div>
-    <div class="scrollbar">
-      <div
-        v-for="(item, index) in explosionCheckedNodes"
-        :key="index"
-        class="check-item"
-        style="padding-top: 5px"
-      >
-        <span>{{ item.name }}</span>
-      </div>
-    </div>
-    <el-slider
-      :disabled="explosionCheckedNodes.length === 0"
-      v-model="modelExplosionValue"
-      :max="10"
-      :min="1"
-      style="width: 100%"
-      @change="modelExplosionChange"
-    ></el-slider>
-
-    <gs-dialog
-      v-model="explosionDialogVisible"
-      title="选择专业"
-      type="dark"
-      width="750px"
-      @confirm="addExplosionConfirm()"
-    >
-      <div class="explosion-wrapper">
-        <div class="top">
-          <div class="left">
-            <div style="padding: 5px 10px; font-size: 16px; color: #aaa">
-              点击选择需要爆炸的模型构件
-            </div>
-            <div class="el-scrollbar tree-scrollbar" style="overflow: auto">
-              <el-tree
-                ref="structureTree"
-                :default-checked-keys="checkKeys"
-                :default-expanded-keys="expandedKeys"
-                :expand-on-click-node="false"
-                :props="treeProps"
-                highlight-current
-                node-key="key"
-                style="width: 100%"
-                @node-click="treeNodeClick"
-                :data="modelObjects"
-              >
-                <div
-                  slot-scope="{ data }"
-                  class="custom-tree-node"
-                  :style="{ color: data.disabled ? '#aaa' : '' }"
-                >
-                  {{ data.name }}
-                </div>
-              </el-tree>
-            </div>
-          </div>
-          <div class="right">
-            <div style="padding: 5px 10px; font-size: 16px; color: #aaa">
-              已选的模型构件
-            </div>
-            <div
-              v-for="(item, index) in checkedNodes"
-              :key="index"
-              class="check-item"
-            >
-              <span>{{ item.name }}</span>
-              <el-button style="" type="text">
-                <i
-                  class="el-icon-error"
-                  style="color: red"
-                  @click="deleteCheckItemClick(index)"
-                ></i
-              ></el-button>
-            </div>
-          </div>
-        </div>
-      </div>
-    </gs-dialog>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue, Watch } from "vue-property-decorator";
-import store from "../../../store";
-import CommandShowModelExplosion from "./commandShowModelExplosion";
-import * as Longan from "gs-longan";
-import CommandShowProModelExplosion from "./commandShowProModelExplosion";
-import GsDialog from "../../../components/gs/gsDialog/gs-dialog.vue";
-import { Slider, Message } from "element-ui";
-import { component } from "vue/types/umd";
-Vue.use(Slider);
-
-interface TreeNode {
-  name: string;
-  key: number;
-  childNodes: TreeNode[];
-}
-
-@Component({
-  components: { GsDialog },
-})
-export default class ShowProModelExplosion extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  defaultCommandData = null;
-  modelExplosionValue = 1;
-
-  expandedKeys = [];
-  checkKeys = [];
-  treeCheckedNos = [];
-  modelObjects = [];
-  treeProps = {
-    label: "name",
-    children: "childNodes",
-  };
-  checkedNodes = [];
-  explosionDialogVisible = false;
-  explosionCheckedNodes = [];
-
-  get commandData() {
-    return this.componentData || this.defaultCommandData;
-  }
-
-  get viewer() {
-    return this.getViewer();
-  }
-
-  @Watch("componentData")
-  onCommandDataChange() {
-    this.explosionDialogVisible = this.componentData.visible;
-  }
-
-  reExplosionClick() {
-    this.explosionDialogVisible = true;
-    this.setDisabled(this.modelObjects[0], false);
-
-    this.checkedNodes = [];
-    if (this.explosionCheckedNodes?.length > 0) {
-      let currentCommand = this.viewer.process.commandManager
-        .currentCommand as CommandShowProModelExplosion;
-      currentCommand.reProExplosion();
-    }
-
-    this.explosionCheckedNodes = [];
-    this.modelExplosionValue = 1;
-  }
-
-  modelExplosionChange() {
-    let commandShowModelExplosion = this.viewer.process.commandManager
-      .currentCommand as CommandShowModelExplosion;
-    commandShowModelExplosion.setExplosion(this.modelExplosionValue);
-  }
-
-  addExplosionConfirm() {
-    this.explosionCheckedNodes = this.checkedNodes;
-    let checkedNodes = this.checkedNodes;
-
-    if (checkedNodes.length === 0) {
-      Message.warning("请先选择专业节点");
-      return;
-    }
-
-    this.explosionDialogVisible = false;
-    this.modelExplosionValue = 1;
-    let currentCommand = this.viewer.process.commandManager
-      .currentCommand as CommandShowProModelExplosion;
-    currentCommand.beginProExplosion(checkedNodes);
-  }
-
-  getModelObjects() {
-    if (this.viewer && this.viewer.instanceObject) {
-      // this.modelObjects = [this.viewer.structureTreeManager.rootNode];
-      if (this.viewer.renderObject.showTreeNode) {
-        this.modelObjects = [this.viewer.structureTreeManager.rootNode];
-      } else {
-        this.modelObjects =
-          this.viewer.structureTreeManager.rootNode.childNodes;
-      }
-      this.setDisabled(this.modelObjects[0], false);
-      // 默认展开第二层
-      this.showLevel(this.modelObjects, 4);
-    } else {
-      this.treeCheckedNos = [];
-      this.modelObjects = [];
-    }
-  }
-
-  treeNodeClick(data, node) {
-    if (data.disabled) {
-      Message.warning("节点不可选择");
-      return;
-    }
-
-    let components = [];
-    this.viewer.structureTreeManager.getComponents(node.data, components);
-    if (components.length < 2) {
-      Message.warning("节点所包含构件过少，无法作为专业进行爆炸");
-      return;
-    }
-
-    this.checkedNodes.push(data);
-    this.setDisabled(data, true);
-  }
-
-  setDisabled(data, disabled) {
-    Vue.set(data, "disabled", disabled);
-    if (data.childNodes) {
-      for (let i = 0; i < data.childNodes.length; i++) {
-        const element = data.childNodes[i];
-        this.setDisabled(element, disabled);
-      }
-    }
-
-    while (data) {
-      Vue.set(data, "disabled", disabled);
-      data = data.parent;
-    }
-  }
-
-  showLevel(items: any[], level: number) {
-    let currentLevel = level - 1;
-    if (currentLevel && currentLevel < 0) {
-      return;
-    }
-    for (let i = 0; i < items.length; i++) {
-      const item = items[i];
-      this.expandedKeys.push(item.key);
-      if (item.items && item.items.length > 0) {
-        if (currentLevel && currentLevel > 0) {
-          this.showLevel(item.items, currentLevel);
-        }
-      }
-    }
-  }
-
-  deleteCheckItemClick(index) {
-    this.setDisabled(this.modelObjects[0], false);
-    this.checkedNodes.splice(index, 1);
-
-    for (let i = 0; i < this.checkedNodes.length; i++) {
-      this.setDisabled(this.checkedNodes[i], true);
-    }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "专业爆炸",
-      bottom: "20px",
-      right: "20px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-    this.getModelObjects();
-    this.explosionDialogVisible = true;
-  }
-
-  beforeDestroy() {
-    this.setDisabled(this.modelObjects[0], false);
-    this.modelExplosionValue = 1;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-.showModelExplosion {
-  padding: 10px 20px;
-  background: $gs-primary-background;
-   color: $gs-primary-fontColor;
-  //   min-width: 200px;
-  .el-button--text {
-    color: $gs-primary-active;
-  }
-  ::v-deep .el-slider__bar {
-    background-color: $gs-primary-active;
-  }
-  ::v-deep .el-slider__button {
-    border-color: $gs-primary-active;
-  }
-}
-
-.scrollbar {
-  text-align: left;
-  height: 200px;
-  overflow: auto;
-}
-
-.explosion-wrapper {
-  display: flex;
-  flex-direction: column;
-  width: 700px;
-  ::v-deep .el-tree {
-    background: transparent;
-    color: $gs-primary-fontColor;
-
-    ::v-deep .el-tree-node:focus > .el-tree-node__content {
-      background: $gs-primary-background;
-    }
-
-    ::v-deep .el-tree-node__content:hover {
-      background: $gs-primary-background;
-    }
-  }
-  ::v-deep
-    .el-tree--highlight-current
-    .el-tree-node.is-current
-    > .el-tree-node__content {
-    background-color: $gs-primary-background;
-  }
-  .left,
-  .right {
-    flex: 1;
-  }
-
-  .top,
-  .bottom {
-    display: flex;
-  }
-
-  .right {
-    height: 400px;
-    overflow: auto;
-
-    .check-item {
-      margin: 2px 10px;
-      padding: 4px 10px;
-      background: $gs-primary-background;
-      color: $gs-primary-fontColor;
-      justify-content: space-between;
-      display: flex;
-
-      span {
-        line-height: 40px;
-      }
-    }
-  }
-
-  .bottom {
-    height: 100px;
-  }
-
-  .tree-scrollbar {
-    height: 400px;
-    display: inline-block;
-    width: 100%;
-  }
-
-  .explosion-form {
-    width: 350px;
-    display: inline-block;
-    vertical-align: top;
-    padding: 0 20px 20px 0;
-
-    :deep(.el-form-item) {
-      .el-form-item__label {
-        text-align: left;
-      }
-    }
-  }
-
-  .setting-checkbox {
-    padding-right: 10px;
-  }
-
-  .setting-input {
-    //display: inline-block;
-    width: 200px;
-  }
-}
-</style>

package/src/viewerWrapper/commands/showMove/commandShowMove.ts

@@ -1,55 +0,0 @@
-import { CameraMouse } from "gs-bim-air-core/gsDevFx/operators/cameraMouse";
-import { ProjectionType } from "gs-longan";
-import { LButtonState } from "gs-longan";
-import { CommandComponent } from "../commandComponent";
-
-import { DesignOperator } from "gs-bim-air-core/gsDevFx/operators/designOperator";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import * as Commands from "gs-bim-air-core/commands";
-
-export interface CrossPointObject {
-  crossPoint: Float32Array;
-  lineKeys: number[];
-}
-
-export default class CommandShowMove extends Commands.CommandShowMove {
-  typeName = "CommandShowMove";
-
-  public _viewer: Viewer;
-
-  draw;
-
-  public get viewer(): Viewer {
-    return this._viewer;
-  }
-
-  public set viewer(viewer) {
-    this._viewer = viewer;
-  }
-
-  component: CommandComponent;
-
-  constructor() {
-    super();
-  }
-
-  begin() {
-    this.viewer.operatorManager.clear();
-    this.viewer.sceneSegment.camera.projection = ProjectionType.Orthographic;
-
-    let cameraMouse = new CameraMouse();
-    this.viewer.operatorManager.add(cameraMouse);
-    cameraMouse.lButtonSate = LButtonState.select;
-
-    let designOperator = new DesignOperator();
-    this.viewer.operatorManager.add(designOperator);
-    designOperator.isAreaSelect = false;
-    designOperator.isSelectNotComponent = false;
-  }
-
-  end() {
-    this.component.hide();
-
-    super.end();
-  }
-}

package/src/viewerWrapper/commands/showMove/showMove.vue

@@ -1,116 +0,0 @@
-<template>
-  <div class="showMove">
-    <!-- <gs-button-group style="padding-top: 8px">
-      <gs-button-icon @click="xButtonClick" title=""
-        ><div slot="text">X</div></gs-button-icon
-      >
-      <gs-button-icon @click="yButtonClick" title="轴剖切"
-        ><div slot="text">Y</div></gs-button-icon
-      >
-      <gs-button-icon @click="zButtonClick" title="元素剖切"
-        ><div slot="text">Z</div></gs-button-icon
-      >
-    </gs-button-group>
-
-    <gs-button-icon
-      icon="GSBimAir icon-bukejian"
-      title="隐藏"
-      @click="hidePlaneClick"
-    >
-    </gs-button-icon> -->
-    <!-- <gs-button-icon
-      icon="GSBimAir icon-bukejian"
-      title="面操作"
-      @click="planeSelectionClick"
-    >
-    </gs-button-icon> -->
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Vue, Watch, Prop, Inject } from "vue-property-decorator";
-import * as Longan from "gs-longan";
-import CommandShowMove from "./commandShowMove";
-import GsButtonIcon from "../../../components/gs/gsButtonIcon/gs-button-icon.vue";
-import GsButtonGroup from "../../../components/gs/gsButtonGroup/gs-button-group.vue";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-
-@Component({
-  components: { GsButtonIcon, GsButtonGroup },
-})
-export default class ShowMove extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-  defaultCommandData = null;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  get commandData() {
-    return this.componentData || this.defaultCommandData;
-  }
-
-  // hidePlaneClick() {
-  //   let commandShowMove = this.viewer.process.commandManager
-  //     .currentCommand as CommandShowMove;
-
-  //   commandShowMove.movingPlaneOperator.planeVisible =
-  //     !commandShowMove.movingPlaneOperator.planeVisible;
-  // }
-
-  // planeSelectionClick() {
-  //   let commandShowMove = this.viewer.process.commandManager
-  //     .currentCommand as CommandShowMove;
-
-  //   commandShowMove.movingPlaneOperator.planeSelectable =
-  //     !commandShowMove.movingPlaneOperator.planeSelectable;
-  // }
-
-  // xButtonClick() {
-  //   let commandShowMove = this.viewer.process.commandManager
-  //     .currentCommand as CommandShowMove;
-
-  //   commandShowMove.Axis = "x";
-  // }
-
-  // yButtonClick() {
-  //   let commandShowMove = this.viewer.process.commandManager
-  //     .currentCommand as CommandShowMove;
-
-  //   commandShowMove.Axis = "y";
-  // }
-
-  // zButtonClick() {
-  //   let commandShowMove = this.viewer.process.commandManager
-  //     .currentCommand as CommandShowMove;
-
-  //   commandShowMove.Axis = "z";
-  // }
-
-  setData() {
-    this.$emit("setData", {
-      title: "轴剖切",
-      bottom: "20px",
-      right: "20px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-
-.showMove {
-  text-align: left;
-  padding: 10px 10px;
-  font-size: 12px;
-  background: $model-theme-light;
-  border-radius: 0 0 4px 4px;
-  display: flex;
-}
-</style>