giime 0.7.10 → 0.7.12

package/dist/index.css

@@ -873,44 +873,6 @@ video {
 .gm-group:hover .group-hover\:gm-block {
   display: block;
 }
-.gm-flex-center[data-v-c17deec9] {
-  align-items: center;
-}
-
-.gm-flex-justify-between[data-v-c17deec9] {
-  justify-content: space-between;
-}
-.circular[data-v-d7b04fae] {
-  animation: loading-rotate-d7b04fae 2s linear infinite;
-}
-
-.path[data-v-d7b04fae] {
-  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
-  stroke-dasharray: 90, 150;
-  stroke-dashoffset: 0;
-  stroke: var(--el-color-primary);
-  stroke-linecap: round;
-}
-
-@keyframes loading-rotate-d7b04fae {
-  to {
-    transform: rotate(360deg);
-  }
-}
-@keyframes loading-dash-d7b04fae {
-  0% {
-    stroke-dasharray: 1, 200;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -40px;
-  }
-  100% {
-    stroke-dasharray: 90, 150;
-    stroke-dashoffset: -120px;
-  }
-}
 
 .gm-range-number .el-form-item[data-v-1ae16d96] {
   margin: 0;
@@ -962,42 +924,48 @@ video {
 .gm-upload-pro-file-disabled .el-upload-list__item-status-label {
   display: none;
 }
-[data-v-488ca110] .gmSearchForm .el-form-item {
-  margin-right: 0;
-  margin-bottom: 4px;
-}
-[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
-  border-right: none;
+.circular[data-v-d7b04fae] {
+  animation: loading-rotate-d7b04fae 2s linear infinite;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
-  height: 0;
+.path[data-v-d7b04fae] {
+  animation: loading-dash-d7b04fae 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
 }
 
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
-  height: 0;
+@keyframes loading-rotate-d7b04fae {
+  to {
+    transform: rotate(360deg);
+  }
 }
-
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
-  height: 0;
+@keyframes loading-dash-d7b04fae {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
 }
-
-[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
-  height: 0;
+[data-v-488ca110] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
 }
-
-[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
-  height: 0;
+.gm-flex-center[data-v-c17deec9] {
+  align-items: center;
 }
 
-.pagination-container[data-v-47d35e7b] {
-  background: #fff;
-  padding-top: 12px;
-}
-.pagination-container.hidden[data-v-47d35e7b] {
-  display: none;
+.gm-flex-justify-between[data-v-c17deec9] {
+  justify-content: space-between;
 }
-
 .gm-number-interval-single[data-v-4e6f4d6f] {
   border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
@@ -1016,61 +984,36 @@ video {
 .gm-number-interval-single[data-v-4e6f4d6f]:hover .gm-number-interval-close[data-v-4e6f4d6f] {
   display: flex;
 }
-@charset "UTF-8";
-.custom-operate-drawer .el-drawer__header {
-  padding: 10px 15px;
-  margin: 0;
-  border-bottom: 1px solid #ebeef5;
-}
-.custom-operate-drawer .el-drawer__title {
-  font-size: 14px;
-  color: #333;
-}
-.custom-operate-drawer .el-drawer__body {
-  padding: 15px;
-}
-.custom-operate-drawer .el-drawer__footer {
-  padding: 10px 15px;
-  border-top: 1px solid #ebeef5;
-}
-.custom-operate-drawer .el-checkbox {
-  display: flex;
-  align-items: center;
+.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
+  padding: 0;
 }
-.custom-operate-drawer .el-input__inner {
-  text-align: center;
+
+.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;
 }
-.custom-operate-drawer .el-input__suffix {
-  position: absolute;
-  right: 10px;
+[data-v-2c351ff8] .gmTableNoBorder .el-table__body .el-table__cell {
+  border-right: none;
 }
-.custom-operate-drawer .custom-content li {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 44px;
+
+[data-v-2c351ff8] .gmTableNoBorder .el-table__inner-wrapper:before {
+  height: 0;
 }
-.custom-operate-drawer .custom-group {
-  max-height: calc(100vh - 226px);
-  overflow-y: auto;
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border .el-table__inner-wrapper:after {
+  height: 0;
 }
-.custom-operate-drawer .custom-group::-webkit-scrollbar {
-  /*滚动条整体样式*/
-  width: 4px;
-  /*高宽分别对应横竖滚动条的尺寸*/
-  height: 1px;
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:after {
+  height: 0;
 }
-.custom-operate-drawer .custom-group::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  border-radius: 10px;
-  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
-  background: #999;
+
+[data-v-2c351ff8] .gmTableNoBorder.el-table--border:before {
+  height: 0;
 }
-.custom-operate-drawer .custom-group::-webkit-scrollbar-track {
-  /*滚动条里面轨道*/
-  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
-  border-radius: 10px;
-  background: #eee;
+
+[data-v-2c351ff8] .gmTableNoBorder .el-table__border-left-patch {
+  height: 0;
 }
 [data-v-98c2e804] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
@@ -1095,6 +1038,50 @@ video {
 [data-v-98c2e804] .gmTableNoBorder .el-table__border-left-patch {
   height: 0;
 }
+.gm-upload-file {
+  line-height: normal;
+}
+.gm-upload-file .el-checkbox {
+  position: absolute;
+  left: 10px;
+  top: 0;
+  z-index: 9;
+}
+.gm-upload-file .el-upload-list--picture-card {
+  gap: 10px;
+}
+.gm-upload-file .el-upload-list__item {
+  margin: 0;
+}
+.gm-upload-file .el-upload-list__item-file-name {
+  line-height: normal;
+}
+.gm-upload-file .el-upload-dragger {
+  padding: 0;
+  border: none;
+  width: 100%;
+  height: 100%;
+  display: flex;
+}
+.gm-upload-file .el-upload--picture-card {
+  border: none;
+}
+
+.gm-upload-file-disabled .el-upload--picture-card {
+  display: none;
+}
+.gm-upload-file-disabled .el-upload-list__item-status-label {
+  display: none;
+}
+
+.pagination-container[data-v-47d35e7b] {
+  background: #fff;
+  padding-top: 12px;
+}
+.pagination-container.hidden[data-v-47d35e7b] {
+  display: none;
+}
+
 @charset "UTF-8";
 .table-custom-header-drawer .el-drawer__header {
   padding: 10px 15px;
@@ -1151,46 +1138,59 @@ video {
   border-radius: 10px;
   background: #eee;
 }
-.gm-upload-preview-dialog[data-v-312f9322] [data-v-312f9322] .el-dialog__body {
-  padding: 0;
+@charset "UTF-8";
+.custom-operate-drawer .el-drawer__header {
+  padding: 10px 15px;
+  margin: 0;
+  border-bottom: 1px solid #ebeef5;
 }
-
-.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;
+.custom-operate-drawer .el-drawer__title {
+  font-size: 14px;
+  color: #333;
 }
-.gm-upload-file {
-  line-height: normal;
+.custom-operate-drawer .el-drawer__body {
+  padding: 15px;
 }
-.gm-upload-file .el-checkbox {
-  position: absolute;
-  left: 10px;
-  top: 0;
-  z-index: 9;
+.custom-operate-drawer .el-drawer__footer {
+  padding: 10px 15px;
+  border-top: 1px solid #ebeef5;
 }
-.gm-upload-file .el-upload-list--picture-card {
-  gap: 10px;
+.custom-operate-drawer .el-checkbox {
+  display: flex;
+  align-items: center;
 }
-.gm-upload-file .el-upload-list__item {
-  margin: 0;
+.custom-operate-drawer .el-input__inner {
+  text-align: center;
 }
-.gm-upload-file .el-upload-list__item-file-name {
-  line-height: normal;
+.custom-operate-drawer .el-input__suffix {
+  position: absolute;
+  right: 10px;
 }
-.gm-upload-file .el-upload-dragger {
-  padding: 0;
-  border: none;
-  width: 100%;
-  height: 100%;
+.custom-operate-drawer .custom-content li {
   display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 44px;
 }
-.gm-upload-file .el-upload--picture-card {
-  border: none;
+.custom-operate-drawer .custom-group {
+  max-height: calc(100vh - 226px);
+  overflow-y: auto;
 }
-
-.gm-upload-file-disabled .el-upload--picture-card {
-  display: none;
+.custom-operate-drawer .custom-group::-webkit-scrollbar {
+  /*滚动条整体样式*/
+  width: 4px;
+  /*高宽分别对应横竖滚动条的尺寸*/
+  height: 1px;
 }
-.gm-upload-file-disabled .el-upload-list__item-status-label {
-  display: none;
+.custom-operate-drawer .custom-group::-webkit-scrollbar-thumb {
+  /*滚动条里面小方块*/
+  border-radius: 10px;
+  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
+  background: #999;
+}
+.custom-operate-drawer .custom-group::-webkit-scrollbar-track {
+  /*滚动条里面轨道*/
+  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+  background: #eee;
 }

package/es/components/index.mjs

@@ -277,6 +277,8 @@ export { ruleEditorEmits, ruleEditorProps } from './src/composite/ruleEditor/rul
 export { GmRuleEditor } from './src/composite/ruleEditor/index.mjs';
 export { uploadFileProps } from './src/composite/uploadFile/uploadFile.mjs';
 export { GmUploadFile } from './src/composite/uploadFile/index.mjs';
+export { fileProProps } from './src/composite/fileList2/fileList.mjs';
+export { GmFileList } from './src/composite/fileList2/index.mjs';
 export { messageTypes, normalizeMessageOptions } from './src/plugins/message/method.mjs';
 export { GmMessage } from './src/plugins/message/index.mjs';
 export { GmLoading } from './src/plugins/loading/index.mjs';

package/es/components/index.mjs.map

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

package/es/components/src/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,12 +8,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -41,12 +53,24 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    fileWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileHeight: {
+        type: StringConstructor;
+        default: string;
+    };
+    fileStyle: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
     size: {
         type: NumberConstructor;
         default: number;
     };
     field: {
-        type: import("vue").PropType<keyof UploadFile>;
+        type: StringConstructor;
         default: string;
     };
     controls: {
@@ -71,8 +95,20 @@ declare const _default: import("vue").DefineComponent<{
     file: Partial<UploadFile>;
     showIcon: boolean;
     controls: boolean;
-    field: keyof UploadFile;
+    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];
     });
@@ -57,37 +64,49 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     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)
+          },
           [
-            _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\">\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":[],"mappings":"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"}

package/es/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;
     };
     /** 视频是否显示操作按钮 */