2 lines
4.4 KiB
JavaScript
2 lines
4.4 KiB
JavaScript
var e=Object.defineProperty,s=Object.defineProperties,a=Object.getOwnPropertyDescriptors,t=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,l=(s,a,t)=>a in s?e(s,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[a]=t,o=(e,s)=>{for(var a in s||(s={}))i.call(s,a)&&l(e,a,s[a]);if(t)for(var a of t(s))r.call(s,a)&&l(e,a,s[a]);return e},n=(e,t)=>s(e,a(t));import{a8 as u,bc as p,bd as c,a0 as v,d,a1 as f,af as m,A as y,b as S,e as h,s as b,g,p as w,q as x,ae as j,am as O,r as $,a9 as E,o as k,c as P,l as _,i as C,f as z,m as B,h as I,w as A,aE as D,ai as N,ba as W,be as q,v as V,j as F,aA as G,az as H}from"./index-BoIUJTA2.js";import{u as J}from"./index-C0Ar9TSn.js";const K=u({space:{type:[Number,String],default:""},active:{type:Number,default:0},direction:{type:String,default:"horizontal",values:["horizontal","vertical"]},alignCenter:{type:Boolean},simple:{type:Boolean},finishStatus:{type:String,values:["wait","process","finish","error","success"],default:"finish"},processStatus:{type:String,values:["wait","process","finish","error","success"],default:"process"}}),L={[p]:(e,s)=>[e,s].every(c)},M="ElSteps",Q=d({name:"ElSteps"});var R=v(d(n(o({},Q),{props:K,emits:L,setup(e,{emit:s}){const a=e,t=f("steps"),{children:i,addChild:r,removeChild:l,ChildrenSorter:o}=J(m(),"ElStep");return y(i,()=>{i.value.forEach((e,s)=>{e.setIndex(s)})}),j(M,{props:a,steps:i,addStep:r,removeStep:l}),y(()=>a.active,(e,a)=>{s(p,e,a)}),(e,s)=>(h(),S("div",{class:x([w(t).b(),w(t).m(e.simple?"simple":e.direction)])},[b(e.$slots,"default"),g(w(o))],2))}})),[["__file","steps.vue"]]);const T=u({title:{type:String,default:""},icon:{type:O},description:{type:String,default:""},status:{type:String,values:["","wait","process","finish","error","success"],default:""}}),U=d({name:"ElStep"});var X=v(d(n(o({},U),{props:T,setup(e){const s=e,a=f("step"),t=$(-1),i=$({}),r=$(""),l=E(M),o=m();k(()=>{y([()=>l.props.active,()=>l.props.processStatus,()=>l.props.finishStatus],([e])=>{K(e)},{immediate:!0})});const n=P(()=>s.status||r.value),u=P(()=>{const e=l.steps.value[t.value-1];return e?e.internalStatus.value:"wait"}),p=P(()=>l.props.alignCenter),v=P(()=>"vertical"===l.props.direction),d=P(()=>l.props.simple),j=P(()=>l.steps.value.length),O=P(()=>{var e;return(null==(e=l.steps.value[j.value-1])?void 0:e.uid)===o.uid}),G=P(()=>d.value?"":l.props.space),H=P(()=>[a.b(),a.is(d.value?"simple":l.props.direction),a.is("flex",O.value&&!G.value&&!p.value),a.is("center",p.value&&!v.value&&!d.value)]),J=P(()=>{const e={flexBasis:c(G.value)?`${G.value}px`:G.value?G.value:100/(j.value-(p.value?0:1))+"%"};return v.value||O.value&&(e.maxWidth=100/j.value+"%"),e}),K=e=>{e>t.value?r.value=l.props.finishStatus:e===t.value&&"error"!==u.value?r.value=l.props.processStatus:r.value="wait";const s=l.steps.value[t.value-1];s&&s.calcProgress(r.value)},L={uid:o.uid,getVnode:()=>o.vnode,currentStatus:n,internalStatus:r,setIndex:e=>{t.value=e},calcProgress:e=>{const s="wait"===e,a={transitionDelay:`${s?"-":""}${150*t.value}ms`},r=e===l.props.processStatus||s?0:100;a.borderWidth=r&&!d.value?"1px":0,a["vertical"===l.props.direction?"height":"width"]=`${r}%`,i.value=a}};return l.addStep(L),_(()=>{l.removeStep(L)}),(e,s)=>(h(),S("div",{style:B(w(J)),class:x(w(H))},[C(" icon & line "),z("div",{class:x([w(a).e("head"),w(a).is(w(n))])},[w(d)?C("v-if",!0):(h(),S("div",{key:0,class:x(w(a).e("line"))},[z("i",{class:x(w(a).e("line-inner")),style:B(i.value)},null,6)],2)),z("div",{class:x([w(a).e("icon"),w(a).is(e.icon||e.$slots.icon?"icon":"text")])},[b(e.$slots,"icon",{},()=>[e.icon?(h(),I(w(N),{key:0,class:x(w(a).e("icon-inner"))},{default:A(()=>[(h(),I(D(e.icon)))]),_:1},8,["class"])):"success"===w(n)?(h(),I(w(N),{key:1,class:x([w(a).e("icon-inner"),w(a).is("status")])},{default:A(()=>[g(w(W))]),_:1},8,["class"])):"error"===w(n)?(h(),I(w(N),{key:2,class:x([w(a).e("icon-inner"),w(a).is("status")])},{default:A(()=>[g(w(q))]),_:1},8,["class"])):w(d)?C("v-if",!0):(h(),S("div",{key:3,class:x(w(a).e("icon-inner"))},V(t.value+1),3))])],2)],2),C(" title & description "),z("div",{class:x(w(a).e("main"))},[z("div",{class:x([w(a).e("title"),w(a).is(w(n))])},[b(e.$slots,"title",{},()=>[F(V(e.title),1)])],2),w(d)?(h(),S("div",{key:0,class:x(w(a).e("arrow"))},null,2)):(h(),S("div",{key:1,class:x([w(a).e("description"),w(a).is(w(n))])},[b(e.$slots,"description",{},()=>[F(V(e.description),1)])],2))],2)],6))}})),[["__file","item.vue"]]);const Y=H(R,{Step:X}),Z=G(X);export{Y as E,Z as a};
|