2 lines
5.3 KiB
Java
2 lines
5.3 KiB
Java
var f=(o,e,t)=>new Promise((m,l)=>{var d=r=>{try{s(t.next(r))}catch(a){l(a)}},i=r=>{try{s(t.throw(r))}catch(a){l(a)}},s=r=>r.done?m(r.value):Promise.resolve(r.value).then(d,i);s((t=t.apply(o,e)).next())});import{B as C}from"./BasicForm-ClUSoD_-.js";import"./helper-DcLcf4v6.js";import{u as k}from"./useForm-D61zovon.js";import{C as v}from"./index-ByCwbQDV.js";import{s as F,au as V}from"./index-X7Y8jykP.js";import{P as y}from"./index-Ckh_BVlA.js";import{i as q}from"./system-nmurLO6d.js";import{e as _,y as B,z as S,A as n,K as b,Q as I,f as p,E as c}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 P=[{field:"field1",component:"Input",label:"字段1",colProps:{span:8},required:!0},{field:"field2",component:"Input",label:"字段2",colProps:{span:8},required:!0},{field:"id",label:"id",required:!0,defaultValue:0,component:"InputNumber",show:!1},{field:"field3",component:"DatePicker",label:"字段3",colProps:{span:8},required:!0},{field:"field33",component:"DatePicker",label:"字段33",colProps:{span:8},componentProps:{valueFormat:"YYYY-MM-DD"},rules:[{required:!0,type:"string"}]},{field:"field44",component:"InputCountDown",label:"验证码",colProps:{span:8},required:!0},{field:"field4",component:"Select",label:"字段4",colProps:{span:8},componentProps:{mode:"multiple",options:[{label:"选项1",value:"1",key:"1"},{label:"选项2",value:"2",key:"2"}]},rules:[{required:!0,message:"请输入规则",type:"array"}]},{field:"field441",component:"Input",label:"自定义校验",colProps:{span:8},rules:[{required:!0,validator:(o,e)=>f(null,null,function*(){return e?e==="1"?Promise.reject("值不能为1"):Promise.resolve():Promise.reject("值不能为空")}),trigger:"change"}]},{field:"field5",component:"CheckboxGroup",label:"字段5",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},rules:[{required:!0}]},{field:"field7",component:"RadioGroup",label:"字段7",colProps:{span:8},componentProps:{options:[{label:"选项1",value:"1"},{label:"选项2",value:"2"}]},rules:[{required:!0,message:"覆盖默认生成的校验信息"}]},{field:"field8",component:"Input",label:"后端异步验证",colProps:{span:8},helpMessage:["本字段演示异步验证","本地规则：必须填写","后端规则：不能包含admin"],rules:[{required:!0,message:"请输入数据"},{validator(o,e){return new Promise((t,m)=>{q(e).then(()=>t()).catch(l=>{m(l.message||"验证失败")})})}}]}],N=_({components:{BasicForm:C,CollapseContainer:v,PageWrapper:y},setup(){const{createMessage:o}=F(),[e,{validateFields:t,clearValidate:m,getFieldsValue:l,resetFields:d,setFieldsValue:i}]=k({labelWidth:120,schemas:P,actionColOptions:{span:24}});function s(){return f(this,null,function*(){try{const u=yield t()}catch(u){}})}function r(){return f(this,null,function*(){m()})}function a(){const u=l();o.success("values:"+JSON.stringify(u))}function g(){i({field1:1111,field5:["1"],field7:"1",field33:"2020-12-12",field3:"2020-12-12"})}return{register:e,schemas:P,handleSubmit:u=>{o.success("click search,values:"+JSON.stringify(u))},getFormValues:a,setFormValues:g,validateForm:s,resetValidate:r,resetFields:d}}}),h={class:"mb-4"};function w(o,e,t,m,l,d){const i=b("a-button"),s=b("BasicForm"),r=b("CollapseContainer"),a=b("PageWrapper");return S(),B(a,{title:"表单校验示例"},{default:n(()=>[I("div",h,[p(i,{onClick:o.validateForm,class:"mr-2"},{default:n(()=>[...e[0]||(e[0]=[c(" 手动校验表单",-1)])]),_:1},8,["onClick"]),p(i,{onClick:o.resetValidate,class:"mr-2"},{default:n(()=>[...e[1]||(e[1]=[c(" 清空校验信息",-1)])]),_:1},8,["onClick"]),p(i,{onClick:o.getFormValues,class:"mr-2"},{default:n(()=>[...e[2]||(e[2]=[c(" 获取表单值",-1)])]),_:1},8,["onClick"]),p(i,{onClick:o.setFormValues,class:"mr-2"},{default:n(()=>[...e[3]||(e[3]=[c(" 设置表单值",-1)])]),_:1},8,["onClick"]),p(i,{onClick:o.resetFields,class:"mr-2"},{default:n(()=>[...e[4]||(e[4]=[c(" 重置",-1)])]),_:1},8,["onClick"])]),p(r,{title:"表单校验"},{default:n(()=>[p(s,{onRegister:o.register,onSubmit:o.handleSubmit},null,8,["onRegister","onSubmit"])]),_:1})]),_:1})}const qe=V(N,[["render",w]]);export{qe as default};
|