@element-plus/nightly 0.0.20220209 → 0.0.20220210

package/lib/components/upload/src/upload-dragger.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+require('../../../hooks/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElUploadDrag",
@@ -16,6 +18,7 @@ const _sfc_main = vue.defineComponent({
   emits: ["file"],
   setup(props, { emit }) {
     const uploader = vue.inject("uploader", {});
+    const ns = index.useNamespace("upload");
     const dragover = vue.ref(false);
     function onDrop(e) {
       var _a;
@@ -50,6 +53,7 @@ const _sfc_main = vue.defineComponent({
         dragover.value = true;
     }
     return {
+      ns,
       dragover,
       onDrop,
       onDragover
@@ -58,10 +62,7 @@ const _sfc_main = vue.defineComponent({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass({
-      "el-upload-dragger": true,
-      "is-dragover": _ctx.dragover
-    }),
+    class: vue.normalizeClass([_ctx.ns.b("dragger"), _ctx.ns.is("dragover", _ctx.dragover)]),
     onDrop: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onDrop && _ctx.onDrop(...args), ["prevent"])),
     onDragover: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onDragover && _ctx.onDragover(...args), ["prevent"])),
     onDragleave: _cache[2] || (_cache[2] = vue.withModifiers(($event) => _ctx.dragover = false, ["prevent"]))

package/lib/components/upload/src/upload-dragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-dragger.js","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":["defineComponent","inject","ref"],"mappings":";;;;;;;AAkBA,MAAK,YAAaA,oBAAa;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,WAAWC,WAAO,YAAY;AACpC,UAAM,WAAWC,QAAI;AAErB,oBAAgB,GAAc;AAC5B,UAAI;AAA6B;AACjC;AACA,uBAAiB;AACjB;AACE;AACA;AAAA;AAEF;AAGI,+BAAuB;AACvB,cAAM,YACJ,KAAK;AACP,cAAM,gBAAgB,QAAQ,SAAS;AACvC,sBACG,eACI,CAAC;AAGJ,2BAAiB,WAAW;AAC1B;AAAqB;AAEvB;AACE;AAAkD;AAEpD;AACE;AAAgB;AAElB;AAAO;AAAA;AAAA;AAMjB;AACE;AAAqB,iBAAS,QAAQ;AAAA;AAGxC;AAAO;AACL,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;SAvEI;AAAA;8BAA0D;AAAA;;;AAK7C,IAClB,qEAAmB;AAAQ;;AAE5B;;;;;;;;"}
+{"version":3,"file":"upload-dragger.js","sources":["../../../../../../packages/components/upload/src/upload-dragger.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('dragger'), ns.is('dragover', dragover)]\"\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'\nimport { useNamespace } from '@element-plus/hooks'\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 ns = useNamespace('upload')\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      ns,\n      dragover,\n      onDrop,\n      onDragover,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","inject","useNamespace","ref"],"mappings":";;;;;;;;;AAgBA,MAAK,YAAaA,oBAAa;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,WAAWC,WAAO,YAAY;AACpC,UAAM,KAAKC,mBAAa;AACxB,UAAM,WAAWC,QAAI;AAErB,oBAAgB,GAAc;AAC5B,UAAI;AAA6B;AACjC;AACA,uBAAiB;AACjB;AACE;AACA;AAAA;AAEF;AAGI,+BAAuB;AACvB,cAAM,YACJ,KAAK;AACP,cAAM,gBAAgB,QAAQ,SAAS;AACvC,sBACG,eACI,CAAC;AAGJ,2BAAiB,WAAW;AAC1B;AAAqB;AAEvB;AACE;AAAkD;AAEpD;AACE;AAAgB;AAElB;AAAO;AAAA;AAAA;AAMjB;AACE;AAAqB,iBAAS,QAAQ;AAAA;AAGxC;AAAO;AACL,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;SAvEI,kCAAO;AAAa;AACX,IACd,sEAAkB;AAAA,IAClB,qEAAmB;AAAQ;;AAE5B;;;;;;;;"}

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

@@ -4,6 +4,17 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     dragover: import("vue").Ref<boolean>;
     onDrop: (e: DragEvent) => void;
     onDragover: () => void;

package/lib/components/upload/src/upload-list.js

@@ -10,6 +10,7 @@ require('../../../hooks/index.js');
 var index = require('../../progress/index.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index$2 = require('../../../hooks/use-locale/index.js');
+var index$3 = require('../../../hooks/use-namespace/index.js');
 
 const _sfc_main = vue.defineComponent({
   name: "ElUploadList",
@@ -44,6 +45,9 @@ const _sfc_main = vue.defineComponent({
   emits: ["remove"],
   setup(props, { emit }) {
     const { t } = index$2.useLocale();
+    const nsUpload = index$3.useNamespace("upload");
+    const nsIcon = index$3.useNamespace("icon");
+    const nsList = index$3.useNamespace("list");
     const handleClick = (file) => {
       props.handlePreview(file);
     };
@@ -59,24 +63,18 @@ const _sfc_main = vue.defineComponent({
       handleClick,
       handleRemove,
       onFileClicked,
-      t
+      t,
+      nsUpload,
+      nsIcon,
+      nsList
     };
   }
 });
 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"];
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_document = vue.resolveComponent("document");
   const _component_el_icon = vue.resolveComponent("el-icon");
@@ -89,20 +87,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
     tag: "ul",
     class: vue.normalizeClass([
-      "el-upload-list",
-      "el-upload-list--" + _ctx.listType,
-      { "is-disabled": _ctx.disabled }
+      _ctx.nsUpload.b("list"),
+      _ctx.nsUpload.bm("list", _ctx.listType),
+      _ctx.nsUpload.is("disabled", _ctx.disabled)
     ]),
-    name: "el-list"
+    name: _ctx.nsList.b()
   }, {
     default: vue.withCtx(() => [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.files, (file) => {
         return vue.openBlock(), vue.createElementBlock("li", {
           key: file.uid || file,
           class: vue.normalizeClass([
-            "el-upload-list__item",
-            "is-" + file.status,
-            _ctx.focusing ? "focusing" : ""
+            _ctx.nsUpload.be("list", "item"),
+            _ctx.nsUpload.is(file.status),
+            { focusing: _ctx.focusing }
           ]),
           tabindex: "0",
           onKeydown: vue.withKeys(($event) => !_ctx.disabled && _ctx.handleRemove(file), ["delete"]),
@@ -113,55 +111,62 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.renderSlot(_ctx.$slots, "default", { file }, () => [
             file.status !== "uploading" && ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
-              class: "el-upload-list__item-thumbnail",
+              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-thumbnail")),
               src: file.url,
               alt: ""
-            }, null, 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
+            }, null, 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
             vue.createElementVNode("a", {
-              class: "el-upload-list__item-name",
+              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-name")),
               onClick: ($event) => _ctx.handleClick(file)
             }, [
-              vue.createVNode(_component_el_icon, { class: "el-icon--document" }, {
+              vue.createVNode(_component_el_icon, {
+                class: vue.normalizeClass(_ctx.nsIcon.m("document"))
+              }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_document)
                 ]),
                 _: 1
-              }),
+              }, 8, ["class"]),
               vue.createTextVNode(" " + vue.toDisplayString(file.name), 1)
-            ], 8, _hoisted_3),
-            vue.createElementVNode("label", _hoisted_4, [
+            ], 10, _hoisted_3),
+            vue.createElementVNode("label", {
+              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
+            }, [
               _ctx.listType === "text" ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 0,
-                class: "el-icon--upload-success el-icon--circle-check"
+                class: vue.normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("circle-check")])
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_circle_check)
                 ]),
                 _: 1
-              })) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
+              }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
                 key: 1,
-                class: "el-icon--upload-success el-icon--check"
+                class: vue.normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
               }, {
                 default: vue.withCtx(() => [
                   vue.createVNode(_component_check)
                 ]),
                 _: 1
-              })) : vue.createCommentVNode("v-if", true)
-            ]),
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ], 2),
             !_ctx.disabled ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
               key: 1,
-              class: "el-icon--close",
+              class: vue.normalizeClass(_ctx.nsIcon.m("close")),
               onClick: ($event) => _ctx.handleRemove(file)
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_close)
               ]),
               _: 2
-            }, 1032, ["onClick"])) : vue.createCommentVNode("v-if", true),
+            }, 1032, ["class", "onClick"])) : vue.createCommentVNode("v-if", true),
             vue.createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
             vue.createCommentVNode(" This is a bug which needs to be fixed "),
             vue.createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-            !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("i", _hoisted_5, vue.toDisplayString(_ctx.t("el.upload.deleteTip")), 1)) : vue.createCommentVNode("v-if", true),
+            !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("i", {
+              key: 2,
+              class: vue.normalizeClass(_ctx.nsIcon.m("close-tip"))
+            }, vue.toDisplayString(_ctx.t("el.upload.deleteTip")), 3)) : vue.createCommentVNode("v-if", true),
             file.status === "uploading" ? (vue.openBlock(), vue.createBlock(_component_el_progress, {
               key: 3,
               type: _ctx.listType === "picture-card" ? "circle" : "line",
@@ -169,37 +174,44 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               percentage: +file.percentage,
               style: { "margin-top": "0.5rem" }
             }, null, 8, ["type", "stroke-width", "percentage"])) : vue.createCommentVNode("v-if", true),
-            _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_6, [
+            _ctx.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 4,
+              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
+            }, [
               vue.createElementVNode("span", {
-                class: "el-upload-list__item-preview",
+                class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
                 onClick: ($event) => _ctx.handlePreview(file)
               }, [
-                vue.createVNode(_component_el_icon, { class: "el-icon--zoom-in" }, {
+                vue.createVNode(_component_el_icon, {
+                  class: vue.normalizeClass(_ctx.nsIcon.m("zoom-in"))
+                }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_zoom_in)
                   ]),
                   _: 1
-                })
-              ], 8, _hoisted_7),
+                }, 8, ["class"])
+              ], 10, _hoisted_4),
               !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
-                class: "el-upload-list__item-delete",
+                class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
                 onClick: ($event) => _ctx.handleRemove(file)
               }, [
-                vue.createVNode(_component_el_icon, { class: "el-icon--delete" }, {
+                vue.createVNode(_component_el_icon, {
+                  class: vue.normalizeClass(_ctx.nsIcon.m("delete"))
+                }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_delete)
                   ]),
                   _: 1
-                })
-              ], 8, _hoisted_8)) : vue.createCommentVNode("v-if", true)
-            ])) : vue.createCommentVNode("v-if", true)
+                }, 8, ["class"])
+              ], 10, _hoisted_5)) : vue.createCommentVNode("v-if", true)
+            ], 2)) : vue.createCommentVNode("v-if", true)
           ])
         ], 42, _hoisted_1);
       }), 128))
     ]),
     _: 3
-  }, 8, ["class"]);
+  }, 8, ["class", "name"]);
 }
 var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 

package/lib/components/upload/src/upload-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"upload-list.js","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":["defineComponent","ElProgress","ElIcon","Document","Delete","Close","ZoomIn","Check","CircleCheck","NOOP","useLocale","ref","_openBlock","_createBlock","_createElementBlock","_withKeys","_createCommentVNode","_withCtx"],"mappings":";;;;;;;;;;;;;AAgHA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA,YACAC;AAAA,cACAC;AAAA,YACAC;AAAA,WACAC;AAAA,YACAC;AAAA,WACAC;AAAA,iBACAC;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,MAAMC;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,MAAMC;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,UAAUC,QAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;EApGsB,KAAK;AAAA;;;EAYvB,KAAK;AAAA;;;;;;;;;;;;;SAxEPC,iBAAIC;AAAA,IACP,KAAK;AAAA;;2BAAwF;AAAA;;;;+BAO9F;AAAA,iEAiFK;eA/EGD,iBAAYE,uBAAI;AAAA,UACrB,KAAK;AAAA;;YAAyE,aAAQ;AAAA;;UAMtF,UAAO;AAAA,UACP,WAAKC,2CAAE,kBAAQ;AAAA,UACf,SAAI,sCAAE,gBAAQ;AAAA,UACd,QAAK,2CAAE;AAAA;WAER;AAAA;;cAMI,KAAK;AAAA,cACJ,OAAK;AAAA,cACN,KAAI,KAAE;AAAA;uCAERC,uBAGI;AAAA,mCAHK;AAAA,cAA6B,OAAK;AAAA;eACzC;AAAA,kDAA+C;AAAA,yBAAZC,YAAY;AAAA;;;;;eAGjD;AAAA,mCAEkB;AAAA,gCADhB;gBAEE,KAAK;AAAA;;yBAELA,YAAgB;AAAA;;;qCAElB,oBAKU;gBAHR,KAAK;AAAA;;yBAELA,YAAS;AAAA;;;;;;cAKX,KAAK;AAAA,cACJ,OAAK;AAAA;;uBAENA,YAAS;AAAA;;;qCAEXD;AAAA,YACAA;AAAA,YACAA;AAAA,mCACkB;AAAA,iJAIVA,uBAAW;AAAA;cAChB,KAAI;AAAA,cACJ,wBAAc,iBAAQ;AAAA,cACtB,gBAAa,KAAK,aAAU;AAAA,cAC7B;AAAA;mEAGMA,uBAAQ;AAAA,8BADhB,mCAIEF,uBAKO;AAAA,qCAJC;AAAA,gBACL,OAAK;AAAA;iBAEN;AAAA,oDAA6C;AAAA,2BAAXG,YAAW;AAAA;;;;iBAGtC,GAAQ;AAAA;gBACf,KAAK;AAAA,gBACJ,OAAK;AAAA;iBAEN;AAAA,oDAA2C;AAAA,2BAAVA,YAAU;AAAA;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"upload-list.js","sources":["../../../../../../packages/components/upload/src/upload-list.vue"],"sourcesContent":["<template>\n  <transition-group\n    tag=\"ul\"\n    :class=\"[\n      nsUpload.b('list'),\n      nsUpload.bm('list', listType),\n      nsUpload.is('disabled', disabled),\n    ]\"\n    :name=\"nsList.b()\"\n  >\n    <li\n      v-for=\"file in files\"\n      :key=\"file.uid || file\"\n      :class=\"[\n        nsUpload.be('list', 'item'),\n        nsUpload.is(file.status),\n        { 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=\"nsUpload.be('list', 'item-thumbnail')\"\n          :src=\"file.url\"\n          alt=\"\"\n        />\n        <a :class=\"nsUpload.be('list', 'item-name')\" @click=\"handleClick(file)\">\n          <el-icon :class=\"nsIcon.m('document')\"><document /></el-icon>\n          {{ file.name }}\n        </a>\n        <label :class=\"nsUpload.be('list', 'item-status-label')\">\n          <el-icon\n            v-if=\"listType === 'text'\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('circle-check')]\"\n          >\n            <circle-check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"['picture-card', 'picture'].includes(listType)\"\n            :class=\"[nsIcon.m('upload-success'), nsIcon.m('check')]\"\n          >\n            <check />\n          </el-icon>\n        </label>\n        <el-icon\n          v-if=\"!disabled\"\n          :class=\"nsIcon.m('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=\"nsIcon.m('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=\"nsUpload.be('list', 'item-actions')\"\n        >\n          <span\n            :class=\"nsUpload.be('list', 'item-preview')\"\n            @click=\"handlePreview(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('zoom-in')\"><zoom-in /></el-icon>\n          </span>\n          <span\n            v-if=\"!disabled\"\n            :class=\"nsUpload.be('list', 'item-delete')\"\n            @click=\"handleRemove(file)\"\n          >\n            <el-icon :class=\"nsIcon.m('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, useNamespace } 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    const nsUpload = useNamespace('upload')\n    const nsIcon = useNamespace('icon')\n    const nsList = useNamespace('list')\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      nsUpload,\n      nsIcon,\n      nsList,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElProgress","ElIcon","Document","Delete","Close","ZoomIn","Check","CircleCheck","NOOP","useLocale","useNamespace","ref","_openBlock","_createBlock","_normalizeClass","_createElementBlock","_withKeys","_createCommentVNode","_withCtx"],"mappings":";;;;;;;;;;;;;;AAgHA,MAAK,YAAaA,oBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA,YACAC;AAAA,cACAC;AAAA,YACAC;AAAA,WACAC;AAAA,YACAC;AAAA,WACAC;AAAA,iBACAC;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,MAAMC;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,MAAMC;AACd,UAAM,WAAWC,qBAAa;AAC9B,UAAM,SAASA,qBAAa;AAC5B,UAAM,SAASA,qBAAa;AAE5B,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,UAAUC,QAAI;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;SAtKEC,iBAAIC;AAAA,IACP,KAAK;AAAA,WAAUC,mBAAU;AAAA,MAAgB,cAAS,EAAE;AAAA,MAA0B,cAAS,GAAE,aAAa;AAAA;;;;+BAOvG;AAAA,iEAiFK;eA/EGF,iBAAYG,uBAAI;AAAA,UACrB,KAAK;AAAA,UAAY,0BAAW;AAAA,YAA0B,cAAS,GAAG,QAAK;AAAA,0BAAmB;AAAA;;UAM1F,UAAO;AAAA,UACP,WAAKC,2CAAE,kBAAQ;AAAA,UACf,SAAI,sCAAE,gBAAQ;AAAA,UACd,QAAK,2CAAE;AAAA;WAER;AAAA;;cAMK,KAAK;AAAA,cACL,OAAKF,mBAAQ;AAAA,cACd,KAAI,KAAE;AAAA;wCAERG,uBAGI;AAAA,mCAHK,KAAE;AAAA,cAAmC,OAAKH,mBAAE,cAAY,WAAI;AAAA;eACnE;AAAA,8BAAe,oBAAE;AAAA;;yBAAsBI,YAAY;AAAA;;;oBAAU;AAAA;eAG/D,IAaQ;AAAA,mCAbK,SAAE;AAAA;eAEL;AAAA,gCADR;gBAEG,KAAK;AAAA;;yBAENA,YAAgB;AAAA;;;mDAElB,oBAKU;gBAHP,KAAK;AAAA;;yBAENA,YAAS;AAAA;;;;eAIJ;AAAA;cACN,KAAK;AAAA,cACL,OAAKJ,mBAAE,cAAY;AAAA;;uBAEpBI,YAAS;AAAA;;;8CAEXD;AAAA,YACAA;AAAA,YACAA;AAAA,mCACkB;AAAA;cAAG,KAAK;AAAA,wCACxB,KAAC;AAAA,yEAGKA,uBAAW;AAAA;cAChB,KAAI;AAAA,cACJ,wBAAc,iBAAQ;AAAA,cACtB,gBAAa,KAAK,aAAU;AAAA,cAC7B;AAAA;mEAGMA,uBAAQ;AAAA,8BADhB;cAEG,KAAK;AAAA;eAEN;AAAA,qCACQ,QAAE;AAAA,gBACP,OAAKH,mBAAE,iBAAc,QAAI;AAAA;iBAE1B;AAAA,gCAAe,oBAAE;AAAA;;2BAAqBI,YAAW;AAAA;;;;iBAG1C,IAAQ;AAAA;gBACd,KAAK;AAAA,gBACL,OAAKJ,mBAAE,cAAY,GAAC,QAAI;AAAA;iBAEzB;AAAA,gCAAe,oBAAE;AAAA;;2BAAoBI,YAAU;AAAA;;;;;;;;;;;;;;;;;"}

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

@@ -23,6 +23,39 @@ declare const _default: import("vue").DefineComponent<{
     handleRemove: (file: UploadFile) => void;
     onFileClicked: (e: Event) => void;
     t: import("element-plus/es/hooks").Translator;
+    nsUpload: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
+    nsIcon: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
+    nsList: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     files: {
         type: PropType<UploadFile[]>;

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

@@ -5,9 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var shared = require('@vue/shared');
 require('../../../utils-v2/index.js');
+require('../../../hooks/index.js');
 var ajax = require('./ajax.js');
 var uploadDragger = require('./upload-dragger.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
 const _sfc_main = vue.defineComponent({
   components: {
@@ -110,6 +112,7 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props) {
     const reqs = vue.ref({});
+    const ns = index.useNamespace("upload");
     const mouseover = vue.ref(false);
     const inputRef = vue.ref(null);
     function uploadFiles(files) {
@@ -225,6 +228,7 @@ const _sfc_main = vue.defineComponent({
       handleClick();
     }
     return {
+      ns,
       reqs,
       mouseover,
       inputRef,
@@ -242,7 +246,7 @@ const _hoisted_1 = ["name", "multiple", "accept"];
 function _sfc_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}`]),
+    class: vue.normalizeClass([_ctx.ns.b(), _ctx.ns.m(_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"]))
@@ -259,13 +263,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["disabled", "onFile"])) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
     vue.createElementVNode("input", {
       ref: "inputRef",
-      class: "el-upload__input",
+      class: vue.normalizeClass(_ctx.ns.e("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)
+    }, null, 42, _hoisted_1)
   ], 34);
 }
 var Upload = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);

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

@@ -1 +1 @@
-{"version":3,"file":"upload.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 } from '@vue/shared'\nimport { hasOwn } from '@element-plus/utils-v2'\n\nimport ajax from './ajax'\nimport UploadDragger from './upload-dragger.vue'\n\nimport type { PropType } from 'vue'\nimport type { 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 Record<string, 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","UploadDragger","NOOP","ajax","ref","hasOwn","_openBlock","_withCtx","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"upload.js","sources":["../../../../../../packages/components/upload/src/upload.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b(), ns.m(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=\"ns.e('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 } from '@vue/shared'\nimport { hasOwn } from '@element-plus/utils-v2'\n\nimport { useNamespace } from '@element-plus/hooks'\nimport ajax from './ajax'\nimport UploadDragger from './upload-dragger.vue'\n\nimport type { PropType } from 'vue'\nimport type { 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 Record<string, XMLHttpRequest | Promise<any>>)\n    const ns = useNamespace('upload')\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      ns,\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","UploadDragger","NOOP","ajax","ref","useNamespace","hasOwn","_openBlock","_withCtx","_renderSlot","_normalizeClass"],"mappings":"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"}

package/lib/components/upload/src/upload.vue.d.ts

@@ -99,6 +99,17 @@ declare const _default: import("vue").DefineComponent<{
         default: () => void;
     };
 }, {
+    ns: {
+        namespace: import("vue").ComputedRef<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: (name: string, state?: boolean) => string;
+    };
     reqs: import("vue").Ref<{
         [x: string]: {
             then: <TResult1 = any, TResult2 = never>(onfulfilled?: ((value: any) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => Promise<TResult1 | TResult2>;

package/lib/tokens/tabs.d.ts

@@ -4,14 +4,14 @@ export declare type TabsPaneContext = UnwrapRef<{
     uid: number;
     instance: ShallowReactive<ComponentInternalInstance>;
     props: TabPaneProps;
-    paneName: ComputedRef<string | undefined>;
+    paneName: ComputedRef<string | number | undefined>;
     active: ComputedRef<boolean>;
     index: Ref<string | undefined>;
     isClosable: ComputedRef<boolean>;
 }>;
 export interface TabsRootContext {
     props: TabsProps;
-    currentName: Ref<string>;
+    currentName: Ref<string | number>;
     updatePaneState: (pane: TabsPaneContext) => void;
 }
 export declare const tabsRootContextKey: InjectionKey<TabsRootContext>;

package/lib/tokens/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../../packages/tokens/tabs.ts"],"sourcesContent":["import type { TabsProps, TabPaneProps } from '@element-plus/components/tabs'\nimport type {\n  ComponentInternalInstance,\n  ComputedRef,\n  Ref,\n  InjectionKey,\n  UnwrapRef,\n  ShallowReactive,\n} from 'vue'\n\nexport type TabsPaneContext = UnwrapRef<{\n  uid: number\n  instance: ShallowReactive<ComponentInternalInstance>\n  props: TabPaneProps\n  paneName: ComputedRef<string | undefined>\n  active: ComputedRef<boolean>\n  index: Ref<string | undefined>\n  isClosable: ComputedRef<boolean>\n}>\n\nexport interface TabsRootContext {\n  props: TabsProps\n  currentName: Ref<string>\n  updatePaneState: (pane: TabsPaneContext) => void\n}\n\nexport const tabsRootContextKey: InjectionKey<TabsRootContext> =\n  Symbol('tabsRootContextKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}
+{"version":3,"file":"tabs.js","sources":["../../../../packages/tokens/tabs.ts"],"sourcesContent":["import type { TabsProps, TabPaneProps } from '@element-plus/components/tabs'\nimport type {\n  ComponentInternalInstance,\n  ComputedRef,\n  Ref,\n  InjectionKey,\n  UnwrapRef,\n  ShallowReactive,\n} from 'vue'\n\nexport type TabsPaneContext = UnwrapRef<{\n  uid: number\n  instance: ShallowReactive<ComponentInternalInstance>\n  props: TabPaneProps\n  paneName: ComputedRef<string | number | undefined>\n  active: ComputedRef<boolean>\n  index: Ref<string | undefined>\n  isClosable: ComputedRef<boolean>\n}>\n\nexport interface TabsRootContext {\n  props: TabsProps\n  currentName: Ref<string | number>\n  updatePaneState: (pane: TabsPaneContext) => void\n}\n\nexport const tabsRootContextKey: InjectionKey<TabsRootContext> =\n  Symbol('tabsRootContextKey')\n"],"names":[],"mappings":";;;;AAAY,MAAC,kBAAkB,GAAG,MAAM,CAAC,oBAAoB;;;;"}

package/lib/utils-v2/vue/style.d.ts

@@ -1 +1 @@
-export declare function addUnit(value: string | number, defaultUnit?: string): string;
+export declare function addUnit(value: string | number, defaultUnit?: string): string | undefined;

package/lib/utils-v2/vue/style.js

@@ -9,13 +9,14 @@ var core = require('@vueuse/core');
 
 const SCOPE = "utils-v2/vue/style";
 function addUnit(value, defaultUnit = "px") {
+  if (!value)
+    return "";
   if (shared.isString(value)) {
     return value;
   } else if (core.isNumber(value)) {
     return `${value}${defaultUnit}`;
   }
   error.debugWarn(SCOPE, "binding value must be a string or number");
-  return "";
 }
 
 exports.addUnit = addUnit;

package/lib/utils-v2/vue/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../../packages/utils-v2/vue/style.ts"],"sourcesContent":["import { isString, isNumber } from '../types'\nimport { debugWarn } from '../error'\n\nconst SCOPE = 'utils-v2/vue/style'\n\nexport function addUnit(value: string | number, defaultUnit = 'px') {\n  if (isString(value)) {\n    return value\n  } else if (isNumber(value)) {\n    return `${value}${defaultUnit}`\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n  return ''\n}\n"],"names":["isString","isNumber","debugWarn"],"mappings":";;;;;;;;;AAEA,MAAM,KAAK,GAAG,oBAAoB,CAAC;AAC5B,SAAS,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,EAAE;AACnD,EAAE,IAAIA,eAAQ,CAAC,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,MAAM,IAAIC,aAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,IAAI,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;AACpC,GAAG;AACH,EAAEC,eAAS,CAAC,KAAK,EAAE,0CAA0C,CAAC,CAAC;AAC/D,EAAE,OAAO,EAAE,CAAC;AACZ;;;;"}
+{"version":3,"file":"style.js","sources":["../../../../../packages/utils-v2/vue/style.ts"],"sourcesContent":["import { isString, isNumber } from '../types'\nimport { debugWarn } from '../error'\n\nconst SCOPE = 'utils-v2/vue/style'\n\nexport function addUnit(value: string | number, defaultUnit = 'px') {\n  if (!value) return ''\n  if (isString(value)) {\n    return value\n  } else if (isNumber(value)) {\n    return `${value}${defaultUnit}`\n  }\n  debugWarn(SCOPE, 'binding value must be a string or number')\n}\n"],"names":["isString","isNumber","debugWarn"],"mappings":";;;;;;;;;AAEA,MAAM,KAAK,GAAG,oBAAoB,CAAC;AAC5B,SAAS,OAAO,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,EAAE;AACnD,EAAE,IAAI,CAAC,KAAK;AACZ,IAAI,OAAO,EAAE,CAAC;AACd,EAAE,IAAIA,eAAQ,CAAC,KAAK,CAAC,EAAE;AACvB,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,MAAM,IAAIC,aAAQ,CAAC,KAAK,CAAC,EAAE;AAC9B,IAAI,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC;AACpC,GAAG;AACH,EAAEC,eAAS,CAAC,KAAK,EAAE,0CAA0C,CAAC,CAAC;AAC/D;;;;"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.20220209";
+export declare const version = "0.0.20220210";

package/lib/version.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const version = "0.0.20220209";
+const version = "0.0.20220210";
 
 exports.version = version;
 //# sourceMappingURL=version.js.map

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220209'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}
+{"version":3,"file":"version.js","sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20220210'\n"],"names":[],"mappings":";;;;AAAY,MAAC,OAAO,GAAG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20220209",
+  "version": "0.0.20220210",
   "description": "A Component Library for Vue 3",
   "homepage": "https://element-plus.org/",
   "keywords": [
@@ -77,5 +77,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "563b8692e622d03240e8c8e761bf8ed80f421faf"
+  "gitHead": "1d8584d627de5b0318577210666adf2be64d3e75"
 }