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

package/lib/components/Conversations/index.js

@@ -17830,7 +17830,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".el-x-conversations-container{display:f
 // 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;
@@ -17864,8 +17864,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", {
@@ -18013,7 +18013,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() {
@@ -18386,9 +18389,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
 
 
@@ -18763,10 +18763,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
 
             
 
@@ -18775,12 +18775,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
 

package/lib/components/FilesCard/index.js

@@ -275,7 +275,7 @@ module.exports = function (cssWithMappingToString) {
 
 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___);
 
@@ -289,7 +289,7 @@ ___CSS_LOADER_EXPORT___.push([module.i, ".el-x-filescard[data-v-10b2c201]{width:
 // 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;
@@ -346,13 +346,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");
         }
       }
@@ -458,8 +456,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,
@@ -1698,199 +1889,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
 
 
@@ -2094,12 +2092,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
         });
       }
@@ -2127,10 +2123,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
 
             
 
@@ -2139,12 +2135,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
 
@@ -2161,7 +2157,7 @@ var main_component = Object(componentNormalizer["a" /* default */])(
   staticRenderFns,
   false,
   null,
-  "10b2c201",
+  "28b3b638",
   null
   
 )