Update devDependencies

.eslintrc.js

@@ -26,6 +26,7 @@ module.exports = {
     // allow debugger during development
     'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
 
+    'no-control-regex': 0,
     'no-useless-escape': 0,
     'comma-dangle': 0,
     'space-before-function-paren': 0,

dist/vue-upload-component.js

@@ -1,6 +1,6 @@
 /*!
  * Name: vue-upload-component
- * Version: 2.8.6
+ * Version: 2.8.7
  * Author: LianYue
  */
 (function (global, factory) {
@@ -95,11 +95,11 @@ var sendFormRequest = function sendFormRequest(xhr, data) {
    *
    * @returns Promise
    */
-var request = function (options) {
+  function request (options) {
     var xhr = createRequest(options);
 
     return sendRequest(xhr, options.body);
-};
+  }
 
   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; }; }();
 
@@ -546,21 +546,21 @@ var ChunkUploadHandler = function () {
     return ChunkUploadHandler;
   }();
 
-(function () {
+  //
-  if (typeof document !== 'undefined') {
+  //
-    var head = document.head || document.getElementsByTagName('head')[0],
+  //
-        style = document.createElement('style'),
+  //
-        css = "";style.type = 'text/css';if (style.styleSheet) {
+  //
-      style.styleSheet.cssText = css;
+  //
-    } else {
+  //
-      style.appendChild(document.createTextNode(css));
+  //
-    }head.appendChild(style);
+  //
-  }
+  //
-})();
+  //
-
+  //
-var InputFile = { render: function render() {
+  //
-    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, "capture": _vm.$parent.capture, "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 } });
+
-  }, staticRenderFns: [],
+  var script = {
     methods: {
       change: function change(e) {
         this.$destroy();
@@ -574,23 +574,108 @@ var InputFile = { render: function render() {
     }
   };
 
-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 __vue_script__ = script;
 
-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; };
+  /* template */
+  var __vue_render__ = function __vue_render__() {
+    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, "capture": _vm.$parent.capture, "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 } });
+  };
+  var __vue_staticRenderFns__ = [];
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
+  var __vue_template__ = typeof __vue_render__ !== 'undefined' ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ } : {};
+  /* style */
+  var __vue_inject_styles__ = undefined;
+  /* scoped */
+  var __vue_scope_id__ = undefined;
+  /* module identifier */
+  var __vue_module_identifier__ = undefined;
+  /* functional template */
+  var __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(template, style, script$$1, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
+    var component = script$$1 || {};
+
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
+
+      if (functional) component.functional = true;
+    }
+
+    component._scopeId = scope;
+
+    return component;
+  }
+  /* style inject */
+  function __vue_create_injector__() {
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var styles = __vue_create_injector__.styles || (__vue_create_injector__.styles = {});
+    var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return; // SSR styles are present.
+
+      var group = isOldIE ? css.media || 'default' : id;
+      var style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+
+      if (!style.ids.includes(id)) {
+        var code = css.source;
+        var index = style.ids.length;
+
+        style.ids.push(id);
 
-(function () {
+        if (css.map) {
-  if (typeof document !== 'undefined') {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
-    var head = document.head || document.getElementsByTagName('head')[0],
+          // this makes source maps inside style tags work properly in Chrome
-        style = document.createElement('style'),
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-        css = " .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; } ";style.type = 'text/css';if (style.styleSheet) {
+          // http://stackoverflow.com/a/26603875
-      style.styleSheet.cssText = css;
+          code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
+        }
+
+        if (isOldIE) {
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
+        }
+
+        if (!style.element) {
+          var el = style.element = document.createElement('style');
+          el.type = 'text/css';
+
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
+
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts.filter(Boolean).join('\n');
         } else {
-      style.appendChild(document.createTextNode(css));
+          var textNode = document.createTextNode(code);
-    }head.appendChild(style);
+          var nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
         }
-})();
+      }
+    };
+  }
+  /* style inject SSR */
+
+  var InputFile = __vue_normalize__(__vue_template__, __vue_inject_styles__, typeof __vue_script__ === 'undefined' ? {} : __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {}, typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {});
+
+  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 _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; };
+
+  function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
 
   var CHUNK_DEFAULT_OPTIONS = {
     headers: {},
@@ -602,9 +687,7 @@ var CHUNK_DEFAULT_OPTIONS = {
     handler: ChunkUploadHandler
   };
 
-var FileUpload = { render: function render() {
+  var script$1 = {
-    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._v(" "), _c('input-file')], 2);
-  }, staticRenderFns: [],
     components: {
       InputFile: InputFile
     },
@@ -918,9 +1001,7 @@ var FileUpload = { render: function render() {
             };
           }
           var fileObject = false;
-        if (file.fileObject === false) {
+          if (file.fileObject === false) ; else if (file.fileObject) {
-          // false
-        } else if (file.fileObject) {
             fileObject = true;
           } else if (typeof Element !== 'undefined' && file.el instanceof Element) {
             fileObject = true;
@@ -1750,9 +1831,7 @@ var FileUpload = { render: function render() {
         var index = 0;
         while (file = this.files[index]) {
           index++;
-        if (!file.fileObject) {
+          if (!file.fileObject) ; else if (active && !this.destroy) {
-          // 不是文件对象
-        } else if (active && !this.destroy) {
             if (this.uploading >= this.thread || this.uploading && !this.features.html5) {
               break;
             }
@@ -1812,7 +1891,7 @@ var FileUpload = { render: function render() {
       },
       onDragleave: function onDragleave(e) {
         e.preventDefault();
-      if (e.target.nodeName === 'HTML' || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) {
+        if (e.target.nodeName === 'HTML' || e.target === e.explicitOriginalTarget || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) {
           this.dropActive = false;
         }
       },
@@ -1829,7 +1908,131 @@ var FileUpload = { render: function render() {
     }
   };
 
-var FileUpload$1 = Object.freeze({
+  var __vue_script__$1 = script$1;
+
+  /* template */
+  var __vue_render__$1 = function __vue_render__() {
+    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._v(" "), _c('input-file')], 2);
+  };
+  var __vue_staticRenderFns__$1 = [];
+
+  var __vue_template__$1 = typeof __vue_render__$1 !== 'undefined' ? { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 } : {};
+  /* style */
+  var __vue_inject_styles__$1 = function (inject) {
+    if (!inject) return;
+    inject("data-v-62fe22ff_0", { source: "\n.file-uploads{overflow:hidden;position:relative;text-align:center;display:inline-block\n}\n.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%\n}\n.file-uploads.file-uploads-html5 input[type=file]{overflow:hidden;position:fixed;width:1px;height:1px;z-index:-1;opacity:0\n}", map: undefined, media: undefined });
+  };
+  /* scoped */
+  var __vue_scope_id__$1 = undefined;
+  /* module identifier */
+  var __vue_module_identifier__$1 = undefined;
+  /* functional template */
+  var __vue_is_functional_template__$1 = false;
+  /* component normalizer */
+  function __vue_normalize__$1(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
+    var component = script || {};
+
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
+
+      if (functional) component.functional = true;
+    }
+
+    component._scopeId = scope;
+
+    {
+      var hook = void 0;
+      if (style) {
+        hook = function hook(context) {
+          style.call(this, createInjector(context));
+        };
+      }
+
+      if (hook !== undefined) {
+        if (component.functional) {
+          // register for functional component in vue file
+          var originalRender = component.render;
+          component.render = function renderWithStyleInjection(h, context) {
+            hook.call(context);
+            return originalRender(h, context);
+          };
+        } else {
+          // inject component registration as beforeCreate hook
+          var existing = component.beforeCreate;
+          component.beforeCreate = existing ? [].concat(existing, hook) : [hook];
+        }
+      }
+    }
+
+    return component;
+  }
+  /* style inject */
+  function __vue_create_injector__$1() {
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var styles = __vue_create_injector__$1.styles || (__vue_create_injector__$1.styles = {});
+    var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
+
+    return function addStyle(id, css) {
+      if (document.querySelector('style[data-vue-ssr-id~="' + id + '"]')) return; // SSR styles are present.
+
+      var group = isOldIE ? css.media || 'default' : id;
+      var style = styles[group] || (styles[group] = { ids: [], parts: [], element: undefined });
+
+      if (!style.ids.includes(id)) {
+        var code = css.source;
+        var index = style.ids.length;
+
+        style.ids.push(id);
+
+        if (css.map) {
+          // https://developer.chrome.com/devtools/docs/javascript-debugging
+          // this makes source maps inside style tags work properly in Chrome
+          code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
+          // http://stackoverflow.com/a/26603875
+          code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
+        }
+
+        if (isOldIE) {
+          style.element = style.element || document.querySelector('style[data-group=' + group + ']');
+        }
+
+        if (!style.element) {
+          var el = style.element = document.createElement('style');
+          el.type = 'text/css';
+
+          if (css.media) el.setAttribute('media', css.media);
+          if (isOldIE) {
+            el.setAttribute('data-group', group);
+            el.setAttribute('data-next-index', '0');
+          }
+
+          head.appendChild(el);
+        }
+
+        if (isOldIE) {
+          index = parseInt(style.element.getAttribute('data-next-index'));
+          style.element.setAttribute('data-next-index', index + 1);
+        }
+
+        if (style.element.styleSheet) {
+          style.parts.push(code);
+          style.element.styleSheet.cssText = style.parts.filter(Boolean).join('\n');
+        } else {
+          var textNode = document.createTextNode(code);
+          var nodes = style.element.childNodes;
+          if (nodes[index]) style.element.removeChild(nodes[index]);
+          if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
+        }
+      }
+    };
+  }
+  /* style inject SSR */
+
+  var FileUpload = __vue_normalize__$1(__vue_template__$1, __vue_inject_styles__$1, typeof __vue_script__$1 === 'undefined' ? {} : __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, typeof __vue_create_injector__$1 !== 'undefined' ? __vue_create_injector__$1 : function () {}, typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {});
+
+  var FileUpload$1 = /*#__PURE__*/Object.freeze({
     default: FileUpload
   });
 

dist/vue-upload-component.part.css

@@ -1,34 +1,7 @@
 
-
+.file-uploads{overflow:hidden;position:relative;text-align:center;display:inline-block
-
-
-
-
-
-.file-uploads {
-  overflow: hidden;
-  position: relative;
-  text-align: center;
-  display: inline-block;
 }
-.file-uploads.file-uploads-html4 input[type="file"] {
+.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%
-  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"] {
+.file-uploads.file-uploads-html5 input[type=file]{overflow:hidden;position:fixed;width:1px;height:1px;z-index:-1;opacity:0
-  overflow: hidden;
-  position: fixed;
-  width: 1px;
-  height: 1px;
-  z-index: -1;
-  opacity: 0;
 }
-

dist/vue-upload-component.part.js

@@ -1,6 +1,6 @@
 /*!
  * Name: vue-upload-component
- * Version: 2.8.6
+ * Version: 2.8.7
  * Author: LianYue
  */
 (function (global, factory) {
@@ -95,11 +95,11 @@ var sendFormRequest = function sendFormRequest(xhr, data) {
    *
    * @returns Promise
    */
-var request = function (options) {
+  function request (options) {
     var xhr = createRequest(options);
 
     return sendRequest(xhr, options.body);
-};
+  }
 
   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; }; }();
 
@@ -546,9 +546,21 @@ var ChunkUploadHandler = function () {
     return ChunkUploadHandler;
   }();
 
-var InputFile = { render: function render() {
+  //
-    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, "capture": _vm.$parent.capture, "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 } });
+  //
-  }, staticRenderFns: [],
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+  //
+
+  var script = {
     methods: {
       change: function change(e) {
         this.$destroy();
@@ -562,6 +574,107 @@ var InputFile = { render: function render() {
     }
   };
 
+  var __vue_script__ = script;
+
+  /* template */
+  var __vue_render__ = function __vue_render__() {
+    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, "capture": _vm.$parent.capture, "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 } }, []);
+  };
+  var __vue_staticRenderFns__ = [];
+
+  var __vue_template__ = typeof __vue_render__ !== 'undefined' ? { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ } : {};
+  /* style */
+  var __vue_inject_styles__ = undefined;
+  /* scoped */
+  var __vue_scope_id__ = undefined;
+  /* module identifier */
+  var __vue_module_identifier__ = "data-v-36701cce";
+  /* functional template */
+  var __vue_is_functional_template__ = false;
+  /* component normalizer */
+  function __vue_normalize__(template, style, script$$1, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
+    var component = script$$1 || {};
+
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
+
+      if (functional) component.functional = true;
+    }
+
+    component._scopeId = scope;
+
+    return component;
+  }
+  /* style inject */
+
+  /* style inject SSR */
+  function __vue_create_injector_ssr__(context) {
+    if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+      context = __VUE_SSR_CONTEXT__;
+    }
+
+    if (!context) return function () {};
+
+    if (!context.hasOwnProperty('styles')) {
+      Object.defineProperty(context, 'styles', {
+        enumerable: true,
+        get: function get() {
+          return context._styles;
+        }
+      });
+      context._renderStyles = renderStyles;
+    }
+
+    function renderStyles(styles) {
+      var css = '';
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = styles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var _ref = _step.value;
+          var ids = _ref.ids,
+              media = _ref.media,
+              parts = _ref.parts;
+
+          css += '<style data-vue-ssr-id="' + ids.join(' ') + '"' + (media ? ' media="' + media + '"' : '') + '>' + parts.join('\n') + '</style>';
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      return css;
+    }
+
+    return function addStyle(id, css) {
+      var group = css.media || 'default';
+      var style = context._styles[group] || (context._styles[group] = { ids: [], parts: [] });
+
+      if (!style.ids.includes(id)) {
+        style.media = css.media;
+        style.ids.push(id);
+        var code = css.source;
+        style.parts.push(code);
+      }
+    };
+  }
+
+  var InputFile = __vue_normalize__(__vue_template__, __vue_inject_styles__, typeof __vue_script__ === 'undefined' ? {} : __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {}, typeof __vue_create_injector_ssr__ !== 'undefined' ? __vue_create_injector_ssr__ : function () {});
+
   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 _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; };
@@ -578,9 +691,7 @@ var CHUNK_DEFAULT_OPTIONS = {
     handler: ChunkUploadHandler
   };
 
-var FileUpload = { render: function render() {
+  var script$1 = {
-    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._v(" "), _c('input-file')], 2);
-  }, staticRenderFns: [],
     components: {
       InputFile: InputFile
     },
@@ -894,9 +1005,7 @@ var FileUpload = { render: function render() {
             };
           }
           var fileObject = false;
-        if (file.fileObject === false) {
+          if (file.fileObject === false) ; else if (file.fileObject) {
-          // false
-        } else if (file.fileObject) {
             fileObject = true;
           } else if (typeof Element !== 'undefined' && file.el instanceof Element) {
             fileObject = true;
@@ -1726,9 +1835,7 @@ var FileUpload = { render: function render() {
         var index = 0;
         while (file = this.files[index]) {
           index++;
-        if (!file.fileObject) {
+          if (!file.fileObject) ; else if (active && !this.destroy) {
-          // 不是文件对象
-        } else if (active && !this.destroy) {
             if (this.uploading >= this.thread || this.uploading && !this.features.html5) {
               break;
             }
@@ -1788,7 +1895,7 @@ var FileUpload = { render: function render() {
       },
       onDragleave: function onDragleave(e) {
         e.preventDefault();
-      if (e.target.nodeName === 'HTML' || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) {
+        if (e.target.nodeName === 'HTML' || e.target === e.explicitOriginalTarget || e.screenX === 0 && e.screenY === 0 && !e.fromElement && e.offsetX <= 0) {
           this.dropActive = false;
         }
       },
@@ -1805,7 +1912,107 @@ var FileUpload = { render: function render() {
     }
   };
 
-var FileUpload$1 = Object.freeze({
+  var __vue_script__$1 = script$1;
+  /* template */
+  var __vue_render__$1 = function __vue_render__() {
+    var _vm = this;var _h = _vm.$createElement;var _c = _vm._self._c || _h;return _c('label', { class: _vm.className }, [_vm._t("default"), _vm._ssrNode(" "), _c('input-file')], 2);
+  };
+  var __vue_staticRenderFns__$1 = [];
+
+  var __vue_template__$1 = typeof __vue_render__$1 !== 'undefined' ? { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 } : {};
+  /* style */
+  var __vue_inject_styles__$1 = undefined;
+  /* scoped */
+  var __vue_scope_id__$1 = undefined;
+  /* module identifier */
+  var __vue_module_identifier__$1 = "data-v-62fe22ff";
+  /* functional template */
+  var __vue_is_functional_template__$1 = false;
+  /* component normalizer */
+  function __vue_normalize__$1(template, style, script, scope, functional, moduleIdentifier, createInjector, createInjectorSSR) {
+    var component = script || {};
+
+    if (!component.render) {
+      component.render = template.render;
+      component.staticRenderFns = template.staticRenderFns;
+      component._compiled = true;
+
+      if (functional) component.functional = true;
+    }
+
+    component._scopeId = scope;
+
+    return component;
+  }
+  /* style inject */
+
+  /* style inject SSR */
+  function __vue_create_injector_ssr__$1(context) {
+    if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+      context = __VUE_SSR_CONTEXT__;
+    }
+
+    if (!context) return function () {};
+
+    if (!context.hasOwnProperty('styles')) {
+      Object.defineProperty(context, 'styles', {
+        enumerable: true,
+        get: function get() {
+          return context._styles;
+        }
+      });
+      context._renderStyles = renderStyles;
+    }
+
+    function renderStyles(styles) {
+      var css = '';
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = styles[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var _ref = _step.value;
+          var ids = _ref.ids,
+              media = _ref.media,
+              parts = _ref.parts;
+
+          css += '<style data-vue-ssr-id="' + ids.join(' ') + '"' + (media ? ' media="' + media + '"' : '') + '>' + parts.join('\n') + '</style>';
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      return css;
+    }
+
+    return function addStyle(id, css) {
+      var group = css.media || 'default';
+      var style = context._styles[group] || (context._styles[group] = { ids: [], parts: [] });
+
+      if (!style.ids.includes(id)) {
+        style.media = css.media;
+        style.ids.push(id);
+        var code = css.source;
+        style.parts.push(code);
+      }
+    };
+  }
+
+  var FileUpload = __vue_normalize__$1(__vue_template__$1, __vue_inject_styles__$1, typeof __vue_script__$1 === 'undefined' ? {} : __vue_script__$1, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, typeof __vue_create_injector__ !== 'undefined' ? __vue_create_injector__ : function () {}, typeof __vue_create_injector_ssr__$1 !== 'undefined' ? __vue_create_injector_ssr__$1 : function () {});
+
+  var FileUpload$1 = /*#__PURE__*/Object.freeze({
     default: FileUpload
   });
 

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.8.6",
+  "version": "2.8.7",
   "author": "LianYue",
   "scripts": {
     "dev": "cross-env NODE_ENV=development webpack-dev-server",
@@ -43,39 +43,42 @@
   "homepage": "https://github.com/lian-yue/vue-upload-component#readme",
   "dependencies": {},
   "devDependencies": {
-    "babel-core": "^6.26.0",
+    "babel-core": "^6.26.3",
-    "babel-eslint": "^8.0.1",
+    "babel-eslint": "^8.2.3",
-    "babel-loader": "^7.1.2",
+    "babel-loader": "^7.1.4",
     "babel-plugin-transform-runtime": "^6.23.0",
-    "babel-preset-env": "^1.6.0",
+    "babel-preset-env": "^1.7.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-es2017": "^6.24.1",
     "babel-preset-stage-0": "^6.24.1",
     "babel-runtime": "^6.26.0",
-    "cross-env": "^1.0.6",
+    "cross-env": "^5.1.6",
-    "css-loader": "^0.28.7",
+    "css-loader": "^0.28.11",
-    "eslint": "^4.8.0",
+    "eslint": "^4.19.1",
-    "eslint-config-standard": "^11.0.0-beta.0",
+    "eslint-config-standard": "^11.0.0",
-    "eslint-loader": "^1.9.0",
+    "eslint-loader": "^2.0.0",
-    "eslint-plugin-html": "^3.2.2",
+    "eslint-plugin-html": "^4.0.3",
-    "eslint-plugin-import": "^2.8.0",
+    "eslint-plugin-import": "^2.12.0",
-    "eslint-plugin-node": "^5.2.1",
+    "eslint-plugin-node": "^6.0.1",
-    "eslint-plugin-promise": "^3.6.0",
+    "eslint-plugin-promise": "^3.8.0",
-    "eslint-plugin-standard": "^3.0.1",
+    "eslint-plugin-standard": "^3.1.0",
-    "eslint-plugin-vue": "^3.13.0",
+    "eslint-plugin-vue": "^4.5.0",
+    "postcss": "^6.0.22",
     "raw-loader": "^0.5.1",
-    "rollup": "^0.50.0",
+    "rollup": "^0.59.3",
-    "rollup-plugin-babel": "^3.0.2",
+    "rollup-plugin-babel": "^3.0.4",
-    "rollup-plugin-commonjs": "^8.2.1",
+    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-node-resolve": "^3.0.0",
+    "rollup-plugin-css-only": "^0.4.0",
-    "rollup-plugin-uglify": "^2.0.1",
+    "rollup-plugin-node-resolve": "^3.3.0",
-    "rollup-plugin-vue": "^2.5.2",
+    "rollup-plugin-uglify": "^4.0.0",
-    "vue-hot-reload-api": "^2.1.1",
+    "rollup-plugin-vue": "^4.1.4",
-    "vue-loader": "^13.0.5",
+    "vue-hot-reload-api": "^2.3.0",
-    "vue-template-compiler": "^2.4.4",
+    "vue-loader": "^15.2.0",
-    "webpack": "^3.6.0",
+    "vue-template-compiler": "^2.5.16",
+    "webpack": "^4.8.3",
     "webpack-body-parser": "^1.11.110",
-    "webpack-dev-server": "^2.9.1",
+    "webpack-cli": "^2.1.4",
-    "webpack-merge": "^4.1.0"
+    "webpack-dev-server": "^3.1.4",
+    "webpack-merge": "^4.1.2"
   }
 }

rollup.config.js

@@ -1,9 +1,10 @@
 import resolve from 'rollup-plugin-node-resolve'
 import commonjs from 'rollup-plugin-commonjs'
 import babel from 'rollup-plugin-babel'
-import uglify from 'rollup-plugin-uglify'
+import { uglify } from 'rollup-plugin-uglify'
 import vue from 'rollup-plugin-vue'
 import packageInfo from './package.json'
+const pluginCSS = require('rollup-plugin-css-only')
 
 
 // const isDev = process.env.NODE_ENV === 'development'
@@ -13,6 +14,8 @@ function baseConfig() {
   return {
     output: {
       format: 'umd',
+      sourcemap: true,
+      banner: `/*!\n * Name: ${packageInfo.name}\n * Version: ${packageInfo.version}\n * Author: ${packageInfo.author}\n */`,
     },
     plugins: [
       resolve({
@@ -29,8 +32,6 @@ function baseConfig() {
         ],
       }),
     ],
-    banner: `/*!\n * Name: ${packageInfo.name}\n * Version: ${packageInfo.version}\n * Author: ${packageInfo.author}\n */`,
-    sourcemap: true,
   }
 }
 
@@ -40,7 +41,6 @@ config.output.file = 'dist/vue-upload-component.js'
 config.output.name = 'VueUploadComponent'
 config.plugins.push(
   vue({
-    autoStyles: false,
     css: true,
   }),
   babel()
@@ -52,7 +52,14 @@ configMin.output.file = 'dist/vue-upload-component.min.js'
 configMin.output.name = 'VueUploadComponent'
 configMin.plugins.push(
   vue({
-    autoStyles: false,
+    sourceMap: true,
+    style: {
+      trim: true,
+    },
+    template: {
+      isProduction: true,
+      optimizeSSR: true,
+    },
     css: true,
   }),
   babel(),
@@ -64,15 +71,25 @@ configMin.plugins.push(
 )
 
 
-
 let configPart = baseConfig()
 configPart.input = 'src/index.js'
 configPart.output.file = 'dist/vue-upload-component.part.js'
 configPart.output.name = 'VueUploadComponent'
 configPart.plugins.push(
+  pluginCSS({
+    include: '**/*.css?*',
+    output: 'dist/vue-upload-component.part.css',
+  }),
   vue({
-    autoStyles: false,
+    sourceMap: true,
-    css: 'dist/vue-upload-component.part.css',
+    style: {
+      trim: true,
+    },
+    template: {
+      isProduction: true,
+      optimizeSSR: true,
+    },
+    css: false,
   }),
   babel()
 )

webpack.config.js

@@ -6,6 +6,7 @@ const packageInfo       = require('./package')
 
 const bodyParser       = require('webpack-body-parser')
 const chunkUpload      = require('./src/utils/chunkUpload')
+const { VueLoaderPlugin } =  require('vue-loader')
 
 process.env.NODE_ENV = process.env.NODE_ENV || 'production'
 
@@ -13,6 +14,7 @@ const isDev = process.env.NODE_ENV === 'development'
 
 function baseConfig() {
   let config = {
+    mode: process.env.NODE_ENV === 'development' ? 'development' : 'production',
     output: {
       path: path.join(__dirname, 'dist'),
       publicPath: '/dist',
@@ -95,6 +97,36 @@ function baseConfig() {
             },
           ]
         },
+        {
+          test: /\.css$/,
+          use: [
+            {
+              loader: 'vue-style-loader',
+            },
+            {
+              loader: 'css-loader',
+              options: {
+                minimize: !isDev,
+              },
+            },
+          ]
+        },
+        {
+          test: /\.vue$/,
+          use: [
+            {
+              loader: 'vue-loader',
+              options: {
+                preserveWhitespace: false,
+                cssModules: {
+                  localIdentName: '[hash:base64:8]',
+                  camelCase: true,
+                },
+              },
+            },
+          ],
+        },
+        /*
         {
           test: /\.vue$/,
           use: [
@@ -139,11 +171,13 @@ function baseConfig() {
             },
           ]
         }
+        */
       ]
     },
 
     plugins: [
       new webpack.BannerPlugin(`Name: ${packageInfo.name}\nVersion: ${packageInfo.version}\nAuthor: ${packageInfo.author}`),
+      new VueLoaderPlugin(),
     ],
     devtool: isDev ? 'eval-source-map' : 'source-map'
   }