@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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA6D6+f,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;EA7ClogB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAhKT,MAAM;YAHL,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAiM0/f,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;kBArBjogB,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"}
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*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xiaou66/u-web-ui",
3
- "version": "0.0.23",
3
+ "version": "0.0.25",
4
4
  "description": "web-ui",
5
5
  "main": "./dist/index.es.js",
6
6
  "module": "./dist/index.es.js",