diff --git a/dist/vue-upload-component.js b/dist/vue-upload-component.js
index 36e3174..1f4fb6c 100644
--- a/dist/vue-upload-component.js
+++ b/dist/vue-upload-component.js
@@ -1,6 +1,6 @@
 /*!
  * Name: vue-upload-component
- * Version: 2.6.0-beta.2
+ * Version: 2.6.0-beta.3
  * Author: LianYue
  */
 (function (global, factory) {
diff --git a/dist/vue-upload-component.min.js b/dist/vue-upload-component.min.js
index c6fcbd7..6f87c83 100644
--- a/dist/vue-upload-component.min.js
+++ b/dist/vue-upload-component.min.js
@@ -1,6 +1,6 @@
 /*!
  * Name: vue-upload-component
- * Version: 2.6.0-beta.2
+ * Version: 2.6.0-beta.3
  * Author: LianYue
  */
 !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):e.VueUploadComponent=t()}(this,function(){"use strict";function e(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}!function(){if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style");t.type="text/css",t.styleSheet?t.styleSheet.cssText="":t.appendChild(document.createTextNode("")),e.appendChild(t)}}();var t={render:function(){var e=this,t=e.$createElement;return(e._self._c||t)("input",{attrs:{type:"file",name:e.$parent.name,id:e.$parent.inputId||e.$parent.name,accept:e.$parent.accept,webkitdirectory:e.$parent.directory&&e.$parent.features.directory,directory:e.$parent.directory&&e.$parent.features.directory,multiple:e.$parent.multiple&&e.$parent.features.html5},on:{change:e.change}})},staticRenderFns:[],methods:{change:function(e){this.$destroy(),this.$parent.addInputFile(e.target),new this.constructor({parent:this.$parent,el:this.$el})}}},r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i])}return e},i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e};!function(){if("undefined"!=typeof document){var e=document.head||document.getElementsByTagName("head")[0],t=document.createElement("style"),r=' .file-uploads { overflow: hidden; position: relative; text-align: center; display: inline-block; } .file-uploads.file-uploads-html4 input[type="file"] { opacity: 0; font-size: 20em; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; position: absolute; width: 100%; height: 100%; } .file-uploads.file-uploads-html5 input[type="file"] { overflow: hidden; position: fixed; width: 1px; height: 1px; z-index: -1; opacity: 0; } ';t.type="text/css",t.styleSheet?t.styleSheet.cssText=r:t.appendChild(document.createTextNode(r)),e.appendChild(t)}}();var n={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("label",{class:e.className},[e._t("default"),e._v(" "),r("input-file")],2)},staticRenderFns:[],components:{InputFile:t},props:{inputId:{type:String},name:{type:String,default:"file"},accept:{type:String},multiple:{type:Boolean},directory:{type:Boolean},postAction:{type:String},putAction:{type:String},headers:{type:Object,default:Object},data:{type:Object,default:Object},timeout:{type:Number,default:0},drop:{default:!1},dropDirectory:{type:Boolean,default:!0},size:{type:Number,default:0},extensions:{default:Array},value:{type:Array,default:Array},thread:{type:Number,default:1}},data:function(){return{files:this.value,features:{html5:!0,directory:!1,drag:!1},active:!1,dropActive:!1,uploading:0,destroy:!1}},mounted:function(){var e=document.createElement("input");e.type="file",e.multiple=!0,window.FormData&&e.files?("boolean"!=typeof e.webkitdirectory&&"boolean"!=typeof e.directory||(this.features.directory=!0),this.features.html5&&void 0!==e.ondrop&&(this.features.drop=!0)):this.features.html5=!1,this.maps={},this.$nextTick(function(){this.$parent&&this.$parent.$forceUpdate(),this.watchDrop(this.drop)})},beforeDestroy:function(){this.destroy=!0,this.active=!1},computed:{uploaded:function(){for(var e=void 0,t=0;t<this.files.length;t++)if((e=this.files[t]).fileObject&&!e.error&&!e.success)return!1;return!0},className:function(){return["file-uploads",this.features.html5?"file-uploads-html5":"file-uploads-html4",this.features.directory&&this.directory?"file-uploads-directory":void 0,this.features.drop&&this.drop?"file-uploads-drop":void 0]}},watch:{active:function(e){this.watchActive(e)},dropActive:function(){this.$parent&&this.$parent.$forceUpdate()},drop:function(e){this.watchDrop(e)},value:function(e){if(this.files!==e){this.files=e;var t=this.maps;this.maps={};for(var r=0;r<this.files.length;r++){var i=this.files[r];this.maps[i.id]=i}for(var n in this.maps){var o=this.maps[n],a=t[n];o!==a&&this.emitFile(o,a)}for(var s in t)this.maps[s]||this.emitFile(void 0,t[s])}}},methods:{clear:function(){if(this.files.length){var e=this.files;this.files=[],this.maps={},this.emitInput();for(var t=0;t<e.length;t++)this.emitFile(void 0,e[t])}return!0},get:function(e){return!!e&&("object"===(void 0===e?"undefined":i(e))?this.maps[e.id]||!1:this.maps[e]||!1)},add:function(e,t){var i=e,n=i instanceof Array;n||(i=[i]);for(var o=[],a=0;a<i.length;a++){var s=i[a];this.features.html5&&s instanceof File&&(s={file:s,size:s.size,name:s.webkitRelativePath||s.relativePath||s.name||"unknown",type:s.type});var u=!1;if(!1===s.fileObject||(s.fileObject?u=!0:"undefined"!=typeof Element&&s.el instanceof Element?u=!0:"undefined"!=typeof File&&s.file instanceof File&&(u=!0)),u&&((s=r({fileObject:!0,size:-1,name:"Filename",type:"",active:!1,error:"",success:!1,putAction:this.putAction,postAction:this.postAction,timeout:this.timeout},s,{response:{},progress:"0.00",speed:0})).data=r({},this.data,s.data?s.data:{}),s.headers=r({},this.headers,s.headers?s.headers:{})),s.id||(s.id=Math.random().toString(36).substr(2)),!this.emitFilter(s,void 0)&&(o.push(s),!this.multiple))break}if(!o.length)return!1;this.multiple||this.clear();var d=void 0;d=t?o.concat(this.files):this.files.concat(o),this.files=d;for(var l=0;l<o.length;l++){var c=o[l];this.maps[c.id]=c}this.emitInput();for(var f=0;f<o.length;f++)this.emitFile(o[f],void 0);return n?o:o[0]},addInputFile:function(e){var t=[];if(e.files)for(var r=0;r<e.files.length;r++){var i=e.files[r];t.push({size:i.size,name:i.webkitRelativePath||i.relativePath||i.name,type:i.type,file:i,el:e})}else t.push({name:e.value.replace(/^.*?([^\/\\\r\n]+)$/,"$1"),el:e});return this.add(t)},addDataTransfer:function(t){var r=this,i=[];if(t.items&&t.items.length){for(var n=[],o=0;o<t.items.length;o++){var a=t.items[o];(a=a.getAsEntry?a.getAsEntry():a.webkitGetAsEntry?a.webkitGetAsEntry():a.getAsFile())&&n.push(a)}return new Promise(function(t,o){!function o(a){var s=n[a];if(!s||!r.multiple&&i.length)return t(r.add(i));r.getEntry(s).then(function(t){i.push.apply(i,e(t)),o(a+1)})}(0)})}if(t.files.length){for(var s=0;s<t.files.length&&(i.push(t.files[s]),this.multiple);s++);return Promise.resolve(this.add(i))}return Promise.resolve([])},getEntry:function(t){var r=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return new Promise(function(n,o){t.isFile?t.file(function(e){n([{size:e.size,name:i+e.name,type:e.type,file:e}])}):t.isDirectory&&r.dropDirectory?t.createReader().readEntries(function(o){var a=[];!function s(u){if(!o[u]||a.length&&!r.multiple)return n(a);r.getEntry(o[u],i+t.name+"/").then(function(t){a.push.apply(a,e(t)),s(u+1)})}(0)}):n([])})},remove:function(e){var t=this.get(e);if(t){if(this.emitFilter(void 0,t))return!1;var r=this.files.concat([]),i=r.indexOf(t);if(-1===i)return console.error("remove",t),!1;r.splice(i,1),this.files=r,delete this.maps[t.id],this.emitInput(),this.emitFile(void 0,t)}return t},update:function(e,t){var i=this.get(e);if(i){var n=r({},i,t);if(!i.fileObject||!i.active||n.active||n.error||n.success||(n.error="abort"),this.emitFilter(n,i))return!1;var o=this.files.concat([]),a=o.indexOf(i);return-1===a?(console.error("update",i),!1):(o.splice(a,1,n),this.files=o,delete this.maps[i.id],this.maps[n.id]=n,this.emitInput(),this.emitFile(n,i),n)}return!1},emitFilter:function(e,t){var r=!1;return this.$emit("input-filter",e,t,function(){return r=!0}),r},emitFile:function(e,t){this.$emit("input-file",e,t),!(e&&e.fileObject&&e.active)||t&&t.active?e&&e.fileObject&&e.active||!t||!t.fileObject||!t.active||this.uploading--:(this.uploading++,this.$nextTick(function(){var t=this;setTimeout(function(){t.upload(e).then(function(){(e=t.get(e))&&e.fileObject&&t.update(e,{active:!1,success:!e.error})}).catch(function(r){t.update(e,{active:!1,success:!1,error:r.code||r.error||r.message||r})})},parseInt(50*Math.random()+50,10))})),!this.active||Boolean(e)===Boolean(t)&&e.active===t.active||this.watchActive(!0)},emitInput:function(){this.$emit("input",this.files)},upload:function(e){var t=this.get(e);if(!t)return Promise.reject("not_exists");if(!t.fileObject)return Promise.reject("file_object");if(t.error)return Promise.reject(t.error);if(t.success)return Promise.resolve(t);var r=this.extensions;return r&&(r.length||void 0===r.length)&&("object"===(void 0===r?"undefined":i(r))&&r instanceof RegExp||("string"==typeof r&&(r=r.split(",").map(function(e){return e.trim()}).filter(function(e){return e})),r=new RegExp("\\.("+r.join("|").replace(/\./g,"\\.")+")$","i")),-1===t.name.search(r))?Promise.reject("extension"):this.size>0&&t.size>=0&&t.size>this.size?Promise.reject("size"):this.features.html5&&t.putAction?this.uploadPut(t):this.features.html5?this.uploadHtml5(t):this.uploadHtml4(t)},uploadPut:function(e){var t=[],r=void 0;for(var i in e.data)null!==(r=e.data[i])&&void 0!==r&&t.push(encodeURIComponent(i)+"="+encodeURIComponent(r));var n=t.length?(-1===e.putAction.indexOf("?")?"?":"&")+t.join("&"):"",o=new XMLHttpRequest;return o.open("PUT",e.putAction+n),this.uploadXhr(o,e,e.file)},uploadHtml5:function(e){var t=new window.FormData,r=void 0;for(var n in e.data)(r=e.data[n])&&"object"===(void 0===r?"undefined":i(r))&&"function"!=typeof r.toString?t.append(n,JSON.stringify(r)):null!==r&&void 0!==r&&t.append(n,r);t.append(this.name,e.file);var o=new XMLHttpRequest;return o.open("POST",e.postAction),this.uploadXhr(o,e,t)},uploadXhr:function(e,t,r){var i=this,n=t,o=0,a=0;e.upload.onprogress=function(e){if(n=i.get(n),e.lengthComputable&&n&&n.fileObject&&n.active){var t=Math.round(Date.now()/1e3);t!==o&&(o=t,n=i.update(n,{progress:(e.loaded/e.total*100).toFixed(2),speed:e.loaded-a}),a=e.loaded)}};var s=setInterval(function(){if(!(n=i.get(n))||!n.fileObject||n.success||n.error||!n.active){s&&(clearInterval(s),s=!1);try{e.abort(),e.timeout=1}catch(e){}}},100);return new Promise(function(t,o){var a=void 0,u=function(r){if(!a){if(a=!0,s&&(clearInterval(s),s=!1),!(n=i.get(n)))return o("not_exists");if(!n.fileObject)return o("file_object");if(n.error)return o(n.error);if(!n.active)return o("abort");if(n.success)return t(n);var u={};switch(r.type){case"timeout":case"abort":u.error=r.type;break;case"error":e.status?e.status>=500?u.error="server":e.status>=400&&(u.error="denied"):u.error="network";break;default:e.status>=500?u.error="server":e.status>=400?u.error="denied":u.progress="100.00"}if(e.responseText){var d=e.getResponseHeader("Content-Type");d&&-1!==d.indexOf("/json")?u.response=JSON.parse(e.responseText):u.response=e.responseText}return(n=i.update(n,u)).error?o(n.error):t(n)}};e.onload=u,e.onerror=u,e.onabort=u,e.ontimeout=u,n.timeout&&(e.timeout=n.timeout);for(var d in n.headers)e.setRequestHeader(d,n.headers[d]);n=i.update(n,{xhr:e}),e.send(r)})},uploadHtml4:function(e){var t=this,r=e,n=function(e){27===e.keyCode&&e.preventDefault()},o=document.createElement("iframe");o.id="upload-iframe-"+r.id,o.name="upload-iframe-"+r.id,o.src="about:blank",o.setAttribute("style","width:1px;height:1px;top:-999em;position:absolute; margin-top:-999em;");var a=document.createElement("form");a.action=r.postAction,a.name="upload-form-"+r.id,a.setAttribute("method","POST"),a.setAttribute("target","upload-iframe-"+r.id),a.setAttribute("enctype","multipart/form-data");var s=void 0,u=void 0;for(var d in r.data)(s=r.data[d])&&"object"===(void 0===s?"undefined":i(s))&&"function"!=typeof s.toString&&(s=JSON.stringify(s)),null!==s&&void 0!==s&&((u=document.createElement("input")).type="hidden",u.name=d,a.appendChild(u));a.appendChild(r.el),document.body.appendChild(o).appendChild(a);var l=function(){var e=void 0;try{o.contentWindow&&(e=o.contentWindow.document)}catch(e){}if(!e)try{e=o.contentDocument?o.contentDocument:o.document}catch(t){e=o.document}return e&&e.body?e.body.innerHTML:null};return new Promise(function(e,i){setTimeout(function(){if(!(r=t.update(r,{iframe:o})))return i("not_exists");var s=setInterval(function(){(r=t.get(r))&&r.fileObject&&!r.success&&!r.error&&r.active||(s&&(clearInterval(s),s=!1),o.onabort({type:r?"abort":"not_exists"}))},100),u=void 0,d=function(o){if(!u){if(u=!0,s&&(clearInterval(s),s=!1),document.body.removeEventListener("keydown",n),!(r=t.get(r)))return i("not_exists");if(!r.fileObject)return i("file_object");if(r.error)return i(r.error);if(!r.active)return i("abort");if(r.success)return e(r);var a=l(),d={};switch(o.type){case"abort":d.error="abort";break;case"error":r.error?d.error=r.error:d.error=null===a?"network":"denied";break;default:r.error?d.error=r.error:null===d?d.error="network":d.progress="100.00"}if(null!==a){if(a&&"{"===a.substr(0,1)&&"}"===a.substr(a.length-1,1))try{a=JSON.parse(a)}catch(e){}d.response=a}return(r=t.update(r,d)).error?i(r.error):e(r)}};o.onload=d,o.onerror=d,o.onabort=d,document.body.addEventListener("keydown",n),a.submit()},50)}).then(function(e){return o.parentNode&&o.parentNode.removeChild(o),e}).catch(function(e){return o.parentNode&&o.parentNode.removeChild(o),e})},watchActive:function(e){for(var t=void 0,r=0;t=this.files[r];)if(r++,t.fileObject)if(e&&!this.destroy){if(this.uploading>=this.thread||this.uploading&&!this.features.html5)break;t.active||t.error||t.success||this.update(t,{active:!0})}else t.active&&this.update(t,{active:!1});else;0===this.uploading&&(this.active=!1)},watchDrop:function(e){var t=e;if(this.features.drop){if(this.dropElement)try{document.removeEventListener("dragenter",this.onDragenter,!1),document.removeEventListener("dragleave",this.onDragleave,!1),this.dropElement.removeEventListener("dragover",this.onDragover,!1),this.dropElement.removeEventListener("drop",this.onDrop,!1)}catch(e){}t?"string"==typeof t?t=document.querySelector(t)||this.$root.$el.querySelector(t):!0===t&&(t=this.$parent.$el):t=!1,this.dropElement=t,this.dropElement&&(document.addEventListener("dragenter",this.onDragenter,!1),document.addEventListener("dragleave",this.onDragleave,!1),this.dropElement.addEventListener("dragover",this.onDragover,!1),this.dropElement.addEventListener("drop",this.onDrop,!1))}},onDragenter:function(e){e.preventDefault(),this.dropActive||(this.dropActive=!0)},onDragleave:function(e){e.preventDefault(),("HTML"===e.target.nodeName||0===e.screenX&&0===e.screenY&&0===e.screenY&&!e.fromElement&&e.offsetX<0)&&(this.dropActive=!1)},onDragover:function(e){e.preventDefault()},onDrop:function(e){e.preventDefault(),this.dropActive=!1,this.addDataTransfer(e.dataTransfer)}}},o=Object.freeze({default:n});return o&&n||o});
diff --git a/dist/vue-upload-component.part.js b/dist/vue-upload-component.part.js
index ab4c64f..860eba7 100644
--- a/dist/vue-upload-component.part.js
+++ b/dist/vue-upload-component.part.js
@@ -1,6 +1,6 @@
 /*!
  * Name: vue-upload-component
- * Version: 2.6.0-beta.2
+ * Version: 2.6.0-beta.3
  * Author: LianYue
  */
 (function (global, factory) {
diff --git a/docs/dist/index.js b/docs/dist/index.js
index f52fc0f..7c3e61d 100644
--- a/docs/dist/index.js
+++ b/docs/dist/index.js
@@ -1,6 +1,6 @@
 /*!
  * Name: vue-upload-component
- * Version: 2.6.0-beta.2
+ * Version: 2.6.0-beta.3
  * Author: LianYue
  */
 /******/ (function(modules) { // webpackBootstrap
@@ -65,7 +65,7 @@
 /******/ 	__webpack_require__.p = "/dist";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 7);
+/******/ 	return __webpack_require__(__webpack_require__.s = 11);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -264,7 +264,7 @@ if (typeof DEBUG !== 'undefined' && DEBUG) {
   ) }
 }
 
-var listToStyles = __webpack_require__(23)
+var listToStyles = __webpack_require__(26)
 
 /*
 type StyleObject = {
@@ -467,19 +467,31 @@ function applyToTag (styleElement, obj) {
 
 /***/ }),
 /* 3 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(39);
+
+/***/ }),
+/* 4 */
 /***/ (function(module, exports) {
 
 module.exports = marked;
 
 /***/ }),
-/* 4 */
+/* 5 */
+/***/ (function(module, exports) {
+
+module.exports = Vuex;
+
+/***/ }),
+/* 6 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_i18n__ = __webpack_require__(15);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_i18n__ = __webpack_require__(18);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_i18n___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_i18n__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__en__ = __webpack_require__(16);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__zh_cn__ = __webpack_require__(17);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__en__ = __webpack_require__(19);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__zh_cn__ = __webpack_require__(20);
 // import Vue from 'vue'
 
 
@@ -496,40 +508,52 @@ module.exports = marked;
 }));
 
 /***/ }),
-/* 5 */
+/* 7 */
 /***/ (function(module, exports) {
 
-module.exports = "\n> **The document uses Google Translate**\n\n## Getting Started\n\n### NPM\n\n``` bash\nnpm install vue-upload-component --save\n```\n\n``` js\nconst VueUploadComponent = require('vue-upload-component')\nVue.component('file-upload', VueUploadComponent)\n```\n\n### Curated\n\n**No data**\n\n\n### Script\n\n\nunpkg\n\n``` html\n<script src=\"https://unpkg.com/vue\"></script>\n<script src=\"https://unpkg.com/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\njsDelivr\n\n``` html\n<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\n\n### Simple example\n\n\n\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <title>Vue-upload-component Test</title>\n  <script src=\"https://unpkg.com/vue\"></script>\n  <script src=\"https://unpkg.com/vue-upload-component\"></script>\n</head>\n<body>\n<div id=\"app\">\n  <ul>\n    <li v-for=\"file in files\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\n  </ul>\n  <file-upload\n    ref=\"upload\"\n    v-model=\"files\"\n    post-action=\"/post.method\"\n    put-action=\"/put.method\"\n    @input-file=\"inputFile\"\n    @input-filter=\"inputFilter\"\n  >\n  Upload file\n  </file-upload>\n  <button v-show=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\" type=\"button\">Start upload</button>\n  <button v-show=\"$refs.upload && $refs.upload.active\" @click.prevent=\"$refs.upload.active = false\" type=\"button\">Stop upload</button>\n</div>\n<script>\nnew Vue({\n  el: '#app',\n  data: function () {\n    return {\n      files: []\n    }\n  },\n  components: {\n    FileUpload: VueUploadComponent\n  },\n  methods: {\n    /**\n     * Has changed\n     * @param  Object|undefined   newFile   Read only\n     * @param  Object|undefined   oldFile   Read only\n     * @return undefined\n     */\n    inputFile: function (newFile, oldFile) {\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\n        // Get response data\n        console.log('response', newFile.response)\n        if (newFile.xhr) {\n          //  Get the response status code\n          console.log('status', newFile.xhr.status)\n        }\n      }\n    },\n    /**\n     * Pretreatment\n     * @param  Object|undefined   newFile   Read and write\n     * @param  Object|undefined   oldFile   Read only\n     * @param  Function           prevent   Prevent changing\n     * @return undefined\n     */\n    inputFilter: function (newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // Filter non-image file\n        if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n\n      // Create a blob field\n      newFile.blob = ''\n      let URL = window.URL || window.webkitURL\n      if (URL && URL.createObjectURL) {\n        newFile.blob = URL.createObjectURL(newFile.file)\n      }\n    }\n  }\n});\n</script>\n</body>\n</html>\n```\n\n\n\n### SSR (Server isomorphism)\n\n\n```html\n<template>\n  <file-upload v-model=\"files\" post-action=\"/\">Upload file</file-upload>\n</template>\n<style>\n/*\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\n\n\nor\n\n\n */\n.file-uploads {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  display: inline-block;\n}\n.file-uploads.file-uploads-html4 input[type=\"file\"] {\n  opacity: 0;\n  font-size: 20em;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.file-uploads.file-uploads-html5 input[type=\"file\"] {\n  overflow: hidden;\n  position: fixed;\n  width: 1px;\n  height: 1px;\n  z-index: -1;\n  opacity: 0;\n}\n</style>\n<script>\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\nexport default {\n  components: {\n    FileUpload,\n  },\n  data() {\n    return {\n      files: []\n    }\n  },\n}\n</script>\n```\n\n\n** OR **\n\n\n```js\nimport FileUpload from 'vue-upload-component/src'\n```\n\n\nwebpack.config.js\n\n```js\nconst nodeExternals = require('webpack-node-externals');\n{\n  //.....\n  externals: [\n    nodeExternals({whitelist:[/^vue-upload-component\\/src/]})\n  ]\n  //.....\n}\n```\n\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \n\n* [**`vue-hackernews` demo**](https://github.com/lian-yue/vue-hackernews-2.0/)  \n\n* [**View changes**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\n\n\n\n\n## Options / Props\n\n\n### input-id\n\nThe `id` attribute of the input tag\n\n* **Type:** `String`\n\n* **Default:** `this.name`\n\n* **Usage:**\n  ```html\n  <file-upload input-id=\"file2\"></file-upload>\n  <!--Output-->\n  <input id=\"file2\" />\n  ```\n\n\n\n\n\n### name\n\nThe `name` attribute of the input tag\n\n* **Type:** `String`\n\n* **Default:** `file`\n\n* **Usage:**\n  ```html\n  <file-upload name=\"file\"></file-upload>\n  <!--Output-->\n  <input name=\"file\" />\n  ```\n\n\n\n\n\n### post-action\n\n`POST` Request upload URL\n\n* **Type:** `String`\n\n* **Default:** `undefined`\n\n* **Usage:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### put-action\n\n`PUT` Request upload URL\n\n* **Type:** `String`\n\n* **Default:** `undefined`\n\n* **Browser:** `> IE9`\n\n* **Details:**  \n\n  `put-action` is not empty Please give priority to` PUT` request  \n\n* **Usage:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### headers\n\nAttach `header` data\n\n* **Type:** `Object`\n\n* **Default:** `{}`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload :headers=\"{'X-Token-CSRF': 'code'}\"></file-upload>\n  ```\n\n\n\n\n\n### data\n\n`POST request`:  Append request `body`  \n`PUT request`:  Append request `query`\n\n* **Type:** `Object`\n\n* **Default:** `{}`\n\n* **Usage:**\n  ```html\n  <file-upload :data=\"{access_token: 'access_token'}\"></file-upload>\n  ```\n\n\n\n\n### value, v-model\n\nFile List\n\n* **Type:** `Array<File | Object>`\n\n* **Default:** `[]`\n\n* **Details:**  \n\n  View **[`File`](#file)** details  \n  > In order to prevent unpredictable errors, can not directly modify the `files`, please use [`add`](#instance-methods-add), [`update`](#instance-methods-update), [`remove`](#instance-methods-remove) method to modify\n\n* **Usage:**\n  ```html\n  <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n  <!--or-->\n  <file-upload v-model=\"files\"></file-upload>\n  ```\n\n\n\n\n\n### accept\n\nThe `accept` attribute of the input tag, MIME type  \n\n* **Type:** `String`\n\n* **Default:** `undefined`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload accept=\"image/png,image/gif,image/jpeg,image/webp\"></file-upload>\n  <!--or-->\n  <file-upload accept=\"image/*\"></file-upload>\n  ```\n\n\n\n\n\n### multiple\n\nThe `multiple` attribute of the input tag  \nWhether to allow multiple files to be selected  \n\n* **Type:** `Boolean`\n\n* **Default:** `false`\n\n* **Details:**  \n\n  If it is `false` file inside only one file will be automatically deleted\n\n* **Usage:**\n  ```html\n  <file-upload :multiple=\"true\"></file-upload>\n  ```\n\n\n\n### directory\n\nThe `directory` attribute of the input tag  \nWhether it is a upload folder  \n\n* **Type:** `Boolean`\n\n* **Default:** `false`\n\n* **Browser:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\n\n* **Usage:**\n  ```html\n  <file-upload :directory=\"true\" :multiple=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### extensions\n\nAllow upload file extensions  \n\n* **Type:** `Array | String | RegExp`\n\n* **Default:** `undefined`\n\n* **Usage:**\n  ```html\n  <file-upload extensions=\"jpg,gif,png,webp\"></file-upload>\n  <!--or-->\n  <file-upload :extensions=\"['jpg', 'gif', 'png', 'webp']\"></file-upload>\n  <!--or-->\n  <file-upload :extensions=\"/\\.(gif|jpe?g|png|webp)$/i\"></file-upload>\n  ```\n\n\n\n\n### size\n\nAllow the maximum byte to upload\n\n* **Type:** `Number`\n\n* **Default:** `0`\n\n* **Browser:** `> IE9`\n\n* **Details:**\n\n  `0` is equal to not limit\n\n* **Usage:**\n  ```html\n  <file-upload :size=\"1024 * 1024\"></file-upload>\n  ```\n\n\n\n\n### timeout\n\nUpload timeout time in milliseconds\n\n* **Type:** `Number`\n\n* **Default:** `0`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload :timeout=\"600 * 1000\"></file-upload>\n  ```\n\n\n\n\n### thread\n\nAlso upload the number of files at the same time (number of threads)  \n\n* **Type:** `Number`\n\n* **Default:** `1`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload :thread=\"3\"></file-upload>\n  ```\n\n\n\n\n\n### drop\n\nDrag and drop upload\n\n* **Type:** `Boolean | Element | CSS selector`\n\n* **Default:** `false`\n\n* **Browser:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\n\n* **Details:**\n\n  If set to `true`, read the parent component as a container  \n\n* **Usage:**\n  ```html\n  <file-upload :drop=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### drop-directory\n\nWhether to open the drag directory\n\n* **Type:** `Boolean`\n\n* **Default:** `true`\n\n* **Details:**\n\n  If set to `false` filter out the directory\n\n* **Usage:**\n  ```html\n  <file-upload :drop-directory=\"false\"></file-upload>\n  ```\n\n\n\n\n## Options / Events\n\nThe files is changed to trigger the method\nDefault for `v-model` binding\n\n### @input\n* **Arguments:**\n\n  * `files: Array<File | Object>`\n\n\n* **Usage:**\n  ```html\n  <template>\n    <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n    <!--or-->\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      updatetValue(value) {\n        this.files = value\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n### @input-filter\n\nAdd, update, remove pre-filter  \n\n* **Arguments:**\n\n  * `newFile: File | Object | undefined`  `Read and write`\n  * `oldFile: File | Object | undefined`  `Read only`\n  * `prevent: Function`   Call this function to prevent modification\n\n\n* **Details:**\n\n  If the `newFile` value is `undefined` 'is deleted\n  If the `oldFile` value is `undefined` 'is added\n  If `newFile`, `oldFile` is exist, it is updated\n\n\n  > You can not use `update`,` add`, `remove`,` clear` methods in the event  \n  >The `newFile` object can be modified within the event  \n\n* **Usage:**  \n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <img :src=\"file.blob\" width=\"50\" height=\"50\" />\n      </li>\n    </ul>\n    <file-upload :value=\"files\" @input-filter=\"inputFilter\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFilter(newFile, oldFile, prevent) {\n        if (newFile && !oldFile) {\n          // Add file\n\n          // Filter non-image file\n          // Will not be added to files\n          if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n            return prevent()\n          }\n\n          // Create the 'blob' field for thumbnail preview\n          newFile.blob = ''\n          let URL = window.URL || window.webkitURL\n          if (URL && URL.createObjectURL) {\n            newFile.blob = URL.createObjectURL(newFile.file)\n          }\n        }\n\n        if (newFile && oldFile) {\n          // Update file\n\n          // Increase the version number\n          if (!newFile.version) {\n            newFile.version = 0\n          }\n          newFile.version++\n        }\n\n        if (!newFile && oldFile) {\n          // Remove file\n\n          // Refused to remove the file\n          // return prevent()\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n### @input-file\n\nAdd, update, remove after\n\n* **Arguments:**\n\n  * `newFile: File | Object | undefined` `Read only`\n  * `oldFile: File | Object | undefined` `Read only`\n\n\n* **Details:**\n\n  If the `newFile` value is `undefined` 'is deleted\n  If the `oldFile` value is `undefined` 'is added\n  If `newFile`, `oldFile` is exist, it is updated\n\n\n  >You can use `update`,` add`, `remove`,` clear` methods in the event  \n  >You can not modify the `newFile` object in the event  \n  >You can not modify the `oldFile` object in the event\n\n* **Usage:**\n  ```html\n  <template>\n    <file-upload ref=\"upload\" v-model=\"files\" @input-file=\"inputFile\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFile(newFile, oldFile) {\n        if (newFile && !oldFile) {\n          // Add file\n\n          // Automatic upload\n          if (!this.$refs.upload.active) {\n            this.$refs.upload.active = true\n          }\n        }\n\n        if (newFile && oldFile) {\n          // Update file\n\n          // Start upload\n          if (newFile.active !== oldFile.active) {\n            console.log('Start upload', newFile.active, newFile)\n\n            // min size\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\n            }\n          }\n\n          // Upload progress\n          if (newFile.progress !== oldFile.progress) {\n            console.log('progress', newFile.progress, newFile)\n          }\n\n          // Upload error\n          if (newFile.error !== oldFile.error) {\n            console.log('error', newFile.error, newFile)\n          }\n\n          // Uploaded successfully\n          if (newFile.success !== oldFile.success) {\n            console.log('success', newFile.success, newFile)\n          }\n        }\n\n        if (!newFile && oldFile) {\n          // Remove file\n\n          // Automatically delete files on the server\n          if (oldFile.success && oldFile.response.id) {\n            // $.ajax({\n            //   type: 'DELETE',\n            //   url: '/file/delete?id=' + oldFile.response.id,\n            // });\n          }\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n## Instance / Data\n\n### features\n\nUsed to determine the browser support features\n\n* **Type:** `Object`\n\n* **Read only:** `true`\n\n* **Default:** `{ html5: true, directory: false, drag: false }`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.features.drag\">Support drag and drop upload</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.directory\">Support folder upload</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.html5\">Support for HTML5</span>\n  </app>\n  ```\n\n\n\n### active\n\nActivation or abort upload\n\n* **Type:** `Boolean`\n\n* **Read only:** `false`\n\n* **Default:** `false`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-if=\"!$refs.upload || !$refs.upload.active\" @click=\"$refs.upload.active = true\">Start upload</span>\n    <span v-else @click=\"$refs.upload.active = false\">Stop upload</span>\n  </app>\n  ```\n\n\n\n### dropActive\n\nIs dragging\n\n* **Type:** `Boolean`\n\n* **Read only:** `true`\n\n* **Default:** `false`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\" :drop=\"true\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.dropActive\">Drag and drop here for upload<span>\n  </app>\n  ```\n\n\n\n\n\n### uploaded\n\nAll uploaded\n\n* **Type:** `Boolean`\n\n* **Read only:** `true`\n\n* **Default:** `true`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.uploaded\">All files have been uploaded<span>\n  </app>\n  ```\n\n\n\n\n\n## Instance / Methods\n\n\n\n### get()\n\nUse `id` to get a file object\n\n* **Arguments:**\n\n  * `id: File | Object | String`\n\n\n* **Result:** `File | Object | Boolean` There is a return file, object that otherwise returns `false`\n\n\n\n### add()\n\nAdd one or more files\n\n* **Arguments:**\n\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     If it is an array of responses will be an array\n  * `start: Boolean`                                  Whether it is inserted from the start position\n\n\n* **Result:** `Object | Array<File | Object> | Boolean`     The incoming array is returned to the array otherwise the object or `false`\n\n* **Usage:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n    <button type=\"button\" @click.prevent=\"addText\">Add a file</button>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      addText() {\n        let file = new window.File(['foo'], 'foo.txt', {\n          type: \"text/plain\",\n        })\n        this.$refs.upload.add(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n###  addInputFile()\n\nAdd the file selected by `<input type = \"file\">` to the upload list\n\n* **Arguments:**\n\n  * `el: HTMLInputElement`     File element\n\n\n* **Result:** `Array<File>`  Added list of files\n\n* **Version:** : `>=2.5.1`\n\n\n\n###  addDataTransfer()\n\nAdd files that are dragged or pasted into the upload list  \n\n* **Arguments:**\n\n  * `dataTransfer: DataTransfer`  Drag or paste data\n\n\n* **Result:** `Promise<Array<File>>`   Added list of files\n\n\n* **Version:** : `>=2.5.1`\n\n\n\n### update()\n\nUpdate a file object\n\n* **Arguments:**\n\n  * `id: File | Object | String`\n  * `data: Object`                    Updated data object\n\n\n* **Result:**  `Object | Boolean`  Successfully returned `newFile` failed to return` false`\n\n\n* **Usage:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button v-show=\"file.active\" type=\"button\" @click.prevent=\"abort(file)\">Abort</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      abort(file) {\n        this.$refs.upload.update(file, {active: false})\n        // or\n        // this.$refs.upload.update(file, {error: 'abort'})\n      }\n    }\n  }\n  </script>\n  ```\n\n### remove()\n\nRemove a file object\n\n* **Arguments:**\n\n  * `id: File | Object | String`\n\n\n* **Result:**  `Object | Boolean`  Successfully returned `oldFile` failed to return` false`\n\n* **Usage:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button type=\"button\" @click.prevent=\"remove(file)\">Remove</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      remove(file) {\n        this.$refs.upload.remove(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n### clear()\n\nEmpty the file list\n\n* **Result:**  `Boolean`  Always return `true`\n\n\n\n## Instance / File\n\n\n\n> **File object in the `@input-filter` event outside the use of [`update`](#instance-methods-update) method**\n\n\n\n\n### fileObject\n\n* **Type:** `Boolean`\n\n* **Read only:** `true`\n\n* **Required:** `true`\n\n* **Default:** `true`\n\n* **Version:** : `>=2.6.0`\n\n* **Details:**\n\n  If the attribute does not exist, the object will not be processed internally  \n  If the attribute does not exist, it is not `File` but `Object`\n\n\n\n\n### id\n\nFile ID\n\n* **Type:** `String | Number`\n\n* **Read only:** `false`\n\n* **Default:** `Math.random().toString(36).substr(2)`\n\n* **Details:**\n\n  >`id` can not be repeated  \n  >Upload can not modify `id`\n\n\n### size\n\nFile size\n\n* **Type:** `Number`\n\n* **Read only:** `false`\n\n* **Default:** `-1`\n\n* **Browser:** `> IE9`\n\n\n### name\n\nFilename  \n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** ` `\n\n* **Details:**\n\n  Format:  `directory/filename.gif`  `filename.gif`  \n\n\n\n### type\n\nMIME type\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** ` `\n\n* **Browser:** `> IE9`\n\n* **Details:**\n\n  Format:  `image/gif`   `image/png`  `text/html`\n\n\n\n\n### active\n\nActivation or abort upload\n\n* **Type:** `Boolean`\n\n* **Read only:** `false`\n\n* **Default:** `false`\n\n* **Details:**\n\n  `true` = Upload  \n  `false` = Abort  \n\n\n\n\n\n\n### error\n\nUpload failed error code\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** ` `\n\n* **Details:**\n\n  Built-in  \n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\n\n\n\n\n### success\n\nWhether the upload was successful\n\n* **Type:** `Boolean`\n\n* **Read only:** `false`\n\n* **Default:** `false`\n\n\n### putAction\n\nCustomize the current file `PUT` URL\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** `this.putAction`\n\n\n\n### postAction\n\nCustomize the current file `POST` URL\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** `this.postAction`\n\n\n\n\n### headers\n\nCustomize the current file `HTTP` Header\n\n* **Type:** `Object`\n\n* **Read only:** `false`\n\n* **Default:** `this.headers`\n\n\n### data\n\nCustomize the current file `body` or` query` to attach content\n\n* **Type:** `Object`\n\n* **Read only:** `false`\n\n* **Default:** `this.data`\n\n\n### timeout\n\nCustomize the upload timeout for a current single file\n\n* **Type:** `Number`\n\n* **Read only:** `false`\n\n* **Default:** `this.timeout`\n\n\n### response\n\nResponse data\n\n* **Type:** `Object | String`\n\n* **Read only:** `false`\n\n* **Default:** `{}`\n\n\n\n\n### progress\n\nUpload progress\n\n* **Type:** `String`\n\n* **Read only:** `true`\n\n* **Default:** `0.00`\n\n* **Browser:** `> IE9`\n\n\n\n### speed\n\nPer second upload speed\n\n* **Type:** `Number`\n\n* **Read only:** `true`\n\n* **Default:** `0`\n\n* **Browser:** `> IE9`\n\n\n\n\n### xhr\n\n`HTML5` upload` XMLHttpRequest` object\n\n* **Type:** `XMLHttpRequest`\n\n* **Read only:** `true`\n\n* **Default:** `undefined`\n\n* **Browser:** `> IE9`\n\n\n\n\n### iframe\n\n`HTML4` upload` iframe` element\n\n* **Type:** `Element`\n\n* **Read only:** `true`\n\n* **Default:** `undefined`\n\n* **Browser:** `= IE9`\n"
+module.exports = "\n> **The document uses Google Translate**\n\n## Getting Started\n\n### NPM\n\n``` bash\nnpm install vue-upload-component --save\n```\n\n``` js\nconst VueUploadComponent = require('vue-upload-component')\nVue.component('file-upload', VueUploadComponent)\n```\n\n### Curated\n\n**No data**\n\n\n### Script\n\n\nunpkg\n\n``` html\n<script src=\"https://unpkg.com/vue\"></script>\n<script src=\"https://unpkg.com/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\njsDelivr\n\n``` html\n<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\n\n### Simple example\n\n\n\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <title>Vue-upload-component Test</title>\n  <script src=\"https://unpkg.com/vue\"></script>\n  <script src=\"https://unpkg.com/vue-upload-component\"></script>\n</head>\n<body>\n<div id=\"app\">\n  <ul>\n    <li v-for=\"file in files\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\n  </ul>\n  <file-upload\n    ref=\"upload\"\n    v-model=\"files\"\n    post-action=\"/post.method\"\n    put-action=\"/put.method\"\n    @input-file=\"inputFile\"\n    @input-filter=\"inputFilter\"\n  >\n  Upload file\n  </file-upload>\n  <button v-show=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\" type=\"button\">Start upload</button>\n  <button v-show=\"$refs.upload && $refs.upload.active\" @click.prevent=\"$refs.upload.active = false\" type=\"button\">Stop upload</button>\n</div>\n<script>\nnew Vue({\n  el: '#app',\n  data: function () {\n    return {\n      files: []\n    }\n  },\n  components: {\n    FileUpload: VueUploadComponent\n  },\n  methods: {\n    /**\n     * Has changed\n     * @param  Object|undefined   newFile   Read only\n     * @param  Object|undefined   oldFile   Read only\n     * @return undefined\n     */\n    inputFile: function (newFile, oldFile) {\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\n        // Get response data\n        console.log('response', newFile.response)\n        if (newFile.xhr) {\n          //  Get the response status code\n          console.log('status', newFile.xhr.status)\n        }\n      }\n    },\n    /**\n     * Pretreatment\n     * @param  Object|undefined   newFile   Read and write\n     * @param  Object|undefined   oldFile   Read only\n     * @param  Function           prevent   Prevent changing\n     * @return undefined\n     */\n    inputFilter: function (newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // Filter non-image file\n        if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n\n      // Create a blob field\n      newFile.blob = ''\n      let URL = window.URL || window.webkitURL\n      if (URL && URL.createObjectURL) {\n        newFile.blob = URL.createObjectURL(newFile.file)\n      }\n    }\n  }\n});\n</script>\n</body>\n</html>\n```\n\n\n\n### SSR (Server isomorphism)\n\n\n```html\n<template>\n  <file-upload v-model=\"files\" post-action=\"/\">Upload file</file-upload>\n</template>\n<style>\n/*\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\n\n\nor\n\n\n */\n.file-uploads {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  display: inline-block;\n}\n.file-uploads.file-uploads-html4 input[type=\"file\"] {\n  opacity: 0;\n  font-size: 20em;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.file-uploads.file-uploads-html5 input[type=\"file\"] {\n  overflow: hidden;\n  position: fixed;\n  width: 1px;\n  height: 1px;\n  z-index: -1;\n  opacity: 0;\n}\n</style>\n<script>\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\nexport default {\n  components: {\n    FileUpload,\n  },\n  data() {\n    return {\n      files: []\n    }\n  },\n}\n</script>\n```\n\n\n** OR **\n\n\n```js\nimport FileUpload from 'vue-upload-component/src'\n```\n\n\nwebpack.config.js\n\n```js\nconst nodeExternals = require('webpack-node-externals');\n{\n  //.....\n  externals: [\n    nodeExternals({whitelist:[/^vue-upload-component\\/src/]})\n  ]\n  //.....\n}\n```\n\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \n\n* [**`vue-hackernews` demo**](https://github.com/lian-yue/vue-hackernews-2.0/)  \n\n* [**View changes**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\n\n\n\n\n## Options / Props\n\n\n### input-id\n\nThe `id` attribute of the input tag\n\n* **Type:** `String`\n\n* **Default:** `this.name`\n\n* **Usage:**\n  ```html\n  <file-upload input-id=\"file2\"></file-upload>\n  <!--Output-->\n  <input id=\"file2\" />\n  ```\n\n\n\n\n\n### name\n\nThe `name` attribute of the input tag\n\n* **Type:** `String`\n\n* **Default:** `file`\n\n* **Usage:**\n  ```html\n  <file-upload name=\"file\"></file-upload>\n  <!--Output-->\n  <input name=\"file\" />\n  ```\n\n\n\n\n\n### post-action\n\n`POST` Request upload URL\n\n* **Type:** `String`\n\n* **Default:** `undefined`\n\n* **Usage:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### put-action\n\n`PUT` Request upload URL\n\n* **Type:** `String`\n\n* **Default:** `undefined`\n\n* **Browser:** `> IE9`\n\n* **Details:**  \n\n  `put-action` is not empty Please give priority to` PUT` request  \n\n* **Usage:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### headers\n\nAttach `header` data\n\n* **Type:** `Object`\n\n* **Default:** `{}`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload :headers=\"{'X-Token-CSRF': 'code'}\"></file-upload>\n  ```\n\n\n\n\n\n### data\n\n`POST request`:  Append request `body`  \n`PUT request`:  Append request `query`\n\n* **Type:** `Object`\n\n* **Default:** `{}`\n\n* **Usage:**\n  ```html\n  <file-upload :data=\"{access_token: 'access_token'}\"></file-upload>\n  ```\n\n\n\n\n### value, v-model\n\nFile List\n\n* **Type:** `Array<File | Object>`\n\n* **Default:** `[]`\n\n* **Details:**  \n\n  View **[`File`](#file)** details  \n  > In order to prevent unpredictable errors, can not directly modify the `files`, please use [`add`](#instance-methods-add), [`update`](#instance-methods-update), [`remove`](#instance-methods-remove) method to modify\n\n* **Usage:**\n  ```html\n  <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n  <!--or-->\n  <file-upload v-model=\"files\"></file-upload>\n  ```\n\n\n\n\n\n### accept\n\nThe `accept` attribute of the input tag, MIME type  \n\n* **Type:** `String`\n\n* **Default:** `undefined`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload accept=\"image/png,image/gif,image/jpeg,image/webp\"></file-upload>\n  <!--or-->\n  <file-upload accept=\"image/*\"></file-upload>\n  ```\n\n\n\n\n\n### multiple\n\nThe `multiple` attribute of the input tag  \nWhether to allow multiple files to be selected  \n\n* **Type:** `Boolean`\n\n* **Default:** `false`\n\n* **Details:**  \n\n  If it is `false` file inside only one file will be automatically deleted\n\n* **Usage:**\n  ```html\n  <file-upload :multiple=\"true\"></file-upload>\n  ```\n\n\n\n### directory\n\nThe `directory` attribute of the input tag  \nWhether it is a upload folder  \n\n* **Type:** `Boolean`\n\n* **Default:** `false`\n\n* **Browser:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\n\n* **Usage:**\n  ```html\n  <file-upload :directory=\"true\" :multiple=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### extensions\n\nAllow upload file extensions  \n\n* **Type:** `Array | String | RegExp`\n\n* **Default:** `undefined`\n\n* **Usage:**\n  ```html\n  <file-upload extensions=\"jpg,gif,png,webp\"></file-upload>\n  <!--or-->\n  <file-upload :extensions=\"['jpg', 'gif', 'png', 'webp']\"></file-upload>\n  <!--or-->\n  <file-upload :extensions=\"/\\.(gif|jpe?g|png|webp)$/i\"></file-upload>\n  ```\n\n\n\n\n### size\n\nAllow the maximum byte to upload\n\n* **Type:** `Number`\n\n* **Default:** `0`\n\n* **Browser:** `> IE9`\n\n* **Details:**\n\n  `0` is equal to not limit\n\n* **Usage:**\n  ```html\n  <file-upload :size=\"1024 * 1024\"></file-upload>\n  ```\n\n\n\n\n### timeout\n\nUpload timeout time in milliseconds\n\n* **Type:** `Number`\n\n* **Default:** `0`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload :timeout=\"600 * 1000\"></file-upload>\n  ```\n\n\n\n\n### thread\n\nAlso upload the number of files at the same time (number of threads)  \n\n* **Type:** `Number`\n\n* **Default:** `1`\n\n* **Browser:** `> IE9`\n\n* **Usage:**\n  ```html\n  <file-upload :thread=\"3\"></file-upload>\n  ```\n\n\n\n\n\n### drop\n\nDrag and drop upload\n\n* **Type:** `Boolean | Element | CSS selector`\n\n* **Default:** `false`\n\n* **Browser:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\n\n* **Details:**\n\n  If set to `true`, read the parent component as a container  \n\n* **Usage:**\n  ```html\n  <file-upload :drop=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### drop-directory\n\nWhether to open the drag directory\n\n* **Type:** `Boolean`\n\n* **Default:** `true`\n\n* **Details:**\n\n  If set to `false` filter out the directory\n\n* **Usage:**\n  ```html\n  <file-upload :drop-directory=\"false\"></file-upload>\n  ```\n\n\n\n\n## Options / Events\n\nThe files is changed to trigger the method\nDefault for `v-model` binding\n\n### @input\n* **Arguments:**\n\n  * `files: Array<File | Object>`\n\n\n* **Usage:**\n  ```html\n  <template>\n    <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n    <!--or-->\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      updatetValue(value) {\n        this.files = value\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n### @input-filter\n\nAdd, update, remove pre-filter  \n\n* **Arguments:**\n\n  * `newFile: File | Object | undefined`  `Read and write`\n  * `oldFile: File | Object | undefined`  `Read only`\n  * `prevent: Function`   Call this function to prevent modification\n\n\n* **Details:**\n\n  If the `newFile` value is `undefined` 'is deleted\n  If the `oldFile` value is `undefined` 'is added\n  If `newFile`, `oldFile` is exist, it is updated\n\n\n  > You can not use `update`,` add`, `remove`,` clear` methods in the event  \n  >The `newFile` object can be modified within the event  \n\n* **Usage:**  \n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <img :src=\"file.blob\" width=\"50\" height=\"50\" />\n      </li>\n    </ul>\n    <file-upload :value=\"files\" @input-filter=\"inputFilter\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFilter(newFile, oldFile, prevent) {\n        if (newFile && !oldFile) {\n          // Add file\n\n          // Filter non-image file\n          // Will not be added to files\n          if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n            return prevent()\n          }\n\n          // Create the 'blob' field for thumbnail preview\n          newFile.blob = ''\n          let URL = window.URL || window.webkitURL\n          if (URL && URL.createObjectURL) {\n            newFile.blob = URL.createObjectURL(newFile.file)\n          }\n        }\n\n        if (newFile && oldFile) {\n          // Update file\n\n          // Increase the version number\n          if (!newFile.version) {\n            newFile.version = 0\n          }\n          newFile.version++\n        }\n\n        if (!newFile && oldFile) {\n          // Remove file\n\n          // Refused to remove the file\n          // return prevent()\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n### @input-file\n\nAdd, update, remove after\n\n* **Arguments:**\n\n  * `newFile: File | Object | undefined` `Read only`\n  * `oldFile: File | Object | undefined` `Read only`\n\n\n* **Details:**\n\n  If the `newFile` value is `undefined` 'is deleted\n  If the `oldFile` value is `undefined` 'is added\n  If `newFile`, `oldFile` is exist, it is updated\n\n\n  >You can use `update`,` add`, `remove`,` clear` methods in the event  \n  >You can not modify the `newFile` object in the event  \n  >You can not modify the `oldFile` object in the event\n\n* **Usage:**\n  ```html\n  <template>\n    <file-upload ref=\"upload\" v-model=\"files\" @input-file=\"inputFile\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFile(newFile, oldFile) {\n        if (newFile && !oldFile) {\n          // Add file\n\n          // Automatic upload\n          if (!this.$refs.upload.active) {\n            this.$refs.upload.active = true\n          }\n        }\n\n        if (newFile && oldFile) {\n          // Update file\n\n          // Start upload\n          if (newFile.active !== oldFile.active) {\n            console.log('Start upload', newFile.active, newFile)\n\n            // min size\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\n            }\n          }\n\n          // Upload progress\n          if (newFile.progress !== oldFile.progress) {\n            console.log('progress', newFile.progress, newFile)\n          }\n\n          // Upload error\n          if (newFile.error !== oldFile.error) {\n            console.log('error', newFile.error, newFile)\n          }\n\n          // Uploaded successfully\n          if (newFile.success !== oldFile.success) {\n            console.log('success', newFile.success, newFile)\n          }\n        }\n\n        if (!newFile && oldFile) {\n          // Remove file\n\n          // Automatically delete files on the server\n          if (oldFile.success && oldFile.response.id) {\n            // $.ajax({\n            //   type: 'DELETE',\n            //   url: '/file/delete?id=' + oldFile.response.id,\n            // });\n          }\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n## Instance / Data\n\n### features\n\nUsed to determine the browser support features\n\n* **Type:** `Object`\n\n* **Read only:** `true`\n\n* **Default:** `{ html5: true, directory: false, drag: false }`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.features.drag\">Support drag and drop upload</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.directory\">Support folder upload</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.html5\">Support for HTML5</span>\n  </app>\n  ```\n\n\n\n### active\n\nActivation or abort upload\n\n* **Type:** `Boolean`\n\n* **Read only:** `false`\n\n* **Default:** `false`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-if=\"!$refs.upload || !$refs.upload.active\" @click=\"$refs.upload.active = true\">Start upload</span>\n    <span v-else @click=\"$refs.upload.active = false\">Stop upload</span>\n  </app>\n  ```\n\n\n\n### dropActive\n\nIs dragging\n\n* **Type:** `Boolean`\n\n* **Read only:** `true`\n\n* **Default:** `false`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\" :drop=\"true\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.dropActive\">Drag and drop here for upload<span>\n  </app>\n  ```\n\n\n\n\n\n### uploaded\n\nAll uploaded\n\n* **Type:** `Boolean`\n\n* **Read only:** `true`\n\n* **Default:** `true`\n\n* **Usage:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.uploaded\">All files have been uploaded<span>\n  </app>\n  ```\n\n\n\n\n\n## Instance / Methods\n\n\n\n### get()\n\nUse `id` to get a file object\n\n* **Arguments:**\n\n  * `id: File | Object | String`\n\n\n* **Result:** `File | Object | Boolean` There is a return file, object that otherwise returns `false`\n\n\n\n### add()\n\nAdd one or more files\n\n* **Arguments:**\n\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     If it is an array of responses will be an array\n  * `start: Boolean`                                  Whether it is inserted from the start position\n\n\n* **Result:** `Object | Array<File | Object> | Boolean`     The incoming array is returned to the array otherwise the object or `false`\n\n* **Usage:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n    <button type=\"button\" @click.prevent=\"addText\">Add a file</button>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      addText() {\n        let file = new window.File(['foo'], 'foo.txt', {\n          type: \"text/plain\",\n        })\n        this.$refs.upload.add(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n###  addInputFile()\n\nAdd the file selected by `<input type = \"file\">` to the upload list\n\n* **Arguments:**\n\n  * `el: HTMLInputElement`     File element\n\n\n* **Result:** `Array<File>`  Added list of files\n\n* **Version:** : `>=2.5.1`\n\n\n\n###  addDataTransfer()\n\nAdd files that are dragged or pasted into the upload list  \n\n* **Arguments:**\n\n  * `dataTransfer: DataTransfer`  Drag or paste data\n\n\n* **Result:** `Promise<Array<File>>`   Added list of files\n\n\n* **Version:** : `>=2.5.1`\n\n\n\n### update()\n\nUpdate a file object\n\n* **Arguments:**\n\n  * `id: File | Object | String`\n  * `data: Object`                    Updated data object\n\n\n* **Result:**  `Object | Boolean`  Successfully returned `newFile` failed to return` false`\n\n\n* **Usage:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button v-show=\"file.active\" type=\"button\" @click.prevent=\"abort(file)\">Abort</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      abort(file) {\n        this.$refs.upload.update(file, {active: false})\n        // or\n        // this.$refs.upload.update(file, {error: 'abort'})\n      }\n    }\n  }\n  </script>\n  ```\n\n### remove()\n\nRemove a file object\n\n* **Arguments:**\n\n  * `id: File | Object | String`\n\n\n* **Result:**  `Object | Boolean`  Successfully returned `oldFile` failed to return` false`\n\n* **Usage:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button type=\"button\" @click.prevent=\"remove(file)\">Remove</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      remove(file) {\n        this.$refs.upload.remove(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n### clear()\n\nEmpty the file list\n\n* **Result:**  `Boolean`  Always return `true`\n\n\n\n## Instance / File\n\n\n\n> **File object in the `@input-filter` event outside the use of [`update`](#instance-methods-update) method**\n\n\n\n\n### fileObject\n\n* **Type:** `Boolean`\n\n* **Read only:** `true`\n\n* **Required:** `true`\n\n* **Default:** `true`\n\n* **Version:** : `>=2.6.0`\n\n* **Details:**\n\n  If the attribute does not exist, the object will not be processed internally  \n  If the attribute does not exist, it is not `File` but `Object`\n\n\n\n\n### id\n\nFile ID\n\n* **Type:** `String | Number`\n\n* **Read only:** `false`\n\n* **Default:** `Math.random().toString(36).substr(2)`\n\n* **Details:**\n\n  >`id` can not be repeated  \n  >Upload can not modify `id`\n\n\n### size\n\nFile size\n\n* **Type:** `Number`\n\n* **Read only:** `false`\n\n* **Default:** `-1`\n\n* **Browser:** `> IE9`\n\n\n### name\n\nFilename  \n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** ` `\n\n* **Details:**\n\n  Format:  `directory/filename.gif`  `filename.gif`  \n\n\n\n### type\n\nMIME type\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** ` `\n\n* **Browser:** `> IE9`\n\n* **Details:**\n\n  Format:  `image/gif`   `image/png`  `text/html`\n\n\n\n\n### active\n\nActivation or abort upload\n\n* **Type:** `Boolean`\n\n* **Read only:** `false`\n\n* **Default:** `false`\n\n* **Details:**\n\n  `true` = Upload  \n  `false` = Abort  \n\n\n\n\n\n\n### error\n\nUpload failed error code\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** ` `\n\n* **Details:**\n\n  Built-in  \n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\n\n\n\n\n### success\n\nWhether the upload was successful\n\n* **Type:** `Boolean`\n\n* **Read only:** `false`\n\n* **Default:** `false`\n\n\n### putAction\n\nCustomize the current file `PUT` URL\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** `this.putAction`\n\n\n\n### postAction\n\nCustomize the current file `POST` URL\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** `this.postAction`\n\n\n\n\n### headers\n\nCustomize the current file `HTTP` Header\n\n* **Type:** `Object`\n\n* **Read only:** `false`\n\n* **Default:** `this.headers`\n\n\n### data\n\nCustomize the current file `body` or` query` to attach content\n\n* **Type:** `Object`\n\n* **Read only:** `false`\n\n* **Default:** `this.data`\n\n\n### timeout\n\nCustomize the upload timeout for a current single file\n\n* **Type:** `Number`\n\n* **Read only:** `false`\n\n* **Default:** `this.timeout`\n\n\n### response\n\nResponse data\n\n* **Type:** `Object | String`\n\n* **Read only:** `false`\n\n* **Default:** `{}`\n\n\n\n\n### progress\n\nUpload progress\n\n* **Type:** `String`\n\n* **Read only:** `false`\n\n* **Default:** `0.00`\n\n* **Browser:** `> IE9`\n\n\n\n### speed\n\nPer second upload speed\n\n* **Type:** `Number`\n\n* **Read only:** `true`\n\n* **Default:** `0`\n\n* **Browser:** `> IE9`\n\n\n\n\n### xhr\n\n`HTML5` upload` XMLHttpRequest` object\n\n* **Type:** `XMLHttpRequest`\n\n* **Read only:** `true`\n\n* **Default:** `undefined`\n\n* **Browser:** `> IE9`\n\n\n\n\n### iframe\n\n`HTML4` upload` iframe` element\n\n* **Type:** `Element`\n\n* **Read only:** `true`\n\n* **Default:** `undefined`\n\n* **Browser:** `= IE9`\n"
 
 /***/ }),
-/* 6 */
+/* 8 */
 /***/ (function(module, exports) {
 
-module.exports = "## 入门开始\n\n### NPM\n\n``` bash\nnpm install vue-upload-component --save\n```\n\n``` js\nconst VueUploadComponent = require('vue-upload-component')\nVue.component('file-upload', VueUploadComponent)\n```\n\n### Curated\n\n**No data**\n\n\n### 直接使用\n\n\nunpkg\n\n``` html\n<script src=\"https://unpkg.com/vue\"></script>\n<script src=\"https://unpkg.com/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\njsDelivr\n\n``` html\n<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\n\n### 简单的例子\n\n\n\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <title>Vue-upload-component Test</title>\n  <script src=\"https://unpkg.com/vue\"></script>\n  <script src=\"https://unpkg.com/vue-upload-component\"></script>\n</head>\n<body>\n<div id=\"app\">\n  <ul>\n    <li v-for=\"file in files\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\n  </ul>\n  <file-upload\n    ref=\"upload\"\n    v-model=\"files\"\n    post-action=\"/post.method\"\n    put-action=\"/put.method\"\n    @input-file=\"inputFile\"\n    @input-filter=\"inputFilter\"\n  >\n  上传文件\n  </file-upload>\n  <button v-show=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\" type=\"button\">开始上传</button>\n  <button v-show=\"$refs.upload && $refs.upload.active\" @click.prevent=\"$refs.upload.active = false\" type=\"button\">停止上传</button>\n</div>\n<script>\nnew Vue({\n  el: '#app',\n  data: function () {\n    return {\n      files: []\n    }\n  },\n  components: {\n    FileUpload: VueUploadComponent\n  },\n  methods: {\n    /**\n     * Has changed\n     * @param  Object|undefined   newFile   只读\n     * @param  Object|undefined   oldFile   只读\n     * @return undefined\n     */\n    inputFile: function (newFile, oldFile) {\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\n        // 获得相应数据\n        console.log('response', newFile.response)\n        if (newFile.xhr) {\n          //  获得响应状态码\n          console.log('status', newFile.xhr.status)\n        }\n      }\n    },\n    /**\n     * Pretreatment\n     * @param  Object|undefined   newFile   读写\n     * @param  Object|undefined   oldFile   只读\n     * @param  Function           prevent   阻止回调\n     * @return undefined\n     */\n    inputFilter: function (newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // 过滤不是图片后缀的文件\n        if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n\n      // 创建 blob 字段 用于图片预览\n      newFile.blob = ''\n      let URL = window.URL || window.webkitURL\n      if (URL && URL.createObjectURL) {\n        newFile.blob = URL.createObjectURL(newFile.file)\n      }\n    }\n  }\n});\n</script>\n</body>\n</html>\n```\n\n\n\n### SSR (服务器同构)\n\n\n```html\n<template>\n  <file-upload v-model=\"files\" post-action=\"/\">Upload file</file-upload>\n</template>\n<style>\n/*\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\n\n\n或\n\n\n */\n.file-uploads {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  display: inline-block;\n}\n.file-uploads.file-uploads-html4 input[type=\"file\"] {\n  opacity: 0;\n  font-size: 20em;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.file-uploads.file-uploads-html5 input[type=\"file\"] {\n  overflow: hidden;\n  position: fixed;\n  width: 1px;\n  height: 1px;\n  z-index: -1;\n  opacity: 0;\n}\n</style>\n<script>\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\nexport default {\n  components: {\n    FileUpload,\n  },\n  data() {\n    return {\n      files: []\n    }\n  },\n}\n</script>\n```\n\n\n** 或者 **\n\n\n```js\nimport FileUpload from 'vue-upload-component/src'\n```\n\nwebpack.config.js\n\n```js\nconst nodeExternals = require('webpack-node-externals');\n{\n  //...\n  externals: [\n    nodeExternals({whitelist:[/^vue-upload-component\\/src/]})\n  ]\n  //...\n}\n```\n\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \n\n* [**`vue-hackernews` 演示**](https://github.com/lian-yue/vue-hackernews-2.0/)  \n\n* [**浏览修改文件**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\n\n\n\n\n## 选项 / 属性\n\n\n### input-id\n\ninput 标签的 `id` 属性\n\n* **类型:** `String`\n\n* **默认值:** `this.name`\n\n* **示例:**\n  ```html\n  <file-upload input-id=\"file2\"></file-upload>\n  <!--输出-->\n  <input id=\"file2\" />\n  ```\n\n\n\n\n\n### name\n\ninput标签的 `name` 属性\n\n* **类型:** `String`\n\n* **默认值:** `file`\n\n* **示例:**\n  ```html\n  <file-upload name=\"file\"></file-upload>\n  <!--输出-->\n  <input name=\"file\" />\n  ```\n\n\n\n\n\n### post-action\n\n`POST` 请求的上传URL\n\n* **类型:** `String`\n\n* **默认值:** `undefined`\n\n* **示例:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### put-action\n\n`PUT` 请求的上传URL\n\n* **类型:** `String`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `> IE9`\n\n* **详细:**  \n\n  `put-action` 不为空请优先 `PUT` 请求  \n\n* **示例:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### headers\n\n自定义上传请求 `header` 数据\n\n* **类型:** `Object`\n\n* **默认值:** `{}`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload :headers=\"{'X-Token-CSRF': 'code'}\"></file-upload>\n  ```\n\n\n\n\n\n### data\n\n`POST 请求`: 附加请求的 body  \n`PUT 请求`: 附加请求的 query  \n\n* **类型:** `Object`\n\n* **默认值:** `{}`\n\n* **示例:**\n  ```html\n  <file-upload :data=\"{access_token: 'access_token'}\"></file-upload>\n  ```\n\n\n\n\n### value, v-model\n\n文件列表\n\n* **类型:** `Array<File | Object>`\n\n* **默认值:** `[]`\n\n* **详细:**  \n\n  浏览 **[`File`](#file)** 详细信息  \n  > 为了防止不可预知的错误，不可直接修改 `files`，请使用 [`add`](#实例-方法-add), [`update`](#实例-方法-update), [`remove`](#实例-方法-remove) 方法修改\n\n* **示例:**\n  ```html\n  <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n  <!--或-->\n  <file-upload v-model=\"files\"></file-upload>\n  ```\n\n\n\n\n\n### accept\n\n表单的`accept`属性, MIME type  \n\n* **类型:** `String`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload accept=\"image/png,image/gif,image/jpeg,image/webp\"></file-upload>\n  <!--或-->\n  <file-upload accept=\"image/*\"></file-upload>\n  ```\n\n\n\n\n\n### multiple\n\n文件表单的 `multiple` 属性  \n是否允许选择多个文件  \n\n* **类型:** `Boolean`\n\n* **默认值:** `false`\n\n* **详细:**  \n\n  如果是 `false` `files` 里面最多只有一个文件 多的会自动删除  \n\n* **示例:**\n  ```html\n  <file-upload :multiple=\"true\"></file-upload>\n  ```\n\n\n\n### directory\n\n文件表单的 `directory` 属性  \n是否是上传文件夹  \n\n* **类型:** `Boolean`\n\n* **默认值:** `false`\n\n* **浏览器:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\n\n* **示例:**\n  ```html\n  <file-upload :directory=\"true\" :multiple=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### extensions\n\n允许上传的文件后缀\n\n* **类型:** `Array | String | RegExp`\n\n* **默认值:** `undefined`\n\n* **示例:**\n  ```html\n  <file-upload extensions=\"jpg,gif,png,webp\"></file-upload>\n  <!--或-->\n  <file-upload :extensions=\"['jpg', 'gif', 'png', 'webp']\"></file-upload>\n  <!--或-->\n  <file-upload :extensions=\"/\\.(gif|jpe?g|png|webp)$/i\"></file-upload>\n  ```\n\n\n\n\n### size\n\n允许上传的最大字节\n\n* **类型:** `Number`\n\n* **默认值:** `0`\n\n* **浏览器:** `> IE9`\n\n* **详细:**\n\n  `0` 等于不限制\n\n* **示例:**\n  ```html\n  <file-upload :size=\"1024 * 1024\"></file-upload>\n  ```\n\n\n\n\n### timeout\n\n上传超时时间毫秒\n\n* **类型:** `Number`\n\n* **默认值:** `0`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload :timeout=\"600 * 1000\"></file-upload>\n  ```\n\n\n\n\n### thread\n\n同时并发上传的文件数量 线程数  \n\n* **类型:** `Number`\n\n* **默认值:** `1`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload :thread=\"3\"></file-upload>\n  ```\n\n\n\n\n\n### drop\n\n拖拽上传  \n\n* **类型:** `Boolean | Element | CSS selector`\n\n* **默认值:** `false`\n\n* **浏览器:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\n\n* **详细:**\n\n  如果设置成 `true` 则读取父组件作为容器  \n\n* **示例:**\n  ```html\n  <file-upload :drop=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### drop-directory\n\n是否开启拖拽目录  \n\n* **类型:** `Boolean`\n\n* **默认值:** `true`\n\n* **详细:**\n\n  如果设置成 `false` 则过滤掉目录\n\n* **示例:**\n  ```html\n  <file-upload :drop-directory=\"false\"></file-upload>\n  ```\n\n\n\n\n## 选项 / 事件\n\n文件被改变触发的方法  \n默认用于`v-model`绑定\n\n### @input\n* **参数:**\n\n  * `files: Array<File | Object>`\n\n\n* **示例:**\n  ```html\n  <template>\n    <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n    <!--或者-->\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      updatetValue(value) {\n        this.files = value\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n### @input-filter\n\nAdd, update, remove pre-filter  \n\n* **参数:**\n\n  * `newFile: File | Object | undefined`  `读写`\n  * `oldFile: File | Object | undefined`  `只读`\n  * `prevent: Function`   调用该方法 阻止修改\n\n\n* **详细:**\n\n  如果 `newFile` 值为 `undefined` 则是删除  \n  如果 `oldFile` 值为 `undefined` 则是添加  \n  如果 `newFile`, `oldFile` 都存在则是更新\n\n  > 事件内不可使用 `update`, `add`, `remove`, `clear` 方法  \n  事件内可修改 `newFile` 对象\n\n* **示例:**  \n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <img :src=\"file.blob\" width=\"50\" height=\"50\" />\n      </li>\n    </ul>\n    <file-upload :value=\"files\" @input-filter=\"inputFilter\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFilter(newFile, oldFile, prevent) {\n        if (newFile && !oldFile) {\n          // 添加文件\n\n          // 过滤非图片文件\n          // 不会添加到 files 去\n          if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n            return prevent()\n          }\n\n          // 创建 `blob` 字段 用于缩略图预览\n          newFile.blob = ''\n          let URL = window.URL || window.webkitURL\n          if (URL && URL.createObjectURL) {\n            newFile.blob = URL.createObjectURL(newFile.file)\n          }\n        }\n\n        if (newFile && oldFile) {\n          // 更新文件\n\n          // 增加版本号\n          if (!newFile.version) {\n            newFile.version = 0\n          }\n          newFile.version++\n        }\n\n        if (!newFile && oldFile) {\n          // 移除文件\n\n          // 拒绝删除文件\n          // return prevent()\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n### @input-file\n\n添加，更新，移除 后\n\n* **参数:**\n\n  * `newFile: File | Object | undefined` `只读`\n  * `oldFile: File | Object | undefined` `只读`\n\n\n* **详细:**\n\n  如果 `newFile` 值为 `undefined` 则是删除  \n  如果 `oldFile` 值为 `undefined` 则是添加  \n  如果 `newFile`, `oldFile` 都存在则是更新\n\n  >事件内可使用 `update`, `add`, `remove`, `clear` 方法  \n  >事件内不可修改 `newFile` 对象  \n  >事件内不可修改 `oldFile` 对象\n\n* **示例:**\n  ```html\n  <template>\n    <file-upload ref=\"upload\" v-model=\"files\" @input-file=\"inputFile\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFile(newFile, oldFile) {\n        if (newFile && !oldFile) {\n          // 添加文件\n\n          // 自动上传\n          if (!this.$refs.upload.active) {\n            this.$refs.upload.active = true\n          }\n        }\n\n        if (newFile && oldFile) {\n          // 更新文件\n\n          // 开始上传\n          if (newFile.active !== oldFile.active) {\n            console.log('Start upload', newFile.active, newFile)\n\n            // 限定最小字节\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\n            }\n          }\n\n          // 上传进度\n          if (newFile.progress !== oldFile.progress) {\n            console.log('progress', newFile.progress, newFile)\n          }\n\n          // 上传错误\n          if (newFile.error !== oldFile.error) {\n            console.log('error', newFile.error, newFile)\n          }\n\n          // 上传成功\n          if (newFile.success !== oldFile.success) {\n            console.log('success', newFile.success, newFile)\n          }\n        }\n\n        if (!newFile && oldFile) {\n          // 删除文件\n\n          // 自动删除 服务器上的文件\n          if (oldFile.success && oldFile.response.id) {\n            // $.ajax({\n            //   type: 'DELETE',\n            //   url: '/file/delete?id=' + oldFile.response.id,\n            // });\n          }\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n## 实例 / 数据\n\n### features\n\n用于判断浏览器支持的特性\n\n* **类型:** `Object`\n\n* **只读:** `true`\n\n* **默认值:** `{ html5: true, directory: false, drag: false }`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.features.drag\">支持拖拽上传</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.directory\">支持文件夹上传</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.html5\">支持HTML5</span>\n  </app>\n  ```\n\n\n\n### active\n\n激活或停止上传\n\n* **类型:** `Boolean`\n\n* **只读:** `false`\n\n* **默认值:** `false`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-if=\"!$refs.upload || !$refs.upload.active\" @click=\"$refs.upload.active = true\">开始上传</span>\n    <span v-else @click=\"$refs.upload.active = false\">停止上传</span>\n  </app>\n  ```\n\n\n\n### dropActive\n\n是否正在拖拽\n\n* **类型:** `Boolean`\n\n* **只读:** `true`\n\n* **默认值:** `false`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\" :drop=\"true\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.dropActive\">拖拽到这里上传<span>\n  </app>\n  ```\n\n\n\n\n\n### uploaded\n\n是否全部已上传\n\n* **类型:** `Boolean`\n\n* **只读:** `true`\n\n* **默认值:** `true`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.uploaded\">全部文件已上传完毕<span>\n  </app>\n  ```\n\n\n\n\n\n## 实例 / 方法\n\n\n\n### get()\n\n使用`id`获得某个对象\n\n* **参数:**\n\n  * `id: File | Object | String`\n\n\n* **结果:** `File | Object | Boolean` 存在返回文件对象否则返回 `false`\n\n\n\n### add()\n\n添加一个或多个文件\n\n* **参数:**\n\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     如果它是一个数组的响应将是一个数组\n  * `start: Boolean`                                  是否从开始位置插入\n\n\n* **结果:** `Object | Array<File | Object> | Boolean`     传入的是数组返回数组否则对象或`false`\n\n* **示例:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n    <button type=\"button\" @click.prevent=\"addText\">添加文件</button>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      addText() {\n        let file = new window.File(['foo'], 'foo.txt', {\n          type: \"text/plain\",\n        })\n        this.$refs.upload.add(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n###  addInputFile()\n\n把`<input type=\"file\">`选择的文件添加进上传列表  \n\n* **参数:**\n\n  * `el: HTMLInputElement`     文件元素\n\n\n* **结果:** `Array<File>`  返回已添加的文件列表\n\n* **版本:** : `>=2.5.1`\n\n\n\n###  addDataTransfer()\n\n把拖拽或者粘贴的数据的文件添加进上传列表  \n\n* **参数:**\n\n  * `dataTransfer: DataTransfer`  拖拽或者粘贴的数据\n\n\n* **结果:** `Promise<Array<File>>`   返回已添加的文件列表\n\n\n* **版本:** : `>=2.5.1`\n\n\n\n### update()\n\n更新某个对象\n\n* **参数:**\n\n  * `id: File | Object | String`\n  * `data: Object`                    更新的数据对象\n\n\n* **结果:**  `Object | Boolean`  成功返回 `newFile` 失败返回 `false`\n\n\n* **示例:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button v-show=\"file.active\" type=\"button\" @click.prevent=\"abort(file)\">停止</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      abort(file) {\n        this.$refs.upload.update(file, {active: false})\n        // 或\n        // this.$refs.upload.update(file, {error: 'abort'})\n      }\n    }\n  }\n  </script>\n  ```\n\n### remove()\n\n移除某个文件对象\n\n* **参数:**\n\n  * `id: File | Object | String`\n\n\n* **结果:**  `Object | Boolean`  成功返回 `oldFile` 失败返回 `false`\n\n* **示例:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button type=\"button\" @click.prevent=\"remove(file)\">移除</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      remove(file) {\n        this.$refs.upload.remove(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n### clear()\n\n清空文件列表\n\n* **结果:**  `Boolean`  总是返回 `true`\n\n\n\n## 实例 / File\n\n\n> **文件对象在`input-filter`事件外修改请使用 [`update`](#实例-方法-update) 方法**\n\n\n### fileObject\n\n* **类型:** `Boolean`\n\n* **只读:** `true`\n\n* **Required:** `true`\n\n* **默认值:** `true`\n\n* **版本:** : `>=2.6.0`\n\n* **详细:**\n\n  如果属性不存在，则不会在内部处理该对象  \n  如果属性不存在，它不是 `File` 而是 `Object`\n\n\n\n### id\n\n文件id\n\n* **类型:** `String | Number`\n\n* **只读:** `false`\n\n* **默认值:** `Math.random().toString(36).substr(2)`\n\n* **详细:**\n\n  >`id` can not be repeated  \n  >Upload can not modify `id`\n\n\n### size\n\n文件大小\n\n* **类型:** `Number`\n\n* **只读:** `false`\n\n* **默认值:** `-1`\n\n* **浏览器:** `> IE9`\n\n\n### name\n\n文件名  \n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** ` `\n\n* **详细:**\n\n  格式:  `directory/filename.gif`  `filename.gif`  \n\n\n\n### type\n\nMIME类型\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** ` `\n\n* **浏览器:** `> IE9`\n\n* **详细:**\n\n  格式:  `image/gif`   `image/png`  `text/html`\n\n\n\n\n### active\n\n激活或终止上传\n\n* **类型:** `Boolean`\n\n* **只读:** `false`\n\n* **默认值:** `false`\n\n* **详细:**\n\n  `true` = 上传  \n  `false` = 停止  \n\n\n\n\n\n\n### error\n\n上传失败错误代码\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** ` `\n\n* **详细:**\n\n  内置\n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\n\n\n\n\n### success\n\n是否上传成功\n\n* **类型:** `Boolean`\n\n* **只读:** `false`\n\n* **默认值:** `false`\n\n\n### putAction\n\n自定义当前文件 `PUT` 地址\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** `this.putAction`\n\n\n\n### postAction\n\n自定义当前文件 `POST` 地址\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** `this.postAction`\n\n\n\n\n### headers\n\n自定义当前文件 `HTTP` Header\n\n* **类型:** `Object`\n\n* **只读:** `false`\n\n* **默认值:** `this.headers`\n\n\n### data\n\n自定义当前文件 `body` 或 `query` 附加内容\n\n* **类型:** `Object`\n\n* **只读:** `false`\n\n* **默认值:** `this.data`\n\n\n### timeout\n\n自定义当前单个文件的上传超时时间\n\n* **类型:** `Number`\n\n* **只读:** `false`\n\n* **默认值:** `this.timeout`\n\n\n### response\n\n响应的数据\n\n* **类型:** `Object | String`\n\n* **只读:** `false`\n\n* **默认值:** `{}`\n\n\n\n\n### progress\n\n上传进度\n\n* **类型:** `String`\n\n* **只读:** `true`\n\n* **默认值:** `0.00`\n\n* **浏览器:** `> IE9`\n\n\n\n### speed\n\n每秒的上传速度\n\n* **类型:** `Number`\n\n* **只读:** `true`\n\n* **默认值:** `0`\n\n* **浏览器:** `> IE9`\n\n\n\n\n### xhr\n\n`HTML5` 上传 `XMLHttpRequest` 对象\n\n* **类型:** `XMLHttpRequest`\n\n* **只读:** `true`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `> IE9`\n\n\n\n\n### iframe\n\n`HTML4` 上传 `iframe` 元素\n\n* **类型:** `Element`\n\n* **只读:** `true`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `= IE9`\n"
+module.exports = "## 入门开始\n\n### NPM\n\n``` bash\nnpm install vue-upload-component --save\n```\n\n``` js\nconst VueUploadComponent = require('vue-upload-component')\nVue.component('file-upload', VueUploadComponent)\n```\n\n### Curated\n\n**No data**\n\n\n### 直接使用\n\n\nunpkg\n\n``` html\n<script src=\"https://unpkg.com/vue\"></script>\n<script src=\"https://unpkg.com/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\njsDelivr\n\n``` html\n<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>\n<script src=\"https://cdn.jsdelivr.net/npm/vue-upload-component\"></script>\n<script>\nVue.component('file-upload', VueUploadComponent)\n</script>\n```\n\n\n### 简单的例子\n\n\n\n```html\n<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <title>Vue-upload-component Test</title>\n  <script src=\"https://unpkg.com/vue\"></script>\n  <script src=\"https://unpkg.com/vue-upload-component\"></script>\n</head>\n<body>\n<div id=\"app\">\n  <ul>\n    <li v-for=\"file in files\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\n  </ul>\n  <file-upload\n    ref=\"upload\"\n    v-model=\"files\"\n    post-action=\"/post.method\"\n    put-action=\"/put.method\"\n    @input-file=\"inputFile\"\n    @input-filter=\"inputFilter\"\n  >\n  上传文件\n  </file-upload>\n  <button v-show=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\" type=\"button\">开始上传</button>\n  <button v-show=\"$refs.upload && $refs.upload.active\" @click.prevent=\"$refs.upload.active = false\" type=\"button\">停止上传</button>\n</div>\n<script>\nnew Vue({\n  el: '#app',\n  data: function () {\n    return {\n      files: []\n    }\n  },\n  components: {\n    FileUpload: VueUploadComponent\n  },\n  methods: {\n    /**\n     * Has changed\n     * @param  Object|undefined   newFile   只读\n     * @param  Object|undefined   oldFile   只读\n     * @return undefined\n     */\n    inputFile: function (newFile, oldFile) {\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\n        // 获得相应数据\n        console.log('response', newFile.response)\n        if (newFile.xhr) {\n          //  获得响应状态码\n          console.log('status', newFile.xhr.status)\n        }\n      }\n    },\n    /**\n     * Pretreatment\n     * @param  Object|undefined   newFile   读写\n     * @param  Object|undefined   oldFile   只读\n     * @param  Function           prevent   阻止回调\n     * @return undefined\n     */\n    inputFilter: function (newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // 过滤不是图片后缀的文件\n        if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n\n      // 创建 blob 字段 用于图片预览\n      newFile.blob = ''\n      let URL = window.URL || window.webkitURL\n      if (URL && URL.createObjectURL) {\n        newFile.blob = URL.createObjectURL(newFile.file)\n      }\n    }\n  }\n});\n</script>\n</body>\n</html>\n```\n\n\n\n### SSR (服务器同构)\n\n\n```html\n<template>\n  <file-upload v-model=\"files\" post-action=\"/\">Upload file</file-upload>\n</template>\n<style>\n/*\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\n\n\n或\n\n\n */\n.file-uploads {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  display: inline-block;\n}\n.file-uploads.file-uploads-html4 input[type=\"file\"] {\n  opacity: 0;\n  font-size: 20em;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.file-uploads.file-uploads-html5 input[type=\"file\"] {\n  overflow: hidden;\n  position: fixed;\n  width: 1px;\n  height: 1px;\n  z-index: -1;\n  opacity: 0;\n}\n</style>\n<script>\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\nexport default {\n  components: {\n    FileUpload,\n  },\n  data() {\n    return {\n      files: []\n    }\n  },\n}\n</script>\n```\n\n\n** 或者 **\n\n\n```js\nimport FileUpload from 'vue-upload-component/src'\n```\n\nwebpack.config.js\n\n```js\nconst nodeExternals = require('webpack-node-externals');\n{\n  //...\n  externals: [\n    nodeExternals({whitelist:[/^vue-upload-component\\/src/]})\n  ]\n  //...\n}\n```\n\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \n\n* [**`vue-hackernews` 演示**](https://github.com/lian-yue/vue-hackernews-2.0/)  \n\n* [**浏览修改文件**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\n\n\n\n\n## 选项 / 属性\n\n\n### input-id\n\ninput 标签的 `id` 属性\n\n* **类型:** `String`\n\n* **默认值:** `this.name`\n\n* **示例:**\n  ```html\n  <file-upload input-id=\"file2\"></file-upload>\n  <!--输出-->\n  <input id=\"file2\" />\n  ```\n\n\n\n\n\n### name\n\ninput标签的 `name` 属性\n\n* **类型:** `String`\n\n* **默认值:** `file`\n\n* **示例:**\n  ```html\n  <file-upload name=\"file\"></file-upload>\n  <!--输出-->\n  <input name=\"file\" />\n  ```\n\n\n\n\n\n### post-action\n\n`POST` 请求的上传URL\n\n* **类型:** `String`\n\n* **默认值:** `undefined`\n\n* **示例:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### put-action\n\n`PUT` 请求的上传URL\n\n* **类型:** `String`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `> IE9`\n\n* **详细:**  \n\n  `put-action` 不为空请优先 `PUT` 请求  \n\n* **示例:**\n  ```html\n  <file-upload put-action=\"/upload/put.php\"></file-upload>\n  ```\n\n\n\n\n\n### headers\n\n自定义上传请求 `header` 数据\n\n* **类型:** `Object`\n\n* **默认值:** `{}`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload :headers=\"{'X-Token-CSRF': 'code'}\"></file-upload>\n  ```\n\n\n\n\n\n### data\n\n`POST 请求`: 附加请求的 body  \n`PUT 请求`: 附加请求的 query  \n\n* **类型:** `Object`\n\n* **默认值:** `{}`\n\n* **示例:**\n  ```html\n  <file-upload :data=\"{access_token: 'access_token'}\"></file-upload>\n  ```\n\n\n\n\n### value, v-model\n\n文件列表\n\n* **类型:** `Array<File | Object>`\n\n* **默认值:** `[]`\n\n* **详细:**  \n\n  浏览 **[`File`](#file)** 详细信息  \n  > 为了防止不可预知的错误，不可直接修改 `files`，请使用 [`add`](#实例-方法-add), [`update`](#实例-方法-update), [`remove`](#实例-方法-remove) 方法修改\n\n* **示例:**\n  ```html\n  <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n  <!--或-->\n  <file-upload v-model=\"files\"></file-upload>\n  ```\n\n\n\n\n\n### accept\n\n表单的`accept`属性, MIME type  \n\n* **类型:** `String`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload accept=\"image/png,image/gif,image/jpeg,image/webp\"></file-upload>\n  <!--或-->\n  <file-upload accept=\"image/*\"></file-upload>\n  ```\n\n\n\n\n\n### multiple\n\n文件表单的 `multiple` 属性  \n是否允许选择多个文件  \n\n* **类型:** `Boolean`\n\n* **默认值:** `false`\n\n* **详细:**  \n\n  如果是 `false` `files` 里面最多只有一个文件 多的会自动删除  \n\n* **示例:**\n  ```html\n  <file-upload :multiple=\"true\"></file-upload>\n  ```\n\n\n\n### directory\n\n文件表单的 `directory` 属性  \n是否是上传文件夹  \n\n* **类型:** `Boolean`\n\n* **默认值:** `false`\n\n* **浏览器:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\n\n* **示例:**\n  ```html\n  <file-upload :directory=\"true\" :multiple=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### extensions\n\n允许上传的文件后缀\n\n* **类型:** `Array | String | RegExp`\n\n* **默认值:** `undefined`\n\n* **示例:**\n  ```html\n  <file-upload extensions=\"jpg,gif,png,webp\"></file-upload>\n  <!--或-->\n  <file-upload :extensions=\"['jpg', 'gif', 'png', 'webp']\"></file-upload>\n  <!--或-->\n  <file-upload :extensions=\"/\\.(gif|jpe?g|png|webp)$/i\"></file-upload>\n  ```\n\n\n\n\n### size\n\n允许上传的最大字节\n\n* **类型:** `Number`\n\n* **默认值:** `0`\n\n* **浏览器:** `> IE9`\n\n* **详细:**\n\n  `0` 等于不限制\n\n* **示例:**\n  ```html\n  <file-upload :size=\"1024 * 1024\"></file-upload>\n  ```\n\n\n\n\n### timeout\n\n上传超时时间毫秒\n\n* **类型:** `Number`\n\n* **默认值:** `0`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload :timeout=\"600 * 1000\"></file-upload>\n  ```\n\n\n\n\n### thread\n\n同时并发上传的文件数量 线程数  \n\n* **类型:** `Number`\n\n* **默认值:** `1`\n\n* **浏览器:** `> IE9`\n\n* **示例:**\n  ```html\n  <file-upload :thread=\"3\"></file-upload>\n  ```\n\n\n\n\n\n### drop\n\n拖拽上传  \n\n* **类型:** `Boolean | Element | CSS selector`\n\n* **默认值:** `false`\n\n* **浏览器:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\n\n* **详细:**\n\n  如果设置成 `true` 则读取父组件作为容器  \n\n* **示例:**\n  ```html\n  <file-upload :drop=\"true\"></file-upload>\n  ```\n\n\n\n\n\n### drop-directory\n\n是否开启拖拽目录  \n\n* **类型:** `Boolean`\n\n* **默认值:** `true`\n\n* **详细:**\n\n  如果设置成 `false` 则过滤掉目录\n\n* **示例:**\n  ```html\n  <file-upload :drop-directory=\"false\"></file-upload>\n  ```\n\n\n\n\n## 选项 / 事件\n\n文件被改变触发的方法  \n默认用于`v-model`绑定\n\n### @input\n* **参数:**\n\n  * `files: Array<File | Object>`\n\n\n* **示例:**\n  ```html\n  <template>\n    <file-upload :value=\"files\" @input=\"updatetValue\"></file-upload>\n    <!--或者-->\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      updatetValue(value) {\n        this.files = value\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n### @input-filter\n\nAdd, update, remove pre-filter  \n\n* **参数:**\n\n  * `newFile: File | Object | undefined`  `读写`\n  * `oldFile: File | Object | undefined`  `只读`\n  * `prevent: Function`   调用该方法 阻止修改\n\n\n* **详细:**\n\n  如果 `newFile` 值为 `undefined` 则是删除  \n  如果 `oldFile` 值为 `undefined` 则是添加  \n  如果 `newFile`, `oldFile` 都存在则是更新\n\n  > 事件内不可使用 `update`, `add`, `remove`, `clear` 方法  \n  事件内可修改 `newFile` 对象\n\n* **示例:**  \n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <img :src=\"file.blob\" width=\"50\" height=\"50\" />\n      </li>\n    </ul>\n    <file-upload :value=\"files\" @input-filter=\"inputFilter\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFilter(newFile, oldFile, prevent) {\n        if (newFile && !oldFile) {\n          // 添加文件\n\n          // 过滤非图片文件\n          // 不会添加到 files 去\n          if (!/\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\n            return prevent()\n          }\n\n          // 创建 `blob` 字段 用于缩略图预览\n          newFile.blob = ''\n          let URL = window.URL || window.webkitURL\n          if (URL && URL.createObjectURL) {\n            newFile.blob = URL.createObjectURL(newFile.file)\n          }\n        }\n\n        if (newFile && oldFile) {\n          // 更新文件\n\n          // 增加版本号\n          if (!newFile.version) {\n            newFile.version = 0\n          }\n          newFile.version++\n        }\n\n        if (!newFile && oldFile) {\n          // 移除文件\n\n          // 拒绝删除文件\n          // return prevent()\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n### @input-file\n\n添加，更新，移除 后\n\n* **参数:**\n\n  * `newFile: File | Object | undefined` `只读`\n  * `oldFile: File | Object | undefined` `只读`\n\n\n* **详细:**\n\n  如果 `newFile` 值为 `undefined` 则是删除  \n  如果 `oldFile` 值为 `undefined` 则是添加  \n  如果 `newFile`, `oldFile` 都存在则是更新\n\n  >事件内可使用 `update`, `add`, `remove`, `clear` 方法  \n  >事件内不可修改 `newFile` 对象  \n  >事件内不可修改 `oldFile` 对象\n\n* **示例:**\n  ```html\n  <template>\n    <file-upload ref=\"upload\" v-model=\"files\" @input-file=\"inputFile\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      inputFile(newFile, oldFile) {\n        if (newFile && !oldFile) {\n          // 添加文件\n\n          // 自动上传\n          if (!this.$refs.upload.active) {\n            this.$refs.upload.active = true\n          }\n        }\n\n        if (newFile && oldFile) {\n          // 更新文件\n\n          // 开始上传\n          if (newFile.active !== oldFile.active) {\n            console.log('Start upload', newFile.active, newFile)\n\n            // 限定最小字节\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\n            }\n          }\n\n          // 上传进度\n          if (newFile.progress !== oldFile.progress) {\n            console.log('progress', newFile.progress, newFile)\n          }\n\n          // 上传错误\n          if (newFile.error !== oldFile.error) {\n            console.log('error', newFile.error, newFile)\n          }\n\n          // 上传成功\n          if (newFile.success !== oldFile.success) {\n            console.log('success', newFile.success, newFile)\n          }\n        }\n\n        if (!newFile && oldFile) {\n          // 删除文件\n\n          // 自动删除 服务器上的文件\n          if (oldFile.success && oldFile.response.id) {\n            // $.ajax({\n            //   type: 'DELETE',\n            //   url: '/file/delete?id=' + oldFile.response.id,\n            // });\n          }\n        }\n      }\n    }\n  }\n  </script>\n  ```\n\n\n\n## 实例 / 数据\n\n### features\n\n用于判断浏览器支持的特性\n\n* **类型:** `Object`\n\n* **只读:** `true`\n\n* **默认值:** `{ html5: true, directory: false, drag: false }`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.features.drag\">支持拖拽上传</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.directory\">支持文件夹上传</span>\n    <span v-show=\"$refs.upload && $refs.upload.features.html5\">支持HTML5</span>\n  </app>\n  ```\n\n\n\n### active\n\n激活或停止上传\n\n* **类型:** `Boolean`\n\n* **只读:** `false`\n\n* **默认值:** `false`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-if=\"!$refs.upload || !$refs.upload.active\" @click=\"$refs.upload.active = true\">开始上传</span>\n    <span v-else @click=\"$refs.upload.active = false\">停止上传</span>\n  </app>\n  ```\n\n\n\n### dropActive\n\n是否正在拖拽\n\n* **类型:** `Boolean`\n\n* **只读:** `true`\n\n* **默认值:** `false`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\" :drop=\"true\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.dropActive\">拖拽到这里上传<span>\n  </app>\n  ```\n\n\n\n\n\n### uploaded\n\n是否全部已上传\n\n* **类型:** `Boolean`\n\n* **只读:** `true`\n\n* **默认值:** `true`\n\n* **示例:**\n  ```html\n  <app>\n    <file-upload ref=\"upload\"></file-upload>\n    <span v-show=\"$refs.upload && $refs.upload.uploaded\">全部文件已上传完毕<span>\n  </app>\n  ```\n\n\n\n\n\n## 实例 / 方法\n\n\n\n### get()\n\n使用`id`获得某个对象\n\n* **参数:**\n\n  * `id: File | Object | String`\n\n\n* **结果:** `File | Object | Boolean` 存在返回文件对象否则返回 `false`\n\n\n\n### add()\n\n添加一个或多个文件\n\n* **参数:**\n\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     如果它是一个数组的响应将是一个数组\n  * `start: Boolean`                                  是否从开始位置插入\n\n\n* **结果:** `Object | Array<File | Object> | Boolean`     传入的是数组返回数组否则对象或`false`\n\n* **示例:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n    <button type=\"button\" @click.prevent=\"addText\">添加文件</button>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      addText() {\n        let file = new window.File(['foo'], 'foo.txt', {\n          type: \"text/plain\",\n        })\n        this.$refs.upload.add(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n###  addInputFile()\n\n把`<input type=\"file\">`选择的文件添加进上传列表  \n\n* **参数:**\n\n  * `el: HTMLInputElement`     文件元素\n\n\n* **结果:** `Array<File>`  返回已添加的文件列表\n\n* **版本:** : `>=2.5.1`\n\n\n\n###  addDataTransfer()\n\n把拖拽或者粘贴的数据的文件添加进上传列表  \n\n* **参数:**\n\n  * `dataTransfer: DataTransfer`  拖拽或者粘贴的数据\n\n\n* **结果:** `Promise<Array<File>>`   返回已添加的文件列表\n\n\n* **版本:** : `>=2.5.1`\n\n\n\n### update()\n\n更新某个对象\n\n* **参数:**\n\n  * `id: File | Object | String`\n  * `data: Object`                    更新的数据对象\n\n\n* **结果:**  `Object | Boolean`  成功返回 `newFile` 失败返回 `false`\n\n\n* **示例:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button v-show=\"file.active\" type=\"button\" @click.prevent=\"abort(file)\">停止</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      abort(file) {\n        this.$refs.upload.update(file, {active: false})\n        // 或\n        // this.$refs.upload.update(file, {error: 'abort'})\n      }\n    }\n  }\n  </script>\n  ```\n\n### remove()\n\n移除某个文件对象\n\n* **参数:**\n\n  * `id: File | Object | String`\n\n\n* **结果:**  `Object | Boolean`  成功返回 `oldFile` 失败返回 `false`\n\n* **示例:**\n  ```html\n  <template>\n    <ul>\n      <li v-for=\"file in files\">\n        <span>{{file.name}}</span>\n        <button type=\"button\" @click.prevent=\"remove(file)\">移除</button>\n      </li>\n    </ul>\n    <file-upload v-model=\"files\"></file-upload>\n  </template>\n  <script>\n  export default {\n    data() {\n      return {\n        files: []\n      }\n    },\n    methods: {\n      remove(file) {\n        this.$refs.upload.remove(file)\n      }\n    }\n  }\n  </script>\n  ```\n\n\n### clear()\n\n清空文件列表\n\n* **结果:**  `Boolean`  总是返回 `true`\n\n\n\n## 实例 / File\n\n\n> **文件对象在`input-filter`事件外修改请使用 [`update`](#实例-方法-update) 方法**\n\n\n### fileObject\n\n* **类型:** `Boolean`\n\n* **只读:** `true`\n\n* **Required:** `true`\n\n* **默认值:** `true`\n\n* **版本:** : `>=2.6.0`\n\n* **详细:**\n\n  如果属性不存在，则不会在内部处理该对象  \n  如果属性不存在，它不是 `File` 而是 `Object`\n\n\n\n### id\n\n文件id\n\n* **类型:** `String | Number`\n\n* **只读:** `false`\n\n* **默认值:** `Math.random().toString(36).substr(2)`\n\n* **详细:**\n\n  >`id` can not be repeated  \n  >Upload can not modify `id`\n\n\n### size\n\n文件大小\n\n* **类型:** `Number`\n\n* **只读:** `false`\n\n* **默认值:** `-1`\n\n* **浏览器:** `> IE9`\n\n\n### name\n\n文件名  \n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** ` `\n\n* **详细:**\n\n  格式:  `directory/filename.gif`  `filename.gif`  \n\n\n\n### type\n\nMIME类型\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** ` `\n\n* **浏览器:** `> IE9`\n\n* **详细:**\n\n  格式:  `image/gif`   `image/png`  `text/html`\n\n\n\n\n### active\n\n激活或终止上传\n\n* **类型:** `Boolean`\n\n* **只读:** `false`\n\n* **默认值:** `false`\n\n* **详细:**\n\n  `true` = 上传  \n  `false` = 停止  \n\n\n\n\n\n\n### error\n\n上传失败错误代码\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** ` `\n\n* **详细:**\n\n  内置\n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\n\n\n\n\n### success\n\n是否上传成功\n\n* **类型:** `Boolean`\n\n* **只读:** `false`\n\n* **默认值:** `false`\n\n\n### putAction\n\n自定义当前文件 `PUT` 地址\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** `this.putAction`\n\n\n\n### postAction\n\n自定义当前文件 `POST` 地址\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** `this.postAction`\n\n\n\n\n### headers\n\n自定义当前文件 `HTTP` Header\n\n* **类型:** `Object`\n\n* **只读:** `false`\n\n* **默认值:** `this.headers`\n\n\n### data\n\n自定义当前文件 `body` 或 `query` 附加内容\n\n* **类型:** `Object`\n\n* **只读:** `false`\n\n* **默认值:** `this.data`\n\n\n### timeout\n\n自定义当前单个文件的上传超时时间\n\n* **类型:** `Number`\n\n* **只读:** `false`\n\n* **默认值:** `this.timeout`\n\n\n### response\n\n响应的数据\n\n* **类型:** `Object | String`\n\n* **只读:** `false`\n\n* **默认值:** `{}`\n\n\n\n\n### progress\n\n上传进度\n\n* **类型:** `String`\n\n* **只读:** `false`\n\n* **默认值:** `0.00`\n\n* **浏览器:** `> IE9`\n\n\n\n### speed\n\n每秒的上传速度\n\n* **类型:** `Number`\n\n* **只读:** `true`\n\n* **默认值:** `0`\n\n* **浏览器:** `> IE9`\n\n\n\n\n### xhr\n\n`HTML5` 上传 `XMLHttpRequest` 对象\n\n* **类型:** `XMLHttpRequest`\n\n* **只读:** `true`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `> IE9`\n\n\n\n\n### iframe\n\n`HTML4` 上传 `iframe` 元素\n\n* **类型:** `Element`\n\n* **只读:** `true`\n\n* **默认值:** `undefined`\n\n* **浏览器:** `= IE9`\n"
 
 /***/ }),
-/* 7 */
+/* 9 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(36);
+
+/***/ }),
+/* 10 */
+/***/ (function(module, exports) {
+
+module.exports = Cropper;
+
+/***/ }),
+/* 11 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(8);
+module.exports = __webpack_require__(12);
 
 
 /***/ }),
-/* 8 */
+/* 12 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(9);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue__ = __webpack_require__(13);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_marked__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_marked__ = __webpack_require__(4);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_marked___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_marked__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_highlight_js__ = __webpack_require__(10);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_highlight_js__ = __webpack_require__(14);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_highlight_js___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_highlight_js__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__store__ = __webpack_require__(11);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__router__ = __webpack_require__(13);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__i18n__ = __webpack_require__(4);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__views_App__ = __webpack_require__(68);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__store__ = __webpack_require__(15);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__router__ = __webpack_require__(16);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__i18n__ = __webpack_require__(6);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__views_App__ = __webpack_require__(73);
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -672,23 +696,23 @@ new __WEBPACK_IMPORTED_MODULE_0_vue___default.a(_extends({
 }, __WEBPACK_IMPORTED_MODULE_6__views_App__["a" /* default */])).$mount('#app');
 
 /***/ }),
-/* 9 */
+/* 13 */
 /***/ (function(module, exports) {
 
 module.exports = Vue;
 
 /***/ }),
-/* 10 */
+/* 14 */
 /***/ (function(module, exports) {
 
 module.exports = hljs;
 
 /***/ }),
-/* 11 */
+/* 15 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vuex__ = __webpack_require__(12);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vuex__ = __webpack_require__(5);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vuex___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vuex__);
 // import Vue from 'vue'
 
@@ -712,28 +736,22 @@ var mutations = {
 }));
 
 /***/ }),
-/* 12 */
-/***/ (function(module, exports) {
-
-module.exports = Vuex;
-
-/***/ }),
-/* 13 */
+/* 16 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_router__ = __webpack_require__(14);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_router__ = __webpack_require__(17);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_router___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_router__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__i18n__ = __webpack_require__(4);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__views_Router__ = __webpack_require__(18);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__views_Document__ = __webpack_require__(20);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__views_Example__ = __webpack_require__(27);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__views_examples_Full__ = __webpack_require__(29);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__i18n__ = __webpack_require__(6);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__views_Router__ = __webpack_require__(21);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__views_Document__ = __webpack_require__(23);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__views_Example__ = __webpack_require__(30);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__views_examples_Full__ = __webpack_require__(32);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__views_examples_Simple__ = __webpack_require__(48);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__views_examples_Avatar__ = __webpack_require__(52);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__views_examples_Drag__ = __webpack_require__(56);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__views_examples_Multiple__ = __webpack_require__(60);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__views_examples_Vuex__ = __webpack_require__(64);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__views_examples_Avatar__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__views_examples_Drag__ = __webpack_require__(58);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__views_examples_Multiple__ = __webpack_require__(63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__views_examples_Vuex__ = __webpack_require__(68);
 // import Vue from 'vue'
 
 
@@ -802,19 +820,19 @@ var router = new __WEBPACK_IMPORTED_MODULE_0_vue_router___default.a({
 /* harmony default export */ __webpack_exports__["a"] = (router);
 
 /***/ }),
-/* 14 */
+/* 17 */
 /***/ (function(module, exports) {
 
 module.exports = VueRouter;
 
 /***/ }),
-/* 15 */
+/* 18 */
 /***/ (function(module, exports) {
 
 module.exports = VueI18n;
 
 /***/ }),
-/* 16 */
+/* 19 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -840,17 +858,17 @@ module.exports = VueI18n;
   },
 
   example: {
-    full: 'Full',
+    full: 'Full Example',
     simple: 'Simple',
-    avatar: 'Avatar',
-    drag: 'Drag',
-    multiple: 'Multiple',
+    avatar: 'Upload avatar',
+    drag: 'Drag and drop',
+    multiple: 'Multiple instances',
     vuex: 'Vuex'
   }
 });
 
 /***/ }),
-/* 17 */
+/* 20 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -878,19 +896,19 @@ module.exports = VueI18n;
   example: {
     full: '完整例子',
     simple: '简单例子',
-    avatar: '头像例子',
-    drag: '拖拽例子',
-    multiple: '多实例',
+    avatar: '上传头像',
+    drag: '拖拽上传',
+    multiple: '多个实例',
     vuex: 'Vuex'
   }
 });
 
 /***/ }),
-/* 18 */
+/* 21 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0546df56_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Router_vue__ = __webpack_require__(19);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_0546df56_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Router_vue__ = __webpack_require__(22);
 var normalizeComponent = __webpack_require__(0)
 /* script */
 var __vue_script__ = null
@@ -914,7 +932,7 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 19 */
+/* 22 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -924,14 +942,14 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 20 */
+/* 23 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Document_vue__ = __webpack_require__(24);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_102fa427_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Document_vue__ = __webpack_require__(26);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Document_vue__ = __webpack_require__(27);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_102fa427_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Document_vue__ = __webpack_require__(29);
 function injectStyle (ssrContext) {
-  __webpack_require__(21)
+  __webpack_require__(24)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
@@ -956,20 +974,20 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 21 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(22);
+var content = __webpack_require__(25);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("27a8f968", content, true);
 
 /***/ }),
-/* 22 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
@@ -983,7 +1001,7 @@ exports.push([module.i, ".document-title{margin-bottom:2rem;padding-bottom:1rem;
 
 
 /***/ }),
-/* 23 */
+/* 26 */
 /***/ (function(module, exports) {
 
 /**
@@ -1015,11 +1033,11 @@ module.exports = function listToStyles(parentId, list) {
 };
 
 /***/ }),
-/* 24 */
+/* 27 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked__ = __webpack_require__(4);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_marked___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_marked__);
 //
 //
@@ -1080,7 +1098,7 @@ module.exports = function listToStyles(parentId, list) {
 /* harmony default export */ __webpack_exports__["a"] = ({
   computed: {
     document: function document() {
-      return __webpack_require__(25)("./" + this.$i18n.locale);
+      return __webpack_require__(28)("./" + this.$i18n.locale);
     },
     navs: function navs() {
       var tokens = __WEBPACK_IMPORTED_MODULE_0_marked___default.a.lexer(this.document);
@@ -1140,14 +1158,14 @@ module.exports = function listToStyles(parentId, list) {
 });
 
 /***/ }),
-/* 25 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./en": 5,
-	"./en.md": 5,
-	"./zh-cn": 6,
-	"./zh-cn.md": 6
+	"./en": 7,
+	"./en.md": 7,
+	"./zh-cn": 8,
+	"./zh-cn.md": 8
 };
 function webpackContext(req) {
 	return __webpack_require__(webpackContextResolve(req));
@@ -1163,10 +1181,10 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 25;
+webpackContext.id = 28;
 
 /***/ }),
-/* 26 */
+/* 29 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1176,11 +1194,11 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 27 */
+/* 30 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f18b6ae4_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Example_vue__ = __webpack_require__(28);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_f18b6ae4_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Example_vue__ = __webpack_require__(31);
 var normalizeComponent = __webpack_require__(0)
 /* script */
 var __vue_script__ = null
@@ -1204,7 +1222,7 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 28 */
+/* 31 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1214,14 +1232,14 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 29 */
+/* 32 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Full_vue__ = __webpack_require__(32);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Full_vue__ = __webpack_require__(35);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_60fc9379_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Full_vue__ = __webpack_require__(47);
 function injectStyle (ssrContext) {
-  __webpack_require__(30)
+  __webpack_require__(33)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
@@ -1246,20 +1264,20 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 30 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(31);
+var content = __webpack_require__(34);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("3e9ccf96", content, true);
 
 /***/ }),
-/* 31 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
@@ -1273,15 +1291,15 @@ exports.push([module.i, ".example-full .btn-group .dropdown-menu{display:block;v
 
 
 /***/ }),
-/* 32 */
+/* 35 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__(33);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__(9);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_cropperjs__ = __webpack_require__(37);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_cropperjs__ = __webpack_require__(10);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_cropperjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_cropperjs__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_upload_component__ = __webpack_require__(38);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_upload_component__ = __webpack_require__(3);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_upload_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_vue_upload_component__);
 
 
@@ -1652,6 +1670,7 @@ function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, a
 //
 //
 //
+//
 
 
 
@@ -1925,13 +1944,7 @@ function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, a
 });
 
 /***/ }),
-/* 33 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(34);
-
-/***/ }),
-/* 34 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // This method of obtaining a reference to the global object needs to be
@@ -1950,7 +1963,7 @@ var oldRuntime = hadRuntime && g.regeneratorRuntime;
 // Force reevalutation of runtime.js.
 g.regeneratorRuntime = undefined;
 
-module.exports = __webpack_require__(35);
+module.exports = __webpack_require__(37);
 
 if (hadRuntime) {
   // Restore the original runtime.
@@ -1965,7 +1978,7 @@ if (hadRuntime) {
 }
 
 /***/ }),
-/* 35 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(module) {var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
@@ -2670,10 +2683,10 @@ if (hadRuntime) {
 function () {
   return this;
 }() || Function("return this")());
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(36)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(38)(module)))
 
 /***/ }),
-/* 36 */
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = function (module) {
@@ -2699,18 +2712,6 @@ module.exports = function (module) {
 	return module;
 };
 
-/***/ }),
-/* 37 */
-/***/ (function(module, exports) {
-
-module.exports = Cropper;
-
-/***/ }),
-/* 38 */
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__(39);
-
 /***/ }),
 /* 39 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -4027,7 +4028,7 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-full"},[_c('button',{staticClass:"btn btn-danger float-right btn-is-option",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_c('i',{staticClass:"fa fa-cog",attrs:{"aria-hidden":"true"}}),_vm._v("\n    Options\n  ")]),_c('h1',{staticClass:"document-title",attrs:{"id":"document-title"}},[_vm._v("Full Example")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:"$refs.upload && $refs.upload.dropActive"}],staticClass:"drop-active"},[_c('h3',[_vm._v("Drop files to upload")])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isOption),expression:"!isOption"}],staticClass:"upload"},[_c('table',{staticClass:"table table-hover"},[_vm._m(0),_c('tbody',[(!_vm.files.length)?_c('tr',[_c('td',{attrs:{"colspan":"7"}},[_c('div',{staticClass:"text-center p-5"},[_vm._m(1),_c('label',{staticClass:"btn btn-lg btn-primary",attrs:{"for":_vm.name}},[_vm._v("Select Files")])])])]):_vm._e(),_vm._l((_vm.files),function(file,index){return _c('tr',{key:file.id},[_c('td',[_vm._v(_vm._s(index))]),_c('td',[(file.thumb)?_c('img',{attrs:{"src":file.thumb,"width":"40","height":"auto"}}):_c('span',[_vm._v("No Image")])]),_c('td',[_c('div',{staticClass:"filename"},[_vm._v("\n              "+_vm._s(file.name)+"\n            ")]),(file.active || file.progress !== '0.00')?_c('div',{staticClass:"progress"},[_c('div',{class:{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active},style:({width: file.progress + '%'}),attrs:{"role":"progressbar"}},[_vm._v(_vm._s(file.progress)+"%")])]):_vm._e()]),_c('td',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_c('td',[_vm._v(_vm._s(_vm._f("formatSize")(file.speed)))]),(file.error)?_c('td',[_vm._v(_vm._s(file.error))]):(file.success)?_c('td',[_vm._v("success")]):(file.active)?_c('td',[_vm._v("active")]):_c('td'),_c('td',[_c('div',{staticClass:"btn-group"},[_c('button',{staticClass:"btn btn-secondary btn-sm dropdown-toggle",attrs:{"type":"button"}},[_vm._v("\n                Action\n              ")]),_c('div',{staticClass:"dropdown-menu"},[_c('a',{class:{'dropdown-item': true, disabled: file.active || file.success},attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();file.active || file.success ? false :  _vm.onEditFileShow(file)}}},[_vm._v("Edit")]),_c('a',{class:{'dropdown-item': true, disabled: !file.active},attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();file.active ? _vm.$refs.upload.update(file, {error: 'cancel'}) : false}}},[_vm._v("Cancel")]),(file.active)?_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: false})}}},[_vm._v("Abort")]):(file.error && _vm.$refs.upload.features.html5)?_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: true, error: '', progress: '0.00'})}}},[_vm._v("Retry upload")]):_c('a',{class:{'dropdown-item': true, disabled: file.success},attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();file.success ? false : _vm.$refs.upload.update(file, {active: true})}}},[_vm._v("Upload")]),_c('div',{staticClass:"dropdown-divider"}),_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.remove(file)}}},[_vm._v("Remove")])])])])])})],2)]),_c('div',{staticClass:"example-foorer"},[_c('div',{staticClass:"footer-status float-right"},[_vm._v("\n        Drop: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.drop : false)+",\n        Active: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.active : false)+",\n        Uploaded: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.uploaded : true)+",\n        Drop active: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.dropActive : false)+"\n      ")]),_c('div',{staticClass:"btn-group"},[_c('file-upload',{ref:"upload",staticClass:"btn btn-primary dropdown-toggle",attrs:{"post-action":_vm.postAction,"put-action":_vm.putAction,"extensions":_vm.extensions,"accept":_vm.accept,"multiple":_vm.multiple,"directory":_vm.directory,"size":_vm.size || 0,"thread":_vm.thread < 1 ? 1 : (_vm.thread > 5 ? 5 : _vm.thread),"headers":_vm.headers,"data":_vm.data,"drop":_vm.drop,"drop-directory":_vm.dropDirectory},on:{"input-filter":_vm.inputFilter,"input-file":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:"files"}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n          Select\n        ")]),_c('div',{staticClass:"dropdown-menu"},[_c('label',{staticClass:"dropdown-item",attrs:{"for":_vm.name}},[_vm._v("Add files")]),_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":_vm.onAddFolader}},[_vm._v("Add folder")]),_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.addData.show = true}}},[_vm._v("Add data")])])],1),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isOption),expression:"isOption"}],staticClass:"option"},[_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"accept"}},[_vm._v("Accept:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.accept),expression:"accept"}],staticClass:"form-control",attrs:{"type":"text","id":"accept"},domProps:{"value":(_vm.accept)},on:{"input":function($event){if($event.target.composing){ return; }_vm.accept=$event.target.value}}}),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Allow upload mime type")])]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"extensions"}},[_vm._v("Extensions:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.extensions),expression:"extensions"}],staticClass:"form-control",attrs:{"type":"text","id":"extensions"},domProps:{"value":(_vm.extensions)},on:{"input":function($event){if($event.target.composing){ return; }_vm.extensions=$event.target.value}}}),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Allow upload file extension")])]),_c('div',{staticClass:"form-group"},[_c('label',[_vm._v("PUT Upload:")]),_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.putAction),expression:"putAction"}],staticClass:"form-check-input",attrs:{"type":"radio","name":"put-action","id":"put-action","value":""},domProps:{"checked":_vm._q(_vm.putAction,"")},on:{"__c":function($event){_vm.putAction=""}}}),_vm._v(" Off\n        ")])]),_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.putAction),expression:"putAction"}],staticClass:"form-check-input",attrs:{"type":"radio","name":"put-action","id":"put-action","value":"/upload/put"},domProps:{"checked":_vm._q(_vm.putAction,"/upload/put")},on:{"__c":function($event){_vm.putAction="/upload/put"}}}),_vm._v(" On\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("After the shutdown, use the POST method to upload")])]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"thread"}},[_vm._v("Thread:")]),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.thread),expression:"thread",modifiers:{"number":true}}],staticClass:"form-control",attrs:{"type":"number","max":"5","min":"1","id":"thread"},domProps:{"value":(_vm.thread)},on:{"input":function($event){if($event.target.composing){ return; }_vm.thread=_vm._n($event.target.value)},"blur":function($event){_vm.$forceUpdate()}}}),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Also upload the number of files at the same time (number of threads)")])]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"size"}},[_vm._v("Max size:")]),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.size),expression:"size",modifiers:{"number":true}}],staticClass:"form-control",attrs:{"type":"number","min":"0","id":"size"},domProps:{"value":(_vm.size)},on:{"input":function($event){if($event.target.composing){ return; }_vm.size=_vm._n($event.target.value)},"blur":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"minSize"}},[_vm._v("Min size:")]),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.minSize),expression:"minSize",modifiers:{"number":true}}],staticClass:"form-control",attrs:{"type":"number","min":"0","id":"minSize"},domProps:{"value":(_vm.minSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.minSize=_vm._n($event.target.value)},"blur":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:"form-group"},[_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.drop),expression:"drop"}],staticClass:"form-check-input",attrs:{"type":"checkbox","id":"drop"},domProps:{"checked":Array.isArray(_vm.drop)?_vm._i(_vm.drop,null)>-1:(_vm.drop)},on:{"__c":function($event){var $$a=_vm.drop,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.drop=$$a.concat([$$v]))}else{$$i>-1&&(_vm.drop=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.drop=$$c}}}}),_vm._v(" Drop\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Drag and drop upload")])]),_c('div',{staticClass:"form-group"},[_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.dropDirectory),expression:"dropDirectory"}],staticClass:"form-check-input",attrs:{"type":"checkbox","id":"drop-directory"},domProps:{"checked":Array.isArray(_vm.dropDirectory)?_vm._i(_vm.dropDirectory,null)>-1:(_vm.dropDirectory)},on:{"__c":function($event){var $$a=_vm.dropDirectory,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.dropDirectory=$$a.concat([$$v]))}else{$$i>-1&&(_vm.dropDirectory=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.dropDirectory=$$c}}}}),_vm._v(" Drop directory\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Not checked, filter the dragged folder")])]),_c('div',{staticClass:"form-group"},[_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.uploadAuto),expression:"uploadAuto"}],staticClass:"form-check-input",attrs:{"type":"checkbox","id":"upload-auto"},domProps:{"checked":Array.isArray(_vm.uploadAuto)?_vm._i(_vm.uploadAuto,null)>-1:(_vm.uploadAuto)},on:{"__c":function($event){var $$a=_vm.uploadAuto,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.uploadAuto=$$a.concat([$$v]))}else{$$i>-1&&(_vm.uploadAuto=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.uploadAuto=$$c}}}}),_vm._v(" Auto start\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Automatically activate upload")])]),_c('div',{staticClass:"form-group"},[_c('button',{staticClass:"btn btn-primary btn-lg btn-block",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_vm._v("Confirm")])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.addData.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.addData.show},attrs:{"id":"modal-add-data","tabindex":"-1","role":"dialog"}},[_c('div',{staticClass:"modal-dialog",attrs:{"role":"document"}},[_c('div',{staticClass:"modal-content"},[_c('div',{staticClass:"modal-header"},[_c('h5',{staticClass:"modal-title"},[_vm._v("Add data")]),_c('button',{staticClass:"close",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.addData.show = false}}},[_c('span',[_vm._v("×")])])]),_c('form',{on:{"submit":function($event){$event.preventDefault();_vm.onAddData($event)}}},[_c('div',{staticClass:"modal-body"},[_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"name"}},[_vm._v("Name:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.addData.name),expression:"addData.name"}],staticClass:"form-control",attrs:{"type":"text","required":"","id":"name","placeholder":"Please enter a file name"},domProps:{"value":(_vm.addData.name)},on:{"input":function($event){if($event.target.composing){ return; }_vm.addData.name=$event.target.value}}}),_vm._m(2)]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"type"}},[_vm._v("Type:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.addData.type),expression:"addData.type"}],staticClass:"form-control",attrs:{"type":"text","required":"","id":"type","placeholder":"Please enter the MIME type"},domProps:{"value":(_vm.addData.type)},on:{"input":function($event){if($event.target.composing){ return; }_vm.addData.type=$event.target.value}}}),_vm._m(3)]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"content"}},[_vm._v("Content:")]),_c('textarea',{directives:[{name:"model",rawName:"v-model",value:(_vm.addData.content),expression:"addData.content"}],staticClass:"form-control",attrs:{"required":"","id":"content","rows":"3","placeholder":"Please enter the file contents"},domProps:{"value":(_vm.addData.content)},on:{"input":function($event){if($event.target.composing){ return; }_vm.addData.content=$event.target.value}}})])]),_c('div',{staticClass:"modal-footer"},[_c('button',{staticClass:"btn btn-secondary",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.addData.show = false}}},[_vm._v("Close")]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"submit"}},[_vm._v("Save")])])])])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.editFile.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.editFile.show},attrs:{"id":"modal-edit-file","tabindex":"-1","role":"dialog"}},[_c('div',{staticClass:"modal-dialog modal-lg",attrs:{"role":"document"}},[_c('div',{staticClass:"modal-content"},[_c('div',{staticClass:"modal-header"},[_c('h5',{staticClass:"modal-title"},[_vm._v("Edit file")]),_c('button',{staticClass:"close",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_c('span',[_vm._v("×")])])]),_c('form',{on:{"submit":function($event){$event.preventDefault();_vm.onEditorFile($event)}}},[_c('div',{staticClass:"modal-body"},[_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"name"}},[_vm._v("Name:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.editFile.name),expression:"editFile.name"}],staticClass:"form-control",attrs:{"type":"text","required":"","id":"name","placeholder":"Please enter a file name"},domProps:{"value":(_vm.editFile.name)},on:{"input":function($event){if($event.target.composing){ return; }_vm.editFile.name=$event.target.value}}})]),(_vm.editFile.show && _vm.editFile.blob && _vm.editFile.type && _vm.editFile.type.substr(0, 6) === 'image/')?_c('div',{staticClass:"form-group"},[_c('label',[_vm._v("Image: ")]),_c('div',{staticClass:"edit-image"},[_c('img',{ref:"editImage",attrs:{"src":_vm.editFile.blob}})]),_c('div',{staticClass:"edit-image-tool"},[_c('div',{staticClass:"btn-group",attrs:{"role":"group"}},[_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.rotate(-90)"},on:{"click":function($event){_vm.editFile.cropper.rotate(-90)}}},[_c('i',{staticClass:"fa fa-undo",attrs:{"aria-hidden":"true"}})]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.rotate(90)"},on:{"click":function($event){_vm.editFile.cropper.rotate(90)}}},[_c('i',{staticClass:"fa fa-repeat",attrs:{"aria-hidden":"true"}})])]),_c('div',{staticClass:"btn-group",attrs:{"role":"group"}},[_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.crop()"},on:{"click":function($event){_vm.editFile.cropper.crop()}}},[_c('i',{staticClass:"fa fa-check",attrs:{"aria-hidden":"true"}})]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.clear()"},on:{"click":function($event){_vm.editFile.cropper.clear()}}},[_c('i',{staticClass:"fa fa-remove",attrs:{"aria-hidden":"true"}})])])])]):_vm._e()]),_c('div',{staticClass:"modal-footer"},[_c('button',{staticClass:"btn btn-secondary",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_vm._v("Close")]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"submit"}},[_vm._v("Save")])])])])])]),_vm._m(4)])}
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-full"},[_c('button',{staticClass:"btn btn-danger float-right btn-is-option",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_c('i',{staticClass:"fa fa-cog",attrs:{"aria-hidden":"true"}}),_vm._v("\n    Options\n  ")]),_c('h1',{staticClass:"example-title",attrs:{"id":"example-title"}},[_vm._v("Full Example")]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:"$refs.upload && $refs.upload.dropActive"}],staticClass:"drop-active"},[_c('h3',[_vm._v("Drop files to upload")])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isOption),expression:"!isOption"}],staticClass:"upload"},[_c('table',{staticClass:"table table-hover"},[_vm._m(0),_c('tbody',[(!_vm.files.length)?_c('tr',[_c('td',{attrs:{"colspan":"7"}},[_c('div',{staticClass:"text-center p-5"},[_vm._m(1),_c('label',{staticClass:"btn btn-lg btn-primary",attrs:{"for":_vm.name}},[_vm._v("Select Files")])])])]):_vm._e(),_vm._l((_vm.files),function(file,index){return _c('tr',{key:file.id},[_c('td',[_vm._v(_vm._s(index))]),_c('td',[(file.thumb)?_c('img',{attrs:{"src":file.thumb,"width":"40","height":"auto"}}):_c('span',[_vm._v("No Image")])]),_c('td',[_c('div',{staticClass:"filename"},[_vm._v("\n              "+_vm._s(file.name)+"\n            ")]),(file.active || file.progress !== '0.00')?_c('div',{staticClass:"progress"},[_c('div',{class:{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active},style:({width: file.progress + '%'}),attrs:{"role":"progressbar"}},[_vm._v(_vm._s(file.progress)+"%")])]):_vm._e()]),_c('td',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_c('td',[_vm._v(_vm._s(_vm._f("formatSize")(file.speed)))]),(file.error)?_c('td',[_vm._v(_vm._s(file.error))]):(file.success)?_c('td',[_vm._v("success")]):(file.active)?_c('td',[_vm._v("active")]):_c('td'),_c('td',[_c('div',{staticClass:"btn-group"},[_c('button',{staticClass:"btn btn-secondary btn-sm dropdown-toggle",attrs:{"type":"button"}},[_vm._v("\n                Action\n              ")]),_c('div',{staticClass:"dropdown-menu"},[_c('a',{class:{'dropdown-item': true, disabled: file.active || file.success},attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();file.active || file.success ? false :  _vm.onEditFileShow(file)}}},[_vm._v("Edit")]),_c('a',{class:{'dropdown-item': true, disabled: !file.active},attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();file.active ? _vm.$refs.upload.update(file, {error: 'cancel'}) : false}}},[_vm._v("Cancel")]),(file.active)?_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: false})}}},[_vm._v("Abort")]):(file.error && _vm.$refs.upload.features.html5)?_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: true, error: '', progress: '0.00'})}}},[_vm._v("Retry upload")]):_c('a',{class:{'dropdown-item': true, disabled: file.success},attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();file.success ? false : _vm.$refs.upload.update(file, {active: true})}}},[_vm._v("Upload")]),_c('div',{staticClass:"dropdown-divider"}),_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.remove(file)}}},[_vm._v("Remove")])])])])])})],2)]),_c('div',{staticClass:"example-foorer"},[_c('div',{staticClass:"footer-status float-right"},[_vm._v("\n        Drop: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.drop : false)+",\n        Active: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.active : false)+",\n        Uploaded: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.uploaded : true)+",\n        Drop active: "+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.dropActive : false)+"\n      ")]),_c('div',{staticClass:"btn-group"},[_c('file-upload',{ref:"upload",staticClass:"btn btn-primary dropdown-toggle",attrs:{"post-action":_vm.postAction,"put-action":_vm.putAction,"extensions":_vm.extensions,"accept":_vm.accept,"multiple":_vm.multiple,"directory":_vm.directory,"size":_vm.size || 0,"thread":_vm.thread < 1 ? 1 : (_vm.thread > 5 ? 5 : _vm.thread),"headers":_vm.headers,"data":_vm.data,"drop":_vm.drop,"drop-directory":_vm.dropDirectory},on:{"input-filter":_vm.inputFilter,"input-file":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:"files"}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n          Select\n        ")]),_c('div',{staticClass:"dropdown-menu"},[_c('label',{staticClass:"dropdown-item",attrs:{"for":_vm.name}},[_vm._v("Add files")]),_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":_vm.onAddFolader}},[_vm._v("Add folder")]),_c('a',{staticClass:"dropdown-item",attrs:{"href":"#"},on:{"click":function($event){$event.preventDefault();_vm.addData.show = true}}},[_vm._v("Add data")])])],1),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isOption),expression:"isOption"}],staticClass:"option"},[_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"accept"}},[_vm._v("Accept:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.accept),expression:"accept"}],staticClass:"form-control",attrs:{"type":"text","id":"accept"},domProps:{"value":(_vm.accept)},on:{"input":function($event){if($event.target.composing){ return; }_vm.accept=$event.target.value}}}),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Allow upload mime type")])]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"extensions"}},[_vm._v("Extensions:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.extensions),expression:"extensions"}],staticClass:"form-control",attrs:{"type":"text","id":"extensions"},domProps:{"value":(_vm.extensions)},on:{"input":function($event){if($event.target.composing){ return; }_vm.extensions=$event.target.value}}}),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Allow upload file extension")])]),_c('div',{staticClass:"form-group"},[_c('label',[_vm._v("PUT Upload:")]),_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.putAction),expression:"putAction"}],staticClass:"form-check-input",attrs:{"type":"radio","name":"put-action","id":"put-action","value":""},domProps:{"checked":_vm._q(_vm.putAction,"")},on:{"__c":function($event){_vm.putAction=""}}}),_vm._v(" Off\n        ")])]),_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.putAction),expression:"putAction"}],staticClass:"form-check-input",attrs:{"type":"radio","name":"put-action","id":"put-action","value":"/upload/put"},domProps:{"checked":_vm._q(_vm.putAction,"/upload/put")},on:{"__c":function($event){_vm.putAction="/upload/put"}}}),_vm._v(" On\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("After the shutdown, use the POST method to upload")])]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"thread"}},[_vm._v("Thread:")]),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.thread),expression:"thread",modifiers:{"number":true}}],staticClass:"form-control",attrs:{"type":"number","max":"5","min":"1","id":"thread"},domProps:{"value":(_vm.thread)},on:{"input":function($event){if($event.target.composing){ return; }_vm.thread=_vm._n($event.target.value)},"blur":function($event){_vm.$forceUpdate()}}}),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Also upload the number of files at the same time (number of threads)")])]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"size"}},[_vm._v("Max size:")]),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.size),expression:"size",modifiers:{"number":true}}],staticClass:"form-control",attrs:{"type":"number","min":"0","id":"size"},domProps:{"value":(_vm.size)},on:{"input":function($event){if($event.target.composing){ return; }_vm.size=_vm._n($event.target.value)},"blur":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"minSize"}},[_vm._v("Min size:")]),_c('input',{directives:[{name:"model",rawName:"v-model.number",value:(_vm.minSize),expression:"minSize",modifiers:{"number":true}}],staticClass:"form-control",attrs:{"type":"number","min":"0","id":"minSize"},domProps:{"value":(_vm.minSize)},on:{"input":function($event){if($event.target.composing){ return; }_vm.minSize=_vm._n($event.target.value)},"blur":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:"form-group"},[_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.drop),expression:"drop"}],staticClass:"form-check-input",attrs:{"type":"checkbox","id":"drop"},domProps:{"checked":Array.isArray(_vm.drop)?_vm._i(_vm.drop,null)>-1:(_vm.drop)},on:{"__c":function($event){var $$a=_vm.drop,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.drop=$$a.concat([$$v]))}else{$$i>-1&&(_vm.drop=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.drop=$$c}}}}),_vm._v(" Drop\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Drag and drop upload")])]),_c('div',{staticClass:"form-group"},[_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.dropDirectory),expression:"dropDirectory"}],staticClass:"form-check-input",attrs:{"type":"checkbox","id":"drop-directory"},domProps:{"checked":Array.isArray(_vm.dropDirectory)?_vm._i(_vm.dropDirectory,null)>-1:(_vm.dropDirectory)},on:{"__c":function($event){var $$a=_vm.dropDirectory,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.dropDirectory=$$a.concat([$$v]))}else{$$i>-1&&(_vm.dropDirectory=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.dropDirectory=$$c}}}}),_vm._v(" Drop directory\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Not checked, filter the dragged folder")])]),_c('div',{staticClass:"form-group"},[_c('div',{staticClass:"form-check"},[_c('label',{staticClass:"form-check-label"},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.uploadAuto),expression:"uploadAuto"}],staticClass:"form-check-input",attrs:{"type":"checkbox","id":"upload-auto"},domProps:{"checked":Array.isArray(_vm.uploadAuto)?_vm._i(_vm.uploadAuto,null)>-1:(_vm.uploadAuto)},on:{"__c":function($event){var $$a=_vm.uploadAuto,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.uploadAuto=$$a.concat([$$v]))}else{$$i>-1&&(_vm.uploadAuto=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.uploadAuto=$$c}}}}),_vm._v(" Auto start\n        ")])]),_c('small',{staticClass:"form-text text-muted"},[_vm._v("Automatically activate upload")])]),_c('div',{staticClass:"form-group"},[_c('button',{staticClass:"btn btn-primary btn-lg btn-block",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_vm._v("Confirm")])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.addData.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.addData.show},attrs:{"id":"modal-add-data","tabindex":"-1","role":"dialog"}},[_c('div',{staticClass:"modal-dialog",attrs:{"role":"document"}},[_c('div',{staticClass:"modal-content"},[_c('div',{staticClass:"modal-header"},[_c('h5',{staticClass:"modal-title"},[_vm._v("Add data")]),_c('button',{staticClass:"close",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.addData.show = false}}},[_c('span',[_vm._v("×")])])]),_c('form',{on:{"submit":function($event){$event.preventDefault();_vm.onAddData($event)}}},[_c('div',{staticClass:"modal-body"},[_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"name"}},[_vm._v("Name:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.addData.name),expression:"addData.name"}],staticClass:"form-control",attrs:{"type":"text","required":"","id":"name","placeholder":"Please enter a file name"},domProps:{"value":(_vm.addData.name)},on:{"input":function($event){if($event.target.composing){ return; }_vm.addData.name=$event.target.value}}}),_vm._m(2)]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"type"}},[_vm._v("Type:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.addData.type),expression:"addData.type"}],staticClass:"form-control",attrs:{"type":"text","required":"","id":"type","placeholder":"Please enter the MIME type"},domProps:{"value":(_vm.addData.type)},on:{"input":function($event){if($event.target.composing){ return; }_vm.addData.type=$event.target.value}}}),_vm._m(3)]),_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"content"}},[_vm._v("Content:")]),_c('textarea',{directives:[{name:"model",rawName:"v-model",value:(_vm.addData.content),expression:"addData.content"}],staticClass:"form-control",attrs:{"required":"","id":"content","rows":"3","placeholder":"Please enter the file contents"},domProps:{"value":(_vm.addData.content)},on:{"input":function($event){if($event.target.composing){ return; }_vm.addData.content=$event.target.value}}})])]),_c('div',{staticClass:"modal-footer"},[_c('button',{staticClass:"btn btn-secondary",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.addData.show = false}}},[_vm._v("Close")]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"submit"}},[_vm._v("Save")])])])])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.editFile.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.editFile.show},attrs:{"id":"modal-edit-file","tabindex":"-1","role":"dialog"}},[_c('div',{staticClass:"modal-dialog modal-lg",attrs:{"role":"document"}},[_c('div',{staticClass:"modal-content"},[_c('div',{staticClass:"modal-header"},[_c('h5',{staticClass:"modal-title"},[_vm._v("Edit file")]),_c('button',{staticClass:"close",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_c('span',[_vm._v("×")])])]),_c('form',{on:{"submit":function($event){$event.preventDefault();_vm.onEditorFile($event)}}},[_c('div',{staticClass:"modal-body"},[_c('div',{staticClass:"form-group"},[_c('label',{attrs:{"for":"name"}},[_vm._v("Name:")]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.editFile.name),expression:"editFile.name"}],staticClass:"form-control",attrs:{"type":"text","required":"","id":"name","placeholder":"Please enter a file name"},domProps:{"value":(_vm.editFile.name)},on:{"input":function($event){if($event.target.composing){ return; }_vm.editFile.name=$event.target.value}}})]),(_vm.editFile.show && _vm.editFile.blob && _vm.editFile.type && _vm.editFile.type.substr(0, 6) === 'image/')?_c('div',{staticClass:"form-group"},[_c('label',[_vm._v("Image: ")]),_c('div',{staticClass:"edit-image"},[_c('img',{ref:"editImage",attrs:{"src":_vm.editFile.blob}})]),_c('div',{staticClass:"edit-image-tool"},[_c('div',{staticClass:"btn-group",attrs:{"role":"group"}},[_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.rotate(-90)"},on:{"click":function($event){_vm.editFile.cropper.rotate(-90)}}},[_c('i',{staticClass:"fa fa-undo",attrs:{"aria-hidden":"true"}})]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.rotate(90)"},on:{"click":function($event){_vm.editFile.cropper.rotate(90)}}},[_c('i',{staticClass:"fa fa-repeat",attrs:{"aria-hidden":"true"}})])]),_c('div',{staticClass:"btn-group",attrs:{"role":"group"}},[_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.crop()"},on:{"click":function($event){_vm.editFile.cropper.crop()}}},[_c('i',{staticClass:"fa fa-check",attrs:{"aria-hidden":"true"}})]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"button","title":"cropper.clear()"},on:{"click":function($event){_vm.editFile.cropper.clear()}}},[_c('i',{staticClass:"fa fa-remove",attrs:{"aria-hidden":"true"}})])])])]):_vm._e()]),_c('div',{staticClass:"modal-footer"},[_c('button',{staticClass:"btn btn-secondary",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_vm._v("Close")]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"submit"}},[_vm._v("Save")])])])])])]),_vm._m(4)])}
 var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v("#")]),_c('th',[_vm._v("Thumb")]),_c('th',[_vm._v("Name")]),_c('th',[_vm._v("Size")]),_c('th',[_vm._v("Speed")]),_c('th',[_vm._v("Status")]),_c('th',[_vm._v("Action")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_vm._v("Drop files anywhere to upload"),_c('br'),_vm._v("or")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:"form-text text-muted"},[_vm._v("Such as "),_c('code',[_vm._v("filename.txt")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:"form-text text-muted"},[_vm._v("Such as "),_c('code',[_vm._v("text/plain")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pt-5"},[_vm._v("\n    Source code: "),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue")])])}]
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
@@ -4037,13 +4038,14 @@ var esExports = { render: render, staticRenderFns: staticRenderFns }
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2ce22c9c_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Simple_vue__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Simple_vue__ = __webpack_require__(51);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2ce22c9c_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Simple_vue__ = __webpack_require__(52);
 function injectStyle (ssrContext) {
   __webpack_require__(49)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = null
+
 /* template */
 
 /* styles */
@@ -4053,8 +4055,8 @@ var __vue_scopeId__ = null
 /* moduleIdentifier (server only) */
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
-  __vue_script__,
-  __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2ce22c9c_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Simple_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Simple_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_2ce22c9c_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Simple_vue__["a" /* default */],
   __vue_styles__,
   __vue_scopeId__,
   __vue_module_identifier__
@@ -4085,7 +4087,7 @@ exports = module.exports = __webpack_require__(1)(undefined);
 
 
 // module
-exports.push([module.i, "", ""]);
+exports.push([module.i, ".example-simple label.btn{margin-bottom:0;margin-right:1rem}", ""]);
 
 // exports
 
@@ -4095,23 +4097,134 @@ exports.push([module.i, "", ""]);
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-simple"},[_vm._v("\n  No content\n")])}
-var staticRenderFns = []
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_upload_component__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_upload_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_upload_component__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  components: {
+    FileUpload: __WEBPACK_IMPORTED_MODULE_0_vue_upload_component___default.a
+  },
+
+  data: function data() {
+    return {
+      files: []
+    };
+  },
+
+
+  methods: {
+    inputFilter: function inputFilter(newFile, oldFile, prevent) {
+      if (newFile && !oldFile) {
+        // Before adding a file
+        // 添加文件前
+
+        // Filter system files or hide files
+        // 过滤系统文件 和隐藏文件
+        if (/(\/|^)(Thumbs\.db|desktop\.ini|\..+)$/.test(newFile.name)) {
+          return prevent();
+        }
+
+        // Filter php html js file
+        // 过滤 php html js 文件
+        if (/\.(php5?|html?|jsx?)$/i.test(newFile.name)) {
+          return prevent();
+        }
+      }
+    },
+    inputFile: function inputFile(newFile, oldFile) {
+      if (newFile && !oldFile) {
+        // add
+        console.log('add', newFile);
+      }
+      if (newFile && oldFile) {
+        // update
+        console.log('update', newFile);
+      }
+
+      if (!newFile && oldFile) {
+        // remove
+        console.log('remove', oldFile);
+      }
+    }
+  }
+});
+
+/***/ }),
+/* 52 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-simple"},[_c('h1',{staticClass:"example-title",attrs:{"id":"example-title"}},[_vm._v("Simple Example")]),_c('div',{staticClass:"upload"},[_c('ul',_vm._l((_vm.files),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(" -\n        "),_c('span',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_vm._v(" -\n        "),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v("success")]):(file.active)?_c('span',[_vm._v("active")]):(file.active)?_c('span',[_vm._v("active")]):_c('span')])})),_c('div',{staticClass:"example-btn"},[_c('file-upload',{ref:"upload",staticClass:"btn btn-primary",attrs:{"post-action":"/upload/post","extensions":"gif,jpg,jpeg,png,webp","accept":"image/png,image/gif,image/jpeg,image/webp","multiple":true,"size":1024 * 1024 * 10},on:{"input-filter":_vm.inputFilter,"input-file":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:"files"}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n        Select files\n      ")]),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])],1)]),_vm._m(0)])}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pt-5"},[_vm._v("\n    Source code: "),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue")])])}]
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6a2e90c3_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Avatar_vue__ = __webpack_require__(55);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Avatar_vue__ = __webpack_require__(56);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6a2e90c3_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Avatar_vue__ = __webpack_require__(57);
 function injectStyle (ssrContext) {
-  __webpack_require__(53)
+  __webpack_require__(54)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = null
+
 /* template */
 
 /* styles */
@@ -4121,8 +4234,8 @@ var __vue_scopeId__ = null
 /* moduleIdentifier (server only) */
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
-  __vue_script__,
-  __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6a2e90c3_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Avatar_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Avatar_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_6a2e90c3_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Avatar_vue__["a" /* default */],
   __vue_styles__,
   __vue_scopeId__,
   __vue_module_identifier__
@@ -4132,20 +4245,20 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(54);
+var content = __webpack_require__(55);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("dadd018e", content, true);
 
 /***/ }),
-/* 54 */
+/* 55 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
@@ -4153,101 +4266,432 @@ exports = module.exports = __webpack_require__(1)(undefined);
 
 
 // module
-exports.push([module.i, "", ""]);
+exports.push([module.i, ".example-avatar .avatar-upload .rounded-circle{width:200px;height:200px}.example-avatar .text-center .btn{margin:0 .5rem}.example-avatar .avatar-edit-image{max-width:100%}.example-avatar .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-avatar .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}", ""]);
 
 // exports
 
 
-/***/ }),
-/* 55 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-avatar"},[_vm._v("\n  No content\n")])}
-var staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
 /***/ }),
 /* 56 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_410878c4_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Drag_vue__ = __webpack_require__(59);
-function injectStyle (ssrContext) {
-  __webpack_require__(57)
-}
-var normalizeComponent = __webpack_require__(0)
-/* script */
-var __vue_script__ = null
-/* template */
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__ = __webpack_require__(9);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_cropperjs__ = __webpack_require__(10);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_cropperjs___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_cropperjs__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_upload_component__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_vue_upload_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_vue_upload_component__);
 
-/* styles */
-var __vue_styles__ = injectStyle
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __vue_script__,
-  __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_410878c4_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Drag_vue__["a" /* default */],
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
 
-/* harmony default export */ __webpack_exports__["a"] = (Component.exports);
+function _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
 
+/* harmony default export */ __webpack_exports__["a"] = ({
+  components: {
+    FileUpload: __WEBPACK_IMPORTED_MODULE_2_vue_upload_component___default.a
+  },
+
+  data: function data() {
+    return {
+      files: [],
+      edit: false,
+      cropper: false
+    };
+  },
+
+
+  watch: {
+    edit: function edit(value) {
+      if (value) {
+        this.$nextTick(function () {
+          if (!this.$refs.editImage) {
+            return;
+          }
+          var cropper = new __WEBPACK_IMPORTED_MODULE_1_cropperjs___default.a(this.$refs.editImage, {
+            aspectRatio: 1 / 1,
+            viewMode: 1,
+            minContainerHeight: 300
+          });
+          this.cropper = cropper;
+        });
+      } else {
+        if (this.cropper) {
+          this.cropper.destroy();
+          this.cropper = false;
+        }
+      }
+    }
+  },
+
+  methods: {
+    editSave: function editSave() {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/__WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.mark(function _callee() {
+        var blob, file;
+        return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_regenerator___default.a.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this.edit = false;
+                _context.next = 3;
+                return new Promise(function (resolve, reject) {
+                  _this.cropper.getCroppedCanvas().toBlob(function (value) {
+                    resolve(value);
+                  });
+                });
+
+              case 3:
+                blob = _context.sent;
+                file = new File([blob], _this.files[0].name, { type: blob.type });
+
+                _this.$refs.upload.update(_this.files[0].id, {
+                  file: file,
+                  type: file.type,
+                  size: file.size,
+                  active: true
+                });
+
+              case 6:
+              case 'end':
+                return _context.stop();
+            }
+          }
+        }, _callee, _this);
+      }))();
+    },
+    alert: function (_alert) {
+      function alert(_x) {
+        return _alert.apply(this, arguments);
+      }
+
+      alert.toString = function () {
+        return _alert.toString();
+      };
+
+      return alert;
+    }(function (message) {
+      alert(message);
+    }),
+    inputFile: function inputFile(newFile, oldFile, prevent) {
+      if (newFile && !oldFile) {
+        this.$nextTick(function () {
+          this.edit = true;
+        });
+      }
+      if (!newFile && oldFile) {
+        this.edit = false;
+      }
+    },
+    inputFilter: function inputFilter(newFile, oldFile, prevent) {
+      if (newFile && !oldFile) {
+        if (!/\.(gif|jpg|jpeg|png|webp)$/i.test(newFile.name)) {
+          this.alert('Your choice is not a picture');
+          return prevent();
+        }
+      }
+
+      if (newFile && (!oldFile || newFile.file !== oldFile.file)) {
+        newFile.url = '';
+        var URL = window.URL || window.webkitURL;
+        if (URL && URL.createObjectURL) {
+          newFile.url = URL.createObjectURL(newFile.file);
+        }
+      }
+    }
+  }
+});
+
 /***/ }),
 /* 57 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-avatar"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:"$refs.upload && $refs.upload.dropActive"}],staticClass:"drop-active"},[_c('h3',[_vm._v("Drop files to upload")])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(!_vm.edit),expression:"!edit"}],staticClass:"avatar-upload"},[_c('div',{staticClass:"text-center p-2"},[_c('label',{attrs:{"for":"avatar"}},[_c('img',{staticClass:"rounded-circle",attrs:{"src":_vm.files.length ? _vm.files[0].url : 'https://www.gravatar.com/avatar/default?s=200&r=pg&d=mm'}}),_vm._m(0)])]),_c('div',{staticClass:"text-center p-2"},[_c('file-upload',{ref:"upload",staticClass:"btn btn-primary",attrs:{"extensions":"gif,jpg,jpeg,png,webp","accept":"image/png,image/gif,image/jpeg,image/webp","name":"avatar","post-action":"/upload/post","drop":!_vm.edit},on:{"input-filter":_vm.inputFilter,"input-file":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:"files"}},[_vm._v("\n        Upload avatar\n      ")])],1)]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.files.length && _vm.edit),expression:"files.length && edit"}],staticClass:"avatar-edit"},[(_vm.files.length)?_c('div',{staticClass:"avatar-edit-image"},[_c('img',{ref:"editImage",attrs:{"src":_vm.files[0].url}})]):_vm._e(),_c('div',{staticClass:"text-center p-4"},[_c('button',{staticClass:"btn btn-secondary",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.clear($event)}}},[_vm._v("Cancel")]),_c('button',{staticClass:"btn btn-primary",attrs:{"type":"submit"},on:{"click":function($event){$event.preventDefault();_vm.editSave($event)}}},[_vm._v("Save")])])]),_vm._m(1)])}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',{staticClass:"pt-2"},[_vm._v("or"),_c('br'),_vm._v("Drop files anywhere to upload")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pt-5"},[_vm._v("\n    Source code: "),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue")])])}]
+var esExports = { render: render, staticRenderFns: staticRenderFns }
+/* harmony default export */ __webpack_exports__["a"] = (esExports);
+
+/***/ }),
+/* 58 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Drag_vue__ = __webpack_require__(61);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_410878c4_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Drag_vue__ = __webpack_require__(62);
+function injectStyle (ssrContext) {
+  __webpack_require__(59)
+}
+var normalizeComponent = __webpack_require__(0)
+/* script */
+
+/* template */
+
+/* styles */
+var __vue_styles__ = injectStyle
+/* scopeId */
+var __vue_scopeId__ = null
+/* moduleIdentifier (server only) */
+var __vue_module_identifier__ = null
+var Component = normalizeComponent(
+  __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Drag_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_410878c4_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Drag_vue__["a" /* default */],
+  __vue_styles__,
+  __vue_scopeId__,
+  __vue_module_identifier__
+)
+
+/* harmony default export */ __webpack_exports__["a"] = (Component.exports);
+
+
+/***/ }),
+/* 59 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(58);
+var content = __webpack_require__(60);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("1705c8e8", content, true);
 
 /***/ }),
-/* 58 */
+/* 60 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
 // imports
 
 
-// module
-exports.push([module.i, "", ""]);
+// module
+exports.push([module.i, ".example-drag label.btn{margin-bottom:0;margin-right:1rem}.example-drag .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-drag .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}", ""]);
+
+// exports
+
+
+/***/ }),
+/* 61 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_upload_component__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_upload_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_upload_component__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
 
-// exports
+/* harmony default export */ __webpack_exports__["a"] = ({
+  components: {
+    FileUpload: __WEBPACK_IMPORTED_MODULE_0_vue_upload_component___default.a
+  },
 
+  data: function data() {
+    return {
+      files: []
+    };
+  }
+});
 
 /***/ }),
-/* 59 */
+/* 62 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-drag"},[_vm._v("\n  No content\n")])}
-var staticRenderFns = []
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-drag"},[_c('div',{staticClass:"upload"},[(_vm.files.length)?_c('ul',_vm._l((_vm.files),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(" -\n        "),_c('span',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_vm._v(" -\n        "),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v("success")]):(file.active)?_c('span',[_vm._v("active")]):(file.active)?_c('span',[_vm._v("active")]):_c('span')])})):_c('ul',[_vm._m(0)]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:"$refs.upload && $refs.upload.dropActive"}],staticClass:"drop-active"},[_c('h3',[_vm._v("Drop files to upload")])]),_c('div',{staticClass:"example-btn"},[_c('file-upload',{ref:"upload",staticClass:"btn btn-primary",attrs:{"post-action":"/upload/post","multiple":true,"drop":true,"drop-directory":true},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:"files"}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n        Select files\n      ")]),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])],1)]),_vm._m(1)])}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',{attrs:{"colspan":"7"}},[_c('div',{staticClass:"text-center p-5"},[_c('h4',[_vm._v("Drop files anywhere to upload"),_c('br'),_vm._v("or")]),_c('label',{staticClass:"btn btn-lg btn-primary",attrs:{"for":"file"}},[_vm._v("Select Files")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pt-5"},[_vm._v("\n    Source code: "),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue")])])}]
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 60 */
+/* 63 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1d5e357a_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Multiple_vue__ = __webpack_require__(63);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Multiple_vue__ = __webpack_require__(66);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1d5e357a_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Multiple_vue__ = __webpack_require__(67);
 function injectStyle (ssrContext) {
-  __webpack_require__(61)
+  __webpack_require__(64)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = null
+
 /* template */
 
 /* styles */
@@ -4257,8 +4701,8 @@ var __vue_scopeId__ = null
 /* moduleIdentifier (server only) */
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
-  __vue_script__,
-  __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1d5e357a_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Multiple_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Multiple_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_1d5e357a_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Multiple_vue__["a" /* default */],
   __vue_styles__,
   __vue_scopeId__,
   __vue_module_identifier__
@@ -4268,20 +4712,20 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 61 */
+/* 64 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(62);
+var content = __webpack_require__(65);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("578cf3f8", content, true);
 
 /***/ }),
-/* 62 */
+/* 65 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
@@ -4289,33 +4733,142 @@ exports = module.exports = __webpack_require__(1)(undefined);
 
 
 // module
-exports.push([module.i, "", ""]);
+exports.push([module.i, ".example-multiple label.btn{margin-bottom:0;margin-right:1rem}.example-multiple .upload{margin-bottom:1rem}", ""]);
 
 // exports
 
 
 /***/ }),
-/* 63 */
+/* 66 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-multiple"},[_vm._v("\n  No content\n")])}
-var staticRenderFns = []
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_upload_component__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vue_upload_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vue_upload_component__);
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  components: {
+    FileUpload: __WEBPACK_IMPORTED_MODULE_0_vue_upload_component___default.a
+  },
+
+  data: function data() {
+    return {
+      files1: [],
+      files2: []
+    };
+  }
+});
+
+/***/ }),
+/* 67 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-multiple"},[_c('h1',{staticClass:"example-title",attrs:{"id":"example-title"}},[_vm._v("Multiple instances")]),_c('div',{staticClass:"upload"},[_c('ul',_vm._l((_vm.files1),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(" -\n        "),_c('span',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_vm._v(" -\n        "),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v("success")]):(file.active)?_c('span',[_vm._v("active")]):(file.active)?_c('span',[_vm._v("active")]):_c('span')])})),_c('div',{staticClass:"example-btn"},[_c('file-upload',{ref:"upload1",staticClass:"btn btn-primary",attrs:{"input-id":"file1","post-action":"/upload/post"},model:{value:(_vm.files1),callback:function ($$v) {_vm.files1=$$v},expression:"files1"}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n        Select files\n      ")]),_c('label',{staticClass:"btn btn-primary",attrs:{"for":"file1"}},[_vm._v("Label Select files")]),(!_vm.$refs.upload1 || !_vm.$refs.upload1.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload1.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload1.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])],1)]),_c('div',{staticClass:"upload"},[_c('ul',_vm._l((_vm.files2),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(" -\n        "),_c('span',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_vm._v(" -\n        "),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v("success")]):(file.active)?_c('span',[_vm._v("active")]):(file.active)?_c('span',[_vm._v("active")]):_c('span')])})),_c('div',{staticClass:"example-btn"},[_c('file-upload',{ref:"upload2",staticClass:"btn btn-primary",attrs:{"input-id":"file2","post-action":"/upload/post"},model:{value:(_vm.files2),callback:function ($$v) {_vm.files2=$$v},expression:"files2"}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n        Select files\n      ")]),_c('label',{staticClass:"btn btn-primary",attrs:{"for":"file2"}},[_vm._v("Label Select files")]),(!_vm.$refs.upload2 || !_vm.$refs.upload2.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload2.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload2.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])],1)]),_vm._m(0)])}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pt-5"},[_vm._v("\n    Source code: "),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue")])])}]
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 64 */
+/* 68 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5872e1c8_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Vuex_vue__ = __webpack_require__(67);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Vuex_vue__ = __webpack_require__(71);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5872e1c8_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Vuex_vue__ = __webpack_require__(72);
 function injectStyle (ssrContext) {
-  __webpack_require__(65)
+  __webpack_require__(69)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
-var __vue_script__ = null
+
 /* template */
 
 /* styles */
@@ -4325,8 +4878,8 @@ var __vue_scopeId__ = null
 /* moduleIdentifier (server only) */
 var __vue_module_identifier__ = null
 var Component = normalizeComponent(
-  __vue_script__,
-  __WEBPACK_IMPORTED_MODULE_0__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5872e1c8_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Vuex_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_Vuex_vue__["a" /* default */],
+  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_5872e1c8_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_Vuex_vue__["a" /* default */],
   __vue_styles__,
   __vue_scopeId__,
   __vue_module_identifier__
@@ -4336,20 +4889,20 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 65 */
+/* 69 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(66);
+var content = __webpack_require__(70);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("3c76ed06", content, true);
 
 /***/ }),
-/* 66 */
+/* 70 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
@@ -4357,30 +4910,110 @@ exports = module.exports = __webpack_require__(1)(undefined);
 
 
 // module
-exports.push([module.i, "", ""]);
+exports.push([module.i, ".example-simple label.btn{margin-bottom:0;margin-right:1rem}", ""]);
 
 // exports
 
 
 /***/ }),
-/* 67 */
+/* 71 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-vuex"},[_vm._v("\n  No content\n")])}
-var staticRenderFns = []
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vuex__ = __webpack_require__(5);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_vuex___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_vuex__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue_upload_component__ = __webpack_require__(3);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_vue_upload_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_vue_upload_component__);
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  components: {
+    FileUpload: __WEBPACK_IMPORTED_MODULE_1_vue_upload_component___default.a
+  },
+
+  computed: _extends({}, Object(__WEBPACK_IMPORTED_MODULE_0_vuex__["mapState"])(['files'])),
+
+  methods: {
+    inputUpdate: function inputUpdate(files) {
+      this.$store.commit('updateFiles', files);
+    }
+  }
+});
+
+/***/ }),
+/* 72 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"example-simple"},[_c('h1',{staticClass:"example-title",attrs:{"id":"example-title"}},[_vm._v("Simple Example")]),_c('div',{staticClass:"upload"},[_c('ul',_vm._l((_vm.files),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(" -\n        "),_c('span',[_vm._v(_vm._s(_vm._f("formatSize")(file.size)))]),_vm._v(" -\n        "),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v("success")]):(file.active)?_c('span',[_vm._v("active")]):(file.active)?_c('span',[_vm._v("active")]):_c('span')])})),_c('div',{staticClass:"example-btn"},[_c('file-upload',{ref:"upload",staticClass:"btn btn-primary",attrs:{"post-action":"/upload/post","extensions":"gif,jpg,jpeg,png,webp","accept":"image/png,image/gif,image/jpeg,image/webp","multiple":true,"size":1024 * 1024 * 10,"value":_vm.files},on:{"input":_vm.inputUpdate}},[_c('i',{staticClass:"fa fa-plus"}),_vm._v("\n        Select files\n      ")]),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:"btn btn-success",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:"fa fa-arrow-up",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Start Upload\n      ")]):_c('button',{staticClass:"btn btn-danger",attrs:{"type":"button"},on:{"click":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:"fa fa-stop",attrs:{"aria-hidden":"true"}}),_vm._v("\n        Stop Upload\n      ")])],1)]),_vm._m(0)])}
+var staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"pt-5"},[_vm._v("\n    Source code: "),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue")]),_c('br'),_c('a',{attrs:{"href":"https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js"}},[_vm._v("https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js")])])}]
 var esExports = { render: render, staticRenderFns: staticRenderFns }
 /* harmony default export */ __webpack_exports__["a"] = (esExports);
 
 /***/ }),
-/* 68 */
+/* 73 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__ = __webpack_require__(71);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7c3db476_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(72);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_presets_env_modules_false_stage_0_plugins_transform_runtime_helpers_false_polyfill_false_regenerator_true_moduleName_babel_runtime_cacheDirectory_false_node_modules_vue_loader_lib_selector_type_script_index_0_App_vue__ = __webpack_require__(76);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_lib_template_compiler_index_id_data_v_7c3db476_hasScoped_false_preserveWhitespace_false_node_modules_vue_loader_lib_selector_type_template_index_0_App_vue__ = __webpack_require__(77);
 function injectStyle (ssrContext) {
-  __webpack_require__(69)
+  __webpack_require__(74)
 }
 var normalizeComponent = __webpack_require__(0)
 /* script */
@@ -4405,20 +5038,20 @@ var Component = normalizeComponent(
 
 
 /***/ }),
-/* 69 */
+/* 74 */
 /***/ (function(module, exports, __webpack_require__) {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(70);
+var content = __webpack_require__(75);
 if(typeof content === 'string') content = [[module.i, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var update = __webpack_require__(2)("f51f536e", content, true);
 
 /***/ }),
-/* 70 */
+/* 75 */
 /***/ (function(module, exports, __webpack_require__) {
 
 exports = module.exports = __webpack_require__(1)(undefined);
@@ -4432,7 +5065,7 @@ exports.push([module.i, "#header{position:-webkit-sticky;position:sticky;top:0;z
 
 
 /***/ }),
-/* 71 */
+/* 76 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4632,7 +5265,7 @@ exports.push([module.i, "#header{position:-webkit-sticky;position:sticky;top:0;z
 });
 
 /***/ }),
-/* 72 */
+/* 77 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
diff --git a/docs/dist/index.js.map b/docs/dist/index.js.map
index 7e24946..79305b3 100644
--- a/docs/dist/index.js.map
+++ b/docs/dist/index.js.map
@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap 195320a192b419aabbc6","webpack:///./node_modules/vue-loader/lib/component-normalizer.js","webpack:///./node_modules/css-loader/lib/css-base.js","webpack:///./node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///external \"marked\"","webpack:///./docs/i18n/index.js","webpack:///./docs/docs/en.md","webpack:///./docs/docs/zh-cn.md","webpack:///./docs/index.js","webpack:///external \"Vue\"","webpack:///external \"hljs\"","webpack:///./docs/store.js","webpack:///external \"Vuex\"","webpack:///./docs/router.js","webpack:///external \"VueRouter\"","webpack:///external \"VueI18n\"","webpack:///./docs/i18n/en.js","webpack:///./docs/i18n/zh-cn.js","webpack:///./docs/views/Router.vue","webpack:///./docs/views/Router.vue?c70c","webpack:///./docs/views/Document.vue","webpack:///./docs/views/Document.vue?258e","webpack:///./docs/views/Document.vue?0e2d","webpack:///./node_modules/vue-style-loader/lib/listToStyles.js","webpack:///Document.vue","webpack:///./docs/docs ^\\.\\/.*$","webpack:///./docs/views/Document.vue?a797","webpack:///./docs/views/Example.vue","webpack:///./docs/views/Example.vue?5109","webpack:///./docs/views/examples/Full.vue","webpack:///./docs/views/examples/Full.vue?41bf","webpack:///./docs/views/examples/Full.vue?a648","webpack:///Full.vue","webpack:///./node_modules/babel-runtime/regenerator/index.js","webpack:///./node_modules/regenerator-runtime/runtime-module.js","webpack:///./node_modules/regenerator-runtime/runtime.js","webpack:///(webpack)/buildin/module.js","webpack:///external \"Cropper\"","webpack:///./src/index.js","webpack:///./src/FileUpload.vue","webpack:///./src/FileUpload.vue?5b9f","webpack:///./src/FileUpload.vue?b5c1","webpack:///FileUpload.vue","webpack:///./src/InputFile.vue","webpack:///InputFile.vue","webpack:///./src/InputFile.vue?0336","webpack:///./src/FileUpload.vue?601d","webpack:///./docs/views/examples/Full.vue?4618","webpack:///./docs/views/examples/Simple.vue","webpack:///./docs/views/examples/Simple.vue?3449","webpack:///./docs/views/examples/Simple.vue?c21e","webpack:///./docs/views/examples/Simple.vue?f312","webpack:///./docs/views/examples/Avatar.vue","webpack:///./docs/views/examples/Avatar.vue?c794","webpack:///./docs/views/examples/Avatar.vue?1203","webpack:///./docs/views/examples/Avatar.vue?6afa","webpack:///./docs/views/examples/Drag.vue","webpack:///./docs/views/examples/Drag.vue?fe30","webpack:///./docs/views/examples/Drag.vue?4ea0","webpack:///./docs/views/examples/Drag.vue?6b7a","webpack:///./docs/views/examples/Multiple.vue","webpack:///./docs/views/examples/Multiple.vue?b9e6","webpack:///./docs/views/examples/Multiple.vue?06f6","webpack:///./docs/views/examples/Multiple.vue?6d32","webpack:///./docs/views/examples/Vuex.vue","webpack:///./docs/views/examples/Vuex.vue?c8b0","webpack:///./docs/views/examples/Vuex.vue?2180","webpack:///./docs/views/examples/Vuex.vue?efda","webpack:///./docs/views/App.vue","webpack:///./docs/views/App.vue?211c","webpack:///./docs/views/App.vue?7549","webpack:///App.vue","webpack:///./docs/views/App.vue?b485"],"names":["module","exports","useSourceMap","list","toString","map","item","content","cssWithMappingToString","join","i","modules","mediaQuery","alreadyImportedModules","length","id","push","cssMapping","btoa","sourceMapping","toComment","sourceURLs","sources","source","sourceRoot","concat","sourceMap","base64","unescape","encodeURIComponent","JSON","stringify","data","locale","messages","en","Vue","config","silent","devtools","Renderer","text","level","raw","rawName","toLowerCase","replace","options","headers","pop","parent","filter","value","headerPrefix","marked","setOptions","renderer","gfm","tables","breaks","pedantic","sanitize","smartLists","smartypants","highlight","code","lang","highlightjs","highlightAuto","directive","el","binding","vnode","className","test","children","innerHTML","selectorList","querySelectorAll","onclick","e","metaKey","ctrlKey","shiftKey","defaultPrevented","button","undefined","host","window","location","href","getAttribute","charAt","preventDefault","router","size","toFixed","to","i18n","store","$mount","state","files","mutations","updateFiles","Vuex","Store","strict","examples","path","component","FullExampleComponent","SimpleExampleComponent","AvatarExampleComponent","DragExampleComponent","MultipleExampleComponent","VuexExampleComponent","mode","fallback","scrollBehavior","y","routes","Object","keys","DocumentComponent","header","logo","home","documents","blog","issues","github","document","title","example","full","simple","avatar","drag","multiple","vuex","listToStyles","parentId","styles","newStyles","css","media","part","parts","require","g","Function","hadRuntime","regeneratorRuntime","getOwnPropertyNames","indexOf","oldRuntime","global","Op","prototype","hasOwn","hasOwnProperty","$Symbol","Symbol","iteratorSymbol","iterator","asyncIteratorSymbol","asyncIterator","toStringTagSymbol","toStringTag","inModule","runtime","wrap","innerFn","outerFn","self","tryLocsList","protoGenerator","Generator","generator","create","context","Context","_invoke","makeInvokeMethod","tryCatch","fn","obj","arg","type","call","err","GenStateSuspendedStart","GenStateSuspendedYield","GenStateExecuting","GenStateCompleted","ContinueSentinel","GeneratorFunction","GeneratorFunctionPrototype","IteratorPrototype","getProto","getPrototypeOf","NativeIteratorPrototype","values","Gp","constructor","displayName","defineIteratorMethods","forEach","method","isGeneratorFunction","genFun","ctor","name","mark","setPrototypeOf","__proto__","awrap","__await","AsyncIterator","invoke","resolve","reject","record","result","Promise","then","unwrapped","previousPromise","enqueue","callInvokeWithMethodAndArg","async","iter","next","done","Error","doneResult","delegate","delegateResult","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","return","TypeError","info","resultName","nextLoc","pushTryEntry","locs","entry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","reset","object","key","reverse","iterable","iteratorMethod","isNaN","skipTempReset","prev","slice","stop","rootEntry","rootRecord","rval","exception","handle","loc","caught","hasCatch","hasFinally","finallyEntry","complete","finish","thrown","delegateYield","webpackPolyfill","deprecate","paths","defineProperty","enumerable","get","l"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;AC7DA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;AC1FA;;;;AAIA;AACAA,OAAOC,OAAP,GAAiB,UAASC,YAAT,EAAuB;AACvC,KAAIC,OAAO,EAAX;;AAEA;AACAA,MAAKC,QAAL,GAAgB,SAASA,QAAT,GAAoB;AACnC,SAAO,KAAKC,GAAL,CAAS,UAAUC,IAAV,EAAgB;AAC/B,OAAIC,UAAUC,uBAAuBF,IAAvB,EAA6BJ,YAA7B,CAAd;AACA,OAAGI,KAAK,CAAL,CAAH,EAAY;AACX,WAAO,YAAYA,KAAK,CAAL,CAAZ,GAAsB,GAAtB,GAA4BC,OAA5B,GAAsC,GAA7C;AACA,IAFD,MAEO;AACN,WAAOA,OAAP;AACA;AACD,GAPM,EAOJE,IAPI,CAOC,EAPD,CAAP;AAQA,EATD;;AAWA;AACAN,MAAKO,CAAL,GAAS,UAASC,OAAT,EAAkBC,UAAlB,EAA8B;AACtC,MAAG,OAAOD,OAAP,KAAmB,QAAtB,EACCA,UAAU,CAAC,CAAC,IAAD,EAAOA,OAAP,EAAgB,EAAhB,CAAD,CAAV;AACD,MAAIE,yBAAyB,EAA7B;AACA,OAAI,IAAIH,IAAI,CAAZ,EAAeA,IAAI,KAAKI,MAAxB,EAAgCJ,GAAhC,EAAqC;AACpC,OAAIK,KAAK,KAAKL,CAAL,EAAQ,CAAR,CAAT;AACA,OAAG,OAAOK,EAAP,KAAc,QAAjB,EACCF,uBAAuBE,EAAvB,IAA6B,IAA7B;AACD;AACD,OAAIL,IAAI,CAAR,EAAWA,IAAIC,QAAQG,MAAvB,EAA+BJ,GAA/B,EAAoC;AACnC,OAAIJ,OAAOK,QAAQD,CAAR,CAAX;AACA;AACA;AACA;AACA;AACA,OAAG,OAAOJ,KAAK,CAAL,CAAP,KAAmB,QAAnB,IAA+B,CAACO,uBAAuBP,KAAK,CAAL,CAAvB,CAAnC,EAAoE;AACnE,QAAGM,cAAc,CAACN,KAAK,CAAL,CAAlB,EAA2B;AAC1BA,UAAK,CAAL,IAAUM,UAAV;AACA,KAFD,MAEO,IAAGA,UAAH,EAAe;AACrBN,UAAK,CAAL,IAAU,MAAMA,KAAK,CAAL,CAAN,GAAgB,SAAhB,GAA4BM,UAA5B,GAAyC,GAAnD;AACA;AACDT,SAAKa,IAAL,CAAUV,IAAV;AACA;AACD;AACD,EAxBD;AAyBA,QAAOH,IAAP;AACA,CA1CD;;AA4CA,SAASK,sBAAT,CAAgCF,IAAhC,EAAsCJ,YAAtC,EAAoD;AACnD,KAAIK,UAAUD,KAAK,CAAL,KAAW,EAAzB;AACA,KAAIW,aAAaX,KAAK,CAAL,CAAjB;AACA,KAAI,CAACW,UAAL,EAAiB;AAChB,SAAOV,OAAP;AACA;;AAED,KAAIL,gBAAgB,OAAOgB,IAAP,KAAgB,UAApC,EAAgD;AAC/C,MAAIC,gBAAgBC,UAAUH,UAAV,CAApB;AACA,MAAII,aAAaJ,WAAWK,OAAX,CAAmBjB,GAAnB,CAAuB,UAAUkB,MAAV,EAAkB;AACzD,UAAO,mBAAmBN,WAAWO,UAA9B,GAA2CD,MAA3C,GAAoD,KAA3D;AACA,GAFgB,CAAjB;;AAIA,SAAO,CAAChB,OAAD,EAAUkB,MAAV,CAAiBJ,UAAjB,EAA6BI,MAA7B,CAAoC,CAACN,aAAD,CAApC,EAAqDV,IAArD,CAA0D,IAA1D,CAAP;AACA;;AAED,QAAO,CAACF,OAAD,EAAUE,IAAV,CAAe,IAAf,CAAP;AACA;;AAED;AACA,SAASW,SAAT,CAAmBM,SAAnB,EAA8B;AAC7B;AACA,KAAIC,SAAST,KAAKU,SAASC,mBAAmBC,KAAKC,SAAL,CAAeL,SAAf,CAAnB,CAAT,CAAL,CAAb;AACA,KAAIM,OAAO,iEAAiEL,MAA5E;;AAEA,QAAO,SAASK,IAAT,GAAgB,KAAvB;AACA,C;;;;;;AC3ED;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,UAAU,iBAAiB;AAC3B;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,mBAAmB,sBAAsB;AACzC;AACA;AACA,uBAAuB,2BAA2B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;AACA,qBAAqB,2BAA2B;AAChD;AACA;AACA,YAAY,uBAAuB;AACnC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,qBAAqB,uBAAuB;AAC5C;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AAC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A;8BACA;6BACA;AAEA;;AACA;iCACA;gCACA;8BACA;iCACA;iCACA;AACA;AAEA;;AACA;gCACA;8BACA;2CACA;AACA;AACA;AAGA;AA/CA;;;;AAkDA;4BACA;6BACA;yBACA;qBAEA;;AACA;oBAEA;;AACA;aACA;+CACA;yCACA;AACA;AACA;aACA;AAEA;;;AACA;0BACA;eACA;eACA;AAEA;;gFACA;mCACA;AAEA;;8BACA;AAEA;;;AACA;qCACA;kBACA;qCAEA;;AACA;oBACA;iBACA;AAEA;;AACA;qBACA;6CACA;yBACA;yDACA;;AAEA;uBACA;+EACA;uBAEA;AALA;AAMA;yBACA;uCACA;AACA;oCACA;uBACA;iFACA;uBACA;6EACA;uBACA;AACA;wBACA;AACA;wBACA;mBACA;kBACA;kBACA;oBACA;mBACA;qBACA;4BACA;6BACA;0BACA;aACA;sBAEA;;8BACA;qBACA;AACA;AAGA;;;eACA,yBACA,8BAGA;;eACA,4BACA,uCAEA;AAEA;;AACA;sBACA;sDACA;AAEA;;8CACA;AACA;AAEA;;sBAEA;;AACA;4BACA;AACA;AACA;AAEA;;AACA;4BACA;eACA;AAGA;;AACA;0BACA;aACA;AAGA;;AACA;UACA;iBACA;wCACA;aACA;qCACA;AAEA;;mBAEA;;AACA;mDACA;8BACA;+BACA;AAEA;;AACA;WACA;sDACA;qCACA;AAEA;;2CACA;AAIA;;;AACA;4CACA;kBACA;oBACA;kDACA;8BACA;;uBAEA;uEACA;uBACA;AACA;AAEA;AANA;AAOA;aACA;;wDAEA;AAEA;AAHA;AAIA;sBACA;AAGA;;;AACA;;AACA;;kBACA;2DACA;oBACA;4DACA;wCACA;+BACA;wBACA;4CACA;wBACA;iBACA;wBACA;AACA;oBACA;uBACA;AACA;AAEA;;sDACA;4CACA;6BACA;AACA;0DACA;uCACA;AACA;yDACA;yDACA;0BACA;AACA;AACA;kBACA;AACA;AAEA;;qCACA;kEACA;wCACA;8BACA;AACA;AACA;AACA;wCACA;AAEA;;6BACA;AAGA;;;AACA;;AACA;;;;oDACA;0BACA;qCACA;;yBAGA;gCACA;yBACA;AAGA;AANA,aADA;AAQA;8DACA;8DACA;wBACA;8CACA;mEACA;+BACA;AACA;2FACA;2DACA;4BACA;AACA;AACA;oBACA;AACA;eACA;kBACA;AACA;AACA;AAGA;;;AACA;gCACA;0BACA;gBACA;8CACA;iBACA;AACA;sCACA;kCACA;0BACA;kCACA;iBACA;AACA;4BACA;qBAEA;;AACA;8BAEA;;AACA;aACA;iCACA;AACA;aACA;AAEA;;;AACA;sCACA;0BACA;gBACA;YACA,uBACA,MAEA;AACA;qGACA;0BACA;AAEA;;4CACA;iBACA;AAEA;;sCACA;kCACA;0BACA;kCACA;iBACA;AACA;+BACA;qBAEA;;AACA;8BACA;gCAEA;;AACA;aACA;+BACA;eACA;AACA;aACA;AAGA;;;AACA;sDACA;sBACA;+DACA;oBACA;eACA;AACA;aACA;AAEA;;;AACA;kDACA;wCACA;4FACA;aACA;AACA;;AACA;;iCACA;oDACA;AACA;mCACA;iDACA;;0BAEA;oCAEA;AAHA;AAIA;kCACA;;wBAEA;yBACA;yDAEA;AAJA;AAKA;+CACA;AACA;0HACA;AACA;aACA;AAEA;;AACA;uGACA;yBACA;AACA;AAEA;oCACA;+BACA;AAGA;;;AACA;gCACA;0BAEA;;AACA;iBACA;8BACA;AAEA;;AACA;4BACA;8BACA;AAEA;;AACA;sBACA;mCACA;AAEA;;AACA;wBACA;+BACA;AAEA;;AACA;4BACA;yFACA;qIACA;8CACA;;;;qBACA;;AACA;8FACA;AACA;iDACA;gCACA;AACA;AAEA;;AACA;oEACA;8BACA;AAGA;;iDACA;8BACA;sCACA;gCACA;aACA;gCACA;AACA;AAEA;wCACA;mBACA;UACA;iCACA;0BACA;mDACA;yEACA;AACA;AACA;8GACA;oBACA;uCACA;4CACA;AAEA;4CACA;4BACA;UACA;iCACA;0BACA;yIACA;0CACA;0DACA;2BACA;AACA;AACA;kCACA;oBACA;4BACA;uCACA;AAEA;;AACA;;iBACA;sBACA;wBAEA;;AACA;2CACA;AACA;0BACA;8EACA;AACA;AAEA;;AACA;iDACA;sCACA;AACA;AACA;oBAEA;;;uDAEA;4BAEA;AAHA;wBAIA;AAEA;;AACA;6CACA;0BACA;oFACA;AACA;AAEA;;sBACA;wBACA;qBACA;AAEA;;YACA;cACA;wBACA;oBACA,CACA;SAEA;;oDACA;YACA;gCACA;AACA;wBACA;AACA;AACA;qBACA;wBACA;0BACA;uBACA;AAEA;;4BAEA;;AACA;qBACA;0BACA;AAEA;;AACA;gCACA;0BACA;AAEA;;AACA;0BACA;+BACA;AAEA;;AACA;4BACA;0BACA;AAGA;;AACA;4BACA;2BACA;AAEA;;qBAEA;;oBACA;iBACA;iBACA;6BACA;AACA;iBACA;+BACA;6BACA;4CACA;6BACA;4CACA;6BACA;AACA;AACA;AACA;qCACA;6BACA;4CACA;6BACA;qBACA;gCACA;AAGA;;;gCACA;oDACA;oEACA;6CACA;mBACA;kCACA;AACA;AAEA;;AACA;qCAEA;;AACA;0BACA;+BACA;AAEA;;AACA;yBACA;AAEA;;AACA;qBACA;sBACA;sBACA;wBAEA;;AACA;0BACA;6BACA;AAEA;;AACA;sCACA;iDACA;AAEA;;AACA;qCAEA;;AACA;iBACA;AACA;AAKA;;AACA;;iBACA;4CACA;8BACA;YACA;AACA;AAEA;;0CACA;0CACA;4CACA;mBACA;mCAGA;;wCAEA;;yBAEA;;wCAGA;;kCACA;0DACA;mCAEA;;UACA;UACA;iCACA;0BACA;yIACA;iCACA;AACA;mDACA;yCACA;uBACA;uBACA;2BACA;AACA;AACA;4BAEA;;oDAKA;;uDACA;YACA;YACA;oCACA;uCACA;AACA;sBACA,CACA;kBACA;cACA;2EACA;wBACA;yBACA;AACA;AACA;6BACA;0BACA;AACA;eACA;AAGA;;oDACA;+BACA;uCAEA;;AACA;qBACA;0BACA;AAEA;;AACA;iDACA;8BACA;wFACA;AACA;AAEA;;0BACA;4BACA;yBACA;AAEA;;oDACA;aAGA;;cACA;kCACA;AACA;0BACA;AACA;AACA;uBAGA;;0BACA;4BACA;yBACA;AAEA;;AACA;yDAEA;;8BAEA;;AACA;uBACA;4BACA;AAEA;;AACA;kCACA;4BACA;AAEA;;AACA;4BACA;iCACA;AAEA;;AACA;8BACA;4BACA;AAEA;;AACA;8BACA;6BACA;AAEA;;2BACA;uBACA;sBACA;mBACA;6BACA;AACA;mBACA;gCACA;oCACA;8CACA;+BACA;uBACA;+BACA;AACA;AACA;AACA;gCACA;oCACA;0CACA;+BACA;uBACA;kCACA;AAGA;;;mCACA;gHACA;oBACA;wCACA;8BACA,CACA;AACA;8BACA;AAEA;;AACA;uCAEA;;4BACA;iCACA;AAEA;;AACA;2BACA;AAGA;;AACA;0BACA;2BACA;2BAGA;;AACA;oDAEA;;AACA;eACA;WACA;6BACA;2DACA;eACA;8BACA;2DACA;eACA;AACA;AAIA;8CACA;UACA;kBACA;uCACA;AACA;8BACA;AACA;4CACA;uFACA;AACA;AACA;4DACA;wCACA;AACA;eACA;2BACA;wCACA;AACA;AACA;AACA;gCACA;sBACA;AACA;AAGA;uCACA;eACA;+BACA;AACA;AAEA;;AACA;4BACA;YACA;sEACA;sEACA;4EACA;oEACA;oBACA,CACA;AAEA;;eACA;aACA;yCACA;wEACA;8BACA;0BACA;AAEA;;yBAEA;;4BACA;iEACA;iEACA;uEACA;+DACA;AACA;AAGA;yCACA;QACA;4BACA;0BACA;AACA;AAEA;yCACA;QACA;oIACA;0BACA;AACA;AAEA;uCACA;QACA;AAEA;+BACA;QACA;wBACA;6BACA;AAEA;AAp5BA;AAlPA,G;;;;;;;;ACrCA;AAAA;AACA;AACgQ;AAChQ;AACoK;AACpK;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;ACNA;;+BAGA;WACA;kCACA;AACA;;qBAEA;iBAEA;AAHA;AAKA;AAVA;AADA,G;;;;;;;ACdA,0BAA0B,aAAa,0BAA0B,wBAAwB,mBAAmB,OAAO,2TAA2T,KAAK,qBAAqB;AACxc;AACA,iBAAiB;AACjB,kE;;;;;;;ACHA,0BA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","file":"index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 7);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 195320a192b419aabbc6","/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/component-normalizer.js\n// module id = 0\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/css-loader/lib/css-base.js","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = require('./listToStyles')\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction) {\n  isProduction = _isProduction\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[data-vue-ssr-id~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader/lib/addStylesClient.js\n// module id = 2\n// module chunks = 0","module.exports = marked;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"marked\"\n// module id = 3\n// module chunks = 0","// import Vue from 'vue'\nimport VueI18n from 'vue-i18n'\nimport en from './en'\nimport zhCN from './zh-cn'\n\n// Vue.use(VueI18n)\n\nexport default new VueI18n({\n  locale: 'en',\n  messages: {\n    'zh-cn': zhCN,\n    en,\n  }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./docs/i18n/index.js","module.exports = \"\\n> **The document uses Google Translate**\\n\\n## Getting Started\\n\\n### NPM\\n\\n``` bash\\nnpm install vue-upload-component --save\\n```\\n\\n``` js\\nconst VueUploadComponent = require('vue-upload-component')\\nVue.component('file-upload', VueUploadComponent)\\n```\\n\\n### Curated\\n\\n**No data**\\n\\n\\n### Script\\n\\n\\nunpkg\\n\\n``` html\\n<script src=\\\"https://unpkg.com/vue\\\"></script>\\n<script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\njsDelivr\\n\\n``` html\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\\\"></script>\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\n\\n### Simple example\\n\\n\\n\\n```html\\n<!DOCTYPE html>\\n<html>\\n<head>\\n  <meta charset=\\\"utf-8\\\">\\n  <title>Vue-upload-component Test</title>\\n  <script src=\\\"https://unpkg.com/vue\\\"></script>\\n  <script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n</head>\\n<body>\\n<div id=\\\"app\\\">\\n  <ul>\\n    <li v-for=\\\"file in files\\\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\\n  </ul>\\n  <file-upload\\n    ref=\\\"upload\\\"\\n    v-model=\\\"files\\\"\\n    post-action=\\\"/post.method\\\"\\n    put-action=\\\"/put.method\\\"\\n    @input-file=\\\"inputFile\\\"\\n    @input-filter=\\\"inputFilter\\\"\\n  >\\n  Upload file\\n  </file-upload>\\n  <button v-show=\\\"!$refs.upload || !$refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = true\\\" type=\\\"button\\\">Start upload</button>\\n  <button v-show=\\\"$refs.upload && $refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = false\\\" type=\\\"button\\\">Stop upload</button>\\n</div>\\n<script>\\nnew Vue({\\n  el: '#app',\\n  data: function () {\\n    return {\\n      files: []\\n    }\\n  },\\n  components: {\\n    FileUpload: VueUploadComponent\\n  },\\n  methods: {\\n    /**\\n     * Has changed\\n     * @param  Object|undefined   newFile   Read only\\n     * @param  Object|undefined   oldFile   Read only\\n     * @return undefined\\n     */\\n    inputFile: function (newFile, oldFile) {\\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\\n        // Get response data\\n        console.log('response', newFile.response)\\n        if (newFile.xhr) {\\n          //  Get the response status code\\n          console.log('status', newFile.xhr.status)\\n        }\\n      }\\n    },\\n    /**\\n     * Pretreatment\\n     * @param  Object|undefined   newFile   Read and write\\n     * @param  Object|undefined   oldFile   Read only\\n     * @param  Function           prevent   Prevent changing\\n     * @return undefined\\n     */\\n    inputFilter: function (newFile, oldFile, prevent) {\\n      if (newFile && !oldFile) {\\n        // Filter non-image file\\n        if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n          return prevent()\\n        }\\n      }\\n\\n      // Create a blob field\\n      newFile.blob = ''\\n      let URL = window.URL || window.webkitURL\\n      if (URL && URL.createObjectURL) {\\n        newFile.blob = URL.createObjectURL(newFile.file)\\n      }\\n    }\\n  }\\n});\\n</script>\\n</body>\\n</html>\\n```\\n\\n\\n\\n### SSR (Server isomorphism)\\n\\n\\n```html\\n<template>\\n  <file-upload v-model=\\\"files\\\" post-action=\\\"/\\\">Upload file</file-upload>\\n</template>\\n<style>\\n/*\\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\\n\\n\\nor\\n\\n\\n */\\n.file-uploads {\\n  overflow: hidden;\\n  position: relative;\\n  text-align: center;\\n  display: inline-block;\\n}\\n.file-uploads.file-uploads-html4 input[type=\\\"file\\\"] {\\n  opacity: 0;\\n  font-size: 20em;\\n  z-index: 1;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n.file-uploads.file-uploads-html5 input[type=\\\"file\\\"] {\\n  overflow: hidden;\\n  position: fixed;\\n  width: 1px;\\n  height: 1px;\\n  z-index: -1;\\n  opacity: 0;\\n}\\n</style>\\n<script>\\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\\nexport default {\\n  components: {\\n    FileUpload,\\n  },\\n  data() {\\n    return {\\n      files: []\\n    }\\n  },\\n}\\n</script>\\n```\\n\\n\\n** OR **\\n\\n\\n```js\\nimport FileUpload from 'vue-upload-component/src'\\n```\\n\\n\\nwebpack.config.js\\n\\n```js\\nconst nodeExternals = require('webpack-node-externals');\\n{\\n  //.....\\n  externals: [\\n    nodeExternals({whitelist:[/^vue-upload-component\\\\/src/]})\\n  ]\\n  //.....\\n}\\n```\\n\\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \\n\\n* [**`vue-hackernews` demo**](https://github.com/lian-yue/vue-hackernews-2.0/)  \\n\\n* [**View changes**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\\n\\n\\n\\n\\n## Options / Props\\n\\n\\n### input-id\\n\\nThe `id` attribute of the input tag\\n\\n* **Type:** `String`\\n\\n* **Default:** `this.name`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload input-id=\\\"file2\\\"></file-upload>\\n  <!--Output-->\\n  <input id=\\\"file2\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### name\\n\\nThe `name` attribute of the input tag\\n\\n* **Type:** `String`\\n\\n* **Default:** `file`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload name=\\\"file\\\"></file-upload>\\n  <!--Output-->\\n  <input name=\\\"file\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### post-action\\n\\n`POST` Request upload URL\\n\\n* **Type:** `String`\\n\\n* **Default:** `undefined`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### put-action\\n\\n`PUT` Request upload URL\\n\\n* **Type:** `String`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `> IE9`\\n\\n* **Details:**  \\n\\n  `put-action` is not empty Please give priority to` PUT` request  \\n\\n* **Usage:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### headers\\n\\nAttach `header` data\\n\\n* **Type:** `Object`\\n\\n* **Default:** `{}`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :headers=\\\"{'X-Token-CSRF': 'code'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### data\\n\\n`POST request`:  Append request `body`  \\n`PUT request`:  Append request `query`\\n\\n* **Type:** `Object`\\n\\n* **Default:** `{}`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :data=\\\"{access_token: 'access_token'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### value, v-model\\n\\nFile List\\n\\n* **Type:** `Array<File | Object>`\\n\\n* **Default:** `[]`\\n\\n* **Details:**  \\n\\n  View **[`File`](#file)** details  \\n  > In order to prevent unpredictable errors, can not directly modify the `files`, please use [`add`](#instance-methods-add), [`update`](#instance-methods-update), [`remove`](#instance-methods-remove) method to modify\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n  <!--or-->\\n  <file-upload v-model=\\\"files\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### accept\\n\\nThe `accept` attribute of the input tag, MIME type  \\n\\n* **Type:** `String`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload accept=\\\"image/png,image/gif,image/jpeg,image/webp\\\"></file-upload>\\n  <!--or-->\\n  <file-upload accept=\\\"image/*\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### multiple\\n\\nThe `multiple` attribute of the input tag  \\nWhether to allow multiple files to be selected  \\n\\n* **Type:** `Boolean`\\n\\n* **Default:** `false`\\n\\n* **Details:**  \\n\\n  If it is `false` file inside only one file will be automatically deleted\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n### directory\\n\\nThe `directory` attribute of the input tag  \\nWhether it is a upload folder  \\n\\n* **Type:** `Boolean`\\n\\n* **Default:** `false`\\n\\n* **Browser:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :directory=\\\"true\\\" :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### extensions\\n\\nAllow upload file extensions  \\n\\n* **Type:** `Array | String | RegExp`\\n\\n* **Default:** `undefined`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload extensions=\\\"jpg,gif,png,webp\\\"></file-upload>\\n  <!--or-->\\n  <file-upload :extensions=\\\"['jpg', 'gif', 'png', 'webp']\\\"></file-upload>\\n  <!--or-->\\n  <file-upload :extensions=\\\"/\\\\.(gif|jpe?g|png|webp)$/i\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### size\\n\\nAllow the maximum byte to upload\\n\\n* **Type:** `Number`\\n\\n* **Default:** `0`\\n\\n* **Browser:** `> IE9`\\n\\n* **Details:**\\n\\n  `0` is equal to not limit\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :size=\\\"1024 * 1024\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### timeout\\n\\nUpload timeout time in milliseconds\\n\\n* **Type:** `Number`\\n\\n* **Default:** `0`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :timeout=\\\"600 * 1000\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### thread\\n\\nAlso upload the number of files at the same time (number of threads)  \\n\\n* **Type:** `Number`\\n\\n* **Default:** `1`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :thread=\\\"3\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop\\n\\nDrag and drop upload\\n\\n* **Type:** `Boolean | Element | CSS selector`\\n\\n* **Default:** `false`\\n\\n* **Browser:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\\n\\n* **Details:**\\n\\n  If set to `true`, read the parent component as a container  \\n\\n* **Usage:**\\n  ```html\\n  <file-upload :drop=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop-directory\\n\\nWhether to open the drag directory\\n\\n* **Type:** `Boolean`\\n\\n* **Default:** `true`\\n\\n* **Details:**\\n\\n  If set to `false` filter out the directory\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :drop-directory=\\\"false\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n## Options / Events\\n\\nThe files is changed to trigger the method\\nDefault for `v-model` binding\\n\\n### @input\\n* **Arguments:**\\n\\n  * `files: Array<File | Object>`\\n\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n    <!--or-->\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      updatetValue(value) {\\n        this.files = value\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n### @input-filter\\n\\nAdd, update, remove pre-filter  \\n\\n* **Arguments:**\\n\\n  * `newFile: File | Object | undefined`  `Read and write`\\n  * `oldFile: File | Object | undefined`  `Read only`\\n  * `prevent: Function`   Call this function to prevent modification\\n\\n\\n* **Details:**\\n\\n  If the `newFile` value is `undefined` 'is deleted\\n  If the `oldFile` value is `undefined` 'is added\\n  If `newFile`, `oldFile` is exist, it is updated\\n\\n\\n  > You can not use `update`,` add`, `remove`,` clear` methods in the event  \\n  >The `newFile` object can be modified within the event  \\n\\n* **Usage:**  \\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <img :src=\\\"file.blob\\\" width=\\\"50\\\" height=\\\"50\\\" />\\n      </li>\\n    </ul>\\n    <file-upload :value=\\\"files\\\" @input-filter=\\\"inputFilter\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFilter(newFile, oldFile, prevent) {\\n        if (newFile && !oldFile) {\\n          // Add file\\n\\n          // Filter non-image file\\n          // Will not be added to files\\n          if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n            return prevent()\\n          }\\n\\n          // Create the 'blob' field for thumbnail preview\\n          newFile.blob = ''\\n          let URL = window.URL || window.webkitURL\\n          if (URL && URL.createObjectURL) {\\n            newFile.blob = URL.createObjectURL(newFile.file)\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // Update file\\n\\n          // Increase the version number\\n          if (!newFile.version) {\\n            newFile.version = 0\\n          }\\n          newFile.version++\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // Remove file\\n\\n          // Refused to remove the file\\n          // return prevent()\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### @input-file\\n\\nAdd, update, remove after\\n\\n* **Arguments:**\\n\\n  * `newFile: File | Object | undefined` `Read only`\\n  * `oldFile: File | Object | undefined` `Read only`\\n\\n\\n* **Details:**\\n\\n  If the `newFile` value is `undefined` 'is deleted\\n  If the `oldFile` value is `undefined` 'is added\\n  If `newFile`, `oldFile` is exist, it is updated\\n\\n\\n  >You can use `update`,` add`, `remove`,` clear` methods in the event  \\n  >You can not modify the `newFile` object in the event  \\n  >You can not modify the `oldFile` object in the event\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <file-upload ref=\\\"upload\\\" v-model=\\\"files\\\" @input-file=\\\"inputFile\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFile(newFile, oldFile) {\\n        if (newFile && !oldFile) {\\n          // Add file\\n\\n          // Automatic upload\\n          if (!this.$refs.upload.active) {\\n            this.$refs.upload.active = true\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // Update file\\n\\n          // Start upload\\n          if (newFile.active !== oldFile.active) {\\n            console.log('Start upload', newFile.active, newFile)\\n\\n            // min size\\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\\n            }\\n          }\\n\\n          // Upload progress\\n          if (newFile.progress !== oldFile.progress) {\\n            console.log('progress', newFile.progress, newFile)\\n          }\\n\\n          // Upload error\\n          if (newFile.error !== oldFile.error) {\\n            console.log('error', newFile.error, newFile)\\n          }\\n\\n          // Uploaded successfully\\n          if (newFile.success !== oldFile.success) {\\n            console.log('success', newFile.success, newFile)\\n          }\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // Remove file\\n\\n          // Automatically delete files on the server\\n          if (oldFile.success && oldFile.response.id) {\\n            // $.ajax({\\n            //   type: 'DELETE',\\n            //   url: '/file/delete?id=' + oldFile.response.id,\\n            // });\\n          }\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n## Instance / Data\\n\\n### features\\n\\nUsed to determine the browser support features\\n\\n* **Type:** `Object`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `{ html5: true, directory: false, drag: false }`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.drag\\\">Support drag and drop upload</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.directory\\\">Support folder upload</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.html5\\\">Support for HTML5</span>\\n  </app>\\n  ```\\n\\n\\n\\n### active\\n\\nActivation or abort upload\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `false`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-if=\\\"!$refs.upload || !$refs.upload.active\\\" @click=\\\"$refs.upload.active = true\\\">Start upload</span>\\n    <span v-else @click=\\\"$refs.upload.active = false\\\">Stop upload</span>\\n  </app>\\n  ```\\n\\n\\n\\n### dropActive\\n\\nIs dragging\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `false`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\" :drop=\\\"true\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.dropActive\\\">Drag and drop here for upload<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n### uploaded\\n\\nAll uploaded\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `true`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.uploaded\\\">All files have been uploaded<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n## Instance / Methods\\n\\n\\n\\n### get()\\n\\nUse `id` to get a file object\\n\\n* **Arguments:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **Result:** `File | Object | Boolean` There is a return file, object that otherwise returns `false`\\n\\n\\n\\n### add()\\n\\nAdd one or more files\\n\\n* **Arguments:**\\n\\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     If it is an array of responses will be an array\\n  * `start: Boolean`                                  Whether it is inserted from the start position\\n\\n\\n* **Result:** `Object | Array<File | Object> | Boolean`     The incoming array is returned to the array otherwise the object or `false`\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n    <button type=\\\"button\\\" @click.prevent=\\\"addText\\\">Add a file</button>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      addText() {\\n        let file = new window.File(['foo'], 'foo.txt', {\\n          type: \\\"text/plain\\\",\\n        })\\n        this.$refs.upload.add(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n###  addInputFile()\\n\\nAdd the file selected by `<input type = \\\"file\\\">` to the upload list\\n\\n* **Arguments:**\\n\\n  * `el: HTMLInputElement`     File element\\n\\n\\n* **Result:** `Array<File>`  Added list of files\\n\\n* **Version:** : `>=2.5.1`\\n\\n\\n\\n###  addDataTransfer()\\n\\nAdd files that are dragged or pasted into the upload list  \\n\\n* **Arguments:**\\n\\n  * `dataTransfer: DataTransfer`  Drag or paste data\\n\\n\\n* **Result:** `Promise<Array<File>>`   Added list of files\\n\\n\\n* **Version:** : `>=2.5.1`\\n\\n\\n\\n### update()\\n\\nUpdate a file object\\n\\n* **Arguments:**\\n\\n  * `id: File | Object | String`\\n  * `data: Object`                    Updated data object\\n\\n\\n* **Result:**  `Object | Boolean`  Successfully returned `newFile` failed to return` false`\\n\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button v-show=\\\"file.active\\\" type=\\\"button\\\" @click.prevent=\\\"abort(file)\\\">Abort</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      abort(file) {\\n        this.$refs.upload.update(file, {active: false})\\n        // or\\n        // this.$refs.upload.update(file, {error: 'abort'})\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### remove()\\n\\nRemove a file object\\n\\n* **Arguments:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **Result:**  `Object | Boolean`  Successfully returned `oldFile` failed to return` false`\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button type=\\\"button\\\" @click.prevent=\\\"remove(file)\\\">Remove</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      remove(file) {\\n        this.$refs.upload.remove(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n### clear()\\n\\nEmpty the file list\\n\\n* **Result:**  `Boolean`  Always return `true`\\n\\n\\n\\n## Instance / File\\n\\n\\n\\n> **File object in the `@input-filter` event outside the use of [`update`](#instance-methods-update) method**\\n\\n\\n\\n\\n### fileObject\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `true`\\n\\n* **Required:** `true`\\n\\n* **Default:** `true`\\n\\n* **Version:** : `>=2.6.0`\\n\\n* **Details:**\\n\\n  If the attribute does not exist, the object will not be processed internally  \\n  If the attribute does not exist, it is not `File` but `Object`\\n\\n\\n\\n\\n### id\\n\\nFile ID\\n\\n* **Type:** `String | Number`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `Math.random().toString(36).substr(2)`\\n\\n* **Details:**\\n\\n  >`id` can not be repeated  \\n  >Upload can not modify `id`\\n\\n\\n### size\\n\\nFile size\\n\\n* **Type:** `Number`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `-1`\\n\\n* **Browser:** `> IE9`\\n\\n\\n### name\\n\\nFilename  \\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** ` `\\n\\n* **Details:**\\n\\n  Format:  `directory/filename.gif`  `filename.gif`  \\n\\n\\n\\n### type\\n\\nMIME type\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** ` `\\n\\n* **Browser:** `> IE9`\\n\\n* **Details:**\\n\\n  Format:  `image/gif`   `image/png`  `text/html`\\n\\n\\n\\n\\n### active\\n\\nActivation or abort upload\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `false`\\n\\n* **Details:**\\n\\n  `true` = Upload  \\n  `false` = Abort  \\n\\n\\n\\n\\n\\n\\n### error\\n\\nUpload failed error code\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** ` `\\n\\n* **Details:**\\n\\n  Built-in  \\n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\\n\\n\\n\\n\\n### success\\n\\nWhether the upload was successful\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `false`\\n\\n\\n### putAction\\n\\nCustomize the current file `PUT` URL\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.putAction`\\n\\n\\n\\n### postAction\\n\\nCustomize the current file `POST` URL\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.postAction`\\n\\n\\n\\n\\n### headers\\n\\nCustomize the current file `HTTP` Header\\n\\n* **Type:** `Object`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.headers`\\n\\n\\n### data\\n\\nCustomize the current file `body` or` query` to attach content\\n\\n* **Type:** `Object`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.data`\\n\\n\\n### timeout\\n\\nCustomize the upload timeout for a current single file\\n\\n* **Type:** `Number`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.timeout`\\n\\n\\n### response\\n\\nResponse data\\n\\n* **Type:** `Object | String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `{}`\\n\\n\\n\\n\\n### progress\\n\\nUpload progress\\n\\n* **Type:** `String`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `0.00`\\n\\n* **Browser:** `> IE9`\\n\\n\\n\\n### speed\\n\\nPer second upload speed\\n\\n* **Type:** `Number`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `0`\\n\\n* **Browser:** `> IE9`\\n\\n\\n\\n\\n### xhr\\n\\n`HTML5` upload` XMLHttpRequest` object\\n\\n* **Type:** `XMLHttpRequest`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `> IE9`\\n\\n\\n\\n\\n### iframe\\n\\n`HTML4` upload` iframe` element\\n\\n* **Type:** `Element`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `= IE9`\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/docs/en.md\n// module id = 5\n// module chunks = 0","module.exports = \"## 入门开始\\n\\n### NPM\\n\\n``` bash\\nnpm install vue-upload-component --save\\n```\\n\\n``` js\\nconst VueUploadComponent = require('vue-upload-component')\\nVue.component('file-upload', VueUploadComponent)\\n```\\n\\n### Curated\\n\\n**No data**\\n\\n\\n### 直接使用\\n\\n\\nunpkg\\n\\n``` html\\n<script src=\\\"https://unpkg.com/vue\\\"></script>\\n<script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\njsDelivr\\n\\n``` html\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\\\"></script>\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\n\\n### 简单的例子\\n\\n\\n\\n```html\\n<!DOCTYPE html>\\n<html>\\n<head>\\n  <meta charset=\\\"utf-8\\\">\\n  <title>Vue-upload-component Test</title>\\n  <script src=\\\"https://unpkg.com/vue\\\"></script>\\n  <script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n</head>\\n<body>\\n<div id=\\\"app\\\">\\n  <ul>\\n    <li v-for=\\\"file in files\\\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\\n  </ul>\\n  <file-upload\\n    ref=\\\"upload\\\"\\n    v-model=\\\"files\\\"\\n    post-action=\\\"/post.method\\\"\\n    put-action=\\\"/put.method\\\"\\n    @input-file=\\\"inputFile\\\"\\n    @input-filter=\\\"inputFilter\\\"\\n  >\\n  上传文件\\n  </file-upload>\\n  <button v-show=\\\"!$refs.upload || !$refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = true\\\" type=\\\"button\\\">开始上传</button>\\n  <button v-show=\\\"$refs.upload && $refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = false\\\" type=\\\"button\\\">停止上传</button>\\n</div>\\n<script>\\nnew Vue({\\n  el: '#app',\\n  data: function () {\\n    return {\\n      files: []\\n    }\\n  },\\n  components: {\\n    FileUpload: VueUploadComponent\\n  },\\n  methods: {\\n    /**\\n     * Has changed\\n     * @param  Object|undefined   newFile   只读\\n     * @param  Object|undefined   oldFile   只读\\n     * @return undefined\\n     */\\n    inputFile: function (newFile, oldFile) {\\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\\n        // 获得相应数据\\n        console.log('response', newFile.response)\\n        if (newFile.xhr) {\\n          //  获得响应状态码\\n          console.log('status', newFile.xhr.status)\\n        }\\n      }\\n    },\\n    /**\\n     * Pretreatment\\n     * @param  Object|undefined   newFile   读写\\n     * @param  Object|undefined   oldFile   只读\\n     * @param  Function           prevent   阻止回调\\n     * @return undefined\\n     */\\n    inputFilter: function (newFile, oldFile, prevent) {\\n      if (newFile && !oldFile) {\\n        // 过滤不是图片后缀的文件\\n        if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n          return prevent()\\n        }\\n      }\\n\\n      // 创建 blob 字段 用于图片预览\\n      newFile.blob = ''\\n      let URL = window.URL || window.webkitURL\\n      if (URL && URL.createObjectURL) {\\n        newFile.blob = URL.createObjectURL(newFile.file)\\n      }\\n    }\\n  }\\n});\\n</script>\\n</body>\\n</html>\\n```\\n\\n\\n\\n### SSR (服务器同构)\\n\\n\\n```html\\n<template>\\n  <file-upload v-model=\\\"files\\\" post-action=\\\"/\\\">Upload file</file-upload>\\n</template>\\n<style>\\n/*\\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\\n\\n\\n或\\n\\n\\n */\\n.file-uploads {\\n  overflow: hidden;\\n  position: relative;\\n  text-align: center;\\n  display: inline-block;\\n}\\n.file-uploads.file-uploads-html4 input[type=\\\"file\\\"] {\\n  opacity: 0;\\n  font-size: 20em;\\n  z-index: 1;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n.file-uploads.file-uploads-html5 input[type=\\\"file\\\"] {\\n  overflow: hidden;\\n  position: fixed;\\n  width: 1px;\\n  height: 1px;\\n  z-index: -1;\\n  opacity: 0;\\n}\\n</style>\\n<script>\\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\\nexport default {\\n  components: {\\n    FileUpload,\\n  },\\n  data() {\\n    return {\\n      files: []\\n    }\\n  },\\n}\\n</script>\\n```\\n\\n\\n** 或者 **\\n\\n\\n```js\\nimport FileUpload from 'vue-upload-component/src'\\n```\\n\\nwebpack.config.js\\n\\n```js\\nconst nodeExternals = require('webpack-node-externals');\\n{\\n  //...\\n  externals: [\\n    nodeExternals({whitelist:[/^vue-upload-component\\\\/src/]})\\n  ]\\n  //...\\n}\\n```\\n\\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \\n\\n* [**`vue-hackernews` 演示**](https://github.com/lian-yue/vue-hackernews-2.0/)  \\n\\n* [**浏览修改文件**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\\n\\n\\n\\n\\n## 选项 / 属性\\n\\n\\n### input-id\\n\\ninput 标签的 `id` 属性\\n\\n* **类型:** `String`\\n\\n* **默认值:** `this.name`\\n\\n* **示例:**\\n  ```html\\n  <file-upload input-id=\\\"file2\\\"></file-upload>\\n  <!--输出-->\\n  <input id=\\\"file2\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### name\\n\\ninput标签的 `name` 属性\\n\\n* **类型:** `String`\\n\\n* **默认值:** `file`\\n\\n* **示例:**\\n  ```html\\n  <file-upload name=\\\"file\\\"></file-upload>\\n  <!--输出-->\\n  <input name=\\\"file\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### post-action\\n\\n`POST` 请求的上传URL\\n\\n* **类型:** `String`\\n\\n* **默认值:** `undefined`\\n\\n* **示例:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### put-action\\n\\n`PUT` 请求的上传URL\\n\\n* **类型:** `String`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `> IE9`\\n\\n* **详细:**  \\n\\n  `put-action` 不为空请优先 `PUT` 请求  \\n\\n* **示例:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### headers\\n\\n自定义上传请求 `header` 数据\\n\\n* **类型:** `Object`\\n\\n* **默认值:** `{}`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :headers=\\\"{'X-Token-CSRF': 'code'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### data\\n\\n`POST 请求`: 附加请求的 body  \\n`PUT 请求`: 附加请求的 query  \\n\\n* **类型:** `Object`\\n\\n* **默认值:** `{}`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :data=\\\"{access_token: 'access_token'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### value, v-model\\n\\n文件列表\\n\\n* **类型:** `Array<File | Object>`\\n\\n* **默认值:** `[]`\\n\\n* **详细:**  \\n\\n  浏览 **[`File`](#file)** 详细信息  \\n  > 为了防止不可预知的错误，不可直接修改 `files`，请使用 [`add`](#实例-方法-add), [`update`](#实例-方法-update), [`remove`](#实例-方法-remove) 方法修改\\n\\n* **示例:**\\n  ```html\\n  <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n  <!--或-->\\n  <file-upload v-model=\\\"files\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### accept\\n\\n表单的`accept`属性, MIME type  \\n\\n* **类型:** `String`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload accept=\\\"image/png,image/gif,image/jpeg,image/webp\\\"></file-upload>\\n  <!--或-->\\n  <file-upload accept=\\\"image/*\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### multiple\\n\\n文件表单的 `multiple` 属性  \\n是否允许选择多个文件  \\n\\n* **类型:** `Boolean`\\n\\n* **默认值:** `false`\\n\\n* **详细:**  \\n\\n  如果是 `false` `files` 里面最多只有一个文件 多的会自动删除  \\n\\n* **示例:**\\n  ```html\\n  <file-upload :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n### directory\\n\\n文件表单的 `directory` 属性  \\n是否是上传文件夹  \\n\\n* **类型:** `Boolean`\\n\\n* **默认值:** `false`\\n\\n* **浏览器:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\\n\\n* **示例:**\\n  ```html\\n  <file-upload :directory=\\\"true\\\" :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### extensions\\n\\n允许上传的文件后缀\\n\\n* **类型:** `Array | String | RegExp`\\n\\n* **默认值:** `undefined`\\n\\n* **示例:**\\n  ```html\\n  <file-upload extensions=\\\"jpg,gif,png,webp\\\"></file-upload>\\n  <!--或-->\\n  <file-upload :extensions=\\\"['jpg', 'gif', 'png', 'webp']\\\"></file-upload>\\n  <!--或-->\\n  <file-upload :extensions=\\\"/\\\\.(gif|jpe?g|png|webp)$/i\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### size\\n\\n允许上传的最大字节\\n\\n* **类型:** `Number`\\n\\n* **默认值:** `0`\\n\\n* **浏览器:** `> IE9`\\n\\n* **详细:**\\n\\n  `0` 等于不限制\\n\\n* **示例:**\\n  ```html\\n  <file-upload :size=\\\"1024 * 1024\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### timeout\\n\\n上传超时时间毫秒\\n\\n* **类型:** `Number`\\n\\n* **默认值:** `0`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :timeout=\\\"600 * 1000\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### thread\\n\\n同时并发上传的文件数量 线程数  \\n\\n* **类型:** `Number`\\n\\n* **默认值:** `1`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :thread=\\\"3\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop\\n\\n拖拽上传  \\n\\n* **类型:** `Boolean | Element | CSS selector`\\n\\n* **默认值:** `false`\\n\\n* **浏览器:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\\n\\n* **详细:**\\n\\n  如果设置成 `true` 则读取父组件作为容器  \\n\\n* **示例:**\\n  ```html\\n  <file-upload :drop=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop-directory\\n\\n是否开启拖拽目录  \\n\\n* **类型:** `Boolean`\\n\\n* **默认值:** `true`\\n\\n* **详细:**\\n\\n  如果设置成 `false` 则过滤掉目录\\n\\n* **示例:**\\n  ```html\\n  <file-upload :drop-directory=\\\"false\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n## 选项 / 事件\\n\\n文件被改变触发的方法  \\n默认用于`v-model`绑定\\n\\n### @input\\n* **参数:**\\n\\n  * `files: Array<File | Object>`\\n\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n    <!--或者-->\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      updatetValue(value) {\\n        this.files = value\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n### @input-filter\\n\\nAdd, update, remove pre-filter  \\n\\n* **参数:**\\n\\n  * `newFile: File | Object | undefined`  `读写`\\n  * `oldFile: File | Object | undefined`  `只读`\\n  * `prevent: Function`   调用该方法 阻止修改\\n\\n\\n* **详细:**\\n\\n  如果 `newFile` 值为 `undefined` 则是删除  \\n  如果 `oldFile` 值为 `undefined` 则是添加  \\n  如果 `newFile`, `oldFile` 都存在则是更新\\n\\n  > 事件内不可使用 `update`, `add`, `remove`, `clear` 方法  \\n  事件内可修改 `newFile` 对象\\n\\n* **示例:**  \\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <img :src=\\\"file.blob\\\" width=\\\"50\\\" height=\\\"50\\\" />\\n      </li>\\n    </ul>\\n    <file-upload :value=\\\"files\\\" @input-filter=\\\"inputFilter\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFilter(newFile, oldFile, prevent) {\\n        if (newFile && !oldFile) {\\n          // 添加文件\\n\\n          // 过滤非图片文件\\n          // 不会添加到 files 去\\n          if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n            return prevent()\\n          }\\n\\n          // 创建 `blob` 字段 用于缩略图预览\\n          newFile.blob = ''\\n          let URL = window.URL || window.webkitURL\\n          if (URL && URL.createObjectURL) {\\n            newFile.blob = URL.createObjectURL(newFile.file)\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // 更新文件\\n\\n          // 增加版本号\\n          if (!newFile.version) {\\n            newFile.version = 0\\n          }\\n          newFile.version++\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // 移除文件\\n\\n          // 拒绝删除文件\\n          // return prevent()\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### @input-file\\n\\n添加，更新，移除 后\\n\\n* **参数:**\\n\\n  * `newFile: File | Object | undefined` `只读`\\n  * `oldFile: File | Object | undefined` `只读`\\n\\n\\n* **详细:**\\n\\n  如果 `newFile` 值为 `undefined` 则是删除  \\n  如果 `oldFile` 值为 `undefined` 则是添加  \\n  如果 `newFile`, `oldFile` 都存在则是更新\\n\\n  >事件内可使用 `update`, `add`, `remove`, `clear` 方法  \\n  >事件内不可修改 `newFile` 对象  \\n  >事件内不可修改 `oldFile` 对象\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <file-upload ref=\\\"upload\\\" v-model=\\\"files\\\" @input-file=\\\"inputFile\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFile(newFile, oldFile) {\\n        if (newFile && !oldFile) {\\n          // 添加文件\\n\\n          // 自动上传\\n          if (!this.$refs.upload.active) {\\n            this.$refs.upload.active = true\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // 更新文件\\n\\n          // 开始上传\\n          if (newFile.active !== oldFile.active) {\\n            console.log('Start upload', newFile.active, newFile)\\n\\n            // 限定最小字节\\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\\n            }\\n          }\\n\\n          // 上传进度\\n          if (newFile.progress !== oldFile.progress) {\\n            console.log('progress', newFile.progress, newFile)\\n          }\\n\\n          // 上传错误\\n          if (newFile.error !== oldFile.error) {\\n            console.log('error', newFile.error, newFile)\\n          }\\n\\n          // 上传成功\\n          if (newFile.success !== oldFile.success) {\\n            console.log('success', newFile.success, newFile)\\n          }\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // 删除文件\\n\\n          // 自动删除 服务器上的文件\\n          if (oldFile.success && oldFile.response.id) {\\n            // $.ajax({\\n            //   type: 'DELETE',\\n            //   url: '/file/delete?id=' + oldFile.response.id,\\n            // });\\n          }\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n## 实例 / 数据\\n\\n### features\\n\\n用于判断浏览器支持的特性\\n\\n* **类型:** `Object`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `{ html5: true, directory: false, drag: false }`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.drag\\\">支持拖拽上传</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.directory\\\">支持文件夹上传</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.html5\\\">支持HTML5</span>\\n  </app>\\n  ```\\n\\n\\n\\n### active\\n\\n激活或停止上传\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `false`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-if=\\\"!$refs.upload || !$refs.upload.active\\\" @click=\\\"$refs.upload.active = true\\\">开始上传</span>\\n    <span v-else @click=\\\"$refs.upload.active = false\\\">停止上传</span>\\n  </app>\\n  ```\\n\\n\\n\\n### dropActive\\n\\n是否正在拖拽\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `false`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\" :drop=\\\"true\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.dropActive\\\">拖拽到这里上传<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n### uploaded\\n\\n是否全部已上传\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `true`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.uploaded\\\">全部文件已上传完毕<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n## 实例 / 方法\\n\\n\\n\\n### get()\\n\\n使用`id`获得某个对象\\n\\n* **参数:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **结果:** `File | Object | Boolean` 存在返回文件对象否则返回 `false`\\n\\n\\n\\n### add()\\n\\n添加一个或多个文件\\n\\n* **参数:**\\n\\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     如果它是一个数组的响应将是一个数组\\n  * `start: Boolean`                                  是否从开始位置插入\\n\\n\\n* **结果:** `Object | Array<File | Object> | Boolean`     传入的是数组返回数组否则对象或`false`\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n    <button type=\\\"button\\\" @click.prevent=\\\"addText\\\">添加文件</button>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      addText() {\\n        let file = new window.File(['foo'], 'foo.txt', {\\n          type: \\\"text/plain\\\",\\n        })\\n        this.$refs.upload.add(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n###  addInputFile()\\n\\n把`<input type=\\\"file\\\">`选择的文件添加进上传列表  \\n\\n* **参数:**\\n\\n  * `el: HTMLInputElement`     文件元素\\n\\n\\n* **结果:** `Array<File>`  返回已添加的文件列表\\n\\n* **版本:** : `>=2.5.1`\\n\\n\\n\\n###  addDataTransfer()\\n\\n把拖拽或者粘贴的数据的文件添加进上传列表  \\n\\n* **参数:**\\n\\n  * `dataTransfer: DataTransfer`  拖拽或者粘贴的数据\\n\\n\\n* **结果:** `Promise<Array<File>>`   返回已添加的文件列表\\n\\n\\n* **版本:** : `>=2.5.1`\\n\\n\\n\\n### update()\\n\\n更新某个对象\\n\\n* **参数:**\\n\\n  * `id: File | Object | String`\\n  * `data: Object`                    更新的数据对象\\n\\n\\n* **结果:**  `Object | Boolean`  成功返回 `newFile` 失败返回 `false`\\n\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button v-show=\\\"file.active\\\" type=\\\"button\\\" @click.prevent=\\\"abort(file)\\\">停止</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      abort(file) {\\n        this.$refs.upload.update(file, {active: false})\\n        // 或\\n        // this.$refs.upload.update(file, {error: 'abort'})\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### remove()\\n\\n移除某个文件对象\\n\\n* **参数:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **结果:**  `Object | Boolean`  成功返回 `oldFile` 失败返回 `false`\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button type=\\\"button\\\" @click.prevent=\\\"remove(file)\\\">移除</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      remove(file) {\\n        this.$refs.upload.remove(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n### clear()\\n\\n清空文件列表\\n\\n* **结果:**  `Boolean`  总是返回 `true`\\n\\n\\n\\n## 实例 / File\\n\\n\\n> **文件对象在`input-filter`事件外修改请使用 [`update`](#实例-方法-update) 方法**\\n\\n\\n### fileObject\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `true`\\n\\n* **Required:** `true`\\n\\n* **默认值:** `true`\\n\\n* **版本:** : `>=2.6.0`\\n\\n* **详细:**\\n\\n  如果属性不存在，则不会在内部处理该对象  \\n  如果属性不存在，它不是 `File` 而是 `Object`\\n\\n\\n\\n### id\\n\\n文件id\\n\\n* **类型:** `String | Number`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `Math.random().toString(36).substr(2)`\\n\\n* **详细:**\\n\\n  >`id` can not be repeated  \\n  >Upload can not modify `id`\\n\\n\\n### size\\n\\n文件大小\\n\\n* **类型:** `Number`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `-1`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n### name\\n\\n文件名  \\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** ` `\\n\\n* **详细:**\\n\\n  格式:  `directory/filename.gif`  `filename.gif`  \\n\\n\\n\\n### type\\n\\nMIME类型\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** ` `\\n\\n* **浏览器:** `> IE9`\\n\\n* **详细:**\\n\\n  格式:  `image/gif`   `image/png`  `text/html`\\n\\n\\n\\n\\n### active\\n\\n激活或终止上传\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `false`\\n\\n* **详细:**\\n\\n  `true` = 上传  \\n  `false` = 停止  \\n\\n\\n\\n\\n\\n\\n### error\\n\\n上传失败错误代码\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** ` `\\n\\n* **详细:**\\n\\n  内置\\n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\\n\\n\\n\\n\\n### success\\n\\n是否上传成功\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `false`\\n\\n\\n### putAction\\n\\n自定义当前文件 `PUT` 地址\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.putAction`\\n\\n\\n\\n### postAction\\n\\n自定义当前文件 `POST` 地址\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.postAction`\\n\\n\\n\\n\\n### headers\\n\\n自定义当前文件 `HTTP` Header\\n\\n* **类型:** `Object`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.headers`\\n\\n\\n### data\\n\\n自定义当前文件 `body` 或 `query` 附加内容\\n\\n* **类型:** `Object`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.data`\\n\\n\\n### timeout\\n\\n自定义当前单个文件的上传超时时间\\n\\n* **类型:** `Number`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.timeout`\\n\\n\\n### response\\n\\n响应的数据\\n\\n* **类型:** `Object | String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `{}`\\n\\n\\n\\n\\n### progress\\n\\n上传进度\\n\\n* **类型:** `String`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `0.00`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n\\n### speed\\n\\n每秒的上传速度\\n\\n* **类型:** `Number`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `0`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n\\n\\n### xhr\\n\\n`HTML5` 上传 `XMLHttpRequest` 对象\\n\\n* **类型:** `XMLHttpRequest`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n\\n\\n### iframe\\n\\n`HTML4` 上传 `iframe` 元素\\n\\n* **类型:** `Element`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `= IE9`\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/docs/zh-cn.md\n// module id = 6\n// module chunks = 0","import Vue from 'vue'\nimport marked from 'marked'\nimport highlightjs from 'highlight.js'\nimport store from './store'\nimport router from './router'\nimport i18n from './i18n'\nimport App from './views/App'\n\nVue.config.silent = false\nVue.config.devtools = true\n\n\nclass Renderer extends marked.Renderer {\n  heading(text, level, raw) {\n    let rawName = raw.toLowerCase().replace(/([\\u0000-\\u002F\\u003A-\\u0060\\u007B-\\u007F]+)/g, '-').replace(/^\\-+|\\-+$/, '')\n\n    if (!this.options.headers) {\n      this.options.headers = []\n    }\n    while (this.options.headers.length >= level) {\n      this.options.headers.pop()\n    }\n    let parent = this.options.headers.filter(value => !!value).join('-')\n    if (parent) {\n      parent = parent + '-'\n    }\n    while (this.options.headers.length < (level - 1)) {\n      this.options.headers.push('')\n    }\n    this.options.headers.push(rawName)\n    return '<h'\n    + level\n    + ' id=\"'\n    + this.options.headerPrefix\n    + parent\n    + rawName\n    + '\">'\n    + text\n    + '</h'\n    + level\n    + '>\\n'\n  }\n}\n\nmarked.setOptions({\n  renderer: new Renderer(),\n  gfm: true,\n  tables: true,\n  breaks: false,\n  pedantic: false,\n  sanitize: false,\n  smartLists: true,\n  smartypants: false,\n  highlight(code, lang) {\n    if (lang) {\n      return highlightjs.highlight(lang, code).value\n    } else {\n      return highlightjs.highlightAuto(code).value\n    }\n  }\n})\n\nVue.directive('markdown', function (el, binding, vnode) {\n  if (!el.className || !/vue-markdown/.test(el.className)) {\n    el.className += ' vue-markdown'\n  }\n  let text = ''\n  for (let i = 0; i < vnode.children.length; i++) {\n    text += vnode.children[i].text || ''\n  }\n\n  el.innerHTML = marked(text)\n  let selectorList = el.querySelectorAll('a')\n  for (let i = 0; i < selectorList.length; i++) {\n    selectorList[i].onclick = function (e) {\n      if (e.metaKey || e.ctrlKey || e.shiftKey) {\n        return\n      }\n      if (e.defaultPrevented) {\n        return\n      }\n      if (e.button !== undefined && e.button !== 0) {\n        return\n      }\n\n      if (this.host !== window.location.host) {\n        return\n      }\n\n      let href = this.getAttribute('href')\n      if (!href) {\n        return\n      }\n\n      if (href.charAt(0) !== '#') {\n        return\n      }\n\n      e.preventDefault()\n      router.push(href)\n    }\n  }\n})\n\n\n\nVue.filter('formatSize', function (size) {\n  if (size > 1024 * 1024 * 1024 * 1024) {\n    return (size / 1024 / 1024 / 1024 / 1024).toFixed(2) + ' TB'\n  } else if (size > 1024 * 1024 * 1024) {\n    return (size / 1024 / 1024 / 1024).toFixed(2) + ' GB'\n  } else if (size > 1024 * 1024) {\n    return (size / 1024 / 1024).toFixed(2) + ' MB'\n  } else if (size > 1024) {\n    return (size / 1024).toFixed(2) + ' KB'\n  }\n  return size.toString() + ' B'\n})\n\nVue.filter('toLocale', function (to) {\n  return '/' + i18n.locale + to\n})\n\n\n\nnew Vue({\n  store,\n  router,\n  i18n,\n  ...App\n}).$mount('#app')\n\n\n\n// WEBPACK FOOTER //\n// ./docs/index.js","module.exports = Vue;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Vue\"\n// module id = 9\n// module chunks = 0","module.exports = hljs;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"hljs\"\n// module id = 10\n// module chunks = 0","// import Vue from 'vue'\nimport Vuex from 'vuex'\n//\n// Vue.use(Vuex)\n\n\nconst state = {\n  files: [],\n}\n\nconst mutations = {\n  updateFiles(state, files) {\n    state.files = files\n  }\n}\nexport default new Vuex.Store({\n  strict: true,\n  state,\n  mutations\n})\n\n\n\n// WEBPACK FOOTER //\n// ./docs/store.js","module.exports = Vuex;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Vuex\"\n// module id = 12\n// module chunks = 0","// import Vue from 'vue'\nimport VueRouter from 'vue-router'\n\nimport i18n from './i18n'\nimport RouterComponent from './views/Router'\nimport DocumentComponent from './views/Document'\nimport ExampleComponent from './views/Example'\n\nimport FullExampleComponent from './views/examples/Full'\nimport SimpleExampleComponent from './views/examples/Simple'\nimport AvatarExampleComponent from './views/examples/Avatar'\nimport DragExampleComponent from './views/examples/Drag'\nimport MultipleExampleComponent from './views/examples/Multiple'\nimport VuexExampleComponent from './views/examples/Vuex'\n\n\n\n// Vue.use(VueRouter)\n\n\nlet examples = [\n  {\n    path: '',\n    component: FullExampleComponent,\n  },\n  {\n    path: 'full',\n    component: FullExampleComponent,\n  },\n  {\n    path: 'simple',\n    component: SimpleExampleComponent,\n  },\n  {\n    path: 'avatar',\n    component: AvatarExampleComponent,\n  },\n  {\n    path: 'drag',\n    component: DragExampleComponent,\n  },\n  {\n    path: 'multiple',\n    component: MultipleExampleComponent,\n  },\n  {\n    path: 'vuex',\n    component: VuexExampleComponent,\n  },\n]\n\n\n\nconst router = new VueRouter({\n  mode: 'hash',\n  fallback: false,\n  scrollBehavior() {\n    return { y: 0 }\n  },\n  routes: [\n    {\n      path: '/:locale(' + Object.keys(i18n.messages).join('|') + ')?',\n      component: RouterComponent,\n      children: [\n        {\n          path: 'documents',\n          component: DocumentComponent,\n        },\n        {\n          path: 'examples',\n          component: ExampleComponent,\n          children: examples,\n        },\n        {\n          path: '',\n          component: ExampleComponent,\n          children: examples,\n        },\n      ]\n    },\n  ]\n})\nexport default router\n\n\n\n// WEBPACK FOOTER //\n// ./docs/router.js","module.exports = VueRouter;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"VueRouter\"\n// module id = 14\n// module chunks = 0","module.exports = VueI18n;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"VueI18n\"\n// module id = 15\n// module chunks = 0","export default {\n  header: {\n    logo: 'Vuejs',\n    home: 'Home',\n    examples: 'Examples',\n    documents: 'Documentation',\n    blog: 'Blog',\n    locale: 'Language(语言)',\n    issues: 'Issues',\n    github: 'Github',\n  },\n\n  locale: {\n    en: 'English',\n    'zh-cn': '中文(简体)',\n  },\n\n  document: {\n    title: 'Documentation',\n  },\n\n  example: {\n    full: 'Full',\n    simple: 'Simple',\n    avatar: 'Avatar',\n    drag: 'Drag',\n    multiple: 'Multiple',\n    vuex: 'Vuex',\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./docs/i18n/en.js","export default {\n  header: {\n    logo: 'Vuejs',\n    home: '首页',\n    examples: '演示',\n    documents: '文档',\n    blog: 'Blog',\n    locale: 'Language(语言)',\n    issues: 'Issues',\n    github: 'Github',\n  },\n\n  locale: {\n    en: 'English',\n    'zh-cn': '中文(简体)',\n  },\n\n  document: {\n    title: '文档',\n  },\n\n\n  example: {\n    full: '完整例子',\n    simple: '简单例子',\n    avatar: '头像例子',\n    drag: '拖拽例子',\n    multiple: '多实例',\n    vuex: 'Vuex',\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./docs/i18n/zh-cn.js","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0546df56\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Router.vue\"\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/Router.vue\n// module id = 18\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-view')}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0546df56\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/Router.vue\n// module id = 19\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-102fa427\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Document.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Document.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-102fa427\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Document.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/Document.vue\n// module id = 20\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?minimize!../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-102fa427\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Document.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"27a8f968\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-102fa427\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/Document.vue\n// module id = 21\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".document-title{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #ddd}.document-content h2{padding-top:1rem;padding-bottom:1rem;margin-top:4rem;border-bottom:1px solid #eaecef}.document-content h2+h3,.document-content h2:first-child{margin-top:0}.document-content h3{margin-top:1.5rem;padding-top:1rem;margin-bottom:1rem}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-102fa427\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/Document.vue\n// module id = 22\n// module chunks = 0","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/vue-style-loader/lib/listToStyles.js","<template>\n<div class=\"container-fluid\">\n  <div class=\"row flex-xl-nowrap\">\n    <div class=\"col-12 col-md-3 col-xl-2\" id=\"sidebar\">\n      <nav id=\"sidebar-nav\" class=\"collapse show\">\n        <ul class=\"nav\">\n          <li :class=\"{'nav-item': true, active: (!$route.hash && !index) || $route.hash.indexOf(group.hash) === 1}\" v-for=\"(group, index) in navs\">\n            <router-link active-class=\"active\" :class=\"{'nav-link': true, active: $route.hash.indexOf(group.hash) === 1}\" :to=\"'#' + group.hash\">{{group.name}}</router-link>\n            <ul class=\"nav\" v-if=\"group.children.length\">\n              <li class=\"nav-item\" v-for=\"child in group.children\">\n                <router-link active-class=\"active\" class=\"nav-link\" :to=\"'#' + group.hash + '-' + child.hash\">{{child.name}}</router-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </nav>\n    </div>\n    <main class=\"col-12 col-md-9 col-xl-10 py-md-3 pr-md-5 pl-md-5\" id=\"main\" role=\"main\">\n      <h1 class=\"document-title\" id=\"document-title\">{{$t('document.title')}}</h1>\n      <div class=\"document-content\" v-markdown>{{document}}</div>\n    </main>\n  </div>\n  </div>\n</div>\n</template>\n<style>\n.document-title {\n  margin-bottom: 2rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid #ddd;\n}\n.document-content h2 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-top: 4rem;\n  border-bottom: 1px solid #eaecef;\n}\n\n.document-content h2:first-child {\n  margin-top: 0;\n}\n\n\n.document-content h2 + h3 {\n  margin-top: 0rem;\n}\n\n.document-content h3 {\n  margin-top: 1.5rem;\n  padding-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n</style>\n<script>\nimport marked from 'marked'\nexport default {\n  computed: {\n    document() {\n      return require('../docs/' + this.$i18n.locale)\n    },\n\n    navs() {\n      let tokens = marked.lexer(this.document)\n      let rootNode = {\n        name: '',\n        children: [],\n        level: 1,\n      }\n      let parent = rootNode\n      let navPrev\n      for (let i = 0; i < tokens.length; i++) {\n        let token = tokens[i]\n        if (token.type !== 'heading') {\n          continue\n        }\n\n        let nav = {\n          name: token.text,\n          hash: token.text.toLowerCase().replace(/([\\u0000-\\u002F\\u003A-\\u0060\\u007B-\\u007F]+)/g, '-').replace(/^\\-+|\\-+$/, ''),\n          level: token.depth,\n          children: [],\n        }\n        if (!navPrev || nav.level === navPrev.level) {\n          // empty\n        } else if (nav.level > navPrev.level) {\n          // next\n          parent = navPrev\n        } else {\n          while (nav.level < navPrev.level && navPrev.parent) {\n            navPrev = navPrev.parent\n            parent = navPrev.parent\n          }\n        }\n\n        nav.parent = parent\n        parent.children.push(nav)\n        navPrev = nav\n      }\n      return rootNode.children\n    },\n  },\n  watch: {\n    /**\n     * [$route description]\n     * @param  {[type]} route [description]\n     * @return {[type]}       [description]\n     */\n    $route(route) {\n      if (route.hash) {\n        let el = document.querySelector(route.hash)\n        window.scrollTo(0, el ? el.offsetTop : 0)\n      } else {\n        window.scrollTo(0, 0)\n      }\n    }\n  },\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Document.vue?06e3f9e6","var map = {\n\t\"./en\": 5,\n\t\"./en.md\": 5,\n\t\"./zh-cn\": 6,\n\t\"./zh-cn.md\": 6\n};\nfunction webpackContext(req) {\n\treturn __webpack_require__(webpackContextResolve(req));\n};\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) // check for number or string\n\t\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n\treturn id;\n};\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 25;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/docs ^\\.\\/.*$\n// module id = 25\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row flex-xl-nowrap\"},[_c('div',{staticClass:\"col-12 col-md-3 col-xl-2\",attrs:{\"id\":\"sidebar\"}},[_c('nav',{staticClass:\"collapse show\",attrs:{\"id\":\"sidebar-nav\"}},[_c('ul',{staticClass:\"nav\"},_vm._l((_vm.navs),function(group,index){return _c('li',{class:{'nav-item': true, active: (!_vm.$route.hash && !index) || _vm.$route.hash.indexOf(group.hash) === 1}},[_c('router-link',{class:{'nav-link': true, active: _vm.$route.hash.indexOf(group.hash) === 1},attrs:{\"active-class\":\"active\",\"to\":'#' + group.hash}},[_vm._v(_vm._s(group.name))]),(group.children.length)?_c('ul',{staticClass:\"nav\"},_vm._l((group.children),function(child){return _c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":'#' + group.hash + '-' + child.hash}},[_vm._v(_vm._s(child.name))])],1)})):_vm._e()],1)}))])]),_c('main',{staticClass:\"col-12 col-md-9 col-xl-10 py-md-3 pr-md-5 pl-md-5\",attrs:{\"id\":\"main\",\"role\":\"main\"}},[_c('h1',{staticClass:\"document-title\",attrs:{\"id\":\"document-title\"}},[_vm._v(_vm._s(_vm.$t('document.title')))]),_c('div',{directives:[{name:\"markdown\",rawName:\"v-markdown\"}],staticClass:\"document-content\"},[_vm._v(_vm._s(_vm.document))])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-102fa427\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/Document.vue\n// module id = 26\n// module chunks = 0","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-f18b6ae4\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Example.vue\"\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/Example.vue\n// module id = 27\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row flex-xl-nowrap\"},[_c('div',{staticClass:\"col-12 col-md-3 col-xl-2\",attrs:{\"id\":\"sidebar\"}},[_c('nav',{staticClass:\"collapse show\",attrs:{\"id\":\"sidebar-nav\"}},[_c('ul',{staticClass:\"nav\"},[_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/full')}},[_vm._v(_vm._s(_vm.$t('example.full')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/simple')}},[_vm._v(_vm._s(_vm.$t('example.simple')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/avatar')}},[_vm._v(_vm._s(_vm.$t('example.avatar')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/drag')}},[_vm._v(_vm._s(_vm.$t('example.drag')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/multiple')}},[_vm._v(_vm._s(_vm.$t('example.multiple')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/vuex')}},[_vm._v(_vm._s(_vm.$t('example.vuex')))])],1)])])]),_c('main',{staticClass:\"col-12 col-md-9 col-xl-10 py-md-3 pr-md-5 pl-md-5\",attrs:{\"id\":\"main\",\"role\":\"main\"}},[_c('router-view')],1)])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-f18b6ae4\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/Example.vue\n// module id = 28\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60fc9379\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Full.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Full.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-60fc9379\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Full.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Full.vue\n// module id = 29\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60fc9379\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Full.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3e9ccf96\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-60fc9379\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Full.vue\n// module id = 30\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-full .btn-group .dropdown-menu{display:block;visibility:hidden;transition:all .2s}.example-full .btn-group:hover>.dropdown-menu{visibility:visible}.example-full label.dropdown-item{margin-bottom:0}.example-full .btn-group .dropdown-toggle{margin-right:.6rem}.example-full .filename{margin-bottom:.3rem}.example-full .btn-is-option{margin-top:.25rem}.example-full .example-foorer{padding:.5rem 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.example-full .edit-image img{max-width:100%}.example-full .edit-image-tool{margin-top:.6rem}.example-full .edit-image-tool .btn-group{margin-right:.6rem}.example-full .footer-status{padding-top:.4rem}.example-full .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-full .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-60fc9379\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Full.vue\n// module id = 31\n// module chunks = 0","<template>\n<div class=\"example-full\">\n  <button type=\"button\" class=\"btn btn-danger float-right btn-is-option\" @click.prevent=\"isOption = !isOption\">\n    <i class=\"fa fa-cog\" aria-hidden=\"true\"></i>\n    Options\n  </button>\n  <h1 id=\"document-title\" class=\"document-title\">Full Example</h1>\n\n  <div v-show=\"$refs.upload && $refs.upload.dropActive\" class=\"drop-active\">\n\t\t<h3>Drop files to upload</h3>\n  </div>\n  <div class=\"upload\" v-show=\"!isOption\">\n    <table class=\"table table-hover\">\n      <thead>\n        <tr>\n          <th>#</th>\n          <th>Thumb</th>\n          <th>Name</th>\n          <th>Size</th>\n          <th>Speed</th>\n          <th>Status</th>\n          <th>Action</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-if=\"!files.length\">\n          <td colspan=\"7\">\n            <div class=\"text-center p-5\">\n              <h4>Drop files anywhere to upload<br/>or</h4>\n              <label :for=\"name\" class=\"btn btn-lg btn-primary\">Select Files</label>\n            </div>\n          </td>\n        </tr>\n        <tr v-for=\"(file, index) in files\" :key=\"file.id\">\n          <td>{{index}}</td>\n          <td>\n            <img v-if=\"file.thumb\" :src=\"file.thumb\" width=\"40\" height=\"auto\" />\n            <span v-else>No Image</span>\n          </td>\n          <td>\n            <div class=\"filename\">\n              {{file.name}}\n            </div>\n            <div class=\"progress\" v-if=\"file.active || file.progress !== '0.00'\">\n              <div :class=\"{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active}\" role=\"progressbar\" :style=\"{width: file.progress + '%'}\">{{file.progress}}%</div>\n            </div>\n          </td>\n          <td>{{file.size | formatSize}}</td>\n          <td>{{file.speed | formatSize}}</td>\n\n          <td v-if=\"file.error\">{{file.error}}</td>\n          <td v-else-if=\"file.success\">success</td>\n          <td v-else-if=\"file.active\">active</td>\n          <td v-else></td>\n          <td>\n            <div class=\"btn-group\">\n              <button class=\"btn btn-secondary btn-sm dropdown-toggle\" type=\"button\">\n                Action\n              </button>\n              <div class=\"dropdown-menu\">\n                <a :class=\"{'dropdown-item': true, disabled: file.active || file.success}\" href=\"#\" @click.prevent=\"file.active || file.success ? false :  onEditFileShow(file)\">Edit</a>\n                <a :class=\"{'dropdown-item': true, disabled: !file.active}\" href=\"#\" @click.prevent=\"file.active ? $refs.upload.update(file, {error: 'cancel'}) : false\">Cancel</a>\n\n                <a class=\"dropdown-item\" href=\"#\" v-if=\"file.active\" @click.prevent=\"$refs.upload.update(file, {active: false})\">Abort</a>\n                <a class=\"dropdown-item\" href=\"#\" v-else-if=\"file.error && $refs.upload.features.html5\" @click.prevent=\"$refs.upload.update(file, {active: true, error: '', progress: '0.00'})\">Retry upload</a>\n                <a :class=\"{'dropdown-item': true, disabled: file.success}\" href=\"#\" v-else @click.prevent=\"file.success ? false : $refs.upload.update(file, {active: true})\">Upload</a>\n\n                <div class=\"dropdown-divider\"></div>\n                <a class=\"dropdown-item\" href=\"#\" @click.prevent=\"$refs.upload.remove(file)\">Remove</a>\n              </div>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div class=\"example-foorer\">\n      <div class=\"footer-status float-right\">\n        Drop: {{$refs.upload ? $refs.upload.drop : false}},\n        Active: {{$refs.upload ? $refs.upload.active : false}},\n        Uploaded: {{$refs.upload ? $refs.upload.uploaded : true}},\n        Drop active: {{$refs.upload ? $refs.upload.dropActive : false}}\n      </div>\n      <div class=\"btn-group\">\n        <file-upload class=\"btn btn-primary dropdown-toggle\"\n          :post-action=\"postAction\"\n          :put-action=\"putAction\"\n          :extensions=\"extensions\"\n          :accept=\"accept\"\n          :multiple=\"multiple\"\n          :directory=\"directory\"\n          :size=\"size || 0\"\n          :thread=\"thread < 1 ? 1 : (thread > 5 ? 5 : thread)\"\n          :headers=\"headers\"\n          :data=\"data\"\n          :drop=\"drop\"\n          :drop-directory=\"dropDirectory\"\n          v-model=\"files\"\n          @input-filter=\"inputFilter\"\n          @input-file=\"inputFile\"\n          ref=\"upload\">\n          <i class=\"fa fa-plus\"></i>\n          Select\n        </file-upload>\n        <div class=\"dropdown-menu\">\n          <label class=\"dropdown-item\" :for=\"name\">Add files</label>\n          <a class=\"dropdown-item\" href=\"#\" @click=\"onAddFolader\">Add folder</a>\n          <a class=\"dropdown-item\" href=\"#\" @click.prevent=\"addData.show = true\">Add data</a>\n        </div>\n      </div>\n      <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\">\n        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n        Start Upload\n      </button>\n      <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload.active = false\">\n        <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n        Stop Upload\n      </button>\n    </div>\n  </div>\n\n\n\n\n\n  <div class=\"option\" v-show=\"isOption\">\n    <div class=\"form-group\">\n      <label for=\"accept\">Accept:</label>\n      <input type=\"text\" id=\"accept\" class=\"form-control\" v-model=\"accept\">\n      <small class=\"form-text text-muted\">Allow upload mime type</small>\n    </div>\n    <div class=\"form-group\">\n      <label for=\"extensions\">Extensions:</label>\n      <input type=\"text\" id=\"extensions\" class=\"form-control\" v-model=\"extensions\">\n      <small class=\"form-text text-muted\">Allow upload file extension</small>\n    </div>\n    <div class=\"form-group\">\n      <label>PUT Upload:</label>\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"put-action\" id=\"put-action\" value=\"\" v-model=\"putAction\"> Off\n        </label>\n      </div>\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"put-action\" id=\"put-action\" value=\"/upload/put\" v-model=\"putAction\"> On\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">After the shutdown, use the POST method to upload</small>\n    </div>\n    <div class=\"form-group\">\n      <label for=\"thread\">Thread:</label>\n      <input type=\"number\" max=\"5\" min=\"1\" id=\"thread\" class=\"form-control\" v-model.number=\"thread\">\n      <small class=\"form-text text-muted\">Also upload the number of files at the same time (number of threads)</small>\n    </div>\n    <div class=\"form-group\">\n      <label for=\"size\">Max size:</label>\n      <input type=\"number\" min=\"0\" id=\"size\" class=\"form-control\" v-model.number=\"size\">\n    </div>\n    <div class=\"form-group\">\n      <label for=\"minSize\">Min size:</label>\n      <input type=\"number\" min=\"0\" id=\"minSize\" class=\"form-control\" v-model.number=\"minSize\">\n    </div>\n    <div class=\"form-group\">\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input type=\"checkbox\" id=\"drop\" class=\"form-check-input\" v-model=\"drop\"> Drop\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">Drag and drop upload</small>\n    </div>\n    <div class=\"form-group\">\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input type=\"checkbox\" id=\"drop-directory\" class=\"form-check-input\" v-model=\"dropDirectory\"> Drop directory\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">Not checked, filter the dragged folder</small>\n    </div>\n    <div class=\"form-group\">\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input type=\"checkbox\" id=\"upload-auto\" class=\"form-check-input\" v-model=\"uploadAuto\"> Auto start\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">Automatically activate upload</small>\n    </div>\n    <div class=\"form-group\">\n      <button type=\"button\" class=\"btn btn-primary btn-lg btn-block\" @click.prevent=\"isOption = !isOption\">Confirm</button>\n    </div>\n  </div>\n\n\n\n\n\n  <div :class=\"{'modal-backdrop': true, 'fade': true, show: addData.show}\"></div>\n  <div :class=\"{modal: true, fade: true, show: addData.show}\" id=\"modal-add-data\" tabindex=\"-1\" role=\"dialog\">\n    <div class=\"modal-dialog\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">Add data</h5>\n          <button type=\"button\" class=\"close\"  @click.prevent=\"addData.show = false\">\n            <span>&times;</span>\n          </button>\n        </div>\n        <form @submit.prevent=\"onAddData\">\n          <div class=\"modal-body\">\n            <div class=\"form-group\">\n              <label for=\"name\">Name:</label>\n              <input type=\"text\" class=\"form-control\" required id=\"name\"  placeholder=\"Please enter a file name\" v-model=\"addData.name\">\n              <small class=\"form-text text-muted\">Such as <code>filename.txt</code></small>\n            </div>\n            <div class=\"form-group\">\n              <label for=\"type\">Type:</label>\n              <input type=\"text\" class=\"form-control\" required id=\"type\"  placeholder=\"Please enter the MIME type\" v-model=\"addData.type\">\n              <small class=\"form-text text-muted\">Such as <code>text/plain</code></small>\n            </div>\n            <div class=\"form-group\">\n              <label for=\"content\">Content:</label>\n              <textarea class=\"form-control\" required id=\"content\" rows=\"3\" placeholder=\"Please enter the file contents\" v-model=\"addData.content\"></textarea>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-secondary\" @click.prevent=\"addData.show = false\">Close</button>\n            <button type=\"submit\" class=\"btn btn-primary\">Save</button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n\n\n\n\n\n  <div :class=\"{'modal-backdrop': true, 'fade': true, show: editFile.show}\"></div>\n  <div :class=\"{modal: true, fade: true, show: editFile.show}\" id=\"modal-edit-file\" tabindex=\"-1\" role=\"dialog\">\n    <div class=\"modal-dialog modal-lg\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">Edit file</h5>\n          <button type=\"button\" class=\"close\"  @click.prevent=\"editFile.show = false\">\n            <span>&times;</span>\n          </button>\n        </div>\n        <form @submit.prevent=\"onEditorFile\">\n          <div class=\"modal-body\">\n            <div class=\"form-group\">\n              <label for=\"name\">Name:</label>\n              <input type=\"text\" class=\"form-control\" required id=\"name\"  placeholder=\"Please enter a file name\" v-model=\"editFile.name\">\n            </div>\n            <div class=\"form-group\" v-if=\"editFile.show && editFile.blob && editFile.type && editFile.type.substr(0, 6) === 'image/'\">\n              <label>Image: </label>\n              <div class=\"edit-image\">\n                <img :src=\"editFile.blob\" ref=\"editImage\" />\n              </div>\n\n              <div class=\"edit-image-tool\">\n                <div class=\"btn-group\" role=\"group\">\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.rotate(-90)\" title=\"cropper.rotate(-90)\"><i class=\"fa fa-undo\" aria-hidden=\"true\"></i></button>\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.rotate(90)\"  title=\"cropper.rotate(90)\"><i class=\"fa fa-repeat\" aria-hidden=\"true\"></i></button>\n                </div>\n                <div class=\"btn-group\" role=\"group\">\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.crop()\" title=\"cropper.crop()\"><i class=\"fa fa-check\" aria-hidden=\"true\"></i></button>\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.clear()\" title=\"cropper.clear()\"><i class=\"fa fa-remove\" aria-hidden=\"true\"></i></button>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-secondary\" @click.prevent=\"editFile.show = false\">Close</button>\n            <button type=\"submit\" class=\"btn btn-primary\">Save</button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"pt-5\">\n    Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue</a>\n  </div>\n\n</div>\n</template>\n<style>\n.example-full .btn-group .dropdown-menu {\n  display: block;\n  visibility: hidden;\n  transition: all .2s\n}\n.example-full .btn-group:hover > .dropdown-menu {\n  visibility: visible;\n}\n\n.example-full label.dropdown-item {\n  margin-bottom: 0;\n}\n\n.example-full .btn-group .dropdown-toggle {\n  margin-right: .6rem\n}\n\n\n\n.example-full .filename {\n  margin-bottom: .3rem\n}\n\n.example-full .btn-is-option {\n  margin-top: 0.25rem;\n}\n.example-full .example-foorer {\n  padding: .5rem 0;\n  border-top: 1px solid #e9ecef;\n  border-bottom: 1px solid #e9ecef;\n}\n\n\n.example-full .edit-image img {\n  max-width: 100%;\n}\n\n.example-full .edit-image-tool {\n  margin-top: .6rem;\n}\n\n.example-full .edit-image-tool .btn-group{\n  margin-right: .6rem;\n}\n\n.example-full .footer-status {\n  padding-top: .4rem;\n}\n\n.example-full .drop-active {\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  position: fixed;\n  z-index: 9999;\n  opacity: .6;\n  text-align: center;\n  background: #000;\n}\n\n.example-full .drop-active h3 {\n  margin: -.5em 0 0;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  font-size: 40px;\n  color: #fff;\n  padding: 0;\n}\n</style>\n\n<script>\nimport Cropper from 'cropperjs'\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  data() {\n    return {\n      files: [],\n      accept: 'image/png,image/gif,image/jpeg,image/webp',\n      extensions: 'gif,jpg,jpeg,png,webp',\n      // extensions: ['gif', 'jpg', 'jpeg','png', 'webp'],\n      // extensions: /\\.(gif|jpe?g|png|webp)$/i,\n      minSize: 1024,\n      size: 1024 * 1024 * 10,\n      multiple: true,\n      directory: false,\n      drop: true,\n      dropDirectory: true,\n      thread: 3,\n      name: 'file',\n      postAction: '/upload/post',\n      putAction: '/upload/put',\n      headers: {\n        'X-Csrf-Token': 'xxxx',\n      },\n      data: {\n        '_csrf_token': 'xxxxxx',\n      },\n\n\n      uploadAuto: false,\n      isOption: false,\n\n      addData: {\n        show: false,\n        name: '',\n        type: '',\n        content: '',\n      },\n\n\n      editFile: {\n        show: false,\n        name: '',\n      }\n    }\n  },\n\n  watch: {\n    'editFile.show'(newValue, oldValue) {\n      // 关闭了 自动删除 error\n      if (!newValue && oldValue) {\n        this.$refs.upload.update(this.editFile.id, { error: this.editFile.error || '' })\n      }\n\n      if (newValue) {\n        this.$nextTick(function () {\n          if (!this.$refs.editImage) {\n            return\n          }\n          let cropper = new Cropper(this.$refs.editImage, {\n            autoCrop: false,\n          })\n          this.editFile = {\n            ...this.editFile,\n            cropper\n          }\n        })\n      }\n    },\n\n    'addData.show'(show) {\n      if (show) {\n        this.addData.name = ''\n        this.addData.type = ''\n        this.addData.content = ''\n      }\n    },\n  },\n\n  methods: {\n    inputFilter(newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // Before adding a file\n        // 添加文件前\n\n        // Filter system files or hide files\n        // 过滤系统文件 和隐藏文件\n        if (/(\\/|^)(Thumbs\\.db|desktop\\.ini|\\..+)$/.test(newFile.name)) {\n          return prevent()\n        }\n\n        // Filter php html js file\n        // 过滤 php html js 文件\n        if (/\\.(php5?|html?|jsx?)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n\n\n      if (newFile && (!oldFile || newFile.file !== oldFile.file)) {\n\n        // Create a blob field\n        // 创建 blob 字段\n        newFile.blob = ''\n        let URL = window.URL || window.webkitURL\n        if (URL && URL.createObjectURL) {\n          newFile.blob = URL.createObjectURL(newFile.file)\n        }\n\n        // Thumbnails\n        // 缩略图\n        newFile.thumb = ''\n        if (newFile.blob && newFile.type.substr(0, 6) === 'image/') {\n          newFile.thumb = newFile.blob\n        }\n      }\n    },\n\n    // add, update, remove File Event\n    inputFile(newFile, oldFile) {\n      if (newFile && oldFile) {\n        // update\n\n        if (newFile.active && !oldFile.active) {\n          // beforeSend\n\n          // min size\n          if (newFile.size >= 0 && this.minSize > 0 && newFile.size < this.minSize) {\n            this.$refs.upload.update(newFile, { error: 'size' })\n          }\n        }\n\n        if (newFile.progress !== oldFile.progress) {\n          // progress\n        }\n\n        if (newFile.error && !oldFile.error) {\n          // error\n        }\n\n        if (newFile.success && !oldFile.success) {\n          // success\n        }\n      }\n\n\n      if (!newFile && oldFile) {\n        // remove\n        if (oldFile.success && oldFile.response.id) {\n          // $.ajax({\n          //   type: 'DELETE',\n          //   url: '/upload/delete?id=' + oldFile.response.id,\n          // })\n        }\n      }\n\n\n      // Automatically activate upload\n      if (newFile && !oldFile && this.uploadAuto && !this.$refs.upload.active) {\n        this.$refs.upload.active = true\n      }\n    },\n\n\n    alert(message) {\n      alert(message)\n    },\n\n\n    onEditFileShow(file) {\n      this.editFile = { ...file, show: true }\n      this.$refs.upload.update(file, { error: 'edit' })\n    },\n\n    async onEditorFile() {\n      if (!this.$refs.upload.features.html5) {\n        this.alert('Your browser does not support')\n        this.editFile.show = false\n        return\n      }\n\n      let data = {\n        name: this.editFile.name,\n      }\n      if (this.editFile.cropper) {\n        let blob = await new Promise((resolve, reject) => {\n          this.editFile.cropper.getCroppedCanvas().toBlob(function (value) {\n            resolve(value)\n          })\n        })\n        data.file = new File([blob], data.name, { type: blob.type })\n        data.type = blob.type\n        data.size = blob.size\n      }\n      this.$refs.upload.update(this.editFile.id, data)\n      this.editFile.error = ''\n      this.editFile.show = false\n    },\n\n    // add folader\n    onAddFolader() {\n      if (!this.$refs.upload.features.directory) {\n        this.alert('Your browser does not support')\n        return\n      }\n\n      let input = this.$refs.upload.$el.querySelector('input')\n      input.directory = true\n      input.webkitdirectory = true\n      this.directory = true\n\n      input.onclick = null\n      input.click()\n      input.onclick = (e) => {\n        this.directory = false\n        input.directory = false\n        input.webkitdirectory = false\n      }\n    },\n\n    onAddData() {\n      this.addData.show = false\n      if (!this.$refs.upload.features.html5) {\n        this.alert('Your browser does not support')\n        return\n      }\n\n      let file = new window.File([this.addData.content], this.addData.name, {\n        type: this.addData.type,\n      })\n      this.$refs.upload.add(file)\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Full.vue?62948749","module.exports = require(\"regenerator-runtime\");\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/babel-runtime/regenerator/index.js","// This method of obtaining a reference to the global object needs to be\n// kept identical to the way it is obtained in runtime.js\nvar g = (function() { return this })() || Function(\"return this\")();\n\n// Use `getOwnPropertyNames` because not all browsers support calling\n// `hasOwnProperty` on the global `self` object in a worker. See #183.\nvar hadRuntime = g.regeneratorRuntime &&\n  Object.getOwnPropertyNames(g).indexOf(\"regeneratorRuntime\") >= 0;\n\n// Save the old regeneratorRuntime in case it needs to be restored later.\nvar oldRuntime = hadRuntime && g.regeneratorRuntime;\n\n// Force reevalutation of runtime.js.\ng.regeneratorRuntime = undefined;\n\nmodule.exports = require(\"./runtime\");\n\nif (hadRuntime) {\n  // Restore the original runtime.\n  g.regeneratorRuntime = oldRuntime;\n} else {\n  // Remove the global property added by runtime.js.\n  try {\n    delete g.regeneratorRuntime;\n  } catch(e) {\n    g.regeneratorRuntime = undefined;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/regenerator-runtime/runtime-module.js","/**\n * Copyright (c) 2014, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * https://raw.github.com/facebook/regenerator/master/LICENSE file. An\n * additional grant of patent rights can be found in the PATENTS file in\n * the same directory.\n */\n\n!(function(global) {\n  \"use strict\";\n\n  var Op = Object.prototype;\n  var hasOwn = Op.hasOwnProperty;\n  var undefined; // More compressible than void 0.\n  var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n  var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n  var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n  var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n  var inModule = typeof module === \"object\";\n  var runtime = global.regeneratorRuntime;\n  if (runtime) {\n    if (inModule) {\n      // If regeneratorRuntime is defined globally and we're in a module,\n      // make the exports object identical to regeneratorRuntime.\n      module.exports = runtime;\n    }\n    // Don't bother evaluating the rest of this file if the runtime was\n    // already defined globally.\n    return;\n  }\n\n  // Define the runtime globally (as expected by generated code) as either\n  // module.exports (if we're in a module) or a new, empty object.\n  runtime = global.regeneratorRuntime = inModule ? module.exports : {};\n\n  function wrap(innerFn, outerFn, self, tryLocsList) {\n    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n    var generator = Object.create(protoGenerator.prototype);\n    var context = new Context(tryLocsList || []);\n\n    // The ._invoke method unifies the implementations of the .next,\n    // .throw, and .return methods.\n    generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n    return generator;\n  }\n  runtime.wrap = wrap;\n\n  // Try/catch helper to minimize deoptimizations. Returns a completion\n  // record like context.tryEntries[i].completion. This interface could\n  // have been (and was previously) designed to take a closure to be\n  // invoked without arguments, but in all the cases we care about we\n  // already have an existing method we want to call, so there's no need\n  // to create a new function object. We can even get away with assuming\n  // the method takes exactly one argument, since that happens to be true\n  // in every case, so we don't have to touch the arguments object. The\n  // only additional allocation required is the completion record, which\n  // has a stable shape and so hopefully should be cheap to allocate.\n  function tryCatch(fn, obj, arg) {\n    try {\n      return { type: \"normal\", arg: fn.call(obj, arg) };\n    } catch (err) {\n      return { type: \"throw\", arg: err };\n    }\n  }\n\n  var GenStateSuspendedStart = \"suspendedStart\";\n  var GenStateSuspendedYield = \"suspendedYield\";\n  var GenStateExecuting = \"executing\";\n  var GenStateCompleted = \"completed\";\n\n  // Returning this object from the innerFn has the same effect as\n  // breaking out of the dispatch switch statement.\n  var ContinueSentinel = {};\n\n  // Dummy constructor functions that we use as the .constructor and\n  // .constructor.prototype properties for functions that return Generator\n  // objects. For full spec compliance, you may wish to configure your\n  // minifier not to mangle the names of these two functions.\n  function Generator() {}\n  function GeneratorFunction() {}\n  function GeneratorFunctionPrototype() {}\n\n  // This is a polyfill for %IteratorPrototype% for environments that\n  // don't natively support it.\n  var IteratorPrototype = {};\n  IteratorPrototype[iteratorSymbol] = function () {\n    return this;\n  };\n\n  var getProto = Object.getPrototypeOf;\n  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n  if (NativeIteratorPrototype &&\n      NativeIteratorPrototype !== Op &&\n      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n    // This environment has a native %IteratorPrototype%; use it instead\n    // of the polyfill.\n    IteratorPrototype = NativeIteratorPrototype;\n  }\n\n  var Gp = GeneratorFunctionPrototype.prototype =\n    Generator.prototype = Object.create(IteratorPrototype);\n  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n  GeneratorFunctionPrototype.constructor = GeneratorFunction;\n  GeneratorFunctionPrototype[toStringTagSymbol] =\n    GeneratorFunction.displayName = \"GeneratorFunction\";\n\n  // Helper for defining the .next, .throw, and .return methods of the\n  // Iterator interface in terms of a single ._invoke method.\n  function defineIteratorMethods(prototype) {\n    [\"next\", \"throw\", \"return\"].forEach(function(method) {\n      prototype[method] = function(arg) {\n        return this._invoke(method, arg);\n      };\n    });\n  }\n\n  runtime.isGeneratorFunction = function(genFun) {\n    var ctor = typeof genFun === \"function\" && genFun.constructor;\n    return ctor\n      ? ctor === GeneratorFunction ||\n        // For the native GeneratorFunction constructor, the best we can\n        // do is to check its .name property.\n        (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n      : false;\n  };\n\n  runtime.mark = function(genFun) {\n    if (Object.setPrototypeOf) {\n      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n    } else {\n      genFun.__proto__ = GeneratorFunctionPrototype;\n      if (!(toStringTagSymbol in genFun)) {\n        genFun[toStringTagSymbol] = \"GeneratorFunction\";\n      }\n    }\n    genFun.prototype = Object.create(Gp);\n    return genFun;\n  };\n\n  // Within the body of any async function, `await x` is transformed to\n  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n  // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n  // meant to be awaited.\n  runtime.awrap = function(arg) {\n    return { __await: arg };\n  };\n\n  function AsyncIterator(generator) {\n    function invoke(method, arg, resolve, reject) {\n      var record = tryCatch(generator[method], generator, arg);\n      if (record.type === \"throw\") {\n        reject(record.arg);\n      } else {\n        var result = record.arg;\n        var value = result.value;\n        if (value &&\n            typeof value === \"object\" &&\n            hasOwn.call(value, \"__await\")) {\n          return Promise.resolve(value.__await).then(function(value) {\n            invoke(\"next\", value, resolve, reject);\n          }, function(err) {\n            invoke(\"throw\", err, resolve, reject);\n          });\n        }\n\n        return Promise.resolve(value).then(function(unwrapped) {\n          // When a yielded Promise is resolved, its final value becomes\n          // the .value of the Promise<{value,done}> result for the\n          // current iteration. If the Promise is rejected, however, the\n          // result for this iteration will be rejected with the same\n          // reason. Note that rejections of yielded Promises are not\n          // thrown back into the generator function, as is the case\n          // when an awaited Promise is rejected. This difference in\n          // behavior between yield and await is important, because it\n          // allows the consumer to decide what to do with the yielded\n          // rejection (swallow it and continue, manually .throw it back\n          // into the generator, abandon iteration, whatever). With\n          // await, by contrast, there is no opportunity to examine the\n          // rejection reason outside the generator function, so the\n          // only option is to throw it from the await expression, and\n          // let the generator function handle the exception.\n          result.value = unwrapped;\n          resolve(result);\n        }, reject);\n      }\n    }\n\n    var previousPromise;\n\n    function enqueue(method, arg) {\n      function callInvokeWithMethodAndArg() {\n        return new Promise(function(resolve, reject) {\n          invoke(method, arg, resolve, reject);\n        });\n      }\n\n      return previousPromise =\n        // If enqueue has been called before, then we want to wait until\n        // all previous Promises have been resolved before calling invoke,\n        // so that results are always delivered in the correct order. If\n        // enqueue has not been called before, then it is important to\n        // call invoke immediately, without waiting on a callback to fire,\n        // so that the async generator function has the opportunity to do\n        // any necessary setup in a predictable way. This predictability\n        // is why the Promise constructor synchronously invokes its\n        // executor callback, and why async functions synchronously\n        // execute code before the first await. Since we implement simple\n        // async functions in terms of async generators, it is especially\n        // important to get this right, even though it requires care.\n        previousPromise ? previousPromise.then(\n          callInvokeWithMethodAndArg,\n          // Avoid propagating failures to Promises returned by later\n          // invocations of the iterator.\n          callInvokeWithMethodAndArg\n        ) : callInvokeWithMethodAndArg();\n    }\n\n    // Define the unified helper method that is used to implement .next,\n    // .throw, and .return (see defineIteratorMethods).\n    this._invoke = enqueue;\n  }\n\n  defineIteratorMethods(AsyncIterator.prototype);\n  AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n    return this;\n  };\n  runtime.AsyncIterator = AsyncIterator;\n\n  // Note that simple async functions are implemented on top of\n  // AsyncIterator objects; they just return a Promise for the value of\n  // the final result produced by the iterator.\n  runtime.async = function(innerFn, outerFn, self, tryLocsList) {\n    var iter = new AsyncIterator(\n      wrap(innerFn, outerFn, self, tryLocsList)\n    );\n\n    return runtime.isGeneratorFunction(outerFn)\n      ? iter // If outerFn is a generator, return the full iterator.\n      : iter.next().then(function(result) {\n          return result.done ? result.value : iter.next();\n        });\n  };\n\n  function makeInvokeMethod(innerFn, self, context) {\n    var state = GenStateSuspendedStart;\n\n    return function invoke(method, arg) {\n      if (state === GenStateExecuting) {\n        throw new Error(\"Generator is already running\");\n      }\n\n      if (state === GenStateCompleted) {\n        if (method === \"throw\") {\n          throw arg;\n        }\n\n        // Be forgiving, per 25.3.3.3.3 of the spec:\n        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n        return doneResult();\n      }\n\n      context.method = method;\n      context.arg = arg;\n\n      while (true) {\n        var delegate = context.delegate;\n        if (delegate) {\n          var delegateResult = maybeInvokeDelegate(delegate, context);\n          if (delegateResult) {\n            if (delegateResult === ContinueSentinel) continue;\n            return delegateResult;\n          }\n        }\n\n        if (context.method === \"next\") {\n          // Setting context._sent for legacy support of Babel's\n          // function.sent implementation.\n          context.sent = context._sent = context.arg;\n\n        } else if (context.method === \"throw\") {\n          if (state === GenStateSuspendedStart) {\n            state = GenStateCompleted;\n            throw context.arg;\n          }\n\n          context.dispatchException(context.arg);\n\n        } else if (context.method === \"return\") {\n          context.abrupt(\"return\", context.arg);\n        }\n\n        state = GenStateExecuting;\n\n        var record = tryCatch(innerFn, self, context);\n        if (record.type === \"normal\") {\n          // If an exception is thrown from innerFn, we leave state ===\n          // GenStateExecuting and loop back for another invocation.\n          state = context.done\n            ? GenStateCompleted\n            : GenStateSuspendedYield;\n\n          if (record.arg === ContinueSentinel) {\n            continue;\n          }\n\n          return {\n            value: record.arg,\n            done: context.done\n          };\n\n        } else if (record.type === \"throw\") {\n          state = GenStateCompleted;\n          // Dispatch the exception by looping back around to the\n          // context.dispatchException(context.arg) call above.\n          context.method = \"throw\";\n          context.arg = record.arg;\n        }\n      }\n    };\n  }\n\n  // Call delegate.iterator[context.method](context.arg) and handle the\n  // result, either by returning a { value, done } result from the\n  // delegate iterator, or by modifying context.method and context.arg,\n  // setting context.delegate to null, and returning the ContinueSentinel.\n  function maybeInvokeDelegate(delegate, context) {\n    var method = delegate.iterator[context.method];\n    if (method === undefined) {\n      // A .throw or .return when the delegate iterator has no .throw\n      // method always terminates the yield* loop.\n      context.delegate = null;\n\n      if (context.method === \"throw\") {\n        if (delegate.iterator.return) {\n          // If the delegate iterator has a return method, give it a\n          // chance to clean up.\n          context.method = \"return\";\n          context.arg = undefined;\n          maybeInvokeDelegate(delegate, context);\n\n          if (context.method === \"throw\") {\n            // If maybeInvokeDelegate(context) changed context.method from\n            // \"return\" to \"throw\", let that override the TypeError below.\n            return ContinueSentinel;\n          }\n        }\n\n        context.method = \"throw\";\n        context.arg = new TypeError(\n          \"The iterator does not provide a 'throw' method\");\n      }\n\n      return ContinueSentinel;\n    }\n\n    var record = tryCatch(method, delegate.iterator, context.arg);\n\n    if (record.type === \"throw\") {\n      context.method = \"throw\";\n      context.arg = record.arg;\n      context.delegate = null;\n      return ContinueSentinel;\n    }\n\n    var info = record.arg;\n\n    if (! info) {\n      context.method = \"throw\";\n      context.arg = new TypeError(\"iterator result is not an object\");\n      context.delegate = null;\n      return ContinueSentinel;\n    }\n\n    if (info.done) {\n      // Assign the result of the finished delegate to the temporary\n      // variable specified by delegate.resultName (see delegateYield).\n      context[delegate.resultName] = info.value;\n\n      // Resume execution at the desired location (see delegateYield).\n      context.next = delegate.nextLoc;\n\n      // If context.method was \"throw\" but the delegate handled the\n      // exception, let the outer generator proceed normally. If\n      // context.method was \"next\", forget context.arg since it has been\n      // \"consumed\" by the delegate iterator. If context.method was\n      // \"return\", allow the original .return call to continue in the\n      // outer generator.\n      if (context.method !== \"return\") {\n        context.method = \"next\";\n        context.arg = undefined;\n      }\n\n    } else {\n      // Re-yield the result returned by the delegate method.\n      return info;\n    }\n\n    // The delegate iterator is finished, so forget it and continue with\n    // the outer generator.\n    context.delegate = null;\n    return ContinueSentinel;\n  }\n\n  // Define Generator.prototype.{next,throw,return} in terms of the\n  // unified ._invoke helper method.\n  defineIteratorMethods(Gp);\n\n  Gp[toStringTagSymbol] = \"Generator\";\n\n  // A Generator should always return itself as the iterator object when the\n  // @@iterator function is called on it. Some browsers' implementations of the\n  // iterator prototype chain incorrectly implement this, causing the Generator\n  // object to not be returned from this call. This ensures that doesn't happen.\n  // See https://github.com/facebook/regenerator/issues/274 for more details.\n  Gp[iteratorSymbol] = function() {\n    return this;\n  };\n\n  Gp.toString = function() {\n    return \"[object Generator]\";\n  };\n\n  function pushTryEntry(locs) {\n    var entry = { tryLoc: locs[0] };\n\n    if (1 in locs) {\n      entry.catchLoc = locs[1];\n    }\n\n    if (2 in locs) {\n      entry.finallyLoc = locs[2];\n      entry.afterLoc = locs[3];\n    }\n\n    this.tryEntries.push(entry);\n  }\n\n  function resetTryEntry(entry) {\n    var record = entry.completion || {};\n    record.type = \"normal\";\n    delete record.arg;\n    entry.completion = record;\n  }\n\n  function Context(tryLocsList) {\n    // The root entry object (effectively a try statement without a catch\n    // or a finally block) gives us a place to store values thrown from\n    // locations where there is no enclosing try statement.\n    this.tryEntries = [{ tryLoc: \"root\" }];\n    tryLocsList.forEach(pushTryEntry, this);\n    this.reset(true);\n  }\n\n  runtime.keys = function(object) {\n    var keys = [];\n    for (var key in object) {\n      keys.push(key);\n    }\n    keys.reverse();\n\n    // Rather than returning an object with a next method, we keep\n    // things simple and return the next function itself.\n    return function next() {\n      while (keys.length) {\n        var key = keys.pop();\n        if (key in object) {\n          next.value = key;\n          next.done = false;\n          return next;\n        }\n      }\n\n      // To avoid creating an additional object, we just hang the .value\n      // and .done properties off the next function object itself. This\n      // also ensures that the minifier will not anonymize the function.\n      next.done = true;\n      return next;\n    };\n  };\n\n  function values(iterable) {\n    if (iterable) {\n      var iteratorMethod = iterable[iteratorSymbol];\n      if (iteratorMethod) {\n        return iteratorMethod.call(iterable);\n      }\n\n      if (typeof iterable.next === \"function\") {\n        return iterable;\n      }\n\n      if (!isNaN(iterable.length)) {\n        var i = -1, next = function next() {\n          while (++i < iterable.length) {\n            if (hasOwn.call(iterable, i)) {\n              next.value = iterable[i];\n              next.done = false;\n              return next;\n            }\n          }\n\n          next.value = undefined;\n          next.done = true;\n\n          return next;\n        };\n\n        return next.next = next;\n      }\n    }\n\n    // Return an iterator with no values.\n    return { next: doneResult };\n  }\n  runtime.values = values;\n\n  function doneResult() {\n    return { value: undefined, done: true };\n  }\n\n  Context.prototype = {\n    constructor: Context,\n\n    reset: function(skipTempReset) {\n      this.prev = 0;\n      this.next = 0;\n      // Resetting context._sent for legacy support of Babel's\n      // function.sent implementation.\n      this.sent = this._sent = undefined;\n      this.done = false;\n      this.delegate = null;\n\n      this.method = \"next\";\n      this.arg = undefined;\n\n      this.tryEntries.forEach(resetTryEntry);\n\n      if (!skipTempReset) {\n        for (var name in this) {\n          // Not sure about the optimal order of these conditions:\n          if (name.charAt(0) === \"t\" &&\n              hasOwn.call(this, name) &&\n              !isNaN(+name.slice(1))) {\n            this[name] = undefined;\n          }\n        }\n      }\n    },\n\n    stop: function() {\n      this.done = true;\n\n      var rootEntry = this.tryEntries[0];\n      var rootRecord = rootEntry.completion;\n      if (rootRecord.type === \"throw\") {\n        throw rootRecord.arg;\n      }\n\n      return this.rval;\n    },\n\n    dispatchException: function(exception) {\n      if (this.done) {\n        throw exception;\n      }\n\n      var context = this;\n      function handle(loc, caught) {\n        record.type = \"throw\";\n        record.arg = exception;\n        context.next = loc;\n\n        if (caught) {\n          // If the dispatched exception was caught by a catch block,\n          // then let that catch block handle the exception normally.\n          context.method = \"next\";\n          context.arg = undefined;\n        }\n\n        return !! caught;\n      }\n\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        var record = entry.completion;\n\n        if (entry.tryLoc === \"root\") {\n          // Exception thrown outside of any try block that could handle\n          // it, so set the completion value of the entire function to\n          // throw the exception.\n          return handle(\"end\");\n        }\n\n        if (entry.tryLoc <= this.prev) {\n          var hasCatch = hasOwn.call(entry, \"catchLoc\");\n          var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n          if (hasCatch && hasFinally) {\n            if (this.prev < entry.catchLoc) {\n              return handle(entry.catchLoc, true);\n            } else if (this.prev < entry.finallyLoc) {\n              return handle(entry.finallyLoc);\n            }\n\n          } else if (hasCatch) {\n            if (this.prev < entry.catchLoc) {\n              return handle(entry.catchLoc, true);\n            }\n\n          } else if (hasFinally) {\n            if (this.prev < entry.finallyLoc) {\n              return handle(entry.finallyLoc);\n            }\n\n          } else {\n            throw new Error(\"try statement without catch or finally\");\n          }\n        }\n      }\n    },\n\n    abrupt: function(type, arg) {\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        if (entry.tryLoc <= this.prev &&\n            hasOwn.call(entry, \"finallyLoc\") &&\n            this.prev < entry.finallyLoc) {\n          var finallyEntry = entry;\n          break;\n        }\n      }\n\n      if (finallyEntry &&\n          (type === \"break\" ||\n           type === \"continue\") &&\n          finallyEntry.tryLoc <= arg &&\n          arg <= finallyEntry.finallyLoc) {\n        // Ignore the finally entry if control is not jumping to a\n        // location outside the try/catch block.\n        finallyEntry = null;\n      }\n\n      var record = finallyEntry ? finallyEntry.completion : {};\n      record.type = type;\n      record.arg = arg;\n\n      if (finallyEntry) {\n        this.method = \"next\";\n        this.next = finallyEntry.finallyLoc;\n        return ContinueSentinel;\n      }\n\n      return this.complete(record);\n    },\n\n    complete: function(record, afterLoc) {\n      if (record.type === \"throw\") {\n        throw record.arg;\n      }\n\n      if (record.type === \"break\" ||\n          record.type === \"continue\") {\n        this.next = record.arg;\n      } else if (record.type === \"return\") {\n        this.rval = this.arg = record.arg;\n        this.method = \"return\";\n        this.next = \"end\";\n      } else if (record.type === \"normal\" && afterLoc) {\n        this.next = afterLoc;\n      }\n\n      return ContinueSentinel;\n    },\n\n    finish: function(finallyLoc) {\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        if (entry.finallyLoc === finallyLoc) {\n          this.complete(entry.completion, entry.afterLoc);\n          resetTryEntry(entry);\n          return ContinueSentinel;\n        }\n      }\n    },\n\n    \"catch\": function(tryLoc) {\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        if (entry.tryLoc === tryLoc) {\n          var record = entry.completion;\n          if (record.type === \"throw\") {\n            var thrown = record.arg;\n            resetTryEntry(entry);\n          }\n          return thrown;\n        }\n      }\n\n      // The context.catch method must only be called with a location\n      // argument that corresponds to a known catch block.\n      throw new Error(\"illegal catch attempt\");\n    },\n\n    delegateYield: function(iterable, resultName, nextLoc) {\n      this.delegate = {\n        iterator: values(iterable),\n        resultName: resultName,\n        nextLoc: nextLoc\n      };\n\n      if (this.method === \"next\") {\n        // Deliberately forget the last sent value so that we don't\n        // accidentally pass it on to the delegate.\n        this.arg = undefined;\n      }\n\n      return ContinueSentinel;\n    }\n  };\n})(\n  // In sloppy mode, unbound `this` refers to the global object, fallback to\n  // Function constructor if we're in global strict mode. That is sadly a form\n  // of indirect eval which violates Content Security Policy.\n  (function() { return this })() || Function(\"return this\")()\n);\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/regenerator-runtime/runtime.js","module.exports = function(module) {\r\n\tif(!module.webpackPolyfill) {\r\n\t\tmodule.deprecate = function() {};\r\n\t\tmodule.paths = [];\r\n\t\t// module.parent = undefined by default\r\n\t\tif(!module.children) module.children = [];\r\n\t\tObject.defineProperty(module, \"loaded\", {\r\n\t\t\tenumerable: true,\r\n\t\t\tget: function() {\r\n\t\t\t\treturn module.l;\r\n\t\t\t}\r\n\t\t});\r\n\t\tObject.defineProperty(module, \"id\", {\r\n\t\t\tenumerable: true,\r\n\t\t\tget: function() {\r\n\t\t\t\treturn module.i;\r\n\t\t\t}\r\n\t\t});\r\n\t\tmodule.webpackPolyfill = 1;\r\n\t}\r\n\treturn module;\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// (webpack)/buildin/module.js","module.exports = Cropper;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Cropper\"\n// module id = 37\n// module chunks = 0","module.exports = require('./FileUpload.vue')\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ce9890fe\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./FileUpload.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../node_modules/vue-loader/lib/selector?type=script&index=0!./FileUpload.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ce9890fe\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../node_modules/vue-loader/lib/selector?type=template&index=0!./FileUpload.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/FileUpload.vue\n// module id = 39\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/index.js?minimize!../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ce9890fe\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./FileUpload.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3289e763\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ce9890fe\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/FileUpload.vue\n// module id = 40\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".file-uploads{overflow:hidden;position:relative;text-align:center;display:inline-block}.file-uploads.file-uploads-html4 input[type=file]{opacity:0;font-size:20em;z-index:1;top:0;left:0;right:0;bottom:0;position:absolute;width:100%;height:100%}.file-uploads.file-uploads-html5 input[type=file]{overflow:hidden;position:fixed;width:1px;height:1px;z-index:-1;opacity:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ce9890fe\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/FileUpload.vue\n// module id = 41\n// module chunks = 0","<template>\n  <label :class=\"className\">\n    <slot></slot>\n    <input-file></input-file>\n  </label>\n</template>\n<style>\n.file-uploads {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  display: inline-block;\n}\n.file-uploads.file-uploads-html4 input[type=\"file\"] {\n  opacity: 0;\n  font-size: 20em;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.file-uploads.file-uploads-html5 input[type=\"file\"] {\n  overflow: hidden;\n  position: fixed;\n  width: 1px;\n  height: 1px;\n  z-index: -1;\n  opacity: 0;\n}\n</style>\n<script>\nimport InputFile from './InputFile.vue'\nexport default {\n  components: {\n    InputFile,\n  },\n  props: {\n    inputId: {\n      type: String,\n    },\n\n    name: {\n      type: String,\n      default: 'file',\n    },\n\n    accept: {\n      type: String,\n    },\n\n    multiple: {\n      type: Boolean,\n    },\n\n    directory: {\n      type: Boolean,\n    },\n\n    postAction: {\n      type: String,\n    },\n\n    putAction: {\n      type: String,\n    },\n\n    headers: {\n      type: Object,\n      default: Object,\n    },\n\n    data: {\n      type: Object,\n      default: Object,\n    },\n\n    timeout: {\n      type: Number,\n      default: 0,\n    },\n\n\n    drop: {\n      default: false,\n    },\n\n    dropDirectory: {\n      type: Boolean,\n      default: true,\n    },\n\n    size: {\n      type: Number,\n      default: 0,\n    },\n\n    extensions: {\n      default: Array,\n    },\n\n\n    value: {\n      type: Array,\n      default: Array,\n    },\n\n    thread: {\n      type: Number,\n      default: 1,\n    },\n  },\n\n  data() {\n    return {\n      files: this.value,\n      features: {\n        html5: true,\n        directory: false,\n        drag: false,\n      },\n\n      active: false,\n      dropActive: false,\n\n      uploading: 0,\n\n      destroy: false,\n    }\n  },\n\n\n  /**\n   * mounted\n   * @return {[type]} [description]\n   */\n  mounted() {\n    let input = document.createElement('input')\n    input.type = 'file'\n    input.multiple = true\n\n    // html5 特征\n    if (window.FormData && input.files) {\n      // 上传目录特征\n      if (typeof input.webkitdirectory === 'boolean' || typeof input.directory === 'boolean') {\n        this.features.directory = true\n      }\n\n      // 拖拽特征\n      if (this.features.html5 && typeof input.ondrop !== 'undefined') {\n        this.features.drop = true\n      }\n    } else {\n      this.features.html5 = false\n    }\n\n    // files 定位缓存\n    this.maps = {}\n\n    this.$nextTick(function () {\n\n      // 更新下父级\n      if (this.$parent) {\n        this.$parent.$forceUpdate()\n      }\n\n      // 拖拽渲染\n      this.watchDrop(this.drop)\n    })\n  },\n\n  /**\n   * beforeDestroy\n   * @return {[type]} [description]\n   */\n  beforeDestroy() {\n    // 已销毁\n    this.destroy = true\n\n    // 设置成不激活\n    this.active = false\n  },\n\n  computed: {\n    /**\n     * uploading 正在上传的线程\n     * @return {[type]} [description]\n     */\n    /*\n    uploading() {\n      let uploading = 0\n      for (var i = 0; i < this.files.length; i++) {\n        if (this.files[i].active) {\n          uploading++\n        }\n      }\n      return uploading\n    },\n    */\n    /**\n     * uploaded 文件列表是否全部已上传\n     * @return {[type]} [description]\n     */\n    uploaded() {\n      let file\n      for (let i = 0; i < this.files.length; i++) {\n        file = this.files[i]\n        if (file.fileObject && !file.error && !file.success) {\n          return false\n        }\n      }\n      return true\n    },\n\n\n    className() {\n      return [\n        'file-uploads',\n        this.features.html5 ? 'file-uploads-html5' : 'file-uploads-html4',\n        this.features.directory && this.directory ? 'file-uploads-directory' : undefined,\n        this.features.drop && this.drop ? 'file-uploads-drop' : undefined,\n      ]\n    }\n  },\n\n\n  watch: {\n    active(active) {\n      this.watchActive(active)\n    },\n\n    dropActive() {\n      if (this.$parent) {\n        this.$parent.$forceUpdate()\n      }\n    },\n\n    drop(value) {\n      this.watchDrop(value)\n    },\n\n    value(files) {\n      if (this.files === files) {\n        return\n      }\n      this.files = files\n\n      let oldMaps = this.maps\n\n      // 重写 maps 缓存\n      this.maps = {}\n      for (let i = 0; i < this.files.length; i++) {\n        let file = this.files[i]\n        this.maps[file.id] = file\n      }\n\n      // add, update\n      for (let key in this.maps) {\n        let newFile = this.maps[key]\n        let oldFile = oldMaps[key]\n        if (newFile !== oldFile) {\n          this.emitFile(newFile, oldFile)\n        }\n      }\n\n      // delete\n      for (let key in oldMaps) {\n        if (!this.maps[key]) {\n          this.emitFile(undefined, oldMaps[key])\n        }\n      }\n    },\n  },\n\n  methods: {\n\n    // 清空\n    clear() {\n      if (this.files.length) {\n        let files = this.files\n        this.files = []\n\n        // 定位\n        this.maps = {}\n\n        // 事件\n        this.emitInput()\n        for (let i = 0; i < files.length; i++) {\n          this.emitFile(undefined, files[i])\n        }\n      }\n      return true\n    },\n\n    // 选择\n    get(id) {\n      if (!id) {\n        return false\n      }\n\n      if (typeof id === 'object') {\n        return this.maps[id.id] || false\n      }\n\n      return this.maps[id] || false\n    },\n\n    // 添加\n    add(_files, start) {\n      let files = _files\n      let isArray = files instanceof Array\n\n      // 不是数组整理成数组\n      if (!isArray) {\n        files = [files]\n      }\n\n      // 遍历规范对象\n      let addFiles = []\n      for (let i = 0; i < files.length; i++) {\n        let file = files[i]\n        if (this.features.html5 && file instanceof File) {\n          file = {\n            file,\n            size: file.size,\n            name: file.webkitRelativePath || file.relativePath || file.name || 'unknown',\n            type: file.type,\n          }\n        }\n        let fileObject = false\n        if (file.fileObject === false) {\n          // false\n        } else if (file.fileObject) {\n          fileObject = true\n        } else if (typeof Element !== 'undefined' && file.el instanceof Element) {\n          fileObject = true\n        } else if (typeof File !== 'undefined' && file.file instanceof File) {\n          fileObject = true\n        }\n        if (fileObject) {\n          file = {\n            fileObject: true,\n            size: -1,\n            name: 'Filename',\n            type: '',\n            active: false,\n            error: '',\n            success: false,\n            putAction: this.putAction,\n            postAction: this.postAction,\n            timeout: this.timeout,\n            ...file,\n            response: {},\n\n            progress: '0.00',          // 只读\n            speed: 0,                  // 只读\n            // xhr: false,                // 只读\n            // iframe: false,             // 只读\n          }\n\n          file.data = {\n            ...this.data,\n            ...file.data ? file.data : {},\n          }\n\n          file.headers = {\n            ...this.headers,\n            ...file.headers ? file.headers : {},\n          }\n        }\n\n        // 必须包含 id\n        if (!file.id) {\n          file.id = Math.random().toString(36).substr(2)\n        }\n\n        if (this.emitFilter(file, undefined)) {\n          continue\n        }\n\n        addFiles.push(file)\n\n        // 只允许单个文件\n        if (!this.multiple) {\n          break\n        }\n      }\n\n      // 没有文件\n      if (!addFiles.length) {\n        return false\n      }\n\n\n      // 只允许单个文件 删除所有\n      if (!this.multiple) {\n        this.clear()\n      }\n\n\n      // 添加进去 files\n      let newFiles\n      if (start) {\n        newFiles = addFiles.concat(this.files)\n      } else {\n        newFiles = this.files.concat(addFiles)\n      }\n\n      this.files = newFiles\n\n      // 定位\n      for (let i = 0; i < addFiles.length; i++) {\n        let file = addFiles[i]\n        this.maps[file.id] = file\n      }\n\n      // 事件\n      this.emitInput()\n      for (let i = 0; i < addFiles.length; i++) {\n        this.emitFile(addFiles[i], undefined)\n      }\n\n      return isArray ? addFiles : addFiles[0]\n    },\n\n\n\n    // 添加表单文件\n    addInputFile(el) {\n      let files = []\n      if (el.files) {\n        for (let i = 0; i < el.files.length; i++) {\n          let file = el.files[i]\n          files.push({\n            size: file.size,\n            name: file.webkitRelativePath || file.relativePath || file.name,\n            type: file.type,\n            file,\n            el\n          })\n        }\n      } else {\n        files.push({\n          name: el.value.replace(/^.*?([^\\/\\\\\\r\\n]+)$/, '$1'),\n          el,\n        })\n      }\n      return this.add(files)\n    },\n\n\n    // 添加 DataTransfer\n    addDataTransfer(dataTransfer) {\n      let files = []\n      if (dataTransfer.items && dataTransfer.items.length) {\n        let items = []\n        for (let i = 0; i < dataTransfer.items.length; i++) {\n          let item = dataTransfer.items[i]\n          if (item.getAsEntry) {\n            item = item.getAsEntry()\n          } else if (item.webkitGetAsEntry) {\n            item = item.webkitGetAsEntry()\n          } else {\n            item = item.getAsFile()\n          }\n          if (item) {\n            items.push(item)\n          }\n        }\n\n        return new Promise((resolve, reject) => {\n          let forEach = (i) => {\n            let item = items[i]\n            // 结束 或者已有文件了\n            if (!item || (!this.multiple && files.length)) {\n              return resolve(this.add(files))\n            }\n            this.getEntry(item).then(function (results) {\n              files.push(...results)\n              forEach(i + 1)\n            })\n          }\n          forEach(0)\n        })\n      }\n\n      if (dataTransfer.files.length) {\n        for (let i = 0; i < dataTransfer.files.length; i++) {\n          files.push(dataTransfer.files[i])\n          if (!this.multiple) {\n            break\n          }\n        }\n        return Promise.resolve(this.add(files))\n      }\n\n      return Promise.resolve([])\n    },\n\n\n    // 获得 entry\n    getEntry(entry, path = '') {\n      return new Promise((resolve, reject) => {\n        if (entry.isFile) {\n          entry.file(function (file) {\n            resolve([\n              {\n                size: file.size,\n                name: path + file.name,\n                type: file.type,\n                file,\n              }\n            ])\n          })\n        } else if (entry.isDirectory && this.dropDirectory) {\n          entry.createReader().readEntries((entries) => {\n            let files = []\n            let forEach = (i) => {\n              if (!entries[i] || (files.length && !this.multiple)) {\n                return resolve(files)\n              }\n              this.getEntry(entries[i], path + entry.name + '/').then((results) => {\n                files.push(...results)\n                forEach(i + 1)\n              })\n            }\n            forEach(0)\n          })\n        } else {\n          resolve([])\n        }\n      })\n    },\n\n\n    // 移除\n    remove(id) {\n      let file = this.get(id)\n      if (file) {\n        if (this.emitFilter(undefined, file)) {\n          return false\n        }\n        let files = this.files.concat([])\n        let index = files.indexOf(file)\n        if (index === -1) {\n          console.error('remove', file)\n          return false\n        }\n        files.splice(index, 1)\n        this.files = files\n\n        // 定位\n        delete this.maps[file.id]\n\n        // 事件\n        this.emitInput()\n        this.emitFile(undefined, file)\n      }\n      return file\n    },\n\n    // 更新\n    update(id, data) {\n      let file = this.get(id)\n      if (file) {\n        let newFile = {\n          ...file,\n          ...data\n        }\n        // 停用必须加上错误\n        if (file.fileObject && file.active && !newFile.active && !newFile.error && !newFile.success) {\n          newFile.error = 'abort'\n        }\n\n        if (this.emitFilter(newFile, file)) {\n          return false\n        }\n\n        let files = this.files.concat([])\n        let index = files.indexOf(file)\n        if (index === -1) {\n          console.error('update', file)\n          return false\n        }\n        files.splice(index, 1, newFile)\n        this.files = files\n\n        // 删除  旧定位 写入 新定位 （已便支持修改id)\n        delete this.maps[file.id]\n        this.maps[newFile.id] = newFile\n\n        // 事件\n        this.emitInput()\n        this.emitFile(newFile, file)\n        return newFile\n      }\n      return false\n    },\n\n\n    // 预处理 事件 过滤器\n    emitFilter(newFile, oldFile) {\n      let isPrevent = false\n      this.$emit('input-filter', newFile, oldFile, function () {\n        isPrevent = true\n        return isPrevent\n      })\n      return isPrevent\n    },\n\n    // 处理后 事件 分发\n    emitFile(newFile, oldFile) {\n      this.$emit('input-file', newFile, oldFile)\n      if (newFile && newFile.fileObject && newFile.active && (!oldFile || !oldFile.active)) {\n        this.uploading++\n        // 激活\n        this.$nextTick(function () {\n          setTimeout(() => {\n            this.upload(newFile).then(() => {\n              // eslint-disable-next-line\n              newFile = this.get(newFile)\n              if (newFile && newFile.fileObject) {\n                this.update(newFile, {\n                  active: false,\n                  success: !newFile.error\n                })\n              }\n            }).catch((e) => {\n              this.update(newFile, {\n                active: false,\n                success: false,\n                error: e.code || e.error || e.message || e\n              })\n            })\n          }, parseInt(Math.random() * 50 + 50, 10))\n        })\n      } else if ((!newFile || !newFile.fileObject || !newFile.active) && oldFile && oldFile.fileObject && oldFile.active) {\n        // 停止\n        this.uploading--\n      }\n\n      // 自动延续激活\n      if (this.active && (Boolean(newFile) !== Boolean(oldFile) || newFile.active !== oldFile.active)) {\n        this.watchActive(true)\n      }\n    },\n\n    emitInput() {\n      this.$emit('input', this.files)\n    },\n\n\n    // 上传\n    upload(id) {\n      let file = this.get(id)\n\n      // 被删除\n      if (!file) {\n        return Promise.reject('not_exists')\n      }\n\n      // 不是文件对象\n      if (!file.fileObject) {\n        return Promise.reject('file_object')\n      }\n\n      // 有错误直接响应\n      if (file.error) {\n        return Promise.reject(file.error)\n      }\n\n      // 已完成直接响应\n      if (file.success) {\n        return Promise.resolve(file)\n      }\n\n      // 后缀\n      let extensions = this.extensions\n      if (extensions && (extensions.length || typeof extensions.length === 'undefined')) {\n        if (typeof extensions !== 'object' || !(extensions instanceof RegExp)) {\n          if (typeof extensions === 'string') {\n            extensions = extensions.split(',').map(value => value.trim()).filter(value => value)\n          }\n          extensions = new RegExp('\\\\.(' + extensions.join('|').replace(/\\./g, '\\\\.') + ')$', 'i')\n        }\n        if (file.name.search(extensions) === -1) {\n          return Promise.reject('extension')\n        }\n      }\n\n      // 大小\n      if (this.size > 0 && file.size >= 0 && file.size > this.size) {\n        return Promise.reject('size')\n      }\n\n\n      if (this.features.html5 && file.putAction) {\n        return this.uploadPut(file)\n      } else if (this.features.html5) {\n        return this.uploadHtml5(file)\n      } else {\n        return this.uploadHtml4(file)\n      }\n    },\n\n    uploadPut(file) {\n      let querys = []\n      let value\n      for (let key in file.data) {\n        value = file.data[key]\n        if (value !== null && value !== undefined) {\n          querys.push(encodeURIComponent(key) + '=' + encodeURIComponent(value))\n        }\n      }\n      let queryString = querys.length ? (file.putAction.indexOf('?') === -1 ? '?' : '&') + querys.join('&') : ''\n      let xhr = new XMLHttpRequest()\n      xhr.open('PUT', file.putAction + queryString)\n      return this.uploadXhr(xhr, file, file.file)\n    },\n\n    uploadHtml5(file) {\n      let form = new window.FormData()\n      let value\n      for (let key in file.data) {\n        value = file.data[key]\n        if (value && typeof value === 'object' && typeof value.toString !== 'function') {\n          form.append(key, JSON.stringify(value))\n        } else if (value !== null && value !== undefined) {\n          form.append(key, value)\n        }\n      }\n      form.append(this.name, file.file)\n      let xhr = new XMLHttpRequest()\n      xhr.open('POST', file.postAction)\n      return this.uploadXhr(xhr, file, form)\n    },\n\n    uploadXhr(xhr, _file, body) {\n      let file = _file\n      let speedTime = 0\n      let speedLoaded = 0\n\n      // 进度条\n      xhr.upload.onprogress = (e) => {\n        // 还未开始上传 已删除 未激活\n        file = this.get(file)\n        if (!e.lengthComputable || !file || !file.fileObject || !file.active) {\n          return\n        }\n\n        // 进度 速度 每秒更新一次\n        let speedTime2 = Math.round(Date.now() / 1000)\n        if (speedTime2 === speedTime) {\n          return\n        }\n        speedTime = speedTime2\n\n        file = this.update(file, {\n          progress: (e.loaded / e.total * 100).toFixed(2),\n          speed: e.loaded - speedLoaded,\n        })\n        speedLoaded = e.loaded\n      }\n\n      // 检查激活状态\n      let interval = setInterval(() => {\n        file = this.get(file)\n        if (file && file.fileObject && !file.success && !file.error && file.active) {\n          return\n        }\n\n        if (interval) {\n          clearInterval(interval)\n          interval = false\n        }\n\n        try {\n          xhr.abort()\n          xhr.timeout = 1\n        } catch (e) {\n        }\n      }, 100)\n\n      return new Promise((resolve, reject) => {\n        let complete\n        let fn = (e) => {\n          // 已经处理过了\n          if (complete) {\n            return\n          }\n          complete = true\n          if (interval) {\n            clearInterval(interval)\n            interval = false\n          }\n\n          file = this.get(file)\n\n          // 不存在直接响应\n          if (!file) {\n            return reject('not_exists')\n          }\n\n          // 不是文件对象\n          if (!file.fileObject) {\n            return reject('file_object')\n          }\n\n          // 有错误自动响应\n          if (file.error) {\n            return reject(file.error)\n          }\n\n          // 未激活\n          if (!file.active) {\n            return reject('abort')\n          }\n\n\n          // 已完成 直接相应\n          if (file.success) {\n            return resolve(file)\n          }\n\n          let data = {}\n\n          switch (e.type) {\n            case 'timeout':\n            case 'abort':\n              data.error = e.type\n              break\n            case 'error':\n              if (!xhr.status) {\n                data.error = 'network'\n              } else if (xhr.status >= 500) {\n                data.error = 'server'\n              } else if (xhr.status >= 400) {\n                data.error = 'denied'\n              }\n              break\n            default:\n              if (xhr.status >= 500) {\n                data.error = 'server'\n              } else if (xhr.status >= 400) {\n                data.error = 'denied'\n              } else {\n                data.progress = '100.00'\n              }\n          }\n\n          if (xhr.responseText) {\n            let contentType = xhr.getResponseHeader('Content-Type')\n            if (contentType && contentType.indexOf('/json') !== -1) {\n              data.response = JSON.parse(xhr.responseText)\n            } else {\n              data.response = xhr.responseText\n            }\n          }\n\n          // 更新\n          file = this.update(file, data)\n\n          // 相应错误\n          if (file.error) {\n            return reject(file.error)\n          }\n\n          // 响应\n          return resolve(file)\n        }\n\n        // 事件\n        xhr.onload = fn\n        xhr.onerror = fn\n        xhr.onabort = fn\n        xhr.ontimeout = fn\n\n        // 超时\n        if (file.timeout) {\n          xhr.timeout = file.timeout\n        }\n\n        // headers\n        for (let key in file.headers) {\n          xhr.setRequestHeader(key, file.headers[key])\n        }\n\n        // 更新 xhr\n        file = this.update(file, { xhr })\n\n        // 开始上传\n        xhr.send(body)\n      })\n    },\n\n\n\n\n    uploadHtml4(_file) {\n      let file = _file\n      let onKeydown = function (e) {\n        if (e.keyCode === 27) {\n          e.preventDefault()\n        }\n      }\n\n      let iframe = document.createElement('iframe')\n      iframe.id = 'upload-iframe-' + file.id\n      iframe.name = 'upload-iframe-' + file.id\n      iframe.src = 'about:blank'\n      iframe.setAttribute('style', 'width:1px;height:1px;top:-999em;position:absolute; margin-top:-999em;')\n\n\n      let form = document.createElement('form')\n\n      form.action = file.postAction\n\n      form.name = 'upload-form-' + file.id\n\n\n      form.setAttribute('method', 'POST')\n      form.setAttribute('target', 'upload-iframe-' + file.id)\n      form.setAttribute('enctype', 'multipart/form-data')\n\n      let value\n      let input\n      for (let key in file.data) {\n        value = file.data[key]\n        if (value && typeof value === 'object' && typeof value.toString !== 'function') {\n          value = JSON.stringify(value)\n        }\n        if (value !== null && value !== undefined) {\n          input = document.createElement('input')\n          input.type = 'hidden'\n          input.name = key\n          form.appendChild(input)\n        }\n      }\n      form.appendChild(file.el)\n\n      document.body.appendChild(iframe).appendChild(form)\n\n\n\n\n      let getResponseData = function () {\n        let doc\n        try {\n          if (iframe.contentWindow) {\n            doc = iframe.contentWindow.document\n          }\n        } catch (err) {\n        }\n        if (!doc) {\n          try {\n            doc = iframe.contentDocument ? iframe.contentDocument : iframe.document\n          } catch (err) {\n            doc = iframe.document\n          }\n        }\n        if (doc && doc.body) {\n          return doc.body.innerHTML\n        }\n        return null\n      }\n\n\n      return new Promise((resolve, reject) => {\n        setTimeout(() => {\n          file = this.update(file, { iframe })\n\n          // 不存在\n          if (!file) {\n            return reject('not_exists')\n          }\n\n          // 定时检查\n          let interval = setInterval(() => {\n            file = this.get(file)\n            if (file && file.fileObject && !file.success && !file.error && file.active) {\n              return\n            }\n\n            if (interval) {\n              clearInterval(interval)\n              interval = false\n            }\n\n            iframe.onabort({ type: file ? 'abort' : 'not_exists' })\n          }, 100)\n\n\n          let complete\n          let fn = (e) => {\n            // 已经处理过了\n            if (complete) {\n              return\n            }\n            complete = true\n\n\n            if (interval) {\n              clearInterval(interval)\n              interval = false\n            }\n\n            // 关闭 esc 事件\n            document.body.removeEventListener('keydown', onKeydown)\n\n            file = this.get(file)\n\n            // 不存在直接响应\n            if (!file) {\n              return reject('not_exists')\n            }\n\n            // 不是文件对象\n            if (!file.fileObject) {\n              return reject('file_object')\n            }\n\n            // 有错误自动响应\n            if (file.error) {\n              return reject(file.error)\n            }\n\n            // 未激活\n            if (!file.active) {\n              return reject('abort')\n            }\n\n            // 已完成 直接相应\n            if (file.success) {\n              return resolve(file)\n            }\n\n            let response = getResponseData()\n            let data = {}\n            switch (e.type) {\n              case 'abort':\n                data.error = 'abort'\n                break\n              case 'error':\n                if (file.error) {\n                  data.error = file.error\n                } else if (response === null) {\n                  data.error = 'network'\n                } else {\n                  data.error = 'denied'\n                }\n                break\n              default:\n                if (file.error) {\n                  data.error = file.error\n                } else if (data === null) {\n                  data.error = 'network'\n                } else {\n                  data.progress = '100.00'\n                }\n            }\n\n            if (response !== null) {\n              if (response && response.substr(0, 1) === '{' && response.substr(response.length - 1, 1) === '}') {\n                try {\n                  response = JSON.parse(response)\n                } catch (err) {\n                }\n              }\n              data.response = response\n            }\n\n            // 更新\n            file = this.update(file, data)\n\n            if (file.error) {\n              return reject(file.error)\n            }\n\n            // 响应\n            return resolve(file)\n          }\n\n\n          // 添加事件\n          iframe.onload = fn\n          iframe.onerror = fn\n          iframe.onabort = fn\n\n\n          // 禁止 esc 键\n          document.body.addEventListener('keydown', onKeydown)\n\n          // 提交\n          form.submit()\n        }, 50)\n      }).then(function (res) {\n        iframe.parentNode && iframe.parentNode.removeChild(iframe)\n        return res\n      }).catch(function (res) {\n        iframe.parentNode && iframe.parentNode.removeChild(iframe)\n        return res\n      })\n    },\n\n\n\n    watchActive(active) {\n      let file\n      let index = 0\n      while ((file = this.files[index])) {\n        index++\n        if (!file.fileObject) {\n          // 不是文件对象\n        } else if (active && !this.destroy) {\n          if (this.uploading >= this.thread || (this.uploading && !this.features.html5)) {\n            break\n          }\n          if (!file.active && !file.error && !file.success) {\n            this.update(file, { active: true })\n          }\n        } else {\n          if (file.active) {\n            this.update(file, { active: false })\n          }\n        }\n      }\n      if (this.uploading === 0) {\n        this.active = false\n      }\n    },\n\n\n    watchDrop(_el) {\n      let el = _el\n      if (!this.features.drop) {\n        return\n      }\n\n      // 移除挂载\n      if (this.dropElement) {\n        try {\n          document.removeEventListener('dragenter', this.onDragenter, false)\n          document.removeEventListener('dragleave', this.onDragleave, false)\n          this.dropElement.removeEventListener('dragover', this.onDragover, false)\n          this.dropElement.removeEventListener('drop', this.onDrop, false)\n        } catch (e) {\n        }\n      }\n\n      if (!el) {\n        el = false\n      } else if (typeof el === 'string') {\n        el = document.querySelector(el) || this.$root.$el.querySelector(el)\n      } else if (el === true) {\n        el = this.$parent.$el\n      }\n\n      this.dropElement = el\n\n      if (this.dropElement) {\n        document.addEventListener('dragenter', this.onDragenter, false)\n        document.addEventListener('dragleave', this.onDragleave, false)\n        this.dropElement.addEventListener('dragover', this.onDragover, false)\n        this.dropElement.addEventListener('drop', this.onDrop, false)\n      }\n    },\n\n\n    onDragenter(e) {\n      e.preventDefault()\n      if (!this.dropActive) {\n        this.dropActive = true\n      }\n    },\n\n    onDragleave(e) {\n      e.preventDefault()\n      if (e.target.nodeName === 'HTML' || (e.screenX === 0 && e.screenY === 0 && e.screenY === 0 && !e.fromElement && e.offsetX < 0)) {\n        this.dropActive = false\n      }\n    },\n\n    onDragover(e) {\n      e.preventDefault()\n    },\n\n    onDrop(e) {\n      e.preventDefault()\n      this.dropActive = false\n      this.addDataTransfer(e.dataTransfer)\n    },\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// FileUpload.vue?d8d7d03a","var normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../node_modules/vue-loader/lib/selector?type=script&index=0!./InputFile.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-67044c9c\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../node_modules/vue-loader/lib/selector?type=template&index=0!./InputFile.vue\"\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/InputFile.vue\n// module id = 43\n// module chunks = 0","<template>\n  <input\n    type=\"file\"\n    :name=\"$parent.name\"\n    :id=\"$parent.inputId || $parent.name\"\n    :accept=\"$parent.accept\"\n    @change=\"change\"\n    :webkitdirectory=\"$parent.directory && $parent.features.directory\"\n    :directory=\"$parent.directory && $parent.features.directory\"\n    :multiple=\"$parent.multiple && $parent.features.html5\"\n  />\n</template>\n<script>\nexport default {\n  methods: {\n    change(e) {\n      this.$destroy()\n      this.$parent.addInputFile(e.target)\n      // eslint-disable-next-line\n      new this.constructor({\n        parent: this.$parent,\n        el: this.$el,\n      })\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// InputFile.vue?6b0be093","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('input',{attrs:{\"type\":\"file\",\"name\":_vm.$parent.name,\"id\":_vm.$parent.inputId || _vm.$parent.name,\"accept\":_vm.$parent.accept,\"webkitdirectory\":_vm.$parent.directory && _vm.$parent.features.directory,\"directory\":_vm.$parent.directory && _vm.$parent.features.directory,\"multiple\":_vm.$parent.multiple && _vm.$parent.features.html5},on:{\"change\":_vm.change}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-67044c9c\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/InputFile.vue\n// module id = 45\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{class:_vm.className},[_vm._t(\"default\"),_c('input-file')],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ce9890fe\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/FileUpload.vue\n// module id = 46\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-full\"},[_c('button',{staticClass:\"btn btn-danger float-right btn-is-option\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_c('i',{staticClass:\"fa fa-cog\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n    Options\\n  \")]),_c('h1',{staticClass:\"document-title\",attrs:{\"id\":\"document-title\"}},[_vm._v(\"Full Example\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:\"$refs.upload && $refs.upload.dropActive\"}],staticClass:\"drop-active\"},[_c('h3',[_vm._v(\"Drop files to upload\")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isOption),expression:\"!isOption\"}],staticClass:\"upload\"},[_c('table',{staticClass:\"table table-hover\"},[_vm._m(0),_c('tbody',[(!_vm.files.length)?_c('tr',[_c('td',{attrs:{\"colspan\":\"7\"}},[_c('div',{staticClass:\"text-center p-5\"},[_vm._m(1),_c('label',{staticClass:\"btn btn-lg btn-primary\",attrs:{\"for\":_vm.name}},[_vm._v(\"Select Files\")])])])]):_vm._e(),_vm._l((_vm.files),function(file,index){return _c('tr',{key:file.id},[_c('td',[_vm._v(_vm._s(index))]),_c('td',[(file.thumb)?_c('img',{attrs:{\"src\":file.thumb,\"width\":\"40\",\"height\":\"auto\"}}):_c('span',[_vm._v(\"No Image\")])]),_c('td',[_c('div',{staticClass:\"filename\"},[_vm._v(\"\\n              \"+_vm._s(file.name)+\"\\n            \")]),(file.active || file.progress !== '0.00')?_c('div',{staticClass:\"progress\"},[_c('div',{class:{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active},style:({width: file.progress + '%'}),attrs:{\"role\":\"progressbar\"}},[_vm._v(_vm._s(file.progress)+\"%\")])]):_vm._e()]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.speed)))]),(file.error)?_c('td',[_vm._v(_vm._s(file.error))]):(file.success)?_c('td',[_vm._v(\"success\")]):(file.active)?_c('td',[_vm._v(\"active\")]):_c('td'),_c('td',[_c('div',{staticClass:\"btn-group\"},[_c('button',{staticClass:\"btn btn-secondary btn-sm dropdown-toggle\",attrs:{\"type\":\"button\"}},[_vm._v(\"\\n                Action\\n              \")]),_c('div',{staticClass:\"dropdown-menu\"},[_c('a',{class:{'dropdown-item': true, disabled: file.active || file.success},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();file.active || file.success ? false :  _vm.onEditFileShow(file)}}},[_vm._v(\"Edit\")]),_c('a',{class:{'dropdown-item': true, disabled: !file.active},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();file.active ? _vm.$refs.upload.update(file, {error: 'cancel'}) : false}}},[_vm._v(\"Cancel\")]),(file.active)?_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: false})}}},[_vm._v(\"Abort\")]):(file.error && _vm.$refs.upload.features.html5)?_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: true, error: '', progress: '0.00'})}}},[_vm._v(\"Retry upload\")]):_c('a',{class:{'dropdown-item': true, disabled: file.success},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();file.success ? false : _vm.$refs.upload.update(file, {active: true})}}},[_vm._v(\"Upload\")]),_c('div',{staticClass:\"dropdown-divider\"}),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.remove(file)}}},[_vm._v(\"Remove\")])])])])])})],2)]),_c('div',{staticClass:\"example-foorer\"},[_c('div',{staticClass:\"footer-status float-right\"},[_vm._v(\"\\n        Drop: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.drop : false)+\",\\n        Active: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.active : false)+\",\\n        Uploaded: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.uploaded : true)+\",\\n        Drop active: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.dropActive : false)+\"\\n      \")]),_c('div',{staticClass:\"btn-group\"},[_c('file-upload',{ref:\"upload\",staticClass:\"btn btn-primary dropdown-toggle\",attrs:{\"post-action\":_vm.postAction,\"put-action\":_vm.putAction,\"extensions\":_vm.extensions,\"accept\":_vm.accept,\"multiple\":_vm.multiple,\"directory\":_vm.directory,\"size\":_vm.size || 0,\"thread\":_vm.thread < 1 ? 1 : (_vm.thread > 5 ? 5 : _vm.thread),\"headers\":_vm.headers,\"data\":_vm.data,\"drop\":_vm.drop,\"drop-directory\":_vm.dropDirectory},on:{\"input-filter\":_vm.inputFilter,\"input-file\":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n          Select\\n        \")]),_c('div',{staticClass:\"dropdown-menu\"},[_c('label',{staticClass:\"dropdown-item\",attrs:{\"for\":_vm.name}},[_vm._v(\"Add files\")]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":_vm.onAddFolader}},[_vm._v(\"Add folder\")]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.addData.show = true}}},[_vm._v(\"Add data\")])])],1),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOption),expression:\"isOption\"}],staticClass:\"option\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"accept\"}},[_vm._v(\"Accept:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accept),expression:\"accept\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"accept\"},domProps:{\"value\":(_vm.accept)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.accept=$event.target.value}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Allow upload mime type\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"extensions\"}},[_vm._v(\"Extensions:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.extensions),expression:\"extensions\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"extensions\"},domProps:{\"value\":(_vm.extensions)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.extensions=$event.target.value}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Allow upload file extension\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"PUT Upload:\")]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.putAction),expression:\"putAction\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"put-action\",\"id\":\"put-action\",\"value\":\"\"},domProps:{\"checked\":_vm._q(_vm.putAction,\"\")},on:{\"__c\":function($event){_vm.putAction=\"\"}}}),_vm._v(\" Off\\n        \")])]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.putAction),expression:\"putAction\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"put-action\",\"id\":\"put-action\",\"value\":\"/upload/put\"},domProps:{\"checked\":_vm._q(_vm.putAction,\"/upload/put\")},on:{\"__c\":function($event){_vm.putAction=\"/upload/put\"}}}),_vm._v(\" On\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"After the shutdown, use the POST method to upload\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"thread\"}},[_vm._v(\"Thread:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.thread),expression:\"thread\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"max\":\"5\",\"min\":\"1\",\"id\":\"thread\"},domProps:{\"value\":(_vm.thread)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.thread=_vm._n($event.target.value)},\"blur\":function($event){_vm.$forceUpdate()}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Also upload the number of files at the same time (number of threads)\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"size\"}},[_vm._v(\"Max size:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.size),expression:\"size\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"min\":\"0\",\"id\":\"size\"},domProps:{\"value\":(_vm.size)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.size=_vm._n($event.target.value)},\"blur\":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"minSize\"}},[_vm._v(\"Min size:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.minSize),expression:\"minSize\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"min\":\"0\",\"id\":\"minSize\"},domProps:{\"value\":(_vm.minSize)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.minSize=_vm._n($event.target.value)},\"blur\":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.drop),expression:\"drop\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"drop\"},domProps:{\"checked\":Array.isArray(_vm.drop)?_vm._i(_vm.drop,null)>-1:(_vm.drop)},on:{\"__c\":function($event){var $$a=_vm.drop,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.drop=$$a.concat([$$v]))}else{$$i>-1&&(_vm.drop=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.drop=$$c}}}}),_vm._v(\" Drop\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Drag and drop upload\")])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dropDirectory),expression:\"dropDirectory\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"drop-directory\"},domProps:{\"checked\":Array.isArray(_vm.dropDirectory)?_vm._i(_vm.dropDirectory,null)>-1:(_vm.dropDirectory)},on:{\"__c\":function($event){var $$a=_vm.dropDirectory,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.dropDirectory=$$a.concat([$$v]))}else{$$i>-1&&(_vm.dropDirectory=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.dropDirectory=$$c}}}}),_vm._v(\" Drop directory\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Not checked, filter the dragged folder\")])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.uploadAuto),expression:\"uploadAuto\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"upload-auto\"},domProps:{\"checked\":Array.isArray(_vm.uploadAuto)?_vm._i(_vm.uploadAuto,null)>-1:(_vm.uploadAuto)},on:{\"__c\":function($event){var $$a=_vm.uploadAuto,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.uploadAuto=$$a.concat([$$v]))}else{$$i>-1&&(_vm.uploadAuto=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.uploadAuto=$$c}}}}),_vm._v(\" Auto start\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Automatically activate upload\")])]),_c('div',{staticClass:\"form-group\"},[_c('button',{staticClass:\"btn btn-primary btn-lg btn-block\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_vm._v(\"Confirm\")])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.addData.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.addData.show},attrs:{\"id\":\"modal-add-data\",\"tabindex\":\"-1\",\"role\":\"dialog\"}},[_c('div',{staticClass:\"modal-dialog\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\"Add data\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.addData.show = false}}},[_c('span',[_vm._v(\"×\")])])]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();_vm.onAddData($event)}}},[_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addData.name),expression:\"addData.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"required\":\"\",\"id\":\"name\",\"placeholder\":\"Please enter a file name\"},domProps:{\"value\":(_vm.addData.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.addData.name=$event.target.value}}}),_vm._m(2)]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"type\"}},[_vm._v(\"Type:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addData.type),expression:\"addData.type\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"required\":\"\",\"id\":\"type\",\"placeholder\":\"Please enter the MIME type\"},domProps:{\"value\":(_vm.addData.type)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.addData.type=$event.target.value}}}),_vm._m(3)]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"content\"}},[_vm._v(\"Content:\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addData.content),expression:\"addData.content\"}],staticClass:\"form-control\",attrs:{\"required\":\"\",\"id\":\"content\",\"rows\":\"3\",\"placeholder\":\"Please enter the file contents\"},domProps:{\"value\":(_vm.addData.content)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.addData.content=$event.target.value}}})])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.addData.show = false}}},[_vm._v(\"Close\")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Save\")])])])])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.editFile.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.editFile.show},attrs:{\"id\":\"modal-edit-file\",\"tabindex\":\"-1\",\"role\":\"dialog\"}},[_c('div',{staticClass:\"modal-dialog modal-lg\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\"Edit file\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_c('span',[_vm._v(\"×\")])])]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();_vm.onEditorFile($event)}}},[_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editFile.name),expression:\"editFile.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"required\":\"\",\"id\":\"name\",\"placeholder\":\"Please enter a file name\"},domProps:{\"value\":(_vm.editFile.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.editFile.name=$event.target.value}}})]),(_vm.editFile.show && _vm.editFile.blob && _vm.editFile.type && _vm.editFile.type.substr(0, 6) === 'image/')?_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"Image: \")]),_c('div',{staticClass:\"edit-image\"},[_c('img',{ref:\"editImage\",attrs:{\"src\":_vm.editFile.blob}})]),_c('div',{staticClass:\"edit-image-tool\"},[_c('div',{staticClass:\"btn-group\",attrs:{\"role\":\"group\"}},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.rotate(-90)\"},on:{\"click\":function($event){_vm.editFile.cropper.rotate(-90)}}},[_c('i',{staticClass:\"fa fa-undo\",attrs:{\"aria-hidden\":\"true\"}})]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.rotate(90)\"},on:{\"click\":function($event){_vm.editFile.cropper.rotate(90)}}},[_c('i',{staticClass:\"fa fa-repeat\",attrs:{\"aria-hidden\":\"true\"}})])]),_c('div',{staticClass:\"btn-group\",attrs:{\"role\":\"group\"}},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.crop()\"},on:{\"click\":function($event){_vm.editFile.cropper.crop()}}},[_c('i',{staticClass:\"fa fa-check\",attrs:{\"aria-hidden\":\"true\"}})]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.clear()\"},on:{\"click\":function($event){_vm.editFile.cropper.clear()}}},[_c('i',{staticClass:\"fa fa-remove\",attrs:{\"aria-hidden\":\"true\"}})])])])]):_vm._e()]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_vm._v(\"Close\")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Save\")])])])])])]),_vm._m(4)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"#\")]),_c('th',[_vm._v(\"Thumb\")]),_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Size\")]),_c('th',[_vm._v(\"Speed\")]),_c('th',[_vm._v(\"Status\")]),_c('th',[_vm._v(\"Action\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_vm._v(\"Drop files anywhere to upload\"),_c('br'),_vm._v(\"or\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Such as \"),_c('code',[_vm._v(\"filename.txt\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Such as \"),_c('code',[_vm._v(\"text/plain\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-60fc9379\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Full.vue\n// module id = 47\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ce22c9c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Simple.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2ce22c9c\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Simple.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Simple.vue\n// module id = 48\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ce22c9c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Simple.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"0ad055e8\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2ce22c9c\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Simple.vue\n// module id = 49\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2ce22c9c\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Simple.vue\n// module id = 50\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-simple\"},[_vm._v(\"\\n  No content\\n\")])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-2ce22c9c\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Simple.vue\n// module id = 51\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6a2e90c3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Avatar.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6a2e90c3\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Avatar.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Avatar.vue\n// module id = 52\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6a2e90c3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Avatar.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"dadd018e\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6a2e90c3\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Avatar.vue\n// module id = 53\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6a2e90c3\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Avatar.vue\n// module id = 54\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-avatar\"},[_vm._v(\"\\n  No content\\n\")])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6a2e90c3\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Avatar.vue\n// module id = 55\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-410878c4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Drag.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-410878c4\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Drag.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Drag.vue\n// module id = 56\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-410878c4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Drag.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"1705c8e8\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-410878c4\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Drag.vue\n// module id = 57\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-410878c4\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Drag.vue\n// module id = 58\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-drag\"},[_vm._v(\"\\n  No content\\n\")])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-410878c4\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Drag.vue\n// module id = 59\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1d5e357a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Multiple.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1d5e357a\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Multiple.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Multiple.vue\n// module id = 60\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1d5e357a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Multiple.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"578cf3f8\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1d5e357a\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Multiple.vue\n// module id = 61\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1d5e357a\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Multiple.vue\n// module id = 62\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-multiple\"},[_vm._v(\"\\n  No content\\n\")])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1d5e357a\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Multiple.vue\n// module id = 63\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5872e1c8\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Vuex.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5872e1c8\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Vuex.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Vuex.vue\n// module id = 64\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5872e1c8\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Vuex.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3c76ed06\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5872e1c8\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Vuex.vue\n// module id = 65\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5872e1c8\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Vuex.vue\n// module id = 66\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-vuex\"},[_vm._v(\"\\n  No content\\n\")])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-5872e1c8\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Vuex.vue\n// module id = 67\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7c3db476\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7c3db476\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/App.vue\n// module id = 68\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?minimize!../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7c3db476\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./App.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"f51f536e\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-7c3db476\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/App.vue\n// module id = 69\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"#header{position:-webkit-sticky;position:sticky;top:0;z-index:1071}#sidebar{background:#fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}@media (min-width:768px){#sidebar{position:-webkit-sticky;position:sticky;top:3.5rem;z-index:1000;max-height:calc(100vh - 3.5rem);border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}}#sidebar-nav{padding-top:1rem;padding-bottom:1rem;margin-right:-15px;margin-left:-15px;max-height:100%;overflow-y:auto}#sidebar-nav .nav{display:block}#sidebar-nav .nav .nav-item .nav{display:none;margin-bottom:1rem}#sidebar-nav .nav .active+.nav,#sidebar-nav .nav .nav-item.active .nav{display:block}@media (min-width:768px){#sidebar-nav .nav .nav-item .nav{display:block}}#sidebar-nav .nav .active>.nav-link,#sidebar-nav .nav .nav-link.active{color:#262626;font-weight:500}#sidebar-nav .nav-item .nav-link{padding:.25rem 1rem;font-weight:500;color:#666}#sidebar-nav .nav-item .nav-item .nav-link{font-weight:400;font-size:85%;margin-left:1rem}#main{padding-top:1rem;margin-bottom:2rem}blockquote{margin-bottom:1rem;font-size:1.25rem;padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.modal-backdrop.fade{visibility:hidden}.modal-backdrop.fade.show{visibility:visible}.fade.show{display:block;z-index:1072}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-7c3db476\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/App.vue\n// module id = 70\n// module chunks = 0","<template>\n  <div>\n    <header id=\"header\" class=\"navbar navbar-expand-lg navbar-dark bg-dark\">\n      <router-link :exact=\"true\" class=\"navbar-brand\"  :to=\"'/' | toLocale\">{{$t('header.logo')}}</router-link>\n      <button class=\"navbar-toggler\" type=\"button\" @click.prevent=\"showNav = !showNav\">\n        <span class=\"navbar-toggler-icon\"></span>\n      </button>\n      <nav :class=\"{collapse: true, 'navbar-collapse': true, show: showNav}\" id=\"navbar\">\n        <ul class=\"navbar-nav\">\n          <li class=\"nav-item\">\n            <router-link active-class=\"active\" :exact=\"true\" :class=\"'nav-link' + ($route.path === '/' ? ' active' : '')\"  :to=\"'/' | toLocale\">{{$t('header.home')}}</router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link active-class=\"active\" class=\"nav-link\" :to=\"'/documents' | toLocale\">{{$t('header.documents')}}</router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link active-class=\"active\" class=\"nav-link\" :to=\"'/examples' | toLocale\">{{$t('header.examples')}}</router-link>\n          </li>\n          <li class=\"nav-item\">\n            <a rel=\"license noopener\" class=\"nav-link\" href=\"https://www.lianyue.org\" target=\"_blank\">{{$t('header.blog')}}</a>\n          </li>\n        </ul>\n        <ul class=\"navbar-nav ml-md-auto\">\n          <li class=\"nav-item dropdown\">\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" @click.prevent=\"onLocale(true)\" @focus=\"onLocale(true)\" @blur=\"onLocale(false)\">\n              {{$t('header.locale')}}\n            </a>\n            <div :class=\"{'dropdown-menu': true, show: showLocale}\" @blur=\"onLocale(false)\">\n              <router-link class=\"dropdown-item\" :to=\"'/' + name + ($route.params.locale ? $route.fullPath.substr($route.params.locale.length + 1) : $route.fullPath)\" v-for=\"(value, name) in locale\" :key=\"name\">{{value}}</router-link>\n            </div>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"https://github.com/lian-yue/vue-upload-component/issues\">\n              {{$t('header.issues')}}\n            </a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"https://github.com/lian-yue/vue-upload-component\">\n              {{$t('header.github')}}\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </header>\n    <router-view></router-view>\n  </div>\n</template>\n<style>\n#header {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  z-index: 1071;\n}\n#sidebar {\n  background: #fff;\n  border-right: 1px solid #e5e5e5;\n  border-bottom: 1px solid #e5e5e5;\n}\n\n@media (min-width: 768px) {\n  #sidebar {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 3.5rem;\n    z-index: 1000;\n    max-height: calc(100vh - 3.5rem);\n    border-right: 1px solid #e5e5e5;\n    border-bottom: 1px solid #e5e5e5;\n  }\n}\n\n#sidebar-nav {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-right: -15px;\n  margin-left: -15px;\n  max-height: 100%;\n  overflow-y: auto;\n}\n#sidebar-nav .nav {\n  display: block;\n}\n\n#sidebar-nav .nav .nav-item .nav {\n  display: none;\n  margin-bottom: 1rem;\n}\n#sidebar-nav .nav .nav-item .nav {\n  display: none;\n  margin-bottom: 1rem;\n}\n\n#sidebar-nav .nav .nav-item.active .nav, #sidebar-nav .nav .active + .nav {\n  display: block;\n}\n\n@media (min-width: 768px) {\n  #sidebar-nav .nav .nav-item .nav {\n    display: block;\n  }\n}\n\n#sidebar-nav .nav .nav-link.active, #sidebar-nav .nav .active > .nav-link{\n  color: #262626;\n  font-weight: 500;\n}\n\n#sidebar-nav .nav-item .nav-link {\n  padding: .25rem 1rem;\n  font-weight: 500;\n  color: #666\n}\n\n#sidebar-nav .nav-item .nav-item .nav-link {\n  font-weight: 400;\n  font-size: 85%;\n  margin-left: 1rem\n}\n\n#main {\n  padding-top: 1rem;\n  margin-bottom: 2rem\n}\n\n\nblockquote {\n  margin-bottom: 1rem;\n  font-size: 1.25rem;\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\npre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f6f8fa;\n  border-radius: 3px;\n}\n\n.modal-backdrop.fade {\n  visibility: hidden;\n}\n.modal-backdrop.fade.show {\n  visibility: visible;\n}\n\n.fade.show {\n  display: block;\n  z-index: 1072;\n}\n</style>\n<script>\nexport default {\n  data() {\n    return {\n      showLocale: false,\n      showNav: false,\n    }\n  },\n  beforeCreate() {\n    if (this.$route.params.locale && this.$route.params.locale !== this.$i18n.locale) {\n      this.$i18n.locale = this.$route.params.locale\n    }\n  },\n  beforeUpdate() {\n    if (this.$route.params.locale && this.$route.params.locale !== this.$i18n.locale) {\n      this.$i18n.locale = this.$route.params.locale\n    }\n  },\n  computed: {\n    locale() {\n      let i18n = this.$i18n\n      return i18n.messages[i18n.locale].locale\n    },\n  },\n  methods: {\n    onLocale(show) {\n      if (show) {\n        this.showLocale = show\n      } else {\n        setTimeout(() => {\n          this.showLocale = show\n        }, 128)\n      }\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// App.vue?41741f1e","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('header',{staticClass:\"navbar navbar-expand-lg navbar-dark bg-dark\",attrs:{\"id\":\"header\"}},[_c('router-link',{staticClass:\"navbar-brand\",attrs:{\"exact\":true,\"to\":_vm._f(\"toLocale\")('/')}},[_vm._v(_vm._s(_vm.$t('header.logo')))]),_c('button',{staticClass:\"navbar-toggler\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.showNav = !_vm.showNav}}},[_c('span',{staticClass:\"navbar-toggler-icon\"})]),_c('nav',{class:{collapse: true, 'navbar-collapse': true, show: _vm.showNav},attrs:{\"id\":\"navbar\"}},[_c('ul',{staticClass:\"navbar-nav\"},[_c('li',{staticClass:\"nav-item\"},[_c('router-link',{class:'nav-link' + (_vm.$route.path === '/' ? ' active' : ''),attrs:{\"active-class\":\"active\",\"exact\":true,\"to\":_vm._f(\"toLocale\")('/')}},[_vm._v(_vm._s(_vm.$t('header.home')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/documents')}},[_vm._v(_vm._s(_vm.$t('header.documents')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples')}},[_vm._v(_vm._s(_vm.$t('header.examples')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"rel\":\"license noopener\",\"href\":\"https://www.lianyue.org\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('header.blog')))])])]),_c('ul',{staticClass:\"navbar-nav ml-md-auto\"},[_c('li',{staticClass:\"nav-item dropdown\"},[_c('a',{staticClass:\"nav-link dropdown-toggle\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.onLocale(true)},\"focus\":function($event){_vm.onLocale(true)},\"blur\":function($event){_vm.onLocale(false)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('header.locale'))+\"\\n          \")]),_c('div',{class:{'dropdown-menu': true, show: _vm.showLocale},on:{\"blur\":function($event){_vm.onLocale(false)}}},_vm._l((_vm.locale),function(value,name){return _c('router-link',{key:name,staticClass:\"dropdown-item\",attrs:{\"to\":'/' + name + (_vm.$route.params.locale ? _vm.$route.fullPath.substr(_vm.$route.params.locale.length + 1) : _vm.$route.fullPath)}},[_vm._v(_vm._s(value))])}))]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/issues\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('header.issues'))+\"\\n          \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('header.github'))+\"\\n          \")])])])])],1),_c('router-view')],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7c3db476\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/App.vue\n// module id = 72\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///webpack/bootstrap d1ccf833781614ff85a8","webpack:///./node_modules/vue-loader/lib/component-normalizer.js","webpack:///./node_modules/css-loader/lib/css-base.js","webpack:///./node_modules/vue-style-loader/lib/addStylesClient.js","webpack:///./src/index.js","webpack:///external \"marked\"","webpack:///external \"Vuex\"","webpack:///./docs/i18n/index.js","webpack:///./docs/docs/en.md","webpack:///./docs/docs/zh-cn.md","webpack:///./node_modules/babel-runtime/regenerator/index.js","webpack:///external \"Cropper\"","webpack:///./docs/index.js","webpack:///external \"Vue\"","webpack:///external \"hljs\"","webpack:///./docs/store.js","webpack:///./docs/router.js","webpack:///external \"VueRouter\"","webpack:///external \"VueI18n\"","webpack:///./docs/i18n/en.js","webpack:///./docs/i18n/zh-cn.js","webpack:///./docs/views/Router.vue","webpack:///./docs/views/Router.vue?c70c","webpack:///./docs/views/Document.vue","webpack:///./docs/views/Document.vue?258e","webpack:///./docs/views/Document.vue?0e2d","webpack:///./node_modules/vue-style-loader/lib/listToStyles.js","webpack:///Document.vue","webpack:///./docs/docs ^\\.\\/.*$","webpack:///./docs/views/Document.vue?a797","webpack:///./docs/views/Example.vue","webpack:///./docs/views/Example.vue?5109","webpack:///./docs/views/examples/Full.vue","webpack:///./docs/views/examples/Full.vue?41bf","webpack:///./docs/views/examples/Full.vue?a648","webpack:///Full.vue","webpack:///./node_modules/regenerator-runtime/runtime-module.js","webpack:///./node_modules/regenerator-runtime/runtime.js","webpack:///(webpack)/buildin/module.js","webpack:///./src/FileUpload.vue","webpack:///./src/FileUpload.vue?5b9f","webpack:///./src/FileUpload.vue?b5c1","webpack:///FileUpload.vue","webpack:///./src/InputFile.vue","webpack:///InputFile.vue","webpack:///./src/InputFile.vue?0336","webpack:///./src/FileUpload.vue?601d","webpack:///./docs/views/examples/Full.vue?4618","webpack:///./docs/views/examples/Simple.vue","webpack:///./docs/views/examples/Simple.vue?3449","webpack:///./docs/views/examples/Simple.vue?c21e","webpack:///Simple.vue","webpack:///./docs/views/examples/Simple.vue?f312","webpack:///./docs/views/examples/Avatar.vue","webpack:///./docs/views/examples/Avatar.vue?c794","webpack:///./docs/views/examples/Avatar.vue?1203","webpack:///Avatar.vue","webpack:///./docs/views/examples/Avatar.vue?6afa","webpack:///./docs/views/examples/Drag.vue","webpack:///./docs/views/examples/Drag.vue?fe30","webpack:///./docs/views/examples/Drag.vue?4ea0","webpack:///Drag.vue","webpack:///./docs/views/examples/Drag.vue?6b7a","webpack:///./docs/views/examples/Multiple.vue","webpack:///./docs/views/examples/Multiple.vue?b9e6","webpack:///./docs/views/examples/Multiple.vue?06f6","webpack:///Multiple.vue","webpack:///./docs/views/examples/Multiple.vue?6d32","webpack:///./docs/views/examples/Vuex.vue","webpack:///./docs/views/examples/Vuex.vue?c8b0","webpack:///./docs/views/examples/Vuex.vue?2180","webpack:///Vuex.vue","webpack:///./docs/views/examples/Vuex.vue?efda","webpack:///./docs/views/App.vue","webpack:///./docs/views/App.vue?211c","webpack:///./docs/views/App.vue?7549","webpack:///App.vue","webpack:///./docs/views/App.vue?b485"],"names":["module","exports","useSourceMap","list","toString","map","item","content","cssWithMappingToString","join","i","modules","mediaQuery","alreadyImportedModules","length","id","push","cssMapping","btoa","sourceMapping","toComment","sourceURLs","sources","source","sourceRoot","concat","sourceMap","base64","unescape","encodeURIComponent","JSON","stringify","data","require","locale","messages","en","Vue","config","silent","devtools","Renderer","text","level","raw","rawName","toLowerCase","replace","options","headers","pop","parent","filter","value","headerPrefix","marked","setOptions","renderer","gfm","tables","breaks","pedantic","sanitize","smartLists","smartypants","highlight","code","lang","highlightjs","highlightAuto","directive","el","binding","vnode","className","test","children","innerHTML","selectorList","querySelectorAll","onclick","e","metaKey","ctrlKey","shiftKey","defaultPrevented","button","undefined","host","window","location","href","getAttribute","charAt","preventDefault","router","size","toFixed","to","i18n","store","$mount","state","files","mutations","updateFiles","Vuex","Store","strict","examples","path","component","FullExampleComponent","SimpleExampleComponent","AvatarExampleComponent","DragExampleComponent","MultipleExampleComponent","VuexExampleComponent","mode","fallback","scrollBehavior","y","routes","Object","keys","DocumentComponent","header","logo","home","documents","blog","issues","github","document","title","example","full","simple","avatar","drag","multiple","vuex","listToStyles","parentId","styles","newStyles","css","media","part","parts","g","Function","hadRuntime","regeneratorRuntime","getOwnPropertyNames","indexOf","oldRuntime","global","Op","prototype","hasOwn","hasOwnProperty","$Symbol","Symbol","iteratorSymbol","iterator","asyncIteratorSymbol","asyncIterator","toStringTagSymbol","toStringTag","inModule","runtime","wrap","innerFn","outerFn","self","tryLocsList","protoGenerator","Generator","generator","create","context","Context","_invoke","makeInvokeMethod","tryCatch","fn","obj","arg","type","call","err","GenStateSuspendedStart","GenStateSuspendedYield","GenStateExecuting","GenStateCompleted","ContinueSentinel","GeneratorFunction","GeneratorFunctionPrototype","IteratorPrototype","getProto","getPrototypeOf","NativeIteratorPrototype","values","Gp","constructor","displayName","defineIteratorMethods","forEach","method","isGeneratorFunction","genFun","ctor","name","mark","setPrototypeOf","__proto__","awrap","__await","AsyncIterator","invoke","resolve","reject","record","result","Promise","then","unwrapped","previousPromise","enqueue","callInvokeWithMethodAndArg","async","iter","next","done","Error","doneResult","delegate","delegateResult","maybeInvokeDelegate","sent","_sent","dispatchException","abrupt","return","TypeError","info","resultName","nextLoc","pushTryEntry","locs","entry","tryLoc","catchLoc","finallyLoc","afterLoc","tryEntries","resetTryEntry","completion","reset","object","key","reverse","iterable","iteratorMethod","isNaN","skipTempReset","prev","slice","stop","rootEntry","rootRecord","rval","exception","handle","loc","caught","hasCatch","hasFinally","finallyEntry","complete","finish","thrown","delegateYield","webpackPolyfill","deprecate","paths","defineProperty","enumerable","get","l"],"mappings":";;;;;;AAAA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;AC7DA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;AC1FA;;;;AAIA;AACAA,OAAOC,OAAP,GAAiB,UAASC,YAAT,EAAuB;AACvC,KAAIC,OAAO,EAAX;;AAEA;AACAA,MAAKC,QAAL,GAAgB,SAASA,QAAT,GAAoB;AACnC,SAAO,KAAKC,GAAL,CAAS,UAAUC,IAAV,EAAgB;AAC/B,OAAIC,UAAUC,uBAAuBF,IAAvB,EAA6BJ,YAA7B,CAAd;AACA,OAAGI,KAAK,CAAL,CAAH,EAAY;AACX,WAAO,YAAYA,KAAK,CAAL,CAAZ,GAAsB,GAAtB,GAA4BC,OAA5B,GAAsC,GAA7C;AACA,IAFD,MAEO;AACN,WAAOA,OAAP;AACA;AACD,GAPM,EAOJE,IAPI,CAOC,EAPD,CAAP;AAQA,EATD;;AAWA;AACAN,MAAKO,CAAL,GAAS,UAASC,OAAT,EAAkBC,UAAlB,EAA8B;AACtC,MAAG,OAAOD,OAAP,KAAmB,QAAtB,EACCA,UAAU,CAAC,CAAC,IAAD,EAAOA,OAAP,EAAgB,EAAhB,CAAD,CAAV;AACD,MAAIE,yBAAyB,EAA7B;AACA,OAAI,IAAIH,IAAI,CAAZ,EAAeA,IAAI,KAAKI,MAAxB,EAAgCJ,GAAhC,EAAqC;AACpC,OAAIK,KAAK,KAAKL,CAAL,EAAQ,CAAR,CAAT;AACA,OAAG,OAAOK,EAAP,KAAc,QAAjB,EACCF,uBAAuBE,EAAvB,IAA6B,IAA7B;AACD;AACD,OAAIL,IAAI,CAAR,EAAWA,IAAIC,QAAQG,MAAvB,EAA+BJ,GAA/B,EAAoC;AACnC,OAAIJ,OAAOK,QAAQD,CAAR,CAAX;AACA;AACA;AACA;AACA;AACA,OAAG,OAAOJ,KAAK,CAAL,CAAP,KAAmB,QAAnB,IAA+B,CAACO,uBAAuBP,KAAK,CAAL,CAAvB,CAAnC,EAAoE;AACnE,QAAGM,cAAc,CAACN,KAAK,CAAL,CAAlB,EAA2B;AAC1BA,UAAK,CAAL,IAAUM,UAAV;AACA,KAFD,MAEO,IAAGA,UAAH,EAAe;AACrBN,UAAK,CAAL,IAAU,MAAMA,KAAK,CAAL,CAAN,GAAgB,SAAhB,GAA4BM,UAA5B,GAAyC,GAAnD;AACA;AACDT,SAAKa,IAAL,CAAUV,IAAV;AACA;AACD;AACD,EAxBD;AAyBA,QAAOH,IAAP;AACA,CA1CD;;AA4CA,SAASK,sBAAT,CAAgCF,IAAhC,EAAsCJ,YAAtC,EAAoD;AACnD,KAAIK,UAAUD,KAAK,CAAL,KAAW,EAAzB;AACA,KAAIW,aAAaX,KAAK,CAAL,CAAjB;AACA,KAAI,CAACW,UAAL,EAAiB;AAChB,SAAOV,OAAP;AACA;;AAED,KAAIL,gBAAgB,OAAOgB,IAAP,KAAgB,UAApC,EAAgD;AAC/C,MAAIC,gBAAgBC,UAAUH,UAAV,CAApB;AACA,MAAII,aAAaJ,WAAWK,OAAX,CAAmBjB,GAAnB,CAAuB,UAAUkB,MAAV,EAAkB;AACzD,UAAO,mBAAmBN,WAAWO,UAA9B,GAA2CD,MAA3C,GAAoD,KAA3D;AACA,GAFgB,CAAjB;;AAIA,SAAO,CAAChB,OAAD,EAAUkB,MAAV,CAAiBJ,UAAjB,EAA6BI,MAA7B,CAAoC,CAACN,aAAD,CAApC,EAAqDV,IAArD,CAA0D,IAA1D,CAAP;AACA;;AAED,QAAO,CAACF,OAAD,EAAUE,IAAV,CAAe,IAAf,CAAP;AACA;;AAED;AACA,SAASW,SAAT,CAAmBM,SAAnB,EAA8B;AAC7B;AACA,KAAIC,SAAST,KAAKU,SAASC,mBAAmBC,KAAKC,SAAL,CAAeL,SAAf,CAAnB,CAAT,CAAL,CAAb;AACA,KAAIM,OAAO,iEAAiEL,MAA5E;;AAEA,QAAO,SAASK,IAAT,GAAgB,KAAvB;AACA,C;;;;;;AC3ED;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA,UAAU,iBAAiB;AAC3B;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,mBAAmB;AACnB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA,mBAAmB,mBAAmB;AACtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA,mBAAmB,sBAAsB;AACzC;AACA;AACA,uBAAuB,2BAA2B;AAClD;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,iBAAiB,mBAAmB;AACpC;AACA;AACA;AACA;AACA,qBAAqB,2BAA2B;AAChD;AACA;AACA,YAAY,uBAAuB;AACnC;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,qBAAqB,uBAAuB;AAC5C;AACA;AACA,8BAA8B;AAC9B;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AAC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CA;qBACA;cACA;YACA;kBACA;iBACA;;wBAGA;AAFA;;uBAOA;AAJA;;kBAKA;gBAEA;;;cAEA;cACA;cACA;iBAIA;AAPA;;;cASA;cAGA;AAJA;AAnCA;AAyCA;;;;+DAEA;AACA;iCACA;mFACA;AAEA;;oBACA;mCACA;qCACA;AACA;AACA;;sBAGA;AAFA;eAGA,6BACA;AAEA;;AACA;AACA;AAEA;+CACA;gBACA;4BACA;4BACA;+BACA;AACA;AAGA;AA/BA;;;iEAiCA;+BACA;AACA;AAEA;;AACA;AACA;wEACA;iBACA;AAEA;;AACA;AACA;yDACA;iBACA;AACA;AAGA;;kEAEA;;AACA;AACA;uBACA;uCACA;wCACA;qDACA;AAEA;;AACA;AACA;wBACA;oEACA;kCACA;AACA;AACA;AAEA;;;AACA;oDACA;8BACA;AAEA;;+CACA;AAEA;;AACA;oFACA;uDACA;AACA;AAEA;;mDACA;AACA;AAEA;;6CACA;AACA;AAEA;;iDACA;AACA;AACA;AAGA;;+BACA;AACA;oDACA;AACA;AACA;AACA;AACA;AACA;AAGA;;AACA;+EACA;mCACA;AACA;AAGA;;AApFA;;;;;;;;;yBAqFA;YACA;AAGA;kDACA;iDACA;8CACA;AAEA;;AACA;;;;;;;;gDACA;;;;;4BACA;sCAIA;;;;;uCAGA;AAFA;;oCAGA;;;;;;8DACA;oFACA;4BACA;AACA;AACA;;;;;qEACA;iCACA;iCAEA;;;6DACA;uCACA;sCACA;;;;;;;;;AAEA;;;AACA;;AACA;;iDACA;mBACA;AACA;AAEA;;sDACA;wBACA;8BACA;uBAEA;;sBACA;YACA;mCACA;2BACA;0BACA;gCACA;AACA;AAEA;oCACA;0BACA;6CACA;mBACA;AACA;AAEA;;;2BAGA;AAFA;4BAGA;AAEA;;AAzOA,G;;;;;;AChXA;AACA;AACA,IAAIM,IAAK,YAAW;AAAE,SAAO,IAAP;AAAa,CAA3B,MAAkCC,SAAS,aAAT,GAA1C;;AAEA;AACA;AACA,IAAIC,aAAaF,EAAEG,kBAAF,IACf9B,OAAO+B,mBAAP,CAA2BJ,CAA3B,EAA8BK,OAA9B,CAAsC,oBAAtC,KAA+D,CADjE;;AAGA;AACA,IAAIC,aAAaJ,cAAcF,EAAEG,kBAAjC;;AAEA;AACAH,EAAEG,kBAAF,GAAuBlE,SAAvB;;AAEAvF,OAAOC,OAAP,GAAiB,mBAAAgC,CAAQ,EAAR,CAAjB;;AAEA,IAAIuH,UAAJ,EAAgB;AACd;AACAF,IAAEG,kBAAF,GAAuBG,UAAvB;AACD,CAHD,MAGO;AACL;AACA,MAAI;AACF,WAAON,EAAEG,kBAAT;AACD,GAFD,CAEE,OAAMxE,CAAN,EAAS;AACTqE,MAAEG,kBAAF,GAAuBlE,SAAvB;AACD;AACF,C;;;;;;;;AC3BD;;;;;;;;;;AAUA,CAAE,UAASsE,MAAT,EAAiB;AACjB;;AAEA,MAAIC,KAAKnC,OAAOoC,SAAhB;AACA,MAAIC,SAASF,GAAGG,cAAhB;AACA,MAAI1E,SAAJ,CALiB,CAKF;AACf,MAAI2E,UAAU,OAAOC,MAAP,KAAkB,UAAlB,GAA+BA,MAA/B,GAAwC,EAAtD;AACA,MAAIC,iBAAiBF,QAAQG,QAAR,IAAoB,YAAzC;AACA,MAAIC,sBAAsBJ,QAAQK,aAAR,IAAyB,iBAAnD;AACA,MAAIC,oBAAoBN,QAAQO,WAAR,IAAuB,eAA/C;;AAEA,MAAIC,WAAW,gCAAO1K,MAAP,OAAkB,QAAjC;AACA,MAAI2K,UAAUd,OAAOJ,kBAArB;AACA,MAAIkB,OAAJ,EAAa;AACX,QAAID,QAAJ,EAAc;AACZ;AACA;AACA1K,aAAOC,OAAP,GAAiB0K,OAAjB;AACD;AACD;AACA;AACA;AACD;;AAED;AACA;AACAA,YAAUd,OAAOJ,kBAAP,GAA4BiB,WAAW1K,OAAOC,OAAlB,GAA4B,EAAlE;;AAEA,WAAS2K,IAAT,CAAcC,OAAd,EAAuBC,OAAvB,EAAgCC,IAAhC,EAAsCC,WAAtC,EAAmD;AACjD;AACA,QAAIC,iBAAiBH,WAAWA,QAAQf,SAAR,YAA6BmB,SAAxC,GAAoDJ,OAApD,GAA8DI,SAAnF;AACA,QAAIC,YAAYxD,OAAOyD,MAAP,CAAcH,eAAelB,SAA7B,CAAhB;AACA,QAAIsB,UAAU,IAAIC,OAAJ,CAAYN,eAAe,EAA3B,CAAd;;AAEA;AACA;AACAG,cAAUI,OAAV,GAAoBC,iBAAiBX,OAAjB,EAA0BE,IAA1B,EAAgCM,OAAhC,CAApB;;AAEA,WAAOF,SAAP;AACD;AACDR,UAAQC,IAAR,GAAeA,IAAf;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAASa,QAAT,CAAkBC,EAAlB,EAAsBC,GAAtB,EAA2BC,GAA3B,EAAgC;AAC9B,QAAI;AACF,aAAO,EAAEC,MAAM,QAAR,EAAkBD,KAAKF,GAAGI,IAAH,CAAQH,GAAR,EAAaC,GAAb,CAAvB,EAAP;AACD,KAFD,CAEE,OAAOG,GAAP,EAAY;AACZ,aAAO,EAAEF,MAAM,OAAR,EAAiBD,KAAKG,GAAtB,EAAP;AACD;AACF;;AAED,MAAIC,yBAAyB,gBAA7B;AACA,MAAIC,yBAAyB,gBAA7B;AACA,MAAIC,oBAAoB,WAAxB;AACA,MAAIC,oBAAoB,WAAxB;;AAEA;AACA;AACA,MAAIC,mBAAmB,EAAvB;;AAEA;AACA;AACA;AACA;AACA,WAASlB,SAAT,GAAqB,CAAE;AACvB,WAASmB,iBAAT,GAA6B,CAAE;AAC/B,WAASC,0BAAT,GAAsC,CAAE;;AAExC;AACA;AACA,MAAIC,oBAAoB,EAAxB;AACAA,oBAAkBnC,cAAlB,IAAoC,YAAY;AAC9C,WAAO,IAAP;AACD,GAFD;;AAIA,MAAIoC,WAAW7E,OAAO8E,cAAtB;AACA,MAAIC,0BAA0BF,YAAYA,SAASA,SAASG,OAAO,EAAP,CAAT,CAAT,CAA1C;AACA,MAAID,2BACAA,4BAA4B5C,EAD5B,IAEAE,OAAO8B,IAAP,CAAYY,uBAAZ,EAAqCtC,cAArC,CAFJ,EAE0D;AACxD;AACA;AACAmC,wBAAoBG,uBAApB;AACD;;AAED,MAAIE,KAAKN,2BAA2BvC,SAA3B,GACPmB,UAAUnB,SAAV,GAAsBpC,OAAOyD,MAAP,CAAcmB,iBAAd,CADxB;AAEAF,oBAAkBtC,SAAlB,GAA8B6C,GAAGC,WAAH,GAAiBP,0BAA/C;AACAA,6BAA2BO,WAA3B,GAAyCR,iBAAzC;AACAC,6BAA2B9B,iBAA3B,IACE6B,kBAAkBS,WAAlB,GAAgC,mBADlC;;AAGA;AACA;AACA,WAASC,qBAAT,CAA+BhD,SAA/B,EAA0C;AACxC,KAAC,MAAD,EAAS,OAAT,EAAkB,QAAlB,EAA4BiD,OAA5B,CAAoC,UAASC,MAAT,EAAiB;AACnDlD,gBAAUkD,MAAV,IAAoB,UAASrB,GAAT,EAAc;AAChC,eAAO,KAAKL,OAAL,CAAa0B,MAAb,EAAqBrB,GAArB,CAAP;AACD,OAFD;AAGD,KAJD;AAKD;;AAEDjB,UAAQuC,mBAAR,GAA8B,UAASC,MAAT,EAAiB;AAC7C,QAAIC,OAAO,OAAOD,MAAP,KAAkB,UAAlB,IAAgCA,OAAON,WAAlD;AACA,WAAOO,OACHA,SAASf,iBAAT;AACA;AACA;AACA,KAACe,KAAKN,WAAL,IAAoBM,KAAKC,IAA1B,MAAoC,mBAJjC,GAKH,KALJ;AAMD,GARD;;AAUA1C,UAAQ2C,IAAR,GAAe,UAASH,MAAT,EAAiB;AAC9B,QAAIxF,OAAO4F,cAAX,EAA2B;AACzB5F,aAAO4F,cAAP,CAAsBJ,MAAtB,EAA8Bb,0BAA9B;AACD,KAFD,MAEO;AACLa,aAAOK,SAAP,GAAmBlB,0BAAnB;AACA,UAAI,EAAE9B,qBAAqB2C,MAAvB,CAAJ,EAAoC;AAClCA,eAAO3C,iBAAP,IAA4B,mBAA5B;AACD;AACF;AACD2C,WAAOpD,SAAP,GAAmBpC,OAAOyD,MAAP,CAAcwB,EAAd,CAAnB;AACA,WAAOO,MAAP;AACD,GAXD;;AAaA;AACA;AACA;AACA;AACAxC,UAAQ8C,KAAR,GAAgB,UAAS7B,GAAT,EAAc;AAC5B,WAAO,EAAE8B,SAAS9B,GAAX,EAAP;AACD,GAFD;;AAIA,WAAS+B,aAAT,CAAuBxC,SAAvB,EAAkC;AAChC,aAASyC,MAAT,CAAgBX,MAAhB,EAAwBrB,GAAxB,EAA6BiC,OAA7B,EAAsCC,MAAtC,EAA8C;AAC5C,UAAIC,SAAStC,SAASN,UAAU8B,MAAV,CAAT,EAA4B9B,SAA5B,EAAuCS,GAAvC,CAAb;AACA,UAAImC,OAAOlC,IAAP,KAAgB,OAApB,EAA6B;AAC3BiC,eAAOC,OAAOnC,GAAd;AACD,OAFD,MAEO;AACL,YAAIoC,SAASD,OAAOnC,GAApB;AACA,YAAIvI,QAAQ2K,OAAO3K,KAAnB;AACA,YAAIA,SACA,QAAOA,KAAP,yCAAOA,KAAP,OAAiB,QADjB,IAEA2G,OAAO8B,IAAP,CAAYzI,KAAZ,EAAmB,SAAnB,CAFJ,EAEmC;AACjC,iBAAO4K,QAAQJ,OAAR,CAAgBxK,MAAMqK,OAAtB,EAA+BQ,IAA/B,CAAoC,UAAS7K,KAAT,EAAgB;AACzDuK,mBAAO,MAAP,EAAevK,KAAf,EAAsBwK,OAAtB,EAA+BC,MAA/B;AACD,WAFM,EAEJ,UAAS/B,GAAT,EAAc;AACf6B,mBAAO,OAAP,EAAgB7B,GAAhB,EAAqB8B,OAArB,EAA8BC,MAA9B;AACD,WAJM,CAAP;AAKD;;AAED,eAAOG,QAAQJ,OAAR,CAAgBxK,KAAhB,EAAuB6K,IAAvB,CAA4B,UAASC,SAAT,EAAoB;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAH,iBAAO3K,KAAP,GAAe8K,SAAf;AACAN,kBAAQG,MAAR;AACD,SAlBM,EAkBJF,MAlBI,CAAP;AAmBD;AACF;;AAED,QAAIM,eAAJ;;AAEA,aAASC,OAAT,CAAiBpB,MAAjB,EAAyBrB,GAAzB,EAA8B;AAC5B,eAAS0C,0BAAT,GAAsC;AACpC,eAAO,IAAIL,OAAJ,CAAY,UAASJ,OAAT,EAAkBC,MAAlB,EAA0B;AAC3CF,iBAAOX,MAAP,EAAerB,GAAf,EAAoBiC,OAApB,EAA6BC,MAA7B;AACD,SAFM,CAAP;AAGD;;AAED,aAAOM;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAA,wBAAkBA,gBAAgBF,IAAhB,CAChBI,0BADgB;AAEhB;AACA;AACAA,gCAJgB,CAAlB,GAKIA,4BAlBN;AAmBD;;AAED;AACA;AACA,SAAK/C,OAAL,GAAe8C,OAAf;AACD;;AAEDtB,wBAAsBY,cAAc5D,SAApC;AACA4D,gBAAc5D,SAAd,CAAwBO,mBAAxB,IAA+C,YAAY;AACzD,WAAO,IAAP;AACD,GAFD;AAGAK,UAAQgD,aAAR,GAAwBA,aAAxB;;AAEA;AACA;AACA;AACAhD,UAAQ4D,KAAR,GAAgB,UAAS1D,OAAT,EAAkBC,OAAlB,EAA2BC,IAA3B,EAAiCC,WAAjC,EAA8C;AAC5D,QAAIwD,OAAO,IAAIb,aAAJ,CACT/C,KAAKC,OAAL,EAAcC,OAAd,EAAuBC,IAAvB,EAA6BC,WAA7B,CADS,CAAX;;AAIA,WAAOL,QAAQuC,mBAAR,CAA4BpC,OAA5B,IACH0D,IADG,CACE;AADF,MAEHA,KAAKC,IAAL,GAAYP,IAAZ,CAAiB,UAASF,MAAT,EAAiB;AAChC,aAAOA,OAAOU,IAAP,GAAcV,OAAO3K,KAArB,GAA6BmL,KAAKC,IAAL,EAApC;AACD,KAFD,CAFJ;AAKD,GAVD;;AAYA,WAASjD,gBAAT,CAA0BX,OAA1B,EAAmCE,IAAnC,EAAyCM,OAAzC,EAAkD;AAChD,QAAI/E,QAAQ0F,sBAAZ;;AAEA,WAAO,SAAS4B,MAAT,CAAgBX,MAAhB,EAAwBrB,GAAxB,EAA6B;AAClC,UAAItF,UAAU4F,iBAAd,EAAiC;AAC/B,cAAM,IAAIyC,KAAJ,CAAU,8BAAV,CAAN;AACD;;AAED,UAAIrI,UAAU6F,iBAAd,EAAiC;AAC/B,YAAIc,WAAW,OAAf,EAAwB;AACtB,gBAAMrB,GAAN;AACD;;AAED;AACA;AACA,eAAOgD,YAAP;AACD;;AAEDvD,cAAQ4B,MAAR,GAAiBA,MAAjB;AACA5B,cAAQO,GAAR,GAAcA,GAAd;;AAEA,aAAO,IAAP,EAAa;AACX,YAAIiD,WAAWxD,QAAQwD,QAAvB;AACA,YAAIA,QAAJ,EAAc;AACZ,cAAIC,iBAAiBC,oBAAoBF,QAApB,EAA8BxD,OAA9B,CAArB;AACA,cAAIyD,cAAJ,EAAoB;AAClB,gBAAIA,mBAAmB1C,gBAAvB,EAAyC;AACzC,mBAAO0C,cAAP;AACD;AACF;;AAED,YAAIzD,QAAQ4B,MAAR,KAAmB,MAAvB,EAA+B;AAC7B;AACA;AACA5B,kBAAQ2D,IAAR,GAAe3D,QAAQ4D,KAAR,GAAgB5D,QAAQO,GAAvC;AAED,SALD,MAKO,IAAIP,QAAQ4B,MAAR,KAAmB,OAAvB,EAAgC;AACrC,cAAI3G,UAAU0F,sBAAd,EAAsC;AACpC1F,oBAAQ6F,iBAAR;AACA,kBAAMd,QAAQO,GAAd;AACD;;AAEDP,kBAAQ6D,iBAAR,CAA0B7D,QAAQO,GAAlC;AAED,SARM,MAQA,IAAIP,QAAQ4B,MAAR,KAAmB,QAAvB,EAAiC;AACtC5B,kBAAQ8D,MAAR,CAAe,QAAf,EAAyB9D,QAAQO,GAAjC;AACD;;AAEDtF,gBAAQ4F,iBAAR;;AAEA,YAAI6B,SAAStC,SAASZ,OAAT,EAAkBE,IAAlB,EAAwBM,OAAxB,CAAb;AACA,YAAI0C,OAAOlC,IAAP,KAAgB,QAApB,EAA8B;AAC5B;AACA;AACAvF,kBAAQ+E,QAAQqD,IAAR,GACJvC,iBADI,GAEJF,sBAFJ;;AAIA,cAAI8B,OAAOnC,GAAP,KAAeQ,gBAAnB,EAAqC;AACnC;AACD;;AAED,iBAAO;AACL/I,mBAAO0K,OAAOnC,GADT;AAEL8C,kBAAMrD,QAAQqD;AAFT,WAAP;AAKD,SAhBD,MAgBO,IAAIX,OAAOlC,IAAP,KAAgB,OAApB,EAA6B;AAClCvF,kBAAQ6F,iBAAR;AACA;AACA;AACAd,kBAAQ4B,MAAR,GAAiB,OAAjB;AACA5B,kBAAQO,GAAR,GAAcmC,OAAOnC,GAArB;AACD;AACF;AACF,KAxED;AAyED;;AAED;AACA;AACA;AACA;AACA,WAASmD,mBAAT,CAA6BF,QAA7B,EAAuCxD,OAAvC,EAAgD;AAC9C,QAAI4B,SAAS4B,SAASxE,QAAT,CAAkBgB,QAAQ4B,MAA1B,CAAb;AACA,QAAIA,WAAW1H,SAAf,EAA0B;AACxB;AACA;AACA8F,cAAQwD,QAAR,GAAmB,IAAnB;;AAEA,UAAIxD,QAAQ4B,MAAR,KAAmB,OAAvB,EAAgC;AAC9B,YAAI4B,SAASxE,QAAT,CAAkB+E,MAAtB,EAA8B;AAC5B;AACA;AACA/D,kBAAQ4B,MAAR,GAAiB,QAAjB;AACA5B,kBAAQO,GAAR,GAAcrG,SAAd;AACAwJ,8BAAoBF,QAApB,EAA8BxD,OAA9B;;AAEA,cAAIA,QAAQ4B,MAAR,KAAmB,OAAvB,EAAgC;AAC9B;AACA;AACA,mBAAOb,gBAAP;AACD;AACF;;AAEDf,gBAAQ4B,MAAR,GAAiB,OAAjB;AACA5B,gBAAQO,GAAR,GAAc,IAAIyD,SAAJ,CACZ,gDADY,CAAd;AAED;;AAED,aAAOjD,gBAAP;AACD;;AAED,QAAI2B,SAAStC,SAASwB,MAAT,EAAiB4B,SAASxE,QAA1B,EAAoCgB,QAAQO,GAA5C,CAAb;;AAEA,QAAImC,OAAOlC,IAAP,KAAgB,OAApB,EAA6B;AAC3BR,cAAQ4B,MAAR,GAAiB,OAAjB;AACA5B,cAAQO,GAAR,GAAcmC,OAAOnC,GAArB;AACAP,cAAQwD,QAAR,GAAmB,IAAnB;AACA,aAAOzC,gBAAP;AACD;;AAED,QAAIkD,OAAOvB,OAAOnC,GAAlB;;AAEA,QAAI,CAAE0D,IAAN,EAAY;AACVjE,cAAQ4B,MAAR,GAAiB,OAAjB;AACA5B,cAAQO,GAAR,GAAc,IAAIyD,SAAJ,CAAc,kCAAd,CAAd;AACAhE,cAAQwD,QAAR,GAAmB,IAAnB;AACA,aAAOzC,gBAAP;AACD;;AAED,QAAIkD,KAAKZ,IAAT,EAAe;AACb;AACA;AACArD,cAAQwD,SAASU,UAAjB,IAA+BD,KAAKjM,KAApC;;AAEA;AACAgI,cAAQoD,IAAR,GAAeI,SAASW,OAAxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,UAAInE,QAAQ4B,MAAR,KAAmB,QAAvB,EAAiC;AAC/B5B,gBAAQ4B,MAAR,GAAiB,MAAjB;AACA5B,gBAAQO,GAAR,GAAcrG,SAAd;AACD;AAEF,KAnBD,MAmBO;AACL;AACA,aAAO+J,IAAP;AACD;;AAED;AACA;AACAjE,YAAQwD,QAAR,GAAmB,IAAnB;AACA,WAAOzC,gBAAP;AACD;;AAED;AACA;AACAW,wBAAsBH,EAAtB;;AAEAA,KAAGpC,iBAAH,IAAwB,WAAxB;;AAEA;AACA;AACA;AACA;AACA;AACAoC,KAAGxC,cAAH,IAAqB,YAAW;AAC9B,WAAO,IAAP;AACD,GAFD;;AAIAwC,KAAGxM,QAAH,GAAc,YAAW;AACvB,WAAO,oBAAP;AACD,GAFD;;AAIA,WAASqP,YAAT,CAAsBC,IAAtB,EAA4B;AAC1B,QAAIC,QAAQ,EAAEC,QAAQF,KAAK,CAAL,CAAV,EAAZ;;AAEA,QAAI,KAAKA,IAAT,EAAe;AACbC,YAAME,QAAN,GAAiBH,KAAK,CAAL,CAAjB;AACD;;AAED,QAAI,KAAKA,IAAT,EAAe;AACbC,YAAMG,UAAN,GAAmBJ,KAAK,CAAL,CAAnB;AACAC,YAAMI,QAAN,GAAiBL,KAAK,CAAL,CAAjB;AACD;;AAED,SAAKM,UAAL,CAAgBhP,IAAhB,CAAqB2O,KAArB;AACD;;AAED,WAASM,aAAT,CAAuBN,KAAvB,EAA8B;AAC5B,QAAI5B,SAAS4B,MAAMO,UAAN,IAAoB,EAAjC;AACAnC,WAAOlC,IAAP,GAAc,QAAd;AACA,WAAOkC,OAAOnC,GAAd;AACA+D,UAAMO,UAAN,GAAmBnC,MAAnB;AACD;;AAED,WAASzC,OAAT,CAAiBN,WAAjB,EAA8B;AAC5B;AACA;AACA;AACA,SAAKgF,UAAL,GAAkB,CAAC,EAAEJ,QAAQ,MAAV,EAAD,CAAlB;AACA5E,gBAAYgC,OAAZ,CAAoByC,YAApB,EAAkC,IAAlC;AACA,SAAKU,KAAL,CAAW,IAAX;AACD;;AAEDxF,UAAQ/C,IAAR,GAAe,UAASwI,MAAT,EAAiB;AAC9B,QAAIxI,OAAO,EAAX;AACA,SAAK,IAAIyI,GAAT,IAAgBD,MAAhB,EAAwB;AACtBxI,WAAK5G,IAAL,CAAUqP,GAAV;AACD;AACDzI,SAAK0I,OAAL;;AAEA;AACA;AACA,WAAO,SAAS7B,IAAT,GAAgB;AACrB,aAAO7G,KAAK9G,MAAZ,EAAoB;AAClB,YAAIuP,MAAMzI,KAAK1E,GAAL,EAAV;AACA,YAAImN,OAAOD,MAAX,EAAmB;AACjB3B,eAAKpL,KAAL,GAAagN,GAAb;AACA5B,eAAKC,IAAL,GAAY,KAAZ;AACA,iBAAOD,IAAP;AACD;AACF;;AAED;AACA;AACA;AACAA,WAAKC,IAAL,GAAY,IAAZ;AACA,aAAOD,IAAP;AACD,KAfD;AAgBD,GAzBD;;AA2BA,WAAS9B,MAAT,CAAgB4D,QAAhB,EAA0B;AACxB,QAAIA,QAAJ,EAAc;AACZ,UAAIC,iBAAiBD,SAASnG,cAAT,CAArB;AACA,UAAIoG,cAAJ,EAAoB;AAClB,eAAOA,eAAe1E,IAAf,CAAoByE,QAApB,CAAP;AACD;;AAED,UAAI,OAAOA,SAAS9B,IAAhB,KAAyB,UAA7B,EAAyC;AACvC,eAAO8B,QAAP;AACD;;AAED,UAAI,CAACE,MAAMF,SAASzP,MAAf,CAAL,EAA6B;AAC3B,YAAIJ,IAAI,CAAC,CAAT;AAAA,YAAY+N,OAAO,SAASA,IAAT,GAAgB;AACjC,iBAAO,EAAE/N,CAAF,GAAM6P,SAASzP,MAAtB,EAA8B;AAC5B,gBAAIkJ,OAAO8B,IAAP,CAAYyE,QAAZ,EAAsB7P,CAAtB,CAAJ,EAA8B;AAC5B+N,mBAAKpL,KAAL,GAAakN,SAAS7P,CAAT,CAAb;AACA+N,mBAAKC,IAAL,GAAY,KAAZ;AACA,qBAAOD,IAAP;AACD;AACF;;AAEDA,eAAKpL,KAAL,GAAakC,SAAb;AACAkJ,eAAKC,IAAL,GAAY,IAAZ;;AAEA,iBAAOD,IAAP;AACD,SAbD;;AAeA,eAAOA,KAAKA,IAAL,GAAYA,IAAnB;AACD;AACF;;AAED;AACA,WAAO,EAAEA,MAAMG,UAAR,EAAP;AACD;AACDjE,UAAQgC,MAAR,GAAiBA,MAAjB;;AAEA,WAASiC,UAAT,GAAsB;AACpB,WAAO,EAAEvL,OAAOkC,SAAT,EAAoBmJ,MAAM,IAA1B,EAAP;AACD;;AAEDpD,UAAQvB,SAAR,GAAoB;AAClB8C,iBAAavB,OADK;;AAGlB6E,WAAO,eAASO,aAAT,EAAwB;AAC7B,WAAKC,IAAL,GAAY,CAAZ;AACA,WAAKlC,IAAL,GAAY,CAAZ;AACA;AACA;AACA,WAAKO,IAAL,GAAY,KAAKC,KAAL,GAAa1J,SAAzB;AACA,WAAKmJ,IAAL,GAAY,KAAZ;AACA,WAAKG,QAAL,GAAgB,IAAhB;;AAEA,WAAK5B,MAAL,GAAc,MAAd;AACA,WAAKrB,GAAL,GAAWrG,SAAX;;AAEA,WAAKyK,UAAL,CAAgBhD,OAAhB,CAAwBiD,aAAxB;;AAEA,UAAI,CAACS,aAAL,EAAoB;AAClB,aAAK,IAAIrD,IAAT,IAAiB,IAAjB,EAAuB;AACrB;AACA,cAAIA,KAAKxH,MAAL,CAAY,CAAZ,MAAmB,GAAnB,IACAmE,OAAO8B,IAAP,CAAY,IAAZ,EAAkBuB,IAAlB,CADA,IAEA,CAACoD,MAAM,CAACpD,KAAKuD,KAAL,CAAW,CAAX,CAAP,CAFL,EAE4B;AAC1B,iBAAKvD,IAAL,IAAa9H,SAAb;AACD;AACF;AACF;AACF,KA3BiB;;AA6BlBsL,UAAM,gBAAW;AACf,WAAKnC,IAAL,GAAY,IAAZ;;AAEA,UAAIoC,YAAY,KAAKd,UAAL,CAAgB,CAAhB,CAAhB;AACA,UAAIe,aAAaD,UAAUZ,UAA3B;AACA,UAAIa,WAAWlF,IAAX,KAAoB,OAAxB,EAAiC;AAC/B,cAAMkF,WAAWnF,GAAjB;AACD;;AAED,aAAO,KAAKoF,IAAZ;AACD,KAvCiB;;AAyClB9B,uBAAmB,2BAAS+B,SAAT,EAAoB;AACrC,UAAI,KAAKvC,IAAT,EAAe;AACb,cAAMuC,SAAN;AACD;;AAED,UAAI5F,UAAU,IAAd;AACA,eAAS6F,MAAT,CAAgBC,GAAhB,EAAqBC,MAArB,EAA6B;AAC3BrD,eAAOlC,IAAP,GAAc,OAAd;AACAkC,eAAOnC,GAAP,GAAaqF,SAAb;AACA5F,gBAAQoD,IAAR,GAAe0C,GAAf;;AAEA,YAAIC,MAAJ,EAAY;AACV;AACA;AACA/F,kBAAQ4B,MAAR,GAAiB,MAAjB;AACA5B,kBAAQO,GAAR,GAAcrG,SAAd;AACD;;AAED,eAAO,CAAC,CAAE6L,MAAV;AACD;;AAED,WAAK,IAAI1Q,IAAI,KAAKsP,UAAL,CAAgBlP,MAAhB,GAAyB,CAAtC,EAAyCJ,KAAK,CAA9C,EAAiD,EAAEA,CAAnD,EAAsD;AACpD,YAAIiP,QAAQ,KAAKK,UAAL,CAAgBtP,CAAhB,CAAZ;AACA,YAAIqN,SAAS4B,MAAMO,UAAnB;;AAEA,YAAIP,MAAMC,MAAN,KAAiB,MAArB,EAA6B;AAC3B;AACA;AACA;AACA,iBAAOsB,OAAO,KAAP,CAAP;AACD;;AAED,YAAIvB,MAAMC,MAAN,IAAgB,KAAKe,IAAzB,EAA+B;AAC7B,cAAIU,WAAWrH,OAAO8B,IAAP,CAAY6D,KAAZ,EAAmB,UAAnB,CAAf;AACA,cAAI2B,aAAatH,OAAO8B,IAAP,CAAY6D,KAAZ,EAAmB,YAAnB,CAAjB;;AAEA,cAAI0B,YAAYC,UAAhB,EAA4B;AAC1B,gBAAI,KAAKX,IAAL,GAAYhB,MAAME,QAAtB,EAAgC;AAC9B,qBAAOqB,OAAOvB,MAAME,QAAb,EAAuB,IAAvB,CAAP;AACD,aAFD,MAEO,IAAI,KAAKc,IAAL,GAAYhB,MAAMG,UAAtB,EAAkC;AACvC,qBAAOoB,OAAOvB,MAAMG,UAAb,CAAP;AACD;AAEF,WAPD,MAOO,IAAIuB,QAAJ,EAAc;AACnB,gBAAI,KAAKV,IAAL,GAAYhB,MAAME,QAAtB,EAAgC;AAC9B,qBAAOqB,OAAOvB,MAAME,QAAb,EAAuB,IAAvB,CAAP;AACD;AAEF,WALM,MAKA,IAAIyB,UAAJ,EAAgB;AACrB,gBAAI,KAAKX,IAAL,GAAYhB,MAAMG,UAAtB,EAAkC;AAChC,qBAAOoB,OAAOvB,MAAMG,UAAb,CAAP;AACD;AAEF,WALM,MAKA;AACL,kBAAM,IAAInB,KAAJ,CAAU,wCAAV,CAAN;AACD;AACF;AACF;AACF,KAnGiB;;AAqGlBQ,YAAQ,gBAAStD,IAAT,EAAeD,GAAf,EAAoB;AAC1B,WAAK,IAAIlL,IAAI,KAAKsP,UAAL,CAAgBlP,MAAhB,GAAyB,CAAtC,EAAyCJ,KAAK,CAA9C,EAAiD,EAAEA,CAAnD,EAAsD;AACpD,YAAIiP,QAAQ,KAAKK,UAAL,CAAgBtP,CAAhB,CAAZ;AACA,YAAIiP,MAAMC,MAAN,IAAgB,KAAKe,IAArB,IACA3G,OAAO8B,IAAP,CAAY6D,KAAZ,EAAmB,YAAnB,CADA,IAEA,KAAKgB,IAAL,GAAYhB,MAAMG,UAFtB,EAEkC;AAChC,cAAIyB,eAAe5B,KAAnB;AACA;AACD;AACF;;AAED,UAAI4B,iBACC1F,SAAS,OAAT,IACAA,SAAS,UAFV,KAGA0F,aAAa3B,MAAb,IAAuBhE,GAHvB,IAIAA,OAAO2F,aAAazB,UAJxB,EAIoC;AAClC;AACA;AACAyB,uBAAe,IAAf;AACD;;AAED,UAAIxD,SAASwD,eAAeA,aAAarB,UAA5B,GAAyC,EAAtD;AACAnC,aAAOlC,IAAP,GAAcA,IAAd;AACAkC,aAAOnC,GAAP,GAAaA,GAAb;;AAEA,UAAI2F,YAAJ,EAAkB;AAChB,aAAKtE,MAAL,GAAc,MAAd;AACA,aAAKwB,IAAL,GAAY8C,aAAazB,UAAzB;AACA,eAAO1D,gBAAP;AACD;;AAED,aAAO,KAAKoF,QAAL,CAAczD,MAAd,CAAP;AACD,KArIiB;;AAuIlByD,cAAU,kBAASzD,MAAT,EAAiBgC,QAAjB,EAA2B;AACnC,UAAIhC,OAAOlC,IAAP,KAAgB,OAApB,EAA6B;AAC3B,cAAMkC,OAAOnC,GAAb;AACD;;AAED,UAAImC,OAAOlC,IAAP,KAAgB,OAAhB,IACAkC,OAAOlC,IAAP,KAAgB,UADpB,EACgC;AAC9B,aAAK4C,IAAL,GAAYV,OAAOnC,GAAnB;AACD,OAHD,MAGO,IAAImC,OAAOlC,IAAP,KAAgB,QAApB,EAA8B;AACnC,aAAKmF,IAAL,GAAY,KAAKpF,GAAL,GAAWmC,OAAOnC,GAA9B;AACA,aAAKqB,MAAL,GAAc,QAAd;AACA,aAAKwB,IAAL,GAAY,KAAZ;AACD,OAJM,MAIA,IAAIV,OAAOlC,IAAP,KAAgB,QAAhB,IAA4BkE,QAAhC,EAA0C;AAC/C,aAAKtB,IAAL,GAAYsB,QAAZ;AACD;;AAED,aAAO3D,gBAAP;AACD,KAxJiB;;AA0JlBqF,YAAQ,gBAAS3B,UAAT,EAAqB;AAC3B,WAAK,IAAIpP,IAAI,KAAKsP,UAAL,CAAgBlP,MAAhB,GAAyB,CAAtC,EAAyCJ,KAAK,CAA9C,EAAiD,EAAEA,CAAnD,EAAsD;AACpD,YAAIiP,QAAQ,KAAKK,UAAL,CAAgBtP,CAAhB,CAAZ;AACA,YAAIiP,MAAMG,UAAN,KAAqBA,UAAzB,EAAqC;AACnC,eAAK0B,QAAL,CAAc7B,MAAMO,UAApB,EAAgCP,MAAMI,QAAtC;AACAE,wBAAcN,KAAd;AACA,iBAAOvD,gBAAP;AACD;AACF;AACF,KAnKiB;;AAqKlB,aAAS,gBAASwD,MAAT,EAAiB;AACxB,WAAK,IAAIlP,IAAI,KAAKsP,UAAL,CAAgBlP,MAAhB,GAAyB,CAAtC,EAAyCJ,KAAK,CAA9C,EAAiD,EAAEA,CAAnD,EAAsD;AACpD,YAAIiP,QAAQ,KAAKK,UAAL,CAAgBtP,CAAhB,CAAZ;AACA,YAAIiP,MAAMC,MAAN,KAAiBA,MAArB,EAA6B;AAC3B,cAAI7B,SAAS4B,MAAMO,UAAnB;AACA,cAAInC,OAAOlC,IAAP,KAAgB,OAApB,EAA6B;AAC3B,gBAAI6F,SAAS3D,OAAOnC,GAApB;AACAqE,0BAAcN,KAAd;AACD;AACD,iBAAO+B,MAAP;AACD;AACF;;AAED;AACA;AACA,YAAM,IAAI/C,KAAJ,CAAU,uBAAV,CAAN;AACD,KArLiB;;AAuLlBgD,mBAAe,uBAASpB,QAAT,EAAmBhB,UAAnB,EAA+BC,OAA/B,EAAwC;AACrD,WAAKX,QAAL,GAAgB;AACdxE,kBAAUsC,OAAO4D,QAAP,CADI;AAEdhB,oBAAYA,UAFE;AAGdC,iBAASA;AAHK,OAAhB;;AAMA,UAAI,KAAKvC,MAAL,KAAgB,MAApB,EAA4B;AAC1B;AACA;AACA,aAAKrB,GAAL,GAAWrG,SAAX;AACD;;AAED,aAAO6G,gBAAP;AACD;AArMiB,GAApB;AAuMD,CA1sBA;AA2sBC;AACA;AACA;AACC,YAAW;AAAE,SAAO,IAAP;AAAa,CAA3B,MAAkC7C,SAAS,aAAT,GA9sBnC,CAAD,C;;;;;;;ACVAvJ,OAAOC,OAAP,GAAiB,UAASD,MAAT,EAAiB;AACjC,KAAG,CAACA,OAAO4R,eAAX,EAA4B;AAC3B5R,SAAO6R,SAAP,GAAmB,YAAW,CAAE,CAAhC;AACA7R,SAAO8R,KAAP,GAAe,EAAf;AACA;AACA,MAAG,CAAC9R,OAAO4E,QAAX,EAAqB5E,OAAO4E,QAAP,GAAkB,EAAlB;AACrB+C,SAAOoK,cAAP,CAAsB/R,MAAtB,EAA8B,QAA9B,EAAwC;AACvCgS,eAAY,IAD2B;AAEvCC,QAAK,eAAW;AACf,WAAOjS,OAAOkS,CAAd;AACA;AAJsC,GAAxC;AAMAvK,SAAOoK,cAAP,CAAsB/R,MAAtB,EAA8B,IAA9B,EAAoC;AACnCgS,eAAY,IADuB;AAEnCC,QAAK,eAAW;AACf,WAAOjS,OAAOU,CAAd;AACA;AAJkC,GAApC;AAMAV,SAAO4R,eAAP,GAAyB,CAAzB;AACA;AACD,QAAO5R,MAAP;AACA,CArBD,C;;;;;;;;;ACAA;AAAA;AACA,wBAA0L;AAC1L;AACA;AACA;AACgQ;AAChQ;AACoK;AACpK;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;ACtBA;;AAEA;AACA,oCAAiN;AACjN;AACA;AACA;AACA,+D;;;;;;ACPA;AACA;;;AAGA;AACA,uCAAwC,gBAAgB,kBAAkB,kBAAkB,qBAAqB,kDAAkD,UAAU,eAAe,UAAU,MAAM,OAAO,QAAQ,SAAS,kBAAkB,WAAW,YAAY,kDAAkD,gBAAgB,eAAe,UAAU,WAAW,WAAW,UAAU;;AAExY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC4BA;AACA;;AAIA;AAFA;;;YAOA;AAHA;;;YAKA;eAGA;AAJA;;;YAQA;AAHA;;;YAOA;AAHA;;;YAOA;AAHA;;;YAOA;AAHA;;;YAOA;AAHA;;;YAKA;eAGA;AAJA;;;YAMA;eAGA;AAJA;;;YAMA;eAIA;AALA;;;eASA;AAHA;;;YAKA;eAGA;AAJA;;;YAMA;eAGA;AAJA;;;eASA;AAJA;;;YAMA;eAGA;AAJA;;;YAMA;eAIA;AALA;AAtEA;;wBA4EA;;kBAEA;;eAEA;mBACA;cAGA;AALA;;cAMA;kBAEA;;iBAEA;;eAEA;AAdA;AAiBA;;;AAIA;;;;8BACA;uCACA;iBACA;qBAEA;;AACA;wCACA;AACA;8FACA;kCACA;AAEA;;AACA;sEACA;6BACA;AACA;WACA;4BACA;AAEA;;AACA;gBAEA;;+BAEA;;AACA;wBACA;qBACA;AAEA;;AACA;0BACA;AACA;AAEA;;;AAIA;;;;0CACA;AACA;mBAEA;;AACA;kBACA;AAEA;;;;AAKA;;;;AAWA;;;;;;;;;;;AAIA;;;;kCACA;UACA;kDACA;0BACA;6DACA;iBACA;AACA;AACA;aACA;AAGA;oCACA;aACA,CACA,6DACA,6FACA,mEAEA;AAIA;AA1CA;;;qCA4CA;uBACA;AAEA;sCACA;wBACA;qBACA;AACA;AAEA;+BACA;qBACA;AAEA;iCACA;gCACA;AACA;AACA;mBAEA;;yBAEA;;AACA;kBACA;kDACA;8BACA;6BACA;AAEA;;AACA;iCACA;gCACA;8BACA;iCACA;iCACA;AACA;AAEA;;AACA;gCACA;8BACA;2CACA;AACA;AACA;AAGA;AA/CA;;;;AAkDA;4BACA;6BACA;yBACA;qBAEA;;AACA;oBAEA;;AACA;aACA;+CACA;yCACA;AACA;AACA;aACA;AAEA;;;AACA;0BACA;eACA;eACA;AAEA;;gFACA;mCACA;AAEA;;8BACA;AAEA;;;AACA;qCACA;kBACA;qCAEA;;AACA;oBACA;iBACA;AAEA;;AACA;qBACA;6CACA;yBACA;yDACA;;AAEA;uBACA;+EACA;uBAEA;AALA;AAMA;yBACA;uCACA;AACA;oCACA;uBACA;iFACA;uBACA;6EACA;uBACA;AACA;wBACA;AACA;wBACA;mBACA;kBACA;kBACA;oBACA;mBACA;qBACA;4BACA;6BACA;0BACA;aACA;sBAEA;;8BACA;qBACA;AACA;AAGA;;;eACA,yBACA,8BAGA;;eACA,4BACA,uCAEA;AAEA;;AACA;sBACA;sDACA;AAEA;;8CACA;AACA;AAEA;;sBAEA;;AACA;4BACA;AACA;AACA;AAEA;;AACA;4BACA;eACA;AAGA;;AACA;0BACA;aACA;AAGA;;AACA;UACA;iBACA;wCACA;aACA;qCACA;AAEA;;mBAEA;;AACA;mDACA;8BACA;+BACA;AAEA;;AACA;WACA;sDACA;qCACA;AAEA;;2CACA;AAIA;;;AACA;4CACA;kBACA;oBACA;kDACA;8BACA;;uBAEA;uEACA;uBACA;AACA;AAEA;AANA;AAOA;aACA;;wDAEA;AAEA;AAHA;AAIA;sBACA;AAGA;;;AACA;;AACA;;kBACA;2DACA;oBACA;4DACA;wCACA;+BACA;wBACA;4CACA;wBACA;iBACA;wBACA;AACA;oBACA;uBACA;AACA;AAEA;;sDACA;4CACA;6BACA;AACA;0DACA;uCACA;AACA;yDACA;yDACA;0BACA;AACA;AACA;kBACA;AACA;AAEA;;qCACA;kEACA;wCACA;8BACA;AACA;AACA;AACA;wCACA;AAEA;;6BACA;AAGA;;;AACA;;AACA;;;;oDACA;0BACA;qCACA;;yBAGA;gCACA;yBACA;AAGA;AANA,aADA;AAQA;8DACA;8DACA;wBACA;8CACA;mEACA;+BACA;AACA;2FACA;2DACA;4BACA;AACA;AACA;oBACA;AACA;eACA;kBACA;AACA;AACA;AAGA;;;AACA;gCACA;0BACA;gBACA;8CACA;iBACA;AACA;sCACA;kCACA;0BACA;kCACA;iBACA;AACA;4BACA;qBAEA;;AACA;8BAEA;;AACA;aACA;iCACA;AACA;aACA;AAEA;;;AACA;sCACA;0BACA;gBACA;YACA,uBACA,MAEA;AACA;qGACA;0BACA;AAEA;;4CACA;iBACA;AAEA;;sCACA;kCACA;0BACA;kCACA;iBACA;AACA;+BACA;qBAEA;;AACA;8BACA;gCAEA;;AACA;aACA;+BACA;eACA;AACA;aACA;AAGA;;;AACA;sDACA;sBACA;+DACA;oBACA;eACA;AACA;aACA;AAEA;;;AACA;kDACA;wCACA;4FACA;aACA;AACA;;AACA;;iCACA;oDACA;AACA;mCACA;iDACA;;0BAEA;oCAEA;AAHA;AAIA;kCACA;;wBAEA;yBACA;yDAEA;AAJA;AAKA;+CACA;AACA;0HACA;AACA;aACA;AAEA;;AACA;uGACA;yBACA;AACA;AAEA;oCACA;+BACA;AAGA;;;AACA;gCACA;0BAEA;;AACA;iBACA;8BACA;AAEA;;AACA;4BACA;8BACA;AAEA;;AACA;sBACA;mCACA;AAEA;;AACA;wBACA;+BACA;AAEA;;AACA;4BACA;yFACA;qIACA;8CACA;;;;qBACA;;AACA;8FACA;AACA;iDACA;gCACA;AACA;AAEA;;AACA;oEACA;8BACA;AAGA;;iDACA;8BACA;sCACA;gCACA;aACA;gCACA;AACA;AAEA;wCACA;mBACA;UACA;iCACA;0BACA;mDACA;yEACA;AACA;AACA;8GACA;oBACA;uCACA;4CACA;AAEA;4CACA;4BACA;UACA;iCACA;0BACA;yIACA;0CACA;0DACA;2BACA;AACA;AACA;kCACA;oBACA;4BACA;uCACA;AAEA;;AACA;;iBACA;sBACA;wBAEA;;AACA;2CACA;AACA;0BACA;8EACA;AACA;AAEA;;AACA;iDACA;sCACA;AACA;AACA;oBAEA;;;uDAEA;4BAEA;AAHA;wBAIA;AAEA;;AACA;6CACA;0BACA;oFACA;AACA;AAEA;;sBACA;wBACA;qBACA;AAEA;;YACA;cACA;wBACA;oBACA,CACA;SAEA;;oDACA;YACA;gCACA;AACA;wBACA;AACA;AACA;qBACA;wBACA;0BACA;uBACA;AAEA;;4BAEA;;AACA;qBACA;0BACA;AAEA;;AACA;gCACA;0BACA;AAEA;;AACA;0BACA;+BACA;AAEA;;AACA;4BACA;0BACA;AAGA;;AACA;4BACA;2BACA;AAEA;;qBAEA;;oBACA;iBACA;iBACA;6BACA;AACA;iBACA;+BACA;6BACA;4CACA;6BACA;4CACA;6BACA;AACA;AACA;AACA;qCACA;6BACA;4CACA;6BACA;qBACA;gCACA;AAGA;;;gCACA;oDACA;oEACA;6CACA;mBACA;kCACA;AACA;AAEA;;AACA;qCAEA;;AACA;0BACA;+BACA;AAEA;;AACA;yBACA;AAEA;;AACA;qBACA;sBACA;sBACA;wBAEA;;AACA;0BACA;6BACA;AAEA;;AACA;sCACA;iDACA;AAEA;;AACA;qCAEA;;AACA;iBACA;AACA;AAKA;;AACA;;iBACA;4CACA;8BACA;YACA;AACA;AAEA;;0CACA;0CACA;4CACA;mBACA;mCAGA;;wCAEA;;yBAEA;;wCAGA;;kCACA;0DACA;mCAEA;;UACA;UACA;iCACA;0BACA;yIACA;iCACA;AACA;mDACA;yCACA;uBACA;uBACA;2BACA;AACA;AACA;4BAEA;;oDAKA;;uDACA;YACA;YACA;oCACA;uCACA;AACA;sBACA,CACA;kBACA;cACA;2EACA;wBACA;yBACA;AACA;AACA;6BACA;0BACA;AACA;eACA;AAGA;;oDACA;+BACA;uCAEA;;AACA;qBACA;0BACA;AAEA;;AACA;iDACA;8BACA;wFACA;AACA;AAEA;;0BACA;4BACA;yBACA;AAEA;;oDACA;aAGA;;cACA;kCACA;AACA;0BACA;AACA;AACA;uBAGA;;0BACA;4BACA;yBACA;AAEA;;AACA;yDAEA;;8BAEA;;AACA;uBACA;4BACA;AAEA;;AACA;kCACA;4BACA;AAEA;;AACA;4BACA;iCACA;AAEA;;AACA;8BACA;4BACA;AAEA;;AACA;8BACA;6BACA;AAEA;;2BACA;uBACA;sBACA;mBACA;6BACA;AACA;mBACA;gCACA;oCACA;8CACA;+BACA;uBACA;+BACA;AACA;AACA;AACA;gCACA;oCACA;0CACA;+BACA;uBACA;kCACA;AAGA;;;mCACA;gHACA;oBACA;wCACA;8BACA,CACA;AACA;8BACA;AAEA;;AACA;uCAEA;;4BACA;iCACA;AAEA;;AACA;2BACA;AAGA;;AACA;0BACA;2BACA;2BAGA;;AACA;oDAEA;;AACA;eACA;WACA;6BACA;2DACA;eACA;8BACA;2DACA;eACA;AACA;AAIA;8CACA;UACA;kBACA;uCACA;AACA;8BACA;AACA;4CACA;uFACA;AACA;AACA;4DACA;wCACA;AACA;eACA;2BACA;wCACA;AACA;AACA;AACA;gCACA;sBACA;AACA;AAGA;uCACA;eACA;+BACA;AACA;AAEA;;AACA;4BACA;YACA;sEACA;sEACA;4EACA;oEACA;oBACA,CACA;AAEA;;eACA;aACA;yCACA;wEACA;8BACA;0BACA;AAEA;;yBAEA;;4BACA;iEACA;iEACA;uEACA;+DACA;AACA;AAGA;yCACA;QACA;4BACA;0BACA;AACA;AAEA;yCACA;QACA;oIACA;0BACA;AACA;AAEA;uCACA;QACA;AAEA;+BACA;QACA;wBACA;6BACA;AAEA;AAp5BA;AAlPA,G;;;;;;;;ACrCA;AAAA;AACA;AACgQ;AAChQ;AACoK;AACpK;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;ACNA;;+BAGA;WACA;kCACA;AACA;;qBAEA;iBAEA;AAHA;AAKA;AAVA;AADA,G;;;;;;;ACdA,0BAA0B,aAAa,0BAA0B,wBAAwB,mBAAmB,OAAO,2TAA2T,KAAK,qBAAqB;AACxc;AACA,iBAAiB;AACjB,kE;;;;;;;ACHA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","file":"index.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 11);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap d1ccf833781614ff85a8","/* globals __VUE_SSR_CONTEXT__ */\n\n// this module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle\n\nmodule.exports = function normalizeComponent (\n  rawScriptExports,\n  compiledTemplate,\n  injectStyles,\n  scopeId,\n  moduleIdentifier /* server only */\n) {\n  var esModule\n  var scriptExports = rawScriptExports = rawScriptExports || {}\n\n  // ES6 modules interop\n  var type = typeof rawScriptExports.default\n  if (type === 'object' || type === 'function') {\n    esModule = rawScriptExports\n    scriptExports = rawScriptExports.default\n  }\n\n  // Vue.extend constructor export interop\n  var options = typeof scriptExports === 'function'\n    ? scriptExports.options\n    : scriptExports\n\n  // render functions\n  if (compiledTemplate) {\n    options.render = compiledTemplate.render\n    options.staticRenderFns = compiledTemplate.staticRenderFns\n  }\n\n  // scopedId\n  if (scopeId) {\n    options._scopeId = scopeId\n  }\n\n  var hook\n  if (moduleIdentifier) { // server build\n    hook = function (context) {\n      // 2.3 injection\n      context =\n        context || // cached call\n        (this.$vnode && this.$vnode.ssrContext) || // stateful\n        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n      // 2.2 with runInNewContext: true\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__\n      }\n      // inject component styles\n      if (injectStyles) {\n        injectStyles.call(this, context)\n      }\n      // register component module identifier for async chunk inferrence\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier)\n      }\n    }\n    // used by ssr in case component is cached and beforeCreate\n    // never gets called\n    options._ssrRegister = hook\n  } else if (injectStyles) {\n    hook = injectStyles\n  }\n\n  if (hook) {\n    var functional = options.functional\n    var existing = functional\n      ? options.render\n      : options.beforeCreate\n    if (!functional) {\n      // inject component registration as beforeCreate hook\n      options.beforeCreate = existing\n        ? [].concat(existing, hook)\n        : [hook]\n    } else {\n      // register for functioal component in vue file\n      options.render = function renderWithStyleInjection (h, context) {\n        hook.call(context)\n        return existing(h, context)\n      }\n    }\n  }\n\n  return {\n    esModule: esModule,\n    exports: scriptExports,\n    options: options\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/component-normalizer.js\n// module id = 0\n// module chunks = 0","/*\n\tMIT License http://www.opensource.org/licenses/mit-license.php\n\tAuthor Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\nmodule.exports = function(useSourceMap) {\n\tvar list = [];\n\n\t// return the list of modules as css string\n\tlist.toString = function toString() {\n\t\treturn this.map(function (item) {\n\t\t\tvar content = cssWithMappingToString(item, useSourceMap);\n\t\t\tif(item[2]) {\n\t\t\t\treturn \"@media \" + item[2] + \"{\" + content + \"}\";\n\t\t\t} else {\n\t\t\t\treturn content;\n\t\t\t}\n\t\t}).join(\"\");\n\t};\n\n\t// import a list of modules into the list\n\tlist.i = function(modules, mediaQuery) {\n\t\tif(typeof modules === \"string\")\n\t\t\tmodules = [[null, modules, \"\"]];\n\t\tvar alreadyImportedModules = {};\n\t\tfor(var i = 0; i < this.length; i++) {\n\t\t\tvar id = this[i][0];\n\t\t\tif(typeof id === \"number\")\n\t\t\t\talreadyImportedModules[id] = true;\n\t\t}\n\t\tfor(i = 0; i < modules.length; i++) {\n\t\t\tvar item = modules[i];\n\t\t\t// skip already imported module\n\t\t\t// this implementation is not 100% perfect for weird media query combinations\n\t\t\t//  when a module is imported multiple times with different media queries.\n\t\t\t//  I hope this will never occur (Hey this way we have smaller bundles)\n\t\t\tif(typeof item[0] !== \"number\" || !alreadyImportedModules[item[0]]) {\n\t\t\t\tif(mediaQuery && !item[2]) {\n\t\t\t\t\titem[2] = mediaQuery;\n\t\t\t\t} else if(mediaQuery) {\n\t\t\t\t\titem[2] = \"(\" + item[2] + \") and (\" + mediaQuery + \")\";\n\t\t\t\t}\n\t\t\t\tlist.push(item);\n\t\t\t}\n\t\t}\n\t};\n\treturn list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n\tvar content = item[1] || '';\n\tvar cssMapping = item[3];\n\tif (!cssMapping) {\n\t\treturn content;\n\t}\n\n\tif (useSourceMap && typeof btoa === 'function') {\n\t\tvar sourceMapping = toComment(cssMapping);\n\t\tvar sourceURLs = cssMapping.sources.map(function (source) {\n\t\t\treturn '/*# sourceURL=' + cssMapping.sourceRoot + source + ' */'\n\t\t});\n\n\t\treturn [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n\t}\n\n\treturn [content].join('\\n');\n}\n\n// Adapted from convert-source-map (MIT)\nfunction toComment(sourceMap) {\n\t// eslint-disable-next-line no-undef\n\tvar base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n\tvar data = 'sourceMappingURL=data:application/json;charset=utf-8;base64,' + base64;\n\n\treturn '/*# ' + data + ' */';\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/css-loader/lib/css-base.js","/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n  Modified by Evan You @yyx990803\n*/\n\nvar hasDocument = typeof document !== 'undefined'\n\nif (typeof DEBUG !== 'undefined' && DEBUG) {\n  if (!hasDocument) {\n    throw new Error(\n    'vue-style-loader cannot be used in a non-browser environment. ' +\n    \"Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.\"\n  ) }\n}\n\nvar listToStyles = require('./listToStyles')\n\n/*\ntype StyleObject = {\n  id: number;\n  parts: Array<StyleObjectPart>\n}\n\ntype StyleObjectPart = {\n  css: string;\n  media: string;\n  sourceMap: ?string\n}\n*/\n\nvar stylesInDom = {/*\n  [id: number]: {\n    id: number,\n    refs: number,\n    parts: Array<(obj?: StyleObjectPart) => void>\n  }\n*/}\n\nvar head = hasDocument && (document.head || document.getElementsByTagName('head')[0])\nvar singletonElement = null\nvar singletonCounter = 0\nvar isProduction = false\nvar noop = function () {}\n\n// Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n// tags it will allow on a page\nvar isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase())\n\nmodule.exports = function (parentId, list, _isProduction) {\n  isProduction = _isProduction\n\n  var styles = listToStyles(parentId, list)\n  addStylesToDom(styles)\n\n  return function update (newList) {\n    var mayRemove = []\n    for (var i = 0; i < styles.length; i++) {\n      var item = styles[i]\n      var domStyle = stylesInDom[item.id]\n      domStyle.refs--\n      mayRemove.push(domStyle)\n    }\n    if (newList) {\n      styles = listToStyles(parentId, newList)\n      addStylesToDom(styles)\n    } else {\n      styles = []\n    }\n    for (var i = 0; i < mayRemove.length; i++) {\n      var domStyle = mayRemove[i]\n      if (domStyle.refs === 0) {\n        for (var j = 0; j < domStyle.parts.length; j++) {\n          domStyle.parts[j]()\n        }\n        delete stylesInDom[domStyle.id]\n      }\n    }\n  }\n}\n\nfunction addStylesToDom (styles /* Array<StyleObject> */) {\n  for (var i = 0; i < styles.length; i++) {\n    var item = styles[i]\n    var domStyle = stylesInDom[item.id]\n    if (domStyle) {\n      domStyle.refs++\n      for (var j = 0; j < domStyle.parts.length; j++) {\n        domStyle.parts[j](item.parts[j])\n      }\n      for (; j < item.parts.length; j++) {\n        domStyle.parts.push(addStyle(item.parts[j]))\n      }\n      if (domStyle.parts.length > item.parts.length) {\n        domStyle.parts.length = item.parts.length\n      }\n    } else {\n      var parts = []\n      for (var j = 0; j < item.parts.length; j++) {\n        parts.push(addStyle(item.parts[j]))\n      }\n      stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts }\n    }\n  }\n}\n\nfunction createStyleElement () {\n  var styleElement = document.createElement('style')\n  styleElement.type = 'text/css'\n  head.appendChild(styleElement)\n  return styleElement\n}\n\nfunction addStyle (obj /* StyleObjectPart */) {\n  var update, remove\n  var styleElement = document.querySelector('style[data-vue-ssr-id~=\"' + obj.id + '\"]')\n\n  if (styleElement) {\n    if (isProduction) {\n      // has SSR styles and in production mode.\n      // simply do nothing.\n      return noop\n    } else {\n      // has SSR styles but in dev mode.\n      // for some reason Chrome can't handle source map in server-rendered\n      // style tags - source maps in <style> only works if the style tag is\n      // created and inserted dynamically. So we remove the server rendered\n      // styles and inject new ones.\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  if (isOldIE) {\n    // use singleton mode for IE9.\n    var styleIndex = singletonCounter++\n    styleElement = singletonElement || (singletonElement = createStyleElement())\n    update = applyToSingletonTag.bind(null, styleElement, styleIndex, false)\n    remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true)\n  } else {\n    // use multi-style-tag mode in all other cases\n    styleElement = createStyleElement()\n    update = applyToTag.bind(null, styleElement)\n    remove = function () {\n      styleElement.parentNode.removeChild(styleElement)\n    }\n  }\n\n  update(obj)\n\n  return function updateStyle (newObj /* StyleObjectPart */) {\n    if (newObj) {\n      if (newObj.css === obj.css &&\n          newObj.media === obj.media &&\n          newObj.sourceMap === obj.sourceMap) {\n        return\n      }\n      update(obj = newObj)\n    } else {\n      remove()\n    }\n  }\n}\n\nvar replaceText = (function () {\n  var textStore = []\n\n  return function (index, replacement) {\n    textStore[index] = replacement\n    return textStore.filter(Boolean).join('\\n')\n  }\n})()\n\nfunction applyToSingletonTag (styleElement, index, remove, obj) {\n  var css = remove ? '' : obj.css\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = replaceText(index, css)\n  } else {\n    var cssNode = document.createTextNode(css)\n    var childNodes = styleElement.childNodes\n    if (childNodes[index]) styleElement.removeChild(childNodes[index])\n    if (childNodes.length) {\n      styleElement.insertBefore(cssNode, childNodes[index])\n    } else {\n      styleElement.appendChild(cssNode)\n    }\n  }\n}\n\nfunction applyToTag (styleElement, obj) {\n  var css = obj.css\n  var media = obj.media\n  var sourceMap = obj.sourceMap\n\n  if (media) {\n    styleElement.setAttribute('media', media)\n  }\n\n  if (sourceMap) {\n    // https://developer.chrome.com/devtools/docs/javascript-debugging\n    // this makes source maps inside style tags work properly in Chrome\n    css += '\\n/*# sourceURL=' + sourceMap.sources[0] + ' */'\n    // http://stackoverflow.com/a/26603875\n    css += '\\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))) + ' */'\n  }\n\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild)\n    }\n    styleElement.appendChild(document.createTextNode(css))\n  }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader/lib/addStylesClient.js\n// module id = 2\n// module chunks = 0","module.exports = require('./FileUpload.vue')\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","module.exports = marked;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"marked\"\n// module id = 4\n// module chunks = 0","module.exports = Vuex;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Vuex\"\n// module id = 5\n// module chunks = 0","// import Vue from 'vue'\nimport VueI18n from 'vue-i18n'\nimport en from './en'\nimport zhCN from './zh-cn'\n\n// Vue.use(VueI18n)\n\nexport default new VueI18n({\n  locale: 'en',\n  messages: {\n    'zh-cn': zhCN,\n    en,\n  }\n})\n\n\n\n// WEBPACK FOOTER //\n// ./docs/i18n/index.js","module.exports = \"\\n> **The document uses Google Translate**\\n\\n## Getting Started\\n\\n### NPM\\n\\n``` bash\\nnpm install vue-upload-component --save\\n```\\n\\n``` js\\nconst VueUploadComponent = require('vue-upload-component')\\nVue.component('file-upload', VueUploadComponent)\\n```\\n\\n### Curated\\n\\n**No data**\\n\\n\\n### Script\\n\\n\\nunpkg\\n\\n``` html\\n<script src=\\\"https://unpkg.com/vue\\\"></script>\\n<script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\njsDelivr\\n\\n``` html\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\\\"></script>\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\n\\n### Simple example\\n\\n\\n\\n```html\\n<!DOCTYPE html>\\n<html>\\n<head>\\n  <meta charset=\\\"utf-8\\\">\\n  <title>Vue-upload-component Test</title>\\n  <script src=\\\"https://unpkg.com/vue\\\"></script>\\n  <script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n</head>\\n<body>\\n<div id=\\\"app\\\">\\n  <ul>\\n    <li v-for=\\\"file in files\\\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\\n  </ul>\\n  <file-upload\\n    ref=\\\"upload\\\"\\n    v-model=\\\"files\\\"\\n    post-action=\\\"/post.method\\\"\\n    put-action=\\\"/put.method\\\"\\n    @input-file=\\\"inputFile\\\"\\n    @input-filter=\\\"inputFilter\\\"\\n  >\\n  Upload file\\n  </file-upload>\\n  <button v-show=\\\"!$refs.upload || !$refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = true\\\" type=\\\"button\\\">Start upload</button>\\n  <button v-show=\\\"$refs.upload && $refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = false\\\" type=\\\"button\\\">Stop upload</button>\\n</div>\\n<script>\\nnew Vue({\\n  el: '#app',\\n  data: function () {\\n    return {\\n      files: []\\n    }\\n  },\\n  components: {\\n    FileUpload: VueUploadComponent\\n  },\\n  methods: {\\n    /**\\n     * Has changed\\n     * @param  Object|undefined   newFile   Read only\\n     * @param  Object|undefined   oldFile   Read only\\n     * @return undefined\\n     */\\n    inputFile: function (newFile, oldFile) {\\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\\n        // Get response data\\n        console.log('response', newFile.response)\\n        if (newFile.xhr) {\\n          //  Get the response status code\\n          console.log('status', newFile.xhr.status)\\n        }\\n      }\\n    },\\n    /**\\n     * Pretreatment\\n     * @param  Object|undefined   newFile   Read and write\\n     * @param  Object|undefined   oldFile   Read only\\n     * @param  Function           prevent   Prevent changing\\n     * @return undefined\\n     */\\n    inputFilter: function (newFile, oldFile, prevent) {\\n      if (newFile && !oldFile) {\\n        // Filter non-image file\\n        if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n          return prevent()\\n        }\\n      }\\n\\n      // Create a blob field\\n      newFile.blob = ''\\n      let URL = window.URL || window.webkitURL\\n      if (URL && URL.createObjectURL) {\\n        newFile.blob = URL.createObjectURL(newFile.file)\\n      }\\n    }\\n  }\\n});\\n</script>\\n</body>\\n</html>\\n```\\n\\n\\n\\n### SSR (Server isomorphism)\\n\\n\\n```html\\n<template>\\n  <file-upload v-model=\\\"files\\\" post-action=\\\"/\\\">Upload file</file-upload>\\n</template>\\n<style>\\n/*\\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\\n\\n\\nor\\n\\n\\n */\\n.file-uploads {\\n  overflow: hidden;\\n  position: relative;\\n  text-align: center;\\n  display: inline-block;\\n}\\n.file-uploads.file-uploads-html4 input[type=\\\"file\\\"] {\\n  opacity: 0;\\n  font-size: 20em;\\n  z-index: 1;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n.file-uploads.file-uploads-html5 input[type=\\\"file\\\"] {\\n  overflow: hidden;\\n  position: fixed;\\n  width: 1px;\\n  height: 1px;\\n  z-index: -1;\\n  opacity: 0;\\n}\\n</style>\\n<script>\\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\\nexport default {\\n  components: {\\n    FileUpload,\\n  },\\n  data() {\\n    return {\\n      files: []\\n    }\\n  },\\n}\\n</script>\\n```\\n\\n\\n** OR **\\n\\n\\n```js\\nimport FileUpload from 'vue-upload-component/src'\\n```\\n\\n\\nwebpack.config.js\\n\\n```js\\nconst nodeExternals = require('webpack-node-externals');\\n{\\n  //.....\\n  externals: [\\n    nodeExternals({whitelist:[/^vue-upload-component\\\\/src/]})\\n  ]\\n  //.....\\n}\\n```\\n\\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \\n\\n* [**`vue-hackernews` demo**](https://github.com/lian-yue/vue-hackernews-2.0/)  \\n\\n* [**View changes**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\\n\\n\\n\\n\\n## Options / Props\\n\\n\\n### input-id\\n\\nThe `id` attribute of the input tag\\n\\n* **Type:** `String`\\n\\n* **Default:** `this.name`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload input-id=\\\"file2\\\"></file-upload>\\n  <!--Output-->\\n  <input id=\\\"file2\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### name\\n\\nThe `name` attribute of the input tag\\n\\n* **Type:** `String`\\n\\n* **Default:** `file`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload name=\\\"file\\\"></file-upload>\\n  <!--Output-->\\n  <input name=\\\"file\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### post-action\\n\\n`POST` Request upload URL\\n\\n* **Type:** `String`\\n\\n* **Default:** `undefined`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### put-action\\n\\n`PUT` Request upload URL\\n\\n* **Type:** `String`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `> IE9`\\n\\n* **Details:**  \\n\\n  `put-action` is not empty Please give priority to` PUT` request  \\n\\n* **Usage:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### headers\\n\\nAttach `header` data\\n\\n* **Type:** `Object`\\n\\n* **Default:** `{}`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :headers=\\\"{'X-Token-CSRF': 'code'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### data\\n\\n`POST request`:  Append request `body`  \\n`PUT request`:  Append request `query`\\n\\n* **Type:** `Object`\\n\\n* **Default:** `{}`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :data=\\\"{access_token: 'access_token'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### value, v-model\\n\\nFile List\\n\\n* **Type:** `Array<File | Object>`\\n\\n* **Default:** `[]`\\n\\n* **Details:**  \\n\\n  View **[`File`](#file)** details  \\n  > In order to prevent unpredictable errors, can not directly modify the `files`, please use [`add`](#instance-methods-add), [`update`](#instance-methods-update), [`remove`](#instance-methods-remove) method to modify\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n  <!--or-->\\n  <file-upload v-model=\\\"files\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### accept\\n\\nThe `accept` attribute of the input tag, MIME type  \\n\\n* **Type:** `String`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload accept=\\\"image/png,image/gif,image/jpeg,image/webp\\\"></file-upload>\\n  <!--or-->\\n  <file-upload accept=\\\"image/*\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### multiple\\n\\nThe `multiple` attribute of the input tag  \\nWhether to allow multiple files to be selected  \\n\\n* **Type:** `Boolean`\\n\\n* **Default:** `false`\\n\\n* **Details:**  \\n\\n  If it is `false` file inside only one file will be automatically deleted\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n### directory\\n\\nThe `directory` attribute of the input tag  \\nWhether it is a upload folder  \\n\\n* **Type:** `Boolean`\\n\\n* **Default:** `false`\\n\\n* **Browser:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :directory=\\\"true\\\" :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### extensions\\n\\nAllow upload file extensions  \\n\\n* **Type:** `Array | String | RegExp`\\n\\n* **Default:** `undefined`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload extensions=\\\"jpg,gif,png,webp\\\"></file-upload>\\n  <!--or-->\\n  <file-upload :extensions=\\\"['jpg', 'gif', 'png', 'webp']\\\"></file-upload>\\n  <!--or-->\\n  <file-upload :extensions=\\\"/\\\\.(gif|jpe?g|png|webp)$/i\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### size\\n\\nAllow the maximum byte to upload\\n\\n* **Type:** `Number`\\n\\n* **Default:** `0`\\n\\n* **Browser:** `> IE9`\\n\\n* **Details:**\\n\\n  `0` is equal to not limit\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :size=\\\"1024 * 1024\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### timeout\\n\\nUpload timeout time in milliseconds\\n\\n* **Type:** `Number`\\n\\n* **Default:** `0`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :timeout=\\\"600 * 1000\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### thread\\n\\nAlso upload the number of files at the same time (number of threads)  \\n\\n* **Type:** `Number`\\n\\n* **Default:** `1`\\n\\n* **Browser:** `> IE9`\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :thread=\\\"3\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop\\n\\nDrag and drop upload\\n\\n* **Type:** `Boolean | Element | CSS selector`\\n\\n* **Default:** `false`\\n\\n* **Browser:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\\n\\n* **Details:**\\n\\n  If set to `true`, read the parent component as a container  \\n\\n* **Usage:**\\n  ```html\\n  <file-upload :drop=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop-directory\\n\\nWhether to open the drag directory\\n\\n* **Type:** `Boolean`\\n\\n* **Default:** `true`\\n\\n* **Details:**\\n\\n  If set to `false` filter out the directory\\n\\n* **Usage:**\\n  ```html\\n  <file-upload :drop-directory=\\\"false\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n## Options / Events\\n\\nThe files is changed to trigger the method\\nDefault for `v-model` binding\\n\\n### @input\\n* **Arguments:**\\n\\n  * `files: Array<File | Object>`\\n\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n    <!--or-->\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      updatetValue(value) {\\n        this.files = value\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n### @input-filter\\n\\nAdd, update, remove pre-filter  \\n\\n* **Arguments:**\\n\\n  * `newFile: File | Object | undefined`  `Read and write`\\n  * `oldFile: File | Object | undefined`  `Read only`\\n  * `prevent: Function`   Call this function to prevent modification\\n\\n\\n* **Details:**\\n\\n  If the `newFile` value is `undefined` 'is deleted\\n  If the `oldFile` value is `undefined` 'is added\\n  If `newFile`, `oldFile` is exist, it is updated\\n\\n\\n  > You can not use `update`,` add`, `remove`,` clear` methods in the event  \\n  >The `newFile` object can be modified within the event  \\n\\n* **Usage:**  \\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <img :src=\\\"file.blob\\\" width=\\\"50\\\" height=\\\"50\\\" />\\n      </li>\\n    </ul>\\n    <file-upload :value=\\\"files\\\" @input-filter=\\\"inputFilter\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFilter(newFile, oldFile, prevent) {\\n        if (newFile && !oldFile) {\\n          // Add file\\n\\n          // Filter non-image file\\n          // Will not be added to files\\n          if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n            return prevent()\\n          }\\n\\n          // Create the 'blob' field for thumbnail preview\\n          newFile.blob = ''\\n          let URL = window.URL || window.webkitURL\\n          if (URL && URL.createObjectURL) {\\n            newFile.blob = URL.createObjectURL(newFile.file)\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // Update file\\n\\n          // Increase the version number\\n          if (!newFile.version) {\\n            newFile.version = 0\\n          }\\n          newFile.version++\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // Remove file\\n\\n          // Refused to remove the file\\n          // return prevent()\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### @input-file\\n\\nAdd, update, remove after\\n\\n* **Arguments:**\\n\\n  * `newFile: File | Object | undefined` `Read only`\\n  * `oldFile: File | Object | undefined` `Read only`\\n\\n\\n* **Details:**\\n\\n  If the `newFile` value is `undefined` 'is deleted\\n  If the `oldFile` value is `undefined` 'is added\\n  If `newFile`, `oldFile` is exist, it is updated\\n\\n\\n  >You can use `update`,` add`, `remove`,` clear` methods in the event  \\n  >You can not modify the `newFile` object in the event  \\n  >You can not modify the `oldFile` object in the event\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <file-upload ref=\\\"upload\\\" v-model=\\\"files\\\" @input-file=\\\"inputFile\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFile(newFile, oldFile) {\\n        if (newFile && !oldFile) {\\n          // Add file\\n\\n          // Automatic upload\\n          if (!this.$refs.upload.active) {\\n            this.$refs.upload.active = true\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // Update file\\n\\n          // Start upload\\n          if (newFile.active !== oldFile.active) {\\n            console.log('Start upload', newFile.active, newFile)\\n\\n            // min size\\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\\n            }\\n          }\\n\\n          // Upload progress\\n          if (newFile.progress !== oldFile.progress) {\\n            console.log('progress', newFile.progress, newFile)\\n          }\\n\\n          // Upload error\\n          if (newFile.error !== oldFile.error) {\\n            console.log('error', newFile.error, newFile)\\n          }\\n\\n          // Uploaded successfully\\n          if (newFile.success !== oldFile.success) {\\n            console.log('success', newFile.success, newFile)\\n          }\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // Remove file\\n\\n          // Automatically delete files on the server\\n          if (oldFile.success && oldFile.response.id) {\\n            // $.ajax({\\n            //   type: 'DELETE',\\n            //   url: '/file/delete?id=' + oldFile.response.id,\\n            // });\\n          }\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n## Instance / Data\\n\\n### features\\n\\nUsed to determine the browser support features\\n\\n* **Type:** `Object`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `{ html5: true, directory: false, drag: false }`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.drag\\\">Support drag and drop upload</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.directory\\\">Support folder upload</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.html5\\\">Support for HTML5</span>\\n  </app>\\n  ```\\n\\n\\n\\n### active\\n\\nActivation or abort upload\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `false`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-if=\\\"!$refs.upload || !$refs.upload.active\\\" @click=\\\"$refs.upload.active = true\\\">Start upload</span>\\n    <span v-else @click=\\\"$refs.upload.active = false\\\">Stop upload</span>\\n  </app>\\n  ```\\n\\n\\n\\n### dropActive\\n\\nIs dragging\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `false`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\" :drop=\\\"true\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.dropActive\\\">Drag and drop here for upload<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n### uploaded\\n\\nAll uploaded\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `true`\\n\\n* **Usage:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.uploaded\\\">All files have been uploaded<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n## Instance / Methods\\n\\n\\n\\n### get()\\n\\nUse `id` to get a file object\\n\\n* **Arguments:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **Result:** `File | Object | Boolean` There is a return file, object that otherwise returns `false`\\n\\n\\n\\n### add()\\n\\nAdd one or more files\\n\\n* **Arguments:**\\n\\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     If it is an array of responses will be an array\\n  * `start: Boolean`                                  Whether it is inserted from the start position\\n\\n\\n* **Result:** `Object | Array<File | Object> | Boolean`     The incoming array is returned to the array otherwise the object or `false`\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n    <button type=\\\"button\\\" @click.prevent=\\\"addText\\\">Add a file</button>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      addText() {\\n        let file = new window.File(['foo'], 'foo.txt', {\\n          type: \\\"text/plain\\\",\\n        })\\n        this.$refs.upload.add(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n###  addInputFile()\\n\\nAdd the file selected by `<input type = \\\"file\\\">` to the upload list\\n\\n* **Arguments:**\\n\\n  * `el: HTMLInputElement`     File element\\n\\n\\n* **Result:** `Array<File>`  Added list of files\\n\\n* **Version:** : `>=2.5.1`\\n\\n\\n\\n###  addDataTransfer()\\n\\nAdd files that are dragged or pasted into the upload list  \\n\\n* **Arguments:**\\n\\n  * `dataTransfer: DataTransfer`  Drag or paste data\\n\\n\\n* **Result:** `Promise<Array<File>>`   Added list of files\\n\\n\\n* **Version:** : `>=2.5.1`\\n\\n\\n\\n### update()\\n\\nUpdate a file object\\n\\n* **Arguments:**\\n\\n  * `id: File | Object | String`\\n  * `data: Object`                    Updated data object\\n\\n\\n* **Result:**  `Object | Boolean`  Successfully returned `newFile` failed to return` false`\\n\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button v-show=\\\"file.active\\\" type=\\\"button\\\" @click.prevent=\\\"abort(file)\\\">Abort</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      abort(file) {\\n        this.$refs.upload.update(file, {active: false})\\n        // or\\n        // this.$refs.upload.update(file, {error: 'abort'})\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### remove()\\n\\nRemove a file object\\n\\n* **Arguments:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **Result:**  `Object | Boolean`  Successfully returned `oldFile` failed to return` false`\\n\\n* **Usage:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button type=\\\"button\\\" @click.prevent=\\\"remove(file)\\\">Remove</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      remove(file) {\\n        this.$refs.upload.remove(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n### clear()\\n\\nEmpty the file list\\n\\n* **Result:**  `Boolean`  Always return `true`\\n\\n\\n\\n## Instance / File\\n\\n\\n\\n> **File object in the `@input-filter` event outside the use of [`update`](#instance-methods-update) method**\\n\\n\\n\\n\\n### fileObject\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `true`\\n\\n* **Required:** `true`\\n\\n* **Default:** `true`\\n\\n* **Version:** : `>=2.6.0`\\n\\n* **Details:**\\n\\n  If the attribute does not exist, the object will not be processed internally  \\n  If the attribute does not exist, it is not `File` but `Object`\\n\\n\\n\\n\\n### id\\n\\nFile ID\\n\\n* **Type:** `String | Number`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `Math.random().toString(36).substr(2)`\\n\\n* **Details:**\\n\\n  >`id` can not be repeated  \\n  >Upload can not modify `id`\\n\\n\\n### size\\n\\nFile size\\n\\n* **Type:** `Number`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `-1`\\n\\n* **Browser:** `> IE9`\\n\\n\\n### name\\n\\nFilename  \\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** ` `\\n\\n* **Details:**\\n\\n  Format:  `directory/filename.gif`  `filename.gif`  \\n\\n\\n\\n### type\\n\\nMIME type\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** ` `\\n\\n* **Browser:** `> IE9`\\n\\n* **Details:**\\n\\n  Format:  `image/gif`   `image/png`  `text/html`\\n\\n\\n\\n\\n### active\\n\\nActivation or abort upload\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `false`\\n\\n* **Details:**\\n\\n  `true` = Upload  \\n  `false` = Abort  \\n\\n\\n\\n\\n\\n\\n### error\\n\\nUpload failed error code\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** ` `\\n\\n* **Details:**\\n\\n  Built-in  \\n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\\n\\n\\n\\n\\n### success\\n\\nWhether the upload was successful\\n\\n* **Type:** `Boolean`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `false`\\n\\n\\n### putAction\\n\\nCustomize the current file `PUT` URL\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.putAction`\\n\\n\\n\\n### postAction\\n\\nCustomize the current file `POST` URL\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.postAction`\\n\\n\\n\\n\\n### headers\\n\\nCustomize the current file `HTTP` Header\\n\\n* **Type:** `Object`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.headers`\\n\\n\\n### data\\n\\nCustomize the current file `body` or` query` to attach content\\n\\n* **Type:** `Object`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.data`\\n\\n\\n### timeout\\n\\nCustomize the upload timeout for a current single file\\n\\n* **Type:** `Number`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `this.timeout`\\n\\n\\n### response\\n\\nResponse data\\n\\n* **Type:** `Object | String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `{}`\\n\\n\\n\\n\\n### progress\\n\\nUpload progress\\n\\n* **Type:** `String`\\n\\n* **Read only:** `false`\\n\\n* **Default:** `0.00`\\n\\n* **Browser:** `> IE9`\\n\\n\\n\\n### speed\\n\\nPer second upload speed\\n\\n* **Type:** `Number`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `0`\\n\\n* **Browser:** `> IE9`\\n\\n\\n\\n\\n### xhr\\n\\n`HTML5` upload` XMLHttpRequest` object\\n\\n* **Type:** `XMLHttpRequest`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `> IE9`\\n\\n\\n\\n\\n### iframe\\n\\n`HTML4` upload` iframe` element\\n\\n* **Type:** `Element`\\n\\n* **Read only:** `true`\\n\\n* **Default:** `undefined`\\n\\n* **Browser:** `= IE9`\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/docs/en.md\n// module id = 7\n// module chunks = 0","module.exports = \"## 入门开始\\n\\n### NPM\\n\\n``` bash\\nnpm install vue-upload-component --save\\n```\\n\\n``` js\\nconst VueUploadComponent = require('vue-upload-component')\\nVue.component('file-upload', VueUploadComponent)\\n```\\n\\n### Curated\\n\\n**No data**\\n\\n\\n### 直接使用\\n\\n\\nunpkg\\n\\n``` html\\n<script src=\\\"https://unpkg.com/vue\\\"></script>\\n<script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\njsDelivr\\n\\n``` html\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\\\"></script>\\n<script src=\\\"https://cdn.jsdelivr.net/npm/vue-upload-component\\\"></script>\\n<script>\\nVue.component('file-upload', VueUploadComponent)\\n</script>\\n```\\n\\n\\n### 简单的例子\\n\\n\\n\\n```html\\n<!DOCTYPE html>\\n<html>\\n<head>\\n  <meta charset=\\\"utf-8\\\">\\n  <title>Vue-upload-component Test</title>\\n  <script src=\\\"https://unpkg.com/vue\\\"></script>\\n  <script src=\\\"https://unpkg.com/vue-upload-component\\\"></script>\\n</head>\\n<body>\\n<div id=\\\"app\\\">\\n  <ul>\\n    <li v-for=\\\"file in files\\\">{{file.name}} - Error: {{file.error}}, Success: {{file.success}}</li>\\n  </ul>\\n  <file-upload\\n    ref=\\\"upload\\\"\\n    v-model=\\\"files\\\"\\n    post-action=\\\"/post.method\\\"\\n    put-action=\\\"/put.method\\\"\\n    @input-file=\\\"inputFile\\\"\\n    @input-filter=\\\"inputFilter\\\"\\n  >\\n  上传文件\\n  </file-upload>\\n  <button v-show=\\\"!$refs.upload || !$refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = true\\\" type=\\\"button\\\">开始上传</button>\\n  <button v-show=\\\"$refs.upload && $refs.upload.active\\\" @click.prevent=\\\"$refs.upload.active = false\\\" type=\\\"button\\\">停止上传</button>\\n</div>\\n<script>\\nnew Vue({\\n  el: '#app',\\n  data: function () {\\n    return {\\n      files: []\\n    }\\n  },\\n  components: {\\n    FileUpload: VueUploadComponent\\n  },\\n  methods: {\\n    /**\\n     * Has changed\\n     * @param  Object|undefined   newFile   只读\\n     * @param  Object|undefined   oldFile   只读\\n     * @return undefined\\n     */\\n    inputFile: function (newFile, oldFile) {\\n      if (newFile && oldFile && !newFile.active && oldFile.active) {\\n        // 获得相应数据\\n        console.log('response', newFile.response)\\n        if (newFile.xhr) {\\n          //  获得响应状态码\\n          console.log('status', newFile.xhr.status)\\n        }\\n      }\\n    },\\n    /**\\n     * Pretreatment\\n     * @param  Object|undefined   newFile   读写\\n     * @param  Object|undefined   oldFile   只读\\n     * @param  Function           prevent   阻止回调\\n     * @return undefined\\n     */\\n    inputFilter: function (newFile, oldFile, prevent) {\\n      if (newFile && !oldFile) {\\n        // 过滤不是图片后缀的文件\\n        if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n          return prevent()\\n        }\\n      }\\n\\n      // 创建 blob 字段 用于图片预览\\n      newFile.blob = ''\\n      let URL = window.URL || window.webkitURL\\n      if (URL && URL.createObjectURL) {\\n        newFile.blob = URL.createObjectURL(newFile.file)\\n      }\\n    }\\n  }\\n});\\n</script>\\n</body>\\n</html>\\n```\\n\\n\\n\\n### SSR (服务器同构)\\n\\n\\n```html\\n<template>\\n  <file-upload v-model=\\\"files\\\" post-action=\\\"/\\\">Upload file</file-upload>\\n</template>\\n<style>\\n/*\\nimport '~vue-upload-component/dist/vue-upload-component.part.css'\\n\\n\\n或\\n\\n\\n */\\n.file-uploads {\\n  overflow: hidden;\\n  position: relative;\\n  text-align: center;\\n  display: inline-block;\\n}\\n.file-uploads.file-uploads-html4 input[type=\\\"file\\\"] {\\n  opacity: 0;\\n  font-size: 20em;\\n  z-index: 1;\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n.file-uploads.file-uploads-html5 input[type=\\\"file\\\"] {\\n  overflow: hidden;\\n  position: fixed;\\n  width: 1px;\\n  height: 1px;\\n  z-index: -1;\\n  opacity: 0;\\n}\\n</style>\\n<script>\\nimport FileUpload from 'vue-upload-component/dist/vue-upload-component.part.js'\\nexport default {\\n  components: {\\n    FileUpload,\\n  },\\n  data() {\\n    return {\\n      files: []\\n    }\\n  },\\n}\\n</script>\\n```\\n\\n\\n** 或者 **\\n\\n\\n```js\\nimport FileUpload from 'vue-upload-component/src'\\n```\\n\\nwebpack.config.js\\n\\n```js\\nconst nodeExternals = require('webpack-node-externals');\\n{\\n  //...\\n  externals: [\\n    nodeExternals({whitelist:[/^vue-upload-component\\\\/src/]})\\n  ]\\n  //...\\n}\\n```\\n\\n* [https://github.com/liady/webpack-node-externals](https://github.com/liady/webpack-node-externals)  \\n\\n* [**`vue-hackernews` 演示**](https://github.com/lian-yue/vue-hackernews-2.0/)  \\n\\n* [**浏览修改文件**](https://github.com/lian-yue/vue-hackernews-2.0/commit/bd6c58a30cc6b8ba6c0148e737b3ce9336b99cf8)\\n\\n\\n\\n\\n## 选项 / 属性\\n\\n\\n### input-id\\n\\ninput 标签的 `id` 属性\\n\\n* **类型:** `String`\\n\\n* **默认值:** `this.name`\\n\\n* **示例:**\\n  ```html\\n  <file-upload input-id=\\\"file2\\\"></file-upload>\\n  <!--输出-->\\n  <input id=\\\"file2\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### name\\n\\ninput标签的 `name` 属性\\n\\n* **类型:** `String`\\n\\n* **默认值:** `file`\\n\\n* **示例:**\\n  ```html\\n  <file-upload name=\\\"file\\\"></file-upload>\\n  <!--输出-->\\n  <input name=\\\"file\\\" />\\n  ```\\n\\n\\n\\n\\n\\n### post-action\\n\\n`POST` 请求的上传URL\\n\\n* **类型:** `String`\\n\\n* **默认值:** `undefined`\\n\\n* **示例:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### put-action\\n\\n`PUT` 请求的上传URL\\n\\n* **类型:** `String`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `> IE9`\\n\\n* **详细:**  \\n\\n  `put-action` 不为空请优先 `PUT` 请求  \\n\\n* **示例:**\\n  ```html\\n  <file-upload put-action=\\\"/upload/put.php\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### headers\\n\\n自定义上传请求 `header` 数据\\n\\n* **类型:** `Object`\\n\\n* **默认值:** `{}`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :headers=\\\"{'X-Token-CSRF': 'code'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### data\\n\\n`POST 请求`: 附加请求的 body  \\n`PUT 请求`: 附加请求的 query  \\n\\n* **类型:** `Object`\\n\\n* **默认值:** `{}`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :data=\\\"{access_token: 'access_token'}\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### value, v-model\\n\\n文件列表\\n\\n* **类型:** `Array<File | Object>`\\n\\n* **默认值:** `[]`\\n\\n* **详细:**  \\n\\n  浏览 **[`File`](#file)** 详细信息  \\n  > 为了防止不可预知的错误，不可直接修改 `files`，请使用 [`add`](#实例-方法-add), [`update`](#实例-方法-update), [`remove`](#实例-方法-remove) 方法修改\\n\\n* **示例:**\\n  ```html\\n  <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n  <!--或-->\\n  <file-upload v-model=\\\"files\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### accept\\n\\n表单的`accept`属性, MIME type  \\n\\n* **类型:** `String`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload accept=\\\"image/png,image/gif,image/jpeg,image/webp\\\"></file-upload>\\n  <!--或-->\\n  <file-upload accept=\\\"image/*\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### multiple\\n\\n文件表单的 `multiple` 属性  \\n是否允许选择多个文件  \\n\\n* **类型:** `Boolean`\\n\\n* **默认值:** `false`\\n\\n* **详细:**  \\n\\n  如果是 `false` `files` 里面最多只有一个文件 多的会自动删除  \\n\\n* **示例:**\\n  ```html\\n  <file-upload :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n### directory\\n\\n文件表单的 `directory` 属性  \\n是否是上传文件夹  \\n\\n* **类型:** `Boolean`\\n\\n* **默认值:** `false`\\n\\n* **浏览器:** [http://caniuse.com/#feat=input-file-directory](http://caniuse.com/#feat=input-file-directory)\\n\\n* **示例:**\\n  ```html\\n  <file-upload :directory=\\\"true\\\" :multiple=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### extensions\\n\\n允许上传的文件后缀\\n\\n* **类型:** `Array | String | RegExp`\\n\\n* **默认值:** `undefined`\\n\\n* **示例:**\\n  ```html\\n  <file-upload extensions=\\\"jpg,gif,png,webp\\\"></file-upload>\\n  <!--或-->\\n  <file-upload :extensions=\\\"['jpg', 'gif', 'png', 'webp']\\\"></file-upload>\\n  <!--或-->\\n  <file-upload :extensions=\\\"/\\\\.(gif|jpe?g|png|webp)$/i\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### size\\n\\n允许上传的最大字节\\n\\n* **类型:** `Number`\\n\\n* **默认值:** `0`\\n\\n* **浏览器:** `> IE9`\\n\\n* **详细:**\\n\\n  `0` 等于不限制\\n\\n* **示例:**\\n  ```html\\n  <file-upload :size=\\\"1024 * 1024\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### timeout\\n\\n上传超时时间毫秒\\n\\n* **类型:** `Number`\\n\\n* **默认值:** `0`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :timeout=\\\"600 * 1000\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n### thread\\n\\n同时并发上传的文件数量 线程数  \\n\\n* **类型:** `Number`\\n\\n* **默认值:** `1`\\n\\n* **浏览器:** `> IE9`\\n\\n* **示例:**\\n  ```html\\n  <file-upload :thread=\\\"3\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop\\n\\n拖拽上传  \\n\\n* **类型:** `Boolean | Element | CSS selector`\\n\\n* **默认值:** `false`\\n\\n* **浏览器:** [http://caniuse.com/#feat=dragndrop](http://caniuse.com/#feat=dragndrop)\\n\\n* **详细:**\\n\\n  如果设置成 `true` 则读取父组件作为容器  \\n\\n* **示例:**\\n  ```html\\n  <file-upload :drop=\\\"true\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n\\n### drop-directory\\n\\n是否开启拖拽目录  \\n\\n* **类型:** `Boolean`\\n\\n* **默认值:** `true`\\n\\n* **详细:**\\n\\n  如果设置成 `false` 则过滤掉目录\\n\\n* **示例:**\\n  ```html\\n  <file-upload :drop-directory=\\\"false\\\"></file-upload>\\n  ```\\n\\n\\n\\n\\n## 选项 / 事件\\n\\n文件被改变触发的方法  \\n默认用于`v-model`绑定\\n\\n### @input\\n* **参数:**\\n\\n  * `files: Array<File | Object>`\\n\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <file-upload :value=\\\"files\\\" @input=\\\"updatetValue\\\"></file-upload>\\n    <!--或者-->\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      updatetValue(value) {\\n        this.files = value\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n### @input-filter\\n\\nAdd, update, remove pre-filter  \\n\\n* **参数:**\\n\\n  * `newFile: File | Object | undefined`  `读写`\\n  * `oldFile: File | Object | undefined`  `只读`\\n  * `prevent: Function`   调用该方法 阻止修改\\n\\n\\n* **详细:**\\n\\n  如果 `newFile` 值为 `undefined` 则是删除  \\n  如果 `oldFile` 值为 `undefined` 则是添加  \\n  如果 `newFile`, `oldFile` 都存在则是更新\\n\\n  > 事件内不可使用 `update`, `add`, `remove`, `clear` 方法  \\n  事件内可修改 `newFile` 对象\\n\\n* **示例:**  \\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <img :src=\\\"file.blob\\\" width=\\\"50\\\" height=\\\"50\\\" />\\n      </li>\\n    </ul>\\n    <file-upload :value=\\\"files\\\" @input-filter=\\\"inputFilter\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFilter(newFile, oldFile, prevent) {\\n        if (newFile && !oldFile) {\\n          // 添加文件\\n\\n          // 过滤非图片文件\\n          // 不会添加到 files 去\\n          if (!/\\\\.(jpeg|jpe|jpg|gif|png|webp)$/i.test(newFile.name)) {\\n            return prevent()\\n          }\\n\\n          // 创建 `blob` 字段 用于缩略图预览\\n          newFile.blob = ''\\n          let URL = window.URL || window.webkitURL\\n          if (URL && URL.createObjectURL) {\\n            newFile.blob = URL.createObjectURL(newFile.file)\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // 更新文件\\n\\n          // 增加版本号\\n          if (!newFile.version) {\\n            newFile.version = 0\\n          }\\n          newFile.version++\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // 移除文件\\n\\n          // 拒绝删除文件\\n          // return prevent()\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### @input-file\\n\\n添加，更新，移除 后\\n\\n* **参数:**\\n\\n  * `newFile: File | Object | undefined` `只读`\\n  * `oldFile: File | Object | undefined` `只读`\\n\\n\\n* **详细:**\\n\\n  如果 `newFile` 值为 `undefined` 则是删除  \\n  如果 `oldFile` 值为 `undefined` 则是添加  \\n  如果 `newFile`, `oldFile` 都存在则是更新\\n\\n  >事件内可使用 `update`, `add`, `remove`, `clear` 方法  \\n  >事件内不可修改 `newFile` 对象  \\n  >事件内不可修改 `oldFile` 对象\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <file-upload ref=\\\"upload\\\" v-model=\\\"files\\\" @input-file=\\\"inputFile\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      inputFile(newFile, oldFile) {\\n        if (newFile && !oldFile) {\\n          // 添加文件\\n\\n          // 自动上传\\n          if (!this.$refs.upload.active) {\\n            this.$refs.upload.active = true\\n          }\\n        }\\n\\n        if (newFile && oldFile) {\\n          // 更新文件\\n\\n          // 开始上传\\n          if (newFile.active !== oldFile.active) {\\n            console.log('Start upload', newFile.active, newFile)\\n\\n            // 限定最小字节\\n            if (newFile.size >= 0 && newFile.size < 100 * 1024) {\\n              newFile = this.$refs.upload.update(newFile, {error: 'size'})\\n            }\\n          }\\n\\n          // 上传进度\\n          if (newFile.progress !== oldFile.progress) {\\n            console.log('progress', newFile.progress, newFile)\\n          }\\n\\n          // 上传错误\\n          if (newFile.error !== oldFile.error) {\\n            console.log('error', newFile.error, newFile)\\n          }\\n\\n          // 上传成功\\n          if (newFile.success !== oldFile.success) {\\n            console.log('success', newFile.success, newFile)\\n          }\\n        }\\n\\n        if (!newFile && oldFile) {\\n          // 删除文件\\n\\n          // 自动删除 服务器上的文件\\n          if (oldFile.success && oldFile.response.id) {\\n            // $.ajax({\\n            //   type: 'DELETE',\\n            //   url: '/file/delete?id=' + oldFile.response.id,\\n            // });\\n          }\\n        }\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n\\n## 实例 / 数据\\n\\n### features\\n\\n用于判断浏览器支持的特性\\n\\n* **类型:** `Object`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `{ html5: true, directory: false, drag: false }`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.drag\\\">支持拖拽上传</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.directory\\\">支持文件夹上传</span>\\n    <span v-show=\\\"$refs.upload && $refs.upload.features.html5\\\">支持HTML5</span>\\n  </app>\\n  ```\\n\\n\\n\\n### active\\n\\n激活或停止上传\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `false`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-if=\\\"!$refs.upload || !$refs.upload.active\\\" @click=\\\"$refs.upload.active = true\\\">开始上传</span>\\n    <span v-else @click=\\\"$refs.upload.active = false\\\">停止上传</span>\\n  </app>\\n  ```\\n\\n\\n\\n### dropActive\\n\\n是否正在拖拽\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `false`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\" :drop=\\\"true\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.dropActive\\\">拖拽到这里上传<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n### uploaded\\n\\n是否全部已上传\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `true`\\n\\n* **示例:**\\n  ```html\\n  <app>\\n    <file-upload ref=\\\"upload\\\"></file-upload>\\n    <span v-show=\\\"$refs.upload && $refs.upload.uploaded\\\">全部文件已上传完毕<span>\\n  </app>\\n  ```\\n\\n\\n\\n\\n\\n## 实例 / 方法\\n\\n\\n\\n### get()\\n\\n使用`id`获得某个对象\\n\\n* **参数:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **结果:** `File | Object | Boolean` 存在返回文件对象否则返回 `false`\\n\\n\\n\\n### add()\\n\\n添加一个或多个文件\\n\\n* **参数:**\\n\\n  * `files: Array<File | window.File | Object> | File | window.File | Object`     如果它是一个数组的响应将是一个数组\\n  * `start: Boolean`                                  是否从开始位置插入\\n\\n\\n* **结果:** `Object | Array<File | Object> | Boolean`     传入的是数组返回数组否则对象或`false`\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n    <button type=\\\"button\\\" @click.prevent=\\\"addText\\\">添加文件</button>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      addText() {\\n        let file = new window.File(['foo'], 'foo.txt', {\\n          type: \\\"text/plain\\\",\\n        })\\n        this.$refs.upload.add(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n###  addInputFile()\\n\\n把`<input type=\\\"file\\\">`选择的文件添加进上传列表  \\n\\n* **参数:**\\n\\n  * `el: HTMLInputElement`     文件元素\\n\\n\\n* **结果:** `Array<File>`  返回已添加的文件列表\\n\\n* **版本:** : `>=2.5.1`\\n\\n\\n\\n###  addDataTransfer()\\n\\n把拖拽或者粘贴的数据的文件添加进上传列表  \\n\\n* **参数:**\\n\\n  * `dataTransfer: DataTransfer`  拖拽或者粘贴的数据\\n\\n\\n* **结果:** `Promise<Array<File>>`   返回已添加的文件列表\\n\\n\\n* **版本:** : `>=2.5.1`\\n\\n\\n\\n### update()\\n\\n更新某个对象\\n\\n* **参数:**\\n\\n  * `id: File | Object | String`\\n  * `data: Object`                    更新的数据对象\\n\\n\\n* **结果:**  `Object | Boolean`  成功返回 `newFile` 失败返回 `false`\\n\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button v-show=\\\"file.active\\\" type=\\\"button\\\" @click.prevent=\\\"abort(file)\\\">停止</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      abort(file) {\\n        this.$refs.upload.update(file, {active: false})\\n        // 或\\n        // this.$refs.upload.update(file, {error: 'abort'})\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n### remove()\\n\\n移除某个文件对象\\n\\n* **参数:**\\n\\n  * `id: File | Object | String`\\n\\n\\n* **结果:**  `Object | Boolean`  成功返回 `oldFile` 失败返回 `false`\\n\\n* **示例:**\\n  ```html\\n  <template>\\n    <ul>\\n      <li v-for=\\\"file in files\\\">\\n        <span>{{file.name}}</span>\\n        <button type=\\\"button\\\" @click.prevent=\\\"remove(file)\\\">移除</button>\\n      </li>\\n    </ul>\\n    <file-upload v-model=\\\"files\\\"></file-upload>\\n  </template>\\n  <script>\\n  export default {\\n    data() {\\n      return {\\n        files: []\\n      }\\n    },\\n    methods: {\\n      remove(file) {\\n        this.$refs.upload.remove(file)\\n      }\\n    }\\n  }\\n  </script>\\n  ```\\n\\n\\n### clear()\\n\\n清空文件列表\\n\\n* **结果:**  `Boolean`  总是返回 `true`\\n\\n\\n\\n## 实例 / File\\n\\n\\n> **文件对象在`input-filter`事件外修改请使用 [`update`](#实例-方法-update) 方法**\\n\\n\\n### fileObject\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `true`\\n\\n* **Required:** `true`\\n\\n* **默认值:** `true`\\n\\n* **版本:** : `>=2.6.0`\\n\\n* **详细:**\\n\\n  如果属性不存在，则不会在内部处理该对象  \\n  如果属性不存在，它不是 `File` 而是 `Object`\\n\\n\\n\\n### id\\n\\n文件id\\n\\n* **类型:** `String | Number`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `Math.random().toString(36).substr(2)`\\n\\n* **详细:**\\n\\n  >`id` can not be repeated  \\n  >Upload can not modify `id`\\n\\n\\n### size\\n\\n文件大小\\n\\n* **类型:** `Number`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `-1`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n### name\\n\\n文件名  \\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** ` `\\n\\n* **详细:**\\n\\n  格式:  `directory/filename.gif`  `filename.gif`  \\n\\n\\n\\n### type\\n\\nMIME类型\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** ` `\\n\\n* **浏览器:** `> IE9`\\n\\n* **详细:**\\n\\n  格式:  `image/gif`   `image/png`  `text/html`\\n\\n\\n\\n\\n### active\\n\\n激活或终止上传\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `false`\\n\\n* **详细:**\\n\\n  `true` = 上传  \\n  `false` = 停止  \\n\\n\\n\\n\\n\\n\\n### error\\n\\n上传失败错误代码\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** ` `\\n\\n* **详细:**\\n\\n  内置\\n  `size`, `extension`, `timeout`, `abort`, `network`, `server`, `denied`\\n\\n\\n\\n\\n### success\\n\\n是否上传成功\\n\\n* **类型:** `Boolean`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `false`\\n\\n\\n### putAction\\n\\n自定义当前文件 `PUT` 地址\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.putAction`\\n\\n\\n\\n### postAction\\n\\n自定义当前文件 `POST` 地址\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.postAction`\\n\\n\\n\\n\\n### headers\\n\\n自定义当前文件 `HTTP` Header\\n\\n* **类型:** `Object`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.headers`\\n\\n\\n### data\\n\\n自定义当前文件 `body` 或 `query` 附加内容\\n\\n* **类型:** `Object`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.data`\\n\\n\\n### timeout\\n\\n自定义当前单个文件的上传超时时间\\n\\n* **类型:** `Number`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `this.timeout`\\n\\n\\n### response\\n\\n响应的数据\\n\\n* **类型:** `Object | String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `{}`\\n\\n\\n\\n\\n### progress\\n\\n上传进度\\n\\n* **类型:** `String`\\n\\n* **只读:** `false`\\n\\n* **默认值:** `0.00`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n\\n### speed\\n\\n每秒的上传速度\\n\\n* **类型:** `Number`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `0`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n\\n\\n### xhr\\n\\n`HTML5` 上传 `XMLHttpRequest` 对象\\n\\n* **类型:** `XMLHttpRequest`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `> IE9`\\n\\n\\n\\n\\n### iframe\\n\\n`HTML4` 上传 `iframe` 元素\\n\\n* **类型:** `Element`\\n\\n* **只读:** `true`\\n\\n* **默认值:** `undefined`\\n\\n* **浏览器:** `= IE9`\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/docs/zh-cn.md\n// module id = 8\n// module chunks = 0","module.exports = require(\"regenerator-runtime\");\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/babel-runtime/regenerator/index.js","module.exports = Cropper;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Cropper\"\n// module id = 10\n// module chunks = 0","import Vue from 'vue'\nimport marked from 'marked'\nimport highlightjs from 'highlight.js'\nimport store from './store'\nimport router from './router'\nimport i18n from './i18n'\nimport App from './views/App'\n\nVue.config.silent = false\nVue.config.devtools = true\n\n\nclass Renderer extends marked.Renderer {\n  heading(text, level, raw) {\n    let rawName = raw.toLowerCase().replace(/([\\u0000-\\u002F\\u003A-\\u0060\\u007B-\\u007F]+)/g, '-').replace(/^\\-+|\\-+$/, '')\n\n    if (!this.options.headers) {\n      this.options.headers = []\n    }\n    while (this.options.headers.length >= level) {\n      this.options.headers.pop()\n    }\n    let parent = this.options.headers.filter(value => !!value).join('-')\n    if (parent) {\n      parent = parent + '-'\n    }\n    while (this.options.headers.length < (level - 1)) {\n      this.options.headers.push('')\n    }\n    this.options.headers.push(rawName)\n    return '<h'\n    + level\n    + ' id=\"'\n    + this.options.headerPrefix\n    + parent\n    + rawName\n    + '\">'\n    + text\n    + '</h'\n    + level\n    + '>\\n'\n  }\n}\n\nmarked.setOptions({\n  renderer: new Renderer(),\n  gfm: true,\n  tables: true,\n  breaks: false,\n  pedantic: false,\n  sanitize: false,\n  smartLists: true,\n  smartypants: false,\n  highlight(code, lang) {\n    if (lang) {\n      return highlightjs.highlight(lang, code).value\n    } else {\n      return highlightjs.highlightAuto(code).value\n    }\n  }\n})\n\nVue.directive('markdown', function (el, binding, vnode) {\n  if (!el.className || !/vue-markdown/.test(el.className)) {\n    el.className += ' vue-markdown'\n  }\n  let text = ''\n  for (let i = 0; i < vnode.children.length; i++) {\n    text += vnode.children[i].text || ''\n  }\n\n  el.innerHTML = marked(text)\n  let selectorList = el.querySelectorAll('a')\n  for (let i = 0; i < selectorList.length; i++) {\n    selectorList[i].onclick = function (e) {\n      if (e.metaKey || e.ctrlKey || e.shiftKey) {\n        return\n      }\n      if (e.defaultPrevented) {\n        return\n      }\n      if (e.button !== undefined && e.button !== 0) {\n        return\n      }\n\n      if (this.host !== window.location.host) {\n        return\n      }\n\n      let href = this.getAttribute('href')\n      if (!href) {\n        return\n      }\n\n      if (href.charAt(0) !== '#') {\n        return\n      }\n\n      e.preventDefault()\n      router.push(href)\n    }\n  }\n})\n\n\n\nVue.filter('formatSize', function (size) {\n  if (size > 1024 * 1024 * 1024 * 1024) {\n    return (size / 1024 / 1024 / 1024 / 1024).toFixed(2) + ' TB'\n  } else if (size > 1024 * 1024 * 1024) {\n    return (size / 1024 / 1024 / 1024).toFixed(2) + ' GB'\n  } else if (size > 1024 * 1024) {\n    return (size / 1024 / 1024).toFixed(2) + ' MB'\n  } else if (size > 1024) {\n    return (size / 1024).toFixed(2) + ' KB'\n  }\n  return size.toString() + ' B'\n})\n\nVue.filter('toLocale', function (to) {\n  return '/' + i18n.locale + to\n})\n\n\n\nnew Vue({\n  store,\n  router,\n  i18n,\n  ...App\n}).$mount('#app')\n\n\n\n// WEBPACK FOOTER //\n// ./docs/index.js","module.exports = Vue;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"Vue\"\n// module id = 13\n// module chunks = 0","module.exports = hljs;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"hljs\"\n// module id = 14\n// module chunks = 0","// import Vue from 'vue'\nimport Vuex from 'vuex'\n//\n// Vue.use(Vuex)\n\n\nconst state = {\n  files: [],\n}\n\nconst mutations = {\n  updateFiles(state, files) {\n    state.files = files\n  }\n}\nexport default new Vuex.Store({\n  strict: true,\n  state,\n  mutations\n})\n\n\n\n// WEBPACK FOOTER //\n// ./docs/store.js","// import Vue from 'vue'\nimport VueRouter from 'vue-router'\n\nimport i18n from './i18n'\nimport RouterComponent from './views/Router'\nimport DocumentComponent from './views/Document'\nimport ExampleComponent from './views/Example'\n\nimport FullExampleComponent from './views/examples/Full'\nimport SimpleExampleComponent from './views/examples/Simple'\nimport AvatarExampleComponent from './views/examples/Avatar'\nimport DragExampleComponent from './views/examples/Drag'\nimport MultipleExampleComponent from './views/examples/Multiple'\nimport VuexExampleComponent from './views/examples/Vuex'\n\n\n\n// Vue.use(VueRouter)\n\n\nlet examples = [\n  {\n    path: '',\n    component: FullExampleComponent,\n  },\n  {\n    path: 'full',\n    component: FullExampleComponent,\n  },\n  {\n    path: 'simple',\n    component: SimpleExampleComponent,\n  },\n  {\n    path: 'avatar',\n    component: AvatarExampleComponent,\n  },\n  {\n    path: 'drag',\n    component: DragExampleComponent,\n  },\n  {\n    path: 'multiple',\n    component: MultipleExampleComponent,\n  },\n  {\n    path: 'vuex',\n    component: VuexExampleComponent,\n  },\n]\n\n\n\nconst router = new VueRouter({\n  mode: 'hash',\n  fallback: false,\n  scrollBehavior() {\n    return { y: 0 }\n  },\n  routes: [\n    {\n      path: '/:locale(' + Object.keys(i18n.messages).join('|') + ')?',\n      component: RouterComponent,\n      children: [\n        {\n          path: 'documents',\n          component: DocumentComponent,\n        },\n        {\n          path: 'examples',\n          component: ExampleComponent,\n          children: examples,\n        },\n        {\n          path: '',\n          component: ExampleComponent,\n          children: examples,\n        },\n      ]\n    },\n  ]\n})\nexport default router\n\n\n\n// WEBPACK FOOTER //\n// ./docs/router.js","module.exports = VueRouter;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"VueRouter\"\n// module id = 17\n// module chunks = 0","module.exports = VueI18n;\n\n\n//////////////////\n// WEBPACK FOOTER\n// external \"VueI18n\"\n// module id = 18\n// module chunks = 0","export default {\n  header: {\n    logo: 'Vuejs',\n    home: 'Home',\n    examples: 'Examples',\n    documents: 'Documentation',\n    blog: 'Blog',\n    locale: 'Language(语言)',\n    issues: 'Issues',\n    github: 'Github',\n  },\n\n  locale: {\n    en: 'English',\n    'zh-cn': '中文(简体)',\n  },\n\n  document: {\n    title: 'Documentation',\n  },\n\n  example: {\n    full: 'Full Example',\n    simple: 'Simple',\n    avatar: 'Upload avatar',\n    drag: 'Drag and drop',\n    multiple: 'Multiple instances',\n    vuex: 'Vuex',\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./docs/i18n/en.js","export default {\n  header: {\n    logo: 'Vuejs',\n    home: '首页',\n    examples: '演示',\n    documents: '文档',\n    blog: 'Blog',\n    locale: 'Language(语言)',\n    issues: 'Issues',\n    github: 'Github',\n  },\n\n  locale: {\n    en: 'English',\n    'zh-cn': '中文(简体)',\n  },\n\n  document: {\n    title: '文档',\n  },\n\n\n  example: {\n    full: '完整例子',\n    simple: '简单例子',\n    avatar: '上传头像',\n    drag: '拖拽上传',\n    multiple: '多个实例',\n    vuex: 'Vuex',\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./docs/i18n/zh-cn.js","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-0546df56\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Router.vue\"\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/Router.vue\n// module id = 21\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('router-view')}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-0546df56\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/Router.vue\n// module id = 22\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-102fa427\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Document.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../node_modules/vue-loader/lib/selector?type=script&index=0!./Document.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-102fa427\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Document.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/Document.vue\n// module id = 23\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?minimize!../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-102fa427\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Document.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"27a8f968\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-102fa427\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/Document.vue\n// module id = 24\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".document-title{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #ddd}.document-content h2{padding-top:1rem;padding-bottom:1rem;margin-top:4rem;border-bottom:1px solid #eaecef}.document-content h2+h3,.document-content h2:first-child{margin-top:0}.document-content h3{margin-top:1.5rem;padding-top:1rem;margin-bottom:1rem}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-102fa427\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/Document.vue\n// module id = 25\n// module chunks = 0","/**\n * Translates the list format produced by css-loader into something\n * easier to manipulate.\n */\nmodule.exports = function listToStyles (parentId, list) {\n  var styles = []\n  var newStyles = {}\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i]\n    var id = item[0]\n    var css = item[1]\n    var media = item[2]\n    var sourceMap = item[3]\n    var part = {\n      id: parentId + ':' + i,\n      css: css,\n      media: media,\n      sourceMap: sourceMap\n    }\n    if (!newStyles[id]) {\n      styles.push(newStyles[id] = { id: id, parts: [part] })\n    } else {\n      newStyles[id].parts.push(part)\n    }\n  }\n  return styles\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/vue-style-loader/lib/listToStyles.js","<template>\n<div class=\"container-fluid\">\n  <div class=\"row flex-xl-nowrap\">\n    <div class=\"col-12 col-md-3 col-xl-2\" id=\"sidebar\">\n      <nav id=\"sidebar-nav\" class=\"collapse show\">\n        <ul class=\"nav\">\n          <li :class=\"{'nav-item': true, active: (!$route.hash && !index) || $route.hash.indexOf(group.hash) === 1}\" v-for=\"(group, index) in navs\">\n            <router-link active-class=\"active\" :class=\"{'nav-link': true, active: $route.hash.indexOf(group.hash) === 1}\" :to=\"'#' + group.hash\">{{group.name}}</router-link>\n            <ul class=\"nav\" v-if=\"group.children.length\">\n              <li class=\"nav-item\" v-for=\"child in group.children\">\n                <router-link active-class=\"active\" class=\"nav-link\" :to=\"'#' + group.hash + '-' + child.hash\">{{child.name}}</router-link>\n              </li>\n            </ul>\n          </li>\n        </ul>\n      </nav>\n    </div>\n    <main class=\"col-12 col-md-9 col-xl-10 py-md-3 pr-md-5 pl-md-5\" id=\"main\" role=\"main\">\n      <h1 class=\"document-title\" id=\"document-title\">{{$t('document.title')}}</h1>\n      <div class=\"document-content\" v-markdown>{{document}}</div>\n    </main>\n  </div>\n  </div>\n</div>\n</template>\n<style>\n.document-title {\n  margin-bottom: 2rem;\n  padding-bottom: 1rem;\n  border-bottom: 1px solid #ddd;\n}\n.document-content h2 {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-top: 4rem;\n  border-bottom: 1px solid #eaecef;\n}\n\n.document-content h2:first-child {\n  margin-top: 0;\n}\n\n\n.document-content h2 + h3 {\n  margin-top: 0rem;\n}\n\n.document-content h3 {\n  margin-top: 1.5rem;\n  padding-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n</style>\n<script>\nimport marked from 'marked'\nexport default {\n  computed: {\n    document() {\n      return require('../docs/' + this.$i18n.locale)\n    },\n\n    navs() {\n      let tokens = marked.lexer(this.document)\n      let rootNode = {\n        name: '',\n        children: [],\n        level: 1,\n      }\n      let parent = rootNode\n      let navPrev\n      for (let i = 0; i < tokens.length; i++) {\n        let token = tokens[i]\n        if (token.type !== 'heading') {\n          continue\n        }\n\n        let nav = {\n          name: token.text,\n          hash: token.text.toLowerCase().replace(/([\\u0000-\\u002F\\u003A-\\u0060\\u007B-\\u007F]+)/g, '-').replace(/^\\-+|\\-+$/, ''),\n          level: token.depth,\n          children: [],\n        }\n        if (!navPrev || nav.level === navPrev.level) {\n          // empty\n        } else if (nav.level > navPrev.level) {\n          // next\n          parent = navPrev\n        } else {\n          while (nav.level < navPrev.level && navPrev.parent) {\n            navPrev = navPrev.parent\n            parent = navPrev.parent\n          }\n        }\n\n        nav.parent = parent\n        parent.children.push(nav)\n        navPrev = nav\n      }\n      return rootNode.children\n    },\n  },\n  watch: {\n    /**\n     * [$route description]\n     * @param  {[type]} route [description]\n     * @return {[type]}       [description]\n     */\n    $route(route) {\n      if (route.hash) {\n        let el = document.querySelector(route.hash)\n        window.scrollTo(0, el ? el.offsetTop : 0)\n      } else {\n        window.scrollTo(0, 0)\n      }\n    }\n  },\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Document.vue?06e3f9e6","var map = {\n\t\"./en\": 7,\n\t\"./en.md\": 7,\n\t\"./zh-cn\": 8,\n\t\"./zh-cn.md\": 8\n};\nfunction webpackContext(req) {\n\treturn __webpack_require__(webpackContextResolve(req));\n};\nfunction webpackContextResolve(req) {\n\tvar id = map[req];\n\tif(!(id + 1)) // check for number or string\n\t\tthrow new Error(\"Cannot find module '\" + req + \"'.\");\n\treturn id;\n};\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 28;\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/docs ^\\.\\/.*$\n// module id = 28\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row flex-xl-nowrap\"},[_c('div',{staticClass:\"col-12 col-md-3 col-xl-2\",attrs:{\"id\":\"sidebar\"}},[_c('nav',{staticClass:\"collapse show\",attrs:{\"id\":\"sidebar-nav\"}},[_c('ul',{staticClass:\"nav\"},_vm._l((_vm.navs),function(group,index){return _c('li',{class:{'nav-item': true, active: (!_vm.$route.hash && !index) || _vm.$route.hash.indexOf(group.hash) === 1}},[_c('router-link',{class:{'nav-link': true, active: _vm.$route.hash.indexOf(group.hash) === 1},attrs:{\"active-class\":\"active\",\"to\":'#' + group.hash}},[_vm._v(_vm._s(group.name))]),(group.children.length)?_c('ul',{staticClass:\"nav\"},_vm._l((group.children),function(child){return _c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":'#' + group.hash + '-' + child.hash}},[_vm._v(_vm._s(child.name))])],1)})):_vm._e()],1)}))])]),_c('main',{staticClass:\"col-12 col-md-9 col-xl-10 py-md-3 pr-md-5 pl-md-5\",attrs:{\"id\":\"main\",\"role\":\"main\"}},[_c('h1',{staticClass:\"document-title\",attrs:{\"id\":\"document-title\"}},[_vm._v(_vm._s(_vm.$t('document.title')))]),_c('div',{directives:[{name:\"markdown\",rawName:\"v-markdown\"}],staticClass:\"document-content\"},[_vm._v(_vm._s(_vm.document))])])])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-102fa427\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/Document.vue\n// module id = 29\n// module chunks = 0","var normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nvar __vue_script__ = null\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-f18b6ae4\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./Example.vue\"\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/Example.vue\n// module id = 30\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row flex-xl-nowrap\"},[_c('div',{staticClass:\"col-12 col-md-3 col-xl-2\",attrs:{\"id\":\"sidebar\"}},[_c('nav',{staticClass:\"collapse show\",attrs:{\"id\":\"sidebar-nav\"}},[_c('ul',{staticClass:\"nav\"},[_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/full')}},[_vm._v(_vm._s(_vm.$t('example.full')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/simple')}},[_vm._v(_vm._s(_vm.$t('example.simple')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/avatar')}},[_vm._v(_vm._s(_vm.$t('example.avatar')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/drag')}},[_vm._v(_vm._s(_vm.$t('example.drag')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/multiple')}},[_vm._v(_vm._s(_vm.$t('example.multiple')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples/vuex')}},[_vm._v(_vm._s(_vm.$t('example.vuex')))])],1)])])]),_c('main',{staticClass:\"col-12 col-md-9 col-xl-10 py-md-3 pr-md-5 pl-md-5\",attrs:{\"id\":\"main\",\"role\":\"main\"}},[_c('router-view')],1)])])}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-f18b6ae4\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/Example.vue\n// module id = 31\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60fc9379\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Full.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Full.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-60fc9379\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Full.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Full.vue\n// module id = 32\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-60fc9379\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Full.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3e9ccf96\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-60fc9379\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Full.vue\n// module id = 33\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-full .btn-group .dropdown-menu{display:block;visibility:hidden;transition:all .2s}.example-full .btn-group:hover>.dropdown-menu{visibility:visible}.example-full label.dropdown-item{margin-bottom:0}.example-full .btn-group .dropdown-toggle{margin-right:.6rem}.example-full .filename{margin-bottom:.3rem}.example-full .btn-is-option{margin-top:.25rem}.example-full .example-foorer{padding:.5rem 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.example-full .edit-image img{max-width:100%}.example-full .edit-image-tool{margin-top:.6rem}.example-full .edit-image-tool .btn-group{margin-right:.6rem}.example-full .footer-status{padding-top:.4rem}.example-full .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-full .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-60fc9379\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Full.vue\n// module id = 34\n// module chunks = 0","<template>\n<div class=\"example-full\">\n  <button type=\"button\" class=\"btn btn-danger float-right btn-is-option\" @click.prevent=\"isOption = !isOption\">\n    <i class=\"fa fa-cog\" aria-hidden=\"true\"></i>\n    Options\n  </button>\n  <h1 id=\"example-title\" class=\"example-title\">Full Example</h1>\n\n  <div v-show=\"$refs.upload && $refs.upload.dropActive\" class=\"drop-active\">\n\t\t<h3>Drop files to upload</h3>\n  </div>\n  <div class=\"upload\" v-show=\"!isOption\">\n    <table class=\"table table-hover\">\n      <thead>\n        <tr>\n          <th>#</th>\n          <th>Thumb</th>\n          <th>Name</th>\n          <th>Size</th>\n          <th>Speed</th>\n          <th>Status</th>\n          <th>Action</th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-if=\"!files.length\">\n          <td colspan=\"7\">\n            <div class=\"text-center p-5\">\n              <h4>Drop files anywhere to upload<br/>or</h4>\n              <label :for=\"name\" class=\"btn btn-lg btn-primary\">Select Files</label>\n            </div>\n          </td>\n        </tr>\n        <tr v-for=\"(file, index) in files\" :key=\"file.id\">\n          <td>{{index}}</td>\n          <td>\n            <img v-if=\"file.thumb\" :src=\"file.thumb\" width=\"40\" height=\"auto\" />\n            <span v-else>No Image</span>\n          </td>\n          <td>\n            <div class=\"filename\">\n              {{file.name}}\n            </div>\n            <div class=\"progress\" v-if=\"file.active || file.progress !== '0.00'\">\n              <div :class=\"{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active}\" role=\"progressbar\" :style=\"{width: file.progress + '%'}\">{{file.progress}}%</div>\n            </div>\n          </td>\n          <td>{{file.size | formatSize}}</td>\n          <td>{{file.speed | formatSize}}</td>\n\n          <td v-if=\"file.error\">{{file.error}}</td>\n          <td v-else-if=\"file.success\">success</td>\n          <td v-else-if=\"file.active\">active</td>\n          <td v-else></td>\n          <td>\n            <div class=\"btn-group\">\n              <button class=\"btn btn-secondary btn-sm dropdown-toggle\" type=\"button\">\n                Action\n              </button>\n              <div class=\"dropdown-menu\">\n                <a :class=\"{'dropdown-item': true, disabled: file.active || file.success}\" href=\"#\" @click.prevent=\"file.active || file.success ? false :  onEditFileShow(file)\">Edit</a>\n                <a :class=\"{'dropdown-item': true, disabled: !file.active}\" href=\"#\" @click.prevent=\"file.active ? $refs.upload.update(file, {error: 'cancel'}) : false\">Cancel</a>\n\n                <a class=\"dropdown-item\" href=\"#\" v-if=\"file.active\" @click.prevent=\"$refs.upload.update(file, {active: false})\">Abort</a>\n                <a class=\"dropdown-item\" href=\"#\" v-else-if=\"file.error && $refs.upload.features.html5\" @click.prevent=\"$refs.upload.update(file, {active: true, error: '', progress: '0.00'})\">Retry upload</a>\n                <a :class=\"{'dropdown-item': true, disabled: file.success}\" href=\"#\" v-else @click.prevent=\"file.success ? false : $refs.upload.update(file, {active: true})\">Upload</a>\n\n                <div class=\"dropdown-divider\"></div>\n                <a class=\"dropdown-item\" href=\"#\" @click.prevent=\"$refs.upload.remove(file)\">Remove</a>\n              </div>\n            </div>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <div class=\"example-foorer\">\n      <div class=\"footer-status float-right\">\n        Drop: {{$refs.upload ? $refs.upload.drop : false}},\n        Active: {{$refs.upload ? $refs.upload.active : false}},\n        Uploaded: {{$refs.upload ? $refs.upload.uploaded : true}},\n        Drop active: {{$refs.upload ? $refs.upload.dropActive : false}}\n      </div>\n      <div class=\"btn-group\">\n        <file-upload\n          class=\"btn btn-primary dropdown-toggle\"\n          :post-action=\"postAction\"\n          :put-action=\"putAction\"\n          :extensions=\"extensions\"\n          :accept=\"accept\"\n          :multiple=\"multiple\"\n          :directory=\"directory\"\n          :size=\"size || 0\"\n          :thread=\"thread < 1 ? 1 : (thread > 5 ? 5 : thread)\"\n          :headers=\"headers\"\n          :data=\"data\"\n          :drop=\"drop\"\n          :drop-directory=\"dropDirectory\"\n          v-model=\"files\"\n          @input-filter=\"inputFilter\"\n          @input-file=\"inputFile\"\n          ref=\"upload\">\n          <i class=\"fa fa-plus\"></i>\n          Select\n        </file-upload>\n        <div class=\"dropdown-menu\">\n          <label class=\"dropdown-item\" :for=\"name\">Add files</label>\n          <a class=\"dropdown-item\" href=\"#\" @click=\"onAddFolader\">Add folder</a>\n          <a class=\"dropdown-item\" href=\"#\" @click.prevent=\"addData.show = true\">Add data</a>\n        </div>\n      </div>\n      <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\">\n        <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n        Start Upload\n      </button>\n      <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload.active = false\">\n        <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n        Stop Upload\n      </button>\n    </div>\n  </div>\n\n\n\n\n\n  <div class=\"option\" v-show=\"isOption\">\n    <div class=\"form-group\">\n      <label for=\"accept\">Accept:</label>\n      <input type=\"text\" id=\"accept\" class=\"form-control\" v-model=\"accept\">\n      <small class=\"form-text text-muted\">Allow upload mime type</small>\n    </div>\n    <div class=\"form-group\">\n      <label for=\"extensions\">Extensions:</label>\n      <input type=\"text\" id=\"extensions\" class=\"form-control\" v-model=\"extensions\">\n      <small class=\"form-text text-muted\">Allow upload file extension</small>\n    </div>\n    <div class=\"form-group\">\n      <label>PUT Upload:</label>\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"put-action\" id=\"put-action\" value=\"\" v-model=\"putAction\"> Off\n        </label>\n      </div>\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input class=\"form-check-input\" type=\"radio\" name=\"put-action\" id=\"put-action\" value=\"/upload/put\" v-model=\"putAction\"> On\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">After the shutdown, use the POST method to upload</small>\n    </div>\n    <div class=\"form-group\">\n      <label for=\"thread\">Thread:</label>\n      <input type=\"number\" max=\"5\" min=\"1\" id=\"thread\" class=\"form-control\" v-model.number=\"thread\">\n      <small class=\"form-text text-muted\">Also upload the number of files at the same time (number of threads)</small>\n    </div>\n    <div class=\"form-group\">\n      <label for=\"size\">Max size:</label>\n      <input type=\"number\" min=\"0\" id=\"size\" class=\"form-control\" v-model.number=\"size\">\n    </div>\n    <div class=\"form-group\">\n      <label for=\"minSize\">Min size:</label>\n      <input type=\"number\" min=\"0\" id=\"minSize\" class=\"form-control\" v-model.number=\"minSize\">\n    </div>\n    <div class=\"form-group\">\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input type=\"checkbox\" id=\"drop\" class=\"form-check-input\" v-model=\"drop\"> Drop\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">Drag and drop upload</small>\n    </div>\n    <div class=\"form-group\">\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input type=\"checkbox\" id=\"drop-directory\" class=\"form-check-input\" v-model=\"dropDirectory\"> Drop directory\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">Not checked, filter the dragged folder</small>\n    </div>\n    <div class=\"form-group\">\n      <div class=\"form-check\">\n        <label class=\"form-check-label\">\n          <input type=\"checkbox\" id=\"upload-auto\" class=\"form-check-input\" v-model=\"uploadAuto\"> Auto start\n        </label>\n      </div>\n      <small class=\"form-text text-muted\">Automatically activate upload</small>\n    </div>\n    <div class=\"form-group\">\n      <button type=\"button\" class=\"btn btn-primary btn-lg btn-block\" @click.prevent=\"isOption = !isOption\">Confirm</button>\n    </div>\n  </div>\n\n\n\n\n\n  <div :class=\"{'modal-backdrop': true, 'fade': true, show: addData.show}\"></div>\n  <div :class=\"{modal: true, fade: true, show: addData.show}\" id=\"modal-add-data\" tabindex=\"-1\" role=\"dialog\">\n    <div class=\"modal-dialog\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">Add data</h5>\n          <button type=\"button\" class=\"close\"  @click.prevent=\"addData.show = false\">\n            <span>&times;</span>\n          </button>\n        </div>\n        <form @submit.prevent=\"onAddData\">\n          <div class=\"modal-body\">\n            <div class=\"form-group\">\n              <label for=\"name\">Name:</label>\n              <input type=\"text\" class=\"form-control\" required id=\"name\"  placeholder=\"Please enter a file name\" v-model=\"addData.name\">\n              <small class=\"form-text text-muted\">Such as <code>filename.txt</code></small>\n            </div>\n            <div class=\"form-group\">\n              <label for=\"type\">Type:</label>\n              <input type=\"text\" class=\"form-control\" required id=\"type\"  placeholder=\"Please enter the MIME type\" v-model=\"addData.type\">\n              <small class=\"form-text text-muted\">Such as <code>text/plain</code></small>\n            </div>\n            <div class=\"form-group\">\n              <label for=\"content\">Content:</label>\n              <textarea class=\"form-control\" required id=\"content\" rows=\"3\" placeholder=\"Please enter the file contents\" v-model=\"addData.content\"></textarea>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-secondary\" @click.prevent=\"addData.show = false\">Close</button>\n            <button type=\"submit\" class=\"btn btn-primary\">Save</button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n\n\n\n\n\n  <div :class=\"{'modal-backdrop': true, 'fade': true, show: editFile.show}\"></div>\n  <div :class=\"{modal: true, fade: true, show: editFile.show}\" id=\"modal-edit-file\" tabindex=\"-1\" role=\"dialog\">\n    <div class=\"modal-dialog modal-lg\" role=\"document\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">Edit file</h5>\n          <button type=\"button\" class=\"close\"  @click.prevent=\"editFile.show = false\">\n            <span>&times;</span>\n          </button>\n        </div>\n        <form @submit.prevent=\"onEditorFile\">\n          <div class=\"modal-body\">\n            <div class=\"form-group\">\n              <label for=\"name\">Name:</label>\n              <input type=\"text\" class=\"form-control\" required id=\"name\"  placeholder=\"Please enter a file name\" v-model=\"editFile.name\">\n            </div>\n            <div class=\"form-group\" v-if=\"editFile.show && editFile.blob && editFile.type && editFile.type.substr(0, 6) === 'image/'\">\n              <label>Image: </label>\n              <div class=\"edit-image\">\n                <img :src=\"editFile.blob\" ref=\"editImage\" />\n              </div>\n\n              <div class=\"edit-image-tool\">\n                <div class=\"btn-group\" role=\"group\">\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.rotate(-90)\" title=\"cropper.rotate(-90)\"><i class=\"fa fa-undo\" aria-hidden=\"true\"></i></button>\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.rotate(90)\"  title=\"cropper.rotate(90)\"><i class=\"fa fa-repeat\" aria-hidden=\"true\"></i></button>\n                </div>\n                <div class=\"btn-group\" role=\"group\">\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.crop()\" title=\"cropper.crop()\"><i class=\"fa fa-check\" aria-hidden=\"true\"></i></button>\n                  <button type=\"button\" class=\"btn btn-primary\" @click=\"editFile.cropper.clear()\" title=\"cropper.clear()\"><i class=\"fa fa-remove\" aria-hidden=\"true\"></i></button>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"modal-footer\">\n            <button type=\"button\" class=\"btn btn-secondary\" @click.prevent=\"editFile.show = false\">Close</button>\n            <button type=\"submit\" class=\"btn btn-primary\">Save</button>\n          </div>\n        </form>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"pt-5\">\n    Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue</a>\n  </div>\n\n</div>\n</template>\n<style>\n.example-full .btn-group .dropdown-menu {\n  display: block;\n  visibility: hidden;\n  transition: all .2s\n}\n.example-full .btn-group:hover > .dropdown-menu {\n  visibility: visible;\n}\n\n.example-full label.dropdown-item {\n  margin-bottom: 0;\n}\n\n.example-full .btn-group .dropdown-toggle {\n  margin-right: .6rem\n}\n\n\n\n.example-full .filename {\n  margin-bottom: .3rem\n}\n\n.example-full .btn-is-option {\n  margin-top: 0.25rem;\n}\n.example-full .example-foorer {\n  padding: .5rem 0;\n  border-top: 1px solid #e9ecef;\n  border-bottom: 1px solid #e9ecef;\n}\n\n\n.example-full .edit-image img {\n  max-width: 100%;\n}\n\n.example-full .edit-image-tool {\n  margin-top: .6rem;\n}\n\n.example-full .edit-image-tool .btn-group{\n  margin-right: .6rem;\n}\n\n.example-full .footer-status {\n  padding-top: .4rem;\n}\n\n.example-full .drop-active {\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  position: fixed;\n  z-index: 9999;\n  opacity: .6;\n  text-align: center;\n  background: #000;\n}\n\n.example-full .drop-active h3 {\n  margin: -.5em 0 0;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  font-size: 40px;\n  color: #fff;\n  padding: 0;\n}\n</style>\n\n<script>\nimport Cropper from 'cropperjs'\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  data() {\n    return {\n      files: [],\n      accept: 'image/png,image/gif,image/jpeg,image/webp',\n      extensions: 'gif,jpg,jpeg,png,webp',\n      // extensions: ['gif', 'jpg', 'jpeg','png', 'webp'],\n      // extensions: /\\.(gif|jpe?g|png|webp)$/i,\n      minSize: 1024,\n      size: 1024 * 1024 * 10,\n      multiple: true,\n      directory: false,\n      drop: true,\n      dropDirectory: true,\n      thread: 3,\n      name: 'file',\n      postAction: '/upload/post',\n      putAction: '/upload/put',\n      headers: {\n        'X-Csrf-Token': 'xxxx',\n      },\n      data: {\n        '_csrf_token': 'xxxxxx',\n      },\n\n\n      uploadAuto: false,\n      isOption: false,\n\n      addData: {\n        show: false,\n        name: '',\n        type: '',\n        content: '',\n      },\n\n\n      editFile: {\n        show: false,\n        name: '',\n      }\n    }\n  },\n\n  watch: {\n    'editFile.show'(newValue, oldValue) {\n      // 关闭了 自动删除 error\n      if (!newValue && oldValue) {\n        this.$refs.upload.update(this.editFile.id, { error: this.editFile.error || '' })\n      }\n\n      if (newValue) {\n        this.$nextTick(function () {\n          if (!this.$refs.editImage) {\n            return\n          }\n          let cropper = new Cropper(this.$refs.editImage, {\n            autoCrop: false,\n          })\n          this.editFile = {\n            ...this.editFile,\n            cropper\n          }\n        })\n      }\n    },\n\n    'addData.show'(show) {\n      if (show) {\n        this.addData.name = ''\n        this.addData.type = ''\n        this.addData.content = ''\n      }\n    },\n  },\n\n  methods: {\n    inputFilter(newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // Before adding a file\n        // 添加文件前\n\n        // Filter system files or hide files\n        // 过滤系统文件 和隐藏文件\n        if (/(\\/|^)(Thumbs\\.db|desktop\\.ini|\\..+)$/.test(newFile.name)) {\n          return prevent()\n        }\n\n        // Filter php html js file\n        // 过滤 php html js 文件\n        if (/\\.(php5?|html?|jsx?)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n\n\n      if (newFile && (!oldFile || newFile.file !== oldFile.file)) {\n\n        // Create a blob field\n        // 创建 blob 字段\n        newFile.blob = ''\n        let URL = window.URL || window.webkitURL\n        if (URL && URL.createObjectURL) {\n          newFile.blob = URL.createObjectURL(newFile.file)\n        }\n\n        // Thumbnails\n        // 缩略图\n        newFile.thumb = ''\n        if (newFile.blob && newFile.type.substr(0, 6) === 'image/') {\n          newFile.thumb = newFile.blob\n        }\n      }\n    },\n\n    // add, update, remove File Event\n    inputFile(newFile, oldFile) {\n      if (newFile && oldFile) {\n        // update\n\n        if (newFile.active && !oldFile.active) {\n          // beforeSend\n\n          // min size\n          if (newFile.size >= 0 && this.minSize > 0 && newFile.size < this.minSize) {\n            this.$refs.upload.update(newFile, { error: 'size' })\n          }\n        }\n\n        if (newFile.progress !== oldFile.progress) {\n          // progress\n        }\n\n        if (newFile.error && !oldFile.error) {\n          // error\n        }\n\n        if (newFile.success && !oldFile.success) {\n          // success\n        }\n      }\n\n\n      if (!newFile && oldFile) {\n        // remove\n        if (oldFile.success && oldFile.response.id) {\n          // $.ajax({\n          //   type: 'DELETE',\n          //   url: '/upload/delete?id=' + oldFile.response.id,\n          // })\n        }\n      }\n\n\n      // Automatically activate upload\n      if (newFile && !oldFile && this.uploadAuto && !this.$refs.upload.active) {\n        this.$refs.upload.active = true\n      }\n    },\n\n\n    alert(message) {\n      alert(message)\n    },\n\n\n    onEditFileShow(file) {\n      this.editFile = { ...file, show: true }\n      this.$refs.upload.update(file, { error: 'edit' })\n    },\n\n    async onEditorFile() {\n      if (!this.$refs.upload.features.html5) {\n        this.alert('Your browser does not support')\n        this.editFile.show = false\n        return\n      }\n\n      let data = {\n        name: this.editFile.name,\n      }\n      if (this.editFile.cropper) {\n        let blob = await new Promise((resolve, reject) => {\n          this.editFile.cropper.getCroppedCanvas().toBlob(function (value) {\n            resolve(value)\n          })\n        })\n        data.file = new File([blob], data.name, { type: blob.type })\n        data.type = blob.type\n        data.size = blob.size\n      }\n      this.$refs.upload.update(this.editFile.id, data)\n      this.editFile.error = ''\n      this.editFile.show = false\n    },\n\n    // add folader\n    onAddFolader() {\n      if (!this.$refs.upload.features.directory) {\n        this.alert('Your browser does not support')\n        return\n      }\n\n      let input = this.$refs.upload.$el.querySelector('input')\n      input.directory = true\n      input.webkitdirectory = true\n      this.directory = true\n\n      input.onclick = null\n      input.click()\n      input.onclick = (e) => {\n        this.directory = false\n        input.directory = false\n        input.webkitdirectory = false\n      }\n    },\n\n    onAddData() {\n      this.addData.show = false\n      if (!this.$refs.upload.features.html5) {\n        this.alert('Your browser does not support')\n        return\n      }\n\n      let file = new window.File([this.addData.content], this.addData.name, {\n        type: this.addData.type,\n      })\n      this.$refs.upload.add(file)\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Full.vue?3bbf6982","// This method of obtaining a reference to the global object needs to be\n// kept identical to the way it is obtained in runtime.js\nvar g = (function() { return this })() || Function(\"return this\")();\n\n// Use `getOwnPropertyNames` because not all browsers support calling\n// `hasOwnProperty` on the global `self` object in a worker. See #183.\nvar hadRuntime = g.regeneratorRuntime &&\n  Object.getOwnPropertyNames(g).indexOf(\"regeneratorRuntime\") >= 0;\n\n// Save the old regeneratorRuntime in case it needs to be restored later.\nvar oldRuntime = hadRuntime && g.regeneratorRuntime;\n\n// Force reevalutation of runtime.js.\ng.regeneratorRuntime = undefined;\n\nmodule.exports = require(\"./runtime\");\n\nif (hadRuntime) {\n  // Restore the original runtime.\n  g.regeneratorRuntime = oldRuntime;\n} else {\n  // Remove the global property added by runtime.js.\n  try {\n    delete g.regeneratorRuntime;\n  } catch(e) {\n    g.regeneratorRuntime = undefined;\n  }\n}\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/regenerator-runtime/runtime-module.js","/**\n * Copyright (c) 2014, Facebook, Inc.\n * All rights reserved.\n *\n * This source code is licensed under the BSD-style license found in the\n * https://raw.github.com/facebook/regenerator/master/LICENSE file. An\n * additional grant of patent rights can be found in the PATENTS file in\n * the same directory.\n */\n\n!(function(global) {\n  \"use strict\";\n\n  var Op = Object.prototype;\n  var hasOwn = Op.hasOwnProperty;\n  var undefined; // More compressible than void 0.\n  var $Symbol = typeof Symbol === \"function\" ? Symbol : {};\n  var iteratorSymbol = $Symbol.iterator || \"@@iterator\";\n  var asyncIteratorSymbol = $Symbol.asyncIterator || \"@@asyncIterator\";\n  var toStringTagSymbol = $Symbol.toStringTag || \"@@toStringTag\";\n\n  var inModule = typeof module === \"object\";\n  var runtime = global.regeneratorRuntime;\n  if (runtime) {\n    if (inModule) {\n      // If regeneratorRuntime is defined globally and we're in a module,\n      // make the exports object identical to regeneratorRuntime.\n      module.exports = runtime;\n    }\n    // Don't bother evaluating the rest of this file if the runtime was\n    // already defined globally.\n    return;\n  }\n\n  // Define the runtime globally (as expected by generated code) as either\n  // module.exports (if we're in a module) or a new, empty object.\n  runtime = global.regeneratorRuntime = inModule ? module.exports : {};\n\n  function wrap(innerFn, outerFn, self, tryLocsList) {\n    // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.\n    var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;\n    var generator = Object.create(protoGenerator.prototype);\n    var context = new Context(tryLocsList || []);\n\n    // The ._invoke method unifies the implementations of the .next,\n    // .throw, and .return methods.\n    generator._invoke = makeInvokeMethod(innerFn, self, context);\n\n    return generator;\n  }\n  runtime.wrap = wrap;\n\n  // Try/catch helper to minimize deoptimizations. Returns a completion\n  // record like context.tryEntries[i].completion. This interface could\n  // have been (and was previously) designed to take a closure to be\n  // invoked without arguments, but in all the cases we care about we\n  // already have an existing method we want to call, so there's no need\n  // to create a new function object. We can even get away with assuming\n  // the method takes exactly one argument, since that happens to be true\n  // in every case, so we don't have to touch the arguments object. The\n  // only additional allocation required is the completion record, which\n  // has a stable shape and so hopefully should be cheap to allocate.\n  function tryCatch(fn, obj, arg) {\n    try {\n      return { type: \"normal\", arg: fn.call(obj, arg) };\n    } catch (err) {\n      return { type: \"throw\", arg: err };\n    }\n  }\n\n  var GenStateSuspendedStart = \"suspendedStart\";\n  var GenStateSuspendedYield = \"suspendedYield\";\n  var GenStateExecuting = \"executing\";\n  var GenStateCompleted = \"completed\";\n\n  // Returning this object from the innerFn has the same effect as\n  // breaking out of the dispatch switch statement.\n  var ContinueSentinel = {};\n\n  // Dummy constructor functions that we use as the .constructor and\n  // .constructor.prototype properties for functions that return Generator\n  // objects. For full spec compliance, you may wish to configure your\n  // minifier not to mangle the names of these two functions.\n  function Generator() {}\n  function GeneratorFunction() {}\n  function GeneratorFunctionPrototype() {}\n\n  // This is a polyfill for %IteratorPrototype% for environments that\n  // don't natively support it.\n  var IteratorPrototype = {};\n  IteratorPrototype[iteratorSymbol] = function () {\n    return this;\n  };\n\n  var getProto = Object.getPrototypeOf;\n  var NativeIteratorPrototype = getProto && getProto(getProto(values([])));\n  if (NativeIteratorPrototype &&\n      NativeIteratorPrototype !== Op &&\n      hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {\n    // This environment has a native %IteratorPrototype%; use it instead\n    // of the polyfill.\n    IteratorPrototype = NativeIteratorPrototype;\n  }\n\n  var Gp = GeneratorFunctionPrototype.prototype =\n    Generator.prototype = Object.create(IteratorPrototype);\n  GeneratorFunction.prototype = Gp.constructor = GeneratorFunctionPrototype;\n  GeneratorFunctionPrototype.constructor = GeneratorFunction;\n  GeneratorFunctionPrototype[toStringTagSymbol] =\n    GeneratorFunction.displayName = \"GeneratorFunction\";\n\n  // Helper for defining the .next, .throw, and .return methods of the\n  // Iterator interface in terms of a single ._invoke method.\n  function defineIteratorMethods(prototype) {\n    [\"next\", \"throw\", \"return\"].forEach(function(method) {\n      prototype[method] = function(arg) {\n        return this._invoke(method, arg);\n      };\n    });\n  }\n\n  runtime.isGeneratorFunction = function(genFun) {\n    var ctor = typeof genFun === \"function\" && genFun.constructor;\n    return ctor\n      ? ctor === GeneratorFunction ||\n        // For the native GeneratorFunction constructor, the best we can\n        // do is to check its .name property.\n        (ctor.displayName || ctor.name) === \"GeneratorFunction\"\n      : false;\n  };\n\n  runtime.mark = function(genFun) {\n    if (Object.setPrototypeOf) {\n      Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);\n    } else {\n      genFun.__proto__ = GeneratorFunctionPrototype;\n      if (!(toStringTagSymbol in genFun)) {\n        genFun[toStringTagSymbol] = \"GeneratorFunction\";\n      }\n    }\n    genFun.prototype = Object.create(Gp);\n    return genFun;\n  };\n\n  // Within the body of any async function, `await x` is transformed to\n  // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test\n  // `hasOwn.call(value, \"__await\")` to determine if the yielded value is\n  // meant to be awaited.\n  runtime.awrap = function(arg) {\n    return { __await: arg };\n  };\n\n  function AsyncIterator(generator) {\n    function invoke(method, arg, resolve, reject) {\n      var record = tryCatch(generator[method], generator, arg);\n      if (record.type === \"throw\") {\n        reject(record.arg);\n      } else {\n        var result = record.arg;\n        var value = result.value;\n        if (value &&\n            typeof value === \"object\" &&\n            hasOwn.call(value, \"__await\")) {\n          return Promise.resolve(value.__await).then(function(value) {\n            invoke(\"next\", value, resolve, reject);\n          }, function(err) {\n            invoke(\"throw\", err, resolve, reject);\n          });\n        }\n\n        return Promise.resolve(value).then(function(unwrapped) {\n          // When a yielded Promise is resolved, its final value becomes\n          // the .value of the Promise<{value,done}> result for the\n          // current iteration. If the Promise is rejected, however, the\n          // result for this iteration will be rejected with the same\n          // reason. Note that rejections of yielded Promises are not\n          // thrown back into the generator function, as is the case\n          // when an awaited Promise is rejected. This difference in\n          // behavior between yield and await is important, because it\n          // allows the consumer to decide what to do with the yielded\n          // rejection (swallow it and continue, manually .throw it back\n          // into the generator, abandon iteration, whatever). With\n          // await, by contrast, there is no opportunity to examine the\n          // rejection reason outside the generator function, so the\n          // only option is to throw it from the await expression, and\n          // let the generator function handle the exception.\n          result.value = unwrapped;\n          resolve(result);\n        }, reject);\n      }\n    }\n\n    var previousPromise;\n\n    function enqueue(method, arg) {\n      function callInvokeWithMethodAndArg() {\n        return new Promise(function(resolve, reject) {\n          invoke(method, arg, resolve, reject);\n        });\n      }\n\n      return previousPromise =\n        // If enqueue has been called before, then we want to wait until\n        // all previous Promises have been resolved before calling invoke,\n        // so that results are always delivered in the correct order. If\n        // enqueue has not been called before, then it is important to\n        // call invoke immediately, without waiting on a callback to fire,\n        // so that the async generator function has the opportunity to do\n        // any necessary setup in a predictable way. This predictability\n        // is why the Promise constructor synchronously invokes its\n        // executor callback, and why async functions synchronously\n        // execute code before the first await. Since we implement simple\n        // async functions in terms of async generators, it is especially\n        // important to get this right, even though it requires care.\n        previousPromise ? previousPromise.then(\n          callInvokeWithMethodAndArg,\n          // Avoid propagating failures to Promises returned by later\n          // invocations of the iterator.\n          callInvokeWithMethodAndArg\n        ) : callInvokeWithMethodAndArg();\n    }\n\n    // Define the unified helper method that is used to implement .next,\n    // .throw, and .return (see defineIteratorMethods).\n    this._invoke = enqueue;\n  }\n\n  defineIteratorMethods(AsyncIterator.prototype);\n  AsyncIterator.prototype[asyncIteratorSymbol] = function () {\n    return this;\n  };\n  runtime.AsyncIterator = AsyncIterator;\n\n  // Note that simple async functions are implemented on top of\n  // AsyncIterator objects; they just return a Promise for the value of\n  // the final result produced by the iterator.\n  runtime.async = function(innerFn, outerFn, self, tryLocsList) {\n    var iter = new AsyncIterator(\n      wrap(innerFn, outerFn, self, tryLocsList)\n    );\n\n    return runtime.isGeneratorFunction(outerFn)\n      ? iter // If outerFn is a generator, return the full iterator.\n      : iter.next().then(function(result) {\n          return result.done ? result.value : iter.next();\n        });\n  };\n\n  function makeInvokeMethod(innerFn, self, context) {\n    var state = GenStateSuspendedStart;\n\n    return function invoke(method, arg) {\n      if (state === GenStateExecuting) {\n        throw new Error(\"Generator is already running\");\n      }\n\n      if (state === GenStateCompleted) {\n        if (method === \"throw\") {\n          throw arg;\n        }\n\n        // Be forgiving, per 25.3.3.3.3 of the spec:\n        // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume\n        return doneResult();\n      }\n\n      context.method = method;\n      context.arg = arg;\n\n      while (true) {\n        var delegate = context.delegate;\n        if (delegate) {\n          var delegateResult = maybeInvokeDelegate(delegate, context);\n          if (delegateResult) {\n            if (delegateResult === ContinueSentinel) continue;\n            return delegateResult;\n          }\n        }\n\n        if (context.method === \"next\") {\n          // Setting context._sent for legacy support of Babel's\n          // function.sent implementation.\n          context.sent = context._sent = context.arg;\n\n        } else if (context.method === \"throw\") {\n          if (state === GenStateSuspendedStart) {\n            state = GenStateCompleted;\n            throw context.arg;\n          }\n\n          context.dispatchException(context.arg);\n\n        } else if (context.method === \"return\") {\n          context.abrupt(\"return\", context.arg);\n        }\n\n        state = GenStateExecuting;\n\n        var record = tryCatch(innerFn, self, context);\n        if (record.type === \"normal\") {\n          // If an exception is thrown from innerFn, we leave state ===\n          // GenStateExecuting and loop back for another invocation.\n          state = context.done\n            ? GenStateCompleted\n            : GenStateSuspendedYield;\n\n          if (record.arg === ContinueSentinel) {\n            continue;\n          }\n\n          return {\n            value: record.arg,\n            done: context.done\n          };\n\n        } else if (record.type === \"throw\") {\n          state = GenStateCompleted;\n          // Dispatch the exception by looping back around to the\n          // context.dispatchException(context.arg) call above.\n          context.method = \"throw\";\n          context.arg = record.arg;\n        }\n      }\n    };\n  }\n\n  // Call delegate.iterator[context.method](context.arg) and handle the\n  // result, either by returning a { value, done } result from the\n  // delegate iterator, or by modifying context.method and context.arg,\n  // setting context.delegate to null, and returning the ContinueSentinel.\n  function maybeInvokeDelegate(delegate, context) {\n    var method = delegate.iterator[context.method];\n    if (method === undefined) {\n      // A .throw or .return when the delegate iterator has no .throw\n      // method always terminates the yield* loop.\n      context.delegate = null;\n\n      if (context.method === \"throw\") {\n        if (delegate.iterator.return) {\n          // If the delegate iterator has a return method, give it a\n          // chance to clean up.\n          context.method = \"return\";\n          context.arg = undefined;\n          maybeInvokeDelegate(delegate, context);\n\n          if (context.method === \"throw\") {\n            // If maybeInvokeDelegate(context) changed context.method from\n            // \"return\" to \"throw\", let that override the TypeError below.\n            return ContinueSentinel;\n          }\n        }\n\n        context.method = \"throw\";\n        context.arg = new TypeError(\n          \"The iterator does not provide a 'throw' method\");\n      }\n\n      return ContinueSentinel;\n    }\n\n    var record = tryCatch(method, delegate.iterator, context.arg);\n\n    if (record.type === \"throw\") {\n      context.method = \"throw\";\n      context.arg = record.arg;\n      context.delegate = null;\n      return ContinueSentinel;\n    }\n\n    var info = record.arg;\n\n    if (! info) {\n      context.method = \"throw\";\n      context.arg = new TypeError(\"iterator result is not an object\");\n      context.delegate = null;\n      return ContinueSentinel;\n    }\n\n    if (info.done) {\n      // Assign the result of the finished delegate to the temporary\n      // variable specified by delegate.resultName (see delegateYield).\n      context[delegate.resultName] = info.value;\n\n      // Resume execution at the desired location (see delegateYield).\n      context.next = delegate.nextLoc;\n\n      // If context.method was \"throw\" but the delegate handled the\n      // exception, let the outer generator proceed normally. If\n      // context.method was \"next\", forget context.arg since it has been\n      // \"consumed\" by the delegate iterator. If context.method was\n      // \"return\", allow the original .return call to continue in the\n      // outer generator.\n      if (context.method !== \"return\") {\n        context.method = \"next\";\n        context.arg = undefined;\n      }\n\n    } else {\n      // Re-yield the result returned by the delegate method.\n      return info;\n    }\n\n    // The delegate iterator is finished, so forget it and continue with\n    // the outer generator.\n    context.delegate = null;\n    return ContinueSentinel;\n  }\n\n  // Define Generator.prototype.{next,throw,return} in terms of the\n  // unified ._invoke helper method.\n  defineIteratorMethods(Gp);\n\n  Gp[toStringTagSymbol] = \"Generator\";\n\n  // A Generator should always return itself as the iterator object when the\n  // @@iterator function is called on it. Some browsers' implementations of the\n  // iterator prototype chain incorrectly implement this, causing the Generator\n  // object to not be returned from this call. This ensures that doesn't happen.\n  // See https://github.com/facebook/regenerator/issues/274 for more details.\n  Gp[iteratorSymbol] = function() {\n    return this;\n  };\n\n  Gp.toString = function() {\n    return \"[object Generator]\";\n  };\n\n  function pushTryEntry(locs) {\n    var entry = { tryLoc: locs[0] };\n\n    if (1 in locs) {\n      entry.catchLoc = locs[1];\n    }\n\n    if (2 in locs) {\n      entry.finallyLoc = locs[2];\n      entry.afterLoc = locs[3];\n    }\n\n    this.tryEntries.push(entry);\n  }\n\n  function resetTryEntry(entry) {\n    var record = entry.completion || {};\n    record.type = \"normal\";\n    delete record.arg;\n    entry.completion = record;\n  }\n\n  function Context(tryLocsList) {\n    // The root entry object (effectively a try statement without a catch\n    // or a finally block) gives us a place to store values thrown from\n    // locations where there is no enclosing try statement.\n    this.tryEntries = [{ tryLoc: \"root\" }];\n    tryLocsList.forEach(pushTryEntry, this);\n    this.reset(true);\n  }\n\n  runtime.keys = function(object) {\n    var keys = [];\n    for (var key in object) {\n      keys.push(key);\n    }\n    keys.reverse();\n\n    // Rather than returning an object with a next method, we keep\n    // things simple and return the next function itself.\n    return function next() {\n      while (keys.length) {\n        var key = keys.pop();\n        if (key in object) {\n          next.value = key;\n          next.done = false;\n          return next;\n        }\n      }\n\n      // To avoid creating an additional object, we just hang the .value\n      // and .done properties off the next function object itself. This\n      // also ensures that the minifier will not anonymize the function.\n      next.done = true;\n      return next;\n    };\n  };\n\n  function values(iterable) {\n    if (iterable) {\n      var iteratorMethod = iterable[iteratorSymbol];\n      if (iteratorMethod) {\n        return iteratorMethod.call(iterable);\n      }\n\n      if (typeof iterable.next === \"function\") {\n        return iterable;\n      }\n\n      if (!isNaN(iterable.length)) {\n        var i = -1, next = function next() {\n          while (++i < iterable.length) {\n            if (hasOwn.call(iterable, i)) {\n              next.value = iterable[i];\n              next.done = false;\n              return next;\n            }\n          }\n\n          next.value = undefined;\n          next.done = true;\n\n          return next;\n        };\n\n        return next.next = next;\n      }\n    }\n\n    // Return an iterator with no values.\n    return { next: doneResult };\n  }\n  runtime.values = values;\n\n  function doneResult() {\n    return { value: undefined, done: true };\n  }\n\n  Context.prototype = {\n    constructor: Context,\n\n    reset: function(skipTempReset) {\n      this.prev = 0;\n      this.next = 0;\n      // Resetting context._sent for legacy support of Babel's\n      // function.sent implementation.\n      this.sent = this._sent = undefined;\n      this.done = false;\n      this.delegate = null;\n\n      this.method = \"next\";\n      this.arg = undefined;\n\n      this.tryEntries.forEach(resetTryEntry);\n\n      if (!skipTempReset) {\n        for (var name in this) {\n          // Not sure about the optimal order of these conditions:\n          if (name.charAt(0) === \"t\" &&\n              hasOwn.call(this, name) &&\n              !isNaN(+name.slice(1))) {\n            this[name] = undefined;\n          }\n        }\n      }\n    },\n\n    stop: function() {\n      this.done = true;\n\n      var rootEntry = this.tryEntries[0];\n      var rootRecord = rootEntry.completion;\n      if (rootRecord.type === \"throw\") {\n        throw rootRecord.arg;\n      }\n\n      return this.rval;\n    },\n\n    dispatchException: function(exception) {\n      if (this.done) {\n        throw exception;\n      }\n\n      var context = this;\n      function handle(loc, caught) {\n        record.type = \"throw\";\n        record.arg = exception;\n        context.next = loc;\n\n        if (caught) {\n          // If the dispatched exception was caught by a catch block,\n          // then let that catch block handle the exception normally.\n          context.method = \"next\";\n          context.arg = undefined;\n        }\n\n        return !! caught;\n      }\n\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        var record = entry.completion;\n\n        if (entry.tryLoc === \"root\") {\n          // Exception thrown outside of any try block that could handle\n          // it, so set the completion value of the entire function to\n          // throw the exception.\n          return handle(\"end\");\n        }\n\n        if (entry.tryLoc <= this.prev) {\n          var hasCatch = hasOwn.call(entry, \"catchLoc\");\n          var hasFinally = hasOwn.call(entry, \"finallyLoc\");\n\n          if (hasCatch && hasFinally) {\n            if (this.prev < entry.catchLoc) {\n              return handle(entry.catchLoc, true);\n            } else if (this.prev < entry.finallyLoc) {\n              return handle(entry.finallyLoc);\n            }\n\n          } else if (hasCatch) {\n            if (this.prev < entry.catchLoc) {\n              return handle(entry.catchLoc, true);\n            }\n\n          } else if (hasFinally) {\n            if (this.prev < entry.finallyLoc) {\n              return handle(entry.finallyLoc);\n            }\n\n          } else {\n            throw new Error(\"try statement without catch or finally\");\n          }\n        }\n      }\n    },\n\n    abrupt: function(type, arg) {\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        if (entry.tryLoc <= this.prev &&\n            hasOwn.call(entry, \"finallyLoc\") &&\n            this.prev < entry.finallyLoc) {\n          var finallyEntry = entry;\n          break;\n        }\n      }\n\n      if (finallyEntry &&\n          (type === \"break\" ||\n           type === \"continue\") &&\n          finallyEntry.tryLoc <= arg &&\n          arg <= finallyEntry.finallyLoc) {\n        // Ignore the finally entry if control is not jumping to a\n        // location outside the try/catch block.\n        finallyEntry = null;\n      }\n\n      var record = finallyEntry ? finallyEntry.completion : {};\n      record.type = type;\n      record.arg = arg;\n\n      if (finallyEntry) {\n        this.method = \"next\";\n        this.next = finallyEntry.finallyLoc;\n        return ContinueSentinel;\n      }\n\n      return this.complete(record);\n    },\n\n    complete: function(record, afterLoc) {\n      if (record.type === \"throw\") {\n        throw record.arg;\n      }\n\n      if (record.type === \"break\" ||\n          record.type === \"continue\") {\n        this.next = record.arg;\n      } else if (record.type === \"return\") {\n        this.rval = this.arg = record.arg;\n        this.method = \"return\";\n        this.next = \"end\";\n      } else if (record.type === \"normal\" && afterLoc) {\n        this.next = afterLoc;\n      }\n\n      return ContinueSentinel;\n    },\n\n    finish: function(finallyLoc) {\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        if (entry.finallyLoc === finallyLoc) {\n          this.complete(entry.completion, entry.afterLoc);\n          resetTryEntry(entry);\n          return ContinueSentinel;\n        }\n      }\n    },\n\n    \"catch\": function(tryLoc) {\n      for (var i = this.tryEntries.length - 1; i >= 0; --i) {\n        var entry = this.tryEntries[i];\n        if (entry.tryLoc === tryLoc) {\n          var record = entry.completion;\n          if (record.type === \"throw\") {\n            var thrown = record.arg;\n            resetTryEntry(entry);\n          }\n          return thrown;\n        }\n      }\n\n      // The context.catch method must only be called with a location\n      // argument that corresponds to a known catch block.\n      throw new Error(\"illegal catch attempt\");\n    },\n\n    delegateYield: function(iterable, resultName, nextLoc) {\n      this.delegate = {\n        iterator: values(iterable),\n        resultName: resultName,\n        nextLoc: nextLoc\n      };\n\n      if (this.method === \"next\") {\n        // Deliberately forget the last sent value so that we don't\n        // accidentally pass it on to the delegate.\n        this.arg = undefined;\n      }\n\n      return ContinueSentinel;\n    }\n  };\n})(\n  // In sloppy mode, unbound `this` refers to the global object, fallback to\n  // Function constructor if we're in global strict mode. That is sadly a form\n  // of indirect eval which violates Content Security Policy.\n  (function() { return this })() || Function(\"return this\")()\n);\n\n\n\n// WEBPACK FOOTER //\n// ./node_modules/regenerator-runtime/runtime.js","module.exports = function(module) {\r\n\tif(!module.webpackPolyfill) {\r\n\t\tmodule.deprecate = function() {};\r\n\t\tmodule.paths = [];\r\n\t\t// module.parent = undefined by default\r\n\t\tif(!module.children) module.children = [];\r\n\t\tObject.defineProperty(module, \"loaded\", {\r\n\t\t\tenumerable: true,\r\n\t\t\tget: function() {\r\n\t\t\t\treturn module.l;\r\n\t\t\t}\r\n\t\t});\r\n\t\tObject.defineProperty(module, \"id\", {\r\n\t\t\tenumerable: true,\r\n\t\t\tget: function() {\r\n\t\t\t\treturn module.i;\r\n\t\t\t}\r\n\t\t});\r\n\t\tmodule.webpackPolyfill = 1;\r\n\t}\r\n\treturn module;\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// (webpack)/buildin/module.js","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ce9890fe\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector?type=styles&index=0!./FileUpload.vue\")\n}\nvar normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../node_modules/vue-loader/lib/selector?type=script&index=0!./FileUpload.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-ce9890fe\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../node_modules/vue-loader/lib/selector?type=template&index=0!./FileUpload.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/FileUpload.vue\n// module id = 39\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../node_modules/css-loader/index.js?minimize!../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-ce9890fe\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./FileUpload.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3289e763\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ce9890fe\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/FileUpload.vue\n// module id = 40\n// module chunks = 0","exports = module.exports = require(\"../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".file-uploads{overflow:hidden;position:relative;text-align:center;display:inline-block}.file-uploads.file-uploads-html4 input[type=file]{opacity:0;font-size:20em;z-index:1;top:0;left:0;right:0;bottom:0;position:absolute;width:100%;height:100%}.file-uploads.file-uploads-html5 input[type=file]{overflow:hidden;position:fixed;width:1px;height:1px;z-index:-1;opacity:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-ce9890fe\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/FileUpload.vue\n// module id = 41\n// module chunks = 0","<template>\n  <label :class=\"className\">\n    <slot></slot>\n    <input-file></input-file>\n  </label>\n</template>\n<style>\n.file-uploads {\n  overflow: hidden;\n  position: relative;\n  text-align: center;\n  display: inline-block;\n}\n.file-uploads.file-uploads-html4 input[type=\"file\"] {\n  opacity: 0;\n  font-size: 20em;\n  z-index: 1;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.file-uploads.file-uploads-html5 input[type=\"file\"] {\n  overflow: hidden;\n  position: fixed;\n  width: 1px;\n  height: 1px;\n  z-index: -1;\n  opacity: 0;\n}\n</style>\n<script>\nimport InputFile from './InputFile.vue'\nexport default {\n  components: {\n    InputFile,\n  },\n  props: {\n    inputId: {\n      type: String,\n    },\n\n    name: {\n      type: String,\n      default: 'file',\n    },\n\n    accept: {\n      type: String,\n    },\n\n    multiple: {\n      type: Boolean,\n    },\n\n    directory: {\n      type: Boolean,\n    },\n\n    postAction: {\n      type: String,\n    },\n\n    putAction: {\n      type: String,\n    },\n\n    headers: {\n      type: Object,\n      default: Object,\n    },\n\n    data: {\n      type: Object,\n      default: Object,\n    },\n\n    timeout: {\n      type: Number,\n      default: 0,\n    },\n\n\n    drop: {\n      default: false,\n    },\n\n    dropDirectory: {\n      type: Boolean,\n      default: true,\n    },\n\n    size: {\n      type: Number,\n      default: 0,\n    },\n\n    extensions: {\n      default: Array,\n    },\n\n\n    value: {\n      type: Array,\n      default: Array,\n    },\n\n    thread: {\n      type: Number,\n      default: 1,\n    },\n  },\n\n  data() {\n    return {\n      files: this.value,\n      features: {\n        html5: true,\n        directory: false,\n        drag: false,\n      },\n\n      active: false,\n      dropActive: false,\n\n      uploading: 0,\n\n      destroy: false,\n    }\n  },\n\n\n  /**\n   * mounted\n   * @return {[type]} [description]\n   */\n  mounted() {\n    let input = document.createElement('input')\n    input.type = 'file'\n    input.multiple = true\n\n    // html5 特征\n    if (window.FormData && input.files) {\n      // 上传目录特征\n      if (typeof input.webkitdirectory === 'boolean' || typeof input.directory === 'boolean') {\n        this.features.directory = true\n      }\n\n      // 拖拽特征\n      if (this.features.html5 && typeof input.ondrop !== 'undefined') {\n        this.features.drop = true\n      }\n    } else {\n      this.features.html5 = false\n    }\n\n    // files 定位缓存\n    this.maps = {}\n\n    this.$nextTick(function () {\n\n      // 更新下父级\n      if (this.$parent) {\n        this.$parent.$forceUpdate()\n      }\n\n      // 拖拽渲染\n      this.watchDrop(this.drop)\n    })\n  },\n\n  /**\n   * beforeDestroy\n   * @return {[type]} [description]\n   */\n  beforeDestroy() {\n    // 已销毁\n    this.destroy = true\n\n    // 设置成不激活\n    this.active = false\n  },\n\n  computed: {\n    /**\n     * uploading 正在上传的线程\n     * @return {[type]} [description]\n     */\n    /*\n    uploading() {\n      let uploading = 0\n      for (var i = 0; i < this.files.length; i++) {\n        if (this.files[i].active) {\n          uploading++\n        }\n      }\n      return uploading\n    },\n    */\n    /**\n     * uploaded 文件列表是否全部已上传\n     * @return {[type]} [description]\n     */\n    uploaded() {\n      let file\n      for (let i = 0; i < this.files.length; i++) {\n        file = this.files[i]\n        if (file.fileObject && !file.error && !file.success) {\n          return false\n        }\n      }\n      return true\n    },\n\n\n    className() {\n      return [\n        'file-uploads',\n        this.features.html5 ? 'file-uploads-html5' : 'file-uploads-html4',\n        this.features.directory && this.directory ? 'file-uploads-directory' : undefined,\n        this.features.drop && this.drop ? 'file-uploads-drop' : undefined,\n      ]\n    }\n  },\n\n\n  watch: {\n    active(active) {\n      this.watchActive(active)\n    },\n\n    dropActive() {\n      if (this.$parent) {\n        this.$parent.$forceUpdate()\n      }\n    },\n\n    drop(value) {\n      this.watchDrop(value)\n    },\n\n    value(files) {\n      if (this.files === files) {\n        return\n      }\n      this.files = files\n\n      let oldMaps = this.maps\n\n      // 重写 maps 缓存\n      this.maps = {}\n      for (let i = 0; i < this.files.length; i++) {\n        let file = this.files[i]\n        this.maps[file.id] = file\n      }\n\n      // add, update\n      for (let key in this.maps) {\n        let newFile = this.maps[key]\n        let oldFile = oldMaps[key]\n        if (newFile !== oldFile) {\n          this.emitFile(newFile, oldFile)\n        }\n      }\n\n      // delete\n      for (let key in oldMaps) {\n        if (!this.maps[key]) {\n          this.emitFile(undefined, oldMaps[key])\n        }\n      }\n    },\n  },\n\n  methods: {\n\n    // 清空\n    clear() {\n      if (this.files.length) {\n        let files = this.files\n        this.files = []\n\n        // 定位\n        this.maps = {}\n\n        // 事件\n        this.emitInput()\n        for (let i = 0; i < files.length; i++) {\n          this.emitFile(undefined, files[i])\n        }\n      }\n      return true\n    },\n\n    // 选择\n    get(id) {\n      if (!id) {\n        return false\n      }\n\n      if (typeof id === 'object') {\n        return this.maps[id.id] || false\n      }\n\n      return this.maps[id] || false\n    },\n\n    // 添加\n    add(_files, start) {\n      let files = _files\n      let isArray = files instanceof Array\n\n      // 不是数组整理成数组\n      if (!isArray) {\n        files = [files]\n      }\n\n      // 遍历规范对象\n      let addFiles = []\n      for (let i = 0; i < files.length; i++) {\n        let file = files[i]\n        if (this.features.html5 && file instanceof File) {\n          file = {\n            file,\n            size: file.size,\n            name: file.webkitRelativePath || file.relativePath || file.name || 'unknown',\n            type: file.type,\n          }\n        }\n        let fileObject = false\n        if (file.fileObject === false) {\n          // false\n        } else if (file.fileObject) {\n          fileObject = true\n        } else if (typeof Element !== 'undefined' && file.el instanceof Element) {\n          fileObject = true\n        } else if (typeof File !== 'undefined' && file.file instanceof File) {\n          fileObject = true\n        }\n        if (fileObject) {\n          file = {\n            fileObject: true,\n            size: -1,\n            name: 'Filename',\n            type: '',\n            active: false,\n            error: '',\n            success: false,\n            putAction: this.putAction,\n            postAction: this.postAction,\n            timeout: this.timeout,\n            ...file,\n            response: {},\n\n            progress: '0.00',          // 只读\n            speed: 0,                  // 只读\n            // xhr: false,                // 只读\n            // iframe: false,             // 只读\n          }\n\n          file.data = {\n            ...this.data,\n            ...file.data ? file.data : {},\n          }\n\n          file.headers = {\n            ...this.headers,\n            ...file.headers ? file.headers : {},\n          }\n        }\n\n        // 必须包含 id\n        if (!file.id) {\n          file.id = Math.random().toString(36).substr(2)\n        }\n\n        if (this.emitFilter(file, undefined)) {\n          continue\n        }\n\n        addFiles.push(file)\n\n        // 只允许单个文件\n        if (!this.multiple) {\n          break\n        }\n      }\n\n      // 没有文件\n      if (!addFiles.length) {\n        return false\n      }\n\n\n      // 只允许单个文件 删除所有\n      if (!this.multiple) {\n        this.clear()\n      }\n\n\n      // 添加进去 files\n      let newFiles\n      if (start) {\n        newFiles = addFiles.concat(this.files)\n      } else {\n        newFiles = this.files.concat(addFiles)\n      }\n\n      this.files = newFiles\n\n      // 定位\n      for (let i = 0; i < addFiles.length; i++) {\n        let file = addFiles[i]\n        this.maps[file.id] = file\n      }\n\n      // 事件\n      this.emitInput()\n      for (let i = 0; i < addFiles.length; i++) {\n        this.emitFile(addFiles[i], undefined)\n      }\n\n      return isArray ? addFiles : addFiles[0]\n    },\n\n\n\n    // 添加表单文件\n    addInputFile(el) {\n      let files = []\n      if (el.files) {\n        for (let i = 0; i < el.files.length; i++) {\n          let file = el.files[i]\n          files.push({\n            size: file.size,\n            name: file.webkitRelativePath || file.relativePath || file.name,\n            type: file.type,\n            file,\n            el\n          })\n        }\n      } else {\n        files.push({\n          name: el.value.replace(/^.*?([^\\/\\\\\\r\\n]+)$/, '$1'),\n          el,\n        })\n      }\n      return this.add(files)\n    },\n\n\n    // 添加 DataTransfer\n    addDataTransfer(dataTransfer) {\n      let files = []\n      if (dataTransfer.items && dataTransfer.items.length) {\n        let items = []\n        for (let i = 0; i < dataTransfer.items.length; i++) {\n          let item = dataTransfer.items[i]\n          if (item.getAsEntry) {\n            item = item.getAsEntry()\n          } else if (item.webkitGetAsEntry) {\n            item = item.webkitGetAsEntry()\n          } else {\n            item = item.getAsFile()\n          }\n          if (item) {\n            items.push(item)\n          }\n        }\n\n        return new Promise((resolve, reject) => {\n          let forEach = (i) => {\n            let item = items[i]\n            // 结束 或者已有文件了\n            if (!item || (!this.multiple && files.length)) {\n              return resolve(this.add(files))\n            }\n            this.getEntry(item).then(function (results) {\n              files.push(...results)\n              forEach(i + 1)\n            })\n          }\n          forEach(0)\n        })\n      }\n\n      if (dataTransfer.files.length) {\n        for (let i = 0; i < dataTransfer.files.length; i++) {\n          files.push(dataTransfer.files[i])\n          if (!this.multiple) {\n            break\n          }\n        }\n        return Promise.resolve(this.add(files))\n      }\n\n      return Promise.resolve([])\n    },\n\n\n    // 获得 entry\n    getEntry(entry, path = '') {\n      return new Promise((resolve, reject) => {\n        if (entry.isFile) {\n          entry.file(function (file) {\n            resolve([\n              {\n                size: file.size,\n                name: path + file.name,\n                type: file.type,\n                file,\n              }\n            ])\n          })\n        } else if (entry.isDirectory && this.dropDirectory) {\n          entry.createReader().readEntries((entries) => {\n            let files = []\n            let forEach = (i) => {\n              if (!entries[i] || (files.length && !this.multiple)) {\n                return resolve(files)\n              }\n              this.getEntry(entries[i], path + entry.name + '/').then((results) => {\n                files.push(...results)\n                forEach(i + 1)\n              })\n            }\n            forEach(0)\n          })\n        } else {\n          resolve([])\n        }\n      })\n    },\n\n\n    // 移除\n    remove(id) {\n      let file = this.get(id)\n      if (file) {\n        if (this.emitFilter(undefined, file)) {\n          return false\n        }\n        let files = this.files.concat([])\n        let index = files.indexOf(file)\n        if (index === -1) {\n          console.error('remove', file)\n          return false\n        }\n        files.splice(index, 1)\n        this.files = files\n\n        // 定位\n        delete this.maps[file.id]\n\n        // 事件\n        this.emitInput()\n        this.emitFile(undefined, file)\n      }\n      return file\n    },\n\n    // 更新\n    update(id, data) {\n      let file = this.get(id)\n      if (file) {\n        let newFile = {\n          ...file,\n          ...data\n        }\n        // 停用必须加上错误\n        if (file.fileObject && file.active && !newFile.active && !newFile.error && !newFile.success) {\n          newFile.error = 'abort'\n        }\n\n        if (this.emitFilter(newFile, file)) {\n          return false\n        }\n\n        let files = this.files.concat([])\n        let index = files.indexOf(file)\n        if (index === -1) {\n          console.error('update', file)\n          return false\n        }\n        files.splice(index, 1, newFile)\n        this.files = files\n\n        // 删除  旧定位 写入 新定位 （已便支持修改id)\n        delete this.maps[file.id]\n        this.maps[newFile.id] = newFile\n\n        // 事件\n        this.emitInput()\n        this.emitFile(newFile, file)\n        return newFile\n      }\n      return false\n    },\n\n\n    // 预处理 事件 过滤器\n    emitFilter(newFile, oldFile) {\n      let isPrevent = false\n      this.$emit('input-filter', newFile, oldFile, function () {\n        isPrevent = true\n        return isPrevent\n      })\n      return isPrevent\n    },\n\n    // 处理后 事件 分发\n    emitFile(newFile, oldFile) {\n      this.$emit('input-file', newFile, oldFile)\n      if (newFile && newFile.fileObject && newFile.active && (!oldFile || !oldFile.active)) {\n        this.uploading++\n        // 激活\n        this.$nextTick(function () {\n          setTimeout(() => {\n            this.upload(newFile).then(() => {\n              // eslint-disable-next-line\n              newFile = this.get(newFile)\n              if (newFile && newFile.fileObject) {\n                this.update(newFile, {\n                  active: false,\n                  success: !newFile.error\n                })\n              }\n            }).catch((e) => {\n              this.update(newFile, {\n                active: false,\n                success: false,\n                error: e.code || e.error || e.message || e\n              })\n            })\n          }, parseInt(Math.random() * 50 + 50, 10))\n        })\n      } else if ((!newFile || !newFile.fileObject || !newFile.active) && oldFile && oldFile.fileObject && oldFile.active) {\n        // 停止\n        this.uploading--\n      }\n\n      // 自动延续激活\n      if (this.active && (Boolean(newFile) !== Boolean(oldFile) || newFile.active !== oldFile.active)) {\n        this.watchActive(true)\n      }\n    },\n\n    emitInput() {\n      this.$emit('input', this.files)\n    },\n\n\n    // 上传\n    upload(id) {\n      let file = this.get(id)\n\n      // 被删除\n      if (!file) {\n        return Promise.reject('not_exists')\n      }\n\n      // 不是文件对象\n      if (!file.fileObject) {\n        return Promise.reject('file_object')\n      }\n\n      // 有错误直接响应\n      if (file.error) {\n        return Promise.reject(file.error)\n      }\n\n      // 已完成直接响应\n      if (file.success) {\n        return Promise.resolve(file)\n      }\n\n      // 后缀\n      let extensions = this.extensions\n      if (extensions && (extensions.length || typeof extensions.length === 'undefined')) {\n        if (typeof extensions !== 'object' || !(extensions instanceof RegExp)) {\n          if (typeof extensions === 'string') {\n            extensions = extensions.split(',').map(value => value.trim()).filter(value => value)\n          }\n          extensions = new RegExp('\\\\.(' + extensions.join('|').replace(/\\./g, '\\\\.') + ')$', 'i')\n        }\n        if (file.name.search(extensions) === -1) {\n          return Promise.reject('extension')\n        }\n      }\n\n      // 大小\n      if (this.size > 0 && file.size >= 0 && file.size > this.size) {\n        return Promise.reject('size')\n      }\n\n\n      if (this.features.html5 && file.putAction) {\n        return this.uploadPut(file)\n      } else if (this.features.html5) {\n        return this.uploadHtml5(file)\n      } else {\n        return this.uploadHtml4(file)\n      }\n    },\n\n    uploadPut(file) {\n      let querys = []\n      let value\n      for (let key in file.data) {\n        value = file.data[key]\n        if (value !== null && value !== undefined) {\n          querys.push(encodeURIComponent(key) + '=' + encodeURIComponent(value))\n        }\n      }\n      let queryString = querys.length ? (file.putAction.indexOf('?') === -1 ? '?' : '&') + querys.join('&') : ''\n      let xhr = new XMLHttpRequest()\n      xhr.open('PUT', file.putAction + queryString)\n      return this.uploadXhr(xhr, file, file.file)\n    },\n\n    uploadHtml5(file) {\n      let form = new window.FormData()\n      let value\n      for (let key in file.data) {\n        value = file.data[key]\n        if (value && typeof value === 'object' && typeof value.toString !== 'function') {\n          form.append(key, JSON.stringify(value))\n        } else if (value !== null && value !== undefined) {\n          form.append(key, value)\n        }\n      }\n      form.append(this.name, file.file)\n      let xhr = new XMLHttpRequest()\n      xhr.open('POST', file.postAction)\n      return this.uploadXhr(xhr, file, form)\n    },\n\n    uploadXhr(xhr, _file, body) {\n      let file = _file\n      let speedTime = 0\n      let speedLoaded = 0\n\n      // 进度条\n      xhr.upload.onprogress = (e) => {\n        // 还未开始上传 已删除 未激活\n        file = this.get(file)\n        if (!e.lengthComputable || !file || !file.fileObject || !file.active) {\n          return\n        }\n\n        // 进度 速度 每秒更新一次\n        let speedTime2 = Math.round(Date.now() / 1000)\n        if (speedTime2 === speedTime) {\n          return\n        }\n        speedTime = speedTime2\n\n        file = this.update(file, {\n          progress: (e.loaded / e.total * 100).toFixed(2),\n          speed: e.loaded - speedLoaded,\n        })\n        speedLoaded = e.loaded\n      }\n\n      // 检查激活状态\n      let interval = setInterval(() => {\n        file = this.get(file)\n        if (file && file.fileObject && !file.success && !file.error && file.active) {\n          return\n        }\n\n        if (interval) {\n          clearInterval(interval)\n          interval = false\n        }\n\n        try {\n          xhr.abort()\n          xhr.timeout = 1\n        } catch (e) {\n        }\n      }, 100)\n\n      return new Promise((resolve, reject) => {\n        let complete\n        let fn = (e) => {\n          // 已经处理过了\n          if (complete) {\n            return\n          }\n          complete = true\n          if (interval) {\n            clearInterval(interval)\n            interval = false\n          }\n\n          file = this.get(file)\n\n          // 不存在直接响应\n          if (!file) {\n            return reject('not_exists')\n          }\n\n          // 不是文件对象\n          if (!file.fileObject) {\n            return reject('file_object')\n          }\n\n          // 有错误自动响应\n          if (file.error) {\n            return reject(file.error)\n          }\n\n          // 未激活\n          if (!file.active) {\n            return reject('abort')\n          }\n\n\n          // 已完成 直接相应\n          if (file.success) {\n            return resolve(file)\n          }\n\n          let data = {}\n\n          switch (e.type) {\n            case 'timeout':\n            case 'abort':\n              data.error = e.type\n              break\n            case 'error':\n              if (!xhr.status) {\n                data.error = 'network'\n              } else if (xhr.status >= 500) {\n                data.error = 'server'\n              } else if (xhr.status >= 400) {\n                data.error = 'denied'\n              }\n              break\n            default:\n              if (xhr.status >= 500) {\n                data.error = 'server'\n              } else if (xhr.status >= 400) {\n                data.error = 'denied'\n              } else {\n                data.progress = '100.00'\n              }\n          }\n\n          if (xhr.responseText) {\n            let contentType = xhr.getResponseHeader('Content-Type')\n            if (contentType && contentType.indexOf('/json') !== -1) {\n              data.response = JSON.parse(xhr.responseText)\n            } else {\n              data.response = xhr.responseText\n            }\n          }\n\n          // 更新\n          file = this.update(file, data)\n\n          // 相应错误\n          if (file.error) {\n            return reject(file.error)\n          }\n\n          // 响应\n          return resolve(file)\n        }\n\n        // 事件\n        xhr.onload = fn\n        xhr.onerror = fn\n        xhr.onabort = fn\n        xhr.ontimeout = fn\n\n        // 超时\n        if (file.timeout) {\n          xhr.timeout = file.timeout\n        }\n\n        // headers\n        for (let key in file.headers) {\n          xhr.setRequestHeader(key, file.headers[key])\n        }\n\n        // 更新 xhr\n        file = this.update(file, { xhr })\n\n        // 开始上传\n        xhr.send(body)\n      })\n    },\n\n\n\n\n    uploadHtml4(_file) {\n      let file = _file\n      let onKeydown = function (e) {\n        if (e.keyCode === 27) {\n          e.preventDefault()\n        }\n      }\n\n      let iframe = document.createElement('iframe')\n      iframe.id = 'upload-iframe-' + file.id\n      iframe.name = 'upload-iframe-' + file.id\n      iframe.src = 'about:blank'\n      iframe.setAttribute('style', 'width:1px;height:1px;top:-999em;position:absolute; margin-top:-999em;')\n\n\n      let form = document.createElement('form')\n\n      form.action = file.postAction\n\n      form.name = 'upload-form-' + file.id\n\n\n      form.setAttribute('method', 'POST')\n      form.setAttribute('target', 'upload-iframe-' + file.id)\n      form.setAttribute('enctype', 'multipart/form-data')\n\n      let value\n      let input\n      for (let key in file.data) {\n        value = file.data[key]\n        if (value && typeof value === 'object' && typeof value.toString !== 'function') {\n          value = JSON.stringify(value)\n        }\n        if (value !== null && value !== undefined) {\n          input = document.createElement('input')\n          input.type = 'hidden'\n          input.name = key\n          form.appendChild(input)\n        }\n      }\n      form.appendChild(file.el)\n\n      document.body.appendChild(iframe).appendChild(form)\n\n\n\n\n      let getResponseData = function () {\n        let doc\n        try {\n          if (iframe.contentWindow) {\n            doc = iframe.contentWindow.document\n          }\n        } catch (err) {\n        }\n        if (!doc) {\n          try {\n            doc = iframe.contentDocument ? iframe.contentDocument : iframe.document\n          } catch (err) {\n            doc = iframe.document\n          }\n        }\n        if (doc && doc.body) {\n          return doc.body.innerHTML\n        }\n        return null\n      }\n\n\n      return new Promise((resolve, reject) => {\n        setTimeout(() => {\n          file = this.update(file, { iframe })\n\n          // 不存在\n          if (!file) {\n            return reject('not_exists')\n          }\n\n          // 定时检查\n          let interval = setInterval(() => {\n            file = this.get(file)\n            if (file && file.fileObject && !file.success && !file.error && file.active) {\n              return\n            }\n\n            if (interval) {\n              clearInterval(interval)\n              interval = false\n            }\n\n            iframe.onabort({ type: file ? 'abort' : 'not_exists' })\n          }, 100)\n\n\n          let complete\n          let fn = (e) => {\n            // 已经处理过了\n            if (complete) {\n              return\n            }\n            complete = true\n\n\n            if (interval) {\n              clearInterval(interval)\n              interval = false\n            }\n\n            // 关闭 esc 事件\n            document.body.removeEventListener('keydown', onKeydown)\n\n            file = this.get(file)\n\n            // 不存在直接响应\n            if (!file) {\n              return reject('not_exists')\n            }\n\n            // 不是文件对象\n            if (!file.fileObject) {\n              return reject('file_object')\n            }\n\n            // 有错误自动响应\n            if (file.error) {\n              return reject(file.error)\n            }\n\n            // 未激活\n            if (!file.active) {\n              return reject('abort')\n            }\n\n            // 已完成 直接相应\n            if (file.success) {\n              return resolve(file)\n            }\n\n            let response = getResponseData()\n            let data = {}\n            switch (e.type) {\n              case 'abort':\n                data.error = 'abort'\n                break\n              case 'error':\n                if (file.error) {\n                  data.error = file.error\n                } else if (response === null) {\n                  data.error = 'network'\n                } else {\n                  data.error = 'denied'\n                }\n                break\n              default:\n                if (file.error) {\n                  data.error = file.error\n                } else if (data === null) {\n                  data.error = 'network'\n                } else {\n                  data.progress = '100.00'\n                }\n            }\n\n            if (response !== null) {\n              if (response && response.substr(0, 1) === '{' && response.substr(response.length - 1, 1) === '}') {\n                try {\n                  response = JSON.parse(response)\n                } catch (err) {\n                }\n              }\n              data.response = response\n            }\n\n            // 更新\n            file = this.update(file, data)\n\n            if (file.error) {\n              return reject(file.error)\n            }\n\n            // 响应\n            return resolve(file)\n          }\n\n\n          // 添加事件\n          iframe.onload = fn\n          iframe.onerror = fn\n          iframe.onabort = fn\n\n\n          // 禁止 esc 键\n          document.body.addEventListener('keydown', onKeydown)\n\n          // 提交\n          form.submit()\n        }, 50)\n      }).then(function (res) {\n        iframe.parentNode && iframe.parentNode.removeChild(iframe)\n        return res\n      }).catch(function (res) {\n        iframe.parentNode && iframe.parentNode.removeChild(iframe)\n        return res\n      })\n    },\n\n\n\n    watchActive(active) {\n      let file\n      let index = 0\n      while ((file = this.files[index])) {\n        index++\n        if (!file.fileObject) {\n          // 不是文件对象\n        } else if (active && !this.destroy) {\n          if (this.uploading >= this.thread || (this.uploading && !this.features.html5)) {\n            break\n          }\n          if (!file.active && !file.error && !file.success) {\n            this.update(file, { active: true })\n          }\n        } else {\n          if (file.active) {\n            this.update(file, { active: false })\n          }\n        }\n      }\n      if (this.uploading === 0) {\n        this.active = false\n      }\n    },\n\n\n    watchDrop(_el) {\n      let el = _el\n      if (!this.features.drop) {\n        return\n      }\n\n      // 移除挂载\n      if (this.dropElement) {\n        try {\n          document.removeEventListener('dragenter', this.onDragenter, false)\n          document.removeEventListener('dragleave', this.onDragleave, false)\n          this.dropElement.removeEventListener('dragover', this.onDragover, false)\n          this.dropElement.removeEventListener('drop', this.onDrop, false)\n        } catch (e) {\n        }\n      }\n\n      if (!el) {\n        el = false\n      } else if (typeof el === 'string') {\n        el = document.querySelector(el) || this.$root.$el.querySelector(el)\n      } else if (el === true) {\n        el = this.$parent.$el\n      }\n\n      this.dropElement = el\n\n      if (this.dropElement) {\n        document.addEventListener('dragenter', this.onDragenter, false)\n        document.addEventListener('dragleave', this.onDragleave, false)\n        this.dropElement.addEventListener('dragover', this.onDragover, false)\n        this.dropElement.addEventListener('drop', this.onDrop, false)\n      }\n    },\n\n\n    onDragenter(e) {\n      e.preventDefault()\n      if (!this.dropActive) {\n        this.dropActive = true\n      }\n    },\n\n    onDragleave(e) {\n      e.preventDefault()\n      if (e.target.nodeName === 'HTML' || (e.screenX === 0 && e.screenY === 0 && e.screenY === 0 && !e.fromElement && e.offsetX < 0)) {\n        this.dropActive = false\n      }\n    },\n\n    onDragover(e) {\n      e.preventDefault()\n    },\n\n    onDrop(e) {\n      e.preventDefault()\n      this.dropActive = false\n      this.addDataTransfer(e.dataTransfer)\n    },\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// FileUpload.vue?d8d7d03a","var normalizeComponent = require(\"!../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../node_modules/vue-loader/lib/selector?type=script&index=0!./InputFile.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-67044c9c\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../node_modules/vue-loader/lib/selector?type=template&index=0!./InputFile.vue\"\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/InputFile.vue\n// module id = 43\n// module chunks = 0","<template>\n  <input\n    type=\"file\"\n    :name=\"$parent.name\"\n    :id=\"$parent.inputId || $parent.name\"\n    :accept=\"$parent.accept\"\n    @change=\"change\"\n    :webkitdirectory=\"$parent.directory && $parent.features.directory\"\n    :directory=\"$parent.directory && $parent.features.directory\"\n    :multiple=\"$parent.multiple && $parent.features.html5\"\n  />\n</template>\n<script>\nexport default {\n  methods: {\n    change(e) {\n      this.$destroy()\n      this.$parent.addInputFile(e.target)\n      // eslint-disable-next-line\n      new this.constructor({\n        parent: this.$parent,\n        el: this.$el,\n      })\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// InputFile.vue?6b0be093","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('input',{attrs:{\"type\":\"file\",\"name\":_vm.$parent.name,\"id\":_vm.$parent.inputId || _vm.$parent.name,\"accept\":_vm.$parent.accept,\"webkitdirectory\":_vm.$parent.directory && _vm.$parent.features.directory,\"directory\":_vm.$parent.directory && _vm.$parent.features.directory,\"multiple\":_vm.$parent.multiple && _vm.$parent.features.html5},on:{\"change\":_vm.change}})}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-67044c9c\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/InputFile.vue\n// module id = 45\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{class:_vm.className},[_vm._t(\"default\"),_c('input-file')],2)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-ce9890fe\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/FileUpload.vue\n// module id = 46\n// module chunks = 0","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-full\"},[_c('button',{staticClass:\"btn btn-danger float-right btn-is-option\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_c('i',{staticClass:\"fa fa-cog\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n    Options\\n  \")]),_c('h1',{staticClass:\"example-title\",attrs:{\"id\":\"example-title\"}},[_vm._v(\"Full Example\")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:\"$refs.upload && $refs.upload.dropActive\"}],staticClass:\"drop-active\"},[_c('h3',[_vm._v(\"Drop files to upload\")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isOption),expression:\"!isOption\"}],staticClass:\"upload\"},[_c('table',{staticClass:\"table table-hover\"},[_vm._m(0),_c('tbody',[(!_vm.files.length)?_c('tr',[_c('td',{attrs:{\"colspan\":\"7\"}},[_c('div',{staticClass:\"text-center p-5\"},[_vm._m(1),_c('label',{staticClass:\"btn btn-lg btn-primary\",attrs:{\"for\":_vm.name}},[_vm._v(\"Select Files\")])])])]):_vm._e(),_vm._l((_vm.files),function(file,index){return _c('tr',{key:file.id},[_c('td',[_vm._v(_vm._s(index))]),_c('td',[(file.thumb)?_c('img',{attrs:{\"src\":file.thumb,\"width\":\"40\",\"height\":\"auto\"}}):_c('span',[_vm._v(\"No Image\")])]),_c('td',[_c('div',{staticClass:\"filename\"},[_vm._v(\"\\n              \"+_vm._s(file.name)+\"\\n            \")]),(file.active || file.progress !== '0.00')?_c('div',{staticClass:\"progress\"},[_c('div',{class:{'progress-bar': true, 'progress-bar-striped': true, 'bg-danger': file.error, 'progress-bar-animated': file.active},style:({width: file.progress + '%'}),attrs:{\"role\":\"progressbar\"}},[_vm._v(_vm._s(file.progress)+\"%\")])]):_vm._e()]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.speed)))]),(file.error)?_c('td',[_vm._v(_vm._s(file.error))]):(file.success)?_c('td',[_vm._v(\"success\")]):(file.active)?_c('td',[_vm._v(\"active\")]):_c('td'),_c('td',[_c('div',{staticClass:\"btn-group\"},[_c('button',{staticClass:\"btn btn-secondary btn-sm dropdown-toggle\",attrs:{\"type\":\"button\"}},[_vm._v(\"\\n                Action\\n              \")]),_c('div',{staticClass:\"dropdown-menu\"},[_c('a',{class:{'dropdown-item': true, disabled: file.active || file.success},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();file.active || file.success ? false :  _vm.onEditFileShow(file)}}},[_vm._v(\"Edit\")]),_c('a',{class:{'dropdown-item': true, disabled: !file.active},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();file.active ? _vm.$refs.upload.update(file, {error: 'cancel'}) : false}}},[_vm._v(\"Cancel\")]),(file.active)?_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: false})}}},[_vm._v(\"Abort\")]):(file.error && _vm.$refs.upload.features.html5)?_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.update(file, {active: true, error: '', progress: '0.00'})}}},[_vm._v(\"Retry upload\")]):_c('a',{class:{'dropdown-item': true, disabled: file.success},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();file.success ? false : _vm.$refs.upload.update(file, {active: true})}}},[_vm._v(\"Upload\")]),_c('div',{staticClass:\"dropdown-divider\"}),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.remove(file)}}},[_vm._v(\"Remove\")])])])])])})],2)]),_c('div',{staticClass:\"example-foorer\"},[_c('div',{staticClass:\"footer-status float-right\"},[_vm._v(\"\\n        Drop: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.drop : false)+\",\\n        Active: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.active : false)+\",\\n        Uploaded: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.uploaded : true)+\",\\n        Drop active: \"+_vm._s(_vm.$refs.upload ? _vm.$refs.upload.dropActive : false)+\"\\n      \")]),_c('div',{staticClass:\"btn-group\"},[_c('file-upload',{ref:\"upload\",staticClass:\"btn btn-primary dropdown-toggle\",attrs:{\"post-action\":_vm.postAction,\"put-action\":_vm.putAction,\"extensions\":_vm.extensions,\"accept\":_vm.accept,\"multiple\":_vm.multiple,\"directory\":_vm.directory,\"size\":_vm.size || 0,\"thread\":_vm.thread < 1 ? 1 : (_vm.thread > 5 ? 5 : _vm.thread),\"headers\":_vm.headers,\"data\":_vm.data,\"drop\":_vm.drop,\"drop-directory\":_vm.dropDirectory},on:{\"input-filter\":_vm.inputFilter,\"input-file\":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n          Select\\n        \")]),_c('div',{staticClass:\"dropdown-menu\"},[_c('label',{staticClass:\"dropdown-item\",attrs:{\"for\":_vm.name}},[_vm._v(\"Add files\")]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":_vm.onAddFolader}},[_vm._v(\"Add folder\")]),_c('a',{staticClass:\"dropdown-item\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.addData.show = true}}},[_vm._v(\"Add data\")])])],1),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isOption),expression:\"isOption\"}],staticClass:\"option\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"accept\"}},[_vm._v(\"Accept:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.accept),expression:\"accept\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"accept\"},domProps:{\"value\":(_vm.accept)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.accept=$event.target.value}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Allow upload mime type\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"extensions\"}},[_vm._v(\"Extensions:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.extensions),expression:\"extensions\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"id\":\"extensions\"},domProps:{\"value\":(_vm.extensions)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.extensions=$event.target.value}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Allow upload file extension\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"PUT Upload:\")]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.putAction),expression:\"putAction\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"put-action\",\"id\":\"put-action\",\"value\":\"\"},domProps:{\"checked\":_vm._q(_vm.putAction,\"\")},on:{\"__c\":function($event){_vm.putAction=\"\"}}}),_vm._v(\" Off\\n        \")])]),_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.putAction),expression:\"putAction\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"radio\",\"name\":\"put-action\",\"id\":\"put-action\",\"value\":\"/upload/put\"},domProps:{\"checked\":_vm._q(_vm.putAction,\"/upload/put\")},on:{\"__c\":function($event){_vm.putAction=\"/upload/put\"}}}),_vm._v(\" On\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"After the shutdown, use the POST method to upload\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"thread\"}},[_vm._v(\"Thread:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.thread),expression:\"thread\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"max\":\"5\",\"min\":\"1\",\"id\":\"thread\"},domProps:{\"value\":(_vm.thread)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.thread=_vm._n($event.target.value)},\"blur\":function($event){_vm.$forceUpdate()}}}),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Also upload the number of files at the same time (number of threads)\")])]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"size\"}},[_vm._v(\"Max size:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.size),expression:\"size\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"min\":\"0\",\"id\":\"size\"},domProps:{\"value\":(_vm.size)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.size=_vm._n($event.target.value)},\"blur\":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"minSize\"}},[_vm._v(\"Min size:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.number\",value:(_vm.minSize),expression:\"minSize\",modifiers:{\"number\":true}}],staticClass:\"form-control\",attrs:{\"type\":\"number\",\"min\":\"0\",\"id\":\"minSize\"},domProps:{\"value\":(_vm.minSize)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.minSize=_vm._n($event.target.value)},\"blur\":function($event){_vm.$forceUpdate()}}})]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.drop),expression:\"drop\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"drop\"},domProps:{\"checked\":Array.isArray(_vm.drop)?_vm._i(_vm.drop,null)>-1:(_vm.drop)},on:{\"__c\":function($event){var $$a=_vm.drop,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.drop=$$a.concat([$$v]))}else{$$i>-1&&(_vm.drop=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.drop=$$c}}}}),_vm._v(\" Drop\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Drag and drop upload\")])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.dropDirectory),expression:\"dropDirectory\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"drop-directory\"},domProps:{\"checked\":Array.isArray(_vm.dropDirectory)?_vm._i(_vm.dropDirectory,null)>-1:(_vm.dropDirectory)},on:{\"__c\":function($event){var $$a=_vm.dropDirectory,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.dropDirectory=$$a.concat([$$v]))}else{$$i>-1&&(_vm.dropDirectory=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.dropDirectory=$$c}}}}),_vm._v(\" Drop directory\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Not checked, filter the dragged folder\")])]),_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"form-check\"},[_c('label',{staticClass:\"form-check-label\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.uploadAuto),expression:\"uploadAuto\"}],staticClass:\"form-check-input\",attrs:{\"type\":\"checkbox\",\"id\":\"upload-auto\"},domProps:{\"checked\":Array.isArray(_vm.uploadAuto)?_vm._i(_vm.uploadAuto,null)>-1:(_vm.uploadAuto)},on:{\"__c\":function($event){var $$a=_vm.uploadAuto,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.uploadAuto=$$a.concat([$$v]))}else{$$i>-1&&(_vm.uploadAuto=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.uploadAuto=$$c}}}}),_vm._v(\" Auto start\\n        \")])]),_c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Automatically activate upload\")])]),_c('div',{staticClass:\"form-group\"},[_c('button',{staticClass:\"btn btn-primary btn-lg btn-block\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.isOption = !_vm.isOption}}},[_vm._v(\"Confirm\")])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.addData.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.addData.show},attrs:{\"id\":\"modal-add-data\",\"tabindex\":\"-1\",\"role\":\"dialog\"}},[_c('div',{staticClass:\"modal-dialog\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\"Add data\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.addData.show = false}}},[_c('span',[_vm._v(\"×\")])])]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();_vm.onAddData($event)}}},[_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addData.name),expression:\"addData.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"required\":\"\",\"id\":\"name\",\"placeholder\":\"Please enter a file name\"},domProps:{\"value\":(_vm.addData.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.addData.name=$event.target.value}}}),_vm._m(2)]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"type\"}},[_vm._v(\"Type:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addData.type),expression:\"addData.type\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"required\":\"\",\"id\":\"type\",\"placeholder\":\"Please enter the MIME type\"},domProps:{\"value\":(_vm.addData.type)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.addData.type=$event.target.value}}}),_vm._m(3)]),_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"content\"}},[_vm._v(\"Content:\")]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.addData.content),expression:\"addData.content\"}],staticClass:\"form-control\",attrs:{\"required\":\"\",\"id\":\"content\",\"rows\":\"3\",\"placeholder\":\"Please enter the file contents\"},domProps:{\"value\":(_vm.addData.content)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.addData.content=$event.target.value}}})])]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.addData.show = false}}},[_vm._v(\"Close\")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Save\")])])])])])]),_c('div',{class:{'modal-backdrop': true, 'fade': true, show: _vm.editFile.show}}),_c('div',{class:{modal: true, fade: true, show: _vm.editFile.show},attrs:{\"id\":\"modal-edit-file\",\"tabindex\":\"-1\",\"role\":\"dialog\"}},[_c('div',{staticClass:\"modal-dialog modal-lg\",attrs:{\"role\":\"document\"}},[_c('div',{staticClass:\"modal-content\"},[_c('div',{staticClass:\"modal-header\"},[_c('h5',{staticClass:\"modal-title\"},[_vm._v(\"Edit file\")]),_c('button',{staticClass:\"close\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_c('span',[_vm._v(\"×\")])])]),_c('form',{on:{\"submit\":function($event){$event.preventDefault();_vm.onEditorFile($event)}}},[_c('div',{staticClass:\"modal-body\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Name:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.editFile.name),expression:\"editFile.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"required\":\"\",\"id\":\"name\",\"placeholder\":\"Please enter a file name\"},domProps:{\"value\":(_vm.editFile.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.editFile.name=$event.target.value}}})]),(_vm.editFile.show && _vm.editFile.blob && _vm.editFile.type && _vm.editFile.type.substr(0, 6) === 'image/')?_c('div',{staticClass:\"form-group\"},[_c('label',[_vm._v(\"Image: \")]),_c('div',{staticClass:\"edit-image\"},[_c('img',{ref:\"editImage\",attrs:{\"src\":_vm.editFile.blob}})]),_c('div',{staticClass:\"edit-image-tool\"},[_c('div',{staticClass:\"btn-group\",attrs:{\"role\":\"group\"}},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.rotate(-90)\"},on:{\"click\":function($event){_vm.editFile.cropper.rotate(-90)}}},[_c('i',{staticClass:\"fa fa-undo\",attrs:{\"aria-hidden\":\"true\"}})]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.rotate(90)\"},on:{\"click\":function($event){_vm.editFile.cropper.rotate(90)}}},[_c('i',{staticClass:\"fa fa-repeat\",attrs:{\"aria-hidden\":\"true\"}})])]),_c('div',{staticClass:\"btn-group\",attrs:{\"role\":\"group\"}},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.crop()\"},on:{\"click\":function($event){_vm.editFile.cropper.crop()}}},[_c('i',{staticClass:\"fa fa-check\",attrs:{\"aria-hidden\":\"true\"}})]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\",\"title\":\"cropper.clear()\"},on:{\"click\":function($event){_vm.editFile.cropper.clear()}}},[_c('i',{staticClass:\"fa fa-remove\",attrs:{\"aria-hidden\":\"true\"}})])])])]):_vm._e()]),_c('div',{staticClass:\"modal-footer\"},[_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.editFile.show = false}}},[_vm._v(\"Close\")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"}},[_vm._v(\"Save\")])])])])])]),_vm._m(4)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('thead',[_c('tr',[_c('th',[_vm._v(\"#\")]),_c('th',[_vm._v(\"Thumb\")]),_c('th',[_vm._v(\"Name\")]),_c('th',[_vm._v(\"Size\")]),_c('th',[_vm._v(\"Speed\")]),_c('th',[_vm._v(\"Status\")]),_c('th',[_vm._v(\"Action\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',[_vm._v(\"Drop files anywhere to upload\"),_c('br'),_vm._v(\"or\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Such as \"),_c('code',[_vm._v(\"filename.txt\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:\"form-text text-muted\"},[_vm._v(\"Such as \"),_c('code',[_vm._v(\"text/plain\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Full.vue\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-60fc9379\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Full.vue\n// module id = 47\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ce22c9c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Simple.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Simple.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-2ce22c9c\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Simple.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Simple.vue\n// module id = 48\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-2ce22c9c\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Simple.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"0ad055e8\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2ce22c9c\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Simple.vue\n// module id = 49\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-simple label.btn{margin-bottom:0;margin-right:1rem}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-2ce22c9c\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Simple.vue\n// module id = 50\n// module chunks = 0","<template>\n  <div class=\"example-simple\">\n    <h1 id=\"example-title\" class=\"example-title\">Simple Example</h1>\n    <div class=\"upload\">\n      <ul>\n        <li v-for=\"(file, index) in files\" :key=\"file.id\">\n          <span>{{file.name}}</span> -\n          <span>{{file.size | formatSize}}</span> -\n          <span v-if=\"file.error\">{{file.error}}</span>\n          <span v-else-if=\"file.success\">success</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else></span>\n        </li>\n      </ul>\n      <div class=\"example-btn\">\n        <file-upload\n          class=\"btn btn-primary\"\n          post-action=\"/upload/post\"\n          extensions=\"gif,jpg,jpeg,png,webp\"\n          accept=\"image/png,image/gif,image/jpeg,image/webp\"\n          :multiple=\"true\"\n          :size=\"1024 * 1024 * 10\"\n          v-model=\"files\"\n          @input-filter=\"inputFilter\"\n          @input-file=\"inputFile\"\n          ref=\"upload\">\n          <i class=\"fa fa-plus\"></i>\n          Select files\n        </file-upload>\n        <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\">\n          <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n          Start Upload\n        </button>\n        <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload.active = false\">\n          <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n          Stop Upload\n        </button>\n      </div>\n    </div>\n    <div class=\"pt-5\">\n      Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue</a>\n    </div>\n  </div>\n</template>\n<style>\n.example-simple label.btn {\n  margin-bottom: 0;\n  margin-right: 1rem;\n}\n</style>\n\n<script>\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  data() {\n    return {\n      files: [],\n    }\n  },\n\n  methods: {\n    inputFilter(newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        // Before adding a file\n        // 添加文件前\n\n        // Filter system files or hide files\n        // 过滤系统文件 和隐藏文件\n        if (/(\\/|^)(Thumbs\\.db|desktop\\.ini|\\..+)$/.test(newFile.name)) {\n          return prevent()\n        }\n\n        // Filter php html js file\n        // 过滤 php html js 文件\n        if (/\\.(php5?|html?|jsx?)$/i.test(newFile.name)) {\n          return prevent()\n        }\n      }\n    },\n\n    inputFile(newFile, oldFile) {\n      if (newFile && !oldFile) {\n        // add\n        console.log('add', newFile)\n      }\n      if (newFile && oldFile) {\n        // update\n        console.log('update', newFile)\n      }\n\n      if (!newFile && oldFile) {\n        // remove\n        console.log('remove', oldFile)\n      }\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Simple.vue?394c711a","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-simple\"},[_c('h1',{staticClass:\"example-title\",attrs:{\"id\":\"example-title\"}},[_vm._v(\"Simple Example\")]),_c('div',{staticClass:\"upload\"},[_c('ul',_vm._l((_vm.files),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(\" -\\n        \"),_c('span',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_vm._v(\" -\\n        \"),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v(\"success\")]):(file.active)?_c('span',[_vm._v(\"active\")]):(file.active)?_c('span',[_vm._v(\"active\")]):_c('span')])})),_c('div',{staticClass:\"example-btn\"},[_c('file-upload',{ref:\"upload\",staticClass:\"btn btn-primary\",attrs:{\"post-action\":\"/upload/post\",\"extensions\":\"gif,jpg,jpeg,png,webp\",\"accept\":\"image/png,image/gif,image/jpeg,image/webp\",\"multiple\":true,\"size\":1024 * 1024 * 10},on:{\"input-filter\":_vm.inputFilter,\"input-file\":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n        Select files\\n      \")]),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])],1)]),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-2ce22c9c\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Simple.vue\n// module id = 52\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6a2e90c3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Avatar.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Avatar.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-6a2e90c3\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Avatar.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Avatar.vue\n// module id = 53\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-6a2e90c3\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Avatar.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"dadd018e\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6a2e90c3\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Avatar.vue\n// module id = 54\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-avatar .avatar-upload .rounded-circle{width:200px;height:200px}.example-avatar .text-center .btn{margin:0 .5rem}.example-avatar .avatar-edit-image{max-width:100%}.example-avatar .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-avatar .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-6a2e90c3\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Avatar.vue\n// module id = 55\n// module chunks = 0","<template>\n  <div class=\"example-avatar\">\n    <div v-show=\"$refs.upload && $refs.upload.dropActive\" class=\"drop-active\">\n      <h3>Drop files to upload</h3>\n    </div>\n    <div class=\"avatar-upload\"  v-show=\"!edit\">\n      <div class=\"text-center p-2\">\n        <label for=\"avatar\">\n          <img :src=\"files.length ? files[0].url : 'https://www.gravatar.com/avatar/default?s=200&r=pg&d=mm'\"  class=\"rounded-circle\" />\n          <h4 class=\"pt-2\">or<br/>Drop files anywhere to upload</h4>\n        </label>\n      </div>\n      <div class=\"text-center p-2\">\n        <file-upload\n          extensions=\"gif,jpg,jpeg,png,webp\"\n          accept=\"image/png,image/gif,image/jpeg,image/webp\"\n          name=\"avatar\"\n          class=\"btn btn-primary\"\n          post-action=\"/upload/post\"\n          :drop=\"!edit\"\n          v-model=\"files\"\n          @input-filter=\"inputFilter\"\n          @input-file=\"inputFile\"\n          ref=\"upload\">\n          Upload avatar\n        </file-upload>\n      </div>\n    </div>\n\n    <div class=\"avatar-edit\" v-show=\"files.length && edit\">\n      <div class=\"avatar-edit-image\" v-if=\"files.length\">\n        <img ref=\"editImage\" :src=\"files[0].url\" />\n      </div>\n      <div class=\"text-center p-4\">\n        <button type=\"button\" class=\"btn btn-secondary\" @click.prevent=\"$refs.upload.clear\">Cancel</button>\n        <button type=\"submit\" class=\"btn btn-primary\" @click.prevent=\"editSave\">Save</button>\n      </div>\n    </div>\n    <div class=\"pt-5\">\n      Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue</a>\n    </div>\n  </div>\n</template>\n<style>\n.example-avatar .avatar-upload .rounded-circle {\n  width: 200px;\n  height: 200px;\n}\n.example-avatar .text-center .btn {\n  margin: 0 .5rem\n\n}\n.example-avatar .avatar-edit-image {\n  max-width: 100%\n}\n\n\n.example-avatar .drop-active {\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  position: fixed;\n  z-index: 9999;\n  opacity: .6;\n  text-align: center;\n  background: #000;\n}\n\n.example-avatar .drop-active h3 {\n  margin: -.5em 0 0;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  font-size: 40px;\n  color: #fff;\n  padding: 0;\n}\n</style>\n\n\n<script>\nimport Cropper from 'cropperjs'\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  data() {\n    return {\n      files: [],\n      edit: false,\n      cropper: false,\n    }\n  },\n\n  watch: {\n    edit(value) {\n      if (value) {\n        this.$nextTick(function () {\n          if (!this.$refs.editImage) {\n            return\n          }\n          let cropper = new Cropper(this.$refs.editImage, {\n            aspectRatio: 1 / 1,\n            viewMode: 1,\n            minContainerHeight: 300,\n          })\n          this.cropper = cropper\n        })\n      } else {\n        if (this.cropper) {\n          this.cropper.destroy()\n          this.cropper = false\n        }\n      }\n    }\n  },\n\n  methods: {\n    async editSave() {\n      this.edit = false\n      let blob = await new Promise((resolve, reject) => {\n        this.cropper.getCroppedCanvas().toBlob(function (value) {\n          resolve(value)\n        })\n      })\n      let file = new File([blob], this.files[0].name, { type: blob.type })\n      this.$refs.upload.update(this.files[0].id, {\n        file,\n        type: file.type,\n        size: file.size,\n        active: true,\n      })\n    },\n\n    alert(message) {\n      alert(message)\n    },\n\n    inputFile(newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        this.$nextTick(function () {\n          this.edit = true\n        })\n      }\n      if (!newFile && oldFile) {\n        this.edit = false\n      }\n    },\n\n    inputFilter(newFile, oldFile, prevent) {\n      if (newFile && !oldFile) {\n        if (!/\\.(gif|jpg|jpeg|png|webp)$/i.test(newFile.name)) {\n          this.alert('Your choice is not a picture')\n          return prevent()\n        }\n      }\n\n      if (newFile && (!oldFile || newFile.file !== oldFile.file)) {\n        newFile.url = ''\n        let URL = window.URL || window.webkitURL\n        if (URL && URL.createObjectURL) {\n          newFile.url = URL.createObjectURL(newFile.file)\n        }\n      }\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Avatar.vue?359f685a","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-avatar\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:\"$refs.upload && $refs.upload.dropActive\"}],staticClass:\"drop-active\"},[_c('h3',[_vm._v(\"Drop files to upload\")])]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.edit),expression:\"!edit\"}],staticClass:\"avatar-upload\"},[_c('div',{staticClass:\"text-center p-2\"},[_c('label',{attrs:{\"for\":\"avatar\"}},[_c('img',{staticClass:\"rounded-circle\",attrs:{\"src\":_vm.files.length ? _vm.files[0].url : 'https://www.gravatar.com/avatar/default?s=200&r=pg&d=mm'}}),_vm._m(0)])]),_c('div',{staticClass:\"text-center p-2\"},[_c('file-upload',{ref:\"upload\",staticClass:\"btn btn-primary\",attrs:{\"extensions\":\"gif,jpg,jpeg,png,webp\",\"accept\":\"image/png,image/gif,image/jpeg,image/webp\",\"name\":\"avatar\",\"post-action\":\"/upload/post\",\"drop\":!_vm.edit},on:{\"input-filter\":_vm.inputFilter,\"input-file\":_vm.inputFile},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}},[_vm._v(\"\\n        Upload avatar\\n      \")])],1)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.files.length && _vm.edit),expression:\"files.length && edit\"}],staticClass:\"avatar-edit\"},[(_vm.files.length)?_c('div',{staticClass:\"avatar-edit-image\"},[_c('img',{ref:\"editImage\",attrs:{\"src\":_vm.files[0].url}})]):_vm._e(),_c('div',{staticClass:\"text-center p-4\"},[_c('button',{staticClass:\"btn btn-secondary\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.clear($event)}}},[_vm._v(\"Cancel\")]),_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"submit\"},on:{\"click\":function($event){$event.preventDefault();_vm.editSave($event)}}},[_vm._v(\"Save\")])])]),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',{staticClass:\"pt-2\"},[_vm._v(\"or\"),_c('br'),_vm._v(\"Drop files anywhere to upload\")])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-6a2e90c3\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Avatar.vue\n// module id = 57\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-410878c4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Drag.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Drag.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-410878c4\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Drag.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Drag.vue\n// module id = 58\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-410878c4\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Drag.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"1705c8e8\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-410878c4\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Drag.vue\n// module id = 59\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-drag label.btn{margin-bottom:0;margin-right:1rem}.example-drag .drop-active{top:0;bottom:0;right:0;left:0;position:fixed;z-index:9999;opacity:.6;text-align:center;background:#000}.example-drag .drop-active h3{margin:-.5em 0 0;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-size:40px;color:#fff;padding:0}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-410878c4\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Drag.vue\n// module id = 60\n// module chunks = 0","<template>\n  <div class=\"example-drag\">\n    <div class=\"upload\">\n      <ul v-if=\"files.length\">\n        <li v-for=\"(file, index) in files\" :key=\"file.id\">\n          <span>{{file.name}}</span> -\n          <span>{{file.size | formatSize}}</span> -\n          <span v-if=\"file.error\">{{file.error}}</span>\n          <span v-else-if=\"file.success\">success</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else></span>\n        </li>\n      </ul>\n      <ul v-else>\n        <td colspan=\"7\">\n          <div class=\"text-center p-5\">\n            <h4>Drop files anywhere to upload<br/>or</h4>\n            <label for=\"file\" class=\"btn btn-lg btn-primary\">Select Files</label>\n          </div>\n        </td>\n      </ul>\n\n      <div v-show=\"$refs.upload && $refs.upload.dropActive\" class=\"drop-active\">\n    \t\t<h3>Drop files to upload</h3>\n      </div>\n\n      <div class=\"example-btn\">\n        <file-upload\n          class=\"btn btn-primary\"\n          post-action=\"/upload/post\"\n          :multiple=\"true\"\n          :drop=\"true\"\n          :drop-directory=\"true\"\n          v-model=\"files\"\n          ref=\"upload\">\n          <i class=\"fa fa-plus\"></i>\n          Select files\n        </file-upload>\n        <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\">\n          <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n          Start Upload\n        </button>\n        <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload.active = false\">\n          <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n          Stop Upload\n        </button>\n      </div>\n    </div>\n\n    <div class=\"pt-5\">\n      Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue</a>\n    </div>\n  </div>\n</template>\n<style>\n.example-drag label.btn {\n  margin-bottom: 0;\n  margin-right: 1rem;\n}\n\n\n.example-drag .drop-active {\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  position: fixed;\n  z-index: 9999;\n  opacity: .6;\n  text-align: center;\n  background: #000;\n}\n\n.example-drag .drop-active h3 {\n  margin: -.5em 0 0;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  right: 0;\n  -webkit-transform: translateY(-50%);\n  -ms-transform: translateY(-50%);\n  transform: translateY(-50%);\n  font-size: 40px;\n  color: #fff;\n  padding: 0;\n}\n</style>\n\n<script>\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  data() {\n    return {\n      files: [],\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Drag.vue?245d44a4","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-drag\"},[_c('div',{staticClass:\"upload\"},[(_vm.files.length)?_c('ul',_vm._l((_vm.files),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(\" -\\n        \"),_c('span',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_vm._v(\" -\\n        \"),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v(\"success\")]):(file.active)?_c('span',[_vm._v(\"active\")]):(file.active)?_c('span',[_vm._v(\"active\")]):_c('span')])})):_c('ul',[_vm._m(0)]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$refs.upload && _vm.$refs.upload.dropActive),expression:\"$refs.upload && $refs.upload.dropActive\"}],staticClass:\"drop-active\"},[_c('h3',[_vm._v(\"Drop files to upload\")])]),_c('div',{staticClass:\"example-btn\"},[_c('file-upload',{ref:\"upload\",staticClass:\"btn btn-primary\",attrs:{\"post-action\":\"/upload/post\",\"multiple\":true,\"drop\":true,\"drop-directory\":true},model:{value:(_vm.files),callback:function ($$v) {_vm.files=$$v},expression:\"files\"}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n        Select files\\n      \")]),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])],1)]),_vm._m(1)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',{attrs:{\"colspan\":\"7\"}},[_c('div',{staticClass:\"text-center p-5\"},[_c('h4',[_vm._v(\"Drop files anywhere to upload\"),_c('br'),_vm._v(\"or\")]),_c('label',{staticClass:\"btn btn-lg btn-primary\",attrs:{\"for\":\"file\"}},[_vm._v(\"Select Files\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-410878c4\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Drag.vue\n// module id = 62\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1d5e357a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Multiple.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Multiple.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-1d5e357a\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Multiple.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Multiple.vue\n// module id = 63\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-1d5e357a\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Multiple.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"578cf3f8\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1d5e357a\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Multiple.vue\n// module id = 64\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-multiple label.btn{margin-bottom:0;margin-right:1rem}.example-multiple .upload{margin-bottom:1rem}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-1d5e357a\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Multiple.vue\n// module id = 65\n// module chunks = 0","<template>\n  <div class=\"example-multiple\">\n    <h1 id=\"example-title\" class=\"example-title\">Multiple instances</h1>\n    <div class=\"upload\">\n      <ul>\n        <li v-for=\"(file, index) in files1\" :key=\"file.id\">\n          <span>{{file.name}}</span> -\n          <span>{{file.size | formatSize}}</span> -\n          <span v-if=\"file.error\">{{file.error}}</span>\n          <span v-else-if=\"file.success\">success</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else></span>\n        </li>\n      </ul>\n      <div class=\"example-btn\">\n        <file-upload\n        class=\"btn btn-primary\"\n          input-id=\"file1\"\n          post-action=\"/upload/post\"\n          v-model=\"files1\"\n          ref=\"upload1\">\n          <i class=\"fa fa-plus\"></i>\n          Select files\n        </file-upload>\n        <label for=\"file1\" class=\"btn btn-primary\">Label Select files</label>\n        <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload1 || !$refs.upload1.active\" @click.prevent=\"$refs.upload1.active = true\">\n          <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n          Start Upload\n        </button>\n        <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload1.active = false\">\n          <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n          Stop Upload\n        </button>\n      </div>\n    </div>\n\n\n    <div class=\"upload\">\n      <ul>\n        <li v-for=\"(file, index) in files2\" :key=\"file.id\">\n          <span>{{file.name}}</span> -\n          <span>{{file.size | formatSize}}</span> -\n          <span v-if=\"file.error\">{{file.error}}</span>\n          <span v-else-if=\"file.success\">success</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else></span>\n        </li>\n      </ul>\n      <div class=\"example-btn\">\n        <file-upload\n          class=\"btn btn-primary\"\n          input-id=\"file2\"\n          post-action=\"/upload/post\"\n          v-model=\"files2\"\n          ref=\"upload2\">\n          <i class=\"fa fa-plus\"></i>\n          Select files\n        </file-upload>\n        <label for=\"file2\" class=\"btn btn-primary\">Label Select files</label>\n        <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload2 || !$refs.upload2.active\" @click.prevent=\"$refs.upload2.active = true\">\n          <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n          Start Upload\n        </button>\n        <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload2.active = false\">\n          <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n          Stop Upload\n        </button>\n      </div>\n    </div>\n    <div class=\"pt-5\">\n      Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue</a>\n    </div>\n  </div>\n</template>\n<style>\n.example-multiple label.btn {\n  margin-bottom: 0;\n  margin-right: 1rem;\n}\n.example-multiple .upload {\n  margin-bottom: 1rem;\n}\n</style>\n\n<script>\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  data() {\n    return {\n      files1: [],\n      files2: [],\n    }\n  },\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Multiple.vue?b92c1bc2","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-multiple\"},[_c('h1',{staticClass:\"example-title\",attrs:{\"id\":\"example-title\"}},[_vm._v(\"Multiple instances\")]),_c('div',{staticClass:\"upload\"},[_c('ul',_vm._l((_vm.files1),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(\" -\\n        \"),_c('span',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_vm._v(\" -\\n        \"),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v(\"success\")]):(file.active)?_c('span',[_vm._v(\"active\")]):(file.active)?_c('span',[_vm._v(\"active\")]):_c('span')])})),_c('div',{staticClass:\"example-btn\"},[_c('file-upload',{ref:\"upload1\",staticClass:\"btn btn-primary\",attrs:{\"input-id\":\"file1\",\"post-action\":\"/upload/post\"},model:{value:(_vm.files1),callback:function ($$v) {_vm.files1=$$v},expression:\"files1\"}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n        Select files\\n      \")]),_c('label',{staticClass:\"btn btn-primary\",attrs:{\"for\":\"file1\"}},[_vm._v(\"Label Select files\")]),(!_vm.$refs.upload1 || !_vm.$refs.upload1.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload1.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload1.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])],1)]),_c('div',{staticClass:\"upload\"},[_c('ul',_vm._l((_vm.files2),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(\" -\\n        \"),_c('span',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_vm._v(\" -\\n        \"),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v(\"success\")]):(file.active)?_c('span',[_vm._v(\"active\")]):(file.active)?_c('span',[_vm._v(\"active\")]):_c('span')])})),_c('div',{staticClass:\"example-btn\"},[_c('file-upload',{ref:\"upload2\",staticClass:\"btn btn-primary\",attrs:{\"input-id\":\"file2\",\"post-action\":\"/upload/post\"},model:{value:(_vm.files2),callback:function ($$v) {_vm.files2=$$v},expression:\"files2\"}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n        Select files\\n      \")]),_c('label',{staticClass:\"btn btn-primary\",attrs:{\"for\":\"file2\"}},[_vm._v(\"Label Select files\")]),(!_vm.$refs.upload2 || !_vm.$refs.upload2.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload2.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload2.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])],1)]),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-1d5e357a\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Multiple.vue\n// module id = 67\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5872e1c8\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Vuex.vue\")\n}\nvar normalizeComponent = require(\"!../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../../node_modules/vue-loader/lib/selector?type=script&index=0!./Vuex.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5872e1c8\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../../node_modules/vue-loader/lib/selector?type=template&index=0!./Vuex.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/examples/Vuex.vue\n// module id = 68\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/index.js?minimize!../../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-5872e1c8\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./Vuex.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"3c76ed06\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5872e1c8\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Vuex.vue\n// module id = 69\n// module chunks = 0","exports = module.exports = require(\"../../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \".example-simple label.btn{margin-bottom:0;margin-right:1rem}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-5872e1c8\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/examples/Vuex.vue\n// module id = 70\n// module chunks = 0","<template>\n  <div class=\"example-simple\">\n    <h1 id=\"example-title\" class=\"example-title\">Simple Example</h1>\n    <div class=\"upload\">\n      <ul>\n        <li v-for=\"(file, index) in files\" :key=\"file.id\">\n          <span>{{file.name}}</span> -\n          <span>{{file.size | formatSize}}</span> -\n          <span v-if=\"file.error\">{{file.error}}</span>\n          <span v-else-if=\"file.success\">success</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else-if=\"file.active\">active</span>\n          <span v-else></span>\n        </li>\n      </ul>\n      <div class=\"example-btn\">\n        <file-upload\n          class=\"btn btn-primary\"\n          post-action=\"/upload/post\"\n          extensions=\"gif,jpg,jpeg,png,webp\"\n          accept=\"image/png,image/gif,image/jpeg,image/webp\"\n          :multiple=\"true\"\n          :size=\"1024 * 1024 * 10\"\n          :value=\"files\"\n          @input=\"inputUpdate\"\n          ref=\"upload\">\n          <i class=\"fa fa-plus\"></i>\n          Select files\n        </file-upload>\n        <button type=\"button\" class=\"btn btn-success\" v-if=\"!$refs.upload || !$refs.upload.active\" @click.prevent=\"$refs.upload.active = true\">\n          <i class=\"fa fa-arrow-up\" aria-hidden=\"true\"></i>\n          Start Upload\n        </button>\n        <button type=\"button\" class=\"btn btn-danger\"  v-else @click.prevent=\"$refs.upload.active = false\">\n          <i class=\"fa fa-stop\" aria-hidden=\"true\"></i>\n          Stop Upload\n        </button>\n      </div>\n    </div>\n    <div class=\"pt-5\">\n      Source code: <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue</a><br/>\n      <a href=\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js\">https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js</a>\n    </div>\n  </div>\n</template>\n<style>\n.example-simple label.btn {\n  margin-bottom: 0;\n  margin-right: 1rem;\n}\n</style>\n\n<script>\nimport { mapState } from 'vuex'\nimport FileUpload from 'vue-upload-component'\nexport default {\n  components: {\n    FileUpload,\n  },\n\n  computed: {\n    ...mapState([\n      'files',\n    ])\n  },\n\n  methods: {\n    inputUpdate(files) {\n      this.$store.commit('updateFiles', files)\n    },\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// Vuex.vue?9d14d79a","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"example-simple\"},[_c('h1',{staticClass:\"example-title\",attrs:{\"id\":\"example-title\"}},[_vm._v(\"Simple Example\")]),_c('div',{staticClass:\"upload\"},[_c('ul',_vm._l((_vm.files),function(file,index){return _c('li',{key:file.id},[_c('span',[_vm._v(_vm._s(file.name))]),_vm._v(\" -\\n        \"),_c('span',[_vm._v(_vm._s(_vm._f(\"formatSize\")(file.size)))]),_vm._v(\" -\\n        \"),(file.error)?_c('span',[_vm._v(_vm._s(file.error))]):(file.success)?_c('span',[_vm._v(\"success\")]):(file.active)?_c('span',[_vm._v(\"active\")]):(file.active)?_c('span',[_vm._v(\"active\")]):_c('span')])})),_c('div',{staticClass:\"example-btn\"},[_c('file-upload',{ref:\"upload\",staticClass:\"btn btn-primary\",attrs:{\"post-action\":\"/upload/post\",\"extensions\":\"gif,jpg,jpeg,png,webp\",\"accept\":\"image/png,image/gif,image/jpeg,image/webp\",\"multiple\":true,\"size\":1024 * 1024 * 10,\"value\":_vm.files},on:{\"input\":_vm.inputUpdate}},[_c('i',{staticClass:\"fa fa-plus\"}),_vm._v(\"\\n        Select files\\n      \")]),(!_vm.$refs.upload || !_vm.$refs.upload.active)?_c('button',{staticClass:\"btn btn-success\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = true}}},[_c('i',{staticClass:\"fa fa-arrow-up\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Start Upload\\n      \")]):_c('button',{staticClass:\"btn btn-danger\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.$refs.upload.active = false}}},[_c('i',{staticClass:\"fa fa-stop\",attrs:{\"aria-hidden\":\"true\"}}),_vm._v(\"\\n        Stop Upload\\n      \")])],1)]),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pt-5\"},[_vm._v(\"\\n    Source code: \"),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue\")]),_c('br'),_c('a',{attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js\"}},[_vm._v(\"https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js\")])])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-5872e1c8\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/examples/Vuex.vue\n// module id = 72\n// module chunks = 0","function injectStyle (ssrContext) {\n  require(\"!!vue-style-loader!css-loader?minimize!../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7c3db476\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./App.vue\")\n}\nvar normalizeComponent = require(\"!../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nimport __vue_script__ from \"!!babel-loader?{\\\"presets\\\":[[\\\"env\\\",{\\\"modules\\\":false}],\\\"stage-0\\\"],\\\"plugins\\\":[[\\\"transform-runtime\\\",{\\\"helpers\\\":false,\\\"polyfill\\\":false,\\\"regenerator\\\":true,\\\"moduleName\\\":\\\"babel-runtime\\\"}]],\\\"cacheDirectory\\\":false}!../../node_modules/vue-loader/lib/selector?type=script&index=0!./App.vue\"\n/* template */\nimport __vue_template__ from \"!!../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-7c3db476\\\",\\\"hasScoped\\\":false,\\\"preserveWhitespace\\\":false}!../../node_modules/vue-loader/lib/selector?type=template&index=0!./App.vue\"\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./docs/views/App.vue\n// module id = 73\n// module chunks = 0","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../node_modules/css-loader/index.js?minimize!../../node_modules/vue-loader/lib/style-compiler/index.js?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-7c3db476\\\",\\\"scoped\\\":false,\\\"hasInlineConfig\\\":false}!../../node_modules/vue-loader/lib/selector.js?type=styles&index=0!./App.vue\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar update = require(\"!../../node_modules/vue-style-loader/lib/addStylesClient.js\")(\"f51f536e\", content, true);\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-style-loader!./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-7c3db476\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/App.vue\n// module id = 74\n// module chunks = 0","exports = module.exports = require(\"../../node_modules/css-loader/lib/css-base.js\")(undefined);\n// imports\n\n\n// module\nexports.push([module.id, \"#header{position:-webkit-sticky;position:sticky;top:0;z-index:1071}#sidebar{background:#fff;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}@media (min-width:768px){#sidebar{position:-webkit-sticky;position:sticky;top:3.5rem;z-index:1000;max-height:calc(100vh - 3.5rem);border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}}#sidebar-nav{padding-top:1rem;padding-bottom:1rem;margin-right:-15px;margin-left:-15px;max-height:100%;overflow-y:auto}#sidebar-nav .nav{display:block}#sidebar-nav .nav .nav-item .nav{display:none;margin-bottom:1rem}#sidebar-nav .nav .active+.nav,#sidebar-nav .nav .nav-item.active .nav{display:block}@media (min-width:768px){#sidebar-nav .nav .nav-item .nav{display:block}}#sidebar-nav .nav .active>.nav-link,#sidebar-nav .nav .nav-link.active{color:#262626;font-weight:500}#sidebar-nav .nav-item .nav-link{padding:.25rem 1rem;font-weight:500;color:#666}#sidebar-nav .nav-item .nav-item .nav-link{font-weight:400;font-size:85%;margin-left:1rem}#main{padding-top:1rem;margin-bottom:2rem}blockquote{margin-bottom:1rem;font-size:1.25rem;padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5}pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:3px}.modal-backdrop.fade{visibility:hidden}.modal-backdrop.fade.show{visibility:visible}.fade.show{display:block;z-index:1072}\", \"\"]);\n\n// exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/css-loader?minimize!./node_modules/vue-loader/lib/style-compiler?{\"vue\":true,\"id\":\"data-v-7c3db476\",\"scoped\":false,\"hasInlineConfig\":false}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./docs/views/App.vue\n// module id = 75\n// module chunks = 0","<template>\n  <div>\n    <header id=\"header\" class=\"navbar navbar-expand-lg navbar-dark bg-dark\">\n      <router-link :exact=\"true\" class=\"navbar-brand\"  :to=\"'/' | toLocale\">{{$t('header.logo')}}</router-link>\n      <button class=\"navbar-toggler\" type=\"button\" @click.prevent=\"showNav = !showNav\">\n        <span class=\"navbar-toggler-icon\"></span>\n      </button>\n      <nav :class=\"{collapse: true, 'navbar-collapse': true, show: showNav}\" id=\"navbar\">\n        <ul class=\"navbar-nav\">\n          <li class=\"nav-item\">\n            <router-link active-class=\"active\" :exact=\"true\" :class=\"'nav-link' + ($route.path === '/' ? ' active' : '')\"  :to=\"'/' | toLocale\">{{$t('header.home')}}</router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link active-class=\"active\" class=\"nav-link\" :to=\"'/documents' | toLocale\">{{$t('header.documents')}}</router-link>\n          </li>\n          <li class=\"nav-item\">\n            <router-link active-class=\"active\" class=\"nav-link\" :to=\"'/examples' | toLocale\">{{$t('header.examples')}}</router-link>\n          </li>\n          <li class=\"nav-item\">\n            <a rel=\"license noopener\" class=\"nav-link\" href=\"https://www.lianyue.org\" target=\"_blank\">{{$t('header.blog')}}</a>\n          </li>\n        </ul>\n        <ul class=\"navbar-nav ml-md-auto\">\n          <li class=\"nav-item dropdown\">\n            <a class=\"nav-link dropdown-toggle\" href=\"#\" @click.prevent=\"onLocale(true)\" @focus=\"onLocale(true)\" @blur=\"onLocale(false)\">\n              {{$t('header.locale')}}\n            </a>\n            <div :class=\"{'dropdown-menu': true, show: showLocale}\" @blur=\"onLocale(false)\">\n              <router-link class=\"dropdown-item\" :to=\"'/' + name + ($route.params.locale ? $route.fullPath.substr($route.params.locale.length + 1) : $route.fullPath)\" v-for=\"(value, name) in locale\" :key=\"name\">{{value}}</router-link>\n            </div>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"https://github.com/lian-yue/vue-upload-component/issues\">\n              {{$t('header.issues')}}\n            </a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link\" href=\"https://github.com/lian-yue/vue-upload-component\">\n              {{$t('header.github')}}\n            </a>\n          </li>\n        </ul>\n      </nav>\n    </header>\n    <router-view></router-view>\n  </div>\n</template>\n<style>\n#header {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  z-index: 1071;\n}\n#sidebar {\n  background: #fff;\n  border-right: 1px solid #e5e5e5;\n  border-bottom: 1px solid #e5e5e5;\n}\n\n@media (min-width: 768px) {\n  #sidebar {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 3.5rem;\n    z-index: 1000;\n    max-height: calc(100vh - 3.5rem);\n    border-right: 1px solid #e5e5e5;\n    border-bottom: 1px solid #e5e5e5;\n  }\n}\n\n#sidebar-nav {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  margin-right: -15px;\n  margin-left: -15px;\n  max-height: 100%;\n  overflow-y: auto;\n}\n#sidebar-nav .nav {\n  display: block;\n}\n\n#sidebar-nav .nav .nav-item .nav {\n  display: none;\n  margin-bottom: 1rem;\n}\n#sidebar-nav .nav .nav-item .nav {\n  display: none;\n  margin-bottom: 1rem;\n}\n\n#sidebar-nav .nav .nav-item.active .nav, #sidebar-nav .nav .active + .nav {\n  display: block;\n}\n\n@media (min-width: 768px) {\n  #sidebar-nav .nav .nav-item .nav {\n    display: block;\n  }\n}\n\n#sidebar-nav .nav .nav-link.active, #sidebar-nav .nav .active > .nav-link{\n  color: #262626;\n  font-weight: 500;\n}\n\n#sidebar-nav .nav-item .nav-link {\n  padding: .25rem 1rem;\n  font-weight: 500;\n  color: #666\n}\n\n#sidebar-nav .nav-item .nav-item .nav-link {\n  font-weight: 400;\n  font-size: 85%;\n  margin-left: 1rem\n}\n\n#main {\n  padding-top: 1rem;\n  margin-bottom: 2rem\n}\n\n\nblockquote {\n  margin-bottom: 1rem;\n  font-size: 1.25rem;\n  padding: 0 1em;\n  color: #6a737d;\n  border-left: 0.25em solid #dfe2e5;\n}\n\npre {\n  padding: 16px;\n  overflow: auto;\n  font-size: 85%;\n  line-height: 1.45;\n  background-color: #f6f8fa;\n  border-radius: 3px;\n}\n\n.modal-backdrop.fade {\n  visibility: hidden;\n}\n.modal-backdrop.fade.show {\n  visibility: visible;\n}\n\n.fade.show {\n  display: block;\n  z-index: 1072;\n}\n</style>\n<script>\nexport default {\n  data() {\n    return {\n      showLocale: false,\n      showNav: false,\n    }\n  },\n  beforeCreate() {\n    if (this.$route.params.locale && this.$route.params.locale !== this.$i18n.locale) {\n      this.$i18n.locale = this.$route.params.locale\n    }\n  },\n  beforeUpdate() {\n    if (this.$route.params.locale && this.$route.params.locale !== this.$i18n.locale) {\n      this.$i18n.locale = this.$route.params.locale\n    }\n  },\n  computed: {\n    locale() {\n      let i18n = this.$i18n\n      return i18n.messages[i18n.locale].locale\n    },\n  },\n  methods: {\n    onLocale(show) {\n      if (show) {\n        this.showLocale = show\n      } else {\n        setTimeout(() => {\n          this.showLocale = show\n        }, 128)\n      }\n    }\n  }\n}\n</script>\n\n\n\n// WEBPACK FOOTER //\n// App.vue?41741f1e","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('header',{staticClass:\"navbar navbar-expand-lg navbar-dark bg-dark\",attrs:{\"id\":\"header\"}},[_c('router-link',{staticClass:\"navbar-brand\",attrs:{\"exact\":true,\"to\":_vm._f(\"toLocale\")('/')}},[_vm._v(_vm._s(_vm.$t('header.logo')))]),_c('button',{staticClass:\"navbar-toggler\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();_vm.showNav = !_vm.showNav}}},[_c('span',{staticClass:\"navbar-toggler-icon\"})]),_c('nav',{class:{collapse: true, 'navbar-collapse': true, show: _vm.showNav},attrs:{\"id\":\"navbar\"}},[_c('ul',{staticClass:\"navbar-nav\"},[_c('li',{staticClass:\"nav-item\"},[_c('router-link',{class:'nav-link' + (_vm.$route.path === '/' ? ' active' : ''),attrs:{\"active-class\":\"active\",\"exact\":true,\"to\":_vm._f(\"toLocale\")('/')}},[_vm._v(_vm._s(_vm.$t('header.home')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/documents')}},[_vm._v(_vm._s(_vm.$t('header.documents')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('router-link',{staticClass:\"nav-link\",attrs:{\"active-class\":\"active\",\"to\":_vm._f(\"toLocale\")('/examples')}},[_vm._v(_vm._s(_vm.$t('header.examples')))])],1),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"rel\":\"license noopener\",\"href\":\"https://www.lianyue.org\",\"target\":\"_blank\"}},[_vm._v(_vm._s(_vm.$t('header.blog')))])])]),_c('ul',{staticClass:\"navbar-nav ml-md-auto\"},[_c('li',{staticClass:\"nav-item dropdown\"},[_c('a',{staticClass:\"nav-link dropdown-toggle\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();_vm.onLocale(true)},\"focus\":function($event){_vm.onLocale(true)},\"blur\":function($event){_vm.onLocale(false)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('header.locale'))+\"\\n          \")]),_c('div',{class:{'dropdown-menu': true, show: _vm.showLocale},on:{\"blur\":function($event){_vm.onLocale(false)}}},_vm._l((_vm.locale),function(value,name){return _c('router-link',{key:name,staticClass:\"dropdown-item\",attrs:{\"to\":'/' + name + (_vm.$route.params.locale ? _vm.$route.fullPath.substr(_vm.$route.params.locale.length + 1) : _vm.$route.fullPath)}},[_vm._v(_vm._s(value))])}))]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component/issues\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('header.issues'))+\"\\n          \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link\",attrs:{\"href\":\"https://github.com/lian-yue/vue-upload-component\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('header.github'))+\"\\n          \")])])])])],1),_c('router-view')],1)}\nvar staticRenderFns = []\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-7c3db476\",\"hasScoped\":false,\"preserveWhitespace\":false}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./docs/views/App.vue\n// module id = 77\n// module chunks = 0"],"sourceRoot":""}
\ No newline at end of file
diff --git a/docs/docs/en.md b/docs/docs/en.md
index 7755f9e..4571c99 100644
--- a/docs/docs/en.md
+++ b/docs/docs/en.md
@@ -1241,7 +1241,7 @@ Upload progress
 
 * **Type:** `String`
 
-* **Read only:** `true`
+* **Read only:** `false`
 
 * **Default:** `0.00`
 
diff --git a/docs/docs/zh-cn.md b/docs/docs/zh-cn.md
index 5e7cd72..a1c25e9 100644
--- a/docs/docs/zh-cn.md
+++ b/docs/docs/zh-cn.md
@@ -1231,7 +1231,7 @@ MIME类型
 
 * **类型:** `String`
 
-* **只读:** `true`
+* **只读:** `false`
 
 * **默认值:** `0.00`
 
diff --git a/docs/i18n/en.js b/docs/i18n/en.js
index 0e65cc0..c188088 100644
--- a/docs/i18n/en.js
+++ b/docs/i18n/en.js
@@ -20,11 +20,11 @@ export default {
   },
 
   example: {
-    full: 'Full',
+    full: 'Full Example',
     simple: 'Simple',
-    avatar: 'Avatar',
-    drag: 'Drag',
-    multiple: 'Multiple',
+    avatar: 'Upload avatar',
+    drag: 'Drag and drop',
+    multiple: 'Multiple instances',
     vuex: 'Vuex',
   }
 }
diff --git a/docs/i18n/zh-cn.js b/docs/i18n/zh-cn.js
index a9ef1b4..c05ec79 100644
--- a/docs/i18n/zh-cn.js
+++ b/docs/i18n/zh-cn.js
@@ -23,9 +23,9 @@ export default {
   example: {
     full: '完整例子',
     simple: '简单例子',
-    avatar: '头像例子',
-    drag: '拖拽例子',
-    multiple: '多实例',
+    avatar: '上传头像',
+    drag: '拖拽上传',
+    multiple: '多个实例',
     vuex: 'Vuex',
   }
 }
diff --git a/docs/views/examples/Avatar.vue b/docs/views/examples/Avatar.vue
index 98983d6..86f4851 100644
--- a/docs/views/examples/Avatar.vue
+++ b/docs/views/examples/Avatar.vue
@@ -1,7 +1,175 @@
 <template>
   <div class="example-avatar">
-    No content
+    <div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
+      <h3>Drop files to upload</h3>
+    </div>
+    <div class="avatar-upload"  v-show="!edit">
+      <div class="text-center p-2">
+        <label for="avatar">
+          <img :src="files.length ? files[0].url : 'https://www.gravatar.com/avatar/default?s=200&r=pg&d=mm'"  class="rounded-circle" />
+          <h4 class="pt-2">or<br/>Drop files anywhere to upload</h4>
+        </label>
+      </div>
+      <div class="text-center p-2">
+        <file-upload
+          extensions="gif,jpg,jpeg,png,webp"
+          accept="image/png,image/gif,image/jpeg,image/webp"
+          name="avatar"
+          class="btn btn-primary"
+          post-action="/upload/post"
+          :drop="!edit"
+          v-model="files"
+          @input-filter="inputFilter"
+          @input-file="inputFile"
+          ref="upload">
+          Upload avatar
+        </file-upload>
+      </div>
+    </div>
+
+    <div class="avatar-edit" v-show="files.length && edit">
+      <div class="avatar-edit-image" v-if="files.length">
+        <img ref="editImage" :src="files[0].url" />
+      </div>
+      <div class="text-center p-4">
+        <button type="button" class="btn btn-secondary" @click.prevent="$refs.upload.clear">Cancel</button>
+        <button type="submit" class="btn btn-primary" @click.prevent="editSave">Save</button>
+      </div>
+    </div>
+    <div class="pt-5">
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Avatar.vue</a>
+    </div>
   </div>
 </template>
 <style>
+.example-avatar .avatar-upload .rounded-circle {
+  width: 200px;
+  height: 200px;
+}
+.example-avatar .text-center .btn {
+  margin: 0 .5rem
+
+}
+.example-avatar .avatar-edit-image {
+  max-width: 100%
+}
+
+
+.example-avatar .drop-active {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  position: fixed;
+  z-index: 9999;
+  opacity: .6;
+  text-align: center;
+  background: #000;
+}
+
+.example-avatar .drop-active h3 {
+  margin: -.5em 0 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  font-size: 40px;
+  color: #fff;
+  padding: 0;
+}
 </style>
+
+
+<script>
+import Cropper from 'cropperjs'
+import FileUpload from 'vue-upload-component'
+export default {
+  components: {
+    FileUpload,
+  },
+
+  data() {
+    return {
+      files: [],
+      edit: false,
+      cropper: false,
+    }
+  },
+
+  watch: {
+    edit(value) {
+      if (value) {
+        this.$nextTick(function () {
+          if (!this.$refs.editImage) {
+            return
+          }
+          let cropper = new Cropper(this.$refs.editImage, {
+            aspectRatio: 1 / 1,
+            viewMode: 1,
+            minContainerHeight: 300,
+          })
+          this.cropper = cropper
+        })
+      } else {
+        if (this.cropper) {
+          this.cropper.destroy()
+          this.cropper = false
+        }
+      }
+    }
+  },
+
+  methods: {
+    async editSave() {
+      this.edit = false
+      let blob = await new Promise((resolve, reject) => {
+        this.cropper.getCroppedCanvas().toBlob(function (value) {
+          resolve(value)
+        })
+      })
+      let file = new File([blob], this.files[0].name, { type: blob.type })
+      this.$refs.upload.update(this.files[0].id, {
+        file,
+        type: file.type,
+        size: file.size,
+        active: true,
+      })
+    },
+
+    alert(message) {
+      alert(message)
+    },
+
+    inputFile(newFile, oldFile, prevent) {
+      if (newFile && !oldFile) {
+        this.$nextTick(function () {
+          this.edit = true
+        })
+      }
+      if (!newFile && oldFile) {
+        this.edit = false
+      }
+    },
+
+    inputFilter(newFile, oldFile, prevent) {
+      if (newFile && !oldFile) {
+        if (!/\.(gif|jpg|jpeg|png|webp)$/i.test(newFile.name)) {
+          this.alert('Your choice is not a picture')
+          return prevent()
+        }
+      }
+
+      if (newFile && (!oldFile || newFile.file !== oldFile.file)) {
+        newFile.url = ''
+        let URL = window.URL || window.webkitURL
+        if (URL && URL.createObjectURL) {
+          newFile.url = URL.createObjectURL(newFile.file)
+        }
+      }
+    }
+  }
+}
+</script>
diff --git a/docs/views/examples/Drag.vue b/docs/views/examples/Drag.vue
index 017b38a..5cb838a 100644
--- a/docs/views/examples/Drag.vue
+++ b/docs/views/examples/Drag.vue
@@ -1,7 +1,103 @@
 <template>
   <div class="example-drag">
-    No content
+    <div class="upload">
+      <ul v-if="files.length">
+        <li v-for="(file, index) in files" :key="file.id">
+          <span>{{file.name}}</span> -
+          <span>{{file.size | formatSize}}</span> -
+          <span v-if="file.error">{{file.error}}</span>
+          <span v-else-if="file.success">success</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else></span>
+        </li>
+      </ul>
+      <ul v-else>
+        <td colspan="7">
+          <div class="text-center p-5">
+            <h4>Drop files anywhere to upload<br/>or</h4>
+            <label for="file" class="btn btn-lg btn-primary">Select Files</label>
+          </div>
+        </td>
+      </ul>
+
+      <div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
+    		<h3>Drop files to upload</h3>
+      </div>
+
+      <div class="example-btn">
+        <file-upload
+          class="btn btn-primary"
+          post-action="/upload/post"
+          :multiple="true"
+          :drop="true"
+          :drop-directory="true"
+          v-model="files"
+          ref="upload">
+          <i class="fa fa-plus"></i>
+          Select files
+        </file-upload>
+        <button type="button" class="btn btn-success" v-if="!$refs.upload || !$refs.upload.active" @click.prevent="$refs.upload.active = true">
+          <i class="fa fa-arrow-up" aria-hidden="true"></i>
+          Start Upload
+        </button>
+        <button type="button" class="btn btn-danger"  v-else @click.prevent="$refs.upload.active = false">
+          <i class="fa fa-stop" aria-hidden="true"></i>
+          Stop Upload
+        </button>
+      </div>
+    </div>
+
+    <div class="pt-5">
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Drag.vue</a>
+    </div>
   </div>
 </template>
 <style>
+.example-drag label.btn {
+  margin-bottom: 0;
+  margin-right: 1rem;
+}
+
+
+.example-drag .drop-active {
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  position: fixed;
+  z-index: 9999;
+  opacity: .6;
+  text-align: center;
+  background: #000;
+}
+
+.example-drag .drop-active h3 {
+  margin: -.5em 0 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  right: 0;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  font-size: 40px;
+  color: #fff;
+  padding: 0;
+}
 </style>
+
+<script>
+import FileUpload from 'vue-upload-component'
+export default {
+  components: {
+    FileUpload,
+  },
+
+  data() {
+    return {
+      files: [],
+    }
+  }
+}
+</script>
diff --git a/docs/views/examples/Full.vue b/docs/views/examples/Full.vue
index f18d91d..0556a85 100644
--- a/docs/views/examples/Full.vue
+++ b/docs/views/examples/Full.vue
@@ -4,7 +4,7 @@
     <i class="fa fa-cog" aria-hidden="true"></i>
     Options
   </button>
-  <h1 id="document-title" class="document-title">Full Example</h1>
+  <h1 id="example-title" class="example-title">Full Example</h1>
 
   <div v-show="$refs.upload && $refs.upload.dropActive" class="drop-active">
 		<h3>Drop files to upload</h3>
@@ -82,7 +82,8 @@
         Drop active: {{$refs.upload ? $refs.upload.dropActive : false}}
       </div>
       <div class="btn-group">
-        <file-upload class="btn btn-primary dropdown-toggle"
+        <file-upload
+          class="btn btn-primary dropdown-toggle"
           :post-action="postAction"
           :put-action="putAction"
           :extensions="extensions"
diff --git a/docs/views/examples/Multiple.vue b/docs/views/examples/Multiple.vue
index 506ea8f..3f912af 100644
--- a/docs/views/examples/Multiple.vue
+++ b/docs/views/examples/Multiple.vue
@@ -1,7 +1,101 @@
 <template>
   <div class="example-multiple">
-    No content
+    <h1 id="example-title" class="example-title">Multiple instances</h1>
+    <div class="upload">
+      <ul>
+        <li v-for="(file, index) in files1" :key="file.id">
+          <span>{{file.name}}</span> -
+          <span>{{file.size | formatSize}}</span> -
+          <span v-if="file.error">{{file.error}}</span>
+          <span v-else-if="file.success">success</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else></span>
+        </li>
+      </ul>
+      <div class="example-btn">
+        <file-upload
+        class="btn btn-primary"
+          input-id="file1"
+          post-action="/upload/post"
+          v-model="files1"
+          ref="upload1">
+          <i class="fa fa-plus"></i>
+          Select files
+        </file-upload>
+        <label for="file1" class="btn btn-primary">Label Select files</label>
+        <button type="button" class="btn btn-success" v-if="!$refs.upload1 || !$refs.upload1.active" @click.prevent="$refs.upload1.active = true">
+          <i class="fa fa-arrow-up" aria-hidden="true"></i>
+          Start Upload
+        </button>
+        <button type="button" class="btn btn-danger"  v-else @click.prevent="$refs.upload1.active = false">
+          <i class="fa fa-stop" aria-hidden="true"></i>
+          Stop Upload
+        </button>
+      </div>
+    </div>
+
+
+    <div class="upload">
+      <ul>
+        <li v-for="(file, index) in files2" :key="file.id">
+          <span>{{file.name}}</span> -
+          <span>{{file.size | formatSize}}</span> -
+          <span v-if="file.error">{{file.error}}</span>
+          <span v-else-if="file.success">success</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else></span>
+        </li>
+      </ul>
+      <div class="example-btn">
+        <file-upload
+          class="btn btn-primary"
+          input-id="file2"
+          post-action="/upload/post"
+          v-model="files2"
+          ref="upload2">
+          <i class="fa fa-plus"></i>
+          Select files
+        </file-upload>
+        <label for="file2" class="btn btn-primary">Label Select files</label>
+        <button type="button" class="btn btn-success" v-if="!$refs.upload2 || !$refs.upload2.active" @click.prevent="$refs.upload2.active = true">
+          <i class="fa fa-arrow-up" aria-hidden="true"></i>
+          Start Upload
+        </button>
+        <button type="button" class="btn btn-danger"  v-else @click.prevent="$refs.upload2.active = false">
+          <i class="fa fa-stop" aria-hidden="true"></i>
+          Stop Upload
+        </button>
+      </div>
+    </div>
+    <div class="pt-5">
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Multiple.vue</a>
+    </div>
   </div>
 </template>
 <style>
+.example-multiple label.btn {
+  margin-bottom: 0;
+  margin-right: 1rem;
+}
+.example-multiple .upload {
+  margin-bottom: 1rem;
+}
 </style>
+
+<script>
+import FileUpload from 'vue-upload-component'
+export default {
+  components: {
+    FileUpload,
+  },
+
+  data() {
+    return {
+      files1: [],
+      files2: [],
+    }
+  },
+}
+</script>
diff --git a/docs/views/examples/Simple.vue b/docs/views/examples/Simple.vue
index 75dc0a8..c5f515d 100644
--- a/docs/views/examples/Simple.vue
+++ b/docs/views/examples/Simple.vue
@@ -1,7 +1,103 @@
 <template>
   <div class="example-simple">
-    No content
+    <h1 id="example-title" class="example-title">Simple Example</h1>
+    <div class="upload">
+      <ul>
+        <li v-for="(file, index) in files" :key="file.id">
+          <span>{{file.name}}</span> -
+          <span>{{file.size | formatSize}}</span> -
+          <span v-if="file.error">{{file.error}}</span>
+          <span v-else-if="file.success">success</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else></span>
+        </li>
+      </ul>
+      <div class="example-btn">
+        <file-upload
+          class="btn btn-primary"
+          post-action="/upload/post"
+          extensions="gif,jpg,jpeg,png,webp"
+          accept="image/png,image/gif,image/jpeg,image/webp"
+          :multiple="true"
+          :size="1024 * 1024 * 10"
+          v-model="files"
+          @input-filter="inputFilter"
+          @input-file="inputFile"
+          ref="upload">
+          <i class="fa fa-plus"></i>
+          Select files
+        </file-upload>
+        <button type="button" class="btn btn-success" v-if="!$refs.upload || !$refs.upload.active" @click.prevent="$refs.upload.active = true">
+          <i class="fa fa-arrow-up" aria-hidden="true"></i>
+          Start Upload
+        </button>
+        <button type="button" class="btn btn-danger"  v-else @click.prevent="$refs.upload.active = false">
+          <i class="fa fa-stop" aria-hidden="true"></i>
+          Stop Upload
+        </button>
+      </div>
+    </div>
+    <div class="pt-5">
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Simple.vue</a>
+    </div>
   </div>
 </template>
 <style>
+.example-simple label.btn {
+  margin-bottom: 0;
+  margin-right: 1rem;
+}
 </style>
+
+<script>
+import FileUpload from 'vue-upload-component'
+export default {
+  components: {
+    FileUpload,
+  },
+
+  data() {
+    return {
+      files: [],
+    }
+  },
+
+  methods: {
+    inputFilter(newFile, oldFile, prevent) {
+      if (newFile && !oldFile) {
+        // Before adding a file
+        // 添加文件前
+
+        // Filter system files or hide files
+        // 过滤系统文件 和隐藏文件
+        if (/(\/|^)(Thumbs\.db|desktop\.ini|\..+)$/.test(newFile.name)) {
+          return prevent()
+        }
+
+        // Filter php html js file
+        // 过滤 php html js 文件
+        if (/\.(php5?|html?|jsx?)$/i.test(newFile.name)) {
+          return prevent()
+        }
+      }
+    },
+
+    inputFile(newFile, oldFile) {
+      if (newFile && !oldFile) {
+        // add
+        console.log('add', newFile)
+      }
+      if (newFile && oldFile) {
+        // update
+        console.log('update', newFile)
+      }
+
+      if (!newFile && oldFile) {
+        // remove
+        console.log('remove', oldFile)
+      }
+    }
+  }
+}
+</script>
diff --git a/docs/views/examples/Vuex.vue b/docs/views/examples/Vuex.vue
index ba2d64b..da575d4 100644
--- a/docs/views/examples/Vuex.vue
+++ b/docs/views/examples/Vuex.vue
@@ -1,7 +1,73 @@
 <template>
-  <div class="example-vuex">
-    No content
+  <div class="example-simple">
+    <h1 id="example-title" class="example-title">Simple Example</h1>
+    <div class="upload">
+      <ul>
+        <li v-for="(file, index) in files" :key="file.id">
+          <span>{{file.name}}</span> -
+          <span>{{file.size | formatSize}}</span> -
+          <span v-if="file.error">{{file.error}}</span>
+          <span v-else-if="file.success">success</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else-if="file.active">active</span>
+          <span v-else></span>
+        </li>
+      </ul>
+      <div class="example-btn">
+        <file-upload
+          class="btn btn-primary"
+          post-action="/upload/post"
+          extensions="gif,jpg,jpeg,png,webp"
+          accept="image/png,image/gif,image/jpeg,image/webp"
+          :multiple="true"
+          :size="1024 * 1024 * 10"
+          :value="files"
+          @input="inputUpdate"
+          ref="upload">
+          <i class="fa fa-plus"></i>
+          Select files
+        </file-upload>
+        <button type="button" class="btn btn-success" v-if="!$refs.upload || !$refs.upload.active" @click.prevent="$refs.upload.active = true">
+          <i class="fa fa-arrow-up" aria-hidden="true"></i>
+          Start Upload
+        </button>
+        <button type="button" class="btn btn-danger"  v-else @click.prevent="$refs.upload.active = false">
+          <i class="fa fa-stop" aria-hidden="true"></i>
+          Stop Upload
+        </button>
+      </div>
+    </div>
+    <div class="pt-5">
+      Source code: <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue">https://github.com/lian-yue/vue-upload-component/blob/master/docs/views/examples/Vuex.vue</a><br/>
+      <a href="https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js">https://github.com/lian-yue/vue-upload-component/blob/master/docs/store.js</a>
+    </div>
   </div>
 </template>
 <style>
+.example-simple label.btn {
+  margin-bottom: 0;
+  margin-right: 1rem;
+}
 </style>
+
+<script>
+import { mapState } from 'vuex'
+import FileUpload from 'vue-upload-component'
+export default {
+  components: {
+    FileUpload,
+  },
+
+  computed: {
+    ...mapState([
+      'files',
+    ])
+  },
+
+  methods: {
+    inputUpdate(files) {
+      this.$store.commit('updateFiles', files)
+    },
+  }
+}
+</script>
diff --git a/package.json b/package.json
index d847bdd..bfcfa93 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "vue-upload-component",
   "description": "Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter",
-  "version": "2.6.0-beta.2",
+  "version": "2.6.0-beta.3",
   "author": "LianYue",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server",
diff --git a/webpack.config.js b/webpack.config.js
index 4578281..c0cb000 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -178,7 +178,7 @@ module.exports = merge(baseConfig(), {
             res.status(403)
             res.json({ error: 'failure', success: false })
           } else {
-            res.json({ name: 'filename.ext', id: id++, success: true })
+            res.json({ url: 'https://vuejs.org/images/logo.png?id=' + id, name: 'filename.ext', id: id++, success: true })
           }
         }, 200 + parseInt(Math.random() * 4000, 10))
       }