morya-ui 0.1.1 → 0.2.1

package/dist/data-view/index.js

@@ -1,28 +1,31 @@
-import { t as e } from "../Pagination-BiaLUjrx.js";
-import { t } from "../ProgressSpinner-DPavp_Ff.js";
-import { n } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Pagination-DNjDBPfR.js";
+import { t as n } from "../ProgressSpinner-CT7IP3Yr.js";
+import { n as r } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, useSlots as _, watch as v } from "vue";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, openBlock as f, ref as p, renderList as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y, watch as b } from "vue";
 //#region src/components/DataView/DataView.vue?vue&type=script&setup=true&lang.ts
-var y = {
+var x = {
 	key: 0,
 	class: "m-dataview__header"
-}, b = { class: "m-dataview__content" }, x = {
+}, S = { class: "m-dataview__content" }, C = {
 	key: 0,
 	class: "m-dataview__list"
-}, S = {
+}, w = {
 	key: 0,
 	class: "m-dataview__grid"
-}, C = {
+}, T = {
 	key: 2,
 	class: "m-dataview__loading"
-}, w = { class: "m-dataview__loading-body" }, T = {
+}, E = { class: "m-dataview__loading-body" }, D = {
 	key: 3,
 	class: "m-dataview__message",
 	role: "status"
-}, E = { class: "m-dataview__empty-text" }, D = /* @__PURE__ */ l({
+}, O = { class: "m-dataview__empty-text" }, k = /* @__PURE__ */ u({
+	inheritAttrs: !1,
 	__name: "DataView",
 	props: {
+		pt: {},
 		value: { default: () => [] },
 		layout: { default: "list" },
 		paginator: {
@@ -52,49 +55,49 @@ var y = {
 		] }
 	},
 	emits: ["update:page"],
-	setup(l, { emit: D }) {
-		let O = l, k = D, A = n(), j = _(), M = f(1), N = i({
-			get: () => O.page ?? M.value,
+	setup(u, { emit: k }) {
+		let A = u, j = v(), { rootAttrs: M } = e(j, () => A.pt), N = k, P = r(), F = y(), I = p(1), L = a({
+			get: () => A.page ?? I.value,
 			set: (e) => {
-				M.value = e, k("update:page", e);
+				I.value = e, N("update:page", e);
 			}
-		}), P = i(() => {
-			if (!O.paginator) return O.value;
-			let e = (N.value - 1) * O.rows;
-			return O.value.slice(e, e + O.rows);
-		}), F = i(() => !O.value.length), I = i(() => O.emptyMessage ?? A.value.emptyMessage), L = i(() => ["m-dataview", `m-dataview--${O.layout}`]);
-		return v(() => [O.rows, O.paginator], () => {
-			N.value = 1;
-		}), v(() => O.value.length, (e) => {
-			if (!O.paginator || e === 0) return;
-			let t = Math.max(1, Math.ceil(e / O.rows));
-			N.value > t && (N.value = t);
-		}), (n, i) => (d(), s("div", { class: u(L.value) }, [
-			g(j).header ? (d(), s("div", y, [m(n.$slots, "header")])) : o("", !0),
-			c("div", b, [
-				l.layout === "list" ? m(n.$slots, "list", { items: P.value }, () => [P.value.length ? (d(), s("ul", x, [(d(!0), s(r, null, p(P.value, (e, t) => (d(), s("li", {
+		}), R = a(() => {
+			if (!A.paginator) return A.value;
+			let e = (L.value - 1) * A.rows;
+			return A.value.slice(e, e + A.rows);
+		}), z = a(() => !A.value.length), B = a(() => A.emptyMessage ?? P.value.emptyMessage), V = a(() => ["m-dataview", `m-dataview--${A.layout}`]);
+		return b(() => [A.rows, A.paginator], () => {
+			L.value = 1;
+		}), b(() => A.value.length, (e) => {
+			if (!A.paginator || e === 0) return;
+			let t = Math.max(1, Math.ceil(e / A.rows));
+			L.value > t && (L.value = t);
+		}), (e, r) => (f(), c("div", d(_(M), { class: V.value }), [
+			_(F).header ? (f(), c("div", x, [h(e.$slots, "header")])) : s("", !0),
+			l("div", S, [
+				u.layout === "list" ? h(e.$slots, "list", { items: R.value }, () => [R.value.length ? (f(), c("ul", C, [(f(!0), c(i, null, m(R.value, (e, t) => (f(), c("li", {
 					key: t,
 					class: "m-dataview__list-item"
-				}, h(e), 1))), 128))])) : o("", !0)], void 0, 0) : m(n.$slots, "grid", { items: P.value }, () => [P.value.length ? (d(), s("div", S, [(d(!0), s(r, null, p(P.value, (e, t) => (d(), s("div", {
+				}, g(e), 1))), 128))])) : s("", !0)], void 0, 0) : h(e.$slots, "grid", { items: R.value }, () => [R.value.length ? (f(), c("div", w, [(f(!0), c(i, null, m(R.value, (e, t) => (f(), c("div", {
 					key: t,
 					class: "m-dataview__grid-item"
-				}, h(e), 1))), 128))])) : o("", !0)], void 0, 1),
-				l.loading ? (d(), s("div", C, [i[1] ||= c("div", { class: "m-dataview__loading-mask" }, null, -1), c("div", w, [g(j).loading ? m(n.$slots, "loading", {}, void 0, void 0, 0) : (d(), a(t, {
+				}, g(e), 1))), 128))])) : s("", !0)], void 0, 1),
+				u.loading ? (f(), c("div", T, [r[1] ||= l("div", { class: "m-dataview__loading-mask" }, null, -1), l("div", E, [_(F).loading ? h(e.$slots, "loading", {}, void 0, void 0, 0) : (f(), o(n, {
 					key: 1,
 					size: "sm"
-				}))])])) : o("", !0),
-				F.value && !l.loading ? (d(), s("div", T, [m(n.$slots, "empty", {}, () => [c("p", E, h(I.value), 1)])])) : o("", !0)
+				}))])])) : s("", !0),
+				z.value && !u.loading ? (f(), c("div", D, [h(e.$slots, "empty", {}, () => [l("p", O, g(B.value), 1)])])) : s("", !0)
 			]),
-			l.paginator ? (d(), a(e, {
+			u.paginator ? (f(), o(t, {
 				key: 1,
-				modelValue: N.value,
-				"onUpdate:modelValue": i[0] ||= (e) => N.value = e,
+				modelValue: L.value,
+				"onUpdate:modelValue": r[0] ||= (e) => L.value = e,
 				class: "m-dataview__paginator",
-				"total-records": l.value.length,
-				rows: l.rows,
-				disabled: l.disabled,
-				"show-size-picker": l.showSizePicker,
-				"page-sizes": l.pageSizes
+				"total-records": u.value.length,
+				rows: u.rows,
+				disabled: u.disabled,
+				"show-size-picker": u.showSizePicker,
+				"page-sizes": u.pageSizes
 			}, null, 8, [
 				"modelValue",
 				"total-records",
@@ -102,9 +105,9 @@ var y = {
 				"disabled",
 				"show-size-picker",
 				"page-sizes"
-			])) : o("", !0)
-		], 2));
+			])) : s("", !0)
+		], 16));
 	}
 });
 //#endregion
-export { D as MDataView };
+export { k as MDataView };