morya-ui 0.2.3 → 0.2.5

package/dist/tree-select/style.js

@@ -4,5 +4,6 @@ import '../shared/styles/control-suffix.css'
 import '../shared/styles/control-affix-icon.css'
 import '../components/Checkbox/styles.css'
 import '../components/Icon/styles.css'
+import '../components/Scrollbar/styles.css'
 import '../components/Tree/styles.css'
 import '../components/TreeSelect/styles.css'

package/dist/tree-table/index.js

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