@mdsfe/mds-ui 0.2.0

package/dist/upload.js

@@ -0,0 +1,1990 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else {
+		var a = factory();
+		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
+	}
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/dist/";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 81);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent (
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier, /* server only */
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options = typeof scriptExports === 'function'
+    ? scriptExports.options
+    : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) { // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+        injectStyles.call(
+          this,
+          (options.functional ? this.parent : this).$root.$options.shadowRoot
+        )
+      }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection (h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing
+        ? [].concat(existing, hook)
+        : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 12:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/keys");
+
+/***/ }),
+
+/***/ 131:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 147:
+/***/ (function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ }),
+
+/***/ 19:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/helpers/extends");
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/get-iterator");
+
+/***/ }),
+
+/***/ 52:
+/***/ (function(module, exports) {
+
+module.exports = require("axios");
+
+/***/ }),
+
+/***/ 60:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/values");
+
+/***/ }),
+
+/***/ 81:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXTERNAL MODULE: ./components/style/index.less
+var style = __webpack_require__(131);
+
+// EXTERNAL MODULE: ./components/upload/style/index.less
+var upload_style = __webpack_require__(147);
+
+// CONCATENATED MODULE: ./components/upload/style/index.js
+
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/entry.vue?vue&type=template&id=4899ef9f&
+var render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c("Upload", {
+        ref: "uploader",
+        attrs: {
+          path: _vm.path,
+          name: _vm.name,
+          beforeUpload: _vm.onBeforeUpload,
+          getUploadParams: _vm.getUploadParams,
+          disabled: _vm.disabled,
+          multiple: _vm.multiple,
+          accept: _vm.accept,
+          limit: _vm.limit,
+          onExceed: _vm.onExceed,
+          onComplete: _vm.onComplete,
+          onError: _vm.onError,
+          onListChange: _vm.onListChange,
+          fileList: _vm.fileList,
+        },
+      }),
+      _c(
+        "UploadList",
+        {
+          attrs: {
+            onFile: _vm.onUploadClick,
+            uploadList: _vm.uploadList,
+            listType: _vm.listType,
+            onListChange: _vm.onListChange,
+            onCancelList: _vm.onCancelList,
+            onReUploadList: _vm.onReUploadList,
+            dragable: _vm.dragable,
+            handleDropFile: _vm.handleDropFile,
+          },
+        },
+        [
+          _vm.$slots.dragStyle
+            ? _c("template", { slot: "dragStyle" }, [_vm._t("dragStyle")], 2)
+            : _vm._e(),
+          _vm._t("default"),
+        ],
+        2
+      ),
+    ],
+    1
+  )
+}
+var staticRenderFns = []
+render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/upload/entry.vue?vue&type=template&id=4899ef9f&
+
+// EXTERNAL MODULE: external "babel-runtime/core-js/object/keys"
+var keys_ = __webpack_require__(12);
+var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
+
+// EXTERNAL MODULE: external "babel-runtime/core-js/object/assign"
+var assign_ = __webpack_require__(9);
+var assign_default = /*#__PURE__*/__webpack_require__.n(assign_);
+
+// EXTERNAL MODULE: external "babel-runtime/core-js/get-iterator"
+var get_iterator_ = __webpack_require__(20);
+var get_iterator_default = /*#__PURE__*/__webpack_require__.n(get_iterator_);
+
+// EXTERNAL MODULE: external "babel-runtime/core-js/object/values"
+var values_ = __webpack_require__(60);
+var values_default = /*#__PURE__*/__webpack_require__.n(values_);
+
+// EXTERNAL MODULE: external "babel-runtime/helpers/extends"
+var extends_ = __webpack_require__(19);
+var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
+
+// EXTERNAL MODULE: external "axios"
+var external_axios_ = __webpack_require__(52);
+var external_axios_default = /*#__PURE__*/__webpack_require__.n(external_axios_);
+
+// CONCATENATED MODULE: ./components/upload/attr-accept.js
+function endsWith(str, suffix) {
+  return str.indexOf(suffix, str.length - suffix.length) !== -1;
+}
+
+/* harmony default export */ var attr_accept = (function (file, acceptedFiles) {
+  if (file && acceptedFiles) {
+    var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
+    var fileName = file.name || '';
+    var mimeType = file.type || '';
+    var baseMimeType = mimeType.replace(/\/.*$/, '');
+
+    return acceptedFilesArray.some(function (type) {
+      var validType = type.trim();
+      if (validType.charAt(0) === '.') {
+        return endsWith(fileName.toLowerCase(), validType.toLowerCase());
+      } else if (/\/\*$/.test(validType)) {
+        // This is something like a image/* mime type
+        return baseMimeType === validType.replace(/\/.*$/, '');
+      }
+      return mimeType === validType;
+    });
+  }
+  return true;
+});
+// CONCATENATED MODULE: ./components/upload/traverseFileTree.js
+
+var traverseFileTree_traverseFileTree = function traverseFileTree(files, callback, isAccepted) {
+  var _traverseFileTree = function _traverseFileTree(item, path) {
+    path = path || '';
+    if (item.isFile) {
+      item.file(function (file) {
+        if (isAccepted(file)) {
+          var cbData = [file];
+          callback(cbData);
+        }
+      });
+    } else if (item.isDirectory) {
+      var dirReader = item.createReader();
+
+      dirReader.readEntries(function (entries) {
+        var _iteratorNormalCompletion = true;
+        var _didIteratorError = false;
+        var _iteratorError = undefined;
+
+        try {
+          for (var _iterator = get_iterator_default()(entries), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+            var entrieItem = _step.value;
+
+            _traverseFileTree(entrieItem, '' + path + item.name + '/');
+          }
+        } catch (err) {
+          _didIteratorError = true;
+          _iteratorError = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion && _iterator.return) {
+              _iterator.return();
+            }
+          } finally {
+            if (_didIteratorError) {
+              throw _iteratorError;
+            }
+          }
+        }
+      });
+    }
+  };
+  var _iteratorNormalCompletion2 = true;
+  var _didIteratorError2 = false;
+  var _iteratorError2 = undefined;
+
+  try {
+    for (var _iterator2 = get_iterator_default()(files), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+      var file = _step2.value;
+
+      _traverseFileTree(file);
+    }
+  } catch (err) {
+    _didIteratorError2 = true;
+    _iteratorError2 = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion2 && _iterator2.return) {
+        _iterator2.return();
+      }
+    } finally {
+      if (_didIteratorError2) {
+        throw _iteratorError2;
+      }
+    }
+  }
+};
+
+/* harmony default export */ var upload_traverseFileTree = (traverseFileTree_traverseFileTree);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var uploadvue_type_script_lang_js_ = ({
+  name: 'MdsUpload',
+  props: {
+    path: String,
+    name: String,
+    getUploadParams: Function,
+    accept: String,
+    multiple: Boolean,
+    limit: Number | String, // 允许上传的最大文件数
+    onExceed: Function, // 超出数量限制回调函数
+    disabled: Boolean,
+    beforeUpload: Function,
+    onComplete: Function,
+    onError: Function,
+    onListChange: Function
+  },
+  data: function data() {
+    return {
+      prefixCls: 'mds-upload',
+      uploadList: []
+    };
+  },
+
+  methods: {
+    updateUploadList: function updateUploadList(list) {
+      this.uploadList = list;
+    },
+
+    /**
+     * network
+     */
+    uploadFile: function uploadFile(file, params) {
+      var _this = this;
+
+      var path = this.path,
+          name = this.name,
+          getUploadParams = this.getUploadParams,
+          onComplete = this.onComplete,
+          onError = this.onError,
+          onListChange = this.onListChange;
+      var uploadList = this.uploadList;
+
+      if (!path) {
+        return;
+      }
+
+      // assemble
+      var formData = new FormData();
+      var parameter = params || {};
+      if (!params) {
+        if (getUploadParams) {
+          parameter = getUploadParams(file, function (params) {
+            _this.uploadFile(file, params);
+          });
+          return;
+        } else {
+          formData.append(name, file);
+        }
+      }
+      var cancelToken = external_axios_default.a.CancelToken.source();
+      var url = URL.createObjectURL(file);
+      var curUpload = {
+        file: file,
+        percent: 0,
+        status: 'ready',
+        cancelToken: cancelToken,
+        url: url
+
+        // update && reset
+      };var isExist = false;
+      uploadList.forEach(function (item) {
+        if (item.file === file) {
+          isExist = true;
+          item.status = 0;
+          item.cancelToken = cancelToken;
+        }
+      });
+
+      // add to
+      !isExist && uploadList.unshift(curUpload);
+      onListChange && onListChange(uploadList);
+
+      // to Upload
+      external_axios_default()(extends_default()({
+        url: path,
+        headers: {
+          'Content-Type': 'multipart/form-data'
+        },
+        withCredentials: true,
+        method: 'post',
+        data: formData
+      }, parameter, {
+        timeout: 0,
+        cancelToken: cancelToken.token,
+        onUploadProgress: function onUploadProgress(e) {
+          _this.updateProgress(e, file, 'uploading');
+        }
+      })).then(function (res) {
+        _this.updateProgress(null, file, 'done');
+        onComplete && onComplete(res, file);
+      }).catch(function (err) {
+        if (external_axios_default.a.isCancel(err)) {
+          // console.log('user cancel')
+          _this.updateProgress(null, file, 'cancel');
+        } else {
+          _this.updateProgress(null, file, 'error');
+          onError && onError(err, file);
+        }
+      });
+    },
+
+    /**
+     * helper method
+     */
+    updateProgress: function updateProgress(progressEvent, file, status, percent, wpFile) {
+      var uploadList = this.uploadList,
+          onListChange = this.onListChange;
+      // console.log(progressEvent, file, status, percent, uploadList)
+
+      uploadList.forEach(function (item) {
+        if (item.file === file) {
+          if (percent) {
+            item.percent = percent * 100;
+            item.wpFile = wpFile;
+          } else {
+            item.percent = progressEvent ? progressEvent.loaded / progressEvent.total * 100 : 0;
+          }
+          item.status = status;
+        }
+      });
+      onListChange && onListChange(uploadList);
+    },
+
+
+    /**
+     * public method
+     */
+    cancelUploadByList: function cancelUploadByList(list) {
+      var _this2 = this;
+
+      if (!list) {
+        return;
+      }
+      var uploadList = this.uploadList,
+          onListChange = this.onListChange;
+
+      var cancelList = list.filter(function (item) {
+        return item.status === 'ready' || item.status === 'uploading';
+      });
+      var removeList = list.filter(function (item) {
+        return item.status === 'done' || item.status === 'cancel' || item.status === 'error';
+      });
+
+      var newList = uploadList.filter(function (item) {
+        var bool = removeList.find(function (removeItem) {
+          return removeItem.file === item.file;
+        });
+        return !bool;
+      });
+
+      // console.log(newList)
+
+      if (cancelList) {
+        cancelList.forEach(function (item) {
+          if (item.cancelToken) {
+            item.cancelToken.cancel('User terminated the request');
+          } else {
+            _this2.uploaderCancelFile(item.wpFile);
+          }
+        });
+      }
+
+      if (removeList.length > 0) {
+        this.uploadList = newList;
+        onListChange && onListChange(this.uploadList);
+      }
+    },
+    reUploadByList: function reUploadByList(list) {
+      var _this3 = this;
+
+      if (!list) {
+        return;
+      }
+      list.forEach(function (item) {
+        _this3.uploadFile(item.file);
+      });
+    },
+    onFileDrop: function onFileDrop(e) {
+      var _this4 = this;
+
+      var accept = this.accept,
+          beforeUpload = this.beforeUpload;
+      var _e$dataTransfer = e.dataTransfer,
+          files = _e$dataTransfer.files,
+          items = _e$dataTransfer.items;
+
+
+      var filesLength = files.length;
+      if (this.limit && filesLength + this.uploadList.length > +this.limit) {
+        this.onExceed && this.onExceed(e.target.files, this.uploadList);
+        return;
+      }
+
+      var newItems = [];
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = get_iterator_default()(items), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var item = _step.value;
+
+          newItems.push(item.webkitGetAsEntry());
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      if (beforeUpload) {
+        beforeUpload(files, function (res) {
+          upload_traverseFileTree(newItems, function (filelist) {
+            var file = filelist[0];
+            var eligibleFile = values_default()(res).find(function (item) {
+              return item.name === file.name;
+            });
+            eligibleFile && _this4.uploadFile(eligibleFile);
+          }, function (file) {
+            return attr_accept(file, accept.split(','));
+          });
+        });
+      } else {
+        upload_traverseFileTree(newItems, function (filelist) {
+          var file = filelist[0];
+          _this4.uploadFile(file);
+        }, function (file) {
+          return attr_accept(file, accept.split(','));
+        });
+      }
+    },
+
+
+    /**
+     * handle event
+     */
+    onUploadClick: function onUploadClick(e) {
+      this.$refs.input.click();
+    },
+    onChooseFile: function onChooseFile(e) {
+      var _this5 = this;
+
+      // console.log('on choose file')
+      // console.log(e.target.files)
+
+      var filesLength = e.target.files.length;
+      if (this.limit && filesLength + this.uploadList.length > +this.limit) {
+        this.onExceed && this.onExceed(e.target.files, this.uploadList);
+        return;
+      }
+
+      var beforeUpload = this.beforeUpload;
+
+      var files = assign_default()({}, e.target.files);
+      if (beforeUpload) {
+        beforeUpload(files, function (res) {
+          keys_default()(res).forEach(function (key) {
+            var file = files[key];
+            _this5.uploadFile(file);
+          });
+        });
+      } else {
+        keys_default()(files).forEach(function (key) {
+          var file = files[key];
+          _this5.uploadFile(file);
+        });
+      }
+      e.target.value = '';
+    }
+  },
+  /**
+   * life cycle
+   */
+  beforeDestroy: function beforeDestroy() {},
+  created: function created() {},
+
+  computed: {
+    classes: function classes() {
+      var prefixCls = this.prefixCls;
+      return [prefixCls];
+    }
+  },
+  render: function render() {
+    var h = arguments[0];
+    var classes = this.classes,
+        name = this.name,
+        onChooseFile = this.onChooseFile,
+        multiple = this.multiple,
+        limit = this.limit,
+        accept = this.accept,
+        disabled = this.disabled;
+
+    return h(
+      'div',
+      { 'class': classes },
+      [h('input', {
+        'class': 'mds-upload__input',
+        attrs: { type: 'file',
+
+          name: name,
+
+          limit: limit,
+          multiple: multiple,
+          accept: accept,
+          disabled: disabled
+        },
+        ref: 'input', on: {
+          'change': onChooseFile
+        }
+      })]
+    );
+  }
+});
+// CONCATENATED MODULE: ./components/upload/upload.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_uploadvue_type_script_lang_js_ = (uploadvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./components/upload/upload.vue
+var upload_render, upload_staticRenderFns
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  upload_uploadvue_type_script_lang_js_,
+  upload_render,
+  upload_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var api; }
+component.options.__file = "components/upload/upload.vue"
+/* harmony default export */ var upload = (component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-list.vue?vue&type=template&id=d345f752&
+var upload_listvue_type_template_id_d345f752_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    { class: "" + _vm.prefixCls },
+    [
+      _vm.dragable
+        ? _c(
+            "div",
+            { staticClass: "files-info files-upload-dragger" },
+            [
+              _c(
+                "upload-dragger",
+                {
+                  attrs: {
+                    onUpload: _vm.onUploadClick,
+                    handleDropFile: _vm.handleDropFile,
+                  },
+                },
+                [
+                  _vm.$slots.dragStyle
+                    ? _c(
+                        "template",
+                        { slot: "dragStyle" },
+                        [_vm._t("dragStyle")],
+                        2
+                      )
+                    : _vm._e(),
+                ],
+                2
+              ),
+            ],
+            1
+          )
+        : _vm._e(),
+      _vm.isTextCard
+        ? _c("span", { class: _vm.prefixCls + "-upload-text" }, [
+            _c(
+              "div",
+              { on: { click: _vm.onUploadClick } },
+              [_vm._t("default")],
+              2
+            ),
+            _c(
+              "div",
+              { class: _vm.prefixCls + "-files-info" },
+              _vm._l(_vm.uploadList, function (item, index) {
+                return _c(
+                  "upload-card",
+                  {
+                    key: index,
+                    attrs: {
+                      handleDelete: _vm.handleDelete,
+                      item: item,
+                      index: index,
+                      changeModal: _vm.changeModal,
+                    },
+                  },
+                  [
+                    _c("mds-icon", {
+                      attrs: { slot: "item-info", type: "line-paperclip" },
+                      slot: "item-info",
+                    }),
+                    _c(
+                      "span",
+                      {
+                        class: _vm.prefixCls + "-card-name",
+                        attrs: { slot: "item-info" },
+                        slot: "item-info",
+                      },
+                      [_vm._v(_vm._s(item.name || item.file.name))]
+                    ),
+                  ],
+                  1
+                )
+              }),
+              1
+            ),
+          ])
+        : _vm._e(),
+      _vm.isImgCard
+        ? _c("span", { class: _vm.prefixCls + "-imgs" }, [
+            _c(
+              "div",
+              { on: { click: _vm.onUploadClick } },
+              [_vm._t("default")],
+              2
+            ),
+            _c(
+              "div",
+              { class: _vm.prefixCls + "-files-info" },
+              _vm._l(_vm.uploadList, function (item, index) {
+                return _c(
+                  "upload-card",
+                  {
+                    key: index,
+                    attrs: {
+                      handleDelete: _vm.handleDelete,
+                      item: item,
+                      index: index,
+                      changeModal: _vm.changeModal,
+                    },
+                  },
+                  [
+                    _c("img", {
+                      class: _vm.prefixCls + "-card-icon",
+                      attrs: { slot: "item-info", src: item.url },
+                      slot: "item-info",
+                    }),
+                    _c(
+                      "div",
+                      {
+                        class: _vm.prefixCls + "-card-data",
+                        attrs: { slot: "item-info" },
+                        slot: "item-info",
+                      },
+                      [
+                        _c(
+                          "div",
+                          { class: _vm.prefixCls + "-card-data-name" },
+                          [_vm._v(_vm._s(item.name || item.file.name))]
+                        ),
+                        item.status == "error"
+                          ? _c(
+                              "div",
+                              { class: _vm.prefixCls + "-card-data-size" },
+                              [_vm._v(" 上传失败，请关闭后再试 ")]
+                            )
+                          : item.file && item.file.size
+                          ? _c(
+                              "div",
+                              { class: _vm.prefixCls + "-card-data-error" },
+                              [_vm._v(_vm._s(_vm.getFileSize(item.file.size)))]
+                            )
+                          : _vm._e(),
+                      ]
+                    ),
+                  ]
+                )
+              }),
+              1
+            ),
+          ])
+        : _vm._e(),
+      _vm.isPhotoWall
+        ? _c(
+            "div",
+            { staticClass: "files-info files-upload-photo-wall" },
+            [
+              _c("PhotoWall", {
+                attrs: {
+                  uploadList: _vm.uploadList,
+                  onDelete: _vm.handleDelete,
+                  onRetry: _vm.handleRetry,
+                  onUpload: _vm.onUploadClick,
+                },
+              }),
+            ],
+            1
+          )
+        : _vm._e(),
+      _c(
+        "mds-modal",
+        {
+          attrs: {
+            visibility: _vm.modalVisibility,
+            modelType: "success",
+            mask: true,
+            showClose: true,
+            modelIconColor: "#0364ff",
+            modelIcon: "base",
+            width: "70%",
+            title: "预览",
+          },
+          on: { ok: _vm.changeModal, close: _vm.changeModal },
+        },
+        [
+          _vm.imgCardModalUrl
+            ? _c("img", {
+                staticStyle: { "max-width": "100%" },
+                attrs: { src: _vm.imgCardModalUrl },
+              })
+            : _vm._e(),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var upload_listvue_type_template_id_d345f752_staticRenderFns = []
+upload_listvue_type_template_id_d345f752_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/upload/upload-list.vue?vue&type=template&id=d345f752&
+
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-card.vue?vue&type=template&id=45aa45c9&
+var upload_cardvue_type_template_id_45aa45c9_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      class: [
+        _vm.prefixCls + "-card",
+        _vm.item.status == "error" || _vm.item.status == "cancel"
+          ? _vm.prefixCls + "-error"
+          : _vm.prefixCls + "-succeed",
+      ],
+    },
+    [
+      _vm._t("item-info"),
+      _c(
+        "span",
+        {
+          class: _vm.prefixCls + "-card-status",
+          on: {
+            click: function (e) {
+              _vm.judgeClick(e, _vm.item)
+            },
+          },
+        },
+        [
+          _vm.item.status == "done"
+            ? _c("mds-icon", {
+                class: _vm.prefixCls + "-card-eyes",
+                attrs: { type: "line-eye", "data-id": "view" },
+              })
+            : _vm._e(),
+          _c("mds-icon", {
+            class: _vm.prefixCls + "-card-success",
+            style:
+              "display:" +
+              (_vm.item.status == "done" ? "inline-block" : "none"),
+            attrs: { type: "line-finished" },
+          }),
+          _c("mds-icon", {
+            class: _vm.prefixCls + "-card-error",
+            style:
+              "display:" +
+              (_vm.item.status == "error" || _vm.item.status == "cancel"
+                ? "inline-block"
+                : "none"),
+            attrs: { type: "line-close-circle" },
+          }),
+          _c("mds-icon", {
+            class: _vm.prefixCls + "-card-delete",
+            attrs: {
+              title: "删除",
+              type: "line-close-circle",
+              "data-id": "delete",
+            },
+          }),
+        ],
+        1
+      ),
+      _c("div", {
+        class: _vm.prefixCls + "-card-process-bar",
+        style: "width:" + (_vm.item.percent / 100) * 354 + "px",
+      }),
+    ],
+    2
+  )
+}
+var upload_cardvue_type_template_id_45aa45c9_staticRenderFns = []
+upload_cardvue_type_template_id_45aa45c9_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/upload/upload-card.vue?vue&type=template&id=45aa45c9&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-card.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var upload_cardvue_type_script_lang_js_ = ({
+  props: {
+    handleDelete: Function,
+    item: Object,
+    changeModal: Function
+  },
+  data: function data() {
+    return {
+      prefixCls: 'mds-upload'
+    };
+  },
+
+  methods: {
+    judgeClick: function judgeClick(e, item) {
+      if (e.target.dataset.id === 'delete') {
+        this.handleDelete(e, item);
+      }
+      if (e.target.dataset.id === 'view') {
+        this.changeModal(item.url);
+      }
+      // debugger
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/upload/upload-card.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_upload_cardvue_type_script_lang_js_ = (upload_cardvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/upload/upload-card.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_card_component = Object(componentNormalizer["a" /* default */])(
+  upload_upload_cardvue_type_script_lang_js_,
+  upload_cardvue_type_template_id_45aa45c9_render,
+  upload_cardvue_type_template_id_45aa45c9_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_card_api; }
+upload_card_component.options.__file = "components/upload/upload-card.vue"
+/* harmony default export */ var upload_card = (upload_card_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-photowall.vue?vue&type=template&id=c0bbefda&
+var upload_photowallvue_type_template_id_c0bbefda_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    [
+      _c(
+        "ul",
+        { staticClass: "upload-list-photo-wall" },
+        [
+          _vm._l(_vm.uploadList, function (item, index) {
+            return _c("li", { key: index, class: ["upload-list-photo_item"] }, [
+              item.status === "done"
+                ? _c("div", { staticClass: "upload-list-photo_item-done" }, [
+                    _c("img", {
+                      staticClass: "upload-list-photo_item-thumbnail",
+                      attrs: { src: item.url, alt: "" },
+                    }),
+                    _c("ul", { staticClass: "upload-list-photo_item-tool" }, [
+                      _c(
+                        "li",
+                        {
+                          on: {
+                            click: function (e) {
+                              return _vm.onLook(item)
+                            },
+                          },
+                        },
+                        [_c("mds-icon", { attrs: { type: "line-eye" } })],
+                        1
+                      ),
+                      _c(
+                        "li",
+                        {
+                          on: {
+                            click: function (e) {
+                              return _vm.onDownload(item)
+                            },
+                          },
+                        },
+                        [_c("mds-icon", { attrs: { type: "line-download" } })],
+                        1
+                      ),
+                      _c(
+                        "li",
+                        {
+                          on: {
+                            click: function (e) {
+                              return _vm.onDrop(e, item)
+                            },
+                          },
+                        },
+                        [
+                          _c("mds-icon", {
+                            attrs: { type: "line-close-circle" },
+                          }),
+                        ],
+                        1
+                      ),
+                    ]),
+                  ])
+                : _vm._e(),
+              item.status === "uploading"
+                ? _c(
+                    "div",
+                    { staticClass: "upload-list-photo_item-uploading" },
+                    [
+                      _c("mds-icon", {
+                        staticClass: "fileType",
+                        attrs: { slot: "item-info", type: "line-file" },
+                        slot: "item-info",
+                      }),
+                      _c("span", [_vm._v("上传中")]),
+                      _c("mds-progress", {
+                        staticClass: "uploadProgress",
+                        attrs: {
+                          percentColor: "#00BA00",
+                          strokeWidth: "2",
+                          percentage: item.percent,
+                        },
+                      }),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+              item.status === "error"
+                ? _c(
+                    "div",
+                    {
+                      staticClass: "upload-list-photo_item-fail",
+                      on: {
+                        click: function (e) {
+                          return _vm.onRetryUpload(e, item)
+                        },
+                      },
+                    },
+                    [
+                      _c("mds-icon", {
+                        staticClass: "errorType",
+                        attrs: { type: "line-exclamation-circle" },
+                      }),
+                      _c("mds-button", { attrs: { type: "normal" } }, [
+                        _vm._v("点击重试"),
+                      ]),
+                    ],
+                    1
+                  )
+                : _vm._e(),
+            ])
+          }),
+          _c(
+            "li",
+            { class: ["upload-list-photo_item upload-list-photo_add"] },
+            [
+              _c(
+                "div",
+                {
+                  staticClass: "upload-list-photo_item-add",
+                  on: { click: _vm.onUploadFile },
+                },
+                [
+                  _c("mds-icon", {
+                    staticClass: "plusType",
+                    attrs: { type: "line-plus" },
+                  }),
+                  _c("span", [_vm._v("上传图片")]),
+                ],
+                1
+              ),
+            ]
+          ),
+        ],
+        2
+      ),
+      _c(
+        "mds-modal",
+        {
+          attrs: {
+            visibility: _vm.visible,
+            mask: true,
+            showClose: false,
+            top: "45vh",
+          },
+          on: { close: _vm.onModalClose },
+        },
+        [
+          _c("div", { attrs: { slot: "header" }, slot: "header" }, [
+            _vm._v("\n      header\n    "),
+          ]),
+          _c("div", { staticClass: "block" }),
+          _c("div", { attrs: { slot: "footer" }, slot: "footer" }),
+        ]
+      ),
+    ],
+    1
+  )
+}
+var upload_photowallvue_type_template_id_c0bbefda_staticRenderFns = []
+upload_photowallvue_type_template_id_c0bbefda_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/upload/upload-photowall.vue?vue&type=template&id=c0bbefda&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-photowall.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var upload_photowallvue_type_script_lang_js_ = ({
+  props: {
+    uploadList: Array,
+    onDelete: Function,
+    onRetry: Function,
+    onUpload: Function
+  },
+  data: function data() {
+    return {
+      visible: false
+    };
+  },
+
+  methods: {
+    /**
+     * handle event
+     */
+    onLook: function onLook(file) {
+      // this.visible = true
+      // MK-TODO: PREVIEW PHOTO
+      window.open(file.url);
+    },
+    onDownload: function onDownload(file) {
+      window.open(file.url);
+    },
+    onDrop: function onDrop(e, file) {
+      this.onDelete && this.onDelete(e, file);
+    },
+    onRetryUpload: function onRetryUpload(e, file) {
+      this.onRetry && this.onRetry(e, file);
+    },
+    onUploadFile: function onUploadFile() {
+      this.onUpload && this.onUpload();
+    },
+    onModalClose: function onModalClose() {
+      this.visible = false;
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/upload/upload-photowall.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_upload_photowallvue_type_script_lang_js_ = (upload_photowallvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/upload/upload-photowall.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_photowall_component = Object(componentNormalizer["a" /* default */])(
+  upload_upload_photowallvue_type_script_lang_js_,
+  upload_photowallvue_type_template_id_c0bbefda_render,
+  upload_photowallvue_type_template_id_c0bbefda_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_photowall_api; }
+upload_photowall_component.options.__file = "components/upload/upload-photowall.vue"
+/* harmony default export */ var upload_photowall = (upload_photowall_component.exports);
+// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-dragger.vue?vue&type=template&id=4ea8af12&
+var upload_draggervue_type_template_id_4ea8af12_render = function () {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+  return _c(
+    "div",
+    {
+      staticClass: "upload-list-dragger",
+      attrs: { id: "upload-list-dragger" },
+      on: {
+        drop: _vm.onFileDrop,
+        dragover: _vm.onDragOver,
+        dragleave: _vm.onDragLeave,
+      },
+    },
+    [
+      _c(
+        "div",
+        {
+          staticClass: "upload-list-dragger_content",
+          on: { click: _vm.onUploadFile },
+        },
+        [
+          !_vm.$slots.dragStyle
+            ? _c(
+                "div",
+                { staticClass: "defaultUploadIcon" },
+                [
+                  _c("mds-icon", {
+                    staticClass: "uploadIcon",
+                    attrs: { type: "line-cloud-upload" },
+                  }),
+                  _vm._m(0),
+                ],
+                1
+              )
+            : _vm._e(),
+          _vm._t("dragStyle"),
+        ],
+        2
+      ),
+    ]
+  )
+}
+var upload_draggervue_type_template_id_4ea8af12_staticRenderFns = [
+  function () {
+    var _vm = this
+    var _h = _vm.$createElement
+    var _c = _vm._self._c || _h
+    return _c("span", [
+      _vm._v("将文件拖拽到此处, 或 "),
+      _c("a", [_vm._v("点击上传")]),
+    ])
+  },
+]
+upload_draggervue_type_template_id_4ea8af12_render._withStripped = true
+
+
+// CONCATENATED MODULE: ./components/upload/upload-dragger.vue?vue&type=template&id=4ea8af12&
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-dragger.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ var upload_draggervue_type_script_lang_js_ = ({
+  props: {
+    onUpload: Function,
+    handleDropFile: Function
+  },
+  data: function data() {
+    return {
+      canDrop: false
+    };
+  },
+
+  methods: {
+    /**
+     * handle event
+     */
+    onUploadFile: function onUploadFile() {
+      this.onUpload && this.onUpload();
+    },
+    onFileDrop: function onFileDrop(e) {
+      e.preventDefault();
+      if (!this.canDrop) {
+        return;
+      }
+      var types = e.dataTransfer.types;
+
+      var isExistFile = this.isExistFile(types);
+      if (!isExistFile) {
+        return;
+      }
+      this.canDrop = false;
+      this.handleDropFile && this.handleDropFile(e);
+    },
+    onDragOver: function onDragOver(e) {
+      e.preventDefault();
+      var types = e.dataTransfer.types;
+
+      var isExistFile = this.isExistFile(types);
+      if (isExistFile && !this.canDrop) {
+        this.canDrop = true;
+      }
+    },
+    onDragLeave: function onDragLeave(e) {
+      e.preventDefault();
+      this.canDrop = false;
+    },
+
+    /**
+     * helper method
+     */
+    isExistFile: function isExistFile(types) {
+      var isExistFile = types && types.find(function (item) {
+        return item === 'Files';
+      });
+      return isExistFile;
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/upload/upload-dragger.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_upload_draggervue_type_script_lang_js_ = (upload_draggervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/upload/upload-dragger.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_dragger_component = Object(componentNormalizer["a" /* default */])(
+  upload_upload_draggervue_type_script_lang_js_,
+  upload_draggervue_type_template_id_4ea8af12_render,
+  upload_draggervue_type_template_id_4ea8af12_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_dragger_api; }
+upload_dragger_component.options.__file = "components/upload/upload-dragger.vue"
+/* harmony default export */ var upload_dragger = (upload_dragger_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/upload-list.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+/* harmony default export */ var upload_listvue_type_script_lang_js_ = ({
+  props: {
+    onFile: Function,
+    uploadList: Array,
+    listType: {
+      type: String,
+      default: 'text'
+    },
+    onListChange: Function,
+    onCancelList: Function,
+    onReUploadList: Function,
+    dragable: Boolean,
+    handleDropFile: Function,
+    fileList: Array // 上传的文件列表
+  },
+  data: function data() {
+    return {
+      prefixCls: 'mds-upload',
+      imgCardModalUrl: '',
+      modalVisibility: false
+    };
+  },
+
+  components: {
+    UploadCard: upload_card,
+    PhotoWall: upload_photowall,
+    UploadDragger: upload_dragger
+  },
+  computed: {
+    isTextCard: function isTextCard() {
+      return this.listType === 'textCard';
+    },
+    isImgCard: function isImgCard() {
+      return this.listType === 'imgCard';
+    },
+    isPhotoWall: function isPhotoWall() {
+      return this.listType === 'photoWall';
+    },
+    showUploadBtn: function showUploadBtn() {
+      return !this.dragable && this.listType !== 'photoWall';
+    }
+  },
+  methods: {
+    changeModal: function changeModal(url) {
+      if (this.modalVisibility) {
+        this.modalVisibility = false;
+        this.imgCardModalUrl = '';
+      } else {
+        this.modalVisibility = true;
+        this.imgCardModalUrl = url;
+      }
+    },
+    onUploadClick: function onUploadClick() {
+      console.log('xxxxxxxx', this);
+      this.onFile && this.onFile();
+    },
+    handleDelete: function handleDelete(e, file) {
+      this.onCancelList && this.onCancelList([file]);
+    },
+    handleRetry: function handleRetry(e, file) {
+      this.onReUploadList && this.onReUploadList([file]);
+    },
+    getFileSize: function getFileSize(fileByte) {
+      var fileSizeByte = fileByte;
+      var fileSizeMsg = '';
+      if (fileSizeByte < 1048576) {
+        fileSizeMsg = (fileSizeByte / 1024).toFixed(1) + 'K';
+      } else if (+fileSizeByte === 1048576) {
+        fileSizeMsg = '1M';
+      } else if (fileSizeByte > 1048576 && fileSizeByte < 1073741824) {
+        fileSizeMsg = (fileSizeByte / (1024 * 1024)).toFixed(1) + 'M';
+      } else if (fileSizeByte > 1048576 && +fileSizeByte === 1073741824) {
+        fileSizeMsg = '1G';
+      } else if (fileSizeByte > 1073741824 && fileSizeByte < 1099511627776) {
+        fileSizeMsg = (fileSizeByte / (1024 * 1024 * 1024)).toFixed(1) + 'G';
+      } else {
+        fileSizeMsg = '文件超过1T';
+      }
+      return fileSizeMsg;
+    }
+  }
+});
+// CONCATENATED MODULE: ./components/upload/upload-list.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_upload_listvue_type_script_lang_js_ = (upload_listvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/upload/upload-list.vue
+
+
+
+
+
+/* normalize component */
+
+var upload_list_component = Object(componentNormalizer["a" /* default */])(
+  upload_upload_listvue_type_script_lang_js_,
+  upload_listvue_type_template_id_d345f752_render,
+  upload_listvue_type_template_id_d345f752_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var upload_list_api; }
+upload_list_component.options.__file = "components/upload/upload-list.vue"
+/* harmony default export */ var upload_list = (upload_list_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./components/upload/entry.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+// import UploadDragger from './upload-dragger'
+
+/* harmony default export */ var entryvue_type_script_lang_js_ = ({
+  name: 'MdsUpload',
+  props: {
+    path: String,
+    name: String,
+    getUploadParams: Function,
+    accept: String,
+    multiple: Boolean,
+    limit: Number | String, // 允许上传的最大文件数
+    onExceed: Function, // 超出数量限制回调函数
+    disabled: Boolean,
+    onBeforeUpload: Function,
+    onComplete: Function,
+    onError: Function,
+    onChange: Function,
+    listType: String,
+    dragable: Boolean,
+    fileList: Array // 上传的文件列表
+  },
+  data: function data() {
+    return {
+      prefixCls: 'mds-upload',
+      uploadList: []
+    };
+  },
+  created: function created() {
+    var _this = this;
+
+    if (this.fileList) {
+      this.uploadList = this.fileList.map(function (item) {
+        item.status = item.status || 'done';
+        return item;
+      });
+      this.$nextTick(function () {
+        return _this.$refs.uploader.updateUploadList(_this.uploadList);
+      });
+    }
+  },
+
+  watch: {
+    fileList: {
+      deep: true,
+      handler: function handler(list) {
+        this.uploadList = list.map(function (item) {
+          item.status = item.status || 'done';
+          return item;
+        });
+        this.$refs.uploader.updateUploadList(this.uploadList);
+      }
+    }
+  },
+  methods: {
+    onUploadClick: function onUploadClick() {
+      this.$refs.uploader.onUploadClick();
+    },
+    onListChange: function onListChange(list) {
+      this.uploadList = list;
+    },
+    onCancelList: function onCancelList(list) {
+      this.$refs.uploader.cancelUploadByList(list);
+    },
+    onReUploadList: function onReUploadList(list) {
+      this.$refs.uploader.reUploadByList(list);
+    },
+    handleDropFile: function handleDropFile(event) {
+      this.$refs.uploader.onFileDrop(event);
+    }
+  },
+  computed: {
+    classes: function classes() {
+      var prefixCls = this.prefixCls;
+      return [prefixCls];
+    }
+  },
+  components: {
+    Upload: upload,
+    UploadList: upload_list,
+    UploadCard: upload_card
+  }
+});
+// CONCATENATED MODULE: ./components/upload/entry.vue?vue&type=script&lang=js&
+ /* harmony default export */ var upload_entryvue_type_script_lang_js_ = (entryvue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./components/upload/entry.vue
+
+
+
+
+
+/* normalize component */
+
+var entry_component = Object(componentNormalizer["a" /* default */])(
+  upload_entryvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* hot reload */
+if (false) { var entry_api; }
+entry_component.options.__file = "components/upload/entry.vue"
+/* harmony default export */ var entry = (entry_component.exports);
+// CONCATENATED MODULE: ./components/upload/index.js
+
+
+
+/* istanbul ignore next */
+entry.install = function (Vue) {
+  Vue.component(entry.name, entry);
+};
+
+/* harmony default export */ var components_upload = __webpack_exports__["default"] = (entry);
+
+/***/ }),
+
+/***/ 9:
+/***/ (function(module, exports) {
+
+module.exports = require("babel-runtime/core-js/object/assign");
+
+/***/ })
+
+/******/ });
+});