bm-admin-ui 1.0.18-alpha → 1.0.20-alpha

package/lib/components/feedback/index.js

@@ -104,7 +104,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -486,12 +486,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/lib/components/input-tags-display/index.js

@@ -76,7 +76,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -458,12 +458,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),
@@ -1163,6 +1163,10 @@ const _sfc_main = vue.defineComponent({
       type: Boolean,
       default: true
     },
+    unitStr: {
+      type: String,
+      default: "\u9879"
+    },
     btnText: {
       type: String,
       default: "\u6DFB\u52A0"
@@ -1170,6 +1174,16 @@ const _sfc_main = vue.defineComponent({
     placement: {
       type: String,
       default: "bottom"
+    },
+    toolTipProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    alwaysInvoke: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["clear", "update:list", "addClick"],
@@ -1186,13 +1200,38 @@ const _sfc_main = vue.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
     };
   }
 });
@@ -1201,11 +1240,9 @@ const _hoisted_2 = ["id"];
 const _hoisted_3 = { class: "pop-seleted" };
 const _hoisted_4 = { class: "pop-seleted-title" };
 const _hoisted_5 = /* @__PURE__ */ vue.createTextVNode(" \u5DF2\u9009\u62E9");
-const _hoisted_6 = /* @__PURE__ */ vue.createTextVNode("\u9879 ");
-const _hoisted_7 = { class: "select-input-wrapper" };
-const _hoisted_8 = { key: 1 };
-const _hoisted_9 = { key: 2 };
-const _hoisted_10 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = { key: 2 };
+const _hoisted_8 = /* @__PURE__ */ vue.createElementVNode("div", null, null, -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_a_tag = vue.resolveComponent("a-tag");
   const _component_CloseCircleFilled = vue.resolveComponent("CloseCircleFilled");
@@ -1217,18 +1254,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       id: _ctx.containId,
       class: "bm-tags-display-wrapper"
     }, [
-      vue.createVNode(_component_ToolTip, {
-        color: "#fff",
-        "get-popup-container": _ctx.getPopupContainer,
-        placement: _ctx.placement,
-        "overlay-class-name": "__list-filter-popover"
-      }, {
+      vue.createVNode(_component_ToolTip, vue.normalizeProps(vue.guardReactiveProps(_ctx.tooltipConfig)), {
         title: vue.withCtx(() => [
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("div", _hoisted_4, [
               _hoisted_5,
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.list.length), 1),
-              _hoisted_6
+              vue.createTextVNode(vue.toDisplayString(_ctx.unitStr), 1)
             ])
           ]),
           vue.createElementVNode("div", {
@@ -1250,7 +1282,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 32)
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_7, [
+          vue.createElementVNode("div", {
+            class: "select-input-wrapper",
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.toAddTags && _ctx.toAddTags(...args))
+          }, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item) => {
               return vue.openBlock(), vue.createBlock(_component_a_tag, {
                 key: item.key
@@ -1274,9 +1309,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ]),
         _: 1
-      }, 8, ["get-popup-container", "placement"])
+      }, 16)
     ], 8, _hoisted_2)) : vue.createCommentVNode("v-if", true),
-    _ctx.showEmptyBtn && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+    _ctx.showEmptyBtn && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
       vue.createVNode(_component_Button, {
         onClick: vue.withModifiers(_ctx.toAddTags, ["stop"])
       }, {
@@ -1286,13 +1321,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
       }, 8, ["onClick"])
     ])) : vue.createCommentVNode("v-if", true),
-    _ctx.showEmpty && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, [
+    _ctx.showEmpty && !_ctx.list.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
       vue.createElementVNode("div", {
         class: "selector-empty-input",
-        onClick: _cache[4] || (_cache[4] = vue.withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
-      }, "\xA0\xA0" + vue.toDisplayString(_ctx.placeholder), 1)
+        onClick: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.toAddTags && _ctx.toAddTags(...args), ["stop"]))
+      }, " \xA0\xA0" + vue.toDisplayString(_ctx.placeholder), 1)
     ])) : vue.createCommentVNode("v-if", true),
-    _hoisted_10
+    _hoisted_8
   ]);
 }
 var InputTagsDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "input-tags-display.vue"]]);

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

@@ -69,7 +69,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -451,12 +451,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/lib/components/search-filter/index.js

@@ -74,7 +74,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -456,12 +456,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),
@@ -1969,7 +1969,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     vue.watch(isExpand, (val) => {
-      handleChangeExpand(val);
+      setTimeout(() => {
+        handleChangeExpand(val);
+      }, 0);
     }, {
       immediate: true
     });

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

@@ -81,7 +81,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -463,12 +463,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/lib/components/staffs-selector/index.js

@@ -84,7 +84,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -466,12 +466,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/lib/components/upload/index.js

@@ -69,7 +69,7 @@ function boundAlpha(a) {
  */
 function convertToPercentage(n) {
     if (n <= 1) {
-        return Number(n) * 100 + "%";
+        return "".concat(Number(n) * 100, "%");
     }
     return n;
 }
@@ -451,12 +451,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),
@@ -1363,18 +1363,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 = vue.reactive({
       uploadBarColor: "#4DA0FF",
@@ -1437,26 +1448,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);
@@ -1474,11 +1485,13 @@ 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,
           size: file.size,
           type: file.type,
+          uid: file.uid,
           url: uri
         } : uri;
         state.uploadedList.push(item);
@@ -1490,9 +1503,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) {
@@ -1510,7 +1521,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;
@@ -1563,9 +1574,14 @@ const _sfc_main = {
       }
     };
     vue.watch(() => props.defaultList, function(list) {
-      if (list.length) {
+      if (list?.length) {
+        list.forEach((item) => {
+          if (!item.uid) {
+            item.uid = utils.getuid();
+          }
+        });
         list.forEach(function(item) {
-          let uid = utils.getuid();
+          let uid = item.uid || utils.getuid();
           if (!item.url.includes("http") && !item.url.includes(CLOUND_PRE))
             item.url = props.cloudReadUrl + item.url;
           state.fileList[uid] = {
@@ -1576,7 +1592,9 @@ const _sfc_main = {
             progress: 100,
             isDoneDeloy: true
           };
-          state.uploadedList.push(item);
+          if (!state.uploadedList.find((item2) => item2.uid === uid)) {
+            state.uploadedList.push(item);
+          }
         });
       } else {
         state.fileList = {};
@@ -1734,27 +1752,59 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             onMouseleave: ($event) => _ctx.pictureHoverLeave(item.uid),
             onClick: _cache[0] || (_cache[0] = (e) => e.stopPropagation())
           }, [
-            item.type === "pdf" ? (vue.openBlock(), vue.createElementBlock("img", {
+            ["pdf", "PDF", "application/pdf"].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 0,
               class: "bm-upload__picture-result__image",
               src: $setup.icons.pdf,
               alt: "avatar"
-            }, null, 8, _hoisted_4)) : item.type === "xlsx" ? (vue.openBlock(), vue.createElementBlock("img", {
+            }, 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: "avatar"
-            }, null, 8, _hoisted_5)) : item.type === "ppt" ? (vue.openBlock(), vue.createElementBlock("img", {
+            }, 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: "avatar"
-            }, null, 8, _hoisted_6)) : ["docx", "doc"].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+            }, 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: "avatar"
-            }, null, 8, _hoisted_7)) : ["img", "image", "png", "jpg", "jpeg"].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+            }, null, 8, _hoisted_7)) : [
+              "img",
+              "image",
+              "png",
+              "PNG",
+              "image/png",
+              "jpg",
+              "JPG",
+              "jpeg",
+              "JPEG",
+              "image/jpeg",
+              "gif",
+              "GIF",
+              "image/gif"
+            ].includes(item.type) ? (vue.openBlock(), vue.createElementBlock("img", {
               key: 4,
               class: "bm-upload__picture-result__image",
               src: item.url,
@@ -1881,7 +1931,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", _hoisted_32, [
-          ["img", "image", "png", "jpg", "jpeg"].includes(_ctx.onepViewImage.type) ? (vue.openBlock(), vue.createElementBlock("img", {
+          [
+            "img",
+            "image",
+            "png",
+            "PNG",
+            "jpg",
+            "JPG",
+            "jpeg",
+            "JPEG"
+          ].includes(_ctx.onepViewImage.type) ? (vue.openBlock(), vue.createElementBlock("img", {
             key: 0,
             style: { "width": "100%" },
             src: _ctx.onepViewImage.url,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.18-alpha",
+  "version": "1.0.20-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",