vue-element-ui-x 0.1.7-beta → 0.1.9-beta

package/lib/index.js

@@ -23626,7 +23626,7 @@ module.exports = function(module) {
 
 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, ".el-x-filescard[data-v-10b2c201]{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-10b2c201]{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-10b2c201]{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-10b2c201]:hover{color:#ff4d4f}.el-x-filescard:hover .el-x-filescard-delete-icon[data-v-10b2c201]{display:block}.el-x-filescard-square[data-v-10b2c201]{padding:0;margin:0}.el-x-filescard-icon[data-v-10b2c201]{flex:none;font-size:var(--elx-files-card-icon-size)}.el-x-filescard-img[data-v-10b2c201]{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-10b2c201]{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-10b2c201]{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-10b2c201]{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-10b2c201]{flex:none}.el-x-filescard-content .el-x-filescard-description[data-v-10b2c201]{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-10b2c201]{color:#ff4d4f}.image-preview-container[data-v-10b2c201]{position:relative;padding:0px;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);display:inline-block;border-radius:8px;overflow:hidden;transition:all .3s}.image-preview-container .preview-mask[data-v-10b2c201]{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-10b2c201]{font-size:10px;margin-right:2px;display:flex;align-items:center;height:100%;margin-top:2px}.image-preview-container .preview-mask[data-v-10b2c201]:hover{opacity:1;transition:opacity .3s;cursor:pointer}.image-preview-container-square .preview-mask[data-v-10b2c201]{font-size:14px}.image-preview-container-square .preview-mask .el-icon-view[data-v-10b2c201]{font-size:12px}.preview-mask-loading[data-v-10b2c201]{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-10b2c201]{width:100% !important;height:100% !important;display:flex;justify-content:center;align-items:center}.preview-mask-loading .circle-progress .el-progress-circle[data-v-10b2c201]{width:calc(100% - 12px) !important;height:calc(100% - 12px) !important}.preview-mask-loading .circle-progress .el-progress-circle svg>path[data-v-10b2c201]:nth-child(1){stroke:hsla(0,0%,100%,.2);stroke-width:8px}.preview-mask-loading .circle-progress .el-progress__text[data-v-10b2c201]{color:#fff;font-size:14px}.preview-mask-error[data-v-10b2c201]{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-10b2c201]{display:none}.fade-enter-active[data-v-10b2c201],.fade-leave-active[data-v-10b2c201]{transition:opacity .3s}.fade-enter-from[data-v-10b2c201],.fade-leave-to[data-v-10b2c201]{opacity:0}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, ".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;overflow:hidden;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:hsla(0,0%,100%,.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-from[data-v-28b3b638],.fade-leave-to[data-v-28b3b638]{opacity:0}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -23655,7 +23655,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-716e941e]:root{--color-primary:
 // 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/FilesCard/src/main.vue?vue&type=template&id=10b2c201&scoped=true
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=template&id=28b3b638&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -23712,13 +23712,11 @@ var render = function render() {
       staticClass: "el-x-filescard-img",
       attrs: {
         src: _vm._previewImgUrl,
-        "preview-src-list": _vm.imgPreview ? [_vm._previewImgUrl] : [],
-        fit: "cover",
-        "show-progress": false,
-        "hide-on-click-modal": ""
+        "preview-src-list": _vm._previewImgUrl ? [_vm._previewImgUrl] : [],
+        fit: "cover"
       },
       on: {
-        show: function ($event) {
+        click: function ($event) {
           return _vm.handlePreviewAction("self");
         }
       }
@@ -23824,8 +23822,201 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=template&id=10b2c201&scoped=true
+// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=template&id=28b3b638&scoped=true
+
+// CONCATENATED MODULE: ./src/utils/index.js
+/**
+ * 判断文件类型是否为图片
+ * @param {string} type 文件类型
+ * @returns {boolean} 是否为图片类型
+ */
+const isImageFileType = type => type.indexOf('image/') === 0;
+const MEASURE_SIZE = 200;
+
+/**
+ * 预览图片文件并生成预览URL
+ * @param {File|Blob} file 图片文件对象
+ * @returns {Promise<string>} 返回图片预览URL的Promise
+ */
+function previewImage(file) {
+  return new Promise(resolve => {
+    if (!file || !file.type || !isImageFileType(file.type)) {
+      resolve('');
+      return;
+    }
+    const img = new Image();
+    img.onload = () => {
+      const {
+        width,
+        height
+      } = img;
+      const ratio = width / height;
+      const MEASURE_SIZE_WIDTH = ratio > 1 ? MEASURE_SIZE : MEASURE_SIZE * ratio;
+      const MEASURE_SIZE_HEIGHT = ratio > 1 ? MEASURE_SIZE / ratio : MEASURE_SIZE;
+      const canvas = document.createElement('canvas');
+      canvas.width = MEASURE_SIZE_WIDTH;
+      canvas.height = MEASURE_SIZE_HEIGHT;
+      canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE_WIDTH}px; height: ${MEASURE_SIZE_HEIGHT}px; z-index: 9999; display: none;`;
+      document.body.appendChild(canvas);
+      const ctx = canvas.getContext('2d');
+      ctx.drawImage(img, 0, 0, MEASURE_SIZE_WIDTH, MEASURE_SIZE_HEIGHT);
+      const dataURL = canvas.toDataURL();
+      document.body.removeChild(canvas);
+      window.URL.revokeObjectURL(img.src);
+      resolve(dataURL);
+    };
+    img.crossOrigin = 'anonymous';
+    if (file.type.startsWith('image/svg+xml')) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        if (reader.result && typeof reader.result === 'string') {
+          img.src = reader.result;
+        }
+      };
+      reader.readAsDataURL(file);
+    } else if (file.type.startsWith('image/gif')) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        if (reader.result) {
+          resolve(reader.result);
+        }
+      };
+      reader.readAsDataURL(file);
+    } else {
+      img.src = window.URL.createObjectURL(file);
+    }
+  });
+}
 
+/**
+ * 根据文件后缀名获取文件类型
+ * @param {string} fileExtension 文件后缀名
+ * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
+ */
+function getFileType(fileExtension) {
+  // 去除后缀名开头的点，并转换为小写
+  const cleanExtension = fileExtension.replace('.', '').toLowerCase();
+  if (!cleanExtension) {
+    return {
+      lowerCase: 'unknown',
+      upperCase: 'Unknown'
+    };
+  }
+  const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg', 'webp'];
+  const wordExtensions = ['doc', 'docx'];
+  const excelExtensions = ['xls', 'xlsx'];
+  const pptExtensions = ['ppt', 'pptx'];
+  const audioExtensions = ['mp3', 'wav', 'ogg', 'flac'];
+  const videoExtensions = ['mp4', 'avi', 'mov', 'mkv'];
+  const codeExtensions = ['js', 'ts', 'html', 'css', 'py', 'java', 'c', 'cpp', 'json', 'php'];
+  const databaseExtensions = ['sql', 'db', 'sqlite'];
+  const zipExtensions = ['zip', 'rar', '7z'];
+  const markExtensions = ['md', 'mdx'];
+  if (imageExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'image',
+      upperCase: 'Image'
+    };
+  }
+  if (wordExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'word',
+      upperCase: 'Word'
+    };
+  }
+  if (excelExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'excel',
+      upperCase: 'Excel'
+    };
+  }
+  if (pptExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'ppt',
+      upperCase: 'Ppt'
+    };
+  }
+  if (cleanExtension === 'pdf') {
+    return {
+      lowerCase: 'pdf',
+      upperCase: 'Pdf'
+    };
+  }
+  if (cleanExtension === 'txt') {
+    return {
+      lowerCase: 'txt',
+      upperCase: 'Txt'
+    };
+  }
+  if (markExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'mark',
+      upperCase: 'Markdown'
+    };
+  }
+  if (audioExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'audio',
+      upperCase: 'Audio'
+    };
+  }
+  if (videoExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'video',
+      upperCase: 'Video'
+    };
+  }
+  if (codeExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'code',
+      upperCase: 'Code'
+    };
+  }
+  if (databaseExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'database',
+      upperCase: 'Database'
+    };
+  }
+  if (cleanExtension === 'lnk') {
+    return {
+      lowerCase: 'link',
+      upperCase: 'Link'
+    };
+  }
+  if (zipExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'zip',
+      upperCase: 'Zip'
+    };
+  }
+  if (cleanExtension === 'obj' || cleanExtension === 'fbx' || cleanExtension === 'glb') {
+    return {
+      lowerCase: 'three',
+      upperCase: '3D'
+    };
+  }
+  return {
+    lowerCase: 'file',
+    upperCase: 'File'
+  };
+}
+
+/**
+ * 获取文件大小
+ * @param {number} size 文件大小
+ * @returns {string} 返回文件大小
+ */
+function getSize(size) {
+  let retSize = size;
+  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'];
+  let unitIndex = 0;
+  while (retSize >= 1024 && unitIndex < units.length - 1) {
+    retSize /= 1024;
+    unitIndex++;
+  }
+  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
 var audiovue_type_template_id_70981d96_render = function render() {
   var _vm = this,
@@ -25064,199 +25255,6 @@ const colorMap = {
   file: '#FFC757',
   unknown: '#6E9DA4'
 };
-// CONCATENATED MODULE: ./src/utils/index.js
-/**
- * 判断文件类型是否为图片
- * @param {string} type 文件类型
- * @returns {boolean} 是否为图片类型
- */
-const isImageFileType = type => type.indexOf('image/') === 0;
-const MEASURE_SIZE = 200;
-
-/**
- * 预览图片文件并生成预览URL
- * @param {File|Blob} file 图片文件对象
- * @returns {Promise<string>} 返回图片预览URL的Promise
- */
-function previewImage(file) {
-  return new Promise(resolve => {
-    if (!file || !file.type || !isImageFileType(file.type)) {
-      resolve('');
-      return;
-    }
-    const img = new Image();
-    img.onload = () => {
-      const {
-        width,
-        height
-      } = img;
-      const ratio = width / height;
-      const MEASURE_SIZE_WIDTH = ratio > 1 ? MEASURE_SIZE : MEASURE_SIZE * ratio;
-      const MEASURE_SIZE_HEIGHT = ratio > 1 ? MEASURE_SIZE / ratio : MEASURE_SIZE;
-      const canvas = document.createElement('canvas');
-      canvas.width = MEASURE_SIZE_WIDTH;
-      canvas.height = MEASURE_SIZE_HEIGHT;
-      canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE_WIDTH}px; height: ${MEASURE_SIZE_HEIGHT}px; z-index: 9999; display: none;`;
-      document.body.appendChild(canvas);
-      const ctx = canvas.getContext('2d');
-      ctx.drawImage(img, 0, 0, MEASURE_SIZE_WIDTH, MEASURE_SIZE_HEIGHT);
-      const dataURL = canvas.toDataURL();
-      document.body.removeChild(canvas);
-      window.URL.revokeObjectURL(img.src);
-      resolve(dataURL);
-    };
-    img.crossOrigin = 'anonymous';
-    if (file.type.startsWith('image/svg+xml')) {
-      const reader = new FileReader();
-      reader.onload = () => {
-        if (reader.result && typeof reader.result === 'string') {
-          img.src = reader.result;
-        }
-      };
-      reader.readAsDataURL(file);
-    } else if (file.type.startsWith('image/gif')) {
-      const reader = new FileReader();
-      reader.onload = () => {
-        if (reader.result) {
-          resolve(reader.result);
-        }
-      };
-      reader.readAsDataURL(file);
-    } else {
-      img.src = window.URL.createObjectURL(file);
-    }
-  });
-}
-
-/**
- * 根据文件后缀名获取文件类型
- * @param {string} fileExtension 文件后缀名
- * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
- */
-function getFileType(fileExtension) {
-  // 去除后缀名开头的点，并转换为小写
-  const cleanExtension = fileExtension.replace('.', '').toLowerCase();
-  if (!cleanExtension) {
-    return {
-      lowerCase: 'unknown',
-      upperCase: 'Unknown'
-    };
-  }
-  const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg', 'webp'];
-  const wordExtensions = ['doc', 'docx'];
-  const excelExtensions = ['xls', 'xlsx'];
-  const pptExtensions = ['ppt', 'pptx'];
-  const audioExtensions = ['mp3', 'wav', 'ogg', 'flac'];
-  const videoExtensions = ['mp4', 'avi', 'mov', 'mkv'];
-  const codeExtensions = ['js', 'ts', 'html', 'css', 'py', 'java', 'c', 'cpp', 'json', 'php'];
-  const databaseExtensions = ['sql', 'db', 'sqlite'];
-  const zipExtensions = ['zip', 'rar', '7z'];
-  const markExtensions = ['md', 'mdx'];
-  if (imageExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'image',
-      upperCase: 'Image'
-    };
-  }
-  if (wordExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'word',
-      upperCase: 'Word'
-    };
-  }
-  if (excelExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'excel',
-      upperCase: 'Excel'
-    };
-  }
-  if (pptExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'ppt',
-      upperCase: 'Ppt'
-    };
-  }
-  if (cleanExtension === 'pdf') {
-    return {
-      lowerCase: 'pdf',
-      upperCase: 'Pdf'
-    };
-  }
-  if (cleanExtension === 'txt') {
-    return {
-      lowerCase: 'txt',
-      upperCase: 'Txt'
-    };
-  }
-  if (markExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'mark',
-      upperCase: 'Markdown'
-    };
-  }
-  if (audioExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'audio',
-      upperCase: 'Audio'
-    };
-  }
-  if (videoExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'video',
-      upperCase: 'Video'
-    };
-  }
-  if (codeExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'code',
-      upperCase: 'Code'
-    };
-  }
-  if (databaseExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'database',
-      upperCase: 'Database'
-    };
-  }
-  if (cleanExtension === 'lnk') {
-    return {
-      lowerCase: 'link',
-      upperCase: 'Link'
-    };
-  }
-  if (zipExtensions.includes(cleanExtension)) {
-    return {
-      lowerCase: 'zip',
-      upperCase: 'Zip'
-    };
-  }
-  if (cleanExtension === 'obj' || cleanExtension === 'fbx' || cleanExtension === 'glb') {
-    return {
-      lowerCase: 'three',
-      upperCase: '3D'
-    };
-  }
-  return {
-    lowerCase: 'file',
-    upperCase: 'File'
-  };
-}
-
-/**
- * 获取文件大小
- * @param {number} size 文件大小
- * @returns {string} 返回文件大小
- */
-function getSize(size) {
-  let retSize = size;
-  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'];
-  let unitIndex = 0;
-  while (retSize >= 1024 && unitIndex < units.length - 1) {
-    retSize /= 1024;
-    unitIndex++;
-  }
-  return `${retSize.toFixed(0)} ${units[unitIndex]}`;
-}
 // 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
 
 
@@ -25460,12 +25458,10 @@ function getSize(size) {
     },
     handlePreviewAction(type) {
       if (this.imgPreview && this.$refs.imgRef && this._previewImgUrl && type === 'mask') {
-        console.log(this.$refs.imgRef);
         this.$refs.imgRef.clickHandler();
-        // this.$refs.imgRef.showPreview()
       }
       if (type === 'self') {
-        this.$emit('imagePreview', {
+        this.$emit('image-preview', {
           ...this.propsData
         });
       }
@@ -25493,10 +25489,10 @@ function getSize(size) {
 var injectStylesIntoStyleTag = __webpack_require__(3);
 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=10b2c201&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_10b2c201_prod_lang_scss_scoped_true = __webpack_require__(25);
+// 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__(25);
 
-// 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=10b2c201&prod&lang=scss&scoped=true
+// 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
 
             
 
@@ -25505,12 +25501,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_10b2c201_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_28b3b638_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_10b2c201_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_10b2c201_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=10b2c201&prod&lang=scss&scoped=true
+/* 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
 
@@ -25527,7 +25523,7 @@ var main_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "10b2c201",
+  "28b3b638",
   null
   
 )
@@ -33188,7 +33184,7 @@ module.exports = {
 
 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-4f88f26a]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.card-motion-enter-active[data-v-4f88f26a],.card-motion-move[data-v-4f88f26a],.card-motion-leave-active[data-v-4f88f26a]{transition:all .3s ease;opacity:1;transform:translateX(0)}.card-motion-enter[data-v-4f88f26a],.card-motion-leave-to[data-v-4f88f26a]{opacity:0;transform:translateX(-100%)}.card-motion-leave-active[data-v-4f88f26a]{transform:translateX(100%);opacity:0}.el-x-attachments-file-card-wrap[data-v-4f88f26a]{display:flex;height:100%;align-items:center}.el-x-attachments-upload-placeholder[data-v-4f88f26a]{display:inline-block;width:fit-content;align-self:center;margin:6px}.el-x-attachments-card[data-v-4f88f26a]{display:inline-block;vertical-align:top}.el-x-attachments-card-item[data-v-4f88f26a]{margin:6px}.el-x-attachments-prev-btn[data-v-4f88f26a],.el-x-attachments-next-btn[data-v-4f88f26a]{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-4f88f26a]:hover,.el-x-attachments-next-btn[data-v-4f88f26a]:hover{background-color:rgba(0,0,0,.5)}.el-x-attachments-prev-btn[data-v-4f88f26a]:active,.el-x-attachments-next-btn[data-v-4f88f26a]:active{background-color:rgba(0,0,0,.7)}.el-x-attachments-prev-btn[data-v-4f88f26a]{left:8px;border-top-left-radius:0px;border-bottom-left-radius:0px}.el-x-attachments-next-btn[data-v-4f88f26a]{right:8px;border-top-right-radius:0px;border-bottom-right-radius:0px}.el-x-attachments-background[data-v-4f88f26a]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;pointer-events:none}.el-x-attachments-background-start[data-v-4f88f26a]{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-4f88f26a]{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-4f88f26a]{height:100%;scrollbar-width:none}.el-x-attachments-overflow-scrollX[data-v-4f88f26a]::-webkit-scrollbar{display:none}.el-x-attachments-overflow-scrollY[data-v-4f88f26a]{width:100%;height:100%}.el-x-attachments-wrapper[data-v-4f88f26a]{position:relative;display:block}.el-x-attachments-upload-btn[data-v-4f88f26a]{display:flex}.el-x-attachments-upload-btn[data-v-4f88f26a] .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-4f88f26a] .el-upload:hover{border-color:#409eff}.el-x-attachments-upload-btn[data-v-4f88f26a] .el-upload:hover .uploader-icon{color:#409eff}.el-x-attachments-upload-btn .uploader-icon[data-v-4f88f26a]{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-4f88f26a] .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-4f88f26a] .el-upload-dragger:hover .el-icon{color:#409eff}.el-x-attachments-drop-area[data-v-4f88f26a]{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-4f88f26a .3s ease-in-out !important;pointer-events:none !important}.el-x-attachments-drop-area-icon[data-v-4f88f26a]{font-size:50px !important;color:#409eff !important;animation:bounce-4f88f26a 1s infinite alternate !important}.el-x-attachments-drop-area-text[data-v-4f88f26a]{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-4f88f26a{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-4f88f26a{from{transform:translateY(0)}to{transform:translateY(-10px)}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-4c699dac]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.card-motion-enter-active[data-v-4c699dac],.card-motion-move[data-v-4c699dac],.card-motion-leave-active[data-v-4c699dac]{transition:all .3s ease;opacity:1;transform:translateX(0)}.card-motion-enter[data-v-4c699dac],.card-motion-leave-to[data-v-4c699dac]{opacity:0;transform:translateX(-100%)}.card-motion-leave-active[data-v-4c699dac]{transform:translateX(100%);opacity:0}.el-x-attachments-file-card-wrap[data-v-4c699dac]{display:flex;height:100%;align-items:center}.el-x-attachments-upload-placeholder[data-v-4c699dac]{display:inline-block;width:fit-content;align-self:center;margin:6px}.el-x-attachments-card[data-v-4c699dac]{display:inline-block;vertical-align:top}.el-x-attachments-card-item[data-v-4c699dac]{margin:6px}.el-x-attachments-prev-btn[data-v-4c699dac],.el-x-attachments-next-btn[data-v-4c699dac]{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-4c699dac]:hover,.el-x-attachments-next-btn[data-v-4c699dac]:hover{background-color:rgba(0,0,0,.5)}.el-x-attachments-prev-btn[data-v-4c699dac]:active,.el-x-attachments-next-btn[data-v-4c699dac]:active{background-color:rgba(0,0,0,.7)}.el-x-attachments-prev-btn[data-v-4c699dac]{left:8px;border-top-left-radius:0px;border-bottom-left-radius:0px}.el-x-attachments-next-btn[data-v-4c699dac]{right:8px;border-top-right-radius:0px;border-bottom-right-radius:0px}.el-x-attachments-background[data-v-4c699dac]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;pointer-events:none}.el-x-attachments-background-start[data-v-4c699dac]{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-4c699dac]{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-4c699dac]{height:100%;scrollbar-width:none}.el-x-attachments-overflow-scrollX[data-v-4c699dac]::-webkit-scrollbar{display:none}.el-x-attachments-overflow-scrollY[data-v-4c699dac]{width:100%;height:100%}.el-x-attachments-wrapper[data-v-4c699dac]{position:relative;display:block}.el-x-attachments-upload-btn[data-v-4c699dac]{display:flex}.el-x-attachments-upload-btn[data-v-4c699dac] .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-4c699dac] .el-upload:hover{border-color:#409eff}.el-x-attachments-upload-btn[data-v-4c699dac] .el-upload:hover .uploader-icon{color:#409eff}.el-x-attachments-upload-btn .uploader-icon[data-v-4c699dac]{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-4c699dac] .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-4c699dac] .el-upload-dragger:hover .el-icon{color:#409eff}.el-x-attachments-drop-area[data-v-4c699dac]{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-4c699dac .3s ease-in-out !important;pointer-events:none !important}.el-x-attachments-drop-area-icon[data-v-4c699dac]{font-size:50px !important;color:#409eff !important;animation:bounce-4c699dac 1s infinite alternate !important}.el-x-attachments-drop-area-text[data-v-4c699dac]{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-4c699dac{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-4c699dac{from{transform:translateY(0)}to{transform:translateY(-10px)}}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -33300,7 +33296,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".el-x-send-button .el-button[data-v-1d4
 
 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-34a8749b]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}[data-v-34a8749b]:root{--el-x-sender-trigger-popover-width: fit-content;--el-x-sender-trigger-popover-left: 0px}.el-x-sender[data-v-34a8749b]{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);transition:background .3s;border-radius:calc(4px*2);border-color:#dcdfe6;border-width:0;border-style:solid;transition:width 300ms}.el-x-sender[data-v-34a8749b]:after{content:\"\";position:absolute;inset:0;pointer-events:none;transition:border-color .3s;border-radius:inherit;border-style:inherit;border-color:inherit;border-width:1px}.el-x-sender[data-v-34a8749b]:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-color:#409eff}.el-x-sender[data-v-34a8749b]:focus-within::after{border-width:2px}.el-x-sender .el-x-sender-header-wrap[data-v-34a8749b]{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.el-x-sender .slide-enter-active[data-v-34a8749b],.el-x-sender .slide-leave-active[data-v-34a8749b]{transition:height 300ms,opacity 300ms,border 300ms;overflow:hidden}.el-x-sender .slide-enter[data-v-34a8749b],.el-x-sender .slide-leave-to[data-v-34a8749b]{height:0;opacity:0}.el-x-sender .el-x-sender-header[data-v-34a8749b]{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dcdfe6}.el-x-sender .el-x-sender-content[data-v-34a8749b]{display:flex;gap:8px;width:100%;padding-block:12px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.el-x-sender .el-x-sender-content .el-x-sender-prefix[data-v-34a8749b]{flex:none}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-34a8749b]{height:100%;display:flex;align-items:center;align-self:center}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-34a8749b] .el-textarea__inner{padding:0;margin:0;color:#303133;font-size:14px;line-height:24px;list-style:none;position:relative;display:inline-block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto !important;border-radius:0;border:none;flex:auto;align-self:center;vertical-align:bottom;resize:none;background-color:rgba(0,0,0,0);transition:all .3s,height 0s;box-shadow:none !important}.el-x-sender .el-x-sender-content .el-x-sender-action-list-presets[data-v-34a8749b]{display:flex;gap:8px;flex-direction:row-reverse}.el-x-sender .content-variant-updown[data-v-34a8749b]{display:flex;flex-direction:column;align-items:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap[data-v-34a8749b]{display:flex;justify-content:space-between;gap:8px}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-prefix[data-v-34a8749b]{flex:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-action-list[data-v-34a8749b]{margin-left:auto}.el-x-sender .el-x-sender-footer[data-v-34a8749b]{border-top-width:1px;border-top-style:solid;border-top-color:#dcdfe6}.el-x-sender-disabled[data-v-34a8749b]{background-color:#f5f7fa;pointer-events:none}.el-x-sender-trigger-popover[data-v-34a8749b]{width:fit-content !important;margin-left:0px !important;max-width:calc(100% - 54px) !important;width:var(--el-x-sender-trigger-popover-width) !important;margin-left:var(--el-x-sender-trigger-popover-left) !important}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-32628228]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}[data-v-32628228]:root{--el-x-sender-trigger-popover-width: fit-content;--el-x-sender-trigger-popover-left: 0px}.el-x-sender[data-v-32628228]{width:100%;display:flex;flex-direction:column;position:relative;box-sizing:border-box;box-shadow:0 1px 2px 0 rgba(0,0,0,.03),0 1px 6px -1px rgba(0,0,0,.02),0 2px 4px 0 rgba(0,0,0,.02);transition:background .3s;border-radius:calc(4px*2);border-color:#dcdfe6;border-width:0;border-style:solid;transition:width 300ms}.el-x-sender[data-v-32628228]:after{content:\"\";position:absolute;inset:0;pointer-events:none;transition:border-color .3s;border-radius:inherit;border-style:inherit;border-color:inherit;border-width:1px}.el-x-sender[data-v-32628228]:focus-within{box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-color:#409eff}.el-x-sender[data-v-32628228]:focus-within::after{border-width:2px}.el-x-sender .el-x-sender-header-wrap[data-v-32628228]{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}.el-x-sender .slide-enter-active[data-v-32628228],.el-x-sender .slide-leave-active[data-v-32628228]{transition:height 300ms,opacity 300ms,border 300ms;overflow:hidden}.el-x-sender .slide-enter[data-v-32628228],.el-x-sender .slide-leave-to[data-v-32628228]{height:0;opacity:0}.el-x-sender .el-x-sender-header[data-v-32628228]{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#dcdfe6}.el-x-sender .el-x-sender-content[data-v-32628228]{display:flex;gap:8px;width:100%;padding-block:12px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.el-x-sender .el-x-sender-content .el-x-sender-prefix[data-v-32628228]{flex:none}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-32628228]{height:100%;display:flex;align-items:center;align-self:center}.el-x-sender .el-x-sender-content .el-x-sender-input[data-v-32628228] .el-textarea__inner{padding:0;margin:0;color:#303133;font-size:14px;line-height:24px;list-style:none;position:relative;display:inline-block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;min-height:auto !important;border-radius:0;border:none;flex:auto;align-self:center;vertical-align:bottom;resize:none;background-color:rgba(0,0,0,0);transition:all .3s,height 0s;box-shadow:none !important}.el-x-sender .el-x-sender-content .el-x-sender-action-list-presets[data-v-32628228]{display:flex;gap:8px;flex-direction:row-reverse}.el-x-sender .content-variant-updown[data-v-32628228]{display:flex;flex-direction:column;align-items:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap[data-v-32628228]{display:flex;justify-content:space-between;gap:8px}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-prefix[data-v-32628228]{flex:initial}.el-x-sender .content-variant-updown .el-x-sender-updown-wrap .el-x-sender-action-list[data-v-32628228]{margin-left:auto}.el-x-sender .el-x-sender-footer[data-v-32628228]{border-top-width:1px;border-top-style:solid;border-top-color:#dcdfe6}.el-x-sender-disabled[data-v-32628228]{background-color:#f5f7fa;pointer-events:none}.el-x-sender-trigger-popover[data-v-32628228]{width:fit-content !important;margin-left:0px !important;max-width:calc(100% - 54px) !important;width:var(--el-x-sender-trigger-popover-width) !important;margin-left:var(--el-x-sender-trigger-popover-left) !important}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -33332,7 +33328,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, ":root{--color-primary: #409EFF;--color-
 
 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-6fb5dcd7]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thinking[data-v-6fb5dcd7]{margin:0 auto}.trigger[data-v-6fb5dcd7]{display:flex;align-items:center;height:100%;width:var(--el-x-thinking-button-width);gap:4px;padding:8px 12px;border:1px solid #dcdfe6;border-radius:8px;background:#fff;cursor:pointer;margin-bottom:4px}.trigger .el-icon-center[data-v-6fb5dcd7]{height:100%;display:flex;align-items:center}.trigger .start-color[data-v-6fb5dcd7]{color:#e6a23c}.trigger .end-color[data-v-6fb5dcd7]{color:#67c23a}.trigger .is-loading[data-v-6fb5dcd7]{color:#409eff}.trigger .error-color[data-v-6fb5dcd7]{color:#f56c6c}.trigger[data-v-6fb5dcd7]:hover{background:#f5f7fa}.trigger.disabled[data-v-6fb5dcd7]{cursor:pointer}.trigger[data-v-6fb5dcd7]:disabled{cursor:not-allowed;opacity:.7}.status-icon[data-v-6fb5dcd7]{font-size:16px}.arrow[data-v-6fb5dcd7]{margin-left:auto;transition:transform var(--el-x-thinking-animation-duration)}.arrow.expanded[data-v-6fb5dcd7]{transform:rotate(180deg)}.slide-enter-active[data-v-6fb5dcd7],.slide-leave-active[data-v-6fb5dcd7]{height:max-content;transition:height var(--el-x-thinking-animation-duration) ease-in-out,opacity var(--el-x-thinking-animation-duration) ease-in-out;overflow:hidden}.slide-enter-from[data-v-6fb5dcd7],.slide-leave-to[data-v-6fb5dcd7]{height:0 !important;opacity:0}.content-wrapper[data-v-6fb5dcd7]{box-sizing:border-box;min-width:0}.content pre[data-v-6fb5dcd7]{border:1px solid #dcdfe6;background:var(--el-x-thinking-content-wrapper-background-color);padding:8px 12px;border-radius:8px;max-width:var(--el-x-thinking-content-wrapper-width);font-size:14px;color:var(--el-x-thinking-content-wrapper-color);white-space:pre-wrap;margin:0;line-height:24px}.error-state[data-v-6fb5dcd7]{border-color:rgb(254,240.3,240.3);background:rgb(254,240.3,240.3)}.error-message[data-v-6fb5dcd7]{color:#f56c6c;height:fit-content;padding:4px;background:rgb(254,240.3,240.3);border-radius:8px}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-673c6702]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thinking[data-v-673c6702]{margin:0 auto}.trigger[data-v-673c6702]{display:flex;align-items:center;height:100%;width:var(--el-x-thinking-button-width);gap:4px;padding:8px 12px;border:1px solid #dcdfe6;border-radius:8px;background:#fff;cursor:pointer;margin-bottom:4px}.trigger .el-icon-center[data-v-673c6702]{height:100%;display:flex;align-items:center}.trigger .start-color[data-v-673c6702]{color:#e6a23c}.trigger .end-color[data-v-673c6702]{color:#67c23a}.trigger .is-loading[data-v-673c6702]{color:#409eff}.trigger .error-color[data-v-673c6702]{color:#f56c6c}.trigger[data-v-673c6702]:hover{background:#f5f7fa}.trigger.disabled[data-v-673c6702]{cursor:pointer}.trigger[data-v-673c6702]:disabled{cursor:not-allowed;opacity:.7}.status-icon[data-v-673c6702]{font-size:16px}.thinking-arrow[data-v-673c6702]{margin-left:auto;transition:transform var(--el-x-thinking-animation-duration)}.thinking-arrow.expanded[data-v-673c6702]{transform:rotate(180deg)}.slide-enter-active[data-v-673c6702],.slide-leave-active[data-v-673c6702]{height:max-content;transition:height var(--el-x-thinking-animation-duration) ease-in-out,opacity var(--el-x-thinking-animation-duration) ease-in-out;overflow:hidden}.slide-enter-from[data-v-673c6702],.slide-leave-to[data-v-673c6702]{height:0 !important;opacity:0}.content-wrapper[data-v-673c6702]{box-sizing:border-box;min-width:0}.content pre[data-v-673c6702]{border:1px solid #dcdfe6;background:var(--el-x-thinking-content-wrapper-background-color);padding:8px 12px;border-radius:8px;max-width:var(--el-x-thinking-content-wrapper-width);font-size:14px;color:var(--el-x-thinking-content-wrapper-color);white-space:pre-wrap;margin:0;line-height:24px}.error-state[data-v-673c6702]{border-color:rgb(254,240.3,240.3);background:rgb(254,240.3,240.3)}.error-message[data-v-673c6702]{color:#f56c6c;height:fit-content;padding:4px;background:rgb(254,240.3,240.3);border-radius:8px}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -33348,7 +33344,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, "[data-v-6fb5dcd7]:root{--color-primary:
 
 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-49e41fca]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thoughtchain-item-dot[data-v-49e41fca]{display:flex;justify-content:center;align-items:center}.el-x-thoughtchain-item-dot .el-button[data-v-49e41fca]{cursor:default !important}.el-x-thoughtchain .el-collapse[data-v-49e41fca]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-49e41fca]{height:20px;font-weight:normal}.el-x-thoughtchain .el-collapse .el-collapse-item__arrow[data-v-49e41fca]{margin:0 0 0 8px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-49e41fca]{margin-bottom:5px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-49e41fca],.el-x-thoughtchain .el-collapse .el-collapse-item__wrap[data-v-49e41fca]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__content[data-v-49e41fca]{color:#909399;padding:0}.el-x-thoughtchain .el-timeline[data-v-49e41fca]{padding:10px 0 0 5px}.el-x-thoughtchain .el-timeline-item__timestamp[data-v-49e41fca]{color:#303133}.el-x-thoughtchain .el-timeline-item__content[data-v-49e41fca]{color:#909399}.el-x-thoughtchain .el-timeline-item[data-v-49e41fca]{list-style:none !important}.thought-chain-move[data-v-49e41fca],.thought-chain-enter-active[data-v-49e41fca],.thought-chain-leave-active[data-v-49e41fca]{transition:all .5s ease}.thought-chain-enter[data-v-49e41fca],.thought-chain-leave-to[data-v-49e41fca]{opacity:0;transform:translateY(10px) scaleY(0.9)}.thought-chain-leave-active[data-v-49e41fca]{position:absolute}.el-x-thoughtchain-loading[data-v-49e41fca]{animation:thoughtchain-rotating-49e41fca 1.5s linear infinite;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes thoughtchain-rotating-49e41fca{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}", ""]);
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-1362b73a]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.el-x-thoughtchain-item-dot[data-v-1362b73a]{display:flex;justify-content:center;align-items:center}.el-x-thoughtchain-item-dot .el-button[data-v-1362b73a]{cursor:default !important}.el-x-thoughtchain .el-collapse[data-v-1362b73a]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a]{height:20px;font-weight:normal}.el-x-thoughtchain .el-collapse .el-collapse-item__arrow[data-v-1362b73a]{margin:0 0 0 8px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a]{margin-bottom:5px}.el-x-thoughtchain .el-collapse .el-collapse-item__header[data-v-1362b73a],.el-x-thoughtchain .el-collapse .el-collapse-item__wrap[data-v-1362b73a]{border:none}.el-x-thoughtchain .el-collapse .el-collapse-item__content[data-v-1362b73a]{color:#909399;padding:0}.el-x-thoughtchain .el-timeline[data-v-1362b73a]{padding:10px 0 0 5px}.el-x-thoughtchain .el-timeline-item__timestamp[data-v-1362b73a]{color:#303133}.el-x-thoughtchain .el-timeline-item__content[data-v-1362b73a]{color:#909399}.el-x-thoughtchain .el-timeline-item[data-v-1362b73a]{list-style:none !important}.thought-chain-move[data-v-1362b73a],.thought-chain-enter-active[data-v-1362b73a],.thought-chain-leave-active[data-v-1362b73a]{transition:all .5s ease}.thought-chain-enter[data-v-1362b73a],.thought-chain-leave-to[data-v-1362b73a]{opacity:0;transform:translateY(10px) scaleY(0.9)}.thought-chain-leave-active[data-v-1362b73a]{position:absolute}.el-x-thoughtchain-loading[data-v-1362b73a]{animation:thoughtchain-rotating-1362b73a 1.5s linear infinite;transform-origin:center center;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes thoughtchain-rotating-1362b73a{0%{transform:rotate(0deg)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}100%{transform:rotate(360deg)}}", ""]);
 // Exports
 /* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
 
@@ -33474,7 +33470,7 @@ render._withStripped = true;
 // 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/Sender/src/main.vue?vue&type=template&id=34a8749b&scoped=true
+// 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/Sender/src/main.vue?vue&type=template&id=32628228&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -33633,7 +33629,7 @@ var render = function render() {
   }, [_c("template", {
     slot: "default"
   }, [_vm._t("trigger-popover", function () {
-    return [_vm._v("当前触发的字符为：" + _vm._s(`${_vm.triggerString}`) + " 在这里定义的内容，但注意这里的回车事件将会被\n          输入框 覆盖")];
+    return [_vm._v("\n          当前触发的字符为：" + _vm._s(`${_vm.triggerString}`) + " 在这里定义的内容，但注意这里的回车事件将会被\n          输入框 覆盖\n        ")];
   }, {
     triggerString: _vm.triggerString,
     readonly: _vm.readOnly
@@ -33642,7 +33638,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=template&id=34a8749b&scoped=true
+// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=template&id=32628228&scoped=true
 
 // 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/Sender/src/components/ClearButton.vue?vue&type=template&id=74c70621&scoped=true
 var ClearButtonvue_type_template_id_74c70621_scoped_true_render = function render() {
@@ -34522,7 +34518,7 @@ var SpeechLoadingButton_component = Object(componentNormalizer["a" /* default */
 
       if (this.hasOnRecordingChangeListener) {
         this.speechLoading = true;
-        this.$emit('recordingChange', true);
+        this.$emit('recording-change', true);
         return;
       }
 
@@ -34705,24 +34701,24 @@ var SpeechLoadingButton_component = Object(componentNormalizer["a" /* default */
 });
 // CONCATENATED MODULE: ./src/components/Sender/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/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/Sender/src/main.vue?vue&type=style&index=0&id=34a8749b&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true = __webpack_require__(92);
+// 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/Sender/src/main.vue?vue&type=style&index=0&id=32628228&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true = __webpack_require__(92);
 
-// 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/Sender/src/main.vue?vue&type=style&index=0&id=34a8749b&prod&lang=scss&scoped=true
+// 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/Sender/src/main.vue?vue&type=style&index=0&id=32628228&prod&lang=scss&scoped=true
 
             
 
-var mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true_options = {};
+var mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options = {};
 
-mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true_options.insert = "head";
-mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true_options.singleton = false;
+mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options.insert = "head";
+mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options.singleton = false;
 
-var mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true["a" /* default */], mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true_options);
+var mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true["a" /* default */], mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true_options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_34a8749b_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=style&index=0&id=34a8749b&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_32628228_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Sender/src/main.vue?vue&type=style&index=0&id=32628228&prod&lang=scss&scoped=true
 
 // CONCATENATED MODULE: ./src/components/Sender/src/main.vue
 
@@ -34739,7 +34735,7 @@ var main_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "34a8749b",
+  "32628228",
   null
   
 )
@@ -34762,7 +34758,7 @@ main.install = function (Vue) {
 // 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/Conversations/src/main.vue?vue&type=template&id=4de2d96f
+// 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/Conversations/src/main.vue?vue&type=template&id=8c14ca04
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -34796,8 +34792,8 @@ var render = function render() {
       class: {
         "active-sticky": _vm.stickyGroupKeys.has(group.key)
       }
-    }, [_vm._t("groupTitle", function () {
-      return [_vm._v(_vm._s(group.title))];
+    }, [_vm._t("group-title", function () {
+      return [_vm._v("\n                  " + _vm._s(group.title) + "\n                ")];
     }, {
       group: group
     })], 2), _vm._v(" "), _c("div", {
@@ -34945,7 +34941,10 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=template&id=4de2d96f
+// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=template&id=8c14ca04
+
+// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
+var lodash = __webpack_require__(6);
 
 // 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/Conversations/src/components/item.vue?vue&type=template&id=7f512f4a
 var itemvue_type_template_id_7f512f4a_render = function render() {
@@ -35318,9 +35317,6 @@ var component = Object(componentNormalizer["a" /* default */])(
 )
 
 /* harmony default export */ var components_item = (component.exports);
-// EXTERNAL MODULE: ./node_modules/lodash/lodash.js
-var lodash = __webpack_require__(6);
-
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Conversations/src/main.vue?vue&type=script&lang=js
 
 
@@ -35695,10 +35691,10 @@ var lodash = __webpack_require__(6);
 var injectStylesIntoStyleTag = __webpack_require__(3);
 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/Conversations/src/main.vue?vue&type=style&index=0&id=4de2d96f&prod&lang=scss
-var mainvue_type_style_index_0_id_4de2d96f_prod_lang_scss = __webpack_require__(87);
+// 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/Conversations/src/main.vue?vue&type=style&index=0&id=8c14ca04&prod&lang=scss
+var mainvue_type_style_index_0_id_8c14ca04_prod_lang_scss = __webpack_require__(87);
 
-// 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/Conversations/src/main.vue?vue&type=style&index=0&id=4de2d96f&prod&lang=scss
+// 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/Conversations/src/main.vue?vue&type=style&index=0&id=8c14ca04&prod&lang=scss
 
             
 
@@ -35707,12 +35703,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_4de2d96f_prod_lang_scss["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_8c14ca04_prod_lang_scss["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_4de2d96f_prod_lang_scss = (mainvue_type_style_index_0_id_4de2d96f_prod_lang_scss["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=4de2d96f&prod&lang=scss
+/* harmony default export */ var src_mainvue_type_style_index_0_id_8c14ca04_prod_lang_scss = (mainvue_type_style_index_0_id_8c14ca04_prod_lang_scss["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Conversations/src/main.vue?vue&type=style&index=0&id=8c14ca04&prod&lang=scss
 
 // CONCATENATED MODULE: ./src/components/Conversations/src/main.vue
 
@@ -36291,7 +36287,7 @@ main.install = function (Vue) {
 // 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=4f88f26a&scoped=true
+// 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=4c699dac&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -36312,12 +36308,10 @@ var render = function render() {
       attrs: {
         action: _vm.uploadAction,
         "http-request": _vm.customUpload,
-        "show-file-list": false
-      },
-      on: {
-        change: _vm.handleUploadChange,
-        success: _vm.handleUploadSuccess,
-        error: _vm.handleUploadError
+        "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"
@@ -36387,12 +36381,10 @@ var render = function render() {
       attrs: {
         action: _vm.uploadAction,
         "http-request": _vm.customUpload,
-        "show-file-list": false
-      },
-      on: {
-        change: _vm.handleUploadChange,
-        success: _vm.handleUploadSuccess,
-        error: _vm.handleUploadError
+        "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"
@@ -36446,7 +36438,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=template&id=4f88f26a&scoped=true
+// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=template&id=4c699dac&scoped=true
 
 // EXTERNAL MODULE: ./src/components/FilesCard/index.js + 58 modules
 var FilesCard = __webpack_require__(27);
@@ -36632,7 +36624,7 @@ var FilesCard = __webpack_require__(27);
       const {
         file
       } = options;
-      this.$emit('uploadChange', {
+      this.$emit('upload-change', {
         file
       }, [file]);
 
@@ -36645,13 +36637,13 @@ var FilesCard = __webpack_require__(27);
       return Promise.resolve();
     },
     handleUploadChange(file, fileList) {
-      this.$emit('uploadChange', file, fileList);
+      this.$emit('upload-change', file, fileList);
     },
     handleUploadSuccess(response, file, fileList) {
-      this.$emit('uploadSuccess', response, file, fileList);
+      this.$emit('upload-success', response, file, fileList);
     },
     handleUploadError(error, file, fileList) {
-      this.$emit('uploadError', error, file, fileList);
+      this.$emit('upload-error', error, file, fileList);
     },
     getTargetElement() {
       if (!this.dragTarget) return this.$refs.wrapperRef;
@@ -36802,10 +36794,10 @@ var FilesCard = __webpack_require__(27);
 var injectStylesIntoStyleTag = __webpack_require__(3);
 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/Attachments/src/main.vue?vue&type=style&index=0&id=4f88f26a&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_4f88f26a_prod_lang_scss_scoped_true = __webpack_require__(85);
+// 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=4c699dac&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_4c699dac_prod_lang_scss_scoped_true = __webpack_require__(85);
 
-// 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=4f88f26a&prod&lang=scss&scoped=true
+// 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=4c699dac&prod&lang=scss&scoped=true
 
             
 
@@ -36814,12 +36806,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_4f88f26a_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_4c699dac_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_4f88f26a_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_4f88f26a_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=4f88f26a&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_4c699dac_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_4c699dac_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=4c699dac&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
@@ -36839,7 +36831,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "4f88f26a",
+  "4c699dac",
   null
   
 )
@@ -37369,7 +37361,7 @@ main.install = function (Vue) {
 // 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/Thinking/src/main.vue?vue&type=template&id=6fb5dcd7&scoped=true
+// 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/Thinking/src/main.vue?vue&type=template&id=673c6702&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37418,7 +37410,7 @@ var render = function render() {
       name: "rotate"
     }
   }, [!_vm.disabled ? _c("span", {
-    staticClass: "arrow el-icon-center",
+    staticClass: "thinking-arrow el-icon-center",
     class: {
       expanded: _vm.isExpanded
     }
@@ -37458,7 +37450,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=6fb5dcd7&scoped=true
+// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=template&id=673c6702&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Thinking/src/main.vue?vue&type=script&lang=js
 /* harmony default export */ var mainvue_type_script_lang_js = ({
@@ -37556,10 +37548,10 @@ render._withStripped = true;
 var injectStylesIntoStyleTag = __webpack_require__(3);
 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/Thinking/src/main.vue?vue&type=style&index=0&id=6fb5dcd7&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_6fb5dcd7_prod_lang_scss_scoped_true = __webpack_require__(94);
+// 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/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true = __webpack_require__(94);
 
-// 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/Thinking/src/main.vue?vue&type=style&index=0&id=6fb5dcd7&prod&lang=scss&scoped=true
+// 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/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
 
             
 
@@ -37568,12 +37560,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_6fb5dcd7_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_6fb5dcd7_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_6fb5dcd7_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=6fb5dcd7&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_673c6702_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Thinking/src/main.vue?vue&type=style&index=0&id=673c6702&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
@@ -37593,7 +37585,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "6fb5dcd7",
+  "673c6702",
   null
   
 )
@@ -37616,7 +37608,7 @@ main.install = function (Vue) {
 // 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/ThoughtChain/src/main.vue?vue&type=template&id=49e41fca&scoped=true
+// 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/ThoughtChain/src/main.vue?vue&type=template&id=1362b73a&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -37652,7 +37644,7 @@ var render = function render() {
       }
     })], 1) : !item.isDefaultExpand ? _c("el-collapse", {
       on: {
-        change: () => _vm.handleExpand(item)
+        change: () => _vm.onExpand(item)
       }
     }, [_c("el-collapse-item", {
       attrs: {
@@ -37666,7 +37658,7 @@ var render = function render() {
       }
     })], 1)], 1) : _c("el-collapse", {
       on: {
-        change: () => _vm.handleExpand(item)
+        change: () => _vm.onExpand(item)
       },
       model: {
         value: _vm.defaultActiveNodes,
@@ -37718,7 +37710,7 @@ var render = function render() {
 var staticRenderFns = [];
 render._withStripped = true;
 
-// CONCATENATED MODULE: ./src/components/ThoughtChain/src/main.vue?vue&type=template&id=49e41fca&scoped=true
+// CONCATENATED MODULE: ./src/components/ThoughtChain/src/main.vue?vue&type=template&id=1362b73a&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/lodash/lodash.js
 var lodash = __webpack_require__(6);
@@ -37855,8 +37847,8 @@ var Typewriter = __webpack_require__(12);
     });
   },
   methods: {
-    handleExpand(item) {
-      this.$emit('handleExpand', item);
+    onExpand(item) {
+      this.$emit('handle-expand', item);
     },
     setRadialGradient(colors, ele) {
       const length = ele.length;
@@ -37914,10 +37906,10 @@ var Typewriter = __webpack_require__(12);
 var injectStylesIntoStyleTag = __webpack_require__(3);
 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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=49e41fca&prod&lang=scss&scoped=true
-var mainvue_type_style_index_0_id_49e41fca_prod_lang_scss_scoped_true = __webpack_require__(95);
+// 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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1362b73a&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_1362b73a_prod_lang_scss_scoped_true = __webpack_require__(95);
 
-// 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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=49e41fca&prod&lang=scss&scoped=true
+// 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/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1362b73a&prod&lang=scss&scoped=true
 
             
 
@@ -37926,12 +37918,12 @@ var options = {};
 options.insert = "head";
 options.singleton = false;
 
-var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_49e41fca_prod_lang_scss_scoped_true["a" /* default */], options);
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_1362b73a_prod_lang_scss_scoped_true["a" /* default */], options);
 
 
 
-/* harmony default export */ var src_mainvue_type_style_index_0_id_49e41fca_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_49e41fca_prod_lang_scss_scoped_true["a" /* default */].locals || {});
-// CONCATENATED MODULE: ./src/components/ThoughtChain/src/main.vue?vue&type=style&index=0&id=49e41fca&prod&lang=scss&scoped=true
+/* harmony default export */ var src_mainvue_type_style_index_0_id_1362b73a_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_1362b73a_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/ThoughtChain/src/main.vue?vue&type=style&index=0&id=1362b73a&prod&lang=scss&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 var componentNormalizer = __webpack_require__(0);
@@ -37951,7 +37943,7 @@ var component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "49e41fca",
+  "1362b73a",
   null
   
 )