@xingtukeji/micro 1.1.14 → 1.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,34 +1,34 @@
1
1
  (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)}})();
2
- var A = Object.defineProperty, T = Object.defineProperties;
2
+ var T = Object.defineProperty, A = Object.defineProperties;
3
3
  var x = Object.getOwnPropertyDescriptors;
4
4
  var E = Object.getOwnPropertySymbols;
5
5
  var $ = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
6
- var R = (e, t, n) => t in e ? A(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
6
+ var R = (e, t, n) => t in e ? T(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
7
7
  for (var n in t || (t = {}))
8
8
  $.call(t, n) && R(e, n, t[n]);
9
9
  if (E)
10
10
  for (var n of E(t))
11
11
  X.call(t, n) && R(e, n, t[n]);
12
12
  return e;
13
- }, _ = (e, t) => T(e, x(t));
13
+ }, y = (e, t) => A(e, x(t));
14
14
  var p = (e, t, n) => (R(e, typeof t != "symbol" ? t + "" : t, n), n);
15
15
  var h = (e, t, n) => new Promise((r, o) => {
16
16
  var a = (l) => {
17
17
  try {
18
18
  i(n.next(l));
19
- } catch (w) {
20
- o(w);
19
+ } catch (_) {
20
+ o(_);
21
21
  }
22
22
  }, c = (l) => {
23
23
  try {
24
24
  i(n.throw(l));
25
- } catch (w) {
26
- o(w);
25
+ } catch (_) {
26
+ o(_);
27
27
  }
28
28
  }, i = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(a, c);
29
29
  i((n = n.apply(e, t)).next());
30
30
  });
31
- import { ref as C, defineComponent as k, watch as H, onMounted as j, onUnmounted as F, openBlock as N, createElementBlock as V, mergeProps as B } from "vue";
31
+ import { ref as C, defineComponent as k, watch as H, onMounted as j, onUnmounted as N, openBlock as V, createElementBlock as B, mergeProps as F } from "vue";
32
32
  const s = {
33
33
  KEY: "$xtm",
34
34
  // 父应用注入子应用实例的key
@@ -48,7 +48,7 @@ const s = {
48
48
  // 微应用在 url 参数中的前缀
49
49
  MICRO_VERSION: "__XT_MICRO_VERSION"
50
50
  // 微应用版本
51
- }, u = "1.1.13";
51
+ }, u = "1.1.16";
52
52
  function f(e, t = window.location.href) {
53
53
  e = e.replace(/[\[\]]/g, "\\$&");
54
54
  var n = new RegExp("[?&]" + e + "(=([^&#]*)|&|#|$)"), r = n.exec(t);
@@ -69,7 +69,7 @@ function K(e) {
69
69
  const t = e.search || "";
70
70
  return [...new URLSearchParams(t).entries()].reduce((n, r) => (n[r[0]] = r[1], n), {});
71
71
  }
72
- function W(e, t) {
72
+ function Y(e, t) {
73
73
  let n = null;
74
74
  return function(...r) {
75
75
  const o = this;
@@ -100,7 +100,7 @@ const P = (e) => h(void 0, null, function* () {
100
100
  __proto__: null,
101
101
  addOrReplaceUrlParam: U,
102
102
  anchorElementGenerator: D,
103
- debounce: W,
103
+ debounce: Y,
104
104
  getAbsolutePath: S,
105
105
  getAnchorElementQueryMap: K,
106
106
  getQueryParameter: f,
@@ -114,7 +114,7 @@ Object.defineProperty(window, s.IS_MICRO, {
114
114
  O.value = e;
115
115
  }
116
116
  });
117
- const I = (e) => `${s.DOM_ID_PREFIX}${e}`, L = (e, t = !1) => {
117
+ const I = (e) => `${s.DOM_ID_PREFIX}${e}`, b = (e, t = !1) => {
118
118
  function n(i) {
119
119
  return i !== null && typeof i == "object" && !Array.isArray(i);
120
120
  }
@@ -125,16 +125,16 @@ const I = (e) => `${s.DOM_ID_PREFIX}${e}`, L = (e, t = !1) => {
125
125
  const i = S(c, e.url, !0);
126
126
  if (i) {
127
127
  const l = new URL(i);
128
- l.searchParams.forEach((b, v) => {
129
- a.searchParams.set(v, b);
128
+ l.searchParams.forEach((v, L) => {
129
+ a.searchParams.set(L, v);
130
130
  }), a.hash = l.hash;
131
131
  }
132
132
  }
133
133
  if (a.searchParams.set(s.IS_MICRO, !0 + ""), a.searchParams.set(s.MICRO_NAME, e.name), o && a.searchParams.set(s.MICRO_TOKEN, o), r)
134
134
  for (let i of Object.keys(r))
135
135
  a.searchParams.set(i, r[i]);
136
- return g(e.name), a.href;
137
- }, Y = () => {
136
+ return w(e.name), a.href;
137
+ }, W = () => {
138
138
  const e = document.createElement("div");
139
139
  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;
140
140
  }, q = (e) => {
@@ -144,7 +144,7 @@ const I = (e) => `${s.DOM_ID_PREFIX}${e}`, L = (e, t = !1) => {
144
144
  }, z = (e) => {
145
145
  const t = document.createElement("iframe");
146
146
  t.id = I(e.app.name);
147
- const n = L(e.app);
147
+ const n = b(e.app);
148
148
  t.src = n, t.style.width = "100%", t.style.height = "100%", t.style.border = "none", t.style.margin = "0", t.style.padding = "0", t.style.backgroundColor = "transparent", t.style["color-scheme"] = "unset", t.style.visibility = "hidden", t.addEventListener("load", (o) => (t.style.visibility = "visible", e.onLoad.call(e, o))), t.addEventListener(
149
149
  "error",
150
150
  (o) => e.onError.call(e, o)
@@ -177,7 +177,7 @@ class G {
177
177
  this.panel = r;
178
178
  let o = document.getElementById(I(this.app.name));
179
179
  o || (o = z(this), this.dom = o), n ? o.style.display = "none" : o.style.removeProperty("display");
180
- const a = Y();
180
+ const a = W();
181
181
  this.loadingTimer = setTimeout(() => {
182
182
  this.loading = a, r.appendChild(a);
183
183
  }, 1e3), r.appendChild(o);
@@ -209,9 +209,9 @@ class G {
209
209
  }
210
210
  reload(t = !1) {
211
211
  let n = this.dom.src;
212
- t && (n = L(this.app, !0), console.log("go home", n)), console.log("reload app", this.app, n);
212
+ t && (n = b(this.app, !0), console.log("go home", n)), console.log("reload app", this.app, n);
213
213
  const r = new URL(n);
214
- r.searchParams.set("__t", Date.now().toString()), this.dom.src = r.toString();
214
+ r.searchParams.set("__t", Date.now().toString()), this.dom.style.visibility = "hidden", this.dom.src = r.toString();
215
215
  }
216
216
  changeOptions(t) {
217
217
  console.log("changeOptions", this.app, t), this.app = d(d({}, this.app), t);
@@ -220,7 +220,7 @@ class G {
220
220
  console.debug("app onLoad", this.app.name), this.loadingTimer && clearTimeout(this.loadingTimer), this.loading && q(this.loading), Q(this), this.app.onLoad && this.app.onLoad(t, this);
221
221
  }
222
222
  onUnload(t) {
223
- console.debug("app onUnload", this.app.name), g(this.app.name), this.app.onUnload && this.app.onUnload(t, this);
223
+ console.debug("app onUnload", this.app.name), w(this.app.name), this.app.onUnload && this.app.onUnload(t, this);
224
224
  }
225
225
  onError(t) {
226
226
  console.error("app onError", this.app.name), this.app.onError && this.app.onError(t, this);
@@ -255,11 +255,7 @@ const Q = (e) => {
255
255
  );
256
256
  for (let a of t)
257
257
  n.searchParams.delete(a);
258
- const r = new URL(window.location.href);
259
- r.searchParams.forEach((a, c) => {
260
- c.startsWith(s.URL_PARAM_PREFIX) && r.searchParams.delete(c);
261
- });
262
- const o = U(
258
+ const r = w(e.data.data.name), o = U(
263
259
  r.href,
264
260
  e.data.data.name,
265
261
  n.href
@@ -267,7 +263,7 @@ const Q = (e) => {
267
263
  window.history.replaceState(null, "", o);
268
264
  } else if (e.data.cmd === "$xt/micro/info") {
269
265
  console.debug("parent 「$xt/micro/info」 receive message", e.data);
270
- const t = y(e.data.data);
266
+ const t = g(e.data.data);
271
267
  e.source.postMessage(
272
268
  {
273
269
  cmd: "$xt/micro/info",
@@ -326,14 +322,14 @@ const Q = (e) => {
326
322
  function Z(e, t) {
327
323
  const n = t.history, r = n.pushState, o = n.replaceState;
328
324
  n.pushState = function(a, c, i) {
329
- const l = _(d(d({}, n.state || {}), a), {
325
+ const l = y(d(d({}, n.state || {}), a), {
330
326
  // 添加新数据
331
327
  _patchedByParent: !0
332
328
  // 可选:标记这是被父窗口修改的状态
333
329
  });
334
330
  r.call(n, l, c, i), M(e);
335
331
  }, n.replaceState = function(a, c, i) {
336
- const l = _(d(d({}, n.state || {}), a), {
332
+ const l = y(d(d({}, n.state || {}), a), {
337
333
  // 添加新数据
338
334
  _patchedByParent: !0
339
335
  // 可选:标记这是被父窗口修改的状态
@@ -372,28 +368,28 @@ const ee = {
372
368
  return;
373
369
  }
374
370
  const t = Object.assign({}, ee, e), n = m[e.name];
375
- return n ? m[e.name] = d(d({}, n), t) : m[e.name] = _(d({}, t), {
371
+ return n ? m[e.name] = d(d({}, n), t) : m[e.name] = y(d({}, t), {
376
372
  instance: new G(e)
377
373
  }), m[e.name];
378
- }, y = (e) => m[e], te = (e, t) => m[e.name] = d(d({}, e), t), ne = (e, t) => new Promise((n, r) => {
379
- let o = y(e);
374
+ }, g = (e) => m[e], te = (e, t) => m[e.name] = d(d({}, e), t), ne = (e, t) => new Promise((n, r) => {
375
+ let o = g(e);
380
376
  o ? (t && (o.instance.changeOptions(t), o = te(o, t)), o.preload ? o.instance.preloadRender(o.el) : o.instance.mount(o.el), n(o)) : r("app not found, please setup app first");
381
377
  }), oe = (e) => {
382
- let t = y(e);
378
+ let t = g(e);
383
379
  t && t.instance.unmount();
384
380
  }, de = (e, t = !1) => {
385
- let n = y(e);
381
+ let n = g(e);
386
382
  n && n.instance.reload(t);
387
- }, g = (e) => {
383
+ }, w = (e) => {
388
384
  console.log("clearParentUrl", e, s.URL_PARAM_PREFIX + e);
389
385
  const t = window.location.href.split("#");
390
386
  console.log("url", t);
391
387
  const n = new URL(t[0]);
392
- console.log("mainURL", n), n.searchParams.delete(s.URL_PARAM_PREFIX + e), window.history.replaceState(
388
+ return console.log("mainURL", n), n.searchParams.delete(s.URL_PARAM_PREFIX + e), window.history.replaceState(
393
389
  {},
394
390
  "",
395
391
  t.length > 1 ? n.href + "#" + t[1] : n.href
396
- );
392
+ ), n;
397
393
  }, re = /* @__PURE__ */ k({
398
394
  __name: "XTMicroView",
399
395
  props: {
@@ -404,7 +400,7 @@ const ee = {
404
400
  t.appId && ne(t.appId, {
405
401
  el: n.value,
406
402
  onUnload(o, a) {
407
- console.log("on unload", a.app.name), g(a.app.name);
403
+ console.log("on unload", a.app.name), w(a.app.name);
408
404
  }
409
405
  }).then((o) => {
410
406
  console.debug("app mounted", t.appId);
@@ -414,9 +410,9 @@ const ee = {
414
410
  o !== a && a && oe(a), r();
415
411
  }), j(() => {
416
412
  r();
417
- }), F(() => {
418
- console.debug("「micro」", "app unmount", t.appId), g(t.appId);
419
- }), (o, a) => (N(), V("div", B({
413
+ }), N(() => {
414
+ console.debug("「micro」", "app unmount", t.appId), w(t.appId);
415
+ }), (o, a) => (V(), B("div", F({
420
416
  ref_key: "refPanel",
421
417
  ref: n
422
418
  }, o.$attrs, { class: "xt-micro" }), null, 16));
@@ -430,9 +426,9 @@ const pe = {
430
426
  };
431
427
  export {
432
428
  re as XTMicroView,
433
- g as clearParentUrl,
429
+ w as clearParentUrl,
434
430
  pe as default,
435
- y as getApp,
431
+ g as getApp,
436
432
  ce as microInit,
437
433
  de as reloadApp,
438
434
  le as setupApp,
@@ -19,5 +19,5 @@ export declare const startApp: (name: string, options?: Partial<AppOption>) => P
19
19
  */
20
20
  export declare const stopApp: (name: string) => void;
21
21
  export declare const reloadApp: (name: string, isGoHome?: boolean) => void;
22
- export declare const clearParentUrl: (appName: string) => void;
22
+ export declare const clearParentUrl: (appName: string) => URL;
23
23
  export { microInit };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xingtukeji/micro",
3
- "version": "1.1.14",
3
+ "version": "1.1.16",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "main": "dist/index.js",