feat: added options

Author: ftgibran

package.json

@@ -10,7 +10,7 @@
   "es2015": "lib-esm/index.js",
   "repository": {
     "type": "git",
-    "url": ""
+    "url": "https://github.com/simplitech/vue-adap-table"
   },
   "license": "MIT",
   "engines": {

src/AdapOrderby.ts

@@ -14,6 +14,7 @@ const template = `
 
 import { Component, Prop, Vue } from 'vue-property-decorator'
 import { PageCollection, IResource } from '@simpli/resource-collection'
+import AdapTableWrapper from './index'
 
 @Component({ template })
 export class AdapOrderby extends Vue {
@@ -27,15 +28,29 @@ export class AdapOrderby extends Vue {
   label!: string
 
   async orderBy() {
+    const options = AdapTableWrapper.options
+
     try {
       this.$emit('beforeQuery')
-      PageCollection.defaultBeforeQueryAction()
+
+      if (options.defaultBeforeQueryAction) {
+        options.defaultBeforeQueryAction()
+      }
+
       await this.collection.queryOrderBy(this.name)
+
       this.$emit('afterQuery')
-      PageCollection.defaultAfterQueryAction()
+
+      if (options.defaultAfterQueryAction) {
+        options.defaultAfterQueryAction()
+      }
     } catch (e) {
       this.$emit('errorQuery')
-      PageCollection.defaultErrorQueryAction()
+
+      if (options.defaultErrorQueryAction) {
+        options.defaultErrorQueryAction()
+      }
+
       throw e
     }
   }

src/AdapPagination.ts

@@ -39,6 +39,7 @@ const template = `
 
 import { Component, Prop, Vue } from 'vue-property-decorator'
 import { PageCollection, IResource } from '@simpli/resource-collection'
+import AdapTableWrapper from './index'
 
 @Component({ template })
 export class AdapPagination extends Vue {
@@ -61,43 +62,85 @@ export class AdapPagination extends Vue {
   }
 
   async goto(n: number) {
+    const options = AdapTableWrapper.options
+
     try {
       this.$emit('beforeGoto')
-      PageCollection.defaultBeforeQueryAction()
+
+      if (options.defaultBeforeQueryAction) {
+        options.defaultBeforeQueryAction()
+      }
+
       await this.collection.queryCurrentPage(n - 1)
+
       this.$emit('afterGoto')
-      PageCollection.defaultAfterQueryAction()
+
+      if (options.defaultAfterQueryAction) {
+        options.defaultAfterQueryAction()
+      }
     } catch (e) {
       this.$emit('errorGoto')
-      PageCollection.defaultErrorQueryAction()
+
+      if (options.defaultErrorQueryAction) {
+        options.defaultErrorQueryAction()
+      }
+
       throw e
     }
   }
 
   async next() {
+    const options = AdapTableWrapper.options
+
     try {
       this.$emit('beforeNext')
-      PageCollection.defaultBeforeQueryAction()
+
+      if (options.defaultBeforeQueryAction) {
+        options.defaultBeforeQueryAction()
+      }
+
       await this.collection.queryNextPage()
+
       this.$emit('afterNext')
-      PageCollection.defaultAfterQueryAction()
+
+      if (options.defaultAfterQueryAction) {
+        options.defaultAfterQueryAction()
+      }
     } catch (e) {
       this.$emit('errorNext')
-      PageCollection.defaultErrorQueryAction()
+
+      if (options.defaultErrorQueryAction) {
+        options.defaultErrorQueryAction()
+      }
+
       throw e
     }
   }
 
   async prev() {
+    const options = AdapTableWrapper.options
+
     try {
       this.$emit('beforePrev')
-      PageCollection.defaultBeforeQueryAction()
+
+      if (options.defaultBeforeQueryAction) {
+        options.defaultBeforeQueryAction()
+      }
+
       await this.collection.queryPrevPage()
+
       this.$emit('afterPrev')
-      PageCollection.defaultAfterQueryAction()
+
+      if (options.defaultAfterQueryAction) {
+        options.defaultAfterQueryAction()
+      }
     } catch (e) {
       this.$emit('errorPrev')
-      PageCollection.defaultErrorQueryAction()
+
+      if (options.defaultErrorQueryAction) {
+        options.defaultErrorQueryAction()
+      }
+
       throw e
     }
   }

src/index.ts

@@ -1,11 +1,21 @@
-import Vue from 'vue'
+import { Vue as _Vue } from 'vue/types/vue'
 import { AdapOrderby } from './AdapOrderby'
 import { AdapPagination } from './AdapPagination'
 import { AdapSearchfield } from './AdapSearchfield'
 import { MixinAdapRoute } from './MixinAdapRoute'
 
+export interface AdapTableOptions {
+  defaultBeforeQueryAction?: () => void
+  defaultAfterQueryAction?: () => void
+  defaultErrorQueryAction?: () => void
+}
+
 export default class AdapTableWrapper {
-  static install() {
+  static options: AdapTableOptions = {}
+
+  static install(Vue: typeof _Vue, options?: AdapTableOptions) {
+    this.options = options || {}
+
     Vue.component(AdapOrderby.name, AdapOrderby)
     Vue.component(AdapPagination.name, AdapPagination)
     Vue.component(AdapSearchfield.name, AdapSearchfield)