vuux
Version:
Vue3 Nuxt3 Nuxt4 组件库
33 lines (32 loc) • 889 B
JavaScript
import { defineComponent as a, computed as l, createElementBlock as c, openBlock as t, normalizeStyle as i, normalizeClass as m, renderSlot as n, createBlock as p, createCommentVNode as u, unref as d } from "vue";
import { Icon as f } from "@vuux/icons";
const k = /* @__PURE__ */ a({
name: "Tag",
__name: "index",
props: {
type: { default: "primary" },
icon: {},
size: { default: 11 }
},
setup(r) {
const e = r, s = l(() => ({
"--tag-size": `${e.size}px`
}));
return (o, z) => (t(), c("div", {
class: m(["app-tag", e.type]),
style: i(s.value)
}, [
n(o.$slots, "icon"),
e.icon ? (t(), p(d(f), {
key: 0,
name: e.icon,
size: e.size + 2,
color: "rgb(255, 255, 255)"
}, null, 8, ["name", "size"])) : u("", !0),
n(o.$slots, "default")
], 6));
}
});
export {
k as default
};