mazey-element-ui 2.0.0 → 2.15.15

package/lib/upload.js

@@ -1,107 +1,321 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, {
-/******/ 				configurable: false,
-/******/ 				enumerable: true,
-/******/ 				get: getter
-/******/ 			});
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "/dist/";
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 320);
-/******/ })
-/************************************************************************/
-/******/ ({
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 5623
+(module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ packages_upload)
+});
+
+;// ./node_modules/@vue/babel-helper-vue-jsx-merge-props/dist/helper.js
+var helper_namespaceObject = /*#__PURE__*/__webpack_require__.cjs(function(module, exports) {
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)Object.prototype.hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(this,arguments)}var normalMerge=["attrs","props","domProps"],toArrayMerge=["class","style","directives"],functionalMerge=["on","nativeOn"],mergeJsxProps=function(a){return a.reduce(function(c,a){for(var b in a)if(!c[b])c[b]=a[b];else if(-1!==normalMerge.indexOf(b))c[b]=_extends({},c[b],a[b]);else if(-1!==toArrayMerge.indexOf(b)){var d=c[b]instanceof Array?c[b]:[c[b]],e=a[b]instanceof Array?a[b]:[a[b]];c[b]=[].concat(d,e)}else if(-1!==functionalMerge.indexOf(b)){for(var f in a[b])if(c[b][f]){var g=c[b][f]instanceof Array?c[b][f]:[c[b][f]],h=a[b][f]instanceof Array?a[b][f]:[a[b][f]];c[b][f]=[].concat(g,h)}else c[b][f]=a[b][f];}else if("hook"===b)for(var i in a[b])c[b][i]=c[b][i]?mergeFn(c[b][i],a[b][i]):a[b][i];else c[b]=a[b];return c},{})},mergeFn=function(a,b){return function(){a&&a.apply(this,arguments),b&&b.apply(this,arguments)}};module.exports=mergeJsxProps;
+
+});
+
+var helper_default = /*#__PURE__*/__webpack_require__.n(helper_namespaceObject);
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=template&id=78318cbf
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "transition-group",
+    {
+      class: [
+        "el-upload-list",
+        "el-upload-list--" + _vm.listType,
+        { "is-disabled": _vm.disabled },
+      ],
+      attrs: { tag: "ul", name: "el-list" },
+    },
+    _vm._l(_vm.files, function (file) {
+      return _c(
+        "li",
+        {
+          key: file.uid,
+          class: [
+            "el-upload-list__item",
+            "is-" + file.status,
+            _vm.focusing ? "focusing" : "",
+          ],
+          attrs: { tabindex: "0" },
+          on: {
+            keydown: function ($event) {
+              if (
+                !("button" in $event) &&
+                _vm._k($event.keyCode, "delete", [8, 46], $event.key, [
+                  "Backspace",
+                  "Delete",
+                  "Del",
+                ])
+              ) {
+                return null
+              }
+              !_vm.disabled && _vm.$emit("remove", file)
+            },
+            focus: function ($event) {
+              _vm.focusing = true
+            },
+            blur: function ($event) {
+              _vm.focusing = false
+            },
+            click: function ($event) {
+              _vm.focusing = false
+            },
+          },
+        },
+        [
+          _vm._t(
+            "default",
+            [
+              file.status !== "uploading" &&
+              ["picture-card", "picture"].indexOf(_vm.listType) > -1
+                ? _c("img", {
+                    staticClass: "el-upload-list__item-thumbnail",
+                    attrs: { src: file.url, alt: "" },
+                  })
+                : _vm._e(),
+              _c(
+                "a",
+                {
+                  staticClass: "el-upload-list__item-name",
+                  on: {
+                    click: function ($event) {
+                      _vm.handleClick(file)
+                    },
+                  },
+                },
+                [
+                  _c("i", { staticClass: "el-icon-document" }),
+                  _vm._v(_vm._s(file.name) + "\n      "),
+                ]
+              ),
+              _c(
+                "label",
+                { staticClass: "el-upload-list__item-status-label" },
+                [
+                  _c("i", {
+                    class: {
+                      "el-icon-upload-success": true,
+                      "el-icon-circle-check": _vm.listType === "text",
+                      "el-icon-check":
+                        ["picture-card", "picture"].indexOf(_vm.listType) > -1,
+                    },
+                  }),
+                ]
+              ),
+              !_vm.disabled
+                ? _c("i", {
+                    staticClass: "el-icon-close",
+                    on: {
+                      click: function ($event) {
+                        _vm.$emit("remove", file)
+                      },
+                    },
+                  })
+                : _vm._e(),
+              !_vm.disabled
+                ? _c("i", { staticClass: "el-icon-close-tip" }, [
+                    _vm._v(_vm._s(_vm.t("el.upload.deleteTip"))),
+                  ])
+                : _vm._e(),
+              file.status === "uploading"
+                ? _c("el-progress", {
+                    attrs: {
+                      type: _vm.listType === "picture-card" ? "circle" : "line",
+                      "stroke-width": _vm.listType === "picture-card" ? 6 : 2,
+                      percentage: _vm.parsePercentage(file.percentage),
+                    },
+                  })
+                : _vm._e(),
+              _vm.listType === "picture-card"
+                ? _c("span", { staticClass: "el-upload-list__item-actions" }, [
+                    _vm.handlePreview && _vm.listType === "picture-card"
+                      ? _c(
+                          "span",
+                          {
+                            staticClass: "el-upload-list__item-preview",
+                            on: {
+                              click: function ($event) {
+                                _vm.handlePreview(file)
+                              },
+                            },
+                          },
+                          [_c("i", { staticClass: "el-icon-zoom-in" })]
+                        )
+                      : _vm._e(),
+                    !_vm.disabled
+                      ? _c(
+                          "span",
+                          {
+                            staticClass: "el-upload-list__item-delete",
+                            on: {
+                              click: function ($event) {
+                                _vm.$emit("remove", file)
+                              },
+                            },
+                          },
+                          [_c("i", { staticClass: "el-icon-delete" })]
+                        )
+                      : _vm._e(),
+                  ])
+                : _vm._e(),
+            ],
+            { file: file }
+          ),
+        ],
+        2
+      )
+    }),
+    0
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+;// ./packages/upload/src/upload-list.vue?vue&type=template&id=78318cbf
+
+;// external "mazey-element-ui/lib/mixins/locale"
+const locale_namespaceObject = require("mazey-element-ui/lib/mixins/locale");
+var locale_default = /*#__PURE__*/__webpack_require__.n(locale_namespaceObject);
+;// external "mazey-element-ui/lib/progress"
+const progress_namespaceObject = require("mazey-element-ui/lib/progress");
+var progress_default = /*#__PURE__*/__webpack_require__.n(progress_namespaceObject);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-/***/ 0:
-/***/ (function(module, exports) {
 
+
+/* harmony default export */ const upload_listvue_type_script_lang_js = ({
+  name: 'ElUploadList',
+  mixins: [(locale_default())],
+  data: function data() {
+    return {
+      focusing: false
+    };
+  },
+  components: {
+    ElProgress: (progress_default())
+  },
+  props: {
+    files: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    handlePreview: Function,
+    listType: String
+  },
+  methods: {
+    parsePercentage: function parsePercentage(val) {
+      return parseInt(val, 10);
+    },
+    handleClick: function handleClick(file) {
+      this.handlePreview && this.handlePreview(file);
+    }
+  }
+});
+;// ./packages/upload/src/upload-list.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_upload_listvue_type_script_lang_js = (upload_listvue_type_script_lang_js); 
+;// ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
 
-// IMPORTANT: Do NOT use ES2015 features in this file.
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
 // This module is a runtime utility for cleaner component module output and will
 // be included in the final webpack user bundle.
 
-module.exports = function normalizeComponent (
-  rawScriptExports,
-  compiledTemplate,
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
   functionalTemplate,
   injectStyles,
   scopeId,
-  moduleIdentifier /* server only */
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
 ) {
-  var esModule
-  var scriptExports = rawScriptExports = rawScriptExports || {}
-
-  // ES6 modules interop
-  var type = typeof rawScriptExports.default
-  if (type === 'object' || type === 'function') {
-    esModule = rawScriptExports
-    scriptExports = rawScriptExports.default
-  }
-
   // Vue.extend constructor export interop
-  var options = typeof scriptExports === 'function'
-    ? scriptExports.options
-    : scriptExports
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
 
   // render functions
-  if (compiledTemplate) {
-    options.render = compiledTemplate.render
-    options.staticRenderFns = compiledTemplate.staticRenderFns
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
     options._compiled = true
   }
 
@@ -112,11 +326,12 @@ module.exports = function normalizeComponent (
 
   // scopedId
   if (scopeId) {
-    options._scopeId = scopeId
+    options._scopeId = 'data-v-' + scopeId
   }
 
   var hook
-  if (moduleIdentifier) { // server build
+  if (moduleIdentifier) {
+    // server build
     hook = function (context) {
       // 2.3 injection
       context =
@@ -140,1388 +355,928 @@ module.exports = function normalizeComponent (
     // never gets called
     options._ssrRegister = hook
   } else if (injectStyles) {
-    hook = injectStyles
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
   }
 
   if (hook) {
-    var functional = options.functional
-    var existing = functional
-      ? options.render
-      : options.beforeCreate
-
-    if (!functional) {
-      // inject component registration as beforeCreate hook
-      options.beforeCreate = existing
-        ? [].concat(existing, hook)
-        : [hook]
-    } else {
+    if (options.functional) {
       // for template-only hot-reload because in that case the render fn doesn't
       // go through the normalizer
       options._injectStyles = hook
-      // register for functioal component in vue file
-      options.render = function renderWithStyleInjection (h, context) {
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
         hook.call(context)
-        return existing(h, context)
+        return originalRender(h, context)
       }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
     }
   }
 
   return {
-    esModule: esModule,
     exports: scriptExports,
     options: options
   }
 }
 
+;// ./packages/upload/src/upload-list.vue
 
-/***/ }),
-
-/***/ 105:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _uploadList = __webpack_require__(322);
-
-var _uploadList2 = _interopRequireDefault(_uploadList);
-
-var _upload = __webpack_require__(324);
 
-var _upload2 = _interopRequireDefault(_upload);
 
-var _iframeUpload = __webpack_require__(327);
 
-var _iframeUpload2 = _interopRequireDefault(_iframeUpload);
 
-var _progress = __webpack_require__(107);
-
-var _progress2 = _interopRequireDefault(_progress);
-
-var _migrating = __webpack_require__(8);
-
-var _migrating2 = _interopRequireDefault(_migrating);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* normalize component */
+;
+var component = normalizeComponent(
+  src_upload_listvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-function noop() {}
+/* harmony default export */ const upload_list = (component.exports);
+;// ./packages/upload/src/ajax.js
+function getError(action, option, xhr) {
+  var msg;
+  if (xhr.response) {
+    msg = "" + (xhr.response.error || xhr.response);
+  } else if (xhr.responseText) {
+    msg = "" + xhr.responseText;
+  } else {
+    msg = "fail to post " + action + " " + xhr.status;
+  }
+  var err = new Error(msg);
+  err.status = xhr.status;
+  err.method = 'post';
+  err.url = action;
+  return err;
+}
+function getBody(xhr) {
+  var text = xhr.responseText || xhr.response;
+  if (!text) {
+    return text;
+  }
+  try {
+    return JSON.parse(text);
+  } catch (e) {
+    return text;
+  }
+}
+function upload(option) {
+  if (typeof XMLHttpRequest === 'undefined') {
+    return;
+  }
+  var xhr = new XMLHttpRequest();
+  var action = option.action;
+  if (xhr.upload) {
+    xhr.upload.onprogress = function progress(e) {
+      if (e.total > 0) {
+        e.percent = e.loaded / e.total * 100;
+      }
+      option.onProgress(e);
+    };
+  }
+  var formData = new FormData();
+  if (option.data) {
+    Object.keys(option.data).forEach(function (key) {
+      formData.append(key, option.data[key]);
+    });
+  }
+  formData.append(option.filename, option.file, option.file.name);
+  xhr.onerror = function error(e) {
+    option.onError(e);
+  };
+  xhr.onload = function onload() {
+    if (xhr.status < 200 || xhr.status >= 300) {
+      return option.onError(getError(action, option, xhr));
+    }
+    option.onSuccess(getBody(xhr));
+  };
+  xhr.open('post', action, true);
+  if (option.withCredentials && 'withCredentials' in xhr) {
+    xhr.withCredentials = true;
+  }
+  var headers = option.headers || {};
+  for (var item in headers) {
+    if (headers.hasOwnProperty(item) && headers[item] !== null) {
+      xhr.setRequestHeader(item, headers[item]);
+    }
+  }
+  xhr.send(formData);
+  return xhr;
+}
+;// ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=template&id=4c315758
+var upload_draggervue_type_template_id_4c315758_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "el-upload-dragger",
+      class: {
+        "is-dragover": _vm.dragover,
+      },
+      on: {
+        drop: function ($event) {
+          $event.preventDefault()
+          return _vm.onDrop($event)
+        },
+        dragover: function ($event) {
+          $event.preventDefault()
+          return _vm.onDragover($event)
+        },
+        dragleave: function ($event) {
+          $event.preventDefault()
+          _vm.dragover = false
+        },
+      },
+    },
+    [_vm._t("default")],
+    2
+  )
+}
+var upload_draggervue_type_template_id_4c315758_staticRenderFns = []
+upload_draggervue_type_template_id_4c315758_render._withStripped = true
 
-exports.default = {
-  name: 'ElUpload',
 
-  mixins: [_migrating2.default],
+;// ./packages/upload/src/upload-dragger.vue?vue&type=template&id=4c315758
 
-  components: {
-    ElProgress: _progress2.default,
-    UploadList: _uploadList2.default,
-    Upload: _upload2.default,
-    IframeUpload: _iframeUpload2.default
-  },
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
-  provide: function provide() {
-    return {
-      uploader: this
-    };
+/* harmony default export */ const upload_draggervue_type_script_lang_js = ({
+  name: 'ElUploadDrag',
+  props: {
+    disabled: Boolean
   },
-
-
   inject: {
-    elForm: {
+    uploader: {
       default: ''
     }
   },
-
-  props: {
-    action: {
-      type: String,
-      required: true
-    },
-    headers: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    data: Object,
-    multiple: Boolean,
+  data: function data() {
+    return {
+      dragover: false
+    };
+  },
+  methods: {
+    onDragover: function onDragover() {
+      if (!this.disabled) {
+        this.dragover = true;
+      }
+    },
+    onDrop: function onDrop(e) {
+      if (this.disabled || !this.uploader) return;
+      var accept = this.uploader.accept;
+      this.dragover = false;
+      if (!accept) {
+        this.$emit('file', e.dataTransfer.files);
+        return;
+      }
+      this.$emit('file', [].slice.call(e.dataTransfer.files).filter(function (file) {
+        var type = file.type,
+          name = file.name;
+        var extension = name.indexOf('.') > -1 ? "." + name.split('.').pop() : '';
+        var baseType = type.replace(/\/.*$/, '');
+        return accept.split(',').map(function (type) {
+          return type.trim();
+        }).filter(function (type) {
+          return type;
+        }).some(function (acceptedType) {
+          if (/\..+$/.test(acceptedType)) {
+            return extension === acceptedType;
+          }
+          if (/\/\*$/.test(acceptedType)) {
+            return baseType === acceptedType.replace(/\/\*$/, '');
+          }
+          if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
+            return type === acceptedType;
+          }
+          return false;
+        });
+      }));
+    }
+  }
+});
+;// ./packages/upload/src/upload-dragger.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_upload_draggervue_type_script_lang_js = (upload_draggervue_type_script_lang_js); 
+;// ./packages/upload/src/upload-dragger.vue
+
+
+
+
+
+/* normalize component */
+;
+var upload_dragger_component = normalizeComponent(
+  src_upload_draggervue_type_script_lang_js,
+  upload_draggervue_type_template_id_4c315758_render,
+  upload_draggervue_type_template_id_4c315758_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const upload_dragger = (upload_dragger_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/upload/src/upload.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ const uploadvue_type_script_lang_js = ({
+  inject: ['uploader'],
+  components: {
+    UploadDragger: upload_dragger
+  },
+  props: {
+    type: String,
+    action: {
+      type: String,
+      required: true
+    },
     name: {
       type: String,
       default: 'file'
     },
-    drag: Boolean,
-    dragger: Boolean,
+    data: Object,
+    headers: Object,
     withCredentials: Boolean,
-    showFileList: {
-      type: Boolean,
-      default: true
-    },
+    multiple: Boolean,
     accept: String,
-    type: {
-      type: String,
-      default: 'select'
-    },
+    onStart: Function,
+    onProgress: Function,
+    onSuccess: Function,
+    onError: Function,
     beforeUpload: Function,
-    beforeRemove: Function,
-    onRemove: {
-      type: Function,
-      default: noop
-    },
-    onChange: {
-      type: Function,
-      default: noop
-    },
+    drag: Boolean,
     onPreview: {
-      type: Function
-    },
-    onSuccess: {
       type: Function,
-      default: noop
+      default: function _default() {}
     },
-    onProgress: {
+    onRemove: {
       type: Function,
-      default: noop
+      default: function _default() {}
     },
-    onError: {
+    fileList: Array,
+    autoUpload: Boolean,
+    listType: String,
+    httpRequest: {
       type: Function,
-      default: noop
-    },
-    fileList: {
-      type: Array,
-      default: function _default() {
-        return [];
-      }
-    },
-    autoUpload: {
-      type: Boolean,
-      default: true
-    },
-    listType: {
-      type: String,
-      default: 'text' // text,picture,picture-card
+      default: upload
     },
-    httpRequest: Function,
     disabled: Boolean,
     limit: Number,
-    onExceed: {
-      type: Function,
-      default: noop
-    }
+    onExceed: Function
   },
-
   data: function data() {
     return {
-      uploadFiles: [],
-      dragOver: false,
-      draging: false,
-      tempIndex: 1
+      mouseover: false,
+      reqs: {}
     };
   },
-
-
-  computed: {
-    uploadDisabled: function uploadDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    }
-  },
-
-  watch: {
-    fileList: {
-      immediate: true,
-      handler: function handler(fileList) {
-        var _this = this;
-
-        this.uploadFiles = fileList.map(function (item) {
-          item.uid = item.uid || Date.now() + _this.tempIndex++;
-          item.status = item.status || 'success';
-          return item;
-        });
-      }
-    }
-  },
-
   methods: {
-    handleStart: function handleStart(rawFile) {
-      rawFile.uid = Date.now() + this.tempIndex++;
-      var file = {
-        status: 'ready',
-        name: rawFile.name,
-        size: rawFile.size,
-        percentage: 0,
-        uid: rawFile.uid,
-        raw: rawFile
-      };
-
-      try {
-        file.url = URL.createObjectURL(rawFile);
-      } catch (err) {
-        console.error(err);
-        return;
-      }
-
-      this.uploadFiles.push(file);
-      this.onChange(file, this.uploadFiles);
+    isImage: function isImage(str) {
+      return str.indexOf('image') !== -1;
     },
-    handleProgress: function handleProgress(ev, rawFile) {
-      var file = this.getFile(rawFile);
-      this.onProgress(ev, file, this.uploadFiles);
-      file.status = 'uploading';
-      file.percentage = ev.percent || 0;
+    handleChange: function handleChange(ev) {
+      var files = ev.target.files;
+      if (!files) return;
+      this.uploadFiles(files);
     },
-    handleSuccess: function handleSuccess(res, rawFile) {
-      var file = this.getFile(rawFile);
-
-      if (file) {
-        file.status = 'success';
-        file.response = res;
-
-        this.onSuccess(res, file, this.uploadFiles);
-        this.onChange(file, this.uploadFiles);
+    uploadFiles: function uploadFiles(files) {
+      var _this = this;
+      if (this.limit && this.fileList.length + files.length > this.limit) {
+        this.onExceed && this.onExceed(files, this.fileList);
+        return;
       }
-    },
-    handleError: function handleError(err, rawFile) {
-      var file = this.getFile(rawFile);
-      var fileList = this.uploadFiles;
-
-      file.status = 'fail';
-
-      fileList.splice(fileList.indexOf(file), 1);
-
-      this.onError(err, file, this.uploadFiles);
-      this.onChange(file, this.uploadFiles);
-    },
-    handleRemove: function handleRemove(file, raw) {
-      var _this2 = this;
-
-      if (raw) {
-        file = this.getFile(raw);
+      var postFiles = Array.prototype.slice.call(files);
+      if (!this.multiple) {
+        postFiles = postFiles.slice(0, 1);
       }
-      var doRemove = function doRemove() {
-        _this2.abort(file);
-        var fileList = _this2.uploadFiles;
-        fileList.splice(fileList.indexOf(file), 1);
-        _this2.onRemove(file, fileList);
-      };
-
-      if (!this.beforeRemove) {
-        doRemove();
-      } else if (typeof this.beforeRemove === 'function') {
-        var before = this.beforeRemove(file, this.uploadFiles);
-        if (before && before.then) {
-          before.then(function () {
-            doRemove();
-          }, noop);
-        } else if (before !== false) {
-          doRemove();
-        }
+      if (postFiles.length === 0) {
+        return;
       }
-    },
-    getFile: function getFile(rawFile) {
-      var fileList = this.uploadFiles;
-      var target = void 0;
-      fileList.every(function (item) {
-        target = rawFile.uid === item.uid ? item : null;
-        return !target;
+      postFiles.forEach(function (rawFile) {
+        _this.onStart(rawFile);
+        if (_this.autoUpload) _this.upload(rawFile);
       });
-      return target;
-    },
-    abort: function abort(file) {
-      this.$refs['upload-inner'].abort(file);
-    },
-    clearFiles: function clearFiles() {
-      this.uploadFiles = [];
     },
-    submit: function submit() {
-      var _this3 = this;
-
-      this.uploadFiles.filter(function (file) {
-        return file.status === 'ready';
-      }).forEach(function (file) {
-        _this3.$refs['upload-inner'].upload(file.raw);
-      });
+    upload: function upload(rawFile) {
+      var _this2 = this;
+      this.$refs.input.value = null;
+      if (!this.beforeUpload) {
+        return this.post(rawFile);
+      }
+      var before = this.beforeUpload(rawFile);
+      if (before && before.then) {
+        before.then(function (processedFile) {
+          var fileType = Object.prototype.toString.call(processedFile);
+          if (fileType === '[object File]' || fileType === '[object Blob]') {
+            if (fileType === '[object Blob]') {
+              processedFile = new File([processedFile], rawFile.name, {
+                type: rawFile.type
+              });
+            }
+            for (var p in rawFile) {
+              if (rawFile.hasOwnProperty(p)) {
+                processedFile[p] = rawFile[p];
+              }
+            }
+            _this2.post(processedFile);
+          } else {
+            _this2.post(rawFile);
+          }
+        }, function () {
+          _this2.onRemove(null, rawFile);
+        });
+      } else if (before !== false) {
+        this.post(rawFile);
+      } else {
+        this.onRemove(null, rawFile);
+      }
     },
-    getMigratingConfig: function getMigratingConfig() {
-      return {
-        props: {
-          'default-file-list': 'default-file-list is renamed to file-list.',
-          'show-upload-list': 'show-upload-list is renamed to show-file-list.',
-          'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
+    abort: function abort(file) {
+      var reqs = this.reqs;
+      if (file) {
+        var uid = file;
+        if (file.uid) uid = file.uid;
+        if (reqs[uid]) {
+          reqs[uid].abort();
+        }
+      } else {
+        Object.keys(reqs).forEach(function (uid) {
+          if (reqs[uid]) reqs[uid].abort();
+          delete reqs[uid];
+        });
+      }
+    },
+    post: function post(rawFile) {
+      var _this3 = this;
+      var uid = rawFile.uid;
+      var options = {
+        headers: this.headers,
+        withCredentials: this.withCredentials,
+        file: rawFile,
+        data: this.data,
+        filename: this.name,
+        action: this.action,
+        onProgress: function onProgress(e) {
+          _this3.onProgress(e, rawFile);
+        },
+        onSuccess: function onSuccess(res) {
+          _this3.onSuccess(res, rawFile);
+          delete _this3.reqs[uid];
+        },
+        onError: function onError(err) {
+          _this3.onError(err, rawFile);
+          delete _this3.reqs[uid];
         }
       };
+      var req = this.httpRequest(options);
+      this.reqs[uid] = req;
+      if (req && req.then) {
+        req.then(options.onSuccess, options.onError);
+      }
+    },
+    handleClick: function handleClick() {
+      if (!this.disabled) {
+        this.$refs.input.value = null;
+        this.$refs.input.click();
+      }
+    },
+    handleKeydown: function handleKeydown(e) {
+      if (e.target !== e.currentTarget) return;
+      if (e.keyCode === 13 || e.keyCode === 32) {
+        this.handleClick();
+      }
     }
   },
-
   render: function render(h) {
-    var uploadList = void 0;
-
-    if (this.showFileList) {
-      uploadList = h(_uploadList2.default, {
-        attrs: {
-          disabled: this.uploadDisabled,
-          listType: this.listType,
-          files: this.uploadFiles,
-
-          handlePreview: this.onPreview },
-        on: {
-          'remove': this.handleRemove
-        }
-      });
-    }
-
-    var uploadData = {
-      props: {
-        type: this.type,
-        drag: this.drag,
-        action: this.action,
-        multiple: this.multiple,
-        'before-upload': this.beforeUpload,
-        'with-credentials': this.withCredentials,
-        headers: this.headers,
-        name: this.name,
-        data: this.data,
-        accept: this.accept,
-        fileList: this.uploadFiles,
-        autoUpload: this.autoUpload,
-        listType: this.listType,
-        disabled: this.uploadDisabled,
-        limit: this.limit,
-        'on-exceed': this.onExceed,
-        'on-start': this.handleStart,
-        'on-progress': this.handleProgress,
-        'on-success': this.handleSuccess,
-        'on-error': this.handleError,
-        'on-preview': this.onPreview,
-        'on-remove': this.handleRemove,
-        'http-request': this.httpRequest
+    var handleClick = this.handleClick,
+      drag = this.drag,
+      name = this.name,
+      handleChange = this.handleChange,
+      multiple = this.multiple,
+      accept = this.accept,
+      listType = this.listType,
+      uploadFiles = this.uploadFiles,
+      disabled = this.disabled,
+      handleKeydown = this.handleKeydown;
+    var data = {
+      class: {
+        'el-upload': true
       },
-      ref: 'upload-inner'
+      on: {
+        click: handleClick,
+        keydown: handleKeydown
+      }
     };
-
-    var trigger = this.$slots.trigger || this.$slots.default;
-    var uploadComponent = typeof FormData !== 'undefined' || this.$isServer ? h(
-      'upload',
-      uploadData,
-      [trigger]
-    ) : h(
-      'iframeUpload',
-      uploadData,
-      [trigger]
-    );
-
-    return h('div', [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']);
+    data.class["el-upload--" + listType] = true;
+    return h("div", helper_default()([{}, data, {
+      "attrs": {
+        "tabindex": "0"
+      }
+    }]), [drag ? h("upload-dragger", {
+      "attrs": {
+        "disabled": disabled
+      },
+      "on": {
+        "file": uploadFiles
+      }
+    }, [this.$slots.default]) : this.$slots.default, h("input", {
+      "class": "el-upload__input",
+      "attrs": {
+        "type": "file",
+        "name": name,
+        "multiple": multiple,
+        "accept": accept
+      },
+      "ref": "input",
+      "on": {
+        "change": handleChange
+      }
+    })]);
   }
-};
-
-/***/ }),
-
-/***/ 106:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _locale = __webpack_require__(5);
-
-var _locale2 = _interopRequireDefault(_locale);
+});
+;// ./packages/upload/src/upload.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_uploadvue_type_script_lang_js = (uploadvue_type_script_lang_js); 
+;// ./packages/upload/src/upload.vue
+var upload_render, upload_staticRenderFns
+;
+
+
+
+/* normalize component */
+;
+var upload_component = normalizeComponent(
+  src_uploadvue_type_script_lang_js,
+  upload_render,
+  upload_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
 
-var _progress = __webpack_require__(107);
+/* harmony default export */ const src_upload = (upload_component.exports);
+;// external "mazey-element-ui/lib/mixins/migrating"
+const migrating_namespaceObject = require("mazey-element-ui/lib/mixins/migrating");
+var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_namespaceObject);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./packages/upload/src/index.vue?vue&type=script&lang=js
 
-var _progress2 = _interopRequireDefault(_progress);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 
-exports.default = {
-  mixins: [_locale2.default],
 
-  data: function data() {
+function noop() {}
+/* harmony default export */ const srcvue_type_script_lang_js = ({
+  name: 'ElUpload',
+  mixins: [(migrating_default())],
+  components: {
+    ElProgress: (progress_default()),
+    UploadList: upload_list,
+    Upload: src_upload
+  },
+  provide: function provide() {
     return {
-      focusing: false
+      uploader: this
     };
   },
-
-  components: { ElProgress: _progress2.default },
-
+  inject: {
+    elForm: {
+      default: ''
+    }
+  },
   props: {
-    files: {
-      type: Array,
+    action: {
+      type: String,
+      required: true
+    },
+    headers: {
+      type: Object,
       default: function _default() {
-        return [];
+        return {};
       }
     },
-    disabled: {
+    data: Object,
+    multiple: Boolean,
+    name: {
+      type: String,
+      default: 'file'
+    },
+    drag: Boolean,
+    dragger: Boolean,
+    withCredentials: Boolean,
+    showFileList: {
       type: Boolean,
-      default: false
+      default: true
     },
-    handlePreview: Function,
-    listType: String
-  },
-  methods: {
-    parsePercentage: function parsePercentage(val) {
-      return parseInt(val, 10);
-    },
-    handleClick: function handleClick(file) {
-      this.handlePreview && this.handlePreview(file);
-    }
-  }
-};
-
-/***/ }),
-
-/***/ 107:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/progress");
-
-/***/ }),
-
-/***/ 108:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _babelHelperVueJsxMergeProps = __webpack_require__(45);
-
-var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);
-
-var _ajax = __webpack_require__(325);
-
-var _ajax2 = _interopRequireDefault(_ajax);
-
-var _uploadDragger = __webpack_require__(109);
-
-var _uploadDragger2 = _interopRequireDefault(_uploadDragger);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
-  inject: ['uploader'],
-  components: {
-    UploadDragger: _uploadDragger2.default
-  },
-  props: {
-    type: String,
-    action: {
-      type: String,
-      required: true
-    },
-    name: {
+    accept: String,
+    type: {
       type: String,
-      default: 'file'
+      default: 'select'
     },
-    data: Object,
-    headers: Object,
-    withCredentials: Boolean,
-    multiple: Boolean,
-    accept: String,
-    onStart: Function,
-    onProgress: Function,
-    onSuccess: Function,
-    onError: Function,
     beforeUpload: Function,
-    drag: Boolean,
+    beforeRemove: Function,
+    onRemove: {
+      type: Function,
+      default: noop
+    },
+    onChange: {
+      type: Function,
+      default: noop
+    },
     onPreview: {
+      type: Function
+    },
+    onSuccess: {
       type: Function,
-      default: function _default() {}
+      default: noop
     },
-    onRemove: {
+    onProgress: {
       type: Function,
-      default: function _default() {}
+      default: noop
     },
-    fileList: Array,
-    autoUpload: Boolean,
-    listType: String,
-    httpRequest: {
+    onError: {
       type: Function,
-      default: _ajax2.default
+      default: noop
+    },
+    fileList: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    autoUpload: {
+      type: Boolean,
+      default: true
+    },
+    listType: {
+      type: String,
+      default: 'text' // text,picture,picture-card
     },
+    httpRequest: Function,
     disabled: Boolean,
     limit: Number,
-    onExceed: Function
+    onExceed: {
+      type: Function,
+      default: noop
+    }
   },
-
   data: function data() {
     return {
-      mouseover: false,
-      reqs: {}
+      uploadFiles: [],
+      dragOver: false,
+      draging: false,
+      tempIndex: 1
     };
   },
-
-
-  methods: {
-    isImage: function isImage(str) {
-      return str.indexOf('image') !== -1;
-    },
-    handleChange: function handleChange(ev) {
-      var files = ev.target.files;
-
-      if (!files) return;
-      this.uploadFiles(files);
-    },
-    uploadFiles: function uploadFiles(files) {
-      var _this = this;
-
-      if (this.limit && this.fileList.length + files.length > this.limit) {
-        this.onExceed && this.onExceed(files, this.fileList);
-        return;
-      }
-
-      var postFiles = Array.prototype.slice.call(files);
-      if (!this.multiple) {
-        postFiles = postFiles.slice(0, 1);
-      }
-
-      if (postFiles.length === 0) {
-        return;
-      }
-
-      postFiles.forEach(function (rawFile) {
-        _this.onStart(rawFile);
-        if (_this.autoUpload) _this.upload(rawFile);
-      });
-    },
-    upload: function upload(rawFile) {
-      var _this2 = this;
-
-      this.$refs.input.value = null;
-
-      if (!this.beforeUpload) {
-        return this.post(rawFile);
-      }
-
-      var before = this.beforeUpload(rawFile);
-      if (before && before.then) {
-        before.then(function (processedFile) {
-          var fileType = Object.prototype.toString.call(processedFile);
-
-          if (fileType === '[object File]' || fileType === '[object Blob]') {
-            if (fileType === '[object Blob]') {
-              processedFile = new File([processedFile], rawFile.name, {
-                type: rawFile.type
-              });
-            }
-            for (var p in rawFile) {
-              if (rawFile.hasOwnProperty(p)) {
-                processedFile[p] = rawFile[p];
-              }
+  computed: {
+    uploadDisabled: function uploadDisabled() {
+      return this.disabled || (this.elForm || {}).disabled;
+    }
+  },
+  watch: {
+    listType: function listType(type) {
+      if (type === 'picture-card' || type === 'picture') {
+        this.uploadFiles = this.uploadFiles.map(function (file) {
+          if (!file.url && file.raw) {
+            try {
+              file.url = URL.createObjectURL(file.raw);
+            } catch (err) {
+              console.error('[Element Error][Upload]', err);
             }
-            _this2.post(processedFile);
-          } else {
-            _this2.post(rawFile);
           }
-        }, function () {
-          _this2.onRemove(null, rawFile);
+          return file;
         });
-      } else if (before !== false) {
-        this.post(rawFile);
-      } else {
-        this.onRemove(null, rawFile);
       }
     },
-    abort: function abort(file) {
-      var reqs = this.reqs;
-
-      if (file) {
-        var uid = file;
-        if (file.uid) uid = file.uid;
-        if (reqs[uid]) {
-          reqs[uid].abort();
-        }
-      } else {
-        Object.keys(reqs).forEach(function (uid) {
-          if (reqs[uid]) reqs[uid].abort();
-          delete reqs[uid];
+    fileList: {
+      immediate: true,
+      handler: function handler(fileList) {
+        var _this = this;
+        this.uploadFiles = fileList.map(function (item) {
+          item.uid = item.uid || Date.now() + _this.tempIndex++;
+          item.status = item.status || 'success';
+          return item;
         });
       }
-    },
-    post: function post(rawFile) {
-      var _this3 = this;
-
-      var uid = rawFile.uid;
-
-      var options = {
-        headers: this.headers,
-        withCredentials: this.withCredentials,
-        file: rawFile,
-        data: this.data,
-        filename: this.name,
-        action: this.action,
-        onProgress: function onProgress(e) {
-          _this3.onProgress(e, rawFile);
-        },
-        onSuccess: function onSuccess(res) {
-          _this3.onSuccess(res, rawFile);
-          delete _this3.reqs[uid];
-        },
-        onError: function onError(err) {
-          _this3.onError(err, rawFile);
-          delete _this3.reqs[uid];
-        }
+    }
+  },
+  methods: {
+    handleStart: function handleStart(rawFile) {
+      rawFile.uid = Date.now() + this.tempIndex++;
+      var file = {
+        status: 'ready',
+        name: rawFile.name,
+        size: rawFile.size,
+        percentage: 0,
+        uid: rawFile.uid,
+        raw: rawFile
       };
-      var req = this.httpRequest(options);
-      this.reqs[uid] = req;
-      if (req && req.then) {
-        req.then(options.onSuccess, options.onError);
+      if (this.listType === 'picture-card' || this.listType === 'picture') {
+        try {
+          file.url = URL.createObjectURL(rawFile);
+        } catch (err) {
+          console.error('[Element Error][Upload]', err);
+          return;
+        }
       }
+      this.uploadFiles.push(file);
+      this.onChange(file, this.uploadFiles);
     },
-    handleClick: function handleClick() {
-      if (!this.disabled) {
-        this.$refs.input.value = null;
-        this.$refs.input.click();
+    handleProgress: function handleProgress(ev, rawFile) {
+      var file = this.getFile(rawFile);
+      this.onProgress(ev, file, this.uploadFiles);
+      file.status = 'uploading';
+      file.percentage = ev.percent || 0;
+    },
+    handleSuccess: function handleSuccess(res, rawFile) {
+      var file = this.getFile(rawFile);
+      if (file) {
+        file.status = 'success';
+        file.response = res;
+        this.onSuccess(res, file, this.uploadFiles);
+        this.onChange(file, this.uploadFiles);
       }
     },
-    handleKeydown: function handleKeydown(e) {
-      if (e.target !== e.currentTarget) return;
-      if (e.keyCode === 13 || e.keyCode === 32) {
-        this.handleClick();
-      }
-    }
-  },
-
-  render: function render(h) {
-    var handleClick = this.handleClick,
-        drag = this.drag,
-        name = this.name,
-        handleChange = this.handleChange,
-        multiple = this.multiple,
-        accept = this.accept,
-        listType = this.listType,
-        uploadFiles = this.uploadFiles,
-        disabled = this.disabled,
-        handleKeydown = this.handleKeydown;
-
-    var data = {
-      class: {
-        'el-upload': true
-      },
-      on: {
-        click: handleClick,
-        keydown: handleKeydown
+    handleError: function handleError(err, rawFile) {
+      var file = this.getFile(rawFile);
+      var fileList = this.uploadFiles;
+      file.status = 'fail';
+      fileList.splice(fileList.indexOf(file), 1);
+      this.onError(err, file, this.uploadFiles);
+      this.onChange(file, this.uploadFiles);
+    },
+    handleRemove: function handleRemove(file, raw) {
+      var _this2 = this;
+      if (raw) {
+        file = this.getFile(raw);
       }
-    };
-    data.class['el-upload--' + listType] = true;
-    return h(
-      'div',
-      (0, _babelHelperVueJsxMergeProps2.default)([data, {
-        attrs: { tabindex: '0' }
-      }]),
-      [drag ? h(
-        'upload-dragger',
-        {
-          attrs: { disabled: disabled },
-          on: {
-            'file': uploadFiles
-          }
-        },
-        [this.$slots.default]
-      ) : this.$slots.default, h('input', { 'class': 'el-upload__input', attrs: { type: 'file', name: name, multiple: multiple, accept: accept },
-        ref: 'input', on: {
-          'change': handleChange
+      var doRemove = function doRemove() {
+        _this2.abort(file);
+        var fileList = _this2.uploadFiles;
+        fileList.splice(fileList.indexOf(file), 1);
+        _this2.onRemove(file, fileList);
+      };
+      if (!this.beforeRemove) {
+        doRemove();
+      } else if (typeof this.beforeRemove === 'function') {
+        var before = this.beforeRemove(file, this.uploadFiles);
+        if (before && before.then) {
+          before.then(function () {
+            doRemove();
+          }, noop);
+        } else if (before !== false) {
+          doRemove();
         }
-      })]
-    );
-  }
-};
-
-/***/ }),
-
-/***/ 109:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue__ = __webpack_require__(110);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_4c315758_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_upload_dragger_vue__ = __webpack_require__(326);
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_dragger_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_4c315758_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_upload_dragger_vue__["a" /* default */],
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 110:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-exports.default = {
-  name: 'ElUploadDrag',
-  props: {
-    disabled: Boolean
-  },
-  inject: {
-    uploader: {
-      default: ''
-    }
-  },
-  data: function data() {
-    return {
-      dragover: false
-    };
-  },
-
-  methods: {
-    onDragover: function onDragover() {
-      if (!this.disabled) {
-        this.dragover = true;
       }
     },
-    onDrop: function onDrop(e) {
-      if (this.disabled || !this.uploader) return;
-      var accept = this.uploader.accept;
-      this.dragover = false;
-      if (!accept) {
-        this.$emit('file', e.dataTransfer.files);
-        return;
-      }
-      this.$emit('file', [].slice.call(e.dataTransfer.files).filter(function (file) {
-        var type = file.type,
-            name = file.name;
-
-        var extension = name.indexOf('.') > -1 ? '.' + name.split('.').pop() : '';
-        var baseType = type.replace(/\/.*$/, '');
-        return accept.split(',').map(function (type) {
-          return type.trim();
-        }).filter(function (type) {
-          return type;
-        }).some(function (acceptedType) {
-          if (/\..+$/.test(acceptedType)) {
-            return extension === acceptedType;
-          }
-          if (/\/\*$/.test(acceptedType)) {
-            return baseType === acceptedType.replace(/\/\*$/, '');
-          }
-          if (/^[^\/]+\/[^\/]+$/.test(acceptedType)) {
-            return type === acceptedType;
-          }
-          return false;
-        });
-      }));
-    }
-  }
-};
-
-/***/ }),
-
-/***/ 111:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _uploadDragger = __webpack_require__(109);
-
-var _uploadDragger2 = _interopRequireDefault(_uploadDragger);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-exports.default = {
-  components: {
-    UploadDragger: _uploadDragger2.default
-  },
-  props: {
-    type: String,
-    data: {},
-    action: {
-      type: String,
-      required: true
-    },
-    name: {
-      type: String,
-      default: 'file'
-    },
-    withCredentials: Boolean,
-    accept: String,
-    onStart: Function,
-    onProgress: Function,
-    onSuccess: Function,
-    onError: Function,
-    beforeUpload: Function,
-    onPreview: {
-      type: Function,
-      default: function _default() {}
-    },
-    onRemove: {
-      type: Function,
-      default: function _default() {}
+    getFile: function getFile(rawFile) {
+      var fileList = this.uploadFiles;
+      var target;
+      fileList.every(function (item) {
+        target = rawFile.uid === item.uid ? item : null;
+        return !target;
+      });
+      return target;
     },
-    drag: Boolean,
-    listType: String,
-    disabled: Boolean,
-    limit: Number,
-    onExceed: Function
-  },
-
-  data: function data() {
-    return {
-      mouseover: false,
-      domain: '',
-      file: null,
-      submitting: false
-    };
-  },
-
-
-  methods: {
-    isImage: function isImage(str) {
-      return str.indexOf('image') !== -1;
+    abort: function abort(file) {
+      this.$refs['upload-inner'].abort(file);
     },
-    handleClick: function handleClick() {
-      if (!this.disabled) {
-        this.$refs.input.click();
-      }
+    clearFiles: function clearFiles() {
+      this.uploadFiles = [];
     },
-    handleChange: function handleChange(ev) {
-      var file = ev.target.value;
-      if (file) {
-        this.uploadFiles(file);
-      }
+    submit: function submit() {
+      var _this3 = this;
+      this.uploadFiles.filter(function (file) {
+        return file.status === 'ready';
+      }).forEach(function (file) {
+        _this3.$refs['upload-inner'].upload(file.raw);
+      });
     },
-    uploadFiles: function uploadFiles(file) {
-      if (this.limit && this.$parent.uploadFiles.length + file.length > this.limit) {
-        this.onExceed && this.onExceed(this.fileList);
-        return;
-      }
-
-      if (this.submitting) return;
-      this.submitting = true;
-      this.file = file;
-      this.onStart(file);
-
-      var formNode = this.getFormNode();
-      var dataSpan = this.getFormDataNode();
-      var data = this.data;
-      if (typeof data === 'function') {
-        data = data(file);
-      }
-      var inputs = [];
-      for (var key in data) {
-        if (data.hasOwnProperty(key)) {
-          inputs.push('<input name="' + key + '" value="' + data[key] + '"/>');
+    getMigratingConfig: function getMigratingConfig() {
+      return {
+        props: {
+          'default-file-list': 'default-file-list is renamed to file-list.',
+          'show-upload-list': 'show-upload-list is renamed to show-file-list.',
+          'thumbnail-mode': 'thumbnail-mode has been deprecated, you can implement the same effect according to this case: http://element.eleme.io/#/zh-CN/component/upload#yong-hu-tou-xiang-shang-chuan'
         }
-      }
-      dataSpan.innerHTML = inputs.join('');
-      formNode.submit();
-      dataSpan.innerHTML = '';
-    },
-    getFormNode: function getFormNode() {
-      return this.$refs.form;
-    },
-    getFormDataNode: function getFormDataNode() {
-      return this.$refs.data;
+      };
     }
   },
-
-  created: function created() {
-    this.frameName = 'frame-' + Date.now();
-  },
-  mounted: function mounted() {
-    var self = this;
-    !this.$isServer && window.addEventListener('message', function (event) {
-      if (!self.file) return;
-      var targetOrigin = new URL(self.action).origin;
-      if (event.origin !== targetOrigin) return;
-      var response = event.data;
-      if (response.result === 'success') {
-        self.onSuccess(response, self.file);
-      } else if (response.result === 'failed') {
-        self.onError(response, self.file);
+  beforeDestroy: function beforeDestroy() {
+    this.uploadFiles.forEach(function (file) {
+      if (file.url && file.url.indexOf('blob:') === 0) {
+        URL.revokeObjectURL(file.url);
       }
-      self.submitting = false;
-      self.file = null;
-    }, false);
+    });
   },
   render: function render(h) {
-    var drag = this.drag,
-        uploadFiles = this.uploadFiles,
-        listType = this.listType,
-        frameName = this.frameName,
-        disabled = this.disabled;
-
-    var oClass = { 'el-upload': true };
-    oClass['el-upload--' + listType] = true;
-
-    return h(
-      'div',
-      {
-        'class': oClass,
-        on: {
-          'click': this.handleClick
+    var _this4 = this;
+    var uploadList;
+    if (this.showFileList) {
+      uploadList = h(upload_list, {
+        "attrs": {
+          "disabled": this.uploadDisabled,
+          "listType": this.listType,
+          "files": this.uploadFiles,
+          "handlePreview": this.onPreview
         },
-        nativeOn: {
-          'drop': this.onDrop,
-          'dragover': this.handleDragover,
-          'dragleave': this.handleDragleave
+        "on": {
+          "remove": this.handleRemove
         }
-      },
-      [h('iframe', {
-        on: {
-          'load': this.onload
-        },
-
-        ref: 'iframe',
-        attrs: { name: frameName
+      }, [function (props) {
+        if (_this4.$scopedSlots.file) {
+          return _this4.$scopedSlots.file({
+            file: props.file
+          });
         }
-      }), h(
-        'form',
-        { ref: 'form', attrs: { action: this.action, target: frameName, enctype: 'multipart/form-data', method: 'POST' }
-        },
-        [h('input', {
-          'class': 'el-upload__input',
-          attrs: { type: 'file',
-
-            name: 'file',
-
-            accept: this.accept },
-          ref: 'input', on: {
-            'change': this.handleChange
-          }
-        }), h('input', {
-          attrs: { type: 'hidden', name: 'documentDomain' },
-          domProps: {
-            'value': this.$isServer ? '' : document.domain
-          }
-        }), h('span', { ref: 'data' })]
-      ), drag ? h(
-        'upload-dragger',
-        {
-          on: {
-            'file': uploadFiles
-          },
-          attrs: { disabled: disabled }
-        },
-        [this.$slots.default]
-      ) : this.$slots.default]
-    );
-  }
-};
-
-/***/ }),
-
-/***/ 320:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-
-var _src = __webpack_require__(321);
-
-var _src2 = _interopRequireDefault(_src);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-/* istanbul ignore next */
-_src2.default.install = function (Vue) {
-  Vue.component(_src2.default.name, _src2.default);
-};
-
-exports.default = _src2.default;
-
-/***/ }),
-
-/***/ 321:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__ = __webpack_require__(105);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-var __vue_template__ = null
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_index_vue___default.a,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 322:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_list_vue__ = __webpack_require__(106);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_list_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_list_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_list_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_list_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5d44ef9a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_upload_list_vue__ = __webpack_require__(323);
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_list_vue___default.a,
-  __WEBPACK_IMPORTED_MODULE_1__node_modules_vue_loader_13_7_3_vue_loader_lib_template_compiler_index_id_data_v_5d44ef9a_hasScoped_false_preserveWhitespace_false_buble_transforms_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_template_index_0_upload_list_vue__["a" /* default */],
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 323:
-/***/ (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('transition-group',{class:[
-    'el-upload-list',
-    'el-upload-list--' + _vm.listType,
-    { 'is-disabled': _vm.disabled }
-  ],attrs:{"tag":"ul","name":"el-list"}},_vm._l((_vm.files),function(file,index){return _c('li',{key:index,class:['el-upload-list__item', 'is-' + file.status, _vm.focusing ? 'focusing' : ''],attrs:{"tabindex":"0"},on:{"keydown":function($event){if(!('button' in $event)&&_vm._k($event.keyCode,"delete",[8,46],$event.key,["Backspace","Delete"])){ return null; }!_vm.disabled && _vm.$emit('remove', file)},"focus":function($event){_vm.focusing = true},"blur":function($event){_vm.focusing = false},"click":function($event){_vm.focusing = false}}},[(file.status !== 'uploading' && ['picture-card', 'picture'].indexOf(_vm.listType) > -1)?_c('img',{staticClass:"el-upload-list__item-thumbnail",attrs:{"src":file.url,"alt":""}}):_vm._e(),_c('a',{staticClass:"el-upload-list__item-name",on:{"click":function($event){_vm.handleClick(file)}}},[_c('i',{staticClass:"el-icon-document"}),_vm._v(_vm._s(file.name)+"\n    ")]),_c('label',{staticClass:"el-upload-list__item-status-label"},[_c('i',{class:{
-        'el-icon-upload-success': true,
-        'el-icon-circle-check': _vm.listType === 'text',
-        'el-icon-check': ['picture-card', 'picture'].indexOf(_vm.listType) > -1
-      }})]),(!_vm.disabled)?_c('i',{staticClass:"el-icon-close",on:{"click":function($event){_vm.$emit('remove', file)}}}):_vm._e(),(!_vm.disabled)?_c('i',{staticClass:"el-icon-close-tip"},[_vm._v(_vm._s(_vm.t('el.upload.deleteTip')))]):_vm._e(),(file.status === 'uploading')?_c('el-progress',{attrs:{"type":_vm.listType === 'picture-card' ? 'circle' : 'line',"stroke-width":_vm.listType === 'picture-card' ? 6 : 2,"percentage":_vm.parsePercentage(file.percentage)}}):_vm._e(),(_vm.listType === 'picture-card')?_c('span',{staticClass:"el-upload-list__item-actions"},[(_vm.handlePreview && _vm.listType === 'picture-card')?_c('span',{staticClass:"el-upload-list__item-preview",on:{"click":function($event){_vm.handlePreview(file)}}},[_c('i',{staticClass:"el-icon-zoom-in"})]):_vm._e(),(!_vm.disabled)?_c('span',{staticClass:"el-upload-list__item-delete",on:{"click":function($event){_vm.$emit('remove', file)}}},[_c('i',{staticClass:"el-icon-delete"})]):_vm._e()]):_vm._e()],1)}))}
-var staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
-/***/ }),
-
-/***/ 324:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_vue__ = __webpack_require__(108);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-var __vue_template__ = null
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_upload_vue___default.a,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
-)
-
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
-
-/***/ 325:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.default = upload;
-function getError(action, option, xhr) {
-  var msg = void 0;
-  if (xhr.response) {
-    msg = '' + (xhr.response.error || xhr.response);
-  } else if (xhr.responseText) {
-    msg = '' + xhr.responseText;
-  } else {
-    msg = 'fail to post ' + action + ' ' + xhr.status;
-  }
-
-  var err = new Error(msg);
-  err.status = xhr.status;
-  err.method = 'post';
-  err.url = action;
-  return err;
-}
-
-function getBody(xhr) {
-  var text = xhr.responseText || xhr.response;
-  if (!text) {
-    return text;
-  }
-
-  try {
-    return JSON.parse(text);
-  } catch (e) {
-    return text;
-  }
-}
-
-function upload(option) {
-  if (typeof XMLHttpRequest === 'undefined') {
-    return;
-  }
-
-  var xhr = new XMLHttpRequest();
-  var action = option.action;
-
-  if (xhr.upload) {
-    xhr.upload.onprogress = function progress(e) {
-      if (e.total > 0) {
-        e.percent = e.loaded / e.total * 100;
-      }
-      option.onProgress(e);
-    };
-  }
-
-  var formData = new FormData();
-
-  if (option.data) {
-    Object.keys(option.data).forEach(function (key) {
-      formData.append(key, option.data[key]);
-    });
-  }
-
-  formData.append(option.filename, option.file, option.file.name);
-
-  xhr.onerror = function error(e) {
-    option.onError(e);
-  };
-
-  xhr.onload = function onload() {
-    if (xhr.status < 200 || xhr.status >= 300) {
-      return option.onError(getError(action, option, xhr));
-    }
-
-    option.onSuccess(getBody(xhr));
-  };
-
-  xhr.open('post', action, true);
-
-  if (option.withCredentials && 'withCredentials' in xhr) {
-    xhr.withCredentials = true;
-  }
-
-  var headers = option.headers || {};
-
-  for (var item in headers) {
-    if (headers.hasOwnProperty(item) && headers[item] !== null) {
-      xhr.setRequestHeader(item, headers[item]);
+      }]);
     }
+    var uploadData = {
+      props: {
+        type: this.type,
+        drag: this.drag,
+        action: this.action,
+        multiple: this.multiple,
+        'before-upload': this.beforeUpload,
+        'with-credentials': this.withCredentials,
+        headers: this.headers,
+        name: this.name,
+        data: this.data,
+        accept: this.accept,
+        fileList: this.uploadFiles,
+        autoUpload: this.autoUpload,
+        listType: this.listType,
+        disabled: this.uploadDisabled,
+        limit: this.limit,
+        'on-exceed': this.onExceed,
+        'on-start': this.handleStart,
+        'on-progress': this.handleProgress,
+        'on-success': this.handleSuccess,
+        'on-error': this.handleError,
+        'on-preview': this.onPreview,
+        'on-remove': this.handleRemove,
+        'http-request': this.httpRequest
+      },
+      ref: 'upload-inner'
+    };
+    var trigger = this.$slots.trigger || this.$slots.default;
+    var uploadComponent = h("upload", helper_default()([{}, uploadData]), [trigger]);
+    return h("div", [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']);
   }
-  xhr.send(formData);
-  return xhr;
-}
-
-/***/ }),
-
-/***/ 326:
-/***/ (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:"el-upload-dragger",class:{
-    'is-dragover': _vm.dragover
-  },on:{"drop":function($event){$event.preventDefault();return _vm.onDrop($event)},"dragover":function($event){$event.preventDefault();return _vm.onDragover($event)},"dragleave":function($event){$event.preventDefault();_vm.dragover = false}}},[_vm._t("default")],2)}
-var staticRenderFns = []
-var esExports = { render: render, staticRenderFns: staticRenderFns }
-/* harmony default export */ __webpack_exports__["a"] = (esExports);
-
-/***/ }),
-
-/***/ 327:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue__ = __webpack_require__(111);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue__);
-/* harmony namespace reexport (unknown) */ for(var __WEBPACK_IMPORT_KEY__ in __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue__) if(__WEBPACK_IMPORT_KEY__ !== 'default') (function(key) { __webpack_require__.d(__webpack_exports__, key, function() { return __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue__[key]; }) }(__WEBPACK_IMPORT_KEY__));
-var normalizeComponent = __webpack_require__(0)
-/* script */
-
-
-/* template */
-var __vue_template__ = null
-/* template functional */
-var __vue_template_functional__ = false
-/* styles */
-var __vue_styles__ = null
-/* scopeId */
-var __vue_scopeId__ = null
-/* moduleIdentifier (server only) */
-var __vue_module_identifier__ = null
-var Component = normalizeComponent(
-  __WEBPACK_IMPORTED_MODULE_0__babel_loader_node_modules_vue_loader_13_7_3_vue_loader_lib_selector_type_script_index_0_iframe_upload_vue___default.a,
-  __vue_template__,
-  __vue_template_functional__,
-  __vue_styles__,
-  __vue_scopeId__,
-  __vue_module_identifier__
+});
+;// ./packages/upload/src/index.vue?vue&type=script&lang=js
+ /* harmony default export */ const upload_srcvue_type_script_lang_js = (srcvue_type_script_lang_js); 
+;// ./packages/upload/src/index.vue
+var src_render, src_staticRenderFns
+;
+
+
+
+/* normalize component */
+;
+var src_component = normalizeComponent(
+  upload_srcvue_type_script_lang_js,
+  src_render,
+  src_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
 )
 
-/* harmony default export */ __webpack_exports__["default"] = (Component.exports);
-
-
-/***/ }),
+/* harmony default export */ const src = (src_component.exports);
+;// ./packages/upload/index.js
 
-/***/ 45:
-/***/ (function(module, exports) {
 
-module.exports = require("babel-helper-vue-jsx-merge-props");
-
-/***/ }),
-
-/***/ 5:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/locale");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("element-ui/lib/mixins/migrating");
+/* istanbul ignore next */
+src.install = function (Vue) {
+  Vue.component(src.name, src);
+};
+/* harmony default export */ const packages_upload = (src);
 
-/***/ })
+/***/ }
 
-/******/ });
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	const __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		const cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		const module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			const getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter/value functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			if(Array.isArray(definition)) {
+/******/ 				var i = 0;
+/******/ 				while(i < definition.length) {
+/******/ 					var key = definition[i++];
+/******/ 					var binding = definition[i++];
+/******/ 					if(!__webpack_require__.o(exports, key)) {
+/******/ 						if(binding === 0) {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, value: definition[i++] });
+/******/ 						} else {
+/******/ 							Object.defineProperty(exports, key, { enumerable: true, get: binding });
+/******/ 						}
+/******/ 					} else if(binding === 0) { i++; }
+/******/ 				}
+/******/ 			} else {
+/******/ 				for(var key in definition) {
+/******/ 					if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 						Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 					}
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/wrap commonjs module */
+/******/ 	(() => {
+/******/ 		// execute a CommonJS module body with real module/exports objects, returning the final exports
+/******/ 		__webpack_require__.cjs = (body) => {
+/******/ 			const mod = { exports: {} };
+/******/ 			body.call(mod.exports, mod, mod.exports);
+/******/ 			return mod.exports;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+/******/ 	
+/******/ 	// startup
+/******/ 	// Load entry module and return exports
+/******/ 	// This entry module used 'module' so it can't be inlined
+/******/ 	let __webpack_exports__ = __webpack_require__(5623);
+/******/ 	module.exports = __webpack_exports__["default"];
+/******/ 	
+/******/ })()
+;