mirror of
https://github.com/XiaoDaiGua-Ray/ray-template.git
synced 2025-04-06 03:57:49 +08:00
2 lines
4.3 KiB
JavaScript
2 lines
4.3 KiB
JavaScript
import{R as f}from"./index-f4fe5f71.js";import{R as g}from"./index-62d5ae73.js";import{u as C}from"./vue-hooks-plus@1.8.2_vue@3.3.4-377ab481.js";import{s as A}from"./instance-e929cdea.js";import"./lodash@4.17.21-43af7cf3.js";import{V as n,M as B,a0 as k,r as y,P as a,g as p}from"./naive-ui@2.34.4_vue@3.3.4-32c47a39.js";import{k as h,D as w,v as D,b as t,p as o,F as R}from"./@vue_runtime-core@3.3.4-e708ccad.js";import{h as l,w as b}from"./@vue_reactivity@3.3.4-1f79d3d1.js";import"./index-c41038ca.js";import"./vue-router@4.2.4_vue@3.3.4-7301885f.js";import"./lodash-es@4.17.21-b7de4195.js";import"./vue-i18n@9.2.2_vue@3.3.4-2fee4df5.js";import"./@intlify_shared@9.2.2-e4047ebf.js";import"./@intlify_core-base@9.2.2-777854c2.js";import"./@intlify_message-compiler@9.2.2-8a818441.js";import"./@intlify_devtools-if@9.2.2-c61c979f.js";import"./dayjs@1.11.9-2359b210.js";import"./@babel_runtime@7.22.11-b49cf076.js";import"./pinia@2.1.6_typescript@5.0.2_vue@3.3.4-f8e74923.js";import"./vue-demi@0.14.5_vue@3.3.4-71ba0ef2.js";import"./@vue_runtime-dom@3.3.4-bca9fcfd.js";import"./@vue_shared@3.3.4-896c5ecf.js";import"./screenfull@6.0.2-b3e6dc1f.js";import"./@vueuse_core@9.13.0_vue@3.3.4-43b59e7d.js";import"./@vueuse_shared@9.13.0_vue@3.3.4-ab074c35.js";import"./pinia-plugin-persistedstate@3.2.0_pinia@2.1.6-02097300.js";import"./clipboard@2.0.11-bbefc804.js";import"./date-fns@2.30.0-f997f5eb.js";import"./vueuc@0.4.51_vue@3.3.4-8071bed0.js";import"./evtd@0.2.4-b614532e.js";import"./seemly@0.3.6-dc6f1e91.js";import"./@css-render_vue3-ssr@0.15.12_vue@3.3.4-d447e962.js";import"./vooks@0.2.12_vue@3.3.4-360695d0.js";import"./vdirs@0.1.8_vue@3.3.4-4519c5fd.js";import"./@juggle_resize-observer@3.4.0-41516555.js";import"./css-render@0.15.12-57b1a53f.js";import"./@emotion_hash@0.8.0-8a8e73f6.js";import"./treemate@0.3.11-25c27bff.js";import"./date-fns-tz@1.3.8_date-fns@2.30.0-8f0f3131.js";import"./async-validator@4.2.5-dee29e8b.js";import"./@css-render_plugin-bem@0.15.12_css-render@0.15.12-9dde7ffe.js";import"./vuedraggable@4.1.0_vue@3.3.4-ddd1e640.js";import"./vue@3.3.4-dff0e650.js";import"./sortablejs@1.14.0-1395a250.js";import"./print-js@1.6.0-558dc1b9.js";import"./xlsx@0.18.5-65d3fcd1.js";import"./axios@1.5.0-82afda87.js";const v=u=>A({url:"/api/list",method:"get",params:u}),yt=h({name:"MockDemo",setup(){const u=l({page:1,pageSize:10,itemCount:0,pageSizes:[10,20,30,40,50],showSizePicker:!0,onUpdatePage:e=>{u.page=e,i()},onUpdatePageSize:e=>{u.pageSize=e,u.page=1,i()}}),{data:r,loading:s,run:c}=C(v,{manual:!0,onSuccess:e=>{}}),d=[{title:"id",key:"id"},{title:"邮箱",key:"email"},{title:"地址",key:"address"},{title:"姓名",key:"name"},{title:"年龄",key:"age"},{title:"创建时间",key:"createDate"},{title:"操作",key:"action",render:e=>t(p,{align:"center"},{default:()=>[t(a,{type:"primary",text:!0,onClick:()=>{window.$message.info("查看")}},{default:()=>[o("查看")]}),t(a,{type:"primary",text:!0,onClick:()=>{window.$message.warning("编辑")}},{default:()=>[o("编辑")]}),t(a,{type:"error",text:!0,onClick:()=>{window.$message.error("删除")}},{default:()=>[o("删除")]})]})}],m=l({email:null}),i=()=>{const{pageSize:e,page:F}=u,{email:E}=m;c({page:F,pageSize:e,email:E})};return w(()=>{r.value&&(u.itemCount=r.value.total)}),D(()=>{i()}),{personData:r,personLoading:s,paginationRef:u,columns:d,...b(m),getPerson:i}},render(){return t(p,{vertical:!0,wrapItem:!1},{default:()=>{var u;return[t(n,{title:"Mock 数据"},{default:()=>[t("h2",null,[o("mock 数据使用。但是，并没有启用生产环境的部署，所以生产环境结果为空。")])]}),t(n,{title:"提示"},{default:()=>[t("h2",null,[o("RayTable 组件有一个比较值得注意的地方就是，该组件会自动的按照数据量计算分页条数。所以你在异步获取数据的时候，一定要手动设置 remote 属性为 true，并且设置 itemCount 或者 pageCount。")])]}),t(B,{labelPlacement:"left"},{default:()=>[t(g,{bordered:!1,cols:3},{default:()=>t(R,null,[t(k,{label:"邮箱"},{default:()=>[t(y,{value:this.email,"onUpdate:value":r=>this.email=r,clearable:!0},null)]})]),action:()=>t(a,{type:"primary",onClick:this.getPerson.bind(this)},{default:()=>[o("搜索")]})})]}),t(f,{title:"分页表格",data:(u=this.personData)==null?void 0:u.data,loading:this.personLoading,columns:this.columns,pagination:this.paginationRef,remote:!0,action:!0},null)]}})}});export{yt as default};
|