easy-elplus 1.0.1 → 1.2.0

package/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/stubFalse.mjs

@@ -0,0 +1,18 @@
+/**
+ * This method returns `false`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.13.0
+ * @category Util
+ * @returns {boolean} Returns `false`.
+ * @example
+ *
+ * _.times(2, _.stubFalse);
+ * // => [false, false]
+ */
+function stubFalse() {
+  return false;
+}
+
+export { stubFalse as default };

package/es/node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/toString.mjs

@@ -0,0 +1,28 @@
+import baseToString from './_baseToString.mjs';
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString(value) {
+  return value == null ? '' : baseToString(value);
+}
+
+export { toString as default };

package/es/node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs

@@ -0,0 +1,28 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };

package/es/packages/components/FileUpload/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from '../../utils/vue/install.mjs';
+import FileUpload from './src/FileUpload.vue.mjs';
+
+const EasyFileUpload = withInstall(FileUpload);
+
+export { EasyFileUpload, EasyFileUpload as default };

package/es/packages/components/FileUpload/src/FileUpload.vue.mjs

@@ -0,0 +1,332 @@
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createCommentVNode, unref, createTextVNode, Fragment, createElementVNode, toDisplayString, TransitionGroup, renderList } from 'vue';
+import { ElMessage } from 'element-plus';
+import { Upload, Document } from '@element-plus/icons-vue';
+import { isString } from '../../../utils/type.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import './FileUpload.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "component-upload-file" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-upload__tip"
+};
+const _hoisted_3 = { style: {"color":"#f56c6c"} };
+const _hoisted_4 = { style: {"color":"#f56c6c"} };
+const _hoisted_5 = { class: "ele-upload-list__item-content-action" };
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({ name: "EasyFileUpload" }, {
+  __name: 'FileUpload',
+  props: {
+  modelValue: [String, Object, Array],
+  // 数量限制
+  limit: {
+    type: Number,
+    default: 5
+  },
+  // 大小限制(MB)
+  fileSize: {
+    type: Number,
+    default: 5
+  },
+  // 文件类型, 例如['doc', 'xls', 'ppt', 'txt', 'pdf']
+  fileType: {
+    type: Array,
+    default: () => ["doc", "xls", "ppt", "txt", "pdf"]
+  },
+  // 是否显示提示
+  isShowTip: {
+    type: Boolean,
+    default: true
+  },
+  // 上传地址
+  action: {
+    type: String,
+    required: true
+  },
+  // 请求头
+  headers: {
+    type: Object,
+    default: () => ({})
+  },
+  // 基础路径
+  baseUrl: {
+    type: String,
+    default: ""
+  },
+  // 自定义成功校验函数
+  checkSuccess: {
+    type: Function,
+    default: res => res.code === 200 || res.success === true
+  },
+  // 自定义提取文件地址的路径，支持 "data.url" 这种深层嵌套
+  responsePath: {
+    type: String,
+    default: "data"
+  },
+  // 错误消息提取字段
+  errorField: {
+    type: String,
+    default: "msg"
+  }
+},
+  emits: [UPDATE_MODEL_EVENT],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emit = __emit;
+
+const number = ref(0);
+const uploadList = ref([]);
+const fileList = ref([]);
+const fileUploadRef = ref(null);
+
+const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize));
+
+// 深度解析对象属性 (例如把 res["data.url"] 转为 res.data.url)
+const getDeepValue = (obj, path) => {
+  if (!path) return obj
+  return path.split(".").reduce((acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)
+};
+
+watch(
+  () => props.modelValue,
+  val => {
+    if (val) {
+      const list = Array.isArray(val) ? val : val.split(",");
+      fileList.value = list.map((item, index) => {
+        if (isString(item)) {
+          item = { name: getFileName(item), url: item, uid: new Date().getTime() + index };
+        }
+        return item
+      });
+    } else {
+      fileList.value = [];
+    }
+  },
+  { deep: true, immediate: true }
+);
+
+// 上传前校检格式和大小
+function handleBeforeUpload(file) {
+  // 校检文件类型
+  if (props.fileType && props.fileType.length) {
+    const fileName = file.name.split(".");
+    const fileExt = fileName[fileName.length - 1].toLowerCase();
+    const isTypeOk = props.fileType.map(t => t.toLowerCase()).includes(fileExt);
+    if (!isTypeOk) {
+      ElMessage.error(`文件格式不正确, 请上传${props.fileType.join("/")}格式文件!`);
+      return false
+    }
+  }
+  // 校检文件大小
+  if (props.fileSize && file.size / 1024 / 1024 > props.fileSize) {
+    ElMessage.error(`上传文件大小不能超过 ${props.fileSize} MB!`);
+    return false
+  }
+  number.value++;
+  return true
+}
+
+// 文件个数超出
+function handleExceed() {
+  ElMessage.error(`上传文件数量不能超过 ${props.limit} 个!`);
+}
+
+// 上传失败
+function handleUploadError(err) {
+  number.value--;
+  ElMessage.error(isString(err) ? err : "上传文件失败");
+}
+
+// 上传成功回调
+function handleUploadSuccess(res, file) {
+  // 使用传入的校验函数
+  if (props.checkSuccess(res)) {
+    // 动态提取 URL
+    const url = getDeepValue(res, props.responsePath);
+
+    if (url) {
+      uploadList.value.push({ name: getFileName(url), url: url, uid: file.uid });
+      uploadedSuccessfully();
+    } else {
+      handleUploadError(`无法从响应中解析文件路径: ${props.responsePath}`);
+    }
+  } else {
+    number.value--;
+    const errorMsg = getDeepValue(res, props.errorField) || "上传失败";
+    ElMessage.error(errorMsg);
+    fileUploadRef.value?.handleRemove(file);
+    uploadedSuccessfully();
+  }
+}
+
+// 删除文件
+function handleDelete(index) {
+  fileList.value.splice(index, 1);
+  emit(UPDATE_MODEL_EVENT, listToString(fileList.value));
+}
+
+// 移除文件
+function handleRemove(file) {
+  const findex = fileList.value.findIndex(f => f.uid === file.uid);
+  if (findex > -1) {
+    fileList.value.splice(findex, 1);
+    emit(UPDATE_MODEL_EVENT, listToString(fileList.value));
+  }
+}
+
+// 上传结束处理
+function uploadedSuccessfully() {
+  if (number.value > 0 && uploadList.value.length === number.value) {
+    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);
+    uploadList.value = [];
+    number.value = 0;
+    emit(UPDATE_MODEL_EVENT, listToString(fileList.value));
+  }
+}
+
+// 获取文件名称
+function getFileName(name) {
+  if (!isString(name)) return ""
+  return name.slice(name.lastIndexOf("/") + 1)
+}
+
+// 获取文件完整 URL
+function getFileUrl(url) {
+  if (!url) return ""
+  if (/^https?:\/\//.test(url)) return url
+  return props.baseUrl ? props.baseUrl + url : url
+}
+
+// 对象转成指定字符串分隔
+function listToString(list, separator = ",") {
+  return list
+    .filter(item => item.url && item.url.indexOf("blob:") !== 0)
+    .map(item => {
+      let url = item.url;
+      // 如果设置了 baseUrl，保存时去除它
+      if (props.baseUrl && url.indexOf(props.baseUrl) === 0) {
+        url = url.replace(props.baseUrl, "");
+      }
+      return url
+    })
+    .join(separator)
+}
+
+return (_ctx, _cache) => {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_button = resolveComponent("el-button");
+  const _component_el_upload = resolveComponent("el-upload");
+  const _component_el_link = resolveComponent("el-link");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_upload, {
+      ref_key: "fileUploadRef",
+      ref: fileUploadRef,
+      multiple: "",
+      action: __props.action,
+      "before-upload": handleBeforeUpload,
+      "file-list": fileList.value,
+      limit: __props.limit,
+      "on-error": handleUploadError,
+      "on-exceed": handleExceed,
+      "on-success": handleUploadSuccess,
+      "on-remove": handleRemove,
+      "show-file-list": false,
+      headers: __props.headers,
+      class: "upload-file-uploader"
+    }, {
+      default: withCtx(() => [
+        createCommentVNode(" 上传按钮 "),
+        createVNode(_component_el_button, { type: "primary" }, {
+          default: withCtx(() => [
+            createVNode(_component_el_icon, { class: "el-icon--left" }, {
+              default: withCtx(() => [
+                createVNode(unref(Upload))
+              ]),
+              _: 1 /* STABLE */
+            }),
+            _cache[0] || (_cache[0] = createTextVNode(" 选取文件 ", -1 /* CACHED */))
+          ]),
+          _: 1 /* STABLE */
+        })
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["action", "file-list", "limit", "headers"]),
+    createCommentVNode(" 上传提示 "),
+    (showTip.value)
+      ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createTextVNode(" 请上传 ", -1 /* CACHED */)),
+          (__props.fileSize)
+            ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                _cache[1] || (_cache[1] = createTextVNode(" 大小不超过 ", -1 /* CACHED */)),
+                createElementVNode("b", _hoisted_3, toDisplayString(__props.fileSize) + "MB", 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : createCommentVNode("v-if", true),
+          (__props.fileType && __props.fileType.length)
+            ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                _cache[2] || (_cache[2] = createTextVNode(" 格式为 ", -1 /* CACHED */)),
+                createElementVNode("b", _hoisted_4, toDisplayString(__props.fileType.join("/")), 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : createCommentVNode("v-if", true),
+          _cache[4] || (_cache[4] = createTextVNode(" 的文件 ", -1 /* CACHED */))
+        ]))
+      : createCommentVNode("v-if", true),
+    createCommentVNode(" 文件列表 "),
+    createVNode(TransitionGroup, {
+      class: "upload-file-list el-upload-list el-upload-list--text",
+      name: "el-fade-in-linear",
+      tag: "ul"
+    }, {
+      default: withCtx(() => [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (file, index) => {
+          return (openBlock(), createElementBlock("li", {
+            key: file.uid || index,
+            class: "el-upload-list__item ele-upload-list__item-content"
+          }, [
+            createVNode(_component_el_link, {
+              href: getFileUrl(file.url),
+              underline: "never",
+              target: "_blank"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_icon, { class: "el-icon--left" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Document))
+                  ]),
+                  _: 1 /* STABLE */
+                }),
+                createElementVNode("span", null, toDisplayString(getFileName(file.name)), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href"]),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_el_link, {
+                underline: "never",
+                onClick: $event => (handleDelete(index)),
+                type: "danger"
+              }, {
+                default: withCtx(() => [...(_cache[5] || (_cache[5] = [
+                  createTextVNode("删除", -1 /* CACHED */)
+                ]))]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["onClick"])
+            ])
+          ]))
+        }), 128 /* KEYED_FRAGMENT */))
+      ]),
+      _: 1 /* STABLE */
+    })
+  ]))
+}
+}
+
+});
+var FileUpload = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-cc8b9b13"]]);
+
+export { FileUpload as default };

package/es/packages/components/FileUpload/src/FileUpload.vue2.mjs

@@ -0,0 +1,4 @@
+import styleInject from '../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs';
+
+var css_248z = ".component-upload-file .upload-file-uploader[data-v-cc8b9b13] {\n  margin-bottom: 5px;\n}\n.component-upload-file .el-upload__tip[data-v-cc8b9b13] {\n  font-size: 12px;\n  color: #606266;\n  margin-top: 7px;\n}\n.component-upload-file .upload-file-list[data-v-cc8b9b13] {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.component-upload-file .upload-file-list .el-upload-list__item[data-v-cc8b9b13] {\n  border: 1px solid #e4e7ed;\n  line-height: 2;\n  margin-bottom: 10px;\n  position: relative;\n  border-radius: 4px;\n  padding: 8px 10px;\n  transition: all 0.3s;\n}\n.component-upload-file .upload-file-list .el-upload-list__item[data-v-cc8b9b13]:hover {\n  background-color: #f5f7fa;\n}\n.component-upload-file .upload-file-list .ele-upload-list__item-content[data-v-cc8b9b13] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: inherit;\n}\n.component-upload-file .upload-file-list .ele-upload-list__item-content .el-link[data-v-cc8b9b13] {\n  flex: 1;\n  margin-right: 10px;\n}\n.component-upload-file .upload-file-list .ele-upload-list__item-content-action .el-link[data-v-cc8b9b13] {\n  margin-right: 10px;\n}";
+styleInject(css_248z);

package/es/packages/components/ImageUpload/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from '../../utils/vue/install.mjs';
+import ImageUpload from './src/ImageUpload.vue.mjs';
+
+const EasyImageUpload = withInstall(ImageUpload);
+
+export { EasyImageUpload, EasyImageUpload as default };

package/es/packages/components/ImageUpload/src/ImageUpload.vue.mjs

@@ -0,0 +1,258 @@
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, unref, createTextVNode, Fragment, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+import { ElMessage } from 'element-plus';
+import { Plus } from '@element-plus/icons-vue';
+import { isString } from '../../../utils/type.mjs';
+import { UPDATE_MODEL_EVENT } from '../../../constants/event.mjs';
+import './ImageUpload.vue2.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const _hoisted_1 = { class: "component-upload-image" };
+const _hoisted_2 = {
+  key: 0,
+  class: "el-upload__tip"
+};
+const _hoisted_3 = { style: {"color":"#f56c6c"} };
+const _hoisted_4 = { style: {"color":"#f56c6c"} };
+const _hoisted_5 = ["src"];
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({ name: "EasyImageUpload" }, {
+  __name: 'ImageUpload',
+  props: {
+  modelValue: [String, Object, Array],
+  limit: { type: Number, default: 5 },
+  fileSize: { type: Number, default: 5 },
+  fileType: { type: Array, default: () => ["png", "jpg", "jpeg"] },
+  isShowTip: { type: Boolean, default: true },
+  action: { type: String, required: true },
+  headers: { type: Object, default: () => ({}) },
+  baseUrl: { type: String, default: "" },
+
+  checkSuccess: {
+    type: Function,
+    default: res => res.code === 200 || res.success === true
+  },
+  // 自定义提取图片地址的路径，支持 "data.url" 这种深层嵌套
+  responsePath: {
+    type: String,
+    default: "data"
+  },
+  // 错误消息提取字段
+  errorField: {
+    type: String,
+    default: "msg"
+  }
+},
+  emits: [UPDATE_MODEL_EVENT],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emit = __emit;
+
+const number = ref(0);
+const uploadList = ref([]);
+const dialogImageUrl = ref("");
+const dialogVisible = ref(false);
+const fileList = ref([]);
+const imageUploadRef = ref(null);
+
+const showTip = computed(() => props.isShowTip && (props.fileType || props.fileSize));
+
+// 深度解析对象属性 (例如把 res["data.imgUrl"] 转为 res.data.imgUrl)
+const getDeepValue = (obj, path) => {
+  if (!path) return obj
+  return path.split(".").reduce((acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined), obj)
+};
+
+watch(
+  () => props.modelValue,
+  val => {
+    if (val) {
+      const list = Array.isArray(val) ? val : val.split(",");
+      fileList.value = list.map(item => {
+        if (isString(item)) {
+          let url = item;
+          if (!/^https?:\/\//.test(url) && props.baseUrl) {
+            url = props.baseUrl + item;
+          }
+          item = { name: getFileName(item), url: url };
+        }
+        return item
+      });
+    } else {
+      fileList.value = [];
+    }
+  },
+  { deep: true, immediate: true }
+);
+
+function handleBeforeUpload(file) {
+  let isImg = false;
+  if (props.fileType.length) {
+    const fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1).toLowerCase();
+    isImg = props.fileType.map(t => t.toLowerCase()).includes(fileExtension);
+  } else {
+    isImg = file.type.indexOf("image") > -1;
+  }
+
+  if (!isImg) {
+    ElMessage.error(`格式不正确, 请上传${props.fileType.join("/")}图片!`);
+    return false
+  }
+  if (props.fileSize && file.size / 1024 / 1024 > props.fileSize) {
+    ElMessage.error(`大小不能超过 ${props.fileSize} MB!`);
+    return false
+  }
+  number.value++;
+  return true
+}
+
+function handleExceed() {
+  ElMessage.error(`上传数量不能超过 ${props.limit} 个!`);
+}
+
+// 修改后的核心逻辑
+function handleUploadSuccess(res, file) {
+  // 1. 使用传入的校验函数
+  if (props.checkSuccess(res)) {
+    // 2. 动态提取 URL
+    const url = getDeepValue(res, props.responsePath);
+
+    if (url) {
+      uploadList.value.push({ name: getFileName(url), url: url });
+      uploadedSuccessfully();
+    } else {
+      handleUploadError(`无法从响应中解析图片路径: ${props.responsePath}`);
+    }
+  } else {
+    number.value--;
+    const errorMsg = getDeepValue(res, props.errorField) || "上传失败";
+    ElMessage.error(errorMsg);
+    imageUploadRef.value.handleRemove(file);
+    uploadedSuccessfully();
+  }
+}
+
+function handleRemove(file) {
+  const findex = fileList.value.findIndex(f => f.name === file.name);
+  if (findex > -1) {
+    fileList.value.splice(findex, 1);
+    emit(UPDATE_MODEL_EVENT, listToString(fileList.value));
+  }
+}
+
+function uploadedSuccessfully() {
+  if (number.value > 0 && uploadList.value.length === number.value) {
+    fileList.value = fileList.value.filter(f => f.url !== undefined).concat(uploadList.value);
+    uploadList.value = [];
+    number.value = 0;
+    emit(UPDATE_MODEL_EVENT, listToString(fileList.value));
+  }
+}
+
+function handleUploadError(msg) {
+  ElMessage.error(isString(msg) ? msg : "上传图片失败");
+  number.value--;
+}
+
+function handlePictureCardPreview(file) {
+  dialogImageUrl.value = file.url;
+  dialogVisible.value = true;
+}
+
+function getFileName(name) {
+  if (!isString(name)) return ""
+  return name.slice(name.lastIndexOf("/") + 1)
+}
+
+function listToString(list, separator = ",") {
+  return list
+    .filter(item => item.url && item.url.indexOf("blob:") !== 0)
+    .map(item => {
+      let url = item.url;
+      if (props.baseUrl && url.indexOf(props.baseUrl) === 0) {
+        url = url.replace(props.baseUrl, "");
+      }
+      return url
+    })
+    .join(separator)
+}
+
+return (_ctx, _cache) => {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_upload = resolveComponent("el-upload");
+  const _component_el_dialog = resolveComponent("el-dialog");
+
+  return (openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_el_upload, {
+      ref_key: "imageUploadRef",
+      ref: imageUploadRef,
+      multiple: "",
+      action: __props.action,
+      "list-type": "picture-card",
+      "on-success": handleUploadSuccess,
+      "before-upload": handleBeforeUpload,
+      limit: __props.limit,
+      "on-error": handleUploadError,
+      "on-exceed": handleExceed,
+      "on-remove": handleRemove,
+      "show-file-list": true,
+      headers: __props.headers,
+      "file-list": fileList.value,
+      "on-preview": handlePictureCardPreview,
+      class: normalizeClass({ hide: fileList.value.length >= __props.limit })
+    }, {
+      default: withCtx(() => [
+        createVNode(_component_el_icon, { class: "avatar-uploader-icon" }, {
+          default: withCtx(() => [
+            createVNode(unref(Plus))
+          ]),
+          _: 1 /* STABLE */
+        })
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["action", "limit", "headers", "file-list", "class"]),
+    (showTip.value)
+      ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = createTextVNode(" 请上传 ", -1 /* CACHED */)),
+          (__props.fileSize)
+            ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                _cache[1] || (_cache[1] = createTextVNode(" 大小不超过 ", -1 /* CACHED */)),
+                createElementVNode("b", _hoisted_3, toDisplayString(__props.fileSize) + "MB", 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : createCommentVNode("v-if", true),
+          (__props.fileType)
+            ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                _cache[2] || (_cache[2] = createTextVNode(" 格式为 ", -1 /* CACHED */)),
+                createElementVNode("b", _hoisted_4, toDisplayString(__props.fileType.join("/")), 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : createCommentVNode("v-if", true),
+          _cache[4] || (_cache[4] = createTextVNode(" 的文件 ", -1 /* CACHED */))
+        ]))
+      : createCommentVNode("v-if", true),
+    createVNode(_component_el_dialog, {
+      modelValue: dialogVisible.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((dialogVisible).value = $event)),
+      title: "预览",
+      width: "800px",
+      "append-to-body": ""
+    }, {
+      default: withCtx(() => [
+        createElementVNode("img", {
+          src: dialogImageUrl.value,
+          style: {"display":"block","max-width":"100%","margin":"0 auto"}
+        }, null, 8 /* PROPS */, _hoisted_5)
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["modelValue"])
+  ]))
+}
+}
+
+});
+var ImageUpload = /*#__PURE__*/_export_sfc(_sfc_main, [['__scopeId',"data-v-9ac7dd1b"]]);
+
+export { ImageUpload as default };

package/es/packages/components/ImageUpload/src/ImageUpload.vue2.mjs

@@ -0,0 +1,4 @@
+import styleInject from '../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.mjs';
+
+var css_248z = "\n/* 保持原有样式 */\n.component-upload-image[data-v-9ac7dd1b] .el-upload--picture-card {\n  width: 100px;\n  height: 100px;\n  line-height: 110px;\n}\n.component-upload-image[data-v-9ac7dd1b] .el-upload-list--picture-card .el-upload-list__item {\n  width: 100px;\n  height: 100px;\n}\n.component-upload-image[data-v-9ac7dd1b] .hide .el-upload--picture-card {\n  display: none;\n}\n";
+styleInject(css_248z);