st-comp 0.0.143 → 0.0.144

package/es/{el-overlay-6056c89a.js → el-overlay-12dd9b35.js}

@@ -1,15 +1,13 @@
-import { defineComponent as X, createVNode as R, renderSlot as b, h as de, onMounted as te, watchEffect as fe, onBeforeUnmount as me, inject as Q, computed as k, openBlock as N, createElementBlock as U, unref as o, normalizeClass as w, normalizeStyle as le, createElementVNode as j, toDisplayString as ve, withCtx as E, createBlock as K, resolveDynamicComponent as ye, createCommentVNode as q, isRef as pe, watch as Z, onScopeDispose as ge, getCurrentInstance as Ce, ref as A, nextTick as be, useSlots as he, provide as we, Transition as Ee, withDirectives as ke, mergeProps as Se, createSlots as Me, vShow as Te } from "vue";
-import { N as V, b as J, d as H, u as _, y as G, x as De, _ as ne, c as Ie, t as Be, j as se, o as x, n as Le, A as Pe, r as Ae, e as ee, I as Oe, p as oe, w as Fe } from "./base-3ecbc734.js";
-import { P as W } from "./vnode-cfcdab70.js";
-import { F as $e, i as Ne, b as ze, a as Ye } from "./index-fa07a823.js";
-import { j as Re, E as Xe, C as je, D as He } from "./use-form-common-props-9c0363ac.js";
-import { c as Ue } from "./refs-46cf8186.js";
-import { U as ae } from "./event-09e37cc8.js";
-import { g as Ve } from "./scroll-1efa8148.js";
-import { b as We, a as Ke } from "./index-68ee64fa.js";
+import { defineComponent as U, createVNode as R, renderSlot as b, h as de, onMounted as te, watchEffect as fe, onBeforeUnmount as me, inject as Q, computed as k, openBlock as z, createElementBlock as j, unref as o, normalizeClass as E, normalizeStyle as le, createElementVNode as V, toDisplayString as ve, withCtx as w, createBlock as W, resolveDynamicComponent as ye, createCommentVNode as q, isRef as pe, watch as J, onScopeDispose as ge, getCurrentInstance as Ce, ref as A, nextTick as be, useSlots as he, provide as Ee, Transition as we, withDirectives as ke, mergeProps as Se, createSlots as Me, vShow as Te } from "vue";
+import { U as H, b as G, d as X, u as _, y as Z, h as Be, x as De, _ as ne, c as Ie, t as Le, j as se, o as x, n as Pe, A as Ae, r as Fe, e as ee, V as Oe, p as oe, w as $e } from "./base-437d17f3.js";
+import { P as K } from "./vnode-7dfd4ed5.js";
+import { F as ze, U as ae, i as Ne, b as Ye, a as Re } from "./index-0cb48e01.js";
+import { j as Ue, E as Ve, J as Xe, K as je } from "./use-form-common-props-f377e500.js";
+import { g as He } from "./scroll-387fcfdb.js";
+import { b as Ke, a as We } from "./index-09e01b1d.js";
 const re = (e) => {
   if (!e)
-    return { onClick: V, onMousedown: V, onMouseup: V };
+    return { onClick: H, onMousedown: H, onMouseup: H };
   let l = !1, n = !1;
   return { onClick: (r) => {
     l && n && e(r), l = n = !1;
@@ -18,42 +16,42 @@ const re = (e) => {
   }, onMouseup: (r) => {
     n = r.target === r.currentTarget;
   } };
-}, qe = J({
+}, qe = G({
   mask: {
     type: Boolean,
     default: !0
   },
   customMaskEvent: Boolean,
   overlayClass: {
-    type: H([
+    type: X([
       String,
       Array,
       Object
     ])
   },
   zIndex: {
-    type: H([String, Number])
+    type: X([String, Number])
   }
-}), Ze = {
+}), Je = {
   click: (e) => e instanceof MouseEvent
-}, Ge = "overlay";
-var Je = X({
+}, Ze = "overlay";
+var Ge = U({
   name: "ElOverlay",
   props: qe,
-  emits: Ze,
+  emits: Je,
   setup(e, { slots: l, emit: n }) {
-    const d = _(Ge), s = (a) => {
+    const d = _(Ze), s = (a) => {
       n("click", a);
-    }, { onClick: c, onMousedown: r, onMouseup: f } = re(e.customMaskEvent ? void 0 : s);
+    }, { onClick: u, onMousedown: r, onMouseup: f } = re(e.customMaskEvent ? void 0 : s);
     return () => e.mask ? R("div", {
       class: [d.b(), e.overlayClass],
       style: {
         zIndex: e.zIndex
       },
-      onClick: c,
+      onClick: u,
       onMousedown: r,
       onMouseup: f
-    }, [b(l, "default")], W.STYLE | W.CLASS | W.PROPS, ["onClick", "onMouseup", "onMousedown"]) : de("div", {
+    }, [b(l, "default")], K.STYLE | K.CLASS | K.PROPS, ["onClick", "onMouseup", "onMousedown"]) : de("div", {
       class: e.overlayClass,
       style: {
         zIndex: e.zIndex,
@@ -66,11 +64,11 @@ var Je = X({
     }, [b(l, "default")]);
   }
 });
-const _e = Je, ie = Symbol("dialogInjectionKey"), ce = J({
+const _e = Ge, ie = Symbol("dialogInjectionKey"), ue = G({
   center: Boolean,
   alignCenter: Boolean,
   closeIcon: {
-    type: Re
+    type: Ue
   },
   draggable: Boolean,
   overflow: Boolean,
@@ -97,21 +95,21 @@ const _e = Je, ie = Symbol("dialogInjectionKey"), ce = J({
     offsetX: 0,
     offsetY: 0
   };
-  const c = (u) => {
-    const y = u.clientX, C = u.clientY, { offsetX: g, offsetY: m } = s, v = e.value.getBoundingClientRect(), h = v.left, i = v.top, O = v.width, S = v.height, z = document.documentElement.clientWidth, Y = document.documentElement.clientHeight, F = -h + g, M = -i + m, T = z - h - O + g, D = Y - i - S + m, I = (t) => {
+  const u = (c) => {
+    const y = c.clientX, C = c.clientY, { offsetX: g, offsetY: m } = s, v = e.value.getBoundingClientRect(), h = v.left, i = v.top, F = v.width, S = v.height, N = document.documentElement.clientWidth, Y = document.documentElement.clientHeight, O = -h + g, M = -i + m, T = N - h - F + g, B = Y - i - S + m, D = (t) => {
       let L = g + t.clientX - y, $ = m + t.clientY - C;
-      d != null && d.value || (L = Math.min(Math.max(L, F), T), $ = Math.min(Math.max($, M), D)), s = {
+      d != null && d.value || (L = Math.min(Math.max(L, O), T), $ = Math.min(Math.max($, M), B)), s = {
         offsetX: L,
         offsetY: $
-      }, e.value && (e.value.style.transform = `translate(${G(L)}, ${G($)})`);
-    }, B = () => {
-      document.removeEventListener("mousemove", I), document.removeEventListener("mouseup", B);
+      }, e.value && (e.value.style.transform = `translate(${Z(L)}, ${Z($)})`);
+    }, I = () => {
+      document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", I);
     };
-    document.addEventListener("mousemove", I), document.addEventListener("mouseup", B);
+    document.addEventListener("mousemove", D), document.addEventListener("mouseup", I);
   }, r = () => {
-    l.value && e.value && l.value.addEventListener("mousedown", c);
+    l.value && e.value && l.value.addEventListener("mousedown", u);
   }, f = () => {
-    l.value && e.value && l.value.removeEventListener("mousedown", c);
+    l.value && e.value && l.value.removeEventListener("mousedown", u);
   }, a = () => {
     s = {
       offsetX: 0,
@@ -127,80 +125,84 @@ const _e = Je, ie = Symbol("dialogInjectionKey"), ce = J({
   }), {
     resetPosition: a
   };
-}, eo = X({ name: "ElDialogContent" }), oo = /* @__PURE__ */ X({
-  ...eo,
-  props: ce,
+}, eo = (...e) => (l) => {
+  e.forEach((n) => {
+    Be(n) ? n(l) : n.value = l;
+  });
+}, oo = U({ name: "ElDialogContent" }), to = /* @__PURE__ */ U({
+  ...oo,
+  props: ue,
   emits: Qe,
   setup(e, { expose: l }) {
-    const n = e, { t: d } = De(), { Close: s } = je, { dialogRef: c, headerRef: r, bodyId: f, ns: a, style: u } = Q(ie), { focusTrapRef: y } = Q($e), C = k(() => [
+    const n = e, { t: d } = De(), { Close: s } = Xe, { dialogRef: u, headerRef: r, bodyId: f, ns: a, style: c } = Q(ie), { focusTrapRef: y } = Q(ze), C = k(() => [
       a.b(),
       a.is("fullscreen", n.fullscreen),
       a.is("draggable", n.draggable),
       a.is("align-center", n.alignCenter),
       { [a.m("center")]: n.center }
-    ]), g = Ue(y, c), m = k(() => n.draggable), v = k(() => n.overflow), { resetPosition: h } = xe(c, r, m, v);
+    ]), g = eo(y, u), m = k(() => n.draggable), v = k(() => n.overflow), { resetPosition: h } = xe(u, r, m, v);
     return l({
       resetPosition: h
-    }), (i, O) => (N(), U("div", {
+    }), (i, F) => (z(), j("div", {
       ref: o(g),
-      class: w(o(C)),
-      style: le(o(u)),
+      class: E(o(C)),
+      style: le(o(c)),
       tabindex: "-1"
     }, [
-      j("header", {
+      V("header", {
         ref_key: "headerRef",
         ref: r,
-        class: w([o(a).e("header"), i.headerClass, { "show-close": i.showClose }])
+        class: E([o(a).e("header"), i.headerClass, { "show-close": i.showClose }])
       }, [
         b(i.$slots, "header", {}, () => [
-          j("span", {
+          V("span", {
             role: "heading",
             "aria-level": i.ariaLevel,
-            class: w(o(a).e("title"))
+            class: E(o(a).e("title"))
           }, ve(i.title), 11, ["aria-level"])
         ]),
-        i.showClose ? (N(), U("button", {
+        i.showClose ? (z(), j("button", {
           key: 0,
           "aria-label": o(d)("el.dialog.close"),
-          class: w(o(a).e("headerbtn")),
+          class: E(o(a).e("headerbtn")),
           type: "button",
           onClick: (S) => i.$emit("close")
         }, [
-          R(o(Xe), {
-            class: w(o(a).e("close"))
+          R(o(Ve), {
+            class: E(o(a).e("close"))
           }, {
-            default: E(() => [
-              (N(), K(ye(i.closeIcon || o(s))))
+            default: w(() => [
+              (z(), W(ye(i.closeIcon || o(s))))
             ]),
             _: 1
           }, 8, ["class"])
         ], 10, ["aria-label", "onClick"])) : q("v-if", !0)
       ], 2),
-      j("div", {
+      V("div", {
         id: o(f),
-        class: w([o(a).e("body"), i.bodyClass])
+        class: E([o(a).e("body"), i.bodyClass])
       }, [
         b(i.$slots, "default")
       ], 10, ["id"]),
-      i.$slots.footer ? (N(), U("footer", {
+      i.$slots.footer ? (z(), j("footer", {
         key: 0,
-        class: w([o(a).e("footer"), i.footerClass])
+        class: E([o(a).e("footer"), i.footerClass])
       }, [
         b(i.$slots, "footer")
       ], 2)) : q("v-if", !0)
     ], 6));
   }
 });
-var to = /* @__PURE__ */ ne(oo, [["__file", "dialog-content.vue"]]);
-const lo = J({
-  ...ce,
+var lo = /* @__PURE__ */ ne(to, [["__file", "dialog-content.vue"]]);
+const no = G({
+  ...ue,
   appendToBody: Boolean,
   appendTo: {
-    type: H([String, Object]),
+    type: X([String, Object]),
     default: "body"
   },
   beforeClose: {
-    type: H(Function)
+    type: X(Function)
   },
   destroyOnClose: Boolean,
   closeOnClickModal: {
@@ -246,7 +248,7 @@ const lo = J({
     type: String,
     default: "2"
   }
-}), no = {
+}), so = {
   open: () => !0,
   opened: () => !0,
   close: () => !0,
@@ -254,65 +256,65 @@ const lo = J({
   [ae]: (e) => Ie(e),
   openAutoFocus: () => !0,
   closeAutoFocus: () => !0
-}, so = (e, l = {}) => {
-  pe(e) || Be("[useLockscreen]", "You need to pass a ref param to this function");
+}, ao = (e, l = {}) => {
+  pe(e) || Le("[useLockscreen]", "You need to pass a ref param to this function");
   const n = l.ns || _("popup"), d = k(() => n.bm("parent", "hidden"));
   if (!se || x(document.body, d.value))
     return;
-  let s = 0, c = !1, r = "0";
+  let s = 0, u = !1, r = "0";
   const f = () => {
     setTimeout(() => {
-      typeof document > "u" || c && document && (document.body.style.width = r, Ae(document.body, d.value));
+      typeof document > "u" || u && document && (document.body.style.width = r, Fe(document.body, d.value));
     }, 200);
   };
-  Z(e, (a) => {
+  J(e, (a) => {
     if (!a) {
       f();
       return;
     }
-    c = !x(document.body, d.value), c && (r = document.body.style.width, Le(document.body, d.value)), s = Ve(n.namespace.value);
-    const u = document.documentElement.clientHeight < document.body.scrollHeight, y = Pe(document.body, "overflowY");
-    s > 0 && (u || y === "scroll") && c && (document.body.style.width = `calc(100% - ${s}px)`);
+    u = !x(document.body, d.value), u && (r = document.body.style.width, Pe(document.body, d.value)), s = He(n.namespace.value);
+    const c = document.documentElement.clientHeight < document.body.scrollHeight, y = Ae(document.body, "overflowY");
+    s > 0 && (c || y === "scroll") && u && (document.body.style.width = `calc(100% - ${s}px)`);
   }), ge(() => f());
-}, ao = (e, l) => {
+}, ro = (e, l) => {
   var n;
-  const s = Ce().emit, { nextZIndex: c } = He();
+  const s = Ce().emit, { nextZIndex: u } = je();
   let r = "";
-  const f = ee(), a = ee(), u = A(!1), y = A(!1), C = A(!1), g = A((n = e.zIndex) != null ? n : c());
+  const f = ee(), a = ee(), c = A(!1), y = A(!1), C = A(!1), g = A((n = e.zIndex) != null ? n : u());
   let m, v;
-  const h = We("namespace", Oe), i = k(() => {
+  const h = Ke("namespace", Oe), i = k(() => {
     const p = {}, P = `--${h.value}-dialog`;
-    return e.fullscreen || (e.top && (p[`${P}-margin-top`] = e.top), e.width && (p[`${P}-width`] = G(e.width))), p;
-  }), O = k(() => e.alignCenter ? { display: "flex" } : {});
+    return e.fullscreen || (e.top && (p[`${P}-margin-top`] = e.top), e.width && (p[`${P}-width`] = Z(e.width))), p;
+  }), F = k(() => e.alignCenter ? { display: "flex" } : {});
   function S() {
     s("opened");
   }
-  function z() {
+  function N() {
     s("closed"), s(ae, !1), e.destroyOnClose && (C.value = !1);
   }
   function Y() {
     s("close");
   }
-  function F() {
-    v == null || v(), m == null || m(), e.openDelay && e.openDelay > 0 ? { stop: m } = oe(() => I(), e.openDelay) : I();
+  function O() {
+    v == null || v(), m == null || m(), e.openDelay && e.openDelay > 0 ? { stop: m } = oe(() => D(), e.openDelay) : D();
   }
   function M() {
-    m == null || m(), v == null || v(), e.closeDelay && e.closeDelay > 0 ? { stop: v } = oe(() => B(), e.closeDelay) : B();
+    m == null || m(), v == null || v(), e.closeDelay && e.closeDelay > 0 ? { stop: v } = oe(() => I(), e.closeDelay) : I();
   }
   function T() {
     function p(P) {
-      P || (y.value = !0, u.value = !1);
+      P || (y.value = !0, c.value = !1);
     }
     e.beforeClose ? e.beforeClose(p) : M();
   }
-  function D() {
+  function B() {
     e.closeOnClickModal && T();
   }
-  function I() {
-    se && (u.value = !0);
+  function D() {
+    se && (c.value = !0);
   }
-  function B() {
-    u.value = !1;
+  function I() {
+    c.value = !1;
   }
   function t() {
     s("openAutoFocus");
@@ -324,58 +326,58 @@ const lo = J({
     var P;
     ((P = p.detail) == null ? void 0 : P.focusReason) === "pointer" && p.preventDefault();
   }
-  e.lockScroll && so(u);
-  function ue() {
+  e.lockScroll && ao(c);
+  function ce() {
     e.closeOnPressEscape && T();
   }
-  return Z(() => e.modelValue, (p) => {
-    p ? (y.value = !1, F(), C.value = !0, g.value = Ne(e.zIndex) ? c() : g.value++, be(() => {
+  return J(() => e.modelValue, (p) => {
+    p ? (y.value = !1, O(), C.value = !0, g.value = Ne(e.zIndex) ? u() : g.value++, be(() => {
       s("open"), l.value && (l.value.parentElement.scrollTop = 0, l.value.parentElement.scrollLeft = 0, l.value.scrollTop = 0);
-    })) : u.value && M();
-  }), Z(() => e.fullscreen, (p) => {
+    })) : c.value && M();
+  }), J(() => e.fullscreen, (p) => {
     l.value && (p ? (r = l.value.style.transform, l.value.style.transform = "") : l.value.style.transform = r);
   }), te(() => {
-    e.modelValue && (u.value = !0, C.value = !0, F());
+    e.modelValue && (c.value = !0, C.value = !0, O());
   }), {
     afterEnter: S,
-    afterLeave: z,
+    afterLeave: N,
     beforeLeave: Y,
     handleClose: T,
-    onModalClick: D,
+    onModalClick: B,
     close: M,
-    doClose: B,
+    doClose: I,
     onOpenAutoFocus: t,
     onCloseAutoFocus: L,
-    onCloseRequested: ue,
+    onCloseRequested: ce,
     onFocusoutPrevented: $,
     titleId: f,
     bodyId: a,
     closed: y,
     style: i,
-    overlayDialogStyle: O,
+    overlayDialogStyle: F,
     rendered: C,
-    visible: u,
+    visible: c,
     zIndex: g
   };
-}, ro = X({
+}, io = U({
   name: "ElDialog",
   inheritAttrs: !1
-}), io = /* @__PURE__ */ X({
-  ...ro,
-  props: lo,
-  emits: no,
+}), uo = /* @__PURE__ */ U({
+  ...io,
+  props: no,
+  emits: so,
   setup(e, { expose: l }) {
     const n = e, d = he();
-    Ke({
+    We({
       scope: "el-dialog",
       from: "the title slot",
       replacement: "the header slot",
       version: "3.0.0",
       ref: "https://element-plus.org/en-US/component/dialog.html#slots"
     }, k(() => !!d.title));
-    const s = _("dialog"), c = A(), r = A(), f = A(), {
+    const s = _("dialog"), u = A(), r = A(), f = A(), {
       visible: a,
-      titleId: u,
+      titleId: c,
       bodyId: y,
       style: C,
       overlayDialogStyle: g,
@@ -383,23 +385,23 @@ const lo = J({
       zIndex: v,
       afterEnter: h,
       afterLeave: i,
-      beforeLeave: O,
+      beforeLeave: F,
       handleClose: S,
-      onModalClick: z,
+      onModalClick: N,
       onOpenAutoFocus: Y,
-      onCloseAutoFocus: F,
+      onCloseAutoFocus: O,
       onCloseRequested: M,
       onFocusoutPrevented: T
-    } = ao(n, c);
-    we(ie, {
-      dialogRef: c,
+    } = ro(n, u);
+    Ee(ie, {
+      dialogRef: u,
       headerRef: r,
       bodyId: y,
       ns: s,
       rendered: m,
       style: C
     });
-    const D = re(z), I = k(() => n.draggable && !n.fullscreen);
+    const B = re(N), D = k(() => n.draggable && !n.fullscreen);
     return l({
       visible: a,
       dialogContentRef: f,
@@ -407,49 +409,49 @@ const lo = J({
         var t;
         (t = f.value) == null || t.resetPosition();
       }
-    }), (t, L) => (N(), K(o(ze), {
+    }), (t, L) => (z(), W(o(Ye), {
       to: t.appendTo,
       disabled: t.appendTo !== "body" ? !1 : !t.appendToBody
     }, {
-      default: E(() => [
-        R(Ee, {
+      default: w(() => [
+        R(we, {
           name: "dialog-fade",
           onAfterEnter: o(h),
           onAfterLeave: o(i),
-          onBeforeLeave: o(O),
+          onBeforeLeave: o(F),
           persisted: ""
         }, {
-          default: E(() => [
+          default: w(() => [
             ke(R(o(_e), {
               "custom-mask-event": "",
               mask: t.modal,
               "overlay-class": t.modalClass,
               "z-index": o(v)
             }, {
-              default: E(() => [
-                j("div", {
+              default: w(() => [
+                V("div", {
                   role: "dialog",
                   "aria-modal": "true",
                   "aria-label": t.title || void 0,
-                  "aria-labelledby": t.title ? void 0 : o(u),
+                  "aria-labelledby": t.title ? void 0 : o(c),
                   "aria-describedby": o(y),
-                  class: w(`${o(s).namespace.value}-overlay-dialog`),
+                  class: E(`${o(s).namespace.value}-overlay-dialog`),
                   style: le(o(g)),
-                  onClick: o(D).onClick,
-                  onMousedown: o(D).onMousedown,
-                  onMouseup: o(D).onMouseup
+                  onClick: o(B).onClick,
+                  onMousedown: o(B).onMousedown,
+                  onMouseup: o(B).onMouseup
                 }, [
-                  R(o(Ye), {
+                  R(o(Re), {
                     loop: "",
                     trapped: o(a),
                     "focus-start-el": "container",
                     onFocusAfterTrapped: o(Y),
-                    onFocusAfterReleased: o(F),
+                    onFocusAfterReleased: o(O),
                     onFocusoutPrevented: o(T),
                     onReleaseRequested: o(M)
                   }, {
-                    default: E(() => [
-                      o(m) ? (N(), K(to, Se({
+                    default: w(() => [
+                      o(m) ? (z(), W(lo, Se({
                         key: 0,
                         ref_key: "dialogContentRef",
                         ref: f
@@ -457,7 +459,7 @@ const lo = J({
                         center: t.center,
                         "align-center": t.alignCenter,
                         "close-icon": t.closeIcon,
-                        draggable: o(I),
+                        draggable: o(D),
                         overflow: t.overflow,
                         fullscreen: t.fullscreen,
                         "header-class": t.headerClass,
@@ -468,22 +470,22 @@ const lo = J({
                         "aria-level": t.headerAriaLevel,
                         onClose: o(S)
                       }), Me({
-                        header: E(() => [
+                        header: w(() => [
                           t.$slots.title ? b(t.$slots, "title", { key: 1 }) : b(t.$slots, "header", {
                             key: 0,
                             close: o(S),
-                            titleId: o(u),
+                            titleId: o(c),
                             titleClass: o(s).e("title")
                           })
                         ]),
-                        default: E(() => [
+                        default: w(() => [
                           b(t.$slots, "default")
                         ]),
                         _: 2
                       }, [
                         t.$slots.footer ? {
                           name: "footer",
-                          fn: E(() => [
+                          fn: w(() => [
                             b(t.$slots, "footer")
                           ])
                         } : void 0
@@ -505,12 +507,13 @@ const lo = J({
     }, 8, ["to", "disabled"]));
   }
 });
-var co = /* @__PURE__ */ ne(io, [["__file", "dialog.vue"]]);
-const ho = Fe(co);
+var co = /* @__PURE__ */ ne(uo, [["__file", "dialog.vue"]]);
+const bo = $e(co);
 export {
-  ho as E,
+  bo as E,
   _e as a,
-  so as b,
+  ao as b,
   re as c,
+  eo as d,
   xe as u
 };

package/es/el-overlay-bc0790a2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("./base-ec05f348.cjs"),$=require("./vnode-7fbc61e1.cjs"),O=require("./index-3bf8d597.cjs"),A=require("./use-form-common-props-1b84d8f4.cjs"),W=require("./scroll-41224831.cjs"),V=require("./index-8a0b1c53.cjs"),z=o=>{if(!o)return{onClick:t.NOOP,onMousedown:t.NOOP,onMouseup:t.NOOP};let l=!1,s=!1;return{onClick:i=>{l&&s&&o(i),l=s=!1},onMousedown:i=>{l=i.target===i.currentTarget},onMouseup:i=>{s=i.target===i.currentTarget}}},x=t.buildProps({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:t.definePropType([String,Array,Object])},zIndex:{type:t.definePropType([String,Number])}}),K={click:o=>o instanceof MouseEvent},_="overlay";var Z=e.defineComponent({name:"ElOverlay",props:x,emits:K,setup(o,{slots:l,emit:s}){const f=t.useNamespace(_),a=r=>{s("click",r)},{onClick:c,onMousedown:i,onMouseup:m}=z(o.customMaskEvent?void 0:a);return()=>o.mask?e.createVNode("div",{class:[f.b(),o.overlayClass],style:{zIndex:o.zIndex},onClick:c,onMousedown:i,onMouseup:m},[e.renderSlot(l,"default")],$.PatchFlags.STYLE|$.PatchFlags.CLASS|$.PatchFlags.PROPS,["onClick","onMouseup","onMousedown"]):e.h("div",{class:o.overlayClass,style:{zIndex:o.zIndex,position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"}},[e.renderSlot(l,"default")])}});const Y=Z,q=Symbol("dialogInjectionKey"),R=t.buildProps({center:Boolean,alignCenter:Boolean,closeIcon:{type:A.iconPropType},draggable:Boolean,overflow:Boolean,fullscreen:Boolean,headerClass:String,bodyClass:String,footerClass:String,showClose:{type:Boolean,default:!0},title:{type:String,default:""},ariaLevel:{type:String,default:"2"}}),G={close:()=>!0},U=(o,l,s,f)=>{let a={offsetX:0,offsetY:0};const c=d=>{const y=d.clientX,h=d.clientY,{offsetX:g,offsetY:v}=a,p=o.value.getBoundingClientRect(),b=p.left,u=p.top,D=p.width,E=p.height,N=document.documentElement.clientWidth,F=document.documentElement.clientHeight,L=-b+g,w=-u+v,k=N-b-D+g,S=F-u-E+v,T=n=>{let P=g+n.clientX-y,I=v+n.clientY-h;f!=null&&f.value||(P=Math.min(Math.max(P,L),k),I=Math.min(Math.max(I,w),S)),a={offsetX:P,offsetY:I},o.value&&(o.value.style.transform=`translate(${t.addUnit(P)}, ${t.addUnit(I)})`)},B=()=>{document.removeEventListener("mousemove",T),document.removeEventListener("mouseup",B)};document.addEventListener("mousemove",T),document.addEventListener("mouseup",B)},i=()=>{l.value&&o.value&&l.value.addEventListener("mousedown",c)},m=()=>{l.value&&o.value&&l.value.removeEventListener("mousedown",c)},r=()=>{a={offsetX:0,offsetY:0},o.value&&(o.value.style.transform="none")};return e.onMounted(()=>{e.watchEffect(()=>{s.value?i():m()})}),e.onBeforeUnmount(()=>{m()}),{resetPosition:r}},X=(...o)=>l=>{o.forEach(s=>{t.isFunction(s)?s(l):s.value=l})},J=e.defineComponent({name:"ElDialogContent"}),Q=e.defineComponent({...J,props:R,emits:G,setup(o,{expose:l}){const s=o,{t:f}=t.useLocale(),{Close:a}=A.CloseComponents,{dialogRef:c,headerRef:i,bodyId:m,ns:r,style:d}=e.inject(q),{focusTrapRef:y}=e.inject(O.FOCUS_TRAP_INJECTION_KEY),h=e.computed(()=>[r.b(),r.is("fullscreen",s.fullscreen),r.is("draggable",s.draggable),r.is("align-center",s.alignCenter),{[r.m("center")]:s.center}]),g=X(y,c),v=e.computed(()=>s.draggable),p=e.computed(()=>s.overflow),{resetPosition:b}=U(c,i,v,p);return l({resetPosition:b}),(u,D)=>(e.openBlock(),e.createElementBlock("div",{ref:e.unref(g),class:e.normalizeClass(e.unref(h)),style:e.normalizeStyle(e.unref(d)),tabindex:"-1"},[e.createElementVNode("header",{ref_key:"headerRef",ref:i,class:e.normalizeClass([e.unref(r).e("header"),u.headerClass,{"show-close":u.showClose}])},[e.renderSlot(u.$slots,"header",{},()=>[e.createElementVNode("span",{role:"heading","aria-level":u.ariaLevel,class:e.normalizeClass(e.unref(r).e("title"))},e.toDisplayString(u.title),11,["aria-level"])]),u.showClose?(e.openBlock(),e.createElementBlock("button",{key:0,"aria-label":e.unref(f)("el.dialog.close"),class:e.normalizeClass(e.unref(r).e("headerbtn")),type:"button",onClick:E=>u.$emit("close")},[e.createVNode(e.unref(A.ElIcon),{class:e.normalizeClass(e.unref(r).e("close"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.closeIcon||e.unref(a))))]),_:1},8,["class"])],10,["aria-label","onClick"])):e.createCommentVNode("v-if",!0)],2),e.createElementVNode("div",{id:e.unref(m),class:e.normalizeClass([e.unref(r).e("body"),u.bodyClass])},[e.renderSlot(u.$slots,"default")],10,["id"]),u.$slots.footer?(e.openBlock(),e.createElementBlock("footer",{key:0,class:e.normalizeClass([e.unref(r).e("footer"),u.footerClass])},[e.renderSlot(u.$slots,"footer")],2)):e.createCommentVNode("v-if",!0)],6))}});var ee=t._export_sfc(Q,[["__file","dialog-content.vue"]]);const oe=t.buildProps({...R,appendToBody:Boolean,appendTo:{type:t.definePropType([String,Object]),default:"body"},beforeClose:{type:t.definePropType(Function)},destroyOnClose:Boolean,closeOnClickModal:{type:Boolean,default:!0},closeOnPressEscape:{type:Boolean,default:!0},lockScroll:{type:Boolean,default:!0},modal:{type:Boolean,default:!0},openDelay:{type:Number,default:0},closeDelay:{type:Number,default:0},top:{type:String},modelValue:Boolean,modalClass:String,headerClass:String,bodyClass:String,footerClass:String,width:{type:[String,Number]},zIndex:{type:Number},trapFocus:Boolean,headerAriaLevel:{type:String,default:"2"}}),te={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[O.UPDATE_MODEL_EVENT]:o=>t.isBoolean(o),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},H=(o,l={})=>{e.isRef(o)||t.throwError("[useLockscreen]","You need to pass a ref param to this function");const s=l.ns||t.useNamespace("popup"),f=e.computed(()=>s.bm("parent","hidden"));if(!t.isClient||t.hasClass(document.body,f.value))return;let a=0,c=!1,i="0";const m=()=>{setTimeout(()=>{typeof document>"u"||c&&document&&(document.body.style.width=i,t.removeClass(document.body,f.value))},200)};e.watch(o,r=>{if(!r){m();return}c=!t.hasClass(document.body,f.value),c&&(i=document.body.style.width,t.addClass(document.body,f.value)),a=W.getScrollBarWidth(s.namespace.value);const d=document.documentElement.clientHeight<document.body.scrollHeight,y=t.getStyle(document.body,"overflowY");a>0&&(d||y==="scroll")&&c&&(document.body.style.width=`calc(100% - ${a}px)`)}),e.onScopeDispose(()=>m())},ne=(o,l)=>{var s;const a=e.getCurrentInstance().emit,{nextZIndex:c}=A.useZIndex();let i="";const m=t.useId(),r=t.useId(),d=e.ref(!1),y=e.ref(!1),h=e.ref(!1),g=e.ref((s=o.zIndex)!=null?s:c());let v,p;const b=V.useGlobalConfig("namespace",t.defaultNamespace),u=e.computed(()=>{const C={},M=`--${b.value}-dialog`;return o.fullscreen||(o.top&&(C[`${M}-margin-top`]=o.top),o.width&&(C[`${M}-width`]=t.addUnit(o.width))),C}),D=e.computed(()=>o.alignCenter?{display:"flex"}:{});function E(){a("opened")}function N(){a("closed"),a(O.UPDATE_MODEL_EVENT,!1),o.destroyOnClose&&(h.value=!1)}function F(){a("close")}function L(){p==null||p(),v==null||v(),o.openDelay&&o.openDelay>0?{stop:v}=t.useTimeoutFn(()=>T(),o.openDelay):T()}function w(){v==null||v(),p==null||p(),o.closeDelay&&o.closeDelay>0?{stop:p}=t.useTimeoutFn(()=>B(),o.closeDelay):B()}function k(){function C(M){M||(y.value=!0,d.value=!1)}o.beforeClose?o.beforeClose(C):w()}function S(){o.closeOnClickModal&&k()}function T(){t.isClient&&(d.value=!0)}function B(){d.value=!1}function n(){a("openAutoFocus")}function P(){a("closeAutoFocus")}function I(C){var M;((M=C.detail)==null?void 0:M.focusReason)==="pointer"&&C.preventDefault()}o.lockScroll&&H(d);function j(){o.closeOnPressEscape&&k()}return e.watch(()=>o.modelValue,C=>{C?(y.value=!1,L(),h.value=!0,g.value=O.isUndefined(o.zIndex)?c():g.value++,e.nextTick(()=>{a("open"),l.value&&(l.value.parentElement.scrollTop=0,l.value.parentElement.scrollLeft=0,l.value.scrollTop=0)})):d.value&&w()}),e.watch(()=>o.fullscreen,C=>{l.value&&(C?(i=l.value.style.transform,l.value.style.transform=""):l.value.style.transform=i)}),e.onMounted(()=>{o.modelValue&&(d.value=!0,h.value=!0,L())}),{afterEnter:E,afterLeave:N,beforeLeave:F,handleClose:k,onModalClick:S,close:w,doClose:B,onOpenAutoFocus:n,onCloseAutoFocus:P,onCloseRequested:j,onFocusoutPrevented:I,titleId:m,bodyId:r,closed:y,style:u,overlayDialogStyle:D,rendered:h,visible:d,zIndex:g}},le=e.defineComponent({name:"ElDialog",inheritAttrs:!1}),se=e.defineComponent({...le,props:oe,emits:te,setup(o,{expose:l}){const s=o,f=e.useSlots();V.useDeprecated({scope:"el-dialog",from:"the title slot",replacement:"the header slot",version:"3.0.0",ref:"https://element-plus.org/en-US/component/dialog.html#slots"},e.computed(()=>!!f.title));const a=t.useNamespace("dialog"),c=e.ref(),i=e.ref(),m=e.ref(),{visible:r,titleId:d,bodyId:y,style:h,overlayDialogStyle:g,rendered:v,zIndex:p,afterEnter:b,afterLeave:u,beforeLeave:D,handleClose:E,onModalClick:N,onOpenAutoFocus:F,onCloseAutoFocus:L,onCloseRequested:w,onFocusoutPrevented:k}=ne(s,c);e.provide(q,{dialogRef:c,headerRef:i,bodyId:y,ns:a,rendered:v,style:h});const S=z(N),T=e.computed(()=>s.draggable&&!s.fullscreen);return l({visible:r,dialogContentRef:m,resetPosition:()=>{var n;(n=m.value)==null||n.resetPosition()}}),(n,P)=>(e.openBlock(),e.createBlock(e.unref(O.ElTeleport),{to:n.appendTo,disabled:n.appendTo!=="body"?!1:!n.appendToBody},{default:e.withCtx(()=>[e.createVNode(e.Transition,{name:"dialog-fade",onAfterEnter:e.unref(b),onAfterLeave:e.unref(u),onBeforeLeave:e.unref(D),persisted:""},{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(Y),{"custom-mask-event":"",mask:n.modal,"overlay-class":n.modalClass,"z-index":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":n.title||void 0,"aria-labelledby":n.title?void 0:e.unref(d),"aria-describedby":e.unref(y),class:e.normalizeClass(`${e.unref(a).namespace.value}-overlay-dialog`),style:e.normalizeStyle(e.unref(g)),onClick:e.unref(S).onClick,onMousedown:e.unref(S).onMousedown,onMouseup:e.unref(S).onMouseup},[e.createVNode(e.unref(O.ElFocusTrap),{loop:"",trapped:e.unref(r),"focus-start-el":"container",onFocusAfterTrapped:e.unref(F),onFocusAfterReleased:e.unref(L),onFocusoutPrevented:e.unref(k),onReleaseRequested:e.unref(w)},{default:e.withCtx(()=>[e.unref(v)?(e.openBlock(),e.createBlock(ee,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:m},n.$attrs,{center:n.center,"align-center":n.alignCenter,"close-icon":n.closeIcon,draggable:e.unref(T),overflow:n.overflow,fullscreen:n.fullscreen,"header-class":n.headerClass,"body-class":n.bodyClass,"footer-class":n.footerClass,"show-close":n.showClose,title:n.title,"aria-level":n.headerAriaLevel,onClose:e.unref(E)}),e.createSlots({header:e.withCtx(()=>[n.$slots.title?e.renderSlot(n.$slots,"title",{key:1}):e.renderSlot(n.$slots,"header",{key:0,close:e.unref(E),titleId:e.unref(d),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:2},[n.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(n.$slots,"footer")])}:void 0]),1040,["center","align-center","close-icon","draggable","overflow","fullscreen","header-class","body-class","footer-class","show-close","title","aria-level","onClose"])):e.createCommentVNode("v-if",!0)]),_:3},8,["trapped","onFocusAfterTrapped","onFocusAfterReleased","onFocusoutPrevented","onReleaseRequested"])],46,["aria-label","aria-labelledby","aria-describedby","onClick","onMousedown","onMouseup"])]),_:3},8,["mask","overlay-class","z-index"]),[[e.vShow,e.unref(r)]])]),_:3},8,["onAfterEnter","onAfterLeave","onBeforeLeave"])]),_:3},8,["to","disabled"]))}});var ae=t._export_sfc(se,[["__file","dialog.vue"]]);const re=t.withInstall(ae);exports.ElDialog=re;exports.ElOverlay=Y;exports.composeRefs=X;exports.useDraggable=U;exports.useLockscreen=H;exports.useSameTarget=z;

package/es/{el-popover-c8b2456c.js → el-popover-0aa071f2.js}

@@ -1,8 +1,8 @@
 import { defineComponent as k, ref as $, computed as p, openBlock as a, createBlock as c, unref as t, mergeProps as z, withCtx as r, createElementVNode as f, normalizeClass as l, normalizeStyle as I, resolveDynamicComponent as V, createCommentVNode as g, createTextVNode as u, toDisplayString as m, renderSlot as C, createVNode as E } from "vue";
-import { b, E as P } from "./el-button-24f79286.js";
-import { j as _, r as A, E as D } from "./use-form-common-props-9c0363ac.js";
-import { b as S, E as M } from "./el-popper-d3eef7ed.js";
-import { b as R, x as j, u as q, y as L, _ as U, w as F } from "./base-3ecbc734.js";
+import { b, E as P } from "./el-button-e1665717.js";
+import { j as _, r as A, E as D } from "./use-form-common-props-f377e500.js";
+import { b as S, E as M } from "./el-popper-50100766.js";
+import { b as R, x as j, u as q, y as L, _ as U, w as F } from "./base-437d17f3.js";
 const G = R({
   title: String,
   confirmButtonText: String,

package/es/{el-popover-8735b1fa.cjs → el-popover-8a77e015.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("./el-button-196807af.cjs"),c=require("./use-form-common-props-1b84d8f4.cjs"),p=require("./el-popper-f62316cd.cjs"),o=require("./base-ec05f348.cjs"),v=o.buildProps({title:String,confirmButtonText:String,cancelButtonText:String,confirmButtonType:{type:String,values:l.buttonTypes,default:"primary"},cancelButtonType:{type:String,values:l.buttonTypes,default:"text"},icon:{type:c.iconPropType,default:()=>c.question_filled_default},iconColor:{type:String,default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{type:Number,default:200},teleported:p.useTooltipContentProps.teleported,persistent:p.useTooltipContentProps.persistent,width:{type:[String,Number],default:150}}),h={confirm:n=>n instanceof MouseEvent,cancel:n=>n instanceof MouseEvent},g=e.defineComponent({name:"ElPopconfirm"}),P=e.defineComponent({...g,props:v,emits:h,setup(n,{emit:a}){const i=n,{t:u}=o.useLocale(),r=o.useNamespace("popconfirm"),f=e.ref(),m=()=>{var t,s;(s=(t=f.value)==null?void 0:t.onClose)==null||s.call(t)},B=e.computed(()=>({width:o.addUnit(i.width)})),d=t=>{a("confirm",t),m()},y=t=>{a("cancel",t),m()},T=e.computed(()=>i.confirmButtonText||u("el.popconfirm.confirmButtonText")),C=e.computed(()=>i.cancelButtonText||u("el.popconfirm.cancelButtonText"));return(t,s)=>(e.openBlock(),e.createBlock(e.unref(p.ElTooltip),e.mergeProps({ref_key:"tooltipRef",ref:f,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(r).namespace.value}-popover`,"popper-style":e.unref(B),teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(c.ElIcon),{key:0,class:e.normalizeClass(e.unref(r).e("icon")),style:e.normalizeStyle({color:t.iconColor})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),_:1},8,["class","style"])):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("action"))},[e.renderSlot(t.$slots,"actions",{confirm:d,cancel:y},()=>[e.createVNode(e.unref(l.ElButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:y},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(C)),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(l.ElButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(T)),1)]),_:1},8,["type","text"])])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("v-if",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});var k=o._export_sfc(P,[["__file","popconfirm.vue"]]);const E=o.withInstall(k);exports.ElPopconfirm=E;
+"use strict";const e=require("vue"),l=require("./el-button-196807af.cjs"),c=require("./use-form-common-props-1b84d8f4.cjs"),p=require("./el-popper-746070ba.cjs"),o=require("./base-ec05f348.cjs"),v=o.buildProps({title:String,confirmButtonText:String,cancelButtonText:String,confirmButtonType:{type:String,values:l.buttonTypes,default:"primary"},cancelButtonType:{type:String,values:l.buttonTypes,default:"text"},icon:{type:c.iconPropType,default:()=>c.question_filled_default},iconColor:{type:String,default:"#f90"},hideIcon:{type:Boolean,default:!1},hideAfter:{type:Number,default:200},teleported:p.useTooltipContentProps.teleported,persistent:p.useTooltipContentProps.persistent,width:{type:[String,Number],default:150}}),h={confirm:n=>n instanceof MouseEvent,cancel:n=>n instanceof MouseEvent},g=e.defineComponent({name:"ElPopconfirm"}),P=e.defineComponent({...g,props:v,emits:h,setup(n,{emit:a}){const i=n,{t:u}=o.useLocale(),r=o.useNamespace("popconfirm"),f=e.ref(),m=()=>{var t,s;(s=(t=f.value)==null?void 0:t.onClose)==null||s.call(t)},B=e.computed(()=>({width:o.addUnit(i.width)})),d=t=>{a("confirm",t),m()},y=t=>{a("cancel",t),m()},T=e.computed(()=>i.confirmButtonText||u("el.popconfirm.confirmButtonText")),C=e.computed(()=>i.cancelButtonText||u("el.popconfirm.cancelButtonText"));return(t,s)=>(e.openBlock(),e.createBlock(e.unref(p.ElTooltip),e.mergeProps({ref_key:"tooltipRef",ref:f,trigger:"click",effect:"light"},t.$attrs,{"popper-class":`${e.unref(r).namespace.value}-popover`,"popper-style":e.unref(B),teleported:t.teleported,"fallback-placements":["bottom","top","right","left"],"hide-after":t.hideAfter,persistent:t.persistent}),{content:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("main"))},[!t.hideIcon&&t.icon?(e.openBlock(),e.createBlock(e.unref(c.ElIcon),{key:0,class:e.normalizeClass(e.unref(r).e("icon")),style:e.normalizeStyle({color:t.iconColor})},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),_:1},8,["class","style"])):e.createCommentVNode("v-if",!0),e.createTextVNode(" "+e.toDisplayString(t.title),1)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("action"))},[e.renderSlot(t.$slots,"actions",{confirm:d,cancel:y},()=>[e.createVNode(e.unref(l.ElButton),{size:"small",type:t.cancelButtonType==="text"?"":t.cancelButtonType,text:t.cancelButtonType==="text",onClick:y},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(C)),1)]),_:1},8,["type","text"]),e.createVNode(e.unref(l.ElButton),{size:"small",type:t.confirmButtonType==="text"?"":t.confirmButtonType,text:t.confirmButtonType==="text",onClick:d},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(T)),1)]),_:1},8,["type","text"])])],2)],2)]),default:e.withCtx(()=>[t.$slots.reference?e.renderSlot(t.$slots,"reference",{key:0}):e.createCommentVNode("v-if",!0)]),_:3},16,["popper-class","popper-style","teleported","hide-after","persistent"]))}});var k=o._export_sfc(P,[["__file","popconfirm.vue"]]);const E=o.withInstall(k);exports.ElPopconfirm=E;