xto-fronted 0.4.103 → 0.4.105
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/dist/{index-BsPaXQak.js → index-6kX8-rlc.js} +1 -1
- package/dist/{index-DEChud2_.js → index-B17roDLd.js} +1 -1
- package/dist/{index-BlN5yXBT.js → index-Bv8lJOd7.js} +1 -1
- package/dist/{index-DdACCkye.js → index-CkGnfjPz.js} +1 -1
- package/dist/{index-CNx4xpUG.js → index-DDZuw7Rp.js} +893 -893
- package/dist/index.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/router/guards.ts +129 -127
- package/src/views/login/index.vue +4 -2
|
@@ -1,64 +1,64 @@
|
|
|
1
|
-
import { x as N, y as tt, z as st, A as
|
|
2
|
-
import { ref as g, computed as w, watch as ye, defineComponent as
|
|
1
|
+
import { x as N, y as tt, z as st, A as at, B as ot, o as pt, C as nt, D as Fe, m as vt, i as ht, E as _t, F as ft } from "./user-Qd_jMBaH.js";
|
|
2
|
+
import { ref as g, computed as w, watch as ye, defineComponent as ne, resolveComponent as lt, openBlock as a, createBlock as O, unref as o, withCtx as M, createElementBlock as c, Fragment as K, renderList as G, createElementVNode as e, toDisplayString as b, createCommentVNode as P, normalizeClass as J, withDirectives as Te, vShow as gt, createVNode as y, createTextVNode as he, onMounted as Ke, onUnmounted as je, vModelText as We, Transition as ke, withModifiers as Ee, normalizeStyle as Ie, reactive as qe, createStaticVNode as Ue, withKeys as yt, h as kt } from "vue";
|
|
3
3
|
import { defineStore as Ne } from "pinia";
|
|
4
|
-
import { useRoute as
|
|
5
|
-
import { SubMenu as Re, MenuItem as Se, Menu as Xe, Tabs as
|
|
6
|
-
import { Icon as U, Button as
|
|
4
|
+
import { useRoute as be, useRouter as me, createRouter as He, createWebHistory as Ye } from "vue-router";
|
|
5
|
+
import { SubMenu as Re, MenuItem as Se, Menu as Xe, Tabs as wt, TabPane as bt } from "@xto/navigation";
|
|
6
|
+
import { Icon as U, Button as we } from "@xto/base";
|
|
7
7
|
import { Drawer as Ge, Message as xt } from "@xto/feedback";
|
|
8
8
|
import { Form as Ct, FormItem as Pe, Input as Qe, Checkbox as $t } from "@xto/form";
|
|
9
9
|
import { createLocaleProvider as Lt, getSupportedLocales as Mt, useLocale as St } from "@xto/core/locale";
|
|
10
|
-
const
|
|
11
|
-
const t = g(N.get("appName") || "XTO App"),
|
|
10
|
+
const ie = Ne("app", () => {
|
|
11
|
+
const t = g(N.get("appName") || "XTO App"), r = g(N.get("indexPath") || "/dashboard"), d = g(N.get("loginPath") || "/login"), l = g(N.get("isDark") || !1), s = g(N.get("theme") || "light"), u = g(N.get("layout") || "sidebar"), p = g(N.get("isCollapsed") || !1), h = g(N.get("showTabs") ?? !0), m = g(N.get("showFooter") ?? !0), f = g(N.get("showBreadcrumb") ?? !0), L = g(N.get("primaryColor") || "#409eff"), i = g([]), _ = g([]), j = w(() => l.value ? "dark" : "light"), D = (z) => {
|
|
12
12
|
t.value = z, N.set("appName", z);
|
|
13
13
|
}, W = (z) => {
|
|
14
|
-
|
|
14
|
+
r.value = z, N.set("indexPath", z);
|
|
15
15
|
}, V = (z) => {
|
|
16
16
|
d.value = z, N.set("loginPath", z);
|
|
17
17
|
}, B = () => {
|
|
18
|
-
|
|
18
|
+
l.value = !l.value, s.value = l.value ? "dark" : "light", Z();
|
|
19
19
|
}, H = (z) => {
|
|
20
|
-
s.value = z,
|
|
20
|
+
s.value = z, l.value = z === "dark", Z();
|
|
21
21
|
}, Z = () => {
|
|
22
22
|
const z = document.documentElement;
|
|
23
|
-
|
|
23
|
+
l.value ? z.classList.add("dark") : z.classList.remove("dark"), N.set("isDark", l.value), N.set("theme", s.value);
|
|
24
24
|
}, Y = () => {
|
|
25
|
-
|
|
25
|
+
p.value = !p.value, N.set("isCollapsed", p.value);
|
|
26
26
|
}, q = (z) => {
|
|
27
|
-
|
|
27
|
+
u.value = z, N.set("layout", z);
|
|
28
28
|
}, ee = () => {
|
|
29
|
-
|
|
29
|
+
h.value = !h.value, N.set("showTabs", h.value);
|
|
30
30
|
}, E = () => {
|
|
31
|
-
|
|
31
|
+
m.value = !m.value, N.set("showFooter", m.value);
|
|
32
32
|
}, I = () => {
|
|
33
33
|
f.value = !f.value, N.set("showBreadcrumb", f.value);
|
|
34
34
|
}, A = (z) => {
|
|
35
|
-
|
|
35
|
+
L.value = z, document.documentElement.style.setProperty("--color-primary", z), N.set("primaryColor", z);
|
|
36
36
|
}, X = (z) => {
|
|
37
|
-
|
|
37
|
+
i.value.includes(z) || i.value.push(z);
|
|
38
38
|
}, F = (z) => {
|
|
39
|
-
const
|
|
40
|
-
|
|
39
|
+
const ae = i.value.indexOf(z);
|
|
40
|
+
ae > -1 && i.value.splice(ae, 1);
|
|
41
41
|
}, se = () => {
|
|
42
|
-
|
|
43
|
-
},
|
|
44
|
-
|
|
42
|
+
i.value = [];
|
|
43
|
+
}, ce = (z) => {
|
|
44
|
+
_.value = z;
|
|
45
45
|
}, pe = () => {
|
|
46
|
-
Z(),
|
|
46
|
+
Z(), L.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", L.value);
|
|
47
47
|
};
|
|
48
|
-
return ye(
|
|
48
|
+
return ye(l, Z), {
|
|
49
49
|
appName: t,
|
|
50
|
-
indexPath:
|
|
50
|
+
indexPath: r,
|
|
51
51
|
loginPath: d,
|
|
52
|
-
isDark:
|
|
52
|
+
isDark: l,
|
|
53
53
|
theme: s,
|
|
54
|
-
layout:
|
|
55
|
-
isCollapsed:
|
|
56
|
-
showTabs:
|
|
57
|
-
showFooter:
|
|
54
|
+
layout: u,
|
|
55
|
+
isCollapsed: p,
|
|
56
|
+
showTabs: h,
|
|
57
|
+
showFooter: m,
|
|
58
58
|
showBreadcrumb: f,
|
|
59
|
-
primaryColor:
|
|
60
|
-
cachedViews:
|
|
61
|
-
mixSubMenus:
|
|
59
|
+
primaryColor: L,
|
|
60
|
+
cachedViews: i,
|
|
61
|
+
mixSubMenus: _,
|
|
62
62
|
themeClass: j,
|
|
63
63
|
setAppName: D,
|
|
64
64
|
setIndexPath: W,
|
|
@@ -74,12 +74,12 @@ const de = Ne("app", () => {
|
|
|
74
74
|
addCachedView: X,
|
|
75
75
|
removeCachedView: F,
|
|
76
76
|
clearCachedViews: se,
|
|
77
|
-
setMixSubMenus:
|
|
77
|
+
setMixSubMenus: ce,
|
|
78
78
|
initTheme: pe
|
|
79
79
|
};
|
|
80
80
|
}), It = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
81
81
|
__proto__: null,
|
|
82
|
-
useAppStore:
|
|
82
|
+
useAppStore: ie
|
|
83
83
|
}, Symbol.toStringTag, { value: "Module" })), Ae = "menu_list", De = "permission_list", Nt = {
|
|
84
84
|
menuCode: "home",
|
|
85
85
|
menuName: "首页",
|
|
@@ -90,102 +90,102 @@ const de = Ne("app", () => {
|
|
|
90
90
|
isOut: !1
|
|
91
91
|
};
|
|
92
92
|
function rt(t) {
|
|
93
|
-
return t.filter((
|
|
94
|
-
...
|
|
95
|
-
children:
|
|
93
|
+
return t.filter((r) => r.type !== 1).map((r) => ({
|
|
94
|
+
...r,
|
|
95
|
+
children: r.children ? rt(r.children) : void 0
|
|
96
96
|
}));
|
|
97
97
|
}
|
|
98
98
|
function zt(t) {
|
|
99
|
-
const
|
|
100
|
-
function d(
|
|
101
|
-
|
|
102
|
-
s.type === 1 && s.menuCode &&
|
|
99
|
+
const r = [];
|
|
100
|
+
function d(l) {
|
|
101
|
+
l.forEach((s) => {
|
|
102
|
+
s.type === 1 && s.menuCode && r.push(s.menuCode), s.children && d(s.children);
|
|
103
103
|
});
|
|
104
104
|
}
|
|
105
|
-
return d(t),
|
|
105
|
+
return d(t), r;
|
|
106
106
|
}
|
|
107
|
-
const
|
|
108
|
-
const t = g(N.get(Ae) || []),
|
|
107
|
+
const de = Ne("menu", () => {
|
|
108
|
+
const t = g(N.get(Ae) || []), r = g(N.get(De) || []), d = w(() => t.value.length > 0);
|
|
109
109
|
return {
|
|
110
110
|
menuList: t,
|
|
111
|
-
permissions:
|
|
111
|
+
permissions: r,
|
|
112
112
|
hasMenu: d,
|
|
113
|
-
setMenuList: (
|
|
114
|
-
|
|
115
|
-
const
|
|
116
|
-
t.value = [Nt, ...
|
|
113
|
+
setMenuList: (p) => {
|
|
114
|
+
r.value = zt(p), N.set(De, r.value);
|
|
115
|
+
const h = rt(p);
|
|
116
|
+
t.value = [Nt, ...h], N.set(Ae, t.value);
|
|
117
117
|
},
|
|
118
118
|
clearMenu: () => {
|
|
119
|
-
t.value = [],
|
|
119
|
+
t.value = [], r.value = [], N.remove(Ae), N.remove(De);
|
|
120
120
|
},
|
|
121
|
-
hasPermission: (
|
|
121
|
+
hasPermission: (p) => Array.isArray(p) ? p.some((h) => r.value.includes(h)) : r.value.includes(p)
|
|
122
122
|
};
|
|
123
123
|
}), Ve = "user_info", le = Ne("user", () => {
|
|
124
|
-
const t = g(N.get(Ve)),
|
|
125
|
-
var
|
|
126
|
-
return ((
|
|
127
|
-
}),
|
|
128
|
-
var
|
|
129
|
-
return ((
|
|
124
|
+
const t = g(N.get(Ve)), r = w(() => !!t.value), d = w(() => {
|
|
125
|
+
var i;
|
|
126
|
+
return ((i = t.value) == null ? void 0 : i.userId) || "";
|
|
127
|
+
}), l = w(() => {
|
|
128
|
+
var i;
|
|
129
|
+
return ((i = t.value) == null ? void 0 : i.userName) || "";
|
|
130
130
|
}), s = w(() => {
|
|
131
|
-
var
|
|
132
|
-
return ((
|
|
133
|
-
}), r = w(() => {
|
|
134
|
-
var m;
|
|
135
|
-
return ((m = t.value) == null ? void 0 : m.email) || "";
|
|
136
|
-
}), _ = w(() => {
|
|
137
|
-
var m;
|
|
138
|
-
return ((m = t.value) == null ? void 0 : m.mobilePhone) || "";
|
|
139
|
-
}), v = w(() => {
|
|
140
|
-
var m;
|
|
141
|
-
return ((m = t.value) == null ? void 0 : m.positionName) || "";
|
|
131
|
+
var i;
|
|
132
|
+
return ((i = t.value) == null ? void 0 : i.departmentName) || "";
|
|
142
133
|
}), u = w(() => {
|
|
143
|
-
var
|
|
144
|
-
return ((
|
|
134
|
+
var i;
|
|
135
|
+
return ((i = t.value) == null ? void 0 : i.email) || "";
|
|
136
|
+
}), p = w(() => {
|
|
137
|
+
var i;
|
|
138
|
+
return ((i = t.value) == null ? void 0 : i.mobilePhone) || "";
|
|
139
|
+
}), h = w(() => {
|
|
140
|
+
var i;
|
|
141
|
+
return ((i = t.value) == null ? void 0 : i.positionName) || "";
|
|
142
|
+
}), m = w(() => {
|
|
143
|
+
var i;
|
|
144
|
+
return ((i = t.value) == null ? void 0 : i.avatar) || "";
|
|
145
145
|
});
|
|
146
146
|
return {
|
|
147
147
|
userInfo: t,
|
|
148
|
-
isLoggedIn:
|
|
148
|
+
isLoggedIn: r,
|
|
149
149
|
userId: d,
|
|
150
|
-
userName:
|
|
150
|
+
userName: l,
|
|
151
151
|
departmentName: s,
|
|
152
|
-
email:
|
|
153
|
-
mobilePhone:
|
|
154
|
-
positionName:
|
|
155
|
-
avatar:
|
|
156
|
-
setUserInfo: (
|
|
157
|
-
t.value =
|
|
152
|
+
email: u,
|
|
153
|
+
mobilePhone: p,
|
|
154
|
+
positionName: h,
|
|
155
|
+
avatar: m,
|
|
156
|
+
setUserInfo: (i) => {
|
|
157
|
+
t.value = i, N.set(Ve, i);
|
|
158
158
|
},
|
|
159
159
|
clearUserInfo: () => {
|
|
160
160
|
t.value = null, N.remove(Ve);
|
|
161
161
|
}
|
|
162
162
|
};
|
|
163
163
|
}), ze = Ne("auth", () => {
|
|
164
|
-
const t = g(tt()),
|
|
164
|
+
const t = g(tt()), r = w(() => st()), d = g(""), l = g(""), s = g(""), u = g("/login");
|
|
165
165
|
return {
|
|
166
166
|
token: t,
|
|
167
|
-
isLoggedIn:
|
|
167
|
+
isLoggedIn: r,
|
|
168
168
|
baseUrl: d,
|
|
169
|
-
appId:
|
|
169
|
+
appId: l,
|
|
170
170
|
clientId: s,
|
|
171
|
-
loginPath:
|
|
172
|
-
login: (
|
|
173
|
-
t.value =
|
|
171
|
+
loginPath: u,
|
|
172
|
+
login: (_) => {
|
|
173
|
+
t.value = _.access_token, ot(_);
|
|
174
174
|
},
|
|
175
175
|
logout: () => {
|
|
176
|
-
t.value = null,
|
|
176
|
+
t.value = null, at();
|
|
177
177
|
},
|
|
178
|
-
setBaseUrl: (
|
|
179
|
-
d.value =
|
|
178
|
+
setBaseUrl: (_) => {
|
|
179
|
+
d.value = _;
|
|
180
180
|
},
|
|
181
|
-
setAppId: (
|
|
182
|
-
|
|
181
|
+
setAppId: (_) => {
|
|
182
|
+
l.value = _;
|
|
183
183
|
},
|
|
184
|
-
setClientId: (
|
|
185
|
-
s.value =
|
|
184
|
+
setClientId: (_) => {
|
|
185
|
+
s.value = _;
|
|
186
186
|
},
|
|
187
|
-
setLoginPath: (
|
|
188
|
-
|
|
187
|
+
setLoginPath: (_) => {
|
|
188
|
+
u.value = _;
|
|
189
189
|
}
|
|
190
190
|
};
|
|
191
191
|
}), Ut = { class: "menu-item__content" }, Tt = { class: "menu-item__icon" }, Et = {
|
|
@@ -197,13 +197,13 @@ const ue = Ne("menu", () => {
|
|
|
197
197
|
}, Vt = {
|
|
198
198
|
key: 1,
|
|
199
199
|
class: "menu-item__char"
|
|
200
|
-
}, Ot = { class: "menu-item__text" }, Bt = /* @__PURE__ */
|
|
200
|
+
}, Ot = { class: "menu-item__text" }, Bt = /* @__PURE__ */ ne({
|
|
201
201
|
__name: "SidebarMenuItem",
|
|
202
202
|
props: {
|
|
203
203
|
menu: {}
|
|
204
204
|
},
|
|
205
205
|
setup(t) {
|
|
206
|
-
const
|
|
206
|
+
const r = t, d = /* @__PURE__ */ new Set([
|
|
207
207
|
"arrow-up",
|
|
208
208
|
"arrow-down",
|
|
209
209
|
"arrow-left",
|
|
@@ -305,10 +305,10 @@ const ue = Ne("menu", () => {
|
|
|
305
305
|
"sun",
|
|
306
306
|
"theme",
|
|
307
307
|
"skin"
|
|
308
|
-
]),
|
|
309
|
-
if (!
|
|
310
|
-
if (
|
|
311
|
-
const
|
|
308
|
+
]), l = (m) => {
|
|
309
|
+
if (!m || m === "") return "";
|
|
310
|
+
if (m.startsWith("tineco-icon-")) {
|
|
311
|
+
const L = m.replace("tineco-icon-", "");
|
|
312
312
|
return {
|
|
313
313
|
home: "home",
|
|
314
314
|
dashboard: "dashboard",
|
|
@@ -322,7 +322,7 @@ const ue = Ne("menu", () => {
|
|
|
322
322
|
chart: "chart",
|
|
323
323
|
report: "report",
|
|
324
324
|
analytics: "analytics"
|
|
325
|
-
}[
|
|
325
|
+
}[L] || L;
|
|
326
326
|
}
|
|
327
327
|
return {
|
|
328
328
|
dashboard: "dashboard",
|
|
@@ -341,57 +341,57 @@ const ue = Ne("menu", () => {
|
|
|
341
341
|
app: "app",
|
|
342
342
|
list: "list",
|
|
343
343
|
grid: "grid"
|
|
344
|
-
}[
|
|
345
|
-
}, s = (
|
|
346
|
-
return (
|
|
347
|
-
const
|
|
348
|
-
return
|
|
344
|
+
}[m] || m;
|
|
345
|
+
}, s = (m) => m ? m.charAt(0) : "", u = (m) => d.has(m), p = w(() => r.menu.menuId || r.menu.menuCode || r.menu.menuUrl || ""), h = w(() => r.menu.children && r.menu.children.length > 0);
|
|
346
|
+
return (m, f) => {
|
|
347
|
+
const L = lt("SidebarMenuItem", !0);
|
|
348
|
+
return h.value ? (a(), O(o(Re), {
|
|
349
349
|
key: 0,
|
|
350
|
-
index:
|
|
350
|
+
index: p.value
|
|
351
351
|
}, {
|
|
352
352
|
title: M(() => [
|
|
353
353
|
e("span", Ut, [
|
|
354
354
|
e("span", Tt, [
|
|
355
|
-
|
|
355
|
+
u(l(t.menu.icon)) ? (a(), O(o(U), {
|
|
356
356
|
key: 0,
|
|
357
|
-
name:
|
|
357
|
+
name: l(t.menu.icon),
|
|
358
358
|
size: 16
|
|
359
|
-
}, null, 8, ["name"])) : (
|
|
359
|
+
}, null, 8, ["name"])) : (a(), c("span", Et, b(s(t.menu.menuName)), 1))
|
|
360
360
|
]),
|
|
361
|
-
e("span", Pt,
|
|
361
|
+
e("span", Pt, b(t.menu.menuName), 1)
|
|
362
362
|
])
|
|
363
363
|
]),
|
|
364
364
|
default: M(() => [
|
|
365
|
-
(
|
|
366
|
-
key:
|
|
367
|
-
menu:
|
|
365
|
+
(a(!0), c(K, null, G(t.menu.children, (i) => (a(), O(L, {
|
|
366
|
+
key: i.menuId || i.menuCode || i.menuUrl,
|
|
367
|
+
menu: i
|
|
368
368
|
}, null, 8, ["menu"]))), 128))
|
|
369
369
|
]),
|
|
370
370
|
_: 1
|
|
371
|
-
}, 8, ["index"])) : (
|
|
371
|
+
}, 8, ["index"])) : (a(), O(o(Se), {
|
|
372
372
|
key: 1,
|
|
373
|
-
index: t.menu.menuUrl ||
|
|
373
|
+
index: t.menu.menuUrl || p.value
|
|
374
374
|
}, {
|
|
375
375
|
default: M(() => [
|
|
376
376
|
e("span", At, [
|
|
377
|
-
t.menu.menuName !== "首页" ? (
|
|
378
|
-
|
|
377
|
+
t.menu.menuName !== "首页" ? (a(), c("span", Dt, [
|
|
378
|
+
u(l(t.menu.icon)) ? (a(), O(o(U), {
|
|
379
379
|
key: 0,
|
|
380
|
-
name:
|
|
380
|
+
name: l(t.menu.icon),
|
|
381
381
|
size: 16
|
|
382
|
-
}, null, 8, ["name"])) : (
|
|
382
|
+
}, null, 8, ["name"])) : (a(), c("span", Vt, b(s(t.menu.menuName)), 1))
|
|
383
383
|
])) : P("", !0),
|
|
384
|
-
e("span", Ot,
|
|
384
|
+
e("span", Ot, b(t.menu.menuName), 1)
|
|
385
385
|
])
|
|
386
386
|
]),
|
|
387
387
|
_: 1
|
|
388
388
|
}, 8, ["index"]));
|
|
389
389
|
};
|
|
390
390
|
}
|
|
391
|
-
}), re = (t,
|
|
391
|
+
}), re = (t, r) => {
|
|
392
392
|
const d = t.__vccOpts || t;
|
|
393
|
-
for (const [
|
|
394
|
-
d[
|
|
393
|
+
for (const [l, s] of r)
|
|
394
|
+
d[l] = s;
|
|
395
395
|
return d;
|
|
396
396
|
}, Rt = /* @__PURE__ */ re(Bt, [["__scopeId", "data-v-f5865e28"]]), Ft = {
|
|
397
397
|
key: 0,
|
|
@@ -399,7 +399,7 @@ const ue = Ne("menu", () => {
|
|
|
399
399
|
}, Kt = ["src"], jt = {
|
|
400
400
|
key: 1,
|
|
401
401
|
class: "sidebar__user"
|
|
402
|
-
}, Wt = { class: "sidebar__user-info" }, qt = { class: "sidebar__user-name" }, Ht = { class: "sidebar__user-role" }, Oe = "sidebar_opened_menus", Be = "sidebar_menu_list_key", Yt = /* @__PURE__ */
|
|
402
|
+
}, Wt = { class: "sidebar__user-info" }, qt = { class: "sidebar__user-name" }, Ht = { class: "sidebar__user-role" }, Oe = "sidebar_opened_menus", Be = "sidebar_menu_list_key", Yt = /* @__PURE__ */ ne({
|
|
403
403
|
__name: "Sidebar",
|
|
404
404
|
props: {
|
|
405
405
|
menuList: { default: () => [] },
|
|
@@ -408,23 +408,23 @@ const ue = Ne("menu", () => {
|
|
|
408
408
|
logoSrc: { default: "/vite.svg" }
|
|
409
409
|
},
|
|
410
410
|
setup(t) {
|
|
411
|
-
const
|
|
411
|
+
const r = t, d = be(), l = me(), s = de(), u = le(), p = ze(), h = ie(), m = w(() => r.menuList.length > 0 ? r.menuList : s.menuList), f = w(() => h.isCollapsed), L = w(() => d.path), i = (E) => E.menuId || E.menuCode || E.menuUrl || "", _ = () => m.value.map(i).join(","), j = N.get(Be) || "", D = _(), W = j === D ? N.get(Oe) || [] : [], V = g(W);
|
|
412
412
|
ye(V, (E) => {
|
|
413
|
-
N.set(Oe, E), N.set(Be,
|
|
413
|
+
N.set(Oe, E), N.set(Be, _());
|
|
414
414
|
}, { deep: !0 });
|
|
415
415
|
const B = (E, I, A = []) => {
|
|
416
416
|
var X;
|
|
417
417
|
for (const F of E) {
|
|
418
418
|
if (F.menuUrl && (I === F.menuUrl || I.startsWith(F.menuUrl + "/")))
|
|
419
|
-
return [...A,
|
|
419
|
+
return [...A, i(F)];
|
|
420
420
|
if ((X = F.children) != null && X.length) {
|
|
421
|
-
const se = B(F.children, I, [...A,
|
|
421
|
+
const se = B(F.children, I, [...A, i(F)]);
|
|
422
422
|
if (se) return se;
|
|
423
423
|
}
|
|
424
424
|
}
|
|
425
425
|
return null;
|
|
426
426
|
};
|
|
427
|
-
ye([() => d.path,
|
|
427
|
+
ye([() => d.path, m], ([E, I]) => {
|
|
428
428
|
if (I.length > 0) {
|
|
429
429
|
const A = B(I, E);
|
|
430
430
|
if (A) {
|
|
@@ -432,30 +432,30 @@ const ue = Ne("menu", () => {
|
|
|
432
432
|
V.value = Array.from(F);
|
|
433
433
|
}
|
|
434
434
|
}
|
|
435
|
-
}, { immediate: !0 }), ye(
|
|
436
|
-
E !== I && (V.value = [], N.set(Oe, []), N.set(Be,
|
|
435
|
+
}, { immediate: !0 }), ye(m, (E, I) => {
|
|
436
|
+
E !== I && (V.value = [], N.set(Oe, []), N.set(Be, _()));
|
|
437
437
|
}, { immediate: !1 });
|
|
438
|
-
const H = w(() =>
|
|
439
|
-
E && E !== d.path &&
|
|
438
|
+
const H = w(() => h.isDark ? "#1d1e1f" : "#fff"), Z = w(() => h.isDark ? "#cfd3dc" : "#303133"), Y = w(() => "#409eff"), q = (E) => {
|
|
439
|
+
E && E !== d.path && l.push(E);
|
|
440
440
|
}, ee = () => {
|
|
441
|
-
|
|
441
|
+
p.logout(), u.clearUserInfo(), s.clearMenu(), l.push(h.loginPath);
|
|
442
442
|
};
|
|
443
|
-
return (E, I) => (
|
|
443
|
+
return (E, I) => (a(), c("div", {
|
|
444
444
|
class: J(["sidebar", { "sidebar--collapsed": f.value }])
|
|
445
445
|
}, [
|
|
446
|
-
|
|
446
|
+
r.showLogo ? (a(), c("div", Ft, [
|
|
447
447
|
e("img", {
|
|
448
|
-
src:
|
|
448
|
+
src: r.logoSrc,
|
|
449
449
|
alt: "Logo",
|
|
450
450
|
class: "sidebar__logo-img"
|
|
451
451
|
}, null, 8, Kt),
|
|
452
|
-
Te(e("span", { class: "sidebar__logo-text" },
|
|
452
|
+
Te(e("span", { class: "sidebar__logo-text" }, b(o(h).appName), 513), [
|
|
453
453
|
[gt, !f.value]
|
|
454
454
|
])
|
|
455
455
|
])) : P("", !0),
|
|
456
|
-
y(
|
|
457
|
-
modelValue:
|
|
458
|
-
"onUpdate:modelValue": I[0] || (I[0] = (A) =>
|
|
456
|
+
y(o(Xe), {
|
|
457
|
+
modelValue: L.value,
|
|
458
|
+
"onUpdate:modelValue": I[0] || (I[0] = (A) => L.value = A),
|
|
459
459
|
openeds: V.value,
|
|
460
460
|
"onUpdate:openeds": I[1] || (I[1] = (A) => V.value = A),
|
|
461
461
|
mode: "vertical",
|
|
@@ -468,19 +468,19 @@ const ue = Ne("menu", () => {
|
|
|
468
468
|
onSelect: q
|
|
469
469
|
}, {
|
|
470
470
|
default: M(() => [
|
|
471
|
-
(
|
|
472
|
-
key:
|
|
471
|
+
(a(!0), c(K, null, G(m.value, (A) => (a(), O(Rt, {
|
|
472
|
+
key: i(A),
|
|
473
473
|
menu: A
|
|
474
474
|
}, null, 8, ["menu"]))), 128))
|
|
475
475
|
]),
|
|
476
476
|
_: 1
|
|
477
477
|
}, 8, ["modelValue", "openeds", "collapse", "background-color", "text-color", "active-text-color"]),
|
|
478
|
-
|
|
478
|
+
r.showUser && !f.value ? (a(), c("div", jt, [
|
|
479
479
|
e("div", Wt, [
|
|
480
|
-
e("span", qt,
|
|
481
|
-
e("span", Ht,
|
|
480
|
+
e("span", qt, b(o(u).userName), 1),
|
|
481
|
+
e("span", Ht, b(o(u).departmentName), 1)
|
|
482
482
|
]),
|
|
483
|
-
y(
|
|
483
|
+
y(o(we), {
|
|
484
484
|
type: "text",
|
|
485
485
|
size: "small",
|
|
486
486
|
onClick: ee
|
|
@@ -505,22 +505,22 @@ const ue = Ne("menu", () => {
|
|
|
505
505
|
}, ts = {
|
|
506
506
|
key: 0,
|
|
507
507
|
class: "header__search-results"
|
|
508
|
-
}, ss = ["onClick"],
|
|
508
|
+
}, ss = ["onClick"], as = {
|
|
509
509
|
key: 0,
|
|
510
510
|
class: "header__search-icon"
|
|
511
|
-
},
|
|
511
|
+
}, os = {
|
|
512
512
|
key: 1,
|
|
513
513
|
class: "header__search-char"
|
|
514
|
-
},
|
|
514
|
+
}, ns = { class: "header__search-item-title" }, ls = {
|
|
515
515
|
key: 1,
|
|
516
516
|
class: "header__search-item-parent"
|
|
517
517
|
}, rs = {
|
|
518
518
|
key: 1,
|
|
519
519
|
class: "header__search-empty"
|
|
520
|
-
}, is = ["title"], cs = { class: "header__avatar" },
|
|
520
|
+
}, is = ["title"], cs = { class: "header__avatar" }, us = { class: "header__user-name" }, ds = {
|
|
521
521
|
key: 0,
|
|
522
522
|
class: "header__dropdown"
|
|
523
|
-
}, ms = { class: "header__dropdown-header" }, ps = { class: "header__dropdown-avatar" }, vs = { class: "header__dropdown-info" }, hs = { class: "header__dropdown-name" }, _s = { class: "header__dropdown-role" }, fs = { class: "header__dropdown-menu" }, gs = { class: "settings-drawer" }, ys = { class: "settings-section" },
|
|
523
|
+
}, ms = { class: "header__dropdown-header" }, ps = { class: "header__dropdown-avatar" }, vs = { class: "header__dropdown-info" }, hs = { class: "header__dropdown-name" }, _s = { class: "header__dropdown-role" }, fs = { class: "header__dropdown-menu" }, gs = { class: "settings-drawer" }, ys = { class: "settings-section" }, ks = { class: "settings-layout-options" }, ws = ["onClick"], bs = { class: "layout-option__preview" }, xs = {
|
|
524
524
|
key: 0,
|
|
525
525
|
class: "layout-preview-sidebar"
|
|
526
526
|
}, Cs = {
|
|
@@ -529,10 +529,10 @@ const ue = Ne("menu", () => {
|
|
|
529
529
|
}, $s = {
|
|
530
530
|
key: 2,
|
|
531
531
|
class: "layout-preview-mix"
|
|
532
|
-
}, Ls = { class: "layout-option__label" }, Ms = { class: "settings-section" }, Ss = { class: "settings-color-options" }, Is = ["title", "onClick"], Ns = { class: "settings-section" }, zs = { class: "settings-switch-list" }, Us = { class: "settings-switch-item" }, Ts = { class: "settings-switch-item" }, Es = /* @__PURE__ */
|
|
532
|
+
}, Ls = { class: "layout-option__label" }, Ms = { class: "settings-section" }, Ss = { class: "settings-color-options" }, Is = ["title", "onClick"], Ns = { class: "settings-section" }, zs = { class: "settings-switch-list" }, Us = { class: "settings-switch-item" }, Ts = { class: "settings-switch-item" }, Es = /* @__PURE__ */ ne({
|
|
533
533
|
__name: "Header",
|
|
534
534
|
setup(t) {
|
|
535
|
-
const
|
|
535
|
+
const r = be(), d = me(), l = ie(), s = le(), u = ze(), p = de(), h = g(!1), m = g(!1), f = g(null), L = g(!1), i = g(!1), _ = g(""), j = g(null), D = g(!1), W = [
|
|
536
536
|
{ value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
|
|
537
537
|
{ value: "top", label: "顶部菜单", icon: "menu" },
|
|
538
538
|
{ value: "mix", label: "混合菜单", icon: "grid" }
|
|
@@ -543,13 +543,13 @@ const ue = Ne("menu", () => {
|
|
|
543
543
|
{ value: "#faad14", label: "日落橙" },
|
|
544
544
|
{ value: "#f5222d", label: "薄暮红" },
|
|
545
545
|
{ value: "#722ed1", label: "酱紫" }
|
|
546
|
-
], B = w(() =>
|
|
546
|
+
], B = w(() => r.matched.filter((k) => k.meta && k.meta.title).map((k) => ({
|
|
547
547
|
title: k.meta.title,
|
|
548
548
|
path: k.path
|
|
549
549
|
}))), H = (T, k = "") => {
|
|
550
550
|
const Q = [];
|
|
551
|
-
return T.forEach((
|
|
552
|
-
|
|
551
|
+
return T.forEach((x) => {
|
|
552
|
+
x.children && x.children.length > 0 ? Q.push(...H(x.children, x.menuName)) : Q.push({ ...x, parentTitle: k, title: x.menuName, path: x.menuUrl });
|
|
553
553
|
}), Q;
|
|
554
554
|
}, Z = /* @__PURE__ */ new Set([
|
|
555
555
|
"arrow-up",
|
|
@@ -690,74 +690,74 @@ const ue = Ne("menu", () => {
|
|
|
690
690
|
list: "list",
|
|
691
691
|
grid: "grid"
|
|
692
692
|
}[T] || T;
|
|
693
|
-
}, q = (T) => T ? T.charAt(0) : "", ee = (T) => Z.has(T), E = w(() =>
|
|
694
|
-
(k) => k.title.toLowerCase().includes(
|
|
695
|
-
) : []), I = w(() =>
|
|
696
|
-
|
|
693
|
+
}, q = (T) => T ? T.charAt(0) : "", ee = (T) => Z.has(T), E = w(() => _.value.trim() ? H(p.menuList).filter(
|
|
694
|
+
(k) => k.title.toLowerCase().includes(_.value.toLowerCase())
|
|
695
|
+
) : []), I = w(() => l.layout), A = () => {
|
|
696
|
+
l.toggleCollapse();
|
|
697
697
|
}, X = () => {
|
|
698
|
-
|
|
698
|
+
l.toggleTheme();
|
|
699
699
|
}, F = () => {
|
|
700
|
-
|
|
700
|
+
m.value = !0;
|
|
701
701
|
}, se = (T) => {
|
|
702
|
-
|
|
703
|
-
},
|
|
702
|
+
l.setLayout(T), m.value = !1;
|
|
703
|
+
}, ce = (T) => {
|
|
704
704
|
D.value = T;
|
|
705
705
|
const k = document.documentElement;
|
|
706
706
|
T ? k.classList.add("grey-mode") : k.classList.remove("grey-mode");
|
|
707
707
|
}, pe = () => {
|
|
708
|
-
|
|
708
|
+
ce(!D.value), m.value = !1;
|
|
709
709
|
}, z = () => {
|
|
710
|
-
|
|
711
|
-
},
|
|
710
|
+
l.toggleTheme(), m.value = !1;
|
|
711
|
+
}, ae = () => {
|
|
712
712
|
document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
|
|
713
713
|
}, _e = () => {
|
|
714
|
-
|
|
715
|
-
},
|
|
716
|
-
|
|
717
|
-
},
|
|
718
|
-
|
|
714
|
+
L.value = !!document.fullscreenElement;
|
|
715
|
+
}, ue = () => {
|
|
716
|
+
h.value = !h.value;
|
|
717
|
+
}, oe = () => {
|
|
718
|
+
h.value = !1;
|
|
719
719
|
}, ve = () => {
|
|
720
|
-
|
|
720
|
+
i.value = !1, _.value = "";
|
|
721
721
|
}, xe = (T) => {
|
|
722
722
|
d.push(T), ve();
|
|
723
723
|
}, Ce = (T) => {
|
|
724
|
-
|
|
724
|
+
l.setPrimaryColor(T), m.value = !1;
|
|
725
725
|
}, $e = () => {
|
|
726
|
-
|
|
726
|
+
oe(), d.push("/profile");
|
|
727
727
|
}, Le = () => {
|
|
728
|
-
|
|
728
|
+
oe(), d.push("/change-password");
|
|
729
729
|
}, Me = () => {
|
|
730
|
-
|
|
730
|
+
oe(), u.logout(), s.clearUserInfo(), p.clearMenu(), d.push(l.loginPath);
|
|
731
731
|
}, fe = (T) => {
|
|
732
|
-
f.value && !f.value.contains(T.target) &&
|
|
732
|
+
f.value && !f.value.contains(T.target) && oe(), j.value && !j.value.contains(T.target) && ve();
|
|
733
733
|
}, ge = (T) => {
|
|
734
|
-
T.key === "Escape" && (ve(),
|
|
734
|
+
T.key === "Escape" && (ve(), oe());
|
|
735
735
|
};
|
|
736
736
|
return Ke(() => {
|
|
737
|
-
document.addEventListener("click", fe), document.addEventListener("fullscreenchange", _e), document.addEventListener("keydown", ge),
|
|
737
|
+
document.addEventListener("click", fe), document.addEventListener("fullscreenchange", _e), document.addEventListener("keydown", ge), l.initTheme(), D.value = document.documentElement.classList.contains("grey-mode");
|
|
738
738
|
}), je(() => {
|
|
739
739
|
document.removeEventListener("click", fe), document.removeEventListener("fullscreenchange", _e), document.removeEventListener("keydown", ge);
|
|
740
740
|
}), (T, k) => {
|
|
741
741
|
var Q;
|
|
742
|
-
return
|
|
742
|
+
return a(), c("div", Xt, [
|
|
743
743
|
e("div", Gt, [
|
|
744
744
|
e("div", {
|
|
745
745
|
class: "header__collapse",
|
|
746
746
|
onClick: A
|
|
747
747
|
}, [
|
|
748
|
-
y(
|
|
749
|
-
name:
|
|
748
|
+
y(o(U), {
|
|
749
|
+
name: o(l).isCollapsed ? "menu-unfold" : "menu-fold",
|
|
750
750
|
size: 18
|
|
751
751
|
}, null, 8, ["name"])
|
|
752
752
|
]),
|
|
753
|
-
|
|
754
|
-
(
|
|
755
|
-
key:
|
|
753
|
+
o(l).showBreadcrumb ? (a(), c("div", Jt, [
|
|
754
|
+
(a(!0), c(K, null, G(B.value, (x, S) => (a(), c("span", {
|
|
755
|
+
key: x.path
|
|
756
756
|
}, [
|
|
757
|
-
S > 0 ? (
|
|
757
|
+
S > 0 ? (a(), c("span", Zt, "/")) : P("", !0),
|
|
758
758
|
e("span", {
|
|
759
759
|
class: J({ "is-current": S === B.value.length - 1 })
|
|
760
|
-
}, x
|
|
760
|
+
}, b(x.title), 3)
|
|
761
761
|
]))), 128))
|
|
762
762
|
])) : P("", !0)
|
|
763
763
|
]),
|
|
@@ -767,40 +767,40 @@ const ue = Ne("menu", () => {
|
|
|
767
767
|
ref_key: "searchRef",
|
|
768
768
|
ref: j
|
|
769
769
|
}, [
|
|
770
|
-
y(
|
|
770
|
+
y(o(U), {
|
|
771
771
|
name: "search",
|
|
772
772
|
size: 14,
|
|
773
773
|
class: "header__search-icon"
|
|
774
774
|
}),
|
|
775
775
|
Te(e("input", {
|
|
776
|
-
"onUpdate:modelValue": k[0] || (k[0] = (
|
|
776
|
+
"onUpdate:modelValue": k[0] || (k[0] = (x) => _.value = x),
|
|
777
777
|
type: "text",
|
|
778
778
|
class: "header__search-input",
|
|
779
779
|
placeholder: "搜索菜单...",
|
|
780
|
-
onFocus: k[1] || (k[1] = (
|
|
780
|
+
onFocus: k[1] || (k[1] = (x) => i.value = !0)
|
|
781
781
|
}, null, 544), [
|
|
782
|
-
[We,
|
|
782
|
+
[We, _.value]
|
|
783
783
|
]),
|
|
784
|
-
y(
|
|
784
|
+
y(ke, { name: "search-dropdown" }, {
|
|
785
785
|
default: M(() => [
|
|
786
|
-
|
|
787
|
-
E.value.length > 0 ? (
|
|
788
|
-
(
|
|
789
|
-
key:
|
|
786
|
+
i.value && (E.value.length > 0 || _.value) ? (a(), c("div", es, [
|
|
787
|
+
E.value.length > 0 ? (a(), c("div", ts, [
|
|
788
|
+
(a(!0), c(K, null, G(E.value, (x) => (a(), c("div", {
|
|
789
|
+
key: x.path,
|
|
790
790
|
class: "header__search-item",
|
|
791
|
-
onClick: (S) => xe(
|
|
791
|
+
onClick: (S) => xe(x.path)
|
|
792
792
|
}, [
|
|
793
|
-
|
|
794
|
-
ee(Y(
|
|
793
|
+
x.title !== "首页" ? (a(), c("span", as, [
|
|
794
|
+
ee(Y(x.icon)) ? (a(), O(o(U), {
|
|
795
795
|
key: 0,
|
|
796
|
-
name: Y(
|
|
796
|
+
name: Y(x.icon),
|
|
797
797
|
size: 16
|
|
798
|
-
}, null, 8, ["name"])) : (
|
|
798
|
+
}, null, 8, ["name"])) : (a(), c("span", os, b(q(x.title)), 1))
|
|
799
799
|
])) : P("", !0),
|
|
800
|
-
e("span",
|
|
801
|
-
|
|
800
|
+
e("span", ns, b(x.title), 1),
|
|
801
|
+
x.parentTitle ? (a(), c("span", ls, b(x.parentTitle), 1)) : P("", !0)
|
|
802
802
|
], 8, ss))), 128))
|
|
803
|
-
])) : (
|
|
803
|
+
])) : (a(), c("div", rs, " 未找到匹配的菜单 "))
|
|
804
804
|
])) : P("", !0)
|
|
805
805
|
]),
|
|
806
806
|
_: 1
|
|
@@ -808,11 +808,11 @@ const ue = Ne("menu", () => {
|
|
|
808
808
|
], 512),
|
|
809
809
|
e("div", {
|
|
810
810
|
class: "header__action",
|
|
811
|
-
onClick:
|
|
812
|
-
title:
|
|
811
|
+
onClick: ae,
|
|
812
|
+
title: L.value ? "退出全屏" : "全屏"
|
|
813
813
|
}, [
|
|
814
|
-
y(
|
|
815
|
-
name:
|
|
814
|
+
y(o(U), {
|
|
815
|
+
name: L.value ? "fullscreen-exit" : "fullscreen",
|
|
816
816
|
size: 16
|
|
817
817
|
}, null, 8, ["name"])
|
|
818
818
|
], 8, is),
|
|
@@ -821,7 +821,7 @@ const ue = Ne("menu", () => {
|
|
|
821
821
|
onClick: F,
|
|
822
822
|
title: "换肤设置"
|
|
823
823
|
}, [
|
|
824
|
-
y(
|
|
824
|
+
y(o(U), {
|
|
825
825
|
name: "skin",
|
|
826
826
|
size: 16
|
|
827
827
|
})
|
|
@@ -831,8 +831,8 @@ const ue = Ne("menu", () => {
|
|
|
831
831
|
onClick: X,
|
|
832
832
|
title: "切换主题"
|
|
833
833
|
}, [
|
|
834
|
-
y(
|
|
835
|
-
name:
|
|
834
|
+
y(o(U), {
|
|
835
|
+
name: o(l).isDark ? "sun" : "moon",
|
|
836
836
|
size: 16
|
|
837
837
|
}, null, 8, ["name"])
|
|
838
838
|
]),
|
|
@@ -843,28 +843,28 @@ const ue = Ne("menu", () => {
|
|
|
843
843
|
}, [
|
|
844
844
|
e("div", {
|
|
845
845
|
class: "header__user-trigger",
|
|
846
|
-
onClick: Ee(
|
|
846
|
+
onClick: Ee(ue, ["stop"])
|
|
847
847
|
}, [
|
|
848
848
|
e("div", cs, [
|
|
849
|
-
e("span", null,
|
|
849
|
+
e("span", null, b(((Q = o(s).userName) == null ? void 0 : Q.charAt(0)) || "U"), 1)
|
|
850
850
|
]),
|
|
851
|
-
e("span",
|
|
851
|
+
e("span", us, b(o(s).userName), 1),
|
|
852
852
|
e("span", {
|
|
853
|
-
class: J(["header__user-arrow", { "is-active":
|
|
853
|
+
class: J(["header__user-arrow", { "is-active": h.value }])
|
|
854
854
|
}, "▼", 2)
|
|
855
855
|
]),
|
|
856
|
-
y(
|
|
856
|
+
y(ke, { name: "dropdown" }, {
|
|
857
857
|
default: M(() => {
|
|
858
|
-
var
|
|
858
|
+
var x;
|
|
859
859
|
return [
|
|
860
|
-
|
|
860
|
+
h.value ? (a(), c("div", ds, [
|
|
861
861
|
e("div", ms, [
|
|
862
862
|
e("div", ps, [
|
|
863
|
-
e("span", null,
|
|
863
|
+
e("span", null, b(((x = o(s).userName) == null ? void 0 : x.charAt(0)) || "U"), 1)
|
|
864
864
|
]),
|
|
865
865
|
e("div", vs, [
|
|
866
|
-
e("div", hs,
|
|
867
|
-
e("div", _s,
|
|
866
|
+
e("div", hs, b(o(s).userName), 1),
|
|
867
|
+
e("div", _s, b(o(s).departmentName), 1)
|
|
868
868
|
])
|
|
869
869
|
]),
|
|
870
870
|
k[7] || (k[7] = e("div", { class: "header__dropdown-divider" }, null, -1)),
|
|
@@ -873,7 +873,7 @@ const ue = Ne("menu", () => {
|
|
|
873
873
|
class: "header__dropdown-item",
|
|
874
874
|
onClick: $e
|
|
875
875
|
}, [
|
|
876
|
-
y(
|
|
876
|
+
y(o(U), {
|
|
877
877
|
name: "user",
|
|
878
878
|
size: 16
|
|
879
879
|
}),
|
|
@@ -883,7 +883,7 @@ const ue = Ne("menu", () => {
|
|
|
883
883
|
class: "header__dropdown-item",
|
|
884
884
|
onClick: Le
|
|
885
885
|
}, [
|
|
886
|
-
y(
|
|
886
|
+
y(o(U), {
|
|
887
887
|
name: "lock",
|
|
888
888
|
size: 16
|
|
889
889
|
}),
|
|
@@ -894,7 +894,7 @@ const ue = Ne("menu", () => {
|
|
|
894
894
|
class: "header__dropdown-item header__dropdown-item--danger",
|
|
895
895
|
onClick: Me
|
|
896
896
|
}, [
|
|
897
|
-
y(
|
|
897
|
+
y(o(U), {
|
|
898
898
|
name: "logout",
|
|
899
899
|
size: 16
|
|
900
900
|
}),
|
|
@@ -908,9 +908,9 @@ const ue = Ne("menu", () => {
|
|
|
908
908
|
})
|
|
909
909
|
], 512)
|
|
910
910
|
]),
|
|
911
|
-
y(
|
|
912
|
-
modelValue:
|
|
913
|
-
"onUpdate:modelValue": k[2] || (k[2] = (
|
|
911
|
+
y(o(Ge), {
|
|
912
|
+
modelValue: m.value,
|
|
913
|
+
"onUpdate:modelValue": k[2] || (k[2] = (x) => m.value = x),
|
|
914
914
|
title: "换肤设置",
|
|
915
915
|
direction: "rtl",
|
|
916
916
|
size: "320px"
|
|
@@ -919,23 +919,23 @@ const ue = Ne("menu", () => {
|
|
|
919
919
|
e("div", gs, [
|
|
920
920
|
e("div", ys, [
|
|
921
921
|
k[11] || (k[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
|
|
922
|
-
e("div",
|
|
923
|
-
(
|
|
924
|
-
key:
|
|
925
|
-
class: J(["layout-option", { "is-active": I.value ===
|
|
926
|
-
onClick: (S) => se(
|
|
922
|
+
e("div", ks, [
|
|
923
|
+
(a(), c(K, null, G(W, (x) => e("div", {
|
|
924
|
+
key: x.value,
|
|
925
|
+
class: J(["layout-option", { "is-active": I.value === x.value }]),
|
|
926
|
+
onClick: (S) => se(x.value)
|
|
927
927
|
}, [
|
|
928
|
-
e("div",
|
|
929
|
-
|
|
928
|
+
e("div", bs, [
|
|
929
|
+
x.value === "sidebar" ? (a(), c("div", xs, [...k[8] || (k[8] = [
|
|
930
930
|
e("div", { class: "preview-aside" }, null, -1),
|
|
931
931
|
e("div", { class: "preview-main" }, [
|
|
932
932
|
e("div", { class: "preview-header" }),
|
|
933
933
|
e("div", { class: "preview-content" })
|
|
934
934
|
], -1)
|
|
935
|
-
])])) :
|
|
935
|
+
])])) : x.value === "top" ? (a(), c("div", Cs, [...k[9] || (k[9] = [
|
|
936
936
|
e("div", { class: "preview-header-full" }, null, -1),
|
|
937
937
|
e("div", { class: "preview-content-full" }, null, -1)
|
|
938
|
-
])])) : (
|
|
938
|
+
])])) : (a(), c("div", $s, [...k[10] || (k[10] = [
|
|
939
939
|
e("div", { class: "preview-header-mix" }, [
|
|
940
940
|
e("div", { class: "preview-mix-left" })
|
|
941
941
|
], -1),
|
|
@@ -945,21 +945,21 @@ const ue = Ne("menu", () => {
|
|
|
945
945
|
], -1)
|
|
946
946
|
])]))
|
|
947
947
|
]),
|
|
948
|
-
e("span", Ls, x
|
|
949
|
-
], 10,
|
|
948
|
+
e("span", Ls, b(x.label), 1)
|
|
949
|
+
], 10, ws)), 64))
|
|
950
950
|
])
|
|
951
951
|
]),
|
|
952
952
|
e("div", Ms, [
|
|
953
953
|
k[12] || (k[12] = e("div", { class: "settings-title" }, "主题色", -1)),
|
|
954
954
|
e("div", Ss, [
|
|
955
|
-
(
|
|
956
|
-
key:
|
|
957
|
-
class: J(["color-option", { "is-active":
|
|
958
|
-
style: Ie({ backgroundColor:
|
|
959
|
-
title:
|
|
960
|
-
onClick: (S) => Ce(
|
|
955
|
+
(a(), c(K, null, G(V, (x) => e("div", {
|
|
956
|
+
key: x.value,
|
|
957
|
+
class: J(["color-option", { "is-active": o(l).primaryColor === x.value }]),
|
|
958
|
+
style: Ie({ backgroundColor: x.value }),
|
|
959
|
+
title: x.label,
|
|
960
|
+
onClick: (S) => Ce(x.value)
|
|
961
961
|
}, [
|
|
962
|
-
|
|
962
|
+
o(l).primaryColor === x.value ? (a(), O(o(U), {
|
|
963
963
|
key: 0,
|
|
964
964
|
name: "check",
|
|
965
965
|
size: 12,
|
|
@@ -983,7 +983,7 @@ const ue = Ne("menu", () => {
|
|
|
983
983
|
e("div", Ts, [
|
|
984
984
|
k[16] || (k[16] = e("span", null, "暗黑模式", -1)),
|
|
985
985
|
e("div", {
|
|
986
|
-
class: J(["switch-wrapper", { "is-checked":
|
|
986
|
+
class: J(["switch-wrapper", { "is-checked": o(l).isDark }]),
|
|
987
987
|
onClick: z
|
|
988
988
|
}, [...k[15] || (k[15] = [
|
|
989
989
|
e("span", { class: "switch-core" }, null, -1)
|
|
@@ -1010,60 +1010,60 @@ const ue = Ne("menu", () => {
|
|
|
1010
1010
|
}, Hs = { class: "top-menu__menu-text" }, Ys = { class: "top-menu__menu-content" }, Xs = { class: "top-menu__menu-icon" }, Gs = {
|
|
1011
1011
|
key: 1,
|
|
1012
1012
|
class: "top-menu__menu-char"
|
|
1013
|
-
}, Js = { class: "top-menu__menu-text" }, Zs = { class: "top-menu__menu-content" }, Qs = { class: "top-menu__menu-icon" },
|
|
1013
|
+
}, Js = { class: "top-menu__menu-text" }, Zs = { class: "top-menu__menu-content" }, Qs = { class: "top-menu__menu-icon" }, ea = {
|
|
1014
1014
|
key: 1,
|
|
1015
1015
|
class: "top-menu__menu-char"
|
|
1016
|
-
},
|
|
1016
|
+
}, ta = { class: "top-menu__menu-text" }, sa = { class: "top-menu__menu-content" }, aa = {
|
|
1017
1017
|
key: 0,
|
|
1018
1018
|
class: "top-menu__menu-icon"
|
|
1019
|
-
},
|
|
1019
|
+
}, oa = {
|
|
1020
1020
|
key: 1,
|
|
1021
1021
|
class: "top-menu__menu-char"
|
|
1022
|
-
},
|
|
1022
|
+
}, na = { class: "top-menu__menu-text" }, la = { class: "top-menu__actions" }, ra = {
|
|
1023
1023
|
key: 0,
|
|
1024
1024
|
class: "top-menu__search-dropdown"
|
|
1025
|
-
},
|
|
1025
|
+
}, ia = {
|
|
1026
1026
|
key: 0,
|
|
1027
1027
|
class: "top-menu__search-results"
|
|
1028
|
-
},
|
|
1028
|
+
}, ca = ["onClick"], ua = {
|
|
1029
1029
|
key: 0,
|
|
1030
1030
|
class: "top-menu__search-icon-item"
|
|
1031
|
-
},
|
|
1031
|
+
}, da = {
|
|
1032
1032
|
key: 1,
|
|
1033
1033
|
class: "top-menu__search-char"
|
|
1034
|
-
},
|
|
1034
|
+
}, ma = { class: "top-menu__search-item-title" }, pa = {
|
|
1035
1035
|
key: 1,
|
|
1036
1036
|
class: "top-menu__search-item-parent"
|
|
1037
|
-
},
|
|
1037
|
+
}, va = {
|
|
1038
1038
|
key: 1,
|
|
1039
1039
|
class: "top-menu__search-empty"
|
|
1040
|
-
},
|
|
1040
|
+
}, ha = ["title"], _a = { class: "top-menu__avatar" }, fa = { class: "top-menu__user-name" }, ga = {
|
|
1041
1041
|
key: 0,
|
|
1042
1042
|
class: "top-menu__dropdown"
|
|
1043
|
-
},
|
|
1043
|
+
}, ya = { class: "top-menu__dropdown-header" }, ka = { class: "top-menu__dropdown-avatar" }, wa = { class: "top-menu__dropdown-info" }, ba = { class: "top-menu__dropdown-name" }, xa = { class: "top-menu__dropdown-role" }, Ca = { class: "top-menu__dropdown-menu" }, $a = { class: "settings-drawer" }, La = { class: "settings-section" }, Ma = { class: "settings-layout-options" }, Sa = ["onClick"], Ia = { class: "layout-option__preview" }, Na = {
|
|
1044
1044
|
key: 0,
|
|
1045
1045
|
class: "layout-preview-sidebar"
|
|
1046
|
-
},
|
|
1046
|
+
}, za = {
|
|
1047
1047
|
key: 1,
|
|
1048
1048
|
class: "layout-preview-top"
|
|
1049
|
-
},
|
|
1049
|
+
}, Ua = {
|
|
1050
1050
|
key: 2,
|
|
1051
1051
|
class: "layout-preview-mix"
|
|
1052
|
-
},
|
|
1052
|
+
}, Ta = { class: "layout-option__label" }, Ea = { class: "settings-section" }, Pa = { class: "settings-color-options" }, Aa = ["title", "onClick"], Da = { class: "settings-section" }, Va = { class: "settings-switch-list" }, Oa = { class: "settings-switch-item" }, Ba = { class: "settings-switch-item" }, Ra = /* @__PURE__ */ ne({
|
|
1053
1053
|
__name: "TopMenu",
|
|
1054
1054
|
props: {
|
|
1055
1055
|
logoSrc: { default: "/vite.svg" }
|
|
1056
1056
|
},
|
|
1057
1057
|
setup(t) {
|
|
1058
|
-
const
|
|
1058
|
+
const r = t, d = be(), l = me(), s = de(), u = ie(), p = le(), h = ze(), m = w(() => d.path), f = (S, $ = "") => {
|
|
1059
1059
|
const te = [];
|
|
1060
|
-
return S.forEach((
|
|
1061
|
-
|
|
1060
|
+
return S.forEach((n) => {
|
|
1061
|
+
n.children && n.children.length > 0 ? te.push(...f(n.children, n.menuName)) : te.push({ ...n, parentTitle: $, title: n.menuName, path: n.menuUrl });
|
|
1062
1062
|
}), te;
|
|
1063
|
-
},
|
|
1064
|
-
(
|
|
1065
|
-
) : []),
|
|
1066
|
-
S && S !== d.path &&
|
|
1063
|
+
}, L = w(() => Y.value.trim() ? f(s.menuList).filter(
|
|
1064
|
+
($) => $.title.toLowerCase().includes(Y.value.toLowerCase())
|
|
1065
|
+
) : []), i = w(() => u.isDark ? "#1d1e1f" : "#fff"), _ = w(() => u.isDark ? "#cfd3dc" : "#303133"), j = w(() => "#409eff"), D = g(!1), W = g(null), V = g(!1), B = g(!1), H = g(!1), Z = g(!1), Y = g(""), q = g(null), ee = (S) => {
|
|
1066
|
+
S && S !== d.path && l.push(S);
|
|
1067
1067
|
}, E = /* @__PURE__ */ new Set([
|
|
1068
1068
|
"arrow-up",
|
|
1069
1069
|
"arrow-down",
|
|
@@ -1204,35 +1204,35 @@ const ue = Ne("menu", () => {
|
|
|
1204
1204
|
grid: "grid"
|
|
1205
1205
|
}[S] || S;
|
|
1206
1206
|
}, A = (S) => S ? S.charAt(0) : "", X = (S) => E.has(S), F = () => {
|
|
1207
|
-
|
|
1207
|
+
u.toggleTheme(), B.value = !1;
|
|
1208
1208
|
}, se = () => {
|
|
1209
1209
|
document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
|
|
1210
|
-
},
|
|
1210
|
+
}, ce = () => {
|
|
1211
1211
|
V.value = !!document.fullscreenElement;
|
|
1212
1212
|
}, pe = () => {
|
|
1213
1213
|
D.value = !D.value;
|
|
1214
1214
|
}, z = () => {
|
|
1215
1215
|
D.value = !1;
|
|
1216
|
-
},
|
|
1216
|
+
}, ae = () => {
|
|
1217
1217
|
Z.value = !1, Y.value = "";
|
|
1218
1218
|
}, _e = (S) => {
|
|
1219
|
-
|
|
1220
|
-
},
|
|
1219
|
+
l.push(S), ae();
|
|
1220
|
+
}, ue = () => {
|
|
1221
1221
|
B.value = !0;
|
|
1222
|
-
},
|
|
1222
|
+
}, oe = (S) => {
|
|
1223
1223
|
H.value = S;
|
|
1224
|
-
const
|
|
1225
|
-
S ?
|
|
1224
|
+
const $ = document.documentElement;
|
|
1225
|
+
S ? $.classList.add("grey-mode") : $.classList.remove("grey-mode");
|
|
1226
1226
|
}, ve = () => {
|
|
1227
|
-
|
|
1227
|
+
oe(!H.value), B.value = !1;
|
|
1228
1228
|
}, xe = () => {
|
|
1229
|
-
|
|
1229
|
+
u.toggleTheme(), B.value = !1;
|
|
1230
1230
|
}, Ce = [
|
|
1231
1231
|
{ value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
|
|
1232
1232
|
{ value: "top", label: "顶部菜单", icon: "menu" },
|
|
1233
1233
|
{ value: "mix", label: "混合菜单", icon: "grid" }
|
|
1234
|
-
], $e = w(() =>
|
|
1235
|
-
|
|
1234
|
+
], $e = w(() => u.layout), Le = (S) => {
|
|
1235
|
+
u.setLayout(S), B.value = !1;
|
|
1236
1236
|
}, Me = [
|
|
1237
1237
|
{ value: "#409eff", label: "默认蓝" },
|
|
1238
1238
|
{ value: "#1890ff", label: "科技蓝" },
|
|
@@ -1241,117 +1241,117 @@ const ue = Ne("menu", () => {
|
|
|
1241
1241
|
{ value: "#f5222d", label: "薄暮红" },
|
|
1242
1242
|
{ value: "#722ed1", label: "酱紫" }
|
|
1243
1243
|
], fe = (S) => {
|
|
1244
|
-
|
|
1244
|
+
u.setPrimaryColor(S), B.value = !1;
|
|
1245
1245
|
}, ge = () => {
|
|
1246
|
-
z(),
|
|
1246
|
+
z(), l.push("/profile");
|
|
1247
1247
|
}, T = () => {
|
|
1248
|
-
z(),
|
|
1248
|
+
z(), l.push("/change-password");
|
|
1249
1249
|
}, k = () => {
|
|
1250
|
-
z(),
|
|
1250
|
+
z(), h.logout(), p.clearUserInfo(), s.clearMenu(), l.push(u.loginPath);
|
|
1251
1251
|
}, Q = (S) => {
|
|
1252
|
-
W.value && !W.value.contains(S.target) && z(), q.value && !q.value.contains(S.target) &&
|
|
1253
|
-
},
|
|
1254
|
-
S.key === "Escape" && (
|
|
1252
|
+
W.value && !W.value.contains(S.target) && z(), q.value && !q.value.contains(S.target) && ae();
|
|
1253
|
+
}, x = (S) => {
|
|
1254
|
+
S.key === "Escape" && (ae(), z());
|
|
1255
1255
|
};
|
|
1256
1256
|
return Ke(() => {
|
|
1257
|
-
document.addEventListener("click", Q), document.addEventListener("fullscreenchange",
|
|
1257
|
+
document.addEventListener("click", Q), document.addEventListener("fullscreenchange", ce), document.addEventListener("keydown", x), H.value = document.documentElement.classList.contains("grey-mode");
|
|
1258
1258
|
}), je(() => {
|
|
1259
|
-
document.removeEventListener("click", Q), document.removeEventListener("fullscreenchange",
|
|
1260
|
-
}), (S,
|
|
1259
|
+
document.removeEventListener("click", Q), document.removeEventListener("fullscreenchange", ce), document.removeEventListener("keydown", x);
|
|
1260
|
+
}), (S, $) => {
|
|
1261
1261
|
var te;
|
|
1262
|
-
return
|
|
1262
|
+
return a(), c("div", As, [
|
|
1263
1263
|
e("div", Ds, [
|
|
1264
1264
|
e("img", {
|
|
1265
|
-
src:
|
|
1265
|
+
src: r.logoSrc,
|
|
1266
1266
|
alt: "Logo",
|
|
1267
1267
|
class: "top-menu__logo-img"
|
|
1268
1268
|
}, null, 8, Vs),
|
|
1269
|
-
e("span", Os,
|
|
1269
|
+
e("span", Os, b(o(u).appName), 1)
|
|
1270
1270
|
]),
|
|
1271
|
-
y(
|
|
1272
|
-
"model-value":
|
|
1271
|
+
y(o(Xe), {
|
|
1272
|
+
"model-value": m.value,
|
|
1273
1273
|
mode: "horizontal",
|
|
1274
|
-
"background-color":
|
|
1275
|
-
"text-color":
|
|
1274
|
+
"background-color": i.value,
|
|
1275
|
+
"text-color": _.value,
|
|
1276
1276
|
"active-text-color": j.value,
|
|
1277
1277
|
class: "top-menu__menu",
|
|
1278
1278
|
onSelect: ee
|
|
1279
1279
|
}, {
|
|
1280
1280
|
default: M(() => [
|
|
1281
|
-
(
|
|
1282
|
-
key:
|
|
1281
|
+
(a(!0), c(K, null, G(o(s).menuList, (n) => (a(), c(K, {
|
|
1282
|
+
key: n.menuUrl
|
|
1283
1283
|
}, [
|
|
1284
|
-
|
|
1284
|
+
n.children && n.children.length > 0 ? (a(), O(o(Re), {
|
|
1285
1285
|
key: 0,
|
|
1286
|
-
index:
|
|
1286
|
+
index: n.menuUrl
|
|
1287
1287
|
}, {
|
|
1288
1288
|
title: M(() => [
|
|
1289
1289
|
e("span", Bs, [
|
|
1290
|
-
|
|
1291
|
-
X(I(
|
|
1290
|
+
n.menuName !== "首页" ? (a(), c("span", Rs, [
|
|
1291
|
+
X(I(n.icon)) ? (a(), O(o(U), {
|
|
1292
1292
|
key: 0,
|
|
1293
|
-
name: I(
|
|
1293
|
+
name: I(n.icon),
|
|
1294
1294
|
size: 16
|
|
1295
|
-
}, null, 8, ["name"])) : (
|
|
1295
|
+
}, null, 8, ["name"])) : (a(), c("span", Fs, b(A(n.menuName)), 1))
|
|
1296
1296
|
])) : P("", !0),
|
|
1297
|
-
e("span", Ks,
|
|
1297
|
+
e("span", Ks, b(n.menuName), 1)
|
|
1298
1298
|
])
|
|
1299
1299
|
]),
|
|
1300
1300
|
default: M(() => [
|
|
1301
|
-
(
|
|
1302
|
-
key:
|
|
1301
|
+
(a(!0), c(K, null, G(n.children, (v) => (a(), c(K, {
|
|
1302
|
+
key: v.menuUrl
|
|
1303
1303
|
}, [
|
|
1304
|
-
|
|
1304
|
+
v.children && v.children.length > 0 ? (a(), O(o(Re), {
|
|
1305
1305
|
key: 0,
|
|
1306
|
-
index:
|
|
1306
|
+
index: v.menuUrl
|
|
1307
1307
|
}, {
|
|
1308
1308
|
title: M(() => [
|
|
1309
1309
|
e("span", js, [
|
|
1310
1310
|
e("span", Ws, [
|
|
1311
|
-
X(I(
|
|
1311
|
+
X(I(v.icon)) ? (a(), O(o(U), {
|
|
1312
1312
|
key: 0,
|
|
1313
|
-
name: I(
|
|
1313
|
+
name: I(v.icon),
|
|
1314
1314
|
size: 16
|
|
1315
|
-
}, null, 8, ["name"])) : (
|
|
1315
|
+
}, null, 8, ["name"])) : (a(), c("span", qs, b(A(v.menuName)), 1))
|
|
1316
1316
|
]),
|
|
1317
|
-
e("span", Hs,
|
|
1317
|
+
e("span", Hs, b(v.menuName), 1)
|
|
1318
1318
|
])
|
|
1319
1319
|
]),
|
|
1320
1320
|
default: M(() => [
|
|
1321
|
-
(
|
|
1321
|
+
(a(!0), c(K, null, G(v.children, (R) => (a(), O(o(Se), {
|
|
1322
1322
|
key: R.menuUrl,
|
|
1323
1323
|
index: R.menuUrl
|
|
1324
1324
|
}, {
|
|
1325
1325
|
default: M(() => [
|
|
1326
1326
|
e("span", Ys, [
|
|
1327
1327
|
e("span", Xs, [
|
|
1328
|
-
X(I(R.icon)) ? (
|
|
1328
|
+
X(I(R.icon)) ? (a(), O(o(U), {
|
|
1329
1329
|
key: 0,
|
|
1330
1330
|
name: I(R.icon),
|
|
1331
1331
|
size: 16
|
|
1332
|
-
}, null, 8, ["name"])) : (
|
|
1332
|
+
}, null, 8, ["name"])) : (a(), c("span", Gs, b(A(R.menuName)), 1))
|
|
1333
1333
|
]),
|
|
1334
|
-
e("span", Js,
|
|
1334
|
+
e("span", Js, b(R.menuName), 1)
|
|
1335
1335
|
])
|
|
1336
1336
|
]),
|
|
1337
1337
|
_: 2
|
|
1338
1338
|
}, 1032, ["index"]))), 128))
|
|
1339
1339
|
]),
|
|
1340
1340
|
_: 2
|
|
1341
|
-
}, 1032, ["index"])) : (
|
|
1341
|
+
}, 1032, ["index"])) : (a(), O(o(Se), {
|
|
1342
1342
|
key: 1,
|
|
1343
|
-
index:
|
|
1343
|
+
index: v.menuUrl
|
|
1344
1344
|
}, {
|
|
1345
1345
|
default: M(() => [
|
|
1346
1346
|
e("span", Zs, [
|
|
1347
1347
|
e("span", Qs, [
|
|
1348
|
-
X(I(
|
|
1348
|
+
X(I(v.icon)) ? (a(), O(o(U), {
|
|
1349
1349
|
key: 0,
|
|
1350
|
-
name: I(
|
|
1350
|
+
name: I(v.icon),
|
|
1351
1351
|
size: 16
|
|
1352
|
-
}, null, 8, ["name"])) : (
|
|
1352
|
+
}, null, 8, ["name"])) : (a(), c("span", ea, b(A(v.menuName)), 1))
|
|
1353
1353
|
]),
|
|
1354
|
-
e("span",
|
|
1354
|
+
e("span", ta, b(v.menuName), 1)
|
|
1355
1355
|
])
|
|
1356
1356
|
]),
|
|
1357
1357
|
_: 2
|
|
@@ -1359,20 +1359,20 @@ const ue = Ne("menu", () => {
|
|
|
1359
1359
|
], 64))), 128))
|
|
1360
1360
|
]),
|
|
1361
1361
|
_: 2
|
|
1362
|
-
}, 1032, ["index"])) : (
|
|
1362
|
+
}, 1032, ["index"])) : (a(), O(o(Se), {
|
|
1363
1363
|
key: 1,
|
|
1364
|
-
index:
|
|
1364
|
+
index: n.menuUrl
|
|
1365
1365
|
}, {
|
|
1366
1366
|
default: M(() => [
|
|
1367
|
-
e("span",
|
|
1368
|
-
|
|
1369
|
-
X(I(
|
|
1367
|
+
e("span", sa, [
|
|
1368
|
+
n.menuName !== "首页" ? (a(), c("span", aa, [
|
|
1369
|
+
X(I(n.icon)) ? (a(), O(o(U), {
|
|
1370
1370
|
key: 0,
|
|
1371
|
-
name: I(
|
|
1371
|
+
name: I(n.icon),
|
|
1372
1372
|
size: 16
|
|
1373
|
-
}, null, 8, ["name"])) : (
|
|
1373
|
+
}, null, 8, ["name"])) : (a(), c("span", oa, b(A(n.menuName)), 1))
|
|
1374
1374
|
])) : P("", !0),
|
|
1375
|
-
e("span",
|
|
1375
|
+
e("span", na, b(n.menuName), 1)
|
|
1376
1376
|
])
|
|
1377
1377
|
]),
|
|
1378
1378
|
_: 2
|
|
@@ -1381,46 +1381,46 @@ const ue = Ne("menu", () => {
|
|
|
1381
1381
|
]),
|
|
1382
1382
|
_: 1
|
|
1383
1383
|
}, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
|
|
1384
|
-
e("div",
|
|
1384
|
+
e("div", la, [
|
|
1385
1385
|
e("div", {
|
|
1386
1386
|
class: "top-menu__search",
|
|
1387
1387
|
ref_key: "searchRef",
|
|
1388
1388
|
ref: q
|
|
1389
1389
|
}, [
|
|
1390
|
-
y(
|
|
1390
|
+
y(o(U), {
|
|
1391
1391
|
name: "search",
|
|
1392
1392
|
size: 14,
|
|
1393
1393
|
class: "top-menu__search-icon"
|
|
1394
1394
|
}),
|
|
1395
1395
|
Te(e("input", {
|
|
1396
|
-
"onUpdate:modelValue":
|
|
1396
|
+
"onUpdate:modelValue": $[0] || ($[0] = (n) => Y.value = n),
|
|
1397
1397
|
type: "text",
|
|
1398
1398
|
class: "top-menu__search-input",
|
|
1399
1399
|
placeholder: "搜索菜单...",
|
|
1400
|
-
onFocus:
|
|
1400
|
+
onFocus: $[1] || ($[1] = (n) => Z.value = !0)
|
|
1401
1401
|
}, null, 544), [
|
|
1402
1402
|
[We, Y.value]
|
|
1403
1403
|
]),
|
|
1404
|
-
y(
|
|
1404
|
+
y(ke, { name: "search-dropdown" }, {
|
|
1405
1405
|
default: M(() => [
|
|
1406
|
-
Z.value && (
|
|
1407
|
-
|
|
1408
|
-
(
|
|
1409
|
-
key:
|
|
1406
|
+
Z.value && (L.value.length > 0 || Y.value) ? (a(), c("div", ra, [
|
|
1407
|
+
L.value.length > 0 ? (a(), c("div", ia, [
|
|
1408
|
+
(a(!0), c(K, null, G(L.value, (n) => (a(), c("div", {
|
|
1409
|
+
key: n.path,
|
|
1410
1410
|
class: "top-menu__search-item",
|
|
1411
|
-
onClick: (
|
|
1411
|
+
onClick: (v) => _e(n.path)
|
|
1412
1412
|
}, [
|
|
1413
|
-
|
|
1414
|
-
X(I(
|
|
1413
|
+
n.title !== "首页" ? (a(), c("span", ua, [
|
|
1414
|
+
X(I(n.icon)) ? (a(), O(o(U), {
|
|
1415
1415
|
key: 0,
|
|
1416
|
-
name: I(
|
|
1416
|
+
name: I(n.icon),
|
|
1417
1417
|
size: 16
|
|
1418
|
-
}, null, 8, ["name"])) : (
|
|
1418
|
+
}, null, 8, ["name"])) : (a(), c("span", da, b(A(n.title)), 1))
|
|
1419
1419
|
])) : P("", !0),
|
|
1420
|
-
e("span",
|
|
1421
|
-
|
|
1422
|
-
], 8,
|
|
1423
|
-
])) : (
|
|
1420
|
+
e("span", ma, b(n.title), 1),
|
|
1421
|
+
n.parentTitle ? (a(), c("span", pa, b(n.parentTitle), 1)) : P("", !0)
|
|
1422
|
+
], 8, ca))), 128))
|
|
1423
|
+
])) : (a(), c("div", va, " 未找到匹配的菜单 "))
|
|
1424
1424
|
])) : P("", !0)
|
|
1425
1425
|
]),
|
|
1426
1426
|
_: 1
|
|
@@ -1431,17 +1431,17 @@ const ue = Ne("menu", () => {
|
|
|
1431
1431
|
onClick: se,
|
|
1432
1432
|
title: V.value ? "退出全屏" : "全屏"
|
|
1433
1433
|
}, [
|
|
1434
|
-
y(
|
|
1434
|
+
y(o(U), {
|
|
1435
1435
|
name: V.value ? "fullscreen-exit" : "fullscreen",
|
|
1436
1436
|
size: 16
|
|
1437
1437
|
}, null, 8, ["name"])
|
|
1438
|
-
], 8,
|
|
1438
|
+
], 8, ha),
|
|
1439
1439
|
e("div", {
|
|
1440
1440
|
class: "top-menu__action",
|
|
1441
|
-
onClick:
|
|
1441
|
+
onClick: ue,
|
|
1442
1442
|
title: "换肤设置"
|
|
1443
1443
|
}, [
|
|
1444
|
-
y(
|
|
1444
|
+
y(o(U), {
|
|
1445
1445
|
name: "skin",
|
|
1446
1446
|
size: 16
|
|
1447
1447
|
})
|
|
@@ -1451,8 +1451,8 @@ const ue = Ne("menu", () => {
|
|
|
1451
1451
|
onClick: F,
|
|
1452
1452
|
title: "切换主题"
|
|
1453
1453
|
}, [
|
|
1454
|
-
y(
|
|
1455
|
-
name:
|
|
1454
|
+
y(o(U), {
|
|
1455
|
+
name: o(u).isDark ? "sun" : "moon",
|
|
1456
1456
|
size: 16
|
|
1457
1457
|
}, null, 8, ["name"])
|
|
1458
1458
|
]),
|
|
@@ -1465,60 +1465,60 @@ const ue = Ne("menu", () => {
|
|
|
1465
1465
|
class: "top-menu__user-trigger",
|
|
1466
1466
|
onClick: Ee(pe, ["stop"])
|
|
1467
1467
|
}, [
|
|
1468
|
-
e("div",
|
|
1469
|
-
e("span", null,
|
|
1468
|
+
e("div", _a, [
|
|
1469
|
+
e("span", null, b(((te = o(p).userName) == null ? void 0 : te.charAt(0)) || "U"), 1)
|
|
1470
1470
|
]),
|
|
1471
|
-
e("span",
|
|
1471
|
+
e("span", fa, b(o(p).userName), 1),
|
|
1472
1472
|
e("span", {
|
|
1473
1473
|
class: J(["top-menu__user-arrow", { "is-active": D.value }])
|
|
1474
1474
|
}, "▼", 2)
|
|
1475
1475
|
]),
|
|
1476
|
-
y(
|
|
1476
|
+
y(ke, { name: "dropdown" }, {
|
|
1477
1477
|
default: M(() => {
|
|
1478
|
-
var
|
|
1478
|
+
var n;
|
|
1479
1479
|
return [
|
|
1480
|
-
D.value ? (
|
|
1481
|
-
e("div",
|
|
1482
|
-
e("div",
|
|
1483
|
-
e("span", null,
|
|
1480
|
+
D.value ? (a(), c("div", ga, [
|
|
1481
|
+
e("div", ya, [
|
|
1482
|
+
e("div", ka, [
|
|
1483
|
+
e("span", null, b(((n = o(p).userName) == null ? void 0 : n.charAt(0)) || "U"), 1)
|
|
1484
1484
|
]),
|
|
1485
|
-
e("div",
|
|
1486
|
-
e("div",
|
|
1487
|
-
e("div",
|
|
1485
|
+
e("div", wa, [
|
|
1486
|
+
e("div", ba, b(o(p).userName), 1),
|
|
1487
|
+
e("div", xa, b(o(p).departmentName), 1)
|
|
1488
1488
|
])
|
|
1489
1489
|
]),
|
|
1490
|
-
|
|
1491
|
-
e("div",
|
|
1490
|
+
$[7] || ($[7] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
|
|
1491
|
+
e("div", Ca, [
|
|
1492
1492
|
e("div", {
|
|
1493
1493
|
class: "top-menu__dropdown-item",
|
|
1494
1494
|
onClick: ge
|
|
1495
1495
|
}, [
|
|
1496
|
-
y(
|
|
1496
|
+
y(o(U), {
|
|
1497
1497
|
name: "user",
|
|
1498
1498
|
size: 16
|
|
1499
1499
|
}),
|
|
1500
|
-
|
|
1500
|
+
$[3] || ($[3] = e("span", null, "个人信息", -1))
|
|
1501
1501
|
]),
|
|
1502
1502
|
e("div", {
|
|
1503
1503
|
class: "top-menu__dropdown-item",
|
|
1504
1504
|
onClick: T
|
|
1505
1505
|
}, [
|
|
1506
|
-
y(
|
|
1506
|
+
y(o(U), {
|
|
1507
1507
|
name: "lock",
|
|
1508
1508
|
size: 16
|
|
1509
1509
|
}),
|
|
1510
|
-
|
|
1510
|
+
$[4] || ($[4] = e("span", null, "修改密码", -1))
|
|
1511
1511
|
]),
|
|
1512
|
-
|
|
1512
|
+
$[6] || ($[6] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
|
|
1513
1513
|
e("div", {
|
|
1514
1514
|
class: "top-menu__dropdown-item top-menu__dropdown-item--danger",
|
|
1515
1515
|
onClick: k
|
|
1516
1516
|
}, [
|
|
1517
|
-
y(
|
|
1517
|
+
y(o(U), {
|
|
1518
1518
|
name: "logout",
|
|
1519
1519
|
size: 16
|
|
1520
1520
|
}),
|
|
1521
|
-
|
|
1521
|
+
$[5] || ($[5] = e("span", null, "退出登录", -1))
|
|
1522
1522
|
])
|
|
1523
1523
|
])
|
|
1524
1524
|
])) : P("", !0)
|
|
@@ -1528,34 +1528,34 @@ const ue = Ne("menu", () => {
|
|
|
1528
1528
|
})
|
|
1529
1529
|
], 512)
|
|
1530
1530
|
]),
|
|
1531
|
-
y(
|
|
1531
|
+
y(o(Ge), {
|
|
1532
1532
|
modelValue: B.value,
|
|
1533
|
-
"onUpdate:modelValue":
|
|
1533
|
+
"onUpdate:modelValue": $[2] || ($[2] = (n) => B.value = n),
|
|
1534
1534
|
title: "换肤设置",
|
|
1535
1535
|
direction: "rtl",
|
|
1536
1536
|
size: "320px"
|
|
1537
1537
|
}, {
|
|
1538
1538
|
default: M(() => [
|
|
1539
|
-
e("div",
|
|
1540
|
-
e("div",
|
|
1541
|
-
|
|
1542
|
-
e("div",
|
|
1543
|
-
(
|
|
1544
|
-
key:
|
|
1545
|
-
class: J(["layout-option", { "is-active": $e.value ===
|
|
1546
|
-
onClick: (
|
|
1539
|
+
e("div", $a, [
|
|
1540
|
+
e("div", La, [
|
|
1541
|
+
$[11] || ($[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
|
|
1542
|
+
e("div", Ma, [
|
|
1543
|
+
(a(), c(K, null, G(Ce, (n) => e("div", {
|
|
1544
|
+
key: n.value,
|
|
1545
|
+
class: J(["layout-option", { "is-active": $e.value === n.value }]),
|
|
1546
|
+
onClick: (v) => Le(n.value)
|
|
1547
1547
|
}, [
|
|
1548
|
-
e("div",
|
|
1549
|
-
|
|
1548
|
+
e("div", Ia, [
|
|
1549
|
+
n.value === "sidebar" ? (a(), c("div", Na, [...$[8] || ($[8] = [
|
|
1550
1550
|
e("div", { class: "preview-aside" }, null, -1),
|
|
1551
1551
|
e("div", { class: "preview-main" }, [
|
|
1552
1552
|
e("div", { class: "preview-header" }),
|
|
1553
1553
|
e("div", { class: "preview-content" })
|
|
1554
1554
|
], -1)
|
|
1555
|
-
])])) :
|
|
1555
|
+
])])) : n.value === "top" ? (a(), c("div", za, [...$[9] || ($[9] = [
|
|
1556
1556
|
e("div", { class: "preview-header-full" }, null, -1),
|
|
1557
1557
|
e("div", { class: "preview-content-full" }, null, -1)
|
|
1558
|
-
])])) : (
|
|
1558
|
+
])])) : (a(), c("div", Ua, [...$[10] || ($[10] = [
|
|
1559
1559
|
e("div", { class: "preview-header-mix" }, [
|
|
1560
1560
|
e("div", { class: "preview-mix-left" })
|
|
1561
1561
|
], -1),
|
|
@@ -1565,47 +1565,47 @@ const ue = Ne("menu", () => {
|
|
|
1565
1565
|
], -1)
|
|
1566
1566
|
])]))
|
|
1567
1567
|
]),
|
|
1568
|
-
e("span",
|
|
1569
|
-
], 10,
|
|
1568
|
+
e("span", Ta, b(n.label), 1)
|
|
1569
|
+
], 10, Sa)), 64))
|
|
1570
1570
|
])
|
|
1571
1571
|
]),
|
|
1572
|
-
e("div",
|
|
1573
|
-
|
|
1574
|
-
e("div",
|
|
1575
|
-
(
|
|
1576
|
-
key:
|
|
1577
|
-
class: J(["color-option", { "is-active":
|
|
1578
|
-
style: Ie({ backgroundColor:
|
|
1579
|
-
title:
|
|
1580
|
-
onClick: (
|
|
1572
|
+
e("div", Ea, [
|
|
1573
|
+
$[12] || ($[12] = e("div", { class: "settings-title" }, "主题色", -1)),
|
|
1574
|
+
e("div", Pa, [
|
|
1575
|
+
(a(), c(K, null, G(Me, (n) => e("div", {
|
|
1576
|
+
key: n.value,
|
|
1577
|
+
class: J(["color-option", { "is-active": o(u).primaryColor === n.value }]),
|
|
1578
|
+
style: Ie({ backgroundColor: n.value }),
|
|
1579
|
+
title: n.label,
|
|
1580
|
+
onClick: (v) => fe(n.value)
|
|
1581
1581
|
}, [
|
|
1582
|
-
|
|
1582
|
+
o(u).primaryColor === n.value ? (a(), O(o(U), {
|
|
1583
1583
|
key: 0,
|
|
1584
1584
|
name: "check",
|
|
1585
1585
|
size: 12,
|
|
1586
1586
|
color: "#fff"
|
|
1587
1587
|
})) : P("", !0)
|
|
1588
|
-
], 14,
|
|
1588
|
+
], 14, Aa)), 64))
|
|
1589
1589
|
])
|
|
1590
1590
|
]),
|
|
1591
|
-
e("div",
|
|
1592
|
-
|
|
1593
|
-
e("div",
|
|
1594
|
-
e("div",
|
|
1595
|
-
|
|
1591
|
+
e("div", Da, [
|
|
1592
|
+
$[17] || ($[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
|
|
1593
|
+
e("div", Va, [
|
|
1594
|
+
e("div", Oa, [
|
|
1595
|
+
$[14] || ($[14] = e("span", null, "灰色模式", -1)),
|
|
1596
1596
|
e("div", {
|
|
1597
1597
|
class: J(["switch-wrapper", { "is-checked": H.value }]),
|
|
1598
1598
|
onClick: ve
|
|
1599
|
-
}, [
|
|
1599
|
+
}, [...$[13] || ($[13] = [
|
|
1600
1600
|
e("span", { class: "switch-core" }, null, -1)
|
|
1601
1601
|
])], 2)
|
|
1602
1602
|
]),
|
|
1603
|
-
e("div",
|
|
1604
|
-
|
|
1603
|
+
e("div", Ba, [
|
|
1604
|
+
$[16] || ($[16] = e("span", null, "暗黑模式", -1)),
|
|
1605
1605
|
e("div", {
|
|
1606
|
-
class: J(["switch-wrapper", { "is-checked":
|
|
1606
|
+
class: J(["switch-wrapper", { "is-checked": o(u).isDark }]),
|
|
1607
1607
|
onClick: xe
|
|
1608
|
-
}, [
|
|
1608
|
+
}, [...$[15] || ($[15] = [
|
|
1609
1609
|
e("span", { class: "switch-core" }, null, -1)
|
|
1610
1610
|
])], 2)
|
|
1611
1611
|
])
|
|
@@ -1618,74 +1618,74 @@ const ue = Ne("menu", () => {
|
|
|
1618
1618
|
]);
|
|
1619
1619
|
};
|
|
1620
1620
|
}
|
|
1621
|
-
}),
|
|
1621
|
+
}), Fa = /* @__PURE__ */ re(Ra, [["__scopeId", "data-v-15f7b516"]]), Ka = { class: "mix-top-menu" }, ja = { class: "mix-top-menu__logo" }, Wa = ["src"], qa = { class: "mix-top-menu__logo-text" }, Ha = { class: "mix-top-menu__menu-content" }, Ya = {
|
|
1622
1622
|
key: 0,
|
|
1623
1623
|
class: "mix-top-menu__menu-icon"
|
|
1624
|
-
},
|
|
1624
|
+
}, Xa = {
|
|
1625
1625
|
key: 1,
|
|
1626
1626
|
class: "mix-top-menu__menu-char"
|
|
1627
|
-
},
|
|
1627
|
+
}, Ga = { class: "mix-top-menu__menu-text" }, Ja = { class: "mix-top-menu__actions" }, Za = {
|
|
1628
1628
|
key: 0,
|
|
1629
1629
|
class: "mix-top-menu__search-dropdown"
|
|
1630
|
-
},
|
|
1630
|
+
}, Qa = {
|
|
1631
1631
|
key: 0,
|
|
1632
1632
|
class: "mix-top-menu__search-results"
|
|
1633
|
-
},
|
|
1633
|
+
}, eo = ["onClick"], to = {
|
|
1634
1634
|
key: 0,
|
|
1635
1635
|
class: "mix-top-menu__search-icon-item"
|
|
1636
|
-
},
|
|
1636
|
+
}, so = {
|
|
1637
1637
|
key: 1,
|
|
1638
1638
|
class: "mix-top-menu__search-char"
|
|
1639
|
-
},
|
|
1639
|
+
}, ao = { class: "mix-top-menu__search-item-title" }, oo = {
|
|
1640
1640
|
key: 1,
|
|
1641
1641
|
class: "mix-top-menu__search-item-parent"
|
|
1642
|
-
},
|
|
1642
|
+
}, no = {
|
|
1643
1643
|
key: 1,
|
|
1644
1644
|
class: "mix-top-menu__search-empty"
|
|
1645
|
-
},
|
|
1645
|
+
}, lo = ["title"], ro = { class: "mix-top-menu__avatar" }, io = { class: "mix-top-menu__user-name" }, co = {
|
|
1646
1646
|
key: 0,
|
|
1647
1647
|
class: "mix-top-menu__dropdown"
|
|
1648
|
-
},
|
|
1648
|
+
}, uo = { class: "mix-top-menu__dropdown-header" }, mo = { class: "mix-top-menu__dropdown-avatar" }, po = { class: "mix-top-menu__dropdown-info" }, vo = { class: "mix-top-menu__dropdown-name" }, ho = { class: "mix-top-menu__dropdown-role" }, _o = { class: "mix-top-menu__dropdown-menu" }, fo = { class: "settings-drawer" }, go = { class: "settings-section" }, yo = { class: "settings-layout-options" }, ko = ["onClick"], wo = { class: "layout-option__preview" }, bo = {
|
|
1649
1649
|
key: 0,
|
|
1650
1650
|
class: "layout-preview-sidebar"
|
|
1651
|
-
},
|
|
1651
|
+
}, xo = {
|
|
1652
1652
|
key: 1,
|
|
1653
1653
|
class: "layout-preview-top"
|
|
1654
|
-
},
|
|
1654
|
+
}, Co = {
|
|
1655
1655
|
key: 2,
|
|
1656
1656
|
class: "layout-preview-mix"
|
|
1657
|
-
},
|
|
1657
|
+
}, $o = { class: "layout-option__label" }, Lo = { class: "settings-section" }, Mo = { class: "settings-color-options" }, So = ["title", "onClick"], Io = { class: "settings-section" }, No = { class: "settings-switch-list" }, zo = { class: "settings-switch-item" }, Uo = { class: "settings-switch-item" }, To = /* @__PURE__ */ ne({
|
|
1658
1658
|
__name: "MixTopMenu",
|
|
1659
1659
|
props: {
|
|
1660
1660
|
logoSrc: { default: "/vite.svg" }
|
|
1661
1661
|
},
|
|
1662
1662
|
setup(t) {
|
|
1663
|
-
const
|
|
1663
|
+
const r = t, d = be(), l = me(), s = de(), u = ie(), p = le(), h = ze(), m = g(""), f = (n, v = "") => {
|
|
1664
1664
|
const R = [];
|
|
1665
|
-
return
|
|
1666
|
-
|
|
1665
|
+
return n.forEach((C) => {
|
|
1666
|
+
C.children && C.children.length > 0 ? R.push(...f(C.children, C.menuName)) : R.push({ ...C, parentTitle: v, title: C.menuName, path: C.menuUrl });
|
|
1667
1667
|
}), R;
|
|
1668
|
-
},
|
|
1669
|
-
(
|
|
1670
|
-
) : []),
|
|
1671
|
-
const
|
|
1672
|
-
return (
|
|
1673
|
-
}),
|
|
1674
|
-
|
|
1675
|
-
}, D = (
|
|
1676
|
-
|
|
1677
|
-
const
|
|
1678
|
-
if (
|
|
1679
|
-
if (
|
|
1680
|
-
const R =
|
|
1681
|
-
d.path !== R &&
|
|
1668
|
+
}, L = w(() => I.value.trim() ? f(s.menuList).filter(
|
|
1669
|
+
(v) => v.title.toLowerCase().includes(I.value.toLowerCase())
|
|
1670
|
+
) : []), i = w(() => {
|
|
1671
|
+
const n = s.menuList.find((v) => v.menuUrl === m.value);
|
|
1672
|
+
return (n == null ? void 0 : n.children) || [];
|
|
1673
|
+
}), _ = w(() => s.menuList.find((n) => !!(d.path === n.menuUrl || n.children && n.children.some((v) => d.path.startsWith(v.menuUrl) || d.path === v.menuUrl)))), j = () => {
|
|
1674
|
+
_.value ? m.value = _.value.menuUrl : s.menuList.length > 0 && (m.value = s.menuList[0].menuUrl);
|
|
1675
|
+
}, D = (n) => {
|
|
1676
|
+
m.value = n;
|
|
1677
|
+
const v = s.menuList.find((R) => R.menuUrl === n);
|
|
1678
|
+
if (v)
|
|
1679
|
+
if (v.children && v.children.length > 0) {
|
|
1680
|
+
const R = v.children[0].menuUrl;
|
|
1681
|
+
d.path !== R && l.push(R);
|
|
1682
1682
|
} else
|
|
1683
|
-
d.path !==
|
|
1684
|
-
}, W = w(() =>
|
|
1683
|
+
d.path !== n && l.push(n);
|
|
1684
|
+
}, W = w(() => u.isDark ? "#1d1e1f" : "#fff"), V = w(() => u.isDark ? "#cfd3dc" : "#303133"), B = w(() => "#409eff"), H = g(!1), Z = g(null), Y = g(!1), q = g(!1), ee = g(!1), E = g(!1), I = g(""), A = g(null);
|
|
1685
1685
|
ye(() => d.path, () => {
|
|
1686
|
-
j(),
|
|
1687
|
-
}), ye(() => s.menuList, (
|
|
1688
|
-
|
|
1686
|
+
j(), u.setMixSubMenus(i.value);
|
|
1687
|
+
}), ye(() => s.menuList, (n) => {
|
|
1688
|
+
n && n.length > 0 && (j(), u.setMixSubMenus(i.value));
|
|
1689
1689
|
}, { immediate: !0 });
|
|
1690
1690
|
const X = /* @__PURE__ */ new Set([
|
|
1691
1691
|
"arrow-up",
|
|
@@ -1789,10 +1789,10 @@ const ue = Ne("menu", () => {
|
|
|
1789
1789
|
"sun",
|
|
1790
1790
|
"theme",
|
|
1791
1791
|
"skin"
|
|
1792
|
-
]), F = (
|
|
1793
|
-
if (!
|
|
1794
|
-
if (
|
|
1795
|
-
const R =
|
|
1792
|
+
]), F = (n) => {
|
|
1793
|
+
if (!n || n === "") return "";
|
|
1794
|
+
if (n.startsWith("tineco-icon-")) {
|
|
1795
|
+
const R = n.replace("tineco-icon-", "");
|
|
1796
1796
|
return {
|
|
1797
1797
|
home: "home",
|
|
1798
1798
|
dashboard: "dashboard",
|
|
@@ -1825,37 +1825,37 @@ const ue = Ne("menu", () => {
|
|
|
1825
1825
|
app: "app",
|
|
1826
1826
|
list: "list",
|
|
1827
1827
|
grid: "grid"
|
|
1828
|
-
}[
|
|
1829
|
-
}, se = (
|
|
1830
|
-
|
|
1828
|
+
}[n] || n;
|
|
1829
|
+
}, se = (n) => n ? n.charAt(0) : "", ce = (n) => X.has(n), pe = () => {
|
|
1830
|
+
u.toggleTheme(), q.value = !1;
|
|
1831
1831
|
}, z = () => {
|
|
1832
1832
|
document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
|
|
1833
|
-
},
|
|
1833
|
+
}, ae = () => {
|
|
1834
1834
|
Y.value = !!document.fullscreenElement;
|
|
1835
1835
|
}, _e = () => {
|
|
1836
1836
|
H.value = !H.value;
|
|
1837
|
-
},
|
|
1837
|
+
}, ue = () => {
|
|
1838
1838
|
H.value = !1;
|
|
1839
|
-
},
|
|
1839
|
+
}, oe = () => {
|
|
1840
1840
|
E.value = !1, I.value = "";
|
|
1841
|
-
}, ve = (
|
|
1842
|
-
|
|
1841
|
+
}, ve = (n) => {
|
|
1842
|
+
l.push(n), oe();
|
|
1843
1843
|
}, xe = () => {
|
|
1844
1844
|
q.value = !0;
|
|
1845
|
-
}, Ce = (
|
|
1846
|
-
ee.value =
|
|
1847
|
-
const
|
|
1848
|
-
|
|
1845
|
+
}, Ce = (n) => {
|
|
1846
|
+
ee.value = n;
|
|
1847
|
+
const v = document.documentElement;
|
|
1848
|
+
n ? v.classList.add("grey-mode") : v.classList.remove("grey-mode");
|
|
1849
1849
|
}, $e = () => {
|
|
1850
1850
|
Ce(!ee.value), q.value = !1;
|
|
1851
1851
|
}, Le = () => {
|
|
1852
|
-
|
|
1852
|
+
u.toggleTheme(), q.value = !1;
|
|
1853
1853
|
}, Me = [
|
|
1854
1854
|
{ value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
|
|
1855
1855
|
{ value: "top", label: "顶部菜单", icon: "menu" },
|
|
1856
1856
|
{ value: "mix", label: "混合菜单", icon: "grid" }
|
|
1857
|
-
], fe = w(() =>
|
|
1858
|
-
|
|
1857
|
+
], fe = w(() => u.layout), ge = (n) => {
|
|
1858
|
+
u.setLayout(n), q.value = !1;
|
|
1859
1859
|
}, T = [
|
|
1860
1860
|
{ value: "#409eff", label: "默认蓝" },
|
|
1861
1861
|
{ value: "#1890ff", label: "科技蓝" },
|
|
@@ -1863,36 +1863,36 @@ const ue = Ne("menu", () => {
|
|
|
1863
1863
|
{ value: "#faad14", label: "日落橙" },
|
|
1864
1864
|
{ value: "#f5222d", label: "薄暮红" },
|
|
1865
1865
|
{ value: "#722ed1", label: "酱紫" }
|
|
1866
|
-
], k = (
|
|
1867
|
-
|
|
1866
|
+
], k = (n) => {
|
|
1867
|
+
u.setPrimaryColor(n), q.value = !1;
|
|
1868
1868
|
}, Q = () => {
|
|
1869
|
-
|
|
1870
|
-
},
|
|
1871
|
-
|
|
1869
|
+
ue(), l.push("/profile");
|
|
1870
|
+
}, x = () => {
|
|
1871
|
+
ue(), l.push("/change-password");
|
|
1872
1872
|
}, S = () => {
|
|
1873
|
-
|
|
1874
|
-
},
|
|
1875
|
-
Z.value && !Z.value.contains(
|
|
1876
|
-
}, te = (
|
|
1877
|
-
|
|
1873
|
+
ue(), h.logout(), p.clearUserInfo(), s.clearMenu(), l.push(u.loginPath);
|
|
1874
|
+
}, $ = (n) => {
|
|
1875
|
+
Z.value && !Z.value.contains(n.target) && ue(), A.value && !A.value.contains(n.target) && oe();
|
|
1876
|
+
}, te = (n) => {
|
|
1877
|
+
n.key === "Escape" && (oe(), ue());
|
|
1878
1878
|
};
|
|
1879
1879
|
return Ke(() => {
|
|
1880
|
-
document.addEventListener("click",
|
|
1880
|
+
document.addEventListener("click", $), document.addEventListener("fullscreenchange", ae), document.addEventListener("keydown", te), ee.value = document.documentElement.classList.contains("grey-mode"), j();
|
|
1881
1881
|
}), je(() => {
|
|
1882
|
-
document.removeEventListener("click",
|
|
1883
|
-
}), (
|
|
1882
|
+
document.removeEventListener("click", $), document.removeEventListener("fullscreenchange", ae), document.removeEventListener("keydown", te);
|
|
1883
|
+
}), (n, v) => {
|
|
1884
1884
|
var R;
|
|
1885
|
-
return
|
|
1886
|
-
e("div",
|
|
1885
|
+
return a(), c("div", Ka, [
|
|
1886
|
+
e("div", ja, [
|
|
1887
1887
|
e("img", {
|
|
1888
|
-
src:
|
|
1888
|
+
src: r.logoSrc,
|
|
1889
1889
|
alt: "Logo",
|
|
1890
1890
|
class: "mix-top-menu__logo-img"
|
|
1891
|
-
}, null, 8,
|
|
1892
|
-
e("span",
|
|
1891
|
+
}, null, 8, Wa),
|
|
1892
|
+
e("span", qa, b(o(u).appName), 1)
|
|
1893
1893
|
]),
|
|
1894
|
-
y(
|
|
1895
|
-
"model-value":
|
|
1894
|
+
y(o(Xe), {
|
|
1895
|
+
"model-value": m.value,
|
|
1896
1896
|
mode: "horizontal",
|
|
1897
1897
|
"background-color": W.value,
|
|
1898
1898
|
"text-color": V.value,
|
|
@@ -1901,20 +1901,20 @@ const ue = Ne("menu", () => {
|
|
|
1901
1901
|
onSelect: D
|
|
1902
1902
|
}, {
|
|
1903
1903
|
default: M(() => [
|
|
1904
|
-
(
|
|
1905
|
-
key:
|
|
1906
|
-
index:
|
|
1904
|
+
(a(!0), c(K, null, G(o(s).menuList, (C) => (a(), O(o(Se), {
|
|
1905
|
+
key: C.menuUrl,
|
|
1906
|
+
index: C.menuUrl
|
|
1907
1907
|
}, {
|
|
1908
1908
|
default: M(() => [
|
|
1909
|
-
e("span",
|
|
1910
|
-
|
|
1911
|
-
|
|
1909
|
+
e("span", Ha, [
|
|
1910
|
+
C.menuName !== "首页" ? (a(), c("span", Ya, [
|
|
1911
|
+
ce(F(C.icon)) ? (a(), O(o(U), {
|
|
1912
1912
|
key: 0,
|
|
1913
|
-
name: F(
|
|
1913
|
+
name: F(C.icon),
|
|
1914
1914
|
size: 16
|
|
1915
|
-
}, null, 8, ["name"])) : (
|
|
1915
|
+
}, null, 8, ["name"])) : (a(), c("span", Xa, b(se(C.menuName)), 1))
|
|
1916
1916
|
])) : P("", !0),
|
|
1917
|
-
e("span",
|
|
1917
|
+
e("span", Ga, b(C.menuName), 1)
|
|
1918
1918
|
])
|
|
1919
1919
|
]),
|
|
1920
1920
|
_: 2
|
|
@@ -1922,46 +1922,46 @@ const ue = Ne("menu", () => {
|
|
|
1922
1922
|
]),
|
|
1923
1923
|
_: 1
|
|
1924
1924
|
}, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
|
|
1925
|
-
e("div",
|
|
1925
|
+
e("div", Ja, [
|
|
1926
1926
|
e("div", {
|
|
1927
1927
|
class: "mix-top-menu__search",
|
|
1928
1928
|
ref_key: "searchRef",
|
|
1929
1929
|
ref: A
|
|
1930
1930
|
}, [
|
|
1931
|
-
y(
|
|
1931
|
+
y(o(U), {
|
|
1932
1932
|
name: "search",
|
|
1933
1933
|
size: 14,
|
|
1934
1934
|
class: "mix-top-menu__search-icon"
|
|
1935
1935
|
}),
|
|
1936
1936
|
Te(e("input", {
|
|
1937
|
-
"onUpdate:modelValue":
|
|
1937
|
+
"onUpdate:modelValue": v[0] || (v[0] = (C) => I.value = C),
|
|
1938
1938
|
type: "text",
|
|
1939
1939
|
class: "mix-top-menu__search-input",
|
|
1940
1940
|
placeholder: "搜索菜单...",
|
|
1941
|
-
onFocus:
|
|
1941
|
+
onFocus: v[1] || (v[1] = (C) => E.value = !0)
|
|
1942
1942
|
}, null, 544), [
|
|
1943
1943
|
[We, I.value]
|
|
1944
1944
|
]),
|
|
1945
|
-
y(
|
|
1945
|
+
y(ke, { name: "search-dropdown" }, {
|
|
1946
1946
|
default: M(() => [
|
|
1947
|
-
E.value && (
|
|
1948
|
-
|
|
1949
|
-
(
|
|
1950
|
-
key:
|
|
1947
|
+
E.value && (L.value.length > 0 || I.value) ? (a(), c("div", Za, [
|
|
1948
|
+
L.value.length > 0 ? (a(), c("div", Qa, [
|
|
1949
|
+
(a(!0), c(K, null, G(L.value, (C) => (a(), c("div", {
|
|
1950
|
+
key: C.path,
|
|
1951
1951
|
class: "mix-top-menu__search-item",
|
|
1952
|
-
onClick: (Ze) => ve(
|
|
1952
|
+
onClick: (Ze) => ve(C.path)
|
|
1953
1953
|
}, [
|
|
1954
|
-
|
|
1955
|
-
|
|
1954
|
+
C.title !== "首页" ? (a(), c("span", to, [
|
|
1955
|
+
ce(F(C.icon)) ? (a(), O(o(U), {
|
|
1956
1956
|
key: 0,
|
|
1957
|
-
name: F(
|
|
1957
|
+
name: F(C.icon),
|
|
1958
1958
|
size: 16
|
|
1959
|
-
}, null, 8, ["name"])) : (
|
|
1959
|
+
}, null, 8, ["name"])) : (a(), c("span", so, b(se(C.title)), 1))
|
|
1960
1960
|
])) : P("", !0),
|
|
1961
|
-
e("span",
|
|
1962
|
-
|
|
1963
|
-
], 8,
|
|
1964
|
-
])) : (
|
|
1961
|
+
e("span", ao, b(C.title), 1),
|
|
1962
|
+
C.parentTitle ? (a(), c("span", oo, b(C.parentTitle), 1)) : P("", !0)
|
|
1963
|
+
], 8, eo))), 128))
|
|
1964
|
+
])) : (a(), c("div", no, " 未找到匹配的菜单 "))
|
|
1965
1965
|
])) : P("", !0)
|
|
1966
1966
|
]),
|
|
1967
1967
|
_: 1
|
|
@@ -1972,17 +1972,17 @@ const ue = Ne("menu", () => {
|
|
|
1972
1972
|
onClick: z,
|
|
1973
1973
|
title: Y.value ? "退出全屏" : "全屏"
|
|
1974
1974
|
}, [
|
|
1975
|
-
y(
|
|
1975
|
+
y(o(U), {
|
|
1976
1976
|
name: Y.value ? "fullscreen-exit" : "fullscreen",
|
|
1977
1977
|
size: 16
|
|
1978
1978
|
}, null, 8, ["name"])
|
|
1979
|
-
], 8,
|
|
1979
|
+
], 8, lo),
|
|
1980
1980
|
e("div", {
|
|
1981
1981
|
class: "mix-top-menu__action",
|
|
1982
1982
|
onClick: xe,
|
|
1983
1983
|
title: "换肤设置"
|
|
1984
1984
|
}, [
|
|
1985
|
-
y(
|
|
1985
|
+
y(o(U), {
|
|
1986
1986
|
name: "skin",
|
|
1987
1987
|
size: 16
|
|
1988
1988
|
})
|
|
@@ -1992,8 +1992,8 @@ const ue = Ne("menu", () => {
|
|
|
1992
1992
|
onClick: pe,
|
|
1993
1993
|
title: "切换主题"
|
|
1994
1994
|
}, [
|
|
1995
|
-
y(
|
|
1996
|
-
name:
|
|
1995
|
+
y(o(U), {
|
|
1996
|
+
name: o(u).isDark ? "sun" : "moon",
|
|
1997
1997
|
size: 16
|
|
1998
1998
|
}, null, 8, ["name"])
|
|
1999
1999
|
]),
|
|
@@ -2006,60 +2006,60 @@ const ue = Ne("menu", () => {
|
|
|
2006
2006
|
class: "mix-top-menu__user-trigger",
|
|
2007
2007
|
onClick: Ee(_e, ["stop"])
|
|
2008
2008
|
}, [
|
|
2009
|
-
e("div",
|
|
2010
|
-
e("span", null,
|
|
2009
|
+
e("div", ro, [
|
|
2010
|
+
e("span", null, b(((R = o(p).userName) == null ? void 0 : R.charAt(0)) || "U"), 1)
|
|
2011
2011
|
]),
|
|
2012
|
-
e("span",
|
|
2012
|
+
e("span", io, b(o(p).userName), 1),
|
|
2013
2013
|
e("span", {
|
|
2014
2014
|
class: J(["mix-top-menu__user-arrow", { "is-active": H.value }])
|
|
2015
2015
|
}, "▼", 2)
|
|
2016
2016
|
]),
|
|
2017
|
-
y(
|
|
2017
|
+
y(ke, { name: "dropdown" }, {
|
|
2018
2018
|
default: M(() => {
|
|
2019
|
-
var
|
|
2019
|
+
var C;
|
|
2020
2020
|
return [
|
|
2021
|
-
H.value ? (
|
|
2022
|
-
e("div",
|
|
2023
|
-
e("div",
|
|
2024
|
-
e("span", null,
|
|
2021
|
+
H.value ? (a(), c("div", co, [
|
|
2022
|
+
e("div", uo, [
|
|
2023
|
+
e("div", mo, [
|
|
2024
|
+
e("span", null, b(((C = o(p).userName) == null ? void 0 : C.charAt(0)) || "U"), 1)
|
|
2025
2025
|
]),
|
|
2026
|
-
e("div",
|
|
2027
|
-
e("div",
|
|
2028
|
-
e("div",
|
|
2026
|
+
e("div", po, [
|
|
2027
|
+
e("div", vo, b(o(p).userName), 1),
|
|
2028
|
+
e("div", ho, b(o(p).departmentName), 1)
|
|
2029
2029
|
])
|
|
2030
2030
|
]),
|
|
2031
|
-
|
|
2032
|
-
e("div",
|
|
2031
|
+
v[7] || (v[7] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
|
|
2032
|
+
e("div", _o, [
|
|
2033
2033
|
e("div", {
|
|
2034
2034
|
class: "mix-top-menu__dropdown-item",
|
|
2035
2035
|
onClick: Q
|
|
2036
2036
|
}, [
|
|
2037
|
-
y(
|
|
2037
|
+
y(o(U), {
|
|
2038
2038
|
name: "user",
|
|
2039
2039
|
size: 16
|
|
2040
2040
|
}),
|
|
2041
|
-
|
|
2041
|
+
v[3] || (v[3] = e("span", null, "个人信息", -1))
|
|
2042
2042
|
]),
|
|
2043
2043
|
e("div", {
|
|
2044
2044
|
class: "mix-top-menu__dropdown-item",
|
|
2045
|
-
onClick:
|
|
2045
|
+
onClick: x
|
|
2046
2046
|
}, [
|
|
2047
|
-
y(
|
|
2047
|
+
y(o(U), {
|
|
2048
2048
|
name: "lock",
|
|
2049
2049
|
size: 16
|
|
2050
2050
|
}),
|
|
2051
|
-
|
|
2051
|
+
v[4] || (v[4] = e("span", null, "修改密码", -1))
|
|
2052
2052
|
]),
|
|
2053
|
-
|
|
2053
|
+
v[6] || (v[6] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
|
|
2054
2054
|
e("div", {
|
|
2055
2055
|
class: "mix-top-menu__dropdown-item mix-top-menu__dropdown-item--danger",
|
|
2056
2056
|
onClick: S
|
|
2057
2057
|
}, [
|
|
2058
|
-
y(
|
|
2058
|
+
y(o(U), {
|
|
2059
2059
|
name: "logout",
|
|
2060
2060
|
size: 16
|
|
2061
2061
|
}),
|
|
2062
|
-
|
|
2062
|
+
v[5] || (v[5] = e("span", null, "退出登录", -1))
|
|
2063
2063
|
])
|
|
2064
2064
|
])
|
|
2065
2065
|
])) : P("", !0)
|
|
@@ -2069,34 +2069,34 @@ const ue = Ne("menu", () => {
|
|
|
2069
2069
|
})
|
|
2070
2070
|
], 512)
|
|
2071
2071
|
]),
|
|
2072
|
-
y(
|
|
2072
|
+
y(o(Ge), {
|
|
2073
2073
|
modelValue: q.value,
|
|
2074
|
-
"onUpdate:modelValue":
|
|
2074
|
+
"onUpdate:modelValue": v[2] || (v[2] = (C) => q.value = C),
|
|
2075
2075
|
title: "换肤设置",
|
|
2076
2076
|
direction: "rtl",
|
|
2077
2077
|
size: "320px"
|
|
2078
2078
|
}, {
|
|
2079
2079
|
default: M(() => [
|
|
2080
|
-
e("div",
|
|
2081
|
-
e("div",
|
|
2082
|
-
|
|
2083
|
-
e("div",
|
|
2084
|
-
(
|
|
2085
|
-
key:
|
|
2086
|
-
class: J(["layout-option", { "is-active": fe.value ===
|
|
2087
|
-
onClick: (Ze) => ge(
|
|
2080
|
+
e("div", fo, [
|
|
2081
|
+
e("div", go, [
|
|
2082
|
+
v[11] || (v[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
|
|
2083
|
+
e("div", yo, [
|
|
2084
|
+
(a(), c(K, null, G(Me, (C) => e("div", {
|
|
2085
|
+
key: C.value,
|
|
2086
|
+
class: J(["layout-option", { "is-active": fe.value === C.value }]),
|
|
2087
|
+
onClick: (Ze) => ge(C.value)
|
|
2088
2088
|
}, [
|
|
2089
|
-
e("div",
|
|
2090
|
-
|
|
2089
|
+
e("div", wo, [
|
|
2090
|
+
C.value === "sidebar" ? (a(), c("div", bo, [...v[8] || (v[8] = [
|
|
2091
2091
|
e("div", { class: "preview-aside" }, null, -1),
|
|
2092
2092
|
e("div", { class: "preview-main" }, [
|
|
2093
2093
|
e("div", { class: "preview-header" }),
|
|
2094
2094
|
e("div", { class: "preview-content" })
|
|
2095
2095
|
], -1)
|
|
2096
|
-
])])) :
|
|
2096
|
+
])])) : C.value === "top" ? (a(), c("div", xo, [...v[9] || (v[9] = [
|
|
2097
2097
|
e("div", { class: "preview-header-full" }, null, -1),
|
|
2098
2098
|
e("div", { class: "preview-content-full" }, null, -1)
|
|
2099
|
-
])])) : (
|
|
2099
|
+
])])) : (a(), c("div", Co, [...v[10] || (v[10] = [
|
|
2100
2100
|
e("div", { class: "preview-header-mix" }, [
|
|
2101
2101
|
e("div", { class: "preview-mix-left" })
|
|
2102
2102
|
], -1),
|
|
@@ -2106,47 +2106,47 @@ const ue = Ne("menu", () => {
|
|
|
2106
2106
|
], -1)
|
|
2107
2107
|
])]))
|
|
2108
2108
|
]),
|
|
2109
|
-
e("span",
|
|
2110
|
-
], 10,
|
|
2109
|
+
e("span", $o, b(C.label), 1)
|
|
2110
|
+
], 10, ko)), 64))
|
|
2111
2111
|
])
|
|
2112
2112
|
]),
|
|
2113
|
-
e("div",
|
|
2114
|
-
|
|
2115
|
-
e("div",
|
|
2116
|
-
(
|
|
2117
|
-
key:
|
|
2118
|
-
class: J(["color-option", { "is-active":
|
|
2119
|
-
style: Ie({ backgroundColor:
|
|
2120
|
-
title:
|
|
2121
|
-
onClick: (Ze) => k(
|
|
2113
|
+
e("div", Lo, [
|
|
2114
|
+
v[12] || (v[12] = e("div", { class: "settings-title" }, "主题色", -1)),
|
|
2115
|
+
e("div", Mo, [
|
|
2116
|
+
(a(), c(K, null, G(T, (C) => e("div", {
|
|
2117
|
+
key: C.value,
|
|
2118
|
+
class: J(["color-option", { "is-active": o(u).primaryColor === C.value }]),
|
|
2119
|
+
style: Ie({ backgroundColor: C.value }),
|
|
2120
|
+
title: C.label,
|
|
2121
|
+
onClick: (Ze) => k(C.value)
|
|
2122
2122
|
}, [
|
|
2123
|
-
|
|
2123
|
+
o(u).primaryColor === C.value ? (a(), O(o(U), {
|
|
2124
2124
|
key: 0,
|
|
2125
2125
|
name: "check",
|
|
2126
2126
|
size: 12,
|
|
2127
2127
|
color: "#fff"
|
|
2128
2128
|
})) : P("", !0)
|
|
2129
|
-
], 14,
|
|
2129
|
+
], 14, So)), 64))
|
|
2130
2130
|
])
|
|
2131
2131
|
]),
|
|
2132
|
-
e("div",
|
|
2133
|
-
|
|
2134
|
-
e("div",
|
|
2135
|
-
e("div",
|
|
2136
|
-
|
|
2132
|
+
e("div", Io, [
|
|
2133
|
+
v[17] || (v[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
|
|
2134
|
+
e("div", No, [
|
|
2135
|
+
e("div", zo, [
|
|
2136
|
+
v[14] || (v[14] = e("span", null, "灰色模式", -1)),
|
|
2137
2137
|
e("div", {
|
|
2138
2138
|
class: J(["switch-wrapper", { "is-checked": ee.value }]),
|
|
2139
2139
|
onClick: $e
|
|
2140
|
-
}, [...
|
|
2140
|
+
}, [...v[13] || (v[13] = [
|
|
2141
2141
|
e("span", { class: "switch-core" }, null, -1)
|
|
2142
2142
|
])], 2)
|
|
2143
2143
|
]),
|
|
2144
|
-
e("div",
|
|
2145
|
-
|
|
2144
|
+
e("div", Uo, [
|
|
2145
|
+
v[16] || (v[16] = e("span", null, "暗黑模式", -1)),
|
|
2146
2146
|
e("div", {
|
|
2147
|
-
class: J(["switch-wrapper", { "is-checked":
|
|
2147
|
+
class: J(["switch-wrapper", { "is-checked": o(u).isDark }]),
|
|
2148
2148
|
onClick: Le
|
|
2149
|
-
}, [...
|
|
2149
|
+
}, [...v[15] || (v[15] = [
|
|
2150
2150
|
e("span", { class: "switch-core" }, null, -1)
|
|
2151
2151
|
])], 2)
|
|
2152
2152
|
])
|
|
@@ -2159,134 +2159,134 @@ const ue = Ne("menu", () => {
|
|
|
2159
2159
|
]);
|
|
2160
2160
|
};
|
|
2161
2161
|
}
|
|
2162
|
-
}),
|
|
2162
|
+
}), Eo = /* @__PURE__ */ re(To, [["__scopeId", "data-v-d5fb6d2a"]]), Po = {
|
|
2163
2163
|
key: 0,
|
|
2164
2164
|
class: "layout layout--sidebar"
|
|
2165
|
-
},
|
|
2165
|
+
}, Ao = { class: "layout__main" }, Do = { class: "layout__header" }, Vo = { class: "layout__content" }, Oo = {
|
|
2166
2166
|
key: 1,
|
|
2167
2167
|
class: "layout layout--top"
|
|
2168
|
-
},
|
|
2168
|
+
}, Bo = { class: "layout__top-menu" }, Ro = { class: "layout__main" }, Fo = { class: "layout__content" }, Ko = {
|
|
2169
2169
|
key: 2,
|
|
2170
2170
|
class: "layout layout--mix"
|
|
2171
|
-
},
|
|
2171
|
+
}, jo = { class: "layout__mix-top-menu" }, Wo = { class: "layout__mix-body" }, qo = { class: "layout__content" }, Ho = /* @__PURE__ */ ne({
|
|
2172
2172
|
__name: "index",
|
|
2173
2173
|
props: {
|
|
2174
2174
|
logoSrc: { default: "/vite.svg" }
|
|
2175
2175
|
},
|
|
2176
2176
|
setup(t) {
|
|
2177
|
-
const
|
|
2177
|
+
const r = t, d = ie(), l = de(), s = w(
|
|
2178
2178
|
() => d.isCollapsed ? "64px" : "210px"
|
|
2179
|
-
),
|
|
2180
|
-
return (f,
|
|
2181
|
-
const
|
|
2182
|
-
return
|
|
2183
|
-
|
|
2179
|
+
), u = w(() => d.layout), p = w(() => u.value === "mix"), h = w(() => u.value === "sidebar" ? l.menuList : u.value === "mix" ? d.mixSubMenus : []), m = w(() => p.value ? h.value.length > 0 : !1);
|
|
2180
|
+
return (f, L) => {
|
|
2181
|
+
const i = lt("router-view");
|
|
2182
|
+
return a(), c(K, null, [
|
|
2183
|
+
u.value === "sidebar" ? (a(), c("div", Po, [
|
|
2184
2184
|
e("aside", {
|
|
2185
2185
|
class: "layout__aside",
|
|
2186
2186
|
style: Ie({ width: s.value })
|
|
2187
2187
|
}, [
|
|
2188
2188
|
y(et, {
|
|
2189
|
-
"menu-list":
|
|
2189
|
+
"menu-list": h.value,
|
|
2190
2190
|
"show-logo": !0,
|
|
2191
2191
|
"show-user": !0,
|
|
2192
|
-
"logo-src":
|
|
2192
|
+
"logo-src": r.logoSrc
|
|
2193
2193
|
}, null, 8, ["menu-list", "logo-src"])
|
|
2194
2194
|
], 4),
|
|
2195
|
-
e("div",
|
|
2196
|
-
e("header",
|
|
2195
|
+
e("div", Ao, [
|
|
2196
|
+
e("header", Do, [
|
|
2197
2197
|
y(Ps)
|
|
2198
2198
|
]),
|
|
2199
|
-
e("main",
|
|
2200
|
-
y(
|
|
2199
|
+
e("main", Vo, [
|
|
2200
|
+
y(i)
|
|
2201
2201
|
])
|
|
2202
2202
|
])
|
|
2203
2203
|
])) : P("", !0),
|
|
2204
|
-
|
|
2205
|
-
e("div",
|
|
2206
|
-
y(
|
|
2207
|
-
"logo-src":
|
|
2204
|
+
u.value === "top" ? (a(), c("div", Oo, [
|
|
2205
|
+
e("div", Bo, [
|
|
2206
|
+
y(Fa, {
|
|
2207
|
+
"logo-src": r.logoSrc
|
|
2208
2208
|
}, null, 8, ["logo-src"])
|
|
2209
2209
|
]),
|
|
2210
|
-
e("div",
|
|
2211
|
-
e("main",
|
|
2212
|
-
y(
|
|
2210
|
+
e("div", Ro, [
|
|
2211
|
+
e("main", Fo, [
|
|
2212
|
+
y(i)
|
|
2213
2213
|
])
|
|
2214
2214
|
])
|
|
2215
2215
|
])) : P("", !0),
|
|
2216
|
-
|
|
2217
|
-
e("div",
|
|
2218
|
-
y(
|
|
2219
|
-
"logo-src":
|
|
2216
|
+
u.value === "mix" ? (a(), c("div", Ko, [
|
|
2217
|
+
e("div", jo, [
|
|
2218
|
+
y(Eo, {
|
|
2219
|
+
"logo-src": r.logoSrc
|
|
2220
2220
|
}, null, 8, ["logo-src"])
|
|
2221
2221
|
]),
|
|
2222
|
-
e("div",
|
|
2223
|
-
|
|
2222
|
+
e("div", Wo, [
|
|
2223
|
+
m.value ? (a(), c("aside", {
|
|
2224
2224
|
key: 0,
|
|
2225
2225
|
class: "layout__aside",
|
|
2226
2226
|
style: Ie({ width: s.value })
|
|
2227
2227
|
}, [
|
|
2228
2228
|
y(et, {
|
|
2229
|
-
"menu-list":
|
|
2229
|
+
"menu-list": h.value,
|
|
2230
2230
|
"show-logo": !1,
|
|
2231
2231
|
"show-user": !1
|
|
2232
2232
|
}, null, 8, ["menu-list"])
|
|
2233
2233
|
], 4)) : P("", !0),
|
|
2234
|
-
e("main",
|
|
2235
|
-
y(
|
|
2234
|
+
e("main", qo, [
|
|
2235
|
+
y(i)
|
|
2236
2236
|
])
|
|
2237
2237
|
])
|
|
2238
2238
|
])) : P("", !0)
|
|
2239
2239
|
], 64);
|
|
2240
2240
|
};
|
|
2241
2241
|
}
|
|
2242
|
-
}), it = /* @__PURE__ */ re(
|
|
2242
|
+
}), it = /* @__PURE__ */ re(Ho, [["__scopeId", "data-v-38f2fc61"]]), Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2243
2243
|
__proto__: null,
|
|
2244
2244
|
default: it
|
|
2245
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2245
|
+
}, Symbol.toStringTag, { value: "Module" })), Xo = { class: "tabs-wrapper" }, Go = { class: "tab-label" }, Jo = ["onClick"], Zo = /* @__PURE__ */ ne({
|
|
2246
2246
|
__name: "Tabs",
|
|
2247
2247
|
setup(t) {
|
|
2248
|
-
const
|
|
2249
|
-
const
|
|
2250
|
-
return
|
|
2248
|
+
const r = be(), d = me(), l = w(() => {
|
|
2249
|
+
const h = [];
|
|
2250
|
+
return r.matched.forEach((m) => {
|
|
2251
2251
|
var f;
|
|
2252
|
-
(f =
|
|
2253
|
-
name:
|
|
2254
|
-
title:
|
|
2255
|
-
path:
|
|
2252
|
+
(f = m.meta) != null && f.affix && h.push({
|
|
2253
|
+
name: m.name,
|
|
2254
|
+
title: m.meta.title,
|
|
2255
|
+
path: m.path,
|
|
2256
2256
|
affix: !0
|
|
2257
2257
|
});
|
|
2258
|
-
}),
|
|
2259
|
-
}), s = w(() =>
|
|
2260
|
-
d.push(
|
|
2261
|
-
},
|
|
2262
|
-
const
|
|
2263
|
-
if (!(
|
|
2264
|
-
const f =
|
|
2265
|
-
|
|
2258
|
+
}), h;
|
|
2259
|
+
}), s = w(() => r.path), u = (h) => {
|
|
2260
|
+
d.push(h);
|
|
2261
|
+
}, p = (h) => {
|
|
2262
|
+
const m = l.value.find((f) => f.path === h);
|
|
2263
|
+
if (!(m != null && m.affix) && h === s.value) {
|
|
2264
|
+
const f = l.value.findIndex((i) => i.path === h), L = l.value[f - 1] || l.value[f + 1];
|
|
2265
|
+
L && d.push(L.path);
|
|
2266
2266
|
}
|
|
2267
2267
|
};
|
|
2268
|
-
return (
|
|
2269
|
-
y(
|
|
2268
|
+
return (h, m) => (a(), c("div", Xo, [
|
|
2269
|
+
y(o(wt), {
|
|
2270
2270
|
modelValue: s.value,
|
|
2271
|
-
"onUpdate:modelValue":
|
|
2271
|
+
"onUpdate:modelValue": m[0] || (m[0] = (f) => s.value = f),
|
|
2272
2272
|
type: "card",
|
|
2273
|
-
onTabClick:
|
|
2273
|
+
onTabClick: u
|
|
2274
2274
|
}, {
|
|
2275
2275
|
default: M(() => [
|
|
2276
|
-
(
|
|
2276
|
+
(a(!0), c(K, null, G(l.value, (f) => (a(), O(o(bt), {
|
|
2277
2277
|
key: f.path,
|
|
2278
2278
|
name: f.path,
|
|
2279
2279
|
label: f.title,
|
|
2280
2280
|
closable: !f.affix
|
|
2281
2281
|
}, {
|
|
2282
2282
|
label: M(() => [
|
|
2283
|
-
e("span",
|
|
2284
|
-
he(
|
|
2285
|
-
f.affix ? P("", !0) : (
|
|
2283
|
+
e("span", Go, [
|
|
2284
|
+
he(b(f.title) + " ", 1),
|
|
2285
|
+
f.affix ? P("", !0) : (a(), c("span", {
|
|
2286
2286
|
key: 0,
|
|
2287
2287
|
class: "tab-close",
|
|
2288
|
-
onClick: Ee((
|
|
2289
|
-
}, " ✕ ", 8,
|
|
2288
|
+
onClick: Ee((L) => p(f.path), ["stop"])
|
|
2289
|
+
}, " ✕ ", 8, Jo))
|
|
2290
2290
|
])
|
|
2291
2291
|
]),
|
|
2292
2292
|
_: 2
|
|
@@ -2296,19 +2296,19 @@ const ue = Ne("menu", () => {
|
|
|
2296
2296
|
}, 8, ["modelValue"])
|
|
2297
2297
|
]));
|
|
2298
2298
|
}
|
|
2299
|
-
}),
|
|
2300
|
-
function
|
|
2301
|
-
return
|
|
2299
|
+
}), Rn = /* @__PURE__ */ re(Zo, [["__scopeId", "data-v-9156d8cd"]]), Qo = {}, en = { class: "footer" };
|
|
2300
|
+
function tn(t, r) {
|
|
2301
|
+
return a(), c("div", en, [...r[0] || (r[0] = [
|
|
2302
2302
|
e("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
|
|
2303
2303
|
])]);
|
|
2304
2304
|
}
|
|
2305
|
-
const
|
|
2305
|
+
const Fn = /* @__PURE__ */ re(Qo, [["render", tn], ["__scopeId", "data-v-4852826a"]]), sn = { class: "login-page" }, an = { class: "login-form-section" }, on = { class: "form-container" }, nn = { class: "input-wrapper" }, ln = { class: "input-wrapper" }, rn = { class: "form-options" }, cn = { key: 0 }, un = { key: 1 }, dn = /* @__PURE__ */ ne({
|
|
2306
2306
|
__name: "index",
|
|
2307
2307
|
setup(t) {
|
|
2308
|
-
const
|
|
2308
|
+
const r = me(), d = be(), l = ie(), s = g(!1), u = g(!1), p = qe({
|
|
2309
2309
|
uid: "",
|
|
2310
2310
|
password: ""
|
|
2311
|
-
}),
|
|
2311
|
+
}), h = {
|
|
2312
2312
|
uid: [
|
|
2313
2313
|
{ required: !0, message: "请输入用户名", trigger: "blur" }
|
|
2314
2314
|
],
|
|
@@ -2316,55 +2316,55 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2316
2316
|
{ required: !0, message: "请输入密码", trigger: "blur" },
|
|
2317
2317
|
{ min: 6, message: "密码长度至少6位", trigger: "blur" }
|
|
2318
2318
|
]
|
|
2319
|
-
},
|
|
2320
|
-
var
|
|
2319
|
+
}, m = g(), f = async () => {
|
|
2320
|
+
var L;
|
|
2321
2321
|
try {
|
|
2322
|
-
await ((
|
|
2323
|
-
const
|
|
2322
|
+
await ((L = m.value) == null ? void 0 : L.validate()), s.value = !0;
|
|
2323
|
+
const i = await pt({
|
|
2324
2324
|
appId: Fe(),
|
|
2325
|
-
clientId:
|
|
2326
|
-
uid:
|
|
2327
|
-
password:
|
|
2325
|
+
clientId: nt(),
|
|
2326
|
+
uid: p.uid,
|
|
2327
|
+
password: p.password,
|
|
2328
2328
|
code: !0
|
|
2329
2329
|
});
|
|
2330
|
-
|
|
2331
|
-
const
|
|
2332
|
-
|
|
2333
|
-
} catch (
|
|
2334
|
-
console.error("登录失败:",
|
|
2330
|
+
ot(i), xt.success("登录成功");
|
|
2331
|
+
const _ = d.query.redirect || l.indexPath || "/dashboard";
|
|
2332
|
+
r.push(_);
|
|
2333
|
+
} catch (i) {
|
|
2334
|
+
console.error("登录失败:", i);
|
|
2335
2335
|
} finally {
|
|
2336
|
-
|
|
2336
|
+
s.value = !1;
|
|
2337
2337
|
}
|
|
2338
2338
|
};
|
|
2339
|
-
return (
|
|
2340
|
-
|
|
2341
|
-
e("div",
|
|
2342
|
-
e("div",
|
|
2343
|
-
|
|
2339
|
+
return (L, i) => (a(), c("div", sn, [
|
|
2340
|
+
i[10] || (i[10] = Ue('<div class="login-brand" data-v-95444aa0><div class="brand-content" data-v-95444aa0><div class="brand-logo" data-v-95444aa0><div class="logo-icon" data-v-95444aa0><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-95444aa0><rect width="48" height="48" rx="12" fill="currentColor" data-v-95444aa0></rect><path d="M14 24L20 30L34 16" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-v-95444aa0></path></svg></div><span class="logo-text" data-v-95444aa0>XTO</span></div><div class="brand-slogan" data-v-95444aa0><h1 data-v-95444aa0>企业级后台管理解决方案</h1><p data-v-95444aa0>开箱即用的中后台前端/设计解决方案</p></div><div class="brand-features" data-v-95444aa0><div class="feature-item" data-v-95444aa0><div class="feature-icon" data-v-95444aa0><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-95444aa0><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z" data-v-95444aa0></path></svg></div><div class="feature-text" data-v-95444aa0><h4 data-v-95444aa0>高性能</h4><p data-v-95444aa0>极致的渲染性能与响应速度</p></div></div><div class="feature-item" data-v-95444aa0><div class="feature-icon" data-v-95444aa0><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-95444aa0><rect x="3" y="3" width="18" height="18" rx="2" data-v-95444aa0></rect><path d="M9 9h6M9 12h6M9 15h4" data-v-95444aa0></path></svg></div><div class="feature-text" data-v-95444aa0><h4 data-v-95444aa0>丰富组件</h4><p data-v-95444aa0>60+ 高质量业务组件</p></div></div><div class="feature-item" data-v-95444aa0><div class="feature-icon" data-v-95444aa0><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-95444aa0><circle cx="12" cy="12" r="10" data-v-95444aa0></circle><path d="M12 6v6l4 2" data-v-95444aa0></path></svg></div><div class="feature-text" data-v-95444aa0><h4 data-v-95444aa0>持续更新</h4><p data-v-95444aa0>活跃的社区与快速迭代</p></div></div></div><div class="brand-decoration" data-v-95444aa0><div class="decoration-line" data-v-95444aa0></div><div class="decoration-dots" data-v-95444aa0><span data-v-95444aa0></span><span data-v-95444aa0></span><span data-v-95444aa0></span></div></div></div><div class="brand-bg" data-v-95444aa0><div class="bg-grid" data-v-95444aa0></div><div class="bg-glow" data-v-95444aa0></div><div class="bg-pattern" data-v-95444aa0></div></div></div>', 1)),
|
|
2341
|
+
e("div", an, [
|
|
2342
|
+
e("div", on, [
|
|
2343
|
+
i[7] || (i[7] = e("div", { class: "form-header" }, [
|
|
2344
2344
|
e("h2", null, "欢迎登录"),
|
|
2345
2345
|
e("p", null, "请输入您的账户信息")
|
|
2346
2346
|
], -1)),
|
|
2347
|
-
y(
|
|
2347
|
+
y(o(Ct), {
|
|
2348
2348
|
ref_key: "formRef",
|
|
2349
|
-
ref:
|
|
2350
|
-
model:
|
|
2351
|
-
rules:
|
|
2349
|
+
ref: m,
|
|
2350
|
+
model: p,
|
|
2351
|
+
rules: h,
|
|
2352
2352
|
class: "login-form",
|
|
2353
2353
|
"label-width": "0"
|
|
2354
2354
|
}, {
|
|
2355
2355
|
default: M(() => [
|
|
2356
|
-
y(
|
|
2356
|
+
y(o(Pe), { prop: "uid" }, {
|
|
2357
2357
|
default: M(() => [
|
|
2358
|
-
e("div",
|
|
2359
|
-
|
|
2360
|
-
y(
|
|
2361
|
-
modelValue:
|
|
2362
|
-
"onUpdate:modelValue":
|
|
2358
|
+
e("div", nn, [
|
|
2359
|
+
i[3] || (i[3] = e("label", { class: "input-label" }, "用户名", -1)),
|
|
2360
|
+
y(o(Qe), {
|
|
2361
|
+
modelValue: p.uid,
|
|
2362
|
+
"onUpdate:modelValue": i[0] || (i[0] = (_) => p.uid = _),
|
|
2363
2363
|
placeholder: "请输入用户名",
|
|
2364
2364
|
size: "large"
|
|
2365
2365
|
}, {
|
|
2366
2366
|
prefix: M(() => [
|
|
2367
|
-
y(
|
|
2367
|
+
y(o(U), {
|
|
2368
2368
|
name: "user",
|
|
2369
2369
|
size: 18
|
|
2370
2370
|
})
|
|
@@ -2375,21 +2375,21 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2375
2375
|
]),
|
|
2376
2376
|
_: 1
|
|
2377
2377
|
}),
|
|
2378
|
-
y(
|
|
2378
|
+
y(o(Pe), { prop: "password" }, {
|
|
2379
2379
|
default: M(() => [
|
|
2380
|
-
e("div",
|
|
2381
|
-
|
|
2382
|
-
y(
|
|
2383
|
-
modelValue:
|
|
2384
|
-
"onUpdate:modelValue":
|
|
2380
|
+
e("div", ln, [
|
|
2381
|
+
i[4] || (i[4] = e("label", { class: "input-label" }, "密码", -1)),
|
|
2382
|
+
y(o(Qe), {
|
|
2383
|
+
modelValue: p.password,
|
|
2384
|
+
"onUpdate:modelValue": i[1] || (i[1] = (_) => p.password = _),
|
|
2385
2385
|
type: "password",
|
|
2386
2386
|
placeholder: "请输入密码",
|
|
2387
2387
|
size: "large",
|
|
2388
2388
|
"show-password": "",
|
|
2389
|
-
onKeyup: yt(
|
|
2389
|
+
onKeyup: yt(f, ["enter"])
|
|
2390
2390
|
}, {
|
|
2391
2391
|
prefix: M(() => [
|
|
2392
|
-
y(
|
|
2392
|
+
y(o(U), {
|
|
2393
2393
|
name: "lock",
|
|
2394
2394
|
size: 18
|
|
2395
2395
|
})
|
|
@@ -2400,32 +2400,32 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2400
2400
|
]),
|
|
2401
2401
|
_: 1
|
|
2402
2402
|
}),
|
|
2403
|
-
e("div",
|
|
2404
|
-
y(
|
|
2405
|
-
modelValue:
|
|
2406
|
-
"onUpdate:modelValue":
|
|
2403
|
+
e("div", rn, [
|
|
2404
|
+
y(o($t), {
|
|
2405
|
+
modelValue: u.value,
|
|
2406
|
+
"onUpdate:modelValue": i[2] || (i[2] = (_) => u.value = _)
|
|
2407
2407
|
}, {
|
|
2408
|
-
default: M(() => [...
|
|
2408
|
+
default: M(() => [...i[5] || (i[5] = [
|
|
2409
2409
|
he("记住我", -1)
|
|
2410
2410
|
])]),
|
|
2411
2411
|
_: 1
|
|
2412
2412
|
}, 8, ["modelValue"]),
|
|
2413
|
-
|
|
2413
|
+
i[6] || (i[6] = e("a", {
|
|
2414
2414
|
href: "#",
|
|
2415
2415
|
class: "forgot-link"
|
|
2416
2416
|
}, "忘记密码?", -1))
|
|
2417
2417
|
]),
|
|
2418
|
-
y(
|
|
2418
|
+
y(o(Pe), null, {
|
|
2419
2419
|
default: M(() => [
|
|
2420
|
-
y(
|
|
2420
|
+
y(o(we), {
|
|
2421
2421
|
type: "primary",
|
|
2422
2422
|
size: "large",
|
|
2423
|
-
loading:
|
|
2423
|
+
loading: s.value,
|
|
2424
2424
|
class: "login-btn",
|
|
2425
|
-
onClick:
|
|
2425
|
+
onClick: f
|
|
2426
2426
|
}, {
|
|
2427
2427
|
default: M(() => [
|
|
2428
|
-
|
|
2428
|
+
s.value ? (a(), c("span", un, "登录中...")) : (a(), c("span", cn, "登 录"))
|
|
2429
2429
|
]),
|
|
2430
2430
|
_: 1
|
|
2431
2431
|
}, 8, ["loading"])
|
|
@@ -2435,34 +2435,34 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2435
2435
|
]),
|
|
2436
2436
|
_: 1
|
|
2437
2437
|
}, 8, ["model"]),
|
|
2438
|
-
|
|
2438
|
+
i[8] || (i[8] = Ue('<div class="form-footer" data-v-95444aa0><p data-v-95444aa0>其他登录方式</p><div class="social-login" data-v-95444aa0><button class="social-btn" title="企业微信" data-v-95444aa0><svg viewBox="0 0 24 24" fill="currentColor" data-v-95444aa0><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z" data-v-95444aa0></path></svg></button><button class="social-btn" title="钉钉" data-v-95444aa0><svg viewBox="0 0 24 24" fill="currentColor" data-v-95444aa0><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm4.64 6.8c-.15 1.58-.8 5.42-1.13 7.19-.14.75-.42 1-.68 1.03-.58.05-1.02-.38-1.58-.75-.88-.58-1.38-.94-2.23-1.5-.99-.65-.35-1.01.22-1.59.15-.15 2.71-2.48 2.76-2.69a.2.2 0 00-.05-.18c-.06-.05-.14-.03-.21-.02-.09.02-1.49.95-4.22 2.79-.4.27-.76.41-1.08.4-.36-.01-1.04-.2-1.55-.37-.63-.2-1.12-.31-1.08-.66.02-.18.27-.36.74-.55 2.92-1.27 4.86-2.11 5.83-2.51 2.78-1.16 3.35-1.36 3.73-1.36.08 0 .27.02.39.12.1.08.13.19.14.27-.01.06.01.24 0 .38z" data-v-95444aa0></path></svg></button><button class="social-btn" title="飞书" data-v-95444aa0><svg viewBox="0 0 24 24" fill="currentColor" data-v-95444aa0><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z" data-v-95444aa0></path></svg></button></div></div>', 1))
|
|
2439
2439
|
]),
|
|
2440
|
-
|
|
2440
|
+
i[9] || (i[9] = e("div", { class: "copyright" }, [
|
|
2441
2441
|
e("p", null, "© 2024 XTO Team. All rights reserved.")
|
|
2442
2442
|
], -1))
|
|
2443
2443
|
])
|
|
2444
2444
|
]));
|
|
2445
2445
|
}
|
|
2446
|
-
}),
|
|
2446
|
+
}), mn = /* @__PURE__ */ re(dn, [["__scopeId", "data-v-95444aa0"]]), pn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2447
2447
|
__proto__: null,
|
|
2448
|
-
default:
|
|
2449
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2448
|
+
default: mn
|
|
2449
|
+
}, Symbol.toStringTag, { value: "Module" })), vn = { class: "error-page" }, hn = { class: "error-container" }, _n = { class: "error-content" }, fn = { class: "error-actions" }, gn = /* @__PURE__ */ ne({
|
|
2450
2450
|
__name: "404",
|
|
2451
2451
|
setup(t) {
|
|
2452
|
-
const
|
|
2453
|
-
|
|
2452
|
+
const r = me(), d = () => {
|
|
2453
|
+
r.push("/");
|
|
2454
2454
|
};
|
|
2455
|
-
return (
|
|
2456
|
-
e("div",
|
|
2455
|
+
return (l, s) => (a(), c("div", vn, [
|
|
2456
|
+
e("div", hn, [
|
|
2457
2457
|
s[7] || (s[7] = e("div", { class: "error-bg" }, [
|
|
2458
2458
|
e("div", { class: "bg-circle circle-1" }),
|
|
2459
2459
|
e("div", { class: "bg-circle circle-2" }),
|
|
2460
2460
|
e("div", { class: "bg-circle circle-3" })
|
|
2461
2461
|
], -1)),
|
|
2462
|
-
e("div",
|
|
2462
|
+
e("div", _n, [
|
|
2463
2463
|
s[5] || (s[5] = Ue('<div class="error-code" data-v-1b083153><span class="code-digit" data-v-1b083153>4</span><span class="code-zero" data-v-1b083153><span class="zero-inner" data-v-1b083153>0</span></span><span class="code-digit" data-v-1b083153>4</span></div><div class="error-illustration" data-v-1b083153><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-1b083153><rect x="40" y="20" width="120" height="80" rx="8" fill="var(--color-fill)" stroke="var(--color-border)" stroke-width="2" data-v-1b083153></rect><rect x="50" y="30" width="100" height="60" rx="4" fill="var(--bg-color)" data-v-1b083153></rect><line x1="60" y1="45" x2="140" y2="45" stroke="var(--color-border-light)" stroke-width="2" data-v-1b083153></line><line x1="60" y1="55" x2="120" y2="55" stroke="var(--color-border-light)" stroke-width="2" data-v-1b083153></line><line x1="60" y1="65" x2="100" y2="65" stroke="var(--color-border-light)" stroke-width="2" data-v-1b083153></line><text x="100" y="75" text-anchor="middle" fill="var(--color-primary)" font-size="24" font-weight="600" data-v-1b083153>?</text><circle cx="150" cy="35" r="12" stroke="var(--color-primary)" stroke-width="2" fill="none" data-v-1b083153></circle><line x1="158" y1="43" x2="168" y2="53" stroke="var(--color-primary)" stroke-width="2" stroke-linecap="round" data-v-1b083153></line></svg></div><h1 class="error-title" data-v-1b083153>页面不存在</h1><p class="error-desc" data-v-1b083153>抱歉,您访问的页面不存在或已被删除</p>', 4)),
|
|
2464
|
-
e("div",
|
|
2465
|
-
y(
|
|
2464
|
+
e("div", fn, [
|
|
2465
|
+
y(o(we), {
|
|
2466
2466
|
type: "primary",
|
|
2467
2467
|
size: "large",
|
|
2468
2468
|
onClick: d
|
|
@@ -2483,9 +2483,9 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2483
2483
|
]),
|
|
2484
2484
|
_: 1
|
|
2485
2485
|
}),
|
|
2486
|
-
y(
|
|
2486
|
+
y(o(we), {
|
|
2487
2487
|
size: "large",
|
|
2488
|
-
onClick: s[0] || (s[0] = (
|
|
2488
|
+
onClick: s[0] || (s[0] = (u) => o(r).go(-1))
|
|
2489
2489
|
}, {
|
|
2490
2490
|
icon: M(() => [...s[3] || (s[3] = [
|
|
2491
2491
|
e("svg", {
|
|
@@ -2515,26 +2515,26 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2515
2515
|
])
|
|
2516
2516
|
]));
|
|
2517
2517
|
}
|
|
2518
|
-
}),
|
|
2518
|
+
}), yn = /* @__PURE__ */ re(gn, [["__scopeId", "data-v-1b083153"]]), ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2519
2519
|
__proto__: null,
|
|
2520
|
-
default:
|
|
2521
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2520
|
+
default: yn
|
|
2521
|
+
}, Symbol.toStringTag, { value: "Module" })), kn = { class: "error-page" }, wn = { class: "error-container" }, bn = { class: "error-content" }, xn = { class: "error-actions" }, Cn = /* @__PURE__ */ ne({
|
|
2522
2522
|
__name: "403",
|
|
2523
2523
|
setup(t) {
|
|
2524
|
-
const
|
|
2525
|
-
|
|
2524
|
+
const r = me(), d = () => {
|
|
2525
|
+
r.push("/");
|
|
2526
2526
|
};
|
|
2527
|
-
return (
|
|
2528
|
-
e("div",
|
|
2527
|
+
return (l, s) => (a(), c("div", kn, [
|
|
2528
|
+
e("div", wn, [
|
|
2529
2529
|
s[7] || (s[7] = e("div", { class: "error-bg" }, [
|
|
2530
2530
|
e("div", { class: "bg-circle circle-1" }),
|
|
2531
2531
|
e("div", { class: "bg-circle circle-2" }),
|
|
2532
2532
|
e("div", { class: "bg-circle circle-3" })
|
|
2533
2533
|
], -1)),
|
|
2534
|
-
e("div",
|
|
2534
|
+
e("div", bn, [
|
|
2535
2535
|
s[5] || (s[5] = Ue('<div class="error-code" data-v-d167f981><span class="code-digit" data-v-d167f981>4</span><span class="code-zero warning" data-v-d167f981><span class="zero-inner" data-v-d167f981>0</span></span><span class="code-digit" data-v-d167f981>3</span></div><div class="error-illustration" data-v-d167f981><svg viewBox="0 0 200 120" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-d167f981><path d="M100 15 L150 35 L150 70 C150 95 100 110 100 110 C100 110 50 95 50 70 L50 35 Z" fill="var(--color-warning-lighter)" stroke="var(--color-warning)" stroke-width="2" data-v-d167f981></path><rect x="85" y="55" width="30" height="25" rx="4" fill="var(--color-warning)" data-v-d167f981></rect><path d="M92 55 V48 A8 8 0 0 1 108 48 V55" fill="none" stroke="var(--color-warning)" stroke-width="3" data-v-d167f981></path><circle cx="100" cy="67" r="6" fill="none" stroke="#fff" stroke-width="2" data-v-d167f981></circle><line x1="96" y1="63" x2="104" y2="71" stroke="#fff" stroke-width="2" data-v-d167f981></line></svg></div><h1 class="error-title" data-v-d167f981>无访问权限</h1><p class="error-desc" data-v-d167f981>抱歉,您没有权限访问此页面,请联系管理员获取权限</p>', 4)),
|
|
2536
|
-
e("div",
|
|
2537
|
-
y(
|
|
2536
|
+
e("div", xn, [
|
|
2537
|
+
y(o(we), {
|
|
2538
2538
|
type: "primary",
|
|
2539
2539
|
size: "large",
|
|
2540
2540
|
onClick: d
|
|
@@ -2555,9 +2555,9 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2555
2555
|
]),
|
|
2556
2556
|
_: 1
|
|
2557
2557
|
}),
|
|
2558
|
-
y(
|
|
2558
|
+
y(o(we), {
|
|
2559
2559
|
size: "large",
|
|
2560
|
-
onClick: s[0] || (s[0] = (
|
|
2560
|
+
onClick: s[0] || (s[0] = (u) => o(r).go(-1))
|
|
2561
2561
|
}, {
|
|
2562
2562
|
icon: M(() => [...s[3] || (s[3] = [
|
|
2563
2563
|
e("svg", {
|
|
@@ -2587,18 +2587,18 @@ const Fa = /* @__PURE__ */ re(ea, [["render", sa], ["__scopeId", "data-v-4852826
|
|
|
2587
2587
|
])
|
|
2588
2588
|
]));
|
|
2589
2589
|
}
|
|
2590
|
-
}),
|
|
2591
|
-
function
|
|
2592
|
-
const t =
|
|
2590
|
+
}), Kn = /* @__PURE__ */ re(Cn, [["__scopeId", "data-v-d167f981"]]);
|
|
2591
|
+
function jn() {
|
|
2592
|
+
const t = ie(), r = le(), d = ze(), l = w(() => r.userName || ""), s = w(() => r.userInfo), u = w(() => t.appName), p = w(() => d.isLoggedIn), h = w(() => t.isDark), m = w(() => t.theme), f = w(() => t.isCollapsed), L = w(() => t.layout);
|
|
2593
2593
|
return {
|
|
2594
|
-
userName:
|
|
2594
|
+
userName: l,
|
|
2595
2595
|
userInfo: s,
|
|
2596
|
-
appName:
|
|
2597
|
-
isLoggedIn:
|
|
2598
|
-
isDark:
|
|
2599
|
-
theme:
|
|
2596
|
+
appName: u,
|
|
2597
|
+
isLoggedIn: p,
|
|
2598
|
+
isDark: h,
|
|
2599
|
+
theme: m,
|
|
2600
2600
|
isCollapsed: f,
|
|
2601
|
-
layout:
|
|
2601
|
+
layout: L,
|
|
2602
2602
|
toggleTheme: () => {
|
|
2603
2603
|
t.toggleTheme();
|
|
2604
2604
|
},
|
|
@@ -2607,123 +2607,123 @@ function ja() {
|
|
|
2607
2607
|
}
|
|
2608
2608
|
};
|
|
2609
2609
|
}
|
|
2610
|
-
function
|
|
2610
|
+
function Wn() {
|
|
2611
2611
|
const t = le();
|
|
2612
2612
|
return {
|
|
2613
2613
|
isLoggedIn: w(() => t.isLoggedIn)
|
|
2614
2614
|
};
|
|
2615
2615
|
}
|
|
2616
|
-
function
|
|
2617
|
-
const { rules: d, onSubmit:
|
|
2618
|
-
|
|
2619
|
-
},
|
|
2620
|
-
Object.assign(
|
|
2621
|
-
},
|
|
2622
|
-
|
|
2623
|
-
},
|
|
2616
|
+
function qn(t, r = {}) {
|
|
2617
|
+
const { rules: d, onSubmit: l } = r, s = g(), u = qe({ ...t }), p = g(!1), h = g(!1), m = g(!1), f = () => {
|
|
2618
|
+
_(), m.value = !1, h.value = !0;
|
|
2619
|
+
}, L = (D) => {
|
|
2620
|
+
Object.assign(u, D), m.value = !0, h.value = !0;
|
|
2621
|
+
}, i = () => {
|
|
2622
|
+
h.value = !1, _();
|
|
2623
|
+
}, _ = () => {
|
|
2624
2624
|
var D;
|
|
2625
2625
|
Object.keys(t).forEach((W) => {
|
|
2626
|
-
|
|
2626
|
+
u[W] = t[W];
|
|
2627
2627
|
}), (D = s.value) == null || D.resetFields();
|
|
2628
2628
|
};
|
|
2629
2629
|
return {
|
|
2630
2630
|
formRef: s,
|
|
2631
|
-
formData:
|
|
2631
|
+
formData: u,
|
|
2632
2632
|
rules: d,
|
|
2633
|
-
loading:
|
|
2634
|
-
visible:
|
|
2635
|
-
isEdit:
|
|
2633
|
+
loading: p,
|
|
2634
|
+
visible: h,
|
|
2635
|
+
isEdit: m,
|
|
2636
2636
|
openAdd: f,
|
|
2637
|
-
openEdit:
|
|
2638
|
-
close:
|
|
2639
|
-
resetForm:
|
|
2637
|
+
openEdit: L,
|
|
2638
|
+
close: i,
|
|
2639
|
+
resetForm: _,
|
|
2640
2640
|
handleSubmit: async () => {
|
|
2641
2641
|
var D;
|
|
2642
2642
|
try {
|
|
2643
|
-
await ((D = s.value) == null ? void 0 : D.validate()),
|
|
2643
|
+
await ((D = s.value) == null ? void 0 : D.validate()), p.value = !0, await (l == null ? void 0 : l(u)), i();
|
|
2644
2644
|
} catch (W) {
|
|
2645
2645
|
console.error(W);
|
|
2646
2646
|
} finally {
|
|
2647
|
-
|
|
2647
|
+
p.value = !1;
|
|
2648
2648
|
}
|
|
2649
2649
|
}
|
|
2650
2650
|
};
|
|
2651
2651
|
}
|
|
2652
|
-
function
|
|
2653
|
-
const { fetchData:
|
|
2654
|
-
|
|
2652
|
+
function Hn(t) {
|
|
2653
|
+
const { fetchData: r, defaultPageSize: d = 10 } = t, l = g(!1), s = g([]), u = g(0), p = g(1), h = g(d), m = qe({}), f = async () => {
|
|
2654
|
+
l.value = !0;
|
|
2655
2655
|
try {
|
|
2656
2656
|
const V = {
|
|
2657
|
-
...
|
|
2658
|
-
page:
|
|
2659
|
-
pageSize:
|
|
2660
|
-
}, B = await
|
|
2661
|
-
s.value = B.list,
|
|
2657
|
+
...m,
|
|
2658
|
+
page: p.value,
|
|
2659
|
+
pageSize: h.value
|
|
2660
|
+
}, B = await r(V);
|
|
2661
|
+
s.value = B.list, u.value = B.total;
|
|
2662
2662
|
} catch (V) {
|
|
2663
2663
|
console.error(V);
|
|
2664
2664
|
} finally {
|
|
2665
|
-
|
|
2665
|
+
l.value = !1;
|
|
2666
2666
|
}
|
|
2667
|
-
},
|
|
2668
|
-
|
|
2669
|
-
},
|
|
2670
|
-
Object.keys(
|
|
2671
|
-
|
|
2672
|
-
}),
|
|
2673
|
-
},
|
|
2674
|
-
|
|
2667
|
+
}, L = () => {
|
|
2668
|
+
p.value = 1, f();
|
|
2669
|
+
}, i = () => {
|
|
2670
|
+
Object.keys(m).forEach((V) => {
|
|
2671
|
+
m[V] = void 0;
|
|
2672
|
+
}), p.value = 1, f();
|
|
2673
|
+
}, _ = (V) => {
|
|
2674
|
+
p.value = V, f();
|
|
2675
2675
|
}, j = (V) => {
|
|
2676
|
-
|
|
2676
|
+
h.value = V, p.value = 1, f();
|
|
2677
2677
|
}, D = () => {
|
|
2678
2678
|
f();
|
|
2679
2679
|
}, W = w(() => ({
|
|
2680
|
-
current:
|
|
2681
|
-
pageSize:
|
|
2682
|
-
total:
|
|
2680
|
+
current: p.value,
|
|
2681
|
+
pageSize: h.value,
|
|
2682
|
+
total: u.value
|
|
2683
2683
|
}));
|
|
2684
2684
|
return {
|
|
2685
|
-
loading:
|
|
2685
|
+
loading: l,
|
|
2686
2686
|
data: s,
|
|
2687
|
-
total:
|
|
2688
|
-
currentPage:
|
|
2689
|
-
pageSize:
|
|
2690
|
-
searchParams:
|
|
2687
|
+
total: u,
|
|
2688
|
+
currentPage: p,
|
|
2689
|
+
pageSize: h,
|
|
2690
|
+
searchParams: m,
|
|
2691
2691
|
pagination: W,
|
|
2692
2692
|
getData: f,
|
|
2693
|
-
handleSearch:
|
|
2694
|
-
handleReset:
|
|
2695
|
-
handlePageChange:
|
|
2693
|
+
handleSearch: L,
|
|
2694
|
+
handleReset: i,
|
|
2695
|
+
handlePageChange: _,
|
|
2696
2696
|
handleSizeChange: j,
|
|
2697
2697
|
refresh: D
|
|
2698
2698
|
};
|
|
2699
2699
|
}
|
|
2700
2700
|
const Je = Ne("locale", () => {
|
|
2701
|
-
const t = N.get("locale") || "zh-CN",
|
|
2702
|
-
const
|
|
2703
|
-
return (
|
|
2701
|
+
const t = N.get("locale") || "zh-CN", r = Lt(t), d = g(t), l = Mt(), { t: s, messages: u, setLocale: p, mergeMessages: h } = St(), m = w(() => {
|
|
2702
|
+
const _ = l.find((j) => j.code === d.value);
|
|
2703
|
+
return (_ == null ? void 0 : _.name) || d.value;
|
|
2704
2704
|
});
|
|
2705
2705
|
return {
|
|
2706
2706
|
locale: d,
|
|
2707
|
-
localeName:
|
|
2708
|
-
locales:
|
|
2709
|
-
messages:
|
|
2707
|
+
localeName: m,
|
|
2708
|
+
locales: l,
|
|
2709
|
+
messages: u,
|
|
2710
2710
|
t: s,
|
|
2711
|
-
changeLocale: (
|
|
2712
|
-
d.value =
|
|
2711
|
+
changeLocale: (_) => {
|
|
2712
|
+
d.value = _, p(_), N.set("locale", _), r.setLocale(_);
|
|
2713
2713
|
},
|
|
2714
|
-
addMessages: (
|
|
2715
|
-
|
|
2714
|
+
addMessages: (_) => {
|
|
2715
|
+
h(_);
|
|
2716
2716
|
},
|
|
2717
2717
|
initLocale: () => {
|
|
2718
|
-
|
|
2718
|
+
p(t);
|
|
2719
2719
|
},
|
|
2720
|
-
provider:
|
|
2720
|
+
provider: r
|
|
2721
2721
|
};
|
|
2722
|
-
}), $
|
|
2722
|
+
}), $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2723
2723
|
__proto__: null,
|
|
2724
2724
|
useLocaleStore: Je
|
|
2725
2725
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
2726
|
-
function
|
|
2726
|
+
function Yn() {
|
|
2727
2727
|
const t = Je();
|
|
2728
2728
|
return {
|
|
2729
2729
|
/** 当前语言代码 */
|
|
@@ -2742,39 +2742,39 @@ function Ya() {
|
|
|
2742
2742
|
addMessages: t.addMessages
|
|
2743
2743
|
};
|
|
2744
2744
|
}
|
|
2745
|
-
function
|
|
2745
|
+
function Xn() {
|
|
2746
2746
|
return Je().t;
|
|
2747
2747
|
}
|
|
2748
|
-
function
|
|
2749
|
-
const
|
|
2750
|
-
return
|
|
2748
|
+
function Gn(t) {
|
|
2749
|
+
const r = le(), d = de();
|
|
2750
|
+
return r.isLoggedIn ? d.hasPermission(t) : !1;
|
|
2751
2751
|
}
|
|
2752
|
-
function
|
|
2752
|
+
function Jn(t) {
|
|
2753
2753
|
return le().isLoggedIn;
|
|
2754
2754
|
}
|
|
2755
|
-
function
|
|
2755
|
+
function Zn() {
|
|
2756
2756
|
return !0;
|
|
2757
2757
|
}
|
|
2758
|
-
const
|
|
2758
|
+
const ut = [
|
|
2759
2759
|
{
|
|
2760
2760
|
path: "/login",
|
|
2761
2761
|
name: "Login",
|
|
2762
|
-
component: () => Promise.resolve().then(() =>
|
|
2762
|
+
component: () => Promise.resolve().then(() => pn),
|
|
2763
2763
|
meta: {
|
|
2764
2764
|
title: "登录",
|
|
2765
2765
|
hidden: !0
|
|
2766
2766
|
}
|
|
2767
2767
|
}
|
|
2768
|
-
],
|
|
2768
|
+
], dt = {
|
|
2769
2769
|
path: "/",
|
|
2770
2770
|
name: "Layout",
|
|
2771
|
-
component: () => Promise.resolve().then(() =>
|
|
2771
|
+
component: () => Promise.resolve().then(() => Yo),
|
|
2772
2772
|
redirect: "/dashboard",
|
|
2773
2773
|
children: [
|
|
2774
2774
|
{
|
|
2775
2775
|
path: "/dashboard",
|
|
2776
2776
|
name: "Dashboard",
|
|
2777
|
-
component: () => import("./index-
|
|
2777
|
+
component: () => import("./index-CkGnfjPz.js"),
|
|
2778
2778
|
meta: {
|
|
2779
2779
|
title: "仪表盘",
|
|
2780
2780
|
icon: "dashboard",
|
|
@@ -2785,7 +2785,7 @@ const dt = [
|
|
|
2785
2785
|
{
|
|
2786
2786
|
path: "/system/user",
|
|
2787
2787
|
name: "SystemUser",
|
|
2788
|
-
component: () => import("./index-
|
|
2788
|
+
component: () => import("./index-6kX8-rlc.js"),
|
|
2789
2789
|
meta: {
|
|
2790
2790
|
title: "用户管理",
|
|
2791
2791
|
icon: "user",
|
|
@@ -2795,7 +2795,7 @@ const dt = [
|
|
|
2795
2795
|
{
|
|
2796
2796
|
path: "/system/role",
|
|
2797
2797
|
name: "SystemRole",
|
|
2798
|
-
component: () => import("./index-
|
|
2798
|
+
component: () => import("./index-Bv8lJOd7.js"),
|
|
2799
2799
|
meta: {
|
|
2800
2800
|
title: "角色管理",
|
|
2801
2801
|
icon: "role",
|
|
@@ -2805,7 +2805,7 @@ const dt = [
|
|
|
2805
2805
|
{
|
|
2806
2806
|
path: "/system/menu",
|
|
2807
2807
|
name: "SystemMenu",
|
|
2808
|
-
component: () => import("./index-
|
|
2808
|
+
component: () => import("./index-B17roDLd.js"),
|
|
2809
2809
|
meta: {
|
|
2810
2810
|
title: "菜单管理",
|
|
2811
2811
|
icon: "menu",
|
|
@@ -2823,11 +2823,11 @@ const dt = [
|
|
|
2823
2823
|
}
|
|
2824
2824
|
}
|
|
2825
2825
|
]
|
|
2826
|
-
},
|
|
2826
|
+
}, Qn = [
|
|
2827
2827
|
{
|
|
2828
2828
|
path: "/dashboard",
|
|
2829
2829
|
name: "Dashboard",
|
|
2830
|
-
component: () => import("./index-
|
|
2830
|
+
component: () => import("./index-CkGnfjPz.js"),
|
|
2831
2831
|
meta: {
|
|
2832
2832
|
title: "仪表盘",
|
|
2833
2833
|
icon: "dashboard",
|
|
@@ -2847,7 +2847,7 @@ const dt = [
|
|
|
2847
2847
|
{
|
|
2848
2848
|
path: "user",
|
|
2849
2849
|
name: "SystemUser",
|
|
2850
|
-
component: () => import("./index-
|
|
2850
|
+
component: () => import("./index-6kX8-rlc.js"),
|
|
2851
2851
|
meta: {
|
|
2852
2852
|
title: "用户管理",
|
|
2853
2853
|
icon: "user",
|
|
@@ -2857,7 +2857,7 @@ const dt = [
|
|
|
2857
2857
|
{
|
|
2858
2858
|
path: "role",
|
|
2859
2859
|
name: "SystemRole",
|
|
2860
|
-
component: () => import("./index-
|
|
2860
|
+
component: () => import("./index-Bv8lJOd7.js"),
|
|
2861
2861
|
meta: {
|
|
2862
2862
|
title: "角色管理",
|
|
2863
2863
|
icon: "role",
|
|
@@ -2867,7 +2867,7 @@ const dt = [
|
|
|
2867
2867
|
{
|
|
2868
2868
|
path: "menu",
|
|
2869
2869
|
name: "SystemMenu",
|
|
2870
|
-
component: () => import("./index-
|
|
2870
|
+
component: () => import("./index-B17roDLd.js"),
|
|
2871
2871
|
meta: {
|
|
2872
2872
|
title: "菜单管理",
|
|
2873
2873
|
icon: "menu",
|
|
@@ -2876,7 +2876,7 @@ const dt = [
|
|
|
2876
2876
|
}
|
|
2877
2877
|
]
|
|
2878
2878
|
}
|
|
2879
|
-
],
|
|
2879
|
+
], Ln = [
|
|
2880
2880
|
{
|
|
2881
2881
|
menuCode: "dashboard",
|
|
2882
2882
|
menuName: "仪表盘",
|
|
@@ -2926,12 +2926,12 @@ const dt = [
|
|
|
2926
2926
|
}
|
|
2927
2927
|
], mt = He({
|
|
2928
2928
|
history: Ye(),
|
|
2929
|
-
routes: [...
|
|
2929
|
+
routes: [...ut, dt],
|
|
2930
2930
|
scrollBehavior: () => ({ left: 0, top: 0 })
|
|
2931
|
-
}),
|
|
2932
|
-
mt.beforeEach(async (t,
|
|
2933
|
-
const
|
|
2934
|
-
if (
|
|
2931
|
+
}), Mn = ["/login"];
|
|
2932
|
+
mt.beforeEach(async (t, r, d) => {
|
|
2933
|
+
const l = ie();
|
|
2934
|
+
if (l.initTheme(), st())
|
|
2935
2935
|
if (t.path === "/login")
|
|
2936
2936
|
d({ path: "/" });
|
|
2937
2937
|
else {
|
|
@@ -2945,20 +2945,20 @@ mt.beforeEach(async (t, l, d) => {
|
|
|
2945
2945
|
mobilePhone: "13800138000",
|
|
2946
2946
|
positionName: "管理员",
|
|
2947
2947
|
avatar: ""
|
|
2948
|
-
}),
|
|
2948
|
+
}), de().setMenuList(Ln)), t.name && t.meta.keepAlive && l.addCachedView(t.name), d();
|
|
2949
2949
|
}
|
|
2950
2950
|
else
|
|
2951
|
-
|
|
2951
|
+
Mn.includes(t.path) ? d() : d("/login");
|
|
2952
2952
|
});
|
|
2953
2953
|
function el() {
|
|
2954
2954
|
const t = He({
|
|
2955
2955
|
history: Ye(),
|
|
2956
|
-
routes: [...
|
|
2956
|
+
routes: [...ut, dt]
|
|
2957
2957
|
});
|
|
2958
2958
|
mt.matcher = t.matcher;
|
|
2959
2959
|
}
|
|
2960
|
-
function tl(t,
|
|
2961
|
-
const d =
|
|
2960
|
+
function tl(t, r = {}) {
|
|
2961
|
+
const d = r.indexPath || "/dashboard", l = r.logoSrc || "/vite.svg", s = {
|
|
2962
2962
|
path: "/:pathMatch(.*)*",
|
|
2963
2963
|
name: "CatchAll",
|
|
2964
2964
|
component: () => Promise.resolve().then(() => ct),
|
|
@@ -2969,63 +2969,63 @@ function tl(t, l = {}) {
|
|
|
2969
2969
|
return {
|
|
2970
2970
|
path: "/",
|
|
2971
2971
|
name: "Layout",
|
|
2972
|
-
component:
|
|
2972
|
+
component: ne({
|
|
2973
2973
|
name: "LayoutWrapper",
|
|
2974
2974
|
render() {
|
|
2975
|
-
return
|
|
2975
|
+
return kt(it, { logoSrc: l });
|
|
2976
2976
|
}
|
|
2977
2977
|
}),
|
|
2978
2978
|
redirect: d,
|
|
2979
2979
|
children: [...t, s]
|
|
2980
2980
|
};
|
|
2981
2981
|
}
|
|
2982
|
-
function sl(t,
|
|
2982
|
+
function sl(t, r = {}) {
|
|
2983
2983
|
return He({
|
|
2984
|
-
history: Ye(
|
|
2984
|
+
history: Ye(r.base),
|
|
2985
2985
|
routes: t,
|
|
2986
2986
|
scrollBehavior: () => ({ left: 0, top: 0 })
|
|
2987
2987
|
});
|
|
2988
2988
|
}
|
|
2989
|
-
const
|
|
2990
|
-
function
|
|
2991
|
-
const d =
|
|
2992
|
-
t.beforeEach(async (
|
|
2993
|
-
const
|
|
2994
|
-
if (
|
|
2995
|
-
if (
|
|
2996
|
-
|
|
2997
|
-
else if (
|
|
2998
|
-
|
|
2989
|
+
const Sn = ["/login", "/404", "/403"];
|
|
2990
|
+
function al(t, r = {}) {
|
|
2991
|
+
const d = r.whiteList || Sn;
|
|
2992
|
+
t.beforeEach(async (l, s, u) => {
|
|
2993
|
+
const p = ie(), h = le(), m = de(), f = p.loginPath || r.loginPath || "/login", L = p.indexPath || r.homePath || "/dashboard";
|
|
2994
|
+
if (p.initTheme(), tt())
|
|
2995
|
+
if (l.path === f)
|
|
2996
|
+
u({ path: L });
|
|
2997
|
+
else if (h.isLoggedIn)
|
|
2998
|
+
l.name && l.meta.keepAlive && p.addCachedView(l.name), u();
|
|
2999
2999
|
else
|
|
3000
3000
|
try {
|
|
3001
|
-
if (
|
|
3002
|
-
const
|
|
3003
|
-
|
|
3001
|
+
if (r.fetchUserInfo) {
|
|
3002
|
+
const _ = await r.fetchUserInfo();
|
|
3003
|
+
h.setUserInfo(_);
|
|
3004
3004
|
} else {
|
|
3005
|
-
const
|
|
3006
|
-
|
|
3005
|
+
const _ = await vt();
|
|
3006
|
+
h.setUserInfo(_);
|
|
3007
3007
|
}
|
|
3008
|
-
if (
|
|
3009
|
-
const
|
|
3010
|
-
|
|
3008
|
+
if (r.fetchMenu) {
|
|
3009
|
+
const _ = await r.fetchMenu();
|
|
3010
|
+
m.setMenuList(_);
|
|
3011
3011
|
} else {
|
|
3012
|
-
const
|
|
3013
|
-
|
|
3012
|
+
const _ = await ht(r.appId);
|
|
3013
|
+
m.setMenuList(_);
|
|
3014
3014
|
}
|
|
3015
|
-
|
|
3016
|
-
} catch (
|
|
3017
|
-
console.error("获取用户信息失败:",
|
|
3015
|
+
r.onLoginSuccess && r.onLoginSuccess(), l.name && l.meta.keepAlive && p.addCachedView(l.name), u({ ...l, replace: !0 });
|
|
3016
|
+
} catch (_) {
|
|
3017
|
+
console.error("获取用户信息失败:", _), h.clearUserInfo(), m.clearMenu(), at(), u({ path: f, query: { redirect: l.fullPath } });
|
|
3018
3018
|
}
|
|
3019
3019
|
else
|
|
3020
|
-
d.includes(
|
|
3020
|
+
d.includes(l.path) ? u() : u({ path: f, query: { redirect: l.fullPath } });
|
|
3021
3021
|
}), t.afterEach(() => {
|
|
3022
3022
|
});
|
|
3023
3023
|
}
|
|
3024
|
-
var
|
|
3025
|
-
const
|
|
3024
|
+
var In = /* @__PURE__ */ ((t) => (t[t.ENABLED = 1] = "ENABLED", t[t.DISABLED = 0] = "DISABLED", t))(In || {}), Nn = /* @__PURE__ */ ((t) => (t[t.UNKNOWN = 0] = "UNKNOWN", t[t.MALE = 1] = "MALE", t[t.FEMALE = 2] = "FEMALE", t))(Nn || {}), zn = /* @__PURE__ */ ((t) => (t[t.DIRECTORY = 0] = "DIRECTORY", t[t.MENU = 1] = "MENU", t[t.BUTTON = 2] = "BUTTON", t))(zn || {});
|
|
3025
|
+
const ol = {
|
|
3026
3026
|
1: "启用",
|
|
3027
3027
|
0: "禁用"
|
|
3028
|
-
},
|
|
3028
|
+
}, nl = {
|
|
3029
3029
|
0: "未知",
|
|
3030
3030
|
1: "男",
|
|
3031
3031
|
2: "女"
|
|
@@ -3076,33 +3076,33 @@ const nl = {
|
|
|
3076
3076
|
value: 2
|
|
3077
3077
|
/* BUTTON */
|
|
3078
3078
|
}
|
|
3079
|
-
],
|
|
3080
|
-
mounted(t,
|
|
3081
|
-
var
|
|
3082
|
-
const d = le(),
|
|
3079
|
+
], ul = {
|
|
3080
|
+
mounted(t, r) {
|
|
3081
|
+
var p, h;
|
|
3082
|
+
const d = le(), l = de();
|
|
3083
3083
|
if (!d.isLoggedIn) {
|
|
3084
|
-
(
|
|
3084
|
+
(p = t.parentNode) == null || p.removeChild(t);
|
|
3085
3085
|
return;
|
|
3086
3086
|
}
|
|
3087
|
-
const s =
|
|
3088
|
-
|
|
3087
|
+
const s = r.value, u = Array.isArray(s) ? s : [s];
|
|
3088
|
+
l.hasPermission(u) || (h = t.parentNode) == null || h.removeChild(t);
|
|
3089
3089
|
}
|
|
3090
3090
|
};
|
|
3091
|
-
function
|
|
3091
|
+
function dl(t) {
|
|
3092
3092
|
return _t({
|
|
3093
3093
|
appId: t.appId,
|
|
3094
3094
|
clientId: t.clientId,
|
|
3095
3095
|
apiBaseUrl: t.apiBaseUrl
|
|
3096
|
-
}), Promise.resolve().then(() => It).then(({ useAppStore:
|
|
3097
|
-
const d =
|
|
3096
|
+
}), Promise.resolve().then(() => It).then(({ useAppStore: r }) => {
|
|
3097
|
+
const d = r();
|
|
3098
3098
|
t.appName && d.setAppName(t.appName), t.indexPath && d.setIndexPath(t.indexPath), t.loginPath && d.setLoginPath(t.loginPath);
|
|
3099
|
-
}), t.locale && Promise.resolve().then(() => $
|
|
3100
|
-
|
|
3099
|
+
}), t.locale && Promise.resolve().then(() => $n).then(({ useLocaleStore: r }) => {
|
|
3100
|
+
r().changeLocale(t.locale);
|
|
3101
3101
|
}), {
|
|
3102
3102
|
config: {
|
|
3103
3103
|
appName: t.appName || "XTO App",
|
|
3104
3104
|
appId: Fe(),
|
|
3105
|
-
clientId:
|
|
3105
|
+
clientId: nt(),
|
|
3106
3106
|
apiBaseUrl: ft(),
|
|
3107
3107
|
indexPath: t.indexPath || "/dashboard",
|
|
3108
3108
|
loginPath: t.loginPath || "/login",
|
|
@@ -3111,47 +3111,47 @@ function ul(t) {
|
|
|
3111
3111
|
};
|
|
3112
3112
|
}
|
|
3113
3113
|
export {
|
|
3114
|
-
|
|
3115
|
-
|
|
3114
|
+
ie as A,
|
|
3115
|
+
Wn as B,
|
|
3116
3116
|
ze as C,
|
|
3117
|
-
|
|
3118
|
-
|
|
3119
|
-
|
|
3120
|
-
|
|
3117
|
+
qn as D,
|
|
3118
|
+
Yn as E,
|
|
3119
|
+
Fn as F,
|
|
3120
|
+
Nn as G,
|
|
3121
3121
|
Ps as H,
|
|
3122
3122
|
Je as I,
|
|
3123
|
-
|
|
3124
|
-
|
|
3123
|
+
de as J,
|
|
3124
|
+
Hn as K,
|
|
3125
3125
|
it as L,
|
|
3126
|
-
|
|
3126
|
+
zn as M,
|
|
3127
3127
|
le as N,
|
|
3128
|
-
|
|
3129
|
-
|
|
3128
|
+
In as S,
|
|
3129
|
+
Rn as T,
|
|
3130
3130
|
re as _,
|
|
3131
3131
|
rl as a,
|
|
3132
3132
|
cl as b,
|
|
3133
|
-
|
|
3133
|
+
Kn as c,
|
|
3134
3134
|
il as d,
|
|
3135
|
-
|
|
3135
|
+
nl as e,
|
|
3136
3136
|
ll as f,
|
|
3137
|
-
|
|
3137
|
+
yn as g,
|
|
3138
3138
|
et as h,
|
|
3139
|
-
|
|
3140
|
-
|
|
3139
|
+
mn as i,
|
|
3140
|
+
ol as j,
|
|
3141
3141
|
tl as k,
|
|
3142
3142
|
sl as l,
|
|
3143
|
-
|
|
3144
|
-
|
|
3145
|
-
|
|
3146
|
-
|
|
3147
|
-
|
|
3148
|
-
|
|
3149
|
-
|
|
3150
|
-
|
|
3151
|
-
|
|
3143
|
+
Xn as m,
|
|
3144
|
+
dl as n,
|
|
3145
|
+
Qn as o,
|
|
3146
|
+
Gn as p,
|
|
3147
|
+
Jn as q,
|
|
3148
|
+
Zn as r,
|
|
3149
|
+
dt as s,
|
|
3150
|
+
Ln as t,
|
|
3151
|
+
ul as u,
|
|
3152
3152
|
el as v,
|
|
3153
3153
|
mt as w,
|
|
3154
|
-
|
|
3155
|
-
|
|
3156
|
-
|
|
3154
|
+
al as x,
|
|
3155
|
+
ut as y,
|
|
3156
|
+
jn as z
|
|
3157
3157
|
};
|