t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 694 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./index3.js"),d=require("../../list/src/index3.js"),p={class:"f-list-item__li"},a=e.defineComponent({name:"FListItem"}),m=e.defineComponent({...a,props:u.Props,setup(s){const r=s,n=e.inject(d.listPropsKey),l=e.computed(()=>{const{textColor:t,borderColor:o}=n,{background:i,color:c}=r;return{background:i,color:c||t,borderColor:o}});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{role:"listitem",class:"f-list-item",style:e.normalizeStyle(e.unref(l))},[e.createElementVNode("li",p,[e.renderSlot(t.$slots,"default")])],4))}});exports.default=m;