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