giime 0.7.2 → 0.7.4

package/es/components/src/business/uploadPro/UploadPro.vue.d.ts

@@ -18,7 +18,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     sceneCode: {
         type: StringConstructor;
-        default: string;
     };
     acl: {
         type: StringConstructor;
@@ -678,7 +677,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     sceneCode: {
         type: StringConstructor;
-        default: string;
     };
     acl: {
         type: StringConstructor;
@@ -862,7 +860,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autoUpload: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     listType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
     httpRequest: import("element-plus").UploadRequestHandler;
-    sceneCode: string;
     acl: string;
     showLoading: boolean;
     showDelete: boolean;

package/es/components/src/business/uploadPro/index.d.ts

@@ -19,7 +19,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         };
         sceneCode: {
             type: StringConstructor;
-            default: string;
         };
         acl: {
             type: StringConstructor;
@@ -686,7 +685,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         };
         sceneCode: {
             type: StringConstructor;
-            default: string;
         };
         acl: {
             type: StringConstructor;
@@ -870,7 +868,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         autoUpload: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         listType: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
         httpRequest: import("element-plus").UploadRequestHandler;
-        sceneCode: string;
         acl: string;
         showLoading: boolean;
         showDelete: boolean;
@@ -904,7 +901,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         };
         sceneCode: {
             type: StringConstructor;
-            default: string;
         };
         acl: {
             type: StringConstructor;
@@ -1570,7 +1566,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
         autoUpload: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         listType: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
         httpRequest: import("element-plus").UploadRequestHandler;
-        sceneCode: string;
         acl: string;
         showLoading: boolean;
         showDelete: boolean;
@@ -1601,7 +1596,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     };
     sceneCode: {
         type: StringConstructor;
-        default: string;
     };
     acl: {
         type: StringConstructor;
@@ -2274,7 +2268,6 @@ export declare const GmUploadPro: import("../../../../utils").SFCWithInstall<{
     autoUpload: import("element-plus/es/utils/index.js").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     listType: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
     httpRequest: import("element-plus").UploadRequestHandler;
-    sceneCode: string;
     acl: string;
     showLoading: boolean;
     showDelete: boolean;

package/es/components/src/business/uploadPro/uploadPro.d.ts

@@ -17,7 +17,6 @@ export declare const uploadFileProps: {
     /**场景编码 */
     sceneCode: {
         type: StringConstructor;
-        default: string;
     };
     /** 文件权限,默认继承桶 */
     acl: {

package/es/components/src/business/uploadPro/uploadPro.mjs

@@ -17,8 +17,7 @@ const uploadFileProps = {
   },
   /**场景编码 */
   sceneCode: {
-    type: String,
-    default: "internal_oss"
+    type: String
   },
   /** 文件权限,默认继承桶 */
   acl: {

package/es/components/src/business/uploadPro/uploadPro.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"uploadPro.mjs","sources":["../../../../../../../packages/components/src/business/uploadPro/uploadPro.ts"],"sourcesContent":["import { type PropType } from 'vue';\nimport { type UploadFile, type UploadProps, uploadProps, type UploadUserFile } from 'element-plus';\nimport type { ResourceUrlResponse } from '@giime/api/resource/interface';\n// import { previewFileProps } from '../../composite/previewFile/previewFile';\n\nexport const uploadFileProps = {\n  ...uploadProps,\n  // ...previewFileProps,\n  listType: {\n    type: String as PropType<UploadProps['listType']>,\n    default: 'picture-card',\n  },\n  drag: {\n    type: Boolean,\n    default: true,\n  },\n  /**领域编码 */\n  domainCode: {\n    type: String,\n  },\n  /**场景编码 */\n  sceneCode: {\n    type: String,\n    default: 'internal_oss',\n  },\n  /** 文件权限,默认继承桶 */\n  acl: {\n    type: String,\n    default: 'default',\n  },\n  /**上传中是否loading */\n  showLoading: {\n    type: Boolean,\n    default: false,\n  },\n  /** 是否展示删除按钮 */\n  showDelete: {\n    type: Boolean,\n    default: true,\n  },\n  /**禁用删除按钮的uid列表 */\n  disabledDeleteUids: {\n    type: Array as PropType<number[]>,\n    default: () => [],\n  },\n  /** 删除时提示 */\n  deleteTip: {\n    type: Boolean,\n    default: false,\n  },\n  /** 是否开启文件多选 */\n  checkbox: {\n    type: Boolean,\n    default: false,\n  },\n  /**禁用多选按钮的uid列表 */\n  disabledCheckboxUids: {\n    type: Array as PropType<number[]>,\n    default: () => [],\n  },\n  /** 缩略图宽度 */\n  width: {\n    type: Number,\n    default: 120,\n  },\n  /** 缩略图高度 */\n  height: {\n    type: Number,\n    default: 120,\n  },\n  /**全部文件上传完成事件 */\n  onAllComplete: {\n    type: Function as PropType<() => void>,\n    default: () => {},\n  },\n};\n\nexport type GmUploadProUserFileResponse = ResourceUrlResponse;\n\nexport type GmUploadProUserFile = Omit<UploadUserFile, 'response'> & { response?: GmUploadProUserFileResponse };\n"],"names":[],"mappings":";;AAKO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAG,WAAA;AAAA;AAAA,EAEH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,SAAS,MAAM;AAAA,KAAC;AAAA,GAClB;AACF;;;;"}
+{"version":3,"file":"uploadPro.mjs","sources":["../../../../../../../packages/components/src/business/uploadPro/uploadPro.ts"],"sourcesContent":["import { type PropType } from 'vue';\nimport { type UploadFile, type UploadProps, uploadProps, type UploadUserFile } from 'element-plus';\nimport type { ResourceUrlResponse } from '@giime/api/resource/interface';\n// import { previewFileProps } from '../../composite/previewFile/previewFile';\n\nexport const uploadFileProps = {\n  ...uploadProps,\n  // ...previewFileProps,\n  listType: {\n    type: String as PropType<UploadProps['listType']>,\n    default: 'picture-card',\n  },\n  drag: {\n    type: Boolean,\n    default: true,\n  },\n  /**领域编码 */\n  domainCode: {\n    type: String,\n  },\n  /**场景编码 */\n  sceneCode: {\n    type: String,\n  },\n  /** 文件权限,默认继承桶 */\n  acl: {\n    type: String,\n    default: 'default',\n  },\n  /**上传中是否loading */\n  showLoading: {\n    type: Boolean,\n    default: false,\n  },\n  /** 是否展示删除按钮 */\n  showDelete: {\n    type: Boolean,\n    default: true,\n  },\n  /**禁用删除按钮的uid列表 */\n  disabledDeleteUids: {\n    type: Array as PropType<number[]>,\n    default: () => [],\n  },\n  /** 删除时提示 */\n  deleteTip: {\n    type: Boolean,\n    default: false,\n  },\n  /** 是否开启文件多选 */\n  checkbox: {\n    type: Boolean,\n    default: false,\n  },\n  /**禁用多选按钮的uid列表 */\n  disabledCheckboxUids: {\n    type: Array as PropType<number[]>,\n    default: () => [],\n  },\n  /** 缩略图宽度 */\n  width: {\n    type: Number,\n    default: 120,\n  },\n  /** 缩略图高度 */\n  height: {\n    type: Number,\n    default: 120,\n  },\n  /**全部文件上传完成事件 */\n  onAllComplete: {\n    type: Function as PropType<() => void>,\n    default: () => {},\n  },\n};\n\nexport type GmUploadProUserFileResponse = ResourceUrlResponse;\n\nexport type GmUploadProUserFile = Omit<UploadUserFile, 'response'> & { response?: GmUploadProUserFileResponse };\n"],"names":[],"mappings":";;AAKO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAG,WAAA;AAAA;AAAA,EAEH,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,GACX;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,GACR;AAAA;AAAA,EAEA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,SAAA;AAAA,GACX;AAAA;AAAA,EAEA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,IAAA;AAAA,GACX;AAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA;AAAA,EAEA,oBAAsB,EAAA;AAAA,IACpB,IAAM,EAAA,KAAA;AAAA,IACN,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AAAA;AAAA,EAEA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,GAAA;AAAA,GACX;AAAA;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,QAAA;AAAA,IACN,SAAS,MAAM;AAAA,KAAC;AAAA,GAClB;AACF;;;;"}

package/es/components/src/composite/uploadFile/UploadFile.vue.d.ts

@@ -1,5 +1,4 @@
 import type { UploadFile, UploadFiles, UploadRawFile, UploadStatus } from 'element-plus';
-import type { AliOssResponse } from '../../../../utils/src/alioss/aliossPutHook';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     fileList: {
         required: true;
@@ -86,37 +85,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    file: {
-        type: import("vue").PropType<Partial<UploadFile>>;
-        default: () => {};
-    };
-    url: {
+    domainCode: {
         type: StringConstructor;
-        default: string;
     };
-    size: {
-        type: NumberConstructor;
-        default: number;
+    sceneCode: {
+        type: StringConstructor;
     };
-    field: {
-        type: import("vue").PropType<keyof UploadFile>;
+    acl: {
+        type: StringConstructor;
         default: string;
     };
-    controls: {
+    showLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
-    controlslist: {
-        type: StringConstructor;
-        default: string;
+    disabledDeleteUids: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
     };
-    oncontextmenu: {
-        type: BooleanConstructor;
-        default: boolean;
+    disabledCheckboxUids: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
     };
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
+    onAllComplete: {
+        type: import("vue").PropType<() => void>;
+        default: () => void;
     };
     beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
         (): (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
@@ -225,6 +218,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     })[], unknown, unknown, import("element-plus").UploadRequestHandler, boolean>;
     disabled: BooleanConstructor;
     limit: NumberConstructor;
+    file: {
+        type: import("vue").PropType<Partial<UploadFile>>;
+        default: () => {};
+    };
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    field: {
+        type: import("vue").PropType<keyof UploadFile>;
+        default: string;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controlslist: {
+        type: StringConstructor;
+        default: string;
+    };
+    oncontextmenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     submit: () => void;
     abort: (file: UploadFile) => void;
@@ -712,7 +737,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         file: UploadFile;
         index: number;
     }) => void;
-    handleSaveFileSuccess: (file: AliOssResponse) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     fileList: {
         required: true;
@@ -799,37 +823,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    file: {
-        type: import("vue").PropType<Partial<UploadFile>>;
-        default: () => {};
-    };
-    url: {
+    domainCode: {
         type: StringConstructor;
-        default: string;
     };
-    size: {
-        type: NumberConstructor;
-        default: number;
+    sceneCode: {
+        type: StringConstructor;
     };
-    field: {
-        type: import("vue").PropType<keyof UploadFile>;
+    acl: {
+        type: StringConstructor;
         default: string;
     };
-    controls: {
+    showLoading: {
         type: BooleanConstructor;
         default: boolean;
     };
-    controlslist: {
-        type: StringConstructor;
-        default: string;
+    disabledDeleteUids: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
     };
-    oncontextmenu: {
-        type: BooleanConstructor;
-        default: boolean;
+    disabledCheckboxUids: {
+        type: import("vue").PropType<number[]>;
+        default: () => never[];
     };
-    showIcon: {
-        type: BooleanConstructor;
-        default: boolean;
+    onAllComplete: {
+        type: import("vue").PropType<() => void>;
+        default: () => void;
     };
     beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
         (): (rawFile: UploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
@@ -938,6 +956,38 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     })[], unknown, unknown, import("element-plus").UploadRequestHandler, boolean>;
     disabled: BooleanConstructor;
     limit: NumberConstructor;
+    file: {
+        type: import("vue").PropType<Partial<UploadFile>>;
+        default: () => {};
+    };
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    field: {
+        type: import("vue").PropType<keyof UploadFile>;
+        default: string;
+    };
+    controls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controlslist: {
+        type: StringConstructor;
+        default: string;
+    };
+    oncontextmenu: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:fileList"?: ((fileList: UploadFile[]) => any) | undefined;
     onHandleRemove?: ((file: {
@@ -945,7 +995,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         index: number;
     }) => any) | undefined;
     "onUpdate:checkoutFiles"?: ((checkoutFiles: any[]) => any) | undefined;
-    onHandleSaveFileSuccess?: ((file: AliOssResponse) => any) | undefined;
 }, {
     size: number;
     options: Record<string, any>;
@@ -977,8 +1026,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     autoUpload: boolean;
     listType: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
     httpRequest: import("element-plus").UploadRequestHandler;
+    acl: string;
+    showLoading: boolean;
     showDelete: boolean;
+    disabledDeleteUids: number[];
     deleteTip: boolean;
+    disabledCheckboxUids: number[];
+    onAllComplete: () => void;
     field: keyof UploadFile;
     controlslist: string;
     oncontextmenu: boolean;

package/es/components/src/composite/uploadFile/UploadFile.vue.mjs

@@ -3,7 +3,7 @@ import './UploadFile.vue3.mjs';
 import './UploadFile.vue4.mjs';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-62eb3199"]]);
+var UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2eb85f3b"]]);
 
 export { UploadFile as default };
 //# sourceMappingURL=UploadFile.vue.mjs.map

package/es/components/src/composite/uploadFile/UploadFile.vue2.mjs

@@ -1,7 +1,6 @@
 import { pushScopeId, popScopeId, createElementVNode, createTextVNode, defineComponent, mergeModels, useModel, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, mergeProps, createSlots, renderSlot, normalizeStyle, unref, createBlock, createCommentVNode } from 'vue';
 import { ElMessageBox } from 'element-plus';
-import { useAliossHookStore } from '../../../../utils/src/alioss/aliossPutHook.mjs';
-import { fileValidType } from '../../../../utils/src/file.mjs';
+import { useUploadTaskStore } from '../../../../hooks/store/useUploadTask/index.mjs';
 import { usePasteFile } from '../../../../hooks/base/usePasteFile/index.mjs';
 import { GmConfirmBox } from '../../plugins/confirmBox/index.mjs';
 import { UploadFilled, View, Delete } from '@element-plus/icons-vue';
@@ -9,7 +8,7 @@ import { GmFileComponent } from '../fileComponent/index.mjs';
 import { GmPreviewFile } from '../previewFile/index.mjs';
 import { uploadFileProps } from './uploadFile.mjs';
 
-const _withScopeId = (n) => (pushScopeId("data-v-62eb3199"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-2eb85f3b"), n = n(), popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
   "div",
   { class: "el-upload__text gm-text-center !gm-text-xs gm-text-gray-500" },
@@ -34,39 +33,42 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     "checkoutFiles": { default: () => [] },
     "checkoutFilesModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["handleRemove", "handleSaveFileSuccess"], ["update:fileList", "update:checkoutFiles"]),
+  emits: /* @__PURE__ */ mergeModels(["handleRemove"], ["update:fileList", "update:checkoutFiles"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { uploadFile, saveFileResult } = useAliossHookStore();
-    saveFileResult((res) => {
-      emit("handleSaveFileSuccess", res);
-    });
+    const { uploadFileTask } = useUploadTaskStore();
     const fileList = useModel(__props, "fileList");
     const checkoutFiles = useModel(__props, "checkoutFiles");
-    const httpRequest = async (params) => {
-      const { file } = params;
-      if (props.accept && props.accept !== "*") {
-        const isValidType = fileValidType(file, props.accept);
-        if (!isValidType) {
-          throw new Error(`\u6587\u4EF6\u7C7B\u578B\u4E0D\u652F\u6301\uFF0C\u8BF7\u4E0A\u4F20 ${props.accept} \u683C\u5F0F\u7684\u6587\u4EF6`);
-        }
-      }
-      const res = await uploadFile({
-        file,
-        fileName: props.fileName,
-        folder: props.folder,
-        seat: props.seat,
-        partSize: props.partSize,
-        parallel: props.parallel,
-        options: props.options,
-        bucket: props.bucket,
-        saveStore: props.saveStore,
-        platform: props.platform,
-        cdn: props.cdn
+    const loadingUids = ref(/* @__PURE__ */ new Set());
+    const httpRequest = async (options) => {
+      loadingUids.value.add(options.file.uid);
+      const { file } = options;
+      const res = await uploadFileTask(file, {
+        domainCode: props.domainCode,
+        sceneCode: props.sceneCode,
+        accept: props.accept,
+        acl: props.acl,
+        elOptions: options
       });
       return res;
     };
+    const checkAllUploadComplete = () => {
+      if (loadingUids.value.size === 0) {
+        props.onAllComplete?.();
+      }
+    };
+    const coverFileSuccess = (response, uploadFile, uploadFiles) => {
+      loadingUids.value.delete(uploadFile.uid);
+      uploadFile.url = response.url;
+      props.onSuccess?.(response, uploadFile, uploadFiles);
+      checkAllUploadComplete();
+    };
+    const coverFileError = (error, uploadFile, uploadFiles) => {
+      loadingUids.value.delete(uploadFile.uid);
+      props.onError?.(error, uploadFile, uploadFiles);
+      checkAllUploadComplete();
+    };
     const beforeRemove = (file, files) => {
       if (props.disabled) {
         return false;
@@ -163,7 +165,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => fileList.value = $event),
                   "before-remove": beforeRemove,
                   action: "",
-                  "http-request": httpRequest
+                  "http-request": httpRequest,
+                  "on-success": coverFileSuccess,
+                  "on-error": coverFileError
                 }), createSlots({
                   default: withCtx(() => [
                     !_ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [

package/es/components/src/composite/uploadFile/UploadFile.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/uploadFile/UploadFile.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      ref=\"pasteFileRef\"\n      :class=\"{ 'gm-upload-file-picture-card': listType === 'picture-card', 'gm-upload-file-disabled': disabled }\"\n      class=\"gm-upload-file\"\n    >\n      <el-checkbox-group v-model=\"checkoutFiles\">\n        <el-upload\n          ref=\"uploadFileRef\"\n          v-bind=\"props\"\n          v-model:file-list=\"fileList\"\n          :before-remove=\"beforeRemove\"\n          action=\"\"\n          :http-request=\"httpRequest\"\n        >\n          <slot v-if=\"!disabled\">\n            <template v-if=\"listType === 'picture-card'\">\n              <div\n                class=\"gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-border gm-border-dashed gm-p-1\"\n                style=\"flex-direction: column\"\n                :style=\"{ width: width + 'px', height: height + 'px' }\"\n              >\n                <el-icon :size=\"30\" color=\"#999\">\n                  <UploadFilled />\n                </el-icon>\n                <div class=\"el-upload__text gm-text-center !gm-text-xs gm-text-gray-500\">\n                  将文件拖到此处，复制粘贴，或 <em class=\"gm-text-blue-700\">点击上传</em>\n                </div>\n              </div>\n            </template>\n            <template v-else>\n              <el-button type=\"primary\" size=\"default\">点击上传</el-button>\n            </template>\n          </slot>\n          <template v-if=\"showFileList && listType === 'picture-card'\" #file=\"{ file }\">\n            <el-checkbox v-if=\"checkbox\" :value=\"file\" />\n            <slot name=\"file\" :file=\"file\">\n              <div class=\"gm-flex gm-items-center gm-justify-center gm-rounded-md\" :style=\"{ width: width + 'px', height: height + 'px' }\">\n                <GmFileComponent :file=\"file\" :size=\"width - 40\" :url=\"url\" :controls=\"false\" :show-icon=\"true\" :field=\"field\" />\n              </div>\n              <div class=\"el-upload-list__item-actions\">\n                <span class=\"el-upload-list__item-preview\" @click=\"handlePreview(file)\">\n                  <el-icon><View /></el-icon>\n                </span>\n                <span v-if=\"showDelete\" class=\"el-upload-list__item-delete\" @click=\"handleRemove(file, fileList)\">\n                  <el-icon><Delete /></el-icon>\n                </span>\n              </div>\n            </slot>\n          </template>\n        </el-upload>\n      </el-checkbox-group>\n\n      <GmPreviewFile\n        v-model:dialogVisible=\"dialogVisible\"\n        v-model:file-index=\"fileIndex\"\n        :file-list=\"fileList\"\n        :controls=\"controls\"\n        :oncontextmenu=\"oncontextmenu\"\n        :controlslist=\"controlslist\"\n        :field=\"field\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElMessageBox } from 'element-plus';\nimport { useAliossHookStore } from '@giime/utils/src/alioss/aliossPutHook';\nimport { fileValidType } from '@giime/utils/src/file';\n// import { pasteFile } from '@giime/utils/src/pasteFile';\nimport { usePasteFile } from '@giime/hooks/base/usePasteFile';\nimport { GmConfirmBox } from '@giime/components/src/plugins/confirmBox';\nimport { Delete, UploadFilled, View } from '@element-plus/icons-vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { uploadFileProps } from './uploadFile';\nimport type { UploadFile, UploadFiles, UploadInstance, UploadRawFile, UploadRequestOptions, UploadStatus } from 'element-plus';\nimport type { AliOssResponse } from '@giime/utils/src/alioss/aliossPutHook';\n\ndefineOptions({\n  name: 'GmUploadFile',\n});\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\", \"handleSaveFileSuccess\"]);\n\nconst { uploadFile, saveFileResult } = useAliossHookStore();\n\nsaveFileResult((res: AliOssResponse) => {\n  emit('handleSaveFileSuccess', res);\n});\n\n/** 上传文件 */\nconst fileList = defineModel<UploadFile[]>('fileList', { required: true, default: () => [] });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: () => [] });\n\n/* 上传 */\nconst httpRequest = async (params: UploadRequestOptions) => {\n  const { file } = params;\n\n  // 验证文件类型\n  if (props.accept && props.accept !== '*') {\n    const isValidType = fileValidType(file, props.accept);\n    if (!isValidType) {\n      throw new Error(`文件类型不支持，请上传 ${props.accept} 格式的文件`);\n    }\n  }\n\n  const res = await uploadFile({\n    file,\n    fileName: props.fileName,\n    folder: props.folder,\n    seat: props.seat,\n    partSize: props.partSize,\n    parallel: props.parallel,\n    options: props.options,\n    bucket: props.bucket,\n    saveStore: props.saveStore,\n    platform: props.platform,\n    cdn: props.cdn,\n  });\n  return res;\n};\n\n/* 删除文件前 */\nconst beforeRemove = (file: UploadFile, files: UploadFiles) => {\n  if (props.disabled) {\n    return false;\n  }\n  return props.beforeRemove ? props.beforeRemove(file, files) : true;\n};\n\n/* 删除文件 */\nconst removeFile = (file: UploadFile, uploadFiles: UploadFiles) => {\n  const index = fileList.value.indexOf(file);\n  if (index > -1) {\n    fileList.value.splice(index, 1);\n    emit('handleRemove', { file, index });\n    return props.onRemove?.(file, uploadFiles);\n  }\n};\nconst handleRemove = async (file: UploadFile, uploadFiles: UploadFiles) => {\n  if (props.deleteTip) {\n    await GmConfirmBox({ message: '确定删除该文件吗？' }, async () => {});\n  }\n\n  removeFile(file, uploadFiles);\n};\n\nconst uploadFileRef = ref<UploadInstance>();\nconst pasteFileRef = ref<HTMLElement>();\n/* 手动上传 */\nconst submit = () => {\n  uploadFileRef.value!.submit();\n};\n\n/** 取消上传 */\nconst abort = (file: UploadFile) => {\n  uploadFileRef.value!.abort(file);\n};\n\n/** 清空已上传的文件列表 */\nconst clearFiles = (status?: UploadStatus[]) => {\n  uploadFileRef.value!.clearFiles(status);\n};\n\n/** 手动选择文件 */\nconst handleStart = (rawFile: UploadRawFile) => {\n  uploadFileRef.value!.handleStart(rawFile);\n};\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\nconst handlePreview = (file: UploadFile) => {\n  fileIndex.value = fileList.value.indexOf(file);\n  dialogVisible.value = true;\n};\n\n//** 复制粘贴 */\nconst { onSuccess, onError } = usePasteFile(pasteFileRef, { accept: props.accept, disabled: props.disabled });\nonSuccess((files: File[]) => {\n  if (Array.isArray(files) && files.length > 0) {\n    files.forEach(file => {\n      if (file instanceof File) {\n        const rawFile = file as UploadRawFile;\n        handleStart(rawFile);\n\n        // 粘贴成功自动上传\n        if (props.autoUpload) {\n          submit();\n        }\n      }\n    });\n  }\n});\n\nonError((error: Error) => {\n  console.error('粘贴错误:', error);\n  ElMessageBox.alert(error.message, '提示', {\n    type: 'error',\n  });\n});\n\ndefineExpose({\n  submit,\n  abort,\n  clearFiles,\n  handleStart,\n  uploadFileRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-file-picture-card {\n  :deep(.el-upload-list__item),\n  :deep(.el-upload--picture-card) {\n    width: auto;\n    height: auto;\n  }\n}\n</style>\n<style lang=\"scss\">\n.gm-upload-file {\n  line-height: normal;\n  .el-checkbox {\n    position: absolute;\n    left: 10px;\n    top: 0;\n    z-index: 9;\n  }\n  .el-upload-list--picture-card {\n    gap: 10px;\n  }\n  .el-upload-list__item {\n    margin: 0;\n  }\n  .el-upload-list__item-file-name {\n    line-height: normal;\n  }\n  .el-upload-dragger {\n    padding: 0;\n    border: none;\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n  .el-upload--picture-card {\n    border: none;\n  }\n}\n.gm-upload-file-disabled {\n  .el-upload--picture-card {\n    display: none;\n  }\n  .el-upload-list__item-status-label {\n    display: none;\n  }\n}\n</style>\n"],"names":["_useModel"],"mappings":"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"}
+{"version":3,"file":"UploadFile.vue2.mjs","sources":["../../../../../../../packages/components/src/composite/uploadFile/UploadFile.vue"],"sourcesContent":["<template>\n  <div>\n    <div\n      ref=\"pasteFileRef\"\n      :class=\"{ 'gm-upload-file-picture-card': listType === 'picture-card', 'gm-upload-file-disabled': disabled }\"\n      class=\"gm-upload-file\"\n    >\n      <el-checkbox-group v-model=\"checkoutFiles\">\n        <el-upload\n          ref=\"uploadFileRef\"\n          v-bind=\"props\"\n          v-model:file-list=\"fileList\"\n          :before-remove=\"beforeRemove\"\n          action=\"\"\n          :http-request=\"httpRequest\"\n          :on-success=\"coverFileSuccess\"\n          :on-error=\"coverFileError\"\n        >\n          <slot v-if=\"!disabled\">\n            <template v-if=\"listType === 'picture-card'\">\n              <div\n                class=\"gm-flex gm-flex-col gm-items-center gm-justify-center gm-rounded-md gm-border gm-border-dashed gm-p-1\"\n                style=\"flex-direction: column\"\n                :style=\"{ width: width + 'px', height: height + 'px' }\"\n              >\n                <el-icon :size=\"30\" color=\"#999\">\n                  <UploadFilled />\n                </el-icon>\n                <div class=\"el-upload__text gm-text-center !gm-text-xs gm-text-gray-500\">\n                  将文件拖到此处，复制粘贴，或 <em class=\"gm-text-blue-700\">点击上传</em>\n                </div>\n              </div>\n            </template>\n            <template v-else>\n              <el-button type=\"primary\" size=\"default\">点击上传</el-button>\n            </template>\n          </slot>\n          <template v-if=\"showFileList && listType === 'picture-card'\" #file=\"{ file }\">\n            <el-checkbox v-if=\"checkbox\" :value=\"file\" />\n            <slot name=\"file\" :file=\"file\">\n              <div class=\"gm-flex gm-items-center gm-justify-center gm-rounded-md\" :style=\"{ width: width + 'px', height: height + 'px' }\">\n                <GmFileComponent :file=\"file\" :size=\"width - 40\" :url=\"url\" :controls=\"false\" :show-icon=\"true\" :field=\"field\" />\n              </div>\n              <div class=\"el-upload-list__item-actions\">\n                <span class=\"el-upload-list__item-preview\" @click=\"handlePreview(file)\">\n                  <el-icon><View /></el-icon>\n                </span>\n                <span v-if=\"showDelete\" class=\"el-upload-list__item-delete\" @click=\"handleRemove(file, fileList)\">\n                  <el-icon><Delete /></el-icon>\n                </span>\n              </div>\n            </slot>\n          </template>\n        </el-upload>\n      </el-checkbox-group>\n\n      <GmPreviewFile\n        v-model:dialogVisible=\"dialogVisible\"\n        v-model:file-index=\"fileIndex\"\n        :file-list=\"fileList\"\n        :controls=\"controls\"\n        :oncontextmenu=\"oncontextmenu\"\n        :controlslist=\"controlslist\"\n        :field=\"field\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { ElMessageBox } from 'element-plus';\nimport { useUploadTaskStore } from '@giime/hooks/store/useUploadTask';\nimport { usePasteFile } from '@giime/hooks/base/usePasteFile';\nimport { GmConfirmBox } from '@giime/components/src/plugins/confirmBox';\nimport { Delete, UploadFilled, View } from '@element-plus/icons-vue';\nimport GmFileComponent from '../fileComponent';\nimport GmPreviewFile from '../previewFile';\nimport { uploadFileProps } from './uploadFile';\nimport type { GmUploadProUserFileResponse } from '../../business/uploadPro';\nimport type { UploadFile, UploadFiles, UploadInstance, UploadProps, UploadRawFile, UploadRequestOptions, UploadStatus } from 'element-plus';\n\ndefineOptions({\n  name: 'GmUploadFile',\n});\n\nconst props = defineProps(uploadFileProps);\nconst emit = defineEmits([\"handleRemove\"]);\n\nconst { uploadFileTask } = useUploadTaskStore();\n\n/** 上传文件 */\nconst fileList = defineModel<UploadFile[]>('fileList', { required: true, default: () => [] });\n/** 多选数据 */\nconst checkoutFiles = defineModel<any[]>('checkoutFiles', { default: () => [] });\n\nconst loadingUids = ref<Set<number>>(new Set());\n\n/* 上传 */\nconst httpRequest = async (options: UploadRequestOptions) => {\n  loadingUids.value.add(options.file.uid);\n  const { file } = options;\n\n  const res = await uploadFileTask(file, {\n    domainCode: props.domainCode,\n    sceneCode: props.sceneCode,\n    accept: props.accept,\n    acl: props.acl,\n    elOptions: options,\n  });\n\n  return res;\n};\n\n/**判断是否全部上传完成 并触发事件 */\nconst checkAllUploadComplete = () => {\n  if (loadingUids.value.size === 0) {\n    // 全部文件上传完成\n    props.onAllComplete?.();\n  }\n};\n// 上传成功\nconst coverFileSuccess: UploadProps['onSuccess'] = (response: GmUploadProUserFileResponse, uploadFile, uploadFiles) => {\n  loadingUids.value.delete(uploadFile.uid);\n  uploadFile.url = response.url;\n  props.onSuccess?.(response, uploadFile, uploadFiles);\n  // 判断是否全部上传完成\n  checkAllUploadComplete();\n};\n// 上传失败\nconst coverFileError: UploadProps['onError'] = (error, uploadFile, uploadFiles) => {\n  loadingUids.value.delete(uploadFile.uid);\n  props.onError?.(error, uploadFile, uploadFiles);\n  // 判断是否全部上传完成\n  checkAllUploadComplete();\n};\n\n/* 删除文件前 */\nconst beforeRemove = (file: UploadFile, files: UploadFiles) => {\n  if (props.disabled) {\n    return false;\n  }\n  return props.beforeRemove ? props.beforeRemove(file, files) : true;\n};\n\n/* 删除文件 */\nconst removeFile = (file: UploadFile, uploadFiles: UploadFiles) => {\n  const index = fileList.value.indexOf(file);\n  if (index > -1) {\n    fileList.value.splice(index, 1);\n    emit('handleRemove', { file, index });\n    return props.onRemove?.(file, uploadFiles);\n  }\n};\nconst handleRemove = async (file: UploadFile, uploadFiles: UploadFiles) => {\n  if (props.deleteTip) {\n    await GmConfirmBox({ message: '确定删除该文件吗？' }, async () => {});\n  }\n\n  removeFile(file, uploadFiles);\n};\n\nconst uploadFileRef = ref<UploadInstance>();\nconst pasteFileRef = ref<HTMLElement>();\n/* 手动上传 */\nconst submit = () => {\n  uploadFileRef.value!.submit();\n};\n\n/** 取消上传 */\nconst abort = (file: UploadFile) => {\n  uploadFileRef.value!.abort(file);\n};\n\n/** 清空已上传的文件列表 */\nconst clearFiles = (status?: UploadStatus[]) => {\n  uploadFileRef.value!.clearFiles(status);\n};\n\n/** 手动选择文件 */\nconst handleStart = (rawFile: UploadRawFile) => {\n  uploadFileRef.value!.handleStart(rawFile);\n};\n\n/** 预览 */\nconst dialogVisible = ref(false);\nconst fileIndex = ref(0);\nconst handlePreview = (file: UploadFile) => {\n  fileIndex.value = fileList.value.indexOf(file);\n  dialogVisible.value = true;\n};\n\n//** 复制粘贴 */\nconst { onSuccess, onError } = usePasteFile(pasteFileRef, { accept: props.accept, disabled: props.disabled });\nonSuccess((files: File[]) => {\n  if (Array.isArray(files) && files.length > 0) {\n    files.forEach(file => {\n      if (file instanceof File) {\n        const rawFile = file as UploadRawFile;\n        handleStart(rawFile);\n\n        // 粘贴成功自动上传\n        if (props.autoUpload) {\n          submit();\n        }\n      }\n    });\n  }\n});\n\nonError((error: Error) => {\n  console.error('粘贴错误:', error);\n  ElMessageBox.alert(error.message, '提示', {\n    type: 'error',\n  });\n});\n\ndefineExpose({\n  submit,\n  abort,\n  clearFiles,\n  handleStart,\n  uploadFileRef,\n});\n</script>\n\n<style scoped lang=\"scss\">\n.gm-upload-preview-dialog {\n  :deep(.el-dialog__body) {\n    padding: 0;\n  }\n}\n.gm-upload-file-picture-card {\n  :deep(.el-upload-list__item),\n  :deep(.el-upload--picture-card) {\n    width: auto;\n    height: auto;\n  }\n}\n</style>\n<style lang=\"scss\">\n.gm-upload-file {\n  line-height: normal;\n  .el-checkbox {\n    position: absolute;\n    left: 10px;\n    top: 0;\n    z-index: 9;\n  }\n  .el-upload-list--picture-card {\n    gap: 10px;\n  }\n  .el-upload-list__item {\n    margin: 0;\n  }\n  .el-upload-list__item-file-name {\n    line-height: normal;\n  }\n  .el-upload-dragger {\n    padding: 0;\n    border: none;\n    width: 100%;\n    height: 100%;\n    display: flex;\n  }\n  .el-upload--picture-card {\n    border: none;\n  }\n}\n.gm-upload-file-disabled {\n  .el-upload--picture-card {\n    display: none;\n  }\n  .el-upload-list__item-status-label {\n    display: none;\n  }\n}\n</style>\n"],"names":["_useModel"],"mappings":"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"}