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

giime 0.7.11 → 0.7.12

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/lib/components/src/composite/fileList2/fileList.d.ts CHANGED Viewed

@@ -16,10 +16,30 @@ export declare const fileProProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    width: {
+    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: PropType<Partial<UploadFile>>;
         default: () => {};
@@ -28,6 +48,10 @@ export declare const fileProProps: {
         type: StringConstructor;
         default: string;
     };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;

package/lib/components/src/composite/fileList2/fileList.js CHANGED Viewed

@@ -19,6 +19,22 @@ const fileProProps = {
   oncontextmenu: {
     type: Boolean,
     default: false
+  },
+  fileWidth: {
+    type: String,
+    default: "120px"
+  },
+  fileHeight: {
+    type: String,
+    default: "120px"
+  },
+  fileListGap: {
+    type: String,
+    default: "10px"
+  },
+  fileListStyle: {
+    type: Object,
+    default: () => ({})
   }
 };

package/lib/components/src/composite/fileList2/fileList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fileList.js","sources":["../../../../../../../packages/components/src/composite/fileList2/fileList.ts"],"sourcesContent":["import { previewFileProps } from '../previewFile';\nimport type { PropType } from 'vue';\nimport type { UploadFile } from 'element-plus';\n\nexport const fileProProps = {\n ...previewFileProps,\n /** 文件列表 /\n fileList: {\n type: Array as PropType<Partial<UploadFile>[]>,\n default: () => [],\n },\n /* 视频控制器选项 /\n controlslist: {\n type: String,\n default: 'nodownload',\n },\n /* 视频是否显示右键菜单 */\n oncontextmenu: {\n type: Boolean,\n default: false,\n },\n};\n"],"names":["previewFileProps"],"mappings":";;;;;AAIO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAGA,4BAAA;AAAA;AAAA,EAEH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AACF;;;;"}
1	+ {"version":3,"file":"fileList.js","sources":["../../../../../../../packages/components/src/composite/fileList2/fileList.ts"],"sourcesContent":["import { previewFileProps } from '../previewFile';\nimport type { PropType } from 'vue';\nimport type { UploadFile } from 'element-plus';\n\nexport const fileProProps = {\n ...previewFileProps,\n /** 文件列表 /\n fileList: {\n type: Array as PropType<Partial<UploadFile>[]>,\n default: () => [],\n },\n /* 视频控制器选项 /\n controlslist: {\n type: String,\n default: 'nodownload',\n },\n /* 视频是否显示右键菜单 */\n oncontextmenu: {\n type: Boolean,\n default: false,\n },\n fileWidth: {\n type: String,\n default: '120px',\n },\n fileHeight: {\n type: String,\n default: '120px',\n },\n fileListGap: {\n type: String,\n default: '10px',\n },\n fileListStyle: {\n type: Object,\n default: () => ({}),\n },\n};\n"],"names":["previewFileProps"],"mappings":";;;;;AAIO,MAAM,YAAe,GAAA;AAAA,EAC1B,GAAGA,4BAAA;AAAA;AAAA,EAEH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,YAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EACA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,OAAA,EAAS,OAAO,EAAC,CAAA;AAAA,GACnB;AACF;;;;"}

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

@@ -1,5 +1,246 @@
 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;
+        };
+    }>>, {}, 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;
+        };
+    }>>, {
+        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;
+        };
+    }>>, {}, {}, {}, {}, {
+        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 +253,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 +285,10 @@ export declare const GmFileList: import("../../../../utils").SFCWithInstall<impo
         type: StringConstructor;
         default: string;
     };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -81,18 +305,30 @@ export declare const GmFileList: import("../../../../utils").SFCWithInstall<impo
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>>, {}, 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/lib/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;
@@ -52,10 +68,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 +84,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;
@@ -94,13 +126,17 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     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/lib/components/src/composite/previewFile/PreviewFile.vue2.js CHANGED Viewed

@@ -85,7 +85,7 @@ var _sfc_main = /* @__PURE__ */ vue.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": ""
@@ -93,7 +93,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         header: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_1, [
             _hoisted_2,
-            vue.createVNode(_component_el_button, {
+            _ctx.openPreviewDownload ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+              key: 0,
               type: "primary",
               size: "default",
               link: "",
@@ -104,7 +105,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ]),
               _: 1
               /* STABLE */
-            })
+            })) : vue.createCommentVNode("v-if", true)
           ])
         ]),
         default: vue.withCtx(() => [

package/lib/components/src/composite/previewFile/PreviewFile.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreviewFile.vue2.js","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","useDownload","computed","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,aAAA,GAAgBA,YAAqB,CAAA,OAAA,EAAA,eAAmC,CAAA,CAAA;AAC9E,IAAM,MAAA,SAAA,GAAYA,YAAmB,CAAA,OAAA,EAAC,WAA2B,CAAA,CAAA;AAEjE,IAAA,MAAM,iBAAiBC,iBAAY,EAAA,CAAA;AAEnC,IAAM,MAAA,KAAA,GAAQC,aAAS,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,GAAYA,aAAS,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,MAAAC,qBAAA,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,MAAAA,qBAAA,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.js","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","useDownload","computed","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAM,MAAA,aAAA,GAAgBA,YAAqB,CAAA,OAAA,EAAA,eAAmC,CAAA,CAAA;AAC9E,IAAM,MAAA,SAAA,GAAYA,YAAmB,CAAA,OAAA,EAAC,WAA2B,CAAA,CAAA;AAEjE,IAAA,MAAM,iBAAiBC,iBAAY,EAAA,CAAA;AAEnC,IAAM,MAAA,KAAA,GAAQC,aAAS,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,GAAYA,aAAS,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,MAAAC,qBAAA,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,MAAAA,qBAAA,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/lib/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;
@@ -52,10 +68,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 +84,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;
@@ -94,14 +126,18 @@ export declare const GmPreviewFile: import("../../../../utils").SFCWithInstall<i
 }, {
     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/lib/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;