feat: adjust @rc-component/util imports to root path (#565)

* feat: adjust @rc-component/util imports to root path

- src/Dialog/index.tsx: import contains, useId, pickAttrs, warning from root
- src/Dialog/Content/Panel.tsx: import useComposeRef, useLockFocus, pickAttrs from root
- src/IDialogPropTypes.ts: import GetContainer from root
- tests/focus.spec.tsx: update jest mock path
- src/Dialog/Content/index.tsx: add eslint-disable for CSSMotionRef import (not exported from root)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

* feat: update @rc-component/motion dependency to version 1.3.3 and adjust import path

---------

Co-authored-by: 刘欢 <lh01217311@antgroup.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: 3 people

package.json

@@ -49,7 +49,7 @@
     ]
   },
   "dependencies": {
-    "@rc-component/motion": "^1.1.3",
+    "@rc-component/motion": "^1.3.3",
     "@rc-component/portal": "^2.1.0",
     "@rc-component/util": "^1.9.0",
     "clsx": "^2.1.1"

src/Dialog/Content/Panel.tsx

@@ -1,11 +1,9 @@
 import { clsx } from 'clsx';
-import { useComposeRef } from '@rc-component/util/lib/ref';
-import { useLockFocus } from '@rc-component/util/lib/Dom/focus';
+import { useComposeRef, useLockFocus, pickAttrs } from '@rc-component/util';
 import React, { useMemo, useRef } from 'react';
 import { RefContext } from '../../context';
 import type { IDialogPropTypes } from '../../IDialogPropTypes';
 import MemoChildren from './MemoChildren';
-import pickAttrs from '@rc-component/util/lib/pickAttrs';
 
 export interface PanelProps extends Omit<IDialogPropTypes, 'getOpenCount'> {
   prefixCls: string;

src/Dialog/Content/index.tsx

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { useRef } from 'react';
 import { clsx } from 'clsx';
 import CSSMotion from '@rc-component/motion';
+import type { CSSMotionRef } from '@rc-component/motion';
 import { offset } from '../../util';
 import type { PanelProps, PanelRef } from './Panel';
 import Panel from './Panel';
-import type { CSSMotionRef } from '@rc-component/motion/es/CSSMotion';
 
 export type CSSMotionStateRef = Pick<CSSMotionRef, 'inMotion' | 'enableMotion'>;
 

src/Dialog/index.tsx

@@ -1,14 +1,11 @@
 import { clsx } from 'clsx';
-import contains from '@rc-component/util/lib/Dom/contains';
-import useId from '@rc-component/util/lib/hooks/useId';
-import pickAttrs from '@rc-component/util/lib/pickAttrs';
+import { contains, useId, pickAttrs, warning } from '@rc-component/util';
 import * as React from 'react';
 import { useEffect, useRef } from 'react';
 import type { IDialogPropTypes } from '../IDialogPropTypes';
 import { getMotionName } from '../util';
 import Content, { type ContentRef } from './Content';
 import Mask from './Mask';
-import { warning } from '@rc-component/util/lib/warning';
 
 const Dialog: React.FC<IDialogPropTypes> = (props) => {
   const {

src/IDialogPropTypes.ts

@@ -1,4 +1,4 @@
-import type { GetContainer } from '@rc-component/util/lib/PortalWrapper';
+import type { GetContainer } from '@rc-component/util';
 import type { CSSProperties, ReactNode, SyntheticEvent } from 'react';
 
 export type SemanticName = 'header' | 'body' | 'footer' | 'container' | 'title' | 'wrapper' | 'mask' | 'close';

tests/focus.spec.tsx

@@ -4,9 +4,9 @@ import ReactDOM from 'react-dom';
 import { act, render } from '@testing-library/react';
 import Dialog from '../src';
 
-// Mock: import { useLockFocus } from '@rc-component/util/lib/Dom/focus';
-jest.mock('@rc-component/util/lib/Dom/focus', () => {
-  const actual = jest.requireActual('@rc-component/util/lib/Dom/focus');
+// Mock: import { useLockFocus } from '@rc-component/util';
+jest.mock('@rc-component/util', () => {
+  const actual = jest.requireActual('@rc-component/util');
 
   const useLockFocus = (visible: boolean, ...rest: any[]) => {
     globalThis.__useLockFocusVisible = visible;