@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/lib/components/upload/src/upload.vue_vue_type_script_lang.js

@@ -1,242 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var shared = require('@vue/shared');
-var ajax = require('./ajax.js');
-require('./upload-dragger.js');
-var uploadDragger_vue_vue_type_script_lang = require('./upload-dragger.vue_vue_type_script_lang.js');
-
-var script = vue.defineComponent({
-  components: {
-    UploadDragger: uploadDragger_vue_vue_type_script_lang["default"]
-  },
-  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: shared.NOOP
-    },
-    onProgress: {
-      type: Function,
-      default: shared.NOOP
-    },
-    onSuccess: {
-      type: Function,
-      default: shared.NOOP
-    },
-    onError: {
-      type: Function,
-      default: shared.NOOP
-    },
-    beforeUpload: {
-      type: Function,
-      default: shared.NOOP
-    },
-    drag: {
-      type: Boolean,
-      default: false
-    },
-    onPreview: {
-      type: Function,
-      default: shared.NOOP
-    },
-    onRemove: {
-      type: Function,
-      default: shared.NOOP
-    },
-    fileList: {
-      type: Array,
-      default: () => []
-    },
-    autoUpload: {
-      type: Boolean,
-      default: true
-    },
-    listType: {
-      type: String,
-      default: "text"
-    },
-    httpRequest: {
-      type: Function,
-      default: () => ajax["default"]
-    },
-    disabled: Boolean,
-    limit: {
-      type: Number,
-      default: null
-    },
-    onExceed: {
-      type: Function,
-      default: shared.NOOP
-    }
-  },
-  setup(props) {
-    const reqs = vue.ref({});
-    const mouseover = vue.ref(false);
-    const inputRef = vue.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 (shared.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
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=upload.vue_vue_type_script_lang.js.map

package/lib/components/upload/src/upload.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload.vue_vue_type_script_lang.js","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":["defineComponent","NOOP","ajax","ref"],"mappings":";;;;;;;;;;AA+BA,aAAeA;AACf,EAAE,UAAU,EAAE;;AAEd,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE;;AAEV,MAAM,OAAO,EAAE;KACV;IACD,MAAM;AACV,MAAM,IAAI;;AAEV,KAAK;;AAEL,UAAU,EAAE,MAAM;MACZ;KACD;;MAEC;MACA;;WAEK,EAAE;;MAEP;;UAEI,EAAE;;MAEN;;mBAEa,EAAE;;MAEf;;YAEM;;MAEN,OAAO;;UAEH,EAAE;;MAEN;;WAEK,EAAE;;MAEP,OAAO,EAAEC,WAAI;;gBAEH;;MAEV;;aAEO,EAAE;;aAEF,EAAEA,WAAI;KACd;aACQ;MACP,IAAI,EAAE;;KAEP;gBACW,EAAE;MACZ,IAAI,EAAE,QAAQ;;KAEf;QACG,EAAE;MACJ,IAAI,EAAE;;KAEP;aACQ,EAAE;MACT,IAAI,EAAE,QAAQ;;KAEf;YACO,EAAE;MACR,IAAI,EAAE,QAAQ;;KAEf;YACO,EAAE;UACJ,EAAE,KAAK;MACX;;IAEF;MACE,IAAI;MACJ,OAAO,EAAE,IAAI;;IAEf;MACE,IAAI,EAAE;MACN,OAAO,EAAE,MAAM;;IAEjB;MACE,IAAI,EAAE;MACN,OAAO,EAAE,MAAMC,eAAI;;;SAGhB,EAAE;;MAEL;;YAEM;;MAEN,OAAO;;;;IAIT,MAAM,IAAI;UACJ,SAAS,GAAGC,OAAG,CAAC,KAAK,CAAC,CAAC;UACvB,QAAQ,GAAGA;IACjB;MACE,IAAI,KAAK;QACP,KAAK,CAAC,QAAQ;QACd,OAAO;;MAET,IAAI,SAAS,GAAG;;QAEd,SAAS,GAAG;OACb;MACD,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;QAC1B,OAAO;;MAET;QACE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,KAAK,CAAC,UAAU;;OAErB,CAAC,CAAC;KACJ;;MAEC,SAAS;MACT,IAAI,CAAC,MAAM,YAAY,EAAE;QACvB,OAAO,KAAK,OAAO,CAAC,CAAC;OACtB;;MAED,IAAI,MAAM,YAAY,OAAO,EAAE;cACvB,CAAC,IAAI,CAAC,cAAc,KAAK;UAC7B,MAAM,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;UAClC;;cAEI,aAAa,GAAG,IAAI,IAAI;gBACtB,IAAI,EAAE;eACP,CAAC;;YAEJ,KAAK,MAAM,CAAC,IAAI;;;eAGb;aACF;YACD,IAAI,CAAC,aAAa,CAAC,CAAC;;;;SAIvB,CAAC,CAAC,KAAK,CAAC,MAAM;UACb,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;SACtB,CAAC,CAAC;aACE,IAAI,MAAM;;OAEhB,MAAM;aACA,CAAC,QAAQ,CAAC,MAAM,QAAQ;;;aAGxB,KAAK,CAAC,IAAI,EAAE;YACb,KAAK,GAAG,KAAK,KAAK,CAAC;cACjB;kBACI,IAAI,CAAC;oBACH;gBACJ;;;gBAGA,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC;;;cAGf;cACA,KAAK,CAAC,GAAG,CAAC;YACZ,KAAK;iBACA,KAAK,CAAC,GAAG;;;;aAIb,IAAI,CAAC,OAAO,EAAE;;MAErB,aAAa,GAAG;QACd,OAAO,EAAE;QACT;QACA,IAAI,EAAE,OAAO;;;QAGb,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,KAAK,CAAC,MAAM;;UAElB,MAAM;SACP;QACD,SAAS,EAAE,CAAC;UACV,KAAK,CAAC,UAAU,GAAG,EAAE,OAAO,CAAC,CAAC;;SAE/B;QACD,OAAO,EAAE,CAAC,GAAG,KAAK;UAChB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,OAAO,EAAE;UAC5B,OAAO,IAAI,CAAC;SACb;;;;MAIH,IAAI,GAAG,YAAY,OAAO;QACxB,IAAI,IAAI,QAAQ,CAAC;OAClB;;aAEM,YAAY,CAAC,CAAC,EAAE;YACjB,KAAK,GAAG,CAAC;UACX,CAAC,KAAK;QACR;kBACU,KAAK,CAAC,CAAC;;aAEZ,WAAW,GAAG;UACjB,CAAC,KAAK,CAAC,QAAQ,EAAE;QACnB;QACA,QAAQ,CAAC,KAAK,CAAC,KAAK;;;;iBAIX,EAAE,CAAC;;WAET;;MAEL;MACA,QAAQ;MACR,KAAK;MACL,IAAI;kBACQ;MACZ;;;MAGA,WAAW;MACX;;;;;;"}

package/lib/components/upload/src/upload.vue_vue_type_template_id_efd50b36_lang.js

@@ -1,39 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = ["name", "multiple", "accept"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_upload_dragger = vue.resolveComponent("upload-dragger");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.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] = vue.withKeys(vue.withModifiers((...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args), ["self"]), ["enter", "space"]))
-  }, [
-    _ctx.drag ? (vue.openBlock(), vue.createBlock(_component_upload_dragger, {
-      key: 0,
-      disabled: _ctx.disabled,
-      onFile: _ctx.uploadFiles
-    }, {
-      default: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "default")
-      ]),
-      _: 3
-    }, 8, ["disabled", "onFile"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-    vue.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);
-}
-
-exports.render = render;
-//# sourceMappingURL=upload.vue_vue_type_template_id_efd50b36_lang.js.map

package/lib/components/upload/src/upload.vue_vue_type_template_id_efd50b36_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"upload.vue_vue_type_template_id_efd50b36_lang.js","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;;;uBACS,aAAQ;;;;;;;;;;MAQnC;MACA;;;;;;;"}

package/lib/components/visual-hidden/src/visual-hidden.vue_vue_type_script_lang.js

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-var script = vue.defineComponent({
-  name: "ElVisuallyHidden",
-  props: {
-    style: {
-      type: [String, Object, Array]
-    }
-  },
-  setup(props) {
-    return {
-      computedStyle: vue.computed(() => {
-        return [
-          props.style,
-          {
-            position: "absolute",
-            border: 0,
-            width: 1,
-            height: 1,
-            padding: 0,
-            margin: -1,
-            overflow: "hidden",
-            clip: "rect(0, 0, 0, 0)",
-            whiteSpace: "nowrap",
-            wordWrap: "normal"
-          }
-        ];
-      })
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=visual-hidden.vue_vue_type_script_lang.js.map

package/lib/components/visual-hidden/src/visual-hidden.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"visual-hidden.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/visual-hidden/src/visual-hidden.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\" :style=\"computedStyle\"> </span>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElVisuallyHidden',\n  props: {\n    style: {\n      type: [String, Object, Array],\n    },\n  },\n  setup(props) {\n    return {\n      computedStyle: computed(() => {\n        return [\n          props.style,\n          {\n            position: 'absolute',\n            border: 0,\n            width: 1,\n            height: 1,\n            padding: 0,\n            margin: -1,\n            overflow: 'hidden',\n            clip: 'rect(0, 0, 0, 0)',\n            whiteSpace: 'nowrap',\n            wordWrap: 'normal',\n          },\n        ] as any\n      }),\n    }\n  },\n})\n</script>\n"],"names":["defineComponent"],"mappings":";;;;;;AAKA,aAAeA,mBAAe,CAAC;;AAE/B,EAAE,KAAK,EAAE;IACL,KAAK,EAAE;MACL;KACD;;;;MAIC;QACE;UACE,KAAK,CAAC,KAAK;UACX;YACE,QAAQ;;YAER,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,OAAO;YACP,MAAM,EAAE,CAAC;YACT,UAAU;YACV,IAAI,EAAE;YACN,UAAU,EAAE;YACZ,QAAQ,EAAE,QAAQ;;;;;;;;;;"}

package/lib/components/visual-hidden/src/visual-hidden.vue_vue_type_template_id_4cbd1102_lang.js

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("span", vue.mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
-}
-
-exports.render = render;
-//# sourceMappingURL=visual-hidden.vue_vue_type_template_id_4cbd1102_lang.js.map

package/lib/components/visual-hidden/src/visual-hidden.vue_vue_type_template_id_4cbd1102_lang.js.map

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