t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
35 lines (34 loc) • 945 B
JavaScript
import { defineComponent as r, openBlock as o, createElementBlock as c, normalizeStyle as i, createBlock as n, unref as s, withCtx as m, resolveDynamicComponent as p, createCommentVNode as d, renderSlot as f } from "vue";
import { Props as k } from "./index3.js";
import { FSvgIcon as u } from "../../svg-icon/index.js";
const y = ["data-key"], C = r({
name: "FToolbarItem"
}), B = /* @__PURE__ */ r({
...C,
props: k,
setup(a) {
const t = a, l = (e) => {
t.click && t.click(e);
};
return (e, _) => (o(), c("span", {
class: "f-toolbar-item",
"data-key": e.dataKey,
style: i({ color: e.color }),
onClick: l
}, [
e.icon ? (o(), n(s(u), {
key: 0,
size: e.iconSize
}, {
default: m(() => [
(o(), n(p(e.icon)))
]),
_: 1
}, 8, ["size"])) : d("", !0),
f(e.$slots, "default")
], 12, y));
}
});
export {
B as default
};