t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 1.13 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("./index3.js"),u=require("../../_utils/index3.js"),d={key:0,class:"f-list__header"},_={key:1,class:"f-list__footer"},f=e.defineComponent({name:"FList"}),m=e.defineComponent({...f,props:n.Props,setup(i){const s=i;e.provide(n.listPropsKey,s);const c=e.computed(()=>{const{maxHeight:t,zebra:o,center:r,size:l}=s;return["f-list",{[`f-list__${l}`]:l,"f-list__scroll":t,"f-list__zebra":o,"f-list__center":r}]}),a=e.computed(()=>{const{maxHeight:t,borderColor:o,listStyle:r}=s;return{borderColor:o,maxHeight:u.sizeChange(t),listStyle:r}});return(t,o)=>(e.openBlock(),e.createElementBlock("ul",{role:"list",class:e.normalizeClass(e.unref(c)),style:e.normalizeStyle(e.unref(a))},[t.$slots.header?(e.openBlock(),e.createElementBlock("header",d,[e.renderSlot(t.$slots,"header")])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default"),t.$slots.footer?(e.openBlock(),e.createElementBlock("footer",_,[e.renderSlot(t.$slots,"footer")])):e.createCommentVNode("",!0)],6))}});exports.default=m;