| 1 |
- var _=(h,m,n)=>new Promise((f,i)=>{var u=l=>{try{p(n.next(l))}catch(s){i(s)}},b=l=>{try{p(n.throw(l))}catch(s){i(s)}},p=l=>l.done?f(l.value):Promise.resolve(l.value).then(u,b);p((n=n.apply(h,m)).next())});import{_ as P}from"./BasicForm.vue_vue_type_script_setup_true_lang-BhiE9_bz.js";import"./BasicForm.vue_vue_type_style_index_0_lang-BiIkb6ny.js";import{u as g}from"./useForm-B90AflV1.js";import{bm as C}from"./entry/index-BaQQ7BQ_.js";import{P as W}from"./index-YMO-C9So.js";import{d as F,a8 as S,Z as y,a6 as v,a7 as t,$ as I,k as o,G as d,u as a}from"./vue-CF9JqwIh.js";import"./FormItem.vue_vue_type_script_lang-Dp4O1V3R.js";import"./antd-ILpsl5AZ.js";import"./index-CFMHSB5r.js";import"./useWindowSizeFn-CiJNBK0Q.js";import"./index-L2ZLrFTi.js";import"./index-CXGOl87Z.js";import"./uuid-BUBnBT7J.js";import"./useSortable-6iYBSviO.js";import"./download-D1ZoFQnu.js";import"./base64Conver-BAcTuUD2.js";import"./index-BDVnX7zP.js";import"./IconPicker.vue_vue_type_script_setup_true_lang-0J_QZbkb.js";import"./copyTextToClipboard-Cu8x8bym.js";import"./index-D6Qi77pD.js";import"./index-Pqf9ZLE_.js";import"./onMountedOrActivated-D34Dt7uC.js";import"./index-D6-fj_Lr.js";import"./resourceApi-D9gL48ec.js";import"./useContentViewHeight-DuQo8tYw.js";const N={class:"mb-4"},oe=F({__name:"DynamicForm",setup(h){const m=[{field:"field1",component:"Input",label:"字段1",colProps:{span:8},show:({values:e})=>!!e.field5},{field:"field2",component:"Input",label:"字段2",colProps:{span:8},ifShow:({values:e})=>!!e.field6},{field:"field3",component:"DatePicker",label:"字段3",colProps:{span:8},dynamicDisabled:({values:e})=>!!e.field7},{field:"field4",component:"Select",label:"字段4",colProps:{span:8},dynamicRules:({values:e})=>e.field8?[{required:!0,message:"字段4必填"}]:[],componentProps:{options:[{label:"选项1",value:"1",key:"1"},{label:"选项2",value:"2",key:"2"}]}},{field:"field11",component:"DatePicker",label:"字段11",colProps:{span:8}},{field:"field5",component:"Switch",label:"是否显示字段1(css控制)",colProps:{span:8},labelWidth:200},{field:"field6",component:"Switch",label:"是否显示字段2(dom控制)",colProps:{span:8},labelWidth:200},{field:"field7",component:"Switch",label:"是否禁用字段3",colProps:{span:8},labelWidth:200},{field:"field8",component:"Switch",label:"字段4是否必填",colProps:{span:8},labelWidth:200}],n=[{field:"f1",component:"Input",label:"F1",colProps:{span:12},labelWidth:200,componentProps:({formModel:e})=>({placeholder:"同步f2的值为f1",onChange:r=>{e.f2=r.target.value}})},{field:"f2",component:"Input",label:"F2",colProps:{span:12},labelWidth:200,componentProps:{disabled:!0}},{field:"f3",component:"Input",label:"F3",colProps:{span:12},labelWidth:200,componentProps:({formActionType:e})=>({placeholder:"值改变时执行查询,查看控制台",onChange:()=>_(this,null,function*(){const{validate:r}=e;yield r()})})}],[f,{updateSchema:i,appendSchemaByField:u,removeSchemaByField:b}]=g({labelWidth:120,schemas:m,actionColOptions:{span:24}}),[p]=g({labelWidth:120,schemas:n,actionColOptions:{span:24}});function l(){i({field:"field3",label:"字段3 New"})}function s(){i([{field:"field3",label:"字段3 New++"},{field:"field4",label:"字段4 New++"}])}function k(){u({field:"field10",label:"字段10",component:"Input",colProps:{span:8}},"field3")}function w(){b("field11")}return(e,r)=>{const c=S("a-button");return y(),v(a(W),{title:"动态表单示例"},{default:t(()=>[I("div",N,[o(c,{onClick:l,class:"mr-2"},{default:t(()=>[d(" 更改字段3label ")]),_:1}),o(c,{onClick:s,class:"mr-2"},{default:t(()=>[d(" 同时更改字段3,4label ")]),_:1}),o(c,{onClick:k,class:"mr-2"},{default:t(()=>[d(" 往字段3后面插入字段10 ")]),_:1}),o(c,{onClick:w,class:"mr-2"},{default:t(()=>[d(" 删除字段11 ")]),_:1})]),o(a(C),{title:"动态表单示例,动态根据表单内其他值改变"},{default:t(()=>[o(a(P),{onRegister:a(f)},null,8,["onRegister"])]),_:1}),o(a(C),{class:"mt-5",title:"componentProps动态改变"},{default:t(()=>[o(a(P),{onRegister:a(p)},null,8,["onRegister"])]),_:1})]),_:1})}}});export{oe as default};
|
