gs-bim-air 3.0.3 → 3.0.5

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

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

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

@@ -1,285 +0,0 @@
-<!--一个纯色icon加纯色背景-->
-<template>
-  <div
-    class="gs-button-icon-wrapper"
-    @mouseleave="visible = false"
-    :disabled="disabled ? 'disabled' : false"
-    ref="button"
-    @click="handleClick">
-    <div class="gs-button-icon" @mouseover.stop.prevent="visible = true" @blur="handleBlur">
-      <div class="border-box" :class="{ 'gs-button-icon-hover': !disabled, active: active && isActive }">
-        <i v-if="icon" :class="[{ active: active && isActive }, getIcon(icon)]" class="group-active-icon" />
-        <img v-else-if="src" :src="src" :class="{ 'active-img': active && isActive }" class="group-active-icon" />
-        <div v-if="$slots.text" :class="{ active: active && isActive }" class="group-active-icon text">
-          <slot name="text" />
-        </div>
-      </div>
-    </div>
-    <div class="button-text">
-      <slot />
-    </div>
-
-    <div
-      class="button-hover"
-      v-show="visible"
-      @mouseover="visible = true"
-      @mouseleave="visible = false"
-      v-if="$slots.hover"
-      @click="visible = false">
-      <slot name="hover"></slot>
-    </div>
-    <i v-if="$slots.hover" v-show="!visible" class="el-icon-caret-top"></i>
-  </div>
-</template>
-
-<script lang="ts">
-import { VNode } from "vue";
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import { oldIcon, newIcon } from "../../../assets/icon";
-
-@Component
-export default class GsButtonIcon extends Vue {
-  @Prop() size: string | undefined;
-  @Prop() icon: string;
-  @Prop() src: string;
-  @Prop() background: string;
-  @Prop() active: boolean;
-  @Prop({ default: false }) disabled: boolean;
-
-  isActive = false;
-  visible = false;
-  iconList = newIcon; //新图标
-  //iconArr = oldIcon;//旧图标
-  @Watch("active")
-  onActiveChange() {
-    this.isActive = this.active;
-  }
-
-  getIcon(icon) {
-    return this.iconList[icon] ? this.iconList[icon] : icon;
-  }
-
-  handleClick(evt: any) {
-    if (this.disabled) {
-      return;
-    }
-    this.$emit("click", evt);
-    if (this.active && !this.$slots.hover) {
-      this.isActive = !this.isActive;
-    }
-
-    if ((this.$refs.button as any).index !== undefined) {
-      let setActiveIndex = new Event("setActiveIndex");
-      // 触发事件
-      (this.$refs.button as HTMLDivElement).dispatchEvent(setActiveIndex);
-    }
-  }
-
-  handleBlur() {
-    setTimeout(() => {
-      this.visible = false;
-    }, 100);
-  }
-
-  mouseover() {}
-
-  mouseleave() {}
-
-  mounted() {
-    this.isActive = this.active;
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-// $gs-primary-iconColorActive: $gs-primary-iconColorActive;
-
-.gs-button-icon-wrapper {
-  display: inline-block;
-  // overflow: hidden; //新增
-  position: relative;
-  // margin: auto;
-  cursor: pointer;
-  user-select: none;
-  border-radius: 4px;
-  text-align: center;
-  background: transparent;
-}
-
-.gs-button-icon {
-  text-align: center;
-
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  // padding: 4px 0;
-  margin: 0 3px;
-
-  .border-box {
-    width: 30px;
-    height: 30px;
-    border: 2px solid transparent;
-    border-radius: 4px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-
-  img {
-    // border: 2px solid transparent;
-    // border-radius: 4px;
-    position: relative;
-    padding: 4px;
-    width: 30px;
-    height: 30px;
-    // top: 2px;
-  }
-
-  i {
-    font-size: 22px;
-    // border: 2px solid transparent;
-    // border-radius: 4px;
-    padding: 4px;
-    display: flex;
-    // width: 30px;
-    // height: 30px;
-    // line-height: 30px;
-    color: $gs-primary-iconColor;
-    text-align: center;
-
-    &::before {
-      vertical-align: middle;
-    }
-  }
-
-  .text {
-    font-size: 20px;
-    border: 2px solid transparent;
-    border-radius: 4px;
-    padding: 4px;
-    display: inline-block;
-    width: 24px;
-    height: 24px;
-    color: $gs-primary-iconColor;
-    text-align: center;
-  }
-
-  .active {
-    // border: 2px solid transparent;
-    //filter: drop-shadow(60px 0 #41aefb);
-    position: relative;
-    border-radius: 5px;
-    color: #fff;
-  }
-
-  .active-img {
-    // border: 2px solid transparent;
-    filter: drop-shadow(60px 60px $gs-primary-iconColorActive);
-    position: relative;
-    left: -60px;
-    color: $gs-primary-iconColorActive;
-  }
-}
-
-.gs-button-icon-hover {
-  &:hover {
-    border: 2px solid $gs-primary-active;
-
-    img {
-      // border: 2px solid #41aefb;
-      filter: drop-shadow(60px 60px $gs-primary-active);
-      // position: relative;
-      left: -60px;
-      visibility: hidden;
-    }
-
-    // i {
-    //   // border: 2px solid #41aefb;
-    //   color: $gs-primary-active;
-    // }
-
-    // .text {
-    //   color: $gs-primary-active;
-    // }
-    .active {
-      background: transparent;
-    }
-  }
-}
-
-.el-icon-caret-top {
-  position: absolute;
-  top: -3px;
-  margin-right: 5px;
-  color: #afbdd0;
-  font-size: 10px;
-}
-
-.button-hover {
-  background: $gs-primary-background;
-  // width: 46px;
-  position: absolute;
-  bottom: calc(100% + 12px);
-  left: 50%;
-  transform: translateX(-50%);
-  display: flex;
-  flex-direction: column;
-  padding: 5px;
-  // margin-left: -4px;
-  // border-top-left-radius: 4px;
-  // border-top-right-radius: 4px;
-  border-radius: 4px;
-  .gs-button-group {
-    display: flex;
-    align-items: center;
-    flex-direction: column;
-    width: max-content;
-    &::after {
-      content: "";
-      width: 100%;
-      height: 12px;
-      position: absolute;
-      bottom: -12px;
-      left: 0;
-      background: transparent;
-    }
-    .gs-button-icon-wrapper {
-      width: 100%;
-      margin: 2px 0;
-    }
-    .gs-button-icon {
-      // width: 100%;
-      .border-box {
-        width: 100%;
-        height: 25px;
-      }
-      .text {
-        width: unset;
-        height: unset;
-        font-size: 14px;
-        flex: 1;
-        text-align: left;
-      }
-      i {
-        font-size: 18px;
-      }
-      .gs-button-icon-hover {
-        &:hover {
-          border-color: transparent;
-          i,
-          .text {
-            color: #fff;
-          }
-        }
-      }
-    }
-  }
-}
-
-.button-text {
-  color: $gs-primary-iconColor;
-}
-</style>

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

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

package/src/components/gs/gsDialog/gs-dialog.vue

@@ -1,128 +0,0 @@
-<template>
-  <el-dialog
-    :modal="true"
-    :modal-append-to-body="true"
-    :append-to-body="true"
-    :title="title"
-    :visible.sync="isVisible"
-    :width="width"
-    :height="height"
-    :top="top"
-    :close-on-click-modal="false"
-    :show-close="true"
-    :close-on-press-escape="true"
-    center
-    :class="{ 'dialog-dark': type === 'dark' }"
-    @close="closeClick">
-    <div class="divider"></div>
-    <div class="dialog-wrapper">
-      <slot></slot>
-    </div>
-    <div class="divider"></div>
-    <div slot="footer" class="footer">
-      <el-button size="small" @click="cancelClick">取消</el-button>
-      <el-button type="primary" size="small" @click="$emit('confirm')" :disabled="disabled">确定</el-button>
-    </div>
-  </el-dialog>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import { Dialog } from "element-ui";
-Vue.use(Dialog);
-
-@Component
-export default class GsDialog extends Vue {
-  @Prop() value = false;
-  // @Prop() switchStyle = true;
-  @Prop({ default: "标题" }) title;
-  @Prop({ default: "500px" }) width;
-  @Prop({ default: "1000px" }) height;
-  @Prop({ default: "15vh" }) top;
-  @Prop({ default: false }) disabled;
-  @Prop({ default: "rgb(231, 231, 231)" }) cancelButtonColor: string;
-  @Prop() type;
-
-  isVisible = false;
-
-  @Watch("value")
-  onValueChange() {
-    this.isVisible = this.value;
-  }
-
-  @Watch("isVisible")
-  onIsVisibleChange() {
-    if (this.isVisible === false) {
-      this.$emit("input", false);
-    }
-  }
-
-  closeClick() {
-    this.isVisible = false;
-  }
-
-  cancelClick() {
-    this.isVisible = false;
-    this.$emit("cancel");
-  }
-
-  mouseover() {}
-
-  mouseleave() {}
-
-  mounted() {}
-}
-</script>
-
-<style lang="scss" scoped>
-@import "../../../assets/scss/site";
-@import "../../../assets/theme/handle.scss";
-
-:deep(.el-dialog--center .el-dialog__body) {
-  padding: 0px;
-}
-
-:deep(.el-dialog) {
-  // background: transparent;
-  border-radius: 10px;
-  .el-dialog__header {
-    padding: 15px;
-  }
-  .el-dialog__footer {
-    padding: 10px 20px;
-    .el-button {
-      &.el-button--primary {
-        background: #3979e7;
-      }
-      &.el-button--default {
-        color: #3979e7;
-        background-color: #eef5ff;
-        border: 1px solid #084eda;
-      }
-      &:hover {
-        opacity: 0.8;
-      }
-    }
-  }
-}
-.divider {
-  width: 100%;
-  height: 1px;
-  background: #d8d8d8;
-}
-
-.dialog-wrapper {
-  padding: 25px 25px;
-}
-
-.footer {
-  text-align: right;
-}
-
-:deep(.el-input__inner) {
-  border: 1px solid #dddcdc;
-  &:focus {
-    border-color: #3979e7;
-  }
-}
-</style>

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

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

package/src/components/gs/gsDivider/gs-divider.vue

@@ -1,34 +0,0 @@
-<!--一个纯色icon加纯色背景-->
-<template>
-  <!-- <el-divider :direction="direction"></el-divider> -->
-  <div style="width: 100%" class="gs-divider">
-    <div class="divider" :style="{ height: stroke, background: color, margin: `0 ${margin}` }"></div>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue } from "vue-property-decorator";
-
-enum Direction {
-  Horizontal = "horizontal",
-  Vertical = "vertical",
-}
-
-@Component
-export default class GsDivider extends Vue {
-  // @Prop() direction: Direction = Direction.Horizontal;
-  @Prop({ default: "1px" }) stroke: number;
-  @Prop({ default: "rgba(255,255,255,0.15)" }) color: string;
-  @Prop({ default: "0" }) margin: string;
-}
-</script>
-
-<style lang="scss" scoped>
-.divider {
-  margin: 0;
-  //width: 100%;
-  //height: 2px;
-  //background: #ffffff;
-  //opacity: 0.2;
-}
-</style>

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

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

package/src/components/gs/gsTree/gs-property-tree.vue

@@ -1,71 +0,0 @@
-<template>
-  <div class="gs-tree">
-    <gs-tree-node
-      v-for="(item, index) in data"
-      :key="index"
-      :parent="data"
-      :node="item"
-      :index="index"
-      :level="1"
-    >
-      <div slot="tree-node" slot-scope="{ node, parent }">
-        <slot name="tree-node" :node="node" :parent="parent"></slot>
-      </div>
-      <div slot="leaf-node" slot-scope="{ node, parent, level }">
-        <slot
-          name="leaf-node"
-          :node="node"
-          :parent="parent"
-          :level="level"
-        ></slot>
-      </div>
-    </gs-tree-node>
-  </div>
-</template>
-
-<script lang="ts">
-import { Component, Prop, Vue, Watch } from "vue-property-decorator";
-import GsTreeNode from "../gsTreeNode";
-Vue.use(GsTreeNode);
-
-@Component({
-  components: {},
-})
-export default class GsTree extends Vue {
-  @Prop() data: any;
-
-  // @Watch("data", {deep: true})
-  updateData() {
-    this.data.forEach((item) => {
-      this.addParent(item, []);
-    });
-  }
-
-  addParent(child, parentGroup: string[]) {
-    if (!parentGroup) {
-      child.parentGroup = [];
-    } else {
-      child.parentGroup = parentGroup;
-    }
-    if (child.items) {
-      child.items.forEach((item) => {
-        this.addParent(item, [...child.parentGroup.concat([child.name])]);
-      });
-    }
-  }
-
-  mounted() {
-    if (this.data) {
-      this.data.forEach((item) => {
-        this.addParent(item, []);
-      });
-      console.log("this.data---------", this.data);
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.gs-tree {
-}
-</style>

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

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