【vue-file-upload】 1.修改babel-loader 版本问题；2.修改按钮名称为slot，用户自己定制

Author: marchFantasy

README.md

@@ -8,7 +8,7 @@ vue2.x版本 可安装当前最新版本
 vue.js ，vue-loader 上传文件，vue-file-upload
 代码里面包含demo，运行：
 ```shell
-npm run dev
+yarn install && yarn sart
 ```
 
 ## install
@@ -19,7 +19,8 @@ npm install --save vue-file-upload
 ### CommonJS
 ```javascript
 var VueFileUpload = require('vue-file-upload');
-
+//es6
+import VueFileUpload from '../src/vue-file-upload.vue';
 ```
 ### 属性（Props）
 ```javascript
@@ -33,21 +34,11 @@ max:{
   type:Number,
   default:Number.MAX_VALUE
 },
-//按钮名称
-label:{
-  type:String,
-  default:'选择文件'
-},
 //文件名称（服务端识别的上传文件名）
 name:{
   type:String,
   default:'file'
 },
-//图标
-icon:{
-  type:String,
-  default:null
-},
 //自动上传
 autoUpload:{
   type:Boolean,
@@ -98,6 +89,13 @@ events:{
   }
 }
 
+```
+### 按钮名称说明
+```html
+<vue-file-upload>
+    <span slot="label">上传文件</span>
+</vue-file-upload>
+
 ```
 ### 文件属性说明（file）
 ```javascript
@@ -136,6 +134,7 @@ vue-file-upload(url='upload.do',
   v-bind:events = 'cbEvents',
   v-bind:request-options = "reqopts",
   v-on:onAdd = "onAddItem")
+    span(slot="label") 选择文件
 table
   thead
     tr

demo/app.vue

@@ -38,6 +38,7 @@ div
     v-bind:request-options = "reqopts",
     v-on:onAdd = "onAddItem"
     )
+      span(slot="label") 选择文件
     table
       thead
         tr

package.json

@@ -23,7 +23,7 @@
   "license": "MIT",
   "devDependencies": {
     "babel-core": "^6.26.0",
-    "babel-loader": "7.7.1",
+    "babel-loader": "6.2.7",
     "babel-plugin-transform-runtime": "^6.8.0",
     "babel-preset-env": "^1.6.0",
     "babel-preset-stage-2": "^6.24.1",

src/vue-file-upload.vue

@@ -1,7 +1,6 @@
 <template>
 <span class="vue-file-upload">
-  <i v-if='icon != null' v-bind:class='rendIcon'></i>
-  {{label}}
+  <slot name="label">上传文件</slot>
   <input ref="fileInput" type="file" name="file">
 </span>
 </template>
@@ -13,9 +12,7 @@
  * 带来的问题也有很多：比如队列文件的同步
  * @param {String:url} ［上传图片地址］
  * @param {Number:max} [上传图片数量]
- * @param {String:label} [按钮显示名称]
  * @param {String:name} [上传图片name属性]
- * @param {String:icon} [图标class]
  * @param {Boolean:autoUpload} [自动上传：true：是，false：否]
  * @param {Boolean:multiple} [多文件上传：true：是，false：否]
  * @param {Array:files} [多文件队列，通常需要和开发组件双向绑定]
@@ -38,18 +35,10 @@ export default{
       type:Number,
       default:Number.MAX_VALUE
     },
-    label:{
-      type:String,
-      default:'选择文件'
-    },
     name:{
       type:String,
       default:'file'
     },
-    icon:{
-      type:String,
-      default:null
-    },
     autoUpload:{
       type:Boolean,
       default:false
@@ -100,9 +89,6 @@ export default{
     }
   },
   computed:{
-    rendIcon(){
-      return this.icon.split(/\s/g);
-    },
     bFiles:{
       get(){
         return this.files;

yarn.lock

@@ -393,13 +393,14 @@ babel-helpers@^6.24.1:
     babel-runtime "^6.22.0"
     babel-template "^6.24.1"
 
-babel-loader@7.7.1:
-  version "7.1.1"
-  resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-7.1.1.tgz#b87134c8b12e3e4c2a94e0546085bc680a2b8488"
+babel-loader@6.2.7:
+  version "6.2.7"
+  resolved "http://registry.npm.taobao.org/babel-loader/download/babel-loader-6.2.7.tgz#16fdbf64328030dc5a606827d389c8b92a2a8032"
   dependencies:
-    find-cache-dir "^1.0.0"
-    loader-utils "^1.0.2"
+    find-cache-dir "^0.1.1"
+    loader-utils "^0.2.11"
     mkdirp "^0.5.1"
+    object-assign "^4.0.1"
 
 babel-messages@^6.23.0:
   version "6.23.0"
@@ -1868,13 +1869,13 @@ finalhandler@~1.0.4:
     statuses "~1.3.1"
     unpipe "~1.0.0"
 
-find-cache-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-1.0.0.tgz#9288e3e9e3cc3748717d39eade17cf71fc30ee6f"
+find-cache-dir@^0.1.1:
+  version "0.1.1"
+  resolved "http://registry.npm.taobao.org/find-cache-dir/download/find-cache-dir-0.1.1.tgz#c8defae57c8a52a8a784f9e31c57c742e993a0b9"
   dependencies:
     commondir "^1.0.1"
-    make-dir "^1.0.0"
-    pkg-dir "^2.0.0"
+    mkdirp "^0.5.1"
+    pkg-dir "^1.0.0"
 
 find-up@^1.0.0:
   version "1.1.2"
@@ -1883,7 +1884,7 @@ find-up@^1.0.0:
     path-exists "^2.0.0"
     pinkie-promise "^2.0.0"
 
-find-up@^2.0.0, find-up@^2.1.0:
+find-up@^2.0.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/find-up/-/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
   dependencies:
@@ -2580,22 +2581,22 @@ loader-runner@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.3.0.tgz#f482aea82d543e07921700d5a46ef26fdac6b8a2"
 
-loader-utils@^1.0.2, loader-utils@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
+loader-utils@^0.2.11, loader-utils@~0.2.5:
+  version "0.2.17"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
   dependencies:
     big.js "^3.1.3"
     emojis-list "^2.0.0"
     json5 "^0.5.0"
+    object-assign "^4.0.1"
 
-loader-utils@~0.2.5:
-  version "0.2.17"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-0.2.17.tgz#f86e6374d43205a6e6c60e9196f17c0299bfb348"
+loader-utils@^1.0.2, loader-utils@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
   dependencies:
     big.js "^3.1.3"
     emojis-list "^2.0.0"
     json5 "^0.5.0"
-    object-assign "^4.0.1"
 
 locate-path@^2.0.0:
   version "2.0.0"
@@ -2658,12 +2659,6 @@ macaddress@^0.2.8:
   version "0.2.8"
   resolved "https://registry.yarnpkg.com/macaddress/-/macaddress-0.2.8.tgz#5904dc537c39ec6dbefeae902327135fa8511f12"
 
-make-dir@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-1.0.0.tgz#97a011751e91dd87cfadef58832ebb04936de978"
-  dependencies:
-    pify "^2.3.0"
-
 map-obj@^1.0.0, map-obj@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d"
@@ -3137,7 +3132,7 @@ performance-now@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-0.2.0.tgz#33ef30c5c77d4ea21c5a53869d91b56d8f2555e5"
 
-pify@^2.0.0, pify@^2.3.0:
+pify@^2.0.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
 
@@ -3155,11 +3150,11 @@ pinkie@^2.0.0:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/pinkie/-/pinkie-2.0.4.tgz#72556b80cfa0d48a974e80e77248e80ed4f7f870"
 
-pkg-dir@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-2.0.0.tgz#f6d5d1109e19d63edf428e0bd57e12777615334b"
+pkg-dir@^1.0.0:
+  version "1.0.0"
+  resolved "http://registry.npm.taobao.org/pkg-dir/download/pkg-dir-1.0.0.tgz#7a4b508a8d5bb2d629d447056ff4e9c9314cf3d4"
   dependencies:
-    find-up "^2.1.0"
+    find-up "^1.0.0"
 
 portfinder@^1.0.9:
   version "1.0.13"