element-plus 1.2.0-beta.2 → 1.2.0-beta.6

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { SFCWithInstall } from 'element-plus/es/utils/types';
 declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
     action: {
@@ -180,22 +179,10 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
             readonly webkitRelativePath: string;
             readonly size: number;
             readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            slice: {
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-            };
-            stream: {
-                (): ReadableStream<any>;
-                (): NodeJS.ReadableStream;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<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<{
@@ -233,12 +220,12 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
     onExceed?: unknown;
 } & {
     type: string;
+    disabled: boolean;
     name: string;
-    onChange: import("./src/upload.type").FileHandler<void>;
+    data: Record<string, any>;
     drag: boolean;
+    onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
-    disabled: boolean;
-    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     action: string;
@@ -260,12 +247,12 @@ declare const _Upload: SFCWithInstall<import("vue").DefineComponent<{
     beforeRemove: import("./src/upload.type").FileHandler<boolean>;
 } & {}>, {
     type: string;
+    disabled: boolean;
     name: string;
-    onChange: import("./src/upload.type").FileHandler<void>;
+    data: Record<string, any>;
     drag: boolean;
+    onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
-    disabled: boolean;
-    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     headers: Headers;
@@ -466,22 +453,10 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
             readonly webkitRelativePath: string;
             readonly size: number;
             readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            slice: {
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-            };
-            stream: {
-                (): ReadableStream<any>;
-                (): NodeJS.ReadableStream;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<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<{
@@ -519,12 +494,12 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
     onExceed?: unknown;
 } & {
     type: string;
+    disabled: boolean;
     name: string;
-    onChange: import("./src/upload.type").FileHandler<void>;
+    data: Record<string, any>;
     drag: boolean;
+    onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
-    disabled: boolean;
-    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     action: string;
@@ -546,12 +521,12 @@ export declare const ElUpload: SFCWithInstall<import("vue").DefineComponent<{
     beforeRemove: import("./src/upload.type").FileHandler<boolean>;
 } & {}>, {
     type: string;
+    disabled: boolean;
     name: string;
-    onChange: import("./src/upload.type").FileHandler<void>;
+    data: Record<string, any>;
     drag: boolean;
+    onChange: import("./src/upload.type").FileHandler<void>;
     multiple: boolean;
-    disabled: boolean;
-    data: Record<string, any>;
     onError: import("./src/upload.type").FileResultHandler<Error>;
     onProgress: import("./src/upload.type").FileResultHandler<ProgressEvent<EventTarget>>;
     headers: Headers;

package/es/components/upload/index.mjs

@@ -1,5 +1,5 @@
 import './src/index.mjs';
-import script from './src/index.vue_vue&type=script&lang.mjs';
+import script from './src/index.vue_vue_type_script_lang.mjs';
 
 script.install = (app) => {
   app.component(script.name, script);

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

@@ -1,5 +1,5 @@
-import script from './index.vue_vue&type=script&lang.mjs';
-export { default } from './index.vue_vue&type=script&lang.mjs';
+import script from './index.vue_vue_type_script_lang.mjs';
+export { default } from './index.vue_vue_type_script_lang.mjs';
 
 script.__file = "packages/components/upload/src/index.vue";
 //# sourceMappingURL=index.mjs.map

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import ajax from './ajax';
 import type { PropType } from 'vue';
 import type { Nullable } from 'element-plus/es/utils/types';
@@ -129,22 +128,10 @@ declare const _default: import("vue").DefineComponent<{
             readonly webkitRelativePath: string;
             readonly size: number;
             readonly type: string;
-            arrayBuffer: {
-                (): Promise<ArrayBuffer>;
-                (): Promise<ArrayBuffer>;
-            };
-            slice: {
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-                (start?: number | undefined, end?: number | undefined, contentType?: string | undefined): Blob;
-            };
-            stream: {
-                (): ReadableStream<any>;
-                (): NodeJS.ReadableStream;
-            };
-            text: {
-                (): Promise<string>;
-                (): Promise<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<{
@@ -182,12 +169,12 @@ declare const _default: import("vue").DefineComponent<{
     onExceed?: unknown;
 } & {
     type: string;
+    disabled: boolean;
     name: string;
-    onChange: FileHandler<void>;
+    data: Record<string, any>;
     drag: boolean;
+    onChange: FileHandler<void>;
     multiple: boolean;
-    disabled: boolean;
-    data: Record<string, any>;
     onError: FileResultHandler<Error>;
     onProgress: FileResultHandler<ProgressEvent<EventTarget>>;
     action: string;
@@ -209,12 +196,12 @@ declare const _default: import("vue").DefineComponent<{
     beforeRemove: FileHandler<boolean>;
 } & {}>, {
     type: string;
+    disabled: boolean;
     name: string;
-    onChange: FileHandler<void>;
+    data: Record<string, any>;
     drag: boolean;
+    onChange: FileHandler<void>;
     multiple: boolean;
-    disabled: boolean;
-    data: Record<string, any>;
     onError: FileResultHandler<Error>;
     onProgress: FileResultHandler<ProgressEvent<EventTarget>>;
     headers: Headers;

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","ajax"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-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';
+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";

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":";;AAkBA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,WAAW,OAAO,YAAY;AACpC,UAAM,WAAW,IAAI;AAErB,oBAAgB,GAAc;;AAC5B,UAAI,MAAM,YAAY,CAAC;AAAU;AACjC,YAAM,SAAS,gBAAS,UAAT,mBAAgB,WAAU,SAAS;AAClD,eAAS,QAAQ;AACjB,UAAI,CAAC,QAAQ;AACX,aAAK,QAAQ,EAAE,aAAa;AAC5B;AAAA;AAEF,WACE,QACA,MAAM,KAAK,EAAE,aAAa,OAAO,OAAO,CAAC,SAAS;AAChD,cAAM,EAAE,MAAM,SAAS;AACvB,cAAM,YACJ,KAAK,QAAQ,OAAO,KAAK,IAAI,KAAK,MAAM,KAAK,UAAU;AACzD,cAAM,WAAW,KAAK,QAAQ,SAAS;AACvC,eAAO,OACJ,MAAM,KACN,IAAI,CAAC,UAAS,MAAK,QACnB,OAAO,CAAC,UAAS,OACjB,KAAK,CAAC,iBAAiB;AACtB,cAAI,aAAa,WAAW,MAAM;AAChC,mBAAO,cAAc;AAAA;AAEvB,cAAI,QAAQ,KAAK,eAAe;AAC9B,mBAAO,aAAa,aAAa,QAAQ,SAAS;AAAA;AAEpD,cAAI,iBAAiB,KAAK,eAAe;AACvC,mBAAO,SAAS;AAAA;AAElB,iBAAO;AAAA;AAAA;AAAA;AAMjB,0BAAsB;AACpB,UAAI,CAAC,MAAM;AAAU,iBAAS,QAAQ;AAAA;AAGxC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

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":["_createElementBlock","_renderSlot"],"mappings":";;;sBACEA;IACG;;;;IAIA,6DAAc;IACd,iEAAkB;IAClB,iEAAmB;;IAEpBC;;;;;;"}

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

@@ -1,6 +1,6 @@
-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';
+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";

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     handleClick: (file: UploadFile) => void;
     handleRemove: (e: Event, file: UploadFile) => void;
     onFileClicked: (e: Event) => void;
-    t: (...args: any[]) => string;
+    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;

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

@@ -0,0 +1,63 @@
+import { defineComponent, ref } from 'vue';
+import { NOOP } from '@vue/shared';
+import { ElIcon } from '../../icon/index.mjs';
+import { Document, Delete, Close, ZoomIn, Check, CircleCheck } from '@element-plus/icons-vue';
+import '../../../hooks/index.mjs';
+import { ElProgress } from '../../progress/index.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "ElUploadList",
+  components: {
+    ElProgress,
+    ElIcon,
+    Document,
+    Delete,
+    Close,
+    ZoomIn,
+    Check,
+    CircleCheck
+  },
+  props: {
+    files: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    handlePreview: {
+      type: Function,
+      default: () => NOOP
+    },
+    listType: {
+      type: String,
+      default: "text"
+    }
+  },
+  emits: ["remove"],
+  setup(props, { emit }) {
+    const { t } = useLocale();
+    const handleClick = (file) => {
+      props.handlePreview(file);
+    };
+    const onFileClicked = (e) => {
+      ;
+      e.target.focus();
+    };
+    const handleRemove = (e, file) => {
+      emit("remove", file);
+    };
+    return {
+      focusing: ref(false),
+      handleClick,
+      handleRemove,
+      onFileClicked,
+      t
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload-list.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload-list.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      'el-upload-list',\n      'el-upload-list--' + listType,\n      { 'is-disabled': disabled },\n    ]\"\n    name=\"el-list\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file\"\n      :class=\"[\n        'el-upload-list__item',\n        'is-' + file.status,\n        focusing ? 'focusing' : '',\n      ]\"\n      tabindex=\"0\"\n      @keydown.delete=\"!disabled && handleRemove($event, file)\"\n      @focus=\"focusing = true\"\n      @blur=\"focusing = false\"\n      @click=\"onFileClicked\"\n    >\n      <slot :file=\"file\">\n        <img\n          v-if=\"\n            file.status !== 'uploading' &&\n            ['picture-card', 'picture'].includes(listType)\n          \"\n          class=\"el-upload-list__item-thumbnail\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <a class=\"el-upload-list__item-name\" @click=\"handleClick(file)\">\n          <el-icon class=\"el-icon--document\"><document /></el-icon>\n          {{ file.name }}\n        </a>\n        <label class=\"el-upload-list__item-status-label\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            class=\"el-icon--upload-success el-icon--circle-check\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            class=\"el-icon--upload-success el-icon--check\"\n          >\n            <check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          class=\"el-icon--close\"\n          @click=\"handleRemove($event, 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=\"el-icon--close-tip\">{{\n          t('el.upload.deleteTip')\n        }}</i>\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=\"+file.percentage\"\n        />\n        <span\n          v-if=\"listType === 'picture-card'\"\n          class=\"el-upload-list__item-actions\"\n        >\n          <span\n            class=\"el-upload-list__item-preview\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon class=\"el-icon--zoom-in\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            class=\"el-upload-list__item-delete\"\n            @click=\"handleRemove($event, file)\"\n          >\n            <el-icon class=\"el-icon--delete\"><delete /></el-icon>\n          </span>\n        </span>\n      </slot>\n    </li>\n  </transition-group>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP } from '@vue/shared'\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 } from '@element-plus/hooks'\nimport ElProgress from '@element-plus/components/progress'\n\nimport type { PropType } from 'vue'\nimport type { UploadFile } from './upload.type'\n\nexport default defineComponent({\n  name: 'ElUploadList',\n  components: {\n    ElProgress,\n    ElIcon,\n    Document,\n    Delete,\n    Close,\n    ZoomIn,\n    Check,\n    CircleCheck,\n  },\n  props: {\n    files: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as File[],\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    handlePreview: {\n      type: Function as PropType<(file: UploadFile) => void>,\n      default: () => NOOP,\n    },\n    listType: {\n      type: String as PropType<'picture' | 'picture-card' | 'text'>,\n      default: 'text',\n    },\n  },\n  emits: ['remove'],\n  setup(props, { emit }) {\n    const { t } = useLocale()\n\n    const handleClick = (file: UploadFile) => {\n      props.handlePreview(file)\n    }\n\n    const onFileClicked = (e: Event) => {\n      ;(e.target as HTMLElement).focus()\n    }\n\n    const handleRemove = (e: Event, file: UploadFile) => {\n      emit('remove', file)\n    }\n    return {\n      focusing: ref(false),\n      handleClick,\n      handleRemove,\n      onFileClicked,\n      t,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;AA+GA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,OAAO,CAAC;AAAA,EACR,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,EAAE,MAAM;AAEd,UAAM,cAAc,CAAC,SAAqB;AACxC,YAAM,cAAc;AAAA;AAGtB,UAAM,gBAAgB,CAAC,MAAa;AAClC;AAAC,MAAC,EAAE,OAAuB;AAAA;AAG7B,UAAM,eAAe,CAAC,GAAU,SAAqB;AACnD,WAAK,UAAU;AAAA;AAEjB,WAAO;AAAA,MACL,UAAU,IAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}