yuang-framework-ui-common 1.0.71 → 1.0.72

package/lib/interface/component/componentParam.ts

@@ -0,0 +1,15 @@
+export interface ComponentParam {
+  /** id */
+  id?: string;
+  /** 类型 */
+  type?: string;
+
+  mode?: string;
+}
+
+
+export interface AttachmentComponentParam extends ComponentParam {
+
+  maxCount?: number;
+  maxSize?: number;
+}

package/package.json

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

package/src/router/index.ts

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

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

@@ -1,42 +1,54 @@
 <template>
 <div>
 
-  <div id="messageContainer"></div>
+  <el-button @click="connect">连接</el-button>
   <el-button @click="sendMessage">发送消息</el-button>
+  接收到的消息：
+  <div id="messageContainer"></div>
 </div>
 </template>
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
+import { ElMessage } from 'element-plus'
 import { FrameworkSseClient } from '../../../../lib/hooks/framework/frameworkSseClient';
 import { http } from '../../../../lib/config/httpConfig';
 
-// 初始化 SSE 客户端
-const frameworkSseClient = new FrameworkSseClient (
-    '/framework-api/standard/framework-sse/connect',
-    (data) => {
-      debugger
-      console.log('data', 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 连接成功回调');
+let  frameworkSseClient = null;
+
+let clientId = '';
+let connect = () => {
+  // 初始化 SSE 客户端
+    frameworkSseClient = new FrameworkSseClient (
+      '/framework-api/standard/framework-sse/connect',
+      (data) => {
+
+        console.log('data', data);
+        clientId = localStorage.getItem('sseClientId');
+        // 处理接收到的消息
+        const container = document.getElementById('messageContainer');
+        if (container) {
+          const messageDiv = document.createElement('div');
+          messageDiv.className = 'message';
+          messageDiv.textContent = `[${new Date().toLocaleTimeString()}] ${data}`;
+          container.appendChild(messageDiv);
+        }
       },
-      errorHandler: (error) => {
-        console.error('自定义错误处理:', error);
+      {
+        reconnectInterval: 5000, // 重连间隔 5 秒
+        maxReconnectAttempts: 15, // 最大重连 15 次
+        openHandler: () => {
+          console.log('SSE 连接成功回调');
+          ElMessage.success('连接成功');
+        },
+        errorHandler: (error) => {
+          console.error('自定义错误处理:', error);
+          ElMessage.success('出错了');
+        }
       }
-    }
-);
+  );
+}
+
 
 // 页面关闭时手动关闭连接
 window.addEventListener('beforeunload', () => {
@@ -44,7 +56,10 @@ window.addEventListener('beforeunload', () => {
 });
 
 const sendMessage = ()=>{
-  http.post(`/framework-api/standard/framework-sse/send/3220bfd9-050e-435d-88d7-77b4a1dbf7cf`, { message: "测试" }).then((res) => {
+  http.post(`/framework-api/standard/framework-sse/sendMessage`, {
+    clientId: clientId,
+    message: "测试"
+  }).then((res) => {
 
   });
 }