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