giime 0.7.10 → 0.7.12

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

@@ -0,0 +1,334 @@
+import FileList from './FileList.vue';
+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[];
+    };
+    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, {}, string, {
+    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>;
+}, {}, 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/fileList2/index.mjs

@@ -0,0 +1,10 @@
+import '../../../../utils/index.mjs';
+import './FileList.vue.mjs';
+export { fileProProps } from './fileList.mjs';
+import { withInstall } from '../../../../utils/src/vue/install.mjs';
+import _sfc_main from './FileList.vue2.mjs';
+
+const GmFileList = withInstall(_sfc_main);
+
+export { GmFileList, GmFileList as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/src/composite/fileList2/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../../packages/components/src/composite/fileList2/index.ts"],"sourcesContent":["import { withInstall } from '@giime/utils';\nimport FileList from './FileList.vue';\n\nexport const GmFileList = withInstall(FileList);\nexport type FileListInstance = InstanceType<typeof FileList>;\nexport * from './fileList';\nexport default GmFileList;\n"],"names":["FileList"],"mappings":";;;;;;AAGa,MAAA,UAAA,GAAa,YAAYA,SAAQ;;;;"}

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

@@ -12,3 +12,4 @@ export * from './previewFile';
 export * from './tableCustom';
 export * from './ruleEditor';
 export * from './uploadFile';
+export * from './fileList2';

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

@@ -12,6 +12,7 @@ export { GmPreviewFile } from './previewFile/index.mjs';
 export { GmTableCustom } from './tableCustom/index.mjs';
 export { GmRuleEditor } from './ruleEditor/index.mjs';
 export { GmUploadFile } from './uploadFile/index.mjs';
+export { GmFileList } from './fileList2/index.mjs';
 export { searchFormEmits, searchFormItemList, searchFormProps } from './searchForm/searchForm.mjs';
 export { searchFormCommonProps } from './searchForm/searchFormItems/common.mjs';
 export { SearchFormInputName, searchFormInputEmits, searchFormInputProps } from './searchForm/searchFormItems/input/searchFormInput.mjs';
@@ -53,4 +54,5 @@ export { customOperateButtonProps, customOperateProps } from './tableCustom/cust
 export { GmCustomOperate } from './tableCustom/customOperate/index.mjs';
 export { ruleEditorEmits, ruleEditorProps } from './ruleEditor/ruleEditor.mjs';
 export { uploadFileProps } from './uploadFile/uploadFile.mjs';
+export { fileProProps } from './fileList2/fileList.mjs';
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -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,12 +22,24 @@ 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;
     };
     field: {
-        type: import("vue").PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -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,12 +84,24 @@ 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;
     };
     field: {
-        type: import("vue").PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -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: keyof 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

@@ -1,9 +1,9 @@
-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';
 import { GmFileComponent } from '../fileComponent/index.mjs';
 import { previewFileProps } from './previewFile.mjs';
-import { useDownload } from '../../../../hooks/base/useDownload/index.mjs';
 
 const _hoisted_1 = { class: "gm-flex gm-items-center gm-justify-between" };
 const _hoisted_2 = /* @__PURE__ */ createElementVNode(
@@ -70,7 +70,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const download = () => {
       const file = files.value[fileIndex.value];
-      downloadMethod.downloadByUrl(file.url || "", { filename: file.name });
+      const url = file[props.url] || file.url || "";
+      downloadMethod.downloadByUrl(url, { filename: file.name });
     };
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
@@ -80,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": ""
@@ -88,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: "",
@@ -99,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

@@ -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 { ArrowLeftBold, ArrowRightBold } from '@element-plus/icons-vue';\nimport GmFileComponent from '../fileComponent';\nimport { previewFileProps } from './previewFile';\nimport type { UploadFile } from 'element-plus';\nimport { useDownload } from '@giime/hooks/base/useDownload';\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  downloadMethod.downloadByUrl(file.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,MAAe,cAAA,CAAA,aAAA,CAAc,KAAK,GAAO,IAAA,EAAA,EAAI,EAAE,QAAU,EAAA,IAAA,CAAK,MAAM,CAAA,CAAA;AAAA,KACtE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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

@@ -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,12 +22,24 @@ 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;
     };
     field: {
-        type: import("vue").PropType<keyof import("element-plus").UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -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,12 +84,24 @@ 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;
     };
     field: {
-        type: import("vue").PropType<keyof import("element-plus").UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -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: keyof 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';