fix: avoid deep rc component imports (ant-design#58130)

Author: QDyanbing

components/mentions/demo/_semantic.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { UnstableContext } from '@rc-component/mentions';
-import type { UnstableContextProps } from '@rc-component/mentions/lib/context';
 import type { MentionProps } from 'antd';
 import { Mentions } from 'antd';
 
@@ -25,7 +24,10 @@ const locales = {
 
 const Block: React.FC<MentionProps> = (props) => {
   const divRef = React.useRef<HTMLDivElement>(null);
-  const memoizedValue = React.useMemo<UnstableContextProps>(() => ({ open: true }), []);
+  const memoizedValue = React.useMemo<React.ContextType<typeof UnstableContext>>(
+    () => ({ open: true }),
+    [],
+  );
   return (
     <div ref={divRef} style={{ position: 'absolute', height: 200, overflow: 'hidden' }}>
       <UnstableContext.Provider value={memoizedValue}>

components/mentions/index.tsx

@@ -1,10 +1,6 @@
 import * as React from 'react';
 import RcMentions from '@rc-component/mentions';
-import type {
-  DataDrivenOptionProps as MentionsOptionProps,
-  MentionsProps as RcMentionsProps,
-  MentionsRef as RcMentionsRef,
-} from '@rc-component/mentions/lib/Mentions';
+import type { MentionsProps as RcMentionsProps } from '@rc-component/mentions';
 import { composeRef } from '@rc-component/util';
 import { clsx } from 'clsx';
 
@@ -37,7 +33,8 @@ function loadingFilterOption() {
 
 export type MentionPlacement = 'top' | 'bottom';
 
-export type { DataDrivenOptionProps as MentionsOptionProps } from '@rc-component/mentions/lib/Mentions';
+export type MentionsOptionProps = NonNullable<RcMentionsProps['options']>[number];
+type RcMentionsRef = React.ComponentRef<typeof RcMentions>;
 
 export interface OptionProps {
   value: string;

components/menu/interface.ts

@@ -1,9 +1,10 @@
-import type {
-  MenuDividerType as RcMenuDividerType,
-  MenuItemGroupType as RcMenuItemGroupType,
-  MenuItemType as RcMenuItemType,
-  SubMenuType as RcSubMenuType,
-} from '@rc-component/menu/lib/interface';
+import type { MenuProps as RcMenuProps } from '@rc-component/menu';
+
+type RcItemType = NonNullable<NonNullable<RcMenuProps['items']>[number]>;
+type RcMenuDividerType = Extract<RcItemType, { type: 'divider' }>;
+type RcMenuItemGroupType = Extract<RcItemType, { type: 'group' }>;
+type RcMenuItemType = Extract<RcItemType, { type?: 'item' }>;
+type RcSubMenuType = Extract<RcItemType, { type?: 'submenu' }>;
 
 export type DataAttributes = {
   [Key in `data-${string}`]: unknown;

components/modal/PurePanel.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
 import { Panel } from '@rc-component/dialog';
-import type { PanelProps } from '@rc-component/dialog/lib/Dialog/Content/Panel';
 import { clsx } from 'clsx';
 
 import { useMergeSemantic } from '../_util/hooks/useMergeSemantic';
@@ -13,6 +12,8 @@ import type { ModalFuncProps, ModalSemanticAllType } from './interface';
 import { Footer, renderCloseIcon } from './shared';
 import useStyle from './style';
 
+type PanelProps = React.ComponentPropsWithoutRef<typeof Panel>;
+
 export interface PurePanelProps
   extends Omit<PanelProps, 'prefixCls' | 'footer' | 'classNames' | 'styles'>,
     Pick<ModalFuncProps, 'type' | 'footer'> {

components/rate/index.tsx

@@ -1,8 +1,6 @@
 import * as React from 'react';
 import StarFilled from '@ant-design/icons/StarFilled';
 import RcRate from '@rc-component/rate';
-import type { RateRef, RateProps as RcRateProps } from '@rc-component/rate/lib/Rate';
-import type { StarProps as RcStarProps } from '@rc-component/rate/lib/Star';
 import { clsx } from 'clsx';
 
 import { isPlainObject } from '../_util/is';
@@ -14,6 +12,10 @@ import Tooltip from '../tooltip';
 import type { TooltipProps } from '../tooltip';
 import useStyle from './style';
 
+type RateRef = React.ComponentRef<typeof RcRate>;
+type RcRateProps = React.ComponentPropsWithoutRef<typeof RcRate>;
+type RcCharacterRender = NonNullable<RcRateProps['characterRender']>;
+
 export interface RateProps extends RcRateProps {
   rootClassName?: string;
   tooltips?: (TooltipProps | string)[];
@@ -33,7 +35,7 @@ const Rate = React.forwardRef<RateRef, RateProps>((props, ref) => {
     ...rest
   } = props;
 
-  const characterRender: RcStarProps['characterRender'] = (node, { index }) => {
+  const characterRender: RcCharacterRender = (node, { index }) => {
     if (!tooltips) {
       return node;
     }

components/tooltip/index.tsx

@@ -1,10 +1,5 @@
 import * as React from 'react';
 import RcTooltip from '@rc-component/tooltip';
-import type { placements as Placements } from '@rc-component/tooltip/lib/placements';
-import type {
-  TooltipProps as RcTooltipProps,
-  TooltipRef as RcTooltipRef,
-} from '@rc-component/tooltip/lib/Tooltip';
 import type { BuildInPlacements } from '@rc-component/trigger';
 import { useControlledState } from '@rc-component/util';
 import { clsx } from 'clsx';
@@ -33,6 +28,10 @@ import useStyle from './style';
 import UniqueProvider from './UniqueProvider';
 import { parseColor } from './util';
 
+type RcTooltipProps = React.ComponentPropsWithoutRef<typeof RcTooltip>;
+type RcTooltipRef = React.ComponentRef<typeof RcTooltip>;
+type Placements = NonNullable<RcTooltipProps['builtinPlacements']>;
+
 export type { AdjustOverflow, PlacementsConfig };
 
 export interface TooltipRef {
@@ -110,7 +109,7 @@ export interface AbstractTooltipProps extends LegacyTooltipProps {
   rootClassName?: string;
   color?: LiteralUnion<PresetColorType>;
   placement?: TooltipPlacement;
-  builtinPlacements?: typeof Placements;
+  builtinPlacements?: Placements;
   openClassName?: string;
   arrow?: boolean | { pointAtCenter?: boolean };
   autoAdjustOverflow?: boolean | AdjustOverflow;

components/tree-select/index.tsx

@@ -7,7 +7,6 @@ import RcTreeSelect, {
   SHOW_PARENT,
   TreeNode,
 } from '@rc-component/tree-select';
-import type { DataNode } from '@rc-component/tree-select/lib/interface';
 import { omit } from '@rc-component/util';
 import { clsx } from 'clsx';
 
@@ -42,6 +41,8 @@ import type { SwitcherIcon } from '../tree/Tree';
 import SwitcherIconCom from '../tree/utils/iconUtil';
 import useStyle from './style';
 
+type DataNode = NonNullable<RcTreeSelectProps['treeData']>[number];
+
 type RawValue = string | number;
 
 export interface LabeledValue {