| 1 |
- import{t as k,z as w,y as m,d as P,C as E,c as n,G as N,D as C,bu as $,a5 as v,x as g}from"./index.f2940478.js";const[x,h]=k("steps"),z={active:w(0),direction:m("horizontal"),activeIcon:m("checked"),iconPrefix:String,finishIcon:String,activeColor:String,inactiveIcon:String,inactiveColor:String},I=Symbol(x);var D=P({name:x,props:z,emits:["clickStep"],setup(l,{emit:i,slots:r}){const{linkChildren:o}=E(I);return o({props:l,onClickStep:e=>i("clickStep",e)}),()=>{var e;return n("div",{class:h([l.direction])},[n("div",{class:h("items")},[(e=r.default)==null?void 0:e.call(r)])])}}});const[R,a]=k("step");var V=P({name:R,setup(l,{slots:i}){const{parent:r,index:o}=N(I);if(!r){console.error("[Vant] <Step> must be a child component of <Steps>.");return}const c=r.props,e=()=>{const t=+c.active;return o.value<t?"finish":o.value===t?"process":"waiting"},u=()=>e()==="process",p=C(()=>({background:e()==="finish"?c.activeColor:c.inactiveColor})),y=C(()=>{if(u())return{color:c.activeColor};if(e()==="waiting")return{color:c.inactiveColor}}),f=()=>r.onClickStep(o.value),b=()=>{const{iconPrefix:t,finishIcon:s,activeIcon:_,activeColor:d,inactiveIcon:S}=c;return u()?i["active-icon"]?i["active-icon"]():n(v,{class:a("icon","active"),name:_,color:d,classPrefix:t},null):e()==="finish"&&(s||i["finish-icon"])?i["finish-icon"]?i["finish-icon"]():n(v,{class:a("icon","finish"),name:s,color:d,classPrefix:t},null):i["inactive-icon"]?i["inactive-icon"]():S?n(v,{class:a("icon"),name:S,classPrefix:t},null):n("i",{class:a("circle"),style:p.value},null)};return()=>{var t;const s=e();return n("div",{class:[$,a([c.direction,{[s]:s}])]},[n("div",{class:a("title",{active:u()}),style:y.value,onClick:f},[(t=i.default)==null?void 0:t.call(i)]),n("div",{class:a("circle-container"),onClick:f},[b()]),n("div",{class:a("line"),style:p.value},null)])}}});const B=g(V),G=g(D);export{G as S,B as a};
|
