@element-plus/nightly 0.0.20211230

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

@@ -0,0 +1,238 @@
+import { defineComponent, ref } from 'vue';
+import { NOOP, hasOwn } from '@vue/shared';
+import upload from './ajax.mjs';
+import './upload-dragger.mjs';
+import script$1 from './upload-dragger.vue_vue_type_script_lang.mjs';
+
+var script = defineComponent({
+  components: {
+    UploadDragger: script$1
+  },
+  props: {
+    type: {
+      type: String,
+      default: ""
+    },
+    action: {
+      type: String,
+      required: true
+    },
+    name: {
+      type: String,
+      default: "file"
+    },
+    data: {
+      type: Object,
+      default: () => null
+    },
+    headers: {
+      type: Object,
+      default: () => null
+    },
+    method: {
+      type: String,
+      default: "post"
+    },
+    withCredentials: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: null
+    },
+    accept: {
+      type: String,
+      default: ""
+    },
+    onStart: {
+      type: Function,
+      default: NOOP
+    },
+    onProgress: {
+      type: Function,
+      default: NOOP
+    },
+    onSuccess: {
+      type: Function,
+      default: NOOP
+    },
+    onError: {
+      type: Function,
+      default: NOOP
+    },
+    beforeUpload: {
+      type: Function,
+      default: NOOP
+    },
+    drag: {
+      type: Boolean,
+      default: false
+    },
+    onPreview: {
+      type: Function,
+      default: NOOP
+    },
+    onRemove: {
+      type: Function,
+      default: NOOP
+    },
+    fileList: {
+      type: Array,
+      default: () => []
+    },
+    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 reqs = ref({});
+    const mouseover = ref(false);
+    const inputRef = ref(null);
+    function uploadFiles(files) {
+      if (props.limit && props.fileList.length + files.length > props.limit) {
+        props.onExceed(files, props.fileList);
+        return;
+      }
+      let postFiles = Array.from(files);
+      if (!props.multiple) {
+        postFiles = postFiles.slice(0, 1);
+      }
+      if (postFiles.length === 0) {
+        return;
+      }
+      postFiles.forEach((rawFile) => {
+        props.onStart(rawFile);
+        if (props.autoUpload)
+          upload(rawFile);
+      });
+    }
+    function upload(rawFile) {
+      inputRef.value.value = null;
+      if (!props.beforeUpload) {
+        return post(rawFile);
+      }
+      const before = props.beforeUpload(rawFile);
+      if (before instanceof Promise) {
+        before.then((processedFile) => {
+          const fileType = Object.prototype.toString.call(processedFile);
+          if (fileType === "[object File]" || fileType === "[object Blob]") {
+            if (fileType === "[object Blob]") {
+              processedFile = new File([processedFile], rawFile.name, {
+                type: rawFile.type
+              });
+            }
+            for (const p in rawFile) {
+              if (hasOwn(rawFile, p)) {
+                processedFile[p] = rawFile[p];
+              }
+            }
+            post(processedFile);
+          } else {
+            post(rawFile);
+          }
+        }).catch(() => {
+          props.onRemove(null, rawFile);
+        });
+      } else if (before !== false) {
+        post(rawFile);
+      } else {
+        props.onRemove(null, rawFile);
+      }
+    }
+    function abort(file) {
+      const _reqs = reqs.value;
+      if (file) {
+        let uid = file;
+        if (file.uid)
+          uid = file.uid;
+        if (_reqs[uid]) {
+          ;
+          _reqs[uid].abort();
+        }
+      } else {
+        Object.keys(_reqs).forEach((uid) => {
+          if (_reqs[uid])
+            _reqs[uid].abort();
+          delete _reqs[uid];
+        });
+      }
+    }
+    function post(rawFile) {
+      const { uid } = rawFile;
+      const options = {
+        headers: props.headers,
+        withCredentials: props.withCredentials,
+        file: rawFile,
+        data: props.data,
+        method: props.method,
+        filename: props.name,
+        action: props.action,
+        onProgress: (e) => {
+          props.onProgress(e, rawFile);
+        },
+        onSuccess: (res) => {
+          props.onSuccess(res, rawFile);
+          delete reqs.value[uid];
+        },
+        onError: (err) => {
+          props.onError(err, rawFile);
+          delete reqs.value[uid];
+        }
+      };
+      const req = props.httpRequest(options);
+      reqs.value[uid] = req;
+      if (req instanceof Promise) {
+        req.then(options.onSuccess, options.onError);
+      }
+    }
+    function handleChange(e) {
+      const files = e.target.files;
+      if (!files)
+        return;
+      uploadFiles(files);
+    }
+    function handleClick() {
+      if (!props.disabled) {
+        inputRef.value.value = null;
+        inputRef.value.click();
+      }
+    }
+    function handleKeydown() {
+      handleClick();
+    }
+    return {
+      reqs,
+      mouseover,
+      inputRef,
+      abort,
+      post,
+      handleChange,
+      handleClick,
+      handleKeydown,
+      upload,
+      uploadFiles
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload.vue_vue_type_script_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/upload/src/upload.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"['el-upload', `el-upload--${listType}`]\"\n    tabindex=\"0\"\n    @click=\"handleClick\"\n    @keydown.self.enter.space=\"handleKeydown\"\n  >\n    <template v-if=\"drag\">\n      <upload-dragger :disabled=\"disabled\" @file=\"uploadFiles\">\n        <slot></slot>\n      </upload-dragger>\n    </template>\n    <template v-else>\n      <slot></slot>\n    </template>\n    <input\n      ref=\"inputRef\"\n      class=\"el-upload__input\"\n      type=\"file\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      @change=\"handleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP, hasOwn } from '@vue/shared'\n\nimport ajax from './ajax'\nimport UploadDragger from './upload-dragger.vue'\n\nimport type { PropType } from 'vue'\nimport type { Indexable, Nullable } from '@element-plus/utils/types'\nimport type { ListType, UploadFile, ElFile } from './upload.type'\n\ntype IFileHanlder = (\n  file: Nullable<ElFile[]>,\n  fileList?: UploadFile[]\n) => unknown\n\ntype AjaxEventListener = (e: ProgressEvent, file: ElFile) => unknown\n\nexport default defineComponent({\n  components: {\n    UploadDragger,\n  },\n  props: {\n    type: {\n      type: String,\n      default: '',\n    },\n    action: {\n      type: String,\n      required: true,\n    },\n    name: {\n      type: String,\n      default: 'file',\n    },\n    data: {\n      type: Object as PropType<Record<string, any>>,\n      default: () => null,\n    },\n    headers: {\n      type: Object as PropType<Nullable<Partial<Headers>>>,\n      default: () => null,\n    },\n    method: {\n      type: String,\n      default: 'post',\n    },\n    withCredentials: {\n      type: Boolean,\n      default: false,\n    },\n    multiple: {\n      type: Boolean as PropType<Nullable<boolean>>,\n      default: null,\n    },\n    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers\n    accept: {\n      type: String,\n      default: '',\n    },\n    onStart: {\n      type: Function as PropType<(file: File) => void>,\n      default: NOOP as (file: File) => void,\n    },\n    onProgress: {\n      type: Function as PropType<AjaxEventListener>,\n      default: NOOP as AjaxEventListener,\n    },\n    onSuccess: {\n      type: Function as PropType<AjaxEventListener>,\n      default: NOOP as AjaxEventListener,\n    },\n    onError: {\n      type: Function as PropType<AjaxEventListener>,\n      default: NOOP as AjaxEventListener,\n    },\n    beforeUpload: {\n      type: Function as PropType<\n        (file: File) => Promise<File | Blob> | boolean | unknown\n      >,\n      default: NOOP as (file: File) => void,\n    },\n    drag: {\n      type: Boolean,\n      default: false,\n    },\n    onPreview: {\n      type: Function as PropType<IFileHanlder>,\n      default: NOOP as IFileHanlder,\n    },\n    onRemove: {\n      type: Function as PropType<\n        (file: Nullable<FileList>, rawFile: ElFile) => void\n      >,\n      default: NOOP as (file: Nullable<FileList>, rawFile: ElFile) => void,\n    },\n    fileList: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as UploadFile[],\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text',\n    },\n    httpRequest: {\n      type: Function as\n        | PropType<typeof ajax>\n        | PropType<(...args: unknown[]) => Promise<unknown>>,\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 as PropType<\n        (files: FileList, fileList: UploadFile[]) => void\n      >,\n      default: NOOP,\n    },\n  },\n  setup(props) {\n    const reqs = ref({} as Indexable<XMLHttpRequest | Promise<any>>)\n    const mouseover = ref(false)\n    const inputRef = ref(null as Nullable<HTMLInputElement>)\n\n    function uploadFiles(files: FileList) {\n      if (props.limit && props.fileList.length + files.length > props.limit) {\n        props.onExceed(files, props.fileList)\n        return\n      }\n      let postFiles = Array.from(files)\n      if (!props.multiple) {\n        postFiles = postFiles.slice(0, 1)\n      }\n      if (postFiles.length === 0) {\n        return\n      }\n      postFiles.forEach((rawFile) => {\n        props.onStart(rawFile)\n        if (props.autoUpload) upload(rawFile as ElFile)\n      })\n    }\n\n    function upload(rawFile: ElFile) {\n      inputRef.value.value = null\n      if (!props.beforeUpload) {\n        return post(rawFile)\n      }\n      const before = props.beforeUpload(rawFile)\n      if (before instanceof Promise) {\n        before\n          .then((processedFile) => {\n            const fileType = Object.prototype.toString.call(processedFile)\n            if (fileType === '[object File]' || fileType === '[object Blob]') {\n              if (fileType === '[object Blob]') {\n                processedFile = new File([processedFile], rawFile.name, {\n                  type: rawFile.type,\n                })\n              }\n              for (const p in rawFile) {\n                if (hasOwn(rawFile, p)) {\n                  processedFile[p] = rawFile[p]\n                }\n              }\n              post(processedFile)\n            } else {\n              post(rawFile)\n            }\n          })\n          .catch(() => {\n            props.onRemove(null, rawFile)\n          })\n      } else if (before !== false) {\n        post(rawFile)\n      } else {\n        props.onRemove(null, rawFile)\n      }\n    }\n    function abort(file) {\n      const _reqs = reqs.value\n      if (file) {\n        let uid = file\n        if (file.uid) uid = file.uid\n        if (_reqs[uid]) {\n          ;(_reqs[uid] as XMLHttpRequest).abort()\n        }\n      } else {\n        Object.keys(_reqs).forEach((uid) => {\n          if (_reqs[uid]) (_reqs[uid] as XMLHttpRequest).abort()\n          delete _reqs[uid]\n        })\n      }\n    }\n\n    function post(rawFile: ElFile) {\n      const { uid } = rawFile\n      const options = {\n        headers: props.headers,\n        withCredentials: props.withCredentials,\n        file: rawFile,\n        data: props.data,\n        method: props.method,\n        filename: props.name,\n        action: props.action,\n        onProgress: (e) => {\n          props.onProgress(e, rawFile)\n        },\n        onSuccess: (res) => {\n          props.onSuccess(res, rawFile)\n          delete reqs.value[uid]\n        },\n        onError: (err) => {\n          props.onError(err, rawFile)\n          delete reqs.value[uid]\n        },\n      }\n      const req = props.httpRequest(options)\n      reqs.value[uid] = req\n      if (req instanceof Promise) {\n        req.then(options.onSuccess, options.onError)\n      }\n    }\n\n    function handleChange(e: DragEvent) {\n      const files = (e.target as HTMLInputElement).files\n      if (!files) return\n      uploadFiles(files)\n    }\n\n    function handleClick() {\n      if (!props.disabled) {\n        inputRef.value.value = null\n        inputRef.value.click()\n      }\n    }\n\n    function handleKeydown() {\n      handleClick()\n    }\n\n    return {\n      reqs,\n      mouseover,\n      inputRef,\n      abort,\n      post,\n      handleChange,\n      handleClick,\n      handleKeydown,\n      upload,\n      uploadFiles,\n    }\n  },\n})\n</script>\n"],"names":["ajax"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
+
+const _hoisted_1 = ["name", "multiple", "accept"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_upload_dragger = resolveComponent("upload-dragger");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-upload", `el-upload--${_ctx.listType}`]),
+    tabindex: "0",
+    onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers((...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args), ["self"]), ["enter", "space"]))
+  }, [
+    _ctx.drag ? (openBlock(), createBlock(_component_upload_dragger, {
+      key: 0,
+      disabled: _ctx.disabled,
+      onFile: _ctx.uploadFiles
+    }, {
+      default: withCtx(() => [
+        renderSlot(_ctx.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["disabled", "onFile"])) : renderSlot(_ctx.$slots, "default", { key: 1 }),
+    createElementVNode("input", {
+      ref: "inputRef",
+      class: "el-upload__input",
+      type: "file",
+      name: _ctx.name,
+      multiple: _ctx.multiple,
+      accept: _ctx.accept,
+      onChange: _cache[0] || (_cache[0] = (...args) => _ctx.handleChange && _ctx.handleChange(...args))
+    }, null, 40, _hoisted_1)
+  ], 34);
+}
+
+export { render };
+//# sourceMappingURL=upload.vue_vue_type_template_id_efd50b36_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"upload.vue_vue_type_template_id_efd50b36_lang.mjs","sources":["../../../../../../packages/components/upload/src/upload.vue?vue&type=template&id=efd50b36&lang.js"],"sourcesContent":["<template>\n  <div\n    :class=\"['el-upload', `el-upload--${listType}`]\"\n    tabindex=\"0\"\n    @click=\"handleClick\"\n    @keydown.self.enter.space=\"handleKeydown\"\n  >\n    <template v-if=\"drag\">\n      <upload-dragger :disabled=\"disabled\" @file=\"uploadFiles\">\n        <slot></slot>\n      </upload-dragger>\n    </template>\n    <template v-else>\n      <slot></slot>\n    </template>\n    <input\n      ref=\"inputRef\"\n      class=\"el-upload__input\"\n      type=\"file\"\n      :name=\"name\"\n      :multiple=\"multiple\"\n      :accept=\"accept\"\n      @change=\"handleChange\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from 'vue'\nimport { NOOP, hasOwn } from '@vue/shared'\n\nimport ajax from './ajax'\nimport UploadDragger from './upload-dragger.vue'\n\nimport type { PropType } from 'vue'\nimport type { Indexable, Nullable } from '@element-plus/utils/types'\nimport type { ListType, UploadFile, ElFile } from './upload.type'\n\ntype IFileHanlder = (\n  file: Nullable<ElFile[]>,\n  fileList?: UploadFile[]\n) => unknown\n\ntype AjaxEventListener = (e: ProgressEvent, file: ElFile) => unknown\n\nexport default defineComponent({\n  components: {\n    UploadDragger,\n  },\n  props: {\n    type: {\n      type: String,\n      default: '',\n    },\n    action: {\n      type: String,\n      required: true,\n    },\n    name: {\n      type: String,\n      default: 'file',\n    },\n    data: {\n      type: Object as PropType<Record<string, any>>,\n      default: () => null,\n    },\n    headers: {\n      type: Object as PropType<Nullable<Partial<Headers>>>,\n      default: () => null,\n    },\n    method: {\n      type: String,\n      default: 'post',\n    },\n    withCredentials: {\n      type: Boolean,\n      default: false,\n    },\n    multiple: {\n      type: Boolean as PropType<Nullable<boolean>>,\n      default: null,\n    },\n    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#Unique_file_type_specifiers\n    accept: {\n      type: String,\n      default: '',\n    },\n    onStart: {\n      type: Function as PropType<(file: File) => void>,\n      default: NOOP as (file: File) => void,\n    },\n    onProgress: {\n      type: Function as PropType<AjaxEventListener>,\n      default: NOOP as AjaxEventListener,\n    },\n    onSuccess: {\n      type: Function as PropType<AjaxEventListener>,\n      default: NOOP as AjaxEventListener,\n    },\n    onError: {\n      type: Function as PropType<AjaxEventListener>,\n      default: NOOP as AjaxEventListener,\n    },\n    beforeUpload: {\n      type: Function as PropType<\n        (file: File) => Promise<File | Blob> | boolean | unknown\n      >,\n      default: NOOP as (file: File) => void,\n    },\n    drag: {\n      type: Boolean,\n      default: false,\n    },\n    onPreview: {\n      type: Function as PropType<IFileHanlder>,\n      default: NOOP as IFileHanlder,\n    },\n    onRemove: {\n      type: Function as PropType<\n        (file: Nullable<FileList>, rawFile: ElFile) => void\n      >,\n      default: NOOP as (file: Nullable<FileList>, rawFile: ElFile) => void,\n    },\n    fileList: {\n      type: Array as PropType<UploadFile[]>,\n      default: () => [] as UploadFile[],\n    },\n    autoUpload: {\n      type: Boolean,\n      default: true,\n    },\n    listType: {\n      type: String as PropType<ListType>,\n      default: 'text',\n    },\n    httpRequest: {\n      type: Function as\n        | PropType<typeof ajax>\n        | PropType<(...args: unknown[]) => Promise<unknown>>,\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 as PropType<\n        (files: FileList, fileList: UploadFile[]) => void\n      >,\n      default: NOOP,\n    },\n  },\n  setup(props) {\n    const reqs = ref({} as Indexable<XMLHttpRequest | Promise<any>>)\n    const mouseover = ref(false)\n    const inputRef = ref(null as Nullable<HTMLInputElement>)\n\n    function uploadFiles(files: FileList) {\n      if (props.limit && props.fileList.length + files.length > props.limit) {\n        props.onExceed(files, props.fileList)\n        return\n      }\n      let postFiles = Array.from(files)\n      if (!props.multiple) {\n        postFiles = postFiles.slice(0, 1)\n      }\n      if (postFiles.length === 0) {\n        return\n      }\n      postFiles.forEach((rawFile) => {\n        props.onStart(rawFile)\n        if (props.autoUpload) upload(rawFile as ElFile)\n      })\n    }\n\n    function upload(rawFile: ElFile) {\n      inputRef.value.value = null\n      if (!props.beforeUpload) {\n        return post(rawFile)\n      }\n      const before = props.beforeUpload(rawFile)\n      if (before instanceof Promise) {\n        before\n          .then((processedFile) => {\n            const fileType = Object.prototype.toString.call(processedFile)\n            if (fileType === '[object File]' || fileType === '[object Blob]') {\n              if (fileType === '[object Blob]') {\n                processedFile = new File([processedFile], rawFile.name, {\n                  type: rawFile.type,\n                })\n              }\n              for (const p in rawFile) {\n                if (hasOwn(rawFile, p)) {\n                  processedFile[p] = rawFile[p]\n                }\n              }\n              post(processedFile)\n            } else {\n              post(rawFile)\n            }\n          })\n          .catch(() => {\n            props.onRemove(null, rawFile)\n          })\n      } else if (before !== false) {\n        post(rawFile)\n      } else {\n        props.onRemove(null, rawFile)\n      }\n    }\n    function abort(file) {\n      const _reqs = reqs.value\n      if (file) {\n        let uid = file\n        if (file.uid) uid = file.uid\n        if (_reqs[uid]) {\n          ;(_reqs[uid] as XMLHttpRequest).abort()\n        }\n      } else {\n        Object.keys(_reqs).forEach((uid) => {\n          if (_reqs[uid]) (_reqs[uid] as XMLHttpRequest).abort()\n          delete _reqs[uid]\n        })\n      }\n    }\n\n    function post(rawFile: ElFile) {\n      const { uid } = rawFile\n      const options = {\n        headers: props.headers,\n        withCredentials: props.withCredentials,\n        file: rawFile,\n        data: props.data,\n        method: props.method,\n        filename: props.name,\n        action: props.action,\n        onProgress: (e) => {\n          props.onProgress(e, rawFile)\n        },\n        onSuccess: (res) => {\n          props.onSuccess(res, rawFile)\n          delete reqs.value[uid]\n        },\n        onError: (err) => {\n          props.onError(err, rawFile)\n          delete reqs.value[uid]\n        },\n      }\n      const req = props.httpRequest(options)\n      reqs.value[uid] = req\n      if (req instanceof Promise) {\n        req.then(options.onSuccess, options.onError)\n      }\n    }\n\n    function handleChange(e: DragEvent) {\n      const files = (e.target as HTMLInputElement).files\n      if (!files) return\n      uploadFiles(files)\n    }\n\n    function handleClick() {\n      if (!props.disabled) {\n        inputRef.value.value = null\n        inputRef.value.click()\n      }\n    }\n\n    function handleKeydown() {\n      handleClick()\n    }\n\n    return {\n      reqs,\n      mouseover,\n      inputRef,\n      abort,\n      post,\n      handleChange,\n      handleClick,\n      handleKeydown,\n      upload,\n      uploadFiles,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;IAEK;;IAEA;;;cAGmB;;;mBACS,aAAQ;;;;;;;;;;MAQnC;MACA;;;;;;;"}

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

@@ -0,0 +1,37 @@
+import type { UploadFile, UploadStatus, ElFile, ElUploadProgressEvent, IUseHandlersProps } from './upload.type';
+declare const _default: (props: IUseHandlersProps) => {
+    abort: (file: UploadFile) => void;
+    clearFiles: (status?: UploadStatus[]) => void;
+    handleError: (err: Error, rawFile: ElFile) => void;
+    handleProgress: (ev: ElUploadProgressEvent, rawFile: ElFile) => void;
+    handleStart: (rawFile: ElFile) => void;
+    handleSuccess: (res: any, rawFile: ElFile) => void;
+    handleRemove: (file: UploadFile, raw: ElFile) => void;
+    submit: () => void;
+    uploadFiles: import("vue").Ref<{
+        name: string;
+        percentage?: number | undefined;
+        status: 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: ElFile) => void;
+    }>;
+};
+export default _default;

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

@@ -0,0 +1,143 @@
+import { ref, watch } from 'vue';
+import { NOOP } from '@vue/shared';
+import cloneDeep from 'lodash/cloneDeep';
+
+function getFile(rawFile, uploadFiles) {
+  return uploadFiles.find((file) => file.uid === rawFile.uid);
+}
+function genUid(seed) {
+  return Date.now() + seed;
+}
+var useHandlers = (props) => {
+  const uploadFiles = ref([]);
+  const uploadRef = ref(null);
+  let tempIndex = 1;
+  function abort(file) {
+    uploadRef.value.abort(file);
+  }
+  function clearFiles(status = ["ready", "uploading", "success", "fail"]) {
+    uploadFiles.value = uploadFiles.value.filter((row) => {
+      return !status.includes(row.status);
+    });
+  }
+  function handleError(err, rawFile) {
+    const file = getFile(rawFile, uploadFiles.value);
+    file.status = "fail";
+    uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1);
+    props.onError(err, file, uploadFiles.value);
+    props.onChange(file, uploadFiles.value);
+  }
+  function handleProgress(ev, rawFile) {
+    const file = getFile(rawFile, uploadFiles.value);
+    props.onProgress(ev, file, uploadFiles.value);
+    file.status = "uploading";
+    file.percentage = ev.percent || 0;
+  }
+  function handleSuccess(res, rawFile) {
+    const file = getFile(rawFile, uploadFiles.value);
+    if (file) {
+      file.status = "success";
+      file.response = res;
+      props.onSuccess(res, file, uploadFiles.value);
+      props.onChange(file, uploadFiles.value);
+    }
+  }
+  function handleStart(rawFile) {
+    const uid = genUid(tempIndex++);
+    rawFile.uid = uid;
+    const file = {
+      name: rawFile.name,
+      percentage: 0,
+      status: "ready",
+      size: rawFile.size,
+      raw: rawFile,
+      uid
+    };
+    if (props.listType === "picture-card" || props.listType === "picture") {
+      try {
+        file.url = URL.createObjectURL(rawFile);
+      } catch (err) {
+        console.error("[Element Error][Upload]", err);
+        props.onError(err, file, uploadFiles.value);
+      }
+    }
+    uploadFiles.value.push(file);
+    props.onChange(file, uploadFiles.value);
+  }
+  function handleRemove(file, raw) {
+    if (raw) {
+      file = getFile(raw, uploadFiles.value);
+    }
+    const revokeObjectURL = () => {
+      if (file.url && file.url.indexOf("blob:") === 0) {
+        URL.revokeObjectURL(file.url);
+      }
+    };
+    const doRemove = () => {
+      abort(file);
+      const fileList = uploadFiles.value;
+      fileList.splice(fileList.indexOf(file), 1);
+      props.onRemove(file, fileList);
+      revokeObjectURL();
+    };
+    if (!props.beforeRemove) {
+      doRemove();
+    } else if (typeof props.beforeRemove === "function") {
+      const before = props.beforeRemove(file, uploadFiles.value);
+      if (before instanceof Promise) {
+        before.then(() => {
+          doRemove();
+        }).catch(NOOP);
+      } else if (before !== false) {
+        doRemove();
+      }
+    }
+  }
+  function submit() {
+    uploadFiles.value.filter((file) => file.status === "ready").forEach((file) => {
+      uploadRef.value.upload(file.raw);
+    });
+  }
+  watch(() => props.listType, (val) => {
+    if (val === "picture-card" || val === "picture") {
+      uploadFiles.value = uploadFiles.value.map((file) => {
+        if (!file.url && file.raw) {
+          try {
+            file.url = URL.createObjectURL(file.raw);
+          } catch (err) {
+            props.onError(err, file, uploadFiles.value);
+          }
+        }
+        return file;
+      });
+    }
+  });
+  watch(() => props.fileList, (fileList) => {
+    uploadFiles.value = fileList.map((file) => {
+      const cloneFile = cloneDeep(file);
+      return {
+        ...cloneFile,
+        uid: file.uid || genUid(tempIndex++),
+        status: file.status || "success"
+      };
+    });
+  }, {
+    immediate: true,
+    deep: true
+  });
+  return {
+    abort,
+    clearFiles,
+    handleError,
+    handleProgress,
+    handleStart,
+    handleSuccess,
+    handleRemove,
+    submit,
+    uploadFiles,
+    uploadRef
+  };
+};
+
+export { useHandlers as default };
+//# sourceMappingURL=useHandlers.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHandlers.mjs","sources":["../../../../../../packages/components/upload/src/useHandlers.ts"],"sourcesContent":["import { ref, watch } from 'vue'\nimport { NOOP } from '@vue/shared'\nimport cloneDeep from 'lodash/cloneDeep'\n\n// Inline types\nimport type {\n  ListType,\n  UploadFile,\n  UploadStatus,\n  ElFile,\n  ElUploadProgressEvent,\n  IUseHandlersProps,\n} from './upload.type'\ntype UploadRef = {\n  abort: (file: UploadFile) => void\n  upload: (file: ElFile) => void\n}\n// helpers\nfunction getFile(rawFile: ElFile, uploadFiles: UploadFile[]) {\n  return uploadFiles.find((file) => file.uid === rawFile.uid)\n}\n\nfunction genUid(seed: number) {\n  return Date.now() + seed\n}\n\nexport default (props: IUseHandlersProps) => {\n  const uploadFiles = ref<UploadFile[]>([])\n  const uploadRef = ref<UploadRef>(null)\n\n  let tempIndex = 1\n\n  function abort(file: UploadFile) {\n    uploadRef.value.abort(file)\n  }\n\n  function clearFiles(\n    status: UploadStatus[] = ['ready', 'uploading', 'success', 'fail']\n  ) {\n    uploadFiles.value = uploadFiles.value.filter((row) => {\n      return !status.includes(row.status)\n    })\n  }\n\n  function handleError(err: Error, rawFile: ElFile) {\n    const file = getFile(rawFile, uploadFiles.value)\n    file.status = 'fail'\n    uploadFiles.value.splice(uploadFiles.value.indexOf(file), 1)\n    props.onError(err, file, uploadFiles.value)\n    props.onChange(file, uploadFiles.value)\n  }\n\n  function handleProgress(ev: ElUploadProgressEvent, rawFile: ElFile) {\n    const file = getFile(rawFile, uploadFiles.value)\n    props.onProgress(ev, file, uploadFiles.value)\n    file.status = 'uploading'\n    file.percentage = ev.percent || 0\n  }\n\n  function handleSuccess(res: any, rawFile: ElFile) {\n    const file = getFile(rawFile, uploadFiles.value)\n    if (file) {\n      file.status = 'success'\n      file.response = res\n      props.onSuccess(res, file, uploadFiles.value)\n      props.onChange(file, uploadFiles.value)\n    }\n  }\n\n  function handleStart(rawFile: ElFile) {\n    const uid = genUid(tempIndex++)\n    rawFile.uid = uid\n    const file: UploadFile = {\n      name: rawFile.name,\n      percentage: 0,\n      status: 'ready',\n      size: rawFile.size,\n      raw: rawFile,\n      uid,\n    }\n    if (props.listType === 'picture-card' || props.listType === 'picture') {\n      try {\n        file.url = URL.createObjectURL(rawFile)\n      } catch (err) {\n        console.error('[Element Error][Upload]', err)\n        props.onError(err, file, uploadFiles.value)\n      }\n    }\n    uploadFiles.value.push(file)\n    props.onChange(file, uploadFiles.value)\n  }\n\n  function handleRemove(file: UploadFile, raw: ElFile) {\n    if (raw) {\n      file = getFile(raw, uploadFiles.value)\n    }\n    const revokeObjectURL = () => {\n      if (file.url && file.url.indexOf('blob:') === 0) {\n        URL.revokeObjectURL(file.url)\n      }\n    }\n    const doRemove = () => {\n      abort(file)\n      const fileList = uploadFiles.value\n      fileList.splice(fileList.indexOf(file), 1)\n      props.onRemove(file, fileList)\n      revokeObjectURL()\n    }\n    if (!props.beforeRemove) {\n      doRemove()\n    } else if (typeof props.beforeRemove === 'function') {\n      const before = props.beforeRemove(file, uploadFiles.value)\n      if (before instanceof Promise) {\n        before\n          .then(() => {\n            doRemove()\n          })\n          .catch(NOOP)\n      } else if (before !== false) {\n        doRemove()\n      }\n    }\n  }\n\n  function submit() {\n    uploadFiles.value\n      .filter((file) => file.status === 'ready')\n      .forEach((file) => {\n        uploadRef.value.upload(file.raw)\n      })\n  }\n\n  watch(\n    () => props.listType,\n    (val: ListType) => {\n      if (val === 'picture-card' || val === 'picture') {\n        uploadFiles.value = uploadFiles.value.map((file) => {\n          if (!file.url && file.raw) {\n            try {\n              file.url = URL.createObjectURL(file.raw)\n            } catch (err) {\n              props.onError(err, file, uploadFiles.value)\n            }\n          }\n          return file\n        })\n      }\n    }\n  )\n\n  watch(\n    () => props.fileList,\n    (fileList: UploadFile[]) => {\n      uploadFiles.value = fileList.map((file) => {\n        const cloneFile = cloneDeep(file)\n        return {\n          ...cloneFile,\n          uid: file.uid || genUid(tempIndex++),\n          status: file.status || 'success',\n        }\n      })\n    },\n    {\n      immediate: true,\n      deep: true,\n    }\n  )\n\n  return {\n    abort,\n    clearFiles,\n    handleError,\n    handleProgress,\n    handleStart,\n    handleSuccess,\n    handleRemove,\n    submit,\n    uploadFiles,\n    uploadRef,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/upload/style/css.d.ts

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/base/style/css';
+import 'element-plus/theme-chalk/el-upload.css';
+import 'element-plus/es/components/progress/style/css';

package/es/components/upload/style/css.mjs

@@ -0,0 +1,4 @@
+import '../../base/style/css.mjs';
+import 'element-plus/theme-chalk/el-upload.css';
+import '../../progress/style/css.mjs';
+//# sourceMappingURL=css.mjs.map

package/es/components/upload/style/css.mjs.map

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

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

@@ -0,0 +1,3 @@
+import 'element-plus/es/components/base/style';
+import 'element-plus/theme-chalk/src/upload.scss';
+import 'element-plus/es/components/progress/style/index';

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

@@ -0,0 +1,4 @@
+import '../../base/style/index.mjs';
+import 'element-plus/theme-chalk/src/upload.scss';
+import '../../progress/style/index.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/upload/style/index.mjs.map

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

package/es/components/virtual-list/index.d.ts

@@ -0,0 +1,6 @@
+export { default as FixedSizeList } from './src/components/fixed-size-list';
+export { default as DynamicSizeList } from './src/components/dynamic-size-list';
+export { default as FixedSizeGrid } from './src/components/fixed-size-grid';
+export { default as DynamicSizeGrid } from './src/components/dynamic-size-grid';
+export * from './src/types';
+export * from './src/props';

package/es/components/virtual-list/index.mjs

@@ -0,0 +1,7 @@
+export { default as FixedSizeList } from './src/components/fixed-size-list.mjs';
+export { default as DynamicSizeList } from './src/components/dynamic-size-list.mjs';
+export { default as FixedSizeGrid } from './src/components/fixed-size-grid.mjs';
+export { default as DynamicSizeGrid } from './src/components/dynamic-size-grid.mjs';
+import './src/types.mjs';
+export { virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps } from './src/props.mjs';
+//# sourceMappingURL=index.mjs.map

package/es/components/virtual-list/index.mjs.map

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