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