t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
32 lines (31 loc) • 872 B
JavaScript
import { defineComponent as o, inject as m, computed as p, openBlock as a, createElementBlock as d, normalizeStyle as f, unref as _, createElementVNode as u, renderSlot as y } from "vue";
import { Props as k } from "./index3.js";
import { listPropsKey as C } from "../../list/src/index3.js";
const L = { class: "f-list-item__li" }, P = o({
name: "FListItem"
}), x = /* @__PURE__ */ o({
...P,
props: k,
setup(r) {
const s = r, l = m(C), n = p(() => {
const { textColor: t, borderColor: e } = l, { background: c, color: i } = s;
return {
background: c,
color: i || t,
borderColor: e
};
});
return (t, e) => (a(), d("div", {
role: "listitem",
class: "f-list-item",
style: f(_(n))
}, [
u("li", L, [
y(t.$slots, "default")
])
], 4));
}
});
export {
x as default
};