giime 0.7.11 → 0.7.13

package/lib/components/src/composite/fileList2/FileList.vue2.js

@@ -7,8 +7,6 @@ var index = require('../fileComponent/index.js');
 var index$1 = require('../previewFile/index.js');
 var fileList = require('./fileList.js');
 
-const _hoisted_1 = { class: "gm-flex gm-items-center gm-gap-4" };
-const _hoisted_2 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "GmFileList"
@@ -17,9 +15,25 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: fileList.fileProProps,
   setup(__props) {
     const props = __props;
+    const fileListStyle = vue.computed(() => {
+      return {
+        gap: props.fileListGap,
+        ...props.fileListStyle
+      };
+    });
+    const fileStyle = vue.computed(() => {
+      return {
+        width: props.fileWidth,
+        height: props.fileHeight,
+        border: "1px solid #ccc",
+        overflow: "hidden",
+        borderRadius: "5px",
+        ...props.fileStyle
+      };
+    });
     const dialog = vue.ref(false);
     const fileIndex = vue.ref(0);
-    const handlePreview = (index) => {
+    const handleClick = (file, index) => {
       fileIndex.value = index;
       dialog.value = true;
     };
@@ -28,26 +42,42 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         vue.Fragment,
         null,
         [
-          vue.createElementVNode("div", _hoisted_1, [
-            (vue.openBlock(true), vue.createElementBlock(
-              vue.Fragment,
-              null,
-              vue.renderList(_ctx.fileList, (file, index$1) => {
-                return vue.openBlock(), vue.createElementBlock("div", {
-                  key: index$1,
-                  class: "gm-relative gm-flex gm-h-32 gm-w-32 gm-cursor-pointer gm-items-center gm-justify-center gm-overflow-hidden gm-rounded gm-border",
-                  onClick: ($event) => handlePreview(index$1)
-                }, [
-                  vue.createVNode(vue.unref(index.GmFileComponent), vue.mergeProps(props, {
-                    file,
-                    controls: false
-                  }), null, 16, ["file"])
-                ], 8, _hoisted_2);
-              }),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
+          vue.createElementVNode(
+            "div",
+            {
+              class: "gm-flex--wrap gm-flex gm-items-center",
+              style: vue.normalizeStyle(fileListStyle.value)
+            },
+            [
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(_ctx.fileList, (file, index$1) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: index$1,
+                    class: "gm-cursor-pointer"
+                  }, [
+                    vue.createVNode(vue.unref(index.GmFileComponent), vue.mergeProps(props, {
+                      fileStyle: fileStyle.value,
+                      file,
+                      controls: false,
+                      "on-click": (value) => handleClick(value, index$1)
+                    }), {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "default", { file })
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["fileStyle", "file", "on-click"])
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            4
+            /* STYLE */
+          ),
           vue.createVNode(vue.unref(index$1.GmPreviewFile), vue.mergeProps(props, {
             dialogVisible: dialog.value,
             "onUpdate:dialogVisible": _cache[0] || (_cache[0] = ($event) => dialog.value = $event),

package/lib/components/src/composite/fileList2/FileList.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.vue2.js","sources":["../../../../../../../packages/components/src/composite/fileList2/FileList.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-items-center gm-gap-4\">\n    <div\n      v-for=\"(file, index) in fileList\"\n      :key=\"index\"\n      class=\"gm-relative gm-flex gm-h-32 gm-w-32 gm-cursor-pointer gm-items-center gm-justify-center gm-overflow-hidden gm-rounded gm-border\"\n      @click=\"handlePreview(index)\"\n    >\n      <GmFileComponent v-bind=\"props\" :file :controls=\"false\" />\n    </div>\n  </div>\n\n  <GmPreviewFile v-bind=\"props\" v-model:dialogVisible=\"dialog\" v-model:file-index=\"fileIndex\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { fileProProps } from './fileList';\n\ndefineOptions({\n  name: 'GmFileList',\n});\n\nconst props = defineProps(fileProProps);\n\nconst dialog = ref(false);\nconst fileIndex = ref(0);\nconst handlePreview = (index: number) => {\n  fileIndex.value = index;\n  dialog.value = true;\n};\n</script>\n"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,MAAA,GAASA,QAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAYA,QAAI,CAAC,CAAA,CAAA;AACvB,IAAM,MAAA,aAAA,GAAgB,CAAC,KAAkB,KAAA;AACvC,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,MAAA,CAAO,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileList.vue2.js","sources":["../../../../../../../packages/components/src/composite/fileList2/FileList.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex--wrap gm-flex gm-items-center\" :style=\"fileListStyle\">\n    <div v-for=\"(file, index) in fileList\" :key=\"index\" class=\"gm-cursor-pointer\">\n      <GmFileComponent v-bind=\"props\" :fileStyle :file :controls=\"false\" :on-click=\"value => handleClick(value, index)\">\n        <slot :file=\"file\" />\n      </GmFileComponent>\n    </div>\n  </div>\n\n  <GmPreviewFile v-bind=\"props\" v-model:dialogVisible=\"dialog\" v-model:file-index=\"fileIndex\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from 'vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { fileProProps } from './fileList';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n  name: 'GmFileList',\n});\n\nconst props = defineProps(fileProProps);\n\nconst fileListStyle = computed(() => {\n  return {\n    gap: props.fileListGap,\n    ...props.fileListStyle,\n  };\n});\n\nconst fileStyle = computed(() => {\n  return {\n    width: props.fileWidth,\n    height: props.fileHeight,\n    border: '1px solid #ccc',\n    overflow: 'hidden',\n    borderRadius: '5px',\n    ...props.fileStyle,\n  };\n});\n\nconst dialog = ref(false);\nconst fileIndex = ref(0);\nconst handleClick = (file: Partial<UploadFile>, index: number) => {\n  fileIndex.value = index;\n  dialog.value = true;\n};\n</script>\n"],"names":["computed","ref"],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,aAAA,GAAgBA,aAAS,MAAM;AACnC,MAAO,OAAA;AAAA,QACL,KAAK,KAAM,CAAA,WAAA;AAAA,QACX,GAAG,KAAM,CAAA,aAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,OAAO,KAAM,CAAA,SAAA;AAAA,QACb,QAAQ,KAAM,CAAA,UAAA;AAAA,QACd,MAAQ,EAAA,gBAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,YAAc,EAAA,KAAA;AAAA,QACd,GAAG,KAAM,CAAA,SAAA;AAAA,OACX,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,MAAA,GAASC,QAAI,KAAK,CAAA,CAAA;AACxB,IAAM,MAAA,SAAA,GAAYA,QAAI,CAAC,CAAA,CAAA;AACvB,IAAM,MAAA,WAAA,GAAc,CAAC,IAAA,EAA2B,KAAkB,KAAA;AAChE,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,MAAA,CAAO,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/src/composite/fileList2/fileList.d.ts

@@ -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;
@@ -44,4 +68,7 @@ export declare const fileProProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: PropType<(file: Partial<UploadFile>) => void>;
+    };
 };

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

@@ -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

@@ -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;;;;"}
+{"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

@@ -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/lib/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,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/lib/components/src/composite/previewFile/PreviewFile.vue2.js

@@ -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(() => [