st-comp 0.0.279 → 0.0.280

package/es/el-message-box-7c13546c.js

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

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

@@ -0,0 +1 @@
+"use strict";const u=require("./base-d987e5c9.cjs"),k=require("./el-popper-f824c63b.cjs"),S=require("./use-form-item-0a831287.cjs"),Z=require("./validator-ee5bc3eb.cjs"),n=require("vue"),J=require("./el-dialog-8788bcc1.cjs"),I=require("./el-overlay-17299785.cjs"),R=require("./index-d372e68f.cjs"),V=require("./index-3e7d5ffb.cjs"),Q=require("./el-input-c8a9bb71.cjs"),Y=require("./use-global-config-c90c91f7.cjs"),x=require("./el-button-8259594b.cjs"),N="_trap-focus-children",v=[],q=e=>{if(v.length===0)return;const o=k.getEventCode(e),l=v[v.length-1][N];if(l.length>0&&o===k.EVENT_CODE.tab){if(l.length===1){e.preventDefault(),document.activeElement!==l[0]&&l[0].focus();return}const r=e.shiftKey,i=e.target===l[0],a=e.target===l[l.length-1];i&&r&&(e.preventDefault(),l[l.length-1].focus()),a&&!r&&(e.preventDefault(),l[0].focus())}},_={beforeMount(e){e[N]=u.obtainAllFocusableElements(e),v.push(e),v.length<=1&&document.addEventListener("keydown",q)},updated(e){n.nextTick(()=>{e[N]=u.obtainAllFocusableElements(e)})},unmounted(){v.shift(),v.length===0&&document.removeEventListener("keydown",q)}};var ee=n.defineComponent({name:"ElMessageBox",directives:{TrapFocus:_},components:{ElButton:x.ElButton,ElFocusTrap:k.focus_trap_default$1,ElInput:Q.ElInput,ElOverlay:I.ElOverlay,ElIcon:V.ElIcon,...S.TypeComponents},inheritAttrs:!1,props:{buttonSize:{type:String,validator:Z.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:o}){const{locale:l,zIndex:r,ns:i,size:a}=Y.useGlobalComponentSettings("message-box",n.computed(()=>e.buttonSize)),{t:m}=l,{nextZIndex:f}=r,p=n.ref(!1),t=n.reactive({autofocus:!0,beforeClose:null,callback:null,cancelButtonText:"",cancelButtonClass:"",confirmButtonText:"",confirmButtonClass:"",cancelButtonType:"",confirmButtonType:"primary",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(V.loading_default),cancelButtonLoadingIcon:n.markRaw(V.loading_default),confirmButtonDisabled:!1,editorErrorMessage:"",validateError:!1,zIndex:f()}),T=n.computed(()=>{const s=t.type;return{[i.bm("icon",s)]:s&&S.TypeComponentsMap[s]}}),c=R.useId(),P=R.useId(),F=n.computed(()=>{const s=t.type;return t.icon||s&&S.TypeComponentsMap[s]||""}),K=n.computed(()=>!!t.message),C=n.ref(),A=n.ref(),h=n.ref(),B=n.ref(),D=n.ref(),H=n.computed(()=>t.confirmButtonClass);n.watch(()=>t.inputValue,async s=>{await n.nextTick(),e.boxType==="prompt"&&s&&$()},{immediate:!0}),n.watch(()=>p.value,s=>{var d;s&&(e.boxType!=="prompt"&&(t.autofocus?h.value=((d=D.value)==null?void 0:d.$el)??C.value:h.value=C.value),t.zIndex=f()),e.boxType==="prompt"&&(s?n.nextTick().then(()=>{B.value&&B.value.$el&&(t.autofocus?h.value=W()??C.value:h.value=C.value)}):(t.editorErrorMessage="",t.validateError=!1))});const{isDragging:U}=J.useDraggable(C,A,n.computed(()=>e.draggable),n.computed(()=>e.overflow));n.onMounted(async()=>{await n.nextTick(),e.closeOnHashChange&&window.addEventListener("hashchange",E)}),n.onBeforeUnmount(()=>{e.closeOnHashChange&&window.removeEventListener("hashchange",E)});function E(){p.value&&(p.value=!1,n.nextTick(()=>{t.action&&o("action",t.action)}))}const O=()=>{e.closeOnClickModal&&w(t.distinguishCancelAndClose?"close":"cancel")},j=I.useSameTarget(O),G=s=>{var d;if(t.inputType!=="textarea"&&!((d=B.value)!=null&&d.isComposing))return s.preventDefault(),w("confirm")},w=s=>{var d;e.boxType==="prompt"&&s==="confirm"&&!$()||(t.action=s,t.beforeClose?(d=t.beforeClose)==null||d.call(t,s,t,E):E())},$=()=>{if(e.boxType==="prompt"){const s=t.inputPattern;if(s&&!s.test(t.inputValue||""))return t.editorErrorMessage=t.inputErrorMessage||m("el.messagebox.error"),t.validateError=!0,!1;const d=t.inputValidator;if(u.isFunction(d)){const M=d(t.inputValue);if(M===!1)return t.editorErrorMessage=t.inputErrorMessage||m("el.messagebox.error"),t.validateError=!0,!1;if(u.isString(M))return t.editorErrorMessage=M,t.validateError=!0,!1}}return t.editorErrorMessage="",t.validateError=!1,!0},W=()=>{var d;const s=(d=B.value)==null?void 0:d.$refs;return(s==null?void 0:s.input)??(s==null?void 0:s.textarea)},L=()=>{w("close")},X=()=>{e.closeOnPressEscape&&L()};return e.lockScroll&&I.useLockscreen(p,{ns:i}),{...n.toRefs(t),ns:i,overlayEvent:j,visible:p,hasMessage:K,typeClass:T,contentId:c,inputId:P,btnSize:a,iconComponent:F,confirmButtonClasses:H,rootRef:C,focusStartRef:h,headerRef:A,inputRef:B,isDragging:U,confirmRef:D,doClose:E,handleClose:L,onCloseRequested:X,handleWrapperClick:O,handleInputEnter:G,handleAction:w,t:m}}});const ne=["aria-label","aria-describedby"],oe=["aria-label"],te=["id"];function le(e,o,l,r,i,a){const m=n.resolveComponent("el-icon"),f=n.resolveComponent("el-input"),p=n.resolveComponent("el-button"),t=n.resolveComponent("el-focus-trap"),T=n.resolveComponent("el-overlay");return n.openBlock(),n.createBlock(n.Transition,{name:"fade-in-linear",onAfterLeave:o[11]||(o[11]=c=>e.$emit("vanish")),persisted:""},{default:n.withCtx(()=>[n.withDirectives(n.createVNode(T,{"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:o[8]||(o[8]=(...c)=>e.overlayEvent.onClick&&e.overlayEvent.onClick(...c)),onMousedown:o[9]||(o[9]=(...c)=>e.overlayEvent.onMousedown&&e.overlayEvent.onMousedown(...c)),onMouseup:o[10]||(o[10]=(...c)=>e.overlayEvent.onMouseup&&e.overlayEvent.onMouseup(...c))},[n.createVNode(t,{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:o[7]||(o[7]=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(m,{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:o[0]||(o[0]=c=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel")),onKeydown:o[1]||(o[1]=n.withKeys(n.withModifiers(c=>e.handleAction(e.distinguishCancelAndClose?"close":"cancel"),["prevent"]),["enter"]))},[n.createVNode(m,{class:n.normalizeClass(e.ns.e("close"))},{default:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.closeIcon||"close")))]),_:1},8,["class"])],42,oe)):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(m,{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(f,{id:e.inputId,ref:"inputRef",modelValue:e.inputValue,"onUpdate:modelValue":o[2]||(o[2]=c=>e.inputValue=c),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","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,te),e.showCancelButton||e.showConfirmButton?(n.openBlock(),n.createElementBlock("div",{key:1,class:n.normalizeClass(e.ns.e("btns"))},[e.showCancelButton?(n.openBlock(),n.createBlock(p,{key:0,type:e.cancelButtonType==="text"?"":e.cancelButtonType,text:e.cancelButtonType==="text",loading:e.cancelButtonLoading,"loading-icon":e.cancelButtonLoadingIcon,class:n.normalizeClass([e.cancelButtonClass]),round:e.roundButton,size:e.btnSize,onClick:o[3]||(o[3]=c=>e.handleAction("cancel")),onKeydown:o[4]||(o[4]=n.withKeys(n.withModifiers(c=>e.handleAction("cancel"),["prevent"]),["enter"]))},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.cancelButtonText||e.t("el.messagebox.cancel")),1)]),_:1},8,["type","text","loading","loading-icon","class","round","size"])):n.createCommentVNode("v-if",!0),n.withDirectives(n.createVNode(p,{ref:"confirmRef",type:e.confirmButtonType==="text"?"":e.confirmButtonType,text:e.confirmButtonType==="text",loading:e.confirmButtonLoading,"loading-icon":e.confirmButtonLoadingIcon,class:n.normalizeClass([e.confirmButtonClasses]),round:e.roundButton,disabled:e.confirmButtonDisabled,size:e.btnSize,onClick:o[5]||(o[5]=c=>e.handleAction("confirm")),onKeydown:o[6]||(o[6]=n.withKeys(n.withModifiers(c=>e.handleAction("confirm"),["prevent"]),["enter"]))},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.confirmButtonText||e.t("el.messagebox.confirm")),1)]),_:1},8,["type","text","loading","loading-icon","class","round","disabled","size"]),[[n.vShow,e.showConfirmButton]])],2)):n.createCommentVNode("v-if",!0)],6)]),_:3},8,["trapped","focus-trap-el","focus-start-el","onReleaseRequested"])],42,ne)]),_:3},8,["z-index","overlay-class","mask"]),[[n.vShow,e.visible]])]),_:3})}var se=k._plugin_vue_export_helper_default(ee,[["render",le]]);const b=new Map,ae=e=>{let o=document.body;return e.appendTo&&(u.isString(e.appendTo)&&(o=document.querySelector(e.appendTo)),u.isElement(e.appendTo)&&(o=e.appendTo),u.isElement(o)||(u.debugWarn("ElMessageBox","the appendTo option is not an HTMLElement. Falling back to document.body."),o=document.body)),o},z=(e,o)=>{var r;const l=(r=e.component)==null?void 0:r.proxy;return()=>l.handleAction(o)},re=(e,o,l=null)=>{const r=n.createVNode(se,e,u.isFunction(e.message)||n.isVNode(e.message)?{default:u.isFunction(e.message)?()=>e.message({confirm:z(r,"confirm"),cancel:z(r,"cancel"),close:z(r,"close")}):()=>e.message}:null);return r.appContext=l,n.render(r,o),ae(e).appendChild(o.firstElementChild),r.component},ie=()=>document.createElement("div"),ue=(e,o)=>{const l=ie();e.onVanish=()=>{n.render(null,l),b.delete(i)},e.onAction=a=>{const m=b.get(i);let f;e.showInput?f={value:i.inputValue,action:a}:f=a,e.callback?e.callback(f,r.proxy):a==="cancel"||a==="close"?e.distinguishCancelAndClose&&a!=="cancel"?m.reject("close"):m.reject("cancel"):m.resolve(f)};const r=re(e,l,o),i=r.proxy;for(const a in e)u.hasOwn(e,a)&&!u.hasOwn(i.$props,a)&&(a==="closeIcon"&&u.isObject(e[a])?i[a]=n.markRaw(e[a]):i[a]=e[a]);return i.visible=!0,i};function y(e,o=null){if(!u.isClient)return Promise.reject();let l;return u.isString(e)||n.isVNode(e)?e={message:e}:l=e.callback,new Promise((r,i)=>{const a=ue(e,o??y._context);b.set(a,{options:e,callback:l,resolve:r,reject:i})})}const ce=["alert","confirm","prompt"],de={alert:{closeOnPressEscape:!1,closeOnClickModal:!1},confirm:{showCancelButton:!0},prompt:{showCancelButton:!0,showInput:!0}};ce.forEach(e=>{y[e]=me(e)});function me(e){return(o,l,r,i)=>{let a="";return u.isObject(l)?(r=l,a=""):u.isUndefined(l)?a="":a=l,y(Object.assign({title:a,message:o,type:"",...de[e]},r,{boxType:e}),i)}}y.close=()=>{b.forEach((e,o)=>{o.doClose()}),b.clear()};y._context=null;const g=y;g.install=e=>{g._context=e._context,e.config.globalProperties.$msgbox=g,e.config.globalProperties.$messageBox=g,e.config.globalProperties.$alert=g.alert,e.config.globalProperties.$confirm=g.confirm,e.config.globalProperties.$prompt=g.prompt};const fe=g;exports.ElMessageBox=fe;

package/es/el-overlay-17299785.cjs

@@ -0,0 +1 @@
+"use strict";const z=require("./el-popper-f824c63b.cjs"),o=require("./base-d987e5c9.cjs"),_=require("./use-form-item-0a831287.cjs"),n=require("vue"),te=require("./scroll-07bade1e.cjs"),F=require("./index-d372e68f.cjs"),ne=require("./use-global-config-c90c91f7.cjs"),q=(e,l={})=>{n.isRef(e)||o.throwError("[useLockscreen]","You need to pass a ref param to this function");const a=l.ns||o.useNamespace("popup"),i=n.computed(()=>a.bm("parent","hidden"));let r=0,c=!1,s="0",u=!1;const y=()=>{u||(u=!0,setTimeout(()=>{typeof document>"u"||c&&document&&(document.body.style.width=s,o.removeClass(document.body,i.value))},200))};n.watch(e,g=>{if(!g){y();return}u=!1,c=!o.hasClass(document.body,i.value),c&&(s=document.body.style.width,o.addClass(document.body,i.value)),r=te.getScrollBarWidth(a.namespace.value);const p=document.documentElement.clientHeight<document.body.scrollHeight,b=o.getStyle(document.body,"overflowY");r>0&&(p||b==="scroll")&&c&&(document.body.style.width=`calc(100% - ${r}px)`)}),n.onScopeDispose(()=>y())},V=e=>{if(!e)return{onClick:o.NOOP,onMousedown:o.NOOP,onMouseup:o.NOOP};let l=!1,a=!1;return{onClick:s=>{l&&a&&e(s),l=a=!1},onMousedown:s=>{l=s.target===s.currentTarget},onMouseup:s=>{a=s.target===s.currentTarget}}},$=o.buildProps({center:Boolean,alignCenter:{type:Boolean,default:void 0},closeIcon:{type:_.iconPropType},draggable:{type:Boolean,default:void 0},overflow:{type:Boolean,default:void 0},fullscreen:Boolean,headerClass:{type:o.definePropType([String,Array,Object,Boolean]),default:void 0},bodyClass:{type:o.definePropType([String,Array,Object,Boolean]),default:void 0},footerClass:{type:o.definePropType([String,Array,Object,Boolean]),default:void 0},showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),le={close:()=>!0},ae=o.buildProps({...$,appendToBody:Boolean,appendTo:{type:o.definePropType([String,Object]),default:"body"},beforeClose:{type:o.definePropType(Function)},destroyOnClose:Boolean,closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},modalPenetrable:Boolean,openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0},top:{type:String},modelValue:Boolean,modalClass:{type:o.definePropType([String,Array,Object,Boolean]),default:void 0},width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"},transition:{type:o.definePropType([String,Object]),default:void 0}}),se={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[z.UPDATE_MODEL_EVENT]:e=>o.isBoolean(e),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},ue=o.buildProps({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:o.definePropType([String,Array,Object,Boolean]),default:void 0},zIndex:{type:o.definePropType([String,Number])}}),ie={click:e=>e instanceof MouseEvent},re="overlay";var ce=n.defineComponent({name:"ElOverlay",props:ue,emits:ie,setup(e,{slots:l,emit:a}){const i=o.useNamespace(re),r=y=>{a("click",y)},{onClick:c,onMousedown:s,onMouseup:u}=V(e.customMaskEvent?void 0:r);return()=>e.mask?n.createVNode("div",{class:[i.b(),e.overlayClass],style:{zIndex:e.zIndex},onClick:c,onMousedown:s,onMouseup:u},[n.renderSlot(l,"default")],14,["onClick","onMouseup","onMousedown"]):n.h("div",{class:e.overlayClass,style:{zIndex:e.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[n.renderSlot(l,"default")])}});const de=ce,fe=Symbol("dialogInjectionKey"),j="dialog-fade",ye="ElDialog",ve=(e,l)=>{const a=n.getCurrentInstance().emit,{nextZIndex:i}=_.useZIndex();let r="";const c=F.useId(),s=F.useId(),u=n.ref(!1),y=n.ref(!1),g=n.ref(!1),p=n.ref(e.zIndex??i()),b=n.ref(!1);let v,m;const A=ne.useGlobalConfig(),K=n.computed(()=>{var t;return((t=A.value)==null?void 0:t.namespace)??"el"}),O=n.computed(()=>{var t;return(t=A.value)==null?void 0:t.dialog}),U=n.computed(()=>{const t={},d=`--${K.value}-dialog`;if(!e.fullscreen){e.top&&(t[`${d}-margin-top`]=e.top);const C=o.addUnit(e.width);C&&(t[`${d}-width`]=C)}return t}),W=n.computed(()=>{var t;return(e.draggable??((t=O.value)==null?void 0:t.draggable)??!1)&&!e.fullscreen}),S=n.computed(()=>{var t;return e.alignCenter??((t=O.value)==null?void 0:t.alignCenter)??!1}),G=n.computed(()=>{var t;return e.overflow??((t=O.value)==null?void 0:t.overflow)??!1}),M=n.computed(()=>e.modalPenetrable&&!e.modal&&!e.fullscreen),Y=n.computed(()=>S.value?{display:"flex"}:{}),H=n.computed(()=>{var C;const t=e.transition??((C=O.value)==null?void 0:C.transition)??"dialog-fade",d={name:t,onAfterEnter:P,onBeforeLeave:B,onAfterLeave:h};if(o.isObject(t)){const f={...t},x=(E,oe)=>L=>{o.isArray(E)?E.forEach(N=>{o.isFunction(N)&&N(L)}):o.isFunction(E)&&E(L),oe()};return f.onAfterEnter=x(f.onAfterEnter,P),f.onBeforeLeave=x(f.onBeforeLeave,B),f.onAfterLeave=x(f.onAfterLeave,h),f.name||(f.name=j,o.debugWarn(ye,`transition.name is missing when using object syntax, fallback to '${j}'`)),f}return d});function P(){a("opened")}function h(){a("closed"),a(z.UPDATE_MODEL_EVENT,!1),e.destroyOnClose&&(g.value=!1),b.value=!1}function B(){b.value=!0,a("close")}function k(){m==null||m(),v==null||v(),e.openDelay&&e.openDelay>0?{stop:v}=o.useTimeoutFn(()=>D(),e.openDelay):D()}function w(){v==null||v(),m==null||m(),e.closeDelay&&e.closeDelay>0?{stop:m}=o.useTimeoutFn(()=>T(),e.closeDelay):T()}function I(){function t(d){d||(y.value=!0,u.value=!1)}e.beforeClose?e.beforeClose(t):w()}function Z(){e.closeOnClickModal&&I()}function D(){o.isClient&&(u.value=!0)}function T(){u.value=!1}function J(){a("openAutoFocus")}function Q(){a("closeAutoFocus")}function X(t){var d;((d=t.detail)==null?void 0:d.focusReason)==="pointer"&&t.preventDefault()}e.lockScroll&&q(u);function R(){e.closeOnPressEscape&&I()}function ee(){!u.value||!M.value||e.zIndex!==void 0||(p.value=i())}return n.watch(()=>e.zIndex,()=>{p.value=e.zIndex??i()}),n.watch(()=>e.modelValue,t=>{t?(y.value=!1,b.value=!1,k(),g.value=!0,p.value=e.zIndex??i(),n.nextTick(()=>{a("open"),l.value&&(l.value.parentElement.scrollTop=0,l.value.parentElement.scrollLeft=0,l.value.scrollTop=0)})):u.value&&w()}),n.watch(()=>e.fullscreen,t=>{l.value&&(t?(r=l.value.style.transform,l.value.style.transform=""):l.value.style.transform=r)}),n.onMounted(()=>{e.modelValue&&(u.value=!0,g.value=!0,k())}),{afterEnter:P,afterLeave:h,beforeLeave:B,handleClose:I,onModalClick:Z,close:w,doClose:T,onOpenAutoFocus:J,onCloseAutoFocus:Q,onCloseRequested:R,onFocusoutPrevented:X,bringToFront:ee,titleId:c,bodyId:s,closed:y,style:U,overlayDialogStyle:Y,rendered:g,visible:u,zIndex:p,transitionConfig:H,_draggable:W,_alignCenter:S,_overflow:G,closing:b,penetrable:M}};exports.ElOverlay=de;exports.dialogContentEmits=le;exports.dialogContentProps=$;exports.dialogEmits=se;exports.dialogInjectionKey=fe;exports.dialogProps=ae;exports.useDialog=ve;exports.useLockscreen=q;exports.useSameTarget=V;