yuang-framework-ui-common 1.0.121 → 1.0.123

package/lib/hooks/framework/frameworkSseClient.ts

@@ -1,4 +1,5 @@
 import { getLocalStorageItem, setLocalStorageItem } from "../../utils/storageUtils";
+import { getIsDebug } from '../../utils/htmlUtils';
 
 // 🔥 1. 优化常量：支持模块隔离的存储键
 export const getSseClientIdKey = (moduleCode?: string) => {
@@ -96,14 +97,18 @@ export class FrameworkSseClient {
 
             this.reconnectAttempts = 0;
             this.openHandler?.();
-            console.log('[SSE] 连接已建立（Fetch 流式）');
+            if(getIsDebug()) {
+                console.log('[SSE] 连接已建立（Fetch 流式）');
+            }
 
             while (true) {
                 if (this.isManualClose) break;
 
                 const { done, value } = await reader.read();
                 if (done) {
-                    console.log('[SSE] 流式响应已结束');
+                    if(getIsDebug()) {
+                        console.log('[SSE] 流式响应已结束');
+                    }
                     break;
                 }
 
@@ -137,12 +142,14 @@ export class FrameworkSseClient {
 
         // 兼容非标准消息格式
         if (!cleanMessage.startsWith('data:') && !cleanMessage.startsWith('event:')) {
-            console.log('[SSE] 兼容非标准消息格式:', cleanMessage);
-            const mockEvent = {
+            if(getIsDebug()) {
+                console.log('[SSE] 兼容非标准消息格式:', cleanMessage);
+            }
+            const messageEvent = {
                 data: cleanMessage,
                 type: 'message'
             } as MessageEvent;
-            this.messageHandler(cleanMessage, mockEvent);
+            this.messageHandler(cleanMessage, messageEvent);
             return;
         }
 
@@ -171,23 +178,26 @@ export class FrameworkSseClient {
         // 🔥 核心修复1：解析到 sseClientId 时即时处理
         if (eventType === 'sseClientId') {
             data = data.replace(/"/g,'');
-            console.log(`[SSE] [${this.moduleCode}] 获取到 sseClientId:`, data);
+            if(getIsDebug()) {
+                console.log(`[SSE] [${this.moduleCode}] 获取到 sseClientId:`, data);
+            }
             setLocalStorageItem(getSseClientIdKey(this.moduleCode), data, 60 * 30)
             // 即时触发回调，同步到 Hook 的响应式变量
             this.onSseClientIdUpdate?.(data);
             return;
         }
 
-        // 生成标准 MessageEvent
-        const mockEvent = new MessageEvent(eventType, {
-            data,
-            lastEventId: messageId,
-            origin: new URL(this.url).origin,
-            source: null,
-            ports: []
-        });
-
-        this.messageHandler(data, mockEvent);
+        if (eventType === 'sseMessage') {
+            // 生成标准 MessageEvent
+            const messageEvent = new MessageEvent(eventType, {
+                data,
+                lastEventId: messageId,
+                origin: new URL(this.url).origin,
+                source: null,
+                ports: []
+            });
+            this.messageHandler(data, messageEvent);
+        }
     }
 
     private handleReconnectSse(): void {
@@ -202,7 +212,9 @@ export class FrameworkSseClient {
         }
 
         this.reconnectAttempts++;
-        console.log(`[SSE] 准备第 ${this.reconnectAttempts} 次重连，间隔 ${this.reconnectInterval}ms`);
+        if(getIsDebug()) {
+            console.log(`[SSE] 准备第 ${this.reconnectAttempts} 次重连，间隔 ${this.reconnectInterval}ms`);
+        }
         this.reconnectTimer = window.setTimeout(() => {
             this.connectSse();
             this.reconnectTimer = null;
@@ -223,13 +235,17 @@ export class FrameworkSseClient {
     close(): void {
         this.isManualClose = true;
         this.cleanup();
-        console.log(`[SSE] [${this.moduleCode}] 连接已手动关闭`);
+        if(getIsDebug()) {
+            console.log(`[SSE] [${this.moduleCode}] 连接已手动关闭`);
+        }
     }
 
     reconnectSse(): void {
         this.isManualClose = false;
         this.connectSse();
-        console.log(`[SSE] [${this.moduleCode}] 触发手动重连`);
+        if(getIsDebug()) {
+            console.log(`[SSE] [${this.moduleCode}] 触发手动重连`);
+        }
     }
 
     isSseConnected(): boolean {
@@ -284,7 +300,9 @@ export function useSse(
 
     // 消息处理回调（仅处理业务消息）
     const messageHandler: SseMessageHandler = (data, event) => {
-        console.log(`[SSE Hook] [${moduleCode}] 接收消息:`, data, event);
+        if(getIsDebug()) {
+            console.log(`[SSE Hook] [${moduleCode}] 接收消息:`, data, event);
+        }
         // 业务消息才加入列表，避免 clientId 事件混入
         if (event?.type !== 'sseClientId') {
             sseMessageList.value.push(data);
@@ -295,7 +313,9 @@ export function useSse(
     // 连接成功回调
     const openHandler: SseOpenHandler = () => {
         isSseConnected.value = true;
-        console.log(`[${moduleCode}] SSE 连接成功`);
+        if(getIsDebug()) {
+            console.log(`[${moduleCode}] SSE 连接成功`);
+        }
     };
 
     // 错误处理回调
@@ -307,7 +327,9 @@ export function useSse(
 
     // 🔥 核心修复3：clientId 更新回调（即时同步响应式变量）
     const onSseClientIdUpdate = (clientId: string) => {
-        console.log(`[SSE Hook] [${moduleCode}] 同步 sseClientId:`, clientId);
+        if(getIsDebug()) {
+            console.log(`[SSE Hook] [${moduleCode}] 同步 sseClientId:`, clientId);
+        }
         sseClientId.value = clientId; // 即时更新响应式变量
     };
 
@@ -380,7 +402,9 @@ export function useSse(
             sseClient.close();
             sseClient = null;
             isSseConnected.value = false;
-            console.log(`[${moduleCode}] SSE 连接已断开`);
+            if(getIsDebug()) {
+                console.log(`[${moduleCode}] SSE 连接已断开`);
+            }
         }
     };
 
@@ -390,7 +414,9 @@ export function useSse(
     const reconnectSse = () => {
         if (sseClient) {
             sseClient.reconnectSse();
-            console.log(`[${moduleCode}] 已触发 SSE 手动重连`);
+            if(getIsDebug()) {
+                console.log(`[${moduleCode}] 已触发 SSE 手动重连`);
+            }
         } else {
             console.warn(`[${moduleCode}] 暂无有效 SSE 连接，请先建立连接`);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-common",
-  "version": "1.0.121",
+  "version": "1.0.123",
   "private": false,
   "type": "module",
   "scripts": {