ray-template/js/table-pro-demo-Djhkc3wC.js

import"./instance-Bux9_MkW.js";import{a as ue}from"./vue-hooks-plus@2.4.1_vue@3.5.25_typescript@5.9.3_-CTUohtp4.js";import{f as oe,Z as ie,$ as le,T as re,y as M,X as se,Y as ne}from"./hooks-MEhk8snd.js";import{n as me}from"./utils-DJW6-rvp.js";import"./currency.js@2.0.4-BSkspdt3.js";import"./crypto-js@4.2.0-Bv3pmx0c.js";import"./print-js@1.6.0-jNcZ-gME.js";import"./js-cookie@3.0.5-W_rRtFe1.js";import"./screenfull@5.2.0-wmrknyQD.js";import"./jsbarcode@3.11.6-DMXogPYv.js";import"./@logicflow_core@2.0.10-BJ3yfRtr.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-CY9_LSXq.js";import"./preact@10.25.4-HyjdtmFg.js";import{d as L}from"./dayjs@1.11.13-DqFijdaO.js";import{M as H}from"./mockjs@1.1.0-Dou1YATw.js";import{e as y,an as de,B as i,al as T,D as J,R as pe,am as ce,N as j,C as X,aj as Y,ao as b,w as fe}from"./naive-ui@2.43.2_vue@3.5.25_typescript@5.9.3_-CuzQtRgy.js";import{m as ge,d as e,J as a,F as ye,t as ke}from"./@vue_runtime-core@3.5.25-CyFcdXRD.js";import{k as p}from"./@vue_reactivity@3.5.25-CWykDyL9.js";import"./axios@1.10.0-CIcuZHni.js";import"./lodash-es@4.17.21-CFdI1ypR.js";import"./@vueuse_core@13.1.0_vue@3.5.25_typescript@5.9.3_-D95kAPXK.js";import"./@vueuse_shared@13.1.0_vue@3.5.25_typescript@5.9.3_-eMpvzBVj.js";import"./pinia-plugin-persistedstate@4.4.1_pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3__-BC_H5euo.js";import"./destr@2.0.5-Ctyiwlcu.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@3.0.3_typescript@5.9.3_vue@3.5.25_typescript@5.9.3_-Bshsd_Oe.js";import"./html-to-image@1.11.13-DOj4Zvaj.js";import"./@vue_runtime-dom@3.5.25-qbdLeVMc.js";import"./@vue_shared@3.5.25-ClSOc5xY.js";import"./vue-i18n@11.1.3_vue@3.5.25_typescript@5.9.3_-DnWoR0oZ.js";import"./@intlify_core-base@11.1.3-Cez6J5Vx.js";import"./@intlify_shared@11.1.3-Byx4ULsF.js";import"./@intlify_message-compiler@11.1.3-DphV8pYf.js";import"./echarts@6.0.0-DFotDgc6.js";import"./tslib@2.3.0-Cg4x8ZAA.js";import"./zrender@6.0.0-Co73lGCa.js";import"./interactjs@1.10.27-C3ZPOoID.js";import"./classnames@2.5.1-CU_BXU7G.js";import"./vue-router@4.6.3_vue@3.5.25_typescript@5.9.3_-kLD3n5ZM.js";import"./mobx@5.15.7-iy9XXgsZ.js";import"./uuid@9.0.1-CtRu48qb.js";import"./mousetrap@1.6.5-B3zpTV0k.js";import"./mobx-utils@5.6.2_mobx@5.15.7-BeM5AP8N.js";import"./date-fns@4.1.0-D7sOP3Nv.js";import"./seemly@0.3.10-8_5gPa5q.js";import"./vueuc@0.4.65_vue@3.5.25_typescript@5.9.3_-BiVDcjr0.js";import"./evtd@0.2.4-w6UMCrcr.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.25_typescript@5.9.3_-DbFiQpGI.js";import"./vooks@0.2.12_vue@3.5.25_typescript@5.9.3_-CkUeikoP.js";import"./vdirs@0.1.8_vue@3.5.25_typescript@5.9.3_-D2i3_uv1.js";import"./@juggle_resize-observer@3.4.0-DB6f1vmu.js";import"./css-render@0.15.14-DTtBB2Mk.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-fnkdj-jo.js";import"./date-fns-tz@3.2.0_date-fns@4.1.0-D_9zH1c_.js";import"./async-validator@4.2.5-B7g11KvB.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-DQkPmH6r.js";function Ce(l){return typeof l=="function"||Object.prototype.toString.call(l)==="[object Object]"&&!ke(l)}const bt=ge({name:"TableProDemo",setup(){const{format:l}=ne(),{info:G}=de(),[h,{formModel:k,reset:v}]=oe({RangeTime:null,name:null,status:null}),[n,{runTableRequest:m,getCurrentTableRequestParams:O,print:D,downloadCsv:F,runAsyncTableRequest:z,setPage:P,setPageSize:V,resetTablePagination:I}]=ie(),f=p([]),C=p([{type:"selection"},{title:"Name",key:"name"},{title:"Sign Status",key:"statusText"},{title:"Sign Time",key:"signTimeStart",render:u=>l(u.signTimeStart)+" ~ "+l(u.signTimeEnd)},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"Tags",key:"tags",render:u=>u.tags.map(o=>e(fe,{type:"info",bordered:!1,style:"margin-right: 6px"},Ce(o)?o:{default:()=>[o]}))},{title:"Remark",key:"remark"}]),g=p(0),A=p(k()),R=p((()=>{const d=[],o=L().valueOf();for(let r=0;r<30;r++)d.push({key:me(),name:H.Random.cname(),age:r+20,address:H.Random.city(),tags:["nice","developer"],remark:"我是一条很长很长的备注",status:r%2===0?"success":"error",statusText:r%2===0?"在线":"离线",signTimeStart:L(o).add(r*2,"year").valueOf(),signTimeEnd:L(o).add(r+5,"day").valueOf()});return d})()),B=p({pagination:!0,manual:!1}),[w,{checkedRowKeysBind:S,getKeys:K,getRows:t,clearKey:Z,clearAll:_,selectKey:$}]=le(f,C,{rowKey:"key",onChange:(u,d,o)=>{}}),Q=p(!0),E=u=>u==null,W=u=>new Promise(d=>{const{page:o=1,pageSize:r=10,name:N,status:U,signTimeStart:x,signTimeEnd:q}=u||{};let s=R.value;const ae=R.value.length;N&&(s=s.filter(c=>c.name.includes(N))),U&&(s=s.filter(c=>c.status===U)),x&&q&&(s=s.filter(c=>c.signTimeStart>=x&&c.signTimeEnd<=q)),s=s.slice((o-1)*r,o*r),setTimeout(()=>{d({code:0,data:s,total:E(U)&&E(N)&&(E(x)||E(q))?ae:s.length,message:"success",page:o,pageSize:r})},1e3)}),{run:ee,loading:te}=ue(W,{onSuccess:u=>{const{data:d,total:o}=u;f.value=d,g.value=o}});return{tableDataRef:f,baseColumns:C,itemCountRef:g,loadingGetPersonList:te,runGetPersonList:ee,conditionRef:A,radioRef:B,runTableRequest:m,tableProRegister:n,print:D,downloadCsv:F,checkedRowKeysBind:S,checkedRowKeys:w,getKeys:K,getRows:t,clearKey:Z,clearAll:_,collapseRef:Q,selectKey:$,register:h,reset:v,setPage:P,setPageSize:V,resetTablePagination:I,infoDialog:G}},render(){const{tableDataRef:l,baseColumns:G,itemCountRef:h,loadingGetPersonList:k,runGetPersonList:v,conditionRef:n,radioRef:m,runTableRequest:O,tableProRegister:D,print:F,downloadCsv:z,checkedRowKeysBind:P,getKeys:V,getRows:I,clearKey:f,clearAll:C,selectKey:g,register:A,reset:R,setPage:B,setPageSize:w,resetTablePagination:S,infoDialog:K}=this;return e(y,{vertical:!0,class:"h-full"},{default:()=>[e(re,{open:this.collapseRef,onRegister:A},{default:()=>e(ye,null,[e(T,{label:"用户名"},{default:()=>[e(J,{value:n.name,"onUpdate:value":t=>n.name=t,clearable:!0},null)]}),e(T,{label:"状态"},{default:()=>[e(pe,{value:n.status,"onUpdate:value":t=>n.status=t,clearable:!0,options:[{label:"成功",value:"success"},{label:"失败",value:"error"}]},null)]}),e(T,{label:"登陆时间"},{default:()=>[e(ce,{type:"datetimerange",value:n.RangeTime,"onUpdate:value":t=>n.RangeTime=t,clearable:!0},null)]}),e(T,{label:"演示折叠的条件框"},{default:()=>[e(J,{readonly:!0,placeholder:"我只是为了占位"},null)]})]),action:()=>e(y,null,{default:()=>[e(i,{onClick:()=>R(this.conditionRef)},{default:()=>[a("重置")]}),e(i,{type:"primary",onClick:()=>O(),loading:k},{default:()=>[a("查询")]})]}),collapse:t=>t?e(i,{onClick:()=>this.collapseRef=!0,secondary:!0},{default:()=>"受控展开",icon:()=>e(M,{name:"dark",size:"18"},null)}):e(i,{onClick:()=>this.collapseRef=!1,secondary:!0},{default:()=>"受控收起",icon:()=>e(M,{name:"light",size:"18"},null)})}),e(j,{title:"常用高级拓展功能"},{default:()=>[e(y,null,{default:()=>[e(X,{label:"分页"},{default:()=>[e(Y,{value:m.pagination,"onUpdate:value":t=>m.pagination=t},{default:()=>[e(b,{value:!0},{default:()=>[a("显示分页")]}),e(b,{value:!1},{default:()=>[a("隐藏分页")]})]})]}),e(X,{label:"自动更新"},{default:()=>[e(Y,{value:m.manual,"onUpdate:value":t=>m.manual=t},{default:()=>[e(b,{value:!1},{default:()=>[a("自动更新")]}),e(b,{value:!0},{default:()=>[a("取消自动")]})]})]})]})]}),e(j,{title:"useTablePro 部分方法"},{default:()=>[e(y,null,{default:()=>[e(i,{type:"primary",onClick:()=>F()},{default:()=>[a("打印")]}),e(i,{type:"primary",onClick:()=>{K({title:"下载 CSV",content:"下载 CSV",positiveText:"下载",negativeText:"取消",onPositiveClick:()=>{z()}})}},{default:()=>[a("下载 csv")]}),e(i,{type:"primary",onClick:()=>B(2)},{default:()=>[a("设置分页页码为 2")]}),e(i,{type:"primary",onClick:()=>w(20)},{default:()=>[a("设置分页每页条数为 20")]}),e(i,{type:"primary",onClick:()=>S()},{default:()=>[a("重置分页")]})]})]}),e(j,{title:"useCheckedRowKeys 部分方法"},{default:()=>[e(y,null,{default:()=>[e(i,{type:"primary",onClick:()=>{const t=l[1].key;g(t)}},{default:()=>[a("选中第二行")]}),e(i,{type:"primary",onClick:()=>{const t=l[1].key;f(t)}},{default:()=>[a("取消选中第二行")]}),e(i,{type:"primary",onClick:()=>{l?.forEach(t=>g(t.key))}},{default:()=>[a("选中当前页面所有行")]}),e(i,{type:"primary",onClick:()=>{C()}},{default:()=>[a("取消所有已选中行")]})]})]}),e(se,{takeoverAutoHeight:!0,onRegister:D,data:l,columns:this.baseColumns,"onUpdate:columns":t=>this.baseColumns=t,loading:k,paginationCount:h,request:v,requestConfig:{params:n,formatRangeTime:[{key:"RangeTime",target:["signTimeStart","signTimeEnd"]}]},showPagination:m.pagination,manual:m.manual,rowKey:t=>t.key,checkedRowKeys:this.checkedRowKeys,"onUpdate:checkedRowKeys":t=>this.checkedRowKeys=t,onUpdateCheckedRowKeys:P},null)]})}});export{bt as default};