n20-common-lib 3.0.36 → 3.0.38

package/src/components/TableSetSize/index copy.vue

@@ -1,69 +0,0 @@
-<template>
-  <div class="el-table-set-size flex-box">
-    <div class="el-table-set-size-item m-r-0" :class="sizeC === 'mini' && 'active'" @click="setSize('mini')">
-      <img class="icon-mini" src="./mini.png" />
-      <div class="text-mini">{{ _lang === 'zh' ? '小行距' : 'mini' }}</div>
-    </div>
-    <div class="el-table-set-size-item" :class="sizeC === 'small' && 'active'" @click="setSize('small')">
-      <img class="icon-small" src="./small.png" />
-      <div class="text-small">{{ _lang === 'zh' ? '中行距' : 'small' }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'TableSetSize',
-  props: {
-    size: {
-      type: String,
-      default: 'small'
-    },
-    mini: {
-      type: Object,
-      default: () => ({
-        border: true,
-        size: 'mini',
-        stripe: true
-      })
-    },
-    small: {
-      type: Object,
-      default: () => ({
-        border: true,
-        size: 'small',
-        stripe: false
-      })
-    }
-  },
-  data() {
-    let _this = this
-    return {
-      sizeC: localStorage.getItem('table-size') || _this.size
-    }
-  },
-  watch: {
-    size() {
-      this.setSize(localStorage.getItem('table-size') || this.size, 'pasv')
-    }
-  },
-  created() {
-    this.setSize(localStorage.getItem('table-size') || this.size, 'pasv')
-  },
-  methods: {
-    setSize(type, t) {
-      this.sizeC = type
-      localStorage.setItem('table-size', type)
-      if (type === 'mini') {
-        this.$emit('resize', this.mini)
-      } else if (type === 'small') {
-        this.$emit('resize', this.small)
-      }
-
-      if (t !== 'pasv') {
-        this.$emit('update:size', localStorage.getItem('table-size') || type)
-      }
-    }
-  }
-}
-</script>

package/src/components/TableSetSize/style.scss

@@ -1,81 +0,0 @@
-@import '@/assets/css/element-variables.scss';
-.el-table div.hidden-columns {
-  visibility: initial;
-  position: initial;
-  height: 0;
-  width: 0;
-
-  > * {
-    visibility: hidden;
-  }
-  > .el-table-set-size {
-    visibility: initial;
-  }
-}
-.el-table-set-size {
-  box-sizing: border-box;
-  width: 6px;
-  height: 40px;
-
-  border-radius: 4px 0 0 4px;
-
-  position: absolute;
-  top: 0;
-  right: 0;
-  z-index: 9;
-
-  overflow: hidden;
-
-  transition: all 0.3s;
-  &::before {
-    content: '';
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: $--color-primary;
-    opacity: 0.7;
-  }
-
-  &:hover {
-    width: 88px;
-  }
-
-  &-item {
-    margin: 3px 6px;
-    width: 36px;
-    height: 34px;
-    border-radius: 4px;
-
-    color: $--color-white;
-    z-index: 1;
-    cursor: pointer;
-    &:hover {
-      background: $--color-primary;
-    }
-    &.active {
-      background: $--color-primary-hover;
-    }
-    .icon-small,
-    .icon-mini {
-      display: block;
-      width: 17px;
-      height: 14px;
-      margin: 4px auto 0;
-    }
-    .icon-small {
-      background-size: 100% 100%;
-    }
-    .icon-mini {
-      background-size: 100% 100%;
-    }
-    .text-small,
-    .text-mini {
-      margin-top: 3px;
-      line-height: 12px;
-      font-size: 12px;
-      text-align: center;
-      transform: scale(0.667);
-      transform-origin: 50% 0;
-    }
-  }
-}