@xiaou66/u-web-ui 0.0.23 → 0.0.25
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UtoolsLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/UtoolsLayout/UtoolsLayout.vue"],"names":[],"mappings":";;;AAyEA,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA;AAEjF,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAiBJ,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;+BAZd,GAAG;wBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"UtoolsLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/UtoolsLayout/UtoolsLayout.vue"],"names":[],"mappings":";;;AAyEA,OAAO,EAAmC,KAAK,cAAc,EAAE,MAAM,YAAY,CAAA;AAEjF,KAAK,WAAW,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,cAAc,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAiBJ,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;+BAZd,GAAG;wBACV,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA6Du+f,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA7C5ngB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAhKT,MAAM;YAHL,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAiMo/f,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;kBArB3ngB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
package/dist/index.es.js
CHANGED
|
@@ -1,1033 +1 @@
|
|
|
1
|
-
import { Aside as e, Avatar as t, Button as n, Content as r, Divider as i, HeadMenu as a, Header as o, Icon as s, Layout as c, Menu as l, MenuItem as u, Submenu as d, Switch as f } from "tdesign-vue-next";
|
|
2
|
-
import { Fragment as p, Teleport as m, computed as h, createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createSlots as b, createTextVNode as x, createVNode as S, defineComponent as C, getCurrentInstance as w, getCurrentScope as T, inject as E, mergeModels as D, mergeProps as O, nextTick as k, normalizeClass as A, normalizeStyle as j, onMounted as M, onScopeDispose as N, onUnmounted as P, openBlock as F, provide as I, reactive as L, ref as R, renderList as z, renderSlot as B, resolveComponent as V, resolveDynamicComponent as ee, toDisplayString as H, toHandlers as U, toRefs as W, toValue as G, unref as K, useAttrs as te, useModel as q, useSlots as ne, watch as re, withCtx as J, withModifiers as Y } from "vue";
|
|
3
|
-
import { useRoute as ie, useRouter as ae } from "vue-router";
|
|
4
|
-
const oe = "u-web";
|
|
5
|
-
function X(...e) {
|
|
6
|
-
return oe + "-" + e.join("-");
|
|
7
|
-
}
|
|
8
|
-
function Z(...e) {
|
|
9
|
-
let t = e.join("-");
|
|
10
|
-
return (...e) => X(t, ...e);
|
|
11
|
-
}
|
|
12
|
-
function se(e) {
|
|
13
|
-
return e.substring(0, 1).toUpperCase() + e.substring(1);
|
|
14
|
-
}
|
|
15
|
-
const Q = "on", ce = [
|
|
16
|
-
"Capture",
|
|
17
|
-
"Passive",
|
|
18
|
-
"Once"
|
|
19
|
-
], le = /* @__PURE__ */ RegExp(`^(${ce.join("|")})*$`);
|
|
20
|
-
function ue(...e) {
|
|
21
|
-
if (!e.length) return !1;
|
|
22
|
-
let t = w();
|
|
23
|
-
if (!t) return !1;
|
|
24
|
-
let { attrs: n = {}, vnode: r } = t;
|
|
25
|
-
if (!r) return !1;
|
|
26
|
-
let i = r.props || {}, a = [...Object.keys(n).filter((e) => e.startsWith(Q)), ...Object.keys(i).filter((e) => e.startsWith(Q))];
|
|
27
|
-
for (let t of e) {
|
|
28
|
-
let e = t.startsWith(Q) ? t : `${Q}${se(t)}`;
|
|
29
|
-
if (a.includes(e)) return !0;
|
|
30
|
-
for (let t of a) if (t.startsWith(e)) {
|
|
31
|
-
let n = t.slice(e.length);
|
|
32
|
-
if (n && le.test(n)) return !0;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
return !1;
|
|
36
|
-
}
|
|
37
|
-
function de(e) {
|
|
38
|
-
return typeof e == "function";
|
|
39
|
-
}
|
|
40
|
-
function fe(e) {
|
|
41
|
-
return e === null;
|
|
42
|
-
}
|
|
43
|
-
function pe(e) {
|
|
44
|
-
return e === void 0;
|
|
45
|
-
}
|
|
46
|
-
var me = /* @__PURE__ */ C({
|
|
47
|
-
__name: "WebBaseLayout",
|
|
48
|
-
setup(t) {
|
|
49
|
-
return (t, n) => {
|
|
50
|
-
let i = o, a = e, s = r, l = c;
|
|
51
|
-
return F(), g(l, { class: "h-screen" }, {
|
|
52
|
-
default: J(() => [t.$slots.header ? (F(), g(i, { key: 0 }, {
|
|
53
|
-
default: J(() => [B(t.$slots, "header")]),
|
|
54
|
-
_: 3
|
|
55
|
-
})) : _("", !0), S(l, { class: "min-h-0" }, {
|
|
56
|
-
default: J(() => [S(a, { width: "auto" }, {
|
|
57
|
-
default: J(() => [B(t.$slots, "left")]),
|
|
58
|
-
_: 3
|
|
59
|
-
}), S(l, { class: A(["min-h-0", [K(X)("main-content")]]) }, {
|
|
60
|
-
default: J(() => [S(s, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
|
|
61
|
-
default: J(() => [B(t.$slots, "default")]),
|
|
62
|
-
_: 3
|
|
63
|
-
})]),
|
|
64
|
-
_: 3
|
|
65
|
-
}, 8, ["class"])]),
|
|
66
|
-
_: 3
|
|
67
|
-
})]),
|
|
68
|
-
_: 3
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
}
|
|
72
|
-
}), he = me;
|
|
73
|
-
let ge = /* @__PURE__ */ function(e) {
|
|
74
|
-
return e.Refresh = "u:leftMenu:refresh", e;
|
|
75
|
-
}({});
|
|
76
|
-
const _e = { refresh: () => {
|
|
77
|
-
window.dispatchEvent(new CustomEvent(ge.Refresh));
|
|
78
|
-
} };
|
|
79
|
-
function ve(e) {
|
|
80
|
-
return T() ? (N(e), !0) : !1;
|
|
81
|
-
}
|
|
82
|
-
const $ = typeof window < "u" && typeof document < "u";
|
|
83
|
-
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
|
84
|
-
const ye = Object.prototype.toString, be = (e) => ye.call(e) === "[object Object]";
|
|
85
|
-
function xe(e) {
|
|
86
|
-
return Array.isArray(e) ? e : [e];
|
|
87
|
-
}
|
|
88
|
-
function Se(e) {
|
|
89
|
-
let t = /* @__PURE__ */ Object.create(null);
|
|
90
|
-
return (n) => {
|
|
91
|
-
let r = t[n];
|
|
92
|
-
return r || (t[n] = e(n));
|
|
93
|
-
};
|
|
94
|
-
}
|
|
95
|
-
const Ce = /\B([A-Z])/g;
|
|
96
|
-
Se((e) => e.replace(Ce, "-$1").toLowerCase());
|
|
97
|
-
const we = /-(\w)/g;
|
|
98
|
-
Se((e) => e.replace(we, (e, t) => t ? t.toUpperCase() : ""));
|
|
99
|
-
function Te(e, t, n) {
|
|
100
|
-
return re(e, t, {
|
|
101
|
-
...n,
|
|
102
|
-
immediate: !0
|
|
103
|
-
});
|
|
104
|
-
}
|
|
105
|
-
const Ee = $ ? window : void 0;
|
|
106
|
-
$ && window.document, $ && window.navigator, $ && window.location;
|
|
107
|
-
function De(e) {
|
|
108
|
-
var t;
|
|
109
|
-
let n = G(e);
|
|
110
|
-
return (t = n?.$el) ?? n;
|
|
111
|
-
}
|
|
112
|
-
function Oe(...e) {
|
|
113
|
-
let t = [], n = () => {
|
|
114
|
-
t.forEach((e) => e()), t.length = 0;
|
|
115
|
-
}, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), i = h(() => {
|
|
116
|
-
let t = xe(G(e[0])).filter((e) => e != null);
|
|
117
|
-
return t.every((e) => typeof e != "string") ? t : void 0;
|
|
118
|
-
}), a = Te(() => {
|
|
119
|
-
var t, n;
|
|
120
|
-
return [
|
|
121
|
-
(n = (t = i.value)?.map((e) => De(e))) ?? [Ee].filter((e) => e != null),
|
|
122
|
-
xe(G(i.value ? e[1] : e[0])),
|
|
123
|
-
xe(K(i.value ? e[2] : e[1])),
|
|
124
|
-
G(i.value ? e[3] : e[2])
|
|
125
|
-
];
|
|
126
|
-
}, ([e, i, a, o]) => {
|
|
127
|
-
if (n(), !e?.length || !i?.length || !a?.length) return;
|
|
128
|
-
let s = be(o) ? { ...o } : o;
|
|
129
|
-
t.push(...e.flatMap((e) => i.flatMap((t) => a.map((n) => r(e, t, n, s)))));
|
|
130
|
-
}, { flush: "post" }), o = () => {
|
|
131
|
-
a(), n();
|
|
132
|
-
};
|
|
133
|
-
return ve(n), o;
|
|
134
|
-
}
|
|
135
|
-
Symbol("vueuse-ssr-width");
|
|
136
|
-
var ke = /* @__PURE__ */ C({
|
|
137
|
-
__name: "LeftMenu",
|
|
138
|
-
props: /* @__PURE__ */ D({
|
|
139
|
-
hideOperations: {
|
|
140
|
-
type: Boolean,
|
|
141
|
-
default: !1
|
|
142
|
-
},
|
|
143
|
-
loadRouter: {},
|
|
144
|
-
refreshEventListener: {
|
|
145
|
-
type: Boolean,
|
|
146
|
-
default: !1
|
|
147
|
-
}
|
|
148
|
-
}, {
|
|
149
|
-
collapsed: {
|
|
150
|
-
type: Boolean,
|
|
151
|
-
default: !1
|
|
152
|
-
},
|
|
153
|
-
collapsedModifiers: {}
|
|
154
|
-
}),
|
|
155
|
-
emits: ["update:collapsed"],
|
|
156
|
-
setup(e, { expose: t }) {
|
|
157
|
-
let r = e, i = q(e, "collapsed");
|
|
158
|
-
function a() {
|
|
159
|
-
i.value = !i.value;
|
|
160
|
-
}
|
|
161
|
-
let o = ae(), c = ie(), f = R([]);
|
|
162
|
-
function m() {
|
|
163
|
-
f.value = o.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
|
|
164
|
-
}
|
|
165
|
-
function h() {
|
|
166
|
-
r.loadRouter ? f.value = r.loadRouter() : m();
|
|
167
|
-
}
|
|
168
|
-
M(() => {
|
|
169
|
-
h();
|
|
170
|
-
});
|
|
171
|
-
function _(e) {
|
|
172
|
-
o.push({ name: e.name });
|
|
173
|
-
}
|
|
174
|
-
function y(e) {
|
|
175
|
-
return e.children ? e.children.filter((e) => e.meta?.menu) : [];
|
|
176
|
-
}
|
|
177
|
-
return r.refreshEventListener && Oe(document, ge.Refresh, h), t({
|
|
178
|
-
changeCollapsed: a,
|
|
179
|
-
refreshRouter: h
|
|
180
|
-
}), (e, t) => {
|
|
181
|
-
let r = s, o = n, m = u, h = d, C = l;
|
|
182
|
-
return F(), g(C, {
|
|
183
|
-
value: K(c).name,
|
|
184
|
-
collapsed: i.value,
|
|
185
|
-
"onUpdate:collapsed": t[0] ||= (e) => i.value = e,
|
|
186
|
-
width: ["180px", "52px"]
|
|
187
|
-
}, b({
|
|
188
|
-
default: J(() => [(F(!0), v(p, null, z(f.value, (e) => (F(), v(p, { key: String(e.name) }, [y(e).length > 0 ? (F(), g(h, {
|
|
189
|
-
key: 0,
|
|
190
|
-
value: String(e.name)
|
|
191
|
-
}, {
|
|
192
|
-
icon: J(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
|
|
193
|
-
title: J(() => [x(H(e.meta.title), 1)]),
|
|
194
|
-
default: J(() => [(F(!0), v(p, null, z(y(e), (e) => (F(), g(m, {
|
|
195
|
-
key: String(e.name),
|
|
196
|
-
value: String(e.name),
|
|
197
|
-
onClick: (t) => _(e)
|
|
198
|
-
}, {
|
|
199
|
-
icon: J(() => [S(r, {
|
|
200
|
-
class: A(e.meta.icon),
|
|
201
|
-
size: "small"
|
|
202
|
-
}, null, 8, ["class"])]),
|
|
203
|
-
default: J(() => [x(" " + H(e.meta.title), 1)]),
|
|
204
|
-
_: 2
|
|
205
|
-
}, 1032, ["value", "onClick"]))), 128))]),
|
|
206
|
-
_: 2
|
|
207
|
-
}, 1032, ["value"])) : (F(), g(m, {
|
|
208
|
-
key: 1,
|
|
209
|
-
value: String(e.name),
|
|
210
|
-
onClick: (t) => _(e)
|
|
211
|
-
}, {
|
|
212
|
-
icon: J(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
|
|
213
|
-
default: J(() => [x(" " + H(e.meta.title), 1)]),
|
|
214
|
-
_: 2
|
|
215
|
-
}, 1032, ["value", "onClick"]))], 64))), 128))]),
|
|
216
|
-
_: 2
|
|
217
|
-
}, [e.hideOperations ? void 0 : {
|
|
218
|
-
name: "operations",
|
|
219
|
-
fn: J(() => [S(o, {
|
|
220
|
-
variant: "text",
|
|
221
|
-
shape: "square",
|
|
222
|
-
onClick: a
|
|
223
|
-
}, {
|
|
224
|
-
icon: J(() => [S(r, { name: "view-list" })]),
|
|
225
|
-
_: 1
|
|
226
|
-
})]),
|
|
227
|
-
key: "0"
|
|
228
|
-
}, e.$slots.logo ? {
|
|
229
|
-
name: "logo",
|
|
230
|
-
fn: J(() => [B(e.$slots, "logo")]),
|
|
231
|
-
key: "1"
|
|
232
|
-
} : void 0]), 1032, ["value", "collapsed"]);
|
|
233
|
-
};
|
|
234
|
-
}
|
|
235
|
-
}), Ae = ke, je = /* @__PURE__ */ C({
|
|
236
|
-
__name: "ContextMenu",
|
|
237
|
-
props: { hideOnSelect: {
|
|
238
|
-
type: Boolean,
|
|
239
|
-
default: !0
|
|
240
|
-
} },
|
|
241
|
-
emits: ["select"],
|
|
242
|
-
setup(e, { emit: t }) {
|
|
243
|
-
let n = e, r = t, i = Z("context-menu"), a = R(), o = R(), s = R(!1), c = L({
|
|
244
|
-
left: "0px",
|
|
245
|
-
top: "0px"
|
|
246
|
-
}), l = (e) => {
|
|
247
|
-
e.preventDefault(), e.stopPropagation(), c.left = e.clientX + "px", c.top = e.clientY + "px", s.value = !0, k(() => {
|
|
248
|
-
u(e.clientX, e.clientY);
|
|
249
|
-
});
|
|
250
|
-
}, u = (e, t) => {
|
|
251
|
-
if (!o.value) return;
|
|
252
|
-
let n = o.value, r = n.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, s = e, l = t;
|
|
253
|
-
e + r.width > i && (s = i - r.width - 4), t + r.height > a && (l = a - r.height - 4), s = Math.max(4, s), l = Math.max(4, l), c.left = s + "px", c.top = l + "px";
|
|
254
|
-
}, d = () => {
|
|
255
|
-
s.value = !1;
|
|
256
|
-
}, f = (e, t) => {
|
|
257
|
-
r("select", e, t), n.hideOnSelect && (s.value = !1);
|
|
258
|
-
}, h = (e) => {
|
|
259
|
-
if (!s.value) return;
|
|
260
|
-
let t = e.target, n = o.value, r = a.value;
|
|
261
|
-
if (e.button === 2 || e.which === 3) return;
|
|
262
|
-
let i = n && n.contains(t), c = r && r.contains(t);
|
|
263
|
-
!i && !c && (s.value = !1);
|
|
264
|
-
}, b = (e) => {
|
|
265
|
-
e.key === "Escape" && s.value && (s.value = !1);
|
|
266
|
-
}, x = (e) => {
|
|
267
|
-
s.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
|
|
268
|
-
}, S = () => {
|
|
269
|
-
s.value = !1;
|
|
270
|
-
};
|
|
271
|
-
return I("handleSelect", f), I("closeMenu", S), M(() => {
|
|
272
|
-
document.addEventListener("click", h), document.addEventListener("mousedown", h), document.addEventListener("keydown", b), document.addEventListener("contextmenu", x);
|
|
273
|
-
}), P(() => {
|
|
274
|
-
document.removeEventListener("click", h), document.removeEventListener("mousedown", h), document.removeEventListener("keydown", b), document.removeEventListener("contextmenu", x);
|
|
275
|
-
}), (e, t) => (F(), v(p, null, [
|
|
276
|
-
y("div", {
|
|
277
|
-
ref_key: "triggerRef",
|
|
278
|
-
ref: a,
|
|
279
|
-
class: A(K(i)("trigger")),
|
|
280
|
-
onContextmenu: Y(l, ["prevent"])
|
|
281
|
-
}, [B(e.$slots, "default")], 34),
|
|
282
|
-
(F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
|
|
283
|
-
key: 0,
|
|
284
|
-
ref_key: "menuRef",
|
|
285
|
-
ref: o,
|
|
286
|
-
class: A(K(i)("menu")),
|
|
287
|
-
style: j(c),
|
|
288
|
-
onContextmenu: t[0] ||= Y(() => {}, ["prevent"])
|
|
289
|
-
}, [B(e.$slots, "content")], 38)) : _("", !0)])),
|
|
290
|
-
(F(), g(m, { to: "body" }, [s.value ? (F(), v("div", {
|
|
291
|
-
key: 0,
|
|
292
|
-
class: A(K(i)("mask")),
|
|
293
|
-
onClick: d,
|
|
294
|
-
onContextmenu: Y(d, ["prevent"])
|
|
295
|
-
}, null, 34)) : _("", !0)]))
|
|
296
|
-
], 64));
|
|
297
|
-
}
|
|
298
|
-
}), Me = je, Ne = /* @__PURE__ */ C({
|
|
299
|
-
__name: "ContextMenuItem",
|
|
300
|
-
props: {
|
|
301
|
-
label: {},
|
|
302
|
-
value: {},
|
|
303
|
-
disabled: {
|
|
304
|
-
type: Boolean,
|
|
305
|
-
default: !1
|
|
306
|
-
},
|
|
307
|
-
danger: {
|
|
308
|
-
type: Boolean,
|
|
309
|
-
default: !1
|
|
310
|
-
},
|
|
311
|
-
icon: {}
|
|
312
|
-
},
|
|
313
|
-
emits: ["click"],
|
|
314
|
-
setup(e, { emit: t }) {
|
|
315
|
-
let n = e, r = t, i = Z("context-menu", "item"), a = E("handleSelect", null), o = (e) => {
|
|
316
|
-
if (!n.disabled) if (e.stopPropagation(), r("click", n.value, e), a) a(n.value, e);
|
|
317
|
-
else {
|
|
318
|
-
let t = new CustomEvent("context-menu-select", {
|
|
319
|
-
detail: {
|
|
320
|
-
value: n.value,
|
|
321
|
-
originalEvent: e
|
|
322
|
-
},
|
|
323
|
-
bubbles: !0
|
|
324
|
-
});
|
|
325
|
-
e.target?.dispatchEvent(t);
|
|
326
|
-
}
|
|
327
|
-
}, s = (e) => {
|
|
328
|
-
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
329
|
-
};
|
|
330
|
-
return (e, t) => (F(), v("div", {
|
|
331
|
-
class: A([K(i)(), {
|
|
332
|
-
[K(i)("disabled")]: e.disabled,
|
|
333
|
-
[K(i)("danger")]: e.danger
|
|
334
|
-
}]),
|
|
335
|
-
onClick: o,
|
|
336
|
-
onContextmenu: Y(s, ["prevent", "stop"])
|
|
337
|
-
}, [e.icon ? (F(), v("span", {
|
|
338
|
-
key: 0,
|
|
339
|
-
class: A([K(i)("icon"), e.icon])
|
|
340
|
-
}, H(e.icon), 3)) : _("", !0), y("span", { class: A(K(i)("label")) }, H(e.label), 3)], 34));
|
|
341
|
-
}
|
|
342
|
-
}), Pe = Ne, Fe = /* @__PURE__ */ C({
|
|
343
|
-
__name: "ContextMenuGroup",
|
|
344
|
-
props: { title: {} },
|
|
345
|
-
setup(e) {
|
|
346
|
-
let t = Z("context-menu", "group");
|
|
347
|
-
return (e, n) => (F(), v("div", { class: A(K(t)()) }, [e.title ? (F(), v("div", {
|
|
348
|
-
key: 0,
|
|
349
|
-
class: A(K(t)("title"))
|
|
350
|
-
}, H(e.title), 3)) : _("", !0), B(e.$slots, "default")], 2));
|
|
351
|
-
}
|
|
352
|
-
}), Ie = Fe, Le = /* @__PURE__ */ C({
|
|
353
|
-
__name: "ContextMenuDivider",
|
|
354
|
-
setup(e) {
|
|
355
|
-
return (e, t) => (F(), v("div", { class: A(K(X)("context-menu-divider")) }, null, 2));
|
|
356
|
-
}
|
|
357
|
-
}), Re = Le, ze = /* @__PURE__ */ C({
|
|
358
|
-
__name: "ContextMenuSubmenu",
|
|
359
|
-
props: {
|
|
360
|
-
label: {},
|
|
361
|
-
disabled: {
|
|
362
|
-
type: Boolean,
|
|
363
|
-
default: !1
|
|
364
|
-
},
|
|
365
|
-
icon: {}
|
|
366
|
-
},
|
|
367
|
-
emits: ["select"],
|
|
368
|
-
setup(e, { emit: t }) {
|
|
369
|
-
let n = e, r = t, i = Z("context-menu", "item"), a = Z("context-menu", "submenu"), o = Z("context-menu", "menu"), s = R(), c = R(), l = R(!1), u = L({
|
|
370
|
-
left: "0px",
|
|
371
|
-
top: "0px"
|
|
372
|
-
}), d = E("handleSelect", null), f = null, p = null, m = !1, h = !1, g = () => {
|
|
373
|
-
f && (clearTimeout(f), f = null), p && (clearTimeout(p), p = null);
|
|
374
|
-
}, b = () => {
|
|
375
|
-
n.disabled || !s.value || (g(), u.left = "100%", u.top = "0px", l.value = !0, k(() => {
|
|
376
|
-
S();
|
|
377
|
-
}));
|
|
378
|
-
}, x = () => {
|
|
379
|
-
!m && !h && (g(), p = setTimeout(() => {
|
|
380
|
-
!m && !h && (l.value = !1);
|
|
381
|
-
}, 100));
|
|
382
|
-
}, S = () => {
|
|
383
|
-
if (!c.value || !s.value) return;
|
|
384
|
-
let e = c.value, t = s.value, n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = r.right + 4, l = r.left - n.width - 4;
|
|
385
|
-
if (o + n.width > i && l > 4 ? u.left = "-" + (n.width + 4) + "px" : u.left = "100%", r.top + n.height > a) {
|
|
386
|
-
let e = Math.min(0, a - r.top - n.height - 4);
|
|
387
|
-
u.top = e + "px";
|
|
388
|
-
} else r.top < 4 ? u.top = 4 - r.top + "px" : u.top = "0px";
|
|
389
|
-
}, C = () => {
|
|
390
|
-
n.disabled || (m = !0, g(), f = setTimeout(() => {
|
|
391
|
-
b();
|
|
392
|
-
}, 150));
|
|
393
|
-
}, w = () => {
|
|
394
|
-
m = !1, x();
|
|
395
|
-
}, T = () => {
|
|
396
|
-
h = !0, g();
|
|
397
|
-
}, D = () => {
|
|
398
|
-
h = !1, x();
|
|
399
|
-
}, O = (e, t) => {
|
|
400
|
-
l.value = !1, r("select", e, t), d && d(e, t);
|
|
401
|
-
}, N = (e) => {
|
|
402
|
-
let { value: t, originalEvent: n } = e.detail;
|
|
403
|
-
O(t, n);
|
|
404
|
-
}, z = (e) => {
|
|
405
|
-
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
406
|
-
}, V = (e) => {
|
|
407
|
-
e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
|
|
408
|
-
}, ee = (e) => {
|
|
409
|
-
if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), g(), l.value) l.value = !1;
|
|
410
|
-
else {
|
|
411
|
-
if (!s.value) return;
|
|
412
|
-
u.left = "100%", u.top = "0px", l.value = !0, k(() => {
|
|
413
|
-
S();
|
|
414
|
-
});
|
|
415
|
-
}
|
|
416
|
-
};
|
|
417
|
-
I("handleSelect", O), I("closeMenu", () => {
|
|
418
|
-
l.value = !1;
|
|
419
|
-
});
|
|
420
|
-
let U = (e) => {
|
|
421
|
-
if (!l.value) return;
|
|
422
|
-
let t = e.target, n = c.value, r = s.value;
|
|
423
|
-
if (e.button === 2 || e.which === 3) return;
|
|
424
|
-
let i = n && n.contains(t), a = r && r.contains(t);
|
|
425
|
-
!i && !a && (l.value = !1);
|
|
426
|
-
}, W = (e) => {
|
|
427
|
-
e.key === "Escape" && l.value && (l.value = !1);
|
|
428
|
-
}, G = (e) => {
|
|
429
|
-
l.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
|
|
430
|
-
};
|
|
431
|
-
return M(() => {
|
|
432
|
-
document.addEventListener("click", U), document.addEventListener("mousedown", U), document.addEventListener("keydown", W), document.addEventListener("contextmenu", G);
|
|
433
|
-
}), P(() => {
|
|
434
|
-
g(), document.removeEventListener("click", U), document.removeEventListener("mousedown", U), document.removeEventListener("keydown", W), document.removeEventListener("contextmenu", G);
|
|
435
|
-
}), (e, t) => (F(), v("div", {
|
|
436
|
-
ref_key: "triggerRef",
|
|
437
|
-
ref: s,
|
|
438
|
-
class: A([
|
|
439
|
-
K(i)(),
|
|
440
|
-
K(a)(),
|
|
441
|
-
{
|
|
442
|
-
[K(i)("disabled")]: e.disabled,
|
|
443
|
-
[K(a)("active")]: l.value
|
|
444
|
-
}
|
|
445
|
-
]),
|
|
446
|
-
onContextmenu: Y(z, ["prevent", "stop"]),
|
|
447
|
-
onMouseenter: C,
|
|
448
|
-
onMouseleave: w,
|
|
449
|
-
onClick: ee
|
|
450
|
-
}, [
|
|
451
|
-
e.icon ? (F(), v("span", {
|
|
452
|
-
key: 0,
|
|
453
|
-
class: A([K(i)("icon"), e.icon])
|
|
454
|
-
}, H(e.icon), 3)) : _("", !0),
|
|
455
|
-
y("span", { class: A(K(i)("label")) }, H(e.label), 3),
|
|
456
|
-
y("span", { class: A(K(a)("arrow")) }, "▶", 2),
|
|
457
|
-
l.value ? (F(), v("div", {
|
|
458
|
-
key: 1,
|
|
459
|
-
ref_key: "submenuRef",
|
|
460
|
-
ref: c,
|
|
461
|
-
class: A([K(o)(), K(a)("popup")]),
|
|
462
|
-
style: j(u),
|
|
463
|
-
onContextmenu: Y(V, ["prevent", "stop"]),
|
|
464
|
-
onMouseenter: T,
|
|
465
|
-
onMouseleave: D,
|
|
466
|
-
onContextMenuSelect: N
|
|
467
|
-
}, [B(e.$slots, "default")], 38)) : _("", !0)
|
|
468
|
-
], 34));
|
|
469
|
-
}
|
|
470
|
-
}), Be = ze, Ve = /* @__PURE__ */ C({
|
|
471
|
-
__name: "WebLayout",
|
|
472
|
-
setup(e) {
|
|
473
|
-
return (e, t) => {
|
|
474
|
-
let n = a, r = V("router-view");
|
|
475
|
-
return F(), g(he, null, {
|
|
476
|
-
header: J(() => [S(n, {
|
|
477
|
-
value: "item1",
|
|
478
|
-
height: "60px"
|
|
479
|
-
}, b({ _: 2 }, [e.$slots.logo ? {
|
|
480
|
-
name: "logo",
|
|
481
|
-
fn: J(() => [B(e.$slots, "logo")]),
|
|
482
|
-
key: "0"
|
|
483
|
-
} : void 0, e.$slots.operations ? {
|
|
484
|
-
name: "operations",
|
|
485
|
-
fn: J(() => [B(e.$slots, "operations")]),
|
|
486
|
-
key: "1"
|
|
487
|
-
} : void 0]), 1024)]),
|
|
488
|
-
left: J(() => [B(e.$slots, "left", {}, () => [S(K(Ae))])]),
|
|
489
|
-
default: J(() => [B(e.$slots, "default", {}, () => [y("div", { class: A([K(X)("main-content-inner")]) }, [S(r)], 2)])]),
|
|
490
|
-
_: 3
|
|
491
|
-
});
|
|
492
|
-
};
|
|
493
|
-
}
|
|
494
|
-
}), He = Ve, Ue = /* @__PURE__ */ C({
|
|
495
|
-
__name: "SplitPanel",
|
|
496
|
-
props: {
|
|
497
|
-
component: { default: "div" },
|
|
498
|
-
direction: { default: "horizontal" },
|
|
499
|
-
size: {},
|
|
500
|
-
defaultSize: { default: .5 },
|
|
501
|
-
min: {},
|
|
502
|
-
max: {},
|
|
503
|
-
disabled: {
|
|
504
|
-
type: Boolean,
|
|
505
|
-
default: !1
|
|
506
|
-
}
|
|
507
|
-
},
|
|
508
|
-
emits: [
|
|
509
|
-
"moveStart",
|
|
510
|
-
"moving",
|
|
511
|
-
"moveEnd",
|
|
512
|
-
"update:size"
|
|
513
|
-
],
|
|
514
|
-
setup(e, { emit: t }) {
|
|
515
|
-
let n = e, r = t, { direction: i, size: a, defaultSize: o, min: s, max: c } = W(n), l = R(0), u = R(), d = R(), f = X("split-panel"), p = X("split-trigger"), m = R(o.value);
|
|
516
|
-
re(a, (e) => {
|
|
517
|
-
e !== void 0 && (m.value = e);
|
|
518
|
-
}, { immediate: !0 });
|
|
519
|
-
function b(e) {
|
|
520
|
-
let t = typeof e == "string" ? parseFloat(e) : e, n = "";
|
|
521
|
-
return n = typeof e == "number" || String(t) === String(e) ? t > 1 ? "px" : "%" : "px", {
|
|
522
|
-
size: t,
|
|
523
|
-
unit: n,
|
|
524
|
-
isPx: n === "px"
|
|
525
|
-
};
|
|
526
|
-
}
|
|
527
|
-
let x = h(() => b(m.value)), S = h(() => i.value === "horizontal"), C = h(() => [f, {
|
|
528
|
-
[`${f}-horizontal`]: S.value,
|
|
529
|
-
[`${f}-vertical`]: !S.value
|
|
530
|
-
}]), w = h(() => [p, {
|
|
531
|
-
[`${p}-horizontal`]: S.value,
|
|
532
|
-
[`${p}-vertical`]: !S.value,
|
|
533
|
-
[`${p}-disabled`]: n.disabled
|
|
534
|
-
}]), T = h(() => {
|
|
535
|
-
let { size: e, unit: t, isPx: n } = x.value, r = n ? e : e * 100;
|
|
536
|
-
return { flex: `0 0 calc(${r}${t} - ${l.value / 2}px)` };
|
|
537
|
-
});
|
|
538
|
-
function E({ size: e, defaultSize: t = "0px", containerSize: n }) {
|
|
539
|
-
let r = e ?? t, i = b(r);
|
|
540
|
-
return i.isPx ? i.size : i.size * n;
|
|
541
|
-
}
|
|
542
|
-
function D(e, t) {
|
|
543
|
-
return parseFloat(e) / parseFloat(t);
|
|
544
|
-
}
|
|
545
|
-
let O = {
|
|
546
|
-
startPageX: 0,
|
|
547
|
-
startPageY: 0,
|
|
548
|
-
startContainerSize: 0,
|
|
549
|
-
startSize: 0
|
|
550
|
-
};
|
|
551
|
-
async function N() {
|
|
552
|
-
let e = () => S.value ? u.value?.clientWidth || 0 : u.value?.clientHeight || 0;
|
|
553
|
-
return (!u.value || !e()) && await k(), e();
|
|
554
|
-
}
|
|
555
|
-
function P(e, t) {
|
|
556
|
-
if (!t) return;
|
|
557
|
-
let n = x.value.isPx ? `${e}px` : D(e, t);
|
|
558
|
-
m.value !== n && (m.value = n, r("update:size", n));
|
|
559
|
-
}
|
|
560
|
-
function I(e, t) {
|
|
561
|
-
let n = E({
|
|
562
|
-
size: e,
|
|
563
|
-
containerSize: t
|
|
564
|
-
}), r = s.value === void 0 ? 0 : E({
|
|
565
|
-
size: s.value,
|
|
566
|
-
defaultSize: "0px",
|
|
567
|
-
containerSize: t
|
|
568
|
-
}), i = c.value === void 0 ? t : E({
|
|
569
|
-
size: c.value,
|
|
570
|
-
defaultSize: `${t}px`,
|
|
571
|
-
containerSize: t
|
|
572
|
-
}), a = n;
|
|
573
|
-
return a = Math.max(a, r), a = Math.min(a, i), a;
|
|
574
|
-
}
|
|
575
|
-
function L({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
|
|
576
|
-
let i = E({
|
|
577
|
-
size: t,
|
|
578
|
-
containerSize: e
|
|
579
|
-
});
|
|
580
|
-
return I(`${i + (r - n)}px`, e);
|
|
581
|
-
}
|
|
582
|
-
function z(e) {
|
|
583
|
-
r("moving", e);
|
|
584
|
-
let t = S.value ? L({
|
|
585
|
-
startContainerSize: O.startContainerSize,
|
|
586
|
-
startSize: O.startSize,
|
|
587
|
-
startPosition: O.startPageX,
|
|
588
|
-
endPosition: e.pageX
|
|
589
|
-
}) : L({
|
|
590
|
-
startContainerSize: O.startContainerSize,
|
|
591
|
-
startSize: O.startSize,
|
|
592
|
-
startPosition: O.startPageY,
|
|
593
|
-
endPosition: e.pageY
|
|
594
|
-
});
|
|
595
|
-
P(t, O.startContainerSize);
|
|
596
|
-
}
|
|
597
|
-
function V(e) {
|
|
598
|
-
window.removeEventListener("mousemove", z), window.removeEventListener("mouseup", V), window.removeEventListener("contextmenu", V), document.body.style.cursor = "default", r("moveEnd", e);
|
|
599
|
-
}
|
|
600
|
-
async function H(e) {
|
|
601
|
-
n.disabled || (r("moveStart", e), O.startPageX = e.pageX, O.startPageY = e.pageY, O.startContainerSize = await N(), O.startSize = m.value, window.addEventListener("mousemove", z), window.addEventListener("mouseup", V), window.addEventListener("contextmenu", V), document.body.style.cursor = S.value ? "col-resize" : "row-resize");
|
|
602
|
-
}
|
|
603
|
-
function U() {
|
|
604
|
-
if (d.value) {
|
|
605
|
-
let { width: e, height: t } = d.value.getBoundingClientRect();
|
|
606
|
-
l.value = S.value ? e || 0 : t || 0;
|
|
607
|
-
}
|
|
608
|
-
}
|
|
609
|
-
return M(async () => {
|
|
610
|
-
let e = await N(), t = I(m.value, e);
|
|
611
|
-
P(t, e), U();
|
|
612
|
-
let n = new ResizeObserver(() => {
|
|
613
|
-
U();
|
|
614
|
-
});
|
|
615
|
-
d.value && n.observe(d.value);
|
|
616
|
-
let r = () => {
|
|
617
|
-
n.disconnect();
|
|
618
|
-
};
|
|
619
|
-
return r;
|
|
620
|
-
}), (e, t) => (F(), g(ee(e.component), {
|
|
621
|
-
ref_key: "wrapperRef",
|
|
622
|
-
ref: u,
|
|
623
|
-
class: A(C.value)
|
|
624
|
-
}, {
|
|
625
|
-
default: J(() => [
|
|
626
|
-
y("div", {
|
|
627
|
-
class: A([`${K(f)}-pane`, `${K(f)}-pane-first`]),
|
|
628
|
-
style: j(T.value)
|
|
629
|
-
}, [B(e.$slots, "first")], 6),
|
|
630
|
-
e.disabled ? _("", !0) : (F(), v("div", {
|
|
631
|
-
key: 0,
|
|
632
|
-
ref_key: "triggerRef",
|
|
633
|
-
ref: d,
|
|
634
|
-
class: A(w.value),
|
|
635
|
-
onMousedown: H
|
|
636
|
-
}, [B(e.$slots, "resize-trigger", {}, () => [y("div", { class: A(`${K(p)}-icon`) }, [B(e.$slots, "resize-trigger-icon", {}, () => [
|
|
637
|
-
y("div", { class: A(`${K(p)}-line`) }, null, 2),
|
|
638
|
-
y("div", { class: A(`${K(p)}-line`) }, null, 2),
|
|
639
|
-
y("div", { class: A(`${K(p)}-line`) }, null, 2)
|
|
640
|
-
])], 2)])], 34)),
|
|
641
|
-
y("div", { class: A([`${K(f)}-pane`, `${K(f)}-pane-second`]) }, [B(e.$slots, "second")], 2)
|
|
642
|
-
]),
|
|
643
|
-
_: 3
|
|
644
|
-
}, 8, ["class"]));
|
|
645
|
-
}
|
|
646
|
-
}), We = Ue, Ge = /* @__PURE__ */ C({
|
|
647
|
-
__name: "UtoolsBaseLayout",
|
|
648
|
-
setup(t) {
|
|
649
|
-
return (t, n) => {
|
|
650
|
-
let i = e, a = r, o = c;
|
|
651
|
-
return F(), g(o, { class: "h-screen min-h-0" }, {
|
|
652
|
-
default: J(() => [S(i, { width: "auto" }, {
|
|
653
|
-
default: J(() => [B(t.$slots, "left")]),
|
|
654
|
-
_: 3
|
|
655
|
-
}), S(o, { class: A(["min-h-0", [K(X)("utools", "main-content")]]) }, {
|
|
656
|
-
default: J(() => [S(a, { class: A(["h-full overflow-hidden", [K(X)("utools", "main-content-area")]]) }, {
|
|
657
|
-
default: J(() => [B(t.$slots, "default")]),
|
|
658
|
-
_: 3
|
|
659
|
-
}, 8, ["class"])]),
|
|
660
|
-
_: 3
|
|
661
|
-
}, 8, ["class"])]),
|
|
662
|
-
_: 3
|
|
663
|
-
});
|
|
664
|
-
};
|
|
665
|
-
}
|
|
666
|
-
}), Ke = Ge;
|
|
667
|
-
const qe = { class: "utools" }, Je = { class: "title" }, Ye = { class: "flex justify-end h-full pr-3 w-full" }, Xe = { class: "content" }, Ze = { class: "content-inner" }, Qe = {
|
|
668
|
-
class: "flex items-center justify-center",
|
|
669
|
-
style: { "font-size": "10px" }
|
|
670
|
-
};
|
|
671
|
-
var $e = /* @__PURE__ */ C({
|
|
672
|
-
__name: "UtoolsLayout",
|
|
673
|
-
props: {
|
|
674
|
-
avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
|
|
675
|
-
loadRouter: {},
|
|
676
|
-
refreshEventListener: { type: Boolean },
|
|
677
|
-
title: { default: "utools demo" }
|
|
678
|
-
},
|
|
679
|
-
setup(e) {
|
|
680
|
-
let n = R(), r = R(!0);
|
|
681
|
-
return (e, i) => {
|
|
682
|
-
let a = t, o = V("router-view");
|
|
683
|
-
return F(), v("div", qe, [S(Ke, null, {
|
|
684
|
-
left: J(() => [y("div", { class: A(K(X)("utools", "left-menu")) }, [y("div", {
|
|
685
|
-
class: A(["flex items-center justify-center", K(X)("utools", "left-menu", "collapse")]),
|
|
686
|
-
onClick: i[0] ||= (e) => n.value?.changeCollapsed()
|
|
687
|
-
}, [y("div", { class: A(["w-5 h-5 font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), S(K(Ae), O({
|
|
688
|
-
ref_key: "leftMenuRef",
|
|
689
|
-
ref: n
|
|
690
|
-
}, {
|
|
691
|
-
loadRouter: e.loadRouter,
|
|
692
|
-
refreshEventListener: e.refreshEventListener
|
|
693
|
-
}, {
|
|
694
|
-
collapsed: r.value,
|
|
695
|
-
"onUpdate:collapsed": i[1] ||= (e) => r.value = e,
|
|
696
|
-
hideOperations: ""
|
|
697
|
-
}), {
|
|
698
|
-
logo: J(() => [S(a, { image: e.avatar }, null, 8, ["image"]), y("div", Je, H(e.title), 1)]),
|
|
699
|
-
_: 1
|
|
700
|
-
}, 16, ["collapsed"])], 2)]),
|
|
701
|
-
default: J(() => [y("div", { class: A(K(X)("utools", "content-wrapper")) }, [
|
|
702
|
-
y("div", Ye, [B(e.$slots, "header-tips")]),
|
|
703
|
-
y("div", Xe, [y("div", Ze, [S(o)])]),
|
|
704
|
-
B(e.$slots, "footer", {}, () => [y("div", Qe, " © " + H((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
|
|
705
|
-
], 2)]),
|
|
706
|
-
_: 3
|
|
707
|
-
})]);
|
|
708
|
-
};
|
|
709
|
-
}
|
|
710
|
-
}), et = $e, tt = /* @__PURE__ */ C({
|
|
711
|
-
__name: "PageHeader",
|
|
712
|
-
props: {
|
|
713
|
-
title: { default: "" },
|
|
714
|
-
subtitle: { default: "" },
|
|
715
|
-
size: { default: "default" }
|
|
716
|
-
},
|
|
717
|
-
emits: ["back"],
|
|
718
|
-
setup(e) {
|
|
719
|
-
let t = e, r = Z("page-header"), a = h(() => {
|
|
720
|
-
let e = [r()];
|
|
721
|
-
return t.size !== "default" && e.push(r(t.size)), e;
|
|
722
|
-
}), o = h(() => ue("onBack"));
|
|
723
|
-
return (e, t) => {
|
|
724
|
-
let c = s, l = n, u = i;
|
|
725
|
-
return F(), v("div", { class: A(a.value) }, [y("div", { class: A(["flex items-center", K(r)("header")]) }, [
|
|
726
|
-
o.value || e.$slots.prefix ? B(e.$slots, "prefix", { key: 0 }, () => [S(l, {
|
|
727
|
-
class: A(K(r)("header", "back")),
|
|
728
|
-
shape: "square",
|
|
729
|
-
variant: "text",
|
|
730
|
-
onClick: t[0] ||= (t) => e.$emit("back")
|
|
731
|
-
}, {
|
|
732
|
-
icon: J(() => [S(c, { class: "i-u-left" })]),
|
|
733
|
-
_: 1
|
|
734
|
-
}, 8, ["class"])]) : _("", !0),
|
|
735
|
-
y("div", { class: A(K(r)("title")) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2),
|
|
736
|
-
S(u, {
|
|
737
|
-
class: A(K(r)("divider")),
|
|
738
|
-
layout: "vertical"
|
|
739
|
-
}, null, 8, ["class"]),
|
|
740
|
-
y("div", { class: A(K(r)("subtitle")) }, [B(e.$slots, "subtitle", {}, () => [x(H(e.subtitle), 1)])], 2)
|
|
741
|
-
], 2), e.$slots.extra ? (F(), v("div", {
|
|
742
|
-
key: 0,
|
|
743
|
-
class: A(K(r)("extra"))
|
|
744
|
-
}, [B(e.$slots, "extra")], 2)) : _("", !0)], 2);
|
|
745
|
-
};
|
|
746
|
-
}
|
|
747
|
-
}), nt = tt;
|
|
748
|
-
const rt = { class: "flex justify-between items-center" };
|
|
749
|
-
var it = /* @__PURE__ */ C({
|
|
750
|
-
__name: "SettingItem",
|
|
751
|
-
props: {
|
|
752
|
-
title: {},
|
|
753
|
-
desc: {},
|
|
754
|
-
click: { type: Boolean },
|
|
755
|
-
vip: { type: Boolean },
|
|
756
|
-
minName: { type: Boolean },
|
|
757
|
-
background: { default: "var(--u-bg-color-3)" }
|
|
758
|
-
},
|
|
759
|
-
setup(e) {
|
|
760
|
-
let t = te(), n = h(() => "onClick" in t || "onClickCapture" in t), r = h(() => {
|
|
761
|
-
let e = [];
|
|
762
|
-
return e.push(X("setting-item")), n.value && e.push("cursor-pointer"), e;
|
|
763
|
-
});
|
|
764
|
-
return (e, t) => (F(), v("div", O({ class: r.value }, U({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [y("div", rt, [y("div", null, [y("div", { class: A(["u-fx u-gap5 u-fac", K(X)("setting-item-title")]) }, [B(e.$slots, "title", {}, () => [x(H(e.title), 1)])], 2), B(e.$slots, "desc", {}, () => [y("div", { class: A(K(X)("setting-item-desc")) }, H(e.desc), 3)])]), y("div", null, [B(e.$slots, "default")])]), y("div", null, [B(e.$slots, "extra")])], 16));
|
|
765
|
-
}
|
|
766
|
-
}), at = it, ot = /* @__PURE__ */ C({
|
|
767
|
-
__name: "SettingDivision",
|
|
768
|
-
setup(e) {
|
|
769
|
-
return (e, t) => (F(), v("div", { class: A(K(X)("setting-division")) }, null, 2));
|
|
770
|
-
}
|
|
771
|
-
}), st = ot;
|
|
772
|
-
const ct = { key: 0 };
|
|
773
|
-
var lt = /* @__PURE__ */ C({
|
|
774
|
-
__name: "SettingGroup",
|
|
775
|
-
props: { title: {} },
|
|
776
|
-
setup(e) {
|
|
777
|
-
return (e, t) => (F(), v("div", { class: A([K(X)("setting-group")]) }, [y("div", { class: A(K(X)("setting-group-header")) }, [y("div", { class: A(K(X)("setting-group-title")) }, H(e.title), 3), e.$slots.desc ? (F(), v("div", ct, [B(e.$slots, "desc")])) : _("", !0)], 2), y("div", null, [B(e.$slots, "default")])], 2));
|
|
778
|
-
}
|
|
779
|
-
}), ut = lt, dt = /* @__PURE__ */ C({
|
|
780
|
-
name: "SwitchEnable",
|
|
781
|
-
inheritAttrs: !1,
|
|
782
|
-
__name: "SwitchEnable",
|
|
783
|
-
props: /* @__PURE__ */ D({
|
|
784
|
-
value: { type: Boolean },
|
|
785
|
-
color: { default: "green" },
|
|
786
|
-
beforeChange: {},
|
|
787
|
-
customValue: {},
|
|
788
|
-
disabled: { type: Boolean },
|
|
789
|
-
label: {},
|
|
790
|
-
loading: { type: Boolean },
|
|
791
|
-
size: { default: "large" },
|
|
792
|
-
defaultValue: {},
|
|
793
|
-
modelValue: {},
|
|
794
|
-
onChange: {}
|
|
795
|
-
}, {
|
|
796
|
-
value: {
|
|
797
|
-
type: Boolean,
|
|
798
|
-
default: !1
|
|
799
|
-
},
|
|
800
|
-
valueModifiers: {}
|
|
801
|
-
}),
|
|
802
|
-
emits: /* @__PURE__ */ D(["change"], ["update:value"]),
|
|
803
|
-
setup(e, { emit: t }) {
|
|
804
|
-
let n = e, r = t, i = q(e, "value"), a = (e, t) => {
|
|
805
|
-
r("change", e, t);
|
|
806
|
-
}, o = (e, t) => t.value ? S("span", {
|
|
807
|
-
class: "i-u-check",
|
|
808
|
-
style: "width: 10px; height: 10px;"
|
|
809
|
-
}, null) : S("span", {
|
|
810
|
-
class: "i-u-close",
|
|
811
|
-
style: "width: 10px; height: 10px;"
|
|
812
|
-
}, null);
|
|
813
|
-
return (e, t) => {
|
|
814
|
-
let r = f;
|
|
815
|
-
return F(), g(r, O({ class: ["u-web-switch", { "u-web-switch-green": n.color === "green" }] }, {
|
|
816
|
-
...n,
|
|
817
|
-
value: void 0
|
|
818
|
-
}, {
|
|
819
|
-
modelValue: i.value,
|
|
820
|
-
"onUpdate:modelValue": t[0] ||= (e) => i.value = e,
|
|
821
|
-
onChange: a,
|
|
822
|
-
label: o
|
|
823
|
-
}), null, 16, ["class", "modelValue"]);
|
|
824
|
-
};
|
|
825
|
-
}
|
|
826
|
-
}), ft = dt;
|
|
827
|
-
const pt = ["aria-checked", "disabled"];
|
|
828
|
-
var mt = /* @__PURE__ */ C({
|
|
829
|
-
name: "SwitchPlus",
|
|
830
|
-
__name: "SwitchPlus",
|
|
831
|
-
props: /* @__PURE__ */ D({
|
|
832
|
-
modelValue: { type: [
|
|
833
|
-
String,
|
|
834
|
-
Number,
|
|
835
|
-
Boolean
|
|
836
|
-
] },
|
|
837
|
-
defaultChecked: {
|
|
838
|
-
type: Boolean,
|
|
839
|
-
default: !1
|
|
840
|
-
},
|
|
841
|
-
disabled: {
|
|
842
|
-
type: Boolean,
|
|
843
|
-
default: !1
|
|
844
|
-
},
|
|
845
|
-
loading: {
|
|
846
|
-
type: Boolean,
|
|
847
|
-
default: !1
|
|
848
|
-
},
|
|
849
|
-
type: { default: "circle" },
|
|
850
|
-
size: { default: "medium" },
|
|
851
|
-
checkedValue: {
|
|
852
|
-
type: [
|
|
853
|
-
String,
|
|
854
|
-
Number,
|
|
855
|
-
Boolean
|
|
856
|
-
],
|
|
857
|
-
default: !0
|
|
858
|
-
},
|
|
859
|
-
uncheckedValue: {
|
|
860
|
-
type: [
|
|
861
|
-
String,
|
|
862
|
-
Number,
|
|
863
|
-
Boolean
|
|
864
|
-
],
|
|
865
|
-
default: !1
|
|
866
|
-
},
|
|
867
|
-
checkedColor: {},
|
|
868
|
-
uncheckedColor: {},
|
|
869
|
-
beforeChange: {},
|
|
870
|
-
checkedText: {},
|
|
871
|
-
uncheckedText: {}
|
|
872
|
-
}, {
|
|
873
|
-
value: {
|
|
874
|
-
type: [
|
|
875
|
-
String,
|
|
876
|
-
Number,
|
|
877
|
-
Boolean
|
|
878
|
-
],
|
|
879
|
-
default: !1
|
|
880
|
-
},
|
|
881
|
-
valueModifiers: {}
|
|
882
|
-
}),
|
|
883
|
-
emits: /* @__PURE__ */ D([
|
|
884
|
-
"update:modelValue",
|
|
885
|
-
"change",
|
|
886
|
-
"focus",
|
|
887
|
-
"blur"
|
|
888
|
-
], ["update:value"]),
|
|
889
|
-
setup(e, { emit: t }) {
|
|
890
|
-
let n = q(e, "value"), r = e, i = t, a = ne(), { size: o } = W(r), s = Z("switch-plus"), c = s(), l = h(() => r.disabled), u = h(() => r.size);
|
|
891
|
-
n.value === !1 && r.defaultChecked && (n.value = r.checkedValue);
|
|
892
|
-
let d = h(() => n.value === r.checkedValue), f = R(!1), m = h(() => f.value || r.loading), g = (e, t) => {
|
|
893
|
-
let a = e ? r.checkedValue : r.uncheckedValue;
|
|
894
|
-
n.value = a, i("change", a, t);
|
|
895
|
-
}, b = async (e) => {
|
|
896
|
-
if (m.value || l.value) return;
|
|
897
|
-
let t = !d.value, n = t ? r.checkedValue : r.uncheckedValue, i = r.beforeChange;
|
|
898
|
-
if (de(i)) {
|
|
899
|
-
f.value = !0;
|
|
900
|
-
try {
|
|
901
|
-
let r = await i(n);
|
|
902
|
-
(r ?? !0) && g(t, e);
|
|
903
|
-
} finally {
|
|
904
|
-
f.value = !1;
|
|
905
|
-
}
|
|
906
|
-
} else g(t, e);
|
|
907
|
-
}, S = (e) => {
|
|
908
|
-
i("focus", e);
|
|
909
|
-
}, C = (e) => {
|
|
910
|
-
i("blur", e);
|
|
911
|
-
};
|
|
912
|
-
re(n, (e) => {
|
|
913
|
-
(pe(e) || fe(e)) && (n.value = r.uncheckedValue);
|
|
914
|
-
});
|
|
915
|
-
let w = h(() => [
|
|
916
|
-
c,
|
|
917
|
-
`${c}-type-${r.type}`,
|
|
918
|
-
{
|
|
919
|
-
[`${c}-medium`]: u.value === "medium",
|
|
920
|
-
[`${c}-small`]: u.value === "small",
|
|
921
|
-
[`${c}-mini`]: u.value === "mini",
|
|
922
|
-
[`${c}-checked`]: d.value,
|
|
923
|
-
[`${c}-disabled`]: l.value,
|
|
924
|
-
[`${c}-loading`]: m.value,
|
|
925
|
-
[`${c}-custom-color`]: r.type === "line" && (r.checkedColor || r.uncheckedColor)
|
|
926
|
-
}
|
|
927
|
-
]), T = h(() => {
|
|
928
|
-
if (d.value && r.checkedColor) return r.type === "line" ? { "--custom-color": r.checkedColor } : { backgroundColor: r.checkedColor };
|
|
929
|
-
if (!d.value && r.uncheckedColor) return r.type === "line" ? { "--custom-color": r.uncheckedColor } : { backgroundColor: r.uncheckedColor };
|
|
930
|
-
}), E = h(() => {
|
|
931
|
-
if (!m.value) {
|
|
932
|
-
if (d.value && r.checkedColor) return { color: r.checkedColor };
|
|
933
|
-
if (!d.value && r.uncheckedColor) return { color: r.uncheckedColor };
|
|
934
|
-
}
|
|
935
|
-
});
|
|
936
|
-
return (e, t) => (F(), v("button", {
|
|
937
|
-
type: "button",
|
|
938
|
-
role: "switch",
|
|
939
|
-
"aria-checked": d.value,
|
|
940
|
-
class: A(w.value),
|
|
941
|
-
style: j(T.value),
|
|
942
|
-
disabled: l.value || m.value,
|
|
943
|
-
onClick: b,
|
|
944
|
-
onFocus: S,
|
|
945
|
-
onBlur: C
|
|
946
|
-
}, [y("span", {
|
|
947
|
-
class: A(`${K(c)}-handle`),
|
|
948
|
-
style: j(E.value)
|
|
949
|
-
}, [y("span", { class: A(`${K(c)}-handle-icon`) }, [m.value ? (F(), v("span", {
|
|
950
|
-
key: 0,
|
|
951
|
-
class: A(["i-u-loading", `${K(c)}-loading-icon`])
|
|
952
|
-
}, null, 2)) : (F(), v(p, { key: 1 }, [d.value ? B(e.$slots, "checked-icon", { key: 0 }) : B(e.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), e.type !== "line" && K(o) !== "small" && (K(a).checked || e.checkedText || K(a).unchecked || e.uncheckedText) ? (F(), v(p, { key: 0 }, [y("span", { class: A(`${K(c)}-text-holder`) }, [d.value ? B(e.$slots, "checked", { key: 0 }, () => [x(H(e.checkedText), 1)]) : B(e.$slots, "unchecked", { key: 1 }, () => [x(H(e.uncheckedText), 1)])], 2), y("span", { class: A(`${K(c)}-text`) }, [d.value ? B(e.$slots, "checked", { key: 0 }, () => [x(H(e.checkedText), 1)]) : B(e.$slots, "unchecked", { key: 1 }, () => [x(H(e.uncheckedText), 1)])], 2)], 64)) : _("", !0)], 46, pt));
|
|
953
|
-
}
|
|
954
|
-
}), ht = mt, gt = /* @__PURE__ */ C({
|
|
955
|
-
__name: "SwitchPlusEnable",
|
|
956
|
-
props: /* @__PURE__ */ D({
|
|
957
|
-
modelValue: { type: [
|
|
958
|
-
String,
|
|
959
|
-
Number,
|
|
960
|
-
Boolean
|
|
961
|
-
] },
|
|
962
|
-
defaultChecked: {
|
|
963
|
-
type: Boolean,
|
|
964
|
-
default: !1
|
|
965
|
-
},
|
|
966
|
-
disabled: {
|
|
967
|
-
type: Boolean,
|
|
968
|
-
default: !1
|
|
969
|
-
},
|
|
970
|
-
loading: {
|
|
971
|
-
type: Boolean,
|
|
972
|
-
default: !1
|
|
973
|
-
},
|
|
974
|
-
type: { default: "circle" },
|
|
975
|
-
size: { default: "medium" },
|
|
976
|
-
checkedValue: {
|
|
977
|
-
type: [
|
|
978
|
-
String,
|
|
979
|
-
Number,
|
|
980
|
-
Boolean
|
|
981
|
-
],
|
|
982
|
-
default: !0
|
|
983
|
-
},
|
|
984
|
-
uncheckedValue: {
|
|
985
|
-
type: [
|
|
986
|
-
String,
|
|
987
|
-
Number,
|
|
988
|
-
Boolean
|
|
989
|
-
],
|
|
990
|
-
default: !1
|
|
991
|
-
},
|
|
992
|
-
checkedColor: { default: "#10b981" },
|
|
993
|
-
uncheckedColor: {},
|
|
994
|
-
beforeChange: {},
|
|
995
|
-
checkedText: {},
|
|
996
|
-
uncheckedText: {}
|
|
997
|
-
}, {
|
|
998
|
-
value: {
|
|
999
|
-
type: [
|
|
1000
|
-
String,
|
|
1001
|
-
Number,
|
|
1002
|
-
Boolean
|
|
1003
|
-
],
|
|
1004
|
-
default: !1
|
|
1005
|
-
},
|
|
1006
|
-
valueModifiers: {}
|
|
1007
|
-
}),
|
|
1008
|
-
emits: ["update:value"],
|
|
1009
|
-
setup(e) {
|
|
1010
|
-
let t = q(e, "value"), n = e;
|
|
1011
|
-
return (e, r) => (F(), g(ht, O({
|
|
1012
|
-
value: t.value,
|
|
1013
|
-
"onUpdate:value": r[0] ||= (e) => t.value = e
|
|
1014
|
-
}, n), {
|
|
1015
|
-
"checked-icon": J(() => r[1] ||= [y("span", {
|
|
1016
|
-
style: {
|
|
1017
|
-
width: "14px",
|
|
1018
|
-
height: "14px"
|
|
1019
|
-
},
|
|
1020
|
-
class: "i-u-checkSmall"
|
|
1021
|
-
}, null, -1)]),
|
|
1022
|
-
"unchecked-icon": J(() => r[2] ||= [y("span", {
|
|
1023
|
-
style: {
|
|
1024
|
-
width: "14px",
|
|
1025
|
-
height: "14px"
|
|
1026
|
-
},
|
|
1027
|
-
class: "i-u-closeSmall"
|
|
1028
|
-
}, null, -1)]),
|
|
1029
|
-
_: 1
|
|
1030
|
-
}, 16, ["value"]));
|
|
1031
|
-
}
|
|
1032
|
-
}), _t = gt;
|
|
1033
|
-
export { Me as ContextMenu, Re as ContextMenuDivider, Ie as ContextMenuGroup, Pe as ContextMenuItem, Be as ContextMenuSubmenu, Ae as LeftMenu, _e as LeftMenuEventDispatch, ge as LeftMenuEvents, nt as PageHeader, st as SettingDivision, ut as SettingGroup, at as SettingItem, We as SplitPanel, ft as SwitchEnable, ht as SwitchPlus, _t as SwitchPlusEnable, Ke as UtoolsBaseLayout, et as UtoolsLayout, he as WebBaseLayout, He as WebLayout, Z as getBuildCurrentClassPrefix, X as getClassPrefix, ue as isEventExist, de as isFunction, fe as isNull, pe as isUndefined };
|
|
1
|
+
import{Aside as e,Avatar as t,Button as n,Content as r,Divider as i,HeadMenu as a,Header as o,Icon as s,Layout as c,Menu as l,MenuItem as u,Submenu as d,Switch as f}from"tdesign-vue-next";import{Fragment as p,Teleport as m,computed as h,createBlock as g,createCommentVNode as _,createElementBlock as v,createElementVNode as y,createSlots as b,createTextVNode as x,createVNode as S,defineComponent as C,getCurrentInstance as w,getCurrentScope as T,inject as E,mergeModels as D,mergeProps as O,nextTick as k,normalizeClass as A,normalizeStyle as j,onMounted as M,onScopeDispose as N,onUnmounted as P,openBlock as F,provide as I,reactive as L,ref as R,renderList as z,renderSlot as B,resolveComponent as V,resolveDynamicComponent as ee,toDisplayString as H,toHandlers as U,toRefs as W,toValue as G,unref as K,useAttrs as te,useModel as q,useSlots as ne,watch as re,withCtx as J,withModifiers as Y}from"vue";import{useRoute as ie,useRouter as ae}from"vue-router";const oe=`u-web`;function X(...e){return oe+`-`+e.join(`-`)}function Z(...e){let t=e.join(`-`);return(...e)=>X(t,...e)}function se(e){return e.substring(0,1).toUpperCase()+e.substring(1)}const Q=`on`,ce=[`Capture`,`Passive`,`Once`],le=RegExp(`^(${ce.join(`|`)})*$`);function ue(...e){if(!e.length)return!1;let t=w();if(!t)return!1;let{attrs:n={},vnode:r}=t;if(!r)return!1;let i=r.props||{},a=[...Object.keys(n).filter(e=>e.startsWith(Q)),...Object.keys(i).filter(e=>e.startsWith(Q))];for(let t of e){let e=t.startsWith(Q)?t:`${Q}${se(t)}`;if(a.includes(e))return!0;for(let t of a)if(t.startsWith(e)){let n=t.slice(e.length);if(n&&le.test(n))return!0}}return!1}function de(e){return typeof e==`function`}function fe(e){return e===null}function pe(e){return e===void 0}var me=C({__name:`WebBaseLayout`,setup(t){return(t,n)=>{let i=o,a=e,s=r,l=c;return F(),g(l,{class:`h-screen`},{default:J(()=>[t.$slots.header?(F(),g(i,{key:0},{default:J(()=>[B(t.$slots,`header`)]),_:3})):_(``,!0),S(l,{class:`min-h-0`},{default:J(()=>[S(a,{width:`auto`},{default:J(()=>[B(t.$slots,`left`)]),_:3}),S(l,{class:A([`min-h-0`,[K(X)(`main-content`)]])},{default:J(()=>[S(s,{class:`xl:p-4 ut:p-2 p-1 h-full overflow-hidden`},{default:J(()=>[B(t.$slots,`default`)]),_:3})]),_:3},8,[`class`])]),_:3})]),_:3})}}}),he=me;let ge=function(e){return e.Refresh=`u:leftMenu:refresh`,e}({});const _e={refresh:()=>{window.dispatchEvent(new CustomEvent(ge.Refresh))}};function ve(e){return T()?(N(e),!0):!1}const $=typeof window<`u`&&typeof document<`u`;typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;const ye=Object.prototype.toString,be=e=>ye.call(e)===`[object Object]`;function xe(e){return Array.isArray(e)?e:[e]}function Se(e){let t=Object.create(null);return n=>{let r=t[n];return r||(t[n]=e(n))}}const Ce=/\B([A-Z])/g;Se(e=>e.replace(Ce,`-$1`).toLowerCase());const we=/-(\w)/g;Se(e=>e.replace(we,(e,t)=>t?t.toUpperCase():``));function Te(e,t,n){return re(e,t,{...n,immediate:!0})}const Ee=$?window:void 0;$&&window.document,$&&window.navigator,$&&window.location;function De(e){var t;let n=G(e);return(t=n?.$el)??n}function Oe(...e){let t=[],n=()=>{t.forEach(e=>e()),t.length=0},r=(e,t,n,r)=>(e.addEventListener(t,n,r),()=>e.removeEventListener(t,n,r)),i=h(()=>{let t=xe(G(e[0])).filter(e=>e!=null);return t.every(e=>typeof e!=`string`)?t:void 0}),a=Te(()=>{var t,n;return[(n=(t=i.value)?.map(e=>De(e)))??[Ee].filter(e=>e!=null),xe(G(i.value?e[1]:e[0])),xe(K(i.value?e[2]:e[1])),G(i.value?e[3]:e[2])]},([e,i,a,o])=>{if(n(),!e?.length||!i?.length||!a?.length)return;let s=be(o)?{...o}:o;t.push(...e.flatMap(e=>i.flatMap(t=>a.map(n=>r(e,t,n,s)))))},{flush:`post`}),o=()=>{a(),n()};return ve(n),o}Symbol(`vueuse-ssr-width`);var ke=C({__name:`LeftMenu`,props:D({hideOperations:{type:Boolean,default:!1},loadRouter:{},refreshEventListener:{type:Boolean,default:!1}},{collapsed:{type:Boolean,default:!1},collapsedModifiers:{}}),emits:[`update:collapsed`],setup(e,{expose:t}){let r=e,i=q(e,`collapsed`);function a(){i.value=!i.value}let o=ae(),c=ie(),f=R([]);function m(){f.value=o.getRoutes().filter(e=>e.meta).filter(e=>e.path.split(`/`).length<=2).filter(e=>e.meta.menu)}function h(){r.loadRouter?f.value=r.loadRouter():m()}M(()=>{h()});function _(e){o.push({name:e.name})}function y(e){return e.children?e.children.filter(e=>e.meta?.menu):[]}return r.refreshEventListener&&Oe(document,ge.Refresh,h),t({changeCollapsed:a,refreshRouter:h}),(e,t)=>{let r=s,o=n,m=u,h=d,C=l;return F(),g(C,{value:K(c).name,collapsed:i.value,"onUpdate:collapsed":t[0]||=e=>i.value=e,width:[`180px`,`52px`]},b({default:J(()=>[(F(!0),v(p,null,z(f.value,e=>(F(),v(p,{key:String(e.name)},[y(e).length>0?(F(),g(h,{key:0,value:String(e.name)},{icon:J(()=>[S(r,{class:A(e.meta.icon)},null,8,[`class`])]),title:J(()=>[x(H(e.meta.title),1)]),default:J(()=>[(F(!0),v(p,null,z(y(e),e=>(F(),g(m,{key:String(e.name),value:String(e.name),onClick:t=>_(e)},{icon:J(()=>[S(r,{class:A(e.meta.icon),size:`small`},null,8,[`class`])]),default:J(()=>[x(` `+H(e.meta.title),1)]),_:2},1032,[`value`,`onClick`]))),128))]),_:2},1032,[`value`])):(F(),g(m,{key:1,value:String(e.name),onClick:t=>_(e)},{icon:J(()=>[S(r,{class:A(e.meta.icon)},null,8,[`class`])]),default:J(()=>[x(` `+H(e.meta.title),1)]),_:2},1032,[`value`,`onClick`]))],64))),128))]),_:2},[e.hideOperations?void 0:{name:`operations`,fn:J(()=>[S(o,{variant:`text`,shape:`square`,onClick:a},{icon:J(()=>[S(r,{name:`view-list`})]),_:1})]),key:`0`},e.$slots.logo?{name:`logo`,fn:J(()=>[B(e.$slots,`logo`)]),key:`1`}:void 0]),1032,[`value`,`collapsed`])}}}),Ae=ke,je=C({__name:`ContextMenu`,props:{hideOnSelect:{type:Boolean,default:!0}},emits:[`select`],setup(e,{emit:t}){let n=e,r=t,i=Z(`context-menu`),a=R(),o=R(),s=R(!1),c=L({left:`0px`,top:`0px`}),l=e=>{e.preventDefault(),e.stopPropagation(),c.left=e.clientX+`px`,c.top=e.clientY+`px`,s.value=!0,k(()=>{u(e.clientX,e.clientY)})},u=(e,t)=>{if(!o.value)return;let n=o.value,r=n.getBoundingClientRect(),i=window.innerWidth,a=window.innerHeight,s=e,l=t;e+r.width>i&&(s=i-r.width-4),t+r.height>a&&(l=a-r.height-4),s=Math.max(4,s),l=Math.max(4,l),c.left=s+`px`,c.top=l+`px`},d=()=>{s.value=!1},f=(e,t)=>{r(`select`,e,t),n.hideOnSelect&&(s.value=!1)},h=e=>{if(!s.value)return;let t=e.target,n=o.value,r=a.value;if(e.button===2||e.which===3)return;let i=n&&n.contains(t),c=r&&r.contains(t);!i&&!c&&(s.value=!1)},b=e=>{e.key===`Escape`&&s.value&&(s.value=!1)},x=e=>{s.value&&(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())},S=()=>{s.value=!1};return I(`handleSelect`,f),I(`closeMenu`,S),M(()=>{document.addEventListener(`click`,h),document.addEventListener(`mousedown`,h),document.addEventListener(`keydown`,b),document.addEventListener(`contextmenu`,x)}),P(()=>{document.removeEventListener(`click`,h),document.removeEventListener(`mousedown`,h),document.removeEventListener(`keydown`,b),document.removeEventListener(`contextmenu`,x)}),(e,t)=>(F(),v(p,null,[y(`div`,{ref_key:`triggerRef`,ref:a,class:A(K(i)(`trigger`)),onContextmenu:Y(l,[`prevent`])},[B(e.$slots,`default`)],34),(F(),g(m,{to:`body`},[s.value?(F(),v(`div`,{key:0,ref_key:`menuRef`,ref:o,class:A(K(i)(`menu`)),style:j(c),onContextmenu:t[0]||=Y(()=>{},[`prevent`])},[B(e.$slots,`content`)],38)):_(``,!0)])),(F(),g(m,{to:`body`},[s.value?(F(),v(`div`,{key:0,class:A(K(i)(`mask`)),onClick:d,onContextmenu:Y(d,[`prevent`])},null,34)):_(``,!0)]))],64))}}),Me=je,Ne=C({__name:`ContextMenuItem`,props:{label:{},value:{},disabled:{type:Boolean,default:!1},danger:{type:Boolean,default:!1},icon:{}},emits:[`click`],setup(e,{emit:t}){let n=e,r=t,i=Z(`context-menu`,`item`),a=E(`handleSelect`,null),o=e=>{if(!n.disabled)if(e.stopPropagation(),r(`click`,n.value,e),a)a(n.value,e);else{let t=new CustomEvent(`context-menu-select`,{detail:{value:n.value,originalEvent:e},bubbles:!0});e.target?.dispatchEvent(t)}},s=e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()};return(e,t)=>(F(),v(`div`,{class:A([K(i)(),{[K(i)(`disabled`)]:e.disabled,[K(i)(`danger`)]:e.danger}]),onClick:o,onContextmenu:Y(s,[`prevent`,`stop`])},[e.icon?(F(),v(`span`,{key:0,class:A([K(i)(`icon`),e.icon])},H(e.icon),3)):_(``,!0),y(`span`,{class:A(K(i)(`label`))},H(e.label),3)],34))}}),Pe=Ne,Fe=C({__name:`ContextMenuGroup`,props:{title:{}},setup(e){let t=Z(`context-menu`,`group`);return(e,n)=>(F(),v(`div`,{class:A(K(t)())},[e.title?(F(),v(`div`,{key:0,class:A(K(t)(`title`))},H(e.title),3)):_(``,!0),B(e.$slots,`default`)],2))}}),Ie=Fe,Le=C({__name:`ContextMenuDivider`,setup(e){return(e,t)=>(F(),v(`div`,{class:A(K(X)(`context-menu-divider`))},null,2))}}),Re=Le,ze=C({__name:`ContextMenuSubmenu`,props:{label:{},disabled:{type:Boolean,default:!1},icon:{}},emits:[`select`],setup(e,{emit:t}){let n=e,r=t,i=Z(`context-menu`,`item`),a=Z(`context-menu`,`submenu`),o=Z(`context-menu`,`menu`),s=R(),c=R(),l=R(!1),u=L({left:`0px`,top:`0px`}),d=E(`handleSelect`,null),f=null,p=null,m=!1,h=!1,g=()=>{f&&(clearTimeout(f),f=null),p&&(clearTimeout(p),p=null)},b=()=>{n.disabled||!s.value||(g(),u.left=`100%`,u.top=`0px`,l.value=!0,k(()=>{S()}))},x=()=>{!m&&!h&&(g(),p=setTimeout(()=>{!m&&!h&&(l.value=!1)},100))},S=()=>{if(!c.value||!s.value)return;let e=c.value,t=s.value,n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=window.innerWidth,a=window.innerHeight,o=r.right+4,l=r.left-n.width-4;if(o+n.width>i&&l>4?u.left=`-`+(n.width+4)+`px`:u.left=`100%`,r.top+n.height>a){let e=Math.min(0,a-r.top-n.height-4);u.top=e+`px`}else r.top<4?u.top=4-r.top+`px`:u.top=`0px`},C=()=>{n.disabled||(m=!0,g(),f=setTimeout(()=>{b()},150))},w=()=>{m=!1,x()},T=()=>{h=!0,g()},D=()=>{h=!1,x()},O=(e,t)=>{l.value=!1,r(`select`,e,t),d&&d(e,t)},N=e=>{let{value:t,originalEvent:n}=e.detail;O(t,n)},z=e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()},V=e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()},ee=e=>{if(!n.disabled)if(e.stopPropagation(),e.preventDefault(),g(),l.value)l.value=!1;else{if(!s.value)return;u.left=`100%`,u.top=`0px`,l.value=!0,k(()=>{S()})}};I(`handleSelect`,O),I(`closeMenu`,()=>{l.value=!1});let U=e=>{if(!l.value)return;let t=e.target,n=c.value,r=s.value;if(e.button===2||e.which===3)return;let i=n&&n.contains(t),a=r&&r.contains(t);!i&&!a&&(l.value=!1)},W=e=>{e.key===`Escape`&&l.value&&(l.value=!1)},G=e=>{l.value&&(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())};return M(()=>{document.addEventListener(`click`,U),document.addEventListener(`mousedown`,U),document.addEventListener(`keydown`,W),document.addEventListener(`contextmenu`,G)}),P(()=>{g(),document.removeEventListener(`click`,U),document.removeEventListener(`mousedown`,U),document.removeEventListener(`keydown`,W),document.removeEventListener(`contextmenu`,G)}),(e,t)=>(F(),v(`div`,{ref_key:`triggerRef`,ref:s,class:A([K(i)(),K(a)(),{[K(i)(`disabled`)]:e.disabled,[K(a)(`active`)]:l.value}]),onContextmenu:Y(z,[`prevent`,`stop`]),onMouseenter:C,onMouseleave:w,onClick:ee},[e.icon?(F(),v(`span`,{key:0,class:A([K(i)(`icon`),e.icon])},H(e.icon),3)):_(``,!0),y(`span`,{class:A(K(i)(`label`))},H(e.label),3),y(`span`,{class:A(K(a)(`arrow`))},`▶`,2),l.value?(F(),v(`div`,{key:1,ref_key:`submenuRef`,ref:c,class:A([K(o)(),K(a)(`popup`)]),style:j(u),onContextmenu:Y(V,[`prevent`,`stop`]),onMouseenter:T,onMouseleave:D,onContextMenuSelect:N},[B(e.$slots,`default`)],38)):_(``,!0)],34))}}),Be=ze,Ve=C({__name:`WebLayout`,setup(e){return(e,t)=>{let n=a,r=V(`router-view`);return F(),g(he,null,{header:J(()=>[S(n,{value:`item1`,height:`60px`},b({_:2},[e.$slots.logo?{name:`logo`,fn:J(()=>[B(e.$slots,`logo`)]),key:`0`}:void 0,e.$slots.operations?{name:`operations`,fn:J(()=>[B(e.$slots,`operations`)]),key:`1`}:void 0]),1024)]),left:J(()=>[B(e.$slots,`left`,{},()=>[S(K(Ae))])]),default:J(()=>[B(e.$slots,`default`,{},()=>[y(`div`,{class:A([K(X)(`main-content-inner`)])},[S(r)],2)])]),_:3})}}}),He=Ve,Ue=C({__name:`SplitPanel`,props:{component:{default:`div`},direction:{default:`horizontal`},size:{},defaultSize:{default:.5},min:{},max:{},disabled:{type:Boolean,default:!1}},emits:[`moveStart`,`moving`,`moveEnd`,`update:size`],setup(e,{emit:t}){let n=e,r=t,{direction:i,size:a,defaultSize:o,min:s,max:c}=W(n),l=R(0),u=R(),d=R(),f=X(`split-panel`),p=X(`split-trigger`),m=R(o.value);re(a,e=>{e!==void 0&&(m.value=e)},{immediate:!0});function b(e){let t=typeof e==`string`?parseFloat(e):e,n=``;return n=typeof e==`number`||String(t)===String(e)?t>1?`px`:`%`:`px`,{size:t,unit:n,isPx:n===`px`}}let x=h(()=>b(m.value)),S=h(()=>i.value===`horizontal`),C=h(()=>[f,{[`${f}-horizontal`]:S.value,[`${f}-vertical`]:!S.value}]),w=h(()=>[p,{[`${p}-horizontal`]:S.value,[`${p}-vertical`]:!S.value,[`${p}-disabled`]:n.disabled}]),T=h(()=>{let{size:e,unit:t,isPx:n}=x.value,r=n?e:e*100;return{flex:`0 0 calc(${r}${t} - ${l.value/2}px)`}});function E({size:e,defaultSize:t=`0px`,containerSize:n}){let r=e??t,i=b(r);return i.isPx?i.size:i.size*n}function D(e,t){return parseFloat(e)/parseFloat(t)}let O={startPageX:0,startPageY:0,startContainerSize:0,startSize:0};async function N(){let e=()=>S.value?u.value?.clientWidth||0:u.value?.clientHeight||0;return(!u.value||!e())&&await k(),e()}function P(e,t){if(!t)return;let n=x.value.isPx?`${e}px`:D(e,t);m.value!==n&&(m.value=n,r(`update:size`,n))}function I(e,t){let n=E({size:e,containerSize:t}),r=s.value===void 0?0:E({size:s.value,defaultSize:`0px`,containerSize:t}),i=c.value===void 0?t:E({size:c.value,defaultSize:`${t}px`,containerSize:t}),a=n;return a=Math.max(a,r),a=Math.min(a,i),a}function L({startContainerSize:e,startSize:t,startPosition:n,endPosition:r}){let i=E({size:t,containerSize:e});return I(`${i+(r-n)}px`,e)}function z(e){r(`moving`,e);let t=S.value?L({startContainerSize:O.startContainerSize,startSize:O.startSize,startPosition:O.startPageX,endPosition:e.pageX}):L({startContainerSize:O.startContainerSize,startSize:O.startSize,startPosition:O.startPageY,endPosition:e.pageY});P(t,O.startContainerSize)}function V(e){window.removeEventListener(`mousemove`,z),window.removeEventListener(`mouseup`,V),window.removeEventListener(`contextmenu`,V),document.body.style.cursor=`default`,r(`moveEnd`,e)}async function H(e){n.disabled||(r(`moveStart`,e),O.startPageX=e.pageX,O.startPageY=e.pageY,O.startContainerSize=await N(),O.startSize=m.value,window.addEventListener(`mousemove`,z),window.addEventListener(`mouseup`,V),window.addEventListener(`contextmenu`,V),document.body.style.cursor=S.value?`col-resize`:`row-resize`)}function U(){if(d.value){let{width:e,height:t}=d.value.getBoundingClientRect();l.value=S.value?e||0:t||0}}return M(async()=>{let e=await N(),t=I(m.value,e);P(t,e),U();let n=new ResizeObserver(()=>{U()});d.value&&n.observe(d.value);let r=()=>{n.disconnect()};return r}),(e,t)=>(F(),g(ee(e.component),{ref_key:`wrapperRef`,ref:u,class:A(C.value)},{default:J(()=>[y(`div`,{class:A([`${K(f)}-pane`,`${K(f)}-pane-first`]),style:j(T.value)},[B(e.$slots,`first`)],6),e.disabled?_(``,!0):(F(),v(`div`,{key:0,ref_key:`triggerRef`,ref:d,class:A(w.value),onMousedown:H},[B(e.$slots,`resize-trigger`,{},()=>[y(`div`,{class:A(`${K(p)}-icon`)},[B(e.$slots,`resize-trigger-icon`,{},()=>[y(`div`,{class:A(`${K(p)}-line`)},null,2),y(`div`,{class:A(`${K(p)}-line`)},null,2),y(`div`,{class:A(`${K(p)}-line`)},null,2)])],2)])],34)),y(`div`,{class:A([`${K(f)}-pane`,`${K(f)}-pane-second`])},[B(e.$slots,`second`)],2)]),_:3},8,[`class`]))}}),We=Ue,Ge=C({__name:`UtoolsBaseLayout`,setup(t){return(t,n)=>{let i=e,a=r,o=c;return F(),g(o,{class:`h-screen min-h-0`},{default:J(()=>[S(i,{width:`auto`},{default:J(()=>[B(t.$slots,`left`)]),_:3}),S(o,{class:A([`min-h-0`,[K(X)(`utools`,`main-content`)]])},{default:J(()=>[S(a,{class:A([`h-full overflow-hidden`,[K(X)(`utools`,`main-content-area`)]])},{default:J(()=>[B(t.$slots,`default`)]),_:3},8,[`class`])]),_:3},8,[`class`])]),_:3})}}}),Ke=Ge;const qe={class:`utools`},Je={class:`title`},Ye={class:`flex justify-end h-full pr-3 w-full`},Xe={class:`content`},Ze={class:`content-inner`},Qe={class:`flex items-center justify-center`,style:{"font-size":`10px`}};var $e=C({__name:`UtoolsLayout`,props:{avatar:{default:`https://www.u-tools.cn/assets/favicon.png`},loadRouter:{},refreshEventListener:{type:Boolean},title:{default:`utools demo`}},setup(e){let n=R(),r=R(!0);return(e,i)=>{let a=t,o=V(`router-view`);return F(),v(`div`,qe,[S(Ke,null,{left:J(()=>[y(`div`,{class:A(K(X)(`utools`,`left-menu`))},[y(`div`,{class:A([`flex items-center justify-center`,K(X)(`utools`,`left-menu`,`collapse`)]),onClick:i[0]||=e=>n.value?.changeCollapsed()},[y(`div`,{class:A([`w-5 h-5 font-bold`,r.value?`i-u-expandLeft`:`i-u-expandRight`])},null,2)],2),S(K(Ae),O({ref_key:`leftMenuRef`,ref:n},{loadRouter:e.loadRouter,refreshEventListener:e.refreshEventListener},{collapsed:r.value,"onUpdate:collapsed":i[1]||=e=>r.value=e,hideOperations:``}),{logo:J(()=>[S(a,{image:e.avatar},null,8,[`image`]),y(`div`,Je,H(e.title),1)]),_:1},16,[`collapsed`])],2)]),default:J(()=>[y(`div`,{class:A(K(X)(`utools`,`content-wrapper`))},[y(`div`,Ye,[B(e.$slots,`header-tips`)]),y(`div`,Xe,[y(`div`,Ze,[S(o)])]),B(e.$slots,`footer`,{},()=>[y(`div`,Qe,` © `+H(new Date().getFullYear())+` [xiaou]。保留所有权利 `,1)])],2)]),_:3})])}}}),et=$e,tt=C({__name:`PageHeader`,props:{title:{default:``},subtitle:{default:``},size:{default:`default`}},emits:[`back`],setup(e){let t=e,r=Z(`page-header`),a=h(()=>{let e=[r()];return t.size!==`default`&&e.push(r(t.size)),e}),o=h(()=>ue(`onBack`));return(e,t)=>{let c=s,l=n,u=i;return F(),v(`div`,{class:A(a.value)},[y(`div`,{class:A([`flex items-center`,K(r)(`header`)])},[o.value||e.$slots.prefix?B(e.$slots,`prefix`,{key:0},()=>[S(l,{class:A(K(r)(`header`,`back`)),shape:`square`,variant:`text`,onClick:t[0]||=t=>e.$emit(`back`)},{icon:J(()=>[S(c,{class:`i-u-left`})]),_:1},8,[`class`])]):_(``,!0),y(`div`,{class:A(K(r)(`title`))},[B(e.$slots,`title`,{},()=>[x(H(e.title),1)])],2),S(u,{class:A(K(r)(`divider`)),layout:`vertical`},null,8,[`class`]),y(`div`,{class:A(K(r)(`subtitle`))},[B(e.$slots,`subtitle`,{},()=>[x(H(e.subtitle),1)])],2)],2),e.$slots.extra?(F(),v(`div`,{key:0,class:A(K(r)(`extra`))},[B(e.$slots,`extra`)],2)):_(``,!0)],2)}}}),nt=tt;const rt={class:`flex justify-between items-center`};var it=C({__name:`SettingItem`,props:{title:{},desc:{},click:{type:Boolean},vip:{type:Boolean},minName:{type:Boolean},background:{default:`var(--u-bg-color-3)`}},setup(e){let t=te(),n=h(()=>`onClick`in t||`onClickCapture`in t),r=h(()=>{let e=[];return e.push(X(`setting-item`)),n.value&&e.push(`cursor-pointer`),e});return(e,t)=>(F(),v(`div`,O({class:r.value},U({...n.value&&{click:e.$attrs.onClick||e.$attrs.onClickCapture}},!0)),[y(`div`,rt,[y(`div`,null,[y(`div`,{class:A([`u-fx u-gap5 u-fac`,K(X)(`setting-item-title`)])},[B(e.$slots,`title`,{},()=>[x(H(e.title),1)])],2),B(e.$slots,`desc`,{},()=>[y(`div`,{class:A(K(X)(`setting-item-desc`))},H(e.desc),3)])]),y(`div`,null,[B(e.$slots,`default`)])]),y(`div`,null,[B(e.$slots,`extra`)])],16))}}),at=it,ot=C({__name:`SettingDivision`,setup(e){return(e,t)=>(F(),v(`div`,{class:A(K(X)(`setting-division`))},null,2))}}),st=ot;const ct={key:0};var lt=C({__name:`SettingGroup`,props:{title:{}},setup(e){return(e,t)=>(F(),v(`div`,{class:A([K(X)(`setting-group`)])},[y(`div`,{class:A(K(X)(`setting-group-header`))},[y(`div`,{class:A(K(X)(`setting-group-title`))},H(e.title),3),e.$slots.desc?(F(),v(`div`,ct,[B(e.$slots,`desc`)])):_(``,!0)],2),y(`div`,null,[B(e.$slots,`default`)])],2))}}),ut=lt,dt=C({name:`SwitchEnable`,inheritAttrs:!1,__name:`SwitchEnable`,props:D({value:{type:Boolean},color:{default:`green`},beforeChange:{},customValue:{},disabled:{type:Boolean},label:{},loading:{type:Boolean},size:{default:`large`},defaultValue:{},modelValue:{},onChange:{}},{value:{type:Boolean,default:!1},valueModifiers:{}}),emits:D([`change`],[`update:value`]),setup(e,{emit:t}){let n=e,r=t,i=q(e,`value`),a=(e,t)=>{r(`change`,e,t)},o=(e,t)=>t.value?S(`span`,{class:`i-u-check`,style:`width: 10px; height: 10px;`},null):S(`span`,{class:`i-u-close`,style:`width: 10px; height: 10px;`},null);return(e,t)=>{let r=f;return F(),g(r,O({class:[`u-web-switch`,{"u-web-switch-green":n.color===`green`}]},{...n,value:void 0},{modelValue:i.value,"onUpdate:modelValue":t[0]||=e=>i.value=e,onChange:a,label:o}),null,16,[`class`,`modelValue`])}}}),ft=dt;const pt=[`aria-checked`,`disabled`];var mt=C({name:`SwitchPlus`,__name:`SwitchPlus`,props:D({modelValue:{type:[String,Number,Boolean]},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:`circle`},size:{default:`medium`},checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},checkedColor:{},uncheckedColor:{},beforeChange:{},checkedText:{},uncheckedText:{}},{value:{type:[String,Number,Boolean],default:!1},valueModifiers:{}}),emits:D([`update:modelValue`,`change`,`focus`,`blur`],[`update:value`]),setup(e,{emit:t}){let n=q(e,`value`),r=e,i=t,a=ne(),{size:o}=W(r),s=Z(`switch-plus`),c=s(),l=h(()=>r.disabled),u=h(()=>r.size);n.value===!1&&r.defaultChecked&&(n.value=r.checkedValue);let d=h(()=>n.value===r.checkedValue),f=R(!1),m=h(()=>f.value||r.loading),g=(e,t)=>{let a=e?r.checkedValue:r.uncheckedValue;n.value=a,i(`change`,a,t)},b=async e=>{if(m.value||l.value)return;let t=!d.value,n=t?r.checkedValue:r.uncheckedValue,i=r.beforeChange;if(de(i)){f.value=!0;try{let r=await i(n);(r??!0)&&g(t,e)}finally{f.value=!1}}else g(t,e)},S=e=>{i(`focus`,e)},C=e=>{i(`blur`,e)};re(n,e=>{(pe(e)||fe(e))&&(n.value=r.uncheckedValue)});let w=h(()=>[c,`${c}-type-${r.type}`,{[`${c}-medium`]:u.value===`medium`,[`${c}-small`]:u.value===`small`,[`${c}-mini`]:u.value===`mini`,[`${c}-checked`]:d.value,[`${c}-disabled`]:l.value,[`${c}-loading`]:m.value,[`${c}-custom-color`]:r.type===`line`&&(r.checkedColor||r.uncheckedColor)}]),T=h(()=>{if(d.value&&r.checkedColor)return r.type===`line`?{"--custom-color":r.checkedColor}:{backgroundColor:r.checkedColor};if(!d.value&&r.uncheckedColor)return r.type===`line`?{"--custom-color":r.uncheckedColor}:{backgroundColor:r.uncheckedColor}}),E=h(()=>{if(!m.value){if(d.value&&r.checkedColor)return{color:r.checkedColor};if(!d.value&&r.uncheckedColor)return{color:r.uncheckedColor}}});return(e,t)=>(F(),v(`button`,{type:`button`,role:`switch`,"aria-checked":d.value,class:A(w.value),style:j(T.value),disabled:l.value||m.value,onClick:b,onFocus:S,onBlur:C},[y(`span`,{class:A(`${K(c)}-handle`),style:j(E.value)},[y(`span`,{class:A(`${K(c)}-handle-icon`)},[m.value?(F(),v(`span`,{key:0,class:A([`i-u-loading`,`${K(c)}-loading-icon`])},null,2)):(F(),v(p,{key:1},[d.value?B(e.$slots,`checked-icon`,{key:0}):B(e.$slots,`unchecked-icon`,{key:1})],64))],2)],6),e.type!==`line`&&K(o)!==`small`&&(K(a).checked||e.checkedText||K(a).unchecked||e.uncheckedText)?(F(),v(p,{key:0},[y(`span`,{class:A(`${K(c)}-text-holder`)},[d.value?B(e.$slots,`checked`,{key:0},()=>[x(H(e.checkedText),1)]):B(e.$slots,`unchecked`,{key:1},()=>[x(H(e.uncheckedText),1)])],2),y(`span`,{class:A(`${K(c)}-text`)},[d.value?B(e.$slots,`checked`,{key:0},()=>[x(H(e.checkedText),1)]):B(e.$slots,`unchecked`,{key:1},()=>[x(H(e.uncheckedText),1)])],2)],64)):_(``,!0)],46,pt))}}),ht=mt,gt=C({__name:`SwitchPlusEnable`,props:D({modelValue:{type:[String,Number,Boolean]},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},type:{default:`circle`},size:{default:`medium`},checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},checkedColor:{default:`#10b981`},uncheckedColor:{},beforeChange:{},checkedText:{},uncheckedText:{}},{value:{type:[String,Number,Boolean],default:!1},valueModifiers:{}}),emits:[`update:value`],setup(e){let t=q(e,`value`),n=e;return(e,r)=>(F(),g(ht,O({value:t.value,"onUpdate:value":r[0]||=e=>t.value=e},n),{"checked-icon":J(()=>r[1]||=[y(`span`,{style:{width:`14px`,height:`14px`},class:`i-u-checkSmall`},null,-1)]),"unchecked-icon":J(()=>r[2]||=[y(`span`,{style:{width:`14px`,height:`14px`},class:`i-u-closeSmall`},null,-1)]),_:1},16,[`value`]))}}),_t=gt;export{Me as ContextMenu,Re as ContextMenuDivider,Ie as ContextMenuGroup,Pe as ContextMenuItem,Be as ContextMenuSubmenu,Ae as LeftMenu,_e as LeftMenuEventDispatch,ge as LeftMenuEvents,nt as PageHeader,st as SettingDivision,ut as SettingGroup,at as SettingItem,We as SplitPanel,ft as SwitchEnable,ht as SwitchPlus,_t as SwitchPlusEnable,Ke as UtoolsBaseLayout,et as UtoolsLayout,he as WebBaseLayout,He as WebLayout,Z as getBuildCurrentClassPrefix,X as getClassPrefix,ue as isEventExist,de as isFunction,fe as isNull,pe as isUndefined};
|
package/dist/u-web-ui.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,153,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--u-bg-color:#f4f4f4;--u-bg-color-2:#fafbfb;--u-bg-color-3:#fff;--u-bg-color-3-hover:rgb(var(--gray-3),.5);--u-bg-color-3-active:rgb(var(--gray-3),.8);--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px;--u-shadow-lg:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--u-radius-small:4px;--u-radius-default:6px;--u-radius-medium:8px;--u-radius-large:10px;--u-radius-circle:50%;--u-text-color:var(--td-font-gray-1);--u-text-color-tips:#8a939f;--u-text-color-3:#86909c;--u-text-color-hover:#0052d9;--u-text-color-primary:var(--td-font-gray-1);--u-text-color-secondary:var(--td-font-gray-2);--u-text-color-placeholder:var(--td-font-gray-3);--u-text-color-disabled:var(--td-font-gray-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-7);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}html[theme-mode=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--u-bg-color:#303133;--u-bg-color-2:#2e2e30;--u-bg-color-3:#2a2a2b;--u-bg-color-3-hover:rgb(var(--gray-3),.65);--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#484849;--u-color-neutral-3:#e5e6ec;--u-text-color:var(--td-font-white-1);--u-text-color-tips:#8a939f;--u-text-color-primary:var(--td-font-white-1);--u-text-color-secondary:var(--td-font-white-2);--u-text-color-placeholder:var(--td-font-white-3);--u-text-color-disabled:var(--td-font-white-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-8);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}.u-t-input .t-input{border-color:#0000;transition:border-color .25s linear}.u-t-input .t-input:hover{border-color:var(--td-border-level-2-color)}.u-t-input .t-input:focus{box-shadow:none}.u-t-input .t-input--focused{box-shadow:none;border-color:var(--td-brand-color)!important}.u-t-collapse{background-color:#0000;border:none}.u-t-collapse .t-collapse-panel__header{border-bottom:none;padding:8px 13px}.u-t-collapse .t-collapse-panel__body{background:0 0;border-bottom:none}.u-t-collapse .t-collapse-panel__body .t-collapse-panel__content{color:var(--u-text-color);padding:0 6px 0 14px}.u-slider-green .t-slider__button{background:rgb(var(--green-4));border-color:rgb(var(--green-4))}.u-slider-green .t-slider__button--dragging,.u-slider-green .t-slider__button:hover{background-color:rgb(var(--green-5));border-color:rgb(var(--green-5))}.u-slider-blue .t-slider__button{background:rgb(var(--blue-5));border-color:rgb(var(--blue-5))}.u-slider-blue .t-slider__button--dragging,.u-slider-blue .t-slider__button:hover{border-color:rgb(var(--blue-6));background-color:rgb(var(--blue-6))!important}.u-slider-no-fill .t-slider__track{background:0 0}.u-slider .t-slider__rail,.u-slider .t-slider__track{height:8px}.u-slider .t-slider__button{transition:all .2s linear}.u-slider .t-slider__button--dragging{box-shadow:none;transform:scale(1.25)}.u-web-radio-group.t-size-m .t-radio-button{height:24px}.t-notification__content{max-height:100%!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-u-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 11L16.875 37L5 25.1818' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-checkSmall{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 24L20 34L40 14' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8L40 40' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 40L40 8' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-closeSmall{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14L34 34' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 34L34 14' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandLeft{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9C6 7.34315 7.34315 6 9 6H39C40.6569 6 42 7.34315 42 9V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M32 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20L20 24L16 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 6H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 42H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandRight{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='36' height='36' rx='3' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 6H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 42H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 20L28 24L32 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 36L19 24L31 12' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.visible{visibility:visible}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-5{width:1.25rem}.w-full{width:100%}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.pr-3{padding-right:.75rem}.font-bold{font-weight:700}.blur{--un-blur:blur(8px);filter:var(--un-blur)var(--un-brightness)var(--un-contrast)var(--un-drop-shadow)var(--un-grayscale)var(--un-hue-rotate)var(--un-invert)var(--un-saturate)var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.u-web-main-content{background:var(--u-bg-color)}.u-web-main-content-inner{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}.u-web-context-menu-trigger{display:contents}.u-web-context-menu-mask{z-index:999;background:0 0;position:fixed;inset:0}.u-web-context-menu-menu{z-index:1000;background:var(--u-bg-color-3);border:1px solid var(--gray-3);border-radius:var(--u-radius-default);width:max-content;min-width:100px;box-shadow:var(--u-shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.u-web-context-menu-submenu-popup{z-index:1001;position:absolute;top:0;left:100%}.u-web-context-menu-item{color:var(--u-text-color);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;margin:0 4px;padding:6px 12px;font-size:14px;line-height:22px;transition:all .2s;display:flex;position:relative}.u-web-context-menu-item:hover{background-color:var(--u-bg-color-3-hover)}.u-web-context-menu-item:active{background-color:var(--u-bg-color-3-active)}.u-web-context-menu-item-disabled{color:var(--u-text-color-disabled);cursor:not-allowed}.u-web-context-menu-item-disabled:hover{background-color:#0000}.u-web-context-menu-item-danger{color:var(--u-text-color-danger)}.u-web-context-menu-item-danger:hover{background-color:rgba(var(--red-5),.1)}.u-web-context-menu-item-icon{margin-right:8px;font-size:14px}.u-web-context-menu-item-label{flex:1}.u-web-context-menu-submenu{position:relative}.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-4));margin-left:8px;font-size:10px;transition:color 90ms linear}.u-web-context-menu-submenu-active{background-color:#0000000a}.u-web-context-menu-submenu-active>.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-6))}.u-web-context-menu-submenu-disabled .u-web-context-menu-submenu-arrow{color:rgb(var(--gray-3))}.u-web-context-menu-group-title{color:var(--u-text-color-secondary);padding:4px 6px;font-size:12px;font-weight:500;line-height:20px}.u-web-context-menu-group:not(:first-child){border-top:1px solid var(--u-color-neutral-2);margin-top:2px;padding-top:2px}.u-web-context-menu-divider{background-color:var(--u-color-neutral-2);height:1px;margin:4px 0}.u-web-split-panel{width:100%;height:100%;display:flex}.u-web-split-panel-horizontal{flex-direction:row}.u-web-split-panel-vertical{flex-direction:column}.u-web-split-panel-pane{overflow:hidden}.u-web-split-panel-pane-second{flex:1;min-width:0;min-height:0}.u-web-split-trigger{background:var(--u-bg-color-2,#f0f0f0);border:1px solid var(--u-color-neutral-3,#e0e0e0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.u-web-split-trigger:hover:not(.u-web-split-trigger-disabled){background:var(--u-bg-color-3-hover,#e8e8e8)}.u-web-split-trigger-horizontal{cursor:col-resize;width:6px;margin:0 1px}.u-web-split-trigger-horizontal .u-web-split-trigger-icon{flex-direction:column;gap:2px;display:flex}.u-web-split-trigger-horizontal .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:2px;height:12px}.u-web-split-trigger-vertical{cursor:row-resize;height:6px;margin:1px 0}.u-web-split-trigger-vertical .u-web-split-trigger-icon{flex-direction:row;gap:2px;display:flex}.u-web-split-trigger-vertical .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:12px;height:2px}.u-web-split-trigger-disabled{cursor:not-allowed;opacity:.5}.u-web-split-trigger-disabled:hover{background:var(--u-bg-color-2,#f0f0f0)}.utools{height:100%}.utools .t-is-collapsed .t-menu__logo .title{display:none}.utools .t-is-collapsed .t-menu__logo>*{margin-left:0!important}.utools .t-is-collapsed .t-menu__logo:not(:empty){border-bottom:none;justify-content:center}.utools .t-menu__logo{padding:0 8px}.utools .t-default-menu__inner .t-menu{padding:12px 6px}.utools .t-default-menu{background:var(--u-bg-color)}.utools .t-default-menu .t-menu__item.t-is-active:not(.t-is-opened),.utools .t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--u-bg-color-2)}.u-web-utools-left-menu{width:100%;height:100%;position:relative}.u-web-utools-left-menu .u-web-utools-left-menu-collapse{z-index:888;border-radius:var(--u-radius-circle);background-color:var(--u-bg-color-2);cursor:pointer;width:32px;height:32px;color:var(--u-text-color-3);padding:4px;transition:all .28s linear;position:absolute;top:8px;right:-32px}.u-web-utools-left-menu .u-web-utools-left-menu-collapse:hover{color:var(--u-text-color-hover);box-shadow:0 1px 2px #0000001a}.u-web-utools-content-wrapper{box-sizing:border-box;background:var(--u-bg-color);grid-template-rows:24px calc(100vh - 39px) 15px;grid-template-columns:1fr;width:100%;height:100%;min-height:100vh;display:grid;overflow:auto hidden}.u-web-utools-content-wrapper .content{width:100%;padding:4px}.u-web-utools-content-wrapper .content .content-inner{border-radius:var(--u-radius-medium);background-color:var(--u-bg-color-2);width:100%;height:100%;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.u-web-page-header{background:var(--u-bg-color-2);border-bottom:1px solid var(--u-color-neutral-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.u-web-page-header-small{padding:14px 16px 12px}.u-web-page-header-small .u-web-page-header-title{font-size:16px}.u-web-page-header-small .u-web-page-header-header-back .t-icon{font-size:18px}.u-web-page-header-large{padding:20px 24px}.u-web-page-header-large .u-web-page-header-title{font-size:20px}.u-web-page-header-large .u-web-page-header-header-back .t-icon{font-size:24px}.u-web-page-header-header{gap:6px}.u-web-page-header-header-back .t-icon{font-size:20px}.u-web-page-header-subtitle{color:var(--u-text-color-secondary)}.u-web-page-header-divider{height:20px}.u-web-page-header-title{color:var(--u-text-color);font-size:18px;font-weight:500;line-height:1.5}.u-web-page-header-extra{align-items:center;gap:16px;display:flex}.u-web-setting-item{background:var(--u-bg-color-3);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.u-web-setting-item:hover{background:rgb(var(--gray-2),.5)}.u-web-setting-item-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.u-web-setting-item-desc{color:var(--u-text-color-tips);font-size:12px}.u-web-division{border-bottom:1px dashed var(--u-color-neutral-2)}.u-web-setting-group>div:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.u-web-setting-group>div:last-child:hover{box-shadow:0 3px 5px #0000000a}.u-web-setting-group-header,.u-web-setting-group-title{margin-bottom:.5rem}.u-web-setting-group-title{border-left:2px solid rgb(var(--u-blue-5));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.u-web-switch-green{transition:background-color .2s linear}.u-web-switch-green.t-is-checked{background-color:rgba(var(--green-5))}.u-web-switch-green.t-is-checked:hover{background-color:rgba(var(--green-6))}@keyframes switch-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.switch-slide-text-enter-from{left:-100%!important}.switch-slide-text-enter-to{left:8px!important}.switch-slide-text-enter-active{transition:left .2s}.switch-slide-text-leave-from{left:100%!important}.switch-slide-text-leave-to{left:30px!important}.switch-slide-text-leave-active{transition:left .2s}.u-web-switch-plus{box-sizing:border-box;vertical-align:middle;background-color:rgb(var(--gray-4));cursor:pointer;border:none;border-radius:14px;outline:none;min-width:44px;height:28px;padding:0;line-height:28px;transition:background-color .2s;position:relative;overflow:hidden}.u-web-switch-plus-handle{width:20px;height:20px;color:rgb(var(--gray-6));background-color:var(--u-bg-color-3);box-shadow:var(--u-shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;left:4px}.u-web-switch-plus-checked{background-color:rgb(var(--blue-5))}.u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--blue-5));left:calc(100% - 24px)}.u-web-switch-plus[disabled] .u-web-switch-plus-handle,.u-web-switch-plus[disabled].u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--gray-5))}.u-web-switch-plus-text-holder{opacity:0;margin:0 8px 0 30px;font-size:12px}.u-web-switch-plus-text{color:rgb(var(--gray-6));font-size:12px;position:absolute;top:0;left:30px}.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 30px 0 8px}.u-web-switch-plus-checked .u-web-switch-plus-text{color:var(--u-bg-color-3);left:8px}.u-web-switch-plus[disabled]{background-color:rgb(var(--gray-3));cursor:not-allowed}.u-web-switch-plus[disabled] .u-web-switch-plus-text{color:rgb(var(--gray-5))}.u-web-switch-plus[disabled].u-web-switch-plus-checked{background-color:rgb(var(--gray-4))}.u-web-switch-plus[disabled].u-web-switch-plus-checked .u-web-switch-plus-text{color:rgb(var(--gray-5))}.u-web-switch-plus-loading{background-color:rgb(var(--gray-4))}.u-web-switch-plus-loading .u-web-switch-plus-handle,.u-web-switch-plus-loading .u-web-switch-plus-text{color:rgb(var(--gray-6))}.u-web-switch-plus-loading.u-web-switch-plus-checked{background-color:rgb(var(--blue-6))}.u-web-switch-plus-loading.u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--blue-5))}.u-web-switch-plus-loading.u-web-switch-plus-checked .u-web-switch-plus-text{color:var(--u-bg-color-3)}.u-web-switch-plus-loading-icon{animation:1s linear infinite switch-loading-spin;display:inline-block}.u-web-switch-plus-medium{min-width:38px;height:24px;line-height:24px}.u-web-switch-plus-medium.u-web-switch-plus-checked{padding-left:-4px}.u-web-switch-plus-medium .u-web-switch-plus-handle{border-radius:12px;width:16px;height:16px;top:4px;left:4px}.u-web-switch-plus-medium .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 20px)}.u-web-switch-plus-medium .u-web-switch-plus-text-holder{margin:0 8px 0 26px}.u-web-switch-plus-medium .u-web-switch-plus-text{left:26px}.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 26px 0 8px}.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-text{left:8px}.u-web-switch-plus-small{min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-small.u-web-switch-plus-checked{padding-left:-3px}.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:10px;width:14px;height:14px;top:3px;left:3px}.u-web-switch-plus-small .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.66667)}.u-web-switch-plus-small.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 17px)}.u-web-switch-plus-mini{min-width:26px;height:16px;line-height:16px}.u-web-switch-plus-mini.u-web-switch-plus-checked{padding-left:-3px}.u-web-switch-plus-mini .u-web-switch-plus-handle{border-radius:8px;width:10px;height:10px;top:3px;left:3px}.u-web-switch-plus-mini .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 13px)}.u-web-switch-plus-mini .u-web-switch-plus-text-holder{margin:0 6px 0 17px;font-size:10px}.u-web-switch-plus-mini .u-web-switch-plus-text{font-size:10px;left:17px}.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 17px 0 6px}.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-text{left:6px}.u-web-switch-plus-type-round{border-radius:var(--u-radius-small);min-width:44px}.u-web-switch-plus-type-round .u-web-switch-plus-handle{border-radius:2px}.u-web-switch-plus-type-round.u-web-switch-plus-medium{border-radius:var(--u-radius-small);min-width:38px}.u-web-switch-plus-type-round.u-web-switch-plus-medium .u-web-switch-plus-handle{border-radius:2px}.u-web-switch-plus-type-round.u-web-switch-plus-small{border-radius:2px;min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-type-round.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:1px}.u-web-switch-plus-type-round.u-web-switch-plus-mini{border-radius:2px;min-width:26px}.u-web-switch-plus-type-round.u-web-switch-plus-mini .u-web-switch-plus-handle{border-radius:1px}.u-web-switch-plus-type-line{min-width:44px;overflow:unset;background-color:#0000}.u-web-switch-plus-type-line:after{background-color:rgb(var(--gray-4));content:"";border-radius:2px;width:100%;height:4px;transition:background-color .2s;display:block}.u-web-switch-plus-type-line .u-web-switch-plus-handle{background-color:var(--u-bg-color-3);width:18px;height:18px;box-shadow:var(--u-shadow-sm);border-radius:9px;top:5px;left:0}.u-web-switch-plus-type-line.u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-checked:after{background-color:rgb(var(--blue-5))}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color{--custom-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color:after{background-color:var(--custom-color)}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color.u-web-switch-plus-checked{--custom-color:rgb(var(--blue-5))}.u-web-switch-plus-type-line.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 18px)}.u-web-switch-plus-type-line.u-web-switch-plus-medium{min-width:38px}.u-web-switch-plus-type-line.u-web-switch-plus-medium .u-web-switch-plus-handle{border-radius:7px;width:14px;height:14px;top:5px}.u-web-switch-plus-type-line.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 14px)}.u-web-switch-plus-type-line[disabled]{cursor:not-allowed;background-color:#0000}.u-web-switch-plus-type-line[disabled]:after{background-color:rgb(var(--gray-3))}.u-web-switch-plus-type-line[disabled].u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line[disabled].u-web-switch-plus-checked:after{background-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-loading{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-loading:after{background-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-loading.u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-loading.u-web-switch-plus-checked:after{background-color:rgb(var(--blue-6))}.u-web-switch-plus-type-line.u-web-switch-plus-small{min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-type-line.u-web-switch-plus-small.u-web-switch-plus-checked{padding-left:-4px}.u-web-switch-plus-type-line.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:10px;width:12px;height:12px;top:4px}.u-web-switch-plus-type-line.u-web-switch-plus-small .u-web-switch-plus-handle-icon{transform:translate(-50%,-50%)scale(1)}.u-web-switch-plus-type-line.u-web-switch-plus-small.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 12px)}.u-web-switch-plus-type-line.u-web-switch-plus-mini{min-width:26px}.u-web-switch-plus-type-line.u-web-switch-plus-mini .u-web-switch-plus-handle{border-radius:4px;width:8px;height:8px;top:4px}.u-web-switch-plus-type-line.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 8px)}
|
|
1
|
+
:root{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,153,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--u-bg-color:#f4f4f4;--u-bg-color-2:#fafbfb;--u-bg-color-3:#fff;--u-bg-color-3-hover:rgb(var(--gray-3),.5);--u-bg-color-3-active:rgb(var(--gray-3),.8);--u-blue-7:13,66,210;--u-blue-6:22,93,255;--u-blue-5:64,128,255;--u-wechat-color:#2ba471;--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#f2f3f5;--u-color-neutral-3:#e5e6ec;--u-shadow-sm:#0000001a 0px 1px 2px 0px;--u-shadow-lg:0 6px 16px 0 #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;--u-radius-small:4px;--u-radius-default:6px;--u-radius-medium:8px;--u-radius-large:10px;--u-radius-circle:50%;--u-text-color:var(--td-font-gray-1);--u-text-color-tips:#8a939f;--u-text-color-3:#86909c;--u-text-color-hover:#0052d9;--u-text-color-primary:var(--td-font-gray-1);--u-text-color-secondary:var(--td-font-gray-2);--u-text-color-placeholder:var(--td-font-gray-3);--u-text-color-disabled:var(--td-font-gray-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-7);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}html[theme-mode=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--u-bg-color:#303133;--u-bg-color-2:#2e2e30;--u-bg-color-3:#2a2a2b;--u-bg-color-3-hover:rgb(var(--gray-3),.65);--u-color-neutral-1:#f7f8fa;--u-color-neutral-2:#484849;--u-color-neutral-3:#e5e6ec;--u-text-color:var(--td-font-white-1);--u-text-color-tips:#8a939f;--u-text-color-primary:var(--td-font-white-1);--u-text-color-secondary:var(--td-font-white-2);--u-text-color-placeholder:var(--td-font-white-3);--u-text-color-disabled:var(--td-font-white-4);--u-text-color-anti:#fff;--u-text-color-brand:var(--td-brand-color-8);--u-text-color-link:var(--td-brand-color-8);--u-text-color-danger:rgb(var(--red-6))}.u-t-input .t-input{border-color:#0000;transition:border-color .25s linear}.u-t-input .t-input:hover{border-color:var(--td-border-level-2-color)}.u-t-input .t-input:focus{box-shadow:none}.u-t-input .t-input--focused{box-shadow:none;border-color:var(--td-brand-color)!important}.u-t-collapse{background-color:#0000;border:none}.u-t-collapse .t-collapse-panel__header{border-bottom:none;padding:8px 13px}.u-t-collapse .t-collapse-panel__body{background:0 0;border-bottom:none}.u-t-collapse .t-collapse-panel__body .t-collapse-panel__content{color:var(--u-text-color);padding:0 6px 0 14px}.u-slider-green .t-slider__button{background:rgb(var(--green-4));border-color:rgb(var(--green-4))}.u-slider-green .t-slider__button--dragging,.u-slider-green .t-slider__button:hover{background-color:rgb(var(--green-5));border-color:rgb(var(--green-5))}.u-slider-blue .t-slider__button{background:rgb(var(--blue-5));border-color:rgb(var(--blue-5))}.u-slider-blue .t-slider__button--dragging,.u-slider-blue .t-slider__button:hover{border-color:rgb(var(--blue-6));background-color:rgb(var(--blue-6))!important}.u-slider-no-fill .t-slider__track{background:0 0}.u-slider .t-slider__rail,.u-slider .t-slider__track{height:8px}.u-slider .t-slider__button{transition:all .2s linear}.u-slider .t-slider__button--dragging{box-shadow:none;transform:scale(1.25)}.u-web-radio-group.t-size-m .t-radio-button{height:24px}.t-notification__content{max-height:100%!important}.t-divider--horizontal.u-web-divider-mini{margin:var(--td-comp-margin-s)0}.t-divider--horizontal.u-web-divider-small{margin:var(--td-comp-margin-m)0}.t-divider--horizontal.u-web-divider-medium{margin:var(--td-comp-margin-xl)0}.t-divider--horizontal.u-web-divider-large{margin:var(--td-comp-margin-xxl)0}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-weight:400}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.i-u-check{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 11L16.875 37L5 25.1818' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-checkSmall{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 24L20 34L40 14' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-close{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 8L40 40' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 40L40 8' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-closeSmall{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 14L34 34' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 34L34 14' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandLeft{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9C6 7.34315 7.34315 6 9 6H39C40.6569 6 42 7.34315 42 9V39C42 40.6569 40.6569 42 39 42H9C7.34315 42 6 40.6569 6 39V9Z' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M32 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 20L20 24L16 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 6H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26 42H38' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-expandRight{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='6' y='6' width='36' height='36' rx='3' fill='none' stroke='currentColor' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M18 6V42' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 6H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11 42H36' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32 20L28 24L32 28' stroke='%23333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-left{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31 36L19 24L31 12' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.i-u-loading{--un-icon:url("data:image/svg+xml;utf8,%3Csvg display='inline-block' vertical-align='middle' width='24' height='24' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 24C4 35.0457 12.9543 44 24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask:var(--un-icon)no-repeat;-webkit-mask:var(--un-icon)no-repeat;mask:var(--un-icon)no-repeat;color:inherit;vertical-align:middle;background-color:currentColor;width:24px;height:24px;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%}.visible{visibility:visible}.h-5{height:1.25rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:0}.w-5{width:1.25rem}.w-full{width:100%}.flex{display:flex}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.px{padding-left:1rem;padding-right:1rem}.pr-3{padding-right:.75rem}.font-bold{font-weight:700}.blur{--un-blur:blur(8px);filter:var(--un-blur)var(--un-brightness)var(--un-contrast)var(--un-drop-shadow)var(--un-grayscale)var(--un-hue-rotate)var(--un-invert)var(--un-saturate)var(--un-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:800px){.ut\:p-2{padding:.5rem}}@media (min-width:1280px){.xl\:p-4{padding:1rem}}.u-web-main-content{background:var(--u-bg-color)}.u-web-main-content-inner{background-color:var(--u-bg-color);border-radius:.5rem;height:100%;padding:4px;overflow:hidden auto}.u-web-context-menu-trigger{display:contents}.u-web-context-menu-mask{z-index:999;background:0 0;position:fixed;inset:0}.u-web-context-menu-menu{z-index:1000;background:var(--u-bg-color-3);border:1px solid var(--gray-3);border-radius:var(--u-radius-default);width:max-content;min-width:100px;box-shadow:var(--u-shadow-lg);-webkit-user-select:none;user-select:none;padding:4px 0;position:fixed}.u-web-context-menu-submenu-popup{z-index:1001;position:absolute;top:0;left:100%}.u-web-context-menu-item{color:var(--u-text-color);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;margin:0 4px;padding:6px 12px;font-size:14px;line-height:22px;transition:all .2s;display:flex;position:relative}.u-web-context-menu-item:hover{background-color:var(--u-bg-color-3-hover)}.u-web-context-menu-item:active{background-color:var(--u-bg-color-3-active)}.u-web-context-menu-item-disabled{color:var(--u-text-color-disabled);cursor:not-allowed}.u-web-context-menu-item-disabled:hover{background-color:#0000}.u-web-context-menu-item-danger{color:var(--u-text-color-danger)}.u-web-context-menu-item-danger:hover{background-color:rgba(var(--red-5),.1)}.u-web-context-menu-item-icon{margin-right:8px;font-size:14px}.u-web-context-menu-item-label{flex:1}.u-web-context-menu-submenu{position:relative}.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-4));margin-left:8px;font-size:10px;transition:color 90ms linear}.u-web-context-menu-submenu-active{background-color:#0000000a}.u-web-context-menu-submenu-active>.u-web-context-menu-submenu-arrow{color:rgb(var(--gray-6))}.u-web-context-menu-submenu-disabled .u-web-context-menu-submenu-arrow{color:rgb(var(--gray-3))}.u-web-context-menu-group-title{color:var(--u-text-color-secondary);padding:4px 6px;font-size:12px;font-weight:500;line-height:20px}.u-web-context-menu-group:not(:first-child){border-top:1px solid var(--u-color-neutral-2);margin-top:2px;padding-top:2px}.u-web-context-menu-divider{background-color:var(--u-color-neutral-2);height:1px;margin:4px 0}.u-web-split-panel{width:100%;height:100%;display:flex}.u-web-split-panel-horizontal{flex-direction:row}.u-web-split-panel-vertical{flex-direction:column}.u-web-split-panel-pane{overflow:hidden}.u-web-split-panel-pane-second{flex:1;min-width:0;min-height:0}.u-web-split-trigger{background:var(--u-bg-color-2,#f0f0f0);border:1px solid var(--u-color-neutral-3,#e0e0e0);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:relative}.u-web-split-trigger:hover:not(.u-web-split-trigger-disabled){background:var(--u-bg-color-3-hover,#e8e8e8)}.u-web-split-trigger-horizontal{cursor:col-resize;width:6px;margin:0 1px}.u-web-split-trigger-horizontal .u-web-split-trigger-icon{flex-direction:column;gap:2px;display:flex}.u-web-split-trigger-horizontal .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:2px;height:12px}.u-web-split-trigger-vertical{cursor:row-resize;height:6px;margin:1px 0}.u-web-split-trigger-vertical .u-web-split-trigger-icon{flex-direction:row;gap:2px;display:flex}.u-web-split-trigger-vertical .u-web-split-trigger-line{background:var(--u-text-color-placeholder,#999);border-radius:1px;width:12px;height:2px}.u-web-split-trigger-disabled{cursor:not-allowed;opacity:.5}.u-web-split-trigger-disabled:hover{background:var(--u-bg-color-2,#f0f0f0)}.utools{height:100%}.utools .t-is-collapsed .t-menu__logo .title{display:none}.utools .t-is-collapsed .t-menu__logo>*{margin-left:0!important}.utools .t-is-collapsed .t-menu__logo:not(:empty){border-bottom:none;justify-content:center}.utools .t-menu__logo{padding:0 8px}.utools .t-default-menu__inner .t-menu{padding:12px 6px}.utools .t-default-menu{background:var(--u-bg-color)}.utools .t-default-menu .t-menu__item.t-is-active:not(.t-is-opened),.utools .t-default-menu .t-menu__item:hover:not(.t-is-active):not(.t-is-disabled){background:var(--u-bg-color-2)}.u-web-utools-left-menu{width:100%;height:100%;position:relative}.u-web-utools-left-menu .u-web-utools-left-menu-collapse{z-index:888;border-radius:var(--u-radius-circle);background-color:var(--u-bg-color-2);cursor:pointer;width:32px;height:32px;color:var(--u-text-color-3);padding:4px;transition:all .28s linear;position:absolute;top:8px;right:-32px}.u-web-utools-left-menu .u-web-utools-left-menu-collapse:hover{color:var(--u-text-color-hover);box-shadow:0 1px 2px #0000001a}.utools .t-is-collapsed~* .u-web-utools-main-content-area{width:calc(100vw - 52px)}.utools:has(.t-is-collapsed) .u-web-utools-main-content-area{width:calc(100vw - 52px)}.u-web-utools-content-wrapper{box-sizing:border-box;background:var(--u-bg-color);grid-template-rows:24px calc(100vh - 39px) 15px;grid-template-columns:1fr;width:100%;height:100%;min-height:100vh;display:grid;overflow:auto hidden}.u-web-utools-content-wrapper .content{width:100%;max-width:100%;padding:4px;overflow-x:hidden}.u-web-utools-content-wrapper .content .content-inner{border-radius:var(--u-radius-medium);background-color:var(--u-bg-color-2);width:100%;height:100%;overflow-y:auto;box-shadow:0 1px 2px #0000001a}.u-web-page-header{background:var(--u-bg-color-2);border-bottom:1px solid var(--u-color-neutral-2);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.u-web-page-header-small{padding:14px 16px 12px}.u-web-page-header-small .u-web-page-header-title{font-size:16px}.u-web-page-header-small .u-web-page-header-header-back .t-icon{font-size:18px}.u-web-page-header-large{padding:20px 24px}.u-web-page-header-large .u-web-page-header-title{font-size:20px}.u-web-page-header-large .u-web-page-header-header-back .t-icon{font-size:24px}.u-web-page-header-header{gap:6px}.u-web-page-header-header-back .t-icon{font-size:20px}.u-web-page-header-subtitle{color:var(--u-text-color-secondary)}.u-web-page-header-divider{height:20px}.u-web-page-header-title{color:var(--u-text-color);font-size:18px;font-weight:500;line-height:1.5}.u-web-page-header-extra{align-items:center;gap:16px;display:flex}.u-web-setting-item{background:var(--u-bg-color-3);-webkit-user-select:none;user-select:none;padding:15px 10px;transition:all .28s linear}.u-web-setting-item:hover{background:rgb(var(--gray-2),.5)}.u-web-setting-item-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.u-web-setting-item-desc{color:var(--u-text-color-tips);font-size:12px}.u-web-division{border-bottom:1px dashed var(--u-color-neutral-2)}.u-web-setting-group>div:last-child{border-radius:6px;transition:all .26s linear;overflow:hidden}.u-web-setting-group>div:last-child:hover{box-shadow:0 3px 5px #0000000a}.u-web-setting-group-header,.u-web-setting-group-title{margin-bottom:.5rem}.u-web-setting-group-title{border-left:2px solid rgb(var(--u-blue-5));padding-left:.5rem;font-size:1.25rem;font-weight:600;line-height:1.75rem}.u-web-switch-green{transition:background-color .2s linear}.u-web-switch-green.t-is-checked{background-color:rgba(var(--green-5))}.u-web-switch-green.t-is-checked:hover{background-color:rgba(var(--green-6))}@keyframes switch-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.switch-slide-text-enter-from{left:-100%!important}.switch-slide-text-enter-to{left:8px!important}.switch-slide-text-enter-active{transition:left .2s}.switch-slide-text-leave-from{left:100%!important}.switch-slide-text-leave-to{left:30px!important}.switch-slide-text-leave-active{transition:left .2s}.u-web-switch-plus{box-sizing:border-box;vertical-align:middle;background-color:rgb(var(--gray-4));cursor:pointer;border:none;border-radius:14px;outline:none;min-width:44px;height:28px;padding:0;line-height:28px;transition:background-color .2s;position:relative;overflow:hidden}.u-web-switch-plus-handle{width:20px;height:20px;color:rgb(var(--gray-6));background-color:var(--u-bg-color-3);box-shadow:var(--u-shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex;position:absolute;top:4px;left:4px}.u-web-switch-plus-checked{background-color:rgb(var(--blue-5))}.u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--blue-5));left:calc(100% - 24px)}.u-web-switch-plus[disabled] .u-web-switch-plus-handle,.u-web-switch-plus[disabled].u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--gray-5))}.u-web-switch-plus-text-holder{opacity:0;margin:0 8px 0 30px;font-size:12px}.u-web-switch-plus-text{color:rgb(var(--gray-6));font-size:12px;position:absolute;top:0;left:30px}.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 30px 0 8px}.u-web-switch-plus-checked .u-web-switch-plus-text{color:var(--u-bg-color-3);left:8px}.u-web-switch-plus[disabled]{background-color:rgb(var(--gray-3));cursor:not-allowed}.u-web-switch-plus[disabled] .u-web-switch-plus-text{color:rgb(var(--gray-5))}.u-web-switch-plus[disabled].u-web-switch-plus-checked{background-color:rgb(var(--gray-4))}.u-web-switch-plus[disabled].u-web-switch-plus-checked .u-web-switch-plus-text{color:rgb(var(--gray-5))}.u-web-switch-plus-loading{background-color:rgb(var(--gray-4))}.u-web-switch-plus-loading .u-web-switch-plus-handle,.u-web-switch-plus-loading .u-web-switch-plus-text{color:rgb(var(--gray-6))}.u-web-switch-plus-loading.u-web-switch-plus-checked{background-color:rgb(var(--blue-6))}.u-web-switch-plus-loading.u-web-switch-plus-checked .u-web-switch-plus-handle{color:rgb(var(--blue-5))}.u-web-switch-plus-loading.u-web-switch-plus-checked .u-web-switch-plus-text{color:var(--u-bg-color-3)}.u-web-switch-plus-loading-icon{animation:1s linear infinite switch-loading-spin;display:inline-block}.u-web-switch-plus-medium{min-width:38px;height:24px;line-height:24px}.u-web-switch-plus-medium.u-web-switch-plus-checked{padding-left:-4px}.u-web-switch-plus-medium .u-web-switch-plus-handle{border-radius:12px;width:16px;height:16px;top:4px;left:4px}.u-web-switch-plus-medium .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 20px)}.u-web-switch-plus-medium .u-web-switch-plus-text-holder{margin:0 8px 0 26px}.u-web-switch-plus-medium .u-web-switch-plus-text{left:26px}.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 26px 0 8px}.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-text{left:8px}.u-web-switch-plus-small{min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-small.u-web-switch-plus-checked{padding-left:-3px}.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:10px;width:14px;height:14px;top:3px;left:3px}.u-web-switch-plus-small .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.66667)}.u-web-switch-plus-small.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 17px)}.u-web-switch-plus-mini{min-width:26px;height:16px;line-height:16px}.u-web-switch-plus-mini.u-web-switch-plus-checked{padding-left:-3px}.u-web-switch-plus-mini .u-web-switch-plus-handle{border-radius:8px;width:10px;height:10px;top:3px;left:3px}.u-web-switch-plus-mini .u-web-switch-plus-handle-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 13px)}.u-web-switch-plus-mini .u-web-switch-plus-text-holder{margin:0 6px 0 17px;font-size:10px}.u-web-switch-plus-mini .u-web-switch-plus-text{font-size:10px;left:17px}.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-text-holder{margin:0 17px 0 6px}.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-text{left:6px}.u-web-switch-plus-type-round{border-radius:var(--u-radius-small);min-width:44px}.u-web-switch-plus-type-round .u-web-switch-plus-handle{border-radius:2px}.u-web-switch-plus-type-round.u-web-switch-plus-medium{border-radius:var(--u-radius-small);min-width:38px}.u-web-switch-plus-type-round.u-web-switch-plus-medium .u-web-switch-plus-handle{border-radius:2px}.u-web-switch-plus-type-round.u-web-switch-plus-small{border-radius:2px;min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-type-round.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:1px}.u-web-switch-plus-type-round.u-web-switch-plus-mini{border-radius:2px;min-width:26px}.u-web-switch-plus-type-round.u-web-switch-plus-mini .u-web-switch-plus-handle{border-radius:1px}.u-web-switch-plus-type-line{min-width:44px;overflow:unset;background-color:#0000}.u-web-switch-plus-type-line:after{background-color:rgb(var(--gray-4));content:"";border-radius:2px;width:100%;height:4px;transition:background-color .2s;display:block}.u-web-switch-plus-type-line .u-web-switch-plus-handle{background-color:var(--u-bg-color-3);width:18px;height:18px;box-shadow:var(--u-shadow-sm);border-radius:9px;top:5px;left:0}.u-web-switch-plus-type-line.u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-checked:after{background-color:rgb(var(--blue-5))}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color{--custom-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color:after{background-color:var(--custom-color)}.u-web-switch-plus-type-line.u-web-switch-plus-custom-color.u-web-switch-plus-checked{--custom-color:rgb(var(--blue-5))}.u-web-switch-plus-type-line.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 18px)}.u-web-switch-plus-type-line.u-web-switch-plus-medium{min-width:38px}.u-web-switch-plus-type-line.u-web-switch-plus-medium .u-web-switch-plus-handle{border-radius:7px;width:14px;height:14px;top:5px}.u-web-switch-plus-type-line.u-web-switch-plus-medium.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 14px)}.u-web-switch-plus-type-line[disabled]{cursor:not-allowed;background-color:#0000}.u-web-switch-plus-type-line[disabled]:after{background-color:rgb(var(--gray-3))}.u-web-switch-plus-type-line[disabled].u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line[disabled].u-web-switch-plus-checked:after{background-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-loading{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-loading:after{background-color:rgb(var(--gray-4))}.u-web-switch-plus-type-line.u-web-switch-plus-loading.u-web-switch-plus-checked{background-color:#0000}.u-web-switch-plus-type-line.u-web-switch-plus-loading.u-web-switch-plus-checked:after{background-color:rgb(var(--blue-6))}.u-web-switch-plus-type-line.u-web-switch-plus-small{min-width:32px;height:20px;line-height:20px}.u-web-switch-plus-type-line.u-web-switch-plus-small.u-web-switch-plus-checked{padding-left:-4px}.u-web-switch-plus-type-line.u-web-switch-plus-small .u-web-switch-plus-handle{border-radius:10px;width:12px;height:12px;top:4px}.u-web-switch-plus-type-line.u-web-switch-plus-small .u-web-switch-plus-handle-icon{transform:translate(-50%,-50%)scale(1)}.u-web-switch-plus-type-line.u-web-switch-plus-small.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 12px)}.u-web-switch-plus-type-line.u-web-switch-plus-mini{min-width:26px}.u-web-switch-plus-type-line.u-web-switch-plus-mini .u-web-switch-plus-handle{border-radius:4px;width:8px;height:8px;top:4px}.u-web-switch-plus-type-line.u-web-switch-plus-mini.u-web-switch-plus-checked .u-web-switch-plus-handle{left:calc(100% - 8px)}
|
|
2
2
|
/*$vite$:1*/
|