iov-design 2.15.45 → 2.15.47

package/lib/iov-design.common.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 47);
+/******/ 	return __webpack_require__(__webpack_require__.s = 48);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -113,13 +113,13 @@ module.exports = require("iov-design/lib/mixins/emitter");
 /* 4 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/mixins/locale");
+module.exports = require("iov-design/lib/utils/vue-popper");
 
 /***/ }),
 /* 5 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/utils/vue-popper");
+module.exports = require("iov-design/lib/mixins/locale");
 
 /***/ }),
 /* 6 */
@@ -233,73 +233,73 @@ module.exports = require("iov-design/lib/mixins/focus");
 /* 24 */
 /***/ (function(module, exports) {
 
-module.exports = require("babel-helper-vue-jsx-merge-props");
+module.exports = require("iov-design/lib/progress");
 
 /***/ }),
 /* 25 */
 /***/ (function(module, exports) {
 
-module.exports = require("throttle-debounce/throttle");
+module.exports = require("babel-helper-vue-jsx-merge-props");
 
 /***/ }),
 /* 26 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/tooltip");
+module.exports = require("throttle-debounce/throttle");
 
 /***/ }),
 /* 27 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/utils/scroll-into-view");
+module.exports = require("iov-design/lib/tooltip");
 
 /***/ }),
 /* 28 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/utils/lodash");
+module.exports = require("iov-design/lib/utils/scroll-into-view");
 
 /***/ }),
 /* 29 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/button-group");
+module.exports = require("iov-design/lib/utils/lodash");
 
 /***/ }),
 /* 30 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/tag");
+module.exports = require("iov-design/lib/button-group");
 
 /***/ }),
 /* 31 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/empty");
+module.exports = require("iov-design/lib/tag");
 
 /***/ }),
 /* 32 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/utils/scrollbar-width");
+module.exports = require("iov-design/lib/empty");
 
 /***/ }),
 /* 33 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/checkbox-group");
+module.exports = require("iov-design/lib/utils/scrollbar-width");
 
 /***/ }),
 /* 34 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/utils/after-leave");
+module.exports = require("iov-design/lib/checkbox-group");
 
 /***/ }),
 /* 35 */
 /***/ (function(module, exports) {
 
-module.exports = require("iov-design/lib/progress");
+module.exports = require("iov-design/lib/utils/after-leave");
 
 /***/ }),
 /* 36 */
@@ -309,73 +309,115 @@ module.exports = require("iov-design/lib/utils/aria-utils");
 
 /***/ }),
 /* 37 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/zip.dca21a8.png";
+
+/***/ }),
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = require("throttle-debounce");
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/select");
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/option");
 
 /***/ }),
-/* 40 */
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("normalize-wheel");
 
 /***/ }),
-/* 41 */
+/* 42 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/utils/aria-dialog");
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports) {
 
 module.exports = require("async-validator");
 
 /***/ }),
-/* 43 */
+/* 44 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/input-number");
 
 /***/ }),
-/* 44 */
+/* 45 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/cascader-panel");
 
 /***/ }),
-/* 45 */
+/* 46 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/radio");
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/popover");
 
 /***/ }),
-/* 47 */
+/* 48 */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(48);
+module.exports = __webpack_require__(55);
 
 
 /***/ }),
-/* 48 */
+/* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/img.cd179e5.png";
+
+/***/ }),
+/* 50 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/pdf.79cb57f.png";
+
+/***/ }),
+/* 51 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/excel.f44318e.png";
+
+/***/ }),
+/* 52 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/ppt.eed4918.png";
+
+/***/ }),
+/* 53 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/word.35070ef.png";
+
+/***/ }),
+/* 54 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/file.4ed3551.png";
+
+/***/ }),
+/* 55 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -744,11 +786,11 @@ if (false) { var api; }
 component.options.__file = "packages/pagination/src/pager.vue"
 /* harmony default export */ var pager = (component.exports);
 // EXTERNAL MODULE: external "iov-design/lib/select"
-var select_ = __webpack_require__(38);
+var select_ = __webpack_require__(39);
 var select_default = /*#__PURE__*/__webpack_require__.n(select_);
 
 // EXTERNAL MODULE: external "iov-design/lib/option"
-var option_ = __webpack_require__(39);
+var option_ = __webpack_require__(40);
 var option_default = /*#__PURE__*/__webpack_require__.n(option_);
 
 // EXTERNAL MODULE: external "iov-design/lib/input"
@@ -756,7 +798,7 @@ var input_ = __webpack_require__(8);
 var input_default = /*#__PURE__*/__webpack_require__.n(input_);
 
 // EXTERNAL MODULE: external "iov-design/lib/mixins/locale"
-var locale_ = __webpack_require__(4);
+var locale_ = __webpack_require__(5);
 var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/util"
@@ -1275,6 +1317,7 @@ var componentvue_type_template_id_60140e62_render = function() {
                 ? _c(
                     "div",
                     {
+                      ref: "body",
                       staticClass: "el-dialog__body",
                       class:
                         _vm.type === "form"
@@ -1288,7 +1331,7 @@ var componentvue_type_template_id_60140e62_render = function() {
               _vm.$slots.footer
                 ? _c(
                     "div",
-                    { staticClass: "el-dialog__footer" },
+                    { ref: "footer", staticClass: "el-dialog__footer" },
                     [_vm._t("footer")],
                     2
                   )
@@ -1424,7 +1467,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
 
     top: {
       type: String,
-      default: '15vh'
+      default: '50%'
     },
     beforeClose: Function,
     center: {
@@ -1473,7 +1516,7 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     style: function style() {
       var style = {};
       if (!this.fullscreen) {
-        style.marginTop = this.top;
+        style.top = this.top;
         if (this.width) {
           style.width = this.width;
         }
@@ -1513,10 +1556,52 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
       this.broadcast('ElDropdownMenu', 'updatePopper');
     },
     afterEnter: function afterEnter() {
+      this.onDialogOpened();
       this.$emit('opened');
     },
     afterLeave: function afterLeave() {
       this.$emit('closed');
+    },
+    onDialogOpened: function onDialogOpened() {
+      var _this2 = this;
+
+      this.$nextTick(function () {
+        _this2.checkOverflow();
+        _this2.observeContentChanges();
+      });
+    },
+
+
+    // 检查内容是否超过body高度
+    checkOverflow: function checkOverflow() {
+      var body = this.$refs.body;
+      var footer = this.$refs.footer;
+      if (!body || !footer) return;
+      if (body.scrollHeight > body.clientHeight) {
+        footer.classList.add('el-dialog__footer--shadow');
+      } else {
+        footer.classList.remove('el-dialog__footer--shadow');
+      }
+    },
+
+    // 监听节点变化
+    observeContentChanges: function observeContentChanges() {
+      var _this3 = this;
+
+      var body = this.$refs.body;
+      if (!body) return;
+      if (this._mutationObserver) {
+        this._mutationObserver.disconnect();
+      }
+      this._mutationObserver = new MutationObserver(function () {
+        _this3.checkOverflow();
+      });
+      // 监听子节点及文本节点的内容变化
+      this._mutationObserver.observe(body, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
     }
   },
 
@@ -1534,6 +1619,9 @@ var emitter_default = /*#__PURE__*/__webpack_require__.n(emitter_);
     if (this.appendToBody && this.$el && this.$el.parentNode) {
       this.$el.parentNode.removeChild(this.$el);
     }
+    if (this._mutationObserver) {
+      this._mutationObserver.disconnect();
+    }
   }
 });
 // CONCATENATED MODULE: ./packages/dialog/src/component.vue?vue&type=script&lang=js&
@@ -1795,7 +1883,7 @@ autocomplete_suggestionsvue_type_template_id_cd10dcf0_render._withStripped = tru
 // CONCATENATED MODULE: ./packages/autocomplete/src/autocomplete-suggestions.vue?vue&type=template&id=cd10dcf0&
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/vue-popper"
-var vue_popper_ = __webpack_require__(5);
+var vue_popper_ = __webpack_require__(4);
 var vue_popper_default = /*#__PURE__*/__webpack_require__.n(vue_popper_);
 
 // EXTERNAL MODULE: external "iov-design/lib/scrollbar"
@@ -2245,7 +2333,7 @@ var button_ = __webpack_require__(13);
 var button_default = /*#__PURE__*/__webpack_require__.n(button_);
 
 // EXTERNAL MODULE: external "iov-design/lib/button-group"
-var button_group_ = __webpack_require__(29);
+var button_group_ = __webpack_require__(30);
 var button_group_default = /*#__PURE__*/__webpack_require__.n(button_group_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/dropdown/src/dropdown.vue?vue&type=script&lang=js&
@@ -4013,7 +4101,7 @@ menu_itemvue_type_template_id_2a5dbfea_render._withStripped = true
 // CONCATENATED MODULE: ./packages/menu/src/menu-item.vue?vue&type=template&id=2a5dbfea&
 
 // EXTERNAL MODULE: external "iov-design/lib/tooltip"
-var tooltip_ = __webpack_require__(26);
+var tooltip_ = __webpack_require__(27);
 var tooltip_default = /*#__PURE__*/__webpack_require__.n(tooltip_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/menu/src/menu-item.vue?vue&type=script&lang=js&
@@ -8405,18 +8493,18 @@ if (false) { var option_api; }
 option_component.options.__file = "packages/select/src/option.vue"
 /* harmony default export */ var src_option = (option_component.exports);
 // EXTERNAL MODULE: external "iov-design/lib/tag"
-var tag_ = __webpack_require__(30);
+var tag_ = __webpack_require__(31);
 var tag_default = /*#__PURE__*/__webpack_require__.n(tag_);
 
 // EXTERNAL MODULE: external "iov-design/lib/empty"
-var empty_ = __webpack_require__(31);
+var empty_ = __webpack_require__(32);
 var empty_default = /*#__PURE__*/__webpack_require__.n(empty_);
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/resize-event"
 var resize_event_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/scroll-into-view"
-var scroll_into_view_ = __webpack_require__(27);
+var scroll_into_view_ = __webpack_require__(28);
 var scroll_into_view_default = /*#__PURE__*/__webpack_require__.n(scroll_into_view_);
 
 // CONCATENATED MODULE: ./packages/select/src/navigation-mixin.js
@@ -10234,10 +10322,10 @@ var checkbox_ = __webpack_require__(14);
 var checkbox_default = /*#__PURE__*/__webpack_require__.n(checkbox_);
 
 // EXTERNAL MODULE: external "throttle-debounce"
-var external_throttle_debounce_ = __webpack_require__(37);
+var external_throttle_debounce_ = __webpack_require__(38);
 
 // EXTERNAL MODULE: external "normalize-wheel"
-var external_normalize_wheel_ = __webpack_require__(40);
+var external_normalize_wheel_ = __webpack_require__(41);
 var external_normalize_wheel_default = /*#__PURE__*/__webpack_require__.n(external_normalize_wheel_);
 
 // CONCATENATED MODULE: ./src/directives/mousewheel.js
@@ -11713,7 +11801,7 @@ function mapStates(mapper) {
   return res;
 };
 // EXTERNAL MODULE: external "iov-design/lib/utils/scrollbar-width"
-var scrollbar_width_ = __webpack_require__(32);
+var scrollbar_width_ = __webpack_require__(33);
 var scrollbar_width_default = /*#__PURE__*/__webpack_require__.n(scrollbar_width_);
 
 // CONCATENATED MODULE: ./packages/table/src/table-layout.js
@@ -12841,7 +12929,7 @@ var dropdowns = [];
   }
 });
 // EXTERNAL MODULE: external "iov-design/lib/checkbox-group"
-var checkbox_group_ = __webpack_require__(33);
+var checkbox_group_ = __webpack_require__(34);
 var checkbox_group_default = /*#__PURE__*/__webpack_require__.n(checkbox_group_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/table/src/filter-panel.vue?vue&type=script&lang=js&
@@ -22847,7 +22935,7 @@ var lib_locale_ = __webpack_require__(12);
 var lib_locale_default = /*#__PURE__*/__webpack_require__.n(lib_locale_);
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/aria-dialog"
-var aria_dialog_ = __webpack_require__(41);
+var aria_dialog_ = __webpack_require__(42);
 var aria_dialog_default = /*#__PURE__*/__webpack_require__.n(aria_dialog_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/message-box/src/main.vue?vue&type=script&lang=js&
@@ -24000,7 +24088,7 @@ form_itemvue_type_template_id_b6f3db6c_render._withStripped = true
 // CONCATENATED MODULE: ./packages/form/src/form-item.vue?vue&type=template&id=b6f3db6c&
 
 // EXTERNAL MODULE: external "async-validator"
-var external_async_validator_ = __webpack_require__(42);
+var external_async_validator_ = __webpack_require__(43);
 var external_async_validator_default = /*#__PURE__*/__webpack_require__.n(external_async_validator_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/form/src/label-wrap.vue?vue&type=script&lang=js&
@@ -28121,7 +28209,7 @@ mainvue_type_template_id_32708644_render._withStripped = true
 // CONCATENATED MODULE: ./packages/slider/src/main.vue?vue&type=template&id=32708644&
 
 // EXTERNAL MODULE: external "iov-design/lib/input-number"
-var input_number_ = __webpack_require__(43);
+var input_number_ = __webpack_require__(44);
 var input_number_default = /*#__PURE__*/__webpack_require__.n(input_number_);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/slider/src/button.vue?vue&type=template&id=e72d2ad2&
@@ -29082,7 +29170,7 @@ if (false) { var loading_api; }
 loading_component.options.__file = "packages/loading/src/loading.vue"
 /* harmony default export */ var loading = (loading_component.exports);
 // EXTERNAL MODULE: external "iov-design/lib/utils/after-leave"
-var after_leave_ = __webpack_require__(34);
+var after_leave_ = __webpack_require__(35);
 var after_leave_default = /*#__PURE__*/__webpack_require__.n(after_leave_);
 
 // CONCATENATED MODULE: ./packages/loading/src/directive.js
@@ -29522,7 +29610,7 @@ var upload_listvue_type_template_id_173fedf5_render = function() {
   var _h = _vm.$createElement
   var _c = _vm._self._c || _h
   return _c(
-    "transition-group",
+    "ul",
     {
       class: [
         "el-upload-list",
@@ -29538,24 +29626,12 @@ var upload_listvue_type_template_id_173fedf5_render = function() {
           key: file.uid,
           class: [
             "el-upload-list__item",
+            "el-upload-list__item-" + _vm.size,
             "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
             },
@@ -29571,45 +29647,120 @@ var upload_listvue_type_template_id_173fedf5_render = function() {
           _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
+              _c("div", { staticClass: "el-upload-list__file" }, [
+                _c(
+                  "div",
+                  {
+                    staticClass: "el-upload-list__item-name",
+                    on: {
+                      click: function($event) {
+                        _vm.handleClick(file)
+                      }
                     }
-                  })
-                ]
-              ),
-              !_vm.disabled
+                  },
+                  [
+                    ["picture-card", "picture"].includes(_vm.listType)
+                      ? _c(
+                          "span",
+                          { staticClass: "el-upload-list__item-thumbnail" },
+                          [
+                            _c(
+                              "el-image",
+                              {
+                                attrs: {
+                                  src: file.url,
+                                  "preview-src-list": _vm.handlePreview
+                                    ? []
+                                    : [file.url],
+                                  fit: "contain"
+                                }
+                              },
+                              [
+                                _c("i", {
+                                  staticClass: "el-image__placeholder",
+                                  attrs: { slot: "placeholder" },
+                                  slot: "placeholder"
+                                }),
+                                _c("i", {
+                                  staticClass: "el-image__error",
+                                  attrs: { slot: "error" },
+                                  slot: "error"
+                                })
+                              ]
+                            )
+                          ],
+                          1
+                        )
+                      : ["text"].includes(_vm.listType)
+                      ? _c("i", {
+                          staticClass: "el-upload-list__icon",
+                          style: _vm.iconStyle(file.name)
+                        })
+                      : _vm._e(),
+                    ["text", "picture"].includes(_vm.listType)
+                      ? _c("div", { staticClass: "el-upload-list__name" }, [
+                          _c("span", { staticClass: "file-name" }, [
+                            _vm._v(_vm._s(file.name))
+                          ])
+                        ])
+                      : _vm._e()
+                  ]
+                ),
+                ["text", "picture"].includes(_vm.listType)
+                  ? _c(
+                      "div",
+                      { staticClass: "el-upload-list__item-status-label" },
+                      [
+                        file.status === "uploading"
+                          ? _c("el-progress", {
+                              staticClass: "el-upload-progress",
+                              attrs: {
+                                percentage: file.percentage,
+                                width: 14,
+                                "stroke-width": 7,
+                                "show-text": false,
+                                type: "circle",
+                                "stroke-linecap": "butt"
+                              }
+                            })
+                          : file.status === "success"
+                          ? _c("i", {
+                              staticClass: "el-upload-success iov-icon-success"
+                            })
+                          : _vm._e()
+                      ],
+                      1
+                    )
+                  : ["picture-card"].includes(_vm.listType) &&
+                    file.status === "uploading"
+                  ? _c(
+                      "div",
+                      { staticClass: "el-upload-list__item-status-label" },
+                      [
+                        _c("el-progress", {
+                          staticClass: "el-upload-progress",
+                          attrs: {
+                            percentage: file.percentage,
+                            "stroke-width": 2,
+                            "show-text": false,
+                            type: "line",
+                            color: "#3F57FF",
+                            "define-back-color": "#F2F3F5"
+                          }
+                        }),
+                        _c(
+                          "span",
+                          { staticClass: "el-upload-progress__text" },
+                          [_vm._v("上传中")]
+                        )
+                      ],
+                      1
+                    )
+                  : _vm._e()
+              ]),
+              !_vm.disabled && ["text", "picture"].includes(_vm.listType)
                 ? _c("i", {
-                    staticClass: "el-icon-close",
+                    staticClass: "iov-icon-delete",
                     on: {
                       click: function($event) {
                         _vm.$emit("remove", file)
@@ -29617,49 +29768,37 @@ var upload_listvue_type_template_id_173fedf5_render = function() {
                     }
                   })
                 : _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"
+              _vm.listType === "picture-card" && file.status === "success"
                 ? _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)
-                              }
+                    _vm.handlePreview
+                      ? _c("i", {
+                          staticClass:
+                            "el-upload-list__item-preview iov-icon-eye",
+                          on: {
+                            click: function($event) {
+                              $event.stopPropagation()
+                              _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-upload-list__item-delete iov-icon-delete",
+                          on: {
+                            click: function($event) {
+                              $event.stopPropagation()
+                              _vm.$emit("remove", file)
                             }
-                          },
-                          [_c("i", { staticClass: "el-icon-delete" })]
-                        )
+                          }
+                        })
+                      : _vm._e(),
+                    !_vm.disabled
+                      ? _c("i", {
+                          staticClass:
+                            "el-upload-list__item-update iov-icon-update"
+                        })
                       : _vm._e()
                   ])
                 : _vm._e()
@@ -29680,9 +29819,55 @@ upload_listvue_type_template_id_173fedf5_render._withStripped = true
 // CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=template&id=173fedf5&
 
 // EXTERNAL MODULE: external "iov-design/lib/progress"
-var progress_ = __webpack_require__(35);
+var progress_ = __webpack_require__(24);
 var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
 
+// CONCATENATED MODULE: ./packages/upload/src/utils.js
+var ICON_MAP = {
+  img: __webpack_require__(49),
+  pdf: __webpack_require__(50),
+  excel: __webpack_require__(51),
+  zip: __webpack_require__(37),
+  rar: __webpack_require__(37),
+  '7z': __webpack_require__(37),
+  ppt: __webpack_require__(52),
+  word: __webpack_require__(53),
+  default: __webpack_require__(54)
+};
+
+function iconStyle(fileName) {
+  var suffixMap = {
+    img: ['png', 'jpg', 'jpeg'],
+    word: ['doc', 'docx'],
+    excel: ['xls', 'xlsx'],
+    ppt: ['ppt', 'pptx']
+  };
+
+  var ext = fileName.split('.').pop().toLowerCase();
+
+  for (var _iterator = Object.entries(suffixMap), _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
+    var _ref2;
+
+    if (_isArray) {
+      if (_i >= _iterator.length) break;
+      _ref2 = _iterator[_i++];
+    } else {
+      _i = _iterator.next();
+      if (_i.done) break;
+      _ref2 = _i.value;
+    }
+
+    var _ref = _ref2;
+    var key = _ref[0];
+    var list = _ref[1];
+
+    if (list.includes(ext)) {
+      return { 'background-image': 'url(' + ICON_MAP[key] + ')' };
+    }
+  }
+
+  return { 'background-image': 'url(' + (ICON_MAP[ext] || ICON_MAP.default) + ')' };
+}
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
 //
 //
@@ -29748,19 +29933,593 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
 //
 //
 //
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var upload_listvue_type_script_lang_js_ = ({
+  name: 'ElUploadList',
+  data: function data() {
+    return {
+      focusing: false,
+      iconStyle: iconStyle
+    };
+  },
+
+  components: { ElProgress: progress_default.a },
+
+  props: {
+    files: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: String,
+    handlePreview: null,
+    listType: String
+  },
+  methods: {
+    parsePercentage: function parsePercentage(val) {
+      return parseInt(val, 10);
+    },
+    handleClick: function handleClick(file) {
+      this.handlePreview && this.handlePreview(file);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_upload_listvue_type_script_lang_js_ = (upload_listvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_list_component = normalizeComponent(
+  src_upload_listvue_type_script_lang_js_,
+  upload_listvue_type_template_id_173fedf5_render,
+  upload_listvue_type_template_id_173fedf5_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_list_api; }
+upload_list_component.options.__file = "packages/upload/src/upload-list.vue"
+/* harmony default export */ var upload_list = (upload_list_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-file.vue?vue&type=template&id=c998d85a&
+var upload_filevue_type_template_id_c998d85a_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "ul",
+    {
+      class: [
+        "el-upload-list",
+        "el-upload-list--" + _vm.listType,
+        { "is-disabled": _vm.disabled }
+      ]
+    },
+    _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: {
+            focus: function($event) {
+              _vm.focusing = true
+            },
+            blur: function($event) {
+              _vm.focusing = false
+            },
+            click: function($event) {
+              _vm.focusing = false
+            }
+          }
+        },
+        [
+          _vm._t(
+            "default",
+            [
+              _c("div", { staticClass: "el-upload-list__file" }, [
+                file.status === "success"
+                  ? _c(
+                      "div",
+                      { staticClass: "el-upload-list__item-name" },
+                      [
+                        ["picture-card", "picture"].includes(_vm.listType)
+                          ? _c(
+                              "span",
+                              { staticClass: "el-upload-list__item-thumbnail" },
+                              [
+                                _c(
+                                  "el-image",
+                                  {
+                                    attrs: {
+                                      src: file.url,
+                                      "preview-src-list": [file.url],
+                                      fit: "contain"
+                                    }
+                                  },
+                                  [
+                                    _c("i", {
+                                      staticClass: "el-image__placeholder",
+                                      attrs: { slot: "placeholder" },
+                                      slot: "placeholder"
+                                    }),
+                                    _c("i", {
+                                      staticClass: "el-image__error",
+                                      attrs: { slot: "error" },
+                                      slot: "error"
+                                    })
+                                  ]
+                                )
+                              ],
+                              1
+                            )
+                          : ["text"].includes(_vm.listType)
+                          ? _c("i", {
+                              staticClass: "el-upload-list__icon",
+                              style: _vm.iconStyle(file.name),
+                              on: {
+                                click: function($event) {
+                                  _vm.handleClick(file)
+                                }
+                              }
+                            })
+                          : _vm._e(),
+                        _c(
+                          "div",
+                          {
+                            staticClass: "el-upload-list__name",
+                            on: {
+                              click: function($event) {
+                                _vm.handleClick(file)
+                              }
+                            }
+                          },
+                          [
+                            _c("span", { staticClass: "file-name" }, [
+                              _vm._v(_vm._s(file.name))
+                            ])
+                          ]
+                        ),
+                        _vm.size === "medium"
+                          ? _c(
+                              "el-button",
+                              {
+                                staticClass: "el-upload__btn",
+                                attrs: {
+                                  slot: "trigger",
+                                  round: "",
+                                  size: "small"
+                                },
+                                slot: "trigger"
+                              },
+                              [_vm._v("重新上传")]
+                            )
+                          : _vm._e()
+                      ],
+                      1
+                    )
+                  : _vm._e(),
+                file.status === "uploading"
+                  ? _c(
+                      "div",
+                      { staticClass: "el-upload-list__item-status-label" },
+                      [
+                        _c("el-progress", {
+                          staticClass: "el-upload-progress",
+                          attrs: {
+                            percentage: file.percentage,
+                            "stroke-width": 2,
+                            "show-text": false,
+                            type: "line",
+                            color: "#3F57FF",
+                            "define-back-color": "#F2F3F5"
+                          }
+                        }),
+                        _c(
+                          "span",
+                          { staticClass: "el-upload-progress__text" },
+                          [_vm._v("文件上传中")]
+                        )
+                      ],
+                      1
+                    )
+                  : _vm._e()
+              ]),
+              !_vm.disabled
+                ? _c("i", {
+                    staticClass: "el-upload__remove iov-icon-close-mini",
+                    on: {
+                      click: function($event) {
+                        $event.stopPropagation()
+                        _vm.$emit("remove", file)
+                      }
+                    }
+                  })
+                : _vm._e()
+            ],
+            { file: file }
+          )
+        ],
+        2
+      )
+    }),
+    0
+  )
+}
+var upload_filevue_type_template_id_c998d85a_staticRenderFns = []
+upload_filevue_type_template_id_c998d85a_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/upload/src/upload-file.vue?vue&type=template&id=c998d85a&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-file.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 
 
+/* harmony default export */ var upload_filevue_type_script_lang_js_ = ({
+  name: 'ElUploadFile',
+  data: function data() {
+    return {
+      focusing: false,
+      iconStyle: iconStyle
+    };
+  },
 
-/* harmony default export */ var upload_listvue_type_script_lang_js_ = ({
+  components: { ElProgress: progress_default.a },
 
-  name: 'ElUploadList',
+  props: {
+    files: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: String,
+    width: String,
+    height: String,
+    handlePreview: Function,
+    listType: String
+  },
+  methods: {
+    parsePercentage: function parsePercentage(val) {
+      return parseInt(val, 10);
+    },
+    handleClick: function handleClick(file) {
+      this.handlePreview && this.handlePreview(file);
+    }
+  }
+});
+// CONCATENATED MODULE: ./packages/upload/src/upload-file.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_upload_filevue_type_script_lang_js_ = (upload_filevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/upload-file.vue
 
-  mixins: [locale_default.a],
 
+
+
+
+/* normalize component */
+
+var upload_file_component = normalizeComponent(
+  src_upload_filevue_type_script_lang_js_,
+  upload_filevue_type_template_id_c998d85a_render,
+  upload_filevue_type_template_id_c998d85a_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_file_api; }
+upload_file_component.options.__file = "packages/upload/src/upload-file.vue"
+/* harmony default export */ var upload_file = (upload_file_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=template&id=4be68a77&
+var upload_picturevue_type_template_id_4be68a77_render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "ul",
+    {
+      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",
+            "el-upload-list__item-" + _vm.size,
+            "is-" + file.status,
+            _vm.focusing ? "focusing" : ""
+          ],
+          attrs: { tabindex: "0" },
+          on: {
+            focus: function($event) {
+              _vm.focusing = true
+            },
+            blur: function($event) {
+              _vm.focusing = false
+            },
+            click: function($event) {
+              _vm.focusing = false
+            }
+          }
+        },
+        [
+          _vm._t(
+            "default",
+            [
+              _c("div", { staticClass: "el-upload-list__file" }, [
+                file.status === "success"
+                  ? _c(
+                      "div",
+                      {
+                        staticClass: "el-upload-list__item-name",
+                        on: {
+                          click: function($event) {
+                            _vm.handleClick(file)
+                          }
+                        }
+                      },
+                      [
+                        _c(
+                          "span",
+                          { staticClass: "el-upload-list__item-thumbnail" },
+                          [
+                            _c(
+                              "el-image",
+                              {
+                                attrs: {
+                                  src: file.url,
+                                  "preview-src-list": _vm.handlePreview
+                                    ? []
+                                    : [file.url],
+                                  fit: "contain"
+                                }
+                              },
+                              [
+                                _c("i", {
+                                  staticClass: "el-image__placeholder",
+                                  attrs: { slot: "placeholder" },
+                                  slot: "placeholder"
+                                }),
+                                _c("i", {
+                                  staticClass: "el-image__error",
+                                  attrs: { slot: "error" },
+                                  slot: "error"
+                                })
+                              ]
+                            )
+                          ],
+                          1
+                        )
+                      ]
+                    )
+                  : _vm._e(),
+                file.status === "uploading"
+                  ? _c(
+                      "div",
+                      { staticClass: "el-upload-list__item-status-label" },
+                      [
+                        _c("el-progress", {
+                          staticClass: "el-upload-progress",
+                          attrs: {
+                            percentage: file.percentage,
+                            "stroke-width": 2,
+                            "show-text": false,
+                            type: "line",
+                            color: "#3F57FF",
+                            "define-back-color": "#F2F3F5"
+                          }
+                        }),
+                        _c(
+                          "span",
+                          { staticClass: "el-upload-progress__text" },
+                          [_vm._v("上传中")]
+                        )
+                      ],
+                      1
+                    )
+                  : _vm._e()
+              ]),
+              file.status === "success"
+                ? _c("span", { staticClass: "el-upload-list__item-actions" }, [
+                    _vm.handlePreview
+                      ? _c("i", {
+                          staticClass:
+                            "el-upload-list__item-preview iov-icon-eye",
+                          on: {
+                            click: function($event) {
+                              _vm.handlePreview(file)
+                            }
+                          }
+                        })
+                      : _vm._e(),
+                    !_vm.disabled
+                      ? _c("i", {
+                          staticClass:
+                            "el-upload-list__item-delete iov-icon-delete",
+                          on: {
+                            click: function($event) {
+                              $event.stopPropagation()
+                              _vm.$emit("remove", file)
+                            }
+                          }
+                        })
+                      : _vm._e(),
+                    !_vm.disabled
+                      ? _c("i", {
+                          staticClass:
+                            "el-upload-list__item-update iov-icon-update"
+                        })
+                      : _vm._e()
+                  ])
+                : _vm._e()
+            ],
+            { file: file }
+          )
+        ],
+        2
+      )
+    }),
+    0
+  )
+}
+var upload_picturevue_type_template_id_4be68a77_staticRenderFns = []
+upload_picturevue_type_template_id_4be68a77_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue?vue&type=template&id=4be68a77&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/upload/src/upload-picture.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+/* harmony default export */ var upload_picturevue_type_script_lang_js_ = ({
+  name: 'ElUploadPicture',
   data: function data() {
     return {
-      focusing: false
+      focusing: false,
+      iconStyle: iconStyle
     };
   },
 
@@ -29777,6 +30536,7 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
       type: Boolean,
       default: false
     },
+    size: String,
     handlePreview: Function,
     listType: String
   },
@@ -29789,9 +30549,9 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
     }
   }
 });
-// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue?vue&type=script&lang=js&
- /* harmony default export */ var src_upload_listvue_type_script_lang_js_ = (upload_listvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./packages/upload/src/upload-list.vue
+// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue?vue&type=script&lang=js&
+ /* harmony default export */ var src_upload_picturevue_type_script_lang_js_ = (upload_picturevue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./packages/upload/src/upload-picture.vue
 
 
 
@@ -29799,10 +30559,10 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
 
 /* normalize component */
 
-var upload_list_component = normalizeComponent(
-  src_upload_listvue_type_script_lang_js_,
-  upload_listvue_type_template_id_173fedf5_render,
-  upload_listvue_type_template_id_173fedf5_staticRenderFns,
+var upload_picture_component = normalizeComponent(
+  src_upload_picturevue_type_script_lang_js_,
+  upload_picturevue_type_template_id_4be68a77_render,
+  upload_picturevue_type_template_id_4be68a77_staticRenderFns,
   false,
   null,
   null,
@@ -29811,11 +30571,11 @@ var upload_list_component = normalizeComponent(
 )
 
 /* hot reload */
-if (false) { var upload_list_api; }
-upload_list_component.options.__file = "packages/upload/src/upload-list.vue"
-/* harmony default export */ var upload_list = (upload_list_component.exports);
+if (false) { var upload_picture_api; }
+upload_picture_component.options.__file = "packages/upload/src/upload-picture.vue"
+/* harmony default export */ var upload_picture = (upload_picture_component.exports);
 // EXTERNAL MODULE: external "babel-helper-vue-jsx-merge-props"
-var external_babel_helper_vue_jsx_merge_props_ = __webpack_require__(24);
+var external_babel_helper_vue_jsx_merge_props_ = __webpack_require__(25);
 var external_babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(external_babel_helper_vue_jsx_merge_props_);
 
 // CONCATENATED MODULE: ./packages/upload/src/ajax.js
@@ -30069,6 +30829,7 @@ upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vu
     onError: Function,
     beforeUpload: Function,
     drag: Boolean,
+    size: String,
     onPreview: {
       type: Function,
       default: function _default() {}
@@ -30097,6 +30858,12 @@ upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vu
   },
 
 
+  computed: {
+    hideUploadInput: function hideUploadInput() {
+      return !this.showFileList && this.listType === 'picture-card' && this.limit === 1 && this.fileList.length === 1;
+    }
+  },
+
   methods: {
     isImage: function isImage(str) {
       return str.indexOf('image') !== -1;
@@ -30105,6 +30872,10 @@ upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vu
       var files = ev.target.files;
 
       if (!files) return;
+
+      if (this.drag && this.limit === 1 || this.hideUploadInput) {
+        this.fileList.length = [];
+      }
       this.uploadFiles(files);
     },
     uploadFiles: function uploadFiles(files) {
@@ -30228,6 +30999,8 @@ upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vu
   },
 
   render: function render(h) {
+    var _class;
+
     var handleClick = this.handleClick,
         drag = this.drag,
         name = this.name,
@@ -30237,12 +31010,14 @@ upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vu
         listType = this.listType,
         uploadFiles = this.uploadFiles,
         disabled = this.disabled,
-        handleKeydown = this.handleKeydown;
+        handleKeydown = this.handleKeydown,
+        size = this.size;
 
     var data = {
-      class: {
-        'el-upload': true
-      },
+      class: (_class = {
+        'el-upload': true,
+        'el-upload--drag': drag
+      }, _class['el-upload--drag__' + size] = drag, _class['el-upload--' + size] = !drag, _class['el-upload--picture-card'] = listType === 'picture-card', _class['el-upload--picture-card__no-border'] = this.hideUploadInput, _class),
       on: {
         click: handleClick,
         keydown: handleKeydown
@@ -30262,7 +31037,7 @@ upload_dragger_component.options.__file = "packages/upload/src/upload-dragger.vu
             'file': uploadFiles
           }
         },
-        [this.$slots.default]
+        [this.$slots.default, this.$slots.tip]
       ) : this.$slots.default, h('input', { 'class': 'el-upload__input', attrs: { type: 'file', name: name, multiple: multiple, accept: accept },
         ref: 'input', on: {
           'change': handleChange
@@ -30303,6 +31078,8 @@ upload_component.options.__file = "packages/upload/src/upload.vue"
 
 
 
+
+
 function srcvue_type_script_lang_js_noop() {}
 
 /* harmony default export */ var srcvue_type_script_lang_js_ = ({
@@ -30313,6 +31090,8 @@ function srcvue_type_script_lang_js_noop() {}
   components: {
     ElProgress: progress_default.a,
     UploadList: upload_list,
+    UploadFile: upload_file,
+    UploadPicture: upload_picture,
     Upload: src_upload
   },
 
@@ -30403,6 +31182,11 @@ function srcvue_type_script_lang_js_noop() {}
     onExceed: {
       type: Function,
       default: srcvue_type_script_lang_js_noop
+    },
+    background: Boolean,
+    size: {
+      type: String,
+      default: 'medium'
     }
   },
 
@@ -30576,7 +31360,52 @@ function srcvue_type_script_lang_js_noop() {}
     var _this4 = this;
 
     var uploadList = void 0;
+    var uploadFile = h(
+      upload_file,
+      {
+        attrs: {
+          disabled: this.uploadDisabled,
+          listType: this.listType,
+          files: this.uploadFiles,
+          width: this.width,
+          height: this.height,
+          size: this.size,
+
+          handlePreview: this.onPreview },
+        on: {
+          'remove': this.handleRemove
+        }
+      },
+      [function (props) {
+        if (_this4.$scopedSlots.file) {
+          return _this4.$scopedSlots.file({
+            file: props.file
+          });
+        }
+      }]
+    );
+    var uploadPicture = h(
+      upload_picture,
+      {
+        attrs: {
+          disabled: this.uploadDisabled,
+          listType: this.listType,
+          files: this.uploadFiles,
+          size: this.size,
 
+          handlePreview: this.onPreview },
+        on: {
+          'remove': this.handleRemove
+        }
+      },
+      [function (props) {
+        if (_this4.$scopedSlots.file) {
+          return _this4.$scopedSlots.file({
+            file: props.file
+          });
+        }
+      }]
+    );
     if (this.showFileList) {
       uploadList = h(
         upload_list,
@@ -30585,6 +31414,7 @@ function srcvue_type_script_lang_js_noop() {}
             disabled: this.uploadDisabled,
             listType: this.listType,
             files: this.uploadFiles,
+            size: this.size,
 
             handlePreview: this.onPreview },
           on: {
@@ -30605,6 +31435,7 @@ function srcvue_type_script_lang_js_noop() {}
       props: {
         type: this.type,
         drag: this.drag,
+        size: this.size,
         action: this.action,
         multiple: this.multiple,
         'before-upload': this.beforeUpload,
@@ -30614,6 +31445,7 @@ function srcvue_type_script_lang_js_noop() {}
         data: this.data,
         accept: this.accept,
         fileList: this.uploadFiles,
+        showFileList: this.showFileList,
         autoUpload: this.autoUpload,
         listType: this.listType,
         disabled: this.uploadDisabled,
@@ -30630,14 +31462,33 @@ function srcvue_type_script_lang_js_noop() {}
       ref: 'upload-inner'
     };
 
-    var trigger = this.$slots.trigger || this.$slots.default;
+    var hideUploadInput = !this.showFileList && this.listType === 'picture-card' && this.limit === 1;
+    var slotDefault = this.$slots.default;
+    if (this.drag) {
+      // 拖动文件上传
+      if (this.limit === 1 && !this.showFileList) {
+        slotDefault = this.uploadFiles.length > 0 ? uploadFile : [this.$slots.default, this.$slots.tip];
+      } else {
+        slotDefault = [this.$slots.default, this.$slots.tip];
+      }
+    } else if (hideUploadInput) {
+      // 单个图片上传(不显示图片墙)
+      slotDefault = [uploadPicture, this.$slots.default];
+    } else {
+      slotDefault = this.$slots.default;
+    }
+
+    var trigger = this.$slots.trigger || slotDefault;
     var uploadComponent = h(
       'upload',
       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 : '']);
+    return h(
+      'div',
+      { 'class': { 'el-upload--wrap': true, 'el-upload-bg': this.background } },
+      [this.listType === 'picture-card' ? uploadList : '', this.$slots.trigger ? [uploadComponent, this.$slots.default] : uploadComponent, !this.drag && this.$slots.tip, this.listType !== 'picture-card' ? uploadList : '']
+    );
   }
 });
 // CONCATENATED MODULE: ./packages/upload/src/index.vue?vue&type=script&lang=js&
@@ -31208,7 +32059,7 @@ var mainvue_type_template_id_455b9f60_render = function() {
           ]),
           _vm.showClose
             ? _c("i", {
-                staticClass: "el-message__closeBtn el-icon-close",
+                staticClass: "el-message__closeBtn iov-icon-close",
                 on: { click: _vm.close }
               })
             : _vm._e()
@@ -31254,9 +32105,9 @@ mainvue_type_template_id_455b9f60_render._withStripped = true
 
 var src_mainvue_type_script_lang_js_typeMap = {
   success: 'success',
-  info: 'info',
+  info: 'explain',
   warning: 'warning',
-  error: 'error'
+  error: 'fail'
 };
 
 /* harmony default export */ var message_src_mainvue_type_script_lang_js_ = ({
@@ -31271,7 +32122,7 @@ var src_mainvue_type_script_lang_js_typeMap = {
       onClose: null,
       showClose: false,
       closed: false,
-      verticalOffset: 20,
+      verticalOffset: 46,
       timer: null,
       dangerouslyUseHTMLString: false,
       center: false
@@ -31281,7 +32132,7 @@ var src_mainvue_type_script_lang_js_typeMap = {
 
   computed: {
     typeClass: function typeClass() {
-      return this.type && !this.iconClass ? 'el-message__icon el-icon-' + src_mainvue_type_script_lang_js_typeMap[this.type] : '';
+      return this.type && !this.iconClass ? 'el-message__icon iov-icon-fill-' + src_mainvue_type_script_lang_js_typeMap[this.type] : '';
     },
     positionStyle: function positionStyle() {
       return {
@@ -31406,7 +32257,7 @@ var main_Message = function Message(options) {
   }
   message_src_main_instance.$mount();
   document.body.appendChild(message_src_main_instance.$el);
-  var verticalOffset = options.offset || 20;
+  var verticalOffset = options.offset || 46;
   main_instances.forEach(function (item) {
     verticalOffset += item.$el.offsetHeight + 16;
   });
@@ -32705,7 +33556,7 @@ mainvue_type_template_id_5d5d1482_render._withStripped = true
 // CONCATENATED MODULE: ./packages/carousel/src/main.vue?vue&type=template&id=5d5d1482&
 
 // EXTERNAL MODULE: external "throttle-debounce/throttle"
-var throttle_ = __webpack_require__(25);
+var throttle_ = __webpack_require__(26);
 var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/carousel/src/main.vue?vue&type=script&lang=js&
@@ -34247,7 +35098,7 @@ cascadervue_type_template_id_032537a6_render._withStripped = true
 // CONCATENATED MODULE: ./packages/cascader/src/cascader.vue?vue&type=template&id=032537a6&
 
 // EXTERNAL MODULE: external "iov-design/lib/cascader-panel"
-var cascader_panel_ = __webpack_require__(44);
+var cascader_panel_ = __webpack_require__(45);
 var cascader_panel_default = /*#__PURE__*/__webpack_require__.n(cascader_panel_);
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/aria-utils"
@@ -40398,7 +41249,7 @@ cascader_panelvue_type_template_id_34932346_render._withStripped = true
 // CONCATENATED MODULE: ./packages/cascader-panel/src/cascader-panel.vue?vue&type=template&id=34932346&
 
 // EXTERNAL MODULE: external "iov-design/lib/radio"
-var radio_ = __webpack_require__(45);
+var radio_ = __webpack_require__(46);
 var radio_default = /*#__PURE__*/__webpack_require__.n(radio_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/cascader-panel/src/cascader-node.vue?vue&type=script&lang=js&
@@ -42208,7 +43059,7 @@ mainvue_type_template_id_76339aa7_render._withStripped = true
 // CONCATENATED MODULE: ./packages/statistic/src/main.vue?vue&type=template&id=76339aa7&
 
 // EXTERNAL MODULE: external "iov-design/lib/utils/lodash"
-var lodash_ = __webpack_require__(28);
+var lodash_ = __webpack_require__(29);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/statistic/src/main.vue?vue&type=script&lang=js&
 //
@@ -42550,7 +43401,7 @@ mainvue_type_template_id_048de730_render._withStripped = true
 // CONCATENATED MODULE: ./packages/popconfirm/src/main.vue?vue&type=template&id=048de730&
 
 // EXTERNAL MODULE: external "iov-design/lib/popover"
-var popover_ = __webpack_require__(46);
+var popover_ = __webpack_require__(47);
 var popover_default = /*#__PURE__*/__webpack_require__.n(popover_);
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./packages/popconfirm/src/main.vue?vue&type=script&lang=js&
@@ -43091,7 +43942,10 @@ var IMG = {
       type: Number,
       default: 1
     },
-    imageSize: Number,
+    imageSize: {
+      type: Number,
+      default: 140
+    },
     description: {
       type: String,
       default: ''
@@ -44050,7 +44904,7 @@ if (typeof window !== 'undefined' && window.Vue) {
 }
 
 /* harmony default export */ var src_0 = __webpack_exports__["default"] = ({
-  version: '2.15.45',
+  version: '2.15.47',
   locale: lib_locale_default.a.use,
   i18n: lib_locale_default.a.i18n,
   install: src_install,