@lambo-design/shared 1.0.0-beta.305 → 1.0.0-beta.307

package/utils/ajax/cancel-token.js

@@ -0,0 +1,69 @@
+// axios 0.22.0 版本以后推荐使用abort-controller
+import axios from "axios";
+
+// 存储所有请求的取消函数
+const cancelTokenMap = {};
+
+const getPendingUrl = (config) => {
+  const { url, method, data, headers } = config;
+
+  // 生成请求唯一标识
+  return headers['is-cancel-token']
+      ? headers['is-cancel-token']
+      : [url, method, JSON.stringify(data), JSON.stringify(headers)].join('&');
+};
+/**
+ * 生成请求唯一标识并注册取消函数
+ * @param {Object} config - 请求配置
+ * @returns {Object} 增强后的请求配置
+ */
+function addPending(config) {
+
+  // 生成请求唯一标识
+  const requestId = getPendingUrl(config);
+
+  // 获取已存在的取消函数
+  const existingCancel = cancelTokenMap[requestId];
+
+  // 注册取消令牌
+  config.cancelToken = config.cancelToken || new axios.CancelToken(cancel => {
+    if (!existingCancel) {
+      cancelTokenMap[requestId] = cancel;
+    }
+  });
+
+  return config;
+}
+
+/**
+ * 取消指定请求
+ * @param {Object} config - 要取消的请求配置
+ */
+function removePending(config) {
+  const { url, method, data, headers } = config;
+
+  const requestId = getPendingUrl(config);
+
+  const cancelFn = cancelTokenMap[requestId];
+
+  if (cancelFn && typeof cancelFn === 'function') {
+    cancelFn(); // 执行取消
+    delete cancelTokenMap[requestId]; // 清理
+  }
+}
+
+/**
+ * 取消所有未完成的请求
+ */
+function removeAllPending() {
+  Object.keys(cancelTokenMap).forEach(key => {
+    const cancelFn = cancelTokenMap[key];
+    cancelFn();
+  });
+}
+
+export default {
+  addPending,
+  removePending,
+  removeAllPending
+}

package/utils/ajax/interceptors.js

@@ -3,7 +3,8 @@ import cacheRules from "./cacheconf";
 import {getLocalStorage, getToken, getUrlParams} from '../platform'
 import Bus from '../bus';
 import headers from './headers';
-
+import {throttle} from "./throttle";
+import abortController from "./abort-controller"
 let timer1, timer2;
 let hasDialog = false;
 
@@ -59,6 +60,17 @@ function requestInterceptors(config) {
       config.url = config.url + "&t=" + new Date().getTime();
     }
   }
+
+  // 添加防止重复提交
+  if(process.env.IF_OPEN_NO_REPEAT_SUBMIT &&  process.env.IF_OPEN_NO_REPEAT_SUBMIT === "true"){
+    // throttle(config);
+    const ignoreCancelToken = config.ignoreCancelToken ?? true;
+    if(!ignoreCancelToken){
+      abortController.addPending(config);
+    }
+  }
+
+
   return config;
 }
 
@@ -68,6 +80,7 @@ function requestError(error) {
 }
 
 function responseInterceptors(response) {
+  response && abortController.removePending(response.config)
   const data = response.data;
   if (data instanceof Object) {
     const code = data["code"];

package/utils/ajax/throttle.js

@@ -0,0 +1,46 @@
+const requestObjMap = {};
+
+const getPendingUrl = (config) => {
+    const { url, method, data, headers } = config;
+    // 生成请求唯一标识
+    return [url, method].join('&');
+};
+/**
+ * 防止重复提交
+ * 防抖（debounce）和节流（throttle）
+ */
+export function throttle(config) {
+    if (config) {
+        // 是否需要防止数据重复提交
+        const isRepeatSubmit = (config.headers || {}).repeatSubmit === false ;
+
+        if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
+            const requestObj = {
+                url: config.url,
+                data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
+                time: new Date().getTime()
+            }
+            const requestId = getPendingUrl(config);
+
+            const lastRequestObj = requestObjMap[requestId];
+
+            if (lastRequestObj === undefined || lastRequestObj === null || lastRequestObj === '') {
+                requestObjMap[requestId] = requestObj;
+            } else {
+                const lastUrl = lastRequestObj.url;
+                const lastData = lastRequestObj.data;
+                const lastTime = lastRequestObj.time;
+                // 间隔时间(ms)，小于此时间视为重复提交
+                const interval = 1000;
+                if (lastUrl === requestObj.url && lastData === requestObj.data
+                    && requestObj.time - lastTime < interval) {
+                    const message = '数据正在处理，请勿重复提交';
+                    console.warn(`[${his_url}]: ` + message);
+                    return Promise.reject(new Error(message));
+                } else {
+                    requestObjMap[requestId] = requestObj;
+                }
+            }
+        }
+    }
+}

package/utils/locale/en-US.js

@@ -8,6 +8,7 @@ let enUSData = {
         'atrovirens': 'Dark Green',
         'blue': 'Deep Sea Blue',
         'bw': 'Blue White',
+        'sichuan': 'Sichuan',
         'bwb': 'Blue White(Loose)',
         'bwt': 'Blue White-Compact',
         'cuiwei': 'Jade Green',

package/utils/locale/zh-CN.js

@@ -8,6 +8,7 @@ let zhCNData = {
         'atrovirens': '墨绿色',
         'blue': '深海蓝',
         'bw': '蓝白',
+        'sichuan': '四川中烟',
         'bwb': '蓝白（大）',
         'bwt': '蓝白-紧凑',
         'cuiwei': '翠微',

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);
+  },
+};