bm-admin-ui 1.0.31-alpha → 1.0.32-alpha

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

@@ -100,7 +100,7 @@ declare const BmUpload: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
         fileList: import("vue").Ref<{}>;
         onepViewImageHover: import("vue").Ref<{}>;
         previewVisible: import("vue").Ref<boolean>;
-        onepViewImage: import("vue").Ref<string>;
+        onepViewImage: import("vue").Ref<{}>;
         extraConfigs: import("vue").Ref<{
             maxSize: number;
             maxCount: number;
@@ -130,6 +130,7 @@ declare const BmUpload: import("bm-admin-ui/es/utils/with-install").SFCWithInsta
                 data: any;
             }) => Promise<void>;
         }>;
+        pictureFileTypes: import("vue").Ref<string[]>;
     };
 }>;
 export { BmUpload };

package/es/components/upload/index.js

@@ -1,5 +1,5 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
-import { h, nextTick, createVNode, reactive, onBeforeUnmount, ref, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, computed, watchEffect, createElementBlock, Fragment, renderList, createCommentVNode, mergeProps } from 'vue';
+import { h, nextTick, createVNode, reactive, onBeforeUnmount, ref, watch, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, computed, watchEffect, createElementBlock, Fragment, createCommentVNode, renderList, mergeProps } from 'vue';
 
 /**
  * Take input from [0, n] and return it as [0, 1]
@@ -1392,7 +1392,7 @@ const _sfc_main = {
       fileList: {},
       onepViewImageHover: {},
       previewVisible: false,
-      onepViewImage: "",
+      onepViewImage: {},
       extraConfigs: {
         maxSize: 5,
         maxCount: 5,
@@ -1442,7 +1442,22 @@ const _sfc_main = {
           }, 1e3);
           methods.customUploadRequest(file);
         }
-      }
+      },
+      pictureFileTypes: [
+        "img",
+        "image",
+        "png",
+        "PNG",
+        "image/png",
+        "jpg",
+        "JPG",
+        "jpeg",
+        "JPEG",
+        "image/jpeg",
+        "gif",
+        "GIF",
+        "image/gif"
+      ]
     });
     const methods = {
       updateUploadProgress(file, progress) {
@@ -1523,24 +1538,9 @@ const _sfc_main = {
         state.onepViewImageHover[uid] = false;
       },
       viewOnePicture(item) {
-        if ([
-          "img",
-          "image",
-          "png",
-          "PNG",
-          "image/png",
-          "jpg",
-          "JPG",
-          "jpeg",
-          "JPEG",
-          "image/jpeg",
-          "gif",
-          "GIF",
-          "image/gif"
-        ].includes(item.type.toLowerCase())) {
+        if (state.pictureFileTypes.includes(item.type.toLowerCase())) {
           state.previewVisible = true;
           state.onepViewImage = item;
-          return;
         }
         emit("previewFile", item);
       },
@@ -1684,57 +1684,53 @@ const _hoisted_5 = ["src"];
 const _hoisted_6 = ["src"];
 const _hoisted_7 = ["src"];
 const _hoisted_8 = ["src"];
-const _hoisted_9 = ["src"];
-const _hoisted_10 = {
-  key: 6,
-  class: "bm-upload__picture-result__cover"
-};
-const _hoisted_11 = ["onClick"];
-const _hoisted_12 = ["onClick"];
-const _hoisted_13 = ["onMouseenter", "onMouseleave"];
-const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__picture-error__image" }, null, -1);
-const _hoisted_15 = /* @__PURE__ */ createElementVNode("div", null, "\u4E0A\u4F20\u9519\u8BEF", -1);
-const _hoisted_16 = {
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = ["onMouseenter", "onMouseleave"];
+const _hoisted_12 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__picture-error__image" }, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("div", null, "\u4E0A\u4F20\u9519\u8BEF", -1);
+const _hoisted_14 = {
   key: 0,
   class: "bm-upload__picture-result__cover"
 };
-const _hoisted_17 = ["onClick"];
-const _hoisted_18 = ["onClick"];
-const _hoisted_19 = {
+const _hoisted_15 = ["onClick"];
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = {
   key: 0,
   style: { "font-size": "24px", "color": "#9393a3" }
 };
-const _hoisted_20 = { class: "ant-upload-text bm-upload__text" };
-const _hoisted_21 = {
+const _hoisted_18 = { class: "ant-upload-text bm-upload__text" };
+const _hoisted_19 = {
   key: 0,
   class: "bm-upload__tips"
 };
-const _hoisted_22 = { key: 1 };
-const _hoisted_23 = {
+const _hoisted_20 = { key: 1 };
+const _hoisted_21 = {
   key: 0,
   class: "bm-upload__tips"
 };
-const _hoisted_24 = {
+const _hoisted_22 = {
   key: 2,
   class: "bm-upload__file-list"
 };
-const _hoisted_25 = { class: "bm-upload__file__detail" };
-const _hoisted_26 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__file__icon" }, [
+const _hoisted_23 = { class: "bm-upload__file__detail" };
+const _hoisted_24 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__file__icon" }, [
   /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__attachment" })
 ], -1);
-const _hoisted_27 = { class: "bm-upload__file__name" };
-const _hoisted_28 = { class: "bm-upload__file__progress-tools" };
-const _hoisted_29 = ["onClick"];
-const _hoisted_30 = ["onClick"];
-const _hoisted_31 = {
+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 = {
   key: 0,
   class: "bm-upload__progress"
 };
-const _hoisted_32 = { style: { "padding-top": "20px" } };
-const _hoisted_33 = ["src"];
-const _hoisted_34 = ["title", "src"];
+const _hoisted_30 = { style: { "padding-top": "20px" } };
+const _hoisted_31 = ["src"];
+const _hoisted_32 = ["title", "src"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_progress = resolveComponent("a-progress");
+  const _component_a_image = resolveComponent("a-image");
   const _component_PlusOutlined = resolveComponent("PlusOutlined");
   const _component_UploadOutlined = resolveComponent("UploadOutlined");
   const _component_a_button = resolveComponent("a-button");
@@ -1747,145 +1743,141 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "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
     }])
   }, [
-    _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.fileList, (item) => {
-      return openBlock(), createElementBlock("div", {
-        key: item,
-        class: normalizeClass(["bm-upload__picture", { "bm-upload__picture--error": item.status === "error" }])
-      }, [
-        createCommentVNode(" \u4E0A\u4F20\u4E2D "),
-        item.progress < 100 && item.status !== "error" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          _hoisted_2,
-          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"])
-        ])) : createCommentVNode("v-if", true),
-        createCommentVNode(" \u56FE\u7247\u5C55\u793A "),
-        item.progress >= 100 && item.status !== "error" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          !_ctx.uploadConfigs.showSlotList ? (openBlock(), 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) ? (openBlock(), createElementBlock("img", {
+    _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+      createCommentVNode(" \u4E0D\u8981\u4F7F\u7528 a-image-preview-group \u5305\u88F9\uFF0C\u4E0D\u7136\u4F1A\u51FA\u73B0\u91CD\u590D\u56FE\u7247\u548C\u7A7A\u767D\u56FE\u7247 "),
+      createCommentVNode(" <a-image-preview-group> "),
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item) => {
+        return openBlock(), createElementBlock("div", {
+          key: item,
+          class: normalizeClass(["bm-upload__picture", { "bm-upload__picture--error": item.status === "error" }])
+        }, [
+          createCommentVNode(" \u4E0A\u4F20\u4E2D "),
+          item.progress < 100 && item.status !== "error" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            _hoisted_2,
+            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"])
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u56FE\u7247\u5C55\u793A "),
+          item.progress >= 100 && item.status !== "error" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", {
               key: 0,
-              class: "bm-upload__picture-result__image",
-              src: $setup.icons.pdf,
-              alt: "avatar"
-            }, null, 8, _hoisted_4)) : [
-              "xlsx",
-              "XLSX",
-              "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-            ].includes(item.type) ? (openBlock(), createElementBlock("img", {
-              key: 1,
-              class: "bm-upload__picture-result__image",
-              src: $setup.icons.excel,
-              alt: "avatar"
-            }, null, 8, _hoisted_5)) : [
-              "ppt",
-              "PPT",
-              "application/vnd.ms-powerpoint",
-              "pptx",
-              "PPTX",
-              "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-            ].includes(item.type) ? (openBlock(), createElementBlock("img", {
-              key: 2,
-              class: "bm-upload__picture-result__image",
-              src: $setup.icons.ppt,
-              alt: "avatar"
-            }, null, 8, _hoisted_6)) : [
-              "doc",
-              "DOC",
-              "application/msword",
-              "docx",
-              "DOCX",
-              "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
-            ].includes(item.type) ? (openBlock(), createElementBlock("img", {
-              key: 3,
-              class: "bm-upload__picture-result__image",
-              src: $setup.icons.doc,
-              alt: "avatar"
-            }, null, 8, _hoisted_7)) : [
-              "img",
-              "image",
-              "png",
-              "PNG",
-              "image/png",
-              "jpg",
-              "JPG",
-              "jpeg",
-              "JPEG",
-              "image/jpeg",
-              "gif",
-              "GIF",
-              "image/gif"
-            ].includes(item.type) ? (openBlock(), createElementBlock("img", {
-              key: 4,
-              class: "bm-upload__picture-result__image",
-              src: item.url,
-              alt: "avatar"
-            }, null, 8, _hoisted_8)) : (openBlock(), createElementBlock("img", {
-              key: 5,
-              class: "bm-upload__picture-result__image",
-              src: $setup.icons.others,
-              alt: "avatar"
-            }, null, 8, _hoisted_9)),
-            _ctx.onepViewImageHover[item.uid] ? (openBlock(), createElementBlock("div", _hoisted_10, [
-              !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (openBlock(), createElementBlock("div", {
+              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) ? (openBlock(), createElementBlock("img", {
                 key: 0,
-                class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--view",
-                onClick: ($event) => _ctx.viewOnePicture(item)
-              }, null, 8, _hoisted_11)) : createCommentVNode("v-if", true),
-              !(_ctx.extraConfigs.hidenDelBtn ?? false) ? (openBlock(), createElementBlock("div", {
+                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) ? (openBlock(), 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) ? (openBlock(), 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) ? (openBlock(), 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) ? (openBlock(), createBlock(_component_a_image, {
+                key: 4,
+                class: "bm-upload__picture-result__image",
+                src: item.url,
+                alt: "\u56FE\u7247"
+              }, null, 8, ["src"])) : (openBlock(), 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] ? (openBlock(), createElementBlock("div", {
+                key: 6,
+                class: normalizeClass(["bm-upload__picture-result__cover", {
+                  isPicture: _ctx.pictureFileTypes.includes(item.type)
+                }])
+              }, [
+                !_ctx.extraConfigs.canNotViewAccept?.includes(item?.type) ? (openBlock(), 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)) : createCommentVNode("v-if", true),
+                !(_ctx.extraConfigs.hidenDelBtn ?? false) ? (openBlock(), 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)) : createCommentVNode("v-if", true)
+              ], 2)) : createCommentVNode("v-if", true)
+            ], 40, _hoisted_3)) : renderSlot(_ctx.$slots, "file", {
+              key: 1,
+              file: item
+            })
+          ], 2112)) : createCommentVNode("v-if", true),
+          createCommentVNode(" \u56FE\u7247\u9519\u8BEF\u5C55\u793A "),
+          item.status === "error" ? (openBlock(), 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] ? (openBlock(), createElementBlock("div", _hoisted_14, [
+              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),
+              createElementVNode("div", {
                 class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
                 onClick: ($event) => _ctx.deleteFile(item.uid)
-              }, null, 8, _hoisted_12)) : createCommentVNode("v-if", true)
+              }, null, 8, _hoisted_16)
             ])) : createCommentVNode("v-if", true)
-          ], 40, _hoisted_3)) : renderSlot(_ctx.$slots, "file", {
-            key: 1,
-            file: item
-          })
-        ], 2112)) : createCommentVNode("v-if", true),
-        createCommentVNode(" \u56FE\u7247\u9519\u8BEF\u5C55\u793A "),
-        item.status === "error" ? (openBlock(), 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_14,
-          _hoisted_15,
-          _ctx.onepViewImageHover[item.uid] ? (openBlock(), createElementBlock("div", _hoisted_16, [
-            createElementVNode("div", {
-              class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--retry",
-              onClick: (e) => _ctx.reUpload(e, item.uid)
-            }, null, 8, _hoisted_17),
-            createElementVNode("div", {
-              class: "bm-upload__picture-result__icon bm-upload__picture-result__icon--delete",
-              onClick: ($event) => _ctx.deleteFile(item.uid)
-            }, null, 8, _hoisted_18)
-          ])) : createCommentVNode("v-if", true)
-        ], 40, _hoisted_13)) : createCommentVNode("v-if", true)
-      ], 2);
-    }), 128)) : createCommentVNode("v-if", true),
+          ], 40, _hoisted_11)) : createCommentVNode("v-if", true)
+        ], 2);
+      }), 128)),
+      createCommentVNode(" </a-image-preview-group> ")
+    ], 2112)) : createCommentVNode("v-if", true),
     !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (openBlock(), createBlock(_component_a_upload, mergeProps({ key: 1 }, _ctx.uploadConfigs, {
       class: { "bm--upload__custom-button": _ctx.extraConfigs.myBtn },
       onReject: _ctx.handleReject
     }), {
       default: withCtx(() => [
         _ctx.extraConfigs.myBtn ? renderSlot(_ctx.$slots, "myBtn", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(), createElementBlock("div", _hoisted_19, [
+          _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(), createElementBlock("div", _hoisted_17, [
             createVNode(_component_PlusOutlined),
-            createElementVNode("div", _hoisted_20, toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u56FE\u7247"), 1),
-            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
-          ])) : _ctx.uploadConfigs.listType === "text" ? (openBlock(), createElementBlock("div", _hoisted_22, [
+            createElementVNode("div", _hoisted_18, toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u56FE\u7247"), 1),
+            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_19, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+          ])) : _ctx.uploadConfigs.listType === "text" ? (openBlock(), createElementBlock("div", _hoisted_20, [
             createVNode(_component_a_button, {
               class: normalizeClass(_ctx.extraConfigs.btnClass),
               disabled: $setup.uploadDisabled && !_ctx.extraConfigs?.hideDisabledBtn
@@ -1896,39 +1888,39 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
             }, 8, ["class", "disabled"]),
-            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_23, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+            _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
           ])) : createCommentVNode("v-if", true)
         ], 2112))
       ]),
       _: 3
     }, 16, ["class", "onReject"])) : createCommentVNode("v-if", true),
-    _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", _hoisted_24, [
+    _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", _hoisted_22, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item) => {
         return openBlock(), createElementBlock("div", {
           key: item,
           class: "bm-upload__file"
         }, [
           !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createElementVNode("div", _hoisted_25, [
-              _hoisted_26,
-              createElementVNode("div", _hoisted_27, [
+            createElementVNode("div", _hoisted_23, [
+              _hoisted_24,
+              createElementVNode("div", _hoisted_25, [
                 createVNode(_component_OverTooltips, {
                   title: item.name
                 }, null, 8, ["title"])
               ]),
-              createElementVNode("div", _hoisted_28, [
+              createElementVNode("div", _hoisted_26, [
                 item.status === "error" ? (openBlock(), createElementBlock("div", {
                   key: 0,
                   class: "bm-upload__error-reload",
                   onClick: (e) => _ctx.reUpload(e, item.uid)
-                }, null, 8, _hoisted_29)) : createCommentVNode("v-if", true),
+                }, null, 8, _hoisted_27)) : createCommentVNode("v-if", true),
                 createElementVNode("div", {
                   class: "bm-upload__trash",
                   onClick: ($event) => _ctx.deleteFile(item.uid)
-                }, null, 8, _hoisted_30)
+                }, null, 8, _hoisted_28)
               ])
             ]),
-            !item.isDoneDeloy || item.progress < 100 || item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_31, [
+            !item.isDoneDeloy || item.progress < 100 || item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_29, [
               createVNode(_component_a_progress, {
                 type: "line",
                 "stroke-width": 2,
@@ -1951,32 +1943,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onCancel: _ctx.handleClosePictureView
     }, {
       default: withCtx(() => [
-        createElementVNode("div", _hoisted_32, [
-          [
-            "img",
-            "image",
-            "png",
-            "PNG",
-            "image/png",
-            "jpg",
-            "JPG",
-            "jpeg",
-            "JPEG",
-            "image/jpeg",
-            "gif",
-            "GIF",
-            "image/gif"
-          ].includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
+        createElementVNode("div", _hoisted_30, [
+          _ctx.pictureFileTypes.includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
             key: 0,
             style: { "width": "100%" },
             src: _ctx.onepViewImage.url,
             alt: ""
-          }, null, 8, _hoisted_33)) : (openBlock(), createElementBlock("iframe", {
+          }, null, 8, _hoisted_31)) : (openBlock(), createElementBlock("iframe", {
             key: 1,
             title: _ctx.onepViewImage.type,
             style: { "width": "100%", "min-height": "600px" },
             src: _ctx.onepViewImage.url
-          }, null, 8, _hoisted_34))
+          }, null, 8, _hoisted_32))
         ])
       ]),
       _: 1

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

@@ -100,7 +100,7 @@ declare const _default: {
         fileList: import("vue").Ref<{}>;
         onepViewImageHover: import("vue").Ref<{}>;
         previewVisible: import("vue").Ref<boolean>;
-        onepViewImage: import("vue").Ref<string>;
+        onepViewImage: import("vue").Ref<{}>;
         extraConfigs: import("vue").Ref<{
             maxSize: number;
             maxCount: number;
@@ -130,6 +130,7 @@ declare const _default: {
                 data: any;
             }) => Promise<void>;
         }>;
+        pictureFileTypes: import("vue").Ref<string[]>;
     };
 };
 export default _default;