easy-elplus 1.0.0

package/lib/packages/components/FileUpload/src/FileUpload.vue.js

@@ -0,0 +1,336 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var type = require('../../../utils/type.js');
+var event = require('../../../constants/event.js');
+require('./FileUpload.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+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: [event.UPDATE_MODEL_EVENT],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emit = __emit;
+
+const number = vue.ref(0);
+const uploadList = vue.ref([]);
+const fileList = vue.ref([]);
+const fileUploadRef = vue.ref(null);
+
+const showTip = vue.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)
+};
+
+vue.watch(
+  () => props.modelValue,
+  val => {
+    if (val) {
+      const list = Array.isArray(val) ? val : val.split(",");
+      fileList.value = list.map((item, index) => {
+        if (type.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) {
+      elementPlus.ElMessage.error(`文件格式不正确, 请上传${props.fileType.join("/")}格式文件!`);
+      return false
+    }
+  }
+  // 校检文件大小
+  if (props.fileSize && file.size / 1024 / 1024 > props.fileSize) {
+    elementPlus.ElMessage.error(`上传文件大小不能超过 ${props.fileSize} MB!`);
+    return false
+  }
+  number.value++;
+  return true
+}
+
+// 文件个数超出
+function handleExceed() {
+  elementPlus.ElMessage.error(`上传文件数量不能超过 ${props.limit} 个!`);
+}
+
+// 上传失败
+function handleUploadError(err) {
+  number.value--;
+  elementPlus.ElMessage.error(type.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) || "上传失败";
+    elementPlus.ElMessage.error(errorMsg);
+    fileUploadRef.value?.handleRemove(file);
+    uploadedSuccessfully();
+  }
+}
+
+// 删除文件
+function handleDelete(index) {
+  fileList.value.splice(index, 1);
+  emit(event.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(event.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(event.UPDATE_MODEL_EVENT, listToString(fileList.value));
+  }
+}
+
+// 获取文件名称
+function getFileName(name) {
+  if (!type.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 = vue.resolveComponent("el-icon");
+  const _component_el_button = vue.resolveComponent("el-button");
+  const _component_el_upload = vue.resolveComponent("el-upload");
+  const _component_el_link = vue.resolveComponent("el-link");
+
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.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: vue.withCtx(() => [
+        vue.createCommentVNode(" 上传按钮 "),
+        vue.createVNode(_component_el_button, { type: "primary" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_icon, { class: "el-icon--left" }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(iconsVue.Upload))
+              ]),
+              _: 1 /* STABLE */
+            }),
+            _cache[0] || (_cache[0] = vue.createTextVNode(" 选取文件 ", -1 /* CACHED */))
+          ]),
+          _: 1 /* STABLE */
+        })
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["action", "file-list", "limit", "headers"]),
+    vue.createCommentVNode(" 上传提示 "),
+    (showTip.value)
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = vue.createTextVNode(" 请上传 ", -1 /* CACHED */)),
+          (__props.fileSize)
+            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                _cache[1] || (_cache[1] = vue.createTextVNode(" 大小不超过 ", -1 /* CACHED */)),
+                vue.createElementVNode("b", _hoisted_3, vue.toDisplayString(__props.fileSize) + "MB", 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : vue.createCommentVNode("v-if", true),
+          (__props.fileType && __props.fileType.length)
+            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                _cache[2] || (_cache[2] = vue.createTextVNode(" 格式为 ", -1 /* CACHED */)),
+                vue.createElementVNode("b", _hoisted_4, vue.toDisplayString(__props.fileType.join("/")), 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : vue.createCommentVNode("v-if", true),
+          _cache[4] || (_cache[4] = vue.createTextVNode(" 的文件 ", -1 /* CACHED */))
+        ]))
+      : vue.createCommentVNode("v-if", true),
+    vue.createCommentVNode(" 文件列表 "),
+    vue.createVNode(vue.TransitionGroup, {
+      class: "upload-file-list el-upload-list el-upload-list--text",
+      name: "el-fade-in-linear",
+      tag: "ul"
+    }, {
+      default: vue.withCtx(() => [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fileList.value, (file, index) => {
+          return (vue.openBlock(), vue.createElementBlock("li", {
+            key: file.uid || index,
+            class: "el-upload-list__item ele-upload-list__item-content"
+          }, [
+            vue.createVNode(_component_el_link, {
+              href: getFileUrl(file.url),
+              underline: "never",
+              target: "_blank"
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_icon, { class: "el-icon--left" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Document))
+                  ]),
+                  _: 1 /* STABLE */
+                }),
+                vue.createElementVNode("span", null, vue.toDisplayString(getFileName(file.name)), 1 /* TEXT */)
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["href"]),
+            vue.createElementVNode("div", _hoisted_5, [
+              vue.createVNode(_component_el_link, {
+                underline: "never",
+                onClick: $event => (handleDelete(index)),
+                type: "danger"
+              }, {
+                default: vue.withCtx(() => [...(_cache[5] || (_cache[5] = [
+                  vue.createTextVNode("删除", -1 /* CACHED */)
+                ]))]),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["onClick"])
+            ])
+          ]))
+        }), 128 /* KEYED_FRAGMENT */))
+      ]),
+      _: 1 /* STABLE */
+    })
+  ]))
+}
+}
+
+});
+var FileUpload = /*#__PURE__*/_pluginVue_exportHelper.default(_sfc_main, [['__scopeId',"data-v-cc8b9b13"]]);
+
+exports.default = FileUpload;

package/lib/packages/components/FileUpload/src/FileUpload.vue2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
+
+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_es.default(css_248z);

package/lib/packages/components/ImageUpload/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/vue/install.js');
+var ImageUpload = require('./src/ImageUpload.vue.js');
+
+const EasyImageUpload = install.withInstall(ImageUpload.default);
+
+exports.EasyImageUpload = EasyImageUpload;
+exports.default = EasyImageUpload;

package/lib/packages/components/ImageUpload/src/ImageUpload.vue.js

@@ -0,0 +1,262 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var iconsVue = require('@element-plus/icons-vue');
+var type = require('../../../utils/type.js');
+var event = require('../../../constants/event.js');
+require('./ImageUpload.vue2.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+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: [event.UPDATE_MODEL_EVENT],
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emit = __emit;
+
+const number = vue.ref(0);
+const uploadList = vue.ref([]);
+const dialogImageUrl = vue.ref("");
+const dialogVisible = vue.ref(false);
+const fileList = vue.ref([]);
+const imageUploadRef = vue.ref(null);
+
+const showTip = vue.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)
+};
+
+vue.watch(
+  () => props.modelValue,
+  val => {
+    if (val) {
+      const list = Array.isArray(val) ? val : val.split(",");
+      fileList.value = list.map(item => {
+        if (type.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) {
+    elementPlus.ElMessage.error(`格式不正确, 请上传${props.fileType.join("/")}图片!`);
+    return false
+  }
+  if (props.fileSize && file.size / 1024 / 1024 > props.fileSize) {
+    elementPlus.ElMessage.error(`大小不能超过 ${props.fileSize} MB!`);
+    return false
+  }
+  number.value++;
+  return true
+}
+
+function handleExceed() {
+  elementPlus.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) || "上传失败";
+    elementPlus.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(event.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(event.UPDATE_MODEL_EVENT, listToString(fileList.value));
+  }
+}
+
+function handleUploadError(msg) {
+  elementPlus.ElMessage.error(type.isString(msg) ? msg : "上传图片失败");
+  number.value--;
+}
+
+function handlePictureCardPreview(file) {
+  dialogImageUrl.value = file.url;
+  dialogVisible.value = true;
+}
+
+function getFileName(name) {
+  if (!type.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 = vue.resolveComponent("el-icon");
+  const _component_el_upload = vue.resolveComponent("el-upload");
+  const _component_el_dialog = vue.resolveComponent("el-dialog");
+
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.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: vue.normalizeClass({ hide: fileList.value.length >= __props.limit })
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_el_icon, { class: "avatar-uploader-icon" }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(iconsVue.Plus))
+          ]),
+          _: 1 /* STABLE */
+        })
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["action", "limit", "headers", "file-list", "class"]),
+    (showTip.value)
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          _cache[3] || (_cache[3] = vue.createTextVNode(" 请上传 ", -1 /* CACHED */)),
+          (__props.fileSize)
+            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+                _cache[1] || (_cache[1] = vue.createTextVNode(" 大小不超过 ", -1 /* CACHED */)),
+                vue.createElementVNode("b", _hoisted_3, vue.toDisplayString(__props.fileSize) + "MB", 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : vue.createCommentVNode("v-if", true),
+          (__props.fileType)
+            ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+                _cache[2] || (_cache[2] = vue.createTextVNode(" 格式为 ", -1 /* CACHED */)),
+                vue.createElementVNode("b", _hoisted_4, vue.toDisplayString(__props.fileType.join("/")), 1 /* TEXT */)
+              ], 64 /* STABLE_FRAGMENT */))
+            : vue.createCommentVNode("v-if", true),
+          _cache[4] || (_cache[4] = vue.createTextVNode(" 的文件 ", -1 /* CACHED */))
+        ]))
+      : vue.createCommentVNode("v-if", true),
+    vue.createVNode(_component_el_dialog, {
+      modelValue: dialogVisible.value,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => ((dialogVisible).value = $event)),
+      title: "预览",
+      width: "800px",
+      "append-to-body": ""
+    }, {
+      default: vue.withCtx(() => [
+        vue.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__*/_pluginVue_exportHelper.default(_sfc_main, [['__scopeId',"data-v-9ac7dd1b"]]);
+
+exports.default = ImageUpload;

package/lib/packages/components/ImageUpload/src/ImageUpload.vue2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var styleInject_es = require('../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
+
+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_es.default(css_248z);

package/lib/packages/components/button/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var install = require('../../utils/vue/install.js');
+var button = require('./src/button.vue.js');
+
+// 用来整合组件的，最终实现导出组件
+
+
+// 通过 withInstall 方法给 button 添加了一个 Vue3 插件所需的 install 方法
+const EasyButton = install.withInstall(button.default);
+
+exports.EasyButton = EasyButton;
+exports.default = EasyButton;

package/lib/packages/components/button/src/button.vue.js

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+var shared_esmBundler = require('../../../../node_modules/.pnpm/@vue_shared@3.5.27/node_modules/@vue/shared/dist/shared.esm-bundler.js');
+var omit = require('../../../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/omit.js');
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  inheritAttrs: false,
+  name: "EasyButton"
+}, {
+  __name: 'button',
+  setup(__props) {
+
+
+
+const loading = vue.ref(false);
+
+const attrs = vue.useAttrs();
+const onClick = async () => {
+  try {
+    loading.value = true;
+
+    if (shared_esmBundler.isFunction(attrs.onClick)) {
+      await attrs.onClick();
+    }
+  } finally {
+    loading.value = false;
+  }
+};
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElButton), vue.mergeProps({ loading: loading.value }, vue.unref(omit.default)(vue.unref(attrs), 'onClick'), { onClick: onClick }), {
+    default: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 16 /* FULL_PROPS */, ["loading"]))
+}
+}
+
+});
+
+exports.default = _sfc_main;