@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 +39 -43
- package/dist/types/api.d.ts +1 -1
- package/package.json +1 -1
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
|
|
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 ?
|
|
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
|
-
},
|
|
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 (
|
|
20
|
-
o(
|
|
19
|
+
} catch (_) {
|
|
20
|
+
o(_);
|
|
21
21
|
}
|
|
22
22
|
}, c = (l) => {
|
|
23
23
|
try {
|
|
24
24
|
i(n.throw(l));
|
|
25
|
-
} catch (
|
|
26
|
-
o(
|
|
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
|
|
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.
|
|
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
|
|
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:
|
|
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}`,
|
|
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((
|
|
129
|
-
a.searchParams.set(
|
|
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
|
|
137
|
-
},
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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),
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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] =
|
|
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
|
-
},
|
|
379
|
-
let o =
|
|
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 =
|
|
378
|
+
let t = g(e);
|
|
383
379
|
t && t.instance.unmount();
|
|
384
380
|
}, de = (e, t = !1) => {
|
|
385
|
-
let n =
|
|
381
|
+
let n = g(e);
|
|
386
382
|
n && n.instance.reload(t);
|
|
387
|
-
},
|
|
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),
|
|
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
|
-
}),
|
|
418
|
-
console.debug("「micro」", "app unmount", t.appId),
|
|
419
|
-
}), (o, a) => (
|
|
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
|
-
|
|
429
|
+
w as clearParentUrl,
|
|
434
430
|
pe as default,
|
|
435
|
-
|
|
431
|
+
g as getApp,
|
|
436
432
|
ce as microInit,
|
|
437
433
|
de as reloadApp,
|
|
438
434
|
le as setupApp,
|
package/dist/types/api.d.ts
CHANGED
|
@@ -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) =>
|
|
22
|
+
export declare const clearParentUrl: (appName: string) => URL;
|
|
23
23
|
export { microInit };
|