gs-bim-air 3.0.3 → 3.0.5

package/src/components/gs/gsTreeNode/gs-property-tree-node.vue

@@ -1,158 +0,0 @@
-<template>
-  <div class="gs-tree-node">
-    <div @click="nodeClick" class="node">
-      <div v-if="node.items" class="tree-node" :style="{ paddingLeft: level * 20 + 'px' }">
-        <i
-          :class="isExpend ? 'el-icon-caret-bottom' : 'el-icon-caret-right'"
-          style="color: #c4c7cf"
-          :style="{
-            visibility: node.items.length === 0 ? 'hidden' : 'visible',
-          }" />
-        <div class="text">
-          <slot name="tree-node" :node="node" :parent="parent" style="position: relative"></slot>
-          <!-- {{ name }} -->
-        </div>
-      </div>
-
-      <div v-if="!node.items" class="leaf-node">
-        <slot name="leaf-node" :node="node" :parent="parent" :level="level" style="flex: 1"></slot>
-        <!-- <div
-          class="left"
-          :style="{
-            paddingLeft: level * 20 + 'px',
-          }"
-        >
-          {{ node }}
-          <span>:</span>
-        </div>
-        <div class="right">
-          {{ node }}
-        </div>-->
-      </div>
-    </div>
-
-    <el-collapse-transition>
-      <div v-if="node.items" v-show="isExpend" style="">
-        <gs-tree-node
-          v-for="(item, index) in node.items"
-          :key="index"
-          :node="item"
-          :parent="node"
-          :index="index"
-          :level="level + 1">
-          <div slot="tree-node" slot-scope="{ node, parent }" style="width: 100%">
-            <slot name="tree-node" :node="node" :parent="parent"></slot>
-          </div>
-          <div slot="leaf-node" slot-scope="{ node, parent, level }" style="width: 100%">
-            <slot name="leaf-node" :node="node" :parent="parent" :level="level"></slot>
-          </div>
-        </gs-tree-node>
-      </div>
-    </el-collapse-transition>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-// let NodeContent = {
-//   props: {
-//     node: {
-//       required: true,
-//     },
-//   },
-//   render(h) {
-//     const parent = this.$parent;
-//     const tree = parent.tree;
-//     const node = this.node;
-//     const { data, store } = node;
-//     return tree.$scopedSlots.default
-//       ? tree.$scopedSlots.default({ node, data })
-//       : ` <span class="el-tree-node__label">{node.label}</span>`;
-//   },
-// };
-
-@Component({ components: {} })
-export default class GsTreeNode extends Vue {
-  @Prop() node: string;
-  @Prop() index: number;
-  @Prop() level: number;
-  @Prop() parent: any;
-
-  isExpend = true;
-
-  nodeClick() {
-    this.isExpend = !this.isExpend;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-$border-color: #292b36;
-
-.gs-tree-node {
-  font-size: 15px;
-
-  .node {
-    cursor: pointer;
-    font-size: 15px;
-    line-height: 35px;
-    display: flex;
-    width: 100%;
-
-    &:hover {
-      background: #4c6c8d;
-      // background: #333640;
-    }
-
-    .tree-node {
-      border: 1px solid $border-color;
-      border-bottom: none;
-      width: 100%;
-      display: flex;
-      align-items: center;
-      position: relative;
-      background: #464a5d;
-      font-size: 14px;
-
-      .text {
-        word-wrap: break-word;
-        display: inline-block;
-        flex: 1;
-      }
-    }
-
-    .leaf-node {
-      color: #ccc;
-      display: flex;
-      width: 100%;
-      > div {
-        flex: 1;
-      }
-
-      //   div {
-      //     min-height: 26px;
-      //     line-height: 26px;
-      //     vertical-align: middle;
-      //     padding: 0 10px;
-      //   }
-
-      //   .left {
-      //     border: 1px solid $border-color;
-      //     border-left: none;
-      //     width: 100px;
-      //   }
-
-      //   .right {
-      //     flex: 1;
-      //     border: 1px solid $border-color;
-      //     border-radius: none;
-      //     margin-left: -1px;
-      //     color: #fff;
-      //     word-wrap: break-word;
-      //     word-break: break-all;
-      //   }
-    }
-  }
-}
-</style>

package/src/components/gs/gsTreeNode/index.ts

@@ -1,7 +0,0 @@
-import GsTreeNode from "./gs-property-tree-node.vue";
-const component = {
-  install: (Vue) => {
-    Vue.component("GsTreeNode", GsTreeNode);
-  },
-};
-export default component;

package/src/components/gs-animation-box.vue

@@ -1,73 +0,0 @@
-<template>
-    <div class="gs-animation-box">
-        <div class="animation-box">
-            <slot />
-        </div>
-    </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsAnimationBox extends Vue {}
-</script>
-
-<style scoped>
-.animation-box,
-.animation-box::before,
-.animation-box::after {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-
-.animation-box {
-    width: 200px;
-    height: 200px;
-    margin: auto;
-    /* background: url("img/Button-White-Large.png") no-repeat 50%/70%
-        rgba(0, 0, 0, 0.1); */
-    color: #68eaf3;
-    box-shadow: inset 0 0 0 1px rgba(111, 235, 228, 0.5);
-}
-
-.animation-box::before,
-.animation-box::after {
-    content: "";
-    z-index: -1;
-    margin: -5%;
-    box-shadow: inset 0 0 0 2px;
-    animation: clipMe 8s linear infinite;
-}
-
-.animation-box::before {
-    animation-delay: -4s;
-}
-
-.animation-box:hover::after,
-.animation-box:hover::before {
-    background-color: rgba(255, 0, 0, 0.3);
-}
-
-@keyframes clipMe {
-    0%,
-    100% {
-        clip: rect(0px, 220px, 2px, 0px);
-    }
-
-    25% {
-        clip: rect(0px, 2px, 220px, 0px);
-    }
-
-    50% {
-        clip: rect(218px, 220px, 220px, 0px);
-    }
-
-    75% {
-        clip: rect(0px, 220px, 220px, 218px);
-    }
-}
-</style>

package/src/components/gs-badge.vue

@@ -1,40 +0,0 @@
-<template>
-    <div class="gs-badge">
-        <slot />
-        <div
-            class="gs-badge__content"
-            :style="{backgroundColor:color}"
-        >{{content}}</div>
-    </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsButton extends Vue {
-    @Prop() value: number | string = "";
-    @Prop() max: number = 100;
-    @Prop({ default: "#666" }) color: string = "#666";
-
-    get content() {
-        return Number(this.value) > this.max ? `${this.max}+` : this.value;
-    }
-}
-</script>
-
-<style scoped>
-.gs-badge {
-    display: inline-block;
-}
-
-.gs-badge__content {
-    display: inline-block;
-    position: relative;
-    border-radius: 0.4rem;
-    color: white;
-    top: -0.3rem;
-    font-size: 0.7rem;
-    padding: 0.15rem;
-}
-</style>

package/src/components/gs-button-bigIcon.vue

@@ -1,102 +0,0 @@
-<template>
-  <div class="button-wrapper">
-    <a href="javascript:void(0);" class="button" @click="openClick()">
-      <i class="iconfontBimAir" :class="icon" style="font-size: 70px" />
-      <div style="padding: 14px">
-        <div class="button-name">
-          <slot />
-        </div>
-      </div>
-    </a>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-
-@Component({
-  components: {},
-})
-export default class GsButtonBigIcon extends Vue {
-  @Prop() icon = "";
-
-  openClick(index) {
-    this.$emit("click", index);
-  }
-}
-</script>
-
-<style scoped>
-a {
-  text-decoration: none;
-}
-
-.button-wrapper {
-  text-align: left;
-  padding: 20px 10px;
-  display: inline-block;
-}
-
-.button {
-  display: inline-block;
-  position: relative;
-  text-align: center;
-  color: #004987;
-  width: 130px;
-  padding-top: 20px;
-  margin: 0 5px;
-  border: 1px solid transparent;
-  border-radius: 5px;
-  vertical-align: top;
-  transition: 0.3s;
-}
-
-.button:hover {
-  /*background-color: #dae6e6;*/
-  background-color: #e6f2f2;
-  color: #ff2157;
-}
-
-.button:active {
-  /*background-color: #f2ffff;*/
-}
-
-.button.isChoose {
-  background-color: #e6f2f2;
-  border: 1px teal solid;
-}
-
-.button:hover .el-icon-success {
-  visibility: visible;
-}
-
-.button .el-icon-success {
-  visibility: hidden;
-  font-size: 20px;
-  color: rgb(180, 188, 178);
-  position: absolute;
-  top: 10px;
-  left: 10px;
-}
-
-.button .el-icon-success.isHover {
-  color: rgb(140, 208, 201);
-}
-
-.button .el-icon-success:active {
-  color: rgb(0, 124, 133);
-}
-
-.button .el-icon-success.isChoose {
-  color: rgb(0, 124, 133);
-  visibility: visible;
-}
-
-.button-name {
-  font-size: 14px;
-  /*width: 100px;*/
-  white-space: normal;
-  word-wrap: break-word;
-  word-break: break-all;
-}
-</style>

package/src/components/gs-button-icon-border.vue

@@ -1,111 +0,0 @@
-<!---->
-<template>
-  <div class="button-wrapper">
-    <div class="gs-button" ref="button" @click="handleClick">
-      <i v-if="icon" class="icon" :class="icon" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsButtonIconBorder extends Vue {
-  @Prop() icon?: string;
-
-  handleClick(evt: any) {
-    this.$emit("click", evt);
-  }
-
-  mounted() {}
-}
-</script>
-
-<style lang="scss" scoped>
-.button-wrapper {
-  display: inline-block;
-}
-
-.gs-button {
-  height: auto;
-  width: auto;
-  padding: 5px 6px;
-  margin: 5px 8px;
-  border: 1px solid transparent;
-  font-size: 8px;
-  background-color: transparent;
-  cursor: pointer;
-  text-align: center;
-  transition: 0.1s;
-  border-radius: 5px;
-
-  &:hover {
-    background-color: #ddd;
-  }
-
-  &:active {
-    /*background-color: teal;*/
-    border: 1px solid teal;
-    color: #a7a7a7;
-  }
-
-  .iconfontBimAir {
-    // font-weight: bold;
-    // font-size: 20px;
-    color: black;
-  }
-  .icon {
-    color: black;
-    font-weight: 900;
-  }
-
-  .bg {
-    background: no-repeat;
-    height: 32px;
-    width: 32px;
-    display: inline-block;
-  }
-
-  .icon-wrapper {
-    border: 1px solid transparent;
-    transition: 0.3s;
-
-    &:hover {
-      border: 1px solid teal;
-    }
-  }
-}
-
-.button-children {
-  position: absolute;
-  background-color: white;
-  z-index: 3002;
-  box-shadow: #b7b7b7 0 0 3px;
-}
-
-.children-wrapper {
-  padding: 5px 20px;
-  /*transition: 0.1s;*/
-  white-space: nowrap;
-  text-align: left;
-
-  &:hover {
-    background-color: #e3e3e3;
-  }
-
-  &:active {
-    background-color: #607e97;
-  }
-
-  div {
-    display: inline-block;
-    vertical-align: top;
-  }
-
-  .text {
-    padding: 5px;
-    line-height: 32px;
-  }
-}
-</style>

package/src/components/gs-button-select-right.vue

@@ -1,126 +0,0 @@
-<!--点击可下拉选择列表-->
-<template>
-  <div class="gs-button-select-right">
-    <div ref="father">
-      <el-button
-        size="mini"
-        :type="type"
-        :style="{ width: width }"
-        @click.stop="dropdownClick"
-      >
-        <slot />
-        <i class="el-icon-caret-right" style="float: right" />
-      </el-button>
-    </div>
-
-    <div
-      class="button-children"
-      ref="option"
-      :style="{ left: left + 'px', top: top + 'px' }"
-      v-if="selectData"
-      v-show="visible"
-    >
-      <div
-        class="button-wrapper"
-        v-for="(button, index) in selectData"
-        :key="index"
-        @click="selectClick(index)"
-      >
-        {{ button }}
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-@Component
-export default class GsButtonSelect extends Vue {
-  @Prop() type: string | undefined;
-  @Prop() width: string | undefined;
-  // @Prop() icon: string | undefined;
-  // @Prop() hint: string | undefined;
-  @Prop() selectData: any;
-
-  visible = false;
-  hintVisible = false;
-  left = 0;
-  top = 0;
-
-  buttonClick() {
-    this.hintVisible = false;
-    if (this.selectData) {
-      this.visible = !this.visible;
-    } else {
-      this.$emit("click");
-    }
-  }
-
-  handleBlur() {
-    setTimeout(() => {
-      this.visible = false;
-    }, 100);
-  }
-
-  dropdownClick() {
-    this.visible = !this.visible;
-    let option = this.$refs.option as Element;
-    let father = this.$refs.father as Element;
-    this.left = father.getBoundingClientRect().left + father.clientWidth;
-    this.top = father.getBoundingClientRect().top;
-
-    document.body.appendChild(option as Element);
-    document.addEventListener("click", (e) => {
-      if (!option.contains(e.target as Element)) {
-        this.visible = false;
-      }
-    });
-  }
-
-  selectClick(index: number) {
-    this.$emit("selectClick", index);
-    this.visible = false;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.gs-button-select-right {
-  position: relative;
-  width: auto;
-  display: inline-block;
-  margin-left: 10px;
-}
-
-.el-button {
-  padding-right: 8px;
-}
-
-.button-children {
-  position: absolute;
-  background-color: white;
-  /*border: 1px solid #eee;*/
-  z-index: 1000;
-  box-shadow: #666666 2px 2px 5px;
-}
-
-.button-wrapper {
-  padding: 5px 30px;
-  transition: 0.1s;
-  /*border: 1px solid #eee;*/
-  white-space: nowrap;
-  text-align: left;
-  cursor: pointer;
-  font-size: 12px;
-
-  &:hover {
-    background-color: #e3e3e3;
-    color: teal;
-  }
-
-  &:active {
-    background-color: #607e97;
-  }
-}
-</style>