Add SSR, props.title support HTML

example/App.vue

@@ -1,13 +1,5 @@
-<style>
+<template>
-nav {
+<div id="app">
-  margin-bottom: 1em
-}
-</style>
-<script>
-export default {
-  render(h) {
-    return (
-      <div id="app">
   <header id="header">
     <h1>Upload test</h1>
     <nav>
@@ -25,8 +17,14 @@ export default {
   <footer id="footer">
     <div>Powered by:<a href="//www.lianyue.org">LianYue</a></div>
   </footer>
-      </div>
+</div>
-    )
+</template>
-  }
+<style>
+nav {
+  margin-bottom: 1em
+}
+</style>
+<script>
+export default {
 }
 </script>

example/index.js

@@ -71,7 +71,5 @@ const router = new VueRouter({
 new Vue({
   router,
   store,
-  render(h) {
+  ...App
-    return h(App)
-  }
 }).$mount('#app')

package.json

@@ -33,11 +33,8 @@
   "dependencies": {},
   "devDependencies": {
     "babel-core": "^6.0.0",
-    "babel-helper-vue-jsx-merge-props": "^2.0.2",
     "babel-loader": "^6.0.0",
-    "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-runtime": "^6.0.0",
-    "babel-plugin-transform-vue-jsx": "^3.3.0",
     "babel-preset-es2015": "^6.0.0",
     "babel-preset-stage-0": "^6.5.0",
     "babel-runtime": "^6.0.0",
@@ -47,13 +44,12 @@
     "file-loader": "^0.8.4",
     "json-loader": "^0.5.4",
     "url-loader": "^0.5.7",
-    "vue": "^2.2.1",
+    "vue": "^2.2.6",
-    "vue-hot-reload-api": "^1.2.0",
+    "vue-hot-reload-api": "^1.3.3",
-    "vue-html-loader": "^1.0.0",
+    "vue-loader": "^11.1.4",
-    "vue-loader": "^9.5.0",
+    "vue-router": "^2.4.0",
-    "vue-router": "^2.3.0",
+    "vue-template-compiler": "^2.2.6",
-    "vue-style-loader": "^1.0.0",
+    "vuex": "^2.3.1",
-    "vuex": "^2.2.1",
     "webpack": "^1.12.2",
     "webpack-dev-server": "^1.12.0"
   }

src/FileUpload.vue

@@ -1,6 +1,6 @@
 <template>
   <label class="file-uploads" :class="mode === 'html5' ? 'file-uploads-html5' : 'file-uploads-html4'">
-      <span>{{title}}</span>
+      <span class="file-uploads-title" v-html="title"></span>
       <slot></slot>
       <input-file></input-file>
   </label>
@@ -125,6 +125,7 @@ export default {
 
   // 挂载后
   mounted() {
+    return
     var input = document.createElement('input');
     input.type = 'file';
     if (window.FormData && input.files)  {
@@ -398,7 +399,7 @@ export default {
 
       var inputFile = new Component({
         parent: this,
-        el: el,
+        el: el.parentNode,
       });
     },
 

src/InputFile.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <span class="file-uploads-input">
     <input
       type="file"
       :name="$parent.name"
@@ -8,8 +8,7 @@
       @change="change"
       :multiple="$parent.multiple && $parent.mode === 'html5'"
     />
-  </div>
+  </span>
-
 </template>
 <script>
 export default {

webpack.config.build.js

@@ -9,4 +9,4 @@ module.exports.entry = {
 }
 
 module.exports.output.library = 'VueUploadComponent';
-module.exports.output.libraryTarget = 'umd';
+module.exports.output.libraryTarget = 'commonjs2';

webpack.config.js

@@ -10,13 +10,12 @@ module.exports = {
     path: './dist',
     publicPath: '/dist/',
     filename: "[name].js",
+    // target: 'node',
   },
 
 
   resolve: {
     root: path.join(__dirname, 'node_modules'),
-    alias: {
-    },
     extensions: ['', '.js', '.vue', '.json'],
   },
 
@@ -52,7 +51,7 @@ module.exports = {
 
   babel: {
     presets: ['es2015', 'stage-0'],
-    plugins: ['transform-runtime', 'transform-vue-jsx'],
+    plugins: ['transform-runtime'],
   },
 
   devServer: {