vue-data-ui 3.4.5 → 3.4.7

package/dist/Tooltip-68Yi_FFl.js

@@ -1,200 +0,0 @@
-import { ref as f, onMounted as F, onUnmounted as S, watch as b, nextTick as B, computed as y, createBlock as C, openBlock as g, Teleport as w, createElementBlock as N, createCommentVNode as T, normalizeStyle as $, normalizeClass as M, renderSlot as h, createElementVNode as Y } from "vue";
-import { s as z } from "./lib-C_mNZmhD.js";
-function A({ tooltip: a, chart: e, clientPosition: o, positionPreference: c = "center", defaultOffsetY: p = 24, blockShiftY: u = !1 }) {
-  const t = f(0), i = f(p);
-  if (a && e) {
-    const { width: n, height: m } = a.getBoundingClientRect(), { right: r, left: d, bottom: v } = e.getBoundingClientRect();
-    c === "center" && (o.x + n / 2 > r ? t.value = -n + (r - o.x) : o.x - n / 2 < d ? t.value = -n + (n - (o.x - d)) : t.value = -n / 2), c === "right" && (o.x + n > r ? t.value = -n + (r - o.x) : t.value = 0), c === "left" && (o.x < d + n ? t.value = -n + (n - (o.x - d)) : t.value = -n), o.y + m > v && !u && (i.value = -m - p);
-  }
-  return {
-    top: o.y + i.value,
-    left: o.x + t.value
-  };
-}
-function E(a, e, o) {
-  F(() => a.addEventListener(e, o)), S(() => a.removeEventListener(e, o));
-}
-function R() {
-  const a = f(0), e = f(0);
-  return E(window, "mousemove", (o) => {
-    a.value = o.clientX, e.value = o.clientY;
-  }), { x: a, y: e };
-}
-const L = ["aria-hidden"], O = ["innerHTML"], q = {
-  __name: "Tooltip",
-  props: {
-    backgroundColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    color: {
-      type: String,
-      default: "#000000"
-    },
-    content: String,
-    maxWidth: {
-      type: String,
-      default: "300px"
-    },
-    parent: {
-      type: Object
-    },
-    show: {
-      type: Boolean,
-      default: !1
-    },
-    isCustom: {
-      type: Boolean,
-      default: !1
-    },
-    fontSize: {
-      type: [Number, String],
-      default: 14
-    },
-    borderRadius: {
-      type: Number,
-      default: 4
-    },
-    borderColor: {
-      type: String,
-      default: "#e1e5e8"
-    },
-    borderWidth: {
-      type: Number,
-      default: 1
-    },
-    backgroundOpacity: {
-      type: Number,
-      default: 100
-    },
-    position: {
-      type: String,
-      default: "center"
-    },
-    offsetY: {
-      type: Number,
-      default: 24
-    },
-    blockShiftY: {
-      type: Boolean,
-      default: !1
-    },
-    isFullscreen: {
-      type: Boolean,
-      default: !1
-    },
-    smooth: {
-      type: Boolean,
-      default: !0
-    },
-    backdropFilter: {
-      type: Boolean,
-      default: !0
-    },
-    smoothForce: {
-      type: Number,
-      default: 0.18
-    },
-    smoothSnapThreshold: {
-      type: Number,
-      default: 0.25
-    }
-  },
-  setup(a) {
-    const e = a, o = f(null), { x: c, y: p } = R(e.parent), u = f({ x: 0, y: 0 }), t = f({ x: 0, y: 0 });
-    let i = null;
-    function n() {
-      if (!e.show) {
-        r();
-        return;
-      }
-      if (!e.smooth) {
-        t.value.x = u.value.x, t.value.y = u.value.y, r();
-        return;
-      }
-      const l = u.value.x - t.value.x, s = u.value.y - t.value.y;
-      if (Math.abs(l) <= e.smoothSnapThreshold && Math.abs(s) <= e.smoothSnapThreshold) {
-        t.value.x = u.value.x, t.value.y = u.value.y, r();
-        return;
-      }
-      t.value.x += l * e.smoothForce, t.value.y += s * e.smoothForce, i = requestAnimationFrame(n);
-    }
-    function m() {
-      i == null && e.show && e.smooth && (i = requestAnimationFrame(n));
-    }
-    function r() {
-      i != null && (cancelAnimationFrame(i), i = null);
-    }
-    b([c, p], ([l, s]) => {
-      u.value.x = l, u.value.y = s, e.smooth ? m() : (t.value.x = l, t.value.y = s);
-    }), b(
-      () => e.show,
-      async (l) => {
-        if (l) {
-          const s = c.value, x = p.value;
-          u.value.x = s, u.value.y = x, t.value.x = s, t.value.y = x, await B(), m();
-        } else
-          r();
-      }
-    ), S(() => {
-      r();
-    });
-    const d = y(() => {
-      const l = A({
-        tooltip: o.value,
-        chart: e.parent,
-        clientPosition: t.value,
-        positionPreference: e.position,
-        defaultOffsetY: e.offsetY,
-        blockShiftY: e.blockShiftY
-      });
-      return {
-        top: Math.round(l.top),
-        left: Math.round(l.left)
-      };
-    }), v = y(() => z(e.backgroundColor, e.backgroundOpacity)), k = y(() => {
-      const l = {
-        pointerEvents: "none",
-        position: "fixed",
-        top: "0px",
-        left: "0px",
-        transform: `translate3d(${d.value.left}px, ${d.value.top}px, 0)`,
-        borderRadius: `${e.borderRadius}px`,
-        border: `${e.borderWidth}px solid ${e.borderColor}`,
-        zIndex: 2147483647
-      };
-      return e.isCustom || Object.assign(l, {
-        background: v.value,
-        color: e.color,
-        maxWidth: e.maxWidth,
-        fontSize: `${e.fontSize}px`
-      }), l;
-    });
-    return (l, s) => (g(), C(w, {
-      to: a.isFullscreen ? a.parent : "body"
-    }, [
-      a.show ? (g(), N("div", {
-        key: 0,
-        ref_key: "tooltip",
-        ref: o,
-        role: "tooltip",
-        "aria-hidden": !a.show,
-        "aria-live": "polite",
-        class: M({
-          "vue-data-ui-custom-tooltip": a.isCustom,
-          "vue-data-ui-tooltip": !a.isCustom,
-          "vue-data-ui-tooltip-backdrop": a.backdropFilter
-        }),
-        style: $(k.value)
-      }, [
-        h(l.$slots, "tooltip-before"),
-        h(l.$slots, "default"),
-        Y("div", { innerHTML: a.content }, null, 8, O),
-        h(l.$slots, "tooltip-after")
-      ], 14, L)) : T("", !0)
-    ], 8, ["to"]));
-  }
-};
-export {
-  q as default
-};