mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-05 19:42:07 +08:00
2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
import{E as d,F as l}from"./hooks-DtYdZWXJ.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./dayjs@1.11.10-C8LoRVP6.js";import"./print-js@1.6.0-BdoEj60G.js";import"./vue-hooks-plus@2.2.0_vue@3.4.30-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-3YkgETI-.js";import"./@vueuse_core@10.9.0_vue@3.4.30-CHk58Nsj.js";import"./@vueuse_shared@10.9.0_vue@3.4.30-BTLxKjPf.js";import"./utils-BmI4YPvf.js";import"./interactjs@1.10.26-DZL_TZzP.js";import"./call-bind@1.0.7-Cpj98o6Y.js";import"./pinia-plugin-persistedstate@3.2.1_pinia@2.1.7-RV7uh3T-.js";import"./dom-to-image@2.6.0-DCOFUeQU.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.4.30-CrcfNDdL.js";import"./@vue_reactivity@3.4.30-DnhErqw9.js";import"./@vue_shared@3.4.30-Bev2jR-5.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};
|