@element-plus/nightly 0.0.20211230

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

@@ -0,0 +1,224 @@
+import ajax from './ajax';
+import type { PropType } from 'vue';
+import type { Nullable } from 'element-plus/es/utils/types';
+import type { ListType, UploadFile, FileHandler, FileResultHandler } from './upload.type';
+declare type PFileHandler<T> = PropType<FileHandler<T>>;
+declare type PFileResultHandler<T = any> = PropType<FileResultHandler<T>>;
+declare const _default: import("vue").DefineComponent<{
+    action: {
+        type: StringConstructor;
+        required: true;
+    };
+    headers: {
+        type: PropType<Headers>;
+        default: () => {};
+    };
+    method: {
+        type: StringConstructor;
+        default: string;
+    };
+    data: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    drag: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    withCredentials: BooleanConstructor;
+    showFileList: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    beforeUpload: {
+        type: PFileHandler<void>;
+        default: () => void;
+    };
+    beforeRemove: {
+        type: PFileHandler<boolean>;
+        default: () => void;
+    };
+    onRemove: {
+        type: PFileHandler<void>;
+        default: () => void;
+    };
+    onChange: {
+        type: PFileHandler<void>;
+        default: () => void;
+    };
+    onPreview: {
+        type: PropType<() => void>;
+        default: () => void;
+    };
+    onSuccess: {
+        type: PFileResultHandler<any>;
+        default: () => void;
+    };
+    onProgress: {
+        type: PFileResultHandler<ProgressEvent<EventTarget>>;
+        default: () => void;
+    };
+    onError: {
+        type: PFileResultHandler<Error>;
+        default: () => void;
+    };
+    fileList: {
+        type: PropType<UploadFile[]>;
+        default: () => UploadFile[];
+    };
+    autoUpload: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    listType: {
+        type: PropType<ListType>;
+        default: ListType;
+    };
+    httpRequest: {
+        type: FunctionConstructor;
+        default: typeof ajax;
+    };
+    disabled: BooleanConstructor;
+    limit: {
+        type: PropType<Nullable<number>>;
+        default: null;
+    };
+    onExceed: {
+        type: FunctionConstructor;
+        default: () => () => void;
+    };
+}, {
+    abort: (file: UploadFile) => void;
+    dragOver: import("vue").Ref<boolean>;
+    draging: import("vue").Ref<boolean>;
+    handleError: (err: Error, rawFile: import("./upload.type").ElFile) => void;
+    handleProgress: (ev: import("./upload.type").ElUploadProgressEvent, rawFile: import("./upload.type").ElFile) => void;
+    handleRemove: (file: UploadFile, raw: import("./upload.type").ElFile) => void;
+    handleStart: (rawFile: import("./upload.type").ElFile) => void;
+    handleSuccess: (res: any, rawFile: import("./upload.type").ElFile) => void;
+    uploadDisabled: import("vue").ComputedRef<boolean | undefined>;
+    uploadFiles: import("vue").Ref<{
+        name: string;
+        percentage?: number | undefined;
+        status: import("./upload.type").UploadStatus;
+        size: number;
+        response?: unknown;
+        uid: number;
+        url?: string | undefined;
+        raw: {
+            uid: number;
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+            stream: () => ReadableStream<any>;
+            text: () => Promise<string>;
+        };
+    }[]>;
+    uploadRef: import("vue").Ref<{
+        abort: (file: UploadFile) => void;
+        upload: (file: import("./upload.type").ElFile) => void;
+    }>;
+    submit: () => void;
+    clearFiles: (status?: import("./upload.type").UploadStatus[]) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    action?: unknown;
+    headers?: unknown;
+    method?: unknown;
+    data?: unknown;
+    multiple?: unknown;
+    name?: unknown;
+    drag?: unknown;
+    withCredentials?: unknown;
+    showFileList?: unknown;
+    accept?: unknown;
+    type?: unknown;
+    beforeUpload?: unknown;
+    beforeRemove?: unknown;
+    onRemove?: unknown;
+    onChange?: unknown;
+    onPreview?: unknown;
+    onSuccess?: unknown;
+    onProgress?: unknown;
+    onError?: unknown;
+    fileList?: unknown;
+    autoUpload?: unknown;
+    listType?: unknown;
+    httpRequest?: unknown;
+    disabled?: unknown;
+    limit?: unknown;
+    onExceed?: unknown;
+} & {
+    type: string;
+    disabled: boolean;
+    name: string;
+    data: Record<string, any>;
+    drag: boolean;
+    onChange: FileHandler<void>;
+    multiple: boolean;
+    onError: FileResultHandler<Error>;
+    onProgress: FileResultHandler<ProgressEvent<EventTarget>>;
+    action: string;
+    headers: Headers;
+    method: string;
+    withCredentials: boolean;
+    accept: string;
+    onSuccess: FileResultHandler<any>;
+    beforeUpload: FileHandler<void>;
+    onPreview: () => void;
+    onRemove: FileHandler<void>;
+    fileList: UploadFile[];
+    autoUpload: boolean;
+    listType: ListType;
+    httpRequest: Function;
+    limit: Nullable<number>;
+    onExceed: Function;
+    showFileList: boolean;
+    beforeRemove: FileHandler<boolean>;
+} & {}>, {
+    type: string;
+    disabled: boolean;
+    name: string;
+    data: Record<string, any>;
+    drag: boolean;
+    onChange: FileHandler<void>;
+    multiple: boolean;
+    onError: FileResultHandler<Error>;
+    onProgress: FileResultHandler<ProgressEvent<EventTarget>>;
+    headers: Headers;
+    method: string;
+    withCredentials: boolean;
+    accept: string;
+    onSuccess: FileResultHandler<any>;
+    beforeUpload: FileHandler<void>;
+    onPreview: () => void;
+    onRemove: FileHandler<void>;
+    fileList: UploadFile[];
+    autoUpload: boolean;
+    listType: ListType;
+    httpRequest: Function;
+    limit: Nullable<number>;
+    onExceed: Function;
+    showFileList: boolean;
+    beforeRemove: FileHandler<boolean>;
+}>;
+export default _default;

package/es/components/upload/src/index.vue_vue_type_script_lang.mjs

@@ -0,0 +1,222 @@
+import { defineComponent, inject, computed, provide, getCurrentInstance, onBeforeUnmount, ref, h } from 'vue';
+import { NOOP } from '@vue/shared';
+import '../../../tokens/index.mjs';
+import upload from './ajax.mjs';
+import './upload-list.mjs';
+import './upload.mjs';
+import useHandlers from './useHandlers.mjs';
+import script$1 from './upload.vue_vue_type_script_lang.mjs';
+import script$2 from './upload-list.vue_vue_type_script_lang.mjs';
+import { elFormKey } from '../../../tokens/form.mjs';
+
+var script = defineComponent({
+  name: "ElUpload",
+  components: {
+    Upload: script$1,
+    UploadList: script$2
+  },
+  props: {
+    action: {
+      type: String,
+      required: true
+    },
+    headers: {
+      type: Object,
+      default: () => ({})
+    },
+    method: {
+      type: String,
+      default: "post"
+    },
+    data: {
+      type: Object,
+      default: () => ({})
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String,
+      default: "file"
+    },
+    drag: {
+      type: Boolean,
+      default: false
+    },
+    withCredentials: Boolean,
+    showFileList: {
+      type: Boolean,
+      default: true
+    },
+    accept: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "select"
+    },
+    beforeUpload: {
+      type: Function,
+      default: NOOP
+    },
+    beforeRemove: {
+      type: Function,
+      default: NOOP
+    },
+    onRemove: {
+      type: Function,
+      default: NOOP
+    },
+    onChange: {
+      type: Function,
+      default: NOOP
+    },
+    onPreview: {
+      type: Function,
+      default: NOOP
+    },
+    onSuccess: {
+      type: Function,
+      default: NOOP
+    },
+    onProgress: {
+      type: Function,
+      default: NOOP
+    },
+    onError: {
+      type: Function,
+      default: NOOP
+    },
+    fileList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    },
+    autoUpload: {
+      type: Boolean,
+      default: true
+    },
+    listType: {
+      type: String,
+      default: "text"
+    },
+    httpRequest: {
+      type: Function,
+      default: upload
+    },
+    disabled: Boolean,
+    limit: {
+      type: Number,
+      default: null
+    },
+    onExceed: {
+      type: Function,
+      default: () => NOOP
+    }
+  },
+  setup(props) {
+    const elForm = inject(elFormKey, {});
+    const uploadDisabled = computed(() => {
+      return props.disabled || elForm.disabled;
+    });
+    const {
+      abort,
+      clearFiles,
+      handleError,
+      handleProgress,
+      handleStart,
+      handleSuccess,
+      handleRemove,
+      submit,
+      uploadRef,
+      uploadFiles
+    } = useHandlers(props);
+    provide("uploader", getCurrentInstance());
+    onBeforeUnmount(() => {
+      uploadFiles.value.forEach((file) => {
+        if (file.url && file.url.indexOf("blob:") === 0) {
+          URL.revokeObjectURL(file.url);
+        }
+      });
+    });
+    return {
+      abort,
+      dragOver: ref(false),
+      draging: ref(false),
+      handleError,
+      handleProgress,
+      handleRemove,
+      handleStart,
+      handleSuccess,
+      uploadDisabled,
+      uploadFiles,
+      uploadRef,
+      submit,
+      clearFiles
+    };
+  },
+  render() {
+    var _a, _b;
+    let uploadList;
+    if (this.showFileList) {
+      uploadList = h(script$2, {
+        disabled: this.uploadDisabled,
+        listType: this.listType,
+        files: this.uploadFiles,
+        onRemove: this.handleRemove,
+        handlePreview: this.onPreview
+      }, this.$slots.file ? {
+        default: (props) => {
+          return this.$slots.file({
+            file: props.file
+          });
+        }
+      } : null);
+    } else {
+      uploadList = null;
+    }
+    const uploadData = {
+      type: this.type,
+      drag: this.drag,
+      action: this.action,
+      multiple: this.multiple,
+      "before-upload": this.beforeUpload,
+      "with-credentials": this.withCredentials,
+      headers: this.headers,
+      method: this.method,
+      name: this.name,
+      data: this.data,
+      accept: this.accept,
+      fileList: this.uploadFiles,
+      autoUpload: this.autoUpload,
+      listType: this.listType,
+      disabled: this.uploadDisabled,
+      limit: this.limit,
+      "on-exceed": this.onExceed,
+      "on-start": this.handleStart,
+      "on-progress": this.handleProgress,
+      "on-success": this.handleSuccess,
+      "on-error": this.handleError,
+      "on-preview": this.onPreview,
+      "on-remove": this.handleRemove,
+      "http-request": this.httpRequest,
+      ref: "uploadRef"
+    };
+    const trigger = this.$slots.trigger || this.$slots.default;
+    const uploadComponent = h(script$1, uploadData, {
+      default: () => trigger == null ? void 0 : trigger()
+    });
+    return h("div", [
+      this.listType === "picture-card" ? uploadList : null,
+      this.$slots.trigger ? [uploadComponent, this.$slots.default()] : uploadComponent,
+      (_b = (_a = this.$slots).tip) == null ? void 0 : _b.call(_a),
+      this.listType !== "picture-card" ? uploadList : null
+    ]);
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=index.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/upload/src/index.vue"],"sourcesContent":["<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  h,\n  getCurrentInstance,\n  inject,\n  ref,\n  provide,\n  onBeforeUnmount,\n} from 'vue'\nimport { NOOP } from '@vue/shared'\nimport { elFormKey } from '@element-plus/tokens'\n\nimport ajax from './ajax'\nimport UploadList from './upload-list.vue'\nimport Upload from './upload.vue'\nimport useHandlers from './useHandlers'\n\nimport type { PropType } from 'vue'\nimport type { ElFormContext } from '@element-plus/tokens'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  ListType,\n  UploadFile,\n  FileHandler,\n  FileResultHandler,\n} from './upload.type'\n\ntype PFileHandler<T> = PropType<FileHandler<T>>\ntype PFileResultHandler<T = any> = PropType<FileResultHandler<T>>\n\nexport default defineComponent({\n  name: 'ElUpload',\n  components: {\n    Upload,\n    UploadList,\n  },\n  props: {\n    action: {\n      type: String,\n      required: true,\n    },\n    headers: {\n      type: Object as PropType<Headers>,\n      default: () => ({}),\n    },\n    method: {\n      type: String,\n      default: 'post',\n    },\n    data: {\n      type: Object,\n      default: () => ({}),\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    beforeUpload: {\n      type: Function as PFileHandler<void>,\n      default: NOOP,\n    },\n    beforeRemove: {\n      type: Function as PFileHandler<boolean>,\n      default: NOOP,\n    },\n    onRemove: {\n      type: Function as PFileHandler<void>,\n      default: NOOP,\n    },\n    onChange: {\n      type: Function as PFileHandler<void>,\n      default: NOOP,\n    },\n    onPreview: {\n      type: Function as PropType<() => void>,\n      default: NOOP,\n    },\n    onSuccess: {\n      type: Function as PFileResultHandler,\n      default: NOOP,\n    },\n    onProgress: {\n      type: Function as PFileResultHandler<ProgressEvent>,\n      default: NOOP,\n    },\n    onError: {\n      type: Function as PFileResultHandler<Error>,\n      default: NOOP,\n    },\n    fileList: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => {\n        return [] as UploadFile[]\n      },\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text' as ListType, // text,picture,picture-card\n    },\n    httpRequest: {\n      type: Function,\n      default: ajax,\n    },\n    disabled: Boolean,\n    limit: {\n      type: Number as PropType<Nullable<number>>,\n      default: null,\n    },\n    onExceed: {\n      type: Function,\n      default: () => NOOP,\n    },\n  },\n  setup(props) {\n    const elForm = inject(elFormKey, {} as ElFormContext)\n\n    const uploadDisabled = computed(() => {\n      return props.disabled || elForm.disabled\n    })\n\n    const {\n      abort,\n      clearFiles,\n      handleError,\n      handleProgress,\n      handleStart,\n      handleSuccess,\n      handleRemove,\n      submit,\n      uploadRef,\n      uploadFiles,\n    } = useHandlers(props)\n\n    provide('uploader', getCurrentInstance())\n\n    onBeforeUnmount(() => {\n      uploadFiles.value.forEach((file) => {\n        if (file.url && file.url.indexOf('blob:') === 0) {\n          URL.revokeObjectURL(file.url)\n        }\n      })\n    })\n\n    return {\n      abort,\n      dragOver: ref(false),\n      draging: ref(false),\n      handleError,\n      handleProgress,\n      handleRemove,\n      handleStart,\n      handleSuccess,\n      uploadDisabled,\n      uploadFiles,\n      uploadRef,\n      submit,\n      clearFiles,\n    }\n  },\n  render() {\n    let uploadList\n    if (this.showFileList) {\n      uploadList = h(\n        UploadList,\n        {\n          disabled: this.uploadDisabled,\n          listType: this.listType,\n          files: this.uploadFiles,\n          onRemove: this.handleRemove,\n          handlePreview: this.onPreview,\n        },\n        this.$slots.file\n          ? {\n              default: (props: { file: UploadFile }) => {\n                return this.$slots.file({\n                  file: props.file,\n                })\n              },\n            }\n          : null\n      )\n    } else {\n      uploadList = null\n    }\n\n    const uploadData = {\n      type: this.type,\n      drag: this.drag,\n      action: this.action,\n      multiple: this.multiple,\n      'before-upload': this.beforeUpload,\n      'with-credentials': this.withCredentials,\n      headers: this.headers,\n      method: this.method,\n      name: this.name,\n      data: this.data,\n      accept: this.accept,\n      fileList: this.uploadFiles,\n      autoUpload: this.autoUpload,\n      listType: this.listType,\n      disabled: this.uploadDisabled,\n      limit: this.limit,\n      'on-exceed': this.onExceed,\n      'on-start': this.handleStart,\n      'on-progress': this.handleProgress,\n      'on-success': this.handleSuccess,\n      'on-error': this.handleError,\n      'on-preview': this.onPreview,\n      'on-remove': this.handleRemove,\n      'http-request': this.httpRequest,\n      ref: 'uploadRef',\n    }\n    const trigger = this.$slots.trigger || this.$slots.default\n    const uploadComponent = h(Upload, uploadData, {\n      default: () => trigger?.(),\n    })\n    return h('div', [\n      this.listType === 'picture-card' ? uploadList : null,\n      this.$slots.trigger\n        ? [uploadComponent, this.$slots.default()]\n        : uploadComponent,\n      this.$slots.tip?.(),\n      this.listType !== 'picture-card' ? uploadList : null,\n    ])\n  },\n})\n</script>\n"],"names":["Upload","UploadList"],"mappings":"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"}

package/es/components/upload/src/upload-dragger.mjs

@@ -0,0 +1,7 @@
+import script from './upload-dragger.vue_vue_type_script_lang.mjs';
+export { default } from './upload-dragger.vue_vue_type_script_lang.mjs';
+import { render } from './upload-dragger.vue_vue_type_template_id_4f8ef690_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/upload/src/upload-dragger.vue";
+//# sourceMappingURL=upload-dragger.mjs.map

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

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

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

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    dragover: import("vue").Ref<boolean>;
+    onDrop: (e: DragEvent) => void;
+    onDragover: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "file"[], "file", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    disabled?: unknown;
+} & {
+    disabled: boolean;
+} & {}> & {
+    onFile?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+}>;
+export default _default;

package/es/components/upload/src/upload-dragger.vue_vue_type_script_lang.mjs

@@ -0,0 +1,56 @@
+import { defineComponent, inject, ref } from 'vue';
+
+var script = defineComponent({
+  name: "ElUploadDrag",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["file"],
+  setup(props, { emit }) {
+    const uploader = inject("uploader", {});
+    const dragover = ref(false);
+    function onDrop(e) {
+      var _a;
+      if (props.disabled || !uploader)
+        return;
+      const accept = ((_a = uploader.props) == null ? void 0 : _a.accept) || uploader.accept;
+      dragover.value = false;
+      if (!accept) {
+        emit("file", e.dataTransfer.files);
+        return;
+      }
+      emit("file", Array.from(e.dataTransfer.files).filter((file) => {
+        const { type, name } = file;
+        const extension = name.indexOf(".") > -1 ? `.${name.split(".").pop()}` : "";
+        const baseType = type.replace(/\/.*$/, "");
+        return accept.split(",").map((type2) => type2.trim()).filter((type2) => type2).some((acceptedType) => {
+          if (acceptedType.startsWith(".")) {
+            return extension === acceptedType;
+          }
+          if (/\/\*$/.test(acceptedType)) {
+            return baseType === acceptedType.replace(/\/\*$/, "");
+          }
+          if (/^[^/]+\/[^/]+$/.test(acceptedType)) {
+            return type === acceptedType;
+          }
+          return false;
+        });
+      }));
+    }
+    function onDragover() {
+      if (!props.disabled)
+        dragover.value = true;
+    }
+    return {
+      dragover,
+      onDrop,
+      onDragover
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload-dragger.vue_vue_type_script_lang.mjs.map

package/es/components/upload/src/upload-dragger.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'el-upload-dragger': true,\n      'is-dragover': dragover,\n    }\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"dragover = false\"\n  >\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref, inject } from 'vue'\n\nimport type { ElUpload } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadDrag',\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['file'],\n  setup(props, { emit }) {\n    const uploader = inject('uploader', {} as ElUpload)\n    const dragover = ref(false)\n\n    function onDrop(e: DragEvent) {\n      if (props.disabled || !uploader) return\n      const accept = uploader.props?.accept || uploader.accept\n      dragover.value = false\n      if (!accept) {\n        emit('file', e.dataTransfer.files)\n        return\n      }\n      emit(\n        'file',\n        Array.from(e.dataTransfer.files).filter((file) => {\n          const { type, name } = file\n          const extension =\n            name.indexOf('.') > -1 ? `.${name.split('.').pop()}` : ''\n          const baseType = type.replace(/\\/.*$/, '')\n          return accept\n            .split(',')\n            .map((type) => type.trim())\n            .filter((type) => type)\n            .some((acceptedType) => {\n              if (acceptedType.startsWith('.')) {\n                return extension === acceptedType\n              }\n              if (/\\/\\*$/.test(acceptedType)) {\n                return baseType === acceptedType.replace(/\\/\\*$/, '')\n              }\n              if (/^[^/]+\\/[^/]+$/.test(acceptedType)) {\n                return type === acceptedType\n              }\n              return false\n            })\n        })\n      )\n    }\n\n    function onDragover() {\n      if (!props.disabled) dragover.value = true\n    }\n\n    return {\n      dragover,\n      onDrop,\n      onDragover,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;AAcA,aAAe,gBAAgB;;AAE/B,EAAE,KAAK,EAAE;;AAET,UAAU,EAAE,OAAO;MACb,OAAO,EAAE,KAAK;KACf;;OAEE,EAAE,CAAC,MAAM,CAAC;OACV,CAAC,KAAK,EAAE,EAAE;IACb;;IAEA,SAAS;MACP,IAAI,EAAE,CAAC;MACP,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,QAAQ;QAC7B,OAAO;;MAET,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;MACvB,IAAI,CAAC,MAAM,EAAE;QACX,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;QAClC,OAAO;OACR;UACG,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;QACxB;;QAEA;QACA;UACE,IAAI,YAAY,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;YAChC,OAAO,cAAc;WACtB;cACG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAC9B,OAAO,QAAQ,KAAK,YAAY,CAAC;WAClC;cACG;YACF,OAAO,SAAS;;iBAEX,KAAK,CAAC;;;;uBAIA,GAAG;gBACV,CAAC,QAAQ;;;;cAIX;;;;;;;;;"}

package/es/components/upload/src/upload-dragger.vue_vue_type_template_id_4f8ef690_lang.mjs

@@ -0,0 +1,18 @@
+import { openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot } from 'vue';
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass({
+      "el-upload-dragger": true,
+      "is-dragover": _ctx.dragover
+    }),
+    onDrop: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onDrop && _ctx.onDrop(...args), ["prevent"])),
+    onDragover: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.onDragover && _ctx.onDragover(...args), ["prevent"])),
+    onDragleave: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.dragover = false, ["prevent"]))
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 34);
+}
+
+export { render };
+//# sourceMappingURL=upload-dragger.vue_vue_type_template_id_4f8ef690_lang.mjs.map

package/es/components/upload/src/upload-dragger.vue_vue_type_template_id_4f8ef690_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload-dragger.vue_vue_type_template_id_4f8ef690_lang.mjs","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue?vue&type=template&id=4f8ef690&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"{\n      'el-upload-dragger': true,\n      'is-dragover': dragover,\n    }\"\n    @drop.prevent=\"onDrop\"\n    @dragover.prevent=\"onDragover\"\n    @dragleave.prevent=\"dragover = false\"\n  >\n    <slot></slot>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref, inject } from 'vue'\n\nimport type { ElUpload } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadDrag',\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: ['file'],\n  setup(props, { emit }) {\n    const uploader = inject('uploader', {} as ElUpload)\n    const dragover = ref(false)\n\n    function onDrop(e: DragEvent) {\n      if (props.disabled || !uploader) return\n      const accept = uploader.props?.accept || uploader.accept\n      dragover.value = false\n      if (!accept) {\n        emit('file', e.dataTransfer.files)\n        return\n      }\n      emit(\n        'file',\n        Array.from(e.dataTransfer.files).filter((file) => {\n          const { type, name } = file\n          const extension =\n            name.indexOf('.') > -1 ? `.${name.split('.').pop()}` : ''\n          const baseType = type.replace(/\\/.*$/, '')\n          return accept\n            .split(',')\n            .map((type) => type.trim())\n            .filter((type) => type)\n            .some((acceptedType) => {\n              if (acceptedType.startsWith('.')) {\n                return extension === acceptedType\n              }\n              if (/\\/\\*$/.test(acceptedType)) {\n                return baseType === acceptedType.replace(/\\/\\*$/, '')\n              }\n              if (/^[^/]+\\/[^/]+$/.test(acceptedType)) {\n                return type === acceptedType\n              }\n              return false\n            })\n        })\n      )\n    }\n\n    function onDragover() {\n      if (!props.disabled) dragover.value = true\n    }\n\n    return {\n      dragover,\n      onDrop,\n      onDragover,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAMK;IACA;;;;;;;;"}

package/es/components/upload/src/upload-list.mjs

@@ -0,0 +1,7 @@
+import script from './upload-list.vue_vue_type_script_lang.mjs';
+export { default } from './upload-list.vue_vue_type_script_lang.mjs';
+import { render } from './upload-list.vue_vue_type_template_id_192277b6_lang.mjs';
+
+script.render = render;
+script.__file = "packages/components/upload/src/upload-list.vue";
+//# sourceMappingURL=upload-list.mjs.map

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

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

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

@@ -0,0 +1,44 @@
+import type { PropType } from 'vue';
+import type { UploadFile } from './upload.type';
+declare const _default: import("vue").DefineComponent<{
+    files: {
+        type: PropType<UploadFile[]>;
+        default: () => File[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    handlePreview: {
+        type: PropType<(file: UploadFile) => void>;
+        default: () => () => void;
+    };
+    listType: {
+        type: PropType<"text" | "picture" | "picture-card">;
+        default: string;
+    };
+}, {
+    focusing: import("vue").Ref<boolean>;
+    handleClick: (file: UploadFile) => void;
+    handleRemove: (file: UploadFile) => void;
+    onFileClicked: (e: Event) => void;
+    t: import("element-plus/es/hooks").Translator;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    files?: unknown;
+    disabled?: unknown;
+    handlePreview?: unknown;
+    listType?: unknown;
+} & {
+    disabled: boolean;
+    listType: "text" | "picture" | "picture-card";
+    files: UploadFile[];
+    handlePreview: (file: UploadFile) => void;
+} & {}> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    listType: "text" | "picture" | "picture-card";
+    files: UploadFile[];
+    handlePreview: (file: UploadFile) => void;
+}>;
+export default _default;