vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
51 lines (50 loc) • 1.61 kB
JavaScript
import { defineComponent as i, createElementBlock as t, openBlock as s, normalizeStyle as o, unref as n, createElementVNode as r } from "vue";
import { useAvatar as d } from "./hook/useAvatar.mjs";
const p = { class: "app-avatar" }, f = ["src"], C = /* @__PURE__ */ i({
name: "Avatar",
__name: "index",
props: {
src: { default: "" },
size: { default: 42 },
shape: { default: "circle" }
},
setup(c) {
const e = c, { avatarStyles: a } = d(e);
return (m, l) => (s(), t("div", p, [
e.src ? (s(), t("img", {
key: 0,
style: o(n(a)),
src: e.src,
draggable: "false"
}, null, 12, f)) : (s(), t("svg", {
key: 1,
style: o(n(a)),
viewBox: "0 0 30 30",
class: "avatar-svg",
version: "1.1",
xmlns: "http://www.w3.org/2000/svg"
}, [...l[0] || (l[0] = [
r("g", {
stroke: "none",
"stroke-width": "1",
fill: "none",
"fill-rule": "evenodd"
}, [
r("circle", {
fill: "#CACFD8",
cx: "15",
cy: "15",
r: "15"
}),
r("path", {
d: "M14.9997866,16 C12.5145053,16 10.4997866,13.9852814 10.4997866,11.5 C10.4997866,9.01471863 12.5145053,7 14.9997866,7 C17.485068,7 19.4997866,9.01471863 19.4997866,11.5 C19.4997866,13.9852814 17.485068,16 14.9997866,16 Z M23,23 L7,22.998553 C7,19.0122153 10.8892296,16.5 14.9997866,16.5 C19.1103437,16.5 23,20 23,23 Z",
fill: "#FFFFFF"
})
], -1)
])], 4))
]));
}
});
export {
C as default
};