feat: Tooltip support z-index manager (ant-design#45422)

* feat: Tooltip support z-index manager

* feat: optimize code

components/tooltip/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -1522,7 +1522,7 @@ exports[`renders components/tooltip/demo/disabled.tsx extend context correctly 1
       </div>
       <div
         class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up ant-select-dropdown-empty ant-select-dropdown-placement-bottomLeft"
-        style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box;"
+        style="--arrow-x: 0px; --arrow-y: 0px; left: -1000vw; top: -1000vh; box-sizing: border-box; z-index: 1120;"
       >
         <div>
           <div

components/tooltip/__tests__/tooltip.test.tsx

@@ -15,6 +15,7 @@ import Group from '../../input/Group';
 import Radio from '../../radio';
 import Switch from '../../switch';
 import { isTooltipOpen } from './util';
+import { Select } from 'antd';
 
 describe('Tooltip', () => {
   mountTest(Tooltip);
@@ -603,4 +604,32 @@ describe('Tooltip', () => {
     expect(error).toHaveBeenCalled();
     error.mockRestore();
   });
+  it('z-index should be accumulated in nested Tooltip', () => {
+    const options = [
+      {
+        label: 'Option 1',
+        value: '1',
+      },
+      {
+        label: 'Option 2',
+        value: '2',
+      },
+    ];
+    render(
+      <>
+        <Select open options={options} popupClassName="select0" />
+        <Tooltip open title="test1" rootClassName="test1">
+          <Select open options={options} popupClassName="select1" />
+          <Tooltip open title="test2" rootClassName="test2">
+            <Select open options={options} popupClassName="select2" />
+          </Tooltip>
+        </Tooltip>
+      </>,
+    );
+    expect((document.querySelector('.test1') as HTMLDivElement)!.style.zIndex).toBeFalsy();
+    expect((document.querySelector('.test2') as HTMLDivElement)!.style.zIndex).toBe('2140');
+    expect((document.querySelector('.select0') as HTMLDivElement)!.style.zIndex).toBeFalsy();
+    expect((document.querySelector('.select1') as HTMLDivElement)!.style.zIndex).toBe('1120');
+    expect((document.querySelector('.select2') as HTMLDivElement)!.style.zIndex).toBe('2190');
+  });
 });

components/tooltip/index.tsx

@@ -11,12 +11,14 @@ import useMergedState from 'rc-util/lib/hooks/useMergedState';
 
 import type { PresetColorType } from '../_util/colors';
 import type { RenderFunction } from '../_util/getRenderPropValue';
+import { useZIndex } from '../_util/hooks/useZIndex';
 import { getTransitionName } from '../_util/motion';
 import type { AdjustOverflow, PlacementsConfig } from '../_util/placements';
 import getPlacements from '../_util/placements';
 import { cloneElement, isFragment, isValidElement } from '../_util/reactNode';
 import type { LiteralUnion } from '../_util/type';
 import { devUseWarning } from '../_util/warning';
+import zIndexContext from '../_util/zindexContext';
 import { ConfigContext } from '../config-provider';
 import { NoCompactStyle } from '../space/Compact';
 import { useToken } from '../theme/internal';
@@ -292,9 +294,13 @@ const Tooltip = React.forwardRef<TooltipRef, TooltipProps>((props, ref) => {
     hashId,
   );
 
-  return wrapSSR(
+  // ============================ zIndex ============================
+  const [zIndex, contextZIndex] = useZIndex('Tooltip', otherProps.zIndex);
+
+  const content = (
     <RcTooltip
       {...otherProps}
+      zIndex={zIndex}
       showArrow={mergedShowArrow}
       placement={placement}
       mouseEnterDelay={mouseEnterDelay}
@@ -318,8 +324,14 @@ const Tooltip = React.forwardRef<TooltipRef, TooltipProps>((props, ref) => {
       destroyTooltipOnHide={!!destroyTooltipOnHide}
     >
       {tempOpen ? cloneElement(child, { className: childCls }) : child}
-    </RcTooltip>,
+    </RcTooltip>
   );
+
+  if (injectFromPopover) {
+    return wrapSSR(content);
+  }
+
+  return wrapSSR(<zIndexContext.Provider value={contextZIndex}>{content}</zIndexContext.Provider>);
 }) as React.ForwardRefExoticComponent<
   React.PropsWithoutRef<TooltipProps> & React.RefAttributes<unknown>
 > & {