const e=require("../_util/type.js"),t=require("./props.js"),n=require("./utils.js");let r=require("vue");var i=()=>({...t.progressProps(),steps:Number,strokeColor:e.someType(),trailColor:String}),a=(0,r.defineComponent)({compatConfig:{MODE:3},name:`Steps`,props:i(),setup(e,{slots:t}){let i=(0,r.computed)(()=>Math.round(e.steps*((e.percent||0)/100))),a=(0,r.computed)(()=>e.size??[e.size===`small`?2:14,e.strokeWidth||8]),o=(0,r.computed)(()=>n.getSize(a.value,`step`,{steps:e.steps,strokeWidth:e.strokeWidth||8})),s=(0,r.computed)(()=>{let{steps:t,strokeColor:n,trailColor:a,prefixCls:s}=e,c=[];for(let e=0;e<t;e+=1){let l=Array.isArray(n)?n[e]:n,u={[`${s}-steps-item`]:!0,[`${s}-steps-item-active`]:e<=i.value-1};c.push((0,r.createVNode)(`div`,{key:e,class:u,style:{backgroundColor:e<=i.value-1?l:a,width:`${o.value.width/t}px`,height:`${o.value.height}px`}},null))}return c});return()=>(0,r.createVNode)(`div`,{class:`${e.prefixCls}-steps-outer`},[s.value,t.default?.()])}});exports.default=a,exports.stepsProps=i;