@xiaou66/u-web-ui 0.0.12 → 0.0.14

package/dist/index.es.js

@@ -1,55 +1,64 @@
-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 } from "tdesign-vue-next";
-import { Fragment as f, Teleport as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as y, createTextVNode as b, createVNode as x, defineComponent as S, getCurrentInstance as C, getCurrentScope as w, inject as T, mergeModels as E, mergeProps as D, nextTick as O, normalizeClass as k, normalizeStyle as A, onMounted as j, onScopeDispose as M, onUnmounted as N, openBlock as P, provide as F, reactive as I, ref as L, renderList as R, renderSlot as z, resolveComponent as B, resolveDynamicComponent as ee, toDisplayString as V, toHandlers as H, toRefs as U, toValue as W, unref as G, useAttrs as K, useModel as te, useTemplateRef as ne, watch as re, withCtx as q, withModifiers as J } from "vue";
-import { useRoute as ie, useRouter as ae } from "vue-router";
-const oe = "u-web";
-function Y(...e) {
-	return oe + "-" + e.join("-");
-}
+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, useTemplateRef as re, watch as ie, withCtx as J, withModifiers as Y } from "vue";
+import { useRoute as ae, useRouter as oe } from "vue-router";
+const se = "u-web";
 function X(...e) {
+	return se + "-" + e.join("-");
+}
+function Z(...e) {
 	let t = e.join("-");
-	return (...e) => Y(t, ...e);
+	return (...e) => X(t, ...e);
 }
-function se(e) {
+function ce(e) {
 	return e.substring(0, 1).toUpperCase() + e.substring(1);
 }
-const Z = "on", ce = [
+const Q = "on", le = [
 	"Capture",
 	"Passive",
 	"Once"
-], le = /* @__PURE__ */ RegExp(`^(${ce.join("|")})*$`);
-function ue(...e) {
+], ue = /* @__PURE__ */ RegExp(`^(${le.join("|")})*$`);
+function de(...e) {
 	if (!e.length) return !1;
-	let t = C();
+	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(Z)), ...Object.keys(i).filter((e) => e.startsWith(Z))];
+	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(Z) ? t : `${Z}${se(t)}`;
+		let e = t.startsWith(Q) ? t : `${Q}${ce(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;
+			if (n && ue.test(n)) return !0;
 		}
 	}
 	return !1;
 }
-var de = /* @__PURE__ */ S({
+function fe(e) {
+	return typeof e == "function";
+}
+function pe(e) {
+	return e === null;
+}
+function me(e) {
+	return e === void 0;
+}
+var he = /* @__PURE__ */ C({
 	__name: "WebBaseLayout",
 	setup(t) {
 		return (t, n) => {
 			let i = o, a = e, s = r, l = c;
-			return P(), h(l, { class: "h-screen" }, {
-				default: q(() => [t.$slots.header ? (P(), h(i, { key: 0 }, {
-					default: q(() => [z(t.$slots, "header")]),
+			return F(), g(l, { class: "h-screen" }, {
+				default: J(() => [t.$slots.header ? (F(), g(i, { key: 0 }, {
+					default: J(() => [B(t.$slots, "header")]),
 					_: 3
-				})) : g("", !0), x(l, { class: "min-h-0" }, {
-					default: q(() => [x(a, { width: "auto" }, {
-						default: q(() => [z(t.$slots, "left")]),
+				})) : _("", !0), S(l, { class: "min-h-0" }, {
+					default: J(() => [S(a, { width: "auto" }, {
+						default: J(() => [B(t.$slots, "left")]),
 						_: 3
-					}), x(l, { class: k(["min-h-0", [G(Y)("main-content")]]) }, {
-						default: q(() => [x(s, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
-							default: q(() => [z(t.$slots, "default")]),
+					}), 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
@@ -60,73 +69,73 @@ var de = /* @__PURE__ */ S({
 			});
 		};
 	}
-}), fe = de;
-let Q = /* @__PURE__ */ function(e) {
+}), ge = he;
+let _e = /* @__PURE__ */ function(e) {
 	return e.Refresh = "u:leftMenu:refresh", e;
 }({});
-const pe = { refresh: () => {
-	window.dispatchEvent(new CustomEvent(Q.Refresh));
+const ve = { refresh: () => {
+	window.dispatchEvent(new CustomEvent(_e.Refresh));
 } };
-function me(e) {
-	return w() ? (M(e), !0) : !1;
+function ye(e) {
+	return T() ? (N(e), !0) : !1;
 }
 const $ = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const he = Object.prototype.toString, ge = (e) => he.call(e) === "[object Object]";
-function _e(e) {
+const be = Object.prototype.toString, xe = (e) => be.call(e) === "[object Object]";
+function Se(e) {
 	return Array.isArray(e) ? e : [e];
 }
-function ve(e) {
+function Ce(e) {
 	let t = /* @__PURE__ */ Object.create(null);
 	return (n) => {
 		let r = t[n];
 		return r || (t[n] = e(n));
 	};
 }
-const ye = /\B([A-Z])/g;
-ve((e) => e.replace(ye, "-$1").toLowerCase());
-const be = /-(\w)/g;
-ve((e) => e.replace(be, (e, t) => t ? t.toUpperCase() : ""));
-function xe(e, t, n) {
-	return re(e, t, {
+const we = /\B([A-Z])/g;
+Ce((e) => e.replace(we, "-$1").toLowerCase());
+const Te = /-(\w)/g;
+Ce((e) => e.replace(Te, (e, t) => t ? t.toUpperCase() : ""));
+function Ee(e, t, n) {
+	return ie(e, t, {
 		...n,
 		immediate: !0
 	});
 }
-const Se = $ ? window : void 0;
+const De = $ ? window : void 0;
 $ && window.document, $ && window.navigator, $ && window.location;
-function Ce(e) {
+function Oe(e) {
 	var t;
-	let n = W(e);
+	let n = G(e);
 	return (t = n?.$el) ?? n;
 }
-function we(...e) {
+function ke(...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 = m(() => {
-		let t = _e(W(e[0])).filter((e) => e != null);
+	}, r = (e, t, n, r) => (e.addEventListener(t, n, r), () => e.removeEventListener(t, n, r)), i = h(() => {
+		let t = Se(G(e[0])).filter((e) => e != null);
 		return t.every((e) => typeof e != "string") ? t : void 0;
-	}), a = xe(() => {
+	}), a = Ee(() => {
 		var t, n;
 		return [
-			(n = (t = i.value)?.map((e) => Ce(e))) ?? [Se].filter((e) => e != null),
-			_e(W(i.value ? e[1] : e[0])),
-			_e(G(i.value ? e[2] : e[1])),
-			W(i.value ? e[3] : e[2])
+			(n = (t = i.value)?.map((e) => Oe(e))) ?? [De].filter((e) => e != null),
+			Se(G(i.value ? e[1] : e[0])),
+			Se(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 = ge(o) ? { ...o } : o;
+		let s = xe(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 me(n), o;
+	return ye(n), o;
 }
 Symbol("vueuse-ssr-width");
-var Te = /* @__PURE__ */ S({
+var Ae = /* @__PURE__ */ C({
 	__name: "LeftMenu",
-	props: /* @__PURE__ */ E({
+	props: /* @__PURE__ */ D({
 		hideOperations: {
 			type: Boolean,
 			default: !1
@@ -145,82 +154,82 @@ var Te = /* @__PURE__ */ S({
 	}),
 	emits: ["update:collapsed"],
 	setup(e, { expose: t }) {
-		let r = e, i = te(e, "collapsed");
+		let r = e, i = q(e, "collapsed");
 		function a() {
 			i.value = !i.value;
 		}
-		let o = ae(), c = ie(), p = L([]);
+		let o = oe(), c = ae(), f = R([]);
 		function m() {
-			p.value = o.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
+			f.value = o.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
 		}
-		function g() {
-			r.loadRouter ? p.value = r.loadRouter() : m();
+		function h() {
+			r.loadRouter ? f.value = r.loadRouter() : m();
 		}
-		j(() => {
-			g();
+		M(() => {
+			h();
 		});
-		function v(e) {
+		function _(e) {
 			o.push({ name: e.name });
 		}
-		function S(e) {
+		function y(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
-		return r.refreshEventListener && we(document, Q.Refresh, g), t({
+		return r.refreshEventListener && ke(document, _e.Refresh, h), t({
 			changeCollapsed: a,
-			refreshRouter: g
+			refreshRouter: h
 		}), (e, t) => {
-			let r = s, o = n, m = u, g = d, C = l;
-			return P(), h(C, {
-				value: G(c).name,
+			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"]
-			}, y({
-				default: q(() => [(P(!0), _(f, null, R(p.value, (e) => (P(), _(f, { key: String(e.name) }, [S(e).length > 0 ? (P(), h(g, {
+			}, 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: q(() => [x(r, { class: k(e.meta.icon) }, null, 8, ["class"])]),
-					title: q(() => [b(V(e.meta.title), 1)]),
-					default: q(() => [(P(!0), _(f, null, R(S(e), (e) => (P(), h(m, {
+					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) => v(e)
+						onClick: (t) => _(e)
 					}, {
-						icon: q(() => [x(r, { class: k(e.meta.icon) }, null, 8, ["class"])]),
-						default: q(() => [b(" " + V(e.meta.title), 1)]),
+						icon: J(() => [S(r, { class: A(e.meta.icon) }, null, 8, ["class"])]),
+						default: J(() => [x(" " + H(e.meta.title), 1)]),
 						_: 2
 					}, 1032, ["value", "onClick"]))), 128))]),
 					_: 2
-				}, 1032, ["value"])) : (P(), h(m, {
+				}, 1032, ["value"])) : (F(), g(m, {
 					key: 1,
 					value: String(e.name),
-					onClick: (t) => v(e)
+					onClick: (t) => _(e)
 				}, {
-					icon: q(() => [x(r, { class: k(e.meta.icon) }, null, 8, ["class"])]),
-					default: q(() => [b(" " + V(e.meta.title), 1)]),
+					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: q(() => [x(o, {
+				fn: J(() => [S(o, {
 					variant: "text",
 					shape: "square",
 					onClick: a
 				}, {
-					icon: q(() => [x(r, { name: "view-list" })]),
+					icon: J(() => [S(r, { name: "view-list" })]),
 					_: 1
 				})]),
 				key: "0"
 			}, e.$slots.logo ? {
 				name: "logo",
-				fn: q(() => [z(e.$slots, "logo")]),
+				fn: J(() => [B(e.$slots, "logo")]),
 				key: "1"
 			} : void 0]), 1032, ["value", "collapsed"]);
 		};
 	}
-}), Ee = Te, De = /* @__PURE__ */ S({
+}), je = Ae, Me = /* @__PURE__ */ C({
 	__name: "ContextMenu",
 	props: { hideOnSelect: {
 		type: Boolean,
@@ -228,11 +237,11 @@ var Te = /* @__PURE__ */ S({
 	} },
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = X("context-menu"), a = L(), o = L(), s = L(!1), c = I({
+		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, O(() => {
+			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) => {
@@ -241,9 +250,9 @@ var Te = /* @__PURE__ */ S({
 			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;
-		}, m = (e, t) => {
+		}, f = (e, t) => {
 			r("select", e, t), n.hideOnSelect && (s.value = !1);
-		}, y = (e) => {
+		}, h = (e) => {
 			if (!s.value) return;
 			let t = e.target, n = o.value, r = a.value;
 			if (e.button === 2 || e.which === 3) return;
@@ -256,34 +265,34 @@ var Te = /* @__PURE__ */ S({
 		}, S = () => {
 			s.value = !1;
 		};
-		return F("handleSelect", m), F("closeMenu", S), j(() => {
-			document.addEventListener("click", y), document.addEventListener("mousedown", y), document.addEventListener("keydown", b), document.addEventListener("contextmenu", x);
-		}), N(() => {
-			document.removeEventListener("click", y), document.removeEventListener("mousedown", y), document.removeEventListener("keydown", b), document.removeEventListener("contextmenu", x);
-		}), (e, t) => (P(), _(f, null, [
-			v("div", {
+		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: k(G(i)("trigger")),
-				onContextmenu: J(l, ["prevent"])
-			}, [z(e.$slots, "default")], 34),
-			(P(), h(p, { to: "body" }, [s.value ? (P(), _("div", {
+				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: k(G(i)("menu")),
-				style: A(c),
-				onContextmenu: t[0] ||= J(() => {}, ["prevent"])
-			}, [z(e.$slots, "content")], 38)) : g("", !0)])),
-			(P(), h(p, { to: "body" }, [s.value ? (P(), _("div", {
+				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: k(G(i)("mask")),
+				class: A(K(i)("mask")),
 				onClick: d,
-				onContextmenu: J(d, ["prevent"])
-			}, null, 34)) : g("", !0)]))
+				onContextmenu: Y(d, ["prevent"])
+			}, null, 34)) : _("", !0)]))
 		], 64));
 	}
-}), Oe = De, ke = /* @__PURE__ */ S({
+}), Ne = Me, Pe = /* @__PURE__ */ C({
 	__name: "ContextMenuItem",
 	props: {
 		label: {},
@@ -300,7 +309,7 @@ var Te = /* @__PURE__ */ S({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = X("context-menu", "item"), a = T("handleSelect", null), o = (e) => {
+		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", {
@@ -315,34 +324,34 @@ var Te = /* @__PURE__ */ S({
 		}, s = (e) => {
 			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
 		};
-		return (e, t) => (P(), _("div", {
-			class: k([G(i)(), {
-				[G(i)("disabled")]: e.disabled,
-				[G(i)("danger")]: e.danger
+		return (e, t) => (F(), v("div", {
+			class: A([K(i)(), {
+				[K(i)("disabled")]: e.disabled,
+				[K(i)("danger")]: e.danger
 			}]),
 			onClick: o,
-			onContextmenu: J(s, ["prevent", "stop"])
-		}, [e.icon ? (P(), _("span", {
+			onContextmenu: Y(s, ["prevent", "stop"])
+		}, [e.icon ? (F(), v("span", {
 			key: 0,
-			class: k([G(i)("icon"), e.icon])
-		}, V(e.icon), 3)) : g("", !0), v("span", { class: k(G(i)("label")) }, V(e.label), 3)], 34));
+			class: A([K(i)("icon"), e.icon])
+		}, H(e.icon), 3)) : _("", !0), y("span", { class: A(K(i)("label")) }, H(e.label), 3)], 34));
 	}
-}), Ae = ke, je = /* @__PURE__ */ S({
+}), Fe = Pe, Ie = /* @__PURE__ */ C({
 	__name: "ContextMenuGroup",
 	props: { title: {} },
 	setup(e) {
-		let t = X("context-menu", "group");
-		return (e, n) => (P(), _("div", { class: k(G(t)()) }, [e.title ? (P(), _("div", {
+		let t = Z("context-menu", "group");
+		return (e, n) => (F(), v("div", { class: A(K(t)()) }, [e.title ? (F(), v("div", {
 			key: 0,
-			class: k(G(t)("title"))
-		}, V(e.title), 3)) : g("", !0), z(e.$slots, "default")], 2));
+			class: A(K(t)("title"))
+		}, H(e.title), 3)) : _("", !0), B(e.$slots, "default")], 2));
 	}
-}), Me = je, Ne = /* @__PURE__ */ S({
+}), Le = Ie, Re = /* @__PURE__ */ C({
 	__name: "ContextMenuDivider",
 	setup(e) {
-		return (e, t) => (P(), _("div", { class: k(G(Y)("context-menu-divider")) }, null, 2));
+		return (e, t) => (F(), v("div", { class: A(K(X)("context-menu-divider")) }, null, 2));
 	}
-}), Pe = Ne, Fe = /* @__PURE__ */ S({
+}), ze = Re, Be = /* @__PURE__ */ C({
 	__name: "ContextMenuSubmenu",
 	props: {
 		label: {},
@@ -354,17 +363,17 @@ var Te = /* @__PURE__ */ S({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = X("context-menu", "item"), a = X("context-menu", "submenu"), o = X("context-menu", "menu"), s = L(), c = L(), l = L(!1), u = I({
+		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 = T("handleSelect", null), f = null, p = null, m = !1, h = !1, y = () => {
+		}), 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 || (y(), u.left = "100%", u.top = "0px", l.value = !0, O(() => {
+			n.disabled || !s.value || (g(), u.left = "100%", u.top = "0px", l.value = !0, k(() => {
 				S();
 			}));
 		}, x = () => {
-			!m && !h && (y(), p = setTimeout(() => {
+			!m && !h && (g(), p = setTimeout(() => {
 				!m && !h && (l.value = !1);
 			}, 100));
 		}, S = () => {
@@ -375,34 +384,34 @@ var Te = /* @__PURE__ */ S({
 				u.top = e + "px";
 			} else r.top < 4 ? u.top = 4 - r.top + "px" : u.top = "0px";
 		}, C = () => {
-			n.disabled || (m = !0, y(), f = setTimeout(() => {
+			n.disabled || (m = !0, g(), f = setTimeout(() => {
 				b();
 			}, 150));
 		}, w = () => {
 			m = !1, x();
-		}, E = () => {
-			h = !0, y();
+		}, T = () => {
+			h = !0, g();
 		}, D = () => {
 			h = !1, x();
-		}, M = (e, t) => {
+		}, O = (e, t) => {
 			l.value = !1, r("select", e, t), d && d(e, t);
-		}, R = (e) => {
+		}, N = (e) => {
 			let { value: t, originalEvent: n } = e.detail;
-			M(t, n);
-		}, B = (e) => {
+			O(t, n);
+		}, z = (e) => {
 			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
-		}, ee = (e) => {
+		}, V = (e) => {
 			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
-		}, H = (e) => {
-			if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), y(), l.value) l.value = !1;
+		}, 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, O(() => {
+				u.left = "100%", u.top = "0px", l.value = !0, k(() => {
 					S();
 				});
 			}
 		};
-		F("handleSelect", M), F("closeMenu", () => {
+		I("handleSelect", O), I("closeMenu", () => {
 			l.value = !1;
 		});
 		let U = (e) => {
@@ -413,73 +422,73 @@ var Te = /* @__PURE__ */ S({
 			!i && !a && (l.value = !1);
 		}, W = (e) => {
 			e.key === "Escape" && l.value && (l.value = !1);
-		}, K = (e) => {
+		}, G = (e) => {
 			l.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
 		};
-		return j(() => {
-			document.addEventListener("click", U), document.addEventListener("mousedown", U), document.addEventListener("keydown", W), document.addEventListener("contextmenu", K);
-		}), N(() => {
-			y(), document.removeEventListener("click", U), document.removeEventListener("mousedown", U), document.removeEventListener("keydown", W), document.removeEventListener("contextmenu", K);
-		}), (e, t) => (P(), _("div", {
+		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: k([
-				G(i)(),
-				G(a)(),
+			class: A([
+				K(i)(),
+				K(a)(),
 				{
-					[G(i)("disabled")]: e.disabled,
-					[G(a)("active")]: l.value
+					[K(i)("disabled")]: e.disabled,
+					[K(a)("active")]: l.value
 				}
 			]),
-			onContextmenu: J(B, ["prevent", "stop"]),
+			onContextmenu: Y(z, ["prevent", "stop"]),
 			onMouseenter: C,
 			onMouseleave: w,
-			onClick: H
+			onClick: ee
 		}, [
-			e.icon ? (P(), _("span", {
+			e.icon ? (F(), v("span", {
 				key: 0,
-				class: k([G(i)("icon"), e.icon])
-			}, V(e.icon), 3)) : g("", !0),
-			v("span", { class: k(G(i)("label")) }, V(e.label), 3),
-			v("span", { class: k(G(a)("arrow")) }, "▶", 2),
-			l.value ? (P(), _("div", {
+				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: k([G(o)(), G(a)("popup")]),
-				style: A(u),
-				onContextmenu: J(ee, ["prevent", "stop"]),
-				onMouseenter: E,
+				class: A([K(o)(), K(a)("popup")]),
+				style: j(u),
+				onContextmenu: Y(V, ["prevent", "stop"]),
+				onMouseenter: T,
 				onMouseleave: D,
-				onContextMenuSelect: R
-			}, [z(e.$slots, "default")], 38)) : g("", !0)
+				onContextMenuSelect: N
+			}, [B(e.$slots, "default")], 38)) : _("", !0)
 		], 34));
 	}
-}), Ie = Fe, Le = /* @__PURE__ */ S({
+}), Ve = Be, He = /* @__PURE__ */ C({
 	__name: "WebLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = a, r = B("router-view");
-			return P(), h(fe, null, {
-				header: q(() => [x(n, {
+			let n = a, r = V("router-view");
+			return F(), g(ge, null, {
+				header: J(() => [S(n, {
 					value: "item1",
 					height: "60px"
-				}, y({ _: 2 }, [e.$slots.logo ? {
+				}, b({ _: 2 }, [e.$slots.logo ? {
 					name: "logo",
-					fn: q(() => [z(e.$slots, "logo")]),
+					fn: J(() => [B(e.$slots, "logo")]),
 					key: "0"
 				} : void 0, e.$slots.operations ? {
 					name: "operations",
-					fn: q(() => [z(e.$slots, "operations")]),
+					fn: J(() => [B(e.$slots, "operations")]),
 					key: "1"
 				} : void 0]), 1024)]),
-				left: q(() => [z(e.$slots, "left", {}, () => [x(G(Ee))])]),
-				default: q(() => [z(e.$slots, "default", {}, () => [v("div", { class: k([G(Y)("main-content-inner")]) }, [x(r)], 2)])]),
+				left: J(() => [B(e.$slots, "left", {}, () => [S(K(je))])]),
+				default: J(() => [B(e.$slots, "default", {}, () => [y("div", { class: A([K(X)("main-content-inner")]) }, [S(r)], 2)])]),
 				_: 3
 			});
 		};
 	}
-}), Re = Le, ze = /* @__PURE__ */ S({
+}), Ue = He, We = /* @__PURE__ */ C({
 	__name: "SplitPanel",
 	props: {
 		component: { default: "div" },
@@ -500,9 +509,9 @@ var Te = /* @__PURE__ */ S({
 		"update:size"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { direction: i, size: a, defaultSize: o, min: s, max: c } = U(n), l = L(0), u = L(), d = L(), f = Y("split-panel"), p = Y("split-trigger"), y = L(o.value);
-		re(a, (e) => {
-			e !== void 0 && (y.value = e);
+		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);
+		ie(a, (e) => {
+			e !== void 0 && (m.value = e);
 		}, { immediate: !0 });
 		function b(e) {
 			let t = typeof e == "string" ? parseFloat(e) : e, n = "";
@@ -512,14 +521,14 @@ var Te = /* @__PURE__ */ S({
 				isPx: n === "px"
 			};
 		}
-		let x = m(() => b(y.value)), S = m(() => i.value === "horizontal"), C = m(() => [f, {
+		let x = h(() => b(m.value)), S = h(() => i.value === "horizontal"), C = h(() => [f, {
 			[`${f}-horizontal`]: S.value,
 			[`${f}-vertical`]: !S.value
-		}]), w = m(() => [p, {
+		}]), w = h(() => [p, {
 			[`${p}-horizontal`]: S.value,
 			[`${p}-vertical`]: !S.value,
 			[`${p}-disabled`]: n.disabled
-		}]), T = m(() => {
+		}]), 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)` };
 		});
@@ -530,7 +539,7 @@ var Te = /* @__PURE__ */ S({
 		function D(e, t) {
 			return parseFloat(e) / parseFloat(t);
 		}
-		let M = {
+		let O = {
 			startPageX: 0,
 			startPageY: 0,
 			startContainerSize: 0,
@@ -538,12 +547,12 @@ var Te = /* @__PURE__ */ S({
 		};
 		async function N() {
 			let e = () => S.value ? u.value?.clientWidth || 0 : u.value?.clientHeight || 0;
-			return (!u.value || !e()) && await O(), e();
+			return (!u.value || !e()) && await k(), e();
 		}
-		function F(e, t) {
+		function P(e, t) {
 			if (!t) return;
 			let n = x.value.isPx ? `${e}px` : D(e, t);
-			y.value !== n && (y.value = n, r("update:size", n));
+			m.value !== n && (m.value = n, r("update:size", n));
 		}
 		function I(e, t) {
 			let n = E({
@@ -560,89 +569,89 @@ var Te = /* @__PURE__ */ S({
 			}), a = n;
 			return a = Math.max(a, r), a = Math.min(a, i), a;
 		}
-		function R({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
+		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 B(e) {
+		function z(e) {
 			r("moving", e);
-			let t = S.value ? R({
-				startContainerSize: M.startContainerSize,
-				startSize: M.startSize,
-				startPosition: M.startPageX,
+			let t = S.value ? L({
+				startContainerSize: O.startContainerSize,
+				startSize: O.startSize,
+				startPosition: O.startPageX,
 				endPosition: e.pageX
-			}) : R({
-				startContainerSize: M.startContainerSize,
-				startSize: M.startSize,
-				startPosition: M.startPageY,
+			}) : L({
+				startContainerSize: O.startContainerSize,
+				startSize: O.startSize,
+				startPosition: O.startPageY,
 				endPosition: e.pageY
 			});
-			F(t, M.startContainerSize);
+			P(t, O.startContainerSize);
 		}
 		function V(e) {
-			window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", V), window.removeEventListener("contextmenu", V), document.body.style.cursor = "default", r("moveEnd", 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), M.startPageX = e.pageX, M.startPageY = e.pageY, M.startContainerSize = await N(), M.startSize = y.value, window.addEventListener("mousemove", B), window.addEventListener("mouseup", V), window.addEventListener("contextmenu", V), document.body.style.cursor = S.value ? "col-resize" : "row-resize");
+			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 W() {
+		function U() {
 			if (d.value) {
 				let { width: e, height: t } = d.value.getBoundingClientRect();
 				l.value = S.value ? e || 0 : t || 0;
 			}
 		}
-		return j(async () => {
-			let e = await N(), t = I(y.value, e);
-			F(t, e), W();
+		return M(async () => {
+			let e = await N(), t = I(m.value, e);
+			P(t, e), U();
 			let n = new ResizeObserver(() => {
-				W();
+				U();
 			});
 			d.value && n.observe(d.value);
 			let r = () => {
 				n.disconnect();
 			};
 			return r;
-		}), (e, t) => (P(), h(ee(e.component), {
+		}), (e, t) => (F(), g(ee(e.component), {
 			ref_key: "wrapperRef",
 			ref: u,
-			class: k(C.value)
+			class: A(C.value)
 		}, {
-			default: q(() => [
-				v("div", {
-					class: k([`${G(f)}-pane`, `${G(f)}-pane-first`]),
-					style: A(T.value)
-				}, [z(e.$slots, "first")], 6),
-				e.disabled ? g("", !0) : (P(), _("div", {
+			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: k(w.value),
+					class: A(w.value),
 					onMousedown: H
-				}, [z(e.$slots, "resize-trigger", {}, () => [v("div", { class: k(`${G(p)}-icon`) }, [z(e.$slots, "resize-trigger-icon", {}, () => [
-					v("div", { class: k(`${G(p)}-line`) }, null, 2),
-					v("div", { class: k(`${G(p)}-line`) }, null, 2),
-					v("div", { class: k(`${G(p)}-line`) }, null, 2)
+				}, [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)),
-				v("div", { class: k([`${G(f)}-pane`, `${G(f)}-pane-second`]) }, [z(e.$slots, "second")], 2)
+				y("div", { class: A([`${K(f)}-pane`, `${K(f)}-pane-second`]) }, [B(e.$slots, "second")], 2)
 			]),
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Be = ze, Ve = /* @__PURE__ */ S({
+}), Ge = We, Ke = /* @__PURE__ */ C({
 	__name: "UtoolsBaseLayout",
 	setup(t) {
 		return (t, n) => {
 			let i = e, a = r, o = c;
-			return P(), h(o, { class: "h-screen min-h-0" }, {
-				default: q(() => [x(i, { width: "auto" }, {
-					default: q(() => [z(t.$slots, "left")]),
+			return F(), g(o, { class: "h-screen min-h-0" }, {
+				default: J(() => [S(i, { width: "auto" }, {
+					default: J(() => [B(t.$slots, "left")]),
 					_: 3
-				}), x(o, { class: k(["min-h-0", [G(Y)("utools", "main-content")]]) }, {
-					default: q(() => [x(a, { class: "h-full" }, {
-						default: q(() => [z(t.$slots, "default")]),
+				}), S(o, { class: A(["min-h-0", [K(X)("utools", "main-content")]]) }, {
+					default: J(() => [S(a, { class: "h-full" }, {
+						default: J(() => [B(t.$slots, "default")]),
 						_: 3
 					})]),
 					_: 3
@@ -651,12 +660,12 @@ var Te = /* @__PURE__ */ S({
 			});
 		};
 	}
-}), He = Ve;
-const Ue = { class: "utools" }, We = { class: "title" }, Ge = { class: "flex justify-end h-full pr-3" }, Ke = { class: "content" }, qe = { class: "content-inner" }, Je = {
+}), qe = Ke;
+const Je = { class: "utools" }, Ye = { class: "title" }, Xe = { class: "flex justify-end h-full pr-3" }, Ze = { class: "content" }, Qe = { class: "content-inner" }, $e = {
 	class: "flex items-center justify-center",
 	style: { "font-size": "10px" }
 };
-var Ye = /* @__PURE__ */ S({
+var et = /* @__PURE__ */ C({
 	__name: "UtoolsLayout",
 	props: {
 		avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
@@ -665,14 +674,14 @@ var Ye = /* @__PURE__ */ S({
 		title: { default: "utools demo" }
 	},
 	setup(e) {
-		let n = ne("leftMenuRef"), r = L(!0);
+		let n = re("leftMenuRef"), r = R(!0);
 		return (e, i) => {
-			let a = t, o = B("router-view");
-			return P(), _("div", Ue, [x(He, null, {
-				left: q(() => [v("div", { class: k(G(Y)("utools", "left-menu")) }, [v("div", {
-					class: k(["flex items-center justify-center", G(Y)("utools", "left-menu", "collapse")]),
+			let a = t, o = V("router-view");
+			return F(), v("div", Je, [S(qe, 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()
-				}, [v("div", { class: k(["text-lg font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), x(G(Ee), D({
+				}, [y("div", { class: A(["text-lg font-bold", r.value ? "i-u-expandLeft" : "i-u-expandRight"]) }, null, 2)], 2), S(K(je), O({
 					ref_key: "leftMenuRef",
 					ref: n
 				}, {
@@ -683,19 +692,19 @@ var Ye = /* @__PURE__ */ S({
 					"onUpdate:collapsed": i[1] ||= (e) => r.value = e,
 					hideOperations: ""
 				}), {
-					logo: q(() => [x(a, { image: e.avatar }, null, 8, ["image"]), v("div", We, V(e.title), 1)]),
+					logo: J(() => [S(a, { image: e.avatar }, null, 8, ["image"]), y("div", Ye, H(e.title), 1)]),
 					_: 1
 				}, 16, ["collapsed"])], 2)]),
-				default: q(() => [v("div", { class: k(G(Y)("utools", "content-wrapper")) }, [
-					v("div", Ge, [z(e.$slots, "header-tips")]),
-					v("div", Ke, [v("div", qe, [x(o)])]),
-					z(e.$slots, "footer", {}, () => [v("div", Je, " © " + V((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
+				default: J(() => [y("div", { class: A(K(X)("utools", "content-wrapper")) }, [
+					y("div", Xe, [B(e.$slots, "header-tips")]),
+					y("div", Ze, [y("div", Qe, [S(o)])]),
+					B(e.$slots, "footer", {}, () => [y("div", $e, " © " + H((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
 				], 2)]),
 				_: 3
 			})]);
 		};
 	}
-}), Xe = Ye, Ze = /* @__PURE__ */ S({
+}), tt = et, nt = /* @__PURE__ */ C({
 	__name: "PageHeader",
 	props: {
 		title: { default: "" },
@@ -704,37 +713,37 @@ var Ye = /* @__PURE__ */ S({
 	},
 	emits: ["back"],
 	setup(e) {
-		let t = e, r = X("page-header"), a = m(() => {
+		let t = e, r = Z("page-header"), a = h(() => {
 			let e = [r()];
 			return t.size !== "default" && e.push(r(t.size)), e;
-		}), o = m(() => ue("onBack"));
+		}), o = h(() => de("onBack"));
 		return (e, t) => {
 			let c = s, l = n, u = i;
-			return P(), _("div", { class: k(a.value) }, [v("div", { class: k(["flex items-center", G(r)("header")]) }, [
-				o.value || e.$slots.prefix ? z(e.$slots, "prefix", { key: 0 }, () => [x(l, {
-					class: k(G(r)("header", "back")),
+			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: q(() => [x(c, { class: "i-u-left" })]),
+					icon: J(() => [S(c, { class: "i-u-left" })]),
 					_: 1
-				}, 8, ["class"])]) : g("", !0),
-				v("div", { class: k(G(r)("title")) }, [z(e.$slots, "title", {}, () => [b(V(e.title), 1)])], 2),
-				x(u, {
-					class: k(G(r)("divider")),
+				}, 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"]),
-				v("div", { class: k(G(r)("subtitle")) }, [z(e.$slots, "subtitle", {}, () => [b(V(e.subtitle), 1)])], 2)
-			], 2), e.$slots.extra ? (P(), _("div", {
+				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: k(G(r)("extra"))
-			}, [z(e.$slots, "extra")], 2)) : g("", !0)], 2);
+				class: A(K(r)("extra"))
+			}, [B(e.$slots, "extra")], 2)) : _("", !0)], 2);
 		};
 	}
-}), Qe = Ze;
-const $e = { class: "flex justify-between items-center" };
-var et = /* @__PURE__ */ S({
+}), rt = nt;
+const it = { class: "flex justify-between items-center" };
+var at = /* @__PURE__ */ C({
 	__name: "SettingItem",
 	props: {
 		title: {},
@@ -745,24 +754,264 @@ var et = /* @__PURE__ */ S({
 		background: { default: "var(--u-bg-color-3)" }
 	},
 	setup(e) {
-		let t = K(), n = m(() => "onClick" in t || "onClickCapture" in t), r = m(() => {
+		let t = te(), n = h(() => "onClick" in t || "onClickCapture" in t), r = h(() => {
 			let e = [];
-			return e.push(Y("setting-item")), n.value && e.push("cursor-pointer"), e;
+			return e.push(X("setting-item")), n.value && e.push("cursor-pointer"), e;
 		});
-		return (e, t) => (P(), _("div", D({ class: r.value }, H({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [v("div", $e, [v("div", null, [v("div", { class: k(["u-fx u-gap5 u-fac", G(Y)("setting-item-title")]) }, [z(e.$slots, "title", {}, () => [b(V(e.title), 1)])], 2), z(e.$slots, "desc", {}, () => [v("div", { class: k(G(Y)("setting-item-desc")) }, V(e.desc), 3)])]), v("div", null, [z(e.$slots, "default")])]), v("div", null, [z(e.$slots, "extra")])], 16));
+		return (e, t) => (F(), v("div", O({ class: r.value }, U({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [y("div", it, [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));
 	}
-}), tt = et, nt = /* @__PURE__ */ S({
+}), ot = at, st = /* @__PURE__ */ C({
 	__name: "SettingDivision",
 	setup(e) {
-		return (e, t) => (P(), _("div", { class: k(G(Y)("setting-division")) }, null, 2));
+		return (e, t) => (F(), v("div", { class: A(K(X)("setting-division")) }, null, 2));
 	}
-}), rt = nt;
-const it = { key: 0 };
-var at = /* @__PURE__ */ S({
+}), ct = st;
+const lt = { key: 0 };
+var ut = /* @__PURE__ */ C({
 	__name: "SettingGroup",
 	props: { title: {} },
 	setup(e) {
-		return (e, t) => (P(), _("div", { class: k([G(Y)("setting-group")]) }, [v("div", { class: k(G(Y)("setting-group-header")) }, [v("div", { class: k(G(Y)("setting-group-title")) }, V(e.title), 3), e.$slots.desc ? (P(), _("div", it, [z(e.$slots, "desc")])) : g("", !0)], 2), v("div", null, [z(e.$slots, "default")])], 2));
+		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", lt, [B(e.$slots, "desc")])) : _("", !0)], 2), y("div", null, [B(e.$slots, "default")])], 2));
+	}
+}), dt = ut, ft = /* @__PURE__ */ C({
+	name: "SwitchEnable",
+	inheritAttrs: !1,
+	__name: "SwitchEnable",
+	props: /* @__PURE__ */ 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: /* @__PURE__ */ 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"]);
+		};
+	}
+}), pt = ft;
+const mt = ["aria-checked", "disabled"];
+var ht = /* @__PURE__ */ C({
+	name: "SwitchPlus",
+	__name: "SwitchPlus",
+	props: /* @__PURE__ */ D({
+		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: /* @__PURE__ */ D([
+		"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 (fe(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);
+		};
+		ie(n, (e) => {
+			(me(e) || pe(e)) && (e.value = r.uncheckedValue);
+		});
+		let w = h(() => [
+			c,
+			`${c}-type-${r.type}`,
+			{
+				[`${c}-small`]: u.value === "small",
+				[`${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, mt));
+	}
+}), gt = ht, _t = /* @__PURE__ */ C({
+	__name: "SwitchPlusEnable",
+	props: /* @__PURE__ */ D({
+		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");
+		return (e, n) => (F(), g(gt, O({
+			value: t.value,
+			"onUpdate:value": n[0] ||= (e) => t.value = e
+		}, e.$props), {
+			"checked-icon": J(() => n[1] ||= [y("span", {
+				style: {
+					width: "14px",
+					height: "14px"
+				},
+				class: "i-u-checkSmall"
+			}, null, -1)]),
+			"unchecked-icon": J(() => n[2] ||= [y("span", {
+				style: {
+					width: "14px",
+					height: "14px"
+				},
+				class: "i-u-closeSmall"
+			}, null, -1)]),
+			_: 1
+		}, 16, ["value"]));
 	}
-}), ot = at;
-export { Oe as ContextMenu, Pe as ContextMenuDivider, Me as ContextMenuGroup, Ae as ContextMenuItem, Ie as ContextMenuSubmenu, Ee as LeftMenu, pe as LeftMenuEventDispatch, Q as LeftMenuEvents, Qe as PageHeader, rt as SettingDivision, ot as SettingGroup, tt as SettingItem, Be as SplitPanel, He as UtoolsBaseLayout, Xe as UtoolsLayout, fe as WebBaseLayout, Re as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, ue as isEventExist };
+}), vt = _t;
+export { Ne as ContextMenu, ze as ContextMenuDivider, Le as ContextMenuGroup, Fe as ContextMenuItem, Ve as ContextMenuSubmenu, je as LeftMenu, ve as LeftMenuEventDispatch, _e as LeftMenuEvents, rt as PageHeader, ct as SettingDivision, dt as SettingGroup, ot as SettingItem, Ge as SplitPanel, pt as SwitchEnable, gt as SwitchPlus, vt as SwitchPlusEnable, qe as UtoolsBaseLayout, tt as UtoolsLayout, ge as WebBaseLayout, Ue as WebLayout, Z as getBuildCurrentClassPrefix, X as getClassPrefix, de as isEventExist, fe as isFunction, pe as isNull, me as isUndefined };