bmp-layout 0.0.14 → 0.0.16

package/bmp-layout.es.js

@@ -1,9 +1,9 @@
-import { openBlock, createBlock, unref, normalizeClass, nextTick, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, createVNode, Fragment, defineComponent, isVNode, Teleport, Transition, withModifiers, toDisplayString, renderList, createCommentVNode, resolveComponent, provide, resolveDynamicComponent, onMounted, TransitionGroup, createTextVNode, mergeProps, isRef, onUnmounted, withDirectives, resolveDirective, renderSlot, render, useCssVars, createSlots, watchEffect, vShow, useSlots, useAttrs, inject, onBeforeUnmount, reactive, onUpdated } from "vue";
+import { openBlock, createBlock, unref, normalizeClass, nextTick, ref, computed, watch, withCtx, createElementBlock, createElementVNode, normalizeStyle, createVNode, Fragment, defineComponent, isVNode, Teleport, Transition, withModifiers, toDisplayString, renderList, createCommentVNode, resolveComponent, provide, resolveDynamicComponent, onMounted, TransitionGroup, createTextVNode, mergeProps, isRef, onUnmounted, withDirectives, resolveDirective, renderSlot, watchEffect, vShow, useSlots, useAttrs, createSlots, inject, onBeforeUnmount, reactive, onUpdated, render, useCssVars } from "vue";
 import { createPinia, defineStore } from "pinia";
 import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import { cloneDeep, omit } from "lodash-es";
-import { ElBacktop, ElIcon, ElMenuItem, ElSubMenu, ElScrollbar, ElMenu, ElInput, ElBadge, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAvatar, ElMessageBox, ElBreadcrumb, ElBreadcrumbItem, ElDrawer, ElMessage, ElConfigProvider, ElCard, ElImageViewer, ElNotification, ElUpload, ElLink, ElButton, ElPagination, ElDialog, ElAlert, ElAffix } from "element-plus";
-import { ElAffix as ElAffix2, ElAside, ElAutocomplete, ElAvatar as ElAvatar2, ElBreadcrumb as ElBreadcrumb2, ElBreadcrumbItem as ElBreadcrumbItem2, ElButton as ElButton2, ElButtonGroup, ElCalendar, ElCard as ElCard2, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElColorPicker, ElConfigProvider as ElConfigProvider2, ElContainer, ElCountdown, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDivider, ElDrawer as ElDrawer2, ElDropdown as ElDropdown2, ElDropdownItem as ElDropdownItem2, ElDropdownMenu as ElDropdownMenu2, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElImage, ElImageViewer as ElImageViewer2, ElInfiniteScroll, ElInput as ElInput2, ElInputNumber, ElInputTag, ElLink as ElLink2, ElLoading, ElMain, ElMention, ElMenu as ElMenu2, ElMenuItem as ElMenuItem2, ElMenuItemGroup, ElMessage as ElMessage2, ElMessageBox as ElMessageBox2, ElNotification as ElNotification2, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPopconfirm, ElPopover, ElPopper, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar as ElScrollbar2, ElSegmented, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElSplitter, ElSplitterPanel, ElStatistic, ElSubMenu as ElSubMenu2, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTabs, ElTag, ElText, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTour, ElTourStep, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload as ElUpload2, ElWatermark } from "element-plus";
+import { ElBacktop, ElIcon, ElMenuItem, ElSubMenu, ElScrollbar, ElMenu, ElInput, ElBadge, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAvatar, ElMessageBox, ElBreadcrumb, ElBreadcrumbItem, ElDrawer, ElMessage, ElConfigProvider, ElCard, ElPagination, ElDialog, ElAlert, ElAffix, ElImageViewer, ElNotification, ElUpload, ElLink, ElButton, ElAutocomplete, ElButtonGroup, ElCarousel, ElCarouselItem, ElCollapse, ElCollapseItem, ElCollapseTransition, ElDivider, ElEmpty, ElOverlay, ElPageHeader, ElProgress, ElResult, ElSkeleton, ElSkeletonItem, ElSpace, ElTag, ElText, ElCascader, ElCascaderPanel, ElCheckbox, ElCheckboxButton, ElCheckboxGroup, ElColorPicker, ElDatePicker, ElForm, ElFormItem, ElInputNumber, ElInputTag, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElSelect, ElOption, ElOptionGroup, ElSelectV2, ElSlider, ElSwitch, ElTimePicker, ElTimeSelect, ElTransfer, ElTreeSelect, ElMention, ElCalendar, ElCheckTag, ElCountdown, ElDescriptions, ElDescriptionsItem, ElImage, ElStatistic, ElTable, ElTableColumn, ElTimeline, ElTimelineItem, ElTree, ElTreeV2, ElMenuItemGroup, ElTabs, ElTabPane, ElPopover, ElPopconfirm, ElTooltip, ElContainer, ElAside, ElFooter, ElHeader, ElMain, ElRow, ElCol, ElSplitter, ElSplitterPanel, ElSegmented, ElTour, ElTourStep, ElWatermark, ElPopper } from "element-plus";
+import { ElAffix as ElAffix2, ElAside as ElAside2, ElAutocomplete as ElAutocomplete2, ElAvatar as ElAvatar2, ElBreadcrumb as ElBreadcrumb2, ElBreadcrumbItem as ElBreadcrumbItem2, ElButton as ElButton2, ElButtonGroup as ElButtonGroup2, ElCalendar as ElCalendar2, ElCard as ElCard2, ElCarousel as ElCarousel2, ElCarouselItem as ElCarouselItem2, ElCascader as ElCascader2, ElCascaderPanel as ElCascaderPanel2, ElCheckTag as ElCheckTag2, ElCheckbox as ElCheckbox2, ElCheckboxButton as ElCheckboxButton2, ElCheckboxGroup as ElCheckboxGroup2, ElCol as ElCol2, ElCollapse as ElCollapse2, ElCollapseItem as ElCollapseItem2, ElCollapseTransition as ElCollapseTransition2, ElColorPicker as ElColorPicker2, ElConfigProvider as ElConfigProvider2, ElContainer as ElContainer2, ElCountdown as ElCountdown2, ElDatePicker as ElDatePicker2, ElDescriptions as ElDescriptions2, ElDescriptionsItem as ElDescriptionsItem2, ElDivider as ElDivider2, ElDrawer as ElDrawer2, ElDropdown as ElDropdown2, ElDropdownItem as ElDropdownItem2, ElDropdownMenu as ElDropdownMenu2, ElEmpty as ElEmpty2, ElFooter as ElFooter2, ElForm as ElForm2, ElFormItem as ElFormItem2, ElHeader as ElHeader2, ElImage as ElImage2, ElImageViewer as ElImageViewer2, ElInfiniteScroll, ElInput as ElInput2, ElInputNumber as ElInputNumber2, ElInputTag as ElInputTag2, ElLink as ElLink2, ElLoading, ElMain as ElMain2, ElMention as ElMention2, ElMenu as ElMenu2, ElMenuItem as ElMenuItem2, ElMenuItemGroup as ElMenuItemGroup2, ElMessage as ElMessage2, ElMessageBox as ElMessageBox2, ElNotification as ElNotification2, ElOption as ElOption2, ElOptionGroup as ElOptionGroup2, ElOverlay as ElOverlay2, ElPageHeader as ElPageHeader2, ElPopconfirm as ElPopconfirm2, ElPopover as ElPopover2, ElPopper as ElPopper2, ElProgress as ElProgress2, ElRadio as ElRadio2, ElRadioButton as ElRadioButton2, ElRadioGroup as ElRadioGroup2, ElRate as ElRate2, ElResult as ElResult2, ElRow as ElRow2, ElScrollbar as ElScrollbar2, ElSegmented as ElSegmented2, ElSelect as ElSelect2, ElSelectV2 as ElSelectV22, ElSkeleton as ElSkeleton2, ElSkeletonItem as ElSkeletonItem2, ElSlider as ElSlider2, ElSpace as ElSpace2, ElSplitter as ElSplitter2, ElSplitterPanel as ElSplitterPanel2, ElStatistic as ElStatistic2, ElSubMenu as ElSubMenu2, ElSwitch as ElSwitch2, ElTabPane as ElTabPane2, ElTable as ElTable2, ElTableColumn as ElTableColumn2, ElTabs as ElTabs2, ElTag as ElTag2, ElText as ElText2, ElTimePicker as ElTimePicker2, ElTimeSelect as ElTimeSelect2, ElTimeline as ElTimeline2, ElTimelineItem as ElTimelineItem2, ElTooltip as ElTooltip2, ElTour as ElTour2, ElTourStep as ElTourStep2, ElTransfer as ElTransfer2, ElTree as ElTree2, ElTreeSelect as ElTreeSelect2, ElTreeV2 as ElTreeV22, ElUpload as ElUpload2, ElWatermark as ElWatermark2 } from "element-plus";
 import { createRouter, createWebHashHistory, useRoute, useRouter } from "vue-router";
 import "vue-i18n";
 import { useClipboard, useWindowSize } from "@vueuse/core";
@@ -9524,1763 +9524,1763 @@ const _sfc_main$b = /* @__PURE__ */ Object.assign({ name: "PageNavBar" }, {
   }
 });
 const PageNavBar = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-0d587176"]]);
-const _sfc_main$a = /* @__PURE__ */ Object.assign({ name: "ImageViewer" }, {
-  __name: "ImageViewer",
+const _sfc_main$a = /* @__PURE__ */ Object.assign({ name: "Badge" }, {
+  __name: "Badge",
   props: {
-    urlList: {
-      type: Array,
-      default: () => []
-    },
-    zIndex: {
-      type: Number,
-      default: 200
+    value: {
+      type: [String, Number],
+      default: ""
     },
-    initialIndex: {
+    max: {
       type: Number,
-      default: 0
-    },
-    infinite: {
-      type: Boolean,
-      default: true
+      default: 99
     },
-    hideOnClickModal: {
+    isDot: {
       type: Boolean,
       default: false
     },
-    teleported: {
+    hidden: {
       type: Boolean,
       default: false
     },
-    show: {
-      type: Boolean,
-      default: false
+    type: {
+      type: String,
+      default: "danger",
+      validator(value) {
+        return ["primary", "success", "warning", "danger", "info"].includes(value);
+      }
     }
   },
   setup(__props) {
     const props = __props;
-    const getBindValue = computed(() => {
-      const propsData = { ...props };
-      delete propsData.show;
-      return propsData;
-    });
-    const show = ref(props.show);
-    const close = () => {
-      show.value = false;
-    };
+    const { getPrefixCls: getPrefixCls2 } = useDesign();
+    const prefixCls2 = getPrefixCls2("badge");
     return (_ctx, _cache) => {
-      return unref(show) ? (openBlock(), createBlock(unref(ElImageViewer), mergeProps({ key: 0 }, unref(getBindValue), { onClose: close }), null, 16)) : createCommentVNode("", true);
+      return openBlock(), createBlock(unref(ElBadge), mergeProps(props, { class: unref(prefixCls2) }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["class"]);
     };
   }
 });
-let instance = null;
-function createImageViewer(options) {
-  if (!isClient)
-    return;
-  const {
-    urlList,
-    initialIndex = 0,
-    infinite = true,
-    hideOnClickModal = false,
-    teleported = false,
-    zIndex = 2e3,
-    show = true
-  } = options;
-  const propsData = {};
-  const container = document.createElement("div");
-  propsData.urlList = urlList;
-  propsData.initialIndex = initialIndex;
-  propsData.infinite = infinite;
-  propsData.hideOnClickModal = hideOnClickModal;
-  propsData.teleported = teleported;
-  propsData.zIndex = zIndex;
-  propsData.show = show;
-  document.body.appendChild(container);
-  instance = createVNode(_sfc_main$a, propsData);
-  render(instance, container);
-}
-const useMessage = () => {
-  const { t: t2 } = useI18n("layout");
-  const scssVariables = variables$1;
-  return {
-    // 消息提示
-    info(content) {
-      ElMessage.info(content);
-    },
-    // 错误消息
-    error(content) {
-      ElMessage.error(content);
-    },
-    // 成功消息
-    success(content) {
-      ElMessage.success(content);
-    },
-    // 警告消息
-    warning(content) {
-      ElMessage.warning(content);
+const _sfc_main$9 = /* @__PURE__ */ Object.assign({ name: "Pagination" }, {
+  __name: "Pagination",
+  props: {
+    // 总条目数
+    total: {
+      required: true,
+      type: Number
     },
-    // 弹出提示
-    alert(content) {
-      ElMessageBox.alert(content, t2("common.confirmTitle"));
+    // 当前页数：pageNo
+    page: {
+      type: Number,
+      default: 1
     },
-    // 错误提示
-    alertError(content) {
-      ElMessageBox.alert(content, t2("common.confirmTitle"), { type: "error" });
+    // 每页显示条目个数：pageSize
+    limit: {
+      type: Number,
+      default: 20
     },
-    // 成功提示
-    alertSuccess(content) {
-      ElMessageBox.alert(content, t2("common.confirmTitle"), { type: "success" });
+    // 设置最大页码按钮数。 页码按钮的数量，当总页数超过该值时会折叠
+    // 移动端页码按钮的数量端默认值 5
+    pagerCount: {
+      type: Number,
+      default: document.body.clientWidth < 992 ? 5 : 7
+    }
+  },
+  emits: ["update:page", "update:limit", "pagination"],
+  setup(__props, { emit: __emit }) {
+    const appStore = useAppStore();
+    const layoutCurrentSize = computed(() => appStore.currentSize);
+    const isSmall = ref(layoutCurrentSize.value === "small");
+    watchEffect(() => {
+      isSmall.value = layoutCurrentSize.value === "small";
+    });
+    const props = __props;
+    const emit = __emit;
+    const currentPage = computed({
+      get() {
+        return props.page;
+      },
+      set(val) {
+        emit("update:page", val);
+      }
+    });
+    const pageSize = computed({
+      get() {
+        return props.limit;
+      },
+      set(val) {
+        emit("update:limit", val);
+      }
+    });
+    const handleSizeChange = (val) => {
+      if (currentPage.value * val > props.total) {
+        currentPage.value = 1;
+      }
+      emit("pagination", { page: currentPage.value, limit: val });
+    };
+    const handleCurrentChange = (val) => {
+      emit("pagination", { page: val, limit: pageSize.value });
+    };
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createBlock(unref(ElPagination), {
+        "current-page": currentPage.value,
+        "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
+        "page-size": pageSize.value,
+        "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
+        "pager-count": __props.pagerCount,
+        total: __props.total,
+        small: unref(isSmall),
+        class: "m-t-16px",
+        layout: "prev, pager, next, sizes",
+        onSizeChange: handleSizeChange,
+        onCurrentChange: handleCurrentChange
+      }, null, 8, ["current-page", "page-size", "pager-count", "total", "small"])), [
+        [vShow, __props.total > 0]
+      ]);
+    };
+  }
+});
+const _hoisted_1$4 = { class: "title" };
+const _hoisted_2$4 = { class: "absolute right-17px top-[50%] h-54px flex translate-y-[-50%] items-center justify-between" };
+const _hoisted_3$4 = { class: "p-20px" };
+const _hoisted_4$4 = {
+  key: 1,
+  class: "pt-16px p-l-20px p-r-20px"
+};
+const _sfc_main$8 = /* @__PURE__ */ Object.assign({ name: "Dialog" }, {
+  __name: "Dialog",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
     },
-    // 警告提示
-    alertWarning(content) {
-      ElMessageBox.alert(content, t2("common.confirmTitle"), { type: "warning" });
+    title: {
+      type: String,
+      default: "Dialog"
     },
-    // 通知提示
-    notify(content) {
-      ElNotification.info(content);
+    fullscreen: {
+      type: Boolean,
+      default: false
     },
-    // 错误通知
-    notifyError(content) {
-      ElNotification.error(content);
+    width: {
+      type: [String, Number]
     },
-    // 成功通知
-    notifySuccess(content) {
-      ElNotification.success(content);
+    // 是否开启滚动条。如果是的话，按照 maxHeight 设置最大高度
+    scroll: {
+      type: Boolean,
+      default: false
     },
-    // 警告通知
-    notifyWarning(content) {
-      ElNotification.warning(content);
+    maxHeight: {
+      type: [String, Number],
+      default: "60vh"
     },
-    // 确认窗体
-    confirm(content, tip, options = {}) {
-      return ElMessageBox.confirm(content, tip ? tip : t2("common.confirmTitle"), {
-        ...options,
-        customClass: `${options.customClass} ${scssVariables.namespace}-message-box`,
-        confirmButtonText: options.confirmButtonText ?? t2("common.ok"),
-        cancelButtonText: options.cancelButtonText ?? t2("common.cancel"),
-        buttonSize: "default",
-        center: true
-      });
+    // width有值时优先使用width
+    size: {
+      type: String,
+      default: "default",
+      validate(value) {
+        return ["large", "default", "small"].includes(value);
+      }
     },
-    // 删除窗体
-    delConfirm(content, tip) {
-      return ElMessageBox.confirm(
-        content ? content : t2("common.delMessage"),
-        tip ? tip : t2("common.confirmTitle"),
-        {
-          customClass: `${scssVariables.namespace}-message-box`,
-          confirmButtonText: t2("common.ok"),
-          cancelButtonText: t2("common.cancel"),
-          buttonSize: "default",
-          center: true,
-          type: "warning"
-        }
-      );
+    top: {
+      type: String,
+      default: "0"
     },
-    // 导出窗体
-    exportConfirm(content, tip) {
-      return ElMessageBox.confirm(
-        content ? content : t2("common.exportMessage"),
-        tip ? tip : t2("common.confirmTitle"),
-        {
-          confirmButtonText: t2("common.ok"),
-          cancelButtonText: t2("common.cancel"),
-          type: "warning"
-        }
-      );
-    },
-    // 提交内容
-    prompt(content, tip, options = {}) {
-      return ElMessageBox.prompt(content, tip, {
-        confirmButtonText: t2("common.ok"),
-        cancelButtonText: t2("common.cancel"),
-        ...options
-      });
-    }
-  };
-};
-const _hoisted_1$4 = { class: "upload-box" };
-const _hoisted_2$4 = ["src"];
-const _hoisted_3$4 = { key: 0 };
-const _hoisted_4$4 = { key: 0 };
-const _hoisted_5$3 = {
-  key: 1,
-  class: "upload-empty"
-};
-const _hoisted_6$2 = { class: "el-upload__tip" };
-const _sfc_main$9 = /* @__PURE__ */ Object.assign({ name: "UploadImg", inheritAttrs: false }, {
-  __name: "UploadImg",
-  props: {
-    modelValue: {
-      type: String,
-      default: ""
-    },
-    // 是否支持拖拽上传 ==> 非必传（默认为 true）
-    drag: {
-      type: Boolean,
-      default: true
-    },
-    // 是否禁用上传组件 ==> 非必传（默认为 false）
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 图片大小限制 ==> 非必传（默认为 5M）
-    fileSize: {
-      type: Number,
-      default: 5
-    },
-    // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
-    fileType: {
-      type: Array,
-      default: () => ["image/jpeg", "image/png", "image/gif"]
-    },
-    // 组件高度 ==> 非必传（默认为 150px）
-    height: {
-      type: String,
-      default: "100px"
-    },
-    // 组件宽度 ==> 非必传（默认为 150px）
-    width: {
-      type: String,
-      default: "100px"
-    },
-    // 组件边框圆角 ==> 非必传（默认为 8px）
-    borderradius: {
-      type: String,
-      default: "4px"
-    },
-    // 是否显示删除按钮
-    showDelete: {
+    scrollbarAlways: {
       type: Boolean,
       default: true
-    },
-    // 是否显示按钮文字
-    showBtnText: {
-      type: Boolean,
-      default: false
-    },
-    // 上传目录 ==> 非必传（默认为 undefined）
-    directory: {
-      type: String,
-      default: void 0
-    },
-    // 自定义上传函数（必填）==> 必传
-    customUpload: {
-      type: Function,
-      required: true
-    },
-    // 自定义从上传结果中提取 URL 的函数 ==> 非必传（默认为提取 res.data）
-    getUploadUrl: {
-      type: Function,
-      default: (res) => res.data
     }
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "close"],
   setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "3d8ea9da": __props.width,
-      "2c0dbd7a": __props.height,
-      "00ef71d1": __props.borderradius
-    }));
+    const slots = useSlots();
     const props = __props;
-    const { t: t2 } = useI18n("layout");
-    const message = useMessage();
-    const uuid = ref("id-" + generateUUID());
-    const imagePreview = (imgUrl) => {
-      createImageViewer({
-        zIndex: 9999999,
-        urlList: [imgUrl]
-      });
-    };
     const emit = __emit;
-    const deleteImg = () => {
-      emit("update:modelValue", "");
-    };
-    const httpRequest = async (options) => {
-      return await props.customUpload(options.file, {
-        directory: props.directory
-      });
-    };
-    const beforeUpload = (rawFile) => {
-      const imgSize = rawFile.size / 1024 / 1024 < props.fileSize;
-      const imgType = props.fileType;
-      if (!imgType.includes(rawFile.type))
-        message.notifyWarning("上传图片不符合所需的格式！");
-      if (!imgSize)
-        message.notifyWarning(`上传图片大小不能超过 ${props.fileSize}M！`);
-      return imgType.includes(rawFile.type) && imgSize;
-    };
-    const uploadSuccess = (res) => {
-      message.success("上传成功");
-      const fileUrl = props.getUploadUrl(res);
-      emit("update:modelValue", fileUrl);
-    };
-    const uploadError = () => {
-      message.notifyError("图片上传失败，请您重新上传！");
+    const getBindValue = computed(() => {
+      const delArr = ["fullscreen", "title", "maxHeight", "appendToBody"];
+      const attrs = useAttrs();
+      const obj = { ...attrs, ...props };
+      for (const key in obj) {
+        if (delArr.indexOf(key) !== -1) {
+          delete obj[key];
+        }
+      }
+      return obj;
+    });
+    const dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight);
+    const dialogStyle = computed(() => {
+      return {
+        height: unref(dialogHeight)
+      };
+    });
+    const dialogWidth = computed(() => {
+      return props.width ?? (props.size === "default" ? "40%" : props.size === "large" ? "60%" : "30%");
+    });
+    const dialogClose = () => {
+      emit("update:modelValue", false);
+      emit("close");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createVNode(unref(ElUpload), {
-          id: unref(uuid),
-          accept: __props.fileType.join(","),
-          "before-upload": beforeUpload,
-          class: normalizeClass(["upload", __props.drag ? "no-border" : ""]),
-          disabled: __props.disabled,
-          drag: __props.drag,
-          "http-request": httpRequest,
-          multiple: false,
-          "on-error": uploadError,
-          "on-success": uploadSuccess,
-          "show-file-list": false
-        }, {
-          default: withCtx(() => [
-            __props.modelValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              createElementVNode("img", {
-                src: __props.modelValue,
-                class: "upload-image"
-              }, null, 8, _hoisted_2$4),
-              createElementVNode("div", {
-                class: "upload-handle",
-                onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                }, ["stop"]))
-              }, [
-                createElementVNode("div", {
-                  class: "handle-icon",
-                  onClick: _cache[0] || (_cache[0] = ($event) => imagePreview(__props.modelValue))
-                }, [
-                  createVNode(unref(_sfc_main$v), { icon: "ant-design:zoom-in-outlined" }),
-                  __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(unref(t2)("action.detail")), 1)) : createCommentVNode("", true)
-                ]),
-                __props.showDelete && !__props.disabled ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: "handle-icon",
-                  onClick: deleteImg
-                }, [
-                  createVNode(unref(_sfc_main$v), { icon: "ant-design:delete-outlined" }),
-                  __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_4$4, toDisplayString(unref(t2)("action.del")), 1)) : createCommentVNode("", true)
-                ])) : createCommentVNode("", true)
+      const _component_Icon = resolveComponent("Icon");
+      return openBlock(), createBlock(unref(ElDialog), mergeProps(unref(getBindValue), {
+        "close-on-click-modal": true,
+        fullscreen: __props.fullscreen,
+        width: unref(dialogWidth),
+        top: __props.top,
+        "destroy-on-close": "",
+        "lock-scroll": "",
+        class: "com-dialog",
+        "modal-class": "com-modal-dialog",
+        "footer-class": __props.scroll ? "footer-shadow" : "",
+        "show-close": false,
+        onClose: dialogClose
+      }), createSlots({
+        header: withCtx(({ close }) => [
+          createElementVNode("div", _hoisted_1$4, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(__props.title), 1)
+            ]),
+            createElementVNode("div", _hoisted_2$4, [
+              createVNode(_component_Icon, {
+                class: "is-hover cursor-pointer",
+                icon: "ep:close",
+                "hover-color": "var(--el-color-primary)",
+                color: "var(--el-color-info)",
+                onClick: withModifiers(close, ["stop"])
+              }, null, 8, ["onClick"])
+            ])
+          ])
+        ]),
+        default: withCtx(() => [
+          __props.scroll ? (openBlock(), createBlock(unref(ElScrollbar), {
+            key: 0,
+            style: normalizeStyle(unref(dialogStyle)),
+            always: __props.scrollbarAlways
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_3$4, [
+                renderSlot(_ctx.$slots, "default")
               ])
-            ], 64)) : (openBlock(), createElementBlock("div", _hoisted_5$3, [
-              renderSlot(_ctx.$slots, "empty", {}, () => [
-                createVNode(unref(_sfc_main$v), {
-                  icon: "ep:plus",
-                  size: 20
-                }),
-                _cache[2] || (_cache[2] = createElementVNode("span", { class: "empty-text" }, "点击上传", -1))
-              ], true)
-            ]))
+            ]),
+            _: 3
+          }, 8, ["style", "always"])) : (openBlock(), createElementBlock("div", _hoisted_4$4, [
+            renderSlot(_ctx.$slots, "default")
+          ]))
+        ]),
+        _: 2
+      }, [
+        unref(slots).footer ? {
+          name: "footer",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "footer")
           ]),
-          _: 3
-        }, 8, ["id", "accept", "class", "disabled", "drag"]),
-        createElementVNode("div", _hoisted_6$2, [
-          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
-        ])
-      ]);
+          key: "0"
+        } : void 0
+      ]), 1040, ["fullscreen", "width", "top", "footer-class"]);
     };
   }
 });
-const UploadImg = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-4a1df97a"]]);
-const _hoisted_1$3 = { class: "upload-box" };
-const _hoisted_2$3 = { class: "upload-empty" };
-const _hoisted_3$3 = ["src"];
-const _hoisted_4$3 = ["onClick"];
-const _hoisted_5$2 = { key: 0 };
-const _hoisted_6$1 = ["onClick"];
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { class: "el-upload__tip" };
-const _sfc_main$8 = /* @__PURE__ */ Object.assign({ name: "UploadImgs", inheritAttrs: false }, {
-  __name: "UploadImgs",
+const _sfc_main$7 = /* @__PURE__ */ Object.assign({ name: "Alert" }, {
+  __name: "Alert",
   props: {
-    modelValue: {
-      type: [String, Array],
-      required: true
-    },
-    // 是否支持拖拽上传 ==> 非必传（默认为 true）
-    drag: {
-      type: Boolean,
-      default: true
+    title: String,
+    type: {
+      type: String,
+      default: "info",
+      validator(value) {
+        return ["success", "warning", "info", "error"].includes(value);
+      }
     },
-    // 是否禁用上传组件 ==> 非必传（默认为 false）
-    disabled: {
+    description: String,
+    closable: {
       type: Boolean,
       default: false
     },
-    // 最大图片上传数 ==> 非必传（默认为 5张）
-    limit: {
-      type: Number,
-      default: 5
-    },
-    // 图片大小限制 ==> 非必传（默认为 5M）
-    fileSize: {
-      type: Number,
-      default: 5
-    },
-    // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
-    fileType: {
-      type: Array,
-      default: () => ["image/jpeg", "image/png", "image/gif"]
-    },
-    // 组件高度 ==> 非必传（默认为 150px）
-    height: {
-      type: String,
-      default: "100px"
-    },
-    // 组件宽度 ==> 非必传（默认为 150px）
-    width: {
-      type: String,
-      default: "100px"
-    },
-    // 组件边框圆角 ==> 非必传（默认为 8px）
-    borderradius: {
-      type: String,
-      default: "4px"
-    },
-    // 是否显示按钮文字
-    showBtnText: {
+    center: {
       type: Boolean,
       default: false
     },
-    // 上传目录 ==> 非必传（默认为 undefined）
-    directory: {
-      type: String,
-      default: void 0
-    },
-    // 自定义上传函数（必填）==> 必传
-    customUpload: {
-      type: Function,
-      required: true
-    },
-    // 自定义从上传结果中提取 URL 的函数 ==> 非必传（默认为提取 res.data）
-    getUploadUrl: {
-      type: Function,
-      default: (res) => res.data
+    closeText: String,
+    showIcon: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "1238a60c": __props.borderradius,
-      "c60c1990": __props.width,
-      "2f150c16": __props.height
-    }));
-    const message = useMessage();
-    const imagePreview = (imgUrl) => {
-      createImageViewer({
-        zIndex: 9999999,
-        urlList: [imgUrl]
-      });
-    };
+  setup(__props) {
+    const { getPrefixCls: getPrefixCls2 } = useDesign();
+    const prefixCls2 = getPrefixCls2("alert");
     const props = __props;
-    const httpRequest = async (options) => {
-      return await props.customUpload(options.file, {
-        directory: props.directory
-      });
-    };
-    const fileList = ref([]);
-    const uploadNumber = ref(0);
-    const uploadList = ref([]);
-    const beforeUpload = (rawFile) => {
-      const imgSize = rawFile.size / 1024 / 1024 < props.fileSize;
-      const imgType = props.fileType;
-      if (!imgType.includes(rawFile.type))
-        ElNotification({
-          title: "温馨提示",
-          message: "上传图片不符合所需的格式！",
-          type: "warning"
-        });
-      if (!imgSize)
-        ElNotification({
-          title: "温馨提示",
-          message: `上传图片大小不能超过 ${props.fileSize}M！`,
-          type: "warning"
-        });
-      uploadNumber.value++;
-      return imgType.includes(rawFile.type) && imgSize;
-    };
-    const emit = __emit;
-    const uploadSuccess = (res) => {
-      message.success("上传成功");
-      const fileUrl = props.getUploadUrl(res);
-      const index = fileList.value.findIndex((item) => {
-        var _a2;
-        return ((_a2 = item.response) == null ? void 0 : _a2.data) === fileUrl;
-      });
-      fileList.value.splice(index, 1);
-      uploadList.value.push({ name: fileUrl, url: fileUrl });
-      if (uploadList.value.length == uploadNumber.value) {
-        fileList.value.push(...uploadList.value);
-        uploadList.value = [];
-        uploadNumber.value = 0;
-        emitUpdateModelValue();
-      }
-    };
-    watch(
-      () => props.modelValue,
-      (val) => {
-        if (!val) {
-          fileList.value = [];
-          return;
-        }
-        fileList.value = [];
-        fileList.value.push(
-          ...val.map((url) => ({ name: url.substring(url.lastIndexOf("/") + 1), url }))
-        );
-      },
-      { immediate: true, deep: true }
-    );
-    const emitUpdateModelValue = () => {
-      let result = fileList.value.map((file) => file.url);
-      emit("update:modelValue", result);
-    };
-    const handleRemove = (uploadFile) => {
-      fileList.value = fileList.value.filter(
-        (item) => item.url !== uploadFile.url || item.name !== uploadFile.name
-      );
-      emit(
-        "update:modelValue",
-        fileList.value.map((file) => file.url)
-      );
-    };
-    const uploadError = () => {
-      ElNotification({
-        title: "温馨提示",
-        message: "图片上传失败，请您重新上传！",
-        type: "error"
-      });
-    };
-    const handleExceed = () => {
-      ElNotification({
-        title: "温馨提示",
-        message: `当前最多只能上传 ${props.limit} 张图片，请移除后上传！`,
-        type: "warning"
-      });
-    };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createVNode(unref(ElUpload), {
-          "file-list": unref(fileList),
-          "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => isRef(fileList) ? fileList.value = $event : null),
-          accept: __props.fileType.join(","),
-          "before-upload": beforeUpload,
-          class: normalizeClass(["upload", __props.drag ? "no-border" : ""]),
-          disabled: __props.disabled,
-          drag: __props.drag,
-          "http-request": httpRequest,
-          limit: __props.limit,
-          multiple: true,
-          "on-error": uploadError,
-          "on-exceed": handleExceed,
-          "on-success": uploadSuccess,
-          "list-type": "picture-card"
-        }, {
-          file: withCtx(({ file }) => [
-            createElementVNode("img", {
-              src: file.url,
-              class: "upload-image"
-            }, null, 8, _hoisted_3$3),
-            createElementVNode("div", {
-              class: "upload-handle",
-              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-              }, ["stop"]))
-            }, [
-              createElementVNode("div", {
-                class: "handle-icon",
-                onClick: ($event) => imagePreview(file.url)
-              }, [
-                createVNode(unref(_sfc_main$v), { icon: "ant-design:zoom-in-outlined" }),
-                __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_5$2, "查看")) : createCommentVNode("", true)
-              ], 8, _hoisted_4$3),
-              !__props.disabled ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "handle-icon",
-                onClick: ($event) => handleRemove(file)
-              }, [
-                createVNode(unref(_sfc_main$v), { icon: "ant-design:delete-outlined" }),
-                __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_7, "删除")) : createCommentVNode("", true)
-              ], 8, _hoisted_6$1)) : createCommentVNode("", true)
-            ])
-          ]),
-          default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$3, [
-              renderSlot(_ctx.$slots, "empty", {}, () => [
-                createVNode(unref(_sfc_main$v), {
-                  icon: "ep:plus",
-                  size: 20
-                }),
-                _cache[2] || (_cache[2] = createElementVNode("span", { class: "empty-text" }, "点击上传", -1))
-              ], true)
-            ])
-          ]),
-          _: 3
-        }, 8, ["file-list", "accept", "class", "disabled", "drag", "limit"]),
-        createElementVNode("div", _hoisted_8, [
-          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
-        ])
-      ]);
+      return openBlock(), createBlock(unref(ElAlert), mergeProps(props, { class: unref(prefixCls2) }), null, 16, ["class"]);
     };
   }
 });
-const UploadImgs = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-92b67a34"]]);
-const _hoisted_1$2 = { class: "mt-10px line-height-20px color-[var(--el-upload-tip-color)] text-12px" };
-const _hoisted_2$2 = { class: "flex items-center" };
-const _hoisted_3$2 = { class: "ml-10px" };
-const _hoisted_4$2 = { class: "ml-10px" };
-const _hoisted_5$1 = { class: "ml-10px" };
-const _sfc_main$7 = /* @__PURE__ */ Object.assign({ name: "UploadFile", inheritAttrs: false }, {
-  __name: "UploadFile",
-  props: {
-    modelValue: {
-      type: [String, Array],
-      required: true
-    },
-    // 文件类型, 例如['png', 'jpg', 'jpeg']
-    fileType: {
-      type: Array,
-      default: () => ["doc", "xls", "ppt", "txt", "pdf"]
-    },
-    // 大小限制(MB)
-    fileSize: {
-      type: Number,
-      default: 5
-    },
-    // 数量限制
-    limit: {
-      type: Number,
-      default: 5
-    },
-    // 自动上传
-    autoUpload: {
-      type: Boolean,
-      default: true
-    },
-    // 拖拽上传
-    drag: {
-      type: Boolean,
-      default: false
-    },
-    // 是否显示提示
-    isShowTip: {
-      type: Boolean,
-      default: true
-    },
-    // 是否禁用上传组件 ==> 非必传（默认为 false）
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    // 上传目录 ==> 非必传（默认为 undefined）
-    directory: {
-      type: String,
-      default: void 0
-    },
-    // 自定义上传函数（必填）==> 必传
-    customUpload: {
-      type: Function,
-      required: true
-    },
-    // 自定义从上传结果中提取 URL 的函数 ==> 非必传（默认为提取 res.data）
-    getUploadUrl: {
-      type: Function,
-      default: (res) => res.data
+const t = (t2) => "object" == typeof t2 && null != t2 && 1 === t2.nodeType, e$1 = (t2, e2) => (!e2 || "hidden" !== t2) && ("visible" !== t2 && "clip" !== t2), n = (t2, n2) => {
+  if (t2.clientHeight < t2.scrollHeight || t2.clientWidth < t2.scrollWidth) {
+    const o2 = getComputedStyle(t2, null);
+    return e$1(o2.overflowY, n2) || e$1(o2.overflowX, n2) || ((t3) => {
+      const e2 = ((t4) => {
+        if (!t4.ownerDocument || !t4.ownerDocument.defaultView)
+          return null;
+        try {
+          return t4.ownerDocument.defaultView.frameElement;
+        } catch (t5) {
+          return null;
+        }
+      })(t3);
+      return !!e2 && (e2.clientHeight < t3.scrollHeight || e2.clientWidth < t3.scrollWidth);
+    })(t2);
+  }
+  return false;
+}, o$1 = (t2, e2, n2, o2, l2, r2, i, s) => r2 < t2 && i > e2 || r2 > t2 && i < e2 ? 0 : r2 <= t2 && s <= n2 || i >= e2 && s >= n2 ? r2 - t2 - o2 : i > e2 && s < n2 || r2 < t2 && s > n2 ? i - e2 + l2 : 0, l = (t2) => {
+  const e2 = t2.parentElement;
+  return null == e2 ? t2.getRootNode().host || null : e2;
+}, r = (e2, r2) => {
+  var i, s, d, h;
+  if ("undefined" == typeof document)
+    return [];
+  const { scrollMode: c, block: f, inline: u, boundary: a, skipOverflowHiddenElements: g } = r2, p = "function" == typeof a ? a : (t2) => t2 !== a;
+  if (!t(e2))
+    throw new TypeError("Invalid target");
+  const m = document.scrollingElement || document.documentElement, w = [];
+  let W = e2;
+  for (; t(W) && p(W); ) {
+    if (W = l(W), W === m) {
+      w.push(W);
+      break;
     }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit: __emit }) {
-    const message = useMessage();
-    const emit = __emit;
-    const props = __props;
-    const uploadRef = ref();
-    const uploadList = ref([]);
-    const fileList = ref([]);
-    const uploadNumber = ref(0);
-    const httpRequest = async (options) => {
-      return await props.customUpload(options.file, {
-        directory: props.directory
+    null != W && W === document.body && n(W) && !n(document.documentElement) || null != W && n(W, g) && w.push(W);
+  }
+  const b = null != (s = null == (i = window.visualViewport) ? void 0 : i.width) ? s : innerWidth, H = null != (h = null == (d = window.visualViewport) ? void 0 : d.height) ? h : innerHeight, { scrollX: y, scrollY: M } = window, { height: v, width: E, top: x, right: C, bottom: I, left: R } = e2.getBoundingClientRect(), { top: T, right: B, bottom: F, left: V } = ((t2) => {
+    const e3 = window.getComputedStyle(t2);
+    return { top: parseFloat(e3.scrollMarginTop) || 0, right: parseFloat(e3.scrollMarginRight) || 0, bottom: parseFloat(e3.scrollMarginBottom) || 0, left: parseFloat(e3.scrollMarginLeft) || 0 };
+  })(e2);
+  let k = "start" === f || "nearest" === f ? x - T : "end" === f ? I + F : x + v / 2 - T + F, D = "center" === u ? R + E / 2 - V + B : "end" === u ? C + B : R - V;
+  const L = [];
+  for (let t2 = 0; t2 < w.length; t2++) {
+    const e3 = w[t2], { height: l2, width: r3, top: i2, right: s2, bottom: d2, left: h2 } = e3.getBoundingClientRect();
+    if ("if-needed" === c && x >= 0 && R >= 0 && I <= H && C <= b && (e3 === m && !n(e3) || x >= i2 && I <= d2 && R >= h2 && C <= s2))
+      return L;
+    const a2 = getComputedStyle(e3), g2 = parseInt(a2.borderLeftWidth, 10), p2 = parseInt(a2.borderTopWidth, 10), W2 = parseInt(a2.borderRightWidth, 10), T2 = parseInt(a2.borderBottomWidth, 10);
+    let B2 = 0, F2 = 0;
+    const V2 = "offsetWidth" in e3 ? e3.offsetWidth - e3.clientWidth - g2 - W2 : 0, S = "offsetHeight" in e3 ? e3.offsetHeight - e3.clientHeight - p2 - T2 : 0, X = "offsetWidth" in e3 ? 0 === e3.offsetWidth ? 0 : r3 / e3.offsetWidth : 0, Y = "offsetHeight" in e3 ? 0 === e3.offsetHeight ? 0 : l2 / e3.offsetHeight : 0;
+    if (m === e3)
+      B2 = "start" === f ? k : "end" === f ? k - H : "nearest" === f ? o$1(M, M + H, H, p2, T2, M + k, M + k + v, v) : k - H / 2, F2 = "start" === u ? D : "center" === u ? D - b / 2 : "end" === u ? D - b : o$1(y, y + b, b, g2, W2, y + D, y + D + E, E), B2 = Math.max(0, B2 + M), F2 = Math.max(0, F2 + y);
+    else {
+      B2 = "start" === f ? k - i2 - p2 : "end" === f ? k - d2 + T2 + S : "nearest" === f ? o$1(i2, d2, l2, p2, T2 + S, k, k + v, v) : k - (i2 + l2 / 2) + S / 2, F2 = "start" === u ? D - h2 - g2 : "center" === u ? D - (h2 + r3 / 2) + V2 / 2 : "end" === u ? D - s2 + W2 + V2 : o$1(h2, s2, r3, g2, W2 + V2, D, D + E, E);
+      const { scrollLeft: t3, scrollTop: n2 } = e3;
+      B2 = 0 === Y ? 0 : Math.max(0, Math.min(n2 + B2 / Y, e3.scrollHeight - l2 / Y + S)), F2 = 0 === X ? 0 : Math.max(0, Math.min(t3 + F2 / X, e3.scrollWidth - r3 / X + V2)), k += n2 - B2, D += t3 - F2;
+    }
+    L.push({ el: e3, top: B2, left: F2 });
+  }
+  return L;
+};
+const o = (t2) => false === t2 ? { block: "end", inline: "nearest" } : ((t3) => t3 === Object(t3) && 0 !== Object.keys(t3).length)(t2) ? t2 : { block: "start", inline: "nearest" };
+function e(e2, r$1) {
+  if (!e2.isConnected || !((t2) => {
+    let o2 = t2;
+    for (; o2 && o2.parentNode; ) {
+      if (o2.parentNode === document)
+        return true;
+      o2 = o2.parentNode instanceof ShadowRoot ? o2.parentNode.host : o2.parentNode;
+    }
+    return false;
+  })(e2))
+    return;
+  const n2 = ((t2) => {
+    const o2 = window.getComputedStyle(t2);
+    return { top: parseFloat(o2.scrollMarginTop) || 0, right: parseFloat(o2.scrollMarginRight) || 0, bottom: parseFloat(o2.scrollMarginBottom) || 0, left: parseFloat(o2.scrollMarginLeft) || 0 };
+  })(e2);
+  if (((t2) => "object" == typeof t2 && "function" == typeof t2.behavior)(r$1))
+    return r$1.behavior(r(e2, r$1));
+  const l2 = "boolean" == typeof r$1 || null == r$1 ? void 0 : r$1.behavior;
+  for (const { el: a, top: i, left: s } of r(e2, o(r$1))) {
+    const t2 = i - n2.top + n2.bottom, o2 = s - n2.left + n2.right;
+    a.scroll({ top: t2, left: o2, behavior: l2 });
+  }
+}
+let raf = (callback2) => setTimeout(callback2, 16);
+let caf = (num) => clearTimeout(num);
+if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
+  raf = (callback2) => window.requestAnimationFrame(callback2);
+  caf = (handle) => window.cancelAnimationFrame(handle);
+}
+let rafUUID = 0;
+const rafIds = /* @__PURE__ */ new Map();
+function cleanup(id) {
+  rafIds.delete(id);
+}
+function wrapperRaf(callback2, times = 1) {
+  rafUUID += 1;
+  const id = rafUUID;
+  function callRef(leftTimes) {
+    if (leftTimes === 0) {
+      cleanup(id);
+      callback2();
+    } else {
+      const realId = raf(() => {
+        callRef(leftTimes - 1);
       });
-    };
-    const beforeUpload = (file) => {
-      if (fileList.value.length >= props.limit) {
-        message.error(`上传文件数量不能超过${props.limit}个!`);
-        return false;
+      rafIds.set(id, realId);
+    }
+  }
+  callRef(times);
+  return id;
+}
+wrapperRaf.cancel = (id) => {
+  const realId = rafIds.get(id);
+  cleanup(realId);
+  return caf(realId);
+};
+const sharpMatcherRegx = /#([\S ]+)$/;
+const getDefaultContainer = () => {
+  return window;
+};
+const getOffsetTop = (element, container) => {
+  if (!element.getClientRects().length) {
+    return 0;
+  }
+  const ele = element.getBoundingClientRect();
+  if (ele.width || ele.height) {
+    if (container === window) {
+      container = element.ownerDocument.documentElement;
+      return ele.top - container.clientTop;
+    }
+    return ele.top - container.getBoundingClientRect().top;
+  }
+  return ele.top;
+};
+const isWindow = (obj) => {
+  return obj !== null && obj !== void 0 && obj === obj.window;
+};
+const getScroll = (target, top) => {
+  var _a2;
+  if (typeof window === "undefined") {
+    return 0;
+  }
+  const method = "scrollTop";
+  let result = 0;
+  if (isWindow(target)) {
+    result = target["scrollY"];
+  } else if (target instanceof Document) {
+    result = target.documentElement[method];
+  } else if (target instanceof HTMLElement) {
+    result = target[method];
+  } else if (target) {
+    result = target[method];
+  }
+  if (target && !isWindow(target) && typeof result !== "number") {
+    result = (_a2 = (target.ownerDocument ?? target).documentElement) == null ? void 0 : _a2[method];
+  }
+  return result;
+};
+const easeInOutCubic = (t2, b, c, d) => {
+  const cc = c - b;
+  t2 /= d / 2;
+  if (t2 < 1) {
+    return cc / 2 * t2 * t2 * t2 + b;
+  }
+  return cc / 2 * ((t2 -= 2) * t2 * t2 + 2) + b;
+};
+const scrollTo = (y, options = {}) => {
+  const { getContainer = () => window, callback: callback2, duration = 450 } = options;
+  const container = getContainer();
+  const scrollTop = getScroll(container);
+  const startTime = Date.now();
+  const frameFunc = () => {
+    const timestamp = Date.now();
+    const time = timestamp - startTime;
+    const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
+    if (isWindow(container)) {
+      container.scrollTo(window.scrollX, nextScrollTop);
+    } else if (container instanceof Document) {
+      container.documentElement.scrollTop = nextScrollTop;
+    } else {
+      container.scrollTop = nextScrollTop;
+    }
+    if (time < duration) {
+      wrapperRaf(frameFunc);
+    } else if (typeof callback2 === "function") {
+      callback2();
+    }
+  };
+  wrapperRaf(frameFunc);
+};
+const addEventListener = (target, eventType, cb, option) => {
+  if (target && target.addEventListener) {
+    target.addEventListener(eventType, cb, option);
+  }
+  return {
+    remove: () => {
+      if (target && target.removeEventListener) {
+        target.removeEventListener(eventType, cb);
       }
-      let fileExtension = "";
-      if (file.name.lastIndexOf(".") > -1) {
-        fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
+    }
+  };
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  name: "AnchorLink",
+  props: {
+    prefixCls: String,
+    href: String,
+    title: String,
+    target: String,
+    customTitleProps: {
+      type: Object,
+      default: () => {
       }
-      const isImg = props.fileType.some((type) => {
-        if (file.type.indexOf(type) > -1)
-          return true;
-        return !!(fileExtension && fileExtension.indexOf(type) > -1);
+    }
+  },
+  setup(props, {
+    slots,
+    attrs
+  }) {
+    let mergedTitle = null;
+    const {
+      handleClick: contextHandleClick,
+      scrollTo: scrollTo2,
+      unregisterLink,
+      registerLink,
+      activeLink
+    } = inject("useAnchor");
+    const handleClick = (e2) => {
+      const {
+        href
+      } = props;
+      contextHandleClick(e2, {
+        title: mergedTitle,
+        href
       });
-      const isLimit = file.size < props.fileSize * 1024 * 1024;
-      if (!isImg) {
-        message.error(`文件格式不正确, 请上传${props.fileType.join("、")}格式!`);
-        return false;
-      }
-      if (!isLimit) {
-        message.error(`上传文件大小不能超过${props.fileSize}MB!`);
-        return false;
-      }
-      message.success("正在上传文件，请稍候...");
-      uploadNumber.value++;
+      scrollTo2(href);
     };
-    const handleFileSuccess = (res) => {
-      message.success("上传成功");
-      const fileUrl = props.getUploadUrl(res);
-      const index = fileList.value.findIndex((item) => {
-        var _a2;
-        return ((_a2 = item.response) == null ? void 0 : _a2.data) === fileUrl;
+    watch(() => props.href, (val, oldVal) => {
+      nextTick(() => {
+        unregisterLink(oldVal);
+        registerLink(val);
       });
-      fileList.value.splice(index, 1);
-      uploadList.value.push({ name: fileUrl, url: fileUrl });
-      if (uploadList.value.length == uploadNumber.value) {
-        fileList.value.push(...uploadList.value);
-        uploadList.value = [];
-        uploadNumber.value = 0;
-        emitUpdateModelValue();
-      }
-    };
-    const handleExceed = () => {
-      message.error(`上传文件数量不能超过${props.limit}个!`);
-    };
-    const excelUploadError = () => {
-      message.error("导入数据失败，请您重新上传！");
-    };
-    const handleRemove = (file) => {
-      const index = fileList.value.map((f) => f.name).indexOf(file.name);
-      if (index > -1) {
-        fileList.value.splice(index, 1);
-        emitUpdateModelValue();
-      }
-    };
-    const handlePreview = (uploadFile) => {
-      console.log(uploadFile);
-    };
-    watch(
-      () => props.modelValue,
-      (val) => {
-        if (!val) {
-          fileList.value = [];
-          return;
-        }
-        fileList.value = [];
-        if (isString(val)) {
-          fileList.value.push(
-            ...val.split(",").map((url) => ({ name: url.substring(url.lastIndexOf("/") + 1), url }))
-          );
-          return;
-        }
-        fileList.value.push(
-          ...val.map((url) => ({ name: url.substring(url.lastIndexOf("/") + 1), url }))
-        );
-      },
-      { immediate: true, deep: true }
-    );
-    const emitUpdateModelValue = () => {
-      let result = fileList.value.map((file) => file.url);
-      if (props.limit === 1 || isString(props.modelValue)) {
-        result = result.join(",");
-      }
-      emit("update:modelValue", result);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["upload-file", _ctx.$attrs.class])
-      }, [
-        !__props.disabled ? (openBlock(), createBlock(unref(ElUpload), {
-          key: 0,
-          ref_key: "uploadRef",
-          ref: uploadRef,
-          "file-list": unref(fileList),
-          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null),
-          "auto-upload": __props.autoUpload,
-          "before-upload": beforeUpload,
-          disabled: __props.disabled,
-          drag: __props.drag,
-          "http-request": httpRequest,
-          limit: props.limit,
-          multiple: props.limit > 1,
-          "on-error": excelUploadError,
-          "on-exceed": handleExceed,
-          "on-preview": handlePreview,
-          "on-remove": handleRemove,
-          "on-success": handleFileSuccess,
-          "show-file-list": true,
-          class: "upload-file-uploader",
-          name: "file"
-        }, createSlots({
-          file: withCtx((row) => [
-            createElementVNode("div", _hoisted_2$2, [
-              createElementVNode("span", null, toDisplayString(row.file.name), 1),
-              createElementVNode("div", _hoisted_3$2, [
-                createVNode(unref(ElLink), {
-                  href: row.file.url,
-                  underline: "never",
-                  download: "",
-                  target: "_blank",
-                  type: "primary"
-                }, {
-                  default: withCtx(() => _cache[2] || (_cache[2] = [
-                    createTextVNode(" 下载 ", -1)
-                  ])),
-                  _: 2,
-                  __: [2]
-                }, 1032, ["href"])
-              ]),
-              createElementVNode("div", _hoisted_4$2, [
-                createVNode(unref(ElLink), {
-                  type: "danger",
-                  onClick: ($event) => handleRemove(row.file)
-                }, {
-                  default: withCtx(() => _cache[3] || (_cache[3] = [
-                    createTextVNode(" 删除", -1)
-                  ])),
-                  _: 2,
-                  __: [3]
-                }, 1032, ["onClick"])
-              ])
-            ])
-          ]),
-          default: withCtx(() => [
-            createVNode(unref(ElButton), { type: "primary" }, {
-              default: withCtx(() => [
-                createVNode(unref(_sfc_main$v), { icon: "ant-design:upload-outlined" }),
-                _cache[1] || (_cache[1] = createTextVNode(" 选取文件 ", -1))
-              ]),
-              _: 1,
-              __: [1]
-            })
-          ]),
-          _: 2
-        }, [
-          __props.isShowTip ? {
-            name: "tip",
-            fn: withCtx(() => [
-              createElementVNode("div", _hoisted_1$2, [
-                createElementVNode("span", null, "格式为：" + toDisplayString(__props.fileType.join("、")) + "，", 1),
-                createElementVNode("span", null, "大小不超过" + toDisplayString(__props.fileSize) + "MB。", 1)
-              ])
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["file-list", "auto-upload", "disabled", "drag", "limit", "multiple"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(fileList), (file, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "flex items-center file-list-item"
-          }, [
-            createElementVNode("span", null, toDisplayString(file.name), 1),
-            createElementVNode("div", _hoisted_5$1, [
-              createVNode(unref(ElLink), {
-                href: file.url,
-                underline: "never",
-                download: "",
-                target: "_blank",
-                type: "primary"
-              }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
-                  createTextVNode(" 下载 ", -1)
-                ])),
-                _: 2,
-                __: [4]
-              }, 1032, ["href"])
-            ])
-          ]);
-        }), 128))
-      ], 2);
+    });
+    onMounted(() => {
+      registerLink(props.href);
+    });
+    onBeforeUnmount(() => {
+      unregisterLink(props.href);
+    });
+    return () => {
+      var _a2;
+      const {
+        prefixCls: prefixCls2,
+        href,
+        target,
+        title = slots.title,
+        customTitleProps = {}
+      } = props;
+      mergedTitle = typeof title === "function" ? title(customTitleProps) : title;
+      const active = activeLink.value === href;
+      const wrapperClassName = [`${prefixCls2}-link`, {
+        [`${prefixCls2}-link-active`]: active
+      }, attrs.class];
+      const titleClassName = [`${prefixCls2}-link-title`, {
+        [`${prefixCls2}-link-title-active`]: active
+      }];
+      return createVNode("div", mergeProps(attrs, {
+        "class": wrapperClassName
+      }), [createVNode("a", {
+        "class": titleClassName,
+        "href": href,
+        "title": typeof mergedTitle === "string" ? mergedTitle : "",
+        "target": target,
+        "onClick": handleClick
+      }, [slots.customTitle ? slots.customTitle(customTitleProps) : mergedTitle]), (_a2 = slots.default) == null ? void 0 : _a2.call(slots)]);
     };
-  }
-});
-const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-f625d304"]]);
-const _sfc_main$6 = /* @__PURE__ */ Object.assign({ name: "Badge" }, {
-  __name: "Badge",
-  props: {
-    value: {
-      type: [String, Number],
-      default: ""
-    },
-    max: {
-      type: Number,
-      default: 99
-    },
-    isDot: {
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  name: "Anchor",
+  props: {
+    offsetTop: Number,
+    bounds: Number,
+    affix: {
       type: Boolean,
-      default: false
+      default: true
     },
-    hidden: {
+    showInkInFixed: {
       type: Boolean,
       default: false
     },
-    type: {
+    getContainer: Function,
+    wrapperClass: String,
+    wrapperStyle: {
+      type: Object,
+      default: void 0
+    },
+    // getCurrentAnchor: Function,
+    targetOffset: Number,
+    items: {
+      type: Array,
+      default: () => []
+    },
+    direction: {
       type: String,
-      default: "danger",
+      default: "vertical",
       validator(value) {
-        return ["primary", "success", "warning", "danger", "info"].includes(value);
+        return ["vertical", "horizontal"].includes(value);
       }
     }
   },
-  setup(__props) {
-    const props = __props;
-    const { getPrefixCls: getPrefixCls2 } = useDesign();
-    const prefixCls2 = getPrefixCls2("badge");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElBadge), mergeProps(props, { class: unref(prefixCls2) }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
+  setup(props, {
+    attrs,
+    emit,
+    slots,
+    expose
+  }) {
+    const {
+      getPrefixCls: getPrefixCls2
+    } = useDesign();
+    const prefixCls2 = getPrefixCls2("anchor");
+    const anchorDirection = computed(() => props.direction ?? "vertical");
+    const spanLinkNode = ref(null);
+    const anchorRef = ref();
+    const state = reactive({
+      links: [],
+      scrollContainer: null,
+      scrollEvent: null,
+      animating: false
+    });
+    const activeLink = ref(null);
+    const getContainer = computed(() => {
+      const {
+        getContainer: getContainer2
+      } = props;
+      return getContainer2 || getDefaultContainer;
+    });
+    const getCurrentAnchor = (offsetTop = 0, bounds = 5) => {
+      const linkSections = [];
+      const container = getContainer.value();
+      state.links.forEach((link) => {
+        const sharpLinkMatch = sharpMatcherRegx.exec(link.toString());
+        if (!sharpLinkMatch) {
+          return;
+        }
+        const target = document.getElementById(sharpLinkMatch[1]);
+        if (target) {
+          const top = getOffsetTop(target, container);
+          if (top < offsetTop + bounds) {
+            linkSections.push({
+              link,
+              top
+            });
+          }
+        }
+      });
+      if (linkSections.length) {
+        const maxSection = linkSections.reduce((prev, curr) => curr.top > prev.top ? curr : prev);
+        return maxSection.link;
+      }
+      return "";
+    };
+    const setCurrentActiveLink = (link) => {
+      const {
+        getCurrentAnchor: getCurrentAnchor2
+      } = props;
+      if (activeLink.value === link) {
+        return;
+      }
+      activeLink.value = typeof getCurrentAnchor2 === "function" ? getCurrentAnchor2(link) : link;
+      emit("change", link);
+    };
+    const handleScrollTo = (link) => {
+      const {
+        offsetTop,
+        targetOffset
+      } = props;
+      setCurrentActiveLink(link);
+      const sharpLinkMatch = sharpMatcherRegx.exec(link);
+      if (!sharpLinkMatch) {
+        return;
+      }
+      const targetElement = document.getElementById(sharpLinkMatch[1]);
+      if (!targetElement) {
+        return;
+      }
+      const container = getContainer.value();
+      const scrollTop = getScroll(container);
+      const eleOffsetTop = getOffsetTop(targetElement, container);
+      let y = scrollTop + eleOffsetTop;
+      y -= targetOffset !== void 0 ? targetOffset : offsetTop || 0;
+      state.animating = true;
+      scrollTo(y, {
+        callback: () => {
+          state.animating = false;
+        },
+        getContainer: getContainer.value
+      });
+    };
+    expose({
+      scrollTo: handleScrollTo
+    });
+    const handleScroll = () => {
+      if (state.animating) {
+        return;
+      }
+      const {
+        offsetTop,
+        bounds,
+        targetOffset
+      } = props;
+      const currentActiveLink = getCurrentAnchor(targetOffset !== void 0 ? targetOffset : offsetTop || 0, bounds);
+      setCurrentActiveLink(currentActiveLink);
+    };
+    const updateInk = () => {
+      const linkNode = anchorRef.value.querySelector(`.${prefixCls2}-link-title-active`);
+      if (linkNode && spanLinkNode.value) {
+        const horizontalAnchor = anchorDirection.value === "horizontal";
+        spanLinkNode.value.style.top = horizontalAnchor ? "" : `${linkNode.offsetTop + linkNode.clientHeight / 2}px`;
+        spanLinkNode.value.style.height = horizontalAnchor ? "" : `${linkNode.clientHeight}px`;
+        spanLinkNode.value.style.left = horizontalAnchor ? `${linkNode.offsetLeft}px` : "";
+        spanLinkNode.value.style.width = horizontalAnchor ? `${linkNode.clientWidth}px` : "";
+        if (horizontalAnchor) {
+          e(linkNode, {
+            scrollMode: "if-needed",
+            block: "nearest"
+          });
+        }
+      }
+    };
+    provide("useAnchor", {
+      registerLink: (link) => {
+        if (!state.links.includes(link)) {
+          state.links.push(link);
+        }
+      },
+      unregisterLink: (link) => {
+        const index = state.links.indexOf(link);
+        if (index !== -1) {
+          state.links.splice(index, 1);
+        }
+      },
+      activeLink,
+      scrollTo: handleScrollTo,
+      handleClick: (e2, info) => {
+        emit("click", e2, info);
+      },
+      direction: anchorDirection
+    });
+    onMounted(() => {
+      nextTick(() => {
+        const container = getContainer.value();
+        state.scrollContainer = container;
+        state.scrollEvent = addEventListener(state.scrollContainer, "scroll", handleScroll);
+        handleScroll();
+      });
+    });
+    onBeforeUnmount(() => {
+      if (state.scrollEvent) {
+        state.scrollEvent.remove();
+      }
+    });
+    onUpdated(() => {
+      if (state.scrollEvent) {
+        const currentContainer = getContainer.value();
+        if (state.scrollContainer !== currentContainer) {
+          state.scrollContainer = currentContainer;
+          state.scrollEvent.remove();
+          state.scrollEvent = addEventListener(state.scrollContainer, "scroll", handleScroll);
+          handleScroll();
+        }
+      }
+      updateInk();
+    });
+    const createNestedLink = (options) => Array.isArray(options) ? options.map((option) => {
+      const {
+        children,
+        key,
+        href,
+        target,
+        class: cls,
+        style,
+        title
+      } = option;
+      return createVNode(_sfc_main$6, {
+        "key": key,
+        "href": href,
+        "target": target,
+        "class": cls,
+        "style": style,
+        "title": title,
+        "prefixCls": prefixCls2,
+        "customTitleProps": option
+      }, {
+        default: () => [anchorDirection.value === "vertical" ? createNestedLink(children) : null],
+        customTitle: slots.customTitle
+      });
+    }) : null;
+    return () => {
+      var _a2;
+      const {
+        offsetTop,
+        affix,
+        showInkInFixed
+      } = props;
+      const inkClass = [`${prefixCls2}-ink`, {
+        [`${prefixCls2}-ink-visible`]: activeLink.value
+      }];
+      const wrapperClass = [props.wrapperClass, `${prefixCls2}-wrapper`, {
+        [`${prefixCls2}-wrapper-horizontal`]: anchorDirection.value === "horizontal"
+      }];
+      const anchorClass = [prefixCls2, {
+        [`${prefixCls2}-fixed`]: !affix && !showInkInFixed
+      }];
+      const wrapperStyle = {
+        maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : "100vh",
+        ...props.wrapperStyle
+      };
+      const anchorContent = createVNode("div", {
+        "class": wrapperClass,
+        "style": wrapperStyle,
+        "ref": anchorRef
+      }, [createVNode("div", {
+        "class": anchorClass
+      }, [createVNode("span", {
+        "class": inkClass,
+        "ref": spanLinkNode
+      }, null), Array.isArray(props.items) ? createNestedLink(props.items) : (_a2 = slots.default) == null ? void 0 : _a2.call(slots)])]);
+      return !affix ? anchorContent : createVNode(ElAffix, mergeProps(attrs, {
+        "offset": offsetTop
+      }), _isSlot(anchorContent) ? anchorContent : {
+        default: () => [anchorContent]
+      });
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ Object.assign({ name: "Pagination" }, {
-  __name: "Pagination",
+const _hoisted_1$3 = { class: "com-steps" };
+const _hoisted_2$3 = { class: "steps-item-container" };
+const _hoisted_3$3 = { class: "steps-item-icon" };
+const _hoisted_4$3 = { class: "steps-icon" };
+const _hoisted_5$3 = { class: "steps-item-content" };
+const _hoisted_6$2 = { class: "steps-item-title" };
+const _sfc_main$4 = /* @__PURE__ */ Object.assign({ name: "Steps" }, {
+  __name: "Steps",
   props: {
-    // 总条目数
-    total: {
-      required: true,
-      type: Number
-    },
-    // 当前页数：pageNo
-    page: {
-      type: Number,
-      default: 1
-    },
-    // 每页显示条目个数：pageSize
-    limit: {
+    // 设置当前激活步骤
+    active: {
       type: Number,
-      default: 20
+      default: 0
     },
-    // 设置最大页码按钮数。 页码按钮的数量，当总页数超过该值时会折叠
-    // 移动端页码按钮的数量端默认值 5
-    pagerCount: {
-      type: Number,
-      default: document.body.clientWidth < 992 ? 5 : 7
+    // 配置选项卡内容
+    items: {
+      type: Array,
+      default: () => []
     }
   },
-  emits: ["update:page", "update:limit", "pagination"],
-  setup(__props, { emit: __emit }) {
-    const appStore = useAppStore();
-    const layoutCurrentSize = computed(() => appStore.currentSize);
-    const isSmall = ref(layoutCurrentSize.value === "small");
-    watchEffect(() => {
-      isSmall.value = layoutCurrentSize.value === "small";
-    });
-    const props = __props;
-    const emit = __emit;
-    const currentPage = computed({
-      get() {
-        return props.page;
-      },
-      set(val) {
-        emit("update:page", val);
-      }
-    });
-    const pageSize = computed({
-      get() {
-        return props.limit;
-      },
-      set(val) {
-        emit("update:limit", val);
-      }
-    });
-    const handleSizeChange = (val) => {
-      if (currentPage.value * val > props.total) {
-        currentPage.value = 1;
-      }
-      emit("pagination", { page: currentPage.value, limit: val });
-    };
-    const handleCurrentChange = (val) => {
-      emit("pagination", { page: val, limit: pageSize.value });
-    };
+  setup(__props) {
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ElPagination), {
-        "current-page": currentPage.value,
-        "onUpdate:currentPage": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
-        "page-size": pageSize.value,
-        "onUpdate:pageSize": _cache[1] || (_cache[1] = ($event) => pageSize.value = $event),
-        "pager-count": __props.pagerCount,
-        total: __props.total,
-        small: unref(isSmall),
-        class: "m-t-16px",
-        layout: "prev, pager, next, sizes",
-        onSizeChange: handleSizeChange,
-        onCurrentChange: handleCurrentChange
-      }, null, 8, ["current-page", "page-size", "pager-count", "total", "small"])), [
-        [vShow, __props.total > 0]
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: normalizeClass(["steps-item", {
+              "steps-item-finish": __props.active > index,
+              "steps-item-process": __props.active == index,
+              "steps-item-wait": __props.active < index
+            }])
+          }, [
+            createElementVNode("div", _hoisted_2$3, [
+              createElementVNode("div", _hoisted_3$3, [
+                createElementVNode("div", _hoisted_4$3, [
+                  __props.active > index ? (openBlock(), createBlock(unref(_sfc_main$v), {
+                    key: 0,
+                    icon: "ant-design:check-outlined",
+                    color: "#fff"
+                  })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    createTextVNode(toDisplayString(index + 1), 1)
+                  ], 64))
+                ])
+              ]),
+              createElementVNode("div", _hoisted_5$3, [
+                createElementVNode("div", _hoisted_6$2, toDisplayString(item.title), 1)
+              ])
+            ])
+          ], 2);
+        }), 128))
       ]);
     };
   }
 });
-const _hoisted_1$1 = { class: "title" };
-const _hoisted_2$1 = { class: "absolute right-17px top-[50%] h-54px flex translate-y-[-50%] items-center justify-between" };
-const _hoisted_3$1 = { class: "p-20px" };
-const _hoisted_4$1 = {
-  key: 1,
-  class: "pt-16px p-l-20px p-r-20px"
-};
-const _sfc_main$4 = /* @__PURE__ */ Object.assign({ name: "Dialog" }, {
-  __name: "Dialog",
+const Steps = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-eb3cf40f"]]);
+const _sfc_main$3 = /* @__PURE__ */ Object.assign({ name: "ImageViewer" }, {
+  __name: "ImageViewer",
   props: {
-    modelValue: {
-      type: Boolean,
-      default: false
-    },
-    title: {
-      type: String,
-      default: "Dialog"
-    },
-    fullscreen: {
-      type: Boolean,
-      default: false
-    },
-    width: {
-      type: [String, Number]
-    },
-    // 是否开启滚动条。如果是的话，按照 maxHeight 设置最大高度
-    scroll: {
-      type: Boolean,
-      default: false
-    },
-    maxHeight: {
-      type: [String, Number],
-      default: "60vh"
+    urlList: {
+      type: Array,
+      default: () => []
     },
-    // width有值时优先使用width
-    size: {
-      type: String,
-      default: "default",
-      validate(value) {
-        return ["large", "default", "small"].includes(value);
-      }
+    zIndex: {
+      type: Number,
+      default: 200
     },
-    top: {
-      type: String,
-      default: "0"
+    initialIndex: {
+      type: Number,
+      default: 0
     },
-    scrollbarAlways: {
+    infinite: {
       type: Boolean,
-      default: true
-    }
-  },
-  emits: ["update:modelValue", "close"],
-  setup(__props, { emit: __emit }) {
-    const slots = useSlots();
-    const props = __props;
-    const emit = __emit;
-    const getBindValue = computed(() => {
-      const delArr = ["fullscreen", "title", "maxHeight", "appendToBody"];
-      const attrs = useAttrs();
-      const obj = { ...attrs, ...props };
-      for (const key in obj) {
-        if (delArr.indexOf(key) !== -1) {
-          delete obj[key];
-        }
-      }
-      return obj;
-    });
-    const dialogHeight = ref(isNumber(props.maxHeight) ? `${props.maxHeight}px` : props.maxHeight);
-    const dialogStyle = computed(() => {
-      return {
-        height: unref(dialogHeight)
-      };
-    });
-    const dialogWidth = computed(() => {
-      return props.width ?? (props.size === "default" ? "40%" : props.size === "large" ? "60%" : "30%");
-    });
-    const dialogClose = () => {
-      emit("update:modelValue", false);
-      emit("close");
-    };
-    return (_ctx, _cache) => {
-      const _component_Icon = resolveComponent("Icon");
-      return openBlock(), createBlock(unref(ElDialog), mergeProps(unref(getBindValue), {
-        "close-on-click-modal": true,
-        fullscreen: __props.fullscreen,
-        width: unref(dialogWidth),
-        top: __props.top,
-        "destroy-on-close": "",
-        "lock-scroll": "",
-        class: "com-dialog",
-        "modal-class": "com-modal-dialog",
-        "footer-class": __props.scroll ? "footer-shadow" : "",
-        "show-close": false,
-        onClose: dialogClose
-      }), createSlots({
-        header: withCtx(({ close }) => [
-          createElementVNode("div", _hoisted_1$1, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(__props.title), 1)
-            ]),
-            createElementVNode("div", _hoisted_2$1, [
-              createVNode(_component_Icon, {
-                class: "is-hover cursor-pointer",
-                icon: "ep:close",
-                "hover-color": "var(--el-color-primary)",
-                color: "var(--el-color-info)",
-                onClick: withModifiers(close, ["stop"])
-              }, null, 8, ["onClick"])
-            ])
-          ])
-        ]),
-        default: withCtx(() => [
-          __props.scroll ? (openBlock(), createBlock(unref(ElScrollbar), {
-            key: 0,
-            style: normalizeStyle(unref(dialogStyle)),
-            always: __props.scrollbarAlways
-          }, {
-            default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$1, [
-                renderSlot(_ctx.$slots, "default")
-              ])
-            ]),
-            _: 3
-          }, 8, ["style", "always"])) : (openBlock(), createElementBlock("div", _hoisted_4$1, [
-            renderSlot(_ctx.$slots, "default")
-          ]))
-        ]),
-        _: 2
-      }, [
-        unref(slots).footer ? {
-          name: "footer",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "footer")
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["fullscreen", "width", "top", "footer-class"]);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ Object.assign({ name: "Alert" }, {
-  __name: "Alert",
-  props: {
-    title: String,
-    type: {
-      type: String,
-      default: "info",
-      validator(value) {
-        return ["success", "warning", "info", "error"].includes(value);
-      }
+      default: true
     },
-    description: String,
-    closable: {
+    hideOnClickModal: {
       type: Boolean,
       default: false
     },
-    center: {
+    teleported: {
       type: Boolean,
       default: false
     },
-    closeText: String,
-    showIcon: {
+    show: {
       type: Boolean,
       default: false
     }
   },
   setup(__props) {
-    const { getPrefixCls: getPrefixCls2 } = useDesign();
-    const prefixCls2 = getPrefixCls2("alert");
     const props = __props;
+    const getBindValue = computed(() => {
+      const propsData = { ...props };
+      delete propsData.show;
+      return propsData;
+    });
+    const show = ref(props.show);
+    const close = () => {
+      show.value = false;
+    };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElAlert), mergeProps(props, { class: unref(prefixCls2) }), null, 16, ["class"]);
+      return unref(show) ? (openBlock(), createBlock(unref(ElImageViewer), mergeProps({ key: 0 }, unref(getBindValue), { onClose: close }), null, 16)) : createCommentVNode("", true);
     };
   }
 });
-const t = (t2) => "object" == typeof t2 && null != t2 && 1 === t2.nodeType, e$1 = (t2, e2) => (!e2 || "hidden" !== t2) && ("visible" !== t2 && "clip" !== t2), n = (t2, n2) => {
-  if (t2.clientHeight < t2.scrollHeight || t2.clientWidth < t2.scrollWidth) {
-    const o2 = getComputedStyle(t2, null);
-    return e$1(o2.overflowY, n2) || e$1(o2.overflowX, n2) || ((t3) => {
-      const e2 = ((t4) => {
-        if (!t4.ownerDocument || !t4.ownerDocument.defaultView)
-          return null;
-        try {
-          return t4.ownerDocument.defaultView.frameElement;
-        } catch (t5) {
-          return null;
-        }
-      })(t3);
-      return !!e2 && (e2.clientHeight < t3.scrollHeight || e2.clientWidth < t3.scrollWidth);
-    })(t2);
-  }
-  return false;
-}, o$1 = (t2, e2, n2, o2, l2, r2, i, s) => r2 < t2 && i > e2 || r2 > t2 && i < e2 ? 0 : r2 <= t2 && s <= n2 || i >= e2 && s >= n2 ? r2 - t2 - o2 : i > e2 && s < n2 || r2 < t2 && s > n2 ? i - e2 + l2 : 0, l = (t2) => {
-  const e2 = t2.parentElement;
-  return null == e2 ? t2.getRootNode().host || null : e2;
-}, r = (e2, r2) => {
-  var i, s, d, h;
-  if ("undefined" == typeof document)
-    return [];
-  const { scrollMode: c, block: f, inline: u, boundary: a, skipOverflowHiddenElements: g } = r2, p = "function" == typeof a ? a : (t2) => t2 !== a;
-  if (!t(e2))
-    throw new TypeError("Invalid target");
-  const m = document.scrollingElement || document.documentElement, w = [];
-  let W = e2;
-  for (; t(W) && p(W); ) {
-    if (W = l(W), W === m) {
-      w.push(W);
-      break;
-    }
-    null != W && W === document.body && n(W) && !n(document.documentElement) || null != W && n(W, g) && w.push(W);
-  }
-  const b = null != (s = null == (i = window.visualViewport) ? void 0 : i.width) ? s : innerWidth, H = null != (h = null == (d = window.visualViewport) ? void 0 : d.height) ? h : innerHeight, { scrollX: y, scrollY: M } = window, { height: v, width: E, top: x, right: C, bottom: I, left: R } = e2.getBoundingClientRect(), { top: T, right: B, bottom: F, left: V } = ((t2) => {
-    const e3 = window.getComputedStyle(t2);
-    return { top: parseFloat(e3.scrollMarginTop) || 0, right: parseFloat(e3.scrollMarginRight) || 0, bottom: parseFloat(e3.scrollMarginBottom) || 0, left: parseFloat(e3.scrollMarginLeft) || 0 };
-  })(e2);
-  let k = "start" === f || "nearest" === f ? x - T : "end" === f ? I + F : x + v / 2 - T + F, D = "center" === u ? R + E / 2 - V + B : "end" === u ? C + B : R - V;
-  const L = [];
-  for (let t2 = 0; t2 < w.length; t2++) {
-    const e3 = w[t2], { height: l2, width: r3, top: i2, right: s2, bottom: d2, left: h2 } = e3.getBoundingClientRect();
-    if ("if-needed" === c && x >= 0 && R >= 0 && I <= H && C <= b && (e3 === m && !n(e3) || x >= i2 && I <= d2 && R >= h2 && C <= s2))
-      return L;
-    const a2 = getComputedStyle(e3), g2 = parseInt(a2.borderLeftWidth, 10), p2 = parseInt(a2.borderTopWidth, 10), W2 = parseInt(a2.borderRightWidth, 10), T2 = parseInt(a2.borderBottomWidth, 10);
-    let B2 = 0, F2 = 0;
-    const V2 = "offsetWidth" in e3 ? e3.offsetWidth - e3.clientWidth - g2 - W2 : 0, S = "offsetHeight" in e3 ? e3.offsetHeight - e3.clientHeight - p2 - T2 : 0, X = "offsetWidth" in e3 ? 0 === e3.offsetWidth ? 0 : r3 / e3.offsetWidth : 0, Y = "offsetHeight" in e3 ? 0 === e3.offsetHeight ? 0 : l2 / e3.offsetHeight : 0;
-    if (m === e3)
-      B2 = "start" === f ? k : "end" === f ? k - H : "nearest" === f ? o$1(M, M + H, H, p2, T2, M + k, M + k + v, v) : k - H / 2, F2 = "start" === u ? D : "center" === u ? D - b / 2 : "end" === u ? D - b : o$1(y, y + b, b, g2, W2, y + D, y + D + E, E), B2 = Math.max(0, B2 + M), F2 = Math.max(0, F2 + y);
-    else {
-      B2 = "start" === f ? k - i2 - p2 : "end" === f ? k - d2 + T2 + S : "nearest" === f ? o$1(i2, d2, l2, p2, T2 + S, k, k + v, v) : k - (i2 + l2 / 2) + S / 2, F2 = "start" === u ? D - h2 - g2 : "center" === u ? D - (h2 + r3 / 2) + V2 / 2 : "end" === u ? D - s2 + W2 + V2 : o$1(h2, s2, r3, g2, W2 + V2, D, D + E, E);
-      const { scrollLeft: t3, scrollTop: n2 } = e3;
-      B2 = 0 === Y ? 0 : Math.max(0, Math.min(n2 + B2 / Y, e3.scrollHeight - l2 / Y + S)), F2 = 0 === X ? 0 : Math.max(0, Math.min(t3 + F2 / X, e3.scrollWidth - r3 / X + V2)), k += n2 - B2, D += t3 - F2;
-    }
-    L.push({ el: e3, top: B2, left: F2 });
-  }
-  return L;
-};
-const o = (t2) => false === t2 ? { block: "end", inline: "nearest" } : ((t3) => t3 === Object(t3) && 0 !== Object.keys(t3).length)(t2) ? t2 : { block: "start", inline: "nearest" };
-function e(e2, r$1) {
-  if (!e2.isConnected || !((t2) => {
-    let o2 = t2;
-    for (; o2 && o2.parentNode; ) {
-      if (o2.parentNode === document)
-        return true;
-      o2 = o2.parentNode instanceof ShadowRoot ? o2.parentNode.host : o2.parentNode;
-    }
-    return false;
-  })(e2))
+let instance = null;
+function createImageViewer(options) {
+  if (!isClient)
     return;
-  const n2 = ((t2) => {
-    const o2 = window.getComputedStyle(t2);
-    return { top: parseFloat(o2.scrollMarginTop) || 0, right: parseFloat(o2.scrollMarginRight) || 0, bottom: parseFloat(o2.scrollMarginBottom) || 0, left: parseFloat(o2.scrollMarginLeft) || 0 };
-  })(e2);
-  if (((t2) => "object" == typeof t2 && "function" == typeof t2.behavior)(r$1))
-    return r$1.behavior(r(e2, r$1));
-  const l2 = "boolean" == typeof r$1 || null == r$1 ? void 0 : r$1.behavior;
-  for (const { el: a, top: i, left: s } of r(e2, o(r$1))) {
-    const t2 = i - n2.top + n2.bottom, o2 = s - n2.left + n2.right;
-    a.scroll({ top: t2, left: o2, behavior: l2 });
-  }
-}
-let raf = (callback2) => setTimeout(callback2, 16);
-let caf = (num) => clearTimeout(num);
-if (typeof window !== "undefined" && "requestAnimationFrame" in window) {
-  raf = (callback2) => window.requestAnimationFrame(callback2);
-  caf = (handle) => window.cancelAnimationFrame(handle);
-}
-let rafUUID = 0;
-const rafIds = /* @__PURE__ */ new Map();
-function cleanup(id) {
-  rafIds.delete(id);
-}
-function wrapperRaf(callback2, times = 1) {
-  rafUUID += 1;
-  const id = rafUUID;
-  function callRef(leftTimes) {
-    if (leftTimes === 0) {
-      cleanup(id);
-      callback2();
-    } else {
-      const realId = raf(() => {
-        callRef(leftTimes - 1);
-      });
-      rafIds.set(id, realId);
-    }
-  }
-  callRef(times);
-  return id;
+  const {
+    urlList,
+    initialIndex = 0,
+    infinite = true,
+    hideOnClickModal = false,
+    teleported = false,
+    zIndex = 2e3,
+    show = true
+  } = options;
+  const propsData = {};
+  const container = document.createElement("div");
+  propsData.urlList = urlList;
+  propsData.initialIndex = initialIndex;
+  propsData.infinite = infinite;
+  propsData.hideOnClickModal = hideOnClickModal;
+  propsData.teleported = teleported;
+  propsData.zIndex = zIndex;
+  propsData.show = show;
+  document.body.appendChild(container);
+  instance = createVNode(_sfc_main$3, propsData);
+  render(instance, container);
 }
-wrapperRaf.cancel = (id) => {
-  const realId = rafIds.get(id);
-  cleanup(realId);
-  return caf(realId);
-};
-const sharpMatcherRegx = /#([\S ]+)$/;
-const getDefaultContainer = () => {
-  return window;
-};
-const getOffsetTop = (element, container) => {
-  if (!element.getClientRects().length) {
-    return 0;
-  }
-  const ele = element.getBoundingClientRect();
-  if (ele.width || ele.height) {
-    if (container === window) {
-      container = element.ownerDocument.documentElement;
-      return ele.top - container.clientTop;
-    }
-    return ele.top - container.getBoundingClientRect().top;
-  }
-  return ele.top;
-};
-const isWindow = (obj) => {
-  return obj !== null && obj !== void 0 && obj === obj.window;
-};
-const getScroll = (target, top) => {
-  var _a2;
-  if (typeof window === "undefined") {
-    return 0;
-  }
-  const method = "scrollTop";
-  let result = 0;
-  if (isWindow(target)) {
-    result = target["scrollY"];
-  } else if (target instanceof Document) {
-    result = target.documentElement[method];
-  } else if (target instanceof HTMLElement) {
-    result = target[method];
-  } else if (target) {
-    result = target[method];
-  }
-  if (target && !isWindow(target) && typeof result !== "number") {
-    result = (_a2 = (target.ownerDocument ?? target).documentElement) == null ? void 0 : _a2[method];
-  }
-  return result;
-};
-const easeInOutCubic = (t2, b, c, d) => {
-  const cc = c - b;
-  t2 /= d / 2;
-  if (t2 < 1) {
-    return cc / 2 * t2 * t2 * t2 + b;
-  }
-  return cc / 2 * ((t2 -= 2) * t2 * t2 + 2) + b;
-};
-const scrollTo = (y, options = {}) => {
-  const { getContainer = () => window, callback: callback2, duration = 450 } = options;
-  const container = getContainer();
-  const scrollTop = getScroll(container);
-  const startTime = Date.now();
-  const frameFunc = () => {
-    const timestamp = Date.now();
-    const time = timestamp - startTime;
-    const nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
-    if (isWindow(container)) {
-      container.scrollTo(window.scrollX, nextScrollTop);
-    } else if (container instanceof Document) {
-      container.documentElement.scrollTop = nextScrollTop;
-    } else {
-      container.scrollTop = nextScrollTop;
-    }
-    if (time < duration) {
-      wrapperRaf(frameFunc);
-    } else if (typeof callback2 === "function") {
-      callback2();
+const useMessage = () => {
+  const { t: t2 } = useI18n("layout");
+  const scssVariables = variables$1;
+  return {
+    // 消息提示
+    info(content) {
+      ElMessage.info(content);
+    },
+    // 错误消息
+    error(content) {
+      ElMessage.error(content);
+    },
+    // 成功消息
+    success(content) {
+      ElMessage.success(content);
+    },
+    // 警告消息
+    warning(content) {
+      ElMessage.warning(content);
+    },
+    // 弹出提示
+    alert(content) {
+      ElMessageBox.alert(content, t2("common.confirmTitle"));
+    },
+    // 错误提示
+    alertError(content) {
+      ElMessageBox.alert(content, t2("common.confirmTitle"), { type: "error" });
+    },
+    // 成功提示
+    alertSuccess(content) {
+      ElMessageBox.alert(content, t2("common.confirmTitle"), { type: "success" });
+    },
+    // 警告提示
+    alertWarning(content) {
+      ElMessageBox.alert(content, t2("common.confirmTitle"), { type: "warning" });
+    },
+    // 通知提示
+    notify(content) {
+      ElNotification.info(content);
+    },
+    // 错误通知
+    notifyError(content) {
+      ElNotification.error(content);
+    },
+    // 成功通知
+    notifySuccess(content) {
+      ElNotification.success(content);
+    },
+    // 警告通知
+    notifyWarning(content) {
+      ElNotification.warning(content);
+    },
+    // 确认窗体
+    confirm(content, tip, options = {}) {
+      return ElMessageBox.confirm(content, tip ? tip : t2("common.confirmTitle"), {
+        ...options,
+        customClass: `${options.customClass} ${scssVariables.namespace}-message-box`,
+        confirmButtonText: options.confirmButtonText ?? t2("common.ok"),
+        cancelButtonText: options.cancelButtonText ?? t2("common.cancel"),
+        buttonSize: "default",
+        center: true
+      });
+    },
+    // 删除窗体
+    delConfirm(content, tip) {
+      return ElMessageBox.confirm(
+        content ? content : t2("common.delMessage"),
+        tip ? tip : t2("common.confirmTitle"),
+        {
+          customClass: `${scssVariables.namespace}-message-box`,
+          confirmButtonText: t2("common.ok"),
+          cancelButtonText: t2("common.cancel"),
+          buttonSize: "default",
+          center: true,
+          type: "warning"
+        }
+      );
+    },
+    // 导出窗体
+    exportConfirm(content, tip) {
+      return ElMessageBox.confirm(
+        content ? content : t2("common.exportMessage"),
+        tip ? tip : t2("common.confirmTitle"),
+        {
+          confirmButtonText: t2("common.ok"),
+          cancelButtonText: t2("common.cancel"),
+          type: "warning"
+        }
+      );
+    },
+    // 提交内容
+    prompt(content, tip, options = {}) {
+      return ElMessageBox.prompt(content, tip, {
+        confirmButtonText: t2("common.ok"),
+        cancelButtonText: t2("common.cancel"),
+        ...options
+      });
     }
   };
-  wrapperRaf(frameFunc);
 };
-const addEventListener = (target, eventType, cb, option) => {
-  if (target && target.addEventListener) {
-    target.addEventListener(eventType, cb, option);
-  }
-  return {
-    remove: () => {
-      if (target && target.removeEventListener) {
-        target.removeEventListener(eventType, cb);
-      }
-    }
-  };
+const _hoisted_1$2 = { class: "upload-box" };
+const _hoisted_2$2 = ["src"];
+const _hoisted_3$2 = { key: 0 };
+const _hoisted_4$2 = { key: 0 };
+const _hoisted_5$2 = {
+  key: 1,
+  class: "upload-empty"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  name: "AnchorLink",
+const _hoisted_6$1 = { class: "el-upload__tip" };
+const _sfc_main$2 = /* @__PURE__ */ Object.assign({ name: "UploadImg", inheritAttrs: false }, {
+  __name: "UploadImg",
   props: {
-    prefixCls: String,
-    href: String,
-    title: String,
-    target: String,
-    customTitleProps: {
-      type: Object,
-      default: () => {
-      }
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    // 是否支持拖拽上传 ==> 非必传（默认为 true）
+    drag: {
+      type: Boolean,
+      default: true
+    },
+    // 是否禁用上传组件 ==> 非必传（默认为 false）
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 图片大小限制 ==> 非必传（默认为 5M）
+    fileSize: {
+      type: Number,
+      default: 5
+    },
+    // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
+    fileType: {
+      type: Array,
+      default: () => ["image/jpeg", "image/png", "image/gif"]
+    },
+    // 组件高度 ==> 非必传（默认为 150px）
+    height: {
+      type: String,
+      default: "100px"
+    },
+    // 组件宽度 ==> 非必传（默认为 150px）
+    width: {
+      type: String,
+      default: "100px"
+    },
+    // 组件边框圆角 ==> 非必传（默认为 8px）
+    borderradius: {
+      type: String,
+      default: "4px"
+    },
+    // 是否显示删除按钮
+    showDelete: {
+      type: Boolean,
+      default: true
+    },
+    // 是否显示按钮文字
+    showBtnText: {
+      type: Boolean,
+      default: false
+    },
+    // 上传目录 ==> 非必传（默认为 undefined）
+    directory: {
+      type: String,
+      default: void 0
+    },
+    // 自定义上传函数（必填）==> 必传
+    customUpload: {
+      type: Function,
+      required: true
+    },
+    // 自定义从上传结果中提取 URL 的函数 ==> 非必传（默认为提取 res.data）
+    getUploadUrl: {
+      type: Function,
+      default: (res) => res.data
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "3d8ea9da": __props.width,
+      "2c0dbd7a": __props.height,
+      "00ef71d1": __props.borderradius
+    }));
+    const props = __props;
+    const { t: t2 } = useI18n("layout");
+    const message = useMessage();
+    const uuid = ref("id-" + generateUUID());
+    const imagePreview = (imgUrl) => {
+      createImageViewer({
+        zIndex: 9999999,
+        urlList: [imgUrl]
+      });
+    };
+    const emit = __emit;
+    const deleteImg = () => {
+      emit("update:modelValue", "");
+    };
+    const httpRequest = async (options) => {
+      return await props.customUpload(options.file, {
+        directory: props.directory
+      });
+    };
+    const beforeUpload = (rawFile) => {
+      const imgSize = rawFile.size / 1024 / 1024 < props.fileSize;
+      const imgType = props.fileType;
+      if (!imgType.includes(rawFile.type))
+        message.notifyWarning("上传图片不符合所需的格式！");
+      if (!imgSize)
+        message.notifyWarning(`上传图片大小不能超过 ${props.fileSize}M！`);
+      return imgType.includes(rawFile.type) && imgSize;
+    };
+    const uploadSuccess = (res) => {
+      message.success("上传成功");
+      const fileUrl = props.getUploadUrl(res);
+      emit("update:modelValue", fileUrl);
+    };
+    const uploadError = () => {
+      message.notifyError("图片上传失败，请您重新上传！");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        createVNode(unref(ElUpload), {
+          id: unref(uuid),
+          accept: __props.fileType.join(","),
+          "before-upload": beforeUpload,
+          class: normalizeClass(["upload", __props.drag ? "no-border" : ""]),
+          disabled: __props.disabled,
+          drag: __props.drag,
+          "http-request": httpRequest,
+          multiple: false,
+          "on-error": uploadError,
+          "on-success": uploadSuccess,
+          "show-file-list": false
+        }, {
+          default: withCtx(() => [
+            __props.modelValue ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createElementVNode("img", {
+                src: __props.modelValue,
+                class: "upload-image"
+              }, null, 8, _hoisted_2$2),
+              createElementVNode("div", {
+                class: "upload-handle",
+                onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                }, ["stop"]))
+              }, [
+                createElementVNode("div", {
+                  class: "handle-icon",
+                  onClick: _cache[0] || (_cache[0] = ($event) => imagePreview(__props.modelValue))
+                }, [
+                  createVNode(unref(_sfc_main$v), { icon: "ant-design:zoom-in-outlined" }),
+                  __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(unref(t2)("action.detail")), 1)) : createCommentVNode("", true)
+                ]),
+                __props.showDelete && !__props.disabled ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "handle-icon",
+                  onClick: deleteImg
+                }, [
+                  createVNode(unref(_sfc_main$v), { icon: "ant-design:delete-outlined" }),
+                  __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString(unref(t2)("action.del")), 1)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true)
+              ])
+            ], 64)) : (openBlock(), createElementBlock("div", _hoisted_5$2, [
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createVNode(unref(_sfc_main$v), {
+                  icon: "ep:plus",
+                  size: 20
+                }),
+                _cache[2] || (_cache[2] = createElementVNode("span", { class: "empty-text" }, "点击上传", -1))
+              ], true)
+            ]))
+          ]),
+          _: 3
+        }, 8, ["id", "accept", "class", "disabled", "drag"]),
+        createElementVNode("div", _hoisted_6$1, [
+          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+        ])
+      ]);
+    };
+  }
+});
+const UploadImg = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-4a1df97a"]]);
+const _hoisted_1$1 = { class: "upload-box" };
+const _hoisted_2$1 = { class: "upload-empty" };
+const _hoisted_3$1 = ["src"];
+const _hoisted_4$1 = ["onClick"];
+const _hoisted_5$1 = { key: 0 };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { class: "el-upload__tip" };
+const _sfc_main$1 = /* @__PURE__ */ Object.assign({ name: "UploadImgs", inheritAttrs: false }, {
+  __name: "UploadImgs",
+  props: {
+    modelValue: {
+      type: [String, Array],
+      required: true
+    },
+    // 是否支持拖拽上传 ==> 非必传（默认为 true）
+    drag: {
+      type: Boolean,
+      default: true
+    },
+    // 是否禁用上传组件 ==> 非必传（默认为 false）
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    // 最大图片上传数 ==> 非必传（默认为 5张）
+    limit: {
+      type: Number,
+      default: 5
+    },
+    // 图片大小限制 ==> 非必传（默认为 5M）
+    fileSize: {
+      type: Number,
+      default: 5
+    },
+    // 图片类型限制 ==> 非必传（默认为 ["image/jpeg", "image/png", "image/gif"]）
+    fileType: {
+      type: Array,
+      default: () => ["image/jpeg", "image/png", "image/gif"]
+    },
+    // 组件高度 ==> 非必传（默认为 150px）
+    height: {
+      type: String,
+      default: "100px"
+    },
+    // 组件宽度 ==> 非必传（默认为 150px）
+    width: {
+      type: String,
+      default: "100px"
+    },
+    // 组件边框圆角 ==> 非必传（默认为 8px）
+    borderradius: {
+      type: String,
+      default: "4px"
+    },
+    // 是否显示按钮文字
+    showBtnText: {
+      type: Boolean,
+      default: false
+    },
+    // 上传目录 ==> 非必传（默认为 undefined）
+    directory: {
+      type: String,
+      default: void 0
+    },
+    // 自定义上传函数（必填）==> 必传
+    customUpload: {
+      type: Function,
+      required: true
+    },
+    // 自定义从上传结果中提取 URL 的函数 ==> 非必传（默认为提取 res.data）
+    getUploadUrl: {
+      type: Function,
+      default: (res) => res.data
     }
   },
-  setup(props, {
-    slots,
-    attrs
-  }) {
-    let mergedTitle = null;
-    const {
-      handleClick: contextHandleClick,
-      scrollTo: scrollTo2,
-      unregisterLink,
-      registerLink,
-      activeLink
-    } = inject("useAnchor");
-    const handleClick = (e2) => {
-      const {
-        href
-      } = props;
-      contextHandleClick(e2, {
-        title: mergedTitle,
-        href
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "1238a60c": __props.borderradius,
+      "c60c1990": __props.width,
+      "2f150c16": __props.height
+    }));
+    const message = useMessage();
+    const imagePreview = (imgUrl) => {
+      createImageViewer({
+        zIndex: 9999999,
+        urlList: [imgUrl]
       });
-      scrollTo2(href);
     };
-    watch(() => props.href, (val, oldVal) => {
-      nextTick(() => {
-        unregisterLink(oldVal);
-        registerLink(val);
+    const props = __props;
+    const httpRequest = async (options) => {
+      return await props.customUpload(options.file, {
+        directory: props.directory
       });
-    });
-    onMounted(() => {
-      registerLink(props.href);
-    });
-    onBeforeUnmount(() => {
-      unregisterLink(props.href);
-    });
-    return () => {
-      var _a2;
-      const {
-        prefixCls: prefixCls2,
-        href,
-        target,
-        title = slots.title,
-        customTitleProps = {}
-      } = props;
-      mergedTitle = typeof title === "function" ? title(customTitleProps) : title;
-      const active = activeLink.value === href;
-      const wrapperClassName = [`${prefixCls2}-link`, {
-        [`${prefixCls2}-link-active`]: active
-      }, attrs.class];
-      const titleClassName = [`${prefixCls2}-link-title`, {
-        [`${prefixCls2}-link-title-active`]: active
-      }];
-      return createVNode("div", mergeProps(attrs, {
-        "class": wrapperClassName
-      }), [createVNode("a", {
-        "class": titleClassName,
-        "href": href,
-        "title": typeof mergedTitle === "string" ? mergedTitle : "",
-        "target": target,
-        "onClick": handleClick
-      }, [slots.customTitle ? slots.customTitle(customTitleProps) : mergedTitle]), (_a2 = slots.default) == null ? void 0 : _a2.call(slots)]);
+    };
+    const fileList = ref([]);
+    const uploadNumber = ref(0);
+    const uploadList = ref([]);
+    const beforeUpload = (rawFile) => {
+      const imgSize = rawFile.size / 1024 / 1024 < props.fileSize;
+      const imgType = props.fileType;
+      if (!imgType.includes(rawFile.type))
+        ElNotification({
+          title: "温馨提示",
+          message: "上传图片不符合所需的格式！",
+          type: "warning"
+        });
+      if (!imgSize)
+        ElNotification({
+          title: "温馨提示",
+          message: `上传图片大小不能超过 ${props.fileSize}M！`,
+          type: "warning"
+        });
+      uploadNumber.value++;
+      return imgType.includes(rawFile.type) && imgSize;
+    };
+    const emit = __emit;
+    const uploadSuccess = (res) => {
+      message.success("上传成功");
+      const fileUrl = props.getUploadUrl(res);
+      const index = fileList.value.findIndex((item) => {
+        var _a2;
+        return ((_a2 = item.response) == null ? void 0 : _a2.data) === fileUrl;
+      });
+      fileList.value.splice(index, 1);
+      uploadList.value.push({ name: fileUrl, url: fileUrl });
+      if (uploadList.value.length == uploadNumber.value) {
+        fileList.value.push(...uploadList.value);
+        uploadList.value = [];
+        uploadNumber.value = 0;
+        emitUpdateModelValue();
+      }
+    };
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (!val) {
+          fileList.value = [];
+          return;
+        }
+        fileList.value = [];
+        fileList.value.push(
+          ...val.map((url) => ({ name: url.substring(url.lastIndexOf("/") + 1), url }))
+        );
+      },
+      { immediate: true, deep: true }
+    );
+    const emitUpdateModelValue = () => {
+      let result = fileList.value.map((file) => file.url);
+      emit("update:modelValue", result);
+    };
+    const handleRemove = (uploadFile) => {
+      fileList.value = fileList.value.filter(
+        (item) => item.url !== uploadFile.url || item.name !== uploadFile.name
+      );
+      emit(
+        "update:modelValue",
+        fileList.value.map((file) => file.url)
+      );
+    };
+    const uploadError = () => {
+      ElNotification({
+        title: "温馨提示",
+        message: "图片上传失败，请您重新上传！",
+        type: "error"
+      });
+    };
+    const handleExceed = () => {
+      ElNotification({
+        title: "温馨提示",
+        message: `当前最多只能上传 ${props.limit} 张图片，请移除后上传！`,
+        type: "warning"
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(unref(ElUpload), {
+          "file-list": unref(fileList),
+          "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => isRef(fileList) ? fileList.value = $event : null),
+          accept: __props.fileType.join(","),
+          "before-upload": beforeUpload,
+          class: normalizeClass(["upload", __props.drag ? "no-border" : ""]),
+          disabled: __props.disabled,
+          drag: __props.drag,
+          "http-request": httpRequest,
+          limit: __props.limit,
+          multiple: true,
+          "on-error": uploadError,
+          "on-exceed": handleExceed,
+          "on-success": uploadSuccess,
+          "list-type": "picture-card"
+        }, {
+          file: withCtx(({ file }) => [
+            createElementVNode("img", {
+              src: file.url,
+              class: "upload-image"
+            }, null, 8, _hoisted_3$1),
+            createElementVNode("div", {
+              class: "upload-handle",
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              createElementVNode("div", {
+                class: "handle-icon",
+                onClick: ($event) => imagePreview(file.url)
+              }, [
+                createVNode(unref(_sfc_main$v), { icon: "ant-design:zoom-in-outlined" }),
+                __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_5$1, "查看")) : createCommentVNode("", true)
+              ], 8, _hoisted_4$1),
+              !__props.disabled ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "handle-icon",
+                onClick: ($event) => handleRemove(file)
+              }, [
+                createVNode(unref(_sfc_main$v), { icon: "ant-design:delete-outlined" }),
+                __props.showBtnText ? (openBlock(), createElementBlock("span", _hoisted_7, "删除")) : createCommentVNode("", true)
+              ], 8, _hoisted_6)) : createCommentVNode("", true)
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2$1, [
+              renderSlot(_ctx.$slots, "empty", {}, () => [
+                createVNode(unref(_sfc_main$v), {
+                  icon: "ep:plus",
+                  size: 20
+                }),
+                _cache[2] || (_cache[2] = createElementVNode("span", { class: "empty-text" }, "点击上传", -1))
+              ], true)
+            ])
+          ]),
+          _: 3
+        }, 8, ["file-list", "accept", "class", "disabled", "drag", "limit"]),
+        createElementVNode("div", _hoisted_8, [
+          renderSlot(_ctx.$slots, "tip", {}, void 0, true)
+        ])
+      ]);
     };
   }
 });
-function _isSlot(s) {
-  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  name: "Anchor",
+const UploadImgs = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-92b67a34"]]);
+const _hoisted_1 = { class: "mt-10px line-height-20px color-[var(--el-upload-tip-color)] text-12px" };
+const _hoisted_2 = { class: "flex items-center" };
+const _hoisted_3 = { class: "ml-10px" };
+const _hoisted_4 = { class: "ml-10px" };
+const _hoisted_5 = { class: "ml-10px" };
+const _sfc_main = /* @__PURE__ */ Object.assign({ name: "UploadFile", inheritAttrs: false }, {
+  __name: "UploadFile",
   props: {
-    offsetTop: Number,
-    bounds: Number,
-    affix: {
+    modelValue: {
+      type: [String, Array],
+      required: true
+    },
+    // 文件类型, 例如['png', 'jpg', 'jpeg']
+    fileType: {
+      type: Array,
+      default: () => ["doc", "xls", "ppt", "txt", "pdf"]
+    },
+    // 大小限制(MB)
+    fileSize: {
+      type: Number,
+      default: 5
+    },
+    // 数量限制
+    limit: {
+      type: Number,
+      default: 5
+    },
+    // 自动上传
+    autoUpload: {
       type: Boolean,
       default: true
     },
-    showInkInFixed: {
+    // 拖拽上传
+    drag: {
       type: Boolean,
       default: false
     },
-    getContainer: Function,
-    wrapperClass: String,
-    wrapperStyle: {
-      type: Object,
-      default: void 0
+    // 是否显示提示
+    isShowTip: {
+      type: Boolean,
+      default: true
     },
-    // getCurrentAnchor: Function,
-    targetOffset: Number,
-    items: {
-      type: Array,
-      default: () => []
+    // 是否禁用上传组件 ==> 非必传（默认为 false）
+    disabled: {
+      type: Boolean,
+      default: false
     },
-    direction: {
+    // 上传目录 ==> 非必传（默认为 undefined）
+    directory: {
       type: String,
-      default: "vertical",
-      validator(value) {
-        return ["vertical", "horizontal"].includes(value);
-      }
+      default: void 0
+    },
+    // 自定义上传函数（必填）==> 必传
+    customUpload: {
+      type: Function,
+      required: true
+    },
+    // 自定义从上传结果中提取 URL 的函数 ==> 非必传（默认为提取 res.data）
+    getUploadUrl: {
+      type: Function,
+      default: (res) => res.data
     }
   },
-  setup(props, {
-    attrs,
-    emit,
-    slots,
-    expose
-  }) {
-    const {
-      getPrefixCls: getPrefixCls2
-    } = useDesign();
-    const prefixCls2 = getPrefixCls2("anchor");
-    const anchorDirection = computed(() => props.direction ?? "vertical");
-    const spanLinkNode = ref(null);
-    const anchorRef = ref();
-    const state = reactive({
-      links: [],
-      scrollContainer: null,
-      scrollEvent: null,
-      animating: false
-    });
-    const activeLink = ref(null);
-    const getContainer = computed(() => {
-      const {
-        getContainer: getContainer2
-      } = props;
-      return getContainer2 || getDefaultContainer;
-    });
-    const getCurrentAnchor = (offsetTop = 0, bounds = 5) => {
-      const linkSections = [];
-      const container = getContainer.value();
-      state.links.forEach((link) => {
-        const sharpLinkMatch = sharpMatcherRegx.exec(link.toString());
-        if (!sharpLinkMatch) {
-          return;
-        }
-        const target = document.getElementById(sharpLinkMatch[1]);
-        if (target) {
-          const top = getOffsetTop(target, container);
-          if (top < offsetTop + bounds) {
-            linkSections.push({
-              link,
-              top
-            });
-          }
-        }
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const message = useMessage();
+    const emit = __emit;
+    const props = __props;
+    const uploadRef = ref();
+    const uploadList = ref([]);
+    const fileList = ref([]);
+    const uploadNumber = ref(0);
+    const httpRequest = async (options) => {
+      return await props.customUpload(options.file, {
+        directory: props.directory
       });
-      if (linkSections.length) {
-        const maxSection = linkSections.reduce((prev, curr) => curr.top > prev.top ? curr : prev);
-        return maxSection.link;
-      }
-      return "";
-    };
-    const setCurrentActiveLink = (link) => {
-      const {
-        getCurrentAnchor: getCurrentAnchor2
-      } = props;
-      if (activeLink.value === link) {
-        return;
-      }
-      activeLink.value = typeof getCurrentAnchor2 === "function" ? getCurrentAnchor2(link) : link;
-      emit("change", link);
     };
-    const handleScrollTo = (link) => {
-      const {
-        offsetTop,
-        targetOffset
-      } = props;
-      setCurrentActiveLink(link);
-      const sharpLinkMatch = sharpMatcherRegx.exec(link);
-      if (!sharpLinkMatch) {
-        return;
+    const beforeUpload = (file) => {
+      if (fileList.value.length >= props.limit) {
+        message.error(`上传文件数量不能超过${props.limit}个!`);
+        return false;
       }
-      const targetElement = document.getElementById(sharpLinkMatch[1]);
-      if (!targetElement) {
-        return;
+      let fileExtension = "";
+      if (file.name.lastIndexOf(".") > -1) {
+        fileExtension = file.name.slice(file.name.lastIndexOf(".") + 1);
       }
-      const container = getContainer.value();
-      const scrollTop = getScroll(container);
-      const eleOffsetTop = getOffsetTop(targetElement, container);
-      let y = scrollTop + eleOffsetTop;
-      y -= targetOffset !== void 0 ? targetOffset : offsetTop || 0;
-      state.animating = true;
-      scrollTo(y, {
-        callback: () => {
-          state.animating = false;
-        },
-        getContainer: getContainer.value
+      const isImg = props.fileType.some((type) => {
+        if (file.type.indexOf(type) > -1)
+          return true;
+        return !!(fileExtension && fileExtension.indexOf(type) > -1);
       });
+      const isLimit = file.size < props.fileSize * 1024 * 1024;
+      if (!isImg) {
+        message.error(`文件格式不正确, 请上传${props.fileType.join("、")}格式!`);
+        return false;
+      }
+      if (!isLimit) {
+        message.error(`上传文件大小不能超过${props.fileSize}MB!`);
+        return false;
+      }
+      message.success("正在上传文件，请稍候...");
+      uploadNumber.value++;
     };
-    expose({
-      scrollTo: handleScrollTo
-    });
-    const handleScroll = () => {
-      if (state.animating) {
-        return;
+    const handleFileSuccess = (res) => {
+      message.success("上传成功");
+      const fileUrl = props.getUploadUrl(res);
+      const index = fileList.value.findIndex((item) => {
+        var _a2;
+        return ((_a2 = item.response) == null ? void 0 : _a2.data) === fileUrl;
+      });
+      fileList.value.splice(index, 1);
+      uploadList.value.push({ name: fileUrl, url: fileUrl });
+      if (uploadList.value.length == uploadNumber.value) {
+        fileList.value.push(...uploadList.value);
+        uploadList.value = [];
+        uploadNumber.value = 0;
+        emitUpdateModelValue();
       }
-      const {
-        offsetTop,
-        bounds,
-        targetOffset
-      } = props;
-      const currentActiveLink = getCurrentAnchor(targetOffset !== void 0 ? targetOffset : offsetTop || 0, bounds);
-      setCurrentActiveLink(currentActiveLink);
     };
-    const updateInk = () => {
-      const linkNode = anchorRef.value.querySelector(`.${prefixCls2}-link-title-active`);
-      if (linkNode && spanLinkNode.value) {
-        const horizontalAnchor = anchorDirection.value === "horizontal";
-        spanLinkNode.value.style.top = horizontalAnchor ? "" : `${linkNode.offsetTop + linkNode.clientHeight / 2}px`;
-        spanLinkNode.value.style.height = horizontalAnchor ? "" : `${linkNode.clientHeight}px`;
-        spanLinkNode.value.style.left = horizontalAnchor ? `${linkNode.offsetLeft}px` : "";
-        spanLinkNode.value.style.width = horizontalAnchor ? `${linkNode.clientWidth}px` : "";
-        if (horizontalAnchor) {
-          e(linkNode, {
-            scrollMode: "if-needed",
-            block: "nearest"
-          });
-        }
+    const handleExceed = () => {
+      message.error(`上传文件数量不能超过${props.limit}个!`);
+    };
+    const excelUploadError = () => {
+      message.error("导入数据失败，请您重新上传！");
+    };
+    const handleRemove = (file) => {
+      const index = fileList.value.map((f) => f.name).indexOf(file.name);
+      if (index > -1) {
+        fileList.value.splice(index, 1);
+        emitUpdateModelValue();
       }
     };
-    provide("useAnchor", {
-      registerLink: (link) => {
-        if (!state.links.includes(link)) {
-          state.links.push(link);
+    const handlePreview = (uploadFile) => {
+      console.log(uploadFile);
+    };
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (!val) {
+          fileList.value = [];
+          return;
         }
-      },
-      unregisterLink: (link) => {
-        const index = state.links.indexOf(link);
-        if (index !== -1) {
-          state.links.splice(index, 1);
+        fileList.value = [];
+        if (isString(val)) {
+          fileList.value.push(
+            ...val.split(",").map((url) => ({ name: url.substring(url.lastIndexOf("/") + 1), url }))
+          );
+          return;
         }
+        fileList.value.push(
+          ...val.map((url) => ({ name: url.substring(url.lastIndexOf("/") + 1), url }))
+        );
       },
-      activeLink,
-      scrollTo: handleScrollTo,
-      handleClick: (e2, info) => {
-        emit("click", e2, info);
-      },
-      direction: anchorDirection
-    });
-    onMounted(() => {
-      nextTick(() => {
-        const container = getContainer.value();
-        state.scrollContainer = container;
-        state.scrollEvent = addEventListener(state.scrollContainer, "scroll", handleScroll);
-        handleScroll();
-      });
-    });
-    onBeforeUnmount(() => {
-      if (state.scrollEvent) {
-        state.scrollEvent.remove();
-      }
-    });
-    onUpdated(() => {
-      if (state.scrollEvent) {
-        const currentContainer = getContainer.value();
-        if (state.scrollContainer !== currentContainer) {
-          state.scrollContainer = currentContainer;
-          state.scrollEvent.remove();
-          state.scrollEvent = addEventListener(state.scrollContainer, "scroll", handleScroll);
-          handleScroll();
-        }
+      { immediate: true, deep: true }
+    );
+    const emitUpdateModelValue = () => {
+      let result = fileList.value.map((file) => file.url);
+      if (props.limit === 1 || isString(props.modelValue)) {
+        result = result.join(",");
       }
-      updateInk();
-    });
-    const createNestedLink = (options) => Array.isArray(options) ? options.map((option) => {
-      const {
-        children,
-        key,
-        href,
-        target,
-        class: cls,
-        style,
-        title
-      } = option;
-      return createVNode(_sfc_main$2, {
-        "key": key,
-        "href": href,
-        "target": target,
-        "class": cls,
-        "style": style,
-        "title": title,
-        "prefixCls": prefixCls2,
-        "customTitleProps": option
-      }, {
-        default: () => [anchorDirection.value === "vertical" ? createNestedLink(children) : null],
-        customTitle: slots.customTitle
-      });
-    }) : null;
-    return () => {
-      var _a2;
-      const {
-        offsetTop,
-        affix,
-        showInkInFixed
-      } = props;
-      const inkClass = [`${prefixCls2}-ink`, {
-        [`${prefixCls2}-ink-visible`]: activeLink.value
-      }];
-      const wrapperClass = [props.wrapperClass, `${prefixCls2}-wrapper`, {
-        [`${prefixCls2}-wrapper-horizontal`]: anchorDirection.value === "horizontal"
-      }];
-      const anchorClass = [prefixCls2, {
-        [`${prefixCls2}-fixed`]: !affix && !showInkInFixed
-      }];
-      const wrapperStyle = {
-        maxHeight: offsetTop ? `calc(100vh - ${offsetTop}px)` : "100vh",
-        ...props.wrapperStyle
-      };
-      const anchorContent = createVNode("div", {
-        "class": wrapperClass,
-        "style": wrapperStyle,
-        "ref": anchorRef
-      }, [createVNode("div", {
-        "class": anchorClass
-      }, [createVNode("span", {
-        "class": inkClass,
-        "ref": spanLinkNode
-      }, null), Array.isArray(props.items) ? createNestedLink(props.items) : (_a2 = slots.default) == null ? void 0 : _a2.call(slots)])]);
-      return !affix ? anchorContent : createVNode(ElAffix, mergeProps(attrs, {
-        "offset": offsetTop
-      }), _isSlot(anchorContent) ? anchorContent : {
-        default: () => [anchorContent]
-      });
+      emit("update:modelValue", result);
     };
-  }
-});
-const _hoisted_1 = { class: "com-steps" };
-const _hoisted_2 = { class: "steps-item-container" };
-const _hoisted_3 = { class: "steps-item-icon" };
-const _hoisted_4 = { class: "steps-icon" };
-const _hoisted_5 = { class: "steps-item-content" };
-const _hoisted_6 = { class: "steps-item-title" };
-const _sfc_main = /* @__PURE__ */ Object.assign({ name: "Steps" }, {
-  __name: "Steps",
-  props: {
-    // 设置当前激活步骤
-    active: {
-      type: Number,
-      default: 0
-    },
-    // 配置选项卡内容
-    items: {
-      type: Array,
-      default: () => []
-    }
-  },
-  setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(["steps-item", {
-              "steps-item-finish": __props.active > index,
-              "steps-item-process": __props.active == index,
-              "steps-item-wait": __props.active < index
-            }])
-          }, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["upload-file", _ctx.$attrs.class])
+      }, [
+        !__props.disabled ? (openBlock(), createBlock(unref(ElUpload), {
+          key: 0,
+          ref_key: "uploadRef",
+          ref: uploadRef,
+          "file-list": unref(fileList),
+          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null),
+          "auto-upload": __props.autoUpload,
+          "before-upload": beforeUpload,
+          disabled: __props.disabled,
+          drag: __props.drag,
+          "http-request": httpRequest,
+          limit: props.limit,
+          multiple: props.limit > 1,
+          "on-error": excelUploadError,
+          "on-exceed": handleExceed,
+          "on-preview": handlePreview,
+          "on-remove": handleRemove,
+          "on-success": handleFileSuccess,
+          "show-file-list": true,
+          class: "upload-file-uploader",
+          name: "file"
+        }, createSlots({
+          file: withCtx((row) => [
             createElementVNode("div", _hoisted_2, [
+              createElementVNode("span", null, toDisplayString(row.file.name), 1),
               createElementVNode("div", _hoisted_3, [
-                createElementVNode("div", _hoisted_4, [
-                  __props.active > index ? (openBlock(), createBlock(unref(_sfc_main$v), {
-                    key: 0,
-                    icon: "ant-design:check-outlined",
-                    color: "#fff"
-                  })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    createTextVNode(toDisplayString(index + 1), 1)
-                  ], 64))
-                ])
+                createVNode(unref(ElLink), {
+                  href: row.file.url,
+                  underline: "never",
+                  download: "",
+                  target: "_blank",
+                  type: "primary"
+                }, {
+                  default: withCtx(() => _cache[2] || (_cache[2] = [
+                    createTextVNode(" 下载 ", -1)
+                  ])),
+                  _: 2,
+                  __: [2]
+                }, 1032, ["href"])
               ]),
-              createElementVNode("div", _hoisted_5, [
-                createElementVNode("div", _hoisted_6, toDisplayString(item.title), 1)
+              createElementVNode("div", _hoisted_4, [
+                createVNode(unref(ElLink), {
+                  type: "danger",
+                  onClick: ($event) => handleRemove(row.file)
+                }, {
+                  default: withCtx(() => _cache[3] || (_cache[3] = [
+                    createTextVNode(" 删除", -1)
+                  ])),
+                  _: 2,
+                  __: [3]
+                }, 1032, ["onClick"])
               ])
             ])
-          ], 2);
+          ]),
+          default: withCtx(() => [
+            createVNode(unref(ElButton), { type: "primary" }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$v), { icon: "ant-design:upload-outlined" }),
+                _cache[1] || (_cache[1] = createTextVNode(" 选取文件 ", -1))
+              ]),
+              _: 1,
+              __: [1]
+            })
+          ]),
+          _: 2
+        }, [
+          __props.isShowTip ? {
+            name: "tip",
+            fn: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("span", null, "格式为：" + toDisplayString(__props.fileType.join("、")) + "，", 1),
+                createElementVNode("span", null, "大小不超过" + toDisplayString(__props.fileSize) + "MB。", 1)
+              ])
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["file-list", "auto-upload", "disabled", "drag", "limit", "multiple"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(fileList), (file, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "flex items-center file-list-item"
+          }, [
+            createElementVNode("span", null, toDisplayString(file.name), 1),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(unref(ElLink), {
+                href: file.url,
+                underline: "never",
+                download: "",
+                target: "_blank",
+                type: "primary"
+              }, {
+                default: withCtx(() => _cache[4] || (_cache[4] = [
+                  createTextVNode(" 下载 ", -1)
+                ])),
+                _: 2,
+                __: [4]
+              }, 1032, ["href"])
+            ])
+          ]);
         }), 128))
-      ]);
+      ], 2);
     };
   }
 });
-const Steps = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb3cf40f"]]);
+const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f625d304"]]);
 function useLayout() {
   const collapsed = ref(false);
   const toggleCollapsed = () => {
@@ -11291,121 +11291,235 @@ function useLayout() {
     toggleCollapsed
   };
 }
+const install = (app) => {
+  app.component("BmpLayout", BmpLayout);
+  app.component("BmpConfigGlobal", _sfc_main$d);
+  app.component("BmpPageCard", PageCard);
+  app.component("BmpPageNavBar", PageNavBar);
+  app.component("BmpIcon", _sfc_main$v);
+  app.component("BmpBadge", _sfc_main$a);
+  app.component("BmpPagination", _sfc_main$9);
+  app.component("BmpDialog", _sfc_main$8);
+  app.component("BmpAlert", _sfc_main$7);
+  app.component("BmpAnchor", _sfc_main$5);
+  app.component("BmpSteps", Steps);
+  app.component("BmpBacktop", _sfc_main$w);
+  app.component("BmpUploadImg", UploadImg);
+  app.component("BmpUploadImgs", UploadImgs);
+  app.component("BmpUploadFile", UploadFile);
+  app.component("BmpAffix", ElAffix);
+  app.component("BmpAutocomplete", ElAutocomplete);
+  app.component("BmpAvatar", ElAvatar);
+  app.component("BmpBreadcrumb", ElBreadcrumb);
+  app.component("BmpBreadcrumbItem", ElBreadcrumbItem);
+  app.component("BmpButton", ElButton);
+  app.component("BmpButtonGroup", ElButtonGroup);
+  app.component("BmpCard", ElCard);
+  app.component("BmpCarousel", ElCarousel);
+  app.component("BmpCarouselItem", ElCarouselItem);
+  app.component("BmpCollapse", ElCollapse);
+  app.component("BmpCollapseItem", ElCollapseItem);
+  app.component("BmpCollapseTransition", ElCollapseTransition);
+  app.component("BmpDivider", ElDivider);
+  app.component("BmpDrawer", ElDrawer);
+  app.component("BmpEmpty", ElEmpty);
+  app.component("BmpLink", ElLink);
+  app.component("BmpOverlay", ElOverlay);
+  app.component("BmpPageHeader", ElPageHeader);
+  app.component("BmpProgress", ElProgress);
+  app.component("BmpResult", ElResult);
+  app.component("BmpScrollbar", ElScrollbar);
+  app.component("BmpSkeleton", ElSkeleton);
+  app.component("BmpSkeletonItem", ElSkeletonItem);
+  app.component("BmpSpace", ElSpace);
+  app.component("BmpTag", ElTag);
+  app.component("BmpText", ElText);
+  app.component("BmpCascader", ElCascader);
+  app.component("BmpCascaderPanel", ElCascaderPanel);
+  app.component("BmpCheckbox", ElCheckbox);
+  app.component("BmpCheckboxButton", ElCheckboxButton);
+  app.component("BmpCheckboxGroup", ElCheckboxGroup);
+  app.component("BmpColorPicker", ElColorPicker);
+  app.component("BmpDatePicker", ElDatePicker);
+  app.component("BmpForm", ElForm);
+  app.component("BmpFormItem", ElFormItem);
+  app.component("BmpInput", ElInput);
+  app.component("BmpInputNumber", ElInputNumber);
+  app.component("BmpInputTag", ElInputTag);
+  app.component("BmpRadio", ElRadio);
+  app.component("BmpRadioButton", ElRadioButton);
+  app.component("BmpRadioGroup", ElRadioGroup);
+  app.component("BmpRate", ElRate);
+  app.component("BmpSelect", ElSelect);
+  app.component("BmpOption", ElOption);
+  app.component("BmpOptionGroup", ElOptionGroup);
+  app.component("BmpSelectV2", ElSelectV2);
+  app.component("BmpSlider", ElSlider);
+  app.component("BmpSwitch", ElSwitch);
+  app.component("BmpTimePicker", ElTimePicker);
+  app.component("BmpTimeSelect", ElTimeSelect);
+  app.component("BmpTransfer", ElTransfer);
+  app.component("BmpTreeSelect", ElTreeSelect);
+  app.component("BmpMention", ElMention);
+  app.component("BmpCalendar", ElCalendar);
+  app.component("BmpCheckTag", ElCheckTag);
+  app.component("BmpCountdown", ElCountdown);
+  app.component("BmpDescriptions", ElDescriptions);
+  app.component("BmpDescriptionsItem", ElDescriptionsItem);
+  app.component("BmpImage", ElImage);
+  app.component("BmpImageViewer", ElImageViewer);
+  app.component("BmpStatistic", ElStatistic);
+  app.component("BmpTable", ElTable);
+  app.component("BmpTableColumn", ElTableColumn);
+  app.component("BmpTimeline", ElTimeline);
+  app.component("BmpTimelineItem", ElTimelineItem);
+  app.component("BmpTree", ElTree);
+  app.component("BmpTreeV2", ElTreeV2);
+  app.component("BmpDropdown", ElDropdown);
+  app.component("BmpDropdownItem", ElDropdownItem);
+  app.component("BmpDropdownMenu", ElDropdownMenu);
+  app.component("BmpMenu", ElMenu);
+  app.component("BmpMenuItem", ElMenuItem);
+  app.component("BmpMenuItemGroup", ElMenuItemGroup);
+  app.component("BmpSubMenu", ElSubMenu);
+  app.component("BmpTabs", ElTabs);
+  app.component("BmpTabPane", ElTabPane);
+  app.component("BmpPopover", ElPopover);
+  app.component("BmpPopconfirm", ElPopconfirm);
+  app.component("BmpTooltip", ElTooltip);
+  app.component("BmpContainer", ElContainer);
+  app.component("BmpAside", ElAside);
+  app.component("BmpFooter", ElFooter);
+  app.component("BmpHeader", ElHeader);
+  app.component("BmpMain", ElMain);
+  app.component("BmpRow", ElRow);
+  app.component("BmpCol", ElCol);
+  app.component("BmpSplitter", ElSplitter);
+  app.component("BmpSplitterPanel", ElSplitterPanel);
+  app.component("BmpConfigProvider", ElConfigProvider);
+  app.component("BmpSegmented", ElSegmented);
+  app.component("BmpTour", ElTour);
+  app.component("BmpTourStep", ElTourStep);
+  app.component("BmpUpload", ElUpload);
+  app.component("BmpWatermark", ElWatermark);
+  app.component("BmpPopper", ElPopper);
+};
+BmpLayout.install = install;
 export {
   ElAffix2 as BmpAffix,
-  _sfc_main$3 as BmpAlert,
-  _sfc_main$1 as BmpAnchor,
-  ElAside as BmpAside,
-  ElAutocomplete as BmpAutocomplete,
+  _sfc_main$7 as BmpAlert,
+  _sfc_main$5 as BmpAnchor,
+  ElAside2 as BmpAside,
+  ElAutocomplete2 as BmpAutocomplete,
   ElAvatar2 as BmpAvatar,
   _sfc_main$w as BmpBacktop,
-  _sfc_main$6 as BmpBadge,
+  _sfc_main$a as BmpBadge,
   ElBreadcrumb2 as BmpBreadcrumb,
   ElBreadcrumbItem2 as BmpBreadcrumbItem,
   ElButton2 as BmpButton,
-  ElButtonGroup as BmpButtonGroup,
-  ElCalendar as BmpCalendar,
+  ElButtonGroup2 as BmpButtonGroup,
+  ElCalendar2 as BmpCalendar,
   ElCard2 as BmpCard,
-  ElCarousel as BmpCarousel,
-  ElCarouselItem as BmpCarouselItem,
-  ElCascader as BmpCascader,
-  ElCascaderPanel as BmpCascaderPanel,
-  ElCheckTag as BmpCheckTag,
-  ElCheckbox as BmpCheckbox,
-  ElCheckboxButton as BmpCheckboxButton,
-  ElCheckboxGroup as BmpCheckboxGroup,
-  ElCol as BmpCol,
-  ElCollapse as BmpCollapse,
-  ElCollapseItem as BmpCollapseItem,
-  ElCollapseTransition as BmpCollapseTransition,
-  ElColorPicker as BmpColorPicker,
+  ElCarousel2 as BmpCarousel,
+  ElCarouselItem2 as BmpCarouselItem,
+  ElCascader2 as BmpCascader,
+  ElCascaderPanel2 as BmpCascaderPanel,
+  ElCheckTag2 as BmpCheckTag,
+  ElCheckbox2 as BmpCheckbox,
+  ElCheckboxButton2 as BmpCheckboxButton,
+  ElCheckboxGroup2 as BmpCheckboxGroup,
+  ElCol2 as BmpCol,
+  ElCollapse2 as BmpCollapse,
+  ElCollapseItem2 as BmpCollapseItem,
+  ElCollapseTransition2 as BmpCollapseTransition,
+  ElColorPicker2 as BmpColorPicker,
   _sfc_main$d as BmpConfigGlobal,
   ElConfigProvider2 as BmpConfigProvider,
-  ElContainer as BmpContainer,
-  ElCountdown as BmpCountdown,
+  ElContainer2 as BmpContainer,
+  ElCountdown2 as BmpCountdown,
   createImageViewer as BmpCreateImageViewer,
-  ElDatePicker as BmpDatePicker,
-  ElDescriptions as BmpDescriptions,
-  ElDescriptionsItem as BmpDescriptionsItem,
-  _sfc_main$4 as BmpDialog,
-  ElDivider as BmpDivider,
+  ElDatePicker2 as BmpDatePicker,
+  ElDescriptions2 as BmpDescriptions,
+  ElDescriptionsItem2 as BmpDescriptionsItem,
+  _sfc_main$8 as BmpDialog,
+  ElDivider2 as BmpDivider,
   ElDrawer2 as BmpDrawer,
   ElDropdown2 as BmpDropdown,
   ElDropdownItem2 as BmpDropdownItem,
   ElDropdownMenu2 as BmpDropdownMenu,
-  ElEmpty as BmpEmpty,
-  ElFooter as BmpFooter,
-  ElForm as BmpForm,
-  ElFormItem as BmpFormItem,
-  ElHeader as BmpHeader,
+  ElEmpty2 as BmpEmpty,
+  ElFooter2 as BmpFooter,
+  ElForm2 as BmpForm,
+  ElFormItem2 as BmpFormItem,
+  ElHeader2 as BmpHeader,
   _sfc_main$v as BmpIcon,
-  ElImage as BmpImage,
+  ElImage2 as BmpImage,
   ElImageViewer2 as BmpImageViewer,
   ElInfiniteScroll as BmpInfiniteScroll,
   ElInput2 as BmpInput,
-  ElInputNumber as BmpInputNumber,
-  ElInputTag as BmpInputTag,
+  ElInputNumber2 as BmpInputNumber,
+  ElInputTag2 as BmpInputTag,
   BmpLayout,
   ElLink2 as BmpLink,
   ElLoading as BmpLoading,
-  ElMain as BmpMain,
-  ElMention as BmpMention,
+  ElMain2 as BmpMain,
+  ElMention2 as BmpMention,
   ElMenu2 as BmpMenu,
   ElMenuItem2 as BmpMenuItem,
-  ElMenuItemGroup as BmpMenuItemGroup,
+  ElMenuItemGroup2 as BmpMenuItemGroup,
   ElMessage2 as BmpMessage,
   ElMessageBox2 as BmpMessageBox,
   ElNotification2 as BmpNotification,
-  ElOption as BmpOption,
-  ElOptionGroup as BmpOptionGroup,
-  ElOverlay as BmpOverlay,
+  ElOption2 as BmpOption,
+  ElOptionGroup2 as BmpOptionGroup,
+  ElOverlay2 as BmpOverlay,
   PageCard as BmpPageCard,
-  ElPageHeader as BmpPageHeader,
+  ElPageHeader2 as BmpPageHeader,
   PageNavBar as BmpPageNavBar,
-  _sfc_main$5 as BmpPagination,
-  ElPopconfirm as BmpPopconfirm,
-  ElPopover as BmpPopover,
-  ElPopper as BmpPopper,
-  ElProgress as BmpProgress,
-  ElRadio as BmpRadio,
-  ElRadioButton as BmpRadioButton,
-  ElRadioGroup as BmpRadioGroup,
-  ElRate as BmpRate,
-  ElResult as BmpResult,
-  ElRow as BmpRow,
+  _sfc_main$9 as BmpPagination,
+  ElPopconfirm2 as BmpPopconfirm,
+  ElPopover2 as BmpPopover,
+  ElPopper2 as BmpPopper,
+  ElProgress2 as BmpProgress,
+  ElRadio2 as BmpRadio,
+  ElRadioButton2 as BmpRadioButton,
+  ElRadioGroup2 as BmpRadioGroup,
+  ElRate2 as BmpRate,
+  ElResult2 as BmpResult,
+  ElRow2 as BmpRow,
   ElScrollbar2 as BmpScrollbar,
-  ElSegmented as BmpSegmented,
-  ElSelect as BmpSelect,
-  ElSelectV2 as BmpSelectV2,
+  ElSegmented2 as BmpSegmented,
+  ElSelect2 as BmpSelect,
+  ElSelectV22 as BmpSelectV2,
   setI18n as BmpSetI18n,
   setPinia as BmpSetPinia,
-  ElSkeleton as BmpSkeleton,
-  ElSkeletonItem as BmpSkeletonItem,
-  ElSlider as BmpSlider,
-  ElSpace as BmpSpace,
-  ElSplitter as BmpSplitter,
-  ElSplitterPanel as BmpSplitterPanel,
-  ElStatistic as BmpStatistic,
+  ElSkeleton2 as BmpSkeleton,
+  ElSkeletonItem2 as BmpSkeletonItem,
+  ElSlider2 as BmpSlider,
+  ElSpace2 as BmpSpace,
+  ElSplitter2 as BmpSplitter,
+  ElSplitterPanel2 as BmpSplitterPanel,
+  ElStatistic2 as BmpStatistic,
   Steps as BmpSteps,
   ElSubMenu2 as BmpSubMenu,
-  ElSwitch as BmpSwitch,
-  ElTabPane as BmpTabPane,
-  ElTable as BmpTable,
-  ElTableColumn as BmpTableColumn,
-  ElTabs as BmpTabs,
-  ElTag as BmpTag,
-  ElText as BmpText,
-  ElTimePicker as BmpTimePicker,
-  ElTimeSelect as BmpTimeSelect,
-  ElTimeline as BmpTimeline,
-  ElTimelineItem as BmpTimelineItem,
-  ElTooltip as BmpTooltip,
-  ElTour as BmpTour,
-  ElTourStep as BmpTourStep,
-  ElTransfer as BmpTransfer,
-  ElTree as BmpTree,
-  ElTreeSelect as BmpTreeSelect,
-  ElTreeV2 as BmpTreeV2,
+  ElSwitch2 as BmpSwitch,
+  ElTabPane2 as BmpTabPane,
+  ElTable2 as BmpTable,
+  ElTableColumn2 as BmpTableColumn,
+  ElTabs2 as BmpTabs,
+  ElTag2 as BmpTag,
+  ElText2 as BmpText,
+  ElTimePicker2 as BmpTimePicker,
+  ElTimeSelect2 as BmpTimeSelect,
+  ElTimeline2 as BmpTimeline,
+  ElTimelineItem2 as BmpTimelineItem,
+  ElTooltip2 as BmpTooltip,
+  ElTour2 as BmpTour,
+  ElTourStep2 as BmpTourStep,
+  ElTransfer2 as BmpTransfer,
+  ElTree2 as BmpTree,
+  ElTreeSelect2 as BmpTreeSelect,
+  ElTreeV22 as BmpTreeV2,
   ElUpload2 as BmpUpload,
   UploadFile as BmpUploadFile,
   UploadImg as BmpUploadImg,
@@ -11417,6 +11531,7 @@ export {
   usePermissionStoreWithOut as BmpUsePermissionStoreWithOut,
   useUserStore as BmpUseUserStore,
   useUserStoreWithOut as BmpUseUserStoreWithOut,
-  ElWatermark as BmpWatermark,
-  BmpLayout as default
+  ElWatermark2 as BmpWatermark,
+  BmpLayout as default,
+  install
 };