ray-template/assets/index-Trm8dVce.js

import{y as p,z as d}from"./hooks-v5yhfgkQ.js";import{a as c}from"./vue-hooks-plus@1.8.5_vue@3.4.15-UGgZVZ2w.js";import"./js-cookie@3.0.5-bc0KQLgp.js";import"./lodash@4.17.21-yUHHMES2.js";import"./screenfull@5.2.0-q9gEF-YC.js";import"./qs@6.11.2-wwOruwhc.js";import"./dayjs@1.11.10-A-QuG2Ol.js";import"./print-js@1.6.0-gYKv6oGQ.js";import"./currency.js@2.0.4--or6eeOG.js";import"./awesome-qr@2.1.5-rc.0-UnPo3EFD.js";import{s}from"./instance-0MR4YS8M.js";import"./@vueuse_core@10.7.1_vue@3.4.15-9UoKs_p_.js";import"./@vueuse_shared@10.7.1_vue@3.4.15--52Mx__5.js";import"./utils-bL-oQI6P.js";import"./lodash-es@4.17.21-xgd1l9mE.js";import"./interactjs@1.10.26-I0IiZoEj.js";import"./pinia-plugin-persistedstate@3.2.0_pinia@2.1.7-fNhqB16x.js";import"./dom-to-image@2.6.0-eHYYUq-2.js";import"./echarts@5.4.3-Vt5ZmFiA.js";import"./zrender@5.4.4-fafgp4mQ.js";import"./tslib@2.3.0-21A5UWR7.js";import"./@vue_runtime-core@3.4.15-xG7oRWIU.js";import"./@vue_reactivity@3.4.15-2zCDAkOA.js";import"./@vue_shared@3.4.15-JOA8BF6u.js";import"./side-channel@1.0.4-hl21th03.js";import"./get-intrinsic@1.2.1-NE0DZZ3B.js";import"./has-symbols@1.0.3-fNtejGuA.js";import"./has-proto@1.0.1-dzJH2Y5C.js";import"./function-bind@1.1.1-Y6-kkB5s.js";import"./has@1.0.3-rcPLRdvS.js";import"./call-bind@1.0.2-8lNE5ocE.js";import"./canvas@2.11.2-dZp4QMlu.js";import"./js-binary-schema-parser@2.0.3-CCV6nRej.js";const V=o=>s({url:"/api/list",method:"get",params:o}),Q=Vue.defineComponent({name:"MockDemo",setup(){const o=[{title:"id",key:"id"},{title:"邮箱",key:"email"},{title:"地址",key:"address"},{title:"姓名",key:"name"},{title:"年龄",key:"age"},{title:"创建时间",key:"createDate"},{title:"操作",key:"action",render:u=>Vue.createVNode(naive.NFlex,{align:"center"},{default:()=>[Vue.createVNode(naive.NButton,{type:"primary",text:!0,onClick:()=>{window.$message.info("查看")}},{default:()=>[Vue.createTextVNode("查看")]}),Vue.createVNode(naive.NButton,{type:"primary",text:!0,onClick:()=>{window.$message.warning("编辑")}},{default:()=>[Vue.createTextVNode("编辑")]}),Vue.createVNode(naive.NButton,{type:"error",text:!0,onClick:()=>{window.$message.error("删除")}},{default:()=>[Vue.createTextVNode("删除")]})]})}],t=Vue.reactive({email:null}),e=Vue.reactive({page:1,pageSize:10,itemCount:0,pageSizes:[10,20,30,40,50],showSizePicker:!0,onUpdatePage:u=>{e.page=u,a()},onUpdatePageSize:u=>{e.pageSize=u,e.page=1,a()}}),{data:i,loading:n,run:l}=c(V,{defaultParams:[{page:e.page,pageSize:e.pageSize,email:t.email}],onSuccess:u=>{const{total:r}=u;e.itemCount=r}}),a=()=>{const{pageSize:u,page:r}=e,{email:m}=t;l({page:r,pageSize:u,email:m})};return{personData:i,personLoading:n,paginationRef:e,columns:o,...Vue.toRefs(t),getPerson:a}},render(){return Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>{var o;return[Vue.createVNode(naive.NCard,{title:"Mock 数据"},{default:()=>[Vue.createVNode("h2",null,[Vue.createTextVNode("mock 数据使用。但是，并没有启用生产环境的部署，所以生产环境结果为空。")])]}),Vue.createVNode(naive.NCard,{title:"提示"},{default:()=>[Vue.createVNode("h2",null,[Vue.createTextVNode("RTable 组件有一个比较值得注意的地方就是，该组件会自动的按照数据量计算分页条数。所以你在异步获取数据的时候，一定要手动设置 remote 属性为 true，并且设置 itemCount 或者 pageCount。")])]}),Vue.createVNode(naive.NForm,{labelPlacement:"left"},{default:()=>[Vue.createVNode(p,{bordered:!1,cols:3},{default:()=>Vue.createVNode(Vue.Fragment,null,[Vue.createVNode(naive.NFormItemGi,{label:"邮箱"},{default:()=>[Vue.createVNode(naive.NInput,{value:this.email,"onUpdate:value":t=>this.email=t,clearable:!0},null)]})]),action:()=>Vue.createVNode(naive.NButton,{type:"primary",onClick:this.getPerson.bind(this)},{default:()=>[Vue.createTextVNode("搜索")]})})]}),Vue.createVNode(d,{title:"Mock数据表格",data:(o=this.personData)==null?void 0:o.data,loading:this.personLoading,columns:this.columns,"onUpdate:columns":t=>this.columns=t,pagination:this.paginationRef,remote:!0},null)]}})}});export{Q as default};