@xto/navigation 1.2.9 → 1.3.1
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/es/index.mjs +145 -145
- package/es/style.css +1 -1
- package/lib/index.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
package/es/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { defineComponent as V, useSlots as G, ref as _, watch as O, provide as A, computed as v, openBlock as r, createElementBlock as u, normalizeClass as
|
|
1
|
+
import { defineComponent as V, useSlots as G, ref as _, watch as O, provide as A, computed as v, openBlock as r, createElementBlock as u, normalizeClass as n, createElementVNode as M, unref as i, Fragment as I, renderList as q, toDisplayString as H, renderSlot as k, inject as B, withDirectives as D, createCommentVNode as C, vShow as K, normalizeStyle as X, createTextVNode as w, createVNode as T, Transition as W, withCtx as j, onMounted as J } from "vue";
|
|
2
2
|
import { useNamespace as $ } from "@xto/core";
|
|
3
|
-
const Q = ["onClick"],
|
|
3
|
+
const Q = ["onClick"], n0 = /* @__PURE__ */ V({
|
|
4
4
|
name: "XTabs",
|
|
5
5
|
__name: "index",
|
|
6
6
|
props: {
|
|
@@ -13,13 +13,13 @@ const Q = ["onClick"], o0 = /* @__PURE__ */ V({
|
|
|
13
13
|
},
|
|
14
14
|
emits: ["update:modelValue", "update:activeKey", "tabClick", "edit"],
|
|
15
15
|
setup(s, { emit: t }) {
|
|
16
|
-
const e = s, a = t, l = $("tabs"),
|
|
17
|
-
O([() => e.modelValue, () => e.activeKey], ([
|
|
18
|
-
const p =
|
|
16
|
+
const e = s, a = t, l = $("tabs"), o = G(), m = _(e.modelValue ?? e.activeKey ?? "");
|
|
17
|
+
O([() => e.modelValue, () => e.activeKey], ([c, f]) => {
|
|
18
|
+
const p = c ?? f;
|
|
19
19
|
p !== void 0 && (m.value = p);
|
|
20
20
|
});
|
|
21
|
-
const h = (
|
|
22
|
-
m.value =
|
|
21
|
+
const h = (c, f) => {
|
|
22
|
+
m.value = c, e.modelValue !== void 0 && a("update:modelValue", c), e.activeKey !== void 0 && a("update:activeKey", c), e.modelValue === void 0 && e.activeKey === void 0 && a("update:modelValue", c);
|
|
23
23
|
};
|
|
24
24
|
A("tabs", {
|
|
25
25
|
props: e,
|
|
@@ -32,39 +32,39 @@ const Q = ["onClick"], o0 = /* @__PURE__ */ V({
|
|
|
32
32
|
l.is(`position-${e.tabPosition}`)
|
|
33
33
|
]), y = v(() => {
|
|
34
34
|
var f;
|
|
35
|
-
return (((f =
|
|
36
|
-
var d, z, g, L,
|
|
35
|
+
return (((f = o.default) == null ? void 0 : f.call(o)) || []).filter((p) => p.type && p.type.name === "XTabPane").map((p) => {
|
|
36
|
+
var d, z, g, L, N, P, E;
|
|
37
37
|
return {
|
|
38
38
|
name: ((d = p.props) == null ? void 0 : d.name) || ((z = p.props) == null ? void 0 : z.paneKey) || ((g = p.props) == null ? void 0 : g.label) || ((L = p.props) == null ? void 0 : L.tab),
|
|
39
|
-
label: ((
|
|
39
|
+
label: ((N = p.props) == null ? void 0 : N.label) || ((P = p.props) == null ? void 0 : P.tab),
|
|
40
40
|
disabled: ((E = p.props) == null ? void 0 : E.disabled) === !0
|
|
41
41
|
};
|
|
42
42
|
});
|
|
43
43
|
});
|
|
44
|
-
return (
|
|
45
|
-
class:
|
|
44
|
+
return (c, f) => (r(), u("div", {
|
|
45
|
+
class: n(b.value)
|
|
46
46
|
}, [
|
|
47
47
|
M("div", {
|
|
48
|
-
class:
|
|
48
|
+
class: n(i(l).e("header"))
|
|
49
49
|
}, [
|
|
50
50
|
M("div", {
|
|
51
|
-
class:
|
|
51
|
+
class: n(i(l).e("nav"))
|
|
52
52
|
}, [
|
|
53
53
|
(r(!0), u(I, null, q(y.value, (p) => (r(), u("div", {
|
|
54
54
|
key: p.name,
|
|
55
|
-
class:
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
class: n([
|
|
56
|
+
i(l).e("item"),
|
|
57
|
+
i(l).em("item", m.value === p.name ? "active" : ""),
|
|
58
|
+
i(l).is("disabled", p.disabled)
|
|
59
59
|
]),
|
|
60
60
|
onClick: (d) => p.disabled ? null : h(p.name)
|
|
61
61
|
}, H(p.label), 11, Q))), 128))
|
|
62
62
|
], 2)
|
|
63
63
|
], 2),
|
|
64
64
|
M("div", {
|
|
65
|
-
class:
|
|
65
|
+
class: n(i(l).e("content"))
|
|
66
66
|
}, [
|
|
67
|
-
k(
|
|
67
|
+
k(c.$slots, "default")
|
|
68
68
|
], 2)
|
|
69
69
|
], 2));
|
|
70
70
|
}
|
|
@@ -84,13 +84,13 @@ const Q = ["onClick"], o0 = /* @__PURE__ */ V({
|
|
|
84
84
|
lazy: { type: Boolean, default: !1 }
|
|
85
85
|
},
|
|
86
86
|
setup(s) {
|
|
87
|
-
const t = s, e = B("tabs"), a = _(!1), l = v(() => t.name || t.paneKey || t.label || t.tab),
|
|
87
|
+
const t = s, e = B("tabs"), a = _(!1), l = v(() => t.name || t.paneKey || t.label || t.tab), o = v(() => (e == null ? void 0 : e.activeName.value) === l.value);
|
|
88
88
|
return O(() => e == null ? void 0 : e.activeName.value, () => {
|
|
89
|
-
|
|
90
|
-
}, { immediate: !0 }),
|
|
89
|
+
o.value && t.lazy && !a.value && (a.value = !0);
|
|
90
|
+
}, { immediate: !0 }), o.value && t.lazy && (a.value = !0), (m, h) => D((r(), u("div", U, [
|
|
91
91
|
a.value || !s.lazy ? k(m.$slots, "default", { key: 0 }) : C("", !0)
|
|
92
92
|
], 512)), [
|
|
93
|
-
[
|
|
93
|
+
[K, o.value]
|
|
94
94
|
]);
|
|
95
95
|
}
|
|
96
96
|
}), i0 = /* @__PURE__ */ V({
|
|
@@ -109,20 +109,20 @@ const Q = ["onClick"], o0 = /* @__PURE__ */ V({
|
|
|
109
109
|
},
|
|
110
110
|
emits: ["update:modelValue", "update:openeds", "select", "open", "close"],
|
|
111
111
|
setup(s, { emit: t }) {
|
|
112
|
-
const e = s, a = t, l = $("menu"),
|
|
112
|
+
const e = s, a = t, l = $("menu"), o = _(e.modelValue), m = _([...e.defaultOpeneds]), h = v({
|
|
113
113
|
get: () => e.openeds ?? m.value,
|
|
114
114
|
set: (d) => {
|
|
115
115
|
m.value = d, a("update:openeds", d);
|
|
116
116
|
}
|
|
117
117
|
});
|
|
118
118
|
O(() => e.modelValue, (d) => {
|
|
119
|
-
|
|
119
|
+
o.value = d;
|
|
120
120
|
}), A("menu", {
|
|
121
121
|
props: e,
|
|
122
|
-
activeIndex:
|
|
122
|
+
activeIndex: o,
|
|
123
123
|
openedMenus: h,
|
|
124
124
|
handleSelect: (d, z = []) => {
|
|
125
|
-
|
|
125
|
+
o.value = d, a("update:modelValue", d), a("select", d, z);
|
|
126
126
|
},
|
|
127
127
|
handleOpen: (d, z = []) => {
|
|
128
128
|
h.value.includes(d) || (h.value = [...h.value, d]), a("open", d, z);
|
|
@@ -145,7 +145,7 @@ const Q = ["onClick"], o0 = /* @__PURE__ */ V({
|
|
|
145
145
|
color: e.textColor
|
|
146
146
|
}));
|
|
147
147
|
return (d, z) => (r(), u("ul", {
|
|
148
|
-
class:
|
|
148
|
+
class: n(f.value),
|
|
149
149
|
style: X(p.value)
|
|
150
150
|
}, [
|
|
151
151
|
k(d.$slots, "default")
|
|
@@ -294,14 +294,14 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
294
294
|
width: a.value,
|
|
295
295
|
height: a.value,
|
|
296
296
|
color: t.color
|
|
297
|
-
})),
|
|
297
|
+
})), o = v(() => ({
|
|
298
298
|
strokeWidth: t.strokeWidth
|
|
299
299
|
})), m = v(() => [
|
|
300
300
|
e.b(),
|
|
301
301
|
e.is("spin", t.spin)
|
|
302
302
|
]), h = v(() => t.name && Y(t.name) ? F[t.name] : "");
|
|
303
303
|
return (b, y) => (r(), u("span", {
|
|
304
|
-
class:
|
|
304
|
+
class: n(m.value),
|
|
305
305
|
style: X(l.value)
|
|
306
306
|
}, [
|
|
307
307
|
h.value ? (r(), u("svg", {
|
|
@@ -312,7 +312,7 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
312
312
|
"stroke-width": s.strokeWidth,
|
|
313
313
|
"stroke-linecap": "round",
|
|
314
314
|
"stroke-linejoin": "round",
|
|
315
|
-
style: X(
|
|
315
|
+
style: X(o.value)
|
|
316
316
|
}, [
|
|
317
317
|
M("path", { d: h.value }, null, 8, e0)
|
|
318
318
|
], 12, Z)) : k(b.$slots, "default", { key: 1 }, () => [
|
|
@@ -331,41 +331,41 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
331
331
|
setup(s) {
|
|
332
332
|
const t = s, e = B("menu");
|
|
333
333
|
G();
|
|
334
|
-
const a = v(() => (e == null ? void 0 : e.activeIndex.value) === t.index), l = v(() => e == null ? void 0 : e.props.collapse),
|
|
334
|
+
const a = v(() => (e == null ? void 0 : e.activeIndex.value) === t.index), l = v(() => e == null ? void 0 : e.props.collapse), o = v(() => (e == null ? void 0 : e.props.mode) === "horizontal"), m = v(() => [
|
|
335
335
|
S,
|
|
336
336
|
{
|
|
337
337
|
"is-active": a.value,
|
|
338
338
|
"is-disabled": t.disabled,
|
|
339
|
-
"is-horizontal":
|
|
339
|
+
"is-horizontal": o.value,
|
|
340
340
|
"is-collapse": l.value
|
|
341
341
|
}
|
|
342
342
|
]), h = v(() => a.value && (e != null && e.props.activeTextColor) ? { color: e.props.activeTextColor } : {}), b = () => {
|
|
343
343
|
t.disabled || t.index && (e == null || e.handleSelect(t.index, [t.index]));
|
|
344
344
|
};
|
|
345
|
-
return (y,
|
|
346
|
-
class:
|
|
345
|
+
return (y, c) => (r(), u("li", {
|
|
346
|
+
class: n(m.value),
|
|
347
347
|
style: X(h.value),
|
|
348
348
|
onClick: b
|
|
349
349
|
}, [
|
|
350
350
|
M("div", {
|
|
351
|
-
class:
|
|
351
|
+
class: n(S + "__content")
|
|
352
352
|
}, [
|
|
353
353
|
s.icon ? (r(), u("span", {
|
|
354
354
|
key: 0,
|
|
355
|
-
class:
|
|
355
|
+
class: n(S + "__icon")
|
|
356
356
|
}, [
|
|
357
|
-
T(
|
|
357
|
+
T(i(R), {
|
|
358
358
|
name: s.icon,
|
|
359
359
|
size: 18
|
|
360
360
|
}, null, 8, ["name"])
|
|
361
361
|
], 2)) : y.$slots.icon ? (r(), u("span", {
|
|
362
362
|
key: 1,
|
|
363
|
-
class:
|
|
363
|
+
class: n(S + "__icon")
|
|
364
364
|
}, [
|
|
365
365
|
k(y.$slots, "icon")
|
|
366
366
|
], 2)) : C("", !0),
|
|
367
367
|
M("span", {
|
|
368
|
-
class:
|
|
368
|
+
class: n(S + "__text")
|
|
369
369
|
}, [
|
|
370
370
|
k(y.$slots, "default")
|
|
371
371
|
], 2)
|
|
@@ -396,7 +396,7 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
396
396
|
icon: {}
|
|
397
397
|
},
|
|
398
398
|
setup(s) {
|
|
399
|
-
const t = s, e = B("menu"), a = B("subMenu", null), l = _(!1),
|
|
399
|
+
const t = s, e = B("menu"), a = B("subMenu", null), l = _(!1), o = v(() => !!a), m = v(() => e == null ? void 0 : e.props.collapse), h = v(() => {
|
|
400
400
|
var d, z;
|
|
401
401
|
return m.value ? l.value : ((z = (d = e == null ? void 0 : e.openedMenus) == null ? void 0 : d.value) == null ? void 0 : z.includes(t.index)) ?? !1;
|
|
402
402
|
}), b = v(() => (e == null ? void 0 : e.activeIndex.value) === t.index), y = v(() => [
|
|
@@ -406,10 +406,10 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
406
406
|
"is-active": b.value,
|
|
407
407
|
"is-opened": h.value,
|
|
408
408
|
"is-disabled": t.disabled,
|
|
409
|
-
"is-nested":
|
|
409
|
+
"is-nested": o.value,
|
|
410
410
|
"is-collapse": m.value
|
|
411
411
|
}
|
|
412
|
-
]),
|
|
412
|
+
]), c = () => {
|
|
413
413
|
var d, z;
|
|
414
414
|
t.disabled || m.value || (h.value ? (d = e == null ? void 0 : e.handleClose) == null || d.call(e, t.index) : (z = e == null ? void 0 : e.handleOpen) == null || z.call(e, t.index));
|
|
415
415
|
}, f = () => {
|
|
@@ -419,45 +419,45 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
419
419
|
};
|
|
420
420
|
return A("subMenu", {
|
|
421
421
|
isOpen: h,
|
|
422
|
-
isNested:
|
|
422
|
+
isNested: o,
|
|
423
423
|
index: t.index
|
|
424
424
|
}), (d, z) => {
|
|
425
425
|
var g;
|
|
426
426
|
return r(), u("li", {
|
|
427
|
-
class:
|
|
427
|
+
class: n(y.value),
|
|
428
428
|
onMouseenter: f,
|
|
429
429
|
onMouseleave: p
|
|
430
430
|
}, [
|
|
431
431
|
M("div", {
|
|
432
|
-
class:
|
|
433
|
-
onClick:
|
|
432
|
+
class: n(x + "__title"),
|
|
433
|
+
onClick: c
|
|
434
434
|
}, [
|
|
435
435
|
M("div", {
|
|
436
|
-
class:
|
|
436
|
+
class: n(x + "__content")
|
|
437
437
|
}, [
|
|
438
438
|
s.icon ? (r(), u("span", {
|
|
439
439
|
key: 0,
|
|
440
|
-
class:
|
|
440
|
+
class: n(x + "__icon")
|
|
441
441
|
}, [
|
|
442
|
-
T(
|
|
442
|
+
T(i(R), {
|
|
443
443
|
name: s.icon,
|
|
444
444
|
size: 18
|
|
445
445
|
}, null, 8, ["name"])
|
|
446
446
|
], 2)) : d.$slots.icon ? (r(), u("span", {
|
|
447
447
|
key: 1,
|
|
448
|
-
class:
|
|
448
|
+
class: n(x + "__icon")
|
|
449
449
|
}, [
|
|
450
450
|
k(d.$slots, "icon")
|
|
451
451
|
], 2)) : C("", !0),
|
|
452
452
|
M("span", {
|
|
453
|
-
class:
|
|
453
|
+
class: n(x + "__text")
|
|
454
454
|
}, [
|
|
455
455
|
k(d.$slots, "title", {}, () => [
|
|
456
456
|
w(H(s.title), 1)
|
|
457
457
|
])
|
|
458
458
|
], 2),
|
|
459
459
|
M("span", {
|
|
460
|
-
class:
|
|
460
|
+
class: n([x + "__arrow", { "is-open": h.value }])
|
|
461
461
|
}, [...z[0] || (z[0] = [
|
|
462
462
|
M("svg", {
|
|
463
463
|
viewBox: "0 0 1024 1024",
|
|
@@ -473,17 +473,17 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
473
473
|
], 2)
|
|
474
474
|
], 2),
|
|
475
475
|
T(W, {
|
|
476
|
-
name: ((g =
|
|
476
|
+
name: ((g = i(e)) == null ? void 0 : g.props.mode) === "horizontal" ? "zoom-in-top" : "zoom-in-left"
|
|
477
477
|
}, {
|
|
478
478
|
default: j(() => {
|
|
479
479
|
var L;
|
|
480
480
|
return [
|
|
481
481
|
D(M("ul", {
|
|
482
|
-
class:
|
|
482
|
+
class: n([x + "__menu", { "is-horizontal": ((L = i(e)) == null ? void 0 : L.props.mode) === "horizontal", "is-collapse": m.value }])
|
|
483
483
|
}, [
|
|
484
484
|
k(d.$slots, "default")
|
|
485
485
|
], 2), [
|
|
486
|
-
[
|
|
486
|
+
[K, h.value]
|
|
487
487
|
])
|
|
488
488
|
];
|
|
489
489
|
}),
|
|
@@ -506,12 +506,12 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
506
506
|
separatorIcon: v(() => t.separatorIcon)
|
|
507
507
|
});
|
|
508
508
|
const a = v(() => [e.b()]);
|
|
509
|
-
return (l,
|
|
510
|
-
class:
|
|
509
|
+
return (l, o) => (r(), u("nav", {
|
|
510
|
+
class: n(a.value),
|
|
511
511
|
"aria-label": "Breadcrumb"
|
|
512
512
|
}, [
|
|
513
513
|
M("ol", {
|
|
514
|
-
class:
|
|
514
|
+
class: n(i(e).e("list"))
|
|
515
515
|
}, [
|
|
516
516
|
k(l.$slots, "default")
|
|
517
517
|
], 2)
|
|
@@ -527,42 +527,42 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
527
527
|
},
|
|
528
528
|
emits: ["click"],
|
|
529
529
|
setup(s, { emit: t }) {
|
|
530
|
-
const e = s, a = t, l = $("breadcrumb"),
|
|
530
|
+
const e = s, a = t, l = $("breadcrumb"), o = B("breadcrumb"), m = v(() => [
|
|
531
531
|
l.e("item"),
|
|
532
532
|
l.is("link", !!e.to && !e.disabled),
|
|
533
533
|
l.is("disabled", e.disabled)
|
|
534
534
|
]), h = v(() => {
|
|
535
|
-
var
|
|
536
|
-
return ((
|
|
535
|
+
var c;
|
|
536
|
+
return ((c = o == null ? void 0 : o.separator) == null ? void 0 : c.value) || "/";
|
|
537
537
|
}), b = v(() => {
|
|
538
|
-
var
|
|
539
|
-
return (
|
|
540
|
-
}), y = (
|
|
541
|
-
e.disabled || (a("click",
|
|
538
|
+
var c;
|
|
539
|
+
return (c = o == null ? void 0 : o.separatorIcon) == null ? void 0 : c.value;
|
|
540
|
+
}), y = (c) => {
|
|
541
|
+
e.disabled || (a("click", c), e.to && typeof e.to == "string" && (e.replace ? window.location.replace(e.to) : window.location.href = e.to));
|
|
542
542
|
};
|
|
543
|
-
return (
|
|
544
|
-
class:
|
|
543
|
+
return (c, f) => (r(), u("li", {
|
|
544
|
+
class: n(m.value)
|
|
545
545
|
}, [
|
|
546
546
|
s.to && !s.disabled ? (r(), u("span", {
|
|
547
547
|
key: 0,
|
|
548
|
-
class:
|
|
548
|
+
class: n(i(l).e("link")),
|
|
549
549
|
onClick: y
|
|
550
550
|
}, [
|
|
551
|
-
k(
|
|
551
|
+
k(c.$slots, "default")
|
|
552
552
|
], 2)) : (r(), u("span", {
|
|
553
553
|
key: 1,
|
|
554
|
-
class:
|
|
554
|
+
class: n(i(l).e("text")),
|
|
555
555
|
"aria-current": s.disabled ? "page" : void 0
|
|
556
556
|
}, [
|
|
557
|
-
k(
|
|
557
|
+
k(c.$slots, "default")
|
|
558
558
|
], 10, s0)),
|
|
559
559
|
M("span", {
|
|
560
|
-
class:
|
|
560
|
+
class: n(i(l).e("separator")),
|
|
561
561
|
"aria-hidden": "true"
|
|
562
562
|
}, [
|
|
563
563
|
b.value ? (r(), u("span", {
|
|
564
564
|
key: 0,
|
|
565
|
-
class:
|
|
565
|
+
class: n(i(l).e("separator-icon"))
|
|
566
566
|
}, H(b.value), 3)) : (r(), u(I, { key: 1 }, [
|
|
567
567
|
w(H(h.value), 1)
|
|
568
568
|
], 64))
|
|
@@ -583,15 +583,15 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
583
583
|
},
|
|
584
584
|
emits: ["change", "update:active"],
|
|
585
585
|
setup(s, { emit: t }) {
|
|
586
|
-
const e = s, a = t, l = $("steps"),
|
|
586
|
+
const e = s, a = t, l = $("steps"), o = _(e.active), m = _(0);
|
|
587
587
|
O(() => e.active, (f) => {
|
|
588
|
-
|
|
588
|
+
o.value = f;
|
|
589
589
|
}), A("steps", {
|
|
590
590
|
props: e,
|
|
591
|
-
currentActive:
|
|
591
|
+
currentActive: o,
|
|
592
592
|
stepCount: m,
|
|
593
593
|
setCurrentActive: (f) => {
|
|
594
|
-
|
|
594
|
+
o.value = f, a("change", f), a("update:active", f);
|
|
595
595
|
},
|
|
596
596
|
setStepCount: (f) => {
|
|
597
597
|
m.value = f;
|
|
@@ -602,12 +602,12 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
602
602
|
l.m(e.direction),
|
|
603
603
|
l.is("simple", e.simple),
|
|
604
604
|
l.is("center", e.alignCenter)
|
|
605
|
-
]),
|
|
605
|
+
]), c = v(() => e.space ? {
|
|
606
606
|
"--steps-space": typeof e.space == "number" ? `${e.space}px` : e.space
|
|
607
607
|
} : {});
|
|
608
608
|
return (f, p) => (r(), u("div", {
|
|
609
|
-
class:
|
|
610
|
-
style: X(
|
|
609
|
+
class: n(y.value),
|
|
610
|
+
style: X(c.value)
|
|
611
611
|
}, [
|
|
612
612
|
k(f.$slots, "default")
|
|
613
613
|
], 6));
|
|
@@ -626,14 +626,14 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
626
626
|
J(() => {
|
|
627
627
|
a && (l.value = a.stepCount.value, a.setStepCount(a.stepCount.value + 1));
|
|
628
628
|
});
|
|
629
|
-
const
|
|
629
|
+
const o = v(() => {
|
|
630
630
|
var f, p, d;
|
|
631
631
|
if (t.status) return t.status;
|
|
632
|
-
const
|
|
633
|
-
return l.value <
|
|
632
|
+
const c = ((f = a == null ? void 0 : a.currentActive) == null ? void 0 : f.value) ?? 0;
|
|
633
|
+
return l.value < c ? ((p = a == null ? void 0 : a.props) == null ? void 0 : p.finishStatus) || "finish" : l.value === c ? ((d = a == null ? void 0 : a.props) == null ? void 0 : d.processStatus) || "process" : "wait";
|
|
634
634
|
}), m = v(() => {
|
|
635
|
-
var
|
|
636
|
-
return l.value === (((
|
|
635
|
+
var c;
|
|
636
|
+
return l.value === (((c = a == null ? void 0 : a.stepCount) == null ? void 0 : c.value) || 0) - 1;
|
|
637
637
|
}), h = v(() => l.value === 0);
|
|
638
638
|
v(() => ({
|
|
639
639
|
wait: "#c0c4cc",
|
|
@@ -641,43 +641,43 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
641
641
|
finish: "#67c23a",
|
|
642
642
|
error: "#f56c6c",
|
|
643
643
|
success: "#67c23a"
|
|
644
|
-
})[
|
|
644
|
+
})[o.value] || "#c0c4cc");
|
|
645
645
|
const b = v(() => {
|
|
646
|
-
var
|
|
646
|
+
var c;
|
|
647
647
|
return [
|
|
648
648
|
e.b(),
|
|
649
|
-
e.is(
|
|
649
|
+
e.is(o.value),
|
|
650
650
|
e.is("last", m.value),
|
|
651
|
-
e.m(((
|
|
651
|
+
e.m(((c = a == null ? void 0 : a.props) == null ? void 0 : c.direction) || "horizontal")
|
|
652
652
|
];
|
|
653
653
|
}), y = () => {
|
|
654
|
-
var
|
|
655
|
-
l.value > -1 && ((
|
|
654
|
+
var c;
|
|
655
|
+
l.value > -1 && ((c = a == null ? void 0 : a.setCurrentActive) == null || c.call(a, l.value));
|
|
656
656
|
};
|
|
657
|
-
return (
|
|
658
|
-
class:
|
|
657
|
+
return (c, f) => (r(), u("div", {
|
|
658
|
+
class: n(b.value),
|
|
659
659
|
onClick: y
|
|
660
660
|
}, [
|
|
661
661
|
M("div", {
|
|
662
|
-
class:
|
|
662
|
+
class: n(i(e).e("head"))
|
|
663
663
|
}, [
|
|
664
664
|
h.value ? C("", !0) : (r(), u("div", {
|
|
665
665
|
key: 0,
|
|
666
|
-
class:
|
|
666
|
+
class: n([i(e).e("line"), i(e).em("line", "prev")])
|
|
667
667
|
}, null, 2)),
|
|
668
668
|
M("div", {
|
|
669
|
-
class:
|
|
669
|
+
class: n(i(e).e("icon"))
|
|
670
670
|
}, [
|
|
671
671
|
s.icon ? (r(), u("span", {
|
|
672
672
|
key: 0,
|
|
673
|
-
class:
|
|
673
|
+
class: n(i(e).e("icon-inner"))
|
|
674
674
|
}, H(s.icon), 3)) : (r(), u("span", {
|
|
675
675
|
key: 1,
|
|
676
|
-
class:
|
|
676
|
+
class: n(i(e).e("icon-inner"))
|
|
677
677
|
}, [
|
|
678
|
-
|
|
678
|
+
o.value === "finish" || o.value === "success" ? (r(), u(I, { key: 0 }, [
|
|
679
679
|
w("✓")
|
|
680
|
-
], 64)) :
|
|
680
|
+
], 64)) : o.value === "error" ? (r(), u(I, { key: 1 }, [
|
|
681
681
|
w("✕")
|
|
682
682
|
], 64)) : (r(), u(I, { key: 2 }, [
|
|
683
683
|
w(H(l.value + 1), 1)
|
|
@@ -686,24 +686,24 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
686
686
|
], 2),
|
|
687
687
|
m.value ? C("", !0) : (r(), u("div", {
|
|
688
688
|
key: 1,
|
|
689
|
-
class:
|
|
689
|
+
class: n(i(e).e("line"))
|
|
690
690
|
}, null, 2))
|
|
691
691
|
], 2),
|
|
692
692
|
M("div", {
|
|
693
|
-
class:
|
|
693
|
+
class: n(i(e).e("content"))
|
|
694
694
|
}, [
|
|
695
695
|
M("div", {
|
|
696
|
-
class:
|
|
696
|
+
class: n(i(e).e("title"))
|
|
697
697
|
}, [
|
|
698
|
-
k(
|
|
698
|
+
k(c.$slots, "title", {}, () => [
|
|
699
699
|
w(H(s.title), 1)
|
|
700
700
|
])
|
|
701
701
|
], 2),
|
|
702
|
-
s.description ||
|
|
702
|
+
s.description || c.$slots.description ? (r(), u("div", {
|
|
703
703
|
key: 0,
|
|
704
|
-
class:
|
|
704
|
+
class: n(i(e).e("description"))
|
|
705
705
|
}, [
|
|
706
|
-
k(
|
|
706
|
+
k(c.$slots, "description", {}, () => [
|
|
707
707
|
w(H(s.description), 1)
|
|
708
708
|
])
|
|
709
709
|
], 2)) : C("", !0)
|
|
@@ -724,61 +724,61 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
724
724
|
const e = t, a = $("page-header"), l = () => {
|
|
725
725
|
e("back");
|
|
726
726
|
};
|
|
727
|
-
return (
|
|
728
|
-
class:
|
|
727
|
+
return (o, m) => (r(), u("div", {
|
|
728
|
+
class: n(i(a).b())
|
|
729
729
|
}, [
|
|
730
730
|
M("div", {
|
|
731
|
-
class:
|
|
731
|
+
class: n(i(a).e("main"))
|
|
732
732
|
}, [
|
|
733
733
|
M("div", {
|
|
734
|
-
class:
|
|
734
|
+
class: n(i(a).e("left"))
|
|
735
735
|
}, [
|
|
736
736
|
s.showBack ? (r(), u("span", {
|
|
737
737
|
key: 0,
|
|
738
|
-
class:
|
|
738
|
+
class: n(i(a).e("back")),
|
|
739
739
|
onClick: l
|
|
740
740
|
}, [
|
|
741
741
|
M("span", {
|
|
742
|
-
class:
|
|
742
|
+
class: n(i(a).e("back-icon"))
|
|
743
743
|
}, "←", 2),
|
|
744
744
|
s.backText ? (r(), u("span", {
|
|
745
745
|
key: 0,
|
|
746
|
-
class:
|
|
746
|
+
class: n(i(a).e("back-text"))
|
|
747
747
|
}, H(s.backText), 3)) : C("", !0)
|
|
748
748
|
], 2)) : C("", !0),
|
|
749
749
|
M("span", {
|
|
750
|
-
class:
|
|
750
|
+
class: n(i(a).e("title"))
|
|
751
751
|
}, [
|
|
752
|
-
k(
|
|
752
|
+
k(o.$slots, "title", {}, () => [
|
|
753
753
|
w(H(s.title), 1)
|
|
754
754
|
])
|
|
755
755
|
], 2),
|
|
756
|
-
s.subtitle ||
|
|
756
|
+
s.subtitle || o.$slots.subtitle ? (r(), u("span", {
|
|
757
757
|
key: 1,
|
|
758
|
-
class:
|
|
758
|
+
class: n(i(a).e("subtitle"))
|
|
759
759
|
}, [
|
|
760
|
-
k(
|
|
760
|
+
k(o.$slots, "subtitle", {}, () => [
|
|
761
761
|
w(H(s.subtitle), 1)
|
|
762
762
|
])
|
|
763
763
|
], 2)) : C("", !0)
|
|
764
764
|
], 2),
|
|
765
765
|
M("div", {
|
|
766
|
-
class:
|
|
766
|
+
class: n(i(a).e("extra"))
|
|
767
767
|
}, [
|
|
768
|
-
k(
|
|
768
|
+
k(o.$slots, "extra")
|
|
769
769
|
], 2)
|
|
770
770
|
], 2),
|
|
771
|
-
|
|
771
|
+
o.$slots.default ? (r(), u("div", {
|
|
772
772
|
key: 0,
|
|
773
|
-
class:
|
|
773
|
+
class: n(i(a).e("content"))
|
|
774
774
|
}, [
|
|
775
|
-
k(
|
|
775
|
+
k(o.$slots, "default")
|
|
776
776
|
], 2)) : C("", !0),
|
|
777
|
-
|
|
777
|
+
o.$slots.footer ? (r(), u("div", {
|
|
778
778
|
key: 1,
|
|
779
|
-
class:
|
|
779
|
+
class: n(i(a).e("footer"))
|
|
780
780
|
}, [
|
|
781
|
-
k(
|
|
781
|
+
k(o.$slots, "footer")
|
|
782
782
|
], 2)) : C("", !0)
|
|
783
783
|
], 2));
|
|
784
784
|
}
|
|
@@ -794,15 +794,15 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
794
794
|
},
|
|
795
795
|
emits: ["visible-change", "click", "command"],
|
|
796
796
|
setup(s, { emit: t }) {
|
|
797
|
-
const e = s, a = t, l = $("dropdown"),
|
|
798
|
-
e.disabled || (
|
|
797
|
+
const e = s, a = t, l = $("dropdown"), o = _(e.visible || !1), m = _(), h = () => {
|
|
798
|
+
e.disabled || (o.value = !0, a("visible-change", !0));
|
|
799
799
|
}, b = () => {
|
|
800
|
-
|
|
800
|
+
o.value = !1, a("visible-change", !1);
|
|
801
801
|
}, y = () => {
|
|
802
|
-
|
|
802
|
+
o.value ? b() : h();
|
|
803
803
|
};
|
|
804
804
|
A("x-dropdown", {
|
|
805
|
-
visible:
|
|
805
|
+
visible: o,
|
|
806
806
|
handleClick: (z) => {
|
|
807
807
|
a("click", z), a("command", z), e.hideOnClick && b();
|
|
808
808
|
},
|
|
@@ -818,12 +818,12 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
818
818
|
return typeof window < "u" && document.addEventListener("click", d), (z, g) => (r(), u("div", {
|
|
819
819
|
ref_key: "dropdownRef",
|
|
820
820
|
ref: m,
|
|
821
|
-
class:
|
|
821
|
+
class: n([i(l).b(), i(l).is("disabled", s.disabled)]),
|
|
822
822
|
onMouseenter: f,
|
|
823
823
|
onMouseleave: p
|
|
824
824
|
}, [
|
|
825
825
|
M("div", {
|
|
826
|
-
class:
|
|
826
|
+
class: n(i(l).e("trigger")),
|
|
827
827
|
onClick: g[0] || (g[0] = (L) => s.trigger === "click" && y())
|
|
828
828
|
}, [
|
|
829
829
|
k(z.$slots, "default")
|
|
@@ -831,11 +831,11 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
831
831
|
T(W, { name: "x-dropdown-zoom" }, {
|
|
832
832
|
default: j(() => [
|
|
833
833
|
D(M("div", {
|
|
834
|
-
class:
|
|
834
|
+
class: n([i(l).e("menu"), i(l).m(s.placement)])
|
|
835
835
|
}, [
|
|
836
836
|
k(z.$slots, "dropdown")
|
|
837
837
|
], 2), [
|
|
838
|
-
[
|
|
838
|
+
[K, o.value]
|
|
839
839
|
])
|
|
840
840
|
]),
|
|
841
841
|
_: 3
|
|
@@ -848,7 +848,7 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
848
848
|
setup(s) {
|
|
849
849
|
const t = $("dropdown-menu");
|
|
850
850
|
return (e, a) => (r(), u("ul", {
|
|
851
|
-
class:
|
|
851
|
+
class: n(i(t).b())
|
|
852
852
|
}, [
|
|
853
853
|
k(e.$slots, "default")
|
|
854
854
|
], 2));
|
|
@@ -864,23 +864,23 @@ const Z = ["stroke-width"], e0 = ["d"], R = /* @__PURE__ */ V({
|
|
|
864
864
|
},
|
|
865
865
|
emits: ["click"],
|
|
866
866
|
setup(s, { emit: t }) {
|
|
867
|
-
const e = s, a = t, l = $("dropdown-item"),
|
|
868
|
-
e.disabled || (a("click", b),
|
|
867
|
+
const e = s, a = t, l = $("dropdown-item"), o = B("x-dropdown"), m = (b) => {
|
|
868
|
+
e.disabled || (a("click", b), o != null && o.handleClick && o.handleClick(e.command ?? b));
|
|
869
869
|
}, h = v(() => [
|
|
870
870
|
l.b(),
|
|
871
871
|
l.is("disabled", e.disabled),
|
|
872
872
|
l.is("divided", e.divided)
|
|
873
873
|
]);
|
|
874
874
|
return (b, y) => (r(), u("li", {
|
|
875
|
-
class:
|
|
875
|
+
class: n(h.value),
|
|
876
876
|
onClick: m
|
|
877
877
|
}, [
|
|
878
878
|
s.icon ? (r(), u("span", {
|
|
879
879
|
key: 0,
|
|
880
|
-
class:
|
|
880
|
+
class: n(i(l).e("icon"))
|
|
881
881
|
}, H(s.icon), 3)) : C("", !0),
|
|
882
882
|
M("span", {
|
|
883
|
-
class:
|
|
883
|
+
class: n(i(l).e("content"))
|
|
884
884
|
}, [
|
|
885
885
|
k(b.$slots, "default")
|
|
886
886
|
], 2)
|
|
@@ -901,5 +901,5 @@ export {
|
|
|
901
901
|
h0 as Steps,
|
|
902
902
|
d0 as SubMenu,
|
|
903
903
|
c0 as TabPane,
|
|
904
|
-
|
|
904
|
+
n0 as Tabs
|
|
905
905
|
};
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid var(--color-border-lighter, #e6e6e6);transition:width .3s ease,background-color .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid var(--color-border-lighter, #e6e6e6)}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px!important;min-width:64px}.x-menu.is-collapse>.x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__content{justify-content:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;background-color:var(--bg-color, #fff);box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d;border-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:56px;line-height:56px;color:var(--color-text-primary, #303133);position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__content{display:flex;align-items:center;height:100%}.x-menu-item__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-menu-item__icon svg,.x-menu-item__icon i{font-size:18px}.x-menu-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-menu-item:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-menu-item.is-active{color:var(--color-primary, #409eff);background-color:var(--color-primary-light-9, #ecf5ff)}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary, #409eff);border-radius:0 2px 2px 0}.x-menu-item.is-collapse{padding:0;text-align:center}.x-menu-item.is-collapse .x-menu-item__content{justify-content:center;padding:0}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__icon svg,.x-menu-item.is-collapse .x-menu-item__icon i{font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{opacity:0;width:0;overflow:hidden}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid var(--color-primary, #409eff)}.x-menu-item.is-horizontal.is-active:before{display:none}.x-menu-item.is-disabled{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #303133);height:100%}.x-sub-menu__content{display:flex;align-items:center;width:100%;height:100%}.x-sub-menu__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-sub-menu__icon svg,.x-sub-menu__icon i{font-size:18px}.x-sub-menu__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-sub-menu__arrow{font-size:12px;transition:transform .3s ease;color:var(--color-text-secondary, #909399);margin-left:4px;display:flex;align-items:center}.x-sub-menu__arrow svg{transition:transform .3s ease}.x-sub-menu__arrow.is-open svg{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:var(--bg-color, #fff)}.x-sub-menu__menu.is-collapse{border:1px solid var(--color-border-light, #e4e7ed);border-radius:4px}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__title{padding-left:40px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:60px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:relative;left:auto;top:auto;box-shadow:none;border-radius:0;border:none}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon svg,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon i{font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed);background-color:var(--bg-color, #fff)}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline;opacity:1;width:auto}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title{padding:0 20px}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline;opacity:1}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__arrow{display:flex}.x-sub-menu.is-active>.x-sub-menu__title{color:var(--color-primary, #409eff)}.x-sub-menu.is-disabled .x-sub-menu__title{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s ease,transform .2s ease;transform:translate(0)}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0;transform:translate(-10px)}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}.x-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.x-dropdown.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown__trigger{cursor:pointer}.x-dropdown__menu{position:absolute;top:100%;left:0;z-index:2000;min-width:150px;padding:5px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-dropdown__menu--top{top:auto;bottom:100%}.x-dropdown__menu--top-start{top:auto;bottom:100%;left:0}.x-dropdown__menu--top-end{top:auto;bottom:100%;left:auto;right:0}.x-dropdown__menu--bottom{top:100%;bottom:auto}.x-dropdown__menu--bottom-start{top:100%;left:0}.x-dropdown__menu--bottom-end{top:100%;left:auto;right:0}.x-dropdown-zoom-enter-active,.x-dropdown-zoom-leave-active{transition:opacity .2s,transform .2s}.x-dropdown-zoom-enter-from,.x-dropdown-zoom-leave-to{opacity:0;transform:scaleY(.8)}.x-dropdown-menu{margin:0;padding:0;list-style:none}.x-dropdown-item{display:flex;align-items:center;padding:8px 16px;margin:0;font-size:14px;color:#606266;cursor:pointer;transition:background-color .2s;list-style:none}.x-dropdown-item:hover{background-color:#f5f7fa;color:#409eff}.x-dropdown-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown-item.is-disabled:hover{background-color:transparent;color:#c0c4cc}.x-dropdown-item.is-divided{border-top:1px solid #ebeef5;margin-top:5px;padding-top:13px}.x-dropdown-item__icon{margin-right:8px}.x-dropdown-item__content{flex:1}
|
|
1
|
+
.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid var(--color-border-lighter, #e6e6e6);transition:width .3s ease,background-color .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid var(--color-border-lighter, #e6e6e6)}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px!important;min-width:64px}.x-menu.is-collapse>.x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__content{justify-content:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;background-color:var(--bg-color, #fff);box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d;border-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:56px;line-height:56px;color:var(--color-text-primary, #303133);position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__content{display:flex;align-items:center;height:100%}.x-menu-item__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-menu-item__icon svg,.x-menu-item__icon i{font-size:18px}.x-menu-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-menu-item:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-menu-item.is-active{color:var(--color-primary, #409eff);background-color:var(--color-primary-light-9, #ecf5ff)}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary, #409eff);border-radius:0 2px 2px 0}.x-menu-item.is-collapse{padding:0;text-align:center}.x-menu-item.is-collapse .x-menu-item__content{justify-content:center;padding:0}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__icon svg,.x-menu-item.is-collapse .x-menu-item__icon i{font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{opacity:0;width:0;overflow:hidden}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid var(--color-primary, #409eff)}.x-menu-item.is-horizontal.is-active:before{display:none}.x-menu-item.is-disabled{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #303133);height:100%}.x-sub-menu__content{display:flex;align-items:center;width:100%;height:100%}.x-sub-menu__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-sub-menu__icon svg,.x-sub-menu__icon i{font-size:18px}.x-sub-menu__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-sub-menu__arrow{font-size:12px;transition:transform .3s ease;color:var(--color-text-secondary, #909399);margin-left:4px;display:flex;align-items:center}.x-sub-menu__arrow svg{transition:transform .3s ease}.x-sub-menu__arrow.is-open svg{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:var(--bg-color, #fff)}.x-sub-menu__menu.is-collapse{border:1px solid var(--color-border-light, #e4e7ed);border-radius:4px}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__title{padding-left:40px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:60px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:80px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:100px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:relative;left:auto;top:auto;box-shadow:none;border-radius:0;border:none}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon svg,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon i{font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed);background-color:var(--bg-color, #fff)}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline;opacity:1;width:auto}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title{padding:0 20px}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline;opacity:1}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__arrow{display:flex}.x-sub-menu.is-active>.x-sub-menu__title{color:var(--color-primary, #409eff)}.x-sub-menu.is-disabled .x-sub-menu__title{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s ease,transform .2s ease;transform:translate(0)}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0;transform:translate(-10px)}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}.x-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.x-dropdown.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown__trigger{cursor:pointer}.x-dropdown__menu{position:absolute;top:100%;left:0;z-index:2000;min-width:150px;padding:5px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-dropdown__menu--top{top:auto;bottom:100%}.x-dropdown__menu--top-start{top:auto;bottom:100%;left:0}.x-dropdown__menu--top-end{top:auto;bottom:100%;left:auto;right:0}.x-dropdown__menu--bottom{top:100%;bottom:auto}.x-dropdown__menu--bottom-start{top:100%;left:0}.x-dropdown__menu--bottom-end{top:100%;left:auto;right:0}.x-dropdown-zoom-enter-active,.x-dropdown-zoom-leave-active{transition:opacity .2s,transform .2s}.x-dropdown-zoom-enter-from,.x-dropdown-zoom-leave-to{opacity:0;transform:scaleY(.8)}.x-dropdown-menu{margin:0;padding:0;list-style:none}.x-dropdown-item{display:flex;align-items:center;padding:8px 16px;margin:0;font-size:14px;color:#606266;cursor:pointer;transition:background-color .2s;list-style:none}.x-dropdown-item:hover{background-color:#f5f7fa;color:#409eff}.x-dropdown-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown-item.is-disabled:hover{background-color:transparent;color:#c0c4cc}.x-dropdown-item.is-divided{border-top:1px solid #ebeef5;margin-top:5px;padding-top:13px}.x-dropdown-item__icon{margin-right:8px}.x-dropdown-item__content{flex:1}
|
package/lib/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),M=require("@xto/core"),E=["onClick"],N=e.defineComponent({name:"XTabs",__name:"index",props:{modelValue:{default:void 0},activeKey:{default:void 0},type:{default:"line"},tabPosition:{default:"top"},addable:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},emits:["update:modelValue","update:activeKey","tabClick","edit"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("tabs"),s=e.useSlots(),i=e.ref(a.modelValue??a.activeKey??"");e.watch([()=>a.modelValue,()=>a.activeKey],([c,p])=>{const d=c??p;d!==void 0&&(i.value=d)});const m=(c,p)=>{i.value=c,l("update:modelValue",c),l("update:activeKey",c)};e.provide("tabs",{props:a,activeName:i,handleTabClick:m});const u=e.computed(()=>[t.b(),t.m(a.type),t.is(`position-${a.tabPosition}`)]),h=e.computed(()=>{var p;return(((p=s.default)==null?void 0:p.call(s))||[]).filter(d=>d.type&&d.type.name==="XTabPane").map(d=>{var r,v,f,z,V,b,B;return{name:((r=d.props)==null?void 0:r.name)||((v=d.props)==null?void 0:v.paneKey)||((f=d.props)==null?void 0:f.label)||((z=d.props)==null?void 0:z.tab),label:((V=d.props)==null?void 0:V.label)||((b=d.props)==null?void 0:b.tab),disabled:((B=d.props)==null?void 0:B.disabled)===!0}})});return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("nav"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,d=>(e.openBlock(),e.createElementBlock("div",{key:d.name,class:e.normalizeClass([e.unref(t).e("item"),e.unref(t).em("item",i.value===d.name?"active":""),e.unref(t).is("disabled",d.disabled)]),onClick:r=>d.disabled?null:m(d.name)},e.toDisplayString(d.label),11,E))),128))],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("content"))},[e.renderSlot(c.$slots,"default")],2)],2))}}),S={class:"x-tab-pane",role:"tabpanel"},H=e.defineComponent({name:"XTabPane",__name:"TabPane",props:{label:{},tab:{},name:{},paneKey:{},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1}},setup(o){const n=o,a=e.inject("tabs"),l=e.ref(!1),t=e.computed(()=>n.name||n.paneKey||n.label||n.tab),s=e.computed(()=>(a==null?void 0:a.activeName.value)===t.value);return e.watch(()=>a==null?void 0:a.activeName.value,()=>{s.value&&n.lazy&&!l.value&&(l.value=!0)},{immediate:!0}),s.value&&n.lazy&&(l.value=!0),(i,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[l.value||!o.lazy?e.renderSlot(i.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)),[[e.vShow,s.value]])}}),w=e.defineComponent({name:"XMenu",__name:"index",props:{modelValue:{default:""},mode:{default:"vertical"},collapse:{type:Boolean,default:!1},backgroundColor:{default:"#fff"},textColor:{default:"#303133"},activeTextColor:{default:"#409eff"},defaultOpeneds:{default:()=>[]},openeds:{default:void 0},router:{type:Boolean}},emits:["update:modelValue","update:openeds","select","open","close"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("menu"),s=e.ref(a.modelValue),i=e.ref([...a.defaultOpeneds]),m=e.computed({get:()=>a.openeds??i.value,set:r=>{i.value=r,l("update:openeds",r)}});e.watch(()=>a.modelValue,r=>{s.value=r});const u=(r,v=[])=>{s.value=r,l("update:modelValue",r),l("select",r,v)},h=(r,v=[])=>{m.value.includes(r)||(m.value=[...m.value,r]),l("open",r,v)},c=(r,v=[])=>{const f=m.value.indexOf(r);if(f>-1){const z=[...m.value];z.splice(f,1),m.value=z}l("close",r,v)};e.provide("menu",{props:a,activeIndex:s,openedMenus:m,handleSelect:u,handleOpen:h,handleClose:c});const p=e.computed(()=>[t.b(),t.is("collapse",a.collapse),t.is(`mode-${a.mode}`)]),d=e.computed(()=>({backgroundColor:a.backgroundColor,color:a.textColor}));return(r,v)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(p.value),style:e.normalizeStyle(d.value)},[e.renderSlot(r.$slots,"default")],6))}}),y={"arrow-up":"M12 19V5m0 0l-7 7m7-7l7 7","arrow-down":"M12 5v14m0 0l7-7m-7 7l-7-7","arrow-left":"M19 12H5m0 0l7 7m-7-7l7-7","arrow-right":"M5 12h14m0 0l-7-7m7 7l-7 7","arrow-up-bold":"M12 5l-7 7h4v7h6v-7h4l-7-7z","arrow-down-bold":"M12 19l7-7h-4V5H9v7H5l7 7z","arrow-left-bold":"M5 12l7-7v4h7v6h-7v4l-7-7z","arrow-right-bold":"M19 12l-7 7v-4H5v-6h7V5l7 7z","caret-down":"M6 9l6 6 6-6","caret-right":"M9 18l6-6-6-6",plus:"M12 5v14m-7-7h14",minus:"M5 12h14",close:"M6 18L18 6M6 6l12 12",check:"M5 13l4 4L19 7","check-bold":"M4 12l5 5L20 6",edit:"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z",delete:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16",copy:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z",download:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",upload:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12",refresh:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15",search:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",filter:"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z",more:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z","more-h":"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z",setting:"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",share:"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z",loading:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83",info:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",success:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",warning:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z",error:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",question:"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",user:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z","user-add":"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z","user-group":"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z",logout:"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1",login:"M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1",file:"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z",folder:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z","folder-open":"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z",document:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",image:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",video:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z",music:"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3",camera:"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z M15 13a3 3 0 11-6 0 3 3 0 016 0z",mail:"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",phone:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z",chat:"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z",bell:"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",message:"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z",eye:"M15 12a3 3 0 11-6 0 3 3 0 016 0z M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z","eye-off":"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21",calendar:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",clock:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",history:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",timer:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",location:"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z M15 11a3 3 0 11-6 0 3 3 0 016 0z",map:"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7",globe:"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9",star:"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z",heart:"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z","thumb-up":"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5",link:"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1","external-link":"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",lock:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",unlock:"M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z",key:"M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z",home:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",menu:"M4 6h16M4 12h16M4 18h16","menu-fold":"M4 6h16M4 12h10M4 18h16","menu-unfold":"M4 6h16M10 12h10M4 18h16","menu-collapse":"M4 6h16M4 12h10M4 18h16","menu-expand":"M4 6h16M10 12h10M4 18h16","sidebar-fold":"M11 19l-7-7 7-7m8 14l-7-7 7-7","sidebar-expand":"M13 5l7 7-7 7M5 5l7 7-7 7","sidebar-left":"M11 19l-7-7 7-7m8 14l-7-7 7-7",dashboard:"M4 5a1 1 0 011-1h4a1 1 0 011 1v5a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v2a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1v-4zM14 12a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1v-7z",chart:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z","chart-pie":"M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z","chart-line":"M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4v16",report:"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",analytics:"M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",system:"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M12 15a3 3 0 100-6 3 3 0 000 6z",permission:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z",role:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z","user-manage":"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z",log:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",notification:"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",app:"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z",list:"M4 6h16M4 10h16M4 14h16M4 18h16",grid:"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z",fullscreen:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4","fullscreen-exit":"M9 4V9H4m11-5v5h5M4 15h5v5m11-5h-5v5","zoom-in":"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7","zoom-out":"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7",print:"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z",bookmark:"M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z",tag:"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z",code:"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4",terminal:"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",database:"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4",server:"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01",cloud:"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z",gift:"M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7",moon:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z",sun:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",theme:"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01",skin:"M7 4h2v1c0 1.66 1.34 3 3 3s3-1.34 3-3V4h2l3 3v6h-4l1 3v5H7v-5l1-3H4V7l3-3z"};function $(o){return o in y}const x=["stroke-width"],_=["d"],g=e.defineComponent({name:"XIcon",__name:"index",props:{name:{},size:{default:24},color:{},spin:{type:Boolean,default:!1},strokeWidth:{default:2}},setup(o){const n=o,a=M.useNamespace("icon"),l=e.computed(()=>typeof n.size=="number"?`${n.size}px`:n.size),t=e.computed(()=>({width:l.value,height:l.value,color:n.color})),s=e.computed(()=>({strokeWidth:n.strokeWidth})),i=e.computed(()=>[a.b(),a.is("spin",n.spin)]),m=e.computed(()=>n.name&&$(n.name)?y[n.name]:"");return(u,h)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(i.value),style:e.normalizeStyle(t.value)},[m.value?(e.openBlock(),e.createElementBlock("svg",{key:0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":o.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",style:e.normalizeStyle(s.value)},[e.createElementVNode("path",{d:m.value},null,8,_)],12,x)):e.renderSlot(u.$slots,"default",{key:1},()=>[e.createTextVNode(e.toDisplayString(o.name),1)])],6))}}),C="x-menu-item",L=e.defineComponent({name:"XMenuItem",__name:"MenuItem",props:{index:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(o){const n=o,a=e.inject("menu");e.useSlots();const l=e.computed(()=>(a==null?void 0:a.activeIndex.value)===n.index),t=e.computed(()=>a==null?void 0:a.props.collapse),s=e.computed(()=>(a==null?void 0:a.props.mode)==="horizontal"),i=e.computed(()=>[C,{"is-active":l.value,"is-disabled":n.disabled,"is-horizontal":s.value,"is-collapse":t.value}]),m=e.computed(()=>l.value&&(a!=null&&a.props.activeTextColor)?{color:a.props.activeTextColor}:{}),u=()=>{n.disabled||n.index&&(a==null||a.handleSelect(n.index,[n.index]))};return(h,c)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value),style:e.normalizeStyle(m.value),onClick:u},[e.createElementVNode("div",{class:e.normalizeClass(C+"__content")},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(C+"__icon")},[e.createVNode(e.unref(g),{name:o.icon,size:18},null,8,["name"])],2)):h.$slots.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(C+"__icon")},[e.renderSlot(h.$slots,"icon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(C+"__text")},[e.renderSlot(h.$slots,"default")],2)],2)],6))}}),A={class:"x-menu-item-group"},T={class:"x-menu-item-group__title"},D=e.defineComponent({name:"XMenuItemGroup",__name:"MenuItemGroup",props:{title:{}},setup(o){return(n,a)=>(e.openBlock(),e.createElementBlock("li",A,[e.createElementVNode("div",T,e.toDisplayString(o.title),1),e.createElementVNode("ul",null,[e.renderSlot(n.$slots,"default")])]))}}),k="x-sub-menu",I=e.defineComponent({name:"XSubMenu",__name:"SubMenu",props:{index:{default:""},title:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(o){const n=o,a=e.inject("menu"),l=e.inject("subMenu",null),t=e.ref(!1),s=e.computed(()=>!!l),i=e.computed(()=>a==null?void 0:a.props.collapse),m=e.computed(()=>{var r,v;return i.value?t.value:((v=(r=a==null?void 0:a.openedMenus)==null?void 0:r.value)==null?void 0:v.includes(n.index))??!1}),u=e.computed(()=>(a==null?void 0:a.activeIndex.value)===n.index),h=e.computed(()=>[k,k+((a==null?void 0:a.props.mode)==="horizontal"?"--horizontal":"--vertical"),{"is-active":u.value,"is-opened":m.value,"is-disabled":n.disabled,"is-nested":s.value,"is-collapse":i.value}]),c=()=>{var r,v;n.disabled||i.value||(m.value?(r=a==null?void 0:a.handleClose)==null||r.call(a,n.index):(v=a==null?void 0:a.handleOpen)==null||v.call(a,n.index))},p=()=>{n.disabled||((a==null?void 0:a.props.mode)==="horizontal"||i.value)&&(t.value=!0)},d=()=>{((a==null?void 0:a.props.mode)==="horizontal"||i.value)&&(t.value=!1)};return e.provide("subMenu",{isOpen:m,isNested:s,index:n.index}),(r,v)=>{var f;return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(h.value),onMouseenter:p,onMouseleave:d},[e.createElementVNode("div",{class:e.normalizeClass(k+"__title"),onClick:c},[e.createElementVNode("div",{class:e.normalizeClass(k+"__content")},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(k+"__icon")},[e.createVNode(e.unref(g),{name:o.icon,size:18},null,8,["name"])],2)):r.$slots.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(k+"__icon")},[e.renderSlot(r.$slots,"icon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(k+"__text")},[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2),e.createElementVNode("span",{class:e.normalizeClass([k+"__arrow",{"is-open":m.value}])},[...v[0]||(v[0]=[e.createElementVNode("svg",{viewBox:"0 0 1024 1024",width:"12",height:"12"},[e.createElementVNode("path",{fill:"currentColor",d:"M512 714.667c-17.067 0-32-6.4-44.8-19.2L147.2 375.467c-25.6-25.6-25.6-64 0-89.6s64-25.6 89.6 0L512 561.067l275.2-275.2c25.6-25.6 64-25.6 89.6 0s25.6 64 0 89.6L556.8 695.467c-12.8 12.8-27.733 19.2-44.8 19.2z"})],-1)])],2)],2)],2),e.createVNode(e.Transition,{name:((f=e.unref(a))==null?void 0:f.props.mode)==="horizontal"?"zoom-in-top":"zoom-in-left"},{default:e.withCtx(()=>{var z;return[e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass([k+"__menu",{"is-horizontal":((z=e.unref(a))==null?void 0:z.props.mode)==="horizontal","is-collapse":i.value}])},[e.renderSlot(r.$slots,"default")],2),[[e.vShow,m.value]])]}),_:3},8,["name"])],34)}}}),X=e.defineComponent({name:"XBreadcrumb",__name:"index",props:{separator:{default:"/"},separatorIcon:{}},setup(o){const n=o,a=M.useNamespace("breadcrumb");e.provide("breadcrumb",{separator:e.computed(()=>n.separator),separatorIcon:e.computed(()=>n.separatorIcon)});const l=e.computed(()=>[a.b()]);return(t,s)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(l.value),"aria-label":"Breadcrumb"},[e.createElementVNode("ol",{class:e.normalizeClass(e.unref(a).e("list"))},[e.renderSlot(t.$slots,"default")],2)],2))}}),O=["aria-current"],j=e.defineComponent({name:"XBreadcrumbItem",__name:"BreadcrumbItem",props:{to:{},replace:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("breadcrumb"),s=e.inject("breadcrumb"),i=e.computed(()=>[t.e("item"),t.is("link",!!a.to&&!a.disabled),t.is("disabled",a.disabled)]),m=e.computed(()=>{var c;return((c=s==null?void 0:s.separator)==null?void 0:c.value)||"/"}),u=e.computed(()=>{var c;return(c=s==null?void 0:s.separatorIcon)==null?void 0:c.value}),h=c=>{a.disabled||(l("click",c),a.to&&typeof a.to=="string"&&(a.replace?window.location.replace(a.to):window.location.href=a.to))};return(c,p)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value)},[o.to&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("link")),onClick:h},[e.renderSlot(c.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).e("text")),"aria-current":o.disabled?"page":void 0},[e.renderSlot(c.$slots,"default")],10,O)),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).e("separator")),"aria-hidden":"true"},[u.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("separator-icon"))},e.toDisplayString(u.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(m.value),1)],64))],2)],2))}}),P=e.defineComponent({name:"XSteps",__name:"index",props:{active:{default:0},direction:{default:"horizontal"},simple:{type:Boolean,default:!1},finishStatus:{default:"finish"},processStatus:{default:"process"},alignCenter:{type:Boolean,default:!1},space:{}},emits:["change","update:active"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("steps"),s=e.ref(a.active),i=e.ref(0);e.watch(()=>a.active,p=>{s.value=p});const m=p=>{s.value=p,l("change",p),l("update:active",p)},u=p=>{i.value=p};e.provide("steps",{props:a,currentActive:s,stepCount:i,setCurrentActive:m,setStepCount:u});const h=e.computed(()=>[t.b(),t.m(a.direction),t.is("simple",a.simple),t.is("center",a.alignCenter)]),c=e.computed(()=>a.space?{"--steps-space":typeof a.space=="number"?`${a.space}px`:a.space}:{});return(p,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.value),style:e.normalizeStyle(c.value)},[e.renderSlot(p.$slots,"default")],6))}}),K=e.defineComponent({name:"XStep",__name:"Step",props:{title:{default:""},description:{default:""},icon:{},status:{}},setup(o){const n=o,a=M.useNamespace("step"),l=e.inject("steps"),t=e.ref(-1);e.onMounted(()=>{l&&(t.value=l.stepCount.value,l.setStepCount(l.stepCount.value+1))});const s=e.computed(()=>{var p,d,r;if(n.status)return n.status;const c=((p=l==null?void 0:l.currentActive)==null?void 0:p.value)??0;return t.value<c?((d=l==null?void 0:l.props)==null?void 0:d.finishStatus)||"finish":t.value===c?((r=l==null?void 0:l.props)==null?void 0:r.processStatus)||"process":"wait"}),i=e.computed(()=>{var c;return t.value===(((c=l==null?void 0:l.stepCount)==null?void 0:c.value)||0)-1}),m=e.computed(()=>t.value===0);e.computed(()=>({wait:"#c0c4cc",process:"#409eff",finish:"#67c23a",error:"#f56c6c",success:"#67c23a"})[s.value]||"#c0c4cc");const u=e.computed(()=>{var c;return[a.b(),a.is(s.value),a.is("last",i.value),a.m(((c=l==null?void 0:l.props)==null?void 0:c.direction)||"horizontal")]}),h=()=>{var c;t.value>-1&&((c=l==null?void 0:l.setCurrentActive)==null||c.call(l,t.value))};return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onClick:h},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("head"))},[m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a).e("line"),e.unref(a).em("line","prev")])},null,2)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("icon"))},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("icon-inner"))},e.toDisplayString(o.icon),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).e("icon-inner"))},[s.value==="finish"||s.value==="success"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("✓")],64)):s.value==="error"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode("✕")],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.value+1),1)],64))],2))],2),i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("line"))},null,2))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("title"))},[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2),o.description||c.$slots.description?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("description"))},[e.renderSlot(c.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(o.description),1)])],2)):e.createCommentVNode("",!0)],2)],2))}}),F=e.defineComponent({name:"XPageHeader",__name:"index",props:{title:{default:""},subtitle:{default:""},backText:{default:"返回"},showBack:{type:Boolean,default:!1}},emits:["back"],setup(o,{emit:n}){const a=n,l=M.useNamespace("page-header"),t=()=>{a("back")};return(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("left"))},[o.showBack?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("back")),onClick:t},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("back-icon"))},"←",2),o.backText?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("back-text"))},e.toDisplayString(o.backText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("title"))},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2),o.subtitle||s.$slots.subtitle?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l).e("subtitle"))},[e.renderSlot(s.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(o.subtitle),1)])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("extra"))},[e.renderSlot(s.$slots,"extra")],2)],2),s.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("content"))},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l).e("footer"))},[e.renderSlot(s.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}}),G=e.defineComponent({name:"XDropdown",__name:"index",props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:Boolean},hideOnClick:{type:Boolean,default:!0}},emits:["visible-change","click","command"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("dropdown"),s=e.ref(a.visible||!1),i=e.ref(),m=()=>{a.disabled||(s.value=!0,l("visible-change",!0))},u=()=>{s.value=!1,l("visible-change",!1)},h=()=>{s.value?u():m()},c=v=>{l("click",v),l("command",v),a.hideOnClick&&u()};e.provide("x-dropdown",{visible:s,handleClick:c,hide:u});const p=()=>{a.trigger==="hover"&&m()},d=()=>{a.trigger==="hover"&&u()},r=v=>{i.value&&!i.value.contains(v.target)&&u()};return typeof window<"u"&&document.addEventListener("click",r),(v,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdownRef",ref:i,class:e.normalizeClass([e.unref(t).b(),e.unref(t).is("disabled",o.disabled)]),onMouseenter:p,onMouseleave:d},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("trigger")),onClick:f[0]||(f[0]=z=>o.trigger==="click"&&h())},[e.renderSlot(v.$slots,"default")],2),e.createVNode(e.Transition,{name:"x-dropdown-zoom"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("menu"),e.unref(t).m(o.placement)])},[e.renderSlot(v.$slots,"dropdown")],2),[[e.vShow,s.value]])]),_:3})],34))}}),W=e.defineComponent({name:"XDropdownMenu",__name:"DropdownMenu",setup(o){const n=M.useNamespace("dropdown-menu");return(a,l)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(n).b())},[e.renderSlot(a.$slots,"default")],2))}}),q=e.defineComponent({name:"XDropdownItem",__name:"DropdownItem",props:{command:{},disabled:{type:Boolean},divided:{type:Boolean},icon:{}},emits:["click"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("dropdown-item"),s=e.inject("x-dropdown"),i=u=>{a.disabled||(l("click",u),s!=null&&s.handleClick&&s.handleClick(a.command??u))},m=e.computed(()=>[t.b(),t.is("disabled",a.disabled),t.is("divided",a.divided)]);return(u,h)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(m.value),onClick:i},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("icon"))},e.toDisplayString(o.icon),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).e("content"))},[e.renderSlot(u.$slots,"default")],2)],2))}});exports.Breadcrumb=X;exports.BreadcrumbItem=j;exports.Dropdown=G;exports.DropdownItem=q;exports.DropdownMenu=W;exports.Menu=w;exports.MenuItem=L;exports.MenuItemGroup=D;exports.PageHeader=F;exports.Step=K;exports.Steps=P;exports.SubMenu=I;exports.TabPane=H;exports.Tabs=N;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),M=require("@xto/core"),E=["onClick"],N=e.defineComponent({name:"XTabs",__name:"index",props:{modelValue:{default:void 0},activeKey:{default:void 0},type:{default:"line"},tabPosition:{default:"top"},addable:{type:Boolean,default:!1},closable:{type:Boolean,default:!1}},emits:["update:modelValue","update:activeKey","tabClick","edit"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("tabs"),s=e.useSlots(),i=e.ref(a.modelValue??a.activeKey??"");e.watch([()=>a.modelValue,()=>a.activeKey],([c,p])=>{const d=c??p;d!==void 0&&(i.value=d)});const m=(c,p)=>{i.value=c,a.modelValue!==void 0&&l("update:modelValue",c),a.activeKey!==void 0&&l("update:activeKey",c),a.modelValue===void 0&&a.activeKey===void 0&&l("update:modelValue",c)};e.provide("tabs",{props:a,activeName:i,handleTabClick:m});const u=e.computed(()=>[t.b(),t.m(a.type),t.is(`position-${a.tabPosition}`)]),h=e.computed(()=>{var p;return(((p=s.default)==null?void 0:p.call(s))||[]).filter(d=>d.type&&d.type.name==="XTabPane").map(d=>{var r,v,f,z,V,b,B;return{name:((r=d.props)==null?void 0:r.name)||((v=d.props)==null?void 0:v.paneKey)||((f=d.props)==null?void 0:f.label)||((z=d.props)==null?void 0:z.tab),label:((V=d.props)==null?void 0:V.label)||((b=d.props)==null?void 0:b.tab),disabled:((B=d.props)==null?void 0:B.disabled)===!0}})});return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value)},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("header"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("nav"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,d=>(e.openBlock(),e.createElementBlock("div",{key:d.name,class:e.normalizeClass([e.unref(t).e("item"),e.unref(t).em("item",i.value===d.name?"active":""),e.unref(t).is("disabled",d.disabled)]),onClick:r=>d.disabled?null:m(d.name)},e.toDisplayString(d.label),11,E))),128))],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("content"))},[e.renderSlot(c.$slots,"default")],2)],2))}}),S={class:"x-tab-pane",role:"tabpanel"},H=e.defineComponent({name:"XTabPane",__name:"TabPane",props:{label:{},tab:{},name:{},paneKey:{},disabled:{type:Boolean,default:!1},closable:{type:Boolean,default:!1},lazy:{type:Boolean,default:!1}},setup(o){const n=o,a=e.inject("tabs"),l=e.ref(!1),t=e.computed(()=>n.name||n.paneKey||n.label||n.tab),s=e.computed(()=>(a==null?void 0:a.activeName.value)===t.value);return e.watch(()=>a==null?void 0:a.activeName.value,()=>{s.value&&n.lazy&&!l.value&&(l.value=!0)},{immediate:!0}),s.value&&n.lazy&&(l.value=!0),(i,m)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",S,[l.value||!o.lazy?e.renderSlot(i.$slots,"default",{key:0}):e.createCommentVNode("",!0)],512)),[[e.vShow,s.value]])}}),w=e.defineComponent({name:"XMenu",__name:"index",props:{modelValue:{default:""},mode:{default:"vertical"},collapse:{type:Boolean,default:!1},backgroundColor:{default:"#fff"},textColor:{default:"#303133"},activeTextColor:{default:"#409eff"},defaultOpeneds:{default:()=>[]},openeds:{default:void 0},router:{type:Boolean}},emits:["update:modelValue","update:openeds","select","open","close"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("menu"),s=e.ref(a.modelValue),i=e.ref([...a.defaultOpeneds]),m=e.computed({get:()=>a.openeds??i.value,set:r=>{i.value=r,l("update:openeds",r)}});e.watch(()=>a.modelValue,r=>{s.value=r});const u=(r,v=[])=>{s.value=r,l("update:modelValue",r),l("select",r,v)},h=(r,v=[])=>{m.value.includes(r)||(m.value=[...m.value,r]),l("open",r,v)},c=(r,v=[])=>{const f=m.value.indexOf(r);if(f>-1){const z=[...m.value];z.splice(f,1),m.value=z}l("close",r,v)};e.provide("menu",{props:a,activeIndex:s,openedMenus:m,handleSelect:u,handleOpen:h,handleClose:c});const p=e.computed(()=>[t.b(),t.is("collapse",a.collapse),t.is(`mode-${a.mode}`)]),d=e.computed(()=>({backgroundColor:a.backgroundColor,color:a.textColor}));return(r,v)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(p.value),style:e.normalizeStyle(d.value)},[e.renderSlot(r.$slots,"default")],6))}}),y={"arrow-up":"M12 19V5m0 0l-7 7m7-7l7 7","arrow-down":"M12 5v14m0 0l7-7m-7 7l-7-7","arrow-left":"M19 12H5m0 0l7 7m-7-7l7-7","arrow-right":"M5 12h14m0 0l-7-7m7 7l-7 7","arrow-up-bold":"M12 5l-7 7h4v7h6v-7h4l-7-7z","arrow-down-bold":"M12 19l7-7h-4V5H9v7H5l7 7z","arrow-left-bold":"M5 12l7-7v4h7v6h-7v4l-7-7z","arrow-right-bold":"M19 12l-7 7v-4H5v-6h7V5l7 7z","caret-down":"M6 9l6 6 6-6","caret-right":"M9 18l6-6-6-6",plus:"M12 5v14m-7-7h14",minus:"M5 12h14",close:"M6 18L18 6M6 6l12 12",check:"M5 13l4 4L19 7","check-bold":"M4 12l5 5L20 6",edit:"M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z",delete:"M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16",copy:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z",download:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",upload:"M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12",refresh:"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15",search:"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z",filter:"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z",more:"M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z","more-h":"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z",setting:"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M15 12a3 3 0 11-6 0 3 3 0 016 0z",share:"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z",loading:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83",info:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",success:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z",warning:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z",error:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z",question:"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z",user:"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z","user-add":"M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z","user-group":"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z",logout:"M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1",login:"M11 16l-4-4m0 0l4-4m-4 4h14m-5 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h7a3 3 0 013 3v1",file:"M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z",folder:"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z","folder-open":"M5 19a2 2 0 01-2-2V7a2 2 0 012-2h4l2 2h4a2 2 0 012 2v1M5 19h14a2 2 0 002-2v-5a2 2 0 00-2-2H9a2 2 0 00-2 2v5a2 2 0 01-2 2z",document:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",image:"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",video:"M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z",music:"M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3",camera:"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z M15 13a3 3 0 11-6 0 3 3 0 016 0z",mail:"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z",phone:"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z",chat:"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z",bell:"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",message:"M8 10h.01M12 10h.01M16 10h.01M9 16H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-5l-5 5v-5z",eye:"M15 12a3 3 0 11-6 0 3 3 0 016 0z M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z","eye-off":"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21",calendar:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",clock:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",history:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",timer:"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z",location:"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z M15 11a3 3 0 11-6 0 3 3 0 016 0z",map:"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7",globe:"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9",star:"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z",heart:"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z","thumb-up":"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5",link:"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1","external-link":"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14",lock:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z",unlock:"M8 11V7a4 4 0 118 0m-4 8v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2z",key:"M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z",home:"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6",menu:"M4 6h16M4 12h16M4 18h16","menu-fold":"M4 6h16M4 12h10M4 18h16","menu-unfold":"M4 6h16M10 12h10M4 18h16","menu-collapse":"M4 6h16M4 12h10M4 18h16","menu-expand":"M4 6h16M10 12h10M4 18h16","sidebar-fold":"M11 19l-7-7 7-7m8 14l-7-7 7-7","sidebar-expand":"M13 5l7 7-7 7M5 5l7 7-7 7","sidebar-left":"M11 19l-7-7 7-7m8 14l-7-7 7-7",dashboard:"M4 5a1 1 0 011-1h4a1 1 0 011 1v5a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM14 5a1 1 0 011-1h4a1 1 0 011 1v2a1 1 0 01-1 1h-4a1 1 0 01-1-1V5zM4 15a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1H5a1 1 0 01-1-1v-4zM14 12a1 1 0 011-1h4a1 1 0 011 1v7a1 1 0 01-1 1h-4a1 1 0 01-1-1v-7z",chart:"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z","chart-pie":"M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z","chart-line":"M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4v16",report:"M9 17v-2m3 2v-4m3 4v-6m2 10H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",analytics:"M16 8v8m-4-5v5m-4-2v2m-2 4h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z",system:"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z M12 15a3 3 0 100-6 3 3 0 000 6z",permission:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z",role:"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z","user-manage":"M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z",log:"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",notification:"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9",app:"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z",list:"M4 6h16M4 10h16M4 14h16M4 18h16",grid:"M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z",fullscreen:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4","fullscreen-exit":"M9 4V9H4m11-5v5h5M4 15h5v5m11-5h-5v5","zoom-in":"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM10 7v6m3-3H7","zoom-out":"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0zM13 10H7",print:"M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z",bookmark:"M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z",tag:"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z",code:"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4",terminal:"M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z",database:"M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4",server:"M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01",cloud:"M3 15a4 4 0 004 4h9a5 5 0 10-.1-9.999 5.002 5.002 0 10-9.78 2.096A4.001 4.001 0 003 15z",gift:"M12 8v13m0-13V6a2 2 0 112 2h-2zm0 0V5.5A2.5 2.5 0 109.5 8H12zm-7 4h14M5 12a2 2 0 110-4h14a2 2 0 110 4M5 12v7a2 2 0 002 2h10a2 2 0 002-2v-7",moon:"M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z",sun:"M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z",theme:"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01",skin:"M7 4h2v1c0 1.66 1.34 3 3 3s3-1.34 3-3V4h2l3 3v6h-4l1 3v5H7v-5l1-3H4V7l3-3z"};function $(o){return o in y}const x=["stroke-width"],_=["d"],g=e.defineComponent({name:"XIcon",__name:"index",props:{name:{},size:{default:24},color:{},spin:{type:Boolean,default:!1},strokeWidth:{default:2}},setup(o){const n=o,a=M.useNamespace("icon"),l=e.computed(()=>typeof n.size=="number"?`${n.size}px`:n.size),t=e.computed(()=>({width:l.value,height:l.value,color:n.color})),s=e.computed(()=>({strokeWidth:n.strokeWidth})),i=e.computed(()=>[a.b(),a.is("spin",n.spin)]),m=e.computed(()=>n.name&&$(n.name)?y[n.name]:"");return(u,h)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(i.value),style:e.normalizeStyle(t.value)},[m.value?(e.openBlock(),e.createElementBlock("svg",{key:0,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":o.strokeWidth,"stroke-linecap":"round","stroke-linejoin":"round",style:e.normalizeStyle(s.value)},[e.createElementVNode("path",{d:m.value},null,8,_)],12,x)):e.renderSlot(u.$slots,"default",{key:1},()=>[e.createTextVNode(e.toDisplayString(o.name),1)])],6))}}),C="x-menu-item",L=e.defineComponent({name:"XMenuItem",__name:"MenuItem",props:{index:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(o){const n=o,a=e.inject("menu");e.useSlots();const l=e.computed(()=>(a==null?void 0:a.activeIndex.value)===n.index),t=e.computed(()=>a==null?void 0:a.props.collapse),s=e.computed(()=>(a==null?void 0:a.props.mode)==="horizontal"),i=e.computed(()=>[C,{"is-active":l.value,"is-disabled":n.disabled,"is-horizontal":s.value,"is-collapse":t.value}]),m=e.computed(()=>l.value&&(a!=null&&a.props.activeTextColor)?{color:a.props.activeTextColor}:{}),u=()=>{n.disabled||n.index&&(a==null||a.handleSelect(n.index,[n.index]))};return(h,c)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value),style:e.normalizeStyle(m.value),onClick:u},[e.createElementVNode("div",{class:e.normalizeClass(C+"__content")},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(C+"__icon")},[e.createVNode(e.unref(g),{name:o.icon,size:18},null,8,["name"])],2)):h.$slots.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(C+"__icon")},[e.renderSlot(h.$slots,"icon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(C+"__text")},[e.renderSlot(h.$slots,"default")],2)],2)],6))}}),A={class:"x-menu-item-group"},T={class:"x-menu-item-group__title"},D=e.defineComponent({name:"XMenuItemGroup",__name:"MenuItemGroup",props:{title:{}},setup(o){return(n,a)=>(e.openBlock(),e.createElementBlock("li",A,[e.createElementVNode("div",T,e.toDisplayString(o.title),1),e.createElementVNode("ul",null,[e.renderSlot(n.$slots,"default")])]))}}),k="x-sub-menu",I=e.defineComponent({name:"XSubMenu",__name:"SubMenu",props:{index:{default:""},title:{default:""},disabled:{type:Boolean,default:!1},icon:{}},setup(o){const n=o,a=e.inject("menu"),l=e.inject("subMenu",null),t=e.ref(!1),s=e.computed(()=>!!l),i=e.computed(()=>a==null?void 0:a.props.collapse),m=e.computed(()=>{var r,v;return i.value?t.value:((v=(r=a==null?void 0:a.openedMenus)==null?void 0:r.value)==null?void 0:v.includes(n.index))??!1}),u=e.computed(()=>(a==null?void 0:a.activeIndex.value)===n.index),h=e.computed(()=>[k,k+((a==null?void 0:a.props.mode)==="horizontal"?"--horizontal":"--vertical"),{"is-active":u.value,"is-opened":m.value,"is-disabled":n.disabled,"is-nested":s.value,"is-collapse":i.value}]),c=()=>{var r,v;n.disabled||i.value||(m.value?(r=a==null?void 0:a.handleClose)==null||r.call(a,n.index):(v=a==null?void 0:a.handleOpen)==null||v.call(a,n.index))},p=()=>{n.disabled||((a==null?void 0:a.props.mode)==="horizontal"||i.value)&&(t.value=!0)},d=()=>{((a==null?void 0:a.props.mode)==="horizontal"||i.value)&&(t.value=!1)};return e.provide("subMenu",{isOpen:m,isNested:s,index:n.index}),(r,v)=>{var f;return e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(h.value),onMouseenter:p,onMouseleave:d},[e.createElementVNode("div",{class:e.normalizeClass(k+"__title"),onClick:c},[e.createElementVNode("div",{class:e.normalizeClass(k+"__content")},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(k+"__icon")},[e.createVNode(e.unref(g),{name:o.icon,size:18},null,8,["name"])],2)):r.$slots.icon?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(k+"__icon")},[e.renderSlot(r.$slots,"icon")],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(k+"__text")},[e.renderSlot(r.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2),e.createElementVNode("span",{class:e.normalizeClass([k+"__arrow",{"is-open":m.value}])},[...v[0]||(v[0]=[e.createElementVNode("svg",{viewBox:"0 0 1024 1024",width:"12",height:"12"},[e.createElementVNode("path",{fill:"currentColor",d:"M512 714.667c-17.067 0-32-6.4-44.8-19.2L147.2 375.467c-25.6-25.6-25.6-64 0-89.6s64-25.6 89.6 0L512 561.067l275.2-275.2c25.6-25.6 64-25.6 89.6 0s25.6 64 0 89.6L556.8 695.467c-12.8 12.8-27.733 19.2-44.8 19.2z"})],-1)])],2)],2)],2),e.createVNode(e.Transition,{name:((f=e.unref(a))==null?void 0:f.props.mode)==="horizontal"?"zoom-in-top":"zoom-in-left"},{default:e.withCtx(()=>{var z;return[e.withDirectives(e.createElementVNode("ul",{class:e.normalizeClass([k+"__menu",{"is-horizontal":((z=e.unref(a))==null?void 0:z.props.mode)==="horizontal","is-collapse":i.value}])},[e.renderSlot(r.$slots,"default")],2),[[e.vShow,m.value]])]}),_:3},8,["name"])],34)}}}),X=e.defineComponent({name:"XBreadcrumb",__name:"index",props:{separator:{default:"/"},separatorIcon:{}},setup(o){const n=o,a=M.useNamespace("breadcrumb");e.provide("breadcrumb",{separator:e.computed(()=>n.separator),separatorIcon:e.computed(()=>n.separatorIcon)});const l=e.computed(()=>[a.b()]);return(t,s)=>(e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(l.value),"aria-label":"Breadcrumb"},[e.createElementVNode("ol",{class:e.normalizeClass(e.unref(a).e("list"))},[e.renderSlot(t.$slots,"default")],2)],2))}}),O=["aria-current"],K=e.defineComponent({name:"XBreadcrumbItem",__name:"BreadcrumbItem",props:{to:{},replace:{type:Boolean},disabled:{type:Boolean}},emits:["click"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("breadcrumb"),s=e.inject("breadcrumb"),i=e.computed(()=>[t.e("item"),t.is("link",!!a.to&&!a.disabled),t.is("disabled",a.disabled)]),m=e.computed(()=>{var c;return((c=s==null?void 0:s.separator)==null?void 0:c.value)||"/"}),u=e.computed(()=>{var c;return(c=s==null?void 0:s.separatorIcon)==null?void 0:c.value}),h=c=>{a.disabled||(l("click",c),a.to&&typeof a.to=="string"&&(a.replace?window.location.replace(a.to):window.location.href=a.to))};return(c,p)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(i.value)},[o.to&&!o.disabled?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("link")),onClick:h},[e.renderSlot(c.$slots,"default")],2)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t).e("text")),"aria-current":o.disabled?"page":void 0},[e.renderSlot(c.$slots,"default")],10,O)),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).e("separator")),"aria-hidden":"true"},[u.value?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("separator-icon"))},e.toDisplayString(u.value),3)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(m.value),1)],64))],2)],2))}}),j=e.defineComponent({name:"XSteps",__name:"index",props:{active:{default:0},direction:{default:"horizontal"},simple:{type:Boolean,default:!1},finishStatus:{default:"finish"},processStatus:{default:"process"},alignCenter:{type:Boolean,default:!1},space:{}},emits:["change","update:active"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("steps"),s=e.ref(a.active),i=e.ref(0);e.watch(()=>a.active,p=>{s.value=p});const m=p=>{s.value=p,l("change",p),l("update:active",p)},u=p=>{i.value=p};e.provide("steps",{props:a,currentActive:s,stepCount:i,setCurrentActive:m,setStepCount:u});const h=e.computed(()=>[t.b(),t.m(a.direction),t.is("simple",a.simple),t.is("center",a.alignCenter)]),c=e.computed(()=>a.space?{"--steps-space":typeof a.space=="number"?`${a.space}px`:a.space}:{});return(p,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.value),style:e.normalizeStyle(c.value)},[e.renderSlot(p.$slots,"default")],6))}}),P=e.defineComponent({name:"XStep",__name:"Step",props:{title:{default:""},description:{default:""},icon:{},status:{}},setup(o){const n=o,a=M.useNamespace("step"),l=e.inject("steps"),t=e.ref(-1);e.onMounted(()=>{l&&(t.value=l.stepCount.value,l.setStepCount(l.stepCount.value+1))});const s=e.computed(()=>{var p,d,r;if(n.status)return n.status;const c=((p=l==null?void 0:l.currentActive)==null?void 0:p.value)??0;return t.value<c?((d=l==null?void 0:l.props)==null?void 0:d.finishStatus)||"finish":t.value===c?((r=l==null?void 0:l.props)==null?void 0:r.processStatus)||"process":"wait"}),i=e.computed(()=>{var c;return t.value===(((c=l==null?void 0:l.stepCount)==null?void 0:c.value)||0)-1}),m=e.computed(()=>t.value===0);e.computed(()=>({wait:"#c0c4cc",process:"#409eff",finish:"#67c23a",error:"#f56c6c",success:"#67c23a"})[s.value]||"#c0c4cc");const u=e.computed(()=>{var c;return[a.b(),a.is(s.value),a.is("last",i.value),a.m(((c=l==null?void 0:l.props)==null?void 0:c.direction)||"horizontal")]}),h=()=>{var c;t.value>-1&&((c=l==null?void 0:l.setCurrentActive)==null||c.call(l,t.value))};return(c,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(u.value),onClick:h},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("head"))},[m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(a).e("line"),e.unref(a).em("line","prev")])},null,2)),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("icon"))},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("icon-inner"))},e.toDisplayString(o.icon),3)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(a).e("icon-inner"))},[s.value==="finish"||s.value==="success"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("✓")],64)):s.value==="error"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode("✕")],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[e.createTextVNode(e.toDisplayString(t.value+1),1)],64))],2))],2),i.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("line"))},null,2))],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("title"))},[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2),o.description||c.$slots.description?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("description"))},[e.renderSlot(c.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(o.description),1)])],2)):e.createCommentVNode("",!0)],2)],2))}}),F=e.defineComponent({name:"XPageHeader",__name:"index",props:{title:{default:""},subtitle:{default:""},backText:{default:"返回"},showBack:{type:Boolean,default:!1}},emits:["back"],setup(o,{emit:n}){const a=n,l=M.useNamespace("page-header"),t=()=>{a("back")};return(s,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("main"))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("left"))},[o.showBack?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("back")),onClick:t},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("back-icon"))},"←",2),o.backText?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(l).e("back-text"))},e.toDisplayString(o.backText),3)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(l).e("title"))},[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],2),o.subtitle||s.$slots.subtitle?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(l).e("subtitle"))},[e.renderSlot(s.$slots,"subtitle",{},()=>[e.createTextVNode(e.toDisplayString(o.subtitle),1)])],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("extra"))},[e.renderSlot(s.$slots,"extra")],2)],2),s.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l).e("content"))},[e.renderSlot(s.$slots,"default")],2)):e.createCommentVNode("",!0),s.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l).e("footer"))},[e.renderSlot(s.$slots,"footer")],2)):e.createCommentVNode("",!0)],2))}}),G=e.defineComponent({name:"XDropdown",__name:"index",props:{trigger:{default:"hover"},placement:{default:"bottom"},disabled:{type:Boolean,default:!1},visible:{type:Boolean},hideOnClick:{type:Boolean,default:!0}},emits:["visible-change","click","command"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("dropdown"),s=e.ref(a.visible||!1),i=e.ref(),m=()=>{a.disabled||(s.value=!0,l("visible-change",!0))},u=()=>{s.value=!1,l("visible-change",!1)},h=()=>{s.value?u():m()},c=v=>{l("click",v),l("command",v),a.hideOnClick&&u()};e.provide("x-dropdown",{visible:s,handleClick:c,hide:u});const p=()=>{a.trigger==="hover"&&m()},d=()=>{a.trigger==="hover"&&u()},r=v=>{i.value&&!i.value.contains(v.target)&&u()};return typeof window<"u"&&document.addEventListener("click",r),(v,f)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"dropdownRef",ref:i,class:e.normalizeClass([e.unref(t).b(),e.unref(t).is("disabled",o.disabled)]),onMouseenter:p,onMouseleave:d},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(t).e("trigger")),onClick:f[0]||(f[0]=z=>o.trigger==="click"&&h())},[e.renderSlot(v.$slots,"default")],2),e.createVNode(e.Transition,{name:"x-dropdown-zoom"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(t).e("menu"),e.unref(t).m(o.placement)])},[e.renderSlot(v.$slots,"dropdown")],2),[[e.vShow,s.value]])]),_:3})],34))}}),W=e.defineComponent({name:"XDropdownMenu",__name:"DropdownMenu",setup(o){const n=M.useNamespace("dropdown-menu");return(a,l)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(n).b())},[e.renderSlot(a.$slots,"default")],2))}}),q=e.defineComponent({name:"XDropdownItem",__name:"DropdownItem",props:{command:{},disabled:{type:Boolean},divided:{type:Boolean},icon:{}},emits:["click"],setup(o,{emit:n}){const a=o,l=n,t=M.useNamespace("dropdown-item"),s=e.inject("x-dropdown"),i=u=>{a.disabled||(l("click",u),s!=null&&s.handleClick&&s.handleClick(a.command??u))},m=e.computed(()=>[t.b(),t.is("disabled",a.disabled),t.is("divided",a.divided)]);return(u,h)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(m.value),onClick:i},[o.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(t).e("icon"))},e.toDisplayString(o.icon),3)):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(e.unref(t).e("content"))},[e.renderSlot(u.$slots,"default")],2)],2))}});exports.Breadcrumb=X;exports.BreadcrumbItem=K;exports.Dropdown=G;exports.DropdownItem=q;exports.DropdownMenu=W;exports.Menu=w;exports.MenuItem=L;exports.MenuItemGroup=D;exports.PageHeader=F;exports.Step=P;exports.Steps=j;exports.SubMenu=I;exports.TabPane=H;exports.Tabs=N;
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid var(--color-border-lighter, #e6e6e6);transition:width .3s ease,background-color .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid var(--color-border-lighter, #e6e6e6)}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px!important;min-width:64px}.x-menu.is-collapse>.x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__content{justify-content:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;background-color:var(--bg-color, #fff);box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d;border-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:56px;line-height:56px;color:var(--color-text-primary, #303133);position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__content{display:flex;align-items:center;height:100%}.x-menu-item__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-menu-item__icon svg,.x-menu-item__icon i{font-size:18px}.x-menu-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-menu-item:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-menu-item.is-active{color:var(--color-primary, #409eff);background-color:var(--color-primary-light-9, #ecf5ff)}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary, #409eff);border-radius:0 2px 2px 0}.x-menu-item.is-collapse{padding:0;text-align:center}.x-menu-item.is-collapse .x-menu-item__content{justify-content:center;padding:0}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__icon svg,.x-menu-item.is-collapse .x-menu-item__icon i{font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{opacity:0;width:0;overflow:hidden}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid var(--color-primary, #409eff)}.x-menu-item.is-horizontal.is-active:before{display:none}.x-menu-item.is-disabled{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #303133);height:100%}.x-sub-menu__content{display:flex;align-items:center;width:100%;height:100%}.x-sub-menu__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-sub-menu__icon svg,.x-sub-menu__icon i{font-size:18px}.x-sub-menu__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-sub-menu__arrow{font-size:12px;transition:transform .3s ease;color:var(--color-text-secondary, #909399);margin-left:4px;display:flex;align-items:center}.x-sub-menu__arrow svg{transition:transform .3s ease}.x-sub-menu__arrow.is-open svg{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:var(--bg-color, #fff)}.x-sub-menu__menu.is-collapse{border:1px solid var(--color-border-light, #e4e7ed);border-radius:4px}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__title{padding-left:40px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:60px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:relative;left:auto;top:auto;box-shadow:none;border-radius:0;border:none}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon svg,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon i{font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed);background-color:var(--bg-color, #fff)}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline;opacity:1;width:auto}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title{padding:0 20px}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline;opacity:1}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__arrow{display:flex}.x-sub-menu.is-active>.x-sub-menu__title{color:var(--color-primary, #409eff)}.x-sub-menu.is-disabled .x-sub-menu__title{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s ease,transform .2s ease;transform:translate(0)}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0;transform:translate(-10px)}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}.x-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.x-dropdown.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown__trigger{cursor:pointer}.x-dropdown__menu{position:absolute;top:100%;left:0;z-index:2000;min-width:150px;padding:5px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-dropdown__menu--top{top:auto;bottom:100%}.x-dropdown__menu--top-start{top:auto;bottom:100%;left:0}.x-dropdown__menu--top-end{top:auto;bottom:100%;left:auto;right:0}.x-dropdown__menu--bottom{top:100%;bottom:auto}.x-dropdown__menu--bottom-start{top:100%;left:0}.x-dropdown__menu--bottom-end{top:100%;left:auto;right:0}.x-dropdown-zoom-enter-active,.x-dropdown-zoom-leave-active{transition:opacity .2s,transform .2s}.x-dropdown-zoom-enter-from,.x-dropdown-zoom-leave-to{opacity:0;transform:scaleY(.8)}.x-dropdown-menu{margin:0;padding:0;list-style:none}.x-dropdown-item{display:flex;align-items:center;padding:8px 16px;margin:0;font-size:14px;color:#606266;cursor:pointer;transition:background-color .2s;list-style:none}.x-dropdown-item:hover{background-color:#f5f7fa;color:#409eff}.x-dropdown-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown-item.is-disabled:hover{background-color:transparent;color:#c0c4cc}.x-dropdown-item.is-divided{border-top:1px solid #ebeef5;margin-top:5px;padding-top:13px}.x-dropdown-item__icon{margin-right:8px}.x-dropdown-item__content{flex:1}
|
|
1
|
+
.x-tabs__header{position:relative}.x-tabs__nav{display:flex;border-bottom:2px solid #e4e7ed}.x-tabs__item{padding:0 20px;height:40px;line-height:40px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s;position:relative}.x-tabs__item:hover{color:#409eff}.x-tabs__item--active{color:#409eff;font-weight:500}.x-tabs__item--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:#409eff}.x-tabs__item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-tabs__item.is-disabled:hover{color:#c0c4cc}.x-tabs__content{padding:20px 0}.x-tabs--card .x-tabs__nav{border-bottom:none}.x-tabs--card .x-tabs__item{border:1px solid #e4e7ed;border-bottom:none;margin-right:-1px;padding:0 16px}.x-tabs--card .x-tabs__item--active{background-color:#fff;border-bottom:1px solid #fff}.x-tab-pane{padding:20px;outline:none}.x-menu{list-style:none;margin:0;padding:0;position:relative;font-size:14px;box-sizing:border-box}.x-menu--vertical{display:block;width:220px;min-height:100%;border-right:1px solid var(--color-border-lighter, #e6e6e6);transition:width .3s ease,background-color .3s ease}.x-menu--vertical>.x-menu-item,.x-menu--vertical>.x-sub-menu{display:block;width:100%}.x-menu--horizontal{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%;border-bottom:1px solid var(--color-border-lighter, #e6e6e6)}.x-menu--horizontal>.x-menu-item,.x-menu--horizontal>.x-sub-menu{flex:0 0 auto}.x-menu.is-collapse{width:64px!important;min-width:64px}.x-menu.is-collapse>.x-menu-item{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__content{justify-content:center}.x-menu.is-collapse>.x-menu-item .x-menu-item__text{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center;justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__text,.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;background-color:var(--bg-color, #fff);box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline}.x-menu.is-collapse>.x-sub-menu>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline}.x-menu.is-dark{background-color:#1f2d3d;border-color:#1f2d3d;color:#bfcbd9}.x-menu.is-dark .x-menu-item,.x-menu.is-dark .x-sub-menu__title{color:#bfcbd9}.x-menu.is-dark .x-menu-item:hover,.x-menu.is-dark .x-sub-menu__title:hover{background-color:#263445}.x-menu.is-dark .x-menu-item.is-active{color:#409eff;background-color:#263445}.x-menu.is-dark .x-sub-menu__menu{background-color:#1f2d3d;border-color:#1f2d3d}.x-menu-item{list-style:none;margin:0;padding:0 20px;cursor:pointer;transition:all .3s ease;height:56px;line-height:56px;color:var(--color-text-primary, #303133);position:relative;white-space:nowrap;box-sizing:border-box}.x-menu-item__content{display:flex;align-items:center;height:100%}.x-menu-item__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-menu-item__icon svg,.x-menu-item__icon i{font-size:18px}.x-menu-item__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-menu-item:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-menu-item.is-active{color:var(--color-primary, #409eff);background-color:var(--color-primary-light-9, #ecf5ff)}.x-menu-item.is-active:not(.is-horizontal):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--color-primary, #409eff);border-radius:0 2px 2px 0}.x-menu-item.is-collapse{padding:0;text-align:center}.x-menu-item.is-collapse .x-menu-item__content{justify-content:center;padding:0}.x-menu-item.is-collapse .x-menu-item__icon{margin-right:0;font-size:20px}.x-menu-item.is-collapse .x-menu-item__icon svg,.x-menu-item.is-collapse .x-menu-item__icon i{font-size:20px}.x-menu-item.is-collapse .x-menu-item__text{opacity:0;width:0;overflow:hidden}.x-menu-item.is-horizontal{display:inline-block;height:56px;line-height:56px}.x-menu-item.is-horizontal:hover{background-color:transparent}.x-menu-item.is-horizontal.is-active{background-color:transparent;border-bottom:2px solid var(--color-primary, #409eff)}.x-menu-item.is-horizontal.is-active:before{display:none}.x-menu-item.is-disabled{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.x-menu-item.is-disabled:hover{background-color:transparent}.x-menu-item-group{list-style:none}.x-menu-item-group__title{padding:20px 20px 10px;font-size:13px;color:#909399;line-height:1}.x-menu-item-group>ul{padding:0}.x-sub-menu{list-style:none;margin:0;padding:0;position:relative}.x-sub-menu__title{display:flex;align-items:center;cursor:pointer;transition:all .3s ease;color:var(--color-text-primary, #303133);height:100%}.x-sub-menu__content{display:flex;align-items:center;width:100%;height:100%}.x-sub-menu__icon{margin-right:8px;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.x-sub-menu__icon svg,.x-sub-menu__icon i{font-size:18px}.x-sub-menu__text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease}.x-sub-menu__arrow{font-size:12px;transition:transform .3s ease;color:var(--color-text-secondary, #909399);margin-left:4px;display:flex;align-items:center}.x-sub-menu__arrow svg{transition:transform .3s ease}.x-sub-menu__arrow.is-open svg{transform:rotate(180deg)}.x-sub-menu__menu{list-style:none;margin:0;padding:0;background-color:var(--bg-color, #fff)}.x-sub-menu__menu.is-collapse{border:1px solid var(--color-border-light, #e4e7ed);border-radius:4px}.x-sub-menu--vertical{display:block;width:100%}.x-sub-menu--vertical .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--vertical .x-sub-menu__title:hover{background-color:var(--color-primary-light-9, #f0f7ff)}.x-sub-menu--vertical .x-sub-menu__menu{min-width:200px;border-right:none}.x-sub-menu--vertical .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__title{padding-left:40px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:60px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:80px}.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-menu-item,.x-sub-menu--vertical .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__menu .x-sub-menu__title{padding-left:100px}.x-sub-menu--vertical.is-nested .x-sub-menu__menu{position:relative;left:auto;top:auto;box-shadow:none;border-radius:0;border:none}.x-sub-menu--horizontal{display:inline-block;height:56px}.x-sub-menu--horizontal .x-sub-menu__title{height:56px;line-height:56px;padding:0 20px}.x-sub-menu--horizontal .x-sub-menu__title:hover{background-color:transparent}.x-sub-menu--horizontal .x-sub-menu__menu{position:absolute;top:100%;left:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed)}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item{display:block;height:50px;line-height:50px;padding-left:20px}.x-sub-menu--horizontal .x-sub-menu__menu .x-menu-item.is-active:before{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title{height:56px;line-height:56px;padding:0 20px;text-align:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__content{justify-content:center}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__text,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__arrow{display:none}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon{margin-right:0;font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon svg,.x-sub-menu.is-collapse>.x-sub-menu__title .x-sub-menu__icon i{font-size:20px}.x-sub-menu.is-collapse>.x-sub-menu__menu{position:absolute;left:64px;top:0;min-width:180px;box-shadow:var(--box-shadow, 0 2px 12px rgba(0, 0, 0, .12));border-radius:4px;z-index:100;border:1px solid var(--color-border-light, #e4e7ed);background-color:var(--bg-color, #fff)}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item{height:50px;line-height:50px;padding:0 20px;text-align:left}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__content{justify-content:flex-start}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-menu-item .x-menu-item__text{display:inline;opacity:1;width:auto}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title{padding:0 20px}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__text{display:inline;opacity:1}.x-sub-menu.is-collapse>.x-sub-menu__menu .x-sub-menu__title .x-sub-menu__arrow{display:flex}.x-sub-menu.is-active>.x-sub-menu__title{color:var(--color-primary, #409eff)}.x-sub-menu.is-disabled .x-sub-menu__title{color:var(--color-text-disabled, #c0c4cc);cursor:not-allowed}.zoom-in-top-enter-active,.zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.zoom-in-top-enter-from,.zoom-in-top-leave-to{opacity:0;transform:scaleY(0)}.zoom-in-left-enter-active,.zoom-in-left-leave-active{opacity:1;transition:opacity .2s ease,transform .2s ease;transform:translate(0)}.zoom-in-left-enter-from,.zoom-in-left-leave-to{opacity:0;transform:translate(-10px)}.x-breadcrumb{font-size:14px;line-height:1}.x-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none}.x-breadcrumb__item{display:inline-flex;align-items:center;color:#606266}.x-breadcrumb__item:last-child .x-breadcrumb__separator{display:none}.x-breadcrumb__item:last-child .x-breadcrumb__text{font-weight:500;color:#303133}.x-breadcrumb__link,.x-breadcrumb__text{display:inline-flex;align-items:center}.x-breadcrumb__link{cursor:pointer;transition:color .2s}.x-breadcrumb__link:hover{color:#409eff}.x-breadcrumb__text{color:inherit}.x-breadcrumb__separator{margin:0 8px;color:#c0c4cc;font-size:12px;-webkit-user-select:none;user-select:none}.x-breadcrumb__separator-icon{font-size:14px}.x-breadcrumb__item.is-disabled .x-breadcrumb__link,.x-breadcrumb__item.is-disabled .x-breadcrumb__text{color:#c0c4cc;cursor:not-allowed}.x-steps{display:flex;width:100%;font-size:14px}.x-steps--horizontal{flex-direction:row;align-items:flex-start}.x-steps--horizontal.is-center{align-items:center}.x-steps--vertical{flex-direction:column;min-height:300px}.x-steps.is-simple{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-radius:4px}.x-step{position:relative;flex:1;cursor:pointer}.x-step--horizontal{display:flex;flex-direction:column;align-items:center}.x-step--horizontal .x-step__head{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.x-step--horizontal .x-step__icon{position:relative;z-index:1}.x-step--horizontal .x-step__line{flex:1;height:2px;background-color:#e4e7ed;transition:background-color .3s;min-width:20px}.x-step--horizontal .x-step__content{margin-top:10px;text-align:center;padding:0 4px}.x-step--vertical{display:flex;flex-direction:row}.x-step--vertical .x-step__head{display:flex;flex-direction:column;align-items:center;position:relative}.x-step--vertical .x-step__line{width:2px;height:32px;background-color:#e4e7ed;transition:background-color .3s}.x-step--vertical .x-step__content{margin-left:12px;flex:1;padding-bottom:24px}.x-step__head{display:flex;align-items:center}.x-step__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;border:2px solid #c0c4cc;color:#c0c4cc;flex-shrink:0;transition:all .3s;box-sizing:border-box}.x-step__icon-inner{font-size:13px;font-weight:600;color:inherit}.x-step__content{width:100%}.x-step__title{font-size:14px;font-weight:500;color:#303133;line-height:1.5}.x-step__description{font-size:12px;color:#909399;margin-top:4px;line-height:1.5}.x-step.is-wait .x-step__icon{border-color:#c0c4cc;color:#c0c4cc}.x-step.is-wait .x-step__title{color:#c0c4cc}.x-step.is-process .x-step__icon{border-color:#409eff;background-color:#409eff;color:#fff}.x-step.is-process .x-step__title{color:#303133;font-weight:600}.x-step.is-finish .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-finish .x-step__title{color:#303133}.x-step.is-finish .x-step__line{background-color:#67c23a}.x-step.is-success .x-step__icon{border-color:#67c23a;background-color:#67c23a;color:#fff}.x-step.is-success .x-step__title{color:#67c23a}.x-step.is-success .x-step__line{background-color:#67c23a}.x-step.is-error .x-step__icon{border-color:#f56c6c;background-color:#f56c6c;color:#fff}.x-step.is-error .x-step__title{color:#f56c6c}.x-page-header{padding:16px 0}.x-page-header__main{display:flex;align-items:center;justify-content:space-between;line-height:28px}.x-page-header__left{display:flex;align-items:center;flex:1;min-width:0}.x-page-header__back{display:inline-flex;align-items:center;margin-right:16px;font-size:14px;color:#606266;cursor:pointer;transition:color .2s}.x-page-header__back:hover{color:#409eff}.x-page-header__back-icon{font-size:16px}.x-page-header__back-text{margin-left:4px}.x-page-header__title{font-size:20px;font-weight:600;color:#303133}.x-page-header__subtitle{margin-left:12px;font-size:14px;font-weight:400;color:#909399}.x-page-header__extra{flex-shrink:0;display:flex;align-items:center;gap:8px}.x-page-header__content{margin-top:16px}.x-page-header__footer{margin-top:16px;padding-top:16px;border-top:1px solid #ebeef5}.x-dropdown{display:inline-block;position:relative;color:#606266;font-size:14px}.x-dropdown.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown__trigger{cursor:pointer}.x-dropdown__menu{position:absolute;top:100%;left:0;z-index:2000;min-width:150px;padding:5px 0;margin:5px 0;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:0 2px 12px #0000001a}.x-dropdown__menu--top{top:auto;bottom:100%}.x-dropdown__menu--top-start{top:auto;bottom:100%;left:0}.x-dropdown__menu--top-end{top:auto;bottom:100%;left:auto;right:0}.x-dropdown__menu--bottom{top:100%;bottom:auto}.x-dropdown__menu--bottom-start{top:100%;left:0}.x-dropdown__menu--bottom-end{top:100%;left:auto;right:0}.x-dropdown-zoom-enter-active,.x-dropdown-zoom-leave-active{transition:opacity .2s,transform .2s}.x-dropdown-zoom-enter-from,.x-dropdown-zoom-leave-to{opacity:0;transform:scaleY(.8)}.x-dropdown-menu{margin:0;padding:0;list-style:none}.x-dropdown-item{display:flex;align-items:center;padding:8px 16px;margin:0;font-size:14px;color:#606266;cursor:pointer;transition:background-color .2s;list-style:none}.x-dropdown-item:hover{background-color:#f5f7fa;color:#409eff}.x-dropdown-item.is-disabled{color:#c0c4cc;cursor:not-allowed}.x-dropdown-item.is-disabled:hover{background-color:transparent;color:#c0c4cc}.x-dropdown-item.is-divided{border-top:1px solid #ebeef5;margin-top:5px;padding-top:13px}.x-dropdown-item__icon{margin-right:8px}.x-dropdown-item__content{flex:1}
|