morya-ui 0.1.1 → 0.2.1

package/dist/avatar/index.js

@@ -1,14 +1,15 @@
-import { t as e } from "../Icon-DfpIfo2L.js";
+import { r as e } from "../useComponentAttrs-BTYEe61P.js";
+import { t } from "../Icon-DfpIfo2L.js";
 import "./style.js";
-import { Comment as t, Fragment as n, Text as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, useSlots as g, watch as _ } from "vue";
+import { Comment as n, Fragment as r, Text as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, useAttrs as y, useSlots as b, watch as x } from "vue";
 //#region src/components/Avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
-var v = ["aria-label"], y = ["src", "alt"], b = {
+var S = ["aria-label"], C = ["src", "alt"], w = {
 	key: 1,
 	class: "m-avatar__icon"
-}, x = {
+}, T = {
 	key: 2,
 	class: "m-avatar__label"
-}, S = /* @__PURE__ */ l({
+}, E = /* @__PURE__ */ u({
 	__name: "Avatar",
 	props: {
 		label: {},
@@ -18,75 +19,77 @@ var v = ["aria-label"], y = ["src", "alt"], b = {
 		size: { default: "medium" }
 	},
 	emits: ["error"],
-	setup(t, { emit: n }) {
-		let r = t, a = n, l = f(!1);
-		_(() => r.image, () => {
-			l.value = !1;
+	setup(e, { emit: n }) {
+		let r = e, i = n, o = m(!1);
+		x(() => r.image, () => {
+			o.value = !1;
 		});
-		function p(e) {
+		function u(e) {
 			return e === "sm" || e === "small" ? "small" : e === "normal" || e === "md" || e === "medium" ? "medium" : e === "lg" || e === "large" ? "large" : e === "xlarge" ? "xlarge" : "medium";
 		}
-		let m = i(() => p(r.size)), g = i(() => m.value === "xlarge" || m.value === "large" ? "lg" : m.value === "small" ? "sm" : "md"), S = i(() => [
+		let d = a(() => u(r.size)), h = a(() => d.value === "xlarge" || d.value === "large" ? "lg" : d.value === "small" ? "sm" : "md"), g = a(() => [
 			"m-avatar",
 			`m-avatar--${r.shape}`,
-			`m-avatar--${m.value}`
-		]), C = i(() => r.image && !l.value ? "image" : r.icon ? "icon" : "label");
-		function w(e) {
-			l.value = !0, a("error", e);
+			`m-avatar--${d.value}`
+		]), v = a(() => r.image && !o.value ? "image" : r.icon ? "icon" : "label");
+		function y(e) {
+			o.value = !0, i("error", e);
 		}
-		return (n, r) => (d(), s("span", {
-			class: u(S.value),
+		return (n, r) => (p(), c("span", {
+			class: f(g.value),
 			role: "img",
-			"aria-label": t.label || void 0
-		}, [C.value === "image" ? (d(), s("img", {
+			"aria-label": e.label || void 0
+		}, [v.value === "image" ? (p(), c("img", {
 			key: 0,
 			class: "m-avatar__image",
-			src: t.image,
-			alt: t.label || "",
-			onError: w
-		}, null, 40, y)) : C.value === "icon" ? (d(), s("span", b, [c(e, {
-			name: t.icon,
-			size: g.value
-		}, null, 8, ["name", "size"])])) : t.label ? (d(), s("span", x, h(t.label), 1)) : o("", !0)], 10, v));
+			src: e.image,
+			alt: e.label || "",
+			onError: y
+		}, null, 40, C)) : v.value === "icon" ? (p(), c("span", w, [l(t, {
+			name: e.icon,
+			size: h.value
+		}, null, 8, ["name", "size"])])) : e.label ? (p(), c("span", T, _(e.label), 1)) : s("", !0)], 10, S));
 	}
-}), C = /* @__PURE__ */ l({
+}), D = /* @__PURE__ */ u({
+	inheritAttrs: !1,
 	__name: "AvatarGroup",
 	props: {
+		pt: {},
 		max: {},
 		size: {}
 	},
-	setup(e) {
-		let c = e, l = g();
-		function f(e) {
+	setup(t) {
+		let l = t, u = y(), { rootAttrs: m } = e(u, () => l.pt), x = b();
+		function S(e) {
 			return e === "sm" || e === "small" ? "small" : e === "normal" || e === "md" || e === "medium" ? "medium" : e === "lg" || e === "large" ? "large" : e === "xlarge" ? "xlarge" : "medium";
 		}
-		let _ = i(() => f(c.size));
-		function v(e) {
+		let C = a(() => S(l.size));
+		function w(e) {
 			if (!e) return [];
-			let i = [];
+			let t = [];
 			for (let a of e) if (a != null && typeof a != "boolean" && typeof a != "string" && typeof a != "number") {
 				if (Array.isArray(a)) {
-					i.push(...v(a));
+					t.push(...w(a));
 					continue;
 				}
 				if (typeof a == "object" && "type" in a) {
 					let e = a;
-					if (e.type === t || e.type === r) continue;
-					if (e.type === n) {
-						i.push(...v(e.children));
+					if (e.type === n || e.type === i) continue;
+					if (e.type === r) {
+						t.push(...w(e.children));
 						continue;
 					}
-					i.push(e);
+					t.push(e);
 				}
 			}
-			return i;
+			return t;
 		}
-		let y = i(() => v(l.default?.())), b = i(() => c.max == null || c.max < 0 ? y.value : y.value.slice(0, c.max)), x = i(() => Math.max(0, y.value.length - b.value.length)), S = i(() => ["m-avatar-group", `m-avatar-group--${_.value}`]);
-		return (e, t) => (d(), s("div", { class: u(S.value) }, [(d(!0), s(n, null, p(b.value, (e, t) => (d(), a(m(e), { key: t }))), 128)), x.value > 0 ? (d(), s("span", {
+		let T = a(() => w(x.default?.())), E = a(() => l.max == null || l.max < 0 ? T.value : T.value.slice(0, l.max)), D = a(() => Math.max(0, T.value.length - E.value.length)), O = a(() => ["m-avatar-group", `m-avatar-group--${C.value}`]);
+		return (e, t) => (p(), c("div", d(v(m), { class: O.value }), [(p(!0), c(r, null, h(E.value, (e, t) => (p(), o(g(e), { key: t }))), 128)), D.value > 0 ? (p(), c("span", {
 			key: 0,
-			class: u(["m-avatar wk-avatar--circle wk-avatar-group__overflow", `m-avatar--${_.value}`])
-		}, " +" + h(x.value), 3)) : o("", !0)], 2));
+			class: f(["m-avatar m-avatar--circle m-avatar-group__overflow", `m-avatar--${C.value}`])
+		}, " +" + _(D.value), 3)) : s("", !0)], 16));
 	}
 });
 //#endregion
-export { S as MAvatar, C as MAvatarGroup };
+export { E as MAvatar, D as MAvatarGroup };