mirror of
https://gitee.com/niucloud-team/niucloud-admin.git
synced 2026-01-19 09:48:11 +00:00
2 lines
4.3 KiB
JavaScript
2 lines
4.3 KiB
JavaScript
import{b as M,a as F,t as O,E as b,m as Q,a7 as R}from"./index-72686045.js";import{C as U}from"./event-a537c4cb.js";import{u as W,_ as j,w as X,a as Y}from"./base-0e92f4db.js";import{d as C,r as E,w as P,E as Z,b as o,e as m,g as k,n,u as e,D as ee,o as se,J as te,c as l,M as ae,C as _,f as g,h as z,m as w,p as B,U as ne,q as x,x as I,v as T,K as ie}from"./runtime-core.esm-bundler-67034826.js";const re=M({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"}}),le={[U]:(f,S)=>[f,S].every(F)},oe=C({name:"ElSteps"}),ce=C({...oe,props:re,emits:le,setup(f,{emit:S}){const t=f,r=W("steps"),p=E([]);return P(p,()=>{p.value.forEach((i,a)=>{i.setIndex(a)})}),Z("ElSteps",{props:t,steps:p}),P(()=>t.active,(i,a)=>{S(U,i,a)}),(i,a)=>(o(),m("div",{class:n([e(r).b(),e(r).m(i.simple?"simple":i.direction)])},[k(i.$slots,"default")],2))}});var ue=j(ce,[["__file","/home/runner/work/element-plus/element-plus/packages/components/steps/src/steps.vue"]]);const pe=M({title:{type:String,default:""},icon:{type:O},description:{type:String,default:""},status:{type:String,values:["","wait","process","finish","error","success"],default:""}}),ve=C({name:"ElStep"}),de=C({...ve,props:pe,setup(f){const S=f,t=W("step"),r=E(-1),p=E({}),i=E(""),a=ee("ElSteps"),v=ie();se(()=>{P([()=>a.props.active,()=>a.props.processStatus,()=>a.props.finishStatus],([s])=>{K(s)},{immediate:!0})}),te(()=>{a.steps.value=a.steps.value.filter(s=>s.uid!==(v==null?void 0:v.uid))});const d=l(()=>S.status||i.value),A=l(()=>{const s=a.steps.value[r.value-1];return s?s.currentStatus:"wait"}),$=l(()=>a.props.alignCenter),V=l(()=>a.props.direction==="vertical"),u=l(()=>a.props.simple),N=l(()=>a.steps.value.length),D=l(()=>{var s;return((s=a.steps.value[N.value-1])==null?void 0:s.uid)===(v==null?void 0:v.uid)}),y=l(()=>u.value?"":a.props.space),G=l(()=>{const s={flexBasis:typeof y.value=="number"?`${y.value}px`:y.value?y.value:`${100/(N.value-($.value?0:1))}%`};return V.value||D.value&&(s.maxWidth=`${100/N.value}%`),s}),H=s=>{r.value=s},J=s=>{let c=100;const h={};h.transitionDelay=`${150*r.value}ms`,s===a.props.processStatus?c=0:s==="wait"&&(c=0,h.transitionDelay=`${-150*r.value}ms`),h.borderWidth=c&&!u.value?"1px":0,h[a.props.direction==="vertical"?"height":"width"]=`${c}%`,p.value=h},K=s=>{s>r.value?i.value=a.props.finishStatus:s===r.value&&A.value!=="error"?i.value=a.props.processStatus:i.value="wait";const c=a.steps.value[r.value-1];c&&c.calcProgress(i.value)},L=ae({uid:l(()=>v==null?void 0:v.uid),currentStatus:d,setIndex:H,calcProgress:J});return a.steps.value=[...a.steps.value,L],(s,c)=>(o(),m("div",{style:z(e(G)),class:n([e(t).b(),e(t).is(e(u)?"simple":e(a).props.direction),e(t).is("flex",e(D)&&!e(y)&&!e($)),e(t).is("center",e($)&&!e(V)&&!e(u))])},[_(" icon & line "),g("div",{class:n([e(t).e("head"),e(t).is(e(d))])},[e(u)?_("v-if",!0):(o(),m("div",{key:0,class:n(e(t).e("line"))},[g("i",{class:n(e(t).e("line-inner")),style:z(p.value)},null,6)],2)),g("div",{class:n([e(t).e("icon"),e(t).is(s.icon||s.$slots.icon?"icon":"text")])},[k(s.$slots,"icon",{},()=>[s.icon?(o(),w(e(b),{key:0,class:n(e(t).e("icon-inner"))},{default:B(()=>[(o(),w(ne(s.icon)))]),_:1},8,["class"])):e(d)==="success"?(o(),w(e(b),{key:1,class:n([e(t).e("icon-inner"),e(t).is("status")])},{default:B(()=>[x(e(Q))]),_:1},8,["class"])):e(d)==="error"?(o(),w(e(b),{key:2,class:n([e(t).e("icon-inner"),e(t).is("status")])},{default:B(()=>[x(e(R))]),_:1},8,["class"])):e(u)?_("v-if",!0):(o(),m("div",{key:3,class:n(e(t).e("icon-inner"))},I(r.value+1),3))])],2)],2),_(" title & description "),g("div",{class:n(e(t).e("main"))},[g("div",{class:n([e(t).e("title"),e(t).is(e(d))])},[k(s.$slots,"title",{},()=>[T(I(s.title),1)])],2),e(u)?(o(),m("div",{key:0,class:n(e(t).e("arrow"))},null,2)):(o(),m("div",{key:1,class:n([e(t).e("description"),e(t).is(e(d))])},[k(s.$slots,"description",{},()=>[T(I(s.description),1)])],2))],2)],6))}});var q=j(de,[["__file","/home/runner/work/element-plus/element-plus/packages/components/steps/src/item.vue"]]);const he=X(ue,{Step:q}),ge=Y(q);export{he as E,ge as a};
|