AppendForm-DmEaCdMi.js 4.0 KB

1
  1. var $=(h,d,t)=>new Promise((b,o)=>{var v=e=>{try{p(t.next(e))}catch(s){o(s)}},_=e=>{try{p(t.throw(e))}catch(s){o(s)}},p=e=>e.done?b(e.value):Promise.resolve(e.value).then(v,_);p((t=t.apply(h,d)).next())});import{_ as k}from"./BasicForm.vue_vue_type_script_setup_true_lang-CFZcuue5.js";import"./BasicForm.vue_vue_type_style_index_0_lang-HSLsn_ym.js";import"./componentMap-BCS30Piw.js";import{u as y}from"./useForm-BVkchyna.js";import{C as I,a as W}from"./entry/index-C17E5Aqh.js";import{P as w}from"./index-Dp1wYNZe.js";import{d as A,f as g,a9 as M,Z as m,a7 as f,a8 as a,k as l,u as n,G as u,ab as C}from"./vue-ByATgq5d.js";import"./FormItem.vue_vue_type_script_lang-BXKcfqe-.js";import"./helper-BstPbuXQ.js";import"./antd-FjOLgRLC.js";import"./index-BzY6kAqa.js";import"./useWindowSizeFn-D8-jNAUn.js";import"./useFormItem-DmfL7Ss_.js";import"./RadioButtonGroup.vue_vue_type_script_setup_true_lang-D1TWC5U3.js";import"./index-CJ9IJZ6V.js";import"./uuid-D0SLUWHI.js";import"./useSortable-ByzHqV5X.js";import"./download-BGbpuxZu.js";import"./base64Conver-bBv-IO2K.js";import"./index-DI1OQsgv.js";import"./IconPicker.vue_vue_type_script_setup_true_lang-DvdeuzSL.js";import"./copyTextToClipboard-D9zCzvi-.js";import"./index-B1NsfGPK.js";import"./index-gY5k7B8D.js";import"./useContentViewHeight-C55F9Pfv.js";import"./onMountedOrActivated-BDlj7Upy.js";const fe=A({__name:"AppendForm",setup(h){const{createMessage:d}=W(),t=g(0),[b,{appendSchemaByField:o,removeSchemaByField:v,validate:_}]=y({schemas:[{field:"field0a",component:"Input",label:"字段0",required:!0},{field:"field0b",component:"Input",label:"字段0",required:!0},{field:"0",label:" ",slot:"add"}],labelWidth:100,actionColOptions:{span:24},baseColProps:{span:8}});function p(){return $(this,null,function*(){try{const i=yield _();d.success("请前往控制台查看输出")}catch(i){}})}const e=g(1);function s(){o({field:`field${e.value}a`,component:"Input",label:"字段"+e.value,required:!0},""),o({field:`field${e.value}b`,component:"Input",label:"字段"+e.value,required:!0},""),o({field:`${e.value}`,component:"Input",label:" ",slot:"add"},""),e.value++}function F(){o([{field:`field${e.value}a`,component:"Input",label:"字段"+e.value,required:!0},{field:`field${e.value}b`,component:"Input",label:"字段"+e.value,required:!0},{field:`${e.value}`,component:"Input",label:" ",slot:"add"}],""),e.value++}function S(i){v([`field${i}a`,`field${i}b`,`${i}`]),e.value--}const[G,{appendSchemaByField:B,removeSchemaByField:P,getFieldsValue:O,setFieldsValue:q}]=y({schemas:[{field:`field[${t.value}].a`,component:"Input",label:"字段a",colProps:{span:9}},{field:`field[${t.value}].b`,colProps:{span:9},component:"Input",label:"字段b"}],labelWidth:100,actionColOptions:{span:24},baseColProps:{span:8}});function N(){t.value++,B([{field:`field[${t.value}].a`,component:"Input",colProps:{span:9},label:"字段a"},{field:`field[${t.value}].b`,component:"Input",colProps:{span:9},label:"字段b"}],"")}function V(){P([`field[${t.value}].a`,`field[${t.value}].b`]),t.value--}function x(){q({field:[{a:"默认a",b:"默认b"}]})}function R(){d.success("请前往控制台查看输出")}return(i,T)=>{const r=M("a-button");return m(),f(n(w),{title:"表单增删示例"},{default:a(()=>[l(n(I),{title:"表单项增删"},{default:a(()=>[l(n(k),{onRegister:n(b),onSubmit:p},{add:a(({field:c})=>[Number(c)===0?(m(),f(r,{key:0,onClick:s},{default:a(()=>[u("+")]),_:1})):C("",!0),Number(c)===0?(m(),f(r,{key:1,class:"ml-2",onClick:F},{default:a(()=>[u(" 批量添加表单配置 ")]),_:1})):C("",!0),Number(c)>0?(m(),f(r,{key:2,onClick:()=>S(c)},{default:a(()=>[u("-")]),_:2},1032,["onClick"])):C("",!0)]),_:1},8,["onRegister"])]),_:1}),l(n(I),{title:"表单组增删",class:"my-3"},{default:a(()=>[l(r,{onClick:x},{default:a(()=>[u("设置初始值")]),_:1}),l(r,{class:"m-2",onClick:N},{default:a(()=>[u(" 批量添加表单 ")]),_:1}),l(r,{onClick:V},{default:a(()=>[u("批量减少表单")]),_:1}),l(n(k),{onRegister:n(G),onSubmit:R},null,8,["onRegister"])]),_:1})]),_:1})}}});export{fe as default};