st-comp 0.0.148 → 0.0.150

package/es/el-overlay-26bf0945.js

@@ -0,0 +1,521 @@
+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 V, unref as o, normalizeClass as E, normalizeStyle as le, createElementVNode as H, toDisplayString as ve, withCtx as w, createBlock as K, resolveDynamicComponent as ye, createCommentVNode as q, isRef as pe, watch as Z, onScopeDispose as ge, getCurrentInstance as Ce, ref as F, 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 { N as W, b as J, d as U, u as _, v as G, g as Be, _ as ne, c as De, t as Ie, h as se, n as x, m as Le, y as Pe, r as Fe, F as Oe, o as ee, w as Ae } from "./base-19787dfb.js";
+import { P as j } from "./vnode-6a0c7411.js";
+import { F as $e, U as ae, i as Ne, b as ze, a as Ye } from "./index-621b092b.js";
+import { E as Re } from "./index-72151b24.js";
+import { i as Xe, C as He, p as Ue } from "./use-form-common-props-5ff2f51b.js";
+import { a as Ve, u as oe } from "./index-70372cdb.js";
+import { g as We } from "./scroll-d787d648.js";
+import { b as je, a as Ke } from "./index-c066fe0d.js";
+const re = (e) => {
+  if (!e)
+    return { onClick: W, onMousedown: W, onMouseup: W };
+  let l = !1, n = !1;
+  return { onClick: (r) => {
+    l && n && e(r), l = n = !1;
+  }, onMousedown: (r) => {
+    l = r.target === r.currentTarget;
+  }, onMouseup: (r) => {
+    n = r.target === r.currentTarget;
+  } };
+}, qe = J({
+  mask: {
+    type: Boolean,
+    default: !0
+  },
+  customMaskEvent: Boolean,
+  overlayClass: {
+    type: U([
+      String,
+      Array,
+      Object
+    ])
+  },
+  zIndex: {
+    type: U([String, Number])
+  }
+}), Ze = {
+  click: (e) => e instanceof MouseEvent
+}, Ge = "overlay";
+var Je = X({
+  name: "ElOverlay",
+  props: qe,
+  emits: Ze,
+  setup(e, { slots: l, emit: n }) {
+    const d = _(Ge), s = (a) => {
+      n("click", a);
+    }, { 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: u,
+      onMousedown: r,
+      onMouseup: f
+    }, [b(l, "default")], j.STYLE | j.CLASS | j.PROPS, ["onClick", "onMouseup", "onMousedown"]) : de("div", {
+      class: e.overlayClass,
+      style: {
+        zIndex: e.zIndex,
+        position: "fixed",
+        top: "0px",
+        right: "0px",
+        bottom: "0px",
+        left: "0px"
+      }
+    }, [b(l, "default")]);
+  }
+});
+const _e = Je, ie = Symbol("dialogInjectionKey"), ue = J({
+  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"
+  }
+}), Qe = {
+  close: () => !0
+}, xe = (e, l, n, d) => {
+  let s = {
+    offsetX: 0,
+    offsetY: 0
+  };
+  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, O = v.width, S = v.height, z = document.documentElement.clientWidth, Y = document.documentElement.clientHeight, A = -h + g, M = -i + m, T = z - h - O + 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, A), T), $ = Math.min(Math.max($, M), B)), s = {
+        offsetX: L,
+        offsetY: $
+      }, e.value && (e.value.style.transform = `translate(${G(L)}, ${G($)})`);
+    }, I = () => {
+      document.removeEventListener("mousemove", D), document.removeEventListener("mouseup", I);
+    };
+    document.addEventListener("mousemove", D), document.addEventListener("mouseup", I);
+  }, r = () => {
+    l.value && e.value && l.value.addEventListener("mousedown", u);
+  }, f = () => {
+    l.value && e.value && l.value.removeEventListener("mousedown", u);
+  }, a = () => {
+    s = {
+      offsetX: 0,
+      offsetY: 0
+    }, e.value && (e.value.style.transform = "none");
+  };
+  return te(() => {
+    fe(() => {
+      n.value ? r() : f();
+    });
+  }), me(() => {
+    f();
+  }), {
+    resetPosition: a
+  };
+}, eo = (...e) => (l) => {
+  e.forEach((n) => {
+    Be(n) ? n(l) : n.value = l;
+  });
+}, oo = X({ name: "ElDialogContent" }), to = /* @__PURE__ */ X({
+  ...oo,
+  props: ue,
+  emits: Qe,
+  setup(e, { expose: l }) {
+    const n = e, { t: d } = Ve(), { Close: s } = He, { dialogRef: u, headerRef: r, bodyId: f, ns: a, style: c } = Q(ie), { focusTrapRef: y } = Q($e), 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 = 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(), V("div", {
+      ref: o(g),
+      class: E(o(C)),
+      style: le(o(c)),
+      tabindex: "-1"
+    }, [
+      H("header", {
+        ref_key: "headerRef",
+        ref: r,
+        class: E([o(a).e("header"), i.headerClass, { "show-close": i.showClose }])
+      }, [
+        b(i.$slots, "header", {}, () => [
+          H("span", {
+            role: "heading",
+            "aria-level": i.ariaLevel,
+            class: E(o(a).e("title"))
+          }, ve(i.title), 11, ["aria-level"])
+        ]),
+        i.showClose ? (N(), V("button", {
+          key: 0,
+          "aria-label": o(d)("el.dialog.close"),
+          class: E(o(a).e("headerbtn")),
+          type: "button",
+          onClick: (S) => i.$emit("close")
+        }, [
+          R(o(Re), {
+            class: E(o(a).e("close"))
+          }, {
+            default: w(() => [
+              (N(), K(ye(i.closeIcon || o(s))))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ], 10, ["aria-label", "onClick"])) : q("v-if", !0)
+      ], 2),
+      H("div", {
+        id: o(f),
+        class: E([o(a).e("body"), i.bodyClass])
+      }, [
+        b(i.$slots, "default")
+      ], 10, ["id"]),
+      i.$slots.footer ? (N(), V("footer", {
+        key: 0,
+        class: E([o(a).e("footer"), i.footerClass])
+      }, [
+        b(i.$slots, "footer")
+      ], 2)) : q("v-if", !0)
+    ], 6));
+  }
+});
+var lo = /* @__PURE__ */ ne(to, [["__file", "dialog-content.vue"]]);
+const no = J({
+  ...ue,
+  appendToBody: Boolean,
+  appendTo: {
+    type: U([String, Object]),
+    default: "body"
+  },
+  beforeClose: {
+    type: U(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"
+  }
+}), so = {
+  open: () => !0,
+  opened: () => !0,
+  close: () => !0,
+  closed: () => !0,
+  [ae]: (e) => De(e),
+  openAutoFocus: () => !0,
+  closeAutoFocus: () => !0
+}, ao = (e, l = {}) => {
+  pe(e) || Ie("[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, u = !1, r = "0";
+  const f = () => {
+    setTimeout(() => {
+      typeof document > "u" || u && document && (document.body.style.width = r, Fe(document.body, d.value));
+    }, 200);
+  };
+  Z(e, (a) => {
+    if (!a) {
+      f();
+      return;
+    }
+    u = !x(document.body, d.value), u && (r = document.body.style.width, Le(document.body, d.value)), s = We(n.namespace.value);
+    const c = document.documentElement.clientHeight < document.body.scrollHeight, y = Pe(document.body, "overflowY");
+    s > 0 && (c || y === "scroll") && u && (document.body.style.width = `calc(100% - ${s}px)`);
+  }), ge(() => f());
+}, ro = (e, l) => {
+  var n;
+  const s = Ce().emit, { nextZIndex: u } = Ue();
+  let r = "";
+  const f = oe(), a = oe(), c = F(!1), y = F(!1), C = F(!1), g = F((n = e.zIndex) != null ? n : u());
+  let m, v;
+  const h = je("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" } : {});
+  function S() {
+    s("opened");
+  }
+  function z() {
+    s("closed"), s(ae, !1), e.destroyOnClose && (C.value = !1);
+  }
+  function Y() {
+    s("close");
+  }
+  function A() {
+    v == null || v(), m == null || m(), e.openDelay && e.openDelay > 0 ? { stop: m } = ee(() => D(), e.openDelay) : D();
+  }
+  function M() {
+    m == null || m(), v == null || v(), e.closeDelay && e.closeDelay > 0 ? { stop: v } = ee(() => I(), e.closeDelay) : I();
+  }
+  function T() {
+    function p(P) {
+      P || (y.value = !0, c.value = !1);
+    }
+    e.beforeClose ? e.beforeClose(p) : M();
+  }
+  function B() {
+    e.closeOnClickModal && T();
+  }
+  function D() {
+    se && (c.value = !0);
+  }
+  function I() {
+    c.value = !1;
+  }
+  function t() {
+    s("openAutoFocus");
+  }
+  function L() {
+    s("closeAutoFocus");
+  }
+  function $(p) {
+    var P;
+    ((P = p.detail) == null ? void 0 : P.focusReason) === "pointer" && p.preventDefault();
+  }
+  e.lockScroll && ao(c);
+  function ce() {
+    e.closeOnPressEscape && T();
+  }
+  return Z(() => e.modelValue, (p) => {
+    p ? (y.value = !1, A(), 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);
+    })) : c.value && M();
+  }), Z(() => e.fullscreen, (p) => {
+    l.value && (p ? (r = l.value.style.transform, l.value.style.transform = "") : l.value.style.transform = r);
+  }), te(() => {
+    e.modelValue && (c.value = !0, C.value = !0, A());
+  }), {
+    afterEnter: S,
+    afterLeave: z,
+    beforeLeave: Y,
+    handleClose: T,
+    onModalClick: B,
+    close: M,
+    doClose: I,
+    onOpenAutoFocus: t,
+    onCloseAutoFocus: L,
+    onCloseRequested: ce,
+    onFocusoutPrevented: $,
+    titleId: f,
+    bodyId: a,
+    closed: y,
+    style: i,
+    overlayDialogStyle: O,
+    rendered: C,
+    visible: c,
+    zIndex: g
+  };
+}, io = X({
+  name: "ElDialog",
+  inheritAttrs: !1
+}), uo = /* @__PURE__ */ X({
+  ...io,
+  props: no,
+  emits: so,
+  setup(e, { expose: l }) {
+    const n = e, d = he();
+    Ke({
+      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"), u = F(), r = F(), f = F(), {
+      visible: a,
+      titleId: c,
+      bodyId: y,
+      style: C,
+      overlayDialogStyle: g,
+      rendered: m,
+      zIndex: v,
+      afterEnter: h,
+      afterLeave: i,
+      beforeLeave: O,
+      handleClose: S,
+      onModalClick: z,
+      onOpenAutoFocus: Y,
+      onCloseAutoFocus: A,
+      onCloseRequested: M,
+      onFocusoutPrevented: T
+    } = ro(n, u);
+    Ee(ie, {
+      dialogRef: u,
+      headerRef: r,
+      bodyId: y,
+      ns: s,
+      rendered: m,
+      style: C
+    });
+    const B = re(z), D = k(() => n.draggable && !n.fullscreen);
+    return l({
+      visible: a,
+      dialogContentRef: f,
+      resetPosition: () => {
+        var t;
+        (t = f.value) == null || t.resetPosition();
+      }
+    }), (t, L) => (N(), K(o(ze), {
+      to: t.appendTo,
+      disabled: t.appendTo !== "body" ? !1 : !t.appendToBody
+    }, {
+      default: w(() => [
+        R(we, {
+          name: "dialog-fade",
+          onAfterEnter: o(h),
+          onAfterLeave: o(i),
+          onBeforeLeave: o(O),
+          persisted: ""
+        }, {
+          default: w(() => [
+            ke(R(o(_e), {
+              "custom-mask-event": "",
+              mask: t.modal,
+              "overlay-class": t.modalClass,
+              "z-index": o(v)
+            }, {
+              default: w(() => [
+                H("div", {
+                  role: "dialog",
+                  "aria-modal": "true",
+                  "aria-label": t.title || void 0,
+                  "aria-labelledby": t.title ? void 0 : o(c),
+                  "aria-describedby": o(y),
+                  class: E(`${o(s).namespace.value}-overlay-dialog`),
+                  style: le(o(g)),
+                  onClick: o(B).onClick,
+                  onMousedown: o(B).onMousedown,
+                  onMouseup: o(B).onMouseup
+                }, [
+                  R(o(Ye), {
+                    loop: "",
+                    trapped: o(a),
+                    "focus-start-el": "container",
+                    onFocusAfterTrapped: o(Y),
+                    onFocusAfterReleased: o(A),
+                    onFocusoutPrevented: o(T),
+                    onReleaseRequested: o(M)
+                  }, {
+                    default: w(() => [
+                      o(m) ? (N(), K(lo, Se({
+                        key: 0,
+                        ref_key: "dialogContentRef",
+                        ref: f
+                      }, t.$attrs, {
+                        center: t.center,
+                        "align-center": t.alignCenter,
+                        "close-icon": t.closeIcon,
+                        draggable: o(D),
+                        overflow: t.overflow,
+                        fullscreen: t.fullscreen,
+                        "header-class": t.headerClass,
+                        "body-class": t.bodyClass,
+                        "footer-class": t.footerClass,
+                        "show-close": t.showClose,
+                        title: t.title,
+                        "aria-level": t.headerAriaLevel,
+                        onClose: o(S)
+                      }), Me({
+                        header: w(() => [
+                          t.$slots.title ? b(t.$slots, "title", { key: 1 }) : b(t.$slots, "header", {
+                            key: 0,
+                            close: o(S),
+                            titleId: o(c),
+                            titleClass: o(s).e("title")
+                          })
+                        ]),
+                        default: w(() => [
+                          b(t.$slots, "default")
+                        ]),
+                        _: 2
+                      }, [
+                        t.$slots.footer ? {
+                          name: "footer",
+                          fn: w(() => [
+                            b(t.$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"]), [
+              [Te, o(a)]
+            ])
+          ]),
+          _: 3
+        }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+      ]),
+      _: 3
+    }, 8, ["to", "disabled"]));
+  }
+});
+var co = /* @__PURE__ */ ne(uo, [["__file", "dialog.vue"]]);
+const Eo = Ae(co);
+export {
+  Eo as E,
+  _e as a,
+  ao as b,
+  re as c,
+  eo as d,
+  xe as u
+};

package/es/el-overlay-41994f67.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),n=require("./base-0ca7c43a.cjs"),$=require("./vnode-b15eb11b.cjs"),O=require("./index-65b4113e.cjs"),W=require("./index-afc88a4b.cjs"),z=require("./use-form-common-props-74a96df2.cjs"),A=require("./index-375e8de4.cjs"),K=require("./scroll-339681d4.cjs"),q=require("./index-2f958e56.cjs"),V=o=>{if(!o)return{onClick:n.NOOP,onMousedown:n.NOOP,onMouseup:n.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}}},_=n.buildProps({mask:{type:Boolean,default:!0},customMaskEvent:Boolean,overlayClass:{type:n.definePropType([String,Array,Object])},zIndex:{type:n.definePropType([String,Number])}}),Z={click:o=>o instanceof MouseEvent},G="overlay";var J=e.defineComponent({name:"ElOverlay",props:_,emits:Z,setup(o,{slots:l,emit:s}){const f=n.useNamespace(G),a=r=>{s("click",r)},{onClick:c,onMousedown:i,onMouseup:m}=V(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=J,R=Symbol("dialogInjectionKey"),U=n.buildProps({center:Boolean,alignCenter:Boolean,closeIcon:{type:z.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"}}),Q={close:()=>!0},X=(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=t=>{let P=g+t.clientX-y,I=v+t.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(${n.addUnit(P)}, ${n.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=>{n.isFunction(s)?s(l):s.value=l})},ee=e.defineComponent({name:"ElDialogContent"}),oe=e.defineComponent({...ee,props:U,emits:Q,setup(o,{expose:l}){const s=o,{t:f}=A.useLocale(),{Close:a}=z.CloseComponents,{dialogRef:c,headerRef:i,bodyId:m,ns:r,style:d}=e.inject(R),{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}=X(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(W.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 te=n._export_sfc(oe,[["__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"}}),le={open:()=>!0,opened:()=>!0,close:()=>!0,closed:()=>!0,[O.UPDATE_MODEL_EVENT]:o=>n.isBoolean(o),openAutoFocus:()=>!0,closeAutoFocus:()=>!0},H=(o,l={})=>{e.isRef(o)||n.throwError("[useLockscreen]","You need to pass a ref param to this function");const s=l.ns||n.useNamespace("popup"),f=e.computed(()=>s.bm("parent","hidden"));if(!n.isClient||n.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,n.removeClass(document.body,f.value))},200)};e.watch(o,r=>{if(!r){m();return}c=!n.hasClass(document.body,f.value),c&&(i=document.body.style.width,n.addClass(document.body,f.value)),a=K.getScrollBarWidth(s.namespace.value);const d=document.documentElement.clientHeight<document.body.scrollHeight,y=n.getStyle(document.body,"overflowY");a>0&&(d||y==="scroll")&&c&&(document.body.style.width=`calc(100% - ${a}px)`)}),e.onScopeDispose(()=>m())},se=(o,l)=>{var s;const a=e.getCurrentInstance().emit,{nextZIndex:c}=z.useZIndex();let i="";const m=A.useId(),r=A.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=q.useGlobalConfig("namespace",n.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`]=n.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}=n.useTimeoutFn(()=>T(),o.openDelay):T()}function w(){v==null||v(),p==null||p(),o.closeDelay&&o.closeDelay>0?{stop:p}=n.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(){n.isClient&&(d.value=!0)}function B(){d.value=!1}function t(){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:t,onCloseAutoFocus:P,onCloseRequested:j,onFocusoutPrevented:I,titleId:m,bodyId:r,closed:y,style:u,overlayDialogStyle:D,rendered:h,visible:d,zIndex:g}},ae=e.defineComponent({name:"ElDialog",inheritAttrs:!1}),re=e.defineComponent({...ae,props:ne,emits:le,setup(o,{expose:l}){const s=o,f=e.useSlots();q.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=n.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}=se(s,c);e.provide(R,{dialogRef:c,headerRef:i,bodyId:y,ns:a,rendered:v,style:h});const S=V(N),T=e.computed(()=>s.draggable&&!s.fullscreen);return l({visible:r,dialogContentRef:m,resetPosition:()=>{var t;(t=m.value)==null||t.resetPosition()}}),(t,P)=>(e.openBlock(),e.createBlock(e.unref(O.ElTeleport),{to:t.appendTo,disabled:t.appendTo!=="body"?!1:!t.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:t.modal,"overlay-class":t.modalClass,"z-index":e.unref(p)},{default:e.withCtx(()=>[e.createElementVNode("div",{role:"dialog","aria-modal":"true","aria-label":t.title||void 0,"aria-labelledby":t.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(te,e.mergeProps({key:0,ref_key:"dialogContentRef",ref:m},t.$attrs,{center:t.center,"align-center":t.alignCenter,"close-icon":t.closeIcon,draggable:e.unref(T),overflow:t.overflow,fullscreen:t.fullscreen,"header-class":t.headerClass,"body-class":t.bodyClass,"footer-class":t.footerClass,"show-close":t.showClose,title:t.title,"aria-level":t.headerAriaLevel,onClose:e.unref(E)}),e.createSlots({header:e.withCtx(()=>[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):e.renderSlot(t.$slots,"header",{key:0,close:e.unref(E),titleId:e.unref(d),titleClass:e.unref(a).e("title")})]),default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:2},[t.$slots.footer?{name:"footer",fn:e.withCtx(()=>[e.renderSlot(t.$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 ie=n._export_sfc(re,[["__file","dialog.vue"]]);const ue=n.withInstall(ie);exports.ElDialog=ue;exports.ElOverlay=Y;exports.composeRefs=x;exports.useDraggable=X;exports.useLockscreen=H;exports.useSameTarget=V;

package/es/el-popover-17e2e66c.js

@@ -0,0 +1,140 @@
+import { defineComponent as k, ref as x, 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 m, toDisplayString as u, renderSlot as C, createVNode as E } from "vue";
+import { b, E as P } from "./el-button-0bf1d532.js";
+import { q as _, E as q } from "./index-72151b24.js";
+import { b as S, E as A } from "./el-popper-b6527ae2.js";
+import { b as D, u as M, v as R, _ as L, w as U } from "./base-19787dfb.js";
+import { i as j } from "./use-form-common-props-5ff2f51b.js";
+import { a as F } from "./index-70372cdb.js";
+const G = D({
+  title: String,
+  confirmButtonText: String,
+  cancelButtonText: String,
+  confirmButtonType: {
+    type: String,
+    values: b,
+    default: "primary"
+  },
+  cancelButtonType: {
+    type: String,
+    values: b,
+    default: "text"
+  },
+  icon: {
+    type: j,
+    default: () => _
+  },
+  iconColor: {
+    type: String,
+    default: "#f90"
+  },
+  hideIcon: {
+    type: Boolean,
+    default: !1
+  },
+  hideAfter: {
+    type: Number,
+    default: 200
+  },
+  teleported: S.teleported,
+  persistent: S.persistent,
+  width: {
+    type: [String, Number],
+    default: 150
+  }
+}), H = {
+  confirm: (o) => o instanceof MouseEvent,
+  cancel: (o) => o instanceof MouseEvent
+}, J = k({
+  name: "ElPopconfirm"
+}), K = /* @__PURE__ */ k({
+  ...J,
+  props: G,
+  emits: H,
+  setup(o, { emit: d }) {
+    const s = o, { t: y } = F(), n = M("popconfirm"), T = x(), v = () => {
+      var e, i;
+      (i = (e = T.value) == null ? void 0 : e.onClose) == null || i.call(e);
+    }, N = p(() => ({
+      width: R(s.width)
+    })), B = (e) => {
+      d("confirm", e), v();
+    }, h = (e) => {
+      d("cancel", e), v();
+    }, w = p(() => s.confirmButtonText || y("el.popconfirm.confirmButtonText")), $ = p(() => s.cancelButtonText || y("el.popconfirm.cancelButtonText"));
+    return (e, i) => (a(), c(t(A), z({
+      ref_key: "tooltipRef",
+      ref: T,
+      trigger: "click",
+      effect: "light"
+    }, e.$attrs, {
+      "popper-class": `${t(n).namespace.value}-popover`,
+      "popper-style": t(N),
+      teleported: e.teleported,
+      "fallback-placements": ["bottom", "top", "right", "left"],
+      "hide-after": e.hideAfter,
+      persistent: e.persistent
+    }), {
+      content: r(() => [
+        f("div", {
+          class: l(t(n).b())
+        }, [
+          f("div", {
+            class: l(t(n).e("main"))
+          }, [
+            !e.hideIcon && e.icon ? (a(), c(t(q), {
+              key: 0,
+              class: l(t(n).e("icon")),
+              style: I({ color: e.iconColor })
+            }, {
+              default: r(() => [
+                (a(), c(V(e.icon)))
+              ]),
+              _: 1
+            }, 8, ["class", "style"])) : g("v-if", !0),
+            m(" " + u(e.title), 1)
+          ], 2),
+          f("div", {
+            class: l(t(n).e("action"))
+          }, [
+            C(e.$slots, "actions", {
+              confirm: B,
+              cancel: h
+            }, () => [
+              E(t(P), {
+                size: "small",
+                type: e.cancelButtonType === "text" ? "" : e.cancelButtonType,
+                text: e.cancelButtonType === "text",
+                onClick: h
+              }, {
+                default: r(() => [
+                  m(u(t($)), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"]),
+              E(t(P), {
+                size: "small",
+                type: e.confirmButtonType === "text" ? "" : e.confirmButtonType,
+                text: e.confirmButtonType === "text",
+                onClick: B
+              }, {
+                default: r(() => [
+                  m(u(t(w)), 1)
+                ]),
+                _: 1
+              }, 8, ["type", "text"])
+            ])
+          ], 2)
+        ], 2)
+      ]),
+      default: r(() => [
+        e.$slots.reference ? C(e.$slots, "reference", { key: 0 }) : g("v-if", !0)
+      ]),
+      _: 3
+    }, 16, ["popper-class", "popper-style", "teleported", "hide-after", "persistent"]));
+  }
+});
+var O = /* @__PURE__ */ L(K, [["__file", "popconfirm.vue"]]);
+const oe = U(O);
+export {
+  oe as E
+};