t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 944 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./index3.js"),u=require("../../_utils/index3.js"),i=e.defineComponent({name:"FBadge"}),f=e.defineComponent({...i,props:d.Props,setup(c){const r=c,l=e.computed(()=>{const{type:t,dot:o}=r;return["f-badge__content",{[`f-badge__${t}`]:t,"f-badge__dot":o}]}),s=e.computed(()=>{const{dot:t,max:o,value:n}=r;return t?"":u.isNumber(o)&&u.isNumber(n)?o>n?`${n}`:`${o}+`:`${n}`}),a=e.computed(()=>{const{color:t,textColor:o}=r;return{"--f-badge-background":t,"--f-badge-text-color":o}});return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:"f-badge",style:e.normalizeStyle(e.unref(a))},[e.renderSlot(t.$slots,"default"),e.withDirectives(e.createElementVNode("sup",{class:e.normalizeClass(e.unref(l))},e.toDisplayString(e.unref(s)),3),[[e.vShow,!t.show&&(e.unref(s)||t.dot)]])],4))}});exports.default=f;