@ganwei-web/gw-base-components-plus 1.0.38 → 1.0.40

package/element-plus-adapter/dist/ElementPlusAdapter.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, mergeModels, useModel, createElementVNode, normalizeProps, guardReactiveProps, inject, createElementBlock, watch, resolveComponent, createVNode, onUnmounted, isVNode } from "vue";
-import { ElButton, ElTag, ElInput, ElForm, ElFormItem, ElSelect, ElOption, ElCheckbox, ElCheckboxGroup, ElRadio, ElRadioGroup, ElRadioButton, ElSwitch, ElCascader, ElDatePicker, ElTimePicker, ElUpload, ElTransfer, ElTable, ElTableColumn, ElTree, localeContextKey, ElPagination, ElImage, ElProgress, ElBadge, ElCard, ElDescriptions, ElAlert, ElDialog, ElDrawer, ElPopover, ElTooltip, ElNotification as ElNotification$1, vLoading as vLoading$1, ElMenu, ElDropdown, ElTabs, ElTabPane, ElMenuItem, ElSubMenu, ElDropdownMenu, ElDropdownItem, ElCollapse, ElCollapseItem, ElIcon, ElAvatar, ElRow, ElContainer, ElHeader, ElAside, ElMain, ElConfigProvider, ElScrollbar, ElDescriptionsItem, ElBreadcrumb, ElBreadcrumbItem, ElTour, ElTourStep, ElMessageBox, ElMessage } from "element-plus";
+import { defineComponent, ref, useAttrs, computed, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, mergeModels, useModel, createElementVNode, normalizeProps, guardReactiveProps, inject, createElementBlock, watch, resolveComponent, createVNode, onUnmounted, Teleport, normalizeClass, normalizeStyle, createCommentVNode, onMounted, Fragment, isVNode } from "vue";
+import { ElButton, ElTag, ElInput, ElForm, ElFormItem, ElSelect, ElOption, ElCheckbox, ElCheckboxGroup, ElRadio, ElRadioGroup, ElRadioButton, ElSwitch, ElCascader, ElDatePicker, ElTimePicker, ElUpload, ElTransfer, ElTable, ElTableColumn, ElTree, localeContextKey, ElPagination, ElImage, ElProgress, ElBadge, ElCard, ElDescriptions, ElAlert, useZIndex, ElDialog, ElDrawer, ElPopover, ElTooltip, ElMessageBox, ElNotification as ElNotification$1, vLoading as vLoading$1, ElMenu, ElDropdown, ElTabs, ElTabPane, ElMenuItem, ElSubMenu, ElDropdownMenu, ElDropdownItem, ElCollapse, ElCollapseItem, ElIcon, ElAvatar, ElRow, ElContainer, ElHeader, ElAside, ElMain, ElConfigProvider, ElScrollbar, ElDescriptionsItem, ElBreadcrumb, ElBreadcrumbItem, ElTour, ElTourStep, ElMessage } from "element-plus";
 import { ElMessage as ElMessage2 } from "element-plus";
+const overlayNoTransition = "";
 function useExpose(proxyElement) {
   const expose = new Proxy({}, {
     get(target, key) {
@@ -13,7 +14,7 @@ function useExpose(proxyElement) {
   });
   return expose;
 }
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -61,7 +62,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$u = "";
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -93,7 +94,7 @@ function useDataTestId() {
     console.warn(`${UI_AUTOMATION_TOKEN} is required to UI Automation`);
   }
 }
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "ElInput",
   props: {
     "modelValue": {
@@ -143,7 +144,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const ElInput_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -168,7 +169,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$s = "";
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -192,7 +193,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -218,7 +219,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$r = "";
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -242,7 +243,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -270,7 +271,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$q = "";
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -297,7 +298,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -322,7 +323,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$p = "";
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     round: {
@@ -355,7 +356,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$o = "";
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -379,7 +380,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -405,7 +406,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$n = "";
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -430,7 +431,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$m = "";
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     defaultTime: {},
@@ -480,7 +481,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$l = "";
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -505,7 +506,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$k = "";
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -530,7 +531,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$j = "";
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -555,7 +556,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$i = "";
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -587,7 +588,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$h = "";
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
     formatter: {
@@ -625,7 +626,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -650,7 +651,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$g = "";
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -703,7 +704,7 @@ var _sfc_main197 = /* @__PURE__ */ defineComponent({
   }
 }), picture_default = _sfc_main197;
 const _hoisted_1 = { class: "error-slot" };
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: {
@@ -776,7 +777,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$e = "";
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -801,7 +802,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$d = "";
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -826,7 +827,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$c = "";
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -851,7 +852,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$b = "";
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const proxyElement = ref();
@@ -886,7 +887,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$a = "";
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
     const attrs = useAttrs();
@@ -911,74 +912,259 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const index_vue_vue_type_style_index_0_lang$9 = "";
+const isInIframe = typeof window !== "undefined" && window.self !== window.top;
+const COUNT_KEY = "__elDialogOverlayCount__";
+let transitionDisabled = false;
+let enableTimer = null;
+const OVERLAY_TRANSITION_DURATION = 200;
+function disableOverlayTransition() {
+  if (!isInIframe)
+    return;
+  if (enableTimer) {
+    clearTimeout(enableTimer);
+    enableTimer = null;
+  }
+  if (transitionDisabled)
+    return;
+  transitionDisabled = true;
+  document.documentElement.classList.add("gw-overlay-no-transition");
+}
+function enableOverlayTransition() {
+  if (!isInIframe || !transitionDisabled)
+    return;
+  if (enableTimer)
+    clearTimeout(enableTimer);
+  enableTimer = setTimeout(() => {
+    transitionDisabled = false;
+    document.documentElement.classList.remove("gw-overlay-no-transition");
+    enableTimer = null;
+  }, OVERLAY_TRANSITION_DURATION);
+}
+function getCount() {
+  return window[COUNT_KEY] || 0;
+}
+function setCount(count) {
+  window[COUNT_KEY] = count;
+}
+function postOverlayMessage(visible) {
+  if (!isInIframe)
+    return;
+  try {
+    window.parent.postMessage({ overlayMask: visible }, "*");
+  } catch (e) {
+    console.log(e);
+  }
+}
+const globalOverlayVisible = ref(false);
+const globalOverlayZIndex = ref(2e3);
+function useOverlayMask() {
+  let hasCounted = false;
+  let isMounted = false;
+  function triggerOverlay(visible) {
+    if (!isInIframe)
+      return;
+    try {
+      let count = getCount();
+      if (visible) {
+        if (hasCounted)
+          return;
+        count++;
+        hasCounted = true;
+      } else {
+        if (!hasCounted)
+          return;
+        count = Math.max(0, count - 1);
+        hasCounted = false;
+      }
+      setCount(count);
+      const shouldShow = count > 0;
+      if (shouldShow) {
+        disableOverlayTransition();
+      } else {
+        enableOverlayTransition();
+      }
+      globalOverlayVisible.value = shouldShow;
+      postOverlayMessage(shouldShow);
+    } catch (e) {
+      console.log(e);
+    }
+  }
+  function onOpen() {
+    if (hasCounted)
+      return;
+    triggerOverlay(true);
+  }
+  function onClose() {
+    triggerOverlay(false);
+  }
+  function onMount(modelValue) {
+    isMounted = true;
+    Promise.resolve().then(() => {
+      if (isMounted && !hasCounted && modelValue === true) {
+        onOpen();
+      }
+    });
+  }
+  function onUnmount() {
+    isMounted = false;
+    if (hasCounted) {
+      triggerOverlay(false);
+    }
+  }
+  return {
+    overlayVisible: globalOverlayVisible,
+    overlayZIndex: globalOverlayZIndex,
+    onOpen,
+    onClose,
+    onUnmount,
+    onMount
+  };
+}
+const overlayMask = {
+  show() {
+    if (!isInIframe)
+      return;
+    try {
+      let count = getCount();
+      const wasZero = count === 0;
+      count++;
+      setCount(count);
+      if (wasZero) {
+        disableOverlayTransition();
+        postOverlayMessage(true);
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  },
+  hide() {
+    if (!isInIframe)
+      return;
+    try {
+      let count = getCount();
+      count = Math.max(0, count - 1);
+      setCount(count);
+      if (count === 0) {
+        postOverlayMessage(false);
+        enableOverlayTransition();
+      }
+    } catch (e) {
+      console.log(e);
+    }
+  }
+};
+const GwOverlayMaskKey = "__gwOverlayMaskActive__";
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: false },
+    backgroundColor: { default: "rgba(0, 0, 0, 0.5)" },
+    width: { default: "100%" },
+    height: { default: "100%" },
+    transitionDuration: { default: "0.2s" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isInstance = !window[GwOverlayMaskKey];
+    if (isInstance) {
+      window[GwOverlayMaskKey] = true;
+    }
+    onUnmounted(() => {
+      if (isInstance) {
+        window[GwOverlayMaskKey] = false;
+      }
+    });
+    const overlayStyle = computed(() => ({
+      position: "fixed",
+      left: "0",
+      top: "0",
+      width: props.width,
+      height: props.height,
+      zIndex: 2e3,
+      backgroundColor: props.backgroundColor,
+      transitionDuration: props.transitionDuration
+    }));
+    const handleClick = (event) => {
+      emit("click", event);
+    };
+    const handleMouseDown = (event) => {
+      event.stopPropagation();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        isInstance ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(["gw-overlay-mask", { "gw-overlay-mask--visible": __props.visible }]),
+          style: normalizeStyle(overlayStyle.value),
+          onClick: handleClick,
+          onMousedown: handleMouseDown
+        }, null, 38)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const index_vue_vue_type_style_index_0_scoped_cf048b89_lang = "";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const GwOverlayMask = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-cf048b89"]]);
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props, { expose: __expose }) {
-    useAttrs();
+    const attrs = useAttrs();
     const proxyElement = ref();
     const expose = useExpose(proxyElement);
     __expose(expose);
-    const isInIframe = window.self !== window.top;
-    let hasCounted = false;
-    const dialogModal = ref(true);
-    function onOpen() {
+    const { overlayVisible, overlayZIndex, onOpen, onClose, onUnmount, onMount } = useOverlayMask();
+    const { nextZIndex } = useZIndex();
+    const dialogModal = computed(() => !isInIframe);
+    function handleOpen() {
       if (isInIframe) {
         const currentCount = window.__elDialogOverlayCount__ || 0;
-        dialogModal.value = currentCount === 0;
-      } else {
-        dialogModal.value = true;
-      }
-      triggerOverlay(true);
-    }
-    function onClose() {
-      triggerOverlay(false);
-    }
-    function triggerOverlay(visible) {
-      if (!isInIframe)
-        return;
-      try {
-        let count = window.__elDialogOverlayCount__ || 0;
-        if (visible) {
-          if (hasCounted)
-            return;
-          count++;
-          hasCounted = true;
-        } else {
-          if (!hasCounted)
-            return;
-          count = Math.max(0, count - 1);
-          hasCounted = false;
+        if (currentCount === 0) {
+          overlayZIndex.value = nextZIndex();
         }
-        ;
-        window.__elDialogOverlayCount__ = count;
-        const shouldShow = count > 0;
-        window.parent.postMessage({ overlayMask: shouldShow }, "*");
-      } catch (e) {
-        console.log(e);
       }
+      onOpen();
+    }
+    function handleClose() {
+      onClose();
     }
+    onMounted(() => {
+      onMount(attrs.modelValue);
+    });
     onUnmounted(() => {
-      if (hasCounted) {
-        triggerOverlay(false);
-      }
+      onUnmount();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElDialog), mergeProps(_ctx.$attrs, {
-        modal: dialogModal.value,
-        ref_key: "proxyElement",
-        ref: proxyElement,
-        onOpen,
-        onClose
-      }), createSlots({ _: 2 }, [
-        renderList(_ctx.$slots, (value, key) => {
-          return {
-            name: key,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, key, mergeProps(slotProps, { key }))
-            ])
-          };
-        })
-      ]), 1040, ["modal"]);
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(isInIframe) ? (openBlock(), createBlock(GwOverlayMask, {
+          key: 0,
+          visible: unref(overlayVisible)
+        }, null, 8, ["visible"])) : createCommentVNode("", true),
+        createVNode(unref(ElDialog), mergeProps(_ctx.$attrs, {
+          modal: dialogModal.value,
+          ref_key: "proxyElement",
+          ref: proxyElement,
+          onOpen: handleOpen,
+          onClose: handleClose
+        }), createSlots({ _: 2 }, [
+          renderList(_ctx.$slots, (value, key) => {
+            return {
+              name: key,
+              fn: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, key, mergeProps(slotProps, { key }))
+              ])
+            };
+          })
+        ]), 1040, ["modal"])
+      ], 64);
     };
   }
 });
@@ -1060,6 +1246,64 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
 });
 const index_vue_vue_type_style_index_0_lang$5 = "";
 const index$2 = "";
+function wrapMethod(fn) {
+  return function(...args) {
+    let hasHidden = false;
+    const injectOptions = (options) => {
+      const userBeforeClose = options == null ? void 0 : options.beforeClose;
+      const wrappedBeforeClose = (action, instance, done) => {
+        const wrappedDone = () => {
+          if (!hasHidden) {
+            hasHidden = true;
+            overlayMask.hide();
+          }
+          done();
+        };
+        if (typeof userBeforeClose === "function") {
+          userBeforeClose(action, instance, wrappedDone);
+        } else {
+          wrappedDone();
+        }
+      };
+      return { ...options, beforeClose: wrappedBeforeClose };
+    };
+    if (args.length > 0 && typeof args[0] === "object" && !Array.isArray(args[0])) {
+      args[0] = injectOptions(args[0]);
+    } else {
+      args[2] = injectOptions(args[2] || {});
+    }
+    overlayMask.show();
+    const result = fn.apply(this, args);
+    return result.finally(() => {
+      if (!hasHidden) {
+        hasHidden = true;
+        overlayMask.hide();
+      }
+    });
+  };
+}
+const wrappedMsgbox = wrapMethod(ElMessageBox);
+const wrappedAlert = wrapMethod(ElMessageBox.alert.bind(ElMessageBox));
+const wrappedConfirm = wrapMethod(ElMessageBox.confirm.bind(ElMessageBox));
+const wrappedPrompt = wrapMethod(ElMessageBox.prompt.bind(ElMessageBox));
+const WrappedElMessageBox = Object.assign(wrappedMsgbox, {
+  alert: wrappedAlert,
+  confirm: wrappedConfirm,
+  prompt: wrappedPrompt,
+  close: ElMessageBox.close.bind(ElMessageBox),
+  _context: null
+});
+WrappedElMessageBox.install = function(app) {
+  if (WrappedElMessageBox._installed)
+    return;
+  WrappedElMessageBox._installed = true;
+  WrappedElMessageBox._context = app._context;
+  app.config.globalProperties.$msgbox = WrappedElMessageBox;
+  app.config.globalProperties.$messageBox = WrappedElMessageBox;
+  app.config.globalProperties.$alert = wrappedAlert;
+  app.config.globalProperties.$confirm = wrappedConfirm;
+  app.config.globalProperties.$prompt = wrappedPrompt;
+};
 const index$1 = "";
 const install = ElNotification$1.install;
 const defaultOption = {
@@ -1403,8 +1647,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const index_vue_vue_type_style_index_0_lang = "";
 const Adapter = {
   // 基础组件
-  ElButton: _sfc_main$G,
-  ElTag: _sfc_main$F,
+  ElButton: _sfc_main$H,
+  ElTag: _sfc_main$G,
   ElIcon,
   ElAvatar,
   ElRow,
@@ -1416,35 +1660,35 @@ const Adapter = {
   ElConfigProvider,
   ElScrollbar,
   // 表单组件
-  ElInput: _sfc_main$E,
-  ElForm: _sfc_main$D,
-  ElFormItem: _sfc_main$C,
-  ElSelect: _sfc_main$B,
-  ElOption: _sfc_main$A,
-  ElCheckbox: _sfc_main$z,
-  ElCheckboxGroup: _sfc_main$y,
-  ElRadio: _sfc_main$x,
-  ElRadioGroup: _sfc_main$w,
-  ElRadioButton: _sfc_main$v,
-  ElSwitch: _sfc_main$u,
-  ElCascader: _sfc_main$t,
-  ElDatePicker: _sfc_main$s,
-  ElTimePicker: _sfc_main$r,
-  ElUpload: _sfc_main$q,
-  ElTransfer: _sfc_main$p,
+  ElInput: _sfc_main$F,
+  ElForm: _sfc_main$E,
+  ElFormItem: _sfc_main$D,
+  ElSelect: _sfc_main$C,
+  ElOption: _sfc_main$B,
+  ElCheckbox: _sfc_main$A,
+  ElCheckboxGroup: _sfc_main$z,
+  ElRadio: _sfc_main$y,
+  ElRadioGroup: _sfc_main$x,
+  ElRadioButton: _sfc_main$w,
+  ElSwitch: _sfc_main$v,
+  ElCascader: _sfc_main$u,
+  ElDatePicker: _sfc_main$t,
+  ElTimePicker: _sfc_main$s,
+  ElUpload: _sfc_main$r,
+  ElTransfer: _sfc_main$q,
   // 数据展示
-  ElTable: _sfc_main$o,
-  ElTableColumn: _sfc_main$n,
-  ElTree: _sfc_main$m,
-  ElPagination: _sfc_main$l,
-  ElImage: _sfc_main$k,
-  ElProgress: _sfc_main$j,
-  ElBadge: _sfc_main$i,
-  ElCard: _sfc_main$h,
-  ElDescriptions: _sfc_main$g,
+  ElTable: _sfc_main$p,
+  ElTableColumn: _sfc_main$o,
+  ElTree: _sfc_main$n,
+  ElPagination: _sfc_main$m,
+  ElImage: _sfc_main$l,
+  ElProgress: _sfc_main$k,
+  ElBadge: _sfc_main$j,
+  ElCard: _sfc_main$i,
+  ElDescriptions: _sfc_main$h,
   ElDescriptionsItem,
   // 反馈组件
-  ElAlert: _sfc_main$f,
+  ElAlert: _sfc_main$g,
   ElDialog: _sfc_main$e,
   ElDrawer: _sfc_main$d,
   ElPopover: _sfc_main$c,
@@ -1472,7 +1716,7 @@ function adapterInstall(app) {
     app.component(key, component);
   }
   adapterLoading(app);
-  app.use(ElMessageBox);
+  app.use(WrappedElMessageBox);
   app.use(ElNotification);
   app.config.globalProperties.$message = ElMessage;
 }