@iankibetsh/shframework 4.0.9 → 4.1.1

package/dist/dist/library.mjs.css

@@ -63,21 +63,6 @@
     color: white;
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .permissions-main {
   background: #edeff2;
 }
@@ -110,6 +95,21 @@
   flex-grow: 1;
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -4328,7 +4328,7 @@ script$c.__file = "src/lib/components/ShRange.vue";
 
 var script$b = {
     name: 'sh-table',
-    props: ['endPoint', 'headers', 'query', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds', 'paginationStyle', 'hasRange'],
+    props: ['endPoint', 'headers','cacheKey', 'query', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds', 'paginationStyle', 'hasRange'],
     data() {
         return {
             order_by: '',
@@ -4361,6 +4361,7 @@ var script$b = {
         if (this.headers) {
             this.tableHeaders = this.headers;
         }
+
         if (this.actions && this.actions.actions) {
             this.actions.actions.forEach(action => {
                 if (action.canvasComponent) {
@@ -4368,6 +4369,10 @@ var script$b = {
                 }
             });
         }
+        if(this.cacheKey){
+            this.setCachedData();
+        }
+        this.reloadData();
     },
     methods: {
         rangeChanged: function (newRange) {
@@ -4514,11 +4519,18 @@ var script$b = {
                 shRepo.swalError('Error', error);
             });
         },
+        setCachedData: function () {
+            if (this.cacheKey) {
+                this.records = ShStorage.getItem('sh_table_cache_' + this.cacheKey, []);
+            }
+        },
         reloadData: function (page, append) {
             if (typeof page !== 'undefined') {
                 this.page = page;
             }
-            if (!append) {
+            if (this.cacheKey && this.records && this.records.length > 0 && this.page < 2 ) {
+              this.loading = 'done';
+            } else if(!append){
                 this.loading = 'loading';
             }
             const data = {
@@ -4546,6 +4558,9 @@ var script$b = {
                 this.$emit('dataReloaded', this.pagination_data);
                 this.loading = 'done';
                 const response = req.data.data;
+              if(this.page < 2 && this.cacheKey){
+                ShStorage.setItem('sh_table_cache_' + this.cacheKey, response.data);
+              }
                 this.pagination_data = {
                     current: response.current_page,
                     start: response.from,
@@ -4591,9 +4606,6 @@ var script$b = {
             this.reloadData();
         }
     },
-    created() {
-        this.reloadData();
-    },
     components: {
         ShRange: script$c,
         ShSilentAction: script$d,

package/dist/library.mjs

@@ -4316,7 +4316,7 @@ script$c.__file = "src/lib/components/ShRange.vue";
 
 var script$b = {
     name: 'sh-table',
-    props: ['endPoint', 'headers', 'query', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds', 'paginationStyle', 'hasRange'],
+    props: ['endPoint', 'headers','cacheKey', 'query', 'pageCount', 'actions', 'hideCount', 'hideLoadMore', 'links', 'reload', 'hideSearch', 'sharedData', 'searchPlaceholder', 'event', 'displayMore', 'displayMoreBtnClass', 'moreDetailsColumns', 'moreDetailsFields', 'hasDownload', 'downloadFields', 'tableHover', 'hideIds', 'paginationStyle', 'hasRange'],
     data() {
         return {
             order_by: '',
@@ -4349,6 +4349,7 @@ var script$b = {
         if (this.headers) {
             this.tableHeaders = this.headers;
         }
+
         if (this.actions && this.actions.actions) {
             this.actions.actions.forEach(action => {
                 if (action.canvasComponent) {
@@ -4356,6 +4357,10 @@ var script$b = {
                 }
             });
         }
+        if(this.cacheKey){
+            this.setCachedData();
+        }
+        this.reloadData();
     },
     methods: {
         rangeChanged: function (newRange) {
@@ -4502,11 +4507,18 @@ var script$b = {
                 shRepo.swalError('Error', error);
             });
         },
+        setCachedData: function () {
+            if (this.cacheKey) {
+                this.records = ShStorage.getItem('sh_table_cache_' + this.cacheKey, []);
+            }
+        },
         reloadData: function (page, append) {
             if (typeof page !== 'undefined') {
                 this.page = page;
             }
-            if (!append) {
+            if (this.cacheKey && this.records && this.records.length > 0 && this.page < 2 ) {
+              this.loading = 'done';
+            } else if(!append){
                 this.loading = 'loading';
             }
             const data = {
@@ -4534,6 +4546,9 @@ var script$b = {
                 this.$emit('dataReloaded', this.pagination_data);
                 this.loading = 'done';
                 const response = req.data.data;
+              if(this.page < 2 && this.cacheKey){
+                ShStorage.setItem('sh_table_cache_' + this.cacheKey, response.data);
+              }
                 this.pagination_data = {
                     current: response.current_page,
                     start: response.from,
@@ -4579,9 +4594,6 @@ var script$b = {
             this.reloadData();
         }
     },
-    created() {
-        this.reloadData();
-    },
     components: {
         ShRange: script$c,
         ShSilentAction: script$d,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "4.0.9",
+  "version": "4.1.1",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",