gs-bim-air 3.0.3 → 3.0.5

package/src/components/gs-drag-left-right.vue

@@ -1,175 +0,0 @@
-<template>
-  <div id="drag-wrapper" class="drag-wrapper" ref="dragWrapper" title="">
-    <div ref="left" class="left" :style="{ flex: leftFlex }">
-      <slot name="left" style="height: 100%" v-show="isLeftShow"></slot>
-      <div id="tz" @mousedown="drag" v-show="rightFlex > 0"></div>
-    </div>
-
-    <div ref="right" class="right" :style="{ flex: rightFlex }">
-      <slot
-        name="right"
-        style="height: 100%"
-        @closeRightClick="closeRightClick"
-      ></slot>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-
-@Component({
-  components: {},
-})
-export default class GsDragLeftRight extends Vue {
-  @Prop({ default: 0.2 }) minFlex;
-
-  leftFlex = 1;
-  rightFlex = 1;
-  isLeftShow = false;
-
-  @Watch("$store.state.is2DViewer")
-  onIs2DViewerChange() {
-    console.log(this.isLeftShow);
-    if (this.isLeftShow) {
-      this.openLeft();
-    }
-  }
-
-  openLeft() {
-    return new Promise((resolve, reject) => {
-      let left = this.$refs.left as HTMLDivElement;
-      let right = this.$refs.right as HTMLDivElement;
-      this.isLeftShow = true;
-      this.leftFlex = 0.5;
-      this.rightFlex = 0.5;
-
-      resolve(right.clientWidth);
-    });
-  }
-
-  closeLeftClick() {
-    this.isLeftShow = false;
-    this.leftFlex = 0;
-    this.rightFlex = 1;
-    this.$emit("closeClick");
-  }
-
-  throttle(fn, wait) {
-    let timer: any = null;
-    return () => {
-      if (!timer) {
-        timer = setTimeout(() => {
-          fn();
-        }, wait);
-      }
-    };
-  }
-
-  drag(e) {
-    let left = this.$refs.left as HTMLDivElement;
-    let right = this.$refs.right as HTMLDivElement;
-    // 得到点击时该地图容器的宽高：
-    let wrapperWidth = (this.$refs.dragWrapper as HTMLDivElement)!.offsetWidth;
-    let leftWidth = left!.offsetWidth;
-    let rightWidth = right!.offsetWidth;
-
-    let maxWidth = wrapperWidth * 0.8;
-    let minWidth = wrapperWidth * 0.4;
-
-    let startX = e.clientX;
-    let _this = this;
-
-    let timer: any = null;
-    document.onmousemove = (e2) => {
-      move(e2);
-      this.$emit("dragMouseMove");
-
-      function move(e2) {
-        console.log("move");
-        e2.preventDefault();
-        // 得到鼠标拖动的宽高距离：取绝对值
-        let distX = Math.abs(e2.clientX - startX);
-
-        // 往右方拖动：
-        if (e2.clientX > startX) {
-          _this.leftFlex = (leftWidth + distX) / wrapperWidth;
-          _this.rightFlex = (rightWidth - distX) / wrapperWidth;
-        }
-        // 往左方拖动：
-        if (e2.clientX < startX) {
-          _this.leftFlex = (leftWidth - distX) / wrapperWidth;
-          _this.rightFlex = (rightWidth + distX) / wrapperWidth;
-        }
-
-        let leftFlex = _this.leftFlex;
-        if (leftFlex >= 1 - _this.minFlex) {
-          _this.leftFlex = 1 - _this.minFlex;
-          _this.rightFlex = _this.minFlex;
-        }
-        if (leftFlex <= _this.minFlex) {
-          _this.leftFlex = _this.minFlex;
-          _this.rightFlex = 1 - _this.minFlex;
-        }
-      }
-    };
-
-    document.onmouseup = () => {
-      document.onmousemove = null;
-      this.$emit("onmouseup");
-    };
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-#tz {
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 5px;
-  height: 100%;
-  cursor: w-resize;
-}
-
-#move_tz {
-  position: absolute;
-  right: 0;
-  top: 0;
-  width: 27px;
-  height: 20px;
-  cursor: ne-resize;
-  z-index: 100;
-  background-position: 0 0;
-}
-.drag-wrapper {
-  height: 100%;
-  display: flex;
-  overflow: hidden;
-}
-.left {
-  position: relative;
-  height: 100%;
-  width: 50%;
-  flex: 1;
-  display: inline-block;
-
-  & > div {
-    height: 100%;
-  }
-}
-.right {
-  position: relative;
-  height: 100%;
-  width: 50%;
-  flex: 0;
-  display: inline-block;
-}
-
-.close-button {
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 9999;
-}
-</style>

package/src/components/gs-input.vue

@@ -1,63 +0,0 @@
-<!---->
-<template>
-  <div class="input-wrapper">
-    <span style="padding-right: 10px">
-      <slot />
-    </span>
-    <el-input
-      v-model="selfValue"
-      :placeholder="placeholder"
-      :disabled="disabled"
-      :style="{ width }"
-      @input="handelInput"
-    />
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsInput extends Vue {
-  @Prop() selectValue: string | undefined;
-  @Prop() placeholder: string | undefined;
-  @Prop() disabled: boolean = true;
-  @Prop({ type: String, default: "50px" }) width: string = "50px";
-
-  @Prop() value: string | undefined;
-  selfValue: any = null;
-
-  handelInput(value) {
-    this.$emit("input", value);
-  }
-
-  mounted() {
-    this.selfValue = this.value;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.input-wrapper {
-  display: inline-block;
-}
-
-.el-input {
-  /*width: 50px;*/
-  padding: 0 10px 0 0;
-
-  :deep(input) {
-    padding: 0 5px;
-  }
-
-  :deep(.el-input__inner) {
-    height: 20px;
-    /*padding-left: 10px;*/
-    font-size: 10px;
-  }
-
-  :deep(.el-input__icon) {
-    line-height: 20px;
-  }
-}
-</style>

package/src/components/gs-panel-dark.vue

@@ -1,176 +0,0 @@
-<!--下拉panel-->
-<template>
-  <div class="gs-panel-dark" :style="{ width: changeWidth }">
-    <div class="title-wrapper">
-      <div class="title">{{ title }}</div>
-      <!--            <slot name="header"/>-->
-      <div class="button-wrapper">
-        <div class="button"><i class="iconfontBimAir iconcircle" /></div>
-        <div class="button"><i class="iconfontBimAir iconyoushangjiao" /></div>
-      </div>
-    </div>
-
-    <div :class="dropDown ? '' : slotHidden" class="slotShow">
-      <slot />
-      <!--            <div class="el-scrollbar" style="overflow: auto" :style="{'height':changeHeight}">-->
-      <!--                <slot/>-->
-      <!--            </div>-->
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsPanelDark extends Vue {
-  @Prop({ default: "100%" }) height: string | undefined;
-  @Prop({ default: "100%" }) width: string | undefined;
-  @Prop() title: string | undefined;
-
-  direction = "down";
-  dropDown = true;
-  arrowsIcon;
-  changeHeight: string;
-  changeWidth: string;
-
-  get slotHidden(): string {
-    return `slotHidden-${this.direction}`;
-  }
-
-  get isLeft() {
-    return this.direction === "left";
-  }
-
-  get isBottom() {
-    return this.direction === "bottom";
-  }
-
-  buttonClick() {
-    this.dropDown = !this.dropDown;
-    if (this.direction === "down") {
-      this.arrowsIcon = this.dropDown
-        ? "iconfontBimAir iconxia"
-        : "iconfontBimAir iconshang";
-      this.changeHeight = this.dropDown ? this.height : "0px";
-    }
-  }
-
-  mounted() {
-    this.changeHeight = this.height || "0px";
-    this.changeWidth = this.width || "0px";
-    this.arrowsIcon = `iconfontBimAir iconxia`;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-
-$gs-blue-transparent: rgba(31, 149, 210, 0.5);
-
-.gs-panel-dark {
-  position: relative;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  display: inline-block;
-  transition: 0.3s;
-  background-color: $gs-blue-transparent;
-  /*background-color: #0E587D;*/
-  padding: 0;
-  margin-top: 3px;
-  border: 1px solid mix($gs-blue-transparent, white, 80%);
-  box-shadow: 0 0 3px mix($gs-blue-transparent, white, 50%);
-  /*<!--border: 2px solid $gs-green-dark;-->*/
-}
-
-.gs-panel-dark:after {
-  background: inherit;
-  filter: blur(20px);
-  padding: 20px;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.el-scrollbar {
-  transition: 0.3s;
-}
-
-.title-wrapper {
-  font-size: 13px;
-  font-weight: bold;
-  height: 18px;
-  color: $gs-white;
-  text-align: left;
-  padding: 5px 5px 5px 10px;
-  border-bottom: 2px solid $gs-blue-light2;
-  /*<!--border-image: linear-gradient(to right, $gs-blue-light3, transparent) 10;-->*/
-  /*border-image-slice: 10;*/
-
-  .title {
-    background-color: $gs-blue-light31;
-    display: inline-block;
-    min-width: 100px;
-    padding-left: 4px;
-  }
-
-  .button-wrapper {
-    float: right;
-
-    .button {
-      cursor: pointer;
-      display: inline-block;
-      padding: 2px 3px;
-      background-color: $gs-blue-light2;
-      margin-left: 4px;
-      transition: 0.3s;
-
-      &:hover {
-        background-color: #4c7696;
-        color: #2c3e50;
-      }
-
-      i {
-        font-size: 6px;
-      }
-    }
-  }
-}
-
-.self-buttons {
-  vertical-align: center;
-  position: absolute;
-  top: 5px;
-  right: 0;
-  box-sizing: border-box;
-  color: #2c3e50;
-
-  .self-button {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    font-size: 20px;
-    transition: 0.3s;
-
-    &:hover i {
-      color: #007787;
-    }
-
-    i {
-      margin: auto;
-      display: table-cell; /*IE8以上及Chrome、Firefox*/
-      vertical-align: middle; /*IE8以上及Chrome、Firefox*/
-    }
-  }
-}
-
-.icon {
-  color: #c4c4c4;
-  font-weight: bolder;
-  font-size: 20px;
-  line-height: 20px;
-}
-</style>

package/src/components/gs-right-menu.vue

@@ -1,115 +0,0 @@
-<template>
-  <div
-    v-if="show"
-    ref="rightMenu"
-    class="menu_style gs-right-menu"
-    :style="{ top: y + 20 + 'px', left: x + 'px' }"
-  >
-    <ul>
-      <!-- 分别传递事件给父元素调用 -->
-      <!-- <li @click="()=>{$emit('open')}">打开</li>
-            <li @click="()=>{$emit('update')}">编辑</li>
-            <li @click="()=>{$emit('del')}">删除</li> -->
-    </ul>
-    <slot></slot>
-  </div>
-</template>
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-
-@Component({
-  components: {},
-})
-export default class GsRightMenu extends Vue {
-  @Prop() x: {
-    type: number;
-    default: 0;
-  };
-  @Prop() y: {
-    type: number;
-    default: 0;
-  };
-  @Prop() showMenu: {
-    type: boolean;
-    default: false;
-  };
-
-  show = false;
-
-  @Watch("showMenu")
-  // 监听，保持显示状态与父元素一致
-  onShowMenu(val) {
-    this.show = val;
-  }
-
-  get top() {
-    let top = (this.$refs.rightMenu as any).pageY;
-    return top;
-  }
-  // 点击别处时隐藏目录，并传递一个关闭事件
-  closeMenu(e) {
-    this.show = false;
-    // console.log(this.$refs.rightMenu.style, "---------------");
-    this.$emit("close", false);
-  }
-  mounted() {
-    // 监听body上的点击
-    document.querySelector("body").addEventListener("click", this.closeMenu);
-  }
-  beforeDestroy() {
-    // 移除监听
-    document.querySelector("body").removeEventListener("click", this.closeMenu);
-  }
-}
-
-// import { Component, Prop, Vue } from "vue-property-decorator";
-
-// @Component
-// export default class GsButton extends Vue {
-//     @Prop() x: number = 0;
-//     @Prop() y: number = 0;
-//     @Prop() showMenu: boolean = false;
-
-//     show = false;
-//     closeMenu(e) {
-//         this.show = false;
-//         this.$emit("close", false);
-//     }
-
-//     mounted() {
-//         // 监听body上的点击
-//         (document as any)
-//             .querySelector("body")
-//             .addEventListener("click", this.closeMenu);
-//     }
-//     beforeDestroy() {
-//         // 移除监听
-//         (document as any)
-//             .querySelector("body")
-//             .removeEventListener("click", this.closeMenu);
-//     }
-// }
-//
-</script>
-
-
-
-<style scoped>
-.menu_style {
-  position: absolute;
-  /* width: 150px; */
-  background-color: #fff;
-  border-radius: 2px;
-  box-shadow: 2px 2px 14px #d0d0d0;
-}
-.menu_style > ul > li {
-  text-indent: 25px;
-  height: 38px;
-  line-height: 38px;
-  border-bottom: 1px dashed #f0f0f0;
-  cursor: pointer;
-}
-.menu_style > ul > li:hover {
-  background: #e0eeff;
-}
-</style>

package/src/components/gs-roll-list-slot.vue

@@ -1,125 +0,0 @@
-<template>
-    <div class="gs-roll-list">
-        <!-- <div class="header">
-            <div
-                class="header-item"
-                v-for="(item,index) in header"
-                :key="index"
-                :style="{width:item.width}"
-            >
-                {{item.name}}
-            </div>
-        </div> -->
-        <div
-            class="list"
-            :style="{height}"
-        >
-            <div
-                :class="isRoll ? 'rowup': ''"
-                ref="rowup"
-                id="rowup"
-            >
-                <slot name="content"></slot>
-
-                <!-- <div
-                    v-for="(row,index) in doubleData"
-                    :key="index"
-                    class="row"
-                >
-                    <div
-                        class="col"
-                        v-for="(col,key,i) in row"
-                        :key="key"
-                        :style="{width:header[i].width}"
-                    >{{col}}</div>
-                </div> -->
-            </div>
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component({ components: {} })
-export default class GsRollList extends Vue {
-    // @Prop() header: [{ name: string; width: string }];
-    // @Prop() data: [];
-    @Prop({ default: true }) isRoll: boolean = true;
-    @Prop({ default: "20vh" }) height: string = "20vh";
-
-    second = 0;
-
-    // get doubleData() {
-    //     if (this.isRoll) {
-    //         return this.data.concat(this.data);
-    //     } else {
-    //         return this.data;
-    //     }
-    // }
-
-    mounted() {
-        let rowup: any = document.getElementById("rowup");
-        let offsetHeight = rowup.offsetHeight;
-        let style = document.styleSheets[0];
-        (style as CSSStyleSheet).insertRule(
-            `@keyframes rowup {0% {transform: translate3d(0, 0, 0);}100% {transform: translate3d(0, -${
-                offsetHeight / 2
-            }px, 0);}}`,
-            0
-        );
-        (style as CSSStyleSheet).insertRule(
-            `.rowup {animation: ${
-                offsetHeight / 60
-            }s rowup linear infinite normal;position: relative;}`,
-            0
-        );
-
-        // this.second = offsetHeight / 60;
-    }
-}
-</script>
-
-<style scoped>
-.gs-roll-list {
-    color: rgb(24, 255, 255);
-}
-.header {
-    font-size: 14px;
-    font-weight: bold;
-}
-.header-item {
-    display: inline-block;
-}
-.row {
-    margin: 5px 0;
-}
-.col {
-    display: inline-block;
-    /* padding: 10px; */
-    text-align: center;
-    vertical-align: top;
-    font-size: 14px;
-}
-/* @keyframes rowup {
-    0% {
-        transform: translate3d(0, 0, 0);
-    }
-    100% {
-        transform: translate3d(0, -427px, 0);
-    }
-} */
-.list {
-    width: 100%;
-    /* border: 1px solid #999; */
-    /* margin: 20px auto; */
-    position: relative;
-    /* height: 20vh; */
-    overflow: hidden;
-}
-
-/* .rowup {
-    animation: 12s rowup linear infinite normal;
-    position: relative;
-} */
-</style>

package/src/components/gs-select-small.vue

@@ -1,67 +0,0 @@
-<!---->
-<template>
-  <div class="gs-select-small">
-    <el-select
-      v-model="value"
-      :placeholder="placeholder"
-      :style="{ width }"
-      popper-class="dark-select"
-      @change="handelChange">
-      <el-option v-for="item in selectData" :key="item.value" :label="item.label" :value="item.value"></el-option>
-    </el-select>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-// export interface SelectData {
-//     label: string, value: number
-// }
-@Component
-export default class GsSelectSmall extends Vue {
-  @Prop() selectValue: string | undefined;
-  @Prop() placeholder: string | undefined;
-  @Prop({ type: String, default: "80px" }) width: string = "80px";
-  // @Prop() selectData: Array<{ label: string, value: number }>;
-  // @Prop() options: {
-  //     label: string,
-  //     value: string | undefined
-  // };
-  @Prop({ type: Boolean }) default: boolean = true;
-
-  value: number | undefined = 0;
-
-  handelChange(value) {
-    this.$emit("selectClick", value);
-  }
-
-  mounted() {
-    if (this.default) {
-      // this.value = null;
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.gs-select-small {
-  display: inline-block;
-}
-
-.el-select {
-  /*width: 80px;*/
-  padding: 0 5px;
-
-  :deep(.el-input__inner) {
-    height: 27px;
-    padding-left: 5px;
-    padding-right: 25px;
-    font-size: 10px;
-  }
-
-  :deep(.el-input__icon) {
-    line-height: 27px;
-  }
-}
-</style>