@lambo-design/shared 1.0.0-beta.256 → 1.0.0-beta.258

package/config/themes/cuiwei/cuiwei.css

@@ -101,8 +101,8 @@ vxe-table
   --padding-md: 16px;
   --padding-sm: 12px;
   --padding-xs: 8px;
-  --border-color-base: #C2D1CC;
-  --border-color-split: #e0e0e0;
+  --border-color-base: #E5E8EF;
+  --border-color-split: #E5E8EF;
   --border-width-base: 1px;
   --border-style-base: solid;
   --background-color-base: #F3F8F7;
@@ -144,16 +144,16 @@ vxe-table
   --btn-group-border: #0a8682;
   --btn-disable-color: #86909C;
   --btn-disable-bg: #F3F8F7;
-  --btn-disable-border: #C2D1CC;
+  --btn-disable-border: #E5E8EF;
   --btn-default-color: #1D2129;
   --btn-default-color-tint-20: #4a4d54;
   --btn-default-color-shade-5: #1c1f27;
   --btn-default-bg: #fff;
   --btn-default-bg-tint-20: #ffffff;
   --btn-default-bg-shade-5: #f2f2f2;
-  --btn-default-border: #C2D1CC;
-  --btn-default-border-tint-20: #cedad6;
-  --btn-default-border-shade-5: #b8c7c2;
+  --btn-default-border: #E5E8EF;
+  --btn-default-border-tint-20: #eaedf2;
+  --btn-default-border-shade-5: #dadce3;
   --btn-primary-color: #fff;
   --btn-primary-color-tint-20: #ffffff;
   --btn-primary-color-tint-5: #ffffff;
@@ -168,9 +168,9 @@ vxe-table
   --btn-ghost-bg: #fff;
   --btn-ghost-bg-tint-20: #ffffff;
   --btn-ghost-bg-shade-5: #f2f2f2;
-  --btn-ghost-border: #C2D1CC;
-  --btn-ghost-border-tint-20: #cedad6;
-  --btn-ghost-border-shade-5: #b8c7c2;
+  --btn-ghost-border: #E5E8EF;
+  --btn-ghost-border-tint-20: #eaedf2;
+  --btn-ghost-border-shade-5: #dadce3;
   --btn-circle-size: 32px;
   --btn-circle-size-large: 40px;
   --btn-circle-size-small: 24px;
@@ -195,7 +195,7 @@ vxe-table
   --layout-active-color: #0A8D89;
   --layout-header-color: #FFFFFF;
   --layout-header-active-color: #fff;
-  --layout-header-nav-fontSize: 20px;
+  --layout-header-nav-fontSize: 18px;
   --layout-header-nav-color: #FFFFFF;
   --layout-header-nav-active-color: #0A8D89;
   --layout-header-nav-active-font-weight: bold;
@@ -234,8 +234,8 @@ vxe-table
   --input-padding-vertical-large: 6px;
   --input-placeholder-color: #86909C;
   --input-color: #1D2129;
-  --input-border-color: #C2D1CC;
-  --input-border-color-tint-20: #cedad6;
+  --input-border-color: #E5E8EF;
+  --input-border-color-tint-20: #eaedf2;
   --input-border-radius: 4px;
   --input-border-radius-small: 3px;
   --input-bg: #fff;
@@ -315,9 +315,9 @@ vxe-table
   --table-cell-padding-right: 9px;
   --table-header-text-align: center;
   --table-data-text-align: left;
-  --table-border-color-base: #fff;
-  --table-border-bottom-color-base: #F3F3F3;
-  --table-border-width-base: 0;
+  --table-border-color-base: #E5E8EF;
+  --table-border-bottom-color-base: #E5E8EF;
+  --table-border-width-base: 1px;
   --select-dropdown-max-height: 400px;
   --tab-card-bg: #ECF5F4;
   --form-item-label-font-weight: normal;
@@ -339,7 +339,7 @@ vxe-table
   --vxe-border-radius: 12px;
   --vxe-border-width: 1px;
   --vxe-border-style: solid;
-  --vxe-border-color: #C2D1CC;
+  --vxe-border-color: #E5E8EF;
   /*icon*/
   --vxe-icon-font-family: Verdana, Arial, Tahoma;
   --vxe-icon-background-color: #fff;
@@ -370,22 +370,22 @@ vxe-table
   --vxe-warning-disabled-color: #ffb166;
   --vxe-danger-disabled-color: #faa0a0;
   /*input/radio/checkbox*/
-  --vxe-input-border-color: #C2D1CC;
+  --vxe-input-border-color: #E5E8EF;
   --vxe-input-disabled-color: #86909C;
   --vxe-input-disabled-background-color: #f3f3f3;
   --vxe-input-placeholder-color: #86909C;
   /*popup*/
-  --vxe-table-popup-border-color: #C2D1CC;
+  --vxe-table-popup-border-color: #E5E8EF;
   /*table*/
   --vxe-table-font-color: #1D2129;
   --vxe-table-font-lighten-color-20: #475165;
   --vxe-table-header-font-color: #899D98;
   --vxe-table-footer-font-color: #1D2129;
   --vxe-table-border-radius: 12px;
-  --vxe-table-border-width: 0;
+  --vxe-table-border-width: 1px;
   --vxe-table-border-style: solid;
-  --vxe-table-border-color: #C2D1CC;
-  --vxe-table-resizable-line-color: #e0e0e0;
+  --vxe-table-border-color: #E5E8EF;
+  --vxe-table-resizable-line-color: #E5E8EF;
   --vxe-table-resizable-drag-line-color: #0A8D89;
   --vxe-table-header-background-color: #ECF5F4;
   --vxe-table-body-background-color: #fff;
@@ -393,7 +393,7 @@ vxe-table
   --vxe-table-tree-node-line-color: #909399;
   --vxe-table-tree-node-line-style: dotted;
   --vxe-table-header-font-weight: bold;
-  --vxe-table-border-bottom-width: 1px;
+  --vxe-table-border-bottom-width: 0;
   --vxe-table-row-height-default: 48px;
   --vxe-table-row-height-medium: 44px;
   --vxe-table-row-height-small: 40px;
@@ -416,7 +416,7 @@ vxe-table
   --vxe-table-column-current-background-color: #F8FBFB;
   --vxe-table-column-icon-border-color: #c0c4cc;
   --vxe-table-column-icon-border-hover-color: #515A6E;
-  --vxe-table-column-background-image: linear-gradient(#fff, #fff), linear-gradient(#C2D1CC, #C2D1CC);
+  --vxe-table-column-background-image: linear-gradient(#E5E8EF, #E5E8EF), linear-gradient(#E5E8EF, #E5E8EF);
   --vxe-table-cell-placeholder-color: #86909C;
   --vxe-table-cell-padding-left: 9px;
   --vxe-table-cell-padding-right: 9px;

package/config/themes/cuiwei/var.less

@@ -93,8 +93,8 @@
 @padding-xs: 8px; // small items
 
 // Border color
-@border-color-base      : #C2D1CC;  // outside
-@border-color-split     : #e0e0e0;  // inside
+@border-color-base      : #E5E8EF;  // outside
+@border-color-split     : #E5E8EF;  // inside
 @border-width-base      : 1px;            // width of the border for a component
 @border-style-base      : solid;          // style of a components border
 
@@ -207,7 +207,7 @@
 @layout-active-color                       : @primary-color;
 @layout-header-color                       : #FFFFFF;
 @layout-header-active-color                : @white;
-@layout-header-nav-fontSize                : 20px;
+@layout-header-nav-fontSize                : 18px;
 @layout-header-nav-color                   : #FFFFFF;
 @layout-header-nav-active-color            : @primary-color;
 @layout-header-nav-active-font-weight      : bold;
@@ -366,9 +366,9 @@
 @table-cell-padding-right        : 9px;
 @table-header-text-align         : center;
 @table-data-text-align           : left;
-@table-border-color-base         : #fff;
-@table-border-bottom-color-base  :#F3F3F3;
-@table-border-width-base         : 0;
+@table-border-color-base         : #E5E8EF;
+@table-border-bottom-color-base  :#E5E8EF;
+@table-border-width-base         : 1px;
 
 // Select-DropDown
 @select-dropdown-max-height   : 400px;
@@ -454,7 +454,7 @@ vxe-table
 @vxe-table-header-font-color                            : @table-header-color;
 @vxe-table-footer-font-color                            : @vxe-font-color;
 @vxe-table-border-radius                                : @vxe-border-radius;
-@vxe-table-border-width                                 : 0;
+@vxe-table-border-width                                 : 1px;
 @vxe-table-border-style                                 : @table-border-style-base;
 @vxe-table-border-color                                 : @border-color-base;
 @vxe-table-resizable-line-color                         : @border-color-split;
@@ -465,7 +465,7 @@ vxe-table
 @vxe-table-tree-node-line-color                         : #909399;
 @vxe-table-tree-node-line-style                         : dotted;
 @vxe-table-header-font-weight                           : @table-header-font-weight;
-@vxe-table-border-bottom-width                          : 1px;
+@vxe-table-border-bottom-width                          : 0;
 
 @vxe-table-row-height-default                           : @table-cell-height;
 @vxe-table-row-height-medium                            : @table-cell-height - 4px;
@@ -490,7 +490,7 @@ vxe-table
 @vxe-table-column-current-background-color              : @table-td-highlight-bg;
 @vxe-table-column-icon-border-color                     : #c0c4cc;
 @vxe-table-column-icon-border-hover-color               : #515A6E;
-@vxe-table-column-background-image                      : linear-gradient(#fff, #fff), linear-gradient(@vxe-table-border-color, @vxe-table-border-color);
+@vxe-table-column-background-image                      : linear-gradient(@vxe-table-border-color, @vxe-table-border-color), linear-gradient(@vxe-table-border-color, @vxe-table-border-color);
 
 
 @vxe-table-cell-placeholder-color                       : @input-placeholder-color;

package/config/themes/theme-cuiwei.js

@@ -78,8 +78,8 @@ export default {
   --padding-md: 16px;
   --padding-sm: 12px;
   --padding-xs: 8px;
-  --border-color-base: #C2D1CC;
-  --border-color-split: #e0e0e0;
+  --border-color-base: #E5E8EF;
+  --border-color-split: #E5E8EF;
   --border-width-base: 1px;
   --border-style-base: solid;
   --background-color-base: #F3F8F7;
@@ -121,16 +121,16 @@ export default {
   --btn-group-border: #0a8682;
   --btn-disable-color: #86909C;
   --btn-disable-bg: #F3F8F7;
-  --btn-disable-border: #C2D1CC;
+  --btn-disable-border: #E5E8EF;
   --btn-default-color: #1D2129;
   --btn-default-color-tint-20: #4a4d54;
   --btn-default-color-shade-5: #1c1f27;
   --btn-default-bg: #fff;
   --btn-default-bg-tint-20: #ffffff;
   --btn-default-bg-shade-5: #f2f2f2;
-  --btn-default-border: #C2D1CC;
-  --btn-default-border-tint-20: #cedad6;
-  --btn-default-border-shade-5: #b8c7c2;
+  --btn-default-border: #E5E8EF;
+  --btn-default-border-tint-20: #eaedf2;
+  --btn-default-border-shade-5: #dadce3;
   --btn-primary-color: #fff;
   --btn-primary-color-tint-20: #ffffff;
   --btn-primary-color-tint-5: #ffffff;
@@ -145,9 +145,9 @@ export default {
   --btn-ghost-bg: #fff;
   --btn-ghost-bg-tint-20: #ffffff;
   --btn-ghost-bg-shade-5: #f2f2f2;
-  --btn-ghost-border: #C2D1CC;
-  --btn-ghost-border-tint-20: #cedad6;
-  --btn-ghost-border-shade-5: #b8c7c2;
+  --btn-ghost-border: #E5E8EF;
+  --btn-ghost-border-tint-20: #eaedf2;
+  --btn-ghost-border-shade-5: #dadce3;
   --btn-circle-size: 32px;
   --btn-circle-size-large: 40px;
   --btn-circle-size-small: 24px;
@@ -172,7 +172,7 @@ export default {
   --layout-active-color: #0A8D89;
   --layout-header-color: #FFFFFF;
   --layout-header-active-color: #fff;
-  --layout-header-nav-fontSize: 20px;
+  --layout-header-nav-fontSize: 18px;
   --layout-header-nav-color: #FFFFFF;
   --layout-header-nav-active-color: #0A8D89;
   --layout-header-nav-active-font-weight: bold;
@@ -211,8 +211,8 @@ export default {
   --input-padding-vertical-large: 6px;
   --input-placeholder-color: #86909C;
   --input-color: #1D2129;
-  --input-border-color: #C2D1CC;
-  --input-border-color-tint-20: #cedad6;
+  --input-border-color: #E5E8EF;
+  --input-border-color-tint-20: #eaedf2;
   --input-border-radius: 4px;
   --input-border-radius-small: 3px;
   --input-bg: #fff;
@@ -292,9 +292,9 @@ export default {
   --table-cell-padding-right: 9px;
   --table-header-text-align: center;
   --table-data-text-align: left;
-  --table-border-color-base: #fff;
-  --table-border-bottom-color-base: #F3F3F3;
-  --table-border-width-base: 0;
+  --table-border-color-base: #E5E8EF;
+  --table-border-bottom-color-base: #E5E8EF;
+  --table-border-width-base: 1px;
   --select-dropdown-max-height: 400px;
   --tab-card-bg: #ECF5F4;
   --form-item-label-font-weight: normal;
@@ -316,7 +316,7 @@ export default {
   --vxe-border-radius: 12px;
   --vxe-border-width: 1px;
   --vxe-border-style: solid;
-  --vxe-border-color: #C2D1CC;
+  --vxe-border-color: #E5E8EF;
   /*icon*/
   --vxe-icon-font-family: Verdana, Arial, Tahoma;
   --vxe-icon-background-color: #fff;
@@ -347,22 +347,22 @@ export default {
   --vxe-warning-disabled-color: #ffb166;
   --vxe-danger-disabled-color: #faa0a0;
   /*input/radio/checkbox*/
-  --vxe-input-border-color: #C2D1CC;
+  --vxe-input-border-color: #E5E8EF;
   --vxe-input-disabled-color: #86909C;
   --vxe-input-disabled-background-color: #f3f3f3;
   --vxe-input-placeholder-color: #86909C;
   /*popup*/
-  --vxe-table-popup-border-color: #C2D1CC;
+  --vxe-table-popup-border-color: #E5E8EF;
   /*table*/
   --vxe-table-font-color: #1D2129;
   --vxe-table-font-lighten-color-20: #475165;
   --vxe-table-header-font-color: #899D98;
   --vxe-table-footer-font-color: #1D2129;
   --vxe-table-border-radius: 12px;
-  --vxe-table-border-width: 0;
+  --vxe-table-border-width: 1px;
   --vxe-table-border-style: solid;
-  --vxe-table-border-color: #C2D1CC;
-  --vxe-table-resizable-line-color: #e0e0e0;
+  --vxe-table-border-color: #E5E8EF;
+  --vxe-table-resizable-line-color: #E5E8EF;
   --vxe-table-resizable-drag-line-color: #0A8D89;
   --vxe-table-header-background-color: #ECF5F4;
   --vxe-table-body-background-color: #fff;
@@ -370,7 +370,7 @@ export default {
   --vxe-table-tree-node-line-color: #909399;
   --vxe-table-tree-node-line-style: dotted;
   --vxe-table-header-font-weight: bold;
-  --vxe-table-border-bottom-width: 1px;
+  --vxe-table-border-bottom-width: 0;
   --vxe-table-row-height-default: 48px;
   --vxe-table-row-height-medium: 44px;
   --vxe-table-row-height-small: 40px;
@@ -393,7 +393,7 @@ export default {
   --vxe-table-column-current-background-color: #F8FBFB;
   --vxe-table-column-icon-border-color: #c0c4cc;
   --vxe-table-column-icon-border-hover-color: #515A6E;
-  --vxe-table-column-background-image: linear-gradient(#fff, #fff), linear-gradient(#C2D1CC, #C2D1CC);
+  --vxe-table-column-background-image: linear-gradient(#E5E8EF, #E5E8EF), linear-gradient(#E5E8EF, #E5E8EF);
   --vxe-table-cell-placeholder-color: #86909C;
   --vxe-table-cell-padding-left: 9px;
   --vxe-table-cell-padding-right: 9px;

package/nstyles/third/view-design.less

@@ -364,4 +364,12 @@ body > .ivu-tooltip-popper {
 
 .ivu-card-extra {
   top: var(--ivu-card-extra, 3px) !important;
+}
+
+.ag-cell, .ivu-table-cell-tooltip-content {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  line-height: 1.2;
 }

package/package.json

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

package/utils/menu/index.js

@@ -1,6 +1,6 @@
 import config from "../../config/config"
 import {deepCopy} from "../assist";
-import {getUrlParams} from "../platform"
+import {getLocalStorage, getUrlParams} from "../platform"
 /**
  * 判断是否存在路由
  * @param $router

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 === '';
+}

package/utils/crypto/aes.js

@@ -1,23 +0,0 @@
-import * as CryptoJS from 'crypto-js';
-
-const AES_KEY = 'gYj2iqBV5AzxC8H0';
-const AES_IV = 'z5c8fSuHX1PxWtIg';
-
-crypto.aes = {
-    encrypt(message) {
-        return CryptoJS.AES.encrypt(message, AES_KEY, {
-            mode: CryptoJS.mode.CBC,
-            padding: CryptoJS.pad.Pkcs7,
-            iv: AES_IV
-        })
-    },
-    decrypt(ciphertext) {
-        return CryptoJS.AES.decrypt(ciphertext, AES_KEY, {
-            mode: CryptoJS.mode.CBC,
-            padding: CryptoJS.pad.Pkcs7,
-            iv: AES_IV
-        }).toString(CryptoJS.enc.Utf8)
-    }
-}
-
-export default crypto.aes;

package/utils/crypto/rsa.js

@@ -1,16 +0,0 @@
-import NodeRSA from "node-rsa";
-
-const publicKey = `-----BEGIN PUBLIC KEY-----
-MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCyhhlApSAjPWRjzg+wSIfALbrC
-Ti4GVBYYBjfMYKU0O9z6EGQAXSLPW+S4VYm4LKtKXuKoeF441KU2HvnGM63cTIYt
-T4lGbTGeYfsbeWNs1u9G9J+DrfKK8HsVB1IZIqhbMf0x7KGMeoQ2SN4KtbaPIwhl
-IPfXzuLZiCW90l+a/wIDAQAB
------END PUBLIC KEY-----`;
-
-// 创建NodeRSA实例并指定公钥格式
-const key = new NodeRSA(publicKey, "pkcs8-public");
-
-// 加密函数
-function rsa(data) {
-    return key.encrypt(data, "base64");
-}