| 12 |
- import{i as F,E as C}from"./index-7588b595.js";import{E as ee}from"./index-9f1dc126.js";import{j as z,af as se,m as $,a3 as te,q as ae,t as D,z as u,o as n,b as p,C as i,u as e,R as d,e as m,d as v,c as g,a as _,L as G,a2 as w,X as E,f as I,V as K,l as M,w as V,ag as ie,ah as O,r as H,ai as re,B as le,aj as ne,ac as oe,D as A,ak as ce,F as ue,al as pe}from"./index-312d0758.js";import{_ as j}from"./plugin-vue_export-helper-1cff8a04.js";import{C as R}from"./event-9519ab40.js";import{u as de}from"./index-d2800944.js";const ve=z({icon:{type:F,default:()=>se},title:String,content:{type:String,default:""}}),fe={back:()=>!0},me=["aria-label"],Se=$({name:"ElPageHeader"}),he=$({...Se,props:ve,emits:fe,setup(y,{emit:S}){const s=te(),{t:o}=ae(),l=D("page-header"),f=u(()=>[l.b(),{[l.m("has-breadcrumb")]:!!s.breadcrumb,[l.m("has-extra")]:!!s.extra,[l.is("contentful")]:!!s.default}]);function r(){S("back")}return(a,c)=>(n(),p("div",{class:i(e(f))},[a.$slots.breadcrumb?(n(),p("div",{key:0,class:i(e(l).e("breadcrumb"))},[d(a.$slots,"breadcrumb")],2)):m("v-if",!0),v("div",{class:i(e(l).e("header"))},[v("div",{class:i(e(l).e("left"))},[v("div",{class:i(e(l).e("back")),role:"button",tabindex:"0",onClick:r},[a.icon||a.$slots.icon?(n(),p("div",{key:0,"aria-label":a.title||e(o)("el.pageHeader.title"),class:i(e(l).e("icon"))},[d(a.$slots,"icon",{},()=>[a.icon?(n(),g(e(C),{key:0},{default:_(()=>[(n(),g(G(a.icon)))]),_:1})):m("v-if",!0)])],10,me)):m("v-if",!0),v("div",{class:i(e(l).e("title"))},[d(a.$slots,"title",{},()=>[w(E(a.title||e(o)("el.pageHeader.title")),1)])],2)],2),I(e(ee),{direction:"vertical"}),v("div",{class:i(e(l).e("content"))},[d(a.$slots,"content",{},()=>[w(E(a.content),1)])],2)],2),a.$slots.extra?(n(),p("div",{key:0,class:i(e(l).e("extra"))},[d(a.$slots,"extra")],2)):m("v-if",!0)],2),a.$slots.default?(n(),p("div",{key:1,class:i(e(l).e("main"))},[d(a.$slots,"default")],2)):m("v-if",!0)],2))}});var ye=j(he,[["__file","page-header.vue"]]);const ze=K(ye),be=z({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"}}),ge={[R]:(y,S)=>[y,S].every(M)},$e=$({name:"ElSteps"}),ke=$({...$e,props:be,emits:ge,setup(y,{emit:S}){const s=y,o=D("steps"),{children:l,addChild:f,removeChild:r}=de(O(),"ElStep");return V(l,()=>{l.value.forEach((a,c)=>{a.setIndex(c)})}),ie("ElSteps",{props:s,steps:l,addStep:f,removeStep:r}),V(()=>s.active,(a,c)=>{S(R,a,c)}),(a,c)=>(n(),p("div",{class:i([e(o).b(),e(o).m(a.simple?"simple":a.direction)])},[d(a.$slots,"default")],2))}});var Ee=j(ke,[["__file","steps.vue"]]);const Ce=z({title:{type:String,default:""},icon:{type:F},description:{type:String,default:""},status:{type:String,values:["","wait","process","finish","error","success"],default:""}}),_e=$({name:"ElStep"}),we=$({..._e,props:Ce,setup(y){const S=y,s=D("step"),o=H(-1),l=H({}),f=H(""),r=re("ElSteps"),a=O();le(()=>{V([()=>r.props.active,()=>r.props.processStatus,()=>r.props.finishStatus],([t])=>{x(t)},{immediate:!0})}),ne(()=>{r.removeStep(W.uid)});const c=u(()=>S.status||f.value),X=u(()=>{const t=r.steps.value[o.value-1];return t?t.currentStatus:"wait"}),N=u(()=>r.props.alignCenter),L=u(()=>r.props.direction==="vertical"),h=u(()=>r.props.simple),P=u(()=>r.steps.value.length),T=u(()=>{var t;return((t=r.steps.value[P.value-1])==null?void 0:t.uid)===(a==null?void 0:a.uid)}),k=u(()=>h.value?"":r.props.space),J=u(()=>[s.b(),s.is(h.value?"simple":r.props.direction),s.is("flex",T.value&&!k.value&&!N.value),s.is("center",N.value&&!L.value&&!h.value)]),Q=u(()=>{const t={flexBasis:M(k.value)?`${k.value}px`:k.value?k.value:`${100/(P.value-(N.value?0:1))}%`};return L.value||T.value&&(t.maxWidth=`${100/P.value}%`),t}),Y=t=>{o.value=t},Z=t=>{const b=t==="wait",B={transitionDelay:`${b?"-":""}${150*o.value}ms`},q=t===r.props.processStatus||b?0:100;B.borderWidth=q&&!h.value?"1px":0,B[r.props.direction==="vertical"?"height":"width"]=`${q}%`,l.value=B},x=t=>{t>o.value?f.value=r.props.finishStatus:t===o.value&&X.value!=="error"?f.value=r.props.processStatus:f.value="wait";const b=r.steps.value[o.value-1];b&&b.calcProgress(f.value)},W=oe({uid:a.uid,currentStatus:c,setIndex:Y,calcProgress:Z});return r.addStep(W),(t,b)=>(n(),p("div",{style:A(e(Q)),class:i(e(J))},[m(" icon & line "),v("div",{class:i([e(s).e("head"),e(s).is(e(c))])},[e(h)?m("v-if",!0):(n(),p("div",{key:0,class:i(e(s).e("line"))},[v("i",{class:i(e(s).e("line-inner")),style:A(l.value)},null,6)],2)),v("div",{class:i([e(s).e("icon"),e(s).is(t.icon||t.$slots.icon?"icon":"text")])},[d(t.$slots,"icon",{},()=>[t.icon?(n(),g(e(C),{key:0,class:i(e(s).e("icon-inner"))},{default:_(()=>[(n(),g(G(t.icon)))]),_:1},8,["class"])):e(c)==="success"?(n(),g(e(C),{key:1,class:i([e(s).e("icon-inner"),e(s).is("status")])},{default:_(()=>[I(e(ce))]),_:1},8,["class"])):e(c)==="error"?(n(),g(e(C),{key:2,class:i([e(s).e("icon-inner"),e(s).is("status")])},{default:_(()=>[I(e(ue))]),_:1},8,["class"])):e(h)?m("v-if",!0):(n(),p("div",{key:3,class:i(e(s).e("icon-inner"))},E(o.value+1),3))])],2)],2),m(" title & description "),v("div",{class:i(e(s).e("main"))},[v("div",{class:i([e(s).e("title"),e(s).is(e(c))])},[d(t.$slots,"title",{},()=>[w(E(t.title),1)])],2),e(h)?(n(),p("div",{key:0,class:i(e(s).e("arrow"))},null,2)):(n(),p("div",{key:1,class:i([e(s).e("description"),e(s).is(e(c))])},[d(t.$slots,"description",{},()=>[w(E(t.description),1)])],2))],2)],6))}});var U=j(we,[["__file","item.vue"]]);const De=K(Ee,{Step:U}),je=pe(U);export{ze as E,je as a,De as b};
|
