vue-element-ui-x 1.0.2 → 1.0.31-beta

package/lib/components/Attachments/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 = 103);
-/******/ })
-/************************************************************************/
-/******/ ({
+/******/ (() => { // 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,578 +127,303 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 103:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ 5072:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_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/Attachments/src/main.vue?vue&type=template&id=6eb5751e&scoped=true
-var render = function render() {
-  var _vm = this,
-    _c = _vm._self._c;
-  return _c("div", {
-    ref: "wrapperRef",
-    staticClass: "el-x-attachments-wrapper",
-    class: {
-      "el-x-attachments-overflow-ping-start": _vm.overflow === "scrollX" && _vm.pingStart,
-      "el-x-attachments-overflow-ping-end": _vm.overflow === "scrollX" && _vm.pingEnd
-    },
-    style: {
-      ..._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", {
-    staticClass: "el-x-attachments-background"
-  }, [_vm.overflow === "scrollX" && _vm.pingStart ? _c("div", {
-    staticClass: "el-x-attachments-background-start"
-  }) : _vm._e(), _vm._v(" "), _vm.overflow === "scrollX" && _vm.pingEnd ? _c("div", {
-    staticClass: "el-x-attachments-background-end"
-  }) : _vm._e()]), _vm._v(" "), _c("div", {
-    ref: "containerRef",
-    staticClass: "el-x-attachments",
-    class: {
-      [`el-x-attachments-overflow-${_vm.overflow}`]: _vm.overflow
-    },
-    style: {
-      ...(_vm.overflow === "scrollX" ? {
-        whiteSpace: "nowrap",
-        overflowX: "auto",
-        overflowY: "hidden"
-      } : {}),
-      ...(_vm.overflow === "scrollY" ? {
-        overflowX: "hidden",
-        overflowY: "auto"
-      } : {}),
-      ...(_vm.overflow === "wrap" ? {
-        display: "flex",
-        flexWrap: "wrap"
-      } : {})
-    },
-    on: {
-      scroll: _vm.debouncedCheckPing
-    }
-  }, [_vm.items.length ? _c("div", {
-    class: {
-      "el-x-attachments-file-card-wrap": _vm.overflow === "scrollX"
+
+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);
     }
-  }, [_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);
-          }
+
+    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;
         }
-      }, "el-x-files-card", item, false)) : _vm._e()], 1)], 1);
-    });
-  }, {
-    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" && ""
-      },
-      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._t("prev-button", function () {
-    return [_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()];
-  }, {
-    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()];
-  }, {
-    show: _vm.overflow === "scrollX" && _vm.pingEnd,
-    onScrollRight: _vm.onScrollRight
-  }), _vm._v(" "), _vm.isTargetDrag ? _c("div", {
-    ref: "dropAreaContainer",
-    staticStyle: {
-      display: "none"
+
+      memo[target] = styleTarget;
     }
-  }, [_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);
-};
-var staticRenderFns = [];
-render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=template&id=6eb5751e&scoped=true
+    return memo[target];
+  };
+}();
 
-// EXTERNAL MODULE: ./src/components/FilesCard/index.js + 58 modules
-var FilesCard = __webpack_require__(29);
+var stylesInDom = [];
 
-// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Attachments/src/main.vue?vue&type=script&lang=js
+function getIndexByIdentifier(identifier) {
+  var result = -1;
 
-/* harmony default export */ var mainvue_type_script_lang_js = ({
-  name: 'ElXAttachments',
-  components: {
-    ElXFilesCard: FilesCard["default"]
-  },
-  props: {
-    items: {
-      type: Array,
-      default: () => []
-    },
-    overflow: {
-      type: String,
-      default: 'scrollX'
-    },
-    listStyle: {
-      type: Object,
-      default: () => ({})
-    },
-    uploadIconSize: {
-      type: String,
-      default: '64px'
-    },
-    dragTarget: {
-      type: [String, Object, HTMLElement],
-      default: undefined
-    },
-    hideUpload: {
-      type: Boolean,
-      default: false
-    },
-    limit: {
-      type: Number,
-      default: undefined
-    },
-    uploadAction: {
-      type: String,
-      default: '#'
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
     }
-  },
-  data() {
-    return {
-      containerRef: null,
-      wrapperRef: null,
-      firstMount: false,
-      pingStart: false,
-      pingEnd: false,
-      TOLERANCE: 1,
-      // 上传相关
-      targetElement: null,
-      isTargetDrag: false,
-      dropAreaRef: null,
-      dropAreaContainer: null
-    };
-  },
-  computed: {
-    isOverLimit() {
-      if (this.limit && this.items.length >= this.limit) {
-        return true;
-      }
-      return false;
-    }
-  },
-  mounted() {
-    this.firstMount = true;
-    this.$nextTick(() => this.debouncedCheckPing());
-    window.addEventListener('resize', this.debouncedCheckPing);
+  }
 
-    // 如果有拖拽目标元素，则监听拖拽事件
-    if (this.$refs.wrapperRef) {
-      this.targetElement = this.getTargetElement() || this.$refs.wrapperRef;
+  return result;
+}
 
-      // 监听拖拽事件
-      this.targetElement.addEventListener('dragenter', this.targetDragEnter, false);
-      this.targetElement.addEventListener('dragleave', this.targetDropLeave, false);
-      this.targetElement.addEventListener('drop', this.targetDrop, false);
-      this.targetElement.addEventListener('dragover', this.targetDragOver, false);
-    }
-  },
-  beforeDestroy() {
-    window.removeEventListener('resize', this.debouncedCheckPing);
-    if (this.targetElement) {
-      this.targetElement.removeEventListener('dragenter', this.targetDragEnter, false);
-      this.targetElement.removeEventListener('dragleave', this.targetDropLeave, false);
-      this.targetElement.removeEventListener('drop', this.targetDrop, false);
-      this.targetElement.removeEventListener('dragover', this.targetDragOver, false);
-    }
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
 
-    // 清理可能存在的 dropArea 元素
-    this.removeDragArea();
-  },
-  watch: {
-    'items.length': function () {
-      this.$nextTick(() => this.debouncedCheckPing());
-    },
-    overflow: function () {
-      this.$nextTick(() => this.debouncedCheckPing());
-    },
-    dragTarget: function () {
-      this.$nextTick(() => {
-        // 如果有拖拽目标元素，则监听拖拽事件
-        if (this.$refs.wrapperRef) {
-          if (this.targetElement) {
-            this.targetElement.removeEventListener('dragenter', this.targetDragEnter, false);
-            this.targetElement.removeEventListener('dragleave', this.targetDropLeave, false);
-            this.targetElement.removeEventListener('drop', this.targetDrop, false);
-            this.targetElement.removeEventListener('dragover', this.targetDragOver, false);
-          }
-          this.targetElement = this.getTargetElement() || this.$refs.wrapperRef;
+  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]
+    };
 
-          // 监听拖拽事件
-          this.targetElement.addEventListener('dragenter', this.targetDragEnter, false);
-          this.targetElement.addEventListener('dragleave', this.targetDropLeave, false);
-          this.targetElement.addEventListener('drop', this.targetDrop, false);
-          this.targetElement.addEventListener('dragover', this.targetDragOver, false);
-        }
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
       });
-    },
-    isTargetDrag: function (newVal) {
-      if (newVal) {
-        this.appendDragArea();
-      } else {
-        this.removeDragArea();
-      }
     }
-  },
-  methods: {
-    // 列表相关方法
-    checkPing() {
-      const containerEle = this.$refs.containerRef;
-      if (!containerEle) return;
-      if (this.overflow === 'scrollX') {
-        this.pingStart = Math.abs(containerEle.scrollLeft) >= this.TOLERANCE;
-        this.pingEnd = containerEle.scrollWidth - containerEle.clientWidth - Math.abs(containerEle.scrollLeft) >= this.TOLERANCE;
-      } else if (this.overflow === 'scrollY') {
-        this.pingStart = containerEle.scrollTop !== 0;
-        this.pingEnd = containerEle.scrollHeight - containerEle.clientHeight !== containerEle.scrollTop;
-      } else {
-        this.pingStart = false;
-        this.pingEnd = false;
-      }
-    },
-    onScrollOffset(offset) {
-      const containerEle = this.$refs.containerRef;
-      if (containerEle) {
-        containerEle.scrollTo({
-          left: this.overflow === 'scrollX' ? containerEle.scrollLeft + offset * containerEle.clientWidth : containerEle.scrollLeft,
-          top: this.overflow === 'scrollY' ? containerEle.scrollTop + offset * containerEle.clientHeight : containerEle.scrollTop,
-          behavior: 'smooth'
-        });
-      }
-    },
-    onScrollLeft() {
-      this.onScrollOffset(-1);
-    },
-    onScrollRight() {
-      this.onScrollOffset(1);
-    },
-    // 防抖函数
-    debounce(func, wait) {
-      let timeout;
-      return function () {
-        const context = this;
-        const args = arguments;
-        clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          func.apply(context, args);
-        }, wait);
-      };
-    },
-    customUpload(options) {
-      // 自定义上传方法，如果父组件提供了http-request，则使用父组件的
-      if (this.$attrs['http-request']) {
-        return this.$attrs['http-request'](options);
-      }
 
-      // 默认实现：发出事件，让父组件处理
-      const {
-        file
-      } = options;
-      this.$emit('upload-change', {
-        file
-      }, [file]);
+    identifiers.push(identifier);
+  }
 
-      // 如果需要模拟上传进度和成功/失败状态，可以在此实现
-      // 例如：options.onProgress({ percent: 50 })
-      // options.onSuccess({ url: 'https://example.com/file.jpg' })
-      // 或者 options.onError(new Error('Upload failed'))
+  return identifiers;
+}
 
-      // 由于我们只是返回事件，不实际上传，所以直接返回一个空Promise
-      return Promise.resolve();
-    },
-    handleUploadChange(file, fileList) {
-      this.$emit('upload-change', file, fileList);
-    },
-    handleUploadSuccess(response, file, fileList) {
-      this.$emit('upload-success', response, file, fileList);
-    },
-    handleUploadError(error, file, fileList) {
-      this.$emit('upload-error', error, file, fileList);
-    },
-    getTargetElement() {
-      if (!this.dragTarget) return this.$refs.wrapperRef;
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
 
-      // 处理原生 DOM 元素（如 document.body）
-      if (this.dragTarget instanceof HTMLElement) {
-        return this.dragTarget;
-      }
-      if (typeof this.dragTarget === 'string') {
-        return document.getElementById(this.dragTarget);
-      }
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : 0;
 
-      // Vue2 中获取引用
-      if (this.dragTarget && this.dragTarget.$el) {
-        return this.dragTarget.$el;
-      }
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
 
-      // 兜底返回 wrapperRef
-      return this.$refs.wrapperRef;
-    },
-    // 修改拖拽样式切换方法
-    toggleDragStyle(isDrag) {
-      console.log('toggleDragStyle called:', isDrag); // 调试用，可以删除
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
 
-      this.isTargetDrag = isDrag;
-      if (this.targetElement) {
-        const isBodyTarget = this.targetElement === document.body;
-        if (isDrag) {
-          // 立即显示拖拽区域
-          this.$nextTick(() => {
-            this.appendDragArea();
-          });
-          if (isBodyTarget && this.$refs.dropAreaRef) {
-            this.$refs.dropAreaRef.style.position = 'fixed';
-            this.$refs.dropAreaRef.style.width = '100vw';
-            this.$refs.dropAreaRef.style.height = '100vh';
-            this.$refs.dropAreaRef.style.left = '0';
-            this.$refs.dropAreaRef.style.top = '0';
-            this.$refs.dropAreaRef.style.zIndex = '9999';
-          } else {
-            this.targetElement.style.position = 'relative';
-          }
-        } else {
-          // 延迟移除拖拽区域，避免闪烁
-          setTimeout(() => {
-            this.removeDragArea();
-          }, 100);
-          if (!isBodyTarget) {
-            this.targetElement.style.position = '';
-          }
-        }
-      }
-    },
-    // 修改事件处理方法
-    targetDragEnter(event) {
-      event.preventDefault();
-      event.stopPropagation();
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
 
-      // 移除防抖，直接执行
-      this.toggleDragStyle(true);
-    },
-    targetDropLeave(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      const relatedTarget = event.relatedTarget;
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
 
-      // 如果离开后进入的元素仍在目标元素内部，或者进入了拖拽区域本身，不执行样式移除
-      if (this.targetElement && (this.targetElement.contains(relatedTarget) || this.$refs.dropAreaRef && this.$refs.dropAreaRef.contains(relatedTarget))) {
-        return;
-      }
+    target.appendChild(style);
+  }
 
-      // 移除防抖，直接执行
-      this.toggleDragStyle(false);
-    },
-    targetDrop(event) {
-      event.preventDefault();
-      event.stopPropagation();
+  return style;
+}
 
-      // 立即移除拖拽样式
-      this.toggleDragStyle(false);
-      if (event.dataTransfer) {
-        const files = event.dataTransfer.files;
-        if (files.length) {
-          const filesArray = [];
-          for (let i = 0; i < files.length; i++) {
-            filesArray.push(files[i]);
-          }
-          this.$emit('upload-drop', filesArray, Object.assign({}, this.$props));
-        }
-      }
-    },
-    targetDragOver(event) {
-      event.preventDefault();
-      event.stopPropagation();
-    },
-    // 卡片相关方法
-    handleDelete(item, index) {
-      this.$emit('delete-card', item, index);
-      this.$nextTick(() => this.debouncedCheckPing());
-    },
-    // 修改 DOM 操作方法
-    appendDragArea() {
-      if (!this.$refs.dropAreaRef || !this.targetElement) {
-        return;
-      }
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
 
-      // 确保元素已经渲染
-      this.$nextTick(() => {
-        const dragAreaNode = this.$refs.dropAreaRef;
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
 
-        // 检查是否已经添加过了
-        if (dragAreaNode.parentNode !== this.targetElement) {
-          // 显示容器
-          if (this.$refs.dropAreaContainer) {
-            this.$refs.dropAreaContainer.style.display = 'block';
-          }
 
-          // 添加到目标元素
-          this.targetElement.appendChild(dragAreaNode);
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
 
-          // 强制重绘
-          dragAreaNode.offsetHeight;
-        }
-      });
-    },
-    removeDragArea() {
-      if (!this.$refs.dropAreaRef || !this.targetElement) {
-        return;
-      }
-      const dragAreaNode = this.$refs.dropAreaRef;
-      if (dragAreaNode.parentNode === this.targetElement) {
-        this.targetElement.removeChild(dragAreaNode);
-      }
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
 
-      // 隐藏容器
-      if (this.$refs.dropAreaContainer) {
-        this.$refs.dropAreaContainer.style.display = 'none';
-      }
+  /* 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);
     }
-  },
-  created() {
-    this.debouncedCheckPing = this.debounce(this.checkPing, 100);
   }
-});
-// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=script&lang=js
- /* harmony default export */ var 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_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
 
-// 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/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__(88);
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
 
-// 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/Attachments/src/main.vue?vue&type=style&index=0&id=6eb5751e&prod&lang=scss&scoped=true
+  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  */
 
-var options = {};
 
-options.insert = "head";
-options.singleton = false;
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_6eb5751e_prod_lang_scss_scoped_true["a" /* default */], options);
+    style.appendChild(document.createTextNode(css));
+  }
+}
 
+var singleton = null;
+var singletonCounter = 0;
 
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
 
-/* harmony default export */ var 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["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=6eb5751e&prod&lang=scss&scoped=true
+  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);
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
 
-// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue
+  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;
+    }
 
-/* normalize component */
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
 
-var component = Object(componentNormalizer["a" /* default */])(
-  src_mainvue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  "6eb5751e",
-  null
-  
-)
+    var newLastIdentifiers = modulesToDom(newList, options);
 
-/* harmony default export */ var main = (component.exports);
-// CONCATENATED MODULE: ./src/components/Attachments/index.js
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
 
+      var _index = getIndexByIdentifier(_identifier);
 
-/* istanbul ignore next */
-main.install = function (Vue) {
-  Vue.component(main.name, main);
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
 };
-/* harmony default export */ var Attachments = __webpack_exports__["default"] = (main);
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ 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%;scrollbar-width:none}.el-x-attachments-overflow-scrollX[data-v-6eb5751e]::-webkit-scrollbar{display: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:
+/***/ ((module) => {
 
-"use strict";
 
 
 /*
@@ -833,31 +493,16 @@ module.exports = function (cssWithMappingToString) {
 
 /***/ }),
 
-/***/ 27:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"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
-
-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___);
-
-
-/***/ }),
+/***/ 9442:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-/***/ 29:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* binding */ FilesCard)
+});
 
-// 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
+;// ./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;
@@ -914,12 +559,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], {
@@ -1024,9 +669,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 文件类型
@@ -1219,7 +864,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;
@@ -1265,19 +910,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,
@@ -1288,8 +932,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;
@@ -1326,16 +970,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,
@@ -1346,8 +990,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;
@@ -1456,16 +1100,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,
@@ -1476,8 +1120,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;
@@ -1523,16 +1167,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,
@@ -1543,8 +1187,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;
@@ -1592,16 +1236,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,
@@ -1612,8 +1256,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;
@@ -1661,16 +1305,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,
@@ -1681,8 +1325,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;
@@ -1746,16 +1390,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,
@@ -1766,8 +1410,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;
@@ -1817,16 +1461,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,
@@ -1837,8 +1481,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;
@@ -1884,16 +1528,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,
@@ -1904,8 +1548,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;
@@ -1951,16 +1595,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,
@@ -1971,8 +1615,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;
@@ -2018,16 +1662,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,
@@ -2038,8 +1682,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;
@@ -2085,16 +1729,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,
@@ -2105,8 +1749,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;
@@ -2170,16 +1814,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,
@@ -2190,8 +1834,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;
@@ -2237,16 +1881,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,
@@ -2257,8 +1901,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;
@@ -2304,16 +1948,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,
@@ -2324,8 +1968,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;
@@ -2371,16 +2015,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,
@@ -2391,8 +2035,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
 
 
 
@@ -2409,7 +2053,7 @@ var zip_component = Object(componentNormalizer["a" /* default */])(
 
 
 
-/* harmony default export */ var fileSvg = ({
+/* harmony default export */ const fileSvg = ({
   // 文档类
   word: word,
   excel: excel,
@@ -2438,7 +2082,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',
@@ -2457,11 +2101,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: {
@@ -2629,6 +2273,12 @@ const colorMap = {
     }
   },
   watch: {
+    name: {
+      handler() {
+        this.parseFileName();
+      },
+      immediate: true
+    },
     imgFile: {
       handler: async function (newFile) {
         if (newFile) {
@@ -2649,9 +2299,7 @@ const colorMap = {
       immediate: true
     }
   },
-  mounted() {
-    this.parseFileName();
-  },
+  mounted() {},
   methods: {
     handleDelete() {
       this.$emit('delete', {
@@ -2659,7 +2307,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') {
@@ -2685,16 +2334,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
 
             
 
@@ -2703,336 +2350,681 @@ 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);
-
-/***/ }),
+/* harmony default export */ const FilesCard = (main);
 
-/***/ 3:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ })
 
-"use strict";
+/******/ 	});
+/************************************************************************/
+/******/ 	// 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 */ Attachments)
+});
 
-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);
+;// ./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
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    ref: "wrapperRef",
+    staticClass: "el-x-attachments-wrapper",
+    class: {
+      "el-x-attachments-overflow-ping-start": _vm.overflow === "scrollX" && _vm.pingStart,
+      "el-x-attachments-overflow-ping-end": _vm.overflow === "scrollX" && _vm.pingEnd
+    },
+    style: {
+      ..._vm.listStyle,
+      "--el-x-attachments-upload-icon-size": _vm.uploadIconSize
     }
-
-    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;
+  }, [!_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", {
+    staticClass: "el-x-attachments-background"
+  }, [_vm.overflow === "scrollX" && _vm.pingStart ? _c("div", {
+    staticClass: "el-x-attachments-background-start"
+  }) : _vm._e(), _vm._v(" "), _vm.overflow === "scrollX" && _vm.pingEnd ? _c("div", {
+    staticClass: "el-x-attachments-background-end"
+  }) : _vm._e()]), _vm._v(" "), _c("div", {
+    ref: "containerRef",
+    staticClass: "el-x-attachments",
+    class: {
+      [`el-x-attachments-overflow-${_vm.overflow}`]: _vm.overflow
+    },
+    style: {
+      ...(_vm.overflow === "scrollX" ? {
+        whiteSpace: "nowrap",
+        overflowX: "auto",
+        overflowY: "hidden"
+      } : {}),
+      ...(_vm.overflow === "scrollY" ? {
+        overflowX: "hidden",
+        overflowY: "auto"
+      } : {}),
+      ...(_vm.overflow === "wrap" ? {
+        display: "flex",
+        flexWrap: "wrap"
+      } : {})
+    },
+    on: {
+      scroll: _vm.debouncedCheckPing
+    }
+  }, [_vm.items.length ? _c("div", {
+    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);
+    });
+  }, {
+    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" && ""
+      },
+      attrs: {
+        action: _vm.uploadAction,
+        "http-request": _vm.customUpload,
+        "show-file-list": false,
+        "on-change": _vm.handleUploadChange,
+        "on-success": _vm.handleUploadSuccess,
+        "on-error": _vm.handleUploadError
       }
-
-      memo[target] = styleTarget;
+    }, "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"
+      },
+      on: {
+        click: _vm.onScrollLeft
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-arrow-left"
+    })]) : _vm._e()];
+  }, {
+    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()];
+  }, {
+    show: _vm.overflow === "scrollX" && _vm.pingEnd,
+    onScrollRight: _vm.onScrollRight
+  }), _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);
+};
+var staticRenderFns = [];
+render._withStripped = true;
 
-    return memo[target];
-  };
-}();
-
-var stylesInDom = [];
+;// ./src/components/Attachments/src/main.vue?vue&type=template&id=6eb5751e&scoped=true
 
-function getIndexByIdentifier(identifier) {
-  var result = -1;
+// EXTERNAL MODULE: ./src/components/FilesCard/index.js + 58 modules
+var FilesCard = __webpack_require__(9442);
+;// ./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
 
-  for (var i = 0; i < stylesInDom.length; i++) {
-    if (stylesInDom[i].identifier === identifier) {
-      result = i;
-      break;
+/* harmony default export */ const mainvue_type_script_lang_js = ({
+  name: 'ElXAttachments',
+  components: {
+    ElXFilesCard: FilesCard["default"]
+  },
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    overflow: {
+      type: String,
+      default: 'scrollX'
+    },
+    listStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    uploadIconSize: {
+      type: String,
+      default: '64px'
+    },
+    dragTarget: {
+      type: [String, Object, HTMLElement],
+      default: undefined
+    },
+    hideUpload: {
+      type: Boolean,
+      default: false
+    },
+    limit: {
+      type: Number,
+      default: undefined
+    },
+    uploadAction: {
+      type: String,
+      default: '#'
     }
-  }
-
-  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]
+  },
+  data() {
+    return {
+      containerRef: null,
+      wrapperRef: null,
+      firstMount: false,
+      pingStart: false,
+      pingEnd: false,
+      TOLERANCE: 1,
+      // 上传相关
+      targetElement: null,
+      isTargetDrag: false,
+      dropAreaRef: null,
+      dropAreaContainer: null
     };
-
-    if (index !== -1) {
-      stylesInDom[index].references++;
-      stylesInDom[index].updater(obj);
-    } else {
-      stylesInDom.push({
-        identifier: identifier,
-        updater: addStyle(obj, options),
-        references: 1
-      });
+  },
+  computed: {
+    isOverLimit() {
+      if (this.limit && this.items.length >= this.limit) {
+        return true;
+      }
+      return false;
     }
+  },
+  mounted() {
+    this.firstMount = true;
+    this.$nextTick(() => this.debouncedCheckPing());
+    window.addEventListener('resize', this.debouncedCheckPing);
 
-    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 (this.$refs.wrapperRef) {
+      this.targetElement = this.getTargetElement() || this.$refs.wrapperRef;
 
-    if (nonce) {
-      attributes.nonce = nonce;
+      // 监听拖拽事件
+      this.targetElement.addEventListener('dragenter', this.targetDragEnter, false);
+      this.targetElement.addEventListener('dragleave', this.targetDropLeave, false);
+      this.targetElement.addEventListener('drop', this.targetDrop, false);
+      this.targetElement.addEventListener('dragover', this.targetDragOver, false);
     }
-  }
-
-  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.");
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.debouncedCheckPing);
+    if (this.targetElement) {
+      this.targetElement.removeEventListener('dragenter', this.targetDragEnter, false);
+      this.targetElement.removeEventListener('dragleave', this.targetDropLeave, false);
+      this.targetElement.removeEventListener('drop', this.targetDrop, false);
+      this.targetElement.removeEventListener('dragover', this.targetDragOver, false);
     }
 
-    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
+    // 清理可能存在的 dropArea 元素
+    this.removeDragArea();
+  },
+  watch: {
+    'items.length': function () {
+      this.$nextTick(() => this.debouncedCheckPing());
+    },
+    overflow: function () {
+      this.$nextTick(() => this.debouncedCheckPing());
+    },
+    dragTarget: function () {
+      this.$nextTick(() => {
+        // 如果有拖拽目标元素，则监听拖拽事件
+        if (this.$refs.wrapperRef) {
+          if (this.targetElement) {
+            this.targetElement.removeEventListener('dragenter', this.targetDragEnter, false);
+            this.targetElement.removeEventListener('dragleave', this.targetDropLeave, false);
+            this.targetElement.removeEventListener('drop', this.targetDrop, false);
+            this.targetElement.removeEventListener('dragover', this.targetDragOver, false);
+          }
+          this.targetElement = this.getTargetElement() || this.$refs.wrapperRef;
 
-  /* istanbul ignore if  */
+          // 监听拖拽事件
+          this.targetElement.addEventListener('dragenter', this.targetDragEnter, false);
+          this.targetElement.addEventListener('dragleave', this.targetDropLeave, false);
+          this.targetElement.addEventListener('drop', this.targetDrop, false);
+          this.targetElement.addEventListener('dragover', this.targetDragOver, false);
+        }
+      });
+    },
+    isTargetDrag: function (newVal) {
+      if (newVal) {
+        this.appendDragArea();
+      } else {
+        this.removeDragArea();
+      }
+    }
+  },
+  methods: {
+    // 列表相关方法
+    checkPing() {
+      const containerEle = this.$refs.containerRef;
+      if (!containerEle) return;
+      if (this.overflow === 'scrollX') {
+        this.pingStart = Math.abs(containerEle.scrollLeft) >= this.TOLERANCE;
+        this.pingEnd = containerEle.scrollWidth - containerEle.clientWidth - Math.abs(containerEle.scrollLeft) >= this.TOLERANCE;
+      } else if (this.overflow === 'scrollY') {
+        this.pingStart = containerEle.scrollTop !== 0;
+        this.pingEnd = containerEle.scrollHeight - containerEle.clientHeight !== containerEle.scrollTop;
+      } else {
+        this.pingStart = false;
+        this.pingEnd = false;
+      }
+    },
+    onScrollOffset(offset) {
+      const containerEle = this.$refs.containerRef;
+      if (containerEle) {
+        containerEle.scrollTo({
+          left: this.overflow === 'scrollX' ? containerEle.scrollLeft + offset * containerEle.clientWidth : containerEle.scrollLeft,
+          top: this.overflow === 'scrollY' ? containerEle.scrollTop + offset * containerEle.clientHeight : containerEle.scrollTop,
+          behavior: 'smooth'
+        });
+      }
+    },
+    onScrollLeft() {
+      this.onScrollOffset(-1);
+    },
+    onScrollRight() {
+      this.onScrollOffset(1);
+    },
+    // 防抖函数
+    debounce(func, wait) {
+      let timeout;
+      return function () {
+        const context = this;
+        const args = arguments;
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
+          func.apply(context, args);
+        }, wait);
+      };
+    },
+    customUpload(options) {
+      // 自定义上传方法，如果父组件提供了http-request，则使用父组件的
+      if (this.$attrs['http-request']) {
+        return this.$attrs['http-request'](options);
+      }
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = style.childNodes;
+      // 默认实现：发出事件，让父组件处理
+      const {
+        file
+      } = options;
+      this.$emit('upload-change', {
+        file
+      }, [file]);
 
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
-    }
+      // 如果需要模拟上传进度和成功/失败状态，可以在此实现
+      // 例如：options.onProgress({ percent: 50 })
+      // options.onSuccess({ url: 'https://example.com/file.jpg' })
+      // 或者 options.onError(new Error('Upload failed'))
 
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
-    }
-  }
-}
+      // 由于我们只是返回事件，不实际上传，所以直接返回一个空Promise
+      return Promise.resolve();
+    },
+    handleUploadChange(file, fileList) {
+      this.$emit('upload-change', file, fileList);
+    },
+    handleUploadSuccess(response, file, fileList) {
+      this.$emit('upload-success', response, file, fileList);
+    },
+    handleUploadError(error, file, fileList) {
+      this.$emit('upload-error', error, file, fileList);
+    },
+    getTargetElement() {
+      if (!this.dragTarget) return this.$refs.wrapperRef;
 
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
+      // 处理原生 DOM 元素（如 document.body）
+      if (this.dragTarget instanceof HTMLElement) {
+        return this.dragTarget;
+      }
+      if (typeof this.dragTarget === 'string') {
+        return document.getElementById(this.dragTarget);
+      }
 
-  if (media) {
-    style.setAttribute('media', media);
-  } else {
-    style.removeAttribute('media');
-  }
+      // Vue2 中获取引用
+      if (this.dragTarget && this.dragTarget.$el) {
+        return this.dragTarget.$el;
+      }
 
-  if (sourceMap && typeof btoa !== 'undefined') {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
+      // 兜底返回 wrapperRef
+      return this.$refs.wrapperRef;
+    },
+    // 修改拖拽样式切换方法
+    toggleDragStyle(isDrag) {
+      console.log('toggleDragStyle called:', isDrag); // 调试用，可以删除
 
-  /* istanbul ignore if  */
+      this.isTargetDrag = isDrag;
+      if (this.targetElement) {
+        const isBodyTarget = this.targetElement === document.body;
+        if (isDrag) {
+          // 立即显示拖拽区域
+          this.$nextTick(() => {
+            this.appendDragArea();
+          });
+          if (isBodyTarget && this.$refs.dropAreaRef) {
+            this.$refs.dropAreaRef.style.position = 'fixed';
+            this.$refs.dropAreaRef.style.width = '100vw';
+            this.$refs.dropAreaRef.style.height = '100vh';
+            this.$refs.dropAreaRef.style.left = '0';
+            this.$refs.dropAreaRef.style.top = '0';
+            this.$refs.dropAreaRef.style.zIndex = '9999';
+          } else {
+            this.targetElement.style.position = 'relative';
+          }
+        } else {
+          // 延迟移除拖拽区域，避免闪烁
+          setTimeout(() => {
+            this.removeDragArea();
+          }, 100);
+          if (!isBodyTarget) {
+            this.targetElement.style.position = '';
+          }
+        }
+      }
+    },
+    // 修改事件处理方法
+    targetDragEnter(event) {
+      event.preventDefault();
+      event.stopPropagation();
 
+      // 移除防抖，直接执行
+      this.toggleDragStyle(true);
+    },
+    targetDropLeave(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      const relatedTarget = event.relatedTarget;
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
-    }
+      // 如果离开后进入的元素仍在目标元素内部，或者进入了拖拽区域本身，不执行样式移除
+      if (this.targetElement && (this.targetElement.contains(relatedTarget) || this.$refs.dropAreaRef && this.$refs.dropAreaRef.contains(relatedTarget))) {
+        return;
+      }
 
-    style.appendChild(document.createTextNode(css));
-  }
-}
+      // 移除防抖，直接执行
+      this.toggleDragStyle(false);
+    },
+    targetDrop(event) {
+      event.preventDefault();
+      event.stopPropagation();
 
-var singleton = null;
-var singletonCounter = 0;
+      // 立即移除拖拽样式
+      this.toggleDragStyle(false);
+      if (event.dataTransfer) {
+        const files = event.dataTransfer.files;
+        if (files.length) {
+          const filesArray = [];
+          for (let i = 0; i < files.length; i++) {
+            filesArray.push(files[i]);
+          }
+          this.$emit('upload-drop', filesArray, Object.assign({}, this.$props));
+        }
+      }
+    },
+    targetDragOver(event) {
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    // 卡片相关方法
+    handleDelete(item, index) {
+      this.$emit('delete-card', item, index);
+      this.$nextTick(() => this.debouncedCheckPing());
+    },
+    // 修改 DOM 操作方法
+    appendDragArea() {
+      if (!this.$refs.dropAreaRef || !this.targetElement) {
+        return;
+      }
 
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
+      // 确保元素已经渲染
+      this.$nextTick(() => {
+        const dragAreaNode = this.$refs.dropAreaRef;
 
-  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);
+        // 检查是否已经添加过了
+        if (dragAreaNode.parentNode !== this.targetElement) {
+          // 显示容器
+          if (this.$refs.dropAreaContainer) {
+            this.$refs.dropAreaContainer.style.display = 'block';
+          }
 
-    remove = function remove() {
-      removeStyleElement(style);
-    };
-  }
+          // 添加到目标元素
+          this.targetElement.appendChild(dragAreaNode);
 
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+          // 强制重绘
+          dragAreaNode.offsetHeight;
+        }
+      });
+    },
+    removeDragArea() {
+      if (!this.$refs.dropAreaRef || !this.targetElement) {
         return;
       }
+      const dragAreaNode = this.$refs.dropAreaRef;
+      if (dragAreaNode.parentNode === this.targetElement) {
+        this.targetElement.removeChild(dragAreaNode);
+      }
 
-      update(obj = newObj);
-    } else {
-      remove();
+      // 隐藏容器
+      if (this.$refs.dropAreaContainer) {
+        this.$refs.dropAreaContainer.style.display = 'none';
+      }
     }
-  };
-}
-
-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();
+  },
+  created() {
+    this.debouncedCheckPing = this.debounce(this.checkPing, 100);
   }
+});
+;// ./src/components/Attachments/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__(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
 
-  list = list || [];
-  var lastIdentifiers = modulesToDom(list, options);
-  return function update(newList) {
-    newList = newList || [];
+            
 
-    if (Object.prototype.toString.call(newList) !== '[object Array]') {
-      return;
-    }
+var options = {};
 
-    for (var i = 0; i < lastIdentifiers.length; i++) {
-      var identifier = lastIdentifiers[i];
-      var index = getIndexByIdentifier(identifier);
-      stylesInDom[index].references--;
-    }
+options.insert = "head";
+options.singleton = false;
 
-    var newLastIdentifiers = modulesToDom(newList, options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_6eb5751e_prod_lang_scss_scoped_true/* default */.A, 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();
+/* 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
 
-        stylesInDom.splice(_index, 1);
-      }
-    }
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(4486);
+;// ./src/components/Attachments/src/main.vue
 
-    lastIdentifiers = newLastIdentifiers;
-  };
-};
 
-/***/ }),
 
-/***/ 88:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+;
 
-"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
 
-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-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%;scrollbar-width:none}.el-x-attachments-overflow-scrollX[data-v-6eb5751e]::-webkit-scrollbar{display: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:transparent}.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 */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+/* normalize component */
+
+var component = (0,componentNormalizer/* default */.A)(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "6eb5751e",
+  null
+  
+)
 
+/* harmony default export */ const main = (component.exports);
+;// ./src/components/Attachments/index.js
 
-/***/ })
 
-/******/ });
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
+};
+/* harmony default export */ const Attachments = (main);
+module.exports = __webpack_exports__;
+/******/ })()
+;