iov-design 2.15.45 → 2.15.47

package/lib/upload.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 60);
+/******/ 	return __webpack_require__(__webpack_require__.s = 65);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -203,14 +203,63 @@ module.exports = require("babel-helper-vue-jsx-merge-props");
 
 /***/ }),
 
-/***/ 44:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("iov-design/lib/progress");
 
 /***/ }),
 
+/***/ 45:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/zip.dca21a8.png";
+
+/***/ }),
+
+/***/ 57:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/img.cd179e5.png";
+
+/***/ }),
+
+/***/ 58:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/pdf.79cb57f.png";
+
+/***/ }),
+
+/***/ 59:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/excel.f44318e.png";
+
+/***/ }),
+
 /***/ 60:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/ppt.eed4918.png";
+
+/***/ }),
+
+/***/ 61:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/word.35070ef.png";
+
+/***/ }),
+
+/***/ 62:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "static/file.4ed3551.png";
+
+/***/ }),
+
+/***/ 65:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -222,7 +271,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",
@@ -238,24 +287,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
             },
@@ -271,45 +308,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)
@@ -317,49 +429,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()
@@ -379,14 +479,56 @@ 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/mixins/locale"
-var locale_ = __webpack_require__(7);
-var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
-
 // EXTERNAL MODULE: external "iov-design/lib/progress"
-var progress_ = __webpack_require__(44);
+var progress_ = __webpack_require__(33);
 var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
 
+// CONCATENATED MODULE: ./packages/upload/src/utils.js
+var ICON_MAP = {
+  img: __webpack_require__(57),
+  pdf: __webpack_require__(58),
+  excel: __webpack_require__(59),
+  zip: __webpack_require__(45),
+  rar: __webpack_require__(45),
+  '7z': __webpack_require__(45),
+  ppt: __webpack_require__(60),
+  word: __webpack_require__(61),
+  default: __webpack_require__(62)
+};
+
+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&
 //
 //
@@ -452,19 +594,20 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
 //
 //
 //
-
+//
+//
+//
+//
+//
 
 
 
 /* harmony default export */ var upload_listvue_type_script_lang_js_ = ({
-
   name: 'ElUploadList',
-
-  mixins: [locale_default.a],
-
   data: function data() {
     return {
-      focusing: false
+      focusing: false,
+      iconStyle: iconStyle
     };
   },
 
@@ -481,7 +624,8 @@ var progress_default = /*#__PURE__*/__webpack_require__.n(progress_);
       type: Boolean,
       default: false
     },
-    handlePreview: Function,
+    size: String,
+    handlePreview: null,
     listType: String
   },
   methods: {
@@ -521,6 +665,579 @@ var component = Object(componentNormalizer["a" /* default */])(
 if (false) { var api; }
 component.options.__file = "packages/upload/src/upload-list.vue"
 /* harmony default export */ var 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
+    };
+  },
+
+  components: { ElProgress: progress_default.a },
+
+  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
+
+
+
+
+
+/* normalize component */
+
+var upload_file_component = Object(componentNormalizer["a" /* default */])(
+  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,
+      iconStyle: iconStyle
+    };
+  },
+
+  components: { ElProgress: progress_default.a },
+
+  props: {
+    files: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: 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-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
+
+
+
+
+
+/* normalize component */
+
+var upload_picture_component = Object(componentNormalizer["a" /* default */])(
+  src_upload_picturevue_type_script_lang_js_,
+  upload_picturevue_type_template_id_4be68a77_render,
+  upload_picturevue_type_template_id_4be68a77_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+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__(26);
 var external_babel_helper_vue_jsx_merge_props_default = /*#__PURE__*/__webpack_require__.n(external_babel_helper_vue_jsx_merge_props_);
@@ -776,6 +1493,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() {}
@@ -804,6 +1522,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;
@@ -812,6 +1536,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) {
@@ -935,6 +1663,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,
@@ -944,12 +1674,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
@@ -969,7 +1701,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
@@ -1014,6 +1746,8 @@ var migrating_default = /*#__PURE__*/__webpack_require__.n(migrating_);
 
 
 
+
+
 function noop() {}
 
 /* harmony default export */ var srcvue_type_script_lang_js_ = ({
@@ -1024,6 +1758,8 @@ function noop() {}
   components: {
     ElProgress: progress_default.a,
     UploadList: upload_list,
+    UploadFile: upload_file,
+    UploadPicture: upload_picture,
     Upload: src_upload
   },
 
@@ -1114,6 +1850,11 @@ function noop() {}
     onExceed: {
       type: Function,
       default: noop
+    },
+    background: Boolean,
+    size: {
+      type: String,
+      default: 'medium'
     }
   },
 
@@ -1287,7 +2028,52 @@ function 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,
@@ -1296,6 +2082,7 @@ function noop() {}
             disabled: this.uploadDisabled,
             listType: this.listType,
             files: this.uploadFiles,
+            size: this.size,
 
             handlePreview: this.onPreview },
           on: {
@@ -1316,6 +2103,7 @@ function noop() {}
       props: {
         type: this.type,
         drag: this.drag,
+        size: this.size,
         action: this.action,
         multiple: this.multiple,
         'before-upload': this.beforeUpload,
@@ -1325,6 +2113,7 @@ function noop() {}
         data: this.data,
         accept: this.accept,
         fileList: this.uploadFiles,
+        showFileList: this.showFileList,
         autoUpload: this.autoUpload,
         listType: this.listType,
         disabled: this.uploadDisabled,
@@ -1341,14 +2130,33 @@ function 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&
@@ -1386,13 +2194,6 @@ src.install = function (Vue) {
 
 /* harmony default export */ var packages_upload = __webpack_exports__["default"] = (src);
 
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("iov-design/lib/mixins/locale");
-
 /***/ })
 
 /******/ });