morya-ui 0.2.2 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # morya-ui
 
+## 0.2.4
+
+### 新功能
+
+- add new route for components demos page
+- theme Tabs, Gallery, Timeline, and Textarea scrolling
+- use MScrollbar in data and panel scroll surfaces
+- theme popup and flyout scroll with MScrollbar
+- use MScrollbar in dialogs, drawers, and popovers
+- route layout scroll through MScrollbar
+- add ScrollBody and FlyoutSubmenu for themed scrolling
+
+### 修复
+
+- leave Dialog and Drawer scroll to app code
+- stop forcing MScrollbar on user-customizable regions
+
+### 变更
+
+- regenerate design tokens for scrollbar-related CSS vars
+- import additional styles for Card and Icon components
+
+## 0.2.3
+
+### 新功能
+
+- add page composition tooling for AI agents
+- add MPage composition components for admin layouts
+
+### 修复
+
+- register Page styles in global stylesheet
+
 ## 0.2.2
 
 ### 新功能

package/dist/Card-BQfmv5Iw.js

@@ -0,0 +1,62 @@
+import { r as e } from "./useComponentAttrs-BTYEe61P.js";
+import { i as t } from "./types-DGuu4Eg4.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, mergeProps as l, openBlock as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m, useAttrs as h, withCtx as g } from "vue";
+//#region src/components/Card/Card.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = {
+	key: 0,
+	class: "m-card__cover"
+}, y = {
+	key: 1,
+	class: "m-card__header"
+}, b = {
+	key: 1,
+	class: "m-card__subtitle"
+}, x = { class: "m-card__body" }, S = {
+	key: 2,
+	class: "m-card__footer"
+}, C = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "Card",
+	props: {
+		pt: {},
+		title: {},
+		subtitle: {},
+		ariaLabel: {},
+		headingLevel: { default: 2 },
+		size: {},
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		hoverable: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(c) {
+		let C = c, w = h(), { rootAttrs: T } = e(w, () => C.pt), E = n(() => t(C.size)), D = n(() => `h${C.headingLevel}`), O = n(() => ["m-card", {
+			"m-card--bordered": C.bordered,
+			"m-card--borderless": !C.bordered,
+			"m-card--hoverable": C.hoverable,
+			"m-card--small": E.value === "small",
+			"m-card--large": E.value === "large"
+		}]);
+		return (e, t) => (u(), a("section", l(m(T), {
+			class: O.value,
+			"aria-label": c.ariaLabel ?? c.title
+		}), [
+			e.$slots.cover ? (u(), a("div", v, [d(e.$slots, "cover")])) : i("", !0),
+			e.$slots.header || c.title || c.subtitle ? (u(), a("div", y, [d(e.$slots, "header", {}, () => [c.title ? (u(), r(f(D.value), {
+				key: 0,
+				class: "m-card__title"
+			}, {
+				default: g(() => [s(p(c.title), 1)]),
+				_: 1
+			})) : i("", !0), c.subtitle ? (u(), a("p", b, p(c.subtitle), 1)) : i("", !0)])])) : i("", !0),
+			o("div", x, [d(e.$slots, "default")]),
+			e.$slots.footer ? (u(), a("footer", S, [d(e.$slots, "footer")])) : i("", !0)
+		], 16, _));
+	}
+});
+//#endregion
+export { C as t };

package/dist/FlyoutSubmenu-BC_cl17_.js

@@ -0,0 +1,49 @@
+import { n as e } from "./overlay-oR-5MDuE.js";
+import { t } from "./overlayPlacement-Cd20JTD_.js";
+import { c as n } from "./config-CI8_WBbE.js";
+import { Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, nextTick as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, watch as g } from "vue";
+//#endregion
+//#region src/shared/FlyoutSubmenu.vue
+var _ = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	name: "MFlyoutSubmenu",
+	__name: "FlyoutSubmenu",
+	props: {
+		open: { type: Boolean },
+		anchor: {},
+		panelClass: {},
+		placement: { default: "right-start" },
+		minWidth: { default: "10rem" }
+	},
+	emits: ["enter", "leave"],
+	setup(c, { emit: _ }) {
+		let v = c, y = _, b = n(), x = m({}), S = i(() => e({ teleport: !0 }, b.value.appendTo));
+		function C() {
+			!v.open || !v.anchor || (x.value = t(v.anchor.getBoundingClientRect(), v.placement, {
+				minWidth: v.minWidth,
+				maxHeight: "min(18rem, 45vh)",
+				gap: 4
+			}));
+		}
+		function w() {
+			v.open && C();
+		}
+		return g(() => [v.open, v.anchor], ([e]) => {
+			e ? (l(C), window.addEventListener("resize", w), window.addEventListener("scroll", w, !0)) : (window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0));
+		}), f(() => {
+			window.removeEventListener("resize", w), window.removeEventListener("scroll", w, !0);
+		}), (e, t) => (p(), a(r, {
+			to: S.value.to,
+			disabled: S.value.disabled
+		}, [c.open && c.anchor ? (p(), s("div", {
+			key: 0,
+			class: u([c.panelClass, `${c.panelClass}--teleported`]),
+			style: d(x.value),
+			role: "menu",
+			onMouseenter: t[0] ||= (e) => y("enter"),
+			onMouseleave: t[1] ||= (e) => y("leave")
+		}, [h(e.$slots, "default")], 38)) : o("", !0)], 8, ["to", "disabled"]));
+	}
+});
+//#endregion
+export { _ as t };

package/dist/ScrollBody-CXFNhBvq.js

@@ -0,0 +1,68 @@
+import { t as e } from "./Scrollbar-DoNZvgX2.js";
+import { createBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, ref as a, renderSlot as o, withCtx as s } from "vue";
+//#endregion
+//#region src/shared/ScrollBody.vue
+var c = /* @__PURE__ */ n({
+	inheritAttrs: !1,
+	name: "MScrollBody",
+	__name: "ScrollBody",
+	props: {
+		rootClass: {},
+		wrapClass: {},
+		wrapStyle: {},
+		viewClass: {},
+		viewStyle: {},
+		tabindex: {},
+		noresize: {
+			type: Boolean,
+			default: !0
+		},
+		role: {},
+		ariaLabel: {}
+	},
+	emits: ["scroll"],
+	setup(n, { expose: c, emit: l }) {
+		let u = l, d = a();
+		return c({
+			get wrapRef() {
+				return d.value?.wrapRef;
+			},
+			update: () => d.value?.update(),
+			scrollTo: (...e) => d.value?.scrollTo(...e),
+			setScrollTop: (e) => d.value?.setScrollTop(e),
+			setScrollLeft: (e) => d.value?.setScrollLeft(e)
+		}), (a, c) => (i(), t(e, {
+			ref_key: "scrollbarRef",
+			ref: d,
+			class: r([
+				n.rootClass,
+				"m-scroll-body",
+				"m-scrollbar--fill"
+			]),
+			"wrap-class": n.wrapClass,
+			"wrap-style": n.wrapStyle,
+			"view-class": n.viewClass,
+			"view-style": n.viewStyle,
+			tabindex: n.tabindex,
+			noresize: n.noresize,
+			role: n.role,
+			"aria-label": n.ariaLabel,
+			onScroll: c[0] ||= (e) => u("scroll", e)
+		}, {
+			default: s(() => [o(a.$slots, "default")]),
+			_: 3
+		}, 8, [
+			"class",
+			"wrap-class",
+			"wrap-style",
+			"view-class",
+			"view-style",
+			"tabindex",
+			"noresize",
+			"role",
+			"aria-label"
+		]));
+	}
+});
+//#endregion
+export { c as t };