@element-plus/nightly 0.0.20220322 → 0.0.20220325

package/es/components/upload/src/upload-list2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload-list2.mjs","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      nsUpload.b('list'),\n      nsUpload.bm('list', listType),\n      nsUpload.is('disabled', disabled),\n    ]\"\n    :name=\"nsList.b()\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file.name\"\n      :class=\"[\n        nsUpload.be('list', 'item'),\n        nsUpload.is(file.status),\n        { focusing },\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove(file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            listType === 'picture' ||\n            (file.status !== 'uploading' && listType === 'picture-card')\n          \"\n          :class=\"nsUpload.be('list', 'item-thumbnail')\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <div\n          v-if=\"\n            listType !== 'picture' &&\n            (file.status === 'uploading' || listType !== 'picture-card')\n          \"\n          :class=\"nsUpload.be('list', 'item-info')\"\n        >\n          <a\n            :class=\"nsUpload.be('list', 'item-name')\"\n            @click=\"handleClick(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('document')\"><Document /></el-icon>\n            {{ file.name }}\n          </a>\n          <el-progress\n            v-if=\"file.status === 'uploading'\"\n            :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n            :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n            :percentage=\"Number(file.percentage)\"\n            :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n          />\n        </div>\n\n        <label :class=\"nsUpload.be('list', 'item-status-label')\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n          >\n            <Check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          :class=\"nsIcon.m('close')\"\n          @click=\"handleRemove(file)\"\n        >\n          <Close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <span\n          v-if=\"listType === 'picture-card'\"\n          :class=\"nsUpload.be('list', 'item-actions')\"\n        >\n          <span\n            :class=\"nsUpload.be('list', 'item-preview')\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"nsUpload.be('list', 'item-delete')\"\n            @click=\"handleRemove(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('delete')\"><Delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Document,\n  Delete,\n  Close,\n  ZoomIn,\n  Check,\n  CircleCheck,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport { uploadListEmits, uploadListProps } from './upload-list'\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n  name: 'ElUploadList',\n})\n\nconst props = defineProps(uploadListProps)\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\n\nconst focusing = ref(false)\n\nconst handleClick = (file: UploadFile) => {\n  props.handlePreview(file)\n}\n\nconst onFileClicked = (e: Event) => {\n  ;(e.target as HTMLElement).focus()\n}\n\nconst handleRemove = (file: UploadFile) => {\n  emit('remove', file)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmIA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,YAAA,CAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,YAAA,CAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,YAAA,CAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,CAAA,CAAA,KAAA;AACA,MAAA,CAAA;AAAA,MAAA,EAAA,MAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"upload-list2.mjs","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      nsUpload.b('list'),\n      nsUpload.bm('list', listType),\n      nsUpload.is('disabled', disabled),\n    ]\"\n    :name=\"nsList.b()\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file.name\"\n      :class=\"[\n        nsUpload.be('list', 'item'),\n        nsUpload.is(file.status),\n        { focusing },\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove(file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            listType === 'picture' ||\n            (file.status !== 'uploading' && listType === 'picture-card')\n          \"\n          :class=\"nsUpload.be('list', 'item-thumbnail')\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <div\n          v-if=\"\n            listType !== 'picture' &&\n            (file.status === 'uploading' || listType !== 'picture-card')\n          \"\n          :class=\"nsUpload.be('list', 'item-info')\"\n        >\n          <a\n            :class=\"nsUpload.be('list', 'item-name')\"\n            @click=\"handleClick(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('document')\"><Document /></el-icon>\n            {{ file.name }}\n          </a>\n          <el-progress\n            v-if=\"file.status === 'uploading'\"\n            :type=\"listType === 'picture-card' ? 'circle' : 'line'\"\n            :stroke-width=\"listType === 'picture-card' ? 6 : 2\"\n            :percentage=\"Number(file.percentage)\"\n            :style=\"listType === 'picture-card' ? '' : 'margin-top: 0.5rem'\"\n          />\n        </div>\n\n        <label :class=\"nsUpload.be('list', 'item-status-label')\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n          >\n            <Check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          :class=\"nsIcon.m('close')\"\n          @click=\"handleRemove(file)\"\n        >\n          <Close />\n        </el-icon>\n        <!-- Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn-->\n        <!-- This is a bug which needs to be fixed -->\n        <!-- TODO: Fix the incorrect navigation interaction -->\n        <i v-if=\"!disabled\" :class=\"nsIcon.m('close-tip')\">{{\n          t('el.upload.deleteTip')\n        }}</i>\n        <span\n          v-if=\"listType === 'picture-card'\"\n          :class=\"nsUpload.be('list', 'item-actions')\"\n        >\n          <span\n            :class=\"nsUpload.be('list', 'item-preview')\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"nsUpload.be('list', 'item-delete')\"\n            @click=\"handleRemove(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('delete')\"><Delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n    <slot name=\"append\" />\n  </transition-group>\n</template>\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { ElIcon } from '@element-plus/components/icon'\nimport {\n  Check,\n  CircleCheck,\n  Close,\n  Delete,\n  Document,\n  ZoomIn,\n} from '@element-plus/icons-vue'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport { uploadListEmits, uploadListProps } from './upload-list'\nimport type { UploadFile } from './upload'\n\ndefineOptions({\n  name: 'ElUploadList',\n})\n\nconst props = defineProps(uploadListProps)\nconst emit = defineEmits(uploadListEmits)\n\nconst { t } = useLocale()\nconst nsUpload = useNamespace('upload')\nconst nsIcon = useNamespace('icon')\nconst nsList = useNamespace('list')\n\nconst focusing = ref(false)\n\nconst handleClick = (file: UploadFile) => {\n  props.handlePreview(file)\n}\n\nconst onFileClicked = (e: Event) => {\n  ;(e.target as HTMLElement).focus()\n}\n\nconst handleRemove = (file: UploadFile) => {\n  emit('remove', file)\n}\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmIA,IAAA,MAAA,EAAA,CAAA,EAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAA,MAAA,WAAA,YAAA,CAAA,QAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,YAAA,CAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,SAAA,YAAA,CAAA,MAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,CAAA,KAAA,CAAA,CAAA;AAEA,IAAA,MAAA,WAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,KAAA,CAAA,aAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,aAAA,GAAA,CAAA,CAAA,KAAA;AACA,MAAA,CAAA;AAAA,MAAA,EAAA,MAAA,CAAA,KAAA,EAAA,CAAA;AAAA,KAAA,CAAA;AAGA,IAAA,MAAA,YAAA,GAAA,CAAA,IAAA,KAAA;AACA,MAAA,IAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAAA,KAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/upload/src/upload.d.ts

@@ -45,7 +45,7 @@ export interface UploadHooks {
     onSuccess: (response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
     onProgress: (evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
     onError: (error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void;
-    onExceed: (files: File[], uploadFiles: UploadFiles) => void;
+    onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void;
 }
 export declare const uploadBaseProps: {
     readonly action: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
@@ -75,7 +75,7 @@ export declare const uploadProps: {
     readonly onSuccess: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(response: any, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onProgress: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(evt: UploadProgressEvent, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onError: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(error: Error, uploadFile: UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onExceed: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onExceed: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<(files: File[], uploadFiles: UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
     readonly action: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
     readonly headers: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;

package/es/components/upload/src/upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"upload.mjs","sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { UploadAjaxError } from './ajax'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Upload from './upload.vue'\n\nexport const uploadListTypes = ['text', 'picture', 'picture-card'] as const\n\nlet fileId = 1\nexport const genFileId = () => Date.now() + fileId++\n\nexport type UploadStatus = 'ready' | 'uploading' | 'success' | 'fail'\nexport interface UploadProgressEvent extends ProgressEvent {\n  percent: number\n}\n\nexport interface UploadRequestOptions {\n  action: string\n  method: string\n  data: Record<string, string | Blob | [string | Blob, string]>\n  filename: string\n  file: File\n  headers: Headers | Record<string, string | number | null | undefined>\n  onError: (evt: UploadAjaxError) => void\n  onProgress: (evt: UploadProgressEvent) => void\n  onSuccess: (response: any) => void\n  withCredentials: boolean\n}\nexport interface UploadFile {\n  name: string\n  percentage?: number\n  status: UploadStatus\n  size?: number\n  response?: unknown\n  uid: number\n  url?: string\n  raw?: UploadRawFile\n}\nexport type UploadUserFile = Omit<UploadFile, 'status' | 'uid'> &\n  Partial<Pick<UploadFile, 'status' | 'uid'>>\n\nexport type UploadFiles = UploadFile[]\nexport interface UploadRawFile extends File {\n  uid: number\n}\nexport type UploadRequestHandler = (\n  options: UploadRequestOptions\n) => XMLHttpRequest | Promise<unknown>\nexport interface UploadHooks {\n  beforeUpload: (\n    rawFile: UploadRawFile\n  ) => Awaitable<void | undefined | null | boolean | File | Blob>\n  beforeRemove: (\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => Awaitable<boolean>\n  onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onPreview: (uploadFile: UploadFile) => void\n  onSuccess: (\n    response: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onProgress: (\n    evt: UploadProgressEvent,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onError: (\n    error: Error,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onExceed: (files: File[], uploadFiles: UploadFiles) => void\n}\n\nexport const uploadBaseProps = buildProps({\n  action: {\n    type: String,\n    required: true,\n  },\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  method: {\n    type: String,\n    default: 'post',\n  },\n  data: {\n    type: Object,\n    default: () => mutable({} as const),\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  name: {\n    type: String,\n    default: 'file',\n  },\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n  withCredentials: Boolean,\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  accept: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'select',\n  },\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  disabled: Boolean,\n  limit: Number,\n} as const)\n\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadProps = ExtractPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"upload.mjs","sources":["../../../../../../packages/components/upload/src/upload.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { ajaxUpload } from './ajax'\n\nimport type { UploadAjaxError } from './ajax'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type Upload from './upload.vue'\n\nexport const uploadListTypes = ['text', 'picture', 'picture-card'] as const\n\nlet fileId = 1\nexport const genFileId = () => Date.now() + fileId++\n\nexport type UploadStatus = 'ready' | 'uploading' | 'success' | 'fail'\nexport interface UploadProgressEvent extends ProgressEvent {\n  percent: number\n}\n\nexport interface UploadRequestOptions {\n  action: string\n  method: string\n  data: Record<string, string | Blob | [string | Blob, string]>\n  filename: string\n  file: File\n  headers: Headers | Record<string, string | number | null | undefined>\n  onError: (evt: UploadAjaxError) => void\n  onProgress: (evt: UploadProgressEvent) => void\n  onSuccess: (response: any) => void\n  withCredentials: boolean\n}\nexport interface UploadFile {\n  name: string\n  percentage?: number\n  status: UploadStatus\n  size?: number\n  response?: unknown\n  uid: number\n  url?: string\n  raw?: UploadRawFile\n}\nexport type UploadUserFile = Omit<UploadFile, 'status' | 'uid'> &\n  Partial<Pick<UploadFile, 'status' | 'uid'>>\n\nexport type UploadFiles = UploadFile[]\nexport interface UploadRawFile extends File {\n  uid: number\n}\nexport type UploadRequestHandler = (\n  options: UploadRequestOptions\n) => XMLHttpRequest | Promise<unknown>\nexport interface UploadHooks {\n  beforeUpload: (\n    rawFile: UploadRawFile\n  ) => Awaitable<void | undefined | null | boolean | File | Blob>\n  beforeRemove: (\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => Awaitable<boolean>\n  onRemove: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onChange: (uploadFile: UploadFile, uploadFiles: UploadFiles) => void\n  onPreview: (uploadFile: UploadFile) => void\n  onSuccess: (\n    response: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onProgress: (\n    evt: UploadProgressEvent,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onError: (\n    error: Error,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles\n  ) => void\n  onExceed: (files: File[], uploadFiles: UploadUserFile[]) => void\n}\n\nexport const uploadBaseProps = buildProps({\n  action: {\n    type: String,\n    required: true,\n  },\n  headers: {\n    type: definePropType<Headers | Record<string, any>>(Object),\n  },\n  method: {\n    type: String,\n    default: 'post',\n  },\n  data: {\n    type: Object,\n    default: () => mutable({} as const),\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  name: {\n    type: String,\n    default: 'file',\n  },\n  drag: {\n    type: Boolean,\n    default: false,\n  },\n  withCredentials: Boolean,\n  showFileList: {\n    type: Boolean,\n    default: true,\n  },\n  accept: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'select',\n  },\n  fileList: {\n    type: definePropType<UploadUserFile[]>(Array),\n    default: () => mutable([] as const),\n  },\n  autoUpload: {\n    type: Boolean,\n    default: true,\n  },\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n  httpRequest: {\n    type: definePropType<UploadRequestHandler>(Function),\n    default: ajaxUpload,\n  },\n  disabled: Boolean,\n  limit: Number,\n} as const)\n\nexport const uploadProps = buildProps({\n  ...uploadBaseProps,\n  beforeUpload: {\n    type: definePropType<UploadHooks['beforeUpload']>(Function),\n    default: NOOP,\n  },\n  beforeRemove: {\n    type: definePropType<UploadHooks['beforeRemove']>(Function),\n  },\n  onRemove: {\n    type: definePropType<UploadHooks['onRemove']>(Function),\n    default: NOOP,\n  },\n  onChange: {\n    type: definePropType<UploadHooks['onChange']>(Function),\n    default: NOOP,\n  },\n  onPreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  onSuccess: {\n    type: definePropType<UploadHooks['onSuccess']>(Function),\n    default: NOOP,\n  },\n  onProgress: {\n    type: definePropType<UploadHooks['onProgress']>(Function),\n    default: NOOP,\n  },\n  onError: {\n    type: definePropType<UploadHooks['onError']>(Function),\n    default: NOOP,\n  },\n  onExceed: {\n    type: definePropType<UploadHooks['onExceed']>(Function),\n    default: NOOP,\n  },\n} as const)\n\nexport type UploadProps = ExtractPropTypes<typeof uploadProps>\n\nexport type UploadInstance = InstanceType<typeof Upload>\n"],"names":[],"mappings":"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"}

package/es/components/upload/src/upload.vue.d.ts

@@ -1,16 +1,15 @@
 /// <reference types="node" />
-import { type UploadFiles } from './upload';
 import type { UploadContentProps } from './upload-content';
 declare const _default: import("vue").DefineComponent<{
     readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
-    readonly beforeRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => import("../../../utils").Awaitable<boolean>>, unknown, unknown, unknown, unknown>;
-    readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly beforeRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => import("../../../utils").Awaitable<boolean>>, unknown, unknown, unknown, unknown>;
+    readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onPreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile) => void>, () => void, unknown, unknown, unknown>;
-    readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
     readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
     readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -31,14 +30,14 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
-        readonly beforeRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => import("../../../utils").Awaitable<boolean>>, unknown, unknown, unknown, unknown>;
-        readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-        readonly onChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly beforeRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => import("../../../utils").Awaitable<boolean>>, unknown, unknown, unknown, unknown>;
+        readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
         readonly onPreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile) => void>, () => void, unknown, unknown, unknown>;
-        readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-        readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-        readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
         readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -59,6 +58,9 @@ declare const _default: import("vue").DefineComponent<{
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot | undefined;
+    }>;
     disabled: import("vue").ComputedRef<boolean>;
     uploadRef: import("vue").ShallowRef<({
         $: import("vue").ComponentInternalInstance;
@@ -76,7 +78,7 @@ declare const _default: import("vue").DefineComponent<{
             method: string;
             showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             accept: string;
-            fileList: import("./upload").UploadFile[];
+            fileList: import("./upload").UploadUserFile[];
             autoUpload: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             listType: import("../../../utils").BuildPropType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
             httpRequest: import("./upload").UploadRequestHandler;
@@ -84,17 +86,17 @@ declare const _default: import("vue").DefineComponent<{
             beforeUpload: (rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>;
             onRemove: (file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void;
             onSuccess: (response: any, rawFile: import("./upload").UploadRawFile) => unknown;
-            onExceed: (files: File[], uploadFiles: UploadFiles) => void;
+            onExceed: (files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void;
             onStart: (rawFile: import("./upload").UploadRawFile) => void;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
             readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
             readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
             readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
             readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -126,14 +128,14 @@ declare const _default: import("vue").DefineComponent<{
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
             readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
             readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
             readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
             readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -152,14 +154,14 @@ declare const _default: import("vue").DefineComponent<{
             readonly limit: NumberConstructor;
         }>>, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+                readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
                 readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
                 readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
                 readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
                 readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
                 readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
                 readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-                readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+                readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
                 readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
                 readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
                 readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -252,7 +254,7 @@ declare const _default: import("vue").DefineComponent<{
             method: string;
             showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             accept: string;
-            fileList: import("./upload").UploadFile[];
+            fileList: import("./upload").UploadUserFile[];
             autoUpload: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
             listType: import("../../../utils").BuildPropType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
             httpRequest: import("./upload").UploadRequestHandler;
@@ -260,7 +262,7 @@ declare const _default: import("vue").DefineComponent<{
             beforeUpload: (rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>;
             onRemove: (file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void;
             onSuccess: (response: any, rawFile: import("./upload").UploadRawFile) => unknown;
-            onExceed: (files: File[], uploadFiles: UploadFiles) => void;
+            onExceed: (files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void;
             onStart: (rawFile: import("./upload").UploadRawFile) => void;
         }> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -283,14 +285,14 @@ declare const _default: import("vue").DefineComponent<{
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+        readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
         readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
         readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
         readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
         readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -309,14 +311,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly limit: NumberConstructor;
     }>> & import("vue").ShallowUnwrapRef<{
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
             readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
             readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
             readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
             readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -439,18 +441,15 @@ declare const _default: import("vue").DefineComponent<{
     handleSuccess: (response: any, rawFile: import("./upload").UploadRawFile) => unknown;
     handleProgress: (evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void;
     isPictureCard: import("vue").ComputedRef<boolean>;
-    slots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
-    }>;
     uploadContentProps: import("vue").ComputedRef<UploadContentProps>;
     UploadList: import("vue").DefineComponent<{
-        readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<UploadFiles>, () => never[], unknown, unknown, unknown>;
+        readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFiles>, () => never[], unknown, unknown, unknown>;
         readonly disabled: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly handlePreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile) => void>, () => void, unknown, unknown, unknown>;
         readonly listType: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "picture" | "picture-card", unknown>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<UploadFiles>, () => never[], unknown, unknown, unknown>;
+            readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFiles>, () => never[], unknown, unknown, unknown>;
             readonly disabled: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
             readonly handlePreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile) => void>, () => void, unknown, unknown, unknown>;
             readonly listType: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "picture" | "picture-card", unknown>;
@@ -537,12 +536,12 @@ declare const _default: import("vue").DefineComponent<{
             size: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
             color: string;
         }>> & Record<string, any>;
-        Document: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        Delete: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-        ZoomIn: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         Check: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         CircleCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Delete: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        Document: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ZoomIn: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         ElProgress: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
             readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "line", unknown, "circle" | "line" | "dashboard", unknown>;
             readonly percentage: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
@@ -626,7 +625,7 @@ declare const _default: import("vue").DefineComponent<{
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         remove: (file: import("./upload").UploadFile) => boolean;
     }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<UploadFiles>, () => never[], unknown, unknown, unknown>;
+        readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFiles>, () => never[], unknown, unknown, unknown>;
         readonly disabled: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
         readonly handlePreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile) => void>, () => void, unknown, unknown, unknown>;
         readonly listType: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "picture" | "picture-card", unknown>;
@@ -635,18 +634,18 @@ declare const _default: import("vue").DefineComponent<{
     }, {
         disabled: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         listType: import("../../../utils").BuildPropType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
-        files: UploadFiles;
+        files: import("./upload").UploadFiles;
         handlePreview: (uploadFile: import("./upload").UploadFile) => void;
     }>;
     UploadContent: import("vue").DefineComponent<{
-        readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+        readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
         readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
         readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
         readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
         readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -665,14 +664,14 @@ declare const _default: import("vue").DefineComponent<{
         readonly limit: NumberConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+            readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
             readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
             readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
             readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
             readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
             readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+            readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
             readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
             readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
             readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -753,14 +752,14 @@ declare const _default: import("vue").DefineComponent<{
             disabled: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         }>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFile[]>, () => [], unknown, unknown, unknown>;
+        readonly fileList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadUserFile[]>, () => [], unknown, unknown, unknown>;
         readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
         readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void>, () => void, unknown, unknown, unknown>;
         readonly onStart: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, rawFile: import("./upload").UploadRawFile) => unknown>, () => void, unknown, unknown, unknown>;
         readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
         readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(err: import("./ajax").UploadAjaxError, rawFile: import("./upload").UploadRawFile) => void>, () => void, unknown, unknown, unknown>;
-        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+        readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
         readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
         readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
         readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -790,7 +789,7 @@ declare const _default: import("vue").DefineComponent<{
         method: string;
         showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         accept: string;
-        fileList: import("./upload").UploadFile[];
+        fileList: import("./upload").UploadUserFile[];
         autoUpload: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         listType: import("../../../utils").BuildPropType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
         httpRequest: import("./upload").UploadRequestHandler;
@@ -798,19 +797,19 @@ declare const _default: import("vue").DefineComponent<{
         beforeUpload: (rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>;
         onRemove: (file: import("./upload").UploadFile | import("./upload").UploadRawFile, rawFile?: import("./upload").UploadRawFile | undefined) => void;
         onSuccess: (response: any, rawFile: import("./upload").UploadRawFile) => unknown;
-        onExceed: (files: File[], uploadFiles: UploadFiles) => void;
+        onExceed: (files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void;
         onStart: (rawFile: import("./upload").UploadRawFile) => void;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly beforeUpload: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>>, () => void, unknown, unknown, unknown>;
-    readonly beforeRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => import("../../../utils").Awaitable<boolean>>, unknown, unknown, unknown, unknown>;
-    readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly beforeRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => import("../../../utils").Awaitable<boolean>>, unknown, unknown, unknown, unknown>;
+    readonly onRemove: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onChange: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
     readonly onPreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: import("./upload").UploadFile) => void>, () => void, unknown, unknown, unknown>;
-    readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
-    readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onSuccess: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(response: any, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onProgress: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onError: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void>, () => void, unknown, unknown, unknown>;
+    readonly onExceed: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void>, () => void, unknown, unknown, unknown>;
     readonly action: import("../../../utils").BuildPropReturn<StringConstructor, unknown, true, unknown, unknown>;
     readonly headers: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown, unknown, unknown>;
     readonly method: import("../../../utils").BuildPropReturn<StringConstructor, "post", unknown, unknown, unknown>;
@@ -833,11 +832,11 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     name: string;
     data: Record<string, any>;
-    onChange: (uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void;
+    onChange: (uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
     drag: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     multiple: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    onError: (error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void;
-    onProgress: (evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void;
+    onError: (error: Error, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
+    onProgress: (evt: import("./upload").UploadProgressEvent, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
     headers: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<Record<string, any> | Headers>, unknown, unknown>;
     method: string;
     showFileList: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
@@ -848,10 +847,10 @@ declare const _default: import("vue").DefineComponent<{
     httpRequest: import("./upload").UploadRequestHandler;
     withCredentials: boolean;
     beforeUpload: (rawFile: import("./upload").UploadRawFile) => import("../../../utils").Awaitable<boolean | void | File | Blob | null | undefined>;
-    beforeRemove: (uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => import("../../../utils").Awaitable<boolean>;
-    onRemove: (uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void;
+    beforeRemove: (uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => import("../../../utils").Awaitable<boolean>;
+    onRemove: (uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
     onPreview: (uploadFile: import("./upload").UploadFile) => void;
-    onSuccess: (response: any, uploadFile: import("./upload").UploadFile, uploadFiles: UploadFiles) => void;
-    onExceed: (files: File[], uploadFiles: UploadFiles) => void;
+    onSuccess: (response: any, uploadFile: import("./upload").UploadFile, uploadFiles: import("./upload").UploadFiles) => void;
+    onExceed: (files: File[], uploadFiles: import("./upload").UploadUserFile[]) => void;
 }>;
 export default _default;

package/es/components/upload/src/upload2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, computed, onBeforeUnmount, provide, toRef, useSlots, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, mergeProps, renderSlot, createCommentVNode } from 'vue';
+import { defineComponent, useSlots, shallowRef, computed, onBeforeUnmount, provide, toRef, openBlock, createElementBlock, unref, createBlock, createSlots, withCtx, mergeProps, renderSlot, createCommentVNode } from 'vue';
 import '../../../tokens/index.mjs';
 import '../../../hooks/index.mjs';
 import _sfc_main$1 from './upload-list2.mjs';
@@ -16,6 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   props: uploadProps,
   setup(__props, { expose }) {
     const props = __props;
+    const slots = useSlots();
     const disabled = useDisabled();
     const uploadRef = shallowRef();
     const {
@@ -30,6 +31,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleProgress
     } = useHandlers(props, uploadRef);
     const isPictureCard = computed(() => props.listType === "picture-card");
+    const uploadContentProps = computed(() => ({
+      ...props,
+      onStart: handleStart,
+      onProgress: handleProgress,
+      onSuccess: handleSuccess,
+      onError: handleError,
+      onRemove: handleRemove
+    }));
     onBeforeUnmount(() => {
       uploadFiles.value.forEach(({ url }) => {
         if (url == null ? void 0 : url.startsWith("blob:"))
@@ -46,33 +55,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleStart,
       handleRemove
     });
-    const slots = useSlots();
-    const uploadContentProps = computed(() => ({
-      type: props.type,
-      drag: props.drag,
-      action: props.action,
-      multiple: props.multiple,
-      withCredentials: props.withCredentials,
-      headers: props.headers,
-      method: props.method,
-      name: props.name,
-      data: props.data,
-      accept: props.accept,
-      autoUpload: props.autoUpload,
-      listType: props.listType,
-      disabled: props.disabled,
-      limit: props.limit,
-      fileList: props.fileList,
-      showFileList: props.showFileList,
-      httpRequest: props.httpRequest,
-      beforeUpload: props.beforeUpload,
-      onExceed: props.onExceed,
-      onStart: handleStart,
-      onProgress: handleProgress,
-      onSuccess: handleSuccess,
-      onError: handleError,
-      onRemove: handleRemove
-    }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         unref(isPictureCard) && _ctx.showFileList ? (openBlock(), createBlock(_sfc_main$1, {