bm-admin-ui 1.0.19-alpha → 1.0.20-alpha

package/es/components/feedback/index.js

@@ -94,7 +94,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -476,12 +476,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),

package/es/components/input-tags-display/index.js

@@ -1,7 +1,7 @@
 import { withInstall } from 'bm-admin-ui/es/utils/with-install';
 import ToolTip from 'ant-design-vue/lib/tooltip';
 import Button from 'ant-design-vue/lib/button';
-import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock, withCtx, createElementVNode, toDisplayString, withModifiers, Fragment, renderList, createBlock, createTextVNode, createCommentVNode } from 'vue';
+import { h, nextTick, createVNode, defineComponent, resolveComponent, openBlock, createElementBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, toDisplayString, createTextVNode, withModifiers, Fragment, renderList, createBlock, createCommentVNode } from 'vue';
 
 /**
  * Take input from [0, n] and return it as [0, 1]
@@ -67,7 +67,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -449,12 +449,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -1154,6 +1154,10 @@ const _sfc_main = defineComponent({
       type: Boolean,
       default: true
     },
+    unitStr: {
+      type: String,
+      default: "\u9879"
+    },
     btnText: {
       type: String,
       default: "\u6DFB\u52A0"
@@ -1161,6 +1165,16 @@ const _sfc_main = defineComponent({
     placement: {
       type: String,
       default: "bottom"
+    },
+    toolTipProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    alwaysInvoke: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["clear", "update:list", "addClick"],
@@ -1177,13 +1191,38 @@ const _sfc_main = defineComponent({
       }
     }
     function toAddTags() {
-      emit("addClick");
+      if (!props.list.length || props.alwaysInvoke)
+        emit("addClick");
     }
+    const tooltipConfig = ref({
+      align: void 0,
+      arrowPointAtCenter: false,
+      autoAdjustOverflow: true,
+      color: "#fff",
+      defaultVisible: false,
+      destroyTooltipOnHide: false,
+      getPopupContainer,
+      mouseEnterDelay: 0.1,
+      mouseLeaveDelay: 0.1,
+      overlayClassName: "__list-filter-popover",
+      overlayStyle: null,
+      placement: props.placement,
+      trigger: "hover"
+    });
+    watch(() => props.toolTipProps, (tooltipprop) => {
+      tooltipConfig.value = {
+        ...tooltipConfig.value,
+        ...tooltipprop
+      };
+    }, {
+      immediate: true,
+      deep: true
+    });
     return {
       containId,
       clear,
       toAddTags,
-      getPopupContainer
+      tooltipConfig
     };
   }
 });
@@ -1192,11 +1231,9 @@ const _hoisted_2 = ["id"];
 const _hoisted_3 = { class: "pop-seleted" };
 const _hoisted_4 = { class: "pop-seleted-title" };
 const _hoisted_5 = /* @__PURE__ */ createTextVNode(" \u5DF2\u9009\u62E9");
-const _hoisted_6 = /* @__PURE__ */ createTextVNode("\u9879 ");
-const _hoisted_7 = { class: "select-input-wrapper" };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { key: 2 };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 2 };
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("div", null, null, -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_tag = resolveComponent("a-tag");
   const _component_CloseCircleFilled = resolveComponent("CloseCircleFilled");
@@ -1208,18 +1245,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       id: _ctx.containId,
       class: "bm-tags-display-wrapper"
     }, [
-      createVNode(_component_ToolTip, {
-        color: "#fff",
-        "get-popup-container": _ctx.getPopupContainer,
-        placement: _ctx.placement,
-        "overlay-class-name": "__list-filter-popover"
-      }, {
+      createVNode(_component_ToolTip, normalizeProps(guardReactiveProps(_ctx.tooltipConfig)), {
         title: withCtx(() => [
           createElementVNode("div", _hoisted_3, [
             createElementVNode("div", _hoisted_4, [
               _hoisted_5,
               createElementVNode("span", null, toDisplayString(_ctx.list.length), 1),
-              _hoisted_6
+              createTextVNode(toDisplayString(_ctx.unitStr), 1)
             ])
           ]),
           createElementVNode("div", {
@@ -1241,7 +1273,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 32)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_7, [
+          createElementVNode("div", {
+            class: "select-input-wrapper",
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.toAddTags && _ctx.toAddTags(...args))
+          }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item) => {
               return openBlock(), createBlock(_component_a_tag, {
                 key: item.key
@@ -1265,9 +1300,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         _: 1
-      }, 8, ["get-popup-container", "placement"])
+      }, 16)
     ], 8, _hoisted_2)) : createCommentVNode("v-if", true),
-    _ctx.showEmptyBtn && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+    _ctx.showEmptyBtn && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_6, [
       createVNode(_component_Button, {
         onClick: withModifiers(_ctx.toAddTags, ["stop"])
       }, {
@@ -1277,13 +1312,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["onClick"])
     ])) : createCommentVNode("v-if", true),
-    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_9, [
+    _ctx.showEmpty && !_ctx.list.length ? (openBlock(), createElementBlock("div", _hoisted_7, [
       createElementVNode("div", {
         class: "selector-empty-input",
-        onClick: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
-      }, "\xA0\xA0" + toDisplayString(_ctx.placeholder), 1)
+        onClick: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
+      }, " \xA0\xA0" + toDisplayString(_ctx.placeholder), 1)
     ])) : createCommentVNode("v-if", true),
-    _hoisted_10
+    _hoisted_8
   ]);
 }
 var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);

package/es/components/multi-cascader-compose/index.js

@@ -65,7 +65,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -447,12 +447,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),

package/es/components/search-filter/index.js

@@ -66,7 +66,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -448,12 +448,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -1961,7 +1961,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     watch(isExpand, (val) => {
-      handleChangeExpand(val);
+      setTimeout(() => {
+        handleChangeExpand(val);
+      }, 0);
     }, {
       immediate: true
     });

package/es/components/shops-filter/index.js

@@ -70,7 +70,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -452,12 +452,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),

package/es/components/staffs-selector/index.js

@@ -71,7 +71,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -453,12 +453,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),

package/es/components/upload/index.js

@@ -65,7 +65,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -447,12 +447,12 @@ var CSS_INTEGER = '[-\\+]?\\d+%?';
 // <http://www.w3.org/TR/css3-values/#number-value>
 var CSS_NUMBER = '[-\\+]?\\d*\\.\\d+%?';
 // Allow positive/negative integer/number.  Don't capture the either/or, just the entire outcome.
-var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+var CSS_UNIT = "(?:".concat(CSS_NUMBER, ")|(?:").concat(CSS_INTEGER, ")");
 // Actual matching.
 // Parentheses and commas are optional, but not required.
 // Whitespace can take the place of commas or opening paren
-var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
-var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+var PERMISSIVE_MATCH3 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
+var PERMISSIVE_MATCH4 = "[\\s|\\(]+(".concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")[,|\\s]+(").concat(CSS_UNIT, ")\\s*\\)?");
 var matchers = {
     CSS_UNIT: new RegExp(CSS_UNIT),
     rgb: new RegExp('rgb' + PERMISSIVE_MATCH3),
@@ -1359,18 +1359,29 @@ const _sfc_main = {
   setup(props, { emit }) {
     let acceptList = [
       ".xlsx",
+      ".XLSX",
       ".pdf",
+      ".PDF",
       ".doc",
+      ".DOC",
       ".docx",
+      ".DOCX",
       ".jpg",
-      ".jpeg",
       ".JPG",
+      ".jpeg",
+      ".JPEG",
       ".png",
+      ".PNG",
       ".rar",
+      ".RAR",
       ".zip",
+      ".ZIP",
       ".ppt",
+      ".PPT",
       ".pptx",
-      ".mp4"
+      ".PPTX",
+      ".mp4",
+      ".MP4"
     ];
     const state = reactive({
       uploadBarColor: "#4DA0FF",
@@ -1433,26 +1444,26 @@ const _sfc_main = {
       }
     });
     const methods = {
-      customUploadRequest(file) {
-        const updateUploadProgress = (progress) => {
-          if (methods.fileIsDelete(file)) {
-            return;
-          }
-          state.fileList[file.uid] = {
-            ...state.fileList[file.uid],
-            progress
-          };
+      updateUploadProgress(file, progress) {
+        if (methods.fileIsDelete(file)) {
+          return;
+        }
+        state.fileList[file.uid] = {
+          ...state.fileList[file.uid],
+          progress
         };
+      },
+      customUploadRequest(file) {
         props.uploadRequest?.(file, {
           onUploadProgress: (e) => {
             let progress = Math.round(e.loaded / e.total * 100);
             if (props.holdProgress) {
               progress = progress > props.holdProgress ? props.holdProgress : progress;
             }
-            updateUploadProgress(progress);
+            methods.updateUploadProgress(file, progress);
           }
         }).then(function(data) {
-          updateUploadProgress(100);
+          methods.updateUploadProgress(file, 100);
           methods.uploadSuccess(data, file);
         }).catch(function(error) {
           console.error(error);
@@ -1470,6 +1481,7 @@ const _sfc_main = {
           return;
         }
         emit("successFile", data);
+        state.fileList[file.uid].status = "success";
         let uri = data?.url;
         let item = state.extraConfigs.fileDetail ? {
           name: file.name,
@@ -1487,9 +1499,7 @@ const _sfc_main = {
         if (methods.fileIsDelete(file)) {
           return;
         }
-        if (file.uid && state.fileList[file.uid]) {
-          state.fileList[file.uid].status = "error";
-        }
+        state.fileList[file.uid].status = "error";
         emit("error", error);
       },
       async deleteFile(uid) {
@@ -1507,7 +1517,7 @@ const _sfc_main = {
         state.onepViewImageHover[uid] = false;
       },
       viewOnePicture(item) {
-        if (["img", "image", "png", "jpg", "jpeg"].includes(item.type.toLowerCase())) {
+        if (["img", "image", "png", "PNG", "jpg", "JPG", "jpeg", "JPEG"].includes(item.type.toLowerCase())) {
           state.previewVisible = true;
           state.onepViewImage = item;
           return;
@@ -1738,13 +1748,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
             onClick: _cache[0] || (_cache[0] = (e) => e.stopPropagation())
           }, [
-            ["pdf", "application/pdf"].includes(item.type) ? (openBlock(), createElementBlock("img", {
+            ["pdf", "PDF", "application/pdf"].includes(item.type) ? (openBlock(), createElementBlock("img", {
               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,
@@ -1753,8 +1764,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               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,
@@ -1763,8 +1776,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               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,
@@ -1775,11 +1790,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "img",
               "image",
               "png",
+              "PNG",
               "image/png",
               "jpg",
+              "JPG",
               "jpeg",
+              "JPEG",
               "image/jpeg",
               "gif",
+              "GIF",
               "image/gif"
             ].includes(item.type) ? (openBlock(), createElementBlock("img", {
               key: 4,
@@ -1908,7 +1927,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: withCtx(() => [
         createElementVNode("div", _hoisted_32, [
-          ["img", "image", "png", "jpg", "jpeg"].includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
+          [
+            "img",
+            "image",
+            "png",
+            "PNG",
+            "jpg",
+            "JPG",
+            "jpeg",
+            "JPEG"
+          ].includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
             key: 0,
             style: { "width": "100%" },
             src: _ctx.onepViewImage.url,