giime 0.7.11 → 0.7.13

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

@@ -6,7 +6,7 @@ var vue = require('vue');
 var is = require('../../../../utils/src/is.js');
 var fileComponent = require('./fileComponent.js');
 
-const _hoisted_1 = { class: "gm-flex gm-h-full gm-items-center gm-justify-center" };
+const _hoisted_1 = { class: "gm-flex gm-h-full gm-w-full gm-flex-col gm-items-center gm-justify-center" };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = ["src", "controls", "controlslist", "oncontextmenu"];
 const _hoisted_4 = ["src"];
@@ -24,6 +24,13 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         height: `${props.size}px`
       };
     });
+    const fileStyle = vue.computed(() => {
+      return {
+        width: props.fileWidth,
+        height: props.fileHeight,
+        ...props.fileStyle
+      };
+    });
     const fileURL = vue.computed(() => {
       return props.file[props.url];
     });
@@ -58,40 +65,58 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       const matchedType = typeCheckers.find(({ check }) => check());
       return matchedType?.icon || iconList.unknown;
     });
+    const handleClick = () => {
+      if (!props.onClick)
+        return;
+      props.onClick(props.file);
+    };
     return (_ctx, _cache) => {
       const _component_el_image = vue.resolveComponent("el-image");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        isImageFile.value ? (vue.openBlock(), vue.createElementBlock("img", {
-          key: 0,
-          src: fileURL.value,
-          fit: "contain",
-          style: { "max-width": "100%", "max-height": "100%" }
-        }, null, 8, _hoisted_2)) : isVideoFile.value ? (vue.openBlock(), vue.createElementBlock("video", {
-          key: 1,
-          src: fileURL.value,
-          controls: _ctx.controls,
-          controlslist: _ctx.controlslist,
-          oncontextmenu: () => _ctx.oncontextmenu,
-          style: { "width": "100%", "height": "100%" }
-        }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock(
-          vue.Fragment,
-          { key: 2 },
+        vue.createElementVNode(
+          "div",
+          {
+            class: "gm-flex gm-items-center gm-justify-center",
+            style: vue.normalizeStyle(fileStyle.value),
+            onClick: handleClick
+          },
           [
-            _ctx.showIcon || !showIframe.value ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+            isImageFile.value ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
-              style: vue.normalizeStyle(iconStyle.value),
-              src: iconURL.value
-            }, null, 8, ["style", "src"])) : (vue.openBlock(), vue.createElementBlock("iframe", {
+              src: fileURL.value,
+              fit: "contain",
+              style: { "max-width": "100%", "max-height": "100%" }
+            }, null, 8, _hoisted_2)) : isVideoFile.value ? (vue.openBlock(), vue.createElementBlock("video", {
               key: 1,
               src: fileURL.value,
-              width: "850px",
-              height: "100%",
-              frameborder: "0"
-            }, null, 8, _hoisted_4))
+              controls: _ctx.controls,
+              controlslist: _ctx.controlslist,
+              oncontextmenu: () => _ctx.oncontextmenu,
+              style: { "max-width": "100%", "max-height": "100%" }
+            }, null, 8, _hoisted_3)) : (vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              { key: 2 },
+              [
+                _ctx.showIcon || !showIframe.value ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+                  key: 0,
+                  style: vue.normalizeStyle(iconStyle.value),
+                  src: iconURL.value
+                }, null, 8, ["style", "src"])) : (vue.openBlock(), vue.createElementBlock("iframe", {
+                  key: 1,
+                  src: fileURL.value,
+                  width: "850px",
+                  height: "100%",
+                  frameborder: "0"
+                }, null, 8, _hoisted_4))
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
           ],
-          64
-          /* STABLE_FRAGMENT */
-        ))
+          4
+          /* STYLE */
+        ),
+        vue.renderSlot(_ctx.$slots, "default", { file: _ctx.file })
       ]);
     };
   }

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":";;;;;;;;;;;;;;;;;;;AAoCA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAM,MAAA,SAAA,GAAYA,aAAS,MAAM;AAC/B,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA;AAAA,QACpB,MAAA,EAAQ,CAAG,EAAA,KAAA,CAAM,IAAI,CAAA,EAAA,CAAA;AAAA,OACvB,CAAA;AAAA,KACD,CAAA,CAAA;AAGD,IAAM,MAAA,OAAA,GAAUA,aAAS,MAAM;AAC7B,MAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,GAAuB,CAAA,CAAA;AAAA,KAChD,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAaA,aAAS,MAAM;AAChC,MAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,KAAyB,CAAA,CAAA;AAAA,KAClD,CAAA,CAAA;AAED,IAAM,MAAA,WAAA,GAAcA,YAAS,CAAA,MAAMC,aAAW,CAAA,OAAA,CAAQ,KAAK,CAAK,IAAAA,aAAA,CAAW,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAC5F,IAAM,MAAA,WAAA,GAAcD,YAAS,CAAA,MAAME,aAAW,CAAA,OAAA,CAAQ,KAAK,CAAK,IAAAA,aAAA,CAAW,UAAW,CAAA,KAAK,CAAC,CAAA,CAAA;AAG5F,IAAM,MAAA,UAAA,GAAaF,aAAS,MAAM;AAChC,MAAA,OAAOG,QAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,IAAKA,SAAM,UAAW,CAAA,KAAK,CAAK,IAAAC,SAAA,CAAO,OAAQ,CAAA,KAAK,CAAK,IAAAA,SAAA,CAAO,WAAW,KAAK,CAAA,CAAA;AAAA,KAC3G,CAAA,CAAA;AAGD,IAAA,MAAM,QAAW,GAAA;AAAA,MACf,KAAO,EAAA,4EAAA;AAAA,MACP,GAAK,EAAA,4EAAA;AAAA,MACL,IAAM,EAAA,4EAAA;AAAA,MACN,GAAK,EAAA,2EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,GAAK,EAAA,4EAAA;AAAA,MACL,OAAS,EAAA,4EAAA;AAAA,KACX,CAAA;AAEA,IAAM,MAAA,OAAA,GAAUJ,aAAiB,MAAM;AAErC,MAAA,MAAM,YAAe,GAAA;AAAA,QACnB,EAAE,KAAA,EAAO,MAAMG,QAAA,CAAM,OAAQ,CAAA,KAAK,CAAK,IAAAA,QAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,GAAI,EAAA;AAAA,QACnF,EAAE,KAAA,EAAO,MAAME,SAAA,CAAO,OAAQ,CAAA,KAAK,CAAK,IAAAA,SAAA,CAAO,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,IAAK,EAAA;AAAA,QACtF,EAAE,KAAA,EAAO,MAAMC,UAAA,CAAQ,OAAQ,CAAA,KAAK,CAAK,IAAAA,UAAA,CAAQ,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,KAAM,EAAA;AAAA,QACzF,EAAE,KAAA,EAAO,MAAMF,SAAA,CAAO,OAAQ,CAAA,KAAK,CAAK,IAAAA,SAAA,CAAO,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,GAAI,EAAA;AAAA,QACrF,EAAE,KAAA,EAAO,MAAMG,QAAA,CAAM,OAAQ,CAAA,KAAK,CAAK,IAAAA,QAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,GAAI,EAAA;AAAA,QACnF,EAAE,KAAA,EAAO,MAAMC,QAAA,CAAM,OAAQ,CAAA,KAAK,CAAK,IAAAA,QAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,GAAI,EAAA;AAAA,QACnF,EAAE,KAAA,EAAO,MAAMC,QAAA,CAAM,OAAQ,CAAA,KAAK,CAAK,IAAAA,QAAA,CAAM,UAAW,CAAA,KAAK,CAAG,EAAA,IAAA,EAAM,SAAS,GAAI,EAAA;AAAA,OACrF,CAAA;AAGA,MAAM,MAAA,WAAA,GAAc,aAAa,IAAK,CAAA,CAAC,EAAE,KAAM,EAAA,KAAM,OAAO,CAAA,CAAA;AAE5D,MAAO,OAAA,WAAA,EAAa,QAAQ,QAAS,CAAA,OAAA,CAAA;AAAA,KACtC,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\" @click=\"handleClick\">\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\nconst handleClick = () => {\n  if (!props.onClick) return;\n  props.onClick(props.file);\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

@@ -2,6 +2,9 @@ import { type PropType } from 'vue';
 import { type UploadFile } from 'element-plus';
 /** 视频控制器 */
 export type Controls = 'nodownload' | 'nofullscreen' | 'noremoteplayback' | 'noplaybackrate';
+export interface FileComponentHooks {
+    onClick: (file: Partial<UploadFile>) => void;
+}
 export declare const fileComponentProps: {
     /** 文件 */
     file: {
@@ -13,6 +16,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;
@@ -43,4 +58,7 @@ export declare const fileComponentProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: PropType<(file: Partial<UploadFile>) => void>;
+    };
 };

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,
@@ -40,6 +52,9 @@ const fileComponentProps = {
   showIcon: {
     type: Boolean,
     default: false
+  },
+  onClick: {
+    type: Function
   }
 };
 

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,\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 interface FileComponentHooks {\n  onClick: (file: Partial<UploadFile>) => void;\n}\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  onClick: {\n    type: Function as PropType<FileComponentHooks['onClick']>,\n  },\n};\n"],"names":[],"mappings":";;AAUO,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;AAAA,EACA,OAAS,EAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,GACR;AACF;;;;"}

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

@@ -1,5 +1,185 @@
 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;
+        };
+        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<{
+        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;
+        };
+        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;
+        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;
+        };
+        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;
+        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,39 +188,18 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         type: StringConstructor;
         default: string;
     };
-    size: {
-        type: NumberConstructor;
-        default: number;
-    };
-    field: {
+    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;
@@ -65,16 +224,28 @@ export declare const GmFileComponent: import("../../../../utils").SFCWithInstall
         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;
     file: Partial<import("element-plus").UploadFile>;
     showIcon: boolean;
     controls: boolean;
     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

@@ -1,6 +1,7 @@
-declare const _default: import("vue").DefineComponent<{
+import type { UploadFile } from 'element-plus';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     fileList: {
-        type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+        type: import("vue").PropType<Partial<UploadFile>[]>;
         default: () => never[];
     };
     controlslist: {
@@ -11,18 +12,42 @@ declare const _default: import("vue").DefineComponent<{
         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: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+        type: import("vue").PropType<Partial<UploadFile>>;
         default: () => {};
     };
     url: {
         type: StringConstructor;
         default: string;
     };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -39,9 +64,12 @@ 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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fileList: {
-        type: import("vue").PropType<Partial<import("element-plus").UploadFile>[]>;
+        type: import("vue").PropType<Partial<UploadFile>[]>;
         default: () => never[];
     };
     controlslist: {
@@ -52,18 +80,42 @@ declare const _default: import("vue").DefineComponent<{
         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: import("vue").PropType<Partial<import("element-plus").UploadFile>>;
+        type: import("vue").PropType<Partial<UploadFile>>;
         default: () => {};
     };
     url: {
         type: StringConstructor;
         default: string;
     };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
@@ -80,16 +132,34 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: import("vue").PropType<(file: Partial<UploadFile>) => void>;
+    };
 }>>, {
     size: number;
     url: string;
-    width: string;
-    file: Partial<import("element-plus").UploadFile>;
+    file: Partial<UploadFile>;
     showIcon: boolean;
     controls: boolean;
-    fileList: Partial<import("element-plus").UploadFile>[];
+    fileList: Partial<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<UploadFile>;
+    }): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};