morya-ui 0.3.3 → 0.3.5

package/dist/page/index.js

@@ -1,11 +1,11 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../Button-gBiRj7wz.js";
+import { t as n } from "../Button-3vJoiEQC.js";
 import { t as r } from "../Card-B1CB9Trm.js";
-import { t as i } from "../Empty-C5tndBOm.js";
+import { t as i } from "../Empty-5pTDp3ZM.js";
 import { r as a } from "../responsive-DA5bxylA.js";
 import { t as o } from "../Skeleton-DCYdXAH2.js";
-import { n as s } from "../locale-Bzm2nbEp.js";
+import { n as s } from "../locale-xavS6-Hw.js";
 import "./style.js";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, renderSlot as C, resolveDynamicComponent as w, toDisplayString as T, unref as E, useAttrs as D, useId as O, useSlots as k, withCtx as A } from "vue";
 //#endregion
@@ -18,14 +18,19 @@ var j = /* @__PURE__ */ _({
 		pt: {},
 		density: { default: "default" },
 		width: { default: "full" },
-		bands: { default: "auto" }
+		bands: { default: "auto" },
+		fill: {
+			type: Boolean,
+			default: !1
+		}
 	},
 	setup(t) {
 		let n = t, r = D(), { rootAttrs: i } = e(r, () => n.pt), a = l(() => ["m-page-content", {
 			"m-page-content--compact": n.density === "compact",
 			"m-page-content--spacious": n.density === "spacious",
 			"m-page-content--narrow": n.width === "narrow",
-			"m-page-content--bands-uniform": n.bands === "uniform"
+			"m-page-content--bands-uniform": n.bands === "uniform",
+			"m-page-content--fill": n.fill
 		}]);
 		return (e, t) => (S(), f("div", y(E(i), { class: a.value }), [C(e.$slots, "default")], 16));
 	}
@@ -49,10 +54,16 @@ var j = /* @__PURE__ */ _({
 			"aria-label": t.ariaLabel
 		}), [t.label ? (S(), f("span", ee, T(t.label), 1)) : d("", !0), p("div", N, [C(e.$slots, "default")])], 16, M));
 	}
-}), F = ["aria-label"], I = { class: "m-page-filters__row" }, L = { class: "m-page-filters__controls" }, R = ["id"], z = {
+}), F = ["aria-label"], I = { class: "m-page-filters__row" }, L = { class: "m-page-filters__controls" }, R = {
+	key: 0,
+	class: "m-page-filters__trailing"
+}, z = {
+	key: 0,
+	class: "m-page-filters__actions"
+}, B = ["id"], V = {
 	key: 1,
 	class: "m-page-filters__active"
-}, B = /* @__PURE__ */ _({
+}, H = /* @__PURE__ */ _({
 	name: "MPageFilters",
 	inheritAttrs: !1,
 	__name: "PageFilters",
@@ -73,51 +84,56 @@ var j = /* @__PURE__ */ _({
 	},
 	emits: ["update:expanded"],
 	setup(t, { emit: r }) {
-		let i = t, a = r, o = k(), c = s(), m = O(), g = D(), { rootAttrs: _ } = e(g, () => i.pt), v = l(() => !!o.advanced), b = l(() => i.collapsible && v.value), x = l(() => i.expandLabel ?? `${c.expand ?? "Expand"} ${c.filterOptions ?? "filters"}`), w = l(() => i.collapseLabel ?? c.collapse), j = l(() => ["m-page-filters", {
+		let i = t, a = r, o = k(), c = s(), m = O(), h = D(), { rootAttrs: g } = e(h, () => i.pt), _ = l(() => !!o.advanced), v = l(() => i.collapsible && _.value), b = l(() => !!o.actions || v.value), x = l(() => i.expandLabel ?? c.value.advancedFilters ?? "高级筛选"), w = l(() => i.collapseLabel ?? c.value.collapseFilters ?? "收起"), T = l(() => i.expanded ? "chevron-up" : "chevron-down"), A = l(() => i.expanded ? w.value : x.value), j = l(() => ["m-page-filters", {
 			"m-page-filters--filled": i.variant === "filled",
-			"m-page-filters--collapsible": b.value
+			"m-page-filters--collapsible": v.value
 		}]);
 		function M() {
 			a("update:expanded", !i.expanded);
 		}
-		return (e, r) => (S(), f("section", y(E(_), {
+		return (e, r) => (S(), f("section", y(E(g), {
 			class: j.value,
 			"aria-label": t.ariaLabel
 		}), [
-			p("div", I, [p("div", L, [C(e.$slots, "default")]), b.value ? (S(), u(n, {
-				key: 0,
+			p("div", I, [p("div", L, [C(e.$slots, "default")]), b.value ? (S(), f("div", R, [e.$slots.actions ? (S(), f("div", z, [C(e.$slots, "actions")])) : d("", !0), v.value ? (S(), u(n, {
+				key: 1,
 				type: "button",
 				severity: "secondary",
 				text: "",
 				class: "m-page-filters__toggle",
+				icon: T.value,
+				"icon-pos": "right",
+				label: A.value,
 				"aria-expanded": t.expanded,
 				"aria-controls": E(m),
 				onClick: M
-			}, {
-				default: A(() => [h(T(t.expanded ? w.value : x.value), 1)]),
-				_: 1
-			}, 8, ["aria-expanded", "aria-controls"])) : d("", !0)]),
-			b.value && t.expanded ? (S(), f("div", {
+			}, null, 8, [
+				"icon",
+				"label",
+				"aria-expanded",
+				"aria-controls"
+			])) : d("", !0)])) : d("", !0)]),
+			v.value && t.expanded ? (S(), f("div", {
 				key: 0,
 				id: E(m),
 				class: "m-page-filters__advanced"
-			}, [C(e.$slots, "advanced")], 8, R)) : d("", !0),
-			e.$slots.active ? (S(), f("div", z, [C(e.$slots, "active")])) : d("", !0)
+			}, [C(e.$slots, "advanced")], 8, B)) : d("", !0),
+			e.$slots.active ? (S(), f("div", V, [C(e.$slots, "active")])) : d("", !0)
 		], 16, F));
 	}
-}), V = { class: "m-page-header__main" }, H = {
+}), U = { class: "m-page-header__main" }, W = {
 	key: 0,
 	class: "m-page-header__breadcrumb"
-}, U = { class: "m-page-header__heading" }, W = {
+}, G = { class: "m-page-header__heading" }, K = {
 	key: 2,
 	class: "m-page-header__tags"
-}, G = {
+}, q = {
 	key: 1,
 	class: "m-page-header__description"
-}, K = {
+}, J = {
 	key: 0,
 	class: "m-page-header__actions"
-}, q = /* @__PURE__ */ _({
+}, te = /* @__PURE__ */ _({
 	name: "MPageHeader",
 	inheritAttrs: !1,
 	__name: "PageHeader",
@@ -129,19 +145,19 @@ var j = /* @__PURE__ */ _({
 	},
 	setup(t) {
 		let n = t, r = D(), { rootAttrs: i } = e(r, () => n.pt), a = k(), o = l(() => `h${n.headingLevel}`), s = l(() => !!a.actions);
-		return (e, n) => (S(), f("header", y(E(i), { class: "m-page-header" }), [p("div", V, [
-			E(a).breadcrumb ? (S(), f("div", H, [C(e.$slots, "breadcrumb")])) : d("", !0),
-			p("div", U, [t.title ? (S(), u(w(o.value), {
+		return (e, n) => (S(), f("header", y(E(i), { class: "m-page-header" }), [p("div", U, [
+			E(a).breadcrumb ? (S(), f("div", W, [C(e.$slots, "breadcrumb")])) : d("", !0),
+			p("div", G, [t.title ? (S(), u(w(o.value), {
 				key: 0,
 				class: "m-page-header__title"
 			}, {
 				default: A(() => [h(T(t.title), 1)]),
 				_: 1
-			})) : C(e.$slots, "title", {}, void 0, void 0, 1), E(a).tags ? (S(), f("span", W, [C(e.$slots, "tags")])) : d("", !0)]),
-			t.description ? (S(), f("p", G, T(t.description), 1)) : E(a).description ? C(e.$slots, "description", {}, void 0, void 0, 2) : d("", !0)
-		]), s.value ? (S(), f("div", K, [C(e.$slots, "actions")])) : d("", !0)], 16));
+			})) : C(e.$slots, "title", {}, void 0, void 0, 1), E(a).tags ? (S(), f("span", K, [C(e.$slots, "tags")])) : d("", !0)]),
+			t.description ? (S(), f("p", q, T(t.description), 1)) : E(a).description ? C(e.$slots, "description", {}, void 0, void 0, 2) : d("", !0)
+		]), s.value ? (S(), f("div", J, [C(e.$slots, "actions")])) : d("", !0)], 16));
 	}
-}), J = /* @__PURE__ */ _({
+}), Y = /* @__PURE__ */ _({
 	name: "MPagePlaceholder",
 	inheritAttrs: !1,
 	__name: "PagePlaceholder",
@@ -178,16 +194,16 @@ var j = /* @__PURE__ */ _({
 			} : void 0
 		]), 1032, ["description", "aria-label"])], 16));
 	}
-}), te = { class: "m-page-section__header" }, Y = { key: 1 }, X = {
+}), X = { class: "m-page-section__header" }, Z = { key: 1 }, Q = {
 	key: 2,
 	class: "m-page-section__actions"
-}, Z = {
+}, ne = {
 	key: 0,
 	class: "m-page-section__header"
-}, Q = { key: 1 }, ne = {
+}, re = { key: 1 }, ie = {
 	key: 2,
 	class: "m-page-section__actions"
-}, re = /* @__PURE__ */ _({
+}, ae = /* @__PURE__ */ _({
 	name: "MPageSection",
 	inheritAttrs: !1,
 	__name: "PageSection",
@@ -212,38 +228,38 @@ var j = /* @__PURE__ */ _({
 			_: 2
 		}, [c.value ? {
 			name: "header",
-			fn: A(() => [p("div", te, [t.title ? (S(), u(w(s.value), {
+			fn: A(() => [p("div", X, [t.title ? (S(), u(w(s.value), {
 				key: 0,
 				class: "m-page-section__title"
 			}, {
 				default: A(() => [h(T(t.title), 1)]),
 				_: 1
-			})) : (S(), f("span", Y)), E(o).actions ? (S(), f("div", X, [C(e.$slots, "actions")])) : d("", !0)])]),
+			})) : (S(), f("span", Z)), E(o).actions ? (S(), f("div", Q, [C(e.$slots, "actions")])) : d("", !0)])]),
 			key: "0"
-		} : void 0]), 1040, ["class", "heading-level"])) : (S(), f("section", y({ key: 1 }, E(a), { class: _.value }), [c.value ? (S(), f("div", Z, [t.title ? (S(), u(w(s.value), {
+		} : void 0]), 1040, ["class", "heading-level"])) : (S(), f("section", y({ key: 1 }, E(a), { class: _.value }), [c.value ? (S(), f("div", ne, [t.title ? (S(), u(w(s.value), {
 			key: 0,
 			class: "m-page-section__title"
 		}, {
 			default: A(() => [h(T(t.title), 1)]),
 			_: 1
-		})) : (S(), f("span", Q)), E(o).actions ? (S(), f("div", ne, [C(e.$slots, "actions")])) : d("", !0)])) : d("", !0), C(e.$slots, "default")], 16));
+		})) : (S(), f("span", re)), E(o).actions ? (S(), f("div", ie, [C(e.$slots, "actions")])) : d("", !0)])) : d("", !0), C(e.$slots, "default")], 16));
 	}
-}), ie = { class: "m-page-stat__body" }, ae = { class: "m-page-stat__content" }, oe = {
+}), oe = { class: "m-page-stat__body" }, $ = { class: "m-page-stat__content" }, se = {
 	key: 0,
 	class: "m-page-stat__label"
-}, $ = {
+}, ce = {
 	key: 0,
 	class: "m-page-stat__value"
-}, se = {
+}, le = {
 	key: 1,
 	class: "m-page-stat__meta"
-}, ce = {
+}, ue = {
 	key: 1,
 	class: "m-page-stat__trend-label"
-}, le = {
+}, de = {
 	key: 0,
 	class: "m-page-stat__icon"
-}, ue = /* @__PURE__ */ _({
+}, fe = /* @__PURE__ */ _({
 	name: "MPageStat",
 	inheritAttrs: !1,
 	__name: "PageStat",
@@ -282,7 +298,7 @@ var j = /* @__PURE__ */ _({
 			if (i.trendDirection === "down") return "arrow-narrow-down";
 		}), k = l(() => !!(i.trend || i.trendLabel));
 		return (e, r) => (S(), u(w(_.value), x(v(y.value)), {
-			default: A(() => [p("div", ie, [p("div", ae, [n.label ? (S(), f("p", oe, T(n.label), 1)) : d("", !0), n.loading ? (S(), f(c, { key: 1 }, [g(o, {
+			default: A(() => [p("div", oe, [p("div", $, [n.label ? (S(), f("p", se, T(n.label), 1)) : d("", !0), n.loading ? (S(), f(c, { key: 1 }, [g(o, {
 				width: "7rem",
 				height: "1.75rem"
 			}), k.value ? (S(), u(o, {
@@ -290,8 +306,8 @@ var j = /* @__PURE__ */ _({
 				text: "",
 				width: "4.5rem"
 			})) : d("", !0)], 64)) : (S(), f(c, { key: 2 }, [
-				n.value != null && n.value !== "" ? (S(), f("p", $, T(n.value), 1)) : d("", !0),
-				k.value ? (S(), f("div", se, [n.trend ? (S(), f("span", {
+				n.value != null && n.value !== "" ? (S(), f("p", ce, T(n.value), 1)) : d("", !0),
+				k.value ? (S(), f("div", le, [n.trend ? (S(), f("span", {
 					key: 0,
 					class: b(E.value)
 				}, [O.value ? (S(), u(t, {
@@ -299,19 +315,19 @@ var j = /* @__PURE__ */ _({
 					name: O.value,
 					class: "m-page-stat__trend-icon",
 					"aria-hidden": "true"
-				}, null, 8, ["name"])) : d("", !0), h(" " + T(n.trend), 1)], 2)) : d("", !0), n.trendLabel ? (S(), f("span", ce, T(n.trendLabel), 1)) : d("", !0)])) : d("", !0),
+				}, null, 8, ["name"])) : d("", !0), h(" " + T(n.trend), 1)], 2)) : d("", !0), n.trendLabel ? (S(), f("span", ue, T(n.trendLabel), 1)) : d("", !0)])) : d("", !0),
 				C(e.$slots, "default")
-			], 64))]), n.icon ? (S(), f("span", le, [g(t, {
+			], 64))]), n.icon ? (S(), f("span", de, [g(t, {
 				name: n.icon,
 				"aria-hidden": "true"
 			}, null, 8, ["name"])])) : d("", !0)])]),
 			_: 3
 		}, 16));
 	}
-}), de = {
+}), pe = {
 	key: 2,
 	class: "m-page-toolbar__actions"
-}, fe = /* @__PURE__ */ _({
+}, me = /* @__PURE__ */ _({
 	name: "MPageToolbar",
 	inheritAttrs: !1,
 	__name: "PageToolbar",
@@ -328,8 +344,8 @@ var j = /* @__PURE__ */ _({
 		}, {
 			default: A(() => [h(T(t.title), 1)]),
 			_: 1
-		})) : C(e.$slots, "default", {}, void 0, void 0, 1), s.value ? (S(), f("div", de, [C(e.$slots, "actions")])) : d("", !0)], 16));
+		})) : C(e.$slots, "default", {}, void 0, void 0, 1), s.value ? (S(), f("div", pe, [C(e.$slots, "actions")])) : d("", !0)], 16));
 	}
 });
 //#endregion
-export { j as MPageContent, P as MPageFilterChips, B as MPageFilters, q as MPageHeader, J as MPagePlaceholder, re as MPageSection, ue as MPageStat, fe as MPageToolbar };
+export { j as MPageContent, P as MPageFilterChips, H as MPageFilters, te as MPageHeader, Y as MPagePlaceholder, ae as MPageSection, fe as MPageStat, me as MPageToolbar };