giime 0.7.3 → 0.7.5

package/lib/components/src/business/uploadPro/uploadPro.js

@@ -2,7 +2,7 @@
 
 var elementPlus = require('element-plus');
 
-const uploadFileProps = {
+const uploadFileProProps = {
   ...elementPlus.uploadProps,
   // ...previewFileProps,
   listType: {
@@ -74,5 +74,5 @@ const uploadFileProps = {
   }
 };
 
-exports.uploadFileProps = uploadFileProps;
+exports.uploadFileProProps = uploadFileProProps;
 //# sourceMappingURL=uploadPro.js.map

package/lib/components/src/business/uploadPro/uploadPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploadPro.js","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":["uploadProps"],"mappings":";;;;AAKO,MAAM,eAAkB,GAAA;AAAA,EAC7B,GAAGA,uBAAA;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;;;;"}
+{"version":3,"file":"uploadPro.js","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 uploadFileProProps = {\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":["uploadProps"],"mappings":";;;;AAKO,MAAM,kBAAqB,GAAA;AAAA,EAChC,GAAGA,uBAAA;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/lib/components/src/composite/index.d.ts

@@ -11,3 +11,4 @@ export * from './fileComponent';
 export * from './previewFile';
 export * from './tableCustom';
 export * from './ruleEditor';
+export * from './uploadFile';

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

@@ -13,6 +13,7 @@ var index$l = require('./fileComponent/index.js');
 var index$m = require('./previewFile/index.js');
 var index$n = require('./tableCustom/index.js');
 var index$q = require('./ruleEditor/index.js');
+var index$r = require('./uploadFile/index.js');
 var searchForm = require('./searchForm/searchForm.js');
 var common = require('./searchForm/searchFormItems/common.js');
 var searchFormInput = require('./searchForm/searchFormItems/input/searchFormInput.js');
@@ -53,6 +54,7 @@ var index$o = require('./tableCustom/tableCustomHeader/index.js');
 var customOperate = require('./tableCustom/customOperate/customOperate.js');
 var index$p = require('./tableCustom/customOperate/index.js');
 var ruleEditor = require('./ruleEditor/ruleEditor.js');
+var uploadFile = require('./uploadFile/uploadFile.js');
 
 
 
@@ -69,6 +71,7 @@ exports.GmFileComponent = index$l.GmFileComponent;
 exports.GmPreviewFile = index$m.GmPreviewFile;
 exports.GmTableCustom = index$n.GmTableCustom;
 exports.GmRuleEditor = index$q.GmRuleEditor;
+exports.GmUploadFile = index$r.GmUploadFile;
 exports.searchFormEmits = searchForm.searchFormEmits;
 exports.searchFormItemList = searchForm.searchFormItemList;
 exports.searchFormProps = searchForm.searchFormProps;
@@ -133,4 +136,5 @@ exports.customOperateProps = customOperate.customOperateProps;
 exports.GmCustomOperate = index$p.GmCustomOperate;
 exports.ruleEditorEmits = ruleEditor.ruleEditorEmits;
 exports.ruleEditorProps = ruleEditor.ruleEditorProps;
+exports.uploadFileProps = uploadFile.uploadFileProps;
 //# sourceMappingURL=index.js.map

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

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

package/lib/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>;
@@ -194,6 +187,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     } | ((new (...args: any[]) => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | (() => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | {
         (): (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void;
         new (): any;
+        /** 预览 */
         readonly prototype: any;
     })[], unknown, unknown, () => void, boolean>;
     crossorigin: {
@@ -225,6 +219,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 +738,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 +824,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>;
@@ -907,6 +926,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     } | ((new (...args: any[]) => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | (() => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | {
         (): (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void;
         new (): any;
+        /** 预览 */
         readonly prototype: any;
     })[], unknown, unknown, () => void, boolean>;
     crossorigin: {
@@ -938,6 +958,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 +997,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,20 +1028,25 @@ 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;
-    fileName: string;
-    platform: string;
-    parallel: number;
     folder: string;
     seat: string;
+    parallel: number;
     partSize: number;
     bucket: string;
-    cdn: string;
+    fileName: string;
     saveStore: boolean;
+    platform: string;
+    cdn: string;
 }, {}>, {
     default?(_: {}): any;
     file?(_: {

package/lib/components/src/composite/uploadFile/UploadFile.vue.js

@@ -7,7 +7,7 @@ require('./UploadFile.vue3.js');
 require('./UploadFile.vue4.js');
 var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
 
-var UploadFile = /* @__PURE__ */ _pluginVue_exportHelper.default(UploadFile_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-62eb3199"]]);
+var UploadFile = /* @__PURE__ */ _pluginVue_exportHelper.default(UploadFile_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-12e65ac7"]]);
 
 exports.default = UploadFile;
 //# sourceMappingURL=UploadFile.vue.js.map

package/lib/components/src/composite/uploadFile/UploadFile.vue2.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var aliossPutHook = require('../../../../utils/src/alioss/aliossPutHook.js');
-var file = require('../../../../utils/src/file.js');
-var index$1 = require('../../../../hooks/base/usePasteFile/index.js');
-var index = require('../../plugins/confirmBox/index.js');
+var index = require('../../../../hooks/store/useUploadTask/index.js');
+var index$2 = require('../../../../hooks/base/usePasteFile/index.js');
+var index$1 = require('../../plugins/confirmBox/index.js');
 var iconsVue = require('@element-plus/icons-vue');
-var index$2 = require('../fileComponent/index.js');
-var index$3 = require('../previewFile/index.js');
+var index$3 = require('../fileComponent/index.js');
+var index$4 = require('../previewFile/index.js');
 var uploadFile = require('./uploadFile.js');
 
-const _withScopeId = (n) => (vue.pushScopeId("data-v-62eb3199"), n = n(), vue.popScopeId(), n);
+const _withScopeId = (n) => (vue.pushScopeId("data-v-12e65ac7"), n = n(), vue.popScopeId(), n);
 const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
   "div",
   { class: "el-upload__text gm-text-center !gm-text-xs gm-text-gray-500" },
@@ -38,39 +37,42 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     "checkoutFiles": { default: () => [] },
     "checkoutFilesModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["handleRemove", "handleSaveFileSuccess"], ["update:fileList", "update:checkoutFiles"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["handleRemove"], ["update:fileList", "update:checkoutFiles"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const { uploadFile, saveFileResult } = aliossPutHook.useAliossHookStore();
-    saveFileResult((res) => {
-      emit("handleSaveFileSuccess", res);
-    });
+    const { uploadFileTask } = index.useUploadTaskStore();
     const fileList = vue.useModel(__props, "fileList");
     const checkoutFiles = vue.useModel(__props, "checkoutFiles");
-    const httpRequest = async (params) => {
-      const { file: file$1 } = params;
-      if (props.accept && props.accept !== "*") {
-        const isValidType = file.fileValidType(file$1, 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: file$1,
-        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 = vue.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;
@@ -87,7 +89,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const handleRemove = async (file, uploadFiles) => {
       if (props.deleteTip) {
-        await index.GmConfirmBox({ message: "\u786E\u5B9A\u5220\u9664\u8BE5\u6587\u4EF6\u5417\uFF1F" }, async () => {
+        await index$1.GmConfirmBox({ message: "\u786E\u5B9A\u5220\u9664\u8BE5\u6587\u4EF6\u5417\uFF1F" }, async () => {
         });
       }
       removeFile(file, uploadFiles);
@@ -112,7 +114,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       fileIndex.value = fileList.value.indexOf(file);
       dialogVisible.value = true;
     };
-    const { onSuccess, onError } = index$1.usePasteFile(pasteFileRef, { accept: props.accept, disabled: props.disabled });
+    const { onSuccess, onError } = index$2.usePasteFile(pasteFileRef, { accept: props.accept, disabled: props.disabled });
     onSuccess((files) => {
       if (Array.isArray(files) && files.length > 0) {
         files.forEach((file) => {
@@ -167,7 +169,9 @@ var _sfc_main = /* @__PURE__ */ vue.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
                 }), vue.createSlots({
                   default: vue.withCtx(() => [
                     !_ctx.disabled ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
@@ -224,7 +228,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             style: vue.normalizeStyle({ width: _ctx.width + "px", height: _ctx.height + "px" })
                           },
                           [
-                            vue.createVNode(vue.unref(index$2.GmFileComponent), {
+                            vue.createVNode(vue.unref(index$3.GmFileComponent), {
                               file,
                               size: _ctx.width - 40,
                               url: _ctx.url,
@@ -272,7 +276,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               _: 3
               /* FORWARDED */
             }, 8, ["modelValue"]),
-            vue.createVNode(vue.unref(index$3.GmPreviewFile), {
+            vue.createVNode(vue.unref(index$4.GmPreviewFile), {
               dialogVisible: dialogVisible.value,
               "onUpdate:dialogVisible": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
               "file-index": fileIndex.value,

package/lib/components/src/composite/uploadFile/UploadFile.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFile.vue2.js","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":["useAliossHookStore","_useModel","file","fileValidType","GmConfirmBox","ref","usePasteFile","ElMessageBox"],"mappings":"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"}
+{"version":3,"file":"UploadFile.vue2.js","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 './uploadFile';\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":["useUploadTaskStore","_useModel","ref","GmConfirmBox","usePasteFile","ElMessageBox"],"mappings":"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"}