Feature(FileUpload.vue): Adds slot so user can add custom html

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-upload-component",
   "description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
-  "version": "2.3.0-beta.2",
+  "version": "2.3.0",
   "author": "LianYue",
   "scripts": {
     "dev": "webpack-dev-server --inline --hot",

src/FileUpload.vue

@@ -1,3 +1,11 @@
+<template>
+  <label class="file-uploads" :class="mode === 'html5' ? 'file-uploads-html5' : 'file-uploads-html4'">
+      <span>{{title}}</span>
+      <slot></slot>
+      <input-file></input-file>
+  </label>
+</template>
+
 <style>
 .file-uploads {
     overflow: hidden;
@@ -140,22 +148,6 @@ export default {
     this.files.splice(0, this.files.length);
   },
 
-  render (h) {
-    return (
-      <label class={{
-        'file-uploads': true,
-        'file-uploads-html5': this.mode == 'html5',
-        'file-uploads-html4': this.mode == 'html4'
-      }} >
-          <span>{this.title}</span>
-          <input-file></input-file>
-      </label>
-    )
-  },
-
-
-
-
   watch: {
     drop(value) {
       this._drop(value);

src/InputFile.vue

@@ -1,24 +1,23 @@
+<template>
+  <div>
+    <input
+      type="file"
+      :name="$parent.name"
+      :id="$parent.id || $parent.name"
+      :accept="$parent.accept"
+      @change="change"
+      :multiple="$parent.multiple && $parent.mode === 'html5'"
+    />
+  </div>
+
+</template>
 <script>
 export default {
   methods: {
     change(e) {
-      this.$destroy();
-      this.$parent._addInputFileElement(e.target);
-    },
-  },
-
-  render(h) {
-    const parent = this.$parent;
-    return (
-      <input
-        type="file"
-        name={parent.name}
-        id={parent.id|| parent.name}
-        accept={parent.accept}
-        on-change={this.change}
-        multiple={parent.multiple && parent.mode == 'html5'}
-      />
-    )
+      this.$destroy()
+      this.$parent._addInputFileElement(e.target)
+    }
   }
 }
 </script>