@farris/ui-vue 1.8.3 → 1.8.4

package/components/popover/index.esm.js

@@ -1,6 +1,6 @@
-import { ref as m, isRef as rt, computed as x, watch as ct, nextTick as ft, defineComponent as pt, onMounted as dt, onUnmounted as vt, createVNode as V, Teleport as ht, withDirectives as mt, vShow as wt } from "vue";
-import { getMaxZIndex as gt, useDelayedRef as yt } from "../common/index.esm.js";
-const Lt = {
+import { ref as y, isRef as ft, computed as x, watch as dt, nextTick as pt, defineComponent as vt, onMounted as ht, onUnmounted as mt, createVNode as V, Teleport as gt, withDirectives as wt, vShow as yt } from "vue";
+import { getMaxZIndex as Lt, useDelayedRef as Pt } from "../common/index.esm.js";
+const bt = {
   /**
    * 组件标识
    */
@@ -49,8 +49,8 @@ const Lt = {
    * @default -1
    */
   minWidth: { type: Number, default: -1 },
-  offsetX: { type: Object, default: m(0) },
-  offsetY: { type: Object, default: m(0) },
+  offsetX: { type: Object, default: y(0) },
+  offsetY: { type: Object, default: y(0) },
   /**
    * 可选，气泡显示的位置
    * @default 'bottom'
@@ -93,316 +93,337 @@ const Lt = {
   limitContentBySpace: { type: Boolean, default: !1 },
   beforeClose: { type: Function }
 };
-function Pt(t) {
-  const n = rt(t) ? t.value : t;
-  return typeof n == "string" ? n === "body" || typeof document > "u" ? "body" : document.querySelector(n) || "body" : !!n && typeof n.getBoundingClientRect == "function" && typeof n.insertBefore == "function" ? n : "body";
-}
 function Tt(t) {
+  const e = ft(t) ? t.value : t;
+  return typeof e == "string" ? e === "body" || typeof document > "u" ? "body" : document.querySelector(e) || "body" : !!e && typeof e.getBoundingClientRect == "function" && typeof e.insertBefore == "function" ? e : "body";
+}
+function Q(t) {
   return typeof document > "u" ? null : t === "body" ? document.body : t;
 }
-function A(t, n) {
-  const s = Tt(t);
-  if (!s) {
-    const g = typeof window < "u" ? window.innerHeight : 0;
-    return {
-      left: 0,
-      top: 0,
-      width: 0,
-      height: g,
-      bottom: g,
-      scrollLeft: 0,
-      scrollTop: 0
-    };
-  }
-  const i = s.getBoundingClientRect(), p = t === "body" || s === document.body, w = typeof window < "u" ? window.innerHeight : i.height;
-  let { width: d } = i;
-  !p && n && (d -= n.getBoundingClientRect().width);
-  const { top: h } = i;
-  let { bottom: C, height: b } = i;
-  if (p) {
-    const g = Math.max(i.top, 0), y = Math.min(i.bottom, w);
-    C = y, b = Math.max(y - g, 0) || w;
+function $() {
+  const t = typeof window < "u" ? window.innerHeight : 0;
+  return {
+    left: 0,
+    top: 0,
+    width: typeof window < "u" ? window.innerWidth : 0,
+    height: t,
+    bottom: t,
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+}
+function A(t, e) {
+  const s = Q(t);
+  if (!s)
+    return $();
+  const i = s.getBoundingClientRect(), l = t === "body" || s === document.body, g = typeof window < "u" ? window.innerHeight : i.height;
+  let { width: v } = i;
+  !l && e && (v -= e.getBoundingClientRect().width);
+  const { top: d } = i;
+  let { bottom: B, height: w } = i;
+  if (l) {
+    const L = Math.max(i.top, 0), h = Math.min(i.bottom, g);
+    B = h, w = Math.max(h - L, 0) || g;
   }
   return {
     left: i.left,
-    top: h,
-    width: d,
-    height: b,
-    bottom: C,
+    top: d,
+    width: v,
+    height: w,
+    bottom: B,
     scrollLeft: s.scrollLeft || 0,
     scrollTop: s.scrollTop || 0
   };
 }
-function bt(t) {
-  const n = Pt(t.host), s = x(() => A(n, t.rightBoundary).top), i = x(() => A(n, t.rightBoundary).left), p = x(() => A(n, t.rightBoundary).bottom), w = x(() => A(n, t.rightBoundary).width), d = x(() => A(n, t.rightBoundary).height);
+function Bt(t, e, s) {
+  const i = A(e, s);
+  if (!t || !t.isConnected)
+    return i;
+  const l = t.style, g = l.left, v = l.top, d = l.right, B = l.bottom;
+  l.left = "0px", l.top = "0px", l.right = "auto", l.bottom = "auto";
+  const w = t.getBoundingClientRect();
+  l.left = g, l.top = v, l.right = d, l.bottom = B;
+  const L = e === "body" || Q(e) === document.body, h = L ? $() : i;
+  return {
+    left: w.left,
+    top: w.top,
+    width: h.width,
+    height: h.height,
+    bottom: L ? h.bottom : w.top + h.height,
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+}
+function xt(t) {
+  const e = Tt(t.host), s = x(() => A(e, t.rightBoundary).top), i = x(() => A(e, t.rightBoundary).left), l = x(() => A(e, t.rightBoundary).bottom), g = x(() => A(e, t.rightBoundary).width), v = x(() => A(e, t.rightBoundary).height);
   return {
-    host: n,
+    host: e,
     hostLeft: i,
     hostTop: s,
-    hostWidth: w,
-    hostHeight: d,
-    hostBottom: p,
-    measure: () => A(n, t.rightBoundary)
+    hostWidth: g,
+    hostHeight: v,
+    hostBottom: l,
+    measure: (d) => Bt(d, e, t.rightBoundary)
   };
 }
-function xt(t, n, s, i) {
-  const p = m(t.offsetX || 0), w = m(t.offsetY || 0), d = m(-1), h = m(-1), C = m(-1), b = m(-1), g = m(t.placement), y = m(0), v = m(0), O = m(0);
-  let B = i.measure();
-  ct(() => t.offsetX, (o) => {
-    p.value = o;
+function Ct(t, e, s, i) {
+  const l = y(t.offsetX || 0), g = y(t.offsetY || 0), v = y(-1), d = y(-1), B = y(-1), w = y(-1), L = y(t.placement), h = y(0), m = y(0), W = y(0);
+  let C = i.measure();
+  dt(() => t.offsetX, (o) => {
+    l.value = o;
   });
-  const c = x(() => {
+  const f = x(() => {
     const o = {
-      left: `${v.value}px`,
-      top: `${O.value}px`,
-      transform: `translate(${p.value}px, ${w.value}px)`
+      left: `${m.value}px`,
+      top: `${W.value}px`,
+      transform: `translate(${l.value}px, ${g.value}px)`
     };
-    return t.zIndex !== -1 && (o["z-index"] = t.zIndex), t.fitContent ? t.keepWidthWithReference && s.value && d.value >= s.value.getBoundingClientRect().width && (o.width = `${d.value}px`) : d.value !== -1 && (o.width = `${d.value}px`), t.minWidth !== -1 && (o.minWidth = `${t.minWidth}px`), t.customStyles && Object.assign(o, t.customStyles), h.value > 0 && (o.maxHeight = h.value + "px"), o;
-  }), W = x(() => ({
-    left: `${y.value}px`,
+    return t.zIndex !== -1 && (o["z-index"] = t.zIndex), t.fitContent ? t.keepWidthWithReference && s.value && v.value >= s.value.getBoundingClientRect().width && (o.width = `${v.value}px`) : v.value !== -1 && (o.width = `${v.value}px`), t.minWidth !== -1 && (o.minWidth = `${t.minWidth}px`), t.customStyles && Object.assign(o, t.customStyles), d.value > 0 && (o.maxHeight = d.value + "px"), o;
+  }), O = x(() => ({
+    left: `${h.value}px`,
     transform: `translateX(${t.arrowOffsetX}px)`
   }));
-  function L() {
-    return B.left;
-  }
   function P() {
-    return B.top;
+    return C.left;
+  }
+  function b() {
+    return C.top;
   }
-  function E() {
-    return B.width;
+  function I() {
+    return C.width;
   }
   function X() {
-    return B.height;
+    return C.height;
   }
-  function I() {
-    return B.bottom;
+  function j() {
+    return C.bottom;
   }
   function H() {
-    return B.scrollLeft;
+    return C.scrollLeft;
   }
   function a() {
-    return B.scrollTop;
+    return C.scrollTop;
   }
   function S(o) {
     if (o && t.keepWidthWithReference) {
-      const e = o.getBoundingClientRect();
-      d.value = Math.max(t.minWidth, e.width);
+      const n = o.getBoundingClientRect();
+      v.value = Math.max(t.minWidth, n.width);
     }
   }
-  function D(o, e) {
-    const l = E() - o.width - 4;
-    return l > 0 ? l : e;
+  function D(o, n) {
+    const u = I() - o.width - 4;
+    return u > 0 ? u : n;
   }
-  function j(o, e) {
-    const l = X() - o.height - 12;
-    return l > 0 ? l : e;
+  function z(o, n) {
+    const u = X() - o.height - 12;
+    return u > 0 ? u : n;
   }
-  function F(o, e, l) {
-    const f = y.value, r = e.left - L() + e.width / 2 + H(), u = e.top - P() - (o.height + l.height) + a();
-    return { popoverLeft: r, popoverTop: u, arrowLeft: f };
+  function F(o, n, u) {
+    const p = h.value, c = n.left - P() + n.width / 2 + H(), r = n.top - b() - (o.height + u.height) + a();
+    return { popoverLeft: c, popoverTop: r, arrowLeft: p };
   }
-  function N(o, e, l) {
-    const f = e.top - P() + (e.height + l.height) + a(), r = j(o, f);
-    return Math.min(f, r);
+  function N(o, n, u) {
+    const p = n.top - b() + (n.height + u.height) + a(), c = z(o, p);
+    return Math.min(p, c);
   }
-  function Y(o, e) {
-    const l = D(e, o), f = o <= l ? y.value : o - l;
-    return { popoverLeft: Math.min(o, l), arrowLeft: f, maxHeight: 0 };
+  function Y(o, n) {
+    const u = D(n, o), p = o <= u ? h.value : o - u;
+    return { popoverLeft: Math.min(o, u), arrowLeft: p, maxHeight: 0 };
   }
-  function $(o, e) {
-    const l = o <= D(e, o) ? y.value : o - D(e, o);
-    return { popoverLeft: o, arrowLeft: l, maxHeight: 0 };
+  function ot(o, n) {
+    const u = o <= D(n, o) ? h.value : o - D(n, o);
+    return { popoverLeft: o, arrowLeft: u, maxHeight: 0 };
   }
-  function tt(o, e, l) {
-    const f = e.left - L() + H(), { arrowLeft: r, popoverLeft: u } = $(f, o), { popoverTop: T } = F(o, e, l);
-    return { popoverLeft: u, popoverTop: T, arrowLeft: r, maxHeight: 0 };
+  function et(o, n, u) {
+    const p = n.left - P() + H(), { arrowLeft: c, popoverLeft: r } = ot(p, o), { popoverTop: T } = F(o, n, u);
+    return { popoverLeft: r, popoverTop: T, arrowLeft: c, maxHeight: 0 };
   }
-  function ot(o, e, l) {
-    const f = e.left - L() + e.width / 2 - (l.width / 2 - (o.left - L())) + H(), { arrowLeft: r, popoverLeft: u } = Y(f, o), T = N(o, e, l);
-    return { popoverLeft: u, popoverTop: T, arrowLeft: r, maxHeight: 0 };
+  function nt(o, n, u) {
+    const p = n.left - P() + n.width / 2 - (u.width / 2 - (o.left - P())) + H(), { arrowLeft: c, popoverLeft: r } = Y(p, o), T = N(o, n, u);
+    return { popoverLeft: r, popoverTop: T, arrowLeft: c, maxHeight: 0 };
   }
-  function et(o, e, l) {
-    const f = e.left - L() + H(), { arrowLeft: r, popoverLeft: u } = Y(f, o), T = N(o, e, l);
-    return { popoverLeft: u, popoverTop: T, arrowLeft: r, maxHeight: 0 };
+  function it(o, n, u) {
+    const p = n.left - P() + H(), { arrowLeft: c, popoverLeft: r } = Y(p, o), T = N(o, n, u);
+    return { popoverLeft: r, popoverTop: T, arrowLeft: c, maxHeight: 0 };
   }
-  function nt(o, e, l) {
-    const f = e.left - L();
-    let r = 0, u = 0, T = 0, M = 0, k = "bottom-left";
-    window.innerWidth - f > o.width ? r = f + H() : (r = e.right - o.width - L() + H(), T = o.width - l.width - 20);
-    let z = 0;
+  function st(o, n, u) {
+    const p = n.left - P();
+    let c = 0, r = 0, T = 0, M = 0, k = "bottom-left";
+    window.innerWidth - p > o.width ? c = p + H() : (c = n.right - o.width - P() + H(), T = o.width - u.width - 20);
+    let E = 0;
     if (t.limitContentBySpace) {
-      const J = {
-        topHeight: e.top - P() - l.height - 8,
-        bottomHeight: I() - e.bottom - l.height - 8
+      const G = {
+        topHeight: n.top - b() - u.height - 8,
+        bottomHeight: j() - n.bottom - u.height - 8
       };
-      z = Math.max(J.topHeight, J.bottomHeight), o.height > z && (M = z, s.value.classList.add("popover-limitmax"));
+      E = Math.max(G.topHeight, G.bottomHeight), o.height > E && (M = E, s.value.classList.add("popover-limitmax"));
     }
-    const K = M ? Math.floor(M) : o.height, q = e.top - P() + (e.height + l.height);
-    return I() - q > K ? u = q + a() : (u = e.top - P() - K - l.height + a(), I() - q > e.top - P() ? (u = q + a(), K > e.top - P() && (u = I() - P() - K + a())) : (u = u < 0 ? 0 : u, k = "top")), s.value.classList.add("popover-" + k, "bs-popover-" + k), { popoverLeft: r < 0 ? 5 : r, popoverTop: u, arrowLeft: T, maxHeight: M };
+    const K = M ? Math.floor(M) : o.height, R = n.top - b() + (n.height + u.height);
+    return j() - R > K ? r = R + a() : (r = n.top - b() - K - u.height + a(), j() - R > n.top - b() ? (r = R + a(), K > n.top - b() && (r = j() - b() - K + a())) : (r = r < 0 ? 0 : r, k = "top")), s.value.classList.add("popover-" + k, "bs-popover-" + k), { popoverLeft: c < 0 ? 5 : c, popoverTop: r, arrowLeft: T, maxHeight: M };
   }
-  function it(o, e, l) {
-    const f = e.left - L() + e.width + H(), r = Math.max(
-      e.top - P() - (o.height / 2 - e.height / 2) + a(),
+  function lt(o, n, u) {
+    const p = n.left - P() + n.width + H(), c = Math.max(
+      n.top - b() - (o.height / 2 - n.height / 2) + a(),
       a()
     );
-    let u = X() - o.height + a();
-    u < 0 && (u = r);
-    const T = Math.min(r, u);
-    return { popoverLeft: f, popoverTop: T, arrowLeft: 0, maxHeight: 0 };
+    let r = X() - o.height + a();
+    r < 0 && (r = c);
+    const T = Math.min(c, r);
+    return { popoverLeft: p, popoverTop: T, arrowLeft: 0, maxHeight: 0 };
   }
-  function st(o, e, l) {
-    const f = e.left - L() + e.width + H(), r = Math.max(
-      e.top - P() - e.height + a(),
+  function ut(o, n, u) {
+    const p = n.left - P() + n.width + H(), c = Math.max(
+      n.top - b() - n.height + a(),
       a()
     );
-    let u = X() - o.height + a();
-    u < 0 && (u = r);
-    const T = Math.min(r, u);
-    return { popoverLeft: f, popoverTop: T, arrowLeft: 0, maxHeight: 0 };
+    let r = X() - o.height + a();
+    r < 0 && (r = c);
+    const T = Math.min(c, r);
+    return { popoverLeft: p, popoverTop: T, arrowLeft: 0, maxHeight: 0 };
   }
-  const lt = /* @__PURE__ */ new Map([
+  const at = /* @__PURE__ */ new Map([
     ["top", F],
-    ["top-left", tt],
-    ["bottom", ot],
-    ["bottom-left", et],
-    ["right", it],
-    ["right-top", st],
-    ["auto", nt]
+    ["top-left", et],
+    ["bottom", nt],
+    ["bottom-left", it],
+    ["right", lt],
+    ["right-top", ut],
+    ["auto", st]
   ]);
-  function G(o) {
-    var u;
-    B = i.measure(), t.keepWidthWithReference && S(o);
-    const e = o.getBoundingClientRect();
-    C.value = e.top, b.value = e.left;
-    const l = n.value ? n.value.getBoundingClientRect() : { height: 4, width: 4 }, f = (u = s.value) == null ? void 0 : u.getBoundingClientRect();
-    d.value = f.width;
-    const r = lt.get(g.value);
-    if (r) {
-      const { arrowLeft: T, popoverLeft: M, popoverTop: k, maxHeight: z } = r(f, e, l);
-      y.value = T, v.value = M, O.value = k, h.value = z || -1;
+  function _(o) {
+    var r;
+    C = i.measure(s.value), t.keepWidthWithReference && S(o);
+    const n = o.getBoundingClientRect();
+    B.value = n.top, w.value = n.left;
+    const u = e.value ? e.value.getBoundingClientRect() : { height: 4, width: 4 }, p = (r = s.value) == null ? void 0 : r.getBoundingClientRect();
+    v.value = p.width;
+    const c = at.get(L.value);
+    if (c) {
+      const { arrowLeft: T, popoverLeft: M, popoverTop: k, maxHeight: E } = c(p, n, u);
+      h.value = T, m.value = M, W.value = k, d.value = E || -1;
     }
   }
-  function at(o) {
+  function rt(o) {
     if (o) {
-      const e = o.getBoundingClientRect();
-      (e.left !== b.value || e.top !== C.value) && G(o);
+      const n = o.getBoundingClientRect();
+      (n.left !== w.value || n.top !== B.value) && _(o);
     }
   }
-  function ut() {
-    g.value = t.placement, y.value = 0, v.value = 0, O.value = 0, d.value = -1;
+  function ct() {
+    L.value = t.placement, h.value = 0, m.value = 0, W.value = 0, v.value = -1;
   }
   return {
-    arrowStyle: W,
-    popoverStyle: c,
-    position: g,
-    popoverWidth: d,
+    arrowStyle: O,
+    popoverStyle: f,
+    position: L,
+    popoverWidth: v,
     fitToReference: S,
-    followToReferencePosition: at,
-    locateToReference: G,
-    resetPosition: ut
+    followToReferencePosition: rt,
+    locateToReference: _,
+    resetPosition: ct
   };
 }
-function Bt(t, n, s, i, p, w, d) {
-  const h = m(t.visible), C = x(() => h.value), { fitToReference: b, locateToReference: g, resetPosition: y } = d;
-  let v;
-  async function O() {
-    h.value && (t.beforeClose && typeof t.beforeClose == "function" && !await t.beforeClose() || (h.value = !1, document.body.removeEventListener("click", v), document.body.removeEventListener("mousedown", v), document.body.removeEventListener("wheel", v, !0), document.removeEventListener("scroll", v), y(), n.emit("hidden")));
+function Ht(t, e, s, i, l, g, v) {
+  const d = y(t.visible), B = x(() => d.value), { fitToReference: w, locateToReference: L, resetPosition: h } = v;
+  let m;
+  async function W() {
+    d.value && (t.beforeClose && typeof t.beforeClose == "function" && !await t.beforeClose() || (d.value = !1, document.body.removeEventListener("click", m), document.body.removeEventListener("mousedown", m), document.body.removeEventListener("wheel", m, !0), document.removeEventListener("scroll", m), h(), e.emit("hidden")));
   }
-  v = (c) => {
-    var P;
-    if (!p.value)
+  m = (f) => {
+    var b;
+    if (!l.value)
       return;
-    const W = p.value.contains(c.target);
-    if (c.type === "scroll" || c.type === "wheel" && W) {
-      O();
+    const O = l.value.contains(f.target);
+    if (f.type === "scroll" || f.type === "wheel" && O) {
+      W();
       return;
     }
-    if (c.target.closest(".time-picker-panel") || c.target.closest(".fv-grid"))
+    if (f.target.closest(".time-picker-panel") || f.target.closest(".fv-grid"))
       return;
-    const L = (P = c.target) == null ? void 0 : P.closest(".popover");
-    if (L && i.value && L === i.value) {
-      c.type !== "scroll" && c.type !== "wheel" && c.stopPropagation();
+    const P = (b = f.target) == null ? void 0 : b.closest(".popover");
+    if (P && i.value && P === i.value) {
+      f.type !== "scroll" && f.type !== "wheel" && f.stopPropagation();
       return;
     }
-    if (!W && h.value) {
-      const E = p.value.closest(".popover");
-      E && E.removeEventListener("click", v), O();
+    if (!O && d.value) {
+      const I = l.value.closest(".popover");
+      I && I.removeEventListener("click", m), W();
     }
   };
-  async function B(c) {
-    if (i.value && (t.showArrow === !1 || t.showArrow && s.value) && c) {
-      h.value = !0, p.value = c, w.value && b(c), await ft(), g(c), document.body.addEventListener("click", v), document.body.addEventListener("mousedown", v), document.body.addEventListener("wheel", v, !0), document.addEventListener("scroll", v), (top == null ? void 0 : top.document) !== document && (top == null || top.document.addEventListener("mousedown", v));
-      const W = c.closest(".popover");
-      W && W.addEventListener("click", v), n.emit("shown");
+  async function C(f) {
+    if (i.value && (t.showArrow === !1 || t.showArrow && s.value) && f) {
+      d.value = !0, l.value = f, g.value && w(f), await pt(), L(f), document.body.addEventListener("click", m), document.body.addEventListener("mousedown", m), document.body.addEventListener("wheel", m, !0), document.addEventListener("scroll", m), (top == null ? void 0 : top.document) !== document && (top == null || top.document.addEventListener("mousedown", m));
+      const O = f.closest(".popover");
+      O && O.addEventListener("click", m), e.emit("shown");
     }
   }
-  return n.expose({ hide: O, popoverRef: i, show: B, shown: C, isShow: h }), { showPopover: h, hidePopverOnClickBodyHandler: v };
+  return e.expose({ hide: W, popoverRef: i, show: C, shown: B, isShow: d }), { showPopover: d, hidePopverOnClickBodyHandler: m };
 }
-function Ct(t, n, s, i, p, w) {
-  const { popoverWidth: d, fitToReference: h, followToReferencePosition: C } = p;
-  function b() {
-    var g;
-    if (w.value && ((g = w.value.style) == null ? void 0 : g.display) !== "none" && s.value) {
-      C(s.value);
-      const y = s.value.getBoundingClientRect();
-      i.value && y.width !== d.value && h(s.value);
+function Wt(t, e, s, i, l, g) {
+  const { popoverWidth: v, fitToReference: d, followToReferencePosition: B } = l;
+  function w() {
+    var L;
+    if (g.value && ((L = g.value.style) == null ? void 0 : L.display) !== "none" && s.value) {
+      B(s.value);
+      const h = s.value.getBoundingClientRect();
+      i.value && h.width !== v.value && d(s.value);
     }
   }
-  return { onResize: b };
+  return { onResize: w };
 }
-const Z = /* @__PURE__ */ pt({
+const U = /* @__PURE__ */ vt({
   name: "FPopover",
-  props: Lt,
+  props: bt,
   emits: ["shown", "hidden"],
-  setup(t, n) {
-    const s = m(), i = m(), p = m(t.reference), w = m(t.keepWidthWithReference), d = x(() => !!t.title), h = bt(t), {
-      host: C
-    } = h, b = xt(t, s, i, h), {
-      position: g,
-      arrowStyle: y,
-      popoverStyle: v,
-      fitToReference: O,
-      locateToReference: B
-    } = b, {
-      showPopover: c,
-      hidePopverOnClickBodyHandler: W
-    } = Bt(t, n, s, i, p, w, b), {
-      onResize: L
-    } = Ct(t, n, p, w, b, i), P = x(() => {
-      let a = g.value;
+  setup(t, e) {
+    const s = y(), i = y(), l = y(t.reference), g = y(t.keepWidthWithReference), v = x(() => !!t.title), d = xt(t), {
+      host: B
+    } = d, w = Ct(t, s, i, d), {
+      position: L,
+      arrowStyle: h,
+      popoverStyle: m,
+      fitToReference: W,
+      locateToReference: C
+    } = w, {
+      showPopover: f,
+      hidePopverOnClickBodyHandler: O
+    } = Ht(t, e, s, i, l, g, w), {
+      onResize: P
+    } = Wt(t, e, l, g, w, i), b = x(() => {
+      let a = L.value;
       a === "top-left" && (a = "top");
-      const S = `popover in popover-${a}`, D = `bs-popover-${a}`, j = {
+      const S = `popover in popover-${a}`, D = `bs-popover-${a}`, z = {
         "popover-fitcontent": t.fitContent,
         fade: !0
       };
-      j[S] = !0, j[D] = !0;
+      z[S] = !0, z[D] = !0;
       const F = (t.class || "").split(" ");
-      return t.isSimpleTips && F.unshift("popover-tips"), F.reduce((N, Y) => (N[Y] = !0, N), j), j;
-    }), E = x(() => ({
+      return t.isSimpleTips && F.unshift("popover-tips"), F.reduce((N, Y) => (N[Y] = !0, N), z), z;
+    }), I = x(() => ({
       "popover-content": !0,
       "popover-body": !0
     })), X = x(() => {
       const a = {};
-      return a.opacity = c.value ? 1 : 0, a.visibility = c.value ? "visible" : "hidden", a.zIndex = gt() || 1060, a;
-    }), I = x(() => t.isSimpleTips ? !0 : t.showArrow), {
+      return a.opacity = f.value ? 1 : 0, a.visibility = f.value ? "visible" : "hidden", a.zIndex = Lt() || 1060, a;
+    }), j = x(() => t.isSimpleTips ? !0 : t.showArrow), {
       delayedValue: H
-    } = yt(X, 50);
-    return dt(() => {
+    } = Pt(X, 50);
+    return ht(() => {
       var a;
-      w.value && O(p.value), t.reference && B(p.value), window.addEventListener("resize", L), (a = i.value) == null || a.focus();
-    }), vt(() => {
-      document.body.removeEventListener("click", W), window.removeEventListener("resize", L), c.value = !1;
-    }), () => V(ht, {
-      to: C
+      g.value && W(l.value), t.reference && C(l.value), window.addEventListener("resize", P), (a = i.value) == null || a.focus();
+    }), mt(() => {
+      document.body.removeEventListener("click", O), window.removeEventListener("resize", P), f.value = !1;
+    }), () => V(gt, {
+      to: B
     }, {
       default: () => {
         var a;
-        return [mt(V("div", {
+        return [wt(V("div", {
           tabindex: "-1",
           ref: i,
-          class: P.value,
+          class: b.value,
           style: {
-            ...v.value,
+            ...m.value,
             ...H.value
           },
           onMousedown: (S) => {
@@ -411,49 +432,49 @@ const Z = /* @__PURE__ */ pt({
           onClick: (S) => {
             S.stopPropagation();
           }
-        }, [I.value && V("div", {
+        }, [j.value && V("div", {
           ref: s,
           class: "popover-arrow arrow",
-          style: y.value
-        }, null), d.value && V("h3", {
+          style: h.value
+        }, null), v.value && V("h3", {
           class: "popover-title popover-header"
         }, [t.title]), V("div", {
-          class: E.value
-        }, [n.slots.default && ((a = n.slots) == null ? void 0 : a.default())])]), [[wt, c.value]])];
+          class: I.value
+        }, [e.slots.default && ((a = e.slots) == null ? void 0 : a.default())])]), [[yt, f.value]])];
       }
     });
   }
-}), U = "FarrisVue_PopoverInstancesKey";
-typeof window < "u" && (window[U] = window[U] || /* @__PURE__ */ new WeakMap());
-function _(t, n, s) {
+}), q = "FarrisVue_PopoverInstancesKey";
+typeof window < "u" && (window[q] = window[q] || /* @__PURE__ */ new WeakMap());
+function Z(t, e, s) {
   t.stopPropagation();
-  const i = n.value;
-  i && i.value && !i.value.isShow && (i.value.show(s), window[U].set(s, i.value));
+  const i = e.value;
+  i && i.value && !i.value.isShow && (i.value.show(s), window[q].set(s, i.value));
 }
-function R(t, n, s) {
-  t.stopPropagation(), n.value.value.hide(), window[U].delete(s);
+function tt(t, e, s) {
+  t.stopPropagation(), e.value.value.hide(), window[q].delete(s);
 }
-function Ht(t, n, s) {
+function Ot(t, e, s) {
   t.stopPropagation();
-  const i = n.value;
-  i && i.value && (i.value.isShow ? R(t, n, s) : _(t, n, s));
+  const i = e.value;
+  i && i.value && (i.value.isShow ? tt(t, e, s) : Z(t, e, s));
 }
-function Q(t, n, s) {
-  n.arg && n.arg === "toggle" ? Ht(t, n, s) : _(t, n, s);
+function J(t, e, s) {
+  e.arg && e.arg === "toggle" ? Ot(t, e, s) : Z(t, e, s);
 }
-const Ot = {
-  mounted: (t, n, s) => {
-    n.modifiers.hover ? (t.addEventListener("mouseenter", (i) => _(i, n, t)), t.addEventListener("mouseleave", (i) => R(i, n, t))) : n.modifiers.click ? t.addEventListener("click", (i) => Q(i, n, t)) : t.addEventListener("click", (i) => Q(i, n, t)), t.classList.add("v-popover");
+const St = {
+  mounted: (t, e, s) => {
+    e.modifiers.hover ? (t.addEventListener("mouseenter", (i) => Z(i, e, t)), t.addEventListener("mouseleave", (i) => tt(i, e, t))) : e.modifiers.click ? t.addEventListener("click", (i) => J(i, e, t)) : t.addEventListener("click", (i) => J(i, e, t)), t.classList.add("v-popover");
   },
-  unMounted: (t, n, s) => {
+  unMounted: (t, e, s) => {
   }
 };
-Z.install = (t) => {
-  t.component(Z.name, Z), t.directive("popover", Ot);
+U.install = (t) => {
+  t.component(U.name, U), t.directive("popover", St);
 };
 export {
-  Z as Popover,
-  Ot as PopoverDirective,
-  Z as default,
-  Lt as popoverProps
+  U as Popover,
+  St as PopoverDirective,
+  U as default,
+  bt as popoverProps
 };