@maxtropy/v-components 0.1.12-beta.1 → 0.1.12-beta.11

package/lib/components/upload/MxUpload.vue.js

@@ -0,0 +1,309 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+require("element-plus/es/components/upload/style/css");
+const iconsVue = require("@element-plus/icons-vue");
+const core = require("@vueuse/core");
+const useHandlers = require("./use-handlers");
+const UploadList = require("./uploadList.vue");
+const typescript = require("element-plus/es/utils/typescript");
+const upload = require("./upload");
+const UploadSvg = require("../../assets/svg/UploadSvg.vue");
+const ContainerSvg = require("../../assets/svg/ContainerSvg.vue");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-7c636766"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-upload-text" }, "点击或将文件拖拽到这里上传", -1));
+const _hoisted_2 = { class: "mx-upload-tip" };
+const _hoisted_3 = {
+  key: 2,
+  class: "mx-error-msg"
+};
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-upload-text" }, "上传图片", -1));
+const _hoisted_5 = { class: "mx-upload-tip" };
+const _hoisted_6 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "MxUpload",
+  props: {
+    accept: {
+      type: Array,
+      default: () => [".jpg", ".jpeg", ".png"]
+    },
+    fileSize: {
+      type: Number,
+      default: 1
+    },
+    fileSpec: {
+      type: upload.definePropType(Object),
+      default: void 0
+    },
+    limit: {
+      type: Number,
+      default: 1
+    },
+    fileList: {
+      type: upload.definePropType(Array),
+      default: () => typescript.mutable([])
+    },
+    beforeRemove: {
+      type: upload.definePropType(Function),
+      default: null
+    },
+    onChange: {
+      type: upload.definePropType(Function),
+      default: null
+    },
+    beforeUpload: {
+      type: upload.definePropType(Function),
+      default: null
+    },
+    onPreview: {
+      type: upload.definePropType(Function),
+      default: null
+    },
+    drag: {
+      type: Boolean
+    },
+    disabled: {
+      type: Boolean
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const errorMsg = vue.ref([]);
+    const previewOpen = vue.ref(false);
+    const previewImage = vue.ref("");
+    const uploadRef = vue.ref();
+    const uploadFiles = core.useVModel(
+      props,
+      "fileList",
+      void 0,
+      {
+        passive: true
+      }
+    );
+    vue.watch(
+      errorMsg,
+      () => {
+        const errMsg = document.querySelector(`.mx-upload .mx-error-msg`);
+        const uploadSelect = document.querySelector(`.mx-upload .mx-upload-btn`);
+        const uploadDragger = document.querySelector(`.mx-upload .el-upload-dragger`);
+        const uploadPictureCard = document.querySelector(
+          `.mx-upload .el-upload-list.el-upload-list--picture-card`
+        );
+        if (errMsg) {
+          if (uploadSelect) {
+            const tipMsg = document.querySelector(`.mx-upload .mx-upload-tip`);
+            tipMsg.style.marginBottom = `${((errMsg == null ? void 0 : errMsg.offsetHeight) || 0) + 8}px`;
+            errMsg.style.top = `${uploadSelect.offsetHeight + ((tipMsg == null ? void 0 : tipMsg.offsetHeight) || 0) + 16}px`;
+          } else if (uploadDragger) {
+            uploadDragger.style.marginBottom = `${((errMsg == null ? void 0 : errMsg.offsetHeight) || 0) + 8}px`;
+            errMsg.style.top = `${uploadDragger.offsetHeight + 8}px`;
+          } else if (uploadPictureCard) {
+            const tipMsg = document.querySelector(
+              `.mx-upload  .el-upload-list--picture-card +.mx-upload-tip`
+            );
+            tipMsg.style.marginBottom = `${((errMsg == null ? void 0 : errMsg.offsetHeight) || 0) + 8}px`;
+            errMsg.style.top = `${uploadPictureCard.offsetHeight + ((tipMsg == null ? void 0 : tipMsg.offsetHeight) || 0)}px`;
+          }
+        }
+      },
+      {
+        flush: "post"
+      }
+    );
+    const handleChange = (file) => {
+      var _a;
+      if (file.status === "fail") {
+        uploadFiles.value = [...uploadFiles.value, file];
+      }
+      (_a = props.onChange) == null ? void 0 : _a.call(props, file, uploadFiles.value);
+    };
+    const handleRemove = (uploadFile) => {
+      var _a;
+      (_a = uploadRef.value) == null ? void 0 : _a.handleRemove(uploadFile);
+    };
+    const handlePreview = (file, listType) => {
+      if (props.onPreview) {
+        props.onPreview(file);
+        return;
+      }
+      if (file.status === "success" && file.url) {
+        if (listType === "picture-card") {
+          previewImage.value = file.url;
+          previewOpen.value = true;
+        } else {
+          window.open(file.url);
+        }
+      }
+    };
+    const beforeUpload = async (info) => {
+      if (props.beforeUpload) {
+        return props.beforeUpload(info);
+      }
+      const { accept, fileSize, fileSpec } = props;
+      const { name } = info;
+      const limitFileSize = info.size / 1024 / 1024 <= fileSize;
+      const limitFileType = accept ? accept.includes(useHandlers.getFileSuffix(name)) : true;
+      let resultBoolean = true;
+      let msg = [];
+      if (!limitFileSize) {
+        resultBoolean = false;
+        msg.push(`上传文件的大小不得超过${fileSize}M`);
+      }
+      if (!limitFileType) {
+        resultBoolean = false;
+        msg.push(`请上传正确的文件格式(${accept})`);
+      }
+      if (fileSpec) {
+        const limitFileSpec = await useHandlers.checkImgSize(info, fileSpec);
+        if (!limitFileSpec) {
+          resultBoolean = false;
+          msg.push(`请上传符合要求的尺寸`);
+        }
+      }
+      errorMsg.value = msg;
+      return resultBoolean ? Promise.resolve(new File([info], info.name)) : false;
+    };
+    const beforeRemove = (uploadFile, uploadFiles2) => {
+      var _a;
+      if (uploadFile.status === "ready") {
+        uploadFiles2.splice(uploadFiles2.indexOf(uploadFile), 1);
+        return false;
+      }
+      return (_a = props.beforeRemove) == null ? void 0 : _a.call(props, uploadFile, uploadFiles2);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_mx_button = vue.resolveComponent("mx-button");
+      const _component_mx_tooltip = vue.resolveComponent("mx-tooltip");
+      const _component_mx_dialog = vue.resolveComponent("mx-dialog");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(vue.unref(elementPlus.ElUpload), vue.mergeProps({
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          "on-preview": handlePreview,
+          "before-upload": beforeUpload,
+          class: ["mx-upload", { "mx-upload-disabled": __props.disabled }]
+        }, _ctx.$attrs, {
+          "file-list": vue.unref(uploadFiles),
+          drag: __props.drag,
+          limit: __props.limit,
+          accept: __props.accept.join(","),
+          "before-remove": beforeRemove,
+          "on-change": handleChange
+        }), vue.createSlots({
+          file: vue.withCtx(({ file }) => [
+            vue.renderSlot(_ctx.$slots, "file", {}, () => [
+              file.status === "fail" ? (vue.openBlock(), vue.createBlock(_component_mx_tooltip, {
+                key: 0,
+                placement: "top",
+                content: file.response || "上传失败"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("span", null, [
+                    vue.createVNode(UploadList, {
+                      file,
+                      "list-type": _ctx.$attrs["list-type"],
+                      onRemove: handleRemove,
+                      onPreview: handlePreview
+                    }, null, 8, ["file", "list-type"])
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["content"])) : (vue.openBlock(), vue.createBlock(UploadList, {
+                key: 1,
+                file,
+                "list-type": _ctx.$attrs["list-type"],
+                onRemove: handleRemove,
+                onPreview: handlePreview
+              }, null, 8, ["file", "list-type"]))
+            ], true)
+          ]),
+          default: vue.withCtx(() => [
+            !__props.drag && (!_ctx.$attrs["list-type"] || _ctx.$attrs["list-type"] === "text") ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+              vue.createVNode(_component_mx_button, {
+                class: "mx-upload-btn",
+                disabled: __props.disabled
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_icon, null, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(UploadSvg)
+                    ]),
+                    _: 1
+                  }),
+                  vue.createTextVNode("上传文件 ")
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ], true) : vue.createCommentVNode("", true),
+            __props.drag ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }, () => [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(ContainerSvg)
+                ]),
+                _: 1
+              }),
+              _hoisted_1,
+              vue.createElementVNode("div", _hoisted_2, [
+                vue.renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+              ])
+            ], true) : vue.createCommentVNode("", true),
+            errorMsg.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(errorMsg.value, (msg) => {
+                return vue.openBlock(), vue.createElementBlock("p", { key: msg }, vue.toDisplayString(msg), 1);
+              }), 128))
+            ])) : vue.createCommentVNode("", true),
+            !__props.drag && _ctx.$attrs["list-type"] === "picture-card" && !_ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 3 }, () => [
+              vue.createVNode(_component_el_icon, null, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(iconsVue.Plus))
+                ]),
+                _: 1
+              }),
+              _hoisted_4
+            ], true) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "trigger", {}, void 0, true)
+          ]),
+          _: 2
+        }, [
+          !__props.drag ? {
+            name: "tip",
+            fn: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_5, [
+                vue.renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1040, ["class", "file-list", "drag", "limit", "accept"]),
+        vue.createVNode(_component_mx_dialog, {
+          modelValue: previewOpen.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewOpen.value = $event),
+          class: "mx-upload-preview",
+          "body-scroll": false,
+          onCancel: _cache[1] || (_cache[1] = ($event) => previewOpen.value = false)
+        }, {
+          footer: vue.withCtx(() => []),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("img", {
+              alt: "preview",
+              src: previewImage.value
+            }, null, 8, _hoisted_6)
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+const MxUpload_vue_vue_type_style_index_0_scoped_7c636766_lang = "";
+const MxUpload_vue_vue_type_style_index_1_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const MxUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c636766"]]);
+module.exports = MxUpload;

package/lib/components/upload/index.d.ts

@@ -0,0 +1,7 @@
+import MxUpload from './MxUpload.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        MxUpload: typeof MxUpload;
+    }
+}
+export default MxUpload;

package/lib/components/upload/index.js

@@ -0,0 +1,6 @@
+"use strict";
+const MxUpload = require("./MxUpload.vue");
+MxUpload.install = (app) => {
+  app.component(MxUpload.__name, MxUpload);
+};
+module.exports = MxUpload;

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

@@ -0,0 +1,139 @@
+import type { UploadFile as ElUploadFile, UploadListProps as ElUploadListProps, UploadProps as ElUploadProps, UploadRawFile as ElUploadRawFile } from 'element-plus';
+import type { PropType } from 'vue';
+export type UploadFile = ElUploadFile;
+export type UploadFiles = UploadFile[];
+export type UploadListProps = ElUploadListProps;
+export type UploadRawFile = ElUploadRawFile;
+export type UploadProps = ElUploadProps;
+export declare const uploadListEmits: {
+    remove: (file: ElUploadFile) => boolean;
+};
+export declare const uploadListProps: {
+    readonly files: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadFiles) | (() => import("element-plus").UploadFiles) | ((new (...args: any[]) => import("element-plus").UploadFiles) | (() => import("element-plus").UploadFiles))[], unknown, unknown, () => never[], boolean>;
+    readonly disabled: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly handlePreview: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (uploadFile: ElUploadFile) => void) | (() => (uploadFile: ElUploadFile) => void) | {
+        (): (uploadFile: ElUploadFile) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (uploadFile: ElUploadFile) => void) | (() => (uploadFile: ElUploadFile) => void) | {
+        (): (uploadFile: ElUploadFile) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly listType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+};
+export declare const uploadProps: {
+    readonly beforeUpload: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (rawFile: ElUploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: ElUploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
+        (): (rawFile: ElUploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (rawFile: ElUploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | (() => (rawFile: ElUploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>) | {
+        (): (rawFile: ElUploadRawFile) => import("element-plus/es/utils").Awaitable<boolean | void | Blob | File | null | undefined>;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly beforeRemove: {
+        readonly type: PropType<(uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => import("element-plus/es/utils").Awaitable<boolean>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly onRemove: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly onChange: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly onPreview: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (uploadFile: ElUploadFile) => void) | (() => (uploadFile: ElUploadFile) => void) | {
+        (): (uploadFile: ElUploadFile) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (uploadFile: ElUploadFile) => void) | (() => (uploadFile: ElUploadFile) => void) | {
+        (): (uploadFile: ElUploadFile) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly onSuccess: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (response: any, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (response: any, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (response: any, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (response: any, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (response: any, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (response: any, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly onProgress: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (evt: import("element-plus").UploadProgressEvent, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (evt: import("element-plus").UploadProgressEvent, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (evt: import("element-plus").UploadProgressEvent, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (evt: import("element-plus").UploadProgressEvent, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (evt: import("element-plus").UploadProgressEvent, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (evt: import("element-plus").UploadProgressEvent, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly onError: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (error: Error, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (error: Error, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (error: Error, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (error: Error, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | (() => (error: Error, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void) | {
+        (): (error: Error, uploadFile: ElUploadFile, uploadFiles: import("element-plus").UploadFiles) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly onExceed: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | (() => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | {
+        (): (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | (() => (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void) | {
+        (): (files: File[], uploadFiles: import("element-plus").UploadUserFile[]) => void;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, () => void, boolean>;
+    readonly action: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "#", boolean>;
+    readonly headers: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => Record<string, any> | Headers) | (() => Record<string, any> | Headers) | ((new (...args: any[]) => Record<string, any> | Headers) | (() => Record<string, any> | Headers))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly method: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "post", boolean>;
+    readonly data: import("element-plus/es/utils").EpPropFinalized<ObjectConstructor, unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
+    readonly multiple: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly name: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "file", boolean>;
+    readonly drag: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly withCredentials: BooleanConstructor;
+    readonly showFileList: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly accept: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "select", boolean>;
+    readonly fileList: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadUserFile[]) | (() => import("element-plus").UploadUserFile[]) | ((new (...args: any[]) => import("element-plus").UploadUserFile[]) | (() => import("element-plus").UploadUserFile[]))[], unknown, unknown, () => [], boolean>;
+    readonly autoUpload: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly listType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "picture" | "text" | "picture-card", unknown, "text", boolean>;
+    readonly httpRequest: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {
+        (): import("element-plus").UploadRequestHandler;
+        new (): any;
+        readonly prototype: any;
+    } | ((new (...args: any[]) => import("element-plus").UploadRequestHandler) | (() => import("element-plus").UploadRequestHandler) | {
+        (): import("element-plus").UploadRequestHandler;
+        new (): any;
+        readonly prototype: any;
+    })[], unknown, unknown, import("element-plus").UploadRequestHandler, boolean>;
+    readonly disabled: BooleanConstructor;
+    readonly limit: NumberConstructor;
+};
+export type FileSpec = {
+    width?: number;
+    height?: number;
+};
+export declare const definePropType: <T>(val: any) => PropType<T>;

package/lib/components/upload/upload.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const uploadListEmits = elementPlus.uploadListEmits;
+const uploadListProps = elementPlus.uploadListProps;
+const uploadProps = elementPlus.uploadProps;
+const definePropType = (val) => val;
+exports.definePropType = definePropType;
+exports.uploadListEmits = uploadListEmits;
+exports.uploadListProps = uploadListProps;
+exports.uploadProps = uploadProps;

package/lib/components/upload/uploadList.css

@@ -0,0 +1,70 @@
+.mx-upload-file-list[data-v-d10d2124] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.mx-upload-file-list .el-icon[data-v-d10d2124] {
+  font-size: 16px;
+  color: rgba(255, 255, 255, 0.85);
+  margin-right: 4px;
+}
+.mx-upload-file-list .mx-upload-list__item-file-name[data-v-d10d2124] {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.85);
+  line-height: 22px;
+  cursor: pointer;
+  flex: 1;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.mx-upload-file-list .file-del[data-v-d10d2124] {
+  display: none;
+}
+.mx-upload-file-list:hover .file-del[data-v-d10d2124] {
+  display: block;
+}
+.mx-upload-file-list .file-progress[data-v-d10d2124] {
+  margin-top: 4px;
+  margin-left: 20px;
+  width: calc(100% - 40px);
+}
+.mx-upload-file-list .mx-upload-file-item-thumbnail[data-v-d10d2124] {
+  display: block;
+  margin: 8px;
+  width: calc(100% - 16px);
+  height: calc(100% - 16px);
+  object-fit: contain;
+}
+.mx-upload-file-list .mx-upload-file-item-thumbnail > img[data-v-d10d2124] {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.mx-upload-file-list .mx-upload-list-item-actions[data-v-d10d2124] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0, 0, 0, 0.5);
+  color: rgba(255, 255, 255, 0.65);
+}
+.mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-d10d2124] {
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  cursor: pointer;
+}
+.mx-upload-file-list .mx-upload-list-item-actions .el-icon[data-v-d10d2124]:hover {
+  color: rgba(255, 255, 255, 0.85);
+}
+.mx-upload-file-list:hover .mx-upload-list-item-actions[data-v-d10d2124] {
+  display: flex;
+}
+.file-upload-error .el-icon[data-v-d10d2124],
+.file-upload-error .mx-upload-list__item-file-name[data-v-d10d2124] {
+  color: #e64242;
+}

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

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<{
+    file: {
+        type: import("vue").PropType<import("element-plus").UploadFile>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("preview" | "remove")[], "preview" | "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    file: {
+        type: import("vue").PropType<import("element-plus").UploadFile>;
+        required: true;
+    };
+}>> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+    onPreview?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;