@dolusoft/vue3-datatable 1.8.28 → 1.8.30

package/dist/vue3-datatable.cjs

@@ -3165,6 +3165,31 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       },
       { immediate: true, deep: true }
     );
+    vue.watch(
+      () => {
+        var _a, _b;
+        return (_b = (_a = props.all) == null ? void 0 : _a.columns) == null ? void 0 : _b.map((col) => ({ field: col.field, value: col.value, condition: col.condition }));
+      },
+      (newValues) => {
+        if (!newValues) return;
+        newValues.forEach((colState) => {
+          if (colState.field) {
+            const currentInputValue = filterInputs.value[colState.field] ?? "";
+            const newInputValue = colState.value ?? "";
+            if (String(currentInputValue) !== String(newInputValue)) {
+              filterInputs.value[colState.field] = newInputValue;
+            }
+            if (colState.condition) {
+              const currentCondition = columnConditions.value[colState.field] ?? "";
+              if (currentCondition !== colState.condition) {
+                columnConditions.value[colState.field] = colState.condition;
+              }
+            }
+          }
+        });
+      },
+      { deep: true, immediate: true }
+    );
     vue.onMounted(() => {
       setupColumnWatches();
     });
@@ -4111,15 +4136,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
        * Set column filter value and optionally trigger filter
        * @param field - Column field name
        * @param value - Filter value
-       * @param condition - Filter condition (default: column's default condition)
+       * @param condition - Filter condition (default: column type's default)
        * @param triggerFilter - Whether to trigger filterChange event (default: false)
        */
       setColumnFilter(field, value, condition, triggerFilter = false) {
+        var _a2;
         const column = props.columns.find((col) => col.field === field);
         if (column) {
           column.value = value;
           if (condition) {
             column.condition = condition;
+          } else {
+            const type = ((_a2 = column.type) == null ? void 0 : _a2.toLowerCase()) || "string";
+            column.condition = type === "string" ? "Contains" : "Equal";
           }
           updateHasAnyActiveFilter();
           if (triggerFilter) {

package/dist/vue3-datatable.js

@@ -3164,6 +3164,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       },
       { immediate: true, deep: true }
     );
+    watch(
+      () => {
+        var _a, _b;
+        return (_b = (_a = props.all) == null ? void 0 : _a.columns) == null ? void 0 : _b.map((col) => ({ field: col.field, value: col.value, condition: col.condition }));
+      },
+      (newValues) => {
+        if (!newValues) return;
+        newValues.forEach((colState) => {
+          if (colState.field) {
+            const currentInputValue = filterInputs.value[colState.field] ?? "";
+            const newInputValue = colState.value ?? "";
+            if (String(currentInputValue) !== String(newInputValue)) {
+              filterInputs.value[colState.field] = newInputValue;
+            }
+            if (colState.condition) {
+              const currentCondition = columnConditions.value[colState.field] ?? "";
+              if (currentCondition !== colState.condition) {
+                columnConditions.value[colState.field] = colState.condition;
+              }
+            }
+          }
+        });
+      },
+      { deep: true, immediate: true }
+    );
     onMounted(() => {
       setupColumnWatches();
     });
@@ -4110,15 +4135,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
        * Set column filter value and optionally trigger filter
        * @param field - Column field name
        * @param value - Filter value
-       * @param condition - Filter condition (default: column's default condition)
+       * @param condition - Filter condition (default: column type's default)
        * @param triggerFilter - Whether to trigger filterChange event (default: false)
        */
       setColumnFilter(field, value, condition, triggerFilter = false) {
+        var _a2;
         const column = props.columns.find((col) => col.field === field);
         if (column) {
           column.value = value;
           if (condition) {
             column.condition = condition;
+          } else {
+            const type = ((_a2 = column.type) == null ? void 0 : _a2.toLowerCase()) || "string";
+            column.condition = type === "string" ? "Contains" : "Equal";
           }
           updateHasAnyActiveFilter();
           if (triggerFilter) {

package/package.json

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