| 1 |
- var f=(e,o,l)=>new Promise((m,s)=>{var u=t=>{try{n(l.next(t))}catch(a){s(a)}},i=t=>{try{n(l.throw(t))}catch(a){s(a)}},n=t=>t.done?m(t.value):Promise.resolve(t.value).then(u,i);n((l=l.apply(e,o)).next())});import{d as P,ag as c,aB as C,ar as h,aD as p,at as g,k as r,G as d}from"./vue-vendor-Be68asQ6.js";import"./index-D68l__AG.js";import{C as F}from"./index-BZ_MXCtW.js";import{P as k}from"./index-X83NmVMq.js";import{X as w,a as W}from"./index-BFfnEkVs.js";import{B as _}from"./BasicForm-Cv-dsB-e.js";import{u as b}from"./useForm-kcRIHoe0.js";import"./componentMap-BUTAcOmo.js";import"./antd-vue-vendor-DcqS7Wvq.js";import"./useFormItem-CtGMPcLp.js";import"./index-CETWS1o0.js";import"./BasicModal-D4gc2R81.js";import"./useTimeout-Ca5eqGu-.js";import"./vxe-table-vendor-DHF2TRpV.js";import"./useWindowSizeFn-BTSGGcie.js";import"./download-CjoX0_mR.js";import"./base64Conver-24EVOS6V.js";import"./index-D1703ozz.js";import"./index-Bi7PIj53.js";import"./useCountdown-B7iR27pS.js";import"./useFormItemSingle-nLM0QlcI.js";import"./JSelectUser-DCwPqRxp.js";import"./props-BPxWJPuD.js";import"./JSelectBiz-Be8KsC5j.js";import"./JAddInput-BBXQvvpq.js";import"./areaDataUtil-Cik-Rc_P.js";import"./index-BOEzG86y.js";import"./index-BNFwynfr.js";import"./bem-BvvqSl-N.js";import"./props-Cw7AfxGV.js";import"./useContextMenu-BDwmjIwb.js";import"./depart.api-CDwTvdwQ.js";import"./JSelectDept-DT6g7V5M.js";import"./JPopup-DKJW27Yk.js";import"./JEllipsis-C04xKxcI.js";import"./JUpload-cB_Qj2H2.js";import"./index-iuayQczx.js";import"./index-DJQB4_Pr.js";import"./JAreaLinkage-BNOKwn5l.js";import"./JCodeEditor-CSivhUhT.js";import"./htmlmixed-DNSd26j0.js";import"./vue-DbzutmLn.js";/* empty css */import"./EasyCronInput-wCv2YMHn.js";import"./index-BIPzXG41.js";import"./index-CXEQnmRq.js";import"./useIntersectionObserver-Bl62RIZ4.js";import"./useContentHeight-DnE6GxS2.js";import"./useContentViewHeight-BVCc9jQl.js";import"./usePageContext-WlOC5VNa.js";import"./injectionKey-DPVn4AgL.js";const{hasPermission:D}=w(),B=[{field:"field5",component:"Switch",label:"是否显示字段1(css控制)",defaultValue:!0,colProps:{span:12},labelWidth:200},{field:"field1",component:"Input",label:"字段1",colProps:{span:12},show:({values:e})=>D("test001")},{field:"field6",component:"Switch",label:"是否显示字段2(dom控制)",defaultValue:!0,colProps:{span:12},labelWidth:200},{field:"field2",component:"Input",label:"字段2",colProps:{span:12},ifShow:({values:e})=>!!e.field6},{field:"field7",component:"Switch",label:"是否禁用字段3",colProps:{span:12},labelWidth:200},{field:"field3",component:"DatePicker",label:"字段3",colProps:{span:12},dynamicDisabled:({values:e})=>!!e.field7},{field:"field8",component:"Switch",label:"字段4是否必填",colProps:{span:12},labelWidth:200},{field:"field4",component:"Select",label:"字段4",colProps:{span:12},dynamicRules:({values:e})=>e.field8?[{required:!0,message:"字段必填"}]:[],componentProps:{options:[{label:"选项1",value:"1",key:"1"},{label:"选项2",value:"2",key:"2"}]}},{field:"field11",component:"DatePicker",label:"字段11",colProps:{span:8}}],S=[{field:"f1",component:"Input",label:"F1",colProps:{span:12},labelWidth:200,componentProps:({formModel:e})=>({placeholder:"同步f2的值为f1",onChange:o=>{e.f2=o.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:()=>f(null,null,function*(){const{validate:o}=e,l=yield o()})})}],v=P({components:{BasicForm:_,CollapseContainer:F,PageWrapper:k},setup(){const[e,{setProps:o,updateSchema:l,appendSchemaByField:m,removeSchemaByFiled:s}]=b({labelWidth:120,schemas:B,disabled:!0,labelCol:{xs:{span:24},sm:{span:6}},wrapperCol:{xs:{span:24},sm:{span:18}},actionColOptions:{span:24}}),[u]=b({labelWidth:120,schemas:S,actionColOptions:{span:24}});function i(){l({field:"field3",label:"字段3 New"})}function n(){l([{field:"field3",label:"字段3 New++"},{field:"field4",label:"字段4 New++"}])}function t(){m({field:"field10",label:"字段10",component:"Input",colProps:{span:8}},"field3")}function a(){s("field11")}return{register:e,register1:u,schemas:B,setProps:o,changeLabel3:i,changeLabel34:n,appendField:t,deleteField:a}}}),y={class:"mb-4"};function A(e,o,l,m,s,u){const i=c("a-button"),n=c("BasicForm"),t=c("CollapseContainer"),a=c("PageWrapper");return h(),C(a,{title:"动态表单示例"},{default:p(()=>[g("div",y,[r(i,{onClick:e.changeLabel3,class:"mr-2"},{default:p(()=>o[0]||(o[0]=[d(" 更改字段3label ")])),_:1},8,["onClick"]),r(i,{onClick:e.changeLabel34,class:"mr-2"},{default:p(()=>o[1]||(o[1]=[d(" 同时更改字段3,4label ")])),_:1},8,["onClick"]),r(i,{onClick:e.appendField,class:"mr-2"},{default:p(()=>o[2]||(o[2]=[d(" 往字段3后面插入字段10 ")])),_:1},8,["onClick"]),r(i,{onClick:e.deleteField,class:"mr-2"},{default:p(()=>o[3]||(o[3]=[d(" 删除字段11 ")])),_:1},8,["onClick"])]),r(t,{title:"动态表单示例,动态根据表单内其他值改变"},{default:p(()=>[r(n,{onRegister:e.register},null,8,["onRegister"])]),_:1}),r(t,{class:"mt-5",title:"componentProps动态改变"},{default:p(()=>[r(n,{onRegister:e.register1},null,8,["onRegister"])]),_:1})]),_:1})}const ye=W(v,[["render",A]]);export{ye as default};
|
