vue2-client 0.1.1 → 1.2.0

package/src/utils/excel/Blob.js

@@ -0,0 +1,181 @@
+/* eslint-disable */
+/* Blob.js
+ * A Blob implementation.
+ * 2014-05-27
+ *
+ * By Eli Grey, http://eligrey.com
+ * By Devin Samarin, https://github.com/eboyjr
+ * License: X11/MIT
+ *   See LICENSE.md
+ */
+
+/*global self, unescape */
+/*jslint bitwise: true, regexp: true, confusion: true, es5: true, vars: true, white: true,
+ plusplus: true */
+
+/*! @source http://purl.eligrey.com/github/Blob.js/blob/master/Blob.js */
+
+(function (view) {
+  "use strict";
+
+  view.URL = view.URL || view.webkitURL;
+
+  if (view.Blob && view.URL) {
+    try {
+      new Blob;
+      return;
+    } catch (e) {
+    }
+  }
+
+  // Internally we use a BlobBuilder implementation to base Blob off of
+  // in order to support older browsers that only have BlobBuilder
+  var BlobBuilder = view.BlobBuilder || view.WebKitBlobBuilder || view.MozBlobBuilder || (function (view) {
+    var
+      get_class = function (object) {
+        return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
+      }
+      , FakeBlobBuilder = function BlobBuilder() {
+        this.data = [];
+      }
+      , FakeBlob = function Blob(data, type, encoding) {
+        this.data = data;
+        this.size = data.length;
+        this.type = type;
+        this.encoding = encoding;
+      }
+      , FBB_proto = FakeBlobBuilder.prototype
+      , FB_proto = FakeBlob.prototype
+      , FileReaderSync = view.FileReaderSync
+      , FileException = function (type) {
+        this.code = this[this.name = type];
+      }
+      , file_ex_codes = (
+        "NOT_FOUND_ERR SECURITY_ERR ABORT_ERR NOT_READABLE_ERR ENCODING_ERR "
+        + "NO_MODIFICATION_ALLOWED_ERR INVALID_STATE_ERR SYNTAX_ERR"
+      ).split(" ")
+      , file_ex_code = file_ex_codes.length
+      , real_URL = view.URL || view.webkitURL || view
+      , real_create_object_URL = real_URL.createObjectURL
+      , real_revoke_object_URL = real_URL.revokeObjectURL
+      , URL = real_URL
+      , btoa = view.btoa
+      , atob = view.atob
+
+      , ArrayBuffer = view.ArrayBuffer
+      , Uint8Array = view.Uint8Array
+    ;
+    FakeBlob.fake = FB_proto.fake = true;
+    while (file_ex_code--) {
+      FileException.prototype[file_ex_codes[file_ex_code]] = file_ex_code + 1;
+    }
+    if (!real_URL.createObjectURL) {
+      URL = view.URL = {};
+    }
+    URL.createObjectURL = function (blob) {
+      var
+        type = blob.type
+        , data_URI_header
+      ;
+      if (type === null) {
+        type = "application/octet-stream";
+      }
+      if (blob instanceof FakeBlob) {
+        data_URI_header = "data:" + type;
+        if (blob.encoding === "base64") {
+          return data_URI_header + ";base64," + blob.data;
+        } else if (blob.encoding === "URI") {
+          return data_URI_header + "," + decodeURIComponent(blob.data);
+        }
+        if (btoa) {
+          return data_URI_header + ";base64," + btoa(blob.data);
+        } else {
+          return data_URI_header + "," + encodeURIComponent(blob.data);
+        }
+      } else if (real_create_object_URL) {
+        return real_create_object_URL.call(real_URL, blob);
+      }
+    };
+    URL.revokeObjectURL = function (object_URL) {
+      if (object_URL.substring(0, 5) !== "data:" && real_revoke_object_URL) {
+        real_revoke_object_URL.call(real_URL, object_URL);
+      }
+    };
+    FBB_proto.append = function (data/*, endings*/) {
+      var bb = this.data;
+      // decode data to a binary string
+      if (Uint8Array && (data instanceof ArrayBuffer || data instanceof Uint8Array)) {
+        var
+          str = ""
+          , buf = new Uint8Array(data)
+          , i = 0
+          , buf_len = buf.length
+        ;
+        for (; i < buf_len; i++) {
+          str += String.fromCharCode(buf[i]);
+        }
+        bb.push(str);
+      } else if (get_class(data) === "Blob" || get_class(data) === "File") {
+        if (FileReaderSync) {
+          var fr = new FileReaderSync;
+          bb.push(fr.readAsBinaryString(data));
+        } else {
+          // async FileReader won't work as BlobBuilder is sync
+          throw new FileException("NOT_READABLE_ERR");
+        }
+      } else if (data instanceof FakeBlob) {
+        if (data.encoding === "base64" && atob) {
+          bb.push(atob(data.data));
+        } else if (data.encoding === "URI") {
+          bb.push(decodeURIComponent(data.data));
+        } else if (data.encoding === "raw") {
+          bb.push(data.data);
+        }
+      } else {
+        if (typeof data !== "string") {
+          data += ""; // convert unsupported types to strings
+        }
+        // decode UTF-16 to binary string
+        bb.push(unescape(encodeURIComponent(data)));
+      }
+    };
+    FBB_proto.getBlob = function (type) {
+      if (!arguments.length) {
+        type = null;
+      }
+      return new FakeBlob(this.data.join(""), type, "raw");
+    };
+    FBB_proto.toString = function () {
+      return "[object BlobBuilder]";
+    };
+    FB_proto.slice = function (start, end, type) {
+      var args = arguments.length;
+      if (args < 3) {
+        type = null;
+      }
+      return new FakeBlob(
+        this.data.slice(start, args > 1 ? end : this.data.length)
+        , type
+        , this.encoding
+      );
+    };
+    FB_proto.toString = function () {
+      return "[object Blob]";
+    };
+    FB_proto.close = function () {
+      this.size = this.data.length = 0;
+    };
+    return FakeBlobBuilder;
+  }(view));
+
+  view.Blob = function Blob(blobParts, options) {
+    var type = options ? (options.type || "") : "";
+    var builder = new BlobBuilder();
+    if (blobParts) {
+      for (var i = 0, len = blobParts.length; i < len; i++) {
+        builder.append(blobParts[i]);
+      }
+    }
+    return builder.getBlob(type);
+  };
+}(typeof self !== "undefined" && self || typeof window !== "undefined" && window || this.content || this));

package/src/utils/excel/Export2Excel.js

@@ -0,0 +1,142 @@
+/* eslint-disable */
+require('script-loader!file-saver');
+require('./Blob.js');
+require('script-loader!xlsx/dist/xlsx.core.min');
+
+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);
+}
+
+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 exportTable(id) {
+  var theTable = document.getElementById(id);
+  console.log('a')
+  var oo = generateArray(theTable);
+  var ranges = oo[1];
+
+  /* original data */
+  var data = oo[0];
+  var ws_name = "SheetJS";
+  console.log(data);
+
+  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")
+}
+
+function formatJson(jsonData) {
+  console.log(jsonData)
+}
+
+export function exportJson(th, jsonData, defaultTitle) {
+
+  /* original data */
+
+  var data = jsonData;
+  data.unshift(th);
+  var ws_name = "SheetJS";
+
+  var wb = new Workbook(), ws = sheet_from_array_of_arrays(data);
+
+
+  /* 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'});
+  var title = defaultTitle || '列表'
+  saveAs(new Blob([s2ab(wbout)], {type: "application/octet-stream"}), title + ".xlsx")
+}

package/src/utils/filter.js

@@ -0,0 +1,21 @@
+import Vue from 'vue'
+import moment from 'moment'
+import 'moment/locale/zh-cn'
+
+moment.locale('zh-cn')
+
+Vue.filter('NumberFormat', function (value) {
+  if (!value) {
+    return '0'
+  }
+   // 将整数部分逢三一断
+  return value.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
+})
+
+Vue.filter('dayjs', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
+  return moment(dataStr).format(pattern)
+})
+
+Vue.filter('moment', function (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') {
+  return moment(dataStr).format(pattern)
+})

package/src/utils/formatter.js

@@ -0,0 +1,68 @@
+/**
+ * 把对象按照 js配置文件的格式进行格式化
+ * @param obj 格式化的对象
+ * @param dep 层级，此项无需传值
+ * @returns {string}
+ */
+function formatConfig (obj, dep) {
+  dep = dep || 1
+  const LN = '\n'; const TAB = '  '
+  let indent = ''
+  for (let i = 0; i < dep; i++) {
+    indent += TAB
+  }
+  let isArray = false; let arrayLastIsObj = false
+  let str = ''; let prefix = '{'; let subfix = '}'
+  if (Array.isArray(obj)) {
+    isArray = true
+    prefix = '['
+    subfix = ']'
+    str = obj.map((item, index) => {
+      let format = ''
+      if (typeof item == 'function') {
+        //
+      } else if (typeof item == 'object') {
+        arrayLastIsObj = true
+        format = `${LN}${indent}${formatConfig(item, dep + 1)},`
+      } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
+        format = `${item},`
+      } else if (typeof item == 'string') {
+        format = `'${item}',`
+      }
+      if (index == obj.length - 1) {
+        format = format.substring(0, format.length - 1)
+      } else {
+        arrayLastIsObj = false
+      }
+      return format
+    }).join('')
+  } else if (typeof obj != 'function' && typeof obj == 'object') {
+    str = Object.keys(obj).map((key, index, keys) => {
+      const val = obj[key]
+      let format = ''
+      if (typeof val == 'function') {
+        //
+      } else if (typeof val == 'object') {
+        format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
+      } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
+        format = `${LN}${indent}${key}: ${val},`
+      } else if (typeof val == 'string') {
+        format = `${LN}${indent}${key}: '${val}',`
+      }
+      if (index == keys.length - 1) {
+        format = format.substring(0, format.length - 1)
+      }
+      return format
+    }).join('')
+  }
+  const len = TAB.length
+  if (indent.length >= len) {
+    indent = indent.substring(0, indent.length - len)
+  }
+  if (!isArray || arrayLastIsObj) {
+    subfix = LN + indent + subfix
+  }
+  return `${prefix}${str}${subfix}`
+}
+
+module.exports = { formatConfig }

package/src/utils/i18n.js

@@ -0,0 +1,80 @@
+import Vue from 'vue'
+import VueI18n from 'vue-i18n'
+import routesI18n from '@vue2-client/router/i18n'
+import './Objects'
+import { getI18nKey } from '@vue2-client/utils/routerUtil'
+
+/**
+ * 创建 i18n 配置
+ * @param locale 本地化语言
+ * @param fallback 回退语言
+ * @returns {VueI18n}
+ */
+function initI18n (locale, fallback) {
+  Vue.use(VueI18n)
+  const i18nOptions = {
+    locale,
+    fallbackLocale: fallback,
+    silentFallbackWarn: true
+  }
+  return new VueI18n(i18nOptions)
+}
+
+/**
+ * 根据 router options 配置生成 国际化语言
+ * @param lang
+ * @param routes
+ * @param valueKey
+ * @returns {*}
+ */
+function generateI18n (lang, routes, valueKey) {
+  routes.forEach(route => {
+    const keys = getI18nKey(route.fullPath).split('.')
+    const value = valueKey === 'path' ? route[valueKey].split('/').filter(item => !item.startsWith(':') && item != '').join('.') : route[valueKey]
+    lang.assignProps(keys, value)
+    if (route.children) {
+      generateI18n(lang, route.children, valueKey)
+    }
+  })
+  return lang
+}
+
+/**
+ * 格式化 router.options.routes，生成 fullPath
+ * @param routes
+ * @param parentPath
+ */
+function formatFullPath (routes, parentPath = '') {
+  routes.forEach(route => {
+    const isFullPath = route.path.substring(0, 1) === '/'
+    route.fullPath = isFullPath ? route.path : (parentPath === '/' ? parentPath + route.path : parentPath + '/' + route.path)
+    if (route.children) {
+      formatFullPath(route.children, route.fullPath)
+    }
+  })
+}
+
+/**
+ * 从路由提取国际化数据
+ * @param i18n
+ * @param routes
+ */
+function mergeI18nFromRoutes (i18n, routes) {
+  formatFullPath(routes)
+  // eslint-disable-next-line no-new-object
+  const CN = generateI18n(new Object(), routes, 'name')
+  // eslint-disable-next-line no-new-object
+  const US = generateI18n(new Object(), routes, 'path')
+  i18n.mergeLocaleMessage('CN', CN)
+  i18n.mergeLocaleMessage('US', US)
+  const messages = routesI18n.messages
+  Object.keys(messages).forEach(lang => {
+    i18n.mergeLocaleMessage(lang, messages[lang])
+  })
+}
+
+export {
+  initI18n,
+  mergeI18nFromRoutes,
+  formatFullPath
+}

package/src/utils/indexedDB.js

@@ -0,0 +1,146 @@
+// indexDB 存储
+import { post } from '@vue2-client/services/api/restTools'
+
+export const indexedDB = {
+  db: undefined,
+  indexedDB: window.indexedDB || window.webkitindexedDB,
+  IDBKeyRange: window.IDBKeyRange || window.webkitIDBKeyRange, // 键范围
+  openDB: function (callback) {
+    // 建立或打开数据库，建立对象存储空间(ObjectStore)
+    const self = this
+    if (self.db) {
+      callback(self.db)
+    } else {
+      const version = 1
+      const request = self.indexedDB.open('view', version)
+
+      request.onerror = function (e) {
+        console.error('打开数据库失败:' + e.currentTarget.error.message)
+      }
+      request.onsuccess = function (e) {
+        self.db = e.target.result
+        callback(self.db)
+      }
+      request.onupgradeneeded = function (e) {
+        const db = e.target.result
+        if (!db.objectStoreNames.contains('metaCache')) {
+          // 没有该对象空间时创建该对象空间
+          db.createObjectStore('metaCache', {
+            keyPath: 'key'
+          })
+        }
+      }
+    }
+  },
+  deleteDB: function (dbname) {
+    // 删除数据库
+    const self = this
+    self.indexedDB.deleteDatabase(dbname)
+    console.log(dbname + '数据库已删除')
+  },
+  closeDB: function () {
+    const self = this
+    if (!self.db) {
+      self.db.close()
+    }
+    console.log('数据库已关闭')
+  },
+  add: function (key, data) {
+    const self = this
+    self.openDB((res) => {
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').add({
+        key: key,
+        data: data
+      })
+      request.onerror = function () {
+        self.update(data)
+      }
+      request.onsuccess = function () {
+        console.log('数据已存入到数据库')
+      }
+    })
+  },
+  update: function (key, data) {
+    const self = this
+    self.openDB((res) => {
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').put({
+        key: key,
+        data: data
+      })
+      request.onerror = function () {
+        console.error('数据更新失败')
+      }
+      request.onsuccess = function () {
+        console.log('数据已更新到数据库')
+      }
+    })
+  },
+  get: function (key, callback) {
+    const self = this
+    self.openDB((res) => {
+      // 根据存储空间的键找到对应数据
+      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+      const request = store.get(key)
+      request.onerror = function () {
+        console.log('读取数据失败，键：' + key)
+      }
+      request.onsuccess = function (e) {
+        const result = e.target.result
+        if (typeof (callback) === 'function') {
+          callback(result.data)
+        }
+      }
+    })
+  },
+  getByWeb: function (key, url, params, callback) {
+    const self = this
+    self.openDB((res) => {
+      // 根据存储空间的键找到对应数据
+      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+      const request = store.get(key)
+      request.onerror = function () {
+        console.log('读取数据失败，键：' + key)
+      }
+      request.onsuccess = function (e) {
+        const result = e.target.result
+        if (!result && url) {
+          post(url, params).then((res) => {
+            self.add(key, res)
+            callback(res)
+          })
+        } else {
+          callback(result.data)
+        }
+      }
+    })
+  },
+  delete: function (key) {
+    const self = this
+    self.openDB((res) => {
+      // 删除某一条记录
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').delete(key)
+
+      request.onerror = function () {
+        console.error('数据删除失败')
+      }
+      request.onsuccess = function (event) {
+        console.log('已删除存储空间' + 'metaCache' + '中' + key + '记录')
+      }
+    })
+  },
+  clear: function (callback) {
+    const self = this
+    self.openDB((res) => {
+      // 删除存储空间全部记录
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').clear()
+
+      request.onerror = function () {
+        console.error('数据删除失败')
+      }
+      request.onsuccess = function (event) {
+        console.log('已删除存储空间' + 'metaCache' + '中所有记录')
+        callback()
+      }
+    })
+  }
+}