@lambo-design/shared 1.0.0-beta.38 → 1.0.0-beta.381

package/plugin/module/warn-handler.js

@@ -0,0 +1,11 @@
+export default {
+    install : function (Vue, options) {
+        Vue.config.warnHandler = function (err, vm, info) {
+            if (err.toString().indexOf("Component names should conform to valid custom element name in html5 specification")>0){
+                console.warn("[Lambo warn]: " + err + info);
+            }else{
+                console.error("[Vue warn]: " + err + info);
+            }
+        }
+    }
+}

package/utils/ajax/abort-controller.js

@@ -0,0 +1,70 @@
+// 用于存储每个请求的标识和取消函数
+import qs from "qs";
+
+const pendingMap = new Map();
+
+const getPendingUrl = (config) => {
+  const { url, method, data, headers } = config;
+
+  // 生成请求唯一标识
+  return headers['is-cancel-token']
+      ? headers['is-cancel-token']
+      : [url, method, qs.stringify(data)].join('&');
+};
+
+/**
+ * 添加请求
+ * @param config 请求配置
+ */
+function addPending(config) {
+  removePending(config);
+  const url = getPendingUrl(config);
+  const controller = new AbortController();
+  config.signal = config.signal || controller.signal;
+  if (!pendingMap.has(url)) {
+    // 如果当前请求不在等待中，将其添加到等待中
+    pendingMap.set(url, controller);
+  }
+}
+
+/**
+ * 移除请求
+ * @param config 请求配置
+ */
+function removePending(config) {
+  const url = getPendingUrl(config);
+  if (pendingMap.has(url)) {
+    // 如果当前请求在等待中，取消它并将其从等待中移除
+    const abortController = pendingMap.get(url);
+    if (abortController) {
+      abortController.abort();
+    }
+    pendingMap.delete(url);
+  }
+}
+
+/**
+ * 重置
+ */
+function reset() {
+  pendingMap.clear();
+}
+
+/**
+ * 清除所有等待中的请求
+ */
+function removeAllPending() {
+  pendingMap.forEach((abortController) => {
+    if (abortController) {
+      abortController.abort();
+    }
+  });
+  reset();
+}
+
+
+export default {
+  addPending,
+  removePending,
+  removeAllPending
+}

package/utils/ajax/cancel-reason.js

@@ -0,0 +1,25 @@
+// 自定义取消原因枚举
+import Vue from "vue";
+
+export const CancelReason = {
+    USER_ACTION: 'user_action',
+    NAVIGATION: 'navigation',
+    TIMEOUT: 'timeout',
+    DUPLICATE: 'duplicate'
+};
+
+export const showReason = (reason)=>{
+    switch (reason) {
+        case CancelReason.USER_ACTION:
+            Vue.prototype.$Message.info('操作已取消')
+            break;
+        case CancelReason.TIMEOUT:
+            Vue.prototype.$Message.error('请求超时，请重试');
+            break;
+        case CancelReason.DUPLICATE:
+            Vue.prototype.$Message.warning('重复请求已取消');
+            break;
+        default:
+            Vue.prototype.$Message.error('请求已取消');
+    }
+}

package/utils/ajax/cancel-token.js

@@ -0,0 +1,83 @@
+// axios 0.22.0 版本以后推荐使用abort-controller
+import axios from "axios";
+import qs from 'qs'
+import {CancelReason} from "./cancel-reason";
+// 存储所有请求的取消函数
+const cancelTokenMap = {};
+
+const getPendingUrl = (config) => {
+  const { url, method, data, headers } = config;
+
+  // 生成请求唯一标识
+  return headers['is-cancel-token']
+      ? headers['is-cancel-token']
+      : [url, method, qs.stringify(data)].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({
+      type: 'cancel',
+      url: requestId,
+      reason: CancelReason.DUPLICATE,
+      message: '数据正在处理，请勿重复提交'
+    }); // 执行取消
+    delete cancelTokenMap[requestId]; // 清理
+  }
+}
+
+/**
+ * 取消所有未完成的请求
+ */
+function removeAllPending() {
+  Object.keys(cancelTokenMap).forEach(key => {
+    const cancelFn = cancelTokenMap[key];
+    if (cancelFn && typeof cancelFn === 'function') {
+      cancelFn({
+        type: 'cancel',
+        url: key,
+        reason: CancelReason.NAVIGATION,
+        message: '请求已取消'
+      }); // 执行取消
+      delete cancelTokenMap[key]; // 清理
+    }
+  });
+}
+
+export default {
+  addPending,
+  removePending,
+  removeAllPending
+}

package/utils/ajax/content-type.js

@@ -0,0 +1,30 @@
+const contentTypeKey = 'Content-Type'
+
+export function getContentType(config) {
+    // let type = config?.[contentTypeKey] || config?.['content-type'] || ''
+    let type = '';
+
+    if (config && config[contentTypeKey]) {
+        type = config[contentTypeKey];
+    } else if (config && config['content-type']) {
+        type = config['content-type'];
+    }
+    const suffixIdx = type.indexOf(';')
+    if (suffixIdx !== -1) {
+        type = type.substring(0, suffixIdx)
+    }
+
+    return type
+}
+
+export function setContentType(headers, type) {
+    headers[contentTypeKey] = type
+}
+
+export const CONTENT_TYPE = {
+    form: 'application/x-www-form-urlencoded',
+    multiForm: 'multipart/form-data',
+    body: 'application/json',
+    os: 'application/octet-stream',
+    json: 'application/json',
+}

package/utils/ajax/headers.js

@@ -0,0 +1,16 @@
+let headers = {}
+headers.tenant = {
+    tenantCode: 'tenant-code',
+    systemType: 'system-type',
+}
+
+headers.auth = {
+    token: 'token'
+}
+
+headers.ajaxHeader = {
+    HEADER_TIMESTAMP : 'X-Timestamp',
+    HEADER_NONCE : 'X-Nonce'
+}
+
+export default headers

package/utils/ajax/interceptors.js

@@ -1,9 +1,15 @@
 import qs from 'qs'
 import cacheRules from "./cacheconf";
-import {getToken,getUrlParams} from '../platform'
+import {getLocalStorage, getToken, getUrlParams} from '../platform'
 import Bus from '../bus';
-
-
+import headers from './headers';
+import {throttle} from "./throttle";
+import abortController from "./abort-controller"
+import cancelToken from "./cancel-token"
+import { isCancel,Cancel } from "axios";
+import Vue from "vue";
+import {CancelReason} from "./cancel-reason";
+import {guid} from "../number";
 let timer1, timer2;
 let hasDialog = false;
 
@@ -12,13 +18,24 @@ function requestInterceptors(config) {
 
   let token = getToken();
   if (token) {
-    config.headers.token = token;
+    config.headers[headers.auth.token] = token;
+  }
+
+  let systemType = getLocalStorage('systemType')
+  let tenantCode = getLocalStorage('tenantCode')
+
+  if(systemType && tenantCode){
+    config.headers[headers.tenant.tenantCode] = tenantCode;
+    config.headers[headers.tenant.systemType] = systemType;
   }
 
+  config.headers[headers.ajaxHeader.HEADER_TIMESTAMP] = new Date().getTime();
+  config.headers[headers.ajaxHeader.HEADER_NONCE] = guid();
+
   //sso_token认证
   if (params.hasOwnProperty('sso_token')||sessionStorage.getItem('sso_token')) {
     config.params = Object.assign({
-      sso_token: params.sso_token||sessionStorage.getItem('sso_token') ,
+      sso_token: params.sso_token||sessionStorage.getItem('sso_token'),
       sso_id: params.sso_id
     }, config.params)
   }
@@ -51,6 +68,22 @@ function requestInterceptors(config) {
       config.url = config.url + "&t=" + new Date().getTime();
     }
   }
+
+  // 添加防止重复提交
+  // if(process.env.VUE_APP_IF_OPEN_NO_REPEAT_SUBMIT &&  process.env.VUE_APP_IF_OPEN_NO_REPEAT_SUBMIT === "true"){
+    // if(throttle(config)){
+    //   return Promise.reject(new Error('数据正在处理，请勿重复提交'));
+    // }
+    // if(!config.ignoreCancelToken){
+    //   abortController.addPending(config);
+    // }
+    // if(!config.isNotCancel){
+    //   cancelToken.removePending(config)
+    //   config = cancelToken.addPending(config)
+    // }
+  // }
+
+
   return config;
 }
 
@@ -60,6 +93,7 @@ function requestError(error) {
 }
 
 function responseInterceptors(response) {
+  response && abortController.removePending(response.config)
   const data = response.data;
   if (data instanceof Object) {
     const code = data["code"];
@@ -82,11 +116,16 @@ function responseInterceptors(response) {
 }
 
 function responseError(error) {
-  clearTimeout(timer2);
-  timer2 = setTimeout(function () {
-    console.error("服务器内部异常,请稍候再试");
-  }, 500)
-  return Promise.reject(error);
+  if(isCancel(error)){
+    Vue.prototype.$Message.error(error.message)
+    return new Promise(() => {});
+  } else {
+    clearTimeout(timer2);
+    timer2 = setTimeout(function () {
+      console.error("服务器内部异常,请稍候再试");
+    }, 500)
+    return Promise.reject(error);
+  }
 }
 
 export default {

package/utils/ajax/sseFetchUtil.js

@@ -0,0 +1,127 @@
+import headers from "./headers";
+import {guid} from "../number";
+
+class CustomEventSource {
+  constructor(url, options) {
+    this.url = url;
+    options = options || {};
+    options.headers = {
+      ...options.headers,
+      [headers.ajaxHeader.HEADER_TIMESTAMP]: new Date().getTime(),
+      [headers.ajaxHeader.HEADER_NONCE]: guid(),
+    };
+    this.options = options;
+    this.listeners = {};
+    this.awaitConnect()
+  }
+
+  async awaitConnect() {
+    const response = await fetch(this.url, { ...this.options, method: 'POST' });
+    const reader = response.body.getReader();
+    await this.readStream(reader);
+  }
+
+  async readStream(reader) {
+    let done, value, chunk = '';
+    const decoder = new TextDecoder('utf-8');
+    do {
+      ({done, value} = await reader.read());
+      if (done) {
+        this.dispatchEvent('message_finished');
+      } else {
+        chunk += decoder.decode(value, { stream: true })
+        if (chunk && chunk.trim().endsWith("}")) {
+          const lines = chunk.split('\n');
+          // chunk = '';
+          for (let line of lines) {
+            if (line.startsWith('data:')) {
+              const data = line.substring(5).trim(); // 去掉 'data:' 前缀
+              if (data) {
+                try {
+                  const jsonData = JSON.parse(data);
+                }catch (e) {
+                  // 解析失败，说明数据可能不完整，等待更多数据
+                  console.warn("JSON 解析失败，等待更多数据:", e);
+                  break;
+                }
+                this.dispatchEvent('message', { data: data });
+              }
+            } else if (line.startsWith("{") && line.endsWith("}")) {
+              try {
+                const jsonData = JSON.parse(line);
+              }catch (e) {
+                console.warn("JSON 解析失败，等待更多数据:", e);
+                break;
+              }
+              this.dispatchEvent('message', { data: line });
+            }
+          }
+          chunk = '';
+        }
+      }
+    } while (!done);
+  }
+
+  connect() {
+    fetch(this.url, { ...this.options, method: 'POST' })
+        .then(response => {
+          if (response.ok && response.body) {
+            const reader = response.body.getReader();
+            this.read(reader);
+          } else {
+            throw new Error('Failed to connect to the SSE endpoint.');
+          }
+        })
+        .catch(error => {
+          console.error('Connection error:', error);
+          this.dispatchEvent('message_finished',error);
+        });
+  }
+
+  read(reader) {
+    reader.read().then(({done,value}) => {
+      if (done) {
+        this.dispatchEvent('message_finished');
+      } else {
+        const decoder = new TextDecoder('utf-8');
+        const chunk = decoder.decode(value, { stream: true });
+        if (chunk) {
+          const lines = chunk.split('\n');
+          for (let line of lines) {
+            if (line.startsWith('data:')) {
+              const data = line.substring(5).trim(); // 去掉 'data:' 前缀
+              if (data) {
+                this.dispatchEvent('message', { data: data });
+              }
+            } else if (line.startsWith("{") && line.endsWith("}")) {
+              this.dispatchEvent('message', { data: line });
+            }
+          }
+        }
+
+        this.read(reader);
+      }
+    }).catch(error => {
+      console.error('Read error:', error);
+      this.dispatchEvent('message_finished',error);
+    });
+  }
+
+  addEventListener(type, listener) {
+    if (!this.listeners[type]) {
+      this.listeners[type] = [];
+    }
+    this.listeners[type].push(listener);
+  }
+
+  dispatchEvent(type, event) {
+    if (this.listeners[type]) {
+      this.listeners[type].forEach(listener => listener(event));
+    }
+  }
+}
+
+export default CustomEventSource;
+export {
+  CustomEventSource
+}

package/utils/ajax/throttle.js

@@ -0,0 +1,49 @@
+import qs from 'qs'
+const requestObjMap = {};
+
+const getPendingUrl = (config) => {
+    const { url, method, data, headers } = config;
+    // 生成请求唯一标识
+    return [url, method, qs.stringify(data), qs.stringify(headers)].join('&');
+};
+/**
+ * 防止重复提交
+ * 防抖（debounce）和节流（throttle）
+ */
+export function throttle(config) {
+    let forbidden = false;
+    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 = 10000;
+                if (lastUrl === requestObj.url && lastData === requestObj.data
+                    && requestObj.time - lastTime < interval) {
+                    const message = '数据正在处理，请勿重复提交';
+                    console.warn(`[${lastUrl}]: ` + message);
+                    forbidden = true;
+                } else {
+                    requestObjMap[requestId] = requestObj;
+                }
+            }
+        }
+    }
+    return forbidden
+}