gis-common 5.0.1 → 5.0.3

package/dist/gis-common.es.js

@@ -137,32 +137,64 @@ class AudioPlayer {
     this.audio.muted = val;
   }
 }
-class Cookie {
-  static set(name, value, days = 30) {
-    if (typeof name !== "string" || typeof days !== "number") {
-      throw new Error("Invalid arguments");
-    }
-    const exp = /* @__PURE__ */ new Date();
-    exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1e3);
-    document.cookie = `${name}=${encodeURIComponent(value)};expires=${exp.toUTCString()}`;
-  }
-  static remove(name) {
-    var exp = /* @__PURE__ */ new Date();
-    exp.setTime(exp.getTime() - 1);
-    var cval = this.get(name);
-    if (cval != null) {
-      document.cookie = name + "=" + cval + ";expires=" + exp.toUTCString();
-    }
-  }
-  static get(name) {
-    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
-    if (arr != null) {
-      return arr[2];
-    } else {
-      return "";
-    }
+const ExceptionUtil = {
+  getException(type, message) {
+    const _Exception = function() {
+      Error.call(this, message);
+      this.name = type;
+      this.message = message;
+      this.stack = new Error().stack;
+    };
+    if (Error) _Exception.__proto__ = Error;
+    _Exception.prototype = Object.create(Error && Error.prototype);
+    _Exception.prototype.constructor = _Exception;
+    return _Exception;
+  },
+  throwException(msg) {
+    const _Exception = this.getException("Exception", msg);
+    throw new _Exception(msg);
+  },
+  throwColorException(msg) {
+    const _Exception = this.getException("ColorException", ErrorType.DATA_ERROR_COLOR + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwCoordinateException(msg) {
+    const _Exception = this.getException("CoordinateException", ErrorType.DATA_ERROR_COORDINATE + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwGeoJsonException(msg) {
+    const _Exception = this.getException("GeoJsonException", ErrorType.DATA_ERROR_GEOJSON + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwEmptyException(msg) {
+    const _Exception = this.getException("EmptyException", ErrorType.PARAMETER_ERROR_LACK + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwIntegerException(msg) {
+    const _Exception = this.getException("IntegerException", ErrorType.PARAMETER_ERROR_INTEGER + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwNumberException(msg) {
+    const _Exception = this.getException("NumberException", ErrorType.PARAMETER_ERROR_NUMBER + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwArrayException(msg) {
+    const _Exception = this.getException("ArrayException", ErrorType.PARAMETER_ERROR_ARRAY + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwFunctionException(msg) {
+    const _Exception = this.getException("FunctionException", ErrorType.PARAMETER_ERROR_FUNCTION + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwProcessException(msg) {
+    const _Exception = this.getException("ProcessException", ErrorType.PROCESS_FAIL + " -> " + (msg || ""));
+    throw new _Exception(msg);
+  },
+  throwNetworkException(msg) {
+    const _Exception = this.getException("NetworkException", ErrorType.REQUEST_ERROR_TIMEOUT + " -> " + (msg || ""));
+    throw new _Exception(msg);
   }
-}
+};
 const Util = {
   /**
    * 获取数据类型
@@ -349,7 +381,7 @@ const Util = {
       css.rel = "stylesheet";
       css.type = "text/css";
       css.onerror = function() {
-        console.error(`Style loading failed for URL: ${url}`);
+        ExceptionUtil.throwException(`Style loading failed for URL: ${url}`);
       };
       document.head.appendChild(css);
     });
@@ -367,7 +399,7 @@ const Util = {
     return str.replace(templateRe, (match, key) => {
       const value = data[key];
       if (value === void 0) {
-        throw new Error(`${ErrorType.DATA_ERROR_JSON}: ${match}`);
+        ExceptionUtil.throwException(`${ErrorType.DATA_ERROR_JSON}: ${match}`);
       } else if (typeof value === "function") {
         return value(data);
       } else {
@@ -459,745 +491,95 @@ const Util = {
     return numC < numT;
   }
 };
-const MathUtil = {
-  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);
-  },
+const ObjectUtil = {
   /**
-   * 角度转弧度
+   * 浅合并对象，并返回合并后的对象。
    *
-   * @param {*} degrees
-   * @returns {*}
+   * @param dest 目标对象，用于接收复制的属性。
+   * @param args 一个或多个源对象，用于提供要复制的属性。
+   * @returns 返回目标对象，包含所有复制的属性。
    */
-  deg2Rad(degrees) {
-    return degrees * this.DEG2RAD;
+  assign(dest, ...args) {
+    let i, j, len, src;
+    if (Util.isEmpty(dest)) {
+      dest = {};
+    }
+    for (j = 0, len = args.length; j < len; j++) {
+      src = args[j];
+      for (i in src) {
+        if (src.hasOwnProperty(i)) {
+          dest[i] = src[i];
+        }
+      }
+    }
+    return dest;
   },
   /**
-   * 弧度转角度
+   * 深度合并对象，并返回合并后的对象
    *
-   * @param {*} radians
-   * @returns {*}
+   * @param target 目标对象
+   * @param sources 待合并的对象列表
+   * @returns 合并后的对象
    */
-  rad2Deg(radians) {
-    return radians * this.RAD2DEG;
+  deepAssign(target, ...sources) {
+    const visited = /* @__PURE__ */ new WeakMap();
+    const _deepAssign = (target2, source) => {
+      if (typeof source !== "object" || source === null) {
+        return source;
+      }
+      if (visited.has(source)) {
+        return visited.get(source);
+      }
+      let output;
+      if (Array.isArray(source)) {
+        output = Array.isArray(target2) ? target2 : [];
+      } else {
+        output = typeof target2 === "object" && target2 !== null && !Array.isArray(target2) ? target2 : {};
+      }
+      visited.set(source, output);
+      for (const key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          output[key] = _deepAssign(output[key], source[key]);
+        }
+      }
+      return output;
+    };
+    let result = Object(target);
+    for (const source of sources) {
+      if (typeof source === "object" && source !== null) {
+        result = _deepAssign(result, source);
+      }
+    }
+    return result;
   },
-  round(value, n = 2) {
-    return Util.isNumber(value) ? Math.round(Number(value) * Math.pow(10, n)) / Math.pow(10, n) : 0;
+  clone(obj) {
+    return JSON.parse(JSON.stringify(obj));
   },
   /**
-   * 将数值限制在指定范围内
+   * 深拷贝一个对象到另一个对象
    *
-   * @param val 需要限制的数值
-   * @param min 最小值
-   * @param max 最大值
-   * @returns 返回限制后的数值
+   * @param destObj 目标对象，深拷贝后的对象将存储在该对象中
+   * @param srcObj 源对象，深拷贝的来源对象
+   * @returns 深拷贝后的目标对象
    */
-  clamp(val, min, max) {
-    return Math.max(min, Math.min(max, val));
+  deepClone(destObj, srcObj) {
+    this.assign(destObj, srcObj);
+    Object.setPrototypeOf(destObj.__proto__, srcObj.__proto__);
+    return destObj;
+  },
+  isEqual(a, b) {
+    return JSON.stringify(a) === JSON.stringify(b);
+  },
+  parse(str) {
+    if (Util.isEmpty(str)) return {};
+    if (Util.isObject(str)) return str;
+    try {
+      return JSON.parse(str);
+    } catch {
+      ExceptionUtil.throwException(ErrorType.DATA_ERROR_JSON + " -> " + str);
+    }
   }
 };
-const ColorName = {
-  aliceblue: [240, 248, 255],
-  antiquewhite: [250, 235, 215],
-  aqua: [0, 255, 255],
-  aquamarine: [127, 255, 212],
-  azure: [240, 255, 255],
-  beige: [245, 245, 220],
-  bisque: [255, 228, 196],
-  black: [0, 0, 0],
-  blanchedalmond: [255, 235, 205],
-  blue: [0, 0, 255],
-  blueviolet: [138, 43, 226],
-  brown: [165, 42, 42],
-  burlywood: [222, 184, 135],
-  cadetblue: [95, 158, 160],
-  chartreuse: [127, 255, 0],
-  chocolate: [210, 105, 30],
-  coral: [255, 127, 80],
-  cornflowerblue: [100, 149, 237],
-  cornsilk: [255, 248, 220],
-  crimson: [220, 20, 60],
-  cyan: [0, 255, 255],
-  darkblue: [0, 0, 139],
-  darkcyan: [0, 139, 139],
-  darkgoldenrod: [184, 134, 11],
-  darkgray: [169, 169, 169],
-  darkgreen: [0, 100, 0],
-  darkgrey: [169, 169, 169],
-  darkkhaki: [189, 183, 107],
-  darkmagenta: [139, 0, 139],
-  darkolivegreen: [85, 107, 47],
-  darkorange: [255, 140, 0],
-  darkorchid: [153, 50, 204],
-  darkred: [139, 0, 0],
-  darksalmon: [233, 150, 122],
-  darkseagreen: [143, 188, 143],
-  darkslateblue: [72, 61, 139],
-  darkslategray: [47, 79, 79],
-  darkslategrey: [47, 79, 79],
-  darkturquoise: [0, 206, 209],
-  darkviolet: [148, 0, 211],
-  deeppink: [255, 20, 147],
-  deepskyblue: [0, 191, 255],
-  dimgray: [105, 105, 105],
-  dimgrey: [105, 105, 105],
-  dodgerblue: [30, 144, 255],
-  firebrick: [178, 34, 34],
-  floralwhite: [255, 250, 240],
-  forestgreen: [34, 139, 34],
-  fuchsia: [255, 0, 255],
-  gainsboro: [220, 220, 220],
-  ghostwhite: [248, 248, 255],
-  gold: [255, 215, 0],
-  goldenrod: [218, 165, 32],
-  gray: [128, 128, 128],
-  green: [0, 128, 0],
-  greenyellow: [173, 255, 47],
-  grey: [128, 128, 128],
-  honeydew: [240, 255, 240],
-  hotpink: [255, 105, 180],
-  indianred: [205, 92, 92],
-  indigo: [75, 0, 130],
-  ivory: [255, 255, 240],
-  khaki: [240, 230, 140],
-  lavender: [230, 230, 250],
-  lavenderblush: [255, 240, 245],
-  lawngreen: [124, 252, 0],
-  lemonchiffon: [255, 250, 205],
-  lightblue: [173, 216, 230],
-  lightcoral: [240, 128, 128],
-  lightcyan: [224, 255, 255],
-  lightgoldenrodyellow: [250, 250, 210],
-  lightgray: [211, 211, 211],
-  lightgreen: [144, 238, 144],
-  lightgrey: [211, 211, 211],
-  lightpink: [255, 182, 193],
-  lightsalmon: [255, 160, 122],
-  lightseagreen: [32, 178, 170],
-  lightskyblue: [135, 206, 250],
-  lightslategray: [119, 136, 153],
-  lightslategrey: [119, 136, 153],
-  lightsteelblue: [176, 196, 222],
-  lightyellow: [255, 255, 224],
-  lime: [0, 255, 0],
-  limegreen: [50, 205, 50],
-  linen: [250, 240, 230],
-  magenta: [255, 0, 255],
-  maroon: [128, 0, 0],
-  mediumaquamarine: [102, 205, 170],
-  mediumblue: [0, 0, 205],
-  mediumorchid: [186, 85, 211],
-  mediumpurple: [147, 112, 219],
-  mediumseagreen: [60, 179, 113],
-  mediumslateblue: [123, 104, 238],
-  mediumspringgreen: [0, 250, 154],
-  mediumturquoise: [72, 209, 204],
-  mediumvioletred: [199, 21, 133],
-  midnightblue: [25, 25, 112],
-  mintcream: [245, 255, 250],
-  mistyrose: [255, 228, 225],
-  moccasin: [255, 228, 181],
-  navajowhite: [255, 222, 173],
-  navy: [0, 0, 128],
-  oldlace: [253, 245, 230],
-  olive: [128, 128, 0],
-  olivedrab: [107, 142, 35],
-  orange: [255, 165, 0],
-  orangered: [255, 69, 0],
-  orchid: [218, 112, 214],
-  palegoldenrod: [238, 232, 170],
-  palegreen: [152, 251, 152],
-  paleturquoise: [175, 238, 238],
-  palevioletred: [219, 112, 147],
-  papayawhip: [255, 239, 213],
-  peachpuff: [255, 218, 185],
-  peru: [205, 133, 63],
-  pink: [255, 192, 203],
-  plum: [221, 160, 221],
-  powderblue: [176, 224, 230],
-  purple: [128, 0, 128],
-  rebeccapurple: [102, 51, 153],
-  red: [255, 0, 0],
-  rosybrown: [188, 143, 143],
-  royalblue: [65, 105, 225],
-  saddlebrown: [139, 69, 19],
-  salmon: [250, 128, 114],
-  sandybrown: [244, 164, 96],
-  seagreen: [46, 139, 87],
-  seashell: [255, 245, 238],
-  sienna: [160, 82, 45],
-  silver: [192, 192, 192],
-  skyblue: [135, 206, 235],
-  slateblue: [106, 90, 205],
-  slategray: [112, 128, 144],
-  slategrey: [112, 128, 144],
-  snow: [255, 250, 250],
-  springgreen: [0, 255, 127],
-  steelblue: [70, 130, 180],
-  tan: [210, 180, 140],
-  teal: [0, 128, 128],
-  thistle: [216, 191, 216],
-  tomato: [255, 99, 71],
-  turquoise: [64, 224, 208],
-  violet: [238, 130, 238],
-  wheat: [245, 222, 179],
-  white: [255, 255, 255],
-  whitesmoke: [245, 245, 245],
-  yellow: [255, 255, 0],
-  yellowgreen: [154, 205, 50]
-};
-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 = MathUtil.clamp(a || 1, 0, 1);
-  }
-  _validateColorChannel(channel) {
-    if (channel < 0 || channel > 255) {
-      throw new Error("Color channel must be between 0 and 255.");
-    }
-  }
-  toString() {
-    return `rgba(${this._r}, ${this._g}, ${this._b}, ${this._alpha})`;
-  }
-  toJson() {
-    return { r: this._r, g: this._g, b: this._b, a: this._alpha };
-  }
-  get rgba() {
-    return `rgba(${this._r}, ${this._g}, ${this._b}, ${this._alpha})`;
-  }
-  get hex() {
-    return Color.rgb2hex(this._r, this._g, this._b, this._alpha);
-  }
-  setAlpha(a) {
-    this._alpha = MathUtil.clamp(a, 0, 1);
-    return this;
-  }
-  // 设置颜色的RGB值
-  setRgb(r, g, b) {
-    this._validateColorChannel(r);
-    this._validateColorChannel(g);
-    this._validateColorChannel(b);
-    this._r = r;
-    this._g = g;
-    this._b = b;
-    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);
-  }
-  static fromName(str) {
-    const rgba = ColorName[str];
-    if (!rgba) {
-      throw new Error(`Invalid color name: ${str}`);
-    }
-    return new Color(rgba[0], rgba[1], rgba[2], rgba.length > 3 ? rgba[3] : 1);
-  }
-  /**
-   * 从字符串中创建颜色对象
-   *
-   * @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 if (Object.keys(ColorName).map((key) => key.toString()).includes(str)) {
-      return this.fromName(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 /^rgba?\s*\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d.]+)?\s*\)$/.test(a);
-  }
-  static isHsl(a) {
-    return /^(hsl|hsla)\(\d+,\s*[\d.]+%,\s*[\d.]+%(,\s*[\d.]+)?\)$/.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, "ctx");
-    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.ctx = 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 = {}) {
-    this.ctx.beginPath();
-    const width = options.width || 1;
-    const color = options.color || "#000";
-    this.ctx.lineWidth = width;
-    this.ctx.strokeStyle = color;
-    this.ctx.moveTo(startX, startY);
-    this.ctx.lineTo(endX, endY);
-    this.ctx.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 (isFill) {
-      this.ctx.fillStyle = bgColor;
-      this.ctx.beginPath();
-      this.ctx.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
-      this.ctx.fill();
-    } else {
-      this.ctx.strokeStyle = bgColor;
-      this.ctx.beginPath();
-      this.ctx.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
-      this.ctx.stroke();
-    }
-  }
-  drawImage({ x, y }, src) {
-    const img = new Image();
-    img.src = src;
-    img.onload = () => {
-      const width = img.width;
-      const height = img.height;
-      if (!this.ctx) {
-        throw new Error("Canvas context is null");
-      }
-      this.ctx.drawImage(img, x, y, -width / 2, -height / 2);
-    };
-  }
-  drawText({ x, y }, text, options) {
-    this.ctx.font = options.font || "10px sans-serif";
-    this.ctx.strokeStyle = options.color || "#000";
-    this.ctx.lineWidth = 2;
-    this.ctx.strokeText(text, x, y);
-  }
-  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) {
-    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] = [];
-    }
-  }
-  on(type, listener, context, mutexStatus) {
-    return this.addEventListener.call(this, type, listener, context, mutexStatus);
-  }
-  off(type, listener) {
-    return this.removeEventListener.call(this, type, listener);
-  }
-}
-const ObjectUtil = {
-  /**
-   * 将一个或多个对象的所有可枚举属性复制到目标对象。
-   *
-   * @param dest 目标对象，用于接收复制的属性。
-   * @param args 一个或多个源对象，用于提供要复制的属性。
-   * @returns 返回目标对象，包含所有复制的属性。
-   */
-  assign(dest, ...args) {
-    let i, j, len, src;
-    for (j = 0, len = args.length; j < len; j++) {
-      src = args[j];
-      for (i in src) {
-        if (src.hasOwnProperty(i)) {
-          dest[i] = src[i];
-        }
-      }
-    }
-    return dest;
-  },
-  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;
-  },
-  clone(obj) {
-    return JSON.parse(JSON.stringify(obj));
-  },
-  deepClone(destObj, srcObj) {
-    this.assign(destObj, srcObj);
-    Object.setPrototypeOf(destObj.__proto__, srcObj.__proto__);
-    return destObj;
-  },
-  isEqual(a, b) {
-    return JSON.stringify(a) === JSON.stringify(b);
-  },
-  parse(str) {
-    if (Util.isEmpty(str)) return {};
-    if (Util.isObject(str)) return str;
-    try {
-      return JSON.parse(str);
-    } catch {
-      throw new Error(ErrorType.DATA_ERROR_JSON + " -> " + str);
-    }
-  }
-};
-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());
-  }
-  /**
-   * 从键值对数组创建一个HashMap对象
-   *
-   * @param array 键值对数组，默认为空数组
-   * @returns 返回一个新的HashMap对象
-   */
-  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;
-  }
-  /**
-   * 从JSON字符串创建HashMap实例
-   *
-   * @param str JSON字符串
-   * @returns HashMap实例
-   */
-  static fromJson(str) {
-    const json = ObjectUtil.parse(str);
-    return new HashMap(Object.entries(json));
-  }
-}
-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 {
-        const self = this;
-        console.info("创建ws连接>>>" + this.url);
-        this.client = new WebSocket(this.url);
-        if (this.client) {
-          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.state !== WebSocket.CONNECTING && this.state !== WebSocket.OPEN) {
-        this.connect();
-      }
-      this.connCheckStatus(times);
-    }, 2e3);
-  }
-  send(message) {
-    if (this.client && this.state === WebSocket.OPEN) {
-      this.client.send(message);
-      return true;
-    }
-    console.error(this.url + "消息发送失败：" + message);
-    return this;
-  }
-  heartbeat() {
-    setTimeout(() => {
-      if (this.state === WebSocket.OPEN) {
-        this.send("HeartBeat");
-      }
-      console.log("HeartBeat," + this.url);
-      setTimeout(this.heartbeat, 3e4);
-    }, 1e3);
-  }
-  get state() {
-    var _a2;
-    return (_a2 = this.client) == null ? void 0 : _a2.readyState;
-  }
-}
 const ImageUtil = {
   emptyImageUrl: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
   createCircle(radius, options = {}) {
@@ -1290,7 +672,7 @@ const ImageUtil = {
         data: res.groups.data
       };
     }
-    return null;
+    ExceptionUtil.throwException("parseBase64: Invalid base64 string");
   },
   /**
    * 复制图片到剪贴板
@@ -1316,7 +698,7 @@ const ImageUtil = {
       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);
+      ExceptionUtil.throwException("Failed to copy image to clipboard:");
     }
   }
 };
@@ -1550,7 +932,7 @@ const AjaxUtil = {
    *     }
    * );
    */
-  getJSON(url, options, cb) {
+  getJSON(url, options = {}, cb) {
     if (Util.isFunction(options)) {
       const t = cb;
       cb = options;
@@ -1568,284 +950,655 @@ const AjaxUtil = {
     return this.get(url, options, callback);
   }
 };
+const MathUtil = {
+  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 Util.isNumber(value) ? Math.round(Number(value) * Math.pow(10, n)) / Math.pow(10, n) : 0;
+  },
+  /**
+   * 将数值限制在指定范围内
+   *
+   * @param val 需要限制的数值
+   * @param min 最小值
+   * @param max 最大值
+   * @returns 返回限制后的数值
+   */
+  clamp(val, min, max) {
+    return Math.max(min, Math.min(max, val));
+  }
+};
 class GeoUtil {
   // 地球赤道半径
   /**
    * 判断给定的经纬度是否合法
    *
-   * @param lng 经度值
-   * @param lat 纬度值
-   * @returns 如果经纬度合法，返回true；否则返回false
+   * @param lng 经度值
+   * @param lat 纬度值
+   * @returns 如果经纬度合法，返回true；否则返回false
+   */
+  static isLnglat(lng, lat) {
+    return Util.isNumber(lng) && Util.isNumber(lat) && !!(+lat >= -90 && +lat <= 90 && +lng >= -180 && +lng <= 180);
+  }
+  /**
+   * 计算两哥平面坐标点间的距离
+   *
+   * @param p1 坐标点1，包含x和y属性
+   * @param p2 坐标点2，包含x和y属性
+   * @returns 返回两点间的欧几里得距离
+   */
+  static distance(p1, p2) {
+    return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
+  }
+  /**
+   * 计算两个经纬度点之间的距离
+   *
+   * @param A 经纬度点A，包含lng（经度）和lat（纬度）两个属性
+   * @param B 经纬度点B，包含lng（经度）和lat（纬度）两个属性
+   * @returns 返回两点之间的距离，单位为米
+   */
+  static distanceByPoints(A, B) {
+    const { lng: lngA, lat: latA } = A;
+    const { lng: lngB, lat: latB } = B;
+    const earthR = 6371e3;
+    const x = Math.cos(latA * Math.PI / 180) * Math.cos(latB * Math.PI / 180) * Math.cos((lngA - lngB) * Math.PI / 180);
+    const y = Math.sin(latA * Math.PI / 180) * Math.sin(latB * Math.PI / 180);
+    let s = x + y;
+    if (s > 1) s = 1;
+    if (s < -1) s = -1;
+    const alpha = Math.acos(s);
+    const distance = alpha * earthR;
+    return distance;
+  }
+  /**
+   * 格式化经纬度为度分秒格式
+   *
+   * @param lng 经度
+   * @param lat 纬度
+   * @returns 返回格式化后的经纬度字符串，格式为：经度度分秒,纬度度分秒
+   */
+  static formatLnglat(lng, lat) {
+    let res = "";
+    function formatDegreeToDMS(valueInDegrees) {
+      const degree = Math.floor(valueInDegrees);
+      const minutes = Math.floor((valueInDegrees - degree) * 60);
+      const seconds = (valueInDegrees - degree) * 3600 - minutes * 60;
+      return `${degree}°${minutes}′${seconds.toFixed(2)}″`;
+    }
+    if (this.isLnglat(lng, lat)) {
+      res = formatDegreeToDMS(lng) + "," + formatDegreeToDMS(lat);
+    } else if (!isNaN(lng)) {
+      res = formatDegreeToDMS(lng);
+    } else if (!isNaN(lat)) {
+      res = formatDegreeToDMS(lat);
+    }
+    return res;
+  }
+  /**
+   * 将经纬度字符串转换为度
+   *
+   * @param lng 经度字符串
+   * @param lat 纬度字符串
+   * @returns 转换后的经纬度对象
+   */
+  static transformLnglat(lng, lat) {
+    function dms2deg(dmsString) {
+      const isNegative = /[sw]/i.test(dmsString);
+      let factor = isNegative ? -1 : 1;
+      const numericParts = dmsString.match(/[\d.]+/g) || [];
+      let degrees = 0;
+      for (let i = 0; i < numericParts.length; i++) {
+        degrees += parseFloat(numericParts[i]) / factor;
+        factor *= 60;
+      }
+      return degrees;
+    }
+    if (lng && lat) {
+      return {
+        lng: dms2deg(lng),
+        lat: dms2deg(lat)
+      };
+    }
+  }
+  /**
+   * 射线法判断点是否在多边形内
+   *
+   * @param p 点对象，包含x和y属性
+   * @param poly 多边形顶点数组，可以是字符串数组或对象数组
+   * @returns 返回字符串，表示点相对于多边形的位置：'in'表示在多边形内，'out'表示在多边形外，'on'表示在多边形上
+   */
+  static rayCasting(p, poly) {
+    var px = p.x, py = p.y, flag = false;
+    for (var i = 0, l = poly.length, j = l - 1; i < l; j = i, i++) {
+      var sx = poly[i].x, sy = poly[i].y, tx = poly[j].x, ty = poly[j].y;
+      if (sx === px && sy === py || tx === px && ty === py) {
+        return "on";
+      }
+      if (sy < py && ty >= py || sy >= py && ty < py) {
+        var x = sx + (py - sy) * (tx - sx) / (ty - sy);
+        if (x === px) {
+          return "on";
+        }
+        if (x > px) {
+          flag = !flag;
+        }
+      }
+    }
+    return flag ? "in" : "out";
+  }
+  /**
+   * 旋转点
+   *
+   * @param p1 旋转前点坐标
+   * @param p2 旋转中心坐标
+   * @param θ 旋转角度（顺时针旋转为正）
+   * @returns 旋转后点坐标
+   */
+  static rotatePoint(p1, p2, θ) {
+    const x = (p1.x - p2.x) * Math.cos(Math.PI / 180 * -θ) - (p1.y - p2.y) * Math.sin(Math.PI / 180 * -θ) + p2.x;
+    const y = (p1.x - p2.x) * Math.sin(Math.PI / 180 * -θ) + (p1.y - p2.y) * Math.cos(Math.PI / 180 * -θ) + p2.y;
+    return { x, y };
+  }
+  /**
+   * 根据两个平面坐标点计算方位角和距离
+   *
+   * @param p1 第一个点的坐标对象
+   * @param p2 第二个点的坐标对象
+   * @returns 返回一个对象，包含angle和distance属性，分别表示两点之间的角度（以度为单位，取值范围为0~359）和距离
+   */
+  static calcBearAndDis(p1, p2) {
+    const { x: x1, y: y1 } = p1;
+    const { x: x2, y: y2 } = p2;
+    const dx = x2 - x1;
+    const dy = y2 - y1;
+    const distance = Math.sqrt(dx * dx + dy * dy);
+    const angleInRadians = Math.atan2(dy, dx);
+    const angle = (angleInRadians * (180 / Math.PI) + 360 + 90) % 360;
+    return { angle, distance };
+  }
+  /**
+   * 根据两个经纬度点计算方位角和距离
+   *
+   * @param latlng1 第一个经纬度点
+   * @param latlng2 第二个经纬度点
+   * @returns 包含方位角和距离的对象
+   */
+  static calcBearAndDisByPoints(latlng1, latlng2) {
+    var f1 = latlng1.lat * 1, l1 = latlng1.lng * 1, f2 = latlng2.lat * 1, l2 = latlng2.lng * 1;
+    var y = Math.sin((l2 - l1) * this.toRadian) * Math.cos(f2 * this.toRadian);
+    var x = Math.cos(f1 * this.toRadian) * Math.sin(f2 * this.toRadian) - Math.sin(f1 * this.toRadian) * Math.cos(f2 * this.toRadian) * Math.cos((l2 - l1) * this.toRadian);
+    var angle = Math.atan2(y, x) * (180 / Math.PI);
+    var deltaF = (f2 - f1) * this.toRadian;
+    var deltaL = (l2 - l1) * this.toRadian;
+    var a = Math.sin(deltaF / 2) * Math.sin(deltaF / 2) + Math.cos(f1 * this.toRadian) * Math.cos(f2 * this.toRadian) * Math.sin(deltaL / 2) * Math.sin(deltaL / 2);
+    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
+    var distance = this.R * c;
+    return {
+      angle,
+      distance
+    };
+  }
+  /**
+   * 计算点P到线段P1P2的最短距离
+   *
+   * @param p 点P的坐标
+   * @param p1 线段起点P1的坐标
+   * @param p2 线段终点P2的坐标
+   * @returns 点P到线段P1P2的最短距离
+   */
+  static distanceToSegment(p, p1, p2) {
+    const x = p.x, y = p.y, x1 = p1.x, y1 = p1.y, x2 = p2.x, y2 = p2.y;
+    const cross = (x2 - x1) * (x - x1) + (y2 - y1) * (y - y1);
+    if (cross <= 0) {
+      return Math.sqrt((x - x1) * (x - x1) + (y - y1) * (y - y1));
+    }
+    const d2 = (x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1);
+    if (cross >= d2) {
+      return Math.sqrt((x - x2) * (x - x2) + (y - y2) * (y - y2));
+    }
+    const r = cross / d2;
+    const px = x1 + (x2 - x1) * r;
+    const py = y1 + (y2 - y1) * r;
+    return Math.sqrt((x - px) * (x - px) + (y - py) * (y - py));
+  }
+  /**
+   * 根据给定的经纬度、角度和距离计算新的经纬度点
+   *
+   * @param latlng 给定的经纬度点，类型为LngLat
+   * @param angle 角度值，单位为度，表示从当前点出发的方向
+   * @param distance 距离值，单位为米，表示从当前点出发的距离
+   * @returns 返回计算后的新经纬度点，类型为{lat: number, lng: number}
+   */
+  static calcPointByBearAndDis(latlng, angle, distance) {
+    const sLat = MathUtil.deg2Rad(latlng.lat * 1);
+    const sLng = MathUtil.deg2Rad(latlng.lng * 1);
+    const d = distance / this.R;
+    angle = MathUtil.deg2Rad(angle);
+    const lat = Math.asin(Math.sin(sLat) * Math.cos(d) + Math.cos(sLat) * Math.sin(d) * Math.cos(angle));
+    const lon = sLng + Math.atan2(Math.sin(angle) * Math.sin(d) * Math.cos(sLat), Math.cos(d) - Math.sin(sLat) * Math.sin(lat));
+    return {
+      lat: MathUtil.rad2Deg(lat),
+      lng: MathUtil.rad2Deg(lon)
+    };
+  }
+  /**
+   * 将墨卡托坐标转换为经纬度坐标
+   *
+   * @param x 墨卡托坐标的x值
+   * @param y 墨卡托坐标的y值
+   * @returns 返回包含转换后的经度lng和纬度lat的对象
    */
-  static isLnglat(lng, lat) {
-    return Util.isNumber(lng) && Util.isNumber(lat) && !!(+lat >= -90 && +lat <= 90 && +lng >= -180 && +lng <= 180);
+  static mercatorTolonlat(x, y) {
+    const earthRadius = this.R_EQU;
+    const lng = x / earthRadius * (180 / Math.PI);
+    const lat = Math.atan(Math.exp(y / earthRadius)) * (180 / Math.PI) * 2 - 90;
+    return { lng, lat };
   }
   /**
-   * 计算两哥平面坐标点间的距离
+   * 将经纬度坐标转换为墨卡托坐标
    *
-   * @param p1 坐标点1，包含x和y属性
-   * @param p2 坐标点2，包含x和y属性
-   * @returns 返回两点间的欧几里得距离
+   * @param lng 经度值
+   * @param lat 纬度值
+   * @returns 墨卡托坐标对象，包含x和y属性
    */
-  static distance(p1, p2) {
-    return Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));
+  static lonlatToMercator(lng, lat) {
+    var earthRad = this.R_EQU;
+    const x = lng * Math.PI / 180 * earthRad;
+    var a = lat * Math.PI / 180;
+    const y = earthRad / 2 * Math.log((1 + Math.sin(a)) / (1 - Math.sin(a)));
+    return { x, y };
   }
   /**
-   * 计算两个经纬度点之间的距离
+   * 根据百分比获取坐标
    *
-   * @param A 经纬度点A，包含lng（经度）和lat（纬度）两个属性
-   * @param B 经纬度点B，包含lng（经度）和lat（纬度）两个属性
-   * @returns 返回两点之间的距离，单位为米
+   * @param start 起点坐标
+   * @param end 终点坐标
+   * @param percent 百分比，取值范围0-1
+   * @returns 返回插值后的坐标
    */
-  static distanceByPoints(A, B) {
-    const { lng: lngA, lat: latA } = A;
-    const { lng: lngB, lat: latB } = B;
-    const earthR = 6371e3;
-    const x = Math.cos(latA * Math.PI / 180) * Math.cos(latB * Math.PI / 180) * Math.cos((lngA - lngB) * Math.PI / 180);
-    const y = Math.sin(latA * Math.PI / 180) * Math.sin(latB * Math.PI / 180);
-    let s = x + y;
-    if (s > 1) s = 1;
-    if (s < -1) s = -1;
-    const alpha = Math.acos(s);
-    const distance = alpha * earthR;
-    return distance;
+  static interpolate({ x: x1, y: y1, z: z1 = 0 }, { x: x2, y: y2, z: z2 = 0 }, percent) {
+    const dx = x2 - x1, dy = y2 - y1, dz = z2 - z1;
+    return { x: x1 + dx * percent, y: y1 + dy * percent, z: z1 + dz * percent };
   }
   /**
-   * 格式化经纬度为度分秒格式
+   * 计算三角形面积
    *
-   * @param lng 经度
-   * @param lat 纬度
-   * @returns 返回格式化后的经纬度字符串，格式为：经度度分秒,纬度度分秒
+   * @param a 第一个点的坐标
+   * @param b 第二个点的坐标
+   * @param c 第三个点的坐标
+   * @returns 返回三角形的面积
    */
-  static formatLnglat(lng, lat) {
-    let res = "";
-    function formatDegreeToDMS(valueInDegrees) {
-      const degree = Math.floor(valueInDegrees);
-      const minutes = Math.floor((valueInDegrees - degree) * 60);
-      const seconds = (valueInDegrees - degree) * 3600 - minutes * 60;
-      return `${degree}°${minutes}′${seconds.toFixed(2)}″`;
-    }
-    if (this.isLnglat(lng, lat)) {
-      res = formatDegreeToDMS(lng) + "," + formatDegreeToDMS(lat);
-    } else if (!isNaN(lng)) {
-      res = formatDegreeToDMS(lng);
-    } else if (!isNaN(lat)) {
-      res = formatDegreeToDMS(lat);
+  static getTraingleArea(a, b, c) {
+    let area = 0;
+    const side = [];
+    side[0] = Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2) + Math.pow((a.z || 0) - (b.z || 0), 2));
+    side[1] = Math.sqrt(Math.pow(a.x - c.x, 2) + Math.pow(a.y - c.y, 2) + Math.pow((a.z || 0) - (c.z || 0), 2));
+    side[2] = Math.sqrt(Math.pow(c.x - b.x, 2) + Math.pow(c.y - b.y, 2) + Math.pow((c.z || 0) - (b.z || 0), 2));
+    if (side[0] + side[1] <= side[2] || side[0] + side[2] <= side[1] || side[1] + side[2] <= side[0]) {
+      return area;
     }
-    return res;
+    const p = (side[0] + side[1] + side[2]) / 2;
+    area = Math.sqrt(p * (p - side[0]) * (p - side[1]) * (p - side[2]));
+    return area;
+  }
+}
+__publicField(GeoUtil, "toRadian", Math.PI / 180);
+__publicField(GeoUtil, "R", 6371393);
+// 地球平均半径
+__publicField(GeoUtil, "R_EQU", 6378137);
+const ColorName = {
+  aliceblue: [240, 248, 255],
+  antiquewhite: [250, 235, 215],
+  aqua: [0, 255, 255],
+  aquamarine: [127, 255, 212],
+  azure: [240, 255, 255],
+  beige: [245, 245, 220],
+  bisque: [255, 228, 196],
+  black: [0, 0, 0],
+  blanchedalmond: [255, 235, 205],
+  blue: [0, 0, 255],
+  blueviolet: [138, 43, 226],
+  brown: [165, 42, 42],
+  burlywood: [222, 184, 135],
+  cadetblue: [95, 158, 160],
+  chartreuse: [127, 255, 0],
+  chocolate: [210, 105, 30],
+  coral: [255, 127, 80],
+  cornflowerblue: [100, 149, 237],
+  cornsilk: [255, 248, 220],
+  crimson: [220, 20, 60],
+  cyan: [0, 255, 255],
+  darkblue: [0, 0, 139],
+  darkcyan: [0, 139, 139],
+  darkgoldenrod: [184, 134, 11],
+  darkgray: [169, 169, 169],
+  darkgreen: [0, 100, 0],
+  darkgrey: [169, 169, 169],
+  darkkhaki: [189, 183, 107],
+  darkmagenta: [139, 0, 139],
+  darkolivegreen: [85, 107, 47],
+  darkorange: [255, 140, 0],
+  darkorchid: [153, 50, 204],
+  darkred: [139, 0, 0],
+  darksalmon: [233, 150, 122],
+  darkseagreen: [143, 188, 143],
+  darkslateblue: [72, 61, 139],
+  darkslategray: [47, 79, 79],
+  darkslategrey: [47, 79, 79],
+  darkturquoise: [0, 206, 209],
+  darkviolet: [148, 0, 211],
+  deeppink: [255, 20, 147],
+  deepskyblue: [0, 191, 255],
+  dimgray: [105, 105, 105],
+  dimgrey: [105, 105, 105],
+  dodgerblue: [30, 144, 255],
+  firebrick: [178, 34, 34],
+  floralwhite: [255, 250, 240],
+  forestgreen: [34, 139, 34],
+  fuchsia: [255, 0, 255],
+  gainsboro: [220, 220, 220],
+  ghostwhite: [248, 248, 255],
+  gold: [255, 215, 0],
+  goldenrod: [218, 165, 32],
+  gray: [128, 128, 128],
+  green: [0, 128, 0],
+  greenyellow: [173, 255, 47],
+  grey: [128, 128, 128],
+  honeydew: [240, 255, 240],
+  hotpink: [255, 105, 180],
+  indianred: [205, 92, 92],
+  indigo: [75, 0, 130],
+  ivory: [255, 255, 240],
+  khaki: [240, 230, 140],
+  lavender: [230, 230, 250],
+  lavenderblush: [255, 240, 245],
+  lawngreen: [124, 252, 0],
+  lemonchiffon: [255, 250, 205],
+  lightblue: [173, 216, 230],
+  lightcoral: [240, 128, 128],
+  lightcyan: [224, 255, 255],
+  lightgoldenrodyellow: [250, 250, 210],
+  lightgray: [211, 211, 211],
+  lightgreen: [144, 238, 144],
+  lightgrey: [211, 211, 211],
+  lightpink: [255, 182, 193],
+  lightsalmon: [255, 160, 122],
+  lightseagreen: [32, 178, 170],
+  lightskyblue: [135, 206, 250],
+  lightslategray: [119, 136, 153],
+  lightslategrey: [119, 136, 153],
+  lightsteelblue: [176, 196, 222],
+  lightyellow: [255, 255, 224],
+  lime: [0, 255, 0],
+  limegreen: [50, 205, 50],
+  linen: [250, 240, 230],
+  magenta: [255, 0, 255],
+  maroon: [128, 0, 0],
+  mediumaquamarine: [102, 205, 170],
+  mediumblue: [0, 0, 205],
+  mediumorchid: [186, 85, 211],
+  mediumpurple: [147, 112, 219],
+  mediumseagreen: [60, 179, 113],
+  mediumslateblue: [123, 104, 238],
+  mediumspringgreen: [0, 250, 154],
+  mediumturquoise: [72, 209, 204],
+  mediumvioletred: [199, 21, 133],
+  midnightblue: [25, 25, 112],
+  mintcream: [245, 255, 250],
+  mistyrose: [255, 228, 225],
+  moccasin: [255, 228, 181],
+  navajowhite: [255, 222, 173],
+  navy: [0, 0, 128],
+  oldlace: [253, 245, 230],
+  olive: [128, 128, 0],
+  olivedrab: [107, 142, 35],
+  orange: [255, 165, 0],
+  orangered: [255, 69, 0],
+  orchid: [218, 112, 214],
+  palegoldenrod: [238, 232, 170],
+  palegreen: [152, 251, 152],
+  paleturquoise: [175, 238, 238],
+  palevioletred: [219, 112, 147],
+  papayawhip: [255, 239, 213],
+  peachpuff: [255, 218, 185],
+  peru: [205, 133, 63],
+  pink: [255, 192, 203],
+  plum: [221, 160, 221],
+  powderblue: [176, 224, 230],
+  purple: [128, 0, 128],
+  rebeccapurple: [102, 51, 153],
+  red: [255, 0, 0],
+  rosybrown: [188, 143, 143],
+  royalblue: [65, 105, 225],
+  saddlebrown: [139, 69, 19],
+  salmon: [250, 128, 114],
+  sandybrown: [244, 164, 96],
+  seagreen: [46, 139, 87],
+  seashell: [255, 245, 238],
+  sienna: [160, 82, 45],
+  silver: [192, 192, 192],
+  skyblue: [135, 206, 235],
+  slateblue: [106, 90, 205],
+  slategray: [112, 128, 144],
+  slategrey: [112, 128, 144],
+  snow: [255, 250, 250],
+  springgreen: [0, 255, 127],
+  steelblue: [70, 130, 180],
+  tan: [210, 180, 140],
+  teal: [0, 128, 128],
+  thistle: [216, 191, 216],
+  tomato: [255, 99, 71],
+  turquoise: [64, 224, 208],
+  violet: [238, 130, 238],
+  wheat: [245, 222, 179],
+  white: [255, 255, 255],
+  whitesmoke: [245, 245, 245],
+  yellow: [255, 255, 0],
+  yellowgreen: [154, 205, 50]
+};
+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 = MathUtil.clamp(a || 1, 0, 1);
   }
-  /**
-   * 将经纬度字符串转换为度
-   *
-   * @param lng 经度字符串
-   * @param lat 纬度字符串
-   * @returns 转换后的经纬度对象
-   */
-  static transformLnglat(lng, lat) {
-    function dms2deg(dmsString) {
-      const isNegative = /[sw]/i.test(dmsString);
-      let factor = isNegative ? -1 : 1;
-      const numericParts = dmsString.match(/[\d.]+/g) || [];
-      let degrees = 0;
-      for (let i = 0; i < numericParts.length; i++) {
-        degrees += parseFloat(numericParts[i]) / factor;
-        factor *= 60;
-      }
-      return degrees;
-    }
-    if (lng && lat) {
-      return {
-        lng: dms2deg(lng),
-        lat: dms2deg(lat)
-      };
+  _validateColorChannel(channel) {
+    if (channel < 0 || channel > 255) {
+      ExceptionUtil.throwException("Color channel must be between 0 and 255.");
     }
   }
-  /**
-   * 射线法判断点是否在多边形内
-   *
-   * @param p 点对象，包含x和y属性
-   * @param poly 多边形顶点数组，可以是字符串数组或对象数组
-   * @returns 返回字符串，表示点相对于多边形的位置：'in'表示在多边形内，'out'表示在多边形外，'on'表示在多边形上
-   */
-  static rayCasting(p, poly) {
-    var px = p.x, py = p.y, flag = false;
-    for (var i = 0, l = poly.length, j = l - 1; i < l; j = i, i++) {
-      var sx = poly[i].x, sy = poly[i].y, tx = poly[j].x, ty = poly[j].y;
-      if (sx === px && sy === py || tx === px && ty === py) {
-        return "on";
-      }
-      if (sy < py && ty >= py || sy >= py && ty < py) {
-        var x = sx + (py - sy) * (tx - sx) / (ty - sy);
-        if (x === px) {
-          return "on";
-        }
-        if (x > px) {
-          flag = !flag;
-        }
-      }
-    }
-    return flag ? "in" : "out";
+  toString() {
+    return `rgba(${this._r}, ${this._g}, ${this._b}, ${this._alpha})`;
   }
-  /**
-   * 旋转点
-   *
-   * @param p1 旋转前点坐标
-   * @param p2 旋转中心坐标
-   * @param θ 旋转角度（顺时针旋转为正）
-   * @returns 旋转后点坐标
-   */
-  static rotatePoint(p1, p2, θ) {
-    const x = (p1.x - p2.x) * Math.cos(Math.PI / 180 * -θ) - (p1.y - p2.y) * Math.sin(Math.PI / 180 * -θ) + p2.x;
-    const y = (p1.x - p2.x) * Math.sin(Math.PI / 180 * -θ) + (p1.y - p2.y) * Math.cos(Math.PI / 180 * -θ) + p2.y;
-    return { x, y };
+  toJson() {
+    return { r: this._r, g: this._g, b: this._b, a: this._alpha };
   }
-  /**
-   * 根据两个平面坐标点计算方位角和距离
-   *
-   * @param p1 第一个点的坐标对象
-   * @param p2 第二个点的坐标对象
-   * @returns 返回一个对象，包含angle和distance属性，分别表示两点之间的角度（以度为单位，取值范围为0~359）和距离
-   */
-  static calcBearAndDis(p1, p2) {
-    const { x: x1, y: y1 } = p1;
-    const { x: x2, y: y2 } = p2;
-    const dx = x2 - x1;
-    const dy = y2 - y1;
-    const distance = Math.sqrt(dx * dx + dy * dy);
-    const angleInRadians = Math.atan2(dy, dx);
-    const angle = (angleInRadians * (180 / Math.PI) + 360 + 90) % 360;
-    return { angle, distance };
+  get rgba() {
+    return `rgba(${this._r}, ${this._g}, ${this._b}, ${this._alpha})`;
   }
-  /**
-   * 根据两个经纬度点计算方位角和距离
-   *
-   * @param latlng1 第一个经纬度点
-   * @param latlng2 第二个经纬度点
-   * @returns 包含方位角和距离的对象
-   */
-  static calcBearAndDisByPoints(latlng1, latlng2) {
-    var f1 = latlng1.lat * 1, l1 = latlng1.lng * 1, f2 = latlng2.lat * 1, l2 = latlng2.lng * 1;
-    var y = Math.sin((l2 - l1) * this.toRadian) * Math.cos(f2 * this.toRadian);
-    var x = Math.cos(f1 * this.toRadian) * Math.sin(f2 * this.toRadian) - Math.sin(f1 * this.toRadian) * Math.cos(f2 * this.toRadian) * Math.cos((l2 - l1) * this.toRadian);
-    var angle = Math.atan2(y, x) * (180 / Math.PI);
-    var deltaF = (f2 - f1) * this.toRadian;
-    var deltaL = (l2 - l1) * this.toRadian;
-    var a = Math.sin(deltaF / 2) * Math.sin(deltaF / 2) + Math.cos(f1 * this.toRadian) * Math.cos(f2 * this.toRadian) * Math.sin(deltaL / 2) * Math.sin(deltaL / 2);
-    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
-    var distance = this.R * c;
-    return {
-      angle,
-      distance
-    };
+  get hex() {
+    return Color.rgb2hex(this._r, this._g, this._b, this._alpha);
   }
-  /**
-   * 计算点P到线段P1P2的最短距离
-   *
-   * @param p 点P的坐标
-   * @param p1 线段起点P1的坐标
-   * @param p2 线段终点P2的坐标
-   * @returns 点P到线段P1P2的最短距离
-   */
-  static distanceToSegment(p, p1, p2) {
-    const x = p.x, y = p.y, x1 = p1.x, y1 = p1.y, x2 = p2.x, y2 = p2.y;
-    const cross = (x2 - x1) * (x - x1) + (y2 - y1) * (y - y1);
-    if (cross <= 0) {
-      return Math.sqrt((x - x1) * (x - x1) + (y - y1) * (y - y1));
-    }
-    const d2 = (x2 - x1) * (x2 - x1) + (y2 - y1) * (y2 - y1);
-    if (cross >= d2) {
-      return Math.sqrt((x - x2) * (x - x2) + (y - y2) * (y - y2));
-    }
-    const r = cross / d2;
-    const px = x1 + (x2 - x1) * r;
-    const py = y1 + (y2 - y1) * r;
-    return Math.sqrt((x - px) * (x - px) + (y - py) * (y - py));
+  setAlpha(a) {
+    this._alpha = MathUtil.clamp(a, 0, 1);
+    return this;
+  }
+  // 设置颜色的RGB值
+  setRgb(r, g, b) {
+    this._validateColorChannel(r);
+    this._validateColorChannel(g);
+    this._validateColorChannel(b);
+    this._r = r;
+    this._g = g;
+    this._b = b;
+    return this;
   }
   /**
-   * 根据给定的经纬度、角度和距离计算新的经纬度点
+   * 从RGBA字符串创建Color对象
    *
-   * @param latlng 给定的经纬度点，类型为LngLat
-   * @param angle 角度值，单位为度，表示从当前点出发的方向
-   * @param distance 距离值，单位为米，表示从当前点出发的距离
-   * @returns 返回计算后的新经纬度点，类型为{lat: number, lng: number}
+   * @param rgbaValue RGBA颜色值字符串，格式为"rgba(r,g,b,a)"或"rgb(r,g,b)"
+   * @returns 返回Color对象
+   * @throws 如果rgbaValue不是有效的RGBA颜色值，则抛出错误
    */
-  static calcPointByBearAndDis(latlng, angle, distance) {
-    const sLat = MathUtil.deg2Rad(latlng.lat * 1);
-    const sLng = MathUtil.deg2Rad(latlng.lng * 1);
-    const d = distance / this.R;
-    angle = MathUtil.deg2Rad(angle);
-    const lat = Math.asin(Math.sin(sLat) * Math.cos(d) + Math.cos(sLat) * Math.sin(d) * Math.cos(angle));
-    const lon = sLng + Math.atan2(Math.sin(angle) * Math.sin(d) * Math.cos(sLat), Math.cos(d) - Math.sin(sLat) * Math.sin(lat));
-    return {
-      lat: MathUtil.rad2Deg(lat),
-      lng: MathUtil.rad2Deg(lon)
-    };
+  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 x 墨卡托坐标的x值
-   * @param y 墨卡托坐标的y值
-   * @returns 返回包含转换后的经度lng和纬度lat的对象
+   * @param hexValue 十六进制颜色值，可带或不带#前缀，支持3位和6位表示
+   * @returns 返回颜色对象
    */
-  static mercatorTolonlat(x, y) {
-    const earthRadius = this.R_EQU;
-    const lng = x / earthRadius * (180 / Math.PI);
-    const lat = Math.atan(Math.exp(y / earthRadius)) * (180 / Math.PI) * 2 - 90;
-    return { lng, lat };
+  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 lng 经度值
-   * @param lat 纬度值
-   * @returns 墨卡托坐标对象，包含x和y属性
+   * @param hsl HSL 字符串，格式为 hsl(h, s%, l%) 或 hsla(h, s%, l%, a)
+   * @returns 返回颜色对象，如果 hsl 字符串无效则返回 null
    */
-  static lonlatToMercator(lng, lat) {
-    var earthRad = this.R_EQU;
-    const x = lng * Math.PI / 180 * earthRad;
-    var a = lat * Math.PI / 180;
-    const y = earthRad / 2 * Math.log((1 + Math.sin(a)) / (1 - Math.sin(a)));
-    return { x, y };
+  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);
+  }
+  static fromName(str) {
+    const rgba = ColorName[str];
+    if (!rgba) {
+      ExceptionUtil.throwException(`Invalid color name: ${str}`);
+    }
+    return new Color(rgba[0], rgba[1], rgba[2], rgba.length > 3 ? rgba[3] : 1);
   }
   /**
-   * 根据百分比获取坐标
+   * 从字符串中创建颜色对象
    *
-   * @param start 起点坐标
-   * @param end 终点坐标
-   * @param percent 百分比，取值范围0-1
-   * @returns 返回插值后的坐标
+   * @param str 字符串类型的颜色值，支持rgba、hex、hsl格式
+   * @returns 返回创建的颜色对象
+   * @throws 当颜色值无效时，抛出错误
    */
-  static interpolate({ x: x1, y: y1, z: z1 = 0 }, { x: x2, y: y2, z: z2 = 0 }, percent) {
-    const dx = x2 - x1, dy = y2 - y1, dz = z2 - z1;
-    return { x: x1 + dx * percent, y: y1 + dy * percent, z: z1 + dz * percent };
+  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 if (Object.keys(ColorName).map((key) => key.toString()).includes(str)) {
+      return this.fromName(str);
+    } else {
+      return ExceptionUtil.throwException("Invalid color value");
+    }
   }
   /**
-   * 计算三角形面积
+   * 将RGB颜色值转换为十六进制颜色值
    *
-   * @param a 第一个点的坐标
-   * @param b 第二个点的坐标
-   * @param c 第三个点的坐标
-   * @returns 返回三角形的面积
+   * @param r 红色分量值，取值范围0-255
+   * @param g 绿色分量值，取值范围0-255
+   * @param b 蓝色分量值，取值范围0-255
+   * @param a 可选参数，透明度分量值，取值范围0-1
+   * @returns 十六进制颜色值，格式为#RRGGBB或#RRGGBBAA
    */
-  static getTraingleArea(a, b, c) {
-    let area = 0;
-    const side = [];
-    side[0] = Math.sqrt(Math.pow(a.x - b.x, 2) + Math.pow(a.y - b.y, 2) + Math.pow((a.z || 0) - (b.z || 0), 2));
-    side[1] = Math.sqrt(Math.pow(a.x - c.x, 2) + Math.pow(a.y - c.y, 2) + Math.pow((a.z || 0) - (c.z || 0), 2));
-    side[2] = Math.sqrt(Math.pow(c.x - b.x, 2) + Math.pow(c.y - b.y, 2) + Math.pow((c.z || 0) - (b.z || 0), 2));
-    if (side[0] + side[1] <= side[2] || side[0] + side[2] <= side[1] || side[1] + side[2] <= side[0]) {
-      return area;
+  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;
     }
-    const p = (side[0] + side[1] + side[2]) / 2;
-    area = Math.sqrt(p * (p - side[0]) * (p - side[1]) * (p - side[2]));
-    return area;
+    return hex;
+  }
+  static isHex(a) {
+    return /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a);
+  }
+  static isRgb(a) {
+    return /^rgba?\s*\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d.]+)?\s*\)$/.test(a);
+  }
+  static isHsl(a) {
+    return /^(hsl|hsla)\(\d+,\s*[\d.]+%,\s*[\d.]+%(,\s*[\d.]+)?\)$/.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);
   }
 }
-__publicField(GeoUtil, "toRadian", Math.PI / 180);
-__publicField(GeoUtil, "R", 6371393);
-// 地球平均半径
-__publicField(GeoUtil, "R_EQU", 6378137);
 const TYPES = ["Point", "MultiPoint", "LineString", "MultiLineString", "Polygon", "MultiPolygon"];
 const GeoJsonUtil = {
   /**
@@ -2087,64 +1840,6 @@ const GeoJsonUtil = {
     };
   }
 };
-const ExceptionUtil = {
-  getException(type, message) {
-    const _Exception = function() {
-      Error.call(this, message);
-      this.name = type;
-      this.message = message;
-      this.stack = new Error().stack;
-    };
-    if (Error) _Exception.__proto__ = Error;
-    _Exception.prototype = Object.create(Error && Error.prototype);
-    _Exception.prototype.constructor = _Exception;
-    return _Exception;
-  },
-  throwException(msg) {
-    const _Exception = this.getException("Exception", msg);
-    throw new _Exception(msg);
-  },
-  throwColorException(msg) {
-    const _Exception = this.getException("ColorException", ErrorType.DATA_ERROR_COLOR + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwCoordinateException(msg) {
-    const _Exception = this.getException("CoordinateException", ErrorType.DATA_ERROR_COORDINATE + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwGeoJsonException(msg) {
-    const _Exception = this.getException("GeoJsonException", ErrorType.DATA_ERROR_GEOJSON + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwEmptyException(msg) {
-    const _Exception = this.getException("EmptyException", ErrorType.PARAMETER_ERROR_LACK + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwIntegerException(msg) {
-    const _Exception = this.getException("IntegerException", ErrorType.PARAMETER_ERROR_INTEGER + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwNumberException(msg) {
-    const _Exception = this.getException("NumberException", ErrorType.PARAMETER_ERROR_NUMBER + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwArrayException(msg) {
-    const _Exception = this.getException("ArrayException", ErrorType.PARAMETER_ERROR_ARRAY + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwFunctionException(msg) {
-    const _Exception = this.getException("FunctionException", ErrorType.PARAMETER_ERROR_FUNCTION + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwProcessException(msg) {
-    const _Exception = this.getException("ProcessException", ErrorType.PROCESS_FAIL + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  },
-  throwNetworkException(msg) {
-    const _Exception = this.getException("NetworkException", ErrorType.REQUEST_ERROR_TIMEOUT + " -> " + (msg || ""));
-    throw new _Exception(msg);
-  }
-};
 const AssertUtil = {
   assertEmpty(...arg) {
     arg.forEach((a) => {
@@ -2440,35 +2135,6 @@ class BrowserUtil {
       version
     };
   }
-  /**
-   * 切换全屏状态
-   *
-   * @param status 是否全屏
-   */
-  static switchFullScreen(status) {
-    if (status) {
-      const element = document.documentElement;
-      if (element.requestFullscreen) {
-        element.requestFullscreen();
-      } else if ("msRequestFullscreen" in element) {
-        element.msRequestFullscreen();
-      } else if ("mozRequestFullScreen" in element) {
-        element.mozRequestFullScreen();
-      } else if ("webkitRequestFullscreen" in element) {
-        element.webkitRequestFullscreen();
-      }
-    } else {
-      if (document.exitFullscreen) {
-        document.exitFullscreen();
-      } else if ("msExitFullscreen" in document) {
-        document.msExitFullscreen();
-      } else if ("mozCancelFullScreen" in document) {
-        document.mozCancelFullScreen();
-      } else if ("webkitExitFullscreen" in document) {
-        document.webkitExitFullscreen();
-      }
-    }
-  }
   /**
    * 判断当前浏览器是否支持WebGL
    *
@@ -2488,18 +2154,30 @@ class BrowserUtil {
    * @returns 返回包含GPU类型和型号的对象
    */
   static getGPU() {
-    let type = "";
-    let model = "";
+    let type = "unknown";
+    let model = "unknown";
     if (this == null ? void 0 : this.document) {
       let $canvas = this.document.createElement("canvas");
-      let webgl = $canvas.getContext("webgl") || $canvas.getContext("experimental-webgl");
-      if (webgl instanceof WebGLRenderingContext) {
-        let debugInfo = webgl.getExtension("WEBGL_debug_renderer_info");
+      let gl = $canvas.getContext("webgl") || $canvas.getContext("experimental-webgl");
+      if (gl instanceof WebGLRenderingContext) {
+        let debugInfo = gl.getExtension("WEBGL_debug_renderer_info");
         if (debugInfo) {
-          let gpu_str = webgl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
+          let gpu_str = gl.getParameter(debugInfo.UNMASKED_RENDERER_WEBGL);
           type = (gpu_str.match(/ANGLE \((.+?),/) || [])[1] || "";
           model = (gpu_str.match(/, (.+?) (\(|vs_)/) || [])[1] || "";
         }
+        return {
+          type,
+          model,
+          spec: {
+            maxTextureSize: gl.getParameter(gl.MAX_TEXTURE_SIZE),
+            // 最大纹理尺寸 16384/4k
+            maxRenderBufferSize: gl.getParameter(gl.MAX_RENDERBUFFER_SIZE),
+            // 最大渲染缓冲尺寸 16384/4k
+            maxTextureUnits: gl.getParameter(gl.MAX_TEXTURE_IMAGE_UNITS)
+            // 纹理单元数量 32
+          }
+        };
       }
     }
     return {
@@ -3042,643 +2720,1095 @@ const DomUtil = {
    *
    * @param el 要移除的元素对象，必须包含parentNode属性。
    */
-  remove(el) {
-    const parent = el.parentNode;
-    if (parent) {
-      parent.removeChild(el);
+  remove(el) {
+    const parent = el.parentNode;
+    if (parent) {
+      parent.removeChild(el);
+    }
+  },
+  /**
+   * 清空给定元素的子节点
+   *
+   * @param el 要清空子节点的元素，包含firstChild和removeChild属性
+   */
+  empty(el) {
+    while (el.firstChild) {
+      el.removeChild(el.firstChild);
+    }
+  },
+  /**
+   * 将元素移到父节点的最前面
+   *
+   * @param el 要移动的元素，需要包含 parentNode 属性
+   */
+  toFront(el) {
+    const parent = el.parentNode;
+    if (parent && parent.lastChild !== el) {
+      parent.appendChild(el);
+    }
+  },
+  /**
+   * 将元素移动到其父节点的最前面
+   *
+   * @param el 要移动的元素，需要包含parentNode属性
+   */
+  toBack(el) {
+    const parent = el.parentNode;
+    if (parent && parent.firstChild !== el) {
+      parent.insertBefore(el, parent.firstChild);
+    }
+  },
+  /**
+   * 获取元素的类名
+   *
+   * @param el 包含对应元素和类名的对象
+   * @param el.correspondingElement 对应的元素
+   * @param el.className 类名对象
+   * @param el.className.baseVal 类名字符串
+   * @returns 返回元素的类名字符串
+   */
+  getClass(el) {
+    const shadowElement = (el == null ? void 0 : el.host) || el;
+    return shadowElement.className.toString();
+  },
+  /**
+   * 判断元素是否包含指定类名
+   *
+   * @param el 元素对象，包含classList属性，classList属性包含contains方法
+   * @param name 要判断的类名
+   * @returns 返回一个布尔值，表示元素是否包含指定类名
+   */
+  hasClass(el, name) {
+    var _a2;
+    if ((_a2 = el.classList) == null ? void 0 : _a2.contains(name)) {
+      return true;
+    }
+    const className = this.getClass(el);
+    return className.length > 0 && new RegExp(`(^|\\s)${name}(\\s|$)`).test(className);
+  },
+  /**
+   * 给指定的 HTML 元素添加类名
+   *
+   * @param el 要添加类名的 HTML 元素
+   * @param name 要添加的类名，多个类名之间用空格分隔
+   */
+  addClass(el, name) {
+    if (el.classList !== void 0) {
+      const classes = splitWords(name);
+      for (let i = 0, len = classes.length; i < len; i++) {
+        el.classList.add(classes[i]);
+      }
+    } else if (!this.hasClass(el, name)) {
+      const className = this.getClass(el);
+      this.setClass(el, (className ? className + " " : "") + name);
+    }
+  },
+  /**
+   * 从元素中移除指定类名
+   *
+   * @param el 要移除类名的元素
+   * @param name 要移除的类名，多个类名用空格分隔
+   */
+  removeClass(el, name) {
+    if (el.classList !== void 0) {
+      const classes = splitWords(name);
+      classes.forEach((className) => el.classList.remove(className));
+    } else {
+      this.setClass(el, (" " + this.getClass(el) + " ").replace(" " + name + " ", " ").trim());
+    }
+  },
+  /**
+   * 设置元素的 CSS 类名
+   *
+   * @param el HTML 或 SVG 元素
+   * @param name 要设置的类名，多个类名之间用空格分隔
+   */
+  setClass(el, name) {
+    if ("classList" in el) {
+      el.classList.value = "";
+      name.split(" ").forEach((className) => el.classList.add(className));
+    }
+  },
+  /**
+   * 从字符串中解析XML文档，并返回根节点
+   *
+   * @param str 要解析的XML字符串
+   * @returns 解析后的XML文档的根节点
+   */
+  parseFromString(str) {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(str, "text/xml");
+    return doc.children[0];
+  }
+};
+const FileUtil = {
+  /**
+   * 将Base64编码的字符串转换为Blob对象
+   *
+   * @param data Base64编码的字符串
+   * @returns 转换后的Blob对象
+   */
+  convertBase64ToBlob(data) {
+    const mimeString = data.split(",")[0].split(":")[1].split(";")[0];
+    const byteCharacters = atob(data.split(",")[1]);
+    const byteNumbers = new Array(byteCharacters.length);
+    for (let i = 0; i < byteCharacters.length; i++) {
+      byteNumbers[i] = byteCharacters.charCodeAt(i);
     }
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: mimeString });
+    return blob;
   },
   /**
-   * 清空给定元素的子节点
+   * 将base64字符串转换为文件对象
    *
-   * @param el 要清空子节点的元素，包含firstChild和removeChild属性
+   * @param dataurl 包含base64字符串的数据URL
+   * @param filename 文件的名称
+   * @returns 返回文件对象
    */
-  empty(el) {
-    while (el.firstChild) {
-      el.removeChild(el.firstChild);
+  convertBase64ToFile(dataurl, filename) {
+    const arr = dataurl.split(",");
+    const mimeMatch = arr[0].match(/:(.*?);/);
+    const mime = mimeMatch ? mimeMatch[1] : "image/png";
+    const bstr = atob(arr[1]);
+    const u8arr = new Uint8Array(bstr.length);
+    for (let i = 0; i < bstr.length; i++) {
+      u8arr[i] = bstr.charCodeAt(i);
     }
+    const file = new File([u8arr], filename, { type: mime });
+    return file;
   },
   /**
-   * 将元素移到父节点的最前面
+   * 从文件下载数据
    *
-   * @param el 要移动的元素，需要包含 parentNode 属性
+   * @param data 要下载的数据，可以是字符串数组、BlobPart 或 MediaSource
+   * @param saveName 下载后文件的保存名称
    */
-  toFront(el) {
-    const parent = el.parentNode;
-    if (parent && parent.lastChild !== el) {
-      parent.appendChild(el);
+  downloadFromFile(data, saveName) {
+    if (typeof data == "object") {
+      if (data instanceof Blob) {
+        data = URL.createObjectURL(data);
+      } else {
+        const str = JSON.stringify(data);
+        const blob = new Blob([str], { type: "text/json" });
+        data = window.URL.createObjectURL(blob);
+      }
+    } else if (typeof data == "string" && data.indexOf("http") === -1) {
+      const blob = new Blob([data], { type: "text/json" });
+      data = window.URL.createObjectURL(blob);
     }
+    var link = document.createElement("a");
+    link.href = data;
+    link.download = saveName || "";
+    link.click();
+    window.URL.revokeObjectURL(link.href);
   },
   /**
-   * 将元素移动到其父节点的最前面
-   *
-   * @param el 要移动的元素，需要包含parentNode属性
+   * 获取远程文件并读取
+   * @param url 远程文件地址
+   * @param fileName 文件名
+   * @returns Promise<ArrayBuffer>
    */
-  toBack(el) {
-    const parent = el.parentNode;
-    if (parent && parent.firstChild !== el) {
-      parent.insertBefore(el, parent.firstChild);
+  readFileFromUrl(url, fileName) {
+    return new Promise((resolve, reject) => {
+      const xhr = new XMLHttpRequest();
+      xhr.open("GET", url, true);
+      xhr.responseType = "blob";
+      const suffix = fileName.split(".");
+      try {
+        xhr.onload = function() {
+          if (this.status >= 200 && this.status < 300) {
+            const blob = xhr.response;
+            const objectURL = URL.createObjectURL(blob);
+            const file = new File([blob], fileName, {
+              type: suffix[1],
+              lastModified: (/* @__PURE__ */ new Date()).getTime()
+            });
+            const reader = new FileReader();
+            reader.readAsArrayBuffer(file);
+            reader.onload = function(e) {
+              var _a2;
+              URL.revokeObjectURL(objectURL);
+              resolve((_a2 = e.target) == null ? void 0 : _a2.result);
+            };
+            reader.onerror = function(error) {
+              reject(error);
+            };
+          }
+        };
+        xhr.onerror = function(error) {
+          reject(error);
+        };
+      } catch (error) {
+        reject(error);
+      }
+      xhr.send();
+    });
+  }
+};
+class MessageUtil {
+  static resetWarned() {
+    this.warned = {};
+  }
+  static changeVoice() {
+    this.isMute = !!Number(!this.isMute);
+    localStorage.setItem("mute", Number(this.isMute).toString());
+  }
+  static _call(method, message, options) {
+    if (!this.warned[message]) {
+      method(message, options);
+      this.warned[message] = true;
     }
-  },
+  }
   /**
-   * 获取元素的类名
+   * 播放消息提示音和文字朗读（语音需要有交互）
    *
-   * @param el 包含对应元素和类名的对象
-   * @param el.correspondingElement 对应的元素
-   * @param el.className 类名对象
-   * @param el.className.baseVal 类名字符串
-   * @returns 返回元素的类名字符串
+   * @param type 消息类型
+   * @param message 消息内容
+   * @param options 配置选项，可选参数，包括语言、音量、语速和音高
+   * @returns 无返回值
    */
-  getClass(el) {
-    const shadowElement = (el == null ? void 0 : el.host) || el;
-    return shadowElement.className.toString();
-  },
+  static msg(type, message, options = {}) {
+    if (this.isMute) return;
+    const typename = Util.decodeDict(type, "success", "恭喜", "error", "发生错误", "warning", "警告", "info", "友情提示") + "：";
+    this.speechSynthesisUtterance.text = typename + message;
+    this.speechSynthesisUtterance.lang = options.lang || "zh-CN";
+    this.speechSynthesisUtterance.volume = options.volume || 1;
+    this.speechSynthesisUtterance.rate = options.rate || 1;
+    this.speechSynthesisUtterance.pitch = options.pitch || 1;
+    this.speechSynthesis.speak(this.speechSynthesisUtterance);
+  }
+  static stop(e) {
+    this.speechSynthesisUtterance.text = e;
+    this.speechSynthesis.cancel();
+  }
+  static warning(message, options = {}) {
+    console.warn(`Warning: %c${message}`, "color:#E6A23C;font-weight: bold;");
+    this.msg("warning", message, options);
+  }
+  static warningOnce(message, options = {}) {
+    this._call(this.warning.bind(this), message, options);
+  }
+  static info(message, options = {}) {
+    if (process.env.NODE_ENV === "development" && console !== void 0) {
+      console.info(`Info: %c${message}`, "color:#909399;font-weight: bold;");
+    }
+    this.msg("info", message, options);
+  }
+  static infoOnce(message, options = {}) {
+    this._call(this.info.bind(this), message, options);
+  }
+  static error(message, options = {}) {
+    console.error(`Error: %c${message}`, "color:#F56C6C;font-weight: bold;");
+    this.msg("error", message, options);
+  }
+  static errorOnce(message, options = {}) {
+    this._call(this.error.bind(this), message, options);
+  }
+  static success(message, options = {}) {
+    if (process.env.NODE_ENV === "development" && console !== void 0) {
+      console.log(`Success: %c${message}`, "color:#67C23A;font-weight: bold;");
+    }
+    this.msg("success", message, options);
+  }
+  static successOnce(message, options = {}) {
+    this._call(this.success.bind(this), message, options);
+  }
+}
+__publicField(MessageUtil, "warned", {});
+__publicField(MessageUtil, "isMute", !!Number(localStorage.getItem("mute")) || false);
+__publicField(MessageUtil, "speechSynthesis", window.speechSynthesis);
+__publicField(MessageUtil, "speechSynthesisUtterance", new SpeechSynthesisUtterance());
+const OptimizeUtil = {
   /**
-   * 判断元素是否包含指定类名
+   * 防抖函数，在指定的等待时间内，如果连续触发事件，则只在最后一次触发后执行函数。适用于像搜索输入框这种需要用户停止输入后才调用的场景
    *
-   * @param el 元素对象，包含classList属性，classList属性包含contains方法
-   * @param name 要判断的类名
-   * @returns 返回一个布尔值，表示元素是否包含指定类名
+   * @param func 需要防抖的函数。
+   * @param wait 等待时间，单位毫秒。
+   * @param immediate 是否立即执行函数，默认为true。
+   * @returns 返回防抖后的函数。
    */
-  hasClass(el, name) {
-    var _a2;
-    if ((_a2 = el.classList) == null ? void 0 : _a2.contains(name)) {
-      return true;
-    }
-    const className = this.getClass(el);
-    return className.length > 0 && new RegExp(`(^|\\s)${name}(\\s|$)`).test(className);
+  debounce(func, wait, immediate = true) {
+    let timeout = null;
+    let args;
+    let timestamp;
+    let result;
+    const later = () => {
+      const last = Date.now() - timestamp;
+      if (last < wait && last > 0) {
+        timeout = setTimeout(later, wait - last);
+      } else {
+        timeout = null;
+        if (!immediate) {
+          result = func.apply(this, args);
+        }
+      }
+    };
+    return (...args2) => {
+      timestamp = Date.now();
+      const callNow = immediate && !timeout;
+      if (!timeout) {
+        timeout = setTimeout(later, wait);
+      }
+      if (callNow) {
+        result = func.apply(this, args2);
+        if (!timeout) {
+          args2 = null;
+        }
+      }
+      return result;
+    };
   },
   /**
-   * 给指定的 HTML 元素添加类名
+   * 节流函数，适用于像滚动事件、窗口resize事件这种需要限制调用频率的场景
    *
-   * @param el 要添加类名的 HTML 元素
-   * @param name 要添加的类名，多个类名之间用空格分隔
+   * @param func 需要节流的函数
+   * @param wait 节流间隔，单位为毫秒
+   * @param type 节流类型，1表示时间戳方式，2表示定时器方式
+   * @returns 返回一个新的函数，该函数在节流控制下执行传入的函数
    */
-  addClass(el, name) {
-    if (el.classList !== void 0) {
-      const classes = splitWords(name);
-      for (let i = 0, len = classes.length; i < len; i++) {
-        el.classList.add(classes[i]);
+  throttle(func, wait, type = 1) {
+    let previous = 0;
+    let timeout = null;
+    return (...args) => {
+      if (type === 1) {
+        const now = Date.now();
+        if (now - previous >= wait) {
+          func.apply(this, args);
+          previous = now;
+        }
+      } else if (type === 2) {
+        if (!timeout) {
+          timeout = setTimeout(() => {
+            timeout = null;
+            func.apply(this, args);
+          }, wait);
+        }
       }
-    } else if (!this.hasClass(el, name)) {
-      const className = this.getClass(el);
-      this.setClass(el, (className ? className + " " : "") + name);
-    }
+    };
   },
   /**
-   * 从元素中移除指定类名
+   * 缓存函数，将传入的函数fn的计算结果缓存，提高重复计算的效率
    *
-   * @param el 要移除类名的元素
-   * @param name 要移除的类名，多个类名用空格分隔
+   * @param fn 传入待缓存的函数
+   * @returns 返回缓存后的函数
    */
-  removeClass(el, name) {
-    if (el.classList !== void 0) {
-      const classes = splitWords(name);
-      classes.forEach((className) => el.classList.remove(className));
-    } else {
-      this.setClass(el, (" " + this.getClass(el) + " ").replace(" " + name + " ", " ").trim());
-    }
+  memoize(fn) {
+    const cache = /* @__PURE__ */ new Map();
+    return (...args) => {
+      const argsString = JSON.stringify(args);
+      if (cache.has(argsString)) {
+        return cache.get(argsString);
+      } else {
+        const result = fn.apply(this, args);
+        cache.set(argsString, result);
+        return result;
+      }
+    };
   },
   /**
-   * 设置元素的 CSS 类名
+   * 递归调用函数，以一定的频率和持续时间执行。
    *
-   * @param el HTML 或 SVG 元素
-   * @param name 要设置的类名，多个类名之间用空格分隔
+   * @param fun 要递归调用的函数。
+   * @param frequency 每次调用函数之间的时间间隔，单位为毫秒，默认为500毫秒。
+   * @param duration 函数递归调用的总时长，单位为毫秒，默认为5000毫秒。
    */
-  setClass(el, name) {
-    if ("classList" in el) {
-      el.classList.value = "";
-      name.split(" ").forEach((className) => el.classList.add(className));
-    }
+  recurve(fun, frequency = 500, duration = 5e3) {
+    let timer = 0;
+    setTimeout(() => {
+      timer++;
+      if (timer < Math.floor(duration / frequency)) {
+        fun.call(this);
+        setTimeout(this.recurve.bind(this, fun, frequency, duration), frequency);
+      }
+    }, frequency);
   },
   /**
-   * 从字符串中解析XML文档，并返回根节点
+   * 确保函数只被调用一次
    *
-   * @param str 要解析的XML字符串
-   * @returns 解析后的XML文档的根节点
+   * @param func 要被调用的函数
+   * @returns 返回一个新的函数，该函数在被首次调用时会执行传入的函数，之后再次调用将不再执行
    */
-  parseFromString(str) {
-    const parser = new DOMParser();
-    const doc = parser.parseFromString(str, "text/xml");
-    return doc.children[0];
+  once(func) {
+    let called = false;
+    return function(...args) {
+      if (!called) {
+        called = true;
+        return func(...args);
+      }
+    };
   }
 };
-const FileUtil = {
+const StringUtil = {
   /**
-   * 将Base64编码的字符串转换为Blob对象
+   * 转换字符串大小写
    *
-   * @param data Base64编码的字符串
-   * @returns 转换后的Blob对象
+   * @param str 待转换的字符串
+   * @param type 转换类型，可选值为 0-4，默认为 4
+   * 0：字母大小写反转
+   * 1：首字母大写，其余小写
+   * 2：首字母小写，其余大写
+   * 3：全部大写
+   * 4：全部小写
+   * @returns 转换后的字符串
    */
-  convertBase64ToBlob(data) {
-    const mimeString = data.split(",")[0].split(":")[1].split(";")[0];
-    const byteCharacters = atob(data.split(",")[1]);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.charCodeAt(i);
+  changeCase(str, type) {
+    type = type || CaseType.LOWER_CASE;
+    switch (type) {
+      case CaseType.REVERSE_CASE:
+        return str.split("").map(function(word) {
+          if (/[a-z]/.test(word)) {
+            return word.toUpperCase();
+          } else {
+            return word.toLowerCase();
+          }
+        }).join("");
+      case CaseType.UPPER_CAMEL_CASE:
+        return str.replace(/\b\w+\b/g, function(word) {
+          return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
+        });
+      case CaseType.LOWER_CAMEL_CASE:
+        return str.replace(/\b\w+\b/g, function(word) {
+          return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
+        });
+      case CaseType.UPPER_CASE:
+        return str.toUpperCase();
+      case CaseType.LOWER_CASE:
+        return str.toLowerCase();
+      default:
+        return str;
     }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], { type: mimeString });
-    return blob;
   },
   /**
-   * 将base64字符串转换为文件对象
+   * 计算字符串的字节长度
    *
-   * @param dataurl 包含base64字符串的数据URL
-   * @param filename 文件的名称
-   * @returns 返回文件对象
+   * @param str 需要计算字节长度的字符串
+   * @returns 返回字符串的字节长度
    */
-  convertBase64ToFile(dataurl, filename) {
-    const arr = dataurl.split(",");
-    const mimeMatch = arr[0].match(/:(.*?);/);
-    const mime = mimeMatch ? mimeMatch[1] : "image/png";
-    const bstr = atob(arr[1]);
-    const u8arr = new Uint8Array(bstr.length);
-    for (let i = 0; i < bstr.length; i++) {
-      u8arr[i] = bstr.charCodeAt(i);
-    }
-    const file = new File([u8arr], filename, { type: mime });
-    return file;
+  getByteLength(str) {
+    return str.replace(/[\u0391-\uFFE5]/g, "aa").length;
   },
   /**
-   * 从文件下载数据
+   * 截取字符串中指定字节长度的子串
    *
-   * @param data 要下载的数据，可以是字符串数组、BlobPart 或 MediaSource
-   * @param saveName 下载后文件的保存名称
+   * @param str 字符串对象，包含replace、length和substring方法
+   * @param start 截取起始位置
+   * @param n 截取字节长度
+   * @returns 返回截取后的子串
    */
-  downloadFromFile(data, saveName) {
-    if (typeof data == "object") {
-      if (data instanceof Blob) {
-        data = URL.createObjectURL(data);
+  subStringByte(str, start, n) {
+    var r = /[^\x00-\xff]/g;
+    if (str.replace(r, "mm").length <= n) {
+      return str;
+    }
+    var m = Math.floor(n / 2);
+    for (var i = m; i < str.length; i++) {
+      let sub = str.substring(start, i);
+      if (sub.replace(r, "mm").length >= n) {
+        return sub;
+      }
+    }
+    return str;
+  },
+  string2Bytes(str) {
+    const bytes = [];
+    let c;
+    const len = str.length;
+    for (let i = 0; i < len; i++) {
+      c = str.charCodeAt(i);
+      if (c >= 65536 && c <= 1114111) {
+        bytes.push(c >> 18 & 7 | 240);
+        bytes.push(c >> 12 & 63 | 128);
+        bytes.push(c >> 6 & 63 | 128);
+        bytes.push(c & 63 | 128);
+      } else if (c >= 2048 && c <= 65535) {
+        bytes.push(c >> 12 & 15 | 224);
+        bytes.push(c >> 6 & 63 | 128);
+        bytes.push(c & 63 | 128);
+      } else if (c >= 128 && c <= 2047) {
+        bytes.push(c >> 6 & 31 | 192);
+        bytes.push(c & 63 | 128);
       } else {
-        const str = JSON.stringify(data);
-        const blob = new Blob([str], { type: "text/json" });
-        data = window.URL.createObjectURL(blob);
+        bytes.push(c & 255);
       }
-    } else if (typeof data == "string" && data.indexOf("http") === -1) {
-      const blob = new Blob([data], { type: "text/json" });
-      data = window.URL.createObjectURL(blob);
     }
-    var link = document.createElement("a");
-    link.href = data;
-    link.download = saveName || "";
-    link.click();
-    window.URL.revokeObjectURL(link.href);
+    return new Uint8Array(bytes);
   },
-  /**
-   * 获取远程文件并读取
-   * @param url 远程文件地址
-   * @param fileName 文件名
-   * @returns Promise<ArrayBuffer>
-   */
-  readFileFromUrl(url, fileName) {
-    return new Promise((resolve, reject) => {
-      const xhr = new XMLHttpRequest();
-      xhr.open("GET", url, true);
-      xhr.responseType = "blob";
-      const suffix = fileName.split(".");
-      try {
-        xhr.onload = function() {
-          if (this.status >= 200 && this.status < 300) {
-            const blob = xhr.response;
-            const objectURL = URL.createObjectURL(blob);
-            const file = new File([blob], fileName, {
-              type: suffix[1],
-              lastModified: (/* @__PURE__ */ new Date()).getTime()
-            });
-            const reader = new FileReader();
-            reader.readAsArrayBuffer(file);
-            reader.onload = function(e) {
-              var _a2;
-              URL.revokeObjectURL(objectURL);
-              resolve((_a2 = e.target) == null ? void 0 : _a2.result);
-            };
-            reader.onerror = function(error) {
-              reject(error);
-            };
-          }
-        };
-        xhr.onerror = function(error) {
-          reject(error);
-        };
-      } catch (error) {
-        reject(error);
+  bytes2String(uint8arr) {
+    if (typeof uint8arr === "string") {
+      return uint8arr;
+    }
+    let str = "";
+    const _arr = uint8arr;
+    for (let i = 0; i < _arr.length; i++) {
+      const one = _arr[i].toString(2), v = one.match(/^1+?(?=0)/);
+      if (v && one.length == 8) {
+        const bytesLength = v[0].length;
+        let store = _arr[i].toString(2).slice(7 - bytesLength);
+        for (let st = 1; st < bytesLength; st++) {
+          store += _arr[st + i].toString(2).slice(2);
+        }
+        str += String.fromCharCode(parseInt(store, 2));
+        i += bytesLength - 1;
+      } else {
+        str += String.fromCharCode(_arr[i]);
       }
-      xhr.send();
-    });
-  }
-};
-class MessageUtil {
-  static resetWarned() {
-    this.warned = {};
-  }
-  static changeVoice() {
-    this.isMute = !!Number(!this.isMute);
-    localStorage.setItem("mute", Number(this.isMute).toString());
-  }
-  static _call(method, message, options) {
-    if (!this.warned[message]) {
-      method(message, options);
-      this.warned[message] = true;
     }
+    return str;
   }
+};
+const UrlUtil = {
   /**
-   * 播放消息提示音和文字朗读（语音需要有交互）
+   * 将json对象转换为查询字符串
    *
-   * @param type 消息类型
-   * @param message 消息内容
-   * @param options 配置选项，可选参数，包括语言、音量、语速和音高
-   * @returns 无返回值
+   * @param json 待转换的json对象
+   * @returns 转换后的查询字符串
    */
-  static msg(type, message, options = {}) {
-    if (this.isMute) return;
-    const typename = Util.decodeDict(type, "success", "恭喜", "error", "发生错误", "warning", "警告", "info", "友情提示") + "：";
-    this.speechSynthesisUtterance.text = typename + message;
-    this.speechSynthesisUtterance.lang = options.lang || "zh-CN";
-    this.speechSynthesisUtterance.volume = options.volume || 1;
-    this.speechSynthesisUtterance.rate = options.rate || 1;
-    this.speechSynthesisUtterance.pitch = options.pitch || 1;
-    this.speechSynthesis.speak(this.speechSynthesisUtterance);
-  }
-  static stop(e) {
-    this.speechSynthesisUtterance.text = e;
-    this.speechSynthesis.cancel();
-  }
-  static warning(message, options = {}) {
-    if (process.env.NODE_ENV === "development" && console !== void 0) {
-      console.warn(`Warning: %c${message}`, "color:#E6A23C;font-weight: bold;");
-    }
-    this.msg("warning", message, options);
-  }
-  static warningOnce(message, options = {}) {
-    this._call(this.warning.bind(this), message, options);
-  }
-  static info(message, options = {}) {
-    if (process.env.NODE_ENV === "development" && console !== void 0) {
-      console.info(`Info: %c${message}`, "color:#909399;font-weight: bold;");
-    }
-    this.msg("info", message, options);
-  }
-  static infoOnce(message, options = {}) {
-    this._call(this.info.bind(this), message, options);
-  }
-  static error(message, options = {}) {
-    if (process.env.NODE_ENV === "development" && console !== void 0) {
-      console.error(`Error: %c${message}`, "color:#F56C6C;font-weight: bold;");
-    }
-    this.msg("error", message, options);
-  }
-  static errorOnce(message, options = {}) {
-    this._call(this.error.bind(this), message, options);
-  }
-  static success(message, options = {}) {
-    if (process.env.NODE_ENV === "development" && console !== void 0) {
-      console.log(`Success: %c${message}`, "color:#67C23A;font-weight: bold;");
+  json2Query(json) {
+    var tempArr = [];
+    for (var i in json) {
+      if (json.hasOwnProperty(i)) {
+        var key = i;
+        var value = json[i];
+        tempArr.push(encodeURIComponent(key) + "=" + encodeURIComponent(value));
+      }
     }
-    this.msg("success", message, options);
-  }
-  static successOnce(message, options = {}) {
-    this._call(this.success.bind(this), message, options);
-  }
-}
-__publicField(MessageUtil, "warned", {});
-__publicField(MessageUtil, "isMute", !!Number(localStorage.getItem("mute")) || false);
-__publicField(MessageUtil, "speechSynthesis", window.speechSynthesis);
-__publicField(MessageUtil, "speechSynthesisUtterance", new SpeechSynthesisUtterance());
-const OptimizeUtil = {
+    var urlParamsStr = tempArr.join("&");
+    return urlParamsStr;
+  },
   /**
-   * 防抖函数，在指定的等待时间内，如果连续触发事件，则只在最后一次触发后执行函数。适用于像搜索输入框这种需要用户停止输入后才调用的场景
+   * 从 URL 中解析出查询参数和哈希参数，并以对象的形式返回
    *
-   * @param func 需要防抖的函数。
-   * @param wait 等待时间，单位毫秒。
-   * @param immediate 是否立即执行函数，默认为true。
-   * @returns 返回防抖后的函数。
+   * @param href 需要解析的 URL 链接，默认为当前窗口的 URL
+   * @param needDecode 是否需要解码参数值，默认为 true
+   * @returns 返回一个包含解析后参数的对象，其中键为参数名，值为参数值
    */
-  debounce(func, wait, immediate = true) {
-    let timeout = null;
-    let args;
-    let timestamp;
-    let result;
-    const later = () => {
-      const last = Date.now() - timestamp;
-      if (last < wait && last > 0) {
-        timeout = setTimeout(later, wait - last);
-      } else {
-        timeout = null;
-        if (!immediate) {
-          result = func.apply(this, args);
-        }
-      }
-    };
-    return (...args2) => {
-      timestamp = Date.now();
-      const callNow = immediate && !timeout;
-      if (!timeout) {
-        timeout = setTimeout(later, wait);
-      }
-      if (callNow) {
-        result = func.apply(this, args2);
-        if (!timeout) {
-          args2 = null;
+  query2Json(href = window.location.href, needDecode = true) {
+    const reg = /([^&=]+)=([\w\W]*?)(&|$|#)/g;
+    const { search, hash } = new URL(href);
+    const args = [search, hash];
+    let obj = {};
+    for (let i = 0; i < args.length; i++) {
+      const str = args[i];
+      if (str) {
+        const s = str.replace(/#|\//g, "");
+        const arr = s.split("?");
+        if (arr.length > 1) {
+          for (let j = 1; j < arr.length; j++) {
+            let res;
+            while (res = reg.exec(arr[j])) {
+              obj[res[1]] = needDecode ? decodeURIComponent(res[2]) : res[2];
+            }
+          }
         }
       }
-      return result;
-    };
+    }
+    return obj;
+  }
+};
+const ValidateUtil = {
+  isUrl(v) {
+    return /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/.test(
+      v
+    );
   },
   /**
-   * 节流函数，适用于像滚动事件、窗口resize事件这种需要限制调用频率的场景
    *
-   * @param func 需要节流的函数
-   * @param wait 节流间隔，单位为毫秒
-   * @param type 节流类型，1表示时间戳方式，2表示定时器方式
-   * @returns 返回一个新的函数，该函数在节流控制下执行传入的函数
+   * @param path 路径字符串
+   * @returns 是否为外链
    */
-  throttle(func, wait, type = 1) {
-    let previous = 0;
-    let timeout = null;
-    return (...args) => {
-      if (type === 1) {
-        const now = Date.now();
-        if (now - previous >= wait) {
-          func.apply(this, args);
-          previous = now;
-        }
-      } else if (type === 2) {
-        if (!timeout) {
-          timeout = setTimeout(() => {
-            timeout = null;
-            func.apply(this, args);
-          }, wait);
-        }
-      }
-    };
+  isExternal(path) {
+    const reg = /^(https?:|mailto:|tel:)/;
+    return reg.test(path);
+  },
+  isPhone(v) {
+    return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(v);
+  },
+  isTel(v) {
+    return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(v);
   },
   /**
-   * 缓存函数，将传入的函数fn的计算结果缓存，提高重复计算的效率
+   * 判断是否是强密码，至少包含一个大写字母、一个小写字母、一个数字的组合、长度8-20位
    *
-   * @param fn 传入待缓存的函数
-   * @returns 返回缓存后的函数
+   * @param v 待检测的密码字符串
+   * @returns 如果是是强密码，则返回 true；否则返回 false
    */
-  memoize(fn) {
-    const cache = /* @__PURE__ */ new Map();
-    return (...args) => {
-      const argsString = JSON.stringify(args);
-      if (cache.has(argsString)) {
-        return cache.get(argsString);
+  isStrongPwd(v) {
+    return /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,20}$/.test(v);
+  },
+  isEmail(v) {
+    return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
+      v
+    );
+  },
+  isIP(v) {
+    return /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
+      v
+    );
+  },
+  isEnglish(v) {
+    return /^[a-zA-Z]+$/.test(v);
+  },
+  isChinese(v) {
+    return /^[\u4E00-\u9FA5]+$/.test(v);
+  },
+  isHTML(v) {
+    return /<("[^"]*"|'[^']*'|[^'">])*>/.test(v);
+  },
+  isXML(v) {
+    return /^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$/.test(v);
+  },
+  isIDCard(v) {
+    return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(v);
+  }
+};
+class Cookie {
+  static set(name, value, days = 30) {
+    if (typeof name !== "string" || typeof days !== "number") {
+      ExceptionUtil.throwException("Invalid arguments");
+    }
+    const exp = /* @__PURE__ */ new Date();
+    exp.setTime(exp.getTime() + days * 24 * 60 * 60 * 1e3);
+    document.cookie = `${name}=${encodeURIComponent(value)};expires=${exp.toUTCString()}`;
+  }
+  static remove(name) {
+    var exp = /* @__PURE__ */ new Date();
+    exp.setTime(exp.getTime() - 1);
+    var cval = this.get(name);
+    if (cval != null) {
+      document.cookie = name + "=" + cval + ";expires=" + exp.toUTCString();
+    }
+  }
+  static get(name) {
+    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
+    if (arr != null) {
+      return arr[2];
+    } else {
+      return "";
+    }
+  }
+}
+class CanvasDrawer {
+  constructor(el) {
+    __publicField(this, "ctx");
+    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.ctx = canvas.getContext("2d");
       } else {
-        const result = fn.apply(this, args);
-        cache.set(argsString, result);
-        return result;
+        throw new Error("getContext is not available on this element");
       }
-    };
-  },
+    } else {
+      throw new Error("Element is not an HTMLElement");
+    }
+  }
   /**
-   * 递归调用函数，以一定的频率和持续时间执行。
+   * 绘制线条
    *
-   * @param fun 要递归调用的函数。
-   * @param frequency 每次调用函数之间的时间间隔，单位为毫秒，默认为500毫秒。
-   * @param duration 函数递归调用的总时长，单位为毫秒，默认为5000毫秒。
+   * @param start 起始坐标点
+   * @param end 终止坐标点
+   * @param options 绘制选项，包括线条宽度和颜色
+   * @throws 当画布上下文不存在时抛出错误
    */
-  recurve(fun, frequency = 500, duration = 5e3) {
-    let timer = 0;
-    setTimeout(() => {
-      timer++;
-      if (timer < Math.floor(duration / frequency)) {
-        fun.call(this);
-        setTimeout(this.recurve.bind(this, fun, frequency, duration), frequency);
-      }
-    }, frequency);
-  },
+  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options = {}) {
+    this.ctx.beginPath();
+    const width = options.width || 1;
+    const color = options.color || "#000";
+    this.ctx.lineWidth = width;
+    this.ctx.strokeStyle = color;
+    this.ctx.moveTo(startX, startY);
+    this.ctx.lineTo(endX, endY);
+    this.ctx.stroke();
+  }
   /**
-   * 确保函数只被调用一次
+   * 绘制圆弧
    *
-   * @param func 要被调用的函数
-   * @returns 返回一个新的函数，该函数在被首次调用时会执行传入的函数，之后再次调用将不再执行
+   * @param x 圆心x坐标
+   * @param y 圆心y坐标
+   * @param radius 半径
+   * @param startAngle 起始角度（度）
+   * @param endAngle 结束角度（度）
+   * @param anticlockwise 是否逆时针绘制
+   * @param isFill 是否填充
+   * @param bgColor 背景颜色
+   * @throws 当Canvas context为null或undefined时抛出错误
    */
-  once(func) {
-    let called = false;
-    return function(...args) {
-      if (!called) {
-        called = true;
-        return func(...args);
+  drawArc({ x, y }, radius, startAngle, endAngle, anticlockwise, isFill, bgColor) {
+    if (isFill) {
+      this.ctx.fillStyle = bgColor;
+      this.ctx.beginPath();
+      this.ctx.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
+      this.ctx.fill();
+    } else {
+      this.ctx.strokeStyle = bgColor;
+      this.ctx.beginPath();
+      this.ctx.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
+      this.ctx.stroke();
+    }
+  }
+  drawImage({ x, y }, src) {
+    const img = new Image();
+    img.src = src;
+    img.onload = () => {
+      const width = img.width;
+      const height = img.height;
+      if (!this.ctx) {
+        throw new Error("Canvas context is null");
       }
+      this.ctx.drawImage(img, x, y, -width / 2, -height / 2);
     };
   }
-};
-const StringUtil = {
-  /**
-   * 转换字符串大小写
-   *
-   * @param str 待转换的字符串
-   * @param type 转换类型，可选值为 0-4，默认为 4
-   * 0：字母大小写反转
-   * 1：首字母大写，其余小写
-   * 2：首字母小写，其余大写
-   * 3：全部大写
-   * 4：全部小写
-   * @returns 转换后的字符串
-   */
-  changeCase(str, type) {
-    type = type || CaseType.LOWER_CASE;
-    switch (type) {
-      case CaseType.REVERSE_CASE:
-        return str.split("").map(function(word) {
-          if (/[a-z]/.test(word)) {
-            return word.toUpperCase();
-          } else {
-            return word.toLowerCase();
-          }
-        }).join("");
-      case CaseType.UPPER_CAMEL_CASE:
-        return str.replace(/\b\w+\b/g, function(word) {
-          return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
-        });
-      case CaseType.LOWER_CAMEL_CASE:
-        return str.replace(/\b\w+\b/g, function(word) {
-          return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
-        });
-      case CaseType.UPPER_CASE:
-        return str.toUpperCase();
-      case CaseType.LOWER_CASE:
-        return str.toLowerCase();
-      default:
-        return str;
+  drawText({ x, y }, text, options) {
+    this.ctx.font = options.font || "10px sans-serif";
+    this.ctx.strokeStyle = options.color || "#000";
+    this.ctx.lineWidth = 2;
+    this.ctx.strokeText(text, x, y);
+  }
+  static createCanvas(width = 1, height = 1) {
+    const canvas = document.createElement("canvas");
+    if (width) {
+      canvas.width = width;
     }
-  },
-  /**
-   * 计算字符串的字节长度
-   *
-   * @param str 需要计算字节长度的字符串
-   * @returns 返回字符串的字节长度
-   */
-  getByteLength(str) {
-    return str.replace(/[\u0391-\uFFE5]/g, "aa").length;
-  },
-  /**
-   * 截取字符串中指定字节长度的子串
-   *
-   * @param str 字符串对象，包含replace、length和substring方法
-   * @param start 截取起始位置
-   * @param n 截取字节长度
-   * @returns 返回截取后的子串
-   */
-  subStringByte(str, start, n) {
-    var r = /[^\x00-\xff]/g;
-    if (str.replace(r, "mm").length <= n) {
-      return str;
+    if (height) {
+      canvas.height = height;
     }
-    var m = Math.floor(n / 2);
-    for (var i = m; i < str.length; i++) {
-      let sub = str.substring(start, i);
-      if (sub.replace(r, "mm").length >= n) {
-        return sub;
-      }
+    return canvas;
+  }
+}
+class EventDispatcher {
+  constructor() {
+    __publicField(this, "_listeners", {});
+    __publicField(this, "_mutex", {});
+    __publicField(this, "_context");
+  }
+  addEventListener(type, listener, context, mutexStatus) {
+    this._context = context;
+    const mutex = this._mutex;
+    const listeners = this._listeners;
+    if (listeners[type] === void 0) {
+      listeners[type] = [];
     }
-    return str;
-  },
-  string2Bytes(str) {
-    const bytes = [];
-    let c;
-    const len = str.length;
-    for (let i = 0; i < len; i++) {
-      c = str.charCodeAt(i);
-      if (c >= 65536 && c <= 1114111) {
-        bytes.push(c >> 18 & 7 | 240);
-        bytes.push(c >> 12 & 63 | 128);
-        bytes.push(c >> 6 & 63 | 128);
-        bytes.push(c & 63 | 128);
-      } else if (c >= 2048 && c <= 65535) {
-        bytes.push(c >> 12 & 15 | 224);
-        bytes.push(c >> 6 & 63 | 128);
-        bytes.push(c & 63 | 128);
-      } else if (c >= 128 && c <= 2047) {
-        bytes.push(c >> 6 & 31 | 192);
-        bytes.push(c & 63 | 128);
-      } else {
-        bytes.push(c & 255);
+    if (listeners[type].indexOf(listener) === -1) {
+      if (mutexStatus) {
+        mutex[type] = listener;
       }
+      listeners[type].push(listener);
     }
-    return new Uint8Array(bytes);
-  },
-  bytes2String(uint8arr) {
-    if (typeof uint8arr === "string") {
-      return uint8arr;
+    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;
     }
-    let str = "";
-    const _arr = uint8arr;
-    for (let i = 0; i < _arr.length; i++) {
-      const one = _arr[i].toString(2), v = one.match(/^1+?(?=0)/);
-      if (v && one.length == 8) {
-        const bytesLength = v[0].length;
-        let store = _arr[i].toString(2).slice(7 - bytesLength);
-        for (let st = 1; st < bytesLength; st++) {
-          store += _arr[st + i].toString(2).slice(2);
+    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);
         }
-        str += String.fromCharCode(parseInt(store, 2));
-        i += bytesLength - 1;
-      } else {
-        str += String.fromCharCode(_arr[i]);
       }
     }
-    return str;
   }
-};
-const UrlUtil = {
-  /**
-   * 将json对象转换为查询字符串
-   *
-   * @param json 待转换的json对象
-   * @returns 转换后的查询字符串
-   */
-  json2Query(json) {
-    var tempArr = [];
-    for (var i in json) {
-      if (json.hasOwnProperty(i)) {
-        var key = i;
-        var value = json[i];
-        tempArr.push(encodeURIComponent(key) + "=" + encodeURIComponent(value));
-      }
+  removeAllListener() {
+    this._mutex = {};
+    for (const key in this._listeners) {
+      this._listeners[key] = [];
     }
-    var urlParamsStr = tempArr.join("&");
-    return urlParamsStr;
-  },
-  /**
-   * 从 URL 中解析出查询参数和哈希参数，并以对象的形式返回
-   *
-   * @param href 需要解析的 URL 链接，默认为当前窗口的 URL
-   * @param needDecode 是否需要解码参数值，默认为 true
-   * @returns 返回一个包含解析后参数的对象，其中键为参数名，值为参数值
-   */
-  query2Json(href = window.location.href, needDecode = true) {
-    const reg = /([^&=]+)=([\w\W]*?)(&|$|#)/g;
-    const { search, hash } = new URL(href);
-    const args = [search, hash];
-    let obj = {};
-    for (let i = 0; i < args.length; i++) {
-      const str = args[i];
-      if (str) {
-        const s = str.replace(/#|\//g, "");
-        const arr = s.split("?");
-        if (arr.length > 1) {
-          for (let j = 1; j < arr.length; j++) {
-            let res;
-            while (res = reg.exec(arr[j])) {
-              obj[res[1]] = needDecode ? decodeURIComponent(res[2]) : res[2];
-            }
-          }
-        }
+  }
+  on(type, listener, context, mutexStatus) {
+    return this.addEventListener.call(this, type, listener, context, mutexStatus);
+  }
+  off(type, listener) {
+    return this.removeEventListener.call(this, type, listener);
+  }
+}
+const methodMap = [
+  ["requestFullscreen", "exitFullscreen", "fullscreenElement", "fullscreenEnabled", "fullscreenchange", "fullscreenerror"],
+  // New WebKit
+  [
+    "webkitRequestFullscreen",
+    "webkitExitFullscreen",
+    "webkitFullscreenElement",
+    "webkitFullscreenEnabled",
+    "webkitfullscreenchange",
+    "webkitfullscreenerror"
+  ],
+  // Old WebKit
+  [
+    "webkitRequestFullScreen",
+    "webkitCancelFullScreen",
+    "webkitCurrentFullScreenElement",
+    "webkitCancelFullScreen",
+    "webkitfullscreenchange",
+    "webkitfullscreenerror"
+  ],
+  ["mozRequestFullScreen", "mozCancelFullScreen", "mozFullScreenElement", "mozFullScreenEnabled", "mozfullscreenchange", "mozfullscreenerror"],
+  ["msRequestFullscreen", "msExitFullscreen", "msFullscreenElement", "msFullscreenEnabled", "MSFullscreenChange", "MSFullscreenError"]
+];
+const nativeAPI = (() => {
+  if (typeof document === "undefined") {
+    return false;
+  }
+  const unprefixedMethods = methodMap[0];
+  const returnValue = {};
+  for (const methodList of methodMap) {
+    const exitFullscreenMethod = methodList == null ? void 0 : methodList[1];
+    if (exitFullscreenMethod in document) {
+      for (const [index, method] of methodList.entries()) {
+        returnValue[unprefixedMethods[index]] = method;
       }
+      return returnValue;
     }
-    return obj;
   }
+  return false;
+})();
+const eventNameMap = {
+  change: nativeAPI.fullscreenchange,
+  error: nativeAPI.fullscreenerror
 };
-const ValidateUtil = {
-  isUrl(v) {
-    return /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/.test(
-      v
-    );
-  },
-  isPhone(v) {
-    return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(v);
+let FullScreen = {
+  request(element = document.documentElement, options) {
+    return new Promise((resolve, reject) => {
+      const onFullScreenEntered = () => {
+        FullScreen.off("change", onFullScreenEntered);
+        resolve();
+      };
+      FullScreen.on("change", onFullScreenEntered);
+      const returnPromise = element[nativeAPI.requestFullscreen](options);
+      if (returnPromise instanceof Promise) {
+        returnPromise.then(onFullScreenEntered).catch(reject);
+      }
+    });
   },
-  isTel(v) {
-    return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(v);
+  exit() {
+    return new Promise((resolve, reject) => {
+      if (!FullScreen.isFullscreen) {
+        resolve();
+        return;
+      }
+      const onFullScreenExit = () => {
+        FullScreen.off("change", onFullScreenExit);
+        resolve();
+      };
+      FullScreen.on("change", onFullScreenExit);
+      const returnPromise = document[nativeAPI.exitFullscreen]();
+      if (returnPromise instanceof Promise) {
+        returnPromise.then(onFullScreenExit).catch(reject);
+      }
+    });
   },
-  /**
-   * 判断是否是强密码，至少包含一个大写字母、一个小写字母、一个数字的组合、长度8-20位
-   *
-   * @param v 待检测的密码字符串
-   * @returns 如果是是强密码，则返回 true；否则返回 false
-   */
-  isStrongPwd(v) {
-    return /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,20}$/.test(v);
+  toggle(element, options) {
+    return FullScreen.isFullscreen ? FullScreen.exit() : FullScreen.request(element, options);
   },
-  isEmail(v) {
-    return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(
-      v
-    );
+  onchange(callback) {
+    FullScreen.on("change", callback);
   },
-  isIP(v) {
-    return /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/.test(
-      v
-    );
+  onerror(callback) {
+    FullScreen.on("error", callback);
   },
-  isEnglish(v) {
-    return /^[a-zA-Z]+$/.test(v);
+  on(event, callback) {
+    const eventName = eventNameMap[event];
+    if (eventName) {
+      document.addEventListener(eventName, callback, false);
+    }
   },
-  isChinese(v) {
-    return /^[\u4E00-\u9FA5]+$/.test(v);
+  off(event, callback) {
+    const eventName = eventNameMap[event];
+    if (eventName) {
+      document.removeEventListener(eventName, callback, false);
+    }
   },
-  isHTML(v) {
-    return /<("[^"]*"|'[^']*'|[^'">])*>/.test(v);
+  raw: nativeAPI
+};
+Object.defineProperties(FullScreen, {
+  isFullscreen: {
+    get: () => Boolean(document[nativeAPI.fullscreenElement])
   },
-  isXML(v) {
-    return /^([a-zA-Z]+-?)+[a-zA-Z0-9]+\\.[x|X][m|M][l|L]$/.test(v);
+  element: {
+    enumerable: true,
+    get: () => document[nativeAPI.fullscreenElement] ?? void 0
   },
-  isIDCard(v) {
-    return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(v);
+  isEnabled: {
+    enumerable: true,
+    // Coerce to boolean in case of old WebKit.
+    get: () => Boolean(document[nativeAPI.fullscreenEnabled])
   }
-};
+});
+if (!nativeAPI) {
+  FullScreen = { isEnabled: false };
+}
+const FullScreen$1 = FullScreen;
+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());
+  }
+  /**
+   * 从键值对数组创建一个HashMap对象
+   *
+   * @param array 键值对数组，默认为空数组
+   * @returns 返回一个新的HashMap对象
+   */
+  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;
+  }
+  /**
+   * 从JSON字符串创建HashMap实例
+   *
+   * @param str JSON字符串
+   * @returns HashMap实例
+   */
+  static fromJson(str) {
+    const json = ObjectUtil.parse(str);
+    return new HashMap(Object.entries(json));
+  }
+}
+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 {
+        const self = this;
+        console.info("创建ws连接>>>" + this.url);
+        this.client = new WebSocket(this.url);
+        if (this.client) {
+          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.state !== WebSocket.CONNECTING && this.state !== WebSocket.OPEN) {
+        this.connect();
+      }
+      this.connCheckStatus(times);
+    }, 2e3);
+  }
+  send(message) {
+    if (this.client && this.state === WebSocket.OPEN) {
+      this.client.send(message);
+      return true;
+    }
+    console.error(this.url + "消息发送失败：" + message);
+    return this;
+  }
+  heartbeat() {
+    setTimeout(() => {
+      if (this.state === WebSocket.OPEN) {
+        this.send("HeartBeat");
+      }
+      console.log("HeartBeat," + this.url);
+      setTimeout(this.heartbeat, 3e4);
+    }, 1e3);
+  }
+  get state() {
+    var _a2;
+    return (_a2 = this.client) == null ? void 0 : _a2.readyState;
+  }
+}
 const _MqttClient = class _MqttClient extends EventDispatcher {
   constructor(url = `ws://${window.document.domain}:20007/mqtt`, config = {}) {
     super();
@@ -3695,7 +3825,8 @@ const _MqttClient = class _MqttClient extends EventDispatcher {
       clientId: Util.guid(),
       username: this.context.MQTT_USERNAME,
       password: this.context.MQTT_PASSWORD,
-      clean: true
+      clean: true,
+      rejectUnauthorized: this.context.REJECT_UNAUTHORIZED
     };
     this.url = url;
     this.client = connect(this.url, this.options);
@@ -3795,7 +3926,8 @@ const _MqttClient = class _MqttClient extends EventDispatcher {
  */
 __publicField(_MqttClient, "defaultContext", {
   MQTT_TIMEOUTM: 2e3,
-  MQTT_MAX_RETRY: 3
+  MQTT_MAX_RETRY: 3,
+  REJECT_UNAUTHORIZED: true
 });
 let MqttClient = _MqttClient;
 const _Storage = class _Storage {
@@ -4080,7 +4212,7 @@ class WebGL {
     var compiled = gl.getShaderParameter(shader, gl.COMPILE_STATUS);
     if (!compiled) {
       var error = gl.getShaderInfoLog(shader);
-      console.error("Failed to compile shader: " + error);
+      ExceptionUtil.throwException("Failed to compile shader: " + error);
       gl.deleteShader(shader);
       return null;
     }
@@ -4106,6 +4238,7 @@ export {
   ExceptionUtil,
   FileUtil,
   FormType,
+  FullScreen$1 as FullScreen,
   GeoJsonUtil,
   GeoUtil,
   GraphicType,