vue-amazing-ui/lib/badge/Badge.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),p=require("../utils/index.cjs"),y={class:"status-text"},k=["title"],g={key:0,class:"number-value",style:{transition:"none 0s ease 0s"}},h={class:"number"},B=o.defineComponent({__name:"Badge",props:{color:{default:void 0},value:{default:void 0},max:{default:99},showZero:{type:Boolean,default:!1},dot:{type:Boolean,default:!1},offset:{default:void 0},status:{default:void 0},text:{default:void 0},valueStyle:{default:()=>({})},zIndex:{default:9},title:{default:void 0},ripple:{type:Boolean,default:!1}},setup(i){const e=i,a=["pink","red","yellow","orange","cyan","green","blue","purple","geekblue","magenta","volcano","gold","lime"],s=p.useSlotsExist(["default","value"]),r=o.computed(()=>{if(e.color&&!a.includes(e.color))return e.value!==void 0&&e.value!==0||e.showZero&&e.value===0?{backgroundColor:e.color}:{color:e.color,backgroundColor:e.color}}),u=o.computed(()=>{if(e.color&&a.includes(e.color))return e.value!==void 0&&e.value!==0||e.showZero&&e.value===0?`color-${e.color} white`:`color-${e.color}`;if(e.status)return e.value!==void 0&&e.value!==0||e.showZero&&e.value===0?`status-${e.status} white`:`status-${e.status}`}),t=o.computed(()=>e.value!==void 0||e.dot||!e.color&&!e.status?s.default:!1),v=o.computed(()=>!e.color&&!e.status?s.value:!1),c=o.computed(()=>!!(e.value!==void 0&&e.value!==0||e.showZero&&e.value===0||e.dot)),f=o.computed(()=>e.value===void 0||e.value===0&&!e.showZero||e.dot),n=o.computed(()=>e.offset?.length?{right:d(e.offset[0])?-e.offset[0]+"px":m(e.offset[0]),marginTop:d(e.offset[1])?e.offset[1]+"px":e.offset[1]}:{});function d(l){return typeof l=="number"}function m(l){return l.includes("-")?l.replace("-",""):`-${l}`}return(l,b)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["badge-wrap",{"badge-status-color":l.value===void 0&&(l.color||l.status)}]),style:o.normalizeStyle([`--badge-z-index: ${l.zIndex}`,l.value===void 0&&!l.dot?n.value:null])},[l.value===void 0&&!l.dot&&(l.color||l.status)?(o.openBlock(),o.createElementBlock(o.Fragment,{key:0},[o.createElementVNode("span",{class:o.normalizeClass(["status-dot",[u.value,{"dot-ripple":l.ripple}]]),style:o.normalizeStyle(r.value)},null,6),o.createElementVNode("span",y,[o.renderSlot(l.$slots,"default",{},()=>[o.createTextVNode(o.toDisplayString(l.text),1)],!0)])],64)):(o.openBlock(),o.createElementBlock(o.Fragment,{key:1},[t.value?o.renderSlot(l.$slots,"default",{key:0},void 0,!0):o.createCommentVNode("",!0),v.value?(o.openBlock(),o.createElementBlock("span",{key:1,class:o.normalizeClass(["value",{"only-number":!t.value}])},[o.renderSlot(l.$slots,"value",{},void 0,!0)],2)):(o.openBlock(),o.createBlock(o.Transition,{key:2,name:"zoom","enter-from-class":"zoom-enter","enter-active-class":"zoom-enter","enter-to-class":"zoom-enter","leave-from-class":"zoom-leave","leave-active-class":"zoom-leave","leave-to-class":"zoom-leave"},{default:o.withCtx(()=>[c.value?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["badge-value",[{"small-num":typeof l.value=="number"&&l.value<10,"only-number":!t.value,"only-dot":f.value},u.value]]),style:o.normalizeStyle([r.value,n.value,l.valueStyle]),title:l.title||(l.value!==void 0?String(l.value):"")},[l.dot?o.createCommentVNode("",!0):(o.openBlock(),o.createElementBlock("span",g,[o.createElementVNode("span",h,o.toDisplayString(typeof l.value=="number"&&l.value>l.max?l.max+"+":l.value),1)]))],14,k)):o.createCommentVNode("",!0)]),_:1}))],64))],6))}});exports.default=B;