@robot-admin/layout 3.2.2 → 3.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/README.md +1 -1
- package/dist/core/index.cjs.map +1 -1
- package/dist/core/index.d.cts +4 -2
- package/dist/core/index.d.ts +4 -2
- package/dist/index.cjs +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.cts +26 -14
- package/dist/index.d.ts +26 -14
- package/dist/index.js +2 -2
- package/dist/naive/index.cjs +1 -1
- package/dist/naive/index.d.cts +26 -14
- package/dist/naive/index.d.ts +26 -14
- package/dist/naive/index.js +2 -2
- package/dist/naive-B-8uP6ew.cjs +28 -0
- package/dist/naive-B-8uP6ew.cjs.map +1 -0
- package/dist/{naive-Dqpxs8Vr.js → naive-C58sPmz4.js} +189 -179
- package/dist/naive-C58sPmz4.js.map +1 -0
- package/dist/vue/index.cjs +1 -1
- package/dist/vue/index.d.cts +15 -8
- package/dist/vue/index.d.ts +15 -8
- package/dist/vue/index.js +1 -1
- package/dist/{vue-h8jl2I5K.js → vue-CtBraK0m.js} +6 -2
- package/dist/vue-CtBraK0m.js.map +1 -0
- package/dist/{vue-DVWXVFUx.cjs → vue-CtN1HvrH.cjs} +2 -2
- package/dist/vue-CtN1HvrH.cjs.map +1 -0
- package/docs/guide.md +92 -0
- package/package.json +1 -1
- package/src/styles/_sidebar-navigation.scss +135 -0
- package/src/styles/layouts.scss +768 -761
- package/dist/naive-BiMxNESA.cjs +0 -28
- package/dist/naive-BiMxNESA.cjs.map +0 -1
- package/dist/naive-Dqpxs8Vr.js.map +0 -1
- package/dist/vue-DVWXVFUx.cjs.map +0 -1
- package/dist/vue-h8jl2I5K.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as e, C as t, F as n, L as r, M as i, O as a, P as o, T as s, c, f as l, g as u, j as d, n as f, t as p } from "./vue-
|
|
1
|
+
import { A as e, C as t, F as n, L as r, M as i, O as a, P as o, T as s, c, f as l, g as u, j as d, n as f, t as p } from "./vue-CtBraK0m.js";
|
|
2
2
|
import { Fragment as m, KeepAlive as h, Transition as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createSlots as S, createTextVNode as C, createVNode as w, defineComponent as T, h as E, inject as D, isRef as O, mergeModels as k, normalizeClass as A, normalizeStyle as j, onUnmounted as M, openBlock as N, provide as P, ref as F, renderList as I, renderSlot as L, resolveComponent as ee, resolveDynamicComponent as R, toDisplayString as z, unref as B, useModel as te, watch as ne, withCtx as V, withKeys as H, withModifiers as U } from "vue";
|
|
3
3
|
import { NButton as W, NColorPicker as re, NDrawer as ie, NDrawerContent as ae, NDropdown as oe, NInput as se, NLayout as G, NLayoutContent as K, NLayoutSider as ce, NMenu as le, NRadioButton as q, NRadioGroup as J, NSlider as ue, NSwitch as Y, NTabPane as X, NTabs as de, useDialog as fe, useMessage as pe } from "naive-ui";
|
|
4
4
|
import { useRoute as me, useRouter as he } from "vue-router";
|
|
@@ -26,7 +26,10 @@ var Z = /* @__PURE__ */ T({
|
|
|
26
26
|
});
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
|
-
}), ge =
|
|
29
|
+
}), ge = {
|
|
30
|
+
class: "ra-sidebar-navigation",
|
|
31
|
+
"data-ra-sidebar-nav": ""
|
|
32
|
+
}, _e = /* @__PURE__ */ T({
|
|
30
33
|
name: "C_SideLayout",
|
|
31
34
|
__name: "index",
|
|
32
35
|
props: { collapsed: {
|
|
@@ -55,6 +58,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
55
58
|
"collapsed-width": B(o).sidebarCollapsedWidth.value,
|
|
56
59
|
width: B(o).sidebarWidth.value,
|
|
57
60
|
"native-scrollbar": !1,
|
|
61
|
+
"content-style": "display:flex;flex-direction:column;min-height:0",
|
|
58
62
|
collapsed: c.value,
|
|
59
63
|
"onUpdate:collapsed": l,
|
|
60
64
|
class: A([
|
|
@@ -63,7 +67,10 @@ var Z = /* @__PURE__ */ T({
|
|
|
63
67
|
B(o).isDark.value ? "dark-theme" : "light-theme"
|
|
64
68
|
])
|
|
65
69
|
}, {
|
|
66
|
-
default: V(() => [L(e.$slots, "logo"), L(e.$slots, "menu", {
|
|
70
|
+
default: V(() => [L(e.$slots, "logo"), x("div", ge, [L(e.$slots, "menu", {
|
|
71
|
+
collapsed: c.value,
|
|
72
|
+
collapsedWidth: B(o).sidebarCollapsedWidth.value
|
|
73
|
+
})])]),
|
|
67
74
|
_: 3
|
|
68
75
|
}, 8, [
|
|
69
76
|
"collapsed-width",
|
|
@@ -84,7 +91,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
84
91
|
_: 3
|
|
85
92
|
}));
|
|
86
93
|
}
|
|
87
|
-
}),
|
|
94
|
+
}), ve = { class: "responsive-menu__visible" }, ye = { class: "responsive-menu__more" }, be = /* @__PURE__ */ T({
|
|
88
95
|
name: "ResponsiveMenu",
|
|
89
96
|
__name: "index",
|
|
90
97
|
props: { data: {} },
|
|
@@ -176,7 +183,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
176
183
|
return (e, t) => (N(), b("div", {
|
|
177
184
|
ref: d,
|
|
178
185
|
class: "responsive-menu"
|
|
179
|
-
}, [x("div",
|
|
186
|
+
}, [x("div", ve, [T.value.length > 0 ? (N(), v(B(le), {
|
|
180
187
|
key: 0,
|
|
181
188
|
mode: "horizontal",
|
|
182
189
|
value: s.value,
|
|
@@ -194,7 +201,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
194
201
|
trigger: "hover",
|
|
195
202
|
onSelect: O
|
|
196
203
|
}, {
|
|
197
|
-
default: V(() => [x("div",
|
|
204
|
+
default: V(() => [x("div", ye, [w(B(W), {
|
|
198
205
|
text: "",
|
|
199
206
|
class: "responsive-menu__more-btn"
|
|
200
207
|
}, {
|
|
@@ -212,16 +219,16 @@ var Z = /* @__PURE__ */ T({
|
|
|
212
219
|
let n = e.__vccOpts || e;
|
|
213
220
|
for (let [e, r] of t) n[e] = r;
|
|
214
221
|
return n;
|
|
215
|
-
}, $ = /* @__PURE__ */ Q(
|
|
222
|
+
}, $ = /* @__PURE__ */ Q(be, [["__scopeId", "data-v-0a2ade27"]]), xe = { class: "top-layout-container" }, Se = { class: "navbar-left" }, Ce = { class: "logo-container" }, we = [
|
|
216
223
|
"src",
|
|
217
224
|
"width",
|
|
218
225
|
"height"
|
|
219
|
-
],
|
|
226
|
+
], Te = [
|
|
220
227
|
"src",
|
|
221
228
|
"width",
|
|
222
229
|
"height",
|
|
223
230
|
"alt"
|
|
224
|
-
],
|
|
231
|
+
], Ee = { class: "brand-name" }, De = { class: "brand-title" }, Oe = { class: "brand-subtitle" }, ke = { class: "navbar-center" }, Ae = { class: "page-content" }, je = /* @__PURE__ */ T({
|
|
225
232
|
name: "C_TopLayout",
|
|
226
233
|
__name: "index",
|
|
227
234
|
setup(e) {
|
|
@@ -229,10 +236,10 @@ var Z = /* @__PURE__ */ T({
|
|
|
229
236
|
...d,
|
|
230
237
|
...t.brand
|
|
231
238
|
};
|
|
232
|
-
return (e, t) => (N(), b("div",
|
|
239
|
+
return (e, t) => (N(), b("div", xe, [
|
|
233
240
|
x("div", { class: A(["top-navbar", [B(n) ? "dark-theme" : "light-theme"]]) }, [
|
|
234
|
-
x("div",
|
|
235
|
-
x("div",
|
|
241
|
+
x("div", Se, [L(e.$slots, "logo", {}, () => [
|
|
242
|
+
x("div", Ce, [t[0] ||= x("div", { class: "logo-glow" }, null, -1), c.logoType === "video" && c.logoSrc ? (N(), b("video", {
|
|
236
243
|
key: 0,
|
|
237
244
|
src: c.logoSrc,
|
|
238
245
|
width: c.logoSize || 36,
|
|
@@ -242,18 +249,18 @@ var Z = /* @__PURE__ */ T({
|
|
|
242
249
|
muted: "",
|
|
243
250
|
playsinline: "",
|
|
244
251
|
class: "logo-video"
|
|
245
|
-
}, " 您的浏览器不支持 video 标签。 ", 8,
|
|
252
|
+
}, " 您的浏览器不支持 video 标签。 ", 8, we)) : c.logoSrc ? (N(), b("img", {
|
|
246
253
|
key: 1,
|
|
247
254
|
src: c.logoSrc,
|
|
248
255
|
width: c.logoSize || 36,
|
|
249
256
|
height: c.logoSize || 36,
|
|
250
257
|
class: "logo-video",
|
|
251
258
|
alt: c.name || "Logo"
|
|
252
|
-
}, null, 8,
|
|
253
|
-
x("div",
|
|
259
|
+
}, null, 8, Te)) : y("", !0)]),
|
|
260
|
+
x("div", Ee, [x("span", De, z(c.name), 1), x("span", Oe, z(c.subtitle), 1)]),
|
|
254
261
|
t[1] ||= x("div", { class: "navbar-divider" }, null, -1)
|
|
255
262
|
])]),
|
|
256
|
-
x("div",
|
|
263
|
+
x("div", ke, [L(e.$slots, "menu", {}, () => [w($, { data: i.value }, null, 8, ["data"])])]),
|
|
257
264
|
L(e.$slots, "header-extra")
|
|
258
265
|
], 2),
|
|
259
266
|
a.value ? (N(), b("div", {
|
|
@@ -263,36 +270,36 @@ var Z = /* @__PURE__ */ T({
|
|
|
263
270
|
}, [L(e.$slots, "tags-view")], 4)) : y("", !0),
|
|
264
271
|
w(B(G), null, {
|
|
265
272
|
default: V(() => [w(B(K), { class: "main-content" }, {
|
|
266
|
-
default: V(() => [x("div",
|
|
273
|
+
default: V(() => [x("div", Ae, [w(Z)])]),
|
|
267
274
|
_: 1
|
|
268
275
|
}), s.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !0)]),
|
|
269
276
|
_: 3
|
|
270
277
|
})
|
|
271
278
|
]));
|
|
272
279
|
}
|
|
273
|
-
}),
|
|
280
|
+
}), Me = { class: "mix-layout-container" }, Ne = { class: "logo-container" }, Pe = [
|
|
274
281
|
"src",
|
|
275
282
|
"width",
|
|
276
283
|
"height"
|
|
277
|
-
],
|
|
284
|
+
], Fe = [
|
|
278
285
|
"src",
|
|
279
286
|
"width",
|
|
280
287
|
"height",
|
|
281
288
|
"alt"
|
|
282
|
-
],
|
|
289
|
+
], Ie = { class: "first-menu-list" }, Le = [
|
|
283
290
|
"tabindex",
|
|
284
291
|
"aria-disabled",
|
|
285
292
|
"onClick",
|
|
286
293
|
"onKeydown"
|
|
287
|
-
],
|
|
294
|
+
], Re = { class: "menu-item-content" }, ze = {
|
|
288
295
|
key: 1,
|
|
289
296
|
class: "menu-item-text"
|
|
290
|
-
},
|
|
297
|
+
}, Be = { class: "menu-item-label" }, Ve = { class: "second-menu-header" }, He = { class: "menu-title" }, Ue = { class: "second-menu-list" }, We = [
|
|
291
298
|
"tabindex",
|
|
292
299
|
"aria-disabled",
|
|
293
300
|
"onClick",
|
|
294
301
|
"onKeydown"
|
|
295
|
-
],
|
|
302
|
+
], Ge = { class: "menu-item-label" }, Ke = { class: "main-layout" }, qe = /* @__PURE__ */ T({
|
|
296
303
|
name: "C_MixLayout",
|
|
297
304
|
__name: "index",
|
|
298
305
|
setup(e) {
|
|
@@ -303,8 +310,8 @@ var Z = /* @__PURE__ */ T({
|
|
|
303
310
|
menus: n.menus,
|
|
304
311
|
floatingSecondMenu: _(() => !0)
|
|
305
312
|
}), u = t();
|
|
306
|
-
return (e, t) => (N(), b("div",
|
|
307
|
-
x("div", { class: A(["first-level-menu", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div",
|
|
313
|
+
return (e, t) => (N(), b("div", Me, [
|
|
314
|
+
x("div", { class: A(["first-level-menu", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", Ne, [L(e.$slots, "logo", {}, () => [t[0] ||= x("div", { class: "logo-glow" }, null, -1), c.logoType === "video" && c.logoSrc ? (N(), b("video", {
|
|
308
315
|
key: 0,
|
|
309
316
|
src: c.logoSrc,
|
|
310
317
|
width: c.logoSize || 40,
|
|
@@ -314,14 +321,14 @@ var Z = /* @__PURE__ */ T({
|
|
|
314
321
|
muted: "",
|
|
315
322
|
playsinline: "",
|
|
316
323
|
class: "logo-video"
|
|
317
|
-
}, " 您的浏览器不支持 video 标签。 ", 8,
|
|
324
|
+
}, " 您的浏览器不支持 video 标签。 ", 8, Pe)) : c.logoSrc ? (N(), b("img", {
|
|
318
325
|
key: 1,
|
|
319
326
|
src: c.logoSrc,
|
|
320
327
|
width: c.logoSize || 40,
|
|
321
328
|
height: c.logoSize || 40,
|
|
322
329
|
class: "logo-video",
|
|
323
330
|
alt: c.name || "Logo"
|
|
324
|
-
}, null, 8,
|
|
331
|
+
}, null, 8, Fe)) : y("", !0)])]), x("div", Ie, [(N(!0), b(m, null, I(a.value, (e) => (N(), b("div", {
|
|
325
332
|
key: e.path,
|
|
326
333
|
class: A(["first-menu-item", { active: B(l).activeFirstMenu.value === e.path }]),
|
|
327
334
|
role: "button",
|
|
@@ -329,20 +336,20 @@ var Z = /* @__PURE__ */ T({
|
|
|
329
336
|
"aria-disabled": e.disabled || void 0,
|
|
330
337
|
onClick: (t) => B(l).handleFirstMenuClick(e),
|
|
331
338
|
onKeydown: [H((t) => B(l).handleFirstMenuClick(e), ["enter"]), H(U((t) => B(l).handleFirstMenuClick(e), ["prevent"]), ["space"])]
|
|
332
|
-
}, [x("div",
|
|
339
|
+
}, [x("div", Re, [e.meta?.icon ? (N(), v(R(B(u)), {
|
|
333
340
|
key: 0,
|
|
334
341
|
name: e.meta.icon,
|
|
335
342
|
size: 22
|
|
336
|
-
}, null, 8, ["name"])) : (N(), b("span",
|
|
343
|
+
}, null, 8, ["name"])) : (N(), b("span", ze, z((e.meta?.title || "")[0]), 1))]), x("span", Be, z(e.meta?.title), 1)], 42, Le))), 128))])], 2),
|
|
337
344
|
w(g, { name: "slide-fade" }, {
|
|
338
345
|
default: V(() => [B(l).showSecondMenu.value ? (N(), b("div", {
|
|
339
346
|
key: 0,
|
|
340
347
|
class: A(["second-level-menu-popup", [B(i) ? "dark-theme" : "light-theme"]])
|
|
341
|
-
}, [x("div",
|
|
348
|
+
}, [x("div", Ve, [B(l).displayMenuItem.value?.meta?.icon ? (N(), v(R(B(u)), {
|
|
342
349
|
key: 0,
|
|
343
350
|
name: B(l).displayMenuItem.value.meta.icon,
|
|
344
351
|
size: 20
|
|
345
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
352
|
+
}, null, 8, ["name"])) : y("", !0), x("span", He, z(B(l).displayMenuItem.value?.meta?.title), 1)]), x("div", Ue, [(N(!0), b(m, null, I(B(l).displayMenuItem.value?.children || [], (e) => (N(), b("div", {
|
|
346
353
|
key: e.path,
|
|
347
354
|
class: A(["second-menu-item", { active: B(l).isMenuItemActive(e.path) }]),
|
|
348
355
|
role: "link",
|
|
@@ -354,10 +361,10 @@ var Z = /* @__PURE__ */ T({
|
|
|
354
361
|
key: 0,
|
|
355
362
|
name: e.meta.icon,
|
|
356
363
|
size: 16
|
|
357
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
364
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Ge, z(e.meta?.title), 1)], 42, We))), 128))])], 2)) : y("", !0)]),
|
|
358
365
|
_: 1
|
|
359
366
|
}),
|
|
360
|
-
x("div",
|
|
367
|
+
x("div", Ke, [L(e.$slots, "header"), w(B(G), null, {
|
|
361
368
|
default: V(() => [w(B(K), { class: "content-with-header p16px app-content" }, {
|
|
362
369
|
default: V(() => [w(Z)]),
|
|
363
370
|
_: 1
|
|
@@ -366,25 +373,25 @@ var Z = /* @__PURE__ */ T({
|
|
|
366
373
|
})])
|
|
367
374
|
]));
|
|
368
375
|
}
|
|
369
|
-
}),
|
|
376
|
+
}), Je = { class: "mix-top-layout-container" }, Ye = { class: "logo-container" }, Xe = [
|
|
370
377
|
"src",
|
|
371
378
|
"width",
|
|
372
379
|
"height"
|
|
373
|
-
],
|
|
380
|
+
], Ze = [
|
|
374
381
|
"src",
|
|
375
382
|
"width",
|
|
376
383
|
"height",
|
|
377
384
|
"alt"
|
|
378
|
-
],
|
|
385
|
+
], Qe = { class: "first-menu-list" }, $e = [
|
|
379
386
|
"tabindex",
|
|
380
387
|
"aria-disabled",
|
|
381
388
|
"aria-current",
|
|
382
389
|
"onClick",
|
|
383
390
|
"onKeydown"
|
|
384
|
-
],
|
|
391
|
+
], et = { class: "menu-item-content" }, tt = {
|
|
385
392
|
key: 1,
|
|
386
393
|
class: "menu-item-text"
|
|
387
|
-
},
|
|
394
|
+
}, nt = { class: "menu-item-label" }, rt = { class: "main-area" }, it = { class: "navbar-left" }, at = { class: "brand-name" }, ot = { class: "brand-title" }, st = { class: "brand-subtitle" }, ct = { class: "navbar-center" }, lt = { class: "page-content" }, ut = /* @__PURE__ */ T({
|
|
388
395
|
name: "C_MixTopLayout",
|
|
389
396
|
__name: "index",
|
|
390
397
|
setup(e) {
|
|
@@ -395,7 +402,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
395
402
|
menus: n.menus,
|
|
396
403
|
floatingSecondMenu: _(() => !1)
|
|
397
404
|
}), p = t();
|
|
398
|
-
return (e, t) => (N(), b("div",
|
|
405
|
+
return (e, t) => (N(), b("div", Je, [x("div", { class: A(["first-level-sidebar", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", Ye, [L(e.$slots, "logo", {}, () => [t[0] ||= x("div", { class: "logo-glow" }, null, -1), u.logoType === "video" && u.logoSrc ? (N(), b("video", {
|
|
399
406
|
key: 0,
|
|
400
407
|
src: u.logoSrc,
|
|
401
408
|
width: u.logoSize || 40,
|
|
@@ -405,14 +412,14 @@ var Z = /* @__PURE__ */ T({
|
|
|
405
412
|
muted: "",
|
|
406
413
|
playsinline: "",
|
|
407
414
|
class: "logo-video"
|
|
408
|
-
}, " 您的浏览器不支持 video 标签。 ", 8,
|
|
415
|
+
}, " 您的浏览器不支持 video 标签。 ", 8, Xe)) : u.logoSrc ? (N(), b("img", {
|
|
409
416
|
key: 1,
|
|
410
417
|
src: u.logoSrc,
|
|
411
418
|
width: u.logoSize || 40,
|
|
412
419
|
height: u.logoSize || 40,
|
|
413
420
|
class: "logo-video",
|
|
414
421
|
alt: u.name || "Logo"
|
|
415
|
-
}, null, 8,
|
|
422
|
+
}, null, 8, Ze)) : y("", !0)])]), x("div", Qe, [(N(!0), b(m, null, I(a.value, (e) => (N(), b("div", {
|
|
416
423
|
key: e.path,
|
|
417
424
|
class: A(["first-menu-item", { active: B(f).activeFirstMenu.value === e.path }]),
|
|
418
425
|
role: "button",
|
|
@@ -421,14 +428,14 @@ var Z = /* @__PURE__ */ T({
|
|
|
421
428
|
"aria-current": B(f).activeFirstMenu.value === e.path ? "page" : void 0,
|
|
422
429
|
onClick: (t) => B(f).handleFirstMenuClick(e),
|
|
423
430
|
onKeydown: [H((t) => B(f).handleFirstMenuClick(e), ["enter"]), H(U((t) => B(f).handleFirstMenuClick(e), ["prevent"]), ["space"])]
|
|
424
|
-
}, [x("div",
|
|
431
|
+
}, [x("div", et, [e.meta?.icon ? (N(), v(R(B(p)), {
|
|
425
432
|
key: 0,
|
|
426
433
|
name: e.meta.icon,
|
|
427
434
|
size: 22
|
|
428
|
-
}, null, 8, ["name"])) : (N(), b("span",
|
|
435
|
+
}, null, 8, ["name"])) : (N(), b("span", tt, z((e.meta?.title || "")[0]), 1))]), x("span", nt, z(e.meta?.title), 1)], 42, $e))), 128))])], 2), x("div", rt, [
|
|
429
436
|
x("div", { class: A(["top-navbar", [B(i) ? "dark-theme" : "light-theme"]]) }, [
|
|
430
|
-
x("div",
|
|
431
|
-
x("div",
|
|
437
|
+
x("div", it, [L(e.$slots, "brand", {}, () => [x("div", at, [x("span", ot, z(u.name), 1), x("span", st, z(u.subtitle), 1)]), t[1] ||= x("div", { class: "navbar-divider" }, null, -1)])]),
|
|
438
|
+
x("div", ct, [L(e.$slots, "top-menu", {}, () => [B(f).currentSecondMenus.value.length > 0 ? (N(), v($, {
|
|
432
439
|
key: 0,
|
|
433
440
|
data: B(f).currentSecondMenus.value
|
|
434
441
|
}, null, 8, ["data"])) : y("", !0)])]),
|
|
@@ -441,38 +448,38 @@ var Z = /* @__PURE__ */ T({
|
|
|
441
448
|
}, [L(e.$slots, "tags-view")], 4)) : y("", !0),
|
|
442
449
|
w(B(G), { class: "content-layout" }, {
|
|
443
450
|
default: V(() => [w(B(K), { class: "main-content" }, {
|
|
444
|
-
default: V(() => [x("div",
|
|
451
|
+
default: V(() => [x("div", lt, [w(Z)])]),
|
|
445
452
|
_: 1
|
|
446
453
|
}), l.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !0)]),
|
|
447
454
|
_: 3
|
|
448
455
|
})
|
|
449
456
|
])]));
|
|
450
457
|
}
|
|
451
|
-
}),
|
|
458
|
+
}), dt = { class: "reverse-horizontal-mix-layout-container" }, ft = { class: "navbar-left" }, pt = { class: "logo-container" }, mt = [
|
|
452
459
|
"src",
|
|
453
460
|
"width",
|
|
454
461
|
"height"
|
|
455
|
-
],
|
|
462
|
+
], ht = [
|
|
456
463
|
"src",
|
|
457
464
|
"width",
|
|
458
465
|
"height",
|
|
459
466
|
"alt"
|
|
460
|
-
],
|
|
467
|
+
], gt = { class: "brand-name" }, _t = { class: "brand-title" }, vt = { class: "brand-subtitle" }, yt = { class: "navbar-center" }, bt = { class: "main-area" }, xt = { class: "page-content" }, St = ["aria-expanded", "onKeydown"], Ct = { class: "header-icon" }, wt = { class: "header-title" }, Tt = { class: "sidebar-menu-list" }, Et = {
|
|
461
468
|
key: 0,
|
|
462
469
|
class: "menu-group"
|
|
463
|
-
},
|
|
470
|
+
}, Dt = { class: "group-title" }, Ot = [
|
|
464
471
|
"tabindex",
|
|
465
472
|
"aria-disabled",
|
|
466
473
|
"aria-current",
|
|
467
474
|
"onClick",
|
|
468
475
|
"onKeydown"
|
|
469
|
-
],
|
|
476
|
+
], kt = { class: "item-title" }, At = [
|
|
470
477
|
"tabindex",
|
|
471
478
|
"aria-disabled",
|
|
472
479
|
"aria-current",
|
|
473
480
|
"onClick",
|
|
474
481
|
"onKeydown"
|
|
475
|
-
],
|
|
482
|
+
], jt = { class: "item-title" }, Mt = /* @__PURE__ */ T({
|
|
476
483
|
name: "C_ReverseHorizontalMixLayout",
|
|
477
484
|
__name: "index",
|
|
478
485
|
setup(e) {
|
|
@@ -485,10 +492,10 @@ var Z = /* @__PURE__ */ T({
|
|
|
485
492
|
}), p = F(!1), h = () => {
|
|
486
493
|
p.value = !p.value;
|
|
487
494
|
}, g = t();
|
|
488
|
-
return (e, t) => (N(), b("div",
|
|
495
|
+
return (e, t) => (N(), b("div", dt, [
|
|
489
496
|
x("div", { class: A(["top-navbar", [B(i) ? "dark-theme" : "light-theme"]]) }, [
|
|
490
|
-
x("div",
|
|
491
|
-
x("div",
|
|
497
|
+
x("div", ft, [L(e.$slots, "logo", {}, () => [
|
|
498
|
+
x("div", pt, [t[0] ||= x("div", { class: "logo-glow" }, null, -1), u.logoType === "video" && u.logoSrc ? (N(), b("video", {
|
|
492
499
|
key: 0,
|
|
493
500
|
src: u.logoSrc,
|
|
494
501
|
width: u.logoSize || 36,
|
|
@@ -498,18 +505,18 @@ var Z = /* @__PURE__ */ T({
|
|
|
498
505
|
muted: "",
|
|
499
506
|
playsinline: "",
|
|
500
507
|
class: "logo-video"
|
|
501
|
-
}, " 您的浏览器不支持 video 标签。 ", 8,
|
|
508
|
+
}, " 您的浏览器不支持 video 标签。 ", 8, mt)) : u.logoSrc ? (N(), b("img", {
|
|
502
509
|
key: 1,
|
|
503
510
|
src: u.logoSrc,
|
|
504
511
|
width: u.logoSize || 36,
|
|
505
512
|
height: u.logoSize || 36,
|
|
506
513
|
class: "logo-video",
|
|
507
514
|
alt: u.name || "Logo"
|
|
508
|
-
}, null, 8,
|
|
509
|
-
x("div",
|
|
515
|
+
}, null, 8, ht)) : y("", !0)]),
|
|
516
|
+
x("div", gt, [x("span", _t, z(u.name), 1), x("span", vt, z(u.subtitle), 1)]),
|
|
510
517
|
t[1] ||= x("div", { class: "navbar-divider" }, null, -1)
|
|
511
518
|
])]),
|
|
512
|
-
x("div",
|
|
519
|
+
x("div", yt, [L(e.$slots, "top-menu", {}, () => [w($, { data: a.value }, null, 8, ["data"])])]),
|
|
513
520
|
L(e.$slots, "header-extra")
|
|
514
521
|
], 2),
|
|
515
522
|
o.value ? (N(), b("div", {
|
|
@@ -517,10 +524,10 @@ var Z = /* @__PURE__ */ T({
|
|
|
517
524
|
class: "tags-view-container",
|
|
518
525
|
style: j({ height: `${c.value}px` })
|
|
519
526
|
}, [L(e.$slots, "tags-view")], 4)) : y("", !0),
|
|
520
|
-
x("div",
|
|
527
|
+
x("div", bt, [
|
|
521
528
|
w(B(G), { class: "content-layout" }, {
|
|
522
529
|
default: V(() => [w(B(K), { class: "main-content" }, {
|
|
523
|
-
default: V(() => [x("div",
|
|
530
|
+
default: V(() => [x("div", xt, [w(Z)])]),
|
|
524
531
|
_: 1
|
|
525
532
|
}), l.value ? L(e.$slots, "footer", {}, void 0, void 0, 0) : y("", !0)]),
|
|
526
533
|
_: 3
|
|
@@ -537,15 +544,15 @@ var Z = /* @__PURE__ */ T({
|
|
|
537
544
|
"collapse-arrow",
|
|
538
545
|
"toggle-icon",
|
|
539
546
|
p.value ? "collapsed" : "expanded"
|
|
540
|
-
]) }, [...t[2] ||= [x("span", { class: "arrow-line" }, null, -1), x("span", { class: "arrow-line" }, null, -1)]], 2)], 42,
|
|
547
|
+
]) }, [...t[2] ||= [x("span", { class: "arrow-line" }, null, -1), x("span", { class: "arrow-line" }, null, -1)]], 2)], 42, St)) : y("", !0),
|
|
541
548
|
B(f).currentSecondMenus.value.length > 0 ? (N(), b("div", {
|
|
542
549
|
key: 1,
|
|
543
550
|
class: A(["right-sidebar-wrapper", { collapsed: p.value }])
|
|
544
|
-
}, [x("div", { class: A(["right-sidebar", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", { class: A(["sidebar-header", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div",
|
|
551
|
+
}, [x("div", { class: A(["right-sidebar", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", { class: A(["sidebar-header", [B(i) ? "dark-theme" : "light-theme"]]) }, [x("div", Ct, [B(f).activeFirstMenuItem.value?.meta?.icon ? (N(), v(R(B(g)), {
|
|
545
552
|
key: 0,
|
|
546
553
|
name: B(f).activeFirstMenuItem.value.meta.icon,
|
|
547
554
|
size: 20
|
|
548
|
-
}, null, 8, ["name"])) : y("", !0)]), x("span",
|
|
555
|
+
}, null, 8, ["name"])) : y("", !0)]), x("span", wt, z(B(f).activeFirstMenuItem.value?.meta?.title || "菜单"), 1)], 2), x("div", Tt, [(N(!0), b(m, null, I(B(f).currentSecondMenus.value, (e) => (N(), b(m, { key: e.path }, [e.children && e.children.length > 0 ? (N(), b("div", Et, [x("div", Dt, [e.meta?.icon ? (N(), v(R(B(g)), {
|
|
549
556
|
key: 0,
|
|
550
557
|
name: e.meta.icon,
|
|
551
558
|
size: 16
|
|
@@ -562,7 +569,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
562
569
|
key: 0,
|
|
563
570
|
name: e.meta.icon,
|
|
564
571
|
size: 16
|
|
565
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
572
|
+
}, null, 8, ["name"])) : y("", !0), x("span", kt, z(e.meta?.title), 1)], 42, Ot))), 128))])) : (N(), b("div", {
|
|
566
573
|
key: 1,
|
|
567
574
|
class: A(["menu-item", { active: B(f).isMenuItemActive(e.path) }]),
|
|
568
575
|
role: "button",
|
|
@@ -575,41 +582,41 @@ var Z = /* @__PURE__ */ T({
|
|
|
575
582
|
key: 0,
|
|
576
583
|
name: e.meta.icon,
|
|
577
584
|
size: 18
|
|
578
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
585
|
+
}, null, 8, ["name"])) : y("", !0), x("span", jt, z(e.meta?.title), 1)], 42, At))], 64))), 128))])], 2)], 2)) : y("", !0)
|
|
579
586
|
])
|
|
580
587
|
]));
|
|
581
588
|
}
|
|
582
|
-
}),
|
|
589
|
+
}), Nt = { class: "card-layout-container" }, Pt = { class: "navbar-left" }, Ft = { class: "logo-container" }, It = [
|
|
583
590
|
"src",
|
|
584
591
|
"width",
|
|
585
592
|
"height"
|
|
586
|
-
],
|
|
593
|
+
], Lt = [
|
|
587
594
|
"src",
|
|
588
595
|
"width",
|
|
589
596
|
"height",
|
|
590
597
|
"alt"
|
|
591
|
-
],
|
|
598
|
+
], Rt = { class: "brand-name" }, zt = { class: "brand-title" }, Bt = { class: "brand-subtitle" }, Vt = { class: "drawer-content" }, Ht = { class: "menu-grid" }, Ut = [
|
|
592
599
|
"tabindex",
|
|
593
600
|
"aria-disabled",
|
|
594
601
|
"onClick",
|
|
595
602
|
"onKeydown"
|
|
596
|
-
],
|
|
603
|
+
], Wt = {
|
|
597
604
|
key: 0,
|
|
598
605
|
class: "category-items"
|
|
599
|
-
},
|
|
606
|
+
}, Gt = [
|
|
600
607
|
"tabindex",
|
|
601
608
|
"aria-disabled",
|
|
602
609
|
"onClick",
|
|
603
610
|
"onKeydown"
|
|
604
|
-
],
|
|
611
|
+
], Kt = { class: "item-title" }, qt = {
|
|
605
612
|
key: 0,
|
|
606
613
|
class: "submenu-items"
|
|
607
|
-
},
|
|
614
|
+
}, Jt = { class: "submenu-title" }, Yt = [
|
|
608
615
|
"tabindex",
|
|
609
616
|
"aria-disabled",
|
|
610
617
|
"onClick",
|
|
611
618
|
"onKeydown"
|
|
612
|
-
],
|
|
619
|
+
], Xt = { class: "item-title" }, Zt = { class: "main-content-area" }, Qt = { class: "page-content" }, $t = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
613
620
|
name: "C_CardLayout",
|
|
614
621
|
__name: "index",
|
|
615
622
|
setup(e) {
|
|
@@ -627,8 +634,8 @@ var Z = /* @__PURE__ */ T({
|
|
|
627
634
|
}, C = t();
|
|
628
635
|
return M(() => {
|
|
629
636
|
p.value && clearTimeout(p.value);
|
|
630
|
-
}), (e, t) => (N(), b("div",
|
|
631
|
-
x("div", { class: A(["top-navbar", [B(a) ? "dark-theme" : "light-theme"]]) }, [x("div",
|
|
637
|
+
}), (e, t) => (N(), b("div", Nt, [
|
|
638
|
+
x("div", { class: A(["top-navbar", [B(a) ? "dark-theme" : "light-theme"]]) }, [x("div", Pt, [x("div", {
|
|
632
639
|
class: "hover-trigger-area",
|
|
633
640
|
onMouseenter: g,
|
|
634
641
|
onMouseleave: h
|
|
@@ -637,7 +644,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
637
644
|
x("span"),
|
|
638
645
|
x("span")
|
|
639
646
|
])], -1)], !0)], 32), L(e.$slots, "logo", {}, () => [
|
|
640
|
-
x("div",
|
|
647
|
+
x("div", Ft, [t[1] ||= x("div", { class: "logo-glow" }, null, -1), u.logoType === "video" && u.logoSrc ? (N(), b("video", {
|
|
641
648
|
key: 0,
|
|
642
649
|
src: u.logoSrc,
|
|
643
650
|
width: u.logoSize || 36,
|
|
@@ -647,15 +654,15 @@ var Z = /* @__PURE__ */ T({
|
|
|
647
654
|
muted: "",
|
|
648
655
|
playsinline: "",
|
|
649
656
|
class: "logo-video"
|
|
650
|
-
}, " 您的浏览器不支持 video 标签。 ", 8,
|
|
657
|
+
}, " 您的浏览器不支持 video 标签。 ", 8, It)) : u.logoSrc ? (N(), b("img", {
|
|
651
658
|
key: 1,
|
|
652
659
|
src: u.logoSrc,
|
|
653
660
|
width: u.logoSize || 36,
|
|
654
661
|
height: u.logoSize || 36,
|
|
655
662
|
class: "logo-video",
|
|
656
663
|
alt: u.name || "Logo"
|
|
657
|
-
}, null, 8,
|
|
658
|
-
x("div",
|
|
664
|
+
}, null, 8, Lt)) : y("", !0)]),
|
|
665
|
+
x("div", Rt, [x("span", zt, z(u.name), 1), x("span", Bt, z(u.subtitle), 1)]),
|
|
659
666
|
t[2] ||= x("div", { class: "navbar-divider" }, null, -1)
|
|
660
667
|
], !0)]), L(e.$slots, "header-extra", {}, void 0, !0)], 2),
|
|
661
668
|
s.value ? (N(), b("div", {
|
|
@@ -672,7 +679,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
672
679
|
x("span"),
|
|
673
680
|
x("span"),
|
|
674
681
|
x("span")
|
|
675
|
-
]), x("span", null, "功能导航")])], -1), x("div",
|
|
682
|
+
]), x("span", null, "功能导航")])], -1), x("div", Vt, [x("div", Ht, [(N(!0), b(m, null, I(o.value, (e) => (N(), b("div", {
|
|
676
683
|
key: e.path,
|
|
677
684
|
class: "menu-category"
|
|
678
685
|
}, [x("div", {
|
|
@@ -686,7 +693,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
686
693
|
key: 0,
|
|
687
694
|
name: e.meta.icon,
|
|
688
695
|
size: 18
|
|
689
|
-
}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)], 40,
|
|
696
|
+
}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)], 40, Ut), e.children && e.children.length > 0 ? (N(), b("div", Wt, [(N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
|
|
690
697
|
key: e.path,
|
|
691
698
|
class: "menu-item",
|
|
692
699
|
role: "link",
|
|
@@ -698,7 +705,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
698
705
|
key: 0,
|
|
699
706
|
name: e.meta.icon,
|
|
700
707
|
size: 16
|
|
701
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
708
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Kt, z(e.meta?.title), 1)], 40, Gt))), 128)), (N(!0), b(m, null, I(e.children, (e) => (N(), b(m, { key: "sub-" + e.path }, [e.children && e.children.length > 0 ? (N(), b("div", qt, [x("div", Jt, z(e.meta?.title), 1), (N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
|
|
702
709
|
key: e.path,
|
|
703
710
|
class: "menu-item submenu-item",
|
|
704
711
|
role: "link",
|
|
@@ -710,20 +717,20 @@ var Z = /* @__PURE__ */ T({
|
|
|
710
717
|
key: 0,
|
|
711
718
|
name: e.meta.icon,
|
|
712
719
|
size: 14
|
|
713
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
714
|
-
x("div",
|
|
720
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Xt, z(e.meta?.title), 1)], 40, Yt))), 128))])) : y("", !0)], 64))), 128))])) : y("", !0)]))), 128))])])], !0)], 34),
|
|
721
|
+
x("div", Zt, [w(B(G), { class: "content-layout" }, {
|
|
715
722
|
default: V(() => [w(B(K), { class: "main-content p16px app-content" }, {
|
|
716
|
-
default: V(() => [x("div",
|
|
723
|
+
default: V(() => [x("div", Qt, [w(Z)])]),
|
|
717
724
|
_: 1
|
|
718
725
|
}), l.value ? L(e.$slots, "footer", {}, void 0, !0, 0) : y("", !0)]),
|
|
719
726
|
_: 3
|
|
720
727
|
})])
|
|
721
728
|
]));
|
|
722
729
|
}
|
|
723
|
-
}), [["__scopeId", "data-v-1f8a3def"]]),
|
|
730
|
+
}), [["__scopeId", "data-v-1f8a3def"]]), en = {
|
|
724
731
|
key: 6,
|
|
725
732
|
class: "layout-coming-soon"
|
|
726
|
-
},
|
|
733
|
+
}, tn = /* @__PURE__ */ T({
|
|
727
734
|
name: "C_LayoutContainer",
|
|
728
735
|
__name: "index",
|
|
729
736
|
setup(e) {
|
|
@@ -741,12 +748,15 @@ var Z = /* @__PURE__ */ T({
|
|
|
741
748
|
return P(n, c), P("menuCollapse", c), (e, t) => (N(), b("div", {
|
|
742
749
|
"data-ra-layout": "",
|
|
743
750
|
class: A(["layout-container", B(a) ? "dark-mode" : "light-mode"])
|
|
744
|
-
}, [B(i) === "side" ? (N(), v(
|
|
751
|
+
}, [B(i) === "side" ? (N(), v(_e, {
|
|
745
752
|
key: 0,
|
|
746
753
|
collapsed: s.value,
|
|
747
754
|
"onUpdate:collapsed": t[0] ||= (e) => s.value = e
|
|
748
755
|
}, S({
|
|
749
|
-
menu: V(() => [L(e.$slots, "menu", {
|
|
756
|
+
menu: V(({ collapsed: t, collapsedWidth: n }) => [L(e.$slots, "menu", {
|
|
757
|
+
collapsed: t,
|
|
758
|
+
collapsedWidth: n
|
|
759
|
+
})]),
|
|
750
760
|
header: V(() => [L(e.$slots, "header")]),
|
|
751
761
|
footer: V(() => [L(e.$slots, "footer")]),
|
|
752
762
|
_: 2
|
|
@@ -754,7 +764,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
754
764
|
name: "logo",
|
|
755
765
|
fn: V(() => [L(e.$slots, "logo")]),
|
|
756
766
|
key: "0"
|
|
757
|
-
} : void 0]), 1032, ["collapsed"])) : B(i) === "top" ? (N(), v(
|
|
767
|
+
} : void 0]), 1032, ["collapsed"])) : B(i) === "top" ? (N(), v(je, { key: 1 }, S({ _: 2 }, [
|
|
758
768
|
e.$slots.logo ? {
|
|
759
769
|
name: "logo",
|
|
760
770
|
fn: V(() => [L(e.$slots, "logo")]),
|
|
@@ -780,7 +790,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
780
790
|
fn: V(() => [L(e.$slots, "footer")]),
|
|
781
791
|
key: "4"
|
|
782
792
|
} : void 0
|
|
783
|
-
]), 1024)) : B(i) === "mix" ? (N(), v(
|
|
793
|
+
]), 1024)) : B(i) === "mix" ? (N(), v(qe, { key: 2 }, S({
|
|
784
794
|
header: V(() => [L(e.$slots, "header")]),
|
|
785
795
|
_: 2
|
|
786
796
|
}, [e.$slots.logo ? {
|
|
@@ -791,7 +801,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
791
801
|
name: "footer",
|
|
792
802
|
fn: V(() => [L(e.$slots, "footer")]),
|
|
793
803
|
key: "1"
|
|
794
|
-
} : void 0]), 1024)) : B(i) === "mix-top" ? (N(), v(
|
|
804
|
+
} : void 0]), 1024)) : B(i) === "mix-top" ? (N(), v(ut, { key: 3 }, S({ _: 2 }, [
|
|
795
805
|
e.$slots.logo ? {
|
|
796
806
|
name: "logo",
|
|
797
807
|
fn: V(() => [L(e.$slots, "logo")]),
|
|
@@ -822,7 +832,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
822
832
|
fn: V(() => [L(e.$slots, "footer")]),
|
|
823
833
|
key: "5"
|
|
824
834
|
} : void 0
|
|
825
|
-
]), 1024)) : B(i) === "reverse-horizontal-mix" ? (N(), v(
|
|
835
|
+
]), 1024)) : B(i) === "reverse-horizontal-mix" ? (N(), v(Mt, { key: 4 }, S({ _: 2 }, [
|
|
826
836
|
e.$slots.logo ? {
|
|
827
837
|
name: "logo",
|
|
828
838
|
fn: V(() => [L(e.$slots, "logo")]),
|
|
@@ -848,7 +858,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
848
858
|
fn: V(() => [L(e.$slots, "footer")]),
|
|
849
859
|
key: "4"
|
|
850
860
|
} : void 0
|
|
851
|
-
]), 1024)) : B(i) === "card-layout" ? (N(), v(
|
|
861
|
+
]), 1024)) : B(i) === "card-layout" ? (N(), v($t, { key: 5 }, S({ _: 2 }, [
|
|
852
862
|
e.$slots["menu-trigger"] ? {
|
|
853
863
|
name: "menu-trigger",
|
|
854
864
|
fn: V(() => [L(e.$slots, "menu-trigger")]),
|
|
@@ -879,9 +889,9 @@ var Z = /* @__PURE__ */ T({
|
|
|
879
889
|
fn: V(() => [L(e.$slots, "footer")]),
|
|
880
890
|
key: "5"
|
|
881
891
|
} : void 0
|
|
882
|
-
]), 1024)) : (N(), b("div",
|
|
892
|
+
]), 1024)) : (N(), b("div", en, [...t[1] ||= [x("div", { class: "coming-soon-content" }, [x("div", { class: "coming-soon-icon" }, "🚧"), x("div", { class: "coming-soon-title" }, "布局开发中")], -1)]]))], 2));
|
|
883
893
|
}
|
|
884
|
-
}),
|
|
894
|
+
}), nn = [
|
|
885
895
|
{
|
|
886
896
|
label: "左侧菜单(默认)",
|
|
887
897
|
value: "side",
|
|
@@ -918,31 +928,31 @@ var Z = /* @__PURE__ */ T({
|
|
|
918
928
|
disabled: !1,
|
|
919
929
|
svg: "\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.9\"/>\n <rect x=\"32\" y=\"0\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.7\"/>\n <rect x=\"0\" y=\"24\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.6\"/>\n <rect x=\"32\" y=\"24\" width=\"24\" height=\"20\" rx=\"2\" fill=\"currentColor\" fill-opacity=\"0.4\"/>\n "
|
|
920
930
|
}
|
|
921
|
-
],
|
|
931
|
+
], rn = { class: "settings-section" }, an = { class: "preset-grid" }, on = [
|
|
922
932
|
"aria-pressed",
|
|
923
933
|
"onClick",
|
|
924
934
|
"onKeydown"
|
|
925
|
-
],
|
|
935
|
+
], sn = { class: "preset-icon" }, cn = { class: "preset-name" }, ln = { class: "preset-color" }, un = { class: "settings-section" }, dn = { class: "settings-section" }, fn = { class: "color-picker-wrapper" }, pn = { class: "color-value" }, mn = { class: "settings-section" }, hn = { class: "settings-section" }, gn = { class: "flex items-center justify-between mb-2" }, _n = { class: "settings-section" }, vn = { class: "settings-section" }, yn = { class: "layout-grid" }, bn = [
|
|
926
936
|
"tabindex",
|
|
927
937
|
"aria-disabled",
|
|
928
938
|
"aria-pressed",
|
|
929
939
|
"onClick",
|
|
930
940
|
"onKeydown"
|
|
931
|
-
],
|
|
941
|
+
], xn = { class: "layout-screenshot" }, Sn = {
|
|
932
942
|
class: "layout-svg",
|
|
933
943
|
viewBox: "0 0 56 48",
|
|
934
944
|
fill: "none",
|
|
935
945
|
xmlns: "http://www.w3.org/2000/svg"
|
|
936
|
-
},
|
|
946
|
+
}, Cn = ["innerHTML"], wn = { class: "layout-label" }, Tn = {
|
|
937
947
|
key: 0,
|
|
938
948
|
class: "badge-soon"
|
|
939
|
-
},
|
|
949
|
+
}, En = {
|
|
940
950
|
class: "settings-section menu-expand-section",
|
|
941
951
|
"data-menu-expand-mode": "built-in"
|
|
942
|
-
},
|
|
952
|
+
}, Dn = { class: "settings-section" }, On = { class: "setting-item" }, kn = { class: "setting-item" }, An = { class: "setting-item" }, jn = { class: "setting-item" }, Mn = { class: "settings-section" }, Nn = { class: "slider-item" }, Pn = { class: "slider-label" }, Fn = { class: "slider-value" }, In = { class: "slider-item" }, Ln = { class: "slider-label" }, Rn = { class: "slider-value" }, zn = { class: "settings-section" }, Bn = { class: "settings-section" }, Vn = { class: "action-buttons-grid" }, Hn = { class: "settings-section" }, Un = { class: "action-buttons-grid" }, Wn = { class: "settings-section" }, Gn = { class: "setting-item" }, Kn = { class: "setting-item" }, qn = { class: "settings-section" }, Jn = { class: "setting-item" }, Yn = {
|
|
943
953
|
key: 0,
|
|
944
954
|
class: "mt-2"
|
|
945
|
-
},
|
|
955
|
+
}, Xn = { class: "settings-section" }, Zn = { class: "system-info" }, Qn = { class: "info-item" }, $n = { class: "info-value" }, er = { class: "info-item" }, tr = { class: "info-value" }, nr = { class: "info-item" }, rr = { class: "info-value" }, ir = { class: "info-item" }, ar = { class: "info-value" }, or = { class: "info-item" }, sr = { class: "info-value" }, cr = { class: "info-item" }, lr = { class: "info-value" }, ur = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
946
956
|
__name: "index",
|
|
947
957
|
props: /* @__PURE__ */ k({
|
|
948
958
|
width: { default: 380 },
|
|
@@ -1054,7 +1064,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1054
1064
|
}, {
|
|
1055
1065
|
default: V(() => [
|
|
1056
1066
|
L(t.$slots, "appearance-prepend", { settings: B(a) }, void 0, !0),
|
|
1057
|
-
x("div",
|
|
1067
|
+
x("div", rn, [x("div", an, [(N(!0), b(m, null, I(B(u), (e) => (N(), b("div", {
|
|
1058
1068
|
key: e.name,
|
|
1059
1069
|
class: A(["preset-card", { active: M(e) }]),
|
|
1060
1070
|
role: "button",
|
|
@@ -1063,14 +1073,14 @@ var Z = /* @__PURE__ */ T({
|
|
|
1063
1073
|
onClick: (t) => P(e),
|
|
1064
1074
|
onKeydown: [H((t) => P(e), ["enter"]), H(U((t) => P(e), ["prevent"]), ["space"])]
|
|
1065
1075
|
}, [
|
|
1066
|
-
x("div",
|
|
1067
|
-
x("div",
|
|
1068
|
-
x("div",
|
|
1076
|
+
x("div", sn, z(e.icon), 1),
|
|
1077
|
+
x("div", cn, z(e.name), 1),
|
|
1078
|
+
x("div", ln, [x("span", {
|
|
1069
1079
|
class: "color-dot",
|
|
1070
1080
|
style: j({ backgroundColor: e.primaryColor })
|
|
1071
1081
|
}, null, 4)])
|
|
1072
|
-
], 42,
|
|
1073
|
-
x("div",
|
|
1082
|
+
], 42, on))), 128))])]),
|
|
1083
|
+
x("div", un, [n[20] ||= x("div", { class: "section-title" }, "主题模式", -1), w(B(J), {
|
|
1074
1084
|
value: B(a).themeMode,
|
|
1075
1085
|
class: "mode-group",
|
|
1076
1086
|
"onUpdate:value": ee
|
|
@@ -1091,14 +1101,14 @@ var Z = /* @__PURE__ */ T({
|
|
|
1091
1101
|
]),
|
|
1092
1102
|
_: 1
|
|
1093
1103
|
}, 8, ["value"])]),
|
|
1094
|
-
x("div",
|
|
1104
|
+
x("div", dn, [n[21] ||= x("div", { class: "section-title" }, "主题色", -1), x("div", fn, [w(B(re), {
|
|
1095
1105
|
value: B(a).primaryColor,
|
|
1096
1106
|
"onUpdate:value": n[0] ||= (e) => B(a).primaryColor = e,
|
|
1097
1107
|
"show-alpha": !1,
|
|
1098
1108
|
swatches: B(l),
|
|
1099
1109
|
actions: ["confirm"]
|
|
1100
|
-
}, null, 8, ["value", "swatches"]), x("span",
|
|
1101
|
-
x("div",
|
|
1110
|
+
}, null, 8, ["value", "swatches"]), x("span", pn, z(B(a).primaryColor), 1)])]),
|
|
1111
|
+
x("div", mn, [n[25] ||= x("div", { class: "section-title" }, "圆角大小", -1), w(B(J), {
|
|
1102
1112
|
value: B(a).borderRadius,
|
|
1103
1113
|
"onUpdate:value": n[1] ||= (e) => B(a).borderRadius = e,
|
|
1104
1114
|
class: "radius-group"
|
|
@@ -1119,9 +1129,9 @@ var Z = /* @__PURE__ */ T({
|
|
|
1119
1129
|
]),
|
|
1120
1130
|
_: 1
|
|
1121
1131
|
}, 8, ["value"])]),
|
|
1122
|
-
x("div",
|
|
1132
|
+
x("div", hn, [
|
|
1123
1133
|
n[31] ||= x("div", { class: "section-title" }, "页面动画", -1),
|
|
1124
|
-
x("div",
|
|
1134
|
+
x("div", gn, [n[26] ||= x("span", { class: "text-sm" }, "启用动画", -1), w(B(Y), {
|
|
1125
1135
|
value: B(a).enableTransition,
|
|
1126
1136
|
"onUpdate:value": n[2] ||= (e) => B(a).enableTransition = e
|
|
1127
1137
|
}, null, 8, ["value"])]),
|
|
@@ -1152,7 +1162,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1152
1162
|
_: 1
|
|
1153
1163
|
}, 8, ["value", "disabled"])
|
|
1154
1164
|
]),
|
|
1155
|
-
x("div",
|
|
1165
|
+
x("div", _n, [w(B(W), {
|
|
1156
1166
|
block: "",
|
|
1157
1167
|
secondary: "",
|
|
1158
1168
|
onClick: R
|
|
@@ -1171,7 +1181,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1171
1181
|
}, {
|
|
1172
1182
|
default: V(() => [
|
|
1173
1183
|
L(t.$slots, "layout-prepend", { settings: B(a) }, void 0, !0),
|
|
1174
|
-
x("div",
|
|
1184
|
+
x("div", vn, [n[34] ||= x("div", { class: "section-title" }, "布局模式", -1), x("div", yn, [(N(!0), b(m, null, I(B(nn), (e) => (N(), b("div", {
|
|
1175
1185
|
key: e.value,
|
|
1176
1186
|
class: A(["layout-item", {
|
|
1177
1187
|
active: B(a).layoutMode === e.value,
|
|
@@ -1183,9 +1193,9 @@ var Z = /* @__PURE__ */ T({
|
|
|
1183
1193
|
"aria-pressed": B(a).layoutMode === e.value,
|
|
1184
1194
|
onClick: U((t) => k(e.value, e.disabled), ["stop"]),
|
|
1185
1195
|
onKeydown: [H(U((t) => k(e.value, e.disabled), ["stop"]), ["enter"]), H(U((t) => k(e.value, e.disabled), ["stop", "prevent"]), ["space"])]
|
|
1186
|
-
}, [x("div",
|
|
1196
|
+
}, [x("div", xn, [(N(), b("svg", Sn, [x("g", { innerHTML: e.svg }, null, 8, Cn)]))]), x("div", wn, [C(z(e.label) + " ", 1), e.disabled ? (N(), b("span", Tn, "敬请期待")) : y("", !0)])], 42, bn))), 128))])]),
|
|
1187
1197
|
L(t.$slots, "layout-after-mode", { settings: B(a) }, void 0, !0),
|
|
1188
|
-
x("div",
|
|
1198
|
+
x("div", En, [n[37] ||= x("div", { class: "section-title" }, "菜单展开方式", -1), w(B(J), {
|
|
1189
1199
|
value: B(a).menuExpandMode,
|
|
1190
1200
|
"onUpdate:value": n[4] ||= (e) => B(a).menuExpandMode = e,
|
|
1191
1201
|
class: "menu-expand-group"
|
|
@@ -1199,29 +1209,29 @@ var Z = /* @__PURE__ */ T({
|
|
|
1199
1209
|
})]),
|
|
1200
1210
|
_: 1
|
|
1201
1211
|
}, 8, ["value"])]),
|
|
1202
|
-
x("div",
|
|
1212
|
+
x("div", Dn, [
|
|
1203
1213
|
n[42] ||= x("div", { class: "section-title" }, "界面元素", -1),
|
|
1204
|
-
x("div",
|
|
1214
|
+
x("div", On, [n[38] ||= x("span", null, "显示面包屑", -1), w(B(Y), {
|
|
1205
1215
|
value: B(a).showBreadcrumb,
|
|
1206
1216
|
"onUpdate:value": n[5] ||= (e) => B(a).showBreadcrumb = e
|
|
1207
1217
|
}, null, 8, ["value"])]),
|
|
1208
|
-
x("div",
|
|
1218
|
+
x("div", kn, [n[39] ||= x("span", null, "显示面包屑图标", -1), w(B(Y), {
|
|
1209
1219
|
value: B(a).showBreadcrumbIcon,
|
|
1210
1220
|
"onUpdate:value": n[6] ||= (e) => B(a).showBreadcrumbIcon = e,
|
|
1211
1221
|
disabled: !B(a).showBreadcrumb
|
|
1212
1222
|
}, null, 8, ["value", "disabled"])]),
|
|
1213
|
-
x("div",
|
|
1223
|
+
x("div", An, [n[40] ||= x("span", null, "显示标签页", -1), w(B(Y), {
|
|
1214
1224
|
value: B(a).showTagsView,
|
|
1215
1225
|
"onUpdate:value": n[7] ||= (e) => B(a).showTagsView = e
|
|
1216
1226
|
}, null, 8, ["value"])]),
|
|
1217
|
-
x("div",
|
|
1227
|
+
x("div", jn, [n[41] ||= x("span", null, "显示页脚", -1), w(B(Y), {
|
|
1218
1228
|
value: B(a).showFooter,
|
|
1219
1229
|
"onUpdate:value": n[8] ||= (e) => B(a).showFooter = e
|
|
1220
1230
|
}, null, 8, ["value"])])
|
|
1221
1231
|
]),
|
|
1222
|
-
x("div",
|
|
1232
|
+
x("div", Mn, [
|
|
1223
1233
|
n[45] ||= x("div", { class: "section-title" }, "尺寸调整", -1),
|
|
1224
|
-
x("div",
|
|
1234
|
+
x("div", Nn, [x("div", Pn, [n[43] ||= x("span", null, "侧边栏宽度", -1), x("span", Fn, z(B(a).sidebarWidth) + "px", 1)]), w(B(ue), {
|
|
1225
1235
|
value: B(a).sidebarWidth,
|
|
1226
1236
|
"onUpdate:value": n[9] ||= (e) => B(a).sidebarWidth = e,
|
|
1227
1237
|
min: 180,
|
|
@@ -1233,7 +1243,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1233
1243
|
280: "280"
|
|
1234
1244
|
}
|
|
1235
1245
|
}, null, 8, ["value"])]),
|
|
1236
|
-
x("div",
|
|
1246
|
+
x("div", In, [x("div", Ln, [n[44] ||= x("span", null, "头部高度", -1), x("span", Rn, z(B(a).headerHeight) + "px", 1)]), w(B(ue), {
|
|
1237
1247
|
value: B(a).headerHeight,
|
|
1238
1248
|
"onUpdate:value": n[10] ||= (e) => B(a).headerHeight = e,
|
|
1239
1249
|
min: 48,
|
|
@@ -1246,7 +1256,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1246
1256
|
}
|
|
1247
1257
|
}, null, 8, ["value"])])
|
|
1248
1258
|
]),
|
|
1249
|
-
x("div",
|
|
1259
|
+
x("div", zn, [w(B(W), {
|
|
1250
1260
|
block: "",
|
|
1251
1261
|
secondary: "",
|
|
1252
1262
|
onClick: ne
|
|
@@ -1265,7 +1275,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1265
1275
|
}, {
|
|
1266
1276
|
default: V(() => [
|
|
1267
1277
|
L(t.$slots, "features-prepend", { settings: B(a) }, void 0, !0),
|
|
1268
|
-
x("div",
|
|
1278
|
+
x("div", Bn, [n[52] ||= x("div", { class: "section-title" }, "缓存管理", -1), x("div", Vn, [w(B(W), {
|
|
1269
1279
|
secondary: "",
|
|
1270
1280
|
onClick: G
|
|
1271
1281
|
}, {
|
|
@@ -1280,9 +1290,9 @@ var Z = /* @__PURE__ */ T({
|
|
|
1280
1290
|
default: V(() => [n[51] ||= C(" 重新加载 ", -1)]),
|
|
1281
1291
|
_: 1
|
|
1282
1292
|
})])]),
|
|
1283
|
-
x("div",
|
|
1293
|
+
x("div", Hn, [
|
|
1284
1294
|
n[59] ||= x("div", { class: "section-title" }, "配置管理", -1),
|
|
1285
|
-
x("div",
|
|
1295
|
+
x("div", Un, [w(B(W), {
|
|
1286
1296
|
secondary: "",
|
|
1287
1297
|
onClick: ce
|
|
1288
1298
|
}, {
|
|
@@ -1309,37 +1319,37 @@ var Z = /* @__PURE__ */ T({
|
|
|
1309
1319
|
_: 1
|
|
1310
1320
|
})
|
|
1311
1321
|
]),
|
|
1312
|
-
x("div",
|
|
1322
|
+
x("div", Wn, [
|
|
1313
1323
|
n[62] ||= x("div", { class: "section-title" }, "系统模式", -1),
|
|
1314
|
-
x("div",
|
|
1324
|
+
x("div", Gn, [n[60] ||= x("div", { class: "setting-label" }, [x("span", null, "灰色模式"), x("span", { class: "setting-desc" }, "用于哀悼日场景")], -1), w(B(Y), {
|
|
1315
1325
|
value: B(_),
|
|
1316
1326
|
"onUpdate:value": n[11] ||= (e) => O(_) ? _.value = e : null
|
|
1317
1327
|
}, null, 8, ["value"])]),
|
|
1318
|
-
x("div",
|
|
1328
|
+
x("div", Kn, [n[61] ||= x("div", { class: "setting-label" }, [x("span", null, "色弱模式"), x("span", { class: "setting-desc" }, "提供无障碍访问支持")], -1), w(B(Y), {
|
|
1319
1329
|
value: B(g),
|
|
1320
1330
|
"onUpdate:value": n[12] ||= (e) => O(g) ? g.value = e : null
|
|
1321
1331
|
}, null, 8, ["value"])])
|
|
1322
1332
|
]),
|
|
1323
|
-
x("div",
|
|
1333
|
+
x("div", qn, [
|
|
1324
1334
|
n[64] ||= x("div", { class: "section-title" }, "水印设置", -1),
|
|
1325
|
-
x("div",
|
|
1335
|
+
x("div", Jn, [n[63] ||= x("span", null, "启用水印", -1), w(B(Y), {
|
|
1326
1336
|
value: B(T),
|
|
1327
1337
|
"onUpdate:value": n[13] ||= (e) => O(T) ? T.value = e : null
|
|
1328
1338
|
}, null, 8, ["value"])]),
|
|
1329
|
-
B(T) ? (N(), b("div",
|
|
1339
|
+
B(T) ? (N(), b("div", Yn, [w(B(se), {
|
|
1330
1340
|
value: B(E),
|
|
1331
1341
|
"onUpdate:value": n[14] ||= (e) => O(E) ? E.value = e : null,
|
|
1332
1342
|
placeholder: "请输入水印内容",
|
|
1333
1343
|
size: "small"
|
|
1334
1344
|
}, null, 8, ["value"])])) : y("", !0)
|
|
1335
1345
|
]),
|
|
1336
|
-
x("div",
|
|
1337
|
-
x("div",
|
|
1338
|
-
x("div",
|
|
1339
|
-
x("div",
|
|
1340
|
-
x("div",
|
|
1341
|
-
x("div",
|
|
1342
|
-
x("div",
|
|
1346
|
+
x("div", Xn, [n[71] ||= x("div", { class: "section-title" }, "系统信息", -1), x("div", Zn, [
|
|
1347
|
+
x("div", Qn, [n[65] ||= x("span", { class: "info-label" }, "浏览器", -1), x("span", $n, z(B(S).browser), 1)]),
|
|
1348
|
+
x("div", er, [n[66] ||= x("span", { class: "info-label" }, "操作系统", -1), x("span", tr, z(B(S).os), 1)]),
|
|
1349
|
+
x("div", nr, [n[67] ||= x("span", { class: "info-label" }, "屏幕分辨率", -1), x("span", rr, z(B(S).resolution), 1)]),
|
|
1350
|
+
x("div", ir, [n[68] ||= x("span", { class: "info-label" }, "设备像素比", -1), x("span", ar, z(B(S).pixelRatio), 1)]),
|
|
1351
|
+
x("div", or, [n[69] ||= x("span", { class: "info-label" }, "语言", -1), x("span", sr, z(B(S).language), 1)]),
|
|
1352
|
+
x("div", cr, [n[70] ||= x("span", { class: "info-label" }, "时区", -1), x("span", lr, z(B(S).timezone), 1)])
|
|
1343
1353
|
])]),
|
|
1344
1354
|
L(t.$slots, "features-append", { settings: B(a) }, void 0, !0)
|
|
1345
1355
|
]),
|
|
@@ -1353,21 +1363,21 @@ var Z = /* @__PURE__ */ T({
|
|
|
1353
1363
|
_: 3
|
|
1354
1364
|
}, 8, ["show", "width"]));
|
|
1355
1365
|
}
|
|
1356
|
-
}), [["__scopeId", "data-v-6f71c105"]]),
|
|
1366
|
+
}), [["__scopeId", "data-v-6f71c105"]]), dr = { class: "brand-logo__icon" }, fr = [
|
|
1357
1367
|
"src",
|
|
1358
1368
|
"width",
|
|
1359
1369
|
"height"
|
|
1360
|
-
],
|
|
1370
|
+
], pr = [
|
|
1361
1371
|
"src",
|
|
1362
1372
|
"width",
|
|
1363
1373
|
"height"
|
|
1364
|
-
],
|
|
1374
|
+
], mr = { class: "brand-logo__name" }, hr = { class: "brand-logo__title" }, gr = {
|
|
1365
1375
|
key: 0,
|
|
1366
1376
|
class: "brand-logo__subtitle"
|
|
1367
|
-
},
|
|
1377
|
+
}, _r = {
|
|
1368
1378
|
key: 0,
|
|
1369
1379
|
class: "brand-logo__divider"
|
|
1370
|
-
},
|
|
1380
|
+
}, vr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
1371
1381
|
name: "BrandLogo",
|
|
1372
1382
|
__name: "index",
|
|
1373
1383
|
props: {
|
|
@@ -1394,7 +1404,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1394
1404
|
return (t, r) => (N(), b("div", { class: A(["brand-logo", {
|
|
1395
1405
|
"brand-logo--collapsed": e.collapsed,
|
|
1396
1406
|
"brand-logo--horizontal": e.variant === "horizontal"
|
|
1397
|
-
}]) }, [x("div",
|
|
1407
|
+
}]) }, [x("div", dr, [r[0] ||= x("div", { class: "brand-logo__glow" }, null, -1), n.logoType === "video" && n.logoSrc ? (N(), b("video", {
|
|
1398
1408
|
key: 0,
|
|
1399
1409
|
src: n.logoSrc,
|
|
1400
1410
|
width: e.size,
|
|
@@ -1404,19 +1414,19 @@ var Z = /* @__PURE__ */ T({
|
|
|
1404
1414
|
muted: "",
|
|
1405
1415
|
playsinline: "",
|
|
1406
1416
|
class: "brand-logo__media"
|
|
1407
|
-
}, null, 8,
|
|
1417
|
+
}, null, 8, fr)) : n.logoSrc ? (N(), b("img", {
|
|
1408
1418
|
key: 1,
|
|
1409
1419
|
src: n.logoSrc,
|
|
1410
1420
|
width: e.size,
|
|
1411
1421
|
height: e.size,
|
|
1412
1422
|
class: "brand-logo__media",
|
|
1413
1423
|
alt: "Logo"
|
|
1414
|
-
}, null, 8,
|
|
1424
|
+
}, null, 8, pr)) : y("", !0)]), e.showName && !e.collapsed ? (N(), b(m, { key: 0 }, [x("div", mr, [x("span", hr, z(n.name), 1), n.subtitle ? (N(), b("span", gr, z(n.subtitle), 1)) : y("", !0)]), e.showDivider ? (N(), b("div", _r)) : y("", !0)], 64)) : y("", !0)], 2));
|
|
1415
1425
|
}
|
|
1416
|
-
}), [["__scopeId", "data-v-
|
|
1426
|
+
}), [["__scopeId", "data-v-0f64ef61"]]), yr = { class: "icon-menu" }, br = ["onClick"], xr = { class: "icon-menu__icon" }, Sr = {
|
|
1417
1427
|
key: 1,
|
|
1418
1428
|
class: "icon-menu__fallback"
|
|
1419
|
-
},
|
|
1429
|
+
}, Cr = { class: "icon-menu__label" }, wr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
1420
1430
|
name: "IconMenu",
|
|
1421
1431
|
__name: "index",
|
|
1422
1432
|
props: {
|
|
@@ -1426,20 +1436,20 @@ var Z = /* @__PURE__ */ T({
|
|
|
1426
1436
|
emits: ["click"],
|
|
1427
1437
|
setup(e, { emit: t }) {
|
|
1428
1438
|
let n = t, i = r();
|
|
1429
|
-
return (t, r) => (N(), b("div",
|
|
1439
|
+
return (t, r) => (N(), b("div", yr, [(N(!0), b(m, null, I(e.menus, (t) => (N(), b("div", {
|
|
1430
1440
|
key: t.path,
|
|
1431
1441
|
class: A(["icon-menu__item", { "icon-menu__item--active": e.active === t.path }]),
|
|
1432
1442
|
onClick: (e) => n("click", t)
|
|
1433
|
-
}, [x("div",
|
|
1443
|
+
}, [x("div", xr, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
|
|
1434
1444
|
key: 0,
|
|
1435
1445
|
name: t.meta.icon,
|
|
1436
1446
|
size: 20
|
|
1437
|
-
}, null, 8, ["name"])) : (N(), b("span",
|
|
1447
|
+
}, null, 8, ["name"])) : (N(), b("span", Sr, z(t.meta?.title?.charAt(0) || "?"), 1))]), x("div", Cr, z(t.meta?.title), 1)], 10, br))), 128))]));
|
|
1438
1448
|
}
|
|
1439
|
-
}), [["__scopeId", "data-v-
|
|
1449
|
+
}), [["__scopeId", "data-v-de836b1c"]]), Tr = { class: "floating-menu__header" }, Er = { class: "floating-menu__brand" }, Dr = { class: "floating-menu__brand-title" }, Or = { class: "floating-menu__brand-subtitle" }, kr = { class: "floating-menu__list" }, Ar = {
|
|
1440
1450
|
key: 0,
|
|
1441
1451
|
class: "floating-menu__group"
|
|
1442
|
-
},
|
|
1452
|
+
}, jr = { class: "floating-menu__group-title" }, Mr = ["onClick", "onKeydown"], Nr = { class: "floating-menu__item-text" }, Pr = ["onClick", "onKeydown"], Fr = { class: "floating-menu__item-text" }, Ir = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
1443
1453
|
name: "FloatingMenu",
|
|
1444
1454
|
__name: "index",
|
|
1445
1455
|
props: {
|
|
@@ -1459,7 +1469,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1459
1469
|
class: A(["floating-menu", [B(i).isDark.value ? "dark-theme" : "light-theme"]]),
|
|
1460
1470
|
role: "navigation",
|
|
1461
1471
|
"aria-label": "二级功能导航"
|
|
1462
|
-
}, [x("div",
|
|
1472
|
+
}, [x("div", Tr, [x("div", Er, [x("span", Dr, z(a.name), 1), x("span", Or, z(a.subtitle), 1)])]), x("div", kr, [(N(!0), b(m, null, I(e.menuItem.children, (t) => (N(), b(m, { key: t.path }, [t.children && t.children.length > 0 ? (N(), b("div", Ar, [x("div", jr, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
|
|
1463
1473
|
key: 0,
|
|
1464
1474
|
name: t.meta.icon,
|
|
1465
1475
|
size: 16
|
|
@@ -1474,7 +1484,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1474
1484
|
key: 0,
|
|
1475
1485
|
name: t.meta.icon,
|
|
1476
1486
|
size: 16
|
|
1477
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
1487
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Nr, z(t.meta?.title), 1)], 42, Mr))), 128))])) : (N(), b("div", {
|
|
1478
1488
|
key: 1,
|
|
1479
1489
|
class: A(["floating-menu__item", { active: e.isActive?.(t.path) }]),
|
|
1480
1490
|
role: "link",
|
|
@@ -1485,14 +1495,14 @@ var Z = /* @__PURE__ */ T({
|
|
|
1485
1495
|
key: 0,
|
|
1486
1496
|
name: t.meta.icon,
|
|
1487
1497
|
size: 18
|
|
1488
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
1498
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Fr, z(t.meta?.title), 1)], 42, Pr))], 64))), 128))])], 2)) : y("", !0)]),
|
|
1489
1499
|
_: 1
|
|
1490
1500
|
}));
|
|
1491
1501
|
}
|
|
1492
|
-
}), [["__scopeId", "data-v-
|
|
1502
|
+
}), [["__scopeId", "data-v-63d91c8a"]]), Lr = { class: "side-menu__header" }, Rr = { class: "side-menu__header-icon" }, zr = { class: "side-menu__header-title" }, Br = { class: "side-menu__list" }, Vr = {
|
|
1493
1503
|
key: 0,
|
|
1494
1504
|
class: "side-menu__group"
|
|
1495
|
-
},
|
|
1505
|
+
}, Hr = { class: "side-menu__group-label" }, Ur = ["onClick"], Wr = { class: "side-menu__item-text" }, Gr = ["onClick"], Kr = { class: "side-menu__item-text" }, qr = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
1496
1506
|
name: "SideMenu",
|
|
1497
1507
|
__name: "index",
|
|
1498
1508
|
props: {
|
|
@@ -1510,11 +1520,11 @@ var Z = /* @__PURE__ */ T({
|
|
|
1510
1520
|
default: V(() => [a.value ? y("", !0) : (N(), b("div", {
|
|
1511
1521
|
key: 0,
|
|
1512
1522
|
class: A(["side-menu", [B(i).isDark.value ? "dark-theme" : "light-theme"]])
|
|
1513
|
-
}, [x("div",
|
|
1523
|
+
}, [x("div", Lr, [x("div", Rr, [B(i).iconComponent && e.activeItem?.meta?.icon ? (N(), v(R(B(i).iconComponent), {
|
|
1514
1524
|
key: 0,
|
|
1515
1525
|
name: e.activeItem.meta.icon,
|
|
1516
1526
|
size: 17
|
|
1517
|
-
}, null, 8, ["name"])) : y("", !0)]), x("span",
|
|
1527
|
+
}, null, 8, ["name"])) : y("", !0)]), x("span", zr, z(e.activeItem?.meta?.title || "菜单"), 1)]), x("div", Br, [(N(!0), b(m, null, I(e.menus, (t) => (N(), b(m, { key: t.path }, [t.children && t.children.length > 0 ? (N(), b("div", Vr, [x("div", Hr, [B(i).iconComponent && t.meta?.icon ? (N(), v(R(B(i).iconComponent), {
|
|
1518
1528
|
key: 0,
|
|
1519
1529
|
name: t.meta.icon,
|
|
1520
1530
|
size: 14
|
|
@@ -1526,7 +1536,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1526
1536
|
key: 0,
|
|
1527
1537
|
name: t.meta.icon,
|
|
1528
1538
|
size: 15
|
|
1529
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
1539
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Wr, z(t.meta?.title), 1)], 10, Ur))), 128))])) : (N(), b("div", {
|
|
1530
1540
|
key: 1,
|
|
1531
1541
|
class: A(["side-menu__item", { active: e.isActive?.(t.path) }]),
|
|
1532
1542
|
onClick: (e) => n("click", t)
|
|
@@ -1534,17 +1544,17 @@ var Z = /* @__PURE__ */ T({
|
|
|
1534
1544
|
key: 0,
|
|
1535
1545
|
name: t.meta.icon,
|
|
1536
1546
|
size: 16
|
|
1537
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
1547
|
+
}, null, 8, ["name"])) : y("", !0), x("span", Kr, z(t.meta?.title), 1)], 10, Gr))], 64))), 128))])], 2))]),
|
|
1538
1548
|
_: 1
|
|
1539
1549
|
})], 64)) : y("", !0);
|
|
1540
1550
|
}
|
|
1541
|
-
}), [["__scopeId", "data-v-
|
|
1551
|
+
}), [["__scopeId", "data-v-7f2286cf"]]), Jr = ["aria-hidden"], Yr = { class: "drawer-menu__content" }, Xr = { class: "drawer-menu__grid" }, Zr = ["onClick", "onKeydown"], Qr = {
|
|
1542
1552
|
key: 0,
|
|
1543
1553
|
class: "drawer-menu__items"
|
|
1544
|
-
},
|
|
1554
|
+
}, $r = ["onClick", "onKeydown"], ei = { class: "drawer-menu__item-text" }, ti = {
|
|
1545
1555
|
key: 0,
|
|
1546
1556
|
class: "drawer-menu__sub-items"
|
|
1547
|
-
},
|
|
1557
|
+
}, ni = { class: "drawer-menu__sub-title" }, ri = ["onClick", "onKeydown"], ii = { class: "drawer-menu__item-text" }, ai = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
1548
1558
|
name: "DrawerMenu",
|
|
1549
1559
|
__name: "index",
|
|
1550
1560
|
props: {
|
|
@@ -1571,7 +1581,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1571
1581
|
x("span"),
|
|
1572
1582
|
x("span"),
|
|
1573
1583
|
x("span")
|
|
1574
|
-
]), x("span", null, "功能导航")])], -1), x("div",
|
|
1584
|
+
]), x("span", null, "功能导航")])], -1), x("div", Yr, [x("div", Xr, [(N(!0), b(m, null, I(e.menus, (e) => (N(), b("div", {
|
|
1575
1585
|
key: e.path,
|
|
1576
1586
|
class: "drawer-menu__category"
|
|
1577
1587
|
}, [x("div", {
|
|
@@ -1584,7 +1594,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1584
1594
|
key: 0,
|
|
1585
1595
|
name: e.meta.icon,
|
|
1586
1596
|
size: 18
|
|
1587
|
-
}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)], 40,
|
|
1597
|
+
}, null, 8, ["name"])) : y("", !0), x("span", null, z(e.meta?.title), 1)], 40, Zr), e.children && e.children.length > 0 ? (N(), b("div", Qr, [(N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
|
|
1588
1598
|
key: e.path,
|
|
1589
1599
|
class: "drawer-menu__item",
|
|
1590
1600
|
role: "link",
|
|
@@ -1595,7 +1605,7 @@ var Z = /* @__PURE__ */ T({
|
|
|
1595
1605
|
key: 0,
|
|
1596
1606
|
name: e.meta.icon,
|
|
1597
1607
|
size: 16
|
|
1598
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
1608
|
+
}, null, 8, ["name"])) : y("", !0), x("span", ei, z(e.meta?.title), 1)], 40, $r))), 128)), (N(!0), b(m, null, I(e.children, (e) => (N(), b(m, { key: e.path }, [e.children && e.children.length > 0 ? (N(), b("div", ti, [x("div", ni, z(e.meta?.title), 1), (N(!0), b(m, null, I(e.children, (e) => (N(), b("div", {
|
|
1599
1609
|
key: e.path,
|
|
1600
1610
|
class: "drawer-menu__item drawer-menu__item--sub",
|
|
1601
1611
|
role: "link",
|
|
@@ -1606,9 +1616,9 @@ var Z = /* @__PURE__ */ T({
|
|
|
1606
1616
|
key: 0,
|
|
1607
1617
|
name: e.meta.icon,
|
|
1608
1618
|
size: 14
|
|
1609
|
-
}, null, 8, ["name"])) : y("", !0), x("span",
|
|
1619
|
+
}, null, 8, ["name"])) : y("", !0), x("span", ii, z(e.meta?.title), 1)], 40, ri))), 128))])) : y("", !0)], 64))), 128))])) : y("", !0)]))), 128))])])], 42, Jr));
|
|
1610
1620
|
}
|
|
1611
|
-
}), [["__scopeId", "data-v-
|
|
1621
|
+
}), [["__scopeId", "data-v-52745e2d"]]), oi = /* @__PURE__ */ Q(/* @__PURE__ */ T({
|
|
1612
1622
|
name: "MenuTrigger",
|
|
1613
1623
|
__name: "index",
|
|
1614
1624
|
props: { show: { type: Boolean } },
|
|
@@ -1628,8 +1638,8 @@ var Z = /* @__PURE__ */ T({
|
|
|
1628
1638
|
x("span")
|
|
1629
1639
|
])], -1)]], 32));
|
|
1630
1640
|
}
|
|
1631
|
-
}), [["__scopeId", "data-v-
|
|
1641
|
+
}), [["__scopeId", "data-v-7d1e7a05"]]), si = _e, ci = je, li = qe, ui = ut, di = Mt, fi = $t, pi = si, mi = ci, hi = li, gi = ui, _i = di, vi = fi;
|
|
1632
1642
|
//#endregion
|
|
1633
|
-
export {
|
|
1643
|
+
export { wr as _, si as a, tn as b, hi as c, pi as d, mi as f, Ir as g, qr as h, di as i, gi as l, ai as m, li as n, ci as o, oi as p, ui as r, vi as s, fi as t, _i as u, vr as v, $ as x, ur as y };
|
|
1634
1644
|
|
|
1635
|
-
//# sourceMappingURL=naive-
|
|
1645
|
+
//# sourceMappingURL=naive-C58sPmz4.js.map
|