yuang-framework-ui-common 1.0.107 → 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/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.107",
+  "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/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>