@live-change/vue3-components 0.1.12 → 0.1.13

package/form/CommandForm.vue

@@ -76,6 +76,7 @@
         type: String
       }
     },
+    emits: ['submit', 'done', 'error'],
     inject: ['loadingZone', 'workingZone'],
     data() {
       return {
@@ -289,6 +290,7 @@
         })
       },
       handleSubmitEvent(ev) {
+        console.log("HANDLE SUBMIT EVENT!", ev)
         ev.preventDefault()
         this.submit()
       },

package/form/DefinedForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <component v-if="tag" :is="tag" v-on:submit="ev => $emit('submit', ev)" :class="class" :style="style">
+  <component v-if="tag" :is="tag" v-on:submit="ev => handleSubmitEvent(ev)" :class="class" :style="style">
     <slot v-bind="{ data }"></slot>
   </component>
   <slot v-else v-bind="{ data }"></slot>
@@ -388,6 +388,7 @@
         type: String
       }
     },
+    //emits: ['submit', 'update'],
     provide() {
       return {
         form: {
@@ -407,7 +408,7 @@
           validate: () => this.validate(),
           clearFieldValidation: (propName) => this.clearFieldValidation(propName),
           clearValidation: () => this.clearValidation(),
-          
+
           addElementToArray: (propName, initialValue) => this.addElementToArray(propName, initialValue),
           removeElementFromArray: (propName, index) => this.removeElementFromArray(propName, index)
         }
@@ -519,6 +520,11 @@
         let position = getElementPositionInDocument(errorFieldElement)
         window.scrollTo(0, position.y - 100) /// TODO: remove fixed nav-bar and do it properly.
       },
+      handleSubmitEvent(ev) {
+        console.log("HANDLE SUBMIT!", ev)
+        ev.preventDefault()
+        this.$emit('submit', ev)
+      }
     },
     created() {
       this.initForm()

package/logic/LoadingZone.vue

@@ -37,6 +37,7 @@
 
   export default {
     name: "LoadingZone",
+    emits: ['isLoading', 'error'],
     props: {
       suspense: {
         type: Boolean,
@@ -60,7 +61,15 @@
         errors
       }
     },
+    watch: {
+      isLoading(l) {
+        this.$emit('isLoading', l)
+      }
+    },
     computed: {
+      isLoading() {
+        return this.loading.length > 0
+      }
     },
     methods: {
       loadingStarted(task) {
@@ -122,6 +131,7 @@
           this.$allLoadingTasks.splice(this.$allLoadingTasks.indexOf(task), 1)
         if(this.$allLoadingErrors)
           this.$allLoadingErrors.push({ task, reason })
+        this.$emit('error', this.errors)
       },
       addLoadingPromise(name, promise) {
         let task = this.loadingStarted({ name, promise })

package/logic/WorkingZone.vue

@@ -1,5 +1,5 @@
-<template>    
-  <slot v-bind="{ isWorking: !!working.length, working, errors }"></slot>    
+<template>
+  <slot v-bind="{ isWorking: !!working.length, working, errors }"></slot>
   <slot name="working" v-if="working.length && !errors.length">
     Processing...
   </slot>
@@ -21,6 +21,7 @@
 
   export default {
     name: "WorkingZone",
+    emits: ['isWorking', 'error'],
     data() {
       return {
         working: [],
@@ -29,7 +30,15 @@
         connectionProblem: false
       }
     },
+    watch: {
+      isWorking(w) {
+        this.$emit('isWorking', w)
+      }
+    },
     computed: {
+      isWorking() {
+        return this.working.length > 0
+      }
     },
     methods: {
       workingStarted(task) {
@@ -91,6 +100,7 @@
           this.$allWorkingTasks.splice(this.$allWorkingTasks.indexOf(task), 1)
         if(this.$allWorkingErrors)
           this.$allWorkingErrors.push({ task, reason })
+        this.$emit('error', this.errors)
       },
       addWorkingPromise(name, promise) {
         let task = this.workingStarted({ name, promise })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {