@xiaou66/u-web-ui 0.0.49 → 0.0.50

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createStaticVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onMounted as b, onUnmounted as x, openBlock as S, provide as C, reactive as w, ref as T, renderList as E, renderSlot as D, resolveComponent as O, resolveDynamicComponent as k, toDisplayString as A, toHandlers as j, toRefs as M, unref as N, useAttrs as P, useModel as F, useSlots as I, useTemplateRef as L, watch as R, withCtx as z, withModifiers as B } from "vue";
-import { Aside as V, Button as H, Content as U, Divider as W, HeadMenu as G, Header as K, Icon as q, Layout as J, Menu as ee, MenuItem as te, Submenu as ne, Switch as re } from "tdesign-vue-next";
-import { useRoute as ie, useRouter as ae } from "vue-router";
-import { useEventListener as oe, useIntersectionObserver as se } from "@vueuse/core";
+import { Fragment as e, Teleport as t, Transition as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createSlots as c, createStaticVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, getCurrentInstance as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onMounted as b, onUnmounted as x, openBlock as S, provide as C, reactive as w, ref as T, renderList as E, renderSlot as D, resolveComponent as O, resolveDynamicComponent as k, toDisplayString as A, toHandlers as j, toRefs as M, unref as N, useAttrs as P, useModel as F, useSlots as I, watch as L, withCtx as R, withModifiers as z } from "vue";
+import { Aside as B, Button as V, Content as H, Divider as U, HeadMenu as W, Header as G, Icon as K, Layout as q, Menu as J, MenuItem as ee, Submenu as te, Switch as ne } from "tdesign-vue-next";
+import { useRoute as re, useRouter as ie } from "vue-router";
+import { useEventListener as ae, useIntersectionObserver as oe } from "@vueuse/core";
 function Y(...e) {
 	return "u-web-" + e.join("-");
 }
@@ -9,15 +9,15 @@ function X(...e) {
 	let t = e.join("-");
 	return (...e) => Y(t, ...e);
 }
-function ce(e) {
+function se(e) {
 	return e.substring(0, 1).toUpperCase() + e.substring(1);
 }
-const le = [
+const ce = [
 	"Capture",
 	"Passive",
 	"Once"
-], ue = /* @__PURE__ */ RegExp(`^(${le.join("|")})*$`);
-function de(...e) {
+], le = /* @__PURE__ */ RegExp(`^(${ce.join("|")})*$`);
+function ue(...e) {
 	if (!e.length) return !1;
 	let t = p();
 	if (!t) return !1;
@@ -25,28 +25,28 @@ function de(...e) {
 	if (!r) return !1;
 	let i = r.props || {}, a = [...Object.keys(n).filter((e) => e.startsWith("on")), ...Object.keys(i).filter((e) => e.startsWith("on"))];
 	for (let t of e) {
-		let e = t.startsWith("on") ? t : `on${ce(t)}`;
+		let e = t.startsWith("on") ? t : `on${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 && ue.test(n)) return !0;
+			if (n && le.test(n)) return !0;
 		}
 	}
 	return !1;
 }
-function fe(e) {
+function de(e) {
 	return typeof e == "function";
 }
-function pe(e) {
+function fe(e) {
 	return e === null;
 }
-function me(e) {
+function pe(e) {
 	return e === void 0;
 }
-function he(e) {
+function me(e) {
 	return typeof e == "number" && !isNaN(e);
 }
-function ge(e) {
+function he(e) {
 	return typeof e == "object" && !!e && !Array.isArray(e);
 }
 function Z(e, t, n) {
@@ -55,7 +55,7 @@ function Z(e, t, n) {
 function Q(e, t, n) {
 	e.removeEventListener(t, n);
 }
-var _e = /* @__PURE__ */ f({
+var ge = /* @__PURE__ */ f({
 	__name: "BackTop",
 	props: {
 		visibleHeight: { default: 200 },
@@ -107,7 +107,7 @@ var _e = /* @__PURE__ */ f({
 			};
 		});
 		return (e, t) => (S(), i(n, { name: "fade-in" }, {
-			default: z(() => [d.value ? (S(), o("div", {
+			default: R(() => [d.value ? (S(), o("div", {
 				key: 0,
 				class: v([N(u), { [`${N(u)}-${e.size}`]: e.size !== "default" }]),
 				style: y(O.value),
@@ -120,22 +120,22 @@ var _e = /* @__PURE__ */ f({
 			_: 3
 		}));
 	}
-}), ve = _e, ye = /* @__PURE__ */ f({
+}), _e = ge, ve = /* @__PURE__ */ f({
 	__name: "WebBaseLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = K, r = V, o = U, s = J;
+			let n = G, r = B, o = H, s = q;
 			return S(), i(s, { class: "h-screen" }, {
-				default: z(() => [e.$slots.header ? (S(), i(n, { key: 0 }, {
-					default: z(() => [D(e.$slots, "header")]),
+				default: R(() => [e.$slots.header ? (S(), i(n, { key: 0 }, {
+					default: R(() => [D(e.$slots, "header")]),
 					_: 3
 				})) : a("", !0), d(s, { class: "min-h-0" }, {
-					default: z(() => [d(r, { width: "auto" }, {
-						default: z(() => [D(e.$slots, "left")]),
+					default: R(() => [d(r, { width: "auto" }, {
+						default: R(() => [D(e.$slots, "left")]),
 						_: 3
 					}), d(s, { class: v(["min-h-0", [N(Y)("main-content")]]) }, {
-						default: z(() => [d(o, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
-							default: z(() => [D(e.$slots, "default")]),
+						default: R(() => [d(o, { class: "xl:p-4 ut:p-2 p-1 h-full overflow-hidden" }, {
+							default: R(() => [D(e.$slots, "default")]),
 							_: 3
 						})]),
 						_: 3
@@ -146,14 +146,14 @@ var _e = /* @__PURE__ */ f({
 			});
 		};
 	}
-}), be = ye;
+}), ye = ve;
 let $ = /* @__PURE__ */ function(e) {
 	return e.Refresh = "u:leftMenu:refresh", e;
 }({});
-const xe = { refresh: () => {
+const be = { refresh: () => {
 	window.dispatchEvent(new CustomEvent($.Refresh));
 } };
-var Se = /* @__PURE__ */ f({
+var xe = /* @__PURE__ */ f({
 	__name: "LeftMenu",
 	props: /* @__PURE__ */ h({
 		hideOperations: {
@@ -179,7 +179,7 @@ var Se = /* @__PURE__ */ f({
 		function s() {
 			a.value = !a.value;
 		}
-		let l = ae(), f = ie(), p = T([]);
+		let l = ie(), f = re(), p = T([]);
 		function m() {
 			p.value = l.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
 		}
@@ -195,11 +195,11 @@ var Se = /* @__PURE__ */ f({
 		function _(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
-		return r.refreshEventListener && oe(document, $.Refresh, h), n({
+		return r.refreshEventListener && ae(document, $.Refresh, h), n({
 			changeCollapsed: s,
 			refreshRouter: h
 		}), (t, n) => {
-			let r = q, l = H, m = te, h = ne, y = ee;
+			let r = K, l = V, m = ee, h = te, y = J;
 			return S(), i(y, {
 				value: N(f).name,
 				collapsed: a.value,
@@ -207,22 +207,22 @@ var Se = /* @__PURE__ */ f({
 				width: ["180px", t.size === "small" ? "42px" : "52px"],
 				class: v([{ "u-web-left-menu-small": t.size === "small" }])
 			}, c({
-				default: z(() => [(S(!0), o(e, null, E(p.value, (t) => (S(), o(e, { key: String(t.name) }, [_(t).length > 0 ? (S(), i(h, {
+				default: R(() => [(S(!0), o(e, null, E(p.value, (t) => (S(), o(e, { key: String(t.name) }, [_(t).length > 0 ? (S(), i(h, {
 					key: 0,
 					value: String(t.name)
 				}, {
-					icon: z(() => [d(r, { class: v(t.meta.icon) }, null, 8, ["class"])]),
-					title: z(() => [u(A(t.meta.title), 1)]),
-					default: z(() => [(S(!0), o(e, null, E(_(t), (e) => (S(), i(m, {
+					icon: R(() => [d(r, { class: v(t.meta.icon) }, null, 8, ["class"])]),
+					title: R(() => [u(A(t.meta.title), 1)]),
+					default: R(() => [(S(!0), o(e, null, E(_(t), (e) => (S(), i(m, {
 						key: String(e.name),
 						value: String(e.name),
 						onClick: (t) => g(e)
 					}, {
-						icon: z(() => [d(r, {
+						icon: R(() => [d(r, {
 							class: v(e.meta.icon),
 							size: "small"
 						}, null, 8, ["class"])]),
-						default: z(() => [u(" " + A(e.meta.title), 1)]),
+						default: R(() => [u(" " + A(e.meta.title), 1)]),
 						_: 2
 					}, 1032, ["value", "onClick"]))), 128))]),
 					_: 2
@@ -231,25 +231,25 @@ var Se = /* @__PURE__ */ f({
 					value: String(t.name),
 					onClick: (e) => g(t)
 				}, {
-					icon: z(() => [d(r, { class: v(t.meta.icon) }, null, 8, ["class"])]),
-					default: z(() => [u(" " + A(t.meta.title), 1)]),
+					icon: R(() => [d(r, { class: v(t.meta.icon) }, null, 8, ["class"])]),
+					default: R(() => [u(" " + A(t.meta.title), 1)]),
 					_: 2
 				}, 1032, ["value", "onClick"]))], 64))), 128))]),
 				_: 2
 			}, [t.hideOperations ? void 0 : {
 				name: "operations",
-				fn: z(() => [d(l, {
+				fn: R(() => [d(l, {
 					variant: "text",
 					shape: "square",
 					onClick: s
 				}, {
-					icon: z(() => [d(r, { name: "view-list" })]),
+					icon: R(() => [d(r, { name: "view-list" })]),
 					_: 1
 				})]),
 				key: "0"
 			}, t.$slots.logo ? {
 				name: "logo",
-				fn: z(() => [D(t.$slots, "logo")]),
+				fn: R(() => [D(t.$slots, "logo")]),
 				key: "1"
 			} : void 0]), 1032, [
 				"value",
@@ -259,7 +259,7 @@ var Se = /* @__PURE__ */ f({
 			]);
 		};
 	}
-}), Ce = Se, we = /* @__PURE__ */ f({
+}), Se = xe, Ce = /* @__PURE__ */ f({
 	__name: "ContextMenu",
 	props: { hideOnSelect: {
 		type: Boolean,
@@ -304,7 +304,7 @@ var Se = /* @__PURE__ */ f({
 				ref_key: "triggerRef",
 				ref: d,
 				class: v(N(u)("trigger")),
-				onContextmenu: B(h, ["prevent"])
+				onContextmenu: z(h, ["prevent"])
 			}, [D(n.$slots, "default")], 34),
 			(S(), i(t, { to: "body" }, [p.value ? (S(), o("div", {
 				key: 0,
@@ -312,17 +312,17 @@ var Se = /* @__PURE__ */ f({
 				ref: f,
 				class: v(N(u)("menu")),
 				style: y(m),
-				onContextmenu: r[0] ||= B(() => {}, ["prevent"])
+				onContextmenu: r[0] ||= z(() => {}, ["prevent"])
 			}, [D(n.$slots, "content")], 38)) : a("", !0)])),
 			(S(), i(t, { to: "body" }, [p.value ? (S(), o("div", {
 				key: 0,
 				class: v(N(u)("mask")),
 				onClick: E,
-				onContextmenu: B(E, ["prevent"])
+				onContextmenu: z(E, ["prevent"])
 			}, null, 34)) : a("", !0)]))
 		], 64));
 	}
-}), Te = we, Ee = /* @__PURE__ */ f({
+}), we = Ce, Te = /* @__PURE__ */ f({
 	__name: "ContextMenuItem",
 	props: {
 		label: {},
@@ -360,13 +360,13 @@ var Se = /* @__PURE__ */ f({
 				[N(i)("danger")]: e.danger
 			}]),
 			onClick: l,
-			onContextmenu: B(u, ["prevent", "stop"])
+			onContextmenu: z(u, ["prevent", "stop"])
 		}, [e.icon ? (S(), o("span", {
 			key: 0,
 			class: v([N(i)("icon"), e.icon])
 		}, A(e.icon), 3)) : a("", !0), s("span", { class: v(N(i)("label")) }, A(e.label), 3)], 34));
 	}
-}), De = Ee, Oe = /* @__PURE__ */ f({
+}), Ee = Te, De = /* @__PURE__ */ f({
 	__name: "ContextMenuGroup",
 	props: { title: {} },
 	setup(e) {
@@ -376,12 +376,12 @@ var Se = /* @__PURE__ */ f({
 			class: v(N(t)("title"))
 		}, A(e.title), 3)) : a("", !0), D(e.$slots, "default")], 2));
 	}
-}), ke = Oe, Ae = /* @__PURE__ */ f({
+}), Oe = De, ke = /* @__PURE__ */ f({
 	__name: "ContextMenuDivider",
 	setup(e) {
 		return (e, t) => (S(), o("div", { class: v(N(Y)("context-menu-divider")) }, null, 2));
 	}
-}), je = Ae, Me = /* @__PURE__ */ f({
+}), Ae = ke, je = /* @__PURE__ */ f({
 	__name: "ContextMenuSubmenu",
 	props: {
 		label: {},
@@ -421,7 +421,7 @@ var Se = /* @__PURE__ */ f({
 			O = !1, P();
 		}, R = () => {
 			k = !0, j();
-		}, z = () => {
+		}, B = () => {
 			k = !1, P();
 		}, V = (e, t) => {
 			f.value = !1, r("select", e, t), h && h(e, t);
@@ -470,7 +470,7 @@ var Se = /* @__PURE__ */ f({
 					[N(c)("active")]: f.value
 				}
 			]),
-			onContextmenu: B(U, ["prevent", "stop"]),
+			onContextmenu: z(U, ["prevent", "stop"]),
 			onMouseenter: I,
 			onMouseleave: L,
 			onClick: G
@@ -487,38 +487,38 @@ var Se = /* @__PURE__ */ f({
 				ref: d,
 				class: v([N(l)(), N(c)("popup")]),
 				style: y(p),
-				onContextmenu: B(W, ["prevent", "stop"]),
+				onContextmenu: z(W, ["prevent", "stop"]),
 				onMouseenter: R,
-				onMouseleave: z,
+				onMouseleave: B,
 				onContextMenuSelect: H
 			}, [D(e.$slots, "default")], 38)) : a("", !0)
 		], 34));
 	}
-}), Ne = Me, Pe = /* @__PURE__ */ f({
+}), Me = je, Ne = /* @__PURE__ */ f({
 	__name: "WebLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = G, r = O("router-view");
-			return S(), i(be, null, {
-				header: z(() => [d(n, {
+			let n = W, r = O("router-view");
+			return S(), i(ye, null, {
+				header: R(() => [d(n, {
 					value: "item1",
 					height: "60px"
 				}, c({ _: 2 }, [e.$slots.logo ? {
 					name: "logo",
-					fn: z(() => [D(e.$slots, "logo")]),
+					fn: R(() => [D(e.$slots, "logo")]),
 					key: "0"
 				} : void 0, e.$slots.operations ? {
 					name: "operations",
-					fn: z(() => [D(e.$slots, "operations")]),
+					fn: R(() => [D(e.$slots, "operations")]),
 					key: "1"
 				} : void 0]), 1024)]),
-				left: z(() => [D(e.$slots, "left", {}, () => [d(N(Ce))])]),
-				default: z(() => [D(e.$slots, "default", {}, () => [s("div", { class: v([N(Y)("main-content-inner")]) }, [d(r)], 2)])]),
+				left: R(() => [D(e.$slots, "left", {}, () => [d(N(Se))])]),
+				default: R(() => [D(e.$slots, "default", {}, () => [s("div", { class: v([N(Y)("main-content-inner")]) }, [d(r)], 2)])]),
 				_: 3
 			});
 		};
 	}
-}), Fe = Pe, Ie = /* @__PURE__ */ f({
+}), Pe = Ne, Fe = /* @__PURE__ */ f({
 	__name: "SplitPanel",
 	props: {
 		component: { default: "div" },
@@ -540,7 +540,7 @@ var Se = /* @__PURE__ */ f({
 	],
 	setup(e, { emit: t }) {
 		let n = e, c = t, { direction: l, size: u, defaultSize: d, min: f, max: p } = M(n), m = T(0), h = T(), g = T(), x = Y("split-panel"), C = Y("split-trigger"), w = T(d.value);
-		R(u, (e) => {
+		L(u, (e) => {
 			e !== void 0 && (w.value = e);
 		}, { immediate: !0 });
 		function E(e) {
@@ -566,7 +566,7 @@ var Se = /* @__PURE__ */ f({
 			let r = e ?? t, i = E(r);
 			return i.isPx ? i.size : i.size * n;
 		}
-		function L(e, t) {
+		function z(e, t) {
 			return parseFloat(e) / parseFloat(t);
 		}
 		let B = {
@@ -581,7 +581,7 @@ var Se = /* @__PURE__ */ f({
 		}
 		function H(e, t) {
 			if (!t) return;
-			let n = O.value.isPx ? `${e}px` : L(e, t);
+			let n = O.value.isPx ? `${e}px` : z(e, t);
 			w.value !== n && (w.value = n, c("update:size", n));
 		}
 		function U(e, t) {
@@ -649,7 +649,7 @@ var Se = /* @__PURE__ */ f({
 			ref: h,
 			class: v(j.value)
 		}, {
-			default: z(() => [
+			default: R(() => [
 				s("div", {
 					class: v([`${N(x)}-pane`, `${N(x)}-pane-first`]),
 					style: y(F.value)
@@ -670,18 +670,18 @@ var Se = /* @__PURE__ */ f({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Le = Ie, Re = /* @__PURE__ */ f({
+}), Ie = Fe, Le = /* @__PURE__ */ f({
 	__name: "UtoolsBaseLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = V, r = U, a = J;
+			let n = B, r = H, a = q;
 			return S(), i(a, { class: "h-screen min-h-0" }, {
-				default: z(() => [d(n, { width: "auto" }, {
-					default: z(() => [D(e.$slots, "left")]),
+				default: R(() => [d(n, { width: "auto" }, {
+					default: R(() => [D(e.$slots, "left")]),
 					_: 3
 				}), d(a, { class: v(["min-h-0", [N(Y)("utools", "main-content")]]) }, {
-					default: z(() => [d(r, { class: v(["h-full overflow-hidden", [N(Y)("utools", "main-content-area")]]) }, {
-						default: z(() => [D(e.$slots, "default")]),
+					default: R(() => [d(r, { class: v(["h-full overflow-hidden", [N(Y)("utools", "main-content-area")]]) }, {
+						default: R(() => [D(e.$slots, "default")]),
 						_: 3
 					}, 8, ["class"])]),
 					_: 3
@@ -690,12 +690,12 @@ var Se = /* @__PURE__ */ f({
 			});
 		};
 	}
-}), ze = Re;
-const Be = { class: "utools" }, Ve = { class: "w-8 h-auto overflow-hidden rounded-full" }, He = ["src"], Ue = { class: "title pl-5" }, We = { class: "flex justify-end h-full pr-3 w-full" }, Ge = { class: "content" }, Ke = { class: "content-inner" }, qe = {
+}), Re = Le;
+const ze = { class: "utools" }, Be = { class: "w-8 h-auto overflow-hidden rounded-full" }, Ve = ["src"], He = { class: "title pl-5" }, Ue = { class: "flex justify-end h-full pr-3 w-full" }, We = { class: "content" }, Ge = { class: "content-inner" }, Ke = {
 	class: "flex items-center justify-center",
 	style: { "font-size": "10px" }
 };
-var Je = /* @__PURE__ */ f({
+var qe = /* @__PURE__ */ f({
 	__name: "UtoolsLayout",
 	props: {
 		avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
@@ -708,11 +708,11 @@ var Je = /* @__PURE__ */ f({
 		let t = T(), n = T(!0);
 		return (e, r) => {
 			let i = O("router-view");
-			return S(), o("div", Be, [d(ze, null, {
-				left: z(() => [s("div", { class: v(N(Y)("utools", "left-menu")) }, [s("div", {
+			return S(), o("div", ze, [d(Re, null, {
+				left: R(() => [s("div", { class: v(N(Y)("utools", "left-menu")) }, [s("div", {
 					class: v(["flex items-center justify-center", N(Y)("utools", "left-menu", "collapse")]),
 					onClick: r[0] ||= (e) => t.value?.changeCollapsed()
-				}, [s("div", { class: v(["w-5 h-5 font-bold", n.value ? "i-p-expandLeft" : "i-p-expandRight"]) }, null, 2)], 2), d(N(Ce), g({
+				}, [s("div", { class: v(["w-5 h-5 font-bold", n.value ? "i-p-expandLeft" : "i-p-expandRight"]) }, null, 2)], 2), d(N(Se), g({
 					ref_key: "leftMenuRef",
 					ref: t
 				}, {
@@ -724,22 +724,22 @@ var Je = /* @__PURE__ */ f({
 					"onUpdate:collapsed": r[1] ||= (e) => n.value = e,
 					hideOperations: ""
 				}), {
-					logo: z(() => [s("div", Ve, [s("img", {
+					logo: R(() => [s("div", Be, [s("img", {
 						class: "logo w-full h-full",
 						src: e.avatar
-					}, null, 8, He)]), s("div", Ue, A(e.title), 1)]),
+					}, null, 8, Ve)]), s("div", He, A(e.title), 1)]),
 					_: 1
 				}, 16, ["collapsed"])], 2)]),
-				default: z(() => [s("div", { class: v(N(Y)("utools", "content-wrapper")) }, [
-					s("div", We, [D(e.$slots, "header-tips")]),
-					s("div", Ge, [s("div", Ke, [d(i)])]),
-					D(e.$slots, "footer", {}, () => [s("div", qe, " © " + A((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
+				default: R(() => [s("div", { class: v(N(Y)("utools", "content-wrapper")) }, [
+					s("div", Ue, [D(e.$slots, "header-tips")]),
+					s("div", We, [s("div", Ge, [d(i)])]),
+					D(e.$slots, "footer", {}, () => [s("div", Ke, " © " + A((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
 				], 2)]),
 				_: 3
 			})]);
 		};
 	}
-}), Ye = Je, Xe = /* @__PURE__ */ f({
+}), Je = qe, Ye = /* @__PURE__ */ f({
 	__name: "PageHeader",
 	props: {
 		title: { default: "" },
@@ -751,9 +751,9 @@ var Je = /* @__PURE__ */ f({
 		let t = e, n = X("page-header"), i = r(() => {
 			let e = [n()];
 			return t.size !== "default" && e.push(n(t.size)), e;
-		}), c = r(() => de("onBack"));
+		}), c = r(() => ue("onBack"));
 		return (e, t) => {
-			let r = q, l = H, f = W;
+			let r = K, l = V, f = U;
 			return S(), o("div", { class: v(i.value) }, [s("div", { class: v(["flex items-center", N(n)("header")]) }, [
 				c.value || e.$slots.prefix ? D(e.$slots, "prefix", { key: 0 }, () => [d(l, {
 					class: v(N(n)("header", "back")),
@@ -761,7 +761,7 @@ var Je = /* @__PURE__ */ f({
 					variant: "text",
 					onClick: t[0] ||= (t) => e.$emit("back")
 				}, {
-					icon: z(() => [d(r, { class: "i-p-left" })]),
+					icon: R(() => [d(r, { class: "i-p-left" })]),
 					_: 1
 				}, 8, ["class"])]) : a("", !0),
 				s("div", { class: v(N(n)("title")) }, [D(e.$slots, "title", {}, () => [u(A(e.title), 1)])], 2),
@@ -776,40 +776,40 @@ var Je = /* @__PURE__ */ f({
 			}, [D(e.$slots, "extra")], 2)) : a("", !0)], 2);
 		};
 	}
-}), Ze = Xe, Qe = (e, t) => {
+}), Xe = Ye, Ze = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 };
-const $e = {}, et = { class: "result-error-icon" };
-function tt(e, t) {
-	return S(), o("div", et, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-fc6ebdc7><g opacity=\"0.8\" data-v-fc6ebdc7><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-fc6ebdc7></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-fc6ebdc7></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-fc6ebdc7></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-fc6ebdc7></path><circle cx=\"120\" cy=\"80\" r=\"20\" fill=\"none\" stroke=\"rgb(var(--red-6))\" stroke-width=\"3\" data-v-fc6ebdc7></circle><path d=\"M110 70L130 90M130 70L110 90\" stroke=\"rgb(var(--red-6))\" stroke-width=\"3\" stroke-linecap=\"round\" data-v-fc6ebdc7></path></svg><div class=\"result-error-text\" data-v-fc6ebdc7>403</div>", 2)]);
+const Qe = {}, $e = { class: "result-error-icon" };
+function et(e, t) {
+	return S(), o("div", $e, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-fc6ebdc7><g opacity=\"0.8\" data-v-fc6ebdc7><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-fc6ebdc7></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-fc6ebdc7></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-fc6ebdc7></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-fc6ebdc7></path><circle cx=\"120\" cy=\"80\" r=\"20\" fill=\"none\" stroke=\"rgb(var(--red-6))\" stroke-width=\"3\" data-v-fc6ebdc7></circle><path d=\"M110 70L130 90M130 70L110 90\" stroke=\"rgb(var(--red-6))\" stroke-width=\"3\" stroke-linecap=\"round\" data-v-fc6ebdc7></path></svg><div class=\"result-error-text\" data-v-fc6ebdc7>403</div>", 2)]);
 }
-var nt = /* @__PURE__ */ Qe($e, [["render", tt], ["__scopeId", "data-v-fc6ebdc7"]]);
-const rt = {}, it = { class: "result-error-icon" };
-function at(e, t) {
-	return S(), o("div", it, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-cdc3b8a1><g opacity=\"0.8\" data-v-cdc3b8a1><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cdc3b8a1></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cdc3b8a1></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-cdc3b8a1></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cdc3b8a1></path><circle cx=\"120\" cy=\"80\" r=\"25\" fill=\"none\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"3\" data-v-cdc3b8a1></circle><path d=\"M105 65L135 95\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"3\" stroke-linecap=\"round\" data-v-cdc3b8a1></path><circle cx=\"110\" cy=\"75\" r=\"3\" fill=\"var(--u-text-color-placeholder)\" data-v-cdc3b8a1></circle><circle cx=\"130\" cy=\"85\" r=\"3\" fill=\"var(--u-text-color-placeholder)\" data-v-cdc3b8a1></circle></svg><div class=\"result-error-text\" data-v-cdc3b8a1>404</div>", 2)]);
+var tt = /* @__PURE__ */ Ze(Qe, [["render", et], ["__scopeId", "data-v-fc6ebdc7"]]);
+const nt = {}, rt = { class: "result-error-icon" };
+function it(e, t) {
+	return S(), o("div", rt, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-cdc3b8a1><g opacity=\"0.8\" data-v-cdc3b8a1><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cdc3b8a1></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cdc3b8a1></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-cdc3b8a1></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cdc3b8a1></path><circle cx=\"120\" cy=\"80\" r=\"25\" fill=\"none\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"3\" data-v-cdc3b8a1></circle><path d=\"M105 65L135 95\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"3\" stroke-linecap=\"round\" data-v-cdc3b8a1></path><circle cx=\"110\" cy=\"75\" r=\"3\" fill=\"var(--u-text-color-placeholder)\" data-v-cdc3b8a1></circle><circle cx=\"130\" cy=\"85\" r=\"3\" fill=\"var(--u-text-color-placeholder)\" data-v-cdc3b8a1></circle></svg><div class=\"result-error-text\" data-v-cdc3b8a1>404</div>", 2)]);
 }
-var ot = /* @__PURE__ */ Qe(rt, [["render", at], ["__scopeId", "data-v-cdc3b8a1"]]);
-const st = {}, ct = { class: "result-error-icon" };
-function lt(e, t) {
-	return S(), o("div", ct, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-cb66ef61><g opacity=\"0.8\" data-v-cb66ef61><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cb66ef61></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cb66ef61></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-cb66ef61></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><rect x=\"100\" y=\"65\" width=\"40\" height=\"30\" rx=\"4\" fill=\"none\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" data-v-cb66ef61></rect><path d=\"M110 75L130 85M130 75L110 85\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><path d=\"M115 55L125 65\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><circle cx=\"118\" cy=\"52\" r=\"2\" fill=\"rgb(var(--red-6))\" data-v-cb66ef61></circle></svg><div class=\"result-error-text\" data-v-cb66ef61>500</div>", 2)]);
+var at = /* @__PURE__ */ Ze(nt, [["render", it], ["__scopeId", "data-v-cdc3b8a1"]]);
+const ot = {}, st = { class: "result-error-icon" };
+function ct(e, t) {
+	return S(), o("div", st, t[0] ||= [l("<svg width=\"240\" height=\"160\" viewBox=\"0 0 240 160\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" data-v-cb66ef61><g opacity=\"0.8\" data-v-cb66ef61><path d=\"M120 80C120 124.183 84.1828 160 40 160C-4.18278 160 -40 124.183 -40 80C-40 35.8172 -4.18278 0 40 0C84.1828 0 120 35.8172 120 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cb66ef61></path><path d=\"M280 80C280 124.183 244.183 160 200 160C155.817 160 120 124.183 120 80C120 35.8172 155.817 0 200 0C244.183 0 280 35.8172 280 80Z\" fill=\"var(--u-text-color-placeholder)\" opacity=\"0.1\" data-v-cb66ef61></path></g><rect x=\"60\" y=\"40\" width=\"120\" height=\"80\" rx=\"8\" fill=\"var(--u-bg-color-3)\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" data-v-cb66ef61></rect><path d=\"M90 60H150M90 80H150M90 100H130\" stroke=\"var(--u-text-color-placeholder)\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><rect x=\"100\" y=\"65\" width=\"40\" height=\"30\" rx=\"4\" fill=\"none\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" data-v-cb66ef61></rect><path d=\"M110 75L130 85M130 75L110 85\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><path d=\"M115 55L125 65\" stroke=\"rgb(var(--red-6))\" stroke-width=\"2\" stroke-linecap=\"round\" data-v-cb66ef61></path><circle cx=\"118\" cy=\"52\" r=\"2\" fill=\"rgb(var(--red-6))\" data-v-cb66ef61></circle></svg><div class=\"result-error-text\" data-v-cb66ef61>500</div>", 2)]);
 }
-var ut = /* @__PURE__ */ Qe(st, [["render", lt], ["__scopeId", "data-v-cb66ef61"]]);
-const dt = {
+var lt = /* @__PURE__ */ Ze(ot, [["render", ct], ["__scopeId", "data-v-cb66ef61"]]);
+const ut = {
 	key: 0,
 	class: "i-p-info w-12 h-12"
-}, ft = {
+}, dt = {
 	key: 1,
 	class: "i-p-check"
-}, pt = {
+}, ft = {
 	key: 2,
 	class: "i-p-info w-12 h-12"
-}, mt = {
+}, pt = {
 	key: 3,
 	class: "i-p-close"
 };
-var ht = /* @__PURE__ */ f({
+var mt = /* @__PURE__ */ f({
 	__name: "Result",
 	props: {
 		status: { default: "info" },
@@ -833,7 +833,7 @@ var ht = /* @__PURE__ */ f({
 			s("div", { class: v([`${N(c)}-icon`, {
 				[`${N(c)}-icon-${e.status}`]: e.status,
 				[`${N(c)}-icon-custom`]: e.status === null
-			}]) }, [s("div", { class: v(`${N(c)}-icon-tip`) }, [D(e.$slots, "icon", {}, () => [e.status === "info" ? (S(), o("span", dt)) : e.status === "success" ? (S(), o("span", ft)) : e.status === "warning" ? (S(), o("span", pt)) : e.status === "error" ? (S(), o("span", mt)) : e.status === "403" ? (S(), i(nt, { key: 4 })) : e.status === "404" ? (S(), i(ot, { key: 5 })) : e.status === "500" ? (S(), i(ut, { key: 6 })) : a("", !0)])], 2)], 2),
+			}]) }, [s("div", { class: v(`${N(c)}-icon-tip`) }, [D(e.$slots, "icon", {}, () => [e.status === "info" ? (S(), o("span", ut)) : e.status === "success" ? (S(), o("span", dt)) : e.status === "warning" ? (S(), o("span", ft)) : e.status === "error" ? (S(), o("span", pt)) : e.status === "403" ? (S(), i(tt, { key: 4 })) : e.status === "404" ? (S(), i(at, { key: 5 })) : e.status === "500" ? (S(), i(lt, { key: 6 })) : a("", !0)])], 2)], 2),
 			e.title || e.$slots.title ? (S(), o("div", {
 				key: 0,
 				class: v(`${N(c)}-title`)
@@ -852,9 +852,9 @@ var ht = /* @__PURE__ */ f({
 			}, [D(e.$slots, "default")], 2)) : a("", !0)
 		], 2));
 	}
-}), gt = ht;
-const _t = { class: "flex justify-between items-center" };
-var vt = /* @__PURE__ */ f({
+}), ht = mt;
+const gt = { class: "flex justify-between items-center" };
+var _t = /* @__PURE__ */ f({
 	__name: "SettingItem",
 	props: {
 		title: {},
@@ -872,22 +872,22 @@ var vt = /* @__PURE__ */ f({
 		return (e, t) => (S(), o("div", g({
 			class: [...a.value],
 			style: { background: e.background }
-		}, j({ ...i.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [s("div", _t, [s("div", null, [s("div", { class: v(["u-fx u-gap5 u-fac", N(Y)("setting-item-title")]) }, [D(e.$slots, "title", {}, () => [u(A(e.title), 1)])], 2), D(e.$slots, "desc", {}, () => [s("div", { class: v(N(Y)("setting-item-desc")) }, A(e.desc), 3)])]), s("div", null, [D(e.$slots, "default")])]), s("div", null, [D(e.$slots, "extra")])], 16));
+		}, j({ ...i.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [s("div", gt, [s("div", null, [s("div", { class: v(["u-fx u-gap5 u-fac", N(Y)("setting-item-title")]) }, [D(e.$slots, "title", {}, () => [u(A(e.title), 1)])], 2), D(e.$slots, "desc", {}, () => [s("div", { class: v(N(Y)("setting-item-desc")) }, A(e.desc), 3)])]), s("div", null, [D(e.$slots, "default")])]), s("div", null, [D(e.$slots, "extra")])], 16));
 	}
-}), yt = vt, bt = /* @__PURE__ */ f({
+}), vt = _t, yt = /* @__PURE__ */ f({
 	__name: "SettingDivision",
 	setup(e) {
 		return (e, t) => (S(), o("div", { class: v(N(Y)("setting-division")) }, null, 2));
 	}
-}), xt = bt;
-const St = { key: 0 };
-var Ct = /* @__PURE__ */ f({
+}), bt = yt;
+const xt = { key: 0 };
+var St = /* @__PURE__ */ f({
 	__name: "SettingGroup",
 	props: { title: {} },
 	setup(e) {
-		return (e, t) => (S(), o("div", { class: v([N(Y)("setting-group")]) }, [s("div", { class: v(N(Y)("setting-group-header")) }, [s("div", { class: v(N(Y)("setting-group-title")) }, A(e.title), 3), e.$slots.desc ? (S(), o("div", St, [D(e.$slots, "desc")])) : a("", !0)], 2), s("div", null, [D(e.$slots, "default")])], 2));
+		return (e, t) => (S(), o("div", { class: v([N(Y)("setting-group")]) }, [s("div", { class: v(N(Y)("setting-group-header")) }, [s("div", { class: v(N(Y)("setting-group-title")) }, A(e.title), 3), e.$slots.desc ? (S(), o("div", xt, [D(e.$slots, "desc")])) : a("", !0)], 2), s("div", null, [D(e.$slots, "default")])], 2));
 	}
-}), wt = Ct, Tt = /* @__PURE__ */ f({
+}), Ct = St, wt = /* @__PURE__ */ f({
 	name: "SwitchEnable",
 	inheritAttrs: !1,
 	__name: "SwitchEnable",
@@ -922,7 +922,7 @@ var Ct = /* @__PURE__ */ f({
 			style: "width: 10px; height: 10px;"
 		}, null);
 		return (e, t) => {
-			let r = re;
+			let r = ne;
 			return S(), i(r, g({ class: ["u-web-switch", { "u-web-switch-green": n.color === "green" }] }, {
 				...n,
 				value: void 0
@@ -934,9 +934,9 @@ var Ct = /* @__PURE__ */ f({
 			}), null, 16, ["class", "modelValue"]);
 		};
 	}
-}), Et = Tt;
-const Dt = ["aria-checked", "disabled"];
-var Ot = /* @__PURE__ */ f({
+}), Tt = wt;
+const Et = ["aria-checked", "disabled"];
+var Dt = /* @__PURE__ */ f({
 	name: "SwitchPlus",
 	__name: "SwitchPlus",
 	props: /* @__PURE__ */ h({
@@ -1006,7 +1006,7 @@ var Ot = /* @__PURE__ */ f({
 		}, w = async (e) => {
 			if (x.value || h.value) return;
 			let t = !_.value, n = t ? c.checkedValue : c.uncheckedValue, r = c.beforeChange;
-			if (fe(r)) {
+			if (de(r)) {
 				b.value = !0;
 				try {
 					let i = await r(n);
@@ -1020,8 +1020,8 @@ var Ot = /* @__PURE__ */ f({
 		}, O = (e) => {
 			l("blur", e);
 		};
-		R(i, (e) => {
-			(me(e) || pe(e)) && (i.value = c.uncheckedValue);
+		L(i, (e) => {
+			(pe(e) || fe(e)) && (i.value = c.uncheckedValue);
 		});
 		let k = r(() => [
 			m,
@@ -1060,9 +1060,9 @@ var Ot = /* @__PURE__ */ f({
 		}, [s("span", { class: v(`${N(m)}-handle-icon`) }, [x.value ? (S(), o("span", {
 			key: 0,
 			class: v(["i-p-loading", `${N(m)}-loading-icon`])
-		}, null, 2)) : (S(), o(e, { key: 1 }, [_.value ? D(t.$slots, "checked-icon", { key: 0 }) : D(t.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), t.type !== "line" && N(f) !== "small" && (N(d).checked || t.checkedText || N(d).unchecked || t.uncheckedText) ? (S(), o(e, { key: 0 }, [s("span", { class: v(`${N(m)}-text-holder`) }, [_.value ? D(t.$slots, "checked", { key: 0 }, () => [u(A(t.checkedText), 1)]) : D(t.$slots, "unchecked", { key: 1 }, () => [u(A(t.uncheckedText), 1)])], 2), s("span", { class: v(`${N(m)}-text`) }, [_.value ? D(t.$slots, "checked", { key: 0 }, () => [u(A(t.checkedText), 1)]) : D(t.$slots, "unchecked", { key: 1 }, () => [u(A(t.uncheckedText), 1)])], 2)], 64)) : a("", !0)], 46, Dt));
+		}, null, 2)) : (S(), o(e, { key: 1 }, [_.value ? D(t.$slots, "checked-icon", { key: 0 }) : D(t.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), t.type !== "line" && N(f) !== "small" && (N(d).checked || t.checkedText || N(d).unchecked || t.uncheckedText) ? (S(), o(e, { key: 0 }, [s("span", { class: v(`${N(m)}-text-holder`) }, [_.value ? D(t.$slots, "checked", { key: 0 }, () => [u(A(t.checkedText), 1)]) : D(t.$slots, "unchecked", { key: 1 }, () => [u(A(t.uncheckedText), 1)])], 2), s("span", { class: v(`${N(m)}-text`) }, [_.value ? D(t.$slots, "checked", { key: 0 }, () => [u(A(t.checkedText), 1)]) : D(t.$slots, "unchecked", { key: 1 }, () => [u(A(t.uncheckedText), 1)])], 2)], 64)) : a("", !0)], 46, Et));
 	}
-}), kt = Ot, At = /* @__PURE__ */ f({
+}), Ot = Dt, kt = /* @__PURE__ */ f({
 	__name: "SwitchPlusEnable",
 	props: /* @__PURE__ */ h({
 		modelValue: { type: [
@@ -1119,18 +1119,18 @@ var Ot = /* @__PURE__ */ f({
 	emits: ["update:value"],
 	setup(e) {
 		let t = F(e, "value"), n = e;
-		return (e, r) => (S(), i(kt, g({
+		return (e, r) => (S(), i(Ot, g({
 			value: t.value,
 			"onUpdate:value": r[0] ||= (e) => t.value = e
 		}, n), {
-			"checked-icon": z(() => r[1] ||= [s("span", {
+			"checked-icon": R(() => r[1] ||= [s("span", {
 				style: {
 					width: "14px",
 					height: "14px"
 				},
 				class: "i-p-checkSmall"
 			}, null, -1)]),
-			"unchecked-icon": z(() => r[2] ||= [s("span", {
+			"unchecked-icon": R(() => r[2] ||= [s("span", {
 				style: {
 					width: "14px",
 					height: "14px"
@@ -1140,7 +1140,7 @@ var Ot = /* @__PURE__ */ f({
 			_: 1
 		}, 16, ["value"]));
 	}
-}), jt = At, Mt = /* @__PURE__ */ f({
+}), At = kt, jt = /* @__PURE__ */ f({
 	__name: "thumb",
 	props: {
 		data: {},
@@ -1194,7 +1194,7 @@ var Ot = /* @__PURE__ */ f({
 			ref_key: "trackRef",
 			ref: l,
 			class: v([`${N(c)}-track`, `${N(c)}-track-direction-${e.direction}`]),
-			onMousedown: B(_, ["self"])
+			onMousedown: z(_, ["self"])
 		}, [s("div", {
 			ref_key: "thumbRef",
 			ref: u,
@@ -1203,7 +1203,7 @@ var Ot = /* @__PURE__ */ f({
 			onMousedown: g
 		}, [s("div", { class: v(`${N(c)}-thumb-bar`) }, null, 2)], 38)], 34));
 	}
-}), Nt = Mt, Pt = /* @__PURE__ */ f({
+}), Mt = jt, Nt = /* @__PURE__ */ f({
 	__name: "Scrollbar",
 	props: {
 		type: { default: "embed" },
@@ -1289,7 +1289,7 @@ var Ot = /* @__PURE__ */ f({
 			{ [`${u}-both`]: O.value },
 			c.outerClass
 		]), R = (e, t) => {
-			ge(e) ? d.value?.scrollTo(e) : (e || t) && d.value?.scrollTo(e, t);
+			he(e) ? d.value?.scrollTo(e) : (e || t) && d.value?.scrollTo(e, t);
 		}, z = (e) => {
 			d.value?.scrollTo({ top: e });
 		}, B = (e) => {
@@ -1308,7 +1308,7 @@ var Ot = /* @__PURE__ */ f({
 				ref: d,
 				class: `${N(u)}-container`
 			}, e.$attrs, { onScroll: M }), [D(e.$slots, "default")], 16),
-			!e.hide && w.value ? (S(), i(Nt, {
+			!e.hide && w.value ? (S(), i(Mt, {
 				key: 0,
 				ref_key: "horizontalThumbRef",
 				ref: m,
@@ -1317,7 +1317,7 @@ var Ot = /* @__PURE__ */ f({
 				both: O.value,
 				onScroll: P
 			}, null, 8, ["data", "both"])) : a("", !0),
-			!e.hide && E.value ? (S(), i(Nt, {
+			!e.hide && E.value ? (S(), i(Mt, {
 				key: 1,
 				ref_key: "verticalThumbRef",
 				ref: h,
@@ -1328,7 +1328,7 @@ var Ot = /* @__PURE__ */ f({
 			}, null, 8, ["data", "both"])) : a("", !0)
 		], 6));
 	}
-}), Ft = Pt, It = /* @__PURE__ */ f({
+}), Pt = Nt, Ft = /* @__PURE__ */ f({
 	__name: "LazyLoader",
 	props: {
 		w: { default: "100%" },
@@ -1336,21 +1336,21 @@ var Ot = /* @__PURE__ */ f({
 		distance: { default: 0 }
 	},
 	setup(e) {
-		let t = e, n = T(!1), r = L("box"), { stop: i } = se(r, ([{ isIntersecting: e }]) => {
+		let t = e, n = T(!1), r = T(), { stop: i } = oe(r, ([{ isIntersecting: e }]) => {
 			e && (n.value = !0, i());
 		}, {
 			rootMargin: `${t.distance}px`,
 			threshold: 0
 		});
-		return (e, t) => n.value ? D(e.$slots, "default", { key: 0 }) : (S(), o("div", {
+		return (e, i) => n.value ? D(e.$slots, "default", { key: 0 }) : (S(), o("div", {
 			key: 1,
 			ref_key: "box",
 			ref: r,
 			style: y({
-				height: e.h,
-				width: e.w
+				height: t.h,
+				width: t.w
 			})
 		}, null, 4));
 	}
-}), Lt = It;
-export { ve as BackTop, Te as ContextMenu, je as ContextMenuDivider, ke as ContextMenuGroup, De as ContextMenuItem, Ne as ContextMenuSubmenu, Lt as LazyLoader, Ce as LeftMenu, xe as LeftMenuEventDispatch, $ as LeftMenuEvents, Ze as PageHeader, gt as Result, Ft as Scrollbar, xt as SettingDivision, wt as SettingGroup, yt as SettingItem, Le as SplitPanel, Et as SwitchEnable, kt as SwitchPlus, jt as SwitchPlusEnable, Nt as Thumb, ze as UtoolsBaseLayout, Ye as UtoolsLayout, be as WebBaseLayout, Fe as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, de as isEventExist, fe as isFunction, pe as isNull, he as isNumber, ge as isObject, me as isUndefined, Q as off, Z as on };
+}), It = Ft;
+export { _e as BackTop, we as ContextMenu, Ae as ContextMenuDivider, Oe as ContextMenuGroup, Ee as ContextMenuItem, Me as ContextMenuSubmenu, It as LazyLoader, Se as LeftMenu, be as LeftMenuEventDispatch, $ as LeftMenuEvents, Xe as PageHeader, ht as Result, Pt as Scrollbar, bt as SettingDivision, Ct as SettingGroup, vt as SettingItem, Ie as SplitPanel, Tt as SwitchEnable, Ot as SwitchPlus, At as SwitchPlusEnable, Mt as Thumb, Re as UtoolsBaseLayout, Je as UtoolsLayout, ye as WebBaseLayout, Pe as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, ue as isEventExist, de as isFunction, fe as isNull, me as isNumber, he as isObject, pe as isUndefined, Q as off, Z as on };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xiaou66/u-web-ui",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "description": "web-ui",
   "main": "./dist/index.es.js",
   "module": "./dist/index.es.js",