tttb 0.0.20 → 0.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,123 +1,126 @@
|
|
|
1
|
-
import { useSlots as Z, ref as p, computed as
|
|
2
|
-
import { autoUpdate as
|
|
1
|
+
import { useSlots as Z, ref as p, computed as $, reactive as y, nextTick as ee, onBeforeUnmount as te, createElementBlock as S, openBlock as m, Fragment as oe, createBlock as B, createCommentVNode as w, resolveDynamicComponent as ne, mergeProps as O, toHandlers as V, unref as re, Teleport as ae, createVNode as le, Transition as se, withCtx as ie, createElementVNode as I, withDirectives as ce, renderSlot as ue, createTextVNode as fe, toDisplayString as pe, vShow as me } from "vue";
|
|
2
|
+
import { autoUpdate as de, computePosition as ve, offset as ge, flip as ye, shift as we, arrow as he } from "../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
|
|
3
3
|
import "../../utils/dialog.js";
|
|
4
4
|
import "../../utils/localStorage.js";
|
|
5
5
|
import "../../utils/msg.js";
|
|
6
|
-
import { debounce as
|
|
7
|
-
import
|
|
6
|
+
import { debounce as A } from "../../utils/tools.js";
|
|
7
|
+
import xe from "./props.js";
|
|
8
8
|
/* empty css */
|
|
9
|
-
import
|
|
10
|
-
const
|
|
9
|
+
import _e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
10
|
+
const ke = { class: "content" }, h = "floating-ui-root", be = /* @__PURE__ */ Object.assign({ name: "Tooltip" }, {
|
|
11
11
|
__name: "index",
|
|
12
|
-
props:
|
|
13
|
-
setup(
|
|
14
|
-
const t =
|
|
12
|
+
props: xe,
|
|
13
|
+
setup(H, { expose: P }) {
|
|
14
|
+
const t = H, x = Z(), X = `#${h}`;
|
|
15
15
|
(() => {
|
|
16
|
-
if (!(typeof document > "u") && !document.getElementById(
|
|
16
|
+
if (!(typeof document > "u") && !document.getElementById(h)) {
|
|
17
17
|
const e = document.createElement("div");
|
|
18
|
-
e.id =
|
|
18
|
+
e.id = h, document.body.appendChild(e);
|
|
19
19
|
}
|
|
20
20
|
})();
|
|
21
|
-
const o = p(!1),
|
|
21
|
+
const o = p(!1), _ = p(null), c = $(() => t.virtualRef || _.value), n = p(null), d = p(null), r = y({
|
|
22
|
+
...t.style
|
|
23
|
+
}), u = y({}), v = y({});
|
|
22
24
|
let l = null;
|
|
23
|
-
const k =
|
|
24
|
-
const e =
|
|
25
|
+
const k = $(() => {
|
|
26
|
+
const e = x.default?.();
|
|
25
27
|
if (!e || !e.length) return null;
|
|
26
28
|
const a = e.find((g) => typeof g.type != "symbol" || g.type.description !== "Comment");
|
|
27
29
|
return a || null;
|
|
28
|
-
}),
|
|
29
|
-
|
|
30
|
-
},
|
|
31
|
-
if (!
|
|
32
|
-
const e = n.value.offsetWidth, a = n.value.offsetHeight,
|
|
33
|
-
|
|
30
|
+
}), Y = (e) => {
|
|
31
|
+
_.value = e?.$el || e;
|
|
32
|
+
}, j = async () => {
|
|
33
|
+
if (!c.value || !n.value || !d.value) return;
|
|
34
|
+
const e = n.value.offsetWidth, a = n.value.offsetHeight, E = 8 / 2, { x: U, y: W, placement: L, middlewareData: M } = await ve(
|
|
35
|
+
c.value,
|
|
34
36
|
n.value,
|
|
35
37
|
{
|
|
36
38
|
placement: t.placement,
|
|
37
39
|
middleware: [
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
element:
|
|
40
|
+
ge(t.offset),
|
|
41
|
+
ye(),
|
|
42
|
+
we({ padding: 5 }),
|
|
43
|
+
he({
|
|
44
|
+
element: d.value,
|
|
43
45
|
padding: 10
|
|
44
46
|
})
|
|
45
47
|
]
|
|
46
48
|
}
|
|
47
49
|
);
|
|
48
50
|
r["--x"] = `${U}px`, r["--y"] = `${W}px`;
|
|
49
|
-
const { x: q, y: G } = M.arrow,
|
|
51
|
+
const { x: q, y: G } = M.arrow, C = L.split("-")[0], J = e / 2 - E, K = a / 2 - E, N = q ?? J, R = G ?? K, f = 4, Q = {
|
|
50
52
|
top: 225,
|
|
51
53
|
bottom: 45,
|
|
52
54
|
left: 135,
|
|
53
55
|
right: 315
|
|
54
|
-
},
|
|
55
|
-
top: { tx:
|
|
56
|
-
bottom: { tx:
|
|
57
|
-
left: { tx: e - f, ty:
|
|
58
|
-
right: { tx: -f, ty:
|
|
59
|
-
}[
|
|
60
|
-
r["--arrow-x"] = `${
|
|
61
|
-
},
|
|
62
|
-
o.value || (o.value = !0, await ee(),
|
|
63
|
-
}, t.openDelay),
|
|
56
|
+
}, T = {
|
|
57
|
+
top: { tx: N, ty: a - f },
|
|
58
|
+
bottom: { tx: N, ty: -f },
|
|
59
|
+
left: { tx: e - f, ty: R },
|
|
60
|
+
right: { tx: -f, ty: R }
|
|
61
|
+
}[C];
|
|
62
|
+
r["--arrow-x"] = `${T.tx}px`, r["--arrow-y"] = `${T.ty}px`, r["--arrow-rot"] = `${Q[C]}deg`;
|
|
63
|
+
}, b = A(async () => {
|
|
64
|
+
o.value || (o.value = !0, await ee(), c.value && n.value && (l = de(c.value, n.value, j)));
|
|
65
|
+
}, t.openDelay), D = A(() => {
|
|
64
66
|
o.value && (o.value = !1, l && (l(), l = null));
|
|
65
67
|
}, t.closeDelay), s = () => {
|
|
66
|
-
|
|
67
|
-
},
|
|
68
|
-
|
|
69
|
-
},
|
|
70
|
-
o.value ?
|
|
68
|
+
D.cancel(), b();
|
|
69
|
+
}, i = () => {
|
|
70
|
+
b.cancel(), D();
|
|
71
|
+
}, z = () => {
|
|
72
|
+
o.value ? i() : s();
|
|
71
73
|
}, F = () => {
|
|
72
|
-
t.trigger === "hover" ? (u.mouseenter = s, u.mouseleave =
|
|
74
|
+
t.trigger === "hover" ? (u.mouseenter = s, u.mouseleave = i, v.mouseenter = s, v.mouseleave = i) : t.trigger === "click" && (u.click = () => o.value ? i() : s());
|
|
73
75
|
};
|
|
74
76
|
return t.manual || F(), te(() => {
|
|
75
77
|
l?.();
|
|
76
|
-
}),
|
|
78
|
+
}), P({
|
|
77
79
|
show: s,
|
|
78
|
-
hide:
|
|
79
|
-
toggle:
|
|
80
|
-
}), (e, a) => (
|
|
81
|
-
k.value && !t.virtualRef ? (
|
|
80
|
+
hide: i,
|
|
81
|
+
toggle: z
|
|
82
|
+
}), (e, a) => (m(), S(oe, null, [
|
|
83
|
+
k.value && !t.virtualRef ? (m(), B(ne(k.value), O({
|
|
82
84
|
key: 0,
|
|
83
|
-
ref:
|
|
84
|
-
},
|
|
85
|
-
e.content || re(
|
|
85
|
+
ref: Y
|
|
86
|
+
}, V(u)), null, 16)) : w("", !0),
|
|
87
|
+
e.content || re(x).content ? (m(), B(ae, {
|
|
86
88
|
key: 1,
|
|
87
|
-
to:
|
|
89
|
+
to: X
|
|
88
90
|
}, [
|
|
89
91
|
le(se, {
|
|
90
|
-
name:
|
|
91
|
-
duration: 300
|
|
92
|
+
name: t.transition
|
|
92
93
|
}, {
|
|
93
|
-
default:
|
|
94
|
-
o.value ? (
|
|
94
|
+
default: ie(() => [
|
|
95
|
+
o.value ? (m(), S("div", O({
|
|
95
96
|
key: 0,
|
|
96
97
|
ref_key: "floatingRef",
|
|
97
98
|
ref: n,
|
|
98
99
|
class: "tooltip-container",
|
|
99
100
|
style: r
|
|
100
|
-
},
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
])
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
101
|
+
}, V(v, !0), {
|
|
102
|
+
class: t.class
|
|
103
|
+
}), [
|
|
104
|
+
I("div", ke, [
|
|
105
|
+
ue(e.$slots, "content", {}, () => [
|
|
106
|
+
fe(pe(e.content), 1)
|
|
107
|
+
], !0)
|
|
108
|
+
]),
|
|
109
|
+
ce(I("div", {
|
|
110
|
+
ref_key: "arrowRef",
|
|
111
|
+
ref: d,
|
|
112
|
+
class: "arrow"
|
|
113
|
+
}, null, 512), [
|
|
114
|
+
[me, t.showArrow]
|
|
112
115
|
])
|
|
113
116
|
], 16)) : w("", !0)
|
|
114
117
|
]),
|
|
115
118
|
_: 3
|
|
116
|
-
})
|
|
119
|
+
}, 8, ["name"])
|
|
117
120
|
])) : w("", !0)
|
|
118
121
|
], 64));
|
|
119
122
|
}
|
|
120
|
-
}),
|
|
123
|
+
}), Ve = /* @__PURE__ */ _e(be, [["__scopeId", "data-v-b5e52d6c"]]);
|
|
121
124
|
export {
|
|
122
|
-
|
|
125
|
+
Ve as default
|
|
123
126
|
};
|
|
@@ -29,6 +29,26 @@ const e = [
|
|
|
29
29
|
type: Boolean,
|
|
30
30
|
default: !1
|
|
31
31
|
},
|
|
32
|
+
offset: {
|
|
33
|
+
type: Number,
|
|
34
|
+
default: 10
|
|
35
|
+
},
|
|
36
|
+
transition: {
|
|
37
|
+
type: String,
|
|
38
|
+
default: "fade"
|
|
39
|
+
},
|
|
40
|
+
showArrow: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
default: !0
|
|
43
|
+
},
|
|
44
|
+
class: {
|
|
45
|
+
type: String,
|
|
46
|
+
default: ""
|
|
47
|
+
},
|
|
48
|
+
style: {
|
|
49
|
+
type: Object,
|
|
50
|
+
default: () => ({})
|
|
51
|
+
},
|
|
32
52
|
openDelay: {
|
|
33
53
|
type: Number,
|
|
34
54
|
default: 100
|
package/dist/es/tttb.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}:root{--color-primary: #409eff;--color-primary-light-3: rgb(121.3, 187.1, 255);--color-primary-light-5: rgb(159.5, 206.5, 255);--color-primary-light-7: rgb(197.7, 225.9, 255);--color-primary-light-9: rgb(235.9, 245.3, 255);--color-primary-light-8: rgb(216.8, 235.6, 255);--color-primary-dark-2: rgb(51.2, 126.4, 204);--color-success: #67c23a;--color-success-light-3: rgb(148.6, 212.3, 117.1);--color-success-light-5: rgb(179, 224.5, 156.5);--color-success-light-7: rgb(209.4, 236.7, 195.9);--color-success-light-9: rgb(239.8, 248.9, 235.3);--color-success-light-8: rgb(224.6, 242.8, 215.6);--color-success-dark-2: rgb(82.4, 155.2, 46.4);--color-warning: #e6a23c;--color-warning-light-3: rgb(237.5, 189.9, 118.5);--color-warning-light-5: rgb(242.5, 208.5, 157.5);--color-warning-light-7: rgb(247.5, 227.1, 196.5);--color-warning-light-9: rgb(252.5, 245.7, 235.5);--color-warning-light-8: rgb(250, 236.4, 216);--color-warning-dark-2: rgb(184, 129.6, 48);--color-danger: #f56c6c;--color-danger-light-3: rgb(248, 152.1, 152.1);--color-danger-light-5: rgb(250, 181.5, 181.5);--color-danger-light-7: rgb(252, 210.9, 210.9);--color-danger-light-9: rgb(254, 240.3, 240.3);--color-danger-light-8: rgb(253, 225.6, 225.6);--color-danger-dark-2: rgb(196, 86.4, 86.4);--color-info: #909399;--color-info-light-3: rgb(177.3, 179.4, 183.6);--color-info-light-5: rgb(199.5, 201, 204);--color-info-light-7: rgb(221.7, 222.6, 224.4);--color-info-light-9: rgb(243.9, 244.2, 244.8);--color-info-light-8: rgb(232.8, 233.4, 234.6);--color-info-dark-2: rgb(115.2, 117.6, 122.4);--color-white: #fff;--color-black: #000}*,:before,:after{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei;color:#2c2c2c}::-webkit-scrollbar{background:#eee;height:4px;width:4px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:2px}a{color:var(--color-primary);cursor:pointer}a:hover{color:var(--color-primary-light-3)}a:active{color:var(--color-primary-dark-2)}.loading-container[data-v-557da3ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-557da3ef]{height:var(--size);width:var(--size);animation:loading-rotate-557da3ef 2s linear infinite}.path[data-v-557da3ef]{stroke-width:4;stroke-linecap:round;animation:loading-dash-557da3ef 1.5s ease-in-out infinite}@keyframes loading-rotate-557da3ef{to{transform:rotate(360deg)}}@keyframes loading-dash-557da3ef{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.modal-container[data-v-567b02a5]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-567b02a5],.modal-leave-active[data-v-567b02a5]{transition:var(--duration)}.modal-enter-from[data-v-567b02a5],.modal-leave-to[data-v-567b02a5]{background:transparent}.input-item[data-v-dae7d3f6]{display:block;width:95%;margin:10px auto;position:relative}.input-item .input-inner[data-v-dae7d3f6]{display:flex;border:1px solid #aaa;border-radius:10px;transition:.3s ease-in-out;padding:0 6px 0 10px;height:40px;line-height:40px}.input-item .input-inner input[data-v-dae7d3f6]{display:block;flex:1;background:transparent}.input-item .input-inner input[data-v-dae7d3f6]::placeholder{color:#aaa}.input-item .input-inner[data-v-dae7d3f6]:focus-within{border-color:var(--color-primary)}.input-item .input-inner:focus-within~.label[data-v-dae7d3f6]{color:var(--color-primary)}.input-item .input-inner .icon-container[data-v-dae7d3f6]{cursor:pointer;color:#aaa}.input-item .input-inner .icon-container[data-v-dae7d3f6]:hover{color:var(--color-danger)}.input-item .label[data-v-dae7d3f6]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-item .msg[data-v-dae7d3f6]{display:none;font-size:12px;padding:0 5px;color:var(--color-danger);text-align:left}.input-item.error .input-inner[data-v-dae7d3f6]{border-color:var(--color-danger)}.input-item.error .input-inner~.label[data-v-dae7d3f6]{color:var(--color-danger)}.input-item.error .msg[data-v-dae7d3f6]{display:block}.total-err[data-v-dae7d3f6]{color:var(--color-danger);font-size:14px}.total-err .icon-container[data-v-dae7d3f6]{font-size:initial}.area[data-v-85b344bc]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.area .title[data-v-85b344bc]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.area .content[data-v-85b344bc]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.area .tip[data-v-85b344bc]{padding:0 20px;font-size:12px;color:var(--color-info);line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.area .btns[data-v-85b344bc]{border-top:1px solid #ccc;margin-top:15px;display:flex}.area .btns .btn[data-v-85b344bc]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;background:#eee}.area .btns .btn[data-v-85b344bc]:hover:not(:disabled){background:var(--color-info-light-7)}.area .btns .btn.confirm[data-v-85b344bc]{font-weight:700;color:var(--color-primary)}.area .btns .btn.confirm.danger[data-v-85b344bc]{color:var(--color-danger)}.area .btns .btn.confirm[data-v-85b344bc]:disabled{cursor:not-allowed;color:var(--color-info)}.area .btns .btn.cancel[data-v-85b344bc]{color:var(--color-info-dark-2);border-right:1px solid #ccc}.dialog-container[data-v-4a59b93e]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:9999}.modal-enter-active[data-v-4a59b93e],.modal-leave-active[data-v-4a59b93e]{transition:var(--duration)}.modal-enter-from[data-v-4a59b93e],.modal-leave-to[data-v-4a59b93e]{background:transparent}.area-enter-active[data-v-4a59b93e],.area-leave-active[data-v-4a59b93e]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-4a59b93e],.area-leave-to[data-v-4a59b93e]{opacity:0;transform:scale(.8)}.message-container[data-v-b11505b8]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-b11505b8]{padding:5px 34px;background:linear-gradient(90deg,var(--bg))}.message-container .item.info[data-v-b11505b8]{--bg: transparent, var(--color-info-light-5), var(--color-info-light-3), var(--color-info), var(--color-info), var(--color-info-light-3), var(--color-info-light-5), transparent}.message-container .item.success[data-v-b11505b8]{--bg: transparent, var(--color-success-light-5), var(--color-success-light-3), var(--color-success), var(--color-success), var(--color-success-light-3), var(--color-success-light-5), transparent}.message-container .item.warning[data-v-b11505b8]{--bg: transparent, var(--color-warning-light-5), var(--color-warning-light-3), var(--color-warning), var(--color-warning), var(--color-warning-light-3), var(--color-warning-light-5), transparent}.message-container .item.error[data-v-b11505b8]{--bg: transparent, var(--color-danger-light-5), var(--color-danger-light-3), var(--color-danger), var(--color-danger), var(--color-danger-light-3), var(--color-danger-light-5), transparent}.v-enter-active[data-v-b11505b8],.v-leave-active[data-v-b11505b8]{transition:.5s}.v-move[data-v-b11505b8]{transition:.2s}.v-enter-from[data-v-b11505b8],.v-leave-to[data-v-b11505b8]{opacity:0;transform:scaleY(.5)}.button-container[data-v-719c19ce]{padding:8px 15px;border-radius:4px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:6px;color:var(--color);background:var(--bg-color);border:1px solid var(--border-color, var(--bg-color))}.button-container[data-v-719c19ce]:hover{color:var(--hover-color, var(--color));background:var(--hover-bg-color);border-color:var(--hover-border-color, var(--hover-bg-color))}.button-container[data-v-719c19ce]:active{color:var(--active-color, var(--color));background:var(--active-bg-color);border-color:var(--active-border-color, var(--active-bg-color))}.button-container[data-v-719c19ce]:disabled{color:var(--disabled-color, var(--color));background:var(--disabled-bg-color);border-color:var(--disabled-border-color, var(--disabled-bg-color));cursor:not-allowed}.button-container.default[data-v-719c19ce]{--color: var(--color-info-dark-2);--bg-color: var(--color-white);--border-color: var(--color-info-light-3);--hover-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-9);--hover-border-color: var(--color-primary-light-7);--active-color: var(--color-primary);--active-bg-color: var(--color-primary-light-9);--active-border-color: var(--color-primary);--disabled-color: var(--color-info-light-5);--disabled-bg-color: var(--color-white);--disabled-border-color: var(--color-info-light-7)}.button-container.primary[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-3);--active-bg-color: var(--color-primary-dark-2);--active-border-color: var(--color-primary-dark-2);--disabled-bg-color: var(--color-primary-light-5)}.button-container.warning[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-warning);--hover-bg-color: var(--color-warning-light-3);--active-bg-color: var(--color-warning-dark-2);--disabled-bg-color: var(--color-warning-light-5)}.button-container.danger[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-danger);--hover-bg-color: var(--color-danger-light-3);--active-bg-color: var(--color-danger-dark-2);--disabled-bg-color: var(--color-danger-light-5)}.button-container.success[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-success);--hover-bg-color: var(--color-success-light-3);--active-bg-color: var(--color-success-dark-2);--disabled-bg-color: var(--color-success-light-5)}.checkbox-container[data-v-e1e8e55f]{height:100%}.checkbox-container .label[data-v-e1e8e55f]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-e1e8e55f]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-e1e8e55f],.checkbox-container .label input:checked+.svg .tick[data-v-e1e8e55f]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-e1e8e55f]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-e1e8e55f]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}.nav-container .nav-container[data-v-997e3fe4]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-997e3fe4]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-997e3fe4]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-997e3fe4]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:var(--color-primary);transition:.3s}.link[data-v-997e3fe4]:hover{background:var(--color-primary-light-9)}.link.active[data-v-997e3fe4]{color:var(--color-primary);background:var(--color-primary-light-8)}.link.active[data-v-997e3fe4]:after{transform:scaleY(1)}.arrow-icon[data-v-997e3fe4]{transition:.3s linear}.arrow-icon.right[data-v-997e3fe4]{transform:rotate(-90deg)}.pagination-container[data-v-377aabe8]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-377aabe8]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.item[data-v-377aabe8]{padding:6px 10px;cursor:pointer;border-radius:2px;min-width:36px;text-align:center;background:#f0f2f5;color:#333;transition:color .3s}.item[data-v-377aabe8]:hover{color:var(--color-primary)}.item.active[data-v-377aabe8]{background:var(--color-primary);color:#fff}.item[data-v-377aabe8]:disabled{color:inherit;cursor:not-allowed;opacity:.5}.meta[data-v-377aabe8]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-377aabe8]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.meta input[data-v-377aabe8]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.switch-container[data-v-e990b96f]{display:inline-block;--switch-width: 46px;--switch-height: 24px;--switch-bg: rgb(131, 131, 131);--switch-checked-bg: var(--color);--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);--switch-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--circle-diameter: 18px;--circle-bg: #fff;--circle-shadow: 1px 1px 2px rgba(146, 146, 146, .45);--circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, .45);--circle-transition: var(--switch-transition);--icon-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--icon-cross-color: var(--switch-bg);--icon-cross-size: 6px;--icon-checkmark-color: var(--switch-checked-bg);--icon-checkmark-size: 10px;--effect-width: calc(var(--circle-diameter) / 2);--effect-height: calc(var(--effect-width) / 2 - 1px);--effect-bg: var(--circle-bg);--effect-border-radius: 1px;--effect-transition: all .2s ease-in-out}.switch-container.success[data-v-e990b96f]{--color: var(--color-success)}.switch-container.danger[data-v-e990b96f]{--color: var(--color-danger)}.switch-container.warning[data-v-e990b96f]{--color: var(--color-warning)}.switch-container.primary[data-v-e990b96f]{--color: var(--color-primary)}.switch-container input[data-v-e990b96f]{display:none}.switch-container svg[data-v-e990b96f]{transition:var(--icon-transition);position:absolute;height:auto}.switch-container .checkmark[data-v-e990b96f]{width:var(--icon-checkmark-size);color:var(--icon-checkmark-color);transform:scale(0)}.switch-container .cross[data-v-e990b96f]{width:var(--icon-cross-size);color:var(--icon-cross-color)}.slider[data-v-e990b96f]{box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;display:flex;align-items:center;position:relative;transition:var(--switch-transition);cursor:pointer}.slider[data-v-e990b96f]:before{content:"";position:absolute;width:var(--effect-width);height:var(--effect-height);left:calc(var(--switch-offset) + var(--effect-width) / 2);background:var(--effect-bg);border-radius:var(--effect-border-radius);transition:var(--effect-transition)}.slider .circle[data-v-e990b96f]{width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);border-radius:inherit;box-shadow:var(--circle-shadow);display:flex;align-items:center;justify-content:center;transition:var(--circle-transition);z-index:1;position:absolute;left:var(--switch-offset)}.switch-container input:checked+.slider[data-v-e990b96f]{background:var(--switch-checked-bg)}.switch-container input:checked+.slider[data-v-e990b96f]:before{left:calc(100% - var(--effect-width) - var(--effect-width) / 2 - var(--switch-offset))}.switch-container input:checked+.slider .checkmark[data-v-e990b96f]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-e990b96f]{transform:scale(0)}.switch-container input:checked+.slider .circle[data-v-e990b96f]{left:calc(100% - var(--circle-diameter) - var(--switch-offset));box-shadow:var(--circle-checked-shadow)}.warn-container[data-v-b19e6118]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:var(--color-info-dark-2)}.warn-container .icon-container[data-v-b19e6118]{font-size:3em}.table-container[data-v-1aec7e5e]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-1aec7e5e]{display:table;width:100%}header.row[data-v-1aec7e5e]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-1aec7e5e]{padding:8px 10px}.row[data-v-1aec7e5e]{display:table-row;transition:.3s}.row[data-v-1aec7e5e]:nth-child(2n){background:#f9f9f9}div.row[data-v-1aec7e5e]:hover{background:#eaeaea}.cell[data-v-1aec7e5e]{display:table-cell;border:1px solid #ddd}.content[data-v-1aec7e5e]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.tooltip-container[data-v-5cbb8fec]{position:fixed;z-index:9999;top:0;left:0;font-size:14px;transform:translate(var(--x),var(--y))}.tooltip-container .inner[data-v-5cbb8fec]{padding:6px 10px;background:var(--color-white);color:var(--color-info-dark-2);border:1px solid var(--color-info);box-shadow:0 2px 8px #00000026;border-radius:4px}.tooltip-container .inner .arrow[data-v-5cbb8fec]{position:absolute;width:8px;height:8px;top:0;left:0;background:inherit;border:inherit;border-right-color:transparent;border-bottom-color:transparent;transform:translate(var(--arrow-x),var(--arrow-y)) rotate(var(--arrow-rot))}.fade-enter-active .inner[data-v-5cbb8fec],.fade-leave-active .inner[data-v-5cbb8fec]{transition:.3s ease}.fade-enter-from .inner[data-v-5cbb8fec],.fade-leave-to .inner[data-v-5cbb8fec]{opacity:0}.watermark-container[data-v-ddd3abb0]{position:relative;height:100%;overflow:hidden}
|
|
1
|
+
@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}:root{--color-primary: #409eff;--color-primary-light-3: rgb(121.3, 187.1, 255);--color-primary-light-5: rgb(159.5, 206.5, 255);--color-primary-light-7: rgb(197.7, 225.9, 255);--color-primary-light-9: rgb(235.9, 245.3, 255);--color-primary-light-8: rgb(216.8, 235.6, 255);--color-primary-dark-2: rgb(51.2, 126.4, 204);--color-success: #67c23a;--color-success-light-3: rgb(148.6, 212.3, 117.1);--color-success-light-5: rgb(179, 224.5, 156.5);--color-success-light-7: rgb(209.4, 236.7, 195.9);--color-success-light-9: rgb(239.8, 248.9, 235.3);--color-success-light-8: rgb(224.6, 242.8, 215.6);--color-success-dark-2: rgb(82.4, 155.2, 46.4);--color-warning: #e6a23c;--color-warning-light-3: rgb(237.5, 189.9, 118.5);--color-warning-light-5: rgb(242.5, 208.5, 157.5);--color-warning-light-7: rgb(247.5, 227.1, 196.5);--color-warning-light-9: rgb(252.5, 245.7, 235.5);--color-warning-light-8: rgb(250, 236.4, 216);--color-warning-dark-2: rgb(184, 129.6, 48);--color-danger: #f56c6c;--color-danger-light-3: rgb(248, 152.1, 152.1);--color-danger-light-5: rgb(250, 181.5, 181.5);--color-danger-light-7: rgb(252, 210.9, 210.9);--color-danger-light-9: rgb(254, 240.3, 240.3);--color-danger-light-8: rgb(253, 225.6, 225.6);--color-danger-dark-2: rgb(196, 86.4, 86.4);--color-info: #909399;--color-info-light-3: rgb(177.3, 179.4, 183.6);--color-info-light-5: rgb(199.5, 201, 204);--color-info-light-7: rgb(221.7, 222.6, 224.4);--color-info-light-9: rgb(243.9, 244.2, 244.8);--color-info-light-8: rgb(232.8, 233.4, 234.6);--color-info-dark-2: rgb(115.2, 117.6, 122.4);--color-white: #fff;--color-black: #000}*,:before,:after{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei;color:#2c2c2c}::-webkit-scrollbar{background:#eee;height:4px;width:4px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:2px}a{color:var(--color-primary);cursor:pointer}a:hover{color:var(--color-primary-light-3)}a:active{color:var(--color-primary-dark-2)}.loading-container[data-v-557da3ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-557da3ef]{height:var(--size);width:var(--size);animation:loading-rotate-557da3ef 2s linear infinite}.path[data-v-557da3ef]{stroke-width:4;stroke-linecap:round;animation:loading-dash-557da3ef 1.5s ease-in-out infinite}@keyframes loading-rotate-557da3ef{to{transform:rotate(360deg)}}@keyframes loading-dash-557da3ef{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.modal-container[data-v-567b02a5]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-567b02a5],.modal-leave-active[data-v-567b02a5]{transition:var(--duration)}.modal-enter-from[data-v-567b02a5],.modal-leave-to[data-v-567b02a5]{background:transparent}.input-item[data-v-dae7d3f6]{display:block;width:95%;margin:10px auto;position:relative}.input-item .input-inner[data-v-dae7d3f6]{display:flex;border:1px solid #aaa;border-radius:10px;transition:.3s ease-in-out;padding:0 6px 0 10px;height:40px;line-height:40px}.input-item .input-inner input[data-v-dae7d3f6]{display:block;flex:1;background:transparent}.input-item .input-inner input[data-v-dae7d3f6]::placeholder{color:#aaa}.input-item .input-inner[data-v-dae7d3f6]:focus-within{border-color:var(--color-primary)}.input-item .input-inner:focus-within~.label[data-v-dae7d3f6]{color:var(--color-primary)}.input-item .input-inner .icon-container[data-v-dae7d3f6]{cursor:pointer;color:#aaa}.input-item .input-inner .icon-container[data-v-dae7d3f6]:hover{color:var(--color-danger)}.input-item .label[data-v-dae7d3f6]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-item .msg[data-v-dae7d3f6]{display:none;font-size:12px;padding:0 5px;color:var(--color-danger);text-align:left}.input-item.error .input-inner[data-v-dae7d3f6]{border-color:var(--color-danger)}.input-item.error .input-inner~.label[data-v-dae7d3f6]{color:var(--color-danger)}.input-item.error .msg[data-v-dae7d3f6]{display:block}.total-err[data-v-dae7d3f6]{color:var(--color-danger);font-size:14px}.total-err .icon-container[data-v-dae7d3f6]{font-size:initial}.area[data-v-85b344bc]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.area .title[data-v-85b344bc]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.area .content[data-v-85b344bc]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.area .tip[data-v-85b344bc]{padding:0 20px;font-size:12px;color:var(--color-info);line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.area .btns[data-v-85b344bc]{border-top:1px solid #ccc;margin-top:15px;display:flex}.area .btns .btn[data-v-85b344bc]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;background:#eee}.area .btns .btn[data-v-85b344bc]:hover:not(:disabled){background:var(--color-info-light-7)}.area .btns .btn.confirm[data-v-85b344bc]{font-weight:700;color:var(--color-primary)}.area .btns .btn.confirm.danger[data-v-85b344bc]{color:var(--color-danger)}.area .btns .btn.confirm[data-v-85b344bc]:disabled{cursor:not-allowed;color:var(--color-info)}.area .btns .btn.cancel[data-v-85b344bc]{color:var(--color-info-dark-2);border-right:1px solid #ccc}.dialog-container[data-v-4a59b93e]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:9999}.modal-enter-active[data-v-4a59b93e],.modal-leave-active[data-v-4a59b93e]{transition:var(--duration)}.modal-enter-from[data-v-4a59b93e],.modal-leave-to[data-v-4a59b93e]{background:transparent}.area-enter-active[data-v-4a59b93e],.area-leave-active[data-v-4a59b93e]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-4a59b93e],.area-leave-to[data-v-4a59b93e]{opacity:0;transform:scale(.8)}.message-container[data-v-b11505b8]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-b11505b8]{padding:5px 34px;background:linear-gradient(90deg,var(--bg))}.message-container .item.info[data-v-b11505b8]{--bg: transparent, var(--color-info-light-5), var(--color-info-light-3), var(--color-info), var(--color-info), var(--color-info-light-3), var(--color-info-light-5), transparent}.message-container .item.success[data-v-b11505b8]{--bg: transparent, var(--color-success-light-5), var(--color-success-light-3), var(--color-success), var(--color-success), var(--color-success-light-3), var(--color-success-light-5), transparent}.message-container .item.warning[data-v-b11505b8]{--bg: transparent, var(--color-warning-light-5), var(--color-warning-light-3), var(--color-warning), var(--color-warning), var(--color-warning-light-3), var(--color-warning-light-5), transparent}.message-container .item.error[data-v-b11505b8]{--bg: transparent, var(--color-danger-light-5), var(--color-danger-light-3), var(--color-danger), var(--color-danger), var(--color-danger-light-3), var(--color-danger-light-5), transparent}.v-enter-active[data-v-b11505b8],.v-leave-active[data-v-b11505b8]{transition:.5s}.v-move[data-v-b11505b8]{transition:.2s}.v-enter-from[data-v-b11505b8],.v-leave-to[data-v-b11505b8]{opacity:0;transform:scaleY(.5)}.button-container[data-v-719c19ce]{padding:8px 15px;border-radius:4px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:6px;color:var(--color);background:var(--bg-color);border:1px solid var(--border-color, var(--bg-color))}.button-container[data-v-719c19ce]:hover{color:var(--hover-color, var(--color));background:var(--hover-bg-color);border-color:var(--hover-border-color, var(--hover-bg-color))}.button-container[data-v-719c19ce]:active{color:var(--active-color, var(--color));background:var(--active-bg-color);border-color:var(--active-border-color, var(--active-bg-color))}.button-container[data-v-719c19ce]:disabled{color:var(--disabled-color, var(--color));background:var(--disabled-bg-color);border-color:var(--disabled-border-color, var(--disabled-bg-color));cursor:not-allowed}.button-container.default[data-v-719c19ce]{--color: var(--color-info-dark-2);--bg-color: var(--color-white);--border-color: var(--color-info-light-3);--hover-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-9);--hover-border-color: var(--color-primary-light-7);--active-color: var(--color-primary);--active-bg-color: var(--color-primary-light-9);--active-border-color: var(--color-primary);--disabled-color: var(--color-info-light-5);--disabled-bg-color: var(--color-white);--disabled-border-color: var(--color-info-light-7)}.button-container.primary[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-3);--active-bg-color: var(--color-primary-dark-2);--active-border-color: var(--color-primary-dark-2);--disabled-bg-color: var(--color-primary-light-5)}.button-container.warning[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-warning);--hover-bg-color: var(--color-warning-light-3);--active-bg-color: var(--color-warning-dark-2);--disabled-bg-color: var(--color-warning-light-5)}.button-container.danger[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-danger);--hover-bg-color: var(--color-danger-light-3);--active-bg-color: var(--color-danger-dark-2);--disabled-bg-color: var(--color-danger-light-5)}.button-container.success[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-success);--hover-bg-color: var(--color-success-light-3);--active-bg-color: var(--color-success-dark-2);--disabled-bg-color: var(--color-success-light-5)}.checkbox-container[data-v-e1e8e55f]{height:100%}.checkbox-container .label[data-v-e1e8e55f]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-e1e8e55f]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-e1e8e55f],.checkbox-container .label input:checked+.svg .tick[data-v-e1e8e55f]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-e1e8e55f]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-e1e8e55f]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}.nav-container .nav-container[data-v-997e3fe4]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-997e3fe4]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-997e3fe4]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-997e3fe4]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:var(--color-primary);transition:.3s}.link[data-v-997e3fe4]:hover{background:var(--color-primary-light-9)}.link.active[data-v-997e3fe4]{color:var(--color-primary);background:var(--color-primary-light-8)}.link.active[data-v-997e3fe4]:after{transform:scaleY(1)}.arrow-icon[data-v-997e3fe4]{transition:.3s linear}.arrow-icon.right[data-v-997e3fe4]{transform:rotate(-90deg)}.pagination-container[data-v-377aabe8]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-377aabe8]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.item[data-v-377aabe8]{padding:6px 10px;cursor:pointer;border-radius:2px;min-width:36px;text-align:center;background:#f0f2f5;color:#333;transition:color .3s}.item[data-v-377aabe8]:hover{color:var(--color-primary)}.item.active[data-v-377aabe8]{background:var(--color-primary);color:#fff}.item[data-v-377aabe8]:disabled{color:inherit;cursor:not-allowed;opacity:.5}.meta[data-v-377aabe8]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-377aabe8]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.meta input[data-v-377aabe8]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.switch-container[data-v-e990b96f]{display:inline-block;--switch-width: 46px;--switch-height: 24px;--switch-bg: rgb(131, 131, 131);--switch-checked-bg: var(--color);--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);--switch-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--circle-diameter: 18px;--circle-bg: #fff;--circle-shadow: 1px 1px 2px rgba(146, 146, 146, .45);--circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, .45);--circle-transition: var(--switch-transition);--icon-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--icon-cross-color: var(--switch-bg);--icon-cross-size: 6px;--icon-checkmark-color: var(--switch-checked-bg);--icon-checkmark-size: 10px;--effect-width: calc(var(--circle-diameter) / 2);--effect-height: calc(var(--effect-width) / 2 - 1px);--effect-bg: var(--circle-bg);--effect-border-radius: 1px;--effect-transition: all .2s ease-in-out}.switch-container.success[data-v-e990b96f]{--color: var(--color-success)}.switch-container.danger[data-v-e990b96f]{--color: var(--color-danger)}.switch-container.warning[data-v-e990b96f]{--color: var(--color-warning)}.switch-container.primary[data-v-e990b96f]{--color: var(--color-primary)}.switch-container input[data-v-e990b96f]{display:none}.switch-container svg[data-v-e990b96f]{transition:var(--icon-transition);position:absolute;height:auto}.switch-container .checkmark[data-v-e990b96f]{width:var(--icon-checkmark-size);color:var(--icon-checkmark-color);transform:scale(0)}.switch-container .cross[data-v-e990b96f]{width:var(--icon-cross-size);color:var(--icon-cross-color)}.slider[data-v-e990b96f]{box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;display:flex;align-items:center;position:relative;transition:var(--switch-transition);cursor:pointer}.slider[data-v-e990b96f]:before{content:"";position:absolute;width:var(--effect-width);height:var(--effect-height);left:calc(var(--switch-offset) + var(--effect-width) / 2);background:var(--effect-bg);border-radius:var(--effect-border-radius);transition:var(--effect-transition)}.slider .circle[data-v-e990b96f]{width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);border-radius:inherit;box-shadow:var(--circle-shadow);display:flex;align-items:center;justify-content:center;transition:var(--circle-transition);z-index:1;position:absolute;left:var(--switch-offset)}.switch-container input:checked+.slider[data-v-e990b96f]{background:var(--switch-checked-bg)}.switch-container input:checked+.slider[data-v-e990b96f]:before{left:calc(100% - var(--effect-width) - var(--effect-width) / 2 - var(--switch-offset))}.switch-container input:checked+.slider .checkmark[data-v-e990b96f]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-e990b96f]{transform:scale(0)}.switch-container input:checked+.slider .circle[data-v-e990b96f]{left:calc(100% - var(--circle-diameter) - var(--switch-offset));box-shadow:var(--circle-checked-shadow)}.warn-container[data-v-b19e6118]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:var(--color-info-dark-2)}.warn-container .icon-container[data-v-b19e6118]{font-size:3em}.table-container[data-v-1aec7e5e]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-1aec7e5e]{display:table;width:100%}header.row[data-v-1aec7e5e]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-1aec7e5e]{padding:8px 10px}.row[data-v-1aec7e5e]{display:table-row;transition:.3s}.row[data-v-1aec7e5e]:nth-child(2n){background:#f9f9f9}div.row[data-v-1aec7e5e]:hover{background:#eaeaea}.cell[data-v-1aec7e5e]{display:table-cell;border:1px solid #ddd}.content[data-v-1aec7e5e]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.tooltip-container[data-v-b5e52d6c]{position:fixed;z-index:9999;top:var(--y, 0);left:var(--x, 0);font-size:14px;padding:6px 10px;background:var(--color-white);color:var(--color-info-dark-2);border:1px solid var(--color-info);box-shadow:0 2px 8px #00000026;border-radius:4px}.tooltip-container .arrow[data-v-b5e52d6c]{position:absolute;width:8px;height:8px;top:0;left:0;background:inherit;border:inherit;border-right-color:transparent;border-bottom-color:transparent;transform:translate(var(--arrow-x),var(--arrow-y)) rotate(var(--arrow-rot))}.fade-enter-active[data-v-b5e52d6c],.fade-leave-active[data-v-b5e52d6c]{transition:opacity .3s ease}.fade-enter-from[data-v-b5e52d6c],.fade-leave-to[data-v-b5e52d6c]{opacity:0}.watermark-container[data-v-ddd3abb0]{position:relative;height:100%;overflow:hidden}
|
package/dist/umd/tb-ui.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}:root{--color-primary: #409eff;--color-primary-light-3: rgb(121.3, 187.1, 255);--color-primary-light-5: rgb(159.5, 206.5, 255);--color-primary-light-7: rgb(197.7, 225.9, 255);--color-primary-light-9: rgb(235.9, 245.3, 255);--color-primary-light-8: rgb(216.8, 235.6, 255);--color-primary-dark-2: rgb(51.2, 126.4, 204);--color-success: #67c23a;--color-success-light-3: rgb(148.6, 212.3, 117.1);--color-success-light-5: rgb(179, 224.5, 156.5);--color-success-light-7: rgb(209.4, 236.7, 195.9);--color-success-light-9: rgb(239.8, 248.9, 235.3);--color-success-light-8: rgb(224.6, 242.8, 215.6);--color-success-dark-2: rgb(82.4, 155.2, 46.4);--color-warning: #e6a23c;--color-warning-light-3: rgb(237.5, 189.9, 118.5);--color-warning-light-5: rgb(242.5, 208.5, 157.5);--color-warning-light-7: rgb(247.5, 227.1, 196.5);--color-warning-light-9: rgb(252.5, 245.7, 235.5);--color-warning-light-8: rgb(250, 236.4, 216);--color-warning-dark-2: rgb(184, 129.6, 48);--color-danger: #f56c6c;--color-danger-light-3: rgb(248, 152.1, 152.1);--color-danger-light-5: rgb(250, 181.5, 181.5);--color-danger-light-7: rgb(252, 210.9, 210.9);--color-danger-light-9: rgb(254, 240.3, 240.3);--color-danger-light-8: rgb(253, 225.6, 225.6);--color-danger-dark-2: rgb(196, 86.4, 86.4);--color-info: #909399;--color-info-light-3: rgb(177.3, 179.4, 183.6);--color-info-light-5: rgb(199.5, 201, 204);--color-info-light-7: rgb(221.7, 222.6, 224.4);--color-info-light-9: rgb(243.9, 244.2, 244.8);--color-info-light-8: rgb(232.8, 233.4, 234.6);--color-info-dark-2: rgb(115.2, 117.6, 122.4);--color-white: #fff;--color-black: #000}*,:before,:after{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei;color:#2c2c2c}::-webkit-scrollbar{background:#eee;height:4px;width:4px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:2px}a{color:var(--color-primary);cursor:pointer}a:hover{color:var(--color-primary-light-3)}a:active{color:var(--color-primary-dark-2)}.loading-container[data-v-557da3ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-557da3ef]{height:var(--size);width:var(--size);animation:loading-rotate-557da3ef 2s linear infinite}.path[data-v-557da3ef]{stroke-width:4;stroke-linecap:round;animation:loading-dash-557da3ef 1.5s ease-in-out infinite}@keyframes loading-rotate-557da3ef{to{transform:rotate(360deg)}}@keyframes loading-dash-557da3ef{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.modal-container[data-v-567b02a5]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-567b02a5],.modal-leave-active[data-v-567b02a5]{transition:var(--duration)}.modal-enter-from[data-v-567b02a5],.modal-leave-to[data-v-567b02a5]{background:transparent}.input-item[data-v-dae7d3f6]{display:block;width:95%;margin:10px auto;position:relative}.input-item .input-inner[data-v-dae7d3f6]{display:flex;border:1px solid #aaa;border-radius:10px;transition:.3s ease-in-out;padding:0 6px 0 10px;height:40px;line-height:40px}.input-item .input-inner input[data-v-dae7d3f6]{display:block;flex:1;background:transparent}.input-item .input-inner input[data-v-dae7d3f6]::placeholder{color:#aaa}.input-item .input-inner[data-v-dae7d3f6]:focus-within{border-color:var(--color-primary)}.input-item .input-inner:focus-within~.label[data-v-dae7d3f6]{color:var(--color-primary)}.input-item .input-inner .icon-container[data-v-dae7d3f6]{cursor:pointer;color:#aaa}.input-item .input-inner .icon-container[data-v-dae7d3f6]:hover{color:var(--color-danger)}.input-item .label[data-v-dae7d3f6]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-item .msg[data-v-dae7d3f6]{display:none;font-size:12px;padding:0 5px;color:var(--color-danger);text-align:left}.input-item.error .input-inner[data-v-dae7d3f6]{border-color:var(--color-danger)}.input-item.error .input-inner~.label[data-v-dae7d3f6]{color:var(--color-danger)}.input-item.error .msg[data-v-dae7d3f6]{display:block}.total-err[data-v-dae7d3f6]{color:var(--color-danger);font-size:14px}.total-err .icon-container[data-v-dae7d3f6]{font-size:initial}.area[data-v-85b344bc]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.area .title[data-v-85b344bc]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.area .content[data-v-85b344bc]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.area .tip[data-v-85b344bc]{padding:0 20px;font-size:12px;color:var(--color-info);line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.area .btns[data-v-85b344bc]{border-top:1px solid #ccc;margin-top:15px;display:flex}.area .btns .btn[data-v-85b344bc]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;background:#eee}.area .btns .btn[data-v-85b344bc]:hover:not(:disabled){background:var(--color-info-light-7)}.area .btns .btn.confirm[data-v-85b344bc]{font-weight:700;color:var(--color-primary)}.area .btns .btn.confirm.danger[data-v-85b344bc]{color:var(--color-danger)}.area .btns .btn.confirm[data-v-85b344bc]:disabled{cursor:not-allowed;color:var(--color-info)}.area .btns .btn.cancel[data-v-85b344bc]{color:var(--color-info-dark-2);border-right:1px solid #ccc}.dialog-container[data-v-4a59b93e]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:9999}.modal-enter-active[data-v-4a59b93e],.modal-leave-active[data-v-4a59b93e]{transition:var(--duration)}.modal-enter-from[data-v-4a59b93e],.modal-leave-to[data-v-4a59b93e]{background:transparent}.area-enter-active[data-v-4a59b93e],.area-leave-active[data-v-4a59b93e]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-4a59b93e],.area-leave-to[data-v-4a59b93e]{opacity:0;transform:scale(.8)}.message-container[data-v-b11505b8]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-b11505b8]{padding:5px 34px;background:linear-gradient(90deg,var(--bg))}.message-container .item.info[data-v-b11505b8]{--bg: transparent, var(--color-info-light-5), var(--color-info-light-3), var(--color-info), var(--color-info), var(--color-info-light-3), var(--color-info-light-5), transparent}.message-container .item.success[data-v-b11505b8]{--bg: transparent, var(--color-success-light-5), var(--color-success-light-3), var(--color-success), var(--color-success), var(--color-success-light-3), var(--color-success-light-5), transparent}.message-container .item.warning[data-v-b11505b8]{--bg: transparent, var(--color-warning-light-5), var(--color-warning-light-3), var(--color-warning), var(--color-warning), var(--color-warning-light-3), var(--color-warning-light-5), transparent}.message-container .item.error[data-v-b11505b8]{--bg: transparent, var(--color-danger-light-5), var(--color-danger-light-3), var(--color-danger), var(--color-danger), var(--color-danger-light-3), var(--color-danger-light-5), transparent}.v-enter-active[data-v-b11505b8],.v-leave-active[data-v-b11505b8]{transition:.5s}.v-move[data-v-b11505b8]{transition:.2s}.v-enter-from[data-v-b11505b8],.v-leave-to[data-v-b11505b8]{opacity:0;transform:scaleY(.5)}.button-container[data-v-719c19ce]{padding:8px 15px;border-radius:4px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:6px;color:var(--color);background:var(--bg-color);border:1px solid var(--border-color, var(--bg-color))}.button-container[data-v-719c19ce]:hover{color:var(--hover-color, var(--color));background:var(--hover-bg-color);border-color:var(--hover-border-color, var(--hover-bg-color))}.button-container[data-v-719c19ce]:active{color:var(--active-color, var(--color));background:var(--active-bg-color);border-color:var(--active-border-color, var(--active-bg-color))}.button-container[data-v-719c19ce]:disabled{color:var(--disabled-color, var(--color));background:var(--disabled-bg-color);border-color:var(--disabled-border-color, var(--disabled-bg-color));cursor:not-allowed}.button-container.default[data-v-719c19ce]{--color: var(--color-info-dark-2);--bg-color: var(--color-white);--border-color: var(--color-info-light-3);--hover-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-9);--hover-border-color: var(--color-primary-light-7);--active-color: var(--color-primary);--active-bg-color: var(--color-primary-light-9);--active-border-color: var(--color-primary);--disabled-color: var(--color-info-light-5);--disabled-bg-color: var(--color-white);--disabled-border-color: var(--color-info-light-7)}.button-container.primary[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-3);--active-bg-color: var(--color-primary-dark-2);--active-border-color: var(--color-primary-dark-2);--disabled-bg-color: var(--color-primary-light-5)}.button-container.warning[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-warning);--hover-bg-color: var(--color-warning-light-3);--active-bg-color: var(--color-warning-dark-2);--disabled-bg-color: var(--color-warning-light-5)}.button-container.danger[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-danger);--hover-bg-color: var(--color-danger-light-3);--active-bg-color: var(--color-danger-dark-2);--disabled-bg-color: var(--color-danger-light-5)}.button-container.success[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-success);--hover-bg-color: var(--color-success-light-3);--active-bg-color: var(--color-success-dark-2);--disabled-bg-color: var(--color-success-light-5)}.checkbox-container[data-v-e1e8e55f]{height:100%}.checkbox-container .label[data-v-e1e8e55f]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-e1e8e55f]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-e1e8e55f],.checkbox-container .label input:checked+.svg .tick[data-v-e1e8e55f]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-e1e8e55f]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-e1e8e55f]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}.nav-container .nav-container[data-v-997e3fe4]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-997e3fe4]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-997e3fe4]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-997e3fe4]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:var(--color-primary);transition:.3s}.link[data-v-997e3fe4]:hover{background:var(--color-primary-light-9)}.link.active[data-v-997e3fe4]{color:var(--color-primary);background:var(--color-primary-light-8)}.link.active[data-v-997e3fe4]:after{transform:scaleY(1)}.arrow-icon[data-v-997e3fe4]{transition:.3s linear}.arrow-icon.right[data-v-997e3fe4]{transform:rotate(-90deg)}.pagination-container[data-v-377aabe8]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-377aabe8]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.item[data-v-377aabe8]{padding:6px 10px;cursor:pointer;border-radius:2px;min-width:36px;text-align:center;background:#f0f2f5;color:#333;transition:color .3s}.item[data-v-377aabe8]:hover{color:var(--color-primary)}.item.active[data-v-377aabe8]{background:var(--color-primary);color:#fff}.item[data-v-377aabe8]:disabled{color:inherit;cursor:not-allowed;opacity:.5}.meta[data-v-377aabe8]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-377aabe8]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.meta input[data-v-377aabe8]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.switch-container[data-v-e990b96f]{display:inline-block;--switch-width: 46px;--switch-height: 24px;--switch-bg: rgb(131, 131, 131);--switch-checked-bg: var(--color);--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);--switch-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--circle-diameter: 18px;--circle-bg: #fff;--circle-shadow: 1px 1px 2px rgba(146, 146, 146, .45);--circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, .45);--circle-transition: var(--switch-transition);--icon-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--icon-cross-color: var(--switch-bg);--icon-cross-size: 6px;--icon-checkmark-color: var(--switch-checked-bg);--icon-checkmark-size: 10px;--effect-width: calc(var(--circle-diameter) / 2);--effect-height: calc(var(--effect-width) / 2 - 1px);--effect-bg: var(--circle-bg);--effect-border-radius: 1px;--effect-transition: all .2s ease-in-out}.switch-container.success[data-v-e990b96f]{--color: var(--color-success)}.switch-container.danger[data-v-e990b96f]{--color: var(--color-danger)}.switch-container.warning[data-v-e990b96f]{--color: var(--color-warning)}.switch-container.primary[data-v-e990b96f]{--color: var(--color-primary)}.switch-container input[data-v-e990b96f]{display:none}.switch-container svg[data-v-e990b96f]{transition:var(--icon-transition);position:absolute;height:auto}.switch-container .checkmark[data-v-e990b96f]{width:var(--icon-checkmark-size);color:var(--icon-checkmark-color);transform:scale(0)}.switch-container .cross[data-v-e990b96f]{width:var(--icon-cross-size);color:var(--icon-cross-color)}.slider[data-v-e990b96f]{box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;display:flex;align-items:center;position:relative;transition:var(--switch-transition);cursor:pointer}.slider[data-v-e990b96f]:before{content:"";position:absolute;width:var(--effect-width);height:var(--effect-height);left:calc(var(--switch-offset) + var(--effect-width) / 2);background:var(--effect-bg);border-radius:var(--effect-border-radius);transition:var(--effect-transition)}.slider .circle[data-v-e990b96f]{width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);border-radius:inherit;box-shadow:var(--circle-shadow);display:flex;align-items:center;justify-content:center;transition:var(--circle-transition);z-index:1;position:absolute;left:var(--switch-offset)}.switch-container input:checked+.slider[data-v-e990b96f]{background:var(--switch-checked-bg)}.switch-container input:checked+.slider[data-v-e990b96f]:before{left:calc(100% - var(--effect-width) - var(--effect-width) / 2 - var(--switch-offset))}.switch-container input:checked+.slider .checkmark[data-v-e990b96f]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-e990b96f]{transform:scale(0)}.switch-container input:checked+.slider .circle[data-v-e990b96f]{left:calc(100% - var(--circle-diameter) - var(--switch-offset));box-shadow:var(--circle-checked-shadow)}.warn-container[data-v-b19e6118]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:var(--color-info-dark-2)}.warn-container .icon-container[data-v-b19e6118]{font-size:3em}.table-container[data-v-1aec7e5e]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-1aec7e5e]{display:table;width:100%}header.row[data-v-1aec7e5e]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-1aec7e5e]{padding:8px 10px}.row[data-v-1aec7e5e]{display:table-row;transition:.3s}.row[data-v-1aec7e5e]:nth-child(2n){background:#f9f9f9}div.row[data-v-1aec7e5e]:hover{background:#eaeaea}.cell[data-v-1aec7e5e]{display:table-cell;border:1px solid #ddd}.content[data-v-1aec7e5e]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.tooltip-container[data-v-5cbb8fec]{position:fixed;z-index:9999;top:0;left:0;font-size:14px;transform:translate(var(--x),var(--y))}.tooltip-container .inner[data-v-5cbb8fec]{padding:6px 10px;background:var(--color-white);color:var(--color-info-dark-2);border:1px solid var(--color-info);box-shadow:0 2px 8px #00000026;border-radius:4px}.tooltip-container .inner .arrow[data-v-5cbb8fec]{position:absolute;width:8px;height:8px;top:0;left:0;background:inherit;border:inherit;border-right-color:transparent;border-bottom-color:transparent;transform:translate(var(--arrow-x),var(--arrow-y)) rotate(var(--arrow-rot))}.fade-enter-active .inner[data-v-5cbb8fec],.fade-leave-active .inner[data-v-5cbb8fec]{transition:.3s ease}.fade-enter-from .inner[data-v-5cbb8fec],.fade-leave-to .inner[data-v-5cbb8fec]{opacity:0}.watermark-container[data-v-ddd3abb0]{position:relative;height:100%;overflow:hidden}
|
|
1
|
+
@charset "UTF-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}input,textarea,button,select{border:none;margin:0;-webkit-appearance:none;appearance:none;border-radius:0;background:transparent}input:focus,textarea:focus,button:focus,select:focus{outline:none;outline-offset:0}:root{--color-primary: #409eff;--color-primary-light-3: rgb(121.3, 187.1, 255);--color-primary-light-5: rgb(159.5, 206.5, 255);--color-primary-light-7: rgb(197.7, 225.9, 255);--color-primary-light-9: rgb(235.9, 245.3, 255);--color-primary-light-8: rgb(216.8, 235.6, 255);--color-primary-dark-2: rgb(51.2, 126.4, 204);--color-success: #67c23a;--color-success-light-3: rgb(148.6, 212.3, 117.1);--color-success-light-5: rgb(179, 224.5, 156.5);--color-success-light-7: rgb(209.4, 236.7, 195.9);--color-success-light-9: rgb(239.8, 248.9, 235.3);--color-success-light-8: rgb(224.6, 242.8, 215.6);--color-success-dark-2: rgb(82.4, 155.2, 46.4);--color-warning: #e6a23c;--color-warning-light-3: rgb(237.5, 189.9, 118.5);--color-warning-light-5: rgb(242.5, 208.5, 157.5);--color-warning-light-7: rgb(247.5, 227.1, 196.5);--color-warning-light-9: rgb(252.5, 245.7, 235.5);--color-warning-light-8: rgb(250, 236.4, 216);--color-warning-dark-2: rgb(184, 129.6, 48);--color-danger: #f56c6c;--color-danger-light-3: rgb(248, 152.1, 152.1);--color-danger-light-5: rgb(250, 181.5, 181.5);--color-danger-light-7: rgb(252, 210.9, 210.9);--color-danger-light-9: rgb(254, 240.3, 240.3);--color-danger-light-8: rgb(253, 225.6, 225.6);--color-danger-dark-2: rgb(196, 86.4, 86.4);--color-info: #909399;--color-info-light-3: rgb(177.3, 179.4, 183.6);--color-info-light-5: rgb(199.5, 201, 204);--color-info-light-7: rgb(221.7, 222.6, 224.4);--color-info-light-9: rgb(243.9, 244.2, 244.8);--color-info-light-8: rgb(232.8, 233.4, 234.6);--color-info-dark-2: rgb(115.2, 117.6, 122.4);--color-white: #fff;--color-black: #000}*,:before,:after{-webkit-tap-highlight-color:transparent;box-sizing:border-box}body{font-family:Helvetica Neue,Arial,Hiragino Sans GB,STHeiti,Microsoft YaHei;color:#2c2c2c}::-webkit-scrollbar{background:#eee;height:4px;width:4px}::-webkit-scrollbar-thumb{background:#bbb;border-radius:2px}a{color:var(--color-primary);cursor:pointer}a:hover{color:var(--color-primary-light-3)}a:active{color:var(--color-primary-dark-2)}.loading-container[data-v-557da3ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:nowrap;text-align:center;pointer-events:none}.loading-svg[data-v-557da3ef]{height:var(--size);width:var(--size);animation:loading-rotate-557da3ef 2s linear infinite}.path[data-v-557da3ef]{stroke-width:4;stroke-linecap:round;animation:loading-dash-557da3ef 1.5s ease-in-out infinite}@keyframes loading-rotate-557da3ef{to{transform:rotate(360deg)}}@keyframes loading-dash-557da3ef{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}to{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.modal-container[data-v-567b02a5]{position:fixed;inset:0;background:var(--bg, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--blur, 0px));backdrop-filter:blur(var(--blur, 0px));z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center}.modal-enter-active[data-v-567b02a5],.modal-leave-active[data-v-567b02a5]{transition:var(--duration)}.modal-enter-from[data-v-567b02a5],.modal-leave-to[data-v-567b02a5]{background:transparent}.input-item[data-v-dae7d3f6]{display:block;width:95%;margin:10px auto;position:relative}.input-item .input-inner[data-v-dae7d3f6]{display:flex;border:1px solid #aaa;border-radius:10px;transition:.3s ease-in-out;padding:0 6px 0 10px;height:40px;line-height:40px}.input-item .input-inner input[data-v-dae7d3f6]{display:block;flex:1;background:transparent}.input-item .input-inner input[data-v-dae7d3f6]::placeholder{color:#aaa}.input-item .input-inner[data-v-dae7d3f6]:focus-within{border-color:var(--color-primary)}.input-item .input-inner:focus-within~.label[data-v-dae7d3f6]{color:var(--color-primary)}.input-item .input-inner .icon-container[data-v-dae7d3f6]{cursor:pointer;color:#aaa}.input-item .input-inner .icon-container[data-v-dae7d3f6]:hover{color:var(--color-danger)}.input-item .label[data-v-dae7d3f6]{position:absolute;left:5px;top:-8px;color:#aaa;transition:.3s ease-in-out;pointer-events:none;padding:0 5px;box-sizing:border-box;font-size:12px;line-height:16px;background:#eee;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-item .msg[data-v-dae7d3f6]{display:none;font-size:12px;padding:0 5px;color:var(--color-danger);text-align:left}.input-item.error .input-inner[data-v-dae7d3f6]{border-color:var(--color-danger)}.input-item.error .input-inner~.label[data-v-dae7d3f6]{color:var(--color-danger)}.input-item.error .msg[data-v-dae7d3f6]{display:block}.total-err[data-v-dae7d3f6]{color:var(--color-danger);font-size:14px}.total-err .icon-container[data-v-dae7d3f6]{font-size:initial}.area[data-v-85b344bc]{position:absolute;width:80%;max-width:380px;min-width:200px;background:#eee;border-radius:10px;box-sizing:border-box;padding-top:22px;box-shadow:0 0 5px #0000001a;text-align:center;word-break:break-word;overflow:hidden;color:#444}.area .title[data-v-85b344bc]{font-size:18px;font-weight:600;margin-bottom:10px;padding:0 20px}.area .content[data-v-85b344bc]{line-height:1.5;padding:0 20px;max-height:50vh;overflow:auto}.area .tip[data-v-85b344bc]{padding:0 20px;font-size:12px;color:var(--color-info);line-height:1.4;margin-top:5px;max-height:30vh;overflow:auto}.area .btns[data-v-85b344bc]{border-top:1px solid #ccc;margin-top:15px;display:flex}.area .btns .btn[data-v-85b344bc]{flex:1;padding:16px 10px;cursor:pointer;font-size:14px;background:#eee}.area .btns .btn[data-v-85b344bc]:hover:not(:disabled){background:var(--color-info-light-7)}.area .btns .btn.confirm[data-v-85b344bc]{font-weight:700;color:var(--color-primary)}.area .btns .btn.confirm.danger[data-v-85b344bc]{color:var(--color-danger)}.area .btns .btn.confirm[data-v-85b344bc]:disabled{cursor:not-allowed;color:var(--color-info)}.area .btns .btn.cancel[data-v-85b344bc]{color:var(--color-info-dark-2);border-right:1px solid #ccc}.dialog-container[data-v-4a59b93e]{position:fixed;inset:0;-webkit-user-select:none;user-select:none;z-index:9999}.modal-enter-active[data-v-4a59b93e],.modal-leave-active[data-v-4a59b93e]{transition:var(--duration)}.modal-enter-from[data-v-4a59b93e],.modal-leave-to[data-v-4a59b93e]{background:transparent}.area-enter-active[data-v-4a59b93e],.area-leave-active[data-v-4a59b93e]{transition:var(--duration) cubic-bezier(.5,1.75,.5,1)}.area-enter-from[data-v-4a59b93e],.area-leave-to[data-v-4a59b93e]{opacity:0;transform:scale(.8)}.message-container[data-v-b11505b8]{position:fixed;width:85%;max-width:800px;left:50%;bottom:80%;transform:translate(-50%);z-index:1000;line-height:1.2;font-size:15px;display:flex;flex-direction:column;gap:4px;pointer-events:none;color:#fff;text-align:center}.message-container .item[data-v-b11505b8]{padding:5px 34px;background:linear-gradient(90deg,var(--bg))}.message-container .item.info[data-v-b11505b8]{--bg: transparent, var(--color-info-light-5), var(--color-info-light-3), var(--color-info), var(--color-info), var(--color-info-light-3), var(--color-info-light-5), transparent}.message-container .item.success[data-v-b11505b8]{--bg: transparent, var(--color-success-light-5), var(--color-success-light-3), var(--color-success), var(--color-success), var(--color-success-light-3), var(--color-success-light-5), transparent}.message-container .item.warning[data-v-b11505b8]{--bg: transparent, var(--color-warning-light-5), var(--color-warning-light-3), var(--color-warning), var(--color-warning), var(--color-warning-light-3), var(--color-warning-light-5), transparent}.message-container .item.error[data-v-b11505b8]{--bg: transparent, var(--color-danger-light-5), var(--color-danger-light-3), var(--color-danger), var(--color-danger), var(--color-danger-light-3), var(--color-danger-light-5), transparent}.v-enter-active[data-v-b11505b8],.v-leave-active[data-v-b11505b8]{transition:.5s}.v-move[data-v-b11505b8]{transition:.2s}.v-enter-from[data-v-b11505b8],.v-leave-to[data-v-b11505b8]{opacity:0;transform:scaleY(.5)}.button-container[data-v-719c19ce]{padding:8px 15px;border-radius:4px;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:6px;color:var(--color);background:var(--bg-color);border:1px solid var(--border-color, var(--bg-color))}.button-container[data-v-719c19ce]:hover{color:var(--hover-color, var(--color));background:var(--hover-bg-color);border-color:var(--hover-border-color, var(--hover-bg-color))}.button-container[data-v-719c19ce]:active{color:var(--active-color, var(--color));background:var(--active-bg-color);border-color:var(--active-border-color, var(--active-bg-color))}.button-container[data-v-719c19ce]:disabled{color:var(--disabled-color, var(--color));background:var(--disabled-bg-color);border-color:var(--disabled-border-color, var(--disabled-bg-color));cursor:not-allowed}.button-container.default[data-v-719c19ce]{--color: var(--color-info-dark-2);--bg-color: var(--color-white);--border-color: var(--color-info-light-3);--hover-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-9);--hover-border-color: var(--color-primary-light-7);--active-color: var(--color-primary);--active-bg-color: var(--color-primary-light-9);--active-border-color: var(--color-primary);--disabled-color: var(--color-info-light-5);--disabled-bg-color: var(--color-white);--disabled-border-color: var(--color-info-light-7)}.button-container.primary[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-primary);--hover-bg-color: var(--color-primary-light-3);--active-bg-color: var(--color-primary-dark-2);--active-border-color: var(--color-primary-dark-2);--disabled-bg-color: var(--color-primary-light-5)}.button-container.warning[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-warning);--hover-bg-color: var(--color-warning-light-3);--active-bg-color: var(--color-warning-dark-2);--disabled-bg-color: var(--color-warning-light-5)}.button-container.danger[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-danger);--hover-bg-color: var(--color-danger-light-3);--active-bg-color: var(--color-danger-dark-2);--disabled-bg-color: var(--color-danger-light-5)}.button-container.success[data-v-719c19ce]{--color: var(--color-white);--bg-color: var(--color-success);--hover-bg-color: var(--color-success-light-3);--active-bg-color: var(--color-success-dark-2);--disabled-bg-color: var(--color-success-light-5)}.checkbox-container[data-v-e1e8e55f]{height:100%}.checkbox-container .label[data-v-e1e8e55f]{display:flex;align-items:center;height:100%;cursor:inherit}.checkbox-container .label input[data-v-e1e8e55f]{display:none}.checkbox-container .label input:checked+.svg .box[data-v-e1e8e55f],.checkbox-container .label input:checked+.svg .tick[data-v-e1e8e55f]{stroke-dashoffset:0}.checkbox-container .label .desc[data-v-e1e8e55f]{margin-left:5px;padding-right:2px;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checkbox-container .label .svg[data-v-e1e8e55f]{height:70%;margin-left:5px;border-radius:3px}.checkbox-container .label .svg .box[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset .6s ease-in}.checkbox-container .label .svg .tick[data-v-e1e8e55f]{stroke:var(--color-primary);stroke-dasharray:172;stroke-dashoffset:172;transition:stroke-dashoffset .6s ease-in}.nav-container .nav-container[data-v-997e3fe4]{font-size:14px;transition:.4s ease}.nav-container .nav-container .link[data-v-997e3fe4]{padding:15px;padding-left:calc(20px + var(--layer) * 15px)}.link[data-v-997e3fe4]{padding:20px;display:flex;gap:10px;align-items:center;color:#333;transition:.3s;position:relative}.link[data-v-997e3fe4]:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;transform:scaleY(0);background:var(--color-primary);transition:.3s}.link[data-v-997e3fe4]:hover{background:var(--color-primary-light-9)}.link.active[data-v-997e3fe4]{color:var(--color-primary);background:var(--color-primary-light-8)}.link.active[data-v-997e3fe4]:after{transform:scaleY(1)}.arrow-icon[data-v-997e3fe4]{transition:.3s linear}.arrow-icon.right[data-v-997e3fe4]{transform:rotate(-90deg)}.pagination-container[data-v-377aabe8]{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;color:#333}.controls[data-v-377aabe8]{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.item[data-v-377aabe8]{padding:6px 10px;cursor:pointer;border-radius:2px;min-width:36px;text-align:center;background:#f0f2f5;color:#333;transition:color .3s}.item[data-v-377aabe8]:hover{color:var(--color-primary)}.item.active[data-v-377aabe8]{background:var(--color-primary);color:#fff}.item[data-v-377aabe8]:disabled{color:inherit;cursor:not-allowed;opacity:.5}.meta[data-v-377aabe8]{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.meta select[data-v-377aabe8]{padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.meta input[data-v-377aabe8]{width:72px;padding:4px 6px;border:1px solid #dcdcdc;border-radius:4px}.switch-container[data-v-e990b96f]{display:inline-block;--switch-width: 46px;--switch-height: 24px;--switch-bg: rgb(131, 131, 131);--switch-checked-bg: var(--color);--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);--switch-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--circle-diameter: 18px;--circle-bg: #fff;--circle-shadow: 1px 1px 2px rgba(146, 146, 146, .45);--circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, .45);--circle-transition: var(--switch-transition);--icon-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--icon-cross-color: var(--switch-bg);--icon-cross-size: 6px;--icon-checkmark-color: var(--switch-checked-bg);--icon-checkmark-size: 10px;--effect-width: calc(var(--circle-diameter) / 2);--effect-height: calc(var(--effect-width) / 2 - 1px);--effect-bg: var(--circle-bg);--effect-border-radius: 1px;--effect-transition: all .2s ease-in-out}.switch-container.success[data-v-e990b96f]{--color: var(--color-success)}.switch-container.danger[data-v-e990b96f]{--color: var(--color-danger)}.switch-container.warning[data-v-e990b96f]{--color: var(--color-warning)}.switch-container.primary[data-v-e990b96f]{--color: var(--color-primary)}.switch-container input[data-v-e990b96f]{display:none}.switch-container svg[data-v-e990b96f]{transition:var(--icon-transition);position:absolute;height:auto}.switch-container .checkmark[data-v-e990b96f]{width:var(--icon-checkmark-size);color:var(--icon-checkmark-color);transform:scale(0)}.switch-container .cross[data-v-e990b96f]{width:var(--icon-cross-size);color:var(--icon-cross-color)}.slider[data-v-e990b96f]{box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;display:flex;align-items:center;position:relative;transition:var(--switch-transition);cursor:pointer}.slider[data-v-e990b96f]:before{content:"";position:absolute;width:var(--effect-width);height:var(--effect-height);left:calc(var(--switch-offset) + var(--effect-width) / 2);background:var(--effect-bg);border-radius:var(--effect-border-radius);transition:var(--effect-transition)}.slider .circle[data-v-e990b96f]{width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);border-radius:inherit;box-shadow:var(--circle-shadow);display:flex;align-items:center;justify-content:center;transition:var(--circle-transition);z-index:1;position:absolute;left:var(--switch-offset)}.switch-container input:checked+.slider[data-v-e990b96f]{background:var(--switch-checked-bg)}.switch-container input:checked+.slider[data-v-e990b96f]:before{left:calc(100% - var(--effect-width) - var(--effect-width) / 2 - var(--switch-offset))}.switch-container input:checked+.slider .checkmark[data-v-e990b96f]{transform:scale(1)}.switch-container input:checked+.slider .cross[data-v-e990b96f]{transform:scale(0)}.switch-container input:checked+.slider .circle[data-v-e990b96f]{left:calc(100% - var(--circle-diameter) - var(--switch-offset));box-shadow:var(--circle-checked-shadow)}.warn-container[data-v-b19e6118]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;height:100%;color:var(--color-info-dark-2)}.warn-container .icon-container[data-v-b19e6118]{font-size:3em}.table-container[data-v-1aec7e5e]{width:100%;max-height:100%;overflow:auto;border-radius:4px}.table-inner[data-v-1aec7e5e]{display:table;width:100%}header.row[data-v-1aec7e5e]{display:table-row;background:#dfdfdf;font-weight:700;position:sticky;top:0}header.row .cell[data-v-1aec7e5e]{padding:8px 10px}.row[data-v-1aec7e5e]{display:table-row;transition:.3s}.row[data-v-1aec7e5e]:nth-child(2n){background:#f9f9f9}div.row[data-v-1aec7e5e]:hover{background:#eaeaea}.cell[data-v-1aec7e5e]{display:table-cell;border:1px solid #ddd}.content[data-v-1aec7e5e]{padding:10px;word-break:keep-all;max-height:150px;overflow:hidden auto}.tooltip-container[data-v-b5e52d6c]{position:fixed;z-index:9999;top:var(--y, 0);left:var(--x, 0);font-size:14px;padding:6px 10px;background:var(--color-white);color:var(--color-info-dark-2);border:1px solid var(--color-info);box-shadow:0 2px 8px #00000026;border-radius:4px}.tooltip-container .arrow[data-v-b5e52d6c]{position:absolute;width:8px;height:8px;top:0;left:0;background:inherit;border:inherit;border-right-color:transparent;border-bottom-color:transparent;transform:translate(var(--arrow-x),var(--arrow-y)) rotate(var(--arrow-rot))}.fade-enter-active[data-v-b5e52d6c],.fade-leave-active[data-v-b5e52d6c]{transition:opacity .3s ease}.fade-enter-from[data-v-b5e52d6c],.fade-leave-to[data-v-b5e52d6c]{opacity:0}.watermark-container[data-v-ddd3abb0]{position:relative;height:100%;overflow:hidden}
|