ray-template/js/index-CM8XEO16.js

import{a3 as V,$ as z,T as G,U as L,y as j,a4 as P}from"./hooks-MEhk8snd.js";import{n as _}from"./utils-DJW6-rvp.js";import"./currency.js@2.0.4-BSkspdt3.js";import"./crypto-js@4.2.0-Bv3pmx0c.js";import"./dayjs@1.11.13-DqFijdaO.js";import"./print-js@1.6.0-jNcZ-gME.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{e as n,w as K,N as D,ag as X,B as u,b as r,R as Y,D as F,am as q,o as H,T as Q}from"./naive-ui@2.43.2_vue@3.5.25_typescript@5.9.3_-CuzQtRgy.js";import{m as W,d as e,J as o,t as Z,F as I}from"./@vue_runtime-core@3.5.25-CyFcdXRD.js";import{k as x,h as ee,y as te}from"./@vue_reactivity@3.5.25-CWykDyL9.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"./lodash-es@4.17.21-CFdI1ypR.js";import"./vue-hooks-plus@2.4.1_vue@3.5.25_typescript@5.9.3_-CTUohtp4.js";import"./js-cookie@3.0.5-W_rRtFe1.js";import"./screenfull@5.2.0-wmrknyQD.js";import"./classnames@2.5.1-CU_BXU7G.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"./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 T(i){return typeof i=="function"||Object.prototype.toString.call(i)==="[object Object]"&&!Z(i)}const ot=W({name:"TableView",setup(){const[i,{getTableInstance:c,clearFilters:p,clearSorter:m,scrollTo:f,filters:C,sort:k,downloadCsv:y,print:h}]=V(),w=[{type:"selection"},{title:"Name",key:"name",filterOptions:[{label:"John Brown",value:"John Brown"},{label:"Jim Green",value:"Jim Green"}],filter:(t,a)=>a.name.includes(t.toString())},{title:"Age",key:"age",sorter:(t,a)=>t.age-a.age},{title:"Address",key:"address"},{title:"Tags",key:"tags",render:t=>t.tags.map(d=>e(K,{type:"info",bordered:!1,style:"margin-right: 6px"},T(d)?d:{default:()=>[d]}))},{title:"Remark",key:"remark"},{title:"Action",key:"actions",render:t=>e(n,{align:"center"},{default:()=>[e(u,{size:"tiny"},{default:()=>[o("查看")]}),e(P,{options:[{label:"编辑",key:"edit"},{label:"新增",key:"add"}],onSelect:a=>{window.$message.info(`当前选择: ${a}`)}},null)]})}],b=x([...w].map((t,a)=>({...t}))),s=x([]),g=[{label:"编辑",key:"edit"},{label:()=>e("span",{style:"color: red;"},[o("删除")]),key:"delete"}],E=ee({gridItemCount:4,gridCollapsedRows:1,tableLoading:!1}),[N,{checkedRowKeysBind:B,getKeys:R,getRows:l,clearKey:v,clearAll:A,selectKey:S}]=z(s,b,{rowKey:"key",onChange:(t,a,d)=>{}}),O=()=>{for(let t=0;t<10;t++)s.value.push({key:_(),name:t%2===0?"John Brown":"Jim Green",age:t+20,address:"New York No. 1 Lake Park",tags:["nice","developer"],remark:"我是一条很长很长的备注"})},$=t=>{window.$message.info(`${t}`)},J=()=>{const{key:t}=s.value[1];v(t)},M=()=>{s.value.map(a=>a.key).forEach(a=>S(a))},U=()=>{const{key:t}=s.value[1];S(t)};return O(),{...te(E),tableData:s,actionColumns:b,baseColumns:w,tableMenuOptions:g,menuSelect:$,register:i,getKeys:R,getRows:l,clearKey:v,clearAll:A,checkedRowKeysBind:B,checkedRowKeys:N,clearSecondIndexRow:J,selectAll:M,selectSecondIndexRow:U,clearFilters:p,clearSorter:m,scrollTo:f,filters:C,sort:k,downloadCsv:y,getTableInstance:c,print:h}},render(){let i;const{register:c,clearAll:p,checkedRowKeysBind:m,clearSecondIndexRow:f,selectAll:C,selectSecondIndexRow:k,clearFilters:y,clearSorter:h,scrollTo:w,filters:b,sort:s,downloadCsv:g,getTableInstance:E,getRows:N,getKeys:B,print:R}=this;return e(n,{vertical:!0},{default:()=>[e(D,{title:"RTable"},{default:()=>[o("基于 NDataTable 封装，继承该组件所有 props 属性。查看 RTable props 文件即可查看该组件拓展项")]}),e(D,{title:"useTable"},{default:()=>[e(n,{vertical:!0,style:"width: 100%"},{default:()=>[e(X,{title:"DataTable Methods",type:"info"},{default:()=>[o("其余的方法查看")," ",e("a",{style:"color: transparent",href:"https://www.naiveui.com/zh-CN/dark/components/data-table#DataTable-Methods"},[o("Naive UI")]),o("官网，保持一致。")]}),e(n,null,{default:()=>[e(u,{onClick:h.bind(this)},{default:()=>[o("清除所有排序")]}),e(u,{onClick:y.bind(this)},{default:()=>[o("清除所有过滤")]}),e(u,{onClick:()=>{g()}},{default:()=>[o("下载 CSV")]}),e(u,{onClick:()=>E()},{default:()=>[o("getTableInstance")]}),e(u,{onClick:()=>R()},{default:()=>[o("打印")]})]})]})]}),e(D,{title:"useCheckedRowKeys"},{default:()=>[e(n,{vertical:!0},{default:()=>[e(n,null,{default:()=>[e(u,{onClick:C.bind(this)},{default:()=>[o("选中所有行")]}),e(u,{onClick:p.bind(this)},{default:()=>[o("取消所有已选中行")]}),e(u,{onClick:k.bind(this)},{default:()=>[o("选中第二行")]}),e(u,{onClick:f.bind(this)},{default:()=>[o("取消第二行选中")]})]}),e(n,null,T(i=this.checkedRowKeys.map(l=>e(K,{type:"success",key:l},T(l)?l:{default:()=>[l]})))?i:{default:()=>[i]})]})]}),e(G,{collapsedRows:this.gridCollapsedRows,cols:this.gridItemCount,onUpdateOpen:l=>window.$message.info(`我是 RCollapse 组件${l?"收起":"展开"}的回调函数`)},{action:()=>e(I,null,[e(u,{type:"primary"},{default:()=>[o("搜索")]}),e(u,null,{default:()=>[o("重置")]})]),default:()=>e(I,null,[e(r,null,{default:()=>[e(Y,null,null)]}),e(r,null,{default:()=>[e(F,null,null)]}),e(r,null,{default:()=>[e(q,{type:"datetimerange",clearable:!0},null)]}),e(r,null,{default:()=>[e(F,null,null)]}),e(r,null,{default:()=>[e(F,null,null)]})])}),e(L,{checkedRowKeys:this.checkedRowKeys,"onUpdate:checkedRowKeys":l=>this.checkedRowKeys=l,onUpdateCheckedRowKeys:m.bind(this),onRegister:c.bind(this),scrollX:1e3,title:e(n,{align:"center"},{default:()=>[e("span",null,[o("标题插槽:")]),e(Q,{onUpdateValue:l=>this.tableLoading=l},null)]}),data:this.tableData,columns:this.actionColumns,"onUpdate:columns":l=>this.actionColumns=l,pagination:{pageSize:10},contextMenuOptions:this.tableMenuOptions,loading:this.tableLoading,onContextMenuClick:this.menuSelect.bind(this),toolOptions:[e(H,null,{trigger:()=>e(j,{name:"search",size:"18",cursor:"pointer",onClick:()=>{window.$message.info("点击了搜索按钮")}},null),default:()=>"我是自定义工具栏示例"})],rowKey:l=>l.key,striped:!0},{tableFooter:()=>"表格的底部内容区域插槽，有时候你可能会用上",tableAction:()=>"表格的操作区域内容插槽，有时候可能会用上"})]})}});export{ot as default};