n20-common-lib 1.3.9 → 1.3.12

package/nstc-g6/utils/parseTime.js

@@ -0,0 +1,48 @@
+/**
+ * Parse the time to string
+ * @param {(Object|string|number)} time
+ * @param {string} cFormat
+ * @returns {string | null}
+ */
+export function parseTime(time, cFormat = '{y}-{m}-{d} {h}:{i}:{s}') {
+    if (arguments.length === 0 || !time) {
+        return null
+    }
+    const format = cFormat || '{y}-{m}-{d} {h}:{i}:{s}'
+    let date
+    if (typeof time === 'object') {
+        date = time
+    } else {
+        if ((typeof time === 'string')) {
+            if ((/^[0-9]+$/.test(time))) {
+                // support "1548221490638"
+                time = parseInt(time)
+            } else {
+                // support safari
+                // https://stackoverflow.com/questions/4310953/invalid-date-in-safari
+                time = time.replace(new RegExp(/-/gm), '/')
+            }
+        }
+
+        if ((typeof time === 'number') && (time.toString().length === 10)) {
+            time = time * 1000
+        }
+        date = new Date(time)
+    }
+    const formatObj = {
+        y: date.getFullYear(),
+        m: date.getMonth() + 1,
+        d: date.getDate(),
+        h: date.getHours(),
+        i: date.getMinutes(),
+        s: date.getSeconds(),
+        a: date.getDay()
+    }
+    const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
+        const value = formatObj[key]
+        // Note: getDay() returns 0 on Sunday
+        if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
+        return value.toString().padStart(2, '0')
+    })
+    return time_str
+}

package/nstc-g6/utils/validate/index.js

@@ -0,0 +1,7 @@
+/**
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export function isExternal(path) {
+    return /^(https?:|mailto:|tel:)/.test(path)
+}

package/nstc-g6/utils/vendor/Export2Excel.js

@@ -0,0 +1,229 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import XLSX from 'xlsx'
+import XLSXS from 'xlsx-style'
+function generateArray(table) {
+  var out = [];
+  var rows = table.querySelectorAll('tr');
+  var ranges = [];
+  for (var R = 0; R < rows.length; ++R) {
+    var outRow = [];
+    var row = rows[R];
+    var columns = row.querySelectorAll('td');
+    for (var C = 0; C < columns.length; ++C) {
+      var cell = columns[C];
+      var colspan = cell.getAttribute('colspan');
+      var rowspan = cell.getAttribute('rowspan');
+      var cellValue = cell.innerText;
+      if (cellValue !== "" && cellValue == +cellValue) cellValue = +cellValue;
+
+      //Skip ranges
+      ranges.forEach(function (range) {
+        if (R >= range.s.r && R <= range.e.r && outRow.length >= range.s.c && outRow.length <= range.e.c) {
+          for (var i = 0; i <= range.e.c - range.s.c; ++i) outRow.push(null);
+        }
+      });
+
+      //Handle Row Span
+      if (rowspan || colspan) {
+        rowspan = rowspan || 1;
+        colspan = colspan || 1;
+        ranges.push({
+          s: {
+            r: R,
+            c: outRow.length
+          },
+          e: {
+            r: R + rowspan - 1,
+            c: outRow.length + colspan - 1
+          }
+        });
+      };
+
+      //Handle Value
+      outRow.push(cellValue !== "" ? cellValue : null);
+
+      //Handle Colspan
+      if (colspan)
+        for (var k = 0; k < colspan - 1; ++k) outRow.push(null);
+    }
+    out.push(outRow);
+  }
+  return [out, ranges];
+};
+
+function datenum(v, date1904) {
+  if (date1904) v += 1462;
+  var epoch = Date.parse(v);
+  return (epoch - new Date(Date.UTC(1899, 11, 30))) / (24 * 60 * 60 * 1000);
+}
+
+export function sheet_from_array_of_arrays(data, opts) {
+  var ws = {};
+  var range = {
+    s: {
+      c: 10000000,
+      r: 10000000
+    },
+    e: {
+      c: 0,
+      r: 0
+    }
+  };
+  for (var R = 0; R != data.length; ++R) {
+    for (var C = 0; C != data[R].length; ++C) {
+      if (range.s.r > R) range.s.r = R;
+      if (range.s.c > C) range.s.c = C;
+      if (range.e.r < R) range.e.r = R;
+      if (range.e.c < C) range.e.c = C;
+      var cell = {
+        v: data[R][C]
+      };
+      if (cell.v == null) continue;
+      var cell_ref = XLSX.utils.encode_cell({
+        c: C,
+        r: R
+      });
+
+      if (typeof cell.v === 'number') cell.t = 'n';
+      else if (typeof cell.v === 'boolean') cell.t = 'b';
+      else if (cell.v instanceof Date) {
+        cell.t = 'n';
+        cell.z = XLSX.SSF._table[14];
+        cell.v = datenum(cell.v);
+      } else cell.t = 's';
+
+      ws[cell_ref] = cell;
+    }
+  }
+  if (range.s.c < 10000000) ws['!ref'] = XLSX.utils.encode_range(range);
+  return ws;
+}
+
+function Workbook() {
+  if (!(this instanceof Workbook)) return new Workbook();
+  this.SheetNames = [];
+  this.Sheets = {};
+}
+
+function s2ab(s) {
+  var buf = new ArrayBuffer(s.length);
+  var view = new Uint8Array(buf);
+  for (var i = 0; i != s.length; ++i) view[i] = s.charCodeAt(i) & 0xFF;
+  return buf;
+}
+
+export function export_table_to_excel(id) {
+  var theTable = document.getElementById(id);
+  var oo = generateArray(theTable);
+  var ranges = oo[1];
+
+  /* original data */
+  var data = oo[0];
+  var ws_name = "SheetJS";
+
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  /* add ranges to worksheet */
+  // ws['!cols'] = ['apple', 'banan'];
+  ws['!merges'] = ranges;
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+
+  var wbout = XLSX.write(wb, {
+    bookType: 'xlsx',
+    bookSST: false,
+    type: 'binary'
+  });
+
+  saveAs(new Blob([s2ab(wbout)], {
+    type: "application/octet-stream"
+  }), "test.xlsx")
+}
+
+export function export_json_to_excel({
+  multiHeader = [],
+  header,
+  data,
+  filename,
+  merges = [],
+  autoWidth = true,
+  bookType = 'xlsx'
+} = {}, cellStyle = {}) {
+  /* original data */
+  filename = filename || 'excel-list'
+  data = [...data]
+  data.unshift(header);
+
+  for (let i = multiHeader.length - 1; i > -1; i--) {
+    data.unshift(multiHeader[i])
+  }
+
+  var ws_name = "SheetJS";
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  if (merges.length > 0) {
+    if (!ws['!merges']) ws['!merges'] = [];
+    merges.forEach(item => {
+      ws['!merges'].push(XLSX.utils.decode_range(item))
+    })
+  }
+
+  if (autoWidth) {
+    /*设置worksheet每列的最大宽度*/
+    const colWidth = data.map(row => row.map(val => {
+      /*先判断是否为null/undefined*/
+      if (val == null) {
+        return {
+          'wch': 10
+        };
+      }
+      /*再判断是否为中文*/
+      else if (val.toString().charCodeAt(0) > 255) {
+        return {
+          'wch': val.toString().length * 2 < 20 ? 20 : val.toString().length * 2
+        };
+      } else {
+        return {
+          'wch':  val.toString().length * 2 < 20 ? 20 : val.toString().length * 2
+        };
+      }
+    }))
+    /*以第一行为初始值*/
+    let result = colWidth[0];
+    for (let i = 1; i < colWidth.length; i++) {
+      for (let j = 0; j < colWidth[i].length; j++) {
+        if (result[j]['wch'] < colWidth[i][j]['wch']) {
+          result[j]['wch'] = colWidth[i][j]['wch'];
+        }
+      }
+    }
+    ws['!cols'] = result;
+  }
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+  // 设置某一列的单元格样式
+  for(let key in ws) {
+    for(let colName in cellStyle) {
+      if(key.startsWith(colName)) {
+        ws[key].s = cellStyle[colName]
+
+      }
+    }
+
+  }
+  var wbout = XLSXS.write(wb, {
+    bookType: bookType,
+    bookSST: false,
+    type: 'binary'
+  });
+  saveAs(new Blob([s2ab(wbout)], {
+    type: "application/octet-stream"
+  }), `${filename}.${bookType}`);
+}

package/nstc-g6/utils/vendor/Export2Zip.js

@@ -0,0 +1,24 @@
+/* eslint-disable */
+import { saveAs } from 'file-saver'
+import JSZip from 'jszip'
+
+export function export_txt_to_zip(th, jsonData, txtName, zipName) {
+  const zip = new JSZip()
+  const txt_name = txtName || 'file'
+  const zip_name = zipName || 'file'
+  const data = jsonData
+  let txtData = `${th}\r\n`
+  data.forEach((row) => {
+    let tempStr = ''
+    tempStr = row.toString()
+    txtData += `${tempStr}\r\n`
+  })
+  zip.file(`${txt_name}.txt`, txtData)
+  zip.generateAsync({
+    type: "blob"
+  }).then((blob) => {
+    saveAs(blob, `${zip_name}.zip`)
+  }, (err) => {
+    alert('导出失败')
+  })
+}

package/nstc-g6/utils/vue-bus.js

@@ -0,0 +1,5 @@
+import Vue from 'vue'
+
+const VueBus = new Vue()
+
+export default VueBus

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n20-common-lib",
-  "version": "1.3.9",
+  "version": "1.3.12",
   "private": false,
   "main": "src/index.js",
   "scripts": {
@@ -25,7 +25,13 @@
     "src/plugins",
     "src/index.js",
     "style",
-    "g6.js"
+    "treme",
+    "g6.js",
+    "nstc-g6/index.js",
+    "nstc-g6/assets",
+    "nstc-g6/components",
+    "nstc-g6/directives",
+    "nstc-g6/utils"
   ],
   "dependencies": {
     "axios": "*",
@@ -55,6 +61,7 @@
     "element-ui": "^2.15.6",
     "eslint": "^6.7.2",
     "eslint-plugin-vue": "^6.2.2",
+    "exceljs": "^4.3.0",
     "file-saver": "^2.0.5",
     "fuse.js": "^6.6.2",
     "jszip": "^3.10.0",

package/src/assets/css/_coreLib.scss

@@ -33,4 +33,12 @@
 
 @import '../../plugins/Print/print.scss';
 @import './select.scss';
-@import "./plain-text.scss";
+@import './plain-text.scss';
+
+/* 临时引入 */
+@import '../../components/ChildRange/style.scss';
+@import '../../components/PageHeader/style.scss';
+@import '../../components/Search/style.scss';
+.table-header-popover.el-popover {
+  padding: 16px;
+}

package/src/assets/css/element-variables.scss

@@ -16,7 +16,7 @@ $--color-transition-base: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) !defau
 /* Color
 -------------------------- */
 /// color|1|Brand Color|0
-$--color-primary: #007aff;
+$--color-primary: #007aff !default;
 /// color|1|Background Color|4
 $--color-white: #ffffff !default;
 /// color|1|Background Color|4

package/src/components/ChildRange/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="n20-subticket-interval">
     <div class="input-child-range" :class="{ 'is-disabled': disabled }">
       <div class="flex">
         <div class="from">
@@ -163,39 +163,4 @@ export default {
     }
   }
 }
-</script>
-
-<style lang="less" scoped>
-.input-child-range {
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  // 取消element原有的input框样式
-  ::v-deep .el-input--small .el-input__inner {
-    border: 0px;
-    margin: 0;
-    padding: 0 5px;
-    background-color: transparent;
-  }
-  ::v-deep .el-input__inner:focus {
-    box-shadow: none;
-  }
-}
-.flex {
-  display: flex;
-  flex-direction: row;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-  .center {
-    color: #cccccc;
-    margin: 0 1px;
-  }
-}
-.is-disabled {
-  background-color: #eef0f6;
-  border-color: #e4e7ed;
-  color: #c0c4cc;
-  cursor: not-allowed;
-}
-</style>
+</script>

package/src/components/ChildRange/style.scss

@@ -0,0 +1,34 @@
+.n20-subticket-interval {
+  .input-child-range {
+    background-color: #fff;
+    border: 1px solid #dcdfe6;
+    border-radius: 4px;
+    // 取消element原有的input框样式
+    ::v-deep .el-input--small .el-input__inner {
+      border: 0px;
+      margin: 0;
+      padding: 0 5px;
+      background-color: transparent;
+    }
+    ::v-deep .el-input__inner:focus {
+      box-shadow: none;
+    }
+  }
+  .flex {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+    .center {
+      color: #cccccc;
+      margin: 0 1px;
+    }
+  }
+  .is-disabled {
+    background-color: #eef0f6;
+    border-color: #e4e7ed;
+    color: #c0c4cc;
+    cursor: not-allowed;
+  }
+}

package/src/components/FileImport/index.vue

@@ -3,5 +3,7 @@
 </template>
 
 <script>
-export default {}
+export default {
+  name: 'FileImport'
+}
 </script>

package/src/components/PageHeader/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="page-header">
+  <div class="n20-page-header">
     <div v-if="!disable" class="page-header__left" @click="$emit('back')">
       <i :class="icon"></i>
       <div class="page-header__title">
@@ -33,46 +33,4 @@ export default {
     }
   }
 }
-</script>
-
-<style lang="less" scoped>
-.page-header {
-  display: flex;
-  line-height: 20px;
-  padding-bottom: 2px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-  .page-header__left {
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-    margin-right: 16px;
-    position: relative;
-  }
-  .page-header__left:hover {
-    color: var(--color-primary);
-    .page-header__title {
-      color: var(--color-primary);
-    }
-  }
-  .page-header__left:after {
-    content: '';
-    position: absolute;
-    width: 1px;
-    height: 16px;
-    right: -8px;
-    top: 50%;
-    transform: translateY(-50%);
-    background-color: #dcdfe6;
-  }
-  .page-header__title {
-    font-size: 14px;
-    line-height: 20px;
-    color: #3d4a57;
-  }
-  .page-header__content {
-    font-size: 14px;
-    line-height: 20px;
-    color: #3d4a57;
-  }
-}
-</style>
+</script>

package/src/components/PageHeader/style.scss

@@ -0,0 +1,39 @@
+.page-header {
+  display: flex;
+  line-height: 20px;
+  padding-bottom: 2px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  .page-header__left {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    margin-right: 16px;
+    position: relative;
+  }
+  .page-header__left:hover {
+    color: var(--color-primary);
+    .page-header__title {
+      color: var(--color-primary);
+    }
+  }
+  .page-header__left:after {
+    content: '';
+    position: absolute;
+    width: 1px;
+    height: 16px;
+    right: -8px;
+    top: 50%;
+    transform: translateY(-50%);
+    background-color: #dcdfe6;
+  }
+  .page-header__title {
+    font-size: 14px;
+    line-height: 20px;
+    color: #3d4a57;
+  }
+  .page-header__content {
+    font-size: 14px;
+    line-height: 20px;
+    color: #3d4a57;
+  }
+}

package/src/components/Search/index.vue

@@ -5,7 +5,7 @@
 -->
 
 <template>
-  <div class="filter-custom-box">
+  <div class="n20-filter-custom-box">
     <el-popover
       ref="popover"
       v-model="popoverShowFlag"
@@ -495,99 +495,3 @@ export default {
   }
 }
 </script>
-
-<style lang="less">
-.n20-search__popper.el-popper[x-placement^='bottom'] {
-  padding: 16px;
-}
-.filter-custom-box {
-  display: inline-block;
-  .interval-input-custom {
-  }
-  .filter-btn {
-    height: 34px !important;
-    width: 90px !important;
-  }
-  .filter-opt {
-    display: inline-block;
-    cursor: pointer;
-    &-temp {
-      border: 1px solid #dddddd;
-      // width: 26px;
-      // height: 26px;
-      padding: 5px;
-      border-radius: 4px;
-      display: flex;
-      align-items: center;
-      overflow: hidden;
-      .is-svg-default {
-        display: block;
-      }
-      .is-svg-hover {
-        display: none;
-      }
-    }
-
-    &-temp:hover {
-      border: 1px solid #007aff;
-      .is-svg-default {
-        display: none;
-      }
-      .is-svg-hover {
-        display: block;
-      }
-    }
-  }
-
-  &-main {
-    display: flex;
-    flex-direction: column;
-    min-width: 360px;
-    &-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding-right: 16px;
-      .filter-text {
-        color: #262d34;
-        font-size: 16px;
-      }
-      .filter-close-img {
-        cursor: pointer;
-      }
-      img {
-        width: 16px;
-        height: 16px;
-      }
-    }
-    &-condition {
-      flex: 1;
-      //border: 1px solid #000;
-      overflow-y: auto;
-      margin-top: 11px;
-      max-height: 300px !important;
-      padding-top: 3px;
-      // 13 剧中
-      width: calc(100%);
-      .el-form-item {
-        margin-bottom: 16px;
-      }
-    }
-    &-more {
-      margin: 10px 0 6px 0;
-      font-size: 14px;
-      span {
-        color: #007aff;
-        cursor: pointer;
-      }
-    }
-    &-footer {
-      text-align: center;
-    }
-  }
-  .el-input__inner {
-    width: 224px;
-  }
-}
-</style>
-