index-9c05cd93.js
2.8 KB
var P=Object.defineProperty;var f=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,k=Object.prototype.propertyIsEnumerable;var _=(e,t,o)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,S=(e,t)=>{for(var o in t||(t={}))A.call(t,o)&&_(e,o,t[o]);if(f)for(var o of f(t))k.call(t,o)&&_(e,o,t[o]);return e};import{d as x,k as b,r as R,H as w,a8 as r,_ as a,a9 as i,aa as v,a0 as h,f as p,v as s,A as m,ac as F}from"./vue-5a35c3f5.js";import y from"./Step1-52e4b2fe.js";import D from"./Step2-4535471d.js";import $ from"./Step3-21f7f3f9.js";import{P as V}from"./index-f532aa07.js";import{bK as u}from"./antd-6b087f69.js";import{_ as W}from"./index.js";import"./BasicForm-53100365.js";import"./FormItem-ffc5ecef.js";import"./componentMap-4d1c941b.js";import"./useFormItem-9ea791b8.js";import"./RadioButtonGroup-72b65d2e.js";import"./index-c1c2669a.js";import"./useWindowSizeFn-cc2fb57c.js";import"./uuid-31b8b5a4.js";import"./download-3d468407.js";import"./base64Conver-39fc0d26.js";import"./index-1ca3bd8a.js";import"./IconPicker-6bbd557c.js";import"./index-9a895eb5.js";import"./helper-95474dfc.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./useForm-86d11f60.js";import"./data-6b084658.js";import"./useContentViewHeight-d0a5c58e.js";import"./onMountedOrActivated-52afb7a7.js";const H=x({name:"FormStepPage",components:{Step1:y,Step2:D,Step3:$,PageWrapper:V,[u.name]:u,[u.Step.name]:u.Step},setup(){const e=b(0),t=R({initSetp2:!1,initSetp3:!1});function o(n){e.value++,t.initSetp2=!0,console.log(n)}function c(){e.value--}function l(n){e.value++,t.initSetp3=!0,console.log(n)}function d(){e.value=0,t.initSetp2=!1,t.initSetp3=!1}return S({current:e,handleStep1Next:o,handleStep2Next:l,handleRedo:d,handleStepPrev:c},w(t))}});const I={class:"step-form-form"},K={class:"mt-5"};function j(e,t,o,c,l,d){const n=r("a-step"),B=r("a-steps"),C=r("Step1"),N=r("Step2"),g=r("Step3"),E=r("PageWrapper");return a(),i(E,{title:"分步表单",contentBackground:"",content:" 将一个冗长或用户不熟悉的表单任务分成多个步骤，指导用户完成。",contentClass:"p-4"},{default:v(()=>[h("div",I,[p(B,{current:e.current},{default:v(()=>[p(n,{title:"填写转账信息"}),p(n,{title:"确认转账信息"}),p(n,{title:"完成"})]),_:1},8,["current"])]),h("div",K,[s(p(C,{onNext:e.handleStep1Next},null,8,["onNext"]),[[m,e.current===0]]),e.initSetp2?s((a(),i(N,{key:0,onPrev:e.handleStepPrev,onNext:e.handleStep2Next},null,8,["onPrev","onNext"])),[[m,e.current===1]]):F("v-if",!0),e.initSetp3?s((a(),i(g,{key:1,onRedo:e.handleRedo},null,8,["onRedo"])),[[m,e.current===2]]):F("v-if",!0)])]),_:1})}const _e=W(H,[["render",j],["__scopeId","data-v-b53db3e2"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/page/form/step/index.vue"]]);export{_e as default};