morya-ui 0.2.3 → 0.2.4

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # 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
 
 ### 新功能

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 };