yuang-framework-ui-common 1.0.99 → 1.0.101

package/lib/hooks/framework/frameworkEnum.ts

@@ -0,0 +1,50 @@
+// 首先建议创建类型定义文件（如 types/api.d.ts），或直接在当前文件定义类型
+// 定义接口：枚举列表项的类型
+export interface StatusEnumItem {
+  // 根据实际返回的字段补充类型，比如：
+  value: string;
+  name: string;
+  // 兼容对象中未显式定义的任意字段，避免 TS 报错
+  [key: string]: any;
+}
+
+import { ref } from 'vue';
+import { http } from '../../../lib/config/httpConfig';
+
+/**
+ * 提供“获取状态枚举列表”的能力
+ *
+ * Vue3 官方明确规定，组合式函数必须以 use 开头（参考：Vue3 组合式函数文档），目的是让开发者一眼识别：“这是一个可复用的组合式逻辑，返回响应式能力”
+ */
+export const useStatusEnumList = () => {
+  // 定义响应式数据，指定类型
+  const statusEnumList = ref<StatusEnumItem[]>([]);
+  // 定义加载状态（可选，增强体验）
+  const isLoadingEnum = ref<boolean>(false);
+
+  /**
+   * 获取状态枚举列表的核心方法
+   */
+  const getStatusEnumList = async (): Promise<void> => {
+    try {
+      isLoadingEnum.value = true;
+      // 指定响应数据类型，TS会自动校验
+      const res = await http.get('/framework-api/union/framework-data/getStatusEnumList', {});
+      statusEnumList.value = res.data.data;
+    } catch (ex) {
+      console.error('获取状态枚举列表失败：', ex);
+      statusEnumList.value = [];
+    } finally {
+      isLoadingEnum.value = false;
+    }
+  };
+
+  // 初始化调用（可选，也可由外部调用）
+  getStatusEnumList();
+
+  // 返回响应式数据和方法，供组件使用
+  return {
+    statusEnumList,
+    isLoadingEnum
+  };
+};

package/lib/hooks/sso/ssoUser.ts

@@ -0,0 +1,50 @@
+// 首先建议创建类型定义文件（如 types/api.d.ts），或直接在当前文件定义类型
+// 定义接口：枚举列表项的类型
+export interface StatusEnumItem {
+    // 根据实际返回的字段补充类型，比如：
+    value: string;
+    name: string;
+    // 兼容对象中未显式定义的任意字段，避免 TS 报错
+    [key: string]: any;
+}
+
+import { ref } from 'vue';
+import { http } from '../../../lib/config/httpConfig';
+
+/**
+ * 提供“获取状态枚举列表”的能力
+ *
+ * Vue3 官方明确规定，组合式函数必须以 use 开头（参考：Vue3 组合式函数文档），目的是让开发者一眼识别：“这是一个可复用的组合式逻辑，返回响应式能力”
+ */
+export const useStatusEnumList = () => {
+    // 定义响应式数据，指定类型
+    const statusEnumList = ref<StatusEnumItem[]>([]);
+    // 定义加载状态（可选，增强体验）
+    const isLoadingEnum = ref<boolean>(false);
+
+    /**
+     * 获取状态枚举列表的核心方法
+     */
+    const getStatusEnumList = async (): Promise<void> => {
+        try {
+            isLoadingEnum.value = true;
+            // 指定响应数据类型，TS会自动校验
+            const res = await http.get('/framework-api/union/sso-user/getStatusEnumList', {});
+            statusEnumList.value = res.data.data;
+        } catch (ex) {
+            console.error('获取状态枚举列表失败：', ex);
+            statusEnumList.value = [];
+        } finally {
+            isLoadingEnum.value = false;
+        }
+    };
+
+    // 初始化调用（可选，也可由外部调用）
+    getStatusEnumList();
+
+    // 返回响应式数据和方法，供组件使用
+    return {
+        statusEnumList,
+        isLoadingEnum
+    };
+};

package/lib/hooks/uims/uimsUser.ts

@@ -1 +1,50 @@
-export {};
+// 首先建议创建类型定义文件（如 types/api.d.ts），或直接在当前文件定义类型
+// 定义接口：枚举列表项的类型
+export interface StatusEnumItem {
+    // 根据实际返回的字段补充类型，比如：
+    value: string;
+    name: string;
+    // 兼容对象中未显式定义的任意字段，避免 TS 报错
+    [key: string]: any;
+}
+
+import { ref } from 'vue';
+import { http } from '../../../lib/config/httpConfig';
+
+/**
+ * 提供“获取状态枚举列表”的能力
+ *
+ * Vue3 官方明确规定，组合式函数必须以 use 开头（参考：Vue3 组合式函数文档），目的是让开发者一眼识别：“这是一个可复用的组合式逻辑，返回响应式能力”
+ */
+export const useStatusEnumList = () => {
+    // 定义响应式数据，指定类型
+    const statusEnumList = ref<StatusEnumItem[]>([]);
+    // 定义加载状态（可选，增强体验）
+    const isLoadingEnum = ref<boolean>(false);
+
+    /**
+     * 获取状态枚举列表的核心方法
+     */
+    const getStatusEnumList = async (): Promise<void> => {
+        try {
+            isLoadingEnum.value = true;
+            // 指定响应数据类型，TS会自动校验
+            const res = await http.get('/framework-api/union/uims-user/getStatusEnumList', {});
+            statusEnumList.value = res.data.data;
+        } catch (ex) {
+            console.error('获取状态枚举列表失败：', ex);
+            statusEnumList.value = [];
+        } finally {
+            isLoadingEnum.value = false;
+        }
+    };
+
+    // 初始化调用（可选，也可由外部调用）
+    getStatusEnumList();
+
+    // 返回响应式数据和方法，供组件使用
+    return {
+        statusEnumList,
+        isLoadingEnum
+    };
+};

package/lib/utils/aesUtils.ts

@@ -27,8 +27,8 @@ const getAesStaticKey = () => {
 
 /**
  * aes加密
- * @param aesKey
- * @param originalData
+ * @param aesKey aes秘钥
+ * @param originalData 原始数据
  */
 const aesEncrypt = (aesKey:string, originalData: string) => {
     // 设置一个默认值，如果第二个参数为空采用默认值，不为空则采用新设置的密钥
@@ -45,12 +45,12 @@ const aesEncrypt = (aesKey:string, originalData: string) => {
 
 /**
  * aes解密
- * @param aesKey
- * @param originalData
+ * @param aesKey aes秘钥
+ * @param encryptData 加密的数据
  */
-const aesDecrypt = (aesKey:string, originalData:string) => {
+const aesDecrypt = (aesKey:string, encryptData:string) => {
     var key = CryptoJS.enc.Utf8.parse(aesKey)
-    var decrypt = CryptoJS.AES.decrypt(originalData, key, {
+    var decrypt = CryptoJS.AES.decrypt(encryptData, key, {
         // 切记   需要和后端算法模式一致
         mode: CryptoJS.mode.ECB,
         padding: CryptoJS.pad.Pkcs7

package/lib/utils/rsaAesUtils.ts

@@ -0,0 +1,37 @@
+import { getLocalStorageItem } from "./storageUtils";
+import { aesEncrypt, aesDecrypt, getAesRandomKey } from "./aesUtils";
+import { rsaEncrypt, rsaDecrypt } from "./rsaUtils";
+
+/**
+ * rsaAes加密
+ * @param rsaPublicKey rsa公钥
+ * @param aesKey aes秘钥
+ * @param oiginData 原始数据
+ */
+const rsaAesEncrypt = (rsaPublicKey, aesKey, oiginData) => {
+    // 用登陆后后端生成并返回给前端的的RSA密钥对的公钥将AES16位密钥进行加密
+    const rsaAesKey = rsaEncrypt(gatewayPublicKey, aesKey);
+    // 使用AES16位的密钥将请求报文加密（使用的是加密前的aes密钥）
+    const aesEncryptData = aesEncrypt(aesKey, oiginData);
+
+    return { rsaAesKey, aesEncryptData };
+}
+
+/**
+ * rsaAes解密
+ * @param rsaPrivateKey rsa私钥
+ * @param rsaAesKey rsa私钥
+ * @param encryptData 加密的数据
+ */
+const rsaAesDecrypt = (rsaPrivateKey, rsaAesKey, encryptData) => {
+    let aesKey = rsaDecrypt(rsaPrivateKey, rsaAesKey);
+
+    let decryptData = aesDecrypt(aesKey, encryptData);
+
+    return decryptData;
+}
+
+export {
+    rsaAesEncrypt,
+    rsaAesDecrypt,
+}

package/lib/utils/ssoUtils.ts

@@ -122,6 +122,7 @@ const handleSsoAuth = (to : any, from : any) => {
 
 /**
  * 获取sso加密参数
+ * 后续改成 rsaAesUtils 里面去实现
  * @param password
  */
 const getSsoEncrypt = (password = '') => {

package/package.json

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

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

@@ -0,0 +1,29 @@
+<template>
+<div>encryptData：{{ encryptData }}</div>
+<div>decryptData：{{ decryptData }}</div>
+</template>
+
+<script setup lang="ts">
+import {onMounted, ref} from 'vue';
+import { rsaAesDecrypt, rsaAesEncrypt } from '../../../lib/utils/rsaAesUtils';
+import { getLocalStorageItem } from "../../../lib/utils/storageUtils";
+import { getAesRandomKey } from "../../../lib/utils/aesUtils";
+
+let encryptData = ref({});
+let decryptData = ref('');
+
+onMounted(async () => {
+  let gatewayPublicKey = getLocalStorageItem('gatewayPublicKey');
+  let aesKey = getAesRandomKey();
+  encryptData.value  = rsaAesEncrypt(gatewayPublicKey, aesKey, '测试');
+
+  let rsaPrivateKey = '';
+  decryptData = rsaAesDecrypt(rsaPrivateKey, encryptData.value.rsaAesKey, encryptData.value.encryptData);
+
+ })
+
+</script>
+
+<style scoped>
+
+</style>

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

@@ -1,17 +1,14 @@
 <template>
-<div>ssoEncrypt：{{ ssoEncrypt }}</div>
+<div> </div>
 </template>
 
 <script setup lang="ts">
 import {onMounted, ref} from 'vue';
-import {getSsoEncrypt} from '../../../lib/utils/ssoUtils';
 
 
-let ssoEncrypt = ref('');
 
 onMounted(async () => {
-  ssoEncrypt.value  = getSsoEncrypt('测试');
- })
+  })
 
 </script>