@element-plus/nightly 0.0.20220121 → 0.0.20220122

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

@@ -1,7 +1,70 @@
-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 { defineComponent, inject, ref, openBlock, createElementBlock, normalizeClass, withModifiers, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/upload/src/upload-dragger.vue";
+const _sfc_main = 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) {
+      if (props.disabled || !uploader)
+        return;
+      const accept = uploader.props?.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
+    };
+  }
+});
+function _sfc_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);
+}
+var UploadDragger = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { UploadDragger as default };
 //# sourceMappingURL=upload-dragger.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-dragger.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"upload-dragger.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":["_openBlock"],"mappings":";;;AAkBA,MAAK,YAAa,gBAAa;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,SAAS,OAAO,UAAU,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;2BAxEJ,wBAUM;SATEA;AAAA;2BAA0D;AAAA;;IAK/D,eAAQ,mDAAU;AAAA,IAClB,YAAS,qDAAU,mBAAQ;AAAA;KAE5B;AAAA;;;;;;;"}

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

@@ -1,7 +1,203 @@
-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 { defineComponent, ref, resolveComponent, openBlock, createBlock, TransitionGroup, normalizeClass, withCtx, createElementBlock, Fragment, renderList, withKeys, renderSlot, createCommentVNode, createElementVNode, createVNode, createTextVNode, toDisplayString } 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 _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/upload/src/upload-list.vue";
+const _sfc_main = 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 = (file) => {
+      emit("remove", file);
+    };
+    return {
+      focusing: ref(false),
+      handleClick,
+      handleRemove,
+      onFileClicked,
+      t
+    };
+  }
+});
+const _hoisted_1 = ["onKeydown"];
+const _hoisted_2 = ["src"];
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "el-upload-list__item-status-label" };
+const _hoisted_5 = {
+  key: 2,
+  class: "el-icon--close-tip"
+};
+const _hoisted_6 = {
+  key: 4,
+  class: "el-upload-list__item-actions"
+};
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["onClick"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_document = resolveComponent("document");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_circle_check = resolveComponent("circle-check");
+  const _component_check = resolveComponent("check");
+  const _component_close = resolveComponent("close");
+  const _component_el_progress = resolveComponent("el-progress");
+  const _component_zoom_in = resolveComponent("zoom-in");
+  const _component_delete = resolveComponent("delete");
+  return openBlock(), createBlock(TransitionGroup, {
+    tag: "ul",
+    class: normalizeClass([
+      "el-upload-list",
+      "el-upload-list--" + _ctx.listType,
+      { "is-disabled": _ctx.disabled }
+    ]),
+    name: "el-list"
+  }, {
+    default: withCtx(() => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.files, (file) => {
+        return openBlock(), createElementBlock("li", {
+          key: file.uid || file,
+          class: normalizeClass([
+            "el-upload-list__item",
+            "is-" + file.status,
+            _ctx.focusing ? "focusing" : ""
+          ]),
+          tabindex: "0",
+          onKeydown: withKeys(($event) => !_ctx.disabled && _ctx.handleRemove(file), ["delete"]),
+          onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.focusing = true),
+          onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.focusing = false),
+          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onFileClicked && _ctx.onFileClicked(...args))
+        }, [
+          renderSlot(_ctx.$slots, "default", { file }, () => [
+            file.status !== "uploading" && ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              class: "el-upload-list__item-thumbnail",
+              src: file.url,
+              alt: ""
+            }, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+            createElementVNode("a", {
+              class: "el-upload-list__item-name",
+              onClick: ($event) => _ctx.handleClick(file)
+            }, [
+              createVNode(_component_el_icon, { class: "el-icon--document" }, {
+                default: withCtx(() => [
+                  createVNode(_component_document)
+                ]),
+                _: 1
+              }),
+              createTextVNode(" " + toDisplayString(file.name), 1)
+            ], 8, _hoisted_3),
+            createElementVNode("label", _hoisted_4, [
+              _ctx.listType === "text" ? (openBlock(), createBlock(_component_el_icon, {
+                key: 0,
+                class: "el-icon--upload-success el-icon--circle-check"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_circle_check)
+                ]),
+                _: 1
+              })) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(_component_el_icon, {
+                key: 1,
+                class: "el-icon--upload-success el-icon--check"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_check)
+                ]),
+                _: 1
+              })) : createCommentVNode("v-if", true)
+            ]),
+            !_ctx.disabled ? (openBlock(), createBlock(_component_el_icon, {
+              key: 1,
+              class: "el-icon--close",
+              onClick: ($event) => _ctx.handleRemove(file)
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_close)
+              ]),
+              _: 2
+            }, 1032, ["onClick"])) : createCommentVNode("v-if", true),
+            createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
+            createCommentVNode(" This is a bug which needs to be fixed "),
+            createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
+            !_ctx.disabled ? (openBlock(), createElementBlock("i", _hoisted_5, toDisplayString(_ctx.t("el.upload.deleteTip")), 1)) : createCommentVNode("v-if", true),
+            file.status === "uploading" ? (openBlock(), createBlock(_component_el_progress, {
+              key: 3,
+              type: _ctx.listType === "picture-card" ? "circle" : "line",
+              "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
+              percentage: +file.percentage,
+              style: { "margin-top": "0.5rem" }
+            }, null, 8, ["type", "stroke-width", "percentage"])) : createCommentVNode("v-if", true),
+            _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", _hoisted_6, [
+              createElementVNode("span", {
+                class: "el-upload-list__item-preview",
+                onClick: ($event) => _ctx.handlePreview(file)
+              }, [
+                createVNode(_component_el_icon, { class: "el-icon--zoom-in" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_zoom_in)
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_7),
+              !_ctx.disabled ? (openBlock(), createElementBlock("span", {
+                key: 0,
+                class: "el-upload-list__item-delete",
+                onClick: ($event) => _ctx.handleRemove(file)
+              }, [
+                createVNode(_component_el_icon, { class: "el-icon--delete" }, {
+                  default: withCtx(() => [
+                    createVNode(_component_delete)
+                  ]),
+                  _: 1
+                })
+              ], 8, _hoisted_8)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ])
+        ], 42, _hoisted_1);
+      }), 128))
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+var UploadList = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { UploadList as default };
 //# sourceMappingURL=upload-list.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload-list.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"upload-list.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(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(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          style=\"margin-top: 0.5rem\"\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(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 = (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":["_openBlock","_createBlock","_createElementBlock","_withKeys","_createCommentVNode","_withCtx"],"mappings":";;;;;;;;;AAgHA,MAAK,YAAa,gBAAa;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,SAAqB;AACzC,WAAK,UAAU;AAAA;AAEjB,WAAO;AAAA,MACL,UAAU,IAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;EApGsB,KAAK;AAAA;;;EAYvB,KAAK;AAAA;;;;;;;;;;;;;SAxEPA,aAAIC;AAAA,IACP,KAAK;AAAA;;2BAAwF;AAAA;;;;2BAO9F;AAAA,qDAiFK;eA/EGD,aAAYE,mBAAI;AAAA,UACrB,KAAK;AAAA;;YAAyE,aAAQ;AAAA;;UAMtF,UAAO;AAAA,UACP,WAAKC,uCAAE,kBAAQ;AAAA,UACf,SAAI,sCAAE,gBAAQ;AAAA,UACd,QAAK,2CAAE;AAAA;WAER;AAAA;;cAMI,KAAK;AAAA,cACJ,OAAK;AAAA,cACN,KAAI,KAAE;AAAA;uCAERC,mBAGI;AAAA,+BAHK;AAAA,cAA6B,OAAK;AAAA;eACzC;AAAA,8CAA+C;AAAA,yBAAZC,QAAY;AAAA;;;;;eAGjD;AAAA,+BAEkB;AAAA,gCADhB;gBAEE,KAAK;AAAA;;yBAELA,QAAgB;AAAA;;;qCAElB,oBAKU;gBAHR,KAAK;AAAA;;yBAELA,QAAS;AAAA;;;;;;cAKX,KAAK;AAAA,cACJ,OAAK;AAAA;;uBAENA,QAAS;AAAA;;;qCAEXD;AAAA,YACAA;AAAA,YACAA;AAAA,+BACkB;AAAA,qIAIVA,mBAAW;AAAA;cAChB,KAAI;AAAA,cACJ,wBAAc,iBAAQ;AAAA,cACtB,gBAAa,KAAK,aAAU;AAAA,cAC7B;AAAA;mEAGMA,mBAAQ;AAAA,8BADhB,+BAIEF,mBAKO;AAAA,iCAJC;AAAA,gBACL,OAAK;AAAA;iBAEN;AAAA,gDAA6C;AAAA,2BAAXG,QAAW;AAAA;;;;iBAGtC,GAAQ;AAAA;gBACf,KAAK;AAAA,gBACJ,OAAK;AAAA;iBAEN;AAAA,gDAA2C;AAAA,2BAAVA,QAAU;AAAA;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,269 @@
-import script from './upload.vue_vue_type_script_lang.mjs';
-export { default } from './upload.vue_vue_type_script_lang.mjs';
-import { render } from './upload.vue_vue_type_template_id_efd50b36_lang.mjs';
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, normalizeClass, withKeys, withModifiers, createBlock, withCtx, renderSlot, createElementVNode } from 'vue';
+import { NOOP, hasOwn } from '@vue/shared';
+import upload from './ajax.mjs';
+import UploadDragger from './upload-dragger.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/upload/src/upload.vue";
+const _sfc_main = defineComponent({
+  components: {
+    UploadDragger
+  },
+  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
+    };
+  }
+});
+const _hoisted_1 = ["name", "multiple", "accept"];
+function _sfc_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);
+}
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Upload as default };
 //# sourceMappingURL=upload.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"upload.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"upload.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","_openBlock","_withCtx","_renderSlot"],"mappings":"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"}

package/es/components/visual-hidden/index.mjs

@@ -1,4 +1,3 @@
-import './src/visual-hidden.mjs';
-import script from './src/visual-hidden.vue_vue_type_script_lang.mjs';
-export { default as ElVisuallyHidden, default } from './src/visual-hidden.vue_vue_type_script_lang.mjs';
+import ElVisuallyHidden from './src/visual-hidden.mjs';
+export { default as ElVisuallyHidden, default } from './src/visual-hidden.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/visual-hidden/index.mjs.map

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

package/es/components/visual-hidden/src/visual-hidden.mjs

@@ -1,7 +1,39 @@
-import script from './visual-hidden.vue_vue_type_script_lang.mjs';
-export { default } from './visual-hidden.vue_vue_type_script_lang.mjs';
-import { render } from './visual-hidden.vue_vue_type_template_id_4cbd1102_lang.mjs';
+import { defineComponent, computed, openBlock, createElementBlock, mergeProps } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/visual-hidden/src/visual-hidden.vue";
+const _sfc_main = defineComponent({
+  name: "ElVisuallyHidden",
+  props: {
+    style: {
+      type: [String, Object, Array]
+    }
+  },
+  setup(props) {
+    return {
+      computedStyle: 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"
+          }
+        ];
+      })
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("span", mergeProps(_ctx.$attrs, { style: _ctx.computedStyle }), null, 16);
+}
+var ElVisuallyHidden = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { ElVisuallyHidden as default };
 //# sourceMappingURL=visual-hidden.mjs.map