morya-ui 0.1.1 → 0.2.2

package/dist/grid/index.js

@@ -1,9 +1,10 @@
-import { a as e, t } from "../vnode-C7Y1SjKB.js";
-import { n } from "../responsive-DA5bxylA.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { a as t, t as n } from "../vnode-C7Y1SjKB.js";
+import { n as r } from "../responsive-DA5bxylA.js";
 import "./style.js";
-import { Comment as r, Fragment as i, cloneVNode as a, computed as o, createBlock as s, createElementBlock as c, defineComponent as l, inject as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, provide as _, ref as v, renderList as y, renderSlot as b, resolveDynamicComponent as x, toRef as S, unref as C, useAttrs as w, useSlots as T, watch as E } from "vue";
+import { Comment as i, Fragment as a, cloneVNode as o, computed as s, createBlock as c, createElementBlock as l, defineComponent as u, inject as d, mergeProps as f, onBeforeUnmount as p, onMounted as m, openBlock as h, provide as g, ref as _, renderList as v, renderSlot as y, resolveDynamicComponent as b, toRef as x, unref as S, useAttrs as C, useSlots as w, watch as T } from "vue";
 //#region src/components/Grid/types.ts
-var D = Symbol("muGrid"), O = "__M_GRID_ITEM__", k = /* @__PURE__ */ l({
+var E = Symbol("muGrid"), D = "__M_GRID_ITEM__", O = /* @__PURE__ */ u({
 	name: "MGrid",
 	inheritAttrs: !1,
 	__name: "Grid",
@@ -25,73 +26,74 @@ var D = Symbol("muGrid"), O = "__M_GRID_ITEM__", k = /* @__PURE__ */ l({
 			default: !1
 		},
 		collapsedRows: { default: 1 },
-		itemStyle: {}
+		itemStyle: {},
+		pt: {}
 	},
-	setup(l) {
-		let u = l, f = T(), p = v(null), C = v(void 0), w = v(!1), O = /* @__PURE__ */ new Set([
+	setup(u) {
+		let d = u, D = C(), { rootAttrs: O } = e(D, () => d.pt), k = w(), A = _(null), j = _(void 0), M = _(!1), N = /* @__PURE__ */ new Set([
 			"small",
 			"medium",
 			"large"
 		]);
-		function k(e) {
-			return typeof e == "string" && O.has(e.trim());
+		function P(e) {
+			return typeof e == "string" && N.has(e.trim());
 		}
-		let A = o(() => {
-			if (u.itemResponsive) return !0;
+		let F = s(() => {
+			if (d.itemResponsive) return !0;
 			let e = /^\d+(\.\d+)?$/;
-			return !e.test(String(u.cols)) || !e.test(String(u.xGap)) && !k(u.xGap) || !e.test(String(u.yGap)) && !k(u.yGap);
+			return !e.test(String(d.cols)) || !e.test(String(d.xGap)) && !P(d.xGap) || !e.test(String(d.yGap)) && !P(d.yGap);
 		});
-		function j() {
-			if (!A.value) {
-				C.value = void 0;
+		function I() {
+			if (!F.value) {
+				j.value = void 0;
 				return;
 			}
-			if (u.responsive === "self") {
-				C.value = p.value?.clientWidth;
+			if (d.responsive === "self") {
+				j.value = A.value?.clientWidth;
 				return;
 			}
-			C.value = typeof window < "u" ? window.innerWidth : void 0;
+			j.value = typeof window < "u" ? window.innerWidth : void 0;
 		}
-		let M = null;
-		function N() {
-			M?.disconnect(), M = null, typeof window < "u" && window.removeEventListener("resize", j), A.value && (u.responsive === "self" && p.value && typeof ResizeObserver < "u" ? (M = new ResizeObserver(() => j()), M.observe(p.value)) : u.responsive === "screen" && typeof window < "u" && window.addEventListener("resize", j));
+		let L = null;
+		function R() {
+			L?.disconnect(), L = null, typeof window < "u" && window.removeEventListener("resize", I), F.value && (d.responsive === "self" && A.value && typeof ResizeObserver < "u" ? (L = new ResizeObserver(() => I()), L.observe(A.value)) : d.responsive === "screen" && typeof window < "u" && window.addEventListener("resize", I));
 		}
-		h(() => {
-			j(), N();
-		}), m(() => {
-			M?.disconnect(), typeof window < "u" && window.removeEventListener("resize", j);
-		}), E(() => [
-			u.responsive,
-			u.cols,
-			u.xGap,
-			u.yGap,
-			u.itemResponsive,
-			u.collapsed,
-			u.collapsedRows
+		m(() => {
+			I(), R();
+		}), p(() => {
+			L?.disconnect(), typeof window < "u" && window.removeEventListener("resize", I);
+		}), T(() => [
+			d.responsive,
+			d.cols,
+			d.xGap,
+			d.yGap,
+			d.itemResponsive,
+			d.collapsed,
+			d.collapsedRows
 		], () => {
-			j(), N();
+			I(), R();
 		});
-		let P = o(() => n(u.cols, C.value) ?? 24);
-		function F(t, r) {
-			return k(t) ? e(t.trim()) : `${n(t, r) ?? 0}px`;
+		let z = s(() => r(d.cols, j.value) ?? 24);
+		function B(e, n) {
+			return P(e) ? t(e.trim()) : `${r(e, n) ?? 0}px`;
 		}
-		let I = o(() => F(u.xGap, C.value)), L = o(() => F(u.yGap, C.value)), R = o(() => ({
+		let V = s(() => B(d.xGap, j.value)), H = s(() => B(d.yGap, j.value)), U = s(() => ({
 			display: "grid",
 			width: "100%",
-			gridTemplateColumns: `repeat(${P.value}, minmax(0, 1fr))`,
-			columnGap: I.value,
-			rowGap: L.value
+			gridTemplateColumns: `repeat(${z.value}, minmax(0, 1fr))`,
+			columnGap: V.value,
+			rowGap: H.value
 		}));
-		function z(e) {
+		function W(e) {
 			let t = e.type;
 			return typeof t == "string" || t == null ? !1 : !!(t.__M_GRID_ITEM__ || t.name === "MGridItem" || t.name === "MGi" || t.__name === "GridItem");
 		}
-		function B(e) {
-			if (w.value = !1, u.layoutShiftDisabled) return e;
-			let t = P.value, i = [];
+		function G(e) {
+			if (M.value = !1, d.layoutShiftDisabled) return e;
+			let t = z.value, n = [];
 			for (let t of e) {
-				if (t.type === r) {
-					i.push({
+				if (t.type === i) {
+					n.push({
 						node: t,
 						span: 0,
 						offset: 0,
@@ -99,59 +101,60 @@ var D = Symbol("muGrid"), O = "__M_GRID_ITEM__", k = /* @__PURE__ */ l({
 					});
 					continue;
 				}
-				if (!z(t)) continue;
-				let e = n(t.props?.span ?? 1, C.value) ?? 1, a = n(t.props?.offset ?? 0, C.value) ?? 0, o = t.props?.suffix !== void 0 && t.props?.suffix !== !1;
-				e !== 0 && i.push({
+				if (!W(t)) continue;
+				let e = r(t.props?.span ?? 1, j.value) ?? 1, a = r(t.props?.offset ?? 0, j.value) ?? 0, o = t.props?.suffix !== void 0 && t.props?.suffix !== !1;
+				e !== 0 && n.push({
 					node: t,
 					span: e,
 					offset: a,
 					suffix: o
 				});
 			}
-			let o = 0, s = i[i.length - 1];
-			s?.suffix && (o = Math.min(s.span + s.offset, t));
+			let a = 0, s = n[n.length - 1];
+			s?.suffix && (a = Math.min(s.span + s.offset, t));
 			let c = 0, l = !1;
-			return i.map((e) => {
-				if (e.node.type === r || e.span === 0) return e.node;
-				let n = Math.min(e.span + e.offset, t), i = !0, s;
-				if (e.suffix && (s = t + 1 - Math.min(e.span, t)), u.collapsed && !e.suffix) {
-					if (l) i = !1, w.value = !0;
+			return n.map((e) => {
+				if (e.node.type === i || e.span === 0) return e.node;
+				let n = Math.min(e.span + e.offset, t), r = !0, s;
+				if (e.suffix && (s = t + 1 - Math.min(e.span, t)), d.collapsed && !e.suffix) {
+					if (l) r = !1, M.value = !0;
 					else {
-						let e = c % t, r = c;
-						n + e > t && (r += t - e), n + r + o > u.collapsedRows * t ? (l = !0, i = !1, w.value = !0) : c = r + n;
+						let e = c % t, i = c;
+						n + e > t && (i += t - e), n + i + a > d.collapsedRows * t ? (l = !0, r = !1, M.value = !0) : c = i + n;
 					}
 				} else if (!e.suffix) {
 					let e = c % t;
 					n + e > t && (c += t - e), c += n;
 				}
-				return a(e.node, {
+				return o(e.node, {
 					privateSpan: n,
 					privateOffset: e.offset,
 					privateColStart: s,
-					privateShow: i
+					privateShow: r
 				});
 			});
 		}
-		let V = o(() => B(t(f.default?.())));
-		return _(D, {
-			overflow: w,
-			itemStyle: S(u, "itemStyle"),
-			xGap: I,
-			layoutShiftDisabled: S(u, "layoutShiftDisabled"),
+		let K = s(() => G(n(k.default?.())));
+		return g(E, {
+			overflow: M,
+			itemStyle: x(d, "itemStyle"),
+			xGap: V,
+			layoutShiftDisabled: x(d, "layoutShiftDisabled"),
 			assignLayout: (e, t) => t,
 			register: () => void 0,
 			unregister: () => void 0
-		}), (e, t) => (g(), c("div", d({
+		}), (e, t) => (h(), l("div", f({
 			ref_key: "rootEl",
-			ref: p,
+			ref: A
+		}, S(O), {
 			class: "m-grid",
-			style: R.value
-		}, e.$attrs), [l.layoutShiftDisabled ? b(e.$slots, "default", {}, void 0, void 0, 0) : (g(!0), c(i, { key: 1 }, y(V.value, (e, t) => (g(), s(x(e), { key: t }))), 128))], 16));
+			style: U.value
+		}), [u.layoutShiftDisabled ? y(e.$slots, "default", {}, void 0, void 0, 0) : (h(!0), l(a, { key: 1 }, v(K.value, (e, t) => (h(), c(b(e), { key: t }))), 128))], 16));
 	}
-}), A = /* @__PURE__ */ l({
+}), k = /* @__PURE__ */ u({
 	name: "MGridItem",
 	inheritAttrs: !1,
-	[O]: !0,
+	[D]: !0,
 	__name: "GridItem",
 	props: {
 		span: { default: 1 },
@@ -159,32 +162,32 @@ var D = Symbol("muGrid"), O = "__M_GRID_ITEM__", k = /* @__PURE__ */ l({
 		suffix: {
 			type: Boolean,
 			default: !1
-		}
+		},
+		pt: {}
 	},
-	setup(e) {
-		let t = e, r = w(), i = u(D, null), a = o(() => {
-			let e = r.privateSpan;
-			return typeof e == "number" ? e : n(t.span, void 0) ?? 1;
-		}), s = o(() => {
-			let e = r.privateOffset;
-			return typeof e == "number" ? e : n(t.offset, void 0) ?? 0;
-		}), l = o(() => r.privateColStart), d = o(() => r.privateShow !== !1), m = o(() => {
-			let e = a.value, t = s.value, n = i?.xGap.value ?? "0px", o = l.value;
-			return [
-				i?.itemStyle.value,
-				r.style,
-				{
-					display: d.value ? void 0 : "none",
-					gridColumn: o ? `${o} / span ${e}` : `span ${e} / span ${e}`,
-					marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${n}) / ${e} * ${t} + ${n} * ${t})` : void 0
-				}
-			];
-		}), h = o(() => i?.overflow.value ?? !1);
-		return (e, t) => (g(), c("div", {
-			class: f(["m-grid-item", C(r).class]),
-			style: p(m.value)
-		}, [b(e.$slots, "default", { overflow: h.value })], 6));
+	setup(t) {
+		let n = t, i = C(), a = s(() => {
+			let { privateSpan: e, privateOffset: t, privateColStart: n, privateShow: r, ...a } = i;
+			return a;
+		}), { rootAttrs: o } = e(a, () => n.pt), c = d(E, null), u = s(() => {
+			let e = i.privateSpan;
+			return typeof e == "number" ? e : r(n.span, void 0) ?? 1;
+		}), p = s(() => {
+			let e = i.privateOffset;
+			return typeof e == "number" ? e : r(n.offset, void 0) ?? 0;
+		}), m = s(() => i.privateColStart), g = s(() => i.privateShow !== !1), _ = s(() => {
+			let e = u.value, t = p.value, n = c?.xGap.value ?? "0px", r = m.value;
+			return [c?.itemStyle.value, {
+				display: g.value ? void 0 : "none",
+				gridColumn: r ? `${r} / span ${e}` : `span ${e} / span ${e}`,
+				marginLeft: t > 0 ? `calc((100% - (${e} - 1) * ${n}) / ${e} * ${t} + ${n} * ${t})` : void 0
+			}];
+		}), v = s(() => c?.overflow.value ?? !1);
+		return (e, t) => (h(), l("div", f(S(o), {
+			class: "m-grid-item",
+			style: _.value
+		}), [y(e.$slots, "default", { overflow: v.value })], 16));
 	}
 });
 //#endregion
-export { A as MGi, A as MGridItem, k as MGrid, D as M_GRID_KEY };
+export { k as MGi, k as MGridItem, O as MGrid, E as M_GRID_KEY };