morya-ui 0.1.1 → 0.2.2

package/dist/tree-table/index.js

@@ -1,15 +1,16 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
-import { n as t } from "../locale-DYGhxekd.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
+import { n } from "../locale-DYGhxekd.js";
 import "./style.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, normalizeStyle as d, openBlock as f, ref as p, renderList as m, renderSlot as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useSlots as y } from "vue";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeProps as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, renderSlot as _, resolveDynamicComponent as v, toDisplayString as y, unref as b, useAttrs as x, useSlots as S } from "vue";
 //#region src/components/TreeTable/TreeTableRow.vue?vue&type=script&setup=true&lang.ts
-var b = ["aria-expanded", "aria-level"], x = ["aria-label"], S = {
+var C = ["aria-expanded", "aria-level"], w = ["aria-label"], T = {
 	key: 1,
 	class: "m-treetable__toggler-spacer"
-}, C = {
+}, E = {
 	key: 0,
 	class: "m-treetable__expansion-row"
-}, w = ["colspan"], T = /* @__PURE__ */ u({
+}, D = ["colspan"], O = /* @__PURE__ */ d({
 	__name: "TreeTableRow",
 	props: {
 		node: {},
@@ -19,61 +20,63 @@ var b = ["aria-expanded", "aria-level"], x = ["aria-label"], S = {
 		renderExpansion: { type: Function }
 	},
 	emits: ["toggle"],
-	setup(r) {
-		let u = t();
-		return (t, p) => (f(), o(n, null, [
-			s("tr", {
+	setup(e) {
+		let i = n();
+		return (n, d) => (m(), s(r, null, [
+			c("tr", {
 				class: "m-treetable__row",
-				"aria-expanded": r.node.children?.length ? r.isExpanded(r.node.key) : void 0,
-				"aria-level": r.depth + 1
-			}, [(f(!0), o(n, null, m(r.columns, (i, a) => (f(), o("td", {
-				key: i.field,
+				"aria-expanded": e.node.children?.length ? e.isExpanded(e.node.key) : void 0,
+				"aria-level": e.depth + 1
+			}, [(m(!0), s(r, null, g(e.columns, (a, o) => (m(), s("td", {
+				key: a.field,
 				class: "m-treetable__cell"
-			}, [a === 0 ? (f(), o("div", {
+			}, [o === 0 ? (m(), s("div", {
 				key: 0,
 				class: "m-treetable__tree-cell",
-				style: d({ paddingLeft: `${r.depth * 1}rem` })
-			}, [r.node.children?.length ? (f(), o("button", {
+				style: p({ paddingLeft: `${e.depth * 1}rem` })
+			}, [e.node.children?.length ? (m(), s("button", {
 				key: 0,
 				type: "button",
 				class: "m-treetable__toggler",
-				"aria-label": r.isExpanded(r.node.key) ? v(u).collapse : v(u).expand,
-				onClick: p[0] ||= (e) => t.$emit("toggle", r.node)
-			}, [l(e, {
-				name: r.isExpanded(r.node.key) ? "chevron-down" : "chevron-right",
+				"aria-label": e.isExpanded(e.node.key) ? b(i).collapse : b(i).expand,
+				onClick: d[0] ||= (t) => n.$emit("toggle", e.node)
+			}, [u(t, {
+				name: e.isExpanded(e.node.key) ? "chevron-down" : "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"])], 8, x)) : (f(), o("span", S)), s("span", null, _(r.node.data[i.field]), 1)], 4)) : (f(), o(n, { key: 1 }, [c(_(r.node.data[i.field]), 1)], 64))]))), 128))], 8, b),
-			r.renderExpansion && r.isExpanded(r.node.key) ? (f(), o("tr", C, [s("td", {
-				colspan: r.columns.length,
+			}, null, 8, ["name"])], 8, w)) : (m(), s("span", T)), c("span", null, y(e.node.data[a.field]), 1)], 4)) : (m(), s(r, { key: 1 }, [l(y(e.node.data[a.field]), 1)], 64))]))), 128))], 8, C),
+			e.renderExpansion && e.isExpanded(e.node.key) ? (m(), s("tr", E, [c("td", {
+				colspan: e.columns.length,
 				class: "m-treetable__expansion-cell"
-			}, [(f(), i(g(() => r.renderExpansion(r.node))))], 8, w)])) : a("", !0),
-			r.node.children?.length && r.isExpanded(r.node.key) ? (f(!0), o(n, { key: 1 }, m(r.node.children, (e) => (f(), i(T, {
-				key: e.key,
-				node: e,
-				columns: r.columns,
-				depth: r.depth + 1,
-				"is-expanded": r.isExpanded,
-				"render-expansion": r.renderExpansion,
-				onToggle: p[1] ||= (e) => t.$emit("toggle", e)
+			}, [(m(), a(v(() => e.renderExpansion(e.node))))], 8, D)])) : o("", !0),
+			e.node.children?.length && e.isExpanded(e.node.key) ? (m(!0), s(r, { key: 1 }, g(e.node.children, (t) => (m(), a(O, {
+				key: t.key,
+				node: t,
+				columns: e.columns,
+				depth: e.depth + 1,
+				"is-expanded": e.isExpanded,
+				"render-expansion": e.renderExpansion,
+				onToggle: d[1] ||= (e) => n.$emit("toggle", e)
 			}, null, 8, [
 				"node",
 				"columns",
 				"depth",
 				"is-expanded",
 				"render-expansion"
-			]))), 128)) : a("", !0)
+			]))), 128)) : o("", !0)
 		], 64));
 	}
-}), E = { class: "m-treetable" }, D = {
+}), k = {
 	class: "m-treetable__table",
 	role: "treegrid"
-}, O = { key: 0 }, k = {
+}, A = { key: 0 }, j = {
 	key: 0,
 	class: "m-treetable__message",
 	role: "status"
-}, A = { class: "m-treetable__empty-text" }, j = /* @__PURE__ */ u({
+}, M = { class: "m-treetable__empty-text" }, N = /* @__PURE__ */ d({
+	inheritAttrs: !1,
 	__name: "TreeTable",
 	props: {
+		pt: {},
 		value: {},
 		columns: {},
 		expandedKeys: {},
@@ -84,35 +87,35 @@ var b = ["aria-expanded", "aria-level"], x = ["aria-label"], S = {
 		"node-collapse",
 		"update:expandedKeys"
 	],
-	setup(e, { emit: c }) {
-		let l = e, u = c, d = y(), g = t(), v = p({}), b = r(() => l.expandedKeys ?? v.value), x = r(() => l.emptyMessage ?? g.value.emptyMessage), S = r(() => d.expansion ? (e) => d.expansion?.({ row: e }) : void 0);
-		function C(e) {
-			return !!b.value[e];
+	setup(t, { emit: l }) {
+		let u = t, d = x(), { rootAttrs: p } = e(d, () => u.pt), v = l, C = S(), w = n(), T = h({}), E = i(() => u.expandedKeys ?? T.value), D = i(() => u.emptyMessage ?? w.value.emptyMessage), N = i(() => C.expansion ? (e) => C.expansion?.({ row: e }) : void 0);
+		function P(e) {
+			return !!E.value[e];
 		}
-		function w(e) {
+		function F(e) {
 			let t = {
-				...b.value,
-				[e.key]: !b.value[e.key]
+				...E.value,
+				[e.key]: !E.value[e.key]
 			};
-			t[e.key] || delete t[e.key], v.value = t, u("update:expandedKeys", t), t[e.key] ? u("node-expand", e) : u("node-collapse", e);
+			t[e.key] || delete t[e.key], T.value = t, v("update:expandedKeys", t), t[e.key] ? v("node-expand", e) : v("node-collapse", e);
 		}
-		return (t, r) => (f(), o("div", E, [s("table", D, [s("thead", null, [s("tr", null, [(f(!0), o(n, null, m(e.columns, (e) => (f(), o("th", {
+		return (e, n) => (m(), s("div", f(b(p), { class: "m-treetable" }), [c("table", k, [c("thead", null, [c("tr", null, [(m(!0), s(r, null, g(t.columns, (e) => (m(), s("th", {
 			key: e.field,
 			scope: "col"
-		}, _(e.header), 1))), 128))])]), e.value.length ? (f(), o("tbody", O, [(f(!0), o(n, null, m(e.value, (t) => (f(), i(T, {
-			key: t.key,
-			node: t,
-			columns: e.columns,
+		}, y(e.header), 1))), 128))])]), t.value.length ? (m(), s("tbody", A, [(m(!0), s(r, null, g(t.value, (e) => (m(), a(O, {
+			key: e.key,
+			node: e,
+			columns: t.columns,
 			depth: 0,
-			"is-expanded": C,
-			"render-expansion": S.value,
-			onToggle: w
+			"is-expanded": P,
+			"render-expansion": N.value,
+			onToggle: F
 		}, null, 8, [
 			"node",
 			"columns",
 			"render-expansion"
-		]))), 128))])) : a("", !0)]), e.value.length ? a("", !0) : (f(), o("div", k, [h(t.$slots, "empty", {}, () => [s("p", A, _(x.value), 1)])]))]));
+		]))), 128))])) : o("", !0)]), t.value.length ? o("", !0) : (m(), s("div", j, [_(e.$slots, "empty", {}, () => [c("p", M, y(D.value), 1)])]))], 16));
 	}
 });
 //#endregion
-export { j as MTreeTable };
+export { N as MTreeTable };