gis-common 4.2.25 → 4.2.27

package/dist/gis-common.es.js

@@ -30,9 +30,6 @@ var EventType = /* @__PURE__ */ ((EventType2) => {
 })(EventType || {});
 var ErrorType = /* @__PURE__ */ ((ErrorType2) => {
   ErrorType2["LOGIN_EXPIRED"] = "登录信息过期，请重新登录";
-  ErrorType2["CROSS_ERROR"] = "不允许跨站点访问资源";
-  ErrorType2["NO_DATA_FOUND"] = "资源不存在";
-  ErrorType2["TIMEOUT"] = "请求超时";
   ErrorType2["INTERNAL_ERROR"] = "内部错误";
   ErrorType2["NETWORK_ERROR"] = "请求失败，请检查网络是否已连接";
   ErrorType2["PROCESS_FAIL"] = "任务处理失败";
@@ -54,6 +51,12 @@ var ErrorType = /* @__PURE__ */ ((ErrorType2) => {
   ErrorType2["DATA_ERROR_COORDINATE"] = "格式类型验证失败，必须是坐标";
   ErrorType2["DATA_ERROR_COLOR"] = "格式类型验证失败，必须是颜色代码";
   ErrorType2["DATA_ERROR_GEOJSON"] = "格式类型验证失败，必须是GeoJSON";
+  ErrorType2["REQUEST_ERROR"] = "请求资源失败";
+  ErrorType2["REQUEST_ERROR_CROSS"] = "不允许跨站点访问资源";
+  ErrorType2["REQUEST_ERROR_TIMEOUT"] = "请求超时，请检查网络";
+  ErrorType2["REQUEST_ERROR_NOT_FOUND"] = "请求资源不存在";
+  ErrorType2["REQUEST_ERROR_FORBIDDEN"] = "请求资源禁止访问";
+  ErrorType2["REQUEST_ERROR_EMPTY"] = "请求数据记录为空";
   return ErrorType2;
 })(ErrorType || {});
 var LayerType = /* @__PURE__ */ ((LayerType2) => {
@@ -87,6 +90,7 @@ var GraphicType = /* @__PURE__ */ ((GraphicType2) => {
   return GraphicType2;
 })(GraphicType || {});
 var LineSymbol = /* @__PURE__ */ ((LineSymbol2) => {
+  LineSymbol2[LineSymbol2["SOLID"] = 0] = "SOLID";
   LineSymbol2["DASH"] = "10,5";
   LineSymbol2["DOT"] = "3";
   LineSymbol2["DASHDOT"] = "10,3,3,3";
@@ -94,10 +98,10 @@ var LineSymbol = /* @__PURE__ */ ((LineSymbol2) => {
   return LineSymbol2;
 })(LineSymbol || {});
 var MeasureMode = /* @__PURE__ */ ((MeasureMode2) => {
-  MeasureMode2["DISTANCE"] = "distance";
-  MeasureMode2["AREA"] = "area";
-  MeasureMode2["HEIGHT"] = "height";
-  MeasureMode2["ANGLE"] = "angle";
+  MeasureMode2[MeasureMode2["DISTANCE"] = 0] = "DISTANCE";
+  MeasureMode2[MeasureMode2["AREA"] = 1] = "AREA";
+  MeasureMode2[MeasureMode2["HEIGHT"] = 2] = "HEIGHT";
+  MeasureMode2[MeasureMode2["ANGLE"] = 3] = "ANGLE";
   return MeasureMode2;
 })(MeasureMode || {});
 class AudioPlayer {
@@ -128,7 +132,7 @@ class AudioPlayer {
 }
 class Cookie {
   static set(name, value, days = 30) {
-    if (typeof name !== "string" || typeof value !== "string" || typeof days !== "number") {
+    if (typeof name !== "string" || typeof days !== "number") {
       throw new Error("Invalid arguments");
     }
     const exp = /* @__PURE__ */ new Date();
@@ -152,881 +156,894 @@ class Cookie {
     }
   }
 }
-const MathUtil = {
-  DEG2RAD: Math.PI / 180,
-  RAD2DEG: 180 / Math.PI,
-  randInt(low, high) {
-    return low + Math.floor(Math.random() * (high - low + 1));
+const Util = {
+  /**
+   * 获取数据类型
+   *
+   * @param data 待判断的数据
+   * @returns 返回数据类型字符串
+   */
+  getDataType(data) {
+    return Object.prototype.toString.call(data).slice(8, -1);
   },
-  randFloat(low, high) {
-    return low + Math.random() * (high - low);
+  asArray(obj) {
+    return this.isEmpty(obj) ? [] : Array.isArray(obj) ? obj : [obj];
+  },
+  asNumber(a) {
+    return Number.isNaN(Number(a)) ? 0 : Number(a);
   },
   /**
-   * 角度转弧度
+   * 将值转换为字符串
    *
-   * @param {*} degrees
-   * @returns {*}
+   * @param value 要转换的值
+   * @returns 转换后的字符串，如果值为空，则返回空字符串
    */
-  deg2Rad(degrees) {
-    return degrees * this.DEG2RAD;
+  asString(value) {
+    if (this.isEmpty(value)) {
+      return "";
+    } else {
+      switch (this.getDataType(value)) {
+        case "Object":
+        case "Array":
+          return JSON.stringify(value);
+        default:
+          return value;
+      }
+    }
   },
   /**
-   * 弧度转角度
+   * 判断传入的值是否为空
    *
-   * @param {*} radians
-   * @returns {*}
+   * @param value 待判断的值
+   * @returns 返回布尔值，表示是否为空
    */
-  rad2Deg(radians) {
-    return radians * this.RAD2DEG;
+  isEmpty(value) {
+    if (value == null) {
+      return true;
+    }
+    const type = this.getDataType(value);
+    switch (type) {
+      case "String":
+        return value.trim() === "";
+      case "Array":
+        return !value.length;
+      case "Object":
+        return !Object.keys(value).length;
+      case "Boolean":
+        return !value;
+      default:
+        return false;
+    }
   },
-  round(value, n = 2) {
-    return Math.round(value * Math.pow(10, n)) / Math.pow(10, n);
+  /**
+   * 将JSON对象转换为FormData对象
+   *
+   * @param json 待转换的JSON对象，其属性值为字符串或Blob类型
+   * @returns 转换后的FormData对象
+   */
+  json2form(json) {
+    const formData = new FormData();
+    if (this.isEmpty(json)) return formData;
+    Object.keys(json).forEach((key) => {
+      formData.append(key, json[key] instanceof Object ? JSON.stringify(json[key]) : json[key]);
+    });
+    return formData;
   },
   /**
-   * 将数值限制在指定范围内
+   * 生成GUID
    *
-   * @param val 需要限制的数值
-   * @param min 最小值
-   * @param max 最大值
-   * @returns 返回限制后的数值
+   * @returns 返回一个由8个16进制数组成的GUID字符串
    */
-  clamp(val, min, max) {
-    return Math.max(min, Math.min(max, val));
-  }
-};
-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);
-  }
+  guid() {
+    const S4 = function() {
+      return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
+    };
+    return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4();
+  },
   /**
-   * 从 HSL 字符串创建颜色对象
+   * 将参数进行解码并返回解码后的字符串
    *
-   * @param hsl HSL 字符串，格式为 hsl(h, s%, l%) 或 hsla(h, s%, l%, a)
-   * @returns 返回颜色对象，如果 hsl 字符串无效则返回 null
+   * @param args 参数
+   * @returns 解码后的字符串
    */
-  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;
+  decodeDict(...args) {
+    let res = "";
+    if (args.length > 1) {
+      const items = args.slice(1, args.length % 2 === 0 ? args.length - 1 : args.length);
+      for (let i = 0; i < items.length; i = i + 2) {
+        const item = items[i];
+        if (args[0] === item) {
+          res = items[i + 1];
+        }
+      }
+      if (!res && args.length % 2 === 0) {
+        res = args[args.length - 1];
+      }
     } else {
-      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}`);
+      res = args[0];
     }
-    return new Color(rgba[0], rgba[1], rgba[2], rgba.length > 3 ? rgba[3] : 1);
-  }
+    return res;
+  },
   /**
-   * 从字符串中创建颜色对象
+   * 将一个或多个对象的所有可枚举属性复制到目标对象。
    *
-   * @param str 字符串类型的颜色值，支持rgba、hex、hsl格式
-   * @returns 返回创建的颜色对象
-   * @throws 当颜色值无效时，抛出错误
+   * @param dest 目标对象，用于接收复制的属性。
+   * @param args 一个或多个源对象，用于提供要复制的属性。
+   * @returns 返回目标对象，包含所有复制的属性。
    */
-  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");
+  extend(dest, ...args) {
+    let i, j, len, src;
+    for (j = 0, len = args.length; j < len; j++) {
+      src = args[j];
+      for (i in src) {
+        dest[i] = src[i];
+      }
     }
-  }
+    return dest;
+  },
   /**
-   * 将RGB颜色值转换为十六进制颜色值
+   * 将扁平化数组转换为树形结构数组
    *
-   * @param r 红色分量值，取值范围0-255
-   * @param g 绿色分量值，取值范围0-255
-   * @param b 蓝色分量值，取值范围0-255
-   * @param a 可选参数，透明度分量值，取值范围0-1
-   * @returns 十六进制颜色值，格式为#RRGGBB或#RRGGBBAA
+   * @param data 扁平化数组
+   * @param idPropertyName 数据中标识id的字段名，默认为'id'
+   * @param parentIdPropertyName 数据中标识父节点id的字段名，默认为'parentId'
+   * @param childrenPropertyName 树形结构中标识子节点的字段名，默认为'children'
+   * @returns 转换后的树形结构数组
    */
-  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, "context", null);
-    if (typeof el === "string") {
-      el = document.querySelector("#" + el);
-      if (!el) {
-        throw new Error("Element not found");
+  convertToTree2(data, idPropertyName = "id", parentIdPropertyName = "parentId", childrenPropertyName = "children") {
+    const result = [];
+    function buildChildren(item) {
+      const children = data.filter((item2) => item2[parentIdPropertyName] === item[idPropertyName]).map((child) => {
+        if (!result.some((r) => r[idPropertyName] === child[idPropertyName])) {
+          buildChildren(child);
+        }
+        return child;
+      });
+      if (children.length > 0) {
+        item[childrenPropertyName] = children;
       }
     }
-    if (el instanceof HTMLElement) {
-      const canvas = el;
-      if (canvas.getContext) {
-        this.context = canvas.getContext("2d");
-      } else {
-        throw new Error("getContext is not available on this element");
+    data.forEach((item) => {
+      if (!data.some((other) => other[parentIdPropertyName] === item[idPropertyName])) {
+        buildChildren(item);
+        result.push(item);
       }
-    } else {
-      throw new Error("Element is not an HTMLElement");
-    }
-  }
+    });
+    return result;
+  },
   /**
-   * 绘制线条
+   * 异步加载script
    *
-   * @param start 起始坐标点
-   * @param end 终止坐标点
-   * @param options 绘制选项，包括线条宽度和颜色
-   * @throws 当画布上下文不存在时抛出错误
+   * @param {*} url
    */
-  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options = {}) {
-    if (!this.context) {
-      throw new Error("Canvas context is null or undefined");
-    }
-    this.context.beginPath();
-    const width = options.width || 1;
-    const color = options.color || "#000";
-    this.context.lineWidth = width;
-    this.context.strokeStyle = color;
-    this.context.moveTo(startX, startY);
-    this.context.lineTo(endX, endY);
-    this.context.stroke();
-  }
-  /**
-   * 绘制圆弧
-   *
-   * @param x 圆心x坐标
-   * @param y 圆心y坐标
-   * @param radius 半径
-   * @param startAngle 起始角度（度）
-   * @param endAngle 结束角度（度）
-   * @param anticlockwise 是否逆时针绘制
-   * @param isFill 是否填充
-   * @param bgColor 背景颜色
-   * @throws 当Canvas context为null或undefined时抛出错误
-   */
-  drawArc({ x, y }, radius, startAngle, endAngle, anticlockwise, isFill, bgColor) {
-    if (!this.context) {
-      throw new Error("Canvas context is null or undefined");
-    }
-    if (isFill) {
-      this.context.fillStyle = bgColor;
-      this.context.beginPath();
-      this.context.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
-      this.context.fill();
-    } else {
-      this.context.strokeStyle = bgColor;
-      this.context.beginPath();
-      this.context.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
-      this.context.stroke();
-    }
-  }
-  drawImage(src, { x, y }) {
-    const img = new Image();
-    img.src = src;
-    img.onload = () => {
-      const width = img.width;
-      const height = img.height;
-      if (!this.context) {
-        throw new Error("Canvas context is null");
-      }
-      this.context.drawImage(img, x, y, -width / 2, -height / 2);
-    };
-  }
-  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);
+  asyncLoadScript(url) {
+    return new Promise((resolve, reject) => {
+      try {
+        const oscript = document.createElement("script");
+        oscript.type = "text/javascript";
+        oscript.src = url;
+        if ("readyState" in oscript) {
+          oscript.onreadystatechange = function() {
+            if (oscript.readyState === "complete" || oscript.readyState === "loaded") {
+              resolve(oscript);
+            }
+          };
+        } else {
+          oscript.onload = function() {
+            resolve(oscript);
+          };
+          oscript.onerror = function() {
+            reject(new Error("Script failed to load for URL: " + url));
+          };
         }
+        document.body.appendChild(oscript);
+      } catch (error) {
+        reject(error);
       }
-    }
-  }
-  removeAllListener() {
-    this._mutex = {};
-    for (const key in this._listeners) {
-      this._listeners[key] = [];
-    }
-  }
-}
-const Util = {
+    });
+  },
   /**
-   * 获取数据类型
+   * 加载样式文件
    *
-   * @param data 待判断的数据
-   * @returns 返回数据类型字符串
+   * @param urls 样式文件URL数组
+   * @returns 无返回值
    */
-  getDataType(data) {
-    return Object.prototype.toString.call(data).slice(8, -1);
-  },
-  asArray(obj) {
-    return this.isEmpty(obj) ? [] : Array.isArray(obj) ? obj : [obj];
-  },
-  asNumber(a) {
-    return Number.isNaN(Number(a)) ? 0 : Number(a);
+  loadStyle(urls) {
+    urls.forEach((url) => {
+      const css = document.createElement("link");
+      css.href = url;
+      css.rel = "stylesheet";
+      css.type = "text/css";
+      css.onerror = function() {
+        console.error(`Style loading failed for URL: ${url}`);
+      };
+      document.head.appendChild(css);
+    });
   },
   /**
-   * 将值转换为字符串
+   * 将模板字符串中的占位符替换为给定对象中的值
    *
-   * @param value 要转换的值
-   * @returns 转换后的字符串，如果值为空，则返回空字符串
+   * @param str 模板字符串
+   * @param data 包含替换值的对象
+   * @returns 替换后的字符串
+   * @throws 当对象中没有找到与占位符对应的值时，抛出错误
    */
-  asString(value) {
-    if (this.isEmpty(value)) {
-      return "";
-    } else {
-      switch (this.getDataType(value)) {
-        case "Object":
-        case "Array":
-          return JSON.stringify(value);
-        default:
-          return value;
+  template(str, data) {
+    const templateRe = /\{ *([\w_-]+) *\}/g;
+    return str.replace(templateRe, (match, key) => {
+      const value = data[key];
+      if (value === void 0) {
+        throw new Error(`${ErrorType.JSON_PARSE_ERROR}: ${match}`);
+      } else if (typeof value === "function") {
+        return value(data);
+      } else {
+        return value;
       }
-    }
+    });
   },
   /**
-   * 判断传入的值是否为空
+   * 删除对象中所有值为空的属性
    *
-   * @param value 待判断的值
-   * @returns 返回布尔值，表示是否为空
+   * @param data 待处理的对象
+   * @returns 返回处理后的对象
    */
-  isEmpty(value) {
-    if (value == null) {
-      return true;
+  deleteEmptyProperty(data) {
+    return Object.fromEntries(
+      Object.keys(data).filter((d) => !this.isEmpty(data[d])).map((i) => [i, data[i]])
+    );
+  },
+  deepAssign(target, ...sources) {
+    if (typeof target !== "object" || target === null) {
+      target = {};
     }
-    const type = this.getDataType(value);
-    switch (type) {
-      case "String":
-        return value.trim() === "";
-      case "Array":
-        return !value.length;
-      case "Object":
-        return !Object.keys(value).length;
-      case "Boolean":
-        return !value;
-      default:
-        return false;
+    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;
   },
   /**
-   * 将JSON对象转换为FormData对象
+   * 复制文本到剪贴板
    *
-   * @param json 待转换的JSON对象，其属性值为字符串或Blob类型
-   * @returns 转换后的FormData对象
+   * @param text 要复制的文本
+   * @returns 返回一个Promise，表示复制操作的结果
    */
-  json2form(json) {
-    const formData = new FormData();
-    if (this.isEmpty(json)) return formData;
-    Object.keys(json).forEach((key) => {
-      formData.append(key, json[key] instanceof Object ? JSON.stringify(json[key]) : json[key]);
-    });
-    return formData;
-  },
-  /**
-   * 生成GUID
-   *
-   * @returns 返回一个由8个16进制数组成的GUID字符串
+  handleCopyValue(text) {
+    if (navigator.clipboard && window.isSecureContext) {
+      return navigator.clipboard.writeText(text);
+    } else {
+      const textArea = document.createElement("textarea");
+      textArea.style.position = "fixed";
+      textArea.style.top = textArea.style.left = "-100vh";
+      textArea.style.opacity = "0";
+      textArea.value = text;
+      document.body.appendChild(textArea);
+      textArea.focus();
+      textArea.select();
+      return new Promise((resolve, reject) => {
+        try {
+          document.execCommand("copy");
+          resolve();
+        } catch (error) {
+          reject(new Error("copy failed"));
+        } finally {
+          textArea.remove();
+        }
+      });
+    }
+  },
+  isArray(a) {
+    return Array.isArray(a);
+  },
+  isObject(a) {
+    return typeof a === "object" && a !== null;
+  },
+  isNil(a) {
+    return a === void 0 || a === "undefined" || a === null || a === "null";
+  },
+  isNumber(a) {
+    return typeof a === "number" && !isNaN(a) || typeof a === "string" && Number.isFinite(+a);
+  },
+  isInteger(a) {
+    return parseInt(a) === a;
+  },
+  isFunction(obj) {
+    if (this.isNil(obj)) {
+      return false;
+    }
+    return typeof obj === "function" || obj.constructor !== null && obj.constructor === Function;
+  },
+  /**
+   * 判断传入参数是否为DOM元素
+   *
+   * @param a 待判断的参数
+   * @returns 返回布尔值，表示是否为DOM元素
    */
-  guid() {
-    const S4 = function() {
-      return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
-    };
-    return S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4();
+  isElement(a) {
+    return typeof a === "object" && a.nodeType === 1;
   },
   /**
-   * 将参数进行解码并返回解码后的字符串
+   * 检查版本
    *
-   * @param args 参数
-   * @returns 解码后的字符串
+   * @param currentV 当前版本号
+   * @param targetV 要求版本号
+   * @returns 返回布尔值，表示当前版本是否需要升级到目标版本
    */
-  decodeDict(...args) {
-    let res = "";
-    if (args.length > 1) {
-      const items = args.slice(1, args.length % 2 === 0 ? args.length - 1 : args.length);
-      for (let i = 0; i < items.length; i = i + 2) {
-        const item = items[i];
-        if (args[0] === item) {
-          res = items[i + 1];
-        }
-      }
-      if (!res && args.length % 2 === 0) {
-        res = args[args.length - 1];
-      }
-    } else {
-      res = args[0];
-    }
-    return res;
+  checheVersion(currentV, targetV) {
+    var numC = currentV.replace(/[^0-9]/gi, "");
+    var numT = targetV.replace(/[^0-9]/gi, "");
+    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);
   },
   /**
-   * 将一个或多个对象的所有可枚举属性复制到目标对象。
+   * 角度转弧度
    *
-   * @param dest 目标对象，用于接收复制的属性。
-   * @param args 一个或多个源对象，用于提供要复制的属性。
-   * @returns 返回目标对象，包含所有复制的属性。
+   * @param {*} degrees
+   * @returns {*}
    */
-  extend(dest, ...args) {
-    let i, j, len, src;
-    for (j = 0, len = args.length; j < len; j++) {
-      src = args[j];
-      for (i in src) {
-        dest[i] = src[i];
-      }
-    }
-    return dest;
+  deg2Rad(degrees) {
+    return degrees * this.DEG2RAD;
   },
   /**
-   * 将扁平化数组转换为树形结构数组
+   * 弧度转角度
    *
-   * @param data 扁平化数组
-   * @param idPropertyName 数据中标识id的字段名，默认为'id'
-   * @param parentIdPropertyName 数据中标识父节点id的字段名，默认为'parentId'
-   * @param childrenPropertyName 树形结构中标识子节点的字段名，默认为'children'
-   * @returns 转换后的树形结构数组
+   * @param {*} radians
+   * @returns {*}
    */
-  convertToTree2(data, idPropertyName = "id", parentIdPropertyName = "parentId", childrenPropertyName = "children") {
-    const result = [];
-    function buildChildren(item) {
-      const children = data.filter((item2) => item2[parentIdPropertyName] === item[idPropertyName]).map((child) => {
-        if (!result.some((r) => r[idPropertyName] === child[idPropertyName])) {
-          buildChildren(child);
-        }
-        return child;
-      });
-      if (children.length > 0) {
-        item[childrenPropertyName] = children;
-      }
-    }
-    data.forEach((item) => {
-      if (!data.some((other) => other[parentIdPropertyName] === item[idPropertyName])) {
-        buildChildren(item);
-        result.push(item);
-      }
-    });
-    return result;
+  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));
+  }
+};
+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;
+  }
   /**
-   * 异步加载script
+   * 从RGBA字符串创建Color对象
    *
-   * @param {*} url
+   * @param rgbaValue RGBA颜色值字符串，格式为"rgba(r,g,b,a)"或"rgb(r,g,b)"
+   * @returns 返回Color对象
+   * @throws 如果rgbaValue不是有效的RGBA颜色值，则抛出错误
    */
-  asyncLoadScript(url) {
-    return new Promise((resolve, reject) => {
-      try {
-        const oscript = document.createElement("script");
-        oscript.type = "text/javascript";
-        oscript.src = url;
-        if ("readyState" in oscript) {
-          oscript.onreadystatechange = function() {
-            if (oscript.readyState === "complete" || oscript.readyState === "loaded") {
-              resolve(oscript);
-            }
-          };
-        } else {
-          oscript.onload = function() {
-            resolve(oscript);
-          };
-          oscript.onerror = function() {
-            reject(new Error("Script failed to load for URL: " + url));
-          };
-        }
-        document.body.appendChild(oscript);
-      } catch (error) {
-        reject(error);
-      }
-    });
-  },
+  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 urls 样式文件URL数组
-   * @returns 无返回值
+   * @param hexValue 十六进制颜色值，可带或不带#前缀，支持3位和6位表示
+   * @returns 返回颜色对象
    */
-  loadStyle(urls) {
-    urls.forEach((url) => {
-      const css = document.createElement("link");
-      css.href = url;
-      css.rel = "stylesheet";
-      css.type = "text/css";
-      css.onerror = function() {
-        console.error(`Style loading failed for URL: ${url}`);
-      };
-      document.head.appendChild(css);
-    });
-  },
+  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 str 模板字符串
-   * @param data 包含替换值的对象
-   * @returns 替换后的字符串
-   * @throws 当对象中没有找到与占位符对应的值时，抛出错误
+   * @param hsl HSL 字符串，格式为 hsl(h, s%, l%) 或 hsla(h, s%, l%, a)
+   * @returns 返回颜色对象，如果 hsl 字符串无效则返回 null
    */
-  template(str, data) {
-    const templateRe = /\{ *([\w_-]+) *\}/g;
-    return str.replace(templateRe, (match, key) => {
-      const value = data[key];
-      if (value === void 0) {
-        throw new Error(`${ErrorType.JSON_PARSE_ERROR}: ${match}`);
-      } else if (typeof value === "function") {
-        return value(data);
-      } else {
-        return value;
-      }
-    });
-  },
+  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 data 待处理的对象
-   * @returns 返回处理后的对象
+   * @param str 字符串类型的颜色值，支持rgba、hex、hsl格式
+   * @returns 返回创建的颜色对象
+   * @throws 当颜色值无效时，抛出错误
    */
-  deleteEmptyProperty(data) {
-    return Object.fromEntries(
-      Object.keys(data).filter((d) => !this.isEmpty(data[d])).map((i) => [i, data[i]])
-    );
-  },
-  deepAssign(target, ...sources) {
-    if (typeof target !== "object" || target === null) {
-      target = {};
-    }
-    for (const source of sources) {
-      if (typeof source === "object" && source !== null) {
-        for (const key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            if (typeof source[key] === "object" && source[key] !== null) {
-              if (!target[key]) {
-                target[key] = Array.isArray(source[key]) ? [] : {};
-              }
-              this.deepAssign(target[key], source[key]);
-            } else {
-              target[key] = source[key];
-            }
-          }
-        }
-      }
+  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");
     }
-    return target;
-  },
+  }
   /**
-   * 复制文本到剪贴板
+   * 将RGB颜色值转换为十六进制颜色值
    *
-   * @param text 要复制的文本
-   * @returns 返回一个Promise，表示复制操作的结果
+   * @param r 红色分量值，取值范围0-255
+   * @param g 绿色分量值，取值范围0-255
+   * @param b 蓝色分量值，取值范围0-255
+   * @param a 可选参数，透明度分量值，取值范围0-1
+   * @returns 十六进制颜色值，格式为#RRGGBB或#RRGGBBAA
    */
-  handleCopyValue(text) {
-    if (navigator.clipboard && window.isSecureContext) {
-      return navigator.clipboard.writeText(text);
-    } else {
-      const textArea = document.createElement("textarea");
-      textArea.style.position = "fixed";
-      textArea.style.top = textArea.style.left = "-100vh";
-      textArea.style.opacity = "0";
-      textArea.value = text;
-      document.body.appendChild(textArea);
-      textArea.focus();
-      textArea.select();
-      return new Promise((resolve, reject) => {
-        try {
-          document.execCommand("copy");
-          resolve();
-        } catch (error) {
-          reject(new Error("copy failed"));
-        } finally {
-          textArea.remove();
-        }
-      });
+  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;
     }
-  },
-  isArray(a) {
-    return Array.isArray(a);
-  },
-  isObject(a) {
-    return typeof a === "object" && a !== null;
-  },
-  isNil(a) {
-    return a === void 0 || a === "undefined" || a === null || a === "null";
-  },
-  isNumber(a) {
-    return typeof a === "number" && !isNaN(a) || typeof a === "string" && Number.isFinite(+a);
-  },
-  isInteger(a) {
-    return parseInt(a) === a;
-  },
-  isFunction(obj) {
-    if (this.isNil(obj)) {
-      return false;
+    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, "context", null);
+    if (typeof el === "string") {
+      el = document.querySelector("#" + el);
+      if (!el) {
+        throw new Error("Element not found");
+      }
     }
-    return typeof obj === "function" || obj.constructor !== null && obj.constructor === Function;
-  },
+    if (el instanceof HTMLElement) {
+      const canvas = el;
+      if (canvas.getContext) {
+        this.context = canvas.getContext("2d");
+      } else {
+        throw new Error("getContext is not available on this element");
+      }
+    } else {
+      throw new Error("Element is not an HTMLElement");
+    }
+  }
   /**
-   * 判断传入参数是否为DOM元素
+   * 绘制线条
    *
-   * @param a 待判断的参数
-   * @returns 返回布尔值，表示是否为DOM元素
+   * @param start 起始坐标点
+   * @param end 终止坐标点
+   * @param options 绘制选项，包括线条宽度和颜色
+   * @throws 当画布上下文不存在时抛出错误
    */
-  isElement(a) {
-    return typeof a === "object" && a.nodeType === 1;
-  },
+  drawLine({ x: startX, y: startY }, { x: endX, y: endY }, options = {}) {
+    if (!this.context) {
+      throw new Error("Canvas context is null or undefined");
+    }
+    this.context.beginPath();
+    const width = options.width || 1;
+    const color = options.color || "#000";
+    this.context.lineWidth = width;
+    this.context.strokeStyle = color;
+    this.context.moveTo(startX, startY);
+    this.context.lineTo(endX, endY);
+    this.context.stroke();
+  }
   /**
-   * 检查版本
+   * 绘制圆弧
    *
-   * @param currentV 当前版本号
-   * @param targetV 要求版本号
-   * @returns 返回布尔值，表示当前版本是否需要升级到目标版本
+   * @param x 圆心x坐标
+   * @param y 圆心y坐标
+   * @param radius 半径
+   * @param startAngle 起始角度（度）
+   * @param endAngle 结束角度（度）
+   * @param anticlockwise 是否逆时针绘制
+   * @param isFill 是否填充
+   * @param bgColor 背景颜色
+   * @throws 当Canvas context为null或undefined时抛出错误
    */
-  checheVersion(currentV, targetV) {
-    var numC = currentV.replace(/[^0-9]/gi, "");
-    var numT = targetV.replace(/[^0-9]/gi, "");
-    return numC < numT;
+  drawArc({ x, y }, radius, startAngle, endAngle, anticlockwise, isFill, bgColor) {
+    if (!this.context) {
+      throw new Error("Canvas context is null or undefined");
+    }
+    if (isFill) {
+      this.context.fillStyle = bgColor;
+      this.context.beginPath();
+      this.context.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
+      this.context.fill();
+    } else {
+      this.context.strokeStyle = bgColor;
+      this.context.beginPath();
+      this.context.arc(x, y, radius, MathUtil.deg2Rad(startAngle), MathUtil.deg2Rad(endAngle), anticlockwise);
+      this.context.stroke();
+    }
   }
-};
+  drawImage(src, { x, y }) {
+    const img = new Image();
+    img.src = src;
+    img.onload = () => {
+      const width = img.width;
+      const height = img.height;
+      if (!this.context) {
+        throw new Error("Canvas context is null");
+      }
+      this.context.drawImage(img, x, y, -width / 2, -height / 2);
+    };
+  }
+  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 = {
   deepClone(a) {
-    return structuredClone(a);
+    function F() {
+    }
+    F.prototype = a;
+    return new F();
   },
   isEqual(a, b) {
     return JSON.stringify(a) === JSON.stringify(b);
   },
   parse(str) {
-    if (typeof str === "string" && str.startsWith("{") && str.endsWith("}")) return JSON.parse(str);
-    if (Util.isEmpty(str)) return {};
-    if (Util.isObject(str)) return str;
+    try {
+      if (typeof str === "string" && str.startsWith("{") && str.endsWith("}")) return JSON.parse(str);
+      if (Util.isEmpty(str)) return {};
+      if (Util.isObject(str)) return str;
+    } catch (error) {
+      throw new Error(ErrorType.JSON_PARSE_ERROR + " -> " + str);
+    }
   }
 };
 class HashMap extends Map {
@@ -1086,10 +1103,10 @@ class WebSocketClient extends EventDispatcher {
     this.disconnect();
     if (this.url) {
       try {
+        const self = this;
         console.info("创建ws连接>>>" + this.url);
         this.client = new WebSocket(this.url);
         if (this.client) {
-          const self = this;
           this.client.onopen = function(message) {
             self.dispatchEvent({
               type: EventType.WEB_SOCKET_CONNECT,
@@ -1138,14 +1155,14 @@ class WebSocketClient extends EventDispatcher {
     if (this.checkTimes > times) return;
     setTimeout(() => {
       this.checkTimes++;
-      if (this.client && this.client.readyState !== 0 && this.client.readyState !== 1) {
+      if (this.state !== WebSocket.CONNECTING && this.state !== WebSocket.OPEN) {
         this.connect();
       }
       this.connCheckStatus(times);
     }, 2e3);
   }
   send(message) {
-    if (this.client && this.client.readyState === 1) {
+    if (this.client && this.state === WebSocket.OPEN) {
       this.client.send(message);
       return true;
     }
@@ -1154,13 +1171,17 @@ class WebSocketClient extends EventDispatcher {
   }
   heartbeat() {
     setTimeout(() => {
-      if (this.client && this.client.readyState === 1) {
+      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",
@@ -1752,205 +1773,23 @@ class GeoUtil {
     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 start 起点坐标
-   * @param end 终点坐标
-   * @param percent 百分比，取值范围0-1
-   * @returns 返回插值后的坐标
-   */
-  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 };
-  }
-}
-__publicField(GeoUtil, "toRadian", Math.PI / 180);
-__publicField(GeoUtil, "R", 6371393);
-const StringUtil = {
-  /**
-   * 校验字符串是否符合指定类型
-   *
-   * @param str 待校验字符串
-   * @param type 校验类型，可选值包括：
-   *   - 'phone': 手机号码
-   *   - 'tel': 座机
-   *   - 'card': 身份证
-   *   - 'pwd': 密码（以字母开头，长度在6~18之间，只能包含字母、数字和下划线）
-   *   - 'postal': 邮政编码
-   *   - 'QQ': QQ号
-   *   - 'email': 邮箱
-   *   - 'money': 金额（小数点2位）
-   *   - 'URL': 网址
-   *   - 'IP': IP地址
-   *   - 'date': 日期时间
-   *   - 'number': 数字
-   *   - 'english': 英文
-   *   - 'chinese': 中文
-   *   - 'lower': 小写字母
-   *   - 'upper': 大写字母
-   *   - 'HTML': HTML标记
-   * @returns 校验结果，符合返回true，否则返回false
-   */
-  checkStr(str, type) {
-    switch (type) {
-      case "phone":
-        return /^1[3|4|5|6|7|8|9][0-9]{9}$/.test(str);
-      case "tel":
-        return /^(0\d{2,3}-\d{7,8})(-\d{1,4})?$/.test(str);
-      case "card":
-        return /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(str);
-      case "pwd":
-        return /^[a-zA-Z]\w{5,17}$/.test(str);
-      case "postal":
-        return /[1-9]\d{5}(?!\d)/.test(str);
-      case "QQ":
-        return /^[1-9][0-9]{4,9}$/.test(str);
-      case "email":
-        return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str);
-      case "money":
-        return /^\d*(?:\.\d{0,2})?$/.test(str);
-      case "URL":
-        return /(http|ftp|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/.test(str);
-      case "IP":
-        return /((?:(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|[01]?\\d?\\d))/.test(str);
-      case "date":
-        return /^(\d{4})\-(\d{2})\-(\d{2}) (\d{2})(?:\:\d{2}|:(\d{2}):(\d{2}))$/.test(str) || /^(\d{4})\-(\d{2})\-(\d{2})$/.test(str);
-      case "number":
-        return /^[0-9]$/.test(str);
-      case "english":
-        return /^[a-zA-Z]+$/.test(str);
-      case "chinese":
-        return /^[\u4E00-\u9FA5]+$/.test(str);
-      case "lower":
-        return /^[a-z]+$/.test(str);
-      case "upper":
-        return /^[A-Z]+$/.test(str);
-      case "HTML":
-        return /<("[^"]*"|'[^']*'|[^'">])*>/.test(str);
-      default:
-        return true;
-    }
-  },
-  /**
-   * 转换字符串大小写
-   *
-   * @param str 待转换的字符串
-   * @param type 转换类型，可选值为 1-5，默认为 4
-   * 1：首字母大写，其余小写
-   * 2：首字母小写，其余大写
-   * 3：字母大小写反转
-   * 4：全部大写
-   * 5：全部小写
-   * @returns 转换后的字符串
-   */
-  changeCase(str, type) {
-    type = type || 4;
-    switch (type) {
-      case 1:
-        return str.replace(/\b\w+\b/g, function(word) {
-          return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
-        });
-      case 2:
-        return str.replace(/\b\w+\b/g, function(word) {
-          return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
-        });
-      case 3:
-        return str.split("").map(function(word) {
-          if (/[a-z]/.test(word)) {
-            return word.toUpperCase();
-          } else {
-            return word.toLowerCase();
-          }
-        }).join("");
-      case 4:
-        return str.toUpperCase();
-      case 5:
-        return str.toLowerCase();
-      default:
-        return str;
-    }
-  },
-  /**
-   * 计算字符串的字节长度
-   *
-   * @param str 需要计算字节长度的字符串
-   * @returns 返回字符串的字节长度
-   */
-  getByteLength(str) {
-    return str.replace(/[\u0391-\uFFE5]/g, "aa").length;
-  },
+    return { x, y };
+  }
   /**
-   * 截取字符串中指定字节长度的子串
+   * 根据百分比获取坐标
    *
-   * @param str 字符串对象，包含replace、length和substring方法
-   * @param start 截取起始位置
-   * @param n 截取字节长度
-   * @returns 返回截取后的子串
+   * @param start 起点坐标
+   * @param end 终点坐标
+   * @param percent 百分比，取值范围0-1
+   * @returns 返回插值后的坐标
    */
-  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 {
-        bytes.push(c & 255);
-      }
-    }
-    return new Uint8Array(bytes);
-  },
-  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]);
-      }
-    }
-    return str;
+  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 };
   }
-};
+}
+__publicField(GeoUtil, "toRadian", Math.PI / 180);
+__publicField(GeoUtil, "R", 6371393);
 const TYPES = ["Point", "MultiPoint", "LineString", "MultiLineString", "Polygon", "MultiPolygon"];
 const GeoJsonUtil = {
   /**
@@ -2192,67 +2031,118 @@ 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) => {
       if (Util.isEmpty(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_LACK + " -> " + a);
+        ExceptionUtil.throwEmptyException(a);
       }
     });
   },
   assertInteger(...arg) {
     arg.forEach((a) => {
       if (!Util.isInteger(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_INTEGER + " -> " + a);
+        ExceptionUtil.throwIntegerException(a);
       }
     });
   },
   assertNumber(...arg) {
     arg.forEach((a) => {
       if (!Util.isNumber(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_NUMBER + " -> " + a);
+        ExceptionUtil.throwNumberException(a);
       }
     });
   },
   assertArray(...arg) {
     arg.forEach((a) => {
       if (!Util.isArray(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_ARRAY + " -> " + a);
+        ExceptionUtil.throwArrayException(a);
       }
     });
   },
   assertFunction(...arg) {
     arg.forEach((a) => {
       if (!Util.isFunction(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_FUNCTION + " -> " + a);
-      }
-    });
-  },
-  assertObject(...arg) {
-    arg.forEach((a) => {
-      if (!Util.isObject(a)) {
-        throw Error(ErrorType.PARAMETER_ERROR_OBJECT + " -> " + a);
+        ExceptionUtil.throwFunctionException(a);
       }
     });
   },
   assertColor(...arg) {
     arg.forEach((a) => {
       if (!Color.isColor(a)) {
-        throw Error(ErrorType.DATA_ERROR_COLOR + " -> " + a);
+        ExceptionUtil.throwColorException(a);
       }
     });
   },
   assertLnglat(...arg) {
     arg.forEach((a) => {
       if (!GeoUtil.isLnglat(a.lng, a.lat)) {
-        throw Error(ErrorType.DATA_ERROR_COORDINATE + " -> " + a);
+        ExceptionUtil.throwCoordinateException(a);
       }
     });
   },
   assertGeoJson(...arg) {
     arg.forEach((a) => {
       if (!GeoJsonUtil.isGeoJson(a)) {
-        throw Error(ErrorType.DATA_ERROR_GEOJSON + " -> " + a);
+        ExceptionUtil.throwGeoJsonException(a);
       }
     });
   },
@@ -2275,73 +2165,6 @@ const AssertUtil = {
     if (!value.endsWith(prefix)) {
       throw Error("字符串" + value + "结尾不是 -> " + prefix);
     }
-  },
-  /**
-   * 判断字符串是否合法
-   *
-   * @param value 待判断的字符串
-   * @param type 字符串类型
-   * @throws 当字符串不合法时，抛出错误，错误信息为“参数错误 -> 不是{typename}”
-   */
-  assertLegal(value, type) {
-    const bool = StringUtil.checkStr(value, type);
-    let typename = "";
-    switch (type) {
-      case "phone":
-        typename = "电话";
-        break;
-      case "tel":
-        typename = "座机";
-        break;
-      case "card":
-        typename = "身份证";
-        break;
-      case "pwd":
-        typename = "密码";
-        break;
-      case "postal":
-        typename = "邮政编码";
-        break;
-      case "QQ":
-        typename = "QQ";
-        break;
-      case "email":
-        typename = "邮箱";
-        break;
-      case "money":
-        typename = "金额";
-        break;
-      case "URL":
-        typename = "网址";
-        break;
-      case "IP":
-        typename = "IP";
-        break;
-      case "date":
-        typename = "日期时间";
-        break;
-      case "number":
-        typename = "数字";
-        break;
-      case "english":
-        typename = "英文";
-        break;
-      case "chinese":
-        typename = "中文";
-        break;
-      case "lower":
-        typename = "小写";
-        break;
-      case "upper":
-        typename = "大写";
-        break;
-      case "HTML":
-        typename = "HTML标记";
-        break;
-    }
-    if (!bool) {
-      throw Error(ErrorType.DATA_ERROR + " -> 不是" + typename);
-    }
   }
 };
 const myArray = Object.create(Array);
@@ -3555,6 +3378,124 @@ const OptimizeUtil = {
     };
   }
 };
+const StringUtil = {
+  /**
+   * 转换字符串大小写
+   *
+   * @param str 待转换的字符串
+   * @param type 转换类型，可选值为 1-5，默认为 4
+   * 1：首字母大写，其余小写
+   * 2：首字母小写，其余大写
+   * 3：字母大小写反转
+   * 4：全部大写
+   * 5：全部小写
+   * @returns 转换后的字符串
+   */
+  changeCase(str, type) {
+    type = type || 4;
+    switch (type) {
+      case 1:
+        return str.replace(/\b\w+\b/g, function(word) {
+          return word.substring(0, 1).toUpperCase() + word.substring(1).toLowerCase();
+        });
+      case 2:
+        return str.replace(/\b\w+\b/g, function(word) {
+          return word.substring(0, 1).toLowerCase() + word.substring(1).toUpperCase();
+        });
+      case 3:
+        return str.split("").map(function(word) {
+          if (/[a-z]/.test(word)) {
+            return word.toUpperCase();
+          } else {
+            return word.toLowerCase();
+          }
+        }).join("");
+      case 4:
+        return str.toUpperCase();
+      case 5:
+        return str.toLowerCase();
+      default:
+        return str;
+    }
+  },
+  /**
+   * 计算字符串的字节长度
+   *
+   * @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;
+    }
+    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 {
+        bytes.push(c & 255);
+      }
+    }
+    return new Uint8Array(bytes);
+  },
+  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]);
+      }
+    }
+    return str;
+  }
+};
 const UrlUtil = {
   /**
    * 将json对象转换为查询字符串
@@ -3604,6 +3545,53 @@ const UrlUtil = {
     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
+    );
+  },
+  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);
+  },
+  /**
+   * 判断是否是强密码，至少包含一个大写字母、一个小写字母、一个数字的组合、长度8-20位
+   *
+   * @param v 待检测的密码字符串
+   * @returns 如果是是强密码，则返回 true；否则返回 false
+   */
+  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);
+  }
+};
 const _MqttClient = class _MqttClient extends EventDispatcher {
   constructor(url = `ws://${window.document.domain}:20007/mqtt`, config = {}) {
     super();
@@ -3625,18 +3613,18 @@ const _MqttClient = class _MqttClient extends EventDispatcher {
     this.client = connect(this.url, this.options);
     this._onConnect();
     this._onMessage();
-    this.state = 0;
+    this.state = 1;
     this.topics = [];
   }
   _onConnect() {
     this.client.on("connect", () => {
-      this.state = 1;
+      this.state = 2;
       console.log("链接mqtt成功==>" + this.url);
       this.dispatchEvent({ type: EventType.MQTT_CONNECT, message: this });
     });
     this.client.on("error", (err) => {
       console.log("链接mqtt报错", err);
-      this.state = -1;
+      this.state = 0;
       this.dispatchEvent({ type: EventType.MQTT_ERROR, message: this });
       this.client.end();
       this.client.reconnect();
@@ -3669,7 +3657,7 @@ const _MqttClient = class _MqttClient extends EventDispatcher {
     return this;
   }
   subscribe(topic) {
-    this.state === 1 ? this.client.subscribe(topic, { qos: 1 }, (error, e) => {
+    this.state === 2 ? this.client.subscribe(topic, { qos: 1 }, (error, e) => {
       error instanceof Error ? console.error("订阅失败==>" + topic, error) : (this.topics = ArrayUtil.union(this.topics, topic), console.log("订阅成功==>" + topic));
     }) : this.addEventListener(EventType.MQTT_CONNECT, (res) => {
       this.client.subscribe(topic, { qos: 1 }, (error, e) => {
@@ -3835,6 +3823,7 @@ export {
   ErrorType,
   EventDispatcher,
   EventType,
+  ExceptionUtil,
   FileUtil,
   FormType,
   GeoJsonUtil,
@@ -3854,5 +3843,6 @@ export {
   StringUtil,
   UrlUtil,
   Util,
+  ValidateUtil,
   WebSocketClient
 };