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

package/lib/components/Attachments/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__) => {
 
@@ -400,25 +381,6 @@ module.exports = function (list, options) {
   };
 };
 
-/***/ }),
-
-/***/ 5594:
-/***/ ((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-6eb5751e]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.card-motion-enter-active[data-v-6eb5751e],.card-motion-move[data-v-6eb5751e],.card-motion-leave-active[data-v-6eb5751e]{transition:all .3s ease;opacity:1;transform:translateX(0)}.card-motion-enter[data-v-6eb5751e],.card-motion-leave-to[data-v-6eb5751e]{opacity:0;transform:translateX(-100%)}.card-motion-leave-active[data-v-6eb5751e]{transform:translateX(100%);opacity:0}.el-x-attachments-file-card-wrap[data-v-6eb5751e]{display:flex;height:100%;align-items:center}.el-x-attachments-upload-placeholder[data-v-6eb5751e]{display:inline-block;width:fit-content;align-self:center;margin:6px}.el-x-attachments-card[data-v-6eb5751e]{display:inline-block;vertical-align:top}.el-x-attachments-card-item[data-v-6eb5751e]{margin:6px}.el-x-attachments-prev-btn[data-v-6eb5751e],.el-x-attachments-next-btn[data-v-6eb5751e]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(0,0,0,.3);color:#fff;border:none;padding:4px 0px;border-radius:3px;transition:background-color .3s ease}.el-x-attachments-prev-btn[data-v-6eb5751e]:hover,.el-x-attachments-next-btn[data-v-6eb5751e]:hover{background-color:rgba(0,0,0,.5)}.el-x-attachments-prev-btn[data-v-6eb5751e]:active,.el-x-attachments-next-btn[data-v-6eb5751e]:active{background-color:rgba(0,0,0,.7)}.el-x-attachments-prev-btn[data-v-6eb5751e]{left:8px;border-top-left-radius:0px;border-bottom-left-radius:0px}.el-x-attachments-next-btn[data-v-6eb5751e]{right:8px;border-top-right-radius:0px;border-bottom-right-radius:0px}.el-x-attachments-background[data-v-6eb5751e]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;pointer-events:none}.el-x-attachments-background-start[data-v-6eb5751e]{position:absolute;top:0;left:0;bottom:0;width:50px;background:linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:5}.el-x-attachments-background-end[data-v-6eb5751e]{position:absolute;top:0;right:0;bottom:0;width:50px;background:linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:5}.el-x-attachments-overflow-scrollX[data-v-6eb5751e]{height:100%}.el-x-attachments-overflow-scrollX[data-v-6eb5751e]::-webkit-scrollbar{display:none}.el-x-attachments-overflow-scrollX[data-v-6eb5751e]{scrollbar-width:none}.el-x-attachments-overflow-scrollY[data-v-6eb5751e]{width:100%;height:100%}.el-x-attachments-wrapper[data-v-6eb5751e]{position:relative;display:block}.el-x-attachments-upload-btn[data-v-6eb5751e]{display:flex}.el-x-attachments-upload-btn[data-v-6eb5751e] .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1);box-sizing:border-box;text-align:center}.el-x-attachments-upload-btn[data-v-6eb5751e] .el-upload:hover{border-color:#409eff}.el-x-attachments-upload-btn[data-v-6eb5751e] .el-upload:hover .uploader-icon{color:#409eff}.el-x-attachments-upload-btn .uploader-icon[data-v-6eb5751e]{font-size:28px;color:#8c939d;text-align:center;width:var(--el-x-attachments-upload-icon-size);height:var(--el-x-attachments-upload-icon-size);line-height:var(--el-x-attachments-upload-icon-size)}.el-x-attachments-upload-btn[data-v-6eb5751e] .el-upload-dragger{padding:0;width:auto !important;height:auto !important;background-color:rgba(0,0,0,0)}.el-x-attachments-upload-btn[data-v-6eb5751e] .el-upload-dragger:hover .el-icon{color:#409eff}.el-x-attachments-drop-area[data-v-6eb5751e]{position:absolute !important;top:0 !important;left:0 !important;width:calc(100% - 4px) !important;height:calc(100% - 4px) !important;border-radius:15px !important;border:2px dashed #409eff !important;z-index:9999 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;background:rgba(225,225,225,.8) !important;backdrop-filter:blur(4px) !important;animation:dragAreaShow-6eb5751e .3s ease-in-out !important;pointer-events:none !important}.el-x-attachments-drop-area-icon[data-v-6eb5751e]{font-size:50px !important;color:#409eff !important;animation:bounce-6eb5751e 1s infinite alternate !important}.el-x-attachments-drop-area-text[data-v-6eb5751e]{font-size:16px !important;color:#409eff !important;margin-top:10px !important;text-align:center !important;width:100% !important;max-width:300px !important;font-weight:bold !important}@keyframes dragAreaShow-6eb5751e{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-6eb5751e{from{transform:translateY(0)}to{transform:translateY(-10px)}}", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
 /***/ }),
 
 /***/ 6314:
@@ -493,7 +455,45 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 9442:
+/***/ 7177:
+/***/ ((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-2a17281a]:root{--color-primary: #409eff;--color-success: #67c23a;--color-warning: #e6a23c;--color-danger: #f56c6c;--color-info: #909399}.card-motion-enter-active[data-v-2a17281a],.card-motion-move[data-v-2a17281a],.card-motion-leave-active[data-v-2a17281a]{transition:all .3s ease;opacity:1;transform:translateX(0)}.card-motion-enter[data-v-2a17281a],.card-motion-leave-to[data-v-2a17281a]{opacity:0;transform:translateX(-100%)}.card-motion-leave-active[data-v-2a17281a]{transform:translateX(100%);opacity:0}.el-x-attachments-file-card-wrap[data-v-2a17281a]{display:flex;height:100%;align-items:center}.el-x-attachments-upload-placeholder[data-v-2a17281a]{display:inline-block;width:fit-content;align-self:center;margin:6px}.el-x-attachments-card[data-v-2a17281a]{display:inline-block;vertical-align:top}.el-x-attachments-card-item[data-v-2a17281a]{margin:6px}.el-x-attachments-prev-btn[data-v-2a17281a],.el-x-attachments-next-btn[data-v-2a17281a]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(0,0,0,.3);color:#fff;border:none;padding:4px 0px;border-radius:3px;transition:background-color .3s ease}.el-x-attachments-prev-btn[data-v-2a17281a]:hover,.el-x-attachments-next-btn[data-v-2a17281a]:hover{background-color:rgba(0,0,0,.5)}.el-x-attachments-prev-btn[data-v-2a17281a]:active,.el-x-attachments-next-btn[data-v-2a17281a]:active{background-color:rgba(0,0,0,.7)}.el-x-attachments-prev-btn[data-v-2a17281a]{left:8px;border-top-left-radius:0px;border-bottom-left-radius:0px}.el-x-attachments-next-btn[data-v-2a17281a]{right:8px;border-top-right-radius:0px;border-bottom-right-radius:0px}.el-x-attachments-background[data-v-2a17281a]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;pointer-events:none}.el-x-attachments-background-start[data-v-2a17281a]{position:absolute;top:0;left:0;bottom:0;width:50px;background:linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:5}.el-x-attachments-background-end[data-v-2a17281a]{position:absolute;top:0;right:0;bottom:0;width:50px;background:linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:5}.el-x-attachments-overflow-scrollX[data-v-2a17281a]{height:100%;scrollbar-width:none}.el-x-attachments-overflow-scrollX[data-v-2a17281a]::-webkit-scrollbar{display:none}.el-x-attachments-overflow-scrollY[data-v-2a17281a]{width:100%;height:100%}.el-x-attachments-wrapper[data-v-2a17281a]{position:relative;display:block}.el-x-attachments-upload-btn[data-v-2a17281a]{display:flex}.el-x-attachments-upload-btn[data-v-2a17281a] .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1);box-sizing:border-box;text-align:center}.el-x-attachments-upload-btn[data-v-2a17281a] .el-upload:hover{border-color:#409eff}.el-x-attachments-upload-btn[data-v-2a17281a] .el-upload:hover .uploader-icon{color:#409eff}.el-x-attachments-upload-btn .uploader-icon[data-v-2a17281a]{font-size:28px;color:#8c939d;text-align:center;width:var(--el-x-attachments-upload-icon-size);height:var(--el-x-attachments-upload-icon-size);line-height:var(--el-x-attachments-upload-icon-size)}.el-x-attachments-upload-btn[data-v-2a17281a] .el-upload-dragger{padding:0;width:auto !important;height:auto !important;background-color:rgba(0,0,0,0)}.el-x-attachments-upload-btn[data-v-2a17281a] .el-upload-dragger:hover .el-icon{color:#409eff}.el-x-attachments-drop-area[data-v-2a17281a]{position:absolute !important;top:0 !important;left:0 !important;width:calc(100% - 4px) !important;height:calc(100% - 4px) !important;border-radius:15px !important;border:2px dashed #409eff !important;z-index:9999 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;background:rgba(225,225,225,.8) !important;backdrop-filter:blur(4px) !important;animation:dragAreaShow-2a17281a .3s ease-in-out !important;pointer-events:none !important}.el-x-attachments-drop-area-icon[data-v-2a17281a]{font-size:50px !important;color:#409eff !important;animation:bounce-2a17281a 1s infinite alternate !important}.el-x-attachments-drop-area-text[data-v-2a17281a]{font-size:16px !important;color:#409eff !important;margin-top:10px !important;text-align:center !important;width:100% !important;max-width:300px !important;font-weight:bold !important}@keyframes dragAreaShow-2a17281a{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-2a17281a{from{transform:translateY(0)}to{transform:translateY(-10px)}}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 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___);
+
+
+/***/ }),
+
+/***/ 9398:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 
@@ -502,7 +502,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;
@@ -534,156 +534,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 => {
@@ -735,10 +721,10 @@ function previewImage(file) {
   });
 }
 
-/**
- * 根据文件后缀名获取文件类型
- * @param {string} fileExtension 文件后缀名
- * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
+/**
+ * 根据文件后缀名获取文件类型
+ * @param {string} fileExtension 文件后缀名
+ * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
  */
 function getFileType(fileExtension) {
   // 去除后缀名开头的点，并转换为小写
@@ -849,10 +835,10 @@ function getFileType(fileExtension) {
   };
 }
 
-/**
- * 获取文件大小
- * @param {number} size 文件大小
- * @returns {string} 返回文件大小
+/**
+ * 获取文件大小
+ * @param {number} size 文件大小
+ * @returns {string} 返回文件大小
  */
 function getSize(size) {
   let retSize = size;
@@ -2339,9 +2325,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
 
             
 
@@ -2350,12 +2336,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
 
@@ -2372,7 +2358,7 @@ var main_component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "eaf958fa",
+  "6808a5a6",
   null
   
 )
@@ -2471,7 +2457,7 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ Attachments)
 });
 
-;// ./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/Attachments/src/main.vue?vue&type=template&id=6eb5751e&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/Attachments/src/main.vue?vue&type=template&id=2a17281a&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -2486,21 +2472,19 @@ var render = function render() {
       ..._vm.listStyle,
       "--el-x-attachments-upload-icon-size": _vm.uploadIconSize
     }
-  }, [!_vm.items.length && !_vm.hideUpload ? _c("div", [_vm._t("empty-upload", function () {
-    return [_c("el-upload", _vm._b({
-      staticClass: "el-x-attachments-upload-btn",
-      attrs: {
-        action: _vm.uploadAction,
-        "http-request": _vm.customUpload,
-        "show-file-list": false,
-        "on-change": _vm.handleUploadChange,
-        "on-success": _vm.handleUploadSuccess,
-        "on-error": _vm.handleUploadError
-      }
-    }, "el-upload", _vm.$attrs, false), [_c("i", {
-      staticClass: "el-icon-plus uploader-icon"
-    })])];
-  })], 2) : _vm._e(), _vm._v(" "), _c("div", {
+  }, [!_vm.items.length && !_vm.hideUpload ? _c("div", [_vm.$slots["empty-upload"] ? _vm._t("empty-upload") : _c("el-upload", _vm._b({
+    staticClass: "el-x-attachments-upload-btn",
+    attrs: {
+      action: _vm.uploadAction,
+      "http-request": _vm.customUpload,
+      "show-file-list": false,
+      "on-change": _vm.handleUploadChange,
+      "on-success": _vm.handleUploadSuccess,
+      "on-error": _vm.handleUploadError
+    }
+  }, "el-upload", _vm.$attrs, false), [_c("i", {
+    staticClass: "el-icon-plus uploader-icon"
+  })])], 2) : _vm._e(), _vm._v(" "), _c("div", {
     staticClass: "el-x-attachments-background"
   }, [_vm.overflow === "scrollX" && _vm.pingStart ? _c("div", {
     staticClass: "el-x-attachments-background-start"
@@ -2534,98 +2518,88 @@ var render = function render() {
     class: {
       "el-x-attachments-file-card-wrap": _vm.overflow === "scrollX"
     }
-  }, [_vm._t("file-list", function () {
-    return _vm._l(_vm.items, function (item, index) {
-      return _c("div", {
-        key: item.uid,
-        staticClass: "el-x-attachments-card"
-      }, [_c("transition", {
-        attrs: {
-          name: "card-motion"
-        }
-      }, [item.uid ? _c("el-x-files-card", _vm._b({
-        staticClass: "el-x-attachments-card-item",
-        on: {
-          delete: function ($event) {
-            return _vm.handleDelete(item, index);
-          }
-        }
-      }, "el-x-files-card", item, false)) : _vm._e()], 1)], 1);
-    });
-  }, {
+  }, [_vm.$scopedSlots["file-list"] ? _vm._t("file-list", null, {
     items: _vm.items
-  }), _vm._v(" "), _vm.items.length && !_vm.isOverLimit && !_vm.hideUpload ? _c("div", {
-    staticClass: "el-x-attachments-upload-placeholder"
-  }, [_vm._t("no-empty-upload", function () {
-    return [_c("el-upload", _vm._b({
-      staticClass: "el-x-attachments-upload-btn",
-      style: {
-        height: _vm.overflow === "scrollY" && ""
-      },
+  }) : _vm._l(_vm.items, function (item, index) {
+    return _c("div", {
+      key: item.uid,
+      staticClass: "el-x-attachments-card"
+    }, [_c("transition", {
       attrs: {
-        action: _vm.uploadAction,
-        "http-request": _vm.customUpload,
-        "show-file-list": false,
-        "on-change": _vm.handleUploadChange,
-        "on-success": _vm.handleUploadSuccess,
-        "on-error": _vm.handleUploadError
+        name: "card-motion"
       }
-    }, "el-upload", _vm.$attrs, false), [_c("i", {
-      staticClass: "el-icon-plus uploader-icon"
-    })])];
-  })], 2) : _vm._e()], 2) : _vm._e()]), _vm._v(" "), _vm._t("prev-button", function () {
-    return [_vm.overflow === "scrollX" && _vm.pingStart ? _c("el-button", {
-      staticClass: "el-x-attachments-prev-btn",
-      attrs: {
-        size: "small"
-      },
+    }, [item.uid ? _c("el-x-files-card", _vm._b({
+      staticClass: "el-x-attachments-card-item",
       on: {
-        click: _vm.onScrollLeft
+        delete: function ($event) {
+          return _vm.handleDelete(item, index);
+        }
       }
-    }, [_c("i", {
-      staticClass: "el-icon-arrow-left"
-    })]) : _vm._e()];
-  }, {
+    }, "el-x-files-card", item, false)) : _vm._e()], 1)], 1);
+  }), _vm._v(" "), _vm.items.length && !_vm.isOverLimit && !_vm.hideUpload ? _c("div", {
+    staticClass: "el-x-attachments-upload-placeholder"
+  }, [_vm.$slots["no-empty-upload"] ? _vm._t("no-empty-upload") : _c("el-upload", _vm._b({
+    staticClass: "el-x-attachments-upload-btn",
+    style: {
+      height: _vm.overflow === "scrollY" && ""
+    },
+    attrs: {
+      action: _vm.uploadAction,
+      "http-request": _vm.customUpload,
+      "show-file-list": false,
+      "on-change": _vm.handleUploadChange,
+      "on-success": _vm.handleUploadSuccess,
+      "on-error": _vm.handleUploadError
+    }
+  }, "el-upload", _vm.$attrs, false), [_c("i", {
+    staticClass: "el-icon-plus uploader-icon"
+  })])], 2) : _vm._e()], 2) : _vm._e()]), _vm._v(" "), _vm.$scopedSlots["prev-button"] ? _vm._t("prev-button", null, {
     show: _vm.overflow === "scrollX" && _vm.pingStart,
     onScrollLeft: _vm.onScrollLeft
-  }), _vm._v(" "), _vm._t("next-button", function () {
-    return [_vm.overflow === "scrollX" && _vm.pingEnd ? _c("el-button", {
-      staticClass: "el-x-attachments-next-btn",
-      attrs: {
-        size: "small"
-      },
-      on: {
-        click: _vm.onScrollRight
-      }
-    }, [_c("i", {
-      staticClass: "el-icon-arrow-right"
-    })]) : _vm._e()];
-  }, {
+  }) : _vm.overflow === "scrollX" && _vm.pingStart ? _c("el-button", {
+    staticClass: "el-x-attachments-prev-btn",
+    attrs: {
+      size: "small"
+    },
+    on: {
+      click: _vm.onScrollLeft
+    }
+  }, [_c("i", {
+    staticClass: "el-icon-arrow-left"
+  })]) : _vm._e(), _vm._v(" "), _vm.$scopedSlots["next-button"] ? _vm._t("next-button", null, {
     show: _vm.overflow === "scrollX" && _vm.pingEnd,
     onScrollRight: _vm.onScrollRight
-  }), _vm._v(" "), _vm.isTargetDrag ? _c("div", {
+  }) : _vm.overflow === "scrollX" && _vm.pingEnd ? _c("el-button", {
+    staticClass: "el-x-attachments-next-btn",
+    attrs: {
+      size: "small"
+    },
+    on: {
+      click: _vm.onScrollRight
+    }
+  }, [_c("i", {
+    staticClass: "el-icon-arrow-right"
+  })]) : _vm._e(), _vm._v(" "), _vm.isTargetDrag ? _c("div", {
     ref: "dropAreaContainer",
     staticStyle: {
       display: "none"
     }
-  }, [_vm._t("drop-area", function () {
-    return [_c("div", {
-      ref: "dropAreaRef",
-      staticClass: "el-x-attachments-drop-area"
-    }, [_c("i", {
-      staticClass: "el-icon-upload el-x-attachments-drop-area-icon"
-    }), _vm._v(" "), _c("div", {
-      staticClass: "el-x-attachments-drop-area-text"
-    }, [_vm._v("在此处拖放文件上传")])])];
-  })], 2) : _vm._e()], 2);
+  }, [_vm.$slots["drop-area"] ? _vm._t("drop-area") : _c("div", {
+    ref: "dropAreaRef",
+    staticClass: "el-x-attachments-drop-area"
+  }, [_c("i", {
+    staticClass: "el-icon-upload el-x-attachments-drop-area-icon"
+  }), _vm._v(" "), _c("div", {
+    staticClass: "el-x-attachments-drop-area-text"
+  }, [_vm._v("在此处拖放文件上传")])])], 2) : _vm._e()], 2);
 };
 var staticRenderFns = [];
 render._withStripped = true;
 
-;// ./src/components/Attachments/src/main.vue?vue&type=template&id=6eb5751e&scoped=true
+;// ./src/components/Attachments/src/main.vue?vue&type=template&id=2a17281a&scoped=true
 
 // EXTERNAL MODULE: ./src/components/FilesCard/index.js + 58 modules
-var FilesCard = __webpack_require__(9442);
+var FilesCard = __webpack_require__(9398);
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/components/Attachments/src/main.vue?vue&type=script&lang=js
 
 /* harmony default export */ const mainvue_type_script_lang_js = ({
@@ -2976,9 +2950,9 @@ var FilesCard = __webpack_require__(9442);
 // 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/Attachments/src/main.vue?vue&type=style&index=0&id=6eb5751e&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_6eb5751e_prod_lang_scss_scoped_true = __webpack_require__(5594);
-;// ./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/Attachments/src/main.vue?vue&type=style&index=0&id=6eb5751e&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/Attachments/src/main.vue?vue&type=style&index=0&id=2a17281a&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_2a17281a_prod_lang_scss_scoped_true = __webpack_require__(7177);
+;// ./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/Attachments/src/main.vue?vue&type=style&index=0&id=2a17281a&prod&lang=scss&scoped=true
 
             
 
@@ -2987,12 +2961,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_6eb5751e_prod_lang_scss_scoped_true/* default */.A, options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_2a17281a_prod_lang_scss_scoped_true/* default */.A, options);
 
 
 
-/* harmony default export */ const src_mainvue_type_style_index_0_id_6eb5751e_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_6eb5751e_prod_lang_scss_scoped_true/* default */.A.locals || {});
-;// ./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=6eb5751e&prod&lang=scss&scoped=true
+/* harmony default export */ const src_mainvue_type_style_index_0_id_2a17281a_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_2a17281a_prod_lang_scss_scoped_true/* default */.A.locals || {});
+;// ./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=2a17281a&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(4486);
@@ -3011,7 +2985,7 @@ var component = (0,componentNormalizer/* default */.A)(
   staticRenderFns,
   false,
   null,
-  "6eb5751e",
+  "2a17281a",
   null
   
 )