@lambo-design/shared 1.0.0-beta.35 → 1.0.0-beta.350

package/utils/ajax/interceptors.js

@@ -1,9 +1,14 @@
 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";
 let timer1, timer2;
 let hasDialog = false;
 
@@ -12,13 +17,21 @@ 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;
   }
 
   //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 +64,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 +89,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 +112,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,118 @@
+class CustomEventSource {
+  constructor(url, options) {
+    this.url = url;
+    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
+}

package/utils/assist.js

@@ -25,6 +25,23 @@ export function deepCopy(data) {
   }
   return o;
 }
+export function deepMerge(target, ...sources) {
+  if (!sources.length) return target;
+  const source = sources.shift();
+
+  if (isObject(target) && isObject(source)) {
+    for (const key in source) {
+      if (isObject(source[key])) {
+        if (!target[key]) Object.assign(target, { [key]: {} });
+        deepMerge(target[key], source[key]);
+      } else {
+        Object.assign(target, { [key]: source[key] });
+      }
+    }
+  }
+
+  return deepMerge(target, ...sources);
+}
 
 export function typeOf(obj) {
   const toString = Object.prototype.toString;
@@ -43,42 +60,153 @@ export function typeOf(obj) {
   return map[toString.call(obj)];
 }
 
-export function operateBtn(vm, h, currentRow, operationName, operation, type, permission) {
-    return h('Button', {
-      props: {
-        type: type,
-        size: "small",
-        ghost: true,
-      },
-      directives: [(permission === '' || permission === null) ? '' : {
-        name: "permission",
-        value: permission
-      }],
-      style: {
-        margin: '0 2px'
-      },
-      on: {
-        'click': () => {
-          operation(vm, currentRow);
-        }
+export function operateBtn(vm, h, currentRow, operationName, operation, type, permission, disabled = false) {
+  let renderOption = {
+    props: {
+      type: type,
+      size: "small",
+      ghost: true,
+      disabled: disabled
+    },
+    style: {
+      margin: '0 2px'
+    },
+    on: {
+      'click': () => {
+        operation(vm, currentRow);
       }
-    }, operationName);
+    }
+  }
+  if(permission){
+    renderOption['directives'] = [{
+      name: "permission",
+      value: permission
+    }]
+  }
+
+  return h('Button', renderOption, operationName);
 
 }
 
-export function operateHref(vm, h, currentRow, operationName, operation) {
-   return h('a', {
-     style: {
-       margin: '0 4px'
-     },
+export function operateHref(vm, h, currentRow, operationName, operation, type, permission, disabled = false) {
+  let renderOption = {
+    style: {
+      margin: '0 4px',
+      color: disabled ? '#ccc' : '',
+      cursor: disabled ? 'not-allowed' : '',
+      pointerEvents: disabled ? 'none' : ''
+    },
     on: {
       'click': () => {
         operation(vm, currentRow);
       }
     }
-  }, operationName);
+  }
+  if(permission){
+    renderOption['directives'] = [{
+      name: "permission",
+      value: permission
+    }]
+  }
+
+  return h('a', renderOption, operationName);
+}
+
+export function operateMore(vm, h, operation) {
+  return h("Dropdown", {
+    style: {
+      marginLeft: "4px",
+    },
+    props: {
+      transfer: true,
+    }
+  }, [
+    h("a", {
+      style: {
+        margin: '0 4px',
+        borderBottom: '0px solid #CC9900',
+      }
+    }, [
+      h("span", "更多"),
+      h("Icon", {
+        props: {
+          type: "ios-arrow-down"
+        },
+      })
+    ]),
+    h('DropdownMenu', {
+      slot: "list",
+    }, operation)
+  ]);
+}
+
+export function renderTooltip(vm, h, content , { theme= 'dark', maxWidth= 300 }) {
+  return h("Tooltip", {
+    props: {
+      maxWidth: maxWidth,
+      theme: theme,
+      content: content
+    },
+    class:"ivu-table-cell-tooltip"
+  }, [
+    h('span', {
+        class:"ivu-table-cell-tooltip-content"
+    }, content)
+  ]);
 }
 
 export function isJson(arg) {
-  return typeof (arg) == "object" && Object.prototype.toString.call(arg).toLowerCase() == "[object object]" && !arg.length
-};
+  return typeof (arg) == "object" && Object.prototype.toString.call(arg).toLowerCase() === "[object object]" && !arg.length
+}
+
+
+export function isObject(item) {
+  return (item && typeof item === 'object' && !Array.isArray(item));
+}
+
+export function copyToClipboard(text){
+  return new Promise((resolve, reject) => {
+    // 现代浏览器方案
+    if (navigator.clipboard) {
+      navigator.clipboard.writeText(text).then(() => {
+        resolve(true);
+      }).catch(err => {
+        // 现代API失败时尝试传统方案
+        fallbackCopy(text, resolve, reject);
+      });
+    } else {
+      // 传统浏览器方案
+      fallbackCopy(text, resolve, reject);
+    }
+  });
+}
+
+export function fallbackCopy(text, resolve, reject) {
+  try {
+    const textArea = document.createElement('textarea');
+    textArea.value = text;
+    textArea.style.position = 'fixed'; // 避免触发滚动
+    textArea.style.left = '-9999px';
+    textArea.setAttribute('readonly', '');
+    document.body.appendChild(textArea);
+    textArea.select();
+    // 兼容移动端
+    if (textArea.setSelectionRange) {
+      const range = document.createRange();
+      range.selectNodeContents(textArea);
+      const sel = window.getSelection();
+      sel.removeAllRanges();
+      sel.addRange(range);
+      textArea.setSelectionRange(0, textArea.value.length);
+    }
+    const success = document.execCommand('copy');
+    document.body.removeChild(textArea);
+    if (success) {
+      resolve(true);
+    } else {
+      reject(new Error('复制失败'));
+    }
+  } catch (err) {
+    reject(err);
+  }
+}

package/utils/base64.js

@@ -0,0 +1,126 @@
+let Base64 = {
+  Base64Chars:
+    "abcdefghijklmnopqrstuv" +
+    "wxyzABCDEFGHIJKLMNOP" +
+    "QRSTUVWXYZ0123456789@*-",
+  /**
+   * Encode a string to a Base64 string follow Bse64 regular.
+   * @param s, a normal string
+   * @return a Base64 string
+   */
+  encode: function (s) {
+    if (!s || s.length == 0) return s;
+
+    var d = "";
+    var b = this.ucs2_utf8(s);
+    var b0, b1, b2, b3;
+    var len = b.length;
+    var i = 0;
+    while (i < len) {
+      var tmp = b[i++];
+      b0 = (tmp & 0xfc) >> 2;
+      b1 = (tmp & 0x03) << 4;
+      if (i < len) {
+        tmp = b[i++];
+        b1 |= (tmp & 0xf0) >> 4;
+        b2 = (tmp & 0x0f) << 2;
+        if (i < len) {
+          tmp = b[i++];
+          b2 |= (tmp & 0xc0) >> 6;
+          b3 = tmp & 0x3f;
+        } else {
+          b3 = 64; // 1 byte "-" is supplement
+
+        }
+      } else {
+        b2 = b3 = 64; // 2 bytes "-" are supplement
+
+      }
+
+      d += this.Base64Chars.charAt(b0);
+      d += this.Base64Chars.charAt(b1);
+      d += this.Base64Chars.charAt(b2);
+      d += this.Base64Chars.charAt(b3);
+    }
+
+    return d;
+
+  },
+
+  /**
+   * Encodes a ucs2 string to a utf8 integer array.
+   * @param s, a string
+   * @return an integer array
+   */
+  ucs2_utf8: function (s) {
+    if (!s) return null;
+    var d = new Array();
+    if (s == "") return d;
+
+    var c = 0, i = 0, j = 0;
+    var len = s.length;
+    while (i < len) {
+      c = s.charCodeAt(i++);
+      if (c <= 0x7f) {
+        // 1 byte
+
+        d[j++] = c;
+      } else if ((c >= 0x80) && (c <= 0x7ff)) {
+        // 2 bytes
+
+        d[j++] = ((c >> 6) & 0x1f) | 0xc0;
+        d[j++] = (c & 0x3f) | 0x80;
+      } else {
+        // 3 bytes
+
+        d[j++] = (c >> 12) | 0xe0;
+        d[j++] = ((c >> 6) & 0x3f) | 0x80;
+        d[j++] = (c & 0x3f) | 0x80;
+      }
+    }
+
+    return d;
+  },
+  /**
+   * Encodes a utf8 integer array to a ucs2 string.
+   * @param s, an integer array
+   * @return a string
+   */
+  utf8_ucs2: function (s) {
+    if (!s) return null;
+    var len = s.length;
+    if (len == 0) return "";
+
+    var d = "";
+    var c = 0, i = 0, tmp = 0;
+    while (i < len) {
+      c = s[i++];
+      if ((c & 0xe0) == 0xe0) {
+        // 3 bytes
+
+        tmp = (c & 0x0f) << 12;
+        c = s[i++];
+        tmp |= ((c & 0x3f) << 6);
+        c = s[i++];
+        tmp |= (c & 0x3f);
+      } else if ((c & 0xc0) == 0xc0) {
+        // 2 bytes
+
+        tmp = (c & 0x1f) << 6;
+        c = s[i++];
+        tmp |= (c & 0x3f);
+      } else {
+        // 1 byte
+
+        tmp = c;
+      }
+
+      d += String.fromCharCode(tmp);
+    }
+
+    return d;
+  }
+};
+export {
+  Base64
+}

package/utils/blob.js

@@ -0,0 +1,47 @@
+/**
+ * 将base64转换为Blob
+ *
+ * @param base64Data base64数据
+ * @param contentType 数据的MIME Type，如 png 为 image/png
+ * @returns Blob数据
+ */
+export function base64ToBlob(base64Data, contentType) {
+  contentType = contentType || ''
+  const sliceSize = 1024
+  const byteCharacters = atob(base64Data)
+  const bytesLength = byteCharacters.length
+  const slicesCount = Math.ceil(bytesLength / sliceSize)
+  const byteArrays = new Array(slicesCount)
+
+  for (let sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
+    const begin = sliceIndex * sliceSize
+    const end = Math.min(begin + sliceSize, bytesLength)
+
+    const bytes = new Array(end - begin)
+    for (let offset = begin, i = 0; offset < end; ++i, ++offset) {
+      bytes[i] = byteCharacters[offset].charCodeAt(0)
+    }
+    byteArrays[sliceIndex] = new Uint8Array(bytes)
+  }
+  return new Blob(byteArrays, { type: contentType })
+}
+
+export function blobToBase64(blob, hasPrefix = true) {
+  return new Promise((resolve) => {
+    const reader = new FileReader()
+    reader.onload = function () {
+      // const base64Data = (reader?.result || '')
+      let base64Data = '';
+      if (reader !== null && reader !== undefined) {
+        base64Data = reader.result || '';
+      }
+      if (hasPrefix) {
+        resolve(base64Data)
+        return
+      }
+      const base64WithoutPrefix = base64Data.split(',')[1]
+      resolve(base64WithoutPrefix)
+    }
+    reader.readAsDataURL(blob)
+  })
+}