RuleForm-CUtWWc4K.js 4.6 KB

1
  1. var d=(P,c,l)=>new Promise((f,m)=>{var b=o=>{try{a(l.next(o))}catch(n){m(n)}},g=o=>{try{a(l.throw(o))}catch(n){m(n)}},a=o=>o.done?f(o.value):Promise.resolve(o.value).then(b,g);a((l=l.apply(P,c)).next())});import{_ as F}from"./BasicForm.vue_vue_type_script_setup_true_lang-ByuHmjlN.js";import"./BasicForm.vue_vue_type_style_index_0_lang-wVUE9AOT.js";import"./helper-B0yEaptj.js";import{u as V}from"./useForm-C-769eP8.js";import{bk as Y,u as D}from"./entry/index-CRWhxBeP.js";import{P as M}from"./index-C0mnMlct.js";import{i as x}from"./system-BK03-1D1.js";import{n as I}from"./antd-BfqWtMX3.js";import{d as N,a6 as h,Z as w,a4 as S,a5 as i,$ as R,k as s,G as p,u}from"./vue-DM5HGU8Z.js";import"./FormItem.vue_vue_type_script_lang-r-ozwU0K.js";import"./index-CD5zFmZN.js";import"./useWindowSizeFn-CEueHQop.js";import"./index-BshNMORD.js";import"./index-BGDG2Aiy.js";import"./uuid-BUBnBT7J.js";import"./useSortable-BUyXn7hO.js";import"./download-DbzL13NI.js";import"./base64Conver-DEMZeTZS.js";import"./index-BZ4uXGij.js";import"./IconPicker.vue_vue_type_script_setup_true_lang-BMkV6zCu.js";import"./copyTextToClipboard-B8vsl9wq.js";import"./index-CIEo7xez.js";import"./index-DOkdpLQv.js";import"./onMountedOrActivated-Ckq_czNf.js";import"./index-lE2idd8k.js";import"./UploadPreviewModal-BZsd-hmR.js";import"./cateApi-BE6kfD5q.js";import"./resourceApi-CKj0y817.js";import"./common-DpkSdXuu.js";import"./imageEnum-BRgYKvjO.js";import"./sysOrgApi-tY_yXKfV.js";import"./useContentViewHeight-D9So7_ch.js";const j={class:"mb-4"},ge=N({__name:"RuleForm",setup(P){const c=[{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"}],onChange:r=>{}},rules:[{required:!0,message:"请输入aa",type:"array"}]},{field:"field441",component:"Input",label:"自定义校验",colProps:{span:8},rules:[{required:!0,validator:(r,e)=>d(this,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:"请输入数据"},{trigger:"blur",validator(r,e){return new Promise((t,y)=>{if(!e)return t();x(e).then(t).catch(q=>{y(q.message||"验证失败")})})}}]}],{createMessage:l}=D(),[f,{validateFields:m,clearValidate:b,getFieldsValue:g,resetFields:a,setFieldsValue:o}]=V({labelWidth:120,schemas:c,actionColOptions:{span:24}});function n(){return d(this,null,function*(){try{const r=yield m()}catch(r){}})}function k(){return d(this,null,function*(){b()})}function v(){const r=g();l.success("values:"+JSON.stringify(r))}function C(){o({field1:1111,field4:["1"],field5:["1"],field7:"1",field33:"2020-12-12",field3:I("2020-12-12","YYYY-MM-DD")})}function _(r){l.success("click search,values:"+JSON.stringify(r))}return(r,e)=>{const t=h("a-button");return w(),S(u(M),{title:"表单校验示例"},{default:i(()=>[R("div",j,[s(t,{onClick:n,class:"mr-2"},{default:i(()=>e[0]||(e[0]=[p(" 手动校验表单 ")])),_:1}),s(t,{onClick:k,class:"mr-2"},{default:i(()=>e[1]||(e[1]=[p(" 清空校验信息 ")])),_:1}),s(t,{onClick:v,class:"mr-2"},{default:i(()=>e[2]||(e[2]=[p(" 获取表单值 ")])),_:1}),s(t,{onClick:C,class:"mr-2"},{default:i(()=>e[3]||(e[3]=[p(" 设置表单值 ")])),_:1}),s(t,{onClick:u(a),class:"mr-2"},{default:i(()=>e[4]||(e[4]=[p(" 重置 ")])),_:1},8,["onClick"])]),s(u(Y),{title:"表单校验"},{default:i(()=>[s(u(F),{onRegister:u(f),onSubmit:_},null,8,["onRegister"])]),_:1})]),_:1})}}});export{ge as default};