Files
qhmes/web-dist/js/DynamicForm-Cszu0RnB.js
2026-06-16 18:19:57 +08:00

2 lines
5.2 KiB
Java

var u=(e,o,t)=>new Promise((m,s)=>{var c=l=>{try{i(t.next(l))}catch(p){s(p)}},n=l=>{try{i(t.throw(l))}catch(p){s(p)}},i=l=>l.done?m(l.value):Promise.resolve(l.value).then(c,n);i((t=t.apply(e,o)).next())});import{B as h}from"./BasicForm-ClUSoD_-.js";import"./helper-DcLcf4v6.js";import{u as b}from"./useForm-D61zovon.js";import{C}from"./index-ByCwbQDV.js";import{P as g}from"./index-Ckh_BVlA.js";import{aY as k,au as F}from"./index-X7Y8jykP.js";import{e as w,y as W,z as _,A as r,K as d,Q as y,f as a,E as f}from"./vue-vendor-DNhG1Cve.js";import"./index-BzChaRPg.js";import"./useAppInject-DPZGPcR3.js";import"./emoji-mart-vue-fast-R0uJEDq-.js";import"./BasicForm.vue_vue_type_style_index_0_lang-B29PWQy0.js";import"./index-DO7ZhK45.js";import"./index-saD4h7VJ.js";import"./useBreakpoint-DXhPW7nV.js";import"./useEventListener-BRXjwk7A.js";import"./breakpointEnum-BhAg6bcX.js";import"./uniqBy--vsL0WVB.js";import"./index-BDvqZ5j4.js";import"./BasicModal-xH56XuRZ.js";import"./ModalHeader-Sr8KwhJJ.js";import"./useTimeout-D5AmIBZw.js";import"./useWindowSizeFn-C-0M9_Ul.js";import"./index-CuWaQdlK.js";import"./index-Upeu4GGa.js";import"./index-C4wWpZeQ.js";import"./index-M9QP6cvf.js";import"./Skeleton-CimgOdM7.js";import"./useScrollTo-0FPEw5-K.js";import"./useIntersectionObserver-BGOgyKyu.js";import"./useMenuSetting-BwQ9LkAm.js";import"./useFullContent-B3OUGaJG.js";import"./useContentHeight-vWUZcXk1.js";import"./onMountedOrActivated-DhSdLlqP.js";import"./useContentViewHeight-Cja8zrBg.js";import"./usePageContext-9jIr04Op.js";import"./injectionKey-DPVn4AgL.js";import"./ArrowLeftOutlined-B3JgaWh-.js";import"./ArrowRightOutlined-CZG1QCpB.js";import"./index-lcIOKfa7.js";import"./dropdown-jkliuVyN.js";import"./index-B4gPlWQt.js";import"./eagerComputed-BTlOruLW.js";import"./transButton-B2CWzlQO.js";import"./operationUnit-vCu2co3e.js";const{hasPermission:B}=k(),P=[{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})=>B("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:()=>u(null,null,function*(){const{validate:o}=e;yield o()})})}],v=w({components:{BasicForm:h,CollapseContainer:C,PageWrapper:g},setup(){const[e,{setProps:o,updateSchema:t,appendSchemaByField:m,removeSchemaByFiled:s}]=b({labelWidth:120,schemas:P,disabled:!0,labelCol:{xs:{span:24},sm:{span:6}},wrapperCol:{xs:{span:24},sm:{span:18}},actionColOptions:{span:24}}),[c]=b({labelWidth:120,schemas:S,actionColOptions:{span:24}});function n(){t({field:"field3",label:"字段3 New"})}function i(){t([{field:"field3",label:"字段3 New++"},{field:"field4",label:"字段4 New++"}])}function l(){m({field:"field10",label:"字段10",component:"Input",colProps:{span:8}},"field3")}function p(){s("field11")}return{register:e,register1:c,schemas:P,setProps:o,changeLabel3:n,changeLabel34:i,appendField:l,deleteField:p}}}),I={class:"mb-4"};function N(e,o,t,m,s,c){const n=d("a-button"),i=d("BasicForm"),l=d("CollapseContainer"),p=d("PageWrapper");return _(),W(p,{title:"动态表单示例"},{default:r(()=>[y("div",I,[a(n,{onClick:e.changeLabel3,class:"mr-2"},{default:r(()=>[...o[0]||(o[0]=[f(" 更改字段3label ",-1)])]),_:1},8,["onClick"]),a(n,{onClick:e.changeLabel34,class:"mr-2"},{default:r(()=>[...o[1]||(o[1]=[f(" 同时更改字段3,4label ",-1)])]),_:1},8,["onClick"]),a(n,{onClick:e.appendField,class:"mr-2"},{default:r(()=>[...o[2]||(o[2]=[f(" 往字段3后面插入字段10 ",-1)])]),_:1},8,["onClick"]),a(n,{onClick:e.deleteField,class:"mr-2"},{default:r(()=>[...o[3]||(o[3]=[f(" 删除字段11 ",-1)])]),_:1},8,["onClick"])]),a(l,{title:"动态表单示例,动态根据表单内其他值改变"},{default:r(()=>[a(i,{onRegister:e.register},null,8,["onRegister"])]),_:1}),a(l,{class:"mt-5",title:"componentProps动态改变"},{default:r(()=>[a(i,{onRegister:e.register1},null,8,["onRegister"])]),_:1})]),_:1})}const we=F(v,[["render",N]]);export{we as default};