@xiaou66/u-web-ui 1.0.1 → 1.0.4

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, provide, reactive, ref, renderList, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, toHandlers, toRefs, unref, useAttrs, useModel, useSlots, watch, withCtx, withModifiers } from "vue";
+import { Fragment, KeepAlive, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, mergeModels, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, 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";
@@ -68,7 +68,7 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let c = e, l = t, u = getClassPrefix("back-top"), d = ref(!1), f = ref(), p = computed(() => !c.targetContainer), m = null, h = ((e) => {
+		let n = e, l = t, u = getClassPrefix("back-top"), d = ref(!1), f = ref(), p = computed(() => !n.targetContainer), m = null, h = ((e) => {
 			let t = () => {
 				m === null && (m = requestAnimationFrame(() => {
 					e(), m = null;
@@ -79,29 +79,29 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 			}, t;
 		})(() => {
 			if (f.value) {
-				let { visibleHeight: e } = c;
+				let { visibleHeight: e } = n;
 				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, y = (e, t, n) => {
+		}), g = (e) => typeof e == "string" ? (console.log("container: ", document.querySelector(e)), document.querySelector(e)) : e, _ = (e, t, n) => {
 			e.addEventListener(t, n);
-		}, S = (e, t, n) => {
+		}, y = (e, t, n) => {
 			e.removeEventListener(t, n);
 		};
 		onMounted(() => {
-			f.value = p.value ? document?.documentElement : g(c.targetContainer), f.value && (y(p.value ? window : f.value, "scroll", h), h());
+			f.value = p.value ? document?.documentElement : g(n.targetContainer), f.value && (_(p.value ? window : f.value, "scroll", h), h());
 		}), onUnmounted(() => {
-			h.cancel(), f.value && S(p.value ? window : f.value, "scroll", h);
+			h.cancel(), f.value && y(p.value ? window : f.value, "scroll", h);
 		});
-		let C = () => {
+		let S = () => {
 			if (!f.value) return;
 			l("click");
-			let e = p.value ? window.pageYOffset : f.value.scrollTop, { duration: t } = c, n = performance.now(), r = (i) => {
-				let a = i - n, o = Math.min(a / t, 1), s = e * (1 - (1 - (1 - o) ** 3));
-				p.value ? window.scrollTo(0, s) : f.value && (f.value.scrollTop = s), o < 1 && requestAnimationFrame(r);
+			let e = p.value ? window.pageYOffset : f.value.scrollTop, { duration: t } = n, r = performance.now(), i = (n) => {
+				let a = n - r, o = Math.min(a / t, 1), s = e * (1 - (1 - (1 - o) ** 3));
+				p.value ? window.scrollTo(0, s) : f.value && (f.value.scrollTop = s), o < 1 && requestAnimationFrame(i);
 			};
-			requestAnimationFrame(r);
-		}, w = computed(() => {
-			let { right: e = 28, bottom: t = 50 } = c.position || {};
+			requestAnimationFrame(i);
+		}, C = computed(() => {
+			let { right: e = 28, bottom: t = 50 } = n.position || {};
 			return {
 				right: `${e}px`,
 				bottom: `${t}px`
@@ -111,8 +111,8 @@ 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(w.value),
-				onClick: C
+				style: normalizeStyle(C.value),
+				onClick: S
 			}, [renderSlot(e.$slots, "default", {}, () => [createElementVNode("button", { class: normalizeClass(`${unref(u)}-btn`) }, [(openBlock(), createElementBlock("svg", {
 				class: normalizeClass(`${unref(u)}-icon`),
 				viewBox: "0 0 24 24",
@@ -125,7 +125,7 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 	__name: "WebBaseLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = ElHeader, r = ElAside, o = ElMain, s = ElContainer;
+			let n = ElHeader, r = ElAside, i = ElMain, s = ElContainer;
 			return openBlock(), createBlock(s, { class: "h-screen" }, {
 				default: withCtx(() => [e.$slots.header ? (openBlock(), createBlock(n, { key: 0 }, {
 					default: withCtx(() => [renderSlot(e.$slots, "header")]),
@@ -137,7 +137,7 @@ var BackTop_default = /* @__PURE__ */ defineComponent({
 					}, {
 						default: withCtx(() => [renderSlot(e.$slots, "left")]),
 						_: 3
-					})) : createCommentVNode("", !0), createVNode(o, { class: "h-full overflow-hidden" }, {
+					})) : createCommentVNode("", !0), createVNode(i, { class: "h-full overflow-hidden" }, {
 						default: withCtx(() => [renderSlot(e.$slots, "default")]),
 						_: 3
 					})]),
@@ -176,13 +176,13 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	}),
 	emits: ["update:collapsed"],
 	setup(t, { expose: n }) {
-		let r = t, c = useModel(t, "collapsed");
+		let r = t, i = useModel(t, "collapsed");
 		function l() {
-			c.value = !c.value;
+			i.value = !i.value;
 		}
-		let d = useRouter(), f = useRoute(), p = ref([]);
+		let u = useRouter(), f = useRoute(), p = ref([]);
 		function m() {
-			p.value = d.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
+			p.value = u.getRoutes().filter((e) => e.meta).filter((e) => e.path.split("/").length <= 2).filter((e) => e.meta.menu);
 		}
 		function h() {
 			r.loadRouter ? p.value = r.loadRouter() : m();
@@ -191,20 +191,20 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 			h();
 		});
 		function g(e) {
-			e.meta.onClick ? e.meta.onClick(e) : d.push({ name: e.name });
+			e.meta.onClick ? e.meta.onClick(e) : u.push({ name: e.name });
 		}
-		function v(e) {
+		function _(e) {
 			return e.children ? e.children.filter((e) => e.meta?.menu) : [];
 		}
 		return r.refreshEventListener && useEventListener(document, LeftMenuEvents.Refresh, h), n({
 			changeCollapsed: l,
 			refreshRouter: h
 		}), (t, n) => {
-			let r = ElIcon, l = ElMenuItem, d = ElSubMenu, m = ElMenu;
+			let r = ElIcon, l = ElMenuItem, u = ElSubMenu, m = ElMenu;
 			return openBlock(), createElementBlock("div", {
 				class: normalizeClass(["left-menu horizontal-collapse-transition", {
-					"collapsed-width": c.value,
-					"collapsed-width-small": c.value && t.size === "small"
+					"collapsed-width": i.value,
+					"collapsed-width-small": i.value && t.size === "small"
 				}]),
 				style: { transition: "width 300ms linear" }
 			}, [t.$slots.logo ? (openBlock(), createElementBlock("div", {
@@ -212,16 +212,16 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 				class: normalizeClass(["u-web-left-menu-logo", { "u-web-left-menu-logo-small": t.size === "small" }])
 			}, [renderSlot(t.$slots, "logo")], 2)) : createCommentVNode("", !0), createVNode(m, {
 				"default-active": String(unref(f).name),
-				collapse: c.value,
+				collapse: i.value,
 				"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) }, [_(t).length > 0 ? (openBlock(), createBlock(u, {
 					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(_(t), (e) => (openBlock(), createBlock(l, {
 						key: String(e.name),
 						index: String(e.name),
 						onClick: (t) => g(e)
@@ -266,8 +266,8 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = getBuildCurrentClassPrefix("context-menu", "item"), c = inject("handleSelect", null), l = (e) => {
-			if (!n.disabled) if (e.stopPropagation(), r("click", n.value, e), c) c(n.value, e);
+		let n = e, r = t, i = getBuildCurrentClassPrefix("context-menu", "item"), a = inject("handleSelect", null), l = (e) => {
+			if (!n.disabled) if (e.stopPropagation(), r("click", n.value, e), a) a(n.value, e);
 			else {
 				let t = new CustomEvent("context-menu-select", {
 					detail: {
@@ -320,32 +320,32 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	},
 	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"), a = getBuildCurrentClassPrefix("context-menu", "submenu"), l = getBuildCurrentClassPrefix("context-menu", "menu"), u = ref(), d = ref(), f = ref(!1), p = reactive({
 			left: "0px",
 			top: "0px"
-		}), h = inject("handleSelect", null), y = null, w = null, T = !1, E = !1, O = () => {
-			y &&= (clearTimeout(y), null), w &&= (clearTimeout(w), null);
+		}), h = inject("handleSelect", null), g = null, y = null, w = !1, E = !1, D = () => {
+			g &&= (clearTimeout(g), null), y &&= (clearTimeout(y), null);
 		}, k = () => {
-			n.disabled || !u.value || (O(), m.left = "100%", m.top = "0px", f.value = !0, nextTick(() => {
+			n.disabled || !u.value || (D(), p.left = "100%", p.top = "0px", f.value = !0, nextTick(() => {
 				j();
 			}));
 		}, A = () => {
-			!T && !E && (O(), w = setTimeout(() => {
-				!T && !E && (f.value = !1);
+			!w && !E && (D(), y = setTimeout(() => {
+				!w && !E && (f.value = !1);
 			}, 100));
 		}, j = () => {
 			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";
+			o + n.width > i && s > 4 ? p.left = "-" + (n.width + 4) + "px" : p.left = "100%", r.top + n.height > a ? p.top = Math.min(0, a - r.top - n.height - 4) + "px" : r.top < 4 ? p.top = 4 - r.top + "px" : p.top = "0px";
 		}, M = () => {
-			n.disabled || (T = !0, O(), y = setTimeout(() => {
+			n.disabled || (w = !0, D(), g = setTimeout(() => {
 				k();
 			}, 150));
 		}, N = () => {
-			T = !1, A();
+			w = !1, A();
 		}, P = () => {
-			E = !0, O();
-		}, F = () => {
+			E = !0, D();
+		}, Ze = () => {
 			E = !1, A();
 		}, I = (e, t) => {
 			f.value = !1, r("select", e, t), h && h(e, t);
@@ -357,10 +357,10 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		}, z = (e) => {
 			e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
 		}, B = (e) => {
-			if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), O(), f.value) f.value = !1;
+			if (!n.disabled) if (e.stopPropagation(), e.preventDefault(), D(), f.value) f.value = !1;
 			else {
 				if (!u.value) return;
-				m.left = "100%", m.top = "0px", f.value = !0, nextTick(() => {
+				p.left = "100%", p.top = "0px", f.value = !0, nextTick(() => {
 					j();
 				});
 			}
@@ -382,16 +382,16 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		return onMounted(() => {
 			document.addEventListener("click", V), document.addEventListener("mousedown", V), document.addEventListener("keydown", H), document.addEventListener("contextmenu", U);
 		}), onUnmounted(() => {
-			O(), document.removeEventListener("click", V), document.removeEventListener("mousedown", V), document.removeEventListener("keydown", H), document.removeEventListener("contextmenu", U);
+			D(), document.removeEventListener("click", V), document.removeEventListener("mousedown", V), document.removeEventListener("keydown", H), document.removeEventListener("contextmenu", U);
 		}), (e, t) => (openBlock(), createElementBlock("div", {
 			ref_key: "triggerRef",
 			ref: u,
 			class: normalizeClass([
 				unref(i)(),
-				unref(c)(),
+				unref(a)(),
 				{
 					[unref(i)("disabled")]: e.disabled,
-					[unref(c)("active")]: f.value
+					[unref(a)("active")]: f.value
 				}
 			]),
 			onContextmenu: withModifiers(R, ["prevent", "stop"]),
@@ -404,16 +404,16 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 				class: normalizeClass([unref(i)("icon"), e.icon])
 			}, 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),
+			createElementVNode("span", { class: normalizeClass(unref(a)("arrow")) }, "▶", 2),
 			f.value ? (openBlock(), createElementBlock("div", {
 				key: 1,
 				ref_key: "submenuRef",
 				ref: d,
-				class: normalizeClass([unref(l)(), unref(c)("popup")]),
-				style: normalizeStyle(m),
+				class: normalizeClass([unref(l)(), unref(a)("popup")]),
+				style: normalizeStyle(p),
 				onContextmenu: withModifiers(z, ["prevent", "stop"]),
 				onMouseenter: P,
-				onMouseleave: F,
+				onMouseleave: Ze,
 				onContextMenuSelect: L
 			}, [renderSlot(e.$slots, "default")], 38)) : createCommentVNode("", !0)
 		], 34));
@@ -441,69 +441,69 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		"open",
 		"close"
 	],
-	setup(r, { expose: c, emit: l }) {
-		let d = r, f = l, p = getBuildCurrentClassPrefix("context-menu"), m = ref(), y = ref(), w = ref(!1), T = reactive({
+	setup(t, { expose: i, emit: l }) {
+		let u = t, f = l, p = getBuildCurrentClassPrefix("context-menu"), m = ref(), h = ref(), y = ref(!1), w = reactive({
 			left: "0px",
 			top: "0px"
 		});
 		function E() {
-			let e = Array.isArray(d.trigger) ? d.trigger : [d.trigger], t = {};
+			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 D = (e) => {
-			d.disabled || isFunction(d.disabled) && d.disabled() || (e.preventDefault(), e.stopPropagation(), T.left = e.clientX + "px", T.top = e.clientY + "px", w.value = !0, nextTick(() => {
+			u.disabled || isFunction(u.disabled) && u.disabled() || (e.preventDefault(), e.stopPropagation(), w.left = e.clientX + "px", w.top = e.clientY + "px", y.value = !0, nextTick(() => {
 				O(e.clientX, e.clientY);
 			}), f("open"));
 		}, O = (e, t) => {
-			if (!y.value) return;
-			let n = y.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
-			e + n.width > r && (a = r - n.width - 4 - (d.boundaryOffset.x || 0)), t + n.height > i && (o = i - n.height - 4 - (d.boundaryOffset.y || 0)), a = Math.max(4, a), o = Math.max(4, o), T.left = a + "px", T.top = o + "px";
+			if (!h.value) return;
+			let n = h.value.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = e, o = t;
+			e + n.width > r && (a = r - n.width - 4 - (u.boundaryOffset.x || 0)), t + n.height > i && (o = i - n.height - 4 - (u.boundaryOffset.y || 0)), a = Math.max(4, a), o = Math.max(4, o), w.left = a + "px", w.top = o + "px";
 		}, k = () => {
-			w.value = !1, f("close");
+			y.value = !1, f("close");
 		}, A = (e, t) => {
-			f("select", e, t), d.hideOnSelect && (w.value = !1, f("close"));
+			f("select", e, t), u.hideOnSelect && (y.value = !1, f("close"));
 		}, j = (e) => {
-			if (!w.value) return;
-			let t = e.target, n = y.value, r = m.value;
+			if (!y.value) return;
+			let t = e.target, n = h.value, r = m.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, f("close"));
+			!i && !a && (y.value = !1, f("close"));
 		}, M = (e) => {
-			e.key === "Escape" && w.value && (w.value = !1, f("close"));
+			e.key === "Escape" && y.value && (y.value = !1, f("close"));
 		}, N = (e) => {
-			w.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
-		}, F = () => {
-			w.value = !1, f("close");
+			y.value && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+		}, P = () => {
+			y.value = !1, f("close");
 		};
-		return provide("handleSelect", A), provide("closeMenu", F), onMounted(() => {
+		return provide("handleSelect", A), provide("closeMenu", P), onMounted(() => {
 			document.addEventListener("click", j), document.addEventListener("mousedown", j), document.addEventListener("keydown", M), document.addEventListener("contextmenu", N);
 		}), onUnmounted(() => {
 			document.removeEventListener("click", j), document.removeEventListener("mousedown", j), document.removeEventListener("keydown", M), document.removeEventListener("contextmenu", N);
-		}), c({
-			close: F,
+		}), i({
+			close: P,
 			openContextMenu: D
-		}), (r, c) => (openBlock(), createElementBlock(Fragment, null, [
+		}), (t, i) => (openBlock(), createElementBlock(Fragment, null, [
 			createElementVNode("div", mergeProps({
 				ref_key: "triggerRef",
 				ref: m,
 				class: unref(p)("trigger")
-			}, { ...E() }), [renderSlot(r.$slots, "default")], 16),
+			}, { ...E() }), [renderSlot(t.$slots, "default")], 16),
 			(openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(Transition, { name: unref(p)("menu-transition") }, {
-				default: withCtx(() => [w.value ? (openBlock(), createElementBlock("div", {
+				default: withCtx(() => [y.value ? (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "menuRef",
-					ref: y,
+					ref: h,
 					class: normalizeClass([
 						unref(p)(),
 						unref(p)("menu"),
-						unref(p)(`menu-${d.size}`)
+						unref(p)(`menu-${u.size}`)
 					]),
-					style: normalizeStyle(T),
-					onContextmenu: c[0] ||= withModifiers(() => {}, ["prevent"])
-				}, [renderSlot(r.$slots, "content")], 38)) : createCommentVNode("", !0)]),
+					style: normalizeStyle(w),
+					onContextmenu: i[0] ||= withModifiers(() => {}, ["prevent"])
+				}, [renderSlot(t.$slots, "content")], 38)) : createCommentVNode("", !0)]),
 				_: 3
 			}, 8, ["name"])])),
-			(openBlock(), createBlock(Teleport, { to: "body" }, [w.value ? (openBlock(), createElementBlock("div", {
+			(openBlock(), createBlock(Teleport, { to: "body" }, [y.value ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass([unref(p)(), unref(p)("mask")]),
 				onClick: k,
@@ -548,11 +548,11 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		"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(), y = ref(), x = getClassPrefix("split-panel"), S = getClassPrefix("split-trigger"), C = ref(d.value);
+		let n = e, r = t, { direction: l, size: u, defaultSize: d, min: f, max: p } = toRefs(n), m = ref(0), h = ref(), g = ref(), y = getClassPrefix("split-panel"), x = getClassPrefix("split-trigger"), S = ref(d.value);
 		watch(u, (e) => {
-			e !== void 0 && (C.value = e);
+			e !== void 0 && (S.value = e);
 		}, { immediate: !0 });
-		function w(e) {
+		function C(e) {
 			let t = typeof e == "string" ? parseFloat(e) : e, n = "";
 			return n = typeof e == "number" || String(t) === String(e) ? t > 1 ? "px" : "%" : "px", {
 				size: t,
@@ -560,22 +560,22 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 				isPx: n === "px"
 			};
 		}
-		let T = computed(() => w(C.value)), D = computed(() => l.value === "horizontal"), O = computed(() => [x, {
-			[`${x}-horizontal`]: D.value,
-			[`${x}-vertical`]: !D.value
-		}]), A = computed(() => [S, {
-			[`${S}-horizontal`]: D.value,
-			[`${S}-vertical`]: !D.value,
-			[`${S}-disabled`]: n.disabled
+		let w = computed(() => C(S.value)), E = computed(() => l.value === "horizontal"), O = computed(() => [y, {
+			[`${y}-horizontal`]: E.value,
+			[`${y}-vertical`]: !E.value
+		}]), k = computed(() => [x, {
+			[`${x}-horizontal`]: E.value,
+			[`${x}-vertical`]: !E.value,
+			[`${x}-disabled`]: n.disabled
 		}]), j = computed(() => {
-			let { size: e, unit: t, isPx: n } = T.value;
+			let { size: e, unit: t, isPx: n } = w.value;
 			return { flex: `0 0 calc(${n ? e : e * 100}${t} - ${m.value / 2}px)` };
 		});
 		function M({ size: e, defaultSize: t = "0px", containerSize: n }) {
-			let r = w(e ?? t);
+			let r = C(e ?? t);
 			return r.isPx ? r.size : r.size * n;
 		}
-		function Xe(e, t) {
+		function N(e, t) {
 			return parseFloat(e) / parseFloat(t);
 		}
 		let F = {
@@ -585,13 +585,13 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 			startSize: 0
 		};
 		async function I() {
-			let e = () => D.value ? h.value?.clientWidth || 0 : h.value?.clientHeight || 0;
+			let e = () => E.value ? h.value?.clientWidth || 0 : h.value?.clientHeight || 0;
 			return (!h.value || !e()) && await nextTick(), e();
 		}
 		function L(e, t) {
 			if (!t) return;
-			let n = T.value.isPx ? `${e}px` : Xe(e, t);
-			C.value !== n && (C.value = n, c("update:size", n));
+			let n = w.value.isPx ? `${e}px` : N(e, t);
+			S.value !== n && (S.value = n, r("update:size", n));
 		}
 		function R(e, t) {
 			let n = M({
@@ -615,7 +615,7 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 			}) + (r - n)}px`, e);
 		}
 		function B(e) {
-			c("moving", e), L(D.value ? z({
+			r("moving", e), L(E.value ? z({
 				startContainerSize: F.startContainerSize,
 				startSize: F.startSize,
 				startPosition: F.startPageX,
@@ -628,24 +628,24 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 			}), F.startContainerSize);
 		}
 		function V(e) {
-			window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", V), window.removeEventListener("contextmenu", V), document.body.style.cursor = "default", c("moveEnd", e);
+			window.removeEventListener("mousemove", B), window.removeEventListener("mouseup", V), window.removeEventListener("contextmenu", V), document.body.style.cursor = "default", r("moveEnd", e);
 		}
 		async function H(e) {
-			n.disabled || (c("moveStart", e), F.startPageX = e.pageX, F.startPageY = e.pageY, F.startContainerSize = await I(), F.startSize = C.value, window.addEventListener("mousemove", B), window.addEventListener("mouseup", V), window.addEventListener("contextmenu", V), document.body.style.cursor = D.value ? "col-resize" : "row-resize");
+			n.disabled || (r("moveStart", e), F.startPageX = e.pageX, F.startPageY = e.pageY, F.startContainerSize = await I(), F.startSize = S.value, window.addEventListener("mousemove", B), window.addEventListener("mouseup", V), window.addEventListener("contextmenu", V), document.body.style.cursor = E.value ? "col-resize" : "row-resize");
 		}
 		function U() {
-			if (y.value) {
-				let { width: e, height: t } = y.value.getBoundingClientRect();
-				m.value = D.value ? e || 0 : t || 0;
+			if (g.value) {
+				let { width: e, height: t } = g.value.getBoundingClientRect();
+				m.value = E.value ? e || 0 : t || 0;
 			}
 		}
 		return onMounted(async () => {
 			let e = await I();
-			L(R(C.value, e), e), U();
+			L(R(S.value, e), e), U();
 			let t = new ResizeObserver(() => {
 				U();
 			});
-			return y.value && t.observe(y.value), () => {
+			return g.value && t.observe(g.value), () => {
 				t.disconnect();
 			};
 		}), (e, t) => (openBlock(), createBlock(resolveDynamicComponent(e.component), {
@@ -655,21 +655,21 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		}, {
 			default: withCtx(() => [
 				createElementVNode("div", {
-					class: normalizeClass([`${unref(x)}-pane`, `${unref(x)}-pane-first`]),
+					class: normalizeClass([`${unref(y)}-pane`, `${unref(y)}-pane-first`]),
 					style: normalizeStyle(j.value)
 				}, [renderSlot(e.$slots, "first")], 6),
 				e.disabled ? createCommentVNode("", !0) : (openBlock(), createElementBlock("div", {
 					key: 0,
 					ref_key: "triggerRef",
-					ref: y,
-					class: normalizeClass(A.value),
+					ref: g,
+					class: normalizeClass(k.value),
 					onMousedown: H
-				}, [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)
+				}, [renderSlot(e.$slots, "resize-trigger", {}, () => [createElementVNode("div", { class: normalizeClass(`${unref(x)}-icon`) }, [renderSlot(e.$slots, "resize-trigger-icon", {}, () => [
+					createElementVNode("div", { class: normalizeClass(`${unref(x)}-line`) }, null, 2),
+					createElementVNode("div", { class: normalizeClass(`${unref(x)}-line`) }, null, 2),
+					createElementVNode("div", { class: normalizeClass(`${unref(x)}-line`) }, null, 2)
 				])], 2)])], 34)),
-				createElementVNode("div", { class: normalizeClass([`${unref(x)}-pane`, `${unref(x)}-pane-second`]) }, [renderSlot(e.$slots, "second")], 2)
+				createElementVNode("div", { class: normalizeClass([`${unref(y)}-pane`, `${unref(y)}-pane-second`]) }, [renderSlot(e.$slots, "second")], 2)
 			]),
 			_: 3
 		}, 8, ["class"]));
@@ -678,8 +678,8 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	__name: "UtoolsBaseLayout",
 	setup(e) {
 		return (e, t) => {
-			let n = ElAside, r = ElMain, a = ElContainer;
-			return openBlock(), createBlock(a, { class: "h-screen min-h-0" }, {
+			let n = ElAside, r = ElMain, i = ElContainer;
+			return openBlock(), createBlock(i, { class: "h-screen min-h-0" }, {
 				default: withCtx(() => [createVNode(n, { width: "auto" }, {
 					default: withCtx(() => [renderSlot(e.$slots, "left")]),
 					_: 3
@@ -701,30 +701,56 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		loadRouter: {},
 		refreshEventListener: { type: Boolean },
 		title: { default: "utools demo" },
-		size: { default: "default" }
+		size: { default: "default" },
+		keepAlive: { type: [Boolean, Object] }
 	},
 	setup(e) {
-		let t = ref(!0);
-		function n() {
-			t.value = !1;
+		let n = e, r = ref(!0), l = ref();
+		function u() {
+			r.value = !1;
+		}
+		function f(e) {
+			return e instanceof Element && !!e.closest(".el-popper");
+		}
+		function p(e) {
+			return e instanceof Node && !!l.value?.contains(e);
 		}
-		function r() {
-			t.value = !0;
+		function m(e) {
+			f(e?.relatedTarget ?? null) || (r.value = !0);
 		}
-		return (e, i) => {
-			let a = resolveComponent("router-view");
+		useEventListener(document, "mouseover", (e) => {
+			r.value || p(e.target) || f(e.target) || (r.value = !0);
+		});
+		let h = computed(() => typeof n.keepAlive == "boolean" ? {
+			enabled: n.keepAlive,
+			include: void 0,
+			exclude: void 0,
+			max: void 0
+		} : {
+			enabled: n.keepAlive?.enabled === !0,
+			include: n.keepAlive?.include,
+			exclude: n.keepAlive?.exclude,
+			max: n.keepAlive?.max
+		});
+		function _(e, t) {
+			return !h.value.enabled || !e ? !1 : t.meta?.keepAlive !== !1;
+		}
+		return (e, n) => {
+			let i = resolveComponent("RouterView");
 			return openBlock(), createElementBlock("div", _hoisted_1$4, [createVNode(UtoolsBaseLayout_default, null, {
 				left: withCtx(() => [createElementVNode("div", {
+					ref_key: "menuRef",
+					ref: l,
 					class: normalizeClass(unref(getClassPrefix)("utools", "left-menu")),
-					onMouseenter: n,
-					onMouseleave: r
+					onMouseenter: u,
+					onMouseleave: m
 				}, [createVNode(unref(LeftMenu_default), mergeProps({
 					loadRouter: e.loadRouter,
 					refreshEventListener: e.refreshEventListener,
 					size: e.size
 				}, {
-					collapsed: t.value,
-					"onUpdate:collapsed": i[0] ||= (e) => t.value = e
+					collapsed: r.value,
+					"onUpdate:collapsed": n[0] ||= (e) => r.value = e
 				}), {
 					logo: withCtx(() => [renderSlot(e.$slots, "logo", {}, () => [createElementVNode("div", _hoisted_2$1, [createElementVNode("div", {
 						class: "h-auto overflow-hidden flex flex-shrink-0",
@@ -738,7 +764,19 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 				}, 16, ["collapsed"])], 34)]),
 				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(getClassPrefix)("utools", "content-wrapper")) }, [
 					createElementVNode("div", _hoisted_5, [renderSlot(e.$slots, "header-tips")]),
-					createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(a)])]),
+					createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [createVNode(i, null, {
+						default: withCtx(({ Component: e, route: n }) => [_(e, n) ? (openBlock(), createBlock(KeepAlive, {
+							key: 0,
+							include: h.value.include,
+							exclude: h.value.exclude,
+							max: h.value.max
+						}, [(openBlock(), createBlock(resolveDynamicComponent(e)))], 1032, [
+							"include",
+							"exclude",
+							"max"
+						])) : e ? (openBlock(), createBlock(resolveDynamicComponent(e), { key: 1 })) : createCommentVNode("", !0)]),
+						_: 1
+					})])]),
 					renderSlot(e.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_8, " © " + toDisplayString((/* @__PURE__ */ new Date()).getFullYear()) + " [xiaou]。保留所有权利 ", 1)])
 				], 2)]),
 				_: 3
@@ -754,14 +792,14 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	},
 	emits: ["back"],
 	setup(e) {
-		let t = e, n = getBuildCurrentClassPrefix("page-header"), i = computed(() => {
+		let t = e, n = getBuildCurrentClassPrefix("page-header"), r = computed(() => {
 			let e = [n()];
 			return t.size !== "default" && e.push(n(t.size)), e;
-		}), c = computed(() => isEventExist("onBack"));
+		}), a = 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, {
+			let i = ElButton, l = ElDivider;
+			return openBlock(), createElementBlock("div", { class: normalizeClass(r.value) }, [createElementVNode("div", { class: normalizeClass(["flex items-center", unref(n)("header")]) }, [
+				a.value || e.$slots.prefix ? renderSlot(e.$slots, "prefix", { key: 0 }, () => [createVNode(i, {
 					class: normalizeClass(unref(n)("header", "back")),
 					onClick: t[0] ||= (t) => e.$emit("back"),
 					link: ""
@@ -771,7 +809,7 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 					__: [1]
 				}, 8, ["class"])]) : createCommentVNode("", !0),
 				createElementVNode("div", { class: normalizeClass(unref(n)("title")) }, [renderSlot(e.$slots, "title", {}, () => [createTextVNode(toDisplayString(e.title), 1)])], 2),
-				createVNode(d, {
+				createVNode(l, {
 					class: normalizeClass(unref(n)("divider")),
 					direction: "vertical"
 				}, null, 8, ["class"]),
@@ -793,21 +831,21 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		background: { default: "var(--u-color-bg-3)" }
 	},
 	setup(e) {
-		let t = e, n = useAttrs(), i = computed(() => "onClick" in n || "onClickCapture" in n), a = computed(() => {
+		let t = e, n = useAttrs(), r = 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 });
-		function u() {
-			c.value = {};
+			return e.push(getClassPrefix("setting-item")), r.value && e.push("cursor-pointer"), t.size !== "default" && e.push(getClassPrefix("setting-item", t.size)), e;
+		}), o = ref({ background: t.background });
+		function l() {
+			o.value = {};
 		}
 		function d() {
-			c.value = { background: t.background };
+			o.value = { background: t.background };
 		}
 		return (e, t) => (openBlock(), createElementBlock("div", mergeProps({
 			class: [...a.value],
-			style: { ...c.value }
-		}, toHandlers({ ...i.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0), {
-			onMouseenter: u,
+			style: { ...o.value }
+		}, toHandlers({ ...r.value && { click: e.$attrs.onClick || e.$attrs.onClickCapture } }, !0), {
+			onMouseenter: l,
 			onMouseleave: d
 		}), [createElementVNode("div", _hoisted_1$3, [createElementVNode("div", null, [createElementVNode("div", { class: normalizeClass(["u-fx u-gap5 u-fac", unref(getClassPrefix)("setting-item-title")]) }, [renderSlot(e.$slots, "title", {}, () => [createTextVNode(toDisplayString(e.title), 1)])], 2), renderSlot(e.$slots, "desc", {}, () => [createElementVNode("div", { class: normalizeClass(unref(getClassPrefix)("setting-item-desc")) }, toDisplayString(e.desc), 3)])]), createElementVNode("div", null, [renderSlot(e.$slots, "default")])]), createElementVNode("div", null, [renderSlot(e.$slots, "extra")])], 16));
 	}
@@ -884,65 +922,65 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		"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), x = (e, t) => {
-			let n = e ? c.checkedValue : c.uncheckedValue;
-			i.value = n, u("change", n, t);
-		}, S = async (e) => {
-			if (b.value || m.value) return;
-			let t = !g.value, n = t ? c.checkedValue : c.uncheckedValue, r = c.beforeChange;
+		let r = useModel(t, "value"), a = t, l = n, d = useSlots(), { size: f } = toRefs(a), p = getBuildCurrentClassPrefix("switch-plus")(), m = computed(() => a.disabled), h = computed(() => a.size);
+		r.value === !1 && a.defaultChecked && (r.value = a.checkedValue);
+		let g = computed(() => r.value === a.checkedValue), _ = ref(!1), y = computed(() => _.value || a.loading), b = (e, t) => {
+			let n = e ? a.checkedValue : a.uncheckedValue;
+			r.value = n, l("change", n, t);
+		}, x = async (e) => {
+			if (y.value || m.value) return;
+			let t = !g.value, n = t ? a.checkedValue : a.uncheckedValue, r = a.beforeChange;
 			if (isFunction(r)) {
-				y.value = !0;
+				_.value = !0;
 				try {
-					(await r(n) ?? !0) && x(t, e);
+					(await r(n) ?? !0) && b(t, e);
 				} finally {
-					y.value = !1;
+					_.value = !1;
 				}
-			} else x(t, e);
+			} else b(t, e);
+		}, S = (e) => {
+			l("focus", e);
 		}, C = (e) => {
-			u("focus", e);
-		}, w = (e) => {
-			u("blur", e);
+			l("blur", e);
 		};
-		watch(i, (e) => {
-			(isUndefined(e) || isNull(e)) && (i.value = c.uncheckedValue);
+		watch(r, (e) => {
+			(isUndefined(e) || isNull(e)) && (r.value = a.uncheckedValue);
 		});
-		let T = computed(() => [
+		let w = computed(() => [
 			p,
-			`${p}-type-${c.type}`,
+			`${p}-type-${a.type}`,
 			{
 				[`${p}-medium`]: h.value === "medium",
 				[`${p}-small`]: h.value === "small",
 				[`${p}-mini`]: h.value === "mini",
 				[`${p}-checked`]: g.value,
 				[`${p}-disabled`]: m.value,
-				[`${p}-loading`]: b.value,
-				[`${p}-custom-color`]: c.type === "line" && (c.checkedColor || c.uncheckedColor)
+				[`${p}-loading`]: y.value,
+				[`${p}-custom-color`]: a.type === "line" && (a.checkedColor || a.uncheckedColor)
 			}
 		]), E = 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 };
-		}), O = computed(() => {
-			if (!b.value) {
-				if (g.value && c.checkedColor) return { color: c.checkedColor };
-				if (!g.value && c.uncheckedColor) return { color: c.uncheckedColor };
+			if (g.value && a.checkedColor) return a.type === "line" ? { "--custom-color": a.checkedColor } : { backgroundColor: a.checkedColor };
+			if (!g.value && a.uncheckedColor) return a.type === "line" ? { "--custom-color": a.uncheckedColor } : { backgroundColor: a.uncheckedColor };
+		}), D = computed(() => {
+			if (!y.value) {
+				if (g.value && a.checkedColor) return { color: a.checkedColor };
+				if (!g.value && a.uncheckedColor) return { color: a.uncheckedColor };
 			}
 		});
 		return (t, n) => (openBlock(), createElementBlock("button", {
 			type: "button",
 			role: "switch",
 			"aria-checked": g.value,
-			class: normalizeClass(T.value),
+			class: normalizeClass(w.value),
 			style: normalizeStyle(E.value),
-			disabled: m.value || b.value,
-			onClick: S,
-			onFocus: C,
-			onBlur: w
+			disabled: m.value || y.value,
+			onClick: x,
+			onFocus: S,
+			onBlur: C
 		}, [createElementVNode("span", {
 			class: normalizeClass(`${unref(p)}-handle`),
-			style: normalizeStyle(O.value)
-		}, [createElementVNode("span", { class: normalizeClass(`${unref(p)}-handle-icon`) }, [b.value ? (openBlock(), createElementBlock("span", {
+			style: normalizeStyle(D.value)
+		}, [createElementVNode("span", { class: normalizeClass(`${unref(p)}-handle-icon`) }, [y.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));
@@ -1042,7 +1080,7 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: n }) {
-		let i = e, a = n, c = getClassPrefix("scrollbar"), l = ref(), u = ref(), d = computed(() => i.direction === "horizontal" ? {
+		let r = e, a = n, o = getClassPrefix("scrollbar"), l = ref(), u = ref(), d = computed(() => r.direction === "horizontal" ? {
 			size: "width",
 			direction: "left",
 			offset: "offsetWidth",
@@ -1053,46 +1091,46 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 			offset: "offsetHeight",
 			client: "clientY"
 		}), f = ref(0), p = ref(!1), m = ref(0), h = computed(() => ({
-			[d.value.size]: `${i.data?.thumbSize ?? 0}px`,
+			[d.value.size]: `${r.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", x), on(window, "mouseup", S), on(window, "contextmenu", S));
-		}, y = (e) => {
+			e.preventDefault(), u.value && (m.value = e[d.value.client] - u.value.getBoundingClientRect()[d.value.direction], p.value = !0, on(window, "mousemove", b), on(window, "mouseup", x), on(window, "contextmenu", x));
+		}, _ = (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));
+				let t = y(e[d.value.client] > u.value.getBoundingClientRect()[d.value.direction] ? f.value + (r.data?.thumbSize ?? 0) : f.value - (r.data?.thumbSize ?? 0));
 				t !== f.value && (f.value = t, a("scroll", t));
 			}
-		}, b = (e) => e < 0 ? 0 : i.data && e > i.data.max ? i.data.max : e, x = (e) => {
+		}, y = (e) => e < 0 ? 0 : r.data && e > r.data.max ? r.data.max : e, b = (e) => {
 			if (l.value && u.value) {
-				let t = b(e[d.value.client] - l.value.getBoundingClientRect()[d.value.direction] - m.value);
+				let t = y(e[d.value.client] - l.value.getBoundingClientRect()[d.value.direction] - m.value);
 				t !== f.value && (f.value = t, a("scroll", t));
 			}
-		}, 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));
-		}, w = computed(() => [
-			`${c}-thumb`,
-			`${c}-thumb-direction-${i.direction}`,
-			`${c}-thumb-size-${i.size}`,
-			{ [`${c}-thumb-dragging`]: p.value }
+		}, x = () => {
+			p.value = !1, off(window, "mousemove", b), off(window, "mouseup", x);
+		}, S = (e) => {
+			p.value || (e = y(e), e !== f.value && (f.value = e));
+		}, C = computed(() => [
+			`${o}-thumb`,
+			`${o}-thumb-direction-${r.direction}`,
+			`${o}-thumb-size-${r.size}`,
+			{ [`${o}-thumb-dragging`]: p.value }
 		]);
-		return t({ setOffset: C }), (e, t) => (openBlock(), createElementBlock("div", {
+		return t({ setOffset: S }), (e, t) => (openBlock(), createElementBlock("div", {
 			ref_key: "trackRef",
 			ref: l,
 			class: normalizeClass([
-				`${unref(c)}-track`,
-				`${unref(c)}-track-direction-${e.direction}`,
-				`${unref(c)}-track-size-${i.size}`
+				`${unref(o)}-track`,
+				`${unref(o)}-track-direction-${e.direction}`,
+				`${unref(o)}-track-size-${r.size}`
 			]),
-			onMousedown: withModifiers(y, ["self"])
+			onMousedown: withModifiers(_, ["self"])
 		}, [createElementVNode("div", {
 			ref_key: "thumbRef",
 			ref: u,
-			class: normalizeClass(w.value),
+			class: normalizeClass(C.value),
 			style: normalizeStyle(h.value),
 			onMousedown: g
-		}, [createElementVNode("div", { class: normalizeClass(`${unref(c)}-thumb-bar`) }, null, 2)], 38)], 34));
+		}, [createElementVNode("div", { class: normalizeClass(`${unref(o)}-thumb-bar`) }, null, 2)], 38)], 34));
 	}
 }), SCROLLBAR_THUMB_MIN_SIZE = 20, SCROLLBAR_TRACK_SIZE = 15, Scrollbar_default = /* @__PURE__ */ defineComponent({
 	__name: "Scrollbar",
@@ -1122,26 +1160,26 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 	},
 	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(), y = ref(), S = ref(!1), C = ref(!1), w = computed(() => S.value && !c.disableHorizontal), T = computed(() => C.value && !c.disableVertical), E = ref(!1), D = null, O = () => {
+		let r = e, l = n, u = getClassPrefix("scrollbar"), d = computed(() => r.size === "small" ? SCROLLBAR_TRACK_SIZE * .8 : SCROLLBAR_TRACK_SIZE), f = ref(), p = ref(), m = ref(), h = ref(), _ = ref(), y = ref(!1), S = ref(!1), C = computed(() => y.value && !r.disableHorizontal), w = computed(() => S.value && !r.disableVertical), E = ref(!1), D = null, O = () => {
 			if (f.value) {
-				let { clientWidth: e, clientHeight: t, offsetWidth: n, offsetHeight: r, scrollWidth: i, scrollHeight: a, scrollTop: o, scrollLeft: s } = f.value;
-				S.value = i > e, C.value = a > t, E.value = w.value && T.value;
-				let l = c.type === "embed" && E.value ? n - d.value : n, u = c.type === "embed" && E.value ? r - d.value : r, h = Math.round(l / Math.min(i / e, l / SCROLLBAR_THUMB_MIN_SIZE)), _ = l - h, v = (i - e) / _, b = Math.round(u / Math.min(a / t, u / SCROLLBAR_THUMB_MIN_SIZE)), x = u - b, Je = (a - t) / x;
+				let { clientWidth: e, clientHeight: t, offsetWidth: n, offsetHeight: i, scrollWidth: a, scrollHeight: o, scrollTop: s, scrollLeft: c } = f.value;
+				y.value = a > e, S.value = o > t, E.value = C.value && w.value;
+				let l = r.type === "embed" && E.value ? n - d.value : n, u = r.type === "embed" && E.value ? i - d.value : i, g = Math.round(l / Math.min(a / e, l / SCROLLBAR_THUMB_MIN_SIZE)), v = l - g, Ye = (a - e) / v, b = Math.round(u / Math.min(o / t, u / SCROLLBAR_THUMB_MIN_SIZE)), x = u - b, Xe = (o - t) / x;
 				if (p.value = {
-					ratio: v,
-					thumbSize: h,
-					max: _
+					ratio: Ye,
+					thumbSize: g,
+					max: v
 				}, m.value = {
-					ratio: Je,
+					ratio: Xe,
 					thumbSize: b,
 					max: x
-				}, o > 0) {
-					let e = Math.round(o / (m.value?.ratio ?? 1));
-					y.value?.setOffset(e);
+				}, s > 0) {
+					let e = Math.round(s / (m.value?.ratio ?? 1));
+					_.value?.setOffset(e);
 				}
-				if (s > 0) {
-					let e = Math.round(s / (p.value?.ratio ?? 1));
-					g.value?.setOffset(e);
+				if (c > 0) {
+					let e = Math.round(c / (p.value?.ratio ?? 1));
+					h.value?.setOffset(e);
 				}
 			}
 		}, k = () => {
@@ -1158,13 +1196,13 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 		});
 		let A = (e) => {
 			if (f.value) {
-				if (w.value && !c.disableHorizontal) {
+				if (C.value && !r.disableHorizontal) {
 					let e = Math.round(f.value.scrollLeft / (p.value?.ratio ?? 1));
-					g.value?.setOffset(e);
+					h.value?.setOffset(e);
 				}
-				if (T.value && !c.disableVertical) {
+				if (w.value && !r.disableVertical) {
 					let e = Math.round(f.value.scrollTop / (m.value?.ratio ?? 1));
-					y.value?.setOffset(e);
+					_.value?.setOffset(e);
 				}
 			}
 			l("scroll", e);
@@ -1174,13 +1212,13 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 			f.value && f.value.scrollTo({ top: e * (m.value?.ratio ?? 1) });
 		}, N = computed(() => {
 			let e = {};
-			return c.type === "track" && (w.value && (e.paddingBottom = `${d.value}px`), T.value && (e.paddingRight = `${d.value}px`)), [e, c.outerStyle];
+			return r.type === "track" && (C.value && (e.paddingBottom = `${d.value}px`), w.value && (e.paddingRight = `${d.value}px`)), [e, r.outerStyle];
 		}), P = computed(() => [
 			`${u}`,
-			`${u}-type-${c.type}`,
-			`${u}-size-${c.size}`,
+			`${u}-type-${r.type}`,
+			`${u}-size-${r.size}`,
 			{ [`${u}-both`]: E.value },
-			c.outerClass
+			r.outerClass
 		]);
 		return t({
 			scrollTo: (e, t) => {
@@ -1204,28 +1242,28 @@ var _hoisted_1$5 = { class: "title" }, LeftMenu_default = /* @__PURE__ */ define
 				ref: f,
 				class: `${unref(u)}-container`
 			}, e.$attrs, { onScroll: A }), [renderSlot(e.$slots, "default")], 16),
-			!e.hide && w.value ? (openBlock(), createBlock(thumb_default, {
+			!e.hide && C.value ? (openBlock(), createBlock(thumb_default, {
 				key: 0,
 				ref_key: "horizontalThumbRef",
-				ref: g,
+				ref: h,
 				data: p.value,
 				direction: "horizontal",
 				both: E.value,
-				size: c.size,
+				size: r.size,
 				onScroll: j
 			}, null, 8, [
 				"data",
 				"both",
 				"size"
 			])) : createCommentVNode("", !0),
-			!e.hide && T.value ? (openBlock(), createBlock(thumb_default, {
+			!e.hide && w.value ? (openBlock(), createBlock(thumb_default, {
 				key: 1,
 				ref_key: "verticalThumbRef",
-				ref: y,
+				ref: _,
 				data: m.value,
 				direction: "vertical",
 				both: E.value,
-				size: c.size,
+				size: r.size,
 				onScroll: M
 			}, null, 8, [
 				"data",
@@ -1295,11 +1333,11 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 	},
 	emits: ["load"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = ref(!1), a = ref(), { start: s, stop: c } = useGlobalIntersectionObserver((e) => {
+		let n = e, r = t, i = ref(!1), a = ref(), { start: o, stop: c } = useGlobalIntersectionObserver((e) => {
 			e && (i.value = !0, r("load"), c());
 		}, { rootMargin: `${n.distance}px` });
 		return watch(a, (e) => {
-			e && s(e);
+			e && o(e);
 		}, { immediate: !0 }), (e, t) => i.value ? renderSlot(e.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("div", {
 			key: 1,
 			ref_key: "box",
@@ -1369,15 +1407,15 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 		"focus",
 		"clear"
 	], ["update:modelValue"]),
-	setup(c, { expose: l, emit: d }) {
-		let f = c, p = d, m = ref(), h = ref(), b = ref(), x = ref(!1), S = ref(!1), C = ref(), Ye = ref(!1), T = ref({
+	setup(t, { expose: l, emit: u }) {
+		let f = t, p = u, m = ref(), h = ref(), g = ref(), b = ref(!1), x = ref(!1), S = ref(), C = ref(!1), T = ref({
 			top: "0px",
 			left: "0px",
 			width: "0px",
 			position: "fixed"
 		}), E = () => {
-			if (!f.teleport || !b.value) return;
-			let e = b.value.getBoundingClientRect();
+			if (!f.teleport || !g.value) return;
+			let e = g.value.getBoundingClientRect();
 			T.value = {
 				top: `${e.bottom + 4}px`,
 				left: `${e.left}px`,
@@ -1385,18 +1423,18 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 				position: "fixed"
 			};
 		};
-		watch(x, (e) => {
+		watch(b, (e) => {
 			e && f.teleport && nextTick(E);
 		});
-		let O = null, k = null;
-		watch(x, (e) => {
-			e && f.teleport ? (O = () => {
-				x.value && E();
-			}, k = O, window.addEventListener("scroll", O, !0), window.addEventListener("resize", k)) : (O &&= (window.removeEventListener("scroll", O, !0), null), k &&= (window.removeEventListener("resize", k), null));
+		let D = null, k = null;
+		watch(b, (e) => {
+			e && f.teleport ? (D = () => {
+				b.value && E();
+			}, k = D, window.addEventListener("scroll", D, !0), window.addEventListener("resize", k)) : (D &&= (window.removeEventListener("scroll", D, !0), null), k &&= (window.removeEventListener("resize", k), null));
 		}), onBeforeUnmount(() => {
-			O && window.removeEventListener("scroll", O, !0), k && window.removeEventListener("resize", k);
+			D && window.removeEventListener("scroll", D, !0), k && window.removeEventListener("resize", k);
 		});
-		let A = ref(null), M = ref(), F = ref(), I = "", L = "", R = computed(() => {
+		let A = ref(null), j = ref(), N = ref(), I = "", L = "", R = computed(() => {
 			if (!B.value) return "--";
 			let [e] = B.value.split(":");
 			return e || "--";
@@ -1404,7 +1442,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			if (!B.value) return "--";
 			let [, e] = B.value.split(":");
 			return e || "--";
-		}), B = useModel(c, "modelValue"), V = computed(() => f.clearable && !f.disabled && B.value && (S.value || x.value)), H = computed(() => {
+		}), B = useModel(t, "modelValue"), V = computed(() => f.clearable && !f.disabled && B.value && (x.value || b.value)), H = computed(() => {
 			let e = [], t = U(f.start), n = U(f.end), r = U(f.step);
 			if (!t || !n || !r) return e;
 			let i = t, a = n.hours * 60 + n.minutes;
@@ -1447,12 +1485,12 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			return !0;
 		}
 		let q = () => {
-			A.value = "hour", M.value?.focus();
+			A.value = "hour", j.value?.focus();
 		}, J = () => {
-			A.value = "minute", F.value?.focus();
-		}, Ze = () => {
-			f.disabled || (x.value = !0, S.value = !0, A.value || q());
-		}, Qe = (e) => {
+			A.value = "minute", N.value?.focus();
+		}, Qe = () => {
+			f.disabled || (b.value = !0, x.value = !0, A.value || q());
+		}, $e = (e) => {
 			e.preventDefault();
 			let t = e.target, n = e.data || "";
 			if (!/^\d$/.test(n)) {
@@ -1466,7 +1504,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			t.textContent = i, Y("hour", i), I.length === 2 && nextTick(() => {
 				J();
 			});
-		}, $e = (e) => {
+		}, et = (e) => {
 			e.preventDefault();
 			let t = e.target, n = e.data || "";
 			if (!/^\d$/.test(n)) {
@@ -1478,7 +1516,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			r > 59 && (L = n, r = parseInt(n));
 			let i = L.padStart(2, "0");
 			t.textContent = i, Y("minute", i), L.length === 2 && nextTick(() => {
-				x.value = !1, F.value?.blur();
+				b.value = !1, N.value?.blur();
 			});
 		}, Y = (e, t) => {
 			let [n, r] = (B.value || "00:00").split(":"), i;
@@ -1487,57 +1525,57 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 					let n = e.getAttribute("data-value");
 					return !!(n && t?.hours && n.split(":")[0] === t.hours.padStart(2, "0"));
 				});
-				C.value && n && C.value.scrollTop(n.offsetTop);
+				S.value && n && S.value.scrollTop(n.offsetTop);
 			}
-		}, et = () => {
-			A.value = "hour", S.value = !0, I = "";
 		}, tt = () => {
-			A.value = null, S.value = !1, X();
+			A.value = "hour", x.value = !0, I = "";
+		}, nt = () => {
+			A.value = null, x.value = !1, X();
 		}, X = () => {
 			console.log("autoFillTime", B.value), B.value = G(W(B.value || "")), console.log("autoFillTime", G(W(B.value || "")), W(B.value || ""));
-		}, nt = () => {
-			A.value = "minute", S.value = !0, L = "";
 		}, rt = () => {
-			A.value = null, S.value = !1, X();
-		}, it = (e) => {
-			e.key === "Tab" || e.key === "ArrowRight" ? (e.preventDefault(), J()) : e.key === "Enter" && (e.preventDefault(), x.value = !x.value);
+			A.value = "minute", x.value = !0, L = "";
+		}, it = () => {
+			A.value = null, x.value = !1, X();
 		}, at = (e) => {
-			e.key === "Tab" || e.key === "ArrowLeft" ? (e.preventDefault(), q()) : e.key === "Enter" && (e.preventDefault(), x.value = !x.value);
+			e.key === "Tab" || e.key === "ArrowRight" ? (e.preventDefault(), J()) : e.key === "Enter" && (e.preventDefault(), b.value = !b.value);
+		}, ot = (e) => {
+			e.key === "Tab" || e.key === "ArrowLeft" ? (e.preventDefault(), q()) : e.key === "Enter" && (e.preventDefault(), b.value = !b.value);
 		}, Z = () => {
 			B.value = "", p("change", ""), p("clear"), I = "", L = "", nextTick(() => {
 				q();
 			});
-		}, ot = (e) => {
-			B.value = e, p("change", e), x.value = !1, Ye.value = !0, A.value = null, nextTick(() => {
+		}, st = (e) => {
+			B.value = e, p("change", e), b.value = !1, C.value = !0, A.value = null, nextTick(() => {
 				h.value?.focus();
 			});
-		}, st = () => {
-			q();
 		}, ct = () => {
-			M.value?.blur(), F.value?.blur(), A.value = null;
-		}, Q = 0, $ = null, lt = () => {
-			Q++, x.value = !0;
-		}, ut = () => {
+			q();
+		}, lt = () => {
+			j.value?.blur(), N.value?.blur(), A.value = null;
+		}, Q = 0, $ = null, ut = () => {
+			Q++, b.value = !0;
+		}, dt = () => {
 			$ && clearTimeout($);
 			let e = Q + 1;
 			Q = e, $ = setTimeout(() => {
-				e === Q && (x.value = !1);
+				e === Q && (b.value = !1);
 			}, 100);
 		};
 		return l({
-			focus: st,
-			blur: ct
-		}), (r, c) => (openBlock(), createElementBlock("div", { class: normalizeClass(["time-select", {
+			focus: ct,
+			blur: lt
+		}), (t, i) => (openBlock(), createElementBlock("div", { class: normalizeClass(["time-select", {
 			"time-select--disabled": f.disabled,
 			"time-select--border": f.border
 		}]) }, [createElementVNode("div", {
 			ref_key: "inputWrapperRef",
-			ref: b,
+			ref: g,
 			class: "time-select__input-wrapper",
-			onFocusin: lt,
-			onFocusout: ut
+			onFocusin: ut,
+			onFocusout: dt
 		}, [
-			f.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_1, c[0] ||= [createElementVNode("svg", {
+			f.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_1, i[0] ||= [createElementVNode("svg", {
 				class: "time-select__icon",
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
@@ -1549,29 +1587,29 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 					"time-select__input--disabled": f.disabled,
 					"time-select__input--readonly": !f.editable
 				}]),
-				onClick: Ze
+				onClick: Qe
 			}, [
 				createElementVNode("div", {
 					ref_key: "hourRef",
-					ref: M,
+					ref: j,
 					class: normalizeClass(["time-select__time-part time-select__hour", { "time-select__time-part--selected": A.value === "hour" }]),
 					contenteditable: f.editable && !f.disabled,
-					onInput: Qe,
-					onFocus: et,
-					onBlur: tt,
-					onKeydown: it,
+					onInput: $e,
+					onFocus: tt,
+					onBlur: nt,
+					onKeydown: at,
 					onClick: withModifiers(q, ["stop"])
 				}, toDisplayString(R.value), 43, _hoisted_2),
-				c[1] ||= createElementVNode("span", { class: "time-select__separator" }, ":", -1),
+				i[1] ||= createElementVNode("span", { class: "time-select__separator" }, ":", -1),
 				createElementVNode("div", {
 					ref_key: "minuteRef",
-					ref: F,
+					ref: N,
 					class: normalizeClass(["time-select__time-part time-select__minute", { "time-select__time-part--selected": A.value === "minute" }]),
 					contenteditable: f.editable && !f.disabled,
-					onInput: $e,
-					onFocus: nt,
-					onBlur: rt,
-					onKeydown: at,
+					onInput: et,
+					onFocus: rt,
+					onBlur: it,
+					onKeydown: ot,
 					onClick: withModifiers(J, ["stop"])
 				}, toDisplayString(z.value), 43, _hoisted_3)
 			], 2),
@@ -1580,7 +1618,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 				class: "time-select__clear",
 				onMousedown: withModifiers(Z, ["prevent"]),
 				onClick: withModifiers(Z, ["prevent"])
-			}, c[2] ||= [createElementVNode("svg", {
+			}, i[2] ||= [createElementVNode("svg", {
 				class: "time-select__icon",
 				viewBox: "0 0 24 24",
 				fill: "currentColor"
@@ -1589,7 +1627,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 			to: "body",
 			disabled: !f.teleport
 		}, [createVNode(Transition, { name: "time-select-dropdown" }, {
-			default: withCtx(() => [x.value && !f.disabled ? (openBlock(), createElementBlock("div", {
+			default: withCtx(() => [b.value && !f.disabled ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(["time-select__dropdown", { "time-select__dropdown--teleport": f.teleport }]),
 				style: normalizeStyle(f.teleport ? T.value : void 0),
@@ -1597,7 +1635,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 				ref: m
 			}, [createVNode(unref(Scrollbar_default), {
 				ref_key: "scrollbarRef",
-				ref: C,
+				ref: S,
 				size: f.size === "small" ? "small" : "default",
 				class: "time-select__options"
 			}, {
@@ -1605,7 +1643,7 @@ var LazyLoader_default = /* @__PURE__ */ defineComponent({
 					key: e,
 					class: normalizeClass(["time-select__option", { "time-select__option--selected": e === G(W(B.value)) }]),
 					"data-value": e,
-					onClick: (t) => ot(e)
+					onClick: (t) => st(e)
 				}, toDisplayString(e), 11, _hoisted_4))), 128))]),
 				_: 1
 			}, 8, ["size"])], 6)) : createCommentVNode("", !0)]),

package/package.json

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