@das-fed/web 6.4.0-dev.92 → 6.4.0-dev.94
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/{packages/main-app-framework/index-B0Y-zSJl.js → index-DozcsJQ6.js} +1 -1
- package/{index-BrDtEtKe.js → index-SnQNzohF.js} +1 -1
- package/index-SnQNzohF.js.gz +0 -0
- package/{index-mWP8kr_p.js → index-oWBd5vf_.js} +1414 -1357
- package/index-oWBd5vf_.js.gz +0 -0
- package/index.js +1 -1
- package/package.json +6 -6
- package/packages/main-app-framework/{index-BifLTON-.js → index-CmHORAF1.js} +1 -1
- package/packages/main-app-framework/index-CmHORAF1.js.gz +0 -0
- package/{index-DbgCYRff.js → packages/main-app-framework/index-DAaPMAIp.js} +1 -1
- package/packages/main-app-framework/{index-BPp-7sEG.js → index-JNn4Rtac.js} +1522 -1474
- package/packages/main-app-framework/index-JNn4Rtac.js.gz +0 -0
- package/packages/main-app-framework/index.js +1 -1
- package/packages/main-app-framework/style.css +1 -1
- package/packages/main-app-framework/style.css.gz +0 -0
- package/packages/micro-frontend/index.js +171 -162
- package/packages/micro-frontend/index.js.gz +0 -0
- package/style.css +1 -1
- package/style.css.gz +0 -0
- package/types/layout/store/index.d.ts +1 -1
- package/types/layout/store/nav.d.ts +1 -1
- package/index-BrDtEtKe.js.gz +0 -0
- package/index-mWP8kr_p.js.gz +0 -0
- package/packages/main-app-framework/index-BPp-7sEG.js.gz +0 -0
- package/packages/main-app-framework/index-BifLTON-.js.gz +0 -0
|
@@ -2,51 +2,60 @@ import '@das-fed/web/packages/micro-frontend/style.css';
|
|
|
2
2
|
import { ref as w, watch as M, reactive as C, getCurrentScope as ue, onScopeDispose as de, unref as I, getCurrentInstance as pe, onMounted as me, nextTick as ne, defineComponent as x, computed as D, openBlock as E, createElementBlock as N, Fragment as z, renderList as fe, withDirectives as ve, createBlock as se, vShow as he, createCommentVNode as Ae, mergeProps as we, withCtx as O, renderSlot as V, createVNode as T, onActivated as ge } from "vue";
|
|
3
3
|
import { DasWebLayout as ye, DasWebNav as Me, DasWebMenu as Le, DasWebTabs as _e } from "@das-fed/web/packages/layout/index";
|
|
4
4
|
const W = w("/das-micro-app"), f = w([]), k = w(!1), F = w([]), R = w(!0);
|
|
5
|
-
let
|
|
5
|
+
let A = null, v = null, _ = null;
|
|
6
6
|
const b = (e, t, n) => {
|
|
7
7
|
var c;
|
|
8
8
|
const { origin: s } = new URL(location.href);
|
|
9
9
|
(c = window.self) == null || c.postMessage({ type: t, data: n }, s);
|
|
10
|
-
},
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
10
|
+
}, be = (e) => new Promise((t) => {
|
|
11
|
+
const n = () => {
|
|
12
|
+
if (v != null && v[e]) return t();
|
|
13
|
+
setTimeout(() => n(), 50);
|
|
14
|
+
};
|
|
15
|
+
n();
|
|
16
|
+
}), q = (e, t, n) => {
|
|
17
|
+
var a;
|
|
18
|
+
const { awaitListener: s = !1 } = n, { origin: c } = new URL(location.href);
|
|
19
|
+
s ? be(e).then(() => {
|
|
20
|
+
var i;
|
|
21
|
+
(i = window.self) == null || i.postMessage({ type: e, data: t }, c);
|
|
22
|
+
}) : (a = window.self) == null || a.postMessage({ type: e, data: t }, c);
|
|
23
|
+
}, Ie = () => {
|
|
24
|
+
v || (v || (v = {}), window.addEventListener(
|
|
16
25
|
"message",
|
|
17
26
|
(e) => {
|
|
18
27
|
const { type: t, source: n } = e.data || {};
|
|
19
|
-
if (n !== "react-devtools-content-script" &&
|
|
20
|
-
for (const s in
|
|
21
|
-
|
|
28
|
+
if (n !== "react-devtools-content-script" && v[t])
|
|
29
|
+
for (const s in v[t])
|
|
30
|
+
v[t][s](e.data);
|
|
22
31
|
},
|
|
23
32
|
!1
|
|
24
33
|
));
|
|
25
|
-
},
|
|
26
|
-
|
|
34
|
+
}, Ee = () => {
|
|
35
|
+
A || (A || (A = {}), window.addEventListener(
|
|
27
36
|
"message",
|
|
28
37
|
(e) => {
|
|
29
38
|
const { type: t } = e.data || {};
|
|
30
|
-
if (
|
|
31
|
-
for (const n in
|
|
32
|
-
|
|
39
|
+
if (A[t])
|
|
40
|
+
for (const n in A[t])
|
|
41
|
+
A[t][n](e.data);
|
|
33
42
|
},
|
|
34
43
|
!1
|
|
35
44
|
));
|
|
36
|
-
},
|
|
37
|
-
|
|
45
|
+
}, Se = (e, t) => {
|
|
46
|
+
Ee();
|
|
38
47
|
const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
|
|
39
|
-
return
|
|
48
|
+
return A[e] || (A[e] = {}), A[e][n] = t, {
|
|
40
49
|
remove: () => {
|
|
41
|
-
|
|
50
|
+
A[e] && A[e][n] && delete A[e][n];
|
|
42
51
|
}
|
|
43
52
|
};
|
|
44
|
-
},
|
|
45
|
-
|
|
53
|
+
}, Pe = (e, t) => {
|
|
54
|
+
Ie();
|
|
46
55
|
const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8);
|
|
47
|
-
return
|
|
56
|
+
return v[e] || (v[e] = {}), v[e][n] = t, {
|
|
48
57
|
remove: () => {
|
|
49
|
-
|
|
58
|
+
v[e] && v[e][n] && delete v[e][n];
|
|
50
59
|
}
|
|
51
60
|
};
|
|
52
61
|
}, Q = async (e) => {
|
|
@@ -60,15 +69,15 @@ const b = (e, t, n) => {
|
|
|
60
69
|
}, d = {
|
|
61
70
|
loadMicroApp: (e) => {
|
|
62
71
|
k.value = !0;
|
|
63
|
-
const t = f.value.find((
|
|
72
|
+
const t = f.value.find((i) => i.name === e), n = f.value.find((i) => i.actived), s = !!t, c = !(t != null && t.loaded), a = t == null ? void 0 : t.actived;
|
|
64
73
|
if (!s) {
|
|
65
74
|
n && (n.actived = !1);
|
|
66
75
|
return;
|
|
67
76
|
}
|
|
68
77
|
if (t.isFirstActived = !0, c) {
|
|
69
78
|
t.src = t.entry;
|
|
70
|
-
const
|
|
71
|
-
|
|
79
|
+
const i = f.value.find((r) => r.actived);
|
|
80
|
+
i && (i.actived = !1), t.loaded = !0, t.actived = !0;
|
|
72
81
|
return;
|
|
73
82
|
}
|
|
74
83
|
if (!a) {
|
|
@@ -103,12 +112,12 @@ const b = (e, t, n) => {
|
|
|
103
112
|
setMicroAppRoute: async (e, t, n) => {
|
|
104
113
|
const s = f.value.find((r) => r.name === t);
|
|
105
114
|
if (!s || !s.loaded || !s.actived || (s.dom || await new Promise((r) => M(() => s.dom, r)), !s.actived)) return s;
|
|
106
|
-
const c = n.path || n, a = n.query || {},
|
|
115
|
+
const c = n.path || n, a = n.query || {}, i = n.params || {};
|
|
107
116
|
return e.push({
|
|
108
117
|
path: `/${t}${c}`,
|
|
109
118
|
query: a,
|
|
110
119
|
// @ts-ignore
|
|
111
|
-
params:
|
|
120
|
+
params: i
|
|
112
121
|
}), setTimeout(() => {
|
|
113
122
|
const { isFirstActived: r } = s;
|
|
114
123
|
b(t, "router", {
|
|
@@ -120,8 +129,8 @@ const b = (e, t, n) => {
|
|
|
120
129
|
},
|
|
121
130
|
sendMessageToMicroApp: b,
|
|
122
131
|
sendMessageToMainApp: q,
|
|
123
|
-
addEventListenerFromMainApp:
|
|
124
|
-
addEventListenerFromMicroApp:
|
|
132
|
+
addEventListenerFromMainApp: Se,
|
|
133
|
+
addEventListenerFromMicroApp: Pe,
|
|
125
134
|
setMainAppOverlay: (e, t) => {
|
|
126
135
|
q("bodyOverlay", { visible: e, style: t });
|
|
127
136
|
},
|
|
@@ -153,8 +162,8 @@ const b = (e, t, n) => {
|
|
|
153
162
|
triggerMicroAppLifeCycleListener: (e, t, n) => {
|
|
154
163
|
var a;
|
|
155
164
|
const s = _, { autoRemove: c = !1 } = n || {};
|
|
156
|
-
for (const
|
|
157
|
-
const r = s[
|
|
165
|
+
for (const i in s) {
|
|
166
|
+
const r = s[i];
|
|
158
167
|
r.type === e && ((a = r == null ? void 0 : r.handler) == null || a.call(r, t).then(() => {
|
|
159
168
|
c && r.remove();
|
|
160
169
|
}));
|
|
@@ -229,13 +238,13 @@ const b = (e, t, n) => {
|
|
|
229
238
|
l.searchConfig = e;
|
|
230
239
|
},
|
|
231
240
|
triggerEventListener: (e, t, n) => {
|
|
232
|
-
var
|
|
241
|
+
var i;
|
|
233
242
|
const s = l.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
|
|
234
243
|
for (const r in s) {
|
|
235
|
-
const
|
|
236
|
-
|
|
237
|
-
(
|
|
238
|
-
c &&
|
|
244
|
+
const o = s[r];
|
|
245
|
+
o.type === e && a.push(
|
|
246
|
+
(i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
|
|
247
|
+
c && o.remove();
|
|
239
248
|
})
|
|
240
249
|
);
|
|
241
250
|
}
|
|
@@ -282,13 +291,13 @@ const b = (e, t, n) => {
|
|
|
282
291
|
g.popupClassName = e;
|
|
283
292
|
},
|
|
284
293
|
triggerEventListener: (e, t, n) => {
|
|
285
|
-
var
|
|
294
|
+
var i;
|
|
286
295
|
const s = g.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
|
|
287
296
|
for (const r in s) {
|
|
288
|
-
const
|
|
289
|
-
|
|
290
|
-
(
|
|
291
|
-
c &&
|
|
297
|
+
const o = s[r];
|
|
298
|
+
o.type === e && a.push(
|
|
299
|
+
(i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
|
|
300
|
+
c && o.remove();
|
|
292
301
|
})
|
|
293
302
|
);
|
|
294
303
|
}
|
|
@@ -312,37 +321,37 @@ const b = (e, t, n) => {
|
|
|
312
321
|
remove: s
|
|
313
322
|
};
|
|
314
323
|
}
|
|
315
|
-
},
|
|
324
|
+
}, h = C({
|
|
316
325
|
theme: "default",
|
|
317
326
|
items: [],
|
|
318
327
|
eventListeners: {}
|
|
319
328
|
}), U = {
|
|
320
329
|
setItems: (e) => {
|
|
321
|
-
|
|
330
|
+
h.items = e;
|
|
322
331
|
},
|
|
323
|
-
getItems: () =>
|
|
332
|
+
getItems: () => h.items,
|
|
324
333
|
setTheme: (e) => {
|
|
325
|
-
|
|
334
|
+
h.theme = e;
|
|
326
335
|
},
|
|
327
336
|
removeItem: (e) => {
|
|
328
|
-
const t =
|
|
329
|
-
|
|
337
|
+
const t = h.items.filter((n) => n.value !== e);
|
|
338
|
+
h.items = t;
|
|
330
339
|
},
|
|
331
340
|
appendItem: (e) => {
|
|
332
|
-
const t =
|
|
333
|
-
t !== -1 ?
|
|
341
|
+
const t = h.items.findIndex((n) => n.value == e.value);
|
|
342
|
+
t !== -1 ? h.items.splice(t, 1, e) : h.items.push(e);
|
|
334
343
|
},
|
|
335
344
|
setActiveItem: (e) => {
|
|
336
|
-
|
|
345
|
+
h.activeItem = e;
|
|
337
346
|
},
|
|
338
347
|
triggerEventListener: (e, t, n) => {
|
|
339
|
-
var
|
|
340
|
-
const s =
|
|
348
|
+
var i;
|
|
349
|
+
const s = h.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
|
|
341
350
|
for (const r in s) {
|
|
342
|
-
const
|
|
343
|
-
|
|
344
|
-
(
|
|
345
|
-
c &&
|
|
351
|
+
const o = s[r];
|
|
352
|
+
o.type === e && a.push(
|
|
353
|
+
(i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
|
|
354
|
+
c && o.remove();
|
|
346
355
|
})
|
|
347
356
|
);
|
|
348
357
|
}
|
|
@@ -350,9 +359,9 @@ const b = (e, t, n) => {
|
|
|
350
359
|
},
|
|
351
360
|
addEventListener: (e, t) => {
|
|
352
361
|
const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), s = () => {
|
|
353
|
-
|
|
362
|
+
h.eventListeners[n] && delete h.eventListeners[n];
|
|
354
363
|
};
|
|
355
|
-
return
|
|
364
|
+
return h.eventListeners[n] = {
|
|
356
365
|
type: e,
|
|
357
366
|
handler: async (c) => {
|
|
358
367
|
try {
|
|
@@ -368,15 +377,15 @@ const b = (e, t, n) => {
|
|
|
368
377
|
}
|
|
369
378
|
}, P = C({
|
|
370
379
|
eventListeners: {}
|
|
371
|
-
}),
|
|
380
|
+
}), Ce = {
|
|
372
381
|
triggerEventListener: (e, t, n) => {
|
|
373
|
-
var
|
|
382
|
+
var i;
|
|
374
383
|
const s = P.eventListeners, { autoRemove: c = !1 } = n || {}, a = [];
|
|
375
384
|
for (const r in s) {
|
|
376
|
-
const
|
|
377
|
-
|
|
378
|
-
(
|
|
379
|
-
c &&
|
|
385
|
+
const o = s[r];
|
|
386
|
+
o.type === e && a.push(
|
|
387
|
+
(i = o == null ? void 0 : o.handler) == null ? void 0 : i.call(o, t).then(() => {
|
|
388
|
+
c && o.remove();
|
|
380
389
|
})
|
|
381
390
|
);
|
|
382
391
|
}
|
|
@@ -403,14 +412,14 @@ const b = (e, t, n) => {
|
|
|
403
412
|
}, B = C({
|
|
404
413
|
visible: !1,
|
|
405
414
|
style: {}
|
|
406
|
-
}),
|
|
415
|
+
}), Oe = {
|
|
407
416
|
set: (e, t) => {
|
|
408
417
|
B.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (B.style = t);
|
|
409
418
|
}
|
|
410
|
-
},
|
|
419
|
+
}, Te = {
|
|
411
420
|
nav: l,
|
|
412
421
|
menu: g,
|
|
413
|
-
tab:
|
|
422
|
+
tab: h,
|
|
414
423
|
overlay: B,
|
|
415
424
|
iframeView: P,
|
|
416
425
|
visible: w(!0)
|
|
@@ -418,9 +427,9 @@ const b = (e, t, n) => {
|
|
|
418
427
|
nav: j,
|
|
419
428
|
menu: H,
|
|
420
429
|
tab: U,
|
|
421
|
-
overlay:
|
|
422
|
-
iframeView:
|
|
423
|
-
setVisible: (e) =>
|
|
430
|
+
overlay: Oe,
|
|
431
|
+
iframeView: Ce,
|
|
432
|
+
setVisible: (e) => Te.visible.value = e,
|
|
424
433
|
setTheme: (e) => {
|
|
425
434
|
j.setTheme(e), H.setTheme(e), U.setTheme(e);
|
|
426
435
|
}
|
|
@@ -431,19 +440,19 @@ const b = (e, t, n) => {
|
|
|
431
440
|
return n;
|
|
432
441
|
};
|
|
433
442
|
var J;
|
|
434
|
-
const $ = typeof window < "u",
|
|
443
|
+
const $ = typeof window < "u", Fe = (e) => typeof e == "string", Re = () => {
|
|
435
444
|
};
|
|
436
445
|
$ && ((J = window == null ? void 0 : window.navigator) != null && J.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
437
446
|
function ae(e) {
|
|
438
447
|
return typeof e == "function" ? e() : I(e);
|
|
439
448
|
}
|
|
440
|
-
function
|
|
449
|
+
function De(e) {
|
|
441
450
|
return e;
|
|
442
451
|
}
|
|
443
452
|
function ie(e) {
|
|
444
453
|
return ue() ? (de(e), !0) : !1;
|
|
445
454
|
}
|
|
446
|
-
function
|
|
455
|
+
function Ne(e, t = !0) {
|
|
447
456
|
pe() ? me(e) : t ? e() : ne(e);
|
|
448
457
|
}
|
|
449
458
|
function oe(e) {
|
|
@@ -451,24 +460,24 @@ function oe(e) {
|
|
|
451
460
|
const n = ae(e);
|
|
452
461
|
return (t = n == null ? void 0 : n.$el) != null ? t : n;
|
|
453
462
|
}
|
|
454
|
-
const
|
|
455
|
-
function
|
|
463
|
+
const ke = $ ? window : void 0, xe = $ ? window.document : void 0;
|
|
464
|
+
function Ve(...e) {
|
|
456
465
|
let t, n, s, c;
|
|
457
|
-
if (
|
|
458
|
-
return
|
|
466
|
+
if (Fe(e[0]) || Array.isArray(e[0]) ? ([n, s, c] = e, t = ke) : [t, n, s, c] = e, !t)
|
|
467
|
+
return Re;
|
|
459
468
|
Array.isArray(n) || (n = [n]), Array.isArray(s) || (s = [s]);
|
|
460
|
-
const a = [],
|
|
469
|
+
const a = [], i = () => {
|
|
461
470
|
a.forEach((u) => u()), a.length = 0;
|
|
462
|
-
}, r = (u, y, m, L) => (u.addEventListener(y, m, L), () => u.removeEventListener(y, m, L)),
|
|
463
|
-
|
|
471
|
+
}, r = (u, y, m, L) => (u.addEventListener(y, m, L), () => u.removeEventListener(y, m, L)), o = M(() => [oe(t), ae(c)], ([u, y]) => {
|
|
472
|
+
i(), u && a.push(...n.flatMap((m) => s.map((L) => r(u, m, L, y))));
|
|
464
473
|
}, { immediate: !0, flush: "post" }), p = () => {
|
|
465
|
-
|
|
474
|
+
o(), i();
|
|
466
475
|
};
|
|
467
476
|
return ie(p), p;
|
|
468
477
|
}
|
|
469
|
-
function
|
|
478
|
+
function qe(e, t = !1) {
|
|
470
479
|
const n = w(), s = () => n.value = !!e();
|
|
471
|
-
return s(),
|
|
480
|
+
return s(), Ne(s, t), n;
|
|
472
481
|
}
|
|
473
482
|
const K = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, X = "__vueuse_ssr_handlers__";
|
|
474
483
|
K[X] = K[X] || {};
|
|
@@ -514,18 +523,18 @@ const Y = [
|
|
|
514
523
|
"MSFullscreenError"
|
|
515
524
|
]
|
|
516
525
|
];
|
|
517
|
-
function
|
|
518
|
-
const { document: n =
|
|
519
|
-
let
|
|
520
|
-
const r =
|
|
526
|
+
function Qe(e, t = {}) {
|
|
527
|
+
const { document: n = xe, autoExit: s = !1 } = t, c = n == null ? void 0 : n.querySelector("html"), a = w(!1);
|
|
528
|
+
let i = Y[0];
|
|
529
|
+
const r = qe(() => {
|
|
521
530
|
if (n) {
|
|
522
531
|
for (const S of Y)
|
|
523
532
|
if (S[1] in n)
|
|
524
|
-
return
|
|
533
|
+
return i = S, !0;
|
|
525
534
|
} else
|
|
526
535
|
return !1;
|
|
527
536
|
return !1;
|
|
528
|
-
}), [
|
|
537
|
+
}), [o, p, u, , y] = i;
|
|
529
538
|
async function m() {
|
|
530
539
|
r.value && (n != null && n[u] && await n[p](), a.value = !1);
|
|
531
540
|
}
|
|
@@ -534,12 +543,12 @@ function qe(e, t = {}) {
|
|
|
534
543
|
return;
|
|
535
544
|
await m();
|
|
536
545
|
const S = oe(c);
|
|
537
|
-
S && (await S[
|
|
546
|
+
S && (await S[o](), a.value = !0);
|
|
538
547
|
}
|
|
539
548
|
async function le() {
|
|
540
549
|
a.value ? await m() : await L();
|
|
541
550
|
}
|
|
542
|
-
return n &&
|
|
551
|
+
return n && Ve(n, y, () => {
|
|
543
552
|
a.value = !!(n != null && n[u]);
|
|
544
553
|
}, !1), s && ie(m), {
|
|
545
554
|
isSupported: r,
|
|
@@ -553,15 +562,15 @@ var Z;
|
|
|
553
562
|
(function(e) {
|
|
554
563
|
e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
|
|
555
564
|
})(Z || (Z = {}));
|
|
556
|
-
var
|
|
565
|
+
var Be = Object.defineProperty, ee = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, ze = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, We = (e, t) => {
|
|
557
566
|
for (var n in t || (t = {}))
|
|
558
|
-
|
|
567
|
+
$e.call(t, n) && te(e, n, t[n]);
|
|
559
568
|
if (ee)
|
|
560
569
|
for (var n of ee(t))
|
|
561
|
-
|
|
570
|
+
ze.call(t, n) && te(e, n, t[n]);
|
|
562
571
|
return e;
|
|
563
572
|
};
|
|
564
|
-
const
|
|
573
|
+
const je = {
|
|
565
574
|
easeInSine: [0.12, 0, 0.39, 0],
|
|
566
575
|
easeOutSine: [0.61, 1, 0.88, 1],
|
|
567
576
|
easeInOutSine: [0.37, 0, 0.63, 1],
|
|
@@ -587,10 +596,10 @@ const We = {
|
|
|
587
596
|
easeOutBack: [0.34, 1.56, 0.64, 1],
|
|
588
597
|
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
|
|
589
598
|
};
|
|
590
|
-
|
|
591
|
-
linear:
|
|
592
|
-
},
|
|
593
|
-
const
|
|
599
|
+
We({
|
|
600
|
+
linear: De
|
|
601
|
+
}, je);
|
|
602
|
+
const He = ["src", "entry", "name"], Ue = /* @__PURE__ */ x({
|
|
594
603
|
__name: "das-micro-app",
|
|
595
604
|
props: {
|
|
596
605
|
src: {},
|
|
@@ -604,68 +613,68 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
604
613
|
}, a = D(() => n.actived);
|
|
605
614
|
return M(() => a.value, (r) => {
|
|
606
615
|
r && s("onActivated"), r || s("onDeactivated");
|
|
607
|
-
}), (r,
|
|
616
|
+
}), (r, o) => (E(), N("iframe", {
|
|
608
617
|
class: "das-micro-app",
|
|
609
618
|
src: n.src,
|
|
610
619
|
entry: n.src,
|
|
611
620
|
name: n.name,
|
|
612
621
|
frameborder: "0",
|
|
613
622
|
onLoad: c
|
|
614
|
-
}, null, 40,
|
|
623
|
+
}, null, 40, He));
|
|
615
624
|
}
|
|
616
|
-
}),
|
|
625
|
+
}), Ge = /* @__PURE__ */ re(Ue, [["__scopeId", "data-v-8ae871f6"]]), Je = /* @__PURE__ */ x({
|
|
617
626
|
__name: "das-micro-apps",
|
|
618
627
|
setup(e) {
|
|
619
|
-
const t = w(null), n = async (a,
|
|
620
|
-
const r = f.value.find((m) => m.name ===
|
|
628
|
+
const t = w(null), n = async (a, i) => {
|
|
629
|
+
const r = f.value.find((m) => m.name === i);
|
|
621
630
|
if (!r) return;
|
|
622
631
|
r.dom = a.target, await ne(), await new Promise((m) => setTimeout(m, 50));
|
|
623
|
-
const
|
|
632
|
+
const o = () => {
|
|
624
633
|
const m = t.value.getBoundingClientRect() || {};
|
|
625
634
|
return m.width = t.value.clientWidth, m.height = t.value.clientHeight, m;
|
|
626
635
|
};
|
|
627
|
-
d.sendMessageToMicroApp(
|
|
636
|
+
d.sendMessageToMicroApp(i, "onLoaded", {
|
|
628
637
|
href: location.href,
|
|
629
|
-
microAppContainerRect:
|
|
638
|
+
microAppContainerRect: o(),
|
|
630
639
|
entry: r.entry,
|
|
631
640
|
name: r.name
|
|
632
641
|
});
|
|
633
642
|
const { dom: p, ...u } = r;
|
|
634
643
|
d.triggerMicroAppLifeCycleListener("onLoaded", u), new ResizeObserver(() => {
|
|
635
|
-
d.sendMessageToMicroApp(
|
|
636
|
-
}).observe(t.value), d.sendMessageToMicroApp(
|
|
637
|
-
}, s = (a,
|
|
638
|
-
const r = f.value.find((u) => u.name ===
|
|
644
|
+
d.sendMessageToMicroApp(i, "resize", o());
|
|
645
|
+
}).observe(t.value), d.sendMessageToMicroApp(i, "setProxyMessageStatus", { visible: !0, parentHref: location.href }), d.sendMessageToMicroApp(i, "setProxSsoStatus", { visible: !0, parentHref: location.href });
|
|
646
|
+
}, s = (a, i) => {
|
|
647
|
+
const r = f.value.find((u) => u.name === i);
|
|
639
648
|
if (!r) return;
|
|
640
|
-
const { dom:
|
|
641
|
-
d.sendMessageToMicroApp(
|
|
642
|
-
}, c = (a,
|
|
643
|
-
const r = f.value.find((u) => u.name ===
|
|
649
|
+
const { dom: o, ...p } = r;
|
|
650
|
+
d.sendMessageToMicroApp(i, "onActivated"), d.triggerMicroAppLifeCycleListener("onActivated", p);
|
|
651
|
+
}, c = (a, i) => {
|
|
652
|
+
const r = f.value.find((u) => u.name === i);
|
|
644
653
|
if (!r) return;
|
|
645
|
-
const { dom:
|
|
646
|
-
d.sendMessageToMicroApp(
|
|
654
|
+
const { dom: o, ...p } = r;
|
|
655
|
+
d.sendMessageToMicroApp(i, "onDeactivated"), d.triggerMicroAppLifeCycleListener("onDeactivated", p);
|
|
647
656
|
};
|
|
648
|
-
return (a,
|
|
657
|
+
return (a, i) => (E(), N("div", {
|
|
649
658
|
ref_key: "containerRef",
|
|
650
659
|
ref: t,
|
|
651
660
|
class: "das-micro-app-container"
|
|
652
661
|
}, [
|
|
653
662
|
(E(!0), N(z, null, fe(I(f), (r) => (E(), N(z, null, [
|
|
654
|
-
r.loaded ? ve((E(), se(
|
|
663
|
+
r.loaded ? ve((E(), se(Ge, {
|
|
655
664
|
key: 0,
|
|
656
665
|
src: r.src || "",
|
|
657
666
|
name: r.name,
|
|
658
667
|
actived: r.actived,
|
|
659
|
-
onOnLoaded: (
|
|
660
|
-
onOnActivated: (
|
|
661
|
-
onOnDeactivated: (
|
|
668
|
+
onOnLoaded: (o) => n(o, r.name),
|
|
669
|
+
onOnActivated: (o) => s(o, r.name),
|
|
670
|
+
onOnDeactivated: (o) => c(o, r.name)
|
|
662
671
|
}, null, 8, ["src", "name", "actived", "onOnLoaded", "onOnActivated", "onOnDeactivated"])), [
|
|
663
672
|
[he, r.actived]
|
|
664
673
|
]) : Ae("", !0)
|
|
665
674
|
], 64))), 256))
|
|
666
675
|
], 512));
|
|
667
676
|
}
|
|
668
|
-
}),
|
|
677
|
+
}), Ke = /* @__PURE__ */ re(Je, [["__scopeId", "data-v-3abdb1e9"]]), et = /* @__PURE__ */ x({
|
|
669
678
|
__name: "das-main-app-layout",
|
|
670
679
|
props: {
|
|
671
680
|
transitionConfig: { default: () => {
|
|
@@ -683,7 +692,7 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
683
692
|
"enter-active-class": "animate__animated animate__fadeInLeft",
|
|
684
693
|
...t.transitionConfig
|
|
685
694
|
})), c = D(() => ({ showLayout: t.showLayout, showAside: t.showAside, showTabs: t.showTabs }));
|
|
686
|
-
return (a,
|
|
695
|
+
return (a, i) => (E(), se(I(ye), we({
|
|
687
696
|
"transition-config": s.value,
|
|
688
697
|
"router-view-visible": n.value
|
|
689
698
|
}, c.value), {
|
|
@@ -703,7 +712,7 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
703
712
|
])
|
|
704
713
|
]),
|
|
705
714
|
default: O(() => [
|
|
706
|
-
T(
|
|
715
|
+
T(Ke)
|
|
707
716
|
]),
|
|
708
717
|
_: 3
|
|
709
718
|
}, 16, ["transition-config", "router-view-visible"]));
|
|
@@ -717,32 +726,32 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
717
726
|
}, 300);
|
|
718
727
|
}), (t, n) => null;
|
|
719
728
|
}
|
|
720
|
-
}),
|
|
729
|
+
}), Xe = (e) => ["http://", "https://", "ws://", "wss://", "/"].find((n) => e.startsWith(n)) ? e : `/${e}`, tt = (e, t) => {
|
|
721
730
|
if (!(e != null && e.microApps) || !Array.isArray(e.microApps)) return;
|
|
722
|
-
window.__IN_DAS_MAIN_APP = !0, e != null && e.microAppRouterPrefix && (W.value = e.microAppRouterPrefix), f.value = (e.microApps || []).filter((c) => !!c.name).map((c) => ({ ...c, entry:
|
|
731
|
+
window.__IN_DAS_MAIN_APP = !0, e != null && e.microAppRouterPrefix && (W.value = e.microAppRouterPrefix), f.value = (e.microApps || []).filter((c) => !!c.name).map((c) => ({ ...c, entry: Xe(c.entry || c.name) })), t == null || t.addRoute({
|
|
723
732
|
name: "das-micro-app",
|
|
724
733
|
path: `${W.value}/:pathMatch(.*)*`,
|
|
725
734
|
component: ce,
|
|
726
735
|
meta: { isMicroApp: !0, keepAlive: !0 }
|
|
727
736
|
}), d.addEventListenerFromMicroApp("bodyOverlay", (c) => {
|
|
728
|
-
const { visible: a, style:
|
|
729
|
-
G.overlay.set(a,
|
|
737
|
+
const { visible: a, style: i } = c.data;
|
|
738
|
+
G.overlay.set(a, i);
|
|
730
739
|
}), d.addEventListenerFromMicroApp("layoutVisible", (c) => {
|
|
731
740
|
const { visible: a } = c.data;
|
|
732
741
|
G.setVisible(a);
|
|
733
742
|
}), d.addEventListenerFromMicroApp("route", (c) => {
|
|
734
|
-
const { name: a, cmd:
|
|
735
|
-
|
|
743
|
+
const { name: a, cmd: i, path: r } = c.data;
|
|
744
|
+
i === "reload" && d.reloadMicroAppRoute(a, r), i === "unload" && d.unloadMicroAppRoute(a, r);
|
|
736
745
|
});
|
|
737
|
-
const { enter: n, exit: s } =
|
|
746
|
+
const { enter: n, exit: s } = Qe();
|
|
738
747
|
d.addEventListenerFromMicroApp("fullscreen", (c) => {
|
|
739
748
|
const a = c.data;
|
|
740
749
|
a && n(), a || s();
|
|
741
750
|
}), d.addEventListenerFromMicroApp("location", (c) => {
|
|
742
|
-
const { cmd: a, isAutoCloseApp:
|
|
743
|
-
a === "reload" && (
|
|
751
|
+
const { cmd: a, isAutoCloseApp: i } = c.data || {};
|
|
752
|
+
a === "reload" && (i !== void 0 && (window.__isAutoCloseApp = i), location.reload());
|
|
744
753
|
});
|
|
745
|
-
},
|
|
754
|
+
}, nt = (e, t) => {
|
|
746
755
|
if (!(e != null && e.microAppName)) return;
|
|
747
756
|
window.config.microAppName = e.microAppName, window.self !== window.top && e.microAppName && (window.__IN_DAS_MICRO_APP = !0);
|
|
748
757
|
const n = "das-micro-app-ghost";
|
|
@@ -755,7 +764,7 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
755
764
|
const s = w(!1), c = w(!1), a = w("");
|
|
756
765
|
M(
|
|
757
766
|
() => t.currentRoute.value,
|
|
758
|
-
(
|
|
767
|
+
(i) => {
|
|
759
768
|
if (s.value) {
|
|
760
769
|
s.value = !1;
|
|
761
770
|
return;
|
|
@@ -764,8 +773,8 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
764
773
|
c.value = !1;
|
|
765
774
|
return;
|
|
766
775
|
}
|
|
767
|
-
const { path: r, query:
|
|
768
|
-
if (a.value.includes(
|
|
776
|
+
const { path: r, query: o, params: p, meta: u } = i;
|
|
777
|
+
if (a.value.includes(i.path)) {
|
|
769
778
|
a.value = "";
|
|
770
779
|
return;
|
|
771
780
|
}
|
|
@@ -773,44 +782,44 @@ const je = ["src", "entry", "name"], He = /* @__PURE__ */ x({
|
|
|
773
782
|
cmd: "push",
|
|
774
783
|
route: {
|
|
775
784
|
path: r,
|
|
776
|
-
query: { ...
|
|
785
|
+
query: { ...o, microAppName: e.microAppName },
|
|
777
786
|
params: p,
|
|
778
787
|
meta: u
|
|
779
788
|
}
|
|
780
789
|
});
|
|
781
790
|
}
|
|
782
|
-
), d.addEventListenerFromMainApp("router", async (
|
|
791
|
+
), d.addEventListenerFromMainApp("router", async (i) => {
|
|
783
792
|
var u;
|
|
784
|
-
const { cmd: r, route:
|
|
785
|
-
a.value = ("/" + p +
|
|
786
|
-
}), d.addEventListenerFromMainApp("onLoaded", (
|
|
787
|
-
const { href: r, microAppContainerRect:
|
|
788
|
-
window.__IN_DAS_MICRO_APP = !0, window.__DAS_MICRO_APP_NAME = e.microAppName, window.__DAS_MAIN_APP_HREF = r, window.__DAS_MICRO_APP_CONTAINER_RECT =
|
|
789
|
-
}), d.addEventListenerFromMainApp("onDeactivated", (
|
|
790
|
-
const { name: r = "", path:
|
|
793
|
+
const { cmd: r, route: o, microAppName: p = "" } = i.data;
|
|
794
|
+
a.value = ("/" + p + o.path).replace(/\/\//g, "/"), (u = t == null ? void 0 : t[r]) == null || u.call(t, o);
|
|
795
|
+
}), d.addEventListenerFromMainApp("onLoaded", (i) => {
|
|
796
|
+
const { href: r, microAppContainerRect: o } = i.data;
|
|
797
|
+
window.__IN_DAS_MICRO_APP = !0, window.__DAS_MICRO_APP_NAME = e.microAppName, window.__DAS_MAIN_APP_HREF = r, window.__DAS_MICRO_APP_CONTAINER_RECT = o;
|
|
798
|
+
}), d.addEventListenerFromMainApp("onDeactivated", (i) => {
|
|
799
|
+
const { name: r = "", path: o, params: p = {}, query: u = {} } = t.currentRoute.value;
|
|
791
800
|
c.value = !0, t == null || t.push({
|
|
792
801
|
name: n,
|
|
793
|
-
query: { microAppName: e.microAppName, fromQuery: JSON.stringify(u), fromPath:
|
|
802
|
+
query: { microAppName: e.microAppName, fromQuery: JSON.stringify(u), fromPath: o },
|
|
794
803
|
params: p
|
|
795
804
|
});
|
|
796
|
-
}), d.addEventListenerFromMainApp("onActivated", (
|
|
797
|
-
const { name: r = "", params:
|
|
798
|
-
s.value = !0, t == null || t.push({ path: u, query: JSON.parse(y), params:
|
|
799
|
-
}), d.addEventListenerFromMainApp("sessionStorage", (
|
|
800
|
-
const { cmd: r, key:
|
|
801
|
-
r === "setItem" && window.sessionStorage.setItem(
|
|
802
|
-
}), d.addEventListenerFromMainApp("route", (
|
|
803
|
-
const { cmd: r, path:
|
|
804
|
-
r === "reload" && (F.value.push(
|
|
805
|
+
}), d.addEventListenerFromMainApp("onActivated", (i) => {
|
|
806
|
+
const { name: r = "", params: o = {}, query: p = {} } = t.currentRoute.value, { fromPath: u = "", fromQuery: y = "{}" } = p || {};
|
|
807
|
+
s.value = !0, t == null || t.push({ path: u, query: JSON.parse(y), params: o });
|
|
808
|
+
}), d.addEventListenerFromMainApp("sessionStorage", (i) => {
|
|
809
|
+
const { cmd: r, key: o, value: p } = i.data;
|
|
810
|
+
r === "setItem" && window.sessionStorage.setItem(o, p), r === "getItem" && window.sessionStorage.getItem(o), r === "removeItem" && window.sessionStorage.removeItem(o), r === "clear" && window.sessionStorage.clear();
|
|
811
|
+
}), d.addEventListenerFromMainApp("route", (i) => {
|
|
812
|
+
const { cmd: r, path: o } = i.data;
|
|
813
|
+
r === "reload" && (F.value.push(o), R.value = !1, setTimeout(() => {
|
|
805
814
|
R.value = !0, F.value = [];
|
|
806
|
-
}, 300)), r === "unload" && (F.value.push(
|
|
815
|
+
}, 300)), r === "unload" && (F.value.push(o), R.value = !1, setTimeout(() => {
|
|
807
816
|
R.value = !0, F.value = [];
|
|
808
817
|
}, 100));
|
|
809
818
|
});
|
|
810
819
|
};
|
|
811
820
|
export {
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
821
|
+
et as DasMainAppLayout,
|
|
822
|
+
tt as initMainApp,
|
|
823
|
+
nt as initMicroApp,
|
|
815
824
|
d as microFrontend
|
|
816
825
|
};
|
|
Binary file
|