@ichaingo/web-socket 1.3.72 → 1.3.74

package/dist/index.js

@@ -1,1523 +1,261 @@
-var Ge = Object.defineProperty;
-var Be = (_, r, h) => r in _ ? Ge(_, r, { enumerable: !0, configurable: !0, writable: !0, value: h }) : _[r] = h;
-var q = (_, r, h) => Be(_, typeof r != "symbol" ? r + "" : r, h);
-var Ee = { exports: {} }, f = {};
 /**
- * @license React
- * react.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
+ * WebSocket连接状态枚举
  */
-var Le;
-function Qe() {
-  if (Le) return f;
-  Le = 1;
-  var _ = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), Y = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), I = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), $ = Symbol.iterator;
-  function z(t) {
-    return t === null || typeof t != "object" ? null : (t = $ && t[$] || t["@@iterator"], typeof t == "function" ? t : null);
-  }
-  var F = {
-    isMounted: function() {
-      return !1;
-    },
-    enqueueForceUpdate: function() {
-    },
-    enqueueReplaceState: function() {
-    },
-    enqueueSetState: function() {
+export var ConnectionStatus;
+(function (ConnectionStatus) {
+    ConnectionStatus["CONNECTING"] = "connecting";
+    ConnectionStatus["CONNECTED"] = "connected";
+    ConnectionStatus["DISCONNECTED"] = "disconnected";
+    ConnectionStatus["RECONNECTING"] = "reconnecting";
+    ConnectionStatus["ERROR"] = "error";
+})(ConnectionStatus || (ConnectionStatus = {}));
+/**
+ * WebSocket单例连接类
+ * 提供WebSocket连接的创建、管理、重连等功能
+ */
+class SocketConnection {
+    static instance = null;
+    socket = null;
+    config;
+    status = ConnectionStatus.DISCONNECTED;
+    reconnectAttempts = 0;
+    reconnectTimer = null;
+    heartbeatTimer = null;
+    eventListeners = {};
+    constructor(config) {
+        this.config = {
+            reconnectInterval: 3000,
+            maxReconnectAttempts: 5,
+            heartbeatInterval: 30000,
+            debug: false,
+            ...config
+        };
     }
-  }, V = Object.assign, ee = {};
-  function U(t, o, a) {
-    this.props = t, this.context = o, this.refs = ee, this.updater = a || F;
-  }
-  U.prototype.isReactComponent = {}, U.prototype.setState = function(t, o) {
-    if (typeof t != "object" && typeof t != "function" && t != null)
-      throw Error(
-        "takes an object of state variables to update or a function which returns an object of state variables."
-      );
-    this.updater.enqueueSetState(this, t, o, "setState");
-  }, U.prototype.forceUpdate = function(t) {
-    this.updater.enqueueForceUpdate(this, t, "forceUpdate");
-  };
-  function G() {
-  }
-  G.prototype = U.prototype;
-  function Z(t, o, a) {
-    this.props = t, this.context = o, this.refs = ee, this.updater = a || F;
-  }
-  var l = Z.prototype = new G();
-  l.constructor = Z, V(l, U.prototype), l.isPureReactComponent = !0;
-  var O = Array.isArray, g = { H: null, A: null, T: null, S: null, V: null }, oe = Object.prototype.hasOwnProperty;
-  function se(t, o, a, c, v, b) {
-    return a = b.ref, {
-      $$typeof: _,
-      type: t,
-      key: o,
-      ref: a !== void 0 ? a : null,
-      props: b
-    };
-  }
-  function B(t, o) {
-    return se(
-      t.type,
-      o,
-      void 0,
-      void 0,
-      void 0,
-      t.props
-    );
-  }
-  function Q(t) {
-    return typeof t == "object" && t !== null && t.$$typeof === _;
-  }
-  function me(t) {
-    var o = { "=": "=0", ":": "=2" };
-    return "$" + t.replace(/[=:]/g, function(a) {
-      return o[a];
-    });
-  }
-  var C = /\/+/g;
-  function ue(t, o) {
-    return typeof t == "object" && t !== null && t.key != null ? me("" + t.key) : o.toString(36);
-  }
-  function x() {
-  }
-  function J(t) {
-    switch (t.status) {
-      case "fulfilled":
-        return t.value;
-      case "rejected":
-        throw t.reason;
-      default:
-        switch (typeof t.status == "string" ? t.then(x, x) : (t.status = "pending", t.then(
-          function(o) {
-            t.status === "pending" && (t.status = "fulfilled", t.value = o);
-          },
-          function(o) {
-            t.status === "pending" && (t.status = "rejected", t.reason = o);
-          }
-        )), t.status) {
-          case "fulfilled":
-            return t.value;
-          case "rejected":
-            throw t.reason;
+    /**
+     * 获取单例实例
+     */
+    static getInstance(config) {
+        if (!SocketConnection.instance) {
+            if (!config) {
+                throw new Error('首次创建SocketConnection实例时必须提供配置');
+            }
+            SocketConnection.instance = new SocketConnection(config);
         }
+        else if (config) {
+            if (JSON.stringify(SocketConnection.instance.config) !== JSON.stringify(config)) {
+                SocketConnection.instance = new SocketConnection(config);
+            }
+            if (config) {
+                SocketConnection.instance.config = {
+                    ...SocketConnection.instance.config,
+                    ...config
+                };
+            }
+        }
+        return SocketConnection.instance;
     }
-    throw t;
-  }
-  function M(t, o, a, c, v) {
-    var b = typeof t;
-    (b === "undefined" || b === "boolean") && (t = null);
-    var d = !1;
-    if (t === null) d = !0;
-    else
-      switch (b) {
-        case "bigint":
-        case "string":
-        case "number":
-          d = !0;
-          break;
-        case "object":
-          switch (t.$$typeof) {
-            case _:
-            case r:
-              d = !0;
-              break;
-            case L:
-              return d = t._init, M(
-                d(t._payload),
-                o,
-                a,
-                c,
-                v
-              );
-          }
-      }
-    if (d)
-      return v = v(t), d = c === "" ? "." + ue(t, 0) : c, O(v) ? (a = "", d != null && (a = d.replace(C, "$&/") + "/"), M(v, o, a, "", function(ne) {
-        return ne;
-      })) : v != null && (Q(v) && (v = B(
-        v,
-        a + (v.key == null || t && t.key === v.key ? "" : ("" + v.key).replace(
-          C,
-          "$&/"
-        ) + "/") + d
-      )), o.push(v)), 1;
-    d = 0;
-    var W = c === "" ? "." : c + ":";
-    if (O(t))
-      for (var k = 0; k < t.length; k++)
-        c = t[k], b = W + ue(c, k), d += M(
-          c,
-          o,
-          a,
-          b,
-          v
-        );
-    else if (k = z(t), typeof k == "function")
-      for (t = k.call(t), k = 0; !(c = t.next()).done; )
-        c = c.value, b = W + ue(c, k++), d += M(
-          c,
-          o,
-          a,
-          b,
-          v
-        );
-    else if (b === "object") {
-      if (typeof t.then == "function")
-        return M(
-          J(t),
-          o,
-          a,
-          c,
-          v
-        );
-      throw o = String(t), Error(
-        "Objects are not valid as a React child (found: " + (o === "[object Object]" ? "object with keys {" + Object.keys(t).join(", ") + "}" : o) + "). If you meant to render a collection of children, use an array instead."
-      );
+    /**
+     * 连接WebSocket
+     */
+    connect(config) {
+        this.config = {
+            ...this.config,
+            ...config
+        };
+        return new Promise((resolve, reject) => {
+            if (this.socket?.readyState === WebSocket.OPEN) {
+                resolve();
+                return;
+            }
+            const url = this.config.url + (this.config?.params ? `?${Object.entries(this.config.params).map(([key, value]) => `${key}=${value}`).join('&')}` : '');
+            if (url) {
+                this.setStatus(ConnectionStatus.CONNECTING);
+                this.log('正在连接WebSocket...', url);
+                try {
+                    this.socket = new WebSocket(url, this.config.protocols);
+                    this.setupEventListeners();
+                    this.socket.onopen = () => {
+                        this.log('WebSocket连接成功');
+                        this.setStatus(ConnectionStatus.CONNECTED);
+                        this.reconnectAttempts = 0;
+                        this.startHeartbeat();
+                        this.eventListeners.open?.();
+                        resolve();
+                    };
+                    this.socket.onerror = (error) => {
+                        this.log('WebSocket连接错误:', error);
+                        this.setStatus(ConnectionStatus.ERROR);
+                        this.eventListeners.error?.(error);
+                        reject(error);
+                    };
+                }
+                catch (error) {
+                    this.log('创建WebSocket连接失败:', error);
+                    this.setStatus(ConnectionStatus.ERROR);
+                    reject(error);
+                }
+            }
+        });
     }
-    return d;
-  }
-  function K(t, o, a) {
-    if (t == null) return t;
-    var c = [], v = 0;
-    return M(t, c, "", "", function(b) {
-      return o.call(a, b, v++);
-    }), c;
-  }
-  function ie(t) {
-    if (t._status === -1) {
-      var o = t._result;
-      o = o(), o.then(
-        function(a) {
-          (t._status === 0 || t._status === -1) && (t._status = 1, t._result = a);
-        },
-        function(a) {
-          (t._status === 0 || t._status === -1) && (t._status = 2, t._result = a);
+    /**
+     * 断开连接
+     */
+    disconnect() {
+        this.log('正在断开WebSocket连接...');
+        this.stopHeartbeat();
+        this.clearReconnectTimer();
+        if (this.socket) {
+            this.socket.close(1000, '主动断开连接');
+            this.socket = null;
         }
-      ), t._status === -1 && (t._status = 0, t._result = o);
+        this.setStatus(ConnectionStatus.DISCONNECTED);
     }
-    if (t._status === 1) return t._result.default;
-    throw t._result;
-  }
-  var te = typeof reportError == "function" ? reportError : function(t) {
-    if (typeof window == "object" && typeof window.ErrorEvent == "function") {
-      var o = new window.ErrorEvent("error", {
-        bubbles: !0,
-        cancelable: !0,
-        message: typeof t == "object" && t !== null && typeof t.message == "string" ? String(t.message) : String(t),
-        error: t
-      });
-      if (!window.dispatchEvent(o)) return;
-    } else if (typeof process == "object" && typeof process.emit == "function") {
-      process.emit("uncaughtException", t);
-      return;
+    /**
+     * 发送消息
+     */
+    send(data) {
+        if (this.socket?.readyState === WebSocket.OPEN) {
+            this.socket.send(data);
+            this.log('发送消息:', data);
+            return true;
+        }
+        else {
+            this.log('WebSocket未连接，无法发送消息');
+            return false;
+        }
     }
-    console.error(t);
-  };
-  function ae() {
-  }
-  return f.Children = {
-    map: K,
-    forEach: function(t, o, a) {
-      K(
-        t,
-        function() {
-          o.apply(this, arguments);
-        },
-        a
-      );
-    },
-    count: function(t) {
-      var o = 0;
-      return K(t, function() {
-        o++;
-      }), o;
-    },
-    toArray: function(t) {
-      return K(t, function(o) {
-        return o;
-      }) || [];
-    },
-    only: function(t) {
-      if (!Q(t))
-        throw Error(
-          "React.Children.only expected to receive a single React element child."
-        );
-      return t;
+    /**
+     * 发送JSON消息
+     */
+    sendJSON(data) {
+        return this.send(JSON.stringify(data));
     }
-  }, f.Component = U, f.Fragment = h, f.Profiler = A, f.PureComponent = Z, f.StrictMode = w, f.Suspense = N, f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = g, f.__COMPILER_RUNTIME = {
-    __proto__: null,
-    c: function(t) {
-      return g.H.useMemoCache(t);
+    /**
+     * 添加事件监听器
+     */
+    on(event, listener) {
+        this.eventListeners[event] = listener;
     }
-  }, f.cache = function(t) {
-    return function() {
-      return t.apply(null, arguments);
-    };
-  }, f.cloneElement = function(t, o, a) {
-    if (t == null)
-      throw Error(
-        "The argument must be a React element, but you passed " + t + "."
-      );
-    var c = V({}, t.props), v = t.key, b = void 0;
-    if (o != null)
-      for (d in o.ref !== void 0 && (b = void 0), o.key !== void 0 && (v = "" + o.key), o)
-        !oe.call(o, d) || d === "key" || d === "__self" || d === "__source" || d === "ref" && o.ref === void 0 || (c[d] = o[d]);
-    var d = arguments.length - 2;
-    if (d === 1) c.children = a;
-    else if (1 < d) {
-      for (var W = Array(d), k = 0; k < d; k++)
-        W[k] = arguments[k + 2];
-      c.children = W;
+    /**
+     * 移除事件监听器
+     */
+    off(event) {
+        delete this.eventListeners[event];
     }
-    return se(t.type, v, void 0, void 0, b, c);
-  }, f.createContext = function(t) {
-    return t = {
-      $$typeof: Y,
-      _currentValue: t,
-      _currentValue2: t,
-      _threadCount: 0,
-      Provider: null,
-      Consumer: null
-    }, t.Provider = t, t.Consumer = {
-      $$typeof: P,
-      _context: t
-    }, t;
-  }, f.createElement = function(t, o, a) {
-    var c, v = {}, b = null;
-    if (o != null)
-      for (c in o.key !== void 0 && (b = "" + o.key), o)
-        oe.call(o, c) && c !== "key" && c !== "__self" && c !== "__source" && (v[c] = o[c]);
-    var d = arguments.length - 2;
-    if (d === 1) v.children = a;
-    else if (1 < d) {
-      for (var W = Array(d), k = 0; k < d; k++)
-        W[k] = arguments[k + 2];
-      v.children = W;
+    /**
+     * 获取连接状态
+     */
+    getStatus() {
+        return this.status;
     }
-    if (t && t.defaultProps)
-      for (c in d = t.defaultProps, d)
-        v[c] === void 0 && (v[c] = d[c]);
-    return se(t, b, void 0, void 0, null, v);
-  }, f.createRef = function() {
-    return { current: null };
-  }, f.forwardRef = function(t) {
-    return { $$typeof: T, render: t };
-  }, f.isValidElement = Q, f.lazy = function(t) {
-    return {
-      $$typeof: L,
-      _payload: { _status: -1, _result: t },
-      _init: ie
-    };
-  }, f.memo = function(t, o) {
-    return {
-      $$typeof: I,
-      type: t,
-      compare: o === void 0 ? null : o
-    };
-  }, f.startTransition = function(t) {
-    var o = g.T, a = {};
-    g.T = a;
-    try {
-      var c = t(), v = g.S;
-      v !== null && v(a, c), typeof c == "object" && c !== null && typeof c.then == "function" && c.then(ae, te);
-    } catch (b) {
-      te(b);
-    } finally {
-      g.T = o;
+    /**
+     * 检查是否已连接
+     */
+    isConnected() {
+        return this.status === ConnectionStatus.CONNECTED && this.socket?.readyState === WebSocket.OPEN;
     }
-  }, f.unstable_useCacheRefresh = function() {
-    return g.H.useCacheRefresh();
-  }, f.use = function(t) {
-    return g.H.use(t);
-  }, f.useActionState = function(t, o, a) {
-    return g.H.useActionState(t, o, a);
-  }, f.useCallback = function(t, o) {
-    return g.H.useCallback(t, o);
-  }, f.useContext = function(t) {
-    return g.H.useContext(t);
-  }, f.useDebugValue = function() {
-  }, f.useDeferredValue = function(t, o) {
-    return g.H.useDeferredValue(t, o);
-  }, f.useEffect = function(t, o, a) {
-    var c = g.H;
-    if (typeof a == "function")
-      throw Error(
-        "useEffect CRUD overload is not enabled in this build of React."
-      );
-    return c.useEffect(t, o);
-  }, f.useId = function() {
-    return g.H.useId();
-  }, f.useImperativeHandle = function(t, o, a) {
-    return g.H.useImperativeHandle(t, o, a);
-  }, f.useInsertionEffect = function(t, o) {
-    return g.H.useInsertionEffect(t, o);
-  }, f.useLayoutEffect = function(t, o) {
-    return g.H.useLayoutEffect(t, o);
-  }, f.useMemo = function(t, o) {
-    return g.H.useMemo(t, o);
-  }, f.useOptimistic = function(t, o) {
-    return g.H.useOptimistic(t, o);
-  }, f.useReducer = function(t, o, a) {
-    return g.H.useReducer(t, o, a);
-  }, f.useRef = function(t) {
-    return g.H.useRef(t);
-  }, f.useState = function(t) {
-    return g.H.useState(t);
-  }, f.useSyncExternalStore = function(t, o, a) {
-    return g.H.useSyncExternalStore(
-      t,
-      o,
-      a
-    );
-  }, f.useTransition = function() {
-    return g.H.useTransition();
-  }, f.version = "19.1.1", f;
-}
-var ce = { exports: {} };
-/**
- * @license React
- * react.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-ce.exports;
-var De;
-function Ke() {
-  return De || (De = 1, (function(_, r) {
-    process.env.NODE_ENV !== "production" && (function() {
-      function h(e, n) {
-        Object.defineProperty(P.prototype, e, {
-          get: function() {
-            console.warn(
-              "%s(...) is deprecated in plain JavaScript React classes. %s",
-              n[0],
-              n[1]
-            );
-          }
-        });
-      }
-      function w(e) {
-        return e === null || typeof e != "object" ? null : (e = _e && e[_e] || e["@@iterator"], typeof e == "function" ? e : null);
-      }
-      function A(e, n) {
-        e = (e = e.constructor) && (e.displayName || e.name) || "ReactClass";
-        var s = e + "." + n;
-        Re[s] || (console.error(
-          "Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",
-          n,
-          e
-        ), Re[s] = !0);
-      }
-      function P(e, n, s) {
-        this.props = e, this.context = n, this.refs = ye, this.updater = s || we;
-      }
-      function Y() {
-      }
-      function T(e, n, s) {
-        this.props = e, this.context = n, this.refs = ye, this.updater = s || we;
-      }
-      function N(e) {
-        return "" + e;
-      }
-      function I(e) {
-        try {
-          N(e);
-          var n = !1;
-        } catch {
-          n = !0;
-        }
-        if (n) {
-          n = console;
-          var s = n.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-          return s.call(
-            n,
-            "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-            u
-          ), N(e);
-        }
-      }
-      function L(e) {
-        if (e == null) return null;
-        if (typeof e == "function")
-          return e.$$typeof === Ye ? null : e.displayName || e.name || null;
-        if (typeof e == "string") return e;
-        switch (e) {
-          case t:
-            return "Fragment";
-          case a:
-            return "Profiler";
-          case o:
-            return "StrictMode";
-          case d:
-            return "Suspense";
-          case W:
-            return "SuspenseList";
-          case He:
-            return "Activity";
-        }
-        if (typeof e == "object")
-          switch (typeof e.tag == "number" && console.error(
-            "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-          ), e.$$typeof) {
-            case ae:
-              return "Portal";
-            case v:
-              return (e.displayName || "Context") + ".Provider";
-            case c:
-              return (e._context.displayName || "Context") + ".Consumer";
-            case b:
-              var n = e.render;
-              return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-            case k:
-              return n = e.displayName || null, n !== null ? n : L(e.type) || "Memo";
-            case ne:
-              n = e._payload, e = e._init;
-              try {
-                return L(e(n));
-              } catch {
-              }
-          }
-        return null;
-      }
-      function $(e) {
-        if (e === t) return "<>";
-        if (typeof e == "object" && e !== null && e.$$typeof === ne)
-          return "<...>";
-        try {
-          var n = L(e);
-          return n ? "<" + n + ">" : "<...>";
-        } catch {
-          return "<...>";
-        }
-      }
-      function z() {
-        var e = m.A;
-        return e === null ? null : e.getOwner();
-      }
-      function F() {
-        return Error("react-stack-top-frame");
-      }
-      function V(e) {
-        if (le.call(e, "key")) {
-          var n = Object.getOwnPropertyDescriptor(e, "key").get;
-          if (n && n.isReactWarning) return !1;
-        }
-        return e.key !== void 0;
-      }
-      function ee(e, n) {
-        function s() {
-          ke || (ke = !0, console.error(
-            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-            n
-          ));
-        }
-        s.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: s,
-          configurable: !0
-        });
-      }
-      function U() {
-        var e = L(this.type);
-        return Se[e] || (Se[e] = !0, console.error(
-          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-        )), e = this.props.ref, e !== void 0 ? e : null;
-      }
-      function G(e, n, s, u, i, y, p, R) {
-        return s = y.ref, e = {
-          $$typeof: te,
-          type: e,
-          key: n,
-          props: y,
-          _owner: i
-        }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
-          enumerable: !1,
-          get: U
-        }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: 0
-        }), Object.defineProperty(e, "_debugInfo", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: null
-        }), Object.defineProperty(e, "_debugStack", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: p
-        }), Object.defineProperty(e, "_debugTask", {
-          configurable: !1,
-          enumerable: !1,
-          writable: !0,
-          value: R
-        }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-      }
-      function Z(e, n) {
-        return n = G(
-          e.type,
-          n,
-          void 0,
-          void 0,
-          e._owner,
-          e.props,
-          e._debugStack,
-          e._debugTask
-        ), e._store && (n._store.validated = e._store.validated), n;
-      }
-      function l(e) {
-        return typeof e == "object" && e !== null && e.$$typeof === te;
-      }
-      function O(e) {
-        var n = { "=": "=0", ":": "=2" };
-        return "$" + e.replace(/[=:]/g, function(s) {
-          return n[s];
-        });
-      }
-      function g(e, n) {
-        return typeof e == "object" && e !== null && e.key != null ? (I(e.key), O("" + e.key)) : n.toString(36);
-      }
-      function oe() {
-      }
-      function se(e) {
-        switch (e.status) {
-          case "fulfilled":
-            return e.value;
-          case "rejected":
-            throw e.reason;
-          default:
-            switch (typeof e.status == "string" ? e.then(oe, oe) : (e.status = "pending", e.then(
-              function(n) {
-                e.status === "pending" && (e.status = "fulfilled", e.value = n);
-              },
-              function(n) {
-                e.status === "pending" && (e.status = "rejected", e.reason = n);
-              }
-            )), e.status) {
-              case "fulfilled":
-                return e.value;
-              case "rejected":
-                throw e.reason;
-            }
-        }
-        throw e;
-      }
-      function B(e, n, s, u, i) {
-        var y = typeof e;
-        (y === "undefined" || y === "boolean") && (e = null);
-        var p = !1;
-        if (e === null) p = !0;
-        else
-          switch (y) {
-            case "bigint":
-            case "string":
-            case "number":
-              p = !0;
-              break;
-            case "object":
-              switch (e.$$typeof) {
-                case te:
-                case ae:
-                  p = !0;
-                  break;
-                case ne:
-                  return p = e._init, B(
-                    p(e._payload),
-                    n,
-                    s,
-                    u,
-                    i
-                  );
-              }
-          }
-        if (p) {
-          p = e, i = i(p);
-          var R = u === "" ? "." + g(p, 0) : u;
-          return be(i) ? (s = "", R != null && (s = R.replace(Ne, "$&/") + "/"), B(i, n, s, "", function(X) {
-            return X;
-          })) : i != null && (l(i) && (i.key != null && (p && p.key === i.key || I(i.key)), s = Z(
-            i,
-            s + (i.key == null || p && p.key === i.key ? "" : ("" + i.key).replace(
-              Ne,
-              "$&/"
-            ) + "/") + R
-          ), u !== "" && p != null && l(p) && p.key == null && p._store && !p._store.validated && (s._store.validated = 2), i = s), n.push(i)), 1;
-        }
-        if (p = 0, R = u === "" ? "." : u + ":", be(e))
-          for (var E = 0; E < e.length; E++)
-            u = e[E], y = R + g(u, E), p += B(
-              u,
-              n,
-              s,
-              y,
-              i
-            );
-        else if (E = w(e), typeof E == "function")
-          for (E === e.entries && (Ae || console.warn(
-            "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
-          ), Ae = !0), e = E.call(e), E = 0; !(u = e.next()).done; )
-            u = u.value, y = R + g(u, E++), p += B(
-              u,
-              n,
-              s,
-              y,
-              i
-            );
-        else if (y === "object") {
-          if (typeof e.then == "function")
-            return B(
-              se(e),
-              n,
-              s,
-              u,
-              i
-            );
-          throw n = String(e), Error(
-            "Objects are not valid as a React child (found: " + (n === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : n) + "). If you meant to render a collection of children, use an array instead."
-          );
-        }
-        return p;
-      }
-      function Q(e, n, s) {
-        if (e == null) return e;
-        var u = [], i = 0;
-        return B(e, u, "", "", function(y) {
-          return n.call(s, y, i++);
-        }), u;
-      }
-      function me(e) {
-        if (e._status === -1) {
-          var n = e._result;
-          n = n(), n.then(
-            function(s) {
-              (e._status === 0 || e._status === -1) && (e._status = 1, e._result = s);
-            },
-            function(s) {
-              (e._status === 0 || e._status === -1) && (e._status = 2, e._result = s);
+    /**
+     * 设置事件监听器
+     */
+    setupEventListeners() {
+        if (!this.socket)
+            return;
+        this.socket.onmessage = (event) => {
+            this.log('收到消息:', event.data);
+            if (event.data !== 'pong') {
+                this.eventListeners.message?.(event.data);
             }
-          ), e._status === -1 && (e._status = 0, e._result = n);
-        }
-        if (e._status === 1)
-          return n = e._result, n === void 0 && console.error(
-            `lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))
-
-Did you accidentally put curly braces around the import?`,
-            n
-          ), "default" in n || console.error(
-            `lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`,
-            n
-          ), n.default;
-        throw e._result;
-      }
-      function C() {
-        var e = m.H;
-        return e === null && console.error(
-          `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`
-        ), e;
-      }
-      function ue() {
-      }
-      function x(e) {
-        if (pe === null)
-          try {
-            var n = ("require" + Math.random()).slice(0, 7);
-            pe = (_ && _[n]).call(
-              _,
-              "timers"
-            ).setImmediate;
-          } catch {
-            pe = function(u) {
-              je === !1 && (je = !0, typeof MessageChannel > "u" && console.error(
-                "This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."
-              ));
-              var i = new MessageChannel();
-              i.port1.onmessage = u, i.port2.postMessage(void 0);
-            };
-          }
-        return pe(e);
-      }
-      function J(e) {
-        return 1 < e.length && typeof AggregateError == "function" ? new AggregateError(e) : e[0];
-      }
-      function M(e, n) {
-        n !== de - 1 && console.error(
-          "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "
-        ), de = n;
-      }
-      function K(e, n, s) {
-        var u = m.actQueue;
-        if (u !== null)
-          if (u.length !== 0)
-            try {
-              ie(u), x(function() {
-                return K(e, n, s);
-              });
-              return;
-            } catch (i) {
-              m.thrownErrors.push(i);
-            }
-          else m.actQueue = null;
-        0 < m.thrownErrors.length ? (u = J(m.thrownErrors), m.thrownErrors.length = 0, s(u)) : n(e);
-      }
-      function ie(e) {
-        if (!ve) {
-          ve = !0;
-          var n = 0;
-          try {
-            for (; n < e.length; n++) {
-              var s = e[n];
-              do {
-                m.didUsePromise = !1;
-                var u = s(!1);
-                if (u !== null) {
-                  if (m.didUsePromise) {
-                    e[n] = s, e.splice(0, n);
-                    return;
-                  }
-                  s = u;
-                } else break;
-              } while (!0);
-            }
-            e.length = 0;
-          } catch (i) {
-            e.splice(0, n + 1), m.thrownErrors.push(i);
-          } finally {
-            ve = !1;
-          }
-        }
-      }
-      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-      var te = Symbol.for("react.transitional.element"), ae = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), c = Symbol.for("react.consumer"), v = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), W = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), ne = Symbol.for("react.lazy"), He = Symbol.for("react.activity"), _e = Symbol.iterator, Re = {}, we = {
-        isMounted: function() {
-          return !1;
-        },
-        enqueueForceUpdate: function(e) {
-          A(e, "forceUpdate");
-        },
-        enqueueReplaceState: function(e) {
-          A(e, "replaceState");
-        },
-        enqueueSetState: function(e) {
-          A(e, "setState");
-        }
-      }, Te = Object.assign, ye = {};
-      Object.freeze(ye), P.prototype.isReactComponent = {}, P.prototype.setState = function(e, n) {
-        if (typeof e != "object" && typeof e != "function" && e != null)
-          throw Error(
-            "takes an object of state variables to update or a function which returns an object of state variables."
-          );
-        this.updater.enqueueSetState(this, e, n, "setState");
-      }, P.prototype.forceUpdate = function(e) {
-        this.updater.enqueueForceUpdate(this, e, "forceUpdate");
-      };
-      var D = {
-        isMounted: [
-          "isMounted",
-          "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
-        ],
-        replaceState: [
-          "replaceState",
-          "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
-        ]
-      }, fe;
-      for (fe in D)
-        D.hasOwnProperty(fe) && h(fe, D[fe]);
-      Y.prototype = P.prototype, D = T.prototype = new Y(), D.constructor = T, Te(D, P.prototype), D.isPureReactComponent = !0;
-      var be = Array.isArray, Ye = Symbol.for("react.client.reference"), m = {
-        H: null,
-        A: null,
-        T: null,
-        S: null,
-        V: null,
-        actQueue: null,
-        isBatchingLegacy: !1,
-        didScheduleLegacyUpdate: !1,
-        didUsePromise: !1,
-        thrownErrors: [],
-        getCurrentStack: null,
-        recentlyCreatedOwnerStacks: 0
-      }, le = Object.prototype.hasOwnProperty, Ce = console.createTask ? console.createTask : function() {
-        return null;
-      };
-      D = {
-        react_stack_bottom_frame: function(e) {
-          return e();
-        }
-      };
-      var ke, Oe, Se = {}, Ue = D.react_stack_bottom_frame.bind(
-        D,
-        F
-      )(), We = Ce($(F)), Ae = !1, Ne = /\/+/g, Pe = typeof reportError == "function" ? reportError : function(e) {
-        if (typeof window == "object" && typeof window.ErrorEvent == "function") {
-          var n = new window.ErrorEvent("error", {
-            bubbles: !0,
-            cancelable: !0,
-            message: typeof e == "object" && e !== null && typeof e.message == "string" ? String(e.message) : String(e),
-            error: e
-          });
-          if (!window.dispatchEvent(n)) return;
-        } else if (typeof process == "object" && typeof process.emit == "function") {
-          process.emit("uncaughtException", e);
-          return;
-        }
-        console.error(e);
-      }, je = !1, pe = null, de = 0, he = !1, ve = !1, Ie = typeof queueMicrotask == "function" ? function(e) {
-        queueMicrotask(function() {
-          return queueMicrotask(e);
-        });
-      } : x;
-      D = Object.freeze({
-        __proto__: null,
-        c: function(e) {
-          return C().useMemoCache(e);
-        }
-      }), r.Children = {
-        map: Q,
-        forEach: function(e, n, s) {
-          Q(
-            e,
-            function() {
-              n.apply(this, arguments);
-            },
-            s
-          );
-        },
-        count: function(e) {
-          var n = 0;
-          return Q(e, function() {
-            n++;
-          }), n;
-        },
-        toArray: function(e) {
-          return Q(e, function(n) {
-            return n;
-          }) || [];
-        },
-        only: function(e) {
-          if (!l(e))
-            throw Error(
-              "React.Children.only expected to receive a single React element child."
-            );
-          return e;
-        }
-      }, r.Component = P, r.Fragment = t, r.Profiler = a, r.PureComponent = T, r.StrictMode = o, r.Suspense = d, r.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = m, r.__COMPILER_RUNTIME = D, r.act = function(e) {
-        var n = m.actQueue, s = de;
-        de++;
-        var u = m.actQueue = n !== null ? n : [], i = !1;
-        try {
-          var y = e();
-        } catch (E) {
-          m.thrownErrors.push(E);
-        }
-        if (0 < m.thrownErrors.length)
-          throw M(n, s), e = J(m.thrownErrors), m.thrownErrors.length = 0, e;
-        if (y !== null && typeof y == "object" && typeof y.then == "function") {
-          var p = y;
-          return Ie(function() {
-            i || he || (he = !0, console.error(
-              "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
-            ));
-          }), {
-            then: function(E, X) {
-              i = !0, p.then(
-                function(re) {
-                  if (M(n, s), s === 0) {
-                    try {
-                      ie(u), x(function() {
-                        return K(
-                          re,
-                          E,
-                          X
-                        );
-                      });
-                    } catch (ze) {
-                      m.thrownErrors.push(ze);
-                    }
-                    if (0 < m.thrownErrors.length) {
-                      var qe = J(
-                        m.thrownErrors
-                      );
-                      m.thrownErrors.length = 0, X(qe);
-                    }
-                  } else E(re);
-                },
-                function(re) {
-                  M(n, s), 0 < m.thrownErrors.length && (re = J(
-                    m.thrownErrors
-                  ), m.thrownErrors.length = 0), X(re);
-                }
-              );
+        };
+        this.socket.onclose = (event) => {
+            this.log('WebSocket连接关闭:', event.code, event.reason);
+            this.setStatus(ConnectionStatus.DISCONNECTED);
+            this.stopHeartbeat();
+            this.eventListeners.close?.(event);
+            // 如果不是主动断开，尝试重连
+            if (event.code !== 1000 && this.reconnectAttempts < (this.config.maxReconnectAttempts || 5)) {
+                this.scheduleReconnect();
             }
-          };
-        }
-        var R = y;
-        if (M(n, s), s === 0 && (ie(u), u.length !== 0 && Ie(function() {
-          i || he || (he = !0, console.error(
-            "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
-          ));
-        }), m.actQueue = null), 0 < m.thrownErrors.length)
-          throw e = J(m.thrownErrors), m.thrownErrors.length = 0, e;
-        return {
-          then: function(E, X) {
-            i = !0, s === 0 ? (m.actQueue = u, x(function() {
-              return K(
-                R,
-                E,
-                X
-              );
-            })) : E(R);
-          }
         };
-      }, r.cache = function(e) {
-        return function() {
-          return e.apply(null, arguments);
+        this.socket.onerror = (error) => {
+            this.log('WebSocket错误:', error);
+            this.setStatus(ConnectionStatus.ERROR);
+            this.eventListeners.error?.(error);
         };
-      }, r.captureOwnerStack = function() {
-        var e = m.getCurrentStack;
-        return e === null ? null : e();
-      }, r.cloneElement = function(e, n, s) {
-        if (e == null)
-          throw Error(
-            "The argument must be a React element, but you passed " + e + "."
-          );
-        var u = Te({}, e.props), i = e.key, y = e._owner;
-        if (n != null) {
-          var p;
-          e: {
-            if (le.call(n, "ref") && (p = Object.getOwnPropertyDescriptor(
-              n,
-              "ref"
-            ).get) && p.isReactWarning) {
-              p = !1;
-              break e;
-            }
-            p = n.ref !== void 0;
-          }
-          p && (y = z()), V(n) && (I(n.key), i = "" + n.key);
-          for (R in n)
-            !le.call(n, R) || R === "key" || R === "__self" || R === "__source" || R === "ref" && n.ref === void 0 || (u[R] = n[R]);
+    }
+    /**
+     * 设置连接状态
+     */
+    setStatus(status) {
+        if (this.status !== status) {
+            this.status = status;
+            this.log('连接状态变更:', status);
+            this.eventListeners.statusChange?.(status);
         }
-        var R = arguments.length - 2;
-        if (R === 1) u.children = s;
-        else if (1 < R) {
-          p = Array(R);
-          for (var E = 0; E < R; E++)
-            p[E] = arguments[E + 2];
-          u.children = p;
+    }
+    /**
+     * 安排重连
+     */
+    scheduleReconnect() {
+        if (this.reconnectTimer)
+            return;
+        this.reconnectAttempts++;
+        this.setStatus(ConnectionStatus.RECONNECTING);
+        this.log(`准备重连 (第${this.reconnectAttempts}次)...`);
+        this.reconnectTimer = setTimeout(() => {
+            this.reconnectTimer = null;
+            this.connect().catch(() => {
+                // 重连失败，继续尝试
+            });
+        }, this.config.reconnectInterval || 3000);
+    }
+    /**
+     * 清除重连定时器
+     */
+    clearReconnectTimer() {
+        if (this.reconnectTimer) {
+            clearTimeout(this.reconnectTimer);
+            this.reconnectTimer = null;
         }
-        for (u = G(
-          e.type,
-          i,
-          void 0,
-          void 0,
-          y,
-          u,
-          e._debugStack,
-          e._debugTask
-        ), i = 2; i < arguments.length; i++)
-          y = arguments[i], l(y) && y._store && (y._store.validated = 1);
-        return u;
-      }, r.createContext = function(e) {
-        return e = {
-          $$typeof: v,
-          _currentValue: e,
-          _currentValue2: e,
-          _threadCount: 0,
-          Provider: null,
-          Consumer: null
-        }, e.Provider = e, e.Consumer = {
-          $$typeof: c,
-          _context: e
-        }, e._currentRenderer = null, e._currentRenderer2 = null, e;
-      }, r.createElement = function(e, n, s) {
-        for (var u = 2; u < arguments.length; u++) {
-          var i = arguments[u];
-          l(i) && i._store && (i._store.validated = 1);
+    }
+    /**
+     * 开始心跳检测
+     */
+    startHeartbeat() {
+        this.stopHeartbeat();
+        if (this.config.heartbeatInterval && this.config.heartbeatInterval > 0) {
+            this.heartbeatTimer = setInterval(() => {
+                if (this.isConnected()) {
+                    this.send('ping');
+                }
+            }, this.config.heartbeatInterval);
         }
-        if (u = {}, i = null, n != null)
-          for (E in Oe || !("__self" in n) || "key" in n || (Oe = !0, console.warn(
-            "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
-          )), V(n) && (I(n.key), i = "" + n.key), n)
-            le.call(n, E) && E !== "key" && E !== "__self" && E !== "__source" && (u[E] = n[E]);
-        var y = arguments.length - 2;
-        if (y === 1) u.children = s;
-        else if (1 < y) {
-          for (var p = Array(y), R = 0; R < y; R++)
-            p[R] = arguments[R + 2];
-          Object.freeze && Object.freeze(p), u.children = p;
+    }
+    /**
+     * 停止心跳检测
+     */
+    stopHeartbeat() {
+        if (this.heartbeatTimer) {
+            clearInterval(this.heartbeatTimer);
+            this.heartbeatTimer = null;
         }
-        if (e && e.defaultProps)
-          for (E in y = e.defaultProps, y)
-            u[E] === void 0 && (u[E] = y[E]);
-        i && ee(
-          u,
-          typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-        );
-        var E = 1e4 > m.recentlyCreatedOwnerStacks++;
-        return G(
-          e,
-          i,
-          void 0,
-          void 0,
-          z(),
-          u,
-          E ? Error("react-stack-top-frame") : Ue,
-          E ? Ce($(e)) : We
-        );
-      }, r.createRef = function() {
-        var e = { current: null };
-        return Object.seal(e), e;
-      }, r.forwardRef = function(e) {
-        e != null && e.$$typeof === k ? console.error(
-          "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
-        ) : typeof e != "function" ? console.error(
-          "forwardRef requires a render function but was given %s.",
-          e === null ? "null" : typeof e
-        ) : e.length !== 0 && e.length !== 2 && console.error(
-          "forwardRef render functions accept exactly two parameters: props and ref. %s",
-          e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."
-        ), e != null && e.defaultProps != null && console.error(
-          "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
-        );
-        var n = { $$typeof: b, render: e }, s;
-        return Object.defineProperty(n, "displayName", {
-          enumerable: !1,
-          configurable: !0,
-          get: function() {
-            return s;
-          },
-          set: function(u) {
-            s = u, e.name || e.displayName || (Object.defineProperty(e, "name", { value: u }), e.displayName = u);
-          }
-        }), n;
-      }, r.isValidElement = l, r.lazy = function(e) {
-        return {
-          $$typeof: ne,
-          _payload: { _status: -1, _result: e },
-          _init: me
-        };
-      }, r.memo = function(e, n) {
-        e == null && console.error(
-          "memo: The first argument must be a component. Instead received: %s",
-          e === null ? "null" : typeof e
-        ), n = {
-          $$typeof: k,
-          type: e,
-          compare: n === void 0 ? null : n
-        };
-        var s;
-        return Object.defineProperty(n, "displayName", {
-          enumerable: !1,
-          configurable: !0,
-          get: function() {
-            return s;
-          },
-          set: function(u) {
-            s = u, e.name || e.displayName || (Object.defineProperty(e, "name", { value: u }), e.displayName = u);
-          }
-        }), n;
-      }, r.startTransition = function(e) {
-        var n = m.T, s = {};
-        m.T = s, s._updatedFibers = /* @__PURE__ */ new Set();
-        try {
-          var u = e(), i = m.S;
-          i !== null && i(s, u), typeof u == "object" && u !== null && typeof u.then == "function" && u.then(ue, Pe);
-        } catch (y) {
-          Pe(y);
-        } finally {
-          n === null && s._updatedFibers && (e = s._updatedFibers.size, s._updatedFibers.clear(), 10 < e && console.warn(
-            "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
-          )), m.T = n;
+    }
+    /**
+     * 日志输出
+     */
+    log(...args) {
+        if (this.config.debug) {
+            console.log('[SocketConnection]', ...args);
         }
-      }, r.unstable_useCacheRefresh = function() {
-        return C().useCacheRefresh();
-      }, r.use = function(e) {
-        return C().use(e);
-      }, r.useActionState = function(e, n, s) {
-        return C().useActionState(
-          e,
-          n,
-          s
-        );
-      }, r.useCallback = function(e, n) {
-        return C().useCallback(e, n);
-      }, r.useContext = function(e) {
-        var n = C();
-        return e.$$typeof === c && console.error(
-          "Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"
-        ), n.useContext(e);
-      }, r.useDebugValue = function(e, n) {
-        return C().useDebugValue(e, n);
-      }, r.useDeferredValue = function(e, n) {
-        return C().useDeferredValue(e, n);
-      }, r.useEffect = function(e, n, s) {
-        e == null && console.warn(
-          "React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"
-        );
-        var u = C();
-        if (typeof s == "function")
-          throw Error(
-            "useEffect CRUD overload is not enabled in this build of React."
-          );
-        return u.useEffect(e, n);
-      }, r.useId = function() {
-        return C().useId();
-      }, r.useImperativeHandle = function(e, n, s) {
-        return C().useImperativeHandle(e, n, s);
-      }, r.useInsertionEffect = function(e, n) {
-        return e == null && console.warn(
-          "React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"
-        ), C().useInsertionEffect(e, n);
-      }, r.useLayoutEffect = function(e, n) {
-        return e == null && console.warn(
-          "React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"
-        ), C().useLayoutEffect(e, n);
-      }, r.useMemo = function(e, n) {
-        return C().useMemo(e, n);
-      }, r.useOptimistic = function(e, n) {
-        return C().useOptimistic(e, n);
-      }, r.useReducer = function(e, n, s) {
-        return C().useReducer(e, n, s);
-      }, r.useRef = function(e) {
-        return C().useRef(e);
-      }, r.useState = function(e) {
-        return C().useState(e);
-      }, r.useSyncExternalStore = function(e, n, s) {
-        return C().useSyncExternalStore(
-          e,
-          n,
-          s
-        );
-      }, r.useTransition = function() {
-        return C().useTransition();
-      }, r.version = "19.1.1", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-    })();
-  })(ce, ce.exports)), ce.exports;
-}
-var $e;
-function Xe() {
-  return $e || ($e = 1, process.env.NODE_ENV === "production" ? Ee.exports = Qe() : Ee.exports = Ke()), Ee.exports;
-}
-var S = Xe();
-function Me(_) {
-  const [r, h] = S.useState(H.DISCONNECTED), [w, A] = S.useState(null), [P, Y] = S.useState(0), T = S.useRef(null), N = S.useRef(!1), I = S.useRef(_);
-  S.useEffect(() => {
-    I.current = _;
-  }, [_]);
-  const L = S.useCallback(() => {
-    if (!T.current)
-      try {
-        T.current = ge.getInstance(I.current);
-      } catch (l) {
-        throw console.error("Failed to create socket instance:", l), l;
-      }
-    return T.current;
-  }, []), $ = S.useCallback(async () => {
-    try {
-      A(null), await L().connect();
-    } catch (l) {
-      throw A(l), l;
     }
-  }, [L]), z = S.useCallback(() => {
-    const l = T.current;
-    l && l.disconnect();
-  }, []), F = S.useCallback((l) => {
-    const O = T.current;
-    return O ? O.send(l) : !1;
-  }, []), V = S.useCallback((l) => {
-    const O = T.current;
-    return O ? O.sendJSON(l) : !1;
-  }, []), ee = S.useCallback((l, O) => {
-    const g = T.current;
-    g && g.on(l, O);
-  }, []), U = S.useCallback((l) => {
-    const O = T.current;
-    O && O.off(l);
-  }, []), G = S.useCallback(async () => {
-    z(), await new Promise((l) => setTimeout(l, 1e3)), await $();
-  }, [z, $]);
-  S.useEffect(() => {
-    if (!N.current)
-      try {
-        const l = L();
-        l.on("statusChange", (O) => {
-          h(O), O === H.RECONNECTING ? Y((g) => g + 1) : O === H.CONNECTED && Y(0);
-        }), l.on("error", (O) => {
-          A(O);
-        }), l.on("close", () => {
-          A(null);
-        }), N.current = !0;
-      } catch (l) {
-        console.error("Failed to initialize socket:", l), A(l);
-      }
-  }, [L]), S.useEffect(() => {
-    _.autoConnect !== !1 && !N.current && $().catch(console.error);
-  }, [_.autoConnect, $]), S.useEffect(() => () => {
-    const l = T.current;
-    l && _.autoConnect !== !1 && l.disconnect();
-  }, [_.autoConnect]);
-  const Z = r === H.CONNECTED;
-  return {
-    status: r,
-    isConnected: Z,
-    connect: $,
-    disconnect: z,
-    send: F,
-    sendJSON: V,
-    on: ee,
-    off: U,
-    error: w,
-    reconnectAttempts: P,
-    reconnect: G
-  };
-}
-function Ve(_, r) {
-  const h = Me(_);
-  return S.useEffect(() => (h.on("message", (w) => {
-    try {
-      const A = typeof w == "string" ? JSON.parse(w) : w;
-      r(A);
-    } catch (A) {
-      console.error("Failed to parse message:", A);
+    /**
+     * 销毁实例
+     */
+    destroy() {
+        this.disconnect();
+        this.eventListeners = {};
+        SocketConnection.instance = null;
     }
-  }), () => {
-    h.off("message");
-  }), [h, r]), h;
 }
-function Ze(_) {
-  const [r, h] = S.useState(H.DISCONNECTED), w = Me(_);
-  return S.useEffect(() => (w.on("statusChange", h), () => {
-    w.off("statusChange");
-  }), [w]), {
-    status: r,
-    isConnected: r === H.CONNECTED,
-    isConnecting: r === H.CONNECTING,
-    isReconnecting: r === H.RECONNECTING,
-    isDisconnected: r === H.DISCONNECTED,
-    hasError: r === H.ERROR
-  };
-}
-var H = /* @__PURE__ */ ((_) => (_.CONNECTING = "connecting", _.CONNECTED = "connected", _.DISCONNECTED = "disconnected", _.RECONNECTING = "reconnecting", _.ERROR = "error", _))(H || {});
-const j = class j {
-  constructor(r) {
-    q(this, "socket", null);
-    q(this, "config");
-    q(this, "status", "disconnected");
-    q(this, "reconnectAttempts", 0);
-    q(this, "reconnectTimer", null);
-    q(this, "heartbeatTimer", null);
-    q(this, "eventListeners", {});
-    this.config = {
-      reconnectInterval: 3e3,
-      maxReconnectAttempts: 5,
-      heartbeatInterval: 3e4,
-      debug: !1,
-      ...r
-    };
-  }
-  /**
-   * 获取单例实例
-   */
-  static getInstance(r) {
-    if (j.instance)
-      r && (JSON.stringify(j.instance.config) !== JSON.stringify(r) && (j.instance = new j(r)), r && (j.instance.config = {
-        ...j.instance.config,
-        ...r
-      }));
-    else {
-      if (!r)
-        throw new Error("首次创建SocketConnection实例时必须提供配置");
-      j.instance = new j(r);
-    }
-    return j.instance;
-  }
-  /**
-   * 连接WebSocket
-   */
-  connect(r) {
-    return this.config = {
-      ...this.config,
-      ...r
-    }, new Promise((h, w) => {
-      var P, Y;
-      if (((P = this.socket) == null ? void 0 : P.readyState) === WebSocket.OPEN) {
-        h();
-        return;
-      }
-      const A = this.config.url + ((Y = this.config) != null && Y.params ? `?${Object.entries(this.config.params).map(([T, N]) => `${T}=${N}`).join("&")}` : "");
-      if (A) {
-        this.setStatus(
-          "connecting"
-          /* CONNECTING */
-        ), this.log("正在连接WebSocket...", A);
-        try {
-          this.socket = new WebSocket(A, this.config.protocols), this.setupEventListeners(), this.socket.onopen = () => {
-            var T, N;
-            this.log("WebSocket连接成功"), this.setStatus(
-              "connected"
-              /* CONNECTED */
-            ), this.reconnectAttempts = 0, this.startHeartbeat(), (N = (T = this.eventListeners).open) == null || N.call(T), h();
-          }, this.socket.onerror = (T) => {
-            var N, I;
-            this.log("WebSocket连接错误:", T), this.setStatus(
-              "error"
-              /* ERROR */
-            ), (I = (N = this.eventListeners).error) == null || I.call(N, T), w(T);
-          };
-        } catch (T) {
-          this.log("创建WebSocket连接失败:", T), this.setStatus(
-            "error"
-            /* ERROR */
-          ), w(T);
-        }
-      }
-    });
-  }
-  /**
-   * 断开连接
-   */
-  disconnect() {
-    this.log("正在断开WebSocket连接..."), this.stopHeartbeat(), this.clearReconnectTimer(), this.socket && (this.socket.close(1e3, "主动断开连接"), this.socket = null), this.setStatus(
-      "disconnected"
-      /* DISCONNECTED */
-    );
-  }
-  /**
-   * 发送消息
-   */
-  send(r) {
-    var h;
-    return ((h = this.socket) == null ? void 0 : h.readyState) === WebSocket.OPEN ? (this.socket.send(r), this.log("发送消息:", r), !0) : (this.log("WebSocket未连接，无法发送消息"), !1);
-  }
-  /**
-   * 发送JSON消息
-   */
-  sendJSON(r) {
-    return this.send(JSON.stringify(r));
-  }
-  /**
-   * 添加事件监听器
-   */
-  on(r, h) {
-    this.eventListeners[r] = h;
-  }
-  /**
-   * 移除事件监听器
-   */
-  off(r) {
-    delete this.eventListeners[r];
-  }
-  /**
-   * 获取连接状态
-   */
-  getStatus() {
-    return this.status;
-  }
-  /**
-   * 检查是否已连接
-   */
-  isConnected() {
-    var r;
-    return this.status === "connected" && ((r = this.socket) == null ? void 0 : r.readyState) === WebSocket.OPEN;
-  }
-  /**
-   * 设置事件监听器
-   */
-  setupEventListeners() {
-    this.socket && (this.socket.onmessage = (r) => {
-      var h, w;
-      this.log("收到消息:", r.data), r.data !== "pong" && ((w = (h = this.eventListeners).message) == null || w.call(h, r.data));
-    }, this.socket.onclose = (r) => {
-      var h, w;
-      this.log("WebSocket连接关闭:", r.code, r.reason), this.setStatus(
-        "disconnected"
-        /* DISCONNECTED */
-      ), this.stopHeartbeat(), (w = (h = this.eventListeners).close) == null || w.call(h, r), r.code !== 1e3 && this.reconnectAttempts < (this.config.maxReconnectAttempts || 5) && this.scheduleReconnect();
-    }, this.socket.onerror = (r) => {
-      var h, w;
-      this.log("WebSocket错误:", r), this.setStatus(
-        "error"
-        /* ERROR */
-      ), (w = (h = this.eventListeners).error) == null || w.call(h, r);
-    });
-  }
-  /**
-   * 设置连接状态
-   */
-  setStatus(r) {
-    var h, w;
-    this.status !== r && (this.status = r, this.log("连接状态变更:", r), (w = (h = this.eventListeners).statusChange) == null || w.call(h, r));
-  }
-  /**
-   * 安排重连
-   */
-  scheduleReconnect() {
-    this.reconnectTimer || (this.reconnectAttempts++, this.setStatus(
-      "reconnecting"
-      /* RECONNECTING */
-    ), this.log(`准备重连 (第${this.reconnectAttempts}次)...`), this.reconnectTimer = setTimeout(() => {
-      this.reconnectTimer = null, this.connect().catch(() => {
-      });
-    }, this.config.reconnectInterval || 3e3));
-  }
-  /**
-   * 清除重连定时器
-   */
-  clearReconnectTimer() {
-    this.reconnectTimer && (clearTimeout(this.reconnectTimer), this.reconnectTimer = null);
-  }
-  /**
-   * 开始心跳检测
-   */
-  startHeartbeat() {
-    this.stopHeartbeat(), this.config.heartbeatInterval && this.config.heartbeatInterval > 0 && (this.heartbeatTimer = setInterval(() => {
-      this.isConnected() && this.send("ping");
-    }, this.config.heartbeatInterval));
-  }
-  /**
-   * 停止心跳检测
-   */
-  stopHeartbeat() {
-    this.heartbeatTimer && (clearInterval(this.heartbeatTimer), this.heartbeatTimer = null);
-  }
-  /**
-   * 日志输出
-   */
-  log(...r) {
-    this.config.debug && console.log("[SocketConnection]", ...r);
-  }
-  /**
-   * 销毁实例
-   */
-  destroy() {
-    this.disconnect(), this.eventListeners = {}, j.instance = null;
-  }
-};
-q(j, "instance", null);
-let ge = j;
-export {
-  H as ConnectionStatus,
-  ge as default,
-  Me as useSocket,
-  Ve as useSocketMessage,
-  Ze as useSocketStatus
-};
+export default SocketConnection;
+// 导出React Hooks
+export { useSocket, useSocketMessage, useSocketStatus } from './useSocket.js';