yuang-framework-ui-common 1.0.106 → 1.0.108

package/lib/config/httpConfig.ts

@@ -29,7 +29,7 @@ const http = axios.create({
     timeout: 10000,
     headers: {},
     // 允许跨域请求携带凭证（Cookie等），在本地开发与网关api不是同域，访问api会报错：各种跨域访问，比如：http://localhost:8000/gateway-server/sso-api/client/sso-user/getSsoIdentity
-    withCredentials: import.meta.env.VITE_PROFILES_ACTIVE === 'dev' ? true : false,
+    withCredentials: import.meta.env.VITE_PROFILE_ID === 'dev' ? true : false,
 })
 
 

package/lib/hooks/framework/frameworkSseClient.ts

@@ -251,15 +251,11 @@ import { ElMessage } from 'element-plus';
 import { http } from '../../../lib/config/httpConfig';
 import { application } from '../../../lib/config/applicationConfig';
 
-export interface SseMessage {
-    time: string;
-    content: string;
-}
 
 // 🔥 扩展 Hook 参数：新增 moduleCode 模块标识
 export interface UseSseResult {
     sseClientId: Ref<string>;
-    sseMessageList: Ref<SseMessage[]>;
+    sseMessageList: Ref<Object[]>;
     isSseConnected: Ref<boolean>;
     connectSse: (options?: FrameworkSseClientOptions) => void;
     disconnectSse: () => void;
@@ -274,14 +270,13 @@ export interface UseSseResult {
  * @param moduleCode 模块标识（必填，用于隔离 clientId）
  */
 export function useSse(
-    apiBaseUrl: string = '/framework-api',
+    connectSseUrl: string = '/framework-api/standard/framework-sse/connect',
+    sendSseMessageUrl: string = '/framework-api/standard/framework-sse/sendMessage',
     moduleCode: string = 'default'
 ): UseSseResult {
-    const sseUrl: string = apiBaseUrl + '/standard/framework-sse/connect';
-    const sendSseMessageUrl: string = apiBaseUrl + '/standard/framework-sse/sendMessage';
     // 🔥 核心修复2：初始化时读取模块专属的 sseClientId
     const sseClientId = ref<string>(getLocalStorageItem(getSseClientIdKey(moduleCode)) || '');
-    const sseMessageList = ref<SseMessage[]>([]);
+    const sseMessageList = ref<Object[]>([]);
     const isSseConnected = ref<boolean>(false);
     let sseClient: FrameworkSseClient | null = null;
 
@@ -290,10 +285,7 @@ export function useSse(
         console.log(`[SSE Hook] [${moduleCode}] 接收消息:`, data, event);
         // 业务消息才加入列表，避免 clientId 事件混入
         if (event?.type !== 'sseClientId') {
-            sseMessageList.value.push({
-                time: new Date().toLocaleTimeString(),
-                content: data
-            });
+            sseMessageList.value.push(data);
         }
     };
 
@@ -368,7 +360,7 @@ export function useSse(
             };
 
             sseClient = new FrameworkSseClient(
-                application.gatewayServerBaseUrl + sseUrl,
+                application.gatewayServerBaseUrl + connectSseUrl,
                 messageHandler,
                 finalOptions
             );

package/lib/utils/base64Utils.ts

@@ -0,0 +1,62 @@
+
+
+/**
+ * 字符串编码为 Base64
+ * @param str 原始字符串（支持中文）
+ */
+const base64Encode = (str: string): string => {
+    try {
+        const utf8Bytes = unescape(encodeURIComponent(str));
+        return btoa(utf8Bytes);
+    } catch (e) {
+        console.error('Base64 encode error:', e);
+        return '';
+    }
+};
+
+/**
+ * Base64 解码为字符串
+ * @param base64 Base64 字符串
+ */
+const base64Decode = (base64: string): string => {
+    try {
+        const utf8Bytes = atob(base64);
+        return decodeURIComponent(escape(utf8Bytes));
+    } catch (e) {
+        console.error('Base64 decode error:', e);
+        return '';
+    }
+};
+
+/**
+ * Uint8Array 转 Base64
+ */
+const base64EncodeUint8Array = (uint8Array: Uint8Array): string => {
+    let binary = '';
+    const len = uint8Array.byteLength;
+    for (let i = 0; i < len; i++) {
+        binary += String.fromCharCode(uint8Array[i]);
+    }
+    return btoa(binary);
+};
+
+/**
+ * Base64 转 Uint8Array
+ */
+const base64DecodeToUint8Array = (base64: string): Uint8Array => {
+    const binary = atob(base64);
+    const len = binary.length;
+    const uint8Array = new Uint8Array(len);
+    for (let i = 0; i < len; i++) {
+        uint8Array[i] = binary.charCodeAt(i);
+    }
+    return uint8Array;
+}
+
+export  {
+    base64Encode,
+    base64Decode,
+
+    base64EncodeUint8Array,
+    base64DecodeToUint8Array
+}

package/package.json

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

package/src/router/index.ts

@@ -23,6 +23,10 @@ const router = createRouter({
             path: '/example/utils/rsa-aes-utils',
             component: () => import('@/views/example/utils/rsa-aes-utils.vue')
         },
+        {
+            path: '/example/utils/base64-utils',
+            component: () => import('@/views/example/utils/base64-utils.vue')
+        },
         {
             path: '/example/utils/sso-utils',
             component: () => import('@/views/example/utils/sso-utils.vue')

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

@@ -51,14 +51,14 @@ http://localhost:8020/framework-ui-common/example/hooks/framework/framework-sse-
     <h4 class="title">SSE 接收消息列表</h4>
     <div class="message-list">
       <div
-          v-for="(msg, index) in sseMessageList"
+          v-for="(msg, index) in messageList"
           :key="index"
           class="message-item"
       >
         <span class="time">[{{ msg.time }}]</span>
         <span class="content">{{ msg.content }}</span>
       </div>
-      <div v-if="sseMessageList.length === 0" class="empty-tip">
+      <div v-if="messageList.length === 0" class="empty-tip">
         暂无消息，请先建立连接并等待服务端推送
       </div>
     </div>
@@ -67,7 +67,7 @@ http://localhost:8020/framework-ui-common/example/hooks/framework/framework-sse-
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 // 1. 引入需要的图标
 import { Connection, CircleClose, Refresh, Promotion } from '@element-plus/icons-vue';
 // 2. 引入 ElMessage（之前漏了，导致提示也会报错）
@@ -83,11 +83,23 @@ const {
   disconnectSse,
   sendSseMessage,
   reconnectSse
-} = useSse('/framework-api', 'example');
+} = useSse('/framework-api/standard/framework-sse/connect', '/framework-api/standard/framework-sse/sendMessage', 'example');
+
+
 
 // 发送消息输入框绑定值
 const inputMessage = ref<string>('测试消息 - ' + new Date().getTime());
 
+const messageList = computed(()=>{
+  let list = sseMessageList.value.map(item =>{
+    return {
+      time: new Date().toLocaleTimeString(),
+      content: item
+    }
+  });
+  return list;
+})
+
 // 发送消息处理函数
 const handleSendMessage = () => {
   if (!inputMessage.value.trim()) {

package/src/views/example/utils/aes-utils.vue

@@ -1,3 +1,6 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/aes-utils
+-->
 <template>
 <div>encryptData：{{encryptData }}</div>
 <div>decryptData：{{decryptData }}</div>
@@ -5,7 +8,7 @@
 
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
-import {getAesRandomKey, aesEncrypt, aesDecrypt} from '../../../lib/utils/aesUtils';
+import {getAesRandomKey, aesEncrypt, aesDecrypt} from '../../../../lib/utils/aesUtils';
 
 let encryptData = ref('');
 let decryptData = ref('');

package/src/views/example/utils/base64-utils.vue

@@ -0,0 +1,24 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/base64-utils
+-->
+<template>
+<div>encodeData：{{encodeData }}</div>
+<div>decodeData：{{decodeData }}</div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue';
+import { base64Encode, base64Decode} from '../../../../lib/utils/base64Utils';
+
+let encodeData = ref('');
+let decodeData = ref('');
+onMounted(() => {
+
+  encodeData.value = base64Encode( '测试');
+  decodeData.value = base64Decode( encodeData.value);
+})
+</script>
+
+<style scoped>
+
+</style>

package/src/views/example/utils/gateway-utils.vue

@@ -1,3 +1,6 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/gateway-utils
+-->
 <template>
 <div>
   <el-button @click="sendRequest">发送请求</el-button>
@@ -5,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { http } from "../../../lib/config/httpConfig";
+import { http } from "../../../../lib/config/httpConfig";
 import { ElMessage } from 'element-plus/es';
 
 const sendRequest = () => {

package/src/views/example/utils/http-utils.vue

@@ -1,3 +1,6 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/http-utils
+-->
 <template>
 <div>http</div>
 </template>
@@ -6,7 +9,7 @@
 import { onMounted, ref } from 'vue';
 import { ElLoading } from 'element-plus';
 
-import { http } from '../../../lib/config/httpConfig';
+import { http } from '../../../../lib/config/httpConfig';
 
 
 onMounted(async () => {

package/src/views/example/utils/message-utils.vue

@@ -1,3 +1,6 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/message-utils
+-->
 <template>
 <el-button @click="showSuccessMessage('成功')">成功</el-button>
 <el-button @click="showInfoMessage('信息')">信息</el-button>
@@ -7,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import {showSuccessMessage, showInfoMessage, showWarningMessage, showErrorMessage} from '../../../lib/utils/messageUtils';
+import {showSuccessMessage, showInfoMessage, showWarningMessage, showErrorMessage} from '../../../../lib/utils/messageUtils';
 </script>
 
 <style scoped>

package/src/views/example/utils/rsa-aes-utils.vue

@@ -1,5 +1,5 @@
 <!--
-http://localhost:8020/framework-ui-common/utils/rsa-aes-utils
+http://localhost:8020/framework-ui-common/example/utils/rsa-aes-utils
 -->
 <template>
 <div>encryptData：{{ encryptData }}</div>
@@ -8,8 +8,8 @@ http://localhost:8020/framework-ui-common/utils/rsa-aes-utils
 
 <script setup lang="ts">
 import {onMounted, ref} from 'vue';
-import { rsaAesDecrypt, rsaAesEncrypt } from '../../../lib/utils/rsaAesUtils';
-import { getAesRandomKey } from "../../../lib/utils/aesUtils";
+import { rsaAesDecrypt, rsaAesEncrypt } from '../../../../lib/utils/rsaAesUtils';
+import { getAesRandomKey } from "../../../../lib/utils/aesUtils";
 
 let encryptData = ref({});
 let decryptData = ref('');

package/src/views/example/utils/rsa-utils.vue

@@ -1,3 +1,6 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/rsa-utils
+-->
 <template>
 <div>encryptData：{{ encryptData }}</div>
 <div>decryptData：{{ decryptData }}</div>
@@ -5,7 +8,7 @@
 
 <script setup lang="ts">
 import {onMounted, ref} from 'vue';
-import {getRsaKeys, rsaEncrypt, rsaDecrypt} from '../../../lib/utils/rsaUtils';
+import {getRsaKeys, rsaEncrypt, rsaDecrypt} from '../../../../lib/utils/rsaUtils';
 
 let encryptData = ref('');
 let decryptData = ref('');

package/src/views/example/utils/sso-utils.vue

@@ -1,3 +1,6 @@
+<!--
+http://localhost:8020/framework-ui-common/example/utils/sso-utils
+-->
 <template>
 <div> </div>
 </template>