@phoenix-cg/v-filters 0.1.13 → 0.2.0-beta.0

package/dist/v-filters.common.js

@@ -4345,7 +4345,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7e300fa3-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VFilters.vue?vue&type=template&id=2f15d23d&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"eb88cebc-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/VFilters.vue?vue&type=template&id=922779fe&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"v-filters"},[_c('div',{staticClass:"v-filters_fields"},[_vm._t("before-fields"),_vm._l((_vm.fields),function(field){return _c(_vm.fieldComponentName,{key:field._name,tag:"component",attrs:{"title":field.title}},[_c(_vm.componentsMap[field._type],_vm._b({key:_vm.fieldKey,tag:"component",on:{"input":function($event){return _vm.handleFieldChange(field._name)}},model:{value:(_vm.filters[field._name]),callback:function ($$v) {_vm.$set(_vm.filters, field._name, $$v)},expression:"filters[field._name]"}},'component',field._fieldProps || {},false))],1)}),_vm._t("after-fields"),_vm._t("actions",[_c(_vm.fieldComponentName,{tag:"component"},[(!_vm.immediate)?_c('button',{staticClass:"v-button v-filters_button",on:{"click":_vm.showResult}},[_vm._v(" "+_vm._s(_vm.actionTitle)+" ")]):_vm._e(),(_vm.edited)?_c('button',{staticClass:"v-button v-filters_button __reset",on:{"click":_vm.resetFilters}},[_vm._v(" Сбросить параметры ")]):_vm._e()])],null,{
         showResult: _vm.showResult,
         resetFilters: _vm.resetFilters,
@@ -4362,7 +4362,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/VFilters.vue?vue&type=template&id=2f15d23d&
+// CONCATENATED MODULE: ./src/components/VFilters.vue?vue&type=template&id=922779fe&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
 var es_object_keys = __webpack_require__("b64b");
@@ -5200,7 +5200,6 @@ var VFiltersvue_type_script_lang_js_unserialize = function unserialize(input) {
   data: function data() {
     return {
       filters: {},
-      editedInside: false,
       editedFields: []
     };
   },
@@ -5208,6 +5207,9 @@ var VFiltersvue_type_script_lang_js_unserialize = function unserialize(input) {
     edited: function edited() {
       return this.editedInside || this.editedOutside;
     },
+    editedInside: function editedInside() {
+      return this.editedFields.length > 0;
+    },
     actionTitle: function actionTitle() {
       var title = this.notFoundTitle;
 
@@ -5233,15 +5235,22 @@ var VFiltersvue_type_script_lang_js_unserialize = function unserialize(input) {
       return filters;
     }
   },
+  watch: {
+    fields: {
+      deep: true,
+      handler: function handler() {
+        this.setFilters(true);
+      }
+    }
+  },
   created: function created() {
     this.setFilters();
   },
   methods: {
-    setFilters: function setFilters(isReset, query) {
+    setFilters: function setFilters(isUpdate) {
       var _this2 = this;
 
-      var params = query || this.getUrlParams();
-      var editedInside = false;
+      var params = this.getUrlParams();
       this.fields.forEach(function (field) {
         var value = field._type === 'range' ? field.value : [];
         var valueNotArray = ['select', 'tab'].includes(field._type);
@@ -5252,7 +5261,7 @@ var VFiltersvue_type_script_lang_js_unserialize = function unserialize(input) {
           value = _field$value[0];
         }
 
-        if (params[field._name] && !isReset) {
+        if (params[field._name] && !isUpdate) {
           var paramsValue = params[field._name];
 
           if (field._type !== 'range') {
@@ -5270,11 +5279,11 @@ var VFiltersvue_type_script_lang_js_unserialize = function unserialize(input) {
           }
 
           _this2.addEditedField(field._name);
-        } else if ((!params[field._name] || isReset) && valueNotArray) {
+        } else if ((!params[field._name] || isUpdate) && valueNotArray) {
           var _field$value2 = _slicedToArray(field.value, 1);
 
           value = _field$value2[0];
-        } else if (!params[field._name] || isReset) {
+        } else if (!params[field._name] || isUpdate) {
           value = field.value;
         } // Detect changed fields
 
@@ -5304,16 +5313,13 @@ var VFiltersvue_type_script_lang_js_unserialize = function unserialize(input) {
 
         _this2.$set(_this2.filters, field._name, value);
       });
-      this.setUrlParams(isReset);
-      this.editedInside = editedInside;
-      this.doAction();
+      this.setUrlParams(isUpdate);
+      !isUpdate && this.doAction();
     },
-    resetFilters: function resetFilters(isOutside) {
-      this.$emit('reset-filters', isOutside);
-      this.setFilters(true);
+    resetFilters: function resetFilters() {
       this.editedFields = [];
       this.editedInside = false;
-      this.doAction();
+      this.$emit('reset-filters');
     },
     addEditedField: function addEditedField(name) {
       if (!this.editedFields.includes(name)) {