kouxiangtang 0.1.67 → 0.1.69

package/dist/{AttachmentUploader-BY2VmOGE.js → AttachmentUploader-CGIxhZSf.js}

@@ -1,6 +1,6 @@
-import { computed as F, ref as y, openBlock as c, createElementBlock as k, Fragment as E, createVNode as r, unref as n, normalizeClass as M, withModifiers as R, withCtx as i, createBlock as f, createTextVNode as j, createElementVNode as U, renderList as L, toDisplayString as O, createCommentVNode as S } from "vue";
+import { computed as F, ref as y, openBlock as c, createElementBlock as k, Fragment as E, createVNode as r, unref as n, normalizeClass as M, withModifiers as R, withCtx as i, createBlock as f, createTextVNode as L, createElementVNode as U, renderList as O, toDisplayString as S, createCommentVNode as j } from "vue";
 import { ElUpload as q, ElIcon as v, ElButton as W, ElDialog as G, ElForm as H, ElFormItem as J, ElInput as K, ElMessage as u, ElLoading as w } from "element-plus";
-import { _ as Q, j as X, p as Y, d as Z, k as ee, h as te, m as ae } from "./index-DNFSi8-n.js";
+import { _ as Q, k as X, p as Y, a as Z, m as ee, h as te, n as ae } from "./index-37PxYvCK.js";
 import "./el-progress-l0sNRNKZ.js";
 const se = ["src"], ne = { class: "file-type" }, le = {
   __name: "AttachmentUploader",
@@ -158,7 +158,7 @@ const se = ["src"], ne = { class: "file-type" }, le = {
             type: "primary"
           }, {
             default: i(() => [
-              j(" 上传附件 ")
+              L(" 上传附件 ")
             ]),
             _: 1
           }))
@@ -180,7 +180,7 @@ const se = ["src"], ne = { class: "file-type" }, le = {
       }, 8, ["modelValue"]),
       s.props.listType == "text" ? (c(), f(n(H), { key: 0 }, {
         default: i(() => [
-          (c(!0), k(E, null, L(g.value, (a, l) => (c(), f(n(J), {
+          (c(!0), k(E, null, O(g.value, (a, l) => (c(), f(n(J), {
             key: l,
             class: "file-list"
           }, {
@@ -199,7 +199,7 @@ const se = ["src"], ne = { class: "file-type" }, le = {
                 "onUpdate:modelValue": (o) => a.name = o,
                 onChange: (o) => D(a)
               }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"]),
-              U("span", ne, "." + O(a.fileType), 1),
+              U("span", ne, "." + S(a.fileType), 1),
               r(n(v), {
                 color: "#73767a",
                 size: 12,
@@ -215,11 +215,11 @@ const se = ["src"], ne = { class: "file-type" }, le = {
           }, 1024))), 128))
         ]),
         _: 1
-      })) : S("", !0)
+      })) : j("", !0)
     ], 64));
   }
 }, ce = /* @__PURE__ */ Q(le, [["__scopeId", "data-v-6589fe18"]]);
 export {
   ce as default
 };
-//# sourceMappingURL=AttachmentUploader-BY2VmOGE.js.map
+//# sourceMappingURL=AttachmentUploader-CGIxhZSf.js.map

package/dist/{AttachmentUploader-BY2VmOGE.js.map → AttachmentUploader-CGIxhZSf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AttachmentUploader-BY2VmOGE.js","sources":["../src/framework/field/attachment/AttachmentUploader.vue"],"sourcesContent":["<script setup>\r\nimport {\r\n  ElUpload,\r\n  ElIcon,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElButton,\r\n  ElInput,\r\n} from \"element-plus\";\r\nimport axios from \"axios\";\r\nimport http from \"../../utils/http\";\r\nimport { getConfig } from \"../../config-loader\";\r\nimport { ref, computed } from \"vue\";\r\nimport { ElLoading, ElMessage } from \"element-plus\";\r\nimport { Plus, Document, Close } from \"@element-plus/icons-vue\";\r\n\r\nconst emit = defineEmits([\"on-success\", \"on-remove\", \"on-change\"]);\r\nconst props = defineProps({\r\n  pics: {\r\n    type: Array,\r\n    default() {\r\n      return [];\r\n    },\r\n  },\r\n  limit: { type: Number },\r\n  props: {\r\n    type: Object,\r\n    default() {\r\n      return {\r\n        listType: \"picture-card\", //'text' | 'picture' | 'picture-card'\r\n        limit: 5, //最多上传几个文件\r\n        accept: \"image/*\",\r\n      };\r\n    },\r\n  },\r\n});\r\n\r\nconst files = computed(() => {\r\n  return props.pics.map((item) => {\r\n    const fileType = item.url.substring(item.url.lastIndexOf(\".\") + 1);\r\n    if (typeof item.name !== undefined) {\r\n      item.fileType = fileType;\r\n      return item;\r\n    }\r\n\r\n    if (item.url) {\r\n      const parts = item.url.split(\"/\");\r\n      const namedItem = {\r\n        ...item,\r\n        name: parts[parts.length - 1],\r\n        fileType: fileType,\r\n      };\r\n      return namedItem;\r\n    }\r\n\r\n    return { ...item, name: item.id, fileType: fileType };\r\n  });\r\n});\r\nconst dialogImageUrl = ref(\"\");\r\nconst dialogVisible = ref(false);\r\nconst imageUrl = ref(props);\r\nconst uploadUrl = getConfig().fileUploadUrl;\r\nconst header = {\r\n  Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n};\r\nconst compressImg = (file) => {\r\n  const reader = new FileReader();\r\n  reader.readAsDataURL(file);\r\n\r\n  return new Promise(function (resolve, reject) {\r\n    if (!file.type.startsWith(\"image/\")) {\r\n      resolve(file);\r\n      return false;\r\n    }\r\n    reader.onload = async (e) => {\r\n      const img = new Image();\r\n      img.src = e.target.result;\r\n      img.onload = () => {\r\n        const canvas = document.createElement(\"canvas\");\r\n        const ctx = canvas.getContext(\"2d\");\r\n        canvas.width = img.width;\r\n        canvas.height = img.height;\r\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\r\n        canvas.toBlob(\r\n          (blob) => {\r\n            const newFile = new File([blob], file.name, {\r\n              type: file.type,\r\n              lastModified: Date.now(),\r\n            });\r\n            resolve(newFile);\r\n          },\r\n          file.type,\r\n          0.5,\r\n        );\r\n      };\r\n    };\r\n    return false;\r\n  });\r\n};\r\nconst handleRemoveSuccess = (uploadFile) => {\r\n  if (uploadFile.status === \"success\") {\r\n    if (props.props.deleteParams) {\r\n      const paramsData = props.props.deleteParams?.data\r\n        ? props.props.deleteParams?.data\r\n        : {};\r\n      http\r\n        .remove(\r\n          `${props.props.deleteParams.url}/${uploadFile.id}/attachment`,\r\n          paramsData,\r\n          paramsData,\r\n        )\r\n        .then(() => {\r\n          emit(\"on-remove\", uploadFile);\r\n        });\r\n    } else {\r\n      emit(\"on-remove\", uploadFile);\r\n    }\r\n  }\r\n};\r\nconst handleExceed = () => {\r\n  ElMessage({\r\n    message: `最多只能上传 ${props.props.limit} 个文件！`,\r\n    type: \"warning\",\r\n  });\r\n};\r\nconst handlePictureCardPreview = (uploadFile) => {\r\n  dialogImageUrl.value = uploadFile.url;\r\n  dialogVisible.value = true;\r\n};\r\nconst handleBeforeUpload = (file) => {\r\n  const fileName = file.name.substring(0, file.name.lastIndexOf(\".\"));\r\n  const regex = /^[\\u4e00-\\u9fa5\\w\\-()（）. ]+$/;\r\n  if (!regex.test(fileName)) {\r\n    ElMessage({\r\n      message: \"请勿输入特殊字符！\",\r\n      type: \"warning\",\r\n    });\r\n    return false;\r\n  }\r\n  compressImg(file).then((newFile) => {\r\n    if (newFile.size / 1024 / 1024 < 5) {\r\n      uploadRequest(newFile);\r\n      return false;\r\n    } else {\r\n      ElMessage({\r\n        message: \"上传大小不能超过 5MB!\",\r\n        type: \"warning\",\r\n      });\r\n      return false;\r\n    }\r\n  });\r\n};\r\n\r\nfunction handleFileNameChange(file, index) {\r\n  if (!file.name) {\r\n    ElMessage({\r\n      message: \"附件名称不能为空！\",\r\n      type: \"warning\",\r\n    });\r\n    return;\r\n  }\r\n  emit(\"on-change\", file);\r\n}\r\n\r\nfunction uploadRequest(file) {\r\n  ElLoading.service({ text: \"上传中，请稍后\", background: \"rgba(0,0,0,0.3)\" });\r\n  return new Promise((resolve, reject) => {\r\n    const formData = new FormData();\r\n    formData.append(\"file\", file);\r\n    axios\r\n      .post(uploadUrl, formData, {})\r\n      .then((res) => {\r\n        ElLoading.service().close();\r\n        ElMessage({\r\n          message: \"上传成功\",\r\n          type: \"success\",\r\n        });\r\n        emit(\"on-success\", res.data.data);\r\n        resolve(res.data);\r\n        return false;\r\n      })\r\n      .catch(() => {\r\n        ElLoading.service().close();\r\n        ElMessage({\r\n          message: \"上传失败\",\r\n          type: \"warning\",\r\n        });\r\n        reject(\"Upload failed\");\r\n      });\r\n  });\r\n}\r\n</script>\r\n\r\n<template>\r\n  <!--  删除请求头加权限后请添加到组建中  :headers=\"header\"-->\r\n  <el-upload\r\n    :file-list=\"files\"\r\n    :action=\"uploadUrl\"\r\n    :limit=\"props.props.limit\"\r\n    :accept=\"props.props.accept\"\r\n    :list-type=\"props.props.listType\"\r\n    :on-remove=\"handleRemoveSuccess\"\r\n    :before-upload=\"handleBeforeUpload\"\r\n    :on-exceed=\"handleExceed\"\r\n    :on-preview=\"handlePictureCardPreview\"\r\n    :multiple=\"true\"\r\n    :http-request=\"\r\n      () => {\r\n        return false;\r\n      }\r\n    \"\r\n    :show-file-list=\"props.props.listType !== 'text'\"\r\n    :class=\"[\r\n      'upload-main',\r\n      { 'disable-upload': files.length >= props.props.limit },\r\n    ]\"\r\n    @click.prevent\r\n  >\r\n    <template v-if=\"props.props.listType !== 'text'\">\r\n      <el-icon :disabled=\"true\">\r\n        <Plus />\r\n      </el-icon>\r\n    </template>\r\n    <template v-else>\r\n      <el-button class=\"upload-button\" type=\"primary\"> 上传附件 </el-button>\r\n    </template>\r\n  </el-upload>\r\n  <el-dialog v-model=\"dialogVisible\">\r\n    <img w-full :src=\"dialogImageUrl\" alt=\"Preview Image\" />\r\n  </el-dialog>\r\n  <el-form v-if=\"props.props.listType == 'text'\">\r\n    <el-form-item v-for=\"(file, index) in files\" :key=\"index\" class=\"file-list\">\r\n      <el-icon color=\"#73767a\" :size=\"14\">\r\n        <Document />\r\n      </el-icon>\r\n      <el-input\r\n        v-model=\"file.name\"\r\n        @change=\"handleFileNameChange(file, index)\"\r\n      />\r\n      <span class=\"file-type\">.{{ file.fileType }}</span>\r\n      <el-icon color=\"#73767a\" :size=\"12\" @click=\"handleRemoveSuccess(file)\">\r\n        <Close />\r\n      </el-icon>\r\n    </el-form-item>\r\n  </el-form>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n:deep(.el-upload-list) {\r\n  .el-upload-list__item-actions span {\r\n    margin-left: 20px;\r\n  }\r\n}\r\n\r\n.disable-upload {\r\n  :deep(.el-upload--picture-card) {\r\n    display: none !important;\r\n  }\r\n\r\n  :deep(.el-upload--text) {\r\n    display: none !important;\r\n  }\r\n\r\n  :deep(.el-upload--picture) {\r\n    display: none !important;\r\n  }\r\n}\r\n.upload-main {\r\n  flex-basis: 100%;\r\n}\r\n.file-list {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-top: 10px;\r\n  .file-type {\r\n    height: 22px;\r\n    line-height: 22px;\r\n    margin-right: 5px;\r\n    background: #eeeeee;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    padding: 0 4px;\r\n  }\r\n  :deep(.el-form-item__content) {\r\n    display: contents;\r\n  }\r\n  :deep(.el-input__wrapper) {\r\n    margin: 0 5px;\r\n  }\r\n  :deep(.el-input__inner) {\r\n    height: 20px;\r\n    line-height: 20px;\r\n  }\r\n}\r\n</style>\r\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","paramsData","_a","_b","http","handleExceed","ElMessage","handlePictureCardPreview","handleBeforeUpload","fileName","uploadRequest","handleFileNameChange","index","ElLoading","formData","axios","res"],"mappings":"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"}
+{"version":3,"file":"AttachmentUploader-CGIxhZSf.js","sources":["../src/framework/field/attachment/AttachmentUploader.vue"],"sourcesContent":["<script setup>\r\nimport {\r\n  ElUpload,\r\n  ElIcon,\r\n  ElDialog,\r\n  ElForm,\r\n  ElFormItem,\r\n  ElButton,\r\n  ElInput,\r\n} from \"element-plus\";\r\nimport axios from \"axios\";\r\nimport http from \"../../utils/http\";\r\nimport { getConfig } from \"../../config-loader\";\r\nimport { ref, computed } from \"vue\";\r\nimport { ElLoading, ElMessage } from \"element-plus\";\r\nimport { Plus, Document, Close } from \"@element-plus/icons-vue\";\r\n\r\nconst emit = defineEmits([\"on-success\", \"on-remove\", \"on-change\"]);\r\nconst props = defineProps({\r\n  pics: {\r\n    type: Array,\r\n    default() {\r\n      return [];\r\n    },\r\n  },\r\n  limit: { type: Number },\r\n  props: {\r\n    type: Object,\r\n    default() {\r\n      return {\r\n        listType: \"picture-card\", //'text' | 'picture' | 'picture-card'\r\n        limit: 5, //最多上传几个文件\r\n        accept: \"image/*\",\r\n      };\r\n    },\r\n  },\r\n});\r\n\r\nconst files = computed(() => {\r\n  return props.pics.map((item) => {\r\n    const fileType = item.url.substring(item.url.lastIndexOf(\".\") + 1);\r\n    if (typeof item.name !== undefined) {\r\n      item.fileType = fileType;\r\n      return item;\r\n    }\r\n\r\n    if (item.url) {\r\n      const parts = item.url.split(\"/\");\r\n      const namedItem = {\r\n        ...item,\r\n        name: parts[parts.length - 1],\r\n        fileType: fileType,\r\n      };\r\n      return namedItem;\r\n    }\r\n\r\n    return { ...item, name: item.id, fileType: fileType };\r\n  });\r\n});\r\nconst dialogImageUrl = ref(\"\");\r\nconst dialogVisible = ref(false);\r\nconst imageUrl = ref(props);\r\nconst uploadUrl = getConfig().fileUploadUrl;\r\nconst header = {\r\n  Authorization: `Bearer ${localStorage.getItem(\"token\")}`,\r\n};\r\nconst compressImg = (file) => {\r\n  const reader = new FileReader();\r\n  reader.readAsDataURL(file);\r\n\r\n  return new Promise(function (resolve, reject) {\r\n    if (!file.type.startsWith(\"image/\")) {\r\n      resolve(file);\r\n      return false;\r\n    }\r\n    reader.onload = async (e) => {\r\n      const img = new Image();\r\n      img.src = e.target.result;\r\n      img.onload = () => {\r\n        const canvas = document.createElement(\"canvas\");\r\n        const ctx = canvas.getContext(\"2d\");\r\n        canvas.width = img.width;\r\n        canvas.height = img.height;\r\n        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\r\n        canvas.toBlob(\r\n          (blob) => {\r\n            const newFile = new File([blob], file.name, {\r\n              type: file.type,\r\n              lastModified: Date.now(),\r\n            });\r\n            resolve(newFile);\r\n          },\r\n          file.type,\r\n          0.5,\r\n        );\r\n      };\r\n    };\r\n    return false;\r\n  });\r\n};\r\nconst handleRemoveSuccess = (uploadFile) => {\r\n  if (uploadFile.status === \"success\") {\r\n    if (props.props.deleteParams) {\r\n      const paramsData = props.props.deleteParams?.data\r\n        ? props.props.deleteParams?.data\r\n        : {};\r\n      http\r\n        .remove(\r\n          `${props.props.deleteParams.url}/${uploadFile.id}/attachment`,\r\n          paramsData,\r\n          paramsData,\r\n        )\r\n        .then(() => {\r\n          emit(\"on-remove\", uploadFile);\r\n        });\r\n    } else {\r\n      emit(\"on-remove\", uploadFile);\r\n    }\r\n  }\r\n};\r\nconst handleExceed = () => {\r\n  ElMessage({\r\n    message: `最多只能上传 ${props.props.limit} 个文件！`,\r\n    type: \"warning\",\r\n  });\r\n};\r\nconst handlePictureCardPreview = (uploadFile) => {\r\n  dialogImageUrl.value = uploadFile.url;\r\n  dialogVisible.value = true;\r\n};\r\nconst handleBeforeUpload = (file) => {\r\n  const fileName = file.name.substring(0, file.name.lastIndexOf(\".\"));\r\n  const regex = /^[\\u4e00-\\u9fa5\\w\\-()（）. ]+$/;\r\n  if (!regex.test(fileName)) {\r\n    ElMessage({\r\n      message: \"请勿输入特殊字符！\",\r\n      type: \"warning\",\r\n    });\r\n    return false;\r\n  }\r\n  compressImg(file).then((newFile) => {\r\n    if (newFile.size / 1024 / 1024 < 5) {\r\n      uploadRequest(newFile);\r\n      return false;\r\n    } else {\r\n      ElMessage({\r\n        message: \"上传大小不能超过 5MB!\",\r\n        type: \"warning\",\r\n      });\r\n      return false;\r\n    }\r\n  });\r\n};\r\n\r\nfunction handleFileNameChange(file, index) {\r\n  if (!file.name) {\r\n    ElMessage({\r\n      message: \"附件名称不能为空！\",\r\n      type: \"warning\",\r\n    });\r\n    return;\r\n  }\r\n  emit(\"on-change\", file);\r\n}\r\n\r\nfunction uploadRequest(file) {\r\n  ElLoading.service({ text: \"上传中，请稍后\", background: \"rgba(0,0,0,0.3)\" });\r\n  return new Promise((resolve, reject) => {\r\n    const formData = new FormData();\r\n    formData.append(\"file\", file);\r\n    axios\r\n      .post(uploadUrl, formData, {})\r\n      .then((res) => {\r\n        ElLoading.service().close();\r\n        ElMessage({\r\n          message: \"上传成功\",\r\n          type: \"success\",\r\n        });\r\n        emit(\"on-success\", res.data.data);\r\n        resolve(res.data);\r\n        return false;\r\n      })\r\n      .catch(() => {\r\n        ElLoading.service().close();\r\n        ElMessage({\r\n          message: \"上传失败\",\r\n          type: \"warning\",\r\n        });\r\n        reject(\"Upload failed\");\r\n      });\r\n  });\r\n}\r\n</script>\r\n\r\n<template>\r\n  <!--  删除请求头加权限后请添加到组建中  :headers=\"header\"-->\r\n  <el-upload\r\n    :file-list=\"files\"\r\n    :action=\"uploadUrl\"\r\n    :limit=\"props.props.limit\"\r\n    :accept=\"props.props.accept\"\r\n    :list-type=\"props.props.listType\"\r\n    :on-remove=\"handleRemoveSuccess\"\r\n    :before-upload=\"handleBeforeUpload\"\r\n    :on-exceed=\"handleExceed\"\r\n    :on-preview=\"handlePictureCardPreview\"\r\n    :multiple=\"true\"\r\n    :http-request=\"\r\n      () => {\r\n        return false;\r\n      }\r\n    \"\r\n    :show-file-list=\"props.props.listType !== 'text'\"\r\n    :class=\"[\r\n      'upload-main',\r\n      { 'disable-upload': files.length >= props.props.limit },\r\n    ]\"\r\n    @click.prevent\r\n  >\r\n    <template v-if=\"props.props.listType !== 'text'\">\r\n      <el-icon :disabled=\"true\">\r\n        <Plus />\r\n      </el-icon>\r\n    </template>\r\n    <template v-else>\r\n      <el-button class=\"upload-button\" type=\"primary\"> 上传附件 </el-button>\r\n    </template>\r\n  </el-upload>\r\n  <el-dialog v-model=\"dialogVisible\">\r\n    <img w-full :src=\"dialogImageUrl\" alt=\"Preview Image\" />\r\n  </el-dialog>\r\n  <el-form v-if=\"props.props.listType == 'text'\">\r\n    <el-form-item v-for=\"(file, index) in files\" :key=\"index\" class=\"file-list\">\r\n      <el-icon color=\"#73767a\" :size=\"14\">\r\n        <Document />\r\n      </el-icon>\r\n      <el-input\r\n        v-model=\"file.name\"\r\n        @change=\"handleFileNameChange(file, index)\"\r\n      />\r\n      <span class=\"file-type\">.{{ file.fileType }}</span>\r\n      <el-icon color=\"#73767a\" :size=\"12\" @click=\"handleRemoveSuccess(file)\">\r\n        <Close />\r\n      </el-icon>\r\n    </el-form-item>\r\n  </el-form>\r\n</template>\r\n<style scoped lang=\"scss\">\r\n:deep(.el-upload-list) {\r\n  .el-upload-list__item-actions span {\r\n    margin-left: 20px;\r\n  }\r\n}\r\n\r\n.disable-upload {\r\n  :deep(.el-upload--picture-card) {\r\n    display: none !important;\r\n  }\r\n\r\n  :deep(.el-upload--text) {\r\n    display: none !important;\r\n  }\r\n\r\n  :deep(.el-upload--picture) {\r\n    display: none !important;\r\n  }\r\n}\r\n.upload-main {\r\n  flex-basis: 100%;\r\n}\r\n.file-list {\r\n  display: flex;\r\n  align-items: center;\r\n  margin-top: 10px;\r\n  .file-type {\r\n    height: 22px;\r\n    line-height: 22px;\r\n    margin-right: 5px;\r\n    background: #eeeeee;\r\n    border-radius: 4px;\r\n    font-size: 12px;\r\n    padding: 0 4px;\r\n  }\r\n  :deep(.el-form-item__content) {\r\n    display: contents;\r\n  }\r\n  :deep(.el-input__wrapper) {\r\n    margin: 0 5px;\r\n  }\r\n  :deep(.el-input__inner) {\r\n    height: 20px;\r\n    line-height: 20px;\r\n  }\r\n}\r\n</style>\r\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","paramsData","_a","_b","http","handleExceed","ElMessage","handlePictureCardPreview","handleBeforeUpload","fileName","uploadRequest","handleFileNameChange","index","ElLoading","formData","axios","res"],"mappings":"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"}

package/dist/{ImageUploader-DCJkLQTW.js → ImageUploader-BbNg_ohz.js}

@@ -1,8 +1,8 @@
 import { openBlock as s, createBlock as o, unref as a, createSlots as v, withCtx as r, renderSlot as x, createVNode as m, withModifiers as I, createCommentVNode as S, createElementVNode as b, toDisplayString as B } from "vue";
 import { ElUpload as E, ElIcon as u, ElMessage as i, ElLoading as l } from "element-plus";
-import { _ as M, j as C, H as D, p as L, n as N, m as V } from "./index-DNFSi8-n.js";
+import { _ as M, k as C, H as D, p as L, d as N, n as V } from "./index-37PxYvCK.js";
 import "./el-progress-l0sNRNKZ.js";
-const j = { class: "el-upload__tip" }, q = {
+const q = { class: "el-upload__tip" }, z = {
   __name: "ImageUploader",
   props: {
     imageUrl: { type: String },
@@ -32,8 +32,8 @@ const j = { class: "el-upload__tip" }, q = {
     function U() {
       n("on-success", "");
     }
-    function w(t) {
-      return l.service({ text: "上传中，请稍后", background: "rgba(0,0,0,0.3)" }), new Promise((c, k) => {
+    function k(t) {
+      return l.service({ text: "上传中，请稍后", background: "rgba(0,0,0,0.3)" }), new Promise((c, w) => {
         const d = new FormData();
         d.append("image", t.file), V.post(p, d, {}).then((y) => {
           l.service().close(), i({
@@ -44,7 +44,7 @@ const j = { class: "el-upload__tip" }, q = {
           l.service().close(), i({
             message: "上传失败",
             type: "warning"
-          }), k("Upload failed");
+          }), w("Upload failed");
         });
       });
     }
@@ -56,7 +56,7 @@ const j = { class: "el-upload__tip" }, q = {
       accept: e.props.accept,
       "on-success": h,
       "before-upload": _,
-      "http-request": w
+      "http-request": k
     }, v({
       default: r(() => [
         x(t.$slots, "default", {}, void 0, !0),
@@ -94,14 +94,14 @@ const j = { class: "el-upload__tip" }, q = {
       e.props.tip ? {
         name: "tip",
         fn: r(() => [
-          b("div", j, B(e.props.tip), 1)
+          b("div", q, B(e.props.tip), 1)
         ]),
         key: "0"
       } : void 0
     ]), 1032, ["action", "accept"]));
   }
-}, F = /* @__PURE__ */ M(q, [["__scopeId", "data-v-11ed7abf"]]);
+}, F = /* @__PURE__ */ M(z, [["__scopeId", "data-v-11ed7abf"]]);
 export {
   F as default
 };
-//# sourceMappingURL=ImageUploader-DCJkLQTW.js.map
+//# sourceMappingURL=ImageUploader-BbNg_ohz.js.map

package/dist/{ImageUploader-DCJkLQTW.js.map → ImageUploader-BbNg_ohz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ImageUploader-DCJkLQTW.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\";\nimport HeicImage from \"../../component/HeicImage.vue\";\n\nconst emit = defineEmits([\"on-success\"]);\nconst props = defineProps({\n  imageUrl: { type: String },\n  props: {\n    type: Object,\n    default() {\n      return {\n        accept: \"image/*\",\n        tip: \"\",\n      };\n    },\n  },\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    :accept=\"props.props.accept\"\n    :on-success=\"handleSuccess\"\n    :before-upload=\"handleBeforeUpload\"\n    :http-request=\"uploadRequest\"\n  >\n    <slot />\n    <HeicImage\n      v-if=\"props.imageUrl\"\n      :src=\"props.imageUrl\"\n      :preview-src-list=\"[props.imageUrl]\"\n      fit=\"scale-down\"\n      class=\"image\"\n      width=\"146px\"\n      height=\"146px\"\n      hide-on-click-modal\n    />\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    <template v-if=\"props.props.tip\" #tip>\n      <div class=\"el-upload__tip\">{{ props.props.tip }}</div>\n    </template>\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":";;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GACPC,IAAQC,GAYRC,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-BbNg_ohz.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\";\nimport HeicImage from \"../../component/HeicImage.vue\";\n\nconst emit = defineEmits([\"on-success\"]);\nconst props = defineProps({\n  imageUrl: { type: String },\n  props: {\n    type: Object,\n    default() {\n      return {\n        accept: \"image/*\",\n        tip: \"\",\n      };\n    },\n  },\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    :accept=\"props.props.accept\"\n    :on-success=\"handleSuccess\"\n    :before-upload=\"handleBeforeUpload\"\n    :http-request=\"uploadRequest\"\n  >\n    <slot />\n    <HeicImage\n      v-if=\"props.imageUrl\"\n      :src=\"props.imageUrl\"\n      :preview-src-list=\"[props.imageUrl]\"\n      fit=\"scale-down\"\n      class=\"image\"\n      width=\"146px\"\n      height=\"146px\"\n      hide-on-click-modal\n    />\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    <template v-if=\"props.props.tip\" #tip>\n      <div class=\"el-upload__tip\">{{ props.props.tip }}</div>\n    </template>\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":";;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GACPC,IAAQC,GAYRC,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-BC0EK9qE.js → ImagesUploader-DhPd72H6.js}

@@ -1,8 +1,11 @@
-import { ref as g, computed as V, openBlock as r, createElementBlock as c, Fragment as v, renderList as P, createBlock as d, createCommentVNode as T, createVNode as m, unref as s, normalizeClass as U, withModifiers as B, createSlots as D, withCtx as o, createTextVNode as N, createElementVNode as y, toDisplayString as z } from "vue";
-import { ElUpload as C, ElIcon as S, ElButton as M, ElDialog as $, ElMessage as _ } from "element-plus";
-import { _ as q, H, p as O, h as R } from "./index-DNFSi8-n.js";
+import { ref as v, computed as C, openBlock as r, createElementBlock as c, Fragment as P, renderList as T, createBlock as m, createCommentVNode as U, createElementVNode as f, withModifiers as y, createVNode as i, unref as s, withCtx as o, normalizeClass as B, createSlots as D, createTextVNode as N, toDisplayString as z } from "vue";
+import { ElIcon as w, ElUpload as S, ElButton as $, ElDialog as M, ElMessage as h } from "element-plus";
+import { _ as q, H, d as O, p as R, h as j } from "./index-37PxYvCK.js";
 import "./el-progress-l0sNRNKZ.js";
-const j = { style: { display: "flex", "flex-wrap": "wrap" } }, A = { class: "el-upload__tip" }, L = ["src"], F = {
+const A = {
+  style: { display: "flex", "flex-wrap": "wrap" },
+  class: "images-uploader"
+}, L = ["onClick"], F = { class: "el-upload__tip" }, G = ["src"], J = {
   __name: "ImagesUploader",
   props: {
     images: {
@@ -25,8 +28,8 @@ const j = { style: { display: "flex", "flex-wrap": "wrap" } }, A = { class: "el-
     }
   },
   emits: ["on-remove", "on-upload"],
-  setup(w, { emit: h }) {
-    const n = h, f = g(""), p = g(!1), t = w, i = V(() => t.images.map((e) => {
+  setup(k, { emit: x }) {
+    const p = x, _ = v(""), u = v(!1), t = k, d = C(() => t.images.map((e) => {
       if (!(e != null && e.url))
         return { ...e, name: "unknown", fileType: "unknown" };
       const l = e.url.substring(e.url.lastIndexOf(".") + 1), a = e.url.split("/");
@@ -36,44 +39,45 @@ const j = { style: { display: "flex", "flex-wrap": "wrap" } }, A = { class: "el-
         fileType: l
       };
     }));
-    function x(e) {
+    function g(e) {
       var l, a;
       if (t.props.deleteParams) {
-        const u = (l = t.props.deleteParams) != null && l.data ? (a = t.props.deleteParams) == null ? void 0 : a.data : {};
-        R.remove(
+        const n = (l = t.props.deleteParams) != null && l.data ? (a = t.props.deleteParams) == null ? void 0 : a.data : {};
+        j.remove(
           `${t.props.deleteParams.url}/${e.id}/attachment`,
-          u,
-          u
+          n,
+          n
         ).then(() => {
-          n("on-remove", e);
+          p("on-remove", e);
         });
       } else
-        n("on-remove", e);
+        p("on-remove", e);
     }
-    function k() {
-      _({
+    function I() {
+      h({
         message: `最多只能上传 ${t.props.limit} 个文件！`,
         type: "warning"
       });
     }
     function b(e) {
-      f.value = e.url, p.value = !0;
+      _.value = e.url, u.value = !0;
     }
-    function I(e) {
-      return e.size > 5242880 ? (_({
+    function E(e) {
+      return e.size > 5242880 ? (h({
         message: "上传大小不能超过 5MB!",
         type: "warning"
       }), !1) : !0;
     }
-    function E(e) {
+    function V(e) {
       const l = new FormData();
-      l.append("file", e.file), n("on-upload", l);
+      l.append("file", e.file), p("on-upload", l);
     }
-    return (e, l) => (r(), c("div", j, [
-      (r(!0), c(v, null, P(i.value, (a) => (r(), c(v, {
-        key: a.url
+    return (e, l) => (r(), c("div", A, [
+      (r(!0), c(P, null, T(d.value, (a) => (r(), c("div", {
+        key: a.url,
+        class: "el-upload-list__item is-picture-card custom-card"
       }, [
-        a.url ? (r(), d(H, {
+        a.url ? (r(), m(H, {
           key: 0,
           src: a.url,
           "preview-src-list": [a.url],
@@ -82,37 +86,48 @@ const j = { style: { display: "flex", "flex-wrap": "wrap" } }, A = { class: "el-
           width: "146px",
           height: "146px",
           "hide-on-click-modal": ""
-        }, null, 8, ["src", "preview-src-list"])) : T("", !0)
-      ], 64))), 128)),
-      m(s(C), {
-        "file-list": i.value,
+        }, null, 8, ["src", "preview-src-list"])) : U("", !0),
+        f("span", {
+          class: "el-upload-list__item-delete",
+          onClick: y((n) => g(a), ["stop"])
+        }, [
+          i(s(w), null, {
+            default: o(() => [
+              i(s(O))
+            ]),
+            _: 1
+          })
+        ], 8, L)
+      ]))), 128)),
+      i(s(S), {
+        "file-list": d.value,
         limit: t.props.limit,
         accept: t.props.accept,
         "list-type": t.props.listType,
-        "on-remove": x,
-        "on-exceed": k,
+        "on-remove": g,
+        "on-exceed": I,
         "on-preview": b,
         multiple: !0,
-        "before-upload": I,
-        "http-request": E,
+        "before-upload": E,
+        "http-request": V,
         "show-file-list": !1,
-        class: U([
+        class: B([
           "upload-main",
-          { "disable-upload": i.value.length >= t.props.limit }
+          { "disable-upload": d.value.length >= t.props.limit }
         ]),
-        onClick: l[0] || (l[0] = B(() => {
+        onClick: l[0] || (l[0] = y(() => {
         }, ["prevent"]))
       }, D({
         default: o(() => [
-          t.props.listType !== "text" ? (r(), d(s(S), {
+          t.props.listType !== "text" ? (r(), m(s(w), {
             key: 0,
             disabled: !0
           }, {
             default: o(() => [
-              m(s(O))
+              i(s(R))
             ]),
             _: 1
-          })) : (r(), d(s(M), {
+          })) : (r(), m(s($), {
             key: 1,
             class: "upload-button",
             type: "primary"
@@ -128,28 +143,28 @@ const j = { style: { display: "flex", "flex-wrap": "wrap" } }, A = { class: "el-
         t.props.tip ? {
           name: "tip",
           fn: o(() => [
-            y("div", A, z(t.props.tip), 1)
+            f("div", F, z(t.props.tip), 1)
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["file-list", "limit", "accept", "list-type", "class"]),
-      m(s($), {
-        modelValue: p.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (a) => p.value = a)
+      i(s(M), {
+        modelValue: u.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (a) => u.value = a)
       }, {
         default: o(() => [
-          y("img", {
+          f("img", {
             "w-full": "",
-            src: f.value,
+            src: _.value,
             alt: "Preview Image"
-          }, null, 8, L)
+          }, null, 8, G)
         ]),
         _: 1
       }, 8, ["modelValue"])
     ]));
   }
-}, W = /* @__PURE__ */ q(F, [["__scopeId", "data-v-5ba16803"]]);
+}, Y = /* @__PURE__ */ q(J, [["__scopeId", "data-v-4862d1c9"]]);
 export {
-  W as default
+  Y as default
 };
-//# sourceMappingURL=ImagesUploader-BC0EK9qE.js.map
+//# sourceMappingURL=ImagesUploader-DhPd72H6.js.map

package/dist/ImagesUploader-DhPd72H6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagesUploader-DhPd72H6.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, Delete } from \"@element-plus/icons-vue\";\nimport http from \"../../utils/http\";\nimport HeicImage from \"../../component/HeicImage.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        tip: \"\",\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  if (props.props.deleteParams) {\n    const paramsData = props.props.deleteParams?.data\n      ? props.props.deleteParams?.data\n      : {};\n    http\n      .remove(\n        `${props.props.deleteParams.url}/${uploadFile.id}/attachment`,\n        paramsData,\n        paramsData,\n      )\n      .then(() => {\n        emit(\"on-remove\", uploadFile);\n      });\n  } else {\n    emit(\"on-remove\", uploadFile);\n  }\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 style=\"display: flex; flex-wrap: wrap\" class=\"images-uploader\">\n    <div\n      v-for=\"item in files\"\n      :key=\"item.url\"\n      class=\"el-upload-list__item is-picture-card custom-card\"\n    >\n      <HeicImage\n        v-if=\"item.url\"\n        :src=\"item.url\"\n        :preview-src-list=\"[item.url]\"\n        fit=\"scale-down\"\n        class=\"image\"\n        width=\"146px\"\n        height=\"146px\"\n        hide-on-click-modal\n      />\n      <span class=\"el-upload-list__item-delete\" @click.stop=\"onRemove(item)\">\n        <el-icon>\n          <Delete />\n        </el-icon>\n      </span>\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=\"false\"\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      <template v-if=\"props.props.tip\" #tip>\n        <div class=\"el-upload__tip\">{{ props.props.tip }}</div>\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.custom-card {\n  position: relative;\n  width: 148px;\n  height: 148px;\n  margin-right: 10px;\n  margin-bottom: 10px;\n  border: 1px solid var(--el-border-color);\n  border-radius: 6px;\n  overflow: hidden;\n  background: var(--el-fill-color-lighter);\n  cursor: pointer;\n  box-sizing: border-box;\n\n  .image {\n    border: none;\n    border-radius: 0;\n    width: 100%;\n    height: 100%;\n  }\n\n  .el-upload-list__item-delete {\n    font-size: 18px;\n    color: #ff8989;\n    cursor: pointer;\n    position: absolute;\n    display: block;\n  }\n}\n\n:deep(.el-upload-list) {\n  .el-upload-list__item-actions span {\n    margin-left: 20px;\n  }\n}\n.image {\n  border: 1px dashed var(--el-border-color);\n  border-radius: 6px;\n  cursor: pointer;\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","paramsData","_a","_b","http","onExceed","ElMessage","onPreview","beforeUpload","httpRequest","formData"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,UAAMA,IAAOC,GACPC,IAAiBC,EAAI,EAAE,GACvBC,IAAgBD,EAAI,EAAK,GACzBE,IAAQC,GAqBRC,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,UAAIR,EAAM,MAAM,cAAc;AAC5B,cAAMS,KAAaC,IAAAV,EAAM,MAAM,iBAAZ,QAAAU,EAA0B,QACzCC,IAAAX,EAAM,MAAM,iBAAZ,gBAAAW,EAA0B,OAC1B;AACJ,QAAAC,EACG;AAAA,UACC,GAAGZ,EAAM,MAAM,aAAa,GAAG,IAAIQ,EAAW,EAAE;AAAA,UAChDC;AAAA,UACAA;AAAA,QACD,EACA,KAAK,MAAM;AACV,UAAAd,EAAK,aAAaa,CAAU;AAAA,QACpC,CAAO;AAAA,MACP;AACI,QAAAb,EAAK,aAAaa,CAAU;AAAA,IAEhC;AAEA,aAASK,IAAW;AAClB,MAAAC,EAAU;AAAA,QACR,SAAS,UAAUd,EAAM,MAAM,KAAK;AAAA,QACpC,MAAM;AAAA,MACV,CAAG;AAAA,IACH;AAEA,aAASe,EAAUP,GAAY;AAC7B,MAAAX,EAAe,QAAQW,EAAW,KAClCT,EAAc,QAAQ;AAAA,IACxB;AAEA,aAASiB,EAAaR,GAAY;AAEhC,aAAIA,EAAW,OAAO,WACpBM,EAAU;AAAA,QACR,SAAS;AAAA,QACT,MAAM;AAAA,MACZ,CAAK,GACM,MAGF;AAAA,IACT;AAEA,aAASG,EAAYT,GAAY;AAC/B,YAAMU,IAAW,IAAI;AACrB,MAAAA,EAAS,OAAO,QAAQV,EAAW,IAAI,GACvCb,EAAK,aAAauB,CAAQ;AAAA,IAC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{RichTextEditor-x1Xbn7_6.js → RichTextEditor-Dh_2ZXzZ.js}

@@ -1,7 +1,7 @@
 import { defineComponent as rr, onMounted as ir, onBeforeUnmount as ar, ref as $n, watch as Pn, nextTick as Gn, h as or, computed as sr, openBlock as ur, createBlock as lr, unref as fr } from "vue";
 import * as rt from "quill";
 import Rn from "quill";
-import { o as W, r as cr, m as hr, j as dr } from "./index-DNFSi8-n.js";
+import { o as W, r as cr, n as hr, k as dr } from "./index-37PxYvCK.js";
 import { ElMessage as Ln } from "element-plus";
 var ue = -1, re = 1, Z = 0;
 function at(r, a, n, u) {
@@ -1811,4 +1811,4 @@ const Wn = {
 export {
   Rr as default
 };
-//# sourceMappingURL=RichTextEditor-x1Xbn7_6.js.map
+//# sourceMappingURL=RichTextEditor-Dh_2ZXzZ.js.map