@xiaou66/u-web-ui 0.0.55 → 0.0.57

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useLoading';
+export * from './useTheme';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}

package/dist/hooks/useLoading.d.ts

@@ -0,0 +1,19 @@
+import { ComputedRef, Ref } from 'vue';
+type ProxyFunction = (...any: any[]) => Promise<any | void>;
+/**
+ * 单步加载，适合在单个加载按钮使用
+ * @param func 加载函数
+ * @return [被代理后的函数, 加载状态]
+ */
+export declare const useSingleLoading: (func: Function) => [ProxyFunction, Ref<boolean>];
+type getLoadUniqueKey<T> = (...args: any[]) => T;
+type loadStatusCompute<T> = ComputedRef<(uniqueKey: T) => boolean>;
+/**
+ * 适用列表或多个需要加载的状态的函数
+ * @param func 加载函数
+ * @param getLoadUniqueKey 获取判断加载的唯一标识
+ * @return [被代理后的函数, 加载状态(唯一键), 所有加载中的唯一标识集合]
+ */
+export declare const useMultiLoading: <T = any>(func: Function, getLoadUniqueKey: getLoadUniqueKey<T>) => [ProxyFunction, loadStatusCompute<T>, Ref<T[]>];
+export {};
+//# sourceMappingURL=useLoading.d.ts.map

package/dist/hooks/useLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoading.d.ts","sourceRoot":"","sources":["../../src/hooks/useLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,WAAW,EAAE,KAAK,GAAG,EAAO,MAAM,KAAK,CAAA;AAW/D,KAAK,aAAa,GAAG,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;AAE5D;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,MAAM,QAAQ,KAAI,CAAC,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAsB9E,CAAA;AAGD,KAAK,gBAAgB,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;AACjD,KAAK,iBAAiB,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,SAAS,EAAE,CAAC,KAAK,OAAO,CAAC,CAAC;AAEnE;;;;;GAKG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,GAAC,GAAG,EAAG,MAAM,QAAQ,EAAE,kBAAkB,gBAAgB,CAAC,CAAC,CAAC,KAAG,CAAC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAyB7I,CAAA"}

package/dist/hooks/useTheme.d.ts

@@ -0,0 +1,13 @@
+type themeType = 'default' | 'dark' | 'auto';
+export interface UseThemeOptions {
+    setDefaultTheme: () => void;
+    setDarkTheme: () => void;
+    getUserThemeConfig?: () => themeType;
+}
+export declare function useTheme(options: UseThemeOptions): {
+    themeRefresh: () => void;
+};
+export declare function setCurrentTheme(theme: 'default' | 'dark'): void;
+export declare function getCurrentTheme(): themeType;
+export {};
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAE,SAAS,GAAG,MAAM,GAAE,MAAM,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,SAAS,CAAC;CACtC;AAED,wBAAgB,QAAQ,CAAC,OAAO,EAAE,eAAe;;EAuChD;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,QAKxD;AAED,wBAAgB,eAAe,cAE9B"}

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './utils';
+export * from './hooks';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,iBAAiB,CAAA;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,iBAAiB,CAAA;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.es.js

@@ -52,10 +52,10 @@ function he(e) {
 function Z(e, t, n) {
 	e.addEventListener(t, n);
 }
-function Q(e, t, n) {
+function ge(e, t, n) {
 	e.removeEventListener(t, n);
 }
-var ge = /* @__PURE__ */ f({
+var _e = /* @__PURE__ */ f({
 	__name: "BackTop",
 	props: {
 		visibleHeight: { default: 200 },
@@ -120,7 +120,7 @@ var ge = /* @__PURE__ */ f({
 			_: 3
 		}));
 	}
-}), _e = ge, ve = /* @__PURE__ */ f({
+}), ve = _e, ye = /* @__PURE__ */ f({
 	__name: "WebBaseLayout",
 	setup(e) {
 		return (e, t) => {
@@ -146,14 +146,14 @@ var ge = /* @__PURE__ */ f({
 			});
 		};
 	}
-}), ye = ve;
-let $ = /* @__PURE__ */ function(e) {
+}), be = ye;
+let xe = /* @__PURE__ */ function(e) {
 	return e.Refresh = "u:leftMenu:refresh", e;
 }({});
-const be = { refresh: () => {
-	window.dispatchEvent(new CustomEvent($.Refresh));
+const Se = { refresh: () => {
+	window.dispatchEvent(new CustomEvent(xe.Refresh));
 } };
-var xe = /* @__PURE__ */ f({
+var Ce = /* @__PURE__ */ f({
 	__name: "LeftMenu",
 	props: /* @__PURE__ */ h({
 		hideOperations: {
@@ -195,7 +195,7 @@ var xe = /* @__PURE__ */ f({
 		function _(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
-		return r.refreshEventListener && ae(document, $.Refresh, h), n({
+		return r.refreshEventListener && ae(document, xe.Refresh, h), n({
 			changeCollapsed: s,
 			refreshRouter: h
 		}), (t, n) => {
@@ -259,7 +259,7 @@ var xe = /* @__PURE__ */ f({
 			]);
 		};
 	}
-}), Se = xe, Ce = /* @__PURE__ */ f({
+}), we = Ce, Te = /* @__PURE__ */ f({
 	__name: "ContextMenuItem",
 	props: {
 		label: {},
@@ -303,7 +303,7 @@ var xe = /* @__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({
+}), Ee = Te, De = /* @__PURE__ */ f({
 	__name: "ContextMenuGroup",
 	props: { title: {} },
 	setup(e) {
@@ -313,12 +313,12 @@ var xe = /* @__PURE__ */ f({
 			class: v(N(t)("title"))
 		}, A(e.title), 3)) : a("", !0), D(e.$slots, "default")], 2));
 	}
-}), Ee = Te, De = /* @__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));
 	}
-}), Oe = De, ke = /* @__PURE__ */ f({
+}), Ae = ke, je = /* @__PURE__ */ f({
 	__name: "ContextMenuSubmenu",
 	props: {
 		label: {},
@@ -431,7 +431,7 @@ var xe = /* @__PURE__ */ f({
 			}, [D(e.$slots, "default")], 38)) : a("", !0)
 		], 34));
 	}
-}), Ae = ke, je = /* @__PURE__ */ f({
+}), Me = je, Ne = /* @__PURE__ */ f({
 	__name: "ContextMenu",
 	props: {
 		hideOnSelect: {
@@ -504,12 +504,12 @@ var xe = /* @__PURE__ */ f({
 			}, null, 34)) : a("", !0)]))
 		], 64));
 	}
-}), Me = je, Ne = /* @__PURE__ */ f({
+}), Pe = Ne, Fe = /* @__PURE__ */ f({
 	__name: "WebLayout",
 	setup(e) {
 		return (e, t) => {
 			let n = W, r = O("router-view");
-			return S(), i(ye, null, {
+			return S(), i(be, null, {
 				header: R(() => [d(n, {
 					value: "item1",
 					height: "60px"
@@ -522,13 +522,13 @@ var xe = /* @__PURE__ */ f({
 					fn: R(() => [D(e.$slots, "operations")]),
 					key: "1"
 				} : void 0]), 1024)]),
-				left: R(() => [D(e.$slots, "left", {}, () => [d(N(Se))])]),
+				left: R(() => [D(e.$slots, "left", {}, () => [d(N(we))])]),
 				default: R(() => [D(e.$slots, "default", {}, () => [s("div", { class: v([N(Y)("main-content-inner")]) }, [d(r)], 2)])]),
 				_: 3
 			});
 		};
 	}
-}), Pe = Ne, Fe = /* @__PURE__ */ f({
+}), Ie = Fe, Le = /* @__PURE__ */ f({
 	__name: "SplitPanel",
 	props: {
 		component: { default: "div" },
@@ -680,7 +680,7 @@ var xe = /* @__PURE__ */ f({
 			_: 3
 		}, 8, ["class"]));
 	}
-}), Ie = Fe, Le = /* @__PURE__ */ f({
+}), Re = Le, ze = /* @__PURE__ */ f({
 	__name: "UtoolsBaseLayout",
 	setup(e) {
 		return (e, t) => {
@@ -700,12 +700,12 @@ var xe = /* @__PURE__ */ f({
 			});
 		};
 	}
-}), Re = Le;
-const ze = { class: "utools" }, Be = { class: "w-8 h-auto overflow-hidden" }, 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 = {
+}), Be = ze;
+const Ve = { class: "utools" }, He = { class: "w-8 h-auto overflow-hidden" }, Ue = ["src"], We = { class: "title pl-5" }, Ge = { class: "flex justify-end h-full pr-3 w-full" }, Ke = { class: "content" }, qe = { class: "content-inner" }, Je = {
 	class: "flex items-center justify-center",
 	style: { "font-size": "10px" }
 };
-var qe = /* @__PURE__ */ f({
+var Ye = /* @__PURE__ */ f({
 	__name: "UtoolsLayout",
 	props: {
 		avatar: { default: "https://www.u-tools.cn/assets/favicon.png" },
@@ -718,11 +718,11 @@ var qe = /* @__PURE__ */ f({
 		let t = T(), n = T(!0);
 		return (e, r) => {
 			let i = O("router-view");
-			return S(), o("div", ze, [d(Re, null, {
+			return S(), o("div", Ve, [d(Be, 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(Se), g({
+				}, [s("div", { class: v(["w-5 h-5 font-bold", n.value ? "i-p-expandLeft" : "i-p-expandRight"]) }, null, 2)], 2), d(N(we), g({
 					ref_key: "leftMenuRef",
 					ref: t
 				}, {
@@ -734,23 +734,23 @@ var qe = /* @__PURE__ */ f({
 					"onUpdate:collapsed": r[1] ||= (e) => n.value = e,
 					hideOperations: ""
 				}), {
-					logo: R(() => [s("div", Be, [s("img", {
+					logo: R(() => [s("div", He, [s("img", {
 						class: "logo w-full h-full rounded-full",
 						src: e.avatar,
 						alt: "logo"
-					}, null, 8, Ve)]), s("div", He, A(e.title), 1)]),
+					}, null, 8, Ue)]), s("div", We, A(e.title), 1)]),
 					_: 1
 				}, 16, ["collapsed"])], 2)]),
 				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)])
+					s("div", Ge, [D(e.$slots, "header-tips")]),
+					s("div", Ke, [s("div", qe, [d(i)])]),
+					D(e.$slots, "footer", {}, () => [s("div", Je, " © " + A((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
 				], 2)]),
 				_: 3
 			})]);
 		};
 	}
-}), Je = qe, Ye = /* @__PURE__ */ f({
+}), Xe = Ye, Ze = /* @__PURE__ */ f({
 	__name: "PageHeader",
 	props: {
 		title: { default: "" },
@@ -787,40 +787,40 @@ var qe = /* @__PURE__ */ f({
 			}, [D(e.$slots, "extra")], 2)) : a("", !0)], 2);
 		};
 	}
-}), Xe = Ye, Ze = (e, t) => {
+}), Qe = Ze, $e = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
 };
-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)]);
+const et = {}, tt = { class: "result-error-icon" };
+function nt(e, t) {
+	return S(), o("div", tt, 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 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 rt = /* @__PURE__ */ $e(et, [["render", nt], ["__scopeId", "data-v-fc6ebdc7"]]);
+const it = {}, at = { class: "result-error-icon" };
+function ot(e, t) {
+	return S(), o("div", at, 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 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 st = /* @__PURE__ */ $e(it, [["render", ot], ["__scopeId", "data-v-cdc3b8a1"]]);
+const ct = {}, lt = { class: "result-error-icon" };
+function ut(e, t) {
+	return S(), o("div", lt, 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 lt = /* @__PURE__ */ Ze(ot, [["render", ct], ["__scopeId", "data-v-cb66ef61"]]);
-const ut = {
+var dt = /* @__PURE__ */ $e(ct, [["render", ut], ["__scopeId", "data-v-cb66ef61"]]);
+const ft = {
 	key: 0,
 	class: "i-p-info w-12 h-12"
-}, dt = {
+}, pt = {
 	key: 1,
 	class: "i-p-check"
-}, ft = {
+}, mt = {
 	key: 2,
 	class: "i-p-info w-12 h-12"
-}, pt = {
+}, ht = {
 	key: 3,
 	class: "i-p-close"
 };
-var mt = /* @__PURE__ */ f({
+var gt = /* @__PURE__ */ f({
 	__name: "Result",
 	props: {
 		status: { default: "info" },
@@ -844,7 +844,7 @@ var mt = /* @__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", 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),
+			}]) }, [s("div", { class: v(`${N(c)}-icon-tip`) }, [D(e.$slots, "icon", {}, () => [e.status === "info" ? (S(), o("span", ft)) : e.status === "success" ? (S(), o("span", pt)) : e.status === "warning" ? (S(), o("span", mt)) : e.status === "error" ? (S(), o("span", ht)) : e.status === "403" ? (S(), i(rt, { key: 4 })) : e.status === "404" ? (S(), i(st, { key: 5 })) : e.status === "500" ? (S(), i(dt, { key: 6 })) : a("", !0)])], 2)], 2),
 			e.title || e.$slots.title ? (S(), o("div", {
 				key: 0,
 				class: v(`${N(c)}-title`)
@@ -863,9 +863,9 @@ var mt = /* @__PURE__ */ f({
 			}, [D(e.$slots, "default")], 2)) : a("", !0)
 		], 2));
 	}
-}), ht = mt;
-const gt = { class: "flex justify-between items-center" };
-var _t = /* @__PURE__ */ f({
+}), _t = gt;
+const vt = { class: "flex justify-between items-center" };
+var yt = /* @__PURE__ */ f({
 	__name: "SettingItem",
 	props: {
 		title: {},
@@ -883,22 +883,22 @@ var _t = /* @__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", 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));
+		}, j({ ...i.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0)), [s("div", vt, [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));
 	}
-}), vt = _t, yt = /* @__PURE__ */ f({
+}), bt = yt, xt = /* @__PURE__ */ f({
 	__name: "SettingDivision",
 	setup(e) {
 		return (e, t) => (S(), o("div", { class: v(N(Y)("setting-division")) }, null, 2));
 	}
-}), bt = yt;
-const xt = { key: 0 };
-var St = /* @__PURE__ */ f({
+}), St = xt;
+const Ct = { key: 0 };
+var wt = /* @__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", xt, [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", Ct, [D(e.$slots, "desc")])) : a("", !0)], 2), s("div", null, [D(e.$slots, "default")])], 2));
 	}
-}), Ct = St, wt = /* @__PURE__ */ f({
+}), Tt = wt, Et = /* @__PURE__ */ f({
 	name: "SwitchEnable",
 	inheritAttrs: !1,
 	__name: "SwitchEnable",
@@ -945,9 +945,9 @@ var St = /* @__PURE__ */ f({
 			}), null, 16, ["class", "modelValue"]);
 		};
 	}
-}), Tt = wt;
-const Et = ["aria-checked", "disabled"];
-var Dt = /* @__PURE__ */ f({
+}), Dt = Et;
+const Ot = ["aria-checked", "disabled"];
+var kt = /* @__PURE__ */ f({
 	name: "SwitchPlus",
 	__name: "SwitchPlus",
 	props: /* @__PURE__ */ h({
@@ -1071,9 +1071,9 @@ var Dt = /* @__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, Et));
+		}, 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, Ot));
 	}
-}), Ot = Dt, kt = /* @__PURE__ */ f({
+}), At = kt, jt = /* @__PURE__ */ f({
 	__name: "SwitchPlusEnable",
 	props: /* @__PURE__ */ h({
 		modelValue: { type: [
@@ -1130,7 +1130,7 @@ var Dt = /* @__PURE__ */ f({
 	emits: ["update:value"],
 	setup(e) {
 		let t = F(e, "value"), n = e;
-		return (e, r) => (S(), i(Ot, g({
+		return (e, r) => (S(), i(At, g({
 			value: t.value,
 			"onUpdate:value": r[0] ||= (e) => t.value = e
 		}, n), {
@@ -1151,7 +1151,7 @@ var Dt = /* @__PURE__ */ f({
 			_: 1
 		}, 16, ["value"]));
 	}
-}), At = kt, jt = /* @__PURE__ */ f({
+}), Mt = jt, Nt = /* @__PURE__ */ f({
 	__name: "thumb",
 	props: {
 		data: {},
@@ -1193,7 +1193,7 @@ var Dt = /* @__PURE__ */ f({
 				t !== f.value && (f.value = t, a("scroll", t));
 			}
 		}, C = () => {
-			p.value = !1, Q(window, "mousemove", x), Q(window, "mouseup", C);
+			p.value = !1, ge(window, "mousemove", x), ge(window, "mouseup", C);
 		}, w = (e) => {
 			p.value || (e = b(e), e !== f.value && (f.value = e));
 		}, E = r(() => [
@@ -1214,7 +1214,7 @@ var Dt = /* @__PURE__ */ f({
 			onMousedown: g
 		}, [s("div", { class: v(`${N(c)}-thumb-bar`) }, null, 2)], 38)], 34));
 	}
-}), Mt = jt, Nt = /* @__PURE__ */ f({
+}), Pt = Nt, Ft = /* @__PURE__ */ f({
 	__name: "Scrollbar",
 	props: {
 		type: { default: "embed" },
@@ -1319,7 +1319,7 @@ var Dt = /* @__PURE__ */ f({
 				ref: d,
 				class: `${N(u)}-container`
 			}, e.$attrs, { onScroll: M }), [D(e.$slots, "default")], 16),
-			!e.hide && w.value ? (S(), i(Mt, {
+			!e.hide && w.value ? (S(), i(Pt, {
 				key: 0,
 				ref_key: "horizontalThumbRef",
 				ref: m,
@@ -1328,7 +1328,7 @@ var Dt = /* @__PURE__ */ f({
 				both: O.value,
 				onScroll: P
 			}, null, 8, ["data", "both"])) : a("", !0),
-			!e.hide && E.value ? (S(), i(Mt, {
+			!e.hide && E.value ? (S(), i(Pt, {
 				key: 1,
 				ref_key: "verticalThumbRef",
 				ref: h,
@@ -1339,7 +1339,7 @@ var Dt = /* @__PURE__ */ f({
 			}, null, 8, ["data", "both"])) : a("", !0)
 		], 6));
 	}
-}), Pt = Nt, Ft = /* @__PURE__ */ f({
+}), It = Ft, Lt = /* @__PURE__ */ f({
 	__name: "LazyLoader",
 	props: {
 		w: { default: "100%" },
@@ -1363,5 +1363,69 @@ var Dt = /* @__PURE__ */ f({
 			})
 		}, null, 4));
 	}
-}), It = Ft;
-export { _e as BackTop, Me as ContextMenu, Oe as ContextMenuDivider, Ee as ContextMenuGroup, we as ContextMenuItem, Ae 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 };
+}), Rt = Lt;
+function zt(e) {
+	return e instanceof Function && e.constructor.name === "AsyncFunction";
+}
+const Bt = (e) => {
+	let t = T(!1), n = (...n) => (t.value = !0, new Promise((r, i) => {
+		setTimeout(async () => {
+			try {
+				if (zt(e)) return await e(...n);
+				r(e(...n));
+			} catch (e) {
+				console.log("useSingleLoading", e), i(e);
+			} finally {
+				t.value = !1;
+			}
+		}, 50);
+	}));
+	return [n, t];
+}, Vt = (e, t) => {
+	let n = T([]), i = async (...r) => {
+		let i = t(...r);
+		n.value.push(i);
+		try {
+			return zt(e) ? await e(...r) : e(...r);
+		} catch (e) {
+			console.error("useLoading", e);
+		} finally {
+			let e = n.value.findIndex((e) => e === i);
+			e !== -1 && n.value.splice(e, 1);
+		}
+	}, a = r(() => (e) => n.value.includes(e));
+	return [
+		i,
+		a,
+		n
+	];
+}, Q = window.matchMedia("(prefers-color-scheme: dark)"), $ = T("default");
+function Ht(e) {
+	function t(t) {
+		if (e.getUserThemeConfig) {
+			let t = e.getUserThemeConfig();
+			if (t !== "auto") {
+				t === "dark" ? (e.setDarkTheme(), $.value = "dark") : t === "default" && (e.setDefaultTheme(), $.value = "default");
+				return;
+			}
+		}
+		t.matches ? (e.setDarkTheme(), $.value = "dark") : (e.setDefaultTheme(), $.value = "default");
+	}
+	function n() {
+		Q.addEventListener("change", t), Q.dispatchEvent(new MediaQueryListEvent("change", Q));
+	}
+	function r() {
+		Q.dispatchEvent(new MediaQueryListEvent("change", Q));
+	}
+	return n(), console.log("mediaQueryList", Q), { themeRefresh: r };
+}
+function Ut(e) {
+	Q.dispatchEvent(new MediaQueryListEvent("change", {
+		matches: e === "dark",
+		media: "(prefers-color-scheme: dark)"
+	}));
+}
+function Wt() {
+	return $.value;
+}
+export { ve as BackTop, Pe as ContextMenu, Ae as ContextMenuDivider, Oe as ContextMenuGroup, Ee as ContextMenuItem, Me as ContextMenuSubmenu, Rt as LazyLoader, we as LeftMenu, Se as LeftMenuEventDispatch, xe as LeftMenuEvents, Qe as PageHeader, _t as Result, It as Scrollbar, St as SettingDivision, Tt as SettingGroup, bt as SettingItem, Re as SplitPanel, Dt as SwitchEnable, At as SwitchPlus, Mt as SwitchPlusEnable, Pt as Thumb, Be as UtoolsBaseLayout, Xe as UtoolsLayout, be as WebBaseLayout, Ie as WebLayout, X as getBuildCurrentClassPrefix, Y as getClassPrefix, Wt as getCurrentTheme, ue as isEventExist, de as isFunction, fe as isNull, me as isNumber, he as isObject, pe as isUndefined, ge as off, Z as on, Ut as setCurrentTheme, Vt as useMultiLoading, Bt as useSingleLoading, Ht as useTheme };

package/package.json

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