@jnrs/vue-core 1.2.2 → 1.2.4

package/dist/composables/index.d.ts

@@ -1,2 +1,3 @@
 export { useReactivityTableHeight } from './useReactivityTableHeight';
 export { useMouseSelection } from './useMouseSelection';
+export { useWebSocket } from './useWebSocket';

package/dist/composables/index.js

@@ -1,5 +1,129 @@
-import { a as s, u as t } from "../useMouseSelection-v7Ud0vBn.js";
+import { c as G, u as K } from "../useMouseSelection-DU3qQWIm.js";
+import { ref as p, onDeactivated as x, onActivated as A, onUnmounted as D } from "vue";
+import { ElMessage as v } from "element-plus";
+import { a as L, u as _ } from "../index-KdP2kDTZ.js";
+const { token: H } = L(), { isMock: R } = _();
+function z(O) {
+  const {
+    url: S,
+    token: k = H,
+    connectionTimeoutDuration: C = 6e4,
+    heartbeat: b = !1,
+    heartbeatInterval: T = 3e4,
+    heartbeatTimeout: N = 1e4,
+    showLog: i = !1,
+    showMessage: c = !0,
+    onOpen: E,
+    onMessage: M,
+    onClose: I,
+    onError: y
+  } = O, e = p(null), f = p(!0), s = p(!1), u = p("未连接");
+  let h = "", o = "", r = null, a = null, t = null;
+  R && (h = S.startsWith("/mock") ? S : "/mock" + S);
+  const g = () => {
+    r && clearTimeout(r), a && clearTimeout(a), r = null, a = null;
+  }, W = () => {
+    if (!(!e.value || e.value.readyState !== WebSocket.OPEN))
+      try {
+        e.value.send(JSON.stringify({ type: "ping" })), a = setTimeout(() => {
+          o = "WebSocket 连接不稳定，正在重连...", i && console.warn(o), c && v({
+            message: o,
+            type: "warning",
+            grouping: !0,
+            showClose: !0,
+            duration: 3e3
+          }), P();
+        }, N);
+      } catch (n) {
+        console.error("发送 WebSocket ping 失败:", n);
+      }
+  }, P = () => {
+    d(), setTimeout(w, 2e3);
+  }, w = () => {
+    if (e.value?.readyState === WebSocket.OPEN) return;
+    e.value && e.value.close(), g(), t && clearTimeout(t);
+    const n = k ? [k] : void 0;
+    e.value = new WebSocket(h, n), t = setTimeout(() => {
+      e.value && e.value.readyState !== WebSocket.OPEN && (o = "WebSocket 连接超时", f.value = !1, s.value = !1, u.value = "连接超时", i && console.error(o), c && v({
+        message: o,
+        type: "error",
+        grouping: !0,
+        showClose: !0,
+        duration: 0
+      }), e.value?.close(), e.value = null, y?.(new Event("timeout")));
+    }, C), e.value.onopen = () => {
+      t && (clearTimeout(t), t = null), f.value = !1, s.value = !0, u.value = "连接成功", o = "WebSocket 连接成功", i && console.log(o), c && v({
+        message: o,
+        type: "success",
+        grouping: !0,
+        showClose: !0,
+        duration: 3e3
+      }), E?.(), b && (g(), r = setInterval(W, T));
+    }, e.value.onmessage = (l) => {
+      if (u.value = "数据接收中", typeof l.data == "string")
+        try {
+          if (JSON.parse(l.data).type === "pong") {
+            a && (clearTimeout(a), a = null);
+            return;
+          }
+        } catch {
+        }
+      try {
+        const m = JSON.parse(l.data);
+        M?.(m);
+      } catch (m) {
+        console.error("WebSocket 消息解析失败:", l.data, m);
+      }
+    }, e.value.onclose = () => {
+      f.value = !1, s.value = !1, u.value = "连接已关闭", g(), t && (clearTimeout(t), t = null), o = "WebSocket 连接已关闭", i && console.log(o), c && v({
+        message: o,
+        type: "warning",
+        grouping: !0,
+        showClose: !0,
+        duration: 3e3
+      }), I?.();
+    }, e.value.onerror = (l) => {
+      f.value = !1, s.value = !1, u.value = "连接失败", t && (clearTimeout(t), t = null), o = "WebSocket 连接失败", i && console.error(o, l), c && v({
+        message: o,
+        type: "error",
+        grouping: !0,
+        showClose: !0,
+        duration: 3e3
+      }), y?.(l);
+    };
+  }, J = (n) => {
+    if (!e.value || e.value.readyState !== WebSocket.OPEN) {
+      o = "WebSocket 未连接，无法发送消息", i && console.error(o), c && v({
+        message: o,
+        type: "error",
+        grouping: !0,
+        showClose: !0,
+        duration: 3e3
+      });
+      return;
+    }
+    const l = typeof n == "string" ? n : JSON.stringify(n);
+    e.value.send(l);
+  }, d = () => {
+    e.value && (e.value.close(), e.value = null), f.value = !1, s.value = !1, u.value = "手动关闭连接", g(), t && (clearTimeout(t), t = null);
+  };
+  return w(), x(() => {
+    r && (clearInterval(r), r = null), a && (clearTimeout(a), a = null);
+  }), A(() => {
+    s.value && b && (r = setInterval(W, T));
+  }), D(() => {
+    d();
+  }), {
+    ws: e,
+    isLoading: f,
+    isConnected: s,
+    wsStateInfo: u,
+    sendMessage: J,
+    closeWebSocket: d
+  };
+}
 export {
-  s as useMouseSelection,
-  t as useReactivityTableHeight
+  G as useMouseSelection,
+  K as useReactivityTableHeight,
+  z as useWebSocket
 };

package/dist/composables/useWebSocket.d.ts

@@ -0,0 +1,117 @@
+/**
+ * @Author : TanRui
+ * @WeChat : Tan578853789
+ * @File   : useWebSocket.ts
+ * @Date   : 2026/01/06
+ * @Desc.  : WebSocket 封装（支持心跳机制，前端发送 {type: 'ping'}，后端需返回 {type: 'pong'}）
+ */
+type WebSocketRawMessage = unknown;
+interface UseWebSocketOptions {
+    /**
+     * WebSocket 地址
+     */
+    url: string;
+    /**
+     * 网络超时时间（ms，默认 60s）
+     */
+    connectionTimeoutDuration?: number;
+    /**
+     * 认证信息
+     */
+    token?: string;
+    /**
+     * 是否启用心跳（默认 false）
+     */
+    heartbeat?: boolean;
+    /**
+     * 心跳间隔（ms，默认 30s）
+     */
+    heartbeatInterval?: number;
+    /**
+     * 心跳超时时间（ms，默认 10s）
+     */
+    heartbeatTimeout?: number;
+    /**
+     * 是否打印控制台信息（默认 false）
+     */
+    showLog?: boolean;
+    /**
+     * 是否显示消息弹框（默认 true）
+     */
+    showMessage?: boolean;
+    onOpen?: () => void;
+    onMessage?: (data: WebSocketRawMessage) => void;
+    onClose?: () => void;
+    onError?: (error: Event) => void;
+}
+/**
+ * useWebSocket
+ * @param options - WebSocket 配置项
+ * @returns {WebSocket | null} - ws 实例
+ * @returns {boolean} - isLoading 是否正在加载中
+ * @returns {boolean} - isConnected 是否已连接
+ * @returns {string} - wsStateInfo 连接状态信息
+ * @returns {void} - sendMessage 发送消息函数
+ * @returns {void} - closeWebSocket 关闭连接函数
+ */
+export declare function useWebSocket(options: UseWebSocketOptions): {
+    ws: import('vue').Ref<{
+        binaryType: BinaryType;
+        readonly bufferedAmount: number;
+        readonly extensions: string;
+        onclose: ((this: WebSocket, ev: CloseEvent) => any) | null;
+        onerror: ((this: WebSocket, ev: Event) => any) | null;
+        onmessage: ((this: WebSocket, ev: MessageEvent) => any) | null;
+        onopen: ((this: WebSocket, ev: Event) => any) | null;
+        readonly protocol: string;
+        readonly readyState: number;
+        readonly url: string;
+        close: (code?: number, reason?: string) => void;
+        send: (data: string | ArrayBufferLike | Blob | ArrayBufferView) => void;
+        readonly CONNECTING: 0;
+        readonly OPEN: 1;
+        readonly CLOSING: 2;
+        readonly CLOSED: 3;
+        addEventListener: {
+            <K extends keyof WebSocketEventMap>(type: K, listener: (this: WebSocket, ev: WebSocketEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        };
+        removeEventListener: {
+            <K extends keyof WebSocketEventMap>(type: K, listener: (this: WebSocket, ev: WebSocketEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        };
+        dispatchEvent: (event: Event) => boolean;
+    } | null, WebSocket | {
+        binaryType: BinaryType;
+        readonly bufferedAmount: number;
+        readonly extensions: string;
+        onclose: ((this: WebSocket, ev: CloseEvent) => any) | null;
+        onerror: ((this: WebSocket, ev: Event) => any) | null;
+        onmessage: ((this: WebSocket, ev: MessageEvent) => any) | null;
+        onopen: ((this: WebSocket, ev: Event) => any) | null;
+        readonly protocol: string;
+        readonly readyState: number;
+        readonly url: string;
+        close: (code?: number, reason?: string) => void;
+        send: (data: string | ArrayBufferLike | Blob | ArrayBufferView) => void;
+        readonly CONNECTING: 0;
+        readonly OPEN: 1;
+        readonly CLOSING: 2;
+        readonly CLOSED: 3;
+        addEventListener: {
+            <K extends keyof WebSocketEventMap>(type: K, listener: (this: WebSocket, ev: WebSocketEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        };
+        removeEventListener: {
+            <K extends keyof WebSocketEventMap>(type: K, listener: (this: WebSocket, ev: WebSocketEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+            (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+        };
+        dispatchEvent: (event: Event) => boolean;
+    } | null>;
+    isLoading: import('vue').Ref<boolean, boolean>;
+    isConnected: import('vue').Ref<boolean, boolean>;
+    wsStateInfo: import('vue').Ref<string, string>;
+    sendMessage: (data: string | Record<string, unknown>) => void;
+    closeWebSocket: () => void;
+};
+export {};