gs-bim-air 3.0.3 → 3.0.5

package/src/viewerWrapper/panels/structureTree/panes/structureTree.vue

@@ -1,227 +0,0 @@
-<template>
-  <div class="structureTree">
-    <div style="display: flex; align-items: center; padding-left: 10px" class="structureTreend">
-      <i class="el-icon-search" @click="searchValueChange" />
-      <el-input
-        v-model="searchValue"
-        class="input-with-search"
-        placeholder="请输入节点名称"
-        size="mini"
-        @keyup.enter.native="searchValueChange"
-        clearable
-        @clear="searchValueChange"></el-input>
-      <el-switch
-        v-model="isTreeLocate"
-        @change="isTreeLocateChange"
-        title="结构树自动定位"
-        style="padding-right: 10px"></el-switch>
-    </div>
-    <gs-divider margin="8px" stroke="1px" />
-
-    <div
-      class="el-scrollbar"
-      v-loading="isTreeLoading || isChecking"
-      element-loading-spinner="el-icon-loading"
-      element-loading-background="rgba(0, 0, 0, 0.8)">
-      <el-tree
-        v-if="!isTreeLoading"
-        ref="structureTree"
-        id="structureTree"
-        :current-node-key="currentTreeKey"
-        :check-strictly="checkStrictly"
-        :load="loadNode"
-        lazy
-        :default-checked-keys="checkKeys"
-        :default-expanded-keys="expandedKeys"
-        :expand-on-click-node="false"
-        :filter-node-method="filterNode"
-        :props="treeProps"
-        draggable
-        highlight-current
-        node-key="id"
-        show-checkbox
-        @check="treeCheck"
-        @node-click="treeNodeClick"
-        @node-drag-start="treeNodeDragStart"
-        @node-drag-enter="treeNodeDragEnter"
-        @node-drag-end="treeNodeDragEnd"
-        @node-drop="treeNodeDrop"
-        @node-contextmenu="treeNodeContextMenuClick"
-        @node-expand="treeNodeExpand"
-        @node-collapse="treeNodeCollapse">
-        <span slot-scope="{ node, data }" class="custom-tree-node" v-show="data.isShow">
-          <i class="GSBimAir icon-a-moxing1" style="padding: 0 5px; font-size: 14px; width: 14px"></i>
-          <div style="flex: 1">
-            <div v-if="isEditingKey === data.id" class="tree-node-input-wrapper">
-              <el-input v-model="nameValue" class="tree-node-input" size="small" ref="editingTreeNodeInput"></el-input>
-              <span class="tree-node-button-wrapper">
-                <el-button
-                  class="tree-node-button"
-                  size="mini"
-                  title="确定"
-                  type="text"
-                  @click.stop.prevent="editRenderObjectConfirm(node, data)">
-                  <i class="el-icon-check"></i>
-                </el-button>
-                <el-button
-                  class="tree-node-button"
-                  size="mini"
-                  title="取消"
-                  type="text"
-                  @click.stop="editRenderObjectCancel(node, data)">
-                  <i class="el-icon-close"></i>
-                </el-button>
-              </span>
-            </div>
-            <div v-else class="tree-node-label">
-              <span :style="{ color: data.obj ? '#75AFFA' : '' }" :title="node.label">{{ node.label }}</span>
-            </div>
-          </div>
-        </span>
-      </el-tree>
-    </div>
-  </div>
-</template>
-
-<script src="./structureTree.ts"></script>
-
-<style lang="scss" scoped>
-@import "../../../../assets/scss/element-variables";
-@import "../../../../assets/scss/site";
-@import "../../../../assets/scss/gs-input-dark";
-@import "../../../../assets/theme/handle.scss";
-
-.structureTree {
-  text-align: left;
-  // background-color: $gs-primary-background;
-  .el-switch.is-checked .el-switch__core {
-    border-color: $gs-primary-active;
-    background-color: $gs-primary-active;
-  }
-  .el-tree {
-    background: transparent;
-    color: $gs-primary-fontColor;
-
-    ::v-deep .el-tree-node:focus > .el-tree-node__content {
-      background: $gs-primary-el-tree-hover;
-    }
-
-    ::v-deep .el-tree-node__content:hover {
-      background: $gs-primary-el-tree-hover;
-    }
-  }
-  ::v-deep .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
-    background-color: $gs-primary-el-tree-hover;
-  }
-}
-
-.input-with-search {
-  margin: 6px 10px;
-  flex: 1;
-  .el-input .el-input__inner {
-    background-color: $gs-white;
-  }
-}
-
-.el-scrollbar {
-  overflow: auto;
-  position: absolute;
-  top: 50px;
-  bottom: 0;
-  left: 0;
-  right: 3px;
-}
-
-.locate-button {
-  position: absolute;
-  bottom: 10px;
-  right: 10px;
-  cursor: pointer;
-  color: #aaa;
-
-  &:hover {
-    color: white;
-  }
-}
-
-.custom-tree-node {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 14px;
-  position: relative;
-  // padding-right: 8px;
-
-  &:hover {
-    .tree-node-button-wrapper {
-      display: inline-block;
-    }
-  }
-
-  i {
-    box-sizing: content-box;
-  }
-
-  .tree-node-input-wrapper {
-    :deep(.tree-node-input) {
-      width: 150px;
-
-      input {
-        height: 26px;
-      }
-    }
-
-    .tree-node-button-wrapper {
-      display: inline-block;
-    }
-  }
-
-  .tree-node-button-wrapper {
-    padding: 0 5px;
-    margin: 10px;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    margin-top: -13px;
-    // background: #3d579b;
-    background: transparent;
-    border-radius: 10px;
-    height: 26px;
-    // display: inline-block;
-    .el-button {
-      color: $gs-primary-el-buttonColor;
-    }
-  }
-
-  .node-hover {
-    display: none;
-  }
-
-  // .tree-node-label {
-  // 	span {
-  // 		padding-left: 0px;
-  // 	}
-  // }
-}
-
-.context-menu {
-  // position: absolute;
-  // right: -100px;
-  div {
-    .el-button {
-      // border: none;
-    }
-  }
-}
-:deep(.el-checkbox) {
-  .el-checkbox__inner {
-    background: transparent;
-    border: 1px solid #aaa;
-  }
-  .el-checkbox__input.is-checked .el-checkbox__inner {
-    background: $gs-primary-checkboxColor;
-    border-color: $gs-primary-checkboxColor;
-  }
-}
-</style>

package/src/viewerWrapper/panels/structureTree/structureTree.ts

@@ -1,54 +0,0 @@
-import { TreeNodeObject } from "gs-bim-air-core/gsDevFx/objects/treeNodeObject";
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-import Panel from "../panel";
-
-import * as Panels from "gs-bim-air-core/panels";
-
-export default class StructureTreePanel extends Panels.StructureTreePanel {
-  isUpdateTree = false;
-  panelComponent: Panel;
-  constructor(viewer: Viewer) {
-    super(viewer);
-    this.componentData = {
-      structureTree: [],
-      checkKeys: [],
-    };
-  }
-
-  show() {
-    if (!this.panelComponent) {
-      this.panelComponent = new Panel(this, () => import("./interfaceStructureTree.vue"));
-    }
-    this.panelComponent.show();
-    super.show();
-  }
-
-  hide() {
-    this.panelComponent.hide();
-    super.hide();
-  }
-
-  updateTree() {
-    if (!this.componentData) {
-      this.componentData = {
-        structureTree: [],
-        checkKeys: [],
-      };
-    }
-    // this.viewer.panelManager.structureTree.componentData = {
-    //   structureTree: [this.viewer.structureTreeManager.rootNode],
-    // };
-    // console.log(
-    //   "this.viewer.structureTreeManager.rootNode",
-    //   this.viewer.structureTreeManager.rootNode
-    // );
-  }
-
-  setChecked(nodeKeys: string[]) {
-    this.componentData = {
-      structureTree: this.componentData.structureTree,
-      checkKeys: nodeKeys,
-    };
-    console.log("this.componentData.checkKeys", this.componentData);
-  }
-}

package/src/viewerWrapper/panels/structureTree/structureTreeBus.ts

@@ -1,4 +0,0 @@
-import { Vue } from "vue-property-decorator";
-
-let structureTreeBus = new Vue();
-export default structureTreeBus;

package/src/viewerWrapper/panels/transparency/interfaceTransparencyPanel.vue

@@ -1,197 +0,0 @@
-<template>
-  <div class="ShowTransparency">
-    <el-row>
-      <el-col :span="8">透明度：</el-col>
-      <el-col :span="16">
-        <el-slider
-          v-model="transparency"
-          :min="0"
-          :max="1"
-          :step="0.01"
-          :marks="marks"
-          :show-tooltip="true"
-          @change="transparencyChange"></el-slider>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script lang="ts">
-import { Viewer } from "gs-bim-air-core/gsDevFx/viewer";
-
-import { Component, Inject, Prop, Vue } from "vue-property-decorator";
-import { LButtonState } from "gs-longan/operators/cameraMouse";
-import { Material } from "gs-bim-air-core/gsDevFx/objects/material";
-
-@Component({
-  components: {},
-})
-export default class ShowTransparency extends Vue {
-  @Prop() componentData;
-
-  @Inject() getViewer;
-
-  marks = {
-    0: "0",
-    1: "1",
-  };
-
-  transparency = 1;
-
-  get viewer(): Viewer {
-    return this.getViewer();
-  }
-
-  transparencyChange(val: number) {
-    if (this.viewer.selectionManager.selectedObject) {
-      this.viewer.selectionManager.selectedObject.setHighlight(false);
-      this.viewer.selectionManager.selectedObject.setTransparency(val, true);
-      console.log("透明度", val);
-    } else {
-      this.$message.warning("未选中节点");
-    }
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "透明度",
-      bottom: "20px",
-      right: "20px",
-      width: "340px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-.ShowTransparency {
-  font-size: 14px;
-  .el-row {
-    line-height: 36px;
-    .el-col:nth-child(2) {
-      text-align: left;
-    }
-  }
-  .bottom {
-    display: flex;
-    justify-content: flex-end;
-    margin: 0 10px;
-    border-top: 1px solid #aaa;
-  }
-  .bgList {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    height: 36px;
-    div {
-      width: 36px;
-      height: 26px;
-      margin-right: 8px;
-      // border: 1px;
-      /* 背景图垂直、水平均居中 */
-      background-position: center center;
-      /* 背景图不平铺 */
-      background-repeat: no-repeat;
-      /* 让背景图基于容器大小伸缩 */
-      background-size: cover;
-      cursor: pointer;
-    }
-  }
-  .bgImgList {
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    height: 36px;
-    .bgImg {
-      width: 38px;
-      height: 28px;
-      padding: 1px;
-      margin-right: 8px;
-      cursor: pointer;
-    }
-  }
-}
-:deep(.el-tabs) {
-  .el-tabs__nav {
-    width: 100%;
-  }
-  .el-tabs__active-bar {
-    width: 50% !important;
-  }
-  .el-tabs__item {
-    padding: 0;
-    width: 50%;
-    color: #fff;
-  }
-  .el-tabs__item.is-active {
-    color: #41aefb;
-  }
-}
-:deep(.el-select) {
-  width: 80%;
-}
-:deep(.el-radio) {
-  color: #fff;
-}
-:deep(.el-checkbox__label) {
-  color: #fff;
-}
-:deep(.el-slider__runway) {
-  width: 80%;
-  height: 6px;
-  margin: 8px 0;
-  .el-slider__marks-text {
-    margin-top: 2px;
-  }
-  .el-slider__button {
-    width: 10px;
-    height: 10px;
-  }
-}
-:deep(.el-collapse) {
-  border: none;
-  .el-collapse-item__header {
-    height: 42px;
-    line-height: 42px;
-    justify-content: flex-end;
-    background-color: transparent;
-    color: #fff;
-    border-bottom: none;
-  }
-  .el-collapse-item__arrow {
-    margin: 0 8px;
-  }
-  .el-collapse-item__content {
-    padding-bottom: 0px;
-    font-size: 13px;
-    color: #fff;
-    line-height: 1.7692307692;
-    background: rgba(13, 16, 17, 0.7);
-  }
-}
-
-.upload-wrapper {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  border: 1px solid #999;
-  cursor: pointer;
-  i {
-    padding: 5px 10px;
-  }
-}
-
-:deep(.el-color-picker) {
-  .el-color-picker__trigger {
-    border: 1px solid #999;
-    border-radius: 0;
-    width: 38px;
-    height: 28px;
-  }
-}
-</style>

package/src/viewerWrapper/panels/transparency/transparencyPanel.ts

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

package/src/viewerWrapper/panels/viewPlan/interfaceViewPlanPanel.vue

@@ -1,133 +0,0 @@
-<template>
-  <div class="showViewPlan">
-    <div class="twoD-threeD-wrapper">
-      <div
-        class="item"
-        v-for="(item, index) in drawingList"
-        :key="index"
-        @click="showViewPlanClick(item)"
-      >
-        <img :src="item.imageSrc" />
-        <div class="mask"></div>
-        <span>{{ item.name }}</span>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Inject, Prop, Vue, Watch } from "vue-property-decorator";
-import store from "../../../store";
-import CommandShowViewPlanItem from "../../commands/showViewPlanItem/commandShowViewPlanItem";
-
-@Component({
-  components: {},
-})
-export default class InterfaceViewPlanPanel extends Vue {
-  @Prop() componentData;
-  @Inject() getViewer;
-
-  defaultPanelData = [];
-  commandShowViewPlanItem = null;
-
-  get viewer() {
-    return this.getViewer();
-  }
-
-  get drawingList() {
-    return this.componentData || this.defaultPanelData;
-  }
-
-  setData() {
-    this.$emit("setData", {
-      title: "楼层平面",
-      bottom: "20px",
-      right: "20px",
-      height: "500px",
-      width: "260px",
-    });
-  }
-
-  mounted() {
-    this.setData();
-  }
-
-  showViewPlanClick(item) {
-    let commandManager = this.viewer.process.commandManager;
-    if (commandManager.currentCommand.typeName !== "CommandShowViewPlanItem") {
-      this.commandShowViewPlanItem = new CommandShowViewPlanItem();
-      commandManager.execute(this.commandShowViewPlanItem);
-    }
-    setTimeout(() => {
-      this.commandShowViewPlanItem.switchViewPlan(item);
-    }, 200);
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme//handle.scss";
-.showViewPlan {
-  color: $gs-primary-fontColor;
-  background-color: $gs-primary-background2;
-  display: flex;
-  height: 100%;
-}
-
-.add-icon-wrapper {
-  width: 40px;
-  margin: auto;
-
-  i {
-    margin: auto;
-    cursor: pointer;
-    font-size: 25px;
-    padding: 10px 0;
-  }
-}
-
-.twoD-threeD-wrapper {
-  position: absolute;
-  top: 10px;
-  bottom: 0;
-  //width: 250px;
-  flex: 1;
-  overflow: auto;
-  overflow-x: hidden;
-
-  .item {
-    padding: 0 10px 0 10px;
-    position: relative;
-    width: 230px;
-    height: 140px;
-
-    img {
-      //width: 230px;
-      //height: 140px;
-      //height: auto;
-      width: 100%;
-      height: 100%;
-      mask-image: linear-gradient(0deg, transparent, #a5a5a5 50%);
-    }
-
-    span {
-      position: absolute;
-      bottom: 20px;
-      left: 20px;
-    }
-
-    .button-wrapper {
-      display: inline-block;
-      position: absolute;
-      bottom: 10px;
-      right: 20px;
-
-      i {
-        cursor: pointer;
-        padding: 10px;
-      }
-    }
-  }
-}
-</style>