@live-change/vue3-components 0.2.18 → 0.2.19

package/form/CommandForm.vue

@@ -92,16 +92,16 @@
       },
       serviceDefinition() {
         if(this.serviceDefinitionSource) {
-          if(typeof this.serviceDefinitionSource == 'string') {
-            const definition = this.$api.metadata.serviceDefinitions.value
+          if(typeof this.servicesDefinitionSource == 'string') {
+            const definition = this.$api.serviceDefinitions.value
                 .find(service => service.name == this.serviceDefinitionSource)
             return definition
           } else {
             return this.serviceDefinitionSource
           }
         }
-        if(!this.$api.metadata.api?.value?.services) return
-        const definition = this.$api.metadata.api?.value?.services.find(service => service.name == this.service)
+        if(!this.$api.servicesDefinitions.value) return
+        const definition = this.$api.servicesDefinitions.value.find(service => service.name == this.service)
         return definition
       },
       actionDefinition() {

package/form/DefinedForm.vue

@@ -71,16 +71,17 @@
 
     reset(initialValue) {
       if(this.definition.type) {
-        let defaultValue = this.definition.defaulValue || null
-        if(!defaultValue) {
+        let defaultValue = this.definition.defaultValue
+        if(defaultValue === undefined) {
           switch(this.definition.type) {
             case "String" : defaultValue = ""; break;
             case "Object" : defaultValue = {}; break;
             case "Number" : defaultValue = 0; break;
             case "Array"  : defaultValue = []; break;
+            default: defaultValue = null
           }
         }
-        this.setValue(initialValue || defaultValue)
+        this.setValue(initialValue ?? defaultValue)
       } else {
         this.setValue(initialValue)
       }
@@ -273,11 +274,30 @@
       this.elements = []
       if(!this.data[this.property]) this.data[this.property] = []
       this.object = this.data[this.property]
+      this.unwatch = watch(() => this.data[this.property], () => {
+        this.object = this.data[this.property]
+        while(this.elements.length > this.object.length) {
+          this.elements.pop()
+        }
+        while(this.elements.length < this.object.length) {
+          this.elements.push(this.newElement(this.elements.length))
+        }
+      }, { deep: true })
     }
 
     setProperty(name) {
+      if(this.unwatch) this.unwatch()
       this.property = name
       this.object = this.data[this.property]
+      this.unwatch = watch(() => this.data[this.property], () => {
+        this.object = this.data[this.property]
+        while(this.elements.length > this.object.length) {
+          this.elements.pop()
+        }
+        while(this.elements.length < this.object.length) {
+          this.elements.push(this.newElement(this.elements.length))
+        }
+      }, { deep: true })
     }
 
     newElement(index) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.2.18",
+  "version": "0.2.19",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,10 +21,10 @@
   },
   "homepage": "https://github.com/live-change/live-change-framework-vue3",
   "dependencies": {
-    "@live-change/vue3-ssr": "^0.2.18",
+    "@live-change/vue3-ssr": "^0.2.19",
     "debug": "^4.3.4",
     "mitt": "3.0.0",
     "vue": "^3.2.47"
   },
-  "gitHead": "ba8e0f2c67695d1e5ffdf8d713e5a4dec25d03b2"
+  "gitHead": "90a9050401e8ac3f2b45505526153b07ccde3839"
 }