Tab visibility due expression value (#612)

* Close formstructure of layer. This prevent to has the same structure for multiple layer features

* Comment

* Refactor. Pass already cloned and reactive tab objects items of tabs array

(cherry picked from commit e580c1e)

src/components/GlobalTabs.vue

@@ -184,7 +184,7 @@
     },
     async created() {
       this.unwatch = [];
-      for (const tab of this.tabs) {
+      this.tabs.forEach((tab , i) => {
         if (tab.visibility_expression) {
            if (tab.visible === undefined) {
              this.$set(tab, 'visible', 0);
@@ -212,7 +212,8 @@
           }
         }
         this.ids.push(`tab_${getUniqueDomId()}`);
-      }
+      });
+
       this.root_tabs = [];
       if (!this.group){
         const nodes = [];

src/components/QueryResults.vue

@@ -683,7 +683,8 @@
         return this.relationsAttributesSubset(elements).length;
       },
       getLayerFormStructure(layer) {
-        return layer.formStructure.structure;
+        //need to clone structure objects in deep and set reactive with Vue.observable
+        return layer.formStructure.structure.map(n => Vue.observable(structuredClone(n)));
       },
       isAttributeOrTab(layer, item) {
         const isField = item.field_name !== undefined;