n20-common-lib 1.3.8 → 1.3.11

package/nstc-g6/assets/svg/z-left-2.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1599643075281" class="icon" viewBox="0 0 1366 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2359" width="533.59375" height="400" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M796.444444 804.571428 796.444444 1024 0 512 796.444444 0 796.444444 219.428572 341.333333 512 796.444444 804.571428ZM1365.333333 1024 1365.333333 0 568.888889 512 1365.333333 1024Z" p-id="2360" data-spm-anchor-id="a313x.7781069.0.i11" class="selected"></path></svg>

package/nstc-g6/assets/svg/z-right-2-dis.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1599646843234" class="icon" viewBox="0 0 1366 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10087" xmlns:xlink="http://www.w3.org/1999/xlink" width="533.59375" height="400"><defs><style type="text/css"></style></defs><path d="M568.888889 804.571428 568.888889 1024 1365.333333 512 568.888889 0 568.888889 219.428572 1024 512 568.888889 804.571428ZM0 1024 0 0 796.444444 512 0 1024Z" p-id="10088" fill="#cdcdcd"></path></svg>

package/nstc-g6/assets/svg/z-right-2.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1599643014819" class="icon" viewBox="0 0 1366 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2196" xmlns:xlink="http://www.w3.org/1999/xlink" width="533.59375" height="400"><defs><style type="text/css"></style></defs><path d="M568.888889 804.571428 568.888889 1024 1365.333333 512 568.888889 0 568.888889 219.428572 1024 512 568.888889 804.571428ZM0 1024 0 0 796.444444 512 0 1024Z" p-id="2197"></path></svg>

package/nstc-g6/assets/svg/z-right.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1599642895534" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2034" data-spm-anchor-id="a313x.7781069.0.i6" width="400" height="400" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css"></style></defs><path d="M264.533333 337.066667c-8.533333-8.533333-12.8-21.333333-4.266666-29.866667 8.533333-8.533333 21.333333-8.533333 29.866666 0l213.333334 192c8.533333 8.533333 8.533333 21.333333 0 29.866667l-213.333334 192c-8.533333 8.533333-21.333333 8.533333-29.866666 0-8.533333-8.533333-8.533333-21.333333 0-29.866667l196.266666-174.933333-192-179.2z m256 0c-8.533333-8.533333-8.533333-21.333333 0-29.866667s21.333333-8.533333 29.866667 0l213.333333 192c8.533333 8.533333 8.533333 21.333333 0 29.866667l-213.333333 192c-8.533333 8.533333-21.333333 8.533333-29.866667 0-8.533333-8.533333-8.533333-21.333333 0-29.866667l196.266667-174.933333-196.266667-179.2z" p-id="2035"></path></svg>

package/nstc-g6/assets/svg/zip.svg

@@ -0,0 +1 @@
+<svg width="128" height="128" xmlns="http://www.w3.org/2000/svg"><path d="M78.527 116.793c.178.008.348.024.527.024h40.233c4.711-.005 8.53-3.677 8.534-8.21V18.895c-.004-4.532-3.823-8.204-8.534-8.209H79.054c-.179 0-.353.016-.527.024V0L0 10.082v107.406l78.527 10.342v-11.037zm0-101.362c.174-.024.348-.052.527-.052h40.233c2.018 0 3.659 1.578 3.659 3.52v89.713c-.003 1.942-1.64 3.517-3.659 3.519H79.054c-.179 0-.353-.028-.527-.052V15.431zM30.262 75.757l-18.721-.46V72.37l11.3-16.673v-.148l-10.266.164v-4.51l17.504-.44v3.264L18.696 70.76v.144l11.566.176v4.678zm9.419.231l-5.823-.144V50.671l5.823-.144v25.461zm22.255-11.632c-2.168 1.922-5.353 2.76-9.02 2.736-.702.004-1.402-.04-2.097-.131v9.303l-5.997-.148V50.743c1.852-.352 4.473-.647 8.218-.743 3.838-.096 6.608.539 8.48 1.913 1.807 1.306 3.032 3.5 3.032 6.112s-.926 4.833-2.612 6.331h-.004zM53.36 54.45c-.856-.01-1.71.083-2.541.275v7.682c.523.116 1.167.152 2.06.152 3.301-.004 5.36-1.614 5.36-4.314 0-2.425-1.772-3.843-4.875-3.791l-.004-.004zm39.847-37.066h9.564v3.795h-9.564v-3.795zm-9.568 5.68h9.564v3.8h-9.564v-3.8zm9.568 6.216h9.564v3.799h-9.564V29.28zm0 12h9.564v3.794h-9.564V41.28zm-9.568-6.096h9.564v3.795h-9.564v-3.795zm9.472 47.064c2.512 0 4.921-.96 6.697-2.67 1.776-1.708 2.773-4.026 2.772-6.442l-1.748-15.263c0-5.033-2.492-9.112-7.725-9.112-5.232 0-7.72 4.079-7.72 9.112l-1.752 15.263c-.001 2.417.996 4.735 2.773 6.444 1.777 1.71 4.187 2.669 6.7 2.668h.003zm-3.135-16.75h6.27v12.743h-6.27V65.5z"/></svg>

package/nstc-g6/components/Calendar/index.js

@@ -0,0 +1,8 @@
+import NstcCalendar from './src/main';
+
+/* istanbul ignore next */
+NstcCalendar.install = function(Vue) {
+    Vue.component(NstcCalendar.name, NstcCalendar);
+};
+
+export default NstcCalendar;

package/nstc-g6/components/Calendar/src/basic/month-table.vue

@@ -0,0 +1,129 @@
+<template>
+  <div class="nstc-calendar-month">
+    <div class="nstc-calendar-month-head">
+      <el-row>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-left" @click="lastYear" />
+        </el-col>
+        <el-col
+          :span="16"
+          align="center"
+          class="year-text"
+        >
+          {{ yearStr }}
+        </el-col>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
+        </el-col>
+      </el-row>
+    </div>
+    <el-divider />
+    <div class="nstc-calendar-month-main">
+      <div
+        v-for="(item, index) in months"
+        :key="index"
+        @click="pick(index+1)"
+      >{{ item }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonthTable',
+  props: {
+    value: {
+      type: [String, Number],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      months: [
+        this.$t(`calendar.month_1`),
+        this.$t(`calendar.month_2`),
+        this.$t(`calendar.month_3`),
+        this.$t(`calendar.month_4`),
+        this.$t(`calendar.month_5`),
+        this.$t(`calendar.month_6`),
+        this.$t(`calendar.month_7`),
+        this.$t(`calendar.month_8`),
+        this.$t(`calendar.month_9`),
+        this.$t(`calendar.month_10`),
+        this.$t(`calendar.month_11`),
+        this.$t(`calendar.month_12`)
+      ],
+      yearStr: ''
+    }
+  },
+  computed: {},
+  created() {
+    this.yearStr = this.value
+  },
+  methods: {
+    // 选择日期
+    pick(month) {
+      this.$emit('pick', {
+        type: 'normal',
+        year: this.yearStr,
+        month
+      })
+    },
+    // 上一年
+    lastYear() {
+      this.yearStr--
+    },
+    // 下一年
+    nextYear() {
+      this.yearStr++
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "~@/theme/theme1/styles/variables.scss";
+.nstc-calendar-month {
+  .nstc-calendar-arrow{
+    font-size: 16px;
+    cursor: pointer;
+    &:hover{
+      color: $eBaseColor;
+      font-weight: bold;
+    }
+  }
+  &-head{
+    padding: 10px 0;
+    .year-text {
+      &:hover {
+        cursor: pointer;
+        color: $eBaseColor;
+        font-weight: bold;
+      }
+    }
+  }
+  .el-divider{
+    margin: 0 0 10px 0;
+  }
+  &-main{
+    display: flex;
+    flex-flow: wrap;
+    width: 98%;
+    margin-left: 1%;
+    >div{
+      width: 25%;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      border: 1px solid rgba(0,0,0,0);
+      cursor: pointer;
+      &:hover{
+        border: 1px solid $eBaseColor;
+        color: $eBaseColor
+      }
+    }
+  }
+}
+</style>

package/nstc-g6/components/Calendar/src/basic/year-table.vue

@@ -0,0 +1,126 @@
+<template>
+  <div class="nstc-calendar-month">
+    <div class="nstc-calendar-month-head">
+      <el-row>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-left" @click="lastYear" />
+        </el-col>
+        <el-col
+          :span="16"
+          align="center"
+          class="year-text"
+        >
+          {{ yearStr }}
+        </el-col>
+        <el-col :span="4" align="center">
+          <i class="nstc-calendar-arrow el-icon-arrow-right" @click="nextYear" />
+        </el-col>
+      </el-row>
+    </div>
+    <el-divider />
+    <div class="nstc-calendar-month-main">
+      <div
+        v-for="(item,index) in yearArr"
+        :key="index"
+        @click="pick(item)"
+      >{{ item }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'MonthTable',
+  props: {
+    startYear: {
+      type: [Number, String],
+      default: ''
+    }
+  },
+  data() {
+    return {
+      yearArr: []
+    }
+  },
+  computed: {
+    yearStr() {
+      return `${this.yearArr[0]} - ${this.yearArr[this.yearArr.length - 1]}`
+    }
+  },
+  created() {
+    const t = []
+    for (let i = 0; i < 10; i++) {
+      t.push(this.startYear + i)
+    }
+    this.yearArr = t
+  },
+  methods: {
+    lastYear() {
+      if (this.yearArr[0] < 11) {
+        this.yearArr = []
+        for (let i = 1; i <= 10; i++) {
+          this.yearArr.push(i)
+        }
+      } else {
+        this.yearArr = this.yearArr.map(i => { return i - 10 })
+      }
+    },
+    nextYear() {
+      this.yearArr = this.yearArr.map(i => { return i + 10 })
+    },
+    pick(year) {
+      this.$emit('pick', {
+        type: 'month',
+        year
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '~@/theme/theme1/styles/variables.scss';
+.nstc-calendar-month{
+  .nstc-calendar-arrow{
+    font-size: 16px;
+    cursor: pointer;
+    &:hover{
+      color: $eBaseColor;
+      font-weight: bold;
+    }
+  }
+  &-head{
+    padding: 10px 0;
+    .year-text {
+      &:hover {
+        cursor: pointer;
+        color: $eBaseColor;
+        font-weight: bold;
+      }
+    }
+  }
+  .el-divider{
+    margin: 0 0 10px 0;
+  }
+  &-main{
+    display: flex;
+    flex-flow: wrap;
+    width: 98%;
+    margin-left: 1%;
+    >div{
+      width: 25%;
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      border: 1px solid rgba(0,0,0,0);
+      cursor: pointer;
+      &:hover{
+        border: 1px solid $eBaseColor;
+        color: $eBaseColor
+      }
+    }
+  }
+}
+</style>