el-step-BWXJJclG.js 4.0 KB

1
  1. import{ah as F,ar as I,ac as K,ab as M,cv as H,af as Q,aj as J,E as k,V as L,N as O,aK as R,by as ee}from"./index-CKIhG1T4.js";import{C as g,q as T,w as C,P as se,D as o,E as f,Q as $,W as i,u as e,a as B,i as ae,v as te,M as ie,f as n,b as le,Y as w,F as h,a4 as U,T as x,U as N,X as re,$ as V,_ as P,Z as X}from"./spreadSheetsDesignerVue-MRUT1X_l.js";const ue=F({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"}}),oe={[I]:(S,m)=>[S,m].every(K)},ne=g({name:"ElSteps"});var pe=Q(g({...ne,props:ue,emits:oe,setup(S,{emit:m}){const a=S,u=M("steps"),{children:v,addChild:p,removeChild:t}=H(T(),"ElStep");return C(v,()=>{v.value.forEach((l,r)=>{l.setIndex(r)})}),se("ElSteps",{props:a,steps:v,addStep:p,removeStep:t}),C(()=>a.active,(l,r)=>{m(I,l,r)}),(l,r)=>(o(),f("div",{class:i([e(u).b(),e(u).m(l.simple?"simple":l.direction)])},[$(l.$slots,"default")],2))}}),[["__file","steps.vue"]]);const ce=F({title:{type:String,default:""},icon:{type:J},description:{type:String,default:""},status:{type:String,values:["","wait","process","finish","error","success"],default:""}}),ve=g({name:"ElStep"});var j=Q(g({...ve,props:ce,setup(S){const m=S,a=M("step"),u=B(-1),v=B({}),p=B(""),t=ae("ElSteps"),l=T();te(()=>{C([()=>t.props.active,()=>t.props.processStatus,()=>t.props.finishStatus],([s])=>{G(s)},{immediate:!0})}),ie(()=>{t.removeStep(z.uid)});const r=n(()=>m.status||p.value),Y=n(()=>{const s=t.steps.value[u.value-1];return s?s.currentStatus:"wait"}),E=n(()=>t.props.alignCenter),W=n(()=>t.props.direction==="vertical"),c=n(()=>t.props.simple),b=n(()=>t.steps.value.length),q=n(()=>{var s;return((s=t.steps.value[b.value-1])==null?void 0:s.uid)===(l==null?void 0:l.uid)}),y=n(()=>c.value?"":t.props.space),Z=n(()=>[a.b(),a.is(c.value?"simple":t.props.direction),a.is("flex",q.value&&!y.value&&!E.value),a.is("center",E.value&&!W.value&&!c.value)]),A=n(()=>{const s={flexBasis:K(y.value)?`${y.value}px`:y.value?y.value:100/(b.value-(E.value?0:1))+"%"};return W.value||q.value&&(s.maxWidth=100/b.value+"%"),s}),G=s=>{s>u.value?p.value=t.props.finishStatus:s===u.value&&Y.value!=="error"?p.value=t.props.processStatus:p.value="wait";const d=t.steps.value[u.value-1];d&&d.calcProgress(p.value)},z=le({uid:l.uid,currentStatus:r,setIndex:s=>{u.value=s},calcProgress:s=>{const d=s==="wait",_={transitionDelay:`${d?"-":""}${150*u.value}ms`},D=s===t.props.processStatus||d?0:100;_.borderWidth=D&&!c.value?"1px":0,_[t.props.direction==="vertical"?"height":"width"]=`${D}%`,v.value=_}});return t.addStep(z),(s,d)=>(o(),f("div",{style:U(e(A)),class:i(e(Z))},[w(" icon & line "),h("div",{class:i([e(a).e("head"),e(a).is(e(r))])},[e(c)?w("v-if",!0):(o(),f("div",{key:0,class:i(e(a).e("line"))},[h("i",{class:i(e(a).e("line-inner")),style:U(v.value)},null,6)],2)),h("div",{class:i([e(a).e("icon"),e(a).is(s.icon||s.$slots.icon?"icon":"text")])},[$(s.$slots,"icon",{},()=>[s.icon?(o(),x(e(k),{key:0,class:i(e(a).e("icon-inner"))},{default:N(()=>[(o(),x(re(s.icon)))]),_:1},8,["class"])):e(r)==="success"?(o(),x(e(k),{key:1,class:i([e(a).e("icon-inner"),e(a).is("status")])},{default:N(()=>[V(e(L))]),_:1},8,["class"])):e(r)==="error"?(o(),x(e(k),{key:2,class:i([e(a).e("icon-inner"),e(a).is("status")])},{default:N(()=>[V(e(O))]),_:1},8,["class"])):e(c)?w("v-if",!0):(o(),f("div",{key:3,class:i(e(a).e("icon-inner"))},P(u.value+1),3))])],2)],2),w(" title & description "),h("div",{class:i(e(a).e("main"))},[h("div",{class:i([e(a).e("title"),e(a).is(e(r))])},[$(s.$slots,"title",{},()=>[X(P(s.title),1)])],2),e(c)?(o(),f("div",{key:0,class:i(e(a).e("arrow"))},null,2)):(o(),f("div",{key:1,class:i([e(a).e("description"),e(a).is(e(r))])},[$(s.$slots,"description",{},()=>[X(P(s.description),1)])],2))],2)],6))}}),[["__file","item.vue"]]);const de=R(pe,{Step:j}),fe=ee(j);export{fe as E,de as a};