@xingtukeji/micro 1.1.5 → 1.1.6

package/dist/index.js

@@ -1,34 +1,34 @@
-(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.xt-micro{width:100%;height:100%;overflow:hidden}.xt-micro:before{content:"加载中";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:-1}.micro-iframe{width:100%;height:100%;border:none;margin:0;padding:0}.micro-iframe:after{content:"加载中";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-var C = Object.defineProperty, U = Object.defineProperties;
-var A = Object.getOwnPropertyDescriptors;
-var I = Object.getOwnPropertySymbols;
-var S = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable;
-var y = (e, t, n) => t in e ? C(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
+(function(){"use strict";try{if(typeof document!="undefined"){var e=document.createElement("style");e.appendChild(document.createTextNode('.xt-micro{width:100%;height:100%;overflow:hidden;background-color:transparent}.xt-micro:before{content:"加载中";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;z-index:-1}.micro-iframe{width:100%;height:100%;border:none;margin:0;padding:0}.micro-iframe:after{content:"加载中";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#fff}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+var U = Object.defineProperty, A = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var g = Object.getOwnPropertySymbols;
+var T = Object.prototype.hasOwnProperty, b = Object.prototype.propertyIsEnumerable;
+var w = (e, t, n) => t in e ? U(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
   for (var n in t || (t = {}))
-    S.call(t, n) && y(e, n, t[n]);
-  if (I)
-    for (var n of I(t))
-      L.call(t, n) && y(e, n, t[n]);
+    T.call(t, n) && w(e, n, t[n]);
+  if (g)
+    for (var n of g(t))
+      b.call(t, n) && w(e, n, t[n]);
   return e;
-}, m = (e, t) => U(e, A(t));
-var p = (e, t, n) => (y(e, typeof t != "symbol" ? t + "" : t, n), n);
-var g = (e, t, n) => new Promise((r, o) => {
+}, m = (e, t) => A(e, L(t));
+var u = (e, t, n) => (w(e, typeof t != "symbol" ? t + "" : t, n), n);
+var I = (e, t, n) => new Promise((r, o) => {
   var s = (l) => {
     try {
       i(n.next(l));
-    } catch (u) {
-      o(u);
+    } catch (h) {
+      o(h);
     }
   }, a = (l) => {
     try {
       i(n.throw(l));
-    } catch (u) {
-      o(u);
+    } catch (h) {
+      o(h);
     }
   }, i = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(s, a);
   i((n = n.apply(e, t)).next());
 });
-import { ref as P, defineComponent as T, watch as v, onMounted as b, onUnmounted as x, openBlock as X, createElementBlock as $, mergeProps as k } from "vue";
+import { ref as P, defineComponent as v, watch as x, onMounted as X, onUnmounted as $, openBlock as k, createElementBlock as H, mergeProps as N } from "vue";
 const c = {
   KEY: "$xtm",
   // 父应用注入子应用实例的key
@@ -45,23 +45,48 @@ const c = {
   URL_PARAM_PREFIX: "__XT_MICRO_"
   // 微应用在 url 参数中的前缀
 };
-function h(e, t = window.location.href) {
+function p(e, t = window.location.href) {
   e = e.replace(/[\[\]]/g, "\\$&");
   var n = new RegExp("[?&]" + e + "(=([^&#]*)|&|#|$)"), r = n.exec(t);
   return r ? r[2] ? decodeURIComponent(r[2].replace(/\+/g, " ")).trim() : "" : null;
 }
-function H(e, t, n) {
+function O(e, t, n) {
   try {
     return e && (n && e.startsWith("#") ? e : new URL(e, t).href);
   } catch (r) {
     return e;
   }
 }
-function N(e, t, n) {
+function B(e) {
+  const t = window.document.createElement("a");
+  return t.href = e, t.href = t.href, t;
+}
+function j(e) {
+  const t = e.search || "";
+  return [...new URLSearchParams(t).entries()].reduce((n, r) => (n[r[0]] = r[1], n), {});
+}
+function F(e, t) {
+  let n = null;
+  return function(...r) {
+    const o = this;
+    n && clearTimeout(n), n = setTimeout(() => {
+      e.apply(o, r);
+    }, t);
+  };
+}
+function E(e, t, n) {
   const [r, o] = e.split("#"), s = new URL(r), a = s.searchParams;
   return t = c.URL_PARAM_PREFIX + t, a.has(t) ? a.set(t, n) : a.append(t, n), o && (s.hash = o), s.search = a.toString(), s.toString();
 }
-const M = P(!1);
+const re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  addOrReplaceUrlParam: E,
+  anchorElementGenerator: B,
+  debounce: F,
+  getAbsolutePath: O,
+  getAnchorElementQueryMap: j,
+  getQueryParameter: p
+}, Symbol.toStringTag, { value: "Module" })), M = P(!1);
 Object.defineProperty(window, c.IS_MICRO, {
   get: function() {
     return M.value;
@@ -70,17 +95,19 @@ Object.defineProperty(window, c.IS_MICRO, {
     M.value = e;
   }
 });
-const w = (e) => `${c.DOM_ID_PREFIX}${e}`, B = (e) => {
+const y = (e) => `${c.DOM_ID_PREFIX}${e}`, K = (e) => {
   function t(i) {
     return i !== null && typeof i == "object" && !Array.isArray(i);
   }
-  const n = typeof e.params == "function" ? e.params() : t(e.params) ? e.params : {}, r = typeof e.token == "function" ? e.token() : t(e.token) ? e.token : "", o = new URL(e.url.indexOf("http") > -1 ? e.url : window.location.origin + e.url), s = h(c.URL_PARAM_PREFIX + e.name);
+  const n = typeof e.params == "function" ? e.params() : t(e.params) ? e.params : {}, r = typeof e.token == "function" ? e.token() : t(e.token) ? e.token : "", o = new URL(
+    e.url.indexOf("http") > -1 ? e.url : window.location.origin + e.url
+  ), s = p(c.URL_PARAM_PREFIX + e.name);
   if (s) {
-    const i = H(s, e.url, !0);
+    const i = O(s, e.url, !0);
     if (i) {
       const l = new URL(i);
-      l.searchParams.forEach((O, E) => {
-        o.searchParams.set(E, O);
+      l.searchParams.forEach((C, S) => {
+        o.searchParams.set(S, C);
       }), o.hash = l.hash;
     }
   }
@@ -89,18 +116,27 @@ const w = (e) => `${c.DOM_ID_PREFIX}${e}`, B = (e) => {
       o.searchParams.set(i, n[i]);
   const a = new URL(window.location.href);
   return a.searchParams.delete(e.name), window.history.replaceState({}, "", a.href), o.href;
-}, j = () => {
+}, D = () => {
   const e = document.createElement("div");
-  return e.innerHTML = "应用加载中...", e.style.textAlign = "center", e.style.lineHeight = "100px", e.style.fontSize = "20px", e.style.color = "#999", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.right = "0", e.style.bottom = "0", e.style.zIndex = "999", e.style.background = "#fff", e.style.opacity = "0", e.style.transition = "opacity 0.5s", e;
-}, F = (e) => {
+  return e.innerHTML = "应用加载中...", e.style.textAlign = "center", e.style.lineHeight = "100px", e.style.fontSize = "20px", e.style.color = "#999", e.style.position = "absolute", e.style.top = "0", e.style.left = "0", e.style.right = "0", e.style.bottom = "0", e.style.zIndex = "999", e.style.background = "transparent", e.style["mix-blend-mode"] = "difference", e;
+}, W = (e) => {
   e.style.opacity = "0", setTimeout(() => {
     e.remove();
   }, 500);
-}, K = (e) => {
+}, q = (e) => {
   const t = document.createElement("iframe");
-  t.id = w(e.app.name);
-  const n = B(e.app);
-  t.src = n, t.style.width = "100%", t.style.height = "100%", t.style.border = "none", t.style.margin = "0", t.style.padding = "0", t.addEventListener("load", (o) => e.onLoad.call(e, o)), t.addEventListener("error", (o) => e.onError.call(e, o)), t.addEventListener("unload", (o) => e.onUnload.call(e, o));
+  t.id = y(e.app.name);
+  const n = K(e.app);
+  t.src = n, t.style.width = "100%", t.style.height = "100%", t.style.border = "none", t.style.margin = "0", t.style.padding = "0", t.addEventListener(
+    "load",
+    (o) => e.onLoad.call(e, o)
+  ), t.addEventListener(
+    "error",
+    (o) => e.onError.call(e, o)
+  ), t.addEventListener(
+    "unload",
+    (o) => e.onUnload.call(e, o)
+  );
   const r = new MutationObserver((o) => {
     o.forEach((s) => {
       Array.from(s.removedNodes).includes(t) && (e.onUnload(new Event("unload")), r.disconnect());
@@ -108,22 +144,22 @@ const w = (e) => `${c.DOM_ID_PREFIX}${e}`, B = (e) => {
   });
   return r.observe(e.panel, { childList: !0 }), t;
 };
-class D {
+class z {
   constructor(t) {
-    p(this, "app");
-    p(this, "dom");
-    p(this, "panel");
-    p(this, "loading");
-    p(this, "loadingTimer");
+    u(this, "app");
+    u(this, "dom");
+    u(this, "panel");
+    u(this, "loading");
+    u(this, "loadingTimer");
     return this.app = t, this.dom = void 0, this.panel = void 0, t.preload && this.preload(), this;
   }
   mount(t, n = !1) {
     let r;
     if (t ? (typeof t == "string" ? r = document.querySelector(t) : r = t, r.innerHTML = "") : r = document.body, r) {
       this.panel = r;
-      let o = document.getElementById(w(this.app.name));
-      o || (o = K(this), this.dom = o), n ? o.style.display = "none" : o.style.removeProperty("display");
-      const s = j();
+      let o = document.getElementById(y(this.app.name));
+      o || (o = q(this), this.dom = o), n ? o.style.display = "none" : o.style.removeProperty("display");
+      const s = D();
       this.loadingTimer = setTimeout(() => {
         this.loading = s, r.appendChild(s);
       }, 1e3), r.appendChild(o);
@@ -132,7 +168,7 @@ class D {
   }
   unmount() {
     var n;
-    const t = document.getElementById(w(this.app.name));
+    const t = document.getElementById(y(this.app.name));
     if (t)
       this.app.preload ? (t.style.display = "none", document.body.appendChild(t)) : (n = this.panel) == null || n.removeChild(t);
     else
@@ -160,7 +196,7 @@ class D {
     this.app = d(d({}, this.app), t);
   }
   onLoad(t) {
-    console.debug("app onLoad", this.app.name, t), this.loadingTimer && clearTimeout(this.loadingTimer), this.loading && F(this.loading), W(this), this.app.onLoad && this.app.onLoad(t, this);
+    console.debug("app onLoad", this.app.name, t, this.loading), this.loadingTimer && clearTimeout(this.loadingTimer), this.loading && W(this.loading), G(this), this.app.onLoad && this.app.onLoad(t, this);
   }
   onUnload(t) {
     console.debug("app onUnload", this.app.name, t), this.app.onUnload && this.app.onUnload(t, this);
@@ -169,7 +205,7 @@ class D {
     console.error("app onError", this.app.name, t), this.app.onError && this.app.onError(t, this);
   }
 }
-const W = (e) => {
+const G = (e) => {
   var t, n;
   (n = (t = e.dom) == null ? void 0 : t.contentWindow) == null || n.postMessage(
     {
@@ -184,22 +220,33 @@ const W = (e) => {
     },
     "*"
   );
-}, q = () => {
+}, Q = () => {
   window.addEventListener("message", (e) => {
     if (e.data.cmd === "$xt/micro/sync") {
-      const t = [c.IS_MICRO, c.MICRO_NAME, c.MICRO_TOKEN], n = new URL(window.decodeURIComponent(e.data.data.url), e.origin);
+      const t = [
+        c.IS_MICRO,
+        c.MICRO_NAME,
+        c.MICRO_TOKEN
+      ], n = new URL(
+        window.decodeURIComponent(e.data.data.url),
+        e.origin
+      );
       for (let s of t)
         n.searchParams.delete(s);
       const r = new URL(window.location.href);
       r.searchParams.forEach((s, a) => {
         a.startsWith(c.URL_PARAM_PREFIX) && r.searchParams.delete(a);
       });
-      const o = N(r.href, e.data.data.name, n.href);
+      const o = E(
+        r.href,
+        e.data.data.name,
+        n.href
+      );
       window.history.replaceState(null, "", o);
     }
   });
-}, te = (...t) => g(void 0, [...t], function* (e = {}) {
-  const n = h(c.IS_MICRO), r = h(c.MICRO_NAME);
+}, se = (...t) => I(void 0, [...t], function* (e = {}) {
+  const n = p(c.IS_MICRO), r = p(c.MICRO_NAME);
   n && (window[c.IS_MICRO] = !0);
   function o(a) {
     var i = document.styleSheets[0];
@@ -213,11 +260,11 @@ const W = (e) => {
     o(`${a} { display: none !important; }`);
   }) : o(`${e.hideHeaderCssSelector} { display: none !important; }`)), window.addEventListener("message", (a) => {
     a.data.cmd === `$xt/micro/${r}` && (window[c.MICRO_APP] = m(d({}, a.data.data), { mainBaseURL: a.origin }), _());
-  }), z(window);
-  const s = h(c.MICRO_TOKEN);
+  }), Y(window);
+  const s = p(c.MICRO_TOKEN);
   e.authHandler && s && (yield e.authHandler(s));
 });
-function z(e) {
+function Y(e) {
   const t = e.history, n = t.pushState, r = t.replaceState;
   t.pushState = function(o, s, a) {
     const i = m(d(d({}, t.state || {}), o), {
@@ -248,65 +295,66 @@ function _() {
   }, n);
 }
 let f = {};
-const G = {
+const J = {
   url: "",
   name: "",
   sync: !0
-}, ne = (e) => {
+}, ae = (e) => {
   if (!e.url || e.url === "" || e.url === "undefined") {
     console.error("app url is required", e);
     return;
   }
-  const t = Object.assign({}, G, e);
+  const t = Object.assign({}, J, e);
   return f[e.name] = m(d({}, t), {
-    instance: new D(e)
+    instance: new z(e)
   }), f[e.name];
-}, R = (e) => f[e], Q = (e, t) => f[e.name] = d(d({}, e), t), Y = (e, t) => new Promise((n, r) => {
+}, R = (e) => f[e], V = (e, t) => f[e.name] = d(d({}, e), t), Z = (e, t) => new Promise((n, r) => {
   let o = R(e);
-  o ? (t && (o.instance.changeOptions(t), o = Q(o, t)), o.preload ? o.instance.preloadRender(o.el) : o.instance.mount(o.el), n(o)) : r("app not found");
-}), J = (e) => {
+  o ? (t && (o.instance.changeOptions(t), o = V(o, t)), o.preload ? o.instance.preloadRender(o.el) : o.instance.mount(o.el), n(o)) : r("app not found");
+}), ee = (e) => {
   let t = R(e);
   t && t.instance.unmount();
-}, oe = (e) => {
+}, ie = (e) => {
   let t = R(e);
   t && t.instance.reload();
-}, V = /* @__PURE__ */ T({
+}, te = /* @__PURE__ */ v({
   __name: "XTMicroView",
   props: {
     appId: String
   },
   setup(e) {
     const t = e, n = P(), r = () => {
-      t.appId && Y(t.appId, {
+      t.appId && Z(t.appId, {
         el: n.value
       }).then((o) => {
         console.debug("app mounted", t.appId);
       });
     };
-    return v(() => t.appId, (o, s) => {
-      o !== s && s && J(s), r();
-    }), b(() => {
+    return x(() => t.appId, (o, s) => {
+      o !== s && s && ee(s), r();
+    }), X(() => {
       r();
-    }), x(() => {
+    }), $(() => {
       console.debug("app unmount", t.appId);
-    }), (o, s) => (X(), $("div", k({
+    }), (o, s) => (k(), H("div", N({
       ref_key: "refPanel",
       ref: n
     }, o.$attrs, { class: "xt-micro" }), null, 16));
   }
 });
-const re = {
+const ce = {
   install: (e, t = {}) => {
-    e.component("xt-micro-view", V), q();
+    e.component("xt-micro-view", te), Q();
   }
 };
 export {
-  V as XTMicroView,
-  re as default,
+  te as XTMicroView,
+  ce as default,
   R as getApp,
-  te as microInit,
-  oe as reloadApp,
-  ne as setupApp,
-  Y as startApp,
-  J as stopApp
+  se as microInit,
+  ie as reloadApp,
+  ae as setupApp,
+  Z as startApp,
+  ee as stopApp,
+  re as utils
 };

package/dist/types/components/XTMicroView.vue.d.ts

@@ -1,6 +1,8 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     appId: StringConstructor;
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     appId: StringConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refPanel: HTMLDivElement;
+}, any>;
 export default _default;

package/dist/types/index.d.ts

@@ -1,7 +1,8 @@
 import { App } from 'vue';
 import { default as XTMicroView } from './components/XTMicroView.vue';
-export { XTMicroView };
 export * from './api';
+import * as utils from './utils';
+export { XTMicroView, utils };
 declare const _default: {
     install: (app: App, _options?: any) => void;
 };

package/dist/types/parent.d.ts

@@ -1,5 +1,5 @@
 import { AppOption, App } from './types';
-export declare const isMicro: import('vue').Ref<boolean>;
+export declare const isMicro: import('vue').Ref<boolean, boolean>;
 export declare class MicroApp {
     app: App | AppOption;
     dom: HTMLIFrameElement | undefined;

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "@xingtukeji/micro",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "private": false,
   "description": "",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "author": "",
   "license": "ISC",
   "publishConfig": {
@@ -12,7 +15,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "devDependencies": {
-    "vite-plugin-dts": "^4.5.0"
+    "vite-plugin-dts": "^4.5.4"
   },
   "scripts": {
     "build": "vite build"