vue-element-ui-x 1.1.1 → 1.2.0-beta.0

package/lib/components/FilesCard/index.js

@@ -2,25 +2,6 @@
 /******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 4444:
-/***/ ((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__) => {
 
@@ -472,6 +453,25 @@ module.exports = function (cssWithMappingToString) {
   return list;
 };
 
+/***/ }),
+
+/***/ 7492:
+/***/ ((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-6808a5a6]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.el-x-filescard[data-v-6808a5a6]{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-6808a5a6]{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-6808a5a6]{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-6808a5a6]:hover{color:#ff4d4f}.el-x-filescard:hover .el-x-filescard-delete-icon[data-v-6808a5a6]{display:block}.el-x-filescard-square[data-v-6808a5a6]{padding:0;margin:0}.el-x-filescard-icon[data-v-6808a5a6]{flex:none;font-size:var(--elx-files-card-icon-size)}.el-x-filescard-img[data-v-6808a5a6]{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-6808a5a6]{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-6808a5a6]{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-6808a5a6]{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-6808a5a6]{flex:none}.el-x-filescard-content .el-x-filescard-description[data-v-6808a5a6]{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-6808a5a6]{color:#ff4d4f}.image-preview-container[data-v-6808a5a6]{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-6808a5a6]{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-6808a5a6]{font-size:10px;margin-right:2px;display:flex;align-items:center;height:100%;margin-top:2px}.image-preview-container .preview-mask[data-v-6808a5a6]:hover{opacity:1;transition:opacity .3s;cursor:pointer}.image-preview-container-square .preview-mask[data-v-6808a5a6]{font-size:14px}.image-preview-container-square .preview-mask .el-icon-view[data-v-6808a5a6]{font-size:12px}.preview-mask-loading[data-v-6808a5a6]{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-6808a5a6]{width:100% !important;height:100% !important;display:flex;justify-content:center;align-items:center}.preview-mask-loading .circle-progress .el-progress-circle[data-v-6808a5a6]{width:calc(100% - 12px) !important;height:calc(100% - 12px) !important}.preview-mask-loading .circle-progress .el-progress-circle svg>path[data-v-6808a5a6]:nth-child(1){stroke:hsla(0,0%,100%,.2);stroke-width:8px}.preview-mask-loading .circle-progress .el-progress__text[data-v-6808a5a6]{color:#fff;font-size:14px}.preview-mask-error[data-v-6808a5a6]{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-6808a5a6]{display:none}.fade-enter-active[data-v-6808a5a6],.fade-leave-active[data-v-6808a5a6]{transition:opacity .3s}.fade-enter[data-v-6808a5a6],.fade-leave-to[data-v-6808a5a6]{opacity:0}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ })
 
 /******/ 	});
@@ -556,7 +556,7 @@ __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
+;// ./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=6808a5a6&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -588,156 +588,142 @@ var render = function render() {
     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;
-        }
-      }
-    }, [_vm._previewImgUrl ? _c("el-image", {
-      ref: "imgRef",
-      staticClass: "el-x-filescard-img",
-      attrs: {
-        src: _vm._previewImgUrl,
-        "preview-src-list": _vm.imgPreview && _vm._previewImgUrl ? [_vm._previewImgUrl] : [],
-        fit: "cover"
-      },
-      on: {
-        click: function ($event) {
-          _vm.imgPreview ? _vm.handlePreviewAction("self") : null;
-        }
-      }
-    }) : _c(_vm.svgIconMap[_vm._fileType], {
-      tag: "component",
-      staticClass: "el-x-filescard-img",
-      attrs: {
-        color: _vm.iconColor || _vm.colorMap[_vm._fileType]
-      }
-    }), _vm._v(" "), _c("transition", {
-      attrs: {
-        name: "fade"
-      }
-    }, [_vm.imageHovered && _vm._previewImgUrl && _vm.imgPreviewMask && _vm.imgPreview ? _vm._t("image-preview-actions", function () {
-      return [_c("div", {
-        staticClass: "preview-mask",
-        on: {
-          click: function ($event) {
-            return _vm.handlePreviewAction("mask");
-          }
-        }
-      }, [_c("i", {
-        staticClass: "el-icon-view"
-      }), _vm._v(" "), _c("span", [_vm._v("预览")])])];
-    }, {
-      item: {
-        ..._vm.propsData,
-        prefix: _vm.namePrefix,
-        suffix: _vm.nameSuffix
-      }
-    }) : _vm._e()], 2), _vm._v(" "), _vm.status === "uploading" && _vm.isSquareVariant ? _c("div", {
-      staticClass: "preview-mask-loading"
-    }, [_c("el-progress", {
-      staticClass: "circle-progress",
-      attrs: {
-        color: "#fff",
-        type: "circle",
-        percentage: _vm.percent
-      }
-    })], 1) : _vm.status === "error" && _vm.isSquareVariant ? _c("div", {
-      staticClass: "preview-mask-error"
-    }, [_c("span", {
-      staticClass: "error-text"
-    }, [_vm._v(_vm._s(_vm.errorTip || "上传失败"))])]) : _vm._e()], 1)] : _vm._e()];
-  }, {
+  }) : _vm._e(), _vm._v(" "), _vm.$slots.icon || _vm._fileType ? [_vm.$scopedSlots.icon ? _vm._t("icon", null, {
     item: _vm.propsData
-  }) : _vm._e(), _vm._v(" "), (_vm.$slots.content || _vm.name || _vm.description) && !(_vm.isSquareVariant && _vm.isImageFile) ? _vm._t("content", function () {
-    return [_c("div", {
-      staticClass: "el-x-filescard-content"
-    }, [_vm.name ? _c("div", {
-      staticClass: "el-x-filescard-name"
-    }, [_vm._t("name-prefix", function () {
-      return [_c("div", {
-        staticClass: "el-x-filescard-name-prefix"
-      }, [_vm._v(_vm._s(_vm.namePrefix))])];
-    }, {
-      item: {
-        ..._vm.propsData,
-        prefix: _vm.namePrefix,
-        suffix: _vm.nameSuffix
+  }) : [!_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;
       }
-    }), _vm._v(" "), _vm._t("name-suffix", function () {
-      return [_c("div", {
-        staticClass: "el-x-filescard-name-suffix"
-      }, [_vm._v(_vm._s(_vm.nameSuffix))])];
-    }, {
-      item: {
-        ..._vm.propsData,
-        prefix: _vm.namePrefix,
-        suffix: _vm.nameSuffix
+    }
+  }, [_vm._previewImgUrl ? _c("el-image", {
+    ref: "imgRef",
+    staticClass: "el-x-filescard-img",
+    attrs: {
+      src: _vm._previewImgUrl,
+      "preview-src-list": _vm.imgPreview && _vm._previewImgUrl ? [_vm._previewImgUrl] : [],
+      fit: "cover"
+    },
+    on: {
+      click: function ($event) {
+        _vm.imgPreview ? _vm.handlePreviewAction("self") : null;
       }
-    })], 2) : _vm._e(), _vm._v(" "), _vm._t("description", function () {
-      return [_c("div", {
-        staticClass: "el-x-filescard-description",
-        class: {
-          "el-x-filescard-description-error": _vm.status === "error",
-          "el-x-filescard-description-done": _vm.status === "done",
-          "el-x-filescard-description-uploading": _vm.status === "uploading"
-        }
-      }, [_vm._v("\n          " + _vm._s(_vm._description) + "\n        ")])];
-    }, {
-      item: {
-        ..._vm.propsData,
-        prefix: _vm.namePrefix,
-        suffix: _vm.nameSuffix
+    }
+  }) : _c(_vm.svgIconMap[_vm._fileType], {
+    tag: "component",
+    staticClass: "el-x-filescard-img",
+    attrs: {
+      color: _vm.iconColor || _vm.colorMap[_vm._fileType]
+    }
+  }), _vm._v(" "), _c("transition", {
+    attrs: {
+      name: "fade"
+    }
+  }, [_vm.imageHovered && _vm._previewImgUrl && _vm.imgPreviewMask && _vm.imgPreview ? [_vm.$scopedSlots["image-preview-actions"] ? _vm._t("image-preview-actions", null, {
+    item: {
+      ..._vm.propsData,
+      prefix: _vm.namePrefix,
+      suffix: _vm.nameSuffix
+    }
+  }) : _c("div", {
+    staticClass: "preview-mask",
+    on: {
+      click: function ($event) {
+        return _vm.handlePreviewAction("mask");
       }
-    })], 2)];
-  }, {
+    }
+  }, [_c("i", {
+    staticClass: "el-icon-view"
+  }), _vm._v(" "), _c("span", [_vm._v("预览")])])] : _vm._e()], 2), _vm._v(" "), _vm.status === "uploading" && _vm.isSquareVariant ? _c("div", {
+    staticClass: "preview-mask-loading"
+  }, [_c("el-progress", {
+    staticClass: "circle-progress",
+    attrs: {
+      color: "#fff",
+      type: "circle",
+      percentage: _vm.percent
+    }
+  })], 1) : _vm.status === "error" && _vm.isSquareVariant ? _c("div", {
+    staticClass: "preview-mask-error"
+  }, [_c("span", {
+    staticClass: "error-text"
+  }, [_vm._v(_vm._s(_vm.errorTip || "上传失败"))])]) : _vm._e()], 1)] : _vm._e()]] : _vm._e(), _vm._v(" "), (_vm.$slots.content || _vm.name || _vm.description) && !(_vm.isSquareVariant && _vm.isImageFile) ? [_vm.$scopedSlots.content ? _vm._t("content", null, {
     item: _vm.propsData
-  }) : _vm._e(), _vm._v(" "), _vm.showDelIcon && _vm.isHovered ? _c("div", {
+  }) : _c("div", {
+    staticClass: "el-x-filescard-content"
+  }, [_vm.name ? _c("div", {
+    staticClass: "el-x-filescard-name"
+  }, [_vm.$scopedSlots["name-prefix"] ? _vm._t("name-prefix", null, {
+    item: {
+      ..._vm.propsData,
+      prefix: _vm.namePrefix,
+      suffix: _vm.nameSuffix
+    }
+  }) : _c("div", {
+    staticClass: "el-x-filescard-name-prefix"
+  }, [_vm._v("\n          " + _vm._s(_vm.namePrefix) + "\n        ")]), _vm._v(" "), _vm.$scopedSlots["name-suffix"] ? _vm._t("name-suffix", null, {
+    item: {
+      ..._vm.propsData,
+      prefix: _vm.namePrefix,
+      suffix: _vm.nameSuffix
+    }
+  }) : _c("div", {
+    staticClass: "el-x-filescard-name-suffix"
+  }, [_vm._v("\n          " + _vm._s(_vm.nameSuffix) + "\n        ")])], 2) : _vm._e(), _vm._v(" "), _vm.$scopedSlots.description ? _vm._t("description", null, {
+    item: {
+      ..._vm.propsData,
+      prefix: _vm.namePrefix,
+      suffix: _vm.nameSuffix
+    }
+  }) : _c("div", {
+    staticClass: "el-x-filescard-description",
+    class: {
+      "el-x-filescard-description-error": _vm.status === "error",
+      "el-x-filescard-description-done": _vm.status === "done",
+      "el-x-filescard-description-uploading": _vm.status === "uploading"
+    }
+  }, [_vm._v("\n        " + _vm._s(_vm._description) + "\n      ")])], 2)] : _vm._e(), _vm._v(" "), _vm.showDelIcon && _vm.isHovered ? _c("div", {
     staticClass: "el-x-filescard-delete-icon",
     on: {
       click: _vm.handleDelete
     }
-  }, [_vm._t("del-icon", function () {
-    return [_c("i", {
-      staticClass: "el-icon-error"
-    })];
-  }, {
+  }, [_vm.$scopedSlots["del-icon"] ? _vm._t("del-icon", null, {
     item: _vm.propsData
+  }) : _c("i", {
+    staticClass: "el-icon-error"
   })], 2) : _vm._e()], 2);
 };
 var staticRenderFns = [];
 render._withStripped = true;
 
-;// ./src/components/FilesCard/src/main.vue?vue&type=template&id=eaf958fa&scoped=true
+;// ./src/components/FilesCard/src/main.vue?vue&type=template&id=6808a5a6&scoped=true
 
 ;// ./src/utils/index.js
-/**
- * 判断文件类型是否为图片
- * @param {string} type 文件类型
- * @returns {boolean} 是否为图片类型
+/**
+ * 判断文件类型是否为图片
+ * @param {string} type 文件类型
+ * @returns {boolean} 是否为图片类型
  */
 const isImageFileType = type => type.indexOf('image/') === 0;
 const MEASURE_SIZE = 200;
 
-/**
- * 预览图片文件并生成预览URL
- * @param {File|Blob} file 图片文件对象
- * @returns {Promise<string>} 返回图片预览URL的Promise
+/**
+ * 预览图片文件并生成预览URL
+ * @param {File|Blob} file 图片文件对象
+ * @returns {Promise<string>} 返回图片预览URL的Promise
  */
 function previewImage(file) {
   return new Promise(resolve => {
@@ -789,10 +775,10 @@ function previewImage(file) {
   });
 }
 
-/**
- * 根据文件后缀名获取文件类型
- * @param {string} fileExtension 文件后缀名
- * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
+/**
+ * 根据文件后缀名获取文件类型
+ * @param {string} fileExtension 文件后缀名
+ * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
  */
 function getFileType(fileExtension) {
   // 去除后缀名开头的点，并转换为小写
@@ -903,10 +889,10 @@ function getFileType(fileExtension) {
   };
 }
 
-/**
- * 获取文件大小
- * @param {number} size 文件大小
- * @returns {string} 返回文件大小
+/**
+ * 获取文件大小
+ * @param {number} size 文件大小
+ * @returns {string} 返回文件大小
  */
 function getSize(size) {
   let retSize = size;
@@ -2393,9 +2379,9 @@ const colorMap = {
 // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
 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??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
+// 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=6808a5a6&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_6808a5a6_prod_lang_scss_scoped_true = __webpack_require__(7492);
+;// ./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=6808a5a6&prod&lang=scss&scoped=true
 
             
 
@@ -2404,12 +2390,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_eaf958fa_prod_lang_scss_scoped_true/* default */.A, options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_6808a5a6_prod_lang_scss_scoped_true/* default */.A, options);
 
 
 
-/* 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
+/* harmony default export */ const src_mainvue_type_style_index_0_id_6808a5a6_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_6808a5a6_prod_lang_scss_scoped_true/* default */.A.locals || {});
+;// ./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=6808a5a6&prod&lang=scss&scoped=true
 
 ;// ./src/components/FilesCard/src/main.vue
 
@@ -2426,7 +2412,7 @@ var main_component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "eaf958fa",
+  "6808a5a6",
   null
   
 )