@monoui/vuejs 1.1.61 → 1.1.62

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@monoui/vuejs",
-	"version": "1.1.61",
+	"version": "1.1.62",
 	"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,24 @@
 								Refresh
 								<span v-show="settings.totalItemCount">
 									| {{ settings.totalItemCount }} Rows
-								</span></mui-button
+								</span>
+							</mui-button>
+
+							<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>
 						</div>
 					</slot>
 					<slot name="pagination-buttons">
@@ -464,7 +477,8 @@ export default {
 				currentPage: 1,
 				pageCount: 0,
 				itemPerPage: 10,
-				totalItemCount: 0
+				totalItemCount: 0,
+				isExport: false
 			},
 			tableData: [],
 			searchWord: null,
@@ -1102,6 +1116,12 @@ export default {
 			} catch (error) {
 				console.error(error);
 			}
+		},
+
+		exportTo(scope) {
+			this.settings.isExport = true;
+			this.settings.scope = scope;
+			this.refresh();
 		}
 	}
 };