primevue/dataview/dataview.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import{ObjectUtils as t}from"primevue/utils";import e from"primevue/paginator";import{resolveComponent as a,openBlock as s,createElementBlock as r,normalizeClass as o,renderSlot as i,createCommentVNode as l,createBlock as n,createSlots as p,withCtx as d,createElementVNode as g,Fragment as u,renderList as h}from"vue";var m={name:"DataView",emits:["update:first","update:rows","page"],props:{value:{type:Array,default:null},layout:{type:String,default:"list"},rows:{type:Number,default:0},first:{type:Number,default:0},totalRecords:{type:Number,default:0},paginator:{type:Boolean,default:!1},paginatorPosition:{type:String,default:"bottom"},alwaysShowPaginator:{type:Boolean,default:!0},paginatorTemplate:{type:String,default:"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"},pageLinkSize:{type:Number,default:5},rowsPerPageOptions:{type:Array,default:null},currentPageReportTemplate:{type:String,default:"({currentPage} of {totalPages})"},sortField:{type:[String,Function],default:null},sortOrder:{type:Number,default:null},lazy:{type:Boolean,default:!1},dataKey:{type:String,default:null}},data(){return{d_first:this.first,d_rows:this.rows}},watch:{first(t){this.d_first=t},rows(t){this.d_rows=t},sortField(){this.resetPage()},sortOrder(){this.resetPage()}},methods:{getKey(e,a){return this.dataKey?t.resolveFieldData(e,this.dataKey):a},onPage(t){this.d_first=t.first,this.d_rows=t.rows,this.$emit("update:first",this.d_first),this.$emit("update:rows",this.d_rows),this.$emit("page",t)},sort(){if(this.value){const e=[...this.value];return e.sort(((e,a)=>{let s=t.resolveFieldData(e,this.sortField),r=t.resolveFieldData(a,this.sortField),o=null;return o=null==s&&null!=r?-1:null!=s&&null==r?1:null==s&&null==r?0:"string"==typeof s&&"string"==typeof r?s.localeCompare(r,void 0,{numeric:!0}):s<r?-1:s>r?1:0,this.sortOrder*o})),e}return null},resetPage(){this.d_first=0,this.$emit("update:first",this.d_first)}},computed:{containerClass(){return["p-dataview p-component",{"p-dataview-list":"list"===this.layout,"p-dataview-grid":"grid"===this.layout}]},getTotalRecords(){return this.totalRecords?this.totalRecords:this.value?this.value.length:0},empty(){return!this.value||0===this.value.length},paginatorTop(){return this.paginator&&("bottom"!==this.paginatorPosition||"both"===this.paginatorPosition)},paginatorBottom(){return this.paginator&&("top"!==this.paginatorPosition||"both"===this.paginatorPosition)},items(){if(this.value&&this.value.length){let t=this.value;if(t&&t.length&&this.sortField&&(t=this.sort()),this.paginator){const e=this.lazy?0:this.d_first;return t.slice(e,e+this.d_rows)}return t}return null}},components:{DVPaginator:e}};const y={key:0,class:"p-dataview-header"},f={class:"p-dataview-content"},w={class:"p-grid p-nogutter grid grid-nogutter"},P={key:0,class:"p-col col"},c={class:"p-dataview-emptymessage"},v={key:3,class:"p-dataview-footer"};m.render=function(t,e,m,k,$,S){const R=a("DVPaginator");return s(),r("div",{class:o(S.containerClass)},[t.$slots.header?(s(),r("div",y,[i(t.$slots,"header")])):l("",!0),S.paginatorTop?(s(),n(R,{key:1,rows:$.d_rows,first:$.d_first,totalRecords:S.getTotalRecords,pageLinkSize:m.pageLinkSize,template:m.paginatorTemplate,rowsPerPageOptions:m.rowsPerPageOptions,currentPageReportTemplate:m.currentPageReportTemplate,class:o({"p-paginator-top":S.paginatorTop}),alwaysShow:m.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>S.onPage(t))},p({_:2},[t.$slots.paginatorstart?{name:"start",fn:d((()=>[i(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):l("",!0),g("div",f,[g("div",w,[(s(!0),r(u,null,h(S.items,((e,a)=>(s(),r(u,{key:S.getKey(e,a)},[t.$slots.list&&"list"===m.layout?i(t.$slots,"list",{key:0,data:e,index:a}):l("",!0),t.$slots.grid&&"grid"===m.layout?i(t.$slots,"grid",{key:1,data:e,index:a}):l("",!0)],64)))),128)),S.empty?(s(),r("div",P,[g("div",c,[i(t.$slots,"empty")])])):l("",!0)])]),S.paginatorBottom?(s(),n(R,{key:2,rows:$.d_rows,first:$.d_first,totalRecords:S.getTotalRecords,pageLinkSize:m.pageLinkSize,template:m.paginatorTemplate,rowsPerPageOptions:m.rowsPerPageOptions,currentPageReportTemplate:m.currentPageReportTemplate,class:o({"p-paginator-bottom":S.paginatorBottom}),alwaysShow:m.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>S.onPage(t))},p({_:2},[t.$slots.paginatorstart?{name:"start",fn:d((()=>[i(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):l("",!0),t.$slots.footer?(s(),r("div",v,[i(t.$slots,"footer")])):l("",!0)],2)};export{m as default};