giime 0.6.21 → 0.6.22

package/dist/index.css

@@ -1,137 +1,3 @@
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
-}
-.gm-upload-preview-dialog[data-v-9390650b] [data-v-9390650b] .el-dialog__body {
-  padding: 0;
-}
-
-.gm-upload-file-picture-card[data-v-9390650b] [data-v-9390650b] .el-upload-list__item, .gm-upload-file-picture-card[data-v-9390650b] [data-v-9390650b] .el-upload--picture-card {
-  width: auto;
-  height: auto;
-}
-.gm-upload-file {
-  line-height: normal;
-}
-.gm-upload-file .el-checkbox {
-  position: absolute;
-  left: 10px;
-  top: 0;
-  z-index: 9;
-}
-.gm-upload-file .el-upload-list__item-file-name {
-  line-height: normal;
-}
-.gm-upload-file .el-upload-dragger {
-  padding: 0;
-  border: none;
-  width: 100%;
-  height: 100%;
-  display: flex;
-}
-.gm-upload-file .el-upload--picture-card {
-  border: none;
-}
-
-.gm-upload-file-disabled .el-upload--picture-card {
-  display: none;
-}
-.gm-upload-file-disabled .el-upload-list__item-status-label {
-  display: none;
-}
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
-}
-
-.path[data-v-d7b04fae] {
-  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-d7b04fae {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
-
-.gm-range-number .el-form-item[data-v-1ae16d96] {
-  margin: 0;
-}
-
-[data-v-488ca110] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
-  height: 0;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
-  height: 0;
-}
-
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
-}
-
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
-}
-
-.gm-number-interval-single[data-v-4e6f4d6f] {
-  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
-  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
-  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
-}
-.gm-number-interval-single[data-v-4e6f4d6f] [data-v-4e6f4d6f] .el-input__wrapper {
-  box-shadow: none;
-  background: none;
-}
-
-.gm-number-interval-close[data-v-4e6f4d6f] {
-  display: none;
-  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
-}
-
-.gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
-  display: flex;
-}
 /*
 ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
 *//*
@@ -937,4 +803,137 @@ video {
 }
 .gm-group:hover .group-hover\:gm-block {
   display: block;
-}
+}
+
+.gm-range-number .el-form-item[data-v-1ae16d96] {
+  margin: 0;
+}
+
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
+}
+
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
+}
+.gm-number-interval-single[data-v-4e6f4d6f] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-4e6f4d6f] [data-v-4e6f4d6f] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-4e6f4d6f] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
+  display: flex;
+}
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
+}
+
+.path[data-v-d7b04fae] {
+  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash-d7b04fae {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
+  height: 0;
+}
+
+[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
+}
+.gm-upload-preview-dialog[data-v-921404ff] [data-v-921404ff] .el-dialog__body {
+  padding: 0;
+}
+
+.gm-upload-file-picture-card[data-v-921404ff] [data-v-921404ff] .el-upload-list__item, .gm-upload-file-picture-card[data-v-921404ff] [data-v-921404ff] .el-upload--picture-card {
+  width: auto;
+  height: auto;
+}
+[data-v-488ca110] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
+}
+.gm-upload-file {
+  line-height: normal;
+}
+.gm-upload-file .el-checkbox {
+  position: absolute;
+  left: 10px;
+  top: 0;
+  z-index: 9;
+}
+.gm-upload-file .el-upload-list__item-file-name {
+  line-height: normal;
+}
+.gm-upload-file .el-upload-dragger {
+  padding: 0;
+  border: none;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+.gm-upload-file .el-upload--picture-card {
+  border: none;
+}
+
+.gm-upload-file-disabled .el-upload--picture-card {
+  display: none;
+}
+.gm-upload-file-disabled .el-upload-list__item-status-label {
+  display: none;
+}
+
+.pagination-container[data-v-47d35e7b] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-47d35e7b] {
+  display: none;
+}

package/es/components/src/business/uploadMaterial/UploadMaterial.vue.d.ts

@@ -106,6 +106,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
         (): (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
         new (): any;
@@ -334,6 +338,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
         (): (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
         new (): any;
@@ -466,6 +474,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     file: Partial<UploadFile>;
     onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
     onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
+    showIcon: boolean;
     controls: boolean;
     beforeUpload: (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
     onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void;

package/es/components/src/business/uploadMaterial/index.d.ts

@@ -107,6 +107,10 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
             type: BooleanConstructor;
             default: boolean;
         };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         beforeUpload: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | {
             (): (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
             new (): any;
@@ -343,6 +347,10 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
             type: BooleanConstructor;
             default: boolean;
         };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         beforeUpload: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | {
             (): (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
             new (): any;
@@ -475,6 +483,7 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
         file: Partial<import("element-plus").UploadFile>;
         onError: (error: Error, uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
         onChange: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        showIcon: boolean;
         controls: boolean;
         beforeUpload: (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
         onRemove: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
@@ -615,6 +624,10 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
             type: BooleanConstructor;
             default: boolean;
         };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         beforeUpload: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | {
             (): (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
             new (): any;
@@ -753,6 +766,7 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
         file: Partial<import("element-plus").UploadFile>;
         onError: (error: Error, uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
         onChange: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        showIcon: boolean;
         controls: boolean;
         beforeUpload: (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
         onRemove: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
@@ -890,6 +904,10 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     beforeUpload: import("element-plus/es/utils/index.js").EpPropFinalized<(new (...args: any[]) => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>) | {
         (): (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
         new (): any;
@@ -1036,6 +1054,7 @@ export declare const GmUploadMaterial: import("../../../../utils").SFCWithInstal
     file: Partial<import("element-plus").UploadFile>;
     onError: (error: Error, uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
     onChange: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+    showIcon: boolean;
     controls: boolean;
     beforeUpload: (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils/typescript.js").Awaitable<boolean | void | Blob | File | null | undefined>;
     onRemove: (uploadFile: import("element-plus").UploadFile, uploadFiles: import("element-plus").UploadFiles) => void;

package/es/components/src/business/uploadMaterial/uploadMaterial.d.ts

@@ -112,6 +112,10 @@ export declare const uploadMaterialProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
         (): (rawFile: import("element-plus").UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
         new (): any;

package/es/components/src/composite/fileComponent/FileComponent.vue.d.ts

@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     file: {
         type: import("vue").PropType<Partial<UploadFile>>;
@@ -57,10 +61,15 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: number;
     url: string;
     file: Partial<UploadFile>;
+    showIcon: boolean;
     controls: boolean;
     field: keyof UploadFile;
     controlslist: string;

package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs

@@ -1,10 +1,11 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, unref, createBlock, normalizeStyle } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, unref, Fragment, createBlock, normalizeStyle } from 'vue';
 import { isPDF, isWord, isExcel, isText, isPPT, isZip, isPSD, isImageUrl, isVideoUrl } from '../../../../utils/src/is.mjs';
 import { fileComponentProps } from './fileComponent.mjs';
 
 const _hoisted_1 = { class: "gm-flex gm-h-full gm-items-center gm-justify-center" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = ["src", "controls", "controlslist", "oncontextmenu"];
+const _hoisted_4 = ["src"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GmFileComponent"
@@ -25,6 +26,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const verifyFile = computed(() => {
       return props.file[props.field];
     });
+    const showIframe = computed(() => {
+      const arr = ["pdf", "txt"];
+      const suffix = verifyFile.value.split(".").pop();
+      return arr.includes(suffix);
+    });
     const iconList = {
       excel: "https://sucai.giikin.cn/workflow/material-refer-1739947054012-1213-335.svg",
       pdf: "https://sucai.giikin.cn/workflow/material-refer-1739947288698-5462-586.svg",
@@ -72,11 +78,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           controlslist: _ctx.controlslist,
           oncontextmenu: () => _ctx.oncontextmenu,
           style: { "width": "100%", "height": "100%" }
-        }, null, 8, _hoisted_3)) : (openBlock(), createBlock(_component_el_image, {
-          key: 2,
-          style: normalizeStyle(iconStyle.value),
-          src: iconURL.value
-        }, null, 8, ["style", "src"]))
+        }, null, 8, _hoisted_3)) : (openBlock(), createElementBlock(
+          Fragment,
+          { key: 2 },
+          [
+            _ctx.showIcon || !showIframe.value ? (openBlock(), createBlock(_component_el_image, {
+              key: 0,
+              style: normalizeStyle(iconStyle.value),
+              src: iconURL.value
+            }, null, 8, ["style", "src"])) : (openBlock(), createElementBlock("iframe", {
+              key: 1,
+              src: fileURL.value,
+              width: "850px",
+              height: "100%",
+              frameborder: "0"
+            }, null, 8, _hoisted_4))
+          ],
+          64
+          /* STABLE_FRAGMENT */
+        ))
       ]);
     };
   }

package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileComponent.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/fileComponent/FileComponent.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-h-full gm-items-center gm-justify-center\">\n    <img v-if=\"isImageUrl(verifyFile)\" :src=\"fileURL\" fit=\"contain\" style=\"max-width: 100%; max-height: 100%\" />\n    <video\n      v-else-if=\"isVideoUrl(verifyFile)\"\n      :src=\"fileURL\"\n      :controls=\"controls\"\n      :controlslist=\"controlslist\"\n      :oncontextmenu=\"() => oncontextmenu\"\n      style=\"width: 100%; height: 100%\"\n    />\n    <el-image v-else :style=\"iconStyle\" :src=\"iconURL\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { isExcel, isImageUrl, isPDF, isPPT, isPSD, isText, isVideoUrl, isWord, isZip } from '@giime/utils/src/is';\nimport { fileComponentProps } from './fileComponent';\n// import PDF from './assets/image/pdf.svg';\n// import WORD from './assets/image/word.svg';\n// import EXCEL from './assets/image/excel.svg';\n// import PPT from './assets/image/ppt.svg';\n// import PSD from './assets/image/psd.svg';\n// import TEXT from './assets/image/text.svg';\n// import ZIP from './assets/image/zip.svg';\n// import UNKNOWN from './assets/image/unknown.svg';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n  name: 'GmFileComponent',\n});\n\nconst props = defineProps(fileComponentProps);\n\nconst iconStyle = computed(() => {\n  return {\n    width: `${props.size}px`,\n    height: `${props.size}px`,\n  };\n});\n\nconst fileURL = computed(() => {\n  return props.file[props.url as keyof UploadFile] as string;\n});\n\nconst verifyFile = computed(() => {\n  return props.file[props.field as keyof UploadFile] as string;\n});\n\nconst iconList = {\n  excel: 'https://sucai.giikin.cn/workflow/material-refer-1739947054012-1213-335.svg',\n  pdf: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5462-586.svg',\n  word: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1540-625.svg',\n  txt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1700-90.svg',\n  zip: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2639-507.svg',\n  psd: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5026-760.svg',\n  ppt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2867-970.svg',\n  unknown: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1448-736.svg',\n};\n\nconst iconURL = computed(() => {\n  const verifyFile = props.file[props.field as keyof UploadFile] as string;\n  let result: any = null;\n  if (isPDF(verifyFile)) {\n    result = iconList.pdf;\n  } else if (isWord(verifyFile)) {\n    result = iconList.word;\n  } else if (isExcel(verifyFile)) {\n    result = iconList.excel;\n  } else if (isText(verifyFile)) {\n    result = iconList.txt;\n  } else if (isPPT(verifyFile)) {\n    result = iconList.ppt;\n  } else if (isZip(verifyFile)) {\n    result = iconList.zip;\n  } else if (isPSD(verifyFile)) {\n    result = iconList.psd;\n  } else {\n    result = iconList.unknown;\n  }\n  return result;\n});\n</script>\n"],"names":["verifyFile"],"mappings":";;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA;AAAA,QACpB,MAAA,EAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA;AAAA,OACvB,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,GAAuB,CAAA,CAAA;AAAA,KAChD,CAAA,CAAA;AAED,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,KAAyB,CAAA,CAAA;AAAA,KAClD,CAAA,CAAA;AAED,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,KAAO,EAAA,4EAAA;AAAA,MACP,GAAK,EAAA,4EAAA;AAAA,MACL,IAAM,EAAA,4EAAA;AAAA,MACN,GAAK,EAAA,2EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,OAAS,EAAA,4EAAA;AAAA,KACX,CAAA;AAEA,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAA,MAAMA,WAAa,GAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,KAAyB,CAAA,CAAA;AAC7D,MAAA,IAAI,MAAc,GAAA,IAAA,CAAA;AAClB,MAAI,IAAA,KAAA,CAAMA,WAAU,CAAG,EAAA;AACrB,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,MAAOA,CAAAA,WAAU,CAAG,EAAA;AAC7B,QAAA,MAAA,GAAS,QAAS,CAAA,IAAA,CAAA;AAAA,OACpB,MAAA,IAAW,OAAQA,CAAAA,WAAU,CAAG,EAAA;AAC9B,QAAA,MAAA,GAAS,QAAS,CAAA,KAAA,CAAA;AAAA,OACpB,MAAA,IAAW,MAAOA,CAAAA,WAAU,CAAG,EAAA;AAC7B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,KAAMA,CAAAA,WAAU,CAAG,EAAA;AAC5B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,KAAMA,CAAAA,WAAU,CAAG,EAAA;AAC5B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,KAAMA,CAAAA,WAAU,CAAG,EAAA;AAC5B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACb,MAAA;AACL,QAAA,MAAA,GAAS,QAAS,CAAA,OAAA,CAAA;AAAA,OACpB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileComponent.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/fileComponent/FileComponent.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-h-full gm-items-center gm-justify-center\">\n    <img v-if=\"isImageUrl(verifyFile)\" :src=\"fileURL\" fit=\"contain\" style=\"max-width: 100%; max-height: 100%\" />\n    <video\n      v-else-if=\"isVideoUrl(verifyFile)\"\n      :src=\"fileURL\"\n      :controls=\"controls\"\n      :controlslist=\"controlslist\"\n      :oncontextmenu=\"() => oncontextmenu\"\n      style=\"width: 100%; height: 100%\"\n    />\n    <template v-else>\n      <el-image v-if=\"showIcon || !showIframe\" :style=\"iconStyle\" :src=\"iconURL\" />\n      <iframe v-else :src=\"fileURL\" width=\"850px\" height=\"100%\" frameborder=\"0\" />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { isExcel, isImageUrl, isPDF, isPPT, isPSD, isText, isVideoUrl, isWord, isZip } from '@giime/utils/src/is';\nimport { fileComponentProps } from './fileComponent';\n// import PDF from './assets/image/pdf.svg';\n// import WORD from './assets/image/word.svg';\n// import EXCEL from './assets/image/excel.svg';\n// import PPT from './assets/image/ppt.svg';\n// import PSD from './assets/image/psd.svg';\n// import TEXT from './assets/image/text.svg';\n// import ZIP from './assets/image/zip.svg';\n// import UNKNOWN from './assets/image/unknown.svg';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n  name: 'GmFileComponent',\n});\n\nconst props = defineProps(fileComponentProps);\n\nconst iconStyle = computed(() => {\n  return {\n    width: `${props.size}px`,\n    height: `${props.size}px`,\n  };\n});\n\n/** 文件链接地址 */\nconst fileURL = computed(() => {\n  return props.file[props.url as keyof UploadFile] as string;\n});\n\n/** 验证文件类型的字段 */\nconst verifyFile = computed(() => {\n  return props.file[props.field as keyof UploadFile] as string;\n});\n\n/** 显示iframe */\nconst showIframe = computed(() => {\n  const arr = ['pdf', 'txt'];\n  const suffix = verifyFile.value.split('.').pop();\n\n  return arr.includes(suffix as string);\n});\n\n/** 图标 */\nconst iconList = {\n  excel: 'https://sucai.giikin.cn/workflow/material-refer-1739947054012-1213-335.svg',\n  pdf: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5462-586.svg',\n  word: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1540-625.svg',\n  txt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1700-90.svg',\n  zip: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2639-507.svg',\n  psd: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5026-760.svg',\n  ppt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2867-970.svg',\n  unknown: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1448-736.svg',\n};\n\nconst iconURL = computed<string>(() => {\n  const verifyFile = props.file[props.field as keyof UploadFile] as string;\n  let result: any = null;\n  if (isPDF(verifyFile)) {\n    result = iconList.pdf;\n  } else if (isWord(verifyFile)) {\n    result = iconList.word;\n  } else if (isExcel(verifyFile)) {\n    result = iconList.excel;\n  } else if (isText(verifyFile)) {\n    result = iconList.txt;\n  } else if (isPPT(verifyFile)) {\n    result = iconList.ppt;\n  } else if (isZip(verifyFile)) {\n    result = iconList.zip;\n  } else if (isPSD(verifyFile)) {\n    result = iconList.psd;\n  } else {\n    result = iconList.unknown;\n  }\n  return result;\n});\n</script>\n"],"names":["verifyFile"],"mappings":";;;;;;;;;;;;;;;AAoCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA;AAAA,QACpB,MAAA,EAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA;AAAA,OACvB,CAAA;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,OAAA,GAAU,SAAS,MAAM;AAC7B,MAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,GAAuB,CAAA,CAAA;AAAA,KAChD,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,KAAyB,CAAA,CAAA;AAAA,KAClD,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAa,SAAS,MAAM;AAChC,MAAM,MAAA,GAAA,GAAM,CAAC,KAAA,EAAO,KAAK,CAAA,CAAA;AACzB,MAAA,MAAM,SAAS,UAAW,CAAA,KAAA,CAAM,KAAM,CAAA,GAAG,EAAE,GAAI,EAAA,CAAA;AAE/C,MAAO,OAAA,GAAA,CAAI,SAAS,MAAgB,CAAA,CAAA;AAAA,KACrC,CAAA,CAAA;AAGD,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,KAAO,EAAA,4EAAA;AAAA,MACP,GAAK,EAAA,4EAAA;AAAA,MACL,IAAM,EAAA,4EAAA;AAAA,MACN,GAAK,EAAA,2EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,OAAS,EAAA,4EAAA;AAAA,KACX,CAAA;AAEA,IAAM,MAAA,OAAA,GAAU,SAAiB,MAAM;AACrC,MAAA,MAAMA,WAAa,GAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,KAAyB,CAAA,CAAA;AAC7D,MAAA,IAAI,MAAc,GAAA,IAAA,CAAA;AAClB,MAAI,IAAA,KAAA,CAAMA,WAAU,CAAG,EAAA;AACrB,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,MAAOA,CAAAA,WAAU,CAAG,EAAA;AAC7B,QAAA,MAAA,GAAS,QAAS,CAAA,IAAA,CAAA;AAAA,OACpB,MAAA,IAAW,OAAQA,CAAAA,WAAU,CAAG,EAAA;AAC9B,QAAA,MAAA,GAAS,QAAS,CAAA,KAAA,CAAA;AAAA,OACpB,MAAA,IAAW,MAAOA,CAAAA,WAAU,CAAG,EAAA;AAC7B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,KAAMA,CAAAA,WAAU,CAAG,EAAA;AAC5B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,KAAMA,CAAAA,WAAU,CAAG,EAAA;AAC5B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACpB,MAAA,IAAW,KAAMA,CAAAA,WAAU,CAAG,EAAA;AAC5B,QAAA,MAAA,GAAS,QAAS,CAAA,GAAA,CAAA;AAAA,OACb,MAAA;AACL,QAAA,MAAA,GAAS,QAAS,CAAA,OAAA,CAAA;AAAA,OACpB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/fileComponent/fileComponent.d.ts

@@ -38,4 +38,9 @@ export declare const fileComponentProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 是否显示icon */
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 };

package/es/components/src/composite/fileComponent/fileComponent.mjs

@@ -33,6 +33,11 @@ const fileComponentProps = {
   oncontextmenu: {
     type: Boolean,
     default: true
+  },
+  /** 是否显示icon */
+  showIcon: {
+    type: Boolean,
+    default: false
   }
 };
 

package/es/components/src/composite/fileComponent/fileComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fileComponent.mjs","sources":["../../../../../../../packages/components/src/composite/fileComponent/fileComponent.ts"],"sourcesContent":["import { type PropType } from 'vue';\nimport { type UploadFile } from 'element-plus';\n\n/** 视频控制器 */\nexport type Controls = 'nodownload' | 'nofullscreen' | 'noremoteplayback' | 'noplaybackrate';\n\nexport const fileComponentProps = {\n  /** 文件 */\n  file: {\n    type: Object as PropType<Partial<UploadFile>>,\n    default: () => ({}),\n  },\n  /** 文件链接字段 */\n  url: {\n    type: String,\n    default: 'url',\n  },\n  /** 图标大小 */\n  size: {\n    type: Number,\n    default: 80,\n  },\n  /** 文件类型判断字段 */\n  field: {\n    type: String as PropType<keyof UploadFile>,\n    default: 'name',\n  },\n  /** 视频是否显示操作按钮 */\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  /** 视频控制器选项 */\n  controlslist: {\n    type: String,\n    default: '',\n  },\n  /** 视频是否显示右键菜单 */\n  oncontextmenu: {\n    type: Boolean,\n    default: true,\n  },\n};\n"],"names":[],"mappings":"AAMO,MAAM,kBAAqB,GAAA;AAAA;AAAA,EAEhC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AACF;;;;"}
+{"version":3,"file":"fileComponent.mjs","sources":["../../../../../../../packages/components/src/composite/fileComponent/fileComponent.ts"],"sourcesContent":["import { type PropType } from 'vue';\nimport { type UploadFile } from 'element-plus';\n\n/** 视频控制器 */\nexport type Controls = 'nodownload' | 'nofullscreen' | 'noremoteplayback' | 'noplaybackrate';\n\nexport const fileComponentProps = {\n  /** 文件 */\n  file: {\n    type: Object as PropType<Partial<UploadFile>>,\n    default: () => ({}),\n  },\n  /** 文件链接字段 */\n  url: {\n    type: String,\n    default: 'url',\n  },\n  /** 图标大小 */\n  size: {\n    type: Number,\n    default: 80,\n  },\n  /** 文件类型判断字段 */\n  field: {\n    type: String as PropType<keyof UploadFile>,\n    default: 'name',\n  },\n  /** 视频是否显示操作按钮 */\n  controls: {\n    type: Boolean,\n    default: true,\n  },\n  /** 视频控制器选项 */\n  controlslist: {\n    type: String,\n    default: '',\n  },\n  /** 视频是否显示右键菜单 */\n  oncontextmenu: {\n    type: Boolean,\n    default: true,\n  },\n  /** 是否显示icon */\n  showIcon: {\n    type: Boolean,\n    default: false,\n  },\n};\n"],"names":[],"mappings":"AAMO,MAAM,kBAAqB,GAAA;AAAA;AAAA,EAEhC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}

package/es/components/src/composite/fileComponent/index.d.ts

@@ -28,6 +28,10 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     file: {
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
@@ -57,10 +61,15 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     size: number;
     url: string;
     file: Partial<import("element-plus").UploadFile>;
+    showIcon: boolean;
     controls: boolean;
     field: keyof import("element-plus").UploadFile;
     controlslist: string;

package/es/components/src/composite/previewFile/PreviewFile.vue.d.ts

@@ -38,6 +38,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:dialogVisible": (dialogVisible: boolean) => void;
     "update:fileIndex": (fileIndex: number) => void;
@@ -80,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:dialogVisible"?: ((dialogVisible: boolean) => any) | undefined;
     "onUpdate:fileIndex"?: ((fileIndex: number) => any) | undefined;
@@ -88,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
     width: string;
     url: string;
     file: Partial<UploadFile>;
+    showIcon: boolean;
     controls: boolean;
     fileList: Partial<UploadFile>[];
     field: keyof UploadFile;

package/es/components/src/composite/previewFile/PreviewFile.vue2.mjs

@@ -1,11 +1,20 @@
-import { defineComponent, mergeModels, useModel, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, createVNode, unref, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { createElementVNode, defineComponent, mergeModels, useModel, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, createElementBlock, unref, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
 import { ElMessage } from 'element-plus';
+import { downloadFile } from '../../../../utils/src/file.mjs';
 import { ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue';
 import { GmFileComponent } from '../fileComponent/index.mjs';
 import { previewFileProps } from './previewFile.mjs';
 
-const _hoisted_1 = { class: "gm-flex gm-select-none gm-items-center gm-justify-center gm-gap-4" };
-const _hoisted_2 = {
+const _hoisted_1 = { class: "gm-flex gm-items-center gm-justify-between" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode(
+  "span",
+  null,
+  "\u9884\u89C8",
+  -1
+  /* HOISTED */
+);
+const _hoisted_3 = { class: "gm-flex gm-select-none gm-items-center gm-justify-center gm-gap-4" };
+const _hoisted_4 = {
   class: "gm-flex gm-flex-1 gm-items-center gm-justify-center",
   style: { "height": "calc(100vh - 240px)" }
 };
@@ -58,7 +67,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }
       ElMessage.warning("\u6CA1\u6709\u66F4\u591A\u4E86\uFF01");
     };
+    const download = () => {
+      const file = files.value[fileIndex.value];
+      downloadFile(file.url || "", file.name);
+    };
     return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
       const _component_el_icon = resolveComponent("el-icon");
       const _component_el_dialog = resolveComponent("el-dialog");
       return openBlock(), createBlock(_component_el_dialog, {
@@ -70,8 +84,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "append-to-body": "",
         "destroy-on-close": ""
       }, {
-        default: withCtx(() => [
+        header: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
+            _hoisted_2,
+            createVNode(_component_el_button, {
+              type: "primary",
+              size: "default",
+              link: "",
+              onClick: download
+            }, {
+              default: withCtx(() => [
+                createTextVNode("\u4E0B\u8F7D")
+              ]),
+              _: 1
+              /* STABLE */
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
             files.value.length > 1 ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "gm-cursor-pointer",
@@ -85,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 /* STABLE */
               })
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_2, [
+            createElementVNode("div", _hoisted_4, [
               createVNode(
                 unref(GmFileComponent),
                 normalizeProps(guardReactiveProps(fileProps.value)),