yuang-framework-ui-common 1.0.113 → 1.0.114

package/lib/hooks/framework/frameworkEnum.ts

@@ -14,7 +14,7 @@ const CACHE_KEY = '__global_status_enum_list__';
 if (!(window as any)[CACHE_KEY]) {
   (window as any)[CACHE_KEY] = {
     data: ref<StatusEnumItem[]>([]),
-    loading: ref(false),
+    isLoading: ref(false),
     isLoaded: false, // 🔥 核心：标记是否【真正加载完成】
     promise: null as Promise<any> | null,
   };
@@ -36,7 +36,7 @@ export const useStatusEnumList = () => {
     }
 
     // 3. 真正开始请求
-    cache.loading.value = true;
+    cache.isLoading.value = true;
     cache.promise = http.get('/framework-api/union/uims-user/getStatusEnumList', {});
 
     try {
@@ -47,7 +47,7 @@ export const useStatusEnumList = () => {
       console.error('加载枚举失败', err);
       cache.data.value = [];
     } finally {
-      cache.loading.value = false;
+      cache.isLoading.value = false;
       cache.promise = null;
     }
 
@@ -59,6 +59,6 @@ export const useStatusEnumList = () => {
 
   return {
     statusEnumList: cache.data,
-    isLoadingEnum: cache.loading,
+    isLoadingEnum: cache.isLoading,
   };
 };

package/lib/hooks/sso/ssoUser.ts

@@ -1,50 +1,65 @@
-// 首先建议创建类型定义文件（如 types/api.d.ts），或直接在当前文件定义类型
-// 定义接口：枚举列表项的类型
+import { ref } from 'vue';
+import { http } from '../../../lib/config/httpConfig';
+
+// 枚举项类型
 export interface StatusEnumItem {
-    // 根据实际返回的字段补充类型，比如：
     value: string;
     name: string;
-    // 兼容对象中未显式定义的任意字段，避免 TS 报错
     [key: string]: any;
 }
 
-import { ref } from 'vue';
-import { http } from '../../../lib/config/httpConfig';
+// ==================== 全局单例缓存（核心） ====================
+const GLOBAL_ENUM_CACHE = '__sso_user_status_enum_list__';
+
+// 全局唯一初始化
+if (!(window as any)[GLOBAL_ENUM_CACHE]) {
+    (window as any)[GLOBAL_ENUM_CACHE] = {
+        data: ref<StatusEnumItem[]>([]),
+        isLoading: ref(false),
+        isLoaded: false,
+        promise: null as Promise<any> | null,
+    };
+}
+
+const cache = (window as any)[GLOBAL_ENUM_CACHE];
 
-/**
- * 提供“获取状态枚举列表”的能力
- *
- * Vue3 官方明确规定，组合式函数必须以 use 开头（参考：Vue3 组合式函数文档），目的是让开发者一眼识别：“这是一个可复用的组合式逻辑，返回响应式能力”
- */
+// ==================== Hook 本体 ====================
 export const useStatusEnumList = () => {
-    // 定义响应式数据，指定类型
-    const statusEnumList = ref<StatusEnumItem[]>([]);
-    // 定义加载状态（可选，增强体验）
-    const isLoadingEnum = ref<boolean>(false);
-
-    /**
-     * 获取状态枚举列表的核心方法
-     */
-    const getStatusEnumList = async (): Promise<void> => {
+    const getStatusEnumList = async () => {
+        // 1. 已经加载过 → 直接返回
+        if (cache.isLoaded) return cache.data.value;
+
+        // 2. 正在请求 → 等待同一个请求
+        if (cache.promise) {
+            await cache.promise;
+            return cache.data.value;
+        }
+
+        // 3. 真正发起请求
+        cache.isLoading.value = true;
+        cache.promise = http.get('/framework-api/union/sso-user/getStatusEnumList', {});
+
         try {
-            isLoadingEnum.value = true;
-            // 指定响应数据类型，TS会自动校验
-            const res = await http.get('/framework-api/union/sso-user/getStatusEnumList', {});
-            statusEnumList.value = res.data.data;
+            const res = await cache.promise;
+            cache.data.value = res.data.data || [];
+            cache.isLoaded = true; // 标记已加载
         } catch (ex) {
             console.error('获取状态枚举列表失败：', ex);
-            statusEnumList.value = [];
+            cache.data.value = [];
         } finally {
-            isLoadingEnum.value = false;
+            cache.isLoading.value = false;
+            cache.promise = null;
         }
+
+        return cache.data.value;
     };
 
-    // 初始化调用（可选，也可由外部调用）
+    // 自动加载
     getStatusEnumList();
 
-    // 返回响应式数据和方法，供组件使用
+    // 保持你原来的返回结构，不用改业务代码
     return {
-        statusEnumList,
-        isLoadingEnum
+        statusEnumList: cache.data,
+        isLoadingEnum: cache.isLoading,
     };
 };

package/lib/hooks/uims/uimsUser.ts

@@ -1,50 +1,65 @@
-// 首先建议创建类型定义文件（如 types/api.d.ts），或直接在当前文件定义类型
-// 定义接口：枚举列表项的类型
+import { ref } from 'vue';
+import { http } from '../../../lib/config/httpConfig';
+
+// 枚举项类型
 export interface StatusEnumItem {
-    // 根据实际返回的字段补充类型，比如：
     value: string;
     name: string;
-    // 兼容对象中未显式定义的任意字段，避免 TS 报错
     [key: string]: any;
 }
 
-import { ref } from 'vue';
-import { http } from '../../../lib/config/httpConfig';
+// ==================== 全局单例缓存（核心） ====================
+const GLOBAL_ENUM_CACHE = '__uims_user_status_enum_list__';
+
+// 全局唯一初始化
+if (!(window as any)[GLOBAL_ENUM_CACHE]) {
+    (window as any)[GLOBAL_ENUM_CACHE] = {
+        data: ref<StatusEnumItem[]>([]),
+        isLoading: ref(false),
+        isLoaded: false,
+        promise: null as Promise<any> | null,
+    };
+}
+
+const cache = (window as any)[GLOBAL_ENUM_CACHE];
 
-/**
- * 提供“获取状态枚举列表”的能力
- *
- * Vue3 官方明确规定，组合式函数必须以 use 开头（参考：Vue3 组合式函数文档），目的是让开发者一眼识别：“这是一个可复用的组合式逻辑，返回响应式能力”
- */
+// ==================== Hook 本体 ====================
 export const useStatusEnumList = () => {
-    // 定义响应式数据，指定类型
-    const statusEnumList = ref<StatusEnumItem[]>([]);
-    // 定义加载状态（可选，增强体验）
-    const isLoadingEnum = ref<boolean>(false);
-
-    /**
-     * 获取状态枚举列表的核心方法
-     */
-    const getStatusEnumList = async (): Promise<void> => {
+    const getStatusEnumList = async () => {
+        // 1. 已经加载过 → 直接返回
+        if (cache.isLoaded) return cache.data.value;
+
+        // 2. 正在请求 → 等待同一个请求
+        if (cache.promise) {
+            await cache.promise;
+            return cache.data.value;
+        }
+
+        // 3. 真正发起请求
+        cache.isLoading.value = true;
+        cache.promise = http.get('/framework-api/union/uims-user/getStatusEnumList', {});
+
         try {
-            isLoadingEnum.value = true;
-            // 指定响应数据类型，TS会自动校验
-            const res = await http.get('/framework-api/union/uims-user/getStatusEnumList', {});
-            statusEnumList.value = res.data.data;
+            const res = await cache.promise;
+            cache.data.value = res.data.data || [];
+            cache.isLoaded = true; // 标记已加载
         } catch (ex) {
             console.error('获取状态枚举列表失败：', ex);
-            statusEnumList.value = [];
+            cache.data.value = [];
         } finally {
-            isLoadingEnum.value = false;
+            cache.isLoading.value = false;
+            cache.promise = null;
         }
+
+        return cache.data.value;
     };
 
-    // 初始化调用（可选，也可由外部调用）
+    // 自动加载
     getStatusEnumList();
 
-    // 返回响应式数据和方法，供组件使用
+    // 保持你原来的返回结构，不用改业务代码
     return {
-        statusEnumList,
-        isLoadingEnum
+        statusEnumList: cache.data,
+        isLoadingEnum: cache.isLoading,
     };
 };

package/package.json

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