mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-05-03 08:16:40 +08:00
2 lines
3.5 KiB
JavaScript
2 lines
3.5 KiB
JavaScript
import{R as d}from"./index-bf3a29df.js";import{R as s}from"./index-2a9db1be.js";import{u as m}from"./vue-hooks-plus@1.8.2_vue@3.3.4-91a549ba.js";import{s as p}from"./instance-f9d48c04.js";import"./lodash@4.17.21-2c729a72.js";import"./index-f0e321ba.js";import"./lodash-es@4.17.21-a64fa61b.js";import"./screenfull@6.0.2-b3e6dc1f.js";import"./@vueuse_core@9.13.0_vue@3.3.4-7e6f7ed6.js";import"./@vueuse_shared@9.13.0_vue@3.3.4-b2a32b41.js";import"./dayjs@1.11.9-208bf754.js";import"./awesome-qr@2.1.5-rc.0-423f5ed7.js";import"./canvas@2.11.2-f05bd587.js";import"./js-binary-schema-parser@2.0.3-9e47f7a8.js";import"./pinia-plugin-persistedstate@3.2.0_pinia@2.1.6-02097300.js";import"./clipboard@2.0.11-3371ee7a.js";import"./vuedraggable@4.1.0_vue@3.3.4-15830514.js";import"./sortablejs@1.14.0-69b0b3d5.js";import"./print-js@1.6.0-8c6cc636.js";const V=e=>p({url:"/api/list",method:"get",params:e}),P=Vue.defineComponent({name:"MockDemo",setup(){const 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:t,loading:r,run:i}=m(V,{manual:!0,onSuccess:u=>{}}),n=[{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.NSpace,{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("删除")]})]})}],o=Vue.reactive({email:null}),a=()=>{const{pageSize:u,page:l}=e,{email:c}=o;i({page:l,pageSize:u,email:c})};return Vue.watchEffect(()=>{t.value&&(e.itemCount=t.value.total)}),Vue.onBeforeMount(()=>{a()}),{personData:t,personLoading:r,paginationRef:e,columns:n,...Vue.toRefs(o),getPerson:a}},render(){return Vue.createVNode(naive.NSpace,{vertical:!0,wrapItem:!1},{default:()=>{var e;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("RayTable 组件有一个比较值得注意的地方就是，该组件会自动的按照数据量计算分页条数。所以你在异步获取数据的时候，一定要手动设置 remote 属性为 true，并且设置 itemCount 或者 pageCount。")])]}),Vue.createVNode(naive.NForm,{labelPlacement:"left"},{default:()=>[Vue.createVNode(s,{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:"分页表格",data:(e=this.personData)==null?void 0:e.data,loading:this.personLoading,columns:this.columns,pagination:this.paginationRef,remote:!0,action:!0},null)]}})}});export{P as default};
|