@xiaou66/u-web-ui 0.92.0 → 0.93.0

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createStaticVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toHandlers, toRefs, unref, useAttrs, useModel, useSlots, watch, withCtx, withModifiers } from "vue";
+import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toHandlers, toRefs, unref, useAttrs, useModel, useSlots, watch, withCtx, withModifiers } from "vue";
 import { ElAside, ElButton, ElContainer, ElDivider, ElHeader, ElIcon, ElMain, ElMenu, ElMenuItem, ElSubMenu } from "element-plus/es";
 import { useRoute, useRouter } from "vue-router";
 import { useEventListener } from "@vueuse/core";
@@ -82,15 +82,15 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 				let { visibleHeight: e } = c;
 				d.value = (p.value ? window.pageYOffset : f.value.scrollTop) >= e;
 			}
-		}), g = (e) => typeof e == "string" ? (console.log("container: ", document.querySelector(e)), document.querySelector(e)) : e, S = (e, t, n) => {
+		}), b = (e) => typeof e == "string" ? (console.log("container: ", document.querySelector(e)), document.querySelector(e)) : e, x = (e, t, n) => {
 			e.addEventListener(t, n);
-		}, C = (e, t, n) => {
+		}, S = (e, t, n) => {
 			e.removeEventListener(t, n);
 		};
 		onMounted(() => {
-			f.value = p.value ? document?.documentElement : g(c.targetContainer), f.value && (S(p.value ? window : f.value, "scroll", h), h());
+			f.value = p.value ? document?.documentElement : b(c.targetContainer), f.value && (x(p.value ? window : f.value, "scroll", h), h());
 		}), onUnmounted(() => {
-			h.cancel(), f.value && C(p.value ? window : f.value, "scroll", h);
+			h.cancel(), f.value && S(p.value ? window : f.value, "scroll", h);
 		});
 		let w = () => {
 			if (!f.value) return;
@@ -100,7 +100,7 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 				p.value ? window.scrollTo(0, s) : f.value && (f.value.scrollTop = s), o < 1 && requestAnimationFrame(r);
 			};
 			requestAnimationFrame(r);
-		}, E = computed(() => {
+		}, T = computed(() => {
 			let { right: e = 28, bottom: t = 50 } = c.position || {};
 			return {
 				right: `${e}px`,
@@ -111,7 +111,7 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 			default: withCtx(() => [d.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass([unref(u), { [`${unref(u)}-${e.size}`]: e.size !== "default" }]),
-				style: normalizeStyle(E.value),
+				style: normalizeStyle(T.value),
 				onClick: w
 			}, [renderSlot(e.$slots, "default", {}, () => [createElementVNode("button", { class: normalizeClass(`${unref(u)}-btn`) }, [(openBlock(), createElementBlock("svg", {
 				class: normalizeClass(`${unref(u)}-icon`),
@@ -177,7 +177,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 	emits: ["update:collapsed"],
 	setup(t, { expose: n }) {
 		let r = t, c = useModel(t, "collapsed");
-		function l() {
+		function u() {
 			c.value = !c.value;
 		}
 		let d = useRouter(), f = useRoute(), p = ref([]);
@@ -190,17 +190,17 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 		onMounted(() => {
 			h();
 		});
-		function g(e) {
+		function _(e) {
 			d.push({ name: e.name });
 		}
-		function v(e) {
+		function y(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
 		return r.refreshEventListener && useEventListener(document, LeftMenuEvents.Refresh, h), n({
-			changeCollapsed: l,
+			changeCollapsed: u,
 			refreshRouter: h
 		}), (t, n) => {
-			let r = ElIcon, l = ElMenuItem, d = ElSubMenu, m = ElMenu;
+			let r = ElIcon, u = ElMenuItem, d = ElSubMenu, m = ElMenu;
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["left-menu horizontal-collapse-transition", {
 					"collapsed-width": c.value,
@@ -216,24 +216,24 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 				"popper-class": t.size === "small" ? "u-web-left-menu u-web-left-menu-small" : "u-web-left-menu",
 				class: normalizeClass(["u-web-left-menu", { "u-web-left-menu-small": t.size === "small" }])
 			}, {
-				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(p.value, (t) => (openBlock(), createElementBlock(Fragment, { key: String(t.name) }, [v(t).length > 0 ? (openBlock(), createBlock(d, {
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(p.value, (t) => (openBlock(), createElementBlock(Fragment, { key: String(t.name) }, [y(t).length > 0 ? (openBlock(), createBlock(d, {
 					key: 0,
 					index: String(t.name)
 				}, {
 					title: withCtx(() => [createVNode(r, { class: normalizeClass(t.meta.icon) }, null, 8, ["class"]), createElementVNode("span", null, toDisplayString(t.meta.title), 1)]),
-					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(v(t), (e) => (openBlock(), createBlock(l, {
+					default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(y(t), (e) => (openBlock(), createBlock(u, {
 						key: String(e.name),
 						index: String(e.name),
-						onClick: (t) => g(e)
+						onClick: (t) => _(e)
 					}, {
 						default: withCtx(() => [createVNode(r, { class: normalizeClass(e.meta.icon) }, null, 8, ["class"]), createElementVNode("span", null, toDisplayString(e.meta.title), 1)]),
 						_: 2
 					}, 1032, ["index", "onClick"]))), 128))]),
 					_: 2
-				}, 1032, ["index"])) : (openBlock(), createBlock(l, {
+				}, 1032, ["index"])) : (openBlock(), createBlock(u, {
 					key: 1,
 					index: String(t.name),
-					onClick: (e) => g(t)
+					onClick: (e) => _(t)
 				}, {
 					default: withCtx(() => [createVNode(r, { class: normalizeClass(t.meta.icon) }, null, 8, ["class"]), createElementVNode("span", null, toDisplayString(t.meta.title), 1)]),
 					_: 2
@@ -315,69 +315,69 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["select"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = getBuildCurrentClassPrefix("context-menu", "item"), c = getBuildCurrentClassPrefix("context-menu", "submenu"), l = getBuildCurrentClassPrefix("context-menu", "menu"), u = ref(), d = ref(), f = ref(!1), m = reactive({
+		let n = e, r = t, i = getBuildCurrentClassPrefix("context-menu", "item"), c = getBuildCurrentClassPrefix("context-menu", "submenu"), l = getBuildCurrentClassPrefix("context-menu", "menu"), u = ref(), d = ref(), p = ref(!1), m = reactive({
 			left: "0px",
 			top: "0px"
-		}), h = inject("handleSelect", null), w = null, E = null, D = !1, k = !1, A = () => {
-			w &&= (clearTimeout(w), null), E &&= (clearTimeout(E), null);
-		}, j = () => {
-			n.disabled || !u.value || (A(), m.left = "100%", m.top = "0px", f.value = !0, nextTick(() => {
-				N();
+		}), S = inject("handleSelect", null), w = null, T = null, D = !1, O = !1, k = () => {
+			w &&= (clearTimeout(w), null), T &&= (clearTimeout(T), null);
+		}, A = () => {
+			n.disabled || !u.value || (k(), m.left = "100%", m.top = "0px", p.value = !0, nextTick(() => {
+				M();
 			}));
-		}, M = () => {
-			!D && !k && (A(), E = setTimeout(() => {
-				!D && !k && (f.value = !1);
+		}, j = () => {
+			!D && !O && (k(), T = setTimeout(() => {
+				!D && !O && (p.value = !1);
 			}, 100));
-		}, N = () => {
+		}, M = () => {
 			if (!d.value || !u.value) return;
 			let e = d.value, t = u.value, n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = window.innerWidth, a = window.innerHeight, o = r.right + 4, s = r.left - n.width - 4;
 			o + n.width > i && s > 4 ? m.left = "-" + (n.width + 4) + "px" : m.left = "100%", r.top + n.height > a ? m.top = Math.min(0, a - r.top - n.height - 4) + "px" : r.top < 4 ? m.top = 4 - r.top + "px" : m.top = "0px";
-		}, P = () => {
-			n.disabled || (D = !0, A(), w = setTimeout(() => {
-				j();
+		}, N = () => {
+			n.disabled || (D = !0, k(), w = setTimeout(() => {
+				A();
 			}, 150));
 		}, F = () => {
-			D = !1, M();
+			D = !1, j();
+		}, I = () => {
+			O = !0, k();
 		}, L = () => {
-			k = !0, A();
-		}, R = () => {
-			k = !1, M();
-		}, z = (e, t) => {
-			f.value = !1, r("select", e, t), h && h(e, t);
-		}, B = (e) => {
+			O = !1, j();
+		}, R = (e, t) => {
+			p.value = !1, r("select", e, t), S && S(e, t);
+		}, z = (e) => {
 			let { value: t, originalEvent: n } = e.detail;
-			z(t, n);
+			R(t, n);
+		}, B = (e) => {
+			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
 		}, V = (e) => {
 			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
 		}, H = (e) => {
-			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
-		}, U = (e) => {
-			if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), A(), f.value) f.value = !1;
+			if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), k(), p.value) p.value = !1;
 			else {
 				if (!u.value) return;
-				m.left = "100%", m.top = "0px", f.value = !0, nextTick(() => {
-					N();
+				m.left = "100%", m.top = "0px", p.value = !0, nextTick(() => {
+					M();
 				});
 			}
 		};
-		provide("handleSelect", z), provide("closeMenu", () => {
-			f.value = !1;
+		provide("handleSelect", R), provide("closeMenu", () => {
+			p.value = !1;
 		});
-		let W = (e) => {
-			if (!f.value) return;
+		let U = (e) => {
+			if (!p.value) return;
 			let t = e.target, n = d.value, r = u.value;
 			if (e.button === 2 || e.which === 3) return;
 			let i = n && n.contains(t), a = r && r.contains(t);
-			!i && !a && (f.value = !1);
+			!i && !a && (p.value = !1);
+		}, W = (e) => {
+			e.key === "Escape" && p.value && (p.value = !1);
 		}, G = (e) => {
-			e.key === "Escape" && f.value && (f.value = !1);
-		}, K = (e) => {
-			f.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+			p.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
 		};
 		return onMounted(() => {
-			document.addEventListener("click", W), document.addEventListener("mousedown", W), document.addEventListener("keydown", G), document.addEventListener("contextmenu", K);
+			document.addEventListener("click", U), document.addEventListener("mousedown", U), document.addEventListener("keydown", W), document.addEventListener("contextmenu", G);
 		}), onUnmounted(() => {
-			A(), document.removeEventListener("click", W), document.removeEventListener("mousedown", W), document.removeEventListener("keydown", G), document.removeEventListener("contextmenu", K);
+			k(), document.removeEventListener("click", U), document.removeEventListener("mousedown", U), document.removeEventListener("keydown", W), document.removeEventListener("contextmenu", G);
 		}), (e, t) => (openBlock(), createElementBlock("div", {
 			ref_key: "triggerRef",
 			ref: u,
@@ -386,13 +386,13 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 				unref(c)(),
 				{
 					[unref(i)("disabled")]: e.disabled,
-					[unref(c)("active")]: f.value
+					[unref(c)("active")]: p.value
 				}
 			]),
-			onContextmenu: withModifiers(V, ["prevent", "stop"]),
-			onMouseenter: P,
+			onContextmenu: withModifiers(B, ["prevent", "stop"]),
+			onMouseenter: N,
 			onMouseleave: F,
-			onClick: U
+			onClick: H
 		}, [
 			e.icon ? (openBlock(), createElementBlock("span", {
 				key: 0,
@@ -400,16 +400,16 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			}, toDisplayString(e.icon), 3)) : createCommentVNode("", !0),
 			createElementVNode("span", { class: normalizeClass(unref(i)("label")) }, toDisplayString(e.label), 3),
 			createElementVNode("span", { class: normalizeClass(unref(c)("arrow")) }, "▶", 2),
-			f.value ? (openBlock(), createElementBlock("div", {
+			p.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				ref_key: "submenuRef",
 				ref: d,
 				class: normalizeClass([unref(l)(), unref(c)("popup")]),
 				style: normalizeStyle(m),
-				onContextmenu: withModifiers(H, ["prevent", "stop"]),
-				onMouseenter: L,
-				onMouseleave: R,
-				onContextMenuSelect: B
+				onContextmenu: withModifiers(V, ["prevent", "stop"]),
+				onMouseenter: I,
+				onMouseleave: L,
+				onContextMenuSelect: z
 			}, [renderSlot(e.$slots, "default")], 38)) : createCommentVNode("", !0)
 		], 34));
 	}
@@ -425,56 +425,56 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["select"],
 	setup(r, { emit: c }) {
-		let l = r, d = c, f = getBuildCurrentClassPrefix("context-menu"), p = ref(), m = ref(), w = ref(!1), E = reactive({
+		let u = r, d = c, f = getBuildCurrentClassPrefix("context-menu"), p = ref(), S = ref(), w = ref(!1), T = reactive({
 			left: "0px",
 			top: "0px"
 		});
-		function D() {
-			let e = Array.isArray(l.trigger) ? l.trigger : [l.trigger], t = {};
-			return e.includes("click") && (t.onClick = O), e.includes("context-menu") && (t.onContextmenu = O), t;
+		function E() {
+			let e = Array.isArray(u.trigger) ? u.trigger : [u.trigger], t = {};
+			return e.includes("click") && (t.onClick = D), e.includes("context-menu") && (t.onContextmenu = D), t;
 		}
-		let O = (e) => {
-			e.preventDefault(), e.stopPropagation(), E.left = e.clientX + "px", E.top = e.clientY + "px", w.value = !0, nextTick(() => {
-				k(e.clientX, e.clientY);
+		let D = (e) => {
+			e.preventDefault(), e.stopPropagation(), T.left = e.clientX + "px", T.top = e.clientY + "px", w.value = !0, nextTick(() => {
+				O(e.clientX, e.clientY);
 			});
-		}, k = (e, t) => {
-			if (!m.value) return;
-			let n = m.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
-			e + n.width > r && (a = r - n.width - 4), t + n.height > i && (o = i - n.height - 4), a = Math.max(4, a), o = Math.max(4, o), E.left = a + "px", E.top = o + "px";
-		}, A = () => {
+		}, O = (e, t) => {
+			if (!S.value) return;
+			let n = S.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
+			e + n.width > r && (a = r - n.width - 4), t + n.height > i && (o = i - n.height - 4), a = Math.max(4, a), o = Math.max(4, o), T.left = a + "px", T.top = o + "px";
+		}, k = () => {
 			w.value = !1;
-		}, j = (e, t) => {
-			d("select", e, t), l.hideOnSelect && (w.value = !1);
-		}, M = (e) => {
+		}, A = (e, t) => {
+			d("select", e, t), u.hideOnSelect && (w.value = !1);
+		}, j = (e) => {
 			if (!w.value) return;
-			let t = e.target, n = m.value, r = p.value;
+			let t = e.target, n = S.value, r = p.value;
 			if (e.button === 2 || e.which === 3) return;
 			let i = n && n.contains(t), a = r && r.contains(t);
 			!i && !a && (w.value = !1);
-		}, N = (e) => {
+		}, M = (e) => {
 			e.key === "Escape" && w.value && (w.value = !1);
-		}, P = (e) => {
+		}, F = (e) => {
 			w.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
 		};
-		return provide("handleSelect", j), provide("closeMenu", () => {
+		return provide("handleSelect", A), provide("closeMenu", () => {
 			w.value = !1;
 		}), onMounted(() => {
-			document.addEventListener("click", M), document.addEventListener("mousedown", M), document.addEventListener("keydown", N), document.addEventListener("contextmenu", P);
+			document.addEventListener("click", j), document.addEventListener("mousedown", j), document.addEventListener("keydown", M), document.addEventListener("contextmenu", F);
 		}), onUnmounted(() => {
-			document.removeEventListener("click", M), document.removeEventListener("mousedown", M), document.removeEventListener("keydown", N), document.removeEventListener("contextmenu", P);
+			document.removeEventListener("click", j), document.removeEventListener("mousedown", j), document.removeEventListener("keydown", M), document.removeEventListener("contextmenu", F);
 		}), (r, c) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", mergeProps({
 				ref_key: "triggerRef",
 				ref: p,
 				class: unref(f)("trigger")
-			}, { ...D() }), [renderSlot(r.$slots, "default")], 16),
+			}, { ...E() }), [renderSlot(r.$slots, "default")], 16),
 			(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: unref(f)("menu-transition") }, {
 				default: withCtx(() => [w.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "menuRef",
-					ref: m,
-					class: normalizeClass([unref(f)("menu"), unref(f)(`menu-${l.size}`)]),
-					style: normalizeStyle(E),
+					ref: S,
+					class: normalizeClass([unref(f)("menu"), unref(f)(`menu-${u.size}`)]),
+					style: normalizeStyle(T),
 					onContextmenu: c[0] ||= withModifiers(() => {}, ["prevent"])
 				}, [renderSlot(r.$slots, "content")], 38)) : createCommentVNode("", !0)]),
 				_: 3
@@ -482,8 +482,8 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			(openBlock(), createBlock(Teleport, { to: "body" }, [w.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(unref(f)("mask")),
-				onClick: A,
-				onContextmenu: withModifiers(A, ["prevent"])
+				onClick: k,
+				onContextmenu: withModifiers(k, ["prevent"])
 			}, null, 34)) : createCommentVNode("", !0)]))
 		], 64));
 	}
@@ -541,7 +541,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 		"update:size"
 	],
 	setup(e, { emit: t }) {
-		let n = e, c = t, { direction: l, size: u, defaultSize: d, min: f, max: p } = toRefs(n), m = ref(0), h = ref(), b = ref(), S = getClassPrefix("split-panel"), C = getClassPrefix("split-trigger"), w = ref(d.value);
+		let n = e, c = t, { direction: l, size: u, defaultSize: d, min: f, max: p } = toRefs(n), m = ref(0), y = ref(), b = ref(), x = getClassPrefix("split-panel"), S = getClassPrefix("split-trigger"), w = ref(d.value);
 		watch(u, (e) => {
 			e !== void 0 && (w.value = e);
 		}, { immediate: !0 });
@@ -553,116 +553,116 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 				isPx: n === "px"
 			};
 		}
-		let O = computed(() => E(w.value)), k = computed(() => l.value === "horizontal"), j = computed(() => [S, {
+		let D = computed(() => E(w.value)), k = computed(() => l.value === "horizontal"), A = computed(() => [x, {
+			[`${x}-horizontal`]: k.value,
+			[`${x}-vertical`]: !k.value
+		}]), j = computed(() => [S, {
 			[`${S}-horizontal`]: k.value,
-			[`${S}-vertical`]: !k.value
-		}]), M = computed(() => [C, {
-			[`${C}-horizontal`]: k.value,
-			[`${C}-vertical`]: !k.value,
-			[`${C}-disabled`]: n.disabled
-		}]), N = computed(() => {
-			let { size: e, unit: t, isPx: n } = O.value;
+			[`${S}-vertical`]: !k.value,
+			[`${S}-disabled`]: n.disabled
+		}]), P = computed(() => {
+			let { size: e, unit: t, isPx: n } = D.value;
 			return { flex: `0 0 calc(${n ? e : e * 100}${t} - ${m.value / 2}px)` };
 		});
-		function I({ size: e, defaultSize: t = "0px", containerSize: n }) {
+		function F({ size: e, defaultSize: t = "0px", containerSize: n }) {
 			let r = E(e ?? t);
 			return r.isPx ? r.size : r.size * n;
 		}
-		function L(e, t) {
+		function I(e, t) {
 			return parseFloat(e) / parseFloat(t);
 		}
-		let R = {
+		let L = {
 			startPageX: 0,
 			startPageY: 0,
 			startContainerSize: 0,
 			startSize: 0
 		};
-		async function z() {
-			let e = () => k.value ? h.value?.clientWidth || 0 : h.value?.clientHeight || 0;
-			return (!h.value || !e()) && await nextTick(), e();
+		async function R() {
+			let e = () => k.value ? y.value?.clientWidth || 0 : y.value?.clientHeight || 0;
+			return (!y.value || !e()) && await nextTick(), e();
 		}
-		function B(e, t) {
+		function z(e, t) {
 			if (!t) return;
-			let n = O.value.isPx ? `${e}px` : L(e, t);
+			let n = D.value.isPx ? `${e}px` : I(e, t);
 			w.value !== n && (w.value = n, c("update:size", n));
 		}
-		function V(e, t) {
-			let n = I({
+		function B(e, t) {
+			let n = F({
 				size: e,
 				containerSize: t
-			}), r = f.value === void 0 ? 0 : I({
+			}), r = f.value === void 0 ? 0 : F({
 				size: f.value,
 				defaultSize: "0px",
 				containerSize: t
-			}), i = p.value === void 0 ? t : I({
+			}), i = p.value === void 0 ? t : F({
 				size: p.value,
 				defaultSize: `${t}px`,
 				containerSize: t
 			}), a = n;
 			return a = Math.max(a, r), a = Math.min(a, i), a;
 		}
-		function H({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
-			return V(`${I({
+		function V({ startContainerSize: e, startSize: t, startPosition: n, endPosition: r }) {
+			return B(`${F({
 				size: t,
 				containerSize: e
 			}) + (r - n)}px`, e);
 		}
-		function U(e) {
-			c("moving", e), B(k.value ? H({
-				startContainerSize: R.startContainerSize,
-				startSize: R.startSize,
-				startPosition: R.startPageX,
+		function H(e) {
+			c("moving", e), z(k.value ? V({
+				startContainerSize: L.startContainerSize,
+				startSize: L.startSize,
+				startPosition: L.startPageX,
 				endPosition: e.pageX
-			}) : H({
-				startContainerSize: R.startContainerSize,
-				startSize: R.startSize,
-				startPosition: R.startPageY,
+			}) : V({
+				startContainerSize: L.startContainerSize,
+				startSize: L.startSize,
+				startPosition: L.startPageY,
 				endPosition: e.pageY
-			}), R.startContainerSize);
+			}), L.startContainerSize);
 		}
-		function W(e) {
-			window.removeEventListener("mousemove", U), window.removeEventListener("mouseup", W), window.removeEventListener("contextmenu", W), document.body.style.cursor = "default", c("moveEnd", e);
+		function U(e) {
+			window.removeEventListener("mousemove", H), window.removeEventListener("mouseup", U), window.removeEventListener("contextmenu", U), document.body.style.cursor = "default", c("moveEnd", e);
 		}
-		async function G(e) {
-			n.disabled || (c("moveStart", e), R.startPageX = e.pageX, R.startPageY = e.pageY, R.startContainerSize = await z(), R.startSize = w.value, window.addEventListener("mousemove", U), window.addEventListener("mouseup", W), window.addEventListener("contextmenu", W), document.body.style.cursor = k.value ? "col-resize" : "row-resize");
+		async function W(e) {
+			n.disabled || (c("moveStart", e), L.startPageX = e.pageX, L.startPageY = e.pageY, L.startContainerSize = await R(), L.startSize = w.value, window.addEventListener("mousemove", H), window.addEventListener("mouseup", U), window.addEventListener("contextmenu", U), document.body.style.cursor = k.value ? "col-resize" : "row-resize");
 		}
-		function K() {
+		function G() {
 			if (b.value) {
 				let { width: e, height: t } = b.value.getBoundingClientRect();
 				m.value = k.value ? e || 0 : t || 0;
 			}
 		}
 		return onMounted(async () => {
-			let e = await z();
-			B(V(w.value, e), e), K();
+			let e = await R();
+			z(B(w.value, e), e), G();
 			let t = new ResizeObserver(() => {
-				K();
+				G();
 			});
 			return b.value && t.observe(b.value), () => {
 				t.disconnect();
 			};
 		}), (e, t) => (openBlock(), createBlock(resolveDynamicComponent(e.component), {
 			ref_key: "wrapperRef",
-			ref: h,
-			class: normalizeClass(j.value)
+			ref: y,
+			class: normalizeClass(A.value)
 		}, {
 			default: withCtx(() => [
 				createElementVNode("div", {
-					class: normalizeClass([`${unref(S)}-pane`, `${unref(S)}-pane-first`]),
-					style: normalizeStyle(N.value)
+					class: normalizeClass([`${unref(x)}-pane`, `${unref(x)}-pane-first`]),
+					style: normalizeStyle(P.value)
 				}, [renderSlot(e.$slots, "first")], 6),
 				e.disabled ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "triggerRef",
 					ref: b,
-					class: normalizeClass(M.value),
-					onMousedown: G
-				}, [renderSlot(e.$slots, "resize-trigger", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(C)}-icon`) }, [renderSlot(e.$slots, "resize-trigger-icon", {}, () => [
-					createElementVNode("div", { class: normalizeClass(`${unref(C)}-line`) }, null, 2),
-					createElementVNode("div", { class: normalizeClass(`${unref(C)}-line`) }, null, 2),
-					createElementVNode("div", { class: normalizeClass(`${unref(C)}-line`) }, null, 2)
+					class: normalizeClass(j.value),
+					onMousedown: W
+				}, [renderSlot(e.$slots, "resize-trigger", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(S)}-icon`) }, [renderSlot(e.$slots, "resize-trigger-icon", {}, () => [
+					createElementVNode("div", { class: normalizeClass(`${unref(S)}-line`) }, null, 2),
+					createElementVNode("div", { class: normalizeClass(`${unref(S)}-line`) }, null, 2),
+					createElementVNode("div", { class: normalizeClass(`${unref(S)}-line`) }, null, 2)
 				])], 2)])], 34)),
-				createElementVNode("div", { class: normalizeClass([`${unref(S)}-pane`, `${unref(S)}-pane-second`]) }, [renderSlot(e.$slots, "second")], 2)
+				createElementVNode("div", { class: normalizeClass([`${unref(x)}-pane`, `${unref(x)}-pane-second`]) }, [renderSlot(e.$slots, "second")], 2)
 			]),
 			_: 3
 		}, 8, ["class"]));
@@ -684,7 +684,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			});
 		};
 	}
-}), _hoisted_1$8 = { class: "utools" }, _hoisted_2$2 = { class: "flex items-center w-full overflow-hidden" }, _hoisted_3$2 = ["src"], _hoisted_4$2 = { class: "title pl-4 whitespace-nowrap" }, _hoisted_5 = { class: "flex justify-end h-full pr-3 w-full" }, _hoisted_6 = { class: "content" }, _hoisted_7 = { class: "content-inner" }, _hoisted_8 = {
+}), _hoisted_1$4 = { class: "utools" }, _hoisted_2$1 = { class: "flex items-center w-full overflow-hidden" }, _hoisted_3$1 = ["src"], _hoisted_4$1 = { class: "title pl-4 whitespace-nowrap" }, _hoisted_5 = { class: "flex justify-end h-full pr-3 w-full" }, _hoisted_6 = { class: "content" }, _hoisted_7 = { class: "content-inner" }, _hoisted_8 = {
 	class: "flex items-center justify-center",
 	style: { "font-size": "10px" }
 }, UtoolsLayout_default = /* @__PURE__ */ defineComponent({
@@ -700,7 +700,7 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 		let t = ref(), n = ref(!0);
 		return (e, r) => {
 			let i = resolveComponent("router-view");
-			return openBlock(), createElementBlock("div", _hoisted_1$8, [createVNode(UtoolsBaseLayout_default, null, {
+			return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(UtoolsBaseLayout_default, null, {
 				left: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(getClassPrefix)("utools", "left-menu")) }, [createElementVNode("div", {
 					class: normalizeClass(["flex items-center justify-center", unref(getClassPrefix)("utools", "left-menu", "collapse")]),
 					onClick: r[0] ||= (e) => t.value?.changeCollapsed()
@@ -715,14 +715,14 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 					collapsed: n.value,
 					"onUpdate:collapsed": r[1] ||= (e) => n.value = e
 				}), {
-					logo: withCtx(() => [createElementVNode("div", _hoisted_2$2, [createElementVNode("div", {
+					logo: withCtx(() => [createElementVNode("div", _hoisted_2$1, [createElementVNode("div", {
 						class: "h-auto overflow-hidden flex flex-shrink-0",
 						style: normalizeStyle({ width: e.size === "small" ? "28px" : "36px" })
 					}, [createElementVNode("img", {
 						class: "logo w-full h-full rounded-full flex-shrink-0",
 						src: e.avatar,
 						alt: "logo"
-					}, null, 8, _hoisted_3$2)], 4), createElementVNode("div", _hoisted_4$2, toDisplayString(e.title), 1)])]),
+					}, null, 8, _hoisted_3$1)], 4), createElementVNode("div", _hoisted_4$1, toDisplayString(e.title), 1)])]),
 					_: 1
 				}, 16, ["collapsed"])], 2)]),
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(getClassPrefix)("utools", "content-wrapper")) }, [
@@ -746,11 +746,11 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 		let t = e, n = getBuildCurrentClassPrefix("page-header"), i = computed(() => {
 			let e = [n()];
 			return t.size !== "default" && e.push(n(t.size)), e;
-		}), c = computed(() => isEventExist("onBack"));
+		}), u = computed(() => isEventExist("onBack"));
 		return (e, t) => {
 			let r = ElButton, d = ElDivider;
 			return openBlock(), createElementBlock("div", { class: normalizeClass(i.value) }, [createElementVNode("div", { class: normalizeClass(["flex items-center", unref(n)("header")]) }, [
-				c.value || e.$slots.prefix ? renderSlot(e.$slots, "prefix", { key: 0 }, () => [createVNode(r, {
+				u.value || e.$slots.prefix ? renderSlot(e.$slots, "prefix", { key: 0 }, () => [createVNode(r, {
 					class: normalizeClass(unref(n)("header", "back")),
 					icon: "i-p-left",
 					onClick: t[0] ||= (t) => e.$emit("back"),
@@ -768,77 +768,6 @@ var LeftMenu_default = /* @__PURE__ */ defineComponent({
 			}, [renderSlot(e.$slots, "extra")], 2)) : createCommentVNode("", !0)], 2);
 		};
 	}
-}), __plugin_vue_export_helper_default = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, _sfc_main$2 = {}, _hoisted_1$7 = { class: "result-error-icon" };
-function _sfc_render$2(e, t) {
-	return openBlock(), createElementBlock("div", _hoisted_1$7, t[0] ||= [createStaticVNode("<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 _403_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-fc6ebdc7"]]), _sfc_main$1 = {}, _hoisted_1$6 = { class: "result-error-icon" };
-function _sfc_render$1(e, t) {
-	return openBlock(), createElementBlock("div", _hoisted_1$6, t[0] ||= [createStaticVNode("<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 _404_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-cdc3b8a1"]]), _sfc_main = {}, _hoisted_1$5 = { class: "result-error-icon" };
-function _sfc_render(e, t) {
-	return openBlock(), createElementBlock("div", _hoisted_1$5, t[0] ||= [createStaticVNode("<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 _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cb66ef61"]]), _hoisted_1$4 = {
-	key: 0,
-	class: "i-p-info w-12 h-12"
-}, _hoisted_2$1 = {
-	key: 1,
-	class: "i-p-check"
-}, _hoisted_3$1 = {
-	key: 2,
-	class: "i-p-info w-12 h-12"
-}, _hoisted_4$1 = {
-	key: 3,
-	class: "i-p-close"
-}, Result_default = /* @__PURE__ */ defineComponent({
-	__name: "Result",
-	props: {
-		status: { default: "info" },
-		title: {},
-		subtitle: {}
-	},
-	setup(e) {
-		let t = [
-			"info",
-			"success",
-			"warning",
-			"error",
-			"403",
-			"404",
-			"500",
-			null
-		], n = e;
-		((e) => t.includes(e))(n.status) || console.warn(`Invalid status: ${n.status}. Valid values are: ${t.join(", ")}`);
-		let r = getClassPrefix("result");
-		return (e, t) => (openBlock(), createElementBlock("div", { class: normalizeClass(unref(r)) }, [
-			createElementVNode("div", { class: normalizeClass([`${unref(r)}-icon`, {
-				[`${unref(r)}-icon-${e.status}`]: e.status,
-				[`${unref(r)}-icon-custom`]: e.status === null
-			}]) }, [createElementVNode("div", { class: normalizeClass(`${unref(r)}-icon-tip`) }, [renderSlot(e.$slots, "icon", {}, () => [e.status === "info" ? (openBlock(), createElementBlock("span", _hoisted_1$4)) : e.status === "success" ? (openBlock(), createElementBlock("span", _hoisted_2$1)) : e.status === "warning" ? (openBlock(), createElementBlock("span", _hoisted_3$1)) : e.status === "error" ? (openBlock(), createElementBlock("span", _hoisted_4$1)) : e.status === "403" ? (openBlock(), createBlock(_403_default, { key: 4 })) : e.status === "404" ? (openBlock(), createBlock(_404_default, { key: 5 })) : e.status === "500" ? (openBlock(), createBlock(_500_default, { key: 6 })) : createCommentVNode("", !0)])], 2)], 2),
-			e.title || e.$slots.title ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				class: normalizeClass(`${unref(r)}-title`)
-			}, [renderSlot(e.$slots, "title", {}, () => [createTextVNode(toDisplayString(e.title), 1)])], 2)) : createCommentVNode("", !0),
-			e.subtitle || e.$slots.subtitle ? (openBlock(), createElementBlock("div", {
-				key: 1,
-				class: normalizeClass(`${unref(r)}-subtitle`)
-			}, [renderSlot(e.$slots, "subtitle", {}, () => [createTextVNode(toDisplayString(e.subtitle), 1)])], 2)) : createCommentVNode("", !0),
-			e.$slots.extra ? (openBlock(), createElementBlock("div", {
-				key: 2,
-				class: normalizeClass(`${unref(r)}-extra`)
-			}, [renderSlot(e.$slots, "extra")], 2)) : createCommentVNode("", !0),
-			e.$slots.default ? (openBlock(), createElementBlock("div", {
-				key: 3,
-				class: normalizeClass(`${unref(r)}-content`)
-			}, [renderSlot(e.$slots, "default")], 2)) : createCommentVNode("", !0)
-		], 2));
-	}
 }), _hoisted_1$3 = { class: "flex justify-between items-center" }, SettingItem_default = /* @__PURE__ */ defineComponent({
 	__name: "SettingItem",
 	props: {
@@ -853,16 +782,16 @@ var _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main,
 		let t = e, n = useAttrs(), i = computed(() => "onClick" in n || "onClickCapture" in n), a = computed(() => {
 			let e = [];
 			return e.push(getClassPrefix("setting-item")), i.value && e.push("cursor-pointer"), t.size !== "default" && e.push(getClassPrefix("setting-item", t.size)), e;
-		}), c = ref({ background: t.background });
+		}), l = ref({ background: t.background });
 		function u() {
-			c.value = {};
+			l.value = {};
 		}
 		function d() {
-			c.value = { background: t.background };
+			l.value = { background: t.background };
 		}
 		return (e, t) => (openBlock(), createElementBlock("div", mergeProps({
 			class: [...a.value],
-			style: { ...c.value }
+			style: { ...l.value }
 		}, toHandlers({ ...i.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0), {
 			onMouseenter: u,
 			onMouseleave: d
@@ -941,68 +870,68 @@ var _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main,
 		"blur"
 	], ["update:value"]),
 	setup(t, { emit: n }) {
-		let i = useModel(t, "value"), c = t, u = n, d = useSlots(), { size: f } = toRefs(c), p = getBuildCurrentClassPrefix("switch-plus")(), m = computed(() => c.disabled), h = computed(() => c.size);
-		i.value === !1 && c.defaultChecked && (i.value = c.checkedValue);
-		let g = computed(() => i.value === c.checkedValue), y = ref(!1), b = computed(() => y.value || c.loading), S = (e, t) => {
-			let n = e ? c.checkedValue : c.uncheckedValue;
+		let i = useModel(t, "value"), l = t, u = n, d = useSlots(), { size: f } = toRefs(l), p = getBuildCurrentClassPrefix("switch-plus")(), m = computed(() => l.disabled), h = computed(() => l.size);
+		i.value === !1 && l.defaultChecked && (i.value = l.checkedValue);
+		let v = computed(() => i.value === l.checkedValue), y = ref(!1), b = computed(() => y.value || l.loading), x = (e, t) => {
+			let n = e ? l.checkedValue : l.uncheckedValue;
 			i.value = n, u("change", n, t);
-		}, C = async (e) => {
+		}, S = async (e) => {
 			if (b.value || m.value) return;
-			let t = !g.value, n = t ? c.checkedValue : c.uncheckedValue, r = c.beforeChange;
+			let t = !v.value, n = t ? l.checkedValue : l.uncheckedValue, r = l.beforeChange;
 			if (isFunction(r)) {
 				y.value = !0;
 				try {
-					(await r(n) ?? !0) && S(t, e);
+					(await r(n) ?? !0) && x(t, e);
 				} finally {
 					y.value = !1;
 				}
-			} else S(t, e);
+			} else x(t, e);
 		}, w = (e) => {
 			u("focus", e);
-		}, E = (e) => {
+		}, T = (e) => {
 			u("blur", e);
 		};
 		watch(i, (e) => {
-			(isUndefined(e) || isNull(e)) && (i.value = c.uncheckedValue);
+			(isUndefined(e) || isNull(e)) && (i.value = l.uncheckedValue);
 		});
 		let D = computed(() => [
 			p,
-			`${p}-type-${c.type}`,
+			`${p}-type-${l.type}`,
 			{
 				[`${p}-medium`]: h.value === "medium",
 				[`${p}-small`]: h.value === "small",
 				[`${p}-mini`]: h.value === "mini",
-				[`${p}-checked`]: g.value,
+				[`${p}-checked`]: v.value,
 				[`${p}-disabled`]: m.value,
 				[`${p}-loading`]: b.value,
-				[`${p}-custom-color`]: c.type === "line" && (c.checkedColor || c.uncheckedColor)
+				[`${p}-custom-color`]: l.type === "line" && (l.checkedColor || l.uncheckedColor)
 			}
 		]), k = computed(() => {
-			if (g.value && c.checkedColor) return c.type === "line" ? { "--custom-color": c.checkedColor } : { backgroundColor: c.checkedColor };
-			if (!g.value && c.uncheckedColor) return c.type === "line" ? { "--custom-color": c.uncheckedColor } : { backgroundColor: c.uncheckedColor };
-		}), j = computed(() => {
+			if (v.value && l.checkedColor) return l.type === "line" ? { "--custom-color": l.checkedColor } : { backgroundColor: l.checkedColor };
+			if (!v.value && l.uncheckedColor) return l.type === "line" ? { "--custom-color": l.uncheckedColor } : { backgroundColor: l.uncheckedColor };
+		}), N = computed(() => {
 			if (!b.value) {
-				if (g.value && c.checkedColor) return { color: c.checkedColor };
-				if (!g.value && c.uncheckedColor) return { color: c.uncheckedColor };
+				if (v.value && l.checkedColor) return { color: l.checkedColor };
+				if (!v.value && l.uncheckedColor) return { color: l.uncheckedColor };
 			}
 		});
 		return (t, n) => (openBlock(), createElementBlock("button", {
 			type: "button",
 			role: "switch",
-			"aria-checked": g.value,
+			"aria-checked": v.value,
 			class: normalizeClass(D.value),
 			style: normalizeStyle(k.value),
 			disabled: m.value || b.value,
-			onClick: C,
+			onClick: S,
 			onFocus: w,
-			onBlur: E
+			onBlur: T
 		}, [createElementVNode("span", {
 			class: normalizeClass(`${unref(p)}-handle`),
-			style: normalizeStyle(j.value)
+			style: normalizeStyle(N.value)
 		}, [createElementVNode("span", { class: normalizeClass(`${unref(p)}-handle-icon`) }, [b.value ? (openBlock(), createElementBlock("span", {
 			key: 0,
 			class: normalizeClass(["i-p-loading", `${unref(p)}-loading-icon`])
-		}, null, 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [g.value ? renderSlot(t.$slots, "checked-icon", { key: 0 }) : renderSlot(t.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), t.type !== "line" && unref(f) !== "small" && (unref(d).checked || t.checkedText || unref(d).unchecked || t.uncheckedText) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", { class: normalizeClass(`${unref(p)}-text-holder`) }, [g.value ? renderSlot(t.$slots, "checked", { key: 0 }, () => [createTextVNode(toDisplayString(t.checkedText), 1)]) : renderSlot(t.$slots, "unchecked", { key: 1 }, () => [createTextVNode(toDisplayString(t.uncheckedText), 1)])], 2), createElementVNode("span", { class: normalizeClass(`${unref(p)}-text`) }, [g.value ? renderSlot(t.$slots, "checked", { key: 0 }, () => [createTextVNode(toDisplayString(t.checkedText), 1)]) : renderSlot(t.$slots, "unchecked", { key: 1 }, () => [createTextVNode(toDisplayString(t.uncheckedText), 1)])], 2)], 64)) : createCommentVNode("", !0)], 46, _hoisted_1$1));
+		}, null, 2)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [v.value ? renderSlot(t.$slots, "checked-icon", { key: 0 }) : renderSlot(t.$slots, "unchecked-icon", { key: 1 })], 64))], 2)], 6), t.type !== "line" && unref(f) !== "small" && (unref(d).checked || t.checkedText || unref(d).unchecked || t.uncheckedText) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("span", { class: normalizeClass(`${unref(p)}-text-holder`) }, [v.value ? renderSlot(t.$slots, "checked", { key: 0 }, () => [createTextVNode(toDisplayString(t.checkedText), 1)]) : renderSlot(t.$slots, "unchecked", { key: 1 }, () => [createTextVNode(toDisplayString(t.uncheckedText), 1)])], 2), createElementVNode("span", { class: normalizeClass(`${unref(p)}-text`) }, [v.value ? renderSlot(t.$slots, "checked", { key: 0 }, () => [createTextVNode(toDisplayString(t.checkedText), 1)]) : renderSlot(t.$slots, "unchecked", { key: 1 }, () => [createTextVNode(toDisplayString(t.uncheckedText), 1)])], 2)], 64)) : createCommentVNode("", !0)], 46, _hoisted_1$1));
 	}
 }), SwitchPlusEnable_default = /* @__PURE__ */ defineComponent({
 	__name: "SwitchPlusEnable",
@@ -1112,29 +1041,29 @@ var _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main,
 		}), f = ref(0), p = ref(!1), m = ref(0), h = computed(() => ({
 			[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, on(window, "mousemove", S), on(window, "mouseup", C), on(window, "contextmenu", C));
+		})), v = (e) => {
+			e.preventDefault(), u.value && (m.value = e[d.value.client] - u.value.getBoundingClientRect()[d.value.direction], p.value = !0, on(window, "mousemove", x), on(window, "mouseup", S), on(window, "contextmenu", S));
 		}, y = (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, S = (e) => {
+		}, 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, off(window, "mousemove", S), off(window, "mouseup", C);
-		}, w = (e) => {
+		}, S = () => {
+			p.value = !1, off(window, "mousemove", x), off(window, "mouseup", S);
+		}, C = (e) => {
 			p.value || (e = b(e), e !== f.value && (f.value = e));
-		}, T = computed(() => [
+		}, w = computed(() => [
 			`${c}-thumb`,
 			`${c}-thumb-direction-${i.direction}`,
 			`${c}-thumb-size-${i.size}`,
 			{ [`${c}-thumb-dragging`]: p.value }
 		]);
-		return t({ setOffset: w }), (e, t) => (openBlock(), createElementBlock("div", {
+		return t({ setOffset: C }), (e, t) => (openBlock(), createElementBlock("div", {
 			ref_key: "trackRef",
 			ref: l,
 			class: normalizeClass([
@@ -1146,9 +1075,9 @@ var _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main,
 		}, [createElementVNode("div", {
 			ref_key: "thumbRef",
 			ref: u,
-			class: normalizeClass(T.value),
+			class: normalizeClass(w.value),
 			style: normalizeStyle(h.value),
-			onMousedown: g
+			onMousedown: v
 		}, [createElementVNode("div", { class: normalizeClass(`${unref(c)}-thumb-bar`) }, null, 2)], 38)], 34));
 	}
 }), SCROLLBAR_THUMB_MIN_SIZE = 20, SCROLLBAR_TRACK_SIZE = 15, Scrollbar_default = /* @__PURE__ */ defineComponent({
@@ -1179,64 +1108,64 @@ var _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main,
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let c = e, l = n, u = getClassPrefix("scrollbar"), d = computed(() => c.size === "small" ? SCROLLBAR_TRACK_SIZE * .8 : SCROLLBAR_TRACK_SIZE), f = ref(), p = ref(), m = ref(), g = ref(), S = ref(), C = ref(!1), w = ref(!1), E = computed(() => C.value && !c.disableHorizontal), D = computed(() => w.value && !c.disableVertical), O = ref(!1), k = null, A = () => {
+		let c = e, l = n, u = getClassPrefix("scrollbar"), d = computed(() => c.size === "small" ? SCROLLBAR_TRACK_SIZE * .8 : SCROLLBAR_TRACK_SIZE), f = ref(), p = ref(), h = ref(), b = ref(), x = ref(), S = ref(!1), w = ref(!1), T = computed(() => S.value && !c.disableHorizontal), E = computed(() => w.value && !c.disableVertical), D = ref(!1), O = null, k = () => {
 			if (f.value) {
 				let { clientWidth: e, clientHeight: t, offsetWidth: n, offsetHeight: r, scrollWidth: i, scrollHeight: a, scrollTop: o, scrollLeft: s } = f.value;
-				C.value = i > e, w.value = a > t, O.value = E.value && D.value;
-				let l = c.type === "embed" && O.value ? n - d.value : n, u = c.type === "embed" && O.value ? r - d.value : r, h = Math.round(l / Math.min(i / e, l / SCROLLBAR_THUMB_MIN_SIZE)), _ = l - h, v = (i - e) / _, y = Math.round(u / Math.min(a / t, u / SCROLLBAR_THUMB_MIN_SIZE)), b = u - y, x = (a - t) / b;
+				S.value = i > e, w.value = a > t, D.value = T.value && E.value;
+				let l = c.type === "embed" && D.value ? n - d.value : n, u = c.type === "embed" && D.value ? r - d.value : r, m = Math.round(l / Math.min(i / e, l / SCROLLBAR_THUMB_MIN_SIZE)), g = l - m, _ = (i - e) / g, v = Math.round(u / Math.min(a / t, u / SCROLLBAR_THUMB_MIN_SIZE)), y = u - v, rt = (a - t) / y;
 				if (p.value = {
-					ratio: v,
-					thumbSize: h,
-					max: _
-				}, m.value = {
-					ratio: x,
-					thumbSize: y,
-					max: b
+					ratio: _,
+					thumbSize: m,
+					max: g
+				}, h.value = {
+					ratio: rt,
+					thumbSize: v,
+					max: y
 				}, o > 0) {
-					let e = Math.round(o / (m.value?.ratio ?? 1));
-					S.value?.setOffset(e);
+					let e = Math.round(o / (h.value?.ratio ?? 1));
+					x.value?.setOffset(e);
 				}
 				if (s > 0) {
 					let e = Math.round(s / (p.value?.ratio ?? 1));
-					g.value?.setOffset(e);
+					b.value?.setOffset(e);
 				}
 			}
-		}, j = () => {
-			A();
+		}, A = () => {
+			k();
 		};
 		onMounted(() => {
-			if (A(), f.value) {
-				k = new ResizeObserver(j), k.observe(f.value);
+			if (k(), f.value) {
+				O = new ResizeObserver(A), O.observe(f.value);
 				let e = f.value.firstElementChild;
-				e && k.observe(e);
+				e && O.observe(e);
 			}
 		}), onUnmounted(() => {
-			k &&= (k.disconnect(), null);
+			O &&= (O.disconnect(), null);
 		});
-		let M = (e) => {
+		let j = (e) => {
 			if (f.value) {
-				if (E.value && !c.disableHorizontal) {
+				if (T.value && !c.disableHorizontal) {
 					let e = Math.round(f.value.scrollLeft / (p.value?.ratio ?? 1));
-					g.value?.setOffset(e);
+					b.value?.setOffset(e);
 				}
-				if (D.value && !c.disableVertical) {
-					let e = Math.round(f.value.scrollTop / (m.value?.ratio ?? 1));
-					S.value?.setOffset(e);
+				if (E.value && !c.disableVertical) {
+					let e = Math.round(f.value.scrollTop / (h.value?.ratio ?? 1));
+					x.value?.setOffset(e);
 				}
 			}
 			l("scroll", e);
-		}, N = (e) => {
+		}, M = (e) => {
 			f.value && f.value.scrollTo({ left: e * (p.value?.ratio ?? 1) });
-		}, P = (e) => {
-			f.value && f.value.scrollTo({ top: e * (m.value?.ratio ?? 1) });
-		}, F = computed(() => {
+		}, N = (e) => {
+			f.value && f.value.scrollTo({ top: e * (h.value?.ratio ?? 1) });
+		}, P = computed(() => {
 			let e = {};
-			return c.type === "track" && (E.value && (e.paddingBottom = `${d.value}px`), D.value && (e.paddingRight = `${d.value}px`)), [e, c.outerStyle];
-		}), I = computed(() => [
+			return c.type === "track" && (T.value && (e.paddingBottom = `${d.value}px`), E.value && (e.paddingRight = `${d.value}px`)), [e, c.outerStyle];
+		}), F = computed(() => [
 			`${u}`,
 			`${u}-type-${c.type}`,
 			`${u}-size-${c.size}`,
-			{ [`${u}-both`]: O.value },
+			{ [`${u}-both`]: D.value },
 			c.outerClass
 		]);
 		return t({
@@ -1250,37 +1179,37 @@ var _500_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main,
 				f.value?.scrollTo({ left: e });
 			}
 		}), (e, t) => (openBlock(), createElementBlock("div", {
-			class: normalizeClass(I.value),
-			style: normalizeStyle(F.value)
+			class: normalizeClass(F.value),
+			style: normalizeStyle(P.value)
 		}, [
 			createElementVNode("div", mergeProps({
 				ref_key: "containerRef",
 				ref: f,
 				class: `${unref(u)}-container`
-			}, e.$attrs, { onScroll: M }), [renderSlot(e.$slots, "default")], 16),
-			!e.hide && E.value ? (openBlock(), createBlock(thumb_default, {
+			}, e.$attrs, { onScroll: j }), [renderSlot(e.$slots, "default")], 16),
+			!e.hide && T.value ? (openBlock(), createBlock(thumb_default, {
 				key: 0,
 				ref_key: "horizontalThumbRef",
-				ref: g,
+				ref: b,
 				data: p.value,
 				direction: "horizontal",
-				both: O.value,
+				both: D.value,
 				size: c.size,
-				onScroll: N
+				onScroll: M
 			}, null, 8, [
 				"data",
 				"both",
 				"size"
 			])) : createCommentVNode("", !0),
-			!e.hide && D.value ? (openBlock(), createBlock(thumb_default, {
+			!e.hide && E.value ? (openBlock(), createBlock(thumb_default, {
 				key: 1,
 				ref_key: "verticalThumbRef",
-				ref: S,
-				data: m.value,
+				ref: x,
+				data: h.value,
 				direction: "vertical",
-				both: O.value,
+				both: D.value,
 				size: c.size,
-				onScroll: P
+				onScroll: N
 			}, null, 8, [
 				"data",
 				"both",
@@ -1420,23 +1349,23 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 		"clear"
 	], ["update:modelValue"]),
 	setup(t, { expose: i, emit: c }) {
-		let l = t, d = c, f = ref(), p = ref(), m = ref(!1), h = ref(!1), v = ref(), y = ref(!1), b = ref(null), S = ref(), C = ref(), T = computed(() => {
+		let u = t, d = c, f = ref(), p = ref(), m = ref(!1), _ = ref(!1), v = ref(), y = ref(!1), b = ref(null), x = ref(), C = ref(), w = computed(() => {
 			if (!D.value) return "--";
 			let [e] = D.value.split(":");
 			return e || "--";
-		}), E = computed(() => {
+		}), T = computed(() => {
 			if (!D.value) return "--";
 			let [, e] = D.value.split(":");
 			return e || "--";
-		}), D = useModel(t, "modelValue"), k = computed(() => l.clearable && !l.disabled && D.value && (h.value || m.value)), A = computed(() => {
-			let e = [], t = j(l.start), n = j(l.end), r = j(l.step);
+		}), D = useModel(t, "modelValue"), O = computed(() => u.clearable && !u.disabled && D.value && (_.value || m.value)), k = computed(() => {
+			let e = [], t = j(u.start), n = j(u.end), r = j(u.step);
 			if (!t || !n || !r) return e;
 			let i = t, a = n.hours * 60 + n.minutes;
 			for (; i.hours * 60 + i.minutes <= a;) {
-				let t = P(i);
-				L(t) && e.push(t), i.minutes += r.minutes, i.hours += r.hours, i.minutes >= 60 && (i.hours += Math.floor(i.minutes / 60), i.minutes %= 60);
+				let t = F(i);
+				I(t) && e.push(t), i.minutes += r.minutes, i.hours += r.hours, i.minutes >= 60 && (i.hours += Math.floor(i.minutes / 60), i.minutes %= 60);
 			}
-			return l.includeEndTime && !e.includes(l.end) && L(l.end) && e.push(l.end), e;
+			return u.includeEndTime && !e.includes(u.end) && I(u.end) && e.push(u.end), e;
 		});
 		function j(e) {
 			let t = e.match(/^(\d{1,2}):(\d{2})$/);
@@ -1445,95 +1374,95 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 				minutes: parseInt(t[2], 10)
 			} : null;
 		}
-		function N(e = "") {
+		function M(e = "") {
 			let t = e.match(/^(\d{1,2}):(\d{1,2})$/);
 			return t ? {
 				hours: t[1],
 				minutes: t[2]
 			} : null;
 		}
-		function P(e) {
+		function F(e) {
 			return e ? `${e.hours.toString().padStart(2, "0")}:${e.minutes.toString().padStart(2, "0")}` : "";
 		}
-		function L(e) {
-			if (!l.minTime && !l.maxTime) return !0;
+		function I(e) {
+			if (!u.minTime && !u.maxTime) return !0;
 			let t = j(e);
 			if (!t) return !1;
 			let n = t.hours * 60 + t.minutes;
-			if (l.minTime) {
-				let e = j(l.minTime);
+			if (u.minTime) {
+				let e = j(u.minTime);
 				if (e && n < e.hours * 60 + e.minutes) return !1;
 			}
-			if (l.maxTime) {
-				let e = j(l.maxTime);
+			if (u.maxTime) {
+				let e = j(u.maxTime);
 				if (e && n > e.hours * 60 + e.minutes) return !1;
 			}
 			return !0;
 		}
-		let R = () => {
-			b.value = "hour", S.value?.focus();
-		}, z = () => {
+		let L = () => {
+			b.value = "hour", x.value?.focus();
+		}, R = () => {
 			b.value = "minute", C.value?.focus();
-		}, B = () => {
-			l.disabled || (m.value = !0, h.value = !0, b.value || R());
-		}, V = (e) => {
+		}, z = () => {
+			u.disabled || (m.value = !0, _.value = !0, b.value || L());
+		}, B = (e) => {
 			let t = e.target, n = t.textContent || "";
-			n = n.replace(/\D/g, ""), parseInt(n) > 23 && (n = "23"), t.textContent = n.padStart(2, "0"), U("hour", n);
-		}, H = (e) => {
+			n = n.replace(/\D/g, ""), parseInt(n) > 23 && (n = "23"), t.textContent = n.padStart(2, "0"), H("hour", n);
+		}, V = (e) => {
 			let t = e.target, n = t.textContent || "";
-			n = n.replace(/\D/g, ""), parseInt(n) > 59 && (n = "59"), t.textContent = n.padStart(2, "0"), U("minute", n);
-		}, U = (e, t) => {
+			n = n.replace(/\D/g, ""), parseInt(n) > 59 && (n = "59"), t.textContent = n.padStart(2, "0"), H("minute", n);
+		}, H = (e, t) => {
 			let [n, r] = (D.value || "00:00").split(":"), i;
 			if (i = e === "hour" ? `${t}:${r || "00"}` : `${n || "00"}:${t}`, D.value = i, d("change", i), f.value) {
-				let e = Array.from(f.value.querySelectorAll(".time-select__option")), t = N(i), n = e.find((e) => {
+				let e = Array.from(f.value.querySelectorAll(".time-select__option")), t = M(i), n = e.find((e) => {
 					let n = e.getAttribute("data-value");
 					return !!(n && t?.hours && n.split(":")[0] === t.hours.padStart(2, "0"));
 				});
 				v.value && n && v.value.scrollTop(n.offsetTop);
 			}
+		}, U = () => {
+			b.value = "hour", _.value = !0;
 		}, W = () => {
-			b.value = "hour", h.value = !0;
+			b.value = null, _.value = !1, G();
 		}, G = () => {
-			b.value = null, h.value = !1, K();
-		}, K = () => {
-			console.log("autoFillTime", D.value), D.value = P(N(D.value || "")), console.log("autoFillTime", P(N(D.value || "")), N(D.value || ""));
-		}, q = () => {
-			b.value = "minute", h.value = !0;
-		}, J = () => {
-			b.value = null, h.value = !1, K();
-		}, Y = (e) => {
-			if (e.key === "Tab") e.preventDefault(), z();
-			else if (e.key === "ArrowRight") e.preventDefault(), z();
+			console.log("autoFillTime", D.value), D.value = F(M(D.value || "")), console.log("autoFillTime", F(M(D.value || "")), M(D.value || ""));
+		}, it = () => {
+			b.value = "minute", _.value = !0;
+		}, at = () => {
+			b.value = null, _.value = !1, G();
+		}, K = (e) => {
+			if (e.key === "Tab") e.preventDefault(), R();
+			else if (e.key === "ArrowRight") e.preventDefault(), R();
 			else if (e.key === "Enter") e.preventDefault(), m.value = !m.value;
 			else if (e.key >= "0" && e.key <= "9") {
-				let e = N(D.value);
+				let e = M(D.value);
 				console.log("timeStrObj?.hours.length", e?.hours.length), e?.hours.length === 2 && (D.value = `'':${e.minutes}`);
 			}
-		}, X = (e) => {
-			if (e.key === "Tab") e.preventDefault(), R();
-			else if (e.key === "ArrowLeft") e.preventDefault(), R();
+		}, q = (e) => {
+			if (e.key === "Tab") e.preventDefault(), L();
+			else if (e.key === "ArrowLeft") e.preventDefault(), L();
 			else if (e.key === "Enter") e.preventDefault(), m.value = !m.value;
 			else if (e.key >= "0" && e.key <= "9") {
-				let e = N(D.value);
+				let e = M(D.value);
 				e?.minutes.length === 2 && (D.value = `${e.hours}:''`);
 			}
-		}, Z = () => {
+		}, J = () => {
 			D.value = "00:00", d("change", ""), d("clear"), m.value = !1, nextTick(() => {
 				p.value?.focus(), setTimeout(() => {
-					h.value && (m.value = !0);
+					_.value && (m.value = !0);
 				}, 50);
 			});
-		}, St = (e) => {
+		}, Y = (e) => {
 			D.value = e, d("change", e), m.value = !1, y.value = !0, b.value = null, nextTick(() => {
 				p.value?.focus();
 			});
-		}, Ct = () => {
-			R();
-		}, wt = () => {
-			S.value?.blur(), C.value?.blur(), b.value = null;
-		}, Q = 0, $ = null, Tt = () => {
+		}, X = () => {
+			L();
+		}, Z = () => {
+			x.value?.blur(), C.value?.blur(), b.value = null;
+		}, Q = 0, $ = null, ot = () => {
 			Q++, m.value = !0;
-		}, Et = () => {
+		}, st = () => {
 			$ && clearTimeout($);
 			let e = Q + 1;
 			Q = e, $ = setTimeout(() => {
@@ -1541,66 +1470,66 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			}, 100);
 		};
 		return i({
-			focus: Ct,
-			blur: wt
+			focus: X,
+			blur: Z
 		}), (t, r) => (openBlock(), createElementBlock("div", { class: normalizeClass(["time-select", {
-			"time-select--disabled": l.disabled,
-			"time-select--border": l.border
+			"time-select--disabled": u.disabled,
+			"time-select--border": u.border
 		}]) }, [createElementVNode("div", {
 			class: "time-select__input-wrapper",
-			onFocusin: Tt,
-			onFocusout: Et
+			onFocusin: ot,
+			onFocusout: st
 		}, [
-			l.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_1, r[0] ||= [createElementVNode("svg", {
+			u.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_1, r[0] ||= [createElementVNode("svg", {
 				class: "time-select__icon",
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
 			}, [createElementVNode("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67V7z" })], -1)])) : createCommentVNode("", !0),
 			createElementVNode("div", {
 				class: normalizeClass(["time-select__input time-select__editable-container", {
-					"time-select__input--small": l.size === "small",
-					"time-select__input--large": l.size === "large",
-					"time-select__input--disabled": l.disabled,
-					"time-select__input--readonly": !l.editable
+					"time-select__input--small": u.size === "small",
+					"time-select__input--large": u.size === "large",
+					"time-select__input--disabled": u.disabled,
+					"time-select__input--readonly": !u.editable
 				}]),
-				onClick: B
+				onClick: z
 			}, [
 				createElementVNode("div", {
 					ref_key: "hourRef",
-					ref: S,
+					ref: x,
 					class: normalizeClass(["time-select__time-part time-select__hour", { "time-select__time-part--selected": b.value === "hour" }]),
-					contenteditable: l.editable && !l.disabled,
-					onInput: V,
-					onFocus: W,
-					onBlur: G,
-					onKeydown: Y,
-					onClick: withModifiers(R, ["stop"])
-				}, toDisplayString(T.value), 43, _hoisted_2),
+					contenteditable: u.editable && !u.disabled,
+					onInput: B,
+					onFocus: U,
+					onBlur: W,
+					onKeydown: K,
+					onClick: withModifiers(L, ["stop"])
+				}, toDisplayString(w.value), 43, _hoisted_2),
 				r[1] ||= createElementVNode("span", { class: "time-select__separator" }, ":", -1),
 				createElementVNode("div", {
 					ref_key: "minuteRef",
 					ref: C,
 					class: normalizeClass(["time-select__time-part time-select__minute", { "time-select__time-part--selected": b.value === "minute" }]),
-					contenteditable: l.editable && !l.disabled,
-					onInput: H,
-					onFocus: q,
-					onBlur: J,
-					onKeydown: X,
-					onClick: withModifiers(z, ["stop"])
-				}, toDisplayString(E.value), 43, _hoisted_3)
+					contenteditable: u.editable && !u.disabled,
+					onInput: V,
+					onFocus: it,
+					onBlur: at,
+					onKeydown: q,
+					onClick: withModifiers(R, ["stop"])
+				}, toDisplayString(T.value), 43, _hoisted_3)
 			], 2),
-			k.value ? (openBlock(), createElementBlock("div", {
+			O.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				class: "time-select__clear",
-				onMousedown: withModifiers(Z, ["prevent"]),
-				onClick: withModifiers(Z, ["prevent"])
+				onMousedown: withModifiers(J, ["prevent"]),
+				onClick: withModifiers(J, ["prevent"])
 			}, r[2] ||= [createElementVNode("svg", {
 				class: "time-select__icon",
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
 			}, [createElementVNode("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z" })], -1)], 32)) : createCommentVNode("", !0)
 		], 32), createVNode(Transition, { name: "time-select-dropdown" }, {
-			default: withCtx(() => [m.value && !l.disabled ? (openBlock(), createElementBlock("div", {
+			default: withCtx(() => [m.value && !u.disabled ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: "time-select__dropdown",
 				ref_key: "timeSelectRef",
@@ -1608,14 +1537,14 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			}, [createVNode(unref(Scrollbar_default), {
 				ref_key: "scrollbarRef",
 				ref: v,
-				size: l.size === "small" ? "small" : "default",
+				size: u.size === "small" ? "small" : "default",
 				class: "time-select__options"
 			}, {
-				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(A.value, (e) => (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [(openBlock(!0), createElementBlock(Fragment, null, renderList(k.value, (e) => (openBlock(), createElementBlock("div", {
 					key: e,
-					class: normalizeClass(["time-select__option", { "time-select__option--selected": e === P(N(D.value)) }]),
+					class: normalizeClass(["time-select__option", { "time-select__option--selected": e === F(M(D.value)) }]),
 					"data-value": e,
-					onClick: (t) => St(e)
+					onClick: (t) => Y(e)
 				}, toDisplayString(e), 11, _hoisted_4))), 128))]),
 				_: 1
 			}, 8, ["size"])], 512)) : createCommentVNode("", !0)]),
@@ -1688,4 +1617,4 @@ function setCurrentTheme(e) {
 function getCurrentTheme() {
 	return currentTheme.value;
 }
-export { BackTop_default as BackTop, ContextMenu_default as ContextMenu, ContextMenuDivider_default as ContextMenuDivider, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuSubmenu_default as ContextMenuSubmenu, LazyLoader_default as LazyLoader, LeftMenu_default as LeftMenu, LeftMenuEventDispatch, LeftMenuEvents, PageHeader_default as PageHeader, Result_default as Result, Scrollbar_default as Scrollbar, SettingDivision_default as SettingDivision, SettingGroup_default as SettingGroup, SettingItem_default as SettingItem, SplitPanel_default as SplitPanel, SwitchPlus_default as SwitchPlus, SwitchPlusEnable_default as SwitchPlusEnable, thumb_default as Thumb, TimeSelect_default as TimeSelect, UtoolsBaseLayout_default as UtoolsBaseLayout, UtoolsLayout_default as UtoolsLayout, WebBaseLayout_default as WebBaseLayout, WebLayout_default as WebLayout, getBuildCurrentClassPrefix, getClassPrefix, getCurrentTheme, isEventExist, isFunction, isNull, isNumber, isObject, isUndefined, off, on, setCurrentTheme, useMultiLoading, useSingleLoading, useTheme };
+export { BackTop_default as BackTop, ContextMenu_default as ContextMenu, ContextMenuDivider_default as ContextMenuDivider, ContextMenuGroup_default as ContextMenuGroup, ContextMenuItem_default as ContextMenuItem, ContextMenuSubmenu_default as ContextMenuSubmenu, LazyLoader_default as LazyLoader, LeftMenu_default as LeftMenu, LeftMenuEventDispatch, LeftMenuEvents, PageHeader_default as PageHeader, Scrollbar_default as Scrollbar, SettingDivision_default as SettingDivision, SettingGroup_default as SettingGroup, SettingItem_default as SettingItem, SplitPanel_default as SplitPanel, SwitchPlus_default as SwitchPlus, SwitchPlusEnable_default as SwitchPlusEnable, thumb_default as Thumb, TimeSelect_default as TimeSelect, UtoolsBaseLayout_default as UtoolsBaseLayout, UtoolsLayout_default as UtoolsLayout, WebBaseLayout_default as WebBaseLayout, WebLayout_default as WebLayout, getBuildCurrentClassPrefix, getClassPrefix, getCurrentTheme, isEventExist, isFunction, isNull, isNumber, isObject, isUndefined, off, on, setCurrentTheme, useMultiLoading, useSingleLoading, useTheme };