2 lines
3.4 KiB
JavaScript
2 lines
3.4 KiB
JavaScript
import{p as b,d as L,a as _,s as V,C as q,b as p,j as m,k as f,m as o,u as A,q as l,r as D,o as G,ad as M,A as O,t as c,f as r,c as S,x as g,B as w,F as W,l as H,b6 as J}from"./index-7b3f5fdc.js";const R=b(L({name:"LayStep",__name:"index",props:{active:{default:0},center:{type:Boolean,default:!1},direction:{default:"horizontal"},space:{default:"auto"},currentStatus:{default:"success"},composition:{default:"default"},simple:{type:Boolean,default:!1}},emits:["onChange"],setup($,{emit:a}){const t=$,s=_([]),v=a;return V(s,()=>{s.value.forEach((i,u)=>{i.setIndex(u)})}),q("LayStep",{props:t,steps:s,change:i=>{v("onChange",i-1)}}),(i,u)=>(p(),m("div",{class:o(["lay-step",i.direction!=="vertical"?"":"lay-step-column"])},[f(i.$slots,"default")],2))}})),K={key:0},P={class:"lay-step-item-content-title"},X=b(L({name:"LayStepItem",__name:"index",props:{title:{default:""},content:{default:""},icon:{default:""},status:{default:""}},setup($){const a=_(-1),t=A("LayStep"),s=J(),v=e=>{t.change(e)},i=l(()=>t.steps.value.length),u=l(()=>t.props.currentStatus),z=l(()=>t.props.simple),k=l(()=>t.props.composition),x=l(()=>t.props.active),j=l(()=>t.props.active+1),B=l(()=>t.props.space),E=l(()=>t.props.direction==="vertical"),d=l(()=>k.value==="default"&&t.props.center),F=l(()=>a.value<=t.props.active-1),C=l(()=>a.value===t.props.active+1),N=l(()=>a.value-1<=t.props.active),y=l(()=>a.value<=t.props.active),h=l(()=>{var e;return((e=t.steps.value[i.value-1])==null?void 0:e.itemId)===s.uid}),T=l(()=>{var e;return((e=t.steps.value[0])==null?void 0:e.itemId)===s.uid}),U=D({itemId:l(()=>s==null?void 0:s.uid),setIndex:e=>{a.value=e}});return t.steps.value=[...t.steps.value,U],G(()=>{}),M(()=>{t.steps.value=t.steps.value.filter(e=>e.itemId!==s.uid)}),(e,n)=>z.value?(p(),m("div",{key:1,class:o(["lay-step-item","lay-step-simple",T.value?"":"lay-step-item-simple","lay-step-item-simple-border",y.value?"lay-step-item-simple-active":"",x.value===a.value?`lay-step-item-simple-${u.value}`:"",j.value===a.value?`lay-step-item-simple-${u.value}-border`:"",N.value?"lay-step-item-simple-active-border":""]),onClick:n[2]||(n[2]=I=>v(a.value+1))},[f(e.$slots,"default",{},()=>[O(c(a.value+1)+"."+c(e.title),1)])],2)):(p(),m("div",{key:0,class:o(["lay-step-item",h.value&&!d.value&&k.value!=="row"?"lay-step-item-last":"",d.value?"is-item-center":"",E.value?"is-vertical":""]),style:H({flexBasis:B.value,flexGrow:B.value==="auto"?1:0})},[r("div",{class:o([h.value?"":F.value?`lay-step-item-line lay-step-item-line-${e.status||"active"}`:"lay-step-item-line",d.value?"is-line-center":""])},[r("div",{class:o(["lay-step-item-pace",y.value?"lay-step-item-active":"",x.value===a.value?`lay-step-item--${u.value}`:"",e.status?`lay-step-item-${e.status}`:"",C.value?"lay-step-item-wait":"",d.value?"is-center":""]),onClick:n[0]||(n[0]=I=>v(a.value+1))},[f(e.$slots,"pace",{},()=>[e.icon?(p(),S(g(w),{key:0,type:e.icon},null,8,["type"])):(p(),m(W,{key:1},[y.value?(p(),S(g(w),{key:1,type:e.status==="fail"?"layui-icon-close":"layui-icon-ok"},null,8,["type"])):(p(),m("span",K,c(a.value+1),1))],64))])],2)],2),r("div",{class:o(["lay-step-item-content",k.value==="row"?"lay-step-item-content-row":"",y.value?"lay-step-item-content-active":"",x.value===a.value?`lay-step-item-content--${u.value}`:"",e.status?`lay-step-item-content-${e.status}`:"",C.value?"lay-step-item-content-wait":""]),onClick:n[1]||(n[1]=I=>v(a.value+1))},[f(e.$slots,"default",{},()=>[r("div",P,c(e.title),1),r("p",null,c(e.content),1)])],2)],6))}}));export{R as B,X as W};
|