@aochuang/common 1.0.1 → 1.0.126

package/utils/file.js

@@ -0,0 +1,76 @@
+/**
+ * 加载远程script文件
+*/
+export function loadScript (url, moduleName) {
+  return new Promise((resolve, reject) => {
+    if (window[moduleName]) {
+      resolve(window[moduleName])
+    } else {
+      import('load-script').then(module => {
+        const loadScript = module.default ? module.default : module
+        loadScript(url, () => {
+          if (moduleName) {
+            if (typeof window[moduleName] === 'undefined') {
+              reject(new Error('未成功加载' + moduleName))
+            } else {
+              resolve(window[moduleName])
+            }
+          } else {
+            resolve()
+          }
+        })
+      }, reject)
+    }
+  })
+}
+
+/**
+ * 根据src地址获取文件类型
+*/
+export function getExtByFileSrc (fileSrc) {
+  if (!fileSrc) {
+    return
+  }
+  return fileSrc.substr(fileSrc.lastIndexOf('.') + 1).toLowerCase()
+}
+
+/**
+ * 下载文件
+*/
+export function downloadFile (content, fileName) {
+  const blob = new Blob([content])
+  if ('download' in document.createElement('a')) { // 非IE下载
+    const elink = document.createElement('a')
+    elink.download = fileName
+    elink.style.display = 'none'
+    elink.href = URL.createObjectURL(blob)
+    document.body.appendChild(elink)
+    elink.click()
+    URL.revokeObjectURL(elink.href) // 释放URL 对象
+    document.body.removeChild(elink)
+  } else { // IE10+下载
+    navigator.msSaveBlob(blob, fileName)
+  }
+}
+
+/**
+ * 从url中获取文件名称
+*/
+export function getNameByFileUrl (url, keepExt) {
+  let fileName = url ? url.substr(url.lastIndexOf('/') + 1) : ''
+  // https://wpj-dev3-kefures.oss-cn-shenzhen.aliyuncs.com/friend/1877240539286642688/1877546834264719360/3/NFFNxEi3JH6oHxKcfexK1/3-1pp3162605_%E5%89%AF%E6%9C%AC_(1).jpg&_msgId=b4f4fc5e6e3a4e39a5dec64adb2f22b9
+  if (fileName.lastIndexOf('&') >= 0) {
+    fileName = fileName.substr(0, fileName.lastIndexOf('&'))
+  }
+  if (fileName) {
+    try {
+      fileName = window.decodeURIComponent(fileName)
+    } catch (e) {
+      console.log(e)
+    }
+    if (keepExt !== true) {
+      fileName = fileName.substr(0, fileName.lastIndexOf('.'))
+    }
+  }
+  return fileName
+}

package/utils/json.js

@@ -1,3 +1,9 @@
+import X2JS from 'x2js'
+
+const x2js = new X2JS({
+  attributePrefix: ''
+})
+
 export function stringify (data, ag1, ag2) {
   if (data && typeof data === 'object') {
     data = JSON.stringify(data, ag1, ag2)
@@ -16,4 +22,19 @@ export function parse (data) {
 
 export function clone (data) {
   return JSON.parse(JSON.stringify(data))
-}
+}
+
+export function parseXml (xml) {
+  let result = null
+  try {
+    result = x2js.xml2js(xml)
+    if (typeof result === 'string') {
+      result = JSON.parse(result)
+    } else if (result && result.html && result.html.body && result.html.body.parsererror) {
+      result = null
+    }
+  } catch (e) {
+    console.log(e)
+  }
+  return result
+}

package/utils/network-detector.js

@@ -0,0 +1,258 @@
+import { formatDate } from './date'
+
+/**
+ * 纯网页端网络状态检测工具（适配网络场景）
+ * 核心能力：基础在线状态 + 网络连通性校验 + 弱网判断 + 30s自动检查 + 本地缓存（最多3000条）
+ * 适配场景：仅网络、无外网的环境，能精准判断“网络连通/网络断开”
+ */
+export default class NetworkDetector {
+  constructor(options = {}) {
+    // 默认配置（调整为网络适配）
+    this.config = Object.assign({
+      // 替换为你的网络轻量校验接口（如IM服务端的ping接口）
+      checkUrl: null, // 网络接口示例
+      // 校验超时时间（网络建议缩短，比如2秒）
+      timeout: 1000 * 10,
+      // 弱网判断阈值（网络可根据实际情况调整）
+      weakNetworkThreshold: {
+        downlink: 1,
+        rtt: 300,
+        effectiveType: ['slow-2g', '2g', '3g']
+      },
+      // 是否仅网络环境（标记场景）
+      isIntranetOnly: true,
+      // 网络状态变化回调（新增网络状态标识）
+      onStatusChange: (state) => {},
+      autoCheckInterval: 30000,
+      maxLogCount: 3000,
+      storageKey: 'im_network_status_logs'
+    }, options);
+
+    // 缓存当前网络状态（新增isIntranetConnected标识网络连通性）
+    this.currentState = {
+      isOnline: navigator.onLine,       // 浏览器基础在线状态（网卡是否激活）
+      isIntranetConnected: false,       // 核心：网络是否连通（替代原isRealConnected）
+      isWeakNetwork: false,             // 是否网络弱网
+      networkType: 'unknown',
+      effectiveType: 'unknown',
+      downlink: 0,
+      rtt: 0,
+      isIntranetOnly: this.config.isIntranetOnly // 标记是否为纯网络环境
+    };
+
+    this.checkTimer = null;
+    this.networkLogs = this.loadLogsFromLocalStorage();
+
+    this.bindEvents();
+    this.startAutoCheck();
+    this.checkNetworkStatus();
+  }
+
+  /**
+   * 从localStorage加载历史日志
+   */
+  loadLogsFromLocalStorage() {
+    try {
+      const rawLogs = localStorage.getItem(this.config.storageKey);
+      return rawLogs ? JSON.parse(rawLogs) : [];
+    } catch (e) {
+      console.error('加载本地日志失败：', e);
+      return [];
+    }
+  }
+
+  /**
+   * 绑定浏览器网络监听事件
+   */
+  bindEvents() {
+    window.addEventListener('online', () => this.checkNetworkStatus());
+    window.addEventListener('offline', () => this.checkNetworkStatus());
+
+    const networkInfo = navigator.connection || navigator.networkInformation;
+    if (networkInfo) {
+      networkInfo.addEventListener('change', () => this.checkNetworkStatus());
+    }
+  }
+
+  /**
+   * 启动30秒自动检查定时器
+   */
+  startAutoCheck() {
+    if (this.checkTimer) clearInterval(this.checkTimer);
+    this.checkTimer = setInterval(() => {
+      this.checkNetworkStatus();
+    }, this.config.autoCheckInterval);
+  }
+
+  /**
+   * 核心方法：检测网络网络状态
+   */
+  checkNetworkStatus() {
+    const isOnline = navigator.onLine;
+    const networkDetail = this.getNetworkDetail();
+
+    // 校验网络连通性（替换原外网连通性校验）
+    this.checkIntranetConnectivity()
+      .then((isIntranetConnected) => {
+        const isWeakNetwork = this.judgeWeakNetwork(networkDetail);
+        const newState = {
+          isOnline,
+          isIntranetConnected, // 核心：网络连通状态
+          isWeakNetwork,
+          ...networkDetail,
+          isIntranetOnly: this.config.isIntranetOnly
+        };
+
+        if (JSON.stringify(this.currentState) !== JSON.stringify(newState)) {
+          this.currentState = newState;
+          this.config.onStatusChange(newState);
+          console.log('[网络网络检测] 状态更新：', newState);
+        }
+
+        this.recordNetworkLog({
+          timestamp: formatDate(new Date()),
+          ...newState
+        });
+      })
+      .catch((err) => {
+        console.error('[网络网络检测] 网络连通性校验失败：', err);
+        const newState = {
+          isOnline,
+          isIntranetConnected: false,
+          isWeakNetwork: true,
+          ...networkDetail,
+          isIntranetOnly: this.config.isIntranetOnly,
+          error: err.message || '网络连通性校验超时/失败'
+        };
+
+        if (JSON.stringify(this.currentState) !== JSON.stringify(newState)) {
+          this.currentState = newState;
+          this.config.onStatusChange(newState);
+        }
+
+        this.recordNetworkLog({
+          timestamp: formatDate(new Date()),
+          error: err.message || '网络连通性校验超时/失败',
+          ...newState
+        });
+      });
+  }
+
+  /**
+   * 记录网络日志（逻辑不变）
+   */
+  recordNetworkLog(log) {
+    this.networkLogs.push(log);
+    if (this.networkLogs.length > this.config.maxLogCount) {
+      this.networkLogs.shift();
+    }
+    try {
+      localStorage.setItem(this.config.storageKey, JSON.stringify(this.networkLogs));
+    } catch (e) {
+      console.error('保存日志到localStorage失败：', e);
+    }
+  }
+
+  clearNetworkLog () {
+    this.networkLogs = []
+    localStorage.removeItem(this.config.storageKey);
+  }
+
+  /**
+   * 辅助方法：获取网络类型/带宽/时延等详情
+   */
+  getNetworkDetail() {
+    const networkInfo = navigator.connection || navigator.networkInformation;
+    if (!networkInfo) {
+      return {
+        networkType: 'unknown',
+        effectiveType: 'unknown',
+        downlink: 0,
+        rtt: 0
+      };
+    }
+
+    return {
+      networkType: networkInfo.type || 'unknown',
+      effectiveType: networkInfo.effectiveType || 'unknown',
+      downlink: networkInfo.downlink || 0,
+      rtt: networkInfo.rtt || 0
+    };
+  }
+
+  /**
+   * 校验网络连通性
+   */
+  checkIntranetConnectivity() {
+    return new Promise((resolve, reject) => {
+      const timeoutTimer = setTimeout(() => {
+        reject(new Error('网络请求超时'));
+      }, this.config.timeout);
+
+      fetch(this.config.checkUrl, {
+        method: 'GET',
+        cache: 'no-cache'
+      })
+        .then((response) => {
+          clearTimeout(timeoutTimer);
+          // 校验网络接口状态码（200-299为连通）
+          if (response.ok) {
+            resolve(true);
+          } else {
+            reject(new Error(`网络接口返回异常状态码：${response.status}`));
+          }
+        })
+        .catch((err) => {
+          clearTimeout(timeoutTimer);
+          reject(err);
+        });
+    })
+    // 统一捕获异常，返回false（保持逻辑兼容）
+    .catch(() => false);
+  }
+
+  /**
+   * 辅助方法：判断网络是否弱网
+   */
+  judgeWeakNetwork(networkDetail) {
+    const { downlink, rtt, effectiveType } = networkDetail;
+    const { weakNetworkThreshold } = this.config;
+
+    return (
+      downlink < weakNetworkThreshold.downlink ||
+      rtt > weakNetworkThreshold.rtt ||
+      weakNetworkThreshold.effectiveType.includes(effectiveType)
+    );
+  }
+
+  /**
+   * 主动获取当前网络网络状态
+   */
+  getCurrentState() {
+    return JSON.parse(JSON.stringify(this.currentState));
+  }
+
+  /**
+   * 获取本地缓存的所有日志
+   */
+  getLocalLogs() {
+    return Promise.resolve(JSON.parse(JSON.stringify(this.networkLogs)));
+  }
+
+  /**
+   * 销毁监听+定时器
+   */
+  destroy() {
+    window.removeEventListener('online', () => this.checkNetworkStatus());
+    window.removeEventListener('offline', () => this.checkNetworkStatus());
+    const networkInfo = navigator.connection || navigator.networkInformation;
+    if (networkInfo) {
+      networkInfo.removeEventListener('change', () => this.checkNetworkStatus());
+    }
+    if (this.checkTimer) {
+      clearInterval(this.checkTimer);
+      this.checkTimer = null;
+    }
+    console.log('[网络网络检测] 监听+定时器已销毁');
+  }
+}

package/utils/oss.js

@@ -0,0 +1,11 @@
+let formatOssPathFn = (src) => {
+	return src
+}
+
+export function setFormatOssPath (fn) {
+    formatOssPathFn = fn
+} 
+
+export function formatOssPath (ossUrl) {
+    return formatOssPathFn(ossUrl)
+}

package/utils/share-message.js

@@ -0,0 +1,81 @@
+import { unique } from './string'
+import Event from './event'
+
+const canCreateShareMessage = () => {
+    return !!window.SharedWorker
+}
+
+export const CreateShareMessage = (options) => {
+    options = Object.assign({
+        workerUrl: null
+    }, options)
+    if (canCreateShareMessage()) {
+        const event = new Event()
+
+        const worker = new SharedWorker(options.workerUrl)
+        
+        const callbackMap = {}
+
+        const callPort = (name, data) => {
+            return new Promise((resolve, reject) => {
+                let timer = null
+                const callbackId = unique()
+                callbackMap[callbackId] = (data) => {
+                    clearTimeout(timer)
+                    resolve(data)
+                }
+                worker.port.postMessage({
+                    type: 'message',
+                    name,
+                    data,
+                    callbackId
+                })
+                timer = setTimeout(() => {
+                    reject('timeout')
+                }, 1000 * 60)
+            })
+        }
+        
+        // 监听 SharedWorker 的回复消息
+        worker.port.onmessage = function(evt) {
+            if (!evt.data) {
+                return
+            }
+            if (evt.data.name === '$heartbeat') {
+                worker.port.postMessage({
+                    type: '$heartbeat'
+                })
+            } else {
+                if (callbackMap[evt.data.name]) {
+                    callbackMap[evt.data.name](evt.data.data)
+                    delete callbackMap[evt.data.name]
+                } else {
+                    event.emit(evt.data.name, {
+                        data: evt.data.data
+                    })
+                }
+            }
+        }
+        
+        worker.port.start()
+        return {
+            onMessage (name, fn) {
+                event.on(name, fn)
+            },
+            postMessage (name, data) {
+                callPort('postMessage', {
+                    name,
+                    data
+                })
+            }
+        }
+    } else {
+        // 部分手机不支持shareWorker，暂时不兼容，大部分场景都是通知的，移动端可以不需要通知
+        return {
+            onMessage (name, fn) {
+            },
+            postMessage (name, data) {
+            }
+        }
+    }
+}

package/utils/share-websocket.js

@@ -0,0 +1,127 @@
+import { unique } from './string'
+import Event from './event'
+
+const CONNECT_STATUS = {
+    Ready: -1,
+    Close: 0,
+    Connecting: 1,
+    Succcess: 2,
+    Error: 3
+}
+
+export const canCreateShareWebSocket = () => {
+    return !!window.SharedWorker
+}
+
+export const CreateShareWebSocket = (options) => {
+    options = Object.assign({
+        workerUrl: null
+    }, options)
+
+    const event = new Event()
+
+    const worker = new SharedWorker(options.workerUrl)
+    
+    const callbackMap = {}
+
+    const callPort = (name, data) => {
+        return new Promise((resolve, reject) => {
+            let timer = null
+            const callbackId = unique()
+            callbackMap[callbackId] = (data) => {
+                clearTimeout(timer)
+                resolve(data)
+            }
+            worker.port.postMessage({
+                type: 'socket',
+                name,
+                data,
+                callbackId
+            })
+            timer = setTimeout(() => {
+                reject('timeout')
+            }, 1000 * 60)
+        })
+    }
+    
+    // 监听 SharedWorker 的回复消息
+    worker.port.onmessage = function(evt) {
+        if (!evt.data) {
+            return
+        }
+        if (evt.data.name === '$heartbeat') {
+            worker.port.postMessage({
+                type: '$heartbeat'
+            })
+        } else {
+            if (callbackMap[evt.data.name]) {
+                callbackMap[evt.data.name](evt.data.data)
+                delete callbackMap[evt.data.name]
+            } else {
+                event.emit(evt.data.name, evt.data.data)
+            }
+        }
+    }
+    
+    worker.port.start()
+
+    return class ShareWebSocket {
+
+        onopen = null
+
+        onmessage = null
+
+        onclose = null
+
+        onerror = null
+
+        constructor (url) {
+            callPort('setUrl', url).then(() => {
+                callPort('getConnectStatus').then(evt => {
+                    // 如果已经连接成功了，那么需要手动响应一下onopen事件
+                    if ([CONNECT_STATUS.Succcess].includes(evt.data)) {
+                        this.onopen && this.onopen()
+                    }
+                })
+            })
+            this.handleOpen = () => {
+                this.onopen && this.onopen()
+            }
+            this.handleMessage = (evt) => {
+                this.onmessage && this.onmessage(evt)
+            }
+            this.handleClose = (evt) => {
+                this.onclose && this.onclose(evt) 
+            }
+            this.handleError = (evt) => {
+                this.onerror && this.onerror(evt)
+            }
+            event.on('onopen', this.handleOpen)
+            event.on('onmessage', this.handleMessage)
+            event.on('onclose', this.handleClose)
+            event.on('onerror', this.handleError)
+        }
+
+        setUrl (url) {
+            callPort('setUrl', url)
+        }
+
+        send (data) {
+            callPort('send', data)
+        }
+
+        close (code, reason) {
+            callPort('close', {
+                code,
+                reason
+            })
+        }
+
+        destroy () {
+            event.off('onopen', this.handleOpen)
+            event.off('onmessage', this.handleMessage)
+            event.off('onclose', this.handleClose)
+            event.off('onerror', this.handleError)
+        }
+    }
+}

package/utils/string.js

@@ -0,0 +1,59 @@
+export function html2Escape (sHtml) {
+    return (sHtml || '').replace(/[<>]/g, (c) => {
+      return {
+        '<': '&lt;',
+        '>': '&gt;'
+      }[c]
+    })
+  }
+
+export function md5 (str) {
+  return new Promise((resolve, reject) => {
+    import('md5').then(module => {
+      const md5 = module.default
+      resolve(md5(str))
+    }, reject)
+  })
+}
+
+let num = Date.now()
+export function unique () {
+  num++
+  return 'u_' + num
+}
+
+// =====================
+// 公共实体映射表（仅一份，两个函数共用）
+// =====================
+const HTML_ENTITY = {
+  // 实体 -> 原文
+  decode: {"&nbsp;":" ","&lt;":"<","&gt;":">","&amp;":"&","&quot;":"\"","&apos;":"'","&cent;":"¢","&pound;":"£","&yen;":"¥","&euro;":"€","&copy;":"©","&reg;":"®","&trade;":"™","&times;":"×","&divide;":"÷","&ndash;":"–","&mdash;":"—","&lsquo;":"‘","&rsquo;":"’","&ldquo;":"“","&rdquo;":"”","&hellip;":"…","&iexcl;":"¡","&curren;":"¤","&brvbar;":"¦","&sect;":"§","&uml;":"¨","&ordf;":"ª","&laquo;":"«","&not;":"¬","&shy;":"","&macr;":"¯","&deg;":"°","&plusmn;":"±","&sup2;":"²","&sup3;":"³","&acute;":"´","&micro;":"µ","&para;":"¶","&middot;":"·","&cedil;":"¸","&sup1;":"¹","&ordm;":"º","&raquo;":"»","&frac14;":"¼","&frac12;":"½","&frac34;":"¾","&iquest;":"¿","&Agrave;":"À","&Aacute;":"Á","&Acirc;":"Â","&Atilde;":"Ã","&Auml;":"Ä","&Aring;":"Å","&AElig;":"Æ","&Ccedil;":"Ç","&Egrave;":"È","&Eacute;":"É","&Ecirc;":"Ê","&Euml;":"Ë","&Igrave;":"Ì","&Iacute;":"Í","&Icirc;":"Î","&Iuml;":"Ï","&ETH;":"Ð","&Ntilde;":"Ñ","&Ograve;":"Ò","&Oacute;":"Ó","&Ocirc;":"Ô","&Otilde;":"Õ","&Ouml;":"Ö","&Oslash;":"Ø","&Ugrave;":"Ù","&Uacute;":"Ú","&Ucirc;":"Û","&Uuml;":"Ü","&Yacute;":"Ý","&THORN;":"Þ","&szlig;":"ß","&agrave;":"à","&aacute;":"á","&acirc;":"â","&atilde;":"ã","&auml;":"ä","&aring;":"å","&aelig;":"æ","&ccedil;":"ç","&egrave;":"è","&eacute;":"é","&ecirc;":"ê","&euml;":"ë","&igrave;":"ì","&iacute;":"í","&icirc;":"î","&iuml;":"ï","&eth;":"ð","&ntilde;":"ñ","&ograve;":"ò","&oacute;":"ó","&ocirc;":"ô","&otilde;":"õ","&ouml;":"ö","&oslash;":"ø","&ugrave;":"ù","&uacute;":"ú","&ucirc;":"û","&uuml;":"ü","&yacute;":"ý","&thorn;":"þ","&yuml;":"ÿ"},
+  // 原文 -> 实体（自动反转，无需手动写两份！）
+  encode: {}
+};
+
+// 自动反转生成 encode 表（只执行一次）
+for (const [k, v] of Object.entries(HTML_ENTITY.decode)) {
+  if (v !== '') HTML_ENTITY.encode[v] = k;
+}
+
+// =====================
+// 解码：实体 → 原始字符
+// =====================
+export function decodeHtmlEntities(str) {
+  if (!str) return '';
+  return str
+    .replace(/&[a-z0-9]+;/gi, m => HTML_ENTITY.decode[m] || m)
+    .replace(/&#(\d+);/g, (_, n) => String.fromCharCode(n))
+    .replace(/&#x([0-9a-f]+);/gi, (_, h) => String.fromCharCode(parseInt(h, 16)));
+}
+
+// =====================
+// 编码：原始字符 → 实体
+// =====================
+export function encodeHtmlEntities(str) {
+  if (!str) return '';
+  return str
+    // 只转义需要转义的核心字符，避免双重转义
+    .replace(/[&<>"']/g, m => HTML_ENTITY.encode[m]);
+}