@xto/feedback 1.1.7 → 1.1.8
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 +64 -63
- package/es/style.css +1 -1
- package/lib/index.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +8 -2
package/es/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as N, ref as I, computed as L, watch as te, resolveComponent as ke, openBlock as d, createBlock as j, Teleport as oe, createVNode as K, Transition as q, withCtx as D, createElementBlock as x, normalizeStyle as O, normalizeClass as a, unref as i, createElementVNode as C, withModifiers as ie, renderSlot as S, createTextVNode as H, toDisplayString as z, createCommentVNode as $, withDirectives as re, vShow as ce, Fragment as ge, renderList as
|
|
1
|
+
import { defineComponent as N, ref as I, computed as L, watch as te, resolveComponent as ke, openBlock as d, createBlock as j, Teleport as oe, createVNode as K, Transition as q, withCtx as D, createElementBlock as x, normalizeStyle as O, normalizeClass as a, unref as i, createElementVNode as C, withModifiers as ie, renderSlot as S, createTextVNode as H, toDisplayString as z, createCommentVNode as $, withDirectives as re, vShow as ce, Fragment as ge, renderList as ye, nextTick as ee, onUnmounted as ue, onMounted as be, reactive as Ce, createApp as ve, h as T } from "vue";
|
|
2
2
|
import { useNamespace as F, useZIndex as $e, useEscape as Be, nextMessageZIndex as Te } from "@xto/core";
|
|
3
3
|
const ot = /* @__PURE__ */ N({
|
|
4
4
|
name: "XModal",
|
|
@@ -43,7 +43,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
43
43
|
zIndex: f.value
|
|
44
44
|
}));
|
|
45
45
|
return (m, n) => {
|
|
46
|
-
const
|
|
46
|
+
const y = ke("x-button");
|
|
47
47
|
return d(), j(oe, { to: "body" }, [
|
|
48
48
|
K(q, { name: "x-modal-fade" }, {
|
|
49
49
|
default: D(() => [
|
|
@@ -94,13 +94,13 @@ const ot = /* @__PURE__ */ N({
|
|
|
94
94
|
key: 1,
|
|
95
95
|
class: a(i(o).e("footer"))
|
|
96
96
|
}, [
|
|
97
|
-
K(
|
|
97
|
+
K(y, { onClick: c }, {
|
|
98
98
|
default: D(() => [...n[1] || (n[1] = [
|
|
99
99
|
H("取消", -1)
|
|
100
100
|
])]),
|
|
101
101
|
_: 1
|
|
102
102
|
}),
|
|
103
|
-
K(
|
|
103
|
+
K(y, {
|
|
104
104
|
type: "primary",
|
|
105
105
|
style: { "margin-left": "8px" },
|
|
106
106
|
onClick: k
|
|
@@ -133,7 +133,8 @@ const ot = /* @__PURE__ */ N({
|
|
|
133
133
|
withHeader: { type: Boolean, default: !0 },
|
|
134
134
|
showClose: { type: Boolean, default: !0 },
|
|
135
135
|
closeOnClickModal: { type: Boolean, default: !0 },
|
|
136
|
-
destroyOnClose: { type: Boolean, default: !1 }
|
|
136
|
+
destroyOnClose: { type: Boolean, default: !1 },
|
|
137
|
+
modal: { type: Boolean, default: !0 }
|
|
137
138
|
},
|
|
138
139
|
emits: ["update:modelValue", "close", "open"],
|
|
139
140
|
setup(e, { emit: s }) {
|
|
@@ -162,7 +163,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
162
163
|
K(q, { name: "x-drawer-fade" }, {
|
|
163
164
|
default: D(() => [
|
|
164
165
|
re(C("div", {
|
|
165
|
-
class: a(i(o).e("overlay")),
|
|
166
|
+
class: a([i(o).e("overlay"), { [i(o).em("overlay", "no-modal")]: !e.modal }]),
|
|
166
167
|
style: O(c.value),
|
|
167
168
|
onClick: g
|
|
168
169
|
}, [
|
|
@@ -293,7 +294,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
293
294
|
key: 0,
|
|
294
295
|
class: a(i(o).e("form"))
|
|
295
296
|
}, [
|
|
296
|
-
(d(!0), x(ge, null,
|
|
297
|
+
(d(!0), x(ge, null, ye(e.fields, (n) => (d(), x("div", {
|
|
297
298
|
key: n.name,
|
|
298
299
|
class: a(i(o).e("field"))
|
|
299
300
|
}, [
|
|
@@ -309,7 +310,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
309
310
|
value: l.value[n.name],
|
|
310
311
|
placeholder: n.placeholder,
|
|
311
312
|
disabled: e.disabled || n.disabled,
|
|
312
|
-
onInput: (
|
|
313
|
+
onInput: (y) => w(n.name, y.target.value)
|
|
313
314
|
}, null, 42, Me)) : n.type === "textarea" ? (d(), x("textarea", {
|
|
314
315
|
key: 1,
|
|
315
316
|
class: a([i(o).e("textarea"), { "has-error": f.value[n.name] }]),
|
|
@@ -317,7 +318,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
317
318
|
placeholder: n.placeholder,
|
|
318
319
|
disabled: e.disabled || n.disabled,
|
|
319
320
|
rows: "4",
|
|
320
|
-
onInput: (
|
|
321
|
+
onInput: (y) => w(n.name, y.target.value)
|
|
321
322
|
}, null, 42, ze)) : n.type === "number" ? (d(), x("input", {
|
|
322
323
|
key: 2,
|
|
323
324
|
type: "number",
|
|
@@ -325,18 +326,18 @@ const ot = /* @__PURE__ */ N({
|
|
|
325
326
|
value: l.value[n.name],
|
|
326
327
|
placeholder: n.placeholder,
|
|
327
328
|
disabled: e.disabled || n.disabled,
|
|
328
|
-
onInput: (
|
|
329
|
+
onInput: (y) => w(n.name, Number(y.target.value))
|
|
329
330
|
}, null, 42, Ie)) : n.type === "select" ? (d(), x("select", {
|
|
330
331
|
key: 3,
|
|
331
332
|
class: a([i(o).e("select"), { "has-error": f.value[n.name] }]),
|
|
332
333
|
value: l.value[n.name],
|
|
333
334
|
disabled: e.disabled || n.disabled,
|
|
334
|
-
onChange: (
|
|
335
|
+
onChange: (y) => w(n.name, y.target.value)
|
|
335
336
|
}, [
|
|
336
|
-
(d(!0), x(ge, null,
|
|
337
|
-
key:
|
|
338
|
-
value:
|
|
339
|
-
}, z(
|
|
337
|
+
(d(!0), x(ge, null, ye(n.options, (y) => (d(), x("option", {
|
|
338
|
+
key: y.value,
|
|
339
|
+
value: y.value
|
|
340
|
+
}, z(y.label), 9, Le))), 128))
|
|
340
341
|
], 42, Se)) : n.type === "switch" ? (d(), x("div", {
|
|
341
342
|
key: 4,
|
|
342
343
|
class: a(i(o).e("switch"))
|
|
@@ -344,7 +345,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
344
345
|
C("button", {
|
|
345
346
|
class: a(["switch-btn", { "is-on": l.value[n.name] }]),
|
|
346
347
|
disabled: e.disabled || n.disabled,
|
|
347
|
-
onClick: (
|
|
348
|
+
onClick: (y) => w(n.name, !l.value[n.name])
|
|
348
349
|
}, z(l.value[n.name] ? "开启" : "关闭"), 11, Ve)
|
|
349
350
|
], 2)) : $("", !0),
|
|
350
351
|
f.value[n.name] ? (d(), x("span", {
|
|
@@ -501,11 +502,11 @@ const ot = /* @__PURE__ */ N({
|
|
|
501
502
|
}, t.closeDelay);
|
|
502
503
|
}, n = () => {
|
|
503
504
|
l.value ? m() : h();
|
|
504
|
-
},
|
|
505
|
+
}, y = () => {
|
|
505
506
|
t.trigger === "hover" && h();
|
|
506
507
|
}, u = () => {
|
|
507
508
|
t.trigger === "hover" && m();
|
|
508
|
-
},
|
|
509
|
+
}, b = () => {
|
|
509
510
|
t.trigger === "click" && n();
|
|
510
511
|
}, U = () => {
|
|
511
512
|
t.trigger === "focus" && h();
|
|
@@ -538,9 +539,9 @@ const ot = /* @__PURE__ */ N({
|
|
|
538
539
|
ref_key: "triggerRef",
|
|
539
540
|
ref: f,
|
|
540
541
|
class: a(i(o).e("trigger")),
|
|
541
|
-
onMouseenter:
|
|
542
|
+
onMouseenter: y,
|
|
542
543
|
onMouseleave: u,
|
|
543
|
-
onClick:
|
|
544
|
+
onClick: b,
|
|
544
545
|
onFocus: U,
|
|
545
546
|
onBlur: V
|
|
546
547
|
}, [
|
|
@@ -556,7 +557,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
556
557
|
ref: g,
|
|
557
558
|
class: a(ne.value),
|
|
558
559
|
style: O(k.value),
|
|
559
|
-
onMouseenter:
|
|
560
|
+
onMouseenter: y,
|
|
560
561
|
onMouseleave: u
|
|
561
562
|
}, [
|
|
562
563
|
S(E.$slots, "content", {}, () => [
|
|
@@ -599,58 +600,58 @@ const ot = /* @__PURE__ */ N({
|
|
|
599
600
|
setup(e, { emit: s }) {
|
|
600
601
|
const t = e, r = s, o = I(!1), l = I(null), f = I(null), g = I({}), v = () => {
|
|
601
602
|
if (!l.value || !f.value) return;
|
|
602
|
-
const u = l.value.getBoundingClientRect(),
|
|
603
|
+
const u = l.value.getBoundingClientRect(), b = f.value.getBoundingClientRect(), U = t.placement, V = t.offset;
|
|
603
604
|
let M = 0, B = 0;
|
|
604
605
|
switch (U) {
|
|
605
606
|
case "top":
|
|
606
|
-
M = u.top -
|
|
607
|
+
M = u.top - b.height - V, B = u.left + (u.width - b.width) / 2;
|
|
607
608
|
break;
|
|
608
609
|
case "top-start":
|
|
609
|
-
M = u.top -
|
|
610
|
+
M = u.top - b.height - V, B = u.left;
|
|
610
611
|
break;
|
|
611
612
|
case "top-end":
|
|
612
|
-
M = u.top -
|
|
613
|
+
M = u.top - b.height - V, B = u.right - b.width;
|
|
613
614
|
break;
|
|
614
615
|
case "bottom":
|
|
615
|
-
M = u.bottom + V, B = u.left + (u.width -
|
|
616
|
+
M = u.bottom + V, B = u.left + (u.width - b.width) / 2;
|
|
616
617
|
break;
|
|
617
618
|
case "bottom-start":
|
|
618
619
|
M = u.bottom + V, B = u.left;
|
|
619
620
|
break;
|
|
620
621
|
case "bottom-end":
|
|
621
|
-
M = u.bottom + V, B = u.right -
|
|
622
|
+
M = u.bottom + V, B = u.right - b.width;
|
|
622
623
|
break;
|
|
623
624
|
case "left":
|
|
624
|
-
M = u.top + (u.height -
|
|
625
|
+
M = u.top + (u.height - b.height) / 2, B = u.left - b.width - V;
|
|
625
626
|
break;
|
|
626
627
|
case "left-start":
|
|
627
|
-
M = u.top, B = u.left -
|
|
628
|
+
M = u.top, B = u.left - b.width - V;
|
|
628
629
|
break;
|
|
629
630
|
case "left-end":
|
|
630
|
-
M = u.bottom -
|
|
631
|
+
M = u.bottom - b.height, B = u.left - b.width - V;
|
|
631
632
|
break;
|
|
632
633
|
case "right":
|
|
633
|
-
M = u.top + (u.height -
|
|
634
|
+
M = u.top + (u.height - b.height) / 2, B = u.right + V;
|
|
634
635
|
break;
|
|
635
636
|
case "right-start":
|
|
636
637
|
M = u.top, B = u.right + V;
|
|
637
638
|
break;
|
|
638
639
|
case "right-end":
|
|
639
|
-
M = u.bottom -
|
|
640
|
+
M = u.bottom - b.height, B = u.right + V;
|
|
640
641
|
break;
|
|
641
642
|
default:
|
|
642
|
-
M = u.top -
|
|
643
|
+
M = u.top - b.height - V, B = u.left + (u.width - b.width) / 2;
|
|
643
644
|
}
|
|
644
645
|
const ne = window.innerWidth, se = window.innerHeight;
|
|
645
|
-
B < 0 && (B = 10), B +
|
|
646
|
+
B < 0 && (B = 10), B + b.width > ne && (B = ne - b.width - 10), M < 0 && (M = 10), M + b.height > se && (M = se - b.height - 10), g.value = {
|
|
646
647
|
position: "fixed",
|
|
647
648
|
top: `${M}px`,
|
|
648
649
|
left: `${B}px`,
|
|
649
650
|
zIndex: "2000"
|
|
650
651
|
};
|
|
651
652
|
}, c = (u) => {
|
|
652
|
-
var
|
|
653
|
-
o.value && ((
|
|
653
|
+
var b, U;
|
|
654
|
+
o.value && ((b = l.value) != null && b.contains(u.target) || (U = f.value) != null && U.contains(u.target) || (o.value = !1));
|
|
654
655
|
}, k = (u) => {
|
|
655
656
|
t.disabled || (u.stopPropagation(), o.value = !o.value, o.value && setTimeout(v, 0));
|
|
656
657
|
}, p = () => {
|
|
@@ -669,33 +670,33 @@ const ot = /* @__PURE__ */ N({
|
|
|
669
670
|
});
|
|
670
671
|
const n = L(() => ({
|
|
671
672
|
width: typeof t.width == "number" ? `${t.width}px` : t.width
|
|
672
|
-
})),
|
|
673
|
-
const u = t.placement,
|
|
673
|
+
})), y = L(() => {
|
|
674
|
+
const u = t.placement, b = {};
|
|
674
675
|
switch (u) {
|
|
675
676
|
case "top":
|
|
676
677
|
case "top-start":
|
|
677
678
|
case "top-end":
|
|
678
|
-
|
|
679
|
+
b.bottom = "-6px", b.transform = "rotate(45deg)";
|
|
679
680
|
break;
|
|
680
681
|
case "bottom":
|
|
681
682
|
case "bottom-start":
|
|
682
683
|
case "bottom-end":
|
|
683
|
-
|
|
684
|
+
b.top = "-6px", b.transform = "rotate(225deg)";
|
|
684
685
|
break;
|
|
685
686
|
case "left":
|
|
686
687
|
case "left-start":
|
|
687
688
|
case "left-end":
|
|
688
|
-
|
|
689
|
+
b.right = "-6px", b.transform = "rotate(315deg)";
|
|
689
690
|
break;
|
|
690
691
|
case "right":
|
|
691
692
|
case "right-start":
|
|
692
693
|
case "right-end":
|
|
693
|
-
|
|
694
|
+
b.left = "-6px", b.transform = "rotate(135deg)";
|
|
694
695
|
break;
|
|
695
696
|
}
|
|
696
|
-
return
|
|
697
|
+
return b;
|
|
697
698
|
});
|
|
698
|
-
return (u,
|
|
699
|
+
return (u, b) => (d(), x("span", Pe, [
|
|
699
700
|
C("span", {
|
|
700
701
|
ref_key: "triggerRef",
|
|
701
702
|
ref: l,
|
|
@@ -713,13 +714,13 @@ const ot = /* @__PURE__ */ N({
|
|
|
713
714
|
ref: f,
|
|
714
715
|
class: "x-popconfirm",
|
|
715
716
|
style: O({ ...g.value, ...n.value }),
|
|
716
|
-
onClick:
|
|
717
|
+
onClick: b[0] || (b[0] = ie(() => {
|
|
717
718
|
}, ["stop"]))
|
|
718
719
|
}, [
|
|
719
720
|
e.showArrow ? (d(), x("span", {
|
|
720
721
|
key: 0,
|
|
721
722
|
class: "x-popconfirm__arrow",
|
|
722
|
-
style: O(
|
|
723
|
+
style: O(y.value)
|
|
723
724
|
}, null, 4)) : $("", !0),
|
|
724
725
|
C("div", Re, [
|
|
725
726
|
e.hideIcon ? $("", !0) : (d(), x("span", {
|
|
@@ -778,7 +779,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
778
779
|
right: `${t.right}px`,
|
|
779
780
|
bottom: `${t.bottom}px`
|
|
780
781
|
}));
|
|
781
|
-
return
|
|
782
|
+
return be(() => {
|
|
782
783
|
window.addEventListener("scroll", f, { passive: !0, capture: !0 }), setTimeout(f, 100);
|
|
783
784
|
}), ue(() => {
|
|
784
785
|
window.removeEventListener("scroll", f, !0);
|
|
@@ -900,18 +901,18 @@ const ot = /* @__PURE__ */ N({
|
|
|
900
901
|
}, h = () => {
|
|
901
902
|
p && (clearTimeout(p), p = null);
|
|
902
903
|
}, m = () => {
|
|
903
|
-
var
|
|
904
|
-
f.value = !1, (
|
|
904
|
+
var y;
|
|
905
|
+
f.value = !1, (y = r.onClose) == null || y.call(r), o("close");
|
|
905
906
|
}, n = () => {
|
|
906
907
|
o("destroy");
|
|
907
908
|
};
|
|
908
|
-
return
|
|
909
|
+
return be(() => {
|
|
909
910
|
w(), f.value = !0;
|
|
910
911
|
}), ue(() => {
|
|
911
912
|
h();
|
|
912
913
|
}), s({
|
|
913
914
|
close: m
|
|
914
|
-
}), (
|
|
915
|
+
}), (y, u) => (d(), j(q, {
|
|
915
916
|
name: "x-message-fade",
|
|
916
917
|
onAfterLeave: n
|
|
917
918
|
}, {
|
|
@@ -929,7 +930,7 @@ const ot = /* @__PURE__ */ N({
|
|
|
929
930
|
C("span", {
|
|
930
931
|
class: a(i(l).e("content"))
|
|
931
932
|
}, [
|
|
932
|
-
S(
|
|
933
|
+
S(y.$slots, "default", {}, () => [
|
|
933
934
|
H(z(e.message), 1)
|
|
934
935
|
])
|
|
935
936
|
], 2),
|
|
@@ -962,15 +963,15 @@ function xe(e) {
|
|
|
962
963
|
});
|
|
963
964
|
let g = e.offset ?? 20;
|
|
964
965
|
J.forEach((n) => {
|
|
965
|
-
const
|
|
966
|
-
|
|
966
|
+
const y = n.container.firstElementChild;
|
|
967
|
+
y && y.offsetHeight && (g += y.offsetHeight + 16);
|
|
967
968
|
}), f.offset = g;
|
|
968
969
|
let v = null, c = !1;
|
|
969
970
|
const k = () => {
|
|
970
971
|
c || (f.visible = !1, setTimeout(() => {
|
|
971
972
|
if (c) return;
|
|
972
973
|
c = !0;
|
|
973
|
-
const n = J.findIndex((
|
|
974
|
+
const n = J.findIndex((y) => y.id === s);
|
|
974
975
|
n !== -1 && J.splice(n, 1);
|
|
975
976
|
try {
|
|
976
977
|
h.unmount();
|
|
@@ -1024,8 +1025,8 @@ function xe(e) {
|
|
|
1024
1025
|
color: "#909399",
|
|
1025
1026
|
padding: "0"
|
|
1026
1027
|
},
|
|
1027
|
-
onClick: (
|
|
1028
|
-
|
|
1028
|
+
onClick: (y) => {
|
|
1029
|
+
y.stopPropagation(), k();
|
|
1029
1030
|
}
|
|
1030
1031
|
}, "✕")
|
|
1031
1032
|
), T("div", {
|
|
@@ -1087,17 +1088,17 @@ function de(e) {
|
|
|
1087
1088
|
const o = N({
|
|
1088
1089
|
name: "TMessageBox",
|
|
1089
1090
|
setup() {
|
|
1090
|
-
const g = I(!1), v = I(e.inputValue ?? ""), c = I(""), k = 2e3 + Q.length + 1, p = (
|
|
1091
|
+
const g = I(!1), v = I(e.inputValue ?? ""), c = I(""), k = 2e3 + Q.length + 1, p = (y) => {
|
|
1091
1092
|
r || (r = !0, g.value = !1, setTimeout(() => {
|
|
1092
|
-
const u = Q.findIndex((
|
|
1093
|
+
const u = Q.findIndex((b) => b.container === t);
|
|
1093
1094
|
u !== -1 && Q.splice(u, 1);
|
|
1094
1095
|
try {
|
|
1095
1096
|
l.unmount();
|
|
1096
1097
|
} catch {
|
|
1097
1098
|
}
|
|
1098
1099
|
t.parentNode && t.parentNode.removeChild(t), s({
|
|
1099
|
-
action:
|
|
1100
|
-
value:
|
|
1100
|
+
action: y,
|
|
1101
|
+
value: y === "confirm" ? v.value : void 0
|
|
1101
1102
|
});
|
|
1102
1103
|
}, 300));
|
|
1103
1104
|
}, w = () => {
|
|
@@ -1337,9 +1338,9 @@ function we(e) {
|
|
|
1337
1338
|
setup() {
|
|
1338
1339
|
const c = I(!1), k = () => {
|
|
1339
1340
|
l || (l = !0, c.value = !1, setTimeout(() => {
|
|
1340
|
-
var
|
|
1341
|
+
var y;
|
|
1341
1342
|
const n = _.findIndex((u) => u.id === s);
|
|
1342
|
-
n !== -1 && _.splice(n, 1), o && clearTimeout(o), (
|
|
1343
|
+
n !== -1 && _.splice(n, 1), o && clearTimeout(o), (y = e.onClose) == null || y.call(e);
|
|
1343
1344
|
try {
|
|
1344
1345
|
g.unmount();
|
|
1345
1346
|
} catch {
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.x-modal{position:relative;margin:0 auto 20px;background-color:var(--bg-color, #fff);border-radius:8px;box-shadow:0 2px 12px #00000026;max-height:43vh;display:flex;flex-direction:column}.x-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center}.x-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8);flex-shrink:0}.x-modal__title{font-size:15px;font-weight:500;color:var(--color-text-primary, #303133)}.x-modal__close{background:none;border:none;font-size:16px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-modal__close:hover{color:var(--color-primary, #409eff)}.x-modal__body{padding:16px;color:var(--color-text-regular, #606266);font-size:14px;overflow-y:auto;flex:1}.x-modal__footer{padding:10px 16px 14px;text-align:right;flex-shrink:0}.x-modal-fade-enter-active,.x-modal-fade-leave-active{transition:opacity .3s ease}.x-modal-fade-enter-from,.x-modal-fade-leave-to{opacity:0}.x-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-drawer{position:fixed;top:0;right:0;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;transition:transform .3s}.x-drawer--ltr{top:0;right:auto;left:0}.x-drawer--rtl{top:0;right:0;left:auto}.x-drawer--ttb{top:0;left:0;right:auto}.x-drawer--btt{bottom:0;top:auto;left:0;right:auto}.x-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8)}.x-drawer__title{font-size:18px;font-weight:500;color:var(--color-text-primary, #303133)}.x-drawer__close{background:none;border:none;font-size:20px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-drawer__close:hover{color:var(--color-primary, #409eff)}.x-drawer__body{padding:20px;height:calc(100% - 60px);overflow-y:auto}.x-drawer__body--has-footer{height:calc(100% - 120px)}.x-drawer__footer{padding:16px 20px;border-top:1px solid var(--color-border-lighter, #e8e8e8);text-align:right}.x-drawer-fade-enter-active,.x-drawer-fade-leave-active{transition:opacity .3s}.x-drawer-fade-enter-active .x-drawer,.x-drawer-fade-leave-active .x-drawer{transition:transform .3s}.x-drawer-fade-enter-from,.x-drawer-fade-leave-to{opacity:0}.x-drawer-fade-enter-from .x-drawer--ltr,.x-drawer-fade-leave-to .x-drawer--ltr{transform:translate(-100%)}.x-drawer-fade-enter-from .x-drawer--rtl,.x-drawer-fade-leave-to .x-drawer--rtl{transform:translate(100%)}.x-drawer-fade-enter-from .x-drawer--ttb,.x-drawer-fade-leave-to .x-drawer--ttb{transform:translateY(-100%)}.x-drawer-fade-enter-from .x-drawer--btt,.x-drawer-fade-leave-to .x-drawer--btt{transform:translateY(100%)}.drawer-form__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.drawer-form{position:fixed;top:0;right:0;height:100%;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;display:flex;flex-direction:column}.drawer-form__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__title{font-size:16px;font-weight:600;color:var(--color-text-primary, #303133)}.drawer-form__close{background:none;border:none;font-size:18px;color:var(--color-text-secondary, #909399);cursor:pointer}.drawer-form__close:hover{color:var(--color-primary, #409eff)}.drawer-form__body{flex:1;padding:20px;overflow-y:auto}.drawer-form__form{display:flex;flex-direction:column;gap:16px}.drawer-form__field{display:flex;flex-direction:column;gap:8px}.drawer-form__label{font-size:14px;color:var(--color-text-regular, #606266)}.drawer-form__label .required-mark{color:var(--color-danger, #f56c6c);margin-left:4px}.drawer-form__input,.drawer-form__textarea,.drawer-form__select{padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.drawer-form__input:focus,.drawer-form__textarea:focus,.drawer-form__select:focus{border-color:var(--color-primary, #409eff)}.drawer-form__input:disabled,.drawer-form__textarea:disabled,.drawer-form__select:disabled{background:var(--color-fill-light, #f5f7fa);cursor:not-allowed}.drawer-form__input.has-error,.drawer-form__textarea.has-error,.drawer-form__select.has-error{border-color:var(--color-danger, #f56c6c)}.drawer-form__textarea{resize:vertical;min-height:80px}.drawer-form__select{cursor:pointer}.drawer-form__switch .switch-btn{padding:8px 16px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;background:var(--color-fill-light, #f5f7fa);color:var(--color-text-regular, #606266);cursor:pointer}.drawer-form__switch .switch-btn.is-on{background:var(--color-primary, #409eff);color:#fff;border-color:var(--color-primary, #409eff)}.drawer-form__switch .switch-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-form__error{font-size:12px;color:var(--color-danger, #f56c6c)}.drawer-form__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__cancel{padding:8px 16px;background:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;color:var(--color-text-regular, #606266);font-size:14px;cursor:pointer}.drawer-form__cancel:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.drawer-form__confirm{padding:8px 16px;background:var(--color-primary, #409eff);border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.drawer-form__confirm:hover{background:var(--color-primary-light, #79bbff)}.drawer-form-fade-enter-active,.drawer-form-fade-leave-active{transition:opacity .3s}.drawer-form-fade-enter-active .drawer-form,.drawer-form-fade-leave-active .drawer-form{transition:transform .3s}.drawer-form-fade-enter-from,.drawer-form-fade-leave-to{opacity:0}.drawer-form-fade-enter-from .drawer-form,.drawer-form-fade-leave-to .drawer-form{transform:translate(100%)}.x-alert{position:relative;padding:12px 16px;margin-bottom:16px;border-radius:4px;display:flex;align-items:flex-start;transition:opacity .3s}.x-alert--success{background-color:#e1f3d8;color:#67c23a}.x-alert--success .x-alert__icon{color:#67c23a}.x-alert--warning{background-color:#fdf6ec;color:#e6a23c}.x-alert--warning .x-alert__icon{color:#e6a23c}.x-alert--error{background-color:#fef0f0;color:#f56c6c}.x-alert--error .x-alert__icon{color:#f56c6c}.x-alert--info{background-color:#f4f4f5;color:#909399}.x-alert--info .x-alert__icon{color:#909399}.x-alert.is-center{justify-content:center;text-align:center}.x-alert.is-with-description{padding:14px 16px}.x-alert.is-with-description .x-alert__title{font-weight:500;font-size:16px}.x-alert__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px}.x-alert__content{flex:1}.x-alert__title{display:block;font-size:14px;font-weight:500}.x-alert__description{display:block;font-size:14px;margin-top:6px;opacity:.8}.x-alert__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6}.x-alert__close:hover{opacity:1}.x-alert-fade-enter-active,.x-alert-fade-leave-active{transition:opacity .2s ease}.x-alert-fade-enter-from,.x-alert-fade-leave-to{opacity:0}.x-tooltip{padding:8px 12px;font-size:13px;line-height:1.4;border-radius:4px;max-width:300px;word-wrap:break-word;position:fixed}.x-tooltip--dark{background-color:#303133;color:#fff;box-shadow:0 2px 8px #00000026}.x-tooltip--dark .x-tooltip__arrow--top{border-top-color:#303133}.x-tooltip--dark .x-tooltip__arrow--bottom{border-bottom-color:#303133}.x-tooltip--dark .x-tooltip__arrow--left{border-left-color:#303133}.x-tooltip--dark .x-tooltip__arrow--right{border-right-color:#303133}.x-tooltip--light{background-color:#fff;color:#303133;box-shadow:0 2px 12px #0000001f}.x-tooltip--light .x-tooltip__arrow--top{border-top-color:#fff}.x-tooltip--light .x-tooltip__arrow--bottom{border-bottom-color:#fff}.x-tooltip--light .x-tooltip__arrow--left{border-left-color:#fff}.x-tooltip--light .x-tooltip__arrow--right{border-right-color:#fff}.x-tooltip__wrapper,.x-tooltip__trigger{display:inline-block}.x-tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.x-tooltip__arrow--top{bottom:-12px;left:50%;transform:translate(-50%);border-bottom:none}.x-tooltip__arrow--bottom{top:-12px;left:50%;transform:translate(-50%);border-top:none}.x-tooltip__arrow--left{right:-12px;top:50%;transform:translateY(-50%);border-right:none}.x-tooltip__arrow--right{left:-12px;top:50%;transform:translateY(-50%);border-left:none}.x-tooltip-fade-enter-active,.x-tooltip-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.x-tooltip-fade-enter-from,.x-tooltip-fade-leave-to{opacity:0;transform:scale(.9)}.x-popconfirm-wrapper,.x-popconfirm-trigger{display:inline-block}.x-popconfirm{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;padding:12px 16px;box-sizing:border-box}.x-popconfirm__arrow{position:absolute;width:12px;height:12px;background:#fff;box-shadow:-1px -1px 2px #0000000d}.x-popconfirm__main{display:flex;align-items:flex-start;margin-bottom:12px}.x-popconfirm__icon{display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:8px;flex-shrink:0}.x-popconfirm__title{font-size:14px;color:#606266;line-height:1.4}.x-popconfirm__action{display:flex;justify-content:flex-end;gap:8px}.x-popconfirm-fade-enter-active,.x-popconfirm-fade-leave-active{transition:opacity .2s,transform .2s}.x-popconfirm-fade-enter-from,.x-popconfirm-fade-leave-to{opacity:0;transform:scale(.9)}.x-backtop{position:fixed;width:40px;height:40px;border-radius:4px;background-color:#fff;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1000}.x-backtop:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #00000026}.x-backtop:active{transform:scale(.95)}.x-backtop__icon{font-size:20px;color:#606266;font-weight:700}.x-fade-enter-active,.x-fade-leave-active{transition:opacity .3s,transform .3s}.x-fade-enter-from,.x-fade-leave-to{opacity:0;transform:translateY(20px)}.x-timeline{margin:0;padding:0;list-style:none}.x-timeline .x-timeline-item{position:relative;padding-bottom:20px}.x-timeline .x-timeline-item:last-child{padding-bottom:0}.x-timeline-item{position:relative;padding-bottom:20px}.x-timeline-item:last-child{padding-bottom:0}.x-timeline-item:last-child .x-timeline-item__tail{display:none}.x-timeline-item__tail{position:absolute;left:4px;top:0;height:100%;border-left:2px solid var(--color-border-lighter, #e4e7ed)}.x-timeline-item__node{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-primary, #409eff)}.x-timeline-item__node--primary{background-color:var(--color-primary, #409eff)}.x-timeline-item__node--success{background-color:var(--color-success, #67c23a)}.x-timeline-item__node--warning{background-color:var(--color-warning, #e6a23c)}.x-timeline-item__node--danger{background-color:var(--color-danger, #f56c6c)}.x-timeline-item__node--info{background-color:var(--color-info, #909399)}.x-timeline-item__node.is-hollow{background-color:transparent;border:2px solid currentColor}.x-timeline-item__icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.x-timeline-item__wrapper{position:relative;padding-left:20px;top:-3px}.x-timeline-item__content{color:var(--color-text-primary, #303133);font-size:14px}.x-timeline-item__timestamp{color:var(--color-text-secondary, #909399);font-size:12px;line-height:1}.x-timeline-item--top .x-timeline-item__timestamp{margin-bottom:8px}.x-timeline-item--bottom .x-timeline-item__timestamp{margin-top:8px}.x-timeline-item--large .x-timeline-item__node{width:14px;height:14px}.x-timeline-item--large .x-timeline-item__tail{left:6px}.x-timeline-item--large .x-timeline-item__wrapper{padding-left:24px}.x-message{position:fixed;left:50%;top:20px;transform:translate(-50%);display:flex;align-items:center;padding:12px 16px;border-radius:4px;box-shadow:0 2px 12px #0000001a;transition:opacity .3s,transform .3s,top .3s;min-width:280px;max-width:480px}.x-message--success{background-color:#f0f9eb;border:1px solid #67c23a}.x-message--success .x-message__icon{color:#67c23a}.x-message--warning{background-color:#fdf6ec;border:1px solid #e6a23c}.x-message--warning .x-message__icon{color:#e6a23c}.x-message--error{background-color:#fef0f0;border:1px solid #f56c6c}.x-message--error .x-message__icon{color:#f56c6c}.x-message--info{background-color:#f4f4f5;border:1px solid #909399}.x-message--info .x-message__icon{color:#909399}.x-message.is-center{justify-content:center;text-align:center}.x-message.is-closable{padding-right:40px}.x-message__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px;flex-shrink:0}.x-message__content{flex:1;font-size:14px;color:#606266;line-height:1.4;word-break:break-word}.x-message__close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#909399;padding:0}.x-message__close:hover{color:#606266}.x-message-fade-enter-active,.x-message-fade-leave-active{transition:opacity .3s,transform .3s}.x-message-fade-enter-from,.x-message-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-100%)}
|
|
1
|
+
.x-modal{position:relative;margin:0 auto 20px;background-color:var(--bg-color, #fff);border-radius:8px;box-shadow:0 2px 12px #00000026;max-height:43vh;display:flex;flex-direction:column}.x-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center}.x-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8);flex-shrink:0}.x-modal__title{font-size:15px;font-weight:500;color:var(--color-text-primary, #303133)}.x-modal__close{background:none;border:none;font-size:16px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-modal__close:hover{color:var(--color-primary, #409eff)}.x-modal__body{padding:16px;color:var(--color-text-regular, #606266);font-size:14px;overflow-y:auto;flex:1}.x-modal__footer{padding:10px 16px 14px;text-align:right;flex-shrink:0}.x-modal-fade-enter-active,.x-modal-fade-leave-active{transition:opacity .3s ease}.x-modal-fade-enter-from,.x-modal-fade-leave-to{opacity:0}.x-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-drawer__overlay--no-modal{background-color:transparent}.x-drawer{position:fixed;top:0;right:0;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;transition:transform .3s}.x-drawer--ltr{top:0;right:auto;left:0}.x-drawer--rtl{top:0;right:0;left:auto}.x-drawer--ttb{top:0;left:0;right:auto}.x-drawer--btt{bottom:0;top:auto;left:0;right:auto}.x-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8)}.x-drawer__title{font-size:18px;font-weight:500;color:var(--color-text-primary, #303133)}.x-drawer__close{background:none;border:none;font-size:20px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-drawer__close:hover{color:var(--color-primary, #409eff)}.x-drawer__body{padding:20px;height:calc(100% - 60px);overflow-y:auto}.x-drawer__body--has-footer{height:calc(100% - 120px)}.x-drawer__footer{padding:16px 20px;border-top:1px solid var(--color-border-lighter, #e8e8e8);text-align:right}.x-drawer-fade-enter-active,.x-drawer-fade-leave-active{transition:opacity .3s}.x-drawer-fade-enter-active .x-drawer,.x-drawer-fade-leave-active .x-drawer{transition:transform .3s}.x-drawer-fade-enter-from,.x-drawer-fade-leave-to{opacity:0}.x-drawer-fade-enter-from .x-drawer--ltr,.x-drawer-fade-leave-to .x-drawer--ltr{transform:translate(-100%)}.x-drawer-fade-enter-from .x-drawer--rtl,.x-drawer-fade-leave-to .x-drawer--rtl{transform:translate(100%)}.x-drawer-fade-enter-from .x-drawer--ttb,.x-drawer-fade-leave-to .x-drawer--ttb{transform:translateY(-100%)}.x-drawer-fade-enter-from .x-drawer--btt,.x-drawer-fade-leave-to .x-drawer--btt{transform:translateY(100%)}.drawer-form__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.drawer-form{position:fixed;top:0;right:0;height:100%;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;display:flex;flex-direction:column}.drawer-form__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__title{font-size:16px;font-weight:600;color:var(--color-text-primary, #303133)}.drawer-form__close{background:none;border:none;font-size:18px;color:var(--color-text-secondary, #909399);cursor:pointer}.drawer-form__close:hover{color:var(--color-primary, #409eff)}.drawer-form__body{flex:1;padding:20px;overflow-y:auto}.drawer-form__form{display:flex;flex-direction:column;gap:16px}.drawer-form__field{display:flex;flex-direction:column;gap:8px}.drawer-form__label{font-size:14px;color:var(--color-text-regular, #606266)}.drawer-form__label .required-mark{color:var(--color-danger, #f56c6c);margin-left:4px}.drawer-form__input,.drawer-form__textarea,.drawer-form__select{padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.drawer-form__input:focus,.drawer-form__textarea:focus,.drawer-form__select:focus{border-color:var(--color-primary, #409eff)}.drawer-form__input:disabled,.drawer-form__textarea:disabled,.drawer-form__select:disabled{background:var(--color-fill-light, #f5f7fa);cursor:not-allowed}.drawer-form__input.has-error,.drawer-form__textarea.has-error,.drawer-form__select.has-error{border-color:var(--color-danger, #f56c6c)}.drawer-form__textarea{resize:vertical;min-height:80px}.drawer-form__select{cursor:pointer}.drawer-form__switch .switch-btn{padding:8px 16px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;background:var(--color-fill-light, #f5f7fa);color:var(--color-text-regular, #606266);cursor:pointer}.drawer-form__switch .switch-btn.is-on{background:var(--color-primary, #409eff);color:#fff;border-color:var(--color-primary, #409eff)}.drawer-form__switch .switch-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-form__error{font-size:12px;color:var(--color-danger, #f56c6c)}.drawer-form__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__cancel{padding:8px 16px;background:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;color:var(--color-text-regular, #606266);font-size:14px;cursor:pointer}.drawer-form__cancel:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.drawer-form__confirm{padding:8px 16px;background:var(--color-primary, #409eff);border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.drawer-form__confirm:hover{background:var(--color-primary-light, #79bbff)}.drawer-form-fade-enter-active,.drawer-form-fade-leave-active{transition:opacity .3s}.drawer-form-fade-enter-active .drawer-form,.drawer-form-fade-leave-active .drawer-form{transition:transform .3s}.drawer-form-fade-enter-from,.drawer-form-fade-leave-to{opacity:0}.drawer-form-fade-enter-from .drawer-form,.drawer-form-fade-leave-to .drawer-form{transform:translate(100%)}.x-alert{position:relative;padding:12px 16px;margin-bottom:16px;border-radius:4px;display:flex;align-items:flex-start;transition:opacity .3s}.x-alert--success{background-color:#e1f3d8;color:#67c23a}.x-alert--success .x-alert__icon{color:#67c23a}.x-alert--warning{background-color:#fdf6ec;color:#e6a23c}.x-alert--warning .x-alert__icon{color:#e6a23c}.x-alert--error{background-color:#fef0f0;color:#f56c6c}.x-alert--error .x-alert__icon{color:#f56c6c}.x-alert--info{background-color:#f4f4f5;color:#909399}.x-alert--info .x-alert__icon{color:#909399}.x-alert.is-center{justify-content:center;text-align:center}.x-alert.is-with-description{padding:14px 16px}.x-alert.is-with-description .x-alert__title{font-weight:500;font-size:16px}.x-alert__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px}.x-alert__content{flex:1}.x-alert__title{display:block;font-size:14px;font-weight:500}.x-alert__description{display:block;font-size:14px;margin-top:6px;opacity:.8}.x-alert__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6}.x-alert__close:hover{opacity:1}.x-alert-fade-enter-active,.x-alert-fade-leave-active{transition:opacity .2s ease}.x-alert-fade-enter-from,.x-alert-fade-leave-to{opacity:0}.x-tooltip{padding:8px 12px;font-size:13px;line-height:1.4;border-radius:4px;max-width:300px;word-wrap:break-word;position:fixed}.x-tooltip--dark{background-color:#303133;color:#fff;box-shadow:0 2px 8px #00000026}.x-tooltip--dark .x-tooltip__arrow--top{border-top-color:#303133}.x-tooltip--dark .x-tooltip__arrow--bottom{border-bottom-color:#303133}.x-tooltip--dark .x-tooltip__arrow--left{border-left-color:#303133}.x-tooltip--dark .x-tooltip__arrow--right{border-right-color:#303133}.x-tooltip--light{background-color:#fff;color:#303133;box-shadow:0 2px 12px #0000001f}.x-tooltip--light .x-tooltip__arrow--top{border-top-color:#fff}.x-tooltip--light .x-tooltip__arrow--bottom{border-bottom-color:#fff}.x-tooltip--light .x-tooltip__arrow--left{border-left-color:#fff}.x-tooltip--light .x-tooltip__arrow--right{border-right-color:#fff}.x-tooltip__wrapper,.x-tooltip__trigger{display:inline-block}.x-tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.x-tooltip__arrow--top{bottom:-12px;left:50%;transform:translate(-50%);border-bottom:none}.x-tooltip__arrow--bottom{top:-12px;left:50%;transform:translate(-50%);border-top:none}.x-tooltip__arrow--left{right:-12px;top:50%;transform:translateY(-50%);border-right:none}.x-tooltip__arrow--right{left:-12px;top:50%;transform:translateY(-50%);border-left:none}.x-tooltip-fade-enter-active,.x-tooltip-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.x-tooltip-fade-enter-from,.x-tooltip-fade-leave-to{opacity:0;transform:scale(.9)}.x-popconfirm-wrapper,.x-popconfirm-trigger{display:inline-block}.x-popconfirm{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;padding:12px 16px;box-sizing:border-box}.x-popconfirm__arrow{position:absolute;width:12px;height:12px;background:#fff;box-shadow:-1px -1px 2px #0000000d}.x-popconfirm__main{display:flex;align-items:flex-start;margin-bottom:12px}.x-popconfirm__icon{display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:8px;flex-shrink:0}.x-popconfirm__title{font-size:14px;color:#606266;line-height:1.4}.x-popconfirm__action{display:flex;justify-content:flex-end;gap:8px}.x-popconfirm-fade-enter-active,.x-popconfirm-fade-leave-active{transition:opacity .2s,transform .2s}.x-popconfirm-fade-enter-from,.x-popconfirm-fade-leave-to{opacity:0;transform:scale(.9)}.x-backtop{position:fixed;width:40px;height:40px;border-radius:4px;background-color:#fff;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1000}.x-backtop:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #00000026}.x-backtop:active{transform:scale(.95)}.x-backtop__icon{font-size:20px;color:#606266;font-weight:700}.x-fade-enter-active,.x-fade-leave-active{transition:opacity .3s,transform .3s}.x-fade-enter-from,.x-fade-leave-to{opacity:0;transform:translateY(20px)}.x-timeline{margin:0;padding:0;list-style:none}.x-timeline .x-timeline-item{position:relative;padding-bottom:20px}.x-timeline .x-timeline-item:last-child{padding-bottom:0}.x-timeline-item{position:relative;padding-bottom:20px}.x-timeline-item:last-child{padding-bottom:0}.x-timeline-item:last-child .x-timeline-item__tail{display:none}.x-timeline-item__tail{position:absolute;left:4px;top:0;height:100%;border-left:2px solid var(--color-border-lighter, #e4e7ed)}.x-timeline-item__node{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-primary, #409eff)}.x-timeline-item__node--primary{background-color:var(--color-primary, #409eff)}.x-timeline-item__node--success{background-color:var(--color-success, #67c23a)}.x-timeline-item__node--warning{background-color:var(--color-warning, #e6a23c)}.x-timeline-item__node--danger{background-color:var(--color-danger, #f56c6c)}.x-timeline-item__node--info{background-color:var(--color-info, #909399)}.x-timeline-item__node.is-hollow{background-color:transparent;border:2px solid currentColor}.x-timeline-item__icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.x-timeline-item__wrapper{position:relative;padding-left:20px;top:-3px}.x-timeline-item__content{color:var(--color-text-primary, #303133);font-size:14px}.x-timeline-item__timestamp{color:var(--color-text-secondary, #909399);font-size:12px;line-height:1}.x-timeline-item--top .x-timeline-item__timestamp{margin-bottom:8px}.x-timeline-item--bottom .x-timeline-item__timestamp{margin-top:8px}.x-timeline-item--large .x-timeline-item__node{width:14px;height:14px}.x-timeline-item--large .x-timeline-item__tail{left:6px}.x-timeline-item--large .x-timeline-item__wrapper{padding-left:24px}.x-message{position:fixed;left:50%;top:20px;transform:translate(-50%);display:flex;align-items:center;padding:12px 16px;border-radius:4px;box-shadow:0 2px 12px #0000001a;transition:opacity .3s,transform .3s,top .3s;min-width:280px;max-width:480px}.x-message--success{background-color:#f0f9eb;border:1px solid #67c23a}.x-message--success .x-message__icon{color:#67c23a}.x-message--warning{background-color:#fdf6ec;border:1px solid #e6a23c}.x-message--warning .x-message__icon{color:#e6a23c}.x-message--error{background-color:#fef0f0;border:1px solid #f56c6c}.x-message--error .x-message__icon{color:#f56c6c}.x-message--info{background-color:#f4f4f5;border:1px solid #909399}.x-message--info .x-message__icon{color:#909399}.x-message.is-center{justify-content:center;text-align:center}.x-message.is-closable{padding-right:40px}.x-message__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px;flex-shrink:0}.x-message__content{flex:1;font-size:14px;color:#606266;line-height:1.4;word-break:break-word}.x-message__close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#909399;padding:0}.x-message__close:hover{color:#606266}.x-message-fade-enter-active,.x-message-fade-leave-active{transition:opacity .3s,transform .3s}.x-message-fade-enter-from,.x-message-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-100%)}
|
package/lib/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("@xto/core"),K=e.defineComponent({name:"XModal",inheritAttrs:!1,__name:"index",props:{modelValue:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},title:{default:""},width:{default:"50%"},top:{default:"15vh"},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:open","close","open","ok","cancel"],setup(t,{emit:s}){const o=t,r=s,n=z.useNamespace("modal"),{next:a}=z.useZIndex(),d=e.ref(a()),h=e.computed({get:()=>o.modelValue!==void 0?o.modelValue:o.open!==void 0?o.open:!1,set:u=>{r("update:modelValue",u),r("update:open",u)}}),p=e.ref(),i=()=>{h.value=!1,r("cancel"),r("close")},C=()=>{r("ok")},m=()=>{o.closeOnClickModal&&o.modal&&i()};z.useEscape(()=>{o.closeOnPressEscape&&h.value&&i()}),e.watch(()=>[o.modelValue,o.open],([u,l])=>{(u!==void 0?u:l)&&(d.value=a(),r("open"))},{immediate:!0});const y=e.computed(()=>({paddingTop:o.top})),f=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width,zIndex:d.value}));return(u,l)=>{const g=e.resolveComponent("x-button");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-modal-fade"},{default:e.withCtx(()=>[h.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("wrapper")),style:e.normalizeStyle(y.value),onClick:m},[e.createElementVNode("div",{ref_key:"modalRef",ref:p,class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(f.value),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:i}," ✕ ",2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(u.$slots,"default")],2),u.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(u.$slots,"footer",{ok:C,cancel:i})],2)):u.$slots.footer?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("footer"))},[e.createVNode(g,{onClick:i},{default:e.withCtx(()=>[...l[1]||(l[1]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(g,{type:"primary",style:{"margin-left":"8px"},onClick:C},{default:e.withCtx(()=>[...l[2]||(l[2]=[e.createTextVNode("确定",-1)])]),_:1})],2))],6)],6)):e.createCommentVNode("",!0)]),_:3})])}}}),Y=e.defineComponent({name:"XDrawer",inheritAttrs:!1,__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:""},placement:{default:void 0},direction:{default:"rtl"},width:{default:void 0},size:{default:"30%"},withHeader:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","close","open"],setup(t,{emit:s}){const o=t,r=s,n=z.useNamespace("drawer"),a=e.ref(2e3),d=()=>{r("update:modelValue",!1),r("close")},h=()=>{o.closeOnClickModal&&d()},p=m=>{m.key==="Escape"&&o.modelValue&&d()};e.watch(()=>o.modelValue,m=>{m?(a.value=2e3+Math.floor(Math.random()*100),r("open"),document.addEventListener("keydown",p)):document.removeEventListener("keydown",p)});const i=e.computed(()=>({zIndex:a.value})),C=e.computed(()=>{const m=o.direction??o.placement??"rtl",y=o.size??o.width??"30%",f=typeof y=="number"?`${y}px`:y;return{ltr:{width:f,height:"100%"},rtl:{width:f,height:"100%"},ttb:{width:"100%",height:f},btt:{width:"100%",height:f}}[m]});return(m,y)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-drawer-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("overlay")),style:e.normalizeStyle(i.value),onClick:h},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(t.direction??t.placement??"rtl")]),style:e.normalizeStyle(C.value),onClick:y[0]||(y[0]=e.withModifiers(()=>{},["stop"]))},[t.withHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(m.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:d}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("body"),m.$slots.footer&&e.unref(n).em("body","has-footer")])},[e.renderSlot(m.$slots,"default")],2),m.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(m.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)],6),[[e.vShow,t.modelValue]])]),_:3})]))}}),G={key:0,class:"required-mark"},J=["value","placeholder","disabled","onInput"],Q=["value","placeholder","disabled","onInput"],_=["value","placeholder","disabled","onInput"],ee=["value","disabled","onChange"],te=["value"],oe=["disabled","onClick"],ne=e.defineComponent({name:"XDrawerForm",__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:"配置"},size:{default:"400px"},fields:{default:()=>[]},formData:{default:()=>({})},showConfirm:{type:Boolean,default:!0},showCancel:{type:Boolean,default:!0},confirmText:{default:"确认"},cancelText:{default:"取消"},disabled:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","confirm","cancel","close","field-change"],setup(t,{emit:s}){const o=t,r=s,n=z.useNamespace("drawer-form"),a=e.ref({}),d=e.ref({});e.computed(()=>[n.b()]),e.watch(()=>o.formData,f=>{a.value={...f}},{immediate:!0,deep:!0});const h=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size),p=()=>{r("update:modelValue",!1),r("close")},i=()=>{r("cancel"),p()},C=()=>{m()&&(r("confirm",a.value),p())},m=()=>{d.value={};for(const f of o.fields){if(f.required){const u=a.value[f.name];if(u==null||u===""){d.value[f.name]=`${f.label}为必填项`;continue}}if(f.rules)for(const u of f.rules){const l=a.value[f.name];u.type==="email"&&l&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l)&&(d.value[f.name]=u.message),u.type==="minLength"&&l&&l.length<u.min&&(d.value[f.name]=u.message)}}return Object.keys(d.value).length===0},y=(f,u)=>{a.value[f]=u,r("field-change",f,u)};return(f,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"drawer-form-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("overlay")),onClick:p},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle({width:h.value}),onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString(t.title),3),e.createElementVNode("button",{class:e.normalizeClass(e.unref(n).e("close")),onClick:p},"✕",2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[!t.destroyOnClose||t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("form"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,l=>(e.openBlock(),e.createElementBlock("div",{key:l.name,class:e.normalizeClass(e.unref(n).e("field"))},[e.createElementVNode("label",{class:e.normalizeClass(e.unref(n).e("label"))},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",G,"*")):e.createCommentVNode("",!0)],2),l.type==="input"?(e.openBlock(),e.createElementBlock("input",{key:0,class:e.normalizeClass([e.unref(n).e("input"),{"has-error":d.value[l.name]}]),value:a.value[l.name],placeholder:l.placeholder,disabled:t.disabled||l.disabled,onInput:g=>y(l.name,g.target.value)},null,42,J)):l.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,class:e.normalizeClass([e.unref(n).e("textarea"),{"has-error":d.value[l.name]}]),value:a.value[l.name],placeholder:l.placeholder,disabled:t.disabled||l.disabled,rows:"4",onInput:g=>y(l.name,g.target.value)},null,42,Q)):l.type==="number"?(e.openBlock(),e.createElementBlock("input",{key:2,type:"number",class:e.normalizeClass([e.unref(n).e("input"),{"has-error":d.value[l.name]}]),value:a.value[l.name],placeholder:l.placeholder,disabled:t.disabled||l.disabled,onInput:g=>y(l.name,Number(g.target.value))},null,42,_)):l.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:3,class:e.normalizeClass([e.unref(n).e("select"),{"has-error":d.value[l.name]}]),value:a.value[l.name],disabled:t.disabled||l.disabled,onChange:g=>y(l.name,g.target.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,g=>(e.openBlock(),e.createElementBlock("option",{key:g.value,value:g.value},e.toDisplayString(g.label),9,te))),128))],42,ee)):l.type==="switch"?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(e.unref(n).e("switch"))},[e.createElementVNode("button",{class:e.normalizeClass(["switch-btn",{"is-on":a.value[l.name]}]),disabled:t.disabled||l.disabled,onClick:g=>y(l.name,!a.value[l.name])},e.toDisplayString(a.value[l.name]?"开启":"关闭"),11,oe)],2)):e.createCommentVNode("",!0),d.value[l.name]?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(e.unref(n).e("error"))},e.toDisplayString(d.value[l.name]),3)):e.createCommentVNode("",!0)],2))),128))],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("footer"))},[t.showCancel?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("cancel")),onClick:i},e.toDisplayString(t.cancelText),3)):e.createCommentVNode("",!0),t.showConfirm?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(e.unref(n).e("confirm")),onClick:C},e.toDisplayString(t.confirmText),3)):e.createCommentVNode("",!0)],2)],6)],2),[[e.vShow,t.modelValue]])]),_:1})]))}}),le=e.defineComponent({name:"XAlert",__name:"index",props:{type:{default:"info"},title:{default:""},description:{},closable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1}},emits:["close"],setup(t,{emit:s}){const o=t,r=s,n=z.useNamespace("alert"),a=e.ref(!0),d={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},h=e.computed(()=>[n.b(),n.m(o.type),n.is("center",o.center),n.is("with-description",o.description)]),p=i=>{a.value=!1,r("close",i)};return(i,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-alert-fade"},{default:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(h.value)},[t.showIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("icon"))},e.toDisplayString(d[t.type]),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[t.title||i.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||i.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("description"))},[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0)],2),t.closable?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(e.unref(n).e("close")),onClick:p}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3}))}}),se=e.defineComponent({name:"XTooltip",__name:"index",props:{content:{default:""},placement:{default:"top"},effect:{default:"dark"},disabled:{type:Boolean,default:!1},offset:{default:8},transition:{default:"fade"},visibleArrow:{type:Boolean,default:!0},trigger:{default:"hover"},openDelay:{default:0},closeDelay:{default:0}},emits:["update:visible","show","hide"],setup(t,{emit:s}){const o=t,r=s,n=z.useNamespace("tooltip"),a=e.ref(!1),d=e.ref(),h=e.ref();let p,i;const C=e.ref({}),m=()=>{if(!d.value||!h.value)return;const b=d.value.getBoundingClientRect(),T=h.value;T.style.visibility="hidden",T.style.display="block";const N=T.offsetWidth,S=T.offsetHeight,V=o.offset,W=window.innerWidth,X=window.innerHeight;let B=0,E=0,I=o.placement;switch(o.placement){case"top":B=b.top-S-V,E=b.left+(b.width-N)/2;break;case"bottom":B=b.bottom+V,E=b.left+(b.width-N)/2;break;case"left":B=b.top+(b.height-S)/2,E=b.left-N-V;break;case"right":B=b.top+(b.height-S)/2,E=b.right+V;break}o.placement==="top"&&B<0?(I="bottom",B=b.bottom+V):o.placement==="bottom"&&B+S>X?(I="top",B=b.top-S-V):o.placement==="left"&&E<0?(I="right",E=b.right+V):o.placement==="right"&&E+N>W&&(I="left",E=b.left-N-V),E<8&&(E=8),E+N>W-8&&(E=W-N-8),B<8&&(B=8),B+S>X-8&&(B=X-S-8),C.value={position:"fixed",top:`${B}px`,left:`${E}px`,visibility:"visible",zIndex:"2000"},y.value=I},y=e.ref(o.placement),f=()=>{o.disabled||(clearTimeout(i),p=setTimeout(()=>{a.value=!0,r("update:visible",!0),r("show"),e.nextTick(()=>{m()})},o.openDelay))},u=()=>{clearTimeout(p),i=setTimeout(()=>{a.value=!1,r("update:visible",!1),r("hide")},o.closeDelay)},l=()=>{a.value?u():f()},g=()=>{o.trigger==="hover"&&f()},c=()=>{o.trigger==="hover"&&u()},v=()=>{o.trigger==="click"&&l()},$=()=>{o.trigger==="focus"&&f()},w=()=>{o.trigger==="focus"&&u()},x=b=>{var T,N;o.trigger==="click"&&!((T=d.value)!=null&&T.contains(b.target))&&!((N=h.value)!=null&&N.contains(b.target))&&u()},k=()=>{a.value&&m()};e.watch(a,b=>{b?e.nextTick(()=>{m(),o.trigger==="click"&&document.addEventListener("click",x),window.addEventListener("scroll",k,!0),window.addEventListener("resize",k)}):(document.removeEventListener("click",x),window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k))}),e.onUnmounted(()=>{clearTimeout(p),clearTimeout(i),document.removeEventListener("click",x),window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k)});const R=e.computed(()=>[n.b(),n.m(o.effect)]),O=e.computed(()=>[n.e("arrow"),n.e(`arrow-${y.value}`)]);return(b,T)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n).e("wrapper"))},[e.createElementVNode("div",{ref_key:"triggerRef",ref:d,class:e.normalizeClass(e.unref(n).e("trigger")),onMouseenter:g,onMouseleave:c,onClick:v,onFocus:$,onBlur:w},[e.renderSlot(b.$slots,"default")],34),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:`x-tooltip-${t.transition}`},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"tooltipRef",ref:h,class:e.normalizeClass(R.value),style:e.normalizeStyle(C.value),onMouseenter:g,onMouseleave:c},[e.renderSlot(b.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),t.visibleArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(O.value)},null,2)):e.createCommentVNode("",!0)],38),[[e.vShow,a.value]])]),_:3},8,["name"])]))],2))}}),ae={class:"x-popconfirm-wrapper"},re={class:"x-popconfirm__main"},ie={class:"x-popconfirm__title"},ce={class:"x-popconfirm__action"},de=e.defineComponent({name:"XPopconfirm",__name:"index",props:{title:{default:""},confirmButtonText:{default:"确定"},cancelButtonText:{default:"取消"},confirmButtonType:{default:"primary"},cancelButtonType:{default:"default"},icon:{default:""},iconColor:{default:"#faad14"},hideIcon:{type:Boolean,default:!1},hideCancelButton:{type:Boolean,default:!1},hideConfirmButton:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},width:{default:200},placement:{default:"top"},offset:{default:12},showArrow:{type:Boolean,default:!0}},emits:["confirm","cancel"],setup(t,{emit:s}){const o=t,r=s,n=e.ref(!1),a=e.ref(null),d=e.ref(null),h=e.ref({}),p=()=>{if(!a.value||!d.value)return;const c=a.value.getBoundingClientRect(),v=d.value.getBoundingClientRect(),$=o.placement,w=o.offset;let x=0,k=0;switch($){case"top":x=c.top-v.height-w,k=c.left+(c.width-v.width)/2;break;case"top-start":x=c.top-v.height-w,k=c.left;break;case"top-end":x=c.top-v.height-w,k=c.right-v.width;break;case"bottom":x=c.bottom+w,k=c.left+(c.width-v.width)/2;break;case"bottom-start":x=c.bottom+w,k=c.left;break;case"bottom-end":x=c.bottom+w,k=c.right-v.width;break;case"left":x=c.top+(c.height-v.height)/2,k=c.left-v.width-w;break;case"left-start":x=c.top,k=c.left-v.width-w;break;case"left-end":x=c.bottom-v.height,k=c.left-v.width-w;break;case"right":x=c.top+(c.height-v.height)/2,k=c.right+w;break;case"right-start":x=c.top,k=c.right+w;break;case"right-end":x=c.bottom-v.height,k=c.right+w;break;default:x=c.top-v.height-w,k=c.left+(c.width-v.width)/2}const R=window.innerWidth,O=window.innerHeight;k<0&&(k=10),k+v.width>R&&(k=R-v.width-10),x<0&&(x=10),x+v.height>O&&(x=O-v.height-10),h.value={position:"fixed",top:`${x}px`,left:`${k}px`,zIndex:"2000"}},i=c=>{var v,$;n.value&&((v=a.value)!=null&&v.contains(c.target)||($=d.value)!=null&&$.contains(c.target)||(n.value=!1))},C=c=>{o.disabled||(c.stopPropagation(),n.value=!n.value,n.value&&setTimeout(p,0))},m=()=>{n.value=!1,r("confirm")},y=()=>{n.value=!1,r("cancel")},f=()=>{n.value&&p()},u=()=>{n.value&&p()};e.watch(n,c=>{c?(setTimeout(p,0),document.addEventListener("click",i),window.addEventListener("scroll",f,!0),window.addEventListener("resize",u)):(document.removeEventListener("click",i),window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",u))}),e.onUnmounted(()=>{document.removeEventListener("click",i),window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",u)});const l=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width})),g=e.computed(()=>{const c=o.placement,v={};switch(c){case"top":case"top-start":case"top-end":v.bottom="-6px",v.transform="rotate(45deg)";break;case"bottom":case"bottom-start":case"bottom-end":v.top="-6px",v.transform="rotate(225deg)";break;case"left":case"left-start":case"left-end":v.right="-6px",v.transform="rotate(315deg)";break;case"right":case"right-start":case"right-end":v.left="-6px",v.transform="rotate(135deg)";break}return v});return(c,v)=>(e.openBlock(),e.createElementBlock("span",ae,[e.createElementVNode("span",{ref_key:"triggerRef",ref:a,class:"x-popconfirm-trigger",onClick:C},[e.renderSlot(c.$slots,"default")],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-popconfirm-fade"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:d,class:"x-popconfirm",style:e.normalizeStyle({...h.value,...l.value}),onClick:v[0]||(v[0]=e.withModifiers(()=>{},["stop"]))},[t.showArrow?(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__arrow",style:e.normalizeStyle(g.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",re,[t.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__icon",style:e.normalizeStyle({color:t.iconColor})},[e.renderSlot(c.$slots,"icon",{},()=>[e.createTextVNode(e.toDisplayString(t.icon||"⚠"),1)])],4)),e.createElementVNode("div",ie,[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])]),e.createElementVNode("div",ce,[t.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"x-button p-button--default p-button--small",onClick:y},e.toDisplayString(t.cancelButtonText),1)),t.hideConfirmButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["x-button x-button--small",`x-button--${t.confirmButtonType}`]),onClick:m},e.toDisplayString(t.confirmButtonText),3))])],4)):e.createCommentVNode("",!0)]),_:3})]))]))}}),ue=e.defineComponent({name:"XBacktop",__name:"index",props:{visibilityHeight:{default:200},right:{default:40},bottom:{default:40}},emits:["click"],setup(t,{emit:s}){const o=t,r=s,n=z.useNamespace("backtop"),a=e.ref(!1),d=()=>{const i=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop||0;a.value=i>=o.visibilityHeight},h=i=>{window.scrollTo({top:0,behavior:"smooth"}),r("click",i)},p=e.computed(()=>({right:`${o.right}px`,bottom:`${o.bottom}px`}));return e.onMounted(()=>{window.addEventListener("scroll",d,{passive:!0,capture:!0}),setTimeout(d,100)}),e.onUnmounted(()=>{window.removeEventListener("scroll",d,!0)}),(i,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(p.value),onClick:h},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("icon"))},"↑",2)])],6),[[e.vShow,a.value]])]),_:3}))}}),me=e.defineComponent({name:"XTimeline",__name:"index",setup(t){const s=z.useNamespace("timeline");return(o,r)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(s).b())},[e.renderSlot(o.$slots,"default")],2))}}),fe=e.defineComponent({name:"XTimelineItem",__name:"TimelineItem",props:{timestamp:{},placement:{default:"bottom"},type:{default:"primary"},color:{},size:{default:"normal"},icon:{},hollow:{type:Boolean,default:!1}},setup(t){const s=z.useNamespace("timeline-item");return(o,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([e.unref(s).b(),e.unref(s).m(t.placement)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("tail"))},null,2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("node"),e.unref(s).m(t.type),e.unref(s).is("hollow",t.hollow)]),style:e.normalizeStyle(t.color?{backgroundColor:t.color,borderColor:t.color}:void 0)},[e.renderSlot(o.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(s).e("icon"))},e.toDisplayString(t.icon),3)):e.createCommentVNode("",!0)])],6),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("wrapper"))},[t.timestamp&&t.placement==="top"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s).e("timestamp"))},e.toDisplayString(t.timestamp),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("content"))},[e.renderSlot(o.$slots,"default")],2),t.timestamp&&t.placement==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).e("timestamp"))},e.toDisplayString(t.timestamp),3)):e.createCommentVNode("",!0)],2)],2))}}),pe=e.defineComponent({name:"XMessage",__name:"index",props:{message:{default:""},type:{default:"info"},duration:{default:3e3},showClose:{type:Boolean,default:!1},center:{type:Boolean,default:!1},offset:{default:20},customClass:{},onClose:{}},emits:["close","destroy"],setup(t,{expose:s,emit:o}){const r=t,n=o,a=z.useNamespace("message"),d=e.ref(!1),h=e.ref(z.nextMessageZIndex()),p={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},i=e.computed(()=>[a.b(),a.m(r.type),a.is("center",r.center),a.is("closable",r.showClose),r.customClass]),C=e.computed(()=>({top:`${r.offset}px`,zIndex:h.value}));let m=null;const y=()=>{r.duration>0&&(m=setTimeout(()=>{u()},r.duration))},f=()=>{m&&(clearTimeout(m),m=null)},u=()=>{var g;d.value=!1,(g=r.onClose)==null||g.call(r),n("close")},l=()=>{n("destroy")};return e.onMounted(()=>{y(),d.value=!0}),e.onUnmounted(()=>{f()}),s({close:u}),(g,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-message-fade",onAfterLeave:l},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),style:e.normalizeStyle(C.value),onMouseenter:f,onMouseleave:y},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("icon"))},e.toDisplayString(p[t.type]),3),e.createElementVNode("span",{class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(g.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(a).e("close")),onClick:u}," ✕ ",2)):e.createCommentVNode("",!0)],38)):e.createCommentVNode("",!0)]),_:3}))}}),D=[];let he=1;const ge=()=>{D.slice().forEach(t=>t.close())};function U(t){const s=he++,o=document.createElement("div");document.body.appendChild(o);const r={success:{bg:"#f0f9eb",border:"#67c23a",icon:"✓"},warning:{bg:"#fdf6ec",border:"#e6a23c",icon:"⚠"},error:{bg:"#fef0f0",border:"#f56c6c",icon:"✕"},info:{bg:"#f4f4f5",border:"#909399",icon:"ℹ"}},n=t.type||"info",a=r[n]||r.info,d=e.reactive({visible:!1,offset:t.offset??20});let h=t.offset??20;D.forEach(l=>{const g=l.container.firstElementChild;g&&g.offsetHeight&&(h+=g.offsetHeight+16)}),d.offset=h;let p=null,i=!1;const C=()=>{i||(d.visible=!1,setTimeout(()=>{if(i)return;i=!0;const l=D.findIndex(g=>g.id===s);l!==-1&&D.splice(l,1);try{f.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o)},300))},m=()=>{const l=t.duration??3e3;l>0&&(p=setTimeout(C,l))},y=()=>{p&&(clearTimeout(p),p=null)},f=e.createApp({render(){if(!d.visible)return null;const l=[e.h("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",marginRight:"10px",fontSize:"16px",color:a.border}},a.icon),e.h("span",{style:{flex:"1",fontSize:"14px",color:"#606266",lineHeight:"1.4"}},t.message||"")];return t.showClose&&l.push(e.h("button",{style:{position:"absolute",top:"50%",right:"12px",transform:"translateY(-50%)",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:g=>{g.stopPropagation(),C()}},"✕")),e.h("div",{class:["x-message",`x-message--${n}`,t.center?"is-center":"",t.showClose?"is-closable":""],style:{position:"fixed",left:"50%",top:`${d.offset}px`,transform:"translateX(-50%)",display:"flex",alignItems:"center",padding:t.showClose?"12px 40px 12px 16px":"12px 16px",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0,0,0,0.1)",minWidth:"280px",maxWidth:"480px",backgroundColor:a.bg,border:`1px solid ${a.border}`,zIndex:2e3+s,transition:"opacity 0.3s, transform 0.3s"},onMouseenter:y,onMouseleave:m},l)}});f.mount(o),e.nextTick(()=>{d.visible=!0,m()});const u={id:s,app:f,container:o,close:C};return D.push(u),{close:C}}function ve(t){return U(typeof t=="string"?{message:t}:t)}const A=t=>s=>U({...typeof s=="string"?{message:s}:s,type:t}),j=Object.assign(ve,{info:A("info"),success:A("success"),warning:A("warning"),error:A("error"),closeAll:ge}),ye=j,Ce=pe,ke={install(t){t.config.globalProperties.$message=j,t.provide("message",j)}},L=[],be=()=>{L.slice().forEach(t=>t.close())},xe={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}};function F(t){return new Promise(s=>{const o=document.createElement("div");document.body.appendChild(o);let r=!1;const n=e.defineComponent({name:"TMessageBox",setup(){const h=e.ref(!1),p=e.ref(t.inputValue??""),i=e.ref(""),C=2e3+L.length+1,m=g=>{r||(r=!0,h.value=!1,setTimeout(()=>{const c=L.findIndex(v=>v.container===o);c!==-1&&L.splice(c,1);try{a.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o),s({action:g,value:g==="confirm"?p.value:void 0})},300))},y=()=>{if(t.showInput&&t.inputPattern&&!t.inputPattern.test(p.value)){i.value=t.inputErrorMessage||"输入格式不正确";return}i.value="",m("confirm")},f=()=>{m("cancel")},u=()=>{m("close")},l=()=>{t.closeOnClickModal!==!1&&u()};return e.nextTick(()=>{h.value=!0}),{visible:h,inputValue:p,inputError:i,zIndex:C,handleConfirm:y,handleCancel:f,handleClose:u,handleMaskClick:l}},render(){if(!this.visible)return null;const h=t.type,p=h?xe[h]:null,i=[];p&&i.push(e.h("span",{class:"x-message-box__icon",style:{color:p.color,marginRight:"10px",fontSize:"20px"}},p.icon)),i.push(e.h("span",{class:"x-message-box__title"},t.title||"提示")),t.showClose!==!1&&i.push(e.h("button",{class:"x-message-box__close",onClick:this.handleClose},"✕"));const C=[];C.push(e.h("div",{class:"x-message-box__content"},t.message||"")),t.showInput&&C.push(e.h("div",{class:"x-message-box__input",style:{marginTop:"12px"}},[e.h("input",{class:["x-message-box__input-inner",this.inputError?"is-error":""].filter(Boolean),type:t.inputType||"text",placeholder:t.inputPlaceholder||"请输入",value:this.inputValue,onInput:y=>{this.inputValue=y.target.value,this.inputError=""},onKeyup:y=>{y.key==="Enter"&&this.handleConfirm()}}),this.inputError?e.h("div",{class:"x-message-box__error",style:{color:"#f56c6c",fontSize:"12px",marginTop:"4px"}},this.inputError):null]));const m=[];return t.showCancelButton&&m.push(e.h("button",{class:"x-button p-button--default",onClick:this.handleCancel},t.cancelButtonText||"取消")),t.showConfirmButton!==!1&&m.push(e.h("button",{class:"x-button p-button--primary",onClick:this.handleConfirm,style:{marginLeft:"10px"}},t.confirmButtonText||"确定")),e.h("div",{class:["x-message-box-wrapper",t.center?"is-center":""],style:{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:this.zIndex},onClick:this.handleMaskClick},[e.h("div",{class:["x-message-box",t.customClass],style:{backgroundColor:"#fff",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0, 0, 0, 0.1)",minWidth:"300px",maxWidth:"500px"},onClick:y=>y.stopPropagation()},[e.h("div",{class:"x-message-box__header",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid #eee"}},i),e.h("div",{class:"x-message-box__body",style:{padding:"20px",fontSize:"14px",color:"#606266"}},C),e.h("div",{class:"x-message-box__footer",style:{padding:"10px 20px 16px",textAlign:"right"}},m)])])}}),a=e.createApp(n);a.mount(o);const d={app:a,container:o,close:()=>{var p;const h=(p=a._instance)==null?void 0:p.proxy;h!=null&&h.handleClose&&h.handleClose()}};L.push(d)})}async function we(t,s,o){return F({message:t,title:s,...o,showConfirmButton:!0,showCancelButton:!1})}async function Be(t,s,o){return F({message:t,title:s,...o,showConfirmButton:!0,showCancelButton:!0})}async function Ee(t,s,o){return F({message:t,title:s,...o,showInput:!0,showConfirmButton:!0,showCancelButton:!0})}function ze(t){return F(t)}const M=Object.assign(ze,{alert:we,confirm:Be,prompt:Ee,closeAll:be}),Ne=M,Te={install(t){t.config.globalProperties.$msgbox=M,t.config.globalProperties.$alert=M.alert,t.config.globalProperties.$confirm=M.confirm,t.config.globalProperties.$prompt=M.prompt,t.provide("messageBox",M)}},P=[];let Ve=1;const Se=()=>{P.slice().forEach(t=>t.close())},$e={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}},Me=(t,s)=>{const o=P.filter(n=>n.position===t);let r=16;for(const n of o)if(n.id<s){const a=n.container.firstElementChild;a&&(r+=a.offsetHeight+16)}return r},Ie=(t,s)=>{const o={position:"fixed",width:"330px",zIndex:"2010"};switch(t){case"top-right":o.top=`${s}px`,o.right="16px";break;case"top-left":o.top=`${s}px`,o.left="16px";break;case"bottom-right":o.bottom=`${s}px`,o.right="16px";break;case"bottom-left":o.bottom=`${s}px`,o.left="16px";break;default:o.top=`${s}px`,o.right="16px"}return o};function Z(t){const s=Ve++,o=t.position||"top-right",r=document.createElement("div");document.body.appendChild(r);let n=null,a=!1;const d=e.defineComponent({name:"TNotification",setup(){const i=e.ref(!1),C=()=>{a||(a=!0,i.value=!1,setTimeout(()=>{var g;const l=P.findIndex(c=>c.id===s);l!==-1&&P.splice(l,1),n&&clearTimeout(n),(g=t.onClose)==null||g.call(t);try{h.unmount()}catch{}r.parentNode&&r.parentNode.removeChild(r)},300))},m=()=>{const l=t.duration??4500;l>0&&(n=setTimeout(C,l))},y=()=>{n&&(clearTimeout(n),n=null)},f=e.computed(()=>(t.offset??0)+Me(o,s)),u=e.computed(()=>Ie(o,f.value));return e.nextTick(()=>{i.value=!0,m()}),{visible:i,close:C,positionStyles:u,startTimer:m,clearTimer:y}},render(){if(!this.visible)return null;const i=t.type,C=i?$e[i]:null,m=[];t.title&&m.push(e.h("div",{class:"x-notification__title",style:{fontWeight:"600",fontSize:"16px",color:"#303133",marginBottom:t.message?"6px":"0"}},t.title)),t.message&&(t.dangerouslyUseHTMLString?m.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"},innerHTML:t.message})):m.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"}},t.message)));const y=[];return C&&y.push(e.h("div",{class:"x-notification__icon",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",marginRight:"12px",fontSize:"18px",color:C.color}},C.icon)),y.push(e.h("div",{class:"x-notification__main",style:{flex:"1"}},m)),t.showClose!==!1&&y.push(e.h("button",{class:"x-notification__close",style:{position:"absolute",top:"18px",right:"15px",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:f=>{f.stopPropagation(),this.close()}},"✕")),e.h("div",{class:["x-notification",t.customClass],style:{...this.positionStyles,display:"flex",alignItems:"flex-start",padding:"14px 26px 14px 13px",borderRadius:"8px",backgroundColor:"#fff",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",transition:"opacity 0.3s, transform 0.3s",boxSizing:"border-box"},onMouseenter:this.clearTimer,onMouseleave:this.startTimer},y)}}),h=e.createApp(d);h.mount(r);const p={id:s,app:h,container:r,position:o,close:()=>{var C;const i=(C=h._instance)==null?void 0:C.proxy;i!=null&&i.close&&i.close()}};return P.push(p),{close:p.close}}function De(t){return Z(typeof t=="string"?{message:t}:t)}const H=t=>s=>Z({...typeof s=="string"?{message:s}:s,type:t}),q=Object.assign(De,{info:H("info"),success:H("success"),warning:H("warning"),error:H("error"),closeAll:Se}),Le=q,Pe={install(t){t.config.globalProperties.$notify=q,t.provide("notification",q)}};exports.Alert=le;exports.Backtop=ue;exports.Drawer=Y;exports.DrawerForm=ne;exports.Message=ye;exports.MessageBox=Ne;exports.MessageComponent=Ce;exports.Modal=K;exports.Notification=Le;exports.Popconfirm=de;exports.TMessage=ke;exports.TMessageBox=Te;exports.TNotification=Pe;exports.Timeline=me;exports.TimelineItem=fe;exports.Tooltip=se;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("@xto/core"),K=e.defineComponent({name:"XModal",inheritAttrs:!1,__name:"index",props:{modelValue:{type:Boolean,default:void 0},open:{type:Boolean,default:void 0},title:{default:""},width:{default:"50%"},top:{default:"15vh"},modal:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},center:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","update:open","close","open","ok","cancel"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("modal"),{next:s}=z.useZIndex(),d=e.ref(s()),h=e.computed({get:()=>o.modelValue!==void 0?o.modelValue:o.open!==void 0?o.open:!1,set:u=>{r("update:modelValue",u),r("update:open",u)}}),p=e.ref(),i=()=>{h.value=!1,r("cancel"),r("close")},C=()=>{r("ok")},m=()=>{o.closeOnClickModal&&o.modal&&i()};z.useEscape(()=>{o.closeOnPressEscape&&h.value&&i()}),e.watch(()=>[o.modelValue,o.open],([u,l])=>{(u!==void 0?u:l)&&(d.value=s(),r("open"))},{immediate:!0});const y=e.computed(()=>({paddingTop:o.top})),f=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width,zIndex:d.value}));return(u,l)=>{const g=e.resolveComponent("x-button");return e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-modal-fade"},{default:e.withCtx(()=>[h.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("wrapper")),style:e.normalizeStyle(y.value),onClick:m},[e.createElementVNode("div",{ref_key:"modalRef",ref:p,class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(f.value),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(u.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:i}," ✕ ",2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[e.renderSlot(u.$slots,"default")],2),u.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(u.$slots,"footer",{ok:C,cancel:i})],2)):u.$slots.footer?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("footer"))},[e.createVNode(g,{onClick:i},{default:e.withCtx(()=>[...l[1]||(l[1]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(g,{type:"primary",style:{"margin-left":"8px"},onClick:C},{default:e.withCtx(()=>[...l[2]||(l[2]=[e.createTextVNode("确定",-1)])]),_:1})],2))],6)],6)):e.createCommentVNode("",!0)]),_:3})])}}}),Y=e.defineComponent({name:"XDrawer",inheritAttrs:!1,__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:""},placement:{default:void 0},direction:{default:"rtl"},width:{default:void 0},size:{default:"30%"},withHeader:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!1},modal:{type:Boolean,default:!0}},emits:["update:modelValue","close","open"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("drawer"),s=e.ref(2e3),d=()=>{r("update:modelValue",!1),r("close")},h=()=>{o.closeOnClickModal&&d()},p=m=>{m.key==="Escape"&&o.modelValue&&d()};e.watch(()=>o.modelValue,m=>{m?(s.value=2e3+Math.floor(Math.random()*100),r("open"),document.addEventListener("keydown",p)):document.removeEventListener("keydown",p)});const i=e.computed(()=>({zIndex:s.value})),C=e.computed(()=>{const m=o.direction??o.placement??"rtl",y=o.size??o.width??"30%",f=typeof y=="number"?`${y}px`:y;return{ltr:{width:f,height:"100%"},rtl:{width:f,height:"100%"},ttb:{width:"100%",height:f},btt:{width:"100%",height:f}}[m]});return(m,y)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-drawer-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("overlay"),{[e.unref(n).em("overlay","no-modal")]:!t.modal}]),style:e.normalizeStyle(i.value),onClick:h},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).b(),e.unref(n).m(t.direction??t.placement??"rtl")]),style:e.normalizeStyle(C.value),onClick:y[0]||(y[0]=e.withModifiers(()=>{},["stop"]))},[t.withHeader?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(m.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("close")),onClick:d}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([e.unref(n).e("body"),m.$slots.footer&&e.unref(n).em("body","has-footer")])},[e.renderSlot(m.$slots,"default")],2),m.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n).e("footer"))},[e.renderSlot(m.$slots,"footer")],2)):e.createCommentVNode("",!0)],6)],6),[[e.vShow,t.modelValue]])]),_:3})]))}}),G={key:0,class:"required-mark"},J=["value","placeholder","disabled","onInput"],Q=["value","placeholder","disabled","onInput"],_=["value","placeholder","disabled","onInput"],ee=["value","disabled","onChange"],te=["value"],oe=["disabled","onClick"],ne=e.defineComponent({name:"XDrawerForm",__name:"index",props:{modelValue:{type:Boolean,default:!1},title:{default:"配置"},size:{default:"400px"},fields:{default:()=>[]},formData:{default:()=>({})},showConfirm:{type:Boolean,default:!0},showCancel:{type:Boolean,default:!0},confirmText:{default:"确认"},cancelText:{default:"取消"},disabled:{type:Boolean,default:!1},destroyOnClose:{type:Boolean,default:!1}},emits:["update:modelValue","confirm","cancel","close","field-change"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("drawer-form"),s=e.ref({}),d=e.ref({});e.computed(()=>[n.b()]),e.watch(()=>o.formData,f=>{s.value={...f}},{immediate:!0,deep:!0});const h=e.computed(()=>typeof o.size=="number"?`${o.size}px`:o.size),p=()=>{r("update:modelValue",!1),r("close")},i=()=>{r("cancel"),p()},C=()=>{m()&&(r("confirm",s.value),p())},m=()=>{d.value={};for(const f of o.fields){if(f.required){const u=s.value[f.name];if(u==null||u===""){d.value[f.name]=`${f.label}为必填项`;continue}}if(f.rules)for(const u of f.rules){const l=s.value[f.name];u.type==="email"&&l&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(l)&&(d.value[f.name]=u.message),u.type==="minLength"&&l&&l.length<u.min&&(d.value[f.name]=u.message)}}return Object.keys(d.value).length===0},y=(f,u)=>{s.value[f]=u,r("field-change",f,u)};return(f,u)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"drawer-form-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("overlay")),onClick:p},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle({width:h.value}),onClick:u[0]||(u[0]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("header"))},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("title"))},e.toDisplayString(t.title),3),e.createElementVNode("button",{class:e.normalizeClass(e.unref(n).e("close")),onClick:p},"✕",2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("body"))},[!t.destroyOnClose||t.modelValue?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n).e("form"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.fields,l=>(e.openBlock(),e.createElementBlock("div",{key:l.name,class:e.normalizeClass(e.unref(n).e("field"))},[e.createElementVNode("label",{class:e.normalizeClass(e.unref(n).e("label"))},[e.createTextVNode(e.toDisplayString(l.label)+" ",1),l.required?(e.openBlock(),e.createElementBlock("span",G,"*")):e.createCommentVNode("",!0)],2),l.type==="input"?(e.openBlock(),e.createElementBlock("input",{key:0,class:e.normalizeClass([e.unref(n).e("input"),{"has-error":d.value[l.name]}]),value:s.value[l.name],placeholder:l.placeholder,disabled:t.disabled||l.disabled,onInput:g=>y(l.name,g.target.value)},null,42,J)):l.type==="textarea"?(e.openBlock(),e.createElementBlock("textarea",{key:1,class:e.normalizeClass([e.unref(n).e("textarea"),{"has-error":d.value[l.name]}]),value:s.value[l.name],placeholder:l.placeholder,disabled:t.disabled||l.disabled,rows:"4",onInput:g=>y(l.name,g.target.value)},null,42,Q)):l.type==="number"?(e.openBlock(),e.createElementBlock("input",{key:2,type:"number",class:e.normalizeClass([e.unref(n).e("input"),{"has-error":d.value[l.name]}]),value:s.value[l.name],placeholder:l.placeholder,disabled:t.disabled||l.disabled,onInput:g=>y(l.name,Number(g.target.value))},null,42,_)):l.type==="select"?(e.openBlock(),e.createElementBlock("select",{key:3,class:e.normalizeClass([e.unref(n).e("select"),{"has-error":d.value[l.name]}]),value:s.value[l.name],disabled:t.disabled||l.disabled,onChange:g=>y(l.name,g.target.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,g=>(e.openBlock(),e.createElementBlock("option",{key:g.value,value:g.value},e.toDisplayString(g.label),9,te))),128))],42,ee)):l.type==="switch"?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(e.unref(n).e("switch"))},[e.createElementVNode("button",{class:e.normalizeClass(["switch-btn",{"is-on":s.value[l.name]}]),disabled:t.disabled||l.disabled,onClick:g=>y(l.name,!s.value[l.name])},e.toDisplayString(s.value[l.name]?"开启":"关闭"),11,oe)],2)):e.createCommentVNode("",!0),d.value[l.name]?(e.openBlock(),e.createElementBlock("span",{key:5,class:e.normalizeClass(e.unref(n).e("error"))},e.toDisplayString(d.value[l.name]),3)):e.createCommentVNode("",!0)],2))),128))],2)):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("footer"))},[t.showCancel?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(n).e("cancel")),onClick:i},e.toDisplayString(t.cancelText),3)):e.createCommentVNode("",!0),t.showConfirm?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(e.unref(n).e("confirm")),onClick:C},e.toDisplayString(t.confirmText),3)):e.createCommentVNode("",!0)],2)],6)],2),[[e.vShow,t.modelValue]])]),_:1})]))}}),le=e.defineComponent({name:"XAlert",__name:"index",props:{type:{default:"info"},title:{default:""},description:{},closable:{type:Boolean,default:!0},showIcon:{type:Boolean,default:!1},center:{type:Boolean,default:!1}},emits:["close"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("alert"),s=e.ref(!0),d={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},h=e.computed(()=>[n.b(),n.m(o.type),n.is("center",o.center),n.is("with-description",o.description)]),p=i=>{s.value=!1,r("close",i)};return(i,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-alert-fade"},{default:e.withCtx(()=>[s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(h.value)},[t.showIcon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("icon"))},e.toDisplayString(d[t.type]),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).e("content"))},[t.title||i.$slots.title?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(n).e("title"))},[e.renderSlot(i.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||i.$slots.default?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n).e("description"))},[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0)],2),t.closable?(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(e.unref(n).e("close")),onClick:p}," ✕ ",2)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3}))}}),ae=e.defineComponent({name:"XTooltip",__name:"index",props:{content:{default:""},placement:{default:"top"},effect:{default:"dark"},disabled:{type:Boolean,default:!1},offset:{default:8},transition:{default:"fade"},visibleArrow:{type:Boolean,default:!0},trigger:{default:"hover"},openDelay:{default:0},closeDelay:{default:0}},emits:["update:visible","show","hide"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("tooltip"),s=e.ref(!1),d=e.ref(),h=e.ref();let p,i;const C=e.ref({}),m=()=>{if(!d.value||!h.value)return;const b=d.value.getBoundingClientRect(),T=h.value;T.style.visibility="hidden",T.style.display="block";const N=T.offsetWidth,S=T.offsetHeight,V=o.offset,W=window.innerWidth,X=window.innerHeight;let B=0,E=0,I=o.placement;switch(o.placement){case"top":B=b.top-S-V,E=b.left+(b.width-N)/2;break;case"bottom":B=b.bottom+V,E=b.left+(b.width-N)/2;break;case"left":B=b.top+(b.height-S)/2,E=b.left-N-V;break;case"right":B=b.top+(b.height-S)/2,E=b.right+V;break}o.placement==="top"&&B<0?(I="bottom",B=b.bottom+V):o.placement==="bottom"&&B+S>X?(I="top",B=b.top-S-V):o.placement==="left"&&E<0?(I="right",E=b.right+V):o.placement==="right"&&E+N>W&&(I="left",E=b.left-N-V),E<8&&(E=8),E+N>W-8&&(E=W-N-8),B<8&&(B=8),B+S>X-8&&(B=X-S-8),C.value={position:"fixed",top:`${B}px`,left:`${E}px`,visibility:"visible",zIndex:"2000"},y.value=I},y=e.ref(o.placement),f=()=>{o.disabled||(clearTimeout(i),p=setTimeout(()=>{s.value=!0,r("update:visible",!0),r("show"),e.nextTick(()=>{m()})},o.openDelay))},u=()=>{clearTimeout(p),i=setTimeout(()=>{s.value=!1,r("update:visible",!1),r("hide")},o.closeDelay)},l=()=>{s.value?u():f()},g=()=>{o.trigger==="hover"&&f()},c=()=>{o.trigger==="hover"&&u()},v=()=>{o.trigger==="click"&&l()},$=()=>{o.trigger==="focus"&&f()},w=()=>{o.trigger==="focus"&&u()},x=b=>{var T,N;o.trigger==="click"&&!((T=d.value)!=null&&T.contains(b.target))&&!((N=h.value)!=null&&N.contains(b.target))&&u()},k=()=>{s.value&&m()};e.watch(s,b=>{b?e.nextTick(()=>{m(),o.trigger==="click"&&document.addEventListener("click",x),window.addEventListener("scroll",k,!0),window.addEventListener("resize",k)}):(document.removeEventListener("click",x),window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k))}),e.onUnmounted(()=>{clearTimeout(p),clearTimeout(i),document.removeEventListener("click",x),window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k)});const R=e.computed(()=>[n.b(),n.m(o.effect)]),O=e.computed(()=>[n.e("arrow"),n.e(`arrow-${y.value}`)]);return(b,T)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n).e("wrapper"))},[e.createElementVNode("div",{ref_key:"triggerRef",ref:d,class:e.normalizeClass(e.unref(n).e("trigger")),onMouseenter:g,onMouseleave:c,onClick:v,onFocus:$,onBlur:w},[e.renderSlot(b.$slots,"default")],34),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:`x-tooltip-${t.transition}`},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{ref_key:"tooltipRef",ref:h,class:e.normalizeClass(R.value),style:e.normalizeStyle(C.value),onMouseenter:g,onMouseleave:c},[e.renderSlot(b.$slots,"content",{},()=>[e.createTextVNode(e.toDisplayString(t.content),1)]),t.visibleArrow?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(O.value)},null,2)):e.createCommentVNode("",!0)],38),[[e.vShow,s.value]])]),_:3},8,["name"])]))],2))}}),se={class:"x-popconfirm-wrapper"},re={class:"x-popconfirm__main"},ie={class:"x-popconfirm__title"},ce={class:"x-popconfirm__action"},de=e.defineComponent({name:"XPopconfirm",__name:"index",props:{title:{default:""},confirmButtonText:{default:"确定"},cancelButtonText:{default:"取消"},confirmButtonType:{default:"primary"},cancelButtonType:{default:"default"},icon:{default:""},iconColor:{default:"#faad14"},hideIcon:{type:Boolean,default:!1},hideCancelButton:{type:Boolean,default:!1},hideConfirmButton:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},width:{default:200},placement:{default:"top"},offset:{default:12},showArrow:{type:Boolean,default:!0}},emits:["confirm","cancel"],setup(t,{emit:a}){const o=t,r=a,n=e.ref(!1),s=e.ref(null),d=e.ref(null),h=e.ref({}),p=()=>{if(!s.value||!d.value)return;const c=s.value.getBoundingClientRect(),v=d.value.getBoundingClientRect(),$=o.placement,w=o.offset;let x=0,k=0;switch($){case"top":x=c.top-v.height-w,k=c.left+(c.width-v.width)/2;break;case"top-start":x=c.top-v.height-w,k=c.left;break;case"top-end":x=c.top-v.height-w,k=c.right-v.width;break;case"bottom":x=c.bottom+w,k=c.left+(c.width-v.width)/2;break;case"bottom-start":x=c.bottom+w,k=c.left;break;case"bottom-end":x=c.bottom+w,k=c.right-v.width;break;case"left":x=c.top+(c.height-v.height)/2,k=c.left-v.width-w;break;case"left-start":x=c.top,k=c.left-v.width-w;break;case"left-end":x=c.bottom-v.height,k=c.left-v.width-w;break;case"right":x=c.top+(c.height-v.height)/2,k=c.right+w;break;case"right-start":x=c.top,k=c.right+w;break;case"right-end":x=c.bottom-v.height,k=c.right+w;break;default:x=c.top-v.height-w,k=c.left+(c.width-v.width)/2}const R=window.innerWidth,O=window.innerHeight;k<0&&(k=10),k+v.width>R&&(k=R-v.width-10),x<0&&(x=10),x+v.height>O&&(x=O-v.height-10),h.value={position:"fixed",top:`${x}px`,left:`${k}px`,zIndex:"2000"}},i=c=>{var v,$;n.value&&((v=s.value)!=null&&v.contains(c.target)||($=d.value)!=null&&$.contains(c.target)||(n.value=!1))},C=c=>{o.disabled||(c.stopPropagation(),n.value=!n.value,n.value&&setTimeout(p,0))},m=()=>{n.value=!1,r("confirm")},y=()=>{n.value=!1,r("cancel")},f=()=>{n.value&&p()},u=()=>{n.value&&p()};e.watch(n,c=>{c?(setTimeout(p,0),document.addEventListener("click",i),window.addEventListener("scroll",f,!0),window.addEventListener("resize",u)):(document.removeEventListener("click",i),window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",u))}),e.onUnmounted(()=>{document.removeEventListener("click",i),window.removeEventListener("scroll",f,!0),window.removeEventListener("resize",u)});const l=e.computed(()=>({width:typeof o.width=="number"?`${o.width}px`:o.width})),g=e.computed(()=>{const c=o.placement,v={};switch(c){case"top":case"top-start":case"top-end":v.bottom="-6px",v.transform="rotate(45deg)";break;case"bottom":case"bottom-start":case"bottom-end":v.top="-6px",v.transform="rotate(225deg)";break;case"left":case"left-start":case"left-end":v.right="-6px",v.transform="rotate(315deg)";break;case"right":case"right-start":case"right-end":v.left="-6px",v.transform="rotate(135deg)";break}return v});return(c,v)=>(e.openBlock(),e.createElementBlock("span",se,[e.createElementVNode("span",{ref_key:"triggerRef",ref:s,class:"x-popconfirm-trigger",onClick:C},[e.renderSlot(c.$slots,"default")],512),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.createVNode(e.Transition,{name:"x-popconfirm-fade"},{default:e.withCtx(()=>[n.value?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"popperRef",ref:d,class:"x-popconfirm",style:e.normalizeStyle({...h.value,...l.value}),onClick:v[0]||(v[0]=e.withModifiers(()=>{},["stop"]))},[t.showArrow?(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__arrow",style:e.normalizeStyle(g.value)},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",re,[t.hideIcon?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:"x-popconfirm__icon",style:e.normalizeStyle({color:t.iconColor})},[e.renderSlot(c.$slots,"icon",{},()=>[e.createTextVNode(e.toDisplayString(t.icon||"⚠"),1)])],4)),e.createElementVNode("div",ie,[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])])]),e.createElementVNode("div",ce,[t.hideCancelButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,class:"x-button p-button--default p-button--small",onClick:y},e.toDisplayString(t.cancelButtonText),1)),t.hideConfirmButton?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:1,class:e.normalizeClass(["x-button x-button--small",`x-button--${t.confirmButtonType}`]),onClick:m},e.toDisplayString(t.confirmButtonText),3))])],4)):e.createCommentVNode("",!0)]),_:3})]))]))}}),ue=e.defineComponent({name:"XBacktop",__name:"index",props:{visibilityHeight:{default:200},right:{default:40},bottom:{default:40}},emits:["click"],setup(t,{emit:a}){const o=t,r=a,n=z.useNamespace("backtop"),s=e.ref(!1),d=()=>{const i=window.scrollY||document.documentElement.scrollTop||document.body.scrollTop||0;s.value=i>=o.visibilityHeight},h=i=>{window.scrollTo({top:0,behavior:"smooth"}),r("click",i)},p=e.computed(()=>({right:`${o.right}px`,bottom:`${o.bottom}px`}));return e.onMounted(()=>{window.addEventListener("scroll",d,{passive:!0,capture:!0}),setTimeout(d,100)}),e.onUnmounted(()=>{window.removeEventListener("scroll",d,!0)}),(i,C)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-fade"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(e.unref(n).b()),style:e.normalizeStyle(p.value),onClick:h},[e.renderSlot(i.$slots,"default",{},()=>[e.createElementVNode("span",{class:e.normalizeClass(e.unref(n).e("icon"))},"↑",2)])],6),[[e.vShow,s.value]])]),_:3}))}}),me=e.defineComponent({name:"XTimeline",__name:"index",setup(t){const a=z.useNamespace("timeline");return(o,r)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(e.unref(a).b())},[e.renderSlot(o.$slots,"default")],2))}}),fe=e.defineComponent({name:"XTimelineItem",__name:"TimelineItem",props:{timestamp:{},placement:{default:"bottom"},type:{default:"primary"},color:{},size:{default:"normal"},icon:{},hollow:{type:Boolean,default:!1}},setup(t){const a=z.useNamespace("timeline-item");return(o,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass([e.unref(a).b(),e.unref(a).m(t.placement)])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("tail"))},null,2),e.createElementVNode("div",{class:e.normalizeClass([e.unref(a).e("node"),e.unref(a).m(t.type),e.unref(a).is("hollow",t.hollow)]),style:e.normalizeStyle(t.color?{backgroundColor:t.color,borderColor:t.color}:void 0)},[e.renderSlot(o.$slots,"icon",{},()=>[t.icon?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(e.unref(a).e("icon"))},e.toDisplayString(t.icon),3)):e.createCommentVNode("",!0)])],6),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("wrapper"))},[t.timestamp&&t.placement==="top"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).e("timestamp"))},e.toDisplayString(t.timestamp),3)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(a).e("content"))},[e.renderSlot(o.$slots,"default")],2),t.timestamp&&t.placement==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).e("timestamp"))},e.toDisplayString(t.timestamp),3)):e.createCommentVNode("",!0)],2)],2))}}),pe=e.defineComponent({name:"XMessage",__name:"index",props:{message:{default:""},type:{default:"info"},duration:{default:3e3},showClose:{type:Boolean,default:!1},center:{type:Boolean,default:!1},offset:{default:20},customClass:{},onClose:{}},emits:["close","destroy"],setup(t,{expose:a,emit:o}){const r=t,n=o,s=z.useNamespace("message"),d=e.ref(!1),h=e.ref(z.nextMessageZIndex()),p={success:"✓",warning:"⚠",error:"✕",info:"ℹ"},i=e.computed(()=>[s.b(),s.m(r.type),s.is("center",r.center),s.is("closable",r.showClose),r.customClass]),C=e.computed(()=>({top:`${r.offset}px`,zIndex:h.value}));let m=null;const y=()=>{r.duration>0&&(m=setTimeout(()=>{u()},r.duration))},f=()=>{m&&(clearTimeout(m),m=null)},u=()=>{var g;d.value=!1,(g=r.onClose)==null||g.call(r),n("close")},l=()=>{n("destroy")};return e.onMounted(()=>{y(),d.value=!0}),e.onUnmounted(()=>{f()}),a({close:u}),(g,c)=>(e.openBlock(),e.createBlock(e.Transition,{name:"x-message-fade",onAfterLeave:l},{default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(i.value),style:e.normalizeStyle(C.value),onMouseenter:f,onMouseleave:y},[e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("icon"))},e.toDisplayString(p[t.type]),3),e.createElementVNode("span",{class:e.normalizeClass(e.unref(s).e("content"))},[e.renderSlot(g.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.message),1)])],2),t.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(e.unref(s).e("close")),onClick:u}," ✕ ",2)):e.createCommentVNode("",!0)],38)):e.createCommentVNode("",!0)]),_:3}))}}),D=[];let he=1;const ge=()=>{D.slice().forEach(t=>t.close())};function U(t){const a=he++,o=document.createElement("div");document.body.appendChild(o);const r={success:{bg:"#f0f9eb",border:"#67c23a",icon:"✓"},warning:{bg:"#fdf6ec",border:"#e6a23c",icon:"⚠"},error:{bg:"#fef0f0",border:"#f56c6c",icon:"✕"},info:{bg:"#f4f4f5",border:"#909399",icon:"ℹ"}},n=t.type||"info",s=r[n]||r.info,d=e.reactive({visible:!1,offset:t.offset??20});let h=t.offset??20;D.forEach(l=>{const g=l.container.firstElementChild;g&&g.offsetHeight&&(h+=g.offsetHeight+16)}),d.offset=h;let p=null,i=!1;const C=()=>{i||(d.visible=!1,setTimeout(()=>{if(i)return;i=!0;const l=D.findIndex(g=>g.id===a);l!==-1&&D.splice(l,1);try{f.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o)},300))},m=()=>{const l=t.duration??3e3;l>0&&(p=setTimeout(C,l))},y=()=>{p&&(clearTimeout(p),p=null)},f=e.createApp({render(){if(!d.visible)return null;const l=[e.h("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",marginRight:"10px",fontSize:"16px",color:s.border}},s.icon),e.h("span",{style:{flex:"1",fontSize:"14px",color:"#606266",lineHeight:"1.4"}},t.message||"")];return t.showClose&&l.push(e.h("button",{style:{position:"absolute",top:"50%",right:"12px",transform:"translateY(-50%)",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:g=>{g.stopPropagation(),C()}},"✕")),e.h("div",{class:["x-message",`x-message--${n}`,t.center?"is-center":"",t.showClose?"is-closable":""],style:{position:"fixed",left:"50%",top:`${d.offset}px`,transform:"translateX(-50%)",display:"flex",alignItems:"center",padding:t.showClose?"12px 40px 12px 16px":"12px 16px",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0,0,0,0.1)",minWidth:"280px",maxWidth:"480px",backgroundColor:s.bg,border:`1px solid ${s.border}`,zIndex:2e3+a,transition:"opacity 0.3s, transform 0.3s"},onMouseenter:y,onMouseleave:m},l)}});f.mount(o),e.nextTick(()=>{d.visible=!0,m()});const u={id:a,app:f,container:o,close:C};return D.push(u),{close:C}}function ve(t){return U(typeof t=="string"?{message:t}:t)}const A=t=>a=>U({...typeof a=="string"?{message:a}:a,type:t}),j=Object.assign(ve,{info:A("info"),success:A("success"),warning:A("warning"),error:A("error"),closeAll:ge}),ye=j,Ce=pe,ke={install(t){t.config.globalProperties.$message=j,t.provide("message",j)}},L=[],be=()=>{L.slice().forEach(t=>t.close())},xe={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}};function F(t){return new Promise(a=>{const o=document.createElement("div");document.body.appendChild(o);let r=!1;const n=e.defineComponent({name:"TMessageBox",setup(){const h=e.ref(!1),p=e.ref(t.inputValue??""),i=e.ref(""),C=2e3+L.length+1,m=g=>{r||(r=!0,h.value=!1,setTimeout(()=>{const c=L.findIndex(v=>v.container===o);c!==-1&&L.splice(c,1);try{s.unmount()}catch{}o.parentNode&&o.parentNode.removeChild(o),a({action:g,value:g==="confirm"?p.value:void 0})},300))},y=()=>{if(t.showInput&&t.inputPattern&&!t.inputPattern.test(p.value)){i.value=t.inputErrorMessage||"输入格式不正确";return}i.value="",m("confirm")},f=()=>{m("cancel")},u=()=>{m("close")},l=()=>{t.closeOnClickModal!==!1&&u()};return e.nextTick(()=>{h.value=!0}),{visible:h,inputValue:p,inputError:i,zIndex:C,handleConfirm:y,handleCancel:f,handleClose:u,handleMaskClick:l}},render(){if(!this.visible)return null;const h=t.type,p=h?xe[h]:null,i=[];p&&i.push(e.h("span",{class:"x-message-box__icon",style:{color:p.color,marginRight:"10px",fontSize:"20px"}},p.icon)),i.push(e.h("span",{class:"x-message-box__title"},t.title||"提示")),t.showClose!==!1&&i.push(e.h("button",{class:"x-message-box__close",onClick:this.handleClose},"✕"));const C=[];C.push(e.h("div",{class:"x-message-box__content"},t.message||"")),t.showInput&&C.push(e.h("div",{class:"x-message-box__input",style:{marginTop:"12px"}},[e.h("input",{class:["x-message-box__input-inner",this.inputError?"is-error":""].filter(Boolean),type:t.inputType||"text",placeholder:t.inputPlaceholder||"请输入",value:this.inputValue,onInput:y=>{this.inputValue=y.target.value,this.inputError=""},onKeyup:y=>{y.key==="Enter"&&this.handleConfirm()}}),this.inputError?e.h("div",{class:"x-message-box__error",style:{color:"#f56c6c",fontSize:"12px",marginTop:"4px"}},this.inputError):null]));const m=[];return t.showCancelButton&&m.push(e.h("button",{class:"x-button p-button--default",onClick:this.handleCancel},t.cancelButtonText||"取消")),t.showConfirmButton!==!1&&m.push(e.h("button",{class:"x-button p-button--primary",onClick:this.handleConfirm,style:{marginLeft:"10px"}},t.confirmButtonText||"确定")),e.h("div",{class:["x-message-box-wrapper",t.center?"is-center":""],style:{position:"fixed",top:0,left:0,right:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:this.zIndex},onClick:this.handleMaskClick},[e.h("div",{class:["x-message-box",t.customClass],style:{backgroundColor:"#fff",borderRadius:"4px",boxShadow:"0 2px 12px rgba(0, 0, 0, 0.1)",minWidth:"300px",maxWidth:"500px"},onClick:y=>y.stopPropagation()},[e.h("div",{class:"x-message-box__header",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"16px 20px",borderBottom:"1px solid #eee"}},i),e.h("div",{class:"x-message-box__body",style:{padding:"20px",fontSize:"14px",color:"#606266"}},C),e.h("div",{class:"x-message-box__footer",style:{padding:"10px 20px 16px",textAlign:"right"}},m)])])}}),s=e.createApp(n);s.mount(o);const d={app:s,container:o,close:()=>{var p;const h=(p=s._instance)==null?void 0:p.proxy;h!=null&&h.handleClose&&h.handleClose()}};L.push(d)})}async function we(t,a,o){return F({message:t,title:a,...o,showConfirmButton:!0,showCancelButton:!1})}async function Be(t,a,o){return F({message:t,title:a,...o,showConfirmButton:!0,showCancelButton:!0})}async function Ee(t,a,o){return F({message:t,title:a,...o,showInput:!0,showConfirmButton:!0,showCancelButton:!0})}function ze(t){return F(t)}const M=Object.assign(ze,{alert:we,confirm:Be,prompt:Ee,closeAll:be}),Ne=M,Te={install(t){t.config.globalProperties.$msgbox=M,t.config.globalProperties.$alert=M.alert,t.config.globalProperties.$confirm=M.confirm,t.config.globalProperties.$prompt=M.prompt,t.provide("messageBox",M)}},P=[];let Ve=1;const Se=()=>{P.slice().forEach(t=>t.close())},$e={success:{icon:"✓",color:"#67c23a"},warning:{icon:"⚠",color:"#e6a23c"},error:{icon:"✕",color:"#f56c6c"},info:{icon:"ℹ",color:"#909399"}},Me=(t,a)=>{const o=P.filter(n=>n.position===t);let r=16;for(const n of o)if(n.id<a){const s=n.container.firstElementChild;s&&(r+=s.offsetHeight+16)}return r},Ie=(t,a)=>{const o={position:"fixed",width:"330px",zIndex:"2010"};switch(t){case"top-right":o.top=`${a}px`,o.right="16px";break;case"top-left":o.top=`${a}px`,o.left="16px";break;case"bottom-right":o.bottom=`${a}px`,o.right="16px";break;case"bottom-left":o.bottom=`${a}px`,o.left="16px";break;default:o.top=`${a}px`,o.right="16px"}return o};function Z(t){const a=Ve++,o=t.position||"top-right",r=document.createElement("div");document.body.appendChild(r);let n=null,s=!1;const d=e.defineComponent({name:"TNotification",setup(){const i=e.ref(!1),C=()=>{s||(s=!0,i.value=!1,setTimeout(()=>{var g;const l=P.findIndex(c=>c.id===a);l!==-1&&P.splice(l,1),n&&clearTimeout(n),(g=t.onClose)==null||g.call(t);try{h.unmount()}catch{}r.parentNode&&r.parentNode.removeChild(r)},300))},m=()=>{const l=t.duration??4500;l>0&&(n=setTimeout(C,l))},y=()=>{n&&(clearTimeout(n),n=null)},f=e.computed(()=>(t.offset??0)+Me(o,a)),u=e.computed(()=>Ie(o,f.value));return e.nextTick(()=>{i.value=!0,m()}),{visible:i,close:C,positionStyles:u,startTimer:m,clearTimer:y}},render(){if(!this.visible)return null;const i=t.type,C=i?$e[i]:null,m=[];t.title&&m.push(e.h("div",{class:"x-notification__title",style:{fontWeight:"600",fontSize:"16px",color:"#303133",marginBottom:t.message?"6px":"0"}},t.title)),t.message&&(t.dangerouslyUseHTMLString?m.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"},innerHTML:t.message})):m.push(e.h("div",{class:"x-notification__content",style:{fontSize:"14px",color:"#606266",lineHeight:"1.5"}},t.message)));const y=[];return C&&y.push(e.h("div",{class:"x-notification__icon",style:{display:"flex",alignItems:"center",justifyContent:"center",width:"24px",height:"24px",marginRight:"12px",fontSize:"18px",color:C.color}},C.icon)),y.push(e.h("div",{class:"x-notification__main",style:{flex:"1"}},m)),t.showClose!==!1&&y.push(e.h("button",{class:"x-notification__close",style:{position:"absolute",top:"18px",right:"15px",background:"none",border:"none",cursor:"pointer",fontSize:"14px",color:"#909399",padding:"0"},onClick:f=>{f.stopPropagation(),this.close()}},"✕")),e.h("div",{class:["x-notification",t.customClass],style:{...this.positionStyles,display:"flex",alignItems:"flex-start",padding:"14px 26px 14px 13px",borderRadius:"8px",backgroundColor:"#fff",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.15)",transition:"opacity 0.3s, transform 0.3s",boxSizing:"border-box"},onMouseenter:this.clearTimer,onMouseleave:this.startTimer},y)}}),h=e.createApp(d);h.mount(r);const p={id:a,app:h,container:r,position:o,close:()=>{var C;const i=(C=h._instance)==null?void 0:C.proxy;i!=null&&i.close&&i.close()}};return P.push(p),{close:p.close}}function De(t){return Z(typeof t=="string"?{message:t}:t)}const H=t=>a=>Z({...typeof a=="string"?{message:a}:a,type:t}),q=Object.assign(De,{info:H("info"),success:H("success"),warning:H("warning"),error:H("error"),closeAll:Se}),Le=q,Pe={install(t){t.config.globalProperties.$notify=q,t.provide("notification",q)}};exports.Alert=le;exports.Backtop=ue;exports.Drawer=Y;exports.DrawerForm=ne;exports.Message=ye;exports.MessageBox=Ne;exports.MessageComponent=Ce;exports.Modal=K;exports.Notification=Le;exports.Popconfirm=de;exports.TMessage=ke;exports.TMessageBox=Te;exports.TNotification=Pe;exports.Timeline=me;exports.TimelineItem=fe;exports.Tooltip=ae;
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.x-modal{position:relative;margin:0 auto 20px;background-color:var(--bg-color, #fff);border-radius:8px;box-shadow:0 2px 12px #00000026;max-height:43vh;display:flex;flex-direction:column}.x-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center}.x-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8);flex-shrink:0}.x-modal__title{font-size:15px;font-weight:500;color:var(--color-text-primary, #303133)}.x-modal__close{background:none;border:none;font-size:16px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-modal__close:hover{color:var(--color-primary, #409eff)}.x-modal__body{padding:16px;color:var(--color-text-regular, #606266);font-size:14px;overflow-y:auto;flex:1}.x-modal__footer{padding:10px 16px 14px;text-align:right;flex-shrink:0}.x-modal-fade-enter-active,.x-modal-fade-leave-active{transition:opacity .3s ease}.x-modal-fade-enter-from,.x-modal-fade-leave-to{opacity:0}.x-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-drawer{position:fixed;top:0;right:0;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;transition:transform .3s}.x-drawer--ltr{top:0;right:auto;left:0}.x-drawer--rtl{top:0;right:0;left:auto}.x-drawer--ttb{top:0;left:0;right:auto}.x-drawer--btt{bottom:0;top:auto;left:0;right:auto}.x-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8)}.x-drawer__title{font-size:18px;font-weight:500;color:var(--color-text-primary, #303133)}.x-drawer__close{background:none;border:none;font-size:20px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-drawer__close:hover{color:var(--color-primary, #409eff)}.x-drawer__body{padding:20px;height:calc(100% - 60px);overflow-y:auto}.x-drawer__body--has-footer{height:calc(100% - 120px)}.x-drawer__footer{padding:16px 20px;border-top:1px solid var(--color-border-lighter, #e8e8e8);text-align:right}.x-drawer-fade-enter-active,.x-drawer-fade-leave-active{transition:opacity .3s}.x-drawer-fade-enter-active .x-drawer,.x-drawer-fade-leave-active .x-drawer{transition:transform .3s}.x-drawer-fade-enter-from,.x-drawer-fade-leave-to{opacity:0}.x-drawer-fade-enter-from .x-drawer--ltr,.x-drawer-fade-leave-to .x-drawer--ltr{transform:translate(-100%)}.x-drawer-fade-enter-from .x-drawer--rtl,.x-drawer-fade-leave-to .x-drawer--rtl{transform:translate(100%)}.x-drawer-fade-enter-from .x-drawer--ttb,.x-drawer-fade-leave-to .x-drawer--ttb{transform:translateY(-100%)}.x-drawer-fade-enter-from .x-drawer--btt,.x-drawer-fade-leave-to .x-drawer--btt{transform:translateY(100%)}.drawer-form__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.drawer-form{position:fixed;top:0;right:0;height:100%;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;display:flex;flex-direction:column}.drawer-form__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__title{font-size:16px;font-weight:600;color:var(--color-text-primary, #303133)}.drawer-form__close{background:none;border:none;font-size:18px;color:var(--color-text-secondary, #909399);cursor:pointer}.drawer-form__close:hover{color:var(--color-primary, #409eff)}.drawer-form__body{flex:1;padding:20px;overflow-y:auto}.drawer-form__form{display:flex;flex-direction:column;gap:16px}.drawer-form__field{display:flex;flex-direction:column;gap:8px}.drawer-form__label{font-size:14px;color:var(--color-text-regular, #606266)}.drawer-form__label .required-mark{color:var(--color-danger, #f56c6c);margin-left:4px}.drawer-form__input,.drawer-form__textarea,.drawer-form__select{padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.drawer-form__input:focus,.drawer-form__textarea:focus,.drawer-form__select:focus{border-color:var(--color-primary, #409eff)}.drawer-form__input:disabled,.drawer-form__textarea:disabled,.drawer-form__select:disabled{background:var(--color-fill-light, #f5f7fa);cursor:not-allowed}.drawer-form__input.has-error,.drawer-form__textarea.has-error,.drawer-form__select.has-error{border-color:var(--color-danger, #f56c6c)}.drawer-form__textarea{resize:vertical;min-height:80px}.drawer-form__select{cursor:pointer}.drawer-form__switch .switch-btn{padding:8px 16px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;background:var(--color-fill-light, #f5f7fa);color:var(--color-text-regular, #606266);cursor:pointer}.drawer-form__switch .switch-btn.is-on{background:var(--color-primary, #409eff);color:#fff;border-color:var(--color-primary, #409eff)}.drawer-form__switch .switch-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-form__error{font-size:12px;color:var(--color-danger, #f56c6c)}.drawer-form__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__cancel{padding:8px 16px;background:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;color:var(--color-text-regular, #606266);font-size:14px;cursor:pointer}.drawer-form__cancel:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.drawer-form__confirm{padding:8px 16px;background:var(--color-primary, #409eff);border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.drawer-form__confirm:hover{background:var(--color-primary-light, #79bbff)}.drawer-form-fade-enter-active,.drawer-form-fade-leave-active{transition:opacity .3s}.drawer-form-fade-enter-active .drawer-form,.drawer-form-fade-leave-active .drawer-form{transition:transform .3s}.drawer-form-fade-enter-from,.drawer-form-fade-leave-to{opacity:0}.drawer-form-fade-enter-from .drawer-form,.drawer-form-fade-leave-to .drawer-form{transform:translate(100%)}.x-alert{position:relative;padding:12px 16px;margin-bottom:16px;border-radius:4px;display:flex;align-items:flex-start;transition:opacity .3s}.x-alert--success{background-color:#e1f3d8;color:#67c23a}.x-alert--success .x-alert__icon{color:#67c23a}.x-alert--warning{background-color:#fdf6ec;color:#e6a23c}.x-alert--warning .x-alert__icon{color:#e6a23c}.x-alert--error{background-color:#fef0f0;color:#f56c6c}.x-alert--error .x-alert__icon{color:#f56c6c}.x-alert--info{background-color:#f4f4f5;color:#909399}.x-alert--info .x-alert__icon{color:#909399}.x-alert.is-center{justify-content:center;text-align:center}.x-alert.is-with-description{padding:14px 16px}.x-alert.is-with-description .x-alert__title{font-weight:500;font-size:16px}.x-alert__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px}.x-alert__content{flex:1}.x-alert__title{display:block;font-size:14px;font-weight:500}.x-alert__description{display:block;font-size:14px;margin-top:6px;opacity:.8}.x-alert__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6}.x-alert__close:hover{opacity:1}.x-alert-fade-enter-active,.x-alert-fade-leave-active{transition:opacity .2s ease}.x-alert-fade-enter-from,.x-alert-fade-leave-to{opacity:0}.x-tooltip{padding:8px 12px;font-size:13px;line-height:1.4;border-radius:4px;max-width:300px;word-wrap:break-word;position:fixed}.x-tooltip--dark{background-color:#303133;color:#fff;box-shadow:0 2px 8px #00000026}.x-tooltip--dark .x-tooltip__arrow--top{border-top-color:#303133}.x-tooltip--dark .x-tooltip__arrow--bottom{border-bottom-color:#303133}.x-tooltip--dark .x-tooltip__arrow--left{border-left-color:#303133}.x-tooltip--dark .x-tooltip__arrow--right{border-right-color:#303133}.x-tooltip--light{background-color:#fff;color:#303133;box-shadow:0 2px 12px #0000001f}.x-tooltip--light .x-tooltip__arrow--top{border-top-color:#fff}.x-tooltip--light .x-tooltip__arrow--bottom{border-bottom-color:#fff}.x-tooltip--light .x-tooltip__arrow--left{border-left-color:#fff}.x-tooltip--light .x-tooltip__arrow--right{border-right-color:#fff}.x-tooltip__wrapper,.x-tooltip__trigger{display:inline-block}.x-tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.x-tooltip__arrow--top{bottom:-12px;left:50%;transform:translate(-50%);border-bottom:none}.x-tooltip__arrow--bottom{top:-12px;left:50%;transform:translate(-50%);border-top:none}.x-tooltip__arrow--left{right:-12px;top:50%;transform:translateY(-50%);border-right:none}.x-tooltip__arrow--right{left:-12px;top:50%;transform:translateY(-50%);border-left:none}.x-tooltip-fade-enter-active,.x-tooltip-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.x-tooltip-fade-enter-from,.x-tooltip-fade-leave-to{opacity:0;transform:scale(.9)}.x-popconfirm-wrapper,.x-popconfirm-trigger{display:inline-block}.x-popconfirm{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;padding:12px 16px;box-sizing:border-box}.x-popconfirm__arrow{position:absolute;width:12px;height:12px;background:#fff;box-shadow:-1px -1px 2px #0000000d}.x-popconfirm__main{display:flex;align-items:flex-start;margin-bottom:12px}.x-popconfirm__icon{display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:8px;flex-shrink:0}.x-popconfirm__title{font-size:14px;color:#606266;line-height:1.4}.x-popconfirm__action{display:flex;justify-content:flex-end;gap:8px}.x-popconfirm-fade-enter-active,.x-popconfirm-fade-leave-active{transition:opacity .2s,transform .2s}.x-popconfirm-fade-enter-from,.x-popconfirm-fade-leave-to{opacity:0;transform:scale(.9)}.x-backtop{position:fixed;width:40px;height:40px;border-radius:4px;background-color:#fff;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1000}.x-backtop:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #00000026}.x-backtop:active{transform:scale(.95)}.x-backtop__icon{font-size:20px;color:#606266;font-weight:700}.x-fade-enter-active,.x-fade-leave-active{transition:opacity .3s,transform .3s}.x-fade-enter-from,.x-fade-leave-to{opacity:0;transform:translateY(20px)}.x-timeline{margin:0;padding:0;list-style:none}.x-timeline .x-timeline-item{position:relative;padding-bottom:20px}.x-timeline .x-timeline-item:last-child{padding-bottom:0}.x-timeline-item{position:relative;padding-bottom:20px}.x-timeline-item:last-child{padding-bottom:0}.x-timeline-item:last-child .x-timeline-item__tail{display:none}.x-timeline-item__tail{position:absolute;left:4px;top:0;height:100%;border-left:2px solid var(--color-border-lighter, #e4e7ed)}.x-timeline-item__node{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-primary, #409eff)}.x-timeline-item__node--primary{background-color:var(--color-primary, #409eff)}.x-timeline-item__node--success{background-color:var(--color-success, #67c23a)}.x-timeline-item__node--warning{background-color:var(--color-warning, #e6a23c)}.x-timeline-item__node--danger{background-color:var(--color-danger, #f56c6c)}.x-timeline-item__node--info{background-color:var(--color-info, #909399)}.x-timeline-item__node.is-hollow{background-color:transparent;border:2px solid currentColor}.x-timeline-item__icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.x-timeline-item__wrapper{position:relative;padding-left:20px;top:-3px}.x-timeline-item__content{color:var(--color-text-primary, #303133);font-size:14px}.x-timeline-item__timestamp{color:var(--color-text-secondary, #909399);font-size:12px;line-height:1}.x-timeline-item--top .x-timeline-item__timestamp{margin-bottom:8px}.x-timeline-item--bottom .x-timeline-item__timestamp{margin-top:8px}.x-timeline-item--large .x-timeline-item__node{width:14px;height:14px}.x-timeline-item--large .x-timeline-item__tail{left:6px}.x-timeline-item--large .x-timeline-item__wrapper{padding-left:24px}.x-message{position:fixed;left:50%;top:20px;transform:translate(-50%);display:flex;align-items:center;padding:12px 16px;border-radius:4px;box-shadow:0 2px 12px #0000001a;transition:opacity .3s,transform .3s,top .3s;min-width:280px;max-width:480px}.x-message--success{background-color:#f0f9eb;border:1px solid #67c23a}.x-message--success .x-message__icon{color:#67c23a}.x-message--warning{background-color:#fdf6ec;border:1px solid #e6a23c}.x-message--warning .x-message__icon{color:#e6a23c}.x-message--error{background-color:#fef0f0;border:1px solid #f56c6c}.x-message--error .x-message__icon{color:#f56c6c}.x-message--info{background-color:#f4f4f5;border:1px solid #909399}.x-message--info .x-message__icon{color:#909399}.x-message.is-center{justify-content:center;text-align:center}.x-message.is-closable{padding-right:40px}.x-message__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px;flex-shrink:0}.x-message__content{flex:1;font-size:14px;color:#606266;line-height:1.4;word-break:break-word}.x-message__close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#909399;padding:0}.x-message__close:hover{color:#606266}.x-message-fade-enter-active,.x-message-fade-leave-active{transition:opacity .3s,transform .3s}.x-message-fade-enter-from,.x-message-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-100%)}
|
|
1
|
+
.x-modal{position:relative;margin:0 auto 20px;background-color:var(--bg-color, #fff);border-radius:8px;box-shadow:0 2px 12px #00000026;max-height:43vh;display:flex;flex-direction:column}.x-modal__wrapper{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000;display:flex;justify-content:center}.x-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8);flex-shrink:0}.x-modal__title{font-size:15px;font-weight:500;color:var(--color-text-primary, #303133)}.x-modal__close{background:none;border:none;font-size:16px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-modal__close:hover{color:var(--color-primary, #409eff)}.x-modal__body{padding:16px;color:var(--color-text-regular, #606266);font-size:14px;overflow-y:auto;flex:1}.x-modal__footer{padding:10px 16px 14px;text-align:right;flex-shrink:0}.x-modal-fade-enter-active,.x-modal-fade-leave-active{transition:opacity .3s ease}.x-modal-fade-enter-from,.x-modal-fade-leave-to{opacity:0}.x-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080}.x-drawer__overlay--no-modal{background-color:transparent}.x-drawer{position:fixed;top:0;right:0;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;transition:transform .3s}.x-drawer--ltr{top:0;right:auto;left:0}.x-drawer--rtl{top:0;right:0;left:auto}.x-drawer--ttb{top:0;left:0;right:auto}.x-drawer--btt{bottom:0;top:auto;left:0;right:auto}.x-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #e8e8e8)}.x-drawer__title{font-size:18px;font-weight:500;color:var(--color-text-primary, #303133)}.x-drawer__close{background:none;border:none;font-size:20px;color:var(--color-text-secondary, #909399);cursor:pointer}.x-drawer__close:hover{color:var(--color-primary, #409eff)}.x-drawer__body{padding:20px;height:calc(100% - 60px);overflow-y:auto}.x-drawer__body--has-footer{height:calc(100% - 120px)}.x-drawer__footer{padding:16px 20px;border-top:1px solid var(--color-border-lighter, #e8e8e8);text-align:right}.x-drawer-fade-enter-active,.x-drawer-fade-leave-active{transition:opacity .3s}.x-drawer-fade-enter-active .x-drawer,.x-drawer-fade-leave-active .x-drawer{transition:transform .3s}.x-drawer-fade-enter-from,.x-drawer-fade-leave-to{opacity:0}.x-drawer-fade-enter-from .x-drawer--ltr,.x-drawer-fade-leave-to .x-drawer--ltr{transform:translate(-100%)}.x-drawer-fade-enter-from .x-drawer--rtl,.x-drawer-fade-leave-to .x-drawer--rtl{transform:translate(100%)}.x-drawer-fade-enter-from .x-drawer--ttb,.x-drawer-fade-leave-to .x-drawer--ttb{transform:translateY(-100%)}.x-drawer-fade-enter-from .x-drawer--btt,.x-drawer-fade-leave-to .x-drawer--btt{transform:translateY(100%)}.drawer-form__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.drawer-form{position:fixed;top:0;right:0;height:100%;background-color:var(--bg-color, #fff);box-shadow:0 8px 10px -5px #0003;display:flex;flex-direction:column}.drawer-form__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__title{font-size:16px;font-weight:600;color:var(--color-text-primary, #303133)}.drawer-form__close{background:none;border:none;font-size:18px;color:var(--color-text-secondary, #909399);cursor:pointer}.drawer-form__close:hover{color:var(--color-primary, #409eff)}.drawer-form__body{flex:1;padding:20px;overflow-y:auto}.drawer-form__form{display:flex;flex-direction:column;gap:16px}.drawer-form__field{display:flex;flex-direction:column;gap:8px}.drawer-form__label{font-size:14px;color:var(--color-text-regular, #606266)}.drawer-form__label .required-mark{color:var(--color-danger, #f56c6c);margin-left:4px}.drawer-form__input,.drawer-form__textarea,.drawer-form__select{padding:8px 12px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;font-size:14px;outline:none;transition:border-color .2s}.drawer-form__input:focus,.drawer-form__textarea:focus,.drawer-form__select:focus{border-color:var(--color-primary, #409eff)}.drawer-form__input:disabled,.drawer-form__textarea:disabled,.drawer-form__select:disabled{background:var(--color-fill-light, #f5f7fa);cursor:not-allowed}.drawer-form__input.has-error,.drawer-form__textarea.has-error,.drawer-form__select.has-error{border-color:var(--color-danger, #f56c6c)}.drawer-form__textarea{resize:vertical;min-height:80px}.drawer-form__select{cursor:pointer}.drawer-form__switch .switch-btn{padding:8px 16px;border:1px solid var(--color-border, #dcdfe6);border-radius:4px;background:var(--color-fill-light, #f5f7fa);color:var(--color-text-regular, #606266);cursor:pointer}.drawer-form__switch .switch-btn.is-on{background:var(--color-primary, #409eff);color:#fff;border-color:var(--color-primary, #409eff)}.drawer-form__switch .switch-btn:disabled{opacity:.5;cursor:not-allowed}.drawer-form__error{font-size:12px;color:var(--color-danger, #f56c6c)}.drawer-form__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border-lighter, #ebeef5)}.drawer-form__cancel{padding:8px 16px;background:var(--bg-color, #fff);border:1px solid var(--color-border, #dcdfe6);border-radius:4px;color:var(--color-text-regular, #606266);font-size:14px;cursor:pointer}.drawer-form__cancel:hover{color:var(--color-primary, #409eff);border-color:var(--color-primary, #409eff)}.drawer-form__confirm{padding:8px 16px;background:var(--color-primary, #409eff);border:none;border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.drawer-form__confirm:hover{background:var(--color-primary-light, #79bbff)}.drawer-form-fade-enter-active,.drawer-form-fade-leave-active{transition:opacity .3s}.drawer-form-fade-enter-active .drawer-form,.drawer-form-fade-leave-active .drawer-form{transition:transform .3s}.drawer-form-fade-enter-from,.drawer-form-fade-leave-to{opacity:0}.drawer-form-fade-enter-from .drawer-form,.drawer-form-fade-leave-to .drawer-form{transform:translate(100%)}.x-alert{position:relative;padding:12px 16px;margin-bottom:16px;border-radius:4px;display:flex;align-items:flex-start;transition:opacity .3s}.x-alert--success{background-color:#e1f3d8;color:#67c23a}.x-alert--success .x-alert__icon{color:#67c23a}.x-alert--warning{background-color:#fdf6ec;color:#e6a23c}.x-alert--warning .x-alert__icon{color:#e6a23c}.x-alert--error{background-color:#fef0f0;color:#f56c6c}.x-alert--error .x-alert__icon{color:#f56c6c}.x-alert--info{background-color:#f4f4f5;color:#909399}.x-alert--info .x-alert__icon{color:#909399}.x-alert.is-center{justify-content:center;text-align:center}.x-alert.is-with-description{padding:14px 16px}.x-alert.is-with-description .x-alert__title{font-weight:500;font-size:16px}.x-alert__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px}.x-alert__content{flex:1}.x-alert__title{display:block;font-size:14px;font-weight:500}.x-alert__description{display:block;font-size:14px;margin-top:6px;opacity:.8}.x-alert__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;font-size:14px;opacity:.6}.x-alert__close:hover{opacity:1}.x-alert-fade-enter-active,.x-alert-fade-leave-active{transition:opacity .2s ease}.x-alert-fade-enter-from,.x-alert-fade-leave-to{opacity:0}.x-tooltip{padding:8px 12px;font-size:13px;line-height:1.4;border-radius:4px;max-width:300px;word-wrap:break-word;position:fixed}.x-tooltip--dark{background-color:#303133;color:#fff;box-shadow:0 2px 8px #00000026}.x-tooltip--dark .x-tooltip__arrow--top{border-top-color:#303133}.x-tooltip--dark .x-tooltip__arrow--bottom{border-bottom-color:#303133}.x-tooltip--dark .x-tooltip__arrow--left{border-left-color:#303133}.x-tooltip--dark .x-tooltip__arrow--right{border-right-color:#303133}.x-tooltip--light{background-color:#fff;color:#303133;box-shadow:0 2px 12px #0000001f}.x-tooltip--light .x-tooltip__arrow--top{border-top-color:#fff}.x-tooltip--light .x-tooltip__arrow--bottom{border-bottom-color:#fff}.x-tooltip--light .x-tooltip__arrow--left{border-left-color:#fff}.x-tooltip--light .x-tooltip__arrow--right{border-right-color:#fff}.x-tooltip__wrapper,.x-tooltip__trigger{display:inline-block}.x-tooltip__arrow{position:absolute;width:0;height:0;border:6px solid transparent}.x-tooltip__arrow--top{bottom:-12px;left:50%;transform:translate(-50%);border-bottom:none}.x-tooltip__arrow--bottom{top:-12px;left:50%;transform:translate(-50%);border-top:none}.x-tooltip__arrow--left{right:-12px;top:50%;transform:translateY(-50%);border-right:none}.x-tooltip__arrow--right{left:-12px;top:50%;transform:translateY(-50%);border-left:none}.x-tooltip-fade-enter-active,.x-tooltip-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.x-tooltip-fade-enter-from,.x-tooltip-fade-leave-to{opacity:0;transform:scale(.9)}.x-popconfirm-wrapper,.x-popconfirm-trigger{display:inline-block}.x-popconfirm{background:#fff;border-radius:4px;box-shadow:0 2px 12px #0000001a;padding:12px 16px;box-sizing:border-box}.x-popconfirm__arrow{position:absolute;width:12px;height:12px;background:#fff;box-shadow:-1px -1px 2px #0000000d}.x-popconfirm__main{display:flex;align-items:flex-start;margin-bottom:12px}.x-popconfirm__icon{display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:8px;flex-shrink:0}.x-popconfirm__title{font-size:14px;color:#606266;line-height:1.4}.x-popconfirm__action{display:flex;justify-content:flex-end;gap:8px}.x-popconfirm-fade-enter-active,.x-popconfirm-fade-leave-active{transition:opacity .2s,transform .2s}.x-popconfirm-fade-enter-from,.x-popconfirm-fade-leave-to{opacity:0;transform:scale(.9)}.x-backtop{position:fixed;width:40px;height:40px;border-radius:4px;background-color:#fff;box-shadow:0 2px 8px #0000001f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:1000}.x-backtop:hover{background-color:#f5f5f5;box-shadow:0 4px 12px #00000026}.x-backtop:active{transform:scale(.95)}.x-backtop__icon{font-size:20px;color:#606266;font-weight:700}.x-fade-enter-active,.x-fade-leave-active{transition:opacity .3s,transform .3s}.x-fade-enter-from,.x-fade-leave-to{opacity:0;transform:translateY(20px)}.x-timeline{margin:0;padding:0;list-style:none}.x-timeline .x-timeline-item{position:relative;padding-bottom:20px}.x-timeline .x-timeline-item:last-child{padding-bottom:0}.x-timeline-item{position:relative;padding-bottom:20px}.x-timeline-item:last-child{padding-bottom:0}.x-timeline-item:last-child .x-timeline-item__tail{display:none}.x-timeline-item__tail{position:absolute;left:4px;top:0;height:100%;border-left:2px solid var(--color-border-lighter, #e4e7ed)}.x-timeline-item__node{position:absolute;left:0;top:0;width:10px;height:10px;border-radius:50%;background-color:var(--color-primary, #409eff)}.x-timeline-item__node--primary{background-color:var(--color-primary, #409eff)}.x-timeline-item__node--success{background-color:var(--color-success, #67c23a)}.x-timeline-item__node--warning{background-color:var(--color-warning, #e6a23c)}.x-timeline-item__node--danger{background-color:var(--color-danger, #f56c6c)}.x-timeline-item__node--info{background-color:var(--color-info, #909399)}.x-timeline-item__node.is-hollow{background-color:transparent;border:2px solid currentColor}.x-timeline-item__icon{display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.x-timeline-item__wrapper{position:relative;padding-left:20px;top:-3px}.x-timeline-item__content{color:var(--color-text-primary, #303133);font-size:14px}.x-timeline-item__timestamp{color:var(--color-text-secondary, #909399);font-size:12px;line-height:1}.x-timeline-item--top .x-timeline-item__timestamp{margin-bottom:8px}.x-timeline-item--bottom .x-timeline-item__timestamp{margin-top:8px}.x-timeline-item--large .x-timeline-item__node{width:14px;height:14px}.x-timeline-item--large .x-timeline-item__tail{left:6px}.x-timeline-item--large .x-timeline-item__wrapper{padding-left:24px}.x-message{position:fixed;left:50%;top:20px;transform:translate(-50%);display:flex;align-items:center;padding:12px 16px;border-radius:4px;box-shadow:0 2px 12px #0000001a;transition:opacity .3s,transform .3s,top .3s;min-width:280px;max-width:480px}.x-message--success{background-color:#f0f9eb;border:1px solid #67c23a}.x-message--success .x-message__icon{color:#67c23a}.x-message--warning{background-color:#fdf6ec;border:1px solid #e6a23c}.x-message--warning .x-message__icon{color:#e6a23c}.x-message--error{background-color:#fef0f0;border:1px solid #f56c6c}.x-message--error .x-message__icon{color:#f56c6c}.x-message--info{background-color:#f4f4f5;border:1px solid #909399}.x-message--info .x-message__icon{color:#909399}.x-message.is-center{justify-content:center;text-align:center}.x-message.is-closable{padding-right:40px}.x-message__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:10px;font-size:16px;flex-shrink:0}.x-message__content{flex:1;font-size:14px;color:#606266;line-height:1.4;word-break:break-word}.x-message__close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;color:#909399;padding:0}.x-message__close:hover{color:#606266}.x-message-fade-enter-active,.x-message-fade-leave-active{transition:opacity .3s,transform .3s}.x-message-fade-enter-from,.x-message-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-100%)}
|
package/package.json
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xto/feedback",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.8",
|
|
4
4
|
"description": "Xto Feedback - Feedback components",
|
|
5
|
+
"homepage": "https://jinguchu.github.io/xto-ui/",
|
|
6
|
+
"repository": {
|
|
7
|
+
"type": "git",
|
|
8
|
+
"url": "git+https://github.com/jinguchu/xto-ui.git",
|
|
9
|
+
"directory": "packages/feedback"
|
|
10
|
+
},
|
|
5
11
|
"main": "./lib/index.cjs",
|
|
6
12
|
"module": "./es/index.mjs",
|
|
7
13
|
"types": "./es/index.d.ts",
|
|
@@ -21,7 +27,7 @@
|
|
|
21
27
|
"access": "public"
|
|
22
28
|
},
|
|
23
29
|
"dependencies": {
|
|
24
|
-
"@xto/core": "^1.0.
|
|
30
|
+
"@xto/core": "^1.0.3"
|
|
25
31
|
},
|
|
26
32
|
"peerDependencies": {
|
|
27
33
|
"vue": "^3.4.0"
|