vue-data-ui 2.3.76 → 2.3.77

package/dist/{Tooltip-DfSM1mNP.js → Tooltip-BGmkuAK4.js}

@@ -1,26 +1,26 @@
-import { ref as l, onMounted as v, onUnmounted as y, computed as p, openBlock as b, createElementBlock as g, normalizeClass as x, normalizeStyle as h, unref as $, renderSlot as s, createElementVNode as C, createCommentVNode as S } from "vue";
-import { w as k } from "./index-CaV1s-yZ.js";
-function w({ tooltip: e, chart: o, clientPosition: t, positionPreference: r = "center", defaultOffsetY: a = 24 }) {
-  const u = l(0), f = l(a);
+import { ref as l, onMounted as v, onUnmounted as y, computed as m, openBlock as b, createElementBlock as g, normalizeClass as x, normalizeStyle as h, renderSlot as f, createElementVNode as $, createCommentVNode as C } from "vue";
+import { s as S } from "./index-0KN57HdM.js";
+function k({ tooltip: e, chart: o, clientPosition: t, positionPreference: a = "center", defaultOffsetY: i = 24 }) {
+  const u = l(0), r = l(i);
   if (e && o) {
-    const { width: n, height: c } = e.getBoundingClientRect(), { right: i, left: d, bottom: m } = o.getBoundingClientRect();
-    r === "center" && (t.x + n / 2 > i ? u.value = -n + (i - t.x) : t.x - n / 2 < d ? u.value = -n + (n - (t.x - d)) : u.value = -n / 2), r === "right" && (t.x + n > i ? u.value = -n + (i - t.x) : u.value = 0), r === "left" && (t.x < d + n ? u.value = -n + (n - (t.x - d)) : u.value = -n), t.y + c > m && (f.value = -c - a);
+    const { width: n, height: c } = e.getBoundingClientRect(), { right: d, left: s, bottom: p } = o.getBoundingClientRect();
+    a === "center" && (t.x + n / 2 > d ? u.value = -n + (d - t.x) : t.x - n / 2 < s ? u.value = -n + (n - (t.x - s)) : u.value = -n / 2), a === "right" && (t.x + n > d ? u.value = -n + (d - t.x) : u.value = 0), a === "left" && (t.x < s + n ? u.value = -n + (n - (t.x - s)) : u.value = -n), t.y + c > p && (r.value = -c - i);
   }
   return {
-    top: t.y + f.value,
+    top: t.y + r.value,
     left: t.x + u.value
   };
 }
-function N(e, o, t) {
+function B(e, o, t) {
   v(() => e.addEventListener(o, t)), y(() => e.removeEventListener(o, t));
 }
-function B() {
+function N() {
   const e = l(0), o = l(0);
-  return N(window, "mousemove", (t) => {
+  return B(window, "mousemove", (t) => {
     e.value = t.clientX, o.value = t.clientY;
   }), { x: e, y: o };
 }
-const F = ["innerHTML"], L = {
+const w = ["innerHTML"], E = {
   __name: "Tooltip",
   props: {
     backgroundColor: {
@@ -77,28 +77,28 @@ const F = ["innerHTML"], L = {
     }
   },
   setup(e) {
-    const o = e, t = l(null), r = l(B()), a = p(() => w({
+    const o = e, t = l(null), a = l(N()), i = m(() => k({
       tooltip: t.value,
       chart: o.parent,
-      clientPosition: r.value,
+      clientPosition: a.value,
       positionPreference: o.position,
       defaultOffsetY: o.offsetY
-    }));
-    return (u, f) => e.show ? (b(), g("div", {
+    })), u = m(() => S(o.backgroundColor, o.backgroundOpacity));
+    return (r, n) => e.show ? (b(), g("div", {
       key: 0,
       ref_key: "tooltip",
       ref: t,
       class: x({ "vue-data-ui-custom-tooltip": e.isCustom, "vue-data-ui-tooltip": !e.isCustom }),
-      style: h(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom ? "" : `background:${e.backgroundColor}${$(k)[e.backgroundOpacity]};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)
+      style: h(`pointer-events:none;top:${i.value.top}px;left:${i.value.left}px;${e.isCustom ? "" : `background:${u.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)
     }, [
-      s(u.$slots, "tooltip-before"),
-      s(u.$slots, "default"),
-      C("div", { innerHTML: e.content }, null, 8, F),
-      s(u.$slots, "tooltip-after")
-    ], 6)) : S("", !0);
+      f(r.$slots, "tooltip-before"),
+      f(r.$slots, "default"),
+      $("div", { innerHTML: e.content }, null, 8, w),
+      f(r.$slots, "tooltip-after")
+    ], 6)) : C("", !0);
   }
 };
 export {
-  L as _,
-  B as u
+  E as _,
+  N as u
 };

package/dist/Tooltip-C0PSN8vf.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),v=require("./index-TabZg_HV.cjs");function p({tooltip:e,chart:r,clientPosition:t,positionPreference:a="center",defaultOffsetY:d=24}){const u=o.ref(0),l=o.ref(d);if(e&&r){const{width:n,height:f}=e.getBoundingClientRect(),{right:i,left:s,bottom:m}=r.getBoundingClientRect();a==="center"&&(t.x+n/2>i?u.value=-n+(i-t.x):t.x-n/2<s?u.value=-n+(n-(t.x-s)):u.value=-n/2),a==="right"&&(t.x+n>i?u.value=-n+(i-t.x):u.value=0),a==="left"&&(t.x<s+n?u.value=-n+(n-(t.x-s)):u.value=-n),t.y+f>m&&(l.value=-f-d)}return{top:t.y+l.value,left:t.x+u.value}}function y(e,r,t){o.onMounted(()=>e.addEventListener(r,t)),o.onUnmounted(()=>e.removeEventListener(r,t))}function c(){const e=o.ref(0),r=o.ref(0);return y(window,"mousemove",t=>{e.value=t.clientX,r.value=t.clientY}),{x:e,y:r}}const b=["innerHTML"],g={__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}},setup(e){const r=e,t=o.ref(null),a=o.ref(c()),d=o.computed(()=>p({tooltip:t.value,chart:r.parent,clientPosition:a.value,positionPreference:r.position,defaultOffsetY:r.offsetY})),u=o.computed(()=>v.setOpacity(r.backgroundColor,r.backgroundOpacity));return(l,n)=>e.show?(o.openBlock(),o.createElementBlock("div",{key:0,ref_key:"tooltip",ref:t,class:o.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:o.normalizeStyle(`pointer-events:none;top:${d.value.top}px;left:${d.value.left}px;${e.isCustom?"":`background:${u.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};`)},[o.renderSlot(l.$slots,"tooltip-before"),o.renderSlot(l.$slots,"default"),o.createElementVNode("div",{innerHTML:e.content},null,8,b),o.renderSlot(l.$slots,"tooltip-after")],6)):o.createCommentVNode("",!0)}};exports._sfc_main=g;exports.useMouse=c;