gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/position/interfacePositionPanel.vue

@@ -1,240 +0,0 @@
-<template>
-  <div class="showPosition">
-    <div class="content">
-      <gs-button-group style="margin-bottom: 10px">
-        <gs-button-icon
-          v-for="(btn, i) in btns"
-          :key="i"
-          :icon="`${btn.iconClass}`"
-          :title="btn.title"
-          @click="btnClick(btn)"></gs-button-icon>
-      </gs-button-group>
-      <div class="form-wrapper">
-        <div class="label">{{ `${type == TransformType.Position ? "位置" : type}：` }}</div>
-        <div class="form">
-          <div class="input-wrapper">
-            <el-input v-model="form.x" type="number" size="mini">
-              <template slot="prepend">X</template>
-            </el-input>
-            {{ `${currentBtn?.unit}` }}
-          </div>
-          <div class="input-wrapper">
-            <el-input v-model="form.y" type="number" size="mini">
-              <template slot="prepend">Y</template>
-            </el-input>
-            {{ `${currentBtn?.unit}` }}
-          </div>
-          <div class="input-wrapper">
-            <el-input v-model="form.z" type="number" size="mini">
-              <template slot="prepend">Z</template>
-            </el-input>
-            {{ `${currentBtn?.unit}` }}
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="bottom">
-      <el-button @click="cancelEdit">取消</el-button>
-      <el-button type="primary" @click="applyEdit">应用</el-button>
-      <el-button type="primary" @click="saveEdit">保存</el-button>
-    </div>
-  </div>
-</template>
-<script lang="ts">
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import PositionPanel, { TransformType } from "./positionPanel";
-import { modelService } from "../../../api/modelService";
-
-@Component({
-  components: {},
-})
-export default class InterfacePositionPanel extends Vue {
-  @Inject() getViewer;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-  currentBtn: any = null;
-  TransformType = TransformType;
-  btns = [
-    { iconClass: "yidongdao", title: "移动", type: TransformType.Position, unit: "m" },
-    {
-      iconClass: "rotate",
-      title: "旋转",
-      type: TransformType.Rotate,
-      unit: "°",
-    },
-    {
-      iconClass: "fangdajing",
-      title: "缩放",
-      type: TransformType.Scale,
-      unit: "",
-    },
-  ];
-  type = TransformType.Position;
-  form = {
-    x: 0,
-    y: 0,
-    z: 0,
-  };
-
-  btnClick(btn) {
-    this.currentBtn = btn;
-    this.type = btn.type;
-    if (this.type == TransformType.Scale) {
-      this.form = {
-        x: 1,
-        y: 1,
-        z: 1,
-      };
-    } else {
-      this.form = {
-        x: 0,
-        y: 0,
-        z: 0,
-      };
-    }
-  }
-
-  isEmpty(val) {
-    return val == null || val.toString() == "";
-  }
-
-  rotateValidate() {
-    let x = Number(this.form.x);
-    let y = Number(this.form.y);
-    let z = Number(this.form.z);
-    return x >= 0 && x <= 360 && y >= 0 && y <= 360 && z >= 0 && z <= 360;
-  }
-
-  cancelEdit() {
-    this.form = {
-      x: 0,
-      y: 0,
-      z: 0,
-    };
-    this.viewer.panelManager.getPanelByName<PositionPanel>("PositionPanel").hide();
-  }
-
-  applyEdit() {
-    if (this.isEmpty(this.form.x) || this.isEmpty(this.form.y) || this.isEmpty(this.form.z)) {
-      return this.$message.warning("输入框的值不能为空");
-    }
-    if (this.type == TransformType.Scale) {
-      if (this.form.x <= 0 || this.form.y <= 0 || this.form.z <= 0) {
-        return this.$message.warning("缩放值必须大于0");
-      }
-    } else if (this.type == TransformType.Rotate) {
-      if (!this.rotateValidate()) {
-        return this.$message.warning("旋转角度必须在0~360°之间");
-      }
-    }
-    this.viewer.panelManager.getPanelByName<PositionPanel>("PositionPanel").saveTransform(this.type, this.form);
-  }
-
-  saveEdit() {
-    let selectedObjects = this.viewer.selectionManager.selectedObjects;
-    let promises = [];
-
-    selectedObjects.forEach((treeNode) => {
-      let p = modelService.setEditInfos(treeNode.modelId, {
-        type: treeNode.isComponent ? "component" : "node",
-        key: treeNode.path,
-        operator: "transform",
-        value: {
-          position: treeNode.transform.position.asArray(),
-          scale: treeNode.transform.scale.asArray(),
-          rotation: treeNode.transform.rotation.asArray(),
-        },
-      });
-      promises.push(p);
-    });
-    Promise.all(promises).then(() => {
-      this.$message.success("保存成功");
-    });
-  }
-
-  setData() {
-    this.$emit("setData", {
-      icon: "weiyibianji",
-      title: "位移编辑",
-      bottom: "10px",
-      right: "10px",
-      width: "250px",
-    });
-    this.currentBtn = this.btns[0];
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-<style scoped lang="scss">
-@import "../../../assets/scss/site";
-.showPosition {
-  height: 100%;
-  font-size: 14px;
-  .content {
-    height: calc(100% - 57px);
-    padding: 10px 15px 0 15px;
-    text-align: left;
-    overflow: auto;
-    .form-wrapper {
-      display: flex;
-      border-top: 1px solid rgba(255, 255, 255, 0.15);
-      padding-top: 10px;
-      .label {
-        width: 50px;
-        text-align: center;
-      }
-      .form {
-        flex: 1;
-        .input-wrapper {
-          display: flex;
-          align-items: center;
-          margin-bottom: 10px;
-          .el-input {
-            margin-right: 5px;
-          }
-          :deep(.el-input-group) {
-            .el-input-group__prepend,
-            .el-input-group__append {
-              padding: 0 10px;
-              background: rgba(255, 255, 255, 0.2);
-              border-color: transparent;
-              color: #fff;
-            }
-            &.el-input-group--prepend {
-              .el-input__inner {
-                border-radius: 0 5px 5px 0;
-              }
-            }
-            &.el-input-group--append {
-              .el-input__inner {
-                border-radius: 5px 0 0 5px;
-                &:focus {
-                  border-right: none;
-                }
-              }
-            }
-          }
-          :deep(.el-input__inner) {
-            border-radius: 5px;
-            background-color: transparent;
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            color: #fff;
-          }
-        }
-      }
-    }
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    border-top: 1px solid rgba(255, 255, 255, 0.15);
-    padding: 10px 15px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/position/positionPanel.ts

@@ -1,64 +0,0 @@
-import Panel from "../panel";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import { Transform } from "gs-bim-air-core/gsDevFx/objects/transform";
-import { Message } from "element-ui";
-import { Vector3 } from "../../../../../longan/src";
-
-export enum TransformType {
-  Position = "移动",
-  Rotate = "旋转",
-  Scale = "缩放",
-}
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class PositionPanel extends Panels.PositionPanel {
-  typeName = "PositionPanel";
-
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfacePositionPanel.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  public hide(): void {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  // saveTransform(type, form) {
-  //   let selectedObjects = this.viewer.selectionManager.selectedObjects;
-  //   let { x, y, z } = form;
-  //   if (selectedObjects && selectedObjects.length > 0) {
-  //     for (let i = 0; i < selectedObjects.length; i++) {
-  //       let selectedObject = selectedObjects[i];
-  //       let transform = selectedObject.transform;
-  //       if (!transform) {
-  //         transform = new Transform(selectedObject);
-  //       }
-  //       let data = new Vector3(Number(x), Number(y), Number(z));
-  //       if (type == TransformType.Position) {
-  //         transform.position = data;
-  //       } else if (type == TransformType.Rotate) {
-  //         data.x = (data.x / 180) * Math.PI;
-  //         data.y = (data.y / 180) * Math.PI;
-  //         data.z = (data.z / 180) * Math.PI;
-  //         transform.rotation = data;
-  //       } else if (type == TransformType.Scale) {
-  //         transform.scale = data;
-  //       }
-  //       console.log("transform", transform);
-  //       selectedObject.setTransform(transform);
-  //     }
-  //     this.viewer.styleManager.updateAllStyle();
-  //   } else {
-  //     Message.warning("请先选择要设置位置的构件");
-  //   }
-  // }
-}

package/src/viewerWrapper/panels/projection/interfaceProjectionPanel.vue

@@ -1,80 +0,0 @@
-<template>
-  <div class="showProjection">
-    <div
-      id="viewer-drawing"
-      :style="{
-        height: commandData.height + 'px',
-        width: commandData.width + 'px',
-      }"></div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import store from "../../../store";
-
-@Component({
-  components: {},
-})
-export default class ShowProjection extends Vue {
-  @Prop() componentData;
-
-  defaultCommandData = null;
-
-  get commandData() {
-    return this.componentData || this.defaultCommandData;
-  }
-
-  @Watch("componentData", { deep: true })
-  onIsComputeChange(val, oldVal) {
-    if (this.componentData.name) {
-      this.$emit("setSubTitle", this.componentData.name);
-    }
-    if (this.componentData.width) {
-      this.$emit("setData", {
-        title: "投影平面地图",
-
-        // bottom: "20px",
-        // left: "20px",
-        width: this.commandData.width + "px",
-        // height: "300px",
-      });
-    }
-  }
-
-  borderMouseUp() {
-    // store.state.viewer2d.updateSize();
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "投影平面地图",
-      bottom: "20px",
-      left: "20px",
-      width: "400px",
-      height: "300px",
-    });
-  }
-
-  closeClick() {}
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.showProjection {
-  position: relative;
-  height: 100%;
-  width: 100%;
-}
-
-#viewer-drawing {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  position: relative;
-}
-</style>