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