@xingtukeji/micro 1.1.15 → 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));
14
- var m = (e, t, n) => (R(e, typeof t != "symbol" ? t + "" : t, n), n);
15
- var u = (e, t, n) => new Promise((r, o) => {
13
+ }, y = (e, t) => A(e, x(t));
14
+ var p = (e, t, n) => (R(e, typeof t != "symbol" ? t + "" : t, n), n);
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
- }, h = "1.1.14";
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;
@@ -82,11 +82,11 @@ function U(e, t, n) {
82
82
  const [r, o] = e.split("#"), a = new URL(r), c = a.searchParams;
83
83
  return t = s.URL_PARAM_PREFIX + t, c.has(t) ? c.set(t, n) : c.append(t, n), o && (a.hash = o), a.search = c.toString(), a.toString();
84
84
  }
85
- const P = (e) => u(void 0, null, function* () {
85
+ const P = (e) => h(void 0, null, function* () {
86
86
  return new Promise((t) => {
87
87
  window.addEventListener("message", (n) => {
88
- console.debug("child ipcSyncAppInfo receive message", n.data), n.data.cmd === "$xt/micro/info" && (n.data.data.mainMicroVersion !== h && console.warn(
89
- `子应用版本与主应用版本不一致,${e}子应用版本:${h},主应用版本:${n.data.data.mainMicroVersion}`
88
+ console.debug("child ipcSyncAppInfo receive message", n.data), n.data.cmd === "$xt/micro/info" && (n.data.data.mainMicroVersion !== u && console.warn(
89
+ `子应用版本与主应用版本不一致,${e}子应用版本:${u},主应用版本:${n.data.data.mainMicroVersion}`
90
90
  ), t(n.data.data));
91
91
  }), console.debug("child ipcSyncAppInfo send message", e), window.parent.postMessage(
92
92
  {
@@ -100,7 +100,7 @@ const P = (e) => u(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 y(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)
@@ -164,11 +164,11 @@ const I = (e) => `${s.DOM_ID_PREFIX}${e}`, L = (e, t = !1) => {
164
164
  };
165
165
  class G {
166
166
  constructor(t) {
167
- m(this, "app");
168
- m(this, "dom");
169
- m(this, "panel");
170
- m(this, "loading");
171
- m(this, "loadingTimer");
167
+ p(this, "app");
168
+ p(this, "dom");
169
+ p(this, "panel");
170
+ p(this, "loading");
171
+ p(this, "loadingTimer");
172
172
  return this.app = t, this.dom = void 0, this.panel = void 0, t.preload && this.preload(), this;
173
173
  }
174
174
  mount(t, n = !1) {
@@ -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,7 +209,7 @@ 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
214
  r.searchParams.set("__t", Date.now().toString()), this.dom.style.visibility = "hidden", this.dom.src = r.toString();
215
215
  }
@@ -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), y(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
@@ -283,7 +279,7 @@ const Q = (e) => {
283
279
  port: window.location.port,
284
280
  protocol: window.location.protocol
285
281
  },
286
- mainMicroVersion: h,
282
+ mainMicroVersion: u,
287
283
  name: t.name,
288
284
  url: t.url,
289
285
  params: t.params,
@@ -295,12 +291,12 @@ const Q = (e) => {
295
291
  );
296
292
  }
297
293
  });
298
- }, ce = (...t) => u(void 0, [...t], function* (e = {}) {
294
+ }, ce = (...t) => h(void 0, [...t], function* (e = {}) {
299
295
  window[s.MICRO_TYPE] = "child";
300
296
  const n = f(s.IS_MICRO), r = f(s.MICRO_NAME);
301
297
  if (console.debug("child microInit", n, r), n && (window[s.IS_MICRO] = n === "true"), r && P(r).then((o) => {
302
298
  window[s.MICRO_APP] = d({
303
- microVersion: h
299
+ microVersion: u
304
300
  }, o);
305
301
  }), window[s.IS_MICRO]) {
306
302
  let o = function(c) {
@@ -315,7 +311,7 @@ const Q = (e) => {
315
311
  o(`${c} { display: none !important; }`);
316
312
  }) : o(
317
313
  `${e.hideHeaderCssSelector} { display: none !important; }`
318
- )), yield Z(r, window), window.addEventListener("message", (c) => u(void 0, null, function* () {
314
+ )), yield Z(r, window), window.addEventListener("message", (c) => h(void 0, null, function* () {
319
315
  c.data.cmd === `$xt/micro/${r}` && M(r);
320
316
  }));
321
317
  const a = f(s.MICRO_TOKEN);
@@ -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
  // 可选:标记这是被父窗口修改的状态
@@ -342,10 +338,10 @@ function Z(e, t) {
342
338
  };
343
339
  }
344
340
  function M(e) {
345
- return u(this, null, function* () {
341
+ return h(this, null, function* () {
346
342
  console.log("syncUrlToWindow", e, window[s.MICRO_APP]), window[s.MICRO_APP] || (yield P(e).then((a) => {
347
343
  window[s.MICRO_APP] = d({
348
- microVersion: h
344
+ microVersion: u
349
345
  }, a);
350
346
  }));
351
347
  const { name: t, sync: n, mainLocation: r } = window[s.MICRO_APP], o = window.location.pathname + window.location.search + window.location.hash;
@@ -361,7 +357,7 @@ function M(e) {
361
357
  );
362
358
  });
363
359
  }
364
- let p = {};
360
+ let m = {};
365
361
  const ee = {
366
362
  url: "",
367
363
  name: "",
@@ -371,11 +367,11 @@ const ee = {
371
367
  console.error("app url is required", e);
372
368
  return;
373
369
  }
374
- const t = Object.assign({}, ee, e), n = p[e.name];
375
- return n ? p[e.name] = d(d({}, n), t) : p[e.name] = _(d({}, t), {
370
+ const t = Object.assign({}, ee, e), n = m[e.name];
371
+ return n ? m[e.name] = d(d({}, n), t) : m[e.name] = y(d({}, t), {
376
372
  instance: new G(e)
377
- }), p[e.name];
378
- }, g = (e) => p[e], te = (e, t) => p[e.name] = d(d({}, e), t), ne = (e, t) => new Promise((n, r) => {
373
+ }), m[e.name];
374
+ }, g = (e) => m[e], te = (e, t) => m[e.name] = d(d({}, e), t), ne = (e, t) => new Promise((n, r) => {
379
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) => {
@@ -384,16 +380,16 @@ const ee = {
384
380
  }, de = (e, t = !1) => {
385
381
  let n = g(e);
386
382
  n && n.instance.reload(t);
387
- }, y = (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), y(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,24 +410,24 @@ 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), y(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));
423
419
  }
424
420
  });
425
- window[s.MICRO_VERSION] = h;
426
- const me = {
421
+ window[s.MICRO_VERSION] = u;
422
+ const pe = {
427
423
  install: (e, t = {}) => {
428
424
  e.component("xt-micro-view", re), J();
429
425
  }
430
426
  };
431
427
  export {
432
428
  re as XTMicroView,
433
- y as clearParentUrl,
434
- me as default,
429
+ w as clearParentUrl,
430
+ pe as default,
435
431
  g as getApp,
436
432
  ce as microInit,
437
433
  de as reloadApp,
@@ -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.15",
3
+ "version": "1.1.16",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "main": "dist/index.js",