@monoui/vuejs 1.1.61 → 1.1.63

package/package.json

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

@@ -199,16 +199,13 @@
 									size="sm"
 									variant="light"
 								>
-									<template
+									<b-dropdown-item
 										v-for="perPage in filteredPerPageValues"
+										:key="'per-page-' + perPage"
+										@click="changeItemPerPage(perPage)"
 									>
-										<b-dropdown-item
-											:key="'per-page-' + perPage"
-											@click="changeItemPerPage(perPage)"
-										>
-											{{ perPage }}
-										</b-dropdown-item>
-									</template>
+										{{ perPage }}
+									</b-dropdown-item>
 									<b-dropdown-divider
 										v-if="
 											filteredPerPageValues &&
@@ -257,8 +254,26 @@
 								Refresh
 								<span v-show="settings.totalItemCount">
 									| {{ settings.totalItemCount }} Rows
-								</span></mui-button
-							>
+								</span>
+							</mui-button>
+
+							<template v-if="useExport">
+								<b-dropdown
+									size="sm"
+									label="Export"
+									variant="light"
+								>
+									<template #button-content>
+										Export
+									</template>
+
+									<b-dropdown-item @click="() => exportTo(0)">
+										All Pages
+									</b-dropdown-item>
+
+									<slot name="pagination-export-item"></slot>
+								</b-dropdown>
+							</template>
 						</div>
 					</slot>
 					<slot name="pagination-buttons">
@@ -449,6 +464,11 @@ export default {
 			type: Number,
 			required: false,
 			default: 10
+		},
+		useExport: {
+			type: Boolean,
+			required: false,
+			default: false
 		}
 	},
 	watch: {
@@ -587,7 +607,12 @@ export default {
 				row
 			);
 		},
-		async getValues(addHistory = true, initialLoad = false) {
+		async getValues(
+			addHistory = true,
+			initialLoad = false,
+			isExport = false,
+			exportScope = 0
+		) {
 			this.isLoading = true;
 			this.$emit("loading", this.isLoading);
 			const { currentPage, itemPerPage } = this.settings;
@@ -596,7 +621,9 @@ export default {
 				this.filters,
 				this.sorting,
 				currentPage,
-				itemPerPage
+				itemPerPage,
+				isExport,
+				exportScope
 			);
 
 			if (!initialLoad && addHistory && !this.comingFromPopState) {
@@ -1102,6 +1129,10 @@ export default {
 			} catch (error) {
 				console.error(error);
 			}
+		},
+
+		exportTo(scope) {
+			this.getValues(true, false, true, scope);
 		}
 	}
 };