@das-fed/web 7.1.0-dev.30 → 7.1.0-dev.31

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