element-plus 2.0.2 → 2.0.5

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

@@ -2,218 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 var shared = require('@vue/shared');
-var index$1 = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-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');
+require('../../../utils/index.js');
+var upload = require('./upload.js');
+var props = require('../../../utils/vue/props.js');
+var typescript = require('../../../utils/typescript.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElUploadList",
-  components: {
-    ElProgress: index.ElProgress,
-    ElIcon: index$1.ElIcon,
-    Document: iconsVue.Document,
-    Delete: iconsVue.Delete,
-    Close: iconsVue.Close,
-    ZoomIn: iconsVue.ZoomIn,
-    Check: iconsVue.Check,
-    CircleCheck: iconsVue.CircleCheck
+const uploadListProps = props.buildProps({
+  files: {
+    type: props.definePropType(Array),
+    default: () => typescript.mutable([])
   },
-  props: {
-    files: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    handlePreview: {
-      type: Function,
-      default: () => shared.NOOP
-    },
-    listType: {
-      type: String,
-      default: "text"
-    }
+  disabled: {
+    type: Boolean,
+    default: false
   },
-  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);
-    };
-    const onFileClicked = (e) => {
-      ;
-      e.target.focus();
-    };
-    const handleRemove = (file) => {
-      emit("remove", file);
-    };
-    return {
-      focusing: vue.ref(false),
-      handleClick,
-      handleRemove,
-      onFileClicked,
-      t,
-      nsUpload,
-      nsIcon,
-      nsList
-    };
+  handlePreview: {
+    type: props.definePropType(Function),
+    default: shared.NOOP
+  },
+  listType: {
+    type: String,
+    values: upload.uploadListTypes,
+    default: "text"
   }
 });
-const _hoisted_1 = ["onKeydown"];
-const _hoisted_2 = ["src"];
-const _hoisted_3 = ["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");
-  const _component_circle_check = vue.resolveComponent("circle-check");
-  const _component_check = vue.resolveComponent("check");
-  const _component_close = vue.resolveComponent("close");
-  const _component_el_progress = vue.resolveComponent("el-progress");
-  const _component_zoom_in = vue.resolveComponent("zoom-in");
-  const _component_delete = vue.resolveComponent("delete");
-  return vue.openBlock(), vue.createBlock(vue.TransitionGroup, {
-    tag: "ul",
-    class: vue.normalizeClass([
-      _ctx.nsUpload.b("list"),
-      _ctx.nsUpload.bm("list", _ctx.listType),
-      _ctx.nsUpload.is("disabled", _ctx.disabled)
-    ]),
-    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([
-            _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"]),
-          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))
-        }, [
-          vue.renderSlot(_ctx.$slots, "default", { file }, () => [
-            file.status !== "uploading" && ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createElementBlock("img", {
-              key: 0,
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-thumbnail")),
-              src: file.url,
-              alt: ""
-            }, null, 10, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("a", {
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-name")),
-              onClick: ($event) => _ctx.handleClick(file)
-            }, [
-              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)
-            ], 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: vue.normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("circle-check")])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_circle_check)
-                ]),
-                _: 1
-              }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-                key: 1,
-                class: vue.normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(_component_check)
-                ]),
-                _: 1
-              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-            ], 2),
-            !_ctx.disabled ? (vue.openBlock(), vue.createBlock(_component_el_icon, {
-              key: 1,
-              class: vue.normalizeClass(_ctx.nsIcon.m("close")),
-              onClick: ($event) => _ctx.handleRemove(file)
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_close)
-              ]),
-              _: 2
-            }, 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", {
-              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",
-              "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
-              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", {
-              key: 4,
-              class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
-            }, [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
-                onClick: ($event) => _ctx.handlePreview(file)
-              }, [
-                vue.createVNode(_component_el_icon, {
-                  class: vue.normalizeClass(_ctx.nsIcon.m("zoom-in"))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_zoom_in)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 10, _hoisted_4),
-              !_ctx.disabled ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: vue.normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
-                onClick: ($event) => _ctx.handleRemove(file)
-              }, [
-                vue.createVNode(_component_el_icon, {
-                  class: vue.normalizeClass(_ctx.nsIcon.m("delete"))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createVNode(_component_delete)
-                  ]),
-                  _: 1
-                }, 8, ["class"])
-              ], 10, _hoisted_5)) : vue.createCommentVNode("v-if", true)
-            ], 2)) : vue.createCommentVNode("v-if", true)
-          ])
-        ], 42, _hoisted_1);
-      }), 128))
-    ]),
-    _: 3
-  }, 8, ["class", "name"]);
-}
-var UploadList = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
+const uploadListEmits = {
+  remove: (file) => !!file
+};
 
-exports["default"] = UploadList;
+exports.uploadListEmits = uploadListEmits;
+exports.uploadListProps = uploadListProps;
 //# sourceMappingURL=upload-list.js.map

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      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;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"upload-list.js","sources":["../../../../../../packages/components/upload/src/upload-list.ts"],"sourcesContent":["import { NOOP } from '@vue/shared'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { uploadListTypes } from './upload'\nimport type { ExtractPropTypes } from 'vue'\nimport type { UploadFile, UploadHooks, UploadFiles } from './upload'\nimport type UploadList from './upload-list.vue'\n\nexport const uploadListProps = buildProps({\n  files: {\n    type: definePropType<UploadFiles>(Array),\n    default: () => mutable([]),\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  handlePreview: {\n    type: definePropType<UploadHooks['onPreview']>(Function),\n    default: NOOP,\n  },\n  listType: {\n    type: String,\n    values: uploadListTypes,\n    default: 'text',\n  },\n} as const)\n\nexport type UploadListProps = ExtractPropTypes<typeof uploadListProps>\nexport const uploadListEmits = {\n  remove: (file: UploadFile) => !!file,\n}\nexport type UploadListEmits = typeof uploadListEmits\nexport type UploadListInstance = InstanceType<typeof UploadList>\n"],"names":["buildProps","definePropType","mutable","NOOP","uploadListTypes"],"mappings":";;;;;;;;;;AAGY,MAAC,eAAe,GAAGA,gBAAU,CAAC;AAC1C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,KAAK,CAAC;AAC/B,IAAI,OAAO,EAAE,MAAMC,kBAAO,CAAC,EAAE,CAAC;AAC9B,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE;AACjB,IAAI,IAAI,EAAED,oBAAc,CAAC,QAAQ,CAAC;AAClC,IAAI,OAAO,EAAEE,WAAI;AACjB,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,sBAAe;AAC3B,IAAI,OAAO,EAAE,MAAM;AACnB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,eAAe,GAAG;AAC/B,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI;AAC1B;;;;;"}

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

@@ -1,27 +1,19 @@
-import type { PropType } from 'vue';
-import type { UploadFile } from './upload.type';
+import type { UploadFile } from './upload';
 declare const _default: import("vue").DefineComponent<{
-    files: {
-        type: PropType<UploadFile[]>;
-        default: () => File[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    handlePreview: {
-        type: PropType<(file: UploadFile) => void>;
-        default: () => () => void;
-    };
-    listType: {
-        type: PropType<"text" | "picture" | "picture-card">;
-        default: string;
-    };
+    readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFiles>, () => never[], unknown, unknown, unknown>;
+    readonly disabled: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly handlePreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: UploadFile) => void>, () => void, unknown, unknown, unknown>;
+    readonly listType: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "picture" | "picture-card", unknown>;
 }, {
-    focusing: import("vue").Ref<boolean>;
-    handleClick: (file: UploadFile) => void;
-    handleRemove: (file: UploadFile) => void;
-    onFileClicked: (e: Event) => void;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFiles>, () => never[], unknown, unknown, unknown>;
+        readonly disabled: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly handlePreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: UploadFile) => void>, () => void, unknown, unknown, unknown>;
+        readonly listType: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "picture" | "picture-card", unknown>;
+    }>> & {
+        onRemove?: ((file: UploadFile) => any) | undefined;
+    }>>;
+    emit: (event: "remove", file: UploadFile) => void;
     t: import("element-plus/es/hooks").Translator;
     nsUpload: {
         namespace: import("vue").ComputedRef<string>;
@@ -65,29 +57,141 @@ declare const _default: import("vue").DefineComponent<{
             (name: string): 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[]>;
-        default: () => File[];
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    handlePreview: {
-        type: PropType<(file: UploadFile) => void>;
-        default: () => () => void;
-    };
-    listType: {
-        type: PropType<"text" | "picture" | "picture-card">;
-        default: string;
-    };
+    focusing: import("vue").Ref<boolean>;
+    handleClick: (file: UploadFile) => void;
+    onFileClicked: (e: Event) => void;
+    handleRemove: (file: UploadFile) => void;
+    ElIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        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 | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
+    Document: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    Delete: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ZoomIn: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    Check: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    CircleCheck: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ElProgress: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "line", unknown, "circle" | "line" | "dashboard", unknown>;
+        readonly percentage: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly status: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "success" | "warning" | "exception", unknown>;
+        readonly indeterminate: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly duration: import("../../../utils").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+        readonly strokeWidth: import("../../../utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+        readonly strokeLinecap: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"round" | "inherit" | "butt" | "square">, "round", unknown, unknown, unknown>;
+        readonly textInside: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly width: import("../../../utils").BuildPropReturn<NumberConstructor, 126, unknown, unknown, unknown>;
+        readonly showText: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly color: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | ((percentage: number) => string) | {
+            color: string;
+            percentage: number;
+        }[]>, "", unknown, unknown, unknown>;
+        readonly format: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(percentage: number) => string>, (percentage: number) => string, unknown, unknown, unknown>;
+    }, {
+        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 | undefined): string;
+                (name: string): string;
+            };
+        };
+        barStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        relativeStrokeWidth: import("vue").ComputedRef<string>;
+        radius: import("vue").ComputedRef<number>;
+        trackPath: import("vue").ComputedRef<string>;
+        perimeter: import("vue").ComputedRef<number>;
+        rate: import("vue").ComputedRef<1 | 0.75>;
+        strokeDashoffset: import("vue").ComputedRef<string>;
+        trailPathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        circlePathStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+        stroke: import("vue").ComputedRef<string>;
+        statusIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        progressTextSize: import("vue").ComputedRef<number>;
+        content: import("vue").ComputedRef<string>;
+        slotData: import("vue").ComputedRef<{
+            percentage: number;
+        }>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly type: import("../../../utils").BuildPropReturn<StringConstructor, "line", unknown, "circle" | "line" | "dashboard", unknown>;
+        readonly percentage: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly status: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "success" | "warning" | "exception", unknown>;
+        readonly indeterminate: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly duration: import("../../../utils").BuildPropReturn<NumberConstructor, 3, unknown, unknown, unknown>;
+        readonly strokeWidth: import("../../../utils").BuildPropReturn<NumberConstructor, 6, unknown, unknown, unknown>;
+        readonly strokeLinecap: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<"round" | "inherit" | "butt" | "square">, "round", unknown, unknown, unknown>;
+        readonly textInside: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly width: import("../../../utils").BuildPropReturn<NumberConstructor, 126, unknown, unknown, unknown>;
+        readonly showText: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly color: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | ((percentage: number) => string) | {
+            color: string;
+            percentage: number;
+        }[]>, "", unknown, unknown, unknown>;
+        readonly format: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(percentage: number) => string>, (percentage: number) => string, unknown, unknown, unknown>;
+    }>>, {
+        type: import("../../../utils").BuildPropType<StringConstructor, "circle" | "line" | "dashboard", unknown>;
+        color: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | ((percentage: number) => string) | {
+            color: string;
+            percentage: number;
+        }[]>, unknown, unknown>;
+        width: number;
+        strokeLinecap: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<"round" | "inherit" | "butt" | "square">, unknown, unknown>;
+        strokeWidth: number;
+        indeterminate: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        format: (percentage: number) => string;
+        percentage: number;
+        status: import("../../../utils").BuildPropType<StringConstructor, "" | "success" | "warning" | "exception", unknown>;
+        duration: number;
+        textInside: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        showText: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    }>> & Record<string, any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: (file: UploadFile) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly files: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<import("./upload").UploadFiles>, () => never[], unknown, unknown, unknown>;
+    readonly disabled: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly handlePreview: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<(uploadFile: UploadFile) => void>, () => void, unknown, unknown, unknown>;
+    readonly listType: import("../../../utils").BuildPropReturn<StringConstructor, "text", unknown, "text" | "picture" | "picture-card", unknown>;
 }>> & {
-    onRemove?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((file: UploadFile) => any) | undefined;
 }, {
-    disabled: boolean;
-    listType: "text" | "picture" | "picture-card";
-    files: UploadFile[];
-    handlePreview: (file: UploadFile) => void;
+    disabled: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    listType: import("../../../utils").BuildPropType<StringConstructor, "text" | "picture" | "picture-card", unknown>;
+    files: import("./upload").UploadFiles;
+    handlePreview: (uploadFile: UploadFile) => void;
 }>;
 export default _default;