morya-ui 0.2.2 → 0.2.4

package/dist/virtual-scroller/index.js

@@ -1,9 +1,10 @@
 import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../ScrollBody-CXFNhBvq.js";
 import "./style.js";
-import { Fragment as t, computed as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, mergeProps as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, renderSlot as f, toDisplayString as p, unref as m, useAttrs as h } from "vue";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useAttrs as _, withCtx as v } from "vue";
 //#endregion
 //#region src/components/VirtualScroller/VirtualScroller.vue
-var g = /* @__PURE__ */ o({
+var y = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "VirtualScroller",
 	props: {
@@ -13,41 +14,44 @@ var g = /* @__PURE__ */ o({
 		height: { default: 240 },
 		buffer: { default: 3 }
 	},
-	setup(o) {
-		let g = o, _ = h(), { rootAttrs: v } = e(_, () => g.pt), y = u(0), b = n(() => {
-			if (typeof g.height == "number") return g.height;
-			let e = Number.parseFloat(g.height);
+	setup(c) {
+		let y = c, b = _(), { rootAttrs: x } = e(b, () => y.pt), S = f(0), C = r(() => {
+			if (typeof y.height == "number") return y.height;
+			let e = Number.parseFloat(y.height);
 			return Number.isFinite(e) ? e : 240;
-		}), x = n(() => g.items.length * g.itemSize), S = n(() => Math.max(0, Math.floor(y.value / g.itemSize) - g.buffer)), C = n(() => {
-			let e = Math.ceil(b.value / g.itemSize) + g.buffer * 2;
-			return Math.min(g.items.length, S.value + e);
-		}), w = n(() => g.items.slice(S.value, C.value).map((e, t) => ({
+		}), w = r(() => y.items.length * y.itemSize), T = r(() => Math.max(0, Math.floor(S.value / y.itemSize) - y.buffer)), E = r(() => {
+			let e = Math.ceil(C.value / y.itemSize) + y.buffer * 2;
+			return Math.min(y.items.length, T.value + e);
+		}), D = r(() => y.items.slice(T.value, E.value).map((e, t) => ({
 			item: e,
-			index: S.value + t
-		}))), T = n(() => S.value * g.itemSize);
-		function E(e) {
-			let t = e.target;
-			y.value = t.scrollTop;
+			index: T.value + t
+		}))), O = r(() => T.value * y.itemSize), k = r(() => ({ height: typeof y.height == "number" ? `${y.height}px` : y.height }));
+		function A(e) {
+			S.value = e.scrollTop;
 		}
-		return (e, n) => (l(), r("div", s(m(v), {
-			class: "m-virtualscroller",
-			style: { height: typeof o.height == "number" ? `${o.height}px` : o.height },
-			onScroll: E
-		}), [i("div", {
-			class: "m-virtualscroller__spacer",
-			style: c({ height: `${x.value}px` })
-		}, [i("div", {
-			class: "m-virtualscroller__content",
-			style: c({ transform: `translateY(${T.value}px)` })
-		}, [(l(!0), r(t, null, d(w.value, (t) => (l(), r("div", {
-			key: t.index,
-			class: "m-virtualscroller__item",
-			style: c({ height: `${o.itemSize}px` })
-		}, [f(e.$slots, "item", {
-			item: t.item,
-			index: t.index
-		}, () => [a(p(t.item), 1)])], 4))), 128))], 4)], 4)], 16));
+		return (e, r) => (d(), i(t, l(g(x), {
+			"root-class": "m-virtualscroller m-virtualscroller__scrollbar",
+			"wrap-class": "m-virtualscroller__scroll",
+			"wrap-style": k.value,
+			onScroll: A
+		}), {
+			default: v(() => [o("div", {
+				class: "m-virtualscroller__spacer",
+				style: u({ height: `${w.value}px` })
+			}, [o("div", {
+				class: "m-virtualscroller__content",
+				style: u({ transform: `translateY(${O.value}px)` })
+			}, [(d(!0), a(n, null, p(D.value, (t) => (d(), a("div", {
+				key: t.index,
+				class: "m-virtualscroller__item",
+				style: u({ height: `${c.itemSize}px` })
+			}, [m(e.$slots, "item", {
+				item: t.item,
+				index: t.index
+			}, () => [s(h(t.item), 1)])], 4))), 128))], 4)], 4)]),
+			_: 3
+		}, 16, ["wrap-style"]));
 	}
 });
 //#endregion
-export { g as MVirtualScroller };
+export { y as MVirtualScroller };