st-comp 0.0.91 → 0.0.93

package/es/Dialog.js

@@ -1,16 +1,682 @@
-import "./base-1bc9f12c.js";
-import { z as V, E as g } from "./zh-cn-d29347f8.js";
-import { E as y } from "./el-overlay-53eb27a5.js";
-import { E as v } from "./el-button-93e0ac7c.js";
-import { defineComponent as C, computed as E, openBlock as x, createBlock as k, unref as B, withCtx as o, createVNode as i, normalizeStyle as b, createElementVNode as d, createTextVNode as m } from "vue";
-import "./config-provider-c8d3957d.js";
-import "./use-global-config-b07c467a.js";
-import "./use-form-item-aeec8499.js";
-import "./vnode-aa872900.js";
-import "./focus-trap-1b2aef75.js";
-import "./scroll-a928a93e.js";
+import { H as fe, f as K, I as Le, N as U, J as De, K as me, L as Te, u as te, a as pe, M as ne, O as Ie, P as Me, Q as Ne, b as oe, d as G, e as Be, _ as ve, R as $e, c as le, q as Ve, S as ae, w as Oe } from "./base-8aa55db5.js";
+import { z as Fe, E as Pe } from "./zh-cn-e36dfbf4.js";
+import { E as Ae } from "./el-button-9476b767.js";
+import { onMounted as he, watchEffect as Re, onBeforeUnmount as ze, isRef as Ye, watch as J, onScopeDispose as xe, defineComponent as A, createVNode as w, renderSlot as b, h as Ue, inject as ie, computed as S, openBlock as M, createElementBlock as q, unref as n, normalizeClass as k, normalizeStyle as se, createElementVNode as P, toDisplayString as He, withCtx as y, createBlock as H, resolveDynamicComponent as We, createCommentVNode as Z, getCurrentInstance as qe, ref as N, nextTick as Xe, useSlots as je, provide as Ke, Teleport as Ge, Transition as Je, withDirectives as Ze, mergeProps as Qe, createSlots as et, vShow as tt, createTextVNode as re } from "vue";
+import { P as X } from "./vnode-f4b846cb.js";
+import { g as ot, E as st, C as nt, a as lt, b as ue } from "./use-form-item-bd4b9eeb.js";
+import { F as at, U as ge, E as it } from "./focus-trap-5fc152a0.js";
+import { u as rt } from "./use-global-config-2d21cd56.js";
+import { g as ut } from "./scroll-c6e51ef8.js";
 import "./index-657047bb.js";
-const z = /* @__PURE__ */ d("span", null, "This is a message", -1), N = { class: "dialog-footer" }, S = /* @__PURE__ */ C({
+const ct = (...e) => (t) => {
+  e.forEach((s) => {
+    fe(s) ? s(t) : s.value = t;
+  });
+}, dt = (e, t, s) => {
+  let l = {
+    offsetX: 0,
+    offsetY: 0
+  };
+  const o = (a) => {
+    const c = a.clientX, p = a.clientY, { offsetX: f, offsetY: m } = l, v = e.value.getBoundingClientRect(), d = v.left, C = v.top, $ = v.width, R = v.height, z = document.documentElement.clientWidth, V = document.documentElement.clientHeight, Y = -d + f, O = -C + m, L = z - d - $ + f, D = V - C - R + m, F = (E) => {
+      const u = Math.min(Math.max(f + E.clientX - c, Y), L), _ = Math.min(Math.max(m + E.clientY - p, O), D);
+      l = {
+        offsetX: u,
+        offsetY: _
+      }, e.value.style.transform = `translate(${K(u)}, ${K(_)})`;
+    }, h = () => {
+      document.removeEventListener("mousemove", F), document.removeEventListener("mouseup", h);
+    };
+    document.addEventListener("mousemove", F), document.addEventListener("mouseup", h);
+  }, i = () => {
+    t.value && e.value && t.value.addEventListener("mousedown", o);
+  }, r = () => {
+    t.value && e.value && t.value.removeEventListener("mousedown", o);
+  };
+  he(() => {
+    Re(() => {
+      s.value ? i() : r();
+    });
+  }), ze(() => {
+    r();
+  });
+};
+/**
+* @vue/reactivity v3.4.19
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+function ye(e, ...t) {
+  console.warn(`[Vue warn] ${e}`, ...t);
+}
+let ft;
+function mt(e, t = ft) {
+  t && t.active && t.effects.push(e);
+}
+let x;
+class pt {
+  constructor(t, s, l, o) {
+    this.fn = t, this.trigger = s, this.scheduler = l, this.active = !0, this.deps = [], this._dirtyLevel = 4, this._trackId = 0, this._runnings = 0, this._shouldSchedule = !1, this._depsLength = 0, mt(this, o);
+  }
+  get dirty() {
+    if (this._dirtyLevel === 2 || this._dirtyLevel === 3) {
+      this._dirtyLevel = 1, ht();
+      for (let t = 0; t < this._depsLength; t++) {
+        const s = this.deps[t];
+        if (s.computed && (vt(s.computed), this._dirtyLevel >= 4))
+          break;
+      }
+      this._dirtyLevel === 1 && (this._dirtyLevel = 0), gt();
+    }
+    return this._dirtyLevel >= 4;
+  }
+  set dirty(t) {
+    this._dirtyLevel = t ? 4 : 0;
+  }
+  run() {
+    if (this._dirtyLevel = 0, !this.active)
+      return this.fn();
+    let t = B, s = x;
+    try {
+      return B = !0, x = this, this._runnings++, ce(this), this.fn();
+    } finally {
+      de(this), this._runnings--, x = s, B = t;
+    }
+  }
+  stop() {
+    var t;
+    this.active && (ce(this), de(this), (t = this.onStop) == null || t.call(this), this.active = !1);
+  }
+}
+function vt(e) {
+  return e.value;
+}
+function ce(e) {
+  e._trackId++, e._depsLength = 0;
+}
+function de(e) {
+  if (e.deps.length > e._depsLength) {
+    for (let t = e._depsLength; t < e.deps.length; t++)
+      _e(e.deps[t], e);
+    e.deps.length = e._depsLength;
+  }
+}
+function _e(e, t) {
+  const s = e.get(t);
+  s !== void 0 && t._trackId !== s && (e.delete(t), e.size === 0 && e.cleanup());
+}
+let B = !0, Q = 0;
+const Ce = [];
+function ht() {
+  Ce.push(B), B = !1;
+}
+function gt() {
+  const e = Ce.pop();
+  B = e === void 0 ? !0 : e;
+}
+function yt() {
+  Q++;
+}
+function _t() {
+  for (Q--; !Q && ee.length; )
+    ee.shift()();
+}
+function Ct(e, t, s) {
+  var l;
+  if (t.get(e) !== e._trackId) {
+    t.set(e, e._trackId);
+    const o = e.deps[e._depsLength];
+    o !== t ? (o && _e(o, e), e.deps[e._depsLength++] = t) : e._depsLength++, process.env.NODE_ENV !== "production" && ((l = e.onTrack) == null || l.call(e, me({ effect: e }, s)));
+  }
+}
+const ee = [];
+function bt(e, t, s) {
+  var l;
+  yt();
+  for (const o of e.keys()) {
+    let i;
+    o._dirtyLevel < t && (i ?? (i = e.get(o) === o._trackId)) && (o._shouldSchedule || (o._shouldSchedule = o._dirtyLevel === 0), o._dirtyLevel = t), o._shouldSchedule && (i ?? (i = e.get(o) === o._trackId)) && (process.env.NODE_ENV !== "production" && ((l = o.onTrigger) == null || l.call(o, me({ effect: o }, s))), o.trigger(), (!o._runnings || o.allowRecurse) && o._dirtyLevel !== 2 && (o._shouldSchedule = !1, o.scheduler && ee.push(o.scheduler)));
+  }
+  _t();
+}
+const Et = (e, t) => {
+  const s = /* @__PURE__ */ new Map();
+  return s.cleanup = e, s.computed = t, s;
+};
+Symbol(process.env.NODE_ENV !== "production" ? "iterate" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "Map key iterate" : "");
+new Set(
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((e) => e !== "arguments" && e !== "caller").map((e) => Symbol[e]).filter(Le)
+);
+function W(e) {
+  const t = e && e.__v_raw;
+  return t ? W(t) : e;
+}
+const kt = "Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free";
+class be {
+  constructor(t, s, l, o) {
+    this._setter = s, this.dep = void 0, this.__v_isRef = !0, this.__v_isReadonly = !1, this.effect = new pt(
+      () => t(this._value),
+      () => j(
+        this,
+        this.effect._dirtyLevel === 2 ? 2 : 3
+      )
+    ), this.effect.computed = this, this.effect.active = this._cacheable = !o, this.__v_isReadonly = l;
+  }
+  get value() {
+    const t = W(this);
+    return (!t._cacheable || t.effect.dirty) && De(t._value, t._value = t.effect.run()) && j(t, 4), St(t), t.effect._dirtyLevel >= 2 && (process.env.NODE_ENV !== "production" && ye(kt), j(t, 2)), t._value;
+  }
+  set value(t) {
+    this._setter(t);
+  }
+  // #region polyfill _dirty for backward compatibility third party code for Vue <= 3.3.x
+  get _dirty() {
+    return this.effect.dirty;
+  }
+  set _dirty(t) {
+    this.effect.dirty = t;
+  }
+  // #endregion
+}
+function wt(e, t, s = !1) {
+  let l, o;
+  const i = fe(e);
+  i ? (l = e, o = process.env.NODE_ENV !== "production" ? () => {
+    ye("Write operation failed: computed value is readonly");
+  } : U) : (l = e.get, o = e.set);
+  const r = new be(l, o, i || !o, s);
+  return process.env.NODE_ENV !== "production" && t && !s && (r.effect.onTrack = t.onTrack, r.effect.onTrigger = t.onTrigger), r;
+}
+function St(e) {
+  var t;
+  B && x && (e = W(e), Ct(
+    x,
+    (t = e.dep) != null ? t : e.dep = Et(
+      () => e.dep = void 0,
+      e instanceof be ? e : void 0
+    ),
+    process.env.NODE_ENV !== "production" ? {
+      target: e,
+      type: "get",
+      key: "value"
+    } : void 0
+  ));
+}
+function j(e, t = 4, s) {
+  e = W(e);
+  const l = e.dep;
+  l && bt(
+    l,
+    t,
+    process.env.NODE_ENV !== "production" ? {
+      target: e,
+      type: "set",
+      key: "value",
+      newValue: s
+    } : void 0
+  );
+}
+const Lt = (e, t = {}) => {
+  Ye(e) || Te("[useLockscreen]", "You need to pass a ref param to this function");
+  const s = t.ns || te("popup"), l = wt(() => s.bm("parent", "hidden"));
+  if (!pe || ne(document.body, l.value))
+    return;
+  let o = 0, i = !1, r = "0";
+  const a = () => {
+    setTimeout(() => {
+      Ne(document == null ? void 0 : document.body, l.value), i && document && (document.body.style.width = r);
+    }, 200);
+  };
+  J(e, (c) => {
+    if (!c) {
+      a();
+      return;
+    }
+    i = !ne(document.body, l.value), i && (r = document.body.style.width), o = ut(s.namespace.value);
+    const p = document.documentElement.clientHeight < document.body.scrollHeight, f = Ie(document.body, "overflowY");
+    o > 0 && (p || f === "scroll") && i && (document.body.style.width = `calc(100% - ${o}px)`), Me(document.body, l.value);
+  }), xe(() => a());
+}, Ee = (e) => {
+  if (!e)
+    return { onClick: U, onMousedown: U, onMouseup: U };
+  let t = !1, s = !1;
+  return { onClick: (r) => {
+    t && s && e(r), t = s = !1;
+  }, onMousedown: (r) => {
+    t = r.target === r.currentTarget;
+  }, onMouseup: (r) => {
+    s = r.target === r.currentTarget;
+  } };
+}, Dt = oe({
+  mask: {
+    type: Boolean,
+    default: !0
+  },
+  customMaskEvent: {
+    type: Boolean,
+    default: !1
+  },
+  overlayClass: {
+    type: G([
+      String,
+      Array,
+      Object
+    ])
+  },
+  zIndex: {
+    type: G([String, Number])
+  }
+}), Tt = {
+  click: (e) => e instanceof MouseEvent
+}, It = "overlay";
+var Mt = A({
+  name: "ElOverlay",
+  props: Dt,
+  emits: Tt,
+  setup(e, { slots: t, emit: s }) {
+    const l = te(It), o = (c) => {
+      s("click", c);
+    }, { onClick: i, onMousedown: r, onMouseup: a } = Ee(e.customMaskEvent ? void 0 : o);
+    return () => e.mask ? w("div", {
+      class: [l.b(), e.overlayClass],
+      style: {
+        zIndex: e.zIndex
+      },
+      onClick: i,
+      onMousedown: r,
+      onMouseup: a
+    }, [b(t, "default")], X.STYLE | X.CLASS | X.PROPS, ["onClick", "onMouseup", "onMousedown"]) : Ue("div", {
+      class: e.overlayClass,
+      style: {
+        zIndex: e.zIndex,
+        position: "fixed",
+        top: "0px",
+        right: "0px",
+        bottom: "0px",
+        left: "0px"
+      }
+    }, [b(t, "default")]);
+  }
+});
+const Nt = Mt, ke = Symbol("dialogInjectionKey"), we = oe({
+  center: Boolean,
+  alignCenter: Boolean,
+  closeIcon: {
+    type: ot
+  },
+  customClass: {
+    type: String,
+    default: ""
+  },
+  draggable: Boolean,
+  fullscreen: Boolean,
+  showClose: {
+    type: Boolean,
+    default: !0
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  ariaLevel: {
+    type: String,
+    default: "2"
+  }
+}), Bt = {
+  close: () => !0
+}, $t = ["aria-level"], Vt = ["aria-label"], Ot = ["id"], Ft = A({ name: "ElDialogContent" }), Pt = /* @__PURE__ */ A({
+  ...Ft,
+  props: we,
+  emits: Bt,
+  setup(e) {
+    const t = e, { t: s } = Be(), { Close: l } = nt, { dialogRef: o, headerRef: i, bodyId: r, ns: a, style: c } = ie(ke), { focusTrapRef: p } = ie(at), f = S(() => [
+      a.b(),
+      a.is("fullscreen", t.fullscreen),
+      a.is("draggable", t.draggable),
+      a.is("align-center", t.alignCenter),
+      { [a.m("center")]: t.center },
+      t.customClass
+    ]), m = ct(p, o), v = S(() => t.draggable);
+    return dt(o, i, v), (d, C) => (M(), q("div", {
+      ref: n(m),
+      class: k(n(f)),
+      style: se(n(c)),
+      tabindex: "-1"
+    }, [
+      P("header", {
+        ref_key: "headerRef",
+        ref: i,
+        class: k(n(a).e("header"))
+      }, [
+        b(d.$slots, "header", {}, () => [
+          P("span", {
+            role: "heading",
+            "aria-level": d.ariaLevel,
+            class: k(n(a).e("title"))
+          }, He(d.title), 11, $t)
+        ]),
+        d.showClose ? (M(), q("button", {
+          key: 0,
+          "aria-label": n(s)("el.dialog.close"),
+          class: k(n(a).e("headerbtn")),
+          type: "button",
+          onClick: C[0] || (C[0] = ($) => d.$emit("close"))
+        }, [
+          w(n(st), {
+            class: k(n(a).e("close"))
+          }, {
+            default: y(() => [
+              (M(), H(We(d.closeIcon || n(l))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 10, Vt)) : Z("v-if", !0)
+      ], 2),
+      P("div", {
+        id: n(r),
+        class: k(n(a).e("body"))
+      }, [
+        b(d.$slots, "default")
+      ], 10, Ot),
+      d.$slots.footer ? (M(), q("footer", {
+        key: 0,
+        class: k(n(a).e("footer"))
+      }, [
+        b(d.$slots, "footer")
+      ], 2)) : Z("v-if", !0)
+    ], 6));
+  }
+});
+var At = /* @__PURE__ */ ve(Pt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog-content.vue"]]);
+const Rt = oe({
+  ...we,
+  appendToBody: Boolean,
+  beforeClose: {
+    type: G(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,
+  width: {
+    type: [String, Number]
+  },
+  zIndex: {
+    type: Number
+  },
+  trapFocus: {
+    type: Boolean,
+    default: !1
+  },
+  headerAriaLevel: {
+    type: String,
+    default: "2"
+  }
+}), zt = {
+  open: () => !0,
+  opened: () => !0,
+  close: () => !0,
+  closed: () => !0,
+  [ge]: (e) => $e(e),
+  openAutoFocus: () => !0,
+  closeAutoFocus: () => !0
+}, Yt = (e, t) => {
+  const l = qe().emit, { nextZIndex: o } = lt();
+  let i = "";
+  const r = le(), a = le(), c = N(!1), p = N(!1), f = N(!1), m = N(e.zIndex || o());
+  let v, d;
+  const C = rt("namespace", Ve), $ = S(() => {
+    const g = {}, I = `--${C.value}-dialog`;
+    return e.fullscreen || (e.top && (g[`${I}-margin-top`] = e.top), e.width && (g[`${I}-width`] = K(e.width))), g;
+  }), R = S(() => e.alignCenter ? { display: "flex" } : {});
+  function z() {
+    l("opened");
+  }
+  function V() {
+    l("closed"), l(ge, !1), e.destroyOnClose && (f.value = !1);
+  }
+  function Y() {
+    l("close");
+  }
+  function O() {
+    d == null || d(), v == null || v(), e.openDelay && e.openDelay > 0 ? { stop: v } = ae(() => h(), e.openDelay) : h();
+  }
+  function L() {
+    v == null || v(), d == null || d(), e.closeDelay && e.closeDelay > 0 ? { stop: d } = ae(() => E(), e.closeDelay) : E();
+  }
+  function D() {
+    function g(I) {
+      I || (p.value = !0, c.value = !1);
+    }
+    e.beforeClose ? e.beforeClose(g) : L();
+  }
+  function F() {
+    e.closeOnClickModal && D();
+  }
+  function h() {
+    pe && (c.value = !0);
+  }
+  function E() {
+    c.value = !1;
+  }
+  function u() {
+    l("openAutoFocus");
+  }
+  function _() {
+    l("closeAutoFocus");
+  }
+  function T(g) {
+    var I;
+    ((I = g.detail) == null ? void 0 : I.focusReason) === "pointer" && g.preventDefault();
+  }
+  e.lockScroll && Lt(c);
+  function Se() {
+    e.closeOnPressEscape && D();
+  }
+  return J(() => e.modelValue, (g) => {
+    g ? (p.value = !1, O(), f.value = !0, m.value = e.zIndex ? m.value++ : o(), Xe(() => {
+      l("open"), t.value && (t.value.scrollTop = 0);
+    })) : c.value && L();
+  }), J(() => e.fullscreen, (g) => {
+    t.value && (g ? (i = t.value.style.transform, t.value.style.transform = "") : t.value.style.transform = i);
+  }), he(() => {
+    e.modelValue && (c.value = !0, f.value = !0, O());
+  }), {
+    afterEnter: z,
+    afterLeave: V,
+    beforeLeave: Y,
+    handleClose: D,
+    onModalClick: F,
+    close: L,
+    doClose: E,
+    onOpenAutoFocus: u,
+    onCloseAutoFocus: _,
+    onCloseRequested: Se,
+    onFocusoutPrevented: T,
+    titleId: r,
+    bodyId: a,
+    closed: p,
+    style: $,
+    overlayDialogStyle: R,
+    rendered: f,
+    visible: c,
+    zIndex: m
+  };
+}, xt = ["aria-label", "aria-labelledby", "aria-describedby"], Ut = A({
+  name: "ElDialog",
+  inheritAttrs: !1
+}), Ht = /* @__PURE__ */ A({
+  ...Ut,
+  props: Rt,
+  emits: zt,
+  setup(e, { expose: t }) {
+    const s = e, l = je();
+    ue({
+      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"
+    }, S(() => !!l.title)), ue({
+      scope: "el-dialog",
+      from: "custom-class",
+      replacement: "class",
+      version: "2.3.0",
+      ref: "https://element-plus.org/en-US/component/dialog.html#attributes",
+      type: "Attribute"
+    }, S(() => !!s.customClass));
+    const o = te("dialog"), i = N(), r = N(), a = N(), {
+      visible: c,
+      titleId: p,
+      bodyId: f,
+      style: m,
+      overlayDialogStyle: v,
+      rendered: d,
+      zIndex: C,
+      afterEnter: $,
+      afterLeave: R,
+      beforeLeave: z,
+      handleClose: V,
+      onModalClick: Y,
+      onOpenAutoFocus: O,
+      onCloseAutoFocus: L,
+      onCloseRequested: D,
+      onFocusoutPrevented: F
+    } = Yt(s, i);
+    Ke(ke, {
+      dialogRef: i,
+      headerRef: r,
+      bodyId: f,
+      ns: o,
+      rendered: d,
+      style: m
+    });
+    const h = Ee(Y), E = S(() => s.draggable && !s.fullscreen);
+    return t({
+      visible: c,
+      dialogContentRef: a
+    }), (u, _) => (M(), H(Ge, {
+      to: "body",
+      disabled: !u.appendToBody
+    }, [
+      w(Je, {
+        name: "dialog-fade",
+        onAfterEnter: n($),
+        onAfterLeave: n(R),
+        onBeforeLeave: n(z),
+        persisted: ""
+      }, {
+        default: y(() => [
+          Ze(w(n(Nt), {
+            "custom-mask-event": "",
+            mask: u.modal,
+            "overlay-class": u.modalClass,
+            "z-index": n(C)
+          }, {
+            default: y(() => [
+              P("div", {
+                role: "dialog",
+                "aria-modal": "true",
+                "aria-label": u.title || void 0,
+                "aria-labelledby": u.title ? void 0 : n(p),
+                "aria-describedby": n(f),
+                class: k(`${n(o).namespace.value}-overlay-dialog`),
+                style: se(n(v)),
+                onClick: _[0] || (_[0] = (...T) => n(h).onClick && n(h).onClick(...T)),
+                onMousedown: _[1] || (_[1] = (...T) => n(h).onMousedown && n(h).onMousedown(...T)),
+                onMouseup: _[2] || (_[2] = (...T) => n(h).onMouseup && n(h).onMouseup(...T))
+              }, [
+                w(n(it), {
+                  loop: "",
+                  trapped: n(c),
+                  "focus-start-el": "container",
+                  onFocusAfterTrapped: n(O),
+                  onFocusAfterReleased: n(L),
+                  onFocusoutPrevented: n(F),
+                  onReleaseRequested: n(D)
+                }, {
+                  default: y(() => [
+                    n(d) ? (M(), H(At, Qe({
+                      key: 0,
+                      ref_key: "dialogContentRef",
+                      ref: a
+                    }, u.$attrs, {
+                      "custom-class": u.customClass,
+                      center: u.center,
+                      "align-center": u.alignCenter,
+                      "close-icon": u.closeIcon,
+                      draggable: n(E),
+                      fullscreen: u.fullscreen,
+                      "show-close": u.showClose,
+                      title: u.title,
+                      "aria-level": u.headerAriaLevel,
+                      onClose: n(V)
+                    }), et({
+                      header: y(() => [
+                        u.$slots.title ? b(u.$slots, "title", { key: 1 }) : b(u.$slots, "header", {
+                          key: 0,
+                          close: n(V),
+                          titleId: n(p),
+                          titleClass: n(o).e("title")
+                        })
+                      ]),
+                      default: y(() => [
+                        b(u.$slots, "default")
+                      ]),
+                      _: 2
+                    }, [
+                      u.$slots.footer ? {
+                        name: "footer",
+                        fn: y(() => [
+                          b(u.$slots, "footer")
+                        ])
+                      } : void 0
+                    ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : Z("v-if", !0)
+                  ]),
+                  _: 3
+                }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+              ], 46, xt)
+            ]),
+            _: 3
+          }, 8, ["mask", "overlay-class", "z-index"]), [
+            [tt, n(c)]
+          ])
+        ]),
+        _: 3
+      }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+    ], 8, ["disabled"]));
+  }
+});
+var Wt = /* @__PURE__ */ ve(Ht, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/dialog/src/dialog.vue"]]);
+const qt = Oe(Wt);
+const Xt = /* @__PURE__ */ P("span", null, "This is a message", -1), jt = { class: "dialog-footer" }, Kt = /* @__PURE__ */ A({
   __name: "index",
   props: {
     modelValue: {
@@ -27,52 +693,52 @@ const z = /* @__PURE__ */ d("span", null, "This is a message", -1), N = { class:
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: p }) {
-    const r = p, u = t, l = E({
+  setup(e, { emit: t }) {
+    const s = t, l = e, o = S({
       get() {
-        return u.modelValue;
+        return l.modelValue;
       },
-      set(n) {
-        r("update:modelValue", n);
+      set(r) {
+        s("update:modelValue", r);
       }
-    }), f = (n) => {
-      r("update:modelValue", !1);
+    }), i = (r) => {
+      s("update:modelValue", !1);
     };
-    return (n, e) => {
-      const s = v, c = y, _ = g;
-      return x(), k(_, { locale: B(V) }, {
-        default: o(() => [
-          i(c, {
-            modelValue: l.value,
-            "onUpdate:modelValue": e[2] || (e[2] = (a) => l.value = a),
-            title: t.title,
+    return (r, a) => {
+      const c = Ae, p = qt, f = Pe;
+      return M(), H(f, { locale: n(Fe) }, {
+        default: y(() => [
+          w(p, {
+            modelValue: o.value,
+            "onUpdate:modelValue": a[2] || (a[2] = (m) => o.value = m),
+            title: e.title,
             width: "30%",
-            "before-close": f,
-            style: b(t.style)
+            "before-close": i,
+            style: se(e.style)
           }, {
-            footer: o(() => [
-              d("span", N, [
-                i(s, {
-                  onClick: e[0] || (e[0] = (a) => l.value = !1)
+            footer: y(() => [
+              P("span", jt, [
+                w(c, {
+                  onClick: a[0] || (a[0] = (m) => o.value = !1)
                 }, {
-                  default: o(() => [
-                    m("Cancel")
+                  default: y(() => [
+                    re("Cancel")
                   ]),
                   _: 1
                 }),
-                i(s, {
+                w(c, {
                   type: "primary",
-                  onClick: e[1] || (e[1] = (a) => l.value = !1)
+                  onClick: a[1] || (a[1] = (m) => o.value = !1)
                 }, {
-                  default: o(() => [
-                    m(" Confirm ")
+                  default: y(() => [
+                    re(" Confirm ")
                   ]),
                   _: 1
                 })
               ])
             ]),
-            default: o(() => [
-              z
+            default: y(() => [
+              Xt
             ]),
             _: 1
           }, 8, ["modelValue", "title", "style"])
@@ -81,11 +747,11 @@ const z = /* @__PURE__ */ d("span", null, "This is a message", -1), N = { class:
       }, 8, ["locale"]);
     };
   }
-}), H = {
-  install(t) {
-    t.component("st-dialog", S);
+}), ao = {
+  install(e) {
+    e.component("st-dialog", Kt);
   }
 };
 export {
-  H as default
+  ao as default
 };