ray-template/js/index-BJnstanh.js

2 lines
5.3 KiB
JavaScript

import"./instance-Bux9_MkW.js";import{a as F}from"./vue-hooks-plus@2.4.1_vue@3.5.25_typescript@5.9.3_-CTUohtp4.js";import{f as C,R as N}from"./hooks-MEhk8snd.js";import"./currency.js@2.0.4-BSkspdt3.js";import"./crypto-js@4.2.0-Bv3pmx0c.js";import"./dayjs@1.11.13-DqFijdaO.js";import"./print-js@1.6.0-jNcZ-gME.js";import"./js-cookie@3.0.5-W_rRtFe1.js";import"./screenfull@5.2.0-wmrknyQD.js";import"./jsbarcode@3.11.6-DMXogPYv.js";import"./@logicflow_core@2.0.10-BJ3yfRtr.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-CY9_LSXq.js";import"./preact@10.25.4-HyjdtmFg.js";import{N as k,a as R,al as u,D as d,U as b,am as y,aj as B,ak as f,e as g,B as i,L as D,T as E}from"./naive-ui@2.43.2_vue@3.5.25_typescript@5.9.3_-CuzQtRgy.js";import{m as w,d as e,J as a}from"./@vue_runtime-core@3.5.25-CyFcdXRD.js";import{k as x}from"./@vue_reactivity@3.5.25-CWykDyL9.js";import"./utils-DJW6-rvp.js";import"./lodash-es@4.17.21-CFdI1ypR.js";import"./axios@1.10.0-CIcuZHni.js";import"./@vueuse_core@13.1.0_vue@3.5.25_typescript@5.9.3_-D95kAPXK.js";import"./@vueuse_shared@13.1.0_vue@3.5.25_typescript@5.9.3_-eMpvzBVj.js";import"./pinia-plugin-persistedstate@4.4.1_pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3__-BC_H5euo.js";import"./destr@2.0.5-Ctyiwlcu.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3_-Bshsd_Oe.js";import"./html-to-image@1.11.13-DOj4Zvaj.js";import"./@vue_runtime-dom@3.5.25-qbdLeVMc.js";import"./@vue_shared@3.5.25-ClSOc5xY.js";import"./vue-i18n@11.1.3_vue@3.5.25_typescript@5.9.3_-DnWoR0oZ.js";import"./@intlify_core-base@11.1.3-Cez6J5Vx.js";import"./@intlify_shared@11.1.3-Byx4ULsF.js";import"./@intlify_message-compiler@11.1.3-DphV8pYf.js";import"./echarts@6.0.0-DFotDgc6.js";import"./tslib@2.3.0-Cg4x8ZAA.js";import"./zrender@6.0.0-Co73lGCa.js";import"./interactjs@1.10.27-C3ZPOoID.js";import"./classnames@2.5.1-CU_BXU7G.js";import"./vue-router@4.6.3_vue@3.5.25_typescript@5.9.3_-kLD3n5ZM.js";import"./mobx@5.15.7-iy9XXgsZ.js";import"./uuid@9.0.1-CtRu48qb.js";import"./mousetrap@1.6.5-B3zpTV0k.js";import"./mobx-utils@5.6.2_mobx@5.15.7-BeM5AP8N.js";import"./date-fns@4.1.0-D7sOP3Nv.js";import"./seemly@0.3.10-8_5gPa5q.js";import"./vueuc@0.4.65_vue@3.5.25_typescript@5.9.3_-BiVDcjr0.js";import"./evtd@0.2.4-w6UMCrcr.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.25_typescript@5.9.3_-DbFiQpGI.js";import"./vooks@0.2.12_vue@3.5.25_typescript@5.9.3_-CkUeikoP.js";import"./vdirs@0.1.8_vue@3.5.25_typescript@5.9.3_-D2i3_uv1.js";import"./@juggle_resize-observer@3.4.0-DB6f1vmu.js";import"./css-render@0.15.14-DTtBB2Mk.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-fnkdj-jo.js";import"./date-fns-tz@3.2.0_date-fns@4.1.0-D_9zH1c_.js";import"./async-validator@4.2.5-B7g11KvB.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-DQkPmH6r.js";const Ae=w({name:"RFormDemo",setup(){const[r,{validate:o,restoreValidation:m,formRules:l,reset:n,validateTargetField:p,formConditionRef:s}]=C({name:null,age:null,gender:null,date:null,remark:null},{name:{required:!0,message:"请输入姓名",trigger:["blur","change"],key:"name"},date:{required:!0,message:"请选择日期",trigger:["blur","change"],type:"number"},gender:{required:!0,message:"请选择性别",trigger:"change"},age:{required:!0,message:"请输入年龄",trigger:["blur","change"],type:"number"}}),t=x(!1),{run:c}=F(()=>new Promise((h,v)=>{o().then(()=>{t.value=!0,setTimeout(()=>{window.$message.success("校验成功"),h(!0)},500)}).catch(v).finally(()=>{t.value=!1})}),{manual:!0});return{register:r,formConditionRef:s,restoreValidation:m,validate:o,formRules:l,validateTargetField:p,reset:n,formLoading:t,runHookPlusRequest:c}},render(){const{formConditionRef:r}=this,{register:o,restoreValidation:m,formRules:l,validateTargetField:n,reset:p,runHookPlusRequest:s}=this;return e(k,{title:()=>e(g,{align:"center"},{default:()=>[e(D,null,{default:()=>[a("useForm 表单校验")]}),e(E,{value:this.formLoading,"onUpdate:value":t=>this.formLoading=t},null)]})},{default:()=>e(N,{onRegister:o,rules:l(),model:r,submitWhenEnter:!0,onFinish:()=>{window.$message.success("表单提交成功")},loading:this.formLoading},{default:()=>[e(R,{cols:24,xGap:24},{default:()=>[e(u,{label:"姓名",path:"name",span:12},{default:()=>[e(d,{value:r.name,"onUpdate:value":t=>r.name=t},null)]}),e(u,{label:"年龄",path:"age",span:12},{default:()=>[e(b,{value:r.age,"onUpdate:value":t=>r.age=t,showButton:!1},null)]}),e(u,{label:"出生日期",path:"date",span:12},{default:()=>[e(y,{value:r.date,"onUpdate:value":t=>r.date=t},null)]}),e(u,{label:"性别",path:"gender",span:12},{default:()=>[e(B,{value:r.gender,"onUpdate:value":t=>r.gender=t},{default:()=>[e(f,{value:"girl"},{default:()=>[a("女")]}),e(f,{value:"man"},{default:()=>[a("男")]})]})]}),e(u,{label:"备注信息",span:24},{default:()=>[e(d,{type:"textarea",value:r.remark,"onUpdate:value":t=>r.remark=t},null)]}),e(u,{span:24},{default:()=>[e(g,null,{default:()=>[e(i,{type:"info",onClick:()=>p()},{default:()=>[a("重置表单为初始状态")]}),e(i,{type:"warning",onClick:m},{default:()=>[a("移除校验状态")]}),e(i,{type:"primary",onClick:()=>n("name")},{default:()=>[a("仅校验姓名字段")]}),e(i,{type:"primary",onClick:s},{default:()=>[a("校验")]})]})]})]})]}),"header-extra":()=>"输入表单的时候,试试按下 Enter 键"})}});export{Ae as default};