gis-common 4.2.3 → 4.2.5

package/dist/gis-common.es.js

@@ -37,16 +37,20 @@ var ErrorType = /* @__PURE__ */ ((ErrorType2) => {
   ErrorType2["AUTH_VERIFY_ERROR"] = "权限验证失败";
   ErrorType2["NO_DATA_FOUND"] = "未找到数据";
   ErrorType2["DUPLICATE_INSTANCE"] = "实例为单例模式，不允许重复构建";
-  ErrorType2["COORDINATE_ERROR"] = "坐标验证失败";
   ErrorType2["JSON_PARSE_ERROR"] = "JSON解析失败，格式有误";
   ErrorType2["JSON_VALUE_ERROR"] = "JSON无此键";
-  ErrorType2["PARAMETER_ERROR"] = "验证数据类型失败";
-  ErrorType2["PARAMETER_ERROR_ARRAY"] = "格式类型验证失败：必须是数组";
-  ErrorType2["PARAMETER_ERROR_STRING"] = "格式类型验证失败：必须是字符";
-  ErrorType2["PARAMETER_ERROR_FUNCTION"] = "格式类型验证失败：必须是函数";
-  ErrorType2["PARAMETER_ERROR_OBJECT"] = "格式类型验证失败：必须是对象";
-  ErrorType2["PARAMETER_ERROR_LACK"] = "参数缺失";
   ErrorType2["STRING_CHECK_LOSS"] = "字符缺少关键字";
+  ErrorType2["PARAMETER_ERROR"] = "验证数据类型失败";
+  ErrorType2["PARAMETER_ERROR_ARRAY"] = "验证数据类型失败，必须是数组";
+  ErrorType2["PARAMETER_ERROR_STRING"] = "验证数据类型失败，必须是字符";
+  ErrorType2["PARAMETER_ERROR_FUNCTION"] = "验证数据类型失败，必须是函数";
+  ErrorType2["PARAMETER_ERROR_OBJECT"] = "验证数据类型失败，必须是对象";
+  ErrorType2["PARAMETER_ERROR_NUMBER"] = "验证数据类型失败，必须是数值";
+  ErrorType2["PARAMETER_ERROR_LACK"] = "验证数据类型失败，必须非空";
+  ErrorType2["DATA_ERROR"] = "格式类型验证失败";
+  ErrorType2["DATA_ERROR_COORDINATE"] = "格式类型验证失败，必须是坐标";
+  ErrorType2["DATA_ERROR_COLOR"] = "格式类型验证失败，必须是颜色代码";
+  ErrorType2["DATA_ERROR_GEOJSON"] = "格式类型验证失败，必须是GeoJSON";
   return ErrorType2;
 })(ErrorType || {});
 var LayerType = /* @__PURE__ */ ((LayerType2) => {
@@ -161,580 +165,268 @@ class Cookie {
     }
   }
 }
-const MathUtils = {
-  DEG2RAD: Math.PI / 180,
-  RAD2DEG: 180 / Math.PI,
-  randInt(low, high) {
-    return low + Math.floor(Math.random() * (high - low + 1));
+const CommUtils = {
+  /**
+   * 获取数据类型
+   *
+   * @param data 待判断的数据
+   * @returns 返回数据类型字符串
+   */
+  getDataType(data) {
+    return Object.prototype.toString.call(data).slice(8, -1);
   },
-  randFloat(low, high) {
-    return low + Math.random() * (high - low);
+  asArray(obj) {
+    return this.isEmpty(obj) ? [] : Array.isArray(obj) ? obj : [obj];
+  },
+  asNumber(a) {
+    return Number.isNaN(Number(a)) ? 0 : Number(a);
   },
   /**
-   * 角度转弧度
+   * 将值转换为字符串
    *
-   * @param {*} degrees
-   * @returns {*}
+   * @param value 要转换的值
+   * @returns 转换后的字符串，如果值为空，则返回空字符串
    */
-  deg2Rad(degrees) {
-    return degrees * this.DEG2RAD;
+  asString(value) {
+    if (this.isEmpty(value)) {
+      return "";
+    } else {
+      switch (this.getDataType(value)) {
+        case "Object":
+        case "Array":
+          return JSON.stringify(value);
+        default:
+          return value;
+      }
+    }
   },
   /**
-   * 弧度转角度
+   * 判断传入的值是否为空
    *
-   * @param {*} radians
-   * @returns {*}
+   * @param value 待判断的值
+   * @returns 返回布尔值，表示是否为空
    */
-  rad2Deg(radians) {
-    return radians * this.RAD2DEG;
+  isEmpty(value) {
+    if (value == null) {
+      return true;
+    }
+    const type = this.getDataType(value);
+    switch (type) {
+      case "String":
+        return value.trim() === "";
+      case "Array":
+        return !value.length;
+      case "Object":
+        return !Object.keys(value).length;
+      case "Boolean":
+        return !value;
+      default:
+        return false;
+    }
   },
-  round(value, n = 2) {
-    return Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
+  /**
+   * 将JSON对象转换为FormData对象
+   *
+   * @param json 待转换的JSON对象，其属性值为字符串或Blob类型
+   * @returns 转换后的FormData对象
+   */
+  json2form(json) {
+    const formData = new FormData();
+    Object.keys(json).forEach((key) => {
+      formData.append(key, json[key] instanceof Object ? JSON.stringify(json[key]) : json[key]);
+    });
+    return formData;
   },
   /**
-   * 将数值限制在指定范围内
+   * 生成GUID
    *
-   * @param val 需要限制的数值
-   * @param min 最小值
-   * @param max 最大值
-   * @returns 返回限制后的数值
+   * @returns 返回一个由8个16进制数组成的GUID字符串
    */
-  clamp(val, min, max) {
-    return Math.min(Math.max(val, min), max);
-  }
-};
-class CanvasDrawer {
-  constructor(el) {
-    __publicField(this, "context", null);
-    if (typeof el === "string") {
-      el = document.querySelector("#" + el);
-      if (!el) {
-        throw new Error("Element not found");
+  guid() {
+    const S4 = function() {
+      return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
+    };
+    return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4();
+  },
+  /**
+   * 将参数进行解码并返回解码后的字符串
+   *
+   * @param args 参数
+   * @returns 解码后的字符串
+   */
+  decodeDict(...args) {
+    let res = "";
+    if (args.length > 1) {
+      const items = args.slice(1, args.length % 2 === 0 ? args.length - 1 : args.length);
+      for (let i = 0; i < items.length; i = i + 2) {
+        const item = items[i];
+        if (args[0] === item) {
+          res = items[i + 1];
+        }
       }
-    }
-    if (el instanceof HTMLElement) {
-      const canvas = el;
-      if (canvas.getContext) {
-        this.context = canvas.getContext("2d");
-      } else {
-        throw new Error("getContext is not available on this element");
+      if (!res && args.length % 2 === 0) {
+        res = args[args.length - 1];
       }
     } else {
-      throw new Error("Element is not an HTMLElement");
+      res = args[0];
     }
-  }
+    return res;
+  },
   /**
-   * 绘制线条
+   * 将一个或多个对象的所有可枚举属性复制到目标对象。
    *
-   * @param start 起始坐标点
-   * @param end 终止坐标点
-   * @param options 绘制选项，包括线条宽度和颜色
-   * @throws 当画布上下文不存在时抛出错误
+   * @param dest 目标对象，用于接收复制的属性。
+   * @param args 一个或多个源对象，用于提供要复制的属性。
+   * @returns 返回目标对象，包含所有复制的属性。
    */
-  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options = {}) {
-    if (!this.context) {
-      throw new Error("Canvas context is null or undefined");
+  extend(dest, ...args) {
+    let i, j, len, src;
+    for (j = 0, len = args.length; j < len; j++) {
+      src = args[j];
+      for (i in src) {
+        dest[i] = src[i];
+      }
     }
-    this.context.beginPath();
-    const width = options.width || 1;
-    const color = options.color || "#000";
-    this.context.lineWidth = width;
-    this.context.strokeStyle = color;
-    this.context.moveTo(startX, startY);
-    this.context.lineTo(endX, endY);
-    this.context.stroke();
-  }
+    return dest;
+  },
   /**
-   * 绘制圆弧
+   * 将扁平化数组转换为树形结构数组
    *
-   * @param x 圆心x坐标
-   * @param y 圆心y坐标
-   * @param radius 半径
-   * @param startAngle 起始角度（度）
-   * @param endAngle 结束角度（度）
-   * @param anticlockwise 是否逆时针绘制
-   * @param isFill 是否填充
-   * @param bgColor 背景颜色
-   * @throws 当Canvas context为null或undefined时抛出错误
+   * @param data 扁平化数组
+   * @param idPropertyName 数据中标识id的字段名，默认为'id'
+   * @param parentIdPropertyName 数据中标识父节点id的字段名，默认为'parentId'
+   * @param childrenPropertyName 树形结构中标识子节点的字段名，默认为'children'
+   * @returns 转换后的树形结构数组
    */
-  drawArc({ x, y }, radius, startAngle, endAngle, anticlockwise, isFill, bgColor) {
-    if (!this.context) {
-      throw new Error("Canvas context is null or undefined");
-    }
-    if (isFill) {
-      this.context.fillStyle = bgColor;
-      this.context.beginPath();
-      this.context.arc(x, y, radius, MathUtils.deg2Rad(startAngle), MathUtils.deg2Rad(endAngle), anticlockwise);
-      this.context.fill();
-    } else {
-      this.context.strokeStyle = bgColor;
-      this.context.beginPath();
-      this.context.arc(x, y, radius, MathUtils.deg2Rad(startAngle), MathUtils.deg2Rad(endAngle), anticlockwise);
-      this.context.stroke();
-    }
-  }
-  static createCanvas(width = 1, height = 1) {
-    const canvas = document.createElement("canvas");
-    if (width) {
-      canvas.width = width;
-    }
-    if (height) {
-      canvas.height = height;
-    }
-    return canvas;
-  }
-}
-class EventDispatcher {
-  constructor() {
-    __publicField(this, "_listeners");
-    __publicField(this, "_mutex", {});
-    __publicField(this, "_context");
-  }
-  addEventListener(type, listener, context, mutexStatus) {
-    if (this._listeners === void 0) this._listeners = {};
-    this._context = context;
-    const mutex = this._mutex;
-    const listeners = this._listeners;
-    if (listeners[type] === void 0) {
-      listeners[type] = [];
-    }
-    if (listeners[type].indexOf(listener) === -1) {
-      if (mutexStatus) {
-        mutex[type] = listener;
-      }
-      listeners[type].push(listener);
-    }
-    return this;
-  }
-  hasEventListener(type, listener) {
-    if (this._listeners === null || this._listeners === void 0) return false;
-    const listeners = this._listeners;
-    return listeners[type] !== void 0 && listeners[type].indexOf(listener) !== -1;
-  }
-  removeEventListener(type, listener) {
-    if (this._listeners === void 0) return;
-    const listeners = this._listeners;
-    const listenerArray = listeners[type];
-    if (this._mutex[type] === listener) {
-      this._mutex[type] = null;
-    }
-    if (listenerArray !== void 0) {
-      const index = listenerArray.map((d) => d.toString()).indexOf(listener.toString());
-      if (index !== -1) {
-        listenerArray.splice(index, 1);
+  convertToTree2(data, idPropertyName = "id", parentIdPropertyName = "parentId", childrenPropertyName = "children") {
+    const result = [];
+    function buildChildren(item) {
+      const children = data.filter((item2) => item2[parentIdPropertyName] === item[idPropertyName]).map((child) => {
+        if (!result.some((r) => r[idPropertyName] === child[idPropertyName])) {
+          buildChildren(child);
+        }
+        return child;
+      });
+      if (children.length > 0) {
+        item[childrenPropertyName] = children;
       }
     }
-  }
-  dispatchEvent(event) {
-    if (this._listeners === void 0) return;
-    const listeners = this._listeners;
-    const listenerArray = listeners[event.type];
-    if (listenerArray !== void 0) {
-      event.target = this;
-      const array = listenerArray.slice(0);
-      if (this._mutex[event.type] !== void 0) {
-        const find = array.find((item) => item === this._mutex[event.type]);
-        if (find) {
-          find.call(this._context || this, event);
-          return;
-        }
-      }
-      for (let i = 0, l = array.length; i < l; i++) {
-        const item = array[i];
-        if (typeof item === "function") {
-          item.call(this._context || this, event);
-        }
+    data.forEach((item) => {
+      if (!data.some((other) => other[parentIdPropertyName] === item[idPropertyName])) {
+        buildChildren(item);
+        result.push(item);
       }
-    }
-  }
-  removeAllListener() {
-    this._mutex = {};
-    for (const key in this._listeners) {
-      this._listeners[key] = [];
-    }
-  }
-}
-class HashMap extends Map {
-  isEmpty() {
-    return this.size === 0;
-  }
-  _values() {
-    return Array.from(this.values());
-  }
-  _keys() {
-    return Array.from(this.keys());
-  }
-  _entries() {
-    return Array.from(this.entries());
-  }
-  fromEntries() {
-  }
-}
-HashMap.prototype.fromEntries = function(array = []) {
-  const hashMap = new HashMap();
-  array.forEach((element) => {
-    if (Array.isArray(element) && element.length === 2) {
-      hashMap.set(element[0], element[1]);
-    }
-  });
-  return hashMap;
-};
-class WebSocketClient extends EventDispatcher {
-  constructor(url = "ws://127.0.0.1:10088") {
-    super();
-    __publicField(this, "maxCheckTimes", 10);
-    __publicField(this, "url");
-    __publicField(this, "checkTimes", 0);
-    __publicField(this, "connectStatus", false);
-    __publicField(this, "client", null);
-    this.maxCheckTimes = 10;
-    this.url = url;
-    this.checkTimes = 0;
-    this.connect();
-    this.connCheckStatus(this.maxCheckTimes);
-  }
-  connect() {
-    this.disconnect();
-    if (this.url) {
+    });
+    return result;
+  },
+  /**
+   * 异步加载script
+   *
+   * @param {*} url
+   */
+  asyncLoadScript(url) {
+    return new Promise((resolve, reject) => {
       try {
-        console.info("创建ws连接>>>" + this.url);
-        this.client = new WebSocket(this.url);
-        if (this.client) {
-          const self = this;
-          this.client.onopen = function(message) {
-            self.dispatchEvent({
-              type: EventType.WEB_SOCKET_CONNECT,
-              message
-            });
+        const oscript = document.createElement("script");
+        oscript.type = "text/javascript";
+        oscript.src = url;
+        if ("readyState" in oscript) {
+          oscript.onreadystatechange = function() {
+            if (oscript.readyState === "complete" || oscript.readyState === "loaded") {
+              resolve(oscript);
+            }
           };
-          this.client.onmessage = function(message) {
-            self.connectStatus = true;
-            self.dispatchEvent({
-              type: EventType.WEB_SOCKET_MESSAGE,
-              message
-            });
+        } else {
+          oscript.onload = function() {
+            resolve(oscript);
           };
-          this.client.onclose = function(message) {
-            self.dispatchEvent({
-              type: EventType.WEB_SOCKET_CLOSE,
-              message
-            });
+          oscript.onerror = function() {
+            reject(new Error("Script failed to load for URL: " + url));
           };
-          if (this.checkTimes === this.maxCheckTimes) {
-            this.client.onerror = function(message) {
-              self.dispatchEvent({
-                type: EventType.WEB_SOCKET_ERROR,
-                message
-              });
-            };
-          }
         }
-      } catch (ex) {
-        console.error("创建ws连接失败" + this.url + ":" + ex);
-      }
-    }
-  }
-  disconnect() {
-    if (this.client) {
-      try {
-        console.log("ws断开连接" + this.url);
-        this.client.close();
-        this.client = null;
-      } catch (ex) {
-        this.client = null;
-      }
-    }
-  }
-  connCheckStatus(times) {
-    if (this.checkTimes > times) return;
-    setTimeout(() => {
-      this.checkTimes++;
-      if (this.client && this.client.readyState !== 0 && this.client.readyState !== 1) {
-        this.connect();
-      }
-      this.connCheckStatus(times);
-    }, 2e3);
-  }
-  send(message) {
-    if (this.client && this.client.readyState === 1) {
-      this.client.send(message);
-      return true;
-    }
-    console.error(this.url + "消息发送失败：" + message);
-    return false;
-  }
-  heartbeat() {
-    setTimeout(() => {
-      if (this.client && this.client.readyState === 1) {
-        this.send("HeartBeat");
+        document.body.appendChild(oscript);
+      } catch (error) {
+        reject(error);
       }
-      console.log("HeartBeat," + this.url);
-      setTimeout(this.heartbeat, 3e4);
-    }, 1e3);
-  }
-}
-const CommUtil = {
+    });
+  },
   /**
-   * 获取数据类型
+   * 加载样式文件
    *
-   * @param data 待判断的数据
-   * @returns 返回数据类型字符串
+   * @param urls 样式文件URL数组
+   * @returns 无返回值
    */
-  getDataType(data) {
-    return Object.prototype.toString.call(data).slice(8, -1);
-  },
-  asArray(obj) {
-    return this.isEmpty(obj) ? [] : Array.isArray(obj) ? obj : [obj];
+  loadStyle(urls) {
+    urls.forEach((url) => {
+      const css = document.createElement("link");
+      css.href = url;
+      css.rel = "stylesheet";
+      css.type = "text/css";
+      css.onerror = function() {
+        console.error(`Style loading failed for URL: ${url}`);
+      };
+      document.head.appendChild(css);
+    });
   },
-  asNumber(a) {
-    return Number.isNaN(Number(a)) ? 0 : Number(a);
+  /**
+   * 将模板字符串中的占位符替换为给定对象中的值
+   *
+   * @param str 模板字符串
+   * @param data 包含替换值的对象
+   * @returns 替换后的字符串
+   * @throws 当对象中没有找到与占位符对应的值时，抛出错误
+   */
+  template(str, data) {
+    const templateRe = /\{ *([\w_-]+) *\}/g;
+    return str.replace(templateRe, (match, key) => {
+      const value = data[key];
+      if (value === void 0) {
+        throw new Error(`${ErrorType.JSON_VALUE_ERROR}: ${match}`);
+      } else if (typeof value === "function") {
+        return value(data);
+      } else {
+        return value;
+      }
+    });
   },
   /**
-   * 将值转换为字符串
+   * 删除对象中所有值为空的属性
    *
-   * @param value 要转换的值
-   * @returns 转换后的字符串，如果值为空，则返回空字符串
+   * @param data 待处理的对象
+   * @returns 返回处理后的对象
    */
-  asString(value) {
-    if (this.isEmpty(value)) {
-      return "";
-    } else {
-      switch (this.getDataType(value)) {
-        case "Object":
-        case "Array":
-          return JSON.stringify(value);
-        default:
-          return value;
+  deleteEmptyProperty(data) {
+    return Object.fromEntries(
+      Object.keys(data).filter((d) => !this.isEmpty(data[d])).map((i) => [i, data[i]])
+    );
+  },
+  deepAssign(target, ...sources) {
+    if (typeof target !== "object" || target === null) {
+      target = {};
+    }
+    for (const source of sources) {
+      if (typeof source === "object" && source !== null) {
+        for (const key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            if (typeof source[key] === "object" && source[key] !== null) {
+              if (!target[key]) {
+                target[key] = Array.isArray(source[key]) ? [] : {};
+              }
+              this.deepAssign(target[key], source[key]);
+            } else {
+              target[key] = source[key];
+            }
+          }
+        }
       }
     }
+    return target;
   },
   /**
-   * 判断传入的值是否为空
+   * 复制文本到剪贴板
    *
-   * @param value 待判断的值
-   * @returns 返回布尔值，表示是否为空
-   */
-  isEmpty(value) {
-    if (value == null) {
-      return true;
-    }
-    const type = this.getDataType(value);
-    switch (type) {
-      case "String":
-        return value.trim() === "";
-      case "Array":
-        return !value.length;
-      case "Object":
-        return !Object.keys(value).length;
-      case "Boolean":
-        return !value;
-      default:
-        return false;
-    }
-  },
-  /**
-   * 将JSON对象转换为FormData对象
-   *
-   * @param json 待转换的JSON对象，其属性值为字符串或Blob类型
-   * @returns 转换后的FormData对象
-   */
-  json2form(json) {
-    const formData = new FormData();
-    Object.keys(json).forEach((key) => {
-      formData.append(key, json[key] instanceof Object ? JSON.stringify(json[key]) : json[key]);
-    });
-    return formData;
-  },
-  /**
-   * 生成GUID
-   *
-   * @returns 返回一个由8个16进制数组成的GUID字符串
-   */
-  guid() {
-    const S4 = function() {
-      return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
-    };
-    return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4();
-  },
-  /**
-   * 将参数进行解码并返回解码后的字符串
-   *
-   * @param args 参数
-   * @returns 解码后的字符串
-   */
-  decodeDict(...args) {
-    let res = "";
-    if (args.length > 1) {
-      const items = args.slice(1, args.length % 2 === 0 ? args.length - 1 : args.length);
-      for (let i = 0; i < items.length; i = i + 2) {
-        const item = items[i];
-        if (args[0] === item) {
-          res = items[i + 1];
-        }
-      }
-      if (!res && args.length % 2 === 0) {
-        res = args[args.length - 1];
-      }
-    } else {
-      res = args[0];
-    }
-    return res;
-  },
-  /**
-   * 将一个或多个对象的所有可枚举属性复制到目标对象。
-   *
-   * @param dest 目标对象，用于接收复制的属性。
-   * @param args 一个或多个源对象，用于提供要复制的属性。
-   * @returns 返回目标对象，包含所有复制的属性。
-   */
-  extend(dest, ...args) {
-    let i, j, len, src;
-    for (j = 0, len = args.length; j < len; j++) {
-      src = args[j];
-      for (i in src) {
-        dest[i] = src[i];
-      }
-    }
-    return dest;
-  },
-  /**
-   * 将扁平化数组转换为树形结构数组
-   *
-   * @param data 扁平化数组
-   * @param idPropertyName 数据中标识id的字段名，默认为'id'
-   * @param parentIdPropertyName 数据中标识父节点id的字段名，默认为'parentId'
-   * @param childrenPropertyName 树形结构中标识子节点的字段名，默认为'children'
-   * @returns 转换后的树形结构数组
-   */
-  convertToTree2(data, idPropertyName = "id", parentIdPropertyName = "parentId", childrenPropertyName = "children") {
-    const result = [];
-    function buildChildren(item) {
-      const children = data.filter((item2) => item2[parentIdPropertyName] === item[idPropertyName]).map((child) => {
-        if (!result.some((r) => r[idPropertyName] === child[idPropertyName])) {
-          buildChildren(child);
-        }
-        return child;
-      });
-      if (children.length > 0) {
-        item[childrenPropertyName] = children;
-      }
-    }
-    data.forEach((item) => {
-      if (!data.some((other) => other[parentIdPropertyName] === item[idPropertyName])) {
-        buildChildren(item);
-        result.push(item);
-      }
-    });
-    return result;
-  },
-  /**
-   * 异步加载script
-   *
-   * @param {*} url
-   */
-  asyncLoadScript(url) {
-    return new Promise((resolve, reject) => {
-      try {
-        const oscript = document.createElement("script");
-        oscript.type = "text/javascript";
-        oscript.src = url;
-        if ("readyState" in oscript) {
-          oscript.onreadystatechange = function() {
-            if (oscript.readyState === "complete" || oscript.readyState === "loaded") {
-              resolve(oscript);
-            }
-          };
-        } else {
-          oscript.onload = function() {
-            resolve(oscript);
-          };
-          oscript.onerror = function() {
-            reject(new Error("Script failed to load for URL: " + url));
-          };
-        }
-        document.body.appendChild(oscript);
-      } catch (error) {
-        reject(error);
-      }
-    });
-  },
-  /**
-   * 加载样式文件
-   *
-   * @param urls 样式文件URL数组
-   * @returns 无返回值
-   */
-  loadStyle(urls) {
-    urls.forEach((url) => {
-      const css = document.createElement("link");
-      css.href = url;
-      css.rel = "stylesheet";
-      css.type = "text/css";
-      css.onerror = function() {
-        console.error(`Style loading failed for URL: ${url}`);
-      };
-      document.head.appendChild(css);
-    });
-  },
-  /**
-   * 将模板字符串中的占位符替换为给定对象中的值
-   *
-   * @param str 模板字符串
-   * @param data 包含替换值的对象
-   * @returns 替换后的字符串
-   * @throws 当对象中没有找到与占位符对应的值时，抛出错误
-   */
-  template(str, data) {
-    const templateRe = /\{ *([\w_-]+) *\}/g;
-    return str.replace(templateRe, (match, key) => {
-      const value = data[key];
-      if (value === void 0) {
-        throw new Error(`${ErrorType.JSON_VALUE_ERROR}: ${match}`);
-      } else if (typeof value === "function") {
-        return value(data);
-      } else {
-        return value;
-      }
-    });
-  },
-  /**
-   * 删除对象中所有值为空的属性
-   *
-   * @param data 待处理的对象
-   * @returns 返回处理后的对象
-   */
-  deleteEmptyProperty(data) {
-    return Object.fromEntries(
-      Object.keys(data).filter((d) => !this.isEmpty(data[d])).map((i) => [i, data[i]])
-    );
-  },
-  deepAssign(target, ...sources) {
-    if (typeof target !== "object" || target === null) {
-      target = {};
-    }
-    for (const source of sources) {
-      if (typeof source === "object" && source !== null) {
-        for (const key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            if (typeof source[key] === "object" && source[key] !== null) {
-              if (!target[key]) {
-                target[key] = Array.isArray(source[key]) ? [] : {};
-              }
-              this.deepAssign(target[key], source[key]);
-            } else {
-              target[key] = source[key];
-            }
-          }
-        }
-      }
-    }
-    return target;
-  },
-  /**
-   * 复制文本到剪贴板
-   *
-   * @param text 要复制的文本
-   * @returns 返回一个Promise，表示复制操作的结果
+   * @param text 要复制的文本
+   * @returns 返回一个Promise，表示复制操作的结果
    */
   handleCopyValue(text) {
     if (navigator.clipboard && window.isSecureContext) {
@@ -814,434 +506,119 @@ const ObjectUtil = {
     return JSON.parse(str);
   }
 };
-const myArray = Object.create(Array);
-myArray.groupBy = function(f) {
-  var groups = {};
-  this.forEach(function(o) {
-    var group = JSON.stringify(f(o));
-    groups[group] = groups[group] || [];
-    groups[group].push(o);
-  });
-  return Object.keys(groups).map((group) => groups[group]);
-};
-myArray.distinct = function(f = (d) => d) {
-  const arr = [];
-  const obj = {};
-  this.forEach((item) => {
-    const val = f(item);
-    const key = String(val);
-    if (!obj[key]) {
-      obj[key] = true;
-      arr.push(item);
+const ImageUtil = {
+  emptyImageUrl: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
+  /**
+   *
+   * @param image image，类型可以是HTMLCanvasElement、ImageData
+   * @returns
+   */
+  getURL(image) {
+    let _canvas;
+    if (/^data:/i.test(image.src)) {
+      return image.src;
     }
-  });
-  return arr;
-};
-myArray.prototype.max = function() {
-  return Math.max.apply({}, this);
-};
-myArray.prototype.min = function() {
-  return Math.min.apply({}, this);
-};
-myArray.sum = function() {
-  return this.length > 0 ? this.reduce((prev = 0, curr = 0) => prev + curr) : 0;
-};
-myArray.avg = function() {
-  return this.length ? this.sum() / this.length : 0;
-};
-myArray.desc = function(f = (d) => d) {
-  return this.sort((n1, n2) => f(n2) - f(n1));
-};
-myArray.asc = function(f = (d) => d) {
-  return this.sort((n1, n2) => f(n1) - f(n2));
-};
-myArray.remove = function(obj) {
-  const i = this.indexOf(obj);
-  if (i > -1) {
-    this.splice(i, 1);
-  }
-  return this;
-};
-const ArrayUtil = {
-  /**
-   * 创建指定长度的数组，并返回其索引数组
-   *
-   * @param length 数组长度
-   * @returns 索引数组
-   */
-  create(length) {
-    return [...new Array(length).keys()];
-  },
-  /**
-   * 合并多个数组，并去重
-   *
-   * @param args 需要合并的数组
-   * @returns 合并后的去重数组
-   */
-  union(...args) {
-    let res = [];
-    args.forEach((arg) => {
-      if (Array.isArray(arg)) {
-        res = res.concat(arg.filter((v) => !res.includes(v)));
+    if (typeof HTMLCanvasElement === "undefined") {
+      return image.src;
+    }
+    let canvas;
+    if (image instanceof HTMLCanvasElement) {
+      canvas = image;
+    } else {
+      if (_canvas === void 0) _canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
+      _canvas.width = image.width;
+      _canvas.height = image.height;
+      const context = _canvas.getContext("2d");
+      if (context) {
+        if (image instanceof ImageData) {
+          context.putImageData(image, 0, 0);
+        } else {
+          context.drawImage(image, 0, 0, image.width, image.height);
+        }
       }
-    });
-    return res;
+      canvas = _canvas;
+    }
+    if (canvas.width > 2048 || canvas.height > 2048) {
+      console.warn("ImageUtil.getDataURL: Image converted to jpg for performance reasons", image);
+      return canvas.toDataURL("image/jpeg", 0.6);
+    } else {
+      return canvas.toDataURL("image/png");
+    }
   },
   /**
-   * 求多个数组的交集
+   * 将图片的URL转换为Base64编码
    *
-   * @param args 多个需要求交集的数组
-   * @returns 返回多个数组的交集数组
+   * @param url 图片的URL地址
+   * @param width 图片的宽度，默认为图片原始宽度
+   * @param height 图片的高度，默认为图片原始高度
+   * @returns 返回Promise对象，解析后得到包含Base64编码数据的对象
    */
-  intersection(...args) {
-    let res = args[0] || [];
-    args.forEach((arg) => {
-      if (Array.isArray(arg)) {
-        res = res.filter((v) => arg.includes(v));
-      }
+  getBase64(url) {
+    return new Promise((resolve, reject) => {
+      let image = new Image();
+      image.setAttribute("crossOrigin", "Anonymous");
+      image.src = url;
+      image.onload = () => {
+        let dataURL = this.getURL(image);
+        resolve(dataURL);
+      };
+      image.onerror = reject;
     });
-    return res;
   },
   /**
-   * 将多个数组拼接为一个数组，并去除其中的空值。
+   * 解析base64编码
    *
-   * @param args 需要拼接的数组列表。
-   * @returns 拼接并去空后的数组。
+   * @param base64 base64编码字符串
+   * @returns 返回一个对象，包含type（类型）、ext（扩展名）和data（数据）字段，如果解析失败则返回null
    */
-  unionAll(...args) {
-    return [...args].flat().filter((d) => !!d);
+  parseBase64(base64) {
+    let re = new RegExp("data:(?<type>.*?);base64,(?<data>.*)");
+    let res = re.exec(base64);
+    if (res && res.groups) {
+      return {
+        type: res.groups.type,
+        ext: res.groups.type.split("/").slice(-1)[0],
+        data: res.groups.data
+      };
+    }
+    return null;
   },
   /**
-   * 求差集
+   * 复制图片到剪贴板
    *
-   * @param args 任意个集合
-   * @returns 返回差集结果
+   * @param url 图片的URL地址
+   * @returns 无返回值
+   * @throws 如果解析base64数据失败，则抛出异常
    */
-  difference(...args) {
-    if (args.length === 0) return [];
-    return this.union(...args).filter((d) => !this.intersection(...args).includes(d));
-  }
-};
-const _MqttClient = class _MqttClient extends EventDispatcher {
-  constructor(url = `ws://${window.document.domain}:20007/mqtt`, config = {}) {
-    super();
-    __publicField(this, "state");
-    __publicField(this, "url");
-    __publicField(this, "context");
-    __publicField(this, "options");
-    __publicField(this, "client");
-    __publicField(this, "topics");
-    this.context = CommUtil.extend(_MqttClient.defaultContext, config);
-    this.options = {
-      connectTimeout: this.context.MQTT_TIMEOUTM,
-      clientId: CommUtil.guid(),
-      username: this.context.MQTT_USERNAME,
-      password: this.context.MQTT_PASSWORD,
-      clean: true
-    };
-    this.url = url;
-    this.client = connect(this.url, this.options);
-    this._onConnect();
-    this._onMessage();
-    this.state = 0;
-    this.topics = [];
-  }
-  _onConnect() {
-    this.client.on("connect", () => {
-      this.state = 1;
-      console.log("链接mqtt成功==>" + this.url);
-      this.dispatchEvent({ type: EventType.MQTT_CONNECT, message: this });
-    });
-    this.client.on("error", (err) => {
-      console.log("链接mqtt报错", err);
-      this.state = -1;
-      this.dispatchEvent({ type: EventType.MQTT_ERROR, message: this });
-      this.client.end();
-      this.client.reconnect();
-    });
-  }
-  _onMessage() {
-    this.client.on("message", (topic, message) => {
-      let dataString = message;
-      let data = "";
-      if (message instanceof Uint8Array) {
-        dataString = message.toString();
+  async copyImage(url) {
+    try {
+      const base64Result = await this.getBase64(url);
+      const parsedBase64 = this.parseBase64(base64Result.dataURL);
+      if (!parsedBase64) {
+        throw new Error("Failed to parse base64 data.");
       }
-      try {
-        data = ObjectUtil.parse(dataString);
-      } catch (error) {
-        throw new Error(ErrorType.JSON_PARSE_ERROR);
+      let type = parsedBase64.type;
+      let bytes = atob(parsedBase64.data);
+      let ab = new ArrayBuffer(bytes.length);
+      let ua = new Uint8Array(ab);
+      for (let i = 0; i < bytes.length; i++) {
+        ua[i] = bytes.charCodeAt(i);
       }
-      this.dispatchEvent({
-        type: EventType.MQTT_MESSAGE,
-        message: { topic, data }
-      });
-    });
-  }
-  sendMsg(topic, msg) {
-    if (!this.client.connected) {
-      console.error("客户端未连接");
-      return;
+      let blob = new Blob([ab], { type });
+      await navigator.clipboard.write([new ClipboardItem({ [type]: blob })]);
+    } catch (error) {
+      console.error("Failed to copy image to clipboard:", error);
     }
-    this.client.publish(topic, msg, { qos: 1, retain: true });
-  }
-  subscribe(topic) {
-    this.state === 1 ? this.client.subscribe(topic, { qos: 1 }, (error, e) => {
-      error instanceof Error ? console.error("订阅失败==>" + topic, error) : (this.topics = ArrayUtil.union(this.topics, topic), console.log("订阅成功==>" + topic));
-    }) : this.addEventListener(EventType.MQTT_CONNECT, (res) => {
-      this.client.subscribe(topic, { qos: 1 }, (error, e) => {
-        error instanceof Error ? console.error("订阅失败==>" + topic, error) : (this.topics = ArrayUtil.union(this.topics, topic), console.log("订阅成功==>" + topic));
-      });
-    });
-    return this;
-  }
-  unsubscribe(topic) {
-    this.client.unsubscribe(topic, { qos: 1 }, (error, res) => {
-      if (error instanceof Error) {
-        console.error(`取消订阅失败==>${topic}`, error);
-      } else {
-        this.topics = ArrayUtil.difference(this.topics, topic);
-        console.log(`取消订阅成功==>${topic}`);
-      }
-    });
-    return this;
-  }
-  unsubscribeAll() {
-    this.unsubscribe(this.topics);
-  }
-  unconnect() {
-    this.client.end();
-    this.client = null;
-    this.dispatchEvent({ type: EventType.MQTT_CLOSE, message: null });
-    console.log("断开mqtt成功==>" + this.url);
   }
 };
-/**
- * Creates an instance of MqttClient.
- * @param {*} config mqtt实例参数
- */
-__publicField(_MqttClient, "defaultContext", {
-  MQTT_USERNAME: "iRVMS-WEB",
-  MQTT_PASSWORD: "novasky888",
-  MQTT_TIMEOUTM: 2e4
-});
-let MqttClient = _MqttClient;
-const _Storage = class _Storage {
+const AjaxUtil = {
   /**
-   * 将键值对存储到localStorage中
-   *
-   * @param key 键名
-   * @param value 值，默认为null
-   * @param options 存储选项，可选参数
-   * @param options.expires 过期时间，单位为毫秒，默认为null
-   */
-  static set(key, value = null, options = {}) {
-    var query_key = this._getPrefixedKey(key, options);
-    try {
-      const { expires } = options;
-      const data = { data: value };
-      if (expires) {
-        data.expires = expires;
-      }
-      localStorage.setItem(query_key, JSON.stringify(data));
-    } catch (e) {
-      if (console) console.warn(`Storage didn't successfully save the '{"${key}": "${value}"}' pair, because the localStorage is full.`);
-    }
-  }
-  /**
-   * 从localStorage中获取指定key的存储值
-   *
-   * @param key 存储键名
-   * @param missing 当获取不到指定key的存储值时返回的默认值
-   * @param options 其他配置选项
-   * @returns 返回指定key的存储值，若获取不到则返回missing参数指定的默认值
-   */
-  static get(key, missing, options) {
-    var query_key = this._getPrefixedKey(key, options), value;
-    try {
-      value = JSON.parse(localStorage.getItem(query_key) || "");
-    } catch (e) {
-      if (localStorage[query_key]) {
-        value = { data: localStorage.getItem(query_key) };
-      } else {
-        value = null;
-      }
-    }
-    if (!value) {
-      return missing;
-    } else if (typeof value === "object" && typeof value.data !== "undefined") {
-      const expires = value.expires;
-      if (expires && Date.now() > expires) {
-        return missing;
-      }
-      return value.data;
-    }
-  }
-  static keys() {
-    const keys = [];
-    var allKeys = Object.keys(localStorage);
-    if (_Storage.prefix.length === 0) {
-      return allKeys;
-    }
-    allKeys.forEach(function(key) {
-      if (key.indexOf(_Storage.prefix) !== -1) {
-        keys.push(key.replace(_Storage.prefix, ""));
-      }
-    });
-    return keys;
-  }
-  static getAll(includeKeys) {
-    var keys = _Storage.keys();
-    if (includeKeys) {
-      const result = [];
-      keys.forEach((key) => {
-        if (includeKeys.includes(key)) {
-          const tempObj = {};
-          tempObj[key] = _Storage.get(key, null, null);
-          result.push(tempObj);
-        }
-      });
-      return result;
-    }
-    return keys.map((key) => _Storage.get(key, null, null));
-  }
-  static remove(key, options) {
-    var queryKey = this._getPrefixedKey(key, options);
-    localStorage.removeItem(queryKey);
-  }
-  static clear(options) {
-    if (_Storage.prefix.length) {
-      this.keys().forEach((key) => {
-        localStorage.removeItem(this._getPrefixedKey(key, options));
-      });
-    } else {
-      localStorage.clear();
-    }
-  }
-};
-__publicField(_Storage, "prefix", "");
-__publicField(_Storage, "_getPrefixedKey", function(key, options) {
-  options = options || {};
-  if (options.noPrefix) {
-    return key;
-  } else {
-    return _Storage.prefix + key;
-  }
-});
-let Storage = _Storage;
-const ImageUtil = {
-  emptyImageUrl: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-  /**
-   *
-   * @param image image，类型可以是HTMLCanvasElement、ImageData
-   * @returns
-   */
-  getURL(image) {
-    let _canvas;
-    if (/^data:/i.test(image.src)) {
-      return image.src;
-    }
-    if (typeof HTMLCanvasElement === "undefined") {
-      return image.src;
-    }
-    let canvas;
-    if (image instanceof HTMLCanvasElement) {
-      canvas = image;
-    } else {
-      if (_canvas === void 0) _canvas = document.createElementNS("http://www.w3.org/1999/xhtml", "canvas");
-      _canvas.width = image.width;
-      _canvas.height = image.height;
-      const context = _canvas.getContext("2d");
-      if (context) {
-        if (image instanceof ImageData) {
-          context.putImageData(image, 0, 0);
-        } else {
-          context.drawImage(image, 0, 0, image.width, image.height);
-        }
-      }
-      canvas = _canvas;
-    }
-    if (canvas.width > 2048 || canvas.height > 2048) {
-      console.warn("ImageUtil.getDataURL: Image converted to jpg for performance reasons", image);
-      return canvas.toDataURL("image/jpeg", 0.6);
-    } else {
-      return canvas.toDataURL("image/png");
-    }
-  },
-  /**
-   * 将图片的URL转换为Base64编码
-   *
-   * @param url 图片的URL地址
-   * @param width 图片的宽度，默认为图片原始宽度
-   * @param height 图片的高度，默认为图片原始高度
-   * @returns 返回Promise对象，解析后得到包含Base64编码数据的对象
-   */
-  getBase64(url) {
-    return new Promise((resolve, reject) => {
-      let image = new Image();
-      image.setAttribute("crossOrigin", "Anonymous");
-      image.src = url;
-      image.onload = () => {
-        let dataURL = this.getURL(image);
-        resolve(dataURL);
-      };
-      image.onerror = reject;
-    });
-  },
-  /**
-   * 解析base64编码
-   *
-   * @param base64 base64编码字符串
-   * @returns 返回一个对象，包含type（类型）、ext（扩展名）和data（数据）字段，如果解析失败则返回null
-   */
-  parseBase64(base64) {
-    let re = new RegExp("data:(?<type>.*?);base64,(?<data>.*)");
-    let res = re.exec(base64);
-    if (res && res.groups) {
-      return {
-        type: res.groups.type,
-        ext: res.groups.type.split("/").slice(-1)[0],
-        data: res.groups.data
-      };
-    }
-    return null;
-  },
-  /**
-   * 复制图片到剪贴板
-   *
-   * @param url 图片的URL地址
-   * @returns 无返回值
-   * @throws 如果解析base64数据失败，则抛出异常
-   */
-  async copyImage(url) {
-    try {
-      const base64Result = await this.getBase64(url);
-      const parsedBase64 = this.parseBase64(base64Result.dataURL);
-      if (!parsedBase64) {
-        throw new Error("Failed to parse base64 data.");
-      }
-      let type = parsedBase64.type;
-      let bytes = atob(parsedBase64.data);
-      let ab = new ArrayBuffer(bytes.length);
-      let ua = new Uint8Array(ab);
-      for (let i = 0; i < bytes.length; i++) {
-        ua[i] = bytes.charCodeAt(i);
-      }
-      let blob = new Blob([ab], { type });
-      await navigator.clipboard.write([new ClipboardItem({ [type]: blob })]);
-    } catch (error) {
-      console.error("Failed to copy image to clipboard:", error);
-    }
-  }
-};
-const AjaxUtil = {
-  /**
-   * Get JSON data by jsonp
-   * @param url - resource url
-   * @param callback  - callback function when completed
+   * Get JSON data by jsonp
+   * @param url - resource url
+   * @param callback  - callback function when completed
    */
   jsonp(url, callback) {
-    const name = "_jsonp_" + CommUtil.guid();
+    const name = "_jsonp_" + CommUtils.guid();
     const head = document.getElementsByTagName("head")[0];
     if (url.includes("?")) {
       url += "&callback=" + name;
@@ -1280,7 +657,7 @@ const AjaxUtil = {
    * );
    */
   get(url, options, cb) {
-    if (CommUtil.isFunction(options)) {
+    if (CommUtils.isFunction(options)) {
       const t = cb;
       cb = options;
       options = t;
@@ -1412,7 +789,7 @@ const AjaxUtil = {
    * );
    */
   getArrayBuffer(url, options, cb) {
-    if (CommUtil.isFunction(options)) {
+    if (CommUtils.isFunction(options)) {
       const t = cb;
       cb = options;
       options = t;
@@ -1465,7 +842,7 @@ const AjaxUtil = {
    * );
    */
   getJSON(url, options, cb) {
-    if (CommUtil.isFunction(options)) {
+    if (CommUtils.isFunction(options)) {
       const t = cb;
       cb = options;
       options = t;
@@ -1482,6 +859,48 @@ const AjaxUtil = {
     return this.get(url, options, callback);
   }
 };
+const MathUtils = {
+  DEG2RAD: Math.PI / 180,
+  RAD2DEG: 180 / Math.PI,
+  randInt(low, high) {
+    return low + Math.floor(Math.random() * (high - low + 1));
+  },
+  randFloat(low, high) {
+    return low + Math.random() * (high - low);
+  },
+  /**
+   * 角度转弧度
+   *
+   * @param {*} degrees
+   * @returns {*}
+   */
+  deg2Rad(degrees) {
+    return degrees * this.DEG2RAD;
+  },
+  /**
+   * 弧度转角度
+   *
+   * @param {*} radians
+   * @returns {*}
+   */
+  rad2Deg(radians) {
+    return radians * this.RAD2DEG;
+  },
+  round(value, n = 2) {
+    return Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
+  },
+  /**
+   * 将数值限制在指定范围内
+   *
+   * @param val 需要限制的数值
+   * @param min 最小值
+   * @param max 最大值
+   * @returns 返回限制后的数值
+   */
+  clamp(val, min, max) {
+    return Math.max(min, Math.min(max, val));
+  }
+};
 const GeoUtil = {
   toRadian: Math.PI / 180,
   R: 6371393,
@@ -1849,7 +1268,7 @@ const StringUtil = {
    */
   tag(strArray, ...args) {
     args = args.map((val) => {
-      switch (CommUtil.getDataType(val)) {
+      switch (CommUtils.getDataType(val)) {
         case "Object":
           return val || "{}";
         case "Array":
@@ -1892,127 +1311,22 @@ const StringUtil = {
     return str;
   }
 };
-const ColorUtil = {
-  random() {
-    let r = Math.floor(Math.random() * 256).toString(16);
-    let g = Math.floor(Math.random() * 256).toString(16);
-    let b = Math.floor(Math.random() * 256).toString(16);
-    r = r.length === 1 ? "0" + r : r;
-    g = g.length === 1 ? "0" + g : g;
-    b = b.length === 1 ? "0" + b : b;
-    return "#" + r + g + b;
-  },
+const TYPES = ["Point", "MultiPoint", "LineString", "MultiLineString", "Polygon", "MultiPolygon"];
+const GeoJsonUtil = {
   /**
-   * 将RGB颜色值转换为十六进制颜色值
+   * 获取GeoJSON要素的几何类型
    *
-   * @param rgb RGB颜色值数组，包含三个0-255之间的整数
-   * @returns 转换后的十六进制颜色值，以#开头
+   * @param feature GeoJSONFeature 类型的要素
+   * @returns 返回要素的几何类型，如果要素没有几何属性则返回 null
    */
-  rgb2hex(rgb) {
-    var hex = "#" + ((1 << 24) + (rgb[0] << 16) + (rgb[1] << 8) + rgb[2]).toString(16).slice(1);
-    return hex;
+  getGeoJsonType(feature) {
+    return feature.geometry ? feature.geometry.type : null;
   },
   /**
-   * 将RGB颜色值转换为RGBA颜色值，并返回转换后的颜色值。
+   * 判断给定的GeoJSON要素是否为有效的GeoJSON格式
    *
-   * @param rgbValue RGB颜色值，格式为"rgb(r, g, b)"。
-   * @returns 转换后的RGBA颜色值，格式为"rgba(r, g, b, 1)"。如果输入值不符合RGB格式，则返回原值。
-   */
-  rgbToRgba(rgbValue) {
-    const rgb = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(rgbValue);
-    return rgb ? `rgba(${rgb[1]}, 1)` : rgbValue;
-  },
-  /**
-   * 将十六进制颜色值转换为rgba格式的颜色值
-   *
-   * @param hexValue 十六进制颜色值，可带或不带#前缀，支持3位和6位表示
-   * @returns 返回rgba格式的颜色值，格式为rgba(r,g,b,1)
-   */
-  hexToRgba(hexValue) {
-    const rgxShort = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
-    const hex = hexValue.replace(rgxShort, (m, r2, g2, b2) => r2 + r2 + g2 + g2 + b2 + b2);
-    const rgx = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
-    const rgb = rgx.exec(hex);
-    if (!rgb) {
-      return hexValue;
-    }
-    const r = parseInt(rgb[1], 16);
-    const g = parseInt(rgb[2], 16);
-    const b = parseInt(rgb[3], 16);
-    return `rgba(${r},${g},${b},1)`;
-  },
-  /**
-   * 将 HSL 颜色值转换为 RGBA 颜色值
-   *
-   * @param hslValue HSL 颜色值字符串，格式为 "hsl(h, s%, l%)" 或 "hsla(h, s%, l%, a)"，其中 h 为色相，s 为饱和度，l 为亮度，a 为透明度（可选）。
-   * @returns 转换后的 RGBA 颜色值字符串，格式为 "rgba(r, g, b, a)"，其中 r、g、b 为红绿蓝分量，a 为透明度。若输入为空或无效，则返回 null。
-   */
-  hslToRgba(hslValue) {
-    if (!hslValue) {
-      return null;
-    }
-    const hsl = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(hslValue) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(hslValue);
-    if (!hsl) {
-      return null;
-    }
-    const h = parseInt(hsl[1], 10) / 360;
-    const s = parseInt(hsl[2], 10) / 100;
-    const l = parseInt(hsl[3], 10) / 100;
-    const a = hsl[4] ? parseFloat(hsl[4]) : 1;
-    function hue2rgb(p, q, t) {
-      if (t < 0) t += 1;
-      if (t > 1) t -= 1;
-      if (t < 1 / 6) return p + (q - p) * 6 * t;
-      if (t < 1 / 2) return q;
-      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
-      return p;
-    }
-    let r, g, b;
-    if (s === 0) {
-      r = g = b = l;
-    } else {
-      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-      const p = 2 * l - q;
-      r = hue2rgb(p, q, h + 1 / 3);
-      g = hue2rgb(p, q, h);
-      b = hue2rgb(p, q, h - 1 / 3);
-    }
-    return `rgba(${Math.round(r * 255)},${Math.round(g * 255)},${Math.round(b * 255)},${a})`;
-  },
-  isHex(a) {
-    return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a);
-  },
-  isRgb(a) {
-    return /^rgb/.test(a);
-  },
-  isHsl(a) {
-    return /^hsl/.test(a);
-  },
-  isColor(a) {
-    return this.isHex(a) || this.isRgb(a) || this.isHsl(a);
-  },
-  colorToRgb(val) {
-    if (this.isRgb(val)) return this.rgbToRgba(val);
-    if (this.isHex(val)) return this.hexToRgba(val);
-    if (this.isHsl(val)) return this.hslToRgba(val);
-  }
-};
-const TYPES = ["Point", "MultiPoint", "LineString", "MultiLineString", "Polygon", "MultiPolygon"];
-const GeoJsonUtil = {
-  /**
-   * 获取GeoJSON要素的几何类型
-   *
-   * @param feature GeoJSONFeature 类型的要素
-   * @returns 返回要素的几何类型，如果要素没有几何属性则返回 null
-   */
-  getGeoJsonType(feature) {
-    return feature.geometry ? feature.geometry.type : null;
-  },
-  /**
-   * 判断给定的GeoJSON要素是否为有效的GeoJSON格式
-   *
-   * @param feature 要判断的GeoJSON要素
-   * @returns 如果为有效的GeoJSON格式则返回true，否则返回false
+   * @param feature 要判断的GeoJSON要素
+   * @returns 如果为有效的GeoJSON格式则返回true，否则返回false
    */
   isGeoJson(feature) {
     const type = this.getGeoJsonType(feature);
@@ -2241,57 +1555,57 @@ const GeoJsonUtil = {
 const AssertUtil = {
   assertEmpty(...arg) {
     arg.forEach((a) => {
-      if (CommUtil.isEmpty(a)) {
-        throw Error("变量为空:>>>" + a);
+      if (CommUtils.isEmpty(a)) {
+        throw Error(ErrorType.PARAMETER_ERROR_LACK + " -> " + a);
       }
     });
   },
   assertNumber(...arg) {
     arg.forEach((a) => {
-      if (!CommUtil.isNumber(a)) {
-        throw Error("不是数字:>>>" + a);
+      if (!CommUtils.isNumber(a)) {
+        throw Error(ErrorType.PARAMETER_ERROR_NUMBER + " -> " + a);
       }
     });
   },
   assertArray(...arg) {
     arg.forEach((a) => {
-      if (!CommUtil.isArray(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_ARRAY + ":>>>" + a);
+      if (!CommUtils.isArray(a)) {
+        throw Error(ErrorType.PARAMETER_ERROR_ARRAY + " -> " + a);
       }
     });
   },
   assertFunction(...arg) {
     arg.forEach((a) => {
-      if (!CommUtil.isFunction(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_FUNCTION + ":>>>" + a);
+      if (!CommUtils.isFunction(a)) {
+        throw Error(ErrorType.PARAMETER_ERROR_FUNCTION + " -> " + a);
       }
     });
   },
   assertObject(...arg) {
     arg.forEach((a) => {
-      if (!CommUtil.isObject(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_OBJECT + ":>>>" + a);
+      if (!CommUtils.isObject(a)) {
+        throw Error(ErrorType.PARAMETER_ERROR_OBJECT + " -> " + a);
       }
     });
   },
   assertColor(...arg) {
     arg.forEach((a) => {
-      if (!ColorUtil.isColor(a)) {
-        throw Error("颜色代码不正确:>>>" + a);
+      if (!Color.isColor(a)) {
+        throw Error(ErrorType.DATA_ERROR_COLOR + " -> " + a);
       }
     });
   },
   assertLnglat(...arg) {
     arg.forEach((a) => {
       if (!GeoUtil.isLnglat(a.lng, a.lat)) {
-        throw Error(ErrorType.COORDINATE_ERROR + ":>>>" + a);
+        throw Error(ErrorType.DATA_ERROR_COORDINATE + " -> " + a);
       }
     });
   },
   assertGeoJson(...arg) {
     arg.forEach((a) => {
       if (!GeoJsonUtil.isGeoJson(a)) {
-        throw Error("不是GeoJSON:>>>" + a);
+        throw Error(ErrorType.DATA_ERROR_GEOJSON + " -> " + a);
       }
     });
   },
@@ -2302,7 +1616,7 @@ const AssertUtil = {
       res = str.indexOf(args[i]) >= 0;
     }
     if (res) {
-      throw Error(ErrorType.STRING_CHECK_LOSS + ":>>>" + str);
+      throw Error(ErrorType.STRING_CHECK_LOSS + " -> " + str);
     }
   },
   /**
@@ -2310,7 +1624,7 @@ const AssertUtil = {
    *
    * @param value 待判断的字符串
    * @param type 字符串类型
-   * @throws 当字符串不合法时，抛出错误，错误信息为“参数错误:>>>不是{typename}”
+   * @throws 当字符串不合法时，抛出错误，错误信息为“参数错误 -> 不是{typename}”
    */
   assertLegal(value, type) {
     const bool = StringUtil.checkStr(value, type);
@@ -2369,8 +1683,119 @@ const AssertUtil = {
         break;
     }
     if (!bool) {
-      throw Error(ErrorType.PARAMETER_ERROR + ":>>>不是" + typename);
+      throw Error(ErrorType.DATA_ERROR + " -> 不是" + typename);
+    }
+  }
+};
+const myArray = Object.create(Array);
+myArray.groupBy = function(f) {
+  var groups = {};
+  this.forEach(function(o) {
+    var group = JSON.stringify(f(o));
+    groups[group] = groups[group] || [];
+    groups[group].push(o);
+  });
+  return Object.keys(groups).map((group) => groups[group]);
+};
+myArray.distinct = function(f = (d) => d) {
+  const arr = [];
+  const obj = {};
+  this.forEach((item) => {
+    const val = f(item);
+    const key = String(val);
+    if (!obj[key]) {
+      obj[key] = true;
+      arr.push(item);
     }
+  });
+  return arr;
+};
+myArray.prototype.max = function() {
+  return Math.max.apply({}, this);
+};
+myArray.prototype.min = function() {
+  return Math.min.apply({}, this);
+};
+myArray.sum = function() {
+  return this.length > 0 ? this.reduce((prev = 0, curr = 0) => prev + curr) : 0;
+};
+myArray.avg = function() {
+  return this.length ? this.sum() / this.length : 0;
+};
+myArray.desc = function(f = (d) => d) {
+  return this.sort((n1, n2) => f(n2) - f(n1));
+};
+myArray.asc = function(f = (d) => d) {
+  return this.sort((n1, n2) => f(n1) - f(n2));
+};
+myArray.random = function() {
+  return this[Math.floor(Math.random() * this.length)];
+};
+myArray.remove = function(obj) {
+  const i = this.indexOf(obj);
+  if (i > -1) {
+    this.splice(i, 1);
+  }
+  return this;
+};
+const ArrayUtil = {
+  /**
+   * 创建指定长度的数组，并返回其索引数组
+   *
+   * @param length 数组长度
+   * @returns 索引数组
+   */
+  create(length) {
+    return [...new Array(length).keys()];
+  },
+  /**
+   * 合并多个数组，并去重
+   *
+   * @param args 需要合并的数组
+   * @returns 合并后的去重数组
+   */
+  union(...args) {
+    let res = [];
+    args.forEach((arg) => {
+      if (Array.isArray(arg)) {
+        res = res.concat(arg.filter((v) => !res.includes(v)));
+      }
+    });
+    return res;
+  },
+  /**
+   * 求多个数组的交集
+   *
+   * @param args 多个需要求交集的数组
+   * @returns 返回多个数组的交集数组
+   */
+  intersection(...args) {
+    let res = args[0] || [];
+    args.forEach((arg) => {
+      if (Array.isArray(arg)) {
+        res = res.filter((v) => arg.includes(v));
+      }
+    });
+    return res;
+  },
+  /**
+   * 将多个数组拼接为一个数组，并去除其中的空值。
+   *
+   * @param args 需要拼接的数组列表。
+   * @returns 拼接并去空后的数组。
+   */
+  unionAll(...args) {
+    return [...args].flat().filter((d) => !!d);
+  },
+  /**
+   * 求差集
+   *
+   * @param args 任意个集合
+   * @returns 返回差集结果
+   */
+  difference(...args) {
+    if (args.length === 0) return [];
+    return this.union(...args).filter((d) => !this.intersection(...args).includes(d));
   }
 };
 const BrowserUtil = {
@@ -2603,18 +2028,26 @@ const CoordsUtil = {
     return ret;
   },
   /**
-   * 生成指定范围内的随机经纬度坐标
+   * 生成一个介于两个坐标之间的随机坐标
    *
-   * @param min 最小坐标，包含属性 x 和 y，分别表示最小经度和最小纬度
-   * @param max 最大坐标，包含属性 x 和 y，分别表示最大经度和最大纬度
-   * @returns 返回生成的随机经纬度坐标，包含属性 lat 和 lng，分别表示纬度和经度
+   * @param start 起始坐标，包含x和y属性
+   * @param end 结束坐标，包含x和y属性
+   * @returns 返回一个包含x和y属性的随机坐标
    */
   random({ x: minX, y: minY }, { x: maxX, y: maxY }) {
     return {
-      lat: Math.random() * (maxY - minY) + minY,
-      lng: Math.random() * (maxX - minX) + minX
+      x: Math.random() * (maxX - minX) + minX,
+      y: Math.random() * (maxY - minY) + minY
     };
   },
+  /**
+   * 对坐标数组进行解构并应用函数处理
+   *
+   * @param arr 待解构的数组
+   * @param fn 处理函数
+   * @param context 函数执行上下文，可选
+   * @returns 处理后的数组
+   */
   deCompose(arr, fn, context) {
     if (!Array.isArray(arr)) {
       return context ? fn.call(context, arr) : fn(arr);
@@ -2623,7 +2056,7 @@ const CoordsUtil = {
     let p, pp;
     for (let i = 0, len = arr.length; i < len; i++) {
       p = arr[i];
-      if (CommUtil.isNil(p)) {
+      if (CommUtils.isNil(p)) {
         result.push(null);
         continue;
       }
@@ -3195,6 +2628,643 @@ const UrlUtil = {
     return obj;
   }
 };
+class Color {
+  constructor(r, g, b, a) {
+    __publicField(this, "_r");
+    __publicField(this, "_g");
+    __publicField(this, "_b");
+    __publicField(this, "_alpha");
+    this._validateColorChannel(r);
+    this._validateColorChannel(g);
+    this._validateColorChannel(b);
+    this._r = r;
+    this._g = g;
+    this._b = b;
+    this._alpha = MathUtils.clamp(a || 1, 0, 1);
+  }
+  _validateColorChannel(channel) {
+    if (channel < 0 || channel > 255) {
+      throw new Error("Color channel must be between 0 and 255.");
+    }
+  }
+  // 获取颜色的RGB值
+  get rgba() {
+    return { r: this._r, g: this._g, b: this._b, a: this._alpha };
+  }
+  get hex() {
+    return Color.rgb2hex(this._r, this._g, this._b, this._alpha);
+  }
+  // 设置颜色的RGB值
+  setRgb(r, g, b, a) {
+    this._validateColorChannel(r);
+    this._validateColorChannel(g);
+    this._validateColorChannel(b);
+    this._r = r;
+    this._g = g;
+    this._b = b;
+    this._alpha = MathUtils.clamp(a, 0, 1);
+    return this;
+  }
+  /**
+   * 从RGBA字符串创建Color对象
+   *
+   * @param rgbaValue RGBA颜色值字符串，格式为"rgba(r,g,b,a)"或"rgb(r,g,b)"
+   * @returns 返回Color对象
+   * @throws 如果rgbaValue不是有效的RGBA颜色值，则抛出错误
+   */
+  static fromRgba(rgbaValue) {
+    const rgbaMatch = rgbaValue.match(/^rgba?\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([\d.]+))?\s*\)$/);
+    if (!rgbaMatch) throw new Error("Invalid RGBA color value");
+    const r = parseInt(rgbaMatch[1], 10);
+    const g = parseInt(rgbaMatch[2], 10);
+    const b = parseInt(rgbaMatch[3], 10);
+    const a = rgbaMatch[5] ? parseFloat(rgbaMatch[5]) : 1;
+    return new Color(r, g, b, a);
+  }
+  /**
+   * 将十六进制颜色值转换为颜色对象
+   *
+   * @param hexValue 十六进制颜色值，可带或不带#前缀，支持3位和6位表示
+   * @returns 返回颜色对象
+   */
+  static fromHex(hexValue, a = 1) {
+    const rgxShort = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+    const hex = hexValue.replace(rgxShort, (m, r2, g2, b2) => r2 + r2 + g2 + g2 + b2 + b2);
+    const rgx = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;
+    const rgb = rgx.exec(hex);
+    if (!rgb) {
+      throw new Error("Invalid HEX color value");
+    }
+    const r = parseInt(rgb[1], 16);
+    const g = parseInt(rgb[2], 16);
+    const b = parseInt(rgb[3], 16);
+    return new Color(r, g, b, a);
+  }
+  /**
+   * 从 HSL 字符串创建颜色对象
+   *
+   * @param hsl HSL 字符串，格式为 hsl(h, s%, l%) 或 hsla(h, s%, l%, a)
+   * @returns 返回颜色对象，如果 hsl 字符串无效则返回 null
+   */
+  static fromHsl(hslValue) {
+    const hsl = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(hslValue) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(hslValue);
+    if (!hsl) {
+      throw new Error("Invalid HSL color value");
+    }
+    const h = parseInt(hsl[1], 10) / 360;
+    const s = parseInt(hsl[2], 10) / 100;
+    const l = parseInt(hsl[3], 10) / 100;
+    const a = hsl[4] ? parseFloat(hsl[4]) : 1;
+    function hue2rgb(p, q, t) {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    }
+    let r, g, b;
+    if (s === 0) {
+      r = g = b = l;
+    } else {
+      const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      const p = 2 * l - q;
+      r = hue2rgb(p, q, h + 1 / 3);
+      g = hue2rgb(p, q, h);
+      b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return new Color(Math.round(r * 255), Math.round(g * 255), Math.round(b * 255), a);
+  }
+  /**
+   * 从字符串中创建颜色对象
+   *
+   * @param str 字符串类型的颜色值，支持rgba、hex、hsl格式
+   * @returns 返回创建的颜色对象
+   * @throws 当颜色值无效时，抛出错误
+   */
+  static from(str) {
+    if (this.isRgb(str)) {
+      return this.fromRgba(str);
+    } else if (this.isHex(str)) {
+      return this.fromHex(str);
+    } else if (this.isHsl(str)) {
+      return this.fromHsl(str);
+    } else {
+      throw new Error("Invalid color value");
+    }
+  }
+  /**
+   * 将RGB颜色值转换为十六进制颜色值
+   *
+   * @param r 红色分量值，取值范围0-255
+   * @param g 绿色分量值，取值范围0-255
+   * @param b 蓝色分量值，取值范围0-255
+   * @param a 可选参数，透明度分量值，取值范围0-1
+   * @returns 十六进制颜色值，格式为#RRGGBB或#RRGGBBAA
+   */
+  static rgb2hex(r, g, b, a) {
+    var hex = "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+    if (a !== void 0) {
+      const alpha = Math.round(a * 255).toString(16).padStart(2, "0");
+      return hex + alpha;
+    }
+    return hex;
+  }
+  static isHex(a) {
+    return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a);
+  }
+  static isRgb(a) {
+    return /^rgb/.test(a);
+  }
+  static isHsl(a) {
+    return /^hsl/.test(a);
+  }
+  static isColor(a) {
+    return this.isHex(a) || this.isRgb(a) || this.isHsl(a);
+  }
+  static random() {
+    let r = Math.floor(Math.random() * 256);
+    let g = Math.floor(Math.random() * 256);
+    let b = Math.floor(Math.random() * 256);
+    let a = Math.random();
+    return new Color(r, g, b, a);
+  }
+}
+class CanvasDrawer {
+  constructor(el) {
+    __publicField(this, "context", null);
+    if (typeof el === "string") {
+      el = document.querySelector("#" + el);
+      if (!el) {
+        throw new Error("Element not found");
+      }
+    }
+    if (el instanceof HTMLElement) {
+      const canvas = el;
+      if (canvas.getContext) {
+        this.context = canvas.getContext("2d");
+      } else {
+        throw new Error("getContext is not available on this element");
+      }
+    } else {
+      throw new Error("Element is not an HTMLElement");
+    }
+  }
+  /**
+   * 绘制线条
+   *
+   * @param start 起始坐标点
+   * @param end 终止坐标点
+   * @param options 绘制选项，包括线条宽度和颜色
+   * @throws 当画布上下文不存在时抛出错误
+   */
+  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options = {}) {
+    if (!this.context) {
+      throw new Error("Canvas context is null or undefined");
+    }
+    this.context.beginPath();
+    const width = options.width || 1;
+    const color = options.color || "#000";
+    this.context.lineWidth = width;
+    this.context.strokeStyle = color;
+    this.context.moveTo(startX, startY);
+    this.context.lineTo(endX, endY);
+    this.context.stroke();
+  }
+  /**
+   * 绘制圆弧
+   *
+   * @param x 圆心x坐标
+   * @param y 圆心y坐标
+   * @param radius 半径
+   * @param startAngle 起始角度（度）
+   * @param endAngle 结束角度（度）
+   * @param anticlockwise 是否逆时针绘制
+   * @param isFill 是否填充
+   * @param bgColor 背景颜色
+   * @throws 当Canvas context为null或undefined时抛出错误
+   */
+  drawArc({ x, y }, radius, startAngle, endAngle, anticlockwise, isFill, bgColor) {
+    if (!this.context) {
+      throw new Error("Canvas context is null or undefined");
+    }
+    if (isFill) {
+      this.context.fillStyle = bgColor;
+      this.context.beginPath();
+      this.context.arc(x, y, radius, MathUtils.deg2Rad(startAngle), MathUtils.deg2Rad(endAngle), anticlockwise);
+      this.context.fill();
+    } else {
+      this.context.strokeStyle = bgColor;
+      this.context.beginPath();
+      this.context.arc(x, y, radius, MathUtils.deg2Rad(startAngle), MathUtils.deg2Rad(endAngle), anticlockwise);
+      this.context.stroke();
+    }
+  }
+  static createCanvas(width = 1, height = 1) {
+    const canvas = document.createElement("canvas");
+    if (width) {
+      canvas.width = width;
+    }
+    if (height) {
+      canvas.height = height;
+    }
+    return canvas;
+  }
+}
+class EventDispatcher {
+  constructor() {
+    __publicField(this, "_listeners");
+    __publicField(this, "_mutex", {});
+    __publicField(this, "_context");
+  }
+  addEventListener(type, listener, context, mutexStatus) {
+    if (this._listeners === void 0) this._listeners = {};
+    this._context = context;
+    const mutex = this._mutex;
+    const listeners = this._listeners;
+    if (listeners[type] === void 0) {
+      listeners[type] = [];
+    }
+    if (listeners[type].indexOf(listener) === -1) {
+      if (mutexStatus) {
+        mutex[type] = listener;
+      }
+      listeners[type].push(listener);
+    }
+    return this;
+  }
+  hasEventListener(type, listener) {
+    if (this._listeners === null || this._listeners === void 0) return false;
+    const listeners = this._listeners;
+    return listeners[type] !== void 0 && listeners[type].indexOf(listener) !== -1;
+  }
+  removeEventListener(type, listener) {
+    if (this._listeners === void 0) return;
+    const listeners = this._listeners;
+    const listenerArray = listeners[type];
+    if (this._mutex[type] === listener) {
+      this._mutex[type] = null;
+    }
+    if (listenerArray !== void 0) {
+      const index = listenerArray.map((d) => d.toString()).indexOf(listener.toString());
+      if (index !== -1) {
+        listenerArray.splice(index, 1);
+      }
+    }
+  }
+  dispatchEvent(event) {
+    if (this._listeners === void 0) return;
+    const listeners = this._listeners;
+    const listenerArray = listeners[event.type];
+    if (listenerArray !== void 0) {
+      event.target = this;
+      const array = listenerArray.slice(0);
+      if (this._mutex[event.type] !== void 0) {
+        const find = array.find((item) => item === this._mutex[event.type]);
+        if (find) {
+          find.call(this._context || this, event);
+          return;
+        }
+      }
+      for (let i = 0, l = array.length; i < l; i++) {
+        const item = array[i];
+        if (typeof item === "function") {
+          item.call(this._context || this, event);
+        }
+      }
+    }
+  }
+  removeAllListener() {
+    this._mutex = {};
+    for (const key in this._listeners) {
+      this._listeners[key] = [];
+    }
+  }
+}
+class HashMap extends Map {
+  isEmpty() {
+    return this.size === 0;
+  }
+  _values() {
+    return Array.from(this.values());
+  }
+  _keys() {
+    return Array.from(this.keys());
+  }
+  _entries() {
+    return Array.from(this.entries());
+  }
+  static fromEntries(array = []) {
+    const hashMap = new HashMap();
+    array.forEach((element) => {
+      if (Array.isArray(element) && element.length === 2) {
+        hashMap.set(element[0], element[1]);
+      }
+    });
+    return hashMap;
+  }
+}
+class WebSocketClient extends EventDispatcher {
+  constructor(url = "ws://127.0.0.1:10088") {
+    super();
+    __publicField(this, "maxCheckTimes", 10);
+    __publicField(this, "url");
+    __publicField(this, "checkTimes", 0);
+    __publicField(this, "connectStatus", false);
+    __publicField(this, "client", null);
+    this.maxCheckTimes = 10;
+    this.url = url;
+    this.checkTimes = 0;
+    this.connect();
+    this.connCheckStatus(this.maxCheckTimes);
+  }
+  connect() {
+    this.disconnect();
+    if (this.url) {
+      try {
+        console.info("创建ws连接>>>" + this.url);
+        this.client = new WebSocket(this.url);
+        if (this.client) {
+          const self = this;
+          this.client.onopen = function(message) {
+            self.dispatchEvent({
+              type: EventType.WEB_SOCKET_CONNECT,
+              message
+            });
+          };
+          this.client.onmessage = function(message) {
+            self.connectStatus = true;
+            self.dispatchEvent({
+              type: EventType.WEB_SOCKET_MESSAGE,
+              message
+            });
+          };
+          this.client.onclose = function(message) {
+            self.dispatchEvent({
+              type: EventType.WEB_SOCKET_CLOSE,
+              message
+            });
+          };
+          if (this.checkTimes === this.maxCheckTimes) {
+            this.client.onerror = function(message) {
+              self.dispatchEvent({
+                type: EventType.WEB_SOCKET_ERROR,
+                message
+              });
+            };
+          }
+        }
+      } catch (ex) {
+        console.error("创建ws连接失败" + this.url + ":" + ex);
+      }
+    }
+  }
+  disconnect() {
+    if (this.client) {
+      try {
+        console.log("ws断开连接" + this.url);
+        this.client.close();
+        this.client = null;
+      } catch (ex) {
+        this.client = null;
+      }
+    }
+  }
+  connCheckStatus(times) {
+    if (this.checkTimes > times) return;
+    setTimeout(() => {
+      this.checkTimes++;
+      if (this.client && this.client.readyState !== 0 && this.client.readyState !== 1) {
+        this.connect();
+      }
+      this.connCheckStatus(times);
+    }, 2e3);
+  }
+  send(message) {
+    if (this.client && this.client.readyState === 1) {
+      this.client.send(message);
+      return true;
+    }
+    console.error(this.url + "消息发送失败：" + message);
+    return false;
+  }
+  heartbeat() {
+    setTimeout(() => {
+      if (this.client && this.client.readyState === 1) {
+        this.send("HeartBeat");
+      }
+      console.log("HeartBeat," + this.url);
+      setTimeout(this.heartbeat, 3e4);
+    }, 1e3);
+  }
+}
+const _MqttClient = class _MqttClient extends EventDispatcher {
+  constructor(url = `ws://${window.document.domain}:20007/mqtt`, config = {}) {
+    super();
+    __publicField(this, "state");
+    __publicField(this, "url");
+    __publicField(this, "context");
+    __publicField(this, "options");
+    __publicField(this, "client");
+    __publicField(this, "topics");
+    this.context = CommUtils.extend(_MqttClient.defaultContext, config);
+    this.options = {
+      connectTimeout: this.context.MQTT_TIMEOUTM,
+      clientId: CommUtils.guid(),
+      username: this.context.MQTT_USERNAME,
+      password: this.context.MQTT_PASSWORD,
+      clean: true
+    };
+    this.url = url;
+    this.client = connect(this.url, this.options);
+    this._onConnect();
+    this._onMessage();
+    this.state = 0;
+    this.topics = [];
+  }
+  _onConnect() {
+    this.client.on("connect", () => {
+      this.state = 1;
+      console.log("链接mqtt成功==>" + this.url);
+      this.dispatchEvent({ type: EventType.MQTT_CONNECT, message: this });
+    });
+    this.client.on("error", (err) => {
+      console.log("链接mqtt报错", err);
+      this.state = -1;
+      this.dispatchEvent({ type: EventType.MQTT_ERROR, message: this });
+      this.client.end();
+      this.client.reconnect();
+    });
+  }
+  _onMessage() {
+    this.client.on("message", (topic, message) => {
+      let dataString = message;
+      let data = "";
+      if (message instanceof Uint8Array) {
+        dataString = message.toString();
+      }
+      try {
+        data = ObjectUtil.parse(dataString);
+      } catch (error) {
+        throw new Error(ErrorType.JSON_PARSE_ERROR);
+      }
+      this.dispatchEvent({
+        type: EventType.MQTT_MESSAGE,
+        message: { topic, data }
+      });
+    });
+  }
+  sendMsg(topic, msg) {
+    if (!this.client.connected) {
+      console.error("客户端未连接");
+      return;
+    }
+    this.client.publish(topic, msg, { qos: 1, retain: true });
+  }
+  subscribe(topic) {
+    this.state === 1 ? this.client.subscribe(topic, { qos: 1 }, (error, e) => {
+      error instanceof Error ? console.error("订阅失败==>" + topic, error) : (this.topics = ArrayUtil.union(this.topics, topic), console.log("订阅成功==>" + topic));
+    }) : this.addEventListener(EventType.MQTT_CONNECT, (res) => {
+      this.client.subscribe(topic, { qos: 1 }, (error, e) => {
+        error instanceof Error ? console.error("订阅失败==>" + topic, error) : (this.topics = ArrayUtil.union(this.topics, topic), console.log("订阅成功==>" + topic));
+      });
+    });
+    return this;
+  }
+  unsubscribe(topic) {
+    this.client.unsubscribe(topic, { qos: 1 }, (error, res) => {
+      if (error instanceof Error) {
+        console.error(`取消订阅失败==>${topic}`, error);
+      } else {
+        this.topics = ArrayUtil.difference(this.topics, topic);
+        console.log(`取消订阅成功==>${topic}`);
+      }
+    });
+    return this;
+  }
+  unsubscribeAll() {
+    this.unsubscribe(this.topics);
+  }
+  unconnect() {
+    this.client.end();
+    this.client = null;
+    this.dispatchEvent({ type: EventType.MQTT_CLOSE, message: null });
+    console.log("断开mqtt成功==>" + this.url);
+  }
+};
+/**
+ * Creates an instance of MqttClient.
+ * @param {*} config mqtt实例参数
+ */
+__publicField(_MqttClient, "defaultContext", {
+  MQTT_USERNAME: "iRVMS-WEB",
+  MQTT_PASSWORD: "novasky888",
+  MQTT_TIMEOUTM: 2e4
+});
+let MqttClient = _MqttClient;
+const _Storage = class _Storage {
+  /**
+   * 将键值对存储到localStorage中
+   *
+   * @param key 键名
+   * @param value 值，默认为null
+   * @param options 存储选项，可选参数
+   * @param options.expires 过期时间，单位为毫秒，默认为null
+   */
+  static set(key, value = null, options = {}) {
+    var query_key = this._getPrefixedKey(key, options);
+    try {
+      const { expires } = options;
+      const data = { data: value };
+      if (expires) {
+        data.expires = expires;
+      }
+      localStorage.setItem(query_key, JSON.stringify(data));
+    } catch (e) {
+      if (console) console.warn(`Storage didn't successfully save the '{"${key}": "${value}"}' pair, because the localStorage is full.`);
+    }
+  }
+  /**
+   * 从localStorage中获取指定key的存储值
+   *
+   * @param key 存储键名
+   * @param missing 当获取不到指定key的存储值时返回的默认值
+   * @param options 其他配置选项
+   * @returns 返回指定key的存储值，若获取不到则返回missing参数指定的默认值
+   */
+  static get(key, missing, options) {
+    var query_key = this._getPrefixedKey(key, options), value;
+    try {
+      value = JSON.parse(localStorage.getItem(query_key) || "");
+    } catch (e) {
+      if (localStorage[query_key]) {
+        value = { data: localStorage.getItem(query_key) };
+      } else {
+        value = null;
+      }
+    }
+    if (!value) {
+      return missing;
+    } else if (typeof value === "object" && typeof value.data !== "undefined") {
+      const expires = value.expires;
+      if (expires && Date.now() > expires) {
+        return missing;
+      }
+      return value.data;
+    }
+  }
+  static keys() {
+    const keys = [];
+    var allKeys = Object.keys(localStorage);
+    if (_Storage.prefix.length === 0) {
+      return allKeys;
+    }
+    allKeys.forEach(function(key) {
+      if (key.indexOf(_Storage.prefix) !== -1) {
+        keys.push(key.replace(_Storage.prefix, ""));
+      }
+    });
+    return keys;
+  }
+  static getAll(includeKeys) {
+    var keys = _Storage.keys();
+    if (includeKeys) {
+      const result = [];
+      keys.forEach((key) => {
+        if (includeKeys.includes(key)) {
+          const tempObj = {};
+          tempObj[key] = _Storage.get(key, null, null);
+          result.push(tempObj);
+        }
+      });
+      return result;
+    }
+    return keys.map((key) => _Storage.get(key, null, null));
+  }
+  static remove(key, options) {
+    var queryKey = this._getPrefixedKey(key, options);
+    localStorage.removeItem(queryKey);
+  }
+  static clear(options) {
+    if (_Storage.prefix.length) {
+      this.keys().forEach((key) => {
+        localStorage.removeItem(this._getPrefixedKey(key, options));
+      });
+    } else {
+      localStorage.clear();
+    }
+  }
+};
+__publicField(_Storage, "prefix", "");
+__publicField(_Storage, "_getPrefixedKey", function(key, options) {
+  options = options || {};
+  if (options.noPrefix) {
+    return key;
+  } else {
+    return _Storage.prefix + key;
+  }
+});
+let Storage = _Storage;
 export {
   AjaxUtil,
   ArrayUtil,
@@ -3202,7 +3272,7 @@ export {
   AudioPlayer,
   BrowserUtil,
   CanvasDrawer,
-  ColorUtil,
+  Color,
   Cookie,
   CoordsUtil,
   DateUtil,
@@ -3227,6 +3297,6 @@ export {
   Storage,
   StringUtil,
   UrlUtil,
-  CommUtil as Util,
+  CommUtils as Util,
   WebSocketClient
 };