t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 892 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("./index3.js"),a=["f-content"],f=o.defineComponent({name:"FTooltip"}),_=o.defineComponent({...f,props:d.Props,setup(r){const n=r,l=o.computed(()=>{const{position:t,state:e,disabled:i,bold:c,noArrow:u,bright:p}=n;return["f-tooltip",{[`f-tooltip__${t}`]:t,[`f-tooltip__${e}`]:e,"f-tooltip__disabled ":i,"f-tooltip__bold":c,"f-tooltip__no-arrow":u,"f-tooltip__bright":p}]}),s=o.computed(()=>{const{background:t,fontColor:e}=n;return{"--f-tooltip-background":t,"--f-tooltip-font-color":e}});return(t,e)=>t.$slots.default?(o.openBlock(),o.createElementBlock("div",{key:0,"f-content":t.content,class:o.normalizeClass(o.unref(l)),style:o.normalizeStyle(o.unref(s))},[o.renderSlot(t.$slots,"default")],14,a)):o.createCommentVNode("",!0)}});exports.default=_;