import{_ as v}from"./Step1.vue_vue_type_script_setup_true_lang-BWHr5WSr.js";import{_ as x}from"./Step2.vue_vue_type_script_setup_true_lang--Ua50MS2.js";import S from"./Step3-CIei5Yto.js";import{v as k,r as i,h as N,o as n,i as b,j as t,w as s,p as g,W as h,H as y,c as a,D as r,eW as B,eX as V}from"./index-9PRMimni.js";const C={class:"n-layout-page-header"},F={__name:"stepForm",setup(j){const e=i(1),l=i("process");function _(){e.value<3&&(e.value+=1)}function c(){e.value>1&&(e.value-=1)}function m(){e.value=1}return(w,p)=>{const u=h,o=V,d=B,f=y;return n(),N("div",null,[b("div",C,[t(u,{bordered:!1,title:"分步表单"},{default:s(()=>p[0]||(p[0]=[g(" 将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。 ")])),_:1})]),t(u,{bordered:!1,class:"mt-3 proCard"},{default:s(()=>[t(f,{vertical:"",class:"steps",justify:"center"},{default:s(()=>[t(d,{current:e.value,status:l.value},{default:s(()=>[t(o,{title:"填写转账信息",description:"确保填写正确"}),t(o,{title:"确认转账信息",description:"确认转账信息"}),t(o,{title:"完成转账",description:"恭喜您，转账成功"})]),_:1},8,["current","status"]),e.value===1?(n(),a(v,{key:0,onNextStep:_})):r("",!0),e.value===2?(n(),a(x,{key:1,onNextStep:_,onPrevStep:c})):r("",!0),e.value===3?(n(),a(S,{key:2,onPrevStep:c,onFinish:m})):r("",!0)]),_:1})]),_:1})])}}},D=k(F,[["__scopeId","data-v-b4ab60f3"]]);export{D as default};
