giime 0.7.10 → 0.7.12

package/lib/components/src/composite/fileComponent/FileComponent.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileComponent.vue2.js","sources":["../../../../../../../packages/components/src/composite/fileComponent/FileComponent.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-h-full gm-items-center gm-justify-center\">\n    <img v-if=\"isImageFile\" :src=\"fileURL\" fit=\"contain\" style=\"max-width: 100%; max-height: 100%\" />\n    <video\n      v-else-if=\"isVideoFile\"\n      :src=\"fileURL\"\n      :controls=\"controls\"\n      :controlslist=\"controlslist\"\n      :oncontextmenu=\"() => oncontextmenu\"\n      style=\"width: 100%; height: 100%\"\n    />\n    <template v-else>\n      <el-image v-if=\"showIcon || !showIframe\" :style=\"iconStyle\" :src=\"iconURL\" />\n      <iframe v-else :src=\"fileURL\" width=\"850px\" height=\"100%\" frameborder=\"0\" />\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { isExcel, isImageUrl, isPDF, isPPT, isPSD, isText, isVideoUrl, isWord, isZip } from '@giime/utils/src/is';\nimport { fileComponentProps } from './fileComponent';\n// import PDF from './assets/image/pdf.svg';\n// import WORD from './assets/image/word.svg';\n// import EXCEL from './assets/image/excel.svg';\n// import PPT from './assets/image/ppt.svg';\n// import PSD from './assets/image/psd.svg';\n// import TEXT from './assets/image/text.svg';\n// import ZIP from './assets/image/zip.svg';\n// import UNKNOWN from './assets/image/unknown.svg';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n  name: 'GmFileComponent',\n});\n\nconst props = defineProps(fileComponentProps);\n\nconst iconStyle = computed(() => {\n  return {\n    width: `${props.size}px`,\n    height: `${props.size}px`,\n  };\n});\n\n/** 文件链接地址 */\nconst fileURL = computed(() => {\n  return props.file[props.url as keyof UploadFile] as string;\n});\n\n/** 验证文件类型的字段 */\nconst verifyFile = computed(() => {\n  return props.file[props.field as keyof UploadFile] as string;\n});\n\nconst isImageFile = computed(() => isImageUrl(fileURL.value) || isImageUrl(verifyFile.value));\nconst isVideoFile = computed(() => isVideoUrl(fileURL.value) || isVideoUrl(verifyFile.value));\n\n/** 显示iframe */\nconst showIframe = computed(() => {\n  return isPDF(fileURL.value) || isPDF(verifyFile.value) || isText(fileURL.value) || isText(verifyFile.value);\n});\n\n/** 图标 */\nconst iconList = {\n  excel: 'https://sucai.giikin.cn/workflow/material-refer-1739947054012-1213-335.svg',\n  pdf: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5462-586.svg',\n  word: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1540-625.svg',\n  txt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1700-90.svg',\n  zip: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2639-507.svg',\n  psd: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5026-760.svg',\n  ppt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2867-970.svg',\n  unknown: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1448-736.svg',\n};\n\nconst iconURL = computed<string>(() => {\n  // 文件类型检查器映射\n  const typeCheckers = [\n    { check: () => isPDF(fileURL.value) || isPDF(verifyFile.value), icon: iconList.pdf },\n    { check: () => isWord(fileURL.value) || isWord(verifyFile.value), icon: iconList.word },\n    { check: () => isExcel(fileURL.value) || isExcel(verifyFile.value), icon: iconList.excel },\n    { check: () => isText(fileURL.value) || isText(verifyFile.value), icon: iconList.txt },\n    { check: () => isPPT(fileURL.value) || isPPT(verifyFile.value), icon: iconList.ppt },\n    { check: () => isZip(fileURL.value) || isZip(verifyFile.value), icon: iconList.zip },\n    { check: () => isPSD(fileURL.value) || isPSD(verifyFile.value), icon: iconList.psd },\n  ];\n\n  // 查找匹配的文件类型\n  const matchedType = typeCheckers.find(({ check }) => check());\n\n  return matchedType?.icon || iconList.unknown;\n});\n</script>\n"],"names":["computed","isImageUrl","isVideoUrl","isPDF","isText","isWord","isExcel","isPPT","isZip","isPSD"],"mappings":"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"}
+{"version":3,"file":"FileComponent.vue2.js","sources":["../../../../../../../packages/components/src/composite/fileComponent/FileComponent.vue"],"sourcesContent":["<template>\n  <div class=\"gm-flex gm-h-full gm-w-full gm-flex-col gm-items-center gm-justify-center\">\n    <div class=\"gm-flex gm-items-center gm-justify-center\" :style=\"fileStyle\">\n      <img v-if=\"isImageFile\" :src=\"fileURL\" fit=\"contain\" style=\"max-width: 100%; max-height: 100%\" />\n      <video\n        v-else-if=\"isVideoFile\"\n        :src=\"fileURL\"\n        :controls=\"controls\"\n        :controlslist=\"controlslist\"\n        :oncontextmenu=\"() => oncontextmenu\"\n        style=\"max-width: 100%; max-height: 100%\"\n      />\n      <template v-else>\n        <el-image v-if=\"showIcon || !showIframe\" :style=\"iconStyle\" :src=\"iconURL\" />\n        <iframe v-else :src=\"fileURL\" width=\"850px\" height=\"100%\" frameborder=\"0\" />\n      </template>\n    </div>\n    <slot :file=\"file\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { isExcel, isImageUrl, isPDF, isPPT, isPSD, isText, isVideoUrl, isWord, isZip } from '@giime/utils/src/is';\nimport { fileComponentProps } from './fileComponent';\n// import PDF from './assets/image/pdf.svg';\n// import WORD from './assets/image/word.svg';\n// import EXCEL from './assets/image/excel.svg';\n// import PPT from './assets/image/ppt.svg';\n// import PSD from './assets/image/psd.svg';\n// import TEXT from './assets/image/text.svg';\n// import ZIP from './assets/image/zip.svg';\n// import UNKNOWN from './assets/image/unknown.svg';\nimport type { UploadFile } from 'element-plus';\n\ndefineOptions({\n  name: 'GmFileComponent',\n});\n\nconst props = defineProps(fileComponentProps);\n\nconst iconStyle = computed(() => {\n  return {\n    width: `${props.size}px`,\n    height: `${props.size}px`,\n  };\n});\n\nconst fileStyle = computed(() => {\n  return {\n    width: props.fileWidth,\n    height: props.fileHeight,\n    ...props.fileStyle,\n  };\n});\n\n/** 文件链接地址 */\nconst fileURL = computed(() => {\n  return props.file[props.url as keyof UploadFile] as string;\n});\n\n/** 验证文件类型的字段 */\nconst verifyFile = computed(() => {\n  return props.file[props.field as keyof UploadFile] as string;\n});\n\nconst isImageFile = computed(() => isImageUrl(fileURL.value) || isImageUrl(verifyFile.value));\nconst isVideoFile = computed(() => isVideoUrl(fileURL.value) || isVideoUrl(verifyFile.value));\n\n/** 显示iframe */\nconst showIframe = computed(() => {\n  return isPDF(fileURL.value) || isPDF(verifyFile.value) || isText(fileURL.value) || isText(verifyFile.value);\n});\n\n/** 图标 */\nconst iconList = {\n  excel: 'https://sucai.giikin.cn/workflow/material-refer-1739947054012-1213-335.svg',\n  pdf: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5462-586.svg',\n  word: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1540-625.svg',\n  txt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1700-90.svg',\n  zip: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2639-507.svg',\n  psd: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-5026-760.svg',\n  ppt: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-2867-970.svg',\n  unknown: 'https://sucai.giikin.cn/workflow/material-refer-1739947288698-1448-736.svg',\n};\n\nconst iconURL = computed<string>(() => {\n  // 文件类型检查器映射\n  const typeCheckers = [\n    { check: () => isPDF(fileURL.value) || isPDF(verifyFile.value), icon: iconList.pdf },\n    { check: () => isWord(fileURL.value) || isWord(verifyFile.value), icon: iconList.word },\n    { check: () => isExcel(fileURL.value) || isExcel(verifyFile.value), icon: iconList.excel },\n    { check: () => isText(fileURL.value) || isText(verifyFile.value), icon: iconList.txt },\n    { check: () => isPPT(fileURL.value) || isPPT(verifyFile.value), icon: iconList.ppt },\n    { check: () => isZip(fileURL.value) || isZip(verifyFile.value), icon: iconList.zip },\n    { check: () => isPSD(fileURL.value) || isPSD(verifyFile.value), icon: iconList.psd },\n  ];\n\n  // 查找匹配的文件类型\n  const matchedType = typeCheckers.find(({ check }) => check());\n\n  return matchedType?.icon || iconList.unknown;\n});\n</script>\n"],"names":["computed","isImageUrl","isVideoUrl","isPDF","isText","isWord","isExcel","isPPT","isZip","isPSD"],"mappings":"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"}

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

@@ -13,6 +13,18 @@ export declare const fileComponentProps: {
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     /** 图标大小 */
     size: {
         type: NumberConstructor;
@@ -20,7 +32,7 @@ export declare const fileComponentProps: {
     };
     /** 文件类型判断字段 */
     field: {
-        type: PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     /** 视频是否显示操作按钮 */

package/lib/components/src/composite/fileComponent/fileComponent.js

@@ -11,6 +11,18 @@ const fileComponentProps = {
     type: String,
     default: "url"
   },
+  fileWidth: {
+    type: String,
+    default: "100%"
+  },
+  fileHeight: {
+    type: String,
+    default: "100%"
+  },
+  fileStyle: {
+    type: Object,
+    default: () => ({})
+  },
   /** 图标大小 */
   size: {
     type: Number,

package/lib/components/src/composite/fileComponent/fileComponent.js.map

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

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

@@ -1,5 +1,176 @@
 import FileComponent from './FileComponent.vue';
-export declare const GmFileComponent: import("../../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const GmFileComponent: import("../../../../utils").SFCWithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        file: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+            default: () => {};
+        };
+        url: {
+            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: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        controlslist: {
+            type: StringConstructor;
+            default: string;
+        };
+        oncontextmenu: {
+            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<{
+        file: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+            default: () => {};
+        };
+        url: {
+            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: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        controlslist: {
+            type: StringConstructor;
+            default: string;
+        };
+        oncontextmenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {
+        size: number;
+        url: string;
+        file: Partial<import("element-plus").UploadFile>;
+        showIcon: boolean;
+        controls: boolean;
+        field: string;
+        fileWidth: string;
+        fileHeight: string;
+        fileStyle: Record<string, any>;
+        controlslist: string;
+        oncontextmenu: boolean;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("vue").ExtractPropTypes<{
+        file: {
+            type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+            default: () => {};
+        };
+        url: {
+            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: StringConstructor;
+            default: string;
+        };
+        controls: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        controlslist: {
+            type: StringConstructor;
+            default: string;
+        };
+        oncontextmenu: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        showIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>, {}, {}, {}, {}, {
+        size: number;
+        url: string;
+        file: Partial<import("element-plus").UploadFile>;
+        showIcon: boolean;
+        controls: boolean;
+        field: string;
+        fileWidth: string;
+        fileHeight: string;
+        fileStyle: Record<string, any>;
+        controlslist: string;
+        oncontextmenu: boolean;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     file: {
         type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
         default: () => {};
@@ -8,45 +179,24 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    field: {
-        type: import("vue").PropType<keyof import("element-plus").UploadFile>;
+    fileWidth: {
+        type: StringConstructor;
         default: string;
     };
-    controls: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    controlslist: {
+    fileHeight: {
         type: StringConstructor;
         default: string;
     };
-    oncontextmenu: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    file: {
-        type: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+    fileStyle: {
+        type: ObjectConstructor;
         default: () => {};
     };
-    url: {
-        type: StringConstructor;
-        default: string;
-    };
     size: {
         type: NumberConstructor;
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof import("element-plus").UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -65,16 +215,25 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         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;
-    field: keyof import("element-plus").UploadFile;
+    field: string;
+    fileWidth: string;
+    fileHeight: string;
+    fileStyle: Record<string, any>;
     controlslist: string;
     oncontextmenu: boolean;
-}, {}>> & 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 FileComponentInstance = InstanceType<typeof FileComponent>;
 export * from './fileComponent';
 export default GmFileComponent;

package/lib/components/src/composite/fileList2/FileList.vue.d.ts

@@ -0,0 +1,158 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    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, import("vue").PublicProps, 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>;
+}, {}>, {
+    default?(_: {
+        file: Partial<import("element-plus").UploadFile>;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FileList_vue_vue_type_script_setup_true_lang = require('./FileList.vue2.js');
+
+
+
+exports.default = FileList_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=FileList.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileList.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../fileComponent/index.js');
+var index$1 = require('../previewFile/index.js');
+var fileList = require('./fileList.js');
+
+const _hoisted_1 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "GmFileList"
+  },
+  __name: "FileList",
+  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) => {
+      fileIndex.value = index;
+      dialog.value = true;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        [
+          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",
+                    onClick: ($event) => handlePreview(index$1)
+                  }, [
+                    vue.createVNode(vue.unref(index.GmFileComponent), vue.mergeProps(props, {
+                      fileStyle: fileStyle.value,
+                      file,
+                      controls: false
+                    }), {
+                      default: vue.withCtx(() => [
+                        vue.renderSlot(_ctx.$slots, "default", { file })
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1040, ["fileStyle", "file"])
+                  ], 8, _hoisted_1);
+                }),
+                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),
+            "file-index": fileIndex.value,
+            "onUpdate:fileIndex": _cache[1] || (_cache[1] = ($event) => fileIndex.value = $event)
+          }), null, 16, ["dialogVisible", "file-index"])
+        ],
+        64
+        /* STABLE_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=FileList.vue2.js.map

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

@@ -0,0 +1 @@
+{"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\" @click=\"handlePreview(index)\">\n      <GmFileComponent v-bind=\"props\" :fileStyle :file :controls=\"false\"> <slot :file=\"file\" /> </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';\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 handlePreview = (index: number) => {\n  fileIndex.value = index;\n  dialog.value = true;\n};\n</script>\n"],"names":["computed","ref"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,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,aAAA,GAAgB,CAAC,KAAkB,KAAA;AACvC,MAAA,SAAA,CAAU,KAAQ,GAAA,KAAA,CAAA;AAClB,MAAA,MAAA,CAAO,KAAQ,GAAA,IAAA,CAAA;AAAA,KACjB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}