@das-fed/upf-utils 6.4.0-dev.287 → 6.4.0-dev.289

package/realtime-connection/index.js

@@ -0,0 +1,168 @@
+import { getConfig as c } from "@das-fed/upf-utils/config";
+import { objectToUrlparams as h } from "@das-fed/upf-utils/common-tools";
+const l = 3e3, u = 3e4, m = () => {
+  const i = c(), t = i.wsBaseURL || i.baseURL || location.origin;
+  return String(t || "").replace(/^https:/i, "wss:").replace(/^http:/i, "ws:").replace(/\/+$/, "");
+}, d = (i) => /^wss?:\/\//i.test(i), f = (i) => /^https?:\/\//i.test(i), p = (i, t) => {
+  const e = String(i || "").trim(), s = d(e) ? e : f(e) ? e.replace(/^https:/i, "wss:").replace(/^http:/i, "ws:") : `${m()}${e.startsWith("/") ? e : `/${e}`}`, r = h(t);
+  return r ? `${s}${s.includes("?") ? "&" : "?"}${r}` : s;
+}, T = (i, t) => t ? (Array.isArray(t) ? t : [t]).includes(String(i ?? "")) : !1, b = (i) => typeof i.data == "string" ? JSON.parse(i.data) : i.data;
+class S {
+  constructor(t) {
+    this.ws = null, this.state = "idle", this.heartbeatTimer = null, this.heartbeatTimeoutTimer = null, this.reconnectTimer = null, this.reconnectAttempts = 0, this.manualClosed = !1, this.started = !1, this.lastHeartbeatAck = !0, this.options = t, this.handleOnline = this.handleOnline.bind(this), this.handleOffline = this.handleOffline.bind(this);
+  }
+  /** 获取当前连接状态，供业务显示或调试兜底使用。 */
+  getState() {
+    return this.state;
+  }
+  /** 建立连接；重复调用不会创建多个活动 WebSocket。 */
+  async connect() {
+    if (!(this.started && (this.state === "connecting" || this.state === "open" || this.state === "reconnecting"))) {
+      if (this.started = !0, this.manualClosed = !1, typeof WebSocket > "u") {
+        this.setState("unsupported");
+        return;
+      }
+      typeof window < "u" && (window.addEventListener("online", this.handleOnline), window.addEventListener("offline", this.handleOffline)), await this.openSocket();
+    }
+  }
+  /** 仅在连接已打开时发送消息，失败时返回 false。 */
+  send(t) {
+    var e;
+    return ((e = this.ws) == null ? void 0 : e.readyState) !== WebSocket.OPEN ? !1 : (this.ws.send(t), !0);
+  }
+  /** 主动关闭连接，并清理心跳、重连和网络监听。 */
+  close() {
+    this.manualClosed = !0, this.started = !1, this.clearTimers(), this.removeNetworkListeners(), this.closeSocket(), this.setState("closed");
+  }
+  async openSocket() {
+    var s, r;
+    if (this.manualClosed) return;
+    this.clearReconnectTimer(), this.closeSocket(), this.setState(this.reconnectAttempts > 0 ? "reconnecting" : "connecting");
+    const t = { ...this.options.params || {} }, e = await this.resolveToken();
+    if (this.options.tokenProvider && !e) {
+      this.scheduleReconnect("waiting-token");
+      return;
+    }
+    e && (t[this.options.tokenParamName || "access_token"] = e);
+    try {
+      const n = new WebSocket(p(this.options.url, t));
+      this.ws = n, n.onopen = (o) => this.handleOpen(o), n.onmessage = (o) => this.handleMessage(o), n.onclose = (o) => this.handleClose(o), n.onerror = (o) => this.handleError(o);
+    } catch (n) {
+      (r = (s = this.options).onInvalidMessage) == null || r.call(s, n, {}), this.scheduleReconnect();
+    }
+  }
+  async resolveToken() {
+    if (!this.options.tokenProvider) return "";
+    try {
+      return String(await this.options.tokenProvider() || "").trim();
+    } catch {
+      return "";
+    }
+  }
+  handleOpen(t) {
+    var e, s;
+    this.reconnectAttempts = 0, this.lastHeartbeatAck = !0, this.setState("open"), (s = (e = this.options).onOpen) == null || s.call(e, t), this.startHeartbeat();
+  }
+  handleMessage(t) {
+    var e, s, r, n, o;
+    if (T(t.data, (e = this.options.heartbeat) == null ? void 0 : e.response)) {
+      this.lastHeartbeatAck = !0, this.clearHeartbeatTimeoutTimer();
+      return;
+    }
+    try {
+      const a = this.options.parser || b;
+      (r = (s = this.options).onMessage) == null || r.call(s, a(t), t);
+    } catch (a) {
+      (o = (n = this.options).onInvalidMessage) == null || o.call(n, a, t);
+    }
+  }
+  handleClose(t) {
+    var e, s;
+    if (this.clearHeartbeatTimers(), (s = (e = this.options).onClose) == null || s.call(e, t), this.manualClosed) {
+      this.setState("closed");
+      return;
+    }
+    this.scheduleReconnect();
+  }
+  handleError(t) {
+    var e, s;
+    (s = (e = this.options).onError) == null || s.call(e, t);
+  }
+  startHeartbeat() {
+    const t = this.options.heartbeat;
+    !(t != null && t.message) || !t.interval || (this.clearHeartbeatTimers(), this.heartbeatTimer = setInterval(() => {
+      if (!this.ws || this.ws.readyState !== WebSocket.OPEN) return;
+      if (t.timeout && !this.lastHeartbeatAck) {
+        this.closeSocket(), this.scheduleReconnect();
+        return;
+      }
+      const e = typeof t.message == "function" ? t.message() : t.message;
+      this.lastHeartbeatAck = !1, this.send(e), t.timeout && (this.clearHeartbeatTimeoutTimer(), this.heartbeatTimeoutTimer = setTimeout(() => {
+        this.lastHeartbeatAck || this.manualClosed || (this.closeSocket(), this.scheduleReconnect());
+      }, t.timeout));
+    }, t.interval));
+  }
+  scheduleReconnect(t = "reconnecting") {
+    var n;
+    if (this.manualClosed || !((n = this.options.reconnect) != null && n.enabled)) {
+      this.setState("closed");
+      return;
+    }
+    if (typeof navigator < "u" && navigator.onLine === !1) {
+      this.setState(t);
+      return;
+    }
+    const { maxAttempts: e, jitter: s } = this.options.reconnect;
+    if (typeof e == "number" && e >= 0 && this.reconnectAttempts >= e) {
+      this.setState("closed");
+      return;
+    }
+    this.reconnectAttempts += 1;
+    const r = this.getReconnectDelay();
+    this.setState(t), this.clearReconnectTimer(), this.reconnectTimer = setTimeout(() => {
+      if (s) {
+        setTimeout(() => this.openSocket(), Math.floor(Math.random() * 300));
+        return;
+      }
+      this.openSocket();
+    }, r);
+  }
+  getReconnectDelay() {
+    const t = this.options.reconnect || { enabled: !1 }, e = t.delay || l, s = t.maxDelay || u;
+    return Math.min(e * Math.pow(2, Math.max(0, this.reconnectAttempts - 1)), s);
+  }
+  handleOnline() {
+    !this.started || this.manualClosed || this.state === "open" || this.state === "connecting" || this.openSocket();
+  }
+  handleOffline() {
+    this.manualClosed || (this.clearReconnectTimer(), this.closeSocket(), this.setState("reconnecting"));
+  }
+  setState(t) {
+    var e, s;
+    this.state !== t && (this.state = t, (s = (e = this.options).onStateChange) == null || s.call(e, t));
+  }
+  closeSocket() {
+    const t = this.ws;
+    t && (t.onopen = null, t.onmessage = null, t.onclose = null, t.onerror = null, (t.readyState === WebSocket.OPEN || t.readyState === WebSocket.CONNECTING) && t.close(), this.ws = null);
+  }
+  clearTimers() {
+    this.clearHeartbeatTimers(), this.clearReconnectTimer();
+  }
+  clearHeartbeatTimers() {
+    this.heartbeatTimer && clearInterval(this.heartbeatTimer), this.heartbeatTimer = null, this.clearHeartbeatTimeoutTimer();
+  }
+  clearHeartbeatTimeoutTimer() {
+    this.heartbeatTimeoutTimer && clearTimeout(this.heartbeatTimeoutTimer), this.heartbeatTimeoutTimer = null;
+  }
+  clearReconnectTimer() {
+    this.reconnectTimer && clearTimeout(this.reconnectTimer), this.reconnectTimer = null;
+  }
+  removeNetworkListeners() {
+    typeof window > "u" || (window.removeEventListener("online", this.handleOnline), window.removeEventListener("offline", this.handleOffline));
+  }
+}
+const g = (i) => new S(i);
+export {
+  S as RealtimeSocketClient,
+  g as createRealtimeSocketClient
+};

package/release-meta.json

@@ -1,12 +1,12 @@
 {
   "packageName": "@das-fed/upf-utils",
-  "releaseVersion": "6.4.0-dev.287",
+  "releaseVersion": "6.4.0-dev.289",
   "distTag": "dev",
   "releaseType": "publish",
-  "publishedAt": "2026-07-02T08:16:28.342Z",
+  "publishedAt": "2026-07-08T01:52:46.305Z",
   "sourceBranch": "dev",
-  "sourceCommit": "fb153b1322fdc8e810df04fae22870b88403fb22",
-  "gitTag": "upf-release/v6.4.0-dev.287",
+  "sourceCommit": "78a710c274cfb48feeff4e3e4b5c18d43396202b",
+  "gitTag": "upf-release/v6.4.0-dev.289",
   "gitRemote": "origin",
   "gitRemoteUrl": "http://gitlab.dasiot.cn/foundation/frontend/framework.git",
   "releaseStatus": "success"

package/theme/es5.js

@@ -400,7 +400,7 @@ var m = "#ffffff",
       "--upf-menu-hover-bg": "#f2f2f2",
       "--upf-menu-active-bg": "#f2f6ff",
       "--upf-menu-active-text": "#5582f3",
-      "--upf-menu-submenu-bg": "#ffffff",
+      "--upf-menu-submenu-bg": "#FAFAFA",
       "--upf-tab-hover-bg": "#f2f6ff",
       "--upf-tab-active-text": "#5582f3",
       "--upf-box-shadow": "0 2px 8px rgba(0, 0, 0, 0.08)",
@@ -421,12 +421,12 @@ var m = "#ffffff",
       "--upf-nav-active-bg": "#5582f3",
       "--upf-nav-active-text": "#ffffff",
       "--upf-menu-bg": "#1f2346",
-      "--upf-menu-text": "#ffffff",
+      "--upf-menu-text": "rgba(255, 255, 255, 0.8)",
       "--upf-menu-hover-bg": "#2d3158",
       "--upf-menu-active-bg": "#2d3158",
       "--upf-menu-active-text": "#ffffff",
       "--upf-menu-submenu-bg": "#171b36",
-      "--upf-tab-hover-bg": "#f2f6ff",
+      "--upf-tab-hover-bg": "#0d111b",
       "--upf-tab-active-text": "#5582f3",
       "--upf-box-shadow": "0 6px 18px rgba(15, 23, 42, 0.08)",
       "--upf-box-shadow-elevated": "0 10px 28px rgba(35, 41, 75, 0.12)"
@@ -549,36 +549,36 @@ var m = "#ffffff",
     basePresetName: "dkh",
     variables: Ce
   },
-  we = y.ssl,
-  Fe = {
+  Fe = y.ssl,
+  we = {
     name: "ssl",
     displayName: "深邃蓝",
     description: "深邃蓝壳层主题，内容区沿用浅底与高亮蓝交互色",
     mode: "dark",
     source: "preset",
     basePresetName: "ssl",
-    variables: we
+    variables: Fe
   },
   _e = ["default", "cjb", "ssl", "dkh"],
   R = {
     "default": Te,
     cjb: xe,
-    ssl: Fe,
+    ssl: we,
     dkh: Se
   },
-  Ne = function Ne(e) {
+  Ae = function Ae(e) {
     return _objectSpread({}, e);
   },
   Z = function Z(e) {
     return _objectSpread(_objectSpread({}, e), {}, {
-      variables: Ne(e.variables)
+      variables: Ae(e.variables)
     });
   },
   g = function g(e) {
     var r = String(e || "").trim();
     return R[r] ? Z(R[r]) : undefined;
   },
-  Ae = function Ae() {
+  Ne = function Ne() {
     return _e.map(function (e) {
       return Z(R[e]);
     });
@@ -628,7 +628,7 @@ var m = "#ffffff",
   Re = function Re(e) {
     return Array.isArray(e) ? _toConsumableArray(e) : [e];
   },
-  w = function w(e, r) {
+  F = function F(e, r) {
     var t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     return r.reduce(function (o, u) {
       var _u$value;
@@ -1615,19 +1615,19 @@ var m = "#ffffff",
   }]),
   Oe = function Oe(e) {
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return w(e, De, r);
+    return F(e, De, r);
   },
   Le = function Le(e) {
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return w(e, Me, r);
+    return F(e, Me, r);
   },
   Ue = function Ue(e) {
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return w(e, Pe, r);
+    return F(e, Pe, r);
   },
   ze = function ze(e) {
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    return w(e, Ie, r);
+    return F(e, Ie, r);
   },
   P = function P(e) {
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -1664,13 +1664,13 @@ var m = "#ffffff",
     return g(e);
   },
   Tr = function Tr() {
-    return Ae();
+    return Ne();
   },
-  F = function F() {
+  w = function w() {
     return g("default");
   },
   Cr = function Cr() {
-    return _objectSpread({}, F().variables);
+    return _objectSpread({}, w().variables);
   },
   I = function I(e) {
     return e || ((typeof document === "undefined" ? "undefined" : _typeof(document)) > "u" ? null : document.documentElement);
@@ -1720,7 +1720,7 @@ var m = "#ffffff",
   We = function We() {
     var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "default";
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var t = g(e) || F();
+    var t = g(e) || w();
     return O(P(t.variables, _objectSpread(_objectSpread({}, r), {}, {
       themeName: r.themeName || t.name,
       basePresetName: r.basePresetName || t.basePresetName
@@ -1748,7 +1748,7 @@ var m = "#ffffff",
   L = function L(e) {
     return Object.prototype.toString.call(e) === "[object Object]";
   },
-  N = function N(e) {
+  A = function A(e) {
     return {
       themeName: e.name,
       basePresetName: e.basePresetName,
@@ -1756,7 +1756,7 @@ var m = "#ffffff",
     };
   },
   x = function x() {
-    return N(F());
+    return A(w());
   },
   oe = function oe(e) {
     if ((typeof window === "undefined" ? "undefined" : _typeof(window)) > "u") return null;
@@ -1783,7 +1783,7 @@ var m = "#ffffff",
     var r = L(e.customTheme) ? e.customTheme : null;
     if (!r) return null;
     var t = String(r.basePresetName || e.remoteTheme || "").trim(),
-      o = g(t) || F(),
+      o = g(t) || w(),
       u = qe(r.variables, o.variables);
     return u ? {
       themeName: "custom",
@@ -1807,7 +1807,7 @@ var m = "#ffffff",
         continue;
       }
       var l = g(n);
-      if (l) return N(l);
+      if (l) return A(l);
     }
     return null;
   },
@@ -1817,7 +1817,7 @@ var m = "#ffffff",
     for (var _i2 = 0, _t = t; _i2 < _t.length; _i2++) {
       var o = _t[_i2];
       var u = g(String(o || "").trim());
-      if (u) return N(u);
+      if (u) return A(u);
     }
     return null;
   },
@@ -1831,7 +1831,7 @@ var m = "#ffffff",
         return (n ? ae(n) : null) || x();
       }
       var o = g(t);
-      return o ? N(o) : x();
+      return o ? A(o) : x();
     }
     return Xe(e) || Je(r) || x();
   },
@@ -1839,7 +1839,7 @@ var m = "#ffffff",
     var t = _(e);
     (r.parentNode !== t || t.firstChild !== r) && t.insertBefore(r, t.firstChild);
   },
-  wr = function wr() {
+  Fr = function Fr() {
     var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var p;
     if ((typeof document === "undefined" ? "undefined" : _typeof(document)) > "u") return null;
@@ -1957,13 +1957,13 @@ var m = "#ffffff",
       return null;
     }
   },
-  A = function A() {
+  N = function N() {
     var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     return (typeof window === "undefined" ? "undefined" : _typeof(window)) > "u" ? null : V(window, "current", e) || V(window.parent, "parent", e) || V(window.top, "top", e);
   },
   ne = function ne() {
     var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var r = A(e.debug),
+    var r = N(e.debug),
       t = r != null && r.getCurrentTheme ? r.getCurrentTheme() : null;
     if (t) return t;
     var o = ((typeof window === "undefined" ? "undefined" : _typeof(window)) < "u" ? window.__UPF_THEME_SNAPSHOT__ : null) || null;
@@ -1975,14 +1975,14 @@ var m = "#ffffff",
     if (r) return E(r);
     var t = ne(e);
     if (t != null && t.variables) return E(t.variables);
-    var o = A(e.debug);
+    var o = N(e.debug);
     if (!o) return null;
     var u = o.getVariables ? o.getVariables() : null;
     return E(u);
   },
-  Fr = function Fr(e) {
+  wr = function wr(e) {
     var r = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var t = A(r);
+    var t = N(r);
     return t != null && t.changeTheme ? (t.changeTheme(e), true) : false;
   },
   le = function le() {
@@ -2044,7 +2044,7 @@ var m = "#ffffff",
       _e$debug = e.debug,
       u = _e$debug === void 0 ? true : _e$debug,
       n = _objectWithoutProperties(e, _excluded),
-      l = A(u);
+      l = N(u);
     var i = false,
       s = null,
       c = null;
@@ -2066,7 +2066,7 @@ var m = "#ffffff",
       i = true, s !== null && typeof cancelAnimationFrame == "function" && (cancelAnimationFrame(s), s = null), c !== null && (clearTimeout(c), c = null), k == null || k();
     };
   },
-  Nr = function Nr() {
+  Ar = function Ar() {
     var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return mr(_objectSpread({
       includeBridges: false,
@@ -2085,7 +2085,7 @@ var m = "#ffffff",
       debug: false
     })) == null ? undefined : n[o]) !== null && _ref75 !== void 0 ? _ref75 : "");
   },
-  Ar = function Ar(e) {
+  Nr = function Nr(e) {
     return "var(".concat(String(e || "").trim(), ")");
   },
   kr = function kr(e, r) {
@@ -2111,15 +2111,15 @@ exports.applyThemeVariablesToDocument = nr;
 exports.buildDefaultThemeCssText = Sr;
 exports.buildPresetThemeCssText = We;
 exports.buildRuntimeThemeVariables = P;
-exports.changeTheme = Fr;
-exports.ensureDefaultThemeStyle = wr;
+exports.changeTheme = wr;
+exports.ensureDefaultThemeStyle = Fr;
 exports.getAllPresetThemes = Tr;
 exports.getCurrentTheme = ne;
-exports.getDefaultPresetTheme = F;
+exports.getDefaultPresetTheme = w;
 exports.getDefaultThemeVariables = Cr;
 exports.getHostThemeSnapshotFromWindowName = ar;
 exports.getPresetTheme = Er;
-exports.getThemeAPI = A;
+exports.getThemeAPI = N;
 exports.getThemeSourceVariableCategories = vr;
 exports.getThemeSourceVariableHints = yr;
 exports.getThemeSourceVariableLabels = hr;
@@ -2127,15 +2127,15 @@ exports.getThemeSourceVariableNames = br;
 exports.getThemeSourceVariableRelations = xr;
 exports.getThemeVariable = dr;
 exports.getThemeVariables = lr;
-exports.getVar = Ar;
+exports.getVar = Nr;
 exports.getVarValue = kr;
-exports.initHostThemeRootSync = Nr;
+exports.initHostThemeRootSync = Ar;
 exports.initSubAppThemeSync = mr;
 exports.mixHexColor = Q;
 exports.normalizeHexColor = X;
 exports.normalizeThemeSourceVariables = ye;
 exports.resolvePrimaryBgColor = D;
-exports.resolveThemeBridgeVariables = w;
+exports.resolveThemeBridgeVariables = F;
 exports.syncHostThemeRoot = _r;
 exports.syncThemeFromHost = le;
 exports.toDasUiColorOverrides = Ue;