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

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

@@ -1,5 +1,6 @@
 var ElementPlusAdapter = function(exports, elementPlus, vue) {
   "use strict";
+  const overlayNoTransition = "";
   function useExpose(proxyElement) {
     const expose = new Proxy({}, {
       get(target, key) {
@@ -12,7 +13,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     });
     return expose;
   }
-  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
     ...{
       inheritAttrs: false
     },
@@ -60,7 +61,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$u = "";
-  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -92,7 +93,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       console.warn(`${UI_AUTOMATION_TOKEN} is required to UI Automation`);
     }
   }
-  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     __name: "ElInput",
     props: {
       "modelValue": {
@@ -142,7 +143,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const ElInput_vue_vue_type_style_index_0_lang = "";
-  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -167,7 +168,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$s = "";
-  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -191,7 +192,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       };
     }
   });
-  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -217,7 +218,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$r = "";
-  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -241,7 +242,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       };
     }
   });
-  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     ...{
       inheritAttrs: false
     },
@@ -269,7 +270,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$q = "";
-  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     ...{
       inheritAttrs: false
     },
@@ -296,7 +297,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       };
     }
   });
-  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -321,7 +322,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$p = "";
-  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       round: {
@@ -354,7 +355,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$o = "";
-  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -378,7 +379,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       };
     }
   });
-  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -404,7 +405,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$n = "";
-  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -429,7 +430,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$m = "";
-  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       defaultTime: {},
@@ -479,7 +480,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$l = "";
-  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -504,7 +505,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$k = "";
-  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -529,7 +530,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$j = "";
-  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -554,7 +555,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$i = "";
-  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -586,7 +587,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$h = "";
-  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     props: {
       formatter: {
@@ -624,7 +625,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       };
     }
   });
-  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -649,7 +650,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$g = "";
-  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -702,7 +703,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   }), picture_default = _sfc_main197;
   const _hoisted_1 = { class: "error-slot" };
-  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     ...{ inheritAttrs: false },
     __name: "index",
     props: {
@@ -775,7 +776,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$e = "";
-  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -800,7 +801,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$d = "";
-  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -825,7 +826,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$c = "";
-  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -850,7 +851,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$b = "";
-  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const proxyElement = vue.ref();
@@ -885,7 +886,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   const index_vue_vue_type_style_index_0_lang$a = "";
-  const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
       const attrs = vue.useAttrs();
@@ -910,74 +911,259 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     }
   });
   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 = vue.ref(false);
+  const globalOverlayZIndex = vue.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__ */ vue.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;
+      }
+      vue.onUnmounted(() => {
+        if (isInstance) {
+          window[GwOverlayMaskKey] = false;
+        }
+      });
+      const overlayStyle = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
+          isInstance ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(["gw-overlay-mask", { "gw-overlay-mask--visible": __props.visible }]),
+            style: vue.normalizeStyle(overlayStyle.value),
+            onClick: handleClick,
+            onMousedown: handleMouseDown
+          }, null, 38)) : vue.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__ */ vue.defineComponent({
     __name: "index",
     setup(__props, { expose: __expose }) {
-      vue.useAttrs();
+      const attrs = vue.useAttrs();
       const proxyElement = vue.ref();
       const expose = useExpose(proxyElement);
       __expose(expose);
-      const isInIframe = window.self !== window.top;
-      let hasCounted = false;
-      const dialogModal = vue.ref(true);
-      function onOpen() {
+      const { overlayVisible, overlayZIndex, onOpen, onClose, onUnmount, onMount } = useOverlayMask();
+      const { nextZIndex } = elementPlus.useZIndex();
+      const dialogModal = vue.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();
       }
+      vue.onMounted(() => {
+        onMount(attrs.modelValue);
+      });
       vue.onUnmounted(() => {
-        if (hasCounted) {
-          triggerOverlay(false);
-        }
+        onUnmount();
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElDialog), vue.mergeProps(_ctx.$attrs, {
-          modal: dialogModal.value,
-          ref_key: "proxyElement",
-          ref: proxyElement,
-          onOpen,
-          onClose
-        }), vue.createSlots({ _: 2 }, [
-          vue.renderList(_ctx.$slots, (value, key) => {
-            return {
-              name: key,
-              fn: vue.withCtx((slotProps) => [
-                vue.renderSlot(_ctx.$slots, key, vue.mergeProps(slotProps, { key }))
-              ])
-            };
-          })
-        ]), 1040, ["modal"]);
+        return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+          vue.unref(isInIframe) ? (vue.openBlock(), vue.createBlock(GwOverlayMask, {
+            key: 0,
+            visible: vue.unref(overlayVisible)
+          }, null, 8, ["visible"])) : vue.createCommentVNode("", true),
+          vue.createVNode(vue.unref(elementPlus.ElDialog), vue.mergeProps(_ctx.$attrs, {
+            modal: dialogModal.value,
+            ref_key: "proxyElement",
+            ref: proxyElement,
+            onOpen: handleOpen,
+            onClose: handleClose
+          }), vue.createSlots({ _: 2 }, [
+            vue.renderList(_ctx.$slots, (value, key) => {
+              return {
+                name: key,
+                fn: vue.withCtx((slotProps) => [
+                  vue.renderSlot(_ctx.$slots, key, vue.mergeProps(slotProps, { key }))
+                ])
+              };
+            })
+          ]), 1040, ["modal"])
+        ], 64);
       };
     }
   });
@@ -1059,6 +1245,64 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
   });
   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(elementPlus.ElMessageBox);
+  const wrappedAlert = wrapMethod(elementPlus.ElMessageBox.alert.bind(elementPlus.ElMessageBox));
+  const wrappedConfirm = wrapMethod(elementPlus.ElMessageBox.confirm.bind(elementPlus.ElMessageBox));
+  const wrappedPrompt = wrapMethod(elementPlus.ElMessageBox.prompt.bind(elementPlus.ElMessageBox));
+  const WrappedElMessageBox = Object.assign(wrappedMsgbox, {
+    alert: wrappedAlert,
+    confirm: wrappedConfirm,
+    prompt: wrappedPrompt,
+    close: elementPlus.ElMessageBox.close.bind(elementPlus.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 = elementPlus.ElNotification.install;
   const defaultOption = {
@@ -1402,8 +1646,8 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
   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: elementPlus.ElIcon,
     ElAvatar: elementPlus.ElAvatar,
     ElRow: elementPlus.ElRow,
@@ -1415,35 +1659,35 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
     ElConfigProvider: elementPlus.ElConfigProvider,
     ElScrollbar: elementPlus.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: elementPlus.ElDescriptionsItem,
     // 反馈组件
-    ElAlert: _sfc_main$f,
+    ElAlert: _sfc_main$g,
     ElDialog: _sfc_main$e,
     ElDrawer: _sfc_main$d,
     ElPopover: _sfc_main$c,
@@ -1471,7 +1715,7 @@ var ElementPlusAdapter = function(exports, elementPlus, vue) {
       app.component(key, component);
     }
     adapterLoading(app);
-    app.use(elementPlus.ElMessageBox);
+    app.use(WrappedElMessageBox);
     app.use(ElNotification);
     app.config.globalProperties.$message = elementPlus.ElMessage;
   }