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

import{j as ae,Z as ue,$ as oe,T as le,z as M,X as re,Y as ie}from"./hooks-CkuihJ2J.js";import{m as se}from"./utils-BPTDWjJB.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./crypto-js@4.2.0-BC7ZohPc.js";import"./print-js@1.6.0-DO6wNZql.js";import{a as ne}from"./vue-hooks-plus@2.4.1_vue@3.5.22_typescript@5.8.3_-BzR0ILoJ.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-CSmfy_M5.js";import"./jsbarcode@3.11.6-_Q8BloHp.js";import"./@logicflow_core@2.0.10-9WfPQnfd.js";import"./mobx-preact@3.0.0_mobx@5.15.7_preact@10.25.4-SwmSNyX5.js";import"./preact@10.25.4-CrjB-ZC0.js";import"./instance-DHBzlXKU.js";import{M as V}from"./mockjs@1.1.0-ege38Uil.js";import{d as x}from"./dayjs@1.11.13-Dcmsq1le.js";import{e as f,P as r,al as h,M as H,H as me,am as de,N as z,I as J,aj as X,an as b,w as pe}from"./naive-ui@2.42.0_vue@3.5.22_typescript@5.8.3_-B-2U36al.js";import{m as ce,d as e,J as a,F as fe,q as ge}from"./@vue_runtime-core@3.5.22-0v1MMfjG.js";import{k as p}from"./@vue_reactivity@3.5.22-BvBzZonp.js";import"./lodash-es@4.17.21-UVJw7vmf.js";import"./@vueuse_core@13.1.0_vue@3.5.22_typescript@5.8.3_-CMmEUp66.js";import"./@vueuse_shared@13.1.0_vue@3.5.22_typescript@5.8.3_-5MQZzf_V.js";import"./pinia-plugin-persistedstate@4.4.1_@nuxt_kit@3.15.0_rollup@4.40.0__pinia@3.0.3_typescript@5.8._z3r6ibho6sncadeyaqibeixgtm-Nz2jvMPc.js";import"./destr@2.0.5-BPvN1X9m.js";import"./deep-pick-omit@1.2.1-CegYQlcN.js";import"./pinia@3.0.3_typescript@5.8.3_vue@3.5.22_typescript@5.8.3_-DN8CPY6I.js";import"./html-to-image@1.11.13-C6a6vdc2.js";import"./vue-router@4.6.3_vue@3.5.22_typescript@5.8.3_-DWPAxlpM.js";import"./@vue_runtime-dom@3.5.22-Ieyd1mDe.js";import"./@vue_shared@3.5.22-Dikn8ojA.js";import"./interactjs@1.10.27-BJB5VkCx.js";import"./classnames@2.5.1-Dfc4g_b4.js";import"./vue-i18n@9.13.1_vue@3.5.22_typescript@5.8.3_-C2xKEF9G.js";import"./@intlify_shared@9.13.1-CM6R_CZ5.js";import"./@intlify_core-base@9.13.1-BNWv53cz.js";import"./@intlify_message-compiler@9.13.1-4K4Nd_mc.js";import"./echarts@6.0.0-BTrF8XjC.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./zrender@6.0.0-Dzb6jg8s.js";import"./mobx@5.15.7-DLDjekon.js";import"./uuid@9.0.1-CtRu48qb.js";import"./mousetrap@1.6.5-OHXNXF9n.js";import"./mobx-utils@5.6.2_mobx@5.15.7-CmgHUCcI.js";import"./axios@1.10.0-Dq7h7Pqt.js";import"./date-fns@3.6.0-BMcLdxE-.js";import"./seemly@0.3.9-DfXeAbNj.js";import"./vueuc@0.4.65_vue@3.5.22_typescript@5.8.3_-DO3TRUEm.js";import"./evtd@0.2.4-CI_DDEu_.js";import"./@css-render_vue3-ssr@0.15.14_vue@3.5.22_typescript@5.8.3_-sfXRLDlE.js";import"./vooks@0.2.12_vue@3.5.22_typescript@5.8.3_-VLnMYPF3.js";import"./vdirs@0.1.8_vue@3.5.22_typescript@5.8.3_-BAjskub0.js";import"./@juggle_resize-observer@3.4.0-C8OzoCMD.js";import"./css-render@0.15.14-C5toWlUr.js";import"./@emotion_hash@0.8.0-WldOFDRm.js";import"./treemate@0.3.11-DKekKYbv.js";import"./date-fns-tz@3.2.0_date-fns@3.6.0-7cEoHFIO.js";import"./async-validator@4.2.5-9PlIezaS.js";import"./@css-render_plugin-bem@0.15.14_css-render@0.15.14-Be8eOoM-.js";function ye(u){return typeof u=="function"||Object.prototype.toString.call(u)==="[object Object]"&&!ge(u)}const Et=ce({name:"TableProDemo",setup(){const{format:u}=ie(),[G,{formModel:v,reset:g}]=ae({RangeTime:null,name:null,status:null}),[D,{runTableRequest:n,getCurrentTableRequestParams:d,print:F,downloadCsv:P,runAsyncTableRequest:O,setPage:A,setPageSize:w,resetTablePagination:I}]=ue(),y=p([]),k=p([{type:"selection"},{title:"Name",key:"name"},{title:"Sign Status",key:"statusText"},{title:"Sign Time",key:"signTimeStart",render:o=>u(o.signTimeStart)+" ~ "+u(o.signTimeEnd)},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"Tags",key:"tags",render:o=>o.tags.map(l=>e(pe,{type:"info",bordered:!1,style:"margin-right: 6px"},ye(l)?l:{default:()=>[l]}))},{title:"Remark",key:"remark"}]),C=p(0),R=p(v()),E=p((()=>{const m=[],l=x().valueOf();for(let i=0;i<30;i++)m.push({key:se(),name:V.Random.cname(),age:i+20,address:V.Random.city(),tags:["nice","developer"],remark:"我是一条很长很长的备注",status:i%2===0?"success":"error",statusText:i%2===0?"在线":"离线",signTimeStart:x(l).add(i*2,"year").valueOf(),signTimeEnd:x(l).add(i+5,"day").valueOf()});return m})()),B=p({pagination:!0,manual:!1}),[K,{checkedRowKeysBind:N,getKeys:S,getRows:t,clearKey:Y,clearAll:Z,selectKey:_}]=oe(y,k,{rowKey:"key",onChange:(o,m,l)=>{}}),$=p(!0),T=o=>o==null,Q=o=>new Promise(m=>{const{page:l=1,pageSize:i=10,name:U,status:q,signTimeStart:j,signTimeEnd:L}=o||{};let s=E.value;const te=E.value.length;U&&(s=s.filter(c=>c.name.includes(U))),q&&(s=s.filter(c=>c.status===q)),j&&L&&(s=s.filter(c=>c.signTimeStart>=j&&c.signTimeEnd<=L)),s=s.slice((l-1)*i,l*i),setTimeout(()=>{m({code:0,data:s,total:T(q)&&T(U)&&(T(j)||T(L))?te:s.length,message:"success",page:l,pageSize:i})},1e3)}),{run:W,loading:ee}=ne(Q,{onSuccess:o=>{const{data:m,total:l}=o;y.value=m,C.value=l}});return{tableDataRef:y,baseColumns:k,itemCountRef:C,loadingGetPersonList:ee,runGetPersonList:W,conditionRef:R,radioRef:B,runTableRequest:n,tableProRegister:D,print:F,downloadCsv:P,checkedRowKeysBind:N,checkedRowKeys:K,getKeys:S,getRows:t,clearKey:Y,clearAll:Z,collapseRef:$,selectKey:_,register:G,reset:g,setPage:A,setPageSize:w,resetTablePagination:I}},render(){const{tableDataRef:u,baseColumns:G,itemCountRef:v,loadingGetPersonList:g,runGetPersonList:D,conditionRef:n,radioRef:d,runTableRequest:F,tableProRegister:P,print:O,downloadCsv:A,checkedRowKeysBind:w,getKeys:I,getRows:y,clearKey:k,clearAll:C,selectKey:R,register:E,reset:B,setPage:K,setPageSize:N,resetTablePagination:S}=this;return e(f,{vertical:!0,class:"h-full"},{default:()=>[e(le,{open:this.collapseRef,onRegister:E},{default:()=>e(fe,null,[e(h,{label:"用户名"},{default:()=>[e(H,{value:n.name,"onUpdate:value":t=>n.name=t,clearable:!0},null)]}),e(h,{label:"状态"},{default:()=>[e(me,{value:n.status,"onUpdate:value":t=>n.status=t,clearable:!0,options:[{label:"成功",value:"success"},{label:"失败",value:"error"}]},null)]}),e(h,{label:"登陆时间"},{default:()=>[e(de,{type:"datetimerange",value:n.RangeTime,"onUpdate:value":t=>n.RangeTime=t,clearable:!0},null)]}),e(h,{label:"演示折叠的条件框"},{default:()=>[e(H,{readonly:!0,placeholder:"我只是为了占位"},null)]})]),action:()=>e(f,null,{default:()=>[e(r,{onClick:()=>B(this.conditionRef)},{default:()=>[a("重置")]}),e(r,{type:"primary",onClick:()=>F(),loading:g},{default:()=>[a("查询")]})]}),collapse:t=>t?e(r,{onClick:()=>this.collapseRef=!0,secondary:!0},{default:()=>"受控展开",icon:()=>e(M,{name:"dark",size:"18"},null)}):e(r,{onClick:()=>this.collapseRef=!1,secondary:!0},{default:()=>"受控收起",icon:()=>e(M,{name:"light",size:"18"},null)})}),e(z,{title:"常用高级拓展功能"},{default:()=>[e(f,null,{default:()=>[e(J,{label:"分页"},{default:()=>[e(X,{value:d.pagination,"onUpdate:value":t=>d.pagination=t},{default:()=>[e(b,{value:!0},{default:()=>[a("显示分页")]}),e(b,{value:!1},{default:()=>[a("隐藏分页")]})]})]}),e(J,{label:"自动更新"},{default:()=>[e(X,{value:d.manual,"onUpdate:value":t=>d.manual=t},{default:()=>[e(b,{value:!1},{default:()=>[a("自动更新")]}),e(b,{value:!0},{default:()=>[a("取消自动")]})]})]})]})]}),e(z,{title:"useTablePro 部分方法"},{default:()=>[e(f,null,{default:()=>[e(r,{type:"primary",onClick:()=>O()},{default:()=>[a("打印")]}),e(r,{type:"primary",onClick:()=>A()},{default:()=>[a("下载 csv")]}),e(r,{type:"primary",onClick:()=>K(2)},{default:()=>[a("设置分页页码为 2")]}),e(r,{type:"primary",onClick:()=>N(20)},{default:()=>[a("设置分页每页条数为 20")]}),e(r,{type:"primary",onClick:()=>S()},{default:()=>[a("重置分页")]})]})]}),e(z,{title:"useCheckedRowKeys 部分方法"},{default:()=>[e(f,null,{default:()=>[e(r,{type:"primary",onClick:()=>{const t=u[1].key;R(t)}},{default:()=>[a("选中第二行")]}),e(r,{type:"primary",onClick:()=>{const t=u[1].key;k(t)}},{default:()=>[a("取消选中第二行")]}),e(r,{type:"primary",onClick:()=>{u==null||u.forEach(t=>R(t.key))}},{default:()=>[a("选中当前页面所有行")]}),e(r,{type:"primary",onClick:()=>{C()}},{default:()=>[a("取消所有已选中行")]})]})]}),e(re,{takeoverAutoHeight:!0,onRegister:P,data:u,columns:this.baseColumns,"onUpdate:columns":t=>this.baseColumns=t,loading:g,paginationCount:v,request:D,requestConfig:{params:n,formatRangeTime:[{key:"RangeTime",target:["signTimeStart","signTimeEnd"]}]},showPagination:d.pagination,manual:d.manual,rowKey:t=>t.key,checkedRowKeys:this.checkedRowKeys,"onUpdate:checkedRowKeys":t=>this.checkedRowKeys=t,onUpdateCheckedRowKeys:w},null)]})}});export{Et as default};