@das-fed/web 6.4.0-dev.11 → 6.4.0-dev.13
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-CdrOv9ce.js → index-BQz2IjQE.js} +1120 -1105
- package/index-BQz2IjQE.js.gz +0 -0
- package/{index-jFzyVhGM.js → index-BW4jEqQ-.js} +16 -15
- package/index-BW4jEqQ-.js.gz +0 -0
- package/{index-D7VM--Bp.js → index-BXPEkTcx.js} +1 -1
- package/{index-CzmiHoa4.js → index-B_wn2nAJ.js} +14 -14
- package/index-B_wn2nAJ.js.gz +0 -0
- package/index.js +1 -1
- package/package.json +6 -6
- package/packages/create-das-web-app/index.js +40 -40
- package/packages/create-das-web-app/index.js.gz +0 -0
- package/packages/i18n/index.js.gz +0 -0
- package/packages/layout/index.js +214 -202
- package/packages/layout/index.js.gz +0 -0
- package/packages/layout/style.css +2 -2
- package/packages/layout/style.css.gz +0 -0
- package/packages/main-app-framework/{index-Cq8Fro8z.js → index-BoLhjzZB.js} +16 -15
- package/packages/main-app-framework/index-BoLhjzZB.js.gz +0 -0
- package/packages/main-app-framework/{index-DyKCvROV.js → index-C9QdijG-.js} +14 -14
- package/packages/main-app-framework/index-C9QdijG-.js.gz +0 -0
- package/packages/main-app-framework/{index-D38gLa5D.js → index-D8WGTZ14.js} +1 -1
- package/packages/main-app-framework/{index-_nvo7ltJ.js → index-DbCJvZMG.js} +495 -490
- package/packages/main-app-framework/index-DbCJvZMG.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 +64 -54
- package/packages/micro-frontend/index.js.gz +0 -0
- package/packages/micro-frontend/style.css +1 -1
- package/packages/style/style.css +1 -1
- package/packages/style/style.css.gz +0 -0
- package/packages/theme/index.js.gz +0 -0
- package/style.css +2 -2
- package/style.css.gz +0 -0
- package/index-CdrOv9ce.js.gz +0 -0
- package/index-CzmiHoa4.js.gz +0 -0
- package/index-jFzyVhGM.js.gz +0 -0
- package/packages/main-app-framework/index-Cq8Fro8z.js.gz +0 -0
- package/packages/main-app-framework/index-DyKCvROV.js.gz +0 -0
- package/packages/main-app-framework/index-_nvo7ltJ.js.gz +0 -0
package/packages/layout/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import '@das-fed/web/packages/layout/style.css';
|
|
2
|
-
import { reactive as U, ref as
|
|
3
|
-
import { useRouter as
|
|
4
|
-
import { setHtmlMinWH as
|
|
5
|
-
import { createCeNav as
|
|
6
|
-
import { flatTree as
|
|
2
|
+
import { reactive as U, ref as F, defineComponent as z, computed as v, watch as Y, openBlock as p, createElementBlock as C, Fragment as G, createBlock as A, TransitionGroup as de, normalizeProps as Z, mergeProps as te, withCtx as O, renderList as re, withDirectives as V, resolveDynamicComponent as H, vShow as P, unref as b, createCommentVNode as _, nextTick as oe, resolveComponent as me, createElementVNode as D, normalizeClass as fe, normalizeStyle as ge, renderSlot as B, createVNode as J, Transition as ie, guardReactiveProps as le, KeepAlive as ce, h as X, onBeforeMount as pe, onMounted as he, onUnmounted as ye } from "vue";
|
|
3
|
+
import { useRouter as we, useRoute as ue } from "vue-router";
|
|
4
|
+
import { setHtmlMinWH as be } from "@das-fed/utils/common-tools/setHtmlMinWH";
|
|
5
|
+
import { createCeNav as _e, createCeTabs as Le, createCeMenu as Ie } from "@das-fed/web-components/das-web-app";
|
|
6
|
+
import { flatTree as Ce } from "@das-fed/utils/common-tools/nest-tree-format";
|
|
7
7
|
const g = U({
|
|
8
8
|
visible: !1,
|
|
9
9
|
logo: "",
|
|
@@ -15,7 +15,7 @@ const g = U({
|
|
|
15
15
|
// activeItem: '',
|
|
16
16
|
// activeProject: {},
|
|
17
17
|
eventListeners: {}
|
|
18
|
-
}),
|
|
18
|
+
}), ke = {
|
|
19
19
|
show: () => {
|
|
20
20
|
g.visible = !0;
|
|
21
21
|
},
|
|
@@ -34,10 +34,14 @@ const g = U({
|
|
|
34
34
|
g.items = t;
|
|
35
35
|
},
|
|
36
36
|
appendItem: (e) => {
|
|
37
|
-
|
|
37
|
+
setTimeout(() => {
|
|
38
|
+
g.visible || (g.visible = !0), !g.items.find((n) => n.value == e.value) && g.items.push(e);
|
|
39
|
+
}, 200);
|
|
38
40
|
},
|
|
39
41
|
setActiveItem: (e) => {
|
|
40
|
-
|
|
42
|
+
setTimeout(() => {
|
|
43
|
+
g.activeItem = e;
|
|
44
|
+
}, 200);
|
|
41
45
|
},
|
|
42
46
|
setConfig: (e) => {
|
|
43
47
|
g.config = e;
|
|
@@ -58,12 +62,12 @@ const g = U({
|
|
|
58
62
|
g.searchConfig = e;
|
|
59
63
|
},
|
|
60
64
|
triggerEventListener: (e, t, n) => {
|
|
61
|
-
var
|
|
65
|
+
var h;
|
|
62
66
|
const c = g.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
|
|
63
|
-
for (const
|
|
64
|
-
const r = c[
|
|
67
|
+
for (const w in c) {
|
|
68
|
+
const r = c[w];
|
|
65
69
|
r.type === e && u.push(
|
|
66
|
-
(
|
|
70
|
+
(h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
|
|
67
71
|
i && r.remove();
|
|
68
72
|
})
|
|
69
73
|
);
|
|
@@ -88,27 +92,31 @@ const g = U({
|
|
|
88
92
|
remove: c
|
|
89
93
|
};
|
|
90
94
|
}
|
|
91
|
-
},
|
|
95
|
+
}, x = U({
|
|
92
96
|
items: [],
|
|
93
97
|
eventListeners: {}
|
|
94
|
-
}),
|
|
98
|
+
}), Te = {
|
|
95
99
|
setItems: (e) => {
|
|
96
|
-
|
|
100
|
+
setTimeout(() => {
|
|
101
|
+
x.items = e;
|
|
102
|
+
}, 200);
|
|
97
103
|
},
|
|
98
|
-
getItems: () =>
|
|
104
|
+
getItems: () => x.items,
|
|
99
105
|
setActiveItem: (e) => {
|
|
100
|
-
|
|
106
|
+
setTimeout(() => {
|
|
107
|
+
x.activeItem = e;
|
|
108
|
+
}, 200);
|
|
101
109
|
},
|
|
102
110
|
setPopupClassName: (e) => {
|
|
103
|
-
|
|
111
|
+
x.popupClassName = e;
|
|
104
112
|
},
|
|
105
113
|
triggerEventListener: (e, t, n) => {
|
|
106
|
-
var
|
|
107
|
-
const c =
|
|
108
|
-
for (const
|
|
109
|
-
const r = c[
|
|
114
|
+
var h;
|
|
115
|
+
const c = x.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
|
|
116
|
+
for (const w in c) {
|
|
117
|
+
const r = c[w];
|
|
110
118
|
r.type === e && u.push(
|
|
111
|
-
(
|
|
119
|
+
(h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
|
|
112
120
|
i && r.remove();
|
|
113
121
|
})
|
|
114
122
|
);
|
|
@@ -117,9 +125,9 @@ const g = U({
|
|
|
117
125
|
},
|
|
118
126
|
addEventListener: (e, t) => {
|
|
119
127
|
const n = (/* @__PURE__ */ new Date()).getTime() + Math.random().toString(36).slice(-8), c = () => {
|
|
120
|
-
|
|
128
|
+
x.eventListeners[n] && delete x.eventListeners[n];
|
|
121
129
|
};
|
|
122
|
-
return
|
|
130
|
+
return x.eventListeners[n] = {
|
|
123
131
|
type: e,
|
|
124
132
|
handler: async (i) => {
|
|
125
133
|
try {
|
|
@@ -146,19 +154,23 @@ const g = U({
|
|
|
146
154
|
T.items = t;
|
|
147
155
|
},
|
|
148
156
|
appendItem: (e) => {
|
|
149
|
-
|
|
150
|
-
|
|
157
|
+
setTimeout(() => {
|
|
158
|
+
const t = T.items.findIndex((n) => n.value == e.value);
|
|
159
|
+
t !== -1 ? T.items.splice(t, 1, e) : T.items.push(e);
|
|
160
|
+
}, 200);
|
|
151
161
|
},
|
|
152
162
|
setActiveItem: (e) => {
|
|
153
|
-
|
|
163
|
+
setTimeout(() => {
|
|
164
|
+
T.activeItem = e;
|
|
165
|
+
}, 200);
|
|
154
166
|
},
|
|
155
167
|
triggerEventListener: (e, t, n) => {
|
|
156
|
-
var
|
|
168
|
+
var h;
|
|
157
169
|
const c = T.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
|
|
158
|
-
for (const
|
|
159
|
-
const r = c[
|
|
170
|
+
for (const w in c) {
|
|
171
|
+
const r = c[w];
|
|
160
172
|
r.type === e && u.push(
|
|
161
|
-
(
|
|
173
|
+
(h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
|
|
162
174
|
i && r.remove();
|
|
163
175
|
})
|
|
164
176
|
);
|
|
@@ -185,14 +197,14 @@ const g = U({
|
|
|
185
197
|
}
|
|
186
198
|
}, W = U({
|
|
187
199
|
eventListeners: {}
|
|
188
|
-
}),
|
|
200
|
+
}), Ae = {
|
|
189
201
|
triggerEventListener: (e, t, n) => {
|
|
190
|
-
var
|
|
202
|
+
var h;
|
|
191
203
|
const c = W.eventListeners, { autoRemove: i = !1 } = n || {}, u = [];
|
|
192
|
-
for (const
|
|
193
|
-
const r = c[
|
|
204
|
+
for (const w in c) {
|
|
205
|
+
const r = c[w];
|
|
194
206
|
r.type === e && u.push(
|
|
195
|
-
(
|
|
207
|
+
(h = r == null ? void 0 : r.handler) == null ? void 0 : h.call(r, t).then(() => {
|
|
196
208
|
i && r.remove();
|
|
197
209
|
})
|
|
198
210
|
);
|
|
@@ -217,28 +229,28 @@ const g = U({
|
|
|
217
229
|
remove: c
|
|
218
230
|
};
|
|
219
231
|
}
|
|
220
|
-
},
|
|
232
|
+
}, ee = U({
|
|
221
233
|
visible: !1,
|
|
222
234
|
style: {}
|
|
223
|
-
}),
|
|
235
|
+
}), Ee = {
|
|
224
236
|
set: (e, t) => {
|
|
225
|
-
|
|
237
|
+
ee.visible = e, t || (t = {}), t.transition || (t.transition = "all 0.3s"), t && (ee.style = t);
|
|
226
238
|
}
|
|
227
239
|
}, $ = {
|
|
228
240
|
nav: g,
|
|
229
|
-
menu:
|
|
241
|
+
menu: x,
|
|
230
242
|
tab: T,
|
|
231
|
-
overlay:
|
|
243
|
+
overlay: ee,
|
|
232
244
|
iframeView: W,
|
|
233
|
-
visible:
|
|
245
|
+
visible: F(!0)
|
|
234
246
|
}, m = {
|
|
235
|
-
nav:
|
|
236
|
-
menu:
|
|
247
|
+
nav: ke,
|
|
248
|
+
menu: Te,
|
|
237
249
|
tab: Re,
|
|
238
|
-
overlay:
|
|
239
|
-
iframeView:
|
|
250
|
+
overlay: Ee,
|
|
251
|
+
iframeView: Ae,
|
|
240
252
|
setVisible: (e) => $.visible.value = e
|
|
241
|
-
}, Ve = ["name"],
|
|
253
|
+
}, Ve = ["name"], Pe = ["name"], Se = /* @__PURE__ */ z({
|
|
242
254
|
__name: "das-iframe-router-view",
|
|
243
255
|
props: {
|
|
244
256
|
needTransition: { type: Boolean },
|
|
@@ -253,22 +265,22 @@ const g = U({
|
|
|
253
265
|
...t.transitionConfig || {}
|
|
254
266
|
};
|
|
255
267
|
return o;
|
|
256
|
-
}), c =
|
|
268
|
+
}), c = we(), i = ue(), u = F([]), h = v(() => u.value.filter((s) => {
|
|
257
269
|
var o;
|
|
258
270
|
return (o = s.meta) == null ? void 0 : o.isOpen;
|
|
259
|
-
})),
|
|
271
|
+
})), w = (s) => {
|
|
260
272
|
const o = s.lastIndexOf("-");
|
|
261
273
|
let a = o !== -1 ? s.substring(o + 1) : "";
|
|
262
|
-
a === "0" ? a = "1" : a = "0",
|
|
274
|
+
a === "0" ? a = "1" : a = "0", h.value.forEach((f) => {
|
|
263
275
|
f.meta.key === s && (f.meta.key = `${f.path}-${a}`);
|
|
264
276
|
});
|
|
265
277
|
};
|
|
266
|
-
|
|
278
|
+
Y(
|
|
267
279
|
() => t.exclude,
|
|
268
280
|
(s) => {
|
|
269
281
|
if (!s || !s.length) return;
|
|
270
|
-
const o =
|
|
271
|
-
o &&
|
|
282
|
+
const o = h.value.find((a) => s.includes(a.path));
|
|
283
|
+
o && w(o.meta.key);
|
|
272
284
|
},
|
|
273
285
|
{ deep: !0 }
|
|
274
286
|
);
|
|
@@ -287,42 +299,42 @@ const g = U({
|
|
|
287
299
|
meta: { ...a.meta, key: `${a.path}-0`, componentInstance: f, isOpen: !1, isShow: !1 }
|
|
288
300
|
});
|
|
289
301
|
}
|
|
290
|
-
|
|
291
|
-
},
|
|
302
|
+
L();
|
|
303
|
+
}, L = async () => {
|
|
292
304
|
var a, f;
|
|
293
305
|
if (!u.value || !u.value.length) return;
|
|
294
306
|
const s = u.value.find((k) => k.meta.isShow);
|
|
295
|
-
s && (s.meta.isShow = !1, await
|
|
307
|
+
s && (s.meta.isShow = !1, await oe(), m.iframeView.triggerEventListener("onDeactivated", { route: s }));
|
|
296
308
|
const o = u.value.find((k) => k.path === i.path);
|
|
297
|
-
o && ((a = o.meta) != null && a.isOpen || (o.meta.isOpen = !0), (f = o.meta) != null && f.isShow || (o.meta.isShow = !0), await
|
|
309
|
+
o && ((a = o.meta) != null && a.isOpen || (o.meta.isOpen = !0), (f = o.meta) != null && f.isShow || (o.meta.isShow = !0), await oe(), m.iframeView.triggerEventListener("onActivated", { route: o }));
|
|
298
310
|
};
|
|
299
|
-
return E(),
|
|
311
|
+
return E(), Y(
|
|
300
312
|
() => i.path,
|
|
301
313
|
() => {
|
|
302
|
-
|
|
314
|
+
L();
|
|
303
315
|
}
|
|
304
|
-
), (s, o) => (
|
|
316
|
+
), (s, o) => (p(), C(
|
|
305
317
|
G,
|
|
306
318
|
null,
|
|
307
319
|
[
|
|
308
|
-
s.needTransition ? (
|
|
309
|
-
|
|
310
|
-
|
|
320
|
+
s.needTransition ? (p(), A(
|
|
321
|
+
de,
|
|
322
|
+
Z(te({ key: 0 }, n.value)),
|
|
311
323
|
{
|
|
312
324
|
default: O(() => [
|
|
313
|
-
(
|
|
325
|
+
(p(!0), C(
|
|
314
326
|
G,
|
|
315
327
|
null,
|
|
316
|
-
|
|
328
|
+
re(h.value, ({ path: a, meta: f }) => V((p(), C("div", {
|
|
317
329
|
class: "das-iframe-router-view",
|
|
318
330
|
key: a,
|
|
319
331
|
name: a
|
|
320
332
|
}, [
|
|
321
|
-
(
|
|
333
|
+
(p(), A(H(f.componentInstance), {
|
|
322
334
|
key: f.key
|
|
323
335
|
}))
|
|
324
336
|
], 8, Ve)), [
|
|
325
|
-
[
|
|
337
|
+
[P, f.componentInstance && a === b(i).path]
|
|
326
338
|
])),
|
|
327
339
|
128
|
|
328
340
|
/* KEYED_FRAGMENT */
|
|
@@ -334,19 +346,19 @@ const g = U({
|
|
|
334
346
|
16
|
|
335
347
|
/* FULL_PROPS */
|
|
336
348
|
)) : _("v-if", !0),
|
|
337
|
-
s.needTransition ? _("v-if", !0) : (
|
|
349
|
+
s.needTransition ? _("v-if", !0) : (p(!0), C(
|
|
338
350
|
G,
|
|
339
351
|
{ key: 1 },
|
|
340
|
-
|
|
352
|
+
re(h.value, ({ path: a, meta: f }) => V((p(), C("div", {
|
|
341
353
|
class: "das-iframe-router-view",
|
|
342
354
|
key: a,
|
|
343
355
|
name: a
|
|
344
356
|
}, [
|
|
345
|
-
(
|
|
357
|
+
(p(), A(H(f.componentInstance), {
|
|
346
358
|
key: f.key
|
|
347
359
|
}))
|
|
348
|
-
], 8,
|
|
349
|
-
[
|
|
360
|
+
], 8, Pe)), [
|
|
361
|
+
[P, f.componentInstance && a === b(i).path]
|
|
350
362
|
])),
|
|
351
363
|
128
|
|
352
364
|
/* KEYED_FRAGMENT */
|
|
@@ -356,30 +368,30 @@ const g = U({
|
|
|
356
368
|
/* STABLE_FRAGMENT */
|
|
357
369
|
));
|
|
358
370
|
}
|
|
359
|
-
}),
|
|
371
|
+
}), ve = (e, t) => {
|
|
360
372
|
const n = e.__vccOpts || e;
|
|
361
373
|
for (const [c, i] of t)
|
|
362
374
|
n[c] = i;
|
|
363
375
|
return n;
|
|
364
|
-
},
|
|
376
|
+
}, De = /* @__PURE__ */ ve(Se, [["__scopeId", "data-v-3c2c943c"]]), xe = { class: "das-web-app-container" }, Me = {
|
|
365
377
|
key: 0,
|
|
366
378
|
class: "das-web-app-header"
|
|
367
|
-
},
|
|
379
|
+
}, je = { class: "das-web-app-main" }, $e = {
|
|
368
380
|
key: 0,
|
|
369
381
|
class: "aside"
|
|
370
|
-
}, Be = { class: "das-web-app-main-container" },
|
|
382
|
+
}, Be = { class: "das-web-app-main-container" }, He = {
|
|
371
383
|
key: 0,
|
|
372
384
|
class: "tab"
|
|
373
|
-
}, Fe = { class: "das-web-app-main-content" },
|
|
385
|
+
}, Fe = { class: "das-web-app-main-content" }, Ne = { class: "banner" }, Oe = { class: "das-web-app-main-router-view" }, We = { style: { width: "100%", height: "100%" } }, Ue = {
|
|
374
386
|
key: 0,
|
|
375
387
|
style: { width: "100%", height: "100%" }
|
|
376
|
-
},
|
|
388
|
+
}, ze = {
|
|
377
389
|
key: 1,
|
|
378
390
|
style: { width: "100%", height: "100%" }
|
|
379
|
-
},
|
|
391
|
+
}, Qe = { style: { width: "100%", height: "100%" } }, Ke = {
|
|
380
392
|
class: "micro-app",
|
|
381
393
|
style: { height: "100%", width: "100%" }
|
|
382
|
-
},
|
|
394
|
+
}, qe = /* @__PURE__ */ z({
|
|
383
395
|
__name: "das-web-layout",
|
|
384
396
|
props: {
|
|
385
397
|
needTransition: { type: Boolean, default: !0 },
|
|
@@ -393,24 +405,24 @@ const g = U({
|
|
|
393
405
|
},
|
|
394
406
|
setup(e) {
|
|
395
407
|
const t = e;
|
|
396
|
-
|
|
397
|
-
const n =
|
|
398
|
-
"das-web-app-overlay-show":
|
|
399
|
-
"das-web-app-overlay-hide":
|
|
400
|
-
"das-web-app-overlay-destroy":
|
|
408
|
+
_e(), Le(), Ie();
|
|
409
|
+
const n = ue(), c = F(!1), i = F(!1), u = F(!1), h = v(() => c.value && t.showLayout), w = v(() => i.value && t.showLayout && t.showAside), r = v(() => c.value && t.showLayout && t.showTabs), E = v(() => t.routerViewVisible ?? !0), L = v(() => $.overlay.visible ?? !1), s = v(() => ({
|
|
410
|
+
"das-web-app-overlay-show": L.value === !0,
|
|
411
|
+
"das-web-app-overlay-hide": L.value === !1,
|
|
412
|
+
"das-web-app-overlay-destroy": L.value === "destroy"
|
|
401
413
|
})), o = v(() => $.overlay.style ?? { backgroundColor: "rgba(0,0,0,0.5)" }), a = v(() => t.excludeRoutes), f = v(() => t.routeKeepAliveVisible);
|
|
402
|
-
|
|
414
|
+
Y(
|
|
403
415
|
() => [n.meta, n.query],
|
|
404
|
-
([
|
|
405
|
-
const { showLayout: l = !0, showAside: d = !0, showTabs:
|
|
406
|
-
showLayout:
|
|
407
|
-
showAside:
|
|
408
|
-
showTabs:
|
|
409
|
-
app:
|
|
416
|
+
([I, S]) => {
|
|
417
|
+
const { showLayout: l = !0, showAside: d = !0, showTabs: y = !0, layout: j = {} } = I, {
|
|
418
|
+
showLayout: R = !0,
|
|
419
|
+
showAside: ne = !0,
|
|
420
|
+
showTabs: se = !0,
|
|
421
|
+
app: Ye
|
|
410
422
|
} = S;
|
|
411
|
-
|
|
412
|
-
let
|
|
413
|
-
(l === !1 ||
|
|
423
|
+
be({ minHeight: "600px", minWidth: "1200px" });
|
|
424
|
+
let ae = !0, K = !0, q = !0;
|
|
425
|
+
(l === !1 || R === !1 || R === "false") && (ae = !1, K = !1, q = !1), (d === !1 || ne === !1 || ne === "false") && (K = !1), (y === !1 || se === !1 || se === "false") && (q = !1), c.value = ae, i.value = K, u.value = q;
|
|
414
426
|
}
|
|
415
427
|
);
|
|
416
428
|
const k = v(() => ({
|
|
@@ -418,99 +430,99 @@ const g = U({
|
|
|
418
430
|
"enter-active-class": "animate__animated animate__fadeInLeft",
|
|
419
431
|
...t.transitionConfig || {}
|
|
420
432
|
}));
|
|
421
|
-
let
|
|
422
|
-
const Q = (
|
|
433
|
+
let N = /* @__PURE__ */ new Map();
|
|
434
|
+
const Q = (I, S) => {
|
|
423
435
|
let l;
|
|
424
|
-
return
|
|
436
|
+
return N.has(S) ? l = N.get(S) : (l = {
|
|
425
437
|
name: S,
|
|
426
438
|
render() {
|
|
427
|
-
return X("div", { style: { width: "100%", height: "100%" } }, [X(
|
|
439
|
+
return X("div", { style: { width: "100%", height: "100%" } }, [X(I)]);
|
|
428
440
|
}
|
|
429
|
-
},
|
|
430
|
-
},
|
|
431
|
-
return (
|
|
432
|
-
const l =
|
|
433
|
-
return
|
|
434
|
-
|
|
441
|
+
}, N.set(S, l)), X(l);
|
|
442
|
+
}, M = v(() => $.visible.value);
|
|
443
|
+
return (I, S) => {
|
|
444
|
+
const l = me("router-view");
|
|
445
|
+
return p(), C("div", xe, [
|
|
446
|
+
V(D(
|
|
435
447
|
"div",
|
|
436
448
|
{
|
|
437
|
-
class:
|
|
438
|
-
style:
|
|
449
|
+
class: fe(["das-web-app-overlay", s.value]),
|
|
450
|
+
style: ge(o.value)
|
|
439
451
|
},
|
|
440
452
|
null,
|
|
441
453
|
6
|
|
442
454
|
/* CLASS, STYLE */
|
|
443
455
|
), [
|
|
444
|
-
[
|
|
456
|
+
[P, M.value]
|
|
445
457
|
]),
|
|
446
|
-
|
|
458
|
+
h.value ? V((p(), C(
|
|
447
459
|
"div",
|
|
448
|
-
|
|
460
|
+
Me,
|
|
449
461
|
[
|
|
450
|
-
|
|
462
|
+
B(I.$slots, "header", {}, void 0, !0)
|
|
451
463
|
],
|
|
452
464
|
512
|
|
453
465
|
/* NEED_PATCH */
|
|
454
466
|
)), [
|
|
455
|
-
[
|
|
467
|
+
[P, M.value]
|
|
456
468
|
]) : _("v-if", !0),
|
|
457
|
-
D("div",
|
|
458
|
-
|
|
469
|
+
D("div", je, [
|
|
470
|
+
w.value ? V((p(), C(
|
|
459
471
|
"div",
|
|
460
|
-
|
|
472
|
+
$e,
|
|
461
473
|
[
|
|
462
|
-
|
|
474
|
+
B(I.$slots, "aside", {}, void 0, !0)
|
|
463
475
|
],
|
|
464
476
|
512
|
|
465
477
|
/* NEED_PATCH */
|
|
466
478
|
)), [
|
|
467
|
-
[
|
|
479
|
+
[P, M.value]
|
|
468
480
|
]) : _("v-if", !0),
|
|
469
481
|
D("div", Be, [
|
|
470
|
-
r.value ?
|
|
482
|
+
r.value ? V((p(), C(
|
|
471
483
|
"div",
|
|
472
|
-
|
|
484
|
+
He,
|
|
473
485
|
[
|
|
474
|
-
|
|
486
|
+
B(I.$slots, "tab", {}, void 0, !0)
|
|
475
487
|
],
|
|
476
488
|
512
|
|
477
489
|
/* NEED_PATCH */
|
|
478
490
|
)), [
|
|
479
|
-
[
|
|
491
|
+
[P, M.value]
|
|
480
492
|
]) : _("v-if", !0),
|
|
481
493
|
D("div", Fe, [
|
|
482
|
-
|
|
494
|
+
V(D(
|
|
483
495
|
"div",
|
|
484
|
-
|
|
496
|
+
Ne,
|
|
485
497
|
[
|
|
486
|
-
|
|
498
|
+
B(I.$slots, "banner", {}, void 0, !0)
|
|
487
499
|
],
|
|
488
500
|
512
|
|
489
501
|
/* NEED_PATCH */
|
|
490
502
|
), [
|
|
491
|
-
[
|
|
503
|
+
[P, M.value]
|
|
492
504
|
]),
|
|
493
|
-
D("div",
|
|
494
|
-
|
|
505
|
+
D("div", Oe, [
|
|
506
|
+
V(D(
|
|
495
507
|
"div",
|
|
496
|
-
|
|
508
|
+
We,
|
|
497
509
|
[
|
|
498
|
-
|
|
510
|
+
B(I.$slots, "router-view", {}, () => [
|
|
499
511
|
_(" 有动画 "),
|
|
500
|
-
|
|
512
|
+
I.needTransition ? (p(), A(l, { key: 0 }, {
|
|
501
513
|
default: O(({ Component: d }) => [
|
|
502
514
|
J(
|
|
503
|
-
|
|
504
|
-
|
|
515
|
+
ie,
|
|
516
|
+
Z(le(k.value)),
|
|
505
517
|
{
|
|
506
518
|
default: O(() => {
|
|
507
|
-
var
|
|
519
|
+
var y;
|
|
508
520
|
return [
|
|
509
|
-
b(n).meta.keepAlive ? (
|
|
521
|
+
b(n).meta.keepAlive ? (p(), A(ce, {
|
|
510
522
|
key: 0,
|
|
511
523
|
exclude: a.value
|
|
512
524
|
}, [
|
|
513
|
-
f.value && !((
|
|
525
|
+
f.value && !((y = b(n).meta) != null && y.isIframe) ? (p(), A(H(Q(d, b(n).path)), {
|
|
514
526
|
key: b(n).path
|
|
515
527
|
})) : _("v-if", !0)
|
|
516
528
|
], 1032, ["exclude"])) : _("v-if", !0)
|
|
@@ -523,12 +535,12 @@ const g = U({
|
|
|
523
535
|
/* FULL_PROPS, DYNAMIC_SLOTS */
|
|
524
536
|
),
|
|
525
537
|
J(
|
|
526
|
-
|
|
527
|
-
|
|
538
|
+
ie,
|
|
539
|
+
Z(le(k.value)),
|
|
528
540
|
{
|
|
529
541
|
default: O(() => [
|
|
530
|
-
!b(n).meta.keepAlive && !b(n).meta.isIframe ? (
|
|
531
|
-
(
|
|
542
|
+
!b(n).meta.keepAlive && !b(n).meta.isIframe ? (p(), C("div", Ue, [
|
|
543
|
+
(p(), A(H(d), {
|
|
532
544
|
key: b(n).path
|
|
533
545
|
}))
|
|
534
546
|
])) : _("v-if", !0)
|
|
@@ -544,18 +556,18 @@ const g = U({
|
|
|
544
556
|
/* STABLE */
|
|
545
557
|
})) : _("v-if", !0),
|
|
546
558
|
_(" 无动画 "),
|
|
547
|
-
|
|
559
|
+
I.needTransition ? _("v-if", !0) : (p(), A(l, { key: 1 }, {
|
|
548
560
|
default: O(({ Component: d }) => [
|
|
549
|
-
b(n).meta.keepAlive ? (
|
|
561
|
+
b(n).meta.keepAlive ? (p(), A(ce, {
|
|
550
562
|
key: 0,
|
|
551
563
|
exclude: a.value
|
|
552
564
|
}, [
|
|
553
|
-
f.value && !b(n).meta.isIframe ? (
|
|
565
|
+
f.value && !b(n).meta.isIframe ? (p(), A(H(Q(d, b(n).path)), {
|
|
554
566
|
key: b(n).path
|
|
555
567
|
})) : _("v-if", !0)
|
|
556
568
|
], 1032, ["exclude"])) : _("v-if", !0),
|
|
557
|
-
!b(n).meta.keepAlive && !b(n).meta.isIframe ? (
|
|
558
|
-
(
|
|
569
|
+
!b(n).meta.keepAlive && !b(n).meta.isIframe ? (p(), C("div", ze, [
|
|
570
|
+
(p(), A(H(d), {
|
|
559
571
|
key: b(n).path
|
|
560
572
|
}))
|
|
561
573
|
])) : _("v-if", !0)
|
|
@@ -563,38 +575,38 @@ const g = U({
|
|
|
563
575
|
_: 1
|
|
564
576
|
/* STABLE */
|
|
565
577
|
})),
|
|
566
|
-
|
|
578
|
+
V(D(
|
|
567
579
|
"div",
|
|
568
|
-
|
|
580
|
+
Qe,
|
|
569
581
|
[
|
|
570
|
-
J(
|
|
582
|
+
J(De, {
|
|
571
583
|
exclude: a.value,
|
|
572
584
|
transitionConfig: k.value,
|
|
573
|
-
needTransition:
|
|
585
|
+
needTransition: I.needTransition
|
|
574
586
|
}, null, 8, ["exclude", "transitionConfig", "needTransition"])
|
|
575
587
|
],
|
|
576
588
|
512
|
|
577
589
|
/* NEED_PATCH */
|
|
578
590
|
), [
|
|
579
|
-
[
|
|
591
|
+
[P, b(n).meta.isIframe]
|
|
580
592
|
])
|
|
581
593
|
], !0)
|
|
582
594
|
],
|
|
583
595
|
512
|
|
584
596
|
/* NEED_PATCH */
|
|
585
597
|
), [
|
|
586
|
-
[
|
|
598
|
+
[P, E.value]
|
|
587
599
|
]),
|
|
588
|
-
|
|
600
|
+
V(D(
|
|
589
601
|
"div",
|
|
590
|
-
|
|
602
|
+
Ke,
|
|
591
603
|
[
|
|
592
|
-
|
|
604
|
+
B(I.$slots, "default", {}, void 0, !0)
|
|
593
605
|
],
|
|
594
606
|
512
|
|
595
607
|
/* NEED_PATCH */
|
|
596
608
|
), [
|
|
597
|
-
[
|
|
609
|
+
[P, !E.value]
|
|
598
610
|
])
|
|
599
611
|
])
|
|
600
612
|
])
|
|
@@ -603,19 +615,19 @@ const g = U({
|
|
|
603
615
|
]);
|
|
604
616
|
};
|
|
605
617
|
}
|
|
606
|
-
}), at = /* @__PURE__ */
|
|
618
|
+
}), at = /* @__PURE__ */ ve(qe, [["__scopeId", "data-v-7a9c12fd"]]), Ge = ["modelValue", "logoUrl", "config", "innerPagesConfig", "searchConfig", "projectTreeConfig", "userInfoConfig"], rt = /* @__PURE__ */ z({
|
|
607
619
|
__name: "das-web-nav",
|
|
608
620
|
setup(e) {
|
|
609
|
-
const { nav: t } = $, n = v(() => t.logo || ""), c = v(() => t.activeItem || ""), i = v(() => (t.items || []).filter((d) => d.fixed)), u = v(() => (t.items || []).filter((d) => !d.fixed)),
|
|
610
|
-
var l, d,
|
|
621
|
+
const { nav: t } = $, n = v(() => t.logo || ""), c = v(() => t.activeItem || ""), i = v(() => (t.items || []).filter((d) => d.fixed)), u = v(() => (t.items || []).filter((d) => !d.fixed)), h = v(() => {
|
|
622
|
+
var l, d, y, j;
|
|
611
623
|
return {
|
|
612
624
|
showFullScreen: ((l = t.config) == null ? void 0 : l.showFullScreen) ?? !1,
|
|
613
625
|
showChangeEnterprise: ((d = t.config) == null ? void 0 : d.showChangeEnterprise) ?? !1,
|
|
614
|
-
showSearch: ((
|
|
615
|
-
showProjectTree: ((
|
|
616
|
-
subAppList: u.value.map((
|
|
626
|
+
showSearch: ((y = t.config) == null ? void 0 : y.showSearch) ?? !0,
|
|
627
|
+
showProjectTree: ((j = t.config) == null ? void 0 : j.showProjectTree) ?? !0,
|
|
628
|
+
subAppList: u.value.map((R) => ({ code: R.value, name: R.label, ...R }))
|
|
617
629
|
};
|
|
618
|
-
}),
|
|
630
|
+
}), w = v(() => {
|
|
619
631
|
const l = i.value.find((d) => d.value === t.activeItem);
|
|
620
632
|
return {
|
|
621
633
|
activeInnerPagePath: (l == null ? void 0 : l.path) || "",
|
|
@@ -627,43 +639,43 @@ const g = U({
|
|
|
627
639
|
currentProject: t.activeProject
|
|
628
640
|
},
|
|
629
641
|
...t.projectConfig
|
|
630
|
-
})), E = v(() => t.userInfo),
|
|
631
|
-
const d = l.detail[0],
|
|
632
|
-
await m.nav.triggerEventListener("onItemClick",
|
|
642
|
+
})), E = v(() => t.userInfo), L = v(() => t.searchConfig), s = async (l) => {
|
|
643
|
+
const d = l.detail[0], y = i.value.find((R) => d.value === R.value);
|
|
644
|
+
await m.nav.triggerEventListener("onItemClick", y) && m.nav.setActiveItem(y.value);
|
|
633
645
|
}, o = async (l) => {
|
|
634
|
-
const d = l.detail[0],
|
|
635
|
-
await m.nav.triggerEventListener("onItemClick",
|
|
646
|
+
const d = l.detail[0], y = u.value.find((R) => d === R.value);
|
|
647
|
+
await m.nav.triggerEventListener("onItemClick", y) && m.nav.setActiveItem(y.value);
|
|
636
648
|
}, a = async (l) => {
|
|
637
|
-
const d = l.detail[0],
|
|
638
|
-
await m.nav.triggerEventListener("onItemRemove",
|
|
649
|
+
const d = l.detail[0], y = u.value.find((R) => d === R.value);
|
|
650
|
+
await m.nav.triggerEventListener("onItemRemove", y) && m.nav.removeItem(y.value);
|
|
639
651
|
}, f = async (l) => {
|
|
640
|
-
const [d,
|
|
641
|
-
!d || !await m.nav.triggerEventListener("onProjectChange",
|
|
652
|
+
const [d, y] = l.detail;
|
|
653
|
+
!d || !await m.nav.triggerEventListener("onProjectChange", y) || m.nav.setActiveProject(y);
|
|
642
654
|
}, k = (l) => {
|
|
643
655
|
m.nav.triggerEventListener("onUserCommandChange", l.detail[0]);
|
|
644
|
-
},
|
|
656
|
+
}, N = (l) => {
|
|
645
657
|
m.nav.triggerEventListener("searchToPage", { item: l.detail[0], keyword: l.detail[1], cb: l.detail[2] });
|
|
646
658
|
}, Q = (l) => {
|
|
647
659
|
m.nav.triggerEventListener("clearSearchList", { cb: l.detail[0] });
|
|
648
|
-
},
|
|
660
|
+
}, M = (l) => {
|
|
649
661
|
m.nav.triggerEventListener("deleteSearchItem", { value: l.detail[0], cb: l.detail[1] });
|
|
650
|
-
},
|
|
662
|
+
}, I = () => {
|
|
651
663
|
m.nav.triggerEventListener("changeEnterpriseHandle");
|
|
652
664
|
}, S = () => {
|
|
653
665
|
m.nav.triggerEventListener("fullScreenHandle");
|
|
654
666
|
};
|
|
655
|
-
return
|
|
667
|
+
return pe(() => {
|
|
656
668
|
m.nav.triggerEventListener("onBeforeMount", null, { autoRemove: !0 });
|
|
657
|
-
}),
|
|
669
|
+
}), he(() => {
|
|
658
670
|
m.nav.triggerEventListener("onMounted", null, { autoRemove: !0 });
|
|
659
|
-
}),
|
|
671
|
+
}), ye(() => {
|
|
660
672
|
m.nav.triggerEventListener("onUnmounted", null, { autoRemove: !0 });
|
|
661
|
-
}), (l, d) => (
|
|
673
|
+
}), (l, d) => (p(), C("das-ce-nav", {
|
|
662
674
|
modelValue: c.value,
|
|
663
675
|
logoUrl: n.value,
|
|
664
|
-
config:
|
|
665
|
-
innerPagesConfig:
|
|
666
|
-
searchConfig:
|
|
676
|
+
config: h.value,
|
|
677
|
+
innerPagesConfig: w.value,
|
|
678
|
+
searchConfig: L.value,
|
|
667
679
|
projectTreeConfig: r.value,
|
|
668
680
|
userInfoConfig: E.value,
|
|
669
681
|
"on:userCommandHandle": k,
|
|
@@ -671,33 +683,33 @@ const g = U({
|
|
|
671
683
|
"on:handleTabClick": o,
|
|
672
684
|
"on:handleTabDelete": a,
|
|
673
685
|
"on:changeTreeHandle": f,
|
|
674
|
-
"on:searchToPage":
|
|
686
|
+
"on:searchToPage": N,
|
|
675
687
|
"on:clearSearchList": Q,
|
|
676
|
-
"on:deleteSearchItem":
|
|
677
|
-
"on:changeEnterpriseHandle":
|
|
688
|
+
"on:deleteSearchItem": M,
|
|
689
|
+
"on:changeEnterpriseHandle": I,
|
|
678
690
|
"on:fullScreen": S
|
|
679
|
-
}, null, 40,
|
|
691
|
+
}, null, 40, Ge));
|
|
680
692
|
}
|
|
681
|
-
}),
|
|
693
|
+
}), Je = ["modelValue", "data", "collapse", "fixedTopMenu", "subMenuAttrs"], ot = /* @__PURE__ */ z({
|
|
682
694
|
__name: "das-web-menu",
|
|
683
695
|
props: {
|
|
684
696
|
menuAttr: {}
|
|
685
697
|
},
|
|
686
698
|
setup(e) {
|
|
687
|
-
const { menu: t } = $, n = e, c = v(() => n.menuAttr || {}), i = v(() => t.items), u = v(() => t.items.find((
|
|
688
|
-
const s =
|
|
699
|
+
const { menu: t } = $, n = e, c = v(() => n.menuAttr || {}), i = v(() => t.items), u = v(() => t.items.find((L) => L.fixed)), h = v(() => t.activeItem || ""), w = v(() => t.collapse ?? !1), r = v(() => ({ popupClassName: t.popupClassName ?? "" })), E = async (L) => {
|
|
700
|
+
const s = L.detail[0], o = Ce(i.value).find((f) => s === f.id);
|
|
689
701
|
await m.menu.triggerEventListener("onItemClick", o) && m.menu.setActiveItem(o.id);
|
|
690
702
|
};
|
|
691
|
-
return (
|
|
703
|
+
return (L, s) => i.value.length > 0 ? (p(), C("das-ce-menu", te({
|
|
692
704
|
key: 0,
|
|
693
|
-
modelValue:
|
|
705
|
+
modelValue: h.value,
|
|
694
706
|
data: i.value,
|
|
695
|
-
collapse:
|
|
707
|
+
collapse: w.value,
|
|
696
708
|
fixedTopMenu: u.value,
|
|
697
709
|
subMenuAttrs: r.value
|
|
698
|
-
}, c.value, { onChange: E }), null, 16,
|
|
710
|
+
}, c.value, { onChange: E }), null, 16, Je)) : _("v-if", !0);
|
|
699
711
|
}
|
|
700
|
-
}),
|
|
712
|
+
}), Xe = ["modelValue", "options"], it = /* @__PURE__ */ z({
|
|
701
713
|
__name: "das-web-tabs",
|
|
702
714
|
props: {
|
|
703
715
|
tabsAttr: {}
|
|
@@ -707,33 +719,33 @@ const g = U({
|
|
|
707
719
|
...s,
|
|
708
720
|
key: s.value,
|
|
709
721
|
tab: s.label
|
|
710
|
-
}))), u = v(() => t.activeItem || ""),
|
|
722
|
+
}))), u = v(() => t.activeItem || ""), h = async (s) => {
|
|
711
723
|
const o = s.detail[0], a = i.value.find((k) => o === k.value);
|
|
712
724
|
await m.tab.triggerEventListener("onItemClick", a) && m.tab.setActiveItem(a.value);
|
|
713
|
-
},
|
|
725
|
+
}, w = async (s) => {
|
|
714
726
|
const o = s.detail[0], a = i.value.find((k) => o === k.value);
|
|
715
727
|
await m.tab.triggerEventListener("onItemRemove", a) && m.tab.removeItem(a.value);
|
|
716
728
|
}, r = async (s) => {
|
|
717
729
|
await m.tab.triggerEventListener("onMenuClick", { type: s.detail[0], data: s.detail[1] });
|
|
718
730
|
}, E = async (s) => {
|
|
719
731
|
await m.tab.triggerEventListener("onPageRefresh", s.detail[0]);
|
|
720
|
-
},
|
|
732
|
+
}, L = () => {
|
|
721
733
|
m.tab.triggerEventListener("onToggleFullScreen");
|
|
722
734
|
};
|
|
723
|
-
return (s, o) => i.value.length > 0 ? (
|
|
735
|
+
return (s, o) => i.value.length > 0 ? (p(), C("das-ce-tabs", te({
|
|
724
736
|
key: 0,
|
|
725
737
|
modelValue: u.value,
|
|
726
738
|
options: i.value
|
|
727
739
|
}, c.value, {
|
|
728
|
-
"on:tabClick":
|
|
729
|
-
"on:tabDelete":
|
|
740
|
+
"on:tabClick": h,
|
|
741
|
+
"on:tabDelete": w,
|
|
730
742
|
"on:menuClick": r,
|
|
731
743
|
"on:pageRefresh": E,
|
|
732
|
-
"on:toggleFullScreen":
|
|
733
|
-
}), null, 16,
|
|
744
|
+
"on:toggleFullScreen": L
|
|
745
|
+
}), null, 16, Xe)) : _("v-if", !0);
|
|
734
746
|
}
|
|
735
747
|
});
|
|
736
|
-
|
|
748
|
+
F("@das-fed/web");
|
|
737
749
|
export {
|
|
738
750
|
at as DasWebLayout,
|
|
739
751
|
ot as DasWebMenu,
|