bj-web-components 0.2.25 → 0.2.27

package/dist/index.d.ts

@@ -290,7 +290,7 @@ export declare interface BTabsTabPaneProps extends Omit<BTabsItem, 'key' | 'labe
 
 export declare type BTabsType = 'line' | 'card';
 
-declare function BTooltip({ children, 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, autoAdjustOverflow, }: ContentTooltipProps): JSX.Element;
 export { BTooltip }
 export { BTooltip as ContentTooltip }
 
@@ -698,6 +698,8 @@ declare interface ContentTooltipProps extends BaseTooltipProps {
     children?: React.ReactElement;
     content?: ReactNode;
     variant?: TooltipVariant;
+    /** 空间不足时是否允许 antd 自动翻转弹层方向；置 false 时严格按 placement 渲染（可能溢出视口）。默认 true */
+    autoAdjustOverflow?: boolean;
     /** Tooltip background color, including the arrow. */
     color?: string;
     /** Tooltip content text color. */

package/dist/web/Tooltip/ContentTooltip.js

@@ -1 +1 @@
-"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;
+"use strict";const t=require("react/jsx-runtime"),y=require("react"),B=require("react-dom"),$=require("antd");;/* empty css              */const P=require("./useAutoPlacement.js");function k({children:j,placement:i="top",content:a="这里是提示内容，可以包含更多详细信息。",variant:c="default",className:w,style:h,getPopupContainer:e,getAnchorElement:s,color:o,fontColor:r,autoAdjustOverflow:q=!0}){const[v,N]=P.useAutoPlacement(i),n=y.useRef(null),[b,S]=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,_=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($.Tooltip,{title:_,placement:i==="auto"?"top":i,arrowPointAtCenter:!0,autoAdjustOverflow:q,getPopupContainer:e,overlayClassName:"bu-content-tooltip",children:j});const R=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();S({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&&B.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 R}module.exports=k;

package/dist/web/Tooltip/ContentTooltip.mjs

@@ -1,10 +1,10 @@
-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";
+import { jsx as t, jsxs as i, Fragment as $ } from "react/jsx-runtime";
+import { useRef as k, useState as C, useLayoutEffect as P } from "react";
+import { createPortal as T } from "react-dom";
+import { Tooltip as F } from "antd";
 /* empty css              */
-import { useAutoPlacement as F } from "./useAutoPlacement.mjs";
-function I({
+import { useAutoPlacement as L } from "./useAutoPlacement.mjs";
+function J({
   children: N,
   placement: a = "top",
   content: p = "这里是提示内容，可以包含更多详细信息。",
@@ -14,9 +14,10 @@ function I({
   getPopupContainer: o,
   getAnchorElement: l,
   color: e,
-  fontColor: r
+  fontColor: r,
+  autoAdjustOverflow: _ = !0
 }) {
-  const [b, x] = F(a), c = $(null), [w, _] = k(), u = [
+  const [b, x] = L(a), c = k(null), [w, j] = C(), u = [
     "tooltip-popup",
     "tooltip-popup--content",
     `tooltip-popup--${b}`,
@@ -30,32 +31,33 @@ function I({
     ...S,
     ...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: [
+  }, m = e ? { backgroundColor: e, borderColor: e } : void 0, y = r ? { color: r } : void 0, B = /* @__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 (N)
     return /* @__PURE__ */ t(
-      T,
+      F,
       {
-        title: j,
+        title: B,
         placement: a === "auto" ? "top" : a,
         arrowPointAtCenter: !0,
+        autoAdjustOverflow: _,
         getPopupContainer: o,
         overlayClassName: "bu-content-tooltip",
         children: N
       }
     );
-  const B = /* @__PURE__ */ i("div", { ref: x, className: u, style: f, children: [
+  const R = /* @__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 (P(() => {
     if (!o || !c.current) return;
     const s = (l == null ? void 0 : l()) ?? c.current.parentElement;
     if (!s) return;
     const v = s.getBoundingClientRect();
-    _({
+    j({
       position: "fixed",
       left: v.left + v.width / 2,
       top: v.top,
@@ -65,9 +67,9 @@ function I({
     });
   }, [l, o]), o && typeof document < "u") {
     const s = o();
-    return /* @__PURE__ */ i(R, { children: [
+    return /* @__PURE__ */ i($, { children: [
       /* @__PURE__ */ t("span", { ref: c, className: "tooltip-portal-anchor" }),
-      w && P(
+      w && T(
         /* @__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 })
@@ -76,8 +78,8 @@ function I({
       )
     ] });
   }
-  return B;
+  return R;
 }
 export {
-  I as default
+  J as default
 };

package/dist/web.d.ts

@@ -290,7 +290,7 @@ export declare interface BTabsTabPaneProps extends Omit<BTabsItem, 'key' | 'labe
 
 export declare type BTabsType = 'line' | 'card';
 
-declare function BTooltip({ children, 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, autoAdjustOverflow, }: ContentTooltipProps): JSX.Element;
 export { BTooltip }
 export { BTooltip as ContentTooltip }
 
@@ -698,6 +698,8 @@ declare interface ContentTooltipProps extends BaseTooltipProps {
     children?: React.ReactElement;
     content?: ReactNode;
     variant?: TooltipVariant;
+    /** 空间不足时是否允许 antd 自动翻转弹层方向；置 false 时严格按 placement 渲染（可能溢出视口）。默认 true */
+    autoAdjustOverflow?: boolean;
     /** Tooltip background color, including the arrow. */
     color?: string;
     /** Tooltip content text color. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bj-web-components",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "description": "Enterprise UI component library for Web, Mobile, and Mini-app platforms",
   "keywords": [
     "react",