@phoenix-cg/v-filters 0.2.12 → 0.2.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phoenix-cg/v-filters",
-  "version": "0.2.12",
+  "version": "0.2.14",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/VFilters.vue

@@ -153,13 +153,18 @@ export default {
     },
     noDefaultValueForEmptyFields: {
       type: Boolean
+    },
+		fieldDeps: {
+			type: Array,
+			default: () => []
     }
   },
   data () {
     return {
       filters: {},
       editedFields: [],
-      inited: false
+      inited: false,
+      initializedEmitted: false
     }
   },
   computed: {
@@ -178,6 +183,18 @@ export default {
       }
       return title
     },
+    fieldDepsMap () {
+      const deps = this.fieldDeps
+      if (deps.length) {
+        return deps.reduce((acc, item) => {
+          Object.entries(item).forEach(([child, parentVal]) => {
+            acc[child] = Object.values(parentVal)[0]
+          })
+          return acc
+        }, {})
+      }
+      return deps
+    },
     flatFilters () {
       const filters = { ...this.filterParamsToInclude }
       const fieldsToInclude = [...this.editedFields, ...this.alwaysSendFields]
@@ -276,8 +293,24 @@ export default {
         this.$set(this.filters, field._name, value)
       })
       this.inited = true
-      !isUpdate && this.setUrlParams()
-      !isUpdate && this.doAction(true)
+      if (!isUpdate && this.initializedEmitted ) {
+        this.setUrlParams()
+        this.doAction(true)
+      }
+      if (!this.initializedEmitted ) {
+        this.setUrlParams(false, this.getInitialFlatFilters())
+        this.$emit('fields-initialized', this.getInitialFlatFilters())
+        this.initializedEmitted = true
+      }
+    },
+    getInitialFlatFilters () {
+      const filters = { ...this.filterParamsToInclude }
+      this.fields.forEach(field => {
+        const value = this.filters[field._name]
+        if (!value || !value._id) { return }
+				filters[field._name] = [value._id]
+      })
+      return filters
     },
     async resetFilters () {
       this.editedFields = []
@@ -294,11 +327,10 @@ export default {
       this.editedFields = this.editedFields.filter(fieldName => fieldName !== name)
     },
     removeDependentFieldsFromEdited (name) {
-      const field = this.fields.find(field => field._name === name)
-      if (field.reset) {
-        const dependentFields = this.fields.filter(field => !field.reset).map(field => field._name)
-        this.editedFields = this.editedFields.filter(fieldName => !dependentFields.includes(fieldName))
-      }
+      const map = this.fieldDepsMap
+      if (!map) return
+      const toRemove = Object.keys(map).filter(child => map[child] === name)
+      this.editedFields = this.editedFields.filter(field => !toRemove.includes(field))
     },
     doAction (showResult = false) {
       if (showResult) {