@skyfox2000/webui 1.4.2 → 1.4.3

package/lib/es/AceEditor/index.js

@@ -1,13 +1,13 @@
 import { defineComponent as F, defineAsyncComponent as M, ref as m, watch as V, onMounted as J, createElementBlock as x, openBlock as p, Fragment as K, createElementVNode as v, createVNode as _, toDisplayString as W, unref as i, createBlock as P, withKeys as f, normalizeClass as N, withModifiers as w, withCtx as z, createCommentVNode as L } from "vue";
 import "ant-design-vue";
-import { _ as q } from "../../assets/modules/toolIcon-BHWHHyOp.js";
+import { _ as q } from "../../assets/modules/toolIcon-BddslNsJ.js";
 import "@skyfox2000/fapi";
-import "../../assets/modules/uploadList-EbG8acej.js";
+import "../../assets/modules/uploadList-ZGWKyite.js";
 import "@skyfox2000/microbase";
 import "vue-m-message";
 import "async-validator";
 import "dayjs";
-import { _ as D } from "../../assets/modules/index-C5X-1A4m.js";
+import { _ as D } from "../../assets/modules/index-C_7galsG.js";
 import "vue-draggable-next";
 const h = async (s) => window.ace ? window.ace : new Promise((l, t) => {
   const o = document.createElement("script");

package/lib/es/BasicLayout/index.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, ref as d, watch as _, onMounted as v, resolveComponent as h, createBlock as o, openBlock as t, withCtx as s, createElementVNode as C, normalizeClass as x, createVNode as w, KeepAlive as y, unref as n, resolveDynamicComponent as I } from "vue";
-import { _ as g } from "../../assets/modules/baseLayout-CeyN__cz.js";
-import { af as A, a as S } from "../../assets/modules/uploadList-EbG8acej.js";
+import { _ as g } from "../../assets/modules/baseLayout-C92mDmCL.js";
+import { af as A, a as S } from "../../assets/modules/uploadList-ZGWKyite.js";
 import "@skyfox2000/microbase";
 import "@skyfox2000/fapi";
 import b from "vue-m-message";

package/lib/es/Error403/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createBlock as p, openBlock as m, unref as r, withCtx as e, createVNode as n, createTextVNode as a } from "vue";
-import { r as s } from "../../assets/modules/uploadList-EbG8acej.js";
+import { r as s } from "../../assets/modules/uploadList-ZGWKyite.js";
 import "@skyfox2000/microbase";
 import "@skyfox2000/fapi";
 import "vue-m-message";

package/lib/es/Error404/index.js

@@ -1,5 +1,5 @@
 import { defineComponent as i, createBlock as p, openBlock as m, unref as r, withCtx as e, createVNode as n, createTextVNode as a } from "vue";
-import { r as s } from "../../assets/modules/uploadList-EbG8acej.js";
+import { r as s } from "../../assets/modules/uploadList-ZGWKyite.js";
 import "@skyfox2000/microbase";
 import "@skyfox2000/fapi";
 import "vue-m-message";

package/lib/es/ExcelForm/index.js

@@ -1,12 +1,12 @@
 import { defineComponent as we, ref as f, computed as T, watch as W, onMounted as be, createBlock as H, openBlock as d, unref as n, withCtx as S, renderSlot as J, createElementBlock as g, createCommentVNode as K, createElementVNode as h, createVNode as C, createTextVNode as X, toDisplayString as E, normalizeClass as Ce, Fragment as ie, renderList as ne } from "vue";
-import { _ as Y } from "../../assets/modules/index-DbgSOuIs.js";
+import { _ as Y } from "../../assets/modules/index-BrDxf94o.js";
 import { Modal as Fe, Upload as ue, Space as _e } from "ant-design-vue";
 import { httpGet as Ue, ResStatus as fe } from "@skyfox2000/fapi";
-import { E as Te, a2 as Se, a8 as Ee } from "../../assets/modules/uploadList-EbG8acej.js";
-import { A as Re, p as De, U as ce } from "../../assets/modules/file-upload-DiUcAspb.js";
+import { E as Te, a2 as Se, a8 as Ee } from "../../assets/modules/uploadList-ZGWKyite.js";
+import { A as Re, p as De, U as ce } from "../../assets/modules/file-upload-DGCoBLP3.js";
 import "@skyfox2000/microbase";
 import p from "vue-m-message";
-import { c as ke, _ as Z, h as Le, p as Ne, i as Ke } from "../../assets/modules/index-YIIA7qm8.js";
+import { c as ke, _ as Z, h as Le, p as Ne, i as Ke } from "../../assets/modules/index-ChjM1bSE.js";
 import "dayjs";
 import "vue-draggable-next";
 import "async-validator";
@@ -306,7 +306,7 @@ const Be = (l) => l.includes(",") || l.includes(`
         return p.error(v), ue.LIST_IGNORE;
       try {
         if (A(), y.value = t.name, q.value = u ? "text/csv" : "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", u) {
-          const w = await t.arrayBuffer(), O = new TextDecoder("utf-8").decode(w), { csvToExcelView: G } = await import("../../assets/modules/index-YIIA7qm8.js").then((he) => he.j), M = await G(O, t.name);
+          const w = await t.arrayBuffer(), O = new TextDecoder("utf-8").decode(w), { csvToExcelView: G } = await import("../../assets/modules/index-ChjM1bSE.js").then((he) => he.j), M = await G(O, t.name);
           if (!M.success)
             throw new Error(M.error || "CSV文件处理失败");
           const oe = await (await fetch(M.blobUrl)).arrayBuffer();

package/lib/es/MenuLayout/index.js

@@ -1,6 +1,6 @@
 import { defineComponent as f, ref as d, watch as _, onMounted as v, resolveComponent as h, createBlock as o, openBlock as t, withCtx as s, createElementVNode as C, normalizeClass as x, createVNode as w, KeepAlive as I, unref as n, resolveDynamicComponent as g } from "vue";
-import { _ as y } from "../../assets/modules/baseLayout-CeyN__cz.js";
-import { af as A, a as S } from "../../assets/modules/uploadList-EbG8acej.js";
+import { _ as y } from "../../assets/modules/baseLayout-C92mDmCL.js";
+import { af as A, a as S } from "../../assets/modules/uploadList-ZGWKyite.js";
 import "@skyfox2000/microbase";
 import "@skyfox2000/fapi";
 import k from "vue-m-message";

package/lib/es/UploadForm/index.js

@@ -1,15 +1,15 @@
 import { defineComponent as y, ref as f, watch as S, onMounted as z, createBlock as D, openBlock as F, unref as u, withCtx as s, createVNode as m, createTextVNode as C } from "vue";
-import { _ as c } from "../../assets/modules/index-DbgSOuIs.js";
+import { _ as c } from "../../assets/modules/index-BrDxf94o.js";
 import { Modal as _, Space as k } from "ant-design-vue";
 import { ResStatus as E } from "@skyfox2000/fapi";
-import { a4 as h } from "../../assets/modules/uploadList-EbG8acej.js";
+import { a4 as h } from "../../assets/modules/uploadList-ZGWKyite.js";
 import "@skyfox2000/microbase";
 import L from "vue-m-message";
 import "async-validator";
 import "dayjs";
-import { A as N } from "../../assets/modules/file-upload-DiUcAspb.js";
+import { A as N } from "../../assets/modules/file-upload-DGCoBLP3.js";
 import "vue-draggable-next";
-import { U as B } from "../../assets/modules/uploadList-1qFfdb6_.js";
+import { U as B } from "../../assets/modules/uploadList-3sClH7Na.js";
 const K = /* @__PURE__ */ y({
   __name: "uploadForm",
   props: {

package/lib/utils/micro-openapis.d.ts

@@ -1,11 +1,24 @@
-declare const MicroOpenApis: {
-    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>;
-    isInMicroApp: () => boolean;
+declare class MicroAppSDK {
+    private static messageId;
+    private static callbacks;
+    static isInMicroApp(): boolean;
+    private static callMainAppMethod;
+    static handleResponseData(data: any): void;
+    static init(): void;
+    static getAppInfo(): Promise<any>;
+    static getHostInfo(): Promise<any>;
+    static getUserInfo(): Promise<any>;
+    static getToken(): Promise<any>;
+    static userLogout(): Promise<any>;
+    static mainAppPush(params: any): Promise<any>;
+}
+export declare const MicroOpenApis: {
+    getAppInfo: typeof MicroAppSDK.getAppInfo;
+    getHostInfo: typeof MicroAppSDK.getHostInfo;
+    getUserInfo: typeof MicroAppSDK.getUserInfo;
+    getToken: typeof MicroAppSDK.getToken;
+    userLogout: typeof MicroAppSDK.userLogout;
+    mainAppPush: typeof MicroAppSDK.mainAppPush;
+    isInMicroApp: typeof MicroAppSDK.isInMicroApp;
 };
-export { MicroOpenApis };
+export {};

package/lib/webui.es.js

@@ -1,6 +1,6 @@
-import { u as Ee, i as Z, a as me, L as Xe, c as Ze, P as j, o as Pe, b as ea, d as aa, e as Fe, r as ce, f as ta, g as la, h as Ne, j as sa, k as ke, l as ra, _ as oa, m as na, O as Me, q as Be, n as ia, p as ca, s as L, t as ua, v as da, w as pa, x as fa, y as va, z as ma, A as Y, B as ha, C as ga, D as ba, E as Re } from "./assets/modules/uploadList-EbG8acej.js";
-import { aa as $l, Q as Il, ac as Dl, R as El, V as Pl, a9 as Fl, a7 as Nl, a8 as Ml, ab as Bl, Y as Rl, T as Ol, a5 as Al, a2 as Ll, M as zl, a4 as Ul, U as Vl, G as Yl, $ as Kl, a3 as Wl, a6 as Hl, N as jl, S as Ql, ad as ql, F as Gl, a1 as Jl, ae as Xl, X as Zl, Z as es, W as as, af as ts, H as ls, I as ss, ag as rs, K as os, ah as ns, J as is, a0 as cs } from "./assets/modules/uploadList-EbG8acej.js";
-import { A as ds, U as ps, p as fs } from "./assets/modules/file-upload-DiUcAspb.js";
+import { u as Ee, i as Z, a as me, L as Xe, c as Ze, P as j, o as Pe, b as ea, d as aa, e as Fe, r as ce, f as ta, g as la, h as Ne, j as sa, k as ke, l as ra, _ as oa, m as na, O as Me, q as Be, n as ia, p as ca, s as L, t as ua, v as da, w as pa, x as fa, y as va, z as ma, A as Y, B as ha, C as ga, D as ba, E as Re } from "./assets/modules/uploadList-ZGWKyite.js";
+import { aa as $l, Q as Il, ac as Dl, R as El, V as Pl, a9 as Fl, a7 as Nl, a8 as Ml, ab as Bl, Y as Rl, T as Ol, a5 as Al, a2 as Ll, M as zl, a4 as Ul, U as Vl, G as Yl, $ as Kl, a3 as Wl, a6 as Hl, N as jl, S as Ql, ad as ql, F as Gl, a1 as Jl, ae as Xl, X as Zl, Z as es, W as as, af as ts, H as ls, I as ss, ag as rs, K as os, ah as ns, J as is, a0 as cs } from "./assets/modules/uploadList-ZGWKyite.js";
+import { A as ds, U as ps, p as fs } from "./assets/modules/file-upload-DGCoBLP3.js";
 import { EnvConfig as we } from "@skyfox2000/microbase";
 import { FrontCache as re, httpPost as Oe, ResStatus as Ae, SERVER_HOST as _a, fieldMapping as oe } from "@skyfox2000/fapi";
 import he from "vue-m-message";
@@ -9,15 +9,15 @@ import "async-validator";
 import fe from "dayjs";
 import { Popover as Ca, theme as ze, Drawer as Ta, Space as te, Form as Ue, message as $a, FormItem as Ve, ConfigProvider as Ce, Popconfirm as Ia, Button as Ye, DropdownButton as Da, Menu as _e, MenuItem as xe, Dropdown as ve, Checkbox as Ea, Table as Ke, Tree as Pa, Cascader as Fa, DatePicker as Na, Input as ee, InputPassword as Ma, InputNumber as Ba, RangePicker as Ra, Textarea as Oa, TimePicker as Aa, Transfer as La, TreeSelect as za, LayoutContent as Ua } from "ant-design-vue";
 import { VueDraggableNext as Va } from "vue-draggable-next";
-import { d as We } from "./assets/modules/uploadList-1qFfdb6_.js";
-import { C as ms, U as hs, a as gs, p as bs } from "./assets/modules/uploadList-1qFfdb6_.js";
-import { c as He } from "./assets/modules/index-YIIA7qm8.js";
-import { _ as xs, h as ys, b as ks, a as ws, d as Ss, e as Cs, g as Ts, f as $s, n as Is, p as Ds, t as Es, v as Ps } from "./assets/modules/index-YIIA7qm8.js";
-import { _ as A } from "./assets/modules/index-DbgSOuIs.js";
-import { _ as U } from "./assets/modules/toolIcon-BHWHHyOp.js";
-import { a as Ns } from "./assets/modules/toolIcon-BHWHHyOp.js";
-import { _ as Bs, b as Rs, c as Os, d as As, e as Ls, I as zs, f as Us, g as Vs, a as Ys } from "./assets/modules/menuTabs-hVwE4xrx.js";
-import { _ as Ws } from "./assets/modules/index-C5X-1A4m.js";
+import { d as We } from "./assets/modules/uploadList-3sClH7Na.js";
+import { C as ms, U as hs, a as gs, p as bs } from "./assets/modules/uploadList-3sClH7Na.js";
+import { c as He } from "./assets/modules/index-ChjM1bSE.js";
+import { _ as xs, h as ys, b as ks, a as ws, d as Ss, e as Cs, g as Ts, f as $s, n as Is, p as Ds, t as Es, v as Ps } from "./assets/modules/index-ChjM1bSE.js";
+import { _ as A } from "./assets/modules/index-BrDxf94o.js";
+import { _ as U } from "./assets/modules/toolIcon-BddslNsJ.js";
+import { a as Ns } from "./assets/modules/toolIcon-BddslNsJ.js";
+import { _ as Bs, b as Rs, c as Os, d as As, e as Ls, I as zs, f as Us, g as Vs, a as Ys } from "./assets/modules/menuTabs-Boe_4pzK.js";
+import { _ as Ws } from "./assets/modules/index-C_7galsG.js";
 import { _ as q } from "./assets/modules/_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = (s, a, e, t = "remove") => {
   if (!e)

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "@skyfox2000/webui",
-   "version": "1.4.2",
+   "version": "1.4.3",
    "description": "后台前端通用组件定义",
    "type": "module",
    "keywords": [],
@@ -65,4 +65,4 @@
       "vite-plugin-dts": "^4.5.4",
       "vue-tsc": "^2.2.0"
    }
-}
+}

package/src/utils/micro-openapis.ts

@@ -1,145 +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();
-   }
+   private static messageId = 0;
+   private static callbacks = new Map<number, { resolve: Function; reject: Function }>();
 
    /**
-    * 确保micro-app环境就绪
+    * 检查是否在微前端环境中运行
+    * @returns boolean
     */
-   ensureMicroAppReady() {
-      if (typeof window === 'undefined') {
-         throw new Error('MicroAppSDK can only be used in browser environment');
-      }
+   static isInMicroApp(): boolean {
+      return typeof window !== 'undefined' && !!(window as any).microApp;
    }
 
    /**
-    * 获取基座API
+    * 调用主应用方法的通用方法
+    * @param method 方法名
+    * @param params 参数
+    * @returns Promise
     */
-   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 || {};
+   private static async callMainAppMethod(method: string, params?: any): Promise<any> {
+      // 检查是否在微前端环境中
+      if (!this.isInMicroApp()) {
+         throw new Error(`未配置${method}接口！`);
       }
-      return {};
+
+      // 生成唯一消息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 响应数据
     */
-   isInMicroApp(): boolean {
-      return !!(window as any).microApp;
+   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 || '未知错误'));
+            }
+         }
+      }
    }
 
    /**
-    * 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();
-         }
-      } catch (error) {
-         console.error(`Failed to call main API '${methodName}':`, error);
-         throw error;
+   static init() {
+      if (this.isInMicroApp()) {
+         // 添加监听器
+         (window as any).microApp.addDataListener((data: any) => {
+            console.log('收到来自主应用的数据:', data);
+            this.handleResponseData(data);
+         });
       }
    }
 
    /**
     * 获取应用信息
     */
-   async getAppInfo(): Promise<any> {
-      return this.callMainApi('getAppInfo');
+   static async getAppInfo(): Promise<any> {
+      return this.callMainAppMethod('getAppInfo');
    }
 
    /**
     * 获取主机信息
     */
-   async getHostInfo(): Promise<any> {
-      return this.callMainApi('getHostInfo');
+   static async getHostInfo(): Promise<any> {
+      return this.callMainAppMethod('getHostInfo');
    }
 
    /**
     * 获取用户信息
     */
-   async getUserInfo(): Promise<any> {
-      return this.callMainApi('getUserInfo');
+   static async getUserInfo(): Promise<any> {
+      return this.callMainAppMethod('getUserInfo');
    }
 
    /**
     * 获取授权令牌
     */
-   async getToken(): Promise<any> {
-      return this.callMainApi('getToken');
-   }
-
-   /**
-    * 用户登录
-    */
-   async userLogin(params: any): Promise<any> {
-      return this.callMainApi('userLogin', params);
+   static async getToken(): Promise<any> {
+      return this.callMainAppMethod('getToken');
    }
 
    /**
     * 用户登出
     */
-   async userLogout(): Promise<any> {
-      return this.callMainApi('userLogout');
+   static async userLogout(): Promise<any> {
+      return this.callMainAppMethod('userLogout');
    }
 
    /**
     * 主应用推送
     */
-   async mainAppPush(params: any): Promise<any> {
-      return this.callMainApi('mainAppPush', params);
+   static async mainAppPush(params: any): Promise<any> {
+      return this.callMainAppMethod('mainAppPush', params);
    }
 }
 
-// 创建单例实例
-const microAppSDKInstance = new MicroAppSDK();
-
-// 统一导出对象
-const MicroOpenApis = {
-   getAppInfo: microAppSDKInstance.getAppInfo.bind(microAppSDKInstance),
-   getHostInfo: microAppSDKInstance.getHostInfo.bind(microAppSDKInstance),
-   getUserInfo: microAppSDKInstance.getUserInfo.bind(microAppSDKInstance),
-   getToken: microAppSDKInstance.getToken.bind(microAppSDKInstance),
-   userLogin: microAppSDKInstance.userLogin.bind(microAppSDKInstance),
-   userLogout: microAppSDKInstance.userLogout.bind(microAppSDKInstance),
-   mainAppPush: microAppSDKInstance.mainAppPush.bind(microAppSDKInstance),
-   isInMicroApp: microAppSDKInstance.isInMicroApp.bind(microAppSDKInstance),
-};
+// 初始化通信监听器
+MicroAppSDK.init();
 
 // 导出统一对象
-export { MicroOpenApis };
+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),
+};