bj-web-components 0.2.18 → 0.2.20

package/dist/web/Table/BTable.mjs

@@ -1,5 +1,5 @@
 import { jsxs as P, jsx as f } from "react/jsx-runtime";
-import { useRef as ne, useMemo as Q, useState as k, useEffect as X, createElement as Ke, isValidElement as Zt } from "react";
+import { useRef as ne, useMemo as Q, useState as k, useEffect as Y, createElement as Ke, isValidElement as Zt } from "react";
 import { createPortal as Xt } from "react-dom";
 import Yt from "../Pagination/Pagination.mjs";
 import Be from "../Icon/Icon.mjs";
@@ -94,7 +94,7 @@ function pr({
   emptyText: _e,
   emptyImage: ye = sr,
   emptyHeight: yt,
-  t: Y = (le) => le,
+  t: Z = (le) => le,
   className: jt,
   style: pt,
   rowClassName: je,
@@ -110,7 +110,7 @@ function pr({
   onHeaderRow: ve,
   id: vt,
   scroll: b,
-  locale: Z,
+  locale: X,
   groupCollapse: h
 }) {
   var it, st, nt;
@@ -146,9 +146,9 @@ function pr({
     const r = be(e, t), s = $.includes(r), l = s ? $.filter((i) => i !== r) : [...$, r];
     (h == null ? void 0 : h.expandedKeys) === void 0 && Ot(l), (c = h == null ? void 0 : h.onExpandedKeysChange) == null || c.call(h, l, e, !s);
   };
-  X(() => {
+  Y(() => {
     q !== ge && (a == null ? void 0 : a.current) === void 0 && ce(q);
-  }, [q, a == null ? void 0 : a.current, ge]), X(() => {
+  }, [q, a == null ? void 0 : a.current, ge]), Y(() => {
     if (!W || S === null) {
       Ae(null);
       return;
@@ -160,20 +160,20 @@ function pr({
     return e(), document.addEventListener("scroll", e, !0), window.addEventListener("resize", e), () => {
       document.removeEventListener("scroll", e, !0), window.removeEventListener("resize", e);
     };
-  }, [W, S]), X(() => {
+  }, [W, S]), Y(() => {
     if (S === null) return;
     const e = (t) => {
       const r = t.target;
       W != null && W.contains(r) || r.closest(".bj-table__filter-dropdown") || (U(null), Ne(null));
     };
     return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [W, S]), X(() => {
+  }, [W, S]), Y(() => {
     const e = window.setTimeout(
       () => He(Fe.trim()),
       or
     );
     return () => window.clearTimeout(e);
-  }, [Fe]), X(() => {
+  }, [Fe]), Y(() => {
     if (S === null) return;
     const e = C.find((r, s) => E(r, s) === S);
     if (!e || "children" in e || !e.filterRequest) return;
@@ -211,7 +211,7 @@ function pr({
     () => H.map(({ record: e, index: t }) => G(e, t, _)),
     [_, H]
   ), Mt = K.map(String).join("|"), Tt = Qe.map(String).join("|");
-  X(() => {
+  Y(() => {
     var l;
     if (!n || F || K.length === 0) return;
     const e = new Set(Qe), t = K.filter((c) => e.has(c));
@@ -315,7 +315,7 @@ function pr({
                 rr,
                 {
                   ...e.filterDropdownProps,
-                  emptyText: (Z == null ? void 0 : Z.filterEmptyText) ?? Y("暂无结果"),
+                  emptyText: (X == null ? void 0 : X.filterEmptyText) ?? Z("暂无结果"),
                   multiple: e.filterMultiple !== !1,
                   onChange: (d, j) => {
                     var O, lt;
@@ -339,8 +339,9 @@ function pr({
                     value: d.value
                   })),
                   searchable: ((T = e.filterDropdownProps) == null ? void 0 : T.searchable) ?? D,
-                  searchPlaceholder: ((se = e.filterDropdownProps) == null ? void 0 : se.searchPlaceholder) ?? (e.filterRequest ? Y("请输入搜索内容") : (Z == null ? void 0 : Z.filterSearchPlaceholder) ?? Y("搜索")),
+                  searchPlaceholder: ((se = e.filterDropdownProps) == null ? void 0 : se.searchPlaceholder) ?? (e.filterRequest ? Z("请输入搜索内容") : (X == null ? void 0 : X.filterSearchPlaceholder) ?? Z("搜索")),
                   searchValue: Fe,
+                  t: Z,
                   value: i
                 }
               )
@@ -419,7 +420,7 @@ function pr({
     width: b.x === !0 ? "max-content" : b.x,
     minWidth: "100%",
     tableLayout: Se ?? "fixed"
-  } : { tableLayout: Se }, Ht = (g == null ? void 0 : g.table) ?? "table", Ut = ((it = g == null ? void 0 : g.header) == null ? void 0 : it.wrapper) ?? "thead", Wt = ((st = g == null ? void 0 : g.header) == null ? void 0 : st.row) ?? "tr", tt = ((nt = g == null ? void 0 : g.header) == null ? void 0 : nt.cell) ?? "th", V = typeof (g == null ? void 0 : g.body) == "object" ? g.body : void 0, $t = (V == null ? void 0 : V.wrapper) ?? "tbody", rt = (V == null ? void 0 : V.row) ?? "tr", Ee = (V == null ? void 0 : V.cell) ?? "td", Jt = typeof _e == "function" ? _e() : _e ?? Y("暂无数据"), at = typeof ye == "string" ? /* @__PURE__ */ f("img", { alt: "", className: "bj-table__empty-image", src: ye }) : ye;
+  } : { tableLayout: Se }, Ht = (g == null ? void 0 : g.table) ?? "table", Ut = ((it = g == null ? void 0 : g.header) == null ? void 0 : it.wrapper) ?? "thead", Wt = ((st = g == null ? void 0 : g.header) == null ? void 0 : st.row) ?? "tr", tt = ((nt = g == null ? void 0 : g.header) == null ? void 0 : nt.cell) ?? "th", V = typeof (g == null ? void 0 : g.body) == "object" ? g.body : void 0, $t = (V == null ? void 0 : V.wrapper) ?? "tbody", rt = (V == null ? void 0 : V.row) ?? "tr", Ee = (V == null ? void 0 : V.cell) ?? "td", Jt = typeof _e == "function" ? _e() : _e ?? Z("暂无数据"), at = typeof ye == "string" ? /* @__PURE__ */ f("img", { alt: "", className: "bj-table__empty-image", src: ye }) : ye;
   return /* @__PURE__ */ P(
     "div",
     {
@@ -629,7 +630,7 @@ function pr({
             showTotal: a.showTotal,
             simple: a.simple,
             size: a.size,
-            t: a.t ?? Y,
+            t: a.t ?? Z,
             total: We
           }
         ) })

package/dist/web/Tabs/BTabs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),M=require("./TabPane.js");;/* empty css            */function I(...s){return s.filter(Boolean).join(" ")}function P(s,n){const[t,a]=c.useState(s);return[n===void 0?t:n,a]}function D(s,n){return c.useMemo(()=>s?s.filter(t=>!!(t&&typeof t=="object"&&"key"in t)):c.Children.toArray(n).flatMap(t=>{if(!c.isValidElement(t))return[];const{tab:a,tabKey:b,...y}=t.props,i=b??t.key;return i===null?[]:[{...y,key:String(i),label:a}]}),[n,s])}function E({active:s,id:n,item:t,onClick:a,onKeyDown:b,tabCount:y,tabIndex:i}){return r.jsxs("button",{"aria-controls":`${n}-panel-${t.key}`,"aria-disabled":t.disabled,"aria-selected":s,className:I("bj-tabs__tab",s&&"bj-tabs__tab--active",t.disabled&&"bj-tabs__tab--disabled"),disabled:t.disabled,id:`${n}-tab-${t.key}`,onClick:a,onKeyDown:b,role:"tab",tabIndex:t.disabled?-1:s?0:-1,type:"button",children:[r.jsx("span",{className:"bj-tabs__tab-btn",children:t.label}),r.jsx("span",{className:"bj-tabs__sr-only",children:`Tab ${i+1} of ${y}`})]})}function L({activeKey:s,id:n,items:t}){return r.jsx("div",{className:"bj-tabs__content-holder",children:r.jsx("div",{className:"bj-tabs__content",children:t.map(a=>{const b=a.key===s;return!b&&!a.forceRender?null:r.jsx("div",{"aria-hidden":!b,"aria-labelledby":`${n}-tab-${a.key}`,className:I("bj-tabs__tabpane",b&&"bj-tabs__tabpane--active",a.className),id:`${n}-panel-${a.key}`,role:"tabpanel",style:a.style,tabIndex:b?0:-1,children:a.children},a.key)})})})}function m({activeKey:s,children:n,centered:t,className:a,defaultActiveKey:b,id:y,items:i,onChange:f,onTabClick:_,style:w,tabBarGutter:F,tabBarStyle:S,tabPosition:x="top",type:K="line"}){const l=D(i,n),B=c.useRef(`bj-tabs-${Math.random().toString(36).slice(2,10)}`),p=y??B.current,[o,v]=P(()=>{var e;return b??((e=l[0])==null?void 0:e.key)},s),[$,R]=c.useState(()=>l.findIndex(e=>e.key===o));c.useEffect(()=>{var d;let e=l.findIndex(u=>u.key===o);e===-1&&(e=Math.max(0,Math.min($,l.length-1)),v((d=l[e])==null?void 0:d.key)),R(e)},[$,o,v,l]);const T=(e,d)=>{_==null||_(e,d),e!==o&&(v(e),f==null||f(e))},V=(e,d)=>{var N;const g=x==="left"||x==="right"?e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:0:e.key==="ArrowRight"?1:e.key==="ArrowLeft"?-1:0;if(!g)return;e.preventDefault();const j=l.filter(h=>!h.disabled),q=j.findIndex(h=>{var A;return h.key===((A=l[d])==null?void 0:A.key)}),k=j[(q+g+j.length)%j.length];(N=document.getElementById(`${p}-tab-${k==null?void 0:k.key}`))==null||N.focus()};return r.jsxs("div",{className:I("bj-tabs",`bj-tabs--${x}`,`bj-tabs--${K}`,t&&"bj-tabs--centered",a),style:w,children:[r.jsx("div",{className:"bj-tabs__nav",role:"tablist",style:S,children:r.jsx("div",{className:"bj-tabs__nav-wrap",children:r.jsx("div",{className:"bj-tabs__nav-list",children:l.map((e,d)=>r.jsx(E,{active:e.key===o,id:p,item:e,onClick:u=>T(e.key,u),onKeyDown:u=>V(u,d),tabCount:l.length,tabIndex:d},e.key))})})}),r.jsx(L,{activeKey:o,id:p,items:l})]})}m.TabPane=M;exports.TabPane=M;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),M=require("./TabPane.js");;/* empty css            */function I(...s){return s.filter(Boolean).join(" ")}function q(s,n){const[t,a]=c.useState(s);return[n===void 0?t:n,a]}function D(s,n){return c.useMemo(()=>s?s.filter(t=>!!(t&&typeof t=="object"&&"key"in t)):c.Children.toArray(n).flatMap(t=>{if(!c.isValidElement(t))return[];const{tab:a,tabKey:b,...y}=t.props,i=b??t.key;return i===null?[]:[{...y,key:String(i),label:a}]}),[n,s])}function E({active:s,id:n,item:t,onClick:a,onKeyDown:b,tabCount:y,tabIndex:i}){return r.jsxs("button",{"aria-controls":`${n}-panel-${t.key}`,"aria-disabled":t.disabled,"aria-selected":s,className:I("bj-tabs__tab",s&&"bj-tabs__tab--active",t.disabled&&"bj-tabs__tab--disabled"),disabled:t.disabled,id:`${n}-tab-${t.key}`,onClick:a,onKeyDown:b,role:"tab",tabIndex:t.disabled?-1:s?0:-1,type:"button",children:[r.jsx("span",{className:"bj-tabs__tab-btn",children:t.label}),r.jsx("span",{className:"bj-tabs__sr-only",children:`Tab ${i+1} of ${y}`})]})}function L({activeKey:s,id:n,items:t}){return r.jsx("div",{className:"bj-tabs__content-holder",children:r.jsx("div",{className:"bj-tabs__content",children:t.map(a=>{const b=a.key===s;return!b&&!a.forceRender?null:r.jsx("div",{"aria-hidden":!b,"aria-labelledby":`${n}-tab-${a.key}`,className:I("bj-tabs__tabpane",b&&"bj-tabs__tabpane--active",a.className),id:`${n}-panel-${a.key}`,role:"tabpanel",style:a.style,tabIndex:b?0:-1,children:a.children},a.key)})})})}function m({activeKey:s,children:n,centered:t,className:a,defaultActiveKey:b,id:y,items:i,onChange:f,onTabClick:_,style:w,tabBarGutter:F,tabBarStyle:S,tabPosition:x="top",type:T="line"}){const l=D(i,n),K=c.useRef(`bj-tabs-${Math.random().toString(36).slice(2,10)}`),p=y??K.current,[o,v]=q(()=>{var e;return b??((e=l[0])==null?void 0:e.key)},s),[$,P]=c.useState(()=>l.findIndex(e=>e.key===o));c.useEffect(()=>{var d;let e=l.findIndex(u=>u.key===o);e===-1&&(e=Math.max(0,Math.min($,l.length-1)),v((d=l[e])==null?void 0:d.key)),P(e)},[$,o,v,l]);const B=(e,d)=>{_==null||_(e,d),e!==o&&(v(e),f==null||f(e))},R=(e,d)=>{var N;const g=x==="left"||x==="right"?e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:0:e.key==="ArrowRight"?1:e.key==="ArrowLeft"?-1:0;if(!g)return;e.preventDefault();const j=l.filter(h=>!h.disabled),V=j.findIndex(h=>{var A;return h.key===((A=l[d])==null?void 0:A.key)}),k=j[(V+g+j.length)%j.length];(N=document.getElementById(`${p}-tab-${k==null?void 0:k.key}`))==null||N.focus()};return r.jsxs("div",{className:I("bj-tabs",`bj-tabs--${x}`,`bj-tabs--${T}`,t&&"bj-tabs--centered",a),style:w,children:[r.jsx("div",{className:"bj-tabs__nav",role:"tablist",style:S,children:r.jsx("div",{className:"bj-tabs__nav-wrap",children:r.jsx("div",{className:"bj-tabs__nav-list",children:l.map((e,d)=>r.jsx(E,{active:e.key===o,id:p,item:e,onClick:u=>B(e.key,u),onKeyDown:u=>R(u,d),tabCount:l.length,tabIndex:d},e.key))})})}),r.jsx(L,{activeKey:o,id:p,items:l})]})}m.TabPane=M.TabPane;exports.TabPane=M.TabPane;exports.default=m;

package/dist/web/Tabs/BTabs.mjs

@@ -1,6 +1,6 @@
 import { jsxs as g, jsx as b } from "react/jsx-runtime";
 import { useRef as E, useState as A, useEffect as L, useMemo as T, Children as P, isValidElement as F } from "react";
-import G from "./TabPane.mjs";
+import { TabPane as G } from "./TabPane.mjs";
 /* empty css            */
 function I(...n) {
   return n.filter(Boolean).join(" ");

package/dist/web/Tabs/TabPane.js

@@ -1 +1 @@
-"use strict";function a(e){return null}a.displayName="BTabs.TabPane";module.exports=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function e(a){return null}e.displayName="BTabs.TabPane";exports.TabPane=e;exports.default=e;

package/dist/web/Tabs/TabPane.mjs

@@ -3,5 +3,6 @@ function a(e) {
 }
 a.displayName = "BTabs.TabPane";
 export {
+  a as TabPane,
   a as default
 };

package/dist/web/Tooltip/ContentTooltip.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),q=require("react-dom");;/* empty css              */const R=require("./useAutoPlacement.js");function B({placement:v="top",content:p="这里是提示内容，可以包含更多详细信息。",variant:c="default",className:N,style:w,getPopupContainer:o,getAnchorElement:s,color:e,fontColor:r}){const[u,d]=R.useAutoPlacement(v),i=a.useRef(null),[f,S]=a.useState(),x=["tooltip-popup","tooltip-popup--content",`tooltip-popup--${u}`,c!=="default"?`tooltip-popup--${c}`:"",N].filter(Boolean).join(" "),m=["tooltip-arrow",`tooltip-arrow--${u}`,c==="tinted"?"tooltip-arrow--tinted-bg":""].filter(Boolean).join(" "),y={...w,...e?{backgroundColor:e}:{},...r?{color:r}:{}},j=e?{backgroundColor:e,borderColor:e}:void 0,b=r?{color:r}:void 0,h=t.jsxs("div",{ref:d,className:x,style:y,children:[t.jsx("div",{className:m,style:j}),t.jsx("div",{className:"bu-tooltip-content__text",style:b,children:p})]});if(a.useLayoutEffect(()=>{if(!o||!i.current)return;const l=(s==null?void 0:s())??i.current.parentElement;if(!l)return;const n=l.getBoundingClientRect();S({position:"fixed",left:n.left+n.width/2,top:n.top,right:"auto",bottom:"auto",transform:"translate(-50%, calc(-100% - 16px))"})},[s,o]),o&&typeof document<"u"){const l=o();return t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:i,className:"tooltip-portal-anchor"}),f&&q.createPortal(t.jsxs("div",{ref:d,className:x,style:{...y,...f},children:[t.jsx("div",{className:m,style:j}),t.jsx("div",{className:"bu-tooltip-content__text",style:b,children:p})]}),l)]})}return h}module.exports=B;
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),R=require("react-dom"),B=require("antd");;/* empty css              */const $=require("./useAutoPlacement.js");function P({children:j,placement:i="top",content:a="这里是提示内容，可以包含更多详细信息。",variant:c="default",className:w,style:h,getPopupContainer:e,getAnchorElement:s,color:o,fontColor:r}){const[v,N]=$.useAutoPlacement(i),n=y.useRef(null),[b,q]=y.useState(),u=["tooltip-popup","tooltip-popup--content",`tooltip-popup--${v}`,c!=="default"?`tooltip-popup--${c}`:"",w].filter(Boolean).join(" "),p=["tooltip-arrow",`tooltip-arrow--${v}`,c==="tinted"?"tooltip-arrow--tinted-bg":""].filter(Boolean).join(" "),d={...h,...o?{backgroundColor:o}:{},...r?{color:r}:{}},f=o?{backgroundColor:o,borderColor:o}:void 0,x=r?{color:r}:void 0,S=t.jsxs("div",{className:`${u} tooltip-popup--antd`,style:d,children:[t.jsx("div",{className:p,style:f}),t.jsx("div",{className:"bu-tooltip-content__text",style:x,children:a})]});if(j)return t.jsx(B.Tooltip,{title:S,placement:i==="auto"?"top":i,arrowPointAtCenter:!0,getPopupContainer:e,overlayClassName:"bu-content-tooltip",children:j});const _=t.jsxs("div",{ref:N,className:u,style:d,children:[t.jsx("div",{className:p,style:f}),t.jsx("div",{className:"bu-tooltip-content__text",style:x,children:a})]});if(y.useLayoutEffect(()=>{if(!e||!n.current)return;const l=(s==null?void 0:s())??n.current.parentElement;if(!l)return;const m=l.getBoundingClientRect();q({position:"fixed",left:m.left+m.width/2,top:m.top,right:"auto",bottom:"auto",transform:"translate(-50%, calc(-100% - 16px))"})},[s,e]),e&&typeof document<"u"){const l=e();return t.jsxs(t.Fragment,{children:[t.jsx("span",{ref:n,className:"tooltip-portal-anchor"}),b&&R.createPortal(t.jsxs("div",{ref:N,className:u,style:{...d,...b},children:[t.jsx("div",{className:p,style:f}),t.jsx("div",{className:"bu-tooltip-content__text",style:x,children:a})]}),l)]})}return _}module.exports=P;

package/dist/web/Tooltip/ContentTooltip.mjs

@@ -1,65 +1,83 @@
-import { jsxs as c, Fragment as B, jsx as o } from "react/jsx-runtime";
-import { useRef as R, useState as _, useLayoutEffect as $ } from "react";
-import { createPortal as k } from "react-dom";
+import { jsx as t, jsxs as i, Fragment as R } from "react/jsx-runtime";
+import { useRef as $, useState as k, useLayoutEffect as C } from "react";
+import { createPortal as P } from "react-dom";
+import { Tooltip as T } from "antd";
 /* empty css              */
-import { useAutoPlacement as P } from "./useAutoPlacement.mjs";
-function z({
-  placement: N = "top",
-  content: n = "这里是提示内容，可以包含更多详细信息。",
-  variant: i = "default",
-  className: w,
+import { useAutoPlacement as F } from "./useAutoPlacement.mjs";
+function I({
+  children: N,
+  placement: a = "top",
+  content: p = "这里是提示内容，可以包含更多详细信息。",
+  variant: n = "default",
+  className: h,
   style: S,
-  getPopupContainer: e,
-  getAnchorElement: r,
-  color: t,
-  fontColor: l
+  getPopupContainer: o,
+  getAnchorElement: l,
+  color: e,
+  fontColor: r
 }) {
-  const [u, d] = P(N), p = R(null), [f, h] = _(), m = [
+  const [b, x] = F(a), c = $(null), [w, _] = k(), u = [
     "tooltip-popup",
     "tooltip-popup--content",
-    `tooltip-popup--${u}`,
-    i !== "default" ? `tooltip-popup--${i}` : "",
-    w
-  ].filter(Boolean).join(" "), y = [
+    `tooltip-popup--${b}`,
+    n !== "default" ? `tooltip-popup--${n}` : "",
+    h
+  ].filter(Boolean).join(" "), d = [
     "tooltip-arrow",
-    `tooltip-arrow--${u}`,
-    i === "tinted" ? "tooltip-arrow--tinted-bg" : ""
-  ].filter(Boolean).join(" "), b = {
+    `tooltip-arrow--${b}`,
+    n === "tinted" ? "tooltip-arrow--tinted-bg" : ""
+  ].filter(Boolean).join(" "), f = {
     ...S,
-    ...t ? { backgroundColor: t } : {},
-    ...l ? { color: l } : {}
-  }, v = t ? { backgroundColor: t, borderColor: t } : void 0, x = l ? { color: l } : void 0, j = /* @__PURE__ */ c("div", { ref: d, className: m, style: b, children: [
-    /* @__PURE__ */ o("div", { className: y, style: v }),
-    /* @__PURE__ */ o("div", { className: "bu-tooltip-content__text", style: x, children: n })
+    ...e ? { backgroundColor: e } : {},
+    ...r ? { color: r } : {}
+  }, m = e ? { backgroundColor: e, borderColor: e } : void 0, y = r ? { color: r } : void 0, j = /* @__PURE__ */ i("div", { className: `${u} tooltip-popup--antd`, style: f, children: [
+    /* @__PURE__ */ t("div", { className: d, style: m }),
+    /* @__PURE__ */ t("div", { className: "bu-tooltip-content__text", style: y, children: p })
   ] });
-  if ($(() => {
-    if (!e || !p.current) return;
-    const s = (r == null ? void 0 : r()) ?? p.current.parentElement;
+  if (N)
+    return /* @__PURE__ */ t(
+      T,
+      {
+        title: j,
+        placement: a === "auto" ? "top" : a,
+        arrowPointAtCenter: !0,
+        getPopupContainer: o,
+        overlayClassName: "bu-content-tooltip",
+        children: N
+      }
+    );
+  const B = /* @__PURE__ */ i("div", { ref: x, className: u, style: f, children: [
+    /* @__PURE__ */ t("div", { className: d, style: m }),
+    /* @__PURE__ */ t("div", { className: "bu-tooltip-content__text", style: y, children: p })
+  ] });
+  if (C(() => {
+    if (!o || !c.current) return;
+    const s = (l == null ? void 0 : l()) ?? c.current.parentElement;
     if (!s) return;
-    const a = s.getBoundingClientRect();
-    h({
+    const v = s.getBoundingClientRect();
+    _({
       position: "fixed",
-      left: a.left + a.width / 2,
-      top: a.top,
+      left: v.left + v.width / 2,
+      top: v.top,
       right: "auto",
       bottom: "auto",
       transform: "translate(-50%, calc(-100% - 16px))"
     });
-  }, [r, e]), e && typeof document < "u") {
-    const s = e();
-    return /* @__PURE__ */ c(B, { children: [
-      /* @__PURE__ */ o("span", { ref: p, className: "tooltip-portal-anchor" }),
-      f && k(
-        /* @__PURE__ */ c("div", { ref: d, className: m, style: { ...b, ...f }, children: [
-          /* @__PURE__ */ o("div", { className: y, style: v }),
-          /* @__PURE__ */ o("div", { className: "bu-tooltip-content__text", style: x, children: n })
+  }, [l, o]), o && typeof document < "u") {
+    const s = o();
+    return /* @__PURE__ */ i(R, { children: [
+      /* @__PURE__ */ t("span", { ref: c, className: "tooltip-portal-anchor" }),
+      w && P(
+        /* @__PURE__ */ i("div", { ref: x, className: u, style: { ...f, ...w }, children: [
+          /* @__PURE__ */ t("div", { className: d, style: m }),
+          /* @__PURE__ */ t("div", { className: "bu-tooltip-content__text", style: y, children: p })
         ] }),
         s
       )
     ] });
   }
-  return j;
+  return B;
 }
 export {
-  z as default
+  I as default
 };

package/dist/web.d.ts

@@ -1,11 +1,10 @@
 import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
 import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusEventHandler } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
-import { JSX } from 'react';
+import { JSX } from 'react/jsx-runtime';
 import { Key } from 'react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { KeyboardEventHandler } from 'react';
@@ -291,7 +290,7 @@ export declare interface BTabsTabPaneProps extends Omit<BTabsItem, 'key' | 'labe
 
 export declare type BTabsType = 'line' | 'card';
 
-declare function BTooltip({ placement, content, variant, className, style, getPopupContainer, getAnchorElement, color, fontColor, }: ContentTooltipProps): JSX.Element;
+declare function BTooltip({ children, placement, content, variant, className, style, getPopupContainer, getAnchorElement, color, fontColor, }: ContentTooltipProps): JSX.Element;
 export { BTooltip }
 export { BTooltip as ContentTooltip }
 
@@ -696,6 +695,7 @@ export declare interface ConfirmTooltipProps extends BaseTooltipProps {
 }
 
 declare interface ContentTooltipProps extends BaseTooltipProps {
+    children?: React.ReactElement;
     content?: ReactNode;
     variant?: TooltipVariant;
     /** Tooltip background color, including the arrow. */
@@ -868,7 +868,7 @@ export declare interface ProductFieldOption {
     searchText?: string;
 }
 
-export declare function ProgressTooltip({ placement, title, progress, className, style, }: ProgressTooltipProps): default_2.JSX.Element;
+export declare function ProgressTooltip({ placement, title, progress, className, style, }: ProgressTooltipProps): JSX.Element;
 
 export declare interface ProgressTooltipProps extends BaseTooltipProps {
     title?: string;

package/dist/web.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./web/Icon/Icon.js"),e=require("./web/Tooltip/ConfirmTooltip.js"),t=require("./web/Tooltip/ProgressTooltip.js"),r=require("./web/Tooltip/ContentTooltip.js"),n=require("./web/Tooltip/TooltipWrapper.js"),u=require("./web/SkuInputCard/SkuInputCard.js"),i=require("./web/Input/Input.js"),c=require("./web/BasicInput/BInput.js"),p=require("./web/Tabs/BTabs.js"),l=require("./web/Tabs/TabPane.js"),s=require("./web/EmptyInputBox/EmptyInputBox.js"),a=require("./web/Modal/Modal.js"),B=require("./web/ProductField/ProductField.js"),q=require("./web/CategoryDropdown/CategoryDropdown.js"),d=require("./web/Pagination/Pagination.js"),T=require("./web/FileCard/FileCard.js"),C=require("./web/Switch/Switch.js"),b=require("./web/InputNumber/BInputNumber.js"),I=require("./web/Table/BTable.js"),m=require("./web/Table/Column.js"),P=require("./web/Table/ColumnGroup.js"),g=require("./web/CheckBox/index.js"),y=require("./web/OverlayScrollbar/BOverlayScrollbar.js"),S=require("./web/Dropdown/BDropdown.js");exports.BuIcon=o;exports.ConfirmTooltip=e;exports.ProgressTooltip=t;exports.BTooltip=r;exports.ContentTooltip=r;exports.TooltipWrapper=n;exports.SkuInputCard=u;exports.BuInput=i;exports.BInput=c;exports.BTabs=p.default;exports.TabPane=l;exports.BuEmptyInputBox=s;exports.BuModal=a;exports.BuProductField=B;exports.BuCategoryDropdown=q;exports.Pagination=d;exports.FileCard=T;exports.BuSwitch=C;exports.BInputNumber=b;exports.BTable=I.BTable;exports.Column=m;exports.ColumnGroup=P;exports.BCheckBox=g.BCheckBox;exports.BOverlayScrollbar=y;exports.BDropdown=S.BDropdown;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./web/Icon/Icon.js"),e=require("./web/Tooltip/ConfirmTooltip.js"),t=require("./web/Tooltip/ProgressTooltip.js"),r=require("./web/Tooltip/ContentTooltip.js"),n=require("./web/Tooltip/TooltipWrapper.js"),u=require("./web/SkuInputCard/SkuInputCard.js"),i=require("./web/Input/Input.js"),c=require("./web/BasicInput/BInput.js"),p=require("./web/Tabs/BTabs.js"),a=require("./web/Tabs/TabPane.js"),l=require("./web/EmptyInputBox/EmptyInputBox.js"),s=require("./web/Modal/Modal.js"),B=require("./web/ProductField/ProductField.js"),q=require("./web/CategoryDropdown/CategoryDropdown.js"),d=require("./web/Pagination/Pagination.js"),T=require("./web/FileCard/FileCard.js"),C=require("./web/Switch/Switch.js"),b=require("./web/InputNumber/BInputNumber.js"),I=require("./web/Table/BTable.js"),m=require("./web/Table/Column.js"),P=require("./web/Table/ColumnGroup.js"),g=require("./web/CheckBox/index.js"),y=require("./web/OverlayScrollbar/BOverlayScrollbar.js"),S=require("./web/Dropdown/BDropdown.js");exports.BuIcon=o;exports.ConfirmTooltip=e;exports.ProgressTooltip=t;exports.BTooltip=r;exports.ContentTooltip=r;exports.TooltipWrapper=n;exports.SkuInputCard=u;exports.BuInput=i;exports.BInput=c;exports.BTabs=p.default;exports.TabPane=a.TabPane;exports.BuEmptyInputBox=l;exports.BuModal=s;exports.BuProductField=B;exports.BuCategoryDropdown=q;exports.Pagination=d;exports.FileCard=T;exports.BuSwitch=C;exports.BInputNumber=b;exports.BTable=I.BTable;exports.Column=m;exports.ColumnGroup=P;exports.BCheckBox=g.BCheckBox;exports.BOverlayScrollbar=y;exports.BDropdown=S.BDropdown;

package/dist/web.mjs

@@ -1,13 +1,13 @@
 import { default as t } from "./web/Icon/Icon.mjs";
-import { default as e } from "./web/Tooltip/ConfirmTooltip.mjs";
+import { default as a } from "./web/Tooltip/ConfirmTooltip.mjs";
 import { default as p } from "./web/Tooltip/ProgressTooltip.mjs";
-import { default as l, default as d } from "./web/Tooltip/ContentTooltip.mjs";
+import { default as l, default as m } from "./web/Tooltip/ContentTooltip.mjs";
 import { default as x } from "./web/Tooltip/TooltipWrapper.mjs";
 import { default as B } from "./web/SkuInputCard/SkuInputCard.mjs";
 import { default as i } from "./web/Input/Input.mjs";
 import { default as T } from "./web/BasicInput/BInput.mjs";
 import { default as b } from "./web/Tabs/BTabs.mjs";
-import { default as P } from "./web/Tabs/TabPane.mjs";
+import { TabPane as P } from "./web/Tabs/TabPane.mjs";
 import { default as w } from "./web/EmptyInputBox/EmptyInputBox.mjs";
 import { default as S } from "./web/Modal/Modal.mjs";
 import { default as k } from "./web/ProductField/ProductField.mjs";
@@ -40,8 +40,8 @@ export {
   O as BuSwitch,
   H as Column,
   K as ColumnGroup,
-  e as ConfirmTooltip,
-  d as ContentTooltip,
+  a as ConfirmTooltip,
+  m as ContentTooltip,
   M as FileCard,
   E as Pagination,
   p as ProgressTooltip,

package/package.json

@@ -1,92 +1,93 @@
-{
-  "name": "bj-web-components",
-  "version": "0.2.18",
-  "description": "Enterprise UI component library for Web, Mobile, and Mini-app platforms",
-  "keywords": [
-    "react",
-    "ui",
-    "component",
-    "design-system",
-    "web",
-    "mobile",
-    "miniapp"
-  ],
-  "author": "hkm-hfrl",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": ""
-  },
-  "private": false,
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./react": {
-      "types": "./dist/react.d.ts",
-      "import": "./dist/react.mjs",
-      "require": "./dist/react.js"
-    },
-    "./web": {
-      "types": "./dist/web.d.ts",
-      "import": "./dist/web.mjs",
-      "require": "./dist/web.js"
-    },
-    "./mobile": {
-      "types": "./dist/mobile.d.ts",
-      "import": "./dist/mobile.mjs",
-      "require": "./dist/mobile.js"
-    },
-    "./miniapp": {
-      "types": "./dist/miniapp.d.ts",
-      "import": "./dist/miniapp.mjs",
-      "require": "./dist/miniapp.js"
-    },
-    "./shared": {
-      "types": "./dist/shared.d.ts",
-      "import": "./dist/shared.mjs",
-      "require": "./dist/shared.js"
-    },
-    "./style": "./dist/style.css"
-  },
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build --mode lib --minify false",
-    "build:dev": "vite build --mode lib --watch --minify false",
-    "build:docs": "vite build",
-    "preview": "vite preview",
-    "lint": "eslint",
-    "build:lib": "vite build --mode lib",
-    "build:lib:watch": "vite build --mode lib --watch"
-  },
-  "peerDependencies": {
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@vitejs/plugin-react": "^4.3.4",
-    "antd": "^6.3.3",
-    "eslint": "^9",
-    "less": "^4.6.4",
-    "lucide-react": "^0.577.0",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
-    "react-router-dom": "^6.30.3",
-    "tailwindcss": "^4",
-    "typescript": "^5",
-    "vite": "^6.0.7",
-    "vite-plugin-dts": "^4.3.0"
-  }
-}
+{
+  "name": "bj-web-components",
+  "version": "0.2.20",
+  "description": "Enterprise UI component library for Web, Mobile, and Mini-app platforms",
+  "keywords": [
+    "react",
+    "ui",
+    "component",
+    "design-system",
+    "web",
+    "mobile",
+    "miniapp"
+  ],
+  "author": "hkm-hfrl",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "private": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.mjs",
+      "require": "./dist/react.js"
+    },
+    "./web": {
+      "types": "./dist/web.d.ts",
+      "import": "./dist/web.mjs",
+      "require": "./dist/web.js"
+    },
+    "./mobile": {
+      "types": "./dist/mobile.d.ts",
+      "import": "./dist/mobile.mjs",
+      "require": "./dist/mobile.js"
+    },
+    "./miniapp": {
+      "types": "./dist/miniapp.d.ts",
+      "import": "./dist/miniapp.mjs",
+      "require": "./dist/miniapp.js"
+    },
+    "./shared": {
+      "types": "./dist/shared.d.ts",
+      "import": "./dist/shared.mjs",
+      "require": "./dist/shared.js"
+    },
+    "./style": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build --mode lib --minify false",
+    "build:dev": "vite build --mode lib --watch --minify false",
+    "build:docs": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint",
+    "build:lib": "vite build --mode lib",
+    "build:lib:watch": "vite build --mode lib --watch"
+  },
+  "peerDependencies": {
+    "antd": ">=4.19.3 <5",
+    "react": ">=17.0.2",
+    "react-dom": ">=17.0.2"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^4.3.4",
+    "antd": "^6.3.3",
+    "eslint": "^9",
+    "less": "^4.6.4",
+    "lucide-react": "^0.577.0",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-router-dom": "^6.30.3",
+    "tailwindcss": "^4",
+    "typescript": "^5",
+    "vite": "^6.0.7",
+    "vite-plugin-dts": "^4.3.0"
+  }
+}