fix: нормальная работа одиночных фильтров, очистка запроса по кнопке

components/FilterPresetButton.vue

@@ -34,7 +34,8 @@ export default {
 
       let parts = this.$store.state.q ? this.$store.state.q.split("&") : [];
       parts.push(q);
-      this.$store.dispatch("q", parts.join("&"));
+      const result = parts.join("&");
+      this.$store.dispatch("q", { q: result });
     }
   }
 };

components/QueryInput.vue

@@ -13,6 +13,7 @@
       valueKey="name"
       :clearable="true"
       @select="querySelect"
+      @clear="queryChangeAction"
       @keyup.enter.native="queryChangeAction"
     >
       <template slot-scope="slotProps">
@@ -111,6 +112,7 @@ export default {
     globalQ() {
       // update local data when store value changes
       this.q = this.globalQ;
+      this.$refs.input.focus();
     }
   },
 
@@ -176,8 +178,9 @@ export default {
 
     // autocomplete of query
     queryComplete(q, cb) {
-      if (!q || this.completionProcess) return cb([]);
-      const parts = q.split("&");
+      // в q старое значение, надо брать this.q
+      if (!this.q || this.completionProcess) return cb([]);
+      const parts = this.q.split("&");
       const lastPart = parts[parts.length - 1];
 
       this.completionProcess = true;

store/index.js

@@ -350,8 +350,12 @@ export const actions = {
   },
 
   q({ commit, dispatch }, q) {
-    commit('q', q);
-    dispatch('filterSites');
+    if (typeof q == 'object') {
+      commit('q', q.q);
+    } else {
+      commit('q', q);
+      dispatch('filterSites');
+    }
   },
 
   // переключает поле в таблице, через нее проходят все изменения полей