vue-laravel-crud 1.6.16 → 1.6.19

package/dist/vue-laravel-crud.esm.js

@@ -12115,7 +12115,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = "tr td[data-v-e80d091a]:last-child,\ntr td[data-v-e80d091a]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-e80d091a] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-e80d091a] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-e80d091a] .crud-title[data-v-e80d091a] {\n    margin: 0; }\n  .crud-header[data-v-e80d091a] .crud-search[data-v-e80d091a] {\n    max-width: 15rem; }\n    .crud-header[data-v-e80d091a] .crud-search[data-v-e80d091a] .btn[data-v-e80d091a] {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: 0.375rem;\n      border-bottom-right-radius: 0.375rem; }\n      .crud-header[data-v-e80d091a] .crud-search[data-v-e80d091a] .btn[data-v-e80d091a].open[data-v-e80d091a] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-e80d091a] .table-options[data-v-e80d091a] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-e80d091a] {\n  position: relative; }\n\n@media (min-width: 992px) {\n  .table[data-v-e80d091a] {\n    table-layout: auto; }\n    .table[data-v-e80d091a] tbody[data-v-e80d091a] td[data-v-e80d091a] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-e80d091a] tbody[data-v-e80d091a] td[data-v-e80d091a]::-webkit-scrollbar {\n      display: none; } }\n";
+var css = "tr td[data-v-373bb24e]:last-child,\ntr td[data-v-373bb24e]:first-child {\n  width: 1%;\n  white-space: nowrap; }\n\n.crud-pagination[data-v-373bb24e] {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  justify-content: center;\n  margin-top: 1rem; }\n\n.crud-header[data-v-373bb24e] {\n  display: flex;\n  justify-content: space-between;\n  max-height: 3rem; }\n  .crud-header[data-v-373bb24e] .crud-title[data-v-373bb24e] {\n    margin: 0; }\n  .crud-header[data-v-373bb24e] .crud-search[data-v-373bb24e] {\n    max-width: 15rem; }\n    .crud-header[data-v-373bb24e] .crud-search[data-v-373bb24e] .btn[data-v-373bb24e] {\n      border-top-left-radius: 0;\n      border-bottom-left-radius: 0;\n      border-top-right-radius: 0.375rem;\n      border-bottom-right-radius: 0.375rem; }\n      .crud-header[data-v-373bb24e] .crud-search[data-v-373bb24e] .btn[data-v-373bb24e].open[data-v-373bb24e] {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0; }\n  .crud-header[data-v-373bb24e] .table-options[data-v-373bb24e] {\n    margin-bottom: 1rem;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end; }\n\n.custom-control[data-v-373bb24e] {\n  position: relative; }\n\n@media (min-width: 992px) {\n  .table[data-v-373bb24e] {\n    table-layout: auto; }\n    .table[data-v-373bb24e] tbody[data-v-373bb24e] td[data-v-373bb24e] {\n      overflow: scroll;\n      -ms-overflow-style: none;\n      /* IE and Edge */\n      scrollbar-width: none;\n      /* Firefox */ }\n    .table[data-v-373bb24e] tbody[data-v-373bb24e] td[data-v-373bb24e]::-webkit-scrollbar {\n      display: none; } }\n";
 n(css, {});
 
 function normalizeComponent (
@@ -12594,7 +12594,11 @@ const _sfc_main = {
     if (this.ajax) {
       this.fetchItems();
     } else {
-      this.items = this.models;
+      if (this.grouped) {
+        this.groupItems(this.models);
+      } else {
+        this.items = this.models;
+      }
       this.pagination.total = this.items.length;
       this.firstLoad = true;
     }
@@ -12641,7 +12645,10 @@ const _sfc_main = {
       let filter = [];
       this.forceRecomputeCounter;
       this.internalFilters.forEach(f => {
-        if (f.value) filter.push([f.column, f.op, f.value]);
+        if (f.value) {
+          let colname = f.column.replace("_sort", "").replace("_from", "").replace("_to", "");
+          filter.push([colname, f.op, f.value]);
+        }
       });
       return filter;
     },
@@ -12798,22 +12805,23 @@ const _sfc_main = {
         this.selectedItems = this.items;
         this.selectedItems.forEach(item => item.selected = true);
       } else {
-        this.selectedItems = [];
         this.selectedItems.forEach(item => item.selected = false);
+        this.items.forEach(item => item.selected = false);
+        this.selectedItems = [];
       }
       this.onSelect();
       console.debug("toggle all", this.selectedItems);
+      this.$forceUpdate();
     },
     unSelectItem(item) {
-      this.selectedItems = this.selectedItems.filter(e => e.id != item.id);
       item.selected = false;
+      this.selectedItems = this.selectedItems.filter(e => e.id != item.id);
     },
     selectItem() {
       let sitem = this.selectedItems.find(e => e.id == this.item.id);
       if (sitem) {
         this.item.selected = false;
         this.selectedItems = this.selectedItems.filter(e => e.id != this.item.id);
-        this.item.selected = false;
       } else {
         this.item.selected = true;
         this.selectedItems.push(this.item);
@@ -12940,36 +12948,7 @@ const _sfc_main = {
         this.makePagination(response.data);
         let items = response.data.data;
         if (this.grouped) {
-          let itemswithgroup = [];
-          let lastcomparevalue = null;
-          let compareattr = this.groupedAttribute;
-          let groupLabelPre = this.groupedLabelPre;
-          let groupLabelAfter = this.groupedLabelAfter;
-          items.forEach((item, key) => {
-            if (Array.isArray(item)) {
-              itemswithgroup.push({
-                label: groupLabelPre + key + groupLabelAfter,
-                group: true
-              });
-              item.forEach(sitem => {
-                itemswithgroup.push(sitem);
-              });
-            } else {
-              if (lastcomparevalue != item[compareattr]) {
-                lastcomparevalue = item[compareattr];
-                itemswithgroup.push({
-                  crudgrouplabel: groupLabelPre + lastcomparevalue + groupLabelAfter,
-                  crudgroup: true
-                });
-              }
-              itemswithgroup.push(item);
-            }
-          });
-          if (concat) {
-            this.items = this.items.concat(itemswithgroup);
-          } else {
-            this.items = itemswithgroup;
-          }
+          this.groupItems(items, concat);
         } else {
           if (concat) {
             this.items = this.items.concat(items);
@@ -12988,6 +12967,38 @@ const _sfc_main = {
         this.fetchError = true;
       });
     },
+    groupItems(items, concat = false) {
+      let itemswithgroup = [];
+      let lastcomparevalue = null;
+      let compareattr = this.groupedAttribute;
+      let groupLabelPre = this.groupedLabelPre;
+      let groupLabelAfter = this.groupedLabelAfter;
+      items.forEach((item, key) => {
+        if (Array.isArray(item)) {
+          itemswithgroup.push({
+            label: groupLabelPre + key + groupLabelAfter,
+            group: true
+          });
+          item.forEach(sitem => {
+            itemswithgroup.push(sitem);
+          });
+        } else {
+          if (lastcomparevalue != item[compareattr]) {
+            lastcomparevalue = item[compareattr];
+            itemswithgroup.push({
+              crudgrouplabel: groupLabelPre + lastcomparevalue + groupLabelAfter,
+              crudgroup: true
+            });
+          }
+          itemswithgroup.push(item);
+        }
+      });
+      if (concat) {
+        this.items = this.items.concat(itemswithgroup);
+      } else {
+        this.items = itemswithgroup;
+      }
+    },
     removeItem(id, index) {
       this.$bvModal.msgBoxConfirm(this.messageRemoveConfirm, {
         size: "sm",
@@ -14410,7 +14421,7 @@ var _sfc_render = function render() {
   }) : _vm._e()], 2)], 1);
 };
 var _sfc_staticRenderFns = [];
-var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "e80d091a", null, null);
+var __component__ = /*#__PURE__*/normalizeComponent(_sfc_main, _sfc_render, _sfc_staticRenderFns, false, null, "373bb24e", null, null);
 var component = __component__.exports;
 
 // Import vue component