st-comp 0.0.164 → 0.0.166

package/es/el-overlay-47b665a0.js

@@ -1,521 +0,0 @@
-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 _, y as G, g as Be, _ as ne, c as De, t as Ie, h as se, n as x, m as Le, v as Pe, r as Fe, C as Oe, o as ee, w as Ae } from "./base-b56cf478.js";
-import { P as j } from "./vnode-0fd3003d.js";
-import { F as $e, U as ae, i as Ne, b as ze, a as Ye } from "./index-733cd68a.js";
-import { E as Re } from "./index-e5fe37a4.js";
-import { i as Xe, C as He, n as Ue } from "./use-form-common-props-04fb0752.js";
-import { a as Ve, u as oe } from "./index-57a7323a.js";
-import { g as We } from "./scroll-4fe7a76f.js";
-import { b as je, a as Ke } from "./index-0baeaec7.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
-};