@lambo-design/shared 1.0.0-beta.314 → 1.0.0-beta.315

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.314",
+  "version": "1.0.0-beta.315",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/utils/excel.js

@@ -5,6 +5,10 @@ XLSX.set_cptable(cpexcel);
 import {deepCopy} from "./assist";
 import XLSXStyle from '@lambo-design/xlsx-style'
 
+/**
+ * 表头内容转换规则
+ * @type {{'': string, '#': string, 序号: string, 操作: string, 编号: string}}
+ */
 const titleRules = {
   '': '',
   '#': '#',
@@ -12,6 +16,10 @@ const titleRules = {
   '编号': '编号',
   '操作': '操作',
 }
+/**
+ * 列类型转换规则
+ * @type {{'single-selection': string, select: string, selection: string, checkbox: string, index: string, radio: string}}
+ */
 const typeRules = {
   'index': 'index',
   'select': 'select',
@@ -21,6 +29,62 @@ const typeRules = {
   'radio': 'radio'
 }
 
+/**
+ * 标题样式
+ * @type {{border: {top: {color: {rgb: string}, style: string}, left: {color: {rgb: string}, style: string}, bottom: {color: {rgb: string}, style: string}, right: {color: {rgb: string}, style: string}}, alignment: {horizontal: string, vertical: string}, fill: {fgColor: {rgb: string}, bgColor: {indexed: number}}}}
+ */
+let titleStyle = {
+  border: {
+    left: {style: 'thin', color: {rgb: "000000"}},
+    top: {style: 'thin', color: {rgb: "000000"}},
+    right: {style: 'thin', color: {rgb: "000000"}},
+    bottom: {style: 'thin', color: {rgb: "000000"}},
+  },
+  font: { bold: true },
+  alignment: {horizontal: "center", vertical: "center"}
+}
+/**
+ * 表头样式
+ * @type {{border: {top: {color: {rgb: string}, style: string}, left: {color: {rgb: string}, style: string}, bottom: {color: {rgb: string}, style: string}, right: {color: {rgb: string}, style: string}}, alignment: {horizontal: string, vertical: string}, fill: {fgColor: {rgb: string}, bgColor: {indexed: number}}}}
+ */
+let headStyle = {
+  border: {
+    left: {style: 'thin', color: {rgb: "000000"}},
+    top: {style: 'thin', color: {rgb: "000000"}},
+    right: {style: 'thin', color: {rgb: "000000"}},
+    bottom: {style: 'thin', color: {rgb: "000000"}},
+  },
+  alignment: {horizontal: "center", vertical: "center"},
+  fill: {bgColor: {indexed: 64}, fgColor: {rgb: "5A9BD5"}}
+}
+/**
+ * 表格斑马纹样式
+ * @type {{border: {top: {color: {rgb: string}, style: string}, left: {color: {rgb: string}, style: string}, bottom: {color: {rgb: string}, style: string}, right: {color: {rgb: string}, style: string}}, alignment: {vertical: string}, fill: {fgColor: {rgb: string}, bgColor: {indexed: number}}}}
+ */
+let bodyPairStyle = {
+  border: {
+    left: {style: 'thin', color: {rgb: "000000"}},
+    top: {style: 'thin', color: {rgb: "000000"}},
+    right: {style: 'thin', color: {rgb: "000000"}},
+    bottom: {style: 'thin', color: {rgb: "000000"}},
+  },
+  alignment: {vertical: "center"},
+  fill: {bgColor: {indexed: 64}, fgColor: {rgb: "DDEBF7"}}
+}
+/**
+ * 表格普通样式
+ * @type {{border: {top: {color: {rgb: string}, style: string}, left: {color: {rgb: string}, style: string}, bottom: {color: {rgb: string}, style: string}, right: {color: {rgb: string}, style: string}}, alignment: {vertical: string}}}
+ */
+let bodyStyle = {
+  border: {
+    left: {style: 'thin', color: {rgb: "000000"}},
+    top: {style: 'thin', color: {rgb: "000000"}},
+    right: {style: 'thin', color: {rgb: "000000"}},
+    bottom: {style: 'thin', color: {rgb: "000000"}},
+  },
+  alignment: {vertical: "center"}
+}
+
 /**
  * 过滤掉filterData中titleRules、typeRules相关的列
  * @param filterData
@@ -266,30 +330,32 @@ function auto_width(ws, data) {
   ws['!cols'] = result;
 }
 
-function merge_title(ws,title) {
+
+
+function merge_cell({ws,data,startRow}) {
   let mergeData = [];
 
-  for (let i = 0; i < title.length; i++) {
-    for (let j = 0; j < title[i].length; j++) {
-      let currentCellValue = title[i][j];
-      let merge = { s: { r: i, c: j }, e: { r: i, c: j } };
+  for (let i = 0; i < data.length; i++) {
+    for (let j = 0; j < data[i].length; j++) {
+      let currentCellValue = data[i][j];
+      let merge = { s: { r: i + startRow, c: j }, e: { r: i + startRow, c: j } };
 
       // Check horizontal direction for merges
       while (
-          j + 1 < title[i].length &&
-          title[i][j + 1] === currentCellValue &&
-          !isCellMerged(mergeData, { r: i, c: j + 1 })
+          j + 1 < data[i].length &&
+          data[i][j + 1] === currentCellValue &&
+          !isCellMerged(mergeData, { r: i + startRow, c: j + 1 })
           ) {
         merge.e.c = j + 1;
         j++;
       }
 
       // Check vertical direction for merges
-      let originalRow = i;
+      let originalRow = i + startRow;
       while (
-          i + 1 < title.length &&
-          title[i + 1][j] === currentCellValue &&
-          !isCellMerged(mergeData, { r: i + 1, c: j })
+          i + 1 < data.length &&
+          data[i + 1][j] === currentCellValue &&
+          !isCellMerged(mergeData, { r: i + startRow + 1, c: j })
           ) {
         i++;
 
@@ -321,23 +387,23 @@ function merge_title(ws,title) {
     ws['!merges'] = mergeData;
   }
 
-  // Helper function to check if a cell is already part of a merge range
-  function isCellMerged(mergeData, cell) {
-    for (let merge of mergeData) {
-      if (
-          cell.r >= merge.s.r &&
-          cell.r <= merge.e.r &&
-          cell.c >= merge.s.c &&
-          cell.c <= merge.e.c
-      ) {
-        return true;
-      }
+}
+// Helper function to check if a cell is already part of a merge range
+function isCellMerged(mergeData, cell) {
+  for (let merge of mergeData) {
+    if (
+        cell.r >= merge.s.r &&
+        cell.r <= merge.e.r &&
+        cell.c >= merge.s.c &&
+        cell.c <= merge.e.c
+    ) {
+      return true;
     }
-    return false;
   }
+  return false;
 }
 
-function merge_content(ws, tableData, spanColumnKeys, titleLen) {
+function merge_content({ws, tableData, spanColumnKeys, startRow}) {
   if (spanColumnKeys == null || spanColumnKeys.length === 0) {
     return null;
   }
@@ -352,7 +418,7 @@ function merge_content(ws, tableData, spanColumnKeys, titleLen) {
   }
   for (let i = 0; i < dLen; i++) {
     for (let j = 0; j < kLen; j++) {
-      let merge = {s: {r: i + titleLen, c: j}, e: {r: i + titleLen, c: j}}
+      let merge = {s: {r: i + startRow, c: j}, e: {r: i + startRow, c: j}}
       flag = false
       //如果单元格和右侧内容相同则合并
       let n = 1;
@@ -372,7 +438,7 @@ function merge_content(ws, tableData, spanColumnKeys, titleLen) {
           break
         }
         params[i + m][j].disable = true
-        merge.e.r = i + titleLen + m
+        merge.e.r = i + startRow + m
         flag = true
         m++;
       }
@@ -385,7 +451,7 @@ function merge_content(ws, tableData, spanColumnKeys, titleLen) {
   ws['!merges'] = ws['!merges'].concat(mergeData)
 }
 
-function add_style(ws, title) {
+function add_style({ws, title, startRow}) {
 
   // 补充空白数据
   let rangs = ws['!ref'].split(":");
@@ -408,55 +474,35 @@ function add_style(ws, title) {
     }
   })
 
-  let titleStyle = {
-    border: {
-      left: {style: 'thin', color: {rgb: "000000"}},
-      top: {style: 'thin', color: {rgb: "000000"}},
-      right: {style: 'thin', color: {rgb: "000000"}},
-      bottom: {style: 'thin', color: {rgb: "000000"}},
-    },
-    alignment: {horizontal: "center", vertical: "center"},
-    fill: {bgColor: {indexed: 64}, fgColor: {rgb: "5A9BD5"}}
-  }
-  let bodyPairStyle = {
-    border: {
-      left: {style: 'thin', color: {rgb: "000000"}},
-      top: {style: 'thin', color: {rgb: "000000"}},
-      right: {style: 'thin', color: {rgb: "000000"}},
-      bottom: {style: 'thin', color: {rgb: "000000"}},
-    },
-    alignment: {vertical: "center"},
-    fill: {bgColor: {indexed: 64}, fgColor: {rgb: "DDEBF7"}}
-  }
-  let bodyStyle = {
-    border: {
-      left: {style: 'thin', color: {rgb: "000000"}},
-      top: {style: 'thin', color: {rgb: "000000"}},
-      right: {style: 'thin', color: {rgb: "000000"}},
-      bottom: {style: 'thin', color: {rgb: "000000"}},
-    },
-    alignment: {vertical: "center"}
-  }
+  let titleReg = new RegExp("^[A-Z]1$", "im");
+  let titleExtReg = new RegExp("^[A-Z][2-" + parseInt(startRow>0?startRow:2) + "]$", "im");
+  let headReg = new RegExp("^[A-Z]+[" + parseInt(startRow + 1) + "-" + parseInt(startRow + title.length) + "]$", "im");
+  let bodyReg = new RegExp("^[A-Z]+([" + parseInt(startRow + title.length) + "-9]|[1-9]\\d+)$", "im");
   Object.keys(ws).forEach(item => {
-
-    /**
-     * 加载表头样式：蓝色背景，水平垂直居中，边框
-     */
-    var reg = new RegExp("^[A-Z]+[1 -" + title.length + "]$", "gim");
-    if (reg.test(item)) {
+    if(titleReg.test(item)&&startRow>0){
+      /**
+       * 加载标题样式：加粗，水平垂直居中，边框
+       */
       ws[item].s = titleStyle
-    } else
-
-        /**
-         * 表体样式： 垂直居中，边框
-         */
-    if (/^[A-Z]+\d+$/.test(item)) {
+    }else if(titleExtReg.test(item)&&startRow>0){
+      /**
+       * 加载标题扩展信息样式：加粗，水平垂直居中，边框
+       */
+      ws[item].s = bodyStyle
+    } else if (headReg.test(item)) {
+      /**
+       * 加载表头样式：蓝色背景，水平垂直居中，边框
+       */
+      ws[item].s = headStyle
+    } else if (bodyReg.test(item)) {
+      /**
+       * 表体样式： 垂直居中，边框
+       */
       if (parseInt(item.replace(/[^0-9]/ig, "")) % 2 === 0) {
         ws[item].s = bodyStyle
       } else {
         ws[item].s = bodyPairStyle
       }
-
     }
   })
   /* ws.B2 = {
@@ -495,17 +541,24 @@ export const export_json_to_excel = ({data, key, title, filename, spanColumns, a
     const arr = json_to_array(key, data);
     auto_width(ws, arr);
   }
-  merge_content(ws, data, spanColumns)
+  merge_content(ws, data, spanColumns, title.length)
   XLSX.utils.book_append_sheet(wb, ws, '');
   XLSX.writeFile(wb, filename + '.' + format);
 }
 
-export const export_array_to_excel = ({key, data, title, filename, spanColumns, autoWidth, format}) => {
+export const export_array_to_excel = ({key, data, title, header = [], footer = [], filename, spanColumns, autoWidth, format}) => {
   const wb = XLSX.utils.book_new();
-  const arr = json_to_array(key, data);
+  let arr = json_to_array(key, data);
   for (var i = title.length; i > 0; i--) {
     arr.unshift(title[i - 1])
   }
+  if(header){
+    arr = [...header,...arr]
+  }
+  if(footer){
+    arr = [...arr,...footer]
+  }
+
   const ws = XLSX.utils.aoa_to_sheet(arr);
   if (autoWidth) {
     auto_width(ws, arr);
@@ -513,10 +566,12 @@ export const export_array_to_excel = ({key, data, title, filename, spanColumns,
   // 合并表头
   if (!ws['!merges']) ws['!merges'] = [];
   if (title.length > 1) {
-    merge_title(ws, title)
+    merge_cell({ws, data:title, startRow: header.length})
   }
-  merge_content(ws, data, spanColumns, title.length)
-  add_style(ws, title)
+  merge_cell({ws,data:header,startRow: 0 })
+  console.log(data)
+  merge_content(ws, data, spanColumns, title.length + header.length)
+  add_style({ws, title, startRow: header.length})
   XLSX.utils.book_append_sheet(wb, ws, '');
   if(format === 'csv'){
     XLSX.writeFile(wb, filename + '.' + format,{

package/utils/storage.js

@@ -1,198 +1,198 @@
-/*
- * Copyright 2019 WeBank
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-/* \
-|*|
-|*|  :: cookies.js ::
-|*|
-|*|  A complete cookies reader/writer framework with full unicode support.
-|*|
-|*|  https://developer.mozilla.org/en-US/docs/DOM/document.cookie
-|*|
-|*|  This framework is released under the GNU Public License, version 3 or later.
-|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
-|*|
-|*|  Syntaxes:
-|*|
-|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
-|*|  * docCookies.getItem(name)
-|*|  * docCookies.removeItem(name[, path], domain)
-|*|  * docCookies.hasItem(name)
-|*|  * docCookies.keys()
-|*|
-\ */
-
-let docCookies = {
-  getItem: function(sKey) {
-    return decodeURIComponent(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
-  },
-  setItem: function(sKey, sValue, vEnd, sPath, sDomain, bSecure) {
-    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
-      return false;
-    }
-    let sExpires = '';
-    if (vEnd) {
-      switch (vEnd.constructor) {
-        case Number:
-          sExpires = vEnd === Infinity ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT' : '; max-age=' + vEnd;
-          break;
-        case String:
-          sExpires = '; expires=' + vEnd;
-          break;
-        case Date:
-          sExpires = '; expires=' + vEnd.toUTCString();
-          break;
-      }
-    }
-    document.cookie = encodeURIComponent(sKey) + '=' + encodeURIComponent(sValue) + sExpires + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '') + (bSecure ? '; secure' : '');
-    return true;
-  },
-  removeItem: function(sKey, sPath, sDomain) {
-    if (!sKey || !this.hasItem(sKey)) {
-      return false;
-    }
-    document.cookie = encodeURIComponent(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '');
-    return true;
-  },
-  hasItem: function(sKey) {
-    return (new RegExp('(?:^|;\\s*)' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
-  },
-  keys: /* optional method: you can safely remove it! */ function() {
-    let aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
-    for (let nIdx = 0; nIdx < aKeys.length; nIdx++) {
-      aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
-    }
-    return aKeys;
-  },
-};
-
-/**
- * 操作cookie、sessionStorage、localStorage、缓存
- */
-
-const
-  SESSION = 'session';
-
-const LOCAL = 'local';
-
-const COOKIE = 'cookie';
-
-export default {
-  set: function(key, value, category = SESSION, expired) {
-    let { storage, isWebStorage = true } = this._map(category);
-
-    if (isWebStorage) {
-      storageManager.set(key, value, storage);
-    } else {
-      cookieManager.set(key, value, expired);
-    }
-  },
-  get: function(key, category = SESSION) {
-    let { storage, isWebStorage = true } = this._map(category);
-
-    if (isWebStorage) {
-      return storageManager.get(key, storage);
-    } else {
-      return cookieManager.get(key);
-    }
-  },
-  clear: function(category = SESSION) {
-    let { storage, isWebStorage = true } = this._map(category);
-
-    if (isWebStorage) {
-      storageManager.clear(storage);
-    } else {
-      cookieManager.clear();
-    }
-  },
-  remove: function(key, category = SESSION) {
-    let { storage, isWebStorage = true } = this._map(category);
-
-    if (isWebStorage) {
-      storageManager.remove(key, storage);
-    } else {
-      cookieManager.remove(key);
-    }
-  },
-  _map: function(category) {
-    let isWebStorage = true; let storage;
-
-    switch (true) {
-      case category === SESSION:
-        storage = 'sessionStorage';
-        break;
-      case category === LOCAL:
-        storage = 'localStorage';
-        break;
-      case category === COOKIE:
-        storage = 'cookie';
-        isWebStorage = false;
-        break;
-      default:
-        storage = 'sessionStorage';
-    }
-
-    return { isWebStorage, storage };
-  },
-};
-
-let isProd = process.env.NODE_ENV === 'production';
-
-export const storageManager = {
-  set: function(key, value, storage) {
-    try {
-      window[storage].setItem(key, JSON.stringify(value));
-    } catch (e) {
-      !isProd && console.error(e);
-    }
-  },
-  get: function(key, storage) {
-    try {
-      if (window[storage].getItem(key)) {
-        return JSON.parse(window[storage].getItem(key));
-      } else {
-        return window[storage].getItem(key);
-      }
-    } catch (e) {
-      !isProd && console.error(e, key);
-    }
-  },
-  clear: function(storage) {
-    window[storage].clear();
-  },
-  remove: function(key, storage) {
-    window[storage].removeItem(key);
-  },
-};
-
-export const cookieManager = {
-  set: function(key, value, expired) {
-    if (expired) docCookies.setItem(key, value, expired);
-    else docCookies.setItem(key, value);
-  },
-  get: function(key) {
-    return docCookies.getItem(key);
-  },
-  clear: function() {
-    docCookies.keys().forEach((key) => {
-      docCookies.removeItem(key);
-    });
-  },
-  remove: function(key) {
-    docCookies.removeItem(key);
-  },
-};
+/*
+ * Copyright 2019 WeBank
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+/* \
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/DOM/document.cookie
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path], domain)
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\ */
+
+let docCookies = {
+  getItem: function(sKey) {
+    return decodeURIComponent(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
+  },
+  setItem: function(sKey, sValue, vEnd, sPath, sDomain, bSecure) {
+    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
+      return false;
+    }
+    let sExpires = '';
+    if (vEnd) {
+      switch (vEnd.constructor) {
+        case Number:
+          sExpires = vEnd === Infinity ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT' : '; max-age=' + vEnd;
+          break;
+        case String:
+          sExpires = '; expires=' + vEnd;
+          break;
+        case Date:
+          sExpires = '; expires=' + vEnd.toUTCString();
+          break;
+      }
+    }
+    document.cookie = encodeURIComponent(sKey) + '=' + encodeURIComponent(sValue) + sExpires + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '') + (bSecure ? '; secure' : '');
+    return true;
+  },
+  removeItem: function(sKey, sPath, sDomain) {
+    if (!sKey || !this.hasItem(sKey)) {
+      return false;
+    }
+    document.cookie = encodeURIComponent(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '');
+    return true;
+  },
+  hasItem: function(sKey) {
+    return (new RegExp('(?:^|;\\s*)' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
+  },
+  keys: /* optional method: you can safely remove it! */ function() {
+    let aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
+    for (let nIdx = 0; nIdx < aKeys.length; nIdx++) {
+      aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
+    }
+    return aKeys;
+  },
+};
+
+/**
+ * 操作cookie、sessionStorage、localStorage、缓存
+ */
+
+const
+  SESSION = 'session';
+
+const LOCAL = 'local';
+
+const COOKIE = 'cookie';
+
+export default {
+  set: function(key, value, category = SESSION, expired) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      storageManager.set(key, value, storage);
+    } else {
+      cookieManager.set(key, value, expired);
+    }
+  },
+  get: function(key, category = SESSION) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      return storageManager.get(key, storage);
+    } else {
+      return cookieManager.get(key);
+    }
+  },
+  clear: function(category = SESSION) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      storageManager.clear(storage);
+    } else {
+      cookieManager.clear();
+    }
+  },
+  remove: function(key, category = SESSION) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      storageManager.remove(key, storage);
+    } else {
+      cookieManager.remove(key);
+    }
+  },
+  _map: function(category) {
+    let isWebStorage = true; let storage;
+
+    switch (true) {
+      case category === SESSION:
+        storage = 'sessionStorage';
+        break;
+      case category === LOCAL:
+        storage = 'localStorage';
+        break;
+      case category === COOKIE:
+        storage = 'cookie';
+        isWebStorage = false;
+        break;
+      default:
+        storage = 'sessionStorage';
+    }
+
+    return { isWebStorage, storage };
+  },
+};
+
+let isProd = process.env.NODE_ENV === 'production';
+
+export const storageManager = {
+  set: function(key, value, storage) {
+    try {
+      window[storage].setItem(key, JSON.stringify(value));
+    } catch (e) {
+      !isProd && console.error(e);
+    }
+  },
+  get: function(key, storage) {
+    try {
+      if (window[storage].getItem(key)) {
+        return JSON.parse(window[storage].getItem(key));
+      } else {
+        return window[storage].getItem(key);
+      }
+    } catch (e) {
+      !isProd && console.error(e, key);
+    }
+  },
+  clear: function(storage) {
+    window[storage].clear();
+  },
+  remove: function(key, storage) {
+    window[storage].removeItem(key);
+  },
+};
+
+export const cookieManager = {
+  set: function(key, value, expired) {
+    if (expired) docCookies.setItem(key, value, expired);
+    else docCookies.setItem(key, value);
+  },
+  get: function(key) {
+    return docCookies.getItem(key);
+  },
+  clear: function() {
+    docCookies.keys().forEach((key) => {
+      docCookies.removeItem(key);
+    });
+  },
+  remove: function(key) {
+    docCookies.removeItem(key);
+  },
+};

package/utils/style.js

@@ -1,24 +1,24 @@
-const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g
-const MOZ_HACK_REGEXP = /^moz([A-Z])/
-
-function camelCase(name) {
-  return name
-    .replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
-      return offset ? letter.toUpperCase() : letter
-    })
-    .replace(MOZ_HACK_REGEXP, 'Moz$1')
-}
-// getStyle
-export function getStyle(element, styleName) {
-  if (!element || !styleName) return null
-  styleName = camelCase(styleName)
-  if (styleName === 'float') {
-    styleName = 'cssFloat'
-  }
-  try {
-    const computed = document.defaultView.getComputedStyle(element, '')
-    return element.style[styleName] || computed ? computed[styleName] : null
-  } catch (e) {
-    return element.style[styleName]
-  }
-}
+const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g
+const MOZ_HACK_REGEXP = /^moz([A-Z])/
+
+function camelCase(name) {
+  return name
+    .replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter
+    })
+    .replace(MOZ_HACK_REGEXP, 'Moz$1')
+}
+// getStyle
+export function getStyle(element, styleName) {
+  if (!element || !styleName) return null
+  styleName = camelCase(styleName)
+  if (styleName === 'float') {
+    styleName = 'cssFloat'
+  }
+  try {
+    const computed = document.defaultView.getComputedStyle(element, '')
+    return element.style[styleName] || computed ? computed[styleName] : null
+  } catch (e) {
+    return element.style[styleName]
+  }
+}

package/utils/transfer-queue.js

@@ -1,7 +1,7 @@
-let transferIndex = 1000
-
-function transferIncrease() {
-  transferIndex++
-}
-
-export { transferIndex, transferIncrease }
+let transferIndex = 1000
+
+function transferIncrease() {
+  transferIndex++
+}
+
+export { transferIndex, transferIncrease }

package/utils/type.js

@@ -1,102 +1,102 @@
-/*
- * Copyright 2019 WeBank
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- *  you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-const objectToString = Object.prototype.toString;
-const OBJECT_STRING = '[object Object]';
-
-/**
- * 是否是普通对象
- * @param {any} obj
- * @return {Boolean}
- */
-export function isPlainObject(obj) {
-  return objectToString.call(obj) === OBJECT_STRING;
-}
-
-/**
- * 是否是数字
- * @param {any} value
- * @return {Boolean}
- */
-export function isNumber(value) {
-  return typeof value === 'number';
-}
-
-/**
- * 是否是日期
- * @param {any} value
- * @return {Boolean}
- */
-export function isDate(value) {
-  return objectToString.call(value) === '[object Date]';
-}
-
-/**
- * 是否是函数
- * @param {any} value
- * @return {Boolean}
- */
-export function isFunction(value) {
-  return typeof value === 'function';
-}
-
-/**
- * 是否是函数
- * @param {any} value
- * @return {Boolean}
- */
-export function isObject(value) {
-  let type = typeof value;
-  return !!value && (type == 'object' || type == 'function');
-}
-
-/**
- * 是否是数组
- * @param {any} value
- * @return {Boolean}
- */
-export function isArray(value) {
-  return Array.isArray(value);
-}
-
-/**
- * 是否像对象
- * @param {any} value
- * @return {Boolean}
- */
-export function isObjectLike(value) {
-  return !!value && typeof value == 'object';
-}
-
-/**
- * 是否是字符串
- * @param {any} value
- * @return {Boolean}
- */
-export function isString(value) {
-  return typeof value == 'string' ||
-        (!isArray(value) && isObjectLike(value) && objectToString.call(value) == '[object String]');
-}
-
-/**
- * 是否是空的
- * @param {any} value
- * @return {Boolean}
- */
-export function isNull(value) {
-  return value === undefined || value === null || value === '';
-}
+/*
+ * Copyright 2019 WeBank
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+const objectToString = Object.prototype.toString;
+const OBJECT_STRING = '[object Object]';
+
+/**
+ * 是否是普通对象
+ * @param {any} obj
+ * @return {Boolean}
+ */
+export function isPlainObject(obj) {
+  return objectToString.call(obj) === OBJECT_STRING;
+}
+
+/**
+ * 是否是数字
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isNumber(value) {
+  return typeof value === 'number';
+}
+
+/**
+ * 是否是日期
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isDate(value) {
+  return objectToString.call(value) === '[object Date]';
+}
+
+/**
+ * 是否是函数
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isFunction(value) {
+  return typeof value === 'function';
+}
+
+/**
+ * 是否是函数
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isObject(value) {
+  let type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * 是否是数组
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isArray(value) {
+  return Array.isArray(value);
+}
+
+/**
+ * 是否像对象
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * 是否是字符串
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isString(value) {
+  return typeof value == 'string' ||
+        (!isArray(value) && isObjectLike(value) && objectToString.call(value) == '[object String]');
+}
+
+/**
+ * 是否是空的
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isNull(value) {
+  return value === undefined || value === null || value === '';
+}