vue-element-ui-x 1.0.3 → 1.0.4

package/lib/components/FilesCard/index.js

@@ -1,97 +1,32 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { 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 = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 29);
-/******/ })
-/************************************************************************/
-/******/ ({
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 4444:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
 
-/***/ 0:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "[data-v-eaf958fa]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-filescard[data-v-eaf958fa]{width:fit-content;padding:12px;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;border-radius:8px;position:relative;background:rgba(0,0,0,.06);max-width:var(--elx-files-card-max-width)}.el-x-filescard .el-x-filescard-progress[data-v-eaf958fa]{position:absolute;top:0;left:0;bottom:0;background:rgba(0,0,0,.08);border-radius:8px;transition:width .2s ease}.el-x-filescard .el-x-filescard-delete-icon[data-v-eaf958fa]{position:absolute;top:-8px;right:-6px;cursor:pointer;color:rgba(0,0,0,.4);display:none}.el-x-filescard .el-x-filescard-delete-icon[data-v-eaf958fa]:hover{color:#ff4d4f}.el-x-filescard:hover .el-x-filescard-delete-icon[data-v-eaf958fa]{display:block}.el-x-filescard-square[data-v-eaf958fa]{padding:0;margin:0}.el-x-filescard-icon[data-v-eaf958fa]{flex:none;font-size:var(--elx-files-card-icon-size)}.el-x-filescard-img[data-v-eaf958fa]{flex:none;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);border-radius:8px;object-fit:cover}.el-x-filescard-content[data-v-eaf958fa]{flex:auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%}.el-x-filescard-content .el-x-filescard-name[data-v-eaf958fa]{display:flex;flex-wrap:nowrap;max-width:100%;font-size:14px}.el-x-filescard-content .el-x-filescard-name .el-x-filescard-name-prefix[data-v-eaf958fa]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-x-filescard-content .el-x-filescard-name .el-x-filescard-name-suffix[data-v-eaf958fa]{flex:none}.el-x-filescard-content .el-x-filescard-description[data-v-eaf958fa]{flex:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.4);font-size:12px}.el-x-filescard-content .el-x-filescard-description-error[data-v-eaf958fa]{color:#ff4d4f}.image-preview-container[data-v-eaf958fa]{position:relative;padding:0px;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);display:inline-block;border-radius:8px;transition:all .3s}.image-preview-container .preview-mask[data-v-eaf958fa]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;opacity:0;background:rgba(0,0,0,.65);color:#fff;font-size:10px;transition:opacity .3s}.image-preview-container .preview-mask .el-icon-view[data-v-eaf958fa]{font-size:10px;margin-right:2px;display:flex;align-items:center;height:100%;margin-top:2px}.image-preview-container .preview-mask[data-v-eaf958fa]:hover{opacity:1;transition:opacity .3s;cursor:pointer}.image-preview-container-square .preview-mask[data-v-eaf958fa]{font-size:14px}.image-preview-container-square .preview-mask .el-icon-view[data-v-eaf958fa]{font-size:12px}.preview-mask-loading[data-v-eaf958fa]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.65);color:#fff;transition:all .3s}.preview-mask-loading .circle-progress[data-v-eaf958fa]{width:100% !important;height:100% !important;display:flex;justify-content:center;align-items:center}.preview-mask-loading .circle-progress .el-progress-circle[data-v-eaf958fa]{width:calc(100% - 12px) !important;height:calc(100% - 12px) !important}.preview-mask-loading .circle-progress .el-progress-circle svg>path[data-v-eaf958fa]:nth-child(1){stroke:hsla(0,0%,100%,.2);stroke-width:8px}.preview-mask-loading .circle-progress .el-progress__text[data-v-eaf958fa]{color:#fff;font-size:14px}.preview-mask-error[data-v-eaf958fa]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);font-size:12px;transition:all .3s;color:#ff4d4f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-image-viewer__progress[data-v-eaf958fa]{display:none}.fade-enter-active[data-v-eaf958fa],.fade-leave-active[data-v-eaf958fa]{transition:opacity .3s}.fade-enter[data-v-eaf958fa],.fade-leave-to[data-v-eaf958fa]{opacity:0}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 4486:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ normalizeComponent)
+/* harmony export */ });
 /* globals __VUE_SSR_CONTEXT__ */
 
 // IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
@@ -192,150 +127,482 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ 5072:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-"use strict";
 
 
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-module.exports = function (cssWithMappingToString) {
-  var list = []; // return the list of modules as css string
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
 
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = cssWithMappingToString(item);
+    return memo;
+  };
+}();
 
-      if (item[2]) {
-        return "@media ".concat(item[2], " {").concat(content, "}");
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
       }
 
-      return content;
-    }).join("");
-  }; // import a list of modules into the list
-  // eslint-disable-next-line func-names
+      memo[target] = styleTarget;
+    }
 
+    return memo[target];
+  };
+}();
 
-  list.i = function (modules, mediaQuery, dedupe) {
-    if (typeof modules === "string") {
-      // eslint-disable-next-line no-param-reassign
-      modules = [[null, modules, ""]];
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
     }
+  }
 
-    var alreadyImportedModules = {};
+  return result;
+}
 
-    if (dedupe) {
-      for (var i = 0; i < this.length; i++) {
-        // eslint-disable-next-line prefer-destructuring
-        var id = this[i][0];
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
 
-        if (id != null) {
-          alreadyImportedModules[id] = true;
-        }
-      }
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
+
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
     }
 
-    for (var _i = 0; _i < modules.length; _i++) {
-      var item = [].concat(modules[_i]);
+    identifiers.push(identifier);
+  }
 
-      if (dedupe && alreadyImportedModules[item[0]]) {
-        // eslint-disable-next-line no-continue
-        continue;
-      }
+  return identifiers;
+}
 
-      if (mediaQuery) {
-        if (!item[2]) {
-          item[2] = mediaQuery;
-        } else {
-          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
-        }
-      }
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
 
-      list.push(item);
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : 0;
+
+    if (nonce) {
+      attributes.nonce = nonce;
     }
-  };
+  }
 
-  return list;
-};
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
 
-/***/ }),
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
 
-/***/ 27:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
 
-"use strict";
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
-// Imports
+    target.appendChild(style);
+  }
 
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
-// Module
-___CSS_LOADER_EXPORT___.push([module.i, "[data-v-28b3b638]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-filescard[data-v-28b3b638]{width:fit-content;padding:12px;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;border-radius:8px;position:relative;background:rgba(0,0,0,.06);max-width:var(--elx-files-card-max-width)}.el-x-filescard .el-x-filescard-progress[data-v-28b3b638]{position:absolute;top:0;left:0;bottom:0;background:rgba(0,0,0,.08);border-radius:8px;transition:width .2s ease}.el-x-filescard .el-x-filescard-delete-icon[data-v-28b3b638]{position:absolute;top:-8px;right:-6px;cursor:pointer;color:rgba(0,0,0,.4);display:none}.el-x-filescard .el-x-filescard-delete-icon[data-v-28b3b638]:hover{color:#ff4d4f}.el-x-filescard:hover .el-x-filescard-delete-icon[data-v-28b3b638]{display:block}.el-x-filescard-square[data-v-28b3b638]{padding:0;margin:0}.el-x-filescard-icon[data-v-28b3b638]{flex:none;font-size:var(--elx-files-card-icon-size)}.el-x-filescard-img[data-v-28b3b638]{flex:none;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);border-radius:8px;object-fit:cover}.el-x-filescard-content[data-v-28b3b638]{flex:auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%}.el-x-filescard-content .el-x-filescard-name[data-v-28b3b638]{display:flex;flex-wrap:nowrap;max-width:100%;font-size:14px}.el-x-filescard-content .el-x-filescard-name .el-x-filescard-name-prefix[data-v-28b3b638]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-x-filescard-content .el-x-filescard-name .el-x-filescard-name-suffix[data-v-28b3b638]{flex:none}.el-x-filescard-content .el-x-filescard-description[data-v-28b3b638]{flex:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.4);font-size:12px}.el-x-filescard-content .el-x-filescard-description-error[data-v-28b3b638]{color:#ff4d4f}.image-preview-container[data-v-28b3b638]{position:relative;padding:0px;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);display:inline-block;border-radius:8px;transition:all .3s}.image-preview-container .preview-mask[data-v-28b3b638]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;opacity:0;background:rgba(0,0,0,.65);color:#fff;font-size:10px;transition:opacity .3s}.image-preview-container .preview-mask .el-icon-view[data-v-28b3b638]{font-size:10px;margin-right:2px;display:flex;align-items:center;height:100%;margin-top:2px}.image-preview-container .preview-mask[data-v-28b3b638]:hover{opacity:1;transition:opacity .3s;cursor:pointer}.image-preview-container-square .preview-mask[data-v-28b3b638]{font-size:14px}.image-preview-container-square .preview-mask .el-icon-view[data-v-28b3b638]{font-size:12px}.preview-mask-loading[data-v-28b3b638]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.65);color:#fff;transition:all .3s}.preview-mask-loading .circle-progress[data-v-28b3b638]{width:100% !important;height:100% !important;display:flex;justify-content:center;align-items:center}.preview-mask-loading .circle-progress .el-progress-circle[data-v-28b3b638]{width:calc(100% - 12px) !important;height:calc(100% - 12px) !important}.preview-mask-loading .circle-progress .el-progress-circle svg>path[data-v-28b3b638]:nth-child(1){stroke:rgba(255,255,255,.2);stroke-width:8px}.preview-mask-loading .circle-progress .el-progress__text[data-v-28b3b638]{color:#fff;font-size:14px}.preview-mask-error[data-v-28b3b638]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);font-size:12px;transition:all .3s;color:#ff4d4f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-image-viewer__progress[data-v-28b3b638]{display:none}.fade-enter-active[data-v-28b3b638],.fade-leave-active[data-v-28b3b638]{transition:opacity .3s}.fade-enter[data-v-28b3b638],.fade-leave-to[data-v-28b3b638]{opacity:0}", ""]);
-// Exports
-/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+  return style;
+}
 
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
 
-/***/ }),
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
 
-/***/ 29:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=template&id=28b3b638&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    staticClass: "el-x-filescard",
-    class: {
-      "el-x-filescard-square": _vm.isSquareVariant && _vm.isImageFile,
-      "el-x-filescard-hovered": _vm.isHovered,
-      "el-x-filescard-error": _vm.status === "error",
-      "el-x-filescard-done": _vm.status === "done",
-      "el-x-filescard-uploading": _vm.status === "uploading"
-    },
-    style: {
-      "--elx-files-card-icon-size": `${_vm._iconSize}`,
-      "--elx-files-card-max-width": `${_vm.maxWidth}`,
-      ..._vm.styleConfig,
-      ...(_vm.isHovered && _vm.hoverStyle ? _vm.hoverStyle : {})
-    },
-    on: {
-      mouseenter: function ($event) {
-        _vm.isHovered = true;
-      },
-      mouseleave: function ($event) {
-        _vm.isHovered = false;
-      }
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
+
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
     }
-  }, [_vm.status === "uploading" && !(_vm.isSquareVariant && _vm.isImageFile) ? _c("div", {
-    staticClass: "el-x-filescard-progress",
-    style: {
-      width: `${_vm.percent || 0}%`
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
     }
-  }) : _vm._e(), _vm._v(" "), _vm.$slots.icon || _vm._fileType ? _vm._t("icon", function () {
-    return [!_vm.isImageFile ? _c(_vm.svgIconMap[_vm._fileType], {
-      tag: "component",
-      staticClass: "el-x-filescard-icon",
-      attrs: {
-        color: _vm.iconColor || _vm.colorMap[_vm._fileType]
-      }
-    }) : _vm._e(), _vm._v(" "), _vm.isImageFile ? [_c("div", {
-      staticClass: "image-preview-container",
-      class: {
-        "image-preview-container-square": _vm.isSquareVariant && _vm.isImageFile
-      },
-      on: {
-        mouseenter: function ($event) {
-          _vm.imageHovered = true;
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
+
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      update(obj = newObj);
+    } else {
+      remove();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
+
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
+
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 6314:
+/***/ ((module) => {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			id: moduleId,
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/nonce */
+/******/ 	(() => {
+/******/ 		__webpack_require__.nc = undefined;
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ FilesCard)
+});
+
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=template&id=eaf958fa&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-filescard",
+    class: {
+      "el-x-filescard-square": _vm.isSquareVariant && _vm.isImageFile,
+      "el-x-filescard-hovered": _vm.isHovered,
+      "el-x-filescard-error": _vm.status === "error",
+      "el-x-filescard-done": _vm.status === "done",
+      "el-x-filescard-uploading": _vm.status === "uploading"
+    },
+    style: {
+      "--elx-files-card-icon-size": `${_vm._iconSize}`,
+      "--elx-files-card-max-width": `${_vm.maxWidth}`,
+      ..._vm.styleConfig,
+      ...(_vm.isHovered && _vm.hoverStyle ? _vm.hoverStyle : {})
+    },
+    on: {
+      mouseenter: function ($event) {
+        _vm.isHovered = true;
+      },
+      mouseleave: function ($event) {
+        _vm.isHovered = false;
+      }
+    }
+  }, [_vm.status === "uploading" && !(_vm.isSquareVariant && _vm.isImageFile) ? _c("div", {
+    staticClass: "el-x-filescard-progress",
+    style: {
+      width: `${_vm.percent || 0}%`
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.$slots.icon || _vm._fileType ? _vm._t("icon", function () {
+    return [!_vm.isImageFile ? _c(_vm.svgIconMap[_vm._fileType], {
+      tag: "component",
+      staticClass: "el-x-filescard-icon",
+      attrs: {
+        color: _vm.iconColor || _vm.colorMap[_vm._fileType]
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.isImageFile ? [_c("div", {
+      staticClass: "image-preview-container",
+      class: {
+        "image-preview-container-square": _vm.isSquareVariant && _vm.isImageFile
+      },
+      on: {
+        mouseenter: function ($event) {
+          _vm.imageHovered = true;
         },
         mouseleave: function ($event) {
           _vm.imageHovered = false;
@@ -346,12 +613,12 @@ var render = function render() {
       staticClass: "el-x-filescard-img",
       attrs: {
         src: _vm._previewImgUrl,
-        "preview-src-list": _vm._previewImgUrl ? [_vm._previewImgUrl] : [],
+        "preview-src-list": _vm.imgPreview && _vm._previewImgUrl ? [_vm._previewImgUrl] : [],
         fit: "cover"
       },
       on: {
         click: function ($event) {
-          return _vm.handlePreviewAction("self");
+          _vm.imgPreview ? _vm.handlePreviewAction("self") : null;
         }
       }
     }) : _c(_vm.svgIconMap[_vm._fileType], {
@@ -456,9 +723,9 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=template&id=28b3b638&scoped=true
+;// ./src/components/FilesCard/src/main.vue?vue&type=template&id=eaf958fa&scoped=true
 
-// CONCATENATED MODULE: ./src/utils/index.js
+;// ./src/utils/index.js
 /**
  * 判断文件类型是否为图片
  * @param {string} type 文件类型
@@ -651,7 +918,7 @@ function getSize(size) {
   }
   return `${retSize.toFixed(0)} ${units[unitIndex]}`;
 }
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/audio.vue?vue&type=template&id=70981d96
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/audio.vue?vue&type=template&id=70981d96
 var audiovue_type_template_id_70981d96_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -697,19 +964,18 @@ var audiovue_type_template_id_70981d96_render = function render() {
 var audiovue_type_template_id_70981d96_staticRenderFns = [];
 audiovue_type_template_id_70981d96_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/audio.vue?vue&type=template&id=70981d96
+;// ./src/components/FilesCard/src/fileSvg/audio.vue?vue&type=template&id=70981d96
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
-
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/audio.vue
+var componentNormalizer = __webpack_require__(4486);
+;// ./src/components/FilesCard/src/fileSvg/audio.vue
 
 var script = {}
 
 
 /* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
+;
+var component = (0,componentNormalizer/* default */.A)(
   script,
   audiovue_type_template_id_70981d96_render,
   audiovue_type_template_id_70981d96_staticRenderFns,
@@ -720,8 +986,8 @@ var component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var audio = (component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/code.vue?vue&type=template&id=900b2442
+/* harmony default export */ const audio = (component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/code.vue?vue&type=template&id=900b2442
 var codevue_type_template_id_900b2442_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -758,16 +1024,16 @@ var codevue_type_template_id_900b2442_render = function render() {
 var codevue_type_template_id_900b2442_staticRenderFns = [];
 codevue_type_template_id_900b2442_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/code.vue?vue&type=template&id=900b2442
+;// ./src/components/FilesCard/src/fileSvg/code.vue?vue&type=template&id=900b2442
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/code.vue
+;// ./src/components/FilesCard/src/fileSvg/code.vue
 
 var code_script = {}
 
 
 /* normalize component */
-
-var code_component = Object(componentNormalizer["a" /* default */])(
+;
+var code_component = (0,componentNormalizer/* default */.A)(
   code_script,
   codevue_type_template_id_900b2442_render,
   codevue_type_template_id_900b2442_staticRenderFns,
@@ -778,8 +1044,8 @@ var code_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var code = (code_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/database.vue?vue&type=template&id=99dc0ab4
+/* harmony default export */ const code = (code_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/database.vue?vue&type=template&id=99dc0ab4
 var databasevue_type_template_id_99dc0ab4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -888,16 +1154,16 @@ var databasevue_type_template_id_99dc0ab4_render = function render() {
 var databasevue_type_template_id_99dc0ab4_staticRenderFns = [];
 databasevue_type_template_id_99dc0ab4_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/database.vue?vue&type=template&id=99dc0ab4
+;// ./src/components/FilesCard/src/fileSvg/database.vue?vue&type=template&id=99dc0ab4
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/database.vue
+;// ./src/components/FilesCard/src/fileSvg/database.vue
 
 var database_script = {}
 
 
 /* normalize component */
-
-var database_component = Object(componentNormalizer["a" /* default */])(
+;
+var database_component = (0,componentNormalizer/* default */.A)(
   database_script,
   databasevue_type_template_id_99dc0ab4_render,
   databasevue_type_template_id_99dc0ab4_staticRenderFns,
@@ -908,8 +1174,8 @@ var database_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var database = (database_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/excel.vue?vue&type=template&id=fc2a1874
+/* harmony default export */ const database = (database_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/excel.vue?vue&type=template&id=fc2a1874
 var excelvue_type_template_id_fc2a1874_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -955,16 +1221,16 @@ var excelvue_type_template_id_fc2a1874_render = function render() {
 var excelvue_type_template_id_fc2a1874_staticRenderFns = [];
 excelvue_type_template_id_fc2a1874_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/excel.vue?vue&type=template&id=fc2a1874
+;// ./src/components/FilesCard/src/fileSvg/excel.vue?vue&type=template&id=fc2a1874
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/excel.vue
+;// ./src/components/FilesCard/src/fileSvg/excel.vue
 
 var excel_script = {}
 
 
 /* normalize component */
-
-var excel_component = Object(componentNormalizer["a" /* default */])(
+;
+var excel_component = (0,componentNormalizer/* default */.A)(
   excel_script,
   excelvue_type_template_id_fc2a1874_render,
   excelvue_type_template_id_fc2a1874_staticRenderFns,
@@ -975,8 +1241,8 @@ var excel_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var excel = (excel_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/file.vue?vue&type=template&id=18809ace
+/* harmony default export */ const excel = (excel_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/file.vue?vue&type=template&id=18809ace
 var filevue_type_template_id_18809ace_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1024,16 +1290,16 @@ var filevue_type_template_id_18809ace_render = function render() {
 var filevue_type_template_id_18809ace_staticRenderFns = [];
 filevue_type_template_id_18809ace_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/file.vue?vue&type=template&id=18809ace
+;// ./src/components/FilesCard/src/fileSvg/file.vue?vue&type=template&id=18809ace
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/file.vue
+;// ./src/components/FilesCard/src/fileSvg/file.vue
 
 var file_script = {}
 
 
 /* normalize component */
-
-var file_component = Object(componentNormalizer["a" /* default */])(
+;
+var file_component = (0,componentNormalizer/* default */.A)(
   file_script,
   filevue_type_template_id_18809ace_render,
   filevue_type_template_id_18809ace_staticRenderFns,
@@ -1044,8 +1310,8 @@ var file_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var file = (file_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/image.vue?vue&type=template&id=4ecdf3a4
+/* harmony default export */ const file = (file_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/image.vue?vue&type=template&id=4ecdf3a4
 var imagevue_type_template_id_4ecdf3a4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1093,16 +1359,16 @@ var imagevue_type_template_id_4ecdf3a4_render = function render() {
 var imagevue_type_template_id_4ecdf3a4_staticRenderFns = [];
 imagevue_type_template_id_4ecdf3a4_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/image.vue?vue&type=template&id=4ecdf3a4
+;// ./src/components/FilesCard/src/fileSvg/image.vue?vue&type=template&id=4ecdf3a4
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/image.vue
+;// ./src/components/FilesCard/src/fileSvg/image.vue
 
 var image_script = {}
 
 
 /* normalize component */
-
-var image_component = Object(componentNormalizer["a" /* default */])(
+;
+var image_component = (0,componentNormalizer/* default */.A)(
   image_script,
   imagevue_type_template_id_4ecdf3a4_render,
   imagevue_type_template_id_4ecdf3a4_staticRenderFns,
@@ -1113,8 +1379,8 @@ var image_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var fileSvg_image = (image_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/link.vue?vue&type=template&id=e4113ea4
+/* harmony default export */ const fileSvg_image = (image_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/link.vue?vue&type=template&id=e4113ea4
 var linkvue_type_template_id_e4113ea4_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1178,16 +1444,16 @@ var linkvue_type_template_id_e4113ea4_render = function render() {
 var linkvue_type_template_id_e4113ea4_staticRenderFns = [];
 linkvue_type_template_id_e4113ea4_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/link.vue?vue&type=template&id=e4113ea4
+;// ./src/components/FilesCard/src/fileSvg/link.vue?vue&type=template&id=e4113ea4
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/link.vue
+;// ./src/components/FilesCard/src/fileSvg/link.vue
 
 var link_script = {}
 
 
 /* normalize component */
-
-var link_component = Object(componentNormalizer["a" /* default */])(
+;
+var link_component = (0,componentNormalizer/* default */.A)(
   link_script,
   linkvue_type_template_id_e4113ea4_render,
   linkvue_type_template_id_e4113ea4_staticRenderFns,
@@ -1198,8 +1464,8 @@ var link_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var fileSvg_link = (link_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/mark.vue?vue&type=template&id=46e2c9a8
+/* harmony default export */ const fileSvg_link = (link_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/mark.vue?vue&type=template&id=46e2c9a8
 var markvue_type_template_id_46e2c9a8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1249,16 +1515,16 @@ var markvue_type_template_id_46e2c9a8_render = function render() {
 var markvue_type_template_id_46e2c9a8_staticRenderFns = [];
 markvue_type_template_id_46e2c9a8_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/mark.vue?vue&type=template&id=46e2c9a8
+;// ./src/components/FilesCard/src/fileSvg/mark.vue?vue&type=template&id=46e2c9a8
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/mark.vue
+;// ./src/components/FilesCard/src/fileSvg/mark.vue
 
 var mark_script = {}
 
 
 /* normalize component */
-
-var mark_component = Object(componentNormalizer["a" /* default */])(
+;
+var mark_component = (0,componentNormalizer/* default */.A)(
   mark_script,
   markvue_type_template_id_46e2c9a8_render,
   markvue_type_template_id_46e2c9a8_staticRenderFns,
@@ -1269,8 +1535,8 @@ var mark_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var mark = (mark_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/pdf.vue?vue&type=template&id=2a5785e0
+/* harmony default export */ const mark = (mark_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/pdf.vue?vue&type=template&id=2a5785e0
 var pdfvue_type_template_id_2a5785e0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1316,16 +1582,16 @@ var pdfvue_type_template_id_2a5785e0_render = function render() {
 var pdfvue_type_template_id_2a5785e0_staticRenderFns = [];
 pdfvue_type_template_id_2a5785e0_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/pdf.vue?vue&type=template&id=2a5785e0
+;// ./src/components/FilesCard/src/fileSvg/pdf.vue?vue&type=template&id=2a5785e0
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/pdf.vue
+;// ./src/components/FilesCard/src/fileSvg/pdf.vue
 
 var pdf_script = {}
 
 
 /* normalize component */
-
-var pdf_component = Object(componentNormalizer["a" /* default */])(
+;
+var pdf_component = (0,componentNormalizer/* default */.A)(
   pdf_script,
   pdfvue_type_template_id_2a5785e0_render,
   pdfvue_type_template_id_2a5785e0_staticRenderFns,
@@ -1336,8 +1602,8 @@ var pdf_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var pdf = (pdf_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/ppt.vue?vue&type=template&id=3e8773e9
+/* harmony default export */ const pdf = (pdf_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/ppt.vue?vue&type=template&id=3e8773e9
 var pptvue_type_template_id_3e8773e9_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1383,16 +1649,16 @@ var pptvue_type_template_id_3e8773e9_render = function render() {
 var pptvue_type_template_id_3e8773e9_staticRenderFns = [];
 pptvue_type_template_id_3e8773e9_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/ppt.vue?vue&type=template&id=3e8773e9
+;// ./src/components/FilesCard/src/fileSvg/ppt.vue?vue&type=template&id=3e8773e9
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/ppt.vue
+;// ./src/components/FilesCard/src/fileSvg/ppt.vue
 
 var ppt_script = {}
 
 
 /* normalize component */
-
-var ppt_component = Object(componentNormalizer["a" /* default */])(
+;
+var ppt_component = (0,componentNormalizer/* default */.A)(
   ppt_script,
   pptvue_type_template_id_3e8773e9_render,
   pptvue_type_template_id_3e8773e9_staticRenderFns,
@@ -1403,8 +1669,8 @@ var ppt_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var ppt = (ppt_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/three.vue?vue&type=template&id=318c7d20
+/* harmony default export */ const ppt = (ppt_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/three.vue?vue&type=template&id=318c7d20
 var threevue_type_template_id_318c7d20_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1450,16 +1716,16 @@ var threevue_type_template_id_318c7d20_render = function render() {
 var threevue_type_template_id_318c7d20_staticRenderFns = [];
 threevue_type_template_id_318c7d20_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/three.vue?vue&type=template&id=318c7d20
+;// ./src/components/FilesCard/src/fileSvg/three.vue?vue&type=template&id=318c7d20
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/three.vue
+;// ./src/components/FilesCard/src/fileSvg/three.vue
 
 var three_script = {}
 
 
 /* normalize component */
-
-var three_component = Object(componentNormalizer["a" /* default */])(
+;
+var three_component = (0,componentNormalizer/* default */.A)(
   three_script,
   threevue_type_template_id_318c7d20_render,
   threevue_type_template_id_318c7d20_staticRenderFns,
@@ -1470,8 +1736,8 @@ var three_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var three = (three_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/txt.vue?vue&type=template&id=100a4af8
+/* harmony default export */ const three = (three_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/txt.vue?vue&type=template&id=100a4af8
 var txtvue_type_template_id_100a4af8_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1517,16 +1783,16 @@ var txtvue_type_template_id_100a4af8_render = function render() {
 var txtvue_type_template_id_100a4af8_staticRenderFns = [];
 txtvue_type_template_id_100a4af8_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/txt.vue?vue&type=template&id=100a4af8
+;// ./src/components/FilesCard/src/fileSvg/txt.vue?vue&type=template&id=100a4af8
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/txt.vue
+;// ./src/components/FilesCard/src/fileSvg/txt.vue
 
 var txt_script = {}
 
 
 /* normalize component */
-
-var txt_component = Object(componentNormalizer["a" /* default */])(
+;
+var txt_component = (0,componentNormalizer/* default */.A)(
   txt_script,
   txtvue_type_template_id_100a4af8_render,
   txtvue_type_template_id_100a4af8_staticRenderFns,
@@ -1537,8 +1803,8 @@ var txt_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var txt = (txt_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/unknown.vue?vue&type=template&id=54eeafc0
+/* harmony default export */ const txt = (txt_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/unknown.vue?vue&type=template&id=54eeafc0
 var unknownvue_type_template_id_54eeafc0_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1602,16 +1868,16 @@ var unknownvue_type_template_id_54eeafc0_render = function render() {
 var unknownvue_type_template_id_54eeafc0_staticRenderFns = [];
 unknownvue_type_template_id_54eeafc0_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/unknown.vue?vue&type=template&id=54eeafc0
+;// ./src/components/FilesCard/src/fileSvg/unknown.vue?vue&type=template&id=54eeafc0
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/unknown.vue
+;// ./src/components/FilesCard/src/fileSvg/unknown.vue
 
 var unknown_script = {}
 
 
 /* normalize component */
-
-var unknown_component = Object(componentNormalizer["a" /* default */])(
+;
+var unknown_component = (0,componentNormalizer/* default */.A)(
   unknown_script,
   unknownvue_type_template_id_54eeafc0_render,
   unknownvue_type_template_id_54eeafc0_staticRenderFns,
@@ -1622,8 +1888,8 @@ var unknown_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var unknown = (unknown_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/video.vue?vue&type=template&id=ab745446
+/* harmony default export */ const unknown = (unknown_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/video.vue?vue&type=template&id=ab745446
 var videovue_type_template_id_ab745446_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1669,16 +1935,16 @@ var videovue_type_template_id_ab745446_render = function render() {
 var videovue_type_template_id_ab745446_staticRenderFns = [];
 videovue_type_template_id_ab745446_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/video.vue?vue&type=template&id=ab745446
+;// ./src/components/FilesCard/src/fileSvg/video.vue?vue&type=template&id=ab745446
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/video.vue
+;// ./src/components/FilesCard/src/fileSvg/video.vue
 
 var video_script = {}
 
 
 /* normalize component */
-
-var video_component = Object(componentNormalizer["a" /* default */])(
+;
+var video_component = (0,componentNormalizer/* default */.A)(
   video_script,
   videovue_type_template_id_ab745446_render,
   videovue_type_template_id_ab745446_staticRenderFns,
@@ -1689,8 +1955,8 @@ var video_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var video = (video_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/word.vue?vue&type=template&id=13329af3
+/* harmony default export */ const video = (video_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/word.vue?vue&type=template&id=13329af3
 var wordvue_type_template_id_13329af3_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1736,16 +2002,16 @@ var wordvue_type_template_id_13329af3_render = function render() {
 var wordvue_type_template_id_13329af3_staticRenderFns = [];
 wordvue_type_template_id_13329af3_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/word.vue?vue&type=template&id=13329af3
+;// ./src/components/FilesCard/src/fileSvg/word.vue?vue&type=template&id=13329af3
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/word.vue
+;// ./src/components/FilesCard/src/fileSvg/word.vue
 
 var word_script = {}
 
 
 /* normalize component */
-
-var word_component = Object(componentNormalizer["a" /* default */])(
+;
+var word_component = (0,componentNormalizer/* default */.A)(
   word_script,
   wordvue_type_template_id_13329af3_render,
   wordvue_type_template_id_13329af3_staticRenderFns,
@@ -1756,8 +2022,8 @@ var word_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var word = (word_component.exports);
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/zip.vue?vue&type=template&id=65118298
+/* harmony default export */ const word = (word_component.exports);
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/fileSvg/zip.vue?vue&type=template&id=65118298
 var zipvue_type_template_id_65118298_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -1803,16 +2069,16 @@ var zipvue_type_template_id_65118298_render = function render() {
 var zipvue_type_template_id_65118298_staticRenderFns = [];
 zipvue_type_template_id_65118298_render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/zip.vue?vue&type=template&id=65118298
+;// ./src/components/FilesCard/src/fileSvg/zip.vue?vue&type=template&id=65118298
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/zip.vue
+;// ./src/components/FilesCard/src/fileSvg/zip.vue
 
 var zip_script = {}
 
 
 /* normalize component */
-
-var zip_component = Object(componentNormalizer["a" /* default */])(
+;
+var zip_component = (0,componentNormalizer/* default */.A)(
   zip_script,
   zipvue_type_template_id_65118298_render,
   zipvue_type_template_id_65118298_staticRenderFns,
@@ -1823,8 +2089,8 @@ var zip_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var zip = (zip_component.exports);
-// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/index.js
+/* harmony default export */ const zip = (zip_component.exports);
+;// ./src/components/FilesCard/src/fileSvg/index.js
 
 
 
@@ -1841,7 +2107,7 @@ var zip_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-/* harmony default export */ var fileSvg = ({
+/* harmony default export */ const fileSvg = ({
   // 文档类
   word: word,
   excel: excel,
@@ -1870,7 +2136,7 @@ var zip_component = Object(componentNormalizer["a" /* default */])(
   // 未知文件类
   unknown: unknown
 });
-// CONCATENATED MODULE: ./src/components/FilesCard/src/options.js
+;// ./src/components/FilesCard/src/options.js
 const colorMap = {
   word: '#0078D4',
   excel: '#00C851',
@@ -1889,11 +2155,11 @@ const colorMap = {
   file: '#FFC757',
   unknown: '#6E9DA4'
 };
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=script&lang=js
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=script&lang=js
 
 
 
-/* harmony default export */ var mainvue_type_script_lang_js = ({
+/* harmony default export */ const mainvue_type_script_lang_js = ({
   name: 'ElXFilesCard',
   props: {
     uid: {
@@ -2061,6 +2327,12 @@ const colorMap = {
     }
   },
   watch: {
+    name: {
+      handler() {
+        this.parseFileName();
+      },
+      immediate: true
+    },
     imgFile: {
       handler: async function (newFile) {
         if (newFile) {
@@ -2081,9 +2353,7 @@ const colorMap = {
       immediate: true
     }
   },
-  mounted() {
-    this.parseFileName();
-  },
+  mounted() {},
   methods: {
     handleDelete() {
       this.$emit('delete', {
@@ -2091,7 +2361,8 @@ const colorMap = {
       });
     },
     handlePreviewAction(type) {
-      if (this.imgPreview && this.$refs.imgRef && this._previewImgUrl && type === 'mask') {
+      if (!this.imgPreview) return;
+      if (this.$refs.imgRef && this._previewImgUrl && type === 'mask') {
         this.$refs.imgRef.clickHandler();
       }
       if (type === 'self') {
@@ -2117,16 +2388,14 @@ const colorMap = {
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=script&lang=js
- /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+;// ./src/components/FilesCard/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ const src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
-var injectStylesIntoStyleTag = __webpack_require__(3);
+var injectStylesIntoStyleTag = __webpack_require__(5072);
 var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
-
-// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=28b3b638&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_28b3b638_prod_lang_scss_scoped_true = __webpack_require__(27);
-
-// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=28b3b638&prod&lang=scss&scoped=true
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=eaf958fa&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_eaf958fa_prod_lang_scss_scoped_true = __webpack_require__(4444);
+;// ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-2.use[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=eaf958fa&prod&lang=scss&scoped=true
 
             
 
@@ -2135,319 +2404,42 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_28b3b638_prod_lang_scss_scoped_true["a" /* default */], options);
-
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_eaf958fa_prod_lang_scss_scoped_true/* default */.A, options);
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_28b3b638_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_28b3b638_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=28b3b638&prod&lang=scss&scoped=true
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue
+/* harmony default export */ const src_mainvue_type_style_index_0_id_eaf958fa_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_eaf958fa_prod_lang_scss_scoped_true/* default */.A.locals || {});
+;// ./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=eaf958fa&prod&lang=scss&scoped=true
 
+;// ./src/components/FilesCard/src/main.vue
 
 
 
+;
 
 
 /* normalize component */
 
-var main_component = Object(componentNormalizer["a" /* default */])(
+var main_component = (0,componentNormalizer/* default */.A)(
   src_mainvue_type_script_lang_js,
   render,
   staticRenderFns,
   false,
   null,
-  "28b3b638",
+  "eaf958fa",
   null
   
 )
 
-/* harmony default export */ var main = (main_component.exports);
-// CONCATENATED MODULE: ./src/components/FilesCard/index.js
+/* harmony default export */ const main = (main_component.exports);
+;// ./src/components/FilesCard/index.js
 
 
 /* istanbul ignore next */
 main.install = function (Vue) {
   Vue.component(main.name, main);
 };
-/* harmony default export */ var FilesCard = __webpack_exports__["default"] = (main);
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var isOldIE = function isOldIE() {
-  var memo;
-  return function memorize() {
-    if (typeof memo === 'undefined') {
-      // Test for IE <= 9 as proposed by Browserhacks
-      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
-      // Tests for existence of standard globals is to allow style-loader
-      // to operate correctly into non-standard environments
-      // @see https://github.com/webpack-contrib/style-loader/issues/177
-      memo = Boolean(window && document && document.all && !window.atob);
-    }
-
-    return memo;
-  };
-}();
-
-var getTarget = function getTarget() {
-  var memo = {};
-  return function memorize(target) {
-    if (typeof memo[target] === 'undefined') {
-      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
-
-      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-        try {
-          // This will throw an exception if access to iframe is blocked
-          // due to cross-origin restrictions
-          styleTarget = styleTarget.contentDocument.head;
-        } catch (e) {
-          // istanbul ignore next
-          styleTarget = null;
-        }
-      }
-
-      memo[target] = styleTarget;
-    }
-
-    return memo[target];
-  };
-}();
-
-var stylesInDom = [];
-
-function getIndexByIdentifier(identifier) {
-  var result = -1;
-
-  for (var i = 0; i < stylesInDom.length; i++) {
-    if (stylesInDom[i].identifier === identifier) {
-      result = i;
-      break;
-    }
-  }
-
-  return result;
-}
-
-function modulesToDom(list, options) {
-  var idCountMap = {};
-  var identifiers = [];
-
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var count = idCountMap[id] || 0;
-    var identifier = "".concat(id, " ").concat(count);
-    idCountMap[id] = count + 1;
-    var index = getIndexByIdentifier(identifier);
-    var obj = {
-      css: item[1],
-      media: item[2],
-      sourceMap: item[3]
-    };
-
-    if (index !== -1) {
-      stylesInDom[index].references++;
-      stylesInDom[index].updater(obj);
-    } else {
-      stylesInDom.push({
-        identifier: identifier,
-        updater: addStyle(obj, options),
-        references: 1
-      });
-    }
-
-    identifiers.push(identifier);
-  }
-
-  return identifiers;
-}
-
-function insertStyleElement(options) {
-  var style = document.createElement('style');
-  var attributes = options.attributes || {};
-
-  if (typeof attributes.nonce === 'undefined') {
-    var nonce =  true ? __webpack_require__.nc : undefined;
-
-    if (nonce) {
-      attributes.nonce = nonce;
-    }
-  }
-
-  Object.keys(attributes).forEach(function (key) {
-    style.setAttribute(key, attributes[key]);
-  });
-
-  if (typeof options.insert === 'function') {
-    options.insert(style);
-  } else {
-    var target = getTarget(options.insert || 'head');
-
-    if (!target) {
-      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-    }
-
-    target.appendChild(style);
-  }
-
-  return style;
-}
-
-function removeStyleElement(style) {
-  // istanbul ignore if
-  if (style.parentNode === null) {
-    return false;
-  }
-
-  style.parentNode.removeChild(style);
-}
-/* istanbul ignore next  */
-
-
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join('\n');
-  };
-}();
-
-function applyToSingletonTag(style, index, remove, obj) {
-  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
-
-  /* istanbul ignore if  */
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = style.childNodes;
-
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
-    }
-
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
-    }
-  }
-}
-
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
-
-  if (media) {
-    style.setAttribute('media', media);
-  } else {
-    style.removeAttribute('media');
-  }
-
-  if (sourceMap && typeof btoa !== 'undefined') {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
-
-  /* istanbul ignore if  */
-
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
-    }
-
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var singleton = null;
-var singletonCounter = 0;
-
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
-
-  if (options.singleton) {
-    var styleIndex = singletonCounter++;
-    style = singleton || (singleton = insertStyleElement(options));
-    update = applyToSingletonTag.bind(null, style, styleIndex, false);
-    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-  } else {
-    style = insertStyleElement(options);
-    update = applyToTag.bind(null, style, options);
-
-    remove = function remove() {
-      removeStyleElement(style);
-    };
-  }
-
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
-        return;
-      }
-
-      update(obj = newObj);
-    } else {
-      remove();
-    }
-  };
-}
-
-module.exports = function (list, options) {
-  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-  // tags it will allow on a page
-
-  if (!options.singleton && typeof options.singleton !== 'boolean') {
-    options.singleton = isOldIE();
-  }
-
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
-
-    if (Object.prototype.toString.call(newList) !== '[object Array]') {
-      return;
-    }
-
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDom[index].references--;
-    }
-
-    var newLastIdentifiers = modulesToDom(newList, options);
-
-    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
-      var _identifier = lastIdentifiers[_i];
-
-      var _index = getIndexByIdentifier(_identifier);
-
-      if (stylesInDom[_index].references === 0) {
-        stylesInDom[_index].updater();
-
-        stylesInDom.splice(_index, 1);
-      }
-    }
-
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
-
-/***/ })
-
-/******/ });
+/* harmony default export */ const FilesCard = (main);
+module.exports = __webpack_exports__;
+/******/ })()
+;