wave-ui 3.4.5 → 3.4.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "3.4.5",
+  "version": "3.4.7",
   "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "homepage": "https://antoniandre.github.io/wave-ui",
@@ -54,7 +54,7 @@
     "@babel/eslint-parser": "^7.22.10",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@faker-js/faker": "^7.6.0",
-    "@mdi/font": "^5.9.55",
+    "@mdi/font": "^6.9.96",
     "@vitejs/plugin-vue": "^3.2.0",
     "@vue/compiler-sfc": "3.2.45",
     "autoprefixer": "^10.4.15",

package/src/wave-ui/components/w-input.vue

@@ -186,6 +186,8 @@ export default {
       // Keep the `class` attribute bound to the wrapper and not the input.
       // eslint-disable-next-line no-unused-vars
       const { class: classes, ...htmlAttrs } = this.$attrs
+      // Resets the input[type=file] the native HTML way.
+      if (this.type === 'file' && !this.inputFiles.length) htmlAttrs.value = null
       return htmlAttrs
     },
 
@@ -320,8 +322,10 @@ export default {
 
         return file
       })
-      this.$emit('update:modelValue', this.inputFiles)
-      this.$emit('input', this.inputFiles)
+
+      const filesPayload = this.multiple ? this.inputFiles : this.inputFiles[0]
+      this.$emit('update:modelValue', filesPayload)
+      this.$emit('input', filesPayload)
     },
 
     // For file input.
@@ -361,7 +365,10 @@ export default {
     modelValue (value) {
       this.inputValue = value
       // When clearing the field value, also reset the isAutofilled var for the CSS class.
-      if (!value && value !== 0) this.isAutofilled = false
+      if (!value && value !== 0) {
+        this.isAutofilled = false
+        this.inputFiles = []
+      }
     }
   }
 }