bm-admin-ui 1.0.82-alpha → 1.0.84-alpha

package/es/components/upload/index.js

@@ -0,0 +1,909 @@
+import { withInstall } from 'bm-admin-ui/es/utils/with-install';
+import { reactive, onBeforeUnmount, ref, watch, nextTick, toRefs, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createElementVNode, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, computed, createElementBlock, Fragment, createCommentVNode, renderList, createVNode, resolveDynamicComponent, mergeProps } from 'vue';
+import { PlusOutlined, UploadOutlined, LoadingOutlined, InboxOutlined } from '@ant-design/icons-vue';
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main$1 = {
+  name: "BmOverTooltips",
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    },
+    labelTitle: {
+      type: String,
+      default: void 0
+    },
+    line: {
+      type: Number,
+      default: 1
+    },
+    width: {
+      type: [Number, String],
+      default: 0
+    },
+    showAlways: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, context) {
+    const state = reactive({
+      mSlots: {},
+      isShow: false,
+      openShow: false
+    });
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((item) => {
+          if (item.intersectionRatio > 0.3) {
+            observerDom();
+            observer.disconnect();
+          }
+        });
+      },
+      {
+        threshold: 0.3
+      }
+    );
+    function observerDom() {
+      if (props.line === 1) {
+        if (mySelf.value.scrollWidth > mySelf.value.clientWidth) {
+          state.openShow = true;
+        }
+      } else if (props.line > 1) {
+        if (mySelf.value.scrollHeight > mySelf.value.clientHeight) {
+          state.openShow = true;
+        }
+      }
+    }
+    onBeforeUnmount(function() {
+      observer.disconnect();
+    });
+    let mySelf = ref();
+    watch(
+      () => props.showAlways,
+      function(showAlways) {
+        if (showAlways)
+          state.openShow = showAlways;
+        mySelf.value && observer.unobserve(mySelf.value);
+        nextTick(function() {
+          mySelf.value && observer.observe(mySelf.value);
+        });
+      },
+      {
+        immediate: true
+      }
+    );
+    const handleVisibleChange = (val) => {
+      state.isShow = !state.openShow ? false : val;
+    };
+    const getPopupContainer = () => {
+      return document.body;
+    };
+    return {
+      ...toRefs(state),
+      mySelf,
+      handleVisibleChange,
+      getPopupContainer
+    };
+  }
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_a_tooltip = resolveComponent("a-tooltip");
+  return openBlock(), createBlock(_component_a_tooltip, {
+    visible: _ctx.isShow,
+    "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.isShow = $event),
+    title: $props.labelTitle || $props.title,
+    "get-popup-container": $setup.getPopupContainer,
+    onVisibleChange: $setup.handleVisibleChange
+  }, {
+    title: withCtx(() => [
+      renderSlot(_ctx.$slots, "title")
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", {
+        ref: "mySelf",
+        style: normalizeStyle({
+          width: $props.width ? $props.width + "px" : "100%",
+          WebkitLineClamp: $props.line
+        }),
+        class: normalizeClass($props.line === 1 ? `bm-over-tooltip` : `bm-over-tooltip-multi`)
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString($props.title), 1)
+          ])
+        ])
+      ], 6)
+    ]),
+    _: 3
+  }, 8, ["visible", "title", "get-popup-container", "onVisibleChange"]);
+}
+var OverTooltips$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "over-tooltips.vue"]]);
+
+const BmOverTooltips = withInstall(OverTooltips$1);
+var OverTooltips = BmOverTooltips;
+
+function getuid() {
+    const s = [];
+    const hexDigits = '0123456789abcdef';
+    for (let i = 0; i < 36; i++) {
+        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
+    }
+    s[14] = '4';
+    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);
+    s[8] = s[13] = s[18] = s[23] = '-';
+    const uuid = s.join('');
+    return uuid;
+}
+function wait(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+}
+var utils = {
+    getuid,
+    wait,
+};
+
+const pdf = `data:image/png;base64,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`;
+const ppt = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAA1dJREFUeAHtmktoE0EYx7/ZbpLmRUuKFjGiVqE9qLkIRU+CHrzYQ3uQVtF6EbyovSheRS9S8eTjoODF5mB94EWjtYgUHzf1IgVRKWltLA2Gprvb5rHuRLO4aWJmd3bDzmYHQubxfbPz/803OzvJIlDSYn9vdCUvXkGA9smyvAHXsZKCAyfibcMjQ0bHy5XE58SPIMMga+KxaL4zOpi5e23MMAA884pzxGgHdvCjgcDhsLeDCNoxGIXAsRj2tWAZgcDV6ozVer0QHAcAT5weCI4EoAeCYwGQQnA0ABIIjgdQD0JTAPgfBOYBFIUs1keUqu0OzAPIz34nEl82qoTAPADpzQTIK1JZH9H3vxDQ3KFdMpGXjY1QMAytew8Av3ELcIEQ8UjzqWTcEQCIFVcxZH4JVNGkq8oFoAuXA42bPgJ4qyfV070T2s9eqnsZvJUVFuah8HMOCqlZEKcSUEwv1PWjNbAcAPL5S9sTyUA9XT2qWfjYaRCejUP2/m0oZtJqvdkZ2y4B5PVBsO8IRC7eUn7h8JitW+3P8ghQr/Q3I049B+ndZGU1cMrDDBdZB75YL3h7Ymq7Z2s3hI+fgaU7o2qdmZmGA8h/mwbp9dOaGrL3rkPrnv3Qfn4UEPcnQIN9RyE7dgNkUajpZ7TBlktAevsSxInHqiaEEPCbtqllMzO2BIAFrk5/0ujkN2/XlM0q2BaAXHHOR/6AWZo1/dgWAB/t0gw0P/NVUzarYEsAKNwGgYMDGo35mS+aslmFhu8CNQfu8UJLx3rw7tgNof5hJd+pmuL7gVVPhQ0HEBo6BaHDJ1Vx5Qx+8KmWisrW9+vqhWpNptQ1HABqUS6JPwSpsJiCzM3LUJhPElgbMyEbibG+DXkVheXSYUh48QiExDhAbtVQP6RODQcgJB6AMPlkzfhkSSydBOXlpTVtVlY0HAA+7uY+f7BSk66+bbkN6lJAaewCoATIvLsbAcxPIaUANwIoATLv7v43yPwUUgpw7wGUAJl3dyOA+SmkFOBGACVA5t3dCGB+CikFuBFACZB5dzcCmJ9CSgFuBFACZN6dU96++MG8CoMCsHZOBvmVQX/m3bB2zsf7zylKrHsRz76Y0lg71/HwfdLn8ccAQbwZlkNJo6IVa8bafwMo0u8qx3AUAQAAAABJRU5ErkJggg==`;
+const excel = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABJhJREFUeAHtmmtsDFEUgM/sdre7SpsttqqtXaIRQfvDD694RJAiIfH4UUl/SMMPiUTEI4QStJ6RiD8SIkKiUs8QryBKEKEkFRHxiL63pbTKatd0d92zMdfMWGt27R292zmbZs65c+/dc757zp3HVgAiedVbs0VR3EPUaQDBTGzjRYozppSvySlYEqu/Jgy+WxSrSeCFvAWPQeckOwr31V87GTMAXPkgBNNjnaAnjPsXCCYSwLSeEMS/+hArBAKAr5qPBCoWCJgBCSXRQkg4ALia0UBISADRQEhYAFohJDQALRASHsDfIPQKAJEgcA/gi78L49Mk4a4O3AOo8X3UFLzUSQ2BewA32p5DV0CU4tN0lEMQRlZtDGoa1YM7pZptMNMxGtzJ/aEf0bVKva+tPCEAaA04XD/uSyBcUNG0GQCioZWIfXt9BiSxWtU0sx2O5C6FFHMy/YqK1kdwrOU+tf+kjO3rgu2uBYrTm2rPwdOvtYq2eBjMMuCzvxNOkYDdtgH0b9XgWTDc5ozot81kgR2uhXQMjq/21jMJHh1hBgAnP9taBZXtL1ENidWUBDvdi8Ac4WsRksvWXxoCjb422FF3idrxVpgCQGc3k9T9JHqp36NSsqB40GRqyxVM/SLnBNoUCAZgQ80Z8AZ8tC3eCnMAH7u9sKXugsLvFZnTfysFKfUFQaB9j7bcg6qvNdRmoTAHgE7fan8B51ufUP+xFMrcCxWloE79l988cLDpJh3DStEFADpfVn85VM9SIKNTsmkpqFP/e6Ab1r2rADHol7ozO+oGAOsY6xnrWhIshTF9skO7vjz19zdehzdd76VuTI+6AcAosJ7l9wFYCidGLFPs+g873sLx9w+YBi2fXFcA+MUHmm7Aq85m6gNCkKSjuzOUJZKtx1F3AFjX69+dBqxztWyruwgtYoe6mamtOwCMppa8xvogflEEhkDwjk9v+S8A1mYVQFayQxErlsKuoYtAIB89RXcAk1JzodA5PmyMY/u66aUxbAcGjboCwCfEUtVT3nHydCjfD1YOngEj7fr9l46uADYPmQdOaypdxwcdb2BXwxU45LlN2yyCmZTCYrAKv64O9CQDRTcAcxx5MCc9j4bg9fugpPZ8yD7cfBdefGuk53LtGbA6axa1WSq6AHBaUgFXXy57G65C0/f2UJMf8KnvrKIUipwTYXy/YfIhTHRdAJS6F0Bakp0GgKlf0fqY2qi87mxRlALeGpeRdwfRvOdXTKjRYA6gcOA4wJ1fEnnqS23SUV0Kg6xpUKLKHKlvvI5MAbjILzVrsgsUvspTX3GCGOFKYW56Psx2jFF3jZvNDAC+9tpNdnO7yUqdDZf69ORPJVQKzZWK5pIh8yGD7CMshBmA5ZlTIS8lh/ocKfVpp5/KYc8dxVUB949S8gKFhRi/DbKgytOczEqAFwgGAF5WipWfRgawIsvLvEYG8LJSrPw0MoAVWV7mNTKAl5Vi5aeRAazI8jKvkQEAgoeX1Yq/n4IHM6Ay/hNzM2OlyWKxrCM/SH7ixuU4OYoxY+ymZ/lbG5IslnxSCuW9oxyw5IVyjBlj/wFKmHHAnlmA/gAAAABJRU5ErkJggg==`;
+const doc = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAABKVJREFUeAHtWrluFEEQfbuYw8bGXMKAuYXEZXAAQogExwgSiEAExERE8AuInJwA4YwEIVJHkJgbcQkhjGywwRw+AGOvvdST3era1uyyO9Mj0btT0nq6Z7p7ql69rqqZcQ4ip24UNxVmcVWaPcUiNvBcKHK6C73nD+XOxtU3T+NnCngihp8JzXga3dGGM9f7izdjA7Dg+dVxF/gf5iUBIS8G9PwPRiTVIS4I+RBpXw6sOCCQAXUltYJQdwDQm7WAUJcA1AJC3QJQLQh1DUA1INQ9AP8CoSEAqARC8AD8mqZ51UlUdggegKHx6ow3o1wQggfg3gDwp2DMq+6oQcidvC7FcOCyfAlwdCvQuQJokXa1MjKB3roAoFqDo8YFvwWijKrlXAZALWjV49iGZ0BTUq9uWwVcPmZXmZkDLt4G5irklv3rgQtH7JyBH8CVPtuPah3fBZzcY688HwGu3bf9uK3EAHwQ5dubgVaVfnauAd6MllfpYKekrHZ7fX0b0Cya/K6Qzw9vLp1z942dn6SVeAvQ048/lqrQ1VHad3sHnBfvi0SLfRXm5HPAnnWlqzwYLO3H7SUGgDd+MFR6e1K8nLBo2RHxDtoFRc8no5oX2zPDE0CtJbCdXdryA4B4Q9eT9Ba9FiUEJ+pat8MKPddllAu4Hltr2wsAP6aAd9/srVmORnmZIw4odkzP2jkMpm1LbV+3utQcnu/3RH+u5QUALuR6xfUax1C0p++8AgwIOWGMBmd+9Dxb9qr9z/HPhs3V5Ed/ADhecb1GVVdJtti80irNQPbys+1HxYHtEi/0Aw6NN6DZmfFb3gB4LWlv8o9VZK9EdTcMaA/TCBr/9JOdo9lhzrpM8hX9zfreAGA6fKTSIesC7mst2sM0nkXTEwXARnmcXdOiZwAuAP1OxikdXXvPGwC8taucuw00AMbzb78C+rWWHkMG6fpgaAxgCvQpXgF4KN7R6VDXAx2t8sVGfkaM58kclrVGulXEJ4NaVWZwATZzkhy9AjA2BdCjRnT01p6lx/W4pyqq63Eug9xMY+6T5OgVACqilVyxDNi6EPV1gKPH9cOS2Q6cv3Y5wFhA0ft/akaYooCaH5H8r38AyqRDvR0M/Y36778D48IeIyZb6P1PlhQkaPoW7wDwKVAbQy9uERawBjDiAsDzehuQLZxDBhnxWf2ZNXn0DgBfA+h0SC9q+n//DfAR2hW9DcgWwwIzTm8tc87H0TsAVEoru1I8f2K3VbVcGatZQc/rlx8DskW+/LRr+GylBoAOchsWghoV14ZqQz5Jfh9VRuo5TK9pSSoATEhJ/FZiQZRoqrvXy11LI/+be6cCABePUnpkEuCvnOhAaMawZnihCiVz3tcxNQB0HDDKlqO/uR7FgMfyrDDLyJqSpAYAtwArQy1RBurro7+Aj87XXt9Pf/p+bGffBl1EGq2f2hYIBcgMgFA8lZaeGQPSQjaUdTMGhOKptPTMGJAWsqGsmzEgFE+lpWfGgLSQDWXdjAHyjwnq+2wofvOjJ20nA/r8LBfkKn35pkW4JKqr//AJ0pA4Sn+j7flb53KDi5vQLXTobYTtQBtpK22m7X8BXxtVZAjutWYAAAAASUVORK5CYII=`;
+const others = `data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABGdBTUEAALGPC/xhBQAAAbNJREFUeAHtlTFOAkEYhWd3LaDUDYWJF7AgHsAGCjsusF6DZG1t3YO4F6CzoaYxhsILmFCQxXIJhuBMkOTFGJwdmp15/zS8bGbJfN//BiKlV54/XW2360LHgVK7S/PMlzUc3paj0d2963njPXz9psEz3+ANdJqeZ5PJy7OzgJ/JX7h+QRveO0VCrAEGbYA49QyuErQAv+78MVEuEkwDglpNJQQnwEyziYQgBTSREKwAWwlBC7CRELyA/yRQCDgmwXsBdb02fFbrr38H7wUsl5UV/GHTbwneC5jP39Vm83Xgs/pECdF4/LizeqvFm7rdjur3r1WvlyqTbVdVfZZntpvbvM/8Dsxmry5HzLy/Ai7U+I4IQBuMWRrAOHVklgagDcYsDWCcOjJLA9AGY5YGME4dmaUBaIMxSwMYp47M0gC0wZilAYxTR2ZpANpgzNIAxqkjszQAbTBmaQDj1JFZGoA2GLM0gHHqyCwNQBuMWRrAOHVklgagDcYsDWCcOjJLA9AGY9YNiBaM4HvmaGGuwJRXgJrGSdLJtYAVoYSVYY+L4uEjSbo3+iqUHNfBXPmoNMyG/RuvFms2+co7XAAAAABJRU5ErkJggg==`;
+var icons = {
+    pdf,
+    ppt,
+    excel,
+    doc,
+    others,
+};
+
+const CLOUND_PRE = "/cloudStorage/read";
+const _sfc_main = {
+  name: "BmUpload",
+  components: {
+    PlusOutlined,
+    OverTooltips,
+    UploadOutlined,
+    LoadingOutlined,
+    InboxOutlined
+  },
+  props: {
+    uploadProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    extraProps: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    defaultList: {
+      type: Array,
+      default: () => []
+    },
+    uploadRequest: {
+      type: Function,
+      default() {
+        return () => {
+        };
+      }
+    },
+    cloudReadUrl: {
+      type: String,
+      default: ""
+    },
+    holdProgress: {
+      type: Number,
+      default: 0
+    },
+    customErrors: {
+      type: Object,
+      default() {
+        return void 0;
+      }
+    }
+  },
+  emits: [
+    "success",
+    "delete",
+    "update",
+    "previewFile",
+    "successFile",
+    "deleteFile",
+    "error",
+    "updateDisabledStatus",
+    "updateIsUploadingStatus"
+  ],
+  setup(props, { emit, expose }) {
+    let acceptList = [
+      ".xlsx",
+      ".XLSX",
+      ".pdf",
+      ".PDF",
+      ".doc",
+      ".DOC",
+      ".docx",
+      ".DOCX",
+      ".jpg",
+      ".JPG",
+      ".jpeg",
+      ".JPEG",
+      ".png",
+      ".PNG",
+      ".gif",
+      ".GIF",
+      ".rar",
+      ".RAR",
+      ".zip",
+      ".ZIP",
+      ".ppt",
+      ".PPT",
+      ".pptx",
+      ".PPTX",
+      ".mp4",
+      ".MP4"
+    ];
+    const state = reactive({
+      uploadBarColor: "#4DA0FF",
+      uploadedList: [],
+      fileList: {},
+      onepViewImageHover: {},
+      previewVisible: false,
+      onepViewImage: {},
+      extraConfigs: {
+        maxSize: 5,
+        maxCount: 5,
+        isAllowDownloadFieldProps: false,
+        hideDisabledBtn: true,
+        tips: "",
+        showTips: true,
+        btnClass: "",
+        picClass: "",
+        alignCenter: false,
+        canNotViewAccept: ".rar,.zip",
+        myBtn: false,
+        showFileName: false,
+        drag: false
+      },
+      uploadConfigs: {
+        multiple: false,
+        showUploadList: false,
+        showSlotList: false,
+        listType: "text",
+        text: "",
+        accept: acceptList.join(","),
+        data: {},
+        name: "file",
+        disabled: false,
+        async customRequest({ file, fileField, data }) {
+          if (file.size > state.extraConfigs.maxSize * 1024 * 1024) {
+            return methods.uploadError(
+              new Error(
+                props.customErrors?.maxSize || `\u4E0D\u80FD\u4E0A\u4F20\u5927\u4E8E${state.extraConfigs.maxSize}M\u7684\u6587\u4EF6`
+              )
+            );
+          }
+          if (Object.keys(state.fileList).length >= state.extraConfigs.maxCount) {
+            return methods.uploadError(
+              new Error(
+                props.customErrors?.maxCount || `\u4E0D\u80FD\u4E0A\u4F20\u591A\u4E8E${state.extraConfigs.maxCount}\u4E2A\u6587\u4EF6`
+              )
+            );
+          }
+          let name = file.name;
+          let fileFormat = name.split(".").pop();
+          if (!state.uploadConfigs.accept.includes(`.${fileFormat}`)) {
+            return methods.uploadError(
+              new Error(props.customErrors?.format || `\u4E0D\u80FD\u4E0A\u4F20\u8BE5\u7C7B\u578B\u6587\u4EF6`)
+            );
+          }
+          state.fileList[file.uid] = {
+            uid: file.uid,
+            name: file.name,
+            type: fileFormat,
+            progress: 0,
+            file,
+            isDoneDeloy: false,
+            status: ""
+          };
+          setTimeout(function() {
+            if (methods.fileIsDelete(file)) {
+              return;
+            }
+            state.fileList[file.uid].isDoneDeloy = true;
+          }, 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) {
+        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;
+            }
+            methods.updateUploadProgress(file, progress);
+          }
+        }).then(function(data) {
+          methods.updateUploadProgress(file, 100);
+          methods.uploadSuccess(data, file);
+        }).catch(function(error) {
+          console.error(error);
+          if (state.uploadConfigs.listType === "text") {
+            state.fileList[file.uid].progress = 100;
+          }
+          methods.uploadError(error, file);
+        });
+      },
+      fileIsDelete(file) {
+        return !state.fileList[file.uid];
+      },
+      uploadSuccess(data, file) {
+        if (methods.fileIsDelete(file)) {
+          return;
+        }
+        state.fileList[file.uid].status = "success";
+        let uri = data?.url;
+        let item = {
+          name: file.name,
+          size: file.size,
+          type: file.type,
+          uid: file.uid,
+          url: uri
+        };
+        state.uploadedList.push(item);
+        state.fileList[file.uid].url = uri;
+        emit("successFile", data);
+        emit("success", state.uploadedList);
+        emit("update", state.uploadedList);
+      },
+      uploadError(error, file) {
+        if (file) {
+          if (methods.fileIsDelete(file)) {
+            return;
+          }
+          state.fileList[file.uid].status = "error";
+        }
+        emit("error", error);
+      },
+      async deleteFile(uid) {
+        let targetFile = state.fileList[uid];
+        delete state.fileList[uid];
+        const index = state.uploadedList.findIndex(
+          (ele) => ele.url === targetFile.url
+        );
+        if (index !== -1) {
+          state.uploadedList.splice(index, 1);
+        }
+        emit("deleteFile", targetFile);
+        emit("delete", state.uploadedList);
+        emit("update", state.uploadedList);
+      },
+      pictureHoverEnter(uid) {
+        state.onepViewImageHover[uid] = true;
+      },
+      pictureHoverLeave(uid) {
+        state.onepViewImageHover[uid] = false;
+      },
+      viewOnePicture(item) {
+        if (state.pictureFileTypes.includes(item.type.toLowerCase())) {
+          state.previewVisible = true;
+          state.onepViewImage = item;
+        }
+        emit("previewFile", item);
+      },
+      handleClosePictureView() {
+        state.previewVisible = false;
+      },
+      reUpload(e, uid) {
+        e.stopPropagation();
+        let file = state.fileList[uid].file;
+        state.onepViewImageHover[uid] = false;
+        delete state.fileList[uid];
+        state.uploadConfigs.customRequest({
+          file,
+          fileField: state.uploadConfigs.name,
+          data: state.uploadConfigs.data
+        });
+      },
+      paste(event) {
+        if (uploadDisabled.value) {
+          return;
+        }
+        const items = event?.clipboardData?.items;
+        let file = null;
+        if (items && items.length) {
+          for (var i = 0; i < items.length; i++) {
+            if (items[i].type.match("^image/")) {
+              file = items[i].getAsFile();
+              break;
+            }
+          }
+        }
+        if (file) {
+          let uid = utils.getuid();
+          let filename = file.name;
+          let fileInfo = filename?.split(".");
+          if (fileInfo && fileInfo.length > 1) {
+            fileInfo[fileInfo.length - 2] = uid;
+            filename = fileInfo.join(".");
+          } else {
+            filename = uid + ".png";
+          }
+          file = new File([file], filename, { type: file.type });
+          file["uid"] = uid;
+          state.uploadConfigs.customRequest({
+            file,
+            fileField: state.uploadConfigs.name,
+            data: state.uploadConfigs.data
+          });
+        }
+      },
+      handleReject(e) {
+        return methods.uploadError(
+          new Error(props.customErrors?.format || `\u4E0D\u80FD\u4E0A\u4F20\u8BE5\u7C7B\u578B\u6587\u4EF6`)
+        );
+      }
+    };
+    watch(
+      () => props.defaultList,
+      function(list) {
+        if (list?.length) {
+          list.forEach((item) => {
+            if (!item.uid) {
+              item.uid = utils.getuid();
+            }
+          });
+          list.forEach(function(item) {
+            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] = {
+              uid,
+              name: item.name,
+              url: item.url,
+              type: item.type || "png",
+              progress: 100,
+              isDoneDeloy: true
+            };
+            if (!state.uploadedList.find((item2) => item2.uid === uid)) {
+              state.uploadedList.push(item);
+            }
+          });
+        } else {
+          state.fileList = {};
+          state.uploadedList = [];
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(
+      [() => props.uploadProps, () => props.extraProps],
+      function([config, extra]) {
+        state.uploadConfigs = {
+          ...state.uploadConfigs,
+          ...config,
+          showUploadList: false
+        };
+        state.extraConfigs = {
+          ...state.extraConfigs,
+          ...extra
+        };
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    const uploadDisabled = computed(() => {
+      if (props.uploadProps.disabled || Object.keys(state.fileList).length >= state.extraConfigs.maxCount) {
+        return true;
+      }
+      return false;
+    });
+    watch(
+      () => uploadDisabled.value,
+      (value) => {
+        emit("updateDisabledStatus", value);
+      },
+      {
+        immediate: true
+      }
+    );
+    const isUploading = computed(() => {
+      let ret = false;
+      let fileList = state.fileList || {};
+      Object.keys(fileList).forEach((uid) => {
+        if (fileList[uid]?.progress && fileList[uid].progress < 100) {
+          ret = true;
+        }
+      });
+      return ret;
+    });
+    watch(
+      () => isUploading.value,
+      (value) => {
+        emit("updateIsUploadingStatus", value);
+      },
+      {
+        immediate: true
+      }
+    );
+    expose({ state, methods, paste: methods.paste });
+    return {
+      ...toRefs(state),
+      icons,
+      ...methods,
+      uploadDisabled
+    };
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  class: "bm-upload__picture-progress"
+};
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__picture-progress__text" }, "\u56FE\u7247\u4E0A\u4F20\u4E2D", -1);
+const _hoisted_3 = ["onMouseenter", "onMouseleave"];
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = ["src"];
+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_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_23 = { class: "ant-upload-text bm-upload__text" };
+const _hoisted_24 = {
+  key: 0,
+  class: "bm-upload__tips"
+};
+const _hoisted_25 = { key: 2 };
+const _hoisted_26 = {
+  key: 0,
+  class: "bm-upload__tips"
+};
+const _hoisted_27 = {
+  key: 2,
+  class: "bm-upload__file-list"
+};
+const _hoisted_28 = { class: "bm-upload__file__detail" };
+const _hoisted_29 = /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__file__icon" }, [
+  /* @__PURE__ */ createElementVNode("div", { class: "bm-upload__attachment" })
+], -1);
+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_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 = resolveComponent("a-progress");
+  const _component_a_image = resolveComponent("a-image");
+  const _component_LoadingOutlined = resolveComponent("LoadingOutlined");
+  const _component_OverTooltips = resolveComponent("OverTooltips");
+  const _component_InboxOutlined = resolveComponent("InboxOutlined");
+  const _component_PlusOutlined = resolveComponent("PlusOutlined");
+  const _component_UploadOutlined = resolveComponent("UploadOutlined");
+  const _component_a_button = resolveComponent("a-button");
+  const _component_a_modal = resolveComponent("a-modal");
+  return openBlock(), createElementBlock("div", {
+    class: 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
+    }])
+  }, [
+    _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: "bm-upload__picture_wrapper"
+        }, [
+          createElementVNode("div", {
+            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", {
+                  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) ? (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(), createElementBlock(Fragment, { key: 4 }, [
+                  item.url ? (openBlock(), createBlock(_component_a_image, {
+                    key: 0,
+                    class: "bm-upload__picture-result__image",
+                    src: item.url,
+                    alt: "\u56FE\u7247"
+                  }, null, 8, ["src"])) : (openBlock(), createBlock(_component_LoadingOutlined, { key: 1 }))
+                ], 64)) : (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 ?? _ctx.extraConfigs.hideDelBtn ?? 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
+              })
+            ], 64)) : 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_16)
+              ])) : createCommentVNode("v-if", true)
+            ], 40, _hoisted_11)) : createCommentVNode("v-if", true)
+          ], 2),
+          createCommentVNode(" \u6587\u4EF6\u540D "),
+          _ctx.extraConfigs.showFileName && item.name ? (openBlock(), createElementBlock("div", _hoisted_17, [
+            createVNode(_component_OverTooltips, {
+              title: item.name
+            }, null, 8, ["title"])
+          ])) : createCommentVNode("v-if", true)
+        ]);
+      }), 128)),
+      createCommentVNode(" </a-image-preview-group> ")
+    ], 64)) : createCommentVNode("v-if", true),
+    !($setup.uploadDisabled && _ctx.extraConfigs?.hideDisabledBtn) ? (openBlock(), createElementBlock("div", _hoisted_18, [
+      (openBlock(), createBlock(resolveDynamicComponent(_ctx.extraConfigs.drag ? "a-upload-dragger" : "a-upload"), mergeProps(_ctx.uploadConfigs, {
+        disabled: $setup.uploadDisabled,
+        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.extraConfigs.drag ? (openBlock(), createElementBlock("div", _hoisted_19, [
+              createVNode(_component_InboxOutlined, { class: "bm-upload__drag-icon" }),
+              createElementVNode("div", _hoisted_20, toDisplayString(_ctx.uploadConfigs.text || "\u70B9\u51FB\u4E0A\u4F20/\u62D6\u62FD\u4E0A\u4F20"), 1),
+              _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_21, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+            ])) : _ctx.uploadConfigs.listType === "picture-card" ? (openBlock(), createElementBlock("div", _hoisted_22, [
+              createVNode(_component_PlusOutlined),
+              createElementVNode("div", _hoisted_23, toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u56FE\u7247"), 1),
+              _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_24, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+            ])) : _ctx.uploadConfigs.listType === "text" ? (openBlock(), createElementBlock("div", _hoisted_25, [
+              createVNode(_component_a_button, {
+                class: normalizeClass(_ctx.extraConfigs.btnClass),
+                disabled: $setup.uploadDisabled
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_UploadOutlined),
+                  createTextVNode(" " + toDisplayString(_ctx.uploadConfigs.text || "\u4E0A\u4F20\u6587\u4EF6"), 1)
+                ]),
+                _: 1
+              }, 8, ["class", "disabled"]),
+              _ctx.extraConfigs.tips && _ctx.extraConfigs.showTips ? (openBlock(), createElementBlock("div", _hoisted_26, toDisplayString(_ctx.extraConfigs.tips), 1)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ], 64))
+        ]),
+        _: 3
+      }, 16, ["disabled", "class", "onReject"]))
+    ])) : createCommentVNode("v-if", true),
+    _ctx.uploadConfigs.listType === "text" && !_ctx.uploadConfigs.showSlotList ? (openBlock(), createElementBlock("div", _hoisted_27, [
+      (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_28, [
+              _hoisted_29,
+              createElementVNode("div", _hoisted_30, [
+                createVNode(_component_OverTooltips, {
+                  title: item.name
+                }, null, 8, ["title"])
+              ]),
+              createElementVNode("div", _hoisted_31, [
+                item.status === "error" ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "bm-upload__error-reload",
+                  onClick: (e) => _ctx.reUpload(e, item.uid)
+                }, null, 8, _hoisted_32)) : createCommentVNode("v-if", true),
+                !(_ctx.extraConfigs.hidenDelBtn ?? _ctx.extraConfigs.hideDelBtn ?? false) ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: "bm-upload__trash",
+                  onClick: ($event) => _ctx.deleteFile(item.uid)
+                }, null, 8, _hoisted_33)) : createCommentVNode("v-if", true)
+              ])
+            ]),
+            !item.isDoneDeloy || item.progress < 100 || item.status === "error" ? (openBlock(), createElementBlock("div", _hoisted_34, [
+              createVNode(_component_a_progress, {
+                type: "line",
+                "stroke-width": 2,
+                "show-info": false,
+                "stroke-color": item.status !== "error" ? _ctx.uploadBarColor : "#E64C2E",
+                percent: item.progress
+              }, null, 8, ["stroke-color", "percent"])
+            ])) : createCommentVNode("v-if", true)
+          ], 64)) : renderSlot(_ctx.$slots, "file", {
+            key: 1,
+            file: item
+          })
+        ]);
+      }), 128))
+    ])) : createCommentVNode("v-if", true),
+    createVNode(_component_a_modal, {
+      visible: _ctx.previewVisible,
+      width: _ctx.onepViewImage.type === "pdf" ? "1200px" : "600px",
+      footer: null,
+      onCancel: _ctx.handleClosePictureView
+    }, {
+      default: withCtx(() => [
+        createElementVNode("div", _hoisted_35, [
+          _ctx.pictureFileTypes.includes(_ctx.onepViewImage.type) ? (openBlock(), createElementBlock("img", {
+            key: 0,
+            style: { "width": "100%" },
+            src: _ctx.onepViewImage.url,
+            alt: ""
+          }, null, 8, _hoisted_36)) : (openBlock(), createElementBlock("iframe", {
+            key: 1,
+            title: _ctx.onepViewImage.type,
+            style: { "width": "100%", "min-height": "600px" },
+            src: _ctx.onepViewImage.url
+          }, null, 8, _hoisted_37))
+        ])
+      ]),
+      _: 1
+    }, 8, ["visible", "width", "onCancel"])
+  ], 2);
+}
+var Upload = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "upload.vue"]]);
+
+const BmUpload = withInstall(Upload);
+
+export { BmUpload, BmUpload as default };