kouxiangtang 0.0.40 → 0.0.42

package/dist/{AttachmentUploader-DkBTVZW9.js → AttachmentUploader-Dyv1eNxy.js}

@@ -1,8 +1,8 @@
-import { computed as M, ref as h, openBlock as p, createElementBlock as E, Fragment as I, createVNode as s, unref as l, normalizeClass as R, withModifiers as $, withCtx as r, createBlock as m, createTextVNode as j, createElementVNode as U, renderList as L, toDisplayString as S, createCommentVNode as q } from "vue";
-import { ElUpload as O, ElIcon as v, ElButton as W, ElDialog as G, ElForm as H, ElFormItem as J, ElInput as K, ElMessage as d, ElLoading as w } from "element-plus";
-import { _ as Q, i as X, p as Y, d as Z, j as ee, k as te } from "./index-BF3lUmGn.js";
+import { computed as $, ref as h, openBlock as u, createElementBlock as b, Fragment as k, createVNode as r, unref as s, normalizeClass as M, withModifiers as R, withCtx as i, createBlock as m, createTextVNode as j, createElementVNode as E, renderList as L, toDisplayString as O, createCommentVNode as S } from "vue";
+import { ElUpload as q, ElIcon as w, ElButton as W, ElDialog as G, ElForm as H, ElFormItem as J, ElInput as K, ElMessage as p, ElLoading as v } from "element-plus";
+import { _ as Q, i as X, p as Y, d as Z, j as ee, k as te } from "./index-0gkLO2iI.js";
 import "./el-progress-l0sNRNKZ.js";
-const ae = ["src"], le = { class: "file-type" }, ne = {
+const ae = ["src"], se = { class: "file-type" }, ne = {
   __name: "AttachmentUploader",
   props: {
     pics: {
@@ -26,8 +26,8 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
     }
   },
   emits: ["on-success", "on-remove", "on-change"],
-  setup(C, { emit: V }) {
-    const f = V, n = C, g = M(() => n.pics.map((e) => {
+  setup(U, { emit: C }) {
+    const f = C, n = U, g = $(() => n.pics.map((e) => {
       const t = e.url.substring(e.url.lastIndexOf(".") + 1);
       if (typeof e.name !== void 0)
         return e.fileType = t, e;
@@ -44,14 +44,14 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
     h(n);
     const x = X().fileUploadUrl;
     `${localStorage.getItem("token")}`;
-    const b = (e) => {
+    const V = (e) => {
       const t = new FileReader();
-      return t.readAsDataURL(e), new Promise(function(a, i) {
+      return t.readAsDataURL(e), new Promise(function(a, l) {
         return e.type.startsWith("image/") ? (t.onload = async (o) => {
-          const u = new Image();
-          u.src = o.target.result, u.onload = () => {
+          const d = new Image();
+          d.src = o.target.result, d.onload = () => {
             const c = document.createElement("canvas"), z = c.getContext("2d");
-            c.width = u.width, c.height = u.height, z.drawImage(u, 0, 0, c.width, c.height), c.toBlob(
+            c.width = d.width, c.height = d.height, z.drawImage(d, 0, 0, c.width, c.height), c.toBlob(
               (A) => {
                 const P = new File([A], e.name, {
                   type: e.type,
@@ -65,24 +65,30 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
           };
         }, !1) : (a(e), !1);
       });
-    }, k = (e) => {
-      f("on-remove", e);
+    }, I = (e) => {
+      e.status === "success" && f("on-remove", e);
     }, T = () => {
-      d({
+      p({
         message: `最多只能上传 ${n.props.limit} 个文件！`,
         type: "warning"
       });
     }, B = (e) => {
       _.value = e.url, y.value = !0;
-    }, F = (e) => {
-      b(e).then((t) => t.size / 1024 / 1024 < 5 ? (N(t), !1) : (d({
+    }, N = (e) => {
+      const t = e.name.substring(0, e.name.lastIndexOf("."));
+      if (!/^[\u4e00-\u9fa5\w-_]+$/.test(t))
+        return p({
+          message: "请勿输入特殊字符！",
+          type: "warning"
+        }), !1;
+      V(e).then((l) => l.size / 1024 / 1024 < 5 ? (F(l), !1) : (p({
         message: "上传大小不能超过 5MB!",
         type: "warning"
       }), !1));
     };
     function D(e, t) {
       if (!e.name) {
-        d({
+        p({
           message: "附件名称不能为空！",
           type: "warning"
         });
@@ -90,56 +96,56 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
       }
       f("on-change", e);
     }
-    function N(e) {
-      return w.service({ text: "上传中，请稍后", background: "rgba(0,0,0,0.3)" }), new Promise((t, a) => {
-        const i = new FormData();
-        i.append("file", e), te.post(x, i, {}).then((o) => (w.service().close(), d({
+    function F(e) {
+      return v.service({ text: "上传中，请稍后", background: "rgba(0,0,0,0.3)" }), new Promise((t, a) => {
+        const l = new FormData();
+        l.append("file", e), te.post(x, l, {}).then((o) => (v.service().close(), p({
           message: "上传成功",
           type: "success"
         }), f("on-success", o.data.data), t(o.data), !1)).catch(() => {
-          w.service().close(), d({
+          v.service().close(), p({
             message: "上传失败",
             type: "warning"
           }), a("Upload failed");
         });
       });
     }
-    return (e, t) => (p(), E(I, null, [
-      s(l(O), {
+    return (e, t) => (u(), b(k, null, [
+      r(s(q), {
         "file-list": g.value,
-        action: l(x),
+        action: s(x),
         limit: n.props.limit,
         accept: n.props.accept,
         "list-type": n.props.listType,
-        "on-remove": k,
-        "before-upload": F,
+        "on-remove": I,
+        "before-upload": N,
         "on-exceed": T,
         "on-preview": B,
         multiple: !0,
         "http-request": () => !1,
         "show-file-list": n.props.listType !== "text",
-        class: R([
+        class: M([
           "upload-main",
           { "disable-upload": g.value.length >= n.props.limit }
         ]),
-        onClick: t[0] || (t[0] = $(() => {
+        onClick: t[0] || (t[0] = R(() => {
         }, ["prevent"]))
       }, {
-        default: r(() => [
-          n.props.listType !== "text" ? (p(), m(l(v), {
+        default: i(() => [
+          n.props.listType !== "text" ? (u(), m(s(w), {
             key: 0,
             disabled: !0
           }, {
-            default: r(() => [
-              s(l(Y))
+            default: i(() => [
+              r(s(Y))
             ]),
             _: 1
-          })) : (p(), m(l(W), {
+          })) : (u(), m(s(W), {
             key: 1,
             class: "upload-button",
             type: "primary"
           }, {
-            default: r(() => [
+            default: i(() => [
               j(" 上传附件 ")
             ]),
             _: 1
@@ -147,12 +153,12 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
         ]),
         _: 1
       }, 8, ["file-list", "action", "limit", "accept", "list-type", "show-file-list", "class"]),
-      s(l(G), {
+      r(s(G), {
         modelValue: y.value,
         "onUpdate:modelValue": t[1] || (t[1] = (a) => y.value = a)
       }, {
-        default: r(() => [
-          U("img", {
+        default: i(() => [
+          E("img", {
             "w-full": "",
             src: _.value,
             alt: "Preview Image"
@@ -160,35 +166,35 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      n.props.listType == "text" ? (p(), m(l(H), { key: 0 }, {
-        default: r(() => [
-          (p(!0), E(I, null, L(g.value, (a, i) => (p(), m(l(J), {
-            key: i,
+      n.props.listType == "text" ? (u(), m(s(H), { key: 0 }, {
+        default: i(() => [
+          (u(!0), b(k, null, L(g.value, (a, l) => (u(), m(s(J), {
+            key: l,
             class: "file-list"
           }, {
-            default: r(() => [
-              s(l(v), {
+            default: i(() => [
+              r(s(w), {
                 color: "#73767a",
                 size: 14
               }, {
-                default: r(() => [
-                  s(l(Z))
+                default: i(() => [
+                  r(s(Z))
                 ]),
                 _: 1
               }),
-              s(l(K), {
+              r(s(K), {
                 modelValue: a.name,
                 "onUpdate:modelValue": (o) => a.name = o,
                 onChange: (o) => D(a)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
-              U("span", le, "." + S(a.fileType), 1),
-              s(l(v), {
+              E("span", se, "." + O(a.fileType), 1),
+              r(s(w), {
                 color: "#73767a",
                 size: 12,
-                onClick: (o) => k(a)
+                onClick: (o) => I(a)
               }, {
-                default: r(() => [
-                  s(l(ee))
+                default: i(() => [
+                  r(s(ee))
                 ]),
                 _: 2
               }, 1032, ["onClick"])
@@ -197,11 +203,11 @@ const ae = ["src"], le = { class: "file-type" }, ne = {
           }, 1024))), 128))
         ]),
         _: 1
-      })) : q("", !0)
+      })) : S("", !0)
     ], 64));
   }
-}, ce = /* @__PURE__ */ Q(ne, [["__scopeId", "data-v-c3169746"]]);
+}, ce = /* @__PURE__ */ Q(ne, [["__scopeId", "data-v-aa2fe0b2"]]);
 export {
   ce as default
 };
-//# sourceMappingURL=AttachmentUploader-DkBTVZW9.js.map
+//# sourceMappingURL=AttachmentUploader-Dyv1eNxy.js.map

package/dist/AttachmentUploader-Dyv1eNxy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentUploader-Dyv1eNxy.js","sources":["../src/framework/field/attachment/AttachmentUploader.vue"],"sourcesContent":["<script setup>\nimport {\n  ElUpload,\n  ElIcon,\n  ElDialog,\n  ElForm,\n  ElFormItem,\n  ElButton,\n  ElInput,\n} from \"element-plus\";\nimport axios from \"axios\";\nimport { getConfig } from \"../../config-loader\";\nimport { ref, computed } from \"vue\";\nimport { ElLoading, ElMessage } from \"element-plus\";\nimport { Plus, Document, Close } from \"@element-plus/icons-vue\";\n\nconst emit = defineEmits([\"on-success\", \"on-remove\", \"on-change\"]);\nconst props = defineProps({\n  pics: {\n    type: Array,\n    default() {\n      return [];\n    },\n  },\n  limit: { type: Number },\n  props: {\n    type: Object,\n    default() {\n      return {\n        listType: \"picture-card\", //'text' | 'picture' | 'picture-card'\n        limit: 5, //最多上传几个文件\n        accept: \"image/*\",\n      };\n    },\n  },\n});\n\nconst files = computed(() => {\n  return props.pics.map((item) => {\n    const fileType = item.url.substring(item.url.lastIndexOf(\".\") + 1);\n    if (typeof item.name !== undefined) {\n      item.fileType = fileType;\n      return item;\n    }\n\n    if (item.url) {\n      const parts = item.url.split(\"/\");\n      const namedItem = {\n        ...item,\n        name: parts[parts.length - 1],\n        fileType: fileType,\n      };\n      return namedItem;\n    }\n\n    return { ...item, name: item.id, fileType: fileType };\n  });\n});\nconst dialogImageUrl = ref(\"\");\nconst dialogVisible = ref(false);\nconst imageUrl = ref(props);\nconst uploadUrl = getConfig().fileUploadUrl;\nconst header = {\n  Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n};\nconst compressImg = (file) => {\n  const reader = new FileReader();\n  reader.readAsDataURL(file);\n\n  return new Promise(function (resolve, reject) {\n    if (!file.type.startsWith(\"image/\")) {\n      resolve(file);\n      return false;\n    }\n    reader.onload = async (e) => {\n      const img = new Image();\n      img.src = e.target.result;\n      img.onload = () => {\n        const canvas = document.createElement(\"canvas\");\n        const ctx = canvas.getContext(\"2d\");\n        canvas.width = img.width;\n        canvas.height = img.height;\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\n        canvas.toBlob(\n          (blob) => {\n            const newFile = new File([blob], file.name, {\n              type: file.type,\n              lastModified: Date.now(),\n            });\n            resolve(newFile);\n          },\n          file.type,\n          0.5,\n        );\n      };\n    };\n    return false;\n  });\n};\nconst handleRemoveSuccess = (uploadFile) => {\n  if (uploadFile.status === \"success\") {\n    emit(\"on-remove\", uploadFile);\n  }\n};\nconst handleExceed = () => {\n  ElMessage({\n    message: `最多只能上传 ${props.props.limit} 个文件！`,\n    type: \"warning\",\n  });\n};\nconst handlePictureCardPreview = (uploadFile) => {\n  dialogImageUrl.value = uploadFile.url;\n  dialogVisible.value = true;\n};\nconst handleBeforeUpload = (file) => {\n  const fileName = file.name.substring(0, file.name.lastIndexOf(\".\"));\n  const regex = /^[\\u4e00-\\u9fa5\\w-_]+$/;\n  if (!regex.test(fileName)) {\n    ElMessage({\n      message: \"请勿输入特殊字符！\",\n      type: \"warning\",\n    });\n    return false;\n  }\n  compressImg(file).then((newFile) => {\n    if (newFile.size / 1024 / 1024 < 5) {\n      uploadRequest(newFile);\n      return false;\n    } else {\n      ElMessage({\n        message: \"上传大小不能超过 5MB!\",\n        type: \"warning\",\n      });\n      return false;\n    }\n  });\n};\n\nfunction handleFileNameChange(file, index) {\n  if (!file.name) {\n    ElMessage({\n      message: \"附件名称不能为空！\",\n      type: \"warning\",\n    });\n    return;\n  }\n  emit(\"on-change\", file);\n}\n\nfunction uploadRequest(file) {\n  ElLoading.service({ text: \"上传中，请稍后\", background: \"rgba(0,0,0,0.3)\" });\n  return new Promise((resolve, reject) => {\n    const formData = new FormData();\n    formData.append(\"file\", file);\n    axios\n      .post(uploadUrl, formData, {})\n      .then((res) => {\n        ElLoading.service().close();\n        ElMessage({\n          message: \"上传成功\",\n          type: \"success\",\n        });\n        emit(\"on-success\", res.data.data);\n        resolve(res.data);\n        return false;\n      })\n      .catch(() => {\n        ElLoading.service().close();\n        ElMessage({\n          message: \"上传失败\",\n          type: \"warning\",\n        });\n        reject(\"Upload failed\");\n      });\n  });\n}\n</script>\n\n<template>\n  <!--  删除请求头加权限后请添加到组建中  :headers=\"header\"-->\n  <el-upload\n    :file-list=\"files\"\n    :action=\"uploadUrl\"\n    :limit=\"props.props.limit\"\n    :accept=\"props.props.accept\"\n    :list-type=\"props.props.listType\"\n    :on-remove=\"handleRemoveSuccess\"\n    :before-upload=\"handleBeforeUpload\"\n    :on-exceed=\"handleExceed\"\n    :on-preview=\"handlePictureCardPreview\"\n    :multiple=\"true\"\n    :http-request=\"\n      () => {\n        return false;\n      }\n    \"\n    :show-file-list=\"props.props.listType !== 'text'\"\n    :class=\"[\n      'upload-main',\n      { 'disable-upload': files.length >= props.props.limit },\n    ]\"\n    @click.prevent\n  >\n    <template v-if=\"props.props.listType !== 'text'\">\n      <el-icon :disabled=\"true\">\n        <Plus />\n      </el-icon>\n    </template>\n    <template v-else>\n      <el-button class=\"upload-button\" type=\"primary\"> 上传附件 </el-button>\n    </template>\n  </el-upload>\n  <el-dialog v-model=\"dialogVisible\">\n    <img w-full :src=\"dialogImageUrl\" alt=\"Preview Image\" />\n  </el-dialog>\n  <el-form v-if=\"props.props.listType == 'text'\">\n    <el-form-item v-for=\"(file, index) in files\" :key=\"index\" class=\"file-list\">\n      <el-icon color=\"#73767a\" :size=\"14\">\n        <Document />\n      </el-icon>\n      <el-input\n        v-model=\"file.name\"\n        @change=\"handleFileNameChange(file, index)\"\n      />\n      <span class=\"file-type\">.{{ file.fileType }}</span>\n      <el-icon color=\"#73767a\" :size=\"12\" @click=\"handleRemoveSuccess(file)\">\n        <Close />\n      </el-icon>\n    </el-form-item>\n  </el-form>\n</template>\n<style scoped lang=\"scss\">\n:deep(.el-upload-list) {\n  .el-upload-list__item-actions span {\n    margin-left: 20px;\n  }\n}\n\n.disable-upload {\n  :deep(.el-upload--picture-card) {\n    display: none !important;\n  }\n\n  :deep(.el-upload--text) {\n    display: none !important;\n  }\n\n  :deep(.el-upload--picture) {\n    display: none !important;\n  }\n}\n.upload-main {\n  flex-basis: 100%;\n}\n.file-list {\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n  .file-type {\n    height: 22px;\n    line-height: 22px;\n    margin-right: 5px;\n    background: #eeeeee;\n    border-radius: 4px;\n    font-size: 12px;\n    padding: 0 4px;\n  }\n  :deep(.el-form-item__content) {\n    display: contents;\n  }\n  :deep(.el-input__wrapper) {\n    margin: 0 5px;\n  }\n  :deep(.el-input__inner) {\n    height: 20px;\n    line-height: 20px;\n  }\n}\n</style>\n"],"names":["emit","__emit","props","__props","files","computed","item","fileType","parts","dialogImageUrl","ref","dialogVisible","uploadUrl","getConfig","compressImg","file","reader","resolve","reject","e","img","canvas","ctx","blob","newFile","handleRemoveSuccess","uploadFile","handleExceed","ElMessage","handlePictureCardPreview","handleBeforeUpload","fileName","uploadRequest","handleFileNameChange","index","ElLoading","formData","axios","res"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,UAAMA,IAAOC,GACPC,IAAQC,GAoBRC,IAAQC,EAAS,MACdH,EAAM,KAAK,IAAI,CAACI,MAAS;AAC9B,YAAMC,IAAWD,EAAK,IAAI,UAAUA,EAAK,IAAI,YAAY,GAAG,IAAI,CAAC;AACjE,UAAI,OAAOA,EAAK,SAAS;AACvB,eAAAA,EAAK,WAAWC,GACTD;AAGT,UAAIA,EAAK,KAAK;AACZ,cAAME,IAAQF,EAAK,IAAI,MAAM,GAAG;AAMhC,eALkB;AAAA,UAChB,GAAGA;AAAA,UACH,MAAME,EAAMA,EAAM,SAAS,CAAC;AAAA,UAC5B,UAAUD;AAAA,QAClB;AAAA,MAEK;AAED,aAAO,EAAE,GAAGD,GAAM,MAAMA,EAAK,IAAI,UAAUC;IAC/C,CAAG,CACF,GACKE,IAAiBC,EAAI,EAAE,GACvBC,IAAgBD,EAAI,EAAK;AACd,IAAAA,EAAIR,CAAK;AAC1B,UAAMU,IAAYC,EAAW,EAAC;AACf,IACY,gBAAa,QAAQ,OAAO;AAEvD,UAAMC,IAAc,CAACC,MAAS;AAC5B,YAAMC,IAAS,IAAI;AACnB,aAAAA,EAAO,cAAcD,CAAI,GAElB,IAAI,QAAQ,SAAUE,GAASC,GAAQ;AAC5C,eAAKH,EAAK,KAAK,WAAW,QAAQ,KAIlCC,EAAO,SAAS,OAAOG,MAAM;AAC3B,gBAAMC,IAAM,IAAI;AAChB,UAAAA,EAAI,MAAMD,EAAE,OAAO,QACnBC,EAAI,SAAS,MAAM;AACjB,kBAAMC,IAAS,SAAS,cAAc,QAAQ,GACxCC,IAAMD,EAAO,WAAW,IAAI;AAClC,YAAAA,EAAO,QAAQD,EAAI,OACnBC,EAAO,SAASD,EAAI,QACpBE,EAAI,UAAUF,GAAK,GAAG,GAAGC,EAAO,OAAOA,EAAO,MAAM,GACpDA,EAAO;AAAA,cACL,CAACE,MAAS;AACR,sBAAMC,IAAU,IAAI,KAAK,CAACD,CAAI,GAAGR,EAAK,MAAM;AAAA,kBAC1C,MAAMA,EAAK;AAAA,kBACX,cAAc,KAAK,IAAK;AAAA,gBACtC,CAAa;AACD,gBAAAE,EAAQO,CAAO;AAAA,cAChB;AAAA,cACDT,EAAK;AAAA,cACL;AAAA,YACV;AAAA,UACA;AAAA,QACA,GACW,OAzBLE,EAAQF,CAAI,GACL;AAAA,MAyBb,CAAG;AAAA,IACH,GACMU,IAAsB,CAACC,MAAe;AAC1C,MAAIA,EAAW,WAAW,aACxB1B,EAAK,aAAa0B,CAAU;AAAA,IAEhC,GACMC,IAAe,MAAM;AACzB,MAAAC,EAAU;AAAA,QACR,SAAS,UAAU1B,EAAM,MAAM,KAAK;AAAA,QACpC,MAAM;AAAA,MACV,CAAG;AAAA,IACH,GACM2B,IAA2B,CAACH,MAAe;AAC/C,MAAAjB,EAAe,QAAQiB,EAAW,KAClCf,EAAc,QAAQ;AAAA,IACxB,GACMmB,IAAqB,CAACf,MAAS;AACnC,YAAMgB,IAAWhB,EAAK,KAAK,UAAU,GAAGA,EAAK,KAAK,YAAY,GAAG,CAAC;AAElE,UAAI,CADU,yBACH,KAAKgB,CAAQ;AACtB,eAAAH,EAAU;AAAA,UACR,SAAS;AAAA,UACT,MAAM;AAAA,QACZ,CAAK,GACM;AAET,MAAAd,EAAYC,CAAI,EAAE,KAAK,CAACS,MAClBA,EAAQ,OAAO,OAAO,OAAO,KAC/BQ,EAAcR,CAAO,GACd,OAEPI,EAAU;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MACd,CAAO,GACM,GAEV;AAAA,IACH;AAEA,aAASK,EAAqBlB,GAAMmB,GAAO;AACzC,UAAI,CAACnB,EAAK,MAAM;AACd,QAAAa,EAAU;AAAA,UACR,SAAS;AAAA,UACT,MAAM;AAAA,QACZ,CAAK;AACD;AAAA,MACD;AACD,MAAA5B,EAAK,aAAae,CAAI;AAAA,IACxB;AAEA,aAASiB,EAAcjB,GAAM;AAC3B,aAAAoB,EAAU,QAAQ,EAAE,MAAM,WAAW,YAAY,kBAAiB,CAAE,GAC7D,IAAI,QAAQ,CAAClB,GAASC,MAAW;AACtC,cAAMkB,IAAW,IAAI;AACrB,QAAAA,EAAS,OAAO,QAAQrB,CAAI,GAC5BsB,GACG,KAAKzB,GAAWwB,GAAU,EAAE,EAC5B,KAAK,CAACE,OACLH,EAAU,UAAU,SACpBP,EAAU;AAAA,UACR,SAAS;AAAA,UACT,MAAM;AAAA,QAChB,CAAS,GACD5B,EAAK,cAAcsC,EAAI,KAAK,IAAI,GAChCrB,EAAQqB,EAAI,IAAI,GACT,GACR,EACA,MAAM,MAAM;AACX,UAAAH,EAAU,UAAU,SACpBP,EAAU;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAChB,CAAS,GACDV,EAAO,eAAe;AAAA,QAC9B,CAAO;AAAA,MACP,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{ImageUploader-CI5IMfbX.js → ImageUploader-Cfw1dJew.js}

@@ -1,6 +1,6 @@
 import { openBlock as t, createBlock as o, unref as e, withCtx as s, renderSlot as I, createElementVNode as v, createVNode as l, withModifiers as E, createCommentVNode as b } from "vue";
 import { ElUpload as x, ElImage as B, ElIcon as n, ElMessage as i, ElLoading as d } from "element-plus";
-import { _ as M, i as C, l as S, p as L, m as N, k as V } from "./index-BF3lUmGn.js";
+import { _ as M, i as C, l as S, p as L, m as N, k as V } from "./index-0gkLO2iI.js";
 import "./el-progress-l0sNRNKZ.js";
 const q = { class: "image-slot" }, z = {
   __name: "ImageUploader",
@@ -94,4 +94,4 @@ const q = { class: "image-slot" }, z = {
 export {
   P as default
 };
-//# sourceMappingURL=ImageUploader-CI5IMfbX.js.map
+//# sourceMappingURL=ImageUploader-Cfw1dJew.js.map

package/dist/{ImageUploader-CI5IMfbX.js.map → ImageUploader-Cfw1dJew.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader-CI5IMfbX.js","sources":["../src/framework/field/image/ImageUploader.vue"],"sourcesContent":["<script setup>\nimport { ElUpload, ElImage, ElIcon } from \"element-plus\";\nimport axios from \"axios\";\nimport { getConfig } from \"../../config-loader\";\nimport { ElLoading, ElMessage } from \"element-plus\";\nimport { Plus, Delete, Loading } from \"@element-plus/icons-vue\";\n\nconst emit = defineEmits([\"on-success\"]);\nconst props = defineProps({\n  imageUrl: { type: String },\n});\nconst uploadUrl = getConfig().imageUploadUrl;\nconst header = {\n  Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n};\nconst handleBeforeUpload = (uploadFile) => {\n  const isLt2M = uploadFile.size / 1024 / 1024 < 5;\n  if (!isLt2M) {\n    ElMessage({\n      message: \"上传大小不能超过 5MB!\",\n      type: \"warning\",\n    });\n    return false;\n  }\n};\nconst handleSuccess = (response) => {\n  emit(\"on-success\", response.data.imageUrl);\n};\n\nfunction deleteImageUrl() {\n  emit(\"on-success\", \"\");\n}\n\nfunction uploadRequest(file) {\n  ElLoading.service({ text: \"上传中，请稍后\", background: \"rgba(0,0,0,0.3)\" });\n  return new Promise((resolve, reject) => {\n    const formData = new FormData();\n    formData.append(\"image\", file.file);\n    axios\n      .post(uploadUrl, formData, {})\n      .then((res) => {\n        ElLoading.service().close();\n        ElMessage({\n          message: \"上传成功\",\n          type: \"success\",\n        });\n        resolve(res.data);\n      })\n      .catch(() => {\n        ElLoading.service().close();\n        ElMessage({\n          message: \"上传失败\",\n          type: \"warning\",\n        });\n        reject(\"Upload failed\");\n      });\n  });\n}\n</script>\n\n<template>\n  <!--  删除请求头加权限后请添加到组建中  :headers=\"header\"-->\n  <el-upload\n    class=\"image-uploader\"\n    :action=\"uploadUrl\"\n    name=\"image\"\n    :show-file-list=\"false\"\n    :on-success=\"handleSuccess\"\n    :before-upload=\"handleBeforeUpload\"\n    :http-request=\"uploadRequest\"\n  >\n    <slot />\n    <el-image\n      v-if=\"props.imageUrl\"\n      class=\"image\"\n      :src=\"props.imageUrl\"\n      fit=\"scale-down\"\n    >\n      <template #placeholder>\n        <div class=\"image-slot\">\n          <el-icon class=\"placeholder-icon\">\n            <Loading />\n          </el-icon>\n        </div>\n      </template>\n    </el-image>\n    <el-icon v-else class=\"uploader-icon\">\n      <Plus />\n    </el-icon>\n    <el-icon\n      v-if=\"props.imageUrl\"\n      class=\"delete-icon\"\n      @click.stop.prevent=\"deleteImageUrl\"\n    >\n      <Delete />\n    </el-icon>\n  </el-upload>\n</template>\n\n<style scoped lang=\"scss\">\n.image-uploader {\n  :deep(.el-upload) {\n    border: 1px dashed var(--el-border-color);\n    border-radius: 6px;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    transition: var(--el-transition-duration-fast);\n\n    &:hover {\n      border-color: var(--el-color-primary);\n    }\n  }\n\n  .image {\n    width: 146px;\n    height: 146px;\n\n    .placeholder-icon {\n      width: 146px;\n      height: 146px;\n      font-size: 30px;\n      color: #a7a7a7;\n    }\n  }\n\n  .uploader-icon {\n    font-size: 28px;\n    color: #8c939d;\n    width: 146px;\n    height: 146px;\n    text-align: center;\n  }\n\n  .delete-icon {\n    font-size: 20px;\n    color: #b7b4b4;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n}\n</style>\n"],"names":["emit","__emit","props","__props","uploadUrl","getConfig","handleBeforeUpload","uploadFile","ElMessage","handleSuccess","response","deleteImageUrl","uploadRequest","file","ElLoading","resolve","reject","formData","axios","res"],"mappings":";;;;;;;;;;;AAOA,UAAMA,IAAOC,GACPC,IAAQC,GAGRC,IAAYC,EAAW,EAAC;AACf,IACY,gBAAa,QAAQ,OAAO;AAEvD,UAAMC,IAAqB,CAACC,MAAe;AAEzC,UAAI,EADWA,EAAW,OAAO,OAAO,OAAO;AAE7C,eAAAC,EAAU;AAAA,UACR,SAAS;AAAA,UACT,MAAM;AAAA,QACZ,CAAK,GACM;AAAA,IAEX,GACMC,IAAgB,CAACC,MAAa;AAClC,MAAAV,EAAK,cAAcU,EAAS,KAAK,QAAQ;AAAA,IAC3C;AAEA,aAASC,IAAiB;AACxB,MAAAX,EAAK,cAAc,EAAE;AAAA,IACvB;AAEA,aAASY,EAAcC,GAAM;AAC3B,aAAAC,EAAU,QAAQ,EAAE,MAAM,WAAW,YAAY,kBAAiB,CAAE,GAC7D,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,cAAMC,IAAW,IAAI;AACrB,QAAAA,EAAS,OAAO,SAASJ,EAAK,IAAI,GAClCK,EACG,KAAKd,GAAWa,GAAU,EAAE,EAC5B,KAAK,CAACE,MAAQ;AACb,UAAAL,EAAU,UAAU,SACpBN,EAAU;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAChB,CAAS,GACDO,EAAQI,EAAI,IAAI;AAAA,QACxB,CAAO,EACA,MAAM,MAAM;AACX,UAAAL,EAAU,UAAU,SACpBN,EAAU;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAChB,CAAS,GACDQ,EAAO,eAAe;AAAA,QAC9B,CAAO;AAAA,MACP,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImageUploader-Cfw1dJew.js","sources":["../src/framework/field/image/ImageUploader.vue"],"sourcesContent":["<script setup>\nimport { ElUpload, ElImage, ElIcon } from \"element-plus\";\nimport axios from \"axios\";\nimport { getConfig } from \"../../config-loader\";\nimport { ElLoading, ElMessage } from \"element-plus\";\nimport { Plus, Delete, Loading } from \"@element-plus/icons-vue\";\n\nconst emit = defineEmits([\"on-success\"]);\nconst props = defineProps({\n  imageUrl: { type: String },\n});\nconst uploadUrl = getConfig().imageUploadUrl;\nconst header = {\n  Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\n};\nconst handleBeforeUpload = (uploadFile) => {\n  const isLt2M = uploadFile.size / 1024 / 1024 < 5;\n  if (!isLt2M) {\n    ElMessage({\n      message: \"上传大小不能超过 5MB!\",\n      type: \"warning\",\n    });\n    return false;\n  }\n};\nconst handleSuccess = (response) => {\n  emit(\"on-success\", response.data.imageUrl);\n};\n\nfunction deleteImageUrl() {\n  emit(\"on-success\", \"\");\n}\n\nfunction uploadRequest(file) {\n  ElLoading.service({ text: \"上传中，请稍后\", background: \"rgba(0,0,0,0.3)\" });\n  return new Promise((resolve, reject) => {\n    const formData = new FormData();\n    formData.append(\"image\", file.file);\n    axios\n      .post(uploadUrl, formData, {})\n      .then((res) => {\n        ElLoading.service().close();\n        ElMessage({\n          message: \"上传成功\",\n          type: \"success\",\n        });\n        resolve(res.data);\n      })\n      .catch(() => {\n        ElLoading.service().close();\n        ElMessage({\n          message: \"上传失败\",\n          type: \"warning\",\n        });\n        reject(\"Upload failed\");\n      });\n  });\n}\n</script>\n\n<template>\n  <!--  删除请求头加权限后请添加到组建中  :headers=\"header\"-->\n  <el-upload\n    class=\"image-uploader\"\n    :action=\"uploadUrl\"\n    name=\"image\"\n    :show-file-list=\"false\"\n    :on-success=\"handleSuccess\"\n    :before-upload=\"handleBeforeUpload\"\n    :http-request=\"uploadRequest\"\n  >\n    <slot />\n    <el-image\n      v-if=\"props.imageUrl\"\n      class=\"image\"\n      :src=\"props.imageUrl\"\n      fit=\"scale-down\"\n    >\n      <template #placeholder>\n        <div class=\"image-slot\">\n          <el-icon class=\"placeholder-icon\">\n            <Loading />\n          </el-icon>\n        </div>\n      </template>\n    </el-image>\n    <el-icon v-else class=\"uploader-icon\">\n      <Plus />\n    </el-icon>\n    <el-icon\n      v-if=\"props.imageUrl\"\n      class=\"delete-icon\"\n      @click.stop.prevent=\"deleteImageUrl\"\n    >\n      <Delete />\n    </el-icon>\n  </el-upload>\n</template>\n\n<style scoped lang=\"scss\">\n.image-uploader {\n  :deep(.el-upload) {\n    border: 1px dashed var(--el-border-color);\n    border-radius: 6px;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    transition: var(--el-transition-duration-fast);\n\n    &:hover {\n      border-color: var(--el-color-primary);\n    }\n  }\n\n  .image {\n    width: 146px;\n    height: 146px;\n\n    .placeholder-icon {\n      width: 146px;\n      height: 146px;\n      font-size: 30px;\n      color: #a7a7a7;\n    }\n  }\n\n  .uploader-icon {\n    font-size: 28px;\n    color: #8c939d;\n    width: 146px;\n    height: 146px;\n    text-align: center;\n  }\n\n  .delete-icon {\n    font-size: 20px;\n    color: #b7b4b4;\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n}\n</style>\n"],"names":["emit","__emit","props","__props","uploadUrl","getConfig","handleBeforeUpload","uploadFile","ElMessage","handleSuccess","response","deleteImageUrl","uploadRequest","file","ElLoading","resolve","reject","formData","axios","res"],"mappings":";;;;;;;;;;;AAOA,UAAMA,IAAOC,GACPC,IAAQC,GAGRC,IAAYC,EAAW,EAAC;AACf,IACY,gBAAa,QAAQ,OAAO;AAEvD,UAAMC,IAAqB,CAACC,MAAe;AAEzC,UAAI,EADWA,EAAW,OAAO,OAAO,OAAO;AAE7C,eAAAC,EAAU;AAAA,UACR,SAAS;AAAA,UACT,MAAM;AAAA,QACZ,CAAK,GACM;AAAA,IAEX,GACMC,IAAgB,CAACC,MAAa;AAClC,MAAAV,EAAK,cAAcU,EAAS,KAAK,QAAQ;AAAA,IAC3C;AAEA,aAASC,IAAiB;AACxB,MAAAX,EAAK,cAAc,EAAE;AAAA,IACvB;AAEA,aAASY,EAAcC,GAAM;AAC3B,aAAAC,EAAU,QAAQ,EAAE,MAAM,WAAW,YAAY,kBAAiB,CAAE,GAC7D,IAAI,QAAQ,CAACC,GAASC,MAAW;AACtC,cAAMC,IAAW,IAAI;AACrB,QAAAA,EAAS,OAAO,SAASJ,EAAK,IAAI,GAClCK,EACG,KAAKd,GAAWa,GAAU,EAAE,EAC5B,KAAK,CAACE,MAAQ;AACb,UAAAL,EAAU,UAAU,SACpBN,EAAU;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAChB,CAAS,GACDO,EAAQI,EAAI,IAAI;AAAA,QACxB,CAAO,EACA,MAAM,MAAM;AACX,UAAAL,EAAU,UAAU,SACpBN,EAAU;AAAA,YACR,SAAS;AAAA,YACT,MAAM;AAAA,UAChB,CAAS,GACDQ,EAAO,eAAe;AAAA,QAC9B,CAAO;AAAA,MACP,CAAG;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{ImagesUploader-DP3H4CgN.js → ImagesUploader-GcmvCM8e.js}

@@ -1,6 +1,6 @@
 import { ref as m, computed as I, openBlock as n, createElementBlock as k, createVNode as i, unref as o, normalizeClass as E, withModifiers as T, withCtx as r, createBlock as d, createTextVNode as V, createElementVNode as h } from "vue";
 import { ElUpload as U, ElIcon as B, ElButton as z, ElDialog as N, ElMessage as f } from "element-plus";
-import { _ as C, p as D } from "./index-BF3lUmGn.js";
+import { _ as C, p as D } from "./index-0gkLO2iI.js";
 import "./el-progress-l0sNRNKZ.js";
 const M = ["src"], q = {
   __name: "ImagesUploader",
@@ -118,4 +118,4 @@ const M = ["src"], q = {
 export {
   A as default
 };
-//# sourceMappingURL=ImagesUploader-DP3H4CgN.js.map
+//# sourceMappingURL=ImagesUploader-GcmvCM8e.js.map

package/dist/{ImagesUploader-DP3H4CgN.js.map → ImagesUploader-GcmvCM8e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ImagesUploader-DP3H4CgN.js","sources":["../src/framework/field/images/ImagesUploader.vue"],"sourcesContent":["<script setup>\nimport { ElUpload, ElDialog, ElIcon, ElButton } from \"element-plus\";\nimport { computed, ref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { Plus } from \"@element-plus/icons-vue\";\n\nconst emit = defineEmits([\"on-remove\", \"on-upload\"]);\nconst dialogImageUrl = ref(\"\");\nconst dialogVisible = ref(false);\nconst props = defineProps({\n  images: {\n    type: Array,\n    default() {\n      return [];\n    },\n  },\n  limit: { type: Number },\n  props: {\n    type: Object,\n    default() {\n      return {\n        listType: \"picture-card\",\n        limit: 5,\n        accept: \"image/*\",\n      };\n    },\n  },\n});\n\nconst files = computed(() => {\n  return props.images.map((item) => {\n    if (!item?.url) {\n      return { ...item, name: \"unknown\", fileType: \"unknown\" };\n    }\n\n    const fileType = item.url.substring(item.url.lastIndexOf(\".\") + 1);\n    const parts = item.url.split(\"/\");\n    const namedItem = {\n      ...item,\n      name: parts[parts.length - 1],\n      fileType,\n    };\n    return namedItem;\n  });\n});\n\nfunction onRemove(uploadFile) {\n  emit(\"on-remove\", uploadFile);\n}\n\nfunction onExceed() {\n  ElMessage({\n    message: `最多只能上传 ${props.props.limit} 个文件！`,\n    type: \"warning\",\n  });\n}\n\nfunction onPreview(uploadFile) {\n  dialogImageUrl.value = uploadFile.url;\n  dialogVisible.value = true;\n}\n\nfunction beforeUpload(uploadFile) {\n  const limitSize = 1024 * 1024 * 5;\n  if (uploadFile.size > limitSize) {\n    ElMessage({\n      message: \"上传大小不能超过 5MB!\",\n      type: \"warning\",\n    });\n    return false;\n  }\n\n  return true;\n}\n\nfunction httpRequest(uploadFile) {\n  const formData = new FormData();\n  formData.append(\"file\", uploadFile.file);\n  emit(\"on-upload\", formData);\n}\n</script>\n\n<template>\n  <div>\n    <el-upload\n      :file-list=\"files\"\n      :limit=\"props.props.limit\"\n      :accept=\"props.props.accept\"\n      :list-type=\"props.props.listType\"\n      :on-remove=\"onRemove\"\n      :on-exceed=\"onExceed\"\n      :on-preview=\"onPreview\"\n      :multiple=\"true\"\n      :before-upload=\"beforeUpload\"\n      :http-request=\"httpRequest\"\n      :show-file-list=\"props.props.listType !== 'text'\"\n      :class=\"[\n        'upload-main',\n        { 'disable-upload': files.length >= props.props.limit },\n      ]\"\n      @click.prevent\n    >\n      <template v-if=\"props.props.listType !== 'text'\">\n        <el-icon :disabled=\"true\">\n          <Plus />\n        </el-icon>\n      </template>\n      <template v-else>\n        <el-button class=\"upload-button\" type=\"primary\"> 上传附件 </el-button>\n      </template>\n    </el-upload>\n    <el-dialog v-model=\"dialogVisible\">\n      <img w-full :src=\"dialogImageUrl\" alt=\"Preview Image\" />\n    </el-dialog>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n:deep(.el-upload-list) {\n  .el-upload-list__item-actions span {\n    margin-left: 20px;\n  }\n}\n\n.disable-upload {\n  :deep(.el-upload--picture-card) {\n    display: none !important;\n  }\n\n  :deep(.el-upload--text) {\n    display: none !important;\n  }\n\n  :deep(.el-upload--picture) {\n    display: none !important;\n  }\n}\n.upload-main {\n  flex-basis: 100%;\n}\n.file-list {\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n  .file-type {\n    height: 22px;\n    line-height: 22px;\n    margin-right: 5px;\n    background: #eeeeee;\n    border-radius: 4px;\n    font-size: 12px;\n    padding: 0 4px;\n  }\n  :deep(.el-form-item__content) {\n    display: contents;\n  }\n  :deep(.el-input__wrapper) {\n    margin: 0 5px;\n  }\n  :deep(.el-input__inner) {\n    height: 20px;\n    line-height: 20px;\n  }\n}\n</style>\n"],"names":["emit","__emit","dialogImageUrl","ref","dialogVisible","props","__props","files","computed","item","fileType","parts","onRemove","uploadFile","onExceed","ElMessage","onPreview","beforeUpload","httpRequest","formData"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAOC,GACPC,IAAiBC,EAAI,EAAE,GACvBC,IAAgBD,EAAI,EAAK,GACzBE,IAAQC,GAoBRC,IAAQC,EAAS,MACdH,EAAM,OAAO,IAAI,CAACI,MAAS;AAChC,UAAI,EAACA,KAAA,QAAAA,EAAM;AACT,eAAO,EAAE,GAAGA,GAAM,MAAM,WAAW,UAAU;AAG/C,YAAMC,IAAWD,EAAK,IAAI,UAAUA,EAAK,IAAI,YAAY,GAAG,IAAI,CAAC,GAC3DE,IAAQF,EAAK,IAAI,MAAM,GAAG;AAMhC,aALkB;AAAA,QAChB,GAAGA;AAAA,QACH,MAAME,EAAMA,EAAM,SAAS,CAAC;AAAA,QAC5B,UAAAD;AAAA,MACN;AAAA,IAEA,CAAG,CACF;AAED,aAASE,EAASC,GAAY;AAC5B,MAAAb,EAAK,aAAaa,CAAU;AAAA,IAC9B;AAEA,aAASC,IAAW;AAClB,MAAAC,EAAU;AAAA,QACR,SAAS,UAAUV,EAAM,MAAM,KAAK;AAAA,QACpC,MAAM;AAAA,MACV,CAAG;AAAA,IACH;AAEA,aAASW,EAAUH,GAAY;AAC7B,MAAAX,EAAe,QAAQW,EAAW,KAClCT,EAAc,QAAQ;AAAA,IACxB;AAEA,aAASa,EAAaJ,GAAY;AAEhC,aAAIA,EAAW,OAAO,WACpBE,EAAU;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MACZ,CAAK,GACM,MAGF;AAAA,IACT;AAEA,aAASG,EAAYL,GAAY;AAC/B,YAAMM,IAAW,IAAI;AACrB,MAAAA,EAAS,OAAO,QAAQN,EAAW,IAAI,GACvCb,EAAK,aAAamB,CAAQ;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ImagesUploader-GcmvCM8e.js","sources":["../src/framework/field/images/ImagesUploader.vue"],"sourcesContent":["<script setup>\nimport { ElUpload, ElDialog, ElIcon, ElButton } from \"element-plus\";\nimport { computed, ref } from \"vue\";\nimport { ElMessage } from \"element-plus\";\nimport { Plus } from \"@element-plus/icons-vue\";\n\nconst emit = defineEmits([\"on-remove\", \"on-upload\"]);\nconst dialogImageUrl = ref(\"\");\nconst dialogVisible = ref(false);\nconst props = defineProps({\n  images: {\n    type: Array,\n    default() {\n      return [];\n    },\n  },\n  limit: { type: Number },\n  props: {\n    type: Object,\n    default() {\n      return {\n        listType: \"picture-card\",\n        limit: 5,\n        accept: \"image/*\",\n      };\n    },\n  },\n});\n\nconst files = computed(() => {\n  return props.images.map((item) => {\n    if (!item?.url) {\n      return { ...item, name: \"unknown\", fileType: \"unknown\" };\n    }\n\n    const fileType = item.url.substring(item.url.lastIndexOf(\".\") + 1);\n    const parts = item.url.split(\"/\");\n    const namedItem = {\n      ...item,\n      name: parts[parts.length - 1],\n      fileType,\n    };\n    return namedItem;\n  });\n});\n\nfunction onRemove(uploadFile) {\n  emit(\"on-remove\", uploadFile);\n}\n\nfunction onExceed() {\n  ElMessage({\n    message: `最多只能上传 ${props.props.limit} 个文件！`,\n    type: \"warning\",\n  });\n}\n\nfunction onPreview(uploadFile) {\n  dialogImageUrl.value = uploadFile.url;\n  dialogVisible.value = true;\n}\n\nfunction beforeUpload(uploadFile) {\n  const limitSize = 1024 * 1024 * 5;\n  if (uploadFile.size > limitSize) {\n    ElMessage({\n      message: \"上传大小不能超过 5MB!\",\n      type: \"warning\",\n    });\n    return false;\n  }\n\n  return true;\n}\n\nfunction httpRequest(uploadFile) {\n  const formData = new FormData();\n  formData.append(\"file\", uploadFile.file);\n  emit(\"on-upload\", formData);\n}\n</script>\n\n<template>\n  <div>\n    <el-upload\n      :file-list=\"files\"\n      :limit=\"props.props.limit\"\n      :accept=\"props.props.accept\"\n      :list-type=\"props.props.listType\"\n      :on-remove=\"onRemove\"\n      :on-exceed=\"onExceed\"\n      :on-preview=\"onPreview\"\n      :multiple=\"true\"\n      :before-upload=\"beforeUpload\"\n      :http-request=\"httpRequest\"\n      :show-file-list=\"props.props.listType !== 'text'\"\n      :class=\"[\n        'upload-main',\n        { 'disable-upload': files.length >= props.props.limit },\n      ]\"\n      @click.prevent\n    >\n      <template v-if=\"props.props.listType !== 'text'\">\n        <el-icon :disabled=\"true\">\n          <Plus />\n        </el-icon>\n      </template>\n      <template v-else>\n        <el-button class=\"upload-button\" type=\"primary\"> 上传附件 </el-button>\n      </template>\n    </el-upload>\n    <el-dialog v-model=\"dialogVisible\">\n      <img w-full :src=\"dialogImageUrl\" alt=\"Preview Image\" />\n    </el-dialog>\n  </div>\n</template>\n<style scoped lang=\"scss\">\n:deep(.el-upload-list) {\n  .el-upload-list__item-actions span {\n    margin-left: 20px;\n  }\n}\n\n.disable-upload {\n  :deep(.el-upload--picture-card) {\n    display: none !important;\n  }\n\n  :deep(.el-upload--text) {\n    display: none !important;\n  }\n\n  :deep(.el-upload--picture) {\n    display: none !important;\n  }\n}\n.upload-main {\n  flex-basis: 100%;\n}\n.file-list {\n  display: flex;\n  align-items: center;\n  margin-top: 10px;\n  .file-type {\n    height: 22px;\n    line-height: 22px;\n    margin-right: 5px;\n    background: #eeeeee;\n    border-radius: 4px;\n    font-size: 12px;\n    padding: 0 4px;\n  }\n  :deep(.el-form-item__content) {\n    display: contents;\n  }\n  :deep(.el-input__wrapper) {\n    margin: 0 5px;\n  }\n  :deep(.el-input__inner) {\n    height: 20px;\n    line-height: 20px;\n  }\n}\n</style>\n"],"names":["emit","__emit","dialogImageUrl","ref","dialogVisible","props","__props","files","computed","item","fileType","parts","onRemove","uploadFile","onExceed","ElMessage","onPreview","beforeUpload","httpRequest","formData"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAOC,GACPC,IAAiBC,EAAI,EAAE,GACvBC,IAAgBD,EAAI,EAAK,GACzBE,IAAQC,GAoBRC,IAAQC,EAAS,MACdH,EAAM,OAAO,IAAI,CAACI,MAAS;AAChC,UAAI,EAACA,KAAA,QAAAA,EAAM;AACT,eAAO,EAAE,GAAGA,GAAM,MAAM,WAAW,UAAU;AAG/C,YAAMC,IAAWD,EAAK,IAAI,UAAUA,EAAK,IAAI,YAAY,GAAG,IAAI,CAAC,GAC3DE,IAAQF,EAAK,IAAI,MAAM,GAAG;AAMhC,aALkB;AAAA,QAChB,GAAGA;AAAA,QACH,MAAME,EAAMA,EAAM,SAAS,CAAC;AAAA,QAC5B,UAAAD;AAAA,MACN;AAAA,IAEA,CAAG,CACF;AAED,aAASE,EAASC,GAAY;AAC5B,MAAAb,EAAK,aAAaa,CAAU;AAAA,IAC9B;AAEA,aAASC,IAAW;AAClB,MAAAC,EAAU;AAAA,QACR,SAAS,UAAUV,EAAM,MAAM,KAAK;AAAA,QACpC,MAAM;AAAA,MACV,CAAG;AAAA,IACH;AAEA,aAASW,EAAUH,GAAY;AAC7B,MAAAX,EAAe,QAAQW,EAAW,KAClCT,EAAc,QAAQ;AAAA,IACxB;AAEA,aAASa,EAAaJ,GAAY;AAEhC,aAAIA,EAAW,OAAO,WACpBE,EAAU;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MACZ,CAAK,GACM,MAGF;AAAA,IACT;AAEA,aAASG,EAAYL,GAAY;AAC/B,YAAMM,IAAW,IAAI;AACrB,MAAAA,EAAS,OAAO,QAAQN,EAAW,IAAI,GACvCb,EAAK,aAAamB,CAAQ;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{RichTextEditor-CmWUYWbU.js → RichTextEditor-q1NyOWsk.js}

@@ -1,7 +1,7 @@
 import { defineComponent as tn, onMounted as rn, onBeforeUnmount as nn, ref as $r, watch as Ir, nextTick as Gr, h as an, openBlock as on, createBlock as sn, unref as un } from "vue";
 import * as Dr from "quill";
 import Pr from "quill";
-import { n as W, o as ln, k as fn, i as cn } from "./index-BF3lUmGn.js";
+import { n as W, o as ln, k as fn, i as cn } from "./index-0gkLO2iI.js";
 import hn from "quill-image-uploader";
 var ue = -1, ne = 1, Z = 0;
 function it(r, a, n, u) {
@@ -1774,4 +1774,4 @@ const qr = {
 export {
   Pn as default
 };
-//# sourceMappingURL=RichTextEditor-CmWUYWbU.js.map
+//# sourceMappingURL=RichTextEditor-q1NyOWsk.js.map