xto-fronted 0.4.72 → 0.4.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/dist/assets/404-CrBiLyvr.js +1 -0
  2. package/dist/assets/404-Cw_4ZCL6.css +1 -0
  3. package/dist/assets/_plugin-vue_export-helper-DlAUqK2U.js +1 -0
  4. package/dist/assets/index-9XqWtCGs.js +1 -0
  5. package/dist/assets/index-BBGKF0l-.js +1 -0
  6. package/dist/assets/index-BRR97dc6.js +1 -0
  7. package/dist/assets/index-BlRslYYI.css +1 -0
  8. package/dist/assets/index-BudArKxR.css +1 -0
  9. package/dist/assets/index-CFhWBbxk.css +1 -0
  10. package/dist/assets/index-CRJFI4iz.js +2 -0
  11. package/dist/assets/index-CmknWHK0.js +1 -0
  12. package/dist/assets/index-D7epoF1g.js +1 -0
  13. package/dist/assets/index-D9XBi20Y.css +1 -0
  14. package/dist/assets/index-DkkuYBgT.css +1 -0
  15. package/dist/assets/index-O9wpAB3Q.js +1 -0
  16. package/dist/assets/index-_aYxnqzF.css +1 -0
  17. package/dist/assets/index-rfC7s9zA.js +1 -0
  18. package/dist/assets/index-vfvEFrCH.css +1 -0
  19. package/dist/assets/vendor-42ANG6Sg.js +6 -0
  20. package/dist/assets/vue-vendor-D8SAgT8u.js +29 -0
  21. package/dist/assets/xto-base-BD3OH0V6.js +1 -0
  22. package/dist/assets/xto-base-CojW9IFO.css +1 -0
  23. package/dist/assets/xto-business--V1F5Gwb.css +1 -0
  24. package/dist/assets/xto-core-Boim7B0B.js +1 -0
  25. package/dist/assets/xto-data-CnAQAQH2.css +1 -0
  26. package/dist/assets/xto-data-DuG2QJrr.js +1 -0
  27. package/dist/assets/xto-feedback-C-ESp-Y1.css +1 -0
  28. package/dist/assets/xto-feedback-XZPSQcJN.js +1 -0
  29. package/dist/assets/xto-form-BmTGLIm_.js +1 -0
  30. package/dist/assets/xto-form-CrsyAjyr.css +1 -0
  31. package/dist/assets/xto-layout-D1stVnJI.css +1 -0
  32. package/dist/assets/xto-navigation-BRzSCpAw.css +1 -0
  33. package/dist/assets/xto-navigation-nPmjRi-J.js +1 -0
  34. package/dist/index.html +28 -0
  35. package/package.json +1 -1
  36. package/src/App.vue +30 -1
  37. package/src/assets/styles/_root.scss +141 -97
  38. package/src/assets/styles/_variables.scss +44 -19
  39. package/src/assets/styles/index.scss +267 -42
  40. package/src/views/dashboard/index.vue +417 -155
  41. package/src/views/error/403.vue +251 -56
  42. package/src/views/error/404.vue +253 -56
  43. package/src/views/login/index.vue +586 -194
  44. package/src/views/system/menu/index.vue +403 -94
  45. package/src/views/system/role/index.vue +348 -69
  46. package/src/views/system/user/index.vue +402 -73
  47. package/dist/App.vue.d.ts +0 -2
  48. package/dist/api/auth.d.ts +0 -8
  49. package/dist/api/system.d.ts +0 -16
  50. package/dist/api/user.d.ts +0 -13
  51. package/dist/components/Layout/Footer.vue.d.ts +0 -2
  52. package/dist/components/Layout/Header.vue.d.ts +0 -5
  53. package/dist/components/Layout/MixTopMenu.vue.d.ts +0 -5
  54. package/dist/components/Layout/Sidebar.vue.d.ts +0 -11
  55. package/dist/components/Layout/SidebarMenuItem.vue.d.ts +0 -5
  56. package/dist/components/Layout/Tabs.vue.d.ts +0 -2
  57. package/dist/components/Layout/TopMenu.vue.d.ts +0 -5
  58. package/dist/components/Layout/index.vue.d.ts +0 -2
  59. package/dist/composables/useApp.d.ts +0 -29
  60. package/dist/composables/useAuth.d.ts +0 -6
  61. package/dist/composables/useForm.d.ts +0 -20
  62. package/dist/composables/useTable.d.ts +0 -29
  63. package/dist/directives/permission.d.ts +0 -4
  64. package/dist/enums/index.d.ts +0 -32
  65. package/dist/index-48G2-eqi.js +0 -475
  66. package/dist/index-BhtcPIRK.js +0 -3169
  67. package/dist/index-CZKP8fOP.js +0 -372
  68. package/dist/index-JouxgO84.js +0 -142
  69. package/dist/index-qlKXxfT9.js +0 -345
  70. package/dist/index.d.ts +0 -54
  71. package/dist/index.es.js +0 -91
  72. package/dist/index.umd.js +0 -1
  73. package/dist/main.d.ts +0 -0
  74. package/dist/router/dynamicRoutes.d.ts +0 -30
  75. package/dist/router/guards.d.ts +0 -17
  76. package/dist/router/index.d.ts +0 -6
  77. package/dist/router/layoutRoute.d.ts +0 -18
  78. package/dist/router/staticRoutes.d.ts +0 -2
  79. package/dist/stores/app.d.ts +0 -93
  80. package/dist/stores/auth.d.ts +0 -41
  81. package/dist/stores/index.d.ts +0 -9
  82. package/dist/stores/menu.d.ts +0 -77
  83. package/dist/stores/user.d.ts +0 -92
  84. package/dist/style.css +0 -1
  85. package/dist/utils/auth.d.ts +0 -27
  86. package/dist/utils/config.d.ts +0 -30
  87. package/dist/utils/permission.d.ts +0 -18
  88. package/dist/utils/request.d.ts +0 -24
  89. package/dist/utils/storage.d.ts +0 -24
  90. package/dist/views/dashboard/index.vue.d.ts +0 -2
  91. package/dist/views/error/403.vue.d.ts +0 -2
  92. package/dist/views/error/404.vue.d.ts +0 -2
  93. package/dist/views/login/index.vue.d.ts +0 -4
  94. package/dist/views/system/menu/index.vue.d.ts +0 -4
  95. package/dist/views/system/role/index.vue.d.ts +0 -4
  96. package/dist/views/system/user/index.vue.d.ts +0 -4
@@ -1,3169 +0,0 @@
1
- import { ref as f, computed as b, watch as Ee, defineComponent as le, resolveComponent as pt, openBlock as l, createBlock as F, unref as r, withCtx as E, createElementBlock as u, Fragment as q, renderList as X, createElementVNode as e, toDisplayString as $, createCommentVNode as N, normalizeClass as W, withDirectives as Ve, vShow as Ct, createVNode as y, createTextVNode as ye, onMounted as He, onUnmounted as Ge, vModelText as Je, Transition as ke, withModifiers as Fe, normalizeStyle as Te, reactive as Qe, withKeys as $t } from "vue";
2
- import { defineStore as Be } from "pinia";
3
- import { useRoute as we, useRouter as de, createRouter as Ze, createWebHistory as et } from "vue-router";
4
- import { SubMenu as ht, MenuItem as Re, Menu as tt, Tabs as Lt, TabPane as Mt } from "@xto/navigation";
5
- import { Icon as I, Button as Ke } from "@xto/base";
6
- import { Drawer as st, Message as ae } from "@xto/feedback";
7
- import { Form as It, FormItem as Ne, Input as ct, Checkbox as St } from "@xto/form";
8
- import Et from "axios";
9
- const Pe = f(""), Ae = f(""), Oe = f("");
10
- function Tt(t) {
11
- t.appId && (Pe.value = t.appId), t.clientId && (Ae.value = t.clientId), t.apiBaseUrl && (Oe.value = t.apiBaseUrl);
12
- }
13
- function je() {
14
- if (Pe.value)
15
- return Pe.value;
16
- try {
17
- return "";
18
- } catch {
19
- return "";
20
- }
21
- }
22
- function vt() {
23
- if (Ae.value)
24
- return Ae.value;
25
- try {
26
- return "";
27
- } catch {
28
- return "";
29
- }
30
- }
31
- function Ut() {
32
- if (Oe.value)
33
- return Oe.value;
34
- try {
35
- return "";
36
- } catch {
37
- return "";
38
- }
39
- }
40
- const Na = {
41
- appId: Pe,
42
- clientId: Ae,
43
- apiBaseUrl: Oe
44
- }, Ie = "xto_", _t = (t) => ({
45
- get(s) {
46
- const o = t.getItem(Ie + s);
47
- if (!o) return null;
48
- try {
49
- return JSON.parse(o);
50
- } catch {
51
- return o;
52
- }
53
- },
54
- set(s, o) {
55
- if (o == null) {
56
- t.removeItem(Ie + s);
57
- return;
58
- }
59
- const i = typeof o == "string" ? o : JSON.stringify(o);
60
- t.setItem(Ie + s, i);
61
- },
62
- remove(s) {
63
- t.removeItem(Ie + s);
64
- },
65
- clear() {
66
- Object.keys(t).forEach((o) => {
67
- o.startsWith(Ie) && t.removeItem(o);
68
- });
69
- }
70
- }), De = _t(window.localStorage), ze = _t(window.sessionStorage), C = {
71
- get: De.get,
72
- set: De.set,
73
- remove: De.remove,
74
- clear: De.clear
75
- }, Da = {
76
- get: ze.get,
77
- set: ze.set,
78
- remove: ze.remove,
79
- clear: ze.clear
80
- }, me = Be("app", () => {
81
- const t = f(C.get("appName") || "XTO App"), s = f(C.get("indexPath") || "/dashboard"), o = f(C.get("isDark") || !1), i = f(C.get("theme") || "light"), a = f(C.get("layout") || "sidebar"), m = f(C.get("isCollapsed") || !1), M = f(C.get("showTabs") ?? !0), d = f(C.get("showFooter") ?? !0), g = f(C.get("showBreadcrumb") ?? !0), p = f(C.get("primaryColor") || "#409eff"), v = f([]), _ = f([]), L = b(() => o.value ? "dark" : "light"), B = (T) => {
82
- t.value = T, C.set("appName", T);
83
- }, R = (T) => {
84
- s.value = T, C.set("indexPath", T);
85
- }, K = () => {
86
- o.value = !o.value, i.value = o.value ? "dark" : "light", P();
87
- }, z = (T) => {
88
- i.value = T, o.value = T === "dark", P();
89
- }, P = () => {
90
- const T = document.documentElement;
91
- o.value ? T.classList.add("dark") : T.classList.remove("dark"), C.set("isDark", o.value), C.set("theme", i.value);
92
- }, A = () => {
93
- m.value = !m.value, C.set("isCollapsed", m.value);
94
- }, U = (T) => {
95
- a.value = T, C.set("layout", T);
96
- }, D = () => {
97
- M.value = !M.value, C.set("showTabs", M.value);
98
- }, J = () => {
99
- d.value = !d.value, C.set("showFooter", d.value);
100
- }, Y = () => {
101
- g.value = !g.value, C.set("showBreadcrumb", g.value);
102
- }, V = (T) => {
103
- p.value = T, document.documentElement.style.setProperty("--color-primary", T), C.set("primaryColor", T);
104
- }, j = (T) => {
105
- v.value.includes(T) || v.value.push(T);
106
- }, se = (T) => {
107
- const Q = v.value.indexOf(T);
108
- Q > -1 && v.value.splice(Q, 1);
109
- }, oe = () => {
110
- v.value = [];
111
- }, ue = (T) => {
112
- _.value = T;
113
- }, re = () => {
114
- P(), p.value !== "#409eff" && document.documentElement.style.setProperty("--color-primary", p.value);
115
- };
116
- return Ee(o, P), {
117
- appName: t,
118
- indexPath: s,
119
- isDark: o,
120
- theme: i,
121
- layout: a,
122
- isCollapsed: m,
123
- showTabs: M,
124
- showFooter: d,
125
- showBreadcrumb: g,
126
- primaryColor: p,
127
- cachedViews: v,
128
- mixSubMenus: _,
129
- themeClass: L,
130
- setAppName: B,
131
- setIndexPath: R,
132
- toggleTheme: K,
133
- toggleCollapse: A,
134
- setTheme: z,
135
- setLayout: U,
136
- toggleTabs: D,
137
- toggleFooter: J,
138
- toggleBreadcrumb: Y,
139
- setPrimaryColor: V,
140
- addCachedView: j,
141
- removeCachedView: se,
142
- clearCachedViews: oe,
143
- setMixSubMenus: ue,
144
- initTheme: re
145
- };
146
- }), Ye = "menu_list", Nt = {
147
- menuCode: "home",
148
- menuName: "首页",
149
- menuUrl: "/dashboard",
150
- icon: "home",
151
- closable: !1,
152
- isDefault: !1,
153
- isOut: !1
154
- }, ve = Be("menu", () => {
155
- const t = f(C.get(Ye) || []), s = b(() => t.value.length > 0);
156
- return {
157
- menuList: t,
158
- hasMenu: s,
159
- setMenuList: (a) => {
160
- t.value = [Nt, ...a], C.set(Ye, t.value);
161
- },
162
- clearMenu: () => {
163
- t.value = [], C.remove(Ye);
164
- }
165
- };
166
- }), qe = "/vite.svg", Xe = "user_info", ee = Be("user", () => {
167
- const t = f(C.get(Xe)), s = b(() => !!t.value), o = b(() => {
168
- var _;
169
- return ((_ = t.value) == null ? void 0 : _.userId) || "";
170
- }), i = b(() => {
171
- var _;
172
- return ((_ = t.value) == null ? void 0 : _.userName) || "";
173
- }), a = b(() => {
174
- var _;
175
- return ((_ = t.value) == null ? void 0 : _.departmentName) || "";
176
- }), m = b(() => {
177
- var _;
178
- return ((_ = t.value) == null ? void 0 : _.email) || "";
179
- }), M = b(() => {
180
- var _;
181
- return ((_ = t.value) == null ? void 0 : _.mobilePhone) || "";
182
- }), d = b(() => {
183
- var _;
184
- return ((_ = t.value) == null ? void 0 : _.positionName) || "";
185
- }), g = b(() => {
186
- var _;
187
- return ((_ = t.value) == null ? void 0 : _.avatar) || "";
188
- });
189
- return {
190
- userInfo: t,
191
- isLoggedIn: s,
192
- userId: o,
193
- userName: i,
194
- departmentName: a,
195
- email: m,
196
- mobilePhone: M,
197
- positionName: d,
198
- avatar: g,
199
- setUserInfo: (_) => {
200
- t.value = _, C.set(Xe, _);
201
- },
202
- clearUserInfo: () => {
203
- t.value = null, C.remove(Xe);
204
- }
205
- };
206
- }), ot = "token", nt = "token_type", at = "refresh_token", lt = "expires_time", rt = "refresh_time", it = "code", We = () => C.get(ot), Dt = (t) => {
207
- C.set(ot, t);
208
- }, zt = () => C.get(nt), Rt = (t) => {
209
- C.set(nt, t);
210
- }, za = () => C.get(at), Pt = (t) => {
211
- C.set(at, t);
212
- }, At = () => C.get(lt), Ot = (t) => {
213
- C.set(lt, t);
214
- }, Ra = () => C.get(rt), Vt = (t) => {
215
- C.set(rt, t);
216
- }, Pa = () => C.get(it), Ft = (t) => {
217
- C.set(it, t);
218
- }, ft = (t) => {
219
- Dt(t.access_token), Rt(t.token_type || "Bearer"), Pt(t.refresh_token), Ot(t.expires_time), Vt(t.refresh_time), t.code && Ft(t.code);
220
- }, Se = () => {
221
- C.remove(ot), C.remove(nt), C.remove(at), C.remove(lt), C.remove(rt), C.remove(it);
222
- }, Bt = () => {
223
- const t = At();
224
- return t ? Date.now() > t : !0;
225
- }, gt = () => !!We() && !Bt(), Ue = Be("auth", () => {
226
- const t = f(We()), s = b(() => gt()), o = f(""), i = f(""), a = f(""), m = f("/login");
227
- return {
228
- token: t,
229
- isLoggedIn: s,
230
- baseUrl: o,
231
- appId: i,
232
- clientId: a,
233
- loginPath: m,
234
- login: (L) => {
235
- t.value = L.access_token, ft(L);
236
- },
237
- logout: () => {
238
- t.value = null, Se();
239
- },
240
- setBaseUrl: (L) => {
241
- o.value = L;
242
- },
243
- setAppId: (L) => {
244
- i.value = L;
245
- },
246
- setClientId: (L) => {
247
- a.value = L;
248
- },
249
- setLoginPath: (L) => {
250
- m.value = L;
251
- }
252
- };
253
- }), Kt = { class: "menu-item__content" }, jt = { class: "menu-item__icon" }, qt = {
254
- key: 1,
255
- class: "menu-item__char"
256
- }, Wt = { class: "menu-item__text" }, Yt = { class: "menu-item__content" }, Xt = {
257
- key: 0,
258
- class: "menu-item__icon"
259
- }, Ht = {
260
- key: 1,
261
- class: "menu-item__char"
262
- }, Gt = { class: "menu-item__text" }, Jt = /* @__PURE__ */ le({
263
- __name: "SidebarMenuItem",
264
- props: {
265
- menu: {}
266
- },
267
- setup(t) {
268
- const s = t, o = /* @__PURE__ */ new Set([
269
- "arrow-up",
270
- "arrow-down",
271
- "arrow-left",
272
- "arrow-right",
273
- "caret-down",
274
- "caret-right",
275
- "plus",
276
- "minus",
277
- "close",
278
- "check",
279
- "edit",
280
- "delete",
281
- "copy",
282
- "download",
283
- "upload",
284
- "refresh",
285
- "search",
286
- "filter",
287
- "more",
288
- "setting",
289
- "share",
290
- "loading",
291
- "info",
292
- "success",
293
- "warning",
294
- "error",
295
- "question",
296
- "user",
297
- "user-add",
298
- "user-group",
299
- "logout",
300
- "login",
301
- "file",
302
- "folder",
303
- "folder-open",
304
- "document",
305
- "image",
306
- "video",
307
- "music",
308
- "camera",
309
- "mail",
310
- "phone",
311
- "chat",
312
- "bell",
313
- "message",
314
- "eye",
315
- "eye-off",
316
- "calendar",
317
- "clock",
318
- "history",
319
- "timer",
320
- "location",
321
- "map",
322
- "globe",
323
- "star",
324
- "heart",
325
- "thumb-up",
326
- "link",
327
- "external-link",
328
- "lock",
329
- "unlock",
330
- "key",
331
- "home",
332
- "menu",
333
- "menu-fold",
334
- "menu-unfold",
335
- "sidebar-fold",
336
- "sidebar-expand",
337
- "sidebar-left",
338
- "dashboard",
339
- "chart",
340
- "chart-pie",
341
- "chart-line",
342
- "report",
343
- "analytics",
344
- "system",
345
- "permission",
346
- "role",
347
- "user-manage",
348
- "log",
349
- "notification",
350
- "app",
351
- "list",
352
- "grid",
353
- "fullscreen",
354
- "fullscreen-exit",
355
- "zoom-in",
356
- "zoom-out",
357
- "print",
358
- "bookmark",
359
- "tag",
360
- "code",
361
- "terminal",
362
- "database",
363
- "server",
364
- "cloud",
365
- "gift",
366
- "moon",
367
- "sun",
368
- "theme",
369
- "skin"
370
- ]), i = (d) => {
371
- if (!d || d === "") return "";
372
- if (d.startsWith("tineco-icon-")) {
373
- const p = d.replace("tineco-icon-", "");
374
- return {
375
- home: "home",
376
- dashboard: "dashboard",
377
- system: "system",
378
- user: "user",
379
- role: "role",
380
- menu: "list",
381
- setting: "setting",
382
- file: "file",
383
- folder: "folder",
384
- chart: "chart",
385
- report: "report",
386
- analytics: "analytics"
387
- }[p] || p;
388
- }
389
- return {
390
- dashboard: "dashboard",
391
- system: "system",
392
- user: "user",
393
- role: "role",
394
- menu: "list",
395
- setting: "setting",
396
- home: "home",
397
- chart: "chart",
398
- report: "report",
399
- analytics: "analytics",
400
- permission: "permission",
401
- log: "log",
402
- notification: "notification",
403
- app: "app",
404
- list: "list",
405
- grid: "grid"
406
- }[d] || d;
407
- }, a = (d) => d ? d.charAt(0) : "", m = (d) => o.has(d), M = b(() => s.menu.children && s.menu.children.length > 0);
408
- return (d, g) => {
409
- const p = pt("SidebarMenuItem", !0);
410
- return M.value ? (l(), F(r(ht), {
411
- key: 0,
412
- index: t.menu.menuUrl
413
- }, {
414
- title: E(() => [
415
- e("span", Kt, [
416
- e("span", jt, [
417
- m(i(t.menu.icon)) ? (l(), F(r(I), {
418
- key: 0,
419
- name: i(t.menu.icon),
420
- size: 16
421
- }, null, 8, ["name"])) : (l(), u("span", qt, $(a(t.menu.menuName)), 1))
422
- ]),
423
- e("span", Wt, $(t.menu.menuName), 1)
424
- ])
425
- ]),
426
- default: E(() => [
427
- (l(!0), u(q, null, X(t.menu.children, (v) => (l(), F(p, {
428
- key: v.menuUrl,
429
- menu: v
430
- }, null, 8, ["menu"]))), 128))
431
- ]),
432
- _: 1
433
- }, 8, ["index"])) : (l(), F(r(Re), {
434
- key: 1,
435
- index: t.menu.menuUrl
436
- }, {
437
- default: E(() => [
438
- e("span", Yt, [
439
- t.menu.menuName !== "首页" ? (l(), u("span", Xt, [
440
- m(i(t.menu.icon)) ? (l(), F(r(I), {
441
- key: 0,
442
- name: i(t.menu.icon),
443
- size: 16
444
- }, null, 8, ["name"])) : (l(), u("span", Ht, $(a(t.menu.menuName)), 1))
445
- ])) : N("", !0),
446
- e("span", Gt, $(t.menu.menuName), 1)
447
- ])
448
- ]),
449
- _: 1
450
- }, 8, ["index"]));
451
- };
452
- }
453
- }), te = (t, s) => {
454
- const o = t.__vccOpts || t;
455
- for (const [i, a] of s)
456
- o[i] = a;
457
- return o;
458
- }, Qt = /* @__PURE__ */ te(Jt, [["__scopeId", "data-v-d160ae6a"]]), Zt = {
459
- key: 0,
460
- class: "sidebar__logo"
461
- }, es = {
462
- key: 1,
463
- class: "sidebar__user"
464
- }, ts = { class: "sidebar__user-info" }, ss = { class: "sidebar__user-name" }, os = { class: "sidebar__user-role" }, dt = "sidebar_opened_menus", ns = /* @__PURE__ */ le({
465
- __name: "Sidebar",
466
- props: {
467
- menuList: { default: () => [] },
468
- showLogo: { type: Boolean, default: !0 },
469
- showUser: { type: Boolean, default: !0 }
470
- },
471
- setup(t) {
472
- const s = t, o = we(), i = de(), a = ve(), m = ee(), M = Ue(), d = me(), g = b(() => s.menuList.length > 0 ? s.menuList : a.menuList), p = b(() => d.isCollapsed), v = b(() => o.path), _ = f(C.get(dt) || []);
473
- Ee(_, (A) => {
474
- C.set(dt, A);
475
- }, { deep: !0 });
476
- const L = (A, U, D = []) => {
477
- var J;
478
- for (const Y of A)
479
- if ((J = Y.children) != null && J.length) {
480
- if (Y.children.some((j) => U === j.menuUrl || U.startsWith(j.menuUrl + "/"))) {
481
- for (const j of D)
482
- _.value.includes(j) || _.value.push(j);
483
- _.value.includes(Y.menuUrl) || _.value.push(Y.menuUrl);
484
- }
485
- L(Y.children, U, [...D, Y.menuUrl]);
486
- }
487
- };
488
- Ee([() => o.path, g], ([A, U]) => {
489
- U.length > 0 && L(U, A);
490
- }, { immediate: !0 });
491
- const B = b(() => d.isDark ? "#1d1e1f" : "#fff"), R = b(() => d.isDark ? "#cfd3dc" : "#303133"), K = b(() => "#409eff"), z = (A) => {
492
- A && A !== o.path && i.push(A);
493
- }, P = () => {
494
- M.logout(), m.clearUserInfo(), a.clearMenu(), i.push("/login");
495
- };
496
- return (A, U) => (l(), u("div", {
497
- class: W(["sidebar", { "sidebar--collapsed": p.value }])
498
- }, [
499
- s.showLogo ? (l(), u("div", Zt, [
500
- U[2] || (U[2] = e("img", {
501
- src: qe,
502
- alt: "Logo",
503
- class: "sidebar__logo-img"
504
- }, null, -1)),
505
- Ve(e("span", { class: "sidebar__logo-text" }, $(r(d).appName), 513), [
506
- [Ct, !p.value]
507
- ])
508
- ])) : N("", !0),
509
- y(r(tt), {
510
- modelValue: v.value,
511
- "onUpdate:modelValue": U[0] || (U[0] = (D) => v.value = D),
512
- openeds: _.value,
513
- "onUpdate:openeds": U[1] || (U[1] = (D) => _.value = D),
514
- mode: "vertical",
515
- collapse: p.value,
516
- "collapse-transition": !1,
517
- "background-color": B.value,
518
- "text-color": R.value,
519
- "active-text-color": K.value,
520
- class: "sidebar__menu",
521
- onSelect: z
522
- }, {
523
- default: E(() => [
524
- (l(!0), u(q, null, X(g.value, (D) => (l(), F(Qt, {
525
- key: D.menuUrl,
526
- menu: D
527
- }, null, 8, ["menu"]))), 128))
528
- ]),
529
- _: 1
530
- }, 8, ["modelValue", "openeds", "collapse", "background-color", "text-color", "active-text-color"]),
531
- s.showUser && !p.value ? (l(), u("div", es, [
532
- e("div", ts, [
533
- e("span", ss, $(r(m).userName), 1),
534
- e("span", os, $(r(m).departmentName), 1)
535
- ]),
536
- y(r(Ke), {
537
- type: "text",
538
- size: "small",
539
- onClick: P
540
- }, {
541
- default: E(() => [...U[3] || (U[3] = [
542
- ye("退出", -1)
543
- ])]),
544
- _: 1
545
- })
546
- ])) : N("", !0)
547
- ], 2));
548
- }
549
- }), mt = /* @__PURE__ */ te(ns, [["__scopeId", "data-v-7a84fcaa"]]), as = { class: "header" }, ls = { class: "header__left" }, rs = {
550
- key: 0,
551
- class: "header__breadcrumb"
552
- }, is = {
553
- key: 0,
554
- class: "breadcrumb-separator"
555
- }, us = { class: "header__right" }, cs = {
556
- key: 0,
557
- class: "header__search-dropdown"
558
- }, ds = {
559
- key: 0,
560
- class: "header__search-results"
561
- }, ms = ["onClick"], ps = {
562
- key: 0,
563
- class: "header__search-icon"
564
- }, hs = {
565
- key: 1,
566
- class: "header__search-char"
567
- }, vs = { class: "header__search-item-title" }, _s = {
568
- key: 1,
569
- class: "header__search-item-parent"
570
- }, fs = {
571
- key: 1,
572
- class: "header__search-empty"
573
- }, gs = ["title"], ys = { class: "header__avatar" }, ks = { class: "header__user-name" }, ws = {
574
- key: 0,
575
- class: "header__dropdown"
576
- }, bs = { class: "header__dropdown-header" }, xs = { class: "header__dropdown-avatar" }, Cs = { class: "header__dropdown-info" }, $s = { class: "header__dropdown-name" }, Ls = { class: "header__dropdown-role" }, Ms = { class: "header__dropdown-menu" }, Is = { class: "settings-drawer" }, Ss = { class: "settings-section" }, Es = { class: "settings-layout-options" }, Ts = ["onClick"], Us = { class: "layout-option__preview" }, Ns = {
577
- key: 0,
578
- class: "layout-preview-sidebar"
579
- }, Ds = {
580
- key: 1,
581
- class: "layout-preview-top"
582
- }, zs = {
583
- key: 2,
584
- class: "layout-preview-mix"
585
- }, Rs = { class: "layout-option__label" }, Ps = { class: "settings-section" }, As = { class: "settings-color-options" }, Os = ["title", "onClick"], Vs = { class: "settings-section" }, Fs = { class: "settings-switch-list" }, Bs = { class: "settings-switch-item" }, Ks = { class: "settings-switch-item" }, js = /* @__PURE__ */ le({
586
- __name: "Header",
587
- setup(t) {
588
- const s = we(), o = de(), i = me(), a = ee(), m = Ue(), M = ve(), d = f(!1), g = f(!1), p = f(null), v = f(!1), _ = f(!1), L = f(""), B = f(null), R = f(!1), K = [
589
- { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
590
- { value: "top", label: "顶部菜单", icon: "menu" },
591
- { value: "mix", label: "混合菜单", icon: "grid" }
592
- ], z = [
593
- { value: "#409eff", label: "默认蓝" },
594
- { value: "#1890ff", label: "科技蓝" },
595
- { value: "#52c41a", label: "极光绿" },
596
- { value: "#faad14", label: "日落橙" },
597
- { value: "#f5222d", label: "薄暮红" },
598
- { value: "#722ed1", label: "酱紫" }
599
- ], P = b(() => s.matched.filter((k) => k.meta && k.meta.title).map((k) => ({
600
- title: k.meta.title,
601
- path: k.path
602
- }))), A = (S, k = "") => {
603
- const H = [];
604
- return S.forEach((c) => {
605
- c.children && c.children.length > 0 ? H.push(...A(c.children, c.menuName)) : H.push({ ...c, parentTitle: k, title: c.menuName, path: c.menuUrl });
606
- }), H;
607
- }, U = /* @__PURE__ */ new Set([
608
- "arrow-up",
609
- "arrow-down",
610
- "arrow-left",
611
- "arrow-right",
612
- "caret-down",
613
- "caret-right",
614
- "plus",
615
- "minus",
616
- "close",
617
- "check",
618
- "edit",
619
- "delete",
620
- "copy",
621
- "download",
622
- "upload",
623
- "refresh",
624
- "search",
625
- "filter",
626
- "more",
627
- "setting",
628
- "share",
629
- "loading",
630
- "info",
631
- "success",
632
- "warning",
633
- "error",
634
- "question",
635
- "user",
636
- "user-add",
637
- "user-group",
638
- "logout",
639
- "login",
640
- "file",
641
- "folder",
642
- "folder-open",
643
- "document",
644
- "image",
645
- "video",
646
- "music",
647
- "camera",
648
- "mail",
649
- "phone",
650
- "chat",
651
- "bell",
652
- "message",
653
- "eye",
654
- "eye-off",
655
- "calendar",
656
- "clock",
657
- "history",
658
- "timer",
659
- "location",
660
- "map",
661
- "globe",
662
- "star",
663
- "heart",
664
- "thumb-up",
665
- "link",
666
- "external-link",
667
- "lock",
668
- "unlock",
669
- "key",
670
- "home",
671
- "menu",
672
- "menu-fold",
673
- "menu-unfold",
674
- "sidebar-fold",
675
- "sidebar-expand",
676
- "sidebar-left",
677
- "dashboard",
678
- "chart",
679
- "chart-pie",
680
- "chart-line",
681
- "report",
682
- "analytics",
683
- "system",
684
- "permission",
685
- "role",
686
- "user-manage",
687
- "log",
688
- "notification",
689
- "app",
690
- "list",
691
- "grid",
692
- "fullscreen",
693
- "fullscreen-exit",
694
- "zoom-in",
695
- "zoom-out",
696
- "print",
697
- "bookmark",
698
- "tag",
699
- "code",
700
- "terminal",
701
- "database",
702
- "server",
703
- "cloud",
704
- "gift",
705
- "moon",
706
- "sun",
707
- "theme",
708
- "skin"
709
- ]), D = (S) => {
710
- if (!S || S === "") return "";
711
- if (S.startsWith("tineco-icon-")) {
712
- const H = S.replace("tineco-icon-", "");
713
- return {
714
- home: "home",
715
- dashboard: "dashboard",
716
- system: "system",
717
- user: "user",
718
- role: "role",
719
- menu: "list",
720
- setting: "setting",
721
- file: "file",
722
- folder: "folder",
723
- chart: "chart",
724
- report: "report",
725
- analytics: "analytics"
726
- }[H] || H;
727
- }
728
- return {
729
- dashboard: "dashboard",
730
- system: "system",
731
- user: "user",
732
- role: "role",
733
- menu: "list",
734
- setting: "setting",
735
- home: "home",
736
- chart: "chart",
737
- report: "report",
738
- analytics: "analytics",
739
- permission: "permission",
740
- log: "log",
741
- notification: "notification",
742
- app: "app",
743
- list: "list",
744
- grid: "grid"
745
- }[S] || S;
746
- }, J = (S) => S ? S.charAt(0) : "", Y = (S) => U.has(S), V = b(() => L.value.trim() ? A(M.menuList).filter(
747
- (k) => k.title.toLowerCase().includes(L.value.toLowerCase())
748
- ) : []), j = b(() => i.layout), se = () => {
749
- i.toggleCollapse();
750
- }, oe = () => {
751
- i.toggleTheme();
752
- }, ue = () => {
753
- g.value = !0;
754
- }, re = (S) => {
755
- i.setLayout(S), g.value = !1;
756
- }, T = (S) => {
757
- R.value = S;
758
- const k = document.documentElement;
759
- S ? k.classList.add("grey-mode") : k.classList.remove("grey-mode");
760
- }, Q = () => {
761
- T(!R.value), g.value = !1;
762
- }, ce = () => {
763
- i.toggleTheme(), g.value = !1;
764
- }, be = () => {
765
- document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
766
- }, ne = () => {
767
- v.value = !!document.fullscreenElement;
768
- }, pe = () => {
769
- d.value = !d.value;
770
- }, ie = () => {
771
- d.value = !1;
772
- }, he = () => {
773
- _.value = !1, L.value = "";
774
- }, xe = (S) => {
775
- o.push(S), he();
776
- }, Ce = (S) => {
777
- i.setPrimaryColor(S), g.value = !1;
778
- }, $e = () => {
779
- ie(), o.push("/profile");
780
- }, Le = () => {
781
- ie(), o.push("/change-password");
782
- }, Me = () => {
783
- ie(), m.logout(), a.clearUserInfo(), M.clearMenu(), o.push("/login");
784
- }, _e = (S) => {
785
- p.value && !p.value.contains(S.target) && ie(), B.value && !B.value.contains(S.target) && he();
786
- }, fe = (S) => {
787
- S.key === "Escape" && (he(), ie());
788
- };
789
- return He(() => {
790
- document.addEventListener("click", _e), document.addEventListener("fullscreenchange", ne), document.addEventListener("keydown", fe), i.initTheme(), R.value = document.documentElement.classList.contains("grey-mode");
791
- }), Ge(() => {
792
- document.removeEventListener("click", _e), document.removeEventListener("fullscreenchange", ne), document.removeEventListener("keydown", fe);
793
- }), (S, k) => {
794
- var H;
795
- return l(), u("div", as, [
796
- e("div", ls, [
797
- e("div", {
798
- class: "header__collapse",
799
- onClick: se
800
- }, [
801
- y(r(I), {
802
- name: r(i).isCollapsed ? "menu-unfold" : "menu-fold",
803
- size: 18
804
- }, null, 8, ["name"])
805
- ]),
806
- r(i).showBreadcrumb ? (l(), u("div", rs, [
807
- (l(!0), u(q, null, X(P.value, (c, w) => (l(), u("span", {
808
- key: c.path
809
- }, [
810
- w > 0 ? (l(), u("span", is, "/")) : N("", !0),
811
- e("span", {
812
- class: W({ "is-current": w === P.value.length - 1 })
813
- }, $(c.title), 3)
814
- ]))), 128))
815
- ])) : N("", !0)
816
- ]),
817
- e("div", us, [
818
- e("div", {
819
- class: "header__search",
820
- ref_key: "searchRef",
821
- ref: B
822
- }, [
823
- y(r(I), {
824
- name: "search",
825
- size: 14,
826
- class: "header__search-icon"
827
- }),
828
- Ve(e("input", {
829
- "onUpdate:modelValue": k[0] || (k[0] = (c) => L.value = c),
830
- type: "text",
831
- class: "header__search-input",
832
- placeholder: "搜索菜单...",
833
- onFocus: k[1] || (k[1] = (c) => _.value = !0)
834
- }, null, 544), [
835
- [Je, L.value]
836
- ]),
837
- y(ke, { name: "search-dropdown" }, {
838
- default: E(() => [
839
- _.value && (V.value.length > 0 || L.value) ? (l(), u("div", cs, [
840
- V.value.length > 0 ? (l(), u("div", ds, [
841
- (l(!0), u(q, null, X(V.value, (c) => (l(), u("div", {
842
- key: c.path,
843
- class: "header__search-item",
844
- onClick: (w) => xe(c.path)
845
- }, [
846
- c.title !== "首页" ? (l(), u("span", ps, [
847
- Y(D(c.icon)) ? (l(), F(r(I), {
848
- key: 0,
849
- name: D(c.icon),
850
- size: 16
851
- }, null, 8, ["name"])) : (l(), u("span", hs, $(J(c.title)), 1))
852
- ])) : N("", !0),
853
- e("span", vs, $(c.title), 1),
854
- c.parentTitle ? (l(), u("span", _s, $(c.parentTitle), 1)) : N("", !0)
855
- ], 8, ms))), 128))
856
- ])) : (l(), u("div", fs, " 未找到匹配的菜单 "))
857
- ])) : N("", !0)
858
- ]),
859
- _: 1
860
- })
861
- ], 512),
862
- e("div", {
863
- class: "header__action",
864
- onClick: be,
865
- title: v.value ? "退出全屏" : "全屏"
866
- }, [
867
- y(r(I), {
868
- name: v.value ? "fullscreen-exit" : "fullscreen",
869
- size: 16
870
- }, null, 8, ["name"])
871
- ], 8, gs),
872
- e("div", {
873
- class: "header__action",
874
- onClick: ue,
875
- title: "换肤设置"
876
- }, [
877
- y(r(I), {
878
- name: "skin",
879
- size: 16
880
- })
881
- ]),
882
- e("div", {
883
- class: "header__action",
884
- onClick: oe,
885
- title: "切换主题"
886
- }, [
887
- y(r(I), {
888
- name: r(i).isDark ? "sun" : "moon",
889
- size: 16
890
- }, null, 8, ["name"])
891
- ]),
892
- e("div", {
893
- class: "header__user",
894
- ref_key: "dropdownRef",
895
- ref: p
896
- }, [
897
- e("div", {
898
- class: "header__user-trigger",
899
- onClick: Fe(pe, ["stop"])
900
- }, [
901
- e("div", ys, [
902
- e("span", null, $(((H = r(a).userName) == null ? void 0 : H.charAt(0)) || "U"), 1)
903
- ]),
904
- e("span", ks, $(r(a).userName), 1),
905
- e("span", {
906
- class: W(["header__user-arrow", { "is-active": d.value }])
907
- }, "▼", 2)
908
- ]),
909
- y(ke, { name: "dropdown" }, {
910
- default: E(() => {
911
- var c;
912
- return [
913
- d.value ? (l(), u("div", ws, [
914
- e("div", bs, [
915
- e("div", xs, [
916
- e("span", null, $(((c = r(a).userName) == null ? void 0 : c.charAt(0)) || "U"), 1)
917
- ]),
918
- e("div", Cs, [
919
- e("div", $s, $(r(a).userName), 1),
920
- e("div", Ls, $(r(a).departmentName), 1)
921
- ])
922
- ]),
923
- k[7] || (k[7] = e("div", { class: "header__dropdown-divider" }, null, -1)),
924
- e("div", Ms, [
925
- e("div", {
926
- class: "header__dropdown-item",
927
- onClick: $e
928
- }, [
929
- y(r(I), {
930
- name: "user",
931
- size: 16
932
- }),
933
- k[3] || (k[3] = e("span", null, "个人信息", -1))
934
- ]),
935
- e("div", {
936
- class: "header__dropdown-item",
937
- onClick: Le
938
- }, [
939
- y(r(I), {
940
- name: "lock",
941
- size: 16
942
- }),
943
- k[4] || (k[4] = e("span", null, "修改密码", -1))
944
- ]),
945
- k[6] || (k[6] = e("div", { class: "header__dropdown-divider" }, null, -1)),
946
- e("div", {
947
- class: "header__dropdown-item header__dropdown-item--danger",
948
- onClick: Me
949
- }, [
950
- y(r(I), {
951
- name: "logout",
952
- size: 16
953
- }),
954
- k[5] || (k[5] = e("span", null, "退出登录", -1))
955
- ])
956
- ])
957
- ])) : N("", !0)
958
- ];
959
- }),
960
- _: 1
961
- })
962
- ], 512)
963
- ]),
964
- y(r(st), {
965
- modelValue: g.value,
966
- "onUpdate:modelValue": k[2] || (k[2] = (c) => g.value = c),
967
- title: "换肤设置",
968
- direction: "rtl",
969
- size: "320px"
970
- }, {
971
- default: E(() => [
972
- e("div", Is, [
973
- e("div", Ss, [
974
- k[11] || (k[11] = e("div", { class: "settings-title" }, "布局模式", -1)),
975
- e("div", Es, [
976
- (l(), u(q, null, X(K, (c) => e("div", {
977
- key: c.value,
978
- class: W(["layout-option", { "is-active": j.value === c.value }]),
979
- onClick: (w) => re(c.value)
980
- }, [
981
- e("div", Us, [
982
- c.value === "sidebar" ? (l(), u("div", Ns, [...k[8] || (k[8] = [
983
- e("div", { class: "preview-aside" }, null, -1),
984
- e("div", { class: "preview-main" }, [
985
- e("div", { class: "preview-header" }),
986
- e("div", { class: "preview-content" })
987
- ], -1)
988
- ])])) : c.value === "top" ? (l(), u("div", Ds, [...k[9] || (k[9] = [
989
- e("div", { class: "preview-header-full" }, null, -1),
990
- e("div", { class: "preview-content-full" }, null, -1)
991
- ])])) : (l(), u("div", zs, [...k[10] || (k[10] = [
992
- e("div", { class: "preview-header-mix" }, [
993
- e("div", { class: "preview-mix-left" })
994
- ], -1),
995
- e("div", { class: "preview-mix-body" }, [
996
- e("div", { class: "preview-mix-aside" }),
997
- e("div", { class: "preview-mix-content" })
998
- ], -1)
999
- ])]))
1000
- ]),
1001
- e("span", Rs, $(c.label), 1)
1002
- ], 10, Ts)), 64))
1003
- ])
1004
- ]),
1005
- e("div", Ps, [
1006
- k[12] || (k[12] = e("div", { class: "settings-title" }, "主题色", -1)),
1007
- e("div", As, [
1008
- (l(), u(q, null, X(z, (c) => e("div", {
1009
- key: c.value,
1010
- class: W(["color-option", { "is-active": r(i).primaryColor === c.value }]),
1011
- style: Te({ backgroundColor: c.value }),
1012
- title: c.label,
1013
- onClick: (w) => Ce(c.value)
1014
- }, [
1015
- r(i).primaryColor === c.value ? (l(), F(r(I), {
1016
- key: 0,
1017
- name: "check",
1018
- size: 12,
1019
- color: "#fff"
1020
- })) : N("", !0)
1021
- ], 14, Os)), 64))
1022
- ])
1023
- ]),
1024
- e("div", Vs, [
1025
- k[17] || (k[17] = e("div", { class: "settings-title" }, "功能设置", -1)),
1026
- e("div", Fs, [
1027
- e("div", Bs, [
1028
- k[14] || (k[14] = e("span", null, "灰色模式", -1)),
1029
- e("div", {
1030
- class: W(["switch-wrapper", { "is-checked": R.value }]),
1031
- onClick: Q
1032
- }, [...k[13] || (k[13] = [
1033
- e("span", { class: "switch-core" }, null, -1)
1034
- ])], 2)
1035
- ]),
1036
- e("div", Ks, [
1037
- k[16] || (k[16] = e("span", null, "暗黑模式", -1)),
1038
- e("div", {
1039
- class: W(["switch-wrapper", { "is-checked": r(i).isDark }]),
1040
- onClick: ce
1041
- }, [...k[15] || (k[15] = [
1042
- e("span", { class: "switch-core" }, null, -1)
1043
- ])], 2)
1044
- ])
1045
- ])
1046
- ])
1047
- ])
1048
- ]),
1049
- _: 1
1050
- }, 8, ["modelValue"])
1051
- ]);
1052
- };
1053
- }
1054
- }), qs = /* @__PURE__ */ te(js, [["__scopeId", "data-v-89179947"]]), Ws = { class: "top-menu" }, Ys = { class: "top-menu__logo" }, Xs = { class: "top-menu__logo-text" }, Hs = { class: "top-menu__menu-content" }, Gs = {
1055
- key: 0,
1056
- class: "top-menu__menu-icon"
1057
- }, Js = {
1058
- key: 1,
1059
- class: "top-menu__menu-char"
1060
- }, Qs = { class: "top-menu__menu-text" }, Zs = { class: "top-menu__menu-content" }, eo = { class: "top-menu__menu-icon" }, to = {
1061
- key: 1,
1062
- class: "top-menu__menu-char"
1063
- }, so = { class: "top-menu__menu-text" }, oo = { class: "top-menu__menu-content" }, no = {
1064
- key: 0,
1065
- class: "top-menu__menu-icon"
1066
- }, ao = {
1067
- key: 1,
1068
- class: "top-menu__menu-char"
1069
- }, lo = { class: "top-menu__menu-text" }, ro = { class: "top-menu__actions" }, io = {
1070
- key: 0,
1071
- class: "top-menu__search-dropdown"
1072
- }, uo = {
1073
- key: 0,
1074
- class: "top-menu__search-results"
1075
- }, co = ["onClick"], mo = {
1076
- key: 0,
1077
- class: "top-menu__search-icon-item"
1078
- }, po = {
1079
- key: 1,
1080
- class: "top-menu__search-char"
1081
- }, ho = { class: "top-menu__search-item-title" }, vo = {
1082
- key: 1,
1083
- class: "top-menu__search-item-parent"
1084
- }, _o = {
1085
- key: 1,
1086
- class: "top-menu__search-empty"
1087
- }, fo = ["title"], go = { class: "top-menu__avatar" }, yo = { class: "top-menu__user-name" }, ko = {
1088
- key: 0,
1089
- class: "top-menu__dropdown"
1090
- }, wo = { class: "top-menu__dropdown-header" }, bo = { class: "top-menu__dropdown-avatar" }, xo = { class: "top-menu__dropdown-info" }, Co = { class: "top-menu__dropdown-name" }, $o = { class: "top-menu__dropdown-role" }, Lo = { class: "top-menu__dropdown-menu" }, Mo = { class: "settings-drawer" }, Io = { class: "settings-section" }, So = { class: "settings-layout-options" }, Eo = ["onClick"], To = { class: "layout-option__preview" }, Uo = {
1091
- key: 0,
1092
- class: "layout-preview-sidebar"
1093
- }, No = {
1094
- key: 1,
1095
- class: "layout-preview-top"
1096
- }, Do = {
1097
- key: 2,
1098
- class: "layout-preview-mix"
1099
- }, zo = { class: "layout-option__label" }, Ro = { class: "settings-section" }, Po = { class: "settings-color-options" }, Ao = ["title", "onClick"], Oo = { class: "settings-section" }, Vo = { class: "settings-switch-list" }, Fo = { class: "settings-switch-item" }, Bo = { class: "settings-switch-item" }, Ko = /* @__PURE__ */ le({
1100
- __name: "TopMenu",
1101
- setup(t) {
1102
- const s = we(), o = de(), i = ve(), a = me(), m = ee(), M = Ue(), d = b(() => s.path), g = (c, w = "") => {
1103
- const Z = [];
1104
- return c.forEach((n) => {
1105
- n.children && n.children.length > 0 ? Z.push(...g(n.children, n.menuName)) : Z.push({ ...n, parentTitle: w, title: n.menuName, path: n.menuUrl });
1106
- }), Z;
1107
- }, p = b(() => U.value.trim() ? g(i.menuList).filter(
1108
- (w) => w.title.toLowerCase().includes(U.value.toLowerCase())
1109
- ) : []), v = b(() => a.isDark ? "#1d1e1f" : "#fff"), _ = b(() => a.isDark ? "#cfd3dc" : "#303133"), L = b(() => "#409eff"), B = f(!1), R = f(null), K = f(!1), z = f(!1), P = f(!1), A = f(!1), U = f(""), D = f(null), J = (c) => {
1110
- c && c !== s.path && o.push(c);
1111
- }, Y = /* @__PURE__ */ new Set([
1112
- "arrow-up",
1113
- "arrow-down",
1114
- "arrow-left",
1115
- "arrow-right",
1116
- "caret-down",
1117
- "caret-right",
1118
- "plus",
1119
- "minus",
1120
- "close",
1121
- "check",
1122
- "edit",
1123
- "delete",
1124
- "copy",
1125
- "download",
1126
- "upload",
1127
- "refresh",
1128
- "search",
1129
- "filter",
1130
- "more",
1131
- "setting",
1132
- "share",
1133
- "loading",
1134
- "info",
1135
- "success",
1136
- "warning",
1137
- "error",
1138
- "question",
1139
- "user",
1140
- "user-add",
1141
- "user-group",
1142
- "logout",
1143
- "login",
1144
- "file",
1145
- "folder",
1146
- "folder-open",
1147
- "document",
1148
- "image",
1149
- "video",
1150
- "music",
1151
- "camera",
1152
- "mail",
1153
- "phone",
1154
- "chat",
1155
- "bell",
1156
- "message",
1157
- "eye",
1158
- "eye-off",
1159
- "calendar",
1160
- "clock",
1161
- "history",
1162
- "timer",
1163
- "location",
1164
- "map",
1165
- "globe",
1166
- "star",
1167
- "heart",
1168
- "thumb-up",
1169
- "link",
1170
- "external-link",
1171
- "lock",
1172
- "unlock",
1173
- "key",
1174
- "home",
1175
- "menu",
1176
- "menu-fold",
1177
- "menu-unfold",
1178
- "sidebar-fold",
1179
- "sidebar-expand",
1180
- "sidebar-left",
1181
- "dashboard",
1182
- "chart",
1183
- "chart-pie",
1184
- "chart-line",
1185
- "report",
1186
- "analytics",
1187
- "system",
1188
- "permission",
1189
- "role",
1190
- "user-manage",
1191
- "log",
1192
- "notification",
1193
- "app",
1194
- "list",
1195
- "grid",
1196
- "fullscreen",
1197
- "fullscreen-exit",
1198
- "zoom-in",
1199
- "zoom-out",
1200
- "print",
1201
- "bookmark",
1202
- "tag",
1203
- "code",
1204
- "terminal",
1205
- "database",
1206
- "server",
1207
- "cloud",
1208
- "gift",
1209
- "moon",
1210
- "sun",
1211
- "theme",
1212
- "skin"
1213
- ]), V = (c) => {
1214
- if (!c || c === "") return "";
1215
- if (c.startsWith("tineco-icon-")) {
1216
- const Z = c.replace("tineco-icon-", "");
1217
- return {
1218
- home: "home",
1219
- dashboard: "dashboard",
1220
- system: "system",
1221
- user: "user",
1222
- role: "role",
1223
- menu: "list",
1224
- setting: "setting",
1225
- file: "file",
1226
- folder: "folder",
1227
- chart: "chart",
1228
- report: "report",
1229
- analytics: "analytics"
1230
- }[Z] || Z;
1231
- }
1232
- return {
1233
- dashboard: "dashboard",
1234
- system: "system",
1235
- user: "user",
1236
- role: "role",
1237
- menu: "list",
1238
- setting: "setting",
1239
- home: "home",
1240
- chart: "chart",
1241
- report: "report",
1242
- analytics: "analytics",
1243
- permission: "permission",
1244
- log: "log",
1245
- notification: "notification",
1246
- app: "app",
1247
- list: "list",
1248
- grid: "grid"
1249
- }[c] || c;
1250
- }, j = (c) => c ? c.charAt(0) : "", se = (c) => Y.has(c), oe = () => {
1251
- a.toggleTheme(), z.value = !1;
1252
- }, ue = () => {
1253
- document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
1254
- }, re = () => {
1255
- K.value = !!document.fullscreenElement;
1256
- }, T = () => {
1257
- B.value = !B.value;
1258
- }, Q = () => {
1259
- B.value = !1;
1260
- }, ce = () => {
1261
- A.value = !1, U.value = "";
1262
- }, be = (c) => {
1263
- o.push(c), ce();
1264
- }, ne = () => {
1265
- z.value = !0;
1266
- }, pe = (c) => {
1267
- P.value = c;
1268
- const w = document.documentElement;
1269
- c ? w.classList.add("grey-mode") : w.classList.remove("grey-mode");
1270
- }, ie = () => {
1271
- pe(!P.value), z.value = !1;
1272
- }, he = () => {
1273
- a.toggleTheme(), z.value = !1;
1274
- }, xe = [
1275
- { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
1276
- { value: "top", label: "顶部菜单", icon: "menu" },
1277
- { value: "mix", label: "混合菜单", icon: "grid" }
1278
- ], Ce = b(() => a.layout), $e = (c) => {
1279
- a.setLayout(c), z.value = !1;
1280
- }, Le = [
1281
- { value: "#409eff", label: "默认蓝" },
1282
- { value: "#1890ff", label: "科技蓝" },
1283
- { value: "#52c41a", label: "极光绿" },
1284
- { value: "#faad14", label: "日落橙" },
1285
- { value: "#f5222d", label: "薄暮红" },
1286
- { value: "#722ed1", label: "酱紫" }
1287
- ], Me = (c) => {
1288
- a.setPrimaryColor(c), z.value = !1;
1289
- }, _e = () => {
1290
- Q(), o.push("/profile");
1291
- }, fe = () => {
1292
- Q(), o.push("/change-password");
1293
- }, S = () => {
1294
- Q(), M.logout(), m.clearUserInfo(), i.clearMenu(), o.push("/login");
1295
- }, k = (c) => {
1296
- R.value && !R.value.contains(c.target) && Q(), D.value && !D.value.contains(c.target) && ce();
1297
- }, H = (c) => {
1298
- c.key === "Escape" && (ce(), Q());
1299
- };
1300
- return He(() => {
1301
- document.addEventListener("click", k), document.addEventListener("fullscreenchange", re), document.addEventListener("keydown", H), P.value = document.documentElement.classList.contains("grey-mode");
1302
- }), Ge(() => {
1303
- document.removeEventListener("click", k), document.removeEventListener("fullscreenchange", re), document.removeEventListener("keydown", H);
1304
- }), (c, w) => {
1305
- var Z;
1306
- return l(), u("div", Ws, [
1307
- e("div", Ys, [
1308
- w[3] || (w[3] = e("img", {
1309
- src: qe,
1310
- alt: "Logo",
1311
- class: "top-menu__logo-img"
1312
- }, null, -1)),
1313
- e("span", Xs, $(r(a).appName), 1)
1314
- ]),
1315
- y(r(tt), {
1316
- "model-value": d.value,
1317
- mode: "horizontal",
1318
- "background-color": v.value,
1319
- "text-color": _.value,
1320
- "active-text-color": L.value,
1321
- class: "top-menu__menu",
1322
- onSelect: J
1323
- }, {
1324
- default: E(() => [
1325
- (l(!0), u(q, null, X(r(i).menuList, (n) => (l(), u(q, {
1326
- key: n.menuUrl
1327
- }, [
1328
- n.children && n.children.length > 0 ? (l(), F(r(ht), {
1329
- key: 0,
1330
- index: n.menuUrl
1331
- }, {
1332
- title: E(() => [
1333
- e("span", Hs, [
1334
- n.menuName !== "首页" ? (l(), u("span", Gs, [
1335
- se(V(n.icon)) ? (l(), F(r(I), {
1336
- key: 0,
1337
- name: V(n.icon),
1338
- size: 16
1339
- }, null, 8, ["name"])) : (l(), u("span", Js, $(j(n.menuName)), 1))
1340
- ])) : N("", !0),
1341
- e("span", Qs, $(n.menuName), 1)
1342
- ])
1343
- ]),
1344
- default: E(() => [
1345
- (l(!0), u(q, null, X(n.children, (h) => (l(), F(r(Re), {
1346
- key: h.menuUrl,
1347
- index: h.menuUrl
1348
- }, {
1349
- default: E(() => [
1350
- e("span", Zs, [
1351
- e("span", eo, [
1352
- se(V(h.icon)) ? (l(), F(r(I), {
1353
- key: 0,
1354
- name: V(h.icon),
1355
- size: 16
1356
- }, null, 8, ["name"])) : (l(), u("span", to, $(j(h.menuName)), 1))
1357
- ]),
1358
- e("span", so, $(h.menuName), 1)
1359
- ])
1360
- ]),
1361
- _: 2
1362
- }, 1032, ["index"]))), 128))
1363
- ]),
1364
- _: 2
1365
- }, 1032, ["index"])) : (l(), F(r(Re), {
1366
- key: 1,
1367
- index: n.menuUrl
1368
- }, {
1369
- default: E(() => [
1370
- e("span", oo, [
1371
- n.menuName !== "首页" ? (l(), u("span", no, [
1372
- se(V(n.icon)) ? (l(), F(r(I), {
1373
- key: 0,
1374
- name: V(n.icon),
1375
- size: 16
1376
- }, null, 8, ["name"])) : (l(), u("span", ao, $(j(n.menuName)), 1))
1377
- ])) : N("", !0),
1378
- e("span", lo, $(n.menuName), 1)
1379
- ])
1380
- ]),
1381
- _: 2
1382
- }, 1032, ["index"]))
1383
- ], 64))), 128))
1384
- ]),
1385
- _: 1
1386
- }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
1387
- e("div", ro, [
1388
- e("div", {
1389
- class: "top-menu__search",
1390
- ref_key: "searchRef",
1391
- ref: D
1392
- }, [
1393
- y(r(I), {
1394
- name: "search",
1395
- size: 14,
1396
- class: "top-menu__search-icon"
1397
- }),
1398
- Ve(e("input", {
1399
- "onUpdate:modelValue": w[0] || (w[0] = (n) => U.value = n),
1400
- type: "text",
1401
- class: "top-menu__search-input",
1402
- placeholder: "搜索菜单...",
1403
- onFocus: w[1] || (w[1] = (n) => A.value = !0)
1404
- }, null, 544), [
1405
- [Je, U.value]
1406
- ]),
1407
- y(ke, { name: "search-dropdown" }, {
1408
- default: E(() => [
1409
- A.value && (p.value.length > 0 || U.value) ? (l(), u("div", io, [
1410
- p.value.length > 0 ? (l(), u("div", uo, [
1411
- (l(!0), u(q, null, X(p.value, (n) => (l(), u("div", {
1412
- key: n.path,
1413
- class: "top-menu__search-item",
1414
- onClick: (h) => be(n.path)
1415
- }, [
1416
- n.title !== "首页" ? (l(), u("span", mo, [
1417
- se(V(n.icon)) ? (l(), F(r(I), {
1418
- key: 0,
1419
- name: V(n.icon),
1420
- size: 16
1421
- }, null, 8, ["name"])) : (l(), u("span", po, $(j(n.title)), 1))
1422
- ])) : N("", !0),
1423
- e("span", ho, $(n.title), 1),
1424
- n.parentTitle ? (l(), u("span", vo, $(n.parentTitle), 1)) : N("", !0)
1425
- ], 8, co))), 128))
1426
- ])) : (l(), u("div", _o, " 未找到匹配的菜单 "))
1427
- ])) : N("", !0)
1428
- ]),
1429
- _: 1
1430
- })
1431
- ], 512),
1432
- e("div", {
1433
- class: "top-menu__action",
1434
- onClick: ue,
1435
- title: K.value ? "退出全屏" : "全屏"
1436
- }, [
1437
- y(r(I), {
1438
- name: K.value ? "fullscreen-exit" : "fullscreen",
1439
- size: 16
1440
- }, null, 8, ["name"])
1441
- ], 8, fo),
1442
- e("div", {
1443
- class: "top-menu__action",
1444
- onClick: ne,
1445
- title: "换肤设置"
1446
- }, [
1447
- y(r(I), {
1448
- name: "skin",
1449
- size: 16
1450
- })
1451
- ]),
1452
- e("div", {
1453
- class: "top-menu__action",
1454
- onClick: oe,
1455
- title: "切换主题"
1456
- }, [
1457
- y(r(I), {
1458
- name: r(a).isDark ? "sun" : "moon",
1459
- size: 16
1460
- }, null, 8, ["name"])
1461
- ]),
1462
- e("div", {
1463
- class: "top-menu__user",
1464
- ref_key: "dropdownRef",
1465
- ref: R
1466
- }, [
1467
- e("div", {
1468
- class: "top-menu__user-trigger",
1469
- onClick: Fe(T, ["stop"])
1470
- }, [
1471
- e("div", go, [
1472
- e("span", null, $(((Z = r(m).userName) == null ? void 0 : Z.charAt(0)) || "U"), 1)
1473
- ]),
1474
- e("span", yo, $(r(m).userName), 1),
1475
- e("span", {
1476
- class: W(["top-menu__user-arrow", { "is-active": B.value }])
1477
- }, "▼", 2)
1478
- ]),
1479
- y(ke, { name: "dropdown" }, {
1480
- default: E(() => {
1481
- var n;
1482
- return [
1483
- B.value ? (l(), u("div", ko, [
1484
- e("div", wo, [
1485
- e("div", bo, [
1486
- e("span", null, $(((n = r(m).userName) == null ? void 0 : n.charAt(0)) || "U"), 1)
1487
- ]),
1488
- e("div", xo, [
1489
- e("div", Co, $(r(m).userName), 1),
1490
- e("div", $o, $(r(m).departmentName), 1)
1491
- ])
1492
- ]),
1493
- w[8] || (w[8] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
1494
- e("div", Lo, [
1495
- e("div", {
1496
- class: "top-menu__dropdown-item",
1497
- onClick: _e
1498
- }, [
1499
- y(r(I), {
1500
- name: "user",
1501
- size: 16
1502
- }),
1503
- w[4] || (w[4] = e("span", null, "个人信息", -1))
1504
- ]),
1505
- e("div", {
1506
- class: "top-menu__dropdown-item",
1507
- onClick: fe
1508
- }, [
1509
- y(r(I), {
1510
- name: "lock",
1511
- size: 16
1512
- }),
1513
- w[5] || (w[5] = e("span", null, "修改密码", -1))
1514
- ]),
1515
- w[7] || (w[7] = e("div", { class: "top-menu__dropdown-divider" }, null, -1)),
1516
- e("div", {
1517
- class: "top-menu__dropdown-item top-menu__dropdown-item--danger",
1518
- onClick: S
1519
- }, [
1520
- y(r(I), {
1521
- name: "logout",
1522
- size: 16
1523
- }),
1524
- w[6] || (w[6] = e("span", null, "退出登录", -1))
1525
- ])
1526
- ])
1527
- ])) : N("", !0)
1528
- ];
1529
- }),
1530
- _: 1
1531
- })
1532
- ], 512)
1533
- ]),
1534
- y(r(st), {
1535
- modelValue: z.value,
1536
- "onUpdate:modelValue": w[2] || (w[2] = (n) => z.value = n),
1537
- title: "换肤设置",
1538
- direction: "rtl",
1539
- size: "320px"
1540
- }, {
1541
- default: E(() => [
1542
- e("div", Mo, [
1543
- e("div", Io, [
1544
- w[12] || (w[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
1545
- e("div", So, [
1546
- (l(), u(q, null, X(xe, (n) => e("div", {
1547
- key: n.value,
1548
- class: W(["layout-option", { "is-active": Ce.value === n.value }]),
1549
- onClick: (h) => $e(n.value)
1550
- }, [
1551
- e("div", To, [
1552
- n.value === "sidebar" ? (l(), u("div", Uo, [...w[9] || (w[9] = [
1553
- e("div", { class: "preview-aside" }, null, -1),
1554
- e("div", { class: "preview-main" }, [
1555
- e("div", { class: "preview-header" }),
1556
- e("div", { class: "preview-content" })
1557
- ], -1)
1558
- ])])) : n.value === "top" ? (l(), u("div", No, [...w[10] || (w[10] = [
1559
- e("div", { class: "preview-header-full" }, null, -1),
1560
- e("div", { class: "preview-content-full" }, null, -1)
1561
- ])])) : (l(), u("div", Do, [...w[11] || (w[11] = [
1562
- e("div", { class: "preview-header-mix" }, [
1563
- e("div", { class: "preview-mix-left" })
1564
- ], -1),
1565
- e("div", { class: "preview-mix-body" }, [
1566
- e("div", { class: "preview-mix-aside" }),
1567
- e("div", { class: "preview-mix-content" })
1568
- ], -1)
1569
- ])]))
1570
- ]),
1571
- e("span", zo, $(n.label), 1)
1572
- ], 10, Eo)), 64))
1573
- ])
1574
- ]),
1575
- e("div", Ro, [
1576
- w[13] || (w[13] = e("div", { class: "settings-title" }, "主题色", -1)),
1577
- e("div", Po, [
1578
- (l(), u(q, null, X(Le, (n) => e("div", {
1579
- key: n.value,
1580
- class: W(["color-option", { "is-active": r(a).primaryColor === n.value }]),
1581
- style: Te({ backgroundColor: n.value }),
1582
- title: n.label,
1583
- onClick: (h) => Me(n.value)
1584
- }, [
1585
- r(a).primaryColor === n.value ? (l(), F(r(I), {
1586
- key: 0,
1587
- name: "check",
1588
- size: 12,
1589
- color: "#fff"
1590
- })) : N("", !0)
1591
- ], 14, Ao)), 64))
1592
- ])
1593
- ]),
1594
- e("div", Oo, [
1595
- w[18] || (w[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
1596
- e("div", Vo, [
1597
- e("div", Fo, [
1598
- w[15] || (w[15] = e("span", null, "灰色模式", -1)),
1599
- e("div", {
1600
- class: W(["switch-wrapper", { "is-checked": P.value }]),
1601
- onClick: ie
1602
- }, [...w[14] || (w[14] = [
1603
- e("span", { class: "switch-core" }, null, -1)
1604
- ])], 2)
1605
- ]),
1606
- e("div", Bo, [
1607
- w[17] || (w[17] = e("span", null, "暗黑模式", -1)),
1608
- e("div", {
1609
- class: W(["switch-wrapper", { "is-checked": r(a).isDark }]),
1610
- onClick: he
1611
- }, [...w[16] || (w[16] = [
1612
- e("span", { class: "switch-core" }, null, -1)
1613
- ])], 2)
1614
- ])
1615
- ])
1616
- ])
1617
- ])
1618
- ]),
1619
- _: 1
1620
- }, 8, ["modelValue"])
1621
- ]);
1622
- };
1623
- }
1624
- }), jo = /* @__PURE__ */ te(Ko, [["__scopeId", "data-v-ff5f8764"]]), qo = { class: "mix-top-menu" }, Wo = { class: "mix-top-menu__logo" }, Yo = { class: "mix-top-menu__logo-text" }, Xo = { class: "mix-top-menu__menu-content" }, Ho = {
1625
- key: 0,
1626
- class: "mix-top-menu__menu-icon"
1627
- }, Go = {
1628
- key: 1,
1629
- class: "mix-top-menu__menu-char"
1630
- }, Jo = { class: "mix-top-menu__menu-text" }, Qo = { class: "mix-top-menu__actions" }, Zo = {
1631
- key: 0,
1632
- class: "mix-top-menu__search-dropdown"
1633
- }, en = {
1634
- key: 0,
1635
- class: "mix-top-menu__search-results"
1636
- }, tn = ["onClick"], sn = {
1637
- key: 0,
1638
- class: "mix-top-menu__search-icon-item"
1639
- }, on = {
1640
- key: 1,
1641
- class: "mix-top-menu__search-char"
1642
- }, nn = { class: "mix-top-menu__search-item-title" }, an = {
1643
- key: 1,
1644
- class: "mix-top-menu__search-item-parent"
1645
- }, ln = {
1646
- key: 1,
1647
- class: "mix-top-menu__search-empty"
1648
- }, rn = ["title"], un = { class: "mix-top-menu__avatar" }, cn = { class: "mix-top-menu__user-name" }, dn = {
1649
- key: 0,
1650
- class: "mix-top-menu__dropdown"
1651
- }, mn = { class: "mix-top-menu__dropdown-header" }, pn = { class: "mix-top-menu__dropdown-avatar" }, hn = { class: "mix-top-menu__dropdown-info" }, vn = { class: "mix-top-menu__dropdown-name" }, _n = { class: "mix-top-menu__dropdown-role" }, fn = { class: "mix-top-menu__dropdown-menu" }, gn = { class: "settings-drawer" }, yn = { class: "settings-section" }, kn = { class: "settings-layout-options" }, wn = ["onClick"], bn = { class: "layout-option__preview" }, xn = {
1652
- key: 0,
1653
- class: "layout-preview-sidebar"
1654
- }, Cn = {
1655
- key: 1,
1656
- class: "layout-preview-top"
1657
- }, $n = {
1658
- key: 2,
1659
- class: "layout-preview-mix"
1660
- }, Ln = { class: "layout-option__label" }, Mn = { class: "settings-section" }, In = { class: "settings-color-options" }, Sn = ["title", "onClick"], En = { class: "settings-section" }, Tn = { class: "settings-switch-list" }, Un = { class: "settings-switch-item" }, Nn = { class: "settings-switch-item" }, Dn = /* @__PURE__ */ le({
1661
- __name: "MixTopMenu",
1662
- setup(t) {
1663
- const s = we(), o = de(), i = ve(), a = me(), m = ee(), M = Ue(), d = f(""), g = (n, h = "") => {
1664
- const G = [];
1665
- return n.forEach((x) => {
1666
- x.children && x.children.length > 0 ? G.push(...g(x.children, x.menuName)) : G.push({ ...x, parentTitle: h, title: x.menuName, path: x.menuUrl });
1667
- }), G;
1668
- }, p = b(() => V.value.trim() ? g(i.menuList).filter(
1669
- (h) => h.title.toLowerCase().includes(V.value.toLowerCase())
1670
- ) : []), v = b(() => {
1671
- const n = i.menuList.find((h) => h.menuUrl === d.value);
1672
- return (n == null ? void 0 : n.children) || [];
1673
- }), _ = b(() => i.menuList.find((n) => !!(s.path === n.menuUrl || n.children && n.children.some((h) => s.path.startsWith(h.menuUrl) || s.path === h.menuUrl)))), L = () => {
1674
- _.value ? d.value = _.value.menuUrl : i.menuList.length > 0 && (d.value = i.menuList[0].menuUrl);
1675
- }, B = (n) => {
1676
- d.value = n;
1677
- const h = i.menuList.find((G) => G.menuUrl === n);
1678
- if (h)
1679
- if (h.children && h.children.length > 0) {
1680
- const G = h.children[0].menuUrl;
1681
- s.path !== G && o.push(G);
1682
- } else
1683
- s.path !== n && o.push(n);
1684
- }, R = b(() => a.isDark ? "#1d1e1f" : "#fff"), K = b(() => a.isDark ? "#cfd3dc" : "#303133"), z = b(() => "#409eff"), P = f(!1), A = f(null), U = f(!1), D = f(!1), J = f(!1), Y = f(!1), V = f(""), j = f(null);
1685
- Ee(() => s.path, () => {
1686
- L(), a.setMixSubMenus(v.value);
1687
- }), Ee(() => i.menuList, (n) => {
1688
- n && n.length > 0 && (L(), a.setMixSubMenus(v.value));
1689
- }, { immediate: !0 });
1690
- const se = /* @__PURE__ */ new Set([
1691
- "arrow-up",
1692
- "arrow-down",
1693
- "arrow-left",
1694
- "arrow-right",
1695
- "caret-down",
1696
- "caret-right",
1697
- "plus",
1698
- "minus",
1699
- "close",
1700
- "check",
1701
- "edit",
1702
- "delete",
1703
- "copy",
1704
- "download",
1705
- "upload",
1706
- "refresh",
1707
- "search",
1708
- "filter",
1709
- "more",
1710
- "setting",
1711
- "share",
1712
- "loading",
1713
- "info",
1714
- "success",
1715
- "warning",
1716
- "error",
1717
- "question",
1718
- "user",
1719
- "user-add",
1720
- "user-group",
1721
- "logout",
1722
- "login",
1723
- "file",
1724
- "folder",
1725
- "folder-open",
1726
- "document",
1727
- "image",
1728
- "video",
1729
- "music",
1730
- "camera",
1731
- "mail",
1732
- "phone",
1733
- "chat",
1734
- "bell",
1735
- "message",
1736
- "eye",
1737
- "eye-off",
1738
- "calendar",
1739
- "clock",
1740
- "history",
1741
- "timer",
1742
- "location",
1743
- "map",
1744
- "globe",
1745
- "star",
1746
- "heart",
1747
- "thumb-up",
1748
- "link",
1749
- "external-link",
1750
- "lock",
1751
- "unlock",
1752
- "key",
1753
- "home",
1754
- "menu",
1755
- "menu-fold",
1756
- "menu-unfold",
1757
- "sidebar-fold",
1758
- "sidebar-expand",
1759
- "sidebar-left",
1760
- "dashboard",
1761
- "chart",
1762
- "chart-pie",
1763
- "chart-line",
1764
- "report",
1765
- "analytics",
1766
- "system",
1767
- "permission",
1768
- "role",
1769
- "user-manage",
1770
- "log",
1771
- "notification",
1772
- "app",
1773
- "list",
1774
- "grid",
1775
- "fullscreen",
1776
- "fullscreen-exit",
1777
- "zoom-in",
1778
- "zoom-out",
1779
- "print",
1780
- "bookmark",
1781
- "tag",
1782
- "code",
1783
- "terminal",
1784
- "database",
1785
- "server",
1786
- "cloud",
1787
- "gift",
1788
- "moon",
1789
- "sun",
1790
- "theme",
1791
- "skin"
1792
- ]), oe = (n) => {
1793
- if (!n || n === "") return "";
1794
- if (n.startsWith("tineco-icon-")) {
1795
- const G = n.replace("tineco-icon-", "");
1796
- return {
1797
- home: "home",
1798
- dashboard: "dashboard",
1799
- system: "system",
1800
- user: "user",
1801
- role: "role",
1802
- menu: "list",
1803
- setting: "setting",
1804
- file: "file",
1805
- folder: "folder",
1806
- chart: "chart",
1807
- report: "report",
1808
- analytics: "analytics"
1809
- }[G] || G;
1810
- }
1811
- return {
1812
- dashboard: "dashboard",
1813
- system: "system",
1814
- user: "user",
1815
- role: "role",
1816
- menu: "list",
1817
- setting: "setting",
1818
- home: "home",
1819
- chart: "chart",
1820
- report: "report",
1821
- analytics: "analytics",
1822
- permission: "permission",
1823
- log: "log",
1824
- notification: "notification",
1825
- app: "app",
1826
- list: "list",
1827
- grid: "grid"
1828
- }[n] || n;
1829
- }, ue = (n) => n ? n.charAt(0) : "", re = (n) => se.has(n), T = () => {
1830
- a.toggleTheme(), D.value = !1;
1831
- }, Q = () => {
1832
- document.fullscreenElement ? document.exitFullscreen() : document.documentElement.requestFullscreen();
1833
- }, ce = () => {
1834
- U.value = !!document.fullscreenElement;
1835
- }, be = () => {
1836
- P.value = !P.value;
1837
- }, ne = () => {
1838
- P.value = !1;
1839
- }, pe = () => {
1840
- Y.value = !1, V.value = "";
1841
- }, ie = (n) => {
1842
- o.push(n), pe();
1843
- }, he = () => {
1844
- D.value = !0;
1845
- }, xe = (n) => {
1846
- J.value = n;
1847
- const h = document.documentElement;
1848
- n ? h.classList.add("grey-mode") : h.classList.remove("grey-mode");
1849
- }, Ce = () => {
1850
- xe(!J.value), D.value = !1;
1851
- }, $e = () => {
1852
- a.toggleTheme(), D.value = !1;
1853
- }, Le = [
1854
- { value: "sidebar", label: "左侧菜单", icon: "sidebar-left" },
1855
- { value: "top", label: "顶部菜单", icon: "menu" },
1856
- { value: "mix", label: "混合菜单", icon: "grid" }
1857
- ], Me = b(() => a.layout), _e = (n) => {
1858
- a.setLayout(n), D.value = !1;
1859
- }, fe = [
1860
- { value: "#409eff", label: "默认蓝" },
1861
- { value: "#1890ff", label: "科技蓝" },
1862
- { value: "#52c41a", label: "极光绿" },
1863
- { value: "#faad14", label: "日落橙" },
1864
- { value: "#f5222d", label: "薄暮红" },
1865
- { value: "#722ed1", label: "酱紫" }
1866
- ], S = (n) => {
1867
- a.setPrimaryColor(n), D.value = !1;
1868
- }, k = () => {
1869
- ne(), o.push("/profile");
1870
- }, H = () => {
1871
- ne(), o.push("/change-password");
1872
- }, c = () => {
1873
- ne(), M.logout(), m.clearUserInfo(), i.clearMenu(), o.push("/login");
1874
- }, w = (n) => {
1875
- A.value && !A.value.contains(n.target) && ne(), j.value && !j.value.contains(n.target) && pe();
1876
- }, Z = (n) => {
1877
- n.key === "Escape" && (pe(), ne());
1878
- };
1879
- return He(() => {
1880
- document.addEventListener("click", w), document.addEventListener("fullscreenchange", ce), document.addEventListener("keydown", Z), J.value = document.documentElement.classList.contains("grey-mode"), L();
1881
- }), Ge(() => {
1882
- document.removeEventListener("click", w), document.removeEventListener("fullscreenchange", ce), document.removeEventListener("keydown", Z);
1883
- }), (n, h) => {
1884
- var G;
1885
- return l(), u("div", qo, [
1886
- e("div", Wo, [
1887
- h[3] || (h[3] = e("img", {
1888
- src: qe,
1889
- alt: "Logo",
1890
- class: "mix-top-menu__logo-img"
1891
- }, null, -1)),
1892
- e("span", Yo, $(r(a).appName), 1)
1893
- ]),
1894
- y(r(tt), {
1895
- "model-value": d.value,
1896
- mode: "horizontal",
1897
- "background-color": R.value,
1898
- "text-color": K.value,
1899
- "active-text-color": z.value,
1900
- class: "mix-top-menu__menu",
1901
- onSelect: B
1902
- }, {
1903
- default: E(() => [
1904
- (l(!0), u(q, null, X(r(i).menuList, (x) => (l(), F(r(Re), {
1905
- key: x.menuUrl,
1906
- index: x.menuUrl
1907
- }, {
1908
- default: E(() => [
1909
- e("span", Xo, [
1910
- x.menuName !== "首页" ? (l(), u("span", Ho, [
1911
- re(oe(x.icon)) ? (l(), F(r(I), {
1912
- key: 0,
1913
- name: oe(x.icon),
1914
- size: 16
1915
- }, null, 8, ["name"])) : (l(), u("span", Go, $(ue(x.menuName)), 1))
1916
- ])) : N("", !0),
1917
- e("span", Jo, $(x.menuName), 1)
1918
- ])
1919
- ]),
1920
- _: 2
1921
- }, 1032, ["index"]))), 128))
1922
- ]),
1923
- _: 1
1924
- }, 8, ["model-value", "background-color", "text-color", "active-text-color"]),
1925
- e("div", Qo, [
1926
- e("div", {
1927
- class: "mix-top-menu__search",
1928
- ref_key: "searchRef",
1929
- ref: j
1930
- }, [
1931
- y(r(I), {
1932
- name: "search",
1933
- size: 14,
1934
- class: "mix-top-menu__search-icon"
1935
- }),
1936
- Ve(e("input", {
1937
- "onUpdate:modelValue": h[0] || (h[0] = (x) => V.value = x),
1938
- type: "text",
1939
- class: "mix-top-menu__search-input",
1940
- placeholder: "搜索菜单...",
1941
- onFocus: h[1] || (h[1] = (x) => Y.value = !0)
1942
- }, null, 544), [
1943
- [Je, V.value]
1944
- ]),
1945
- y(ke, { name: "search-dropdown" }, {
1946
- default: E(() => [
1947
- Y.value && (p.value.length > 0 || V.value) ? (l(), u("div", Zo, [
1948
- p.value.length > 0 ? (l(), u("div", en, [
1949
- (l(!0), u(q, null, X(p.value, (x) => (l(), u("div", {
1950
- key: x.path,
1951
- class: "mix-top-menu__search-item",
1952
- onClick: (ut) => ie(x.path)
1953
- }, [
1954
- x.title !== "首页" ? (l(), u("span", sn, [
1955
- re(oe(x.icon)) ? (l(), F(r(I), {
1956
- key: 0,
1957
- name: oe(x.icon),
1958
- size: 16
1959
- }, null, 8, ["name"])) : (l(), u("span", on, $(ue(x.title)), 1))
1960
- ])) : N("", !0),
1961
- e("span", nn, $(x.title), 1),
1962
- x.parentTitle ? (l(), u("span", an, $(x.parentTitle), 1)) : N("", !0)
1963
- ], 8, tn))), 128))
1964
- ])) : (l(), u("div", ln, " 未找到匹配的菜单 "))
1965
- ])) : N("", !0)
1966
- ]),
1967
- _: 1
1968
- })
1969
- ], 512),
1970
- e("div", {
1971
- class: "mix-top-menu__action",
1972
- onClick: Q,
1973
- title: U.value ? "退出全屏" : "全屏"
1974
- }, [
1975
- y(r(I), {
1976
- name: U.value ? "fullscreen-exit" : "fullscreen",
1977
- size: 16
1978
- }, null, 8, ["name"])
1979
- ], 8, rn),
1980
- e("div", {
1981
- class: "mix-top-menu__action",
1982
- onClick: he,
1983
- title: "换肤设置"
1984
- }, [
1985
- y(r(I), {
1986
- name: "skin",
1987
- size: 16
1988
- })
1989
- ]),
1990
- e("div", {
1991
- class: "mix-top-menu__action",
1992
- onClick: T,
1993
- title: "切换主题"
1994
- }, [
1995
- y(r(I), {
1996
- name: r(a).isDark ? "sun" : "moon",
1997
- size: 16
1998
- }, null, 8, ["name"])
1999
- ]),
2000
- e("div", {
2001
- class: "mix-top-menu__user",
2002
- ref_key: "dropdownRef",
2003
- ref: A
2004
- }, [
2005
- e("div", {
2006
- class: "mix-top-menu__user-trigger",
2007
- onClick: Fe(be, ["stop"])
2008
- }, [
2009
- e("div", un, [
2010
- e("span", null, $(((G = r(m).userName) == null ? void 0 : G.charAt(0)) || "U"), 1)
2011
- ]),
2012
- e("span", cn, $(r(m).userName), 1),
2013
- e("span", {
2014
- class: W(["mix-top-menu__user-arrow", { "is-active": P.value }])
2015
- }, "▼", 2)
2016
- ]),
2017
- y(ke, { name: "dropdown" }, {
2018
- default: E(() => {
2019
- var x;
2020
- return [
2021
- P.value ? (l(), u("div", dn, [
2022
- e("div", mn, [
2023
- e("div", pn, [
2024
- e("span", null, $(((x = r(m).userName) == null ? void 0 : x.charAt(0)) || "U"), 1)
2025
- ]),
2026
- e("div", hn, [
2027
- e("div", vn, $(r(m).userName), 1),
2028
- e("div", _n, $(r(m).departmentName), 1)
2029
- ])
2030
- ]),
2031
- h[8] || (h[8] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
2032
- e("div", fn, [
2033
- e("div", {
2034
- class: "mix-top-menu__dropdown-item",
2035
- onClick: k
2036
- }, [
2037
- y(r(I), {
2038
- name: "user",
2039
- size: 16
2040
- }),
2041
- h[4] || (h[4] = e("span", null, "个人信息", -1))
2042
- ]),
2043
- e("div", {
2044
- class: "mix-top-menu__dropdown-item",
2045
- onClick: H
2046
- }, [
2047
- y(r(I), {
2048
- name: "lock",
2049
- size: 16
2050
- }),
2051
- h[5] || (h[5] = e("span", null, "修改密码", -1))
2052
- ]),
2053
- h[7] || (h[7] = e("div", { class: "mix-top-menu__dropdown-divider" }, null, -1)),
2054
- e("div", {
2055
- class: "mix-top-menu__dropdown-item mix-top-menu__dropdown-item--danger",
2056
- onClick: c
2057
- }, [
2058
- y(r(I), {
2059
- name: "logout",
2060
- size: 16
2061
- }),
2062
- h[6] || (h[6] = e("span", null, "退出登录", -1))
2063
- ])
2064
- ])
2065
- ])) : N("", !0)
2066
- ];
2067
- }),
2068
- _: 1
2069
- })
2070
- ], 512)
2071
- ]),
2072
- y(r(st), {
2073
- modelValue: D.value,
2074
- "onUpdate:modelValue": h[2] || (h[2] = (x) => D.value = x),
2075
- title: "换肤设置",
2076
- direction: "rtl",
2077
- size: "320px"
2078
- }, {
2079
- default: E(() => [
2080
- e("div", gn, [
2081
- e("div", yn, [
2082
- h[12] || (h[12] = e("div", { class: "settings-title" }, "布局模式", -1)),
2083
- e("div", kn, [
2084
- (l(), u(q, null, X(Le, (x) => e("div", {
2085
- key: x.value,
2086
- class: W(["layout-option", { "is-active": Me.value === x.value }]),
2087
- onClick: (ut) => _e(x.value)
2088
- }, [
2089
- e("div", bn, [
2090
- x.value === "sidebar" ? (l(), u("div", xn, [...h[9] || (h[9] = [
2091
- e("div", { class: "preview-aside" }, null, -1),
2092
- e("div", { class: "preview-main" }, [
2093
- e("div", { class: "preview-header" }),
2094
- e("div", { class: "preview-content" })
2095
- ], -1)
2096
- ])])) : x.value === "top" ? (l(), u("div", Cn, [...h[10] || (h[10] = [
2097
- e("div", { class: "preview-header-full" }, null, -1),
2098
- e("div", { class: "preview-content-full" }, null, -1)
2099
- ])])) : (l(), u("div", $n, [...h[11] || (h[11] = [
2100
- e("div", { class: "preview-header-mix" }, [
2101
- e("div", { class: "preview-mix-left" })
2102
- ], -1),
2103
- e("div", { class: "preview-mix-body" }, [
2104
- e("div", { class: "preview-mix-aside" }),
2105
- e("div", { class: "preview-mix-content" })
2106
- ], -1)
2107
- ])]))
2108
- ]),
2109
- e("span", Ln, $(x.label), 1)
2110
- ], 10, wn)), 64))
2111
- ])
2112
- ]),
2113
- e("div", Mn, [
2114
- h[13] || (h[13] = e("div", { class: "settings-title" }, "主题色", -1)),
2115
- e("div", In, [
2116
- (l(), u(q, null, X(fe, (x) => e("div", {
2117
- key: x.value,
2118
- class: W(["color-option", { "is-active": r(a).primaryColor === x.value }]),
2119
- style: Te({ backgroundColor: x.value }),
2120
- title: x.label,
2121
- onClick: (ut) => S(x.value)
2122
- }, [
2123
- r(a).primaryColor === x.value ? (l(), F(r(I), {
2124
- key: 0,
2125
- name: "check",
2126
- size: 12,
2127
- color: "#fff"
2128
- })) : N("", !0)
2129
- ], 14, Sn)), 64))
2130
- ])
2131
- ]),
2132
- e("div", En, [
2133
- h[18] || (h[18] = e("div", { class: "settings-title" }, "功能设置", -1)),
2134
- e("div", Tn, [
2135
- e("div", Un, [
2136
- h[15] || (h[15] = e("span", null, "灰色模式", -1)),
2137
- e("div", {
2138
- class: W(["switch-wrapper", { "is-checked": J.value }]),
2139
- onClick: Ce
2140
- }, [...h[14] || (h[14] = [
2141
- e("span", { class: "switch-core" }, null, -1)
2142
- ])], 2)
2143
- ]),
2144
- e("div", Nn, [
2145
- h[17] || (h[17] = e("span", null, "暗黑模式", -1)),
2146
- e("div", {
2147
- class: W(["switch-wrapper", { "is-checked": r(a).isDark }]),
2148
- onClick: $e
2149
- }, [...h[16] || (h[16] = [
2150
- e("span", { class: "switch-core" }, null, -1)
2151
- ])], 2)
2152
- ])
2153
- ])
2154
- ])
2155
- ])
2156
- ]),
2157
- _: 1
2158
- }, 8, ["modelValue"])
2159
- ]);
2160
- };
2161
- }
2162
- }), zn = /* @__PURE__ */ te(Dn, [["__scopeId", "data-v-25806305"]]), Rn = {
2163
- key: 0,
2164
- class: "layout layout--sidebar"
2165
- }, Pn = { class: "layout__main" }, An = { class: "layout__header" }, On = { class: "layout__content" }, Vn = {
2166
- key: 1,
2167
- class: "layout layout--top"
2168
- }, Fn = { class: "layout__top-menu" }, Bn = { class: "layout__main" }, Kn = { class: "layout__content" }, jn = {
2169
- key: 2,
2170
- class: "layout layout--mix"
2171
- }, qn = { class: "layout__mix-top-menu" }, Wn = { class: "layout__mix-body" }, Yn = { class: "layout__content" }, Xn = /* @__PURE__ */ le({
2172
- __name: "index",
2173
- setup(t) {
2174
- const s = me(), o = ve(), i = b(
2175
- () => s.isCollapsed ? "64px" : "210px"
2176
- ), a = b(() => s.layout), m = b(() => a.value === "mix"), M = b(() => a.value === "sidebar" ? o.menuList : a.value === "mix" ? s.mixSubMenus : []), d = b(() => m.value ? M.value.length > 0 : !1);
2177
- return (g, p) => {
2178
- const v = pt("router-view");
2179
- return l(), u(q, null, [
2180
- a.value === "sidebar" ? (l(), u("div", Rn, [
2181
- e("aside", {
2182
- class: "layout__aside",
2183
- style: Te({ width: i.value })
2184
- }, [
2185
- y(mt, {
2186
- "menu-list": M.value,
2187
- "show-logo": !0,
2188
- "show-user": !0
2189
- }, null, 8, ["menu-list"])
2190
- ], 4),
2191
- e("div", Pn, [
2192
- e("header", An, [
2193
- y(qs)
2194
- ]),
2195
- e("main", On, [
2196
- y(v)
2197
- ])
2198
- ])
2199
- ])) : N("", !0),
2200
- a.value === "top" ? (l(), u("div", Vn, [
2201
- e("div", Fn, [
2202
- y(jo)
2203
- ]),
2204
- e("div", Bn, [
2205
- e("main", Kn, [
2206
- y(v)
2207
- ])
2208
- ])
2209
- ])) : N("", !0),
2210
- a.value === "mix" ? (l(), u("div", jn, [
2211
- e("div", qn, [
2212
- y(zn)
2213
- ]),
2214
- e("div", Wn, [
2215
- d.value ? (l(), u("aside", {
2216
- key: 0,
2217
- class: "layout__aside",
2218
- style: Te({ width: i.value })
2219
- }, [
2220
- y(mt, {
2221
- "menu-list": M.value,
2222
- "show-logo": !1,
2223
- "show-user": !1
2224
- }, null, 8, ["menu-list"])
2225
- ], 4)) : N("", !0),
2226
- e("main", Yn, [
2227
- y(v)
2228
- ])
2229
- ])
2230
- ])) : N("", !0)
2231
- ], 64);
2232
- };
2233
- }
2234
- }), yt = /* @__PURE__ */ te(Xn, [["__scopeId", "data-v-70b115a5"]]), Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2235
- __proto__: null,
2236
- default: yt
2237
- }, Symbol.toStringTag, { value: "Module" })), Gn = { class: "tabs-wrapper" }, Jn = { class: "tab-label" }, Qn = ["onClick"], Zn = /* @__PURE__ */ le({
2238
- __name: "Tabs",
2239
- setup(t) {
2240
- const s = we(), o = de(), i = b(() => {
2241
- const d = [];
2242
- return s.matched.forEach((g) => {
2243
- var p;
2244
- (p = g.meta) != null && p.affix && d.push({
2245
- name: g.name,
2246
- title: g.meta.title,
2247
- path: g.path,
2248
- affix: !0
2249
- });
2250
- }), d;
2251
- }), a = b(() => s.path), m = (d) => {
2252
- o.push(d);
2253
- }, M = (d) => {
2254
- const g = i.value.find((p) => p.path === d);
2255
- if (!(g != null && g.affix) && d === a.value) {
2256
- const p = i.value.findIndex((_) => _.path === d), v = i.value[p - 1] || i.value[p + 1];
2257
- v && o.push(v.path);
2258
- }
2259
- };
2260
- return (d, g) => (l(), u("div", Gn, [
2261
- y(r(Lt), {
2262
- modelValue: a.value,
2263
- "onUpdate:modelValue": g[0] || (g[0] = (p) => a.value = p),
2264
- type: "card",
2265
- onTabClick: m
2266
- }, {
2267
- default: E(() => [
2268
- (l(!0), u(q, null, X(i.value, (p) => (l(), F(r(Mt), {
2269
- key: p.path,
2270
- name: p.path,
2271
- label: p.title,
2272
- closable: !p.affix
2273
- }, {
2274
- label: E(() => [
2275
- e("span", Jn, [
2276
- ye($(p.title) + " ", 1),
2277
- p.affix ? N("", !0) : (l(), u("span", {
2278
- key: 0,
2279
- class: "tab-close",
2280
- onClick: Fe((v) => M(p.path), ["stop"])
2281
- }, " ✕ ", 8, Qn))
2282
- ])
2283
- ]),
2284
- _: 2
2285
- }, 1032, ["name", "label", "closable"]))), 128))
2286
- ]),
2287
- _: 1
2288
- }, 8, ["modelValue"])
2289
- ]));
2290
- }
2291
- }), Aa = /* @__PURE__ */ te(Zn, [["__scopeId", "data-v-9156d8cd"]]), ea = {}, ta = { class: "footer" };
2292
- function sa(t, s) {
2293
- return l(), u("div", ta, [...s[0] || (s[0] = [
2294
- e("span", null, "Copyright © 2024 Xto Demo. All Rights Reserved.", -1)
2295
- ])]);
2296
- }
2297
- const Oa = /* @__PURE__ */ te(ea, [["render", sa], ["__scopeId", "data-v-4852826a"]]), oa = () => {
2298
- const t = Et.create({
2299
- baseURL: void 0,
2300
- timeout: 3e4,
2301
- headers: {
2302
- "Content-Type": "application/json"
2303
- }
2304
- });
2305
- return t.interceptors.request.use(
2306
- (s) => {
2307
- const o = We(), i = zt() || "Bearer";
2308
- return o && (s.headers.Authorization = `${i} ${o}`), s;
2309
- },
2310
- (s) => Promise.reject(s)
2311
- ), t.interceptors.response.use(
2312
- (s) => {
2313
- const { data: o } = s;
2314
- return o.code === 200 || o.code === 0 ? o.data : o.code === 9121 ? (ae.error("登录已过期,请重新登录"), Se(), window.location.href = "/login", Promise.reject(new Error(o.message || "EXPIRED OR INVALID TOKEN"))) : (ae.error(o.message || "请求失败"), Promise.reject(new Error(o.message || "请求失败")));
2315
- },
2316
- (s) => {
2317
- var i;
2318
- const { response: o } = s;
2319
- if (o) {
2320
- const { data: a } = o;
2321
- if ((a == null ? void 0 : a.code) === 9121)
2322
- return ae.error("登录已过期,请重新登录"), Se(), window.location.href = "/login", Promise.reject(s);
2323
- switch (o.status) {
2324
- case 401:
2325
- ae.error("登录已过期,请重新登录"), Se(), window.location.href = "/login";
2326
- break;
2327
- case 403:
2328
- ae.error("没有权限访问");
2329
- break;
2330
- case 404:
2331
- ae.error("请求资源不存在");
2332
- break;
2333
- case 500:
2334
- ae.error("服务器错误");
2335
- break;
2336
- default:
2337
- ae.error(((i = o.data) == null ? void 0 : i.message) || "请求失败");
2338
- }
2339
- } else
2340
- ae.error("网络连接失败");
2341
- return Promise.reject(s);
2342
- }
2343
- ), t;
2344
- }, ge = oa(), O = {
2345
- get(t, s) {
2346
- return ge.get(t, s);
2347
- },
2348
- post(t, s, o) {
2349
- return ge.post(t, s, o);
2350
- },
2351
- put(t, s, o) {
2352
- return ge.put(t, s, o);
2353
- },
2354
- patch(t, s, o) {
2355
- return ge.patch(t, s, o);
2356
- },
2357
- delete(t, s) {
2358
- return ge.delete(t, s);
2359
- },
2360
- // 文件下载 - 返回 Blob 对象
2361
- download(t, s) {
2362
- return ge.get(t, { ...s, responseType: "blob" });
2363
- }
2364
- };
2365
- function na(t) {
2366
- return O.post("/user/v1.0/login/by-domain", t);
2367
- }
2368
- function Va() {
2369
- return O.put("/user/v1.0/user/logout");
2370
- }
2371
- function aa() {
2372
- return O.get("/user/v1.0/user/get-me");
2373
- }
2374
- function Fa(t) {
2375
- return O.post("/user/v1.0/refresh", { refreshToken: t });
2376
- }
2377
- const la = { class: "login" }, ra = { class: "login__container" }, ia = /* @__PURE__ */ le({
2378
- __name: "index",
2379
- setup(t) {
2380
- const s = de(), o = we(), i = f(!1), a = f(!1), m = Qe({
2381
- uid: "",
2382
- password: ""
2383
- }), M = {
2384
- uid: [
2385
- { required: !0, message: "请输入用户名", trigger: "blur" }
2386
- ],
2387
- password: [
2388
- { required: !0, message: "请输入密码", trigger: "blur" },
2389
- { min: 6, message: "密码长度至少6位", trigger: "blur" }
2390
- ]
2391
- }, d = f(), g = async () => {
2392
- var p;
2393
- try {
2394
- await ((p = d.value) == null ? void 0 : p.validate()), i.value = !0;
2395
- const v = await na({
2396
- appId: je(),
2397
- clientId: vt(),
2398
- uid: m.uid,
2399
- password: m.password,
2400
- code: !0
2401
- });
2402
- ft(v), ae.success("登录成功");
2403
- const _ = o.query.redirect || "/";
2404
- s.push(_);
2405
- } catch (v) {
2406
- console.error("登录失败:", v);
2407
- } finally {
2408
- i.value = !1;
2409
- }
2410
- };
2411
- return (p, v) => (l(), u("div", la, [
2412
- e("div", ra, [
2413
- v[5] || (v[5] = e("div", { class: "login__header" }, [
2414
- e("img", {
2415
- src: qe,
2416
- alt: "Logo",
2417
- class: "login__logo"
2418
- }),
2419
- e("h1", { class: "login__title" }, "Xto Demo"),
2420
- e("p", { class: "login__subtitle" }, "后台管理系统")
2421
- ], -1)),
2422
- y(r(It), {
2423
- ref_key: "formRef",
2424
- ref: d,
2425
- model: m,
2426
- rules: M,
2427
- class: "login__form",
2428
- "label-width": "0"
2429
- }, {
2430
- default: E(() => [
2431
- y(r(Ne), { prop: "uid" }, {
2432
- default: E(() => [
2433
- y(r(ct), {
2434
- modelValue: m.uid,
2435
- "onUpdate:modelValue": v[0] || (v[0] = (_) => m.uid = _),
2436
- placeholder: "用户名",
2437
- size: "large"
2438
- }, {
2439
- prefix: E(() => [
2440
- y(r(I), {
2441
- name: "user",
2442
- size: 18
2443
- })
2444
- ]),
2445
- _: 1
2446
- }, 8, ["modelValue"])
2447
- ]),
2448
- _: 1
2449
- }),
2450
- y(r(Ne), { prop: "password" }, {
2451
- default: E(() => [
2452
- y(r(ct), {
2453
- modelValue: m.password,
2454
- "onUpdate:modelValue": v[1] || (v[1] = (_) => m.password = _),
2455
- type: "password",
2456
- placeholder: "密码",
2457
- size: "large",
2458
- "show-password": "",
2459
- onKeyup: $t(g, ["enter"])
2460
- }, {
2461
- prefix: E(() => [
2462
- y(r(I), {
2463
- name: "lock",
2464
- size: 18
2465
- })
2466
- ]),
2467
- _: 1
2468
- }, 8, ["modelValue"])
2469
- ]),
2470
- _: 1
2471
- }),
2472
- y(r(Ne), null, {
2473
- default: E(() => [
2474
- y(r(St), {
2475
- modelValue: a.value,
2476
- "onUpdate:modelValue": v[2] || (v[2] = (_) => a.value = _)
2477
- }, {
2478
- default: E(() => [...v[3] || (v[3] = [
2479
- ye("记住我", -1)
2480
- ])]),
2481
- _: 1
2482
- }, 8, ["modelValue"])
2483
- ]),
2484
- _: 1
2485
- }),
2486
- y(r(Ne), null, {
2487
- default: E(() => [
2488
- y(r(Ke), {
2489
- type: "primary",
2490
- size: "large",
2491
- loading: i.value,
2492
- class: "login__submit",
2493
- onClick: g
2494
- }, {
2495
- default: E(() => [...v[4] || (v[4] = [
2496
- ye(" 登录 ", -1)
2497
- ])]),
2498
- _: 1
2499
- }, 8, ["loading"])
2500
- ]),
2501
- _: 1
2502
- })
2503
- ]),
2504
- _: 1
2505
- }, 8, ["model"]),
2506
- v[6] || (v[6] = e("div", { class: "login__footer" }, [
2507
- e("p", null, "请输入您的用户名和密码")
2508
- ], -1))
2509
- ])
2510
- ]));
2511
- }
2512
- }), ua = /* @__PURE__ */ te(ia, [["__scopeId", "data-v-f3e724b6"]]), ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2513
- __proto__: null,
2514
- default: ua
2515
- }, Symbol.toStringTag, { value: "Module" })), da = { class: "error-page" }, ma = { class: "error-page__content" }, pa = /* @__PURE__ */ le({
2516
- __name: "404",
2517
- setup(t) {
2518
- const s = de(), o = () => {
2519
- s.push("/");
2520
- };
2521
- return (i, a) => (l(), u("div", da, [
2522
- e("div", ma, [
2523
- a[1] || (a[1] = e("div", { class: "error-page__code" }, "404", -1)),
2524
- a[2] || (a[2] = e("div", { class: "error-page__title" }, "页面不存在", -1)),
2525
- a[3] || (a[3] = e("div", { class: "error-page__desc" }, "抱歉,您访问的页面不存在或已被删除", -1)),
2526
- y(r(Ke), {
2527
- type: "primary",
2528
- onClick: o
2529
- }, {
2530
- default: E(() => [...a[0] || (a[0] = [
2531
- ye("返回首页", -1)
2532
- ])]),
2533
- _: 1
2534
- })
2535
- ])
2536
- ]));
2537
- }
2538
- }), ha = /* @__PURE__ */ te(pa, [["__scopeId", "data-v-3b47f5bc"]]), kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2539
- __proto__: null,
2540
- default: ha
2541
- }, Symbol.toStringTag, { value: "Module" })), va = { class: "error-page" }, _a = { class: "error-page__content" }, fa = /* @__PURE__ */ le({
2542
- __name: "403",
2543
- setup(t) {
2544
- const s = de(), o = () => {
2545
- s.push("/");
2546
- };
2547
- return (i, a) => (l(), u("div", va, [
2548
- e("div", _a, [
2549
- a[1] || (a[1] = e("div", { class: "error-page__code" }, "403", -1)),
2550
- a[2] || (a[2] = e("div", { class: "error-page__title" }, "无访问权限", -1)),
2551
- a[3] || (a[3] = e("div", { class: "error-page__desc" }, "抱歉,您没有权限访问此页面", -1)),
2552
- y(r(Ke), {
2553
- type: "primary",
2554
- onClick: o
2555
- }, {
2556
- default: E(() => [...a[0] || (a[0] = [
2557
- ye("返回首页", -1)
2558
- ])]),
2559
- _: 1
2560
- })
2561
- ])
2562
- ]));
2563
- }
2564
- }), Ba = /* @__PURE__ */ te(fa, [["__scopeId", "data-v-3081df6c"]]);
2565
- function Ka() {
2566
- const t = me(), s = ee(), o = Ue(), i = b(() => s.userName || ""), a = b(() => s.userInfo), m = b(() => t.appName), M = b(() => o.isLoggedIn), d = b(() => t.isDark), g = b(() => t.theme), p = b(() => t.isCollapsed), v = b(() => t.layout);
2567
- return {
2568
- userName: i,
2569
- userInfo: a,
2570
- appName: m,
2571
- isLoggedIn: M,
2572
- isDark: d,
2573
- theme: g,
2574
- isCollapsed: p,
2575
- layout: v,
2576
- toggleTheme: () => {
2577
- t.toggleTheme();
2578
- },
2579
- toggleCollapse: () => {
2580
- t.toggleCollapse();
2581
- }
2582
- };
2583
- }
2584
- function ja() {
2585
- const t = ee();
2586
- return {
2587
- isLoggedIn: b(() => t.isLoggedIn)
2588
- };
2589
- }
2590
- function qa(t, s = {}) {
2591
- const { rules: o, onSubmit: i } = s, a = f(), m = Qe({ ...t }), M = f(!1), d = f(!1), g = f(!1), p = () => {
2592
- L(), g.value = !1, d.value = !0;
2593
- }, v = (R) => {
2594
- Object.assign(m, R), g.value = !0, d.value = !0;
2595
- }, _ = () => {
2596
- d.value = !1, L();
2597
- }, L = () => {
2598
- var R;
2599
- Object.keys(t).forEach((K) => {
2600
- m[K] = t[K];
2601
- }), (R = a.value) == null || R.resetFields();
2602
- };
2603
- return {
2604
- formRef: a,
2605
- formData: m,
2606
- rules: o,
2607
- loading: M,
2608
- visible: d,
2609
- isEdit: g,
2610
- openAdd: p,
2611
- openEdit: v,
2612
- close: _,
2613
- resetForm: L,
2614
- handleSubmit: async () => {
2615
- var R;
2616
- try {
2617
- await ((R = a.value) == null ? void 0 : R.validate()), M.value = !0, await (i == null ? void 0 : i(m)), _();
2618
- } catch (K) {
2619
- console.error(K);
2620
- } finally {
2621
- M.value = !1;
2622
- }
2623
- }
2624
- };
2625
- }
2626
- function Wa(t) {
2627
- const { fetchData: s, defaultPageSize: o = 10 } = t, i = f(!1), a = f([]), m = f(0), M = f(1), d = f(o), g = Qe({}), p = async () => {
2628
- i.value = !0;
2629
- try {
2630
- const z = {
2631
- ...g,
2632
- page: M.value,
2633
- pageSize: d.value
2634
- }, P = await s(z);
2635
- a.value = P.list, m.value = P.total;
2636
- } catch (z) {
2637
- console.error(z);
2638
- } finally {
2639
- i.value = !1;
2640
- }
2641
- }, v = () => {
2642
- M.value = 1, p();
2643
- }, _ = () => {
2644
- Object.keys(g).forEach((z) => {
2645
- g[z] = void 0;
2646
- }), M.value = 1, p();
2647
- }, L = (z) => {
2648
- M.value = z, p();
2649
- }, B = (z) => {
2650
- d.value = z, M.value = 1, p();
2651
- }, R = () => {
2652
- p();
2653
- }, K = b(() => ({
2654
- current: M.value,
2655
- pageSize: d.value,
2656
- total: m.value
2657
- }));
2658
- return {
2659
- loading: i,
2660
- data: a,
2661
- total: m,
2662
- currentPage: M,
2663
- pageSize: d,
2664
- searchParams: g,
2665
- pagination: K,
2666
- getData: p,
2667
- handleSearch: v,
2668
- handleReset: _,
2669
- handlePageChange: L,
2670
- handleSizeChange: B,
2671
- refresh: R
2672
- };
2673
- }
2674
- function Ya(t) {
2675
- return ee().isLoggedIn;
2676
- }
2677
- function Xa(t) {
2678
- return ee().isLoggedIn;
2679
- }
2680
- function Ha() {
2681
- return !0;
2682
- }
2683
- const wt = [
2684
- {
2685
- path: "/login",
2686
- name: "Login",
2687
- component: () => Promise.resolve().then(() => ca),
2688
- meta: {
2689
- title: "登录",
2690
- hidden: !0
2691
- }
2692
- }
2693
- ], bt = {
2694
- path: "/",
2695
- name: "Layout",
2696
- component: () => Promise.resolve().then(() => Hn),
2697
- redirect: "/dashboard",
2698
- children: [
2699
- {
2700
- path: "/dashboard",
2701
- name: "Dashboard",
2702
- component: () => import("./index-JouxgO84.js"),
2703
- meta: {
2704
- title: "仪表盘",
2705
- icon: "dashboard",
2706
- keepAlive: !0,
2707
- affix: !0
2708
- }
2709
- },
2710
- {
2711
- path: "/system/user",
2712
- name: "SystemUser",
2713
- component: () => import("./index-CZKP8fOP.js"),
2714
- meta: {
2715
- title: "用户管理",
2716
- icon: "user",
2717
- keepAlive: !0
2718
- }
2719
- },
2720
- {
2721
- path: "/system/role",
2722
- name: "SystemRole",
2723
- component: () => import("./index-qlKXxfT9.js"),
2724
- meta: {
2725
- title: "角色管理",
2726
- icon: "role",
2727
- keepAlive: !0
2728
- }
2729
- },
2730
- {
2731
- path: "/system/menu",
2732
- name: "SystemMenu",
2733
- component: () => import("./index-48G2-eqi.js"),
2734
- meta: {
2735
- title: "菜单管理",
2736
- icon: "menu",
2737
- keepAlive: !0
2738
- }
2739
- },
2740
- // catch-all 路由:让 404 在 Layout 内部渲染,保持左侧菜单显示
2741
- {
2742
- path: "/:pathMatch(.*)*",
2743
- name: "CatchAll",
2744
- component: () => Promise.resolve().then(() => kt),
2745
- meta: {
2746
- title: "404",
2747
- hidden: !0
2748
- }
2749
- }
2750
- ]
2751
- }, Ga = [
2752
- {
2753
- path: "/dashboard",
2754
- name: "Dashboard",
2755
- component: () => import("./index-JouxgO84.js"),
2756
- meta: {
2757
- title: "仪表盘",
2758
- icon: "dashboard",
2759
- keepAlive: !0,
2760
- affix: !0
2761
- }
2762
- },
2763
- {
2764
- path: "/system",
2765
- name: "System",
2766
- redirect: "/system/user",
2767
- meta: {
2768
- title: "系统管理",
2769
- icon: "setting"
2770
- },
2771
- children: [
2772
- {
2773
- path: "user",
2774
- name: "SystemUser",
2775
- component: () => import("./index-CZKP8fOP.js"),
2776
- meta: {
2777
- title: "用户管理",
2778
- icon: "user",
2779
- keepAlive: !0
2780
- }
2781
- },
2782
- {
2783
- path: "role",
2784
- name: "SystemRole",
2785
- component: () => import("./index-qlKXxfT9.js"),
2786
- meta: {
2787
- title: "角色管理",
2788
- icon: "role",
2789
- keepAlive: !0
2790
- }
2791
- },
2792
- {
2793
- path: "menu",
2794
- name: "SystemMenu",
2795
- component: () => import("./index-48G2-eqi.js"),
2796
- meta: {
2797
- title: "菜单管理",
2798
- icon: "menu",
2799
- keepAlive: !0
2800
- }
2801
- }
2802
- ]
2803
- }
2804
- ], ga = [
2805
- {
2806
- menuCode: "dashboard",
2807
- menuName: "仪表盘",
2808
- menuUrl: "/dashboard",
2809
- icon: "dashboard",
2810
- closable: !0,
2811
- isDefault: !0,
2812
- isOut: !1
2813
- },
2814
- {
2815
- menuCode: "system",
2816
- menuName: "系统管理",
2817
- menuUrl: "/system",
2818
- icon: "setting",
2819
- closable: !1,
2820
- isDefault: !1,
2821
- isOut: !1,
2822
- children: [
2823
- {
2824
- menuCode: "system_user",
2825
- menuName: "用户管理",
2826
- menuUrl: "/system/user",
2827
- icon: "user",
2828
- closable: !0,
2829
- isDefault: !1,
2830
- isOut: !1
2831
- },
2832
- {
2833
- menuCode: "system_role",
2834
- menuName: "角色管理",
2835
- menuUrl: "/system/role",
2836
- icon: "role",
2837
- closable: !0,
2838
- isDefault: !1,
2839
- isOut: !1
2840
- },
2841
- {
2842
- menuCode: "system_menu",
2843
- menuName: "菜单管理",
2844
- menuUrl: "/system/menu",
2845
- icon: "menu",
2846
- closable: !0,
2847
- isDefault: !1,
2848
- isOut: !1
2849
- }
2850
- ]
2851
- }
2852
- ], xt = Ze({
2853
- history: et(),
2854
- routes: [...wt, bt],
2855
- scrollBehavior: () => ({ left: 0, top: 0 })
2856
- }), ya = ["/login"];
2857
- xt.beforeEach(async (t, s, o) => {
2858
- const i = me();
2859
- if (i.initTheme(), gt())
2860
- if (t.path === "/login")
2861
- o({ path: "/" });
2862
- else {
2863
- const a = ee();
2864
- a.isLoggedIn || (a.setUserInfo({
2865
- appId: je(),
2866
- userId: "1",
2867
- userName: "管理员",
2868
- departmentName: "技术部",
2869
- email: "admin@example.com",
2870
- mobilePhone: "13800138000",
2871
- positionName: "管理员",
2872
- avatar: ""
2873
- }), ve().setMenuList(ga)), t.name && t.meta.keepAlive && i.addCachedView(t.name), o();
2874
- }
2875
- else
2876
- ya.includes(t.path) ? o() : o("/login");
2877
- });
2878
- function Ja() {
2879
- const t = Ze({
2880
- history: et(),
2881
- routes: [...wt, bt]
2882
- });
2883
- xt.matcher = t.matcher;
2884
- }
2885
- function Qa(t, s = {}) {
2886
- const o = s.indexPath || "/dashboard", i = {
2887
- path: "/:pathMatch(.*)*",
2888
- name: "CatchAll",
2889
- component: () => Promise.resolve().then(() => kt),
2890
- meta: {
2891
- title: "404"
2892
- }
2893
- };
2894
- return {
2895
- path: "/",
2896
- name: "Layout",
2897
- component: yt,
2898
- redirect: o,
2899
- children: [...t, i]
2900
- };
2901
- }
2902
- function Za(t) {
2903
- return Ze({
2904
- history: et(),
2905
- routes: t,
2906
- scrollBehavior: () => ({ left: 0, top: 0 })
2907
- });
2908
- }
2909
- function el(t) {
2910
- return O.get("/role/list", { params: t });
2911
- }
2912
- function tl(t) {
2913
- return O.get(`/role/${t}`);
2914
- }
2915
- function sl(t) {
2916
- return O.post("/role", t);
2917
- }
2918
- function ol(t, s) {
2919
- return O.put(`/role/${t}`, s);
2920
- }
2921
- function nl(t) {
2922
- return O.delete(`/role/${t}`);
2923
- }
2924
- function al(t, s) {
2925
- return O.patch(`/role/${t}/status`, { status: s });
2926
- }
2927
- function ll() {
2928
- return O.get("/user/v1.0/menu/list");
2929
- }
2930
- function ka(t) {
2931
- const s = t || je();
2932
- return O.get(`/user/v1.0/menu/get-menu?appId=${s}`);
2933
- }
2934
- function rl(t) {
2935
- return O.post("/menu", t);
2936
- }
2937
- function il(t, s) {
2938
- return O.put(`/menu/${t}`, s);
2939
- }
2940
- function ul(t) {
2941
- return O.delete(`/menu/${t}`);
2942
- }
2943
- const wa = ["/login", "/404", "/403"];
2944
- function cl(t, s = {}) {
2945
- const o = s.whiteList || wa, i = s.loginPath || "/login", a = s.homePath || "/";
2946
- t.beforeEach(async (m, M, d) => {
2947
- const g = me(), p = ee(), v = ve();
2948
- if (g.initTheme(), We())
2949
- if (m.path === i)
2950
- d({ path: a });
2951
- else if (p.isLoggedIn)
2952
- m.name && m.meta.keepAlive && g.addCachedView(m.name), d();
2953
- else
2954
- try {
2955
- if (s.fetchUserInfo) {
2956
- const L = await s.fetchUserInfo();
2957
- p.setUserInfo(L);
2958
- } else {
2959
- const L = await aa();
2960
- p.setUserInfo(L);
2961
- }
2962
- if (s.fetchMenu) {
2963
- const L = await s.fetchMenu();
2964
- v.setMenuList(L);
2965
- } else {
2966
- const L = await ka(s.appId);
2967
- v.setMenuList(L);
2968
- }
2969
- s.onLoginSuccess && s.onLoginSuccess(), m.name && m.meta.keepAlive && g.addCachedView(m.name), d({ ...m, replace: !0 });
2970
- } catch (L) {
2971
- console.error("获取用户信息失败:", L), p.clearUserInfo(), v.clearMenu(), Se(), d({ path: i, query: { redirect: m.fullPath } });
2972
- }
2973
- else
2974
- o.includes(m.path) ? d() : d({ path: i, query: { redirect: m.fullPath } });
2975
- }), t.afterEach(() => {
2976
- });
2977
- }
2978
- function dl(t) {
2979
- return O.get("/user/list", { params: t });
2980
- }
2981
- function ml(t) {
2982
- return O.get(`/user/${t}`);
2983
- }
2984
- function pl(t) {
2985
- return O.post("/user", t);
2986
- }
2987
- function hl(t, s) {
2988
- return O.put(`/user/${t}`, s);
2989
- }
2990
- function vl(t) {
2991
- return O.delete(`/user/${t}`);
2992
- }
2993
- function _l(t) {
2994
- return O.post("/user/batch-delete", { ids: t });
2995
- }
2996
- function fl(t, s) {
2997
- return O.patch(`/user/${t}/status`, { status: s });
2998
- }
2999
- function gl(t) {
3000
- return O.post(`/user/${t}/reset-password`);
3001
- }
3002
- var ba = /* @__PURE__ */ ((t) => (t[t.ENABLED = 1] = "ENABLED", t[t.DISABLED = 0] = "DISABLED", t))(ba || {}), xa = /* @__PURE__ */ ((t) => (t[t.UNKNOWN = 0] = "UNKNOWN", t[t.MALE = 1] = "MALE", t[t.FEMALE = 2] = "FEMALE", t))(xa || {}), Ca = /* @__PURE__ */ ((t) => (t[t.DIRECTORY = 0] = "DIRECTORY", t[t.MENU = 1] = "MENU", t[t.BUTTON = 2] = "BUTTON", t))(Ca || {});
3003
- const yl = {
3004
- 1: "启用",
3005
- 0: "禁用"
3006
- }, kl = {
3007
- 0: "未知",
3008
- 1: "男",
3009
- 2: "女"
3010
- }, wl = {
3011
- 0: "目录",
3012
- 1: "菜单",
3013
- 2: "按钮"
3014
- }, bl = [
3015
- {
3016
- label: "启用",
3017
- value: 1
3018
- /* ENABLED */
3019
- },
3020
- {
3021
- label: "禁用",
3022
- value: 0
3023
- /* DISABLED */
3024
- }
3025
- ], xl = [
3026
- {
3027
- label: "未知",
3028
- value: 0
3029
- /* UNKNOWN */
3030
- },
3031
- {
3032
- label: "男",
3033
- value: 1
3034
- /* MALE */
3035
- },
3036
- {
3037
- label: "女",
3038
- value: 2
3039
- /* FEMALE */
3040
- }
3041
- ], Cl = [
3042
- {
3043
- label: "目录",
3044
- value: 0
3045
- /* DIRECTORY */
3046
- },
3047
- {
3048
- label: "菜单",
3049
- value: 1
3050
- /* MENU */
3051
- },
3052
- {
3053
- label: "按钮",
3054
- value: 2
3055
- /* BUTTON */
3056
- }
3057
- ], $l = {
3058
- mounted(t, s) {
3059
- var i;
3060
- ee().isLoggedIn || (i = t.parentNode) == null || i.removeChild(t);
3061
- }
3062
- };
3063
- function Ll(t) {
3064
- return Tt({
3065
- appId: t.appId,
3066
- clientId: t.clientId,
3067
- apiBaseUrl: t.apiBaseUrl
3068
- }), {
3069
- config: {
3070
- appName: t.appName || "XTO App",
3071
- appId: je(),
3072
- clientId: vt(),
3073
- apiBaseUrl: Ut(),
3074
- indexPath: t.indexPath || "/dashboard",
3075
- loginPath: t.loginPath || "/login"
3076
- }
3077
- };
3078
- }
3079
- export {
3080
- Bt as $,
3081
- Pa as A,
3082
- ll as B,
3083
- ka as C,
3084
- Ra as D,
3085
- za as E,
3086
- Oa as F,
3087
- xa as G,
3088
- qs as H,
3089
- tl as I,
3090
- el as J,
3091
- We as K,
3092
- yt as L,
3093
- Ca as M,
3094
- At as N,
3095
- zt as O,
3096
- ml as P,
3097
- aa as Q,
3098
- dl as R,
3099
- ba as S,
3100
- Aa as T,
3101
- Ya as U,
3102
- Xa as V,
3103
- gt as W,
3104
- O as X,
3105
- Tt as Y,
3106
- Ha as Z,
3107
- te as _,
3108
- bl as a,
3109
- bt as a0,
3110
- C as a1,
3111
- De as a2,
3112
- na as a3,
3113
- Va as a4,
3114
- ga as a5,
3115
- $l as a6,
3116
- Fa as a7,
3117
- gl as a8,
3118
- Ja as a9,
3119
- xt as aa,
3120
- Da as ab,
3121
- ze as ac,
3122
- Ft as ad,
3123
- Vt as ae,
3124
- Pt as af,
3125
- Dt as ag,
3126
- Ot as ah,
3127
- ft as ai,
3128
- Rt as aj,
3129
- cl as ak,
3130
- wt as al,
3131
- il as am,
3132
- ol as an,
3133
- al as ao,
3134
- hl as ap,
3135
- fl as aq,
3136
- Ka as ar,
3137
- me as as,
3138
- ja as at,
3139
- Ue as au,
3140
- qa as av,
3141
- ve as aw,
3142
- Wa as ax,
3143
- ee as ay,
3144
- Cl as b,
3145
- Ba as c,
3146
- xl as d,
3147
- kl as e,
3148
- wl as f,
3149
- ha as g,
3150
- mt as h,
3151
- ua as i,
3152
- yl as j,
3153
- Na as k,
3154
- _l as l,
3155
- Se as m,
3156
- Qa as n,
3157
- rl as o,
3158
- sl as p,
3159
- Za as q,
3160
- pl as r,
3161
- Ll as s,
3162
- Ga as t,
3163
- ul as u,
3164
- nl as v,
3165
- vl as w,
3166
- Ut as x,
3167
- je as y,
3168
- vt as z
3169
- };