@skyfox2000/webui 1.4.1 → 1.4.3

package/src/utils/micro-openapis.ts

@@ -1,146 +1,167 @@
 /**
- * 子应用SDK - 提供统一的主应用API调用接口
+ * 微前端通信工具
+ * 提供与主应用的通信接口，基于micro-app框架
  */
 
-// 定义API方法类型
-interface MainApis {
-  getAppInfo: () => Promise<any>;
-  getHostInfo: () => Promise<any>;
-  getUserInfo: () => Promise<any>;
-  getToken: () => Promise<any>;
-  userLogin: (params: any) => Promise<any>;
-  userLogout: () => Promise<any>;
-  mainAppPush: (params: any) => Promise<any>;
+// 定义请求数据格式
+interface ApiRequestData {
+   type: 'API_REQUEST';
+   id: number;
+   method: string;
+   params?: any;
 }
 
-// 定义可用的API方法名称
-type MainApiMethod = keyof MainApis;
+// 定义响应数据格式
+interface ApiResponseData {
+   type: 'API_RESPONSE';
+   id: number;
+   success: boolean;
+   result?: any;
+   error?: string;
+}
 
-/**
- * MicroAppSDK类 - 管理与主应用的通信
- */
 class MicroAppSDK {
-  constructor() {
-    this.ensureMicroAppReady();
-  }
-
-  /**
-   * 确保micro-app环境就绪
-   */
-  ensureMicroAppReady() {
-    if (typeof window === 'undefined') {
-      throw new Error('MicroAppSDK can only be used in browser environment');
-    }
-  }
-
-  /**
-   * 获取基座API
-   */
-  getMainApis(): Partial<MainApis> {
-    if (this.isInMicroApp() && (window as any).microApp && (window as any).microApp.getData) {
-      const data = (window as any).microApp.getData();
-      return data?.MainApis || {};
-    }
-    return {};
-  }
-
-  /**
-   * 检查是否在微前端环境中
-   */
-  isInMicroApp(): boolean {
-    return !!(window as any).microApp;
-  }
-
-  /**
-   * API调用包装器
-   */
-  async callMainApi<T extends MainApiMethod>(methodName: T, params?: any): Promise<ReturnType<MainApis[T]>> {
-    const mainApis = this.getMainApis();
-    
-    // 使用类型断言解决TypeScript类型检查问题
-    const method = mainApis[methodName] as Function | undefined;
-    
-    if (!method) {
-      throw new Error(`Main API method '${methodName}' is not available`);
-    }
-    
-    try {
-      if (params !== undefined) {
-        return await method(params);
-      } else {
-        return await method();
+   private static messageId = 0;
+   private static callbacks = new Map<number, { resolve: Function; reject: Function }>();
+
+   /**
+    * 检查是否在微前端环境中运行
+    * @returns boolean
+    */
+   static isInMicroApp(): boolean {
+      return typeof window !== 'undefined' && !!(window as any).microApp;
+   }
+
+   /**
+    * 调用主应用方法的通用方法
+    * @param method 方法名
+    * @param params 参数
+    * @returns Promise
+    */
+   private static async callMainAppMethod(method: string, params?: any): Promise<any> {
+      // 检查是否在微前端环境中
+      if (!this.isInMicroApp()) {
+         throw new Error(`未配置${method}接口！`);
       }
-    } catch (error) {
-      console.error(`Failed to call main API '${methodName}':`, error);
-      throw error;
-    }
-  }
-
-  /**
-   * 获取应用信息
-   */
-  async getAppInfo(): Promise<any> {
-    return this.callMainApi('getAppInfo');
-  }
-
-  /**
-   * 获取主机信息
-   */
-  async getHostInfo(): Promise<any> {
-    return this.callMainApi('getHostInfo');
-  }
-
-  /**
-   * 获取用户信息
-   */
-  async getUserInfo(): Promise<any> {
-    return this.callMainApi('getUserInfo');
-  }
-
-  /**
-   * 获取授权令牌
-   */
-  async getToken(): Promise<any> {
-    return this.callMainApi('getToken');
-  }
-
-  /**
-   * 用户登录
-   */
-  async userLogin(params: any): Promise<any> {
-    return this.callMainApi('userLogin', params);
-  }
-
-  /**
-   * 用户登出
-   */
-  async userLogout(): Promise<any> {
-    return this.callMainApi('userLogout');
-  }
-
-  /**
-   * 主应用推送
-   */
-  async mainAppPush(params: any): Promise<any> {
-    return this.callMainApi('mainAppPush', params);
-  }
-}
-
-// 创建单例实例
-const microAppSDKInstance = new MicroAppSDK();
 
-// 导出SDK实例和具体方法
-export default microAppSDKInstance;
-
-// 导出类和实例
-export { MicroAppSDK, microAppSDKInstance };
+      // 生成唯一消息ID
+      const id = ++this.messageId;
+
+      // 创建Promise并保存回调
+      const promise = new Promise((resolve, reject) => {
+         this.callbacks.set(id, { resolve, reject });
+
+         // 设置超时
+         setTimeout(() => {
+            if (this.callbacks.has(id)) {
+               this.callbacks.delete(id);
+               reject(new Error(`API调用超时: ${method}`));
+            }
+         }, 10000); // 10秒超时
+      });
+
+      // 构造请求数据
+      const requestData: ApiRequestData = {
+         type: 'API_REQUEST',
+         id,
+         method,
+         params,
+      };
+
+      // 发送数据到主应用（使用micro-app的dispatch方法）
+      (window as any).microApp.dispatch(requestData);
+
+      // 等待结果
+      return promise;
+   }
+
+   /**
+    * 处理来自主应用的响应数据
+    * @param data 响应数据
+    */
+   static handleResponseData(data: any) {
+      // 检查是否为API响应
+      if (data && data.type === 'API_RESPONSE' && typeof data.id === 'number') {
+         const { id, success, result, error } = data as ApiResponseData;
+         const callback = this.callbacks.get(id);
+
+         if (callback) {
+            this.callbacks.delete(id);
+            if (success) {
+               callback.resolve(result);
+            } else {
+               callback.reject(new Error(error || '未知错误'));
+            }
+         }
+      }
+   }
+
+   /**
+    * 初始化通信监听器
+    */
+   static init() {
+      if (this.isInMicroApp()) {
+         // 添加监听器
+         (window as any).microApp.addDataListener((data: any) => {
+            console.log('收到来自主应用的数据:', data);
+            this.handleResponseData(data);
+         });
+      }
+   }
+
+   /**
+    * 获取应用信息
+    */
+   static async getAppInfo(): Promise<any> {
+      return this.callMainAppMethod('getAppInfo');
+   }
+
+   /**
+    * 获取主机信息
+    */
+   static async getHostInfo(): Promise<any> {
+      return this.callMainAppMethod('getHostInfo');
+   }
+
+   /**
+    * 获取用户信息
+    */
+   static async getUserInfo(): Promise<any> {
+      return this.callMainAppMethod('getUserInfo');
+   }
+
+   /**
+    * 获取授权令牌
+    */
+   static async getToken(): Promise<any> {
+      return this.callMainAppMethod('getToken');
+   }
+
+   /**
+    * 用户登出
+    */
+   static async userLogout(): Promise<any> {
+      return this.callMainAppMethod('userLogout');
+   }
+
+   /**
+    * 主应用推送
+    */
+   static async mainAppPush(params: any): Promise<any> {
+      return this.callMainAppMethod('mainAppPush', params);
+   }
+}
 
-// 导出所有方法
-export const getAppInfo = microAppSDKInstance.getAppInfo.bind(microAppSDKInstance);
-export const getHostInfo = microAppSDKInstance.getHostInfo.bind(microAppSDKInstance);
-export const getUserInfo = microAppSDKInstance.getUserInfo.bind(microAppSDKInstance);
-export const getToken = microAppSDKInstance.getToken.bind(microAppSDKInstance);
-export const userLogin = microAppSDKInstance.userLogin.bind(microAppSDKInstance);
-export const userLogout = microAppSDKInstance.userLogout.bind(microAppSDKInstance);
-export const mainAppPush = microAppSDKInstance.mainAppPush.bind(microAppSDKInstance);
-export const isInMicroApp = microAppSDKInstance.isInMicroApp.bind(microAppSDKInstance);
+// 初始化通信监听器
+MicroAppSDK.init();
+
+// 导出统一对象
+export const MicroOpenApis = {
+   getAppInfo: MicroAppSDK.getAppInfo.bind(MicroAppSDK),
+   getHostInfo: MicroAppSDK.getHostInfo.bind(MicroAppSDK),
+   getUserInfo: MicroAppSDK.getUserInfo.bind(MicroAppSDK),
+   getToken: MicroAppSDK.getToken.bind(MicroAppSDK),
+   userLogout: MicroAppSDK.userLogout.bind(MicroAppSDK),
+   mainAppPush: MicroAppSDK.mainAppPush.bind(MicroAppSDK),
+   isInMicroApp: MicroAppSDK.isInMicroApp.bind(MicroAppSDK),
+};

package/lib/assets/modules/file-upload-Dk4VFMgz.js

@@ -1,204 +0,0 @@
-var m = Object.defineProperty;
-var E = (e, r, o) => r in e ? m(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o;
-var d = (e, r, o) => E(e, typeof r != "symbol" ? r + "" : r, o);
-import { hostUrl as v } from "@skyfox2000/fapi";
-import { af as S, ae as w, u as g } from "./uploadList-DIfhRlbh.js";
-import { mainAppApis as a } from "@skyfox2000/microbase";
-import y from "dayjs";
-import p from "vue-m-message";
-var i = /* @__PURE__ */ ((e) => (e.Pending = "pending", e.Uploading = "uploading", e.Success = "success", e.Error = "error", e.Online = "online", e.Offline = "offline", e))(i || {});
-const U = () => a.value ? a.value.getHostInfo() : S().hostInfo, x = () => a.value && a.value.getAppInfo ? a.value.getAppInfo() : w().appInfo, L = (e) => a.value && a.value.userLogin ? a.value.userLogin(e) : g().login(e, !0), M = () => a.value && a.value.userLogout ? a.value.userLogout() : g().logout(!0), b = () => a.value && a.value.getToken ? a.value.getToken() : g().getToken(), N = () => a.value && a.value.getUserInfo ? a.value.getUserInfo() : g().getUserInfo();
-class z {
-  /**
-   * 连接路径参数，已判断 undefined 或 null 值
-   * @param args 路径参数数组
-   * @returns 连接后的路径字符串
-   */
-  static join(...r) {
-    return r.filter((u) => u != null).join("/").replace(/[\/]+/, "/");
-  }
-}
-class C {
-  /**
-   * AsyncUploader 构造函数
-   * @param urlInfo 文件上传的 API 配置（IUrlInfo 对象）
-   * @param maxConcurrent 最大允许并发上传的文件数量
-   */
-  constructor(r, o = 3) {
-    /**
-     * 设置 API 端点和最大并发数，所有上传文件通过该类控制
-     */
-    d(this, "urlInfo");
-    /**
-     * 最大并发上传数
-     */
-    d(this, "maxConcurrent");
-    /**
-     * 控制上传任务的中断信号
-     */
-    d(this, "abortController");
-    this.urlInfo = r, this.maxConcurrent = o;
-  }
-  /**
-   * 执行上传
-   * @param fileList 文件列表
-   * @param loading 加载状态
-   * @param continueOnError 错误时是否继续上传
-   * @param onComplete 上传完成回调
-   * @param onProgress 上传进度回调
-   * @returns 上传结果
-   */
-  async doUpload(r, o, c, u, n) {
-    if (r.length) {
-      if (r.length === 0) {
-        p.warning("请选择上传的文件！");
-        return;
-      }
-      o.value = !0, await this.uploadFiles(r, n, (f) => {
-        let t = !1, h = 0;
-        for (const s of f)
-          s.status === i.Error && h++;
-        h ? h < f.length ? c ? (p.error("上传结束，部分文件上传失败！"), p.warning("保存上传成功的文件！"), t = !0) : p.error("上传结束，部分文件上传失败，取消保存！") : p.error("上传结束，所有文件上传失败！") : (p.success("全部文件上传成功！"), t = !0), o.value = !1, u == null || u(t, f);
-      });
-    }
-  }
-  /**
-   * 上传多个文件，控制并发数量
-   * @param files 文件列表（File[] 或 FileList）
-   * @param onProgress 上传进度回调
-   * @param onComplete 上传完成回调
-   */
-  async uploadFiles(r, o, c) {
-    if (!r.length) return;
-    const u = Math.min(this.maxConcurrent, r.length), n = [];
-    for (const t of r)
-      switch (t.status) {
-        case i.Success:
-        case i.Online:
-        case i.Offline:
-          break;
-        default:
-          t.status = i.Pending, n.push(t);
-          break;
-      }
-    const f = [];
-    this.abortController = new AbortController();
-    try {
-      for (; f.length < u && n.length > 0; ) {
-        const t = n.shift();
-        if (!t) break;
-        f.push(this.handleFileStatus(t, f, n, o));
-      }
-      await Promise.all(f);
-    } catch (t) {
-      r.forEach((h) => {
-        h.status = i.Error, h.error = t instanceof Error ? t : new Error("上传失败"), o == null || o(h);
-      });
-    } finally {
-      c == null || c(r);
-    }
-  }
-  /**
-   * 处理单个文件的上传逻辑
-   * @param file 当前上传的文件
-   * @param activeUploads 当前正在上传的文件列表
-   * @param pendingFiles 等待上传的文件列表
-   * @param onProgress 上传进度回调
-   */
-  async handleFileStatus(r, o, c, u) {
-    try {
-      await this.uploadFile(r, this.abortController.signal, (n) => {
-        r.percent = n, u == null || u(r);
-      });
-    } catch (n) {
-      r.error = n instanceof Error ? n : new Error("上传失败");
-    } finally {
-      if (c.length > 0) {
-        const n = c.shift();
-        n && o.push(this.handleFileStatus(n, o, c, u));
-      }
-    }
-  }
-  /**
-   * 使用 XMLHttpRequest 上传文件
-   * @param file 文件对象
-   * @param signal 中断信号
-   * @param onProgress 上传进度回调
-   */
-  async uploadFile(r, o, c) {
-    return r.status = i.Uploading, new Promise((u, n) => {
-      const f = new FormData();
-      if (f.append("file", r.originFileObj), r.params)
-        for (const s in r.params)
-          f.append(s, r.params[s]);
-      const t = new XMLHttpRequest(), h = v(this.urlInfo);
-      if (h === !1) return Promise.resolve(r);
-      if (t.open("POST", h, !0), this.urlInfo.header && typeof this.urlInfo.header == "object" && Object.entries(this.urlInfo.header).forEach(([s, l]) => {
-        t.setRequestHeader(s, l);
-      }), this.urlInfo.authorize) {
-        const s = b();
-        if (!s) {
-          n(new Error("未授权或授权过期"));
-          return;
-        }
-        t.setRequestHeader("Authorization", "Bearer " + s);
-      }
-      t.upload.addEventListener("progress", (s) => {
-        if (s.lengthComputable && s.total > 0) {
-          const l = Math.round(s.loaded / s.total * 100);
-          c(l);
-        }
-      }), t.addEventListener("load", () => {
-        if (t.status >= 200 && t.status < 300) {
-          const s = t.getResponseHeader("Content-Type");
-          if (!s || !s.includes("application/json")) {
-            n(new Error("返回的结果不是 JSON 格式"));
-            return;
-          }
-          try {
-            const l = JSON.parse(t.response);
-            if (l.status === "success")
-              l.data && (r.minioFile = {
-                ETag: l.data.ETag,
-                Bucket: l.data.Bucket,
-                FileName: r.fileName,
-                Key: l.data.Key,
-                Size: l.data.Size,
-                Type: r.type,
-                UpdateTime: y().format("YYYY-MM-DD HH:mm:ss"),
-                Status: i.Success
-              }), r.status = i.Success, u(r);
-            else {
-              const I = l.msg;
-              r.status = i.Error, n(new Error(I));
-            }
-          } catch (l) {
-            r.status = i.Error, n(new Error("无法解析返回的 JSON 数据: " + l));
-          }
-        } else
-          r.status = i.Error, n(new Error(`上传失败，状态码：${t.status}`));
-      }), t.addEventListener("error", () => {
-        r.status = i.Error, n(new Error("上传失败，网络异常"));
-      }), t.send(f), o.addEventListener("abort", () => {
-        t.abort(), n(new Error("上传已取消"));
-      });
-    });
-  }
-  /**
-   * 取消当前所有的上传任务
-   */
-  cancelUpload() {
-    this.abortController && this.abortController.abort();
-  }
-}
-export {
-  C as A,
-  i as U,
-  x as a,
-  M as b,
-  b as c,
-  N as d,
-  U as g,
-  z as p,
-  L as u
-};