@monoui/vuejs 1.1.87 → 1.1.89

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@monoui/vuejs",
-	"version": "1.1.87",
+	"version": "1.1.89",
 	"description": "This project will contain MonoFor UI Framework",
 	"main": "./dist/main.js",
 	"repository": "git@gitlab.com:monoui/vuejs.git",

package/src/components/Table/Table.vue

@@ -25,7 +25,7 @@
 					`table mt-0 w-100 d-block d-md-table table-hover flex-grow-1 ${tableClass}`
 				"
 			>
-				<thead :class="`${headerClass} w-100`">
+				<thead v-if="showHeader" :class="`${headerClass} w-100`">
 					<tr>
 						<slot name="header" v-bind="columns">
 							<template
@@ -476,6 +476,11 @@ export default {
 			required: false,
 			default: ""
 		},
+		showHeader: {
+			type: Boolean,
+			required: false,
+			default: true
+		},
 		tableClass: {
 			type: String,
 			required: false,
@@ -604,6 +609,11 @@ export default {
 			handler: function(newValue) {
 				if (!this.comingFromPopState) this.addFilter(newValue);
 			}
+		},
+		perPage: {
+			handler: function(newValue) {
+				this.settings.itemPerPage = newValue || 10;
+			}
 		}
 	},
 	data() {
@@ -636,13 +646,17 @@ export default {
 	},
 	computed: {
 		filteredPerPageValues() {
-			const values = [];
+			const valuesSet = new Set();
 			for (const value of this.perPageValues) {
 				if (value <= this.settings.totalItemCount) {
-					values.push(value);
+					valuesSet.add(value);
 				}
 			}
-			return values;
+			// Include current itemPerPage if it's a custom value not in perPageValues
+			if (!this.perPageValues.includes(this.settings.itemPerPage)) {
+				valuesSet.add(this.settings.itemPerPage);
+			}
+			return Array.from(valuesSet).sort((a, b) => a - b);
 		},
 		itemPerPageText() {
 			if (
@@ -863,7 +877,7 @@ export default {
 			const splitted = key.split(".");
 			return splitted.reduce(
 				(obj, key) =>
-					obj && obj[key] !== "undefined" ? obj[key] : undefined,
+					obj && obj[key] !== undefined ? obj[key] : undefined,
 				row
 			);
 		},
@@ -938,7 +952,7 @@ export default {
 					url = this.addHistoryParameter(
 						`f-${filter.Column}`,
 						filter.Value,
-						this.storage,
+						this.historyStorage,
 						url,
 						false
 					);
@@ -948,7 +962,7 @@ export default {
 					url = this.addHistoryParameter(
 						`s-${sort.Column}`,
 						sort.Asc ? 1 : 0,
-						this.storage,
+						this.historyStorage,
 						url,
 						false
 					);