mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
import{F as d,G as l}from"./hooks-DUpKDX8W.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./print-js@1.6.0-BdoEj60G.js";import"./vue-hooks-plus@2.2.1_vue@3.5.6-DdMBTcyt.js";import"./lodash@4.17.21-Cw59kuJw.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-DmMZCkhi.js";import"./lodash-es@4.17.21-BALnwRTu.js";import"./@vueuse_core@10.9.0_vue@3.5.6-CMHqEu2-.js";import"./@vueuse_shared@10.9.0_vue@3.5.6-BTLxKjPf.js";import"./utils-DvxnuKiq.js";import"./interactjs@1.10.26-DZL_TZzP.js";import"./call-bind@1.0.7-Cpj98o6Y.js";import"./pinia-plugin-persistedstate@4.0.1_pinia@2.1.7-MNUqeAcu.js";import"./destr@2.0.3-CVtkxrq9.js";import"./deep-pick-omit@1.2.0-DyxInw53.js";import"./echarts@5.5.0-CezqL3m-.js";import"./zrender@5.5.0-DW8ownf1.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./@vue_runtime-core@3.5.6-CUaD_-7Q.js";import"./@vue_reactivity@3.5.6-CXMPYrvZ.js";import"./@vue_shared@3.5.6-6BrT-eFF.js";const w=Vue.defineComponent({name:"RFormDemo",setup(){const[u,{getFormInstance:i,validate:t,restoreValidation:r,formModel:a,formRules:e}]=d({name:null,age:null,gender:null,date:null,remark:null},{name:{required:!0,message:"请输入姓名",trigger:["blur","change"]},date:{required:!0,message:"请选择日期",trigger:["blur","change"],type:"number"},gender:{required:!0,message:"请选择性别",trigger:"change"},age:{required:!0,message:"请输入年龄",trigger:["blur","change"],type:"number"}}),o=Vue.ref(e()),n=Vue.ref(a());return{register:u,rules:o,condition:n,restoreValidation:r,formModel:a,validate:t}},render(){const{rules:u}=this,{register:i,restoreValidation:t,formModel:r,validate:a}=this;return Vue.createVNode(l,{onRegister:i,rules:u,model:this.condition},{default:()=>[Vue.createVNode(naive.NGrid,{cols:24,xGap:24},{default:()=>[Vue.createVNode(naive.NFormItemGi,{label:"姓名",path:"name",span:12},{default:()=>[Vue.createVNode(naive.NInput,{value:this.condition.name,"onUpdate:value":e=>this.condition.name=e},null)]}),Vue.createVNode(naive.NFormItemGi,{label:"年龄",path:"age",span:12},{default:()=>[Vue.createVNode(naive.NInputNumber,{value:this.condition.age,"onUpdate:value":e=>this.condition.age=e,showButton:!1,style:"width: 100%"},null)]}),Vue.createVNode(naive.NFormItemGi,{label:"出生日期",path:"date",span:12},{default:()=>[Vue.createVNode(naive.NDatePicker,{value:this.condition.date,"onUpdate:value":e=>this.condition.date=e,style:"width: 100%"},null)]}),Vue.createVNode(naive.NFormItemGi,{label:"性别",path:"gender",span:12},{default:()=>[Vue.createVNode(naive.NRadioGroup,{value:this.condition.gender,"onUpdate:value":e=>this.condition.gender=e},{default:()=>[Vue.createVNode(naive.NRadio,{value:"girl"},{default:()=>[Vue.createTextVNode("女")]}),Vue.createVNode(naive.NRadio,{value:"man"},{default:()=>[Vue.createTextVNode("男")]})]})]}),Vue.createVNode(naive.NFormItemGi,{label:"备注信息",span:24},{default:()=>[Vue.createVNode(naive.NInput,{type:"textarea",value:this.condition.remark,"onUpdate:value":e=>this.condition.remark=e},null)]}),Vue.createVNode(naive.NFormItemGi,{span:24},{default:()=>[Vue.createVNode(naive.NFlex,{justify:"flex-end",style:"width: 100%"},{default:()=>[Vue.createVNode(naive.NButton,{type:"info",onClick:()=>{this.condition=r(),t()}},{default:()=>[Vue.createTextVNode("重置表单为初始状态")]}),Vue.createVNode(naive.NButton,{type:"warning",onClick:t.bind(this)},{default:()=>[Vue.createTextVNode("移除校验状态")]}),Vue.createVNode(naive.NButton,{type:"primary",onClick:()=>a()},{default:()=>[Vue.createTextVNode("校验")]})]})]})]})]})}});export{w as default};
|