@unicom-cloud/ui 0.8.67 → 0.8.68

package/trigger/getPopupStyle.js

@@ -0,0 +1,192 @@
+import { isServerRendering as C } from "../utils/dom.js";
+import "../chunk/D-TPB2Do.js";
+import "../chunk/URXCKjXr.js";
+import X from "lodash/isArray.js";
+const L = 0, v = (n, o) => {
+  const { position: i } = o, { width: c, height: p, left: g, right: m, top: M, bottom: N } = n.getBoundingClientRect(), t = o.boundaryDistance || {}, k = "left" in t && t.left || L, r = "top" in t && t.top || L;
+  let l, f, s, h;
+  return ["bottom", "bl", "br"].indexOf(i) > -1 ? (s = M, h = N) : (s = M - r, h = N - r), ["right", "rt", "rb"].indexOf(i) > -1 ? (l = g, f = m) : (l = g - k, f = m - k), {
+    width: c,
+    height: p,
+    left: l,
+    right: f,
+    top: s,
+    bottom: h
+  };
+};
+function Y(n, o, i, c) {
+  if (!i || !n || C)
+    return { left: 0, width: 0, height: 0, top: 0 };
+  const p = (h) => document.documentElement[h] || document.body[h], g = i === document.body ? p("scrollTop") : i.scrollTop, m = i === document.body ? p("scrollLeft") : i.scrollLeft, { left: M, top: N, width: t, height: k } = o, r = i === document.body ? 0 : v(i, c).left, l = i === document.body ? 0 : v(i, c).top, f = N + g - l;
+  return {
+    left: M + m - r,
+    top: f,
+    width: t,
+    height: k
+  };
+}
+const x = function(n, o, i) {
+  return i < n ? n : i > o ? o : i;
+}, $ = (n, o) => {
+  let i = 0, c = 0, p = {};
+  o ? p = {
+    left: 12,
+    right: 12,
+    top: 12,
+    bottom: 12,
+    ...n
+  } : p = { ...n };
+  for (const g in p)
+    if (X(p[g])) {
+      let m = 0;
+      ["top", "bottom"].indexOf(g) > -1 ? (m = 1, i = p[g][0]) : c = p[g][1], p[g] = p[g][m];
+    }
+  return {
+    ...p,
+    horizontalOffset: i,
+    verticalOffset: c
+  };
+}, F = (n, o, { boundaryDistance: i, position: c }) => o ? {
+  left: o.clientX,
+  top: o.clientY,
+  width: 0,
+  height: 0,
+  right: o.clientX,
+  bottom: o.clientY
+} : v(n, { boundaryDistance: i, position: c }), I = (n) => {
+  const o = n.offsetWidth, i = n.offsetHeight;
+  return {
+    width: o,
+    height: i
+  };
+}, j = (n) => {
+  var m, M;
+  const o = n || {}, i = "left" in o ? o.left : "right" in o ? o.right : L, c = "top" in o ? o.top : "bottom" in o ? o.bottom : L, p = (((m = document.documentElement) == null ? void 0 : m.clientHeight) || window.innerHeight) - (c || L), g = (((M = document.documentElement) == null ? void 0 : M.clientWidth) || window.innerWidth) - (i || L);
+  return {
+    windowHeight: p,
+    windowWidth: g
+  };
+}, Q = (n, o, i, c, p) => {
+  const {
+    autoAlignPopupWidth: g,
+    autoAlignPopupMinWidth: m,
+    alignPoint: M,
+    style: N
+  } = n;
+  if (!i || !o || !c)
+    return {};
+  const t = {}, k = !n.alignPoint && n.boundaryDistance || {}, r = F(i, M && p, {
+    boundaryDistance: k,
+    position: n.position
+  }), { left: l, top: f, width: s, height: h } = Y(
+    i,
+    r,
+    c,
+    {
+      boundaryDistance: k,
+      position: n.position
+    }
+  ), P = $(n.popupAlign, n.showArrow), A = P.left || 0, H = P.right || 0, R = P.top || 0, B = P.bottom || 0;
+  g && (N == null ? void 0 : N.width) === void 0 && (o.style.width = `${i.offsetWidth}px`), m && (o.style.minWidth = `${i.offsetWidth}px`);
+  const e = I(o);
+  let d = n.position;
+  const b = {}, u = (W) => {
+    if (!n.autoFitPosition)
+      return;
+    const { windowHeight: D, windowWidth: O } = j(k);
+    let z = !1;
+    const a = {
+      left: l - r.left,
+      top: f - r.top
+    }, { top: E = 0, left: _ = 0 } = t;
+    if ((W === "top" || W === "bottom") && (a.left > _ && r.right > 12 ? (t.left = Math.max(a.left, l - e.width), t.left = Math.max(
+      t.left,
+      l - e.width + 24
+    )) : _ - a.left + e.width > O && O - r.left > 12 && (t.left = Math.max(
+      a.left,
+      a.left + O - e.width
+    ), t.left = Math.max(
+      t.left,
+      l - e.width + 24
+    ))), (W === "left" || W === "right") && (a.top > E && r.bottom > 12 ? (t.top = a.top, t.top = Math.max(
+      t.top,
+      f - e.height + r.height / 2
+    )) : E - a.top + e.height > D && D - r.top > 12 && (t.top = Math.max(
+      a.top,
+      a.top + D - e.height
+    ), t.top = Math.max(
+      t.top,
+      f - e.height + r.height / 2
+    ))), W === "top" && a.top > E && (r.top < D - r.bottom ? (t.top = Math.min(
+      f + h + (R || 0),
+      a.top + D - e.height
+    ), z = !0) : t.top = a.top), W === "bottom" && E - a.top + e.height > D && (D - r.bottom < r.top ? (t.top = Math.max(
+      f - e.height - (B || 0),
+      a.top
+    ), z = !0) : t.top = a.top + D - e.height), W === "left" && a.left > _ && (r.left < O - r.right ? (t.left = Math.min(
+      s + l + H,
+      a.left + O - e.width
+    ), z = !0) : t.left = a.left), W === "right" && _ - a.left + e.width > O && (O - r.right < r.left ? (t.left = Math.max(
+      l - e.width - A,
+      a.left
+    ), z = !0) : t.left = a.left + O - e.width), t.left < 0)
+      t.left = 0;
+    else {
+      const V = c.scrollWidth - e.width;
+      t.left = Math.min(V, t.left);
+    }
+    return z;
+  }, T = P.horizontalOffset || 0, S = P.verticalOffset || 0;
+  let w = l - Number(t.left) + s / 2, y = f - Number(t.top) + h / 2;
+  switch (n.position) {
+    case "top": {
+      t.top = f - e.height - R, t.left = l + s / 2 - e.width / 2, u("top") && (d = "bottom"), t.left += T, w = l - Number(t.left) + s / 2, b.left = x(12, e.width - 12, w);
+      break;
+    }
+    case "tl":
+      t.top = f - e.height - R, t.left = l, u("top") && (d = "bl"), t.left += T, w = l - Number(t.left) + Math.min(s / 2, 50), b.left = x(12, e.width - 12, w);
+      break;
+    case "tr":
+      t.top = -o.clientHeight + f - R, t.left = l + s - e.width, u("top") && (d = "br"), t.left += T, w = l - Number(t.left) + Math.max(s / 2, s - 50), b.left = x(12, e.width - 12, w);
+      break;
+    case "bottom": {
+      t.top = h + f + B, t.left = l + s / 2 - e.width / 2, u("bottom") && (d = "top"), t.left += T, w = l - Number(t.left) + s / 2, b.left = x(12, e.width - 12, w);
+      break;
+    }
+    case "bl":
+      t.top = h + f + B, t.left = l, u("bottom") && (d = "tl"), t.left += T, w = l - Number(t.left) + Math.min(s / 2, 50), b.left = x(12, e.width - 12, w);
+      break;
+    case "br":
+      t.top = h + f + B, t.left = l + s - e.width, u("bottom") && (d = "tr"), t.left += T, w = l - Number(t.left) + Math.max(s / 2, s - 50), b.left = x(12, e.width - 12, w);
+      break;
+    case "left": {
+      t.top = f + h / 2 - e.height / 2, t.left = l - e.width - A, u("left") && (d = "right"), t.top += S, y = f - Number(t.top) + h / 2, b.top = x(12, e.height - 12, y);
+      break;
+    }
+    case "lt":
+      t.top = f, t.left = l - e.width - A, u("left") && (d = "rt"), t.top += S, y = f - Number(t.top) + Math.min(h / 2, 50), b.top = x(12, e.height - 12, y);
+      break;
+    case "lb":
+      t.top = f + h - e.height, t.left = l - e.width - A, u("left") && (d = "rb"), t.top += S, y = f - Number(t.top) + Math.max(h / 2, h - 50), b.top = x(12, e.height - 12, y);
+      break;
+    case "right": {
+      t.top = f + h / 2 - e.height / 2, t.left = s + l + H, u("right") && (d = "left"), t.top += S, y = f - Number(t.top) + h / 2, b.top = x(12, e.height - 12, y);
+      break;
+    }
+    case "rt":
+      t.top = f, t.left = s + l + H, u("right") && (d = "lt"), t.top += S, y = f - Number(t.top) + Math.min(h / 2, 50), b.top = x(12, e.height - 12, y);
+      break;
+    case "rb":
+      t.top = f + h - e.height, t.left = s + l + H, u("right") && (d = "lb"), t.top += S, y = f - Number(t.top) + Math.max(h / 2, h - 50), b.top = x(12, e.height - 12, y);
+      break;
+  }
+  return {
+    style: t,
+    arrowStyle: b,
+    realPosition: d
+  };
+};
+export {
+  Q as default,
+  v as getBoundingClientRect
+};