@lobehub/ui 3.3.5 → 3.4.0

package/es/Tooltip/Tooltip.js

@@ -19,7 +19,7 @@ import { antdPlacementToFloating } from "./antdPlacementToFloating";
 import { composeEventHandlers } from "../utils/composeEventHandlers";
 import TooltipFloating from "./TooltipFloating";
 import TooltipPortal from "./TooltipPortal";
-import { TooltipGroupContext } from "./groupContext";
+import { TooltipGroupApiContext, TooltipGroupPropsContext } from "./groupContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -27,50 +27,71 @@ var TooltipInGroup = function TooltipInGroup(_ref) {
   var ref = _ref.ref,
     hotkey = _ref.hotkey,
     className = _ref.className,
-    _ref$arrow = _ref.arrow,
-    arrow = _ref$arrow === void 0 ? false : _ref$arrow,
+    arrow = _ref.arrow,
     title = _ref.title,
     hotkeyProps = _ref.hotkeyProps,
     children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? 'top' : _ref$placement,
+    placement = _ref.placement,
     openDelay = _ref.openDelay,
     closeDelay = _ref.closeDelay,
-    _ref$mouseEnterDelay = _ref.mouseEnterDelay,
-    mouseEnterDelay = _ref$mouseEnterDelay === void 0 ? 0 : _ref$mouseEnterDelay,
-    _ref$mouseLeaveDelay = _ref.mouseLeaveDelay,
-    mouseLeaveDelay = _ref$mouseLeaveDelay === void 0 ? 0 : _ref$mouseLeaveDelay,
+    mouseEnterDelay = _ref.mouseEnterDelay,
+    mouseLeaveDelay = _ref.mouseLeaveDelay,
     onOpenChange = _ref.onOpenChange,
     disabled = _ref.disabled,
     classNames = _ref.classNames,
     styleProps = _ref.styles,
     zIndex = _ref.zIndex,
-    _ref$portalled = _ref.portalled,
-    portalled = _ref$portalled === void 0 ? true : _ref$portalled,
+    portalled = _ref.portalled,
     getPopupContainer = _ref.getPopupContainer;
-  var group = useContext(TooltipGroupContext);
+  var group = useContext(TooltipGroupApiContext);
+  var sharedProps = useContext(TooltipGroupPropsContext);
   var triggerElRef = useRef(null);
+  var mergedClassName = useMemo(function () {
+    if (!(sharedProps !== null && sharedProps !== void 0 && sharedProps.className) && !className) return undefined;
+    return [sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.className, className].filter(Boolean).join(' ');
+  }, [className, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.className]);
+  var mergedClassNames = useMemo(function () {
+    if (!(sharedProps !== null && sharedProps !== void 0 && sharedProps.classNames) && !classNames) return undefined;
+    return _objectSpread(_objectSpread({}, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.classNames), classNames);
+  }, [classNames, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.classNames]);
+  var mergedStyles = useMemo(function () {
+    if (!(sharedProps !== null && sharedProps !== void 0 && sharedProps.styles) && !styleProps) return undefined;
+    return _objectSpread(_objectSpread({}, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.styles), styleProps);
+  }, [sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.styles, styleProps]);
+  var mergedHotkeyProps = useMemo(function () {
+    if (!(sharedProps !== null && sharedProps !== void 0 && sharedProps.hotkeyProps) && !hotkeyProps) return undefined;
+    return _objectSpread(_objectSpread({}, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.hotkeyProps), hotkeyProps);
+  }, [hotkeyProps, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.hotkeyProps]);
+  var mergedOnOpenChange = useMemo(function () {
+    if (!(sharedProps !== null && sharedProps !== void 0 && sharedProps.onOpenChange) && !onOpenChange) return undefined;
+    return function (open) {
+      var _sharedProps$onOpenCh;
+      sharedProps === null || sharedProps === void 0 || (_sharedProps$onOpenCh = sharedProps.onOpenChange) === null || _sharedProps$onOpenCh === void 0 || _sharedProps$onOpenCh.call(sharedProps, open);
+      onOpenChange === null || onOpenChange === void 0 || onOpenChange(open);
+    };
+  }, [onOpenChange, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.onOpenChange]);
   var item = useMemo(function () {
+    var _ref2, _ref3;
     return {
-      arrow: arrow,
-      className: className,
-      classNames: classNames,
-      closeDelay: closeDelay,
-      disabled: disabled,
-      getPopupContainer: getPopupContainer,
-      hotkey: hotkey,
-      hotkeyProps: hotkeyProps,
-      mouseEnterDelay: mouseEnterDelay,
-      mouseLeaveDelay: mouseLeaveDelay,
-      onOpenChange: onOpenChange,
-      openDelay: openDelay,
-      placement: placement,
-      portalled: portalled,
-      styles: styleProps,
+      arrow: (_ref2 = arrow !== null && arrow !== void 0 ? arrow : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.arrow) !== null && _ref2 !== void 0 ? _ref2 : false,
+      className: mergedClassName,
+      classNames: mergedClassNames,
+      closeDelay: closeDelay !== null && closeDelay !== void 0 ? closeDelay : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.closeDelay,
+      disabled: disabled !== null && disabled !== void 0 ? disabled : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.disabled,
+      getPopupContainer: getPopupContainer !== null && getPopupContainer !== void 0 ? getPopupContainer : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.getPopupContainer,
+      hotkey: hotkey !== null && hotkey !== void 0 ? hotkey : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.hotkey,
+      hotkeyProps: mergedHotkeyProps,
+      mouseEnterDelay: mouseEnterDelay !== null && mouseEnterDelay !== void 0 ? mouseEnterDelay : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.mouseEnterDelay,
+      mouseLeaveDelay: mouseLeaveDelay !== null && mouseLeaveDelay !== void 0 ? mouseLeaveDelay : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.mouseLeaveDelay,
+      onOpenChange: mergedOnOpenChange,
+      openDelay: openDelay !== null && openDelay !== void 0 ? openDelay : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.openDelay,
+      placement: (_ref3 = placement !== null && placement !== void 0 ? placement : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.placement) !== null && _ref3 !== void 0 ? _ref3 : 'top',
+      portalled: portalled !== null && portalled !== void 0 ? portalled : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.portalled,
+      styles: mergedStyles,
       title: title,
-      zIndex: zIndex
+      zIndex: zIndex !== null && zIndex !== void 0 ? zIndex : sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.zIndex
     };
-  }, [arrow, className, classNames, closeDelay, disabled, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, openDelay, placement, portalled, styleProps, title, zIndex]);
+  }, [arrow, closeDelay, disabled, getPopupContainer, hotkey, mergedClassName, mergedClassNames, mergedHotkeyProps, mergedOnOpenChange, mergedStyles, mouseEnterDelay, mouseLeaveDelay, openDelay, placement, portalled, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.arrow, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.closeDelay, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.disabled, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.getPopupContainer, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.hotkey, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.mouseEnterDelay, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.mouseLeaveDelay, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.openDelay, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.placement, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.portalled, sharedProps === null || sharedProps === void 0 ? void 0 : sharedProps.zIndex, title, zIndex]);
   var trigger = useMemo(function () {
     var _children$props;
     if (! /*#__PURE__*/isValidElement(children)) return /*#__PURE__*/_jsx("span", {
@@ -121,33 +142,31 @@ var TooltipInGroup = function TooltipInGroup(_ref) {
   return referenceNode;
 };
 TooltipInGroup.displayName = 'TooltipInGroup';
-var TooltipStandalone = function TooltipStandalone(_ref2) {
-  var ref = _ref2.ref,
-    hotkey = _ref2.hotkey,
-    className = _ref2.className,
-    _ref2$arrow = _ref2.arrow,
-    arrow = _ref2$arrow === void 0 ? false : _ref2$arrow,
-    title = _ref2.title,
-    hotkeyProps = _ref2.hotkeyProps,
-    children = _ref2.children,
-    _ref2$placement = _ref2.placement,
-    placement = _ref2$placement === void 0 ? 'top' : _ref2$placement,
-    openDelay = _ref2.openDelay,
-    closeDelay = _ref2.closeDelay,
-    _ref2$mouseEnterDelay = _ref2.mouseEnterDelay,
-    mouseEnterDelay = _ref2$mouseEnterDelay === void 0 ? 0 : _ref2$mouseEnterDelay,
-    _ref2$mouseLeaveDelay = _ref2.mouseLeaveDelay,
-    mouseLeaveDelay = _ref2$mouseLeaveDelay === void 0 ? 0 : _ref2$mouseLeaveDelay,
-    open = _ref2.open,
-    defaultOpen = _ref2.defaultOpen,
-    onOpenChange = _ref2.onOpenChange,
-    disabled = _ref2.disabled,
-    classNames = _ref2.classNames,
-    styleProps = _ref2.styles,
-    zIndex = _ref2.zIndex,
-    _ref2$portalled = _ref2.portalled,
-    portalled = _ref2$portalled === void 0 ? true : _ref2$portalled,
-    getPopupContainer = _ref2.getPopupContainer;
+var TooltipStandalone = function TooltipStandalone(_ref4) {
+  var ref = _ref4.ref,
+    hotkey = _ref4.hotkey,
+    className = _ref4.className,
+    _ref4$arrow = _ref4.arrow,
+    arrow = _ref4$arrow === void 0 ? false : _ref4$arrow,
+    title = _ref4.title,
+    hotkeyProps = _ref4.hotkeyProps,
+    children = _ref4.children,
+    _ref4$placement = _ref4.placement,
+    placement = _ref4$placement === void 0 ? 'top' : _ref4$placement,
+    openDelay = _ref4.openDelay,
+    closeDelay = _ref4.closeDelay,
+    mouseEnterDelay = _ref4.mouseEnterDelay,
+    mouseLeaveDelay = _ref4.mouseLeaveDelay,
+    open = _ref4.open,
+    defaultOpen = _ref4.defaultOpen,
+    onOpenChange = _ref4.onOpenChange,
+    disabled = _ref4.disabled,
+    classNames = _ref4.classNames,
+    styleProps = _ref4.styles,
+    zIndex = _ref4.zIndex,
+    _ref4$portalled = _ref4.portalled,
+    portalled = _ref4$portalled === void 0 ? true : _ref4$portalled,
+    getPopupContainer = _ref4.getPopupContainer;
   var arrowRef = useRef(null);
   var _useState = useState(Boolean(defaultOpen)),
     _useState2 = _slicedToArray(_useState, 2),
@@ -182,8 +201,8 @@ var TooltipStandalone = function TooltipStandalone(_ref2) {
     refs = _useFloating.refs;
   var resolvedDelay = useMemo(function () {
     return {
-      close: closeDelay !== null && closeDelay !== void 0 ? closeDelay : mouseLeaveDelay * 1000,
-      open: openDelay !== null && openDelay !== void 0 ? openDelay : mouseEnterDelay * 1000
+      close: closeDelay !== null && closeDelay !== void 0 ? closeDelay : mouseLeaveDelay !== undefined ? mouseLeaveDelay * 1000 : 100,
+      open: openDelay !== null && openDelay !== void 0 ? openDelay : mouseEnterDelay !== undefined ? mouseEnterDelay * 1000 : 100
     };
   }, [closeDelay, mouseEnterDelay, mouseLeaveDelay, openDelay]);
   var hover = useHover(context, {
@@ -250,7 +269,7 @@ var TooltipStandalone = function TooltipStandalone(_ref2) {
   });
 };
 export var Tooltip = function Tooltip(props) {
-  var group = useContext(TooltipGroupContext);
+  var group = useContext(TooltipGroupApiContext);
 
   // Group mode is intentionally hover/focus driven; keep standalone behavior for controlled cases.
   var canUseGroup = Boolean(group) && props.open === undefined && props.defaultOpen === undefined;

package/es/Tooltip/TooltipFloating.js

@@ -6,14 +6,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { FloatingArrow } from '@floating-ui/react';
-import React, { useLayoutEffect, useMemo, useState } from 'react';
+import { useDebounce } from 'ahooks';
+import React, { useMemo } from 'react';
 import { Flexbox } from "../Flex";
 import Hotkey from "../Hotkey";
 import { AnimatePresence, LazyMotion, m } from "../motion";
@@ -64,26 +59,14 @@ var TooltipFloating = function TooltipFloating(_ref) {
         }
     }
   }, [placement]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    openNextTick = _useState2[0],
-    setOpenNextTick = _useState2[1];
-  useLayoutEffect(function () {
-    if (!open) {
-      setOpenNextTick(false);
-      return;
-    }
-    var rafId = requestAnimationFrame(function () {
-      setOpenNextTick(true);
-    });
-    return function () {
-      cancelAnimationFrame(rafId);
-    };
-  }, [open]);
+  var hasTransform = useDebounce(Boolean(floatingStyles === null || floatingStyles === void 0 ? void 0 : floatingStyles.transform), {
+    leading: false,
+    wait: 16
+  });
   return /*#__PURE__*/_jsx(LazyMotion, {
     children: /*#__PURE__*/_jsx(AnimatePresence, {
       children: open && title && /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
-        className: cx(styles.tooltip, openNextTick && styles.tooltipLayout, classNames === null || classNames === void 0 ? void 0 : classNames.container, classNames === null || classNames === void 0 ? void 0 : classNames.root, className),
+        className: cx(styles.tooltip, hasTransform && styles.tooltipLayout, classNames === null || classNames === void 0 ? void 0 : classNames.container, classNames === null || classNames === void 0 ? void 0 : classNames.root, className),
         ref: setFloating,
         role: "tooltip",
         style: styleProps !== null && styleProps !== void 0 && styleProps.root ? _objectSpread(_objectSpread(_objectSpread({}, floatingStyles), {}, {

package/es/Tooltip/TooltipGroup.d.ts

@@ -1,5 +1,6 @@
 import { type FC, type ReactNode } from 'react';
-type TooltipGroupProps = {
+import { type TooltipGroupSharedProps } from './groupContext';
+type TooltipGroupProps = TooltipGroupSharedProps & {
     children: ReactNode;
 };
 declare const TooltipGroup: FC<TooltipGroupProps>;

package/es/Tooltip/TooltipGroup.js

@@ -1,22 +1,26 @@
 'use client';
 
+var _excluded = ["children"];
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { arrow as arrowMiddleware, autoUpdate, flip, offset, shift, useFloating } from '@floating-ui/react';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { antdPlacementToFloating } from "./antdPlacementToFloating";
 import TooltipFloating from "./TooltipFloating";
 import TooltipPortal from "./TooltipPortal";
-import { TooltipGroupContext } from "./groupContext";
+import { TooltipGroupApiContext, TooltipGroupPropsContext } from "./groupContext";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var TooltipGroup = function TooltipGroup(_ref) {
   var _active$item$portalle;
-  var children = _ref.children;
+  var children = _ref.children,
+    sharedProps = _objectWithoutProperties(_ref, _excluded);
   var arrowRef = useRef(null);
   var openTimerRef = useRef(null);
   var closeTimerRef = useRef(null);
@@ -73,10 +77,10 @@ var TooltipGroup = function TooltipGroup(_ref) {
     return Boolean(activeRef.current && activeRef.current.triggerEl === triggerEl);
   }, []);
   var closeFromTrigger = useCallback(function (triggerEl, item) {
-    var _item$closeDelay, _item$mouseLeaveDelay;
+    var _item$closeDelay;
     if (!activeRef.current || activeRef.current.triggerEl !== triggerEl) return;
     clearTimers();
-    var delayMs = (_item$closeDelay = item.closeDelay) !== null && _item$closeDelay !== void 0 ? _item$closeDelay : ((_item$mouseLeaveDelay = item.mouseLeaveDelay) !== null && _item$mouseLeaveDelay !== void 0 ? _item$mouseLeaveDelay : 0) * 1000;
+    var delayMs = (_item$closeDelay = item.closeDelay) !== null && _item$closeDelay !== void 0 ? _item$closeDelay : item.mouseLeaveDelay !== undefined ? item.mouseLeaveDelay * 1000 : 100;
     if (delayMs <= 0) {
       var _item$onOpenChange;
       setOpen(false);
@@ -90,7 +94,7 @@ var TooltipGroup = function TooltipGroup(_ref) {
     }, delayMs);
   }, [clearTimers]);
   var openFromTrigger = useCallback(function (triggerEl, item) {
-    var _item$openDelay, _item$mouseEnterDelay;
+    var _item$openDelay;
     if (!triggerEl) return;
     if (!item.title) return;
     if (item.disabled) return;
@@ -99,7 +103,7 @@ var TooltipGroup = function TooltipGroup(_ref) {
       item: item,
       triggerEl: triggerEl
     });
-    var delayMs = (_item$openDelay = item.openDelay) !== null && _item$openDelay !== void 0 ? _item$openDelay : ((_item$mouseEnterDelay = item.mouseEnterDelay) !== null && _item$mouseEnterDelay !== void 0 ? _item$mouseEnterDelay : 0) * 1000;
+    var delayMs = (_item$openDelay = item.openDelay) !== null && _item$openDelay !== void 0 ? _item$openDelay : item.mouseEnterDelay !== undefined ? item.mouseEnterDelay * 1000 : 100;
     if (delayMs <= 0) {
       var _item$onOpenChange3;
       setOpen(true);
@@ -112,7 +116,7 @@ var TooltipGroup = function TooltipGroup(_ref) {
       (_item$onOpenChange4 = item.onOpenChange) === null || _item$onOpenChange4 === void 0 || _item$onOpenChange4.call(item, true);
     }, delayMs);
   }, [clearTimers]);
-  var api = useMemo(function () {
+  var groupApi = useMemo(function () {
     return {
       closeFromTrigger: closeFromTrigger,
       closeImmediately: closeImmediately,
@@ -142,12 +146,15 @@ var TooltipGroup = function TooltipGroup(_ref) {
     title: active === null || active === void 0 ? void 0 : active.item.title,
     zIndex: active === null || active === void 0 ? void 0 : active.item.zIndex
   });
-  return /*#__PURE__*/_jsxs(TooltipGroupContext.Provider, {
-    value: api,
-    children: [children, (active === null || active === void 0 ? void 0 : active.item.title) && !active.item.disabled && (((_active$item$portalle = active.item.portalled) !== null && _active$item$portalle !== void 0 ? _active$item$portalle : true) ? /*#__PURE__*/_jsx(TooltipPortal, {
-      root: portalRoot,
-      children: floatingNode
-    }) : floatingNode)]
+  return /*#__PURE__*/_jsx(TooltipGroupApiContext.Provider, {
+    value: groupApi,
+    children: /*#__PURE__*/_jsxs(TooltipGroupPropsContext.Provider, {
+      value: sharedProps,
+      children: [children, (active === null || active === void 0 ? void 0 : active.item.title) && !active.item.disabled && (((_active$item$portalle = active.item.portalled) !== null && _active$item$portalle !== void 0 ? _active$item$portalle : true) ? /*#__PURE__*/_jsx(TooltipPortal, {
+        root: portalRoot,
+        children: floatingNode
+      }) : floatingNode)]
+    })
   });
 };
 export default TooltipGroup;

package/es/Tooltip/groupContext.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
 import type { TooltipProps } from './type';
 export type TooltipGroupItem = Omit<TooltipProps, 'children' | 'open' | 'defaultOpen'>;
+export type TooltipGroupSharedProps = Omit<TooltipProps, 'children' | 'defaultOpen' | 'open' | 'ref' | 'title'>;
 export type TooltipGroupApi = {
     closeFromTrigger: (triggerEl: HTMLElement, item: TooltipGroupItem) => void;
     closeImmediately: () => void;
     isActiveTrigger: (triggerEl: HTMLElement) => boolean;
     openFromTrigger: (triggerEl: HTMLElement, item: TooltipGroupItem) => void;
 };
-export declare const TooltipGroupContext: import("react").Context<TooltipGroupApi | null>;
+export declare const TooltipGroupApiContext: import("react").Context<TooltipGroupApi | null>;
+export declare const TooltipGroupPropsContext: import("react").Context<TooltipGroupSharedProps | null>;

package/es/Tooltip/groupContext.js

@@ -1,2 +1,3 @@
 import { createContext } from 'react';
-export var TooltipGroupContext = /*#__PURE__*/createContext(null);
+export var TooltipGroupApiContext = /*#__PURE__*/createContext(null);
+export var TooltipGroupPropsContext = /*#__PURE__*/createContext(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "3.3.5",
+  "version": "3.4.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",