npm - @dolusoft/vue3-datatable - Versions diffs - 1.7.83 → 1.7.84 - Mend

@dolusoft/vue3-datatable 1.7.83 → 1.7.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/vue3-datatable.cjs CHANGED Viewed

@@ -2985,6 +2985,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const emit = __emit;
     const filterInputs = vue.ref({});
     const columnConditions = vue.ref({});
+    const watchedFields = vue.ref(/* @__PURE__ */ new Set());
     const columnsMap = vue.computed(() => {
       var _a;
       const map = /* @__PURE__ */ new Map();
@@ -2997,12 +2998,54 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
       return map;
     });
+    const setupColumnWatches = () => {
+      var _a;
+      if (!((_a = props.all) == null ? void 0 : _a.columns)) return;
+      props.all.columns.forEach((col) => {
+        if (col.filter && col.field && !watchedFields.value.has(col.field)) {
+          console.log("🔵 [WATCH-SETUP] Setting up watch for:", col.field);
+          if (filterInputs.value[col.field] === void 0) {
+            filterInputs.value[col.field] = col.value || "";
+          }
+          watchedFields.value.add(col.field);
+          watchDebounced(
+            () => filterInputs.value[col.field],
+            (newValue) => {
+              const column = columnsMap.value.get(col.field);
+              console.log("🔴 [DEBOUNCE-FIRED]", {
+                field: col.field,
+                newValue,
+                columnFromMap: !!column,
+                columnValueBefore: column == null ? void 0 : column.value
+              });
+              if (column) {
+                if (column.type === "string" || column.type === "String") {
+                  column.value = typeof newValue === "string" ? newValue.trim() : newValue;
+                } else {
+                  column.value = newValue;
+                }
+                console.log("🟢 [AFTER-MUTATION]", {
+                  field: col.field,
+                  columnValueAfter: column.value
+                });
+                emit("filterChange");
+              }
+            },
+            { debounce: 300 }
+          );
+        }
+      });
+    };
     vue.watch(
       () => {
         var _a;
         return (_a = props.all) == null ? void 0 : _a.columns;
       },
-      () => {
+      (newColumns) => {
+        if (newColumns && newColumns.length > 0) {
+          console.log("🟡 [COLUMNS-CHANGED] Setting up watches for", newColumns.length, "columns");
+          setupColumnWatches();
+        }
       },
       { immediate: true, deep: true }
     );
@@ -3014,65 +3057,12 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       { deep: true }
     );
     vue.onMounted(() => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c;
       console.log("🔍 [COLUMN-HEADER] onMounted", {
         hasColumns: !!((_a = props.all) == null ? void 0 : _a.columns),
-        columnsCount: (_c = (_b = props.all) == null ? void 0 : _b.columns) == null ? void 0 : _c.length,
-        columns: (_e = (_d = props.all) == null ? void 0 : _d.columns) == null ? void 0 : _e.map((c) => ({
-          field: c.field,
-          filter: c.filter,
-          value: c.value
-        }))
+        columnsCount: (_c = (_b = props.all) == null ? void 0 : _b.columns) == null ? void 0 : _c.length
       });
-      if ((_f = props.all) == null ? void 0 : _f.columns) {
-        props.all.columns.forEach((col) => {
-          if (col.filter && col.field) {
-            console.log("🔍 [WATCH-SETUP] Setting up watch for:", col.field);
-            filterInputs.value[col.field] = col.value || "";
-            watchDebounced(
-              () => filterInputs.value[col.field],
-              (newValue) => {
-                var _a2, _b2, _c2, _d2;
-                const column = columnsMap.value.get(col.field);
-                console.log("🔴 [DEBOUNCE-FIRED]", {
-                  field: col.field,
-                  newValue,
-                  columnFromMap: column,
-                  columnValueBefore: column == null ? void 0 : column.value,
-                  propsColumnValue: (_a2 = props.all.columns.find(
-                    (c) => c.field === col.field
-                  )) == null ? void 0 : _a2.value,
-                  isSameRef: column === props.all.columns.find((c) => c.field === col.field)
-                });
-                if (column) {
-                  if (column.type === "string" || column.type === "String") {
-                    column.value = typeof newValue === "string" ? newValue.trim() : newValue;
-                    console.log("🔍 [AFTER-SET]", {
-                      afterValue: column.value,
-                      propsValue: (_b2 = props.all.columns.find((c) => c.field === col.field)) == null ? void 0 : _b2.value
-                    });
-                  } else {
-                    column.value = newValue;
-                    console.log("🔍 [AFTER-SET]", {
-                      afterValue: column.value,
-                      propsValue: (_c2 = props.all.columns.find((c) => c.field === col.field)) == null ? void 0 : _c2.value
-                    });
-                  }
-                  emit("filterChange");
-                  console.log("🔴 [AFTER-MUTATION]", {
-                    columnValueAfter: (_d2 = columnsMap.value.get(col.field)) == null ? void 0 : _d2.value
-                  });
-                }
-              },
-              { debounce: 300 }
-            );
-          } else {
-            console.warn("⚠️ [WATCH-SKIP] Skipped:", col.field, {
-              filter: col.filter
-            });
-          }
-        });
-      }
+      setupColumnWatches();
     });
     const checkboxChange = () => {
       if (selectedAll.value) {

package/dist/vue3-datatable.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isRef, watch, onMounted, nextTick, getCurrentScope, onScopeDispose, unref, getCurrentInstance, computed, ref, useSlots, onBeforeUnmount, provide, openBlock, createBlock, resolveDynamicComponent, inject, createElementBlock, normalizeStyle, renderSlot, h, defineComponent, toRef, Fragment, withModifiers, createVNode, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, withDirectives, renderList, vModelSelect, resolveComponent, createTextVNode, vModelText, vShow, withCtx, onUnmounted, vModelCheckbox } from "vue";
+import { isRef, onMounted, nextTick, getCurrentScope, onScopeDispose, unref, getCurrentInstance, watch, computed, ref, useSlots, onBeforeUnmount, provide, openBlock, createBlock, resolveDynamicComponent, inject, createElementBlock, normalizeStyle, renderSlot, h, defineComponent, toRef, Fragment, withModifiers, createVNode, createElementVNode, normalizeClass, toDisplayString, createCommentVNode, withDirectives, renderList, vModelSelect, resolveComponent, createTextVNode, vModelText, vShow, withCtx, onUnmounted, vModelCheckbox } from "vue";
 function tryOnScopeDispose(fn) {
   if (getCurrentScope()) {
     onScopeDispose(fn);
@@ -2984,6 +2984,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const filterInputs = ref({});
     const columnConditions = ref({});
+    const watchedFields = ref(/* @__PURE__ */ new Set());
     const columnsMap = computed(() => {
       var _a;
       const map = /* @__PURE__ */ new Map();
@@ -2996,12 +2997,54 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return map;
     });
+    const setupColumnWatches = () => {
+      var _a;
+      if (!((_a = props.all) == null ? void 0 : _a.columns)) return;
+      props.all.columns.forEach((col) => {
+        if (col.filter && col.field && !watchedFields.value.has(col.field)) {
+          console.log("🔵 [WATCH-SETUP] Setting up watch for:", col.field);
+          if (filterInputs.value[col.field] === void 0) {
+            filterInputs.value[col.field] = col.value || "";
+          }
+          watchedFields.value.add(col.field);
+          watchDebounced(
+            () => filterInputs.value[col.field],
+            (newValue) => {
+              const column = columnsMap.value.get(col.field);
+              console.log("🔴 [DEBOUNCE-FIRED]", {
+                field: col.field,
+                newValue,
+                columnFromMap: !!column,
+                columnValueBefore: column == null ? void 0 : column.value
+              });
+              if (column) {
+                if (column.type === "string" || column.type === "String") {
+                  column.value = typeof newValue === "string" ? newValue.trim() : newValue;
+                } else {
+                  column.value = newValue;
+                }
+                console.log("🟢 [AFTER-MUTATION]", {
+                  field: col.field,
+                  columnValueAfter: column.value
+                });
+                emit("filterChange");
+              }
+            },
+            { debounce: 300 }
+          );
+        }
+      });
+    };
     watch(
       () => {
         var _a;
         return (_a = props.all) == null ? void 0 : _a.columns;
       },
-      () => {
+      (newColumns) => {
+        if (newColumns && newColumns.length > 0) {
+          console.log("🟡 [COLUMNS-CHANGED] Setting up watches for", newColumns.length, "columns");
+          setupColumnWatches();
+        }
       },
       { immediate: true, deep: true }
     );
@@ -3013,65 +3056,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       { deep: true }
     );
     onMounted(() => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c;
       console.log("🔍 [COLUMN-HEADER] onMounted", {
         hasColumns: !!((_a = props.all) == null ? void 0 : _a.columns),
-        columnsCount: (_c = (_b = props.all) == null ? void 0 : _b.columns) == null ? void 0 : _c.length,
-        columns: (_e = (_d = props.all) == null ? void 0 : _d.columns) == null ? void 0 : _e.map((c) => ({
-          field: c.field,
-          filter: c.filter,
-          value: c.value
-        }))
+        columnsCount: (_c = (_b = props.all) == null ? void 0 : _b.columns) == null ? void 0 : _c.length
       });
-      if ((_f = props.all) == null ? void 0 : _f.columns) {
-        props.all.columns.forEach((col) => {
-          if (col.filter && col.field) {
-            console.log("🔍 [WATCH-SETUP] Setting up watch for:", col.field);
-            filterInputs.value[col.field] = col.value || "";
-            watchDebounced(
-              () => filterInputs.value[col.field],
-              (newValue) => {
-                var _a2, _b2, _c2, _d2;
-                const column = columnsMap.value.get(col.field);
-                console.log("🔴 [DEBOUNCE-FIRED]", {
-                  field: col.field,
-                  newValue,
-                  columnFromMap: column,
-                  columnValueBefore: column == null ? void 0 : column.value,
-                  propsColumnValue: (_a2 = props.all.columns.find(
-                    (c) => c.field === col.field
-                  )) == null ? void 0 : _a2.value,
-                  isSameRef: column === props.all.columns.find((c) => c.field === col.field)
-                });
-                if (column) {
-                  if (column.type === "string" || column.type === "String") {
-                    column.value = typeof newValue === "string" ? newValue.trim() : newValue;
-                    console.log("🔍 [AFTER-SET]", {
-                      afterValue: column.value,
-                      propsValue: (_b2 = props.all.columns.find((c) => c.field === col.field)) == null ? void 0 : _b2.value
-                    });
-                  } else {
-                    column.value = newValue;
-                    console.log("🔍 [AFTER-SET]", {
-                      afterValue: column.value,
-                      propsValue: (_c2 = props.all.columns.find((c) => c.field === col.field)) == null ? void 0 : _c2.value
-                    });
-                  }
-                  emit("filterChange");
-                  console.log("🔴 [AFTER-MUTATION]", {
-                    columnValueAfter: (_d2 = columnsMap.value.get(col.field)) == null ? void 0 : _d2.value
-                  });
-                }
-              },
-              { debounce: 300 }
-            );
-          } else {
-            console.warn("⚠️ [WATCH-SKIP] Skipped:", col.field, {
-              filter: col.filter
-            });
-          }
-        });
-      }
+      setupColumnWatches();
     });
     const checkboxChange = () => {
       if (selectedAll.value) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@dolusoft/vue3-datatable",
-  "version": "1.7.83",
+  "version": "1.7.84",
   "description": "Vue3 Datatable - fully customizable & easy to use datatable library",
   "private": false,
   "type": "module",