yuang-framework-ui-common 1.0.104 → 1.0.105

package/lib/hooks/framework/frameworkSseClient.ts

@@ -66,10 +66,10 @@ export class FrameworkSseClient {
         this.moduleCode = options?.moduleCode; // 初始化模块标识
         this.onSseClientIdUpdate = options?.onSseClientIdUpdate; // 初始化回调
 
-        this.connect();
+        this.connectSse();
     }
 
-    private async connect(): Promise<void> {
+    private async connectSse(): Promise<void> {
         this.cleanup();
 
         try {
@@ -115,13 +115,13 @@ export class FrameworkSseClient {
             }
 
             if (!this.isManualClose) {
-                this.handleReconnect();
+                this.handleReconnectSse();
             }
         } catch (error) {
             console.error('[SSE] 连接/读取失败:', error);
             this.errorHandler?.(error as Error);
             if (!this.isManualClose) {
-                this.handleReconnect();
+                this.handleReconnectSse();
             }
         }
     }
@@ -170,6 +170,7 @@ export class FrameworkSseClient {
 
         // 🔥 核心修复1：解析到 sseClientId 时即时处理
         if (eventType === 'sseClientId') {
+            data = data.replace(/"/g,'');
             console.log(`[SSE] [${this.moduleCode}] 获取到 sseClientId:`, data);
             setLocalStorageItem(getSseClientIdKey(this.moduleCode), data, 60 * 30)
             // 即时触发回调，同步到 Hook 的响应式变量
@@ -189,7 +190,7 @@ export class FrameworkSseClient {
         this.messageHandler(data, mockEvent);
     }
 
-    private handleReconnect(): void {
+    private handleReconnectSse(): void {
         if (this.reconnectAttempts >= this.maxReconnectAttempts) {
             console.error(`[SSE] 已达到最大重连次数(${this.maxReconnectAttempts})，停止重连`);
             this.errorHandler?.(new Error(`SSE 重连失败：已尝试 ${this.maxReconnectAttempts} 次`));
@@ -203,7 +204,7 @@ export class FrameworkSseClient {
         this.reconnectAttempts++;
         console.log(`[SSE] 准备第 ${this.reconnectAttempts} 次重连，间隔 ${this.reconnectInterval}ms`);
         this.reconnectTimer = window.setTimeout(() => {
-            this.connect();
+            this.connectSse();
             this.reconnectTimer = null;
         }, this.reconnectInterval);
     }
@@ -225,13 +226,13 @@ export class FrameworkSseClient {
         console.log(`[SSE] [${this.moduleCode}] 连接已手动关闭`);
     }
 
-    reconnect(): void {
+    reconnectSse(): void {
         this.isManualClose = false;
-        this.connect();
+        this.connectSse();
         console.log(`[SSE] [${this.moduleCode}] 触发手动重连`);
     }
 
-    isConnected(): boolean {
+    isSseConnected(): boolean {
         return !!this.streamReader && !this.isManualClose;
     }
 
@@ -259,28 +260,28 @@ export interface SseMessage {
 export interface UseSseResult {
     sseClientId: Ref<string>;
     sseMessageList: Ref<SseMessage[]>;
-    isConnected: Ref<boolean>;
-    connect: (options?: FrameworkSseClientOptions) => void;
-    disconnect: () => void;
-    sendMessage: (message: string) => Promise<any>;
-    reconnect: () => void;
+    isSseConnected: Ref<boolean>;
+    connectSse: (options?: FrameworkSseClientOptions) => void;
+    disconnectSse: () => void;
+    sendSseMessage: (message: string) => Promise<any>;
+    reconnectSse: () => void;
 }
 
 /**
  * Vue3 + TS SSE 通用 Hook（修复 clientId 同步 + 模块隔离）
  * @param sseUrl SSE 服务端连接地址
- * @param sendMessageUrl 发送消息的接口地址
+ * @param sendSseMessageUrl 发送消息的接口地址
  * @param moduleCode 模块标识（必填，用于隔离 clientId）
  */
 export function useSse(
     moduleCode: string = 'default'
 ): UseSseResult {
     const sseUrl: string = '/framework-api/standard/framework-sse/connect';
-    const sendMessageUrl: string = '/framework-api/standard/framework-sse/sendMessage';
+    const sendSseMessageUrl: string = '/framework-api/standard/framework-sse/sendMessage';
     // 🔥 核心修复2：初始化时读取模块专属的 sseClientId
     const sseClientId = ref<string>(getLocalStorageItem(getSseClientIdKey(moduleCode)) || '');
     const sseMessageList = ref<SseMessage[]>([]);
-    const isConnected = ref<boolean>(false);
+    const isSseConnected = ref<boolean>(false);
     let sseClient: FrameworkSseClient | null = null;
 
     // 消息处理回调（仅处理业务消息）
@@ -297,14 +298,14 @@ export function useSse(
 
     // 连接成功回调
     const openHandler: SseOpenHandler = () => {
-        isConnected.value = true;
+        isSseConnected.value = true;
         ElMessage.success(`[${moduleCode}] SSE 连接成功`);
     };
 
     // 错误处理回调
     const errorHandler: SseErrorHandler = (error) => {
         console.error(`[SSE Hook] [${moduleCode}] 连接错误:`, error);
-        isConnected.value = false;
+        isSseConnected.value = false;
         ElMessage.error(`[${moduleCode}] SSE 连接异常: ${(error as Error).message}`);
     };
 
@@ -317,8 +318,8 @@ export function useSse(
     /**
      * 建立 SSE 连接（支持模块隔离 + 即时同步 clientId）
      */
-    const connect = (options?: FrameworkSseClientOptions) => {
-        if (sseClient?.isConnected()) {
+    const connectSse = (options?: FrameworkSseClientOptions) => {
+        if (sseClient?.isSseConnected()) {
             ElMessage.warning(`[${moduleCode}] 已存在有效的 SSE 连接，无需重复连接`);
             return;
         }
@@ -378,11 +379,11 @@ export function useSse(
     /**
      * 断开连接
      */
-    const disconnect = () => {
+    const disconnectSse = () => {
         if (sseClient) {
             sseClient.close();
             sseClient = null;
-            isConnected.value = false;
+            isSseConnected.value = false;
             ElMessage.info(`[${moduleCode}] SSE 连接已断开`);
         }
     };
@@ -390,9 +391,9 @@ export function useSse(
     /**
      * 手动重连
      */
-    const reconnect = () => {
+    const reconnectSse = () => {
         if (sseClient) {
-            sseClient.reconnect();
+            sseClient.reconnectSse();
             ElMessage.info(`[${moduleCode}] 已触发 SSE 手动重连`);
         } else {
             ElMessage.warning(`[${moduleCode}] 暂无有效 SSE 连接，请先建立连接`);
@@ -402,7 +403,7 @@ export function useSse(
     /**
      * 发送消息（使用模块专属的 clientId）
      */
-    const sendMessage = async (sseMessage: string): Promise<any> => {
+    const sendSseMessage = async (sseMessage: string): Promise<any> => {
         // 🔥 核心修复4：使用当前模块的 clientId（响应式变量）
         if (!sseClientId.value) {
             const errMsg = `[${moduleCode}] 未获取到 sseClientId，请先建立连接`;
@@ -411,7 +412,7 @@ export function useSse(
         }
 
         try {
-            const res = await http.post(sendMessageUrl, {
+            const res = await http.post(sendSseMessageUrl, {
                 sseClientId: sseClientId.value, // 使用最新的响应式 clientId
                 sseMessage
             });
@@ -426,21 +427,21 @@ export function useSse(
 
     // 组件卸载时清理
     onUnmounted(() => {
-        disconnect();
+        disconnectSse();
     });
 
     // 页面关闭时清理
     if (typeof window !== 'undefined') {
-        window.addEventListener('beforeunload', disconnect);
+        window.addEventListener('beforeunload', disconnectSse);
     }
 
     return {
         sseClientId,
         sseMessageList,
-        isConnected,
-        connect,
-        disconnect,
-        sendMessage,
-        reconnect
+        isSseConnected,
+        connectSse,
+        disconnectSse,
+        sendSseMessage,
+        reconnectSse
     };
 }

package/package.json

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

package/src/views/example/hooks/framework/framework-sse-client.vue

@@ -7,22 +7,22 @@ http://localhost:8020/framework-ui-common/example/hooks/framework/framework-sse-
   <div class="sse-btn-group">
     <el-button
         type="primary"
-        @click="connect()"
-        :disabled="isConnected"
+        @click="connectSse()"
+        :disabled="isSseConnected"
         :icon="Connection"
     >
     建立 SSE 连接
     </el-button>
     <el-button
-        @click="disconnect()"
-        :disabled="!isConnected"
+        @click="disconnectSse()"
+        :disabled="!isSseConnected"
         :icon="CircleClose"
     >
       断开连接
     </el-button>
     <el-button
-        @click="reconnect()"
-        :disabled="!isConnected"
+        @click="reconnectSse()"
+        :disabled="!isSseConnected"
         :icon="Refresh"
     >
       手动重连
@@ -78,11 +78,11 @@ import { useSse } from '../../../../../lib/hooks/framework/frameworkSseClient';
 const {
   sseClientId,
   sseMessageList,
-  isConnected,
-  connect,
-  disconnect,
-  sendMessage,
-  reconnect
+  isSseConnected,
+  connectSse,
+  disconnectSse,
+  sendSseMessage,
+  reconnectSse
 } = useSse('example');
 
 // 发送消息输入框绑定值
@@ -94,7 +94,7 @@ const handleSendMessage = () => {
     ElMessage.warning('请输入消息内容');
     return;
   }
-  sendMessage(inputMessage.value).then(() => {
+  sendSseMessage(inputMessage.value).then(() => {
     // 发送成功后清空输入框
     inputMessage.value = '';
   }).catch(err => {