morya-ui 0.2.4 → 0.2.5

package/dist/layout/index.js

@@ -1,37 +1,20 @@
 import { r as e } from "../useComponentAttrs-BTYEe61P.js";
 import { t } from "../Icon-DfpIfo2L.js";
-import { t as n } from "../Scrollbar-DoNZvgX2.js";
+import { t as n } from "../Scrollbar-BYnCO8fv.js";
 import { r, t as i } from "../responsive-DA5bxylA.js";
-import { n as a } from "../locale-DYGhxekd.js";
+import { n as a } from "../locale-DNYpTg5K.js";
 import "./style.js";
 import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, inject as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, provide as v, ref as y, renderSlot as b, toValue as x, unref as S, useAttrs as C, watch as w, withCtx as T } from "vue";
 //#region src/components/Layout/context.ts
-var E = Symbol("muLayout"), D = /* @__PURE__ */ f({
-	__name: "LayoutScrollContext",
-	props: {
-		hasSider: { type: Boolean },
-		siderPlacement: {}
-	},
-	setup(e) {
-		let t = e;
-		return v(E, {
-			get hasSider() {
-				return t.hasSider;
-			},
-			get siderPlacement() {
-				return t.siderPlacement;
-			}
-		}), (e, t) => b(e.$slots, "default");
-	}
-});
+var E = Symbol("muLayout");
 //#endregion
 //#region src/components/Layout/composables/useLayoutScroll.ts
-function O(e) {
+function D(e) {
 	if (e) return "wrapRef" in e ? e.wrapRef : e;
 }
-function k(e, t) {
+function O(e, t) {
 	function n(t, n) {
-		let r = O(e.value);
+		let r = D(e.value);
 		r && (typeof t == "number" ? r.scrollTo(t, n ?? 0) : r.scrollTo(t));
 	}
 	function r(e) {
@@ -43,17 +26,46 @@ function k(e, t) {
 	};
 }
 //#endregion
-//#region src/components/Layout/LayoutScrollRegion.vue
-var A = /* @__PURE__ */ f({
+//#region src/components/Layout/LayoutScrollContext.vue
+var k = /* @__PURE__ */ f({
+	__name: "LayoutScrollContext",
+	props: {
+		hasSider: { type: Boolean },
+		siderPlacement: {}
+	},
+	setup(e) {
+		let t = e;
+		return v(E, {
+			get hasSider() {
+				return t.hasSider;
+			},
+			get siderPlacement() {
+				return t.siderPlacement;
+			}
+		}), (e, t) => b(e.$slots, "default");
+	}
+}), A = /* @__PURE__ */ f({
 	name: "MLayoutScrollRegion",
 	inheritAttrs: !1,
 	__name: "LayoutScrollRegion",
 	props: {
 		scrollbarRootClass: { default: "m-layout__scrollbar" },
 		scrollClass: {},
-		scrollStyle: {},
+		scrollStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		viewClass: {},
-		viewStyle: {},
+		viewStyle: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		hasSider: {
 			type: Boolean,
 			default: !1
@@ -62,7 +74,7 @@ var A = /* @__PURE__ */ f({
 	},
 	emits: ["scroll"],
 	setup(e, { expose: t, emit: r }) {
-		let i = e, a = r, c = p(E, null), l = o(() => i.hasSider || (c?.hasSider ?? !1)), u = o(() => i.siderPlacement ?? c?.siderPlacement ?? "left"), f = y(), { scrollTo: m, onScroll: g } = k(o(() => f.value), a), v = o(() => C(i.scrollClass)), x = o(() => C(["m-layout__scroll-view", i.viewClass]));
+		let i = e, a = r, c = p(E, null), l = o(() => i.hasSider || (c?.hasSider ?? !1)), u = o(() => i.siderPlacement ?? c?.siderPlacement ?? "left"), f = y(), { scrollTo: m, onScroll: g } = O(o(() => f.value), a), v = o(() => C(i.scrollClass).join(" ")), x = o(() => ["m-layout__scroll-view", ...C(i.viewClass)].join(" "));
 		function S() {
 			g(new Event("scroll"));
 		}
@@ -72,14 +84,14 @@ var A = /* @__PURE__ */ f({
 		return t({ scrollTo: m }), (t, r) => (_(), s(n, {
 			ref_key: "scrollbarRef",
 			ref: f,
-			class: h([e.scrollbarRootClass, "m-scrollbar--fill"]),
+			class: h(["m-scrollbar--fill", [e.scrollbarRootClass]]),
 			"wrap-class": v.value,
 			"wrap-style": e.scrollStyle,
 			"view-class": x.value,
 			"view-style": e.viewStyle,
 			onScroll: S
 		}, {
-			default: T(() => [d(D, {
+			default: T(() => [d(k, {
 				"has-sider": l.value,
 				"sider-placement": u.value
 			}, {
@@ -122,7 +134,7 @@ var A = /* @__PURE__ */ f({
 	},
 	emits: ["scroll"],
 	setup(t, { expose: n, emit: i }) {
-		let a = t, s = C(), { rootAttrs: c } = e(s, () => a.pt), u = i;
+		let a = t, s = i, c = C(), { rootAttrs: u } = e(c, () => a.pt);
 		v(E, {
 			get hasSider() {
 				return a.hasSider;
@@ -153,7 +165,7 @@ var A = /* @__PURE__ */ f({
 			a.contentClass,
 			{ "m-layout__scroll--has-sider": a.hasSider }
 		]), O = o(() => ({ "m-layout__scroll-view--has-sider": a.hasSider }));
-		return n({ scrollTo: ((...e) => f.value?.scrollTo(...e)) }), (e, n) => (_(), l("div", m(S(c), {
+		return n({ scrollTo: ((...e) => f.value?.scrollTo(...e)) }), (e, n) => (_(), l("div", m(S(u), {
 			class: h.value,
 			style: p.value
 		}), [d(A, {
@@ -166,7 +178,7 @@ var A = /* @__PURE__ */ f({
 			"scroll-style": x.value,
 			"view-class": O.value,
 			"view-style": w.value,
-			onScroll: n[0] ||= (e) => u("scroll", e)
+			onScroll: n[0] ||= (e) => s("scroll", e)
 		}, {
 			default: T(() => [b(e.$slots, "default")]),
 			_: 3
@@ -220,7 +232,7 @@ var P = /* @__PURE__ */ f({
 	},
 	emits: ["scroll"],
 	setup(t, { expose: n, emit: r }) {
-		let i = t, a = C(), { rootAttrs: s } = e(a, () => i.pt), c = r, u = y(), f = N(() => ({
+		let i = t, a = r, s = C(), { rootAttrs: c } = e(s, () => i.pt), u = y(), f = N(() => ({
 			height: i.height,
 			padding: i.padding,
 			radius: i.radius
@@ -230,7 +242,7 @@ var P = /* @__PURE__ */ f({
 			`m-layout--${i.position}-positioned`,
 			{ "m-layout--embedded": i.embedded }
 		]), h = o(() => ["m-layout__scroll", i.contentClass]), g = o(() => i.contentStyle);
-		return n({ scrollTo: ((...e) => u.value?.scrollTo(...e)) }), (e, t) => (_(), l("main", m(S(s), {
+		return n({ scrollTo: ((...e) => u.value?.scrollTo(...e)) }), (e, t) => (_(), l("main", m(S(c), {
 			class: p.value,
 			style: S(f)
 		}), [d(A, {
@@ -239,7 +251,7 @@ var P = /* @__PURE__ */ f({
 			"scrollbar-root-class": "m-layout__scrollbar",
 			"scroll-class": h.value,
 			"scroll-style": g.value,
-			onScroll: t[0] ||= (e) => c("scroll", e)
+			onScroll: t[0] ||= (e) => a("scroll", e)
 		}, {
 			default: T(() => [b(e.$slots, "default")]),
 			_: 3
@@ -267,7 +279,7 @@ var P = /* @__PURE__ */ f({
 	setup(t) {
 		let n = t, r = C(), { rootAttrs: i } = e(r, () => n.pt), a = N(() => ({
 			height: n.height,
-			heightFallback: "var(--m-layout-footer-height, 48px)",
+			heightFallback: "var(--m-layout-footer-height, 3rem)",
 			padding: n.padding,
 			radius: n.radius
 		})), s = o(() => [
@@ -305,7 +317,7 @@ var P = /* @__PURE__ */ f({
 	setup(t) {
 		let n = t, r = C(), { rootAttrs: i } = e(r, () => n.pt), a = N(() => ({
 			height: n.height,
-			heightFallback: "var(--m-layout-header-height, 56px)",
+			heightFallback: "var(--m-layout-header-height, 3.5rem)",
 			padding: n.padding,
 			radius: n.radius
 		})), s = o(() => [
@@ -408,7 +420,7 @@ var z = ["aria-expanded", "aria-label"], B = {
 		"scroll"
 	],
 	setup(n, { expose: s, emit: f }) {
-		let v = n, x = C(), { rootAttrs: w } = e(x, () => v.pt), D = f, O = a(), k = p(E, null), j = y(), { mergedCollapsed: M, toggle: N } = L(v, D), P = o(() => k?.siderPlacement ?? "left"), F = o(() => r(v.width)), I = o(() => r(v.collapsedWidth)), U = o(() => F.value ?? "var(--m-layout-sider-width)"), W = o(() => I.value ?? "var(--m-layout-sider-collapsed-width)"), G = o(() => M.value ? W.value : U.value), K = o(() => R(v.showTrigger)), q = o(() => !M.value || v.showCollapsedContent), J = o(() => [
+		let v = n, x = f, w = C(), { rootAttrs: D } = e(w, () => v.pt), O = a(), k = p(E, null), j = y(), { mergedCollapsed: M, toggle: N } = L(v, x), P = o(() => k?.siderPlacement ?? "left"), F = o(() => r(v.width)), I = o(() => r(v.collapsedWidth)), U = o(() => F.value ?? "var(--m-layout-sider-width)"), W = o(() => I.value ?? "var(--m-layout-sider-collapsed-width)"), G = o(() => M.value ? W.value : U.value), K = o(() => R(v.showTrigger)), q = o(() => !M.value || v.showCollapsedContent), J = o(() => [
 			"m-layout-sider",
 			`m-layout-sider--${v.position}-positioned`,
 			`m-layout-sider--${P.value}-placement`,
@@ -432,9 +444,9 @@ var z = ["aria-expanded", "aria-label"], B = {
 			return v.contentStyle == null ? e : [e, v.contentStyle];
 		}), Q = o(() => ["m-layout-sider__scroll", v.contentClass]), $ = o(() => M.value ? v.collapsedTriggerClass : v.triggerClass), ee = o(() => M.value ? v.collapsedTriggerStyle : v.triggerStyle);
 		function te(e) {
-			e.propertyName === "max-width" && (M.value ? D("after-leave") : D("after-enter"));
+			e.propertyName === "max-width" && (M.value ? x("after-leave") : x("after-enter"));
 		}
-		return s({ scrollTo: ((...e) => j.value?.scrollTo(...e)) }), (e, r) => (_(), l("aside", m(S(w), {
+		return s({ scrollTo: ((...e) => j.value?.scrollTo(...e)) }), (e, r) => (_(), l("aside", m(S(D), {
 			class: J.value,
 			style: Y.value,
 			onTransitionend: te
@@ -445,7 +457,7 @@ var z = ["aria-expanded", "aria-label"], B = {
 				"scrollbar-root-class": "m-layout-sider__scrollbar",
 				"scroll-class": Q.value,
 				"scroll-style": Z.value,
-				onScroll: r[0] ||= (e) => D("scroll", e)
+				onScroll: r[0] ||= (e) => x("scroll", e)
 			}, {
 				default: T(() => [b(e.$slots, "default")]),
 				_: 3