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