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