tsviewer 1.0.27 → 1.0.29

package/dist/el-overlay-_Fd7WVZL.mjs

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