@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.
@@ -1,33 +1,33 @@
1
- import { defineComponent as x, createBlock as h, createCommentVNode as C, openBlock as u, unref as t, mergeProps as w, useAttrs as V, computed as j, ref as v, watch as k, withCtx as d, createElementBlock as _, normalizeStyle as T, createElementVNode as g, inject as Y, onMounted as P, createVNode as l, toDisplayString as $, Fragment as R, reactive as q, nextTick as J, renderList as W, withModifiers as X } from "vue";
2
- import { a as A, _ as S } from "./toolIcon-CIuou75Q.js";
3
- import { c as L, X as E, ak as O, $ as K, Z as U, u as D, ao as b, M as Z, a as F, Y as G, r as H, ai as B } from "./upload-template-Bs_uvXeO.js";
4
- import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
5
- import { theme as M, Breadcrumb as ee, Modal as te, Flex as ne, LayoutHeader as oe, Space as se, Menu as ie, Tabs as ce, TabPane as ae } from "ant-design-vue";
6
- import { isMicroApp as le } from "@skyfox2000/microbase";
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 re = /* @__PURE__ */ x({
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(c) {
20
- const s = c, e = L({
19
+ setup(a) {
20
+ const o = a, e = D({
21
21
  iconUrl: `${N.APP_ICONS}`,
22
- icon: s.icon
22
+ icon: o.icon
23
23
  });
24
- return (r, a) => c.icon ? (u(), h(t(e), w({
24
+ return (l, c) => a.icon ? (u(), y(t(e), $({
25
25
  key: 0,
26
- icon: c.icon,
26
+ icon: a.icon,
27
27
  class: ["text-2xl", "align-middle", "w-6", "h-6"]
28
- }, r.$attrs), null, 16, ["icon"])) : C("", !0);
28
+ }, l.$attrs), null, 16, ["icon"])) : w("", !0);
29
29
  }
30
- }), ue = ["xlink:href"], pe = /* @__PURE__ */ x({
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(c, { emit: s }) {
275
- const i = V(), e = c, r = s, a = j(() => {
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 o = e.size;
279
- return [o, o];
278
+ let i = e.size;
279
+ return [i, i];
280
280
  }
281
- }), n = v(e.icon), m = v(e.iconIndex);
282
- k(
281
+ }), n = h(e.icon), f = h(e.iconIndex);
282
+ S(
283
283
  () => e.icon,
284
- (o) => {
285
- n.value = o;
284
+ (i) => {
285
+ n.value = i;
286
286
  }
287
- ), k(
287
+ ), S(
288
288
  () => e.iconIndex,
289
- (o) => {
290
- m.value = o, n.value = e.icons[o];
289
+ (i) => {
290
+ f.value = i, n.value = e.icons[i];
291
291
  }
292
292
  );
293
- const p = j({
293
+ const p = E({
294
294
  get() {
295
- return m.value;
295
+ return f.value;
296
296
  },
297
- set(o) {
298
- m.value = o, r("update:iconIndex", m.value);
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[m.value]) : n.value = e.icon;
302
- const I = (o) => {
303
- if (o.stopPropagation(), e.clickEvent) {
304
- const y = e.clickEvent.split("#");
305
- y.length === 2 && Y("$" + y[0]).$emit(y[1], e.data);
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[m.value]), r("click");
308
- }, f = () => {
309
- let o = "";
310
- return e.spin && (o += "rotate"), e.flip && (o += " flip"), o;
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 (o, y) => (u(), h(A, {
312
+ return (i, v) => (u(), y(A, {
313
313
  title: e.tiptext,
314
314
  disabled: e.tiptext ? void 0 : "disabled",
315
- color: c.tipcolor,
316
- placement: c.placement,
317
- size: c.tipsize
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(), _("div", {
322
+ n.value ? (u(), g("div", {
323
323
  key: 0,
324
324
  class: "re-icon-container",
325
325
  style: T({
326
- width: a.value[0].toString(),
327
- height: a.value[1].toString()
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(), _("svg", w({ key: 1 }, t(i), {
331
- class: ["re-icon symbol", [e.clickable ? "clickable" : "", f(), e.className]],
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(E)(),
338
+ transform: t(K)(),
339
339
  color: e.color
340
340
  }
341
341
  }), [
342
- g("use", {
342
+ m("use", {
343
343
  "xlink:href": "#icon-" + n.value.replace("sym-", "")
344
- }, null, 8, ue)
345
- ], 16)) : (u(), _("i", w({ key: 0 }, t(i), {
346
- class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, f(), e.className]],
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(E)(e.angle, e.flip),
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)) : C("", !0)
358
+ ], 4)) : w("", !0)
359
359
  ];
360
360
  }),
361
361
  _: 1
362
362
  }, 8, ["title", "disabled", "color", "placement", "size"]));
363
363
  }
364
- }), Ke = /* @__PURE__ */ Q(pe, [["__scopeId", "data-v-0146f00c"]]), de = /* @__PURE__ */ x({
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(c) {
382
- const s = c, e = L({
383
- iconUrl: `${s.iconUrl ?? N.PROJECT_ICONS ?? N.TOOL_ICONS}`,
384
- monoColor: s.monoColor,
385
- icon: s.icon,
386
- icons: s.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 (r, a) => c.icon || c.icons ? (u(), h(t(e), w({
388
+ return (l, c) => a.icon || a.icons ? (u(), y(t(e), $({
389
389
  key: 0,
390
- icon: c.icon,
391
- icons: c.icons,
390
+ icon: a.icon,
391
+ icons: a.icons,
392
392
  class: ["align-middle"]
393
- }, r.$attrs), null, 16, ["icon", "icons"])) : C("", !0);
393
+ }, l.$attrs), null, 16, ["icon", "icons"])) : w("", !0);
394
394
  }
395
- }), me = { class: "text-xs leading-[3]" }, fe = {
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
- }, _e = /* @__PURE__ */ x({
398
+ }, be = /* @__PURE__ */ x({
399
399
  __name: "index",
400
- setup(c) {
401
- const { useToken: s } = M, { token: i } = s(), e = O();
402
- return k(
400
+ setup(a) {
401
+ const { useToken: o } = j, { token: s } = o(), e = O();
402
+ return S(
403
403
  () => e.TabActive,
404
- () => K()
404
+ () => L()
405
405
  ), P(() => {
406
- K();
407
- }), (r, a) => (u(), _("div", {
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(i).colorBgContainer
410
+ backgroundColor: t(s).colorBgContainer
411
411
  })
412
412
  }, [
413
- l(t(S), {
413
+ r(t(b), {
414
414
  icon: "icon-home",
415
415
  class: "w-[15px] h-[15px]"
416
416
  }),
417
- a[0] || (a[0] = g("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
418
- l(t(ee), {
419
- routes: t(U),
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
- g("span", me, $(n.breadcrumbName), 1),
424
- l(t(S), {
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(U).length - 1 ? (u(), _("span", fe, ">")) : C("", !0)
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
- }), ge = { class: "font-['Courier'] text-[#666]" }, xe = /* @__PURE__ */ x({
434
+ }), ke = { class: "font-['Courier'] text-[#666]" }, Se = /* @__PURE__ */ x({
435
435
  __name: "index",
436
- setup(c) {
437
- const s = v("");
436
+ setup(a) {
437
+ const o = h("");
438
438
  return P(() => {
439
439
  setInterval(() => {
440
- const i = /* @__PURE__ */ new Date(), e = { month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" }, r = i.toLocaleString(void 0, e).replace(/\//g, "-").replace(",", "");
441
- s.value = i.getFullYear() + "-" + r;
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
- }), (i, e) => (u(), _("div", ge, $(s.value), 1));
443
+ }), (s, e) => (u(), g("div", ke, C(o.value), 1));
444
444
  }
445
- }), ye = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, ve = /* @__PURE__ */ x({
445
+ }), Ce = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, Ie = /* @__PURE__ */ x({
446
446
  __name: "headerExits",
447
- setup(c) {
448
- const s = D(), i = v(!1), e = () => {
449
- i.value = !1, le() ? Z.userLogout() : s.logout(!0);
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 (r, a) => (u(), _(R, null, [
452
- l(t(A), {
453
- title: t(b)("webui.layout.header.exitPlatform")
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
- l(t(S), {
456
+ r(t(b), {
457
457
  icon: "icon-logout",
458
- onClick: a[0] || (a[0] = (n) => i.value = !0),
458
+ onClick: c[0] || (c[0] = (n) => s.value = !0),
459
459
  clickable: "",
460
460
  class: "w-5 h-5",
461
- title: t(b)("webui.layout.header.exitSystem")
461
+ title: t(k)("webui.layout.header.exitSystem")
462
462
  }, null, 8, ["title"])
463
463
  ]),
464
464
  _: 1
465
465
  }, 8, ["title"]),
466
- l(t(te), {
467
- open: i.value,
468
- "onUpdate:open": a[1] || (a[1] = (n) => i.value = n),
469
- title: t(b)("webui.layout.header.confirmExit"),
470
- "ok-text": t(b)("webui.common.confirm"),
471
- "cancel-text": t(b)("webui.common.cancel"),
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
- l(t(ne), {
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
- l(t(S), {
482
+ r(t(b), {
483
483
  icon: "icon-question-circle",
484
484
  color: "orange",
485
485
  class: "w-[60px] h-[60px]"
486
486
  }),
487
- g("div", ye, $(t(b)("webui.layout.header.exitConfirmMessage")), 1)
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
- }), he = { class: "flex items-center flex-nowrap" }, be = { class: "mr-2 text-sm whitespace-nowrap" }, ke = /* @__PURE__ */ x({
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(c) {
499
- const s = D().userInfo;
500
- return (i, e) => (u(), h(t(A), {
501
- title: t(s).Name
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
- g("div", he, [
505
- g("span", be, $(t(s).Name), 1),
506
- l(t(re), { icon: "icon-account" })
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
- }), Se = { class: "flex items-center" }, Ue = /* @__PURE__ */ x({
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(c) {
515
- const { useToken: s } = M, { token: i } = s(), e = F(), r = () => {
552
+ setup(a) {
553
+ const { useToken: o } = j, { token: s } = o(), e = H(), l = () => {
516
554
  e.setMenuCollapse(!e.menuCollapse);
517
555
  };
518
- return (a, n) => (u(), h(t(oe), {
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(i).colorBgContainer
563
+ backgroundColor: t(s).colorBgContainer
526
564
  })
527
565
  }, {
528
566
  default: d(() => [
529
- g("div", Se, [
530
- l(t(S), {
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: r
573
+ onClick: l
536
574
  }, null, 8, ["angle"]),
537
- l(_e)
575
+ r(be)
538
576
  ]),
539
- g("div", null, [
540
- l(t(se), {
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
- l(xe),
546
- l(ke),
547
- l(ve)
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
- }), Re = /* @__PURE__ */ x({
599
+ }), Ye = /* @__PURE__ */ x({
557
600
  __name: "index",
558
601
  props: {
559
602
  routes: {}
560
603
  },
561
- setup(c) {
562
- const s = c, i = v([]), e = v([]), r = q([]), a = O(), n = (f) => {
563
- B().push(f.key.toString());
564
- }, m = F(), p = v([]), I = () => {
565
- let f = a.TabActive;
566
- const o = f.split("/");
567
- o.pop(), i.value = [o.join("/")], m.menuCollapse || (p.value = [o.join("/")]), e.value = [f];
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 k(
570
- () => m.menuCollapse,
571
- (f) => {
572
- f || (p.value = [], J(() => {
573
- p.value = [...i.value];
612
+ return S(
613
+ () => f.menuCollapse,
614
+ (_) => {
615
+ _ || (p.value = [], Z(() => {
616
+ p.value = [...s.value];
574
617
  }));
575
618
  }
576
- ), k(
577
- () => a.TabActive,
619
+ ), S(
620
+ () => c.TabActive,
578
621
  () => {
579
622
  I();
580
623
  }
581
624
  ), P(() => {
582
- G(s.routes, r, de, { class: "!w-5 !h-5" }), a.setTabActive(H.currentRoute.value.path), I();
583
- }), (f, o) => (u(), h(t(ie), {
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": o[0] || (o[0] = (y) => p.value = y),
628
+ "onUpdate:openKeys": i[0] || (i[0] = (v) => p.value = v),
586
629
  selectedKeys: e.value,
587
- "onUpdate:selectedKeys": o[1] || (o[1] = (y) => e.value = y),
630
+ "onUpdate:selectedKeys": i[1] || (i[1] = (v) => e.value = v),
588
631
  mode: "inline",
589
632
  theme: "dark",
590
- items: r,
633
+ items: l,
591
634
  onClick: n
592
635
  }, null, 8, ["openKeys", "selectedKeys", "items"]));
593
636
  }
594
- }), Ie = { class: "flex items-center" }, Ce = { class: "flex" }, $e = ["onClick"], Le = /* @__PURE__ */ x({
637
+ }), Ne = { class: "flex items-center" }, Pe = { class: "flex" }, Me = ["onClick"], Je = /* @__PURE__ */ x({
595
638
  __name: "menuTabs",
596
- setup(c) {
597
- const { useToken: s } = M, { token: i } = s(), e = O();
598
- k(
599
- () => H.currentRoute.value.path,
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 r = (n) => {
647
+ const l = (n) => {
605
648
  B().push(n);
606
- }, a = (n) => {
649
+ }, c = (n) => {
607
650
  e.removeTabPane(n), B().push(e.TabActive);
608
651
  };
609
- return (n, m) => (u(), _("div", {
610
- style: T({ height: "38px", backgroundColor: t(i).colorBgBase })
652
+ return (n, f) => (u(), g("div", {
653
+ style: T({ height: "38px", backgroundColor: t(s).colorBgBase })
611
654
  }, [
612
- l(t(ce), {
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: r
660
+ onTabClick: l
618
661
  }, {
619
662
  default: d(() => [
620
- (u(!0), _(R, null, W(t(e).TabPanes, (p) => (u(), h(t(ae), {
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
- g("div", Ie, [
625
- g("span", Ce, $(p.title), 1),
626
- l(t(A), {
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(), _("div", {
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: X((I) => a(p.key), ["stop"])
678
+ onClick: G((I) => c(p.key), ["stop"])
636
679
  }, [
637
- l(t(S), {
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(i).colorBgSpotlight
685
+ tipcolor: t(s).colorBgSpotlight
643
686
  }, null, 8, ["tipcolor"])
644
- ], 8, $e)) : C("", !0)
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
- Ke as I,
660
- re as _,
661
- de as a,
662
- _e as b,
663
- xe as c,
664
- Ue as d,
665
- ve as e,
666
- Re as f,
667
- Le as g
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-Bs_uvXeO.js";
4
+ import { c as S } from "./upload-template-CTdnP66K.js";
5
5
  const T = /* @__PURE__ */ i({
6
6
  __name: "index",
7
7
  props: {