savor-ui 0.3.0 → 0.3.2

package/dist/es/components/src/popover/popover.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -2,12 +2,12 @@ import { debounce as e } from "../../../utils/src/tool.mjs";
 import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import { useOutsideClick as n } from "../../../hooks/src/use-outside-click.mjs";
-import { useZIndex as ee } from "../../../hooks/src/use-zIndex.mjs";
+import { useZIndex as r } from "../../../hooks/src/use-zIndex.mjs";
 import "../../../hooks/index.mjs";
-import { VaporTeleport as te, VaporTransition as ne, applyVShow as r, child as re, computed as i, createComponent as a, createDynamicComponent as ie, createIf as o, createSlot as ae, createTemplateRefSetter as oe, defineVaporComponent as s, nextTick as c, onMounted as se, onUnmounted as ce, ref as l, renderEffect as u, setClass as d, setDynamicEvents as f, setInsertionState as p, setStyle as m, setText as le, template as h, toDisplayString as ue, unref as g, useSlots as de, useTemplateRef as _, watch as v, watchEffect as fe, withVaporCtx as y } from "vue";
-import { createPopper as b } from "@popperjs/core";
+import { VaporTeleport as ee, VaporTransition as i, applyVShow as te, child as ne, computed as a, createComponent as o, createDynamicComponent as re, createIf as s, createSlot as c, createTemplateRefSetter as ie, defineVaporComponent as l, nextTick as u, onMounted as d, onUnmounted as ae, ref as f, renderEffect as p, setClass as m, setDynamicEvents as h, setInsertionState as g, setStyle as _, setText as oe, template as v, toDisplayString as y, unref as b, useSlots as se, useTemplateRef as x, watch as S, watchEffect as ce } from "vue";
+import { createPopper as le } from "@popperjs/core";
 //#region ../components/src/popover/popover.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var pe = h(" "), me = h("<div data-popper-arrow>"), he = h("<div>"), x = h("<div><div>"), S = /* @__PURE__ */ s({
+var ue = v(" "), de = v("<div data-popper-arrow>"), fe = v("<div>"), pe = v("<div><div>"), C = /*@__PURE__*/ l({
 	name: "SPopover",
 	__name: "popover",
 	props: {
@@ -33,11 +33,11 @@ var pe = h(" "), me = h("<div data-popper-arrow>"), he = h("<div>"), x = h("<div
 	},
 	emits: ["change", "click-outside"],
 	__multiRoot: !0,
-	setup(s, { expose: h, emit: S }) {
-		let C = s, w = S, T = t("popover"), E = de(), D = l(!1), O = l(!1), { nextZIndex: ge } = ee(), k = l(), A = _("containerNode"), j = _("wrapperNode"), M = _("contentNode"), N = l(null), P = () => {
-			let e = E.default?.();
+	setup(l, { expose: v, emit: C }) {
+		let w = l, T = C, E = t("popover"), me = se(), D = f(!1), O = f(!1), { nextZIndex: he } = r(), k = f(), A = x("containerNode"), j = x("wrapperNode"), M = x("contentNode"), N = f(null), P = () => {
+			let e = me.default?.();
 			return N.value = e, e;
-		}, F = l(null), I = l({}), L = l({}), R = l({}), z = l(null), B = () => {
+		}, F = f(null), I = f({}), L = f({}), R = f({}), z = f(null), B = () => {
 			F.value && Object.entries(L.value).forEach(([e, t]) => {
 				F.value.removeEventListener(e, t);
 			});
@@ -61,32 +61,32 @@ var pe = h(" "), me = h("<div data-popper-arrow>"), he = h("<div>"), x = h("<div
 			}
 			return null;
 		};
-		v(N, (e) => {
+		S(N, (e) => {
 			if (!e || F.value) return;
 			let t = null;
 			t = e instanceof HTMLElement ? e : H(e), t && t !== F.value && (B(), F.value = t);
-		}, { flush: "post" }), se(() => {
+		}, { flush: "post" }), d(() => {
 			if (F.value) return;
 			let e = N.value;
 			if (!e) return;
 			let t = e instanceof HTMLElement ? e : H(e);
 			t && t !== F.value && (B(), F.value = t);
-		}), v(F, (e) => {
-			e && c().then(() => {
+		}), S(F, (e) => {
+			e && u().then(() => {
 				Object.entries(L.value).forEach(([t, n]) => {
 					e.addEventListener(t, n);
 				});
 			});
 		}, { flush: "post" });
-		let _e = () => {
+		let ge = () => {
 			if (!M.value || !F.value) return;
 			M.value.style.width = "";
 			let e = "";
-			typeof C.width == "number" ? (e = `${C.width}px`, M.value.style.width = e) : C.width === "sameWidth" ? (e = `${F.value.getBoundingClientRect().width}px`, M.value.style.width = e) : C.width === "auto" && (e = "", M.value.style.width = e);
-		}, ve = i(() => {
+			typeof w.width == "number" ? (e = `${w.width}px`, M.value.style.width = e) : w.width === "sameWidth" ? (e = `${F.value.getBoundingClientRect().width}px`, M.value.style.width = e) : w.width === "auto" && (e = "", M.value.style.width = e);
+		}, _e = a(() => {
 			let e = [0, 0];
-			return C.offset ? e = C.offset : C.trigger === "contextmenu" && C.alignPoint ? e = [0, 0] : C.showArrow && (e = [0, 8]), {
-				placement: C.placement,
+			return w.offset ? e = w.offset : w.trigger === "contextmenu" && w.alignPoint ? e = [0, 0] : w.showArrow && (e = [0, 8]), {
+				placement: w.placement,
 				strategy: "fixed",
 				modifiers: [
 					{
@@ -109,41 +109,41 @@ var pe = h(" "), me = h("<div data-popper-arrow>"), he = h("<div>"), x = h("<div
 					}
 				]
 			};
-		}), U = i(() => C.manual ? {
+		}), U = a(() => w.manual ? {
 			openDelay: 0,
 			closeDelay: 0
 		} : {
-			openDelay: typeof C.delay == "number" ? C.delay : C.delay[0],
-			closeDelay: typeof C.delay == "number" ? 50 : C.delay[1]
-		}), ye = () => {
-			O.value = !0, c(() => {
-				D.value = !0, w("change", !0);
+			openDelay: typeof w.delay == "number" ? w.delay : w.delay[0],
+			closeDelay: typeof w.delay == "number" ? 50 : w.delay[1]
+		}), ve = () => {
+			O.value = !0, u(() => {
+				D.value = !0, T("change", !0);
 			});
-		}, be = () => {
-			D.value = !1, z.value = null, w("change", !1), setTimeout(() => {
-				C.destroyOnClose && (O.value = !1);
+		}, ye = () => {
+			D.value = !1, z.value = null, T("change", !1), setTimeout(() => {
+				w.destroyOnClose && (O.value = !1);
 			}, 300);
-		}, W = l(null), G = l(null), K = () => {
-			W.value?.cancel(), G.value?.cancel(), W.value = e(ye, U.value.openDelay), G.value = e(be, U.value.closeDelay);
+		}, W = f(null), G = f(null), K = () => {
+			W.value?.cancel(), G.value?.cancel(), W.value = e(ve, U.value.openDelay), G.value = e(ye, U.value.closeDelay);
 		};
-		K(), v(U, K);
+		K(), S(U, K);
 		let q = () => {
 			G.value?.cancel(), W.value?.();
 		}, J = () => {
 			W.value?.cancel(), G.value?.();
 		};
 		n(A, (e) => {
-			F.value && e.target && typeof F.value.contains == "function" && F.value.contains(e.target) || (D.value && w("click-outside", e), !C.manual && (C.trigger === "hover" || C.trigger === "contextmenu" || C.trigger === "click") && J());
+			F.value && e.target && typeof F.value.contains == "function" && F.value.contains(e.target) || (D.value && T("click-outside", e), !w.manual && (w.trigger === "hover" || w.trigger === "contextmenu" || w.trigger === "click") && J());
 		});
 		let Y = null, X = () => {
 			Y &&= (Y.destroy(), null);
 		}, Z = () => {
 			L.value = {}, I.value = {}, R.value = {}, Q();
 		}, Q = () => {
-			C.manual || (C.trigger === "hover" && (L.value.mouseenter = q, L.value.mouseleave = J, I.value.mouseenter = q, I.value.mouseleave = J), C.trigger === "click" && (L.value.click = () => {
+			w.manual || (w.trigger === "hover" && (L.value.mouseenter = q, L.value.mouseleave = J, I.value.mouseenter = q, I.value.mouseleave = J), w.trigger === "click" && (L.value.click = () => {
 				let e = D.value ? G.value : W.value;
 				(D.value ? W.value : G.value)?.cancel(), e?.();
-			}), C.trigger === "contextmenu" && (L.value.click = () => {
+			}), w.trigger === "contextmenu" && (L.value.click = () => {
 				J();
 			}, L.value.contextmenu = (e) => {
 				D.value && J(), e.preventDefault();
@@ -154,17 +154,17 @@ var pe = h(" "), me = h("<div data-popper-arrow>"), he = h("<div>"), x = h("<div
 				}, q();
 			}));
 		};
-		fe(() => {
-			C.manual || Q();
+		ce(() => {
+			w.manual || Q();
 		});
-		let xe = () => {
+		let be = () => {
 			X();
 		};
-		v(D, (e) => {
+		S(D, (e) => {
 			if (!e || !j.value || !F.value) return;
-			k.value = ge(), _e();
+			k.value = he(), ge();
 			let t = F.value;
-			C.trigger === "contextmenu" && C.alignPoint && z.value && (t = { getBoundingClientRect() {
+			w.trigger === "contextmenu" && w.alignPoint && z.value && (t = { getBoundingClientRect() {
 				return {
 					top: z.value.y,
 					left: z.value.x,
@@ -185,46 +185,46 @@ var pe = h(" "), me = h("<div data-popper-arrow>"), he = h("<div>"), x = h("<div
 						y: z.value.y
 					})
 				};
-			} }), X(), Y = b(t, j.value, ve.value);
-		}, { flush: "post" }), v(() => C.manual, (e) => {
+			} }), X(), Y = le(t, j.value, _e.value);
+		}, { flush: "post" }), S(() => w.manual, (e) => {
 			e ? Z() : Q();
-		}), v(() => C.trigger, (e, t) => {
-			e !== t && (W.value?.cancel(), D.value = !1, w("change", !1), Z());
-		}), ce(() => {
+		}), S(() => w.trigger, (e, t) => {
+			e !== t && (W.value?.cancel(), D.value = !1, T("change", !1), Z());
+		}), ae(() => {
 			X(), B();
-		}), h({
+		}), v({
 			show: q,
 			hide: J
 		});
-		let $ = oe();
-		return [ie(() => P()), a(te, {
-			disabled: () => !s.teleportBody,
-			to: () => s.teleport
-		}, { default: y(() => o(() => O.value, () => {
-			let e = x(), t = re(e);
-			return u(() => {
-				let n = g(T);
-				f(e, I.value), d(e, [n.b()]), d(t, [n.e("wrapper")]), m(t, { zIndex: k.value });
-			}), p(t, null, 0), a(ne, {
-				name: () => "popover-fade",
-				onAfterLeave: () => xe,
-				persisted: () => ""
-			}, { default: y(() => {
-				let e = he();
-				return u(() => {
-					f(e, R.value), d(e, [g(T).e("content")]);
-				}), p(e, null, 0), ae("content", null, () => {
-					let e = pe();
-					return u(() => le(e, ue(s.content))), e;
-				}), p(e, null, 1), o(() => s.showArrow, () => {
-					let e = me();
-					return u(() => {
-						d(e, [g(T).e("arrow")]), m(e, s.arrowStyle);
+		let $ = ie();
+		return [re(() => P()), o(ee, {
+			disabled: () => !l.teleportBody,
+			to: () => l.teleport
+		}, () => s(() => O.value, () => {
+			let e = pe(), t = ne(e);
+			return p(() => {
+				let n = b(E);
+				h(e, I.value), m(e, [n.b()]), m(t, [n.e("wrapper")]), _(t, { zIndex: k.value });
+			}), g(t, null, 0), o(i, {
+				name: "popover-fade",
+				onAfterLeave: () => be,
+				persisted: ""
+			}, () => {
+				let e = fe();
+				return p(() => {
+					h(e, R.value), m(e, [b(E).e("content")]);
+				}), g(e, null, 0), c("content", null, () => {
+					let e = ue();
+					return p(() => oe(e, y(l.content))), e;
+				}), g(e, null, 1), s(() => l.showArrow, () => {
+					let e = de();
+					return p(() => {
+						m(e, [b(E).e("arrow")]), _(e, l.arrowStyle);
 					}), e;
-				}, null, 1), r(e, () => D.value), $(e, M, null, "contentNode"), e;
-			}) }), $(t, j, null, "wrapperNode"), $(e, A, null, "containerNode"), e;
-		}, null, 1)) })];
+				}), te(e, () => D.value), $(e, M, null, "contentNode"), e;
+			}), $(t, j, null, "wrapperNode"), $(e, A, null, "containerNode"), e;
+		}, null, 129))];
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

package/dist/es/components/src/progress/progress.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -4,7 +4,7 @@ import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { child as n, computed as r, createFor as i, createIf as a, createSlot as o, defineVaporComponent as s, renderEffect as c, setClass as l, setInsertionState as u, setStyle as d, setText as f, template as p, toDisplayString as m, unref as h } from "vue";
 //#region ../components/src/progress/progress.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var g = p("<div>"), _ = p("<div><div></div>"), v = p(" "), y = p("<div><div role=progressbar><div>", !0), b = /* @__PURE__ */ s({
+var g = p("<div>"), _ = p("<div><div></div>"), v = p(" "), y = p("<div><div role=progressbar><div>", 1), b = /*@__PURE__*/ s({
 	name: "SProgress",
 	__name: "progress",
 	props: {
@@ -16,7 +16,6 @@ var g = p("<div>"), _ = p("<div><div></div>"), v = p(" "), y = p("<div><div role
 		steps: {},
 		showText: { type: Boolean }
 	},
-	__multiRoot: !1,
 	setup(s) {
 		let p = s, b = t("progress"), x = r(() => {
 			let e = {};
@@ -44,14 +43,14 @@ var g = p("<div>"), _ = p("<div><div></div>"), v = p(" "), y = p("<div><div role
 					let e = h(b);
 					l(n, [e.e("step-item"), e.is("active", t.value < S.value)]), d(n, { backgroundColor: s.trackColor });
 				}), n;
-			}, (e, t) => e, 1), t;
+			}, (e, t) => e, 9), t;
 		}, () => {
 			let t = _(), r = n(t);
 			return c(() => {
 				let n = h(b);
 				l(t, [n.e("line")]), d(t, { height: h(e)(s.height) }), l(r, [n.e("line-bar")]), d(r, x.value);
 			}), t;
-		}, 5, null, 0), c(() => l(T, [h(b).e("line-text")])), u(T, null, 0), o("text", { percent: () => p.percent }, () => {
+		}, 261), c(() => l(T, [h(b).e("line-text")])), u(T, null, 0), o("text", { percent: () => p.percent }, () => {
 			let e = v();
 			return c(() => f(e, m(p.percent * 100) + "%")), e;
 		}), C;

package/dist/es/components/src/radio/radio-group.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -3,10 +3,10 @@ import "../../../hooks/index.mjs";
 import { radioGroupContextKey as t } from "./types.mjs";
 import { createSlot as n, defineVaporComponent as r, mergeModels as i, provide as a, renderEffect as o, setClass as s, setInsertionState as c, template as l, toRefs as u, unref as d, useModel as f } from "vue";
 //#region ../components/src/radio/radio-group.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var p = l("<div>", !0), m = /* @__PURE__ */ r({
+var p = l("<div>", 1), m = /*@__PURE__*/ r({
 	name: "SRadioGroup",
 	__name: "radio-group",
-	props: /* @__PURE__ */ i({
+	props: /*@__PURE__*/ i({
 		vertical: { type: Boolean },
 		button: { type: Boolean }
 	}, {
@@ -20,8 +20,7 @@ var p = l("<div>", !0), m = /* @__PURE__ */ r({
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ i(["change"], ["update:modelValue"]),
-	__multiRoot: !1,
+	emits: /*@__PURE__*/ i(["change"], ["update:modelValue"]),
 	setup(r, { emit: i }) {
 		let l = r, m = i, h = e("radio-group"), g = f(r, "modelValue"), _ = (e) => {
 			g.value = e, m("change", g.value);
@@ -39,7 +38,7 @@ var p = l("<div>", !0), m = /* @__PURE__ */ r({
 				e.is("vertical", r.vertical),
 				e.is("button", d(v))
 			]);
-		}), c(y, null, 0), n("default", null), y;
+		}), c(y, null, 0), n(), y;
 	}
 });
 //#endregion

package/dist/es/components/src/radio/radio.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -1,12 +1,12 @@
 import { useNamespace as e } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { radioGroupContextKey as t } from "./types.mjs";
-import { child as n, computed as r, createIf as i, createInvoker as a, createSlot as o, defineVaporComponent as s, inject as c, mergeModels as l, on as u, renderEffect as d, setClass as f, setInsertionState as p, setProp as m, setText as h, setValue as g, template as _, toDisplayString as v, unref as y, useModel as b } from "vue";
+import { child as n, computed as r, createIf as i, createSlot as a, defineVaporComponent as o, inject as s, mergeModels as c, on as l, renderEffect as u, setClass as d, setInsertionState as f, setProp as p, setText as m, setValue as h, template as g, toDisplayString as _, unref as v, useModel as y } from "vue";
 //#region ../components/src/radio/radio.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var x = _("<span></span>"), S = _(" "), C = _("<span>"), w = _("<label><input type=radio>", !0), T = /* @__PURE__ */ s({
+var b = g("<span></span>"), x = g(" "), S = g("<span>"), C = g("<label><input type=radio>", 1), w = /*@__PURE__*/ o({
 	name: "SRadio",
 	__name: "radio",
-	props: /* @__PURE__ */ l({
+	props: /*@__PURE__*/ c({
 		label: {},
 		value: { type: [
 			String,
@@ -26,31 +26,30 @@ var x = _("<span></span>"), S = _(" "), C = _("<span>"), w = _("<label><input ty
 		},
 		modelModifiers: {}
 	}),
-	emits: /* @__PURE__ */ l(["change"], ["update:modelValue"]),
-	__multiRoot: !1,
-	setup(s, { emit: l, slots: _ }) {
-		let T = s, E = l, D = e("radio"), O = c(t, void 0), k = r(() => O?.button.value), A = b(s, "modelValue"), j = r(() => O?.checkedValue.value === T.value), M = (e) => {
-			e.target.checked && (A.value = T.value), O?.checked(A.value), E("change", A.value, e);
-		}, N = w(), P = n(N);
-		return u(P, "change", a(M)), d(() => {
-			let e = y(D), t = j.value;
-			f(N, [
+	emits: /*@__PURE__*/ c(["change"], ["update:modelValue"]),
+	setup(o, { emit: c, slots: g }) {
+		let w = o, T = c, E = e("radio"), D = s(t, void 0), O = r(() => D?.button.value), k = y(o, "modelValue"), A = r(() => D?.checkedValue.value === w.value), j = (e) => {
+			e.target.checked && (k.value = w.value), D?.checked(k.value), T("change", k.value, e);
+		}, M = C(), N = n(M);
+		return l(N, "change", j), u(() => {
+			let e = v(E), t = A.value;
+			d(M, [
 				e.b(),
-				e.m(s.size),
+				e.m(o.size),
 				e.is("checked", t),
-				e.is("button", k.value)
-			]), f(P, [e.e("input")]), g(P, s.value), m(P, "checked", t);
-		}), p(N, null, 1), i(() => !_.check, () => {
-			let e = x(), t = C();
-			return d(() => {
-				let n = y(D);
-				f(e, [n.e("inner")]), f(t, [n.e("label")]);
-			}), p(t, null, 0), o("default", null, () => {
-				let e = S();
-				return d(() => h(e, v(s.label))), e;
+				e.is("button", O.value)
+			]), d(N, [e.e("input")]), h(N, o.value), p(N, "checked", t);
+		}), f(M, null, 1), i(() => !g.check, () => {
+			let e = b(), t = S();
+			return u(() => {
+				let n = v(E);
+				d(e, [n.e("inner")]), d(t, [n.e("label")]);
+			}), f(t, null, 0), a("default", null, () => {
+				let e = x();
+				return u(() => m(e, _(o.label))), e;
 			}), [e, t];
-		}, null, 2), p(N, null, 2), o("check", { checked: () => j.value }), N;
+		}, null, 2), f(M, null, 2), a("check", { checked: () => A.value }), M;
 	}
 });
 //#endregion
-export { T as default };
+export { w as default };

package/dist/es/components/src/scrollbar/scrollbar.vue_vue_type_script_setup_true_vapor_true_lang.mjs

@@ -3,11 +3,11 @@ import "../../../utils/index.mjs";
 import { useNamespace as t } from "../../../hooks/src/use-namespace.mjs";
 import "../../../hooks/index.mjs";
 import { SBackTop as n } from "../back-top/index.mjs";
-import { applyVShow as r, child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, createTemplateRefSetter as ee, defineVaporComponent as l, delegateEvents as u, next as d, nextTick as f, on as te, onMounted as ne, onUnmounted as re, ref as p, renderEffect as m, setClass as h, setInsertionState as g, setProp as ie, setStyle as _, template as v, unref as y, useId as ae, watch as oe, withVaporCtx as se } from "vue";
+import { applyVShow as r, child as i, createComponent as a, createIf as o, createInvoker as s, createSlot as c, createTemplateRefSetter as ee, defineVaporComponent as l, delegateEvents as u, next as d, nextTick as f, on as te, onMounted as ne, onUnmounted as re, ref as p, renderEffect as ie, setClass as m, setInsertionState as h, setProp as ae, setStyle as g, template as _, unref as v, useId as oe, watch as se } from "vue";
 //#region ../components/src/scrollbar/scrollbar.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var ce = v("<div><div></div><!><div><div><div></div></div></div><div><div><div>", !0);
+var ce = _("<div><div></div><!><div><div><div></div></div></div><div><div><div>", 1);
 u("mousedown");
-var b = /* @__PURE__ */ l({
+var y = /*@__PURE__*/ l({
 	name: "SScrollbar",
 	__name: "scrollbar",
 	props: {
@@ -20,127 +20,126 @@ var b = /* @__PURE__ */ l({
 		backtop: { type: Boolean },
 		backtopProps: {}
 	},
-	__multiRoot: !1,
 	setup(l, { expose: u }) {
-		let v = l, b = t("scrollbar"), x = "scrollbar_" + ae(), S = p(null), C = p(null), w = p(null), T = p(!1), E = p(0), D = p(20), O = p(!1), k = p(0), A = p(20), j = p(!1), M = p(""), N = 0, P = 0, F = null, I = () => {
-			F && clearTimeout(F), F = window.setTimeout(() => {
-				L();
+		let _ = l, y = t("scrollbar"), b = "scrollbar_" + oe(), x = p(null), S = p(null), C = p(null), w = p(!1), T = p(0), E = p(20), D = p(!1), O = p(0), k = p(20), A = p(!1), j = p(""), M = 0, N = 0, P = null, F = () => {
+			P && clearTimeout(P), P = window.setTimeout(() => {
+				I();
 			}, 10);
-		}, L = () => {
-			let e = S.value;
+		}, I = () => {
+			let e = x.value;
 			if (!e) return;
 			e.offsetHeight;
 			let { clientWidth: t, clientHeight: n, scrollWidth: r, scrollHeight: i } = e;
-			if (T.value = i > n + 1, T.value) {
+			if (w.value = i > n + 1, w.value) {
 				let e = n / i;
-				D.value = Math.max(20, e * n), E.value = 0;
-			} else E.value = 0;
-			if (O.value = r > t + 1, O.value) {
+				E.value = Math.max(20, e * n), T.value = 0;
+			} else T.value = 0;
+			if (D.value = r > t + 1, D.value) {
 				let e = t / r;
-				A.value = Math.max(20, e * t), k.value = 0;
-			} else k.value = 0;
-			R();
-		}, R = () => {
-			let e = S.value;
+				k.value = Math.max(20, e * t), O.value = 0;
+			} else O.value = 0;
+			L();
+		}, L = () => {
+			let e = x.value;
 			if (!e) return;
 			let { scrollTop: t, scrollLeft: n, clientWidth: r, clientHeight: i, scrollWidth: a, scrollHeight: o } = e;
-			if (T.value) {
+			if (w.value) {
 				let e = o - i;
-				E.value = (e <= 0 ? 0 : t / e) * (i - D.value);
+				T.value = (e <= 0 ? 0 : t / e) * (i - E.value);
 			}
-			if (O.value) {
+			if (D.value) {
 				let e = a - r;
-				k.value = (e <= 0 ? 0 : n / e) * (r - A.value);
+				O.value = (e <= 0 ? 0 : n / e) * (r - k.value);
 			}
-		}, z = (e, t) => {
-			S.value && (t === "y" && !C.value || t === "x" && !w.value || (j.value = !0, M.value = t, N = t === "y" ? e.clientY : e.clientX, P = t === "y" ? E.value : k.value, e.preventDefault(), e.stopPropagation()));
-		}, B = (e) => {
-			if (!j.value || !M.value || !S.value) return;
-			let t = S.value, n = M.value === "y" ? e.clientY - N : e.clientX - N;
-			if (M.value === "y") {
-				let e = t.clientHeight - D.value, r = Math.max(0, Math.min(e, P + n));
-				E.value = r, t.scrollTop = (e <= 0 ? 0 : r / e) * (t.scrollHeight - t.clientHeight);
+		}, R = (e, t) => {
+			x.value && (t === "y" && !S.value || t === "x" && !C.value || (A.value = !0, j.value = t, M = t === "y" ? e.clientY : e.clientX, N = t === "y" ? T.value : O.value, e.preventDefault(), e.stopPropagation()));
+		}, z = (e) => {
+			if (!A.value || !j.value || !x.value) return;
+			let t = x.value, n = j.value === "y" ? e.clientY - M : e.clientX - M;
+			if (j.value === "y") {
+				let e = t.clientHeight - E.value, r = Math.max(0, Math.min(e, N + n));
+				T.value = r, t.scrollTop = (e <= 0 ? 0 : r / e) * (t.scrollHeight - t.clientHeight);
 			}
-			if (M.value === "x") {
-				let e = t.clientWidth - A.value, r = Math.max(0, Math.min(e, P + n));
-				k.value = r, t.scrollLeft = (e <= 0 ? 0 : r / e) * (t.scrollWidth - t.clientWidth);
+			if (j.value === "x") {
+				let e = t.clientWidth - k.value, r = Math.max(0, Math.min(e, N + n));
+				O.value = r, t.scrollLeft = (e <= 0 ? 0 : r / e) * (t.scrollWidth - t.clientWidth);
 			}
-		}, V = () => {
-			j.value = !1, M.value = "";
-		}, H = p(null), U = p(null);
+		}, B = () => {
+			A.value = !1, j.value = "";
+		}, V = p(null), H = p(null);
 		ne(() => {
 			f(() => {
-				L(), I();
+				I(), F();
 			});
-			let e = S.value?.parentElement;
-			e && (H.value = new ResizeObserver(() => {
-				requestAnimationFrame(I);
-			}), H.value.observe(e)), S.value && (U.value = new MutationObserver(() => {
-				requestAnimationFrame(I);
-			}), U.value.observe(S.value, {
+			let e = x.value?.parentElement;
+			e && (V.value = new ResizeObserver(() => {
+				requestAnimationFrame(F);
+			}), V.value.observe(e)), x.value && (H.value = new MutationObserver(() => {
+				requestAnimationFrame(F);
+			}), H.value.observe(x.value, {
 				childList: !0,
 				subtree: !0,
 				attributes: !0
-			})), document.addEventListener("mousemove", B), document.addEventListener("mouseup", V);
+			})), document.addEventListener("mousemove", z), document.addEventListener("mouseup", B);
 		}), re(() => {
-			F && clearTimeout(F), H.value?.disconnect(), U.value?.disconnect(), document.removeEventListener("mousemove", B), document.removeEventListener("mouseup", V);
-		}), oe([
-			() => v.width,
-			() => v.height,
-			() => v.maxHeight,
-			() => v.padding
-		], I);
-		let W = (e = 0, t = 0, n = !1) => {
-			let r = S.value;
+			P && clearTimeout(P), V.value?.disconnect(), H.value?.disconnect(), document.removeEventListener("mousemove", z), document.removeEventListener("mouseup", B);
+		}), se([
+			() => _.width,
+			() => _.height,
+			() => _.maxHeight,
+			() => _.padding
+		], F);
+		let U = (e = 0, t = 0, n = !1) => {
+			let r = x.value;
 			if (!r) return;
 			let i = Math.max(0, r.scrollHeight - r.clientHeight), a = Math.max(0, r.scrollWidth - r.clientWidth);
 			r.scrollTo({
 				top: Math.min(e, i),
 				left: Math.min(t, a),
 				behavior: n ? "smooth" : "auto"
-			}), f(R);
+			}), f(L);
 		};
 		u({
-			scrollTo: W,
+			scrollTo: U,
 			scrollToEl: (e, t = !0) => {
-				let n = S.value;
+				let n = x.value;
 				if (!n) return;
 				let r = n.querySelector(`#${e}`);
-				r && W(r.offsetTop, 0, t);
+				r && U(r.offsetTop, 0, t);
 			}
 		});
-		let G = ee(), K = ce(), q = i(K), J = d(q, 1), Y = d(J, 2), X = i(Y), Z = i(X), Q = d(Y, 3), le = i(Q), $ = i(le);
-		return m(() => {
-			let t = y(b), n = y(e);
-			h(K, [t.b()]), _(K, {
+		let W = ee(), G = ce(), K = i(G), q = d(K, 1), J = d(q, 2), Y = i(J), X = i(Y), Z = d(J, 3), Q = i(Z), $ = i(Q);
+		return ie(() => {
+			let t = v(y), n = v(e);
+			m(G, [t.b()]), g(G, {
 				width: n(l.width),
 				height: n(l.height)
-			}), h(q, [t.e("content")]), _(q, {
+			}), m(K, [t.e("content")]), g(K, {
 				padding: l.padding,
 				maxHeight: n(l.maxHeight)
-			}), ie(q, "id", l.id || x);
-		}), g(q, null, 0), c("default", null), te(q, "scroll", s(R)), G(q, S, null, "contentRef"), g(K, J, 1), o(() => l.backtop, () => a(y(n), {
-			target: () => `#${l.id || x}`,
+			}), ae(K, "id", l.id || b);
+		}), h(K, null, 0), c(), te(K, "scroll", L), W(K, x, null, "contentRef"), h(G, q, 1), o(() => l.backtop, () => a(v(n), {
+			target: () => `#${l.id || b}`,
 			$: [() => l.backtopProps]
-		}, { default: se(() => c("backtop", null)) }), null, 1), G(Z, C, null, "thumbYRef"), r(Y, () => T.value), Y.$evtmousedown = s((e) => z(e, "y")), G($, w, null, "thumbXRef"), r(Q, () => O.value), Q.$evtmousedown = s((e) => z(e, "x")), m(() => {
-			let e = y(b), t = [e.e("track")], n = [e.e("thumb")];
-			h(Y, [
+		}, () => c("backtop", null, null, 4))), W(X, S, null, "thumbYRef"), r(J, () => w.value), J.$evtmousedown = s((e) => R(e, "y")), W($, C, null, "thumbXRef"), r(Z, () => D.value), Z.$evtmousedown = s((e) => R(e, "x")), ie(() => {
+			let e = v(y), t = [e.e("track")], n = [e.e("thumb")];
+			m(J, [
 				e.e("scroll-bar"),
 				e.e("y"),
 				{ [e.m("always")]: l.always }
-			]), h(X, t), h(Z, n), _(Z, {
-				top: E.value + "px",
-				height: D.value + "px"
-			}), h(Q, [
+			]), m(Y, t), m(X, n), g(X, {
+				top: T.value + "px",
+				height: E.value + "px"
+			}), m(Z, [
 				e.e("scroll-bar"),
 				e.e("x"),
 				{ [e.m("always")]: l.always }
-			]), h(le, t), h($, n), _($, {
-				left: k.value + "px",
-				width: A.value + "px"
+			]), m(Q, t), m($, n), g($, {
+				left: O.value + "px",
+				width: k.value + "px"
 			});
-		}), K;
+		}), G;
 	}
 });
 //#endregion
-export { b as default };
+export { y as default };