yuang-framework-ui-common 1.0.68 → 1.0.69

package/lib/hooks/framework/frameworkGroup.ts

@@ -6,7 +6,7 @@ import { getShortUuid } from '../../../lib/utils/uuidUtils';
 const initFrameworkGroup = ({ frameworkGroupCode }) => {
   return new Promise((resolve) => {
     // prettier-ignore
-    http.post(`${application.gatewayServerBaseUrl}/uims-api/core/framework-group/selectPage`, { code: frameworkGroupCode }).then((res) => {
+    http.post(`${application.gatewayServerBaseUrl}/uims-api/core/framework-group/selectPage`, { codeForEqual: frameworkGroupCode }).then((res) => {
       if (res.data.data.records.length == 0) {
         const formData = {
           id: '',

package/lib/hooks/framework/frameworkSseClient.ts

@@ -0,0 +1,135 @@
+export type SseMessageHandler = (data: string, event?: MessageEvent) => void;
+export type SseErrorHandler = (error: Event) => void;
+export type SseOpenHandler = () => void;
+
+export class FrameworkSseClient {
+  private eventSource: EventSource | null = null;
+  private url: string;
+  private messageHandler: SseMessageHandler;
+  private errorHandler?: SseErrorHandler;
+  private openHandler?: SseOpenHandler;
+  private reconnectInterval: number;
+  private maxReconnectAttempts: number;
+  private reconnectAttempts: number = 0;
+  private isManualClose: boolean = false;
+
+  /**
+   * 创建 SSE 客户端实例
+   * @param url SSE 服务端连接地址
+   * @param messageHandler 消息处理回调
+   * @param options 可选配置（重连间隔、最大重连次数等）
+   */
+  constructor(
+      url: string,
+      messageHandler: SseMessageHandler,
+      options?: {
+        reconnectInterval?: number;
+        maxReconnectAttempts?: number;
+        errorHandler?: SseErrorHandler;
+        openHandler?: SseOpenHandler;
+      }
+  ) {
+    this.url = url;
+    this.messageHandler = messageHandler;
+    this.reconnectInterval = options?.reconnectInterval || 3000; // 默认重连间隔 3 秒
+    this.maxReconnectAttempts = options?.maxReconnectAttempts || 10; // 默认最大重连 10 次
+    this.errorHandler = options?.errorHandler;
+    this.openHandler = options?.openHandler;
+
+    // 初始连接
+    this.connect();
+  }
+
+  /**
+   * 建立 SSE 连接
+   */
+  private connect(): void {
+    if (this.eventSource) {
+      this.eventSource.close();
+    }
+
+    try {
+      this.eventSource = new EventSource(this.url);
+
+      // 处理消息事件
+      this.eventSource.onmessage = (event) => {
+        this.messageHandler(event.data, event);
+      };
+
+      // 处理连接成功
+      this.eventSource.onopen = () => {
+        console.log('SSE 连接已建立');
+        this.reconnectAttempts = 0; // 重置重连次数
+        this.openHandler?.();
+      };
+
+      // 处理错误和重连
+      this.eventSource.onerror = (error) => {
+        console.error('SSE 连接错误:', error);
+        this.errorHandler?.(error);
+
+        // 不是手动关闭的情况才重连
+        if (!this.isManualClose) {
+          this.handleReconnect();
+        }
+      };
+    } catch (error) {
+      console.error('创建 SSE 连接失败:', error);
+      if (!this.isManualClose) {
+        this.handleReconnect();
+      }
+    }
+  }
+
+  /**
+   * 处理重连逻辑
+   */
+  private handleReconnect(): void {
+    if (this.reconnectAttempts >= this.maxReconnectAttempts) {
+      console.error(`已达到最大重连次数(${this.maxReconnectAttempts})，停止重连`);
+      return;
+    }
+
+    this.reconnectAttempts++;
+    console.log(`准备第 ${this.reconnectAttempts} 次重连，间隔 ${this.reconnectInterval}ms`);
+
+    // 关闭当前连接（如果存在）
+    if (this.eventSource) {
+      this.eventSource.close();
+      this.eventSource = null;
+    }
+
+    // 延迟重连
+    setTimeout(() => {
+      this.connect();
+    }, this.reconnectInterval);
+  }
+
+  /**
+   * 手动关闭 SSE 连接
+   */
+  close(): void {
+    this.isManualClose = true;
+    if (this.eventSource) {
+      this.eventSource.close();
+      this.eventSource = null;
+      console.log('SSE 连接已手动关闭');
+    }
+  }
+
+  /**
+   * 强制重连
+   */
+  reconnect(): void {
+    this.isManualClose = false;
+    this.connect();
+  }
+
+  /**
+   * 检查连接状态
+   * @returns 是否处于连接状态
+   */
+  isConnected(): boolean {
+    return this.eventSource?.readyState === EventSource.OPEN;
+  }
+}

package/lib/hooks/uims/uimsApplication.ts

@@ -8,7 +8,7 @@ import { application } from '../../../lib/config/applicationConfig';
  */
 const queryUimsApplicationTreeData = ({ applicationName }) => {
   return new Promise((resolve, reject) => {
-    const data = { parentId: '0', name: applicationName };
+    const data = { parentIdForEqual: '0', nameForLike: applicationName };
     // prettier-ignore
     http.post(`${application.gatewayServerBaseUrl}/uims-api/admin/uims-application/selectPage`, data).then(res=>{
       const listData = [

package/lib/hooks/uims/uimsOrganization.ts

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import { http } from 'yuang-framework-ui-common/lib/config/httpConfig';
+import { http } from '../../../lib/config/httpConfig';
 
 /**
  * 处理机构树默认展开节点，由于树组件的默认展开节点是异步的，所以需要手动处理默认展开节点
@@ -9,7 +9,7 @@ const handleOrganizationTreeDefaultExpandNode = async ({ id, treeId }) => {
     console.error(`参数[treeId]不存在`);
     return;
   }
-  const res = await http.post('/uims-api/admin/uims-organization/selectAncestorList', { id: id, isReverseAncestorList: true });
+  const res = await http.post('/uims-api/admin/uims-organization/selectAncestorList', { idForEqual: id, isReverseAncestorList: true });
   const ancestorList = res.data.data;
   expandNodeImpl({ ancestorList, index: 0, treeId });
 };

package/lib/interface/framework/frameworkBase.ts

@@ -53,11 +53,11 @@ export interface FrameworkBaseQueryParam {
   // sort?: string;
   // /** 排序方式, asc升序, desc降序 */
   // order?: string;
-  queryFor?: string;
+  queryForMode?: string;
   levelNum?: number;
 
   /** 应用id */
-  uimsApplicationId?: string;
+  uimsApplicationIdForEqual?: string;
   /** 上级id */
-  parentId?: string;
+  parentIdForEqual?: string;
 }

package/package.json

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

package/src/router/index.ts

@@ -56,6 +56,13 @@ const router = createRouter({
                 isSsoExcluded: true
             }
         },
+        {
+            path: '/hooks/framework/framework-sse-client',
+            component: () => import('@/views/hooks/framework/framework-sse-client.vue'),
+            meta: {
+                isSsoExcluded: true
+            }
+        },
 
 
 

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

@@ -0,0 +1,43 @@
+<template>
+<div id="messageContainer"></div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { FrameworkSseClient } from '../../../../lib/hooks/framework/frameworkSseClient';
+
+// 初始化 SSE 客户端
+const frameworkSseClient = new FrameworkSseClient (
+    'http://localhost:8290/framework-api/web/framework-sse/connect',
+    (data) => {
+      // 处理接收到的消息
+      const container = document.getElementById('messageContainer');
+      if (container) {
+        const messageDiv = document.createElement('div');
+        messageDiv.className = 'message';
+        messageDiv.textContent = `[${new Date().toLocaleTimeString()}] ${data}`;
+        container.appendChild(messageDiv);
+      }
+    },
+    {
+      reconnectInterval: 5000, // 重连间隔 5 秒
+      maxReconnectAttempts: 15, // 最大重连 15 次
+      openHandler: () => {
+        console.log('SSE 连接成功回调');
+      },
+      errorHandler: (error) => {
+        console.error('自定义错误处理:', error);
+      }
+    }
+);
+
+// 页面关闭时手动关闭连接
+window.addEventListener('beforeunload', () => {
+  frameworkSseClient.close();
+});
+
+</script>
+
+<style scoped>
+
+</style>