bitboss-ui 2.1.32 → 2.1.34

package/dist/index131.js

@@ -1,15 +1,19 @@
-import { defineComponent as h, mergeModels as T, ref as k, useModel as $, createBlock as y, openBlock as B, unref as n, normalizeClass as D, withCtx as d, createElementVNode as u, createCommentVNode as O, renderSlot as C, normalizeProps as P, guardReactiveProps as z } from "vue";
-import { throttle as m } from "./index273.js";
-import { useId as F } from "./index8.js";
-import { useLocale as N } from "./index216.js";
-import { useUntil as U } from "./index217.js";
-import H from "./index13.js";
+import { defineComponent as S, mergeModels as z, ref as k, computed as d, useTemplateRef as F, useModel as N, createElementBlock as W, openBlock as B, Fragment as A, renderSlot as C, createVNode as U, normalizeProps as H, guardReactiveProps as I, unref as l, mergeProps as j, withCtx as E, createElementVNode as m, normalizeStyle as q, createBlock as x, createCommentVNode as G } from "vue";
+import { throttle as p } from "./index277.js";
+import { useId as J } from "./index8.js";
+import { useLocale as K } from "./index240.js";
+import { useUntil as Q } from "./index247.js";
+import X from "./index13.js";
 /* empty css        */
-import I from "./index221.js";
+import Y from "./index242.js";
 /* empty css         */
-const W = /* @__PURE__ */ h({
+import { useElementSize as Z } from "./index140.js";
+import { extractDomContainer as c } from "./index271.js";
+import { parseWidthString as _ } from "./index272.js";
+const pe = /* @__PURE__ */ S({
+  inheritAttrs: !1,
   __name: "BbTooltip",
-  props: /* @__PURE__ */ T({
+  props: /* @__PURE__ */ z({
     arrowPadding: { default: 10 },
     block: { type: Boolean },
     disabled: { type: Boolean },
@@ -21,99 +25,113 @@ const W = /* @__PURE__ */ h({
     showClose: { type: Boolean, default: !0 },
     theme: { default: "default" },
     transitionDuration: { default: 250 },
-    timeout: { default: 0 }
+    timeout: { default: 0 },
+    width: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(p) {
-    const a = p, { t: L } = N(), c = `bb_${a.id ?? F().id.value}`, s = k(), f = k(!0), o = $(p, "modelValue"), v = U(o);
-    let i;
-    const b = () => {
-      o.value || a.disabled || (clearTimeout(i), document.addEventListener("mousemove", w, { passive: !0 }), i = setTimeout(() => {
-        V(), document.addEventListener("keydown", g, { passive: !0 });
-      }, a.timeout));
-    }, E = b, w = m((e) => {
+  setup(f) {
+    const o = f, { t: L } = K(), v = `bb_${o.id ?? J().id.value}`, s = k(), r = d(() => c(s.value)), M = F("popover"), b = d(() => c(M.value)), h = k(!0), a = N(f, "modelValue"), V = Q(a), $ = (e) => {
+      const t = c(e);
+      t && (s.value = t);
+    };
+    let u;
+    const w = () => {
+      a.value || o.disabled || !h.value || (clearTimeout(u), document.addEventListener("mousemove", g, { passive: !0 }), u = setTimeout(() => {
+        P(), document.addEventListener("keydown", y, { passive: !0 });
+      }, o.timeout));
+    }, D = w, g = p((e) => {
       const t = e.target;
       if (t && t instanceof HTMLElement) {
-        let r = !0;
-        s.value && s.value.$el.contains(t) && (r = !1), r && l();
+        let n = !0;
+        r.value && r.value.contains(t) && (n = !1), b.value && b.value.contains(t) && (n = !1), n && i();
       }
-    }, a.transitionDuration), g = (e) => {
-      o.value && e.key === "Escape" && l();
-    }, M = () => {
-      f.value = !1, l();
-    }, V = m(async () => {
-      f.value && (o.value = !0);
-    }, a.transitionDuration), l = m(async () => {
-      clearTimeout(i), document.removeEventListener("mousemove", w), document.removeEventListener("keydown", g), o.value = !1;
-    }, a.transitionDuration);
-    return (e, t) => (B(), y(I, {
-      ref_key: "wrapper",
-      ref: s,
-      modelValue: o.value,
-      "onUpdate:modelValue": t[0] || (t[0] = (r) => o.value = r),
-      "arrow-padding": e.arrowPadding,
-      block: e.block,
-      class: D(["bb-tooltip", {
-        [`bb-tooltip--${e.theme}`]: !0
-      }]),
-      offset: e.offset,
-      padding: e.padding,
-      placement: e.placement,
-      "render-content": n(v),
-      "transition-duration": e.transitionDuration
-    }, {
-      activator: d(() => [
-        C(e.$slots, "activator", P(z({
-          props: {
-            "aria-describedby": n(v) ? c : void 0,
-            onMouseenter: b,
-            onFocus: n(E),
-            onBlur: n(l),
-            disabled: e.disabled
-          },
-          disabled: e.disabled,
-          open: o.value,
-          placement: e.placement
-        })))
-      ]),
-      default: d(() => [
-        u("span", {
-          id: c,
-          class: "bb-tooltip__content"
-        }, [
-          e.showClose ? (B(), y(H, {
-            key: 0,
-            "aria-label": n(L)("common.closeLabel").value,
-            class: "bb-tooltip__close",
-            tabindex: "-1",
-            onClick: M
-          }, {
-            default: d(() => t[1] || (t[1] = [
-              u("svg", {
-                fill: "none",
-                viewBox: "0 0 24 24",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, [
-                u("path", {
-                  d: "M23 23L1 1M23 1L1 23",
-                  stroke: "currentColor",
-                  "stroke-linecap": "round",
-                  "stroke-width": "2"
-                })
-              ], -1)
-            ])),
-            _: 1
-          }, 8, ["aria-label"])) : O("", !0),
-          C(e.$slots, "default")
-        ])
-      ]),
-      _: 3
-    }, 8, ["modelValue", "arrow-padding", "block", "class", "offset", "padding", "placement", "render-content", "transition-duration"]));
+    }, o.transitionDuration), y = (e) => {
+      a.value && e.key === "Escape" && i();
+    }, T = () => {
+      h.value = !1, i();
+    }, P = p(async () => {
+      a.value = !0;
+    }, o.transitionDuration), i = p(async () => {
+      clearTimeout(u), document.removeEventListener("mousemove", g), document.removeEventListener("keydown", y), a.value = !1;
+    }, o.transitionDuration), { width: O } = Z(
+      r,
+      { width: 0, height: 0 },
+      {
+        box: "border-box"
+      }
+    ), R = d(() => {
+      if (o.width) {
+        const { value: e, unit: t } = _(o.width);
+        return t === "%" ? r.value ? `${O.value * (e / 100)}px` : "0px" : `${e}px`;
+      }
+    });
+    return (e, t) => (B(), W(A, null, [
+      C(e.$slots, "activator", H(I({
+        props: {
+          "aria-describedby": l(V) ? v : void 0,
+          onMouseenter: w,
+          onFocus: l(D),
+          onBlur: l(i),
+          ref: $
+        },
+        disabled: e.disabled,
+        open: a.value,
+        placement: e.placement
+      }))),
+      U(Y, j({
+        ref: "popover",
+        modelValue: a.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (n) => a.value = n),
+        anchor: s.value,
+        "arrow-padding": e.arrowPadding,
+        class: ["bb-tooltip", {
+          [`bb-tooltip--${e.theme}`]: !0
+        }],
+        offset: e.offset,
+        padding: e.padding,
+        placement: e.placement,
+        "transition-duration": e.transitionDuration
+      }, e.$attrs), {
+        default: E(() => [
+          m("span", {
+            id: v,
+            class: "bb-tooltip__content",
+            style: q({ width: R.value })
+          }, [
+            e.showClose ? (B(), x(X, {
+              key: 0,
+              "aria-label": l(L)("common.closeLabel").value,
+              class: "bb-tooltip__close",
+              tabindex: "-1",
+              onClick: T
+            }, {
+              default: E(() => t[1] || (t[1] = [
+                m("svg", {
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  m("path", {
+                    d: "M23 23L1 1M23 1L1 23",
+                    stroke: "currentColor",
+                    "stroke-linecap": "round",
+                    "stroke-width": "2"
+                  })
+                ], -1)
+              ])),
+              _: 1
+            }, 8, ["aria-label"])) : G("", !0),
+            C(e.$slots, "default")
+          ], 4)
+        ]),
+        _: 3
+      }, 16, ["modelValue", "anchor", "arrow-padding", "class", "offset", "padding", "placement", "transition-duration"])
+    ], 64));
   }
 });
 export {
-  W as default
+  pe as default
 };

package/dist/index133.js

@@ -1,5 +1,5 @@
 import { defineComponent as $, computed as g, resolveComponent as y, createElementBlock as f, openBlock as i, Fragment as k, renderList as h, normalizeClass as b, createElementVNode as s, renderSlot as t, createVNode as v, createSlots as B, withCtx as _, mergeProps as C } from "vue";
-import { flattenTree as T } from "./index286.js";
+import { flattenTree as T } from "./index285.js";
 const w = { class: "bb-tree-row" }, E = { class: "bb-tree-main-content" }, N = /* @__PURE__ */ $({
   __name: "BbTree",
   props: {

package/dist/index135.js

@@ -5,8 +5,8 @@ import u from "./index85.js";
 /* empty css        */
 import h from "./index113.js";
 /* empty css         */
-import v from "./index279.js";
-import B from "./index280.js";
+import v from "./index280.js";
+import B from "./index281.js";
 /* empty css         */
 const E = { class: "bb-common-input-inner-container__prefix" }, I = { class: "bb-common-input-inner-container__suffix" }, R = /* @__PURE__ */ k({
   __name: "CommonInputInnerContainer",