st-comp 0.0.148 → 0.0.150

package/es/el-overlay-07414277.js

@@ -1,526 +0,0 @@
-import { isVNode as ee, defineComponent as P, createVNode as H, renderSlot as E, h as me, onMounted as le, watchEffect as ye, onBeforeUnmount as pe, inject as oe, computed as h, openBlock as R, createElementBlock as K, unref as o, normalizeClass as T, normalizeStyle as ae, createElementVNode as U, toDisplayString as Ce, withCtx as S, createBlock as j, resolveDynamicComponent as be, createCommentVNode as q, isRef as Ee, watch as J, onScopeDispose as ge, getCurrentInstance as Te, ref as O, nextTick as Se, useSlots as he, provide as we, Transition as Le, withDirectives as Ae, mergeProps as Me, createSlots as De, vShow as ke } from "vue";
-import { S as F, N as G, b as Q, d as X, u as x, y as Z, e as Ie, o as Be, _ as re, J as Oe, s as Ne, i as ie, T as te, P as Ye, O as $e, M as Re, x as ne, F as _e, I as se, w as ze } from "./base-950bac7e.js";
-import { F as He, U as ue, i as Pe, a as Ue, b as Ve } from "./index-121e2861.js";
-import { i as Xe, E as Ke, C as Fe, l as Ge } from "./use-form-common-props-4d37077d.js";
-import { g as We } from "./scroll-ca84f80a.js";
-import { b as je, a as qe } from "./index-aece600c.js";
-var V = /* @__PURE__ */ ((e) => (e[e.TEXT = 1] = "TEXT", e[e.CLASS = 2] = "CLASS", e[e.STYLE = 4] = "STYLE", e[e.PROPS = 8] = "PROPS", e[e.FULL_PROPS = 16] = "FULL_PROPS", e[e.HYDRATE_EVENTS = 32] = "HYDRATE_EVENTS", e[e.STABLE_FRAGMENT = 64] = "STABLE_FRAGMENT", e[e.KEYED_FRAGMENT = 128] = "KEYED_FRAGMENT", e[e.UNKEYED_FRAGMENT = 256] = "UNKEYED_FRAGMENT", e[e.NEED_PATCH = 512] = "NEED_PATCH", e[e.DYNAMIC_SLOTS = 1024] = "DYNAMIC_SLOTS", e[e.HOISTED = -1] = "HOISTED", e[e.BAIL = -2] = "BAIL", e))(V || {});
-const W = (e) => {
-  const s = F(e) ? e : [e], t = [];
-  return s.forEach((a) => {
-    var l;
-    F(a) ? t.push(...W(a)) : ee(a) && ((l = a.component) != null && l.subTree) ? t.push(a, ...W(a.component.subTree)) : ee(a) && F(a.children) ? t.push(...W(a.children)) : t.push(a);
-  }), t;
-}, de = (e) => {
-  if (!e)
-    return { onClick: G, onMousedown: G, onMouseup: G };
-  let s = !1, t = !1;
-  return { onClick: (i) => {
-    s && t && e(i), s = t = !1;
-  }, onMousedown: (i) => {
-    s = i.target === i.currentTarget;
-  }, onMouseup: (i) => {
-    t = i.target === i.currentTarget;
-  } };
-}, Je = Q({
-  mask: {
-    type: Boolean,
-    default: !0
-  },
-  customMaskEvent: Boolean,
-  overlayClass: {
-    type: X([
-      String,
-      Array,
-      Object
-    ])
-  },
-  zIndex: {
-    type: X([String, Number])
-  }
-}), Ze = {
-  click: (e) => e instanceof MouseEvent
-}, Qe = "overlay";
-var xe = P({
-  name: "ElOverlay",
-  props: Je,
-  emits: Ze,
-  setup(e, { slots: s, emit: t }) {
-    const a = x(Qe), l = (r) => {
-      t("click", r);
-    }, { onClick: d, onMousedown: i, onMouseup: f } = de(e.customMaskEvent ? void 0 : l);
-    return () => e.mask ? H("div", {
-      class: [a.b(), e.overlayClass],
-      style: {
-        zIndex: e.zIndex
-      },
-      onClick: d,
-      onMousedown: i,
-      onMouseup: f
-    }, [E(s, "default")], V.STYLE | V.CLASS | V.PROPS, ["onClick", "onMouseup", "onMousedown"]) : me("div", {
-      class: e.overlayClass,
-      style: {
-        zIndex: e.zIndex,
-        position: "fixed",
-        top: "0px",
-        right: "0px",
-        bottom: "0px",
-        left: "0px"
-      }
-    }, [E(s, "default")]);
-  }
-});
-const eo = xe, ce = Symbol("dialogInjectionKey"), fe = Q({
-  center: Boolean,
-  alignCenter: Boolean,
-  closeIcon: {
-    type: Xe
-  },
-  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"
-  }
-}), oo = {
-  close: () => !0
-}, to = (e, s, t, a) => {
-  let l = {
-    offsetX: 0,
-    offsetY: 0
-  };
-  const d = (c) => {
-    const y = c.clientX, b = c.clientY, { offsetX: C, offsetY: v } = l, m = e.value.getBoundingClientRect(), g = m.left, u = m.top, N = m.width, w = m.height, _ = document.documentElement.clientWidth, z = document.documentElement.clientHeight, Y = -g + C, L = -u + v, A = _ - g - N + C, M = z - u - w + v, D = (n) => {
-      let I = C + n.clientX - y, $ = v + n.clientY - b;
-      a != null && a.value || (I = Math.min(Math.max(I, Y), A), $ = Math.min(Math.max($, L), M)), l = {
-        offsetX: I,
-        offsetY: $
-      }, e.value && (e.value.style.transform = `translate(${Z(I)}, ${Z($)})`);
-    }, k = () => {
-      document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", k);
-    };
-    document.addEventListener("mousemove", D), document.addEventListener("mouseup", k);
-  }, i = () => {
-    s.value && e.value && s.value.addEventListener("mousedown", d);
-  }, f = () => {
-    s.value && e.value && s.value.removeEventListener("mousedown", d);
-  }, r = () => {
-    l = {
-      offsetX: 0,
-      offsetY: 0
-    }, e.value && (e.value.style.transform = "none");
-  };
-  return le(() => {
-    ye(() => {
-      t.value ? i() : f();
-    });
-  }), pe(() => {
-    f();
-  }), {
-    resetPosition: r
-  };
-}, no = (...e) => (s) => {
-  e.forEach((t) => {
-    Ie(t) ? t(s) : t.value = s;
-  });
-}, so = P({ name: "ElDialogContent" }), lo = /* @__PURE__ */ P({
-  ...so,
-  props: fe,
-  emits: oo,
-  setup(e, { expose: s }) {
-    const t = e, { t: a } = Be(), { Close: l } = Fe, { dialogRef: d, headerRef: i, bodyId: f, ns: r, style: c } = oe(ce), { focusTrapRef: y } = oe(He), b = h(() => [
-      r.b(),
-      r.is("fullscreen", t.fullscreen),
-      r.is("draggable", t.draggable),
-      r.is("align-center", t.alignCenter),
-      { [r.m("center")]: t.center }
-    ]), C = no(y, d), v = h(() => t.draggable), m = h(() => t.overflow), { resetPosition: g } = to(d, i, v, m);
-    return s({
-      resetPosition: g
-    }), (u, N) => (R(), K("div", {
-      ref: o(C),
-      class: T(o(b)),
-      style: ae(o(c)),
-      tabindex: "-1"
-    }, [
-      U("header", {
-        ref_key: "headerRef",
-        ref: i,
-        class: T([o(r).e("header"), u.headerClass, { "show-close": u.showClose }])
-      }, [
-        E(u.$slots, "header", {}, () => [
-          U("span", {
-            role: "heading",
-            "aria-level": u.ariaLevel,
-            class: T(o(r).e("title"))
-          }, Ce(u.title), 11, ["aria-level"])
-        ]),
-        u.showClose ? (R(), K("button", {
-          key: 0,
-          "aria-label": o(a)("el.dialog.close"),
-          class: T(o(r).e("headerbtn")),
-          type: "button",
-          onClick: (w) => u.$emit("close")
-        }, [
-          H(o(Ke), {
-            class: T(o(r).e("close"))
-          }, {
-            default: S(() => [
-              (R(), j(be(u.closeIcon || o(l))))
-            ]),
-            _: 1
-          }, 8, ["class"])
-        ], 10, ["aria-label", "onClick"])) : q("v-if", !0)
-      ], 2),
-      U("div", {
-        id: o(f),
-        class: T([o(r).e("body"), u.bodyClass])
-      }, [
-        E(u.$slots, "default")
-      ], 10, ["id"]),
-      u.$slots.footer ? (R(), K("footer", {
-        key: 0,
-        class: T([o(r).e("footer"), u.footerClass])
-      }, [
-        E(u.$slots, "footer")
-      ], 2)) : q("v-if", !0)
-    ], 6));
-  }
-});
-var ao = /* @__PURE__ */ re(lo, [["__file", "dialog-content.vue"]]);
-const ro = Q({
-  ...fe,
-  appendToBody: Boolean,
-  appendTo: {
-    type: X([String, Object]),
-    default: "body"
-  },
-  beforeClose: {
-    type: X(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"
-  }
-}), io = {
-  open: () => !0,
-  opened: () => !0,
-  close: () => !0,
-  closed: () => !0,
-  [ue]: (e) => Oe(e),
-  openAutoFocus: () => !0,
-  closeAutoFocus: () => !0
-}, uo = (e, s = {}) => {
-  Ee(e) || Ne("[useLockscreen]", "You need to pass a ref param to this function");
-  const t = s.ns || x("popup"), a = h(() => t.bm("parent", "hidden"));
-  if (!ie || te(document.body, a.value))
-    return;
-  let l = 0, d = !1, i = "0";
-  const f = () => {
-    setTimeout(() => {
-      typeof document > "u" || d && document && (document.body.style.width = i, Re(document.body, a.value));
-    }, 200);
-  };
-  J(e, (r) => {
-    if (!r) {
-      f();
-      return;
-    }
-    d = !te(document.body, a.value), d && (i = document.body.style.width, Ye(document.body, a.value)), l = We(t.namespace.value);
-    const c = document.documentElement.clientHeight < document.body.scrollHeight, y = $e(document.body, "overflowY");
-    l > 0 && (c || y === "scroll") && d && (document.body.style.width = `calc(100% - ${l}px)`);
-  }), ge(() => f());
-}, co = (e, s) => {
-  var t;
-  const l = Te().emit, { nextZIndex: d } = Ge();
-  let i = "";
-  const f = ne(), r = ne(), c = O(!1), y = O(!1), b = O(!1), C = O((t = e.zIndex) != null ? t : d());
-  let v, m;
-  const g = je("namespace", _e), u = h(() => {
-    const p = {}, B = `--${g.value}-dialog`;
-    return e.fullscreen || (e.top && (p[`${B}-margin-top`] = e.top), e.width && (p[`${B}-width`] = Z(e.width))), p;
-  }), N = h(() => e.alignCenter ? { display: "flex" } : {});
-  function w() {
-    l("opened");
-  }
-  function _() {
-    l("closed"), l(ue, !1), e.destroyOnClose && (b.value = !1);
-  }
-  function z() {
-    l("close");
-  }
-  function Y() {
-    m == null || m(), v == null || v(), e.openDelay && e.openDelay > 0 ? { stop: v } = se(() => D(), e.openDelay) : D();
-  }
-  function L() {
-    v == null || v(), m == null || m(), e.closeDelay && e.closeDelay > 0 ? { stop: m } = se(() => k(), e.closeDelay) : k();
-  }
-  function A() {
-    function p(B) {
-      B || (y.value = !0, c.value = !1);
-    }
-    e.beforeClose ? e.beforeClose(p) : L();
-  }
-  function M() {
-    e.closeOnClickModal && A();
-  }
-  function D() {
-    ie && (c.value = !0);
-  }
-  function k() {
-    c.value = !1;
-  }
-  function n() {
-    l("openAutoFocus");
-  }
-  function I() {
-    l("closeAutoFocus");
-  }
-  function $(p) {
-    var B;
-    ((B = p.detail) == null ? void 0 : B.focusReason) === "pointer" && p.preventDefault();
-  }
-  e.lockScroll && uo(c);
-  function ve() {
-    e.closeOnPressEscape && A();
-  }
-  return J(() => e.modelValue, (p) => {
-    p ? (y.value = !1, Y(), b.value = !0, C.value = Pe(e.zIndex) ? d() : C.value++, Se(() => {
-      l("open"), s.value && (s.value.parentElement.scrollTop = 0, s.value.parentElement.scrollLeft = 0, s.value.scrollTop = 0);
-    })) : c.value && L();
-  }), J(() => e.fullscreen, (p) => {
-    s.value && (p ? (i = s.value.style.transform, s.value.style.transform = "") : s.value.style.transform = i);
-  }), le(() => {
-    e.modelValue && (c.value = !0, b.value = !0, Y());
-  }), {
-    afterEnter: w,
-    afterLeave: _,
-    beforeLeave: z,
-    handleClose: A,
-    onModalClick: M,
-    close: L,
-    doClose: k,
-    onOpenAutoFocus: n,
-    onCloseAutoFocus: I,
-    onCloseRequested: ve,
-    onFocusoutPrevented: $,
-    titleId: f,
-    bodyId: r,
-    closed: y,
-    style: u,
-    overlayDialogStyle: N,
-    rendered: b,
-    visible: c,
-    zIndex: C
-  };
-}, fo = P({
-  name: "ElDialog",
-  inheritAttrs: !1
-}), vo = /* @__PURE__ */ P({
-  ...fo,
-  props: ro,
-  emits: io,
-  setup(e, { expose: s }) {
-    const t = e, a = he();
-    qe({
-      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"
-    }, h(() => !!a.title));
-    const l = x("dialog"), d = O(), i = O(), f = O(), {
-      visible: r,
-      titleId: c,
-      bodyId: y,
-      style: b,
-      overlayDialogStyle: C,
-      rendered: v,
-      zIndex: m,
-      afterEnter: g,
-      afterLeave: u,
-      beforeLeave: N,
-      handleClose: w,
-      onModalClick: _,
-      onOpenAutoFocus: z,
-      onCloseAutoFocus: Y,
-      onCloseRequested: L,
-      onFocusoutPrevented: A
-    } = co(t, d);
-    we(ce, {
-      dialogRef: d,
-      headerRef: i,
-      bodyId: y,
-      ns: l,
-      rendered: v,
-      style: b
-    });
-    const M = de(_), D = h(() => t.draggable && !t.fullscreen);
-    return s({
-      visible: r,
-      dialogContentRef: f,
-      resetPosition: () => {
-        var n;
-        (n = f.value) == null || n.resetPosition();
-      }
-    }), (n, I) => (R(), j(o(Ue), {
-      to: n.appendTo,
-      disabled: n.appendTo !== "body" ? !1 : !n.appendToBody
-    }, {
-      default: S(() => [
-        H(Le, {
-          name: "dialog-fade",
-          onAfterEnter: o(g),
-          onAfterLeave: o(u),
-          onBeforeLeave: o(N),
-          persisted: ""
-        }, {
-          default: S(() => [
-            Ae(H(o(eo), {
-              "custom-mask-event": "",
-              mask: n.modal,
-              "overlay-class": n.modalClass,
-              "z-index": o(m)
-            }, {
-              default: S(() => [
-                U("div", {
-                  role: "dialog",
-                  "aria-modal": "true",
-                  "aria-label": n.title || void 0,
-                  "aria-labelledby": n.title ? void 0 : o(c),
-                  "aria-describedby": o(y),
-                  class: T(`${o(l).namespace.value}-overlay-dialog`),
-                  style: ae(o(C)),
-                  onClick: o(M).onClick,
-                  onMousedown: o(M).onMousedown,
-                  onMouseup: o(M).onMouseup
-                }, [
-                  H(o(Ve), {
-                    loop: "",
-                    trapped: o(r),
-                    "focus-start-el": "container",
-                    onFocusAfterTrapped: o(z),
-                    onFocusAfterReleased: o(Y),
-                    onFocusoutPrevented: o(A),
-                    onReleaseRequested: o(L)
-                  }, {
-                    default: S(() => [
-                      o(v) ? (R(), j(ao, Me({
-                        key: 0,
-                        ref_key: "dialogContentRef",
-                        ref: f
-                      }, n.$attrs, {
-                        center: n.center,
-                        "align-center": n.alignCenter,
-                        "close-icon": n.closeIcon,
-                        draggable: o(D),
-                        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: o(w)
-                      }), De({
-                        header: S(() => [
-                          n.$slots.title ? E(n.$slots, "title", { key: 1 }) : E(n.$slots, "header", {
-                            key: 0,
-                            close: o(w),
-                            titleId: o(c),
-                            titleClass: o(l).e("title")
-                          })
-                        ]),
-                        default: S(() => [
-                          E(n.$slots, "default")
-                        ]),
-                        _: 2
-                      }, [
-                        n.$slots.footer ? {
-                          name: "footer",
-                          fn: S(() => [
-                            E(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"])) : q("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"]), [
-              [ke, o(r)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-      ]),
-      _: 3
-    }, 8, ["to", "disabled"]));
-  }
-});
-var mo = /* @__PURE__ */ re(vo, [["__file", "dialog.vue"]]);
-const To = ze(mo);
-export {
-  To as E,
-  eo as a,
-  uo as b,
-  de as c,
-  no as d,
-  W as f,
-  to as u
-};

package/es/el-overlay-fb255b83.cjs

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