@me-framework/me-ui 1.0.44

package/es/upload/src/upload.vue2.mjs

@@ -0,0 +1,565 @@
+import { defineComponent, ref, useModel, computed, watch, reactive, resolveComponent, openBlock, createBlock, unref, withCtx, createVNode, createElementVNode, createElementBlock, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode, renderSlot, mergeModels } from 'vue';
+import { ElMessage, ElUpload, ElTable, ElTableColumn, ElImage, ElTag, ElProgress, ElButton } from 'element-plus';
+import { VueDraggable } from 'vue-draggable-plus';
+import FileUploadRule from '../../utils/upload/FileUploadRule.mjs';
+import { MeMessage } from '../../message/index.mjs';
+import { uuid } from '../../utils/uuid.mjs';
+import { MeFlexBox } from '../../flex-box/index.mjs';
+import { MeDialog } from '../../dialog/index.mjs';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+import { formatBytes, getFileThumbByFileName } from '../../utils/file.mjs';
+
+"use strict";
+const _hoisted_1 = { class: "el-upload__text" };
+const _hoisted_2 = { class: "text-sm" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = { key: 2 };
+const _hoisted_6 = { key: 3 };
+const _hoisted_7 = { key: 4 };
+const _hoisted_8 = { style: { "cursor": "move" } };
+const _hoisted_9 = { class: "me-upload-button" };
+const __default__ = defineComponent({
+  name: "me-upload"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: /* @__PURE__ */ mergeModels({
+    modelValue: { type: Boolean, required: true },
+    uploadRequest: { type: Function, required: false, default: (data) => Promise.resolve() },
+    showFullscreen: { type: Boolean, required: false },
+    showClose: { type: Boolean, required: false, default: true },
+    url: { type: String, required: true },
+    params: { type: null, required: false, default: {} },
+    title: { type: String, required: false, default: "\u4E0A\u4F20" },
+    maxCount: { type: Number, required: false, default: 0 },
+    multiple: { type: Boolean, required: false, default: true },
+    rules: { type: Array, required: true, default: [] },
+    closeEvent: { type: Function, required: false, default: () => {
+    } },
+    uploadCompleteEvent: { type: Function, required: false, default: (data) => {
+    } },
+    uploadType: { type: String, required: false }
+  }, {
+    "modelValue": { type: Boolean, ...{ default: false } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "close"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const dragDisabled = ref(true);
+    const visible = useModel(__props, "modelValue");
+    let disabled = ref(false);
+    const tips = ref();
+    const accept = ref();
+    let title = computed(() => {
+      if (props.maxCount > 0) {
+        return `${props.title}(\u9650\u5236${props.maxCount}\u4E2A\u6587\u4EF6)`;
+      }
+      return props.title;
+    });
+    let multiple = computed(() => {
+      if (props.maxCount == 1) {
+        return false;
+      }
+      return true;
+    });
+    const fileList = ref([]);
+    let uploadResultList = [];
+    const fileUploadRule = new FileUploadRule();
+    const cellMouseEnter = (row, column, cell, event) => {
+      if (column.label == "") {
+        dragDisabled.value = false;
+      }
+    };
+    fileUploadRule.setChangeHandler(() => {
+      tips.value = fileUploadRule.getUploadTips();
+      accept.value = fileUploadRule.getAccept();
+    });
+    props.rules.forEach((item) => {
+      fileUploadRule.add(item.name, item.size);
+    });
+    watch(
+      () => props.rules,
+      (newVal, oldVal) => {
+        fileUploadRule.clear();
+        newVal.forEach((item) => {
+          fileUploadRule.add(item.name, item.size);
+        });
+      }
+    );
+    const removeItemHandler = (item) => {
+      for (let i = 0; i < fileList.value.length; i++) {
+        if (fileList.value[i].file?.uid == item.file.uid) {
+          fileList.value.splice(i, 1);
+          disabled.value = false;
+          break;
+        }
+      }
+    };
+    const onChangeHandler = (uploadFile2, uploadFiles) => {
+      if (fileList.value.length >= props.maxCount && props.maxCount > 0) {
+        return;
+      }
+      if (!fileUploadRule.check(uploadFile2)) {
+        ElMessage.error(fileUploadRule.getErrorMessage());
+      } else {
+        let data = {
+          file: uploadFile2.raw,
+          name: uploadFile2.name,
+          size: formatBytes(uploadFile2.size),
+          progress: 0,
+          status: "ready",
+          error: "",
+          image: ""
+        };
+        const reader = new FileReader();
+        reader.onload = function(e) {
+          if (data?.file?.type.startsWith("image/")) {
+            data.image = e.target != null ? e.target.result : "";
+          } else {
+            data.image = getFileThumbByFileName(data.name);
+          }
+          if (props.maxCount == 0) {
+            fileList.value.push(data);
+          } else {
+            if (fileList.value.length < props.maxCount) {
+              fileList.value.push(data);
+            }
+            if (fileList.value.length >= props.maxCount) {
+              disabled.value = true;
+            }
+          }
+        };
+        reader.readAsDataURL(uploadFile2.raw);
+      }
+    };
+    const handleReUpload = (row) => {
+      uploadFile(row);
+    };
+    let uploadQueue = () => {
+      let data = reactive({
+        normal: {
+          title: "\u63D0\u793A",
+          message: "\u8BF7\u6DFB\u52A0\u8981\u4E0A\u4F20\u7684\u6587\u4EF6",
+          loading: false,
+          type: "primary"
+        }
+      });
+      if (!hasReadyFile()) {
+        MeMessage(data);
+        return;
+      }
+      if (!props?.uploadRequest) {
+        data.normal.message = "\u8BF7\u914D\u7F6E\u4E0A\u4F20\u8BF7\u6C42\u65B9\u6CD5";
+        MeMessage(data);
+        return;
+      }
+      fileList.value.forEach((item) => {
+        if (item.status == "ready" || item.status == "canceled") {
+          uploadFile(item);
+        }
+      });
+    };
+    function uploadFile(item) {
+      const formData = new FormData();
+      if (item.file) {
+        formData.append("file", item.file);
+      }
+      item.status = "uploading";
+      item.progress = 0;
+      const controller = new AbortController();
+      item.controller = controller;
+      props.uploadRequest({
+        url: props.url,
+        params: props.params,
+        data: formData,
+        signal: controller.signal,
+        onUploadProgress: function(progressEvent) {
+          item.progress = Math.round(progressEvent.loaded / progressEvent.total * 100);
+        }
+      }).then((res) => {
+        item.status = "success";
+        res.data.domuuid = uuid();
+        uploadResultList.push(res.data);
+      }).catch((error) => {
+        if (error.name == "AbortError" || error.name == "CanceledError") {
+          item.status = "canceled";
+          item.error = "\u53D6\u6D88\u4E0A\u4F20";
+        } else {
+          item.status = "fail";
+          item.error = error.message;
+        }
+        return Promise.reject(error);
+      }).finally(() => {
+        if (isComplete()) {
+          props.uploadCompleteEvent(uploadResultList);
+          closeUploadDialog();
+        }
+      });
+    }
+    let isUploading = () => {
+      for (let i = 0; i < fileList.value.length; i++) {
+        if (fileList.value[i].status == "uploading") {
+          return true;
+        }
+      }
+      return false;
+    };
+    let isComplete = () => {
+      for (let i = 0; i < fileList.value.length; i++) {
+        const status = fileList.value[i].status;
+        if (status == "uploading" || status == "ready" || status == "fail" || status == "canceled") {
+          return false;
+        }
+      }
+      return true;
+    };
+    let hasReadyFile = () => {
+      for (let i = 0; i < fileList.value.length; i++) {
+        const status = fileList.value[i].status;
+        if (status == "ready" || status == "canceled") {
+          return true;
+        }
+      }
+      return false;
+    };
+    let closeEventHandler = () => {
+      if (fileList.value.length == 0) {
+        closeUploadDialog();
+        return;
+      }
+      if (isUploading()) {
+        const msg = reactive({
+          normal: {
+            title: "\u63D0\u793A",
+            message: "\u6587\u4EF6\u6B63\u5728\u4E0A\u4F20\u4E2D\uFF0C\u8BF7\u7A0D\u540E\u518D\u8BD5",
+            loading: false,
+            type: "primary"
+          }
+        });
+        MeMessage(msg);
+        return;
+      } else {
+        closeUploadDialog();
+      }
+    };
+    let closeUploadDialog = () => {
+      visible.value = false;
+      fileList.value.length = 0;
+      uploadResultList = [];
+      disabled.value = false;
+      emits("close");
+    };
+    return (_ctx, _cache) => {
+      const _component_el_text = resolveComponent("el-text");
+      return openBlock(), createBlock(unref(MeDialog), {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
+        "show-close": true,
+        onCloseEvent: unref(closeEventHandler),
+        title: unref(title),
+        width: "800"
+      }, {
+        "me-dialog-footer": withCtx(() => [
+          createVNode(unref(MeFlexBox), {
+            end: true,
+            style: { "justify-content": "space-between" }
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "footer"),
+              createElementVNode("div", _hoisted_9, [
+                createVNode(unref(ElButton), {
+                  loading: fileList.value.some((item) => item.status == "uploading"),
+                  type: "primary",
+                  onClick: unref(uploadQueue)
+                }, {
+                  default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                    createTextVNode(
+                      "\u4E0A\u4F20",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["loading", "onClick"])
+              ])
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(ElUpload), {
+            ref: "uploadRef",
+            class: "upload-demo",
+            drag: "",
+            disabled: unref(disabled),
+            multiple: unref(multiple),
+            maxCount: props.maxCount,
+            accept: accept.value,
+            "auto-upload": false,
+            "show-file-list": false,
+            "on-change": onChangeHandler
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(MeSvgIcon), {
+                name: "ri-upload-cloud-line",
+                style: { "font-size": "50px" }
+              }),
+              createElementVNode("div", _hoisted_1, [
+                _cache[3] || (_cache[3] = createElementVNode(
+                  "div",
+                  { class: "text-sm mt-4 font-bold" },
+                  "\u70B9\u51FB\u6216\u62D6\u52A8\u6587\u4EF6\u5230\u6B64\u5904\u4E0A\u4F20",
+                  -1
+                  /* CACHED */
+                )),
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(tips.value, (item) => {
+                    return openBlock(), createElementBlock(
+                      "div",
+                      {
+                        class: "text-xs mt-4",
+                        key: item.name
+                      },
+                      " \u4E0A\u4F20\u6587\u4EF6\u652F\u6301 " + toDisplayString(item.name) + " \u683C\u5F0F\uFF0C \u5E76\u4E14\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u5927\u4E8E " + toDisplayString(item.size),
+                      1
+                      /* TEXT */
+                    );
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled", "multiple", "maxCount", "accept"]),
+          createVNode(unref(VueDraggable), {
+            disabled: dragDisabled.value,
+            modelValue: fileList.value,
+            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => fileList.value = $event),
+            target: "tbody",
+            animation: 150
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(ElTable), {
+                onCellMouseEnter: cellMouseEnter,
+                onCellMouseLeave: _cache[0] || (_cache[0] = ($event) => dragDisabled.value = true),
+                data: fileList.value,
+                class: "me-table mt-4"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ElTableColumn), {
+                    prop: "image",
+                    label: "\u7F29\u7565\u56FE",
+                    width: "80"
+                  }, {
+                    default: withCtx((scope) => [
+                      createVNode(unref(ElImage), {
+                        shape: "square",
+                        style: { "vertical-align": "middle", "width": "50px", "height": "50px" },
+                        src: scope.row.image
+                      }, null, 8, ["src"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElTableColumn), {
+                    prop: "name",
+                    label: "\u6587\u4EF6\u540D"
+                  }, {
+                    default: withCtx((scope) => [
+                      createVNode(
+                        _component_el_text,
+                        { truncated: "" },
+                        {
+                          default: withCtx(() => [
+                            createTextVNode(
+                              toDisplayString(scope.row.name),
+                              1
+                              /* TEXT */
+                            )
+                          ]),
+                          _: 2
+                          /* DYNAMIC */
+                        },
+                        1024
+                        /* DYNAMIC_SLOTS */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElTableColumn), {
+                    prop: "size",
+                    label: "\u5927\u5C0F",
+                    width: "100"
+                  }, {
+                    default: withCtx((scope) => [
+                      createElementVNode(
+                        "span",
+                        _hoisted_2,
+                        toDisplayString(scope.row.size),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElTableColumn), {
+                    prop: "status",
+                    label: "\u72B6\u6001",
+                    width: "150"
+                  }, {
+                    default: withCtx((scope) => [
+                      scope.row.status == "ready" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                        createVNode(unref(ElTag), {
+                          type: "primary",
+                          effect: "plain"
+                        }, {
+                          default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                            createTextVNode(
+                              "\u5F85\u4E0A\u4F20 ",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])) : createCommentVNode("v-if", true),
+                      createCommentVNode(" \u4E0A\u4F20\u8FDB\u5EA6\u6761 "),
+                      scope.row.status == "uploading" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                        createVNode(unref(ElProgress), {
+                          percentage: scope.row.progress,
+                          "stroke-width": 15,
+                          striped: "",
+                          "striped-flow": "",
+                          "text-inside": true
+                        }, null, 8, ["percentage"])
+                      ])) : createCommentVNode("v-if", true),
+                      scope.row.status == "success" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                        createVNode(unref(ElTag), { type: "success" }, {
+                          default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                            createTextVNode(
+                              "\u4E0A\u4F20\u6210\u529F ",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])) : createCommentVNode("v-if", true),
+                      scope.row.status == "fail" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                        createVNode(unref(ElTag), { type: "danger" }, {
+                          default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                            createTextVNode(
+                              "\u4E0A\u4F20\u5931\u8D25 ",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])) : createCommentVNode("v-if", true),
+                      scope.row.status == "canceled" ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                        createVNode(unref(ElTag), { type: "danger" }, {
+                          default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                            createTextVNode(
+                              "\u5DF2\u53D6\u6D88",
+                              -1
+                              /* CACHED */
+                            )
+                          ])]),
+                          _: 1
+                          /* STABLE */
+                        })
+                      ])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElTableColumn), {
+                    prop: "",
+                    label: "\u64CD\u4F5C",
+                    width: "80"
+                  }, {
+                    default: withCtx(({ row }) => [
+                      row.status !== "uploading" ? (openBlock(), createBlock(unref(ElButton), {
+                        key: 0,
+                        link: "",
+                        onClick: ($event) => removeItemHandler(row)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(MeSvgIcon), { name: "ri-delete-bin-line" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+                      row.status === "uploading" ? (openBlock(), createBlock(unref(ElButton), {
+                        key: 1,
+                        link: "",
+                        type: "danger",
+                        onClick: ($event) => row.controller.abort()
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(MeSvgIcon), { name: "ri-close-line" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+                      row.status === "canceled" ? (openBlock(), createBlock(unref(ElButton), {
+                        key: 2,
+                        link: "",
+                        type: "primary",
+                        onClick: ($event) => handleReUpload(row)
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(MeSvgIcon), { name: "ri-reset-right-line" })
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  createVNode(unref(ElTableColumn), {
+                    width: "50px",
+                    label: ""
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_8, [
+                        createVNode(unref(MeSvgIcon), { name: "ri-draggable" })
+                      ])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["data"])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["disabled", "modelValue"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["modelValue", "onCloseEvent", "title"]);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=upload.vue2.mjs.map

package/es/upload/src/upload.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"upload.vue2.mjs","sources":["../../../src/upload/src/upload.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-upload\",\n});\n</script>\n<template>\n  <me-dialog v-model=\"visible\" :show-close=\"true\" @closeEvent=\"closeEventHandler\" :title=\"title\" width=\"800\">\n    <el-upload\n      ref=\"uploadRef\"\n      class=\"upload-demo\"\n      drag\n      :disabled=\"disabled\"\n      :multiple=\"multiple\"\n      :maxCount=\"props.maxCount\"\n      :accept=\"accept\"\n      :auto-upload=\"false\"\n      :show-file-list=\"false\"\n      :on-change=\"onChangeHandler\">\n      <me-svg-icon name=\"ri-upload-cloud-line\" style=\"font-size: 50px\" />\n      <div class=\"el-upload__text\">\n        <div class=\"text-sm mt-4 font-bold\">点击或拖动文件到此处上传</div>\n        <div class=\"text-xs mt-4\" v-for=\"item in tips\" :key=\"item.name\">\n          上传文件支持 {{ item.name }} 格式， 并且文件大小不能大于 {{ item.size }}\n        </div>\n      </div>\n    </el-upload>\n\n    <VueDraggable :disabled=\"dragDisabled\" v-model=\"fileList\" target=\"tbody\" :animation=\"150\">\n      <el-table @cell-mouse-enter=\"cellMouseEnter\" @cell-mouse-leave=\"dragDisabled = true\" :data=\"fileList\" class=\"me-table mt-4\">\n        <el-table-column prop=\"image\" label=\"缩略图\" width=\"80\">\n          <template #default=\"scope\">\n            <el-image shape=\"square\" style=\"vertical-align: middle; width: 50px; height: 50px\" :src=\"scope.row.image\" />\n          </template>\n        </el-table-column>\n\n        <el-table-column prop=\"name\" label=\"文件名\">\n          <template #default=\"scope\">\n            <el-text truncated>\n              {{ scope.row.name }}\n            </el-text>\n          </template>\n        </el-table-column>\n\n        <el-table-column prop=\"size\" label=\"大小\" width=\"100\">\n          <template #default=\"scope\">\n            <span class=\"text-sm\">\n              {{ scope.row.size }}\n            </span>\n          </template>\n        </el-table-column>\n\n        <el-table-column prop=\"status\" label=\"状态\" width=\"150\">\n          <template #default=\"scope\">\n            <div v-if=\"scope.row.status == 'ready'\">\n              <el-tag type=\"primary\" effect=\"plain\">待上传 </el-tag>\n            </div>\n            <!-- 上传进度条 -->\n            <div v-if=\"scope.row.status == 'uploading'\">\n              <el-progress :percentage=\"scope.row.progress\" :stroke-width=\"15\" striped striped-flow :text-inside=\"true\" />\n            </div>\n\n            <div v-if=\"scope.row.status == 'success'\">\n              <el-tag type=\"success\">上传成功 </el-tag>\n            </div>\n\n            <div v-if=\"scope.row.status == 'fail'\">\n              <el-tag type=\"danger\">上传失败 </el-tag>\n            </div>\n            <div v-if=\"scope.row.status == 'canceled'\">\n              <el-tag type=\"danger\">已取消</el-tag>\n            </div>\n          </template>\n        </el-table-column>\n\n        <el-table-column prop=\"\" label=\"操作\" width=\"80\">\n          <template #default=\"{ row }\">\n            <el-button v-if=\"row.status !== 'uploading'\" link @click=\"removeItemHandler(row)\">\n              <me-svg-icon name=\"ri-delete-bin-line\"></me-svg-icon>\n            </el-button>\n            <el-button v-if=\"row.status === 'uploading'\" link type=\"danger\" @click=\"row.controller.abort()\">\n              <me-svg-icon name=\"ri-close-line\"></me-svg-icon>\n            </el-button>\n            <el-button v-if=\"row.status === 'canceled'\" link type=\"primary\" @click=\"handleReUpload(row)\">\n              <me-svg-icon name=\"ri-reset-right-line\"></me-svg-icon>\n            </el-button>\n          </template>\n        </el-table-column>\n\n        <el-table-column width=\"50px\" label=\"\">\n          <template #default>\n            <div style=\"cursor: move\">\n              <me-svg-icon name=\"ri-draggable\"></me-svg-icon>\n            </div>\n          </template>\n        </el-table-column>\n      </el-table>\n    </VueDraggable>\n\n    <template #me-dialog-footer>\n      <me-flex-box :end=\"true\" style=\"justify-content: space-between\">\n        <slot name=\"footer\"></slot>\n        <div class=\"me-upload-button\">\n          <el-button :loading=\"fileList.some((item) => item.status == 'uploading')\" type=\"primary\" @click=\"uploadQueue\">上传</el-button>\n        </div>\n      </me-flex-box>\n    </template>\n  </me-dialog>\n</template>\n\n<script lang=\"ts\" setup>\nimport { reactive, ref, type Ref, watch, computed } from \"vue\"\nimport { ElMessage, ElButton, ElTable, ElTableColumn, ElUpload, ElTag, ElImage, ElProgress, type UploadFile } from \"element-plus\"\nimport { VueDraggable } from \"vue-draggable-plus\"\n\nimport type { UploadProps, UploadFileItem, ElUploadProps, UploadEmits } from \"./upload\"\nimport FileUploadRule from \"../../utils/upload/FileUploadRule\"\nimport { MeMessage } from \"../../message\"\nimport { uuid } from \"../../utils/uuid\"\nimport MeFlexBox from \"../../flex-box\"\nimport MeDialog from \"../../dialog\"\nimport MeSvgIcon from \"../../svg-icon\"\nimport { formatBytes, getFileThumbByFileName } from \"../../utils/file\"\n\n\n\nconst props = withDefaults(defineProps<UploadProps>(), {\n  uploadRequest: (data: any) => Promise.resolve(),\n  folderTreeList: () => [],\n  showClose: true,\n  multiple: true,\n  maxCount: 0, //0:不限制\n  title: \"上传\",\n  params: {},\n  rules: [] as any,\n  closeEvent: () => {},\n  uploadCompleteEvent: (data: any) => {},\n})\n\nconst emits = defineEmits<UploadEmits>()\n\nconst dragDisabled = ref(true)\nconst visible = defineModel<boolean>({ default: false })\n\nlet disabled = ref(false)\n\nconst tips = ref()\nconst accept = ref()\n\nlet title = computed(() => {\n  if (props.maxCount > 0) {\n    return `${props.title}(限制${props.maxCount}个文件)`\n  }\n  return props.title\n})\n\nlet multiple = computed(() => {\n  if (props.maxCount == 1) {\n    return false\n  }\n  return true\n})\n\n/**\n * 文件列表\n */\nconst fileList: Ref<UploadFileItem[]> = ref([])\n\n/**\n * 上传结果数据列表\n */\nlet uploadResultList: any[] = []\n\n/**\n * 文件上传规则\n */\nconst fileUploadRule = new FileUploadRule()\n\nconst cellMouseEnter = (row: any, column: any, cell: any, event: any) => {\n  if (column.label == \"\") {\n    dragDisabled.value = false\n  }\n}\n\nfileUploadRule.setChangeHandler(() => {\n  tips.value = fileUploadRule.getUploadTips()\n  accept.value = fileUploadRule.getAccept()\n})\n\nprops.rules.forEach((item: any) => {\n  fileUploadRule.add(item.name, item.size)\n})\n\nwatch(\n  () => props.rules,\n  (newVal, oldVal) => {\n    // 当myProp变化时，这个函数会被调用\n    fileUploadRule.clear()\n    newVal.forEach((item: any) => {\n      fileUploadRule.add(item.name, item.size)\n    })\n  }\n)\n\n/**\n * 删除文件\n */\nconst removeItemHandler = (item: any) => {\n  for (let i = 0; i < fileList.value.length; i++) {\n    if (fileList.value[i].file?.uid == item.file.uid) {\n      fileList.value.splice(i, 1)\n      disabled.value = false\n      break\n    }\n  }\n}\n\n/**\n * 选择文件\n */\nconst onChangeHandler: ElUploadProps[\"onChange\"] = (uploadFile: any, uploadFiles) => {\n  if (fileList.value.length >= props.maxCount && props.maxCount > 0) {\n    return\n  }\n  if (!fileUploadRule.check(uploadFile)) {\n    ElMessage.error(fileUploadRule.getErrorMessage())\n  } else {\n    let data: UploadFileItem = {\n      file: uploadFile.raw,\n      name: uploadFile.name,\n      size: formatBytes(uploadFile.size),\n      progress: 0,\n      status: \"ready\",\n      error: \"\",\n      image: \"\",\n    }\n    const reader = new FileReader() // 创建FileReader对象\n    reader.onload = function (e) {\n      if (data?.file?.type.startsWith(\"image/\")) {\n        data.image = e.target != null ? (e.target.result as string) : \"\"\n      } else {\n        data.image = getFileThumbByFileName(data.name)\n      }\n      if (props.maxCount == 0) {\n        fileList.value.push(data)\n      } else {\n        if (fileList.value.length < props.maxCount) {\n          fileList.value.push(data)\n        }\n        if (fileList.value.length >= props.maxCount) {\n          disabled.value = true\n        }\n      }\n    }\n    reader.readAsDataURL(uploadFile.raw)\n  }\n}\n\n/**\n * 上传队列\n */\nconst handleReUpload = (row: UploadFileItem) => {\n  uploadFile(row)\n}\n\n/**\n * 上传队列\n */\nlet uploadQueue = () => {\n  let data = reactive({\n    normal: {\n      title: \"提示\",\n      message: \"请添加要上传的文件\",\n      loading: false,\n      type: \"primary\",\n    },\n  })\n  if (!hasReadyFile()) {\n    MeMessage(data)\n    return\n  }\n  if (!props?.uploadRequest) {\n    data.normal.message = \"请配置上传请求方法\"\n    MeMessage(data)\n    return\n  }\n  fileList.value.forEach((item) => {\n    if (item.status == \"ready\" || item.status == \"canceled\") {\n      uploadFile(item)\n    }\n  })\n}\nfunction uploadFile(item: UploadFileItem) {\n  const formData = new FormData()\n  if (item.file) {\n    formData.append(\"file\", item.file)\n  }\n  item.status = \"uploading\"\n  item.progress = 0\n  const controller = new AbortController()\n  item.controller = controller\n  props.uploadRequest!({\n    url: props.url,\n    params: props.params,\n    data: formData,\n    signal: controller.signal,\n    onUploadProgress: function (progressEvent: any) {\n      item.progress = Math.round((progressEvent.loaded / progressEvent.total) * 100)\n    },\n  })\n    .then((res: any) => {\n      item.status = \"success\"\n      res.data.domuuid = uuid()\n      uploadResultList.push(res.data)\n    })\n    .catch((error: Error) => {\n      if (error.name == \"AbortError\" || error.name == \"CanceledError\") {\n        item.status = \"canceled\"\n        item.error = \"取消上传\"\n      } else {\n        item.status = \"fail\"\n        item.error = error.message\n      }\n      return Promise.reject(error)\n    })\n    .finally(() => {\n      if (isComplete()) {\n        props.uploadCompleteEvent(uploadResultList)\n        closeUploadDialog()\n      }\n    })\n}\n\n/**\n * 是否有文件正在上传\n */\nlet isUploading = () => {\n  for (let i = 0; i < fileList.value.length; i++) {\n    if (fileList.value[i].status == \"uploading\") {\n      return true\n    }\n  }\n  return false\n}\n\n/**\n * 是否上传完成\n */\nlet isComplete = () => {\n  for (let i = 0; i < fileList.value.length; i++) {\n    const status = fileList.value[i].status\n    if (status == \"uploading\" || status == \"ready\" || status == \"fail\" || status == \"canceled\") {\n      return false\n    }\n  }\n  return true\n}\n\n/**\n * 是否有待上传文件\n */\nlet hasReadyFile = () => {\n  for (let i = 0; i < fileList.value.length; i++) {\n    const status = fileList.value[i].status\n    if (status == \"ready\" || status == \"canceled\") {\n      return true\n    }\n  }\n  return false\n}\n\n/**\n * 右上角关闭图标事件\n */\nlet closeEventHandler = () => {\n  if (fileList.value.length == 0) {\n    closeUploadDialog()\n    return\n  }\n  if (isUploading()) {\n    const msg = reactive({\n      normal: {\n        title: \"提示\",\n        message: \"文件正在上传中，请稍后再试\",\n        loading: false,\n        type: \"primary\",\n      },\n    })\n    MeMessage(msg)\n    return\n  } else {\n    closeUploadDialog()\n  }\n}\n\n/**\n * 关闭上传对话框\n */\nlet closeUploadDialog = () => {\n  visible.value = false\n  fileList.value.length = 0\n  uploadResultList = []\n  disabled.value = false\n  emits(\"close\")\n}\n</script>\n"],"names":["__MACROS_defineComponent","_useModel","uploadFile","_createBlock","_unref","_createVNode","_renderSlot","_createElementVNode","_createElementBlock","_Fragment","_renderList","_toDisplayString","_withCtx","_createCommentVNode"],"mappings":"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"}

package/es/upload/style/index.css

@@ -0,0 +1 @@
+.tree-select .el-tree-node.is-hidden{display:none}.text-xs{font-size:.75rem;line-height:1rem}.mt-4{margin-top:1rem}.me-upload-button{justify-self:flex-end;width:100%;flex:1;margin-left:12px}

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

@@ -0,0 +1,10 @@
+import './index.css';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/button/style/index';
+import 'element-plus/es/components/table/style/index';
+import 'element-plus/es/components/table-column/style/index';
+import 'element-plus/es/components/upload/style/index';
+import 'element-plus/es/components/tag/style/index';
+import 'element-plus/es/components/image/style/index';
+import 'element-plus/es/components/tree-select/style/index';
+import 'element-plus/es/components/progress/style/index';

package/es/upload/style/index.mjs

@@ -0,0 +1,13 @@
+import './index.css';
+import 'element-plus/es/components/message/style/index';
+import 'element-plus/es/components/button/style/index';
+import 'element-plus/es/components/table/style/index';
+import 'element-plus/es/components/table-column/style/index';
+import 'element-plus/es/components/upload/style/index';
+import 'element-plus/es/components/tag/style/index';
+import 'element-plus/es/components/image/style/index';
+import 'element-plus/es/components/tree-select/style/index';
+import 'element-plus/es/components/progress/style/index';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/upload/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/es/upload/style/index.scss

@@ -0,0 +1,19 @@
+.tree-select {
+  .el-tree-node.is-hidden {
+    display: none;
+  }
+}
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.mt-4 {
+  margin-top: 1rem;
+}
+
+.me-upload-button {
+  justify-self: flex-end;
+  width: 100%;
+  flex: 1;
+  margin-left: 12px;
+}