import{d as n,y as d,o as i,g as u,k as s,s as t,j as c,n as m,i as _,_ as f}from"./_plugin-vue_export-helper-b4430d88.js";const x={class:"flex flex-row w-full px-2"},h={class:"flex flex-row justify-start w-full h-5 bg-white border-2 border-blue-300 rounded-lg"},w={class:""},g=n({__name:"barshow",props:{name:String,value:Number,color:String,max:Number},setup(e){const o=e;let l="100%";return d(o,(a,r)=>{console.log("newValueGG",a),console.log("相应的值",o),l=(o.value/o.max*100).toString()+"%",console.log("currate",l)}),(a,r)=>(i(),u("div",x,[s("div",{class:"text-sm w-14",style:c({color:e.color})},t(e.name),5),s("div",h,[s("div",{class:m(["flex items-center h-4",e.color]),style:c({width:_(l),color:e.color})},[s("span",w,t(e.value),1)],6)])]))}});const v=f(g,[["__scopeId","data-v-dc4bdc52"]]);export{v as B};