ray-template/js/index-CdeURngn.js

import{K as V,E as p,F as m,r as N,M as g}from"./hooks-C31FuUB3.js";import{u as f}from"./utils-C5Rf5pTn.js";import"./dayjs@1.11.10-BYZwCyGy.js";import"./print-js@1.6.0-C3lAJnMa.js";import"./currency.js@2.0.4-9OAR_aOO.js";import"./awesome-qr@2.1.5-rc.0-Ds7AaOTE.js";import"./lodash-es@4.17.21-C8H4BJij.js";import"./@vueuse_core@10.9.0_vue@3.4.21-Bvgt9rw0.js";import"./@vueuse_shared@10.9.0_vue@3.4.21-JDL3uqC1.js";import"./vue-hooks-plus@1.8.8_vue@3.4.21-C_BRgauB.js";import"./lodash@4.17.21-CM7ROh5r.js";import"./js-cookie@3.0.5-Z_8Sd105.js";import"./screenfull@5.2.0-DuGDi0R7.js";import"./interactjs@1.10.26-DmsZVOf4.js";import"./pinia-plugin-persistedstate@3.2.1_pinia@2.1.7-RV7uh3T-.js";import"./dom-to-image@2.6.0-CaeIWam-.js";import"./echarts@5.5.0-BEyY33Zi.js";import"./zrender@5.5.0-JN1hODMT.js";import"./tslib@2.3.0-BDyQ-Jie.js";import"./@vue_runtime-core@3.4.21-DW3iHaBZ.js";import"./@vue_reactivity@3.4.21-8_tu8c_o.js";import"./@vue_shared@3.4.21-DCcVmNGw.js";import"./canvas@2.11.2-CVRTzJty.js";import"./js-binary-schema-parser@2.0.3-D0akQrQ7.js";function b(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!Vue.isVNode(t)}const q=Vue.defineComponent({name:"TableView",setup(){const[t,{getTableInstance:a,clearFilters:v,clearSorter:C,scrollTo:k,filters:w,sort:h}]=V(),u=[{title:"Name",key:"name"},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"Tags",key:"tags",render:e=>e.tags.map(o=>Vue.createVNode(naive.NTag,{type:"info",bordered:!1,style:"margin-right: 6px"},b(o)?o:{default:()=>[o]}))},{title:"Remark",key:"remark",width:100},{title:"Action",key:"actions",render:e=>Vue.createVNode(naive.NFlex,{align:"center"},{default:()=>[Vue.createVNode(naive.NButton,{size:"tiny"},{default:()=>[Vue.createTextVNode("查看")]}),Vue.createVNode(g,{options:[{label:"编辑",key:"edit"},{label:"新增",key:"add"}],onSelect:l=>{window.$message.info(`当前选择: ${l}`)}},null)]})}],n=Vue.ref([...u].map(e=>({...e,width:400}))),r=Vue.ref([]),i=[{label:"编辑",key:"edit"},{label:()=>Vue.createVNode("span",{style:"color: red;"},[Vue.createTextVNode("删除")]),key:"delete"}],d=Vue.reactive({gridItemCount:4,gridCollapsedRows:1,tableLoading:!1}),s=()=>{for(let e=0;e<20;e++)r.value.push({key:f(),name:"John Brown",age:e+20,address:"New York No. 1 Lake Park",tags:["nice","developer"],remark:"我是一条很长很长的备注"})},c=e=>{window.$message.info(`${e}`)};return s(),{...Vue.toRefs(d),tableData:r,actionColumns:n,baseColumns:u,tableMenuOptions:i,menuSelect:c,register:t}},render(){const{register:t}=this;return Vue.createVNode(naive.NFlex,{vertical:!0},{default:()=>[Vue.createVNode(naive.NCard,{title:"RTable"},{default:()=>[Vue.createTextVNode("基于 NDataTable 封装，继承该组件所有 props 属性。查看 RTable props 文件即可查看该组件拓展项")]}),Vue.createVNode(p,{bordered:!1,collapsedRows:this.gridCollapsedRows,cols:this.gridItemCount,onUpdateValue:a=>window.$message.info(`我是 RCollapseGrid 组件${a?"收起":"展开"}的回调函数`)},{action:()=>Vue.createVNode(Vue.Fragment,null,[Vue.createVNode(naive.NButton,{type:"primary"},{default:()=>[Vue.createTextVNode("搜索")]}),Vue.createVNode(naive.NButton,null,{default:()=>[Vue.createTextVNode("重置")]})]),default:()=>Vue.createVNode(Vue.Fragment,null,[Vue.createVNode(naive.NGridItem,null,{default:()=>[Vue.createVNode(naive.NSelect,null,null)]}),Vue.createVNode(naive.NGridItem,null,{default:()=>[Vue.createVNode(naive.NInput,null,null)]}),Vue.createVNode(naive.NGridItem,null,{default:()=>[Vue.createVNode(naive.NDatePicker,{type:"datetimerange",clearable:!0},null)]}),Vue.createVNode(naive.NGridItem,null,{default:()=>[Vue.createVNode(naive.NInput,null,null)]}),Vue.createVNode(naive.NGridItem,null,{default:()=>[Vue.createVNode(naive.NInput,null,null)]})])}),Vue.createVNode(m,{onRegister:t.bind(this),scrollX:1e3,title:Vue.createVNode(naive.NFlex,{align:"center"},{default:()=>[Vue.createVNode("span",null,[Vue.createTextVNode("标题插槽:")]),Vue.createVNode(naive.NSwitch,{onUpdateValue:a=>this.tableLoading=a},null)]}),data:this.tableData,columns:this.actionColumns,"onUpdate:columns":a=>this.actionColumns=a,pagination:{pageSize:10},contextMenuOptions:this.tableMenuOptions,loading:this.tableLoading,onContextMenuClick:this.menuSelect.bind(this),toolOptions:[Vue.createVNode(naive.NPopover,null,{trigger:()=>Vue.createVNode(N,{name:"search",size:"18",cursor:"pointer",onClick:()=>{window.$message.info("点击了搜索按钮")}},null),default:()=>"我是自定义工具栏示例"})]},{tableFooter:()=>"表格的底部内容区域插槽，有时候你可能会用上",tableAction:()=>"表格的操作区域内容插槽，有时候可能会用上"})]})}});export{q as default};