@monoui/vuejs 1.1.86 → 1.1.88

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@monoui/vuejs",
-	"version": "1.1.86",
+	"version": "1.1.88",
 	"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

@@ -604,6 +604,11 @@ export default {
 			handler: function(newValue) {
 				if (!this.comingFromPopState) this.addFilter(newValue);
 			}
+		},
+		perPage: {
+			handler: function(newValue) {
+				this.settings.itemPerPage = newValue || 10;
+			}
 		}
 	},
 	data() {
@@ -616,7 +621,7 @@ export default {
 			},
 			tableData: [],
 			searchWord: null,
-			isDataEmpty: false,
+			isDataEmpty: true,
 			isLoading: false,
 			limit: 250,
 			searchDebounceTimeout: null,
@@ -636,13 +641,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 +872,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 +947,7 @@ export default {
 					url = this.addHistoryParameter(
 						`f-${filter.Column}`,
 						filter.Value,
-						this.storage,
+						this.historyStorage,
 						url,
 						false
 					);
@@ -948,7 +957,7 @@ export default {
 					url = this.addHistoryParameter(
 						`s-${sort.Column}`,
 						sort.Asc ? 1 : 0,
-						this.storage,
+						this.historyStorage,
 						url,
 						false
 					);