giime 0.7.11 → 0.7.13

package/dist/index.css

@@ -590,9 +590,6 @@ video {
 .gm-h-1 {
   height: 0.25rem;
 }
-.gm-h-32 {
-  height: 8rem;
-}
 .gm-h-\[30px\] {
   height: 30px;
 }
@@ -965,27 +962,27 @@ video {
 .gm-flex-justify-between[data-v-c17deec9] {
   justify-content: space-between;
 }
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
+[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
+[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
 .gm-number-interval-single[data-v-4e6f4d6f] {
@@ -1010,36 +1007,36 @@ video {
   margin-right: 0;
   margin-bottom: 4px;
 }
-[data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
+.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
+  padding: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
+.gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload-list__item, .gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload--picture-card {
+  width: auto;
+  height: auto;
+}
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:after {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder.el-table--border:before {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
   height: 0;
 }
 
-[data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
   height: 0;
 }
-.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
-  padding: 0;
-}
 
-.gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload-list__item, .gm-upload-file-picture-card[data-v-312f9322] [data-v-312f9322] .el-upload--picture-card {
-  width: auto;
-  height: auto;
+[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
 }
 .gm-upload-file {
   line-height: normal;

package/es/components/src/base/carousel/Carousel.vue.d.ts

@@ -14,6 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     motionBlur: BooleanConstructor;
 }, {
     next: () => void;
+    activeIndex: number;
     setActiveItem: (index: string | number) => void;
     prev: () => void;
     elRef: import("vue").Ref<({

package/es/components/src/base/carousel/Carousel.vue2.mjs

@@ -18,7 +18,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const elEvents = getGmEvent(carouselEmits$1, emit);
     const elRef = ref();
-    const exposeEvents = ["setActiveItem", "prev", "next"];
+    const exposeEvents = ["activeIndex", "setActiveItem", "prev", "next"];
     const { exposeFns } = getGmExports(elRef, exposeEvents);
     __expose({
       elRef,

package/es/components/src/base/carousel/Carousel.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue2.mjs","sources":["../../../../../../../packages/components/src/base/carousel/Carousel.vue"],"sourcesContent":["<template>\n  <el-carousel ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\n    <template v-if=\"slots.default\">\n      <slot />\n    </template>\n  </el-carousel>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useSlots } from 'vue';\nimport { getGmEvent, getGmExports } from '@giime/utils';\nimport { carouselEmits as elCarouselEmits } from 'element-plus';\nimport { carouselEmits, carouselProps } from './carousel';\nimport type { CarouselInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmCarousel',\n});\nconst slots = useSlots();\nconst props = defineProps(carouselProps);\nconst emit = defineEmits(carouselEmits);\n// 重发el的事件\nconst elEvents = getGmEvent(elCarouselEmits, emit);\n\nconst elRef = ref<CarouselInstance>();\nconst exposeEvents = ['setActiveItem', 'prev', 'next'] as const;\n\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\ndefineExpose({\n  elRef,\n  ...exposeFns,\n});\n</script>\n"],"names":["elCarouselEmits"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,eAAA,EAAiB,IAAI,CAAA,CAAA;AAEjD,IAAA,MAAM,QAAQ,GAAsB,EAAA,CAAA;AACpC,IAAA,MAAM,YAAe,GAAA,CAAC,eAAiB,EAAA,MAAA,EAAQ,MAAM,CAAA,CAAA;AAErD,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Carousel.vue2.mjs","sources":["../../../../../../../packages/components/src/base/carousel/Carousel.vue"],"sourcesContent":["<template>\n  <el-carousel ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\n    <template v-if=\"slots.default\">\n      <slot />\n    </template>\n  </el-carousel>\n</template>\n<script lang=\"ts\" setup>\nimport { ref, useSlots } from 'vue';\nimport { getGmEvent, getGmExports } from '@giime/utils';\nimport { carouselEmits as elCarouselEmits } from 'element-plus';\nimport { carouselEmits, carouselProps } from './carousel';\nimport type { CarouselInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmCarousel',\n});\nconst slots = useSlots();\nconst props = defineProps(carouselProps);\nconst emit = defineEmits(carouselEmits);\n// 重发el的事件\nconst elEvents = getGmEvent(elCarouselEmits, emit);\n\nconst elRef = ref<CarouselInstance>();\nconst exposeEvents = ['activeIndex', 'setActiveItem', 'prev', 'next'] as const;\n\nconst { exposeFns } = getGmExports(elRef, exposeEvents);\ndefineExpose({\n  elRef,\n  ...exposeFns,\n});\n</script>\n"],"names":["elCarouselEmits"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,eAAA,EAAiB,IAAI,CAAA,CAAA;AAEjD,IAAA,MAAM,QAAQ,GAAsB,EAAA,CAAA;AACpC,IAAA,MAAM,YAAe,GAAA,CAAC,aAAe,EAAA,eAAA,EAAiB,QAAQ,MAAM,CAAA,CAAA;AAEpE,IAAA,MAAM,EAAE,SAAA,EAAc,GAAA,YAAA,CAAa,OAAO,YAAY,CAAA,CAAA;AACtD,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,MACA,GAAG,SAAA;AAAA,KACJ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/carousel/index.d.ts

@@ -18,6 +18,7 @@ export declare const GmCarousel: import("../../../../utils").SFCWithInstall<{
         onChange?: ((current: number, prev: number) => any) | undefined;
     }, {
         next: () => void;
+        activeIndex: number;
         setActiveItem: (index: string | number) => void;
         prev: () => void;
         elRef: import("vue").Ref<({
@@ -222,6 +223,7 @@ export declare const GmCarousel: import("../../../../utils").SFCWithInstall<{
         onChange?: ((current: number, prev: number) => any) | undefined;
     }, {
         next: () => void;
+        activeIndex: number;
         setActiveItem: (index: string | number) => void;
         prev: () => void;
         elRef: import("vue").Ref<({
@@ -405,6 +407,7 @@ export declare const GmCarousel: import("../../../../utils").SFCWithInstall<{
     onChange?: ((current: number, prev: number) => any) | undefined;
 }, {
     next: () => void;
+    activeIndex: number;
     setActiveItem: (index: string | number) => void;
     prev: () => void;
     elRef: import("vue").Ref<({

package/es/components/src/composite/fileComponent/FileComponent.vue.d.ts

@@ -1,5 +1,5 @@
 import type { UploadFile } from 'element-plus';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     file: {
         type: import("vue").PropType<Partial<UploadFile>>;
         default: () => {};
@@ -8,6 +8,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;
@@ -32,6 +44,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, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     file: {
         type: import("vue").PropType<Partial<UploadFile>>;
@@ -41,6 +56,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;
@@ -65,6 +92,9 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    onClick: {
+        type: import("vue").PropType<(file: Partial<UploadFile>) => void>;
+    };
 }>>, {
     size: number;
     url: string;
@@ -72,7 +102,19 @@ declare const _default: import("vue").DefineComponent<{
     showIcon: boolean;
     controls: boolean;
     field: string;
+    fileWidth: string;
+    fileHeight: string;
+    fileStyle: Record<string, any>;
     controlslist: string;
     oncontextmenu: boolean;
-}, {}>;
+}, {}>, {
+    default?(_: {
+        file: Partial<UploadFile>;
+    }): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createBlock, normalizeStyle } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, Fragment, createBlock, renderSlot } from 'vue';
 import { isImageUrl, isVideoUrl, isPDF, isText, isWord, isExcel, isPPT, isZip, isPSD } from '../../../../utils/src/is.mjs';
 import { fileComponentProps } from './fileComponent.mjs';
 
-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"];
@@ -20,6 +20,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         height: `${props.size}px`
       };
     });
+    const fileStyle = computed(() => {
+      return {
+        width: props.fileWidth,
+        height: props.fileHeight,
+        ...props.fileStyle
+      };
+    });
     const fileURL = computed(() => {
       return props.file[props.url];
     });
@@ -54,40 +61,58 @@ var _sfc_main = /* @__PURE__ */ 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 = resolveComponent("el-image");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        isImageFile.value ? (openBlock(), createElementBlock("img", {
-          key: 0,
-          src: fileURL.value,
-          fit: "contain",
-          style: { "max-width": "100%", "max-height": "100%" }
-        }, null, 8, _hoisted_2)) : isVideoFile.value ? (openBlock(), 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)) : (openBlock(), createElementBlock(
-          Fragment,
-          { key: 2 },
+        createElementVNode(
+          "div",
+          {
+            class: "gm-flex gm-items-center gm-justify-center",
+            style: normalizeStyle(fileStyle.value),
+            onClick: handleClick
+          },
           [
-            _ctx.showIcon || !showIframe.value ? (openBlock(), createBlock(_component_el_image, {
+            isImageFile.value ? (openBlock(), createElementBlock("img", {
               key: 0,
-              style: normalizeStyle(iconStyle.value),
-              src: iconURL.value
-            }, null, 8, ["style", "src"])) : (openBlock(), createElementBlock("iframe", {
+              src: fileURL.value,
+              fit: "contain",
+              style: { "max-width": "100%", "max-height": "100%" }
+            }, null, 8, _hoisted_2)) : isVideoFile.value ? (openBlock(), 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)) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 2 },
+              [
+                _ctx.showIcon || !showIframe.value ? (openBlock(), createBlock(_component_el_image, {
+                  key: 0,
+                  style: normalizeStyle(iconStyle.value),
+                  src: iconURL.value
+                }, null, 8, ["style", "src"])) : (openBlock(), 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 */
+        ),
+        renderSlot(_ctx.$slots, "default", { file: _ctx.file })
       ]);
     };
   }

package/es/components/src/composite/fileComponent/FileComponent.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FileComponent.vue2.mjs","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":[],"mappings":"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"}
+{"version":3,"file":"FileComponent.vue2.mjs","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":[],"mappings":"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"}

package/es/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/es/components/src/composite/fileComponent/fileComponent.mjs

@@ -9,6 +9,18 @@ const fileComponentProps = {
     type: String,
     default: "url"
   },
+  fileWidth: {
+    type: String,
+    default: "100%"
+  },
+  fileHeight: {
+    type: String,
+    default: "100%"
+  },
+  fileStyle: {
+    type: Object,
+    default: () => ({})
+  },
   /** 图标大小 */
   size: {
     type: Number,
@@ -38,6 +50,9 @@ const fileComponentProps = {
   showIcon: {
     type: Boolean,
     default: false
+  },
+  onClick: {
+    type: Function
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"fileComponent.mjs","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.mjs","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;;;;"}