TabsForm-a2605494.js
3.37 KB
var F=(t,i,n)=>new Promise((r,_)=>{var p=s=>{try{c(n.next(s))}catch(o){_(o)}},l=s=>{try{c(n.throw(s))}catch(o){_(o)}},c=s=>s.done?r(s.value):Promise.resolve(s.value).then(p,l);c((n=n.apply(t,i)).next())});import{d as k,k as y,a8 as d,x as B,v as $,_ as v,a9 as C,aa as u,a0 as E,f as b,E as g,$ as T,F as P,ab as K,ad as w}from"./vue-5a35c3f5.js";import{P as V}from"./index-f532aa07.js";import{aW as A,aS as D,a as S,_ as R}from"./index.js";import{B as W}from"./BasicForm-53100365.js";import"./componentMap-4d1c941b.js";import{u as M}from"./useForm-86d11f60.js";import"./RadioButtonGroup-72b65d2e.js";import{af as h,K as N}from"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";import"./FormItem-ffc5ecef.js";import"./helper-95474dfc.js";import"./BasicForm.vue_vue_type_style_index_0_lang-3479a052.js";import"./uniqBy-0cd5a663.js";import"./index-c1c2669a.js";import"./useFormItem-9ea791b8.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";const j=k({name:"TabsFormDemo",components:{Tabs:h,TabPane:h.TabPane,PageWrapper:V,CollapseContainer:A,BasicForm:W},setup(){const{createMessage:t}=S(),i=y("tabs2"),n=y(!1),r=[],_={showActionButtonGroup:!1,labelWidth:100},p={};for(let o=1;o<=5;++o){const e=`tabs${o}`,m=[],f={};for(let a=1;a<=8;++a)m.push({field:`${e}.field${a}`,label:`${e}-field${a}`,component:"Input",colProps:{span:24}}),f[`field${a}`]=`field: ${e}.field${a}, default value`;p[e]=f,r.push({key:e,tab:e,forceRender:!0,Form:M(Object.assign({schemas:m},_))})}function l(){return F(this,null,function*(){for(const o of r){const{resetFields:e}=o.Form[1];yield e()}})}function c(){return F(this,null,function*(){let o="";n.value=!0;try{const e={};for(const m of r){o=m.key;const{validate:f,getFieldsValue:a}=m.Form[1];yield f(),D(e,a())}console.log("submit values: ",e),t.success("提交成功！请打开控制台查看")}catch(e){i.value=o,console.log(e)}finally{n.value=!1}})}function s(){return F(this,null,function*(){console.log("默认值为: ",p);for(const o of r){const{setFieldsValue:e}=o.Form[1];yield e(p)}})}return{omit:N,loading:n,activeKey:i,tabsFormSchema:r,handleReset:l,handleSubmit:c,handleSetValues:s}}}),G={class:"mb-4"};function I(t,i,n,r,_,p){const l=d("a-button"),c=d("BasicForm"),s=d("TabPane"),o=d("Tabs"),e=d("CollapseContainer"),m=d("PageWrapper"),f=B("loading");return $((v(),C(m,{title:"标签页+多级field表单"},{default:u(()=>[E("div",G,[b(l,{onClick:t.handleReset,class:"mr-2"},{default:u(()=>[g(" 重置表单 ")]),_:1},8,["onClick"]),b(l,{onClick:t.handleSetValues,class:"mr-2"},{default:u(()=>[g(" 设置默认值 ")]),_:1},8,["onClick"]),b(l,{onClick:t.handleSubmit,class:"mr-2",type:"primary"},{default:u(()=>[g(" 提交表单 ")]),_:1},8,["onClick"])]),b(e,{title:"标签页+多级field表单"},{default:u(()=>[b(o,{activeKey:t.activeKey,"onUpdate:activeKey":i[0]||(i[0]=a=>t.activeKey=a)},{default:u(()=>[(v(!0),T(P,null,K(t.tabsFormSchema,a=>(v(),C(s,w({key:a.key},t.omit(a,["Form","key"])),{default:u(()=>[b(c,{onRegister:a.Form[0]},null,8,["onRegister"])]),_:2},1040))),128))]),_:1},8,["activeKey"])]),_:1})]),_:1})),[[f,t.loading]])}const pe=R(j,[["render",I],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/form/TabsForm.vue"]]);export{pe as default};