st-comp 0.0.200 → 0.0.202

package/es/el-message-box-a93d2f6a.js

@@ -0,0 +1,489 @@
+import { nextTick as V, defineComponent as Be, computed as b, ref as w, reactive as we, markRaw as N, watch as _, onMounted as Me, onBeforeUnmount as ke, toRefs as Ie, resolveComponent as A, openBlock as u, createBlock as g, Transition as Te, withCtx as C, withDirectives as K, createVNode as k, createElementVNode as v, normalizeClass as r, normalizeStyle as x, withModifiers as D, createElementBlock as U, resolveDynamicComponent as L, createCommentVNode as M, toDisplayString as R, withKeys as P, renderSlot as Se, vShow as H, createTextVNode as ee, isVNode as ie, render as ue } from "vue";
+import { E as Ae } from "./el-button-c95adb85.js";
+import { E as Le } from "./el-input-2f75c4ba.js";
+import { E as Re, b as Ve, c as $e } from "./el-overlay-09ad71cd.js";
+import { E as Oe, l as ne } from "./index-a871c3eb.js";
+import { o as oe, a as ze, e as De } from "./el-popper-b4f97157.js";
+import { x as j, c as G, _ as Pe, s as Fe, y as se, f as ce, i as Ke, z as te } from "./base-a5af3db3.js";
+import { T as Ue, m as ae } from "./use-form-common-props-815d48a6.js";
+import { i as He } from "./validator-764a9db0.js";
+import { u as Ne } from "./use-global-config-b5e9d3d5.js";
+import { u as le } from "./index-960806da.js";
+import { u as je } from "./el-dialog-41ab8417.js";
+const q = "_trap-focus-children", E = [], re = (e) => {
+  if (E.length === 0)
+    return;
+  const o = E[E.length - 1][q];
+  if (o.length > 0 && e.code === ze.tab) {
+    if (o.length === 1) {
+      e.preventDefault(), document.activeElement !== o[0] && o[0].focus();
+      return;
+    }
+    const a = e.shiftKey, i = e.target === o[0], l = e.target === o[o.length - 1];
+    i && a && (e.preventDefault(), o[o.length - 1].focus()), l && !a && (e.preventDefault(), o[0].focus());
+  }
+}, qe = {
+  beforeMount(e) {
+    e[q] = oe(e), E.push(e), E.length <= 1 && document.addEventListener("keydown", re);
+  },
+  updated(e) {
+    V(() => {
+      e[q] = oe(e);
+    });
+  },
+  unmounted() {
+    E.shift(), E.length === 0 && document.removeEventListener("keydown", re);
+  }
+}, Ge = Be({
+  name: "ElMessageBox",
+  directives: {
+    TrapFocus: qe
+  },
+  components: {
+    ElButton: Ae,
+    ElFocusTrap: De,
+    ElInput: Le,
+    ElOverlay: Re,
+    ElIcon: Oe,
+    ...Ue
+  },
+  inheritAttrs: !1,
+  props: {
+    buttonSize: {
+      type: String,
+      validator: He
+    },
+    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: a,
+      zIndex: i,
+      ns: l,
+      size: s
+    } = Ne("message-box", b(() => e.buttonSize)), { t: c } = a, { nextZIndex: p } = i, h = w(!1), n = we({
+      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(ne),
+      cancelButtonLoadingIcon: N(ne),
+      confirmButtonDisabled: !1,
+      editorErrorMessage: "",
+      validateError: !1,
+      zIndex: p()
+    }), F = b(() => {
+      const t = n.type;
+      return { [l.bm("icon", t)]: t && ae[t] };
+    }), m = le(), de = le(), fe = b(() => {
+      const t = n.type;
+      return n.icon || t && ae[t] || "";
+    }), me = b(() => !!n.message), B = w(), X = w(), T = w(), O = w(), W = w(), pe = b(() => n.confirmButtonClass);
+    _(() => n.inputValue, async (t) => {
+      await V(), e.boxType === "prompt" && t && J();
+    }, { immediate: !0 }), _(() => h.value, (t) => {
+      var d, f;
+      t && (e.boxType !== "prompt" && (n.autofocus ? T.value = (f = (d = W.value) == null ? void 0 : d.$el) != null ? f : B.value : T.value = B.value), n.zIndex = p()), e.boxType === "prompt" && (t ? V().then(() => {
+        var Y;
+        O.value && O.value.$el && (n.autofocus ? T.value = (Y = be()) != null ? Y : B.value : T.value = B.value);
+      }) : (n.editorErrorMessage = "", n.validateError = !1));
+    });
+    const ge = b(() => e.draggable), ve = b(() => e.overflow), { isDragging: he } = je(B, X, ge, ve);
+    Me(async () => {
+      await V(), e.closeOnHashChange && window.addEventListener("hashchange", S);
+    }), ke(() => {
+      e.closeOnHashChange && window.removeEventListener("hashchange", S);
+    });
+    function S() {
+      h.value && (h.value = !1, V(() => {
+        n.action && o("action", n.action);
+      }));
+    }
+    const Z = () => {
+      e.closeOnClickModal && z(n.distinguishCancelAndClose ? "close" : "cancel");
+    }, Ce = $e(Z), ye = (t) => {
+      if (n.inputType !== "textarea")
+        return t.preventDefault(), z("confirm");
+    }, z = (t) => {
+      var d;
+      e.boxType === "prompt" && t === "confirm" && !J() || (n.action = t, n.beforeClose ? (d = n.beforeClose) == null || d.call(n, t, n, S) : S());
+    }, J = () => {
+      if (e.boxType === "prompt") {
+        const t = n.inputPattern;
+        if (t && !t.test(n.inputValue || ""))
+          return n.editorErrorMessage = n.inputErrorMessage || c("el.messagebox.error"), n.validateError = !0, !1;
+        const d = n.inputValidator;
+        if (j(d)) {
+          const f = d(n.inputValue);
+          if (f === !1)
+            return n.editorErrorMessage = n.inputErrorMessage || c("el.messagebox.error"), n.validateError = !0, !1;
+          if (G(f))
+            return n.editorErrorMessage = f, n.validateError = !0, !1;
+        }
+      }
+      return n.editorErrorMessage = "", n.validateError = !1, !0;
+    }, be = () => {
+      var t, d;
+      const f = (t = O.value) == null ? void 0 : t.$refs;
+      return (d = f == null ? void 0 : f.input) != null ? d : f == null ? void 0 : f.textarea;
+    }, Q = () => {
+      z("close");
+    }, Ee = () => {
+      e.closeOnPressEscape && Q();
+    };
+    return e.lockScroll && Ve(h), {
+      ...Ie(n),
+      ns: l,
+      overlayEvent: Ce,
+      visible: h,
+      hasMessage: me,
+      typeClass: F,
+      contentId: m,
+      inputId: de,
+      btnSize: s,
+      iconComponent: fe,
+      confirmButtonClasses: pe,
+      rootRef: B,
+      focusStartRef: T,
+      headerRef: X,
+      inputRef: O,
+      isDragging: he,
+      confirmRef: W,
+      doClose: S,
+      handleClose: Q,
+      onCloseRequested: Ee,
+      handleWrapperClick: Z,
+      handleInputEnter: ye,
+      handleAction: z,
+      t: c
+    };
+  }
+});
+function Xe(e, o, a, i, l, s) {
+  const c = A("el-icon"), p = A("el-input"), h = A("el-button"), n = A("el-focus-trap"), F = A("el-overlay");
+  return u(), g(Te, {
+    name: "fade-in-linear",
+    onAfterLeave: (m) => e.$emit("vanish"),
+    persisted: ""
+  }, {
+    default: C(() => [
+      K(k(F, {
+        "z-index": e.zIndex,
+        "overlay-class": [e.ns.is("message-box"), e.modalClass],
+        mask: e.modal
+      }, {
+        default: C(() => [
+          v("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
+          }, [
+            k(n, {
+              loop: "",
+              trapped: e.visible,
+              "focus-trap-el": e.rootRef,
+              "focus-start-el": e.focusStartRef,
+              onReleaseRequested: e.onCloseRequested
+            }, {
+              default: C(() => [
+                v("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: x(e.customStyle),
+                  tabindex: "-1",
+                  onClick: D(() => {
+                  }, ["stop"])
+                }, [
+                  e.title !== null && e.title !== void 0 ? (u(), U("div", {
+                    key: 0,
+                    ref: "headerRef",
+                    class: r([e.ns.e("header"), { "show-close": e.showClose }])
+                  }, [
+                    v("div", {
+                      class: r(e.ns.e("title"))
+                    }, [
+                      e.iconComponent && e.center ? (u(), g(c, {
+                        key: 0,
+                        class: r([e.ns.e("status"), e.typeClass])
+                      }, {
+                        default: C(() => [
+                          (u(), g(L(e.iconComponent)))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : M("v-if", !0),
+                      v("span", null, R(e.title), 1)
+                    ], 2),
+                    e.showClose ? (u(), U("button", {
+                      key: 0,
+                      type: "button",
+                      class: r(e.ns.e("headerbtn")),
+                      "aria-label": e.t("el.messagebox.close"),
+                      onClick: (m) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"),
+                      onKeydown: P(D((m) => e.handleAction(e.distinguishCancelAndClose ? "close" : "cancel"), ["prevent"]), ["enter"])
+                    }, [
+                      k(c, {
+                        class: r(e.ns.e("close"))
+                      }, {
+                        default: C(() => [
+                          (u(), g(L(e.closeIcon || "close")))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])
+                    ], 42, ["aria-label", "onClick", "onKeydown"])) : M("v-if", !0)
+                  ], 2)) : M("v-if", !0),
+                  v("div", {
+                    id: e.contentId,
+                    class: r(e.ns.e("content"))
+                  }, [
+                    v("div", {
+                      class: r(e.ns.e("container"))
+                    }, [
+                      e.iconComponent && !e.center && e.hasMessage ? (u(), g(c, {
+                        key: 0,
+                        class: r([e.ns.e("status"), e.typeClass])
+                      }, {
+                        default: C(() => [
+                          (u(), g(L(e.iconComponent)))
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : M("v-if", !0),
+                      e.hasMessage ? (u(), U("div", {
+                        key: 1,
+                        class: r(e.ns.e("message"))
+                      }, [
+                        Se(e.$slots, "default", {}, () => [
+                          e.dangerouslyUseHTMLString ? (u(), g(L(e.showInput ? "label" : "p"), {
+                            key: 1,
+                            for: e.showInput ? e.inputId : void 0,
+                            innerHTML: e.message
+                          }, null, 8, ["for", "innerHTML"])) : (u(), g(L(e.showInput ? "label" : "p"), {
+                            key: 0,
+                            for: e.showInput ? e.inputId : void 0,
+                            textContent: R(e.message)
+                          }, null, 8, ["for", "textContent"]))
+                        ])
+                      ], 2)) : M("v-if", !0)
+                    ], 2),
+                    K(v("div", {
+                      class: r(e.ns.e("input"))
+                    }, [
+                      k(p, {
+                        id: e.inputId,
+                        ref: "inputRef",
+                        modelValue: e.inputValue,
+                        "onUpdate:modelValue": (m) => e.inputValue = m,
+                        type: e.inputType,
+                        placeholder: e.inputPlaceholder,
+                        "aria-invalid": e.validateError,
+                        class: r({ invalid: e.validateError }),
+                        onKeydown: P(e.handleInputEnter, ["enter"])
+                      }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "type", "placeholder", "aria-invalid", "class", "onKeydown"]),
+                      v("div", {
+                        class: r(e.ns.e("errormsg")),
+                        style: x({
+                          visibility: e.editorErrorMessage ? "visible" : "hidden"
+                        })
+                      }, R(e.editorErrorMessage), 7)
+                    ], 2), [
+                      [H, e.showInput]
+                    ])
+                  ], 10, ["id"]),
+                  v("div", {
+                    class: r(e.ns.e("btns"))
+                  }, [
+                    e.showCancelButton ? (u(), g(h, {
+                      key: 0,
+                      loading: e.cancelButtonLoading,
+                      "loading-icon": e.cancelButtonLoadingIcon,
+                      class: r([e.cancelButtonClass]),
+                      round: e.roundButton,
+                      size: e.btnSize,
+                      onClick: (m) => e.handleAction("cancel"),
+                      onKeydown: P(D((m) => e.handleAction("cancel"), ["prevent"]), ["enter"])
+                    }, {
+                      default: C(() => [
+                        ee(R(e.cancelButtonText || e.t("el.messagebox.cancel")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "loading-icon", "class", "round", "size", "onClick", "onKeydown"])) : M("v-if", !0),
+                    K(k(h, {
+                      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: (m) => e.handleAction("confirm"),
+                      onKeydown: P(D((m) => e.handleAction("confirm"), ["prevent"]), ["enter"])
+                    }, {
+                      default: C(() => [
+                        ee(R(e.confirmButtonText || e.t("el.messagebox.confirm")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["loading", "loading-icon", "class", "round", "disabled", "size", "onClick", "onKeydown"]), [
+                      [H, 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"]), [
+        [H, e.visible]
+      ])
+    ]),
+    _: 3
+  }, 8, ["onAfterLeave"]);
+}
+var We = /* @__PURE__ */ Pe(Ge, [["render", Xe], ["__file", "index.vue"]]);
+const $ = /* @__PURE__ */ new Map(), Ze = (e) => {
+  let o = document.body;
+  return e.appendTo && (G(e.appendTo) && (o = document.querySelector(e.appendTo)), te(e.appendTo) && (o = e.appendTo), te(o) || (o = document.body)), o;
+}, Je = (e, o, a = null) => {
+  const i = k(We, e, j(e.message) || ie(e.message) ? {
+    default: j(e.message) ? e.message : () => e.message
+  } : null);
+  return i.appContext = a, ue(i, o), Ze(e).appendChild(o.firstElementChild), i.component;
+}, Qe = () => document.createElement("div"), Ye = (e, o) => {
+  const a = Qe();
+  e.onVanish = () => {
+    ue(null, a), $.delete(l);
+  }, e.onAction = (s) => {
+    const c = $.get(l);
+    let p;
+    e.showInput ? p = { value: l.inputValue, action: s } : p = s, e.callback ? e.callback(p, i.proxy) : s === "cancel" || s === "close" ? e.distinguishCancelAndClose && s !== "cancel" ? c.reject("close") : c.reject("cancel") : c.resolve(p);
+  };
+  const i = Je(e, a, o), l = i.proxy;
+  for (const s in e)
+    se(e, s) && !se(l.$props, s) && (s === "closeIcon" && ce(e[s]) ? l[s] = N(e[s]) : l[s] = e[s]);
+  return l.visible = !0, l;
+};
+function I(e, o = null) {
+  if (!Fe)
+    return Promise.reject();
+  let a;
+  return G(e) || ie(e) ? e = {
+    message: e
+  } : a = e.callback, new Promise((i, l) => {
+    const s = Ye(e, o ?? I._context);
+    $.set(s, {
+      options: e,
+      callback: a,
+      resolve: i,
+      reject: l
+    });
+  });
+}
+const _e = ["alert", "confirm", "prompt"], xe = {
+  alert: { closeOnPressEscape: !1, closeOnClickModal: !1 },
+  confirm: { showCancelButton: !0 },
+  prompt: { showCancelButton: !0, showInput: !0 }
+};
+_e.forEach((e) => {
+  I[e] = en(e);
+});
+function en(e) {
+  return (o, a, i, l) => {
+    let s = "";
+    return ce(a) ? (i = a, s = "") : Ke(a) ? s = "" : s = a, I(Object.assign({
+      title: s,
+      message: o,
+      type: "",
+      ...xe[e]
+    }, i, {
+      boxType: e
+    }), l);
+  };
+}
+I.close = () => {
+  $.forEach((e, o) => {
+    o.doClose();
+  }), $.clear();
+};
+I._context = null;
+const y = I;
+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 pn = y;
+export {
+  pn as E
+};

package/es/el-message-box-c10adb52.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("vue"),Q=require("./el-button-eec58cff.cjs"),Y=require("./el-input-7fd293af.cjs"),V=require("./el-overlay-9e34965f.cjs"),I=require("./index-098c2447.cjs"),M=require("./el-popper-b6c99b28.cjs"),c=require("./base-ef747d02.cjs"),T=require("./use-form-common-props-fd9b61a0.cjs"),x=require("./validator-1b8a6128.cjs"),_=require("./use-global-config-30d7d8ce.cjs"),$=require("./index-9780a537.cjs"),ee=require("./el-dialog-ae86edb8.cjs"),z="_trap-focus-children",C=[],P=e=>{if(C.length===0)return;const t=C[C.length-1][z];if(t.length>0&&e.code===M.EVENT_CODE.tab){if(t.length===1){e.preventDefault(),document.activeElement!==t[0]&&t[0].focus();return}const a=e.shiftKey,i=e.target===t[0],r=e.target===t[t.length-1];i&&a&&(e.preventDefault(),t[t.length-1].focus()),r&&!a&&(e.preventDefault(),t[0].focus())}},ne={beforeMount(e){e[z]=M.obtainAllFocusableElements(e),C.push(e),C.length<=1&&document.addEventListener("keydown",P)},updated(e){n.nextTick(()=>{e[z]=M.obtainAllFocusableElements(e)})},unmounted(){C.shift(),C.length===0&&document.removeEventListener("keydown",P)}},oe=n.defineComponent({name:"ElMessageBox",directives:{TrapFocus:ne},components:{ElButton:Q.ElButton,ElFocusTrap:M.ElFocusTrap,ElInput:Y.ElInput,ElOverlay:V.ElOverlay,ElIcon:I.ElIcon,...T.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:a,zIndex:i,ns:r,size:l}=_.useGlobalComponentSettings("message-box",n.computed(()=>e.buttonSize)),{t:u}=a,{nextZIndex:p}=i,g=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(I.loading_default),cancelButtonLoadingIcon:n.markRaw(I.loading_default),confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:p()}),S=n.computed(()=>{const s=o.type;return{[r.bm("icon",s)]:s&&T.TypeComponentsMap[s]}}),m=$.useId(),q=$.useId(),F=n.computed(()=>{const s=o.type;return o.icon||s&&T.TypeComponentsMap[s]||""}),K=n.computed(()=>!!o.message),h=n.ref(),N=n.ref(),b=n.ref(),w=n.ref(),A=n.ref(),U=n.computed(()=>o.confirmButtonClass);n.watch(()=>o.inputValue,async s=>{await n.nextTick(),e.boxType==="prompt"&&s&&O()},{immediate:!0}),n.watch(()=>g.value,s=>{var d,f;s&&(e.boxType!=="prompt"&&(o.autofocus?b.value=(f=(d=A.value)==null?void 0:d.$el)!=null?f:h.value:b.value=h.value),o.zIndex=p()),e.boxType==="prompt"&&(s?n.nextTick().then(()=>{var L;w.value&&w.value.$el&&(o.autofocus?b.value=(L=Z())!=null?L:h.value:b.value=h.value)}):(o.editorErrorMessage="",o.validateError=!1))});const H=n.computed(()=>e.draggable),j=n.computed(()=>e.overflow),{isDragging:G}=ee.useDraggable(h,N,H,j);n.onMounted(async()=>{await n.nextTick(),e.closeOnHashChange&&window.addEventListener("hashchange",B)}),n.onBeforeUnmount(()=>{e.closeOnHashChange&&window.removeEventListener("hashchange",B)});function B(){g.value&&(g.value=!1,n.nextTick(()=>{o.action&&t("action",o.action)}))}const D=()=>{e.closeOnClickModal&&k(o.distinguishCancelAndClose?"close":"cancel")},X=V.useSameTarget(D),W=s=>{if(o.inputType!=="textarea")return s.preventDefault(),k("confirm")},k=s=>{var d;e.boxType==="prompt"&&s==="confirm"&&!O()||(o.action=s,o.beforeClose?(d=o.beforeClose)==null||d.call(o,s,o,B):B())},O=()=>{if(e.boxType==="prompt"){const s=o.inputPattern;if(s&&!s.test(o.inputValue||""))return o.editorErrorMessage=o.inputErrorMessage||u("el.messagebox.error"),o.validateError=!0,!1;const d=o.inputValidator;if(c.isFunction(d)){const f=d(o.inputValue);if(f===!1)return o.editorErrorMessage=o.inputErrorMessage||u("el.messagebox.error"),o.validateError=!0,!1;if(c.isString(f))return o.editorErrorMessage=f,o.validateError=!0,!1}}return o.editorErrorMessage="",o.validateError=!1,!0},Z=()=>{var s,d;const f=(s=w.value)==null?void 0:s.$refs;return(d=f==null?void 0:f.input)!=null?d:f==null?void 0:f.textarea},R=()=>{k("close")},J=()=>{e.closeOnPressEscape&&R()};return e.lockScroll&&V.useLockscreen(g),{...n.toRefs(o),ns:r,overlayEvent:X,visible:g,hasMessage:K,typeClass:S,contentId:m,inputId:q,btnSize:l,iconComponent:F,confirmButtonClasses:U,rootRef:h,focusStartRef:b,headerRef:N,inputRef:w,isDragging:G,confirmRef:A,doClose:B,handleClose:R,onCloseRequested:J,handleWrapperClick:D,handleInputEnter:W,handleAction:k,t:u}}});function te(e,t,a,i,r,l){const u=n.resolveComponent("el-icon"),p=n.resolveComponent("el-input"),g=n.resolveComponent("el-button"),o=n.resolveComponent("el-focus-trap"),S=n.resolveComponent("el-overlay");return n.openBlock(),n.createBlock(n.Transition,{name:"fade-in-linear",onAfterLeave:m=>e.$emit("vanish"),persisted:""},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(S,{"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(u,{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:m=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),onKeydown:n.withKeys(n.withModifiers(m=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"])},[n.createVNode(u,{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(u,{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(p,{id:e.inputId,ref:"inputRef",modelValue:e.inputValue,"onUpdate:modelValue":m=>e.inputValue=m,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(g,{key:0,loading:e.cancelButtonLoading,"loading-icon":e.cancelButtonLoadingIcon,class:n.normalizeClass([e.cancelButtonClass]),round:e.roundButton,size:e.btnSize,onClick:m=>e.handleAction("cancel"),onKeydown:n.withKeys(n.withModifiers(m=>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(g,{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:m=>e.handleAction("confirm"),onKeydown:n.withKeys(n.withModifiers(m=>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 le=c._export_sfc(oe,[["render",te],["__file","index.vue"]]);const E=new Map,se=e=>{let t=document.body;return e.appendTo&&(c.isString(e.appendTo)&&(t=document.querySelector(e.appendTo)),c.isElement(e.appendTo)&&(t=e.appendTo),c.isElement(t)||(t=document.body)),t},ae=(e,t,a=null)=>{const i=n.createVNode(le,e,c.isFunction(e.message)||n.isVNode(e.message)?{default:c.isFunction(e.message)?e.message:()=>e.message}:null);return i.appContext=a,n.render(i,t),se(e).appendChild(t.firstElementChild),i.component},re=()=>document.createElement("div"),ie=(e,t)=>{const a=re();e.onVanish=()=>{n.render(null,a),E.delete(r)},e.onAction=l=>{const u=E.get(r);let p;e.showInput?p={value:r.inputValue,action:l}:p=l,e.callback?e.callback(p,i.proxy):l==="cancel"||l==="close"?e.distinguishCancelAndClose&&l!=="cancel"?u.reject("close"):u.reject("cancel"):u.resolve(p)};const i=ae(e,a,t),r=i.proxy;for(const l in e)c.hasOwn(e,l)&&!c.hasOwn(r.$props,l)&&(l==="closeIcon"&&c.isObject(e[l])?r[l]=n.markRaw(e[l]):r[l]=e[l]);return r.visible=!0,r};function y(e,t=null){if(!c.isClient)return Promise.reject();let a;return c.isString(e)||n.isVNode(e)?e={message:e}:a=e.callback,new Promise((i,r)=>{const l=ie(e,t??y._context);E.set(l,{options:e,callback:a,resolve:i,reject:r})})}const ce=["alert","confirm","prompt"],ue={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};ce.forEach(e=>{y[e]=de(e)});function de(e){return(t,a,i,r)=>{let l="";return c.isObject(a)?(i=a,l=""):c.isUndefined(a)?l="":l=a,y(Object.assign({title:l,message:t,type:"",...ue[e]},i,{boxType:e}),r)}}y.close=()=>{E.forEach((e,t)=>{t.doClose()}),E.clear()};y._context=null;const v=y;v.install=e=>{v._context=e._context,e.config.globalProperties.$msgbox=v,e.config.globalProperties.$messageBox=v,e.config.globalProperties.$alert=v.alert,e.config.globalProperties.$confirm=v.confirm,e.config.globalProperties.$prompt=v.prompt};const fe=v;exports.ElMessageBox=fe;

package/es/{el-message-def216ae.js → el-message-e544a8f5.js}

@@ -1,11 +1,11 @@
-import { defineComponent as I, computed as d, openBlock as g, createElementBlock as O, normalizeClass as v, unref as o, renderSlot as P, createVNode as z, Transition as J, withCtx as $, withDirectives as K, createElementVNode as x, normalizeStyle as Q, createTextVNode as ve, toDisplayString as X, vShow as Y, shallowReactive as ee, ref as N, onMounted as ye, watch as he, createBlock as S, createCommentVNode as M, resolveDynamicComponent as Ce, Fragment as be, withModifiers as Te, nextTick as Se, isVNode as te, render as j } from "vue";
-import { i as Ee, T as G, a as we, h as Be, m as Ne } from "./use-form-common-props-e6cba60f.js";
-import { b as se, d as k, u as Me, e as E, h as W, _ as ne, w as $e, i as oe, x as ke, c as F, a as D, f as A, z as Ie, A as _e, B as Le } from "./base-8348063b.js";
-import { E as q } from "./index-847d58bc.js";
-import { m as Ae } from "./typescript-7ae59c4c.js";
-import { u as Oe } from "./use-global-config-76ff2e3e.js";
-import { c as Pe, d as xe } from "./el-popper-986a8371.js";
-import { m as u } from "./config-provider-1a687690.js";
+import { defineComponent as I, computed as d, openBlock as g, createElementBlock as A, normalizeClass as v, unref as o, renderSlot as P, createVNode as F, Transition as J, withCtx as $, withDirectives as K, createElementVNode as x, normalizeStyle as Q, createTextVNode as ve, toDisplayString as X, vShow as Y, shallowReactive as ee, ref as N, onMounted as ye, watch as he, createBlock as S, createCommentVNode as M, resolveDynamicComponent as Ce, Fragment as be, withModifiers as Te, nextTick as Se, isVNode as te, render as j } from "vue";
+import { i as Ee, m as G, c as we, u as Be, T as Ne } from "./use-form-common-props-815d48a6.js";
+import { b as se, e as k, u as Me, p as E, n as W, _ as ne, w as $e, s as oe, d as ke, c as z, x as D, o as O, y as Ie, z as _e, F as Le } from "./base-a5af3db3.js";
+import { E as q } from "./index-a871c3eb.js";
+import { m as Oe } from "./typescript-7ae59c4c.js";
+import { u as Ae } from "./use-global-config-b5e9d3d5.js";
+import { a as Pe, d as xe } from "./el-popper-b4f97157.js";
+import { m as u } from "./config-provider-b16efd62.js";
 const De = se({
   value: {
     type: [String, Number],
@@ -37,10 +37,10 @@ const De = se({
   badgeClass: {
     type: String
   }
-}), ze = I({
+}), Fe = I({
   name: "ElBadge"
-}), Fe = /* @__PURE__ */ I({
-  ...ze,
+}), ze = /* @__PURE__ */ I({
+  ...Fe,
   props: De,
   setup(t, { expose: a }) {
     const e = t, s = Me("badge"), i = d(() => e.isDot ? "" : E(e.value) && E(e.max) ? e.max < e.value ? `${e.max}+` : `${e.value}` : `${e.value}`), r = d(() => {
@@ -56,11 +56,11 @@ const De = se({
     });
     return a({
       content: i
-    }), (n, p) => (g(), O("div", {
+    }), (n, p) => (g(), A("div", {
       class: v(o(s).b())
     }, [
       P(n.$slots, "default"),
-      z(J, {
+      F(J, {
         name: `${o(s).namespace.value}-zoom-in-center`,
         persisted: ""
       }, {
@@ -88,7 +88,7 @@ const De = se({
     ], 2));
   }
 });
-var He = /* @__PURE__ */ ne(Fe, [["__file", "badge.vue"]]);
+var He = /* @__PURE__ */ ne(ze, [["__file", "badge.vue"]]);
 const Re = $e(He), ae = [
   "primary",
   "success",
@@ -102,7 +102,7 @@ const Re = $e(He), ae = [
   "bottom",
   "bottom-left",
   "bottom-right"
-], C = "top", c = Ae({
+], C = "top", c = Oe({
   customClass: "",
   dangerouslyUseHTMLString: !1,
   duration: 3e3,
@@ -202,7 +202,7 @@ const Re = $e(He), ae = [
   props: Ue,
   emits: Ve,
   setup(t, { expose: a, emit: e }) {
-    const s = t, { Close: i } = Ne, r = N(!1), { ns: n, zIndex: p } = Oe("message"), { currentZIndex: y, nextZIndex: b } = p, m = N(), w = N(!1), H = N(0);
+    const s = t, { Close: i } = Ne, r = N(!1), { ns: n, zIndex: p } = Ae("message"), { currentZIndex: y, nextZIndex: b } = p, m = N(), w = N(!1), H = N(0);
     let _;
     const ie = d(() => s.type ? s.type === "error" ? "danger" : s.type : "info"), ce = d(() => {
       const l = s.type;
@@ -280,13 +280,13 @@ const Re = $e(He), ae = [
             _: 1
           }, 8, ["class"])) : M("v-if", !0),
           P(l.$slots, "default", {}, () => [
-            l.dangerouslyUseHTMLString ? (g(), O(be, { key: 1 }, [
+            l.dangerouslyUseHTMLString ? (g(), A(be, { key: 1 }, [
               M(" Caution here, message could've been compromised, never use user's input as message "),
               x("p", {
                 class: v(o(n).e("content")),
                 innerHTML: l.message
               }, null, 10, ["innerHTML"])
-            ], 2112)) : (g(), O("p", {
+            ], 2112)) : (g(), A("p", {
               key: 0,
               class: v(o(n).e("content"))
             }, X(l.message), 3))
@@ -297,7 +297,7 @@ const Re = $e(He), ae = [
             onClick: Te(B, ["stop"])
           }, {
             default: $(() => [
-              z(o(i))
+              F(o(i))
             ]),
             _: 1
           }, 8, ["class", "onClick"])) : M("v-if", !0)
@@ -314,18 +314,18 @@ let Qe = 1;
 const Xe = (t) => {
   if (!t.appendTo)
     t.appendTo = document.body;
-  else if (F(t.appendTo)) {
+  else if (z(t.appendTo)) {
     let e = document.querySelector(t.appendTo);
     _e(e) || (e = document.body), t.appendTo = e;
   }
 }, Ye = (t) => {
-  !t.placement && F(u.placement) && u.placement && (t.placement = u.placement), t.placement || (t.placement = C), le.includes(t.placement) || (xe("ElMessage", `Invalid placement: ${t.placement}. Falling back to '${C}'.`), t.placement = C);
+  !t.placement && z(u.placement) && u.placement && (t.placement = u.placement), t.placement || (t.placement = C), le.includes(t.placement) || (xe("ElMessage", `Invalid placement: ${t.placement}. Falling back to '${C}'.`), t.placement = C);
 }, re = (t) => {
-  const a = !t || F(t) || te(t) || D(t) ? { message: t } : t, e = {
+  const a = !t || z(t) || te(t) || D(t) ? { message: t } : t, e = {
     ...c,
     ...a
   };
-  return Xe(e), Ye(e), A(u.grouping) && !e.grouping && (e.grouping = u.grouping), E(u.duration) && e.duration === 3e3 && (e.duration = u.duration), E(u.offset) && e.offset === 16 && (e.offset = u.offset), A(u.showClose) && !e.showClose && (e.showClose = u.showClose), A(u.plain) && !e.plain && (e.plain = u.plain), e;
+  return Xe(e), Ye(e), O(u.grouping) && !e.grouping && (e.grouping = u.grouping), E(u.duration) && e.duration === 3e3 && (e.duration = u.duration), E(u.offset) && e.offset === 16 && (e.offset = u.offset), O(u.showClose) && !e.showClose && (e.showClose = u.showClose), O(u.plain) && !e.plain && (e.plain = u.plain), e;
 }, et = (t) => {
   const a = t.props.placement || C, e = f[a], s = e.indexOf(t);
   if (s === -1)
@@ -343,7 +343,7 @@ const Xe = (t) => {
     onDestroy: () => {
       j(null, r);
     }
-  }, p = z(Ke, n, D(n.message) || te(n.message) ? {
+  }, p = F(Ke, n, D(n.message) || te(n.message) ? {
     default: D(n.message) ? n.message : () => n.message
   } : null);
   p.appContext = e || h._context, j(p, r), t.appendChild(r.firstElementChild);