bm-admin-ui 1.0.40-alpha → 1.0.42-alpha

package/lib/components/upload/index.js

@@ -172,7 +172,13 @@ var icons = {
 const CLOUND_PRE = "/cloudStorage/read";
 const _sfc_main = {
   name: "BmUpload",
-  components: { PlusOutlined: iconsVue.PlusOutlined, OverTooltips, UploadOutlined: iconsVue.UploadOutlined, LoadingOutlined: iconsVue.LoadingOutlined },
+  components: {
+    PlusOutlined: iconsVue.PlusOutlined,
+    OverTooltips,
+    UploadOutlined: iconsVue.UploadOutlined,
+    LoadingOutlined: iconsVue.LoadingOutlined,
+    InboxOutlined: iconsVue.InboxOutlined
+  },
   props: {
     uploadProps: {
       type: Object,
@@ -270,7 +276,9 @@ const _sfc_main = {
         picClass: "",
         alignCenter: false,
         canNotViewAccept: ".rar,.zip",
-        myBtn: false
+        myBtn: false,
+        showFileName: false,
+        drag: false
       },
       uploadConfigs: {
         multiple: false,
@@ -314,6 +322,9 @@ const _sfc_main = {
             status: ""
           };
           setTimeout(function() {
+            if (methods.fileIsDelete(file)) {
+              return;
+            }
             state.fileList[file.uid].isDoneDeloy = true;
           }, 1e3);
           methods.customUploadRequest(file);
@@ -590,50 +601,66 @@ const _hoisted_15 = ["onClick"];
 const _hoisted_16 = ["onClick"];
 const _hoisted_17 = {
   key: 0,
+  class: "bm-upload__picture__name"
+};
+const _hoisted_18 = {
+  key: 1,
+  class: "bm-upload__button__wrapper"
+};
+const _hoisted_19 = { key: 0 };
+const _hoisted_20 = { class: "ant-upload-text bm-upload__text" };
+const _hoisted_21 = {
+  key: 0,
+  class: "bm-upload__tips"
+};
+const _hoisted_22 = {
+  key: 1,
   style: { "font-size": "24px", "color": "#9393a3" }
 };
-const _hoisted_18 = { class: "ant-upload-text bm-upload__text" };
-const _hoisted_19 = {
+const _hoisted_23 = { class: "ant-upload-text bm-upload__text" };
+const _hoisted_24 = {
   key: 0,
   class: "bm-upload__tips"
 };
-const _hoisted_20 = { key: 1 };
-const _hoisted_21 = {
+const _hoisted_25 = { key: 2 };
+const _hoisted_26 = {
   key: 0,
   class: "bm-upload__tips"
 };
-const _hoisted_22 = {
+const _hoisted_27 = {
   key: 2,
   class: "bm-upload__file-list"
 };
-const _hoisted_23 = { class: "bm-upload__file__detail" };
-const _hoisted_24 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bm-upload__file__icon" }, [
+const _hoisted_28 = { class: "bm-upload__file__detail" };
+const _hoisted_29 = /* @__PURE__ */ vue.createElementVNode("div", { class: "bm-upload__file__icon" }, [
   /* @__PURE__ */ vue.createElementVNode("div", { class: "bm-upload__attachment" })
 ], -1);
-const _hoisted_25 = { class: "bm-upload__file__name" };
-const _hoisted_26 = { class: "bm-upload__file__progress-tools" };
-const _hoisted_27 = ["onClick"];
-const _hoisted_28 = ["onClick"];
-const _hoisted_29 = {
+const _hoisted_30 = { class: "bm-upload__file__name" };
+const _hoisted_31 = { class: "bm-upload__file__progress-tools" };
+const _hoisted_32 = ["onClick"];
+const _hoisted_33 = ["onClick"];
+const _hoisted_34 = {
   key: 0,
   class: "bm-upload__progress"
 };
-const _hoisted_30 = { style: { "padding-top": "20px" } };
-const _hoisted_31 = ["src"];
-const _hoisted_32 = ["title", "src"];
+const _hoisted_35 = { style: { "padding-top": "20px" } };
+const _hoisted_36 = ["src"];
+const _hoisted_37 = ["title", "src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_progress = vue.resolveComponent("a-progress");
   const _component_a_image = vue.resolveComponent("a-image");
   const _component_LoadingOutlined = vue.resolveComponent("LoadingOutlined");
+  const _component_OverTooltips = vue.resolveComponent("OverTooltips");
+  const _component_InboxOutlined = vue.resolveComponent("InboxOutlined");
   const _component_PlusOutlined = vue.resolveComponent("PlusOutlined");
   const _component_UploadOutlined = vue.resolveComponent("UploadOutlined");
   const _component_a_button = vue.resolveComponent("a-button");
-  const _component_a_upload = vue.resolveComponent("a-upload");
-  const _component_OverTooltips = vue.resolveComponent("OverTooltips");
   const _component_a_modal = vue.resolveComponent("a-modal");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["bm-upload", {
       "bm-upload--text": _ctx.uploadConfigs.listType === "text",
+      "bm-upload--drag": _ctx.extraConfigs.drag,
+      "bm-upload--picture-card": _ctx.uploadConfigs.listType === "picture-card",
       "bm-upload--picture-card--has-tips": !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) && !_ctx.extraConfigs.myBtn && _ctx.uploadConfigs.listType === "picture-card" && _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips
     }])
   }, [
@@ -643,181 +670,197 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           key: item,
-          class: vue.normalizeClass(["bm-upload__picture", { "bm-upload__picture--error": item.status === "error" }])
+          class: "bm-upload__picture_wrapper"
         }, [
-          vue.createCommentVNode(" \u4E0A\u4F20\u4E2D "),
-          item.progress < 100 && item.status !== "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            _hoisted_2,
-            vue.createVNode(_component_a_progress, {
-              type: "line",
-              "stroke-width": 2,
-              "show-info": false,
-              "stroke-color": _ctx.uploadBarColor,
-              percent: item.uid?.progress
-            }, null, 8, ["stroke-color", "percent"])
-          ])) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u56FE\u7247\u5C55\u793A "),
-          item.progress >= 100 && item.status !== "error" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            !_ctx.uploadConfigs.showSlotList ? (vue.openBlock(), vue.createElementBlock("div", {
-              key: 0,
-              class: "bm-upload__picture-result",
-              onMouseenter: ($event) => _ctx.pictureHoverEnter(item.uid),
-              onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
-              onClick: _cache[0] || (_cache[0] = (e) => e.stopPropagation())
-            }, [
-              ["pdf", "PDF", "application/pdf"].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(["bm-upload__picture", { "bm-upload__picture--error": item.status === "error" }])
+          }, [
+            vue.createCommentVNode(" \u4E0A\u4F20\u4E2D "),
+            item.progress < 100 && item.status !== "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+              _hoisted_2,
+              vue.createVNode(_component_a_progress, {
+                type: "line",
+                "stroke-width": 2,
+                "show-info": false,
+                "stroke-color": _ctx.uploadBarColor,
+                percent: item.uid?.progress
+              }, null, 8, ["stroke-color", "percent"])
+            ])) : vue.createCommentVNode("v-if", true),
+            vue.createCommentVNode(" \u56FE\u7247\u5C55\u793A "),
+            item.progress >= 100 && item.status !== "error" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+              !_ctx.uploadConfigs.showSlotList ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
-                class: "bm-upload__picture-result__image",
-                src: $setup.icons.pdf,
-                alt: "\u56FE\u7247"
-              }, null, 8, _hoisted_4)) : [
-                "xlsx",
-                "XLSX",
-                "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-              ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 1,
-                class: "bm-upload__picture-result__image",
-                src: $setup.icons.excel,
-                alt: "\u56FE\u7247"
-              }, null, 8, _hoisted_5)) : [
-                "ppt",
-                "PPT",
-                "application/vnd.ms-powerpoint",
-                "pptx",
-                "PPTX",
-                "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-              ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 2,
-                class: "bm-upload__picture-result__image",
-                src: $setup.icons.ppt,
-                alt: "\u56FE\u7247"
-              }, null, 8, _hoisted_6)) : [
-                "doc",
-                "DOC",
-                "application/msword",
-                "docx",
-                "DOCX",
-                "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-              ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
-                key: 3,
-                class: "bm-upload__picture-result__image",
-                src: $setup.icons.doc,
-                alt: "\u56FE\u7247"
-              }, null, 8, _hoisted_7)) : _ctx.pictureFileTypes.includes(item.type) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
-                item.url ? (vue.openBlock(), vue.createBlock(_component_a_image, {
+                class: "bm-upload__picture-result",
+                onMouseenter: ($event) => _ctx.pictureHoverEnter(item.uid),
+                onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
+                onClick: _cache[0] || (_cache[0] = (e) => e.stopPropagation())
+              }, [
+                ["pdf", "PDF", "application/pdf"].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 0,
                   class: "bm-upload__picture-result__image",
-                  src: item.url,
+                  src: $setup.icons.pdf,
                   alt: "\u56FE\u7247"
-                }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(_component_LoadingOutlined, { key: 1 }))
-              ], 64)) : (vue.openBlock(), vue.createElementBlock("img", {
-                key: 5,
-                class: "bm-upload__picture-result__image",
-                src: $setup.icons.others,
-                alt: "\u56FE\u7247"
-              }, null, 8, _hoisted_8)),
-              _ctx.onepViewImageHover[item.uid] ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 6,
-                class: vue.normalizeClass(["bm-upload__picture-result__cover", {
-                  isPicture: _ctx.pictureFileTypes.includes(item.type)
-                }])
-              }, [
-                !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (vue.openBlock(), vue.createElementBlock("div", {
-                  key: 0,
-                  class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--view",
-                  onClick: ($event) => _ctx.viewOnePicture(item)
-                }, null, 8, _hoisted_9)) : vue.createCommentVNode("v-if", true),
-                !(_ctx.extraConfigs.hidenDelBtn ?? false) ? (vue.openBlock(), vue.createElementBlock("div", {
+                }, null, 8, _hoisted_4)) : [
+                  "xlsx",
+                  "XLSX",
+                  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+                ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
                   key: 1,
+                  class: "bm-upload__picture-result__image",
+                  src: $setup.icons.excel,
+                  alt: "\u56FE\u7247"
+                }, null, 8, _hoisted_5)) : [
+                  "ppt",
+                  "PPT",
+                  "application/vnd.ms-powerpoint",
+                  "pptx",
+                  "PPTX",
+                  "application/vnd.openxmlformats-officedocument.presentationml.presentation"
+                ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 2,
+                  class: "bm-upload__picture-result__image",
+                  src: $setup.icons.ppt,
+                  alt: "\u56FE\u7247"
+                }, null, 8, _hoisted_6)) : [
+                  "doc",
+                  "DOC",
+                  "application/msword",
+                  "docx",
+                  "DOCX",
+                  "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+                ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 3,
+                  class: "bm-upload__picture-result__image",
+                  src: $setup.icons.doc,
+                  alt: "\u56FE\u7247"
+                }, null, 8, _hoisted_7)) : _ctx.pictureFileTypes.includes(item.type) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 4 }, [
+                  item.url ? (vue.openBlock(), vue.createBlock(_component_a_image, {
+                    key: 0,
+                    class: "bm-upload__picture-result__image",
+                    src: item.url,
+                    alt: "\u56FE\u7247"
+                  }, null, 8, ["src"])) : (vue.openBlock(), vue.createBlock(_component_LoadingOutlined, { key: 1 }))
+                ], 64)) : (vue.openBlock(), vue.createElementBlock("img", {
+                  key: 5,
+                  class: "bm-upload__picture-result__image",
+                  src: $setup.icons.others,
+                  alt: "\u56FE\u7247"
+                }, null, 8, _hoisted_8)),
+                _ctx.onepViewImageHover[item.uid] ? (vue.openBlock(), vue.createElementBlock("div", {
+                  key: 6,
+                  class: vue.normalizeClass(["bm-upload__picture-result__cover", {
+                    isPicture: _ctx.pictureFileTypes.includes(item.type)
+                  }])
+                }, [
+                  !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--view",
+                    onClick: ($event) => _ctx.viewOnePicture(item)
+                  }, null, 8, _hoisted_9)) : vue.createCommentVNode("v-if", true),
+                  !(_ctx.extraConfigs.hidenDelBtn ?? false) ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 1,
+                    class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
+                    onClick: ($event) => _ctx.deleteFile(item.uid)
+                  }, null, 8, _hoisted_10)) : vue.createCommentVNode("v-if", true)
+                ], 2)) : vue.createCommentVNode("v-if", true)
+              ], 40, _hoisted_3)) : vue.renderSlot(_ctx.$slots, "file", {
+                key: 1,
+                file: item
+              })
+            ], 64)) : vue.createCommentVNode("v-if", true),
+            vue.createCommentVNode(" \u56FE\u7247\u9519\u8BEF\u5C55\u793A "),
+            item.status === "error" ? (vue.openBlock(), vue.createElementBlock("div", {
+              key: 2,
+              class: "bm-upload__picture-error",
+              onMouseenter: ($event) => _ctx.pictureHoverEnter(item.uid),
+              onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
+              onClick: _cache[1] || (_cache[1] = (e) => e.stopPropagation())
+            }, [
+              _hoisted_12,
+              _hoisted_13,
+              _ctx.onepViewImageHover[item.uid] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+                vue.createElementVNode("div", {
+                  class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--retry",
+                  onClick: (e) => _ctx.reUpload(e, item.uid)
+                }, null, 8, _hoisted_15),
+                vue.createElementVNode("div", {
                   class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
                   onClick: ($event) => _ctx.deleteFile(item.uid)
-                }, null, 8, _hoisted_10)) : vue.createCommentVNode("v-if", true)
-              ], 2)) : vue.createCommentVNode("v-if", true)
-            ], 40, _hoisted_3)) : vue.renderSlot(_ctx.$slots, "file", {
-              key: 1,
-              file: item
-            })
-          ], 64)) : vue.createCommentVNode("v-if", true),
-          vue.createCommentVNode(" \u56FE\u7247\u9519\u8BEF\u5C55\u793A "),
-          item.status === "error" ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 2,
-            class: "bm-upload__picture-error",
-            onMouseenter: ($event) => _ctx.pictureHoverEnter(item.uid),
-            onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
-            onClick: _cache[1] || (_cache[1] = (e) => e.stopPropagation())
-          }, [
-            _hoisted_12,
-            _hoisted_13,
-            _ctx.onepViewImageHover[item.uid] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
-              vue.createElementVNode("div", {
-                class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--retry",
-                onClick: (e) => _ctx.reUpload(e, item.uid)
-              }, null, 8, _hoisted_15),
-              vue.createElementVNode("div", {
-                class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
-                onClick: ($event) => _ctx.deleteFile(item.uid)
-              }, null, 8, _hoisted_16)
-            ])) : vue.createCommentVNode("v-if", true)
-          ], 40, _hoisted_11)) : vue.createCommentVNode("v-if", true)
-        ], 2);
+                }, null, 8, _hoisted_16)
+              ])) : vue.createCommentVNode("v-if", true)
+            ], 40, _hoisted_11)) : vue.createCommentVNode("v-if", true)
+          ], 2),
+          vue.createCommentVNode(" \u6587\u4EF6\u540D "),
+          _ctx.extraConfigs.showFileName && item.name ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
+            vue.createVNode(_component_OverTooltips, {
+              title: item.name
+            }, null, 8, ["title"])
+          ])) : vue.createCommentVNode("v-if", true)
+        ]);
       }), 128)),
       vue.createCommentVNode(" </a-image-preview-group> ")
     ], 64)) : vue.createCommentVNode("v-if", true),
-    !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (vue.openBlock(), vue.createBlock(_component_a_upload, vue.mergeProps({ key: 1 }, _ctx.uploadConfigs, {
-      disabled: $setup.uploadDisabled,
-      class: { "bm--upload__custom-button": _ctx.extraConfigs.myBtn },
-      onReject: _ctx.handleReject
-    }), {
-      default: vue.withCtx(() => [
-        _ctx.extraConfigs.myBtn ? vue.renderSlot(_ctx.$slots, "myBtn", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.uploadConfigs.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17, [
-            vue.createVNode(_component_PlusOutlined),
-            vue.createElementVNode("div", _hoisted_18, vue.toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u56FE\u7247"), 1),
-            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, vue.toDisplayString(_ctx.extraConfigs.tips), 1)) : vue.createCommentVNode("v-if", true)
-          ])) : _ctx.uploadConfigs.listType === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20, [
-            vue.createVNode(_component_a_button, {
-              class: vue.normalizeClass(_ctx.extraConfigs.btnClass),
-              disabled: $setup.uploadDisabled
-            }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(_component_UploadOutlined),
-                vue.createTextVNode(" " + vue.toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u6587\u4EF6"), 1)
-              ]),
-              _: 1
-            }, 8, ["class", "disabled"]),
-            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, vue.toDisplayString(_ctx.extraConfigs.tips), 1)) : vue.createCommentVNode("v-if", true)
-          ])) : vue.createCommentVNode("v-if", true)
-        ], 64))
-      ]),
-      _: 3
-    }, 16, ["disabled", "class", "onReject"])) : vue.createCommentVNode("v-if", true),
-    _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
+    !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18, [
+      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.extraConfigs.drag ? "a-upload-dragger" : "a-upload"), vue.mergeProps(_ctx.uploadConfigs, {
+        disabled: $setup.uploadDisabled,
+        class: { "bm--upload__custom-button": _ctx.extraConfigs.myBtn },
+        onReject: _ctx.handleReject
+      }), {
+        default: vue.withCtx(() => [
+          _ctx.extraConfigs.myBtn ? vue.renderSlot(_ctx.$slots, "myBtn", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+            _ctx.extraConfigs.drag ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
+              vue.createVNode(_component_InboxOutlined, { class: "bm-upload__drag-icon" }),
+              vue.createElementVNode("div", _hoisted_20, vue.toDisplayString(_ctx.uploadConfigs.text || "\u70B9\u51FB\u4E0A\u4F20/\u62D6\u62FD\u4E0A\u4F20"), 1),
+              _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21, vue.toDisplayString(_ctx.extraConfigs.tips), 1)) : vue.createCommentVNode("v-if", true)
+            ])) : _ctx.uploadConfigs.listType === "picture-card" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22, [
+              vue.createVNode(_component_PlusOutlined),
+              vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u56FE\u7247"), 1),
+              _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_24, vue.toDisplayString(_ctx.extraConfigs.tips), 1)) : vue.createCommentVNode("v-if", true)
+            ])) : _ctx.uploadConfigs.listType === "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25, [
+              vue.createVNode(_component_a_button, {
+                class: vue.normalizeClass(_ctx.extraConfigs.btnClass),
+                disabled: $setup.uploadDisabled
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_UploadOutlined),
+                  vue.createTextVNode(" " + vue.toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u6587\u4EF6"), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"]),
+              _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_26, vue.toDisplayString(_ctx.extraConfigs.tips), 1)) : vue.createCommentVNode("v-if", true)
+            ])) : vue.createCommentVNode("v-if", true)
+          ], 64))
+        ]),
+        _: 3
+      }, 16, ["disabled", "class", "onReject"]))
+    ])) : vue.createCommentVNode("v-if", true),
+    _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           key: item,
           class: "bm-upload__file"
         }, [
           !_ctx.uploadConfigs.showSlotList ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createElementVNode("div", _hoisted_23, [
-              _hoisted_24,
-              vue.createElementVNode("div", _hoisted_25, [
+            vue.createElementVNode("div", _hoisted_28, [
+              _hoisted_29,
+              vue.createElementVNode("div", _hoisted_30, [
                 vue.createVNode(_component_OverTooltips, {
                   title: item.name
                 }, null, 8, ["title"])
               ]),
-              vue.createElementVNode("div", _hoisted_26, [
+              vue.createElementVNode("div", _hoisted_31, [
                 item.status === "error" ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   class: "bm-upload__error-reload",
                   onClick: (e) => _ctx.reUpload(e, item.uid)
-                }, null, 8, _hoisted_27)) : vue.createCommentVNode("v-if", true),
+                }, null, 8, _hoisted_32)) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode("div", {
                   class: "bm-upload__trash",
                   onClick: ($event) => _ctx.deleteFile(item.uid)
-                }, null, 8, _hoisted_28)
+                }, null, 8, _hoisted_33)
               ])
             ]),
-            !item.isDoneDeloy || item.progress < 100 || item.status === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29, [
+            !item.isDoneDeloy || item.progress < 100 || item.status === "error" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_34, [
               vue.createVNode(_component_a_progress, {
                 type: "line",
                 "stroke-width": 2,
@@ -840,18 +883,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onCancel: _ctx.handleClosePictureView
     }, {
       default: vue.withCtx(() => [
-        vue.createElementVNode("div", _hoisted_30, [
+        vue.createElementVNode("div", _hoisted_35, [
           _ctx.pictureFileTypes.includes(_ctx.onepViewImage.type) ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             style: { "width": "100%" },
             src: _ctx.onepViewImage.url,
             alt: ""
-          }, null, 8, _hoisted_31)) : (vue.openBlock(), vue.createElementBlock("iframe", {
+          }, null, 8, _hoisted_36)) : (vue.openBlock(), vue.createElementBlock("iframe", {
             key: 1,
             title: _ctx.onepViewImage.type,
             style: { "width": "100%", "min-height": "600px" },
             src: _ctx.onepViewImage.url
-          }, null, 8, _hoisted_32))
+          }, null, 8, _hoisted_37))
         ])
       ]),
       _: 1

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

@@ -0,0 +1,50 @@
+export interface UploadPropsInner {
+    multiple?: boolean;
+    showUploadList?: boolean;
+    showSlotList?: boolean;
+    listType?: 'text' | 'picture-card';
+    text?: string;
+    accept?: string;
+    data?: Record<string, any>;
+    name?: string;
+    disabled?: boolean;
+}
+export interface ExtraProps {
+    maxSize?: number;
+    maxCount?: number;
+    isAllowDownloadFieldProps?: boolean;
+    hideDisabledBtn?: boolean;
+    tips?: string;
+    showTips?: boolean;
+    btnClass?: string;
+    picClass?: string;
+    alignCenter?: boolean;
+    canNotViewAccept?: string;
+    myBtn?: boolean;
+    showFileName?: boolean;
+    drag?: boolean;
+}
+export declare type DefaultList = Array<{
+    uid?: string;
+    name?: string;
+    url?: string;
+    type?: string;
+}>;
+export declare type UploadRequest = (file: File, config: Record<string, any>) => Promise<{
+    url?: string;
+    [prop: string]: any;
+}>;
+export interface CustomErrors {
+    maxSize?: string;
+    maxCount?: string;
+    format?: string;
+}
+export declare type UploadProps = {
+    uploadProps: UploadPropsInner;
+    extraProps: ExtraProps;
+    defaultList: DefaultList;
+    uploadRequest: UploadRequest;
+    cloudReadUrl: string;
+    holdProgress: number;
+    customErrors: CustomErrors;
+};

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

@@ -1,41 +1,72 @@
+import type { PropType } from 'vue';
 declare const _default: {
     name: string;
     components: {
         PlusOutlined: import("@ant-design/icons-vue/lib/icons/PlusOutlined").PlusOutlinedIconType;
-        OverTooltips: any;
+        OverTooltips: import("../../../utils/with-install").SFCWithInstall<{
+            name: string;
+            props: {
+                title: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                labelTitle: {
+                    type: StringConstructor;
+                    default: undefined;
+                };
+                line: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                width: {
+                    type: (NumberConstructor | StringConstructor)[];
+                    default: number;
+                };
+                showAlways: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+            };
+            setup(props: any, context: any): {
+                mySelf: import("vue").Ref<any>;
+                handleVisibleChange: (val: any) => void;
+                getPopupContainer: () => HTMLElement;
+                mSlots: import("vue").Ref<{}>;
+                isShow: import("vue").Ref<boolean>;
+                openShow: import("vue").Ref<boolean>;
+            };
+        }>;
         UploadOutlined: import("@ant-design/icons-vue/lib/icons/UploadOutlined").UploadOutlinedIconType;
         LoadingOutlined: import("@ant-design/icons-vue/lib/icons/LoadingOutlined").LoadingOutlinedIconType;
+        InboxOutlined: import("@ant-design/icons-vue/lib/icons/InboxOutlined").InboxOutlinedIconType;
     };
     props: {
         uploadProps: {
-            type: ObjectConstructor;
+            type: PropType<import("./props").UploadPropsInner>;
             default: () => {};
         };
         extraProps: {
-            type: ObjectConstructor;
+            type: PropType<import("./props").ExtraProps>;
             default: () => {};
         };
         defaultList: {
-            type: ArrayConstructor;
+            type: PropType<import("./props").DefaultList>;
             default: () => never[];
         };
         uploadRequest: {
-            type: (file: File, config: Record<string, any>) => Promise<{
-                [prop: string]: any;
-                url: string;
-            }>;
+            type: PropType<import("./props").UploadRequest>;
             default(): () => void;
         };
         cloudReadUrl: {
-            type: StringConstructor;
+            type: PropType<string>;
             default: string;
         };
         holdProgress: {
-            type: NumberConstructor;
+            type: PropType<number>;
             default: number;
         };
         customErrors: {
-            type: ObjectConstructor;
+            type: PropType<import("./props").CustomErrors>;
             default(): undefined;
         };
     };
@@ -82,6 +113,8 @@ declare const _default: {
             alignCenter: boolean;
             canNotViewAccept: string;
             myBtn: boolean;
+            showFileName: boolean;
+            drag: boolean;
         }>;
         uploadConfigs: import("vue").Ref<{
             multiple: boolean;

package/lib/utils/with-install.d.ts

@@ -1 +1,7 @@
-export declare const withInstall: (comp: any) => any;
+import type { Plugin, Component } from 'vue';
+declare type MyComponent = Component & {
+    name: string;
+};
+export declare type SFCWithInstall<T> = T & Plugin;
+export declare const withInstall: <T extends MyComponent>(comp: T) => SFCWithInstall<T>;
+export {};

package/lib/utils/with-install.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withInstall = void 0;
 const withInstall = (comp) => {
+    ;
     comp.install = function (app) {
         app.component(comp.name, comp);
     };