npm - giime - Versions diffs - 0.7.11 → 0.7.13 - Mend

giime 0.7.11 → 0.7.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (66) hide show

package/es/components/src/composite/fileList2/index.d.ts CHANGED Viewed

@@ -1,5 +1,255 @@
 import FileList from './FileList.vue';
-export declare const GmFileList: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const GmFileList: import("../../../../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        fileList: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+            default: () => never[];
+        };
+        controlslist: {
+            type: StringConstructor;
+            default: string;
+        };
+        oncontextmenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fileWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileListGap: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileListStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        previewWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        openPreviewDownload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        file: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+            default: () => {};
+        };
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        field: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onClick: {
+            type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        fileList: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+            default: () => never[];
+        };
+        controlslist: {
+            type: StringConstructor;
+            default: string;
+        };
+        oncontextmenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fileWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileListGap: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileListStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        previewWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        openPreviewDownload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        file: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+            default: () => {};
+        };
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        field: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onClick: {
+            type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
+        };
+    }>>, {
+        size: number;
+        url: string;
+        file: Partial<import("element-plus").UploadFile>;
+        showIcon: boolean;
+        controls: boolean;
+        fileList: Partial<import("element-plus").UploadFile>[];
+        field: string;
+        fileWidth: string;
+        fileHeight: string;
+        fileStyle: Record<string, any>;
+        controlslist: string;
+        oncontextmenu: boolean;
+        previewWidth: string;
+        openPreviewDownload: boolean;
+        fileListGap: string;
+        fileListStyle: Record<string, any>;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        fileList: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+            default: () => never[];
+        };
+        controlslist: {
+            type: StringConstructor;
+            default: string;
+        };
+        oncontextmenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        fileWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileHeight: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileListGap: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileListStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        previewWidth: {
+            type: StringConstructor;
+            default: string;
+        };
+        openPreviewDownload: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        file: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+            default: () => {};
+        };
+        url: {
+            type: StringConstructor;
+            default: string;
+        };
+        fileStyle: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+        size: {
+            type: NumberConstructor;
+            default: number;
+        };
+        field: {
+            type: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onClick: {
+            type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
+        };
+    }>>, {}, {}, {}, {}, {
+        size: number;
+        url: string;
+        file: Partial<import("element-plus").UploadFile>;
+        showIcon: boolean;
+        controls: boolean;
+        fileList: Partial<import("element-plus").UploadFile>[];
+        field: string;
+        fileWidth: string;
+        fileHeight: string;
+        fileStyle: Record<string, any>;
+        controlslist: string;
+        oncontextmenu: boolean;
+        previewWidth: string;
+        openPreviewDownload: boolean;
+        fileListGap: string;
+        fileListStyle: Record<string, any>;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     fileList: {
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
         default: () => never[];
@@ -12,51 +262,30 @@ export declare const GmFileList: import("../../../../utils").SFCWithInstall<impo
         type: BooleanConstructor;
         default: boolean;
     };
-    width: {
+    fileWidth: {
         type: StringConstructor;
         default: string;
     };
-    file: {
-        type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
-        default: () => {};
-    };
-    url: {
+    fileHeight: {
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    field: {
+    fileListGap: {
         type: StringConstructor;
         default: string;
     };
-    controls: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    fileList: {
-        type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
-        default: () => never[];
+    fileListStyle: {
+        type: ObjectConstructor;
+        default: () => {};
     };
-    controlslist: {
+    previewWidth: {
         type: StringConstructor;
         default: string;
     };
-    oncontextmenu: {
+    openPreviewDownload: {
         type: BooleanConstructor;
         default: boolean;
     };
-    width: {
-        type: StringConstructor;
-        default: string;
-    };
     file: {
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
         default: () => {};
@@ -65,6 +294,10 @@ export declare const GmFileList: import("../../../../utils").SFCWithInstall<impo
         type: StringConstructor;
         default: string;
     };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -81,18 +314,33 @@ export declare const GmFileList: import("../../../../utils").SFCWithInstall<impo
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+    onClick: {
+        type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
+    };
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     size: number;
     url: string;
-    width: string;
     file: Partial<import("element-plus").UploadFile>;
     showIcon: boolean;
     controls: boolean;
     fileList: Partial<import("element-plus").UploadFile>[];
     field: string;
+    fileWidth: string;
+    fileHeight: string;
+    fileStyle: Record<string, any>;
     controlslist: string;
     oncontextmenu: boolean;
-}, {}>> & Record<string, any>;
+    previewWidth: string;
+    openPreviewDownload: boolean;
+    fileListGap: string;
+    fileListStyle: Record<string, any>;
+}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {
+            file: Partial<import("element-plus").UploadFile>;
+        }): any;
+    };
+})> & Record<string, any>;
 export type FileListInstance = InstanceType<typeof FileList>;
 export * from './fileList';
 export default GmFileList;

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

@@ -6,10 +6,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<UploadFile>[]>;
         default: () => never[];
     };
-    width: {
+    previewWidth: {
         type: StringConstructor;
         default: string;
     };
+    openPreviewDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     file: {
         type: import("vue").PropType<Partial<UploadFile>>;
         default: () => {};
@@ -18,6 +22,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -42,6 +58,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: import("vue").PropType<(file: Partial<UploadFile>) => void>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:dialogVisible": (dialogVisible: boolean) => void;
     "update:fileIndex": (fileIndex: number) => void;
@@ -52,10 +71,14 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<Partial<UploadFile>[]>;
         default: () => never[];
     };
-    width: {
+    previewWidth: {
         type: StringConstructor;
         default: string;
     };
+    openPreviewDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     file: {
         type: import("vue").PropType<Partial<UploadFile>>;
         default: () => {};
@@ -64,6 +87,18 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -88,19 +123,26 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: import("vue").PropType<(file: Partial<UploadFile>) => void>;
+    };
 }>> & {
     "onUpdate:dialogVisible"?: ((dialogVisible: boolean) => any) | undefined;
     "onUpdate:fileIndex"?: ((fileIndex: number) => any) | undefined;
 }, {
     size: number;
     url: string;
-    width: string;
     file: Partial<UploadFile>;
     showIcon: boolean;
     controls: boolean;
     fileList: Partial<UploadFile>[];
     field: string;
+    fileWidth: string;
+    fileHeight: string;
+    fileStyle: Record<string, any>;
     controlslist: string;
     oncontextmenu: boolean;
+    previewWidth: string;
+    openPreviewDownload: boolean;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { createElementVNode, defineComponent, mergeModels, useModel, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, createTextVNode, createElementBlock, unref, createCommentVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { createElementVNode, defineComponent, mergeModels, useModel, computed, resolveComponent, openBlock, createBlock, withCtx, createTextVNode, createCommentVNode, createElementBlock, createVNode, unref, normalizeProps, guardReactiveProps } from 'vue';
 import { ElMessage } from 'element-plus';
 import { useDownload } from '../../../../hooks/base/useDownload/index.mjs';
 import { ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue';
@@ -81,7 +81,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         modelValue: dialogVisible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dialogVisible.value = $event),
         title: "\u9884\u89C8",
-        width: _ctx.width,
+        width: _ctx.previewWidth,
         top: "10vh",
         "append-to-body": "",
         "destroy-on-close": ""
@@ -89,7 +89,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         header: withCtx(() => [
           createElementVNode("div", _hoisted_1, [
             _hoisted_2,
-            createVNode(_component_el_button, {
+            _ctx.openPreviewDownload ? (openBlock(), createBlock(_component_el_button, {
+              key: 0,
               type: "primary",
               size: "default",
               link: "",
@@ -100,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
               /* STABLE */
-            })
+            })) : createCommentVNode("v-if", true)
           ])
         ]),
         default: withCtx(() => [

package/es/components/src/composite/previewFile/PreviewFile.vue2.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreviewFile.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/previewFile/PreviewFile.vue"],"sourcesContent":["<template>\n <el-dialog v-model=\"dialogVisible\" title=\"预览\" :width=\"~~width~~\" top=\"10vh\" append-to-body destroy-on-close>\n <template #header>\n <div class=\"gm-flex gm-items-center gm-justify-between\">\n <span>预览</span>\n <el-button type=\"primary\" size=\"default\" link @click=\"download\">下载</el-button>\n </div>\n </template>\n <div class=\"gm-flex gm-select-none gm-items-center gm-justify-center gm-gap-4\">\n <div v-if=\"files.length > 1\" class=\"gm-cursor-pointer\" @click=\"prev\">\n <el-icon :size=\"40\"><ArrowLeftBold /></el-icon>\n </div>\n <div class=\"gm-flex gm-flex-1 gm-items-center gm-justify-center\" style=\"height: calc(80vh - 72px)\">\n <GmFileComponent v-bind=\"fileProps\" />\n </div>\n <div v-if=\"files.length > 1\" class=\"gm-cursor-pointer\" @click=\"next\">\n <el-icon :size=\"40\"><ArrowRightBold /></el-icon>\n </div>\n </div>\n </el-dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { ElMessage } from 'element-plus';\nimport { useDownload } from '@giime/hooks/base/useDownload';\nimport { ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue';\nimport GmFileComponent from '../fileComponent';\nimport { previewFileProps } from './previewFile';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n name: 'GmPreviewFile',\n});\n\nconst props = defineProps(previewFileProps);\nconst dialogVisible = defineModel<boolean>('dialogVisible', { default: false });\nconst fileIndex = defineModel<number>('fileIndex', { default: 0 });\n\nconst downloadMethod = useDownload();\n\nconst files = computed(() => {\n let result: Partial<UploadFile>[] = props.fileList;\n if (props.fileList && !props.fileList.length && props.file) {\n result = [props.file];\n }\n return result;\n});\n\nconst fileProps = computed(() => {\n const file = files.value[fileIndex.value];\n return {\n file,\n controls: props.controls,\n oncontextmenu: props.oncontextmenu,\n controlslist: props.controlslist,\n field: props.field,\n url: props.url,\n size: props.size,\n };\n});\n\nconst prev = () => {\n if (fileIndex.value > 0) {\n fileIndex.value--;\n return;\n }\n ElMessage.warning('已经是第一张了');\n};\n\nconst next = () => {\n if (fileIndex.value < props.fileList.length - 1) {\n fileIndex.value++;\n return;\n }\n ElMessage.warning('没有更多了！');\n};\n\nconst download = () => {\n const file = files.value[fileIndex.value];\n const url = (file[props.url as keyof UploadFile] \|\| file.url \|\| '') as string;\n downloadMethod.downloadByUrl(url, { filename: file.name });\n};\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,aAAA,GAAgBA,QAAqB,CAAA,OAAA,EAAA,eAAmC,CAAA,CAAA;AAC9E,IAAM,MAAA,SAAA,GAAYA,QAAmB,CAAA,OAAA,EAAC,WAA2B,CAAA,CAAA;AAEjE,IAAA,MAAM,iBAAiB,WAAY,EAAA,CAAA;AAEnC,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,IAAI,SAAgC,KAAM,CAAA,QAAA,CAAA;AAC1C,MAAA,IAAI,MAAM,QAAY,IAAA,CAAC,MAAM,QAAS,CAAA,MAAA,IAAU,MAAM,IAAM,EAAA;AAC1D,QAAS,MAAA,GAAA,CAAC,MAAM,IAAI,CAAA,CAAA;AAAA,OACtB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,IAAO,GAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACxC,MAAO,OAAA;AAAA,QACL,IAAA;AAAA,QACA,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,eAAe,KAAM,CAAA,aAAA;AAAA,QACrB,cAAc,KAAM,CAAA,YAAA;AAAA,QACpB,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,KAAK,KAAM,CAAA,GAAA;AAAA,QACX,MAAM,KAAM,CAAA,IAAA;AAAA,OACd,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,OAAO,MAAM;AACjB,MAAI,IAAA,SAAA,CAAU,QAAQ,CAAG,EAAA;AACvB,QAAU,SAAA,CAAA,KAAA,EAAA,CAAA;AACV,QAAA,OAAA;AAAA,OACF;AACA,MAAA,SAAA,CAAU,QAAQ,4CAAS,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,IAAI,SAAU,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AAC/C,QAAU,SAAA,CAAA,KAAA,EAAA,CAAA;AACV,QAAA,OAAA;AAAA,OACF;AACA,MAAA,SAAA,CAAU,QAAQ,sCAAQ,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,IAAO,GAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACxC,MAAA,MAAM,MAAO,IAAK,CAAA,KAAA,CAAM,GAAuB,CAAA,IAAK,KAAK,GAAO,IAAA,EAAA,CAAA;AAChE,MAAA,cAAA,CAAe,cAAc,GAAK,EAAA,EAAE,QAAU,EAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KAC3D,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"PreviewFile.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/previewFile/PreviewFile.vue"],"sourcesContent":["<template>\n <el-dialog v-model=\"dialogVisible\" title=\"预览\" :width=\"previewWidth\" top=\"10vh\" append-to-body destroy-on-close>\n <template #header>\n <div class=\"gm-flex gm-items-center gm-justify-between\">\n <span>预览</span>\n <el-button v-if=\"openPreviewDownload\" type=\"primary\" size=\"default\" link @click=\"download\">下载</el-button>\n </div>\n </template>\n <div class=\"gm-flex gm-select-none gm-items-center gm-justify-center gm-gap-4\">\n <div v-if=\"files.length > 1\" class=\"gm-cursor-pointer\" @click=\"prev\">\n <el-icon :size=\"40\"><ArrowLeftBold /></el-icon>\n </div>\n <div class=\"gm-flex gm-flex-1 gm-items-center gm-justify-center\" style=\"height: calc(80vh - 72px)\">\n <GmFileComponent v-bind=\"fileProps\" />\n </div>\n <div v-if=\"files.length > 1\" class=\"gm-cursor-pointer\" @click=\"next\">\n <el-icon :size=\"40\"><ArrowRightBold /></el-icon>\n </div>\n </div>\n </el-dialog>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { ElMessage } from 'element-plus';\nimport { useDownload } from '@giime/hooks/base/useDownload';\nimport { ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue';\nimport GmFileComponent from '../fileComponent';\nimport { previewFileProps } from './previewFile';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n name: 'GmPreviewFile',\n});\n\nconst props = defineProps(previewFileProps);\nconst dialogVisible = defineModel<boolean>('dialogVisible', { default: false });\nconst fileIndex = defineModel<number>('fileIndex', { default: 0 });\n\nconst downloadMethod = useDownload();\n\nconst files = computed(() => {\n let result: Partial<UploadFile>[] = props.fileList;\n if (props.fileList && !props.fileList.length && props.file) {\n result = [props.file];\n }\n return result;\n});\n\nconst fileProps = computed(() => {\n const file = files.value[fileIndex.value];\n return {\n file,\n controls: props.controls,\n oncontextmenu: props.oncontextmenu,\n controlslist: props.controlslist,\n field: props.field,\n url: props.url,\n size: props.size,\n };\n});\n\nconst prev = () => {\n if (fileIndex.value > 0) {\n fileIndex.value--;\n return;\n }\n ElMessage.warning('已经是第一张了');\n};\n\nconst next = () => {\n if (fileIndex.value < props.fileList.length - 1) {\n fileIndex.value++;\n return;\n }\n ElMessage.warning('没有更多了！');\n};\n\nconst download = () => {\n const file = files.value[fileIndex.value];\n const url = (file[props.url as keyof UploadFile] \|\| file.url \|\| '') as string;\n downloadMethod.downloadByUrl(url, { filename: file.name });\n};\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,aAAA,GAAgBA,QAAqB,CAAA,OAAA,EAAA,eAAmC,CAAA,CAAA;AAC9E,IAAM,MAAA,SAAA,GAAYA,QAAmB,CAAA,OAAA,EAAC,WAA2B,CAAA,CAAA;AAEjE,IAAA,MAAM,iBAAiB,WAAY,EAAA,CAAA;AAEnC,IAAM,MAAA,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,IAAI,SAAgC,KAAM,CAAA,QAAA,CAAA;AAC1C,MAAA,IAAI,MAAM,QAAY,IAAA,CAAC,MAAM,QAAS,CAAA,MAAA,IAAU,MAAM,IAAM,EAAA;AAC1D,QAAS,MAAA,GAAA,CAAC,MAAM,IAAI,CAAA,CAAA;AAAA,OACtB;AACA,MAAO,OAAA,MAAA,CAAA;AAAA,KACR,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAY,SAAS,MAAM;AAC/B,MAAA,MAAM,IAAO,GAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACxC,MAAO,OAAA;AAAA,QACL,IAAA;AAAA,QACA,UAAU,KAAM,CAAA,QAAA;AAAA,QAChB,eAAe,KAAM,CAAA,aAAA;AAAA,QACrB,cAAc,KAAM,CAAA,YAAA;AAAA,QACpB,OAAO,KAAM,CAAA,KAAA;AAAA,QACb,KAAK,KAAM,CAAA,GAAA;AAAA,QACX,MAAM,KAAM,CAAA,IAAA;AAAA,OACd,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAA,MAAM,OAAO,MAAM;AACjB,MAAI,IAAA,SAAA,CAAU,QAAQ,CAAG,EAAA;AACvB,QAAU,SAAA,CAAA,KAAA,EAAA,CAAA;AACV,QAAA,OAAA;AAAA,OACF;AACA,MAAA,SAAA,CAAU,QAAQ,4CAAS,CAAA,CAAA;AAAA,KAC7B,CAAA;AAEA,IAAA,MAAM,OAAO,MAAM;AACjB,MAAA,IAAI,SAAU,CAAA,KAAA,GAAQ,KAAM,CAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AAC/C,QAAU,SAAA,CAAA,KAAA,EAAA,CAAA;AACV,QAAA,OAAA;AAAA,OACF;AACA,MAAA,SAAA,CAAU,QAAQ,sCAAQ,CAAA,CAAA;AAAA,KAC5B,CAAA;AAEA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,MAAM,IAAO,GAAA,KAAA,CAAM,KAAM,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACxC,MAAA,MAAM,MAAO,IAAK,CAAA,KAAA,CAAM,GAAuB,CAAA,IAAK,KAAK,GAAO,IAAA,EAAA,CAAA;AAChE,MAAA,cAAA,CAAe,cAAc,GAAK,EAAA,EAAE,QAAU,EAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KAC3D,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/previewFile/index.d.ts CHANGED Viewed

@@ -6,10 +6,14 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
         default: () => never[];
     };
-    width: {
+    previewWidth: {
         type: StringConstructor;
         default: string;
     };
+    openPreviewDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     file: {
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
         default: () => {};
@@ -18,6 +22,18 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -42,6 +58,9 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:dialogVisible": (dialogVisible: boolean) => void;
     "update:fileIndex": (fileIndex: number) => void;
@@ -52,10 +71,14 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
         default: () => never[];
     };
-    width: {
+    previewWidth: {
         type: StringConstructor;
         default: string;
     };
+    openPreviewDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     file: {
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
         default: () => {};
@@ -64,6 +87,18 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -88,20 +123,27 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: import("vue").PropType<(file: Partial<import("element-plus").UploadFile>) => void>;
+    };
 }>> & {
     "onUpdate:dialogVisible"?: ((dialogVisible: boolean) => any) | undefined;
     "onUpdate:fileIndex"?: ((fileIndex: number) => any) | undefined;
 }, {
     size: number;
     url: string;
-    width: string;
     file: Partial<import("element-plus").UploadFile>;
     showIcon: boolean;
     controls: boolean;
     fileList: Partial<import("element-plus").UploadFile>[];
     field: string;
+    fileWidth: string;
+    fileHeight: string;
+    fileStyle: Record<string, any>;
     controlslist: string;
     oncontextmenu: boolean;
+    previewWidth: string;
+    openPreviewDownload: boolean;
 }, {}>> & Record<string, any>;
 export type PreviewFileInstance = InstanceType<typeof PreviewFile>;
 export * from './previewFile';

package/es/components/src/composite/previewFile/previewFile.d.ts CHANGED Viewed

@@ -7,10 +7,15 @@ export declare const previewFileProps: {
         default: () => never[];
     };
     /** 弹层宽度 */
-    width: {
+    previewWidth: {
         type: StringConstructor;
         default: string;
     };
+    /** 允许下载按钮 */
+    openPreviewDownload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     file: {
         type: PropType<Partial<UploadFile>>;
         default: () => {};
@@ -19,6 +24,18 @@ export declare const previewFileProps: {
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -43,4 +60,7 @@ export declare const previewFileProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: PropType<(file: Partial<UploadFile>) => void>;
+    };
 };

package/es/components/src/composite/previewFile/previewFile.mjs CHANGED Viewed

@@ -9,9 +9,14 @@ const previewFileProps = {
     default: () => []
   },
   /** 弹层宽度 */
-  width: {
+  previewWidth: {
     type: String,
     default: "1000px"
+  },
+  /** 允许下载按钮 */
+  openPreviewDownload: {
+    type: Boolean,
+    default: true
   }
 };