@xiaou66/u-web-ui 0.0.39 → 0.0.40

package/dist/index.es.js

@@ -1,49 +1,60 @@
 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, Avatar 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 } from "@vueuse/core";
-const se = "u-web";
+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 } from "@vueuse/core";
 function Y(...e) {
-	return se + "-" + e.join("-");
+	return "u-web-" + e.join("-");
 }
 function X(...e) {
 	let t = e.join("-");
 	return (...e) => Y(t, ...e);
 }
-function ce(e) {
+function oe(e) {
 	return e.substring(0, 1).toUpperCase() + e.substring(1);
 }
-const Z = "on", le = [
+const se = [
 	"Capture",
 	"Passive",
 	"Once"
-], ue = /* @__PURE__ */ RegExp(`^(${le.join("|")})*$`);
-function de(...e) {
+], ce = /* @__PURE__ */ RegExp(`^(${se.join("|")})*$`);
+function le(...e) {
 	if (!e.length) return !1;
 	let t = p();
 	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("on")), ...Object.keys(i).filter((e) => e.startsWith("on"))];
 	for (let t of e) {
-		let e = t.startsWith(Z) ? t : `${Z}${ce(t)}`;
+		let e = t.startsWith("on") ? t : `on${oe(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 && ce.test(n)) return !0;
 		}
 	}
 	return !1;
 }
-function fe(e) {
+function ue(e) {
 	return typeof e == "function";
 }
-function pe(e) {
+function de(e) {
 	return e === null;
 }
-function me(e) {
+function fe(e) {
 	return e === void 0;
 }
+function pe(e) {
+	return typeof e == "number" && !isNaN(e);
+}
+function me(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Z(e, t, n) {
+	e.addEventListener(t, n);
+}
+function Q(e, t, n) {
+	e.removeEventListener(t, n);
+}
 var he = /* @__PURE__ */ f({
 	__name: "BackTop",
 	props: {
@@ -113,7 +124,7 @@ var he = /* @__PURE__ */ f({
 	__name: "WebBaseLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = K, r = B, o = U, s = J;
+			let n = G, r = B, o = H, s = q;
 			return S(), i(s, { class: "h-screen" }, {
 				default: R(() => [e.$slots.header ? (S(), i(n, { key: 0 }, {
 					default: R(() => [D(e.$slots, "header")]),
@@ -136,11 +147,11 @@ var he = /* @__PURE__ */ f({
 		};
 	}
 }), ve = _e;
-let Q = /* @__PURE__ */ function(e) {
+let $ = /* @__PURE__ */ function(e) {
 	return e.Refresh = "u:leftMenu:refresh", e;
 }({});
 const ye = { refresh: () => {
-	window.dispatchEvent(new CustomEvent(Q.Refresh));
+	window.dispatchEvent(new CustomEvent($.Refresh));
 } };
 var be = /* @__PURE__ */ f({
 	__name: "LeftMenu",
@@ -153,7 +164,8 @@ var be = /* @__PURE__ */ f({
 		refreshEventListener: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		size: { default: "default" }
 	}, {
 		collapsed: {
 			type: Boolean,
@@ -167,7 +179,7 @@ var be = /* @__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);
 		}
@@ -183,16 +195,17 @@ var be = /* @__PURE__ */ f({
 		function _(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
-		return r.refreshEventListener && oe(document, Q.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,
 				"onUpdate:collapsed": n[0] ||= (e) => a.value = e,
-				width: ["180px", "52px"]
+				width: ["180px", t.size === "small" ? "42px" : "52px"],
+				class: v([{ "u-web-left-menu-small": t.size === "small" }])
 			}, c({
 				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,
@@ -238,10 +251,15 @@ var be = /* @__PURE__ */ f({
 				name: "logo",
 				fn: R(() => [D(t.$slots, "logo")]),
 				key: "1"
-			} : void 0]), 1032, ["value", "collapsed"]);
+			} : void 0]), 1032, [
+				"value",
+				"collapsed",
+				"width",
+				"class"
+			]);
 		};
 	}
-}), $ = be, xe = /* @__PURE__ */ f({
+}), xe = be, Se = /* @__PURE__ */ f({
 	__name: "ContextMenu",
 	props: { hideOnSelect: {
 		type: Boolean,
@@ -304,7 +322,7 @@ var be = /* @__PURE__ */ f({
 			}, null, 34)) : a("", !0)]))
 		], 64));
 	}
-}), Se = xe, Ce = /* @__PURE__ */ f({
+}), Ce = Se, we = /* @__PURE__ */ f({
 	__name: "ContextMenuItem",
 	props: {
 		label: {},
@@ -348,7 +366,7 @@ var be = /* @__PURE__ */ f({
 			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));
 	}
-}), we = Ce, Te = /* @__PURE__ */ f({
+}), Te = we, Ee = /* @__PURE__ */ f({
 	__name: "ContextMenuGroup",
 	props: { title: {} },
 	setup(e) {
@@ -358,12 +376,12 @@ var be = /* @__PURE__ */ f({
 			class: v(N(t)("title"))
 		}, A(e.title), 3)) : a("", !0), D(e.$slots, "default")], 2));
 	}
-}), Ee = Te, De = /* @__PURE__ */ f({
+}), De = Ee, Oe = /* @__PURE__ */ f({
 	__name: "ContextMenuDivider",
 	setup(e) {
 		return (e, t) => (S(), o("div", { class: v(N(Y)("context-menu-divider")) }, null, 2));
 	}
-}), Oe = De, ke = /* @__PURE__ */ f({
+}), ke = Oe, Ae = /* @__PURE__ */ f({
 	__name: "ContextMenuSubmenu",
 	props: {
 		label: {},
@@ -476,11 +494,11 @@ var be = /* @__PURE__ */ f({
 			}, [D(e.$slots, "default")], 38)) : a("", !0)
 		], 34));
 	}
-}), Ae = ke, je = /* @__PURE__ */ f({
+}), je = Ae, Me = /* @__PURE__ */ f({
 	__name: "WebLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = G, r = O("router-view");
+			let n = W, r = O("router-view");
 			return S(), i(ve, null, {
 				header: R(() => [d(n, {
 					value: "item1",
@@ -494,13 +512,13 @@ var be = /* @__PURE__ */ f({
 					fn: R(() => [D(e.$slots, "operations")]),
 					key: "1"
 				} : void 0]), 1024)]),
-				left: R(() => [D(e.$slots, "left", {}, () => [d(N($))])]),
+				left: R(() => [D(e.$slots, "left", {}, () => [d(N(xe))])]),
 				default: R(() => [D(e.$slots, "default", {}, () => [s("div", { class: v([N(Y)("main-content-inner")]) }, [d(r)], 2)])]),
 				_: 3
 			});
 		};
 	}
-}), Me = je, Ne = /* @__PURE__ */ f({
+}), Ne = Me, Pe = /* @__PURE__ */ f({
 	__name: "SplitPanel",
 	props: {
 		component: { default: "div" },
@@ -652,11 +670,11 @@ var be = /* @__PURE__ */ f({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Pe = Ne, Fe = /* @__PURE__ */ f({
+}), Fe = Pe, Ie = /* @__PURE__ */ f({
 	__name: "UtoolsBaseLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = B, r = U, a = J;
+			let n = B, r = H, a = q;
 			return S(), i(a, { class: "h-screen min-h-0" }, {
 				default: R(() => [d(n, { width: "auto" }, {
 					default: R(() => [D(e.$slots, "left")]),
@@ -672,51 +690,56 @@ var be = /* @__PURE__ */ f({
 			});
 		};
 	}
-}), Ie = Fe;
-const Le = { class: "utools" }, Re = { class: "title" }, ze = { class: "flex justify-end h-full pr-3 w-full" }, Be = { class: "content" }, Ve = { class: "content-inner" }, He = {
+}), Le = Ie;
+const Re = { class: "utools" }, ze = { class: "w-8 h-auto overflow-hidden rounded-full" }, Be = ["src"], Ve = { class: "title pl-5" }, He = { class: "flex justify-end h-full pr-3 w-full" }, Ue = { class: "content" }, We = { class: "content-inner" }, Ge = {
 	class: "flex items-center justify-center",
 	style: { "font-size": "10px" }
 };
-var Ue = /* @__PURE__ */ f({
+var Ke = /* @__PURE__ */ f({
 	__name: "UtoolsLayout",
 	props: {
 		avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
 		loadRouter: {},
 		refreshEventListener: { type: Boolean },
-		title: { default: "utools demo" }
+		title: { default: "utools demo" },
+		size: { default: "default" }
 	},
 	setup(e) {
 		let t = T(), n = T(!0);
 		return (e, r) => {
-			let i = V, a = O("router-view");
-			return S(), o("div", Le, [d(Ie, null, {
+			let i = O("router-view");
+			return S(), o("div", Re, [d(Le, 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($), g({
+				}, [s("div", { class: v(["w-5 h-5 font-bold", n.value ? "i-p-expandLeft" : "i-p-expandRight"]) }, null, 2)], 2), d(N(xe), g({
 					ref_key: "leftMenuRef",
 					ref: t
 				}, {
 					loadRouter: e.loadRouter,
-					refreshEventListener: e.refreshEventListener
+					refreshEventListener: e.refreshEventListener,
+					size: e.size
 				}, {
 					collapsed: n.value,
 					"onUpdate:collapsed": r[1] ||= (e) => n.value = e,
 					hideOperations: ""
 				}), {
-					logo: R(() => [d(i, { image: e.avatar }, null, 8, ["image"]), s("div", Re, A(e.title), 1)]),
+					logo: R(() => [s("div", ze, [s("img", {
+						class: "logo w-full h-full",
+						src: e.avatar
+					}, null, 8, Be)]), s("div", Ve, A(e.title), 1)]),
 					_: 1
 				}, 16, ["collapsed"])], 2)]),
 				default: R(() => [s("div", { class: v(N(Y)("utools", "content-wrapper")) }, [
-					s("div", ze, [D(e.$slots, "header-tips")]),
-					s("div", Be, [s("div", Ve, [d(a)])]),
-					D(e.$slots, "footer", {}, () => [s("div", He, " © " + A((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
+					s("div", He, [D(e.$slots, "header-tips")]),
+					s("div", Ue, [s("div", We, [d(i)])]),
+					D(e.$slots, "footer", {}, () => [s("div", Ge, " © " + A((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
 				], 2)]),
 				_: 3
 			})]);
 		};
 	}
-}), We = Ue, Ge = /* @__PURE__ */ f({
+}), qe = Ke, Je = /* @__PURE__ */ f({
 	__name: "PageHeader",
 	props: {
 		title: { default: "" },
@@ -728,9 +751,9 @@ var Ue = /* @__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(() => le("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")),
@@ -753,40 +776,40 @@ var Ue = /* @__PURE__ */ f({
 			}, [D(e.$slots, "extra")], 2)) : a("", !0)], 2);
 		};
 	}
-}), Ke = Ge, qe = (e, t) => {
+}), Ye = Je, Xe = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 };
-const Je = {}, Ye = { class: "result-error-icon" };
-function Xe(e, t) {
-	return S(), o("div", Ye, 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 Ze = {}, Qe = { class: "result-error-icon" };
+function $e(e, t) {
+	return S(), o("div", Qe, 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 Ze = /* @__PURE__ */ qe(Je, [["render", Xe], ["__scopeId", "data-v-fc6ebdc7"]]);
-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-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 et = /* @__PURE__ */ Xe(Ze, [["render", $e], ["__scopeId", "data-v-fc6ebdc7"]]);
+const tt = {}, nt = { class: "result-error-icon" };
+function rt(e, t) {
+	return S(), o("div", nt, 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__ */ qe(Qe, [["render", et], ["__scopeId", "data-v-cdc3b8a1"]]);
-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-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 it = /* @__PURE__ */ Xe(tt, [["render", rt], ["__scopeId", "data-v-cdc3b8a1"]]);
+const at = {}, ot = { class: "result-error-icon" };
+function st(e, t) {
+	return S(), o("div", ot, 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__ */ qe(nt, [["render", it], ["__scopeId", "data-v-cb66ef61"]]);
-const ot = {
+var ct = /* @__PURE__ */ Xe(at, [["render", st], ["__scopeId", "data-v-cb66ef61"]]);
+const lt = {
 	key: 0,
 	class: "i-p-info w-12 h-12"
-}, st = {
+}, ut = {
 	key: 1,
 	class: "i-p-check"
-}, ct = {
+}, dt = {
 	key: 2,
 	class: "i-p-info w-12 h-12"
-}, lt = {
+}, ft = {
 	key: 3,
 	class: "i-p-close"
 };
-var ut = /* @__PURE__ */ f({
+var pt = /* @__PURE__ */ f({
 	__name: "Result",
 	props: {
 		status: { default: "info" },
@@ -810,7 +833,7 @@ var ut = /* @__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", ot)) : e.status === "success" ? (S(), o("span", st)) : e.status === "warning" ? (S(), o("span", ct)) : e.status === "error" ? (S(), o("span", lt)) : e.status === "403" ? (S(), i(Ze, { key: 4 })) : e.status === "404" ? (S(), i(tt, { key: 5 })) : e.status === "500" ? (S(), i(at, { key: 6 })) : a("", !0)])], 2)], 2),
+			}]) }, [s("div", { class: v(`${N(c)}-icon-tip`) }, [D(e.$slots, "icon", {}, () => [e.status === "info" ? (S(), o("span", lt)) : e.status === "success" ? (S(), o("span", ut)) : e.status === "warning" ? (S(), o("span", dt)) : e.status === "error" ? (S(), o("span", ft)) : e.status === "403" ? (S(), i(et, { key: 4 })) : e.status === "404" ? (S(), i(it, { key: 5 })) : e.status === "500" ? (S(), i(ct, { key: 6 })) : a("", !0)])], 2)], 2),
 			e.title || e.$slots.title ? (S(), o("div", {
 				key: 0,
 				class: v(`${N(c)}-title`)
@@ -829,9 +852,9 @@ var ut = /* @__PURE__ */ f({
 			}, [D(e.$slots, "default")], 2)) : a("", !0)
 		], 2));
 	}
-}), dt = ut;
-const ft = { class: "flex justify-between items-center" };
-var pt = /* @__PURE__ */ f({
+}), mt = pt;
+const ht = { class: "flex justify-between items-center" };
+var gt = /* @__PURE__ */ f({
 	__name: "SettingItem",
 	props: {
 		title: {},
@@ -846,22 +869,22 @@ var pt = /* @__PURE__ */ f({
 			let e = [];
 			return e.push(Y("setting-item")), n.value && e.push("cursor-pointer"), e;
 		});
-		return (e, t) => (S(), o("div", g({ class: i.value }, j({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [s("div", ft, [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));
+		return (e, t) => (S(), o("div", g({ class: i.value }, j({ ...n.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [s("div", ht, [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));
 	}
-}), mt = pt, ht = /* @__PURE__ */ f({
+}), _t = gt, vt = /* @__PURE__ */ f({
 	__name: "SettingDivision",
 	setup(e) {
 		return (e, t) => (S(), o("div", { class: v(N(Y)("setting-division")) }, null, 2));
 	}
-}), gt = ht;
-const _t = { key: 0 };
-var vt = /* @__PURE__ */ f({
+}), yt = vt;
+const bt = { key: 0 };
+var xt = /* @__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", _t, [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", bt, [D(e.$slots, "desc")])) : a("", !0)], 2), s("div", null, [D(e.$slots, "default")])], 2));
 	}
-}), yt = vt, bt = /* @__PURE__ */ f({
+}), St = xt, Ct = /* @__PURE__ */ f({
 	name: "SwitchEnable",
 	inheritAttrs: !1,
 	__name: "SwitchEnable",
@@ -896,7 +919,7 @@ var vt = /* @__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
@@ -908,9 +931,9 @@ var vt = /* @__PURE__ */ f({
 			}), null, 16, ["class", "modelValue"]);
 		};
 	}
-}), xt = bt;
-const St = ["aria-checked", "disabled"];
-var Ct = /* @__PURE__ */ f({
+}), wt = Ct;
+const Tt = ["aria-checked", "disabled"];
+var Et = /* @__PURE__ */ f({
 	name: "SwitchPlus",
 	__name: "SwitchPlus",
 	props: /* @__PURE__ */ h({
@@ -980,7 +1003,7 @@ var Ct = /* @__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 (ue(r)) {
 				b.value = !0;
 				try {
 					let i = await r(n);
@@ -995,7 +1018,7 @@ var Ct = /* @__PURE__ */ f({
 			l("blur", e);
 		};
 		L(i, (e) => {
-			(me(e) || pe(e)) && (i.value = c.uncheckedValue);
+			(fe(e) || de(e)) && (i.value = c.uncheckedValue);
 		});
 		let k = r(() => [
 			m,
@@ -1034,9 +1057,9 @@ var Ct = /* @__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, St));
+		}, 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, Tt));
 	}
-}), wt = Ct, Tt = /* @__PURE__ */ f({
+}), Dt = Et, Ot = /* @__PURE__ */ f({
 	__name: "SwitchPlusEnable",
 	props: /* @__PURE__ */ h({
 		modelValue: { type: [
@@ -1093,7 +1116,7 @@ var Ct = /* @__PURE__ */ f({
 	emits: ["update:value"],
 	setup(e) {
 		let t = F(e, "value"), n = e;
-		return (e, r) => (S(), i(wt, g({
+		return (e, r) => (S(), i(Dt, g({
 			value: t.value,
 			"onUpdate:value": r[0] ||= (e) => t.value = e
 		}, n), {
@@ -1114,5 +1137,193 @@ var Ct = /* @__PURE__ */ f({
 			_: 1
 		}, 16, ["value"]));
 	}
-}), Et = Tt;
-export { ge as BackTop, Se as ContextMenu, Oe as ContextMenuDivider, Ee as ContextMenuGroup, we as ContextMenuItem, Ae as ContextMenuSubmenu, $ as LeftMenu, ye as LeftMenuEventDispatch, Q as LeftMenuEvents, Ke as PageHeader, dt as Result, gt as SettingDivision, yt as SettingGroup, mt as SettingItem, Pe as SplitPanel, xt as SwitchEnable, wt as SwitchPlus, Et as SwitchPlusEnable, Ie as UtoolsBaseLayout, We as UtoolsLayout, ve as WebBaseLayout, Me as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, de as isEventExist, fe as isFunction, pe as isNull, me as isUndefined };
+}), kt = Ot, At = /* @__PURE__ */ f({
+	__name: "thumb",
+	props: {
+		data: {},
+		direction: { default: "horizontal" },
+		alwaysShow: {
+			type: Boolean,
+			default: !1
+		},
+		both: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["scroll"],
+	setup(e, { expose: t, emit: n }) {
+		let i = e, a = n, c = Y("scrollbar"), l = T(), u = T(), d = r(() => i.direction === "horizontal" ? {
+			size: "width",
+			direction: "left",
+			offset: "offsetWidth",
+			client: "clientX"
+		} : {
+			size: "height",
+			direction: "top",
+			offset: "offsetHeight",
+			client: "clientY"
+		}), f = T(0), p = T(!1), m = T(0), h = r(() => ({
+			[d.value.size]: `${i.data?.thumbSize ?? 0}px`,
+			[d.value.direction]: `${f.value}px`
+		})), g = (e) => {
+			e.preventDefault(), u.value && (m.value = e[d.value.client] - u.value.getBoundingClientRect()[d.value.direction], p.value = !0, Z(window, "mousemove", x), Z(window, "mouseup", C), Z(window, "contextmenu", C));
+		}, _ = (e) => {
+			if (e.preventDefault(), u.value) {
+				let t = b(e[d.value.client] > u.value.getBoundingClientRect()[d.value.direction] ? f.value + (i.data?.thumbSize ?? 0) : f.value - (i.data?.thumbSize ?? 0));
+				t !== f.value && (f.value = t, a("scroll", t));
+			}
+		}, b = (e) => e < 0 ? 0 : i.data && e > i.data.max ? i.data.max : e, x = (e) => {
+			if (l.value && u.value) {
+				let t = b(e[d.value.client] - l.value.getBoundingClientRect()[d.value.direction] - m.value);
+				t !== f.value && (f.value = t, a("scroll", t));
+			}
+		}, C = () => {
+			p.value = !1, Q(window, "mousemove", x), Q(window, "mouseup", C);
+		}, w = (e) => {
+			p.value || (e = b(e), e !== f.value && (f.value = e));
+		}, E = r(() => [
+			`${c}-thumb`,
+			`${c}-thumb-direction-${i.direction}`,
+			{ [`${c}-thumb-dragging`]: p.value }
+		]);
+		return t({ setOffset: w }), (e, t) => (S(), o("div", {
+			ref_key: "trackRef",
+			ref: l,
+			class: v([`${N(c)}-track`, `${N(c)}-track-direction-${e.direction}`]),
+			onMousedown: z(_, ["self"])
+		}, [s("div", {
+			ref_key: "thumbRef",
+			ref: u,
+			class: v(E.value),
+			style: y(h.value),
+			onMousedown: g
+		}, [s("div", { class: v(`${N(c)}-thumb-bar`) }, null, 2)], 38)], 34));
+	}
+}), jt = At, Mt = /* @__PURE__ */ f({
+	__name: "Scrollbar",
+	props: {
+		type: { default: "embed" },
+		outerClass: {},
+		outerStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		hide: {
+			type: Boolean,
+			default: !1
+		},
+		disableHorizontal: {
+			type: Boolean,
+			default: !1
+		},
+		disableVertical: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["scroll"],
+	setup(e, { expose: t, emit: n }) {
+		let c = e, l = n, u = Y("scrollbar"), d = T(), f = T(), p = T(), m = T(), h = T(), _ = T(!1), C = T(!1), w = r(() => _.value && !c.disableHorizontal), E = r(() => C.value && !c.disableVertical), O = T(!1), k = null, A = () => {
+			if (d.value) {
+				let { clientWidth: e, clientHeight: t, offsetWidth: n, offsetHeight: r, scrollWidth: i, scrollHeight: a, scrollTop: o, scrollLeft: s } = d.value;
+				_.value = i > e, C.value = a > t, O.value = w.value && E.value;
+				let l = c.type === "embed" && O.value ? n - 15 : n, u = c.type === "embed" && O.value ? r - 15 : r, g = Math.round(l / Math.min(i / e, l / 20)), v = l - g, y = (i - e) / v, b = Math.round(u / Math.min(a / t, u / 20)), x = u - b, S = (a - t) / x;
+				if (f.value = {
+					ratio: y,
+					thumbSize: g,
+					max: v
+				}, p.value = {
+					ratio: S,
+					thumbSize: b,
+					max: x
+				}, o > 0) {
+					let e = Math.round(o / (p.value?.ratio ?? 1));
+					h.value?.setOffset(e);
+				}
+				if (s > 0) {
+					let e = Math.round(s / (f.value?.ratio ?? 1));
+					m.value?.setOffset(e);
+				}
+			}
+		}, j = () => {
+			A();
+		};
+		b(() => {
+			if (A(), d.value) {
+				k = new ResizeObserver(j), k.observe(d.value);
+				let e = d.value.firstElementChild;
+				e && k.observe(e);
+			}
+		}), x(() => {
+			k && (k.disconnect(), k = null);
+		});
+		let M = (e) => {
+			if (d.value) {
+				if (w.value && !c.disableHorizontal) {
+					let e = Math.round(d.value.scrollLeft / (f.value?.ratio ?? 1));
+					m.value?.setOffset(e);
+				}
+				if (E.value && !c.disableVertical) {
+					let e = Math.round(d.value.scrollTop / (p.value?.ratio ?? 1));
+					h.value?.setOffset(e);
+				}
+			}
+			l("scroll", e);
+		}, P = (e) => {
+			d.value && d.value.scrollTo({ left: e * (f.value?.ratio ?? 1) });
+		}, F = (e) => {
+			d.value && d.value.scrollTo({ top: e * (p.value?.ratio ?? 1) });
+		}, I = r(() => {
+			let e = {};
+			return c.type === "track" && (w.value && (e.paddingBottom = "15px"), E.value && (e.paddingRight = "15px")), [e, c.outerStyle];
+		}), L = r(() => [
+			`${u}`,
+			`${u}-type-${c.type}`,
+			{ [`${u}-both`]: O.value },
+			c.outerClass
+		]), R = (e, t) => {
+			me(e) ? d.value?.scrollTo(e) : (e || t) && d.value?.scrollTo(e, t);
+		}, z = (e) => {
+			d.value?.scrollTo({ top: e });
+		}, B = (e) => {
+			d.value?.scrollTo({ left: e });
+		};
+		return t({
+			scrollTo: R,
+			scrollTop: z,
+			scrollLeft: B
+		}), (e, t) => (S(), o("div", {
+			class: v(L.value),
+			style: y(I.value)
+		}, [
+			s("div", g({
+				ref_key: "containerRef",
+				ref: d,
+				class: `${N(u)}-container`
+			}, e.$attrs, { onScroll: M }), [D(e.$slots, "default")], 16),
+			!e.hide && w.value ? (S(), i(jt, {
+				key: 0,
+				ref_key: "horizontalThumbRef",
+				ref: m,
+				data: f.value,
+				direction: "horizontal",
+				both: O.value,
+				onScroll: P
+			}, null, 8, ["data", "both"])) : a("", !0),
+			!e.hide && E.value ? (S(), i(jt, {
+				key: 1,
+				ref_key: "verticalThumbRef",
+				ref: h,
+				data: p.value,
+				direction: "vertical",
+				both: O.value,
+				onScroll: F
+			}, null, 8, ["data", "both"])) : a("", !0)
+		], 6));
+	}
+}), Nt = Mt;
+export { ge as BackTop, Ce as ContextMenu, ke as ContextMenuDivider, De as ContextMenuGroup, Te as ContextMenuItem, je as ContextMenuSubmenu, xe as LeftMenu, ye as LeftMenuEventDispatch, $ as LeftMenuEvents, Ye as PageHeader, mt as Result, Nt as Scrollbar, yt as SettingDivision, St as SettingGroup, _t as SettingItem, Fe as SplitPanel, wt as SwitchEnable, Dt as SwitchPlus, kt as SwitchPlusEnable, jt as Thumb, Le as UtoolsBaseLayout, qe as UtoolsLayout, ve as WebBaseLayout, Ne as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, le as isEventExist, ue as isFunction, de as isNull, pe as isNumber, me as isObject, fe as isUndefined, Q as off, Z as on };