@xfe-repo/web-micro 1.1.3

package/README.md

@@ -0,0 +1,3 @@
+# `@xfe-repo/web-register`
+
+web register库

package/dist/index.d.mts

@@ -0,0 +1,59 @@
+import * as _micro_zoe_micro_app from '@micro-zoe/micro-app';
+export * from '@micro-zoe/micro-app';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type MicroAppProps = {
+    name: string;
+    baseRoute?: string;
+    url: string;
+    keepAlive?: boolean;
+    className?: string;
+    loadingFallback?: React.ReactNode;
+    errorFallback?: React.ReactNode;
+};
+declare const MicroAppRoute: React.MemoExoticComponent<(props: MicroAppProps) => react_jsx_runtime.JSX.Element>;
+
+declare enum MicroAppEventEnum {
+    SET_GLOBAL_STATE = "setGlobalState",
+    DISPATCH_ACTION = "dispatchAction"
+}
+type MicroAppActionMetaType = {
+    source: string;
+    target: string;
+    transId: string;
+    error?: any;
+};
+type MicroAppActionType = {
+    type: string;
+    payload?: any;
+    meta?: MicroAppActionMetaType;
+};
+type MicroAppDispatchListener = (action: MicroAppActionType) => any | Promise<any>;
+type MicroAppGlobalStateType = Record<string, string | number | boolean>;
+type MicroAppGlobalDataType = {
+    eventType: MicroAppEventEnum;
+    globalState?: MicroAppGlobalStateType;
+    action?: MicroAppActionType;
+};
+type MicroAppEventCenterConfig = {
+    name: string;
+    onGlobalStateChange?: (globalState: any) => void;
+};
+declare class MicroAppEventCenter {
+    constructor(config: MicroAppEventCenterConfig);
+    private readonly config;
+    private readonly dispatchListeners;
+    private _globalState;
+    set globalState(globalState: MicroAppGlobalStateType);
+    get globalState(): MicroAppGlobalStateType;
+    private listener;
+    private emitDispatchListener;
+    dispatch(target: string, action: MicroAppActionType): Promise<any>;
+    addDispatchListener(type: string, listener: MicroAppDispatchListener): void;
+    removeDispatchListener(type: string, listener?: MicroAppDispatchListener): boolean | undefined;
+}
+
+declare const microApp: _micro_zoe_micro_app.MicroApp;
+
+export { type MicroAppActionMetaType, type MicroAppActionType, type MicroAppDispatchListener, MicroAppEventCenter, type MicroAppEventCenterConfig, MicroAppEventEnum, type MicroAppGlobalDataType, type MicroAppGlobalStateType, type MicroAppProps, MicroAppRoute, microApp };

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+import * as _micro_zoe_micro_app from '@micro-zoe/micro-app';
+export * from '@micro-zoe/micro-app';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+type MicroAppProps = {
+    name: string;
+    baseRoute?: string;
+    url: string;
+    keepAlive?: boolean;
+    className?: string;
+    loadingFallback?: React.ReactNode;
+    errorFallback?: React.ReactNode;
+};
+declare const MicroAppRoute: React.MemoExoticComponent<(props: MicroAppProps) => react_jsx_runtime.JSX.Element>;
+
+declare enum MicroAppEventEnum {
+    SET_GLOBAL_STATE = "setGlobalState",
+    DISPATCH_ACTION = "dispatchAction"
+}
+type MicroAppActionMetaType = {
+    source: string;
+    target: string;
+    transId: string;
+    error?: any;
+};
+type MicroAppActionType = {
+    type: string;
+    payload?: any;
+    meta?: MicroAppActionMetaType;
+};
+type MicroAppDispatchListener = (action: MicroAppActionType) => any | Promise<any>;
+type MicroAppGlobalStateType = Record<string, string | number | boolean>;
+type MicroAppGlobalDataType = {
+    eventType: MicroAppEventEnum;
+    globalState?: MicroAppGlobalStateType;
+    action?: MicroAppActionType;
+};
+type MicroAppEventCenterConfig = {
+    name: string;
+    onGlobalStateChange?: (globalState: any) => void;
+};
+declare class MicroAppEventCenter {
+    constructor(config: MicroAppEventCenterConfig);
+    private readonly config;
+    private readonly dispatchListeners;
+    private _globalState;
+    set globalState(globalState: MicroAppGlobalStateType);
+    get globalState(): MicroAppGlobalStateType;
+    private listener;
+    private emitDispatchListener;
+    dispatch(target: string, action: MicroAppActionType): Promise<any>;
+    addDispatchListener(type: string, listener: MicroAppDispatchListener): void;
+    removeDispatchListener(type: string, listener?: MicroAppDispatchListener): boolean | undefined;
+}
+
+declare const microApp: _micro_zoe_micro_app.MicroApp;
+
+export { type MicroAppActionMetaType, type MicroAppActionType, type MicroAppDispatchListener, MicroAppEventCenter, type MicroAppEventCenterConfig, MicroAppEventEnum, type MicroAppGlobalDataType, type MicroAppGlobalStateType, type MicroAppProps, MicroAppRoute, microApp };

package/dist/index.js

@@ -0,0 +1,556 @@
+"use strict";
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = function(target, all) {
+    for(var name in all)__defProp(target, name, {
+        get: all[name],
+        enumerable: true
+    });
+};
+var __copyProps = function(to, from, except, desc) {
+    if (from && typeof from === "object" || typeof from === "function") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            var _loop = function() {
+                var key = _step.value;
+                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+                    get: function() {
+                        return from[key];
+                    },
+                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                });
+            };
+            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return to;
+};
+var __reExport = function(target, mod, secondTarget) {
+    return __copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default");
+};
+var __toESM = function(mod, isNodeMode, target) {
+    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod);
+};
+var __toCommonJS = function(mod) {
+    return __copyProps(__defProp({}, "__esModule", {
+        value: true
+    }), mod);
+};
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+    MicroAppEventCenter: function() {
+        return MicroAppEventCenter;
+    },
+    MicroAppEventEnum: function() {
+        return MicroAppEventEnum;
+    },
+    MicroAppRoute: function() {
+        return MicroAppRoute;
+    },
+    microApp: function() {
+        return microApp2;
+    }
+});
+module.exports = __toCommonJS(src_exports);
+var import_micro_app2 = __toESM(require("@micro-zoe/micro-app"));
+var import_env = require("@xfe-repo/web-utils/env");
+var import_tools = require("@xfe-repo/web-utils/tools");
+__reExport(src_exports, require("@micro-zoe/micro-app"), module.exports);
+// src/MicroAppRoute.tsx
+var import_react = require("react");
+var import_web_router = require("@xfe-repo/web-router");
+var import_micro_app = __toESM(require("@micro-zoe/micro-app"));
+var import_jsx_custom_event = __toESM(require("@micro-zoe/micro-app/polyfill/jsx-custom-event.js"));
+var MicroAppRoute = (0, import_react.memo)(function(props) {
+    var name = props.name, baseRoute = props.baseRoute, url = props.url, keepAlive = props.keepAlive, className = props.className, loadingFallback = props.loadingFallback, errorFallback = props.errorFallback;
+    var location = (0, import_web_router.useLocation)();
+    var defaultPage = location.pathname + location.search;
+    var _ref = _sliced_to_array((0, import_react.useState)(false), 2), microAppIsShow = _ref[0], setMicroAppIsShow = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react.useState)(false), 2), microAppIsError = _ref1[0], setMicroAppIsError = _ref1[1];
+    var handleMicroAppMounted = (0, import_react.useCallback)(function() {
+        setMicroAppIsShow(true);
+    }, []);
+    var handleMicroAppAfterShow = (0, import_react.useCallback)(function() {
+        var path = location.pathname + location.search;
+        import_micro_app.default.router.push({
+            name: "dashboard",
+            path: path,
+            replace: true
+        }).catch(function(e) {
+            return e;
+        });
+        setMicroAppIsShow(true);
+    }, [
+        location
+    ]);
+    var handleMicroAppError = (0, import_react.useCallback)(function() {
+        setMicroAppIsError(true);
+    }, []);
+    return /* @__PURE__ */ (0, import_jsx_custom_event.default)("div", {
+        className: className
+    }, microAppIsError && errorFallback, !microAppIsShow && loadingFallback, /* @__PURE__ */ (0, import_jsx_custom_event.default)("micro-app", {
+        style: {
+            display: microAppIsShow ? "block" : "none"
+        },
+        url: url,
+        name: name,
+        "router-mode": "native",
+        baseroute: baseRoute ? baseRoute : "/".concat(name),
+        "keep-alive": keepAlive,
+        "default-page": defaultPage,
+        onMounted: handleMicroAppMounted,
+        onAftershow: keepAlive ? handleMicroAppAfterShow : void 0,
+        onError: handleMicroAppError
+    }));
+});
+// src/index.ts
+window.microGlobalEventCenter = new import_micro_app2.EventCenterForMicroApp("global");
+var MicroAppEventEnum = /* @__PURE__ */ function(MicroAppEventEnum2) {
+    MicroAppEventEnum2["SET_GLOBAL_STATE"] = "setGlobalState";
+    MicroAppEventEnum2["DISPATCH_ACTION"] = "dispatchAction";
+    return MicroAppEventEnum2;
+}(MicroAppEventEnum || {});
+var MicroAppEventCenter = /*#__PURE__*/ function() {
+    function MicroAppEventCenter(config) {
+        var _this = this;
+        _class_call_check(this, MicroAppEventCenter);
+        this.dispatchListeners = {};
+        this._globalState = {};
+        this.config = config;
+        window.microGlobalEventCenter.addGlobalDataListener(function(globalData) {
+            return _this.listener(globalData);
+        });
+    }
+    _create_class(MicroAppEventCenter, [
+        {
+            key: "globalState",
+            get: function get() {
+                return this._globalState;
+            },
+            set: function set(globalState) {
+                var name = this.config.name;
+                var newGlobalState = _object_spread({}, globalState);
+                var globalData = {
+                    eventType: "setGlobalState" /* SET_GLOBAL_STATE */ ,
+                    globalState: newGlobalState
+                };
+                if (!import_env.isProduction) console.log("MicroAppMessage [".concat(name, "]: setGlobalData"), globalData);
+                this._globalState = newGlobalState;
+                window.microGlobalEventCenter.forceSetGlobalData(globalData);
+            }
+        },
+        {
+            // 监听函数
+            key: "listener",
+            value: function listener(globalData) {
+                var onGlobalStateChange = this.config.onGlobalStateChange;
+                var eventType = globalData.eventType, action = globalData.action, globalState = globalData.globalState;
+                switch(eventType){
+                    case "setGlobalState" /* SET_GLOBAL_STATE */ :
+                        this._globalState = globalState || {};
+                        onGlobalStateChange === null || onGlobalStateChange === void 0 ? void 0 : onGlobalStateChange(globalState);
+                        break;
+                    case "dispatchAction" /* DISPATCH_ACTION */ :
+                        this.emitDispatchListener(action);
+                        break;
+                }
+            }
+        },
+        {
+            // 触发事件
+            key: "emitDispatchListener",
+            value: function emitDispatchListener(action) {
+                var _this_dispatchListeners_type;
+                var name = this.config.name;
+                if (!action) return console.error("MicroAppMessage [".concat(name, "]: 未知消息类型 缺少action"));
+                var type = action.type, meta = action.meta;
+                if (!meta) return console.error("MicroAppMessage [".concat(name, "]: 未知消息类型 缺少meta"), action);
+                var source = meta.source, target = meta.target, transId = meta.transId;
+                if (source === name) return;
+                if (target !== "all" && target !== name) return;
+                if (!((_this_dispatchListeners_type = this.dispatchListeners[type]) === null || _this_dispatchListeners_type === void 0 ? void 0 : _this_dispatchListeners_type.length)) return;
+                var actionResponseType = "".concat(type, "___").concat(transId, "___response");
+                var _this = this;
+                this.dispatchListeners[type].forEach(function() {
+                    var _ref = _async_to_generator(function(listener) {
+                        var responseAction, error, isBroadcast, isResponse;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    responseAction = {
+                                        type: actionResponseType,
+                                        meta: {
+                                            source: name,
+                                            target: source,
+                                            transId: transId
+                                        }
+                                    };
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        listener(action)
+                                    ];
+                                case 2:
+                                    responseAction.payload = _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    error = _state.sent();
+                                    if (responseAction.meta) responseAction.meta.error = error;
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    isBroadcast = target === "all";
+                                    isResponse = type.endsWith("___response");
+                                    if (isBroadcast || isResponse) return [
+                                        2
+                                    ];
+                                    return [
+                                        4,
+                                        _this.dispatch(source, responseAction)
+                                    ];
+                                case 5:
+                                    _state.sent();
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    });
+                    return function(listener) {
+                        return _ref.apply(this, arguments);
+                    };
+                }());
+            }
+        },
+        {
+            key: "dispatch",
+            value: // 远程调用
+            function dispatch(target, action) {
+                var _this = this;
+                return _async_to_generator(function() {
+                    var name, type, payload, meta, transId, newAction, globalData, isBroadcast, isResponse, actionResponseType, actionResponsePromise;
+                    return _ts_generator(this, function(_state) {
+                        name = _this.config.name;
+                        type = action.type, payload = action.payload, meta = action.meta;
+                        transId = (meta === null || meta === void 0 ? void 0 : meta.transId) || (0, import_tools.uuid)();
+                        newAction = {
+                            type: type,
+                            payload: payload,
+                            meta: _object_spread({
+                                source: name,
+                                target: target,
+                                transId: transId
+                            }, meta)
+                        };
+                        globalData = {
+                            eventType: "dispatchAction" /* DISPATCH_ACTION */ ,
+                            action: newAction
+                        };
+                        if (!import_env.isProduction) console.log("MicroAppMessage [".concat(name, "]: dispatch ").concat(type, " to [").concat(target, "]"), globalData);
+                        isBroadcast = target === "all";
+                        isResponse = type.endsWith("___response");
+                        if (isBroadcast || isResponse) return [
+                            2,
+                            window.microGlobalEventCenter.forceSetGlobalData(globalData)
+                        ];
+                        actionResponseType = "".concat(type, "___").concat(transId, "___response");
+                        actionResponsePromise = new Promise(function(resolve, reject) {
+                            var listener = function(responseAction) {
+                                var payload2 = responseAction.payload, meta2 = responseAction.meta;
+                                (meta2 === null || meta2 === void 0 ? void 0 : meta2.error) ? reject(meta2.error) : resolve(payload2);
+                                _this.removeDispatchListener(actionResponseType, listener);
+                            };
+                            _this.addDispatchListener(actionResponseType, listener);
+                        });
+                        window.microGlobalEventCenter.forceSetGlobalData(globalData);
+                        return [
+                            2,
+                            actionResponsePromise
+                        ];
+                    });
+                })();
+            }
+        },
+        {
+            // 添加监听
+            key: "addDispatchListener",
+            value: function addDispatchListener(type, listener) {
+                if (!this.dispatchListeners[type]) this.dispatchListeners[type] = [];
+                this.dispatchListeners[type].push(listener);
+            }
+        },
+        {
+            // 移除监听 如果不传listener则移除所有监听
+            key: "removeDispatchListener",
+            value: function removeDispatchListener(type, listener) {
+                if (!this.dispatchListeners[type]) return;
+                if (!listener) return delete this.dispatchListeners[type];
+                var index = this.dispatchListeners[type].indexOf(listener);
+                if (index !== -1) this.dispatchListeners[type].splice(index, 1);
+            }
+        }
+    ]);
+    return MicroAppEventCenter;
+}();
+var microApp2 = import_micro_app2.default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = _object_spread({
+    MicroAppEventCenter: MicroAppEventCenter,
+    MicroAppEventEnum: MicroAppEventEnum,
+    MicroAppRoute: MicroAppRoute,
+    microApp: microApp
+}, require("@micro-zoe/micro-app")));

package/dist/index.mjs

@@ -0,0 +1,473 @@
+// src/index.ts
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
+import originMicroApp, { EventCenterForMicroApp } from "@micro-zoe/micro-app";
+import { isProduction } from "@xfe-repo/web-utils/env";
+import { uuid } from "@xfe-repo/web-utils/tools";
+export * from "@micro-zoe/micro-app";
+// src/MicroAppRoute.tsx
+import { memo, useCallback, useState } from "react";
+import { useLocation } from "@xfe-repo/web-router";
+import microApp from "@micro-zoe/micro-app";
+import jsxCustomEvent from "@micro-zoe/micro-app/polyfill/jsx-custom-event.js";
+var MicroAppRoute = memo(function(props) {
+    var name = props.name, baseRoute = props.baseRoute, url = props.url, keepAlive = props.keepAlive, className = props.className, loadingFallback = props.loadingFallback, errorFallback = props.errorFallback;
+    var location = useLocation();
+    var defaultPage = location.pathname + location.search;
+    var _useState = _sliced_to_array(useState(false), 2), microAppIsShow = _useState[0], setMicroAppIsShow = _useState[1];
+    var _useState1 = _sliced_to_array(useState(false), 2), microAppIsError = _useState1[0], setMicroAppIsError = _useState1[1];
+    var handleMicroAppMounted = useCallback(function() {
+        setMicroAppIsShow(true);
+    }, []);
+    var handleMicroAppAfterShow = useCallback(function() {
+        var path = location.pathname + location.search;
+        microApp.router.push({
+            name: "dashboard",
+            path: path,
+            replace: true
+        }).catch(function(e) {
+            return e;
+        });
+        setMicroAppIsShow(true);
+    }, [
+        location
+    ]);
+    var handleMicroAppError = useCallback(function() {
+        setMicroAppIsError(true);
+    }, []);
+    return /* @__PURE__ */ jsxCustomEvent("div", {
+        className: className
+    }, microAppIsError && errorFallback, !microAppIsShow && loadingFallback, /* @__PURE__ */ jsxCustomEvent("micro-app", {
+        style: {
+            display: microAppIsShow ? "block" : "none"
+        },
+        url: url,
+        name: name,
+        "router-mode": "native",
+        baseroute: baseRoute ? baseRoute : "/".concat(name),
+        "keep-alive": keepAlive,
+        "default-page": defaultPage,
+        onMounted: handleMicroAppMounted,
+        onAftershow: keepAlive ? handleMicroAppAfterShow : void 0,
+        onError: handleMicroAppError
+    }));
+});
+// src/index.ts
+window.microGlobalEventCenter = new EventCenterForMicroApp("global");
+var MicroAppEventEnum = /* @__PURE__ */ function(MicroAppEventEnum2) {
+    MicroAppEventEnum2["SET_GLOBAL_STATE"] = "setGlobalState";
+    MicroAppEventEnum2["DISPATCH_ACTION"] = "dispatchAction";
+    return MicroAppEventEnum2;
+}(MicroAppEventEnum || {});
+var MicroAppEventCenter = /*#__PURE__*/ function() {
+    "use strict";
+    function MicroAppEventCenter(config) {
+        var _this = this;
+        _class_call_check(this, MicroAppEventCenter);
+        this.dispatchListeners = {};
+        this._globalState = {};
+        this.config = config;
+        window.microGlobalEventCenter.addGlobalDataListener(function(globalData) {
+            return _this.listener(globalData);
+        });
+    }
+    _create_class(MicroAppEventCenter, [
+        {
+            key: "globalState",
+            get: function get() {
+                return this._globalState;
+            },
+            set: function set(globalState) {
+                var name = this.config.name;
+                var newGlobalState = _object_spread({}, globalState);
+                var globalData = {
+                    eventType: "setGlobalState" /* SET_GLOBAL_STATE */ ,
+                    globalState: newGlobalState
+                };
+                if (!isProduction) console.log("MicroAppMessage [".concat(name, "]: setGlobalData"), globalData);
+                this._globalState = newGlobalState;
+                window.microGlobalEventCenter.forceSetGlobalData(globalData);
+            }
+        },
+        {
+            // 监听函数
+            key: "listener",
+            value: function listener(globalData) {
+                var onGlobalStateChange = this.config.onGlobalStateChange;
+                var eventType = globalData.eventType, action = globalData.action, globalState = globalData.globalState;
+                switch(eventType){
+                    case "setGlobalState" /* SET_GLOBAL_STATE */ :
+                        this._globalState = globalState || {};
+                        onGlobalStateChange === null || onGlobalStateChange === void 0 ? void 0 : onGlobalStateChange(globalState);
+                        break;
+                    case "dispatchAction" /* DISPATCH_ACTION */ :
+                        this.emitDispatchListener(action);
+                        break;
+                }
+            }
+        },
+        {
+            // 触发事件
+            key: "emitDispatchListener",
+            value: function emitDispatchListener(action) {
+                var _this_dispatchListeners_type;
+                var name = this.config.name;
+                if (!action) return console.error("MicroAppMessage [".concat(name, "]: 未知消息类型 缺少action"));
+                var type = action.type, meta = action.meta;
+                if (!meta) return console.error("MicroAppMessage [".concat(name, "]: 未知消息类型 缺少meta"), action);
+                var source = meta.source, target = meta.target, transId = meta.transId;
+                if (source === name) return;
+                if (target !== "all" && target !== name) return;
+                if (!((_this_dispatchListeners_type = this.dispatchListeners[type]) === null || _this_dispatchListeners_type === void 0 ? void 0 : _this_dispatchListeners_type.length)) return;
+                var actionResponseType = "".concat(type, "___").concat(transId, "___response");
+                var _this = this;
+                this.dispatchListeners[type].forEach(function() {
+                    var _ref = _async_to_generator(function(listener) {
+                        var responseAction, error, isBroadcast, isResponse;
+                        return _ts_generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    responseAction = {
+                                        type: actionResponseType,
+                                        meta: {
+                                            source: name,
+                                            target: source,
+                                            transId: transId
+                                        }
+                                    };
+                                    _state.label = 1;
+                                case 1:
+                                    _state.trys.push([
+                                        1,
+                                        3,
+                                        ,
+                                        4
+                                    ]);
+                                    return [
+                                        4,
+                                        listener(action)
+                                    ];
+                                case 2:
+                                    responseAction.payload = _state.sent();
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 3:
+                                    error = _state.sent();
+                                    if (responseAction.meta) responseAction.meta.error = error;
+                                    return [
+                                        3,
+                                        4
+                                    ];
+                                case 4:
+                                    isBroadcast = target === "all";
+                                    isResponse = type.endsWith("___response");
+                                    if (isBroadcast || isResponse) return [
+                                        2
+                                    ];
+                                    return [
+                                        4,
+                                        _this.dispatch(source, responseAction)
+                                    ];
+                                case 5:
+                                    _state.sent();
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    });
+                    return function(listener) {
+                        return _ref.apply(this, arguments);
+                    };
+                }());
+            }
+        },
+        {
+            key: "dispatch",
+            value: // 远程调用
+            function dispatch(target, action) {
+                var _this = this;
+                return _async_to_generator(function() {
+                    var name, type, payload, meta, transId, newAction, globalData, isBroadcast, isResponse, actionResponseType, actionResponsePromise;
+                    return _ts_generator(this, function(_state) {
+                        name = _this.config.name;
+                        type = action.type, payload = action.payload, meta = action.meta;
+                        transId = (meta === null || meta === void 0 ? void 0 : meta.transId) || uuid();
+                        newAction = {
+                            type: type,
+                            payload: payload,
+                            meta: _object_spread({
+                                source: name,
+                                target: target,
+                                transId: transId
+                            }, meta)
+                        };
+                        globalData = {
+                            eventType: "dispatchAction" /* DISPATCH_ACTION */ ,
+                            action: newAction
+                        };
+                        if (!isProduction) console.log("MicroAppMessage [".concat(name, "]: dispatch ").concat(type, " to [").concat(target, "]"), globalData);
+                        isBroadcast = target === "all";
+                        isResponse = type.endsWith("___response");
+                        if (isBroadcast || isResponse) return [
+                            2,
+                            window.microGlobalEventCenter.forceSetGlobalData(globalData)
+                        ];
+                        actionResponseType = "".concat(type, "___").concat(transId, "___response");
+                        actionResponsePromise = new Promise(function(resolve, reject) {
+                            var listener = function(responseAction) {
+                                var payload2 = responseAction.payload, meta2 = responseAction.meta;
+                                (meta2 === null || meta2 === void 0 ? void 0 : meta2.error) ? reject(meta2.error) : resolve(payload2);
+                                _this.removeDispatchListener(actionResponseType, listener);
+                            };
+                            _this.addDispatchListener(actionResponseType, listener);
+                        });
+                        window.microGlobalEventCenter.forceSetGlobalData(globalData);
+                        return [
+                            2,
+                            actionResponsePromise
+                        ];
+                    });
+                })();
+            }
+        },
+        {
+            // 添加监听
+            key: "addDispatchListener",
+            value: function addDispatchListener(type, listener) {
+                if (!this.dispatchListeners[type]) this.dispatchListeners[type] = [];
+                this.dispatchListeners[type].push(listener);
+            }
+        },
+        {
+            // 移除监听 如果不传listener则移除所有监听
+            key: "removeDispatchListener",
+            value: function removeDispatchListener(type, listener) {
+                if (!this.dispatchListeners[type]) return;
+                if (!listener) return delete this.dispatchListeners[type];
+                var index = this.dispatchListeners[type].indexOf(listener);
+                if (index !== -1) this.dispatchListeners[type].splice(index, 1);
+            }
+        }
+    ]);
+    return MicroAppEventCenter;
+}();
+var microApp2 = originMicroApp;
+export { MicroAppEventCenter, MicroAppEventEnum, MicroAppRoute, microApp2 as microApp };

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@xfe-repo/web-micro",
+  "version": "1.1.3",
+  "sideEffects": false,
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@micro-zoe/micro-app": "1.0.0-rc.13",
+    "@xfe-repo/web-router": "1.1.5",
+    "@xfe-repo/web-utils": "1.1.3"
+  },
+  "devDependencies": {
+    "@types/node": "^20.16.5",
+    "@types/react": "^18",
+    "@xfe-repo/eslint-config": "0.0.4",
+    "@xfe-repo/typescript-config": "0.0.6"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint \"src/**/*.ts*\"",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  }
+}