t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 1.05 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),u=require("./index3.js"),n=require("../../_utils/index3.js"),f=e.defineComponent({name:"FText"}),p=e.defineComponent({...f,props:u.Props,setup(i){const t=i,r=e.computed(()=>{const{type:s,block:o,bold:c,ellipsis:a,center:d}=t;return["f-text",{[`f-text__${s}`]:s,"f-text__block":o,"f-text__bold":c,"f-text__center":d,"f-text__ellipsis":a}]}),l=e.computed(()=>({"--f-text-color":t.color,"--f-text-background":t.background,"--f-text-text-decoration":t.decoration,"--f-text-width":n.sizeChange(t.width),"--f-text-font-size":n.sizeChange(t.size),"--f-text-padding":n.sizeChange(t.padding),"--f-text-letter-spacing":n.sizeChange(t.spacing),"--f-text-line-height":n.sizeChange(t.lineHeight),"--f-text-text-indent":n.sizeChange(t.indent)}));return(s,o)=>(e.openBlock(),e.createElementBlock("p",{class:e.normalizeClass(e.unref(r)),style:e.normalizeStyle(e.unref(l))},[e.renderSlot(s.$slots,"default")],6))}});exports.default=p;