t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
31 lines (30 loc) • 954 B
JavaScript
import { defineComponent as o, inject as s, toRefs as m, openBlock as l, createElementBlock as i, createElementVNode as p, normalizeStyle as u, unref as e, renderSlot as d, createVNode as f } from "vue";
import { BreadcrumbPropsKey as _ } from "../../breadcrumb/src/index3.js";
import { FSvgIcon as b } from "../../svg-icon/index.js";
import C from "../../_components/svg/index3.js";
const h = { class: "f-breadcrumb-item" }, B = o({
name: "FBreadcrumbItem"
}), k = /* @__PURE__ */ o({
...B,
setup(y) {
const r = s(
_
), { separator: t, itemColor: n, separatorColor: c } = m(r);
return (a, F) => (l(), i("span", h, [
p("span", {
class: "f-breadcrumb-item__inner",
style: u({ color: e(n) })
}, [
d(a.$slots, "default")
], 4),
f(e(b), {
icon: e(t) || e(C),
color: e(c),
size: 16
}, null, 8, ["icon", "color"])
]));
}
});
export {
k as default
};