primevue 3.16.2 → 3.17.0

package/dataview/DataView.d.ts

@@ -128,7 +128,7 @@ export interface DataViewSlots {
      * Custom footer template.
      */
     footer: () => VNode[];
-     /**
+    /**
      * Custom empty template.
      */
     empty: () => VNode[];
@@ -136,7 +136,7 @@ export interface DataViewSlots {
      * Custom paginator start template.
      */
     paginatorstart: () => VNode[];
-     /**
+    /**
      * Custom paginator end template.
      */
     paginatorend: () => VNode[];
@@ -176,7 +176,7 @@ export declare type DataViewEmits = {
      * @param {number} value - New value.
      */
     'update:first': (value: number) => void;
-     /**
+    /**
      * Emitted when the rows changes.
      * @param {number} value - New value.
      */
@@ -185,14 +185,14 @@ export declare type DataViewEmits = {
      * Callback to invoke when page changes, the event object contains information about the new state.
      * @param {DataViewPageEvent} event - Custom page event.
      */
-    'page': (event: DataViewPageEvent) => void;
-}
+    page: (event: DataViewPageEvent) => void;
+};
 
-declare class DataView extends ClassComponent<DataViewProps, DataViewSlots, DataViewEmits> { }
+declare class DataView extends ClassComponent<DataViewProps, DataViewSlots, DataViewEmits> {}
 
 declare module '@vue/runtime-core' {
     interface GlobalComponents {
-        DataView: GlobalComponentConstructor<DataView>
+        DataView: GlobalComponentConstructor<DataView>;
     }
 }
 
@@ -206,7 +206,7 @@ declare module '@vue/runtime-core' {
  *
  * Demos:
  *
- * - [DataView](https://www.primefaces.org/primevue/showcase/#/dataview)
+ * - [DataView](https://www.primefaces.org/primevue/dataview)
  *
  */
 export default DataView;

package/dataview/DataView.vue

@@ -1,46 +1,68 @@
 <template>
-	<div :class="containerClass">
-		<div class="p-dataview-header" v-if="$slots.header">
-			<slot name="header"></slot>
-		</div>
-		<DVPaginator v-if="paginatorTop" :rows="d_rows" :first="d_first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions"
-					:currentPageReportTemplate="currentPageReportTemplate" :class="{'p-paginator-top': paginatorTop}" :alwaysShow="alwaysShowPaginator" @page="onPage($event)">
-			<template #start v-if="$slots.paginatorstart">
-				<slot name="paginatorstart"></slot>
-			</template>
-			<template #end v-if="$slots.paginatorend">
-				<slot name="paginatorend"></slot>
-			</template>
-		</DVPaginator>
-		<div class="p-dataview-content">
-			<div class="p-grid p-nogutter grid grid-nogutter">
-                <template v-for="(item,index) of items" :key="getKey(item, index)">
-					<slot v-if="$slots.list && layout === 'list'" name="list" :data="item" :index="index"></slot>
-					<slot v-if="$slots.grid && layout === 'grid'" name="grid" :data="item" :index="index"></slot>
-				</template>
-				<div v-if="empty" class="p-col col">
+    <div :class="containerClass">
+        <div v-if="$slots.header" class="p-dataview-header">
+            <slot name="header"></slot>
+        </div>
+        <DVPaginator
+            v-if="paginatorTop"
+            :rows="d_rows"
+            :first="d_first"
+            :totalRecords="getTotalRecords"
+            :pageLinkSize="pageLinkSize"
+            :template="paginatorTemplate"
+            :rowsPerPageOptions="rowsPerPageOptions"
+            :currentPageReportTemplate="currentPageReportTemplate"
+            :class="{ 'p-paginator-top': paginatorTop }"
+            :alwaysShow="alwaysShowPaginator"
+            @page="onPage($event)"
+        >
+            <template v-if="$slots.paginatorstart" #start>
+                <slot name="paginatorstart"></slot>
+            </template>
+            <template v-if="$slots.paginatorend" #end>
+                <slot name="paginatorend"></slot>
+            </template>
+        </DVPaginator>
+        <div class="p-dataview-content">
+            <div class="p-grid p-nogutter grid grid-nogutter">
+                <template v-for="(item, index) of items" :key="getKey(item, index)">
+                    <slot v-if="$slots.list && layout === 'list'" name="list" :data="item" :index="index"></slot>
+                    <slot v-if="$slots.grid && layout === 'grid'" name="grid" :data="item" :index="index"></slot>
+                </template>
+                <div v-if="empty" class="p-col col">
                     <div class="p-dataview-emptymessage">
                         <slot name="empty"></slot>
                     </div>
                 </div>
-			</div>
-		</div>
-		<DVPaginator v-if="paginatorBottom" :rows="d_rows" :first="d_first" :totalRecords="getTotalRecords" :pageLinkSize="pageLinkSize" :template="paginatorTemplate" :rowsPerPageOptions="rowsPerPageOptions"
-					:currentPageReportTemplate="currentPageReportTemplate" :class="{'p-paginator-bottom': paginatorBottom}" :alwaysShow="alwaysShowPaginator" @page="onPage($event)">
-			<template #start v-if="$slots.paginatorstart">
-				<slot name="paginatorstart"></slot>
-			</template>
-			<template #end v-if="$slots.paginatorend">
-				<slot name="paginatorend"></slot>
-			</template>
-		</DVPaginator>
-		<div class="p-dataview-footer" v-if="$slots.footer">
-			<slot name="footer"></slot>
-		</div>
-	</div>
+            </div>
+        </div>
+        <DVPaginator
+            v-if="paginatorBottom"
+            :rows="d_rows"
+            :first="d_first"
+            :totalRecords="getTotalRecords"
+            :pageLinkSize="pageLinkSize"
+            :template="paginatorTemplate"
+            :rowsPerPageOptions="rowsPerPageOptions"
+            :currentPageReportTemplate="currentPageReportTemplate"
+            :class="{ 'p-paginator-bottom': paginatorBottom }"
+            :alwaysShow="alwaysShowPaginator"
+            @page="onPage($event)"
+        >
+            <template v-if="$slots.paginatorstart" #start>
+                <slot name="paginatorstart"></slot>
+            </template>
+            <template v-if="$slots.paginatorend" #end>
+                <slot name="paginatorend"></slot>
+            </template>
+        </DVPaginator>
+        <div v-if="$slots.footer" class="p-dataview-footer">
+            <slot name="footer"></slot>
+        </div>
+    </div>
 </template>
 <script>
-import {ObjectUtils} from 'primevue/utils';
+import { ObjectUtils } from 'primevue/utils';
 import Paginator from 'primevue/paginator';
 
 export default {
@@ -116,7 +138,7 @@ export default {
         return {
             d_first: this.first,
             d_rows: this.rows
-        }
+        };
     },
     watch: {
         first(newValue) {
@@ -153,23 +175,17 @@ export default {
                     let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);
                     let result = null;
 
-                    if (value1 == null && value2 != null)
-                        result = -1;
-                    else if (value1 != null && value2 == null)
-                        result = 1;
-                    else if (value1 == null && value2 == null)
-                        result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string')
-                        result = value1.localeCompare(value2, undefined, { numeric: true });
-                    else
-                        result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
+                    if (value1 == null && value2 != null) result = -1;
+                    else if (value1 != null && value2 == null) result = 1;
+                    else if (value1 == null && value2 == null) result = 0;
+                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
+                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
 
-                    return (this.sortOrder * result);
+                    return this.sortOrder * result;
                 });
 
                 return value;
-            }
-            else {
+            } else {
                 return null;
             }
         },
@@ -180,20 +196,20 @@ export default {
     },
     computed: {
         containerClass() {
-            return ['p-dataview p-component', {
-                    'p-dataview-list': (this.layout === 'list'),
-                    'p-dataview-grid': (this.layout === 'grid')
+            return [
+                'p-dataview p-component',
+                {
+                    'p-dataview-list': this.layout === 'list',
+                    'p-dataview-grid': this.layout === 'grid'
                 }
-            ]
+            ];
         },
         getTotalRecords() {
-            if (this.totalRecords)
-                return this.totalRecords;
-            else
-                return this.value ? this.value.length : 0;
+            if (this.totalRecords) return this.totalRecords;
+            else return this.value ? this.value.length : 0;
         },
         empty() {
-            return (!this.value || this.value.length === 0);
+            return !this.value || this.value.length === 0;
         },
         paginatorTop() {
             return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
@@ -211,20 +227,18 @@ export default {
 
                 if (this.paginator) {
                     const first = this.lazy ? 0 : this.d_first;
+
                     return data.slice(first, first + this.d_rows);
-                }
-                else {
+                } else {
                     return data;
                 }
-
-            }
-            else {
+            } else {
                 return null;
             }
         }
     },
     components: {
-        'DVPaginator': Paginator
+        DVPaginator: Paginator
     }
-}
+};
 </script>

package/dataview/dataview.cjs.js

@@ -81,7 +81,7 @@ var script = {
         return {
             d_first: this.first,
             d_rows: this.rows
-        }
+        };
     },
     watch: {
         first(newValue) {
@@ -118,23 +118,17 @@ var script = {
                     let value2 = utils.ObjectUtils.resolveFieldData(data2, this.sortField);
                     let result = null;
 
-                    if (value1 == null && value2 != null)
-                        result = -1;
-                    else if (value1 != null && value2 == null)
-                        result = 1;
-                    else if (value1 == null && value2 == null)
-                        result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string')
-                        result = value1.localeCompare(value2, undefined, { numeric: true });
-                    else
-                        result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
+                    if (value1 == null && value2 != null) result = -1;
+                    else if (value1 != null && value2 == null) result = 1;
+                    else if (value1 == null && value2 == null) result = 0;
+                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
+                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
 
-                    return (this.sortOrder * result);
+                    return this.sortOrder * result;
                 });
 
                 return value;
-            }
-            else {
+            } else {
                 return null;
             }
         },
@@ -145,20 +139,20 @@ var script = {
     },
     computed: {
         containerClass() {
-            return ['p-dataview p-component', {
-                    'p-dataview-list': (this.layout === 'list'),
-                    'p-dataview-grid': (this.layout === 'grid')
+            return [
+                'p-dataview p-component',
+                {
+                    'p-dataview-list': this.layout === 'list',
+                    'p-dataview-grid': this.layout === 'grid'
                 }
-            ]
+            ];
         },
         getTotalRecords() {
-            if (this.totalRecords)
-                return this.totalRecords;
-            else
-                return this.value ? this.value.length : 0;
+            if (this.totalRecords) return this.totalRecords;
+            else return this.value ? this.value.length : 0;
         },
         empty() {
-            return (!this.value || this.value.length === 0);
+            return !this.value || this.value.length === 0;
         },
         paginatorTop() {
             return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
@@ -176,20 +170,18 @@ var script = {
 
                 if (this.paginator) {
                     const first = this.lazy ? 0 : this.d_first;
+
                     return data.slice(first, first + this.d_rows);
-                }
-                else {
+                } else {
                     return data;
                 }
-
-            }
-            else {
+            } else {
                 return null;
             }
         }
     },
     components: {
-        'DVPaginator': Paginator__default["default"]
+        DVPaginator: Paginator__default["default"]
     }
 };
 
@@ -230,7 +222,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: vue.normalizeClass({'p-paginator-top': $options.paginatorTop}),
+          class: vue.normalizeClass({ 'p-paginator-top': $options.paginatorTop }),
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
         }, vue.createSlots({ _: 2 }, [
@@ -239,7 +231,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "start",
                 fn: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "paginatorstart")
-                ])
+                ]),
+                key: "0"
               }
             : undefined,
           (_ctx.$slots.paginatorend)
@@ -247,7 +240,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "end",
                 fn: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "paginatorend")
-                ])
+                ]),
+                key: "1"
               }
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
@@ -293,7 +287,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: vue.normalizeClass({'p-paginator-bottom': $options.paginatorBottom}),
+          class: vue.normalizeClass({ 'p-paginator-bottom': $options.paginatorBottom }),
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
         }, vue.createSlots({ _: 2 }, [
@@ -302,7 +296,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "start",
                 fn: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "paginatorstart")
-                ])
+                ]),
+                key: "0"
               }
             : undefined,
           (_ctx.$slots.paginatorend)
@@ -310,7 +305,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "end",
                 fn: vue.withCtx(() => [
                   vue.renderSlot(_ctx.$slots, "paginatorend")
-                ])
+                ]),
+                key: "1"
               }
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))

package/dataview/dataview.cjs.min.js

@@ -1 +1 @@
-"use strict";var t=require("primevue/utils"),e=require("primevue/paginator"),a=require("vue");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o={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.ObjectUtils.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 r=t.ObjectUtils.resolveFieldData(e,this.sortField),o=t.ObjectUtils.resolveFieldData(a,this.sortField),s=null;return s=null==r&&null!=o?-1:null!=r&&null==o?1:null==r&&null==o?0:"string"==typeof r&&"string"==typeof o?r.localeCompare(o,void 0,{numeric:!0}):r<o?-1:r>o?1:0,this.sortOrder*s})),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:r(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},l={class:"p-grid p-nogutter grid grid-nogutter"},n={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};o.render=function(t,e,r,o,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(u.containerClass)},[t.$slots.header?(a.openBlock(),a.createElementBlock("div",s,[a.renderSlot(t.$slots,"header")])):a.createCommentVNode("",!0),u.paginatorTop?(a.openBlock(),a.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-top":u.paginatorTop}),alwaysShow:r.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),a.createElementVNode("div",i,[a.createElementVNode("div",l,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(u.items,((e,o)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u.getKey(e,o)},[t.$slots.list&&"list"===r.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:o}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===r.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:o}):a.createCommentVNode("",!0)],64)))),128)),u.empty?(a.openBlock(),a.createElementBlock("div",n,[a.createElementVNode("div",p,[a.renderSlot(t.$slots,"empty")])])):a.createCommentVNode("",!0)])]),u.paginatorBottom?(a.openBlock(),a.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-bottom":u.paginatorBottom}),alwaysShow:r.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},module.exports=o;
+"use strict";var t=require("primevue/utils"),e=require("primevue/paginator"),a=require("vue");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var o={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.ObjectUtils.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 r=t.ObjectUtils.resolveFieldData(e,this.sortField),o=t.ObjectUtils.resolveFieldData(a,this.sortField),s=null;return s=null==r&&null!=o?-1:null!=r&&null==o?1:null==r&&null==o?0:"string"==typeof r&&"string"==typeof o?r.localeCompare(o,void 0,{numeric:!0}):r<o?-1:r>o?1:0,this.sortOrder*s})),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:r(e).default}};const s={key:0,class:"p-dataview-header"},i={class:"p-dataview-content"},l={class:"p-grid p-nogutter grid grid-nogutter"},n={key:0,class:"p-col col"},p={class:"p-dataview-emptymessage"},d={key:3,class:"p-dataview-footer"};o.render=function(t,e,r,o,g,u){const c=a.resolveComponent("DVPaginator");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(u.containerClass)},[t.$slots.header?(a.openBlock(),a.createElementBlock("div",s,[a.renderSlot(t.$slots,"header")])):a.createCommentVNode("",!0),u.paginatorTop?(a.openBlock(),a.createBlock(c,{key:1,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-top":u.paginatorTop}),alwaysShow:r.alwaysShowPaginator,onPage:e[0]||(e[0]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),a.createElementVNode("div",i,[a.createElementVNode("div",l,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(u.items,((e,o)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:u.getKey(e,o)},[t.$slots.list&&"list"===r.layout?a.renderSlot(t.$slots,"list",{key:0,data:e,index:o}):a.createCommentVNode("",!0),t.$slots.grid&&"grid"===r.layout?a.renderSlot(t.$slots,"grid",{key:1,data:e,index:o}):a.createCommentVNode("",!0)],64)))),128)),u.empty?(a.openBlock(),a.createElementBlock("div",n,[a.createElementVNode("div",p,[a.renderSlot(t.$slots,"empty")])])):a.createCommentVNode("",!0)])]),u.paginatorBottom?(a.openBlock(),a.createBlock(c,{key:2,rows:g.d_rows,first:g.d_first,totalRecords:u.getTotalRecords,pageLinkSize:r.pageLinkSize,template:r.paginatorTemplate,rowsPerPageOptions:r.rowsPerPageOptions,currentPageReportTemplate:r.currentPageReportTemplate,class:a.normalizeClass({"p-paginator-bottom":u.paginatorBottom}),alwaysShow:r.alwaysShowPaginator,onPage:e[1]||(e[1]=t=>u.onPage(t))},a.createSlots({_:2},[t.$slots.paginatorstart?{name:"start",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorstart")])),key:"0"}:void 0,t.$slots.paginatorend?{name:"end",fn:a.withCtx((()=>[a.renderSlot(t.$slots,"paginatorend")])),key:"1"}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):a.createCommentVNode("",!0),t.$slots.footer?(a.openBlock(),a.createElementBlock("div",d,[a.renderSlot(t.$slots,"footer")])):a.createCommentVNode("",!0)],2)},module.exports=o;

package/dataview/dataview.esm.js

@@ -75,7 +75,7 @@ var script = {
         return {
             d_first: this.first,
             d_rows: this.rows
-        }
+        };
     },
     watch: {
         first(newValue) {
@@ -112,23 +112,17 @@ var script = {
                     let value2 = ObjectUtils.resolveFieldData(data2, this.sortField);
                     let result = null;
 
-                    if (value1 == null && value2 != null)
-                        result = -1;
-                    else if (value1 != null && value2 == null)
-                        result = 1;
-                    else if (value1 == null && value2 == null)
-                        result = 0;
-                    else if (typeof value1 === 'string' && typeof value2 === 'string')
-                        result = value1.localeCompare(value2, undefined, { numeric: true });
-                    else
-                        result = (value1 < value2) ? -1 : (value1 > value2) ? 1 : 0;
+                    if (value1 == null && value2 != null) result = -1;
+                    else if (value1 != null && value2 == null) result = 1;
+                    else if (value1 == null && value2 == null) result = 0;
+                    else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, undefined, { numeric: true });
+                    else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
 
-                    return (this.sortOrder * result);
+                    return this.sortOrder * result;
                 });
 
                 return value;
-            }
-            else {
+            } else {
                 return null;
             }
         },
@@ -139,20 +133,20 @@ var script = {
     },
     computed: {
         containerClass() {
-            return ['p-dataview p-component', {
-                    'p-dataview-list': (this.layout === 'list'),
-                    'p-dataview-grid': (this.layout === 'grid')
+            return [
+                'p-dataview p-component',
+                {
+                    'p-dataview-list': this.layout === 'list',
+                    'p-dataview-grid': this.layout === 'grid'
                 }
-            ]
+            ];
         },
         getTotalRecords() {
-            if (this.totalRecords)
-                return this.totalRecords;
-            else
-                return this.value ? this.value.length : 0;
+            if (this.totalRecords) return this.totalRecords;
+            else return this.value ? this.value.length : 0;
         },
         empty() {
-            return (!this.value || this.value.length === 0);
+            return !this.value || this.value.length === 0;
         },
         paginatorTop() {
             return this.paginator && (this.paginatorPosition !== 'bottom' || this.paginatorPosition === 'both');
@@ -170,20 +164,18 @@ var script = {
 
                 if (this.paginator) {
                     const first = this.lazy ? 0 : this.d_first;
+
                     return data.slice(first, first + this.d_rows);
-                }
-                else {
+                } else {
                     return data;
                 }
-
-            }
-            else {
+            } else {
                 return null;
             }
         }
     },
     components: {
-        'DVPaginator': Paginator
+        DVPaginator: Paginator
     }
 };
 
@@ -224,7 +216,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: normalizeClass({'p-paginator-top': $options.paginatorTop}),
+          class: normalizeClass({ 'p-paginator-top': $options.paginatorTop }),
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[0] || (_cache[0] = $event => ($options.onPage($event)))
         }, createSlots({ _: 2 }, [
@@ -233,7 +225,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "start",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "paginatorstart")
-                ])
+                ]),
+                key: "0"
               }
             : undefined,
           (_ctx.$slots.paginatorend)
@@ -241,7 +234,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "end",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "paginatorend")
-                ])
+                ]),
+                key: "1"
               }
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))
@@ -287,7 +281,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           template: $props.paginatorTemplate,
           rowsPerPageOptions: $props.rowsPerPageOptions,
           currentPageReportTemplate: $props.currentPageReportTemplate,
-          class: normalizeClass({'p-paginator-bottom': $options.paginatorBottom}),
+          class: normalizeClass({ 'p-paginator-bottom': $options.paginatorBottom }),
           alwaysShow: $props.alwaysShowPaginator,
           onPage: _cache[1] || (_cache[1] = $event => ($options.onPage($event)))
         }, createSlots({ _: 2 }, [
@@ -296,7 +290,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "start",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "paginatorstart")
-                ])
+                ]),
+                key: "0"
               }
             : undefined,
           (_ctx.$slots.paginatorend)
@@ -304,7 +299,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "end",
                 fn: withCtx(() => [
                   renderSlot(_ctx.$slots, "paginatorend")
-                ])
+                ]),
+                key: "1"
               }
             : undefined
         ]), 1032, ["rows", "first", "totalRecords", "pageLinkSize", "template", "rowsPerPageOptions", "currentPageReportTemplate", "class", "alwaysShow"]))

package/dataview/dataview.esm.min.js

@@ -1 +1 @@
-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 f={key:0,class:"p-dataview-header"},y={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",f,[i(t.$slots,"header")])):l("",!0),S.paginatorTop?(s(),n(R,{key:1,rows:k.d_rows,first:k.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")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")]))}:void 0]),1032,["rows","first","totalRecords","pageLinkSize","template","rowsPerPageOptions","currentPageReportTemplate","class","alwaysShow"])):l("",!0),g("div",y,[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:k.d_rows,first:k.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")]))}:void 0,t.$slots.paginatorend?{name:"end",fn:d((()=>[i(t.$slots,"paginatorend")]))}: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};
+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};