@well-insight/ui 0.1.7 → 0.1.9

package/dist/auto-complete/style.js

@@ -0,0 +1,4 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Icon/styles.css'
+import '../components/AutoComplete/styles.css'

package/dist/avatar/index.js

@@ -0,0 +1,93 @@
+import { t as e } from "../Icon-B6gOD07E.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, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, useSlots as h, watch as g } from "vue";
+//#region src/components/Avatar/Avatar.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = ["src", "alt"], y = {
+	key: 2,
+	class: "wi-avatar__label"
+}, b = /* @__PURE__ */ c({
+	__name: "Avatar",
+	props: {
+		label: {},
+		image: {},
+		icon: {},
+		shape: { default: "circle" },
+		size: { default: "normal" }
+	},
+	emits: ["error"],
+	setup(t, { emit: n }) {
+		let r = t, c = n, f = d(!1);
+		g(() => r.image, () => {
+			f.value = !1;
+		});
+		let p = i(() => r.size === "sm" ? "normal" : r.size === "lg" || r.size === "large" ? "large" : r.size === "xlarge" ? "xlarge" : "normal"), h = i(() => [
+			"wi-avatar",
+			`wi-avatar--${r.shape}`,
+			{
+				"wi-avatar--large": p.value === "large",
+				"wi-avatar--xlarge": p.value === "xlarge"
+			}
+		]), b = i(() => r.image && !f.value ? "image" : r.icon ? "icon" : "label");
+		function x(e) {
+			f.value = !0, c("error", e);
+		}
+		return (n, r) => (u(), s("span", {
+			class: l(h.value),
+			role: "img",
+			"aria-label": t.label || void 0
+		}, [b.value === "image" ? (u(), s("img", {
+			key: 0,
+			class: "wi-avatar__image",
+			src: t.image,
+			alt: t.label || "",
+			onError: x
+		}, null, 40, v)) : b.value === "icon" ? (u(), a(e, {
+			key: 1,
+			class: "wi-avatar__icon",
+			name: t.icon,
+			size: "sm"
+		}, null, 8, ["name"])) : t.label ? (u(), s("span", y, m(t.label), 1)) : o("", !0)], 10, _));
+	}
+}), x = /* @__PURE__ */ c({
+	__name: "AvatarGroup",
+	props: {
+		max: {},
+		size: {}
+	},
+	setup(e) {
+		let c = e, d = h(), g = i(() => c.size === "sm" ? "normal" : c.size === "lg" || c.size === "large" ? "large" : c.size === "xlarge" ? "xlarge" : "normal");
+		function _(e) {
+			if (!e) return [];
+			let i = [];
+			for (let a of e) if (a != null && typeof a != "boolean" && typeof a != "string" && typeof a != "number") {
+				if (Array.isArray(a)) {
+					i.push(..._(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(..._(e.children));
+						continue;
+					}
+					i.push(e);
+				}
+			}
+			return i;
+		}
+		let v = i(() => _(d.default?.())), y = i(() => c.max == null || c.max < 0 ? v.value : v.value.slice(0, c.max)), b = i(() => Math.max(0, v.value.length - y.value.length)), x = i(() => ["wi-avatar-group", {
+			"wi-avatar-group--large": g.value === "large",
+			"wi-avatar-group--xlarge": g.value === "xlarge"
+		}]);
+		return (e, t) => (u(), s("div", { class: l(x.value) }, [(u(!0), s(n, null, f(y.value, (e, t) => (u(), a(p(e), { key: t }))), 128)), b.value > 0 ? (u(), s("span", {
+			key: 0,
+			class: l(["wi-avatar wi-avatar--circle wi-avatar-group__overflow", {
+				"wi-avatar--large": g.value === "large",
+				"wi-avatar--xlarge": g.value === "xlarge"
+			}])
+		}, " +" + m(b.value), 3)) : o("", !0)], 2));
+	}
+});
+//#endregion
+export { b as WiAvatar, x as WiAvatarGroup };