st-comp 0.0.178 → 0.0.180

package/es/el-message-box-2b6b2b68.js

@@ -0,0 +1,550 @@
+import { defineComponent as Q, ref as k, computed as w, onMounted as me, onUpdated as Se, openBlock as f, createBlock as C, resolveDynamicComponent as I, normalizeClass as r, unref as Ie, normalizeStyle as G, withCtx as E, renderSlot as pe, useAttrs as Ae, nextTick as V, reactive as Re, markRaw as W, watch as se, onBeforeUnmount as $e, toRefs as ze, resolveComponent as z, Transition as Le, withDirectives as U, createVNode as A, createElementVNode as b, withModifiers as K, createElementBlock as j, createCommentVNode as S, toDisplayString as L, withKeys as N, vShow as q, createTextVNode as le, isVNode as ge, render as ve } from "vue";
+import { b as Ve, u as Oe, i as X, _ as he, w as Pe, x as Z, c as Y, s as De, y as ae, f as ye, z as ie } from "./base-62a70f61.js";
+import { k as Fe, e as He, T as Ke, o as re } from "./el-scrollbar-fae984e3.js";
+import { E as Ne } from "./el-button-5b08c08a.js";
+import { E as Ue } from "./el-input-6db30c8c.js";
+import { E as je, b as qe, c as Ge } from "./el-overlay-540b2a02.js";
+import { E as We, l as ue } from "./index-74fb90c7.js";
+import { o as ce, a as Xe, e as Ze } from "./el-popper-544fd77e.js";
+import { i as Je } from "./validator-d12a8f8c.js";
+import { u as Qe } from "./use-global-config-4b185eb5.js";
+import { a as de } from "./index-34592e82.js";
+import { u as Ye } from "./el-dialog-d8d0da7a.js";
+const _e = Ve({
+  type: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger", ""],
+    default: ""
+  },
+  size: {
+    type: String,
+    values: Fe,
+    default: ""
+  },
+  truncated: Boolean,
+  lineClamp: {
+    type: [String, Number]
+  },
+  tag: {
+    type: String,
+    default: "span"
+  }
+}), xe = Q({
+  name: "ElText"
+}), en = /* @__PURE__ */ Q({
+  ...xe,
+  props: _e,
+  setup(e) {
+    const o = e, t = k(), i = He(), l = Oe("text"), s = w(() => [
+      l.b(),
+      l.m(o.type),
+      l.m(i.value),
+      l.is("truncated", o.truncated),
+      l.is("line-clamp", !X(o.lineClamp))
+    ]), c = () => {
+      var u, m, n, M, d, P, D;
+      if (Ae().title)
+        return;
+      let h = !1;
+      const F = ((u = t.value) == null ? void 0 : u.textContent) || "";
+      if (o.truncated) {
+        const p = (m = t.value) == null ? void 0 : m.offsetWidth, y = (n = t.value) == null ? void 0 : n.scrollWidth;
+        p && y && y > p && (h = !0);
+      } else if (!X(o.lineClamp)) {
+        const p = (M = t.value) == null ? void 0 : M.offsetHeight, y = (d = t.value) == null ? void 0 : d.scrollHeight;
+        p && y && y > p && (h = !0);
+      }
+      h ? (P = t.value) == null || P.setAttribute("title", F) : (D = t.value) == null || D.removeAttribute("title");
+    };
+    return me(c), Se(c), (u, m) => (f(), C(I(u.tag), {
+      ref_key: "textRef",
+      ref: t,
+      class: r(Ie(s)),
+      style: G({ "-webkit-line-clamp": u.lineClamp })
+    }, {
+      default: E(() => [
+        pe(u.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class", "style"]));
+  }
+});
+var nn = /* @__PURE__ */ he(en, [["__file", "text.vue"]]);
+const Mn = Pe(nn), J = "_trap-focus-children", T = [], fe = (e) => {
+  if (T.length === 0)
+    return;
+  const o = T[T.length - 1][J];
+  if (o.length > 0 && e.code === Xe.tab) {
+    if (o.length === 1) {
+      e.preventDefault(), document.activeElement !== o[0] && o[0].focus();
+      return;
+    }
+    const t = e.shiftKey, i = e.target === o[0], l = e.target === o[o.length - 1];
+    i && t && (e.preventDefault(), o[o.length - 1].focus()), l && !t && (e.preventDefault(), o[0].focus());
+  }
+}, on = {
+  beforeMount(e) {
+    e[J] = ce(e), T.push(e), T.length <= 1 && document.addEventListener("keydown", fe);
+  },
+  updated(e) {
+    V(() => {
+      e[J] = ce(e);
+    });
+  },
+  unmounted() {
+    T.shift(), T.length === 0 && document.removeEventListener("keydown", fe);
+  }
+}, tn = Q({
+  name: "ElMessageBox",
+  directives: {
+    TrapFocus: on
+  },
+  components: {
+    ElButton: Ne,
+    ElFocusTrap: Ze,
+    ElInput: Ue,
+    ElOverlay: je,
+    ElIcon: We,
+    ...Ke
+  },
+  inheritAttrs: !1,
+  props: {
+    buttonSize: {
+      type: String,
+      validator: Je
+    },
+    modal: {
+      type: Boolean,
+      default: !0
+    },
+    lockScroll: {
+      type: Boolean,
+      default: !0
+    },
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: !0
+    },
+    closeOnHashChange: {
+      type: Boolean,
+      default: !0
+    },
+    center: Boolean,
+    draggable: Boolean,
+    overflow: Boolean,
+    roundButton: Boolean,
+    container: {
+      type: String,
+      default: "body"
+    },
+    boxType: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["vanish", "action"],
+  setup(e, { emit: o }) {
+    const {
+      locale: t,
+      zIndex: i,
+      ns: l,
+      size: s
+    } = Qe("message-box", w(() => e.buttonSize)), { t: c } = t, { nextZIndex: u } = i, m = k(!1), n = Re({
+      autofocus: !0,
+      beforeClose: null,
+      callback: null,
+      cancelButtonText: "",
+      cancelButtonClass: "",
+      confirmButtonText: "",
+      confirmButtonClass: "",
+      customClass: "",
+      customStyle: {},
+      dangerouslyUseHTMLString: !1,
+      distinguishCancelAndClose: !1,
+      icon: "",
+      closeIcon: "",
+      inputPattern: null,
+      inputPlaceholder: "",
+      inputType: "text",
+      inputValue: "",
+      inputValidator: void 0,
+      inputErrorMessage: "",
+      message: "",
+      modalFade: !0,
+      modalClass: "",
+      showCancelButton: !1,
+      showConfirmButton: !0,
+      type: "",
+      title: void 0,
+      showInput: !1,
+      action: "",
+      confirmButtonLoading: !1,
+      cancelButtonLoading: !1,
+      confirmButtonLoadingIcon: W(ue),
+      cancelButtonLoadingIcon: W(ue),
+      confirmButtonDisabled: !1,
+      editorErrorMessage: "",
+      validateError: !1,
+      zIndex: u()
+    }), M = w(() => {
+      const a = n.type;
+      return { [l.bm("icon", a)]: a && re[a] };
+    }), d = de(), P = de(), D = w(() => {
+      const a = n.type;
+      return n.icon || a && re[a] || "";
+    }), _ = w(() => !!n.message), h = k(), F = k(), p = k(), y = k(), x = k(), Ce = w(() => n.confirmButtonClass);
+    se(() => n.inputValue, async (a) => {
+      await V(), e.boxType === "prompt" && a && ne();
+    }, { immediate: !0 }), se(() => m.value, (a) => {
+      var g, v;
+      a && (e.boxType !== "prompt" && (n.autofocus ? p.value = (v = (g = x.value) == null ? void 0 : g.$el) != null ? v : h.value : p.value = h.value), n.zIndex = u()), e.boxType === "prompt" && (a ? V().then(() => {
+        var te;
+        y.value && y.value.$el && (n.autofocus ? p.value = (te = Te()) != null ? te : h.value : p.value = h.value);
+      }) : (n.editorErrorMessage = "", n.validateError = !1));
+    });
+    const be = w(() => e.draggable), Ee = w(() => e.overflow), { isDragging: we } = Ye(h, F, be, Ee);
+    me(async () => {
+      await V(), e.closeOnHashChange && window.addEventListener("hashchange", $);
+    }), $e(() => {
+      e.closeOnHashChange && window.removeEventListener("hashchange", $);
+    });
+    function $() {
+      m.value && (m.value = !1, V(() => {
+        n.action && o("action", n.action);
+      }));
+    }
+    const ee = () => {
+      e.closeOnClickModal && H(n.distinguishCancelAndClose ? "close" : "cancel");
+    }, Be = Ge(ee), ke = (a) => {
+      if (n.inputType !== "textarea")
+        return a.preventDefault(), H("confirm");
+    }, H = (a) => {
+      var g;
+      e.boxType === "prompt" && a === "confirm" && !ne() || (n.action = a, n.beforeClose ? (g = n.beforeClose) == null || g.call(n, a, n, $) : $());
+    }, ne = () => {
+      if (e.boxType === "prompt") {
+        const a = n.inputPattern;
+        if (a && !a.test(n.inputValue || ""))
+          return n.editorErrorMessage = n.inputErrorMessage || c("el.messagebox.error"), n.validateError = !0, !1;
+        const g = n.inputValidator;
+        if (Z(g)) {
+          const v = g(n.inputValue);
+          if (v === !1)
+            return n.editorErrorMessage = n.inputErrorMessage || c("el.messagebox.error"), n.validateError = !0, !1;
+          if (Y(v))
+            return n.editorErrorMessage = v, n.validateError = !0, !1;
+        }
+      }
+      return n.editorErrorMessage = "", n.validateError = !1, !0;
+    }, Te = () => {
+      var a, g;
+      const v = (a = y.value) == null ? void 0 : a.$refs;
+      return (g = v == null ? void 0 : v.input) != null ? g : v == null ? void 0 : v.textarea;
+    }, oe = () => {
+      H("close");
+    }, Me = () => {
+      e.closeOnPressEscape && oe();
+    };
+    return e.lockScroll && qe(m), {
+      ...ze(n),
+      ns: l,
+      overlayEvent: Be,
+      visible: m,
+      hasMessage: _,
+      typeClass: M,
+      contentId: d,
+      inputId: P,
+      btnSize: s,
+      iconComponent: D,
+      confirmButtonClasses: Ce,
+      rootRef: h,
+      focusStartRef: p,
+      headerRef: F,
+      inputRef: y,
+      isDragging: we,
+      confirmRef: x,
+      doClose: $,
+      handleClose: oe,
+      onCloseRequested: Me,
+      handleWrapperClick: ee,
+      handleInputEnter: ke,
+      handleAction: H,
+      t: c
+    };
+  }
+});
+function sn(e, o, t, i, l, s) {
+  const c = z("el-icon"), u = z("el-input"), m = z("el-button"), n = z("el-focus-trap"), M = z("el-overlay");
+  return f(), C(Le, {
+    name: "fade-in-linear",
+    onAfterLeave: (d) => e.$emit("vanish"),
+    persisted: ""
+  }, {
+    default: E(() => [
+      U(A(M, {
+        "z-index": e.zIndex,
+        "overlay-class": [e.ns.is("message-box"), e.modalClass],
+        mask: e.modal
+      }, {
+        default: E(() => [
+          b("div", {
+            role: "dialog",
+            "aria-label": e.title,
+            "aria-modal": "true",
+            "aria-describedby": e.showInput ? void 0 : e.contentId,
+            class: r(`${e.ns.namespace.value}-overlay-message-box`),
+            onClick: e.overlayEvent.onClick,
+            onMousedown: e.overlayEvent.onMousedown,
+            onMouseup: e.overlayEvent.onMouseup
+          }, [
+            A(n, {
+              loop: "",
+              trapped: e.visible,
+              "focus-trap-el": e.rootRef,
+              "focus-start-el": e.focusStartRef,
+              onReleaseRequested: e.onCloseRequested
+            }, {
+              default: E(() => [
+                b("div", {
+                  ref: "rootRef",
+                  class: r([
+                    e.ns.b(),
+                    e.customClass,
+                    e.ns.is("draggable", e.draggable),
+                    e.ns.is("dragging", e.isDragging),
+                    { [e.ns.m("center")]: e.center }
+                  ]),
+                  style: G(e.customStyle),
+                  tabindex: "-1",
+                  onClick: K(() => {
+                  }, ["stop"])
+                }, [
+                  e.title !== null && e.title !== void 0 ? (f(), j("div", {
+                    key: 0,
+                    ref: "headerRef",
+                    class: r([e.ns.e("header"), { "show-close": e.showClose }])
+                  }, [
+                    b("div", {
+                      class: r(e.ns.e("title"))
+                    }, [
+                      e.iconComponent && e.center ? (f(), C(c, {
+                        key: 0,
+                        class: r([e.ns.e("status"), e.typeClass])
+                      }, {
+                        default: E(() => [
+                          (f(), C(I(e.iconComponent)))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : S("v-if", !0),
+                      b("span", null, L(e.title), 1)
+                    ], 2),
+                    e.showClose ? (f(), j("button", {
+                      key: 0,
+                      type: "button",
+                      class: r(e.ns.e("headerbtn")),
+                      "aria-label": e.t("el.messagebox.close"),
+                      onClick: (d) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"),
+                      onKeydown: N(K((d) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"])
+                    }, [
+                      A(c, {
+                        class: r(e.ns.e("close"))
+                      }, {
+                        default: E(() => [
+                          (f(), C(I(e.closeIcon || "close")))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ], 42, ["aria-label", "onClick", "onKeydown"])) : S("v-if", !0)
+                  ], 2)) : S("v-if", !0),
+                  b("div", {
+                    id: e.contentId,
+                    class: r(e.ns.e("content"))
+                  }, [
+                    b("div", {
+                      class: r(e.ns.e("container"))
+                    }, [
+                      e.iconComponent && !e.center && e.hasMessage ? (f(), C(c, {
+                        key: 0,
+                        class: r([e.ns.e("status"), e.typeClass])
+                      }, {
+                        default: E(() => [
+                          (f(), C(I(e.iconComponent)))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : S("v-if", !0),
+                      e.hasMessage ? (f(), j("div", {
+                        key: 1,
+                        class: r(e.ns.e("message"))
+                      }, [
+                        pe(e.$slots, "default", {}, () => [
+                          e.dangerouslyUseHTMLString ? (f(), C(I(e.showInput ? "label" : "p"), {
+                            key: 1,
+                            for: e.showInput ? e.inputId : void 0,
+                            innerHTML: e.message
+                          }, null, 8, ["for", "innerHTML"])) : (f(), C(I(e.showInput ? "label" : "p"), {
+                            key: 0,
+                            for: e.showInput ? e.inputId : void 0,
+                            textContent: L(e.message)
+                          }, null, 8, ["for", "textContent"]))
+                        ])
+                      ], 2)) : S("v-if", !0)
+                    ], 2),
+                    U(b("div", {
+                      class: r(e.ns.e("input"))
+                    }, [
+                      A(u, {
+                        id: e.inputId,
+                        ref: "inputRef",
+                        modelValue: e.inputValue,
+                        "onUpdate:modelValue": (d) => e.inputValue = d,
+                        type: e.inputType,
+                        placeholder: e.inputPlaceholder,
+                        "aria-invalid": e.validateError,
+                        class: r({ invalid: e.validateError }),
+                        onKeydown: N(e.handleInputEnter, ["enter"])
+                      }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
+                      b("div", {
+                        class: r(e.ns.e("errormsg")),
+                        style: G({
+                          visibility: e.editorErrorMessage ? "visible" : "hidden"
+                        })
+                      }, L(e.editorErrorMessage), 7)
+                    ], 2), [
+                      [q, e.showInput]
+                    ])
+                  ], 10, ["id"]),
+                  b("div", {
+                    class: r(e.ns.e("btns"))
+                  }, [
+                    e.showCancelButton ? (f(), C(m, {
+                      key: 0,
+                      loading: e.cancelButtonLoading,
+                      "loading-icon": e.cancelButtonLoadingIcon,
+                      class: r([e.cancelButtonClass]),
+                      round: e.roundButton,
+                      size: e.btnSize,
+                      onClick: (d) => e.handleAction("cancel"),
+                      onKeydown: N(K((d) => e.handleAction("cancel"), ["prevent"]), ["enter"])
+                    }, {
+                      default: E(() => [
+                        le(L(e.cancelButtonText || e.t("el.messagebox.cancel")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "loading-icon", "class", "round", "size", "onClick", "onKeydown"])) : S("v-if", !0),
+                    U(A(m, {
+                      ref: "confirmRef",
+                      type: "primary",
+                      loading: e.confirmButtonLoading,
+                      "loading-icon": e.confirmButtonLoadingIcon,
+                      class: r([e.confirmButtonClasses]),
+                      round: e.roundButton,
+                      disabled: e.confirmButtonDisabled,
+                      size: e.btnSize,
+                      onClick: (d) => e.handleAction("confirm"),
+                      onKeydown: N(K((d) => e.handleAction("confirm"), ["prevent"]), ["enter"])
+                    }, {
+                      default: E(() => [
+                        le(L(e.confirmButtonText || e.t("el.messagebox.confirm")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "loading-icon", "class", "round", "disabled", "size", "onClick", "onKeydown"]), [
+                      [q, e.showConfirmButton]
+                    ])
+                  ], 2)
+                ], 14, ["onClick"])
+              ]),
+              _: 3
+            }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onReleaseRequested"])
+          ], 42, ["aria-label", "aria-describedby", "onClick", "onMousedown", "onMouseup"])
+        ]),
+        _: 3
+      }, 8, ["z-index", "overlay-class", "mask"]), [
+        [q, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onAfterLeave"]);
+}
+var ln = /* @__PURE__ */ he(tn, [["render", sn], ["__file", "index.vue"]]);
+const O = /* @__PURE__ */ new Map(), an = (e) => {
+  let o = document.body;
+  return e.appendTo && (Y(e.appendTo) && (o = document.querySelector(e.appendTo)), ie(e.appendTo) && (o = e.appendTo), ie(o) || (o = document.body)), o;
+}, rn = (e, o, t = null) => {
+  const i = A(ln, e, Z(e.message) || ge(e.message) ? {
+    default: Z(e.message) ? e.message : () => e.message
+  } : null);
+  return i.appContext = t, ve(i, o), an(e).appendChild(o.firstElementChild), i.component;
+}, un = () => document.createElement("div"), cn = (e, o) => {
+  const t = un();
+  e.onVanish = () => {
+    ve(null, t), O.delete(l);
+  }, e.onAction = (s) => {
+    const c = O.get(l);
+    let u;
+    e.showInput ? u = { value: l.inputValue, action: s } : u = s, e.callback ? e.callback(u, i.proxy) : s === "cancel" || s === "close" ? e.distinguishCancelAndClose && s !== "cancel" ? c.reject("close") : c.reject("cancel") : c.resolve(u);
+  };
+  const i = rn(e, t, o), l = i.proxy;
+  for (const s in e)
+    ae(e, s) && !ae(l.$props, s) && (s === "closeIcon" && ye(e[s]) ? l[s] = W(e[s]) : l[s] = e[s]);
+  return l.visible = !0, l;
+};
+function R(e, o = null) {
+  if (!De)
+    return Promise.reject();
+  let t;
+  return Y(e) || ge(e) ? e = {
+    message: e
+  } : t = e.callback, new Promise((i, l) => {
+    const s = cn(e, o ?? R._context);
+    O.set(s, {
+      options: e,
+      callback: t,
+      resolve: i,
+      reject: l
+    });
+  });
+}
+const dn = ["alert", "confirm", "prompt"], fn = {
+  alert: { closeOnPressEscape: !1, closeOnClickModal: !1 },
+  confirm: { showCancelButton: !0 },
+  prompt: { showCancelButton: !0, showInput: !0 }
+};
+dn.forEach((e) => {
+  R[e] = mn(e);
+});
+function mn(e) {
+  return (o, t, i, l) => {
+    let s = "";
+    return ye(t) ? (i = t, s = "") : X(t) ? s = "" : s = t, R(Object.assign({
+      title: s,
+      message: o,
+      type: "",
+      ...fn[e]
+    }, i, {
+      boxType: e
+    }), l);
+  };
+}
+R.close = () => {
+  O.forEach((e, o) => {
+    o.doClose();
+  }), O.clear();
+};
+R._context = null;
+const B = R;
+B.install = (e) => {
+  B._context = e._context, e.config.globalProperties.$msgbox = B, e.config.globalProperties.$messageBox = B, e.config.globalProperties.$alert = B.alert, e.config.globalProperties.$confirm = B.confirm, e.config.globalProperties.$prompt = B.prompt;
+};
+const Sn = B;
+export {
+  Sn as E,
+  Mn as a
+};

package/es/el-message-box-53f355d7.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),i=require("./base-ef747d02.cjs"),k=require("./el-scrollbar-691cfc11.cjs"),Q=require("./el-button-fc46a173.cjs"),Y=require("./el-input-9c912678.cjs"),A=require("./el-overlay-96630a2e.cjs"),N=require("./index-f6afafaa.cjs"),z=require("./el-popper-73466d7a.cjs"),x=require("./validator-0e688e4e.cjs"),_=require("./use-global-config-03735617.cjs"),F=require("./index-3a74eae4.cjs"),ee=require("./el-dialog-0b7166c9.cjs"),ne=i.buildProps({type:{type:String,values:["primary","success","info","warning","danger",""],default:""},size:{type:String,values:k.componentSizes,default:""},truncated:Boolean,lineClamp:{type:[String,Number]},tag:{type:String,default:"span"}}),oe=n.defineComponent({name:"ElText"}),te=n.defineComponent({...oe,props:ne,setup(e){const t=e,l=n.ref(),c=k.useFormSize(),a=i.useNamespace("text"),s=n.computed(()=>[a.b(),a.m(t.type),a.m(c.value),a.is("truncated",t.truncated),a.is("line-clamp",!i.isUndefined(t.lineClamp))]),d=()=>{var u,m,o,B,f,T,M;if(n.useAttrs().title)return;let C=!1;const I=((u=l.value)==null?void 0:u.textContent)||"";if(t.truncated){const p=(m=l.value)==null?void 0:m.offsetWidth,h=(o=l.value)==null?void 0:o.scrollWidth;p&&h&&h>p&&(C=!0)}else if(!i.isUndefined(t.lineClamp)){const p=(B=l.value)==null?void 0:B.offsetHeight,h=(f=l.value)==null?void 0:f.scrollHeight;p&&h&&h>p&&(C=!0)}C?(T=l.value)==null||T.setAttribute("title",I):(M=l.value)==null||M.removeAttribute("title")};return n.onMounted(d),n.onUpdated(d),(u,m)=>(n.openBlock(),n.createBlock(n.resolveDynamicComponent(u.tag),{ref_key:"textRef",ref:l,class:n.normalizeClass(n.unref(s)),style:n.normalizeStyle({"-webkit-line-clamp":u.lineClamp})},{default:n.withCtx(()=>[n.renderSlot(u.$slots,"default")]),_:3},8,["class","style"]))}});var le=i._export_sfc(te,[["__file","text.vue"]]);const se=i.withInstall(le),D="_trap-focus-children",b=[],K=e=>{if(b.length===0)return;const t=b[b.length-1][D];if(t.length>0&&e.code===z.EVENT_CODE.tab){if(t.length===1){e.preventDefault(),document.activeElement!==t[0]&&t[0].focus();return}const l=e.shiftKey,c=e.target===t[0],a=e.target===t[t.length-1];c&&l&&(e.preventDefault(),t[t.length-1].focus()),a&&!l&&(e.preventDefault(),t[0].focus())}},ae={beforeMount(e){e[D]=z.obtainAllFocusableElements(e),b.push(e),b.length<=1&&document.addEventListener("keydown",K)},updated(e){n.nextTick(()=>{e[D]=z.obtainAllFocusableElements(e)})},unmounted(){b.shift(),b.length===0&&document.removeEventListener("keydown",K)}},re=n.defineComponent({name:"ElMessageBox",directives:{TrapFocus:ae},components:{ElButton:Q.ElButton,ElFocusTrap:z.ElFocusTrap,ElInput:Y.ElInput,ElOverlay:A.ElOverlay,ElIcon:N.ElIcon,...k.TypeComponents},inheritAttrs:!1,props:{buttonSize:{type:String,validator:x.isValidComponentSize},modal:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},closeOnHashChange:{type:Boolean,default:!0},center:Boolean,draggable:Boolean,overflow:Boolean,roundButton:Boolean,container:{type:String,default:"body"},boxType:{type:String,default:""}},emits:["vanish","action"],setup(e,{emit:t}){const{locale:l,zIndex:c,ns:a,size:s}=_.useGlobalComponentSettings("message-box",n.computed(()=>e.buttonSize)),{t:d}=l,{nextZIndex:u}=c,m=n.ref(!1),o=n.reactive({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",customClass:"",customStyle:{},dangerouslyUseHTMLString:!1,distinguishCancelAndClose:!1,icon:"",closeIcon:"",inputPattern:null,inputPlaceholder:"",inputType:"text",inputValue:"",inputValidator:void 0,inputErrorMessage:"",message:"",modalFade:!0,modalClass:"",showCancelButton:!1,showConfirmButton:!0,type:"",title:void 0,showInput:!1,action:"",confirmButtonLoading:!1,cancelButtonLoading:!1,confirmButtonLoadingIcon:n.markRaw(N.loading_default),cancelButtonLoadingIcon:n.markRaw(N.loading_default),confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:u()}),B=n.computed(()=>{const r=o.type;return{[a.bm("icon",r)]:r&&k.TypeComponentsMap[r]}}),f=F.useId(),T=F.useId(),M=n.computed(()=>{const r=o.type;return o.icon||r&&k.TypeComponentsMap[r]||""}),R=n.computed(()=>!!o.message),C=n.ref(),I=n.ref(),p=n.ref(),h=n.ref(),O=n.ref(),U=n.computed(()=>o.confirmButtonClass);n.watch(()=>o.inputValue,async r=>{await n.nextTick(),e.boxType==="prompt"&&r&&L()},{immediate:!0}),n.watch(()=>m.value,r=>{var v,g;r&&(e.boxType!=="prompt"&&(o.autofocus?p.value=(g=(v=O.value)==null?void 0:v.$el)!=null?g:C.value:p.value=C.value),o.zIndex=u()),e.boxType==="prompt"&&(r?n.nextTick().then(()=>{var q;h.value&&h.value.$el&&(o.autofocus?p.value=(q=Z())!=null?q:C.value:p.value=C.value)}):(o.editorErrorMessage="",o.validateError=!1))});const H=n.computed(()=>e.draggable),j=n.computed(()=>e.overflow),{isDragging:G}=ee.useDraggable(C,I,H,j);n.onMounted(async()=>{await n.nextTick(),e.closeOnHashChange&&window.addEventListener("hashchange",w)}),n.onBeforeUnmount(()=>{e.closeOnHashChange&&window.removeEventListener("hashchange",w)});function w(){m.value&&(m.value=!1,n.nextTick(()=>{o.action&&t("action",o.action)}))}const $=()=>{e.closeOnClickModal&&V(o.distinguishCancelAndClose?"close":"cancel")},W=A.useSameTarget($),X=r=>{if(o.inputType!=="textarea")return r.preventDefault(),V("confirm")},V=r=>{var v;e.boxType==="prompt"&&r==="confirm"&&!L()||(o.action=r,o.beforeClose?(v=o.beforeClose)==null||v.call(o,r,o,w):w())},L=()=>{if(e.boxType==="prompt"){const r=o.inputPattern;if(r&&!r.test(o.inputValue||""))return o.editorErrorMessage=o.inputErrorMessage||d("el.messagebox.error"),o.validateError=!0,!1;const v=o.inputValidator;if(i.isFunction(v)){const g=v(o.inputValue);if(g===!1)return o.editorErrorMessage=o.inputErrorMessage||d("el.messagebox.error"),o.validateError=!0,!1;if(i.isString(g))return o.editorErrorMessage=g,o.validateError=!0,!1}}return o.editorErrorMessage="",o.validateError=!1,!0},Z=()=>{var r,v;const g=(r=h.value)==null?void 0:r.$refs;return(v=g==null?void 0:g.input)!=null?v:g==null?void 0:g.textarea},P=()=>{V("close")},J=()=>{e.closeOnPressEscape&&P()};return e.lockScroll&&A.useLockscreen(m),{...n.toRefs(o),ns:a,overlayEvent:W,visible:m,hasMessage:R,typeClass:B,contentId:f,inputId:T,btnSize:s,iconComponent:M,confirmButtonClasses:U,rootRef:C,focusStartRef:p,headerRef:I,inputRef:h,isDragging:G,confirmRef:O,doClose:w,handleClose:P,onCloseRequested:J,handleWrapperClick:$,handleInputEnter:X,handleAction:V,t:d}}});function ie(e,t,l,c,a,s){const d=n.resolveComponent("el-icon"),u=n.resolveComponent("el-input"),m=n.resolveComponent("el-button"),o=n.resolveComponent("el-focus-trap"),B=n.resolveComponent("el-overlay");return n.openBlock(),n.createBlock(n.Transition,{name:"fade-in-linear",onAfterLeave:f=>e.$emit("vanish"),persisted:""},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(B,{"z-index":e.zIndex,"overlay-class":[e.ns.is("message-box"),e.modalClass],mask:e.modal},{default:n.withCtx(()=>[n.createElementVNode("div",{role:"dialog","aria-label":e.title,"aria-modal":"true","aria-describedby":e.showInput?void 0:e.contentId,class:n.normalizeClass(`${e.ns.namespace.value}-overlay-message-box`),onClick:e.overlayEvent.onClick,onMousedown:e.overlayEvent.onMousedown,onMouseup:e.overlayEvent.onMouseup},[n.createVNode(o,{loop:"",trapped:e.visible,"focus-trap-el":e.rootRef,"focus-start-el":e.focusStartRef,onReleaseRequested:e.onCloseRequested},{default:n.withCtx(()=>[n.createElementVNode("div",{ref:"rootRef",class:n.normalizeClass([e.ns.b(),e.customClass,e.ns.is("draggable",e.draggable),e.ns.is("dragging",e.isDragging),{[e.ns.m("center")]:e.center}]),style:n.normalizeStyle(e.customStyle),tabindex:"-1",onClick:n.withModifiers(()=>{},["stop"])},[e.title!==null&&e.title!==void 0?(n.openBlock(),n.createElementBlock("div",{key:0,ref:"headerRef",class:n.normalizeClass([e.ns.e("header"),{"show-close":e.showClose}])},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("title"))},[e.iconComponent&&e.center?(n.openBlock(),n.createBlock(d,{key:0,class:n.normalizeClass([e.ns.e("status"),e.typeClass])},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.iconComponent)))]),_:1},8,["class"])):n.createCommentVNode("v-if",!0),n.createElementVNode("span",null,n.toDisplayString(e.title),1)],2),e.showClose?(n.openBlock(),n.createElementBlock("button",{key:0,type:"button",class:n.normalizeClass(e.ns.e("headerbtn")),"aria-label":e.t("el.messagebox.close"),onClick:f=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),onKeydown:n.withKeys(n.withModifiers(f=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"])},[n.createVNode(d,{class:n.normalizeClass(e.ns.e("close"))},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.closeIcon||"close")))]),_:1},8,["class"])],42,["aria-label","onClick","onKeydown"])):n.createCommentVNode("v-if",!0)],2)):n.createCommentVNode("v-if",!0),n.createElementVNode("div",{id:e.contentId,class:n.normalizeClass(e.ns.e("content"))},[n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("container"))},[e.iconComponent&&!e.center&&e.hasMessage?(n.openBlock(),n.createBlock(d,{key:0,class:n.normalizeClass([e.ns.e("status"),e.typeClass])},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.iconComponent)))]),_:1},8,["class"])):n.createCommentVNode("v-if",!0),e.hasMessage?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(e.ns.e("message"))},[n.renderSlot(e.$slots,"default",{},()=>[e.dangerouslyUseHTMLString?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.showInput?"label":"p"),{key:1,for:e.showInput?e.inputId:void 0,innerHTML:e.message},null,8,["for","innerHTML"])):(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.showInput?"label":"p"),{key:0,for:e.showInput?e.inputId:void 0,textContent:n.toDisplayString(e.message)},null,8,["for","textContent"]))])],2)):n.createCommentVNode("v-if",!0)],2),n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("input"))},[n.createVNode(u,{id:e.inputId,ref:"inputRef",modelValue:e.inputValue,"onUpdate:modelValue":f=>e.inputValue=f,type:e.inputType,placeholder:e.inputPlaceholder,"aria-invalid":e.validateError,class:n.normalizeClass({invalid:e.validateError}),onKeydown:n.withKeys(e.handleInputEnter,["enter"])},null,8,["id","modelValue","onUpdate:modelValue","type","placeholder","aria-invalid","class","onKeydown"]),n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("errormsg")),style:n.normalizeStyle({visibility:e.editorErrorMessage?"visible":"hidden"})},n.toDisplayString(e.editorErrorMessage),7)],2),[[n.vShow,e.showInput]])],10,["id"]),n.createElementVNode("div",{class:n.normalizeClass(e.ns.e("btns"))},[e.showCancelButton?(n.openBlock(),n.createBlock(m,{key:0,loading:e.cancelButtonLoading,"loading-icon":e.cancelButtonLoadingIcon,class:n.normalizeClass([e.cancelButtonClass]),round:e.roundButton,size:e.btnSize,onClick:f=>e.handleAction("cancel"),onKeydown:n.withKeys(n.withModifiers(f=>e.handleAction("cancel"),["prevent"]),["enter"])},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.cancelButtonText||e.t("el.messagebox.cancel")),1)]),_:1},8,["loading","loading-icon","class","round","size","onClick","onKeydown"])):n.createCommentVNode("v-if",!0),n.withDirectives(n.createVNode(m,{ref:"confirmRef",type:"primary",loading:e.confirmButtonLoading,"loading-icon":e.confirmButtonLoadingIcon,class:n.normalizeClass([e.confirmButtonClasses]),round:e.roundButton,disabled:e.confirmButtonDisabled,size:e.btnSize,onClick:f=>e.handleAction("confirm"),onKeydown:n.withKeys(n.withModifiers(f=>e.handleAction("confirm"),["prevent"]),["enter"])},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.confirmButtonText||e.t("el.messagebox.confirm")),1)]),_:1},8,["loading","loading-icon","class","round","disabled","size","onClick","onKeydown"]),[[n.vShow,e.showConfirmButton]])],2)],14,["onClick"])]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])],42,["aria-label","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["z-index","overlay-class","mask"]),[[n.vShow,e.visible]])]),_:3},8,["onAfterLeave"])}var ce=i._export_sfc(re,[["render",ie],["__file","index.vue"]]);const S=new Map,ue=e=>{let t=document.body;return e.appendTo&&(i.isString(e.appendTo)&&(t=document.querySelector(e.appendTo)),i.isElement(e.appendTo)&&(t=e.appendTo),i.isElement(t)||(t=document.body)),t},de=(e,t,l=null)=>{const c=n.createVNode(ce,e,i.isFunction(e.message)||n.isVNode(e.message)?{default:i.isFunction(e.message)?e.message:()=>e.message}:null);return c.appContext=l,n.render(c,t),ue(e).appendChild(t.firstElementChild),c.component},fe=()=>document.createElement("div"),me=(e,t)=>{const l=fe();e.onVanish=()=>{n.render(null,l),S.delete(a)},e.onAction=s=>{const d=S.get(a);let u;e.showInput?u={value:a.inputValue,action:s}:u=s,e.callback?e.callback(u,c.proxy):s==="cancel"||s==="close"?e.distinguishCancelAndClose&&s!=="cancel"?d.reject("close"):d.reject("cancel"):d.resolve(u)};const c=de(e,l,t),a=c.proxy;for(const s in e)i.hasOwn(e,s)&&!i.hasOwn(a.$props,s)&&(s==="closeIcon"&&i.isObject(e[s])?a[s]=n.markRaw(e[s]):a[s]=e[s]);return a.visible=!0,a};function E(e,t=null){if(!i.isClient)return Promise.reject();let l;return i.isString(e)||n.isVNode(e)?e={message:e}:l=e.callback,new Promise((c,a)=>{const s=me(e,t??E._context);S.set(s,{options:e,callback:l,resolve:c,reject:a})})}const pe=["alert","confirm","prompt"],ve={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};pe.forEach(e=>{E[e]=ge(e)});function ge(e){return(t,l,c,a)=>{let s="";return i.isObject(l)?(c=l,s=""):i.isUndefined(l)?s="":s=l,E(Object.assign({title:s,message:t,type:"",...ve[e]},c,{boxType:e}),a)}}E.close=()=>{S.forEach((e,t)=>{t.doClose()}),S.clear()};E._context=null;const y=E;y.install=e=>{y._context=e._context,e.config.globalProperties.$msgbox=y,e.config.globalProperties.$messageBox=y,e.config.globalProperties.$alert=y.alert,e.config.globalProperties.$confirm=y.confirm,e.config.globalProperties.$prompt=y.prompt};const Ce=y;exports.ElMessageBox=Ce;exports.ElText=se;