vue-laravel-crud 1.7.3 → 1.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vue-laravel-crud",
-    "version": "1.7.3",
+    "version": "1.7.5",
     "description": "",
     "homepage": "https://github.com/clonixdev/vue-laravel-crud",
     "main": "dist/vue-laravel-crud.ssr.js",

package/src/vue-laravel-crud.vue

@@ -438,21 +438,7 @@ export default /*#__PURE__*/ {
     console.debug("crud mounted columns", this.columns);
     this.internalFilters = [];
     this.setupFilters();
-
-    if (this.ajax) {
-      this.fetchItems();
-    } else {
-
-      if (this.grouped) {
-        this.groupItems(this.models);
-      } else {
-        this.items = this.models;
-      }
-
-      this.pagination.total = this.items.length;
-      this.firstLoad = true;
-    }
-
+    this.fetchItems();
     this.loadOptions();
   },
   computed: {
@@ -748,6 +734,26 @@ export default /*#__PURE__*/ {
       this.$emit("select", this.item);
       this.$emit("selectItems", this.selectedItems);
     },
+
+    updateData(data, allowCreate = true) {
+        // Convertir this.items a un mapa para acceso rápido por id
+        const itemsMap = new Map(this.items.map(item => [item.id, item]));
+
+        // Recorrer cada elemento de data
+        data.forEach(newItem => {
+            if (itemsMap.has(newItem.id)) {
+                // Actualizar el item existente
+                const existingItem = itemsMap.get(newItem.id);
+                Object.assign(existingItem, newItem);
+            } else if (allowCreate) {
+                // Agregar el nuevo item si allowCreate es true
+                this.items.push(newItem);
+            }
+        });
+
+        // Convertir el mapa de vuelta a un array, si es necesario
+        this.items = Array.from(itemsMap.values());
+    },
     showItem(id, itemIndex = null) {
       if (itemIndex == null) {
         let item = this.items.find((it) => it.id == id);
@@ -787,9 +793,7 @@ export default /*#__PURE__*/ {
 
     refresh() {
       this.$emit("refresh", {});
-      if (!this.ajax) {
-        return;
-      }
+     
       if (this.infiniteScroll) {
         this.pagination.current_page = 1;
         this.infiniteScrollKey++;
@@ -855,14 +859,30 @@ export default /*#__PURE__*/ {
       this.loading = false;
       this.firstLoad = true;
     },
-    fetchItems(page = 1, concat = false) {
-      if (!this.ajax) {
-        return;
+    fetchItemsLocal(){
+      if (this.grouped) {
+        this.groupItems(this.models);
+      } else {
+        this.items = this.models;
       }
+
+      this.pagination.total = this.items.length;
+      this.firstLoad = true;
+
+    },
+    fetchItems(page = 1, concat = false) {
+   
+      
       this.$emit("beforeFetch", {});
       if (this.useVuexORM) {
         return this.fetchItemsVuex(page, concat);
       }
+
+
+      if (!this.ajax) {
+        return this.fetchItemsLocal(page,concat);
+      }
+
       this.loading = true;
       return axios
         .get(this.apiUrl + "/" + this.modelName, {
@@ -1007,21 +1027,30 @@ export default /*#__PURE__*/ {
       this.loading = false;
     },
     async deleteItemBulkVuex() {
-      /*
-            let result = await this.model.api().delete('/' + id, {
-              delete: 1
-            });
-      
-            console.debug("delete item vuex", result);
-            let responseStatus = result.response.status;
-      
-            if (result.response.data.error) {
-              this.toastError(result.response.data.error);
-              this.loading = false;
-              return;
-            }
+
+      let ids = this.selectedItems.map(it => it.id);
+
+
+      if (this.vuexLocalforage) {
+        await this.model.$delete(ids);
+
+      } else {
+        let result = await this.model.api().delete('/bulk-destroy' , {
+          params: { ids: ids},
+          delete: ids
+        });
+
+        console.debug("delete item vuex", result);
+        let responseStatus = result.response.status;
+
+        if (result.response.data.error) {
+          this.toastError(result.response.data.error);
+          this.loading = false;
+          return;
+        }
+      }
       
-            this.toastSuccess("Elemento eliminado.");*/
+      this.toastSuccess("Elemento eliminados.");
     },
     deleteItem(id, index) {
 
@@ -1231,24 +1260,24 @@ export default /*#__PURE__*/ {
     },
     async saveItemVuex(event = null) {
       console.debug("save item 1", this.item);
-      let jsondata = this.item.$toJson();
-      console.debug("save item 2", this.item, jsondata);
       let result;
-
       let create = false;
 
 
       if (this.vuexLocalforage) {
 
         if (this.item.id) {
-          result = await this.model.$update(this.item.id, jsondata);
+          result = await this.model.$update(this.item.id, this.item);
           create = false;
         } else {
-          result = await this.model.$create(jsondata);
+          result = await this.model.$create(this.item);
           create = true;
         }
 
       } else {
+
+        let jsondata = this.item.$toJson();
+        console.debug("save item 2", this.item, jsondata);
         if (this.item.id) {
           result = await this.model.api().put('/' + this.item.id, jsondata);
           create = false;