@skyfox2000/webui 1.5.1 → 1.5.2
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/lib/assets/modules/{baseLayout-B8Oyfzfi.js → baseLayout-BRM7YM_m.js} +9 -9
- package/lib/assets/modules/{file-upload-BFUScC4k.js → file-upload-CuBC_b2Z.js} +1 -1
- package/lib/assets/modules/{index-crPOh8wI.js → index-C1-LFp_3.js} +2 -2
- package/lib/assets/modules/{index-bx6gDQTB.js → index-DOVEboJ8.js} +1 -1
- package/lib/assets/modules/{index-BiRM1pnL.js → index-QUD5C1RM.js} +2 -2
- package/lib/assets/modules/{menuTabs-BnjAvzNj.js → menuTabs-CBfrAU7g.js} +221 -178
- package/lib/assets/modules/{toolIcon-CIuou75Q.js → toolIcon-i6qsm90I.js} +1 -1
- package/lib/assets/modules/{upload-template-Bs_uvXeO.js → upload-template-CTdnP66K.js} +39 -39
- package/lib/assets/modules/{uploadList-C6vb1JKs.js → uploadList-BEKzoSex.js} +4 -4
- package/lib/components/layout/header/language.vue.d.ts +3 -0
- package/lib/es/AceEditor/index.js +3 -3
- package/lib/es/BasicLayout/index.js +4 -4
- package/lib/es/Error403/index.js +1 -1
- package/lib/es/Error404/index.js +1 -1
- package/lib/es/ExcelForm/index.js +5 -5
- package/lib/es/MenuLayout/index.js +5 -5
- package/lib/es/TemplateFile/index.js +4 -4
- package/lib/es/UploadForm/index.js +4 -4
- package/lib/index.d.ts +1 -3
- package/lib/locales/index.d.ts +0 -1
- package/lib/webui.css +1 -1
- package/lib/webui.es.js +13 -13
- package/package.json +1 -1
- package/src/components/layout/header/index.vue +5 -0
- package/src/components/layout/header/language.vue +36 -0
- package/src/index.ts +1 -4
- package/src/locales/index.ts +1 -4
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { defineComponent as x, createBlock as
|
|
2
|
-
import { a as A, _ as
|
|
3
|
-
import { c as
|
|
4
|
-
import { _ as
|
|
5
|
-
import { theme as
|
|
6
|
-
import { isMicroApp as
|
|
1
|
+
import { defineComponent as x, createBlock as y, createCommentVNode as w, openBlock as u, unref as t, mergeProps as $, useAttrs as W, computed as E, ref as h, watch as S, withCtx as d, createElementBlock as g, normalizeStyle as T, createElementVNode as m, inject as Y, onMounted as P, createVNode as r, toDisplayString as C, Fragment as M, renderList as U, createTextVNode as J, reactive as X, nextTick as Z, withModifiers as G } from "vue";
|
|
2
|
+
import { a as A, _ as b } from "./toolIcon-i6qsm90I.js";
|
|
3
|
+
import { c as D, W as K, aj as O, Z as L, Y as R, u as F, ao as k, M as Q, ap as ee, aq as te, ar as ne, a as H, X as oe, r as V, ah as B } from "./upload-template-CTdnP66K.js";
|
|
4
|
+
import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
import { theme as j, Breadcrumb as ie, Modal as ae, Flex as ce, Dropdown as le, Menu as q, MenuItem as re, LayoutHeader as ue, Space as pe, Tabs as de, TabPane as me } from "ant-design-vue";
|
|
6
|
+
import { isMicroApp as fe } from "@skyfox2000/microbase";
|
|
7
7
|
import { SERVER_HOST as N } from "@skyfox2000/fapi";
|
|
8
8
|
import "vue-m-message";
|
|
9
9
|
import "async-validator";
|
|
10
10
|
import "dayjs";
|
|
11
11
|
import "vue-draggable-next";
|
|
12
|
-
const
|
|
12
|
+
const ge = /* @__PURE__ */ x({
|
|
13
13
|
__name: "appicon",
|
|
14
14
|
props: {
|
|
15
15
|
icon: {
|
|
16
16
|
type: String
|
|
17
17
|
}
|
|
18
18
|
},
|
|
19
|
-
setup(
|
|
20
|
-
const
|
|
19
|
+
setup(a) {
|
|
20
|
+
const o = a, e = D({
|
|
21
21
|
iconUrl: `${N.APP_ICONS}`,
|
|
22
|
-
icon:
|
|
22
|
+
icon: o.icon
|
|
23
23
|
});
|
|
24
|
-
return (
|
|
24
|
+
return (l, c) => a.icon ? (u(), y(t(e), $({
|
|
25
25
|
key: 0,
|
|
26
|
-
icon:
|
|
26
|
+
icon: a.icon,
|
|
27
27
|
class: ["text-2xl", "align-middle", "w-6", "h-6"]
|
|
28
|
-
},
|
|
28
|
+
}, l.$attrs), null, 16, ["icon"])) : w("", !0);
|
|
29
29
|
}
|
|
30
|
-
}),
|
|
30
|
+
}), xe = ["xlink:href"], _e = /* @__PURE__ */ x({
|
|
31
31
|
inheritAttrs: !1,
|
|
32
32
|
__name: "index",
|
|
33
33
|
props: {
|
|
@@ -271,97 +271,97 @@ const re = /* @__PURE__ */ x({
|
|
|
271
271
|
*/
|
|
272
272
|
"update:iconIndex"
|
|
273
273
|
],
|
|
274
|
-
setup(
|
|
275
|
-
const
|
|
274
|
+
setup(a, { emit: o }) {
|
|
275
|
+
const s = W(), e = a, l = o, c = E(() => {
|
|
276
276
|
if (Array.isArray(e.size)) return e.size;
|
|
277
277
|
{
|
|
278
|
-
let
|
|
279
|
-
return [
|
|
278
|
+
let i = e.size;
|
|
279
|
+
return [i, i];
|
|
280
280
|
}
|
|
281
|
-
}), n =
|
|
282
|
-
|
|
281
|
+
}), n = h(e.icon), f = h(e.iconIndex);
|
|
282
|
+
S(
|
|
283
283
|
() => e.icon,
|
|
284
|
-
(
|
|
285
|
-
n.value =
|
|
284
|
+
(i) => {
|
|
285
|
+
n.value = i;
|
|
286
286
|
}
|
|
287
|
-
),
|
|
287
|
+
), S(
|
|
288
288
|
() => e.iconIndex,
|
|
289
|
-
(
|
|
290
|
-
|
|
289
|
+
(i) => {
|
|
290
|
+
f.value = i, n.value = e.icons[i];
|
|
291
291
|
}
|
|
292
292
|
);
|
|
293
|
-
const p =
|
|
293
|
+
const p = E({
|
|
294
294
|
get() {
|
|
295
|
-
return
|
|
295
|
+
return f.value;
|
|
296
296
|
},
|
|
297
|
-
set(
|
|
298
|
-
|
|
297
|
+
set(i) {
|
|
298
|
+
f.value = i, l("update:iconIndex", f.value);
|
|
299
299
|
}
|
|
300
300
|
});
|
|
301
|
-
e.icons.length > 0 ? (p.value = p.value >= e.icons.length ? 0 : p.value, n.value = e.icons[
|
|
302
|
-
const I = (
|
|
303
|
-
if (
|
|
304
|
-
const
|
|
305
|
-
|
|
301
|
+
e.icons.length > 0 ? (p.value = p.value >= e.icons.length ? 0 : p.value, n.value = e.icons[f.value]) : n.value = e.icon;
|
|
302
|
+
const I = (i) => {
|
|
303
|
+
if (i.stopPropagation(), e.clickEvent) {
|
|
304
|
+
const v = e.clickEvent.split("#");
|
|
305
|
+
v.length === 2 && Y("$" + v[0]).$emit(v[1], e.data);
|
|
306
306
|
}
|
|
307
|
-
e.autoSwitch && e.icons.length > 0 && (p.value = (p.value + 1) % e.icons.length, n.value = e.icons[
|
|
308
|
-
},
|
|
309
|
-
let
|
|
310
|
-
return e.spin && (
|
|
307
|
+
e.autoSwitch && e.icons.length > 0 && (p.value = (p.value + 1) % e.icons.length, n.value = e.icons[f.value]), l("click");
|
|
308
|
+
}, _ = () => {
|
|
309
|
+
let i = "";
|
|
310
|
+
return e.spin && (i += "rotate"), e.flip && (i += " flip"), i;
|
|
311
311
|
};
|
|
312
|
-
return (
|
|
312
|
+
return (i, v) => (u(), y(A, {
|
|
313
313
|
title: e.tiptext,
|
|
314
314
|
disabled: e.tiptext ? void 0 : "disabled",
|
|
315
|
-
color:
|
|
316
|
-
placement:
|
|
317
|
-
size:
|
|
315
|
+
color: a.tipcolor,
|
|
316
|
+
placement: a.placement,
|
|
317
|
+
size: a.tipsize
|
|
318
318
|
}, {
|
|
319
319
|
default: d(() => {
|
|
320
320
|
var z;
|
|
321
321
|
return [
|
|
322
|
-
n.value ? (u(),
|
|
322
|
+
n.value ? (u(), g("div", {
|
|
323
323
|
key: 0,
|
|
324
324
|
class: "re-icon-container",
|
|
325
325
|
style: T({
|
|
326
|
-
width:
|
|
327
|
-
height:
|
|
326
|
+
width: c.value[0].toString(),
|
|
327
|
+
height: c.value[1].toString()
|
|
328
328
|
})
|
|
329
329
|
}, [
|
|
330
|
-
(z = n.value) != null && z.startsWith("sym-") ? (u(),
|
|
331
|
-
class: ["re-icon symbol", [e.clickable ? "clickable" : "",
|
|
330
|
+
(z = n.value) != null && z.startsWith("sym-") ? (u(), g("svg", $({ key: 1 }, t(s), {
|
|
331
|
+
class: ["re-icon symbol", [e.clickable ? "clickable" : "", _(), e.className]],
|
|
332
332
|
"aria-hidden": "true",
|
|
333
333
|
style: {
|
|
334
334
|
top: e.position ? e.position[1] : 0,
|
|
335
335
|
left: e.position ? e.position[0] : 0,
|
|
336
336
|
fontSize: e.fontsize,
|
|
337
337
|
transformOrigin: e.center ?? "center center",
|
|
338
|
-
transform: t(
|
|
338
|
+
transform: t(K)(),
|
|
339
339
|
color: e.color
|
|
340
340
|
}
|
|
341
341
|
}), [
|
|
342
|
-
|
|
342
|
+
m("use", {
|
|
343
343
|
"xlink:href": "#icon-" + n.value.replace("sym-", "")
|
|
344
|
-
}, null, 8,
|
|
345
|
-
], 16)) : (u(),
|
|
346
|
-
class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value,
|
|
344
|
+
}, null, 8, xe)
|
|
345
|
+
], 16)) : (u(), g("i", $({ key: 0 }, t(s), {
|
|
346
|
+
class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, _(), e.className]],
|
|
347
347
|
style: {
|
|
348
348
|
top: e.position ? e.position[1] : 1,
|
|
349
349
|
left: e.position ? e.position[0] : 0,
|
|
350
350
|
fontSize: e.fontsize,
|
|
351
351
|
transformOrigin: e.center ?? "center center",
|
|
352
|
-
transform: t(
|
|
352
|
+
transform: t(K)(e.angle, e.flip),
|
|
353
353
|
color: e.color
|
|
354
354
|
},
|
|
355
355
|
"aria-hidden": "true",
|
|
356
356
|
onClick: I
|
|
357
357
|
}), null, 16))
|
|
358
|
-
], 4)) :
|
|
358
|
+
], 4)) : w("", !0)
|
|
359
359
|
];
|
|
360
360
|
}),
|
|
361
361
|
_: 1
|
|
362
362
|
}, 8, ["title", "disabled", "color", "placement", "size"]));
|
|
363
363
|
}
|
|
364
|
-
}),
|
|
364
|
+
}), qe = /* @__PURE__ */ se(_e, [["__scopeId", "data-v-0146f00c"]]), ye = /* @__PURE__ */ x({
|
|
365
365
|
__name: "projectIcon",
|
|
366
366
|
props: {
|
|
367
367
|
icon: {
|
|
@@ -378,113 +378,113 @@ const re = /* @__PURE__ */ x({
|
|
|
378
378
|
default: !0
|
|
379
379
|
}
|
|
380
380
|
},
|
|
381
|
-
setup(
|
|
382
|
-
const
|
|
383
|
-
iconUrl: `${
|
|
384
|
-
monoColor:
|
|
385
|
-
icon:
|
|
386
|
-
icons:
|
|
381
|
+
setup(a) {
|
|
382
|
+
const o = a, e = D({
|
|
383
|
+
iconUrl: `${o.iconUrl ?? N.PROJECT_ICONS ?? N.TOOL_ICONS}`,
|
|
384
|
+
monoColor: o.monoColor,
|
|
385
|
+
icon: o.icon,
|
|
386
|
+
icons: o.icons
|
|
387
387
|
});
|
|
388
|
-
return (
|
|
388
|
+
return (l, c) => a.icon || a.icons ? (u(), y(t(e), $({
|
|
389
389
|
key: 0,
|
|
390
|
-
icon:
|
|
391
|
-
icons:
|
|
390
|
+
icon: a.icon,
|
|
391
|
+
icons: a.icons,
|
|
392
392
|
class: ["align-middle"]
|
|
393
|
-
},
|
|
393
|
+
}, l.$attrs), null, 16, ["icon", "icons"])) : w("", !0);
|
|
394
394
|
}
|
|
395
|
-
}),
|
|
395
|
+
}), ve = { class: "text-xs leading-[3]" }, he = {
|
|
396
396
|
key: 0,
|
|
397
397
|
class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]"
|
|
398
|
-
},
|
|
398
|
+
}, be = /* @__PURE__ */ x({
|
|
399
399
|
__name: "index",
|
|
400
|
-
setup(
|
|
401
|
-
const { useToken:
|
|
402
|
-
return
|
|
400
|
+
setup(a) {
|
|
401
|
+
const { useToken: o } = j, { token: s } = o(), e = O();
|
|
402
|
+
return S(
|
|
403
403
|
() => e.TabActive,
|
|
404
|
-
() =>
|
|
404
|
+
() => L()
|
|
405
405
|
), P(() => {
|
|
406
|
-
|
|
407
|
-
}), (
|
|
406
|
+
L();
|
|
407
|
+
}), (l, c) => (u(), g("div", {
|
|
408
408
|
class: "ml-5 h-fit p-0 flex items-center justify-between",
|
|
409
409
|
style: T({
|
|
410
|
-
backgroundColor: t(
|
|
410
|
+
backgroundColor: t(s).colorBgContainer
|
|
411
411
|
})
|
|
412
412
|
}, [
|
|
413
|
-
|
|
413
|
+
r(t(b), {
|
|
414
414
|
icon: "icon-home",
|
|
415
415
|
class: "w-[15px] h-[15px]"
|
|
416
416
|
}),
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
routes: t(
|
|
417
|
+
c[0] || (c[0] = m("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
|
|
418
|
+
r(t(ie), {
|
|
419
|
+
routes: t(R),
|
|
420
420
|
separator: ""
|
|
421
421
|
}, {
|
|
422
422
|
itemRender: d(({ route: n }) => [
|
|
423
|
-
|
|
424
|
-
|
|
423
|
+
m("span", ve, C(n.breadcrumbName), 1),
|
|
424
|
+
r(t(b), {
|
|
425
425
|
icon: n.icon,
|
|
426
426
|
fontsize: "15px"
|
|
427
427
|
}, null, 8, ["icon"]),
|
|
428
|
-
n.index < t(
|
|
428
|
+
n.index < t(R).length - 1 ? (u(), g("span", he, ">")) : w("", !0)
|
|
429
429
|
]),
|
|
430
430
|
_: 1
|
|
431
431
|
}, 8, ["routes"])
|
|
432
432
|
], 4));
|
|
433
433
|
}
|
|
434
|
-
}),
|
|
434
|
+
}), ke = { class: "font-['Courier'] text-[#666]" }, Se = /* @__PURE__ */ x({
|
|
435
435
|
__name: "index",
|
|
436
|
-
setup(
|
|
437
|
-
const
|
|
436
|
+
setup(a) {
|
|
437
|
+
const o = h("");
|
|
438
438
|
return P(() => {
|
|
439
439
|
setInterval(() => {
|
|
440
|
-
const
|
|
441
|
-
|
|
440
|
+
const s = /* @__PURE__ */ new Date(), e = { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, l = s.toLocaleString(void 0, e).replace(/\//g, "-").replace(",", "");
|
|
441
|
+
o.value = s.getFullYear() + "-" + l;
|
|
442
442
|
}, 1e3);
|
|
443
|
-
}), (
|
|
443
|
+
}), (s, e) => (u(), g("div", ke, C(o.value), 1));
|
|
444
444
|
}
|
|
445
|
-
}),
|
|
445
|
+
}), Ce = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, Ie = /* @__PURE__ */ x({
|
|
446
446
|
__name: "headerExits",
|
|
447
|
-
setup(
|
|
448
|
-
const
|
|
449
|
-
|
|
447
|
+
setup(a) {
|
|
448
|
+
const o = F(), s = h(!1), e = () => {
|
|
449
|
+
s.value = !1, fe() ? Q.userLogout() : o.logout(!0);
|
|
450
450
|
};
|
|
451
|
-
return (
|
|
452
|
-
|
|
453
|
-
title: t(
|
|
451
|
+
return (l, c) => (u(), g(M, null, [
|
|
452
|
+
r(t(A), {
|
|
453
|
+
title: t(k)("webui.layout.header.exitPlatform")
|
|
454
454
|
}, {
|
|
455
455
|
default: d(() => [
|
|
456
|
-
|
|
456
|
+
r(t(b), {
|
|
457
457
|
icon: "icon-logout",
|
|
458
|
-
onClick:
|
|
458
|
+
onClick: c[0] || (c[0] = (n) => s.value = !0),
|
|
459
459
|
clickable: "",
|
|
460
460
|
class: "w-5 h-5",
|
|
461
|
-
title: t(
|
|
461
|
+
title: t(k)("webui.layout.header.exitSystem")
|
|
462
462
|
}, null, 8, ["title"])
|
|
463
463
|
]),
|
|
464
464
|
_: 1
|
|
465
465
|
}, 8, ["title"]),
|
|
466
|
-
|
|
467
|
-
open:
|
|
468
|
-
"onUpdate:open":
|
|
469
|
-
title: t(
|
|
470
|
-
"ok-text": t(
|
|
471
|
-
"cancel-text": t(
|
|
466
|
+
r(t(ae), {
|
|
467
|
+
open: s.value,
|
|
468
|
+
"onUpdate:open": c[1] || (c[1] = (n) => s.value = n),
|
|
469
|
+
title: t(k)("webui.layout.header.confirmExit"),
|
|
470
|
+
"ok-text": t(k)("webui.common.confirm"),
|
|
471
|
+
"cancel-text": t(k)("webui.common.cancel"),
|
|
472
472
|
width: 380,
|
|
473
473
|
onOk: e
|
|
474
474
|
}, {
|
|
475
475
|
default: d(() => [
|
|
476
|
-
|
|
476
|
+
r(t(ce), {
|
|
477
477
|
align: "center",
|
|
478
478
|
justify: "flex-start",
|
|
479
479
|
style: { padding: "0 32px", margin: "20px 0" }
|
|
480
480
|
}, {
|
|
481
481
|
default: d(() => [
|
|
482
|
-
|
|
482
|
+
r(t(b), {
|
|
483
483
|
icon: "icon-question-circle",
|
|
484
484
|
color: "orange",
|
|
485
485
|
class: "w-[60px] h-[60px]"
|
|
486
486
|
}),
|
|
487
|
-
|
|
487
|
+
m("div", Ce, C(t(k)("webui.layout.header.exitConfirmMessage")), 1)
|
|
488
488
|
]),
|
|
489
489
|
_: 1
|
|
490
490
|
})
|
|
@@ -493,155 +493,198 @@ const re = /* @__PURE__ */ x({
|
|
|
493
493
|
}, 8, ["open", "title", "ok-text", "cancel-text"])
|
|
494
494
|
], 64));
|
|
495
495
|
}
|
|
496
|
-
}),
|
|
496
|
+
}), we = { class: "flex items-center flex-nowrap" }, $e = { class: "mr-2 text-sm whitespace-nowrap" }, Te = /* @__PURE__ */ x({
|
|
497
497
|
__name: "user",
|
|
498
|
-
setup(
|
|
499
|
-
const
|
|
500
|
-
return (
|
|
501
|
-
title: t(
|
|
498
|
+
setup(a) {
|
|
499
|
+
const o = F().userInfo;
|
|
500
|
+
return (s, e) => (u(), y(t(A), {
|
|
501
|
+
title: t(o).Name
|
|
502
502
|
}, {
|
|
503
503
|
default: d(() => [
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
504
|
+
m("div", we, [
|
|
505
|
+
m("span", $e, C(t(o).Name), 1),
|
|
506
|
+
r(t(ge), { icon: "icon-account" })
|
|
507
507
|
])
|
|
508
508
|
]),
|
|
509
509
|
_: 1
|
|
510
510
|
}, 8, ["title"]));
|
|
511
511
|
}
|
|
512
|
-
}),
|
|
512
|
+
}), Ae = { class: "flex items-center cursor-pointer" }, ze = /* @__PURE__ */ x({
|
|
513
|
+
__name: "language",
|
|
514
|
+
setup(a) {
|
|
515
|
+
const o = ee(), s = h(te()), e = async (l) => {
|
|
516
|
+
try {
|
|
517
|
+
await ne(l), s.value = l;
|
|
518
|
+
} catch (c) {
|
|
519
|
+
console.error("Failed to change language:", c);
|
|
520
|
+
}
|
|
521
|
+
};
|
|
522
|
+
return (l, c) => (u(), y(t(le), { placement: "bottomRight" }, {
|
|
523
|
+
overlay: d(() => [
|
|
524
|
+
r(t(q), null, {
|
|
525
|
+
default: d(() => [
|
|
526
|
+
(u(!0), g(M, null, U(t(o), (n) => (u(), y(t(re), {
|
|
527
|
+
key: n.key,
|
|
528
|
+
onClick: (f) => e(n.key)
|
|
529
|
+
}, {
|
|
530
|
+
default: d(() => [
|
|
531
|
+
J(C(n.label), 1)
|
|
532
|
+
]),
|
|
533
|
+
_: 2
|
|
534
|
+
}, 1032, ["onClick"]))), 128))
|
|
535
|
+
]),
|
|
536
|
+
_: 1
|
|
537
|
+
})
|
|
538
|
+
]),
|
|
539
|
+
default: d(() => [
|
|
540
|
+
m("div", Ae, [
|
|
541
|
+
r(t(b), {
|
|
542
|
+
icon: "icon-language",
|
|
543
|
+
class: "w-[18px] h-[18px]"
|
|
544
|
+
})
|
|
545
|
+
])
|
|
546
|
+
]),
|
|
547
|
+
_: 1
|
|
548
|
+
}));
|
|
549
|
+
}
|
|
550
|
+
}), Be = { class: "flex items-center" }, We = /* @__PURE__ */ x({
|
|
513
551
|
__name: "index",
|
|
514
|
-
setup(
|
|
515
|
-
const { useToken:
|
|
552
|
+
setup(a) {
|
|
553
|
+
const { useToken: o } = j, { token: s } = o(), e = H(), l = () => {
|
|
516
554
|
e.setMenuCollapse(!e.menuCollapse);
|
|
517
555
|
};
|
|
518
|
-
return (
|
|
556
|
+
return (c, n) => (u(), y(t(ue), {
|
|
519
557
|
class: "w-full relative z-[1] shadow-[0_-3px_6px_#000] py-0 flex items-center justify-between",
|
|
520
558
|
style: T({
|
|
521
559
|
height: "40px",
|
|
522
560
|
lineHeight: "1",
|
|
523
561
|
paddingLeft: "10px",
|
|
524
562
|
paddingRight: "20px",
|
|
525
|
-
backgroundColor: t(
|
|
563
|
+
backgroundColor: t(s).colorBgContainer
|
|
526
564
|
})
|
|
527
565
|
}, {
|
|
528
566
|
default: d(() => [
|
|
529
|
-
|
|
530
|
-
|
|
567
|
+
m("div", Be, [
|
|
568
|
+
r(t(b), {
|
|
531
569
|
icon: "icon-menu",
|
|
532
570
|
clickable: "",
|
|
533
571
|
class: "w-[18px] h-[18px]",
|
|
534
572
|
angle: t(e).menuCollapse ? 90 : 0,
|
|
535
|
-
onClick:
|
|
573
|
+
onClick: l
|
|
536
574
|
}, null, 8, ["angle"]),
|
|
537
|
-
|
|
575
|
+
r(be)
|
|
538
576
|
]),
|
|
539
|
-
|
|
540
|
-
|
|
577
|
+
m("div", null, [
|
|
578
|
+
r(t(pe), {
|
|
541
579
|
size: "middle",
|
|
542
580
|
class: "flex items-center"
|
|
543
581
|
}, {
|
|
544
582
|
default: d(() => [
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
583
|
+
r(Se),
|
|
584
|
+
n[0] || (n[0] = m("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[12px]" }, null, -1)),
|
|
585
|
+
r(ze),
|
|
586
|
+
n[1] || (n[1] = m("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[12px]" }, null, -1)),
|
|
587
|
+
r(Te),
|
|
588
|
+
n[2] || (n[2] = m("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[12px]" }, null, -1)),
|
|
589
|
+
r(Ie)
|
|
548
590
|
]),
|
|
549
|
-
_: 1
|
|
591
|
+
_: 1,
|
|
592
|
+
__: [0, 1, 2]
|
|
550
593
|
})
|
|
551
594
|
])
|
|
552
595
|
]),
|
|
553
596
|
_: 1
|
|
554
597
|
}, 8, ["style"]));
|
|
555
598
|
}
|
|
556
|
-
}),
|
|
599
|
+
}), Ye = /* @__PURE__ */ x({
|
|
557
600
|
__name: "index",
|
|
558
601
|
props: {
|
|
559
602
|
routes: {}
|
|
560
603
|
},
|
|
561
|
-
setup(
|
|
562
|
-
const
|
|
563
|
-
B().push(
|
|
564
|
-
},
|
|
565
|
-
let
|
|
566
|
-
const
|
|
567
|
-
|
|
604
|
+
setup(a) {
|
|
605
|
+
const o = a, s = h([]), e = h([]), l = X([]), c = O(), n = (_) => {
|
|
606
|
+
B().push(_.key.toString());
|
|
607
|
+
}, f = H(), p = h([]), I = () => {
|
|
608
|
+
let _ = c.TabActive;
|
|
609
|
+
const i = _.split("/");
|
|
610
|
+
i.pop(), s.value = [i.join("/")], f.menuCollapse || (p.value = [i.join("/")]), e.value = [_];
|
|
568
611
|
};
|
|
569
|
-
return
|
|
570
|
-
() =>
|
|
571
|
-
(
|
|
572
|
-
|
|
573
|
-
p.value = [...
|
|
612
|
+
return S(
|
|
613
|
+
() => f.menuCollapse,
|
|
614
|
+
(_) => {
|
|
615
|
+
_ || (p.value = [], Z(() => {
|
|
616
|
+
p.value = [...s.value];
|
|
574
617
|
}));
|
|
575
618
|
}
|
|
576
|
-
),
|
|
577
|
-
() =>
|
|
619
|
+
), S(
|
|
620
|
+
() => c.TabActive,
|
|
578
621
|
() => {
|
|
579
622
|
I();
|
|
580
623
|
}
|
|
581
624
|
), P(() => {
|
|
582
|
-
|
|
583
|
-
}), (
|
|
625
|
+
oe(o.routes, l, ye, { class: "!w-5 !h-5" }), c.setTabActive(V.currentRoute.value.path), I();
|
|
626
|
+
}), (_, i) => (u(), y(t(q), {
|
|
584
627
|
openKeys: p.value,
|
|
585
|
-
"onUpdate:openKeys":
|
|
628
|
+
"onUpdate:openKeys": i[0] || (i[0] = (v) => p.value = v),
|
|
586
629
|
selectedKeys: e.value,
|
|
587
|
-
"onUpdate:selectedKeys":
|
|
630
|
+
"onUpdate:selectedKeys": i[1] || (i[1] = (v) => e.value = v),
|
|
588
631
|
mode: "inline",
|
|
589
632
|
theme: "dark",
|
|
590
|
-
items:
|
|
633
|
+
items: l,
|
|
591
634
|
onClick: n
|
|
592
635
|
}, null, 8, ["openKeys", "selectedKeys", "items"]));
|
|
593
636
|
}
|
|
594
|
-
}),
|
|
637
|
+
}), Ne = { class: "flex items-center" }, Pe = { class: "flex" }, Me = ["onClick"], Je = /* @__PURE__ */ x({
|
|
595
638
|
__name: "menuTabs",
|
|
596
|
-
setup(
|
|
597
|
-
const { useToken:
|
|
598
|
-
|
|
599
|
-
() =>
|
|
639
|
+
setup(a) {
|
|
640
|
+
const { useToken: o } = j, { token: s } = o(), e = O();
|
|
641
|
+
S(
|
|
642
|
+
() => V.currentRoute.value.path,
|
|
600
643
|
(n) => {
|
|
601
644
|
n !== e.TabActive && e.setTabActive(n);
|
|
602
645
|
}
|
|
603
646
|
);
|
|
604
|
-
const
|
|
647
|
+
const l = (n) => {
|
|
605
648
|
B().push(n);
|
|
606
|
-
},
|
|
649
|
+
}, c = (n) => {
|
|
607
650
|
e.removeTabPane(n), B().push(e.TabActive);
|
|
608
651
|
};
|
|
609
|
-
return (n,
|
|
610
|
-
style: T({ height: "38px", backgroundColor: t(
|
|
652
|
+
return (n, f) => (u(), g("div", {
|
|
653
|
+
style: T({ height: "38px", backgroundColor: t(s).colorBgBase })
|
|
611
654
|
}, [
|
|
612
|
-
|
|
655
|
+
r(t(de), {
|
|
613
656
|
activeKey: t(e).TabActive,
|
|
614
657
|
"hide-add": "",
|
|
615
658
|
size: "small",
|
|
616
659
|
tabBarStyle: { padding: "0 20px" },
|
|
617
|
-
onTabClick:
|
|
660
|
+
onTabClick: l
|
|
618
661
|
}, {
|
|
619
662
|
default: d(() => [
|
|
620
|
-
(u(!0),
|
|
663
|
+
(u(!0), g(M, null, U(t(e).TabPanes, (p) => (u(), y(t(me), {
|
|
621
664
|
key: p.key
|
|
622
665
|
}, {
|
|
623
666
|
tab: d(() => [
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
667
|
+
m("div", Ne, [
|
|
668
|
+
m("span", Pe, C(p.title), 1),
|
|
669
|
+
r(t(A), {
|
|
627
670
|
title: "关闭",
|
|
628
671
|
placement: "top",
|
|
629
672
|
size: "small"
|
|
630
673
|
}, {
|
|
631
674
|
default: d(() => [
|
|
632
|
-
t(e).TabPanes.length > 1 && p.closable ? (u(),
|
|
675
|
+
t(e).TabPanes.length > 1 && p.closable ? (u(), g("div", {
|
|
633
676
|
key: 0,
|
|
634
677
|
class: "inline-block mx-auto relative flex items-center",
|
|
635
|
-
onClick:
|
|
678
|
+
onClick: G((I) => c(p.key), ["stop"])
|
|
636
679
|
}, [
|
|
637
|
-
|
|
680
|
+
r(t(b), {
|
|
638
681
|
icon: "icon-new",
|
|
639
682
|
angle: 45,
|
|
640
683
|
clickable: "",
|
|
641
684
|
class: "w-[15px] h-[15px] ml-1",
|
|
642
|
-
tipcolor: t(
|
|
685
|
+
tipcolor: t(s).colorBgSpotlight
|
|
643
686
|
}, null, 8, ["tipcolor"])
|
|
644
|
-
], 8,
|
|
687
|
+
], 8, Me)) : w("", !0)
|
|
645
688
|
]),
|
|
646
689
|
_: 2
|
|
647
690
|
}, 1024)
|
|
@@ -656,13 +699,13 @@ const re = /* @__PURE__ */ x({
|
|
|
656
699
|
}
|
|
657
700
|
});
|
|
658
701
|
export {
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
702
|
+
qe as I,
|
|
703
|
+
ge as _,
|
|
704
|
+
ye as a,
|
|
705
|
+
be as b,
|
|
706
|
+
Se as c,
|
|
707
|
+
We as d,
|
|
708
|
+
Ie as e,
|
|
709
|
+
Ye as f,
|
|
710
|
+
Je as g
|
|
668
711
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as i, createBlock as s, openBlock as l, unref as a, withCtx as p, renderSlot as f, createCommentVNode as u, mergeProps as d } from "vue";
|
|
2
2
|
import { Tooltip as I } from "ant-design-vue";
|
|
3
3
|
import { SERVER_HOST as r } from "@skyfox2000/fapi";
|
|
4
|
-
import { c as S } from "./upload-template-
|
|
4
|
+
import { c as S } from "./upload-template-CTdnP66K.js";
|
|
5
5
|
const T = /* @__PURE__ */ i({
|
|
6
6
|
__name: "index",
|
|
7
7
|
props: {
|